@charset "utf-8";blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:400}
abbr,body,fieldset,html,iframe,img{border:0}
address,cite,dfn,em,i,var{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-weight:lighter}
sub,sup{font-size:83%}
code,kbd,pre,samp{font-family:inherit}
q:after,q:before{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{font:12px/1.14 'Microsoft YaHei',\5b8b\4f53;color:#333;outline:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Microsoft YaHei',sans-serif;line-height:1.75;font-size:1.6rem;color:#333;line-height:1.75}
a,a:active,a:focus,a:hover,a:visited{color:#333;text-decoration:none}
body,html{width:100%;height:100%;position:relative}
.container{width:100%; max-width: 1630px; margin:auto}
.imgcut{position:relative;padding-bottom:75%}
.imgcut img{position:absolute;display:block;width:100%;height:100%;object-fit:cover}
.imgcon{position:relative;padding-bottom:75%}
.imgcon img{position:absolute;display:block;width:100%;height:100%;object-fit:contain}
.flex{display:flex;display:-webkit-flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
.flwrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}
.fixed{position:fixed}
/*公共部分样式-头部*/
.header{width:100%;padding:2rem;box-sizing:border-box;z-index:1;background-image:linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,0));border-bottom: 1px solid rgba(255,255,255,.2);}
.header::after{content:"";width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0;z-index:-1;transition:all .5s}
.header.hbg::after{background:#fff}
.header.hbg .nav ul li>a{color:#333}
.header.hbg .logo img{filter: brightness(1);}
.logo img{filter: brightness(0) invert(1); max-height: 6rem;}
.navbox{width:100%;-webkit-justify-content:flex-end;justify-content:flex-end;position:relative}
.nav{position:relative;z-index:999;height:6rem;padding:0 3rem}
.nav ul li{position:relative;width:20%;padding:0 2rem;text-align:center}
.nav ul li>a{position:relative;z-index:1;display:block;width:auto; height: 6rem; line-height: 6rem; color:#fff;text-align:center;font-size:1.6rem;font-weight: bold;transition:all .5s}
.nav>ul>li>a::before{position:absolute;bottom:-2.2rem;left:50%;display:block;width:0;height:3px;background-color:#005aff;content:'';transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}
.nav>ul>li.active>a::before,.nav>ul>li>a:hover::before{width:100%}
.nav ul li .subnav{position:absolute;z-index:1002;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);text-align:center;top:8rem;width:100%;height:auto;max-height:0;overflow:hidden;transition:all ease-in .5s;background:#005aff;opacity:0}
.nav ul li:hover .subnav{max-height:100rem;opacity:1}
.nav .subnav a{display:block;width:100%;line-height:2rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,0.7);font-size:1.4rem;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.nav .subnav a:hover{color:rgba(255,255,255,1)}
.header .tel{width:auto;position:relative;z-index:1001}
.header .tel a{position:relative;display:block;width:5rem;height:5rem;background:url(../images/tel.png) no-repeat center #005aff;background-size:2rem;border-radius:50%}
.header .tel span{display:block;position:absolute;z-index:1;height:5rem;line-height:4.8rem;width:0;white-space:nowrap;overflow:hidden;padding:0;right:0;top:0;background:url(../images/tel.png) no-repeat 1.5rem center #005aff;color:#fff;border-radius:5rem;transition:all .5s;opacity:0;background-size: 2rem;}
.header .tel a:hover span{width:auto;padding-right:2rem;padding-left:4.5rem;opacity:1}
.mhbg .tel{position:relative;z-index:1001}
.mhbg .logo{position:relative;z-index:1001}
.menu-handler{position:relative;z-index:1012;left:0;top:0;margin-left:1rem;width:auto;width:5rem;height:5rem;overflow:hidden;cursor:pointer}
.menu-handler .icon-menu{position:relative;width:5rem;height:5rem;background:#005aff;border-radius:50%;overflow:hidden}
.menu-handler .burger{position:absolute;z-index:5;top:3.2rem;left:1.25rem;display:block;width:2.5rem;height:2px;margin:0;background:#fff;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center}
.menu-handler .burger-2{top:1.6rem}
.menu-handler .burger-3{top:2.4rem}
.menu-handler.active .burger-1{top:2.4rem;-webkit-transform:rotate(225deg);transform:rotate(225deg)}
.menu-handler.active .burger-2{opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;left:-100%}
.menu-handler.active .burger-3{top:2.4rem;-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}
.menuBlack{position:fixed;z-index:1;top:0;bottom:0;right:0;left:0;width:400px;display:none}
.menuBox{position:fixed;width:400px;background:#fff;top:0;right:-100%;height:100%;z-index:999;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none;box-shadow: -0.5rem 0 1rem rgba(0,0,0,0.1);}
.navMobile{margin-top:10rem;padding:3rem 0;border-top:1px solid rgba(0,0,0,.1)}
.navMobile dd a{display:block;line-height:5rem;color:#333;font-weight:400;font-size:1.6rem;font-weight:700;text-align:center}
.navMobile dd p a.act{color:#005aff}
.navMobile dd a:hover{color:#005aff}
.mtnav a{padding:13px 48px;font-size:16px}
.mtnav{background:#333;display:none}
.m-wx{padding:1rem 3rem;border-top:1px solid #ddd}
.m-wx div.img{text-align:center;line-height:1}
.m-wx div.img img{display:block; max-width: 15rem; margin: auto;}
.m-txt{padding:3rem}
.m-txt p{width:100%;font-size:1.4rem;line-height:2}
@media (max-width:1560px){.navMobile dd a{line-height:6rem;font-size:1.6rem}
.menuBox{width:320px}
.nav ul li{ padding: 0 1.5rem;}
.nav ul li > a{ font-size: 1.4rem;}
}
@media (max-width:1199px){.header.fixed{position:relative}
.logo img{filter: brightness(1);}
.header{background:#fff}
.header::after{border:0}
.header .tel a span{width:auto;padding-right:2rem;padding-left:4.5rem;opacity:1}

.navbox{width:auto}
}
@media (max-width:767px){.header .container{padding:0}
.logo img{max-height:5rem}
.navbox{width:auto}
.header{padding:1.5rem}
.navMobile{margin-top:7rem}
.navMobile dd a{font-size:2rem;line-height:3}
.menuBlack,.menuBox{width:100%}
.m-txt p{ font-size: 2rem;}
}
/*banner*/
#hmpage{position:relative;z-index:0;width:100%; height:auto;opacity:1}
.banner{position:relative;width:100%;height:100%;overflow:hidden;cursor:pointer}
.banner .swiper{ position: relative; width:100%;height:100%;margin:0 auto}
.banner .swiper .swiper-wrapper .swiper-slide{width:100%;position:relative;overflow:hidden;height:100%;position:relative}
.banner .swiper .swiper-wrapper .swiper-slide img{width:100%}
.banner .swiper .swiper-pagination{ position:absolute; left: 0; bottom: 5rem; display:block; padding:0 3rem; text-align:right}
.banner .swiper .swiper-pagination .swiper-pagination-bullet{width:0.4rem;height:1rem;border-radius:5px;background:rgba(255,255,255,1);opacity:1;margin:0 .5rem;position:relative;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.banner .swiper .swiper-pagination .swiper-pagination-bullet-active{background:#005aff;height:2rem}
.banner .txt{ position: absolute; top: 35%; width: 100%;}
.banner .txt h3 small{ font-weight: lighter;font-family: "宋体"; color: #fff;}
.banner .txt h3{ 
    font-size: 6rem; color: #fff;padding-bottom: 2rem; letter-spacing: 8px;
	-webkit-transform: translate(0%, 100%);
	-moz-transform: translate(0%, 100%);
	transform: translate(0%, 100%);
	opacity: 0; 
	filter: alpha(opacity=0);
	transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) .5s;
	-webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) .5s;
	transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) .5s;
}
.banner .txt p{
    font-size: 3rem; color: #fff; letter-spacing: 4px; font-weight: lighter;
	-webkit-transform: translate(0%, 100%);
	-moz-transform: translate(0%, 100%);
	transform: translate(0%, 100%);
	opacity: 0; 
	filter: alpha(opacity=0);
	transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) .5s;
	-webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) .5s;
	transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) .5s;
}
.banner .swiper-slide-active .txt h3{opacity: 1; filter: alpha(opacity=100);-webkit-transform: translate(0%, 0%);-moz-transform: translate(0%, 0%);transform: translate(0%, 0%);}
.banner .swiper-slide-active .txt p{opacity: 1; filter: alpha(opacity=100);-webkit-transform: translate(0%, 0%);-moz-transform: translate(0%, 0%);transform: translate(0%, 0%);}
@media (max-width:1199px){
    .banner .txt h3{ font-size: 3rem; letter-spacing: 0; padding-bottom: 1rem;}
    .banner .txt p{ font-size: 2.4rem; letter-spacing: 2px;}
}
@media (max-width:767px){
    .banner .txt h3{ font-size: 2rem; letter-spacing: 0; padding-bottom: 1rem;}
    .banner .txt p{ font-size: 1.6rem; letter-spacing: 2px;}
}
/*向下滚动*/
.mouse_icon{cursor:pointer;width:150px;height:auto;position:absolute;left:50%;margin-left:-75px;bottom:5%;color:rgba(255,255,255,.75);text-align:center;z-index:1005}
.mouse_icon p{font-size:14px;display:block;margin-bottom:10px}
.mouse_icon .mouse{width:25px;height:auto;margin:0 auto;position:relative}
.mouse_icon .mouse img{-webkit-animation:upAnimate 2s ease infinite;animation:upAnimate 2s ease infinite;width:100%}
@-webkit-keyframes upAnimate{0%,100%{-webkit-transform:translateY(-4px)}
50%{-webkit-transform:translateY(4px)}
}
@keyframes upAnimate{0%,100%{transform:translateY(-4px)}
50%{transform:translateY(4px)}
}
.mouse_icon .icon{width:12px;margin:0 auto}
.mouse_icon .icon img{-webkit-animation:upAnimate2 2s ease infinite;animation:upAnimate2 2s ease infinite}
@-webkit-keyframes upAnimate2{0%,100%{-webkit-transform:translateY(-1px)}
50%{-webkit-transform:translateY(3px)}
}
@keyframes upAnimate2{0%,100%{transform:translateY(-1px)}
50%{transform:translateY(3px)}
}
/*主体框架*/
.wrapper{position:relative;width:100%;height:auto;overflow:hidden;background:#fff}


/*底部*/
.footer{ width: 100%; height: auto; margin-top: 10rem; padding-top: 10rem; background: url(../images/fbg.jpg) no-repeat center; background-size: cover; color: #fff;}
.footer a{ color: #fff;}
.footer .container{ position: relative;}
.footer .msgbox{ width: 100%; position: absolute; left: 0; top: -24rem; padding: 15px; }
.footer .message form{ padding-top: 1rem;}
.footer .message{ width: 100%; height: 24rem; padding:4rem 5rem; background-image: url(../images/contact.jpg); background-size: cover;}
.footer .message input,.footer .message textarea{ width: 20%; max-width: 50rem; border: none; border-radius: 0; color: #fff; padding: 1rem; font-size: 1.4rem; line-height: 3rem; height: 5rem;}
.footer .message input:not(.btn),.footer .message textarea{ padding-left: 3.5rem; background: none; border-bottom: 1px solid rgba(255,255,255,.2);}
.footer .message input.uname{ background-image: url(../images/icon_admin.png); background-repeat: no-repeat; background-position: 1rem 1.8rem; background-size: 1.6rem 1.6rem;}
.footer .message input.phone{ background-image: url(../images/icon_nav_tel.png); background-repeat: no-repeat; background-position: 1rem 1.8rem; background-size: 1.6rem 1.6rem;}
.footer .message textarea{ width: 40%; border-bottom: 1px solid rgba(255,255,255,.2); background-image: url(../images/icon_wx.png); background-repeat: no-repeat; background-position: 1rem 1.8rem; background-size: 1.6rem 1.6rem; overflow: hidden;}
.footer .message input.btn{ width: 18%; background: rgba(0,0,0,.2);}
.footer .message h3{ font-size: 2.4rem; font-weight: normal; line-height: 4rem;}
.footer .message p{ font-size: 1.6rem;}

.foot{ padding: 5rem 0; line-height: 3rem;}
.foot .flex{ -webkit-align-items: stretch; align-items: stretch;}
.foot p{ text-align: center; padding-top: 7rem;}
.foot .phone p{ background: url(../images/phone.png) no-repeat top center;}
.foot p span,.foot p small{ display: block;}
.foot p small{ font-size: 1.2rem;}
.foot .phone p span{ font-size: 2rem; color: #fff;}
.foot .address p{ background: url(../images/address.png) no-repeat top center;}
.foot .wechat{ text-align: center;}
.foot .wechat img{ display: block;} 
.footer .fbot{ padding: 3rem 0; border-top: 1px solid rgba(255,255,255,.2); font-size: 1.4rem;}
.footer .fbot a{ display: inline-block; padding: 0 0.5rem;}
@media screen and (max-width:1199px){
    .foot .flex{-webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .footer .message{ padding: 1rem;}
    .foot .phone p span{ font-size: 1.8rem;}
    .foot .address p span{ font-size: 1.4rem;}
    .footer .msgbox{ position: relative; padding: 0; top: 0;}
    .footer{ padding: 3rem 0; margin: 0;}
    .footer .message h3{ font-size: 2.4rem;}
    .footer .fbot{ padding-bottom: 8rem;}
    .footer .message{ position: relative; height: auto; padding: 3rem; top: 0;}
    .footer .message .flex{ flex-direction: column;}
    .footer .message input, .footer .message textarea{ max-width: 100%;}
    .footer .message input.uname,.footer .message input.phone,.footer .message textarea{ font-size: 2rem; background-size: 2.4rem 2.4rem; padding-left: 4.5rem; background-position: 1rem 1.4rem}
    .footer .message input,.footer .message textarea,.footer .message input.btn{ width: 100%; margin-top: 1rem;}
    .foot{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .foot .phone,.foot .wechat,.foot .address{ width: 100%; margin: 1.5rem 0;}
    .foot img{ margin: auto;}
    .foot p{ padding-top: 8rem;}
    .foot .phone p span{ font-size: 3rem;}
    .foot .address p span{ font-size: 2rem;}
}

/*侧边客服*/
.floating_ck{position:fixed;right:2rem;top:30%;z-index:9999;display:block}
.floating_ck dl dd{position:relative;width:6rem;height:6rem;margin-bottom:1px;background-color:#005aff;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;color:#666}
.floating_ck dl dd:hover{background-color:#005aff}
.floating_ck dl dd:hover .floating_left{display:block}
.consult{background-image:url(../images/qq.png)}
.words{background-image:url(../images/kficon.png)}
.quote{background-image:url(../images/kficon.png)}
.qrcord{background-image:url(../images/erweima.png)}
.return{background-image:url(../images/fanhui.png)}
.floating_ck dd span{display:block;padding-top:4rem;color:#fff;font-size:10px}
.floating_left{position:absolute;left:-120px;top:0;width:120px;height:6rem;background-color:#005aff;border:solid 1px #005aff;display:none}
.floating_left a{color:#fff;line-height:6rem}
.floating_ewm{height:auto;top:-8rem; padding-bottom: 1rem;}
.floating_ewm i{display:block;width:100px;height:100px;margin:auto;margin-top:1rem;background-size:100%}
.floating_ewm p{margin-top:5px;color:#fff}
.floating_ewm .qrcord_p01{font-size:1rem;line-height:2rem}
.floating_ewm .qrcord_p02{font-size:1.2rem}
@media screen and (max-width:767px){
    .floating_ck{display:none}
}
/*移动端底部导航按钮*/
.footer-nav{position:fixed;right:0;bottom:0;left:0;z-index:9999;height:7rem; padding-top: 1rem; background:#005aff; border-top:1px solid rgba(255,255,255,.3);color:#fff}
.footer-nav .nav-item{-webkit-display:flex;display:flex;width:25%;height:100%;vertical-align:middle;flex-shrink:1;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:1.8rem;color:#fff}
.footer-nav .nav-item.active{background-color:#005aff}
.footer-nav .nav-item .nav-icon{display:block; width:3rem}
.footer-nav .nav-item .nav-icon>img{display:block;max-width:100%}
.show-wx{position:fixed;z-index:1002;bottom:6rem;width:100%;display:none;overflow:hidden;text-align:center}
.show-wx img{display:inline-block;max-width:15rem}
/**/
.tit{ position: relative; width: 100%; height: auto; overflow: hidden; padding: 3rem 0;}
.tit h3{position: relative; padding-bottom: 2.4rem; font-size: 4rem; font-weight: normal;}
.tit h3 span{ color: #005aff;}
.tit h3::after{content: ""; position: absolute; bottom: 1rem; left: 50%; margin-left: -2rem; width: 4rem; height: 0.4rem; background: #005aff;}
.tit p{font-size: 1.8rem; color: #666;}
/**/
.numCount{ padding: 3rem 0; -webkit-align-items: stretch; align-items: stretch;}
.numCount .item{ width:25%; box-sizing: border-box; cursor: pointer;}
.numCount .item .txt{ position: relative; text-align: center; border-right: 1px solid rgba(0,0,0,.2);}
.numCount .item:last-child .txt{ border: 0;}
.numCount .item .txt .txtbox{ width: 100%; height: 100%; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center;}
.numCount .item .txt h3{ position: relative; font-size: 4.5rem; color: #222; font-weight: normal; font-family:"PF DinText Pro","Microsoft YaHei"}
.numCount .item .txt p{  font-size: 1.4rem;}
.numCount .item .txt h3 font{position: absolute; right: -3rem; top: 0; display: block; width: 2rem; height: 2rem; line-height: 2rem; border-radius: 50%; background: #005aff; color: #fff; font-size: 1.2rem }
@media (max-width:1199px){
    .numCount { -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .numCount .item{ width: 50%; margin: 1rem 0;}
    .numCount .item .txt{ border-right: 0;}
}