@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%;margin:auto}
.client .container,.footer .container,.news .container{max-width:1680px}
.imgcut{position:relative;padding-bottom:75%}
.imgcut img{position:absolute;display:block;width:100%;height:100%;object-fit:cover}
.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}
.hids{display:none}
.shos{display:block}
.header{width:100%;padding:1rem 0;box-sizing:border-box;z-index:1;background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.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 .hids{display:block}
.header.hbg .shos{display:none}
.navbox{width:100%;-webkit-justify-content:flex-end;justify-content:flex-end;position:relative}
.nav{position:relative;z-index:999;width:100%;max-width:72rem;height:6rem;padding:1rem 5rem}
.nav ul li{position:relative;width:20%;padding:0 1rem;text-align:center}
.nav ul li>a{position:relative;z-index:1;display:inline-block;width:auto;color:#fff;text-align:center;font-size:1.6rem;transition:all .5s}
.nav ul li>a::before{position:absolute;bottom:0;left:50%;display:block;width:100%;height:2px;content:''}
.nav ul li>a span{display:block;height:4rem;line-height:4rem;overflow:hidden;text-align:center;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease}
.nav ul li>a span:last-child{font-size:1.4rem}
.nav>ul>li>a>span:nth-child(2){margin-top:-4rem;visibility:hidden;opacity:0}
.nav>ul>li.active>a>span:nth-child(2),.nav>ul>li>a:hover>span:nth-child(2){visibility:visible;opacity:1}
.nav>ul>li.active>a>span:nth-child(1),.nav>ul>li>a:hover>span:nth-child(1){visibility:hidden;opacity:0}
.nav>ul>li.active>a::before,.nav>ul>li>a:hover::before{width:100%}
.nav>ul>li>a::before{position:absolute;bottom:0;left:50%;display:block;width:0;height:2px;background-color:#178dc6;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.on>ul>li>a::before{background:#fff}
.nav.on ul li>a{color:#fff}
.header.hbg .nav.on ul li>a{color:#888}
.header.hbg .nav.on>ul>li>a::before{background:#888}
.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:5rem;width:100%;height:auto;max-height:0;overflow:hidden;transition:all ease-in .5s;background:rgba(0,0,0,.5);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:#fff;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:#178dc6}
.header .tel{width:auto;position:relative;z-index:1001}
.header .tel a{position:relative;display:block;width:3rem;height:3rem;background:url(../images/tel.png) no-repeat center #178dc6;background-size:2rem;border-radius:50%}
.header .tel span{display:block;position:absolute;z-index:1;height:4rem;line-height:4rem;width:0;white-space:nowrap;overflow:hidden;padding:0;right:0;top:-.5rem;background:url(../images/tel.png) no-repeat 1rem center #178dc6;color:#fff;border-radius:4rem;transition:all .5s;opacity:0;background-size: 3rem;}
.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:4rem;height:4rem;padding:.5rem;overflow:hidden;cursor:pointer}
.menu-handler .icon-menu{position:relative;width:3rem;height:3rem;background:#178dc6;border-radius:50%;overflow:hidden}
.menu-handler .burger{position:absolute;z-index:5;top:1.9rem;left:.6rem;display:block;width:1.8rem;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:.9rem}
.menu-handler .burger-3{top:1.4rem}
.menu-handler.active .burger-1{top:1.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:1.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:998;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none}
.navMobile{margin-top:8rem;padding:3rem 0;border-top:1px solid rgba(0,0,0,.1)}
.navMobile dd a{display:block;line-height:8rem;color:#333;font-weight:400;font-size:2rem;font-weight:700;text-align:center}
.navMobile dd p a.act{color:#178dc6}
.navMobile dd a:hover{color:#178dc6}
.navMobile .mtnav a{padding:0 30px; line-height: 4; font-size:1.6rem}
.mtnav{background:#eee;display:none}
.m-wx{padding:3rem;border-top:1px solid #ddd}
.m-wx div.img{width:40%;text-align:center;line-height:1}
.m-wx div.img img{display:block}
.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}
}
@media (max-width:1199px){.header.fixed{position:relative}
.logo .shos{display:none}
.logo .hids{display:block}
.header{background:#fff}
.header::after{border:0}
.header .tel a span{width:auto;padding-right:2rem;padding-left:4.5rem;opacity:1}
.menu-handler{width:4rem;height:4rem;padding:0}
.menu-handler .icon-menu{width:4rem;height:4rem}
.menu-handler .burger{width:2rem;top:2.4rem;left:1rem}
.menu-handler .burger-2{top:1.2rem}
.menu-handler .burger-3{top:1.8rem}
.menu-handler.active .burger-1,.menu-handler.active .burger-3{top:1.8rem}
.navbox{width:auto}
}
@media (max-width:767px){.header .container{padding:0}
.logo img{max-height:3rem}
.navbox{width:auto}
.header{padding:1.5rem}
.navMobile{margin-top:7rem}
.navMobile dd a{font-size:2rem;line-height:4}
.menuBlack,.menuBox{width:100%}
}
#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-container{ position: relative; width:100%;height:100%;margin:0 auto}
.banner .swiper-slide{width:100%;position:relative}
.banner .swiper-container .swiper-wrapper .swiper-slide{overflow:hidden;height:100%;position:relative}
.banner .swiper-container .swiper-wrapper .swiper-slide img{width:100%}
.banner .swiper-container .swiper-wrapper .swiper-slide video{position:absolute;width:100%;left:0;top:0;z-index:2;height:100%!important;object-fit:cover}
.banner .swiper-button-next,.banner .swiper-button-prev{position:absolute;z-index:999;bottom:2rem;top:auto;width:4rem;height:4rem}
.banner .swiper-button-next::after,.banner .swiper-button-prev::after{width:4rem;height:4rem;background:rgba(0,0,0,.3);border-radius:50%;line-height:4rem;text-align:center;font-size:1.6rem;color:#fff}
.banner .swiper-button-prev{left:50%;margin-left:-10rem}
.banner .swiper-button-next{right:50%;margin-right:-10rem}
.banner .swiper-container .pagination-all{position:absolute;bottom:3rem;width:100%;left:0;z-index:100;text-align:center}
.banner .swiper-container .swiper-pagination{position:relative;display:inline-block;text-align:left}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet{width:1rem;height:.5rem;border-radius:5px;background:rgba(255,255,255,.7);opacity:1;margin:0 .5rem;position:relative;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#178dc6;width:3rem}
.banner_box{position:absolute;z-index:0;background:0 0;width:100%;height:100%;overflow:hidden;opacity:0;pointer-events:none}
@media (max-width:1199px){#hmpage{height:auto}
.banner_box{height:auto;padding-top:7rem}
.banner .swiper-container .swiper-wrapper .swiper-slide{height:auto}
.banner .swiper-container .swiper-wrapper .swiper-slide video{height:auto!important}
}
.wrapper{position:relative;z-index: 0;width:100%;height:auto;overflow:hidden;background:#fff}

.content_video{ position: relative;}
.content_video .video{ position: relative;}
.module01{padding:10rem 0}
.module01 .list p{width:50%;margin:3rem 0}
.module01 .list p:nth-child(1){border-right:1px solid #ddd}
.module01 .list p span{font-size:3rem;font-weight:lighter}
.module01 .list p small{font-size:1.8rem;color:#aaa}
.module01 .list p small,.module01 .list p span{display:block}
@media (max-width:1199px){.module01 .list{flex-wrap:wrap}
.module01 .list p{width:100%}
.module01 .list p:nth-child(1){border-right:0}
}
@media (max-width:767px){.module01 .list p{margin:1rem 0}
.module01 .list p span{font-size:1.8rem}
}
.cd-intro{width:100%;text-align:center}
.cd-intro{margin-bottom:6rem}
.cd-headline{font-size:3rem;line-height:1.2}
@media only screen and (min-width:768px){.cd-headline{font-size:4.4rem;font-weight:300}
}
@media only screen and (min-width:1170px){.cd-headline{font-size:6rem;font-weight:lighter;letter-spacing:10px}
}
.cd-words-wrapper{display:inline-block;position:relative;text-align:left}
.cd-words-wrapper b{display:inline-block;position:absolute;white-space:nowrap;left:0;top:0;font-weight:lighter}
.cd-words-wrapper b.is-visible{position:relative}
.no-js .cd-words-wrapper b{opacity:0}
.no-js .cd-words-wrapper b.is-visible{opacity:1}
.cd-headline.type .cd-words-wrapper{vertical-align:top;overflow:hidden}
.cd-headline.type .cd-words-wrapper::after{content:'';position:absolute;right:0;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:90%;width:1px;background-color:#fff}
.cd-headline.type .cd-words-wrapper.waiting::after{-webkit-animation:cd-pulse 1s infinite;-moz-animation:cd-pulse 1s infinite;animation:cd-pulse 1s infinite}
.cd-headline.type .cd-words-wrapper.selected{background-color:#fff}
.cd-headline.type .cd-words-wrapper.selected::after{visibility:hidden}
.cd-headline.type .cd-words-wrapper.selected b{color:#0d0d0d}
.cd-headline.type b{visibility:hidden}
.cd-headline.type b.is-visible{visibility:visible}
.cd-headline.type i{position:absolute;visibility:hidden}
.cd-headline.type i.in{position:relative;visibility:visible}
@-webkit-keyframes cd-pulse{0%{-webkit-transform:translateY(-50%) scale(1);opacity:1}
40%{-webkit-transform:translateY(-50%) scale(.9);opacity:0}
100%{-webkit-transform:translateY(-50%) scale(0);opacity:0}
}
@-moz-keyframes cd-pulse{0%{-moz-transform:translateY(-50%) scale(1);opacity:1}
40%{-moz-transform:translateY(-50%) scale(.9);opacity:0}
100%{-moz-transform:translateY(-50%) scale(0);opacity:0}
}
@keyframes cd-pulse{0%{-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);opacity:1}
40%{-webkit-transform:translateY(-50%) scale(.9);-moz-transform:translateY(-50%) scale(.9);-ms-transform:translateY(-50%) scale(.9);-o-transform:translateY(-50%) scale(.9);transform:translateY(-50%) scale(.9);opacity:0}
100%{-webkit-transform:translateY(-50%) scale(0);-moz-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);-o-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);opacity:0}
}
.module02{padding-top:5rem;background:#fff}
.module02 .tbar{width:100%;height:auto;overflow:hidden;-webkit-align-items:stretch;align-items:stretch;margin-bottom:1rem;margin-top:1rem}
.module02 .tbar_l,.module02 .tbar_r{width:calc(50% - 5px)}
.module02 .tbar_l{padding:3rem 0}
.module02 .tbar_l h3{color:#000;font-size:3rem;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:flex-start;justify-content:flex-start}
.module02 .tbar_l small{padding-left:1rem;color:#aaa;font-weight:400;font-size:1.6rem;text-transform:uppercase;font-weight:lighter}
.module02 .tbar_r{padding:3rem 0}
.module02 .tbar_r .snav{text-align:right}
.module02 .tbar_r a{display:inline-block;line-height:2.8;color:#333;padding-left:3rem}
.module02 .tbar_r a:hover{color:#178dc6}
.module02 .list .nav ul li>a{color:#333}
.module02 .list .nav ul li:hover>a{color:#178dc6}
.module02 .list ul{width:100%;-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:4px;-webkit-column-gap:4px;column-gap:4px}
.module02 .list ul li{width:100%;-webkit-column-break-inside:avoid;break-inside:avoid}
.module02 .list ul li .imgcut{padding-bottom:calc(40% - 2px);transition:all ease-out .5s}
.module02 .list ul li.old .imgcut{padding-bottom:80%;overflow:hidden}
.module02 .list ul li a{display:block;padding-bottom:4px}
.module02 .list ul li .imgbox{width:100%;height:100%;position:relative;overflow:hidden}
.module02 .list ul li .img{width:100%;height:100%;overflow:hidden}
.module02 .list ul li img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all ease-out .5s;transition:all ease-out .5s;opacity:1}
.module02 .list ul li:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:.5}
.module02 .list ul li:hover .imgcut{background:#000}
.module02 .list ul li .txt{width:100%;height:auto;position:absolute;z-index:1;bottom:-10rem;right:0;padding:2rem;transition:all ease-out .6s;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}
.module02 .list ul li .txt h3{height:auto;line-height:1;font-weight:lighter;font-size:2.5rem;color:#fff}
.module02 .list ul li .txt p{color:#eee;font-size:1.4rem;line-height:1.5}
.module02 .list ul li:hover .txt{bottom:0}
.module02 .list.vbox ul li .imgcut{padding-bottom:56.35%}
.module02 .list.vbox ul li .imgbox{background:0 0}
.module02 .list.vbox ul li img{z-index:1;transform:scale(1);transition:all ease-out .5s;opacity:1}
.module02 .list.vbox ul li:hover img{overflow:hidden;opacity:0}
.video{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}
.video video{width:100%;height:100%;background:#000}
.videoed{width:50px;height:50px;position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;z-index:99;border-radius:100%}
.videos{display:none;position:fixed;left:50%;top:50%;margin-left:-600px;margin-top:-337.5px;z-index:999;width:100%;max-width:1200px;height:auto;max-height: 750px;}
.videos video{ display: block; margin: auto; max-height: 680px; background:#000;border:.5rem solid #fff;box-shadow:0 0 5rem rgba(0,0,0,.5)}
.vclose{position:absolute;right:1rem;top:1rem;border-radius:100%;cursor:pointer}
.module02 .list.vbox ul li span.vbtn{position:absolute;bottom:3rem;right:3rem;z-index:3;display:block;width:3rem;height:3rem;border-radius:50%;overflow:hidden;background:url(../images/play.png) no-repeat center;background-size:contain}
.module02 .more{width:100;height:6rem;line-height:6rem}
.module02 .more a{display:block;color:#888;line-height:6rem;text-align:center;background:#f5f5f5;transition:all .5s}
.module02 .more a:hover{color:#178dc6}
@media (max-width:1199px){.module02 .tbar{-webkit-flex-wrap:wrap;flex-wrap:wrap}
.module02 .tbar_l,.module02 .tbar_r{width:100%}
}
@media (max-width:767px){.module02 .list ul{width:100%;-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}
.module02{padding:1.5rem 0}
.module02 .tbar_r{padding-top:0}
.module02 .tbar_r a{padding-left:1rem;font-size:1.6rem}
.videos{left:0;top:30%;margin:0}
}
.page_body .header{background:#fff}
.page_body .header::after{border-bottom:0}
.page_body .header.hbg{box-shadow:0 0 1rem rgba(0,0,0,.1)}
.page_banner{padding-top:8rem}
@media (max-width:1199px){.page_banner{padding-top:0}
}
.page_body #hmpage,.page_body .banner_box{height:auto}
.page_about{position:relative;z-index:0}
.page_about .tit{padding:5rem 0;-webkit-justify-content:flex-start;justify-content:flex-start}
.page_about .tit h3{height:5rem;line-height:1;font-size:5rem;color:#178dc6;padding:0 2rem;border-left:.5rem solid #178dc6;text-transform:uppercase}
.page_about .tit p{font-size:1.4rem;font-weight:700}
.page_about01{padding-top:10rem}
.page_about01 h5{line-height:2}
.page_about01 .box{padding-top:5rem}
.page_about01 .box .img{width:50%}
.page_about01 .box .txt{width:42%;padding-left:3rem;border-left:1px solid #333}
.page_about01 .box .txt p{padding-bottom:3rem;color:#000;font-size:1.5rem}
.page_about01 .box .txt p:last-child{padding-bottom:0}
.page_about .module01_txt{padding-bottom:3rem}
.page_about .module01_txt h1{font-size:4rem}
.page_about02 .box{padding:5rem;background:#f5f5f5}
.page_about02 .box ul li{width:25%;text-align:center;max-width:16rem}
.page_about02 .box ul li dt{position:relative;font-size:3rem;margin-bottom:3rem}
.page_about02 .box ul li dt span{position:relative;z-index:1}
.page_about02 .box ul li dt::after{content:"";position:absolute;z-index:0;left:0;bottom:0;width:100%;height:1.5rem;background:#1db4ff}
.page_about02 .box ul li dt.color02::after{background:#00c44b}
.page_about02 .box ul li dt.color03::after{background:#ae00da}
.page_about02 .box ul li dt.color04::after{background:#fd7a00}
.page_about02 .box ul li dd{padding-left:2rem;text-align:left;font-size:1.4rem;font-weight:700;line-height:2}
.page_about03{padding:10rem 0}
.page_about03 .swiper{padding-bottom:5rem}
.page_about03 .swiper-slide{border:1px solid #f5f5f5}
.page_about03 .swiper-slide img{max-width:20rem;margin:auto}
.page_about05 ul li{height:auto;overflow:hidden;width:100%;margin-bottom:1rem}
.page_about05 ul li .p_head{padding:1.5rem 2rem;background:#f5f5f5}
.page_about05 ul li .p_head h1{font-size:2.5rem;font-weight:400}
.page_about05 ul li .p_head h1 span{color:#178dc6}
.page_about05 ul li .p_head p{font-size:2rem}
.page_about05 ul li .p_head p span{cursor:pointer;display:block;width:4rem;text-align:center}
.page_about05 ul li .p_head p span.on{display:none}
.page_about05 ul li.act .p_head span.on{display:block}
.page_about05 ul li.act .p_head span.off{display:none}
.page_about05 ul li .p_body{height:0;overflow:hidden;width:100%;padding:0 3rem;transition:all .5s}
.page_about05 ul li .p_body h3{padding-bottom:3rem;font-size:1.8rem;color:#666}
.page_about05 ul li .p_body p{color:#888;padding-left:2rem}
.page_about05 ul li.act .p_body{height:auto;padding:5rem 3rem}
.page_about06{padding:5rem 0}
.page_about06 .more{display:block;margin-top:3rem;border:1px solid #f5f5f5;line-height:3;width:100%;text-align:center}
.page_about06 .more:hover{background:#1db4ff;color:#fff;border-color:#1db4ff}
.page_about06 .module03{padding:0}
.page_about07{padding-bottom:10rem}
.mapbox{width:100%;background:#f5f5f5;position:relative;padding:10px;height:auto;overflow:hidden}
.mapbox .lbox{width:100%;float:left;box-sizing:border-box}
.mapbox .rbox{position:absolute;top:5rem;right:40px;width:auto;float:left;box-sizing:border-box;padding:3rem;background:rgba(0,130,206,.8);overflow:hidden}
.mapbox .rbox p{font-size:1.4rem;line-height:2;color:#fff;margin:0}
.mapbox .rbox h3{font-size:1.6rem;color:#fff;text-align:left;line-height:4rem;font-weight:700;padding-bottom:1rem;margin:0}
.mapbox .rbox .WeChat img{max-width:12rem;padding-right:1rem}
.mapbox .rbox .WeChat{margin-top:2rem;color:#fff}
.mapbox .rbox .WeChat .flex{-webkit-justify-content:flex-start;justify-content:flex-start}
#map{width:100%}
#map .anchorBL{display:none}
#map #allmap{height:550px}
.page_body .list_product{padding-top:8rem}
@media (max-width:1199px){.page_body .list_product{padding-top:0}
}
@media (max-width:767px){.page_body .list_product{padding-top:6rem}
}
.page_body .imglist ul{width:100%;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.page_body .imglist ul li{width:calc(50% - 2px)}
.page_body .imglist ul li .imgcut{padding-bottom:calc(40% - 2px);transition:all ease-out .5s}
.page_body .imglist ul li a{display:block;padding-bottom:4px}
.page_body .imglist ul li .imgbox{width:100%;height:100%;position:relative;overflow:hidden}
.page_body .imglist ul li .img{width:100%;height:100%;overflow:hidden}
.page_body .imglist ul li img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all ease-out .5s;transition:all ease-out .5s;opacity:1}
.page_body .imglist ul li:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:.5}
.page_body .imglist ul li:hover .imgcut{background:#000}
.page_body .imglist ul li .txt{width:100%;height:auto;position:absolute;z-index:1;bottom:-10rem;right:0;padding:2rem;transition:all ease-out .6s;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}
.page_body .imglist ul li .txt h3{height:auto;line-height:1;font-weight:lighter;font-size:2.5rem;color:#fff}
.page_body .imglist ul li .txt p{color:#eee;font-size:1.4rem;line-height:1.5}
.page_body .imglist ul li:hover .txt{bottom:0}
.list_product{padding-bottom:10rem}
.list_product .tit{padding:15rem 0;padding-bottom:5rem}
.list_product .tit h3{font-size:4rem}
.list_product .tit h3 span{display:inline-block;border-left:1px solid #333;margin-left:1rem;padding-left:1rem;font-size:1.5rem;font-weight:lighter;color:#888}
.list_product .tit p{font-weight:700;font-size:1.8rem}
.list_product .sidenav{padding-bottom:5rem}
.list_product .sidenav a{display:inline-block;padding-right:5rem}
.list_product .sidenav a.on{color:#178dc6;font-weight:700;text-decoration:underline}
.list_product .sidenav a:hover{color:#178dc6}
.list_product .loading{margin:5rem 0}
.list_product .loading p{font-weight:700}
.content p{line-height:1.5}
.content img{display:block;width:100%;margin:1px 0}
.show_product .tit{padding:10rem 0}
.show_product .tit .lbox,.show_product .tit .rbox{width:50%}
.show_product .tit .rbox{padding-left:3rem;border-left:1px solid #888}
.show_product .tit .lbox h2{font-size:4rem;line-height:1;padding-bottom:3rem}
.show_product .tit .lbox h3{font-size:3rem}
.show_product .tit .rbox p{font-size:1.4rem;line-height:2}
.pages{padding:1rem 0;padding-top:6rem;border-bottom:1px solid #666}
.sidebar{position:relative;z-index:0;padding:10rem 0}
.sidebar .swiper{padding-bottom:5rem}
.sidebar .imgcut{padding-bottom:65%}
.sidebar h1{font-size:4rem;padding-bottom:2rem}
.sidebar .swiper-slide .imgcut{transition:all ease-out .5s}
.sidebar .swiper-slide a{display:block;padding-bottom:4px}
.sidebar .swiper-slide .imgbox{width:100%;height:100%;position:relative;overflow:hidden}
.sidebar .swiper-slide .img{width:100%;height:100%;overflow:hidden}
.sidebar .swiper-slide img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all ease-out .5s;transition:all ease-out .5s;opacity:1}
.sidebar .swiper-slide:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:.5}
.sidebar .swiper-slide:hover .imgcut{background:#000}
.sidebar .swiper-slide .txt{width:100%;height:auto;position:absolute;z-index:1;bottom:-10rem;right:0;padding:2rem;transition:all ease-out .6s;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}
.sidebar .swiper-slide .txt h3{height:auto;line-height:1;font-weight:lighter;font-size:2.5rem;color:#fff}
.sidebar .swiper-slide .txt p{color:#eee;font-size:1.4rem;line-height:1.5}
.sidebar .swiper-slide:hover .txt{bottom:0}
.sidebar .swiper-pagination{text-align:center;width:100%}
.sidebar .swiper-pagination-bullet{margin:0 .5rem}
.list_product .vbox ul li .imgcut{padding-bottom:56.35%}
.list_product .vbox ul li .imgbox{background:0 0}
.list_product .vbox ul li img{z-index:1;transform:scale(1);transition:all ease-out .5s;opacity:1}
.list_product .vbox ul li:hover img{overflow:hidden;opacity:0}
.list_product .vbox ul li span.vbtn{position:absolute;bottom:3rem;right:3rem;z-index:3;display:block;width:3rem;height:3rem;border-radius:50%;overflow:hidden;background:url(../images/play.png) no-repeat center;background-size:contain}
.list_article{padding:10rem 0}
.list_article .box ul li{width:calc(25% - 10px);margin-bottom:15px}
.list_article .box ul li .txt{padding:1.5rem;background:#f5f5f5}
.list_article .box ul li .imgcut{padding-bottom:56.25%}
.list_article .box ul li:hover h3{color:#178dc6}
.list_article .box ul li p{font-size:1.4rem;color:#888;padding:1rem 0}
.list_article .box ul li .botbar span{color:#888;font-size:1.2rem}
.list_article .box ul li .botbar span.eyes{padding-left:2rem;background:url(../images/eye.png) no-repeat left center}
.list_article .box ul li .img{overflow:hidden;background:#000}
.list_article .box ul li img{transform:scale(1);transition:all ease-out .5s;opacity:.7}
.list_article .box ul li:hover img{transform:scale(1.05);opacity:1}
.list_article .tit{padding-bottom:5rem}
.list_article .tit h3{font-size:4rem}
.list_article .tit h3 span{display:inline-block;border-left:1px solid #333;margin-left:1rem;padding-left:1rem;font-size:1.5rem;font-weight:lighter;color:#888}
.list_article .tit p{font-weight:700;font-size:1.8rem}
.show_article .tit .lbox h2{font-size:3rem}
.paginationbox{width:100%;padding:5rem 0;text-align:center}
ul.pagination{display:inline-block;padding:0;margin:0}
ul.pagination li{display:inline}
ul.pagination li a,ul.pagination li span{color:#333;float:left;font-size:1.6rem;padding:1rem 1.6rem;margin:0 1rem;text-decoration:none;border:1px solid #ddd}
ul.pagination li span{cursor:default}
ul.pagination li span:hover{color:#aaa}
.pagination li:first-child a,.pagination li:last-child a{border-radius:0}
ul.pagination li.bor0 a{border-color:#fff;cursor:auto}
ul.pagination li a.active,ul.pagination li.thisclass a{color:#fff;border:1px solid #178dc6;cursor:default}
ul.pagination li.thisclass a{background-color:#178dc6}
ul.pagination li a:hover:not(.active){background-color:#178dc6;color:#fff;border-color:#178dc6}
ul.pagination li.bor0 a:hover{background:0 0;color:#333;border-color:#fff}
@media (max-width:767px){
.page_about01{padding-top:0}
.page_about .tit,.page_about01 .box,.page_about02 .box ul,.page_about05 ul li .p_body{-webkit-flex-wrap:wrap;flex-wrap:wrap}
.page_about .tit h3,.page_about .tit p{width:100%}
.page_about01 .box .img{width:100%;margin-bottom:3rem}
.page_about01 .box .txt{width:100%;padding:0;border:0;margin:0}
.page_about .module01,.page_about03{padding:5rem 0}
.page_about .module01_txt h1{font-size:2.5rem}
.page_about02 .box{padding:3rem}
.page_about02 .box ul li{width:50%;margin:3rem 0}
.page_about04 .module04{padding-bottom:5rem}
.page_about05 ul li .p_head{padding:1rem}
.page_about05 ul li .p_head h1{font-size:2rem}
.page_about05 ul li .p_body .lbox,.page_about05 ul li .p_body .rbox{width:100%}
.page_about05 ul li .p_body .lbox{margin-bottom:5rem}
#map #allmap{height:350px}
.mapbox .rbox{position:relative;left:0;top:0;width:100%}
.list_article{padding:5rem 0}
.list_article .box ul,.list_article .tit,.list_product .tit,.show_product .tit{-webkit-flex-wrap:wrap;flex-wrap:wrap}
.list_article .tit h3,.list_article .tit p,.list_product .tit h3,.list_product .tit p{width:100%}
.list_article .tit p,.list_product .tit p{line-height:1.5;margin-top:3rem}
.list_article .box ul{align-items:stretch}
.list_article .box ul li{width:calc(50% - 5px);margin-bottom:10px;background:#f5f5f5}
.list_product .sidenav a{padding:1rem}
.page_body .imglist ul li{width:100%}
.list_product .tit{padding-top:5rem}
.page_body .imglist ul li a{padding-bottom:2rem}
.page_body .imglist ul li .txt,.sidebar .swiper-slide .txt{position:relative;bottom:0;background:#f5f5f5}
.page_body .imglist ul li .txt h3,.page_body .imglist ul li .txt p,.sidebar .swiper-slide .txt h3,.sidebar .swiper-slide .txt p{color:#333}
.show_product .tit .lbox,.show_product .tit .rbox{width:100%;margin:1rem 0}
.show_product .tit{padding:5rem 0}
.show_article .tit .lbox h2,.show_product .tit .lbox h2{padding-bottom:1rem}
.show_product .tit .lbox{padding:3rem 0}
.show_product .tit .lbox h2{font-size:2rem}
.show_product .tit .rbox p{font-size:1.8rem}
.list_article .box ul li .botbar span.eyes{padding-left:3rem}
.list_article .box ul li .botbar span,.list_article .box ul li p{font-size:1.4rem}
.page_about .tit h3{height:4rem;font-size:4rem}
}
.service{padding:120px 0;background:#fafafa}
.service-tit{float:left;position:relative;padding:40px 60px 0 40px;width:20%;height:440px;box-sizing:border-box;background:url(../images/service-tit.jpg);color:#fff}
.service-tit h2{font-family:Bahnschrift;font-size:35px;font-weight:lighter;text-transform:uppercase}
.service-tit h3{position:relative;padding:24px 0 20px;font-size:25px;font-weight:lighter}
.service-tit h3:after{position:absolute;left:0;bottom:0;width:32px;height:2px;background:#fff;content:""}
.service-tit a.more-btn{position:absolute;left:40px;bottom:40px;display:inline-block;padding:0 48px 0 16px;height:40px;border:1px solid rgba(255,255,255,.2);background:url(../images/more-arrow.png) no-repeat right 16px center;font-size:12px;color:#fff;line-height:40px}
.service-tit a:hover.more-btn{border:1px solid rgba(255,255,255,.5)}
.service-con{float:right;width:80%}
.service-con li{float:left;padding-left:3.58%;width:25%;box-sizing:border-box}
.service-con li a{display:block;position:relative;padding:40px 16%;height:440px;text-align:center}
.service-con li h3{height:58px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;font-size:18px;line-height:58px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-con li p{padding-top:36px;font-size:14px;color:#999;line-height:160%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.service-con li .ico{padding-top:44px}
.service-con li .ico img{filter:brightness(.3)}
.service-con li .num{padding-top:36px;font-family:Bahnschrift;font-size:18px}
.service-con li .arrow{position:absolute;left:0;right:0;bottom:0;height:40px;line-height:40px;transition:all .3s ease-in-out}
.service-con li a:hover{background:#fff;box-shadow:0 4px 32px rgba(0,0,0,.05)}
.service-con li a:hover .ico img{filter:brightness(1)}
.service-con li a:hover .arrow{background:#178dc6}
.service-con li a:hover .arrow img{filter:brightness(2)}
@media only screen and (max-width:1199px){.service{padding:48px 0}
.service-tit{float:none;padding:0;width:auto;height:auto;background:0 0;color:#333}
.service-tit h2{font-size:1.6rem;color:#aaa}
.service-tit h3{padding:0 0 12px;font-size:3rem;font-weight:700}
.service-tit h3:after{background:#178dc6}
.service-tit a.more-btn{left:auto;right:0;bottom:0;color:#aaa;padding:0 32px 0 0;background:url(../images/more-arrow.png) no-repeat right 0 center}
.service-con{float:none;padding-top:24px;width:auto}
.service-con li{padding:.5rem;width:50%}
.service-con li a{padding:32px 12%;height:352px;background:#fff}
.service-con li h3{height:48px;font-size:16px;line-height:48px}
.service-con li p{padding-top:24px}
.service-con li .ico{padding-top:24px}
.service-con li .num{padding-top:16px}
}
@media only screen and (max-width:767px){.service-con li{padding:1px}
.service-con li a{padding:3rem 1rem}
}
.case{overflow:hidden}
.case li{position:relative;width:calc(33.33% - 2px);padding-bottom:4px;overflow:hidden}
.case li .imgcut{overflow:hidden}
.case li a img{width:100%;transition:all .3s ease-in-out}
.case li a .mask{position:absolute;top:0;left:0;right:0;bottom:0;display:table;width:100%;height:100%;opacity:0;transition:all .3s ease-in-out}
.case li a .mask .con{display:table-cell;padding-top:20px;text-align:center;vertical-align:middle}
.case li a .mask h4{font-size:24px;font-weight:400;color:#fff}
.case li a .mask p{padding-top:12px;font-size:14px;color:#999}
.case li a .mask .arrow{margin-top:24px;display:inline-block;width:58px;height:58px;border:1px solid rgba(255,255,255,.2);border-radius:100%;background:url(../images/case-arrow.png) no-repeat center}
.case li a:hover img{transform:scale(1.05);filter:brightness(.4)}
.case li a:hover .mask{opacity:1}
@media only screen and (max-width:1199px){.case li a .mask h4{font-size:20px}
.case li a .mask p{padding-top:8px}
.case li a .mask .arrow{margin-top:16px;width:48px;height:48px}
}
@media only screen and (max-width:767px){.case li{width:calc(50% - 2px)}
.case li:last-child{display:none}
.page_body .case li:last-child{display:block}
}
.news{padding:10rem 0}
.news-tit{overflow:hidden}
.news-tit h2{float:left;font-size:28px;font-weight:700;color:#333}
.news-tit h3{float:left;padding:18px 0 0 16px;font-family:Bahnschrift;font-size:16px;font-weight:lighter;color:#999;text-transform:uppercase}
.news-tit a.more-btn{float:right;margin-top:16px;padding-right:30px;background:url(../images/more-arrow.png) no-repeat right center;font-size:14px;color:#999}
.news-tit a:hover.more-btn{color:#178dc6}
.news-con{padding-top:48px;overflow:hidden}
.news-con ul{width:calc(100% + 40px);overflow:hidden}
.news-con li{float:left;position:relative;margin:0 40px 0 0;width:calc(26% - 40px)}
.news-con li a{display:block;padding:40px 40px 0;height:360px;border-bottom:2px solid #178dc6;background:#f6f6f6;overflow:hidden}
.news-con li .date{font-family:Bahnschrift;color:#999}
.news-con li .date span{display:block}
.news-con li .day{font-size:32px}
.news-con li .year{font-size:16px}
.news-con li .con{padding-top:36px}
.news-con li h4{font-size:18px;font-weight:400}
.news-con li p{padding-top:16px;font-size:14px;color:#999;line-height:200%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news-con li .more-btn{position:absolute;left:40px;bottom:40px;display:inline-block;width:40px;height:40px;border-radius:100%;background:url(../images/news-more-arrow.png) no-repeat center #178dc6}
.news-con li:first-child{width:calc(48% - 40px)}
.news-con li:first-child a{padding:0;height:360px;border-bottom:0}
.news-con li:first-child img{width:100%;height:100%;transition:all .3s ease-in-out}
.news-con li:first-child a:hover img{filter:brightness(.6);transform:scale(1.05)}
.news-con li:first-child .date{position:absolute;top:40px;left:40px;color:#fff}
.news-con li:first-child .date span{text-shadow:2px 2px 4px rgba(0,0,0,.4)}
.news-con li:first-child .con{position:absolute;left:40px;right:40px;bottom:28px}
.news-con li:first-child .con h4{width:70%;font-size:24px;font-weight:400;color:#fff;line-height:140%;text-shadow:2px 2px 4px rgba(0,0,0,.4)}
.news-con li:first-child .more-btn{left:auto;right:40px;bottom:40px}
@media only screen and (max-width:1199px){.news{padding:48px 0}
.news-tit h2{font-size:3rem;font-weight:700}
.news-tit h3{padding:16px 0 0 10px;font-size:1.6rem;font-weight:lighter}
.news-tit a.more-btn{margin-top:4px}
.news-con{padding-top:24px}
.news-con ul{width:auto}
.news-con li{margin:0 0 20px 0;width:49%}
.news-con li a{padding:20px 20px 64px;height:auto}
.news-con li .day{font-size:24px}
.news-con li .year{font-size:15px}
.news-con li .con{padding-top:16px}
.news-con li h4{font-size:16px}
.news-con li p{padding-top:8px;line-height:160%}
.news-con li .more-btn{left:20px;bottom:20px;width:32px;height:32px;background-size:10px}
.news-con li:first-child{width:auto}
.news-con li:first-child a{height:auto}
.news-con li:first-child .date{top:20px;left:20px}
.news-con li:first-child .con{left:20px;right:20px;bottom:16px}
.news-con li:first-child .con h4{width:80%;font-size:16px;line-height:140%}
.news-con li:first-child .more-btn{right:20px;bottom:20px}
.news-con li:last-child{float:right}
}
@media only screen and (max-width:767px){.news-con li{width:auto}
}
.client{padding:10rem 0;background:#eee;overflow:hidden}
.client-tit{float:left;width:12%;color:#333}
.client-tit h2{font-family:Bahnschrift;font-size:3rem;color:#aaa;font-weight:lighter;text-transform:uppercase}
.client-tit h3{position:relative;padding:24px 0 20px;font-size:3rem;font-weight:700}
.client-tit h3:after{position:absolute;left:0;bottom:0;width:32px;height:2px;background:#178dc6;content:""}
.client-con{float:right;width:82.85%}
.client-con ul{width:calc(100% + 10px)}
.client-con li{float:left;margin:0 10px 10px 0;width:calc(100% / 7 - 10px); cursor: pointer;}
.client-con li img{width:100%;filter:grayscale(1);transition:all .3s ease-in-out}
.client-con li:hover img{width:100%;filter:grayscale(0);box-shadow:0 4px 32px rgba(0,0,0,.1)}
@media only screen and (max-width:1199px){.client{padding:48px 0}
.client-tit{float:none;width:auto}
.client-tit h2{font-size:1.6rem;color:#aaa}
.client-tit h3{padding:0 0 12px;font-size:3rem;font-weight:700}
.client-con{float:none;padding-top:24px;width:auto}
.client-con ul{width:calc(100% + 10px)}
.client-con li{margin:0 10px 10px 0;width:calc(100% / 4 - 10px)}
.client-con li:nth-child(12n+1){display:none}
}
@media only screen and (max-width:767px){.client-con li{width:calc(100% / 3 - 10px)}
}
.footer{position:relative;width:100%;height:auto;overflow:hidden;padding:10rem 0;background:#222}
.footer-bar{padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-logo{float:left;font-size:4rem;color:#fff;font-weight:lighter}
.footer-nav{float:right;font-size:15px;line-height:44px}
.footer-nav a{display:inline-block;margin-left:60px;color:#888}
.footer-nav a:hover{color:#fff}
.footer-con{padding:60px 0 40px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-contact{float:left;width:70%}
.footer-contact li{float:left;padding-right:5rem}
.footer-contact li i{display:inline-block;width:48px;height:48px;border:1px solid rgba(255,255,255,.2);border-radius:100%}
.footer-contact li i.tel{background:url(../images/footer-tel-ico.png) no-repeat center}
.footer-contact li i.address{background:url(../images/footer-address-ico.png) no-repeat center}
.footer-contact li h3{padding-top:8px;font-size:14px;font-weight:400;color:#888}
.footer-contact li p{padding-top:5px;color:#ccc;line-height:1.2}
.footer-contact li p .tel-num{font-family:Bahnschrift;font-weight:lighter;font-size:30px}
.footer-qrcode{float:right}
.footer-qrcode img{width:120px;margin-left:1rem}
.footer-btm{padding-top:30px;font-size:13px;line-height:24px}
.footer-btm .copyright{float:left;color:#888}
.footer-btm .beian a,.footer-btm .copyright a{color:#aaa}
.footer-btm .beian{float:right;color:#888}
.footer-btm .beian span{padding-left:12px}
@media only screen and (max-width:1199px){footer{padding:60px 0 40px;text-align:center}
.footer-bar{padding-bottom:24px}
.footer-logo{float:none;font-size:3rem}
.footer-nav{float:none;padding-top:32px;line-height:40px}
.footer-nav a{margin-left:0;width:25%}
.footer-con{padding:32px 0}
.footer-contact{float:none;width:100%}
.footer-contact ul{flex-wrap:wrap;-webkit-flex-wrap:wrap}
.footer-contact li{width:50%;float:none;padding-bottom:20px;text-align:center;padding:2rem 0;margin:auto}
.footer-contact li p{line-height:24px}
.footer-qrcode{float:none;padding:1.5rem 0;text-align:center}
.footer-btm{padding-top:24px;font-size:12px;line-height:20px;text-align:center}
.footer-btm .copyright{float:none}
.footer-btm .beian{float:none;padding-top:8px}
.footer-btm .beian span{display:block;padding-left:0}
}
@media only screen and (max-width:767px){.footer-contact li{width:100%}
}
#go-top{display:none;position:fixed;bottom:30px;right:30px;z-index:600}
#go-top a,#go-top a:visited{display:block;width:60px;height:60px;border-radius:5px;background:url(../images/go-top.png) no-repeat center rgba(0,0,0,.6);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#go-top a:focus,#go-top a:hover{background:url(../images/go-top.png) no-repeat center #000}
@media only screen and (max-width:768px){#go-top{bottom:0;right:0}
#go-top a,#go-top a:visited{width:48px;height:48px;border-radius:5px 0 0 0}
}
.page_body .container{max-width:1680px}
.page_body .logo .shos{display:none}
.page_body .logo .hids{display:block}
.page_body .nav ul li>a span{color:#333}
.about{background:#f6f6f6}
.about-intro{position:relative;padding:10rem 0;height:auto;overflow:hidden}
.about-intro .con{float:left;width:45%;font-size:1.4rem;line-height:2}
.about-intro .con h3{font-size:3rem;line-height:1.5;padding-bottom:5rem}
.about-intro .con p{padding-bottom:2rem}
.about-intro .pic{width:45%;float:right}
@media only screen and (max-width:1199px){.about-intro{padding:5rem 0 5rem}
.about-intro .con{width:auto;line-height:240%}
.about-intro .con p{padding-bottom:3rem; line-height: 2;}
.about-intro .pic{left:0;right:0;bottom:0;text-align:center;width: 100%;}
.about-intro .pic img{width:100%}
}
.about-count{padding:15rem 0;background:url(../images/about-count.png) no-repeat top right;overflow:hidden}
.about-count h1{font-size:2.4rem;padding-bottom:5rem; line-height: 2; text-align: center;}
.about-count li{float:left;width:25%; text-align: center;}
.numCount li .numCX {
    color: #178dc6;
    font-size: 6rem;
    font-family: PingFangSC-Regular,Microsoft YaHei,Heiti SC,sans-serif;
}
.numCount li .unitC{
    display: inline-block;
    vertical-align: top;
    font-size: 1.8rem;
    width: 3rem;
    color: #178dc6;
    height: 9rem;
    text-align: center;
    line-height: 9rem;
    overflow: hidden;
  }
.about-count li .num sup{position:relative;top:-8px;left:12px;font-size:15px;color:#666}
.about-count li h4{font-size:15px;color:#666}
@media only screen and (max-width:1024px){.about-count{padding:80px 0 40px;background:url(../images/about-count.png) no-repeat top right;background-size:80%}
.about-count li{padding-bottom:40px;width:50%}
.about-count li .num{font-size:40px}
.about-count li .num sup{top:-2px;left:8px}
}
.office{padding-bottom:120px;overflow:hidden}
.office li{float:left;width:50%}
.office li img{width:100%;height:100%}
.office li:nth-of-type(n+2){width:calc(25% - 1px);margin-left:1px;margin-bottom:1px}
@media only screen and (max-width:1199px){.office{padding-bottom:64px}
.office li{width:100%;}
.office li:first-child{ margin-bottom: 1px;}
.office li:nth-of-type(n+2){width:calc(50% - 1px)}
}
.sub-nav{padding-top:8rem;padding-bottom:3rem;overflow:hidden}
.sub-nav ul{width:calc(100% + 20px)}
.sub-nav li{float:left;margin-right:20px;width:calc(100% / 5 - 20px)}
.sub-nav li a{display:block;height:50px;border:1px solid #eee;background:#eee;font-size:18px;color:#666;line-height:50px;text-align:center}
.sub-nav li a:hover{border:1px solid #178dc6;color:#178dc6;background:#fff}
.sub-nav li a.current{border:1px solid #178dc6;background:#178dc6;color:#fff}
@media only screen and (max-width:1024px){.sub-nav{padding:24px 0}
.sub-nav ul{width:calc(100% + 10px)}
.sub-nav li{margin:0 10px 10px 0;width:calc(100% / 2 - 10px)}
.sub-nav li a{height:48px;font-size:15px;line-height:48px}
}
.news-list{padding:40px 0 120px;overflow:hidden}
.news-list ul.newsul{width:calc(100% + 30px);overflow:hidden}
.news-list ul.newsul li{float:left;position:relative;margin:0 30px 30px 0;width:calc(33.33% - 30px);overflow:hidden}
.news-list ul.newsul li a{display:block;background:#f5f5f5}
.news-list ul.newsul li .imgcut{padding-bottom:65%}
.news-list ul.newsul li img{width:100%;filter:brightness(.6);transition:all .3s ease-in-out;opacity:0}
.news-list ul.newsul li .date{position:absolute;top:40px;left:40px;font-family:PFDinTextPro-Light;color:#999}
.news-list ul.newsul li .date span{display:block}
.news-list ul.newsul li .date .day{font-size:32px}
.news-list ul.newsul li .date .year{font-size:16px}
.news-list ul.newsul li .con{position:absolute;top:140px;left:40px;right:40px}
.news-list ul.newsul li .con h4{font-size:24px;font-weight:400;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-list ul.newsul li .con p{padding-top:16px;font-size:14px;color:#999;line-height:200%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news-list ul.newsul li .btm{position:absolute;left:40px;bottom:40px}
.news-list ul.newsul li .btm .more-btn{display:inline-block;width:40px;height:40px;border-radius:100%;background:url(../images/news-more-arrow.png) no-repeat center #178dc6}
.news-list ul.newsul li a:hover img{opacity:1}
.news-list ul.newsul li a:hover .date{color:#fff}
.news-list ul.newsul li a:hover .con h4{color:#fff}
.news-list ul.newsul li a:hover .con p{display:none}
@media only screen and (max-width:1199px){.news-list{padding:20px 0 60px}
.news-list ul.newsul{padding-bottom:20px;width:auto}
.news-list ul.newsul li{margin:0 0 20px 0;width:calc(50% - 10px)}
.news-list ul.newsul li:nth-child(2n){ margin-left: 20px;}
.news-list ul.newsul li .date{top:20px;left:20px}
.news-list ul.newsul li .date .day{font-size:24px}
.news-list ul.newsul li .date .year{font-size:12px}
.news-list ul.newsul li .con{top:88px;left:20px;right:20px}
.news-list ul.newsul li .con h4{font-size:16px}
.news-list ul.newsul li .con p{padding-top:12px;line-height:160%}
.news-list ul.newsul li .btm{display:none}
}
@media only screen and (max-width:767px){
    .news-list ul.newsul li{ width: 100%;}
    .news-list ul.newsul li:nth-child(2n){ margin-left: 0;}
}
#pages{clear:both;text-align:center;display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center;}
#pages li a,#pages li span{display:inline-block;margin:0 2px;width:40px;height:40px;border-radius:100%;font-family:Arial;font-size:15px;color:#666;line-height:40px;text-align:center}
#pages li a:hover{background:#eaeaea}
#pages li.active span{background:#178dc6;color:#fff}
#pages li.disabled span{background:#eaeaea;color:#666}

.article-head{padding:120px 0 40px}
.article-tag a{display:inline-block;padding:4px 12px;border:1px solid #178dc6;border-radius:2px;font-size:14px;color:#178dc6}
.article-tit{padding-top:60px}
.article-tit h1{font-size:32px}
.article-bar{padding-top:40px;overflow:hidden}
.article-bar .info{float:left;font-family:Arial;color:#999;line-height:24px}
.article-bar .date{padding-left:24px;background:url(../images/date-ico.png) no-repeat left center}
.article-bar .visit{padding-left:24px;background:url(../images/visit-ico.png) no-repeat left center}
.article-bar .share{float:right}
.article-main{padding:100px 0}
.article-con{float:left;width:66%;font-size:16px;line-height:240%}
.article-con p{padding-bottom:24px}
.article-con img{padding:20px 0;max-width:100%}
.article-side{float:right;padding:40px 39px;width:26%;box-sizing:border-box;border:1px solid #efefef;border-top:2px solid #178dc6;background:#fff}
.article-side h3{font-size:18px;color:#178dc6}
.article-side ul{padding-top:36px}
.article-side li{padding-bottom:36px}
.article-side li img{width:100%}
.article-side li h4{padding-top:16px;font-size:14px;font-weight:400;line-height:160%}
.article-side li p{padding-top:12px;font-family:Arial;font-size:13px;color:#999;line-height:20px}
.article-side li .date{padding-left:22px;background:url(../images/date-ico.png) no-repeat left center}
.article-side li .visit{padding-left:22px;background:url(../images/visit-ico.png) no-repeat left center}
.article-btm{padding:20px 0 80px}
.article-btm .con{padding:50px 0;background:#fff;overflow:hidden}
.article-btm .related{float:left;padding:0 60px;width:66%;box-sizing:border-box;overflow:hidden}
.article-btm .related h4{font-size:14px;font-weight:400;color:#999}
.article-btm .related p{padding-top:12px;font-size:15px;line-height:160%}
.article-btm a.prev{float:left;display:block;width:46%}
.article-btm a.prev .arrow{padding-left:30px;background:url(../images/prev-arrow.png) no-repeat left center}
.article-btm a.next{float:right;display:block;width:46%}
.article-btm a.next .arrow{padding-right:30px;background:url(../images/next-arrow.png) no-repeat right center}
.article-btm .back{float:right;padding-top:10px;width:26%;height:50px;border-left:1px solid #ddd;text-align:center}
.article-btm .back a{display:inline-block;padding-left:24px;height:25px;background:url(../images/list-ico.png) no-repeat left center;font-size:14px;line-height:25px}
@media only screen and (max-width:1199px){.article-head{padding:120px 0 40px}
.article-tit{padding-top:32px}
.article-tit h1{font-size:20px;line-height: 1.5;}
.article-bar{padding-top:20px}
.article-bar .share{display:none}
.article-main{padding:48px 0}
.article-con{width:auto}
.article-con p{padding-bottom:20px}
.article-con img{padding:20px 0}
.article-side{display:none}
.article-btm{padding:20px 0 64px}
.article-btm .con{padding:1rem;width:auto}
.article-btm .related{float:none;padding:16px 0;width:auto}
.article-btm a.prev{float:none;padding:12px;width:auto}
.article-btm a.next{float:none;padding:12px;width:auto}
.article-btm .back{float:none;padding-top:24px;width:auto;border-top:1px solid #efefef;border-left:0}
}
.sub-wrap{background:#f6f6f6}


.side{position:fixed;width:54px;height:275px;right:0;top:40%;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:rgba(0,0,0,0.5);opacity:0.5;filter:Alpha(opacity=50);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:rgba(0,0,0,0.5);opacity:0.5;filter:Alpha(opacity=50);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#009add;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.side ul li .ewm{ position:absolute; width:110px;height:130px; background:#fff;right:-200px; font-size:12px; text-align:center}
@media (max-width:767px){
	.side{height:108px;right:0;top:auto; bottom: 0; z-index:100;}
	.footer .footer_l4 ul li .WeChat{ margin-left:0; background:#222;}
	.footer .footer_l4 ul li .WeChat span{ left:10%}
}