@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0;}
html{min-width: 1180px; width: 100%;}
body{font-size: 14px; background: #fff; font-family: "Microsoft Yahei","Arial",Verdana,Arial,sans-serif; line-height: 1.4; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
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: #035e9f!important;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
strong{font-weight: 800;}
img{border: 0; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
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;}
button:focus{outline: 0;}
textarea{resize: none;}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.wrapper{width: 1300px; margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none;}
.wow{visibility: hidden; visibility: visible\9;}
/*加载特效*/
.loader_mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 9999999;}
.loader_mask .picture{width: 204px; height: 44px; position: absolute; left: 50%; top: 50%; margin-left: -102px; margin-top: -22px;}
.loader_mask .load_img{width: 204px; height: 44px; position: absolute; top: 50%; left: 50%; margin-left: -102px; margin-top: -22px; background: url(../images/logo_loader02.png) no-repeat; -webkit-animation: load 1.8s infinite linear; animation: load 1.8s infinite linear;}
@-webkit-keyframes load{0% {width: 0;}100% {width: 204px;}}
@keyframes load{0% {width: 0;}100% {width: 204px;}}
/*头部*/
.header{width: 100%; height: 90px; background: #fff; box-shadow: 0 5px 7px rgba(0,0,0,.17); position: fixed; left: 0; top: 0; z-index: 9999; min-width: 1180px; transition: all .6s;}
.header .wrapper{position: relative; z-index: 7;}
.headBox{margin: 0 -11%;}
.logo{height: 44px; float: left; margin-top: 23px;}
.logo a{display: block; height: 100%;}
.logo img{display: block; width: auto; height: 100%;}
.nav{float: right;}
.nav ul > li{float: left; padding: 0 20px; position: relative;}
.nav ul > li > a{display: block; min-width: 50px; height: 90px; line-height: 90px; font-size: 15px; text-align: center; padding: 0 14px; position: relative;}
.nav ul > li > a > i{display: block; width: 0; height: 2px; background: #035e9f; position: absolute; left: 0; bottom: 0; transition: all .3s;}
.nav ul > li.active > a,.nav ul > li:hover > a{color: #035e9f!important;}
.nav ul > li.active > a > i,.nav ul > li:hover > a > i{width: 100%;}
.nav_child{width: 134px; border-top: 1px solid #035e9f; background: #fff; text-align: center; box-shadow: 0 4px 4px rgba(0,0,0,.2); position: absolute; left: 50%; top: 100%; margin-left: -67px; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.2s ease-out 0s;}
.nav_child > ol{margin-bottom: -1px;}
.nav_child li a{display: block; height: 40px; line-height: 40px; border-bottom: 1px solid #e6e6e6; font-size: 14px; font-weight: normal;}
.nav_child li a:hover{background: #035e9f; color: #fff !important;}
.nav ul > li:hover > .nav_child{opacity: 1; visibility: visible;}
.head_tel{float: right; padding-left: 40px; height: 30px; line-height: 28px; background: url(../images/htel_bg.png) no-repeat left center; font-size: 20px; color: #ee7400; margin-top: 25px; margin-left: 9%;}
.header .shadowbg{width: 100%\9; height: 8px\9; background: url(../images/ie_shadowbg.png) repeat\9; position: absolute\9; left: 0\9; bottom: -8px\9; z-index: 6\9;}
/*底部*/
.footer{background: #333; color: #fff; overflow: hidden;}
.footer a{color: #fff;}
.footer a:hover{color: #e68326!important;}
.foot_model{padding: 30px 0;}
.foot_model dl{float: left; margin-right: 5.5%; margin-top: 20px;}
.foot_model dl.nlast{margin-right: 0;}
.foot_model dt{font-size: 15px; color: #fff; border-bottom: 2px solid #999; padding: 16px 0;}
.foot_model dt a{color: #fff;}
.foot_model dd{margin-top: 18px;}
.foot_model dd ul li{line-height: 22px; padding: 4px 0; font-size: 13px; color: #b8b8b8;}
.foot_model dd ul li a{color: #b8b8b8;}
.foot_nav{width: 144px;}
.foot_navapp{width: 246px!important;}
.foot_navapp dd{margin-right: -20px;}
.foot_navapp dd ul{width: 113px; margin-right: 20px; float: left;}

.foot_navapro{width: 350px!important;}
.foot_navapro dd{margin-right: -20px;}
.foot_navapro dd ul{width:150px; margin-right: 20px; float: left;}



.foot_contact{width: 318px; float: right!important; margin-right: 0!important;}
.foot_btn{height: 36px; margin-top: 26px;}
.foot_btn li{float: left; margin-right: 12px; position: relative;}
.foot_btn a{display: block; width: 140px; height: 36px; line-height: 36px; background: #18afe6; border-radius: 3px; overflow: hidden; text-align: center;}
.foot_btn a.btn2{background: #e68326;}
.foot_btn a i,.foot_btn a span{display: inline-block; *display: inline; *zoom: 1;}
.foot_btn a i{width: 18px; height: 18px; background-repeat: no-repeat; vertical-align: -4px; *vertical-align: middle; margin-right: 10px;}
.foot_btn a.btn1 i{background-image: url(../images/fticon_wx.png);}
.foot_btn a.btn2 i{background-image: url(../images/fticon_zx.png);}
.foot_btn a span{color: #fff; font-size: 13px;}
.wx_cont{width: 140px; height: 140px; background: #fff; position: absolute; left: 0; bottom: 48px; transition: all .4s; opacity: 0; visibility: hidden;}
.wx_cont:after{display: block; content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #fff; position: absolute; left: 50%; bottom: -6px; margin-left: -4px;}
.wx_cont i{display: block\9; width: 8px\9; height: 6px\9; background: url(../images/w6_sjx.png) no-repeat\9; position: absolute\9; left: 50%\9; bottom: -6px\9; margin-left: -4px\9;}
.wx_cont img{width: 120px; height: 120px; padding: 10px;}
.foot_btn li:hover .wx_cont{opacity: 1; visibility: visible;}
.foot_link{margin-top: 20px;}
.foot_linkBox{line-height: 20px; font-size: 0; padding: 13px 14px; background: #3a3a3a;}
.foot_link span,.foot_link a{display: inline-block; *display: inline; *zoom: 1; font-size: 12px; color: #999; vertical-align: middle;}
.foot_link a{margin-right: 14px; font-size: 12px;}
.foot_copy{line-height: 22px; padding: 26px 0; color: #999; position: relative; text-align: center; font-size: 0; margin-top: 10px;}
.foot_copy a{color: #999;}
.foot_copy .line{width: 100%; height: 1px; background: #5d5d5d; position: absolute; left: 0; top: 50%; margin-top: -2px; z-index: 2;}
.foot_copy .text{display: inline-block; *display: inline; *zoom: 1; padding: 0 52px; position: relative; z-index: 3; background: #333; font-size: 12px;}

 
@media only screen and (max-width: 1699px){
	/*头部*/
	.headBox{margin: 0 -6%;}
}

@media only screen and (max-width: 1599px){
	/*头部*/
	.headBox{margin: 0 -3%;}
	.head_tel{margin-left: 6%;}
}

@media only screen and (max-width: 1499px){
	.wrapper{width: 1180px;}
	/*头部*/
	.headBox{margin: 0;}
	.head_tel{margin-left: 2%;}
	.nav ul > li{padding: 0 16px;}
	.nav ul > li > a{padding: 0 10px;}
	/*底部*/
	.foot_nav{width: 125px;}
	.foot_navapp{width: 226px!important;}
	.foot_navapp dd{margin-right: -10px;}
	.foot_navapp dd ul{width: 108px; margin-right: 10px;}
	
	
	.foot_navapro {width:315px!important;}
	.foot_navapro dd{margin-right: -10px;}
	.foot_navapro dd ul{width: 150px; margin-right: 10px;}
}