@charset "utf-8";
/* CSS Document */
html{}
body{}
.maindiv{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}

.header{max-height:360px; overflow:hidden; background-color:#FFFFFF;}
.header .logoImg img{ float:left;width:80%;}
.toplogo span{ z-index:99; position:absolute; top:6px; right:6px; }
.toplogo span a{font-size:1.5em;}
.header .hdtxt{width: 71%;text-align: center;float: left; }
.header .hdtxt .text1{color:#1C5DB7; font-weight: bolder; font-size:1.333em;display: block;}
.header .hdtxt .text2{color:#333; font-weight:normal; font-size:1em; display: block;}

.navdiv{}
.topright {float: left;margin-top: 0.8em;width: 20%;text-align: center}
.topright a{color:#1C5DB7;font-size:4em;vertical-align: center}

.topleft {float: left;margin-bottom:.5em;width: 13%;text-align: center}
.topleft a{color:#1C5DB7;font-size: 2em;vertical-align: bottom}

.rightNav {overflow :auto;background-color: #1C5DB7}
.rightNav li{border-bottom: 1px dotted #f5f5f5;text-align: center;}
.rightNav li a{
	line-height: 3em;
	
	font-size: 1.333em;color: #fff;display: block;margin: 0 auto;width: 96%;
}
.rightNav ul li a{}
.nav ul{overflow:hidden;}
.nav li{float:left; width:33.3333%; text-align:center;}
.nav li a{display:block; padding:10% 0px;  font-size:1.25em; color:#fff; margin-top:1px; position:relative;
background-color:#1C5DB7; 
}
.nav li a:after{content:''; position:absolute; top:0; right:-2px; z-index:9; height:100%; width:0px;  border-left:1px solid #3c9feb; border-right:1px solid #1c7ac2;}

.bannerBox img{width:100%;}

#flashs{margin: 0 auto;
	position: relative;
	height: 540px;
	overflow: hidden;
}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#focus2 .btn{ position:absolute; z-index:7; bottom:60px; right:10%; margin-left:-95px; padding:0px 8px; width:130px;}
#focus2 .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#focus2 .btn span.cur{ background:#1e3988;}


#flashs .shadow0{
	position: absolute;
	z-index: 50; width:600px;
	padding: 10px 15px;
	
	left: 190px;
	transform: translate(-50%, 0);
	top: 420px;
	
	
	 }  

#flashs .shadow0 a{ padding-left:0px;text-decoration:none; color:#1C5DB7; font-size:24px; font-weight:bolder; overflow:hidden; }



#flashs .shadow1{
	position: absolute;
	z-index: 50; width:600px;
	padding: 10px 15px;
	
	left: 190px;
	transform: translate(-50%, 0);
	top: 420px;
	
	
	 }  

#flashs .shadow1 a{ padding-left:0px;text-decoration:none; color:#1C5DB7; font-size:24px; font-weight:bolder; overflow:hidden; }


#flashs .shadow2{
	position: absolute;
	z-index: 50; width:600px;
	padding: 10px 15px;
	
	left: -49px;
	
	top: 420px;
	
	
	 }  

#flashs .shadow2 a{ padding-left:0px;text-decoration:none; color:#1C5DB7; font-size:24px; font-weight:bolder; overflow:hidden; }

#flashs .shadow3{
	position: absolute;
	z-index: 50; width:600px;
	padding: 10px 15px;
	
		left: -50px;
	top: 420px;
	
	
	 }  

#flashs .shadow3 a{ padding-left:0px;text-decoration:none; color:#1C5DB7; font-size:24px; font-weight:bolder; overflow:hidden; }

#flashs .shadow4{
	position: absolute;
	z-index: 50; width:600px;
	padding: 10px 15px;
	
	left: 180px;
	transform: translate(-50%, 0);
	top: 420px;
	
	
	 }  

#flashs .shadow4 a{ padding-left:0px;text-decoration:none; color:#1C5DB7; font-size:24px; font-weight:bolder; overflow:hidden; }

.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
	.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
	.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
	.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
	.focus .hd ul .on{ background:#0073cc;  }
	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li img{ width:100%;height: auto;  }
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.focus .bd li span{	position:absolute;top:7.75em;  color: #1C5DB7;z-index: 999; }  
/*产品轮播图*/

.focus .hd2{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
	.focus .hd2 ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
	.focus .hd2 ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
	.focus .hd2 ul .on{ background:#0073cc;  }
	.focus .bd2{ position:relative; z-index:0; }
	.focus .bd2 li img{ width:100%;height: auto;  }
	.focus .bd2 li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.focus .bd2 li span{	position:absolute;top:7.75em;  color: #1C5DB7;z-index: 999; }  
/*产品轮播图2*/



.ProductDetailed .bannerBox {width:100%; margin: 0 auto;}


.ProductDetailed .focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;text-align: center }
	.ProductDetailed .focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
	.ProductDetailed .focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
	.ProductDetailed .focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
	.ProductDetailed .focus .hd ul .on{ background:#0073cc;  }
	.ProductDetailed .focus .bd{ position:relative; z-index:0; }

	.ProductDetailed .focus .bd li img{width:auto; height: 190px;}
	.ProductDetailed .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }


/*公司简介轮播图*/

.abouttext .bannerBox {width:100%; margin: 0 auto;}


.abouttext .focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;text-align: center }
	.abouttext .focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
	.abouttext .focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
	.abouttext .focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
	.abouttext .focus .hd ul .on{ background:#0073cc;  }
	.abouttext .focus .bd{ position:relative; z-index:0; }
	.abouttext .focus .bd li img{width:25em;height: 15.833em; }
	.abouttext .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }


.cpFl{overflow: hidden; padding-top:1em; padding-bottom:0.5em; background-color:#e4e4e4;}
.cpFl li{float: left; margin:0 2% 0.5em 2%; width:29.3%;}
.cpFl li a{display: block; padding:1.083em 0; background-color:#0073cc; text-align: center; color:#fff; font-size:1.167em;}

.tabTitEr{overflow:hidden;
background-color:#ededed; 
background-image:-moz-linear-gradient(top , #ededed , #c2c2c2);
background-image:-webkit-linear-gradient(top , #ededed , #c2c2c2);
background-image:-o-linear-gradient(top , #ededed , #c2c2c2);
background-image:-ms-linear-gradient(top , #ededed , #c2c2c2);
background-image:linear-gradient(top , #ededed , #c2c2c2);}

.tabTitEr li{float:left; width:33.333%; height:2em; line-height: 2em; text-align:center;  padding:.21em 0;font-size:1.2em; vertical-align: middle;}
.tabTitEr li.on{color:#005197; border-bottom-color:#0073cc; 

}
.tabTitEr.tabTitS li{position: relative; width:31%;font-size: 1.25em;line-height: 2.5em;height: 2.5em;}
.tabTitEr.tabTitS li:after{content:''; position:absolute; top:0; right:-3px; z-index:9; height:100%; width:0px;  border-left:1px solid #fff; border-right:1px solid #9e9e9e;}

/*新闻tab*/
.tabnews{overflow:hidden;
background-color:#ededed; 
background-image:-moz-linear-gradient(top , #ededed , #c2c2c2);
background-image:-webkit-linear-gradient(top , #ededed , #c2c2c2);
background-image:-o-linear-gradient(top , #ededed , #c2c2c2);
background-image:-ms-linear-gradient(top , #ededed , #c2c2c2);
background-image:linear-gradient(top , #ededed , #c2c2c2);}


.tabnews.tabTitS li{position: relative; width:33.333%;font-size: 1.2em;line-height: 2em;height: 2em;padding: .21em 0;text-align:center;float:left;vertical-align: middle; }
.tabnews.tabTitS li:after{content:''; position:absolute; top:0; right:-3px; z-index:9; height:100%; width:0px; }
.tabnews.tabTitS li.on{color:#005197; border-bottom-color:#0073cc;
}
.tabnews.tabTitS li a{color:#333;}
.tabnews.tabTitS li.on a{color:#005197;}
.cpBox{margin-top:0.417em;}
.cpBox ul.uls{overflow:hidden; padding-top:1em;}
.cpBox .uls li{float:left; margin-bottom:1em; width:50%; text-align:center;}
.cpBox .uls li img{width:12.5em; height:7.88em; border:1px solid #e2e2e2;}
.cpBox .uls li h5{margin-top:1em; font-weight:normal; font-size:1.083em;}
.cpBox .uls li h5 a{color:#333;}

.cpBox .bd ul{width: 100%;}
.cpBox .bd ul li{width: 50%;float: left;}
.cpBox .bd ul li img{width: 12em;
height: 7.596em;
border: 1px solid #e2e2e2; }
.cpBox .bd ul li a{font-size: 1.167em;color: #333333;}
.cpBox .bd ul li span{display: block;margin-bottom: 3px;}
.schBg{padding:1.167em 0; background-color:#0073cc; border-bottom:1px solid #4d9ddb;}
.schBox{margin:0.917em 1.28em; overflow: hidden;}
.schBox input{float:left; width:90%; height:2.458em; line-height:2.458em; padding:0 5%; border:none; outline:none; background:url(../images/schboxtxt.png) no-repeat center; background-size:100%; border:none; border-radius:0px; box-sizing: border-box; -webkit-box-sizing: border-box;  -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.schBox a img{float:right; width:10%; height:2.454em;}



/*分类标题*/
.cplist{margin: 0 auto;width: 90%;}
.CategoryList_Title{height:2.968em;line-height:2.968em; padding:0 .3em; color:#333; text-align:left; border-bottom:1px solid #b0b4bb; font-size:1.083em; background-color: #e6e6e6; background: linear-gradient(180deg , #f2f2f2 0% , #e0e0e0 100%);overflow: hidden;}
.CategoryList_Title i{font-size:1.4em; margin-top:.5em;margin-right:.5em;}
.CategoryList_Title .icon-details{margin-right:.5em;}
.CategoryList_Title a{font-size: 1.083em;}

/*分类列表*/
.CategoryLista{}
.CategoryLista > li > a{height:3.031em; line-height:3.031em; display:block; color:#333; background:#f4f4f4; padding:0 1.125em; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1.125em;}
.CategoryLista li i{float:right; margin-top:.45em; color:#656565; font-weight:bold; font-size:1.6em;}
.CategoryLista > li li a{height:3.031em; line-height:3.031em; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; display:block; color:#666; background:#fff; padding:0 2.062em; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1em;}
.CategoryLista li:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.CategoryLista .icon-arrow-down{color:#f90;}
.CategoryLista > li > ul >li >ul{padding:0 1.125em;}
.CategoryLista > li > .list1,.CategoryLista > li > .list1 li ul{display:none;}




.contTit{position: relative; height:3.333em; line-height:3.333em; font-weight:normal; font-size:1.250em;
background-color:#ededed; 
background-image:-moz-linear-gradient(top , #ededed , #c2c2c2);
background-image:-webkit-linear-gradient(top , #ededed , #c2c2c2);
background-image:-o-linear-gradient(top , #ededed , #c2c2c2);
background-image:-ms-linear-gradient(top , #ededed , #c2c2c2);
background-image:linear-gradient(top , #ededed , #c2c2c2);}
.contTit i{position: absolute; left: 1em; top:50%; margin-top:-0.6em; width:0; height:0; border:0.6em solid; border-top-color:#0682e2; border-right-color:#0272c9; border-bottom-color:#016abb; border-left-color:#0164b1;}
.contTit .titA{margin-left:2.8em; color:#333;}
.contTit .titMore{position: absolute; top:0px; right:1em; color:#666; font-size:0.8em;}

/*在线客服*/
.kfmenu{position:fixed; right:0; margin-right:5px; bottom:5em; padding-bottom:20px; background:url(/images/r_b.png) 0px bottom no-repeat; z-index:999; }
.kfmenu .btn{width:40px; height:40px; margin-bottom:1px; cursor:pointer; position:relative;}
.kfmenu .btn-qq{}
.kfmenu .btn-qq:hover{}
.kfmenu a.btn-qq,.kfmenu a.btn-qq:visited{ text-decoration:none; display:block;}
.kfmenu .btn-wx{background:url(/images/weixin.png) 0px 0px no-repeat; background-color:#78c340;}
.kfmenu .btn-wx:hover{background-color:#58a81c;}
.kfmenu .btn-wx .pic{position:absolute; left:-110px; top:0px; display:none;width:110px;height:110px;}
.kfmenu .btn-phone{ }
.kfmenu .btn-phone:hover{}
.kfmenu .btn-phone .phone{ background-color:#f5f5f5;position:absolute; width:160px; left:-160px; top:0px; line-height:35px; color:#FFF; font-size:16px; text-align:center; display:none;}
.kfmenu .btn-phone .phone a{color: #666;}
.kfmenu .btn-top{background:url(/images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.kfmenu .btn-top:hover{background-color:#444;}
.kfmenu .icon-shouye1{font-size:32px;width: 32px;height: 32px; color:#1C5DB7 ;}

.kfmenu .icon-dianhua4{font-size:32px;width: 32px;height: 32px; color:#1C5DB7 ;}
.kfmenu .icon-qq{font-size:32px;width: 32px;height: 32px; color:#1C5DB7 ;}
/*客户案例*/
.albox {width: 100%;}
.albox .tabtitle{overflow:hidden;
background-color:#ededed; 
background-image:-moz-linear-gradient(top , #ededed , #c2c2c2);
background-image:-webkit-linear-gradient(top , #ededed , #c2c2c2);
background-image:-o-linear-gradient(top , #ededed , #c2c2c2);
background-image:-ms-linear-gradient(top , #ededed , #c2c2c2);
background-image:linear-gradient(top , #ededed , #c2c2c2);}
.albox .tabtitle li{float:left; width:33.333%; height:2em; line-height: 2em; text-align:center;  padding:.21em 0;font-size:1.2em; vertical-align: middle;}
.albox .tabtitle li.on{color:#005197; border-bottom-color:#0073cc;
}
.albox .swiper-container{margin-top: 1em;margin-bottom: 1em;}
.albox .swiper-slide span{width: 50%; text-align: center; display: block;margin-left:center;
margin-right:center;font-size: 1.167em;color: #333333;}
.albox .swiper-slide span img{width: 12em;
height: 7.596em;
border: 1px solid #e2e2e2;}


.albox dl{width: 50%; overflow: hidden;}
.albox dl dt {text-align: center}
.albox dl dt img{border:0.417em solid #e2e2e2; width: 10.667em;
    height: 8.333em;}
.albox dl dd{margin-left:12.500em;}
.albox dl dd span{display: block;line-height: 1.2em;}
.albox dl dd h5{padding:0.4em 0; font-size:1.083em;}
.albox dl dd h5 a{color:#1C5DB7;}
.albox dl dd p{color:#999;}

/*关于我们*/

.gywm {width: 100%;}
.gywm .tabtitle{overflow:hidden;
background-color:#ededed; 
background-image:-moz-linear-gradient(top , #ededed , #c2c2c2);
background-image:-webkit-linear-gradient(top , #ededed , #c2c2c2);
background-image:-o-linear-gradient(top , #ededed , #c2c2c2);
background-image:-ms-linear-gradient(top , #ededed , #c2c2c2);
background-image:linear-gradient(top , #ededed , #c2c2c2);}
.gywm .tabtitle li{float:left; width:33.333%; height:2em; line-height: 2em; text-align:center;  padding:.21em 0;font-size:1.2em; vertical-align: middle;}
.gywm .tabtitle li.on{color:#005197; border-bottom-color:#0073cc;
}
.gywm .swiper-container{margin-top: 1em;margin-bottom: 1em;}
.gywm .swiper-slide span{width: 50%; text-align: center; display: block;margin-left:center;
margin-right:center;font-size: 1.167em;color: #333333;}
.gywm .swiper-slide span img{width: 12em;
height: 7.596em;
border: 1px solid #e2e2e2;}
.gybox{margin-top:20px; margin-bottom:10px;}

.gywm dl{width: 100%; overflow: hidden;}
.gywm dl dt {text-align: center}
.gywm dl dt img{border:0.417em solid #e2e2e2; width: 10.667em;
    height: 8.333em;}
.gywm dl dd{margin-left:12.500em;}
.gywm dl dd span{display: block;line-height: 1.2em;}
.gywm dl dd h5{padding:0.4em 0; font-size:1.083em;}
.gywm dl dd h5 a{color:#1C5DB7;}
.gywm dl dd p{color:#999;}

.gywm dl dd a{line-height:1.5em;}


.cpBox .icon-xiangyoujiantou{color: #005197;font-size: 1em;}
.cpBox .icon-xiangzuojiantou{color: #005197;font-size: 1em;}

.albox .icon-xiangyoujiantou{color: #005197;font-size: 1em;}
.albox .icon-xiangzuojiantou{color: #005197;font-size: 1em;}

.dtBox dl{margin:1.667em 2%; overflow: hidden;}
.dtBox dl dt img{width: 12em;
height: 7.596em;
border: 1px solid #e2e2e2;}
.dtBox dl dd{margin-left:13.500em;}
.dtBox dl dd h5{padding:0.4em 0; font-size:1.083em;}
.dtBox dl dd h5 a{color:#1C5DB7;}
.dtBox dl dd p{color:#999;}
.dtBox ul.uls{padding:0.8em 0; margin:0 2%; border-top:1px dotted #1C5DB7;}
.dtBox .uls li{padding-left:5%; height:2.583em; line-height:2.583em; background:url(../images/dtli_ico.png) no-repeat left center; background-size:auto 0.625em; overflow: hidden;}
.dtBox .uls li a{display: block; color:#333;font-size:1.167em; }

.footer{background-color:#333;}
.footer .phoneBox{background-color:#333;overflow:hidden;}

.footer .phonebox{ padding-top:1em;margin-top:.2em;height:7.5em;background:#0073cc url(../images/phonebox_ico.png) no-repeat 0 center; background-size:3.250em auto; color:#fff;}
.footer .phone dt{font-size:1.2em;}
.footer .phone dd a{font-size:1.333em; line-height:1.333em; font-family:arial; color:#fff; display: block;text-align: left;}


.footer .phone{width: 35%; text-align:center; float: left; padding-left:4em;}
.footer .weixin{width:32%; text-align:center; float: left;margin-top:.2em;}
.footer .links {width: 9%;float:  left;text-align:center;}

.footer .weixin span{color: white}
.footer .weixin img{width:4.3em;height:4.3em;}
.footer .links img{margin-right: 0.8333em}
.toTop{padding-left:8%; height:2em; line-height:2em; font-size: 1.167em; border-bottom:1px solid #999; display: block; text-align: center; color:#fff; background:url(../images/totop_ico.png) no-repeat 40% center; background-size:1.500em auto;}
.fotNav{overflow:hidden;}
.fotNav li{float:left; width:50%; text-align:center;}
.fotNav li a{display:block; padding:15% 0px;  font-size:1.167em; color:#fff; margin-top:1px; position:relative;
background-color:#1C5DB7; 
background-image:-moz-linear-gradient(top , #1C5DB7 , #0073cc);
background-image:-webkit-linear-gradient(top , #1C5DB7 , #0073cc);
background-image:-o-linear-gradient(top , #1C5DB7 , #0073cc);
background-image:-ms-linear-gradient(top , #1C5DB7 , #0073cc);
background-image:linear-gradient(top , #1C5DB7 , #0073cc);}
.fotNav li a:after{content:''; position:absolute; top:0; right:-2px; z-index:9; height:100%; width:0px;  border-left:1px solid #3c9feb; border-right:1px solid #1c7ac2;}
.fotTxt{padding-top:1em; padding-bottom:1em; color:#999; text-align: center; font-size:1em;height:3.2em;}

@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}






@-webkit-keyframes halo { 0% { opacity: 0;-webkit-transform: scale(0.1); }
50% {opacity: 1; }
100%{opacity: 0;-webkit-transform: scale(1.2); } }
@-moz-keyframes halo {0% { opacity: 0; -moz-transform: scale(0.1); }
50% { opacity: 1; }
100%{ opacity: 0; -moz-transform: scale(1.2); } }
@-ms-keyframes halo {0% { opacity: 0; }
50% { opacity: 1; }
100%{opacity: 0; } }
@-o-keyframes halo {0% { opacity: 0; -o-transform: scale(0.1); }
50% {opacity: 1; }
100%{ opacity: 0;-o-transform: scale(1.2); } }
@keyframes halo {0% { opacity: 0; transform: scale(0.1); }
50% {opacity: 1; }
100%{opacity: 0;transform: scale(1.2); } }