@charset "utf-8";

*, :after, :before {
    box-sizing: border-box;
}
html, body{overflow-y: auto;}

::-webkit-scrollbar-track-piece{width: 10px; background-color: #f2f2f2}
::-webkit-scrollbar{width: 5px; height: 6px}
::-webkit-scrollbar-thumb{height: 50px; background-color: #c43032;}

.container{width: 80%;}

.header{width: 100%; height: 100px;}
.header_cot{height: 100%; display: flex; justify-content: space-between; align-items: center;}
.header_nav ul li{float: left; margin-right: 5px;}
.header_nav ul li h3 a{display: block; width: 120px; height: 40px; line-height: 40px; font-size: 16px; text-align: center; }
.header_nav ul li.on h3 a{background-color: #c43032; color: #fff;}
.header_nav ul li h3 a:hover{color: #fff; background-color: #c43032;}
.header_nav ul li.last_li{margin-right: 0; margin-left: 40px;}
.header_nav ul li.last_li i{font-size: 20px; line-height: 40px; color: #999; font-weight: 100; cursor: pointer;}


.menu_phone{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 60px; box-shadow: 0 0 9px rgba(0, 0, 0, 0.3); background-color: #fff; z-index: 99;}
.menu_phone .container{display: flex; justify-content: space-between; align-items: center;}
.menu_phone .logo{width: 190px;}
.menu_phone .logo img{display: block; width: 100%; height: auto;}
.menu_phone.lateral-menu-is-open{transform: translateX(-66%); -webkit-transform: translateX(-66%); -moz-transform:translateX(-66%);-ms-transform:translateX(-66%); -o-transform:translateX(-66%); transition:all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;}

.index-banner{width: 100%; height: auto;}
.index-banner .bg{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}

.index-banner .pc_img{ display: block; width: 100%; height: auto;}
.index-banner .pc_img img{ width: 100%; height: auto;}

.index-banner .phone_img{ display: none;}
.index-banner .phone_img img{ width: 100%; height: auto;}

.index-banner .txt{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; color: #fff;}
.index-banner .table{display: table; width: 80%; height: 100%; margin: 0 auto;}
.index-banner .table .cell{display: table-cell; vertical-align: middle;}
.index-banner .table .cell h1{font-size: 68px; margin-bottom: 23px;}
.index-banner .table .cell h2{font-size: 20px; opacity: 0.5; margin-bottom: 40px; font-family: Arial, Helvetica, sans-serif;}
.index-banner .table .wz span{display: block;}
.index-banner .table .dianji a{box-sizing: border-box; display: inline-block; width: 170px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; border: 1px solid transparent;}
.index-banner .table .dianji .a1{background-color: #c43032; margin-right: 20px;}
.index-banner .table .dianji .a2{border: 1px solid #fff;}
.index-banner .table .dianji .a1:hover{border-color: #fff; background-color: transparent;}
.index-banner .table .dianji .a2:hover{border-color: transparent; background-color: #c43032;}
.index-banner .swiper-pagination-bullet{width: 30px; height: 30px; line-height: 30px; color: #fff; border-radius: 50px; opacity: 1; border: 1px solid #fff; background-color: transparent;}
.index-banner .swiper-pagination-bullet-active{background-color: #fff; color: #333;}
.banner_prev, .banner_next{width: 60px; height: 60px; text-align: center; background-color: #c43032; background-image: none;}
.banner_prev{left: 0;}
.banner_next{right: 0;}
.banner_prev i, .banner_next i{color: #fff; line-height: 60px; font-size: 30px;}

.index1{width: 100%; padding: 120px 0 80px 0;}
.index1 ul li{float: left; width: 31%; margin: 0 1%; text-align: center;	transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.index1 ul li .txt{box-sizing: border-box; width: 100%; height: 345px; border: 1px solid #ccc; background-color: #fbfcfc;}
.index1 ul li .img{box-sizing: border-box; width: 100px; height: 100px; margin: 0 auto; margin-top: -50px; margin-bottom: 30px; position: relative; background-color: #c43032; border-radius: 50%; 	transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.index1 ul li .img img{position: absolute; left: 50%; top: 50%; max-width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.index1 ul li .img1{opacity: 1;}
.index1 ul li .img2{opacity: 0;}
.index1 ul li h1{margin-bottom: 20px; font-size: 24px; color: #1c334a;}
.index1 ul li .nr{width: 60%; margin: 0 auto; margin-bottom: 28px; text-align: left;}
.index1 ul li .nr p{font-size: 18px; line-height: 26px; color: #666;}
.index1 ul li .more{text-align: center;}
.index1 ul li .more a{display: inline-block; width: 136px; height: 38px; line-height: 38px; font-size: 15px; border: 1px solid #ccc; color: #999;}
.index1 ul li .more a:hover{background-color: #c43032; color: #fff;}
.index1 ul li:hover .txt{background-color: #fff;}
.index1 ul li:hover .img{background-color: #fff; border: 2px solid red;}
.index1 ul li:hover .img1{opacity: 0;}
.index1 ul li:hover .img2{opacity: 1;}

.index_title{text-align: center; margin-bottom: 45px;}
.index_title h1{font-size: 32px; font-family:黑体; color: #1c334a; margin-bottom: 13px;}
.index_title h2{font-size: 18px; letter-spacing:2px; font-family: Arial, Helvetica, sans-serif; color: #a1b1bc;}

.index2{width: 100%; padding-bottom: 80px;}
.index2_main{width: 100%; position: relative; margin-bottom: 60px;}
.index2-btn{position: absolute; top: 40%; width: 50px; height: 50px; border-radius: 50%; text-align: center; cursor: pointer; background-color: #1c334a; color: #fff; z-index: 10;}
.index2-btn i{line-height: 50px; text-align: center; font-size: 20px;}
.index2_prev{left: 0;}
.index2_next{right: 0;}
.index2-container{width: 90%;}
.index2-container .img{background-repeat: no-repeat; background-position: center center; background-size: cover;}
.index2-container .img img{display:block; width: 100%; height: auto;}
.index2 .nr{width: 90%; margin: 0 auto;}
.index2 .nr p{font-size: 18px; line-height: 35px; text-indent: 2em;}

.index3{width: 100%; padding: 80px 0; background-color: #c43032;}
.index3 .container{width: 95%; max-width: 1200px;}
.index3 ul{display: flex; justify-content: space-between;}
.index3 ul li{width: 30%; display: flex; justify-content: center; align-items: center; color: #fff;}
.index3 ul li img{max-width: 100%; margin-right: 5%;}
.index3 ul li .txt h1{font-size: 25px; margin-bottom: 15px;}
.index3 ul li .txt h1 span{font-size: 20px;}
.index3 ul li .txt h2{font-size: 18px; color: #dfe4e8;}
.index3 ul li .txt h2 span{display: block;}

.index4{width: 100%; padding: 80px 0;}
.index4_bt{width: 140px; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; margin-bottom: 35px; color: #fff; font-size: 16px; background-color: #c43032;}
.index4_main{position: relative;}
.index4_main ul li{float: left; width: 20%; text-align: center;}
.index4_main ul li h1{font-size: 18px; margin-bottom: 20px; color: #526377;}
.index4_main .d_line{ width: 100%; height: 2px; background-color: #171d22;}
.index4_main ul li .yuan{width: 16px; height: 16px; margin: 0 auto; margin-top: -10px; margin-bottom: 25px; border-radius: 50%; background-color: #0d2329;}
.index4_main ul li h3{margin-bottom: 40px;}
.index4_main ul li .x_line{width: 38px; height: 2px; margin: 0 auto; margin-bottom: 40px; background-color: #171d22;}
.index4_main ul li h4{font-size: 24px; margin-bottom: 25px;}
.index4_main ul li .nr{width: 80%; margin: 0 auto; text-align: left;}
.index4_main ul li .nr p{font-size: 18px; color: #526377; line-height: 25px;}

.index5{width: 100%; padding: 80px 0; background: url(../images/index5-bg.jpg) no-repeat top center; background-size: cover;}
.index5 .container{width: 90%; max-width: 1300px;}
.index5_bt{text-align: center; margin-bottom: 80px;}
.index5_bt h1{color: #fff; font-size: 32px; margin-bottom: 23px;}
.index5_bt h2{padding: 8px 10px; display: inline-block; font-size: 22px; background-color: #c43032; color: #d3d3d3;}
.index5_item{margin-bottom: 60px;}
.index5_item .hd ul li{box-sizing: border-box; float: left; width: 15%; margin: 0 0.8%; padding: 1% 0; margin-bottom: 15px; border: 1px solid #b7b7b7; cursor: pointer; text-align: center; color: #fff;}
.index5_item .hd ul li img{display: block; max-width: 100%; margin: 0 auto; margin-bottom: 10px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.index5_item .hd ul li .img1{display: block;}
.index5_item .hd ul li .img2{display: none;}
.index5_item .hd ul li p{font-size: 20px; font-weight: 100;	transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.index5_item .hd ul li.on .img1{display: none;}
.index5_item .hd ul li.on .img2{display: block;}
.index5_item .hd ul li.on p{color: #fe0002;}
.index5_item .bd .txt{box-sizing: border-box; margin-top: 50px; padding: 0 0.5%; color: #fff; font-size: 20px; line-height: 25px;}
.index5 .index_more{text-align: center;}
.index5 .index_more a{display: inline-block; width: 170px; height: 50px; line-height: 50px; color: #fff; font-size: 18px; text-align: center;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); background-color: #c43032;}

.index6{width: 100%; padding: 80px 0;}
.index6_main{width: 100%; position: relative; margin-bottom: 60px;}
.index6-btn{position: absolute; top: 40%; width: 50px; height: 50px; border-radius: 50%; text-align: center; cursor: pointer; background-color: #1c334a; color: #fff; z-index: 10;}
.index6-btn i{line-height: 50px; text-align: center; font-size: 20px;}
.index6-btn:hover{background-color: #c43032;}
.index6_prev{left: 0;}
.index6_next{right: 0;}
.index6-container{width: 85%;}
.index6-container .img{background-repeat: no-repeat; background-position: center center; background-size: cover;}
.index6-container .img img{display:block; width: 100%; height: auto;}
.index6-container .txt{box-sizing: border-box; position: relative; width: 100%; padding: 10% 0; height: 100px; background-color: #e8e9f2;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.index6-container .txt::before{content: ""; position: absolute;  top: -15px; left: 65px; width: 0px; height: 0px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #e8e9f2;}
.index6-container .txt h1{width: 80%; margin: 0 auto; font-size: 18px; color: #2c3e50;}
.index6-container .swiper-slide:hover .txt{background-color: #c43032;}
.index6-container .swiper-slide:hover .txt::before{border-bottom: 15px solid #c43032;}
.index6-container .swiper-slide:hover .txt h1{color: #fff;}
.index6 .index_more{text-align: center;}
.index6 .index_more a{display: inline-block; width: 170px; height: 50px; line-height: 50px; color: #fff; font-size: 18px; text-align: center;box-shadow: 5px 5px 5px #999; background-color: #c43032;}

.index7{width: 100%;  padding: 50px 0;}
.index7 .container{width: 90%; max-width: 1200px;}
.index7_left {width: 75%;}
.index7_left .outHd{float: left; width: 80%; position: relative;}
.index7_left .outHd .index7_left .outHd .nr_box{position: relative;}
.index7_left .outHd .slideBox{width: 100%; position: relative; height: 420px; }
.index7_left .outHd .slideBox .bd{position:relative; height:100%; z-index:0;}
.index7_left .outHd .slideBox .bd li{width: 100%; height: 100%; position: relative;}
.index7_left .outHd .slideBox .bd li .img{width: 100%; height: 420px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.index7_left .outHd .slideBox .bd li .img img{display: none; width: 100%; height: auto;}
.index7_left .outHd .slideBox .bd li{ zoom:1; vertical-align:middle; }
.index7_left .outHd .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:20px; bottom:10px; z-index:1; }
.index7_left .outHd .slideBox .hd ul{ overflow:hidden; zoom:1;}
.index7_left .outHd .slideBox .hd ul li{display: inline-block; width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; background-color: #fff; cursor:pointer; }
.index7_left .outHd .slideBox .hd ul li.on{ background:#f00; color:#fff; }
.index7_left .outHd .over{position: absolute; left: 0; top: 0; width: 50%; height: 100%;}
.index7_left .outHd .over::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #2c3e50; opacity: 0.8;}
.index7_left .outHd .txt{box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; padding: 5%; color: #fff;}
.index7_left .outHd .txt h1{font-size: 27px; font-weight: bold; margin-bottom: 18px;}
.index7_left .outHd .txt h2{font-size: 20px; margin-bottom: 20px; line-height: 25px;}
.index7_left .outHd .txt h2 span{display: block;}
.index7_left .outHd .txt h3{font-size: 15px; margin-bottom: 45px;}
.index7_left .outHd .txt h3 span{display: block;}
.index7_left .outHd .txt .more a{display: inline-block; width: 140px; height: 40px; line-height: 40px; font-size: 15px; font-family: 黑体;text-align: center; background-color: #c43032; }
.index7_left .outBd{float: right; width: 15%;}
.index7_left .outBd ul li{width: 100%; height: 120px; margin-bottom: 30px; cursor: pointer; color: #fff;}
.index7_left .outBd ul li:last-child{margin-bottom: 0;}
.index7_left .outBd ul li .img{position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.index7_left .outBd ul li .img img{display: none; width: 100%; height: auto;}
.index7_left .outBd ul li .overlay{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.index7_left .outBd ul li .overlay h1{display: flex; justify-content: center; align-items: center; width: 100%; height: 70%; font-size: 45px; background-color: #c43032;}
.index7_left .outBd ul li .overlay h2{display: flex; justify-content: center; align-items: center; width: 100%; height: 30%; font-size: 16px; font-family: Arial, Helvetica, sans-serif; background-color: #1c334a;}
.index7_left .outBd ul li.on .overlay{opacity: 1;} 
.index7_right {width: 22%;}
.index7_right .lis{margin-bottom: 15px;}
.index7_right .lis h1{font-size: 18px; font-weight: bold; color: #2c3e50; margin-bottom: 15px;}
.index7_right .lis p{font-size: 14px; line-height: 20px; color: #526377;}
.index7_right .index_more{margin-top: 20px;}
.index7_right .index_more a{display: inline-block; width: 170px; height: 50px; line-height: 50px; color: #fff; font-size: 18px; text-align: center;box-shadow: 5px 5px 5px #999; background-color: #c43032;}

.index8{width: 100%; padding: 80px 0; background-color: #e8eef2;}
.index8_bt{text-align: center; color: #526377; font-size: 22px; margin-bottom: 60px;}
.index8_main{width: 100%; position: relative; }
.index8-btn{position: absolute; top: 25%; width: 30px; height: 30px;  text-align: center; cursor: pointer; background-color: #d8dfe4; color: #526377; z-index: 10;}
.index8-btn i{line-height: 30px; text-align: center; font-size: 16px;}
.index8_prev{left: 0;}
.index8_next{right: 0;}
.index8-btn:hover{background-color: #c43032; color: #fff;}
.index8-container{width: 90%;}
.index8-container .img{margin-bottom: 15px; text-align: center;}
.index8-container .img img{ max-width: 100%; border-radius: 50%;}
.index8-container .txt{text-align: center;}
.index8-container .txt h1{font-size: 18px; font-weight: bold; color: #2c3e50; margin-bottom: 15px; text-align: center;}
.index8-container .txt p{font-size: 15px; color: #526377;}

.index9{width: 100%; padding:80px 0;}
.index9-container{box-sizing: border-box; width: 120%; padding: 5px;}
.index9-container .swiper-slide{width: 25%;}
.index9-container .item{width: 100%; height: 330px;border-radius: 10px; box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);}
.index9-container .item .img{width: 35%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.index9-container .item .txt{width: 65%; height: 100%;}
.index9-container .item .txt .wz{box-sizing: border-box; width: 100%; height: 100%; padding: 30px;}
.index9-container .item .txt h1{font-size: 24px; color: #030303; margin-bottom: 15px;}
.index9-container .item .txt h2{font-size: 18px; font-weight: bold; color: #000; margin-bottom: 25px;}
.index9-container .item .txt .line{width: 72px; height: 1px; background-color: #000; margin-bottom: 15px;}
.index9-container .item .txt .nr {margin-bottom: 25px;}
.index9-container .item .txt .nr p{font-size: 14px; line-height: 25px; height: 100px; color: #526377;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;}
.index9-container .item .wz_bottom{display: flex; justify-content: space-between; align-items: center;}
.index9-container .item .wz_bottom h4{width: 60%;}
.index9-container .item .wz_bottom h4 img{margin-right: 10px;}
.index9-container .item .wz_bottom h5{width: 10%;}
.index9-container .item .wz_bottom h5 img{max-width: 100%;}

.index10{width: 100%; padding-bottom: 80px;}
.index10 .nr{width: 90%; margin:0 auto; text-align: center; margin-bottom: 60px;}
.index10 .nr p{font-size: 20px; color: #526377; }
.index10 ul li{float: left; width: 18%; margin: 0 1%; margin-bottom: 10px;}
.index10 ul li img{display: block; width: 100%; height: 70px;}

.footer{width: 100%; padding: 80px 0; color: #fff; background-color: #222533;}
.footer .container{width: 90%; max-width: 1200px;}
.footer .item{display: flex; justify-content: space-between; flex-wrap: wrap;}
.footer .item .lis h1{font-size: 16px; font-weight: bold; letter-spacing:3px; margin-bottom: 20px;}
.footer .item .lis ul li{margin-bottom: 10px;}
.footer .item .lis ul li a{font-size: 14px;}
.footer .item .lis ul li h1{font-size: 18px; color: #fff;}
.footer .item .lis ul li h1 a:hover{color: #c43032!important;}
.footer .item .lis ul li a:hover{color: #c43032!important;}

.footer_bottom{width: 100%; padding: 30px 0; background-color:#171d22; color: #fff;}
.footer_bottom a:hover{color: #c43032;}
.footer_bottom .container{height: 100%; width: 90%; max-width: 1200px; display: flex; justify-content: space-between; align-items: center;}
.footer_bottom .p2{position: relative;}
.footer_bottom .p2 a{margin-right: 15px;}
.footer_bottom .p2 i{font-size: 16px; color: #a1b1bc;}
.footer_bottom .p2 i:hover{color: #fff;}
.footer_bottom .p2 .a3 img{display: none; position: absolute; right:0px;  top: -105px; width: 100px; height: 100px;}
.footer_bottom .p2 .a3:hover img{display: block;}