body{ background: #1a1a1a; width: 100vw; margin: 0 auto; overflow-x: hidden; /*min-width: 1440px; max-width: 2560px;  */}


/*header*/
header{ width: 100vw; height: 160px; /*background: #000;*/ background: rgba(0,0,0,.8); backdrop-filter:blur(4px); position: fixed; left: 0; top: 0; z-index: 999;}

.logo{width:128px;height:112px;margin: 0 auto;}
.logo h1 a{width: 128px; height:112px; display:block; background: url(../img/logo.svg) left no-repeat;}

nav{ width: 1440px; height: 48px; margin: 0 auto; }
nav ul { width: 100%; height: 100%; display: flex;  }
nav ul li{ flex:1; margin: 0 56px; position: relative; }
nav ul li a{ width: 100%; line-height: 48px; font-size: 14px; color: #C7B299; text-align:center; display: inline-block; /*position: relative;*/ /*cursor: default;*/ font-weight: 300; }
nav ul li i{ width: 0px; height: 1px; position: absolute; left:32px; bottom:0; background: #C7B299; transition:all 0.3s;}


.subnav{ width: 1440px; height: auto; position: fixed; top:160px; left: 50%; margin-left: -720px; z-index: 999; padding:0 0 24px; box-sizing: border-box; overflow: hidden;/* background: #000;*/ }
.subnav .subnav-bg{ overflow: hidden; box-sizing: border-box; display: none;}

.subnav .subnav-bg:nth-of-type(1) { padding-left: 88px;  }
.subnav .subnav-bg:nth-of-type(2) { padding-left: 328px;}
.subnav .subnav-bg:nth-of-type(3) { padding-left: 568px;}
.subnav .subnav-bg:nth-of-type(4) { padding-left: 808px;}
.subnav .subnav-bg:nth-of-type(5) { padding-left: 1048px;}
.subnav .subnav-bg:nth-of-type(6) { padding-left: 1288px;}

.subnav .subnav-bg ul{ display: inline-block; overflow: hidden; position: relative; padding-top:24px; box-sizing: border-box; /*background: rgba(255,255,255,.2); */ }
.subnav .subnav-bg ul:before{ content: ""; width: 1px; height: 100%; position: absolute; top:24px; left: 0; background: #C7B299; z-index: 2; }

.subnav ul li{ line-height: 48px; /*background: rgba(0,0,0,.2);*/ backdrop-filter:blur(4px); }
.subnav ul li a{ display: block; line-height: 48px; font-size: 14px; color: #C7B299 ; padding:0 12px; font-weight: 300; }
.subnav ul li a:hover{ font-weight: 500; }



main{ width: 100vw; height:auto; margin: 0 auto; /*padding-top: 160px; box-sizing: border-box;*/ }
main .banner{ width: 100vw; height: 100vh; background: #999; position: relative; overflow: hidden; }


.banner ul{ width: 500vw; left:0; top:0; position: absolute; height: 100vh;}
.banner ul li{ width: 100vw; height: 100vh; float: left; background-size: cover ; background-position:50% 50%; background-repeat: no-repeat;}
.banner ul li .text_box{ width: 100%; height: 100%; position: relative; }


.banner ul li .text_box1{ background: url(../img/banner_1_text.svg) no-repeat 50% 50% / cover;}
.banner ul li .text_box3{ background: url(../img/banner_3_text.svg) no-repeat 50% 50% / cover;}
.banner ul li .text_box4{ background: url(../img/banner_4_text.svg) no-repeat 50% 50% / cover; }

/*banner-1*/
.banner ul li .text_box1 .banner_text{ text-align: center; position: absolute; top:50%; left:50%; margin-left:-320px; margin-top: -24px;   }
.banner ul li .text_box1 .banner_text h3{ font-size: 26px; color:#fff; }
.banner ul li .text_box1 .banner_text p{ font-size: 58px; color:#fff; line-height: 168px; }

.banner ul li .text_box a { width: 128px; height: 32px; display: inline-block; position: absolute; bottom:16%; left:50%; margin-left:-64px;   border-radius: 16px; border: 1px solid #fff; overflow: hidden;  }
.banner ul li .text_box a span { width: 100%; height: 100%; display: inline-block; color:#fff; line-height: 32px; font-size: 14px; text-align: center; z-index: 10; position: absolute; transition:all 0.3s; }
.banner ul li .text_box a:after{ content: ""; width: 0; height: 100%; background: #fff; position: absolute; top:0; left: 0; transition:all 0.3s; }
.banner ul li .text_box a:hover:after{ width: 100%; }
.banner ul li .text_box a:hover span { color:#000; }


/*banner_circle*/
.banner .circle{ width:auto; height: 10px; position:absolute; z-index:1;  left:50%; transform: translateX(-50%); bottom:40px; /*background: #fff;*/ }
.banner .circle ol{ overflow:hidden; }
.banner .circle ol li{ width: 6px; height: 6px; border-radius: 50%; background: #C7B299; float:left; /*top:2px;*/ margin:2px 24px; cursor: pointer;}
.banner .circle ol li.current{ transform: scale(1.6);  background:#C7B299;}

/*banner_N&P*/
.banner .button{ width: 8%; height:100%;z-index:1; position:absolute; cursor:pointer;}
.banner .prev{ left:0;background: rgba(255,255,255,0);}
.banner .next{ right:0;background: rgba(255,255,255,0);}





.pro_case{ width: 100%; height: 80vw; /*background: rgba(255,255,255,.2);*/ display: flex; padding: 0 8% 0 16%; box-sizing: border-box; margin: 112px 0 0; overflow: hidden; min-width: 1340px; min-height: 1408px; }
.pro_case .case_table{ width: 200px; height: 100%; /*background: rgba(255,255,255,.2);*/ color: #4d4d4d; }
.pro_case .case_table p{ font-size: 18px; margin:88px 0 40px 0; }
.pro_case .case_table ul{ height: 568px; /*background: #fff;*/ position: relative; }
.pro_case .case_table ul:before{ content: ""; width: 1px; height: 100%; background: #333; position: absolute; top:0; left: 0; }
.pro_case .case_table ul li{ font-size: 16px; line-height: 32px; margin-bottom: 32px; padding-left: 16px; box-sizing: border-box; position: relative; cursor: pointer; font-weight: 300; }
.pro_case .case_table ul li:hover{ color:#C7B299; }
.pro_case .case_table ul li.current{ color:#C7B299; font-weight: 500; }
.pro_case .case_table ul li.current:before{ content: ""; width: 3px; height: 32px; background: #C7B299; position: absolute; top:0; left: 1px; }



.pro_case .case_case{ flex:1; height: 100%; /*background: rgba(255,255,255,.2);*/ }
.pro_case .case_case .case_case_table{ width: 100%; height: 100%; /*background: rgba(255,255,255,.2);*/ /*display: flex; flex-direction:column;*/ display: none; }
.case_case_table ul{ width: 100%; height: 50%; /*flex:1;*/ /*background: rgba(255,255,255,.1);*/ display: flex; overflow: hidden; }
.case_case_table ul li{ flex:1; height: 100%; /*background: rgba(255,255,255,.1);*/ box-sizing: border-box; overflow: hidden; }
.case_case_table ul li a{ width: 100%; height: 100%; display: block; }
.case_case_table ul li:nth-of-type(1){ margin-top:3%; }
.case_case_table ul li:nth-of-type(2){ margin:8% 6% 0; }
.case_case_table ul li .pic{ width: 100%; height: 70%; overflow: hidden;}
.case_case_table ul li .pic figure{ width: 100%; height: 100%; transition: all 0.4s ease; }
.case_case_table ul li:hover figure{ transform: scale(1.1,1.1); }
.case_case_table ul:nth-of-type(1) li:nth-of-type(1) figure{ background: url(../img/case/01_01_banner_mb.jpg) no-repeat 50% 50% / cover; }
.case_case_table ul:nth-of-type(1) li:nth-of-type(2) figure{ background: url(../img/case/02_01_banner_mb.jpg) no-repeat 50% 50% / cover; }
.case_case_table ul:nth-of-type(1) li:nth-of-type(3) figure{ background: url(../img/case/03_01_banner_mb.jpg) no-repeat 50% 50% / cover; }
.case_case_table ul:nth-of-type(2) li:nth-of-type(1) figure{ background: url(../img/case/04_01_banner_mb.jpg) no-repeat 50% 50% / cover; }
.case_case_table ul:nth-of-type(2) li:nth-of-type(2) figure{ background: url(../img/case/05_01_banner_mb.jpg) no-repeat 50% 50% / cover; }
.case_case_table ul:nth-of-type(2) li:nth-of-type(3) figure{ background: url(../img/case/06_01_banner_mb.jpg) no-repeat 50% 50% / cover; }
.case_case_table ul li a span{ font-size: 14px; color:#4d4d4d; display: inline-block; margin:24px 0 16px; }
.case_case_table ul li a p{ font-size: 18px; color:#fff; }
.case_case_table ul li a i{ width: 65px; height: 9px; display: block; margin-top:24px; position: relative; overflow: hidden; }
.case_case_table ul li a i:before{ content: ""; width: 65px; height: 9px; background: url(../img/arrow.svg) no-repeat 50% 50% / cover; position: absolute; top:0; left: -32px; transition: all 0.3s ease; }
.case_case_table ul li a:hover i:before{ left: 0; }


/*concept*/
.ds_concept{ width: 100%; height: auto;  /*background: rgba(255,255,255,.2); display: flex;*/ padding: 0 8% 0 16%; box-sizing: border-box; overflow: hidden; }

/*concept-text*/
.ds_concept .ds_cc_text{ width: 100%; height: 248px; padding-left:4%; box-sizing: border-box; /*background: rgba(255,255,255,.2);*/ }
.ds_cc_text span{ font-size: 18px; color:#4d4d4d; display: inline-block; margin-top:40px; }
.ds_cc_text h3{ font-size: 36px; color:#fff; margin:32px 0 56px; font-weight: bold; }
.ds_cc_text i{ width: 65px; height: 9px; display: block; margin-top:24px; position: relative; overflow: hidden; }
.ds_cc_text i:before{ content: ""; width: 65px; height: 9px; background: url(../img/arrow.svg) no-repeat 50% 50% / cover; position: absolute; top:0; left: -32px; transition: all 0.3s ease; }
.ds_cc_text:hover i:before{ left: 0; }

/*concept-box*/
.ds_cc_box{ width: 100%; position: relative; }

/*concept-cctab*/
.ds_cc_box .cctab{ width: 100%; height: 112px; position:relative; }

.cctab .item a{ display:block;font-size:20px;line-height:112px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#4d4d4d;letter-spacing:1px; }
.cctab .item span{ background:#4d4d4d -webkit-linear-gradient(left,#C7B299,#C7B299) no-repeat 0 0; -webkit-text-fill-color:transparent; -webkit-background-clip:text; background-size:0 100%; }
.cctab .cur a{ color:#C7B299;}
.cctab .cur span{ background-size:100% 100%; animation:scan 6s linear; }
@keyframes scan {
	0% { background-size:0 100%; }
	100% { background-size:100% 100%; }
}

.cctab .owl-carousel { width:72%; /*padding-right:1%;*/ overflow:hidden; /*background: rgba(255,255,255,.2); */}
.cctab .owl-carousel .owl-stage-outer { overflow:visible; }

.cctab .owl-btn { position:absolute; right:22%; top:32px; font-size:0; line-height:normal; z-index: 2 }
.cctab .owl-btn span { display:inline-block; width:48px; height:48px; background:no-repeat center center; background-size:contain;vertical-align:middle; cursor:pointer; }
/*.cctab .owl-btn .prev { background-image:url(../img/ic_prev.svg); margin-right:24px;}*/
.cctab .owl-btn .next { background-image:url(../img/ic_next.svg); }


/*concept-ccinfo*/
.ccinfo { overflow:hidden; }
.ccinfo .item { opacity:.64; transition: opacity 1.2s ease; }
.ccinfo .item a { display:block; overflow:hidden; padding-bottom:44%; background:no-repeat center center; background-size:cover; }
.ccinfo .active .item { opacity:1; transition: opacity 1.2s ease; }
.ccinfo .owl-carousel { width:78%;}
.ccinfo .owl-carousel .owl-stage-outer { overflow:visible; }


/*concept-cctext*/
.ds_cc_box .cctext{ width: 320px; height: 320px; background: rgba(0,0,0,.8); backdrop-filter:blur(4px); position: absolute; top: 50%; right: 14%; transform: translateY(-50%); margin-top: 56px; z-index: 1; }
.cctext .text{ width: 100%; height: 100%; }


.cctext a { display:block; width: 320px; height: 320px; overflow:hidden; padding:32px 0 0 32px; box-sizing: border-box; position: relative; cursor:auto; }
.cctext a h2 { font-size:28px; color:#C7B299; font-weight:bold; margin-bottom:18px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; }
.cctext a .intro { font-size:14px; line-height:24px; /* height:8.89em;*/ overflow:hidden; color:#E2E2E2; /*margin-bottom:32px;*/ }
.cctext a .ccic { width:28px; height:28px; position: absolute; bottom: 32px; }
.cctext a .ccic1 { background-image:url(../img/ic_cctext_1.svg);}
.cctext a .ccic2 { background-image:url(../img/ic_cctext_2.svg);}
.cctext a .ccic3 { background-image:url(../img/ic_cctext_3.svg);}
.cctext a .ccic4 { background-image:url(../img/ic_cctext_4.svg);}




/*series*/
.series{ width: 100%; height: auto; padding:0 8% 0 16%; box-sizing: border-box; overflow: hidden; }

/*series_table*/
.series .series_table{ width: 100%; height: auto; padding:80px 0 88px 200px ; box-sizing: border-box; overflow: hidden; }
.series_table p{ font-size: 18px; color: #4D4D4D; font-weight: 300; }
.series_table ul{ width: 100%; height: auto; overflow: hidden; margin-top: 12px; }
.series_table ul li{ float:left; font-size: 18px; color: #4D4D4D; font-weight: 300; line-height: 72px; margin-right: 48px; position: relative; cursor: pointer; }
.series_table ul li:hover{ color: #C7B299; }
.series_table ul li.cur{ color: #C7B299; font-weight: bold; }
.series_table ul li.cur:before{ content: ""; width: 14px; height: 2px; background: #C7B299; position: absolute; bottom:4px; left: 0; }


/*series_cas*/
.series .series_case_box{ width: 100%; height: auto; overflow: hidden; display: none; }
.series_case{ width: 100%; height: 100%; overflow: hidden; display: flex;  }

/*series_cas_table*/
.series_case .series_case_table{ width: 200px; height: 100%; color:#4D4D4D; }
.series_case_table p{ font-size: 18px; margin:88px 0 40px 0; }
.series_case_table ul{ height: 400px; position: relative; }
.series_case_table ul:before{ content: ""; width: 1px; height: 100%; background: #333; position: absolute; top:0; left: 0; }
.series_case_table ul li{ font-size: 16px; line-height: 32px; margin-bottom: 32px; padding-left: 16px; box-sizing: border-box; position: relative; cursor: pointer; font-weight: 300; }
.series_case_table ul li:hover{ color:#C7B299; }
.series_case_table ul li.cur{ color:#C7B299; font-weight: 500; }
.series_case_table ul li.cur:before{ content: ""; width: 3px; height: 32px; background: #C7B299; position: absolute; top:0; left: 1px; }



/*series_cas_img*/
.series_case .series_case_img{ flex: 1; height: 100%; ; overflow: hidden; display: none; }
.series_case .series_case_img ul li{ float: left; width: 33.33333333333333%; height: 22.7vw; border: 1px solid #1a1a1a;  background: #000; box-sizing: border-box; overflow: hidden; line-height: 22.7vw; color: #fff; text-align: center; font-size: 40px; }
.series_case .series_case_img ul li figure{ width: 100%; height: 100%; transition: all 0.4s ease; }
.series_case .series_case_img ul li:hover figure{ transform: scale(1.1,1.1); }
/*.series_case .series_case_img ul li:nth-of-type(3n+2){ border: 0;}*/























/*chain*/
.chain{ width: 100%; height: auto;  /*background: rgba(255,255,255,.2); display: flex;*/ padding: 0 8% 0 16%; box-sizing: border-box; overflow: hidden; margin:152px 0 200px 0; }

/*chain-text*/
.chain .chain_text{ width: 100%; height: 248px; padding-left:4%; box-sizing: border-box; /*background: rgba(255,255,255,.2);*/ position: relative; overflow: hidden; }
.chain_text span{ font-size: 18px; color:#4d4d4d; display: inline-block; margin-top:40px; }
.chain_text h3{ font-size: 36px; color:#fff; margin:16px 0 32px; /*font-weight: bold;*/ }
.chain_text p{ font-size: 14px; color:#4d4d4d; }
.chain_text i{ width: 65px; height: 9px; display: block; margin-top:32px; position: relative; overflow: hidden; }
.chain_text i:before{ content: ""; width: 65px; height: 9px; background: url(../img/arrow.svg) no-repeat 50% 50% / cover; position: absolute; top:0; left: -32px; transition: all 0.3s ease; }
.chain_text:hover i:before{ left: 0; }

.chain_text .chain_text_right{ width: 112px; height: 120px; /*background: #fff;*/ position: absolute; right:0; top: 50%;  margin-top: -42px;}
.chain_text .chain_text_right p{ font-size: 14px; color:#C7B299; text-align: right; line-height: 24px; margin-bottom: 24px;}
.chain_text .chain_text_right figure{ width: 112px; height: 36px; background: url(../img/ic_chain.svg) no-repeat 50% 50% / cover;}


/*chain-case*/
.chain_case{ width: 100%; height: 35vw; position: relative; margin-top: 40px; }
.chain_case ul { width: 100%; height: 100%; position:relative; }
.chain_case ul li{ width: 100%; height: 100%; position: absolute; left: 0; top:0; display: none; }
.chain_case ul li figure{ width: 100%; height: 100%; background: url(../img/chain_banner_3_text.svg) no-repeat 50% 50% / cover; }

.chain_case ol { width: 100%; height: 100%; position:absolute; left:0; top:0; display: flex; overflow: hidden; }
.chain_case ol li{ flex: 1; height: 100%; font-size: 18px; color:#fff; text-align: center; padding-top:4vw; box-sizing: border-box;  border-right:2px solid #1A1A1A; transition: all 0.3s ease; font-weight: 300; }
.chain_case ol li:hover{ font-weight: bold; color:#C7B299; background: rgba(26,26,26,.2); backdrop-filter:blur(1px); }
.chain_case ol li:nth-of-type(4){ border-right:0px solid #1A1A1A;}





/*effect*/
.effect{ width: 100%; height: auto; margin:0 auto; overflow: hidden; }
.effect_text_box{ width: 100%; height: auto; padding: 0 8% 0 16%; box-sizing: border-box; overflow: hidden; }
/*effect-text*/
.effect_text{ width: 100%; height: 248px; padding-left:4%; box-sizing: border-box; /*background: rgba(255,255,255,.2);*/ }
.effect_text span{ font-size: 18px; color:#4d4d4d; display: inline-block; margin-top:40px; }
.effect_text h3{ font-size: 36px; color:#fff; margin:32px 0 56px; }
.effect_text i{ width: 65px; height: 9px; display: block; margin-top:24px; position: relative; overflow: hidden; }
.effect_text i:before{ content: ""; width: 65px; height: 9px; background: url(../img/arrow.svg) no-repeat 50% 50% / cover; position: absolute; top:0; left: -32px; transition: all 0.3s ease; }
.effect_text:hover i:before{ left: 0; }


.effect_img{ width: 100%; height: 560px; margin:60px auto 0; overflow: hidden; position: relative; min-width: 1920px; }
.effect_img ul{ width: 200%; height: 100%;  position:absolute; top:0; animation:emove 24s linear infinite;  left: 0; }

/*.effect_img ul:hover{ animation-play-state: paused; }*/
@keyframes emove {
	0% { left:0; }
	100% { left:-100%; }
}
.effect_img ul li{ float:left; width: 50%; height: 90%; background: url(../img/effect_img.svg) no-repeat 0% 50% / cover; }




/*brand_idea*/
.brand_idea{ width: 100%; height: auto; margin:120px auto 0; overflow: hidden; }
.brand_idea_text_box{ width: 100%; height: auto; padding: 0 8% 0 16%; box-sizing: border-box; overflow: hidden; }
/*brand_idea-text*/
.brand_idea_text{ width: 100%; height: 248px; padding-left:4%; box-sizing: border-box; /*background: rgba(255,255,255,.2);*/ }
.brand_idea_text span{ font-size: 18px; color:#4d4d4d; display: inline-block; margin-top:40px; }
.brand_idea_text h3{ font-size: 36px; color:#fff; margin:32px 0 56px; }
.brand_idea_text i{ width: 65px; height: 9px; display: block; margin-top:24px; position: relative; overflow: hidden; }
.brand_idea_text i:before{ content: ""; width: 65px; height: 9px; background: url(../img/arrow.svg) no-repeat 50% 50% / cover; position: absolute; top:0; left: -32px; transition: all 0.3s ease; }
.brand_idea_text:hover i:before{ left: 0; }


.brand_idea_img{ width: 80vw; height: 34vw; margin:40px auto 0;  overflow: hidden; position: relative; }
.brand_idea_img ul { width: 100%; height: 100%; position:relative; }
.brand_idea_img ul li{ width: 100%; height: 100%; position: absolute; left: 0; top:0; display: none; }
.brand_idea_img ul li a{ display: block; width: 100%; height: 100%; }
.brand_idea_img ul li:nth-of-type(1) a{background: url(../img/time_logo.svg) no-repeat 50% 50% / cover;}


.brand_idea_img ol { width: 160px; /*height: 80%;*/  position:absolute; left:14%; top:50%; transform: translateY(-50%); }
.brand_idea_img ol li{ width: 100%; height: 88px; /*background:rgba(255,255,255,.2);*/ margin:44% 0; position: relative; }
.brand_idea_img ol li p{ font-size: 22px; /*color:#fff;*/ position: absolute; bottom:40px; left:0; transition: all 0.2s ease; font-weight: 300; background:#fff -webkit-linear-gradient(left,#C7B299,#C7B299) no-repeat 0 0; -webkit-text-fill-color:transparent; -webkit-background-clip:text; background-size:0 100%; }
.brand_idea_img ol li.cur p{ font-size: 28px; color:#C7B299; font-weight: bold; background-size:100% 100%; animation:bimove 4s linear; }
@keyframes bimove {
	0% { background-size:0 100%; }
	100% { background-size:100% 100%; }
}
.brand_idea_img ol li i{ width: 65px; height: 9px; display: block; left:0; bottom:20px; position: absolute; overflow: hidden; }
.brand_idea_img ol li i:before{ content: ""; width: 65px; height: 9px; background: url(../img/arrow.svg) no-repeat 50% 50% / cover; position: absolute; top:0; left: -32px; transition: all 0.3s ease; }
.brand_idea_img ol li.cur i:before{ left: 0; }




/*indus_news*/
.indus_news{ width: 100%; height: auto; margin:200px auto 0; /*background:rgba(255,255,255,.2);*/ overflow: hidden; padding: 0 8% 0 16%;box-sizing: border-box; }

/*indus_news-text*/
.indus_news_text{ width: 100%; height: 248px; /*padding-left:4%; */  }
.indus_news_text span{ font-size: 18px; color:#4d4d4d; display: inline-block; margin-top:40px; }
.indus_news_text h3{ font-size: 36px; color:#fff; margin:32px 0 56px; }
.indus_news_text i{ width: 65px; height: 9px; display: block; margin-top:24px; position: relative; overflow: hidden; }
.indus_news_text i:before{ content: ""; width: 65px; height: 9px; background: url(../img/arrow.svg) no-repeat 50% 50% / cover; position: absolute; top:0; left: -32px; transition: all 0.3s ease; }
.indus_news_text:hover i:before{ left: 0; }

/*indus_news-table*/
.news_table{ width: 100%; height: 72px; margin-top:32px; overflow: hidden; }
.news_table ul li{ width:4%;  float:left; line-height: 72px; font-size: 18px; position: relative; overflow: hidden; margin-right: 40px; color: #4d4d4d; font-weight: 300; cursor: pointer; }
.news_table ul li:hover{ color:#C7B299; }
.news_table ul li.curr{ color:#C7B299; font-weight: 500; }
.news_table ul li.curr:before{ content: ""; width: 14px; height: 2px; background: #C7B299; position: absolute; bottom:4px; left: 0; }

/*indus_news-list*/
.news_list{ width: 100%; height: auto; margin-top:88px; overflow: hidden; }
.news_list ul{ overflow: hidden; display: none;}
.news_list ul li{ float: left; width: 22.5vw; height: auto; /*background: rgba(255,255,255,.2);*/ overflow: hidden; }
.news_list ul li:nth-of-type(2){ margin:0 4.25vw; }
.news_list ul li a{ display: block; width: 100%; height: 100%; overflow: hidden; }
.news_list ul li a .pic{ width: 22.5vw; height: 22.5vw; overflow: hidden; }
.news_list ul li a .pic figure{ width: 100%; height: 100%; transition: all 0.4s ease; }
.news_list ul li:hover figure{ transform: scale(1.1,1.1); }


.news_list ul li a span{ font-size: 14px; color:#4d4d4d; display: inline-block; margin:48px 0 16px; }
.news_list ul li a p{ font-size: 18px; color:#fff; }
.news_list ul li a i{ width: 65px; height: 9px; display: block; margin-top:24px; position: relative; overflow: hidden; }
.news_list ul li a i:before{ content: ""; width: 65px; height: 9px; background: url(../img/arrow.svg) no-repeat 50% 50% / cover; position: absolute; top:0; left: -32px; transition: all 0.3s ease; }
.news_list ul li a:hover i:before{ left: 0; }


/*partner*/
.partner{ width: 100%; height: auto; margin:200px auto 0;  overflow: hidden; padding: 0 0 0 16%; box-sizing: border-box; }

/*partner-text*/
.partner .partner_text{ width: 100%; height: 248px; /*padding-left:4%; */  }
.partner_text span{ font-size: 18px; color:#4d4d4d; display: inline-block; margin-top:40px; }
.partner_text h3{ font-size: 36px; color:#fff; margin:32px 0 56px; }
.partner_text h3 strong{color:#C7B299;}
.partner_text i{ width: 65px; height: 9px; display: block; margin-top:24px; position: relative; overflow: hidden; }
.partner_text i:before{ content: ""; width: 65px; height: 9px; background: url(../img/arrow.svg) no-repeat 50% 50% / cover; position: absolute; top:0; left: -32px; transition: all 0.3s ease; }
.partner_text:hover i:before{ left: 0; }

/*partner-img*/
.partner .partner_img{ width: 100%; height: 18vw;  margin-top:40px; overflow: hidden; position: relative; min-width: 1200px; }
.partner_img ul{ width: 100%; height: 18vw; position: relative; overflow: hidden; }
.partner_img ul li{ width: 100%; height: 100%; position: absolute; left: 0; top:0; display: none; }


.partner_img ol{ width: 100% ; height: 16vw;  position: absolute; left: 0; top:50%; transform: translateY(-50%); overflow: hidden; padding:0 14%; box-sizing: border-box; }
.partner_img ol li{ float: left; width: 25%; height: 100%; /*padding:0 4%;  */text-align: center;  font-size: 32px; color:#fff; position: relative;}
.partner_img ol li p{ width:200px; height: 120px; position: absolute; left: 50%; top:50%; transform: translateX(-50%) translateY(-50%); overflow: hidden;font-weight: bold; cursor: pointer; line-height: 120px; }
/*.partner_img ol li p:hover{ color:#C7B299; }*/
.partner_img ol li.curre p{ color:#C7B299;}
.partner_img ol li p:before { content: ""; width: 0px; height: 9px; background: url(../img/arrow.svg) no-repeat 50% 50% / cover; position: absolute; bottom:24px; left: 70px; transition: all 0.3s ease; background-position:right; }
.partner_img ol li.curre p:before{ width: 32px; }



/*partner-logo*/
.partner .partner_logo{ width: 100%; height: 16.8vw;  padding:0 16vw; margin:6vw 0 10vw;  box-sizing: border-box; overflow: hidden; position: relative; /*background:rgba(255,255,255,.2);*/ }
.partner_logo_box{ width: 52vw; height: 100%; position: absolute; left:50%; top:0; transform: translateX(-50%); display: none;}

.partner_logo_all{ animation:allmove 24s linear infinite; }
@keyframes allmove {
	0% { top:0; }
	100% { top:-67.2vw; } /*{（n*4.6）+n}   n为ul个数*/
}
.partner_logo_comm ul:nth-of-type(1) li:nth-of-type(1){ background: url(../img/partner_logo_dc_1.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(1) li:nth-of-type(2){ background: url(../img/partner_logo_dc_2.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(1) li:nth-of-type(3){ background: url(../img/partner_logo_dc_3.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(1) li:nth-of-type(4){ background: url(../img/partner_logo_dc_4.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(1) li:nth-of-type(5){ background: url(../img/partner_logo_dc_5.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(2) li:nth-of-type(1){ background: url(../img/partner_logo_dc_6.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(2) li:nth-of-type(2){ background: url(../img/partner_logo_dc_7.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(2) li:nth-of-type(3){ background: url(../img/partner_logo_dc_8.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(2) li:nth-of-type(4){ background: url(../img/partner_logo_dc_9.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(2) li:nth-of-type(5){ background: url(../img/partner_logo_dc_10.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(3) li:nth-of-type(1){ background: url(../img/partner_logo_dc_11.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(3) li:nth-of-type(2){ background: url(../img/partner_logo_dc_12.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(3) li:nth-of-type(3){ background: url(../img/partner_logo_dc_13.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(3) li:nth-of-type(4){ background: url(../img/partner_logo_dc_14.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(3) li:nth-of-type(5){ background: url(../img/partner_logo_dc_15.png) no-repeat 50% 50% / cover; }

.partner_logo_comm ul:nth-of-type(4) li:nth-of-type(1){ background: url(../img/partner_logo_jd_1.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(4) li:nth-of-type(2){ background: url(../img/partner_logo_jd_2.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(4) li:nth-of-type(3){ background: url(../img/partner_logo_jd_3.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(4) li:nth-of-type(4){ background: url(../img/partner_logo_jd_4.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(4) li:nth-of-type(5){ background: url(../img/partner_logo_jd_5.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(5) li:nth-of-type(1){ background: url(../img/partner_logo_jd_6.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(5) li:nth-of-type(2){ background: url(../img/partner_logo_jd_7.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(5) li:nth-of-type(3){ background: url(../img/partner_logo_jd_8.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(5) li:nth-of-type(4){ background: url(../img/partner_logo_jd_9.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(5) li:nth-of-type(5){ background: url(../img/partner_logo_jd_10.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(6) li:nth-of-type(1){ background: url(../img/partner_logo_jd_11.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(6) li:nth-of-type(2){ background: url(../img/partner_logo_jd_12.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(6) li:nth-of-type(3){ background: url(../img/partner_logo_jd_13.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(6) li:nth-of-type(4){ background: url(../img/partner_logo_jd_14.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(6) li:nth-of-type(5){ background: url(../img/partner_logo_jd_15.png) no-repeat 50% 50% / cover; }

.partner_logo_comm ul:nth-of-type(7) li:nth-of-type(1){ background: url(../img/partner_logo_sj_1.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(7) li:nth-of-type(2){ background: url(../img/partner_logo_sj_2.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(7) li:nth-of-type(3){ background: url(../img/partner_logo_sj_3.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(7) li:nth-of-type(4){ background: url(../img/partner_logo_sj_4.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(7) li:nth-of-type(5){ background: url(../img/partner_logo_sj_5.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(8) li:nth-of-type(1){ background: url(../img/partner_logo_sj_6.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(8) li:nth-of-type(2){ background: url(../img/partner_logo_sj_7.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(8) li:nth-of-type(3){ background: url(../img/partner_logo_sj_8.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(8) li:nth-of-type(4){ background: url(../img/partner_logo_sj_9.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(8) li:nth-of-type(5){ background: url(../img/partner_logo_sj_10.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(9) li:nth-of-type(1){ background: url(../img/partner_logo_sj_11.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(9) li:nth-of-type(2){ background: url(../img/partner_logo_sj_12.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(9) li:nth-of-type(3){ background: url(../img/partner_logo_sj_13.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(9) li:nth-of-type(4){ background: url(../img/partner_logo_sj_14.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(9) li:nth-of-type(5){ background: url(../img/partner_logo_sj_15.png) no-repeat 50% 50% / cover; }

.partner_logo_comm ul:nth-of-type(10) li:nth-of-type(1){ background: url(../img/partner_logo_zn_1.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(10) li:nth-of-type(2){ background: url(../img/partner_logo_zn_2.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(10) li:nth-of-type(3){ background: url(../img/partner_logo_zn_3.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(10) li:nth-of-type(4){ background: url(../img/partner_logo_zn_4.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(10) li:nth-of-type(5){ background: url(../img/partner_logo_zn_5.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(11) li:nth-of-type(1){ background: url(../img/partner_logo_zn_6.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(11) li:nth-of-type(2){ background: url(../img/partner_logo_zn_7.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(11) li:nth-of-type(3){ background: url(../img/partner_logo_zn_8.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(11) li:nth-of-type(4){ background: url(../img/partner_logo_zn_9.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(11) li:nth-of-type(5){ background: url(../img/partner_logo_zn_10.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(12) li:nth-of-type(1){ background: url(../img/partner_logo_zn_11.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(12) li:nth-of-type(2){ background: url(../img/partner_logo_zn_12.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(12) li:nth-of-type(3){ background: url(../img/partner_logo_zn_13.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(12) li:nth-of-type(4){ background: url(../img/partner_logo_zn_14.png) no-repeat 50% 50% / cover; }
.partner_logo_comm ul:nth-of-type(12) li:nth-of-type(5){ background: url(../img/partner_logo_zn_15.png) no-repeat 50% 50% / cover; }


/*.partner_logo_all:hover,.partner_logo_dc:hover,.partner_logo_jd:hover,.partner_logo_sj:hover,.partner_logo_zn:hover{ animation-play-state: paused; }*/

.partner_logo_dc{ animation:dcmove 6s linear infinite; }
@keyframes dcmove {
	0% { top:0; }
	100% { top:-16.8vw; } /*{（n*4.6）+n}   n为ul个数*/
}
/*.partner_logo_dc .partner_logo_comm ul li{ background: url(../img/partner_logo_1_1.svg) no-repeat 50% 50% / cover; }*/


.partner_logo_jd{ animation:jdmove 6s linear infinite; }
@keyframes jdmove {
	0% { top:0; }
	100% { top:-16.8vw; } /*{（n*4.6）+n}   n为ul个数*/
}
/*.partner_logo_jd .partner_logo_comm ul li{ background: url(../img/partner_logo_2_1.svg) no-repeat 50% 50% / cover; }*/


.partner_logo_sj{ animation:sjmove 6s linear infinite; }
@keyframes sjmove {
	0% { top:0; }
	100% { top:-16.8vw; } /*{（n*4.6）+n}   n为ul个数*/
}
/*.partner_logo_sj .partner_logo_comm ul li{ background: url(../img/partner_logo_3_1.svg) no-repeat 50% 50% / cover; }*/


.partner_logo_zn{ animation:znmove 6s linear infinite; }
@keyframes znmove {
	0% { top:0; }
	100% { top:-16.8vw; } /*{（n*4.6）+n}   n为ul个数*/
}
/*.partner_logo_zn .partner_logo_comm ul li{ background: url(../img/partner_logo_4_1.svg) no-repeat 50% 50% / cover; }*/


.partner_logo_comm:hover{ animation-play-state: paused; }


.partner_logo_comm { width: 100%; height: auto; /*padding-left:4%; */  }
.partner_logo_comm ul{ width: 100%; height: 4.6vw; /*padding-left:4%; */ /*background:rgba(255,255,255,.2);*/ display: flex; margin-bottom:1vw; }
.partner_logo_comm ul li{ flex:1; width: 10.4vw; height: 100%; /*padding-left:4%; */ /*background:rgba(255,255,255,.2);*/ }

.partner_op_top{ width: 100%; height: 2vw; position: absolute; left:0; top:0; background-image: linear-gradient(180deg, #1A1A1A 0%, rgba(26,26,26,0) 100%); /*backdrop-filter:blur(4px);*/ }
.partner_op_bottom{ width: 100%; height: 4vw; position: absolute; left:0; bottom:0; background-image: linear-gradient(180deg, rgba(26,26,26,0) 0%, #1A1A1A 100%); }


.partner_more{ width: 100%; height: auto; padding-right:8vw; box-sizing: border-box; overflow: hidden; min-width: 1600px; }
.partner_more a{ display: inline-block; width: 264px; height: 80px; line-height: 80px; font-size: 20px; color: #fff; position: relative; transition: all 0.2s ease; background:#fff -webkit-linear-gradient(left,#C7B299,#C7B299) no-repeat 0 0; -webkit-text-fill-color:transparent; -webkit-background-clip:text; background-size:0 100%; }
.partner_more a:hover{ background-size:100% 100%; }

.partner_more a:after{ content: ""; width: 32px; height: 9px; background: url(../img/arrow.svg) no-repeat 50% 50% / cover; position: absolute; bottom:35px; left: 176px; transition: all 0.3s ease; background-position:right; }
.partner_more a:hover:after{ width: 56px; }


.partner_more i{ display: block; width:100%; height: 1px; background:#C7B299;  }



footer{ width: 100%; height: 360px; padding:0 8% 0 16%; margin-top:64px; box-sizing: border-box; overflow: hidden; display: flex; min-width: 1600px; }
footer .footer_left{ width: 480px; height: auto; /*background:rgba(255,255,255,.2); */float: left; padding-top: 20px; box-sizing: border-box; }
footer .footer_left p{ font-size: 18px; line-height: 24px; color:#fff; margin-bottom: 12px; padding-left: 24px; box-sizing: border-box;  position: relative; font-weight: 300; }
footer .footer_left p:before{ content: ""; width: 12px; height: 18px; background: url(../img/ic_phone.svg) no-repeat 50% 50% / cover; position: absolute; bottom:4px; left: 0; }

footer .footer_left span{ display: inline-block; font-size: 22px; color:#C7B299; letter-spacing:2px }

footer .footer_left ul{ width: auto; height: 32px; margin: 56px 0 64px;}
footer .footer_left ul li{ float: left; width: 32px; height: 32px; /*background:rgba(255,255,255,.3);*/ margin-right: 40px;transition: all 0.3s ease;}
footer .footer_left ul li:nth-of-type(1){ background: url(../img/ic_wechat.svg) no-repeat 50% 50% / cover; }
footer .footer_left ul li:nth-of-type(1):hover{ background: url(../img/ic_wechat_pre.svg) no-repeat 50% 50% / cover; }
footer .footer_left ul .wechat{ position: relative; }
footer .footer_left ul .wechat i{  width: 112px; height: 112px; background: url(../img/m_qr_code_24.svg) no-repeat 50% 50% / cover; position: absolute; bottom:0; left: 240px; /*transition: all 0.3s ease;*/ display: none;}


footer .footer_left ul li:nth-of-type(2){ background: url(../img/ic_weibo.svg) no-repeat 50% 50% / cover; }
footer .footer_left ul li:nth-of-type(2):hover{ background: url(../img/ic_weibo_pre.svg) no-repeat 50% 50% / cover; }
footer .footer_left ul li a{ display: block; width: 100%; height: 100%; }

footer .footer_left h4{ font-size: 10px; color:#4d4d4d; }




footer .footer_right{ flex: 1; width: auto; height: auto; /*background:rgba(255,255,255,.3);*/ float: right; display: flex; padding-left: 12%; box-sizing: border-box; overflow: hidden; }
footer .footer_right dl{ /*float: left;*/ flex:1; padding-left: 4%; box-sizing: border-box; /*margin:0 4% 0 8%;*/ }
footer .footer_right dl dt{ font-size: 20px; color: #fff; margin-bottom:12px; }
footer .footer_right dl dd{ width: 100%; height: 32px; }
footer .footer_right dl dd a{ font-size: 16px; color: #4d4d4d; line-height: 32px; font-weight: 300; transition: all 0.2s ease;/* background:#4d4d4d -webkit-linear-gradient(left,#C7B299,#C7B299) no-repeat 0 0; -webkit-text-fill-color:transparent; -webkit-background-clip:text; background-size:0 100%;*/ }
footer .footer_right dl dd a:hover{ /*background-size:100% 100%;*/ color:#C7B299; font-weight: 500; }