@charset "utf-8";
/* CSS reset for c_b*/
html{overflow-y: scroll;}
:root{overflow-y: auto;overflow-x: hidden;}
body{color: #333;font-family: "微软雅黑",Arial,Georgia,"Times New Roman",Times,serif;font-size: 14px;line-height: 1.8;position: relative;width: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;list-style: none;list-style-type: none;font-weight: normal;}
table{border-collapse: collapse;border-spacing: 0;}
table th,table td{padding: 5px;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,i,th,var{font-style: normal;font-weight: normal;}
ception,th{text-align: left;}
q:before,q:after{content: '';}
abbr,acronym{border :0;}
p{word-spacing: -1.5px;}
input,button,textarea,select,optgroup,option{font-family: inherit;font-size: inherit;outline: none;font-style: inherit;font-weight: inherit;border: none;}
input,button,textarea,select{*font-size: 100%;}
input,select{vertical-align: middle;}
table{font-size: 14px;border-collapse: collapse;}
a{color: #000;text-decoration: none;} 
a:focus{outline: none;}
a:hover{text-decoration: none;cursor: pointer}

/*定位*/
.fl{float: left;}
.fr{float: right;}
.zoom{zoom: 1}
.clear{clear: both;height: 0;line-height: 0;font-size: 0;}
.clearfix:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix{zoom: 1;}
.w1400{margin: 0 auto;width: 1400px;}
@media screen and (max-width: 1400px){
    .w1400{margin: 0 auto;width: 1100px;}
}

/*header*/
.header{width: 100%;position: absolute;top: 0;left: 0;z-index: 1000;height: 70px;line-height: 70px;background: rgba(0,0,0,.4);}
.header .logo{width: 20%;margin-top: 22px;margin-right: 2%;}
.header .logo img{display: block;width: 100%;height: 100%;}
.header .nav{width: 65%;text-align: center;}
.header .nav ul li{float: left;position: relative;width: 9.8%;}
.header .nav ul li a{display: block;color: #fff;}
.header .nav ul li.active,.header .nav ul li:hover{background: #fff;}
.header .nav ul li.active a,.header .nav ul li:hover a{color: #000;}
.header .pho{background:url(../images/h_pho.png) no-repeat center left 2px;background-size: 20px 20px;padding-left: 28px;font-size: 18px;color: #fff;}
@media screen and (max-width: 1400px){
    .header .nav{width: 75%;text-align: center;}
    .header .pho{display: none;}
}

/*banner*/
#ban{height: 899px;position: relative;}
#ban .banner{height: 100%;position: relative;}
.banner ul li{position: absolute;height: 100%;width: 100%;overflow: hidden;}
.banner ul li img{height: 100%;width: 100%;display: block;object-fit: cover;}
.btn_left,.btn_right{cursor: pointer;display: block;height: 100%;position: absolute;top: 0;width: 80px;z-index: 1;}
.btn_left{background: url(../images/left.png) no-repeat center center;left: 5%;opacity: 0.5;}
.btn_right{background: url(../images/right.png) no-repeat center center;right: 5%;opacity: 0.5;}
.btn_left:hover,.btn_right:hover{opacity: 1;}
@media screen and (max-width: 1400px){
    #ban{height: 650px;position: relative;}
}

/*footer*/
.f_link{width: 100%;height: 60px;line-height: 60px;background: #beab91;}
.f_link a{margin: 0 15px;}
.f_link a:hover{color: red;}
.footer{overflow: hidden;background: #3b393a;padding-top: 40px;box-sizing: border-box;}
.footer .footerT{padding-bottom: 50px;}
.footer .footerT h4{height: 38px;line-height: 38px;font-size: 18px;color: #fff;margin-bottom: 10px;}
.footer .footerT h4 span{opacity: .5;font-size: 14px;margin-left: 6px;}
.footer .footerT .ft_ewm{width: 30%;}
.footer .footerT .ft_ewm img{display: block;width: 80%;margin-top: 15px}
.footer .footerT .ft_ewm p{color: #fff;width: 70%;margin-top: 15px;line-height: 2;}
.footer .footerT .ft_nav{width: 40%;}
.footer .footerT .ft_nav ul li{float: left;width: 15%;height: 40px;line-height: 40px;margin-right: 20px;position: relative;}
.footer .footerT .ft_nav ul li::before{content: '';height: 14px;width: 1px;background: #fff;position: absolute;top: 15px;right: 0;opacity: .8;}
.footer .footerT .ft_nav ul li a{font-size: 15px;color: #fff;}
.footer .footerT .ft_tel{width: 25%;}
.footer .footerT .ft_tel p{font-size: 15px;color: #fff;line-height: 2;} 
.footer .footerB{height: 60px;line-height: 60px;border-top: 1px solid rgba(255,255,255,.2);text-align: center;color: #fff;}
.footer .footerB a{color: #fff;}
.footer .footerT .ft_nav ul li a:hover{color: #9ca9ba;}