.wrap { background:#fff;}	
.wrap img { display:block; width:100%;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}


/*µ¼º½*/

.g-nav {position:relative;}
.g-nav a {border-right:1px solid #3068ce;border-bottom:1px solid #062c70;border-top:1px solid #3068ce; border-left:1px solid #062c70;
 font-size:1em; color:#fff;height: 2.55em; line-height: 2.55em; width:33.3%;text-align:center; display:block; float:left;
 
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;
background: #1758b2; /* old browsers */
background: -moz-linear-gradient(top,  #1758b2 0%, #0a3c97 100%); /* ff3.6  */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1758b2), color-stop(100%,#0a3c97)); /* chrome,safari4  */
background: -webkit-linear-gradient(top,  #1758b2 0%,#0a3c97 100%); /* chrome10 ,safari5.1  */
background: -o-linear-gradient(top,  #1758b2 0%,#0a3c97 100%); /* opera 11.10  */
background: -ms-linear-gradient(top,  #1758b2 0%,#0a3c97 100%); /* ie10  */
background: linear-gradient(to bottom,  #1758b2 0%,#0a3c97 100%); /* w3c */
}

.g-nav a:nth-child(3n){border-right:none;}
.g-nav a:nth-child(4),.g-nav a:nth-child(5)，.g-nav a:nth-child(5){ border-bottom: none;}

/*í¨à¸¹ã¸æ*/

.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15;}
.g-adv .sclwrap_box{height:12.5em;}
.g-adv .m-cnt li{ width: 33.3%; float: left; height: 0.3em; background: #ccc;}
.g-adv .m-cnt li.z-on{ background: #0c419c;}



/* 产品列表 */

.g-plist{ width: 95%; margin: 0 auto; font-size: 1em; padding: 1.9em 0 0;}
.g-plist li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 0.8em;}
.g-plist li:nth-child(2n){ margin-right: 0;}
.g-plist li img{border: 1px solid #ccc;}
.g-plist li span{ display: block;text-align: center; background: #eee; height: 1.8em; line-height: 1.8em;}
.g-plist li span a{ color: #666;}

/* 产品分类 */

.g-cat{ width: 97.5%; padding-left:2.5%; font-size: 1em;}
.g-cat dl{border-bottom: 1px dashed #999; margin-top: 0.8em;}
.g-cat dl:nth-child(3){ border-bottom: none;}
.g-cat dt{ background: url(/uploads/image/mi/cat_bg5.gif) no-repeat 0 bottom; background-size: 100%; padding-bottom: 0.5em; position: relative; }
.g-cat dt a{ display: block; font-size: 1.083em; color: #0c419c; font-weight: bold; padding-left: 6%;}
.g-cat dl:nth-of-type(1) dt a:before{ content: ""; width: 3.6%; height: 0.92em; background: url(/uploads/image/mi/cat_bg1.png) no-repeat; background-size: 100%; position: absolute;left: 0; top: 0.25em;}
.g-cat dl:nth-of-type(2) dt a:before{ content: ""; width: 3.6%; height: 0.92em; background: url(/uploads/image/mi/cat_bg2.png) no-repeat; background-size: 100%; position: absolute;left: 0; top: 0.25em;}
.g-cat dl:nth-of-type(3) dt a:before{ content: ""; width: 3.6%; height: 0.92em; background: url(/uploads/image/mi/cat_bg3.png) no-repeat; background-size: 100%; position: absolute;left: 0; top: 0.25em;}

.g-cat dd a{ display: block; float: left; width: 44%;color: #333; font-size: 1em; padding: 0.8em 0 0.8em 5%; position: relative; line-height: 1.25em; height: 1.25em;overflow: hidden;}
.g-cat dd a:before{content: ""; width:6.8%; height: 0.9em; background: url(/uploads/image/mi/cat_bg4.png) no-repeat; background-size: 100%; position: absolute;left: 0; top: 1em;}


/* 小广告 */

.g-ad{ height: 6.67em;  background: url(/uploads/image/mi/ad_bg.jpg) no-repeat 0 bottom; background-size: 100%; margin-top:0.75em; font-size: 1em; position: relative;}
.g-ad em{ display: block; font-size: 1.25em; color: #fff; padding: 1.6em 0 0 7.8%;text-shadow:0.1em 0.1em 0.15em #181818;}
.g-ad b{ display: block; padding: 0 0 0 7.8%; color: #fff;text-shadow:0.1em 0.1em 0.15em #181818;}
.g-ad b span{ color: #ff6600; }

.g-ad p{ position: absolute; width: 34%; left: 66%; top: 1.6em; font-size: 1em;}
.g-ad p img{ width: 20%; padding-left: 36%;}
.g-ad p a{ font-size: 1.2em; font-weight: bold; color: #ff6600;}



/* pk */
.g-pk{height:30.375em; background:url(/uploads/image/mi/pk_bg7.png) repeat;  background-size: 100%; margin-top: 2.3em;}
.g-pk .sclwrap_box ,.g-pk .m-box{ height: 26.8em;}

.g-pk h4{font-size: 1em; color: #fff;text-shadow:0.1em 0.1em 0.2em #832e00;padding: 0.6em 0 0.6em 42.5%; position:relative; background: url(/uploads/image/mi/pk_bg.png) no-repeat;background-size: 100%; }
.g-pk h4:before{ content: ""; height: 2.96em; width: 13.9%;background-size: 100%; position: absolute; left: 26.7%; top: 0.9em;}
.g-pk li:nth-of-type(1) h4:before{background: url(/uploads/image/mi/pk_num1.png) no-repeat;background-size:100%;}
.g-pk li:nth-of-type(2) h4:before{background: url(/uploads/image/mi/pk_num2.png) no-repeat;background-size:100%;}
.g-pk li:nth-of-type(3) h4:before{background: url(/uploads/image/mi/pk_num3.png) no-repeat;background-size:100%;}
.g-pk li:nth-of-type(4) h4:before{background: url(/uploads/image/mi/pk_num4.png) no-repeat;background-size:100%;}
.g-pk h4 b{ display: block;font-size: 1.5em;}
.g-pk h4 em{ display: block;}
.g-pk dl{width: 90%; margin: 0 auto; padding: 1.2em 0 0.8em; border-bottom: 1px solid #d3d3d3; border-top: 1px solid #fff;}
.g-pk dl:first-of-type{border-top: none;}
.g-pk dl:last-of-type{border-bottom: none;}
.g-pk dt{ font-size: 1.5em; font-weight: bold; color: #0c419c; padding-left: 4.2%; position: relative;}
.g-pk dt:before{ content: ""; width: 2.4%; height: 1.208em; background: url(/uploads/image/mi/pk_bg2.png) no-repeat; background-size: 100%; position: absolute; left: 0; top: 0.3em;}
.g-pk dd span{display: block; color: #0c419c;position: relative; line-height: 1.5em; border-bottom: 1px dashed #999; padding: 0.25em 0 0.25em 4.2%;}
.g-pk dd span:before{display: block; content: ""; width: 2.1%; height: 0.5em; background: url(/uploads/image/mi/pk_bg3.png) no-repeat; background-size: 100%; position: absolute; left: 0; top: 0.8em;}
.g-pk dd span:last-of-type{ border: none;}
.g-pk dd span em{color: #ea5504;}
.g-pk dl:nth-of-type(2) dd span,.g-pk dl:nth-of-type(2) dt{ color: #666;}
.g-pk dl:nth-of-type(2) dt:before{background: url(/uploads/image/mi/pk_bg4.png) no-repeat;}
.g-pk dl:nth-of-type(2) dd span:before{background: url(/uploads/image/mi/pk_bg5.png) no-repeat; background-size: 100%; }

.g-pk .m-cnt{ padding-left: 29.8%; background:url(/uploads/image/mi/pk_bg6.png) no-repeat center; background-size: 100%;  }
.g-pk .m-cnt li{ float: left; width: 2em; height: 2em; text-align: center; line-height: 2em; background: #aaa; color: #fff;  margin-right: 5.6%;
border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%; -moz-border-radius:100%;}
.g-pk .m-cnt li.z-on{ background: #ea5504 ;}





/* 小广告2 */

.g-ad2{ background: url(/uploads/image/mi/ad2_bg.jpg) no-repeat center; background-size: 100%; height: 9.3em; text-align: center; font-size: 1em;}
.g-ad2 b{ display: block; font-size: 1.5em; color: #fff;text-shadow:0.1em 0.1em 0.2em #222; padding: 0.6em 0 0.27em;height:1.5em;line-height:1.5em;}
.g-ad2 p{ font-weight: bold; color: #333333;text-shadow:0 0 0.1em #fff; padding-bottom: 0.6em;height:2.58em;}
.g-ad2 p span{ color: #ea5504;}
.g-ad2 a{ display: block; color: #ff6600; font-size: 1.2em; font-weight: bold; position: relative;}  
.g-ad2 a:before{ content: ""; width: 5.2%; height: 1.25em;background:url(/uploads/image/mi/tel3.png) no-repeat center; background-size: 100%; position: absolute; left: 28%; top: 0;}




/* 优势 */

.g-ys h3{ font-size: 1em;}
.g-ys h3 b{display: block; padding: 0.6em 0 0.7em;}
.g-ys h3 em{color: #fff; display: block;height: 1.88em;line-height: 1.88em; text-align: center; width: 48.3%;margin: 0 auto;background:url(/uploads/image/mi/ys_bg.png) no-repeat center; background-size: 100%;}

.m-ys{width: 95%; margin: 0 auto;}
.m-ys .sclwrap_box ,.m-ys .m-box{ height: 43em;overflow:hidden;} 
.m-ys li i{ display: block; height: 18.125em; padding: 1em 0 1.2em;}
.m-ys li dt{ height: 1.6em; line-height: 1.5em; background: url(/uploads/image/mi/ys_bg2.png) no-repeat;background-size: 100%; font-size: 1.25em; font-weight: bold; color: #fff;}
.m-ys li dt span{ display: inline-block;width: 9%; padding-left: 1%;}
.m-ys li dd{color: #333; padding: 0.6em 0 1.2em; line-height: 1.375em;}
.m-ys li dd b{color:#ea5504}
.m-ys li dd p{padding-left: 3%; padding-bottom: 0.4em; position: relative;}
.m-ys li dd p:before{display: block; content: ""; width: 2.1%; height: 0.5em; background: url(/uploads/image/mi/pk_bg3.png) no-repeat; background-size: 100%; position: absolute; left: 0; top: 0.4em;}

.g-ys .m-cnt{ padding-left: 33.8%; background:url(/uploads/image/mi/pk_bg6.png) no-repeat center; background-size: 100%;  }
.g-ys .m-cnt li{ float: left; width: 2em; height: 2em; text-align: center; line-height: 2em; background: #aaa; color: #fff;  margin-right: 5.6%;
border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%; -moz-border-radius:100%;}
.g-ys .m-cnt li.z-on{ background: #0c419c;}


/* 客户和证书 */

.g-cust{ margin: 2.2em 0 0; height: 22em; overflow: hidden; position: relative; background: url(/uploads/image/mi/pk_bg7.png) repeat; background-size: 100%;}
.g-cust .c-list{ height: 2.5em; line-height: 2.5em; font-size: 1em; overflow: hidden; margin-bottom: 1em; }
.g-cust .c-list li{ float: left; width: 33.3%; text-align: center; background: #0c419c; color: #fff; border-right: 1px solid #3068ce; border-left: 1px solid #062c70;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-cust .c-list li:nth-child(1){border-left: none;}
.g-cust .c-list li.z-on{ background: #ea5504;}
.g-cust span{display: block; height: 2.5em; line-height: 2.5em; width: 33.3%; position: absolute; right: 0; top: 0; background: #0c419c;text-align: center; border-left: 1px solid #062c70;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-cust span a{ color: #a6b1d1;}

.g-cust .change-box{ position: relative;}
.g-cust .sclwrap_box,.g-cust .m-box{ height: 18.5em; overflow: hidden;}
.g-cust .change-box:nth-of-type(1) .sclwrap_box li p{float:left; height: 9em;}
.g-cust .change-box{ width: 80%;padding:0 10%;}
.g-cust .change-box p{ width: 48.5%; margin-right: 3%;}
.g-cust .change-box p:nth-child(2n){ margin-right: 0;}
.g-cust .change-box p img{ border: 1px solid #ccc;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-cust .change-box em{ display: block; text-align: center; padding: 0.2em 0 0;}
.g-cust .change-box em a{ color: #666;}

.g-cust .prev{ display:block; width:6.9%; position:absolute; left:0; top:6em;}
.g-cust .next{ display:block; width:6.9%; position:absolute; right:0; top:6em;}

.g-cust .change-box:nth-of-type(2) .sclwrap_box li p{float:left; height: 18em;}




/* 康特介绍 */

.g-about{ width: 93.8%; margin: 0 auto; }
.g-about h3{ background:url(/uploads/image/mi/about_bg1.png) no-repeat center 2.4em;background-size: 100%; width: 47%;margin: 0 auto; font-size: 1em; text-align: center; padding: 1.5em 0 1em; }
.g-about h3 a{ color: #333; font-size: 1.33em; font-weight: bold;}

.g-about .sclwrap_box{ height: 29.4em;}
.g-about .m-about ul{background:url(/uploads/image/mi/pk_bg7.png) repeat;background-size: 100%; padding: 1em 0 1.2em;}
.g-about .m-about li{ font-size: 1em; }
.g-about .m-about li a{ color: #666; line-height: 2em; height: 2em;padding-left: 8.6%;position: relative; }
.g-about .m-about li a:before{content: ""; width:2%; height: 0.5em; background: url(/uploads/image/mi/about_bg2.png) no-repeat; background-size: 100%;position: absolute; left: 5%; top: 0.5em;}

.g-about .m-abnav li{ float: left; width: 49.75%;text-align: center; background: #aaaaaa; height: 2em; line-height: 2em;overflow: hidden; color: #fff; border-bottom: 0.13em solid #707070; 
	margin-bottom: 0.5em; margin-right:0.5%;}
.g-about .m-abnav li a { color: #fff; }
.g-about .m-abnav li:nth-child(2),.g-about .m-abnav li:nth-child(4){ margin-right: 0;}
/*.g-about .m-abnav li:first-child{ background: #0c419c; border-color: #333;}*/




/* 新闻动态 */

.g-news{ margin: 1.8em 0 6em;}
.g-news .m-cnt{ height: 2.5em; line-height: 2.5em; font-size: 1em; overflow: hidden;}
.g-news .m-cnt li{ float: left; width: 33.3%; text-align: center; background: #0c419c; color: #fff; border-right: 1px solid #3068ce; border-left: 1px solid #062c70;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-news .m-cnt li.z-on{ background: #ea5504;}
.g-news .m-cnt li:nth-child(1){border-left: none;}

.g-news .sclwrap_box,.g-news .m-box{ height: 19em; overflow: hidden;}
.g-news .sclwrap_box{width: 95%; margin: 0 auto;}
.g-news .m-box div:nth-of-type(1) li{ position: relative; border-bottom: 1px dashed #ccc; padding: 1em 0;}
.g-news .m-box li:last-child{ border-bottom: none;}
.g-news .m-box div:nth-of-type(1) li:before{ content: ""; width: 5.3%; height: 3.1em; background: url(/uploads/image/mi/faq.png) no-repeat; background-size: 100%; position: absolute; left: 0; top:1em;}
.g-news .m-box li b{display: block; padding-left: 7%; padding-bottom: 0.4em; line-height: 1.2em; height: 1.2em; overflow: hidden;}
.g-news .m-box li b a{ color: #0c419c; }
.g-news .m-box li em{display: block; color: #666; padding-left: 7%; line-height: 1.375em; height: 5.5em; overflow: hidden;}
.g-news .m-box li span{ position: absolute;right: 0; bottom: 1em;}
.g-news .m-box li span a{ color: #0c419c;}

.g-news .m-box div:nth-of-type(2) li,.g-news .m-box div:nth-of-type(3) li{ font-size: 1em; height: 2.5em; line-height: 2.5em; overflow: hidden; border-bottom: 1px dashed #ccc;}
.g-news .m-box div:nth-of-type(2) li a,.g-news .m-box div:nth-of-type(3) li a{ color: #666; position: relative; padding-left: 6%;}
.g-news .m-box div:nth-of-type(2) li a:before,.g-news .m-box div:nth-of-type(3) li a:before{ position: absolute;
	content: "";width: 0.4em; position: absolute;left: 0.2em; top: 0.4em;height: 0.4em;margin: 0.2em 0 0 0.2em;
			-webkit-transform-origin: 0 100%;
			-moz-transform-origin: 0 100%;
			-o-transform-origin: 0 100%;
			-ms-transform-origin: 0 100%;
			transform-origin: 0 100%;
			-webkit-transform:rotate(-45deg);
			-moz-transform:rotate(-45deg);
			-o-transform:rotate(-45deg);
			-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
			background: #0c419c;}}



/*  */




/*  */



@media screen and (min-width:320px) {
body { font-size:75%;}
}
@media screen and (min-width:360px) {
body { font-size:87%;}
}
@media screen and (min-width:480px) {
body { font-size:112.5%;}}
@media screen and (min-width:550px) {
body { font-size:131.25%;}}
@media screen and (min-width:639px) {
body { font-size:150%;}}