@charset "utf-8";
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{height: 100%;}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,select,button,textarea,input{margin: 0; padding: 0;}
body{background: #fff; font-family: "Microsoft YaHei"; font-size: 15px; color: #222; position: relative; min-height: 100%;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a{text-decoration: none; color: #222;}
a:hover{text-decoration: none;}
a:focus{text-decoration: none;}
img{vertical-align:top; border: none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.hidden{overflow: hidden;}
.clear:after{content: ""; display: block; height: 0; visibility: hidden; clear: both;}
.clearfix{*zoom: 1;}
.pic100 img{width:100%;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rela{ position:relative;}



.overflow {overflow: hidden;}
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.text-center{ text-align:center;}
.container{width:94%;margin: auto;}
@media (max-width:1199px) {
.container{width:991px}
}
@media (max-width:991px) {
.container{width:750px}
}
@media (max-width:767px) {
.container{width:100%}
}
.row:after{content:''; display:block;clear:both;}



header{display: flex;flex-wrap: wrap;flex-direction: row;display-radio: flex;margin:auto;min-height:80px;background-color: rgba(255,255,255,0.4);position: fixed;width: 100%;top: 0;z-index: 1000;box-shadow: 0 0 10px rgba(0,0,0 ,0.2);padding:0 3%;justify-content: space-between;align-items: center;}
.logo img{height:50px;}
nav ul{ display:flex;}
nav li{ list-style:none;}
nav li>a{font-weight: bold;color: #36486b;padding: 0 20px;font-size: 16px;line-height: 80px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
nav li>a:hover{color: #e1a87f;}
.menu{cursor:pointer;display:none;width: 45px;height: 46px;padding-top: 16px;}
.menu p{width:15px;margin: auto;}
.menu p span{height:2px; display:block; background-color:#222;margin:3px 0;border-radius:5px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.h_banner .swiper-slide{ overflow:hidden;}
.h_banner .swiper-slide img{width:100vw;height:100vh;object-fit: cover;}
.h_banner .swiper-slide.swiper-slide-active img{-webkit-animation: suoxiao 3s linear 1;animation: suoxiao 3s linear 1;-moz-animation: suoxiao 3s linear 1;}
@-webkit-keyframes suoxiao { 0% { -webkit-transform: scale(1.1);} 100% { -webkit-transform: scale(1)}}
@keyframes suoxiao{0% { transform: scale(1.1);} 100% { transform: scale(1);}}
@-moz-keyframes suoxiao{0% { -moz-transform: scale(1.1);} 100% { -moz-transform: scale(1);}}
.h_banner .btns{ position:absolute;right:7%;bottom:40px;width:120px;height:50px; display:flex;justify-content: space-between;}
.h_banner .swiper-button-prev,.h_banner .swiper-button-next{width:50px;height:50px;border:1px solid #fff; position:initial;background-image:none;overflow:hidden;}
.h_banner .btns img{width:100px !important; vertical-align:top;margin-top:-1px;}
.h_banner .swiper-button-prev:hover img,.h_banner .swiper-button-next:hover img{margin-left:-50px;}
.h_banner .swiper-button-prev:hover,.h_banner .swiper-button-next:hover{background: rgba(255,255,255,.6);}
.h_banner .swiper-pagination{ position:absolute;left:7% !important;bottom:50px !important; width:auto !important;}
.h_banner .swiper-pagination span{width:10px;height:10px; background-color:#fff;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.h_banner .swiper-pagination span.swiper-pagination-bullet-active{width:30px; border-radius:60px;}
.p_scrool{position: absolute;left:50%;margin-left:-45px;bottom: 40px;color: #fff;width: 90px;z-index:2;}
.p_scrool p{text-transform: uppercase;font-family: arial;line-height: 20px;margin-top: 12px;font-size: 12px;}
.p_scrool i{display: block;width: 20px;height: 30px;margin: 0 auto;border-radius: 12px;border: 2px #fff solid;    position: relative;}
.p_scrool i:before{content: "";display: block;width: 4px;height: 10px;background: #fff;border-radius: 2px;position: absolute;
    left: 50%;transform: translate(-50%,0);top: 3px;animation: scrollmouse 2s linear infinite;}
@keyframes scrollmouse{from{transform:translate(-50%,0);opacity:1}to{transform:translate(-50%,10px);opacity:0}}
.section{width:100vw; overflow:hidden;}
.section2 .img,.section3 .img,.section4 .img,.section5 .img,.section6 .img{width:100%;height:100%;}
.section2 .img img,.section3 .img img,.section4 .img img,.section5 .img img,.section6 .img img{width:100%;height:100%;object-fit: cover;}
.section3 .word,.section4 .word,.section5 .word,.section6 .word{ position:absolute;right:0;bottom: 10%;max-width: 560px; opacity:1;}
.footer{background-color:#0089e1;overflow: initial;padding:12px 20px; text-align:center}
.footer a,.footer span{color:#fff;}
.footer span{display:inline-block;margin:0 5px;font-size:14px;}
.footer p{margin-top: 10px;text-align: center;min-height: 30px;}
.zhizhao{ cursor:pointer;}
.businesspopup{position: fixed;width: 100%;height:94%;display: none;top: 3%;left: 0;z-index: 9999;}
.mask{background: #1e1e1e;opacity: .9;width: 100%;height: 100%;right: 0;bottom: 0;z-index: 999;position: fixed;}
.businessclose {position: absolute;right: 20px;z-index: 9999;top: 0;cursor: pointer;}
.businesscontent {position: absolute;z-index: 9999;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 100%;}
.businesscontent img {width: 100%;height: 100%;object-fit: contain;}
.fixright{position: fixed;right: 0;bottom:8%;z-index:110;width:60px;}
.fixright li{height: 60px;background: rgba(0, 0, 0, 0.4);color:#fff;transition:all 0.5s ease;cursor: pointer; list-style:none;display:flex;margin-bottom:2px; font-size:13px;color:#fff;width:230px;right:0px;position:relative;}
.fixright li a{color:#fff;}
.fixright li .icon{width:60px; text-align:center;padding-top: 16px;}
.fixright li .icon img{width:30px;height:30px;}
.fixright li .right{display: flex;flex-direction: column;justify-content: center;padding-right:20px;line-height: 20px;}
.fixright li .left{position: absolute;right: calc(100% + 10px);top: 50%;transform: translateY(-50%);width: 120px;   background: #fff;border-radius: 4px;padding: 10px;visibility:hidden;transition:all 0.5s ease;}
.fixright li .left img{width: 100%;}
.fixright li.move:hover{right:170px;}
.fixright li.xianshi:hover .left{visibility:visible;}
.section3.active .img img,.section4.active .img img,.section5.active .img img,.section6.active .img img{-webkit-animation: shan 10s linear infinite;animation: shan 10s linear infinite;-moz-animation: shan 10s linear infinite;}
@-webkit-keyframes shan { 0% { -webkit-transform: scale(1);} 50% { -webkit-transform: scale(1.1)} 100% { -webkit-transform: scale(1)}}
@keyframes shan{0% { transform: scale(1);}50% { transform: scale(1.1);} 100% { transform: scale(1);}}
@-moz-keyframes shan{0% { -moz-transform: scale(1);}50%{ -moz-transform: scale(1.1);} 100%{-moz-transform: scale(1);}}
.section3.active .word,.section4.active .word,.section5.active .word,.section6.active .word{-webkit-animation: word 1.2s linear 1;animation: word 1.2s linear 1;-moz-animation: word 1.2s linear 1;}
@-webkit-keyframes word { 0% {right:-560px; opacity:0;}50% {right:-560px; opacity:0;} 100% {right:0; opacity:1;}}
@keyframes word{0% {right:-560px; opacity:0;}50% {right:-560px; opacity:0;} 100% {right:0; opacity:1;}}
@-moz-keyframes word{0% {right:-560px; opacity:0;}50% {right:-560px; opacity:0;}100% {right:0; opacity:1;}}
.section3 .info{ display:none;font-size: 15px;color: rgba(255,255,255,1);line-height: 2;text-shadow: 1px 1px rgba(0,0,0,0.8);width: 88%;margin: 10px auto;}
.phonefixbottom,.phonefixbottomC,.menuclose{ display:none;}









@media(max-width:1366px){
	nav li>a {padding: 0 13px;}
}
@media(max-width:1199px){
	nav li>a {padding: 0 8px;font-size: 15px;}

}
@media(max-width:991px){
	.h_banner .swiper-slide img {width: 100vw;height: auto;object-fit: initial;}
	.h_banner .swiper-slide.swiper-slide-active img {-webkit-animation:initial;animation:initial;-moz-animation: initial;}
	.logo img {height:45px;}
	.p_scrool,.h_banner .btns{ display:none;}
	header {min-height:70px; padding:12px 16px;}
	.menu,.section3 .info{ display:block;}
	.h_banner .swiper-pagination {left: 0 !important;bottom: 30px !important;width: 100% !important;}
	.h_banner .swiper-pagination span.swiper-pagination-bullet-active {width:20px;}
	.h_banner .swiper-pagination span {width:6px;height:6px;margin: 0 3px !important;}
	.header_layer{height:70px;}
	header{ background-color:#fff;}
	.section3, .section4, .section5, .section6{padding:20% 16px 40%;}
	.section3 .img, .section4 .img, .section5 .img, .section6 .img,.fixright{ display:none;}
	.section3 .word, .section4 .word, .section5 .word, .section6 .word {position: initial;max-width: 100%;margin-bottom: 40px;}
	.phonefixbottom{display:block;position: fixed;right: 15px;bottom: 15px;z-index: 999;}
	.phonefixbottomC{display:block;position: fixed;bottom: 75px;right: -100vw;width: 300px;padding: 10px;transition: all 0.5s ease;color: #333;background-color: #fff;z-index: 999;max-height: 375px;border-radius: 10px;}
	.phonefixbottomC li {display: flex;font-size: 13px;padding: 10px 0;}
	.phonefixbottomC li + li{border-top: 1px solid #f5f5f5;}
	.phonefixbottomC li .icon{padding-right: 8px;}
	.weichart{margin-top:4px; display:none;}
	.weichart img{width:100px; display:block;margin-top:4px;}
	.phonefixbottomC li .right{margin-top:2px;}
	.phonefixbottomC.show{right: 10px;}
	.mask2{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;background-color: #333;opacity: .5;   display: none;}
	nav{ position:fixed;top:0;left:0; background-color:#fcfcfc;width:100%;height:100%;padding: 20px; display:none;}
	nav ul{ display:block;margin-top: 10px;height: calc(100vh - 80px);overflow-y: auto;}
	nav ul li{border-bottom: 1px solid rgba(0,0,0,0.05);}
	nav li>a{line-height: 50px;font-size: 14px;padding:0 20px; display:block;color: #333;}
	.menuclose{ display:block; text-align:right;}
	.menuclose span{padding: 0 0 8px 0;display: inline-block;}
	body.open nav{ display:block;}
	body.open .menu{ display:none;}

}
@media(max-width:767px){
	.h_banner .swiper-pagination {bottom: 10px !important;}

}