@font-face {
    font-family: 'number';
    src: url('../fonts/number.eot?#iefix') format('embedded-opentype'),
    url('../fonts/number.woff') format('woff'),
    url('../fonts/number.woff2') format('woff2'),
    url('../fonts/number.ttf') format('truetype'),
    url('../fonts/number.svg#number') format('svg');
}

@font-face {
    font-family: 'din';
    src: url('../fonts/din.eot?#iefix') format('embedded-opentype'),
    url('../fonts/din.woff') format('woff'),
    url('../fonts/din.woff2') format('woff2'),
    url('../fonts/din.ttf') format('truetype'),
    url('../fonts/din.svg#din') format('svg');
}

.subbanner_holder{padding-bottom: calc( 710% / 19.2 );background: #971E25;}
.subContent .gp-container{max-width: 1500px;margin: 0 auto;}

.sub_title{position: relative;margin: 0 0 30px;align-items: center;}
.sub_title.center{justify-content: center;}
.sub_channel_title{background: url(../images/q_sub_title1.png) left top no-repeat;padding: 25px 0 0 30px;line-height: 40px;font-weight: bold;}
.sub_channel_link{min-width: 130px;height: 40px;line-height: 40px;padding: 0 40px 0 13px;box-sizing: border-box;background: #971E25;position: relative;color: #fff;clip-path: polygon(0 0, calc(100% - 10px) 0 , 100% 50% , calc(100% - 10px) 100% , 0 100% );}
.sub_channel_link i{position: absolute;right: 12px;transform:rotate(90deg);font-size: 22px;color: #fff;}
.sub_channel_link:hover{color: #fff;}
.sub_channel_title.c2{color: #fff;background-image: url(../images/q_sub_title2.png);}
.sub_channel_link.c2{color: rgba(149, 29, 34, 1);background: rgba(245, 218, 77, 1);}
.sub_channel_link.c2 i{color: rgba(149, 29, 34, 1);}
.sub_channel_link.c3{color: rgba(149, 29, 34, 1);background: transparent;}
.sub_channel_link.c3 i{color: rgba(149, 29, 34, 1);font-size: 1em;}
.sub_channel_link:hover{animation: arrowMove 1.3s cubic-bezier(.455,.03,.515,.955) .15s;}
@keyframes arrowMove {
    0% { transform: translateX(0);}
    15% { transform: translateX(5px);}
    30% { transform: translateX(0);}
    45% { transform: translateX(3px);}
    60% { transform: translateX(0);}
    75% { transform: translateX(2px);}
    100% { transform: translateX(0);}
}
@-webkit-keyframes arrowMove {
    0% { transform: translateX(0);}
    15% { transform: translateX(5px);}
    30% { transform: translateX(0);}
    45% { transform: translateX(3px);}
    60% { transform: translateX(0);}
    75% { transform: translateX(2px);}
    100% { transform: translateX(0);}
}


.wrap_sub03a{padding: 80px 0;overflow: hidden;background: #F2F2F2;}
.sub03a{}
.sub03a .lf{width: 50%;float: left;}
.sub03a .rt{width: calc(50% - 40px);float: right;}
.sub_03a{padding: 0 0 114px;overflow: hidden;position: relative;}
.sub_03a .swiper-slide > .item{overflow: hidden;}

.sub_03a1 .img{padding-bottom: 66.6%;position: relative;}
.sub_03a1 .img::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: 100px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);z-index: 2;}
.sub_03a1 .title{margin: 0 0 0;position: absolute;left: 30px;right: 30px;bottom: 23px;z-index: 3;color: #fff;}
.sub_03a1 .time{position: absolute;left: 30px;right: 30px;bottom: 60px;color: #fff;z-index: 3;}

.sub_03a2{}
.sub_03a2 ul{margin: 0 0 -40px;padding: 0 0 0;}
.sub_03a2 .item{margin: 0 0 40px;overflow: hidden;background: #fff;position: relative;}
.sub_03a2 .img_box{width: calc(50% - 10px);float: left;position: relative;z-index: 2;}
.sub_03a2 .info_box{margin: 0 0 0 calc(50% - 10px);padding: 30px 30px 0;position: relative;z-index: 2;}
.sub_03a2 .img{padding-bottom: 66.6%;}
.sub_03a2 .t{min-height: 150px;}
.sub_03a2 .title{margin: 0 0 21px;max-height: 48px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.sub_03a2 .info{margin: 0 0 20px;color:rgba(153, 153, 153, 1);}
.sub_03a2 .time{color: rgba(151, 30, 37, 1);}
.sub_03a2 li:nth-child(2) .img_box{float: right;}
.sub_03a2 li:nth-child(2) .info_box{margin: 0 calc(50% - 10px) 0 0;}
.sub_03a2 .item:hover .title,.sub_03a2 .item:hover .info,.sub_03a2 .item:hover .time{color: #fff;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_03a2 .item:hover .info{opacity: .6;}
.sub_03a2 .item::after{content:'';width:0;height:100%;background-color:#971E25;transition:all .35s ease-out;position:absolute;left:0;top:0;z-index:0}
.sub_03a2 li:nth-child(2) .item::after{left: auto;right: 0;}
.sub_03a2 .item:hover::after{width:100%}

.sub_03a .slider-next,.sub_03a .slider-prev{ display: block; width: 64px; height: 64px; border-radius: 50%;position: absolute; right: 0px; bottom: 0; box-sizing: border-box;}
.sub_03a .slider-prev{ right: 94px;}
.sub_03a.swiper-container-horizontal > .swiper-pagination-progressbar{ width: calc(100% - 210px); height: 1px; top: auto; bottom: 32px; background: rgba(0, 0, 0, 0.1);}
.sub_03a .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: rgba(151, 30, 37, 1);}

.sub_03a .slider-prev, .sub_03a .slider-next{ border: 1px solid rgba(151, 30, 37, 0.3);}
.sub_03a .slider-next{ transform: none;}
.sub_03a .swiper-arrows{overflow: hidden;text-align: center;}
.sub_03a .swiper-arrows i{line-height: 64px;position: relative;color: rgba(151, 30, 37, 1);z-index: 2;font-size: 30px;}
.sub_03a .swiper-arrows i::before{position: relative;display: inline-block;}
.sub_03a .slider-prev i::before{transform:rotate(-90deg)}
.sub_03a .slider-next i::before{transform:rotate(90deg)}
.sub_03a .swiper-arrows::after{content:'';width:0;height:100%;background-color:#971E25;transition:all .35s ease-out;position:absolute;left:0;top:0;z-index:0}
.sub_03a .swiper-arrows.slider-next::after{left: auto;right: 0;}
.sub_03a .swiper-arrows:hover i{color: #fff;}
.sub_03a .swiper-arrows:hover::after{width:100%}

.wrap_sub03b{padding: 80px 0 170px;background: url(../images/q_sub_03b_bg.png) right bottom no-repeat;}
.sub03b{}
.sub_03b{}
.sub_03b ul{margin: 0 0 -20px -45px;padding: 18px 0 0;}
.sub_03b li{width: 33.3%;}
.sub_03b .item{margin: 0 0 20px 45px;}
.sub_03b .img{padding-bottom: 66.6%;position: relative;}
.sub_03b .img::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: 100px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);z-index: 2;}
.sub_03b .title{margin: 0 0 0;position: absolute;left: 30px;right: 30px;bottom: 21px;z-index: 3;color: #fff;}
.sub_03b .time{position: absolute;left: 30px;right: 30px;bottom: 56px;color: #fff;z-index: 3;}

.wrap_sub03c{padding: 28px 0 120px;background: rgba(242, 242, 242, 1);position: relative;}
.sub03c{position: relative;}
.sub03c::before{content: '';display: block;position: absolute;left: 0;top: -148px;background: url(../images/q_sub_03c_bg.png) center/cover no-repeat;width: 355px;height: 215px;}
.sub03c .sub_channel_title{left: 102px;top: -48px;position: relative;}

.sub_03c{}
.sub_03c ul{margin: 0 0 -40px -45px;}
.sub_03c li{width: 33.3%;}
.sub_03c .item{margin: 0 0 40px 45px;background: #fff;position: relative;overflow: hidden;border-left: 4px solid rgba(245, 218, 77, 1);padding: 30px 30px 32px 40px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_03c .item::before{content: '';display: block;position: absolute;left: 0;top: 0;bottom: 0;width: 10px;background: rgba(242, 242, 242, 1);z-index: 2;}
.sub_03c .title{position: relative;z-index: 2;}
.sub_03c .time{margin: 0 0 10px;color: rgba(149, 29, 34, 1);position: relative;z-index: 2;}
.sub_03c .item:hover{border-left: 4px solid rgba(149, 29, 34, 1);}
.sub_03c .item:hover .title,.sub_03c .item:hover .time{color: #fff;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_03c .item:hover .time{opacity: .6;}
.sub_03c .item::after{content:'';width:0;height:100%;background-color:#971E25;transition:all .35s ease-out;position:absolute;left:0;top:0;z-index:0}
.sub_03c .item:hover::after{width:100%}

.wrap_sub03d{padding: 80px 0;background: url(../images/q_sub_03d_bg.png) center/cover;position: relative;}
.sub03d{}
.sub03d .rt{width: calc(50% + 80px);float: right;}
.wrap_sub03d::before{content: '';display: block;position: absolute;left: 0;right: calc(50% + 130px);top: -14px;bottom: 0;background: url(../images/q_sub_03d_bg0.png) right top no-repeat;}

.sub_03d{}
.sub_03d ul{margin: 0 0 -34px;padding: 19px 0 0;}
.sub_03d li{}
.sub_03d .item{margin: 0 0 34px;padding: 28px 30px;background: rgba(255, 255, 255, 0.1);border-width: 1px 0px 1px 0px;border-style: solid;border-color: rgba(255, 255, 255, 0.3);color: #fff;position: relative;}
.sub_03d .title{margin: 0 0 24px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_03d .item::before,.sub_03d .item::after{content: '';display: block;height: 1px;position: absolute;left: 50%;transform: translateX(-50%);top: -1px;background: rgba(245, 218, 77, 1);width: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_03d .item::after{top: auto;bottom: -1px;}
.sub_03d .item:hover .title{color: rgba(245, 218, 77, 1);}
.sub_03d .item:hover::before,.sub_03d .item:hover::after{width: 100%;}


.wrap_sub07a{padding: 80px 0;}
.sub07a{}
.sub_07a1{background: rgba(242, 242, 242, 1);margin: 50px 0 50px;position: relative;}
.sub_07a1 .img_box{width: 800px;float: right;position: relative;z-index: 2;}
.sub_07a1 .info_box{margin: 0 800px 0 0;padding: 98px 50px 0;position: relative;z-index: 2;}
.sub_07a1 .title{margin: 0 0 21px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_07a1 .info{margin: 0 0 50px;color: rgba(153, 153, 153, 1);}
.sub_07a1 .more{color: rgba(151, 30, 35, 1);}
.sub_07a1 .more i{transform:rotate(90deg);display: inline-block;margin: 0 0 0 10px;}
.sub_07a1::after{content:'';height: 0;width: 100%;background-color:#971E25;transition:all .35s ease-out;position:absolute;left:0;bottom:0;z-index:0}
.sub_07a1:hover::after{height:100%;}
.sub_07a1:hover .title,.sub_07a1:hover .info,.sub_07a1:hover .more{color: #fff;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_07a1:hover .info{opacity: .6;}

.sub_07a2{}
.sub_07a2 ul{margin: 0 0 -20px -45px;padding: 0 0 0;}
.sub_07a2 li{width: 33.3%;}
.sub_07a2 .item{margin: 0 0 20px 45px;background: rgba(242, 242, 242, 1);}
.sub_07a2 .img{}
.sub_07a2 .bottom{padding: 28px 30px 30px;}
.sub_07a2 .title{margin: 0 0 21px;}
.sub_07a2 .info{margin: 0 0 0;color: rgba(153, 153, 153, 1);}

.wrap_sub07b{padding: 80px 0;position: relative;}
.wrap_sub07b::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;padding-bottom: 400px;background: url(../images/q_sub_07b_bg.png) center bottom no-repeat rgba(151, 30, 37, 1);z-index: -1;}
.sub07b{}

.sub_07b{}
.sub_07b ul{margin: 0 0 0 0;padding: 25px 0 0;}
.sub_07b li{width: 300px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_07b li.on{width: calc(100% - 600px);}
.sub_07b .item{margin: 0 0 0;background: rgba(242, 242, 242, 1);align-items: center;}
.sub_07b .part1{position: relative;width: 300px;height: 500px;background: rgba(156, 114, 93, 1);padding: 132px 20px 0;box-sizing: border-box;}
.sub_07b .part1.c2{background: rgba(99, 137, 168, 1);}
.sub_07b .part1.c3{background: rgba(93, 102, 156, 1);}
.sub_07b .part1::before{content: '';display: block;position: absolute;left: 10px;right: 10px;top: 10px;bottom: 10px;border: 1px solid rgba(255, 255, 255, 0.3);z-index: -1;}
.sub_07b .img_box{width: 160px;position: relative;margin: 0 auto 50px;height: 160px;}
.sub_07b .img_box::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border-radius: 50%;border: 1px dashed #fff;}
.sub_07b .img_box img{width: auto;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);}
.sub_07b .title{margin: 0 0 0;text-align: center;color: #fff;}
.sub_07b .part2{width: calc(100% - 300px);overflow: hidden;}

.sub_07b1{padding: 0 50px;overflow: hidden;}
.sub_07b1 ul{margin: 0 0 -1px;padding: 0;}
.sub_07b1 li{width: 33.3%;border-bottom: 1px solid rgba(0, 0, 0, .1);text-align: center;line-height: 82px;}
.sub_07b1 .item{margin: 0 auto 0;min-width: 3em;display: inline-block;text-align: left;}

.wrap_sub07c{padding: 80px 0 100px;position: relative;}
.wrap_sub07c::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;padding-bottom: 400px;background: url(../images/q_sub_07c_bg.png);z-index: -1;}
.sub07c{}

.sub_07c1{position: relative;margin: 0 0 32px;padding: 18px 0;}
.sub_07c1::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 50%;background: rgba(255, 255, 255, 0.3);height: 1px;}
.sub_07c1 ul{margin: 0 0;text-align: center;}
.sub_07c1 li{width: auto;}
.sub_07c1 .item{margin: 0 50px;color: #fff;position: relative;background: url(../images/q_sub_07c_bg.png);padding: 0 20px;line-height: 26px;border-left: 1px solid rgba(255, 255, 255, 0.3);border-right: 1px solid rgba(255, 255, 255, 0.3);}
.sub_07c1 li.off .item{color: rgba(255, 255, 255, 0.5);}

.sub_07c2{background: url(../images/q_sub_07c_bg2.png) center bottom no-repeat rgba(16, 66, 135, 1);padding: 100px 28px 100px 100px;}
.sub_07c2 ul{margin: 0 0 -50px -20px;}
.sub_07c2 ul.off{display: none;}
.sub_07c2 ul.on{animation: effect0 .6s cubic-bezier(.455,.03,.515,.955) .15s;}

.sub_07c2 li{width: 25%;}
.sub_07c2 .item{margin: 0 0 51px 20px;padding: 0 0 0 30px;position: relative;line-height: 20px;color: #fff;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_07c2 .item i{position: absolute;display: inline-block;left: 0;color: rgba(0, 117, 201, 1);font-size: 1.3em;}

.wrap_sub07d{padding: 200px 0 80px;background: url(../images/q_sub_07d_bg.png) top center no-repeat rgba(242, 242, 242, 1);overflow: hidden;}
.sub07d{}
.sub07d .lf{width: 500px;background: url(../images/q_sub_07d_bg2.png) right bottom no-repeat rgba(151, 30, 35, 1);padding: 80px 0 0 50px;box-sizing: border-box;min-height: 702px;}
.sub07d .rt{width: calc(100% - 600px);padding: 190px 0 0;}

.sub_07d1{}
.sub_07d1 ul{margin: 0 0 0 0;padding: 20px 0 0;}
.sub_07d1 li{}
.sub_07d1 .item{margin: 0 0 18px;padding: 30px 30px;position: relative;}
.sub_07d1 .item::before{content: '';display: block;position: absolute;left: 0;top: 0;bottom: 0;background: rgba(234, 0, 41, 1);width: 0;clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100% , 0 100%);transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_07d1 .title{margin: 0;position: relative;z-index: 2;color: #fff;max-width: 340px;}
.sub_07d1 li.on .item::before{width: 110%;}

.sub_07d2{}
.sub_07d2 ul{margin: 0 0 -28px -40px;}
.sub_07d2 ul.off{display: none;}
.sub_07d2 ul.on{animation: effect2 .6s cubic-bezier(.455,.03,.515,.955) .15s;}
.sub_07d2 li{width: 50%;}
.sub_07d2 .item{margin: 0 0 28px 40px;background: #fff;padding: 28px 30px;}

.wrap_sub08{padding: 80px 0 40px;}
.sub08{}
.sub_08{}
.sub_08 ul{margin: 0 0 -40px;}
.sub_08 li{}
.sub_08 .item{margin: 0 0 80px;overflow: hidden;position: relative;}
.sub_08 .img_box{width: 800px;float: right;position: relative;z-index: 3;}
.sub_08 .info_box{margin: 50px 700px 0 0;padding: 100px 200px 90px 100px;position: relative;z-index: 2;background: #F2F2F2;min-height: 450px;box-sizing: border-box;}
.sub_08 li:nth-child(2n+1) .img_box{float: left;}
.sub_08 li:nth-child(2n+1) .info_box{margin: 50px 0 0 700px;padding: 100px 100px 90px 200px;}
.sub_08 .title{margin: 0 0 30px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_08 .info{margin: 0 0 50px;color: rgba(153, 153, 153, 1);border-top: 1px solid rgba(0, 0, 0, 0.1);padding: 30px 0 0;max-height: 60px;}
.sub_08 .more{color: rgba(151, 30, 35, 1);}
.sub_08 .more i{display: inline-block;margin: 0 0 0 10px;}
.sub_08 .info_box::after{content:'';height: 0;width: 100%;background-color:#971E25;transition:all .35s ease-out;position:absolute;left:0;bottom:0;z-index:-1}
.sub_08 .item:hover .info_box::after{height:100%;}
.sub_08 .item:hover .title,.sub_08 .item:hover .info,.sub_08 .item:hover .more{color: #fff;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_08 .item:hover .info{opacity: .6;border-top: 1px solid rgba(255, 255, 255, 0.5);}

.wrap_sub09a{padding: 378px 0 262px;background: url(../images/q_sub_09a_img.png) center top no-repeat;margin: 0 0 -110px;}
.sub09a{}
.sub_09a{padding: 23px 80px 0 0;position: relative;margin: 0 auto;max-width: 600px;color: #fff;line-height: 2;text-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.6);}
.sub_09a::before{content: '';display: block;background: #F5DA4D;width: 100px;height: 4px;position: absolute;left: 0;top: 0;}

.wrap_sub09b{padding: 0;position: relative;}
.wrap_sub09b::before{content: '';display: block;position: absolute;left: 0;top: 0;bottom: 0;width: 50%;background: url(../images/q_sub_09b_bg.png) left center no-repeat rgba(151, 30, 37, 1);}
.sub09b{}
.sub_09b{background: rgba(151, 30, 37, 1);}
.sub_09b ul{margin: 0 0 -1px;}
.sub_09b li{width: 25%;}
.sub_09b .item{margin: 0 0 0;border-bottom: 1px solid rgba(255, 255, 255, 0.3);border-right: 1px solid rgba(255, 255, 255, 0.3);text-align: center;color: #fff;padding: 50px 0 50px;position: relative;z-index: 2;}
.sub_09b .img_box{width: 80px;margin: 0 auto 4px;}
.sub_09b .num{font-size: 50px;margin: 0 0 5px;font-family: 'din';}
.sub_09b .unit{width: 30px;height: 30px;display: inline-block;background: #fff;color: rgba(151, 30, 37, 1);text-align: center;line-height: 30px;border-radius: 50%;margin: -11px 0 0 11px;vertical-align: middle;}
.sub_09b .item::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/mode04_item_bg.png) center no-repeat;opacity: 0;z-index: -1;transform: scale(.8);background-size: contain;}
.sub_09b .item:hover:before{opacity: .16;transform: scale(1);-webkit-animation: index_04rotate2 12s linear infinite;animation: index_04rotate2 12s linear infinite}
@-webkit-keyframes index_04rotate2 {
    0% {-webkit-transform: rotate(0deg) scale(1)}
    100% {-webkit-transform: rotate(360deg) scale(1)}
}
@keyframes index_04rotate2 {
    0% {-webkit-transform: rotate(0deg) scale(1)}
    100% {-webkit-transform: rotate(360deg) scale(1)}
}

.wrap_sub09c{padding: 80px 0;}
.sub09c{}
.sub_09c{position: relative;margin: 0 0 80px;}
.sub_09c .tip{position: absolute;right: 133px;top: 58px;width: 13.3%;z-index: 2;transition: all ease-in-out .4s;-ms-transition: all ease-in-out .4s;-moz-transition: all ease-in-out .4s;-webkit-transition: all ease-in-out .4s;-o-transition: all ease-in-out .4s;filter: drop-shadow(4px 4px rgba(255,255,255,0));}
.sub_09c:hover .tip{filter: drop-shadow(4px 4px rgba(255,255,255,.3));}
.sub_09c .img{padding-bottom: 40%;clip-path: polygon(10% 0, 100% 0 , 100% 75%, 90% 100% , 0 100% , 0 25%);transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_09c .img video{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);object-fit: cover;height: 100%;z-index: 1;}
.sub_09c .ico{width: 125px;height: 125px;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);background: url(../images/q_sub_09c_ico.png) center no-repeat;background-size: cover;}
.sub_09c_pop{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);z-index: 1000;display: none;}
.sub_09c_pop video{width: 80vw;position: absolute;object-fit: cover;height: auto;z-index: 1;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);z-index: 2;}
.sub_09c_pop .close{width: 60px;height: 60px;position: absolute;right: 20px;top: 20px;background: url(../images/ser_close.png) center no-repeat;background-size: cover;}
.sub_09c_pop.on{display: block;}
/* .sub_09c.on .img{clip-path: polygon(0 0, 100% 0 , 100% 100%, 100% 100% , 0 100% , 0 0);} */

.sub_09d{}
.sub_09d ul{margin: 0 0 -20px -45px;}
.sub_09d li{width: 33.3%;}
.sub_09d .item{margin: 0 0 20px 45px;position: relative;}
.sub_09d .img{padding-bottom: 75%;}
.sub_09d .img::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: 100px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);z-index: 2;}
.sub_09d .bottom{margin: 0 30px 28px;position: absolute;left: 0;right: 0;bottom: 0;padding: 13px 0 0;z-index: 3;}
.sub_09d .bottom::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100px;height: 4px;background: rgba(245, 218, 77, 1);}
.sub_09d .title{margin: 0 50px 0 0;color: #fff;}
.sub_09d .bottom i{position: absolute;right: 20px;font-size: 20px;color: #fff;top: 50%;transform: translateY(-50%);}

@media screen and (max-width:1480px){
    .sub_title{margin: 0 0 20px;}
    .wrap_sub03a{padding: 50px 0;}
    .sub_03a{padding: 0 0 70px;}
    .sub_03a.swiper-container-horizontal > .swiper-pagination-progressbar{width: calc(100% - 130px);bottom: 22px;}
    .sub_03a .slider-next, .sub_03a .slider-prev{width: 45px;height: 45px;line-height: 45px;}
    .sub_03a .swiper-arrows i{line-height: 45px;font-size: 22px;}
    .sub_03a .slider-prev{right: 60px;}
    .wrap_sub03b{padding: 50px 0 140px;}
    .wrap_sub03c{padding: 28px 0 60px;}

    .wrap_sub07a,.wrap_sub07b,.wrap_sub07c{padding: 50px 0;}
    .sub_07a1{margin: 0 0 40px;}
    .wrap_sub07d{padding: 200px 0 50px;}
    
    .wrap_sub08{padding: 50px 0;}
    .sub_08 ul{margin-bottom: -10px;}
    .sub_08 .item{margin: 0 0 50px;}
    .sub_08 .img_box{width: 600px;}
    .sub_08 .info_box{margin: 50px 520px 0 0;padding: 60px 170px 60px 70px;min-height: initial;}
    .sub_08 li:nth-child(2n+1) .info_box{margin: 50px 0 0 520px;padding: 60px 70px 60px 170px;}
    
    .sub_09d .bottom{margin: 0 12px 16px;}
    .sub_09b .img_box{width: 80px;}
    .sub_09b .num{font-size: 50px;}

}
@media screen and (max-width:1280px){
    .subContent .gp-container{max-width: initial;margin: 0 30px;width: auto;}

    .sub_03a1 .title{left: 16px;right: 16px;bottom: 12px;}
    .sub_03a1 .time{left: 16px;right: 16px;bottom: 42px;}

    .sub_03a2 ul{margin: 0 0 -20px;}
    .sub_03a2 .item{margin: 0 0 20px;}
    .sub_03a2 .info_box{padding: 15px;}
    .sub_03a2 .title,.sub_03a2 .info{margin: 0 0 10px;}
    .sub_03a2 .t{min-height: initial;}

    .sub_03b ul{margin: 0 0 -20px -20px;padding: 10px 0 0;}
    .sub_03b .item{margin: 0 0 20px 20px;}
    .sub_03b .title{left: 16px;right: 16px;bottom: 12px;}
    .sub_03b .time{left: 16px;right: 16px;bottom: 42px;}
    
    .sub_07a1 .img_box{width: 500px;}
    .sub_07a1 .info_box{padding: 30px 20px;margin: 0 500px 0 0;}
    .sub_07a1 .title{margin: 0 0 12px;}
    .sub_07a1 .info{margin: 0 0 20px;}
    .sub_07a2 .bottom{padding: 20px 24px;}
    .sub_07a2 .title{margin: 0 0 12px;}

    .sub_07b .part1{width: 200px;}
    .sub_07b .part2{width: calc(100% - 200px);}
    .sub_07b li{width: 200px;}
    .sub_07b li.on{width: calc(100% - 400px);}
    .sub_07b .img_box{width: 120px;height: 120px;}
    .sub_07b .img_box img{max-width: 72%;}
    .sub_07b1{padding: 0 30px;}
    .sub_07b1 li{width: 50%;line-height: 60px;}

    .sub_07c2{padding: 50px 28px 50px 50px;}
    .sub_07c2 ul{margin: 0 0 -30px -20px;}
    .sub_07c2 .item{margin: 0 0 30px 20px;}

    .sub07d .lf{width: 360px;padding: 50px 0 0 30px;min-height: 560px;}
    .sub_07d1 .item{padding: 20px;}
    .sub07d .rt{padding: 160px 0 0;width: calc(100% - 410px);}
    .sub_07d2 ul{margin: 0 0 -20px -20px;}
    .sub_07d2 .item{padding: 20px 22px;margin: 0 0 20px 20px;}

    .sub_08 ul{margin: 0;}
    .sub_08 .item{margin: 0 0 30px;}
    .sub_08 .img_box{width: 500px;}
    .sub_08 .info_box{margin: 50px 450px 0 0;padding: 40px 90px 40px 30px;min-height: initial;}
    .sub_08 li:nth-child(2n+1) .info_box{margin: 50px 0 0 450px;padding: 40px 30px 40px 90px;}
    .sub_08 .title{margin: 0 0 20px;}
    .sub_08 .info{margin: 0 0 20px;padding: 20px 0 0;}
    
    .sub_09b .item{padding: 30px 10px;}
    .sub_09b .num{font-size: 36px;margin: 0 0 10px;}
    .sub_09b .title{font-size: 16px;}

}
@media screen and (max-width: 996px){
    .wrap_sub03a{padding: 32px 0;}
    .sub_03a{padding: 0 0 70px;}
    .wrap_sub03b{padding: 30px 0 100px;}
    .wrap_sub03c{padding: 28px 0 60px;}
    
    .sub03c::before{width: 200px;height: 120px;top: -100px;}
    .sub03c .sub_channel_title{left: 50px;}
    .sub_03c ul{margin: 0 0 -20px -20px;}
    .sub_03c li{width: 50%;}
    .sub_03c .item{margin: 0 0 20px 20px;padding: 20px 20px 20px 30px;}
    .sub_03c .item::before{width: 5px;}

    .wrap_sub03d{padding: 40px 0;}
    .wrap_sub03d::before{right: 440px;background-size: auto 100%;}
    .sub03d .rt{width: 400px;}
    .sub_03d ul{padding: 0;margin: 0 0 -16px;}
    .sub_03d .item{margin: 0 0 16px;padding: 16px 24px;}
    .sub_03d .title{margin: 0 0 12px;}

    .wrap_sub07a, .wrap_sub07b, .wrap_sub07c{padding: 30px 0;}
    .sub_07a1 .img_box{width: 400px;}
    .sub_07a1 .info_box{margin: 0 400px 0 0;padding: 20px;}
    .sub_07a1 .info{margin: 0 0 12px;line-height: 24px;max-height: 72px;}
    
    .sub_07a2 ul{margin: 0 0 -20px -20px;}
    /* .sub_07a2 li{width: 100%;} */
    .sub_07a2 .item{margin: 0 0 20px 20px;}
    .sub_07a2 .bottom{padding: 12px 20px;}
    .sub_07a2 .title{margin: 0 0 6px;}
    .sub_07a2 .info{line-height: 24px;max-height: 48px;}

    .sub_07b li.on,.sub_07b li{width: 100%;}
    .sub_07b .item{flex-wrap: wrap;}
    .sub_07b .img_box{margin-bottom: 20px;}
    .sub_07b .part1{width: 100%;height: auto;padding: 30px 0;}
    .sub_07b .part2{width: 100%;padding: 10px 20px;}
    .sub_07b1{padding: 0;}
    .sub_07b1 li{width: 33.3%;line-height: 50px;}

    .sub_07c1{margin: 0 0 12px;}
    .sub_07c2{padding-top: 30px;padding-bottom: 30px;}
    .sub_07c2 li{width: 50%;}

    .sub07d .lf{width: 300px;}
    .sub07d .rt{width: calc(100% - 340px);}
    .sub_07d2 li{width: 100%;}
    .sub_07d2 .item{padding: 12px 16px;}

    .sub_08 .item{margin: 0 0 20px;}
    .sub_08 .img_box,.sub_08 li:nth-child(2n+1) .img_box{width: auto;float: none;}
    .sub_08 .info_box,.sub_08 li:nth-child(2n+1) .info_box{margin: 0;padding: 30px 40px;}
    .sub_08 .title{margin: 0 0 12px;line-height: 1.8;max-height: initial;}
    .sub_08 .info{padding: 12px 0 0;margin: 0 0 12px;line-height: 24px;max-height: initial;}

    .wrap_sub09a{padding: 250px 0 160px;margin: 0 0 -50px;background-position: center;}
    .wrap_sub09b::before{background-size: auto 100%;}
    .sub_09b li{width: 50%;}
    
    .wrap_sub09c{padding: 40px 0;}
    .sub_09c{margin: 0 0 30px;}
    .sub_09c .tip{right: 6%;top: 2%;}
    .sub_09c .ico{width: 60px;height: 60px;}
    .sub_09d ul{margin: 0 0 -20px -20px;}
    /* .sub_09d li{width: 33.3%;} */
    .sub_09d .item{margin: 0 0 20px 20px;}


}
@media screen and (max-width: 767px){
    .subContent .gp-container{margin: 0 20px;}

    .sub03a .lf{width: auto;float: none;margin: 0 0 12px;}
    .sub03a .rt{width: auto;float: none;}

    .wrap_sub03b{padding: 30px 0 50px;}
    .sub_03b li{width: 100%;}

    .wrap_sub03c{padding: 28px 0 40px;}
    .sub03c::before{width: 160px;height: 80px;top: -60px;}
    .sub03c .sub_channel_title{left: 20px;top: -20px;}
    .sub_03c li{width: 100%;}
    .sub_03c .item{margin: 0 0 20px 20px;padding: 16px 16px 16px 24px;}
    .sub_03c .time{margin: 0 0 6px;}
    .wrap_sub03d{padding: 1px 0 30px;}
    .wrap_sub03d::before{position: relative;left: 0;right: 0;top: 0;bottom: 0;padding-bottom: 96%;margin-top: -2%;background-position: left;}
    .sub03d .rt{width: auto;float: none;padding: 10px 0 0;}

    .sub_07a1{margin: 0 0 20px;}
    .sub_07a1 .img_box{width: auto;float: none;}
    .sub_07a1 .info_box{margin: 0;padding: 12px 20px;}
    .sub_07a1 .title{line-height: 24px;max-height: initial;}
    .sub_07a2 li{width: 100%;}
    
    .sub_07c1{padding: 10px 0;}
    .sub_07c1 .item{margin: 0 5px;padding: 0 5px;font-size: 14px;}
    .sub_07c2{padding: 20px;}
    .sub_07c2 ul{margin: 0 0 -15px -20px;}
    .sub_07c2 .item{margin: 0 0 15px 20px;}

    .wrap_sub07d{padding-top: 20%;background-size: 300% auto;}
    .sub07d{flex-wrap: wrap;}
    .sub07d .lf{width: 100%;float: none;min-height: initial;padding: 30px 20px;}
    .sub_07d1 ul{padding: 0;}
    .sub_07d1 li.on .item::before{width: 100%;}
    .sub_07d1 .item{padding: 12px 20px;margin: 0 0 12px;}
    .sub07d .rt{width: 100%;padding: 20px 0 0;}
    .sub_07d2 ul{margin-bottom: -12px;}
    .sub_07d2 .item{margin-bottom: 12px;}

    .sub_08 .info_box, .sub_08 li:nth-child(2n+1) .info_box{padding: 20px 30px;}

    .wrap_sub09a{background-size: 1200px auto;background-position: center bottom;padding: 140px 0 120px;}
    .sub_09a{padding: 20px 0 0;}
    .sub_09b .num{font-size: 28px;}
    .sub_09b .unit{width: 24px;height: 24px;line-height: 24px;margin: -11px 0 0 4px;}
    .sub_09b .title{font-size: 14px;line-height: 2em;height: 2em;}
    .sub_09d li{width: 100%;}

    .sub_09c_pop video{width: 95vw;}

}
@media screen and (max-width: 413px){
    .sub_title{margin: 0 0 12px;}

    .wrap_sub03a{padding: 20px 0;}
    .sub_03a{padding: 0 0 40px;}
    .sub_03a2 .info_box{padding: 10px;}
    .sub_03a2 .title, .sub_03a2 .info{margin: 0 0 6px;}
    .sub_03a .slider-next, .sub_03a .slider-prev{width: 30px;height: 30px;line-height: 30px;}
    .sub_03a .slider-prev{right: 45px;}
    .sub_03a .swiper-arrows i{line-height: 30px;font-size: 16px;}
    .sub_03a.swiper-container-horizontal > .swiper-pagination-progressbar{bottom: 15px;width: calc(100% - 90px);}

    .sub_07c2 li{width: 100%;}

    .sub_09c .ico{width: 30px;height: 30px;}

}

/* zhuanti shouye */
.banner .swiper-wrapper{position: relative;}
.special_title{padding: 28px 0 0 32px;line-height: 38px;background: url(../images/s_title.png) left center no-repeat;background-size: auto 100%;margin: 0 0 34px;font-size: 30px;font-weight: bold;}
.special_title.c2{color: #fff;background-image: url(../images/s_title2.png);}

.wrap_sub0s1{padding: 120px 0 60px;background: url(../images/s_mode01_bg.png);background-size: cover;}
.sub0s1{max-width: 1500px;}

.sub_0s1{}
.sub_0s1 > ul{margin: 0 0 0 0;}
.sub_0s1 > ul > li{width: 208px;height: 658px;position: relative;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_0s1 > ul > li.on{width: calc(100% - 624px);}
.sub_0s1 .box{margin: 0 0 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.sub_0s1 li:nth-child(2) .box{top: 33px;}
.sub_0s1 li:nth-child(3) .box{top: 2px;}
.sub_0s1 li:nth-child(4) .box{top: 63px;}
.sub_0s1 .left,.sub_0s1 .placeholder{width: 208px;height: 100%;position: absolute;left: 0;top: 0;box-sizing: border-box;}
.sub_0s1 .left h2{color: #fff;font-size: 60px;position: absolute;right: 16px;top: 100px;line-height: 1.2;width: 1em;}
.sub_0s1 .left .en{text-transform: uppercase;position: absolute;right: 0;top: -.1em;color: #fefefe;opacity: .3;font-size: 52px;line-height: 1;width: .6em;word-break: break-all;font-weight: bold;}
.sub_0s1 .c1{background: url(../images/s_mode01_bg1.png) center bottom no-repeat #e6002e;}
.sub_0s1 .c2{background: url(../images/s_mode01_bg2.png) center bottom no-repeat #e62e26;}
.sub_0s1 .c3{background: url(../images/s_mode01_bg3.png) center bottom no-repeat #e6002e;}
.sub_0s1 .c4{background: url(../images/s_mode01_bg4.png) center bottom no-repeat #e62e26;}
.sub_0s1 .right{position: absolute;left: 208px;right: 0;top: 0;bottom: 0;background: #fff;padding: 48px 48px 0;overflow: hidden;}
.sub_0s1 .placeholder img{margin: 0 auto;display: block;}
.sub_0s1 .c3.placeholder{padding-top: 100px;}
.sub_0s1 .c4.placeholder{padding-top: 36px;}

.sub_0s11{}
.sub_0s11 ul{margin: 0 0 0;padding: 0 0 0;}
.sub_0s11 li{}
.sub_0s11 .item{margin: 0 0 0;padding: 17px 0;border-bottom: 1px dotted #f2bd95;}
.sub_0s11 .info_box{margin: 0;padding: 0 0 0 0;}
.sub_0s11 .img{padding-bottom: 66.6%;}
.sub_0s11 .img_box{width: 0;float: right;}
.sub_0s11 .title{margin: 0;padding: 0 0 0 20px;position: relative;line-height: 34px;max-height: 34px;}
.sub_0s11 .title::before{content: '';display: block;width: 5px;height: 5px;position: absolute;left: 0;top: 15px;background: #333;border-radius: 50%;}
.sub_0s11 .info{margin: 0 0 0 20px;color: #72726a;line-height: 30px;height: 0;}
.sub_0s11 .more{display: block;width: 180px;height: 36px;line-height: 36px;text-align: center;margin: 30px auto 0;background: #fecc78;color: #7f5326;}
.sub_0s11 li.on > .item .img_box{width: 157px;}
.sub_0s11 li.on > .item .info_box{margin: 0 190px 0 0;}
.sub_0s11 li.on > .item .info_box .title{margin: 0 0 6px;max-height: 68px;}
.sub_0s11 li.on > .item .info{height: 34px;}

.sub_0s11 .img_box,.sub_0s11 .info_box,.sub_0s11 .title,.sub_0s11 .info{transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}

.wrap_sub0s2{background: #eae0cd;padding: 100px 0 137px;position: relative;z-index: 2;}
.wrap_sub0s2::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 43.75%;bottom: 140px;z-index: -1;background: #faf4e6;}
.wrap_sub0s2 .special_title{margin: 0 0 52px 210px;}

.sub_0s2{width: 43.75%;padding: 0 152px 0 0;position: relative;}
.sub_0s21 li.off{display: none;}
.sub_0s21 li{height: 543px;overflow: auto;background: #faf4e6;}
.sub_0s21 img{display: block;margin: 0 auto;}

.sub_0s22{position: absolute;right: 0;top: 0;bottom: 0;width: 152px;}
.sub_0s22 ul{margin: 0 0 0 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #faf4e6;}
.sub_0s22 li{height: 25%;position: relative;color: #7f5326;}
.sub_0s22 li::before{content: '';display: block;height: 1px;position: absolute;left: 0;right: 0;top: 0;background: #c8aa90;}
.sub_0s22 li:first-child:before{display: none;}
.sub_0s22 .item{margin: 0 0 0;font-size: 26px;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width: 100%;text-align: center;color: #7f5326;}
.sub_0s22 li.on{background: #971e25;color: #fff;}
.sub_0s22 li.on::before{opacity: 0;}
.sub_0s22 li.on .item{color: #fff;}
.sub_0s22 li.off::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;}

.sub_0s23{position: absolute;right: 30px;top: 218px;width: calc(50% - 150px);}
.sub_0s23 video{display: block;width: 100%;}

.wrap_sub0s3{position: relative;overflow: hidden;z-index: 1;}
.wrap_sub0s3::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/s_mode03_bg.png);background-size: cover;z-index: 1;}
.wrap_sub0s3 .special_title{margin: 60px 0 0 210px;float: left;position: relative;z-index: 2;}

.sub_0s3{overflow: hidden;margin: 0 0 0 390px;font-size: 0;position: relative;z-index: 2;}
.sub_0s3 .w1{width: 20%;}
.sub_0s3 .w2{width: 40%;}
.sub_0s3 .item{margin: 0 0 0;display: inline-block;vertical-align: top;}
.sub_0s3 .img{padding-bottom: 80%;position: relative;}
.sub_0s3 .tit{width: 100%;padding-bottom: 80%;position: relative;background: center no-repeat #e3ab5d;height: 0;background-size: cover;}
.sub_0s3 .tit2,.sub_0s3 .img2{padding-bottom: 40%;}
.sub_0s3 .tit span{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);color: #fff;display: block;width: 100%;text-align: center;}
.sub_0s3 .tit2 span{left: 25%;}
.sub_0s3 .img .tit{position: absolute;right: 0;bottom: 0;width: 50%;padding-bottom: 40%;}
.sub_0s3 .tit.bg1{background-image: url(../images/s_mode03_tit1.png);}
.sub_0s3 .tit.bg2{background-image: url(../images/s_mode03_tit2.png);}
.sub_0s3 .tit.bg3{background-image: url(../images/s_mode03_tit3.png);}
.sub_0s3 .tit.bg4{background-image: url(../images/s_mode03_tit4.png);}
.sub_0s3 .tit.bg5{background-image: url(../images/s_mode03_tit5.png);}

.pop_swiper{position: absolute;right: 100%;top: 0;bottom: 0;background: rgba(0, 0, 0, .8);z-index: -1;width: 100vw;}
.pop_swiper.on{z-index: 301;right: 0;position: fixed;}
.pop_swiper .close{position: absolute;right: 160px;top: 130px;width: 50px;height: 50px;background: url(../images/s_mode03_close.png) center no-repeat;background-size: 100% auto;}
.sub_0s4{position: absolute;left: 50%;transform: translateX(-50%);width: 1200px;max-width: calc(100vw - 150px);top: 140px;z-index: 1;opacity: 0;pointer-events: none;}
.sub_0s4 a{display: block;}
.sub_0s4 .arrow{width: 30px;height: 30px;background: center no-repeat;display: inline-block;vertical-align: top;margin: 0 0 0 1px;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);background-size: cover;}
.sub_0s4 .prev{left: -76px;background-image: url(../images/s_mode03_prev.png);}
.sub_0s4 .next{right: -76px;background-image: url(../images/s_mode03_next.png);}
.sub_0s4 .more{display: block;width: 180px;height: 50px;line-height: 50px;text-align: center;margin: 30px auto 0;background: #fecc78;color: #7f5326;}
.sub_0s4.on{z-index: 2;pointer-events: initial;opacity: 1;}

/* zhuanti erjiye */
.s_subBanner .gp-img-responsive{padding-bottom: calc(524% / 19.2);}
.s_subBanner .gp-img-responsive::after{display: none;}

.s_subContent{background: #faf4e6;padding: 42px 0 102px;}
.s_subleft{float: left;width: 215px;margin: 0 0 0 -30px;background: url(../images/s_submenu.png);background-size: cover;padding: 8px 0;border-radius: 14px;}
.s_subleft h2{display: none;}
.s_subleft li{position: relative;}
.s_subleft a{display: block;padding: 16px 0 16px 40px;position: relative;border-top: 1px solid #fff;background: rgba(255, 255, 255, .9);}
.s_subleft li:first-child a{border-top: none;}
.s_subleft a::before{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 18px;width: 11px;height: 11px;background: url(../images/s_submenu_arrow.png) center no-repeat;background-size: cover;opacity: 0;}
.s_subleft a:hover,.s_subleft a.cur,.s_subleft li.on a{background: transparent;color: #f6c56b;}
.s_subleft a:hover::before,.s_subleft a.cur::before,.s_subleft li.on a::before{opacity: 1;}

/* .s_subleft .a1{display: block;padding: 16px 0 16px 40px;position: relative;border-top: 1px solid #fff;background: rgba(255, 255, 255, .9);}
.s_subleft li:first-child .a1{border-top: none;}
.s_subleft .a1::before{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 18px;width: 11px;height: 11px;background: url(../images/s_submenu_arrow.png) center no-repeat;background-size: cover;opacity: 0;}
.s_subleft .a1:hover,.s_subleft .a1.cur,.s_subleft li.on .a1{background: transparent;color: #f6c56b;}
.s_subleft .a1:hover::before,.s_subleft .a1.cur::before,.s_subleft li.on .a1::before{opacity: 1;} */


.s_subleft .arrow{width: 50px;height: 50px;position: absolute;right: 5px;top: 6px;z-index: 100;background: url(../images/menu_icon2.png) center no-repeat;transform: rotate(-90deg);background-size: 30px auto;}
.s_subleft li.on .arrow{background-image: url(../images/menu_icon.png);}
.s_subleft .lv2{margin: 0;display: none;}
/* .s_subleft li.on .lv2{display: block;} */
.s_subleft .a2{display: block;position: relative;padding: 6px 0 6px 50px;font-size: 18px;background: rgba(255, 255, 255, 0.6);}
.s_subleft .a2.cur{font-weight: bold;color: #971E25;}


.s_subright{margin: 0 0 0 215px;}
.s_subright .con{background: url(../images/s_sub01_bg.png) center bottom no-repeat #fff;padding: 30px 72px 72px;border-radius: 24px;}
.s_subtitle{padding: 0 0 30px;border-bottom: 1px solid  #7e5c38;font-weight: bold;color: #e6002e;margin: 0 0 30px;}


.s_pages{text-align: center;margin: 30px 0 0;}
.s_pages a{display: inline-block;vertical-align: top;width: 34px;height: 34px;text-align: center;line-height: 34px;color: #fff;background: #dccdb7;font-size: 18px;margin: 0 3px;border-radius: 20px;}
.s_pages a.prev,.s_pages a.next{width: auto;padding: 0 23px;}
.s_pages a.active{background: #e6002e;}

.sub_0ss1{position: relative;overflow: hidden;margin: 0 0 -20px -15px;}
.sub_0ss1 ul{margin: 0 0 0 0;}
.sub_0ss1 li{}
.sub_0ss1 .box{width: 33.3%;float: left;}
.sub_0ss1 .item{margin: 0 0 0;position: relative;width: calc(33.3% - 16px);width: auto;margin: 0 0 20px 15px;}
.sub_0ss1 > .item{display: none;}
.sub_0ss1 .item img{display: block;width: 100%;}
.sub_0ss1 .additem{display: none;}

.sub_0ss2{}
.sub_0ss2 ul{margin: 0 0 -30px;padding: 0 0 0;}
.sub_0ss2 li{}
.sub_0ss2 .item{margin: 0 0 30px;padding: 18px 30px;border: 1px solid #dccdb7;background: #fff;}
.sub_0ss2 .img_box{width: 168px;float: right;margin: 0 0 0 60px;}
.sub_0ss2 .info_box{margin: 0 0 0 0;padding: 0 0 0 145px;position: relative;}
.sub_0ss2 .info_box::before{content: '';display: block;background: #909090;width: 44px;height: 1px;position: absolute;left: 72px;top: 10px;}
.sub_0ss2 .img{padding-bottom: 65%;}
.sub_0ss2 .title{margin: 0 0 4px;line-height: 1.5;}
.sub_0ss2 .info{margin: 0 0 0;color: #888;max-height: 68px;}
.sub_0ss2 .time{position: absolute;left: 0;top: 2px;color: #7a5733;}

@media screen and (max-width:1640px){
    .sub0s1{padding: 0 80px;}
    .wrap_sub0s2{background-size: 50% auto;padding: 80px 0 100px;}
    .wrap_sub0s2 .special_title,.wrap_sub0s3 .special_title{margin-left: 80px;}
    .sub_0s3{margin-left: 250px;}
    
    .pop_swiper .close{right: 20px;top: 20px;}
    .sub_0s4{max-width: 60%;}

    .sub_0s1 .left, .sub_0s1 .placeholder,.sub_0s1 > ul > li{width: 180px;}
    .sub_0s1 > ul > li.on{width: calc(100% - 540px);}
    .sub_0s1 .right{left: 180px;}

    .sub_0s22 .item{font-size: 20px;}

    .s_subright .con{padding: 24px 30px 30px;}

    .sub_0ss2 .info{line-height: 1.5em;height: 3em;}

}
@media screen and (max-width:1280px){
    .sub0s1{padding: 0 30px;}
    .wrap_sub0s2{padding: 40px 0 60px;}
    .wrap_sub0s2 .special_title,.wrap_sub0s3 .special_title{margin-left: 30px;}
    .sub_0s3{margin-left: 200px;}

    .sub_0s1 .left h2{font-size: 45px;top: 60px;}
    .sub_0s1 .left, .sub_0s1 .placeholder,.sub_0s1 > ul > li{width: 120px;}
    .sub_0s1 > ul > li.on{width: calc(100% - 360px);}
    .sub_0s1 .right{left: 120px;}

    .sub_0s2{padding-right: 100px;}
    .sub_0s22{width: 100px;}

    .sub_0s23{top: 160px;width: calc(50% - 100px);}

    .sub_0ss1 li,.sub_0ss1 .box{width: 50%;}

}
@media screen and (max-width:996px){
    
    .special_title{padding: 20px 0 0 28px;font-size: 24px;}
    .wrap_sub0s2 .special_title, .wrap_sub0s3 .special_title{margin-bottom: 30px;}
    .sub_0s1 .left h2{font-size: 36px;}

    .sub_0s1 > ul{flex-wrap: wrap;}
    .sub_0s1 .left, .sub_0s1 .placeholder, .sub_0s1 > ul > li,.sub_0s1 > ul > li.on{width: 100%;overflow: hidden;}
    .sub_0s1 .left,.sub_0s1 .box{position: relative;height: auto;}
    .sub_0s1 li:nth-child(2) .box,.sub_0s1 li:nth-child(3) .box,.sub_0s1 li:nth-child(4) .box{top: 0;}
    .sub_0s1 .left h2{width: auto;position: relative;left: 0;right: 0;top: 0;bottom: 0;padding: 20px;}
    .sub_0s1 .right{position: relative;left: 0;right: 0;top: 0;bottom: 0;height: 0;padding: 0;}
    .sub_0s1 > ul > li.on .right{padding: 24px;height: auto;}
    .sub_0s1 .placeholder{display: none;}
    .sub_0s1 > ul > li{height: auto;}
    .sub_0s11 .item{padding: 10px 0;}
    .sub_0s1 .left .en{right: auto;left: 0;width: auto;top: -.2em;letter-spacing: .3em;white-space: nowrap;}
    .sub_0s11 .more{margin-top: 20px;}

    .wrap_sub0s2{padding: 30px 0;}
    .wrap_sub0s2::before{right: 110px;width: auto;bottom: auto;height: 200px;}
    .sub_0s2{width: auto;padding: 0 80px 0 0;margin: 0 30px 0 0;}
    .sub_0s22{width: 80px;}

    .sub_0s23{position: relative;left: 0;right: 0;top: 0;bottom: 0;width: auto;margin: 50px 30px 0;}

    .wrap_sub0s3 .special_title{float: none;margin-top: 20px;}
    .sub_0s3{margin-left: 0;}

    .s_subBanner{background: #faf4e6;}
    .s_subContent{padding: 10px 0 40px;}
    .s_subleft{float: none;width: auto;overflow: hidden;padding: 0;margin: 0;}
    .s_subleft h2{display: block;padding: 20px;background: rgba(255, 255, 255, 0);position: relative;color: #fff;}
    .s_subleft h2::before{content: '';display: block;width: 20px;height: 2px;position: absolute;right: 15px;z-index: 100;background: #fff;top: 50%;transform: translateY(-50%);}
    .s_subleft h2::after{content: '';display: block;width: 2px;height: 20px;position: absolute;right: 24px;z-index: 100;background: #fff;top: 50%;transform: translateY(-50%);}
    .s_subleft.on h2::after{display: none;}
    
    .s_subleft ul{display: none;}
    .s_subleft li{float: none;width: 100%;}
    .s_subleft a{padding: 12px 40px;border: none;}
    .s_subright{margin: 20px 0 0;}

    
    /* .sub_0ss1 .item{width: calc(50% - 15px);} */

}
@media screen and (max-width:767px){
    .wrap_sub0s1{padding: 30px 0;}
    .sub0s1{padding: 0;}

    .sub_0s1 > ul > li.on .right{padding: 20px 12px;}
    .sub_0s11 li.on > .item .img_box{width: 120px;}
    .sub_0s11 li.on > .item .info_box{margin: 0 130px 0 0;}
    .sub_0s11 .title{padding-left: 14px;line-height: 24px;max-height: 24px;}
    .sub_0s11 .title::before{top: 10px;}
    .sub_0s11 .info{margin-left: 14px;}

    .sub_0s21 li{height: 320px;}
    .sub_0s23{margin-top: 20px;}

    .wrap_sub0s3{z-index: 300;}
    .sub_0s3 .w1,.sub_0s3 .w2{width: 100%;}
    .sub_0s3 .w1 .img,.sub_0s3 .w1 .tit{float: left;width: 50%;padding-bottom: 40%;}

    .wrap_sub0s3 .pop_swiper.on{position: fixed;}
    .sub_0s4{left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);max-width: calc(100vw - 80px);}
    .sub_0s4 .more{height: 30px;line-height: 30px;margin-top: 20px;}
    .sub_0s4 .arrow{width: 20px;height: 20px;}
    .sub_0s4 .prev{left: -40px;}
    .sub_0s4 .next{right: -40px;}
    .pop_swiper .close{width: 24px;height: 24px;}
    .sub_0s22 .item{font-size: 16px;}

    .s_subtitle{padding: 0 0 16px;margin: 0 0 16px;}
    .sub_0ss1 .item,.sub_0ss1 li,.sub_0ss1 .box{width: 100%;}

    .sub_0ss2 ul{margin: 0 0 -20px;}
    .sub_0ss2 .item{padding: 12px;margin: 0 0 20px;}
    .sub_0ss2 .img_box{width: auto;float: none;margin: 0;}
    .sub_0ss2 .info_box{padding: 0;}
    .sub_0ss2 .time{position: relative;top: 0;margin: 10px 0 0;}
    .sub_0ss2 .info_box::before{display: none;}
    .sub_0ss2 .year,.sub_0ss2 .day{display: inline-block;vertical-align: bottom;}
    
    .s_pages a{width: 24px;height: 24px;line-height: 24px;font-size: 16px;}
    .s_pages a.prev, .s_pages a.next{padding: 0 16px;}

}

@media screen and (max-width:413px){
    .s_subleft li{float: none;}


}

/* .s_article_page .gp-content img{width:100% !important;height:auto !important;} */
@media screen  and (max-width:767px){
    .s_article_page .gp-content img{width:auto !important;height:auto !important;}
    .s_article_page .gp-content div{overflow: auto;}
    .s_article_page .gp-content video{width: 100% !important;height: auto;}
    .s_article_page .gp-content table{width:100% !important;max-width: 100% !important;margin:0 !important;table-layout: fixed;word-break:break-all;box-sizing: border-box;display: block;}
    .s_article_page .gp-content table td{width:auto !important; }
    .s_article_page .gp-content table tr{height:auto !important;}
}