﻿*{ 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; font-size:14px; background: #FFFFFF; }
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #df061d;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .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;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}

#home .home,
#products .products,
#news .news,
#rczp .rczp,
#feedback .feedback,
#contact .contact{background: #0a48a3;}

.gotop {
	width: 24px;
	height: 24px;
	padding: 10px;
	background: #ccc url(../images/float_qqicon1.png) no-repeat center;
	position: fixed;
	right: 0;
	display:none;
	bottom: 0px;
}

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; font-size: 14px;}

submit{ font-family:"microsoft yahei"; }
#warp{ width:100%; height:auto;  position:relative; overflow: hidden;}


.Header{ width: 1200px; height: 105px; overflow: hidden; margin: 30px auto;}
.Header .logo{ float: left;  width: 540px; height: 105px; overflow: hidden;}
.Header .logo a{ display: inline-block; width: 540px; height: 105px; background: url(../images/logo.jpg) no-repeat;}

.Header .HRbox{ width: 630px; height: 105px; overflow: hidden; float: right; }
.scroll {width: 630px;overflow: hidden;}
.scroll ul {white-space: nowrap;}
.scroll ul li {display: inline-block; width: 140px; height: 105px;}
.scroll ul img {width: 140px; height: 105px;}


.navBg{ width: 100%; height: 63px; background: #023886;}
.nav{ width: 1200px; height: 63px; line-height: 63px; overflow: hidden;}
.navL{ float: left; width: 870px; height: 63px; overflow: hidden;}
.navL a{ display: block; float: left; width: 145px; height: 63px; line-height: 63px; text-align: center; color: #FFFFFF; font-size: 16px;}
.navL a:hover{ background: #0a48a3;}

.navTel{ float: right; width: auto; height: 63px; line-height: 63px; color: #e31407; font-size: 22px; font-family: arial; padding-right: 30px;}
.navTel i{ padding-right: 10px;}

.navLang{ float: right; width: 96px; height: 25px; line-height: 25px; border: 1px solid #FFFFFF; overflow: hidden; margin: 18px 0;}
.navLang a{ display: block; color: #FFFFFF; width: 48px; float: left; text-align: center;}
.navLang a.active{ background: #FFFFFF; color: #333;}

/**banner**/
.fullSlide{width:100%;height:542px; overflow:hidden; margin-top: 80px; position: relative;}
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100%; }
.fullSlide .bd li{ width:100%;  height:542px; }
.fullSlide .bd li a{ position:absolute; width:100%; height:542px; display:block; z-index:1;}
.fullSlide .hd{ display: none; }


.indexBox1{ width: 1200px; height: auto; margin: 32px auto; overflow: hidden;}
.inProNav{ float: left; width: 285px; height: auto; overflow: hidden;}
.inProNavTop{ width: 285px; color: #FFFFFF; height: 117px; background: #023886; box-sizing: border-box; padding: 28px;}
.inProNavTop h4{ font-size: 22px; line-height: 36px;}
.inProNavTop p{ font-size: 16px; line-height: 18px; font-family: arial;}
.inProNavList{ width: 283px; height: auto; border: 1px solid #d9d9d9; border-top: none; padding-bottom: 10px;  background:#eef2f7;}
.inProNavList dt{ width: 100%; height: 41px; line-height: 41px; background: url(../images/inproDtbg.jpg) repeat-x; box-sizing: border-box; border: 1px solid #d9d9d9; border-left: 3px solid #e31407;  border-right: none;}
.inProNavList dt a{ padding-left: 25px;}
.inProNavList dt span{ padding: 7px 17px 0 0;}
.inProNavList dd{ width: 100%; height: auto; padding: 5px 0;}
.inProNavList dd a{ display: block; font-size: 14px; line-height: 32px; padding-left: 35px;} 
#lm_hover{ font-weight:bold; color: #df061d;}

.inProRight{ float: right; width: 882px; height: auto; overflow: hidden;}
.inProRightTop{ width: 100%; height: 21px; box-sizing: border-box; line-height: 21px; border-left: 3px solid #023886;}
.inProRightTop h1{ font-size: 22px; color: #023886; padding-left: 10px;}
.inProRightTop a{ color: #999999;}

.inProRightAd{ width: 880px; height: 375px; border: 1px solid #dbdbdb; overflow: hidden; margin-top: 25px;}
.inProRightList{ width: 882px; height: auto; overflow: hidden; padding-bottom: 45px;}
.inProRightList dl{ float: left; width: 273px; height: 263px; border: 1px solid #dbdbdb; overflow: hidden; text-align: center; margin-top: 27px; margin-left: 27px;}
.inProRightList dl dt{ width: 273px; height: 204px; overflow: hidden; border-bottom: 1px solid #dbdbdb; }
.inProRightList dl dt img{ width: 273px; height: 204px;}
.inProRightList dl dd{ width: 100%; height: 58px; line-height: 58px;}
.inProRightList dl:nth-child(1){ margin-left: 0;}
.inProRightList dl:nth-child(4){ margin-left: 0;}
.inProRightList dl:nth-child(7){ margin-left: 0;}
.inProRightList dl:nth-child(10){ margin-left: 0;}
.inProRightList dl:nth-child(13){ margin-left: 0;}
.inAbinfo{ width: 100%; height: auto; padding: 25px 0; font-size: 16px; line-height: 30px;}

.innewsBg{ width: 100%; height: auto; padding: 35px 0; background: #f5f5f5;}
.innewsTit{ width: 1200px; height: auto; overflow: hidden;}
.innewsTit h1{ font-size: 36px; line-height: 60px; color: #023886; font-weight: normal;}
.innewsTit h1 span{  font-size: 16px; color: #999999; padding-left: 10px;}
.innewsTit h2{ width: 36px; height: 3px; background: #e31407; float: left;}
.innewsList{ width: 1200px; height: auto; padding-top: 40px; overflow: hidden;}
.innewsList dl{ float: left; width: 380px; height: 450px; overflow: hidden; margin-left: 30px; display: inline;}
.innewsList dl:first-child{ margin-left: 0;}
.innewsList dl dt{ width: 380px; height: 253px; overflow: hidden;}
.innewsList dl dt img{width: 380px; height: 253px; }
.innewsList dl dd{ width: 100%; padding-top: 20px;}
.innewsList dl dd h4{ width: 100%; height: 42px; line-height: 42px; overflow: hidden; font-size: 18px; font-weight: normal;}
.innewsList dl dd p{ width: 100%; height: 40px; line-height: 20px; overflow: hidden; color: #666; font-size: 14px;}
.innewsList dl dd h3{ border-top: 1px solid #cccccc; height: 62px; line-height: 62px; font-size: 20px; margin-top: 20px; font-family: arial; color: #666666;}



.Footerbg{ width: 100%; height: auto; padding: 40px 0; background: #023886;}
.Footer{ width: 1200px; height: auto; overflow: hidden;}
.Footer dl{ float: left; width: 230px; margin-left: 90px;}
.Footer dl:first-child{ margin-left: 0;}
.Footer dl dt{ width: 100%; height: 42px; line-height: 42px; border-bottom: 1px solid #1656ad;}
.Footer dl dt h4{ float: left; color: #FFFFFF; font-size: 16px; font-weight: normal; border-bottom: 1px solid #608ac6;}
.Footer dl dd{ width: 100%; height: auto; padding-top: 20px;}
.Footer dl dd a{ display: block; font-size: 16px; color: #fff; line-height: 30px;}
.Footer dl dd a:hover{color: #df061d;}
.Footer dl dd p{font-size: 16px; color: #fff; line-height: 28px;}

.Footer dl dd .Ftel{ width: 230px; height: 54px; overflow: hidden; margin-bottom: 10px;}
.Footer dl dd .Ftel .FtelL{ float: left; width: 21px; height: 54px;}
.Footer dl dd .Ftel .FtelR{ float: right; width: 200px; height: 54px; overflow: hidden; color: #e31407;}
.Footer dl dd .Ftel .FtelR p{ font-size: 14px; line-height: 20px;}
.Footer dl dd .Ftel .FtelR h1{ font-size: 26px; line-height: 34px; font-family: arial;}

.FooterinfoBg{ width: 100%; line-height: 50px; background: #0f0f0f; height: 50px;}
.Footerinfo{ width: 1200px; height: 50px; overflow: hidden; color: #666666;}
.Footerinfo a{ color: #666666; padding-left: 10px;}
.Footerinfo a:hover{color: #df061d;}


.MainRight{ float: right; width: 882px; height: auto; }
.MainRightTop{ width:100%; height:46px; line-height:46px; border-bottom:1px solid #dedede;}
.MainRightTop h4{ font-size:20px; color: #023886;}

.mainRightABinfo{ width: 100%; height: auto; padding-top: 25px; font-size: 16px; line-height: 28px; overflow: hidden;}
.mainRightABinfo img{ max-width: 100%; height: auto;}


.conMap{ width: 100%; height: 350px; overflow: hidden; }


.abList2{ width: 882px; height: auto; overflow: hidden;}
.abList2 dl{ float: left; width: 210px; height: 328px;  overflow: hidden; text-align: center; margin: 5px;}
.abList2 dl dt{ width: 210px; height: 280px; overflow: hidden;}
.abList2 dl dt img{width: 192px; height: 260px;  border: 1px solid #cecece; padding: 8px;}
.abList2 dl dd{ width: 100%; height: 50px; line-height: 50px; font-size: 15px;}

.conBox1Left{  width: 571px; height: auto; overflow: hidden; padding-top:50px;}
.conBox1Left li{ width: 100%; height: 42px; margin-bottom: 20px;}
.conBox1Left .coninput1{ width: 539px; padding: 0 15px; height: 40px; border: 1px solid #EEEEEE;}
.conBox1Left .contex{ width: 539px; padding: 15px; height: 72px; border: 1px solid #EEEEEE;}
.conBox1Left .consub{ width: 100%; height: 55px; border: none; font-size: 16px; text-align: center; color: #FFFFFF; background: #0c4da2;}

.zpList{ width:100%; height:auto; padding-top:30px;}
.zpList li{ width:100%; height:46px; line-height:46px; border-bottom:1px dotted #ccc; font-size:14px; overflow:hidden;}

.NewsList{ width: 882px; height: auto; padding-top: 25px; }
.NewsList dl{ width: 826px; height: 136px; padding: 25px;  border-bottom: 1px solid #eee; cursor: pointer; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
.NewsList dl:hover{ background: #FFFFFF; box-shadow:0 0 10px #CCCCCC;}
.NewsList dl dt{ float: left; width: 229px; height: 136px; overflow: hidden;}
.NewsList dl dt img{width: 229px; height: 136px; }
.NewsList dl dd{ float: right; width: 565px; height: 136px; overflow: hidden;}
.NewsList dl dd h3{ font-size: 18px; font-weight: normal; line-height: 42px; height: 42px;}
.NewsList dl dd h3 a:hover{ color: #0c4da2;}
.NewsList dl dd p{ color: #999999; line-height: 26px; height: 52px; overflow: hidden;}
.NewsList dl dd h4{ line-height: 42px; height: 42px; font-weight: normal; color: #999999;}
.NewsList dl:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1); }

.newsShowTit{ width: 100%; padding: 25px 0; border-bottom: 1px solid #EEEEEE; overflow: hidden; text-align: center;}
.newsShowTit h4{ font-weight: normal; font-size: 24px; color: #333333; line-height: 36px;}
.newsShowTit p{ padding-top: 15px; color: #999999;}


.goodsShowimg{ width:100%; height:auto; padding:25px 0; overflow:hidden; text-align:center;}
.goodsShowimg img{ width:100%; height:auto;}

.goodsShowimg video{ width:600px; height:auto;}

#box-kefu { position: fixed; right: 0; top: 20%; z-index: 100; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+100)); }
#box-kefu .kefu-open { position: absolute; top: 0; right: 0; width: 138px; padding: 46px 0 0 0; background: url(../images/kefu_icon.png) no-repeat -46px 0; _background-image: url(../images/kefu_icon.gif); overflow: hidden; }
#box-kefu .kefu-open .close{ display: block; position: absolute; width: 22px; height: 22px; right: 0; top: 0; text-indent: -9999px; }
#box-kefu .kefu-open div { padding-bottom: 5px; background: url(../images/kefu_bg.png) no-repeat -268px bottom; width: 134px; }
#box-kefu .kefu-open ul { background: url(../images/kefu_bg.png) repeat-y 0 0 #939393; }
#box-kefu .kefu-open li { height: 32px; line-height: 32px; padding: 0 15px 2px; background: url(../images/kefu_bg.png) no-repeat -134px bottom; }
#box-kefu .kefu-open li a { color: #fff; display: block; position: relative; zoom: 1; padding-left: 35px; }
#box-kefu .kefu-open li a:hover { text-decoration: none; }
#box-kefu .kefu-open li a i { display: inline-block; position: absolute; left: 10px; top: 6px; width: 21px; height: 21px; background: url(../images/kefu_icon.png) no-repeat 9999px 9999px; _background-image: url(../images/kefu_icon.gif); }
#box-kefu .kefu-open li a i.qq { background-position: -86px -56px; }
#box-kefu .kefu-open li a i.online { background-position: -56px -56px; }
#box-kefu .kefu-open li a i.txt { background-position: -56px -86px; }
#box-kefu .kefu-close { position: absolute; top: 5px; right: 0; width: 0; height: 127px; padding: 0; background: url(../images/kefu_icon.png) no-repeat 0 0; _background-image: url(../images/kefu_icon.gif); cursor: pointer; overflow: hidden; }
