/* 测试是否一致 */
/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../images/20210730-首页-中文1.jpg) !important;} */

.gp-f90{font-size:48px;font-size: 4.8rem;}
@media screen and (max-width:996px){
    .gp-f90{font-size:38px;font-size: 3.8rem;}
    .gp-f60{font-size:50px;font-size: 5rem;}
}
@media screen and (max-width:767px){
    .gp-f60{font-size:40px;font-size: 4rem;}
}

.swiper-container {
width: 1390px;
height: 100%;
}
.swiper-slide {
background-position: center;
background-size: cover;
}



.wrapBanner{padding-top: 200px  ;padding-bottom: 92px;overflow: hidden;/*! height: 600px; */background:url(../images/wrap_banner_01.jpg) no-repeat center bottom #e5e2cf;}




/*flexslider start*/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.flexslider .slides > li a { height: 0px; display: block; padding-bottom: 50.7%; }
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {/*! background: #fff; */ position: relative; zoom: 1; /*! padding-bottom: 56px; */}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

.flex-direction-nav {*height: 0;}
.flex-direction-nav a { text-decoration:none; display: block; width: 28px; height: 48px;position: absolute; margin-top: -20px; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  background:url(../images/arr.png) no-repeat; text-indent:-999em; }
.flex-direction-nav .flex-prev { left: -30px; background-position:0 0; }
.flex-direction-nav .flex-next { right: -30px; background-position:-132px 0;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 20px;}
.flexslider:hover .flex-next { opacity: 0.7; right:20px;}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); }

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd;}
.flex-pauseplay a:before { font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

.flex-control-nav {width: 100%; position: absolute; bottom: -63px; text-align: center; z-index: 1000;}
.flex-control-nav li {margin: 0 13px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height: 8px; display: block; /*! background: #fff; */cursor: pointer; text-indent: -9999px; border-radius: 6px; border: 1px solid #394958;}
.flex-control-paging li a:hover { background: #394958;  }
.flex-control-paging li a.flex-active { background: #394958;  }






.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; }
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; }
/*flexslider end*/


.wrapBanner { position: relative; }

.swiper-wrapper { height: 658px; }
.swiper-wrapper { padding:0 0 81px 0; }
.swiper-container-fade .swiper-slide img {opacity: 1;  padding: 10px; background: rgb(255,255,255,.2); border: 1px solid #fff; transform: rotate(10deg);width: 80%;margin: 101px 0 0 5%; transition: .5s ease-in-out;}
.swiper-container-fade .swiper-slide:nth-child(even) img {  transform: rotate(-10deg);width: 80%;margin: 101px 0% 0 11%;}
.swiper-container-fade .swiper-slide.swiper-slide-active img { width: 98%; transform: rotate(0); margin:0px; margin: 50px auto 0;height: 90%;}
.swiper-pagination { display: none; }
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after { display: none; }
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after { display: none; }
.swiper-button-next { width: 48px; height: 13px; position: absolute; right: 45%; top: 98%; background: url(../images/arrow_right_03.png) no-repeat; margin: 0px;}
.swiper-button-prev { width: 48px; height: 13px; position: absolute; left: 45%; top: 98%; background: url(../images/arrow_left_03.png) no-repeat; margin: 0px;}
/* .swiper-container-fade .swiper-slide {opacity: 1 !important; z-index: 1;}
.swiper-container-fade .swiper-slide.swiper-slide-active { z-index: 2;} */

.swiper-slide-active > a > span img { filter:brightness(1); }
.index_more{display: block;}
.index_more img{display: block;margin: 0 auto;}

.wrap_mode01 {
    /* margin-top: 55px; */
    padding: 120px 0 120px;
    background: #f2f0e6;
}
.mode01{position: relative;}
.listTitle{padding: 20px 0 70px;position: relative;z-index: 1;}
.listTitle2{text-align: center;}
.listTitle ::after{content: "";display: block;width: calc(50% - 90px);height: 1px;background: #394958;position: absolute;left: 0;bottom: 0;}
.listTitle2 ::after{display: none;}
.listTitle h2 a{line-height: 46px;font-weight: bold;color: #394958;font-family:"PingFangSC",'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
.con01 a{overflow: hidden;clear: both;}
.con01 a .news_rtimg{position: absolute;right: 0;top: 0;width: 50%;}
.con01 a .news_ltcon{margin-right: calc(50% + 90px);margin-top: 40px;}
.con01 a .news_ltcon h3.title{font-size: 24px;line-height: 36px;color: #394958;font-weight: normal;max-height: 120px;overflow: hidden;}
.con01 a .news_ltcon p.brief{font-size: 14px;line-height: 30px;color: #394958;margin-top: 30px;height: 90px;overflow: hidden;}
.con01 a .news_ltcon span.list_date{font-size: 16px;line-height: 30px;color: #959c9f;margin-top: 38px;display: block;}

.list01{margin-top: 100px;overflow: hidden;}
.list01 ul{margin: 0 0 0 -56px;overflow: hidden;}
.list01 ul li{width: 33.3%;float: left;opacity: 1;}
.list01 ul li a{margin: 0 0 0 56px;display: block;}
.list01 ul li a .newsimg>div{padding-bottom: 74.88%;}
.list01 ul li a .newscon{margin-top: -63px;width: 80%;background: #faf9f2;position: relative;padding: 22px;box-sizing: border-box;}
.list01 ul li a .newscon h3.title{font-size: 18px;line-height: 28px;color: #394958;font-weight: normal;height: 140px;overflow: hidden;}
.list01 ul li a .newscon span.list_date{font-size: 14px;line-height: 30px;color: #959c9f;display: block;margin-top: 16px;}

.viewmore{width: 260px;height: 80px;text-align: center;line-height: 80px;margin: 0 auto;margin-top: 70px;}
.viewmore a{font-size: 16px;line-height: 80px;color: #394958;display: block;width: 100%;height: 100%;border: 1px solid #d4d2c9;margin-left: 43px;}
.viewmore a:hover{background: #394958;color: #fff;}

.wrap_mode02 {
    padding: 82px 0 0px;
    background: #4d6073;
}
.mode02{
    position: relative;
}
.mode02 .listTitle h2 a{color: #fff;}
.list02{margin-top: 22px;}
.list02 ul{margin: 0 0 96px -40px;overflow: hidden;}
.list02 ul li{width: 25%;float: left;}
.list02 ul li a{margin-left: 40px;display: block;background: #fff;padding: 30px;padding-bottom: 35px;}
.list02 li:nth-child(2n) {margin: 60px 0 0;}
.list02 li:nth-child(2n) a{background: #ede9d5;}
.list02 ul li a .list_date{position: relative;width: auto;}
.list02 ul li a .list_date i{font-size: 14px;line-height: 46px;color: #394855;font-family:'Arial','Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma, Helvetica, sans-serif;}
.list02 ul li a .list_date span{font-size: 48px;line-height: 46px;color: #394855;margin-left: 6px;font-family:'Optima','Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
.list02 ul li a .list_date::after{content: "";width: 90px;height: 1px;background: #394855;position: absolute;bottom: 8px;left: 0;}
.list02 ul li a p{font-size: 18px;line-height: 28px;color: #394855;margin-top: 34px;height: 220px;overflow: hidden;}
.mode02 .viewmore {
    margin-bottom: -40px;
}

.mode02 .viewmore a{background: #f2f0e6;}
.mode02 .viewmore a:hover{background: #394855;}
.wrap_mode03 {
    padding: 252px 0 122px;
    background: #f2f0e6;
}
.mode03 {
    /* position: relative; */
}
/* .mode03>a{overflow: hidden;float: left;}  */
/* .mode03>a{overflow: hidden;margin-right: 43%;display: block;position: relative;}  */
/* .mode03>a>div::after{content: "";width: 100%;height: 100%;background: #fff;position: absolute;top: -100px;} */
/* .mode03>a>div{padding-bottom: 82.37%;}  */
/* .mode03>a>div{padding-bottom: 74.94%;position: relative;}  */
.mode03_rt{float: right;width: 41.4%;}
.mode03_rt .listTitle h2{text-align: left;}
.mode03_rt p{font-size: 16px;line-height: 30px;color: #394958;max-height: 150px;overflow: hidden;}
.mode03_rt ul{margin-top: 35px;}
.mode03_rt ul li{padding: 27px;background: #fff;margin-bottom: 20px;}
.mode03_rt ul li a{    line-height: 46px;
    color: #394958;
    position: relative;
    display: block;
    padding-right: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.mode03_rt ul li a::after{content: "";width: 25px;height: 7px;background: url(../images/right.png) no-repeat;position: absolute;right: 0;top: calc(50% - 5px);}
.mode03_lt{background: #fff;position: absolute;right: 50%;top: auto;margin: -40px -60px 0 0;}
.mode03_lt a{display: block;}

.mode03 .right{float: right;}
.mode03 .left{position: absolute;right: 50%;top: 0;margin: -40px -60px 0 0;}
.mode03 .left.fix{position: fixed;top: 50px;}
.mode03 .left.fix_bottom{position: absolute;bottom: 0;top: auto;}




@media screen and (max-width:1400px) {
    .wrapBanner{padding-top: 170px;padding-bottom: 60px;}
    .swiper-container{width: 100%;padding-left: 30px;padding-right: 30px;box-sizing: border-box;}
    
}
@media screen and (max-width:1240px) {
    .con01 a .news_ltcon p.brief{height:auto;max-height:90px}
}

@media screen and (max-width:1060px) {
    
}
@media screen and (max-width:996px) {
    .wrapBanner{padding-top: 120px;padding-bottom: 30px;}
    .swiper-button-next{right: 35%;top: 95%;}
    .swiper-button-prev{left: 35%;top: 95%;}
    .swiper-wrapper{height: auto;}
    .list02 ul li{width: 50%;}
    .swiper-wrapper {
        padding: 0 0 70px 0;
    }

    .con01 a .news_rtimg{position: relative;width: 100%;}
    .con01 a .news_ltcon{margin-right: 0;margin-top: 20px;}
    .viewmore a{margin-left: 0;}
    .list01 ul li{width: 100%;margin-bottom: 30px;}

    .mode03_rt {
        float: initial;
        width: 100%;
    }
    .mode03>a {
        overflow: hidden;
        clear: both;
        float: none;
        display: block;
    }
    .mode03 .left {
        position: relative;
        right: 0;
        top: 0;
        margin: 0;
    }
    .wrap_mode01{padding: 20px 0;}
    .list01{margin-top: 20px;}
    .viewmore{margin-top: 0px;margin-bottom: 30px;}
    .wrap_mode02{padding-top: 20px;}
    .listTitle{padding: 20px 0;}
    .wrap_mode03{padding: 80px 0 20px;}

    .list01 ul li a .newscon h3.title{height: auto;}
    .list02 ul li a p{height: auto;}

    .mode03_rt p{height: auto;}
    .con01 a .news_ltcon span.list_date,.con01 a .news_ltcon p.brief{margin-top: 14px;}
    .con01 a .news_ltcon h3.title,.list01 ul li a .newscon h3.title{font-size: 20px;font-size: 2rem;}
    .nav_box .nav .demo1>li>a{font-size: 22px;font-size: 2.2rem;}
    .secul li a{font-size: 16px;}
    .mode03_rt ul li{padding: 15px 20px;}
    .list02 ul li a .list_date span{font-size: 38px;}
}
@media screen and (max-width:767px) {
    .wrapBanner{padding-top: 100px;}
    .list02 ul li{width: 100%;margin: 30px 0 0;}
    .list02 li:nth-child(2n){margin: 30px 0 0;}
    .list02{margin-top: -30px;}
    .list02 ul li a p{margin-top: 10px;}
    .list02 ul li a{padding: 20px;}
    .list02 ul{margin-bottom: 40px;}
    .list02 ul li a .list_date span{font-size: 30px;}
}
@media screen and (max-width:540px) {
    
    .wrapBanner{padding-top: 80px;}
}
@media screen and (max-width:479px) {}