/* CSS Document */
@charset "utf-8";
* {padding:0; margin:0;}
html, body{background:#fff;margin: 0;padding: 0;width: 100%;height: 100%;min-height: 100%;font-family:"微软雅黑" ,Helvetica, Arial, sans-serif;
font-size: 15px;line-height: 1.231;-webkit-touch-callout: none;display: -webkit-box;-webkit-box-orient: vertical;-webkit-box-align:stretch;position: relative;background-attachment:fixed; background-color:#fff;}
a {text-decoration:none;outline:none;color:#777777}
a:hover{text-decoration:none}
.clearBoth{clear:both;height:0;}
.mrg15{ margin-top:15px;}
ul,li {list-style:none;}
img {border:none;}
.yellow{ width:100%; line-height:55px; margin-bottom:20px;}
.yellow a{ padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px; border:1px solid #CFCFCF; margin-left:3px; color:#2E2E2E; text-decoration:none;}
.yellow .current{padding-left:7px; padding-right:7px; padding-top:4px; padding-bottom:4px;  margin-left:0px; background-color:#0458BE; color:#FFFFFF;}
.hide{display:none;}
.brline{border-right:1px solid #FFFFFF;}



#imain{max-width:740px;margin:auto; overflow:hidden;}

#imain .top{ max-width:740px;margin:auto;padding:0px 0px;overflow:hidden; text-align:left; margin:8px 0px;}
#imain .top .logo{ width:50%; margin-left:5px; float:left;}
#imain .top .tel{ width:35%; margin-right:5px; float:right;}

#imain .nav{ width:100%; max-width:740px;margin:auto;height:35px; line-height:35px; margin:0 auto; background-color:#0458BE; color:#FFFFFF; margin-bottom:1px;}
#imain .nav .pu{ width:20%; float:left; line-height:35px; text-align:center; box-sizing: border-box;}
#imain .nav .pu a{ font-size:14px; color:#FFFFFF; text-decoration:none;}

#imain .nbaner{ width:100%; overflow:hidden; margin:0 auto;}
#imain .nbaner img{ width:100%;}

#imain{max-width:740px;margin:auto; overflow:hidden;position:relative; padding-bottom:60px;}

.tit{max-width:740px;margin:auto; overflow:hidden; text-indent:12px; margin-top:5px; text-align:left; height:40px; line-height:40px; border-bottom:1px solid #EAEAEA; font-size:16px; color:#0458BE;}
.tit span{ width:5px; height:40px; margin-left:0px; background-color:#0458BE; float:left;}
.tit a{ float:right; margin-right:5px; text-decoration:none; color:#0458BE; font-size:12px;}

#imain .mclass{ width:100%; overflow:hidden; margin:0 auto; margin-top:10px;}
#imain .mclass li{ float:left; padding:0px 5px; height:32px; line-height:32px; border:1px solid #DFDFDF; margin:3px;}
#imain .mclass li a{ font-size:13px; color:#0458BE; text-decoration:none;}
#imain .mclass .lcur{ float:left; padding:0px 12px; height:32px; line-height:32px; border:1px solid #008994; background-color:#0458BE; margin:5px;}
#imain .mclass .lcur a{ font-size:13px; color:#fff; text-decoration:none;}

#imain .mprod{ width:100%; margin:0 auto; overflow:hidden; margin-top:10px;}
#imain .mprod li{ width:46%; float:left; overflow:hidden; text-align:center; line-height:25px; font-size:13px; margin-top:8px; margin-left:2%;}
#imain .mprod li a{ color:#545454; font-size:13px; text-decoration:none;}
#imain .mprod li img{ width:98%; border:1px solid #ECECEC;}

#imain .mprod2{ width:100%; margin:0 auto; overflow:hidden; margin-top:10px;}
#imain .mprod2 li{ width:32%; float:left; overflow:hidden; text-align:center; line-height:25px; font-size:13px; margin-top:8px; margin-left:1%;}
#imain .mprod2 li div{ height:25px; line-height:25px; overflow:hidden;}
#imain .mprod2 li a{ color:#545454; font-size:13px; text-decoration:none;}
#imain .mprod2 li img{ width:98%; border:1px solid #ECECEC;}

#imain .prodview{ width:94%; border:1px solid #E1E1E1; overflow:hidden; border-radius:5px; padding:2%; margin:0 auto; margin-top:15px;}
#imain .prodview .pcondf{ width:45%; border:1px solid #EDEDED; float:left; border-radius:3px; overflow:hidden; padding:3px;}
#imain .prodview .pcondf img{ width:100%;}
#imain .prodview .pconfig{ width:45%; float:left; margin-left:20px;}
#imain .prodview .pconfig li{border-bottom:1px solid #EDEDED;text-align:left;}
#imain .prodview .pconfig .titk{ height:45px; line-height:45px;font-size:15px; color:#008994;}
#imain .prodview .pconfig .titk2{ height:40px; line-height:40px;font-size:13px; color:#000000;}
#imain .prodview .pconfig .titk2 span{ color:#008994; font-size:13px;}
#imain .prodview .pconfig .titk3{ height:40px; line-height:40px;font-size:13px; color:#000000;}
#imain .prodview .pconfig .titk3 span{ color:#ff0000; font-size:13px;}
#imain .prodview .pconfig .titk3 span a{color:#ff0000;}

#imain .appli{ width:100%; margin:0 auto; overflow:hidden; background-color:#008994; margin-top:15px;}
#imain .appli .htit{ height:40px; line-height:40px; font-size:20px; text-align:center; margin-top:15px; color:#FFFFFF;}
#imain .appli .htit span{ font-size:13px; margin-left:10px;}
#imain .appli .intro{ overflow:hidden; padding:15px 10px; line-height:30px; text-align:left; font-size:14px; color:#FFFFFF;}
#imain .appimg{ width:100%; overflow:hidden; margin:0 auto; margin-top:10px;}
#imain .appimg img{ height:90px; float:left; margin:3px;}

#imain .aboutcon{ width:96%; margin:2%; line-height:24px; text-align:left; font-size:13px; color:#414141;}
#imain .aboutcon img{float:left; margin-right:10px; margin-top:5px; max-width:100%;}
#imain .aboutcon p{clear:both;}
#imain .aboutcon iframe{width:360px;height:240px;border: 0; padding:20px 0px;}
#imain .aboutimg{ width:100%; margin-top:10px;}
#imain .aboutimg img{ width:100%;}
#imain .news{ width:96%; margin:auto; line-height:28px; overflow:hidden; margin-top:15px; margin-bottom:15px; text-align:left; padding:15px 2%;}
#imain .news .nwsli{ width:100%; padding:12px 0px; overflow:hidden; text-align:left; border-bottom:1px solid #E8E8E8;}
#imain .news .nwsli .nimg{ float:left; margin-right:2%; width:20%;}
#imain .news .nwsli .nimg img{ width:100%;}
#imain .news .nwsli .ntext{ float:left; width:77%;}
#imain .news .nwsli .ntext .title{ width:100%; height:22px; line-height:22px; font-size:16px; color:#000000;}
#imain .news .nwsli .ntext .title a{ color:#2E2E2E; font-size:16px; text-decoration:none;}
#imain .news .nwsli .ntext .desc{ width:100%;line-height:22px; margin-top:4px; font-size:13px; color:#979797;}

#imain .newscontent{width:94%; margin:0 auto; line-height:28px; overflow:hidden; margin-top:15px; margin-bottom:15px; text-align:left; padding:15px 2%;}
#imain .newscontent .newstitle{ width:100%; line-height:30px; font-size:18px; text-align:center; color:#000000;}
#imain .newscontent .newsconfig{ width:100%; line-height:20px; font-size:13px; color:#888888; text-align:center; padding-bottom:8px; border-bottom:1px solid #E3E3E3; margin-bottom:15px;}
#imain .newscontent .content{ width:100%; line-height:25px; font-size:14px; text-align:left; color:#464646;}
#imain .newscontent .newsimg{ width:88%;margin:0 auto; margin-bottom:20px; margin-top:8px; text-align:center;}
#imain .newscontent .newsimg img{ width:100%; margin:0 auto;}


#imain .aboutcon2{ width:96%; margin:2%; line-height:24px; text-align:left; font-size:13px; color:#414141;}
#imain .aboutcon2 img{ width:100%;margin-top:5px;}
#imain .aboutcon3{ width:96%; margin:2%; line-height:24px; text-align:left; font-size:11px; color:#414141;}
#imain .copy{ width:100%;margin:auto; overflow:hidden;background-color:#0458BE; line-height:30px; font-size:13px; color:#FFFFFF; text-align:center; padding:10px; margin-top:18px;}
#imain .copy a{ color:#FFFFFF; text-decoration:none; font-size:13px;}
#imain .foot{ max-width:740px; width:100%; height:50px; font-size:12px; padding:5px 0px; margin:auto;overflow:hidden; background:#ffffff; position:fixed; bottom:0; }
#imain .foot a{ font-size:12px; color:#585858; text-decoration:none;}
#imain .foot .home{float:left;width:25%; text-align:center; line-height:20px; background-color:#FBFBFB; color:#363636;}
#imain .foot .home .img{ height:30px;}
#imain .foot .home .img img{ height:30px;}

#imain .foot .qq a{ color:#3F3F3F; font-size:13px; text-decoration:none;}
#imain .foot .tel{float:left;width:50%; text-align:center; line-height:50px; background-color:#00767F; color:#ffffff;}
#imain .foot .tel img{}
#imain .foot .tel a{ color:#FFFFFF; font-size:13px; text-decoration:none;}




#main{max-width:740px;margin:auto; overflow:hidden;position:relative;}
.swiper-main {width:100%;position:relative;bktop}
.swiper1,.swiper1 .swiper-slide {width:100%;}
.swiper-slide img{width:100%;}
#main .pagination1 .swiper-pagination-switch {display:inline-block;width:9px;height:9px;border-radius:9px;background:#fff;/*box-shadow:0px 1px 2px #555 inset;*/margin:0 5px;cursor:pointer;}
#main .dian{position:absolute;bottom:15px;z-index:9999;width:100%;}
#main .pagination1 {margin-top:5px;text-align:center;}
#main .pagination1 .swiper-active-switch {background:#f97f12;}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
	
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* Specify Swiper's Size: */
.swiper-container, .swiper-slide {
	width: 100%;;
}


.white_content {display: none;position:fixed;max-width:740px; width:100%; padding:10px 0px; margin:auto;bottom:70px;background-color:rgba(255, 255, 255, 0);z-index:9999; text-align:center;}
.white_content .ucon{ width:70%; margin-left:15%; margin-right:15%; padding:20px 0px;line-height:40px;overflow:hidden; border:1px solid #E5E5E5; border-radius:15px; background-color:#FFFFFF;}
.white_content .ucon h3{ font-size:22px; color:#333333; text-align:center;}
.white_content .ucon h3 span{ font-size:17px; font-weight:400px; text-decoration:underline;cursor:pointer;}
.white_content .ucon .wech{ width:100%; height:40px; margin-top:20px; margin-bottom:20px; line-height:40px; background-color:#EC72A8; color:#FFFFFF; font-size:25px; text-align:center;}
.white_content .ucon .weop{ width:100%; height:40px; line-height:40px; font-size:17px; text-align:center;}
.white_content .ucon .weop a{ color:#D30761; text-decoration:underline; font-size:17px;}