*{margin:0;padding:0}
body,html{width:100%;height:100%;background:#fff;font-family:"微软雅黑";color:#333;font-size:14px;}
a{color:#333;font-size:14px;text-decoration:none}
a:hover{text-decoration:none;color:#8c1c25}
li,ol,ul{list-style:none}
input,textarea{font-family:"微软雅黑"}
b,em,h1,i,strong{font-style:normal;font-weight:400}

.main{width:1430px;margin:auto;clear:both;position:relative;}
.w1200{ width: 1200px;margin:auto;clear:both;position:relative;}
.w1335{ width: 1335px;margin:auto;clear:both;position:relative;}
.fl{float:left}
.fr{float:right}
img{border:none;display:inline-block;}
.clearfix{clear:both}

.top{ width: 100%; height: 40px; background: #cf000e; text-align: right; overflow: hidden;}
.top span{ display: inline-block; border-right: 1px solid #db404a; line-height: 40px; color: #ec999f; font-size: 14px; background: url(../image/ico1.png) 10px center no-repeat;}
.top span.ico2{ background-image: url(../image/ico2.png);}
.top span.ico3{ background-image: url(../image/ico3.png);}
.top span.ico4{ background-image: url(../image/ico4.png);}
.top span.ico5{ background-image: url(../image/ico5.png);}
.top span.ico6{ background-image: url(../image/ico6.png);}
.top span a{ color: #ec999f; font-size: 14px; padding: 0px 10px 0px 30px; float: left;}
.top span.ico4 a,.top span.ico5 a,.top span.ico6 a{ display: inline-block; width: 20px;height: 40px; padding: 0px 10px;}

.header{ width: 100%; height: 84px; background: #fff;}
.header .logo{ float: left; padding-top: 15px;}
.header .nav{ float: right;}
.header .nav li{ float: left;}
.header .nav li a{ display: block;text-align: center; padding: 25px 20px 15px; height: 44px;}
.header .nav li a h4{ color: #3b3b3b; font-size: 18px; font-weight: normal;}
.header .nav li a h5{ color: #848484; font-size: 12px; font-weight: normal;}

.banner { position: relative; width: 100%; overflow: hidden} 
.banner .tempWrap{ margin: 0 auto;}
.banner .bd li{text-align: center; position: relative; width: 1920px;height: 781px;overflow: hidden;}
.banner .bd li .img{ position: absolute; height: 781px;left: 50%; width: 1920px; margin-left: -960px; text-align: center;}
.banner .bd li .img img{width: 1920px; height: 781px; display: block;}
.banner .prev,
.banner .next{ position:absolute; left:0; top:260px; display:block; width:43px; height:76px; background:url(../image/left.png) no-repeat; }
.banner .next{ left:auto; right:0; background:url(../image/right.png) no-repeat; }

.banner .bannerNav{ position: absolute; bottom: 0; left: 0; right: 0;}
.banner .bannerNav ul{ display: flex; align-items:flex-end}
.banner .bannerNav ul li{ flex: 1; border-right: 1px solid #363c79;}
.banner .bannerNav ul li a{ display: block; height: 200px; position: relative; background: url(../image/navBg1.png) repeat; text-align: center;opacity: 0.7;}
.banner .bannerNav ul li a span{ color: #fff; display: block; font-size: 18px; padding-top:115px; line-height: 30px; position: relative;}
.banner .bannerNav ul li a span::before{ position: absolute; content: ''; left: 50%; margin-left: -40px; top: 35px; width: 80px; height: 80px; background: url(../image/nav1.png) no-repeat;}
.banner .bannerNav ul li a span.nav2::before{ background-image: url(../image/nav2.png);}
.banner .bannerNav ul li a span.nav3::before{ background-image: url(../image/nav3.png);}
.banner .bannerNav ul li a span.nav4::before{ background-image: url(../image/nav4.png);}
.banner .bannerNav ul li a span.nav5::before{ background-image: url(../image/nav5.png);}
.banner .bannerNav ul li a span.nav6::before{ background-image: url(../image/nav6.png);}
.banner .bannerNav ul li a span.nav7::before{ background-image: url(../image/nav7.png);}
.banner .bannerNav ul li a span.nav8::before{ background-image: url(../image/nav8.png);}
.banner .bannerNav ul li a:hover{ background: url(../image/navBg3.png) repeat; height: 260px;opacity:1;}
.banner .bannerNav ul li a:hover::after{ position: absolute; content: ''; right: 0; bottom: 0; width: 36px; height: 31px; background: url(../image/navBg2.png) no-repeat;}
.banner .bannerNav ul li a:hover span{ padding-top: 150px;}
.banner .bannerNav ul li a:hover span::before{ top: 70px;}

.index1{ width: 100%; height: auto; padding: 85px 0px 130px; background: #fff;}
.index1 .tit{ position: absolute; left: 0; top: 0; width: 200px;}
.index1 .tit h4{ color: #050101; font-size: 20px; position: relative; padding-left: 18px; font-weight: normal;}
.index1 .tit h4::before{ position: absolute;content: ''; left: 0px; height: 18px; width: 3px; background: #b31a20; top: 6px;}
.index1 .tit h5{ color: #dbdbdd; font-size: 14px; padding-top: 5px; font-weight: normal;}
.index1 .hd{ text-align: right; height: 50px; margin-bottom: 85px;}
.index1 .hd li{ display: inline-block; width: 140px; height: 50px;text-align: center; color: #b31a20; font-size: 16px; margin-left: 50px; background: #f6f6f8; line-height: 50px; cursor: pointer;}
.index1 .hd li.on{ background: #b31a20; color: #fff;}
.index1 .bd{ width: 100%; height: auto;}
.index1 .bd ul{ overflow: hidden;}
.index1 .bd .item{ width: 100%;height: 300px; clear: both;}
.index1 .bd .item .img,.index1 .bd .item .con{ width: 600px; height: 300px; float: left; position: relative; background: #f6f6f8; }
.index1 .bd .item .img img{ position: absolute; right: 0;}
.index1 .bd .itemR .img img{ right: auto; left: 0;}
.index1 .bd .item .con .tit{ position: absolute; left: 0; bottom: 0; width: 90px; height: 60px; text-align: center; line-height: 60px; color: #fff; background: #cd233e; font-size: 14px;}
.index1 .bd .item .con .time{ position: absolute; left: 30px; top: 60px; width: 105px; border-bottom: 1px solid #dcdcde; line-height: 30px;}
.index1 .bd .item .con .time h4{ font-size: 20px;}
.index1 .bd .item .con .time h5{ font-weight: normal; font-size: 14px; padding-bottom: 30px;}
.index1 .bd .item .con .text{ padding: 60px 30px 0px 170px; overflow: hidden;}
.index1 .bd .item .con .text h5{ padding-bottom: 20px;}
.index1 .bd .item .con .text h5 a{ font-size: 20px;}
.index1 .bd .item .con .text p{ font-size: 14px; line-height: 24px; overflow: hidden;}
.index1 .bd .item .con .text p a.more{ float: right;}

.index2{ width: 100%; background: #1f2324 url(../image/bg2.jpg) center no-repeat; height: 500px; position: relative;}
.index2 .tit{ text-align: center; padding: 50px 0px;}
.index2 .tit h4{ color: #fff; font-size: 20px; padding-bottom: 15px; font-weight: normal;}
.index2 .tit h5{ color: #fff; font-size: 14px; padding-bottom: 10px; position: relative; line-height: 24px;}
.index2 .index2List{ width: 100%; height: 300px; overflow: hidden;}
.index2 .index2List li{ float: left; width: 400px;}
.index2 .index2List li a{display: block; height: 230px; padding: 70px 55px 0; position: relative;}
.index2 .index2List li a::before{ position: absolute; content: ''; right: 0px; top: 40px; bottom: 20px; background: #e4e5e9; width: 1px;}
.index2 .index2List li a h3{ font-size: 16px; padding-bottom: 30px; line-height: 30px;}
.index2 .index2List li a p{ color: #5c5c5c; font-size: 14px; line-height: 24px;}

.index3{ width: 100%; background: #fff; height: 770px; position: relative;}
.index3::before{position: absolute; content: ''; left: 0; right: 0; top: 0; height: 520px; background: #f6f6f8;}
.index3 .tit{position: absolute; left: -210px; top: 0px;}
.index3 .tit1{ text-align: center; padding: 30px 0px;}
.index3 .tit1 h4{ color: #050101; font-size: 20px; padding-bottom: 10px; font-weight: normal;}
.index3 .tit1 h5{ color: #050101; font-size: 14px; padding-bottom: 10px; position: relative;}
.index3 .tit1 h5::before{ position: absolute; content: ''; left: 50%; top: 35px; margin-left: -8px; width: 16px; height: 3px; background: #d0213e;}
.index3 .index3List{ width: 100%; height: 250px; background: #edeef2; overflow: hidden;}
.index3 .index3List li{ float: left; width: 300px;}
.index3 .index3List li a{display: block; height: 200px; padding: 50px 25px 0; position: relative;}
.index3 .index3List li a:hover{ background: #fff;}
.index3 .index3List li a::before{ position: absolute; content: ''; right: 0px; top: 40px; bottom: 20px; background: #e4e5e9; width: 1px;}
.index3 .index3List li a h3{ font-size: 16px; padding-bottom: 20px;}
.index3 .index3List li a p{ color: #5c5c5c; font-size: 14px; line-height: 24px;}
.index3 .index3List li a h5{ margin-top: 25px; height: 30px; position: absolute; left: 25px; right: 25px; bottom: 30px;}
.index3 .index3List li a h5::before{ position: absolute; content: ''; right: 0px; top: 0px; width: 30px; height: 30px; background: url(../image/ico11.png) no-repeat;}

.index4{ width: 100%; background: #f6f6f8; height: 624px; padding: 80px 0px; position: relative;}
.index4::before{position: absolute; content: ''; left: 0; right: 0; bottom: 80px; height: 520px; background: #ffffff;}
.index4 .img{ position: absolute; top: 0; right: 715px;}
.index4 .fr{ width: 570px;}
.index4 .fr .tit{ text-align: right; padding-right: 65px;}
.index4 .fr .tit h4{ color: #050101; font-size: 20px; position: relative; padding-right: 18px; font-weight: normal;}
.index4 .fr .tit h4::before{ position: absolute;content: ''; right: 0px; height: 18px; width: 3px; background: #b31a20; top: 6px;}
.index4 .fr .tit h5{ color: #dbdbdd; font-size: 14px; padding-top: 5px; font-weight: normal;}
.index4 .fr .con{ padding-top: 116px; width: 100%;}
.index4 .fr .con h1{ color: #2b2b2b; font-size: 24px; padding-bottom: 45px; position: relative;}
.index4 .fr .con h1::before{ position: absolute; content: ''; left: 0px; bottom: 20px; width: 15px; height: 3px; background: #b31a20;}
.index4 .fr .con p{ color: #2b2b2b; font-size: 15px; line-height: 24px; padding-bottom: 30px;}
.index4 .fr .con a{ display: inline-block; width: 280px; height: 52px; background: #cd233e; color: #ffffff; font-size: 15px; text-align: center; line-height: 52px; margin-top: 20px;}

.contact{ width: 100%; height: 585px; overflow: hidden; position: relative; background: #fff;}
.contact::before{position: absolute; content: ''; left: 0; top:262px; right: 0; bottom: 0; background: #2a2a2a;}
.contact .w1335{ height: 532px; background: url(../image/bg5.jpg) center top no-repeat; padding-top: 53px; }
.contact .contact1{ float: left; width: 540px; height: 455px; background: #b31a20; padding: 50px 30px 0px 50px;}
.contact .contact1 h1{ color: #ffffff; font-size: 18px; font-weight: bold; padding-left: 15px; position:relative; padding-bottom: 15px;}
.contact .contact1 h1::before{ position: absolute; content: ''; left: 0px; height: 18px; width: 3px; background: #fff; top: 4px;}
.contact .contact1 h5{ color: #ffffff; font-size: 16px; padding-left: 15px;}
.contact .contact1 .form{ padding-top: 40px;}
.contact .contact1 .form .formItem{ margin-bottom: 22px; overflow: hidden;}
.contact .contact1 .form .formItem p{ float: left; width: 250px;}
.contact .contact1 .form .formItem p:last-child{ margin-left: 35px;}
.contact .contact1 .form .formItem p input{ width: 230px; border: 0px none; background: #fff; height: 45px; line-height: 45px; padding: 0px 10px; outline: none;}
.contact .contact1 .form .formItem textarea{ padding: 10px; width: 515px; background: #fff; border: 0px none; height: 180px; outline: none;}
.contact .contact2{ float: left; width: 520px; padding-left: 50px; padding-top: 300px;}
.contact .contact2 p{ color: #afafaf; font-size: 15px; line-height: 25px;}
.contact .contact3{ float: right; padding-top: 285px; text-align: center; color: #afafaf; font-size: 15px;}
.footer{ width: 100%; height: 76px; overflow: hidden; background: #fff; text-align: center; line-height: 76px;}
.btns{background-color: #e11d07; color: #FFF;width: 70px;height: 50px;}