@charset "utf-8";

html{-webkit-text-size-adjust:100%;font-size:5.2083333vw;height:100%;}
*{margin:0;padding:0;}
body{font-family:harm,Arial,sans-serif;margin:0px;padding:0px;margin:0px auto;font-size:0.18rem;color:#000;width:100%;zoom:1;background:#F3F1F0;height:100%;overflow:hidden;}
.HomeIndex{height:100vh;width:100%;position:relative;overflow:hidden;}
ul,li,form,dl,dt,dd,div,ul,li,p,em,i,address{font-style:normal;list-style:none;padding:0px;margin:0px;}
h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;}
select,input,textarea,button{font-size:14px;border-radius:0;-webkit-border-radius:0;color:#000;font-family:Microsoft YaHei,arial,sans-serif;}
input:focus{outline:none;}
input,button,select,textarea{border:0px;outline:none;}
button{cursor:pointer;}
textarea{resize:none;}
img{max-width:100%;border:none;border:0;vertical-align:middle;}
a{color:#000;text-decoration:none;transition:all ease 0.3s;}
a:focus{outline:none;-moz-outline:none;}
a:hover{text-decoration:none;color:#000;}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.imgbox{overflow:hidden;position:relative;}
.imgbox span{background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;left:0px;top:0px;width:100%;height:100%;transition:all .5s;-webkit-transition:all .5s;}
.imgbox img{width:auto !important;max-height:100%;}

::-webkit-scrollbar{width:6px;height:6px;background-color:#e6e6e6;}
::-webkit-scrollbar-track{background-color:#e6e6e6;}
::-webkit-scrollbar-thumb{border-radius:10px;background-color:#58504a;}

/* Top Header */
.TopIndex{position:fixed;z-index:990;left:0;top:0;width:100%;}
.Top{padding:0 0.5rem;width:100%;box-sizing:border-box;padding-top:0.4rem;position:fixed;left:0;top:0;z-index:9998;}
.Top .Logo{max-width:1.58rem;line-height:0.6rem;}
.TopIndex .Logo img{display:none;}
.Top .menu_btn{cursor:pointer;}
.Top .menu_btn img{width:0.57rem;height:0.57rem;transition:all 0.3s;}
.TopIndex .menu_btn img{width:0.57rem;height:0.57rem;display:none;}
.Top .menu_btn img:hover{transform:scale(1.1);}

/* Open Header nav */
.Open_Header{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:url(../images/menubg.jpg) no-repeat top right;background-size:100% 100%;background-color:#7f7f7f;clip-path:circle(0.27rem at calc(100% - 0.775rem) 0.675rem);opacity:0;pointer-events:none;transition:all .5s;-webkit-transition:all .5s;}
.Open_Header .MainNav{padding:0 3.65rem;margin-top:31vh;color:#fff;position:relative;}
.Open_Header .MainNav ul{float:left;}
.Open_Header .MainNav ul li{line-height:0.9rem;font-size:0.25rem;font-family:harml;color:#fff;height:0.9rem;white-space:nowrap;}
.Open_Header .MainNav ul li a{color:#fff;white-space:nowrap;}
.Open_Header .MainNav ul li i{display:inline-block;margin-right:0.2rem;font-family:DINe;}
.Open_Header .MainNav ul li span{transition:all .5s;-webkit-transition:all .5s;}
.Open_Header .MainNav ul li:hover span{font-size:0.4rem;font-family:harmm;}
.Open_Header .MainNav ul li:hover i{font-weight:bold;}
.Open_Header .MainNav ul li.on span{font-size:0.4rem;font-family:harmm;}
.Open_Header .MainNav ul li.on i{font-weight:bold;}
.Open_Header .MainNav .Topcon{position:absolute;right:3.65rem;bottom:0.2rem;}
.Open_Header .MainNav .Topcon a{color:#fff;font-family:'harml';font-size:0.12rem;height:0.2rem;line-height:0.22rem;display:inline-block;letter-spacing:0.5px;margin-right:0.15rem;opacity:0.7;}
.Open_Header .MainNav .Topcon .slogn{font-size:0.2rem;font-family:harml;margin-bottom:0.3rem;}
.Open_Header .MainNav .Topcon .CopyRight{font-size:0.12rem;line-height:0.2rem;opacity:0.7;font-family:harml;}
.Open_Header .MainNav .Topcon .toptel{margin-top:0.5rem;font-family:harml;font-size:0.14rem;line-height:0.22rem;}
.Open_Header.on{pointer-events:auto;clip-path:circle(100%) !important;opacity:1;}

.TopIndex .Top .Logo img{display:none;}
.TopIndex .Top .Logo .img1{display:inline-block;}
.TopIndex .Top .menu_btn .img1{display:inline-block;}
.nTopMain .Top .Logo img{display:inline-block !important;}
.nTopMain .Top .menu_btn img{display:inline-block !important;width:0.57rem;height:0.57rem;}
.nTopMain .Top .goback img{max-width:0.53rem;}
.nTopMainPos .Top .Logo img{display:inline-block !important;}
.nTopMainPos .Top .menu_btn img{display:inline-block !important;width:0.57rem;height:0.57rem;}
.nTopMainPos .Top .goback img{max-width:0.53rem;}

/* Swiper slides */
.swiper-container{width:100%;height:100%;}
.HomeIndex .swiper-slide{position:relative;z-index:99;}
.HomeIndex .swiper-slide .img{padding-top:100vh;}
.HomeIndex .swiper-slide .img span.wap{display:none;}
.HomeIndex .swiper-slide .img span{background-position:top center;}
.HomeIndex .swiper-slide .HomeCon{position:absolute;left:1.8rem;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.HomeIndex .swiper-slide .HomeCon h1{font-family:harml;font-size:0.32rem;font-weight:normal;opacity:0.6;}
.HomeIndex .swiper-slide .HomeCon h2{font-weight:normal;font-size:0.6rem;font-family:harm;margin:0.2rem 0 0.5rem 0;opacity:0.85;}
.HomeMore{width:2.3rem;height:0.46rem;border-radius:4px;text-align:center;line-height:0.46rem;transition:all .5s;-webkit-transition:all .5s;opacity:0.65;}
.HomeMore a{display:block;color:#fff;font-size:0.18rem;letter-spacing:3px;margin-left:6px;}
.HomeMore:hover{opacity:1;}

.HomeIndex .swiper-slide .abouttxt{font-family:harml;color:#fff;font-size:0.28rem;position:absolute;right:0.5rem;bottom:0.6rem;}
.HomeIndex .swiper-slide .abouttxt a{color:#fff;}

.HomeIndex .line{position:absolute;right:0.7rem;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:999;}
.HomeIndex .line>span{transform:rotate(90deg);display:block;color:#fff;}
.HomeIndex .line .linebox{width:0.05rem;height:1.44rem;border-radius:3px;background:rgba(255,255,255,0.3);position:relative;margin:0.1rem auto;}
.HomeIndex .line .linebox span{display:block;width:0.05rem;height:0;background:#0A57A8;border-radius:3px;position:absolute;top:0;right:0;transition:height 5s linear;-webkit-transition:height 5s linear;}

.HomeIndex .swiper-slide::before{content:'';display:block;width:100%;height:100%;background:rgba(255,255,255,0.5);position:absolute;top:0;left:0;z-index:99;transition:all 1s 0.3s;-webkit-transition:all 1s 0.3s;}
.HomeIndex .swiper-slide.swiper-slide-active::before{opacity:0;z-index:0;}
.HomeIndex .swiper-slide.swiper-slide-active .HomeCon{top:50%;opacity:1;}
.HomeIndex .swiper-slide.swiper-slide-active .line .linebox span{height:100%;}

.HomeCopy{position:absolute;bottom:0.6rem;left:0;color:#fff;font-family:harml;font-size:0.14rem;z-index:999;box-sizing:border-box;padding-left:0.5rem;opacity:0.8;font-size:0.18rem;float:left;font-family:harml;}
.HomeCopy a{color:#fff;}
.HomeCopy span{font-size:0.22rem;}

.HomeIndex .swiper-slide .HomeCon.wap{display:none;}

/* Swiper fade effect overrides for Swiper 3 */
.swiper-slide{opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s;}
.swiper-slide-active{opacity:1;}
.swiper-slide-duplicate-active{opacity:1;}

/* Initial HomeMore button color (slide 1) */
.HomeIndex .HomeMore{background:#D79166;}

/* slide 4 special */
.HomeIndex .swiper-slide4 .HomeCon .HomeMore{background:rgba(255,255,255,0.25) !important;opacity:1;}
.HomeIndex .swiper-slide4 .HomeCon .HomeMore a{color:#fff;}

/* Mobile responsive */
.nTopMain{height:100vh;position:relative;background-size:cover !important;}
.nTopMain .subPage{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.nTopMain .subPage .subCon{width:45%;font-family:harml;}
.nTopMain .subPage .subTit .en{font-family:infrat;font-size:0.88rem;color:#000;}
.nTopMain .subPage .subTit .en span{display:inline-block;border-bottom:0.5px solid #000;padding-bottom:0.1rem;}
.nTopMain .subPage .subTit .en span.s1{font-size:1.32rem;letter-spacing:7.99px;line-height:1.89rem;border-top:0.5px solid #000;}
.nTopMain .subPage .subTit .en span.s2{font-size:1.33rem;letter-spacing:7.15px;line-height:1.91rem;}
.nTopMain .subPage .subTit .cn{border-bottom:0.5px solid #000;padding-bottom:0.3rem;font-size:1rem;margin-top:0.3rem;display:inline-block;letter-spacing:10.07px;font-family:harmm;}
.nTopMain .subPage .subTit .cn i{font-size:0.54rem;display:inline-block;margin-right:0.3rem;font-family:DINe;}

.nTopMainPos .subPage .Contain{position:relative;}
.nTopMainPos .subPage .Contain .subCon{position:absolute;right:2.4rem;bottom:0;max-width:4.5rem;}
.nTopMainPos .subPage .Contain .subCon .con{max-width:3.6rem;line-height:0.28rem;opacity:0.7;font-size:0.15rem;}

.About .subPage .Contain .subCon h1{font-size:0.32rem;}
.About .subPage .Contain .subCon h2{font-size:0.2rem;margin:0.1rem 0 0.3rem 0;}
.About .subPage .Contain .subCon .con{max-width:100%;}

.Contain{padding:0 3.6rem;}

.Development{padding-left:4.6rem;}
.Development ul{display:flex;width:auto;overflow:hidden;flex-wrap:nowrap;}
.Development ul li a{position:relative;padding-right:1.8rem;display:block;}
.Development ul li{opacity:0.2;font-size:1.23rem;margin-right:1.8rem;transition:all .5s;-webkit-transition:all .5s;}
.Development ul li span{font-family:DINc;font-weight:normal;font-size:5.78rem;line-height:5.78rem;letter-spacing:-0.2rem;}
.Development .DevelopmentBox{overflow:hidden;}
.Development ul li b{font-weight:normal;position:absolute;right:0;bottom:0.6rem;}
.Development ul li:hover{opacity:1;}

.Culture{padding:0.77rem 0.5rem;}
.Culture .ul{display:flex;justify-content:space-between;font-size:0.28rem;}
.Culture .ul span{font-family:harml;}
.Culture .ul strong{font-size:0.56rem;font-family:harmm;font-weight:normal;display:inline-block;margin-right:0.2rem;}

.goback{display:none;}
.goback img{max-width:0.53rem;}
.Top.on .Logo{display:none;}
.Top.on .goback{display:block;}

.Development_wap{display:none;padding:30px 20px;overflow:hidden;position:relative;}
.Development_wap .gallery-thumbs{height:130px;}
.Development_wap .gallery-thumbs .item{font-size:20px;line-height:40px;text-align:center;height:40px;}
.Development_wap .gallery-thumbs .swiper-slide-active{font-size:30px;line-height:40px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding-top:8px;padding-bottom:2px;}
.Development_wap .gallery-thumbs .swiper-slide-active span{font-family:harmb;}
.Development_wap .gallery-top{margin-top:30px;}
.Development_wap .gallery-top .con{font-size:16px;line-height:30px;}

@media(max-width:768px){
	html{-webkit-text-size-adjust:100%;font-size:12vw}
	.Top{padding-top:0rem;padding:13px 0.3rem;}
	.TopIndex{background:rgba(0,0,0,0.5);}
	.EnterIndex{background:rgba(0,0,0,0.5);}
	.HomeIndex{height:100vh;}
	.HomeIndex .swiper-slide .HomeCon{left:0;width:100%;text-align:center;top:auto;bottom:10%;transform:translateY(0);-webkit-transform:translateY(0);}
	.HomeIndex .swiper-slide .HomeCon.wap{display:block;}
	.HomeIndex .swiper-slide .HomeCon.pc{display:none;}
	.HomeMore{height:35px;line-height:35px;margin:0 auto;text-align:center;display:flex;align-items:center;justify-content:center;padding-top:2px;}
	.HomeMore a{font-size:14px;}
	.TopIndex .Logo img{display:none !important;}
	.TopIndex .Logo .img3{display:inline-block !important;}
	.Open_Header.on{clip-path:circle(100%) !important;}
	.Open_Header .MainNav{padding:0 0.3rem;margin-top:30px;}
	.Open_Header .MainNav .Topcon{position:static;width:100%;margin-top:30px;display:none;}
	.Open_Header{background-size:contain;background-position:center;}
	.Open_Header .MainNav ul li{line-height:70px;font-size:20px;height:auto;}
	.Open_Header .MainNav .Topcon .slogn{font-size:18px;}
	.HomeIndex .swiper-slide .img span.wap{display:block;}
	.HomeIndex .swiper-slide .img span.pc{display:none;}
	.HomeIndex .swiper-slide.swiper-slide-active .HomeCon{top:auto;bottom:10%;}
	.HomeIndex .line{display:none;}
	.HomeIndex .swiper-slide .abouttxt{display:none;}
	.Top .Logo{max-width:79px;line-height:46px;}
	.TopIndex .menu_btn img{width:46px;height:46px;}
	.Top .menu_btn img{width:46px;height:46px;}
	.HomeCopy{padding:10px;box-sizing:border-box;line-height:25px;font-size:14px;bottom:10px;width:100%;text-align:center;display:none;}
	.Open_Header .MainNav .Topcon a{line-height:20px;height:20px;}
	.Open_Header .MainNav .Topcon .CopyRight{font-size:12px;line-height:20px;}
	.Contain{padding:0 30px;}
	.nTopMain{height:60vh;}
	.nTopMain .subPage .subTit .en{font-size:25px;}
	.nTopMain .subPage .subTit .cn{font-size:1.33rem;}
	.nTopMain .subPage .subTit .cn i{font-size:16px;}
	.nTopMain .subPage .subCon{width:55%;font-family:harm;}
	.nTopMainPos .subPage .Contain .subCon .con{max-width:100%;font-size:13px;line-height:20px;}
	.nTopMainPos .subPage .Contain .subCon{max-width:500px;}
	.Development{padding-left:30px;}
	.Development_pc{display:none;}
	.Development_wap{display:block;}
	.Culture{padding:15px;padding-top:30px;}
	.Culture .ul{display:flex;width:100%;}
	.Culture .ul p{margin-bottom:0;}
	.nTopMain{background:url(images/wapbg1.jpg) no-repeat center center !important;background-size:100% 100% !important;}
	.Open_Header{background:url(images/wapbg2.jpg) no-repeat center center;background-size:100% 100%;}
}

@media(max-width:640px){
	.Contain{padding:0 15px;}
	.nTopMain{height:auto;padding-top:60px;}
	.nTopMain .subPage{position:static;transform:translateY(0);-webkit-transform:translateY(0);padding:20px 0 30px 0;}
	.nTopMain .subPage .subTit{width:100%;}
	.nTopMain .subPage .subCon{width:100%;padding-top:20px;}
	.nTopMainPos .subPage .Contain .subCon{position:static;}
	.nTopMain .subPage .subTit .cn{margin-top:30px;padding-bottom:30px;}
	.Development ul li a{padding-right:50px;}
	.Development ul li span{font-size:100px;line-height:100px;letter-spacing:-5px;}
	.Development ul li b{font-size:20px;bottom:10px;}
	.Development ul li{margin-right:50px;}
	.Culture .ul{display:block;}
	.Culture .ul p{margin-bottom:20px;}
	.Culture .ul strong{display:block;font-size:18px;}
	.Culture .ul span{font-size:14px;display:block;margin-top:10px;color:#666;}
	.Top.on .Logo{display:block;}
	.Top.on .goback{display:none;}
}