@charset "utf-8";
/* html,body{font-family: "微软雅黑";} */
body{font-size:14px;font-family:"江城黑体","微软雅黑","Microsoft JhengHei",arial,sans-serif,serif,"Microsoft YaHei";background: #000;}
*{padding:0;margin:0;list-style:none;}
a{text-decoration:none;color:inherit;} 
i{font-style: normal;}
dl,ol,ul {list-style-type:none}
b{display: inline-block;}
em{font-style: normal;font-family: arial;}

.odcontent{margin:0 auto; width:90%;max-width:1709px;}
@media only screen and (max-width: 480px){
	.odcontent{width: 94%;}
}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
input,textarea{border: none;outline: none;border-radius: 0;-webkit-appearance:none;}
button {border: none;padding: 0;}
.fl{float:left}
.fr{float:right}

.por{position: relative;}
.poa{position: absolute;}
.head_fixed{position: fixed;top: 0;left: 0;width: 100%;height: auto;z-index: 9999;}
img{border: none;vertical-align: middle;max-width: 100%;width: 100%;}

*:focus{
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

a,li,div {-webkit-tap-highlight-color:transparent}

input:-webkit-autofill,
 textarea:-webkit-autofill,
 select:-webkit-autofill {
     background-color: transparent!important;
     background-image: none !important;
     -webkit-box-shadow: 0 0 0 1000px #f2f3f7 inset !important;
     -webkit-text-fill-color: #333;
}

/* 自定义样式 */
.ver-mid{vertical-align: middle;}
.ver-bl{vertical-align: baseline;}
.flx{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.flx_w{display: flex;flex-wrap: wrap;justify-content: space-between;}
.txt_center{text-align: center;}
.hide{display: none;}
.center{text-align: center;}
.right{text-align: right;}
.w1200{margin: 0 auto;width: 90%;max-width: 1200px;}
.blue{color: #07a4df;}
@font-face {
	font-family:Thin;
	src: url(./fonts/Thin.ttf);
}
/* @font-face {
	font-family:Ultralight;
	src: url(./fonts/Ultralight.ttf);
} */
@font-face {
	font-family:zonedesignsan;
	src: url(./fonts/zonedesignsan.ttf);
}
@font-face {
	font-family:"江城黑体";
	src: url(./fonts/JCBOLD100W.ttf);
	font-weight: 100;
}
@font-face {
	font-family:"江城黑体";
	src: url(./fonts/JCBOLD200W.ttf);
	font-weight: 200;
}
@media only screen and (max-width:768px){
	img{pointer-events: none;-webkit-user-select: none;
        -moz-user-select: none;
        -webkit-user-select:none;  
        -o-user-select:none;  
        user-select:none;}
}

.idx_wrap{margin: 0 auto;width: 90%;max-width: 1594px;box-sizing: border-box;}
  @media only screen and (max-width:480px){
	  .idx_wrap{width: 90%;}
  }
	
	/* body{background: #000;} */
	
/* header */
#head{position: fixed;top: 0;width: 100vw;max-width: 100%;z-index: 50;}
#head .head_content{margin: 0 auto;margin-top: 98.8px;max-width: 1480px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#head .head_content .logo{position: relative;z-index: 50;}
#head .head_content .logo img{filter: brightness(30);}
#head .head_content .list_btn{position: relative;width: 30px;height: 14px;cursor: pointer;z-index: 50;}
#head .head_content .list_content{position: absolute;left: 0;top: 0;width: 100vw;height: 90vh;max-width: 100%;background: rgba(0,0,0,0.6);z-index: 49;}
#head #status[data-expanded="false"] .head_content .list_content{visibility: hidden;opacity: 0;transition: opacity 100ms linear,visibility 100ms step-end;}
#head #status[data-expanded="true"] .head_content .list_content{visibility: visible;opacity: 1;transition: opacity 100ms linear,visibility 100ms step-start;}
#head .head_content .list_content #menu{position: absolute;top: 135px;left: 0;width: 100vw;height: calc(90vh - 135px);height: -webkit-calc(90vh - 135px);max-width: 100%;color: #fff;}
#head .head_content .list_content #menu .idx_wrap{max-width: 1490px;height: 100%;}
#head .head_content .list_content #menu .first_nav{display: flex;padding:6.5% 0;height: 100%;flex-wrap: nowrap;flex-direction: column;box-sizing: border-box;position: relative;--scale:1}
#head .head_content .list_content #menu .first_nav > li{width: 100%;font-weight: 100;cursor: default;}
#head .head_content .list_content #menu .first_nav > li:hover > span{color: #606060;}
#head .head_content .list_content #menu .first_nav > li:hover > a{color: #606060;}
#head .head_content .list_content #menu .second_nav{position: absolute;top: 50%;right: 20px;width: calc(88% - var(--first-nav-width) * var(--scale));transform: translateY(-50%);opacity: 0;visibility: hidden;transition: opacity 300ms linear,visibility 300ms step-end;}
#head .head_content .list_content #menu .second_nav > li{font-size: 20px;font-weight: 200;background: #242424;border-radius: 10px;transition: all 0.2s linear;}
#head .head_content .list_content #menu .second_nav > li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
#head .head_content .list_content #menu .second_nav > li:hover{background: #ed1c24;}
#head .head_content .list_content #menu .first_nav > li:hover .second_nav{opacity: 1;visibility: visible;transition: opacity 300ms linear,visibility 300ms step-start;}
#head .head_content .addColumns{color: #fff;position: absolute;top: 0;left: 50%;width: 224px;transform: translate(-54%,-50%);display: flex;flex-wrap: nowrap;justify-content: space-between;font-size: 17px;transition: all 0.5s ease-out;opacity: 0;}
#head .head_content .addColumns a{white-space: nowrap;}
#head .head_content .addColumns a:hover{color: #606060;}
#head .head_content .addColumns .language{margin-left: 33px;}
#head #status[data-expanded="true"] .head_content .addColumns{transform: translate(-54%,-22%);opacity: 1;}

#head #status .list_btn .svg_wrap{position: absolute;width: 100%;height: 100%;overflow: hidden;}
#head #status .list_btn .svg_wrap > svg{position: absolute;top: 0;left: 0;fill:none;/* stroke-width: 3.3px; */stroke-width: 3px;stroke: #fff;stroke-linecap: round;}
#head #status[data-expanded="true"] .list_btn .svg_wrap > svg{stroke-linecap: round;}
#head #status[data-expanded="false"] svg.collapsed{opacity: 1;visibility: visible;transition: opacity 600ms linear 300ms,visibility 600ms step-start 300ms;}
/* #head #status[data-expanded="true"] svg.collapsed{opacity: 0;} */
#head #status svg.static.collapsed{visibility: hidden;}
#head #status[data-expanded="false"] svg.animate{/* visibility: hidden; */visibility: visible;}
#head #status[data-expanded="true"] svg.animate{visibility: visible;}
#head #status .list_btn .svg_wrap .up,#head #status .list_btn .svg_wrap .down{position: absolute;width: 20px;height: 11px;background: url(../images/list_btn_icon.png)no-repeat center;transition: opacity 0.5s 0s linear;}
#head #status .list_btn .svg_wrap .up{right: 0;top: -1px;}
#head #status .list_btn .svg_wrap .down{left: 0;bottom: -1px;}


/* #head #status[data-expanded="true"] svg.expanded{opacity: 1;visibility: visible;transition: opacity 600ms linear 300ms,visibility 600ms step-start 300ms;} */
#head #status[data-expanded="false"] svg.expanded{opacity: 0;}
#head #status[data-expanded="true"] svg.expanded{opacity: 0;}
/* #head #status[data-expanded="true"] svg.animate{visibility: hidden;} */

/* #head #status[data-expanded="true"] .svg_wrap .up,#head #status[data-expanded="true"] .svg_wrap .down{opacity: 0;} */
			
@media only screen and (max-width:1680px){
	#head .head_content .addColumns{left: auto;right: 0;width: auto;transform: translate(-100px,0);}
	#head #status[data-expanded="true"] .head_content .addColumns{transform: translate(-80px,0);}
}
@media only screen and (max-width:768px){
#head .head_content .list_btn .svg_wrap{transform: scale(0.8);}
#head .head_content{margin-top: 40px;}
#head .head_content .list_content #menu{top: 75px;--first-nav-width:100px;}
}
@media only screen and (max-width:749px){
	#head .head_content{margin-top: 40px;}
	#head .head_content .list_btn > img{width: 36px;}
	#head .head_content .list_content #menu{top: 75px;--first-nav-width:100px;}
	#head .head_content .list_content #menu .first_nav > li{margin-bottom: 4%;font-size: calc(1rem * var(--scale));}
	#head .head_content .list_content #menu .second_nav{top: 6%;transform: initial;}
	#head .head_content .list_content #menu .second_nav > li{margin-bottom: 4%;background: none;justify-content: flex-start;font-size: 0.8rem;}
	#head .head_content .list_content #menu .first_nav > li:nth-last-child(1),#head .head_content .list_content #menu .second_nav > li:nth-last-child(1){margin-bottom: 0;}
}
@media only screen and (max-width:480px){
	#head .head_content .list_btn .svg_wrap{transform: scale(0.9);}
	#head .head_content{margin-top: 33px;}
	#head .head_content .logo{width: 140px;}
	#head .head_content .list_content #menu .first_nav{padding: 30px 0;}
	#head .head_content .list_content #menu .first_nav > li{font-size: 24px;}
	#head .head_content .list_content #menu .second_nav{top: 30px;}
	#head .head_content .list_content #menu .second_nav > li{font-size: 20px;}
	#head #status[data-expanded="true"] .head_content .addColumns{position: fixed;top: auto;left: 50%;bottom: 15vh;z-index: 50;transform: translateX(-50%);font-size: 14px;}
}
@media only screen and (min-width: 750px){
	#head .head_content .list_content #menu{--first-nav-width:150px;}
	#head .head_content .list_content #menu .first_nav{justify-content: space-between;}
	#head .head_content .list_content #menu .first_nav > li{font-size: calc(50px * var(--scale));}
	#head .head_content .list_content #menu .second_nav{display: grid;grid-template-columns: repeat(2,186px);grid-template-rows: repeat(2,186px);grid-gap:8% 2.5%;justify-content: end;}
}
@media only screen and (min-width: 770px){
	#head .head_content .list_content #menu .first_nav{padding: 6.5% 6%;}
	#head .head_content .list_content #menu .first_nav > li{font-size: calc(60px * var(--scale));}
}
@media only screen and (min-width: 1200px){
	#head .head_content .list_content #menu .first_nav > li{font-size: calc(72px * var(--scale));}
}

@media screen and (min-width:750px) and (max-width:1199px) and (max-height:549px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.4;}
}

@media screen and (min-width:750px) and (max-width:1199px) and (min-height:550px) and (max-height:699px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.5;}
	#head .head_content .list_content #menu .second_nav{grid-template-columns: repeat(2,150px);grid-template-rows: repeat(2,150px);grid-gap: 10px;}
	#head .head_content .list_content #menu .second_nav > li{font-size: 14px;}
}

@media screen and (min-width:750px) and (max-width:1199px) and (min-height:700px) and (max-height:849px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.7;}
}

@media screen and (min-width:750px) and (max-width:1199px) and (min-height:850px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.8;}
	
}

@media screen and (min-width:1200px) and (max-height:549px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.4;}
	#head .head_content .list_content #menu .second_nav{grid-template-columns: repeat(2,120px);grid-template-rows: repeat(2,120px);grid-gap: 10px;}
	#head .head_content .list_content #menu .second_nav > li{font-size: 14px;}
}

@media screen and (min-width:1200px) and (min-height:550px) and (max-height:699px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.6;}
	#head .head_content .list_content #menu .second_nav{grid-template-columns: repeat(2,150px);grid-template-rows: repeat(2,150px);grid-gap: 10px;}
	#head .head_content .list_content #menu .second_nav > li{font-size: 16px;}
}

@media screen and (min-width:1200px) and (min-height:700px) and (max-height:849px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.8;}
	
}

@media screen and (min-width:1200px) and (min-height:850px) {
	#head .head_content .list_content #menu .first_nav {--scale: 1;}
}

@media screen and (max-width:499px) and (max-height:399px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.4;}
}

@media screen and (max-width:499px) and (min-height:400px) and (max-height:449px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.5;}
}

@media screen and (max-width:499px) and (min-height:450px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.6;}
}

@media screen and (min-width:500px) and (max-width:749px) and (max-height:399px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.4;}
}

@media screen and (min-width:500px) and (max-width:749px) and (min-height:400px) and (max-height:449px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.6;}
}

@media screen and (min-width:500px) and (max-width:749px) and (min-height:450px) and (max-height:499px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.7;}
}

@media screen and (min-width:500px) and (max-width:749px) and (min-height:500px) and (max-height:549px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.8;}
}

@media screen and (min-width:500px) and (max-width:749px) and (min-height:550px) and (max-height:599px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.9;}
}

@media screen and (min-width:500px) and (max-width:749px) and (min-height:600px) {
	#head .head_content .list_content #menu .first_nav {--scale: 1;}
}

@media screen and (min-width:480px){
	/* #head #status[data-expanded="false"] .list_btn:hover .svg_wrap > svg.static{visibility: hidden !important;}
	#head #status[data-expanded="false"] .list_btn:hover .svg_wrap > svg.animate{visibility: visible;} */
	/* #head #status[data-expanded="false"] .list_btn:hover .svg_wrap .up{opacity: 0;transition: opacity 0.5s 0.5s linear;}
	#head #status[data-expanded="false"] .list_btn:hover .svg_wrap .down{opacity: 0;transition: opacity 0.5s 0.5s linear;} */
	/* #head #status[data-expanded="true"] .list_btn:hover .svg_wrap > svg.static{visibility: hidden !important;}
	#head #status[data-expanded="true"] .list_btn:hover .svg_wrap > svg.animate{visibility: visible;} */
	/* #head #status[data-expanded="true"] .list_btn:hover .svg_wrap > svg.static{visibility: hidden !important;}
	#head #status[data-expanded="true"] .list_btn:hover .svg_wrap > svg.animate{visibility: visible;} */
}


#idx_main .cover{position: relative;background: rgba(0,0,0,0.8);width: 100%;height: 100vh;max-height: 1042px;z-index: 1;}
#idx_main .cover .cover_text{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;color: #fff;text-align: center;font-family: "江城黑体";}
#idx_main .cover .cover_text .logoImg{position: relative;}
#idx_main .cover .cover_text p{font-size: 1.32rem;line-height: 1.15em;font-family: zonedesignsan;letter-spacing: 1.5px;}
#idx_main .cover .cover_text p b{font-weight: normal;}
#idx_main .cover .cover_text p b span{font-size: 2.4rem;}
#idx_main .cover .cover_text p .red{color: #ed1c24;}
#idx_main .cover .cover_text .em{margin-left: -0.46rem;font-size: 0.42rem;font-weight: 200;letter-spacing: 0.32rem;word-break: break-all;}
#idx_main .cover .cover_text .logoImg b{position: absolute;top: 0;left: 0;z-index: -1;opacity: 0.04;transition: transform 1500ms cubic-bezier(.17, .86, .73, .14);transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}
#idx_main .cover .cover_text .logoImg b:nth-child(1){position: relative;z-index: 14;opacity:1}
#idx_main .video{position: fixed;top: 0;width: 100vw;height: 100vh;z-index: 0;}
#idx_main .video .img{position: relative;width: 100%;height: 100vh;background: url(../images/idx_bg.png)no-repeat center top;}
#idx_main .video .img img{display: none;}
@media only screen and (max-width:1400px){
	#idx_main .cover .cover_text .em{margin-left: -0.6rem;}
}
@media only screen and (max-width:750px){
	
}
@media only screen and (max-width:480px){
	#idx_main .cover{background: initial;}
	#idx_main .cover .cover_text{align-items: initial;justify-content: initial;position: relative;}
	#idx_main .cover .cover_text > div{position: absolute;left: 50%;top: 45.5%;transform: translate(-50%,-50%);}
	#idx_main .cover .cover_text p{font-size: 42px;}
	#idx_main .cover .cover_text .em{font-size: 14px;letter-spacing: 10.6px;margin: 4px 0 0 -9px;}
	#idx_main .video .img{background: none;}
	#idx_main .video .img img{display: block;position: absolute;left: 50%;top: 50%;width: auto;max-width: initial;height: auto;transform: translate(-50%,-50%);}
}
@media only screen and (max-width:400px){
	#idx_main .cover .cover_text p{font-size: 36.4px;}
	#idx_main .cover .cover_text .em{font-size: 14px;letter-spacing: 8.2px;margin: 4px 0 0 -9px;}
}
@media only screen and (max-width:320px){
	#idx_main .cover .cover_text p{font-size: 30px;}
	#idx_main .cover .cover_text .em{font-size: 14px;letter-spacing: 5.4px;margin: 4px 0 0 -9px;}
}



/* footer */
.foot{position: relative;padding: 13.7% 0 4.5%;z-index: 1;background: #000 url(../images/ft_bg.jpg)no-repeat center bottom/contain;color: #fff;}
footer.bg_blue .foot{background: #000 url(../images/ft_blue_bg.jpg)no-repeat center bottom/contain;}
.foot .lf_part .mid_img{margin-top: 6%;padding-left: 146px;position: relative;}
.foot .lf_part .mid_img > img{margin-left: -48px;width: 400px;}
.foot .lf_part .mid_img > div{position: absolute;left: 30px;bottom: -26px;font-weight: 300;font-size: 14px;}
.foot .rt_part{padding-right: 4.2%;width: calc(94% - 595px);width: -webkit-calc(94% - 595px);box-sizing: border-box;}
.foot .rt_part .ft_nav {margin-top: 15px;}
.foot .rt_part .ft_nav ul{text-align: right;}
.foot .rt_part .ft_nav ul li{display: inline-block;margin-left: 5.3%;font-size: 16px;font-weight: 500;transition: all .3s linear;}
.foot .rt_part .ft_nav ul li:nth-child(1){margin-left: 0;}
.foot .rt_part .ft_nav ul li:hover{transform: translateY(-15%);color: #606060;}
.foot .rt_part .next_wrap{margin-top: 7.5%;}
.foot .rt_part .next_wrap > .flx_w{flex-wrap: nowrap;}
.foot .rt_part .item {font-size: 15px;font-weight: 300;}
.foot .rt_part .item ul{max-width: 286px;}
.foot .rt_part .item ul li{margin-top: 11px;word-break: break-word;}
.foot .rt_part .item ul li.name{font-size: 21px;}
/* .foot .rt_part .item:nth-child(1){margin-left: 11%;} */
.foot .rt_part .item:nth-child(2){margin-left: 10px;}
.foot .rt_part .item .share{margin-top: 15px;text-align: right;}
.foot .rt_part .item .share a{display: inline-block;margin-left: 55px;}
.foot .rt_part .item .share a:nth-child(1){margin-left: 0;}
.foot .rt_part .item .share #wechat img:nth-child(2){position: absolute;right: 120%;bottom: 120%;width: 130px;height: 130px;max-width: initial;}
.foot .rt_part .item .share i{display: inline-block}
.foot .rt_part .item:nth-child(2) .hd{margin: 0 0 0 auto;max-width: 286px;}
.foot .rt_part .item:nth-child(2) ul{margin: 0 0 0 auto;}
@media only screen and (max-width:1350px){
	.foot .rt_part{padding-right: 0;}
}
@media only screen and (max-width:1200px){
	.foot .lf_part .mid_img{padding-left: 3%;}
	.foot .rt_part{width: calc(96% - 427px);width: -webkit-calc(96% - 427px);}
	.foot .rt_part .item:nth-child(1){margin-left: 0;}
	.foot .rt_part .item ul li.name{font-size: 18px;}
	.foot .rt_part .item .share a{margin-left: 10%;}
}
@media only screen and (max-width:1000px){
	.foot{padding: 10% 0 4.5%;}
	.foot .rt_part .next_wrap > .flx_w{flex-wrap: wrap;justify-content: flex-end;}
	.foot .rt_part .item{width: 100%;}
	.foot .rt_part .item ul{max-width: initial;}
	.foot .rt_part .item:nth-child(2){margin: 7.5% 0 0;}
	.foot .rt_part .item:nth-child(2) .hd{max-width: initial;}
	/* .foot .rt_part .item:nth-child(1){margin-left: 10px;} */
	.foot .rt_part .item .share i{width: 35px;}
	.foot .rt_part .item .share a:nth-child(2) i{width: 70px;}
}
@media only screen and (max-width:768px){
	.foot .lf_part{width: 280px;}
	.foot .rt_part{width: calc(96% - 280px);width: -webkit-calc(96% - 280px);}
	.foot .rt_part .ft_nav ul li{font-size: 16px;}
	.foot .rt_part .item .share #wechat img:nth-child(2){width: 120px;height: 120px;}
}
@media only screen and (max-width:480px){
	.foot .rt_part{width: 100%;}
	.foot .rt_part .ft_nav{display: none;}
	.foot .lf_part{margin: 0 auto;width: 290px;}
	.foot .lf_part .mid_img{margin-top: 0;padding: 0;text-align: center;}
	.foot .lf_part .mid_img > div{display: none;}
	.foot .lf_part .top_img{display: none;}
	.foot .lf_part .top_img img{width: 160px;}
	.foot .rt_part .next_wrap > .flx_w{justify-content: center;}
	.foot .rt_part .item{max-width: 250px;}
	.foot .rt_part .item ul li.name{font-size: 15px;white-space: nowrap;letter-spacing: 4px;text-align: center;}
	.foot .rt_part .item .share{margin: 0 0 15px;width: 100%;text-align: center;display: flex;order: -1;justify-content: space-between;}
	.foot .rt_part .item .share i{right: auto;left: 0;width: 26px;}
	.foot .rt_part .item .share #wechat img:nth-child(2){width: 86px;height: 86px;right: auto;left: 0;}
	.foot .rt_part .item:nth-child(2){display: flex;flex-wrap: wrap;}
	.foot .rt_part .item:nth-child(2) .hd{width: 100%;}
	.foot .rt_part .item:nth-child(2) ul{width: 100%;}
}