@import url('responsive2.0.css');
/*header */
.header{position: fixed;z-index: 100; left: 0;top: 0;width: 100%;background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0));transition: 0.5s}
.header.show{background:  linear-gradient(rgba(209,174,108,0.8),rgba(209,174,108,0.5))}
.header .auto{padding-top: 24px; padding-bottom: 24px;}
.header .logo img{transition: 0.5s}
.header:not(:hover) .logo img{filter: grayscale(100%) brightness(1000%); }
.header .top-right{order: 3}
.header menu li{position: relative}
.header menu li span{display: block; font-size: 18px; line-height: 50px; }
.header menu li a:hover,
.header menu li.aon span a{color: #d1ae6c;}
.header menu li .sub{display: none}
.header menu li .sub dt a{display: block; line-height: 40px;}
.header menu li .sub dt a:hover{color: #fff; background: #d1ae6c}
.header menu li:last-child{display: none}
.header .top-search{position: relative}
.header .top-search a{display: block; width:40px; height: 40px; background: url(../images/search_icon.png) no-repeat center center; cursor: pointer;}
.header .top-search .box{position: absolute; width: 300px;right: 0; display: none; border-radius: 20px; padding: 5px 10px; background: #d1ae6c}
.header .top-search .box .text{color: #fff; width: 90%;display: block; line-height:40px;height:40px; background: none; border: 0;}
.header .top-search .box .text.focus{color: #000;}
.header .top-search .box a{position: absolute; right:5px; top: 5px;}
@media (min-width:1025px) {
.header:hover{background: #fff; box-shadow: 0 0 5px #eee}
.header:not(.show) menu li span a{color: #fff}
.header:not(.show) menu li.aon span a{color: #d1ae6c}
.header:hover menu li span a{color: #36353b}
.header:hover .top-search a.open-search{ filter: grayscale(100%) brightness(0%);}
.header menu li{float: left; margin-right: calc(60 / 1920 * 100vw);}
.header li .sub{ position: absolute; top: 100%; background-color:#fff; width: 200%; margin-left: -50%; text-align: center; box-shadow: 0 5px 5px rgba(0,0,0,0.1);}
}
@media (min-width:1025px) and (max-width:1280px) {
.header menu li{margin-right: calc(40 / 1920 * 100vw);}
}
@media (max-width:1024px) {

.header .auto{padding-top: 12px; padding-bottom: 12px;}
.header .logo{width: 50%}
.header menu{position: fixed; left: -100%;top:0;height:100%; 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{height: 100%; overflow: auto;}
.header menu li{border-bottom: 1px dotted #eee;}
.header menu li span{line-height: 3; padding-left:2em;}
.header menu li.has-sub span .op:before, 
.header menu li.has-sub span .op:after{background-color: #d1ae6c;}
.header menu li .sub .sub{background-color: #eee;}
.header menu li .sub dt a{padding-left: 3em}
.header .top-search{margin: 0 3vw 0 0; position: inherit;}
.header .top-search .box{right:var(--boxp); top:100%}
.header .top-right dl:after{display: none;}
.header .top-right dl{display: flex;align-items: center;}
.header .open-search{ width: calc(24 / 16 * 1em); height: calc(24 / 16 * 1em); background: url(../images/header-search.svg) no-repeat center center; background-size: contain;display: block; position: relative;}
.header .open-search.on{width: calc(30 / 16 * 1em); height: calc(30 / 16 * 1em); }
.header .open-search.on:after,
.header .open-search.on:before{background-color: #d1ae6c;}
.header .open-menu{width: calc(30 / 16 * 1em); height: calc(24 / 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: #ffffff;}
.menu-show  .header .open-menu{border-radius: 50%; background-color: #d1ae6c; padding: calc(9 / 16 * 1em);  width: calc(40 / 16 * 1em); height: calc(40 / 16 * 1em); }
.menu-show  .header .open-menu span{background-color: #fff; height: 1px;}
}

.footer{position: relative; z-index: 10}
.footer,
.footer a:not(:hover){color: #ffffff}
.footer a{display: inline-block}
.footer .column_box{width:calc(100% - 520px);}
.footer .logo{padding-top: 4%; padding-bottom: 4%; border-bottom: solid 1px rgba(255,255,255,0.2)}
.footer .logo img{filter: grayscale(100%) brightness(1000%); }
.footer .column{padding-top: 4%;padding-bottom: 4%; padding-right: 5%;}
.footer .column dl:first-child,
.footer .column dl:last-child{display: none}
.footer .column dt{padding-bottom:20px;}
.footer .column dd span{display: block; padding: 4px 0}
.footer .column dd a:not(:hover){opacity: 0.5}
.footer .stock_box{width: 520px;padding-left: 58px; border-left: solid 1px rgba(255,255,255,0.2)}
.footer .stock_box figure{margin-left: -20px; padding-top:5%; padding-bottom:10%}
/*.footer .stock_box img {filter: grayscale(100%) brightness(10000%);}*/
.footer .stock_box .txt{padding-top: 12%; padding-bottom: 5%}
.footer .stock_box dd{padding-left: 25px;}
.footer .stock_box dd span{padding-right: 5px;}
.footer .stock_box dd p{padding: 0; margin: 0; opacity: 0.5}
.footer .stock_box #price{position: relative; padding-right: 25px;}
.footer .stock_box #price:after{content: '';position: absolute; bottom: 0; right: 0; width: 0; border: solid 10px transparent}
.footer .stock_box #price.green:after{border-top-color: green}
.footer .stock_box #price.red:after{border-bottom-color: red}

.copyright{padding-top: 2%; padding-bottom: 2%; border-top: solid 1px rgba(255,255,255,0.2)}
.copyright .auto{opacity: 0.5}
.copyright .qita{float: right}
.copyright .qita a:not(:last-child){ margin-right:40px;position: relative}
.copyright .qita a:not(:last-child):after{content: ''; position: absolute; right: -25px; top: 20%; width: 1px; height:60%;background: rgba(255,255,255,0.2)}
.copyright .icp{display: inline-block; margin-left: 10px;}
.copyright .beian{display: inline-block; padding-left: 25px; margin-left: 10px;background: url(../images/gongan.png) no-repeat left}

@media(max-width:1024px){
.footer .logo{padding-top: 2%; padding-bottom: 2%;}
.footer .logo img{width:50%;max-width: 245px;}
.footer .column{display: none}
.footer .column_box{width: 100%}
.footer .stock_box{width: 100%;padding-left: 0; border-left: none; padding-bottom: 2%;}
.footer .stock_box .txt{padding-top: 2%; padding-bottom: 2%}
.footer .stock_box figure{display: none}
.copyright .qita{float: none}
.copyright .icp,
.copyright .beian{display: none}
}

.Nybanner{position: relative; overflow: hidden}
.location{padding-left: 23px;background: url(../images/location_icon.png) no-repeat left}
.location a{position: relative; margin-right: 28px;}
.location a:after{content: '';position: absolute; top: 0; bottom: 0; right: -17px; width: 4px; height: 4px; background: #ffffff; border-radius: 100px; margin: auto;}

.Nybanner .box{position: absolute; width: 100%; bottom: 0}
.Nybanner .location{color: #fff;}
.Nybanner .location a{color: #fff}
.Nybanner .menu {text-align: center; width: 70%;}
.Nybanner .menu li{width: 23.5%; max-width: 240px; margin-right: 1.5%; position: relative; }
.Nybanner .menu li a{display: block; position: relative; z-index: 2;padding: 18% 0}
.Nybanner .menu li:after{content: '';position: absolute;left: 0; bottom:-20%; width: 100%; height: 120%;background: #ffffff; opacity: 0.80; border-radius: 20px 20px 0 0 ; transform: skewY(10deg)}
.Nybanner .menu li:hover:after,
.Nybanner .menu li.aon:after{background: #d1ae6c; opacity: 0.95}
.Nybanner .menu li a:hover,
.Nybanner .menu li.aon a{color: #fff}
@media(min-width:1024px){
.Nybanner .location{ order: 2}
}
@media(max-width:1024px){
.Nybanner .menu{width: 100%; margin-top: 20px;}
}

.column_title{color: #36353b; text-align: center; line-height: 1; padding-bottom:5%}
.column_title i{font-style: normal; color: #d1ae6c}

.main{padding-top:6%; padding-bottom:6%}

.bg_color_logo{position: relative;overflow: hidden; background: linear-gradient(#ffffff 50%,#faf6f0)}
.bg_color_logo:after{content:''; position: absolute; bottom: -22%; right: -5%; width: 46.14583333333333%; padding-bottom:57.448%; background: url(../images/bg_logo.png)}

.line{ width: 48px; height: 3px; background: #d1ae6c;border-radius: 3px;}

.more_all a{width: 150px; line-height: 48px; text-indent: 26px;display: inline-block; border-radius: 30px; color: #fff; background: #d1ae6c url(../images/more_jt.png) no-repeat 80% center; box-shadow: 0 6px 27px rgba(209,174,108,0.52); transition: 0.5s}
.more_all a:hover{background-color: #e5c07b}
@media(max-width:1024px){
.more_all a{width: 120px; line-height: 40px; text-indent: 20px;}
}

.main_About{ background:url(../images/about_info_bg1.png) no-repeat left top; background-size:8.125%}

.main_About .item_box.box1{padding-bottom: 4%;}
.main_About .item_box.box1 .auto:after{content: ''; position: absolute; left: 20%; bottom: -24%; width:18.125%; padding-bottom:20%; background:url(../images/about_info_bg2.png) no-repeat 25% bottom; background-size:100% }
.main_About .item_box.box1 .info_box {width: 43%}
.main_About .item_box.box1 .pic_box{width: 60%; margin-right:calc(-27px - var(--boxp));}
.main_About .item_box.box1 .pic_box img{-webkit-mask-image: url(../images/about_pic_bg1.png); -webkit-mask-repeat: no-repeat; -webkit-mask-position:center center; -webkit-mask-size:contain;}
.main_About .item_box.box1 .title h1{padding: 0; margin: 0}

.main_About .item_box.box2{position: relative; z-index:10; background:url(../images/about_bg_huxian.png) no-repeat center center;}
.main_About .item_box.box2 .auto{height: 591px; display: flex; align-items: center; }
.main_About .item_box.box2 .article{width: 100%}
.main_About .item_box.box3{margin-top: -6.5%;padding-top:10%; background:url(../images/about_info_bg3.png) no-repeat 88% top; background-size:12.60416666666667%}
.main_About .item_box.box3 .pic_info{align-items: center}
.main_About .item_box.box3 .pic_info .info_box {order: 2; width: 48%;}
.main_About .item_box.box3 .pic_info .pic_box{width: 44.141%}
.about_number .item{width:18%; max-width: 233px; height: 233px;z-index: auto; text-align: center; display: flex; align-items: center; border-radius: 8vw 0 8vw 0; background: #ffffff}
.about_number .item .icon{opacity: 0;position: absolute; width: 20%; padding-bottom: 20%;left: -3%; bottom: -3%;}
.about_number .item .icon:before,
.about_number .item .icon:after{content: '';position: absolute;background: #d1ae6c;left: 0; width: 100%; height: 100%;  border-radius: 2vw 0 2vw 0}
.about_number .item .icon:before{opacity: 0.25;z-index: 2;filter: blur(10px)}
.about_number .item .icon:after{ z-index: -1;}
.about_number .item:hover .icon{opacity: 1}
.about_number .item dl{width: 100%}
.about_stock b{font-weight: normal; padding-right: 10px;}

@media(max-width:768px){
.main_About .item_box.box1 .auto:after{left: 0; bottom:-5%}
.main_About .item_box.box1 .info_box {width: 100%}
.main_About .item_box.box1 .pic_box{width: 100%; margin-right: 0}
.main_About .item_box.box2 .auto{height: 420px;}
.main_About .item_box.box3 .pic_info .info_box {width: 100%;}
.main_About .item_box.box3 .pic_info .pic_box{width:100%; order: 3}
.about_number .item{width:31%;height:150px;margin: 2% 0; max-width: inherit}
.about_number .item:nth-child(4),
.about_number .item:nth-child(5){width: 48%;}
}

.main_Organizational .pic{text-align: center}

.main_Team{background: url(../images/team_bg.jpg) no-repeat center bottom; background-size: 100%}
.main_Team .info_box{border-top: solid 1px #e6e6e6}
.main_Team .info_box .item{width: 25%; margin: 0 4%}
.main_Team .info_box .box{ border: solid 2px #ffffff; padding:10%; border-radius: 10px; background: linear-gradient(#f5fafb,#ffffff); box-shadow: 0 0 36px rgba(0,0,0,0.02)}
.main_Team .info_box .line_icon{margin-left: 18%; width: 1px; height: 70px; position: relative; background: #e6e6e6}
.main_Team .info_box .line_icon:before,
.main_Team .info_box .line_icon:after{content: '';position: absolute; margin: auto;}
.main_Team .info_box .line_icon:before{top:-10px; left: -6px; width: 13px; height: 21px;background:url(../images/line_icon.png)}
.main_Team .info_box .line_icon:after{bottom: -5px; left: -5px; width: 10px; height: 10px;border: solid 2px #fff; border-radius: 100px; background: #bfbfbf}
.main_Team .info_box h3{padding: 0; margin: 0;}
.main_Team .info_box .line{margin: 10px 0}
.main_Team .info_box li{padding: 8px 0; border-bottom: dotted 1px #e6e6e6}
.main_Team .info_box li span{width: 48%;color: #777777}
@media(max-width:768px){
.main_Team .info_box {border-left: solid 1px #e6e6e6; border-top: none}
.main_Team .info_box .item{padding-left:12px; width: 100%; margin: 0}
.main_Team .info_box .box{padding: 5%}
.main_Team .info_box h3{font-size: 20px}
.main_Team .info_box li{padding: 2px 0px}
.main_Team .info_box .line_icon{height: 30px; margin-left: 0; position: absolute;position: absolute; left:13px; top:20px; transform: rotate(-90deg)}
}

.main_History{background: url(../images/history_bg.jpg) no-repeat center bottom; background-size: 100%}
.list_hstory{position: relative; padding-left: 4.2%; padding-right: 4.2%}
.list_hstory:after{content: '';left: 4%; top: 50%; position: absolute; width:92%; border-bottom: solid 1px #e6e6e6}
.list_hstory .box{width: 100%; height: 350px; background: #ffffff; border-radius: 10px; padding:25px;position: relative; box-shadow: 0 0 5px rgba(0,0,0,0.01)}
.list_hstory .box:after{content: ''; position: absolute; margin: auto; left: 0; width: 0; right: 0; border: solid 12px transparent}
.list_hstory .year{width: 100%;padding: 80px 0; line-height: 80px; position: relative; font-size:calc(100vw*64/var(--win)); text-align: center}
.list_hstory .year:after{content: ''; position: absolute; margin: auto; left: 0; right: 0; width:10px; height: 10px; border: solid 2px #d1ae6c; background: #fff; border-radius: 100px;}
.list_hstory .item{display: flex;flex-wrap: wrap}
.list_hstory .pic figure{padding-bottom:50%; border-radius: 10px;}
.list_hstory .info{padding-top: 20px;}
.list_hstory ul{padding-left: 20px; overflow-y: auto; max-height: 120px}
.list_hstory ul li{line-height: 30px;list-style: disc;}
.list_hstory ul li::marker{color: #d1ae6c}
.list_hstory .swiper-slide:nth-child(odd) .item{padding-bottom: 210px;}
.list_hstory .swiper-slide:nth-child(even) .item{padding-top: 210px;}
.list_hstory .swiper-slide:nth-child(odd) .year{order: 2}
.list_hstory .swiper-slide:nth-child(odd) .box:after{border-top-color: #fff; bottom: -24px}
.list_hstory .swiper-slide:nth-child(even) .box:after{border-bottom-color: #fff; top: -24px}
.list_hstory .swiper-slide:nth-child(odd) .year:after{top:46px}
.list_hstory .swiper-slide:nth-child(even) .year:after{bottom: 46px}
.list_hstory .swiper-pagination{display: none}
@media(max-width:768px){
.list_hstory .swiper-slide:nth-child(odd) .item{padding-bottom: 0}
.list_hstory .swiper-slide:nth-child(even) .item{padding-top: 0;}
.list_hstory .year{padding-bottom: 0; padding-top: 40px;}
.list_hstory .year:after{top:26px!important; bottom: auto!important}
.list_hstory .swiper-slide:nth-child(odd) .box{order: 3}
.list_hstory:after{top:30px}
}

.main_Idea .item{width:32%; padding:6% 1.8% 8% 1.8%; background: #ffffff; border-radius:5vw 0 5vw 0; transition: 0.5s; overflow: hidden; box-shadow: 0 0 36px rgba(209,174,108,0.05)}
.main_Idea .item:after{content: ''; width: 100%; height: 100%;left: 0; bottom: 0; position: absolute; background: url(../images/item_bg_idea.png) no-repeat bottom right; background-size: contain; opacity: 0; transition: 0.5s; z-index: -1}
.main_Idea .tit{font-weight: bold;}
.main_Idea .tit:after{content: '';display: block;margin-top: 6%; width: 48px; height: 3px; background: #d1ae6c}
.main_Idea .desc{padding: 15% 0; line-height: 32px; min-height: 160px}
.main_Idea .num{position: absolute;right: 10%; bottom: 5%; color: #fbf7f1;}
.main_Idea .item:hover{color: #ffffff; background: #d1ae6c}
.main_Idea .item:hover .tit:after{background: rgba(255,255,255,0.22)}
.main_Idea .item:hover:after{opacity: 1}
.main_Idea .item:hover .num{opacity: 0}
@media(max-width:1024px){
.main_Idea .item{width: 48%; margin: 2% 0}
}

.main_Policy .info{width: 61%;}
.main_Policy .pic{width: 32.5%;padding: 10px;}
.main_Policy .pic figure{padding-bottom: 133%}
.main_Policy .num{color: #d1ae6c}
.main_Policy .tit{padding: 2% 0}
.main_Policy .tit:after{content: '';display: block;margin-top:3%; width: 48px; height: 3px; background: #d1ae6c}
.main_Policy .desc{padding:3% 0;}
.main_Policy .item:nth-child(odd) .pic{ background: linear-gradient(45deg,#f6efe2,#ffffff 60%); border-radius:5vw 0 5vw 0;}
.main_Policy .item:nth-child(odd) .pic figure{border-radius:5vw 0 5vw 0;}
.main_Policy .item:nth-child(even) .pic{background: linear-gradient(-45deg,#f6efe2,#ffffff 60%); border-radius: 0 5vw 0 5vw;}
.main_Policy .item:nth-child(even) .pic figure{border-radius: 0 5vw 0 5vw;}
@media(min-width:768px){
.main_Policy .item:nth-child(even) .info{order: 2}
}
@media(max-width:768px){
.main_Policy .info,
.main_Policy .pic{width:100%;}
.main_Policy .num{line-height: 1}
.main_Policy .item:not(:last-child){padding-bottom:10%}
}

.list_company .item{background: #f3f9fb;  border-radius:20px; overflow: hidden}
.list_company .item:not(:last-child){margin-bottom:4%}
.list_company .pic{width: 52.5%; position: relative}
.list_company .pic figure{padding-bottom: 71.428%}
.list_company .pic:before{content: ''; position: absolute; width:7.5%; height: 100%; z-index: 10; background: no-repeat center center; background-size: 100%}
.list_company .info{width: 47.5%; padding: 2% 5%; }
.list_company .tit span{display: block}
.list_company .line{margin-top: 20px; margin-bottom: 40px;}
.list_company .desc{color: #777777; line-height: 30px; height: 90px; max-width: 460px}
.list_company .more_all{padding-top: 8%}
.list_company .bg{position: absolute; bottom: 0; right: 0; width: 52.5%; height: 100%;background: no-repeat right bottom; background-size: contain; z-index: -1}
.list_company .item:nth-child(even) .bg{left: 0; right: auto}
.list_company .item:nth-child(odd) .pic:before{right: -2.38%; background-image: url(../images/item_bg_company_odd.png)}
.list_company .item:nth-child(even) .pic:before{left: -2.38%; background-image: url(../images/item_bg_company_even.png)}
.list_company .item:nth-child(even) .pic{order: 2}
@media(max-width:640px){
.list_company .desc{display: none}
.list_company .line{margin-top: 5px; margin-bottom: 0;}

}

.main_Company_article{padding-bottom: 0; position: relative}
.main_Company_article .item_box{padding-bottom:9.5%}
.main_Company_article .title h1{}
.main_Company_article .title h2{padding-top: 3%; color: #d1ae6c; font-weight: normal}
.main_Company_article .article{line-height: 1.8;padding-top: 2%; padding-bottom: 2%}
.main_Company_article .pic_box img{width: 100%; border-radius: 20px}
.main_Company_article .pic_info .info_box{width: 40%}
.main_Company_article .pic_info .pic_box{width: 52.5%;}
.main_Company_article .back {width:100%;position: absolute; width: 100%;bottom: 2%;}
.main_Company_article .back a {display:block; margin:0 auto; background: #d1ae6c url(../images/back_icon.png) no-repeat 80% center;  width: 160px;  text-indent: 34px; border-radius: 100px; color: #fff;line-height: 48px;}
.main_Company_article .item_box.box1{background: url(../images/company_info_bg.png) no-repeat 55% bottom; background-size: 20.875%}
.main_Company_article .item_box.box2{background: #f3f9fb; padding-top: 5%; margin-bottom: 5%; padding-bottom: 5%; border-bottom-right-radius: 2vw}
.main_Company_article#itemid27 .item_box.box1 .pic_info .info_box,
.main_Company_article#itemid29 .item_box.box1 .pic_info .info_box,
.main_Company_article#itemid30 .item_box.box3 .pic_info .info_box{order: 2}
.main_Company_article#itemid29 .item_box.box1{background-position: 85% bottom}
.main_Company_article#itemid30 .item_box.box1{padding-bottom: 5%; background: none}
.main_Company_article#itemid30 .item_box.box3{background: url(../images/company_info_bg.png) no-repeat 85% bottom; background-size: 20.875%}
.main_Company_article#itemid30 .item_box.box3 .pic_info{align-items: center}
.main_Company_article#itemid29 .item_box.box3{padding-bottom: 6%; background: linear-gradient(#ffffff,#f1f8fa)}
.company_itemid29 .num{color: #fff;padding: 1.5% 5%;border-top-left-radius: 2vw; background: linear-gradient(90deg,#d1ae6c,#ffffff)}
.company_itemid29 .num dl{padding: 0 5%; line-height: 1.2}
.company_itemid29 .num dd{padding-bottom:8%}
.company_itemid29 .txt{padding: 4% 0; border-bottom: solid 1px #ebebeb}
.company_itemid29 .other{padding-top: 8%;}
.company_itemid29 .subitem{width: 48%}
.company_itemid29 .tit{color: #d1ae6c}
.company_itemid29 .subitem ul li{line-height: 2.2; padding-left: 17px; background: url(../images/txt_icon.png) no-repeat left 17px}

.itemid30_year_list{text-align: center}
.itemid30_year_list .year_list{max-width: 1176px; margin: auto; display: flex; background: url(../images/year_line.png) no-repeat center top;background-size: contain; min-height: 210px;}
.itemid30_year_list .year_list dl{width:18%; position: relative}
.itemid30_year_list .xian{position: absolute; left: 0; right: 0; margin: auto; width: 1px; height: 70px; border:dotted 1px #d1ae6c}
.itemid30_year_list .xian:after{content: '';position: absolute; width: 16px; height: 16px;margin: auto; left: -8px; background: #fff; border: solid 4px #d1ae6c; border-radius: 100px;}
.itemid30_year_list .year_list dl{padding-top: 40px;}
.itemid30_year_list .year_list dl .xian{top: -6px}

@media(min-width:1024px){
.itemid30_year_list .year_list dl:nth-child(2){padding-top: 0;}
.itemid30_year_list .year_list dl:nth-child(2) .xian{top:auto; bottom:49px}
.itemid30_year_list .year_list dl:nth-child(2) .xian:after{bottom: -6px}
.itemid30_year_list .year_list dl:nth-child(1){margin-left: -3%}
.itemid30_year_list .year_list dl:nth-child(2){margin-left: 5%; margin-right: 5%}
.itemid30_year_list .year_list dl:nth-child(3){margin-top: 3.5%; margin-right:19%}
.itemid30_year_list .year_list dl:nth-child(4){margin-top: 2.8%}
}
@media(max-width:1024px){
.itemid30_year_list .year_list{background: none; justify-content: space-between; border-top: solid 2px #d1ae6c}
.itemid30_year_list .year_list dl{width:24%;}

.main_Company_article .pic_info .more a {width:120px;text-indent: 15px;line-height: 38px; font-size:14px;}
}
@media(max-width:768px){
.main_Company_article .pic_info .info_box,
.main_Company_article .pic_info .pic_box{width: 100%;}
.main_Company_article .back {position: relative; padding: 2% 0}
}

.main_Development{padding-bottom: 0}
.main_Development .item_box{padding-bottom:9.5%}
.main_Development .title h1{ font-weight: normal}
.main_Development .article{line-height: 1.8;padding-top: 2%; padding-bottom: 2%}
.main_Development .pic_box img{width: 100%; border-radius: 20px}
.main_Development .pic_info .info_box{width: 40%}
.main_Development .pic_info .pic_box{width: 52.5%;}
.main_Development .item_box.box1{background: url(../images/development_info_bg.png) no-repeat 28% bottom; background-size: 19.3125%}
.main_Development .item_box.box2{background: #f3f9fb; padding-top: 5%; padding-bottom: 5%; border-bottom-right-radius: 2vw}
.main_Development .item_box.box2 .info_box{order: 2}
.main_Development .item_box.box3{ padding-top: 5%; background: url(../images/development_info_bg2.png) no-repeat left top; background-size: 11.125%}

@media(max-width:768px){
.main_Development .pic_info .info_box,
.main_Development .pic_info .pic_box{width:100%;}
.main_Development .item_box.box2 .pic_box{order: 3}
}

.list_photo { }
.list_photo .pic{}
.list_photo .pic figure{padding-bottom: 59.796%}
.list_photo .pic .click_play{position: absolute; display: block; z-index: 10; cursor: pointer; width: 100%; height: 100%; background:rgba(0,0,0,0.2) url(../images/video_icon2.png) no-repeat center center}
.list_photo .info{padding:8%; }
.list_photo .tit{padding-right: 20px; line-height: 30px; height: 60px; position: relative;}
.list_photo .desc{color: #999999; line-height: 30px; height: 60px;}
.list_photo .line{margin-top: 20px; margin-bottom:30px;}
.list_photo .time{float: right; color: #999999; line-height:16px}
.list_photo .time span{display: block; color: #555555;line-height: 44px;}
.list_photo .more_all{padding-top: 8%}

.list_photo .item{width:30.3125%; margin-bottom: 4%;}
.list_photo .item,
.list_photo .swiper-slide{overflow: hidden; border-radius: 20px; background: #f5f8fa;}
.list_photo .zoomimg:hover .tit,
.list_photo .zoomimg:hover .tit a{color:#d1ae6c }

.video_files{position:absolute; width: 100%; height: 100%; z-index: 11}
.video_files video{position:absolute; width: 100%; height: 100%; object-fit: cover;}
.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);}

.main_CompanyNews .list_photo {margin-bottom: 5%;}
.main_CompanyNews .list_photo .swiper-slide{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.main_CompanyNews .list_photo .pic{width: 50%}
.main_CompanyNews .list_photo .pic figure{padding-bottom:60%;border-radius: 20px;}
.main_CompanyNews .list_photo .info{width:50%;padding: 2% 5%}
.main_CompanyNews .list_photo .tit{ font-size:calc(100vw*30/var(--win));}
.main_CompanyNews .list_photo .tit.dot2 { -webkit-line-clamp: 1; height: auto}
.main_CompanyNews .list_photo .line{background: none; margin-top: 0}
.main_CompanyNews .list_photo .time{float:none; padding-bottom: 5%}
.main_CompanyNews .list_photo .time,
.main_CompanyNews .list_photo .time span{ color: #d1ae6c}
.main_CompanyNews .list_photo .more_all{display: block}
.main_CompanyNews .swiper-pagination{position: absolute;width: auto; left: auto; padding-top: 0; right: 5%; bottom: 5vw}

.main_PartyNews .list_photo {padding-bottom:3%; margin-bottom: 2%; border-bottom: solid 1px #ebebeb;}


.list_news .item{transition: 0.5s}
.list_news .pic figure{border-radius: 20px;padding-bottom: 60%;}
.list_news .info{width:71.5%;}
.list_news .line{margin-top: 20px; margin-bottom:30px;}
.list_news .desc{color: #999999; line-height: 30px; height: 60px;}
.list_news .time{position: absolute;}
.list_news .time span{display: block; line-height: 1}
.list_news .time i{color: #999999; font-style: normal}
.list_news .time i:last-child{display: none}
.list_news .item:after{content: ''; position: absolute; right: 0;bottom: 0; z-index: -1; width:15%; height: 100%; opacity: 0; background: url(../images/item_bg_news.png) no-repeat right bottom; transition: 0.5s; background-size: contain}
.list_news .item:hover:after{opacity: 1}
.list_news .item:hover .tit,
.list_news .item:hover .tit a{color: #d1ae6c}

.main_CompanyNews .list_news .item{padding:1.5%;background: #f5f8fa;border-radius: 20px; margin-bottom:3%; }
.main_CompanyNews .list_news .pic{width:25.773%}
.main_CompanyNews .list_news .info{width:71.5%;padding-right: 17%;}
.main_CompanyNews .list_news .time{right:5%; top:20%}
.main_CompanyNews .list_news .item:hover{background: #fff; box-shadow: 0 0 36px rgba(148,121,71,0.1);}
.main_CompanyNews .list_news .item:hover:after{right: 10%;}

.main_PartyNews .list_news .item{padding-top: 2.5%; padding-bottom: 2.5%; border-bottom: solid 1px #ebebeb}
.main_PartyNews .list_news .pic{width:25%; order: 2}
.main_PartyNews .list_news .info{padding-left:8%; padding-right: 9%}
.main_PartyNews .list_news .time{left: 0; top: 28%}
.main_PartyNews .list_news .item:hover:after{right:32%}
@media(min-width:1024px){
.list_photo .item:nth-child(3n+2){margin-left: 4.53125%; margin-right: 4.53125%}
}
@media(min-width:640px) and (max-width:1024px){
.list_photo .item{width: 49%}
.list_photo .item:nth-child(2n+2){margin-left: 2%}
}
@media(max-width:640px){
.list_photo .item{width:100%}
.list_photo .info{position: relative; padding:4%}
.list_photo .more_all{padding-top: 4%}
.list_photo .time{position: absolute; top:-74px; line-height: 20px; right: 0; color: #fff;; padding:5px 10px; background: rgba(0,0,0,0.5)}
.list_photo .time span{color: #fff}
.list_photo .tit{height: auto}
.list_photo .line{margin-top: 5px; margin-bottom:10px;}
.main_CompanyNews .list_photo .time{padding: 5px 10px}

.list_news .time{position: static}
.list_news .time span{display: none}
.list_news .time i:last-child{display: inline-block}
.list_news .line{margin-top: 5px; margin-bottom:10px;}
.list_news .desc{line-height: 20px; height: 40px;}
.list_news .pic figure{padding-bottom: 80%; border-radius: 10px}

.main_CompanyNews .list_photo .pic,
.main_CompanyNews .list_photo .info{width: 100%}
.main_CompanyNews .list_photo .line{margin-bottom: 10px}
.main_CompanyNews .list_news .time{position: static}
.main_CompanyNews .list_news .info{padding-right: 0}

.main_PartyNews .list_news .info{padding: 0}
}

.list_notice .item{width:30.3125%; margin-bottom: 4%;background: #f3f8fb  no-repeat right bottom;background-size: 0;  border-radius: 20px; transition: 0.5s}
.list_notice .item a{padding:9%;display: block}
.list_notice .tit{line-height: 30px; height:90px; margin-bottom: 45px;}
.list_notice .line{height: 1px;margin-top: 15px; position: absolute}
.list_notice .time{line-height: 30px; padding-left: 60px; color: #999999}
.list_notice .item:hover{ background-color: #d1ae6c;background-image:  url(../images/item_bg_notice.png);background-size: 100%;  box-shadow: 0 6px 27px rgba(209,174,108,0.52);}
.list_notice .item:hover:before{opacity: 1}
.list_notice .item:hover,
.list_notice .item:hover a,
.list_notice .item:hover .time{color: #fff;}
.list_notice .item:hover .line{background: #fff; opacity: 0.3}
@media(min-width:1024px){
.list_notice .item:nth-child(3n+2){margin-left: 4.53125%; margin-right: 4.53125%}
}
@media(min-width:640px) and (max-width:1024px){
.list_notice .item{width:49%;}
.list_notice .item:nth-child(2n+2){margin-left:2%;}
}
@media(max-width:640px){
.list_notice .item{width:100%;}
.list_notice .tit{height: auto; margin-bottom: 10px;}
.list_notice .item a{padding: 4%}
.list_notice .item:hover{background-size:contain; }
}

.article_details .title{padding: 3% 4%; text-align: center; background: #f5f8fa; border-radius: 20px}
.article_details .title h1{padding: 0; margin: 0; font-weight: normal}
.article_details .title dl{color: #d1ae6c; padding-top: 1%}
.article_details .article{padding: 4% 6%; }
.article_details .article .img{text-align: center}
.article_details .article .img img{border-radius: 10px;}
.article_details .article table{max-width: 100%}
.article_details .video_box{max-width: 960px; margin: auto;padding-top: 3%}
.article_details .video_box video{width: 100%}
.article_details .other{line-height: 48px; padding-top: 4%; border-top: solid 1px #ebebeb}
.article_details .other a{position: relative; display: inline-block}
.article_details .other span:nth-child(1){order:2; display: block;}
.article_details .other span:nth-child(1) a{text-align: left; background: #d1ae6c url(../images/back_icon.png) no-repeat 80% center; width: 160px; text-indent: 34px; border-radius: 100px; color: #fff}
.article_details .other span:nth-child(1) a:hover{background-color: #dec086}
.article_details .other span.dot{width: 40%}
.article_details .other span:nth-child(2) a{ padding-left: 40px;}
.article_details .other span:nth-child(3) a{ padding-right: 40px;}
.article_details .other span:nth-child(2){order:1; }
.article_details .other span:nth-child(3){order:3; text-align: right;}
.article_details .other span.dot a:before{content: ''; position:absolute; width: 16px; height: 100%; background: url(../images/page_jt.png) no-repeat center center}
.article_details .other span:nth-child(2) a:before{left: 0; transform: rotate(180deg)}
.article_details .other span:nth-child(3) a:before{right: 0}
.article_details .other span.dot a:not(:hover):before{filter: grayscale(100%) brightness(50%);}
@media(max-width:1024px){
.article_details .other{line-height: 38px;}
.article_details .other span:nth-child(1){order: 1;width: 100%; padding-bottom: 10px; text-align: center;}
.article_details .other span:nth-child(1) a{width: 120px;text-indent:15px; }
.article_details .other span.dot{width: 100%}
.article_details .other span:nth-child(3){text-align: left}
.article_details .other span:nth-child(3) a{padding-left: 40px; padding-right: 0}
.article_details .other span:nth-child(3) a:before{right:auto; left: 0}
}




.main_Contact .item{width: 22.5%; padding:4% 3% 3% 3%; background: #ffffff; border-radius:5vw 0 5vw 0; transition: 0.5s; overflow: hidden; box-shadow: 0 0 36px rgba(209,174,108,0.05)}
.main_Contact .tit{padding: 10px 0}
.main_Contact .icon{width: 40px; height: 40px;}
.main_Contact .icon img{width: 40px; height:37px; transition: 0.5s; object-fit: contain;-o-object-fit: contain;}
.main_Contact .desc{padding: 2% 0; line-height: 32px;}
.main_Contact .item:hover{color: #ffffff; background: #cfad6d}
.main_Contact .item:hover .icon img{position: absolute; width: 80%; height:80%; bottom: 5%; right:5%; opacity: 0.2; filter: grayscale(100%) brightness(500%);}
@media(max-width:1024px){
.main_Contact .item{width: 48%; margin: 2% 0}
}

.main_Talent {padding-bottom: 0}
.main_Talent .info_box{position: relative; overflow: hidden;}
.main_Talent .num{position: absolute; bottom: -15%; color: #faf7f0;line-height: 1;  z-index: -1; font-size:calc(100vw*340/var(--win));}
.main_Talent .txt{color: #555555}
.main_Talent .line{margin-top:20px; margin-bottom: 20px;}
.main_Talent .pic_info .pic_box{width: 50%; }
.main_Talent .pic_info .pic_box img{border-radius: 20px;}
.main_Talent .pic_info .info_box {width: 40%;padding-top:3%; padding-bottom:20%}

.main_Talent .item_box.box2{margin-top: -2%;  z-index:10; overflow: hidden; background:url(../images/talent_bg_huxian.png) no-repeat center center;}
.main_Talent .item_box.box2 .auto{height:915px; display: flex; align-items: center; }
.main_Talent .item_box.box2 .info_box{width: 100%; position: static}
.main_Talent .item_box.box2 .tit{text-align: center;max-width: 478px; margin: auto}
.main_Talent .item_box.box2 .line{margin:20px auto}
.main_Talent .item_box.box2 .txt{text-align: center; max-width: 845px; margin: auto}
.main_Talent .item_box.box2 .num{color: #fff; left: 45%; opacity: 0.5}


.main_Talent .item_box.box3 {padding-top: 5%}
.main_Talent .item_box.box3 .pic_info .info_box {order: 2;}

.talent_number{padding-top:4%; padding-bottom: 4%; max-width: 1300px; margin: auto}
.talent_number .subitem{position: relative; width:18%; max-width: 233px; height: 233px;z-index: auto; justify-content: center; display: flex; align-items: center; border-radius: 8vw 0 8vw 0; background: #ffffff}
.talent_number .subitem dt{line-height: 1;}

.talent_number .subitem dd{}
.talent_number .subitem .icon{position: absolute; width: 20%; padding-bottom: 20%;left: -3%; bottom: -3%;}
.talent_number .subitem .icon:before,
.talent_number .subitem .icon:after{content: '';position: absolute;background: #d1ae6c;left: 0; width: 100%; height: 100%;  border-radius: 2vw 0 2vw 0}
.talent_number .subitem .icon:before{opacity: 0.25;z-index: 2;filter: blur(10px)}
.talent_number .subitem .icon:after{ z-index: -1;}
.talent_number .subitem dl dt{text-transform: uppercase}
.talent_number .subitem dl dt::first-letter{color: #ffffff;margin-left: -10px;opacity: 0;}
.talent_number .subitem .letter{vertical-align: -webkit-baseline-middle; color: #d1ae6c; font-style: normal; font-size:calc(100vw*72/var(--win));}
.talent_number .subitem:nth-child(odd){margin-top: 6%;}
.talent_number .subitem:hover{color: #fff; background:#d1ae6c url(../images/talent_item_bg.png) no-repeat left bottom; background-size: contain}
.talent_number .subitem:hover dt{color: #fff}
.talent_number .subitem:hover .icon:after{opacity: 0}
.talent_number .subitem:hover .letter{color: #fff}

@media(max-width:768px){
.main_Talent .item_box.box1 .auto:after{left: 0; bottom:-5%}
.main_Talent .item_box.box1 .info_box {width: 100%}
.main_Talent .item_box.box1 .pic_box{width: 100%; margin-right: 0}
.main_Talent .item_box.box2{margin-top: auto;padding-top: 15%;background-size: cover}
.main_Talent .item_box.box2 .auto{height:auto;padding-bottom: 15%; }
.main_Talent .item_box.box2 .tit{max-width: inherit}
.main_Talent .item_box.box3{padding-bottom:8%}
.main_Talent .item_box.box3 .pic_info .info_box {width: 100%;}
.main_Talent .item_box.box3 .pic_info .pic_box{width:100%; order: 3}

.talent_number .subitem{width:48%;height:150px;margin: 2% 0; max-width: inherit}
}



.main_Jobs{background: #f2f8fa}

.select_jobs{line-height: 40px; color: #555555; position: relative; z-index: 3}
.select_jobs dl{position: relative; width:28%; z-index: 2 }
.select_jobs dl dt{position: relative; z-index: 10; width:100%;padding: 5px 20px; cursor: pointer;border-radius: 30px; background: #fff; border: solid 1px #e7eef1}
.select_jobs dl:not(.ss){z-index: 3}
.select_jobs dl:not(.ss) dt:after{content: ''; position: absolute; right: 5%; top: 0; bottom: 0; margin: auto; width: 10px; height: 10px; transform:rotate(45deg); border-bottom: solid 1px #7f7f7f; border-right: solid 1px #7f7f7f; transition: 0.5s}
.select_jobs dl.ss{width:40%; display: flex; justify-content: space-between}
.select_jobs dl.ss dt{width:70%}
.select_jobs dl.ss input{color: #555555; width: 100%; height: 40px; border: none}
.select_jobs dl.ss a{width:28%; max-width: 150px; display: flex; align-items: center;text-indent:20%; justify-content: center; color: #fff; cursor: pointer; background:#d1ae6c url(../images/search_icon.png) no-repeat 30% center; border-radius: 30px;}
.select_jobs dl.ss a:hover{background-color: #ebc377}
.select_jobs dl.ss a i{font-style: normal;white-space: nowrap}
.select_jobs dd{left: 0;z-index: 10;display: none; position: absolute; text-align: center;width: 100%;padding: 10px 0;border: solid 1px #efefef; background: #fff}
.select_jobs dd a{padding: 0px 18px; width: 48%; display: inline-block;}
.select_jobs dd a:hover{background: #fbfbfb;}
.select_jobs dl.show{z-index: 10}
.select_jobs dl.show dt{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.select_jobs dl.show dt:after{transform:rotate(-135deg);}

.total_jobs {padding-top: 4%; padding-bottom: 2%}
.total_jobs span{float: right}
.total_jobs b{font-weight: normal}

.list_jobs .item{border-radius: 30px; overflow: hidden; background: #fff; margin-bottom: 20px; padding: 0 30px}
.list_jobs .item:not(.list){color: #fff; background: #d1ae6c;}
.list_jobs ul.types li{width: 15%;padding: 1.3% 0;}
.list_jobs ul.types li:nth-child(1){width: 28%}
.list_jobs ul.types li:nth-child(6){width: 5%}
.list_jobs ul.types li:not(:first-child){text-align: center;}
.list_jobs ul.types .icon{display: block; margin: auto; width: 24px; height: 24px; border: solid 2px #d1ae6c; border-radius: 100px; position: relative}
.list_jobs ul.types .icon:before{content: ''; position: absolute; margin: auto; left: 0; right: 0; top: -4px; bottom: 0; width: 8px; height: 8px; transform: rotate(45deg); border-right: solid 1px #d1ae6c; border-bottom: solid 1px #d1ae6c; transition: 0.5s}
.list_jobs .list{display: none}
.list_jobs .list ul.types{cursor: pointer}
.list_jobs .list ul.types.show .icon{background-color: #d1ae6c}
.list_jobs .list ul.types.show .icon:before{top:4px;transform: rotate(-135deg); border-right-color: #fff;border-bottom-color: #fff}
.list_jobs .box{padding: 30px;border-top: solid 1px #e7eef1; display: none}
.list_jobs .tit{line-height: 18px; padding-left: 14px; border-left: solid 4px #d1ae6c}
.list_jobs .info{padding-bottom: 4%; padding-top: 1%; color: #555555; line-height: 2}
.list_jobs .txt{display: none}
.list_jobs .apply{padding-top:4%; padding-bottom: 2%; border-top: solid 1px #e7eef1}
.list_jobs .apply a{color: #fff; padding: 1.5% 4%; background: #d1ae6c; border-radius: 30px; cursor: pointer}
.list_jobs .apply a:hover{background-color: #ebc377}

.btn_more{padding-top:4%; padding-bottom: 2%; text-align: center}
.btn_more a{color: #fff; padding: 1.5% 4%; background: #d1ae6c; border-radius: 10px; cursor: pointer}
.btn_more a:hover{background-color: #ebc377}

@media(max-width:1200px){
.select_jobs dl.ss a{text-indent: 55%}
}
@media(max-width:768px){
.select_jobs dl dt{padding: 2px 10px;}
.select_jobs dl:not(.ss){width: 49%}
.select_jobs dl.ss{width: 100%; margin-top: 2%}
.select_jobs dd a{width: 100%}


.total_jobs {padding-top: 8%; padding-bottom: 4%}

.list_jobs .item{padding: 0 10px}
.list_jobs ul.types li{padding:3% 0;}
.list_jobs ul.types li:nth-child(1){width:calc(100% - 130px)}
.list_jobs ul.types li:nth-child(2),
.list_jobs ul.types li:nth-child(3),
.list_jobs ul.types li:nth-child(4){display: none}
.list_jobs ul.types li:nth-child(5){width: 80px}
.list_jobs ul.types li:nth-child(6){width: 40px}
.list_jobs .txt{display:block; padding-bottom: 3%}
.list_jobs .box{padding: 10px}
}

.main_Search .list li{border-bottom: solid 1px #ddd; padding: 2% 0}
.main_Search .list li span{float: right; padding-left: 20px; opacity: 0.8}

.sitemap dl{border-bottom: solid 1px #ddd; padding: 1% 0}
.sitemap dd span{padding-right: 20px}
.sitemap dd a:not(:hover){opacity: 0.7}

.Pages{text-align: center;padding-top: 4%;}
.Pages span,
.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-items: center}
.Pages .p_page em{font-style: normal; padding: 0px 30px}
.Pages .p_page a{display: block;min-width: 60px; line-height: 58px; border: solid 1px #f8f2e8; border-radius: 100px; margin: 0 5px; overflow: hidden; position: relative}
.Pages .p_page a.a_cur{color: #fff; background: #d1ae6c; border-color: #d1ae6c}
.Pages .p_page a.a_prev,
.Pages .p_page a.a_next{text-indent: -120px;}
.Pages .p_page a.a_prev:before,
.Pages .p_page a.a_next:before{content: '';position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 12px; height: 12px; border-top: solid 2px #d2af6e;border-right: solid 2px #d2af6e}
.Pages .p_page a.a_prev:before{transform: rotate(-135deg); }
.Pages .p_page a.a_next:before{transform: rotate(45deg); }
@media(max-width:768px){
.Pages .p_page em{ padding: 0px 10px}
.Pages .p_page a{display: block;min-width: 32px; line-height: 30px;}
}


.pop-up{position: fixed;width: 100%; height: 100%; top: 0; z-index: 101;background: rgba(0,0,0,0.5); display: none}
.pop-up .innerbox{position: absolute; width: 95%; max-width: 460px; top:50%; margin: auto; left: 0; right: 0; transform: translateY(-50%); background: #ffffff; border-radius: 10px;}
.pop-up .box{display: none}
.pop-up .box p{line-height: 46px;}
.pop-up .box p span{color: #999999}
.pop-up .biaoti{line-height: 30px; padding: 20px 20px 20px 30px; border-bottom: solid 1px #f5f5f5}
.pop-up .biaoti .en{color: #999999; padding-left: 10px; text-transform: uppercase}
.pop-up .close{float: right; width: 30px; height: 30px; position: relative; cursor: pointer;}
.pop-up .close:before,
.pop-up .close:after{content: ''; position: absolute; cursor: pointer; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width:60%; height: 2px; background: #d1ae6c}
.pop-up .close:before{transform: rotate(45deg)}
.pop-up .close:after{transform: rotate(-45deg)}
.pop-up .infobox{padding: 8% 30px}
.pop-up .btn a{background: #d1ae6c;display: block; text-align: center; cursor: pointer; padding: 5% 0; border-radius: 0 0 10px 10px; color: #ffffff}

.pop-up .itembox{padding: 2% 0; display: flex; align-items: center; justify-content: flex-end}
.pop-up .formbox{padding: 20px}
.pop-up .formbox .formtitle{color: #666666}
.pop-up .formbox .formtitle i{color: #e91d1d; padding: 0px 5px;}
.pop-up .formbox .forminput{width: calc(100% - 90px)}
.pop-up .formbox .forminput .text{font-size: 14px; width:100%; height: 46px; padding: 0px 22px; background: #f9f9f9; border: none; border-radius: 100px;}
.pop-up .formbox .forminput textarea{height: 120px;padding:5px; border-radius: 0}
.pop-up .placeholder{padding-top: 20px; padding-bottom: 20px; font-size: 14px;}
.pop-up .placeholder .webuploader-pick{background: #d1ae6c; font-size: 16px;margin-bottom: 0}
.pop-up .placeholder .webuploader-pick-hover{background: #ebc377}
.pop-up .queueList{margin: 0; border: solid 1px #e6e6e6; border-radius: 10px;}
.pop-up .statusBar .btns .uploadBtn{background: #d1ae6c; }
.pop-up .statusBar .btns .uploadBtn:hover {background: #ebc377; }
.pop-up .statusBar .btns{position: relative}
/**/
.ind_banner{position: relative}
.ind_banner figure .wap{display: none}
.ind_banner .swiper-pagination{position: absolute; width: 100%; padding-top: 0; bottom:15%}
.ind_banner .swiper-pagination-bullet{background: #ffffff;; transition: 0.5s; opacity: 0.5} 
.ind_banner .swiper-pagination-bullet-active{width: 48px; border-radius: 5px; opacity: 1}
.ind_banner .swiper-button-prev{left:3.5%}
.ind_banner .swiper-button-next{right:3.5%}
.ind_banner .link{position: absolute; width: 100%; height: 100%; display: block}

.ind_banner video{position: absolute; width: 100%; height: 100%; z-index:2; object-fit: fill; -o-object-fit: fill}

.ind_about{margin-top: -5%; position: relative; z-index: 10;}
.ind_about .icon {position: absolute; top:6%; z-index: 10; left: 0; right: 0; margin: auto; animation:  leap 3s; -webkit-animation:  leap 3s infinite; width: 21px; height: 12px; background: url(../images/ind_banner_jt.png)}
.ind_about .img{position: absolute; width: 100%}
.ind_about figure img{-webkit-mask-image: url(../images/ind_about_picbg.png); -webkit-mask-repeat: no-repeat; -webkit-mask-position:center center; -webkit-mask-size:contain;}
.ind_about .column_title{text-align: left; padding-bottom: 0}
.ind_about .info{z-index: 5;position: absolute; width:34.2095%; height: 676px; top: 50%; transform: translateY(-50%); background: url(../images/ind_about_txtbg.png) no-repeat right center; background-size:cover; padding-left: var(--boxp); padding-right: 2.5%}
.ind_about .desc{padding-top:2%; padding-bottom:3%; color: #777777; line-height: 2}
@media(max-width:1460px){
.ind_about .info{width: 42%}
}
@media(max-width:1280px){
.ind_about .info{width: 50%; height: 580px}
}
@media(max-width:1024px){
.ind_about .info{position: relative; width:90%; margin: auto; height: auto; padding: 5%; border-radius:5vw; margin-top: -30%; top:auto; transform: translateY(0)}
}

.ind_company{padding-top:6%; background: url(../images/ind_company_bg.png) no-repeat 50% top; background-size: 17.39583333333333%}
.ind_company .column_title{text-align: left; padding-bottom: 0}
.ind_company .info_txt{color: #777777;padding-top:5%; padding-bottom: 2%;}
.ind_company .box_fl{width: 29%;}
.ind_company .box_fr ul li{text-align: center; cursor: pointer; width:6vw; max-width: 100px;}
.ind_company .box_fr ul li:not(:first-child){ margin-left: 20px;}
.ind_company .box_fr ul li b{color: #777777;display: block; margin: auto; font-weight: normal; width: 60px; line-height: 60px; border-radius: 2vw 0 2vw 0; transition: 0.5s }
.ind_company .box_fr ul li:hover b,
.ind_company .box_fr ul li.cur b{color: #fff;background: #d1ae6c}
.ind_company .list_company{padding-top: 2%}
.ind_company .list_company .item:not(:last-child){margin-bottom: 0}
.ind_company .list_company .item{border-radius: 0}
@media(max-width:1024px){
.ind_company .box_fl,
.ind_company .box_fr{width: 100%}
.ind_company .info_txt{padding-top: 2%; padding-bottom: 5%}
.ind_company .box_fr ul li{width: 19%;}
.ind_company .box_fr ul li:not(:first-child){ margin-left:1.25%;}
.ind_company .box_fr ul li b{border-radius: 10vw 0 10vw 0;}
}

.ind_news{padding-top:6%;padding-bottom:11%; background: url(../images/ind_news_bg.jpg) no-repeat center bottom; background-size: 100%}
.ind_news .column_title{text-align: left; padding-bottom: 0}
.ind_news .info_txt{color: #777777;padding-top:5%; padding-bottom: 2%;}
.ind_news .item a{padding:10% 9%;display: block;background: #fff  no-repeat right bottom;background-size: 0;  border-radius: 20px; transition: 0.5s}
.ind_news .tit{line-height: 30px; height:60px;}
.ind_news .line{margin-top: 20px; margin-bottom:40px;}
.ind_news .item:hover a{ background-color: #d1ae6c;background-image:  url(../images/item_bg_notice.png);background-size: 100%;  box-shadow: 0 6px 27px rgba(209,174,108,0.52);}
.ind_news .item time{float: right;line-height: 1; padding-left:5%}
.ind_news .item time b{display: block}
.ind_news .item .desc{color: #999999}
.ind_news .item:hover:before{opacity: 1}
.ind_news .item:hover,
.ind_news .item:hover a,
.ind_news .item:hover .time{color: #fff;}
.ind_news .item:hover .line{background: #fff; opacity: 0.3}
.ind_news .item:hover .desc{color: #fff; opacity: 0.5}
.ind_news .swiper-wrapper{margin-top: 6%; margin-bottom:6%}
.ind_news .swiper-button-prev,
.ind_news .swiper-button-next{position: relative; display: inline-block; margin-top: 0}
.ind_news .swiper-button-prev{left: 0}
.ind_news .swiper-button-next{right: 0; margin-left: 20px}
@media(max-width:768px){
.ind_news{padding-top: 10%}
.ind_news .info{padding: 10px}
.ind_news .info a{box-shadow: 0 0 10px rgba(0,0,0,0.1)}
}

@keyframes  leap {
0% {transform: translateY(-30px)}
50% {transform: translateY(0px)}
100% {transform: translateY(-30px)}
}
/**/