/*@import url('../fonts/fonts.css');*/
@import url('responsive2.0.css');
@import url('animation.css');

.banner{position: relative; background: #000}
.banner .info{position: absolute;width: 100%; top: 50%; transform: translateY(-50%); z-index: 10}
.banner .info span{display: block; color: #ffffff}
.banner .info span.cn{}
.banner .info span.en{text-transform: uppercase;color: rgba(255,255,255,0.6)}
.banner img{opacity: 0.9}

.header{position: fixed;  z-index: 110; width: 100%;padding: .4rem 0;transition: 0.5s}
.header .auto{max-width: calc(1810/1920*100%);}
.header .other{}
.header .logo img{height: 40px}
.header .language-box{position: relative;}
.header .language-box a{padding:0 26px; color: #fff; line-height: 40px;display: block}
.header .language-box >a{background: url("../images/language_jt.svg") no-repeat right center}
.header .language-box:before{content: ''; width: 20px; height:20px; top:10px; position: absolute; background: url("../images/lang.gif") no-repeat left; border: solid 1px #fff; border-radius: 100px; background-size:100%;filter: grayscale(100%) brightness(1000%); }
.header .search-box{ padding-left: .2rem;position: relative; margin-left: .2rem}
.header .search-box:before{content: '';position: absolute;left: 0px;top:0; bottom: 0; margin: auto; width: 2px; height: 18px; background: #fff; opacity: 0.3}
.header .search-box a{cursor: pointer; width: 40px; height: 40px; display: block; background: url("../images/search_icon.svg") no-repeat center center}
.header .top-search{position: absolute;max-width: 50vw; width: 320px;padding:5px; background: #dbbd88;right: 0; border-radius: 5px; display: none;}
.header .top-search .text{width: calc(100% - 40px);height: 40px; border: none}
.header .top-search .btn{float: right;}
.header #menu{}
.header #menu li{margin-right: .5rem}
.header #menu li b{display: block; line-height:40px;font-weight: normal; position: relative; text-align: center;z-index: 3}
.header #menu li b a{color: #fff; display: block;}
.header #menu .sub{width:max-content; position: absolute; min-width: 100%;background-color: #ffffff;border-radius: 0px 0px 5px 5px;border: solid 1px #f3f3f3; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 5px 0; margin-top: -1px; white-space: nowrap}
.header #menu .sub dt{ line-height: 30px;}
.header #menu .sub dt a{display: block;padding: 5px 20px;}
.header #menu .sub dt a:hover{background:rgba(219,189,136,0.9); color: #fff}
.header #menu li.aon{z-index: 101}
.header #menu li.aon:before{opacity: 1}
.open-menu{ position: relative; width:.6rem; height:.6rem;margin-left: .35rem; cursor: pointer;background: #dbbd88; }
.open-menu i{position: absolute; width: 100%; height: 2px; left: 0; right: 0; top: 50%; margin: auto;  transition: 0.3s; width: 20px;}
.open-menu i::before, 
.open-menu i::after{background: #fff;}
.open-menu i::before,
.open-menu i::after{ position: absolute; left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
.open-menu:not(.on) i::after{top: -4px;}
.open-menu:not(.on) i::before{top: 4px; width: 16px; transform: translateX(4px)}
.open-menu.on i:nth-child(2){opacity: 0;}
.open-menu.on i{background: none}
.open-menu.on i::before{transform: rotate(-45deg);}
.open-menu.on i::after{transform: rotate(45deg);}
.header.roll_header{padding: .1rem 0;background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0))}
@media(max-width:1320px){
.header .search-box{ padding-left: .1rem;}
.header #menu li{ margin-right: .3rem;}
.open-menu{margin-left: .2rem}
}
@media(max-width:1200px){
.header #menu li{ margin-right: .2rem;}
.open-menu{width: .4rem; height: .4rem; margin-left: .1rem}
}
@media(max-width:1024px){
.header #menu{position: fixed; left:-100%;opacity: 0; top:0; bottom: 0;overflow: auto; width: 240px;background: rgba(219,189,136,0.9); transition: 0.3s;}
.header #menu ul{padding: 20px; display: block}
.header #menu li{padding:5px 0; width: 100%}
.header #menu li b a{color: #fff; font-size:.22rem; position: relative;}
.header #menu li:after{display: none}
.header #menu li:before{display: none}
.header #menu li .sub{display: none;font-size: 15px; position: relative; margin-top: 0; padding: 5px 0}
.header #menu li .sub dt a{width: 100%; padding:5px 0; text-align: center;}
.header #menu li .sub dt:not(:last-child){ border-bottom: solid 1px #ebebeb}
.header #menu li.has-sub b .op{position:absolute; z-index: 10; width:15px; height:15px; right:3%; top:50%; margin-top:-6px;transition:0.3s;}
.header #menu li.has-sub b .op::before,
.header #menu li.has-sub b .op::after{  position:absolute; content:'';  background:#fff;}
.header #menu li.has-sub b .op::before{width:100%; height:3px;left:0; top:6px;}
.header #menu li.has-sub b .op::after{ width:3px; left:6px; top:0; height:100%;}
.header #menu li.has-sub.clickon b .op{ transform:rotate(45deg);}


body.menu-show{overflow: hidden;}
body.menu-show .header #menu{left: 0;opacity: 1;}
}



.footer{background: #1c1c1e url(../images/bottom_logobg.svg) no-repeat left center;background-size: calc(587/1920*100%);; position: relative; z-index:8;padding:5.1% 0}
.footer,
.footer a:not(:hover){color: rgba(255,255,255,0.4)}
.footer a:hover,
.footer .contact dd{color: #fff}
.footer .contact {padding: .5rem 0;}
.footer .contact dl{padding: 2% 0}
.footer .logo img{height: 40px;}
.footer .stock{color: #fff; line-height: 20px;margin-left: 8px; padding-left: 8px; border-left: solid 1px #717173}
.footer .stock span{display: block;}
.footer .ewm figure{width: 90px;margin-right: 20px;}
.footer .menubox{max-width: calc(100% - 350px); width: 900px; display: flex;flex-wrap: wrap;  align-content: space-between;}
.footer .caidan {width: 100%}
.footer .caidan dt a{color: #fff;}
.footer .caidan dt:after{ content: ''; width:4px; height:4px;margin: 10px 0; display: block; background-color: #dbbd88;}
.footer .caidan dd span{display: block;padding: 5px 0}
.footer .copyright{width: 100%; text-align: center}
@media(max-width:1024px){
.footer .infobox{width: 100%;margin-bottom: 5%; display: flex;flex-wrap: wrap; align-items: flex-start; justify-content:space-between}
.footer .contact{padding: 0}
.footer .menubox{max-width:100%;; width:100%;}
}
@media(max-width:768px){
.footer .infobox .logo{width: 100%; margin-bottom: 4%}
.footer .contact{max-width: 45%}
.footer .caidan{display: none}
.footer .icp{display: none}
}

.menu_location{border-bottom: solid 1px #ebebeb;line-height: 40px;padding:.2rem 0;}
.menu li{margin-right: .8rem;}
.menu li a{position: relative;display: block}
.menu li a:after{content: '';position: absolute;left: 0; bottom:-.21rem; width: 0; height: 2px; background: #dbbd88; transition: 0.5s}
.menu li.aon a{ color: #dbbd88;}
.menu li.aon a:after{width: 100%;}
.location{background: url(../images/location.svg) no-repeat left 11px;padding-left: 27px;}
.location i{font-style: normal; padding: 0px 6px}
.location span{color: #dbbd88}
.menu_location.fixed{position: fixed; width: 100%;top:50px;background:rgba(255,255,255,0.95); z-index: 99}
@media(max-width:768px){
.location{width: 100%}
.menu li{margin-right: .4rem;}
.menu {order: 2}
}

.column_title{line-height: 1;padding-bottom: 4%}
.column_title span{display: block}
.column_title span.cn{font-size: .46rem}
.column_title span.en{text-transform: uppercase; color: #999999; padding-top: 20px}
@media(max-width:1024px){
.column_title span.cn{font-size: .32rem}
}
.more_icon a{display: block; width: .6rem; height: .6rem; border-radius: 100%; background:#dbbd88 url(../images/more_jt.png) no-repeat center center}
@media(max-width:768px){
.more_icon a{width: .35rem; height: .35rem;}
}

.contents{line-height: 2;}

.section_about .section:not(.about_brief) .column_title{text-align: center}
.section_about .column_title span.en{display: none}
.section_about .section{padding-top:5%; padding-bottom:5%}

.section_about .about_brief{padding-bottom: 0;padding-top:8%}
.about_brief {overflow: hidden}
.about_brief .main{position: relative;padding-bottom:7%}
.about_brief .main:after{content: '';position: absolute; width:116%; right: 0; bottom: 0; height: 80%; background: #f9f8f4; z-index: -1}
.about_brief .info{width:calc(580/1440*100%)}
.about_brief .txt{padding-bottom: 25%}
.about_brief .photo{width:calc(720/1440*100%); }
.about_brief .editor_index_about .box_l{padding: 4% 0}
.about_brief .editor_index_about .box_r dt{color: #dbbd88}

@media(min-width:768px){
.about_brief .column_title{padding-bottom: 2%}
.about_brief .photo{margin-top: -7%}
}
@media(max-width:768px){
.about_brief .info,
.about_brief .photo{width: 100%}
.about_brief .txt{padding-bottom: 5%}
}

@media(min-width:1520px){
.about_structure .img{margin-left: -40px; margin-right: -40px;}
}
.about_culture{padding: 0!important}
.about_culture .auto{width: 100%; max-width:100%}
.about_culture .list{display:flex;flex-wrap: wrap; justify-content:space-around }
.about_culture .item{flex: 1; text-align: center}
.about_culture .pic figure{padding-bottom: 115.625%}
.about_culture .info{color: #fff; position: absolute; margin: auto; left: 0;right:0; top: 0; bottom: 0; width: 80%; height: 80%; display: flex; align-content: space-around; flex-wrap: wrap}
.about_culture .txt{width: 100%;position: relative;padding: 2% 0}
.about_culture .txt:before,
.about_culture .txt:after{content: ''; position: absolute; width:30px; height:30px; border-left: solid 10px #dbbd88;border-bottom: solid 10px #dbbd88; transition: 0.5s; opacity: 0}
.about_culture .txt:before{top:-.2rem; right: -.2rem;transform:rotate(180deg)}
.about_culture .txt:after{left: -.2rem; bottom: -.2rem}
.about_culture .txt h4{margin-bottom: .2rem}
.about_culture .txt p{ margin: 4%; opacity: 0; transform: scale(0); transition: 0.5s}
.about_culture .icon{max-width: 86px; width: 35%; margin: auto; padding: .2rem;border: solid 1px #fff; border-radius: 100%}
.about_culture .icon figure{transition: 0.5s}
.about_culture .item:hover .txt:before{top:0; right: 0;opacity: 1}
.about_culture .item:hover .txt:after{left: 0; bottom: 0;opacity: 1}
.about_culture .item:hover .txt p{opacity: 1; transform: scale(1)}
.about_culture .item:hover .icon{border-color: #dbbd88; background: #dbbd88}
.about_culture .item:hover .icon figure{transform: rotate(360deg)}
.about_culture .item:hover .icon img{-webkit-transform: scale(0.9);  transform: scale(0.9);}
@media(max-width:768px){
.about_culture .item{flex: auto; width: 100%;display: flex;flex-wrap: wrap; align-content: space-around; }
.about_culture .item >div{flex: 1; }
.about_culture .info{position: inherit; color: #333}
.about_culture .txt{width: 80%; margin: auto}
.about_culture .txt p{opacity: 1;transform: scale(1);}
.about_culture .txt:before{top:0; right: 0;opacity: 1}
.about_culture .txt:after{left: 0; bottom: 0;opacity: 1}
.about_culture .icon{border-color: #dbbd88; background: #dbbd88}
.about_culture .item:nth-child(even) .pic{order: 2}

}

.about_history{background:#f5f7f9 no-repeat center bottom; background-size: 100%}
.about_history .slider_list{max-width: 1200px; margin: auto}
.about_history .slider_list .item{display:flex; align-items: center; justify-content:space-around; padding: 60px 20px}
.about_history .slider_list .item >div{flex: 1;}
.about_history .slider_list .pic figure{padding-bottom: 70.69%}
.about_history .slider_list .info{position: relative;box-shadow: 0 6px 21px rgba(0,0,0,0.1); background: rgba(255,255,255,0.8)}
.about_history .slider_list .info .txt{padding: 1rem .45rem .70rem .45rem; }
.about_history .slider_list .info dl{position: absolute; top: 0;margin-top: -30px;line-height: 60px; font-size: calc(120/1920*100vw); color: #1b2755; font-weight: bold}
.about_history .slider_list .info dl span:nth-child(1){z-index: -1; position: relative}
.about_history .slider_list .info p{margin-top: .3rem;line-height:1.85; }
.about_history .slider_year{text-align: center}
.about_history .slider_year .item{padding: 30px 0;}
.about_history .slider_year .item:before,
.about_history .slider_year .item:after{content: '';position: absolute; top: 35px;width: calc(50% - 25px); height: 1px; background: rgba(27,39,85,0.2)}
.about_history .slider_year .item:before{right: calc(50% + 25px)}
.about_history .slider_year .item:after{left: calc(50% + 25px)}
.about_history .slider_year .item i{width: 13px; height: 13px; border-radius: 100%; background: #1b2755; margin: auto;  display: block;position: relative}
.about_history .slider_year .item i:before{content: ''; position: absolute; left: -16px; right: -16px;top:-16px; bottom: -16px;border: dashed 1px #1b2755;border-radius: 100%; }
.about_history .slider_year .item b{display: block; line-height: 2; margin-top: 20px; font-weight: normal}
.about_history .slider_year .item span{display: inline-block; cursor: pointer;transition: 0.5s}
.about_history .slider_year .slick-current{color: #dbbd88}
.about_history .slider_year .slick-current i{background: #dbbd88}
.about_history .slider_year .slick-current i:before{border-color: #dbbd88; background: rgba(219,189,136,0.2)}
.about_history .slider_year .slick-current span{transform:  translateY(8px) scale(1.2);}
@media(min-width:1520px){
.about_history .slider_list .slick-prev{left: -6vw}
.about_history .slider_list .slick-next{right: -6vw}
}
@media(max-width:768px){
.about_history .slider_list .item{display: block}
.about_history .slider_list .pic{z-index:-1}
.about_history .slider_list .info .txt{padding: .40rem .20rem .20rem .20rem; }
}

.about_honors{padding-bottom: 2%!important}
.about_honors .honors{text-align: center; padding-bottom: 100px}
.about_honors .slick-slide >div{float: left;width: 33.333%;}
.about_honors .item .pic{box-shadow: 0 0 0 1px #e5e6e8; background: #f2f2f2; border: solid 1px #fff; padding: 10px;max-width: 238px;width: 70%; margin: auto}
.about_honors .item .pic:after{content: '';position: absolute; width: 60%; height: 80%;background: rgba(2,2,2,.2); bottom: -3%; right: -3%;z-index: -1; box-shadow: 0 0 10px 10px rgba(2, 2, 2, .2);   transform: rotate(-8deg);}
.about_honors .item figure{padding-bottom: 144%}
.about_honors .item figure img{object-fit: contain;-o-object-fit: contain}
.about_honors .item .txt{position: relative;height: 100px; display: flex; align-items: center;justify-content: center; background:#fff url(../images/honors_xian.png) repeat-x center top}
.about_honors .slick-slide{padding-left: 40px;padding-right: 40px}
.about_honors .slick-arrow{top:95%;}
.about_honors .slick-arrow.slick-disabled{border-color: #e4e4e4}
.about_honors .slick-arrow.slick-disabled:before{filter: grayscale(100%) brightness(50%);}
.about_honors .slick-prev{left: 40%}
.about_honors .slick-next{right: 40%}
@media(min-width:1024px){
.about_honors .slick-slide >div:nth-child(3n+1) .txt:before{content: '';left: -40px; position: absolute; width:40px; height: 100%;background:#fff  url(../images/honors_touying.png) no-repeat left top}
.about_honors .slick-slide >div:nth-child(3n+3) .txt:after,
.about_honors .slick-slide >div:last-child .txt:after{content: '';right: -40px; position: absolute; width: 40px; height: 100%; background:#fff url(../images/honors_touying.png) no-repeat right top}
}
@media(max-width:1024px){
.about_honors .slick-slide >div{width: 50%}
.about_honors .slick-slide >div:nth-child(odd) .txt:before{content: '';left: -40px; position: absolute; width: 40px; height: 100%;background:#fff url(../images/honors_touying.png) no-repeat left top}
.about_honors .slick-slide >div:nth-child(even) .txt:after,
.about_honors .slick-slide >div:last-child .txt:after{content: '';right: -40px; position: absolute; width: 40px; height: 100%; background:#fff url(../images/honors_touying.png) no-repeat right top}
}

.contact_us dl{padding-top: 8%;padding-bottom: 8%}
.contact_us .editor_ContactUs{padding-top: 8%}
.editor_ContactUs dl{padding-left: 46px}
.editor_ContactUs dt{color: #666666; position: relative}
.editor_ContactUs dt img{position: absolute; left: -46px}
.contact_us.flex_js_ac .content{width: 300px;}
.contact_us.flex_js_ac .photo{width:calc(100% - 360px)}
@media(max-width:640px){
.contact_us.flex_js_ac .content,
.contact_us.flex_js_ac .photo{width:100%}
.contact_us dl{padding-top:4%;padding-bottom:4%}
}


.stock_overview .info{width:4.5rem; position: relative}
.stock_overview .info .txt{position: absolute;left: 10%; right: 10%; top: 50%; transform: translateY(-50%); color: #ffffff;}
.stock_overview .info h1{padding-bottom: 10%}
.stock_overview .info h1 span{padding-left: 20px}
.stock_overview .info img{width: 100%;}
.stock_overview .stock{line-height: 1}
.stock_overview .stock b{font-size: calc(88/1920*100vw); font-weight: normal; margin-right: .3rem;}
.stock_overview #newdate{opacity: 0.4; font-size: .14rem}
.stock_overview .content{width: calc(100% - 4.5rem); background: #f9f8f4;padding: 2%}

.editor_StockOverview {line-height: 24px;padding: 0 1%}
.editor_StockOverview dl{width: 24%; padding: 1.5% 0;margin:0 0.5%}
.editor_StockOverview dl:nth-child(4)~dl{border-top: dashed 1px #e5e5e1;}
.editor_StockOverview dl dt{color: #666; opacity: 0.7}
.editor_StockOverview dl dd{}
@media(max-width:1280px){
.editor_StockOverview dl{width: 30%; }
}
@media(max-width:1024px){
.editor_StockOverview dl{width: 49%; }
.stock_overview .info{width:38%; }
.stock_overview .info .txt{left: 5%; right: 5%}
.stock_overview .content{width:62%; }

}
@media(max-width:640px){
.stock_overview .info{width: 100%;}
.stock_overview .info .txt{position: initial;transform:none; padding: 10%}
.stock_overview .info figure{position: absolute; width: 100%; height: 100%; bottom: 0; z-index: -1}
.stock_overview .info figure img{position: absolute; width: 100%; height: 100%; object-fit: cover;-o-object-fit: cover}
.stock_overview .stock b{font-size: calc(88/768*100vw);}
.stock_overview .content{width: 100%}
}

.business_list .pic{width: calc(850/1440*100%)}
.business_list .pic img{width: 100%}
.business_list .info{width: calc(510/1440*100%);}
.business_list .info .icon{width:25%; max-width: 65px;}
.business_list .info h4{margin-top: .4rem; margin-bottom: .2rem}
.business_list .info p{color: #666666; font-weight: lighter}
.business_list .more_icon{padding-top: 12%}
.business_list .more_icon a:not(:hover){background-color: #fff;background-image: url("../images/more_jt2.png"); box-shadow: 0 0 0 1px #dbbd88}
.business_list .item:nth-child(even) .pic{order: 2}
.business_list .item:after{content: '';position: absolute; width: calc(510/1440*100%); height: 1px; bottom: 0; background: #ebebeb}
.business_list .item:nth-child(odd):after{right: 0}
.business_list .item:nth-child(even):after{left: 0}
.business_list .item:not(:last-child){margin-bottom:6%}
@media(max-width:640px){
.business_list .info .icon{position: absolute; max-width: 40px}
.business_list .info h4{line-height: 40px; padding: 0 0 0 50px;margin-top: 0;font-size: .22rem;}
.business_list .pic{width: 50%}
.business_list .info{width:45%}
}

.business_intro {padding-bottom: 5%;}
.business_intro .column_title{text-align: center}
.business_intro .box{position: relative;}
.business_intro .box:after{content: '';position: absolute; width: 100%;height: 1px; bottom: 0; left: 0; background: #ebebeb;}
.business_intro .box.flex_js .contents {
    width: calc(500 / 1440 * 100%);
    height: 423px;
    overflow: auto;
}

/* 定制滚动条 */
.business_intro .box.flex_js .contents::-webkit-scrollbar {
    width: 8px; /* 改变这个值以设置滚动条宽度 */
}

.business_intro .box.flex_js .contents::-webkit-scrollbar-thumb {
    background-color: #888; /* 改变这个值以设置滚动条滑块颜色 */
    border-radius: 10px; /* 可选：使滚动条滑块变圆 */
}

.business_intro .box.flex_js .contents::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* 改变这个值以设置滚动条滑块在悬停时的颜色 */
}

.business_intro .box.flex_js .contents::-webkit-scrollbar-track {
    background: transparent; /* 改变这个值以设置滚动条轨道颜色 */
}

/* 隐藏滚动条，除非在滚动时显示 */
.business_intro .box.flex_js .contents {
    scrollbar-width: thin; /* 针对Firefox */
    scrollbar-color: #888 transparent; /* 针对Firefox */
}

.business_intro .box.flex_js .contents::-webkit-scrollbar {
    display: none; /* 针对Chrome, Safari和Edge */
}

.business_intro .box.flex_js .contents:hover::-webkit-scrollbar {
    display: block; /* 悬停时显示滚动条 */
}
.business_intro .box.flex_js .photo{width: calc(850/1440*100%);}
.business_intro .box.flex_js .photo img{max-width: inherit; width: 100%}
.business_intro .box.flex_js:after{width: calc(500/1440*100%);}
.business_intro .contents{color: #666666; }
.business_intro .intro{padding-bottom:5%;font-weight: lighter;}
.business_intro .article{font-weight: lighter;}
.business_intro .sub{color: #333}
@media(max-width:1024px){
.business_intro .box.flex_js .photo{width: 100%; padding: 5% 0}

.business_intro .box.flex_js .contents{width: 100%;}
}


.project_list .column_title{text-align: center}
.project_list .sub{line-height: 60px; border-bottom: solid 1px #ebebeb;text-align: center}
.project_list .sub li{width: 20%}
.project_list .sub li a{display: inline-block;}
.project_list .sub li.aon a{color: #dbbd88; border-bottom: solid 2px #dbbd88}
.project_list .list li{width: calc(470/1440*100%);margin-top:.6rem; border-bottom: solid 1px #ebebeb}
.project_list .list li figure {  padding-bottom: 65.96%;}
.project_list .list li .info{padding: 4% 0}
@media(min-width:768px){
.project_list .list li:nth-child(3n+2){margin-left:calc(15/1440*100%);margin-right:calc(15/1440*100%) }
}
@media(max-width:768px){
.project_list .list ul{justify-content: space-between}
.project_list .list li{width: 48%}
}

.jobs_main .sidebar{width: 260px}
.jobs_main .job_select{padding-bottom: 10px;}
.jobs_main .job_select select,
.jobs_main .job_search input{width: 100%; border: solid 1px #e6e6e6;padding: .2rem;line-height: 20px;}
.jobs_main .job_search input::placeholder{color: #999999}
.jobs_main .job_search a{display: block; margin-top: 10px; color: #fff;padding: .2rem;line-height: 20px; text-align: center; cursor: pointer;background: #dbbd88}
.jobs_main .job_search a:hover{background: #caa461}
.jobs_main .main{width: calc(95.834% - 260px)}
.jobs_main .total{border-bottom: solid 1px #e6e6e6;padding-bottom: 10px}
.jobs_main .total span{ color: #dbbd88}
.jobs_main .list .item{border: solid 1px #e6e6e6;width:49.108%;margin-top:2%;transition: 0.5s; }
.jobs_main .list .info{cursor: pointer}
.jobs_main .list h4{padding: 2% 5%;line-height: 40px}
.jobs_main .list p{padding: 2% 5%; color: #808080; font-weight: lighter}
.jobs_main .list p span{display: inline-block}
.jobs_main .list p span:first-child{width: 40%}
.jobs_main .list p:last-child{border-top: solid 1px #e6e6e6}
.jobs_main .list .item:hover{box-shadow: 0px 10px 30px 0px rgba(0, 51, 119, 0.08);border-color: #fff}
.jobs_main .list .jobdetails{display: none}

.job_content{font-size: .16rem; line-height: 1.8}
.job_content .article{ font-weight: lighter; color: #666666; }
.job_content .txt{font-weight: lighter; border-bottom: solid 1px #e6e6e6;padding:2% 0 }
.job_content .txt dl{min-width: 210px;display: flex}
.job_content .sub{padding-top: 3%}
.job_content .apply{padding-top: 3%}
.job_content .apply a{color: #fff;display: inline-block; cursor: pointer; padding-left: 25px; padding-right: 60px; line-height: .5rem; background: #dbbd88 url(../images/apply.svg) no-repeat 80% center}
.job_content .apply a:hover{background-color: #caa461}

@media(max-width:1024px){
.jobs_main .sidebar,
.jobs_main .main{width: 100%}
.jobs_main .sidebar{display: flex;flex-wrap: wrap; justify-content: space-between;padding-bottom: 4%}
.jobs_main .job_select{width: 49%}
.jobs_main .job_select select,
.jobs_main .job_search input,
.jobs_main .job_search a{padding: .1rem;}
.jobs_main .job_search a{margin-top: 0;}
.jobs_main .job_search{width: 100%;display: flex;justify-content: space-between}
.jobs_main .job_search input,
.jobs_main .job_search a{width: 49%}
.jobs_main .list .item{width: 100%}
}

.layer-box{display: none;position: fixed;background-color: rgba(0, 0, 0,0.3); top: 0; left: 0;  width: 100%;  height: 100%; z-index: 1000}
.layer-box .boxin{background: #fff; position: absolute; padding:3%; border-radius: 2px; box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);margin: auto; left: 0; right: 0; top:50%; width: 95%; max-width: 600px; transform: translateY(-50%)}

.layer-box .jobname{padding-bottom:5%}
.layer-box .jobname b{font-size: .3rem; font-weight: normal}
.layer-box .box_item{display: flex;padding: 10px 0}
.layer-box .box_item .name{width: 80px; line-height: 40px;text-align: right}
.layer-box .box_item .box{width: calc(100% - 80px)}
.layer-box .box_item .box input{width: 100%; height: 40px; border: solid 1px #eee; padding:5px 10px;}
.layer-box .queueList{margin: 0; border: solid 1px #eee}
.layer-box .placeholder{padding: 30px 0}
.layer-box .placeholder .webuploader-pick,
.layer-box .statusBar .btns .uploadBtn{background: #dbbd88}
.layer-box .placeholder .webuploader-pick-hover,
.layer-box .statusBar .btns .uploadBtn:hover{background: #caa461}
.layer-box .webuploader-element-invisible{left: 0}
.layer-box #filePicker2140132{display: none}
.layer-box .box_item:last-child{justify-content: center}
.layer-box .btn{color: #fff;display: inline-block; cursor: pointer; padding-left: 25px; padding-right: 60px; line-height: .5rem; background: #dbbd88 url(../images/apply.svg) no-repeat 80% center; border: none; font-size: .16rem;}
.layer-box .btn:hover{background-color: #caa461}


.party_list .slider{margin-bottom:2%}
.party_list .slider .box{}
.party_list .slider .pic{}
.party_list .slider .pic figure{padding-bottom:58.334%;}
.party_list .slider .info{position: absolute; width: 100%; bottom: 0;padding: 4%; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8))}
.party_list .slider a{color: #fff}
.party_list .slider h4{margin-top: .1rem}

.party_list .list .item{padding: 3% 0; border-bottom: solid 1px #ebebeb;}
.party_list .list .pic{width:230px}
.party_list .list .pic figure{padding-bottom:73.915%;}
.party_list .list .info{width:calc(97% - 230px); padding:0.5% 20% 0.5% 0}
.party_list .list p{color: #666666;line-height: 30px;min-height: 60px; font-weight: lighter;margin-top: 1%; margin-bottom: 3%}
.party_list .list time{color: #666666}
.party_list .list .more_icon{position: absolute; right:5%; top: 50%; transform: translateY(-50%); opacity: 0; transition: 0.5s}
.party_list .list .item:hover .more_icon{right: 0; opacity: 1}
@media(min-width:768px){
.party_list .slider .slick-slide{position: relative}
.party_list .slider .slick-slide >div{width:calc(466/1440*100%);float: right}
.party_list .slider .slick-slide >div:first-child{width:calc(960/1440*100%);float: left}
.party_list .slider .slick-slide >div:last-child{position: absolute; right: 0; bottom: 0; height:48.197%}
.party_list .slider .slick-slide >div:not(:first-child) .info{padding:7%}
.party_list .slider .slick-slide >div:not(:first-child) h4{font-size: .18rem}
.party_list .slider .slick-slide .item{display: block!important}
}
@media(max-width:768px){
.party_list .slider .slick-slide >div{float: left; width: 49%;}
.party_list .slider .slick-slide >div:first-child{width: 100%;margin-bottom: 1%}
.party_list .slider .slick-slide >div:last-child{float: right}
.party_list .list .pic{width: 35%}
.party_list .list .info{width: 60%; padding:2% 0}
.party_list .list p{color: #666666;line-height: 24px;min-height:48px; }
.party_list .list .more_icon{top:calc( 100% - .54rem)}
}

.news_list time{color: #202d5c;line-height: 1.5;text-align: center;display: inline-block}
.news_list time b{display: block; font-weight: normal; font-size: calc(60/1920*100vw)}
.news_list time i{display: none; font-style: normal}
.news_list h4{margin: 2.5% 0}
.news_list p{color: #666666;line-height: 30px; font-weight: lighter}
.news_list .slider{margin-bottom:5%}
.news_list .slider .box{padding: 20px;}
.news_list .slider .pic{width: 50%}
.news_list .slider .pic figure{padding-bottom:68.573%;}
.news_list .slider .info{width: 50%; padding: 4%; box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.05);}
.news_list .slider h4{margin-top: 4%}
.news_list .slider p{margin-bottom: 6%}

.news_list .list .item:not(:first-child){padding-top: 4%}
.news_list .list .pic{width:calc(457/1440*100%)}
.news_list .list .pic figure{padding-bottom:66.74%;}
.news_list .list .info{width:calc(950/1440*100%); border-bottom: solid 1px #ebebeb;padding:0.5% 0}

@media(max-width:768px){
.news_list time{order: 3;display: flex;color: #666666;}
.news_list time b{order: 3;font-size:.16rem;}
.news_list time i{display: inline-block}
.news_list p{line-height: 24px;}
.news_list .info{display: flex; flex-wrap: wrap;position: relative}
.news_list .slider .pic{width: 100%}
.news_list .slider .info{width: 100%; padding: 4%}
.news_list .slider .more_icon{position: absolute; right: 4%; bottom: 4%}
.news_list .list .pic{width: 35%}
.news_list .list .info{width:60%; padding:0;}
}

.font_list li{padding: 2% 0; border-bottom: solid 1px #eee}
.font_list li time{float: right; color: #666666}

.info_detail.flex_js .content{width: calc(95.139% - 280px)}
.info_detail .title{padding-bottom: 2%;text-align: center;padding: 2% 14%;}
.info_detail .title h1{font-weight: normal;line-height: 2}
.info_detail .title p{color: #666;padding: .1rem 0}
.info_detail .title p span:not(:last-child){padding-right: .3rem}
.info_detail .article{color: #666666; padding: 3% 15%; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb;font-weight: lighter;display: flex;flex-direction: column; align-items: center;}
.info_detail .article p{margin-bottom: 10px;}
/*.info_detail .article p:not(.pimg){text-indent: 2em}*/

.info_detail.flex_js .list{width: 280px;}
.info_detail .list li{padding-top:.2rem}
.info_detail .list .txt{font-weight: lighter; margin-top:.2rem; margin-bottom: .1rem}
.info_detail .list .date{color: #666}
.info_detail .list .pic figure{padding-bottom: 66.79%}


.prev_next{line-height: 2;padding-top: 4%}
.prev_next .back{float: right;line-height: 50px;}
.prev_next .back a{color: #fff; background: #313c66 url(../images/back.svg) no-repeat .22rem; display:inline-block; padding-left: .64rem; padding-right: .24rem; transition: 0.5s}
.prev_next .back a:hover{padding-left: .54rem; padding-right: .34rem; background-position: .15rem;background-color: #dbbd88}


@media(max-width:768px){
.info_detail.flex_js .content,
.info_detail.flex_js .list{width: 100%}
.info_detail .list{margin-top: 5%; padding:4%; box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.05);}
.info_detail .list li{padding: .2rem 0;border-top: dashed 1px #e5e5e1;}
.info_detail .list li a{display: flex; justify-content: space-between}
.info_detail .list .pic{width: 20%}
.info_detail .list .txt{width: 75%;margin: 0}
.prev_next .back{float: none; text-align: center; line-height: 40px;padding-bottom: 4%}
}

.Pages{text-align: center;line-height: 53px;; padding-top: 4.5%;}
.Pages span:not(.p_page),
.Pages a.a_first,
.Pages a.a_end{display: block;padding: 6px;}
.Pages span.p_page{display: inline-block;padding:5px;display: flex;justify-content: center;align-items: flex-start;}
.Pages em{font-style: normal}
.Pages a{display: inline-block; min-width: 55px; padding: 0px 5px; margin: 0px 6px; border: solid 1px #e6e6e6;border-radius: 100%; overflow: hidden;position: relative}
.Pages a.a_cur,
.Pages a:not(.no):hover,
.Pages a:not(.no).a_prev,
.Pages a:not(.no).a_next{background:#dbbd88;color: #fff; border-color:#dbbd88 }
.Pages a.a_prev,
.Pages a.a_next{text-indent: -200px;}
.Pages a.a_prev:before,
.Pages a.a_next:before{content: '';position: absolute; width: 100%; height: 100%;left: 0; background: no-repeat center center}
.Pages a.a_prev:before{background-image: url("../images/page_prev.svg")}
.Pages a.a_next:before{background-image: url("../images/page_next.svg")}
.Pages a:not(.no):before{filter: brightness(0) invert(1);}
.Pages a.no{cursor: default}
.Pages input[type=text]{background: #fff; width: 40px; height: 40px; border: 1px solid #dbbd88; text-align: center;margin: 0 8px;}
.Pages input[type=button]{ width: 40px; height: 40px; border: solid 1px #dbbd88; background: #dbbd88;color: #fff;}
.Pages .f1,.Pages .f2{font-weight: normal;}
@media(max-width:768px) {
.Pages{ line-height:32px;}
.Pages a{min-width: 32px; margin: 0}
.Pages input[type=text],
.Pages input[type=button]{height: 32px}
.Pages a.a_prev,
.Pages a.a_next{padding-left: 10px; padding-right: 10px;}
}


.video_play{ position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); width: 12%; padding-bottom:12%; background:rgba(255,255,255,0.9); border-radius: 100%; cursor: pointer}
.video_play:before{content:''; position: absolute; width: 100%; height: 100%;background:url(../images/play_icom.png) no-repeat center center;background-size:45%; }
.video_play:hover{color: #9d4016}

.video_files{position: absolute; width: 100%; height: 100%; z-index: 10; top:0}
.video_files video{position: absolute; width: 100%; height: 100%; z-index: 2; object-fit: cover}
.video_files .close{position: absolute;right:20px;top: 20px;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background:#9d4016;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);}

/*index start*/
#fullpage,
#fullpage a{color: #fff}
#fullpage .photo{position: absolute; width: 100%; height: 100%; bottom: 0}
#fullpage .photo img{width: 100%; height: 100vh; object-fit: cover; -o-object-fit: cover}
#fullpage .floor_banner .photo {position: inherit}
#fullpage .column_title span.en{color:rgba(255,255,255,0.6);font-size: .18rem}
#fullpage .more a{display: inline-block;}
#fullpage .more a i{display: inline-block;font-style: normal;padding-right: 33px; background: url("../images/more_jt3.png") no-repeat right center;transition: 0.5s}
#fullpage .more a:hover i{transform: translateX(20px)}
#fullpage .fp-section .fade_up{opacity: 0; transform: translateY(80px);  transition: all 500ms ease 0s;}
#fullpage .fp-section.active .fade_up{opacity: 1; transform: translateY(0px);}
#fullpage .fp-section.active .fade_up[rel-delay="500"]{transition-delay: 500ms;}
#fullpage .fp-section.active .fade_up[rel-delay="1000"]{transition-delay: 1000ms;}
#fullpage .fp-section.active .fade_up[rel-delay="1500"]{transition-delay: 1500ms;}
.body_index.fp-viewing-page6 #fp-nav{display: none}
@media(min-width:1024px){
.body_index:not(.menu-show) .header #menu,
.body_index:not(.menu-show) .header .language-box,
.body_index:not(.menu-show) .header .search-box{display: none}
}


.floor_banner{position: relative}
.floor_banner .photo img.wap{display: none}
.floor_banner .link{position: absolute; width: 100%; height: 100%; z-index: 10}
.floor_banner .box{position: absolute; width: 100%; height:50%; bottom:0; display: flex;justify-content: center; align-items: center}
.floor_banner .pic{max-width: 630px; width: 60%;position: relative; padding: 2%;opacity: 0;   transform: translateY(80px);  transition: all 500ms ease 0s;}
.floor_banner .pic:before,
.floor_banner .pic:after{content: ''; position: absolute; width:30px; height:30px; border-left: solid 10px #dbbd88;border-bottom: solid 10px #dbbd88}
.floor_banner .pic:before{top:0; right: 0;transform:rotate(180deg)}
.floor_banner .pic:after{left: 0; bottom: 0}
.floor_banner .slick-dots{position: absolute; width: 100%; bottom: 4%}
.floor_banner .slick-dots li button{background: #fff}
.floor_banner .slick-dots li.slick-active{box-shadow: 0 0 0 1px #fff}
.floor_banner .slick-slide{overflow: hidden}
.floor_banner .active .pic{opacity: 1; transform: translateY(0px);  transition-delay: 100ms;}
.floor_banner .active .photo img{visibility: visible;}
.floor_banner .mouse{position: absolute; width: 20px; height: 46px; left: 4%; bottom: 5%; z-index: 10; background: url("../images/mouse.png"); z-index: 2}
.floor_banner .mouse:before{ content: ''; width: 2px; height: 7px;background: #fff;position: absolute; left: 50%; margin-left: -1px; top: 8px; border-radius: 1px; animation: mouse 2s ease infinite;}
.floor_banner picture img{width: 100%; height: 100vh; object-fit: cover; -o-object-fit: cover}

.floor_about{}
.editor_index_about{ line-height: 2; font-weight: lighter}
.editor_index_about .box_l{}
.editor_index_about .box_r{text-align: center; display: flex}
.editor_index_about .box_r dl{width: 50%}
.editor_index_about .box_r dt{font-size: calc(100vw* 88 / 1920); font-weight: bold;line-height: 1.5}
.editor_index_about .box_r dt i{font-style: normal}
.editor_index_about .box_r dt .ani{position: absolute;}
.editor_index_about .box_r dt .opa{opacity: 0}
.editor_index_about .box_r dd{max-width: 170px; margin: auto}
.editor_index_about.flex_js_ac .box_l{width:45%; max-width: 500px;}
.editor_index_about.flex_js_ac .box_r{width: 45%;}
@media(max-width:1024px) {
.floor_about .infobox{padding-top: 6%; padding-bottom: 6%}


}
@media(max-width:768px) {
.editor_index_about.flex_js_ac .box_l{width:100%; max-width:inherit;}
.editor_index_about.flex_js_ac .box_r{width: 100%;padding-top: 5%;padding-bottom: 5%}
}

.floor_business .info{max-width: 500px;line-height: 2;padding-bottom: 3%}
.floor_business .pic{width: 70%; max-width: 812px}
@media(max-width:1024px) {
.floor_business .infobox{padding-top: 6%; padding-bottom: 6%}
.floor_business .pic{width: 100%}
}

.floor_project{overflow: hidden}
.floor_project .fp-tableCell{vertical-align: bottom;}
.floor_project .project {margin-left: -15px; margin-right: -15px;}
.floor_project .project .item{padding: 5px}
.floor_project .project figure{padding-bottom: 133.335%}
.floor_project .project .txt{position: absolute; width: 100%; bottom: 0; padding:5%}
.floor_project .slick-list{overflow: inherit}
@media(max-width:1024px) {
.floor_project .infobox{padding-top: 6%;}
.floor_project .slick-list{padding-left: 15%; padding-right: 15%}
}

.floor_news .fp-tableCell{vertical-align: bottom;}
.floor_news .auto{position: initial}
.floor_news .infobox{position: relative;z-index: 2;}
.floor_news .sub_title {padding-bottom: 4%}
.floor_news .sub_title li{cursor: pointer;}
.floor_news .sub_title li:not(:last-child){margin-right: .3rem; position: relative}
.floor_news .sub_title li:not(:last-child):after{content: '';position: absolute; margin: auto;top:0; bottom: 0; right: -.18rem; width: 3px; height: 3px; background: rgba(255,255,255,0.6)}
.floor_news .sub_title li:not(.show) a{opacity: 0.6}
.floor_news .hide{height: 0; overflow: hidden;position: relative}
.floor_news .tab_box{ width: 78%}
.floor_news .slider .item a{display: block;padding-left:110px;position: relative}
.floor_news .slider .item time{position: absolute; left: 0;top: 0;text-align: center}
.floor_news .slider .item time b{display: block; font-size: calc(100vw*60/1920);line-height: 1}
.floor_news .slider p{opacity: 0.6; line-height: 30px;margin-top: .2rem}
.floor_news .slider .slick-dots{display: none!important}
.floor_news .slick-arrow{top:auto; bottom: -1.2rem;z-index: 10}
.floor_news .slick-prev{right: 75px; left: auto}
.floor_news .newbox{position: relative;padding: .5rem 0;width: 80%}
.floor_news .newbox:before{content: '';position: absolute; left: 10%; right:10%; top:50%;  height: 1px; background: #fff; opacity: 0.1; margin: auto;}
.floor_news .newbox i{font-style: normal; padding: 0px 3px}
.floor_news .list{position: absolute; right: 0; bottom: 0;width: calc(400/1920*100%);height: 100vh; background: no-repeat center center; background-size: cover; /*backdrop-filter: blur(5px);*/ display: flex;flex-wrap: wrap; align-content: end;}
.floor_news .list ul{width: 100%}
.floor_news .list li{padding: .5rem; transition: 0.5s;border-top: solid 1px rgba(255,255,255,0.1)}
.floor_news .list li:not(:last-child){}
.floor_news .list li h4{margin: .2rem 0}
.floor_news .list li p{opacity: 0.5}
.floor_news .list li:hover{background: #1b2755;}
.floor_news .more {width: 100%}
.floor_news .more a{ display: block!important;text-align: center;padding: .7rem 0; transition: 0.5s}
.floor_news .more a:not(:hover){background: #1b2755;}
.floor_news .more a:not(:hover) i{color: #dbbd88;background-image: url("../images/more_jt4.png")!important}
.floor_news .more a:hover{background: #dbbd88}
@media(max-width:1024px) {
.floor_news .infobox{padding-top: 6%;}
.floor_news .tab_box{width: 100%}
.floor_news .list{position: inherit;width: 100%; height: auto}
.floor_news .list li{padding: .2rem}
.floor_news .more a{padding: .2rem}
}
/*index end*/