@charset "utf-8";
.wrapper{background: #f5f5f5;}
.container{position: relative;}
.col-a{padding-top: 93px;padding-bottom: 73px;background: url(bg.png)no-repeat top center;background-size: cover;}
.col-a .bd{display: flex;justify-content: space-between;}
.col-a .bd .bd1{width: 842px;}
.col-a .bd .bd1 .t1{color: #9a1e23;line-height: 30px;font-size: 20px;}
.col-a .bd .bd1 .t2{color: #333333;line-height: 48px;font-size: 38px;font-weight: bold;margin-top: 14px;}
.col-a .bd .bd1 .t3{color: #888888;line-height: 36px;font-size: 18px;margin-top: 60px;}
.col-a .bd .bd1 .more{margin-top: 50px;}
.col-a .bd .bd1 .more a{width: 180px;height: 48px;color: #888888;font-size: 16px;border: solid 1px #888888;text-align: center;line-height: 48px;display: block;}
.col-a .bd .bd1 .more a:hover{background: #9a1e23;color: white;border: solid 1px #9a1e23;}

.col-a .bd .bd2{width: calc(100% - 842px);position: relative;padding-left: 48px;box-sizing: border-box;padding-top: 125px;}
.col-a .bd .bd2 .pc1{position: absolute;top: 0;right: 0;}
.col-a .bd .bd2 .pc2{position: relative;z-index: 1;}
.col-b{margin-top: 75px;}

.col-b .hd {display: flex;justify-content: space-between;align-items: center; }
.col-b .hd .h2{    color: #333333; line-height: 48px; font-size: 38px; font-weight: bold; }

.col-b .hd .more a{padding-right: 40px;background: url(ico2.png)no-repeat right center;font-size: 18px;line-height: 28px;display: block;color:#333333;}
.col-b .hd .more a:hover{color: #9a1e23;background: url(ico200.png)no-repeat right center;}



.col-b .swiper{overflow: hidden;margin-top: 50px;}
.col-b .swiper-slide{position: relative;}
.col-b .swiper-slide .pc {overflow: hidden;}
.col-b .swiper-slide .pc img{ width: 100%; transition:all 0.6s ease ; -webkit-transition:all 0.6s ease ; -moz-transition:all 0.6s ease ; -ms-transition:all 0.6s ease ; -o-transition:all 0.6s ease ; }
.col-b .swiper-slide:hover .pc img{ transform:scale(1.2) ; -webkit-transform:scale(1.2) ; -moz-transform:scale(1.2) ; -ms-transform:scale(1.2) ; -o-transform:scale(1.2) ; }
/*.col-b .swiper-slide::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);pointer-events: none;}*/
/*.col-b a{position: relative;display: flex;flex-direction: column;align-items: center;padding: 27px 0 13px 0;}*/
/*.col-b a .pc{margin-top: 5px;}*/
.col-b a .i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.col-b a .desc .d1{color: #333333;font-weight: bold;font-size: 20px;line-height: 30px;position: relative;text-align: center;}
.col-b a .desc .d1::after{content: "";left: 50%;bottom: -3px;border-bottom: 2px solid #9a1e23;width: 19px;position: absolute;margin-left: -10px;}
.col-b a .desc .d2{color: #333333;font-size: 16px;line-height: 26px;margin-top: 5px;text-align: center;}

.col-c1{padding: 50px 0 58px;}
.col-c .hd{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #d7d7d7;padding-bottom: 8px;}
.col-c .hd .tle{color: #333333;font-size: 32px;line-height: 47px;padding-left: 26px;position: relative;}
.col-c .hd .tle::after{content: "";left: 0;top: 50%;border-left: 6px solid #9a1e23;height: 33px;margin-top: -16px;position: absolute;}
.col-c .hd .more a{padding-right: 40px;background: url(ico2.png)no-repeat right center;font-size: 18px;line-height: 28px;display: block;color:#333333;}
.col-c .hd .more a:hover{color: #9a1e23;background: url(ico200.png)no-repeat right center;}
.col-c .bd {display: flex;margin-top: 23px;}
.col-c .bd .bd1{width: 304px;padding: 53px 30px 0;height: 745px;background: white;box-sizing: border-box;}
.col-c .bd .bd1 .t1{width: 30px;height: 8px;background-color: #9a1e23;}
.col-c .bd .bd1 .t2{color: #333333;font-size: 20px;line-height: 30px;margin-top: 40px;}
.col-c .bd .bd1 .t3{color: #333333;font-size: 24px;line-height: 34px;margin-top: 7px;}
.col-c .bd .bd1 .t4{color: #888;font-size: 16px;line-height: 26px;margin-top: 17px;}
.col-c .bd .bd1 .pc{margin-top: 55px;}
.col-c .bd .bd2{width: calc(100% - 304px);padding-left: 20px;}
.col-c .bd .bd2 ul{display: flex;flex-wrap: wrap;}
.col-c .bd .bd2 ul li{width: 304px;margin-right: 20px;margin-top: 20px;background: white;}
.col-c .bd .bd2 ul li:nth-child(4n){margin-right: 0;}
.col-c .bd .bd2 ul li:nth-child(-n+4){margin-top: 0;}
.col-c .bd .bd2 ul li a{display: block;padding: 20px 40px 0;height: 360px;box-sizing: border-box;text-align: center;}
.col-c .bd .bd2 ul li a .d1{color: #333333;font-size: 18px;line-height: 28px;}
.col-c .bd .bd2 ul li a .d2{color: #888888;font-size: 14px;line-height: 24px;}
.col-c .bd .bd2 ul li a .d3{color: #ff6700;font-size: 18px;line-height: 28px;margin-top: 10px;}
.col-c .bd .bd2 ul li a .pc img{ width: 100%; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; height: 218px;}
.col-c .bd .bd2 ul li a .pc {overflow: hidden;}
/* .col-c .bd .bd2 ul li:hover a .pc img{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } */

.col-d .swiper{overflow: hidden;}

.col-c2{padding: 50px 0 ;}

.col-c4{padding: 50px 0 ;}
.col-e{padding: 65px 0 64px;background: white;}
.col-e .hd  .h1{color: #9a1e23;line-height: 30px;font-size: 20px;}
.col-e .hd  .h2{color: #333333;line-height: 48px;font-size: 38px;font-weight: bold;margin-top: 15px;}
.col-e .bd{margin-top: 50px;}
.col-e .bd .swiper{overflow: hidden;}
.col-e .bd .swiper .swiper-wrapper{padding-bottom: 56px;}
.col-e .bd .desc{padding: 45px 30px 0 20px;height: 230px;box-sizing: border-box;position: relative;}
.col-e .bd .desc .mt{color: #333333;line-height: 30px;font-size: 20px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.col-e .bd .desc .mc{color: #888888;line-height: 32px;font-size: 16px;margin-top: 14px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.col-e .bd .desc .more{width: 66px;background: url(ico3.png) no-repeat center;height: 66px;text-align: center;line-height: 66px;color: #ffffff;font-size: 14px;position: absolute;top: -33px;left: 21px;}
.col-e .bd .swiper-slide:hover .desc .more{background: url(ico4.png) no-repeat center;}
.col-e .bd .swiper-slide:hover{box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.16);}
.col-e .bd .desc .time{position: absolute;right: 23px;bottom: 32px; color: #888888;font-size: 16px;line-height: 26px;}
.col-e .bd .swiper-slide{border: solid 1px #eaeaea;}

.col-f{padding: 54px 0;}
.col-f .bd{display: flex;background: white;padding: 50px 76px 116px 54px;}
.col-f .bd .bd1{width: calc(100% - 790px);}
.col-f .bd .bd1 .t1{color: #9a1e23;font-size: 20px;line-height: 30px;}
.col-f .bd .bd1 .t2{color: #333333;font-size: 38px;line-height: 48px;margin-top: 14px;}
.col-f .bd .bd1 .t3{color: #9a1e23;font-size: 48px;line-height: 58px;font-weight: bold;margin-top: 30px;}
.col-f .bd .bd2{width: 790px;padding-top: 73px;}
.col-f .bd .bd1 .mc{color: #333333;font-size: 24px;line-height: 55px;margin-top: 40px;}
.col-f .bd .bd1 .mc div{padding-left: 47px;}
.col-f .bd .bd1 .mc .m1{background: url(ico5.png) no-repeat left center;}
.col-f .bd .bd1 .mc .m2{background: url(ico6.png) no-repeat left center;}
.col-f .bd .bd1 .mc .m3{background: url(ico7.png) no-repeat left center;}
.col-f .bd .bd1 .mc .m4{background: url(ico8.png) no-repeat left center;}

.col-g {background: white;padding: 63px 0 50px;}
.col-g .hd  .h1{color: #9a1e23;line-height: 30px;font-size: 20px;}
.col-g .hd  .h2{color: #333333;line-height: 48px;font-size: 38px;font-weight: bold;margin-top: 15px;}
.col-g .bd{margin-top: 7px;}
.col-g .bd ul{display: flex;flex-wrap: wrap;}
.col-g .bd ul li{width: 20%;border: 1px solid #f5f5f6;}
.col-g .bd ul li a{display: flex;align-items: center;justify-content: center;}

.col-c16{padding:60px 0 50px;}
.col-c8{margin-bottom: 50px;}
.col-c15{margin-bottom: 50px;}
.col-c22{padding-bottom: 60px;}
@media (max-width: 1640px) {
    .col-a{padding-top: 60px;padding-bottom: 60px;}
    .col-a .bd .bd1{width: 600px;}
    .col-a .bd .bd2{width: calc(100% - 600px);padding-top: 50px;}
    .col-b{margin-top: 60px;}
    .col-c .bd .bd2 ul li{width: 204px;}
    .col-c .bd .bd2 ul li a{padding: 20px 20px 0;}
    .col-e{padding: 60px 0;}
    .col-f .bd{padding: 40px;}
    .col-f .bd{justify-content: space-between;}
    .col-f .bd .bd2{width: 600px;}
    .col-f .bd .bd1{width: calc(100% - 600px);}
    .col-f .bd .bd1 .mc .m4{    background: url(ico8.png) no-repeat left top 14px;}
    .col-g{padding: 60px 0;}










}
@media (max-width: 1240px) {
    .col-a{padding-top: 40px;}
    .col-a .bd .bd1{width: 450px;}
    .col-a .bd .bd2{width: calc(100% - 450px);}
    .col-a .bd .bd2 .pc2 img{width: 450px;}
    .col-c .bd .bd2 ul li{width: 180px;}
    .col-c .bd .bd1{width: 200px;}
    .col-e{padding: 40px 0;}
    .col-b{margin-top: 40px;}
    .col-c1{padding: 40px 0;}
    .col-c .bd .bd2{width: calc(100% - 200px);}
    .col-c2{padding: 40px 0;}
    .col-c16{padding: 40px 0;}
    .col-e{padding-bottom: 0;}
    .col-g{padding: 40px 0;}
    .col-e .bd{margin-top: 40px;}
    .col-f .bd .bd1 .t3{font-size: 30px;line-height: 40px;}
    .col-f .bd .bd1 .mc{font-size: 20px;}
    .col-f .bd .bd2{width: 500px;}
    .col-f .bd .bd1{width: calc(100% - 500px);}
    .col-a{padding-bottom: 40px;}
    .col-f{padding: 40px 0;}
    .col-c8{margin-bottom: 40px;}
    .col-c8{margin-bottom: 40px;}
    .col-c15{margin-bottom: 40px;}
    .col-c22{padding-bottom: 40px;}
}
@media (max-width: 1000px) {
    .col-a{padding-top: 20px;}
    .col-a .bd{flex-direction: column;}
    .col-a .bd .bd1 .t2{font-size: 24px;line-height: 34px;}
    .col-a .bd .bd1 .t3{margin-top: 20px;}
    .col-a .bd .bd1 .t3{line-height: 30px;}
    .col-a .bd .bd1 .more{margin-top: 20px;}
    .col-a .bd .bd1 .more a{height: 38px;line-height: 38px;width: 120px;}
    .col-a .bd .bd2{width: 100%;margin-top: 20px;padding-left: 25px;padding-top: 25px;overflow: hidden;}
    .col-a .bd .bd2 .pc2 img{width: 100%;}
    .col-a .bd .bd2 .pc1{width: 100%;}
    .col-a .bd .bd2 .pc1 img{width: 100%;} 
    .col-a .bd .bd1{width: 100%;}
    .col-b{margin-top: 20px;}
 
	
	
    .col-a{padding-bottom: 20px;}
    .col-c1{padding: 20px 0;}
    .col-c .hd .tle{font-size: 24px;line-height: 40px;}
    .col-c .bd{margin-top: 20px;flex-direction: column;}
    .col-c .bd .bd1{width: 100%;}
    .col-c .bd .bd2{width: 100%;}
    .col-c .bd .bd1{padding: 20px;height: unset;}
    .col-c .bd .bd1 .t2{margin-top: 20px;}
    .col-c .bd .bd1 .pc{margin-top: 20px;}
    .col-c .bd .bd1 .pc img{width: 100%;}
    .col-c .bd .bd2 ul li{width: 49%;margin-right: 2%;margin-top: 2%;}
    .col-c .bd .bd2 ul li:nth-child(-n+4){margin-top: 2%;}
    .col-c .bd .bd2 ul li:nth-child(4n){margin-right: 2%;}
    .col-c .bd .bd2 ul li:nth-child(-n+2){margin-top: 0;}
    .col-c .bd .bd2 ul li:nth-child(2n){margin-right: 0;}
    .col-c .bd .bd2{padding-left: 0;margin-top: 20px;}
    .col-c2{padding: 20px 0;}
    .col-c16{padding: 20px 0;}
    .col-e{padding: 20px 0;}
    .col-e .hd .h2{font-size: 24px;line-height: 34px;}
    .col-e .bd .swiper .swiper-wrapper{padding-bottom: 0;}
    .col-e .bd{margin-top: 20px;}
    .col-f{padding: 20px 0;}
    .col-f .bd{padding: 20px ;}
    .col-f .bd{flex-direction: column;}
    .col-f .bd .bd1{width: 100%;}
    .col-f .bd .bd2{width: 100%;}
    .col-f .bd .bd1 .t2{font-size: 24px;line-height: 34px;}
    .col-f .bd .bd1 .t3{font-size: 22px;line-height: 32px;margin-top: 20px;}
    .col-f .bd .bd1 .mc{margin-top: 20px;font-size: 16px;line-height: 30px;}
    .col-f .bd .bd1 .mc div{padding-left: 35px;padding-top: 10px;padding-bottom: 10px;}
    .col-f .bd .bd2{padding-top: 20px;}
    .col-g{padding: 20px 0;}
    .col-g .hd .h2{font-size: 24px;line-height: 34px;}
    .col-g .bd ul li{width: 33.3333333333333333333333%;}
    .col-f .bd .bd1 .mc .m4{    background: url(ico8.png) no-repeat left top 10px;}
    .col-c8{margin-bottom: 20px;}
    .col-c15{margin-bottom: 20px;}
    .col-c22{padding-bottom: 20px;}
    .my-map{width: 100% !important;}
    .col-e .bd .swiper-slide a .pc img{width: 100%;}


    .spBox .spBox01{width: 90% !important;}
    .spBox .spBox01 .sp-close{right: 0 !important;top: -40px !important;}

    .col-b .hd .h2{        font-size: 24px; line-height: 34px;}
    .col-b .swiper{margin-top: 20px;}
}



.spBox { position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:9; display:none; }
.spBox.on { display:block; }
.spBox .spBox01 { position:absolute; top:50%; left:50%; width:30%; padding:20px; box-sizing: border-box; background:#000; transform: translate(-50%,-50%); z-index:5; }
.spBox .spBox01 video { width:100%; height:auto!important; }
.spBox .spBox01 .sp-close { position:absolute; right:-50px; top:-30px; color:#fff; font-size:30px; cursor:pointer; }
/* @media all and (max-width:750px){
    .spBox .spBox01 { position:absolute; top:50%; width:92%; padding:10px; z-index:5; }
    .spBox .spBox01 .sp-close { position:absolute; right:0; top:-60px; color:#fff; font-size:30px; cursor:pointer; }
}   */
.col-c .bd .bd2 ul li:hover{box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.16);}
body{min-width: unset !important;}