@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0;}
body{font-size: 14px; background: #fff; font-family: "Arial"; color: #333;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .6s ease; cursor: pointer;}
a:hover{color: #000 !important;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th,strong{font-weight: 800;}
img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; outline: 0; font-family: "Arial";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
textarea{resize: none;}
.clear{zoom: 1;}
.clear:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.content{width: 1200px; margin: 0 auto; position: relative;}
.box{padding-top: 110px;}
/*头部*/
.header{width: 100%; height: 110px; background: #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, .3); position: fixed; left: 0; top: 0; z-index: 96;}
.logo{height: 60px; float: left; margin-top: 25px; margin-left: 56px;}
.logo a{display: block; height: 100%;}
.logo img{display: block; height: 100%;}
.head_rt{float: right; margin-right: 56px;}
.nav{float: left;}
.nav > ul > li{float: left; font-size: 15px; margin: 0 12px;}
.nav > ul > li > a{display: block; min-width: 60px; height: 110px; line-height: 110px; padding: 0 3px; position: relative; color: #282830; text-align: center;}
.nav > ul > li > a > i{display: block; width: 0; height: 3px; background: #f8c708; position: absolute; left: 0; bottom: 0; transition: all .3s;}
.nav > ul > li > a:hover{color: #282830 !important;}
.nav > ul > li.active > a > i,.nav > ul > li:hover > a > i{width: 100%;}
.nav_child{width: 100%; background: #fff; box-shadow: 0px 5px 5px rgba(0, 0, 0, .3); border-top: 1px solid #ddd; position: absolute; left: 0; top: 110px; opacity: 0; visibility: hidden; transition: all .4s; overflow: auto;}






.nav_child::-webkit-scrollbar{width: 6px; height: 10px;}
.nav_child::-webkit-scrollbar-track{background: #fff;}
.nav_child::-webkit-scrollbar-thumb{background: #cbcbcb;}
.nav_child_box{width: 1440px; margin: 0 auto; padding: 30px 0 20px 0;}
.nav_child_item{width: 180px; float: left; margin-right: 32px;}
.nav_child_item dt{height: 26px; line-height: 26px;}
.nav_child_item dt a{font-size: 17px; color: #015ea4;}
.nav_child_item dd ul{padding: 10px 0;}
.nav_child_item dd li{height: 28px; line-height: 28px; font-size: 14px;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  }
.nav_child_item dd li a{color: #666;}
#nav_child_bx3{width: 200px;}
#nav_child_bx3 dd ul{padding-bottom: 32px;}
#nav_child_bx4{width: 274px;}
#nav_child_bx4 dd ul{margin-right: -30px;}
#nav_child_bx4 li{width: 120px; float: left; margin-right: 24px;}
#nav_child_bx5{width: 336px; margin-right: 0;}
#nav_child_bx5 ul{margin-right: -24px;}
#nav_child_bx5 li{width: 156px; float: left; margin-right: 24px;}
#nav_child_bx6{width: 140px; margin-right: 0;}
.nav > ul > li:hover .nav_child{opacity: 1; visibility: visible;}

.nav_item{ position: relative;}
.nav_item .nav_child{width: 200px; left: 50%; margin-left: -400px; text-align: center;}
.nav_child_box0-1{ padding: 0px 0 20px 0; margin: 0 auto;}
.nav_child_box0-1 dd ul{padding: 10px 20px;}
.nav_child_box0-1 dd li{height: 40px; line-height: 40px; font-size: 14px; border-bottom: 1px #dcdcdc dashed;}
.nav_child_box0-1 dd li a{color: #666;}


#na_s{width:930px;}
#na_s .nav_child_box0-1 dd{overflow: hidden;}
#na_s .nav_child_box0-1 dd ul{margin-right: -20px;}
#na_s .nav_child_box0-1 dd li{width: 430px; float: left; margin-right: 20px;}

/* 

.search{width: 188px; height: 36px; background: #fff; float: left; margin-left: 48px; margin-top: 36px; border: 1px solid #ddd; overflow: hidden; position: relative; padding-right: 40px;}
.search input[type="text"]{display: block; width: 100%; height: 36px; line-height: 36px; font-size: 13px; text-indent: 16px;}
.search input[type="submit"]{display: block; width: 40px; height: 36px; background: url(/statics/images1/search_bg.png) no-repeat center; position: absolute; top: 0; right: 0; cursor: pointer;} */

.h_tel{float: left; height: 30px; line-height: 22px; background: url(/statics/images1/htel_bg.png) no-repeat left top;background-position: 0px 5px;  padding-left: 28px; font-size: 17px; color: #000; margin-top: 33px; margin-left: 50px;}
.h_search{float: left; width: 30px; height: 30px; margin-top: 30px; margin-left: 30px; position: relative; z-index: 2;}
.h_searchBox{width: 0; padding-right: 28px; border: 1px solid #fff; background: #fff; height: 28px; position: absolute; right: 0; top: 0;}
.h_search i,.search_submit{display: block; width: 28px; height: 28px; background: url(/statics/images1/hsearch_bg.png) no-repeat 0 0; cursor: pointer; position: absolute; right: 0; top: 0;}
.h_search i{z-index: 2;}
.h_search i:hover,.search_submit:hover{background-position: 0 -30px;}
.search_input{display: block; width: 0; height: 28px; line-height: 28px; text-indent: 8px; background: none;}
.search_submit{z-index: 1;}
.h_searchBox.search_open{width: 200px; border: 1px solid #ddd;}
.h_searchBox.search_open .search_input{width: 100%;}
.h_searchBox.search_open i{z-index: 1;}
.h_searchBox.search_open .search_submit{z-index: 2;}
.language{height: 30px; line-height: 30px; float: left; margin-top: 30px; margin-left: 40px;}
.language a{text-transform: uppercase;}


/*广告图轮播*/
.banner{position: relative; z-index: 94;}
.banner .bd li{display: none;}
.banner .bd li a{display: block; width: 100%; height: 100%;}
.banner .bd li img{display: block; width: 100%; height: auto;}
.banner .hd{width: 100%; text-align: center; position: absolute; left: 0; bottom: 12px;}
.banner .hd ul{display: inline-block; *display: inline; *zoom: 1;}
.banner .hd li{width: 14px; height: 14px; background: #fff; float: left; margin: 0 4px; cursor: pointer; border-radius: 50%;}
.banner .hd li.on{background: #f8c708;}
/*底部*/
.footer{background: #29292e; color: #fff; overflow: hidden;}
.footer a{color: #fff;}
.footer a:hover{color: #f6c500 !important;}
.foot_nav{padding: 70px 0;}
.foot_nav li{float: left; color: #444; font-size: 15px;}
.foot_nav li a{color: #999;}
.foot_nav li span{padding: 0 25px;}
.foot_item{border: 1px solid #666;}
.foot_item ul{margin: 0 -1px;}
.foot_item li{width: 400px; *width: 399px; float: left; position: relative;}
.foot_item_box{padding: 18px 40px 10px 30px;}
.foot_item_box dt{height: 34px;}
.foot_item_box dt i{display: block; width: 40px; height: 34px; float: right; background: url(/statics/images1/arrow_btn.png) no-repeat -76px 0;}
.foot_item_box dt i.ft_icon2{background-position: -76px -34px;}
.foot_item_box dt i.ft_icon3{background-position: -76px -68px;}
.foot_item_box dd{line-height: 23px; font-size: 15px; color: #f6c500; text-align: right; margin-top: 6px;}
.foot_item_box dd .ftel_1{padding-left: 40px;}
.foot_item_box dd p.p2{font-size: 12px; color: #999;}
.foot_item_box dd p.p3_1{padding-right: 8px;}
.foot_item li > i{display: block; width: 1px; height: 100%; background: #666; position: absolute; left: 0; top: 0;}
.foot_copy{padding: 50px 0; font-size: 12px; color: #666; line-height: 20px;}
.foot_copy a{color: #666;}
.foot_copy_text{max-width: 900px; float: left;}
.foot_technology{max-width: 200px; float: right; min-height: 20px; padding-left: 42px; position: relative;}
.foot_wx{width: 24px; height: 20px; position: absolute; left: 0; top: 0;}
.foot_wx i{display: block; width: 24px; height: 20px; background: url(/statics/images1/arrow_btn.png) no-repeat -76px -102px; cursor: pointer; transition: all .3s;}
.foot_wx span{display: block; width: 100px; height: 100px; background: #fff; position: absolute; left: 50%; top: -114px; margin-left: -50px; opacity: 0; visibility: hidden; transition: all .3s;}
.foot_wx span:after{display: block; content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #fff; position: absolute; left: 50%; bottom: -8px; margin-left: -6px;}
.foot_wx span img{display: block; width: 100%; height: 100%;}
.foot_wx i:hover{opacity: .8;}
.foot_wx:hover span{opacity: 1; visibility: visible;}
@media only screen and (max-width: 1699px){
	.header{height: 100px;}
	.logo{height: 50px; margin-top: 25px; margin-left: 40px;}
	.head_rt{margin-right: 40px;}
	.nav > ul > li{margin: 0 8px;}
	.nav > ul > li > a{height: 100px; line-height: 100px;}
	.search{margin-top: 31px; margin-left: 30px;}
	.nav_child{top: 100px;}
	.box{padding-top: 100px;}
}
@media only screen and (max-width: 1499px){
	.header{height: 90px;}
	.logo{margin-left: 20px; margin-top: 20px;}
	.head_rt{margin-right: 20px;}
	.nav > ul > li{margin: 0 6px;}
	.nav > ul > li > a{height: 90px; line-height: 90px;}
	.search{width: 148px; margin-top: 26px; margin-left: 20px;}
	.nav_child{top: 90px;}
	.box{padding-top: 90px;}
}
@media only screen and (max-width: 1399px){
	.header{height: 80px; min-width: 1200px;}
	.logo{height: 40px; margin-top: 20px; margin-left: 15px;}
	.head_rt{margin-right: 15px;}
	.nav > ul > li{font-size: 14px;}
	.nav > ul > li > a{min-width: 50px; height: 80px; line-height: 80px;}
	.search{width: 128px; margin-top: 21px; margin-left: 16px;}
	.nav_child{top: 80px;}
	.box{padding-top: 80px;}
}