@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: 26px;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%;background: none;border: none;}
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: 1380px;}
@media screen and (max-width: 1500px){
  .w1400{margin: 0 auto;width: 1200px;}
}

/*header*/
.header{width: 100%;}
.header .headerT{background: #3f3f3f;height: 38px;line-height: 38px;color: #fff;}
.header .headerT ul li{float: left;color: #ccc;}
.header .headerT ul li i{margin: 0 8px;}
.header .headerT ul li a {color: #ccc;}
.header .headerT ul li a:hover{color: #fff;}
.header .headerC{height: 105px;line-height: 105px}
.header .headerC .logo{height: 100%;}
.header .headerC .logo img{display: block;height: 100%;width: auto;}
.header .headerC .pho{line-height: 26px;font-size: 20px;font-weight: bold;padding-left: 35px;background: url(../images/tel.png) no-repeat left center;margin-top: 25px;}
.header .headerC .pho span{color: red;}
.header .headerC ul{float: right;width: 65%;margin-right: 2%;}
.header .headerC ul li{float: left;width: 12.5%;text-align: center;position: relative;z-index: 1000;margin-top: 32px;}
.header .headerC ul li a{display: block;width: 110px;height: 40px;line-height: 40px;color: #000;}
.header .headerC ul li dl{width: 140%;background: #2598f1;position: absolute;top: 40px;left: calc(50% - 70%);display: none;border-top: 2px solid #fff;}
.header .headerC ul li dl a{display: block;width: 100%;color: #fff;line-height: 40px;text-align: center;}
.header .headerC ul li:hover a.on,.header .headerC ul li.active a.on{background: #2598f1;color: #fff;border-radius: 20px;}
.header .headerC ul li:hover dl{display: block;}
.header .headerC ul li dl a:hover{color: #fff;background: #fbc235;}

/*banner*/

#ban{height: 620px;}

#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: 100px;position: absolute;top: calc(50% - 50px);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: 1500px){

	#ban{height: 550px;}

}



/*footer*/

.footer{width: 100%;background: #252932;padding-top: 20px;}

.footer .footerL{width: 100%;height: 100px;line-height: 100px;border-bottom: rgba(255,255,255,.2) solid 1px;}

.footer .footerL h3{float: left;width: 133px;height: 34px;background: url(../images/link.png) no-repeat left center;margin-top: 30px;margin-right: 30px;}

.footer .footerL a{color: #fff;margin-right: 20px;}

.footer .footerL a:hover{color: #00a1d6;}

.footer .footerC{padding: 50px 0;color: #fff;}

.footer .footerC h3{font-size: 18px;}

.footer .footerC h3 i{display: block;width: 40px;height: 1px;background: #fff;margin-top: 16px;}

.footer .footerC .pho{width: 25%;height: 280px;border-right: rgba(255,255,255,.2) solid 1px;box-sizing: border-box;}

.footer .footerC .pho p{margin-top: 24px;font-size: 16px;}

.footer .footerC .pho ul{padding-top: 10px;}

.footer .footerC .pho ul li{line-height: 20px;padding-top: 10px;}

.footer .footerC .mess{width: 43%;padding: 0 48px;box-sizing: border-box;height: 280px;border-right: rgba(255,255,255,.2) solid 1px;}

.footer .footerC .mess form{margin-top: 24px;}

.footer .footerC .mess form input{float: left;margin-bottom: 10px;width: 48%;height: 44px;line-height: 44px;text-indent: 8px;color: #aeb0b2;margin-left: 4%;border: #71787c solid 1px;box-sizing: border-box;}

.footer .footerC .mess form input:first-child{margin-left: 0;}

.footer .footerC .mess form textarea{width: 100%;height: 74px;text-indent: 8px;color: #aeb0b2;padding-top: 10px;border: #71787c solid 1px;box-sizing: border-box;}

.footer .footerC .mess form button{float: right;width: 140px;height: 45px;margin-top: 20px;letter-spacing: 1px;color: #fff;cursor: pointer;background: #00a1d6;transition: all ease 300ms;}

.footer .footerC .mess form button:hover{background: #fff;color: #333;}

.footer .footerC .ewm{width: 28.98%;margin-top: 60px;}

.footer .footerC .ewm ul li{float: left;width: 42%;height: 135px;margin-left: 8%;}

.footer .footerC .ewm ul li img{display: block;float: left;width: 80%;height: 100%;}

.footer .footerC .ewm ul li span{display: inline-block;float: right;background: #00a1d6;color: #fff;width: 20%;height: 100%;text-align: center;padding: 20px 5px;box-sizing: border-box;line-height: 18px;}

.footer .footerB{width: 100%;height: 60px;line-height: 60px;border-top: rgba(255,255,255,.2) solid 1px;color: #e2e2e2;text-align: center;}

.footer .footerB a{color: #e2e2e2;}

.footer .footerB a:hover{color: #fff;}