@import url(/uploads/css/crcss/responsive2.0.css);
.header{position: relative; z-index:100; transition: 0.5s}
.header .top_w{position: fixed;z-index: 100; left: 0;top: 0;width: 100%; background-color: #fff; transition: 0.5s}
.header .top_h{ transition: 0.5s;}
.header .logo img{max-height:60px}
body:not(.body_index) .header .logo img.white,
body.body_index .header.hover .logo img.white,
body.body_index .header:not(.hover) .logo img.black{display:none;}
.header menu li span{display: block;}
.header menu li span a{display: block; padding: 0px 10px}
.header menu li .sub{display: none}
.header menu li .sub a{display: block; padding:.08rem .1rem;}
.header menu li .sub dt{padding: 0; text-align: left}
.header menu li .sub ol{position: relative}
.header menu li .hierarchy{position: relative;display: none}
.header menu li aside{position: relative}
.header .other{position: relative;padding-left: .2rem;}
.header .other:after{content: '';position: absolute; left: -.1rem;top: 0; bottom: 0; margin: auto; width: 1px; height: 40%;background: #000; opacity: 0.3}
.header .open-search,
.header .top-search .btn{width: 40px; height: 40px; background:  no-repeat center center;}
.header .open-search{ position: relative}
.header .top-search{background: rgba(255,178,0,1); border-radius: 30px; padding:2px 40px 2px 5px; width: 300px;}
.header .top-search .text{width: 100%;display: block; background: none; border: 0; color: #ffffff;}
.header .top-search .text.focus{color: #000;}
.header .top-search .btn{right: 5px; top:5px;filter: brightness(0) invert(1);}
.header.show{margin-top: -120px; }
.header.show .top_w{top: -120px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.header.hover .top_w{ box-shadow: 0 0 5px rgba(0,0,0,0.1);}
@media (min-width:1025px) {
.header menu li{position: relative; margin-right:0.7vw}
.header menu li span{line-height: 100px; position: relative}
.header menu li span:after{content: ''; position: absolute; width: 0; height: 2px; left: 0; right: 0; bottom: 0; margin: auto; z-index: 5; background: #ffb200; transition: 0.5s}
.header menu li.aon span a{color: #ffb200}
.header menu li.aon span:after{width: 100%;}
.header menu li .sub{position: absolute; white-space: nowrap; margin: auto; left: 50%; transform: translatex(-50%); width:400%; top: 100%; background-color:rgba(255,255,255,0.9);box-shadow: 0 5px 5px rgba(0,0,0,0.1); border-radius: 0 0 10px 10px}
.header menu li .sub dl{display: flex; flex-wrap: wrap; justify-content: space-between;padding:20px}
.header menu li .sub dl dt{min-width: 48%}
.header menu li .sub a:hover{color: #ffb200}
}
@media (min-width:1200px) {
.header menu li{ margin-right: 2vw}
}
@media (max-width:1024px) {
.header .other:after{display: none}
.header .top-search{width: 80vw}
.header .logo{padding: 5px 0}
.header .logo img{ max-height: 40px;}
.header menu{position: fixed; left: -100%;top: 50px;height: calc(100vh - 50px); background-color: #fff;opacity: 0;transition: 0.5s;box-shadow: 0 5px 5px rgba(0,0,0,0.1); width:50vw; max-width: 240px;}
.menu-show .header menu{left: 0; opacity: 1;}
.header menu ul{padding: 20px 0; height: 100%; overflow: auto; display: block}
.header menu li{border-bottom: 1px dotted #eee;}
.header menu li span{line-height: 3; padding-left:1em;}
.header menu li .sub a{padding-left: 2em}
.header menu li.has-sub span .op:before, 
.header menu li.has-sub span .op:after{background-color: #ffb200;}
.header li .sub{background-color: #eee;}
.header .open-menu{margin-left: .2rem; width: calc(30 / 16 * 1em); height: calc(30 / 16 * 1em); display: flex;flex-wrap: wrap;flex-direction: column; justify-content: space-between; transition: 0.3s;}
.header .open-menu span{display: block; transition: 0.3s;height: 2px; background-color: #000;}
.menu-show  .header .open-menu{border-radius: 50%; background-color: #ffb200; }
.menu-show  .header .open-menu i{background-color: #fff;}
}

.bottom{line-height:24px; border-top: solid 2px #ffb200}
.bottom .bot_t{padding:4% 0; line-height: .32rem}
.bottom .bot_t h4{padding-bottom: .1rem}
.bottom .bot_t .link{width: 65%}
.bottom .bot_t .link li{display: inline-block; padding-right: 38px;}
.bottom .bot_b{padding: 2% 0; border-top: solid 1px #e8e8e8}
.bottom .bot_b a{display: inline-block}
.bottom .bot_b .lm span{padding: 0px 10px; color: #d4d4d4}
.bottom .bot_b img{margin: 0px 5px}
.bottom .wechat{position: fixed; bottom:10%; right: .2rem; z-index:20}
.bottom .wechat figure{ padding: 3px; background: #fff}
.bottom .wechat figure img{width: 100%}
.bottom .wechat p{line-height: 20px}
.bottom .wechat .icon{cursor: pointer;width: 40px; height: 40px;border-radius: 100%; background:#2ca25e url(/uploads/image/crimages/icon_wx.svg) no-repeat center center}
.bottom .wechat .box{position: absolute; width: 140px; text-align: center; right:100%; top:50%; display: none; transform:translatey(-50%); background: #fff; padding:5px; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
@media (min-width:768px) {
.bottom .bot_t .contact{width: 35%; max-width: 396px;}
.bottom .bot_t .contact p:last-child{padding-top:3%}
}
@media (max-width:768px) {

.bottom .bot_t .contact{padding-top:4%}
.bottom .bot_t .contact{width: 100%;}
.bottom .bot_t .contact .txt{color:#666666; line-height: 2}
.bottom .bot_b .lm{display: none}
.bottom .bot_b .copyright{text-align: center;  width: 100%; line-height: 2}
}

.istop{position: fixed; bottom:4%; right: .2rem; cursor: pointer; display: block;width: 40px; height: 40px; margin: auto; border-radius: 100px; background: #ffb200 url(/uploads/image/crimages/side_icon.png) no-repeat center center}

.piaofu{width:210px;position:absolute;z-index:9999;}
.piaofu .close_port{font-size: 16px; position: absolute;width:24px; line-height:24px; right:5px; top:5px;cursor:pointer; background:#ffc600;color: #fff;border-radius:100%;text-align:center; }



.banner{position: relative}
.banner .infobox{position: absolute; width: 100%; top: 50%; transform: translatey(-50%)}
.banner .column{display: inline-block; color: #fff; position: relative}
.banner .column:before{content: ''; position: absolute; width:60%;min-width: 240px; height: 8px;bottom: 2px; left: 0; right: 0; margin: auto; z-index: -1; background: linear-gradient(90deg,rgba(255,178,0,1),rgba(255,178,0,0))}
.banner .column.long:before{bottom: 50%;}
.banner img{width: 100%;}
.banner .slick-slide .pic{ position:relative; padding-top:calc(780 / 1920 * 100%);}
.banner .slick-slide img{ height:100%; position:absolute; left:0; top:0; object-fit:contain; -webkit-object-fit:contain;}
.banner img.wap{display: none}
.banner .slick-dots{bottom: .4rem; position: absolute}
.banner .slick-dots li{margin: 0px 10px}
.banner .slick-dots li button{width: 12px; height: 12px;background: rgba(255,255,255,0.5)}
.banner .slick-dots li.slick-active button{background: none; border: solid 3px #fff}
.neiye_banner { padding-top:calc(600 / 1920 * 100%);}
.neiye_banner img{ height:100%; position:absolute; left:0; top:0; object-fit:contain; -webkit-object-fit:contain;}
@media (max-width:1024px) {
    .neiye_banner { padding-top:calc(500 / 1024 * 100%);}
.banner .slick-slide .pic{  padding-top:calc(900 / 750 * 100%);}
.banner img.pc{display: none}
.banner img.wap{display:block}
}

.menu_location{line-height: 30px; border-bottom: solid 1px #f0f0f0}
.menu_location .auto{padding-top: .3rem;}
.menu_location .auto:after{content: ''; clear: both; display: block}
.menu_location .location{float: right; height: .61rem;}
.menu_location .location,
.menu_location .location a:not(:hover),
.menu_location .location span{color: #999999}
.menu_location .location > a:first-child{background:  no-repeat left; padding-left: 26px}
.menu_location .sub_menu li{position: relative}
.menu_location .sub_menu li:not(:last-child){margin-right: 3.5vw}
.menu_location .sub_menu li a{display: block;}
.menu_location .sub_menu li a:after{content: '';position: absolute; width: 0; height: 2px; left: 0; right: 0; bottom:0; margin: auto; background: #ffb200; transition: 0.5s}
.menu_location .sub_menu li.show a{color: #ffb200}
.menu_location .sub_menu li.show a:after{width: 100%;}
.menu_location[rel="no_menu"] {border-bottom: none}
.menu_location[rel="no_menu"] .sub_menu{display: none;}

.menu_location .sub_menu {max-width: 70%}
.menu_location .sub_menu ul{white-space: nowrap; flex-wrap: nowrap; overflow-x: auto; height: .61rem;}
.menu_location .sub_menu ul::-webkit-scrollbar{height:5px;-webkit-overflow-scrolling : touch;}
.menu_location .sub_menu ul::-webkit-scrollbar-track{background-color: #f7f7f7;}
.menu_location .sub_menu ul::-webkit-scrollbar-thumb{background-color: #dcdcdc;}

@media (max-width:1024px) {
.menu_location .auto{padding-top: .15rem; padding-bottom: 0; }
.menu_location .location{float: none; margin-bottom: .15rem}
.menu_location .sub_menu li{padding: .15rem 0}
.menu_location .sub_menu li a:after{bottom: 0}
.menu_location .sub_menu {max-width: 100%}
.menu_location .sub_menu ul{  overflow-y: hidden; height: auto; margin-bottom:-1px;}
.menu_location .sub_menu ul::-webkit-scrollbar{height:1px; }
.menu_location .sub_menu ul::-webkit-scrollbar-track{background-color: transparent;}
.menu_location .sub_menu ul::-webkit-scrollbar-thumb{background-color: transparent;}
}


.about_detail{position: relative; background:  no-repeat left bottom; background-size: 100%}
.about_detail .overview{position: relative; z-index: 2;max-width: 8.45rem;padding-top: 10%; padding-bottom: 10%;}
.about_detail .article{padding-top:10%; padding-bottom:15%; line-height: 2; width: 90%; text-align: justify}
.about_detail .link ul{margin-left: -0.13rem; margin-right: -.13rem}
.about_detail .link li{flex: 1;background: #f7f7f7;margin: 0px .13rem; padding:1.2vw}
.about_detail .link li figure{width: .6rem}
.about_detail .link li span{flex: 1}
.about_detail .link li:hover{background: #ffb200}
.about_detail .link li:hover a{color: #fff;}
.about_detail .link li:hover figure img{filter: brightness(0) invert(1);}
.about_detail .photo img{position: absolute; width:46.769%; height: 100%; right: 0; bottom: 0; object-fit: contain; -o-object-fit: contain;object-position: right bottom;}
.about_detail .photo img.wap{display: none}
.about_other {padding-bottom: 4%}
.about_other .item{padding: 2% 0}
.about_other .title{padding: 3.5% 0}
.about_other .title figure{padding-right: 25px}
.about_other .title img{width: 40px}
.about_other .boxs{background: #f7f7f7}
.about_other .pic{width: 35%}
.about_other .desc{width: 65%; line-height: 2; padding:3% 4.5%; text-align: justify}
@media (max-width:1300px) {
 .about_detail .link ul{font-size:.18rem;}
 .about_detail .link li{ padding:1.5vw 0.8vw}   
 .about_detail .link li figure{width: .4rem}
}
@media (min-width:768px) {
.about_other .item:nth-child(even) .pic{order: 2}
.about_detail .overview{width:65%}
}
@media (max-width:768px) {
.about_detail .photo img.pc{display: none}
.about_detail .photo img.wap{display:block;width: 100%}
.about_detail .link ul{margin: 0; width:80%; font-size: .28rem; color: #333333}
.about_detail .link ul li{flex: initial; width: 100%;margin: 2% 0}
.about_detail .link li figure{width: .60rem}
.about_detail .link li figure img{width:80%}
}

.culture_main{background: no-repeat center top; background-size: 100%; background-position: center center;}
.culture_main .culture{position: relative; max-width: 1200px; margin: auto; overflow:hidden}
.culture_main .culture .title{position: absolute; width: 100%; top: 14%; text-align: center;}
.culture_main .culture .yuan{position: absolute;left: 50%; top:50%; transform: translate(-50%,-50%);max-width: 600px; }
.culture_main .culture .yuan_bg{margin-top:-5%;}
.culture_main .other{position: relative; border-radius: 10px; background: #ffffff; z-index: 2; width: 84%; margin: auto; margin-top:-8%}
.culture_main .other .icon{position: absolute; width: 1.18rem; left: 50%; top:50%; transform: translate(-50%,-50%)}
.culture_main .other .list{ text-align: center; padding:1% 2%}
.culture_main .other figure{width: .52rem; height: .52rem; align-content: center; margin: auto}
.culture_main .other figure img{max-height: 100%}
.culture_main .other .item{padding:.3rem; color: #666666}
.culture_main .other h4{padding: .1rem 0}
.culture_main .other .slick-current{color: #ffb200}
.culture_main .strategic{position: relative; margin-top: -1.18rem}
.culture_main .strategic .infobox{position:absolute; top: 50%; transform: translatey(-50%); color: #ffffff; width: 100%; text-align: center}
.culture_main .strategic .title{padding: 2% 0}
.culture_main .strategic h5{text-transform: uppercase; font-weight: bold; margin-bottom: -.4rem;background: -webkit-linear-gradient(rgba(255,255,255,.07), rgba(255,255,255,.0) 85%);  background: linear-gradient(rgba(255,255,255,.07), rgba(255,255,255,.0) 85%);  -webkit-background-clip: text;  background-clip: text;  color: transparent;}
.culture_main .strategic .desc{line-height: 2.25}
.culture_main .strategic .item{height:3rem;}
.culture_main .photo img{width: 100%}
.culture_main .photo img.wap{display: none}

@media (max-width:768px) {
.culture_main .photo img.pc{display: none}
.culture_main .photo img.wap{display:block}
.culture_main .auto{width: 100%}
.culture_main .other .item{padding: .2rem}
.culture_main .strategic .title h4{font-size: .46rem}
.culture_main .strategic .desc{font-size: .32rem}
}


.team_main {padding-top: 4%; padding-bottom: 5%; background: no-repeat center bottom; background-size:100%}
.team_main .item{width: 195px; text-align:center; margin: 0px 19px}
.team_main .pic{background: #fff}
.team_main .pic figure{padding-bottom: 133.34%}
.team_main .txt{padding: .1rem 0; line-height:1.8}
.team_main .list_top .item{margin-bottom: .3rem;}
.team_main .swiper{padding-top: 3%; padding-bottom: 4%}
.team_main .swiper-wrapper{margin-left: -19px; margin-right: -19px;}
.team_main .swiper-button-disabled{display: none}
@media (max-width:768px) {
.team_main .list_top .item{margin: auto; margin-bottom: .2rem}
}

.events_main{ padding-bottom:8%; background: no-repeat center bottom; background-size: 100%}
.events_main .auto{overflow: hidden;}
.events_year{padding: 5% 60px; position: relative;}
.events_year .year{width: 10%; position: absolute; top: 30px; z-index: 10}
.events_year .first{left: 0}
.events_year .last{right: 0}
.events_year .swiper-slide.opacity b{opacity: 0}
.eventsyearswiper{text-align: center; padding: 30px 0;overflow: inherit;}
.eventsyearswiper .swiper-slide{padding: .2rem 0;cursor: pointer}
.eventsyearswiper .swiper-slide b{display: block; align-content: center; height: .6rem; transition: 0.5s; font-weight: normal}
.eventsyearswiper .swiper-slide:after{content: ''; position: absolute; width: 10px; height: 10px; left: 0; right: 0; bottom: -5px;margin: auto; background: #bfbfbf;border-radius: 100%; transition: 0.5s; border: solid 0px #fff}
.eventsyearswiper .swiper-slide-visible{border-bottom: solid 1px #e1e3e6;}
.eventsyearswiper .swiper-slide-thumb-active b{color: #ffb200;font-size: .42rem}
.eventsyearswiper .swiper-slide-thumb-active:after{ width:20px; height:20px; box-shadow: 0 4px 10px rgba(255,178,0,.2); background: #ffb200; border-width: 4px;bottom: -10px;}
.eventsyearswiper .swiper-slide.last-slide b{opacity: 0}
.eventsyearswiper .swiper-slide:not(.swiper-slide-visible){opacity: 0}
.events_year .swiper-button-next,
.events_year .swiper-button-prev{transform: translatey(50px)}
.events_year .swiper-button-prev{left:-55px}
.events_year .swiper-button-next{right:-55px}

.eventsinfoswiper{width: 92%; margin: auto;background: #fff; box-shadow: 0 0 30px rgba(0,0,0,.08)}
.eventsinfoswiper .item{padding: .2rem;}
.eventsinfoswiper .pic{/*width:28.632%;*/width:410px; margin-right: 3%}
.eventsinfoswiper .pic figure{padding-bottom: 75.61%}
.eventsinfoswiper .txt{flex: 1; line-height: 30px;align-content: center; position: relative}
.eventsinfoswiper .txt .nian{ padding: 0 .3rem }
.eventsinfoswiper .txt ul{height:270px; overflow-y: auto; padding: 0 .3rem .5rem .3rem; align-content: center}
.eventsinfoswiper .txt ul li{padding: .1rem 0 .1rem .5rem; position: relative}
.eventsinfoswiper .txt ul b{color: #ffb200; position: absolute; left: 0; font-weight: normal;}
.eventsinfoswiper .txt:after{content: '';position: absolute; width: 100%; height: 60px; left: 0; bottom: 0; background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1) 90%)}
@media (max-width:768px) {
.eventsinfoswiper .pic{width: 100%; margin-right: 0;}
.eventsinfoswiper .txt{flex: initial; width: 100%; padding: 4%}
.eventsinfoswiper .txt ul{padding: 0 5% 10% 0;align-content: flex-start}

.events_main{padding-top: 3%}

.eventsinfoswiper{background: none; box-shadow: none}
.eventsinfoswiper .item{padding: 0;}
.eventsinfoswiper .txt ul li{padding: 10px 0}
.eventsinfoswiper .txt ul b{position: relative; display:block;}
.eventsinfoswiper .txt:after{display: none}
}

.honor_main{padding-bottom:2%; background: no-repeat left bottom; background-size:cover}
.honor_main .list{margin-left: -1.2895%; margin-right: -1.2895%}
.honor_main .item{width: 25%;padding:0 1.2895%}
.honor_main .item:after{content: ''; display: block; padding-bottom: .6rem; background: url(/uploads/image/crimages/honor_img_ying.png) no-repeat center top; background-size: 100%}
.honor_main .item a{display: block; height:100%; position: relative;background:  no-repeat 100% 100%; background-size: 100% 100% }
.honor_main .item a:after{content: ''; position: absolute; background:  no-repeat 100% 100%;background-size: 100% 100%; width:80.435%; height:75.365%; left: 0; right: 0; top: 0; bottom: 0; margin: auto}
.honor_main .item .info{position: relative; width: 100%; height: 100%; text-align: center; z-index: 2}
.honor_main .item .box{padding:15%}
.honor_main .item .sub{color: #ffb200}
.honor_main .item .title{color: #875723; margin: 10px 0;}
.honor_main .item .rank{padding: 5px 0; color: #333333}
.honor_main .item .time{color: #555555;font-size: 12px;}
@media (max-width:1200px) and (min-width:768px){
.honor_main .list:after{content: '';}
.honor_main .list:after,
.honor_main .item{width:33%;}
}
@media (max-width:768px) {
.honor_main .item{width:50%;}
}
@media (max-width:640px) {
.honor_main .item .title{margin:5px 0;}
}

section.main{padding: 2.5% 0}

.more{position: relative; border: solid 1px #cccccc; border-radius: 30px; padding-left: .2rem; padding-right: .6rem; transition: 0.5s; display: inline-block; line-height: 38px}
.more:after{content: '';position: absolute; width: 16px; height:11px; top: 0; bottom: 0; right: 20px; margin: auto; background:  no-repeat; transition: 0.5s}
.more:hover{color: #fff; background: #ffb200; border-color: #ffb200;}
.more:hover:after{filter: brightness(0) invert(1);}

.column_title{text-align: center;padding-top: 5%; padding-bottom: 3%; line-height: 38px;}
.column_title .more:not(:hover):after{filter: grayscale(100%) brightness(100%);}


.news_group{padding:2% 0}
.news_group .column_title{padding: 0; margin-bottom: .36rem}
.news_group .inbox .photo_new{width: 50%}
.news_group .inbox .photo_new .pic figure{padding-bottom:480px}
.news_group .inbox .photo_new .txt{position: absolute; width: 100%; bottom: 0; line-height: 60px;background: rgba(0,0,0,0.5)}
.news_group .inbox .photo_new .txt h4{width: 80%;color: #fff; padding:0 .2rem}
.news_group .inbox .photo_new .slick-dots{position: absolute; right: .2rem; bottom: .25rem; width: auto}
.news_group .inbox .font_list{width: 45%}
.news_group .group{width: 47.5%}
.news_group .font_list{}
.news_group .font_list li{position: relative;line-height: 42px;}
.news_group .font_list li time{float: right}
.news_group .font_list li.item{border-bottom: solid 1px #dedede; padding-bottom: .3rem; margin-bottom: .2rem}
.news_group .font_list li.item .pic{width: 250px;}
.news_group .font_list li.item .pic figure{padding-bottom: 150px}
.news_group .font_list li.item .txt{width: calc(97% - 250px)}
.news_group .font_list li.item time{float: none}
.news_group .font_list li.item p{line-height: 30px}
.news_group .font_list li:not(.item){padding-left: 16px;height: 42px}
.news_group .font_list li:not(.item):before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 5px; height: 5px; background: #cccccc; border-radius: 100%}
.news_group .font_list li:hover:before{background: #ffb200}
.news_group .font_list li:hover a,
.news_group .font_list li:hover span.time,
.news_group .font_list li:not(.item):hover time{color: #ffb200}
.news_group .slide_news {margin-left: -.2rem; margin-right: -.2rem;}
.news_group .slide_news .item{margin:0 .2rem; background: #f7f7f7}
.news_group .slide_news .pic figure{padding-bottom: 60%}
.news_group .slide_news .txt{padding: .3rem .2rem}
.news_group .slide_news .txt h4{line-height: 32px; height: 64px; margin: .1rem 0}
.news_group .slide_news .txt p{line-height: 30px;}
.news_group .slide_news .slick-dots{padding-top: .4rem}
.news_group.bg_gray{background: #f7f7f7;padding:4% 0; margin: 2% 0;}
.news_group:last-of-type{padding-bottom: 6%}
@media (max-width:1200px) {
.news_group .slide_news {margin-left: -.1rem; margin-right: -.1rem;}
.news_group .slide_news .item{margin:0 .1rem; background: #f7f7f7}
.news_group .slide_news .txt p{display: none}
.news_group .slide_news .txt h4{line-height:26px; height:52px; }
.news_group .font_list li.item .pic{width:180px;}
.news_group .font_list li.item .txt{width: calc(97% - 180px)}

}
@media (max-width:768px) {
.news_group .group{width: 100%}
.news_group .group:not(:last-child){padding-bottom: 4%}
.news_group .inbox .photo_new,
.news_group .inbox .font_list{width:100%}
.news_group .inbox .photo_new{padding-bottom: 4%}
.news_group .inbox .photo_new .pic figure{padding-bottom: 60%}
.news_group .inbox .photo_new .txt h4{width: 100%}
.news_group .inbox .photo_new .slick-dots{position: relative;bottom: auto; padding: .2rem 0}
}

.news_piclist {padding-top: 1%; padding-bottom: 2%}
.news_piclist li{width:48.438%; margin-top:3.124%; background: #f7f7f7}
.news_piclist li .pic{width:47.743%;}
.news_piclist li .pic figure{padding-bottom:222px}
.news_piclist li .txt{width:52.257%; padding: .3rem}
.news_piclist li h4{line-height: 32px; height: 64px; margin: .1rem 0}
.news_piclist li p{line-height: 30px}
@media (max-width:768px) {
.news_piclist li{width:100%; }
.news_piclist li .pic figure{padding-bottom:180px}
.news_piclist li .txt{padding: .15rem}
}

.product_piclist {padding-top: 1%; padding-bottom: 2%}
.product_piclist ul:after{content:' '}
.product_piclist ul:after,
.product_piclist li{width:32.5%;}
.product_piclist li{ margin-top:1.25%; background: #f7f7f7}
.product_piclist li .pic{width:47.226%;}
.product_piclist li .pic figure{padding-bottom:254px}
.product_piclist li .txt{/*width:52.774%;*/ flex:1; padding:1.5vw}
.product_piclist li h4{line-height: 32px;}
.product_piclist li p{line-height: 36px; margin-top: .2rem; margin-bottom: .3rem}
.product_piclist li .more{width: 130px;padding-right:0}
.product_piclist li .more:not(:hover){border-color: #ffb200; color: #ffb200}
@media (max-width:1200px) {
.product_piclist li{width:48.438%;margin-top:3.124%; }
.product_piclist ul:after{display:none}
}
@media (max-width:768px) {
.product_piclist li{width:100%; }
.product_piclist li .txt{padding: .15rem}
.product_piclist li .pic figure{padding-bottom: 120%}
.product_piclist li p{line-height: 26px; margin-top: .1rem; margin-bottom: .2rem}
.product_piclist li .more{width: 120px;}
}

.type_menu{padding-top: 5%}
.type_menu li{padding: .15rem}
.type_menu li a{display: block; line-height: 30px; padding: .1rem .4rem; background: #f7f7f7; border-radius: 30px; transition: 0.5s}
.type_menu li.aon a{background: #ffb200;color: #fff;}
@media (max-width:1024px) {
.type_menu li{padding: .05rem}
.type_menu li a{padding: .05rem .2rem; }
}

.sub_title{padding-bottom: .2rem}
.sub_title:after{content: ''; width: 40px; height: 2px; background: #ffb200; display: block; margin-top: .2rem}


.pro_group{padding:5% 0; position: relative;}
.pro_group:nth-of-type(odd){background: #f7f7f7}
.pro_group .info{width: 44%}
.pro_group .photo{width: 50%}
.pro_group .desc{line-height: 2; padding: 2% 0}
.pro_group .number{max-width: 700px; margin: auto; padding-top: 5%}
.pro_group .number li{min-width:25%}
.pro_group .number b{font-weight: normal}
.pro_group .number span{padding-left: 10px;}
.pro_group .item_box[rel="txtcenter"] .sub_title:after{margin: auto; margin-top: .2rem}
.pro_group .item_box[rel="txtcenter"] .info{width: 100%; max-width: 1070px; margin: auto; text-align: center}
.pro_group .item_box[rel="txtcenter"] .photo{width: 100%}
.pro_group .item_box[rel="txtcenter"] .photo img{width: 100%; position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; object-fit: contain; -o-object-fit: contain}
@media (min-width:750px) {
.pro_group .item_box[rel="txtright"] .info{order: 2}
}
@media (max-width:768px) {
.pro_group .info,
.pro_group .photo{width: 100%}
.pro_group .photo{padding-top: 2%}
.pro_group .number li{width:50%; padding: 2% 0}
}

.recruit_process{padding:2% 0; }
.recruit_process .process{padding-top: 2%;}

.recruit_process .lct_pic{text-align:center}
.recruit_process .lct_pic .wap{display:none}

@media (max-width:960px) {
.recruit_process .lct_pic .pc{display:none}
.recruit_process .lct_pic .wap{display:inline-block}
}
/*
.recruit_process ul li{position: relative; text-align: center;align-content: center; background: linear-gradient(#fff7e5,#ffffff)}
.recruit_process ul li em{position: absolute;white-space: nowrap;  font-style: normal; z-index: 2 }
.recruit_process .ul:nth-child(1){width: 76%}
.recruit_process .ul:nth-child(1) li{height: 300px; width: .8rem;}

.recruit_process .ul:nth-child(1) li:not(:last-child):after{content: ''; position: absolute;left: 120%; top: 0; bottom: 0; margin: auto; width:40%; max-width:32px ;height:32px ;background: url(/uploads/image/crimages/icon_jt.png) no-repeat center center; background-size: contain; z-index: 1}
.recruit_process .ul:nth-child(1) li em{position: absolute;left: 120%; height: 30px;transform: translatey(30px);top: 0; bottom: 0; margin: auto;}
.recruit_process .ul:nth-child(1) li:nth-child(3){width: 1.2rem;}
.recruit_process .ul:nth-child(1) li:nth-child(3):after{width: 27%; }
.recruit_process .ul:nth-child(2){width:17%}
.recruit_process .ul:nth-child(2) li{width: 100%; height: 30%}
.recruit_process .ul:nth-child(2) li:after{content: ''; position: absolute;right: 110%; top: 0; bottom: 0; margin: auto; width:73px ;height:42px ;background: no-repeat center center}
.recruit_process .ul:nth-child(2) li:nth-child(1):after{background-image: }
.recruit_process .ul:nth-child(2) li:nth-child(2):after{background-image: }

@media (min-width:960px) {
.recruit_process .ul:nth-child(1) li span{height:58%;writing-mode: vertical-rl;}
.recruit_process .ul:nth-child(2) li:nth-child(1) em{transform: rotate(340deg) translatey(-30px)}
.recruit_process .ul:nth-child(2) li:nth-child(2) em{transform: rotate(20deg) translatey(30px)}
.recruit_process .ul:nth-child(2) li em{right: 110%}
}
@media (max-width:1400px) {
.recruit_process .ul:nth-child(1) li{ width: .7rem;}
.recruit_process .ul:nth-child(1) li:nth-child(3){width: 1rem;}
}
@media (max-width:1300px) {
.recruit_process .ul:nth-child(1) li:not(:last-child):after{left: 90%; }
.recruit_process .ul:nth-child(1) li em{left: 100%; }
}
@media (max-width:960px) {
.recruit_process .ul{width: 100%!important}
.recruit_process .ul li{padding: 2% 0; height: auto!important;}
.recruit_process .ul:nth-child(1) li{width: 100%!important; margin-bottom:32px}
.recruit_process .ul:nth-child(1) li:not(:last-child):after{left: 0; right: 0; top: 110%; transform: rotate(90deg)}
.recruit_process .ul:nth-child(1) li em{left: 60%; top: auto}
.recruit_process .ul:nth-child(2) li{width: 48%}
.recruit_process .ul:nth-child(2) li:after{top: -180%}
.recruit_process .ul:nth-child(2) li:nth-child(1):after{transform: rotate(180deg); left: 40%}
.recruit_process .ul:nth-child(2) li:nth-child(2):after{ right: 40%}
.recruit_process .ul:nth-child(2) li em{top:-60%}
.recruit_process .ul:nth-child(2) li:nth-child(1) em{left: 60%}
.recruit_process .ul:nth-child(2) li:nth-child(2) em{right: 60%}
}
*/

.contact_group{background: #fafafa;padding:6% 0; }
.contact_group .infobox{width: 46%}
.contact_group .column_title{text-align: left}
.contact_group .desc p{display: flex; padding: 3% 0; margin: 0}
.contact_group .desc p img{ margin-right: 8px;}
.contact_group .desc p b{font-weight: normal;flex: 1}
.contact_group .photo{width: 50%}
@media (min-width:750px) {
.contact_group .infobox{order: 2}
}
@media (max-width:768px) {
.contact_group .infobox,
.contact_group .photo{width:100%}
.contact_group .photo{padding-top: 4%}
}

.business_main{padding-top:2%; padding-bottom: 6%}
.business_main .business:after{content: '';}
.business_main .item{width:31.25%; margin-right:3.11%; margin-bottom:3.11%;}
.business_main .item:nth-child(3n){ margin-right:0;}
.business_main .item .pic figure{padding-bottom: 115%}
.business_main .item .info{transition: 0.5s; align-content: space-between; }
.business_main .item .txt,
.business_main .item .learn{width: 100%;}
.business_main .item .icon{max-width: 45px; width: 25%}
.business_main .item h4{margin-top: .2rem}
.business_main .item p{line-height: 2; margin-top: .3rem}
.business_main .item .more{background: #fff; display: inline-block; line-height: 44px; color: #ffb200;border: none}
.business_main .item .more:after{filter:none;}
@media (min-width:768px) {
.business_main .item .info{position: absolute; width: 100%; bottom: 0;padding: .3rem; color: #fff; }
.business_main .item:not(:hover) p,
.business_main .item:not(:hover) .learn{display: none}
.business_main .item .pic:after{content: '';position: absolute; bottom: 0; width: 100%; height: 100%; background:linear-gradient(rgba(0,0,0,0) 60%,rgba(0,0,0,0.9));transition: 0.5s}
.business_main .item:hover .pic:after{background: rgba(255,178,0,0.9)}
.business_main .item:hover .info{padding-top: .5rem; padding-bottom: .5rem; height: 100%;}
}
@media (max-width:1200px) {
.business_main .item:hover .info{padding-top: .2rem; padding-bottom: .2rem;}
.business_main .item h4{margin-top: .1rem}
.business_main .item p{line-height:1.5; margin-top: .2rem}
}
@media (max-width:768px) {
.business_main .business:after{display: none}
.business_main .item{width: 100%;background: #f7f7f7; }
.business_main .item a{display: flex}
.business_main .item .pic{width: 50%}
.business_main .item .info{width: 50%;padding: .2rem}
.business_main .item .icon{width: 30px}
.business_main .item .icon img{filter: grayscale(100%) brightness(50%); }
.business_main .item p{color: #666666;    -webkit-line-clamp:2;margin: .1rem 0}
.business_main .item:nth-child(even) .pic{order: 2}
}

.business_overview .desc{text-align: center; line-height: 30px; max-width: 1070px; margin: auto}

.business_list{padding-bottom: 2%}
.business_list ul:after{content:'';}
.business_list ul{ justify-content:flex-start;}
.business_list li{width:23.5%;margin-top:7%; margin-right:2%;}
.business_list li:nth-child(4n){ margin-right:0;}
.business_list li .pic figure{padding-bottom:70%}
.business_list li .pic .ewm{width: 40%; height:59.705%; opacity: 0; transition: 0.5s}
.business_list li h4{padding: .3rem 0; border-bottom: solid 1px #f0f0f0}
.business_list li p{line-height: 30px; /*height: 60px;*/margin-top: .2rem;}
.business_list li .more{line-height: 42px; margin-top: .3rem}
.business_list li:not(:hover) .more{border-color: #ffb200; color: #ffb200}
.business_list li:hover .more{background: #ffb200; color: #ffffff;}
.business_list li:hover .more:after{filter: brightness(0) invert(1);}
.business_list li:hover .pic .ewm{opacity: 1}
@media (max-width:768px) {
.business_list ul:after{display: none}
.business_list ul{justify-content: space-between;}
.business_list li{width:48.5%}
.business_list li:nth-child(2n){ margin-right:0;}
}

.business_detail {padding-bottom: 4%}
.business_detail .more{line-height: 42px;background: #ffb200; border-color: #ffb200; color: #ffffff;}
.business_detail .more:after{filter: brightness(0) invert(1)!important}
.business_detail .detail{padding-top: 1%;align-items: center;}
.business_detail .infobox{width: 60%;padding: .6rem 10% .6rem 5%; background: #f7f7f7}
.business_detail .desc{line-height: 30px; padding-bottom: 10%; padding-right: 5%; max-height:450px; overflow-y: auto;}
.business_detail .bg{position: relative}
.business_detail .bg:after{content: '';left: 0; bottom: 0; position: absolute; width: 100%; height:60px; background: linear-gradient(rgba(247,247,247,0),rgba(247,247,247,1))}
.business_detail .pic{width:47.5%; margin-left: -7.5%; position:relative}
.business_detail .pic img.img{width:100%}
/*.business_detail .pic figure {padding-bottom: 67.106%; padding-bottom: 570px}*/
.business_detail .pic figure img.ewm{width: 200px;height: 200px;opacity: 0;transition: 0.5s;position: absolute;z-index: 5;margin: auto;left: 0;right: 0;top: 0;bottom: 0;}
.business_detail .pic:hover figure img.ewm{opacity: 1}
@media (max-width:768px) {
.business_detail .pic{width:100%; margin-left:0}
.business_detail .infobox{width: 100%; padding:4%}
.business_detail .pic figure img.ewm{width: 140px; height: 140px;}
}

.pages{text-align: center;padding-top:3%; padding-bottom:3%; line-height: 60px; font-size: .18rem;}
.pages span:not(.p_page),
.pages .p_page a.a_first,
.pages .p_page a.a_end{display: none}
.pages .p_page,
.pages .p_page em{ display: flex; justify-content: center; align-content: center}
.pages .p_page em{font-style: normal}
.pages .p_page a{color: #acacac; display: inline-block; min-width: 60px; box-shadow:inset 0 0 0 1px #e6e7ea; margin: 0 10px; border-radius: 100%; overflow: hidden; position: relative}
.pages .p_page a:not(.no):hover,
.pages .p_page .a_cur,
.pages .p_page .a_prev:not(.no),
.pages .p_page .a_next:not(.no){box-shadow: none; background: #ffb200; color: #ffffff}
.pages .p_page .a_prev,
.pages .p_page .a_next{text-indent: -200px;}
.pages .p_page .a_prev:before,
.pages .p_page .a_next:before{content:'';left: 0; position: absolute; width: 100%; height: 100%; background: url(/uploads/image/crimages/jt.svg) no-repeat center center}
.pages .p_page .a_next:before{transform: rotate(180deg)}
.pages .p_page .a_prev:not(.no):before,
.pages .p_page .a_next:not(.no):before{filter: brightness(0) invert(1);}
.pages .p_page a.no{cursor: default}
@media (max-width:768px) {
  .pages{line-height: 40px;}  
  .pages .p_page a{min-width: 40px;}
}


.article_detail{padding:5% 0}
.article_detail .title{text-align: center; padding-bottom: 2%}
.article_detail .title dl{padding: 1% 0}
.article_detail .title dl span{display: inline-block; padding: 0px 10px}
.article_detail .article{padding: 3% 0; border-top: solid 1px #e8e8e8;border-bottom: solid 1px #e8e8e8;}
.article_detail .article {line-height: 2}
.article_detail .article img{height: auto!important; display: block;  margin: auto;  max-width: 800px;}
@media (max-width:1024px) {
   .article_detail .article img {max-width: 100%;}
}

.prev_next{line-height: 44px; padding-top: 3%;}
.prev_next p.dot a:not(:hover){opacity: 0.7}
.prev_next p.back a{display: inline-block; padding: 0 30px 0 55px; color: #fff; background: #ffb200  no-repeat 28px center; border-radius: 30px;}
@media (min-width:1024px) {
.prev_next p.back{order:2}
.prev_next p.prev{order: 1}
.prev_next p.next{order: 3}
.prev_next p.dot{max-width: 40%}
}
@media (max-width:1024px) {
.prev_next p{width: 100%}
}

.play_video{border: solid 5px #fff; cursor: pointer; width:60px; height: 60px; position: absolute;  left: 0; right: 0; z-index: 9; background:  no-repeat center center;}
.play_video,
.play_video:before,
.play_video:after{border-radius: 100%;margin: auto;top: 0; bottom: 0; }
.play_video:before,
.play_video:after{content: '';position: absolute;border: solid 1px #fff; left: -100%; right: -100%;}
.play_video:before{width: 136%; height: 136%; opacity: 0.5; animation: yuan1 1s linear infinite;}
.play_video:after{width: 166%; height: 166%; opacity: 0.2; animation: yuan2 1.2s linear infinite;}

@keyframes yuan1{
0{width: 136%; height: 136%;}
100%{width: 180%; height: 180%; opacity: 0}
}
@keyframes yuan2{
0{width: 166%; height: 166%;}
100%{width: 220%; height: 220%; opacity: 0}
}

.video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.video_files video{width:100%; height:100%; background-color:#000; position: absolute;}
.video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background: linear-gradient(45deg,#ea5504,#ff6e03);cursor: pointer;}
.video_files .close::before,
.video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.video_files .close::before{ transform:rotate(45deg);}
.video_files .close::after{ transform:rotate(-45deg);}
[rel="outside"] .video_files{position: fixed; align-items: center; justify-content: center}
[rel="outside"] .video_files .filesbox{position: relative; max-width: 1200px; width: 96%;}

.scrollbar::-webkit-scrollbar{width: 8px;}
.scrollbar::-webkit-scrollbar{width: 5px; height:5px;-webkit-overflow-scrolling : touch;background-color:transparent;}
.scrollbar::-webkit-scrollbar-track{background-color: transparent;}
.scrollbar::-webkit-scrollbar-thumb{background-color: #edf0f0;}
.scrollbar::-webkit-scrollbar-button{height: 0px;background-color: #ffffff;}

/*xx index*/


.body_index .header .top_h{display: none}
.body_index .header menu li.aon span:after{display: none}
.body_index .header:not(.hover) .top_w{background: none}
.body_index .header:not(.hover) .other:after{background: #ffffff}
.body_index .header:not(.hover) .open-search{filter: brightness(0) invert(1);}
@media(min-width:1024px){
.body_index .header:not(.hover) menu li span a{color: #fff}
}


.body_index .news_group {padding-top: 1.8%; padding-bottom:6%; background: linear-gradient(#ffffff,#f7f7f7)}
.body_index .news_group .font_list li{height: auto}
.body_index .news_group .font_list li:not(:last-child){margin-bottom: .1rem}
.body_index .news_group .font_list li:before{top:20px; bottom: auto}
.body_index .news_group .font_list li span.time{display: block; line-height: 30px}

.body_index .news_group .topic{padding-bottom: 4%; overflow: hidden }
.body_index .news_group .topic .slick-list{margin-left: -13.5px; margin-right: -13.5px;}
.body_index .news_group .topic .item{padding: 0px 13.5px;}
.body_index .news_group .topic .pic figure{padding-bottom:39.475%}
.body_index .news_group .topic .slick-prev{left: -10px}
.body_index .news_group .topic .slick-next{right: -10px}
@media(max-width:768px){
.body_index .news_group .topic .pic figure{padding-bottom: 22.39%}
.body_index .news_group .topic .slick-dots{position: absolute; bottom: .1rem}
.body_index .news_group .topic .slick-dots li.slick-active button{background: #fff}
.body_index .news_group .font_list li:not(.item){padding: 2% 0;}
.body_index .news_group .font_list li:not(.item):not(:last-child){ border-bottom: solid 1px #e6e6e6}
.body_index .news_group .font_list li h4{-webkit-line-clamp: 2;font-size: .28rem}
}

.body_index .about_detail .article{padding-top:6%; padding-bottom: 6%; max-width:645px}
.body_index .about_detail .pic{padding-bottom: 13%}
.body_index .about_detail .more{line-height: .58rem; display: inline-block; padding-left: .4rem;padding-right: .96rem}
.body_index .about_detail .more:not(:hover){border-color: #ffb200; color: #ffb200}
.body_index .about_detail .more:not(:hover):after{right: 20%}
@media(max-width:768px){
.body_index .about_detail .article{max-width: inherit; width: 60%}
.body_index .about_detail .pic{ width: 60%}
}
.body_index .culture_main{padding-top: 5.5%; padding-bottom: 5%}
.body_index .culture_main .culture .yuan,
.body_index .culture_main .culture .yuan_bg{display: none}
.body_index .culture_main .culture .title{position: relative; padding-bottom:5%}
.body_index .culture_main .other{margin-top:0}
.body_index .culture_main .strategic .desc{padding-bottom: 4%}
.body_index .culture_main .strategic .more{line-height: .58rem; display: inline-block; padding-left: .4rem;padding-right: .96rem;border-color: #ffb200; background: #ffb200; color: #ffffff;position: absolute;left: 50%;transform: translatex(-50%);bottom: 10%}
.body_index .culture_main .strategic .more:after{right: 20%;filter: brightness(0) invert(1);}
/*xx index end*/

.sitemap .title{text-align:center;font-size: .28rem;}
.sitemap dl{display:flex; flex-wrap: wrap; padding:1.5% 0;border-bottom: solid 1px #ddd}
.sitemap dl dt{min-width:1.2rem; font-weight:bold}
.sitemap dl dd{flex:1}
.sitemap dl dd span{display:inline-block; padding-right:20px}
.sitemap dl dd span a:not(:hover){opacity:0.7}
.sitemap dl dd span a:hover{text-decoration:underline}