*{ 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:#666;  background: #FFFFFF; }
a{ text-decoration: none; -webkit-transition: all ease .2s;  -moz-transition: all ease .2s; transition: all ease .2s; border:none;color: #666666;}
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: #164392;}

.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: 25px 0; overflow: hidden;}
.Head .logo{ width: 94%; height: auto; text-align: center;}
.Head .logo img{ width: 100%; height: auto;}
.nav{ width: 100%; height: auto; background: #00308c; 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 #1a4598; border-right:1px solid #1a4598;}
.nav a:nth-child(3){ border-right: none;}
.nav a:nth-child(6){ border-right: none;}

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

.banner{ width: 100%; height: auto; overflow: hidden;}
.banner img{ width: 100%; height: auto; }


.inTit{ width: 94%; height: 48px; line-height: 48px; border-bottom: 1px solid #eee; margin-top: 10px; overflow: hidden;}
.inTit a{ font-size: 0.9rem;}
.inTit h4{ float: left; background: url(../images/inh4bg.jpg) no-repeat left center; color: #164392; font-size: 1.1rem; padding-left: 15px;}
.inGoodsList{ width: 100%; height: auto; padding-top: 15px;}
.inGoodsList dl{ float: left; width: 45.5%; height: auto; overflow: hidden; border: 1px solid #EEEEEE; box-sizing: border-box; text-align: center; margin: 0 0 3% 3%; }
.inGoodsList dl dt{ width: 100%; height: auto; overflow: hidden;}
.inGoodsList dl dt img{ width: 100%; height: auto;}
.inGoodsList dl dd{ width: 100%; padding: 10px 0; height: 28px; background: #164392; overflow: hidden; color: #FFFFFF;}
.inGoodsList dl dd h4{ font-weight: normal; font-size: 0.9rem; line-height: 28px; height: 28px; overflow: hidden;}


.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;}


.inNewsList{ width: 94%; 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; }

.footerinfo{ width: 94%; padding: 10px 3%; background: #181818; color: #666666; height: auto; overflow: hidden; text-align: center; } 
.footerinfo1{ width: 100%; height: auto; border-bottom: 1px solid #303030; padding: 25px 0;}
.footerinfo1 h4{ color: #FFFFFF; font-size: 1.1rem; font-weight: normal; line-height: 42px;}
.footerinfo1 h1{ color: #e31407; font-family: arial; font-size: 2rem; font-weight: normal; line-height: 42px;}
.footerinfo1 h1 img{ padding-right: 5px;}

.footerinfo2{ width: 100%; height: auto;  padding: 15px 0; font-size: 1rem; line-height: 28px; color: #999999;}
.footerinfo2 span{ color: #FFFFFF;}

.footer{ width: 94%; padding: 10px 3%; background: #0f0f0f; color: #666666; height: auto; overflow: hidden; text-align: center; line-height: 24px; font-size: 0.9rem; }

.fposi{ width: 100%; height: 60px; line-height: 60px; background: #164392; position: fixed; left: 0; bottom: 0;}
.fposi a{ color: #FFFFFF; box-sizing: border-box; width: 50%; float: left; display: block; text-align: center; font-size: 1rem;}
.fposi a:first-child{ border-right: 1px solid #FFFFFF;}
.fposi a img{ vertical-align: middle; width: 20px; height: auto; padding-right: 10px;}

.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: #24559c; 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;}



.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{ float: left; width: 45.5%; height: auto; overflow: hidden; border: 1px solid #EEEEEE; box-sizing: border-box; text-align: center; margin: 0 0 3% 3%; }
.GoodsList dl dt{ width: 100%; height: auto; overflow: hidden;}
.GoodsList dl dt img{ width: 100%; height: auto;}
.GoodsList dl dd{ width: 100%; padding: 10px 0; height: 28px; background: #164392; overflow: hidden; color: #FFFFFF;}
.GoodsList dl dd h4{ font-weight: normal; font-size: 0.9rem; line-height: 28px; height: 28px; overflow: hidden;}

.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;}