/*目录*/
nav{ height:6.1em; clear:both;font-size:1em; width:100%; z-index:4;}
nav a{font-size:1em;width:31%;float:left;text-align:center;color:#fff; line-height:250%; height:2.5em; text-align:center; margin:0 0 0.375em 2%; text-align:center;} 
nav a,.more01,.case_l li,.m-faq h2,.zxtil li.z-on,.g-fnva{ background: #4994c4;
	background: -moz-linear-gradient(top,  #54a2ce 0%, #54a2ce 50%, #4994c4 50%, #4994c4 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54a2ce), color-stop(50%,#54a2ce), color-stop(50%,#4994c4), color-stop(100%,#4994c4)); 
	background: -webkit-linear-gradient(top,  #54a2ce 0%,#54a2ce 50%,#4994c4 50%,#4994c4 100%);
	background: linear-gradient(to bottom,  #54a2ce 0%,#54a2ce 50%,#4994c4 50%,#4994c4 100%);}
nav a:hover,nav a:link,nav a:visited,nav a:active{ color:#fff;}

/*广告*/
.g-adv { clear:both;height:12.5em;position:relative; overflow:hidden; font-size:1em;}
.g-adv .sclwrap_box,.g-adv .m-box{ height:12.5em;}
.g-adv .m-box li img,.m-hot dt img{ width:100%;}

/*搜索*/
.m-ss{ clear:both;padding:1.04em 9% 0; width:82%;height:3.5em;font-size:1em;z-index:2; position:relative;background:url(/mobile/Images/Index/sinpbg.gif) no-repeat center 1.04em #fff;-webkit-background-size:82%;-ms-background-size:82%;-o-background-size:82%;background-size:82%; border-bottom: solid 0.17em #ddd;}
.m-ss .inp01{border:0;color:#afafaf;float:left;font-size:1em;height:2.5em;line-height:2.5em;padding:0 4%;width:71.5%;overflow:hidden;background:none;}
.u-in{background:none;display: block;width:19%; float:left;cursor: pointer; z-index:999;height:2.5em;font-size:1em;}

/*产品分类*/
.m-dh{ background: #529fcc;font-size:1em; color: #fff; line-height:250%; padding: 0.375em 0; height:12.83em; overflow: hidden;}
.m-dh h2,.til01{ font-size: 1.5em; line-height:300%; text-align: center; position: relative; color: #fff; font-weight: bold;}
.m-dh h2:before,.m-dh h2:after,.til01:before,.til01:after{ content: ""; position: absolute; width: 34%; height: 1px; background: #fff; left:33%; top:2.47em;}
.m-dh h2:after,.til01:after{ width: 15.6%; margin: -1px 0 0; left:42.2%; height: 3px;}
.dh-c{ padding: 0 0 0 4.2%;}
.dh-c li{ color: #fff; width:25%; float: left; padding: 0 0 0 7%;}
.dh-c li,.case_l li:before{background:url(/mobile/Images/Index/ico02.png) no-repeat 0.58em 0.87em;-webkit-background-size:1em 1em;-ms-background-size:1em 1em;-o-background-size:1em 1em;background-size:1em 1em;}

/*产品*/
.m-pro{background:url(/mobile/Images/Index/bg01.gif) repeat 0 0;-webkit-background-size:5em 5em;-ms-background-size:5em 5em;-o-background-size:5em 5em;background-size:5em 5em;font-size:1em; color: #fff;height:43.54em; overflow: hidden; padding: 0.375em 0 0;}
.til01{ color: #4994c4}
.til01 b{ color: #333;}
.til01:before{ background: #c6cacd;}
.til01:after{ background: #1f7fb2;}
.pro-c{ height: 34.17em; overflow: hidden;}
.pro-c li{ width: 45%; float: left; padding: 0.75em 0 0 3.1%; height: 10.42em;}
.pro-c li img{ width:99%; display: block; border: solid 1px #dfdfdf;}
.pro-c li span{background:url(/mobile/Images/Index/prolbg.gif) no-repeat center 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; line-height: 250%; text-align: center; color: #666; display: block;}
.more01,.more02{ font-size: 1em; line-height: 250%; height: 2.5em; text-align: center; color: #fff; width: 94%; margin: 0 3%;}
.more01 b{font-family:Impact; font-size: 1.5em;}

/*應用*/
.m-int{font-size:1em; padding:1.25em 0; height:30.9em; overflow: hidden;}
.int-c{ height:22.33em; overflow: hidden; padding: 1.25em 0 0;}
.int-c li{ width: 45%; float: left; padding: 0 0 0 3.1%; height: 10.88em; overflow: hidden;}
.int-c li img{ width: 96.55%; border: solid 1px #d3d4d5; padding: 1.37%;display: block;}
.int-c li span{ display: block; text-align: center; line-height: 258%; color: #434343;}

/*案例*/
.m-case{ height: 44.9em; font-size: 1em; overflow: hidden;}
.case_l{ height: 10.75em; overflow: hidden;}
.case_l li{ width:35%;font-size: 1em; height: 2.5em; line-height: 250%; color: #fff; padding: 0 0 0 10%; float: left; margin:0.83em 0 0 3.1%; position: relative;}
.case_l li:before{ content: ""; position: absolute; width:2em; height: 2em; display: block; top: 0; left:6%;}
.case_p{ width: 94%; margin: 0 3%; height: 25.4em; line-height:200%; color: #666;}
.case_p dt{ height: 13.13em; overflow: hidden;}
.case_p dt img{ width: 100%; display: block;}
.case_p dd b{ color: #434343;}

/*優勢*/
.m-edge{ padding:1.67em 0 0; height: 50.4em; font-size: 1em; overflow: hidden;border-bottom: solid 1px #fff; border-top: solid 0.375em #8ebddb;background:url(/mobile/Images/Index/edgebg.jpg) no-repeat 0 0 #d6e8f3;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-edge h2{ text-align: center; font-size: 1.67em; color:#3277a4; font-weight: bold; line-height: 165%; height: 4.825em;}
.m-edge h2 img{ width: 69.4%; display: block; margin: 0 auto;}
.m-edge .m-box,.m-edge .sclwrap_box{height:38.25em; overflow:hidden;}
.edge_c ul,.hon_c dl{ float: left; display: inline;}
.edge_c li{ width: 45.6%; float: left; padding: 0 0 0 2.8%; height:18.96em; overflow: hidden; font-size: 1em; line-height: 125%; color: #333; text-align: center;}
.edge_c li img{ display: block; width: 100%;}
.edge_c li p{ display: block; text-align: center; line-height: 137%;}
.edge_c li p b{ display: block; font-size: 1.25em; line-height: 213%; }
.til02{ padding: 0 0 0 39%;}
.til02 li{ font-size: 2em; color: #666; width: 1em; text-align: center; line-height:115%; border: solid 1px #666; margin: 0.21em 0.54em 0 0;font-family:"Times New Roman", Times, serif; float: left; letter-spacing: -2px;}
.til02 li.z-on{ border: solid 2px #4994c4; color: #4994c4; padding: 0.146em 0 0; margin-top: 0;}

/*可靠*/
.m-hon{height:38.58em; font-size: 1em; overflow: hidden;background:url(/mobile/Images/Index/honbg.jpg) no-repeat 0 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-hon h2{ font-size: 1em; height: 7.2em; overflow: hidden;}
.m-hon h2 img{ width: 100%; display: block;}
.m-hon .m-box,.m-hon .sclwrap_box{height:26.8em; overflow:hidden;}
.m-hon .til02{ padding: 0 0 0 27.3%;}
.m-hon dt{ width: 94%; padding: 0 3%; height: 12.25em; overflow: hidden;}
.m-hon dt img{ width: 81%; display: block; margin: 0 auto;}
.m-hon dl:nth-child(1) dt img{ margin: 0.92em auto 0;}
.m-hon dd{ width: 94%; padding: 0 3%; height: 14.67em; overflow: hidden;}
.m-hon dd h3{ font-size: 1em; font-weight: bold; line-height:158%; color: #333; height: 3.88em; padding: 0 0 0 10.3%; overflow: hidden;background:url(/mobile/Images/Index/hon_ico1.gif) no-repeat 0 0.21em;-webkit-background-size:2.08em 3.13em;-ms-background-size:2.08em 3.13em;-o-background-size:2.08em 3.13em;background-size:2.08em 3.13em;}
.m-hon dl:nth-child(2) dd h3{background:url(/mobile/Images/Index/hon_ico2.gif) no-repeat 0 0.21em;-webkit-background-size:2.08em 3.13em;-ms-background-size:2.08em 3.13em;-o-background-size:2.08em 3.13em;background-size:2.08em 3.13em; height: 5.17em;}
.m-hon dl:nth-child(3) dd h3{background:url(/mobile/Images/Index/hon_ico3.gif) no-repeat 0 0.21em;-webkit-background-size:2.08em 3.13em;-ms-background-size:2.08em 3.13em;-o-background-size:2.08em 3.13em;background-size:2.08em 3.13em;}
.m-hon dl:nth-child(4) dd h3{background:url(/mobile/Images/Index/hon_ico4.gif) no-repeat 0 0.21em;-webkit-background-size:2.08em 3.13em;-ms-background-size:2.08em 3.13em;-o-background-size:2.08em 3.13em;background-size:2.08em 3.13em;}
.m-hon dd h3 b{ display: block; font-size: 1.25em; color: #2a76c8; line-height:133%;}
.m-hon dl:nth-child(3) dd h3 b,.m-hon dl:nth-child(4) dd h3 b{ line-height: 227%;}
.m-hon dd li{ font-size: 0.83em;padding: 0 0 0 10.3%; display: block; position: relative; line-height: 180%; color: #333;}
.m-hon dd li:before{ content: ""; position: absolute; width: 0.35em; height: 0.35em; border: solid 0.1em #999; top:0.65em; left: 6.3%;}

/*合作*/
.m-part{ padding: 1.08em 0 0; height: 25.04em; overflow: hidden;}
.m-part .til01 b{ font-weight: normal;}
.part_c{ height: 15em; overflow: hidden;}
.part_c li{ width: 29.7%; float: left; padding: 0 0 0 2.34%; height: 7.04em; overflow: hidden;}
.part_c a:nth-child(3n-2) li{ padding: 0 0 0 3.1%; }
.part_c li img{ width: 99%; display: block; border: solid 1px #dfdfdf;}
.part_c li span{ display: block; font-size:0.92em; line-height: 209%; text-align: center; color: #666;}
.more02{ background: #d3d4d5; color: #333;border-radius: 0.125em;}

/*問答*/
.m-faq{font-size: 1em; padding: 0 3%; height: 22.42em; overflow: hidden;}
.m-faq h2{ font-size: 1.25em;line-height: 233%; height: 2.33em; padding: 0 1.17em; color: #fff;}
.m-faq h2 a{ color: #fff;}	
.m-faq h2 span{ font-size:0.8em; float: right;}
.faq_c dl{ padding: 1.25em 0 0 4.5%; color: #666; line-height: 150%; clear: both;}
.faq_c dt{ height:2em; overflow: hidden; color: #333; font-weight: bold;}
.faq_c dt b,.faq_c dd b{ width: 1.67em; line-height: 167%; text-align: center; color: #fff; font-weight: normal; float: left; border-radius: 0.125em; background: #707070;}
.faq_c dd b{ background: #56a5d6;}
.faq_c dt p,.faq_c dd p{ width:85.3%;float: left; padding: 0 0 0 3%;}
.faq_c dd p{ padding-bottom: 0.96em;}


/*資訊*/
.m-news{font-size: 1em; padding: 0 3%; height: 28.33em; overflow: hidden;}
.zxtil{ height: 2.92em; overflow: hidden; text-transform: uppercase; line-height: 292%; text-align: center; font-size: 1em;background: #666;
	background: -moz-linear-gradient(top,  #757575 0%, #757575 50%, #666 50%, #666 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757575), color-stop(50%,#757575), color-stop(50%,#666), color-stop(100%,#666)); 
	background: -webkit-linear-gradient(top,  #757575 0%,#757575 50%,#666 50%,#666 100%);
	background: linear-gradient(to bottom,  #757575 0%,#757575 50%,#666 50%,#666 100%);}
.zxtil li{ width: 50%; float: left; text-align: center; color: #fff;}
.zxtil li b{ font-size: 1.25em;}
.m-news .m-box,.m-news .sclwrap_box{height:25.58em; overflow:hidden;}
.zx01{ float:left; display:inline;}
.zx01 p{ height: 8.7em; padding:0.67em 0 0; overflow: hidden; }
.zx01 p img{ width: 100%; display: block;}
.zx01 li{ width:97.7%;padding:0 0 0 2.3%; font-size:1em; line-height:200%; height:2em;white-space:nowrap;text-overflow: ellipsis; color:#666; position:relative;}
.zx01 li:before{ content:""; position:absolute; width:0.46em; height:0.38em; background:url(/mobile/Images/Index/ico01.jpg) no-repeat 0 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;left:1px; top:0.83em;}





@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:375px) {
	body { font-size:88%;}
}
@media screen and (min-width:400px) {
	body { font-size:100%;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}

}
@media screen and (min-width:568px) {
	body { font-size:131%;}

}
@media screen and (min-width:639px) {
	body { font-size:150%;}
}