@charset "utf-8";
/*公共样式*/
*{margin: 0; padding: 0;}
body{font-size: 14px; background: #fff; font-family: "Microsoft Yahei"; color: #333; line-height: 1.5;-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: #f00 } */
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; background: none; 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;}
textarea{resize: none;}
.clear{zoom: 1;}
.clear:after{content: "."; display: block; visibility: hidden; height: 0; clear: both;}
.content{width: 1180px; margin: 0 auto; position: relative;}
/*头部*/
.Gotop{width: 60px; height: 60px; background: url(../images/r_top.png) no-repeat center; background-color: #232323; background-color: rgba(35,35,35,.6); display: none; position: fixed; right: 20px; top: 82%; margin-top: -30px; z-index: 9999; transition: all .8s; cursor: pointer;}
.Gotop:hover{filter: alpha(opacity:60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.top{background: #eee; height: 31px; line-height: 31px; border-bottom: 1px solid #ddd; overflow: hidden; color: #666; font-size: 12px;}
.top a{color: #666;}
.top_l{float: left;}
.top_r{float: right;}
.top_r a{padding: 0 10px;}
.top_r em{color: #ddd;}
.header{border-bottom: 1px solid #ddd; padding-top: 2px; position: relative; z-index: 11;}
.logo{height: 42px; float: left; margin-top: 27px;}
.logo img{display: block; height: 100%;}
.head_ali{width: 110px; float: right; margin-top: 24px; margin-left: 30px; padding-left: 40px; background: url(../images/Ali_btn.png) no-repeat 40px 0; text-align: center; border-left: 1px solid #ddd;}
.head_ali a{display: block; padding-top: 28px; color: #666; font-size: 13px; line-height: 20px;}
.nav{float: right;}
.nav > ul > li{width: 112px; height: 96px; float: left; text-align: center; position: relative; margin-right: 3px;}
.nav > ul > li > a{display: block; width: 100%; height: 100%; transition: all 0s;}
.nav > ul > li span{display: block; height: 24px; line-height: 24px; font-size: 15px; padding-top: 30px; color: #333;}
.nav > ul > li em{display: block; height: 20px; line-height: 20px; font-size: 12px; color: #666; text-transform: uppercase; margin-top: 2px;}
.nav > ul > li.acitve > a,.nav > ul > li:hover > a{background: #f00;}
.nav > ul > li.acitve span,.nav > ul > li.acitve em,.nav > ul > li:hover span,.nav > ul > li:hover em{color: #fff;}
.nav > ul > li:hover .nav_child{display: block;}
.nav_child{width: 100%; background: #f00; position: absolute; left: 0; top: 96px; display: none;}
.nav_child li{height: 36px; line-height: 36px;}
.nav_child li a{display: block; width: 100%; height: 100%; color: #fff;}
.nav_child li:hover a{background: #383838; color: #fff !important;}
.gobuy{margin-top:15px;width: 120px;
    height: 40px;text-align: center;background: #f00;color:#fff!important;line-height: 40px;}
.gobuy a{color:#fff!important;}
/*轮播图*/
.banner{width: 100%; height: 500px; overflow: hidden; position: relative;}
.banner .bd li{width: 100%; height: 500px; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.banner .bd li a{display: block; width: 100%; height: 100%;}
.banner .hd{width: 100%; text-align: center; position: absolute; left: 0; bottom: 70px;}
.banner .hd li{display: inline-block; *display: inline; *zoom: 1; width: 12px; height: 12px; margin: 0 4px; border-radius: 50%; background: #fff; cursor: pointer;}
.banner .hd li.on{background: #f00;}
.main_tel{position: absolute; left: 50%; bottom: 0; margin-left: -590px; background: #000; color: #fff;}
.main_tel .left{max-width: 706px; height: 60px; line-height: 60px; float: left; margin-left: 24px; font-size: 22px; overflow: hidden;}
.main_tel .right{max-width: 420px; height: 60px; float: right; margin-right: 30px;}
.main_gl{height: 60px; line-height: 60px; float: left; font-size: 22px; background: url(../images/ftel_btn.png) no-repeat left center; padding-left: 40px;}
.main_gr{float: left; margin-left: 20px;}
.main_gr ul{height: 32px; padding-top: 14px;}
.main_gr li{width: 32px; height: 32px; float: left; margin-left: 14px; position: relative;}
.main_gr li a{display: block; width: 100%; height: 100%;}
.main_gr li a img{display: block; width: 32px; height: 32px; transition: all .6s;}
.main_gr li a img:hover{filter: alpha(opacity: 80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8;}
.main_gr_wx{width: 120px; height: 120px; position: absolute; left: 50%; top: -134px; margin-left: -60px; background: #fff; display: none;}
.main_gr_wx img{width: 120px; height: 120px;}
.main_gr_wx:after{display: block; content: ""; width: 0; height: 0; border-top: 10px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; left: 50%; bottom: -10px; margin-left: -10px;}
.main_gr li:hover .main_gr_wx{display: block;}
/*搜索*/
.search{height: 48px; line-height: 48px; background: #fff;}
.search_hot{float: left; color: #666;}
.search_hot a{margin-right: 10px; color: #666;}
.search_form{width: 212px; height: 28px; float: right; margin-top: 9px; border: 1px solid #d7d7d7; padding-right: 42px; position: relative;}
.search_form input[type="text"]{display: block; width: 100%; height: 28px; line-height: 28px; text-indent: 12px;}
.search_form input[type="submit"]{display: block; width: 42px; height: 28px; border-left: 1px solid #d7d7d7; background: url(../images/search_bg.jpg) no-repeat; position: absolute; right: 0; top: 0; cursor: pointer;}
/*底部*/
.footer{color: #fff; overflow: hidden;}
.footer a{color: #fff;}
.foot_top{background: #373f4a;}
.foot_item{padding: 30px 0;}
.foot_nav{width: 110px; float: left; margin-right: 20px;}
.foot_nav dt{line-height: 30px; font-size: 15px;}
.foot_nav dd{padding: 10px 0;}
.foot_nav dd li{height: 25px; line-height: 25px; font-size: 12px;}
.foot_tn2{float: left;}
.foot_tn2 dt{line-height: 30px; font-size: 15px;}
.foot_tel{height: 36px; line-height: 36px; font-size: 22px; background: url(../images/ftel_btn.png) no-repeat left center; padding-left: 40px;}
.foot_logo{margin-top: 10px;}
.foot_logo img{width: 180px; height: 32px;}
.foot_tn2_n{font-size: 12px; color: rgba(255,255,255,.5); margin-left: -5px; margin-top: 6px;}
.foot_tn2_n a{padding: 0 5px; color: rgba(255,255,255,.5);}
.foot_wx{width: 120px; float: right; margin-top: 6px;}
.foot_wx img{width: 120px; height: 120px;}
.foot_wx p{font-size: 12px; text-align: center; line-height: 22px; padding: 6px 0;}
.foot_link{border-top: 1px solid #4b535c; position: relative; padding: 16px 6px 16px 58px;}
.foot_link span{display: block; height: 25px; line-height: 25px; position: absolute; left: 0; top: 16px;}
.foot_link li{float: left; height: 25px; line-height: 25px; margin-right: 12px;}
.foot_link li a{color: rgba(255,255,255,.4);}
.foot_copy{line-height: 22px; font-size: 12px; background: #292f38; padding: 9px 0; color: rgba(255,255,255,.5);}
.foot_copy a{color: rgba(255,255,255,.5);}
.foot_copy .left{max-width: 60%; float: left;}
.foot_copy .right{max-width: 38%; float: right; text-transform: uppercase;}