@import url("foundation.css");

@font-face {
/* font-test*/
font-family:MiSans;
src:url('/fonts/MiSans-Regular.ttf');
}

html, body
{
	padding: 0;
	margin: 0;
}
li{list-style: none;}
body {
	background-color: #FFFFFF;
	font-family: MiSans;
	font-size: 14px;
	color: #1a1a1a;
	-webkit-text-size-adjust: none;
}
body *{	text-shadow: none;}
h1, h2, h3, h4, h5, h6{	line-height: 1;	color: #330;	font-weight: bold;	margin: 20px 0 10px 0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td, textarea, input { font-family:MiSans; font-weight: normal; }


a, a:link, a:active, a:visited, a:hover{color: #d32159;	text-decoration: none;}
pre{	font-size: 12px;	width: 100%;	overflow: auto;	-webkit-overflow-scrolling: touch;}
#page nav{	display: none;}

#header,
.header,
#footer
{
	background: #1a1a1a;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 70px;
	height: 70px;
	padding: 0 50px;
}

.subHeader, .subFooter { 
	background-color:#d32159;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	height: 40px;
	padding: 0 10px;
	position:relative;
	width: 100%;
 }
 
.subHeader i.i-small { position: absolute; left: 16px !important; top: 11px !important; margin: 0px; }

#header a,
.header a
{
	background: url('fonts/icons.svg') no-repeat -21px -295px;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 5px;
	left: 10px;
}

#header a.backBtn
{
	background: url('fonts/icons.svg') no-repeat -97px -295px;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 5px;
	right: 0px;
	left: inherit;
}


#content,
.content
{
	padding: 10px;
}

/*********************/

@media all and (min-width: 900px) {
	html, body {
		height: 100%;
	}
	#menu {
		/*background: #eee;*/
	}
	#page {
		
		min-height: 100%;
	}
	/* hide open-button */
	a[href="#menu"]
	{
		/*display: none !important;*/
	}
}

#Logo { display: inline-block; padding: 15px 0px;}
#Logo.svg { padding: 0px 15px; }
#Logo img { max-height:40px; }

.bannerPane { text-align:center; overflow: hidden; }
.bannerPane img {  }

.o-page .mm-ismenu { background: #1a1a1a !important; }
.o-page .mm-list > li { background-color: #d32159; color: #FFFFFF; }
.o-page .mm-menu.mm-vertical .mm-list .mm-panel { padding: 0px 0px 0px 40px !important; background-color: #1a1a1a !important; }
.o-page .mm-menu.mm-vertical .mm-list .mm-panel li { background-color: #1a1a1a; border-bottom: 1px solid #d32159; border-left: 1px solid #d32159; }
.o-page .mm-menu > .mm-list { padding:0px; }
.o-page .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), 
.o-page .mm-menu .mm-list > li.mm-selected > span { background: #1a1a1a; color: #FFFFFF; }
.o-page .mm-menu .mm-list > li.mm-selected i.i-small { background-position-y: -260px; }
.o-page .mm-menu.mm-hassearch > .mm-panel { padding-top: 50px; }
.o-page .mm-menu .mm-search input { border: 0px; background: rgba(0, 0, 0, 0); color: rgba(255, 255, 255, 0.6); }
.o-page .mm-menu li.mm-noresults { text-align: center; font-size: 15px; display: none; padding: 10px; }
.o-page .mm-list > li > a, 
.o-page .mm-list > li > span { line-height: 30px; padding: 10px 10px 10px 15px; text-decoration: none; }
.o-page .mm-list > li > a:hover { background: rgba(0, 0, 0, 0.5); }
.o-page .mm-list a.mm-subopen { padding:0px;}
.o-page .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { top: 20px; }
.o-page .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen { height:50px; }
.o-page .mm-list a.mm-subclose { padding-top: 30px !important; }



/*********** ICONS */
.i-pane  { width:65px; height:65px; position:relative; text-align: center; } 
.i-pane.i-blue { background: #1a1a1a; } 
.i-pane.i-green { background-color:#1a1a1a; } 
.i-pane.i-orange { background-color:#1a1a1a; } 
.i-pane.i-red { background-color:#1a1a1a; } 

.c-blue { color: #1a1a1a; } 
.c-green { color: #1a1a1a; } 
.c-orange { color: #1a1a1a; } 
.c-red { color: #1a1a1a;} 

i { background: url("fonts/icons.svg") no-repeat left top; display:inline-block; position:relative; }

/*i.i-phone { width:72px; height:72px; background: url(fonts/phoneicon.svg) no-repeat left top; top: 50%; left:50%; margin: -36px 0px 0px -65px; }*/
i.i-phone { width:72px; height:72px; background-position: 0px 0px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-flexible { width:72px; height:72px; background-position: -72px 0px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-neat { width:72px; height:72px; background-position: -144px 0px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }

i.i-home { width:72px; height:72px; background-position: 0px -72px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-about { width:72px; height:72px; background-position: -72px -72px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-blog { width:72px; height:72px; background-position: -144px -72px; top: 50%; left:50%; margin: -33px 0px 0px -65px; }
i.i-shortcodes { width:72px; height:72px; background-position: 0px -144px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-gallery { width:72px; height:72px; background-position: -72px -144px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }
i.i-contact { width:72px; height:72px; background-position: -144px -144px; top: 50%; left:50%; margin: -36px 0px 0px -65px; }

i.i-home.i-small { width:19px; height:19px; background-position: -9px -225px; top: 3px; }
i.i-about.i-small { width:19px; height:19px; background-position: -49px -225px; top: 3px; left: 3px; }
i.i-blog.i-small{ width:19px; height:19px; background-position: -82px -225px; top: 3px; }
i.i-shortcodes.i-small { width:20px; height:19px; background-position: -116px -225px; top: 3px; }
i.i-gallery.i-small { width:20px; height:19px; background-position: -152px -225px; top: 3px; } 
i.i-contact.i-small { width:20px; height:19px; background-position: -188px -225px; top: 3px; } 

i.i-comments.i-small { width:16px; height:16px; background-position: -28px -388px; top: 3px; margin:0px 2px 0px 5px; } 
i.i-author.i-small { width:16px; height:16px; background-position: -100px -388px; top: 3px; margin:0px 2px 0px 5px; } 
i.i-calendar.i-small { width:16px; height:16px; background-position: -172px -388px; top: 3px; margin:0px 2px 0px 5px; } 

i.i-small { margin: 0px 10px 0px 0px; left: 0px; }

.mainIconPane { display:inline-block; margin-bottom: 15px; }
.mainIconPane h4 { margin: 0px 0px 5px; }
.mainIconPane p { color:#979797; font-size:13px; }

.clearfix:after{
  content: " "; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
  }

.exploreSiteFullPane { padding: 5px; }
a.explorePane { text-decoration:none; }
.explorePane { width: 25%; float: left; padding: 1%; border-bottom: 1px solid #DDD; text-align: center; text-decoration:none; }
.explorePane.middle {  border-right: 1px solid #DDD; }

.explorePane .i-pane { float:none; margin:0px; display: inline-block; }
.explorePane:active .i-pane, .explorePane:focus .i-pane, .explorePane:hover .i-pane, .explorePane.active .i-pane { background-color: #FFFFFF; }

.explorePane:active, .explorePane:focus, .explorePane:hover { cursor:pointer; }

.block { font-size:2em; font-weight: normal; background-color:#212123; text-align:center; padding:15px; border-top:1px solid #d32159; border-bottom: 1px solid #d32159; color:#d32159; line-height: 160%; }
.block img{ display: block;} 


.o-team { display: inline-block; }
.o-team .o-team-person.opacity50 { opacity: 0.5; }
.o-team .o-team-person.opacity50.active { opacity: 1; }
.o-team .o-team-person { width: 32%; margin-top:10px; margin-left: 1%; text-align: center; float:left; margin-bottom: 20px; }
.o-team .o-team-person:hover { cursor: pointer; }
.o-team .o-team-person > img { max-width:80%; border-radius: 50%; padding:3px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
.o-team .o-team-person h4 { font-size: 16px; color:#0e1419; margin:10px 0px 0px 0px; }
.o-team .o-team-person .h-line50 { border-bottom: 1px solid #dcdee0; margin: 10px 0px; width: 50%; position: relative; display: inline-block; }
.o-team .o-team-person p { font-size: 12px; color:#949494; margin-top: 0px; line-height: 1; }
.o-team .o-team-person .o-person-content { display:none; } 
.o-person-details img { width:100%; } 
.o-person-details h4 { font-size: 16px; color:#0e1419; margin:10px 0px 20px 0px; } 
.o-person-details p { font-size: 12px; color:#949494; margin-top: 0px; line-height: 1; } 

.o-person-details .a-skills { margin-bottom: 0px; border-bottom: 1px solid #DDD; padding-bottom: 10px; } 

.chart { position: relative; display: inline-block; width: 110px; height: 110px; margin-top: 20px; margin-bottom: 50px; text-align: center; } 
.chart canvas { position: absolute; top: 0; left: 0; } 
.percent { display: inline-block; font-size: 30px; color: #777; z-index: 2; } 
.percent:after { content: '%'; margin-left: 0.1em; font-size: .8em; } 
.angular { margin-top: 100px; } 
.angular .chart { margin-top: 0; } 


/*********************************************************************************** BLOG */






.contactForm {  }
.contactForm label{ width:100%; margin-top:10px; float: left; }
.contactForm label .required { color:red; }
.contactForm #ContactName { background-color: #EBECEF; border: 1px solid #D7D9DB; padding: 3px 10px; height: 30px; color: #555; width: 90%; outline: none; }
.contactForm #ContactEmail { background-color: #EBECEF; border: 1px solid #D7D9DB; padding: 3px 10px; height: 30px; color: #555; width: 90%; outline: none; }
.contactForm #ContactMessage { background-color: #EBECEF; border: 1px solid #D7D9DB; padding: 10px; color: #555; width: 90%; outline: none; min-height: 80px; }
.contactForm #SubmitContact { background-color: #4D7EA2; color: #FFF; padding: 10px 15px; border: none; text-transform: uppercase; cursor:pointer; margin-bottom: 10px; }
.contactForm #SubmitContact:hover { background-color: #245070; }


/*********************************************************************************** Shortcodes */
.o-buttons { padding:5px 10px; font-size:12px; color:#fff !important; margin:3px; text-decoration:none !important; display:inline-block;}
.o-buttons.b-big { padding: 10px 20px; font-size: 16px; }
.o-buttons:hover { text-decoration:none; }
.o-buttons.blue { background: #587eac; }
.o-buttons.blue:hover { background: #d32159; }

.o-buttons.red { background: #ff7a73; }
.o-buttons.red:hover { background: #c14f4c; }

.o-buttons.green { background: #9eb74e; }
.o-buttons.green:hover { background: #707c2c; }

.o-buttons.orange { background: #e0af50; }
.o-buttons.orange:hover { background: #c68a2a; }


.notifications { padding:20px; position: relative; margin-bottom: 20px; font-size: 13px; }
.notifications i { background: url("../images/icons.png") no-repeat left top; display: inline-block; width:21px; height: 21px; position: absolute; right: 20px; top:50%; margin-top: -11px; }
.notifications.error { background-color: #feeeee; color:#e85252; }
.notifications.error i { background-position: -18px -900px; }
.notifications.success { background-color: #e8fce8; color:#4c9b4c; }
.notifications.success i { background-position: -46px -900px; }
.notifications.warning { background-color: #fff8ee; color:#e5a30e; }
.notifications.warning i { background-position: -71px -900px; width: 25px; }
.notifications.info { background-color: #f6f6f6; color:#3c96af; }
.notifications.info i { background-position: -102px -900px; }

.socialMedia { padding: 10px 0px 0px 0px;  display: inline-block; width: 100%; text-align: center; } 
.socialMedia.scl-grey { background-color: #d32159; } 
.socialMedia a { background: url("fonts/icons.svg") no-repeat left top; text-indent: -9999px; overflow: hidden; display: inline-block; margin-right: 5px; } 

.socialMedia a { width:26px; height: 26px; color: rgba(0, 0, 0, 0); }  
.socialMedia a:hover { opacity: 0.9; }  
/** Color socials ICONS **/
.socialMedia a.ico-facebook { background-position: -16px -436px; } 
.socialMedia a.ico-twitter { background-position: -43px -436px; } 
.socialMedia a.ico-linkedin { background-position: -68px -436px; } 
.socialMedia a.ico-gplus { background-position: -94px -436px; } 
.socialMedia a.ico-youtube { background-position: -120px -436px; } 
.socialMedia a.ico-tumblr { background-position: -146px -436px; } 
.socialMedia a.ico-pinterest { background-position: -172px -436px; } 

.socialMedia.scl-grey a.ico-facebook { background-position: -16px -465px; } 
.socialMedia.scl-grey a.ico-twitter { background-position: -43px -465px; } 
.socialMedia.scl-grey a.ico-linkedin { background-position: -68px -465px; } 
.socialMedia.scl-grey a.ico-gplus { background-position: -94px -465px; } 
.socialMedia.scl-grey a.ico-youtube { background-position: -120px -465px; } 
.socialMedia.scl-grey a.ico-tumblr { background-position: -146px -465px; } 
.socialMedia.scl-grey a.ico-pinterest { background-position: -172px -465px; } 


#loader { background: rgba(88, 126, 172, 0.85); bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 9999; }
#loaderInner { left: 50%; margin: -50px 0 0 -62px; position: absolute; top: 50%; color: #fff; font-size: 25px; }
#loaderInner p { margin-left: 22px; font-size: 17px; }






        .menu_b {
            display: block;
            position: fixed;
            bottom: 0;
            width: 100%;
            height: 70px;
            color: #EEEEEE;
            padding-top: 10px;
            border-top: 1px solid #eee;
            background-color: #000000;
        }

        .subMenu {
            width: 25%;
            float: left;
            cursor: pointer;
        }
        .subMenu a{
            color: #FFFFFF;
			text-decoration: none;
        }

        .menu_name {
            height: 30px;
            width: 100%;
            line-height: 30px;
			font-size: 1.2em;
        }

        img.menu_img {
            height: 24px;
            width: 24px;
        }

        img {
            vertical-align: middle;
            border: 0;
        }

        .active {
            color: #d32159;
        }

        .text-center {
            text-align: center
        }



/*css black2 style pagination*/
div.black2{padding:10px;margin:10px;text-align:center;}
div.black2 a{border:#CCCCCC 1px solid;padding:5px 10px;margin:2px;color:#666666;text-decoration:none;}
div.black2 a:hover{color:#fff;background-color:#d32159;border:#d32159 1px solid;}
div.black2 a:active{color:#fff;background-color:#d32159;border:#d32159 1px solid;}
div.black2 a.curr{padding:5px 10px;font-weight:bold;margin:2px;color:#fff;background-color:#d32159;border:#d32159 1px solid;} 

.fenye{padding:10px;margin:10px;text-align:center;}
.fenye a{border:#CCCCCC 1px solid;padding:5px 10px;margin:2px;color:#666666;text-decoration:none;}
.fenye a:hover{color:#fff;background-color:#d32159;border:#d32159 1px solid;}
.fenye a:active{color:#fff;background-color:#d32159;border:#d32159 1px solid;}
.fenye a.curr{padding:5px 10px;font-weight:bold;margin:2px;color:#fff;background-color:#d32159;border:#d32159 1px solid;} 




.main-btn{ width: 100%; margin: 20px auto 70px; background: #333333;} 
.main-btn-{width: 92%; margin: 0px auto; padding: 25px 0px;background: #333333;} 
.main-btn-img{width: 36%;margin: 0px auto;text-align: center;} 
.main-btn-img img{ width: 100%;} 
.main-btn-tel{width: 95%; margin: 15px auto; text-align: center;} 
.main-btn-tel p{ font-size: 1.5em; color: #FFFFFF; margin: 0px 0px 3px 0px;} 
.main-btn-tel span{font-size: 1.8em; color: #FFFFFF; margin: -5px 0px 0px 0px; display: inline-block;} 

.main-btn-txt{width: 95%; margin: 15px auto; text-align: center;} 
.main-btn-txt p{ font-size: 1.5em; color: #FFFFFF; margin: 0px 0px 0px 0px;} 
.main-btn-txt span{ font-size: 1.2em; color: #FFFFFF;} 

.main-btn-ba{width: 95%; margin: 15px auto; text-align: center;} 
.main-btn-ba p{ font-size: 1em; color: #FFFFFF;} 
.main-btn-ba p a{color: #FFFFFF;} 





.article-comments {}
.article-comments > ul { padding:5px; }
.article-comments > ul  li { list-style:none; border-bottom: 1px solid #DDD; padding-bottom: 10px; margin-bottom: 10px; }
.article-comments > ul  li img { max-width:60px; padding:2px; background-color:#fff; border-radius:50%; float:left; border: 1px solid #DDD; margin: 10px 10px 10px 0px; }
.article-comments > ul  li p.c-a-name { font-size: 14px; margin:0px; } 
.article-comments > ul  li p { margin:0px; } 
.article-comments > ul  li .comment-date { font-size:12px;  } 
.article-comments > ul  li p.desc { color:#999; } 
.article-comments > ul > li > ul { padding-left:5px; } 
.article-comments > ul > li > ul > li { background-color: #EEEFF1; padding: 5px 10px; margin-top: 10px; margin-bottom:0px; } 




.mo_hr{ margin: 50px auto; width: 92%; height: 1px; background: #DDDDDD;} 

.mo_tit { width:100%; text-align:center;} 
.mo_tit p{ font-size:2.2em; color:#d32159; font-weight:normal; line-height: 100%; margin-top: 15px;} 
.mo_tit span{ color:#999999; font-size: 1em; display: block;} 
.mo_tit span strong{color:#d32159;} 

.mo_a{width: 92%;margin: 50px auto;} 

.mo_content{width: 100%; margin: 20px auto;} 
.mo_content p{ line-height: 175%; font-size: 1.2em;color: #1a1a1a; } 
.mo_content p img{ width: 100%;} 

.mo_more {text-align: center; width: 100%; margin: 20px auto;} 
.mo_more a{display: block; font-size:1em; color: #1a1a1a; background: #DDDDDD; width: 100px; padding: 6px 0px; border-radius: 10px; margin: 0px auto; letter-spacing: 2px; text-align: center;} 



.mo_b{width: 92%;margin: 50px auto;} 
.mo_b .mt-tabpage {width: 100%;margin: 0px auto; height:auto; position: relative;}

.mo_b .mt-tabpage-title { padding:0px;width: 100%;margin:30px auto 20px;} 
.mo_b .mt-tabpage-title .mt-tabpage-item {display: inline-block;text-align: center; width: 32%; margin: 0 0.75% 1.5% 0;background: #1a1a1a; padding: 15px 0px;}  
.mo_b .mt-tabpage-title a:nth-child(3){ float: right; margin: 0 0 1.5% 0;} 
.mo_b .mt-tabpage-title .mt-tabpage-item img{ width: 100%;} 
.mo_b .mt-tabpage-title .mt-tabpage-item p{border: #EEEEEE 1px solid; padding: 2px 0px; color: #EEEEEE; width:60%; border-radius: 10px; margin: 10px auto 0px; font-size: 0.8em;} 
.mo_b .mt-tabpage-title .mt-tabpage-item:hover{} 
.mo_b .mt-tabpage-title .mt-tabpage-item-cur {background: #d32159;} 
.mo_b .mt-tabpage-title .mt-tabpage-item-cur p{} 

.mo_b .mt-tabpage-count {	position: relative;width: 100%;	height: 220px;	overflow: hidden;} 
.mo_b .mt-tabpage-cont__wrap {position: absolute; z-index: 9;} 
.mo_b .mt-tabpage-count .mt-tabpage-item {width: 465px;height: 220px;text-align: center;} 
.mo_b .mt-tabpage-count .mt-tabpage-item img{ width: 100%;} 





.mo_c{width: 92%;margin: 50px auto;} 

.mo_info{width: 100%; margin: 15px auto 0px;} 
.mo_info ul{}
.mo_info ul li{ float: left; width: 25%; text-align: center; padding: 0 5%; box-sizing: border-box;} 



.mo_case{width:100%; margin: 25px auto;} 
.mo_case ul{}
.mo_case ul li{ float: left; width: 49%; margin: 1% 0;text-align: center; height:90px; overflow: hidden;} 
.mo_case ul li:nth-child(2n){ float: right;}  
.mo_case ul li img{ width: 100%;} 


.index_new{ width: 100%; margin: 20px auto;} 
.index_new ul{} 
.index_new ul li{ margin-bottom: 15px; background: #F8F8F8;} 
.index_new_img{ float: left; width: 35%;} 
.index_new_img img { width: 100%;} 
.index_new_tit{ float: right; width: 60%;font-size:1.2em; font-weight: normal;color:#d32159; line-height: 150%; padding: 10px; box-sizing: ;} 








.c_content{ width: 92%;margin: 50px auto;}
.c_content h2{font-size: 1.8em; color: #d32159;} 
.c_content h6{display: block; width: 30px; height: 1px; margin: 20px 0px; background: #d32159;} 
.c_content p{ font-size: 1.2em;} 
.c_content p strong{ font-size: 1.3em; color: #d32159;} 



.c_content_a{ width: 92%;margin: 50px auto;}
.c_content_a > h2{font-size: 1.8em; color: #d32159;} 
.c_content_a > h6{display: block; width: 30px; height: 1px; margin: 20px 0px; background: #d32159;} 

.c_content_a .a_img{width: 100%;} 
.c_content_a .a_img img{ width: 100%;} 

.c_content_a .a_txt{width: 100%; background: #F8F8F8; padding: 15px;} 
.c_content_a .a_txt h3{font-size: 1.5em; color: #d32159;} 
.c_content_a .a_txt em{display: block; width: 30px; height: 1px; margin: 20px 0px; background: #d32159;} 
.c_content_a .a_txt h5{font-size: 1.2em; color: #000000; line-height: 150%;} 

.c_content_a .a_txt_a{width: 100%; background: #F8F8F8; padding: 15px;} 
.c_content_a .a_txt_a h6{font-size: 1.5em; color: #d32159;} 
.c_content_a .a_txt_a p{font-size: 1em; color: #000000;} 


.c_content_b{ width: 92%;margin: 50px auto;}
.c_content_b h2{font-size: 1.8em; color: #d32159;} 
.c_content_b h6{display: block; width: 30px; height: 1px; margin: 20px 0px; background: #d32159;} 
.c_content_b img{width: 100%;} 




.c_pro{ width: 100%; background: #F8F8F8; margin: -20px 0px; padding: 30px 0px;} 
.c_pro_{ width: 92%; margin: 0px auto; padding: 30px 0px;} 
.c_pro_ ul{} 
.c_pro_ ul li{ width: 100%; margin: 5% 0px; background: #FFFFFF;} 
.c_pro_ ul li img { width: 100%; height: 100%;} 
.c_pro_ ul li p{ padding: 15px 0px;  font-size: 1.5em; margin: 0px; text-align: center; color: #000000;} 

.c_case{ width: 100%; background: #F8F8F8; margin: -20px 0px; padding: 30px 0px;} 
.c_case_{ width: 92%; margin: 0px auto; padding: 30px 0px;} 
.c_case_ ul{} 
.c_case_ ul li{ width: 100%; margin: 5% 0px; background: #FFFFFF;} 
.c_case_ ul li img { width: 100%; height: 100%;} 
.c_case_ ul li p{ padding: 15px 0px;  font-size: 1.5em; margin: 0px; text-align: center; color: #000000;} 

.links{width: 92%; margin: 0px auto;} 
.links ul{} 
.links ul li{float:left; width: 24%;  margin:0 1.325% 1.325% 0;}
.links ul li:nth-child(4n){ float: right; margin-right: 0;} 
.links ul li a{ color:#000000; display: block; background:#F1F1F1; padding: 5px 0px; text-decoration: none; text-align: center;font-size:1.2em;}
.links ul li a.act{color:#FFFFFF; background: #d32159;}

.linksa{width: 92%; margin: 0px auto;} 
.linksa ul{} 
.linksa ul li{float:left; width: 24%;  margin:0 1.325% 1.325% 0;}
.linksa ul li:nth-child(4n){ float: right; margin-right: 0;} 
.linksa ul li a{ color:#000000; display: block; background:#F1F1F1; padding: 5px 0px; text-decoration: none; text-align: center;font-size:1.2em;}
.linksa ul li a.act{color:#FFFFFF; background: #d32159;}


.c_pro_m{width: 92%; margin: 0px auto; padding: 30px 0px;} 
.c_pro_m h1{margin-bottom: 15px; border-bottom: #CCCCCC 1px dashed; padding-bottom: 15px; text-align: center; font-size: 2em;color: #d32159; line-height: 125%;} 

.c_pro_m_l div{ width: 100%; margin: 15px 0px;} 
.c_pro_m_l div img{width: 100%;} 


.c_news{width: 92%; margin: 30px auto; } 
article { border-bottom:#DDDDDD 1px solid; padding: 35px 0px; width: 100%;}
article img { width:100%; }
article h2{ line-height: 125%; color: #d32159; font-size: 1.5em;} 
article p { line-height: 150%; font-size: 1em;} 
article div.a-meta { font-size:0.8em; } 
article div.a-meta i{font-size:0.8em; } 
article div.a-meta > a { text-decoration:none; } 



article h1{line-height: 125%;font-size: 2em; color: #000000; padding-bottom: 20px; border-bottom: #DDDDDD 1px dashed; margin-bottom: 30px; margin-top: -30px;} 

#MyContent p{ font-size: 1.3em; line-height: 175%; margin: 25px 0px;text-align: justify;} 



.c_contact{ margin: 30px auto; width: 92%; }
.c_contact ul{ margin: 0px; padding: 0px;}
.c_contact ul li{ float: left; border-left:#DDDDDD 1px solid;  text-align: center; width:50%; box-sizing: border-box; margin-bottom: 5%;height:180px;}
.c_contact ul li:nth-child(2n){border-right:#DDDDDD 1px solid; float: right; }
.c_contact ul li img{width:50px; height:50px;}
.c_contact ul li p {color:#000000;font-size:1.5em;margin:20px 0px 5px;}
.c_contact ul li span{color: #999999;font-size:1em; line-height: 150%;}


.c_join{ margin: 30px auto; width: 92%; } 
.c_join_txt{width: 100%; margin: 0px auto; background: #F8F8F8; padding: 20px 20px; box-sizing: border-box;} 
.c_join_txt h3{ display: block;color: #d32159;font-size: 1.8em; margin-bottom: 30px;} 
.c_join_txt p{ color: #000000; font-size: 1.1em;margin: 25px 0px;text-align: justify; line-height: 175%;} 
.c_join_txt p strong{ font-size: 1.2em;} 
.c_join_txt img{ width: 100%;} 

.c_join_list{width:100%;margin: 30px auto;} 
.c_join_list ul{} 
.c_join_list ul li{ float: left; text-align: center; background: #F2F2F2; padding: 15px; width: 48%; height: 220px; box-sizing: border-box; border-radius: 15px; margin: 0 0 5% 0;} 
.c_join_list ul li:nth-child(2n){ float: right;} 
.c_join_list ul li img{ width: 50px; height: 50px;} 
.c_join_list ul li p{ font-size: 1.5em;color:#d32159;} 
.c_join_list ul li i{ display: block; height: 2px; width: 30px; background: #d32159; margin: 10px auto;} 
.c_join_list ul li span{ display: inline-block;  color: #666666; font-size: 0.8em; line-height: 150%; text-align: justify;} 








/*************************************************************************************/






.main5c{ width: 100%; background: #F8F8F8;  padding: 20px 0px;} 
.main5c ul{} 
.main5c ul li{ width: 50%; text-align: center; border-right: #DDDDDD 1px solid; float: left; margin: 20px 0px;} 
.main5c ul li:last-child{border-right: none; } 
.main5c ul li div{ width: 50%; margin: 0px auto; margin-bottom: 5px;} 
.main5c ul li h4{ margin: 0px; line-height: 150%; font-size: 1.2em;} 
.main5c ul li span{ color: #999999;} 






.mo_pro{width:95%; margin: 10px auto 15px;} 
.mo_pro .banner{position: relative;overflow: auto;text-align: center;width:100%;margin:0 auto}
.mo_pro .banner ul li img{ width: 100%;} 
.mo_pro .banner .dots{position:absolute;left:-25px;right:0;bottom:-26px;z-index:3;}
.mo_pro .banner .dots li{display:inline-block;width:10px;height:10px;margin:0 2px;text-indent:-999em;border:1px solid #d32159;border-radius:50%;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.mo_pro .banner .dots li.active{background:#d32159;opacity:1;}

.mo_ys{width:95%; margin: 10px auto 15px;} 
.mo_ys .banner{position: relative;overflow: auto;text-align: center;width:100%;margin:0 auto}
.mo_ys .banner ul li img{ width: 100%;} 
.mo_ys .banner ul li p{ font-size: 2em;text-align: center;  font-weight: bold;color: #d32159; margin-bottom: 5px;} 
.mo_ys .banner ul li span{ font-size: 1.2em; text-align: center; display: block; margin-bottom: 10px;} 
.mo_ys .banner .dots{position:absolute;left:-25px;right:0;bottom:-26px;z-index:3;}
.mo_ys .banner .dots li{display:inline-block;width:10px;height:10px;margin:0 2px;text-indent:-999em;border:1px solid #d32159;border-radius:50%;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.mo_ys .banner .dots li.active{background:#d32159;opacity:1;}









.mo_main5a_txt{ text-align: center; margin:-10px auto 20px;font-size:1.6em; color: #333333;} 


.mo_main5a_img{width:95%; margin: 0px auto;} 



.mo_main6{width: 98%; margin: 10px auto; text-align: center;} 
.mo_main6 img{width: 100%;} 


.products_nnn{ width: 90%; margin: 0px auto;} 
.products_nnn li{text-align: center; height: auto; margin: 10px 0px;} 
.products_nnn li img{width:100%;}  
.products_nnn li p{width:100%; color:#d32159; font-size:1.5em; margin-bottom: 10px; background: #000000; padding: 10px 0px; text-align: center;} 

.products_n2{ width: 96%; margin: 0px auto 20px;} 
.products_n2 li{text-align: center; height: auto;  float: left; width: 50%;} 
.products_n2 li a{ display: block; color:#d32159; font-size:1.5em; margin: 10px;  padding: 10px 0px;  text-align: center; border: #d32159 1px solid; text-decoration: none;} 

.zsjm{background-color:#FFFFFF;  height:auto;} 
.list1{ margin-bottom: 30px;} 
.list1 ul{} 
.list1 li{width: 45%; float: left; text-align: center;background-color:#d32159; margin: 8px; padding:10px;} 
.main6a_txt1{font-size:1.5em; margin-bottom: 0px;color: #FFFFFF;} 
.main6a_txt2{font-size:0.5em;color: #FFFFFF;} 
.main6a_txt0{color: #FFFFFF;} 
.main6a_txt4{font-size:1.2em; line-height: 150%; text-align: justify;color: #FFFFFF;} 


.indexnew{ width: 100%;} 
.indexnew li{  margin:8px 2px;float:left;display:inline;text-align: center;width: 32.2%;}  
.indexnew li img{width:100%;height:100%;}  
.indexnew li h4{color:#888;font-size:1.5em; font-weight: normal; height:30px;line-height:30px;overflow:hidden; margin-top: 10px;} 







.mo_join_txt{ width: 95%; margin: 5px auto;} 
.mo_bottom{ width: 100%; background: #d32159; padding:20px 0px 100px 0px; text-align: center;color:#FFFFFF;} 
.mo_bottom img{ margin: 0px auto 10px; display: block;} 
.mo_bottom p{font-size:1.8em; font-weight: normal;color:#FFFFFF;} 
.mo_bottom span a{
 color: #FFFFFF;
	text-decoration: none;
        }




h3.title, h4.title {  border-bottom:1px solid #eee; padding-bottom:10px;} 
h2.title{ font-weight: bold; margin-bottom:20px; } 
.row h3.title, .row h2.title , .row h4.title { margin-top:0px;} 







div.case-row{ width:  100%; background: #F5F5F5; padding: 10px 0px; margin: 0px;} 
div.case-item { width: 90%; background: #FFFFFF; text-align: center; margin: 5px auto; padding-bottom: 10px;} 
div.case-item img { display: block; width: 100%; height: 100%;} 
div.case-item p{ font-size: 1.8em; padding: 15px 0px 0px; color: #000000;} 
div.case-item span{display: block; font-size:1em; color: #000000;font-weight: normal; border: #d32159 1px solid; width: 80%; padding: 6px 0px; border-radius: 10px; margin: 10px auto;} 






.mo_content_img{width:95%; margin: 0px auto;}
.mo_content_img img{width:100%; } 

.mo_main8{width: 95%; margin: 0px auto; text-align: center;} 
.mo_main8 img{width: 100%;} 




.mo_main_join{ width: 100%; background: #F8F8F8; margin: 0px; padding: px 0px; box-sizing: border-box;} 

.mo_main_join_{ width: 90%; margin: 0px auto; padding: 10px 0px; border-bottom: #CCCCCC 1px solid;} 

.mo_main_join_ img{ float: left; width: 20%;}
.mo_main_join_ p{ float: right; width: 70%; text-align: left;font-size: 1em; line-height: 175%; margin-top: 15px; color: #000000;} 
.mo_main_join_ p strong{ font-size: 1.2em; font-weight: bold; } 

.mo_main_join_2{ width: 90%; margin: 0px auto; padding: 25px 0px;} 

.mo_main_join_2 img{ float: left; width: 30%;}
.mo_main_join_2 p{ float: right; width: 60%; text-align: left;font-size: 1.2em;line-height: 160%; margin-top: 15px; color: #000000;} 
.mo_main_join_2 p strong{ font-size: 1.6em; font-weight: normal;} 



/*********************************************************************************** ABOUT */




/*********************************************************************************** Gallery 
.gallery-row{ width: 95%; margin: 10px auto;} 
.gallery-row li{ float: left; width: 47%; margin: 1.5%; border: #EEEEEE 1px solid;} 
.gallery-row li img { display: block; width: 100%; height: 100%;} 
.gallery-row li p{ padding: 0px 0px 10px;  font-size: 1.2em; margin: 0px; text-align: center; color: #0067c7;} 
.gallery-row li span{display:block;font-size: 1em; margin: 0px auto 10px; background: #F8F8F8; width: 80px; text-align: center; border-radius: 15px; color: #AAAAAA; padding: 3px 0px;} */

.gallery-row{ width: 94%; margin: 10px auto;} 
.gallery-row li{ float: left; width: 100%; margin: 2% 0px; border: #EEEEEE 1px solid;} 
.gallery-row li img { width: 100%; height: 100%;} 
.gallery-row li p{ padding: 15px 0px;  font-size: 1.5em; margin: 0px; text-align: center; color: #000000;} 
/*********************************************************************************** Contact */




.honor_list{ margin: 15px auto; width: 90%} 
.honor_list ul {} 
.honor_list ul li{ margin: 2% 0; float: left; width:100%; background: #FAFAFA;} 
.honor_list ul li:hover{ } 
.honor_list ul li div{ padding: 5px; box-sizing: border-box; text-align: center; height:auto;} 
.honor_list ul li img { width: 100%;} 
.honor_list ul li p { text-align: center; color: #333333; font-size: 1em; font-weight: lighter; line-height: 150%; padding:10px 0px 0px; border-top: #EEEEEE 1px solid; margin-top: 10px; box-sizing: border-box;}