.top{width: 100%; min-width: 320px; position: fixed; top: 0; left: 0; height: 90px; transition: all .3s; border-bottom: 1px solid rgba(255, 255, 255, .1); z-index:100;}
.top .auto-1800{position: relative;}
.top .on{display: none;}
.top .logo{padding-top: 24px; display: inline-block; z-index: 2; position: relative;}
.top .top-nav{position: absolute; width: 100%; top: 0; line-height: 90px; white-space: nowrap; text-align: center; z-index: 1;}
.top .top-nav li{display: inline-block; margin: 0 2%; position: relative;}
.top .top-nav li em{display: block;position: relative}
.top .top-nav li em a{font-style: normal;color: #fff}
.top .top-nav li > a{color: #fff; display: block; position: relative; transition: all .3s; font-family: 'Light';}
.top .top-nav li > a::before{content: ''; background-color: #fff; position: absolute; width: 0; height: 2px; left: 50%; bottom: 0; transform: translateX(-50%); transition: all .3s;}
.top .top-nav li:hover > a::before,
.top .top-nav li.aon > a::before{width: 100%;}
.top .top-nav .sub{position: absolute; left: 50%; top: 120%; transform: translateX(-50%); min-width: 160px; background-color: rgba(255, 255, 255, .8); display: none;padding:0 10px;}
.top .top-nav .sub::before{content: ''; width: 0; border: 8px solid transparent; border-bottom: 8px solid rgba(255, 255, 255, .8); position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%);}
.top .top-nav .sub dd{line-height: 60px; text-align: center;}
.top .top-nav .sub dd a{display: block; padding: 0 2%; transition: all .3s; color: #333; font-family: 'Light';}
.top .top-nav .sub dd a:hover{background-color: #fff; color: #95544f;}
.top .top-right{width: 15%; float: right; z-index: 2; position: relative;}
.top .top-right > div{float: right;}
.top .top-right .search-box{margin-left: 5%; line-height: 90px; position: relative;}
.top .top-right .search-box .btn1{width: 36px; height: 36px; background: url(../images/search-icon-wap.png); margin-top: 27px; line-height: 36px; cursor: pointer;}
.top .top-right .search-box .btn{width: 16px; height: 16px; background: url(../images/search-icon.png); display: inline-block; margin-top: 37px; line-height: 16px; padding-left: 2%; cursor: pointer;}
.top .top-right .search-box input{background: transparent; border: none; width: 60px; font-family: 'Light'; line-height: 90px; transition: all .3s; padding: 0; vertical-align: top;}
.top .top-right .search-box input::-webkit-input-placeholder{color: rgba(255, 255, 255, .2);}
.top .top-right .lang{border-right: 1px solid rgba(255, 255, 255, .1); line-height: 90px; font-family: 'Light'; color: #fff; padding-right: 7.69%; transition: all .3s; padding-left: 25px; background: url(../images/lang-icon.png) no-repeat left center;}
.top .box{display: inline-block; padding-right: 15px; background: url(../images/pull-icon.png) no-repeat right center; cursor: pointer; color: #fff; position: relative;}
.top .sublang{position: absolute; background-color: rgba(255, 255, 255, .5); line-height: 40px; width: 80px; top: 100%; left: 50%; transform: translateX(-50%); display: none;}
.top .item{display: block; text-align: center; transition: all .3s;}
.top .item:hover{color: #8b403a; background-color: #fff;}
.top .btn1,
.top .wap{display: none!important;}

.top.top-focus .normal,
.top.top-active .normal,
.top.top-hover .normal{display: none;}
.top.top-focus .on,
.top.top-active .on,
.top.top-hover .on{display: block;}
.top.top-focus,
.top.top-active,
.top.top-hover{background-color: #fff; border-color: #fff;}
.top.top-focus .top-nav li > a,
.top.top-active .top-nav li > a,
.top.top-hover .top-nav li > a{color: #333;}
.top.top-focus .top-nav li em a,
.top.top-active .top-nav li em a,
.top.top-hover .top-nav li em a{color: #333;}
.top.top-focus .top-nav li > a::before,
.top.top-active .top-nav li > a::before,
.top.top-hover .top-nav li > a::before{background-color: #95544f;}
.top.top-focus .top-nav li.aon > a,
.top.top-focus .top-nav li:hover > a,
.top.top-active .top-nav li.aon > a,
.top.top-active .top-nav li:hover > a,
.top.top-hover .top-nav li.aon > a,
.top.top-hover .top-nav li:hover > a{color: #95544f;}
.top.top-focus .search-box .btn,
.top.top-active .search-box .btn,
.top.top-hover .search-box .btn{background: url(../images/search-icon-on.png);}
.top.top-focus .top-right .search-box input::-webkit-input-placeholder,
.top.top-active .top-right .search-box input::-webkit-input-placeholder,
.top.top-hover .top-right .search-box input::-webkit-input-placeholder{color: #999;}
.top.top-focus .top-right .lang,
.top.top-active .top-right .lang,
.top.top-hover .top-right .lang{color: #333; border-color: #eee; background: url(../images/lang-icon-on.png) no-repeat left center #fff;}
.top.top-focus .top-right .lang .box,
.top.top-active .top-right .lang .box,
.top.top-hover .top-right .lang .box{background: url(../images/pull-icon-on.png) no-repeat right center; color: #333;}
.top.top-focus .top-right{width: calc(29% + 120px);}
@media(max-width: 1300px){
	.top .top-nav li{margin: 0 1%;}
}
@media(min-width: 1025px){
	.top .top-right{min-width: 231px;}
}
@media(max-width: 1024px){
    .top .open-menu{display: block; float: right; width: 40px; height: 32px; margin: 29px 0 29px 60px; border-radius: 50%; background-color: none; position: relative; cursor: pointer;}
    .top .open-menu i{position: absolute; width: 100%; height: 3px; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 3px; transition: all .3s;}
    .top .open-menu::before,
    .top .open-menu::after{content: ''; background-color: #fff; width: 100%; height: 3px; position: absolute; left: 50%; transform: translateX(-50%); transition: all .3s;}
    .top .open-menu::before{top: 0%;}
    .top .open-menu::after{bottom: 0%;}
    .top .open-menu.active i{display: none;}
    .top .open-menu.active::before{top: 50%; bottom: 0; transform: translate(-50%, -50%) rotate(45deg);}
    .top .open-menu.active::after{top: 50%; bottom: 0; transform: translate(-50%, -50%) rotate(-45deg);}
	.top{background-color: rgba(255, 255, 255, .5)!important;}
	.top .normal{display: block!important;}
	.top .on{display: none!important;}
	.top .wap{display: block!important; padding-top: 5%; margin-top: 5%!important;}
	.top .wap::before{content: ''; width: 50%; height: 1px; background-color: rgba(255, 255, 255, .2); position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
	.top .top-nav{display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, .92); padding-top: 90px; line-height: 70px;overflow-y: scroll;}
	.top .top-nav li{display: block; margin: 0;}
	.top .top-right{min-width: 125px; width: 19%;}
	.top .top-right .lang{display: none;}
	.top .top-nav li em::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 100}
    .top .top-nav li em a{color: #fff!important}
	.top .top-nav li > a{color: #fff!important;}
	.top .top-nav li > a::before{content: none;}
	.top .top-nav .sub{position: initial; width: 100%; transform: translateX(0);}
	.top .top-nav .sub dd{line-height: 50px;}
	.top .top-nav .lang{color: #fff;}
	.top .top-nav .lang .box{color: #fff;background: url(../images/pull-icon-on.png) no-repeat right center; padding-right: 15px; display: inline-block;}
	.top .top-nav .lang .sublang{transform: translateX(0); margin: auto; background-color: rgba(255, 255, 255, .8);}
	.top .top-nav .phonetit{color: #fff; font-size: 14px; line-height: 1.8; padding-top: 3%;}
	.top .top-nav .phone{color: #fff; font-size: 30px; font-family: 'Raj-M'; line-height: 1.2;}
	.top .top-right .search-box input{display: none; position: fixed; left: 0; top: 90px; width: 100vw!important; line-height: 60px; padding: 0 2%; background-color: rgba(255, 255, 255, .7); color: #000;}
	.top .top-right .search-box input::after{content: ''; width: 16px; height: 16px; background: url(../images/search-icon-on.png) no-repeat center; position: absolute; top: 50%; right: 2%; transform: translateY(-50%); cursor: pointer;}
	.top .top-right .search-box input::-webkit-input-placeholder{color: #000!important;}
	.top .top-right .search-box .btn1{display: block!important;}
	.top .top-right .search-box .btn{display: none!important;}
	.top .sublang{position: initial;}

	.top.top-active{background-color: rgba(0, 0, 0, .5)!important; border-bottom: none;}
}
@media(max-width: 640px){
	.top{height: 56px;}
	.top .logo{padding-top: 5px;}
	.top .top-right .search-box .btn1{width: 16px; height: 16px; background: url(../images/search-icon.png); margin-top: 20px; line-height: 16px;}
	.top .open-menu{width: 30px; height: 20px; margin: 18px 0 18px 30px;}
	.top .top-nav{padding-top: 70px;}
	.top .top-right .search-box input{top: 56px;}
}



/* bottom */
.bottom{background: url(../images/bottom-bg.png) no-repeat center #1a1819; padding-top: 7.81%;}
.bottom.other{padding-top: 5.208%; background: none; background-color: #1a1819;}
.bottom .above{border-bottom: 1px solid rgba(255, 255, 255, .05); padding-bottom: 13.29%; padding-top: 2%;}
.bottom.other .above{padding-bottom: 3.125%;}
.bottom .logo{display: inline-block; vertical-align: top; width: 25%;}
.bottom.other .logo{width: 17%;}
.bottom .bottom-nav{display: inline-block; vertical-align: top; padding-left: 7%; width: 70%;}
.bottom.other .bottom-nav{width: 60%;}
.bottom .bottom-nav dl{display: inline-block; font-size: 18px; vertical-align: top;}
.bottom .bottom-nav dl:last-child{width: auto;}
.bottom .bottom-nav dt{padding-bottom: 11.11%;}
.bottom .bottom-nav dt a{color: #fff; font-family: 'Light';}
.bottom .bottom-nav dd{line-height: 35px; font-size: 14px;}
.bottom .bottom-nav dd a{color: rgba(163,166,170, .4); font-family: 'Light'; transition: all .3s;}
.bottom .bottom-nav dd a:hover{color: #fff;}
.bottom .qrcode-box{text-align: left; padding-top: 15%; padding-left: 26%;}
.bottom.other .qrcode-box{display: inline-block; vertical-align: top; text-align: right; width: 22%; padding-top: 0; padding-left: 0;}
.bottom .qrcode-box .box{display: inline-block; text-align: left;}
.bottom .tit{font-size: 18px; color: #fff; font-family: 'Light';}
.bottom .phone{font-size: 36px; font-family: 'Raj-M'; color: #fff; line-height: 1; padding: 6% 0 15%; white-space: nowrap;}
.bottom.other .phone{padding: 15% 0 22%;}
.bottom .qrcode-box dd{display: inline-block; width: 100px;}
.bottom .qrcode-box dd:first-child{margin-right: 5px;}
.bottom .qrcode-box dd img{width: 100%;}
.bottom .qrcode-box dd .tit{font-size: 15px; text-align: center; margin-top: 5px;}
.bottom .qrcode-box .info{display: block; vertical-align: top; margin-top: 24px; padding: 9% 0; border-top: 1px solid rgba(255, 255, 255, .1); border-bottom: 1px solid rgba(255, 255, 255, .1);}
.bottom.other .qrcode-box .info{margin-top: 20px; padding: 7% 0; display: block;}
.bottom .qrcode-box .wechat{width: 23px; height: 18px; background: url(../images/wechat-icon.png);}
.bottom .qrcode-box .txt{font-size: 14px; font-family: 'Light'; color: #fff; line-height: 1.8; padding-top: 20%;}
.bottom .below{padding: 2.48% 0; font-size: 14px; font-family: 'Light'; color: rgba(255, 255, 255, .2);}
.bottom.other .below{padding: 2.08% 0;}
.bottom .below ul{float: left;}
.bottom .below .copyright{float: right;}
.bottom .below ul li{display: inline-block;}
.bottom .below a{font-size: 14px; font-family: 'Light'; color: rgba(255, 255, 255, .2); transition: all .3s;}
.bottom .below a:hover{color: #fff;}
.bottom .below ul li:not(:last-child){margin-right: 20px; padding-right: 22px; position: relative;}
.bottom .below ul li:not(:last-child)::before{content: ''; background-color: rgba(255, 255, 255, .2); width: 1px; height: 12px; right: 0; top: 50%; transform: translateY(-50%); position: absolute;}
@media(max-width: 1600px){
	.bottom .bottom-nav{padding-left: 8%;}
}
@media(max-width: 1200px){
	.bottom .logo{padding-bottom: 2%}
	.bottom .qrcode-box dd{width: 85px;}
	.bottom .qrcode-box dd .tit{font-size: 14px;}
	.bottom .bottom-nav{padding-left: 11%;}
	.bottom.other .logo{display: block; padding-bottom: 2%}
	.bottom.other .bottom-nav{padding-left: 0%; width: 68%;}
	.bottom.other .qrcode-box{width: 30%;}
}
@media(max-width: 1024px){
	.bottom .below ul,
	.bottom .logo,
	.bottom.other .qrcode-box,
	.bottom .qrcode-box{display: none;}
	.bottom.other .bottom-nav,
	.bottom .bottom-nav{width: 100%; padding-left: 0;}
	.bottom .bottom-nav dl{display: block; width: 100%; line-height: 60px;}
	.bottom .bottom-nav dt{padding-bottom: 0; border-bottom: 1px solid #262425; cursor: pointer;}
	.bottom .bottom-nav dd{display: none;}
	.bottom .bottom-nav dd a{display: block; color: #fff; padding-left: 1%; line-height: 40px;}
	.bottom .copyright{width: 100%; text-align: center;}
	.bottom dl.has-sub dt{background: url(../images/next-icon01.png) no-repeat right center;}
}
@media(max-width: 640px){
	.bottom dl.has-sub dt{background: url(../images/next-icon.png) no-repeat right center;}
}


/* banner */
.banner{position: relative;}
.banner .wap{display: none;}
.banner .content{position: absolute; width: 100%; top: 50%; left: 0; text-align: center; color: #fff; transform: translateY(-50%);}
.banner .tit{font-size: 54px; font-family: 'FZCJHJW';}
.banner .subtit{font-size: 20px; font-family: 'BITSUMIS'; letter-spacing: 1.2px;}
@media(max-width: 1024px){
	.banner .pc{display: none;}
	.banner .wap{display: block;}
	.banner .tit{font-size: 3.82vw;}
	.banner .subtit{font-size: 1.5vw; letter-spacing: 1px;}
}

/* menu */
.menu{height: 100px; width: 100%; border-bottom: 1px solid #ededed;}
.menu .wap{display: none; line-height: 70px; cursor: pointer;}
.menu .left{float: left;}
.menu dd{display: inline-block; line-height: 100px; margin-right: 70px;}
.menu dd:last-child{margin-right: 0;}
.menu dd a{display: block; position: relative; color: #333; font-family: 'Light'; transition: all .3s;}
.menu dd a::before{content: ''; width: 0; height: 1px; background-color: #8b403a; position: absolute; left: 50%; bottom: 0px; transition: all .3s; transform: translateX(-50%);}
.menu dd:hover a,
.menu dd.aon a{color: #8b403a;}
.menu dd:hover a::before,
.menu dd.aon a::before{width: 100%;}
.menu .location{float: right; line-height: 100px; color: #666; padding-left: 34px; background: url(../images/home-icon.png) no-repeat left center;}
.menu .location a{padding: 0 15px; color: #666;}
.menu .location i{font-style: normal;}
.menu .location span{color: #8b403a; padding-left: 15px;}
@media(max-width: 1400px){
	.menu dd{margin-right: 35px;}
}
@media(max-width: 1200px){
	.menu .location{display: none;}
	.menu .left{float: none; text-align: center;}
}
@media(max-width: 1024px){
	.menu dd{line-height: 70px;}
	.menu{height: auto;}
}
@media(max-width: 768px){
	.menu .wap{display: block;}
	.menu dl{display: none; position: relative; z-index: 50; background-color: #fff;}
	.menu dl dd{display: block; margin-right: 0;}
}

/* Pages */
.Pages{text-align: center;}
.Pages a{display: inline-block; vertical-align: top; width: 60px; height: 60px; margin-right: 10px; text-align: center; transition: all .3s; line-height: 60px; color: #999; font-style: normal; border: 1px solid #eee;}
.Pages a:hover,
.Pages a.a_cur{background-color: #8b403a; border-color: #8b403a; color: #fff;}
.Pages a.a_prev{font-size: 0; background: url(../images/prev-icon-page.png) no-repeat center; display: none}
.Pages a.a_next{font-size: 0; background: url(../images/more-icon.png) no-repeat center; display: none;}
.Pages a.a_prev:hover{background: url(../images/prev-icon.png) no-repeat center #8b403a;}
.Pages a.a_next:hover{background: url(../images/next-icon.png) no-repeat center #8b403a;}
.Pages .p_jump,
.Pages .p_total,
.Pages .p_count,
.Pages .p_cur{display: none;}
@media(max-width: 768px){
	.Pages a{width: 50px; height: 50px; line-height: 50px;}
}
@media(max-width: 640px){
	.Pages a.a_prev,
	.Pages a.a_next{display: inline-block;}
	.Pages .num,
	.Pages .a_first,
	.Pages .a_end{display: none;}
}

/* side_dot */
.side_dot{position: fixed; right: calc(3.125% - 10px); top: 50%; transform: translateY(-50%); z-index: 300;}
.side_dot ul li a{width: 32px; height: 32px; display: block; position: relative; border-radius: 50%; margin: 7.5px 0; cursor: pointer;}
.side_dot ul li a .page_dot{width: 4px; height: 4px; border-radius: 50%; font-size: 0; display: inline-block; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.side_dot ul li.active a{border: 1px solid rgba(255, 255, 255, .1);}
.side_dot .circle{opacity: 1;width: 32px;height: 32px; }
.side_dot i{display:block; position: absolute; top: 0;  width:16px; height:32px; margin: 0; padding: 0; overflow: hidden; font-style: normal}      
.side_dot i:nth-child(1) {left: 0;}        
.side_dot i:nth-child(2) {right: 0;}
.side_dot i::before{position: absolute;content:''; margin: 0;  width: 29px; height: 29px; border-radius: 50%; border: 1px solid transparent; transform: rotate(135deg);}     
.side_dot ul li.active i:nth-child(1)::before{left: 0; border-top-color: #fff; border-left-color:#fff; animation: yl 5s linear forwards;}
.side_dot ul li.active i:nth-child(2)::before{right: 0; border-bottom-color:#fff; border-right-color:#fff; animation: yr 5s linear forwards;}
@keyframes yr {
	0% {
		transform: rotate(135deg);
	}
	50%,
	100% {
		transform: rotate(315deg);
	}
}
@keyframes yl {
	0%,
	50% {
		transform: rotate(135deg);
	}
	100% {
		transform: rotate(315deg);
	}
}
@media(max-width: 1024px){
    .side_dot{display: none;}
}

/* fullpage */
.fp-section,
.fp-tableCell{height: auto!important; overflow: hidden;}
@media(max-width: 768px){
	.fp-section,
	.fp-tableCell{height: auto!important; overflow: visible;}
}

/* slick-arrow */
.slick-arrow{position: absolute; background: none; border: none; font-size: 0; z-index: 8; cursor: pointer; transition: all .3s;}

/* slick-dots */
.slick-dots{position: absolute; z-index: 5;}
.slick-dots li{display: inline-block;}
.slick-dots button{background: none; border: none; padding: 0;}


/* index */
/* #fp-nav.fp-right{right: 3.125%!important;}
#fp-nav ul li a.active span,
#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #fff!important; width: 4px!important; height: 4px!important;}
#fp-nav ul li, .fp-slidesNav ul li{width: 30px!important; height: 30px!important; text-align: center;} */

.index .bg img{max-height: 100vh; width: 100vw;}

.more{width: 180px; line-height: 56px; font-family: 'Light'; padding-left: 20px; color: #fff; border: 1px solid #fff; position: relative; overflow: hidden; transition: all .3s; display: block;}
.more::before{content: ''; background-color: #fff; z-index: 1; width: 300px; height: 300px; right: 40px; top: 50%; transform: translate(100%,-40%) rotate(15deg); position: absolute; transition: all .3s;}
.more::after{content: ''; width: 6px; height: 10px; background: url(../images/more-icon.png); position: absolute; right: 17px; top: 50%; transform: translateY(-50%); transition: all .3s; z-index: 2;}
.more:hover{border-color: #95544f;}
.more:hover::before{left: 0; top: 50%; transform: translateY(-50%); background-color: #95544f; z-index: -1;}
.more:hover::after{background: url(../images/next-icon.png);}
@media(max-width: 1024px){
	.more{width: 150px; line-height: 45px; padding-left: 13px; font-size: 14px;}
	.more::after{right: 12px;}
	.more::before{right: 35px;}
}

/* index-banner */
.index-banner ul{max-height: 100vh;}
.index-banner ul li{position: relative;}
.index-banner img{max-height: 100vh; width: 100vw;height: 100vh;object-fit: cover;}
.index-banner .slick-arrow{width: 56px; height: 56px; border: 1px solid rgba(255, 255, 255, .2); bottom: 46px;}
.index-banner .slick-prev{left: 3.125%; background: url(../images/prev-icon.png) no-repeat center;}
.index-banner .slick-next{left: calc(70px + 3.125%); background: url(../images/next-icon.png) no-repeat center;}
.index-banner .slick-prev:hover{background: url(../images/prev-icon.png) no-repeat center #95544f; border-color: #95544f;}
.index-banner .slick-next:hover{background: url(../images/next-icon.png) no-repeat center #95544f; border-color: #95544f;}
.index-banner .slick-dots{width: 100%; bottom: 75px; text-align: center;}
.index-banner .slick-dots li{margin: 0 20px;}
.index-banner .slick-dots li button{font-size: 18px; color: rgba(255, 255, 255, .3); line-height: 1; position: relative; font-family: 'Raj-M';}
.index-banner .slick-dots li button::before{content: ''; background-color: #fff; width: 0%; height: 2px; position: absolute; left: 50%; bottom: -18px; transform: translateX(-50%); transition: all .3s;}
.index-banner .slick-dots li.slick-active button{color: #fff;}
.index-banner .slick-dots li.slick-active button::before{width: 100%;}
.index-banner .scroll-icon{position: absolute; right: 3.125%; bottom: 65px; text-transform: uppercase; color: #fff; writing-mode: vertical-lr; z-index: 10; font-size: 14px; cursor: pointer;}
.index-banner .scroll-icon::before{content: ''; width: 1px; height: 40px; background-color: #fff; position: absolute; left: 50%; bottom: -65px;}
.index-banner .content{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; color: #fff;}
.index-banner .content .box{position: absolute; left: 47%; top: 38%; display: inline-block;}
.index-banner .content .box1{position: absolute; left: 9.89%; top: 35%; display: inline-block;}
.index-banner .content .box2{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%;}
.index-banner .tit{font-size: 80px; font-family: 'FZCJHJW'; letter-spacing: 2px;}
.index-banner .subtit{font-size: 24px; font-family: 'BITSUMIS'; letter-spacing: 3.5px;}
.index-banner .tit1{font-size: 60px; color: #fff; font-family: 'Fontquan'; letter-spacing: 3px;}
.index-banner .subtit1{font-size: 20px; font-family: 'Raj-L'; color: #fff; padding: 2% 0 3%;}
.index-banner .wap{display: none;}
@media(max-width: 1024px){
.index-banner .tit{font-size: 60px;}
.index-banner .subtit{font-size: 16px; letter-spacing: 3px;}
.index-banner .tit1{font-size: 40px;}
.index-banner .subtit1{font-size: 16px;}
.index-banner .scroll-icon{display: none;}
}
@media(max-width: 768px){
.index-banner ul{max-height: none;}
.index-banner .slick-list{height:auto!important;}
.index-banner .tit{font-size: 11.59vw;}
.index-banner .subtit{font-size: 3.47vw; letter-spacing: 0px; padding-top: 2%;}
.index-banner .tit1{font-size: 8.59vw;}
.index-banner .subtit1{font-size: 2.89vw;}
.index-banner .pc{display: none;}
.index-banner .wap{display: block;}
.index-banner .content .box1,
.index-banner .content .box2,
.index-banner .content .box{left: 0; text-align: center; width: 100%; top: 20%;}
.index-banner .content .box2{top: 30%;}
.index-banner img{max-height: none;}
.index-banner .content .box2 .more{text-align: left; margin: auto;}
}

.index-part1{position: relative;}
.index-part1 .wap img{height: 100vh;object-fit: cover;}
.index-part1 .wap{display: none;}
.index-part1 .box{position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); color: #fff;}
.index-part1 .auto-1600{position: relative;}
.index-part1 .auto-1600::after{content: ''; position: absolute; right: 100px; width: 50%; height: 1px; background-color: rgba(255, 255, 255, .1); top: 50%; transform: translateY(-50%);}
.index-part1 .title{font-size: 48px; font-family: 'Medium';}
.index-part1 .subtit{font-size: 24px; font-family: 'Raj-L'; padding-bottom: 1%;}
.index-part1 .txt{line-height: 2; padding-bottom: 3%;}
.index-part1 ul{padding-bottom: 3%;}
.index-part1 ul li{display: inline-block; margin-right: 4.0625%; vertical-align: top;}
.index-part1 ul li:last-child{margin-right: 0;}
.index-part1 ul .count{font-size: 48px; font-family: 'Raj-R'; display: inline-block; margin-right: 5px; color: #fff;}
.index-part1 ul .add{position: relative;}
.index-part1 ul .add::before{content: '+'; color: #fff; position: absolute; right: -20px; top: 0; font-size: 30px;}
.index-part1 ul span,
.index-part1 ul .tit{font-size: 14px; font-family: 'Light'; color: #fff;}
.index-part1 .icon{position: absolute; width: 120px; height: 120px; top: 50%; transform: translateY(-50%); right: 0;}
.index-part1 .icon i{width: 100%; height: 100%; background: url(../images/play-icon.png); background-size: 100%; z-index: 10; cursor: pointer; position: relative; display: block;}
.index-part1 .icon::after{content: ''; background-color: #fff; width: 120px; height: 120px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; z-index: -10; animation: big 2s infinite ease-in-out;}
.index-part1 .icon::before{content: '点击播放视频'; color: #fff; font-size: 16px; position: absolute; top: 120%; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; font-family: 'Medium';}

.video-box{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 200; display: none;}
.video-box video{width: 90%; max-width: 1000px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
@keyframes big {
    100% {
        width: 160px; height: 160px; opacity: 0;
    }
}
@media(max-width: 1366px){
	.index-part1 .icon::after,
	.index-part1 .icon{width: 70px; height: 70px;}
	@keyframes big {
		100% {
			width: 110px; height: 110px; opacity: 0;
		}
	}
}
@media(max-width: 768px){
	.index-part1 .wap{display: block;}
	.index-part1 .pc{display: none;}
	.index-part1 ul{padding-bottom: 0; position: absolute; left: 0; bottom: 0; width: 100%;}
	.index-part1 ul.wap{padding: 4% 0; background-color: rgba(0, 0, 0, .7);}
	.index-part1 ul.wap li{margin-right: 1.5%; padding-right: 1.5%; border-right: 1px solid rgba(255, 255, 255, .08);}
	.index-part1 ul.wap .tit{color: rgba(255, 255, 255, .5);}
	.index-part1 .txt{font-family: 'Light'; color: rgba(255, 255, 255, .8); font-size: 4.05vw; padding-right: 5%; line-height: 1.5; margin: 5% 0;}
	.index-part1 .box{top: 12%; transform: translateY(0);}
	.index-part1 .icon{position: relative; transform: translateY(0); margin-top: 6%; width: 72px; height: 72px;}
	.index-part1 .icon::before{font-size: 12px;}
	.index-part1 .subtit{display: none;}

	.index-part1 .title{font-size: 6.95vw;}
	.index-part1 ul .count{font-size: 5.79vw;}
	.index-part1 ul span,
	.index-part1 ul .tit{font-size: 2.89vw;}
	.index-part1 ul .add::before{width: 20px; height: 20px; font-size: 3vw;}
}




.index-part2{position: relative; overflow: hidden;}
.index-part2 .wap{display: none;}
.index-part2 .slide-for img{max-height: 100vh; width: 100vw;height: 100vh;object-fit: cover;}
.index-part2 .slide-for li{position: relative;}
.index-part2 .slide-for .info{position: absolute; width: 100%; left: 0; bottom: 12.5%; color: #fff; z-index: 1;}
.index-part2 .slide-for .auto-1600{padding-right: 57.29%;}
.index-part2 .slide-for .tit{font-size: 48px; font-family: 'Medium';}
.index-part2 .slide-for .subtit{font-size: 24px; font-family: 'Raj-L'; margin: 2% 0 4%;}
.index-part2 .slide-for .txt{line-height: 2; font-family: 'Light'; min-height: 64px; margin-bottom: 7%;}

.index-part2 .box{position: absolute; left: 41.666%; bottom: 12.5%; width: 60%; color: #fff; overflow: hidden;}
.index-part2 .box .num{z-index: 5; position: relative; line-height: 2; display: inline-block; font-family: 'Raj-M';}
.index-part2 .box .current{font-size: 24px;}
.index-part2 .box .num::before{content: ''; width: 1000px; height: 1px; background-color: rgba(255, 255, 255, .1); position: absolute; top: 50%; right: 0; transform: translate(102%, -50%);}
.index-part2 .slide-nav .slick-list{overflow: visible; width: 83%;}
.index-part2 .slide-nav li{margin-right: 40px;}
.index-part2 .slide-nav .pic{padding-top: 89.28%; background-size: 100%; background-repeat: no-repeat; background-position: center; position: relative;}
.index-part2 .slide-nav .content{position: absolute; width: 100%; left: 0; bottom: 0; height: 35%; padding: 15% 0 0 20px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(bottom,  rgba(92,13,6,0.95) 0%, rgba(149,84,79,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(92,13,6,0.95) 0%,rgba(149,84,79,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(92,13,6,0.95) 0%,rgba(149,84,79,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
@media(max-width: 768px){
	.index-part2 .wap{display: block;}
	.index-part2 .pc{display: none;}
	.index-part2 .slide-nav{display: none;}
	.index-part2 .slide-for .auto-1600{padding-right: 10%;}
	.index-part2 .box{bottom: 5%; left: 0; width: 100%; text-align: center;}
	.index-part2 .box .num::after{content: ''; width: 1000px; height: 1px; background-color: rgba(255, 255, 255, .1); position: absolute; top: 50%; right: left; transform: translate(-108%, -50%);}
	.index-part2 .slide-for .info{bottom: 20%;}
	.index-part2 .slide-for .subtit{display: none;}
	.index-part2 .slide-for .tit{font-size: 6.59vw;}
	.index-part2 .slide-for .txt{font-size: 4.05vw; line-height: 1.5; margin: 7% 0; min-height: 0;}
}


.index-part3{position: relative; overflow: hidden;}
.index-part3 .wap{display: none;}
.index-part3 .item{position: relative;}
.index-part3 .bg img{max-height: 100vh; width: 100vw;}
.index-part3 .content{ line-height:1.8; position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); color: #fff;}
.index-part3 .title{font-size:24px; font-family: 'Medium';}
.index-part3 .subtit{ padding-top:0.5%; font-size:16px; font-family:'Raj-L'; padding-bottom:2%; margin-bottom:2%; position: relative;}
.index-part3 .subtit::before{content: ''; background-color: #fff; width: 40px; height: 4px; bottom: 0; left: 0; position: absolute;}
.index-part3 .txt{font-size: 24px; padding-bottom: .5%;}
.index-part3 .txt1{font-family: 'Light';}
.index-part3 .box{position: absolute; width: 100%; left: 0; bottom: 5%; color: #fff; z-index: 5;}
.index-part3 .box li{overflow: hidden; padding-right: 40px;}
.index-part3 .box li .inner{position: relative; padding-top: 56%; background-color: #000;}
.index-part3 .box li video{position: absolute; width: 100%; height: auto; top: 50%; left: 0; transform: translateY(-50%);}
.index-part3 .box li .block{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/play-icon.png) no-repeat center rgba(0, 0, 0, .5); background-size: 30px; cursor: pointer;display: none;}

.index-part3 .cover{position: absolute; width: 100%; height: 100%; left: 79.2%; top: 0; overflow: hidden; transition: all .5s; z-index: 50;}
.index-part3 .cover.open{left: 0; z-index: 300;}
.index-part3 .cover .left{width: 20.8%; position: absolute; height: 100%; top: 0; left: 0;}
.index-part3 .cover .right{width: 79.2%; position: absolute; height: 100%; top: 0; left: 20.8%;}
.index-part3 .cover .above{padding-top: 200%; background-size: contain; background-repeat: no-repeat; background-position: center top; width: 100%; position: relative; transition: all .5s; display: none;}
.index-part3 .cover.open .above{display: block;}
.index-part3 .cover .logo{position: absolute; z-index: 1; top: 24px; left: 12.5%;}
.index-part3 .cover .below{position: absolute; left: 0; bottom: 0; width: 100%; height: 16.666%; background-color: #95544f; color: #fff; text-align: center; font-family: 'Light'; cursor: pointer;}
.index-part3 .cover .below span{display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding-right: 120px; transition: all .5s; width: 64px; box-sizing: content-box;}
.index-part3 .cover .below span::before{content: ''; width: 120px; height: 1px; position: absolute; background-color: rgba(255, 255, 255, .1); top: 50%; right: -10px; transform: translateY(-50%);}
.index-part3 .cover .below span::after{content: ''; width: 0; height: 1px; position: absolute; background-color: #fff; top: 50%; left: 74px; transform: translateY(-50%); animation: grow infinite 2s linear;}
.index-part3 .cover .below.opened span{padding-left: 40px; background: url(../images/prev-icon.png) no-repeat left center; padding-right: 0;}
.index-part3 .cover .below.opened span::after,
.index-part3 .cover .below.opened span::before{content: none;}
.index-part3 .cover li{width: 50%; float: left; padding: 2.63%;}
.index-part3 .cover li:first-child{background-color: #f1f1f1;}
.index-part3 .cover li:last-child{background-color: #f6f6f6;}
.index-part3 .cover .tit1{font-size: 18px;}
.index-part3 .cover .sub1{font-size: 14px; font-family: 'Raj-R'; color: #999;}
.index-part3 .cover .tit2{font-size: 24px; font-family: 'Medium';}
.index-part3 .cover .sub2{font-size: 18px; font-family: 'Raj-R'; color: #999;}
.index-part3 .cover li img{padding: 21.5% 0;}
.index-part3 .cover .info{background-color: #fff; padding: 3.94%; position: relative;}
.index-part3 .cover .info .icon{position: absolute; width: 50px; height: 50px; background-color: #95544f; color: #fff; text-align: center; line-height: 50px; right: 3.94%; top: 50%; transform: translateY(-50%); font-size: 18px;}

.index-part3 .more{cursor: pointer; margin-top: 20px;}
@keyframes grow{
    100%{
        width: 120px;
    }
}
@media(max-width: 1600px){
	.index-part3 .box{bottom: 5.125%;}
}
@media(max-width: 1200px){
	.index-part3 .cover li img{padding: 19% 0;}
}
@media(max-width: 1024px){
	.index-part3 .cover .tit2{font-size: 20px;}
	.index-part3 .cover .info .icon{width: 40px; height: 40px; line-height: 40px;}
}
@media(max-width: 768px){
	.index-part3 .wap{display: block;width: 100vw;height: 100vh;object-fit: cover;}
	.index-part3 .pc{display: none;}
	.index-part3 .box li .sub,
	.index-part3 .subtit,
	.index-part3 .cover{display: none;}
	.index-part3 .box{bottom: 3%;}
	.index-part3 .box ul{border-top: 1px solid rgba(255, 255, 255, .1);}
	.index-part3 .box li::before{content: none;}
	.index-part3 .box li{padding-left: 0; display: inline-block; text-align: center; padding-right: 20px;}
	.index-part3 .box .auto-1600{padding-right: 0;}
	.index-part3 .box li .tit{position: relative; margin-bottom: 0; line-height: 70px; display: inline-block;font-size: 3.47vw;}
	.index-part3 .box li.slick-current .tit::before{content: ''; background-color: #fff; width: 100%; height: 1px; position: absolute; left: 0; top: 0;}
	.index-part3 .title{font-size: 6.95vw; margin-bottom: 8%;}
	.index-part3 .txt{font-size: 4.05vw;}
	.index-part3 .txt1{font-size: 3.47vw; margin: 4% 0 12%;}
	.index-part3 .content .auto-1600{padding-right: 20%;}
	.index-part3 .content{top: 55%;}
}


.index-part4{position: relative;}
.index-part4 .wap{display: none;}
.index-part4 .bg img{width: 100vw; max-height: 100vh;height: 100vh;object-fit: cover;}
.index-part4 .news{position: absolute; width: 100%; left: 0; bottom: 7%; color: #fff;}
.index-part4 .news .auto-1600{padding-right: 21%; position: relative; padding-bottom: 2.5%;}
.index-part4 .title{font-size: 48px; font-family: 'Medium';}
.index-part4 .subtitle{font-size: 24px; font-family: 'Raj-L'; padding-bottom: 3%; margin-bottom: 4%; position: relative;}
.index-part4 .subtitle::before{content: ''; background-color: #fff; width: 40px; height: 4px; bottom: 0; left: 0; position: absolute;}
.index-part4 .news .pic{display: inline-block; width: 21.5%; padding-top: 14%; background-size: 100%; background-repeat: no-repeat; background-position: center;}
.index-part4 .news .date{display: inline-block; vertical-align: top; width: 12.5%; text-align: center; color: #fff; line-height: 1;}
.index-part4 .news .date.wap{display: none;}
.index-part4 .news .day{font-size: 60px; font-family: 'Raj-M';}
.index-part4 .news .ym{font-size: 20px; font-family: 'Raj-R';}
.index-part4 .news .content{display: inline-block; width: 65%; vertical-align: top;}
.index-part4 .news .tit{font-size: 24px; color: #fff; margin-bottom: 1.5%;}
.index-part4 .news .txt{font-family: 'Light'; color: rgba(255, 255, 255, .5); line-height: 1.8;}
.index-part4 .news .slick-arrow{width: 55px; height: 55px; padding: 0; border: 1px solid rgba(255, 255, 255, .2);}
.index-part4 .news .slick-prev{right: 70px; bottom: -40%; background: url(../images/prev-icon.png) no-repeat center;}
.index-part4 .news .slick-next{right: 0; bottom: -40%; background: url(../images/next-icon.png) no-repeat center;}
.index-part4 .slick-prev:hover{background: url(../images/prev-icon.png) no-repeat center #95544f; border-color: #95544f;}
.index-part4 .slick-next:hover{background: url(../images/next-icon.png) no-repeat center #95544f; border-color: #95544f;}
.index-part4 .news .num{position: absolute; left: 0; bottom: 0; font-family: 'Raj-M'; line-height: 1;}
.index-part4 .news .num::before{content: ''; background-color: rgba(255, 255, 255, .1); width: 800px; height: 1px; left: 120%; top: 50%; transform: translateY(-50%); position: absolute;}
.index-part4 .news .current{font-size: 24px;}


.index-part4 .list{position: absolute; width: 20.8%; right: 0; top: 0; height: 100%; background-size: cover; background-position: top;}
.index-part4 .list ul{padding-top: 90px;}
.index-part4 .list .more1{position: absolute; width: 100%; height: 16.666%; left: 0; bottom: 0; background-color: #95544f; z-index: 5;}
.index-part4 .list .more1 span{position: absolute; display: inline-block; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 64px; box-sizing: content-box; font-family: 'Light'; color: #fff; padding-right: 40px; background: url(../images/next-icon.png) no-repeat right center;}
.index-part4 .list li a{padding: 12% 12.5%; border-bottom: 1px solid rgba(255, 255, 255, .1); display: block; position: relative;}
.index-part4 .list .pic{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; opacity: 0; transition: all .3s; background-size: cover; background-repeat: no-repeat; background-position: center;}
.index-part4 .list li a:hover .pic{opacity: 1;}
.index-part4 .list .date{font-size: 18px; color: #fff; font-family: 'Raj-R'; line-height: 1; z-index: 2; position: relative;}
.index-part4 .list .tit{font-size: 18px; color: #fff; margin: 10% 0; line-height: 1; z-index: 2; position: relative;}
.index-part4 .list .txt{font-size: 14px; font-family: 'Light'; color: rgba(255, 255, 255, .5); z-index: 2; position: relative;}
@media(max-width: 1600px){
	.index-part4 .list li a{padding: 10%;}
	.index-part4 .list .tit{margin:  5% 0;}
	.index-part4 .news .content{width: 63%;}
}
@media(max-width: 1024px){
	.index-part4 .list ul{padding-top: 0px;}
	.index-part4 .news .tit{font-size: 20px;}
	.index-part4 .news .txt{font-size: 14px;}
	.index-part4 .news .day{font-size: 48px;}
	.index-part4 .news .slick-next{bottom: -60%;}
	.index-part4 .news .slick-prev{bottom: -60%;}
	.index-part4 .list{display: none;}
	.index-part4 .news .auto-1600{padding-right: 0;}
}
@media(max-width: 768px){
	.index-part4 .subtitle,
	.index-part4 .news .date,
	.index-part4 .news .txt,
	.index-part4 .pc{display: none;}
	.index-part4 .news .date.wap,
	.index-part4 .wap{display: block;}
	.index-part4 .title{font-size: 6.95vw; padding-bottom: 5%;}
	.index-part4 .news .pic{width: 37%; padding-top: 24%;}
	.index-part4 .news .content{width: 62%; padding-left: 5.79%;}
	.index-part4 .news .date.wap{width: 100%; text-align: left; margin-bottom: 3%;}
	.index-part4 .news .date.wap .day,
	.index-part4 .news .date.wap .ym{display: inline-block;}
	.index-part4 .news .num{bottom: -23%;}
	.index-part4 .news .day{font-size: 6.95vw;}
	.index-part4 .news .ym{font-size: 3.47vw;}
	.index-part4 .news .tit{font-size: 4.05vw;}
	.index-part4 .news .num::before{width: 300px;}
}
@media(max-width: 480px){
	.index-part4 .news .num::before{width: 200px;}
	.index-part4 .news .content{width: 60%;}
}


/* profile */
.profile{position: relative;}
.profile .menu{position: absolute; top: 0; left: 0; z-index: 3;}
.profile .part1{padding-top: calc(5.20% + 100px); position: relative; z-index: 1;}
.profile .part1::before{content: ''; width: 50%; height: 100%; background-color: #f9fafc; top: 0; left: 0; z-index: 1; position: absolute;}
.profile .part1 .left{position: relative; z-index: 3; width: 40%; float: left; padding-top: 7.5%;}
.profile .part1 .time{font-size: 48px; font-family: 'Raj-S'; position: relative; color: #8b403a; padding-left: 120px;}
.profile .part1 .time::before{content: ''; background-color: #8b403a; width: 100px; height: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.profile .part1 .title{font-size: 48px; font-family: 'Medium'; line-height: 1.2; margin-top: 6.25%;}
.profile .part1 .subtitle{font-size: 24px; color: #8b403a; font-family: 'Raj-R'; letter-spacing: 5px; margin: 2% 0 6.25%;}
.profile .part1 .txt{color: #666; line-height: 1.8; padding-right: 17%; text-align: justify;}
.profile .part1 .pic{position: relative; z-index: 3; width: 60%; float: left;}
@media(max-width: 1200px){
	.profile .part1 .left{width: 50%; padding-top: 0;}
	.profile .part1 .pic{width: 50%;}
	.profile .part1 .title{font-size: 36px; margin-top: 3%;}
	.profile .part1 .time{font-size: 36px;}
}
@media(max-width: 1024px){
	.profile .part1{padding-top: calc(5.2% + 70px);}
}
@media(max-width: 960px){
	.profile .part1 .left,
	.profile .part1 .pic{width: 100%; float: none;}
	.profile .part1 .subtitle{margin: 2% 0 3% 0;}
	.profile .part1 .txt{padding-right: 0; padding-bottom: 2%;}
}
.profile .part2{padding: 6.25% 0;}
.profile .part2 .txt{text-align: center; line-height: 1.8; padding: 0 11%; color: #666;}
.profile .part2 ul{text-align: center; padding-top: 5%;}
.profile .part2 li{display: inline-block; vertical-align: top; margin-right: 90px; padding-left: 90px; text-align: left; background-position: top left; background-repeat: no-repeat;}
.profile .part2 li:last-child{margin-right: 0;}
.profile .part2 .count{font-size: 56px; color: #8b403a; display: inline-block; font-family: 'Raj-M'; line-height: 1; position: relative;}
.profile .part2 .count::before{content: '+'; position: absolute; right: -15px; top: 0; color: #8b403a; font-size: 24px;}
.profile .part2 .tit{color: #666; font-size: 18px; font-family: 'Light'; padding-top: 2%;}
@media(max-width: 1200px){
	.profile .part2 li{margin-right: 50px; padding-left: 60px; background-size: 40px;}
	.profile .part2 .count{font-size: 48px;}
}
@media(max-width: 1024px){
	.profile .part2 ul{padding-top: 3%;}
	.profile .part2 .txt{padding: 0; text-align: left;}
	.profile .part2 li{display: block; margin-bottom: 3%;}
	.profile .part2 .tit{padding-top: 1%;}
}
@media(max-width: 640px){
	.profile .part2 .count{font-size: 40px;}
}
.profile .part3{position: relative;}
.profile .part3 .auto-1600{padding-left: 41.666%;}
.profile .part3 .pic{width: 50%;}
.profile .part3 .pic img{width: 100%;}
.profile .part3 .box{position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%);}
.profile .part3 .left{padding-left: 15%;}
.profile .part3 .txt{text-align: justify; line-height: 1.8; color: #666;}
.profile .part3 ul{padding-top: 2.91%;}
.profile .part3 li{width: 50%; float: left; padding-left: 90px; background-repeat: no-repeat; background-position: top left; margin-top: 8.74%;}
.profile .part3 .count{font-size: 56px; color: #8b403a; display: inline-block; font-family: 'Raj-M'; line-height: 1; position: relative;}
.profile .part3 .count::before{content: '+'; position: absolute; right: -15px; top: 0; color: #8b403a; font-size: 24px;}
.profile .part3 .tit{color: #666; font-size: 18px; font-family: 'Light'; padding-top: 2%;}
@media(max-width: 1200px){
	.profile .part3 li{margin-top: 4%; padding-left: 70px; background-size: 40px;}
	.profile .part3 .count{font-size: 48px;}
}
@media(max-width: 1024px){
	.profile .part3 .pic,
	.profile .part3 .box{position: initial; width: 100%; transform: translateY(0);}
	.profile .part3 .auto-1600{padding-left: 0;}
	.profile .part3 .left{padding-left: 0; padding-top: 3%;}
}
@media(max-width: 640px){
	.profile .part3 .count{font-size: 40px;}
	.profile .part3 li{width: 100%;}
}
.profile .part4{padding: 6.25% 0;}
.profile .part4 .left{width: 50%; float: left; padding-right: 7.5%; padding-top: 4.375%;}
.profile .part4 .txt{line-height: 1.8; color: #666;}
.profile .part4 .sub{font-size: 18px; padding-top: 7.35%;}
.profile .part4 ul{max-height: 300px; overflow-y: auto;}
.profile .part4 ul::-webkit-scrollbar{width: 3px; height: 1px;}
.profile .part4 ul::-webkit-scrollbar-thumb{border-radius: 3px; background-color: #8b403a;}
.profile .part4 ul::-webkit-scrollbar-track{border-radius: 3px; background-color: #ebebeb;}
.profile .part4 ul::-webkit-scrollbar-button{display: none;}
.profile .part4 li{line-height: 60px;}
.profile .part4 .tit{padding-left: 16px; margin-right: 20px; border-bottom: 1px dotted #e0e0e0; position: relative;}
.profile .part4 .tit::before{content: ''; background-color: #8b403a; width: 5px; height: 5px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 50%;}
.profile .part4 .right{width: 50%; float: left; padding-left: 7.5%;}
@media(max-width: 1200px){
	.profile .part4 .right{padding-left: 0;}
}
@media(max-width: 1024px){
	.profile .part4 .left{padding-right: 3%; padding-top: 0;}
}
@media(max-width: 768px){
	.profile .part4 .left,
	.profile .part4 .right{width: 100%; float: none; padding-right: 0;}
}
.profile .part5{padding: 6.25% 0; background: url(../images/bg-icon.png) no-repeat right top #f9fafc;}
.profile .part5 .left{width: 50%; float: left;}
.profile .part5 .right{width: 50%; float: left; padding-left: 7.5%; padding-top: 6.875%;}
.profile .part5 .left img{width: 100%;}
.profile .part5 .txt{color: #666; text-align: justify; line-height: 1.8;}
@media(max-width: 1200px){
	.profile .part5 .right{padding-top: 0;}
}
@media(max-width: 960px){
	.profile .part5 .right{width: 100%; float: none; padding-left: 0;}
	.profile .part5 .left{width: 100%; float: none; padding-bottom: 2%;}
}
@media(max-width:640px){
.profile .part5 .left img{ height:auto!important;}
}



/* honor */
.honor{padding: 5.2% 0 6.25%;}
.honor .list{margin: 0 -1.875%;}
.honor .list li{width: 25%; padding: 0 1.875%;/* margin-bottom: 3.75%;*/ cursor: pointer; float: left;}
.honor .list .pic{position: relative; width: 100%; padding-top: 132.39%; background-color: #f9fafc;}
.honor .list img{position: absolute; top: 50%; left: 50%; width: 76.05%; height: auto; transform: translate(-50%,-50%); box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);}
.honor .list .tit{font-size: 18px; text-align: center; line-height: 1.5; margin-top: 20px; transition: all .3s; min-height: 83px;}
.honor .list .icon{position: absolute; width: 64px; height: 64px; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .3s; opacity: 0; background: url(../images/search-icon01.png) no-repeat center #8b403a; border-radius: 50%;}
.honor .list li:hover .icon{opacity: .85;}
.honor .list li:hover .tit{color: #8b403a;}

.honor .cover{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 200; display: none;}
.honor .cover .close{position: absolute; width: 16px; height: 16px; cursor: pointer; right: 30px; top: 30px; background: url(../images/close-icon.png) no-repeat center; z-index: 20;}
.honor .cover li{text-align: center; height: 100vh; position: relative;}
.honor .cover img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80%; max-width: 540px;}
.honor .cover .slick-arrow{top: 50%; transform: translateY(-50%); width: 65px; height: 60px;}
.honor .cover .slick-prev{background: url(../images/prev-icon01.png) no-repeat center; left: 0;}
.honor .cover .slick-next{background: url(../images/next-icon01.png) no-repeat center; right: 0;}
@media(max-width: 1024px){
	.honor .list .tit{font-size: 16px; min-height: 72px;}
}
@media(max-width: 768px){
	.honor .list li{width: 33.333%;}
}
@media(max-width: 640px){
	.honor .cover .slick-arrow{width: 40px; height: 40px;}
	.honor .list li{width: 50%;}
	.honor .list .tit{font-size: 14px; min-height: 63px;}
}


/* culture */
.culture{padding: 5.2% 0 6.25%;}
.culture .part1{padding-bottom: 7.81%;}
.culture .part1 .auto-1600{position: relative;}
.culture .part1 img{width: 100%;}
.culture .part1 .tit{font-size: 30px; font-family: 'Medium'; padding-bottom: 30px; line-height: 1;}
.culture .part1 .txt{color: #999;}
.culture .part1 li{width: 30.625%; position: absolute;}
.culture .part1 li:nth-child(1){left: 3.125%; top: 10%;}
.culture .part1 li:nth-child(2){right: 3.125%; bottom: 10%;}
@media(max-width: 1200px){
	.culture .part1 .tit{padding-bottom: 15px; font-size: 24px;}
	.culture .part1 .txt{font-size: 15px;}
}
@media(max-width: 1024px){
	.culture .part1 .tit{font-size: 4.34%;}
	.culture .part1 .txt{font-size: 2.31%;}
}
@media(max-width: 768px){
	.culture .part1 li{position: initial; width: 100%; margin-top: 3%;}
	.culture .part1 .tit{font-size: 24px;}
	.culture .part1 .txt{font-size: 15px;}
}
.culture .part2{padding: 6.77% 0 6.25%; background-color: #f9fafc;}
.culture .part2 img{width: 28.125%; margin: auto; display: block;}
.culture .part2 .auto-1600{position: relative;}
.culture .part2 .tit{display: inline-block; font-size: 30px; color: #8b403a; position: relative; padding-bottom: 21px; margin-bottom: 18px; line-height: 1;}
.culture .part2 .tit::before{content: ''; width: 30px; height: 3px; background-color: #8b403a; position: absolute; bottom: 0;}
.culture .part2 .txt{color: #999;}
.culture .part2 li{position: absolute; display: inline-block;}
.culture .part2 li:nth-child(1){right: 73.75%; top: 17.5%;}
.culture .part2 li:nth-child(2){left: 73.75%; top: 17.5%;}
.culture .part2 li:nth-child(3){right: 73.75%; bottom: 17.5%;}
.culture .part2 li:nth-child(4){left: 73.75%; bottom: 17.5%;}
.culture .part2 li:nth-child(1),
.culture .part2 li:nth-child(3){text-align: right;}
.culture .part2 li:nth-child(1) .tit::before,
.culture .part2 li:nth-child(3) .tit::before{right: 0;}
.culture .part2 li:nth-child(2),
.culture .part2 li:nth-child(4){text-align: left;}
.culture .part2 li:nth-child(2) .tit::before,
.culture .part2 li:nth-child(4) .tit::before{left: 0;}
@media(max-width: 1400px){
	.culture .part2 li:nth-child(1){right: 73.75%; top: 10%;}
	.culture .part2 li:nth-child(2){left: 73.75%; top: 10%;}
	.culture .part2 li:nth-child(3){right: 73.75%; bottom: 10%;}
	.culture .part2 li:nth-child(4){left: 73.75%; bottom: 10%;}
}
@media(max-width: 1200px){
	.culture .part2 .tit{font-size: 2vw; padding-bottom: 10px; margin-bottom: 10px;}
	.culture .part2 .txt{font-size: 1vw;}
}
@media(max-width: 768px){
	.culture .part2 img{width: 100%; max-width: 450px;}
	.culture .part2 .tit{font-size: 20px;}
	.culture .part2 .txt{font-size: 15px;}
	.culture .part2 li{position: initial; text-align: left!important; width: 100%; margin-top: 3%;}
	.culture .part2 .tit::before{left: 0!important;}
}
.culture .part3{padding-top: 5.2%;}
.culture .part3 .title{text-align: center; font-size: 32px; font-family: 'Medium'; line-height: 1; padding-bottom: 3.75%;}
.culture .part3 ul{margin: 0 -1.875%;}
.culture .part3 li{width: 33.333%; float: left; padding: 0 1.875%; margin-bottom: 3.75%; line-height: 1;}
.culture .part3 .pic{padding-top: 75.05%; background-size: 100%; background-repeat: no-repeat; background-position: center;}
.culture .part3 .tit{font-size: 18px; padding-top: 6.08%; transition: all .3s;}
.culture .part3 li:hover .tit{color: #8b403a;}
.culture .part3 .txt{font-size: 14px; font-family: 'Light'; color: #999; padding: 3.04% 0 6.08%;}
.culture .part3 .date{font-size: 18px; font-family: 'Raj-R';}
@media(max-width: 768px){
	.culture .part3 li{width: 50%;}
}
@media(max-width: 640px){
	.culture .part3 .tit{font-size: 16px;}
	.culture .part3 .date{font-size: 16px;}
	.culture .part3 .title{font-size: 24px; padding-bottom: 5%;}
}




/* join */
.join{padding: 5.2% 0 6.25%;}
.join .titnum{padding-bottom: 20px; border-bottom: 2px solid #8b403a;}
.join ul{padding-bottom: 5%;}
.join li{border-bottom: 1px solid #ededed; transition: all .3s;}
.join li.on{background-color: #f9fafc;}
.join .info{padding: 3.125% 5%; position: relative;}
.join .box{position: relative;}
.join .more1{position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: #8b403a; padding-right: 26px; background: url(../images/more-icon01.png) no-repeat right center; cursor: pointer; transition: all .3s;}
.join .title{font-size: 24px; transition: all .3s; padding-bottom: 2.083%; line-height: 1;}
.join .other > div{display: inline-block; margin-right: 2.777%; padding-left: 1.3888%; position: relative; line-height: 1; font-size: 14px; font-family: 'Light';}
.join .other > div::before{content: ''; background-color: #ccc2c2; width: 4px; height: 4px; transition: all .3s; transform: rotate(45deg) translateY(-50%); position: absolute; top: 50%; left: 0;}
.join .other > div span{color: #999;}
.join .detail{padding-top: 3.472%; display: none;}
.join .tit{position: relative; padding-left: 1.3888%; line-height: 1; margin-bottom: 1%;}
.join .tit::before{content: ''; background-color: #8b403a; width: 4px; height: 4px; transform: rotate(45deg) translateY(-50%); position: absolute; top: 50%; left: 0;}
.join p{line-height: 1.8; color: #999;}
.join .send,
.join .email{display: inline-block; margin-top: 50px; line-height: 56px;}
.join .send{width: 180px; text-align: center; color: #fff; background-color: #8b403a; margin-right: 30px;}
.join .email{font-family: 'Light'; color: #999;}
.join .email span{color: #8b403a;}
.join li.on .title{color: #8b403a;}
.join li.on .other > div::before{background-color: #8b403a;}
.join li.on .more1{background: url(../images/up-icon.png) no-repeat right center;}
@media(max-width: 640px){
	.join .title{font-size: 20px;}
	.join .info{padding: 4% 3%;}
	.join .other > div{display: block; line-height: 30px; padding-left: 15px;}
	.join .tit{padding-left: 15px;}
	.join .more1,
	.join p{font-size: 14px;}
	.join .send, .join .email{line-height: 45px; margin-top: 30px;}
	.join .send{width: 150px;}
}



/* contactus */
.contactus{padding: 5.2% 0 6.25%;}
.contactus .left{width: 27.5%; float: left; background-color: #f9fafc; padding: 3.75% 3.125%;}
.contactus .middle{width: 27.5%; float: left; background-color: #f3f4f7; padding: 3.75% 2.8% 3.75% 3.125%;}
.contactus .pic{width: 45%; float: left;}
.contactus .pic img{width: 100%;}
.contactus .title{font-size: 32px; font-family: 'Medium'; line-height: 1.2;}
.contactus .subtit{color: #999; padding: 2.94% 0 14.7%; line-height: 1.6;}
.contactus .phonetit{color: #8b403a; font-size: 18px; font-family: 'Light';}
.contactus .phone{font-size: 36px; font-family: 'Raj-S'; color: #8b403a;}
.contactus .qrcode{padding-top: 33%;display: inline-block;width: 49%;text-align: center;}
.contactus .qrcode .info{display: inline-block; vertical-align: top; margin-left: 20px; padding: 7% 0; border-top: 1px solid rgba(255, 255, 255, .1); border-bottom: 1px solid rgba(255, 255, 255, .1);}
.contactus .qrcode img{border: 1px solid #e8e9eb;width: 130px;}
.contactus .qrcode .wechat{width: 23px; height: 18px; background: url(../images/wechat-icon01.png);}
.contactus .qrcode .txt{font-size: 14px; font-family: 'Light'; line-height: 1.8; padding-top: 20%; color: #666;}
.contactus li{padding-bottom: 17%;}
.contactus li:last-child{padding-bottom: 0;}
.contactus .tit{font-size: 20px; font-family: 'Medium';}
.contactus .addr{font-family: 'Light'; color: #666; padding: 1% 0;}
.contactus .icon{color: #8b403a; padding-left: 22px; background: url(../images/location-icon.png) no-repeat left center;}
@media(max-width: 1400px){
	.contactus li{padding-bottom: 10%;}
	.contactus .qrcode{padding-top: 20%;}
}
@media(max-width: 1200px){
	.contactus .qrcode{padding-top: 15%;}
	.contactus .subtit{padding: 3% 0 10%;}
	.contactus .pic{width: 100%;}
	.contactus .left{width: 50%;}
	.contactus .middle{width: 50%;}
}
@media(max-width: 768px){
	.contactus .subtit{padding: 3% 0 5%;}
	.contactus .qrcode{padding-top: 5%;}
	.contactus li{padding-bottom: 5%;}
	.contactus .left{width: 100%;}
	.contactus .middle{width: 100%;}
}
@media(max-width: 640px){
	.contactus .title{font-size: 26px;}
	.contactus .phone{font-size: 30px;}
}

/* business */
.business{padding: 5.2% 0 6.25%;}
.business li:not(:last-child){padding-bottom: 3.125%;}
.business a{background-color: #f9fafc; display: block;}
.business .content{width: 56.25%; float: left; padding: 5% 6.25% 0 6.25%;}
.business .pic{width: 43.75%; float: left;}
.business .pic img{width: 100%;}
.business .tit{font-size: 24px; padding-bottom: 3%;}
.business p{color: #999; line-height: 2;}
.business .more1{color: #8b403a; display: inline-block; padding-right: 27px; background: url(../images/more-icon01.png) no-repeat right center; margin-top: 3%;}
@media(max-width: 1600px){
	.business .content{padding: 2% 4% 1% 4%;}
}
@media(max-width: 1024px){
	.business .content{width: 100%; padding: 3%;}
	.business .pic{width: 100%;}
}

/* business-detail */
.business-detail{padding: 5.2% 0 0;}
.business-detail .link{display: block; line-height: 120px; background-color: #f9fafc; text-align: center;}
.business-detail .link span{display: inline-block; padding-right: 28px; background: url(../images/more-icon01.png) no-repeat right center; color: #8b403a; font-family: 'Light';}
.business-detail .auto-1600{padding-bottom: 6.25%;}
.business-detail .title{font-size: 48px; font-family: 'Medium'; line-height: 1;}
.business-detail .intro{padding: 3.75% 0;}
.business-detail .content{width: 50%; display: inline-block;}
.business-detail .font{display: inline-block; text-align: right; width: 50%;}
.business-detail .intro span{font-size: 24px; padding-bottom: 1%; display: block;}
.business-detail p{line-height: 2.2; color: #666;}
.business-detail .left{width: 49.375%; float: left;}
.business-detail .right{width: 49.375%; float: right; position: relative;}
.business-detail .right .slick-dots{position: absolute; left: 0; bottom: 4.43%; text-align: center; z-index: 5; width: 100%;}
.business-detail .right .slick-dots li{margin: 0 6px;}
.business-detail .right .slick-dots button{font-size: 0; width: 12px; height: 12px; border: 2px solid #fff; border-radius: 50%;}
.business-detail .right .slick-dots .slick-active button{background-color: #fff;}
@media(max-width: 1024px){
	.business-detail .content{width: 100%;padding-bottom: 3%;}
	.business-detail .font{width: 100%; text-align: left;}
	.business-detail .link{line-height: 90px;}
}
@media(max-width: 640px){
	.business-detail .title{font-size: 36px;}
	.business-detail p{line-height: 1.8;}
	.business-detail .left,
	.business-detail .right{width: 100%; float: none; position: relative;}
}

/* engineering */
.engineering{padding: 5.2% 0 2.6%;}
.engineering ul{margin: 0 -2.5%;}
.engineering li{width: 33.333%; float: left; padding: 0 2.5%; margin-bottom: 3.6%;}
.engineering .pic{position: relative; padding-top: 75.05%; background-size: 100%; background-repeat: no-repeat; background-position: center; overflow: hidden;}
.engineering .num{position: absolute; font-size: 80px; font-family: 'Raj-B'; color: #fff; opacity: .2; bottom: -30px; right: 8%; z-index: 10; line-height: 1;}
.engineering .cover{position: absolute; width: 96.14%; left: 0; bottom: 0; padding: 6.49% 8.11%; background-color: #8b403a; z-index: 5; transition: all .5s; transform: translateX(-100%);}
.engineering .cover dd{display: inline-block; width: 45%; padding: 1.9% 0; vertical-align: top;}
.engineering .cover dd a{color: #fff; display: inline-block; padding-right: 25px; background: url(../images/next-icon.png) no-repeat right center; font-family: 'Light';}
.engineering li:hover .cover{transform: translateX(0);}
.engineering .tit{font-size: 24px; margin-top: 5.41%; transition: all .5s; padding-left: 70px; position: relative; display: block;}
.engineering .tit::before{content: ''; background-color: #8b403a; width: 40px; height: 2px; top: 50%; left: 0; transform: translateY(-50%); position: absolute;}
.engineering li:hover .tit{color: #8b403a;}
@media(max-width: 1200px){
	.engineering .cover dd{width: 50%;}
	.engineering .cover dd a{font-size: 14px;}
}
@media(max-width: 1024px){
	.engineering li{width: 50%;}
}
@media(max-width: 640px){
	.engineering .tit{font-size: 18px; padding-left: 50px;}
}
@media(max-width: 480px){
	.engineering li{width: 100%;}
}

/* engineering-detail */
.engineering-detail{padding: 5.2% 0 6.25%;}
.engineering-detail .auto-1600{overflow-x: auto;}
.engineering-detail .auto-1600::-webkit-scrollbar{width: 2px; height: 3px;}
.engineering-detail .auto-1600::-webkit-scrollbar-thumb{border-radius: 3px; background-color: #8b403a;}
.engineering-detail .auto-1600::-webkit-scrollbar-track{border-radius: 3px; background-color: #ebebeb;}
.engineering-detail .auto-1600::-webkit-scrollbar-button{display: none;}
.engineering-detail table{width: 100%; font-size: 16px; text-align: center; table-layout: fixed;}
.engineering-detail .w80{width: 5%;}
.engineering-detail .w100{width: 6.25%;}
.engineering-detail .w140{width: 8.75%;}
.engineering-detail .w180{width: 11.25%;}
.engineering-detail .w390{width: 26%;}
.engineering-detail tr{ transition: all .3s;}
.engineering-detail tr:nth-child(odd){background-color: #f7f2f1;}
.engineering-detail tr:nth-child(even){background-color: #f9fafc;}
.engineering-detail tr:nth-child(1){background-color: #8b403a;}
.engineering-detail td{border: 1px solid rgba(0, 0, 0, .07); font-family: 'Light'; color: #666; transition: all .3s; padding: 1.45% 5px;}
.engineering-detail tr:nth-child(1) td{font-size: 18px; color: #fff; border-color: rgba(255, 255, 255, .08);}
.engineering-detail tr:hover{background-color: #8b403a;}
.engineering-detail tr:hover td{color: #fff; border-color: rgba(255, 255, 255, .08);}
.engineering-detail tr:nth-child(1).fixed{position: sticky; top: 90px; width: 100%;}
@media(max-width: 1024px){
	.engineering-detail .auto-1600{padding-bottom: 2%;}
	.engineering-detail table{width: 1000px;}
}
@media(max-width: 640px){
	.engineering-detail tr:nth-child(1).fixed{top: 56px;}
}

/* news */
.news{padding: 5.2% 0 6.25%;}
.news .default{padding-bottom: 2.5%;}
.news .default a{display: block; background-color: #f9fafc; position: relative;}
.news .default .pic{width: 50%; float: left;}
.news .default img{width: 100%;}
.news .default .content{width: 50%; float: left; padding: 3.75% 5% 0 5%;}
.news .default .day{font-size: 60px; font-family: 'Raj-M'; color: #000; line-height: 50px;}
.news .default .ym{font-size: 20px; font-family: 'Raj-R'; color: #000;}
.news .default .title{font-size: 24px; color: #000; margin: 4.68% 0;}
.news .default .intro{line-height: 1.8; color: #999;}
.news .default .slick-arrow{right: 5%; bottom: 8%; width: 56px; height: 56px; transition: all .3s;}
.news .default .slick-prev{right: calc(5% + 70px); background: url(../images/prev-icon.png) no-repeat center #e5e5e5;}
.news .default .slick-next{background: url(../images/next-icon.png) no-repeat center #e5e5e5;}
.news .default .slick-prev:hover{background: url(../images/prev-icon.png) no-repeat center #8b403a;}
.news .default .slick-next:hover{background: url(../images/next-icon.png) no-repeat center #8b403a;}
.news .default a::before{content: ''; background-color: #eee; position: absolute; width: 29.375%; height: 1px; left: 55%; bottom: calc(8% + 28px); transform: translateY(-50%);}
.news .list li{padding: 1.14% 0; transition: all .3s;}
.news .list li:last-child{margin-bottom: 3.625%;}
.news .list li:hover{background-color: #f9fafc;}
.news .list .pic{width: 18.75%; float: left;}
.news .list .pic img{width: 100%;}
.news .list .content{width: 70%; float: left; margin: 2.5% 0 0 0; padding: 0 5% 0 2.5%; border-right: 1px solid #eee;}
.news .list .date{width: 11.25%; float: left; padding-left: 2%; margin-top: 4%; text-align: center;}
.news .list .tit{font-size: 24px; color: #000; margin-bottom: 3%; line-height: 1;}
.news .list .txt{color: rgba(0, 0, 0, .5); line-height: 1.8;}
.news .list .day{font-size: 60px; font-family: 'Raj-M'; color: #000; line-height: 50px;}
.news .list .ym{font-size: 20px; font-family: 'Raj-R'; color: #000;}
@media(max-width: 1400px){
	.news .default .content{padding: 2% 4% 0 4%;}
	.news .default .slick-arrow{width: 40px; height: 40px;}
	.news .default .slick-prev{right: calc(5% + 50px);}
}
@media(max-width: 1200px){
	.news .default .day{font-size: 46px;}
	.news .default .ym{font-size: 14px;}
	.news .default .title{font-size: 18px;}
	.news .default .intro{font-size: 15px;}
}
@media(max-width: 1024px){
	.news .list li{padding: 20px 0;}
	.news .list .date,
	.news .list .content{margin-top: 1%;}
	.news .list .tit{font-size: 20px;}
	.news .list .txt{font-size: 15px;}
	.news .list .day{font-size: 50px;}
	.news .list .ym{font-size: 16px;}
}
@media(max-width: 960px){
	.news .default .pic{width: 100%;}
	.news .default .title{margin: 2% 0;}
	.news .default .content{width: 100%; padding: 3% 3% 70px 3%;}
	.news .default .slick-arrow{bottom: 2%;}
	.news .default a::before{bottom: calc(2% + 20px); left: 3%; width: calc(94% - 150px);}
}
@media(max-width: 768px){
	.news .list .pic{width: 100%;}
	.news .list .content{width: 100%; border: none; padding: 3%;}
	.news .list .date{padding-left: 3%; padding-top: 3%;}
}

/* news-detail */
.news-detail{overflow: hidden;}
.news-detail .con{padding: 6.25% 0 3.75%;}
.news-detail .left{padding: 6.25% 0 3.75%; width: 72.5%; float: left; padding-right: 7.5%;}
.news-detail .right{padding: 6.25% 0; width: 27.5%; float: left; background-color: #f9fafc; position: relative; padding-left: 6.25%;}
.news-detail .right::before{width: 160px; content: ''; height: 100%; position: absolute; left: 100%; top: 0; background-color: #f9fafc;}
.news-detail .title{font-size: 36px; color: #000; padding-bottom: 3.44%; line-height: 1.5;}
.news-detail .date{font-size: 20px; color: #999; font-family: 'Raj-R'; padding-bottom: 1.72%; border-bottom: 1px solid #eee;}
.news-detail .content{padding: 4.31% 0 4.46%; border-bottom: 1px solid #eee;}
.news-detail .content p{line-height: 2; text-align: justify; padding-bottom: 2%;}
.news-detail .content img{padding: 2% 0; height: auto!important; margin: auto;}
.news-detail .nav-box{padding: 3.44% 25% 3.44% 0; position: relative; color: #999;}
.news-detail .nav-box a{color: #333;}
.news-detail .prev{padding-bottom: 1.72%;}
.news-detail .back{width: 180px; line-height: 60px; text-align: center; color: #fff!important; background-color: #8b403a; display: block; top: 50%; right: 0; transform: translateY(-50%); position: absolute;}
.news-detail .date1{font-size: 18px; font-family: 'Raj-R';}
.news-detail .tit{font-size: 18px; padding: 8% 0;}
.news-detail .txt{font-size: 14px; font-family: 'Light'; color: #999; line-height: 1.8}
.news-detail li{padding: 16% 0; border-bottom: 1px solid #eee;}
.news-detail li:first-child{padding-top: 0;}
@media(max-width: 1024px){
	.news-detail .title{font-size: 28px;}
	.news-detail .right{padding-left: 4%;}
	.news-detail .left{padding-right: 4%;}
	.news-detail .back{position: initial; transform: translateY(0); margin-top: 5%;}
	.news-detail .nav-box{padding-right: 0;}
	.news-detail .content p{line-height: 1.8;}
}
@media(max-width: 768px){
	.news-detail .left{width: 100%; padding-right: 0;}
	.news-detail .right{width: 100%; padding: 3% 2%;}
	.news-detail li{padding: 3% 0;}
	.news-detail .tit{padding: 1% 0;}
	.news-detail .back{margin: 5% auto 0 auto; line-height: 50px; width: 150px;}
}
@media(max-width: 640px){
	.news-detail .title{font-size: 24px; line-height: 1.5;}
	.news-detail .content p{line-height: 1.5;}
}

.single .auto-1600{max-width: 1200px;}
.single .left{width: 100%; float: none; padding-right: 0;}
.single .title{text-align: center;}
.single .date{text-align: center;}
.single .content img{width: auto!important; margin: auto;}

.search-result{padding: 5.2% 0 6.25%;}
.search-result .item{border-bottom: 1px solid #eee; line-height: 60px; transition: all .3s; padding: 0 1%;}
.search-result .item a{width: calc(94% - 60px); float: left; color: #333; transition: all .3s;}
.search-result .item .time{ float: right; font-family: 'Light'; color: #999;}
.search-result .item:hover{background-color: #f9fafc;}
.search-result .item:hover a{color: #8b403a;}
.search-result .Pages{margin-top: 5.2%;}
.search-result dl{border-bottom: 1px dashed #eee;}
.search-result dt{line-height: 60px;}
.search-result dt a{color: #8b403a; display: block; font-size: 18px;}
.search-result dd{display: inline-block; margin-right: 5%; line-height: 60px;}
.search-result dd a{color: #bbb; display: block;}



.yuanjing-body{position:relative;height:100%;width:100%;overflow:hidden}
.yuanjing-mobile { overflow-x: hidden; position: relative;}
.yuanjing-section{position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000000; display: block; overflow-y: hidden; }
.yuanjing-section1{z-index:99}
.yuanjing-section2{z-index:1}
.yuanjing-section3{z-index:1}
.yuanjing-section4{z-index:1}
.yuanjing-section .yuanjing-container>.auto{height: 100%; position: relative;z-index: 99;}
.yuanjing-container{position:absolute;top:0;left:0;z-index: 2;}
.fix-right{ right: 3%; top: 50%; position: fixed; z-index: 101;}
.fix-right p{ margin:10px 0;}
.fix-right ul{position: relative; padding-bottom: 65px;}
.fix-right ul:before{content: ""; position: absolute; bottom: 0; right: 5px;  height: 45px; width: 1px; background: #fff;}
.fix-right ul:after{content: ""; position: absolute; bottom: 20px; left: 5px; height:25px; width: 1px; background: #fff;}
.fix-right a{color: rgba(255,255,255,0.7);font-size: 16px;}
.fix-right .active{ color: #fff;}
.fix-right .active{position: relative; display: block;}
.fix-right .active p{position: relative; z-index: 1;}
.fix-right .active:after{content: ""; position: absolute; top: 50%; left: 0; height: 2px; width: 100%; background: #0062b3;}
.bgbox{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background-color:#b3b3b3;}
.bg_pos{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;height:100%;/*background-color:rgba(0,0,0,.1);*/}
.bg_image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;height:100%;background-color:rgba(0,0,0,.2); background-size: cover;}
.yuanjing-container{
    height: 100vh;
    position: relative;
    -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%);
    -ms-transform: rotate(0deg) scale(1) translate(0%, 0%);
    transform: rotate(0deg) scale(1) translate(0%, 0%);
    transition: all 0.3s ease;
}
/* .yuanjing-section.footer-top{ background:none; padding-top:40vh;} */

.Mouse-icon{ position: fixed; right:2%; bottom:5%; z-index:100; }
.Mouse-icon .icon{ margin:0 auto; width: 4vh; border-width: 2px; border-style: solid; border-radius: 50px; height: 7vh; border-color: rgba(255, 255, 255, 0.8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 0px; }
.Mouse-icon .wenb{ padding-top:20px; line-height:25px; font-size:14px; color:#fff; }
.Mouse-icon .icon i{ -webkit-animation-name:slideInDown;animation-name:slideInDown; animation-delay:0s; animation-duration:1.5s; animation-iteration-count:infinite; min-height: 0px; height: 0.8vh; width: 2px; background-color: rgb(255, 255, 255); margin-bottom:1.5vh; }
@-webkit-keyframes slideInDown{
	0%{
		-webkit-transform:translate3d(0,-100%,0);
		transform:translate3d(0,-100%,0);
		visibility:visible
	}
	100%{
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
}
@keyframes slideInDown{
	0%{
		-webkit-transform:translate3d(0,-100%,0);
		transform:translate3d(0,-100%,0);
		visibility:visible
	}
	100%{
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
}
@media (max-width:1440px) {
.Mouse-icon .icon {width: 3vh; height: 5vh;}
}
@media (max-width:1366px) {
.fix-right{right: 2%;top: 32%;}
.Mouse-icon{right: 1%;bottom: 10%;}
.Mouse-icon .wenb{padding-top: 15px;font-size: 12px;}
}
@media (max-width:640px) {
.Mouse-icon{ display:none; }
.yuanjing.yuanjing-mobile.footer-top{ min-height:0!important;}
}















.gjfg{padding: 5.2% 0 6.25%;}
.gjfg .list li{padding: 1.14% 0; transition: all .3s;border-bottom: 1px solid #ebebeb}
.gjfg .list li:last-child{margin-bottom: 3.625%;}
.gjfg .list li:hover .tit{color: #8b403a}
.gjfg .list .content{width: 90%; float: left;border-right: 1px solid #eee;}
.gjfg .list .date{width: 10%; float: left; padding-left: 2%;text-align: center;}
.gjfg .list .tit{font-size: 20px; color: #000; line-height: 1;}
.gjfg .list .txt{color: rgba(0, 0, 0, .5); line-height: 1.8;}
.gjfg .list .day{font-size: 60px; font-family: 'Raj-M'; color: #000; line-height: 50px;}
.gjfg .list .ym{font-size: 20px; font-family: 'Raj-R'; color: #000;}

@media(max-width: 1024px){
	.gjfg .list li{padding: 20px 0;}
	.gjfg .list .date,
	.gjfg .list .content{margin-top: 1%;}
	.gjfg .list .tit{font-size: 20px;}
	.gjfg .list .txt{font-size: 15px;}
	.gjfg .list .day{font-size: 50px;}
	.gjfg .list .ym{font-size: 16px;}
}

@media(max-width: 768px){
	.gjfg .list .pic{width: 100%;}
	.gjfg .list .content{width: 100%; border: none; padding: 3%;}
	.gjfg .list .date{padding-left: 3%; padding-top: 3%;}
}