@charset "utf-8";
/*公共样式*/
*{font-family: Arial,Helvetica,"Microsoft Yahei",sans-serif;padding: 0;margin: 0;box-sizing: border-box;vertical-align: top;}
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: 4px 12px;}
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;}
.w1200{margin: 0 auto;width: 1200px;}

/*header*/
.header{width: 100%;}
.header .headerT{width: 100%;height: 40px;line-height: 40px;background: #151515;color: #fff;}
.header .headerT h3{font-size: 14px;float: left;width: 30%;}
.header .headerT ul{float: right;width: 70%;}
.header .headerT ul li{display: inline-block;margin-left: 20px;padding-left: 20px;float: right;}
.header .headerT ul li:first-child{background: url(../images/h_icon2.png) no-repeat left;}
.header .headerT ul li:nth-child(2){background: url(../images/h_icon1.png) no-repeat left;}
.header .headerC{height: 120px;}
.header .headerC .logo img{display: block;width: auto;height: 100%;}
.header .headerC .pho{background: url(../images/h_icon5.png) no-repeat left center;color: #666;padding-left: 45px;margin-top: 32px;}
.header .headerC .pho span{display: block;color: #333;font-weight: bold;font-size: 26px;}
.header .headerN{width: 100%;height: 60px;line-height: 60px;background: #151515;box-shadow: 0px 10px 10px -5px rgba(35,35,35,0.3);transition: all .5s;position: sticky;top: 0px;z-index: 999999;}
.header .headerN .con{float: right;position: relative;height: 60px;}
.header .headerN .con:before{content: '';position: absolute;top: 0;left: -40px;border-style: solid;border-width: 60px 40px 0px 0px;border-color: transparent #d71e1e transparent rgba(255,255,255,0);}
.header .headerN .con:after{content: "";display: block;position: absolute;width: 5000px;left: 0;top: 0;right: auto;height: 60px;background-color: #d71e1e;z-index: 0;}
.header .headerN .con .choose{width: 180px;position: relative;z-index: 1;}
.header .headerN .con .choose a{display: block;width: 100%;height: 100%;color: #fff;text-align: center;transition: all .5s;background: rgba(0,0,0,0.13) url(../images/h_icon6.png) no-repeat left 35px center;padding-left: 20px;box-sizing: border-box;}
.header .headerN .con .search{float: right;width: 100px;color: #fff;position: relative;z-index: 1;cursor: pointer;padding-left: 20px;box-sizing: border-box;}
.header .headerN .con .search .btn{display: block;width: 100%;padding-left: 20px;transition: all .5s;}
.header .headerN .con .search .btn1{background: url(../images/h_icon7.png) no-repeat left center;}
.header .headerN .con .search .btn2{background: url(../images/h_icon8.png) no-repeat left center;display: none;}
.header .headerN .con .search .box{display: none;width: 400px;padding: 20px;background: #fff;border-top: 3px solid #d71e1e;box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.1);position: absolute;right: 0;top: 60px;z-index: 10;transition: all .5s;}
.header .headerN .con .search .box input{float: left;width: 85%;height: 40px;line-height: 40px;background: #eee;color: #333;padding: 0 10px;box-sizing: border-box;}
.header .headerN .con .search .box button{float: right;width: 15%;height: 40px;line-height: 40px;text-align: center;background: #d71e1e url(../images/h_icon7.png) no-repeat center;}
.header .headerN ul{float: left;width: 860px;}
.header .headerN ul li{float: left;text-align: center;width: 16.66%;position: relative;}
.header .headerN ul li a{display: block;width: 100%;color: #fff;}
.header .headerN ul li dl{display: none;width: 100%;background: rgba(0,0,0,0.5);position: absolute;left: 0;top: 60px;z-index: 100;}
.header .headerN ul li dl a{display: block;width: 100%;line-height: 30px;text-align: center;color: #fff;padding: 5px 0;transition: all .5s;}
.header .headerN ul li.active  dl a{color: #fff;}
.header .headerN ul li a:hover,.header .headerN ul li.active a{color: #d71e1e;}
.header .headerN ul li:hover dl{display: block;}
.header .headerN ul li dl a:hover{background: rgba(215,30,30,0.8);color: #fff;}

/*banner*/
#ban{height: 640px;}
#ban .banner{height: 640px;position: relative;}
.banner ul li{position: absolute;height: 640px;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: 640px;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;}

/*footer*/
.footer{width: 100%;background: #252932;padding-top: 65px;}
.footer h2{font-size: 20px;color: #fff;font-weight: bold;height: 60px;}
.footer .footerN{width: 290px;height: 244px;margin-right: 70px;border-right: 1px solid rgba(255,255,255,.1);}
.footer .footerN li{float: left;width: 140px;margin-bottom: 15px;}
.footer .footerN li a{display: block;color: #fff;}
.footer .footerN li a:hover{color: #d71e1e;}
.footer .footerP{width: 660px;}
.footer .footerP ul li{float: left;font-size: 15px;color: #a6a7a9;padding-left: 55px;position: relative;width: 290px;line-height: 100%;margin-bottom: 50px;background: url(../images/f_ico2.png) no-repeat 0 8px;}
.footer .footerP ul li:before{content: "";position: absolute;left: 40px;top: 5px;width: 1px;height: 40px;background: #5d6167;}
.footer .footerP ul li:nth-of-type(2){background: url(../images/f_ico1.png) no-repeat 0 11px;}
.footer .footerP ul li:nth-of-type(3){background: url(../images/f_ico3.png) no-repeat 0 7px;}
.footer .footerP ul li:nth-of-type(4){background: url(../images/f_ico4.png) no-repeat 0 6px;}
.footer .footerP ul li:nth-of-type(2n){margin-left: 10px;}
.footer .footerP ul li i{display: block;font-size: 16px;padding-top: 12px;line-height: 25px;}
.footer .footerP ul li:nth-of-type(3) i,.footer .footerP ul li:nth-of-type(4) i{font-size: 14px;}
.footer .footerE{padding-top: 60px;padding-left: 60px;height: 244px;border-left: 1px solid rgba(255,255,255,.1);box-sizing: border-box;}
.footer .footerE img{display: block;width: 100px;height: 100px;}
.footer .footerE span{display: block;text-align: center;color: #a5a6a8;padding-top: 10px;}
.footer .footerB{height: 50px;line-height: 50px;color: #a6a7a9;background: #000;margin-top: 20px;}
.footer .footerB a{color: #a6a7a9;}
.footer .footerB .copy span{padding-right: 10px;}
.footer .footerB .link a{margin-right: 10px;}
.footer .footerB a:hover{color: #fff;}