*{ margin:0 auto; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{font-family:"microsoft yahei"; color:#333;  background: #FFFFFF; }
a{ text-decoration: none; -webkit-transition: all ease .2s;  -moz-transition: all ease .2s; transition: all ease .2s; border:none;color: #333;}
a:focus { outline: 0 }

.line{ width: 100%; height: 1px; background: #EEEEEE;}

img {
	border: none;
	transition-duration: 0.5s; -webkit-transition-duration: 0.5s;
}
ul,li{ list-style:none;}
.clear{ clear:both;}
p{ margin:0 auto; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block; }
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}

input,button,select,textarea{ outline:none; font-family:"microsoft yahei";}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;margin:0;font-weight:normal;}

submit{ font-family:"microsoft yahei";}
#warp{ max-width:640px; min-width:320px; margin:0 auto;  position:relative; overflow: hidden; }

#home .home,
#about .about,
#products .products,
#ser .ser,
#case .case,
#news .news{background: #2372b8;}

.gotop {
	width: 24px;
	height: 24px;
	padding: 10px;
	background: #ccc url(../images/float_qqicon1.png) no-repeat center;
	position: fixed;
	right: 0;
	bottom: 0px;
}



.Head{ width: 100%; height: auto; padding: 10px 0 0 0; overflow: hidden;}
.Head .logo{ width:100%; height:50px; text-align: center;}
.Head .logo img{ width: 94%; height: auto;}
.nav{ width: 100%; height: auto; background: #1661a3; overflow: hidden;}
.nav a{ display: block; box-sizing: border-box; float: left; width: 33.3%; color: #FFFFFF; text-align: center; font-size: 1rem; height: 60px; line-height: 60px; border-bottom: 1px solid #2e71ac; border-right:1px solid #2e71ac;}
.nav a:nth-child(3){ border-right: none;}
.nav a:nth-child(6){ border-right: none;}


.HTop span{ font-size: 1rem;}
.HTop span a{ padding: 0 5px;}
.HTop{ width: 94%; padding: 0 3%; height: 60px; line-height: 60px; text-align: center; background: #dbdbdb; font-size: 0.9rem;}
.HTop b{ font-size: 1rem; color: #00308c;}
.HTop b img{ vertical-align: middle; padding-right: 5px;}

.HTel{  width: auto; color: #1661a3; font-size: 1.1rem; font-weight: bold; line-height:24px; padding-top:5px; }
.HTel img{ vertical-align: middle;}
.HTel a{color: #1661a3;}



.inTit{ width: 100%; height: 98px; line-height: 98px; font-size: 1.6rem; font-weight: bold; text-align: center; text-transform: uppercase; overflow: hidden;}
.inProNav{ width: 94%; height: 52px;}
.inProNav a{ display: block; width: 32%; height: 52px; margin-left: 2%; font-weight: bold; line-height: 52px; text-align: center; background: #e7eff6; font-size: 1rem; text-transform: uppercase; float: left; }
.inProNav a:first-child{ margin-left: 0;}

.inGoodsList{ width: 94%; height: auto; padding-top: 10px;}
.inGoodsList dl{ float: left; margin-bottom: 1px;}
.inGoodsList dl img{  width: 100%; height: auto;}
.inGoodsList dl:first-child{ width: 50%; height: auto;}
.inGoodsList dl:nth-child(2){ width: 50%; height: auto; border-left: 1px solid #FFFFFF; box-sizing: border-box;}
.inGoodsList dl:nth-child(3){ width: 50%; height: auto; border-left: 1px solid #FFFFFF; box-sizing: border-box;}

.inAppbg{ width: 94%; padding: 15px 3%; background: #f5f5f5; height: auto; margin-top:30px;}
.inAppList{ width: 100%; height: auto; overflow: hidden;}
.inAppList dl{ float: left; text-align: center; position: relative; width: 46%; height: auto; margin: 2%;}
.inAppList dl dt{ width: 100%; height: auto;}
.inAppList dl dt img{ width: 100%; height: 100%;}
.inAppList dl dd{ width: 100%; height:50px; line-height: 50px; color: #FFFFFF; font-size: 1.1rem; position: absolute; left: 0; bottom: 0;}

.inABbox{ width: 94%; padding-top: 15px; height: auto; overflow: hidden; font-size: 0.9rem; line-height: 24px;}
.inABbox img{ width: 100%; height: auto; margin-bottom: 10px;}
.inABbox h3{ font-size: 1.2rem; line-height: 30px; overflow: hidden; height: 30px; font-weight: normal;}
.inABbox h4{ font-weight: normal; color: #1661a3; font-size: 1rem; line-height: 24px;}
.inABbox p{ font-size: 1rem; line-height: 26px; color: #666666;}
.inABboxMore{ width: 100%; height: 48px; text-align: center; margin-top: 25px;}
.inABboxMore a{ background: #1661A3; display: inline-block; text-align: center;  width: 134px; height: 48px; line-height: 48px; color: #FFFFFF; font-size: 1rem; }

.inNewsbg{ width: 94%; padding: 15px 3%; background: #f5f5f5; height: auto; margin-top: 50px;} 
.inNewsList{ width: 100%; height: auto; overflow: hidden;}
.inNewsList dl{ width: 100%; height: auto; overflow: hidden; padding: 15px 0; border-bottom: 1px solid #EEEEEE;}
.inNewsList dl dt{ float:left; width: 30%; height: auto; overflow: hidden;}
.inNewsList dl dt img{width: 100%; height: auto;}
.inNewsList dl dd{ float: right; width: 65%; height: auto; overflow: hidden;}
.inNewsList dl dd h4{ font-size: 1rem; font-weight: normal; line-height: 28px; height: 28px; overflow: hidden; }
.inNewsList dl dd h4 a{color: #333;}
.inNewsList dl dd p{ font-size: 0.9rem; color: #999;  line-height: 26px; height: 26px; overflow: hidden; }
.inNewsList dl dd h3{ font-size: 0.9rem;  font-weight: normal; color: #999;  line-height: 26px; height: 26px; overflow: hidden; }


.footerbg{ width: 94%; padding: 25px 3%; height: auto; background: url(../images/footbg.jpg) no-repeat center; background-size:cover;}
.footerTel{ width: 100%; height: auto; padding-bottom: 10px; border-bottom: 1px solid #3f4044; color: #FFFFFF;}
.footerTel h4{ font-size: 1.2rem; line-height: 32px;}
.footerTel h3{ font-size: 1.4rem; line-height: 32px;}
.footerTel h3 img{ vertical-align: middle; padding-right: 10px;}
.footcopy{ width: 94%; height: 62px; line-height: 62px; color: #FFFFFF; padding: 0 3%; background: #1a1a1a; font-size: 0.9rem;}

.FooterM{ width: 100%; height: auto;overflow: hidden; }
.FooterM h4{ color: #999999; line-height:26px; font-size:1.2rem; font-weight:normal;}
.FooterM ul{ width: 100%; height: auto; padding-top: 20px; color: #999999;}
.FooterM ul li{ width: 100%; line-height: 22px; margin-top: 10px;}
.FooterM ul li i{ width: 20px; font-size: 15px; padding-right: 5px; text-align: center;}

.FooterM ul li a{ color: #999999;}


.banner2{ width: 100%; height: 200px; overflow: hidden;}

.mainNav{ width: 100%;  height: 55px; line-height: 55px; background: #eeeeee; margin-top: 10px; position: relative; z-index: 88;}
.mainNav h1{ float: left; display: inline-block; background: #2372b8; color: #FFFFFF; font-size: 1.1rem; padding: 0 15px; font-weight: normal;}
.mainNav .mainMenu{position: relative; float: right; width: 110px; padding-left: 50px;  height: 55px; text-align: center; color: #24559c; background: url(../images/mainfl.jpg) no-repeat 50px center;}

.mainNav .mainMenu ul{ width: 160px; height: auto; position: absolute; left: 0; top: 55px; overflow: hidden; display: none;}
.mainNav .mainMenu ul a{ display: block;   background: #eeeeee; width: 100%; height: 42px; line-height: 42px; font-size: 0.9rem; border-bottom: 1px solid #FFFFFF;}
.mainNav .mainMenuBTn{position: relative; float: right; width: 110px; padding-left: 50px;  height: 55px; text-align: center; color: #24559c; background: url(../images/mainfl.jpg) no-repeat 50px center;}

.mainNav .btn{position: relative; float: right; border:none; width: 190px; text-transform:uppercase; padding-left: 80px;  height: 55px; text-align: center; color: #24559c; background: url(../images/mainfl.jpg) no-repeat 50px center;}


.aboutinfo{ width: 94%; height: auto; padding: 25px 0; overflow: hidden; font-size: 1rem; line-height: 28px;}
.aboutinfo img{ max-width: 100%; height: auto;}


.abList2{ width: 100%; height: auto; padding-top: 25px; overflow: hidden;}
.abList2 dl{ float: left; width: 46%; height: auto; overflow: hidden; text-align: center; margin: 0 2%;}
.abList2 dl dt{ width: 100%; height: auto; overflow: hidden;}
.abList2 dl dt img{ width: 100%; height: auto;}
.abList2 dl dd{ width: 100%; height: 50px; line-height: 50px; font-size: 0.9rem; overflow: hidden;}

.NewsList{ width: 94%; height: auto; overflow: hidden; padding: 15px 0;}
.NewsList dl{ width: 100%; height: auto; overflow: hidden; padding: 15px 0; border-bottom: 1px solid #EEEEEE;}
.NewsList dl dt{ float:left; width: 30%; height: auto; overflow: hidden;}
.NewsList dl dt img{width: 100%; height: auto;}
.NewsList dl dd{ float: right; width: 65%; height: auto; overflow: hidden;}
.NewsList dl dd h4{ font-size: 1rem; font-weight: normal; line-height: 28px; height: 28px; overflow: hidden; }
.NewsList dl dd h4 a{color: #333;}
.NewsList dl dd p{ font-size: 0.9rem; color: #999;  line-height: 26px; height: 26px; overflow: hidden; }
.NewsList dl dd h3{ font-size: 0.9rem;  font-weight: normal; color: #999;  line-height: 26px; height: 26px; overflow: hidden; }

.newsShowTit{ width: 94%; height: auto; padding: 15px 0; border-bottom: 1px solid #EEEEEE; text-align: center;}
.newsShowTit h4{ font-size: 1.1rem; color: #333333; line-height: 30px; padding: 10px 0;}
.newsShowTit p{ font-size: 0.9rem; color: #999999; line-height: 21px;}


.CaseList{ width: 100%; height: auto;  padding: 15px 0;}
.CaseList dl{float: left; width: 45.5%; height: auto; overflow: hidden;  text-align: center; margin: 0 0 3% 3%; }
.CaseList dl dt{ width: 100%; height: auto; overflow: hidden;}
.CaseList dl dt img{ width: 100%; height: auto;}
.CaseList dl dd{ width: 100%; height: 48px; line-height: 48px; font-size: 0.9rem; border: 1px solid #EEEEEE; box-sizing: border-box; border-top: none;}

.GoodsList{ width: 100%; height: auto;  padding: 15px 0;}
.GoodsList dl{ width: 94%; height: 44px; line-height:44px;  overflow: hidden; font-size:1rem; border-bottom:1px dotted #ccc; }

.gooodShow1{ width: 94%; height: auto; padding-top: 25px; overflow: hidden;}
.gooodShow1Left{  width: 100%; height: auto; overflow: hidden; }
.gooodShow1Left img{ width: 100%; height: auto; }




.gooodShow1Right{  width: 100%; height: auto; padding-top: 25px; overflow: hidden;}
.gooodShow1Right h1{ font-size: 1.4rem; line-height: 50px; font-weight: normal; color: #333333;}
.gooodShow1Right h2{ width: 100%; padding: 0 10px; height: 50px; line-height: 50px; font-weight: normal; font-size: 0.9rem; background: #f8f8f8;}
.gooodShow1Rightinfo{ width: 100%; padding: 15px 0; overflow: hidden; line-height: 28px; font-size: 1rem;}
.gooodShow1Right h3{ font-weight: normal; font-size: 1rem; line-height: 36px;}
.gooodShow1Right h3 span{ font-weight: bold; font-size: 1.4rem; color: #164392;}

.gooodShow2Top{ width: 100%; height: 50px; line-height: 50px; overflow: hidden; margin-top: 30px; background: #f8f8f8;}
.gooodShow2Top h4{ width: 156px; height: 50px; text-align: center; background: #164392; color: #FFFFFF; font-size: 1rem; float: left;}

.faqList{ width: 94%; height: auto; padding-top: 25px; overflow: hidden;}
.faqList li{ width: 100%; height: 46px; line-height: 46px; border-bottom: 1px solid #EEEEEE; font-size: 0.9rem; background: url(../images/downlibg.jpg) no-repeat left center; overflow: hidden;}
.faqList li a{ padding-left: 12px;}

.DownList{width: 94%;  height: auto; padding-top: 25px; overflow: hidden;}
.DownList li{ width: 100%; height: 59px; line-height: 59px; border-bottom: 1px solid #EEEEEE; font-size: 1rem; background: url(../images/downlibg.jpg) no-repeat left center; overflow: hidden;}
.DownList li a{ padding-left: 12px;}
.DownList li a span{ color: #1e50ae;}
.DownList li a span img{ padding-left: 10px;}

.goodsShowimg{ width:80%; height:auto; padding:25px 10%; overflow:hidden; text-align:center;}
.goodsShowimg img{ width:100%; height:auto;}

.goodsShowimg video{ width:100%; height:auto;}


.conBox1Left{  width: 90%; height: auto; overflow: hidden; padding-top:30px;}
.conBox1Left li{ width: 100%; height: 42px; margin-bottom: 20px;}
.conBox1Left .coninput1{ width: 100%; padding: 0 15px; height: 40px; border: 1px solid #EEEEEE; box-sizing: border-box;}
.conBox1Left .contex{ width: 100%; padding: 15px; height: 72px; border: 1px solid #EEEEEE; box-sizing: border-box;}
.conBox1Left .consub{ width: 100%; height: 55px; border: none; font-size: 1rem; text-align: center; color: #FFFFFF; background: #0c4da2;}