@import url('//at.alicdn.com/t/c/font_5005960_i99bg70xpg.css');
@import url(swiper-iconfont.css?v=1.0.6);
@charset "utf-8";


@font-face{font-display:swap;font-family:HarmonyOS;src:url(fonts/HarmonyOS_Sans_Regular.ttf)}
@font-face{font-display:swap;font-family:HarmonyOSlight;src:url(fonts/HarmonyOS_Sans_Light.ttf)}
@font-face{font-display:swap;font-family:D-DINExp;src:url(fonts/D-DINExp.ttf)}
@font-face{font-display:swap;font-family:D-DIN-Bold;src:url(fonts/D-DIN-Bold.ttf)}

@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('fonts/SourceHanSansCN-Regular.woff2')format('woff2'),
    url('fonts/SourceHanSansCN-Regular.woff')format('woff');
    font-weight: normal;
    font-style: normal;
}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul,div{ margin: 0; padding: 0; }


body, button, input, select, textarea {font-family:"Noto Sans SC","微软雅黑",roboto,Helvetica,Arial,sans-serif;font-size: 1.4rem;line-height: 1.5; color: rgba(60, 60, 60, 1);outline: none;}
.clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0;}
html{font-size: 10px;}
img{vertical-align: middle;display: block;}
li{ list-style-type: none; }
a{ text-decoration: none; color: #333; outline: none; transition: all .3s;}
a:hover,.footer .footerbd .footnav li a:hover{ color: #0192DB;}
.text-primary{ color: #0192DB;}
.bd{width: 100%; max-width: 144rem; margin: 0 auto;}
a{-webkit-tap-highlight-color:transparent}
body{ padding-top:10rem }
.mbd{width:100%;max-width: 120rem; margin: 0 auto;}
.shadow{box-shadow:0 0 0.4rem rgba(0, 0, 0, 0.1)}
.text-green{color: #85C228;}
.text-blue{color:#0192DB; }
.btn-primary{ background-color:#0192DB; border: 1px solid #0192DB; cursor: pointer; border-radius:.5rem; font-size:1.8rem; color:#FFF; transition:all .3s; text-align:center; display:inline-block; }
.btn-primary:hover{ background-color:#0192DB; color: #FFF; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16); }
.btn-primary:active{ background-color:rgba(0, 128, 204, .8); }
.btn-default{ background-color:rgba(255,255,255, 1); border-radius:.5rem; cursor: pointer; font-size:1.8rem; border:1px solid rgba(125, 125, 125, 1);transition:all .3s; text-align:center;display:inline-block;  }
.btn-default:hover{ background-color:rgba(255,255,255, 1); box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16); border-color:#0192DB;color:#0192DB; }
.btn-default:active{ background-color:rgba(0, 0, 0, .06); }


.header{position: fixed; z-index: 50; left: 0; top: 0; right: 0; background-color:#FFF;}
.headerbd{ position:relative;height: 10rem; }
.header .logo{ height:6rem; position: absolute; top: 50%; margin-top: -3rem}
.header .logo img{ height:100%;}
.header .rbd{ position:absolute; top: 0; right:0;display:flex; align-items:center; bottom:0 }
.header .rbd .rli span{font-family: D-DINExp; font-size: 1.8rem; display: inline-block; margin-left: .6rem}
.header .rbd .rli .iconfont{ font-size:1.8rem; }
.header .rbd .nav{float: left; padding-right: 4rem}
.header .rbd .nav .li{ float:left;position: relative; }
.header .rbd .nav .li h3 a{display: block; line-height: 10rem;padding: 0 4rem; font-size: 1.8rem; font-weight: 400}
.header .rbd .nav .li h3 a.on{color: #0192DB;}
.header .rbd .nav .li h3 span{ display:none }
.header .rbd .nav .subnav{ position:absolute; top:10rem; left:0; right:0; text-align:center; border-top:3px solid #0192DB; display:none; background-color: #FFF;z-index: 5}
.header .rbd .nav .subnav .subli h4 a{display: block; font-size: 1.8rem; line-height: 6rem;font-weight: 400}
.header .menubtn{display: none}

.indexbannerswiper{ overflow:hidden; }
.indexbannerswiper img{height: calc( 100vh - 8rem); width: 100%;object-fit:cover;}
.indexbannerswiper .swiper-slide{ height:100% }
.indexbannerswiper .swiper-pagination-bullet{ background-color: rgba(196,196,196,.31); transition: all .3s;height: 2px; width: 12rem;  border-radius: 0; opacity: 1; }
.indexbannerswiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .indexbannerswiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0; }
.indexbannerswiper .swiper-horizontal>.swiper-pagination-bullets, .indexbannerswiper .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper .swiper-pagination-fraction{ bottom: 6rem; }
.indexbannerswiper .swiper-pagination-bullet-active{ background-color: rgba(255,255,255,1); width: 10rem; }
.indexbannerswiper .swiper-button-l, .indexbannerswiper .swiper-button-r{ opacity: 0;visibility: hidden; transition: all .5s; position: absolute; z-index: 1; border-radius: 0; cursor: pointer; width: 5rem; height: 5rem;line-height: 5rem;  top: 50%; margin-top: -2.5rem; font-size: 2rem; background-color: rgba(0,0,0,.3); color: #FFF; text-align: center; }
.indexbannerswiper .swiper-button-l{ left: 2rem; }
.indexbannerswiper .swiper-button-r{ right: 2rem; }
.indexbannerswiper:hover .swiper-button-l, .indexbannerswiper:hover .swiper-button-r{ opacity: 1; visibility: inherit; }

.indextitle {text-align: center; position: relative; padding-top: 5rem; padding-bottom: 2rem; }
.indextitle .enname{ background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(234, 241, 251, .1));-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family:D-DIN-Bold; font-size:11.5rem; line-height: 12rem; font-weight:700; color:#dfebfa; display:inline-block; }
.indextitle .zhname{ font-size:6rem; line-height: 6rem; color:#FFF; font-weight:400; position:absolute; left:0; right:0; bottom:1.8rem}

.indextitle-left {text-align: left; position: relative; padding-top: 5rem; padding-bottom: 2rem; }
.indextitle-left .enname{ background-image:linear-gradient(to top, rgba(255, 255, 255, 0), #dfebfa);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family:D-DIN-Bold; font-size:11.5rem; line-height: 12rem; font-weight:700; color:#dfebfa; display:inline-block; }
.indextitle-left .zhname{ font-size:6rem; line-height: 6rem;font-weight:400; position:absolute; left:0; right:0; bottom:1.8rem}

.indextitle-default {text-align: center; position: relative; padding-top: 5rem; padding-bottom: 2rem; }
.indextitle-default .enname{ background-image:linear-gradient(to top, rgba(255, 255, 255, 0), #dfebfa);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family:D-DIN-Bold; font-size:11.5rem; line-height: 12rem; font-weight:700; color:#dfebfa; display:inline-block; }
.indextitle-default .zhname{ font-size:6rem; line-height: 6rem;font-weight:400; position:absolute; left:0; right:0; top:11rem}
.indextitle-default .subt{font-size: 2rem; padding: 1rem 0 0 0}

.indexabout{ height:94.7rem; background:url(/img/home-about-bg2.jpg) no-repeat center center; background-size:cover; }
.indexabout .indextitle-left{padding: 5rem 0 2rem 0}
.indexabout .about-l{float: left; width: 50%}
.indexabout .about-l .desc{font-size: 1.6rem; line-height: 3rem; padding:3rem 0; color: #666}
.indexabout .about-l .datalist{display: flex;justify-content: flex-start;flex-wrap: wrap;flex: 0 0 calc(33.33% - 10px);margin: 1.5rem 0;}
.indexabout .about-l .datalist .data{ width:33.3333%; }
.indexabout .about-l .datalist .data .box{padding:0 1rem 5rem 1rem }
.indexabout .about-l .datalist .data .num{ color:#0192DB;display:flex; }
.indexabout .about-l .datalist .data .data-num{font-family:D-DIN-Bold; font-size:6.6rem; line-height:6.6rem }
.indexabout .about-l .datalist .data .data-plus{font-family:D-DIN-Bold; font-size: 4rem;  line-height: 3.6rem}
.indexabout .about-l .datalist .data .data-unit{ margin-top:auto; font-weight:bold; font-size:1.8rem; line-height:2rem }
.indexabout .about-l .datalist .data .d{ font-size:1.8rem; padding:1rem 0 0 0 }
.indexabout .about-l .more a{ display:inline-block; font-size:1.6rem; padding:1.5rem 2.5rem; background-color:#0192DB; color:#FFF }
.indexabout .about-l .more a span{ margin-left:1.5rem }
.indexabout .about-l .more a:hover{background-color: #85C228}

.indexproduct { background:url(/img/product-wrap-bg.jpg) no-repeat center center; background-size:cover; padding-bottom:5rem }
.indexproduct .swiper-scroll-bd{width:80rem; margin:3rem auto 5rem auto; position: relative;}
.indexproduct .swiper-scroll{ width:100%; overflow:hidden; }
.indexproduct .swiper-scroll .swiper-slide{ height:10rem; width:20%;text-align:center; display:flex; align-items:center; }
.indexproduct .swiper-scroll .swiper-slide .btn{ margin:0 auto; display:inline-block; text-align:center; cursor:pointer; color:#333 }
.indexproduct .swiper-scroll .swiper-slide .btn .img{display: inline-block; vertical-align: middle;}
.indexproduct .swiper-scroll .swiper-slide .btn .img img{ height:4.6rem }
.indexproduct .swiper-scroll .swiper-slide .btn p{font-size: 1.6rem; padding-top: .8rem}
.indexproduct .swiper-scroll .swiper-slide .btn.on{ color:#85C228; }
.indexproduct .swiper-button-l,.indexproduct .swiper-button-r{ position:absolute; width:4rem; height:4rem; background-size:100%;cursor:pointer; }
.indexproduct .swiper-button-l{ position:absolute; top:50%; margin-top:-2rem; left:-6rem; background-image:url("images/prev.png"); }
.indexproduct .swiper-button-l:hover{background-image:url("images/prev-hover.png");}
.indexproduct .swiper-button-r{ position:absolute; top:50%; margin-top:-2rem; right:-6rem;background-image:url("images/next.png");  }
.indexproduct .swiper-button-r:hover{background-image:url("images/next-hover.png");}
.indexproduct .slide-content{ background-color:#FFF }
.indexproduct .slide-content .item{position: relative; display: none}
.indexproduct .slide-content .item .l{ width:50%; position:absolute; left:0; top:0; right:0; bottom:0; }
.indexproduct .slide-content .item .l .img{ position:absolute; right:4rem; bottom:0; width:50% }
.indexproduct .slide-content .item .l .img img{ width:100% }
.indexproduct .slide-content .item .l .info{color: #0192DB; left: 20%; top: 50%;transform: translateY(-50%); position: absolute;z-index:3;}
.indexproduct .slide-content .item .l .info h3{ font-size:4.8rem; font-weight:normal; padding-bottom:3rem }
.indexproduct .slide-content .item .l .info .p{ font-size:2.4rem;  }
.indexproduct .slide-content .item .l .info .p p{padding-bottom:1.5rem}
.indexproduct .slide-content .item .l .info .more{ padding-top:3rem }
.indexproduct .slide-content .item .l .info .more a{ display:inline-block; font-size:1.6rem; padding:1.5rem 2.5rem; background-color:#0192DB; color:#FFF }
.indexproduct .slide-content .item .l .info .more a span{ margin-left:1.5rem }
.indexproduct .slide-content .item .l .info .more a:hover{background-color: #85C228}
.indexproduct .slide-content .item .r{ float: right; width:50% }
.indexproduct .slide-content .item .r .img{ margin:4rem 7rem 4rem 1.6rem;}
.indexproduct .slide-content .item .r .img img{ width:100% }
.indexproduct .swiper-button-lock{ display:block; }

.indexservice{ background:url('images/hs-bg.jpg') no-repeat center center; background-size:cover; }
.indexservice .content{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 3rem; padding: 3rem 0 9rem 0}
.indexservice .content .imgs{ position:relative; }
.indexservice .content .imgs img{width: 100%}
.indexservice .content .lists{ position:relative; }
.indexservice .content .lists ul{  }
.indexservice .content .lists li{float: left; width: 50%; }
.indexservice .content .lists li .box{ background-color:#f6f9fd; text-align:center; transition:all .3s; margin:0 1rem 1rem 0; padding:1.5rem 0; cursor:pointer; }
.indexservice .content .lists li .box:hover{box-shadow: 0px 2px 32px 0px rgba(30, 93, 198, 0.24)}
.indexservice .content .lists li .box img{vertical-align: middle; display: inline-block; height: 12rem}
.indexservice .content .lists li .box p{ font-size:2.4rem; padding:.8rem 0 0 0; transition:all .3s; }
.indexservice .content .lists li .box:hover p{ color:#0192DB }
.indexservice .serviceswiper{ position: absolute; top: 0; left: 0;  bottom: 1rem; width:100%; overflow:hidden; }
.indexservice .serviceswiper .swiper-slide{ width:100% }
.indexservice .serviceswiper .swiper-slide img{ width:100% }
.indexservice .swiper-pagination-bullet{ background-color: rgba(196,196,196,.31); transition: all .3s;height: 2px; width: 6rem;  border-radius: 0; opacity: 1; }
.indexservice .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .indexservice .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0; }
.indexservice .swiper-horizontal>.swiper-pagination-bullets, .indexservice .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom: 2rem; }
.indexservice .swiper-pagination-bullet-active{ background-color: rgba(255,255,255,1); width: 4rem; }
.indexservice .swiper-button-l, .indexservice .swiper-button-r{ opacity: 0;visibility: hidden; transition: all .5s; position: absolute; z-index: 1; border-radius: 0; cursor: pointer; width: 5rem; height: 5rem;line-height: 5rem;  top: 50%; margin-top: -2.5rem; font-size: 2rem; background-color: rgba(0,0,0,.3); color: #FFF; text-align: center; }
.indexservice .swiper-button-l{ left: 2rem; }
.indexservice .swiper-button-r{ right: 2rem; }
.indexservice:hover .swiper-button-l, .indexservice:hover .swiper-button-r{ opacity: 1; visibility: inherit; }


.indexnews{ padding-bottom:5rem }
.indexnews .cats{ position:absolute; right:0; bottom:0; }
.indexnews .cats li{float: left; margin-left: 1.5rem}
.indexnews .cats li a{ display:block; background-color:#0192DB; font-size:1.6rem; color:#FFF; padding:1.5rem 2.5rem }
.indexnews .cats li a:hover,.indexnews .cats li a.on{ background-color:#85C228 }
.indexnews .ct { padding:5rem 0 0 0; display:flex; }
.indexnews .ct .l{ flex: 1}
.indexnews .ct .l ul{ display:flex;height:100%  }
.indexnews .ct .l ul li{ width:50%; position:relative;  }
.indexnews .ct .l ul li .box{ background-color: #f8f8f8;  margin-right: 4rem; height:53.1rem }
.indexnews .ct .l ul li .box .img{ overflow:hidden; }
.indexnews .ct .l ul li .box .img img{ width:100%; position:relative; transition:all .3s }
.indexnews .ct .l ul li .box:hover img{ transform:scale(1.1); }
.indexnews .ct .l .box a .info{ padding:2rem }
.indexnews .ct .l .box a .date{ font-size:1.8rem; color:#888888; font-family:D-DINExp }
.indexnews .ct .l .box a .title{ font-size:2.2rem; margin:1rem 0 }
.indexnews .ct .l .box a .desc{ font-size:1.6rem; color:#888888; line-height:1.6;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.indexnews .ct .r{width: 60rem;background-color: #f8f8f8;}
.indexnews .ct .r .box{ padding:3.5rem }
.indexnews .ct .r .box a{display: flex;margin-bottom: 2.5rem;justify-content: space-between;}
.indexnews .ct .r .box a .info{ width:90% }
.indexnews .ct .r .box a:before{display: block;content: '';opacity: .5;width: 7px;height: 7px;background-color: #0192DB;margin-top: 4.8rem;flex-shrink: 0;transition: all .3s;}
.indexnews .ct .r .box a .date{ font-size:1.8rem; color:#888888; font-family:D-DINExp }
.indexnews .ct .r .box a .title{ font-size:2rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:1rem 0 }
.indexnews .ct .r .box a .desc{ font-size:1.6rem; color:#888888; line-height:1.6;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.indexnews .ct .r .box a:hover:before{ opacity:1 }

.indexpartners{ background:url(images/pat-bg.jpg) no-repeat; background-size:cover;  padding-bottom:10rem }
.partners-swiper{ position:relative;  overflow:hidden; margin-top: 7rem;  width: 100%; }
.partners-swiper .swiper-slide{display: flex;align-items: flex-end;justify-content: center; height:auto; overflow:hidden; }
.partners-swiper .swiper-slide .img,.partners-swiper .swiper-slide .img img{   }
.partners-swiper .swiper-slide img{ max-width: 100%; height: auto; display: block;}

.subbaner{ position:relative; }
.subbaner img{ width:100% }
.subbaner .subct{ position:absolute; left:0; top:0; width:100%; height:100%; color: #FFF; display: flex; align-items: center;}
.subbaner .subct h3{ font-weight:normal; font-size:3.6rem; padding-bottom:1.5rem; line-height:1em }
.subbaner .subct p{ font-size:2rem }

.navposition{ font-size:1.6rem; font-weight:300; padding: 3rem 0 5rem 0}
.navposition .iconfont{ font-size:1.2rem; position: relative; top: -.1rem}
.navposition span{ color:#999; display:inline-block; padding:0 1rem }
.navposition .iconhome{padding-left: 0;display: inline-block; vertical-align: middle;}
.navposition .iconhome i{ font-size: 1.8rem; top: -.2rem}

.service-detail { padding-bottom:10rem }
.aboutpcat{ height:5.2rem; line-height:5.2rem;background-color:#0192DB; }
.aboutpcat li{ float: left;}
.aboutpcat li a{ color:#FFF;  min-width: 12rem; text-align: center; padding:0 3rem; display:block; font-size:1.6rem }
.aboutpcat li a.on{ background-color:#85C228 }
.service-detail .service-list{ padding:5rem 0 0 0 }
.service-detail .service-list li{ padding-bottom:5rem }
.service-detail .service-list .box{ border:1px solid #dedede; border-radius:5px; padding:5rem 7rem;transition: all .3s; }
.service-detail .service-list .box:hover{ box-shadow:0 6px 10px 0 rgb(95 101 105 / 15%) }
.service-detail .service-list .box .l{ float:left; width:35rem }
.service-detail .service-list .box .l .img{ overflow:hidden; }
.service-detail .service-list .box .l .img img{ position:relative; transition:all .3s; width:100% }
.service-detail .service-list .box:hover img{ transform:scale(1.3); }
.service-detail .service-list .box .r{ overflow:hidden; padding:0 0 0 5rem }
.service-detail .service-list .box .r .title h3{ font-weight:normal; font-size:2rem; color:#0192DB }
.service-detail .service-list .box .r .desc{ font-size:1.6rem; padding: 1rem 0 0 0; color: #777}
.service-detail .service-list .box .r .desc p{ padding:2rem 0 0 0; }
.service-detail .service-list .box .r .desc p span{display: inline-block; margin-right: 2rem; color: #333; }
.service-detail .service-list .box .r .desc p em{ color:#85C228; font-style:normal; }
.service-detail .pages{ padding:0 0 10rem 0 }
.service-detail .serviceswiper{ width:100%; overflow:hidden; position:relative; }
.service-detail .serviceswiper .swiper-slide{ width:100% }
.service-detail .serviceswiper .swiper-slide img{ width:100% }
.service-detail .swiper-pagination-bullet{ background-color: rgba(196,196,196,.31); transition: all .3s;height: 2px; width: 6rem;  border-radius: 0; opacity: 1; }
.service-detail .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .service-detail .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0; }
.service-detail .swiper-horizontal>.swiper-pagination-bullets, .service-detail .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom: 2rem; }
.service-detail .swiper-pagination-bullet-active{ background-color: rgba(255,255,255,1); width: 4rem; }
.service-detail .swiper-button-l, .service-detail .swiper-button-r{ opacity: 0;visibility: hidden; transition: all .5s; position: absolute; z-index: 1; border-radius: 0; cursor: pointer; width: 5rem; height: 5rem;line-height: 5rem;  top: 50%; margin-top: -2.5rem; font-size: 2rem; background-color: rgba(0,0,0,.3); color: #FFF; text-align: center; }
.service-detail .swiper-button-l{ left: 2rem; }
.service-detail .swiper-button-r{ right: 2rem; }
.service-detail:hover .swiper-button-l, .service-detail:hover .swiper-button-r{ opacity: 1; visibility: inherit; }
.service-detail .lists{ position:relative; padding:5rem 0 3rem 0 }
.service-detail .lists ul{display: grid; grid-template-columns: repeat(4, 1fr);grid-gap:2rem;}
/*.service-detail .lists li{float: left; width: 25%; }*/
.service-detail .lists li .box{ background-color:#f6f9fd; text-align:center; transition:all .3s; padding:1.5rem 0; cursor:pointer; }
.service-detail .lists li .box:hover{box-shadow: 0px 2px 32px 0px rgba(30, 93, 198, 0.24)}
.service-detail .lists li .box img{vertical-align: middle; display: inline-block; height: 12rem}
.service-detail .lists li .box p{ font-size:2.4rem; padding:.8rem 0 0 0; transition:all .3s; }
.service-detail .lists li .box:hover p{ color:#0192DB }

.about-company{ padding-bottom:10rem }
.about-company .aboutcat{position: relative;}
.about-company .aboutcat .img{ overflow:hidden; }
.about-company .aboutcat .img img{width: 100%;transition: all .3s; position: relative;}
.about-company .aboutcat .img:hover img{ transform:scale(1.1); }
.about-company .aboutcat .catli{ position:absolute; left:0; right:0; bottom:-3.5rem; z-index:10 }
.about-company .aboutcat .catli li{ float:left; width:25% }
.about-company .aboutcat .catli li a{display: block; margin: 0 .4rem; height: 6rem; background-color: #0192DB; color: #FFF; text-align: center; line-height: 6rem; overflow: hidden; text-overflow: ellipsis; padding: 0 1rem; font-size: 1.8rem;}
.about-company .aboutcat .catli li a.on{ color:rgba(255, 255, 255, 1);  background-color:#85C228; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16);}
.about-company .about-desc{ font-size:1.6rem; line-height:2.4rem;font-weight:300; padding:4rem 4rem 4rem 4rem; color:rgba(108, 108, 108, 1) }
.about-company .aboutslide{  overflow:hidden; cursor:pointer; margin:4rem 0 0 0 }
.about-company .aboutslide .swiper-slide{ float:left;  width: auto}
.about-company .aboutslide .swiper-slide img{ width: 100%}
.about-company .aboutslide .swiper-slide div{ position:relative; }
.about-company .aboutslide .swiper-slide div p{ position:absolute; bottom:0; left:0; right:0; padding:1rem 2rem;  overflow:hidden; font-size:1.8rem; background-color:rgba(0,0,0,.2); color:#FFF }
.about-company .aboutslide .swiper-slide div p span{ font-size:1.6rem; display:block; font-weight:300 }
.aboutslide{position: relative;}
.aboutslide .swiper-button-l, .aboutslide .swiper-button-r{  transition: all .5s; position: absolute; z-index: 1; border-radius: 0; cursor: pointer; width: 5rem; height: 5rem;line-height: 5rem;  top: 50%; margin-top: -2.5rem; font-size: 2rem; background-color: rgba(0,0,0,.3); color: #FFF; text-align: center; }
.aboutslide .swiper-button-l{ left: 2rem; }
.aboutslide .swiper-button-r{ right: 2rem; }
.aboutslide:hover .swiper-button-l, .aboutslide:hover .swiper-button-r{ opacity: 1; visibility: inherit; }
.about-company .indexpartners{ background-image:none; padding-bottom:0 }
.about-company .indexpartners .partners-swiper{ margin-top:3rem }
.aboutpage .zhname{ font-size:4.8rem; position:relative; bottom:auto; }
.aboutpage .indextitle-left{ padding-bottom:0 }
 .hktitle{ font-size:4.8rem; text-align:center; padding:7rem 0 0 0 }
.aboutpage{ height:auto; padding-bottom:10rem }
.qualificationslide1{position: relative; overflow: hidden; padding: 4rem 2rem 8rem 2rem}
.qualificationslide1 .swiper-button-l, .qualificationslide1 .swiper-button-r{  transition: all .5s; position: absolute; z-index: 1; border-radius: 0; cursor: pointer; width: 5rem; height: 5rem;line-height: 5rem;  top: 50%; margin-top: -2.5rem; font-size: 2rem; background-color: rgba(0,0,0,.3); color: #FFF; text-align: center; }
.qualificationslide1 .swiper-button-l{ left: 2rem; }
.qualificationslide1 .swiper-button-r{ right: 2rem; }
.qualificationslide1:hover .swiper-button-l, .qualificationslide1:hover .swiper-button-r{ opacity: 1; visibility: inherit; }
.qualificationslide1 .swiper-slide div{ display:flex; align-items:center; justify-content:center;  }
.qualificationslide1 .swiper-slide div img{height: 29.8rem}
.qualificationslide1 .swiper-slide {width: auto }
.qualificationslide1 .swiper-slide p{ font-size:1.6rem; margin: 1rem 0 0 0; font-weight:300;color:rgba(108, 108, 108, 1); text-align:center; line-height:3rem; height:3rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.culturecompany{ background:url('/img/ab-e-bg.png') no-repeat center center; background-size:cover; margin-top:5rem; padding-bottom:4rem }
.culturecompany .culturect{display: flex; padding: 3rem 0 0 0}
.culturecompany .culturect .item{flex: 1}
.culturecompany .culturect img{ width:15rem }
.culturecompany .culturect .desc{ padding:1.5rem 5rem 0 2.3rem }
.culturecompany .culturect .desc div{ font-size:3.5rem; color:#0192DB }
.culturecompany .culturect .desc p{font-size: 2rem}


.year-content{ padding: 8rem 0 5rem 0;overflow:hidden;  background:url('/img/ab-e-bg.png') no-repeat center center; background-size:cover; }
.year-content .timesbd{ width: 82rem; margin:0 auto; position: relative;  }
.year-content .timesbd:before{content:''; position: absolute; height: 100%; width: 4px; left: 50%; margin-left: -2px; top: 4.6rem; bottom: 0; background-color: #0192DB;}
.year-content .timesbd li{ position: relative; display: block; margin-bottom: 5rem; }
.year-content .timesbd li .year{ width: 8rem; height: 8rem; font-family:D-DINExp; font-size: 1.8rem; font-weight: bold; line-height: 8rem; left: 50%; margin-left: -4rem; top: 50%; margin-top: -4rem; position: absolute; background-color: #0192DB; color: #FFF; border-radius: 100px; text-align: center; }
.year-content .timesbd li .year-b{ background-color: #EEFAFF; border: 1px solid #0192DB;display: flex; align-items: center; border-radius: 10px; padding: 1rem 2rem; width: 30rem; line-height: 1.5em; min-height: 4.8rem; }
.year-content .timesbd li .year-l{float: left; position: relative;}
.year-content .timesbd li .year-l:after{content: ""; position: absolute; top: 50%; margin-top: -6px; right: -6px; border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #0192DB;}
.year-content .timesbd li .year-r{float: right; position: relative;}
.year-content .timesbd li .year-r:after{content: ""; position: absolute; top: 50%; margin-top: -6px; left: -6px; border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 6px solid #0192DB;}


.contactbd{ padding:0 0 0 0;margin-bottom:8rem; }
.contactbd .l{ float:left; width:45%; background-color:rgba(249, 249, 249, 1); }
.contactbd .l .box{padding: 4rem 5rem; margin-right: 3rem;}
.contactbd .l .box h3{font-size: 1.8rem; font-weight: normal; height: 4rem; position: relative;}
.contactbd .l .box h3:after{content: ""; height: 2px; width: 2.4rem; background-color: rgba(60, 60, 60, 1); position: absolute; bottom: 0; left: 0; border-radius: 100px}
.contactbd .l .box .ct{font-size: 1.6rem; font-weight: 300; padding: 2rem 0 0 0}
.contactbd .l .box .ct p{padding-bottom: 1.5em; }
.contactbd .r{float: right; width: 55%; padding: 4rem 0 0 0; background-color: #FFF}
.contactbd .r .box{ padding:0 0 0 4rem }
.contactbd .r .title{font-size: 1.8rem;}
.contactbd .r .title .iconfont{ float:left; color:#0192DB; font-size:2.1rem;  }
.contactbd .r .title h4{ float:left; padding-left:1.5rem; font-weight:400 }
.contactbd .booksub .formbd{ padding:2.6rem 0 0 0; position:relative; }
.contactbd .booksub .formbd .form-group{ margin-bottom:1.6rem }
.contactbd .booksub .formbd .form-group .ll{width: 50%; float: left;}
.contactbd .booksub .formbd .form-group .rr{width: 50%; float: left;}
.contactbd .booksub .formbd .form-group .txtbd{ background-color: rgba(249, 249, 249, 1)}
.contactbd .booksub .formbd .form-group .ll .txtbd{ margin-right:1rem }
.contactbd .booksub .formbd .form-group .rr .txtbd{ margin-left:1rem }
.contactbd .booksub .formbd .form-group .txtbd .form-txt{ height:5.8rem; position:relative; }
.contactbd .booksub .formbd .form-group .txtbd .form-txt label{width: 9.2rem;  font-size: 1.6rem; font-weight: 300;  position: absolute; left: 1.3rem; top: 1rem; bottom: 1rem; border-right:1px solid rgba(125, 125, 125, 1); display:flex; align-items:center; }
.contactbd .booksub .formbd .form-group .txtbd .form-txt label span{display: inline-block; vertical-align: middle; margin-left: 1rem; position: relative; top: .4rem; color: rgba(255, 0, 0, 1)}
.contactbd .booksub .formbd .form-group .txtbd .form-txtarea{ height:22.8rem }
.contactbd .booksub .formbd .form-group .txtbd .form-txt .inputbd{ position:absolute; left:12rem; right:1.5rem; top:.3rem; bottom:.3rem; }
.contactbd .booksub .formbd .form-group .txtbd .form-txt .inputbd .txt{ width:100%; border:0; background-color:transparent;  height: 100%; font-size: 1.6rem; font-weight: 300}
.contactbd .booksub .formbd .form-btn{ padding:2rem 0 0 0; }
.contactbd .booksub .formbd .form-btn button{ float:right; width:20rem; height:6rem; margin-left:2rem; font-size:2.4rem; font-weight:300 }
.contactbd .booksub .formbd .form-group .txtbd .form-txt .selectgroup{ position:absolute; left:12rem; right:1.5rem; top:1rem; bottom:1rem; }
.contactbd .booksub .formbd .form-group .txtbd .form-txt .selectgroup li{float: left; position: relative; font-size: 1.6rem; font-weight: 300;border-right:1px solid rgba(125, 125, 125, 1);}
.contactbd .booksub .formbd .form-group .txtbd .form-txt .selectgroup li div{ padding:0 3rem; height:3.8rem; line-height:3.8rem; }
.contactbd .booksub .formbd .form-group .txtbd .form-txt .selectgroup li select{opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;font-size: 1.6rem; font-weight: 300; text-align: center;}
.contactbd .booksub .formbd .form-group .txtbd .form-txt .selectgroup li:last-child{border: 0}
.contactbd .booksub .formbd .form-group .txtbd .form-txt .txtareabd{ position:absolute; left:12rem; right:1.5rem; top:1rem; bottom:1rem; }
.contactbd .booksub .formbd .form-group .txtbd .form-txt .txtareabd .txtarea{width:100%; border:0; background-color:transparent;  height: 100%; font-size: 1.6rem; font-weight: 300}
.contactbd .booksub .formbd .tips{display: none;}
.contactbd .booksub .formbd .tips .table{ position:absolute;  left: 0rem;right: 0rem; top: 2.6rem; bottom: 0; background-color: #EEE;display: flex; align-items: center;  justify-content: center; font-size: 1.8rem;font-weight: 300}
.contactbd .booksub .formbd .tips .btn-ubd{ padding:5rem 0 0 0; text-align:center; }
.contactbd .booksub .formbd .tips .btn-ubd button{ padding:.5rem 3rem; font-size:2.4rem; font-weight:300 }

.subnewcat{ text-align:center; font-size:3.2rem; padding:3rem 0 0 0 }
.subnewcat span{ width:2px; background-color:#333; margin:0 1.5rem; height:2.4rem; display:inline-block; }
.subnewcat .on,.subnewcat a:hover{ color:#85C228; }

.pagenewlist{padding: 5rem 0 0 0}
.pagenewlist li{float: left; width: 33.3333%; margin-top: 2rem}
.pagenewlist li .box{ border:1px solid #F4F5F6; padding: 3rem; border-radius: 5px;transition: all .3s; position: relative; margin: 0 1.5rem}
.pagenewlist li .box:hover{-webkit-box-shadow: 0 0 30px rgb(0 0 0 / 10%);box-shadow: 0 0 30px rgb(0 0 0 / 15%);-webkit-transform: translate2d(0, 0px, -2px);transform: translateY(-8px);}
.pagenewlist li .box img{ width:100%;transition:all .3s; }
.pagenewlist li .box .title{ font-size:1.8rem; line-height:1.8rem; white-space:nowrap; padding: 1.5rem 0 .5rem 0; text-overflow:ellipsis; overflow:hidden; }
.pagenewlist li  .box a .date{ font-size:1.6rem; color:#888888; font-family:D-DINExp; padding:1rem 0 0 0 }
.pagenewlist li  .box a .title{ margin:1rem 0; color:#0192DB }
.pagenewlist li  .box a .desc{ font-size:1.4rem; color:#888888; line-height:1.4;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.pagenewlistpage .pages{ padding-bottom:10rem; padding-top:5rem }

.pagesubtitle{ background-color:rgba(249, 249, 249, 1); font-size:1.8rem;height: 4rem; line-height: 4rem; padding: 0 4rem }
.pagesubtitle .iconfont{margin-right:1rem;color:#0192DB; font-size:1.8rem }
.pagesubtitle.pon{ margin-top:5rem }

.newsdetail-content{display: flex;margin-bottom:10rem }
.newsdetail-content .l{ width:100rem }
.newsdetail-content .r{ width:44rem; }
.newsdetail-content .r .rbd{background-color:#f7f7f7;}
.newsdetail-content .r h3{ font-size:3.6rem; position: relative; padding: 5rem 5rem 0 7rem; font-family: }
.newsdetail-content .r h3:before{ width:4px; height:3.6rem; content:""; background-color:#85C228; position:absolute; top:50%; margin-top:.8rem; left:5rem }
.newsdetail-content .r ul{ padding:0 5rem 5rem 5rem }
.newsdetail-content .r li  .info .title{ font-size:2rem;  padding: 0 0 .5rem 0;  text-align:justify; }
.newsdetail-content .r li { border-bottom:1px solid #DDD; padding:2rem 0 3rem 0}
.newsdetail-content .r li:last-child{ border:0; padding-bottom:1rem }
.newsdetail-content .r li  .info a .date{ font-size:1.8rem; color:#888888; font-family:D-DINExp; padding:1rem 0 0 0 }
.newsdetail-content .r li  .info a .title{ margin:1rem 0;}
.newsdetail-content .r li  .info a .desc{ font-size:1.6rem; color:#888888; line-height:1.4;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.newsdetail-content .l .article-detail{ padding:5rem 8rem 0 8rem; }
.newsdetail-content .l .article-detail h1{font-size: 3.6rem}
.newsdetail-content .l .article-detail .dateinfo{display: flex; align-items: center; margin-top: 5rem; justify-content: center; font-size: 1.8rem; padding: 1.5rem 0; border-top: 1px solid #EEE;border-bottom: 1px solid #EEE;}
.newsdetail-content .l .article-detail .dateinfo .f{font-family:D-DINExp }
.newsdetail-content .l .article-detail .dateinfo div{ padding:0 4rem; color: #888}
.newsdetail-content .l .article-detail .dateinfo .iconfont{ margin-right:1rem }
.newsdetail-content .l .article-detail .dateinfo .iconfont{font-size: 1.8rem}
.newsdetail-content .l .article-detail .ct{ line-height:2em; font-size:1.8rem; padding:5rem 0 0 0 }
.newsdetail-content .l .article-detail .ct p{}
.newsdetail-content .l .article-detail .ct img{ max-width:100%;display:inline-block; }
.newsdetail-content .l .article-detail .joindateinfo{ }
.newsdetail-content .l .article-detail.joindetail h1{text-align: center;}
.newsdetail-content .l .article-detail .joinsubtitle{font-size: 2rem}

.aboutjoin{position: relative; overflow: hidden; padding: 0 0 4rem 0}
.aboutjoin .joinlist{ padding:1rem 0 0 0; }
.aboutjoin .joinlist .ul{padding: 4rem 0 0 0}
.aboutjoin .joinlist li{ float:left; width:33.333%; padding:4rem 0 0 0 }
.aboutjoin .joinlist li .box{margin:0 1.5rem;border:1px solid #F4F5F6; border-radius: 5px;  padding:3rem; transition: all .3s; position:relative; }
.aboutjoin .joinlist li .box a{display: block; background-color:rgba(249, 249, 249, 1); padding:0 3rem 3rem 3rem}
.aboutjoin .joinlist li .box:hover{-webkit-box-shadow: 0 0 30px rgb(0 0 0 / 10%);box-shadow: 0 0 30px rgb(0 0 0 / 15%);-webkit-transform: translate2d(0, 0px, -2px);transform: translateY(-8px);}
.aboutjoin .joinlist li .box .dtitle{font-size: 1.8rem; padding: 2rem 0 2.5rem 0; color:rgba(60, 60, 60, 1); }
.aboutjoin .joinlist li .box .li{display: flex; flex: 2}
.aboutjoin .joinlist li .box .li span.label{ width:10rem; display: block;font-size: 1.4rem;color:rgba(60, 60, 60, 1);}
.aboutjoin .joinlist li .box .li div.de{width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: justify; color: rgba(125, 125, 125, 1); font-size: 1.4rem;padding: 0 0 2rem 0;}
.aboutjoin .joinlist li .box .detail{text-align: right; font-size: 1.6rem;color:#85C228;}
.aboutjoin .joinlist li .box .names{ position:relative;color:rgba(60, 60, 60, 1); }
.aboutjoin .joinlist li .box .names span{ background-color:#0192DB; color:#FFF; font-size:1.8rem; width:5.7rem; height:4rem; display:inline-block; text-align:center; line-height:5rem; position:relative; z-index:2 }
.aboutjoin .joinlist li .box .names span:after{ background-color:rgba(0, 128, 204, .3);content:""; width:5.6rem; height:3.6rem; position:absolute; left:.3rem; bottom:-.2rem; z-index:-1 }
.aboutjoin .joinlist li .box .names .z{ font-size:1.8rem; left:8rem; font-weight: bold; height:2rem; line-height:2rem; bottom:.5rem; position:absolute; padding-right:2.5rem; background-color:#F4F5F6; z-index:2 }
.aboutjoin .joinlist li .box .names .n{ font-size:1.8rem; right:0; height:2rem; line-height:2rem; bottom:.5rem; position:absolute; padding-left:2.5rem; background-color:#F4F5F6; z-index:2 }
.aboutjoin .joinlist li .box .names:before{ height:1px; background-color:rgba(125, 125, 125, 1); position:absolute; left:9rem; right:2rem; top:2.5rem; content:""; z-index:1 }
.joindetail .detailtitle{ position:relative; padding:2rem 0 2rem 8rem }
.joindetail .detailtitle .names .li{ float:left; }
.joindetail .detailtitle span{background-color:#0192DB; color:#FFF; font-size:1.8rem; width:8rem; height:6.2rem; display:inline-block; text-align:center; line-height:6.2rem; position:absolute; top: 0; right: 4rem; z-index:2}
.joindetail .detailtitle span:after{ background-color:rgba(0, 128, 204, .3);content:""; width:8rem; height:6.2rem; position:absolute; left:-.3rem; bottom:-.2rem; z-index:-1 }
.joindetail .detailtitle .names .li .iconfont,.joindetail .detailtitle .names h3{ font-size:2.4rem; line-height:5rem; font-weight:400 }
.joindetail .detailtitle .names .li .iconfont{ color:#0192DB; margin-right:2rem }
.joindetail .linebd{ height:4rem; line-height:4rem; padding:0 0 0 8rem; font-size:1.8rem; background-color:rgba(230, 230, 230, 1) }
.joindetail .joincontent .joinct{font-weight: 300; padding: 2.4rem 8rem 3rem 8rem;}
.joindetail .joincontent .joinct p{font-size: 1.6rem; padding-bottom: 1.5em}
.joindetail .joincontent .joinct p span{ color: rgba(125, 125, 125, 1);  }
.aboutjoin .pages{ padding-bottom:10rem }

.footer{background:url(images/foot-bg.jpg) no-repeat center center; background-size:cover; color:#FFF }
.footer a{color: #FFF}
.footer .bd .btable{display: flex; flex-direction: row; position: relative; width: 100%}
.footer .foot-left{flex: 9;}
.footer .foot-left .foot-left-up{border-right: 1px solid rgba(255, 255, 255, .1);display: flex; align-items: center;padding:5rem 0 3rem 0}
.footer .foot-left .foot-left-up .logo{ height:7rem; margin-right:5rem }
.footer .foot-left .foot-left-up .logo img{ height:100% }
.footer .foot-left .foot-left-up h3{font-weight: normal;; font-size: 2rem;}
.footer .foot-left .foot-left-bottom{ border-top: 1px solid rgba(255, 255, 255, .1); border-right: 1px solid rgba(255, 255, 255, .1); padding: 3rem 0 5rem 0;}
.footer .foot-left .foot-left-bottom .foot-list{display: flex; justify-content: space-between; margin-right: 8rem}
.footer .foot-left .foot-left-bottom .foot-list .h4{font-size: 1.8rem}
.footer .foot-left .foot-left-bottom .foot-list .h4:after{content: ""; height: .2rem; width: 1.2rem; display: block; background-color: #FFF; border-radius: 10rem; margin: 2rem 0}
.footer .foot-left .foot-left-bottom .foot-list .sublist li{  padding-bottom:1.5rem; font-size:1.6rem }
.footer .foot-left .foot-left-bottom .foot-list .sublist li a{color: rgba(255,255,255,.7)}
.footer .foot-left .foot-left-bottom .foot-list .sublist li a:hover,.footer .foot-right .finfo a:hover,.footer .foot-right .copyright a:hover{color:rgba(255,255,255,1) }
.footer .foot-right{width: 32rem;}
.footer .foot-right .rbd{ padding:5rem 0 3rem 5rem }
.footer .foot-right .rbd .p,.footer .foot-right .finfo,.footer .foot-right .finfo a,.footer .foot-right .copyright,.footer .foot-right .copyright a{color: rgba(255,255,255,.7)}
.footer .foot-right .rbd .tel{ font-size:3.6rem; font-family:D-DINExp; font-weight:bold; padding:1rem 0 0 0; line-height:4rem }
.footer .foot-right .finfo{ padding:3.5rem 0 }
.footer .foot-right .finfo .address{ padding:1rem 0 0 0 }
.footer .foot-right .copyright{ padding:5rem 0 0 0 }
.footer .foot-right .copyright span{display: inline-block; padding: 0 0 0 1rem}
.footer .foot-right .icons{ }
.footer .foot-right .icons ul{display: flex; flex-wrap: wrap; }
.footer .foot-right .icons ul li{ width:30%; padding:.6rem 0; position:relative;}
.footer .foot-right .icons ul li a{display: block; width: 4rem; height: 4rem; line-height: 4rem; text-align: center; border-radius: 10rem; background-color: #FFF; color: #333; transition: none; }
.footer .foot-right .icons ul li a .iconfont{ font-size:2rem;  }
.footer .foot-right .icons ul li a .icon-weixin{ color:#07c160 }
.footer .foot-right .icons ul li a .icon-shipinhao{ color:#F60 }
.footer .foot-right .icons ul li a:hover,.footer .foot-right .icons ul li a:hover .iconfont{ background-color:#0192DB; color:#FFF }
.footer .foot-right .icons ul li .img{ background-color:#0192DB; color:#FFF; display: none; width:16rem; padding:1rem; border-radius:.5rem; position:absolute; left:50%; margin-left:-10.5rem; bottom: 6rem; text-align:center; }
.footer .foot-right .icons ul li .img div{ position:relative; overflow:hidden; }
.footer .foot-right .icons ul li .img img{ width:100% }
.footer .foot-right .icons ul li .img p{ color:#FFF; font-size:1.6rem; height:2rem; line-height:2rem; padding:1rem 0 0 0 }

.pages{ text-align:center; padding:8rem 0 0 0;}
.pages ul li{ display:inline-block; padding:0 1rem;}
.pages ul li a{ display:block; width: 4.2rem; height: 4.2rem; line-height: 4.2rem; background-color:#EEE; border-radius:1rem;}
.pages ul li a:hover{background-color:#0192DB; color: #FFF}
.pages ul .active a{ background-color:#0192DB; color: #FFF}
.pages ul .disabled a,.pages ul .disabled a:hover{ background-color:#EEE; color: #333; cursor:not-allowed;}
.pages ul .more a,.pages ul .more a:hover{ background-color: transparent; color: #333 }


.fixed-right{position: fixed;right: 2rem;top: 20rem; z-index: 10}
.fixed-right  .btn,.fixed-right .backtop{ background-color:#0192DB; transition: all .3s; position:relative; overflow:hidden; border-radius:10rem; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16);width: 5rem; height: 5rem; }
.fixed-right  .btn  .icon,.fixed-right .backtop .icon{background-repeat: no-repeat; background-position: center center; background-size: 40%; cursor:pointer;width: 5rem; height: 5rem; }
.fixed-right  .btn-search{ position:absolute; right:0; top:0 }
.fixed-right  .btn-more,.fixed-right  .fixed-more,.fixed-right  .subfixed{ position:absolute; right:0; top:8rem; }
.fixed-right  .btn-weixin{ position:absolute; right:0; top:5rem; }
.fixed-right  .btn-mobile{ position:absolute; right:0; top:13rem; }
.fixed-right  .btn-book{ position:absolute; right:0; top:21rem; }
.fixed-right  .subfixed{display: none; position: relative;height: 29rem; z-index: 20}
.fixed-right  .subfixed .txtbd{display: none}
.fixed-right  .subfixed .img{display: none; width: 16.6rem; z-index: 10;}
.fixed-right  .subfixed .img img{ width:100% }
.fixed-right  .btn .icon{  background-image: url(images/fixedsearch.png); position:absolute; right:0; top:0;  }
.fixed-right  .btn-search .inputbd{ border-right:1px solid #FFF; border-left:1px solid #FFF; height:4rem;  width:30rem;display: none; margin:.5rem 5rem 0 3rem; position:relative; }
.fixed-right  .btn-search .txt{ display:block; border:0; background-color:transparent; height:4rem; line-height:4rem; position:absolute; left:1rem; right:1rem; top:0; color:#FFF; }
.fixed-right  .btn-search .txt::placeholder{ color:#FFF;  }
.fixed-right  .btn-search:hover{ width: 38.2rem}
.fixed-right  .btn-search:hover .inputbd{display: block;}
.fixed-right  .btn-email:hover{ width: 31.2rem;}
.fixed-right  .btn-email:hover .txtbd{display: block;}
.fixed-right  .btn-mobile:hover{ width: 26rem;}
.fixed-right  .btn-mobile:hover .txtbd{display: block;}
.fixed-right  .btn-weixin{ overflow:inherit; }
.fixed-right  .btn-weixin:hover .img{display: block;}
.fixed-right  .img{ position:absolute; right:6rem; top:-5rem; }
.fixed-right  .txtbd{font-family:HarmonyOSlight; letter-spacing: 0.16rem; font-size:1.6rem; font-weight: 200; line-height: 5rem; height: 5rem; color: #FFF; margin:0 5rem 0 3rem}
.fixed-right  .btn-weixin,.fixed-right  .btn-mobile,.fixed-right  .btn-book{ margin-top:3rem }
.fixed-right  .btn-more .icon{  background-image: url(images/fixedmore.png);  background-size: 43%;}
.fixed-right  .btn-email .icon{  background-image: url(images/fixedemail.png);  background-size: 43%;}
.fixed-right  .btn-weixin .icon{  background-image: url(images/fixedwechat.png?v=1);  background-size: 43%;}
.fixed-right  .btn-mobile .icon{  background-image: url(images/fixedmobile.png);  background-size: 43%;}
.fixed-right  .btn-book .icon{  background-image: url(images/fixedbook.png);  background-size: 43%;}
.fixed-right .backtop{position: fixed; bottom: 8rem; right: 8rem}
.fixed-right .backtop .icon{background-image: url(images/backtop.png);  background-size: 52%;}



@media screen and (max-width: 959px){
        html{font-size: 8px}
        .bd{ max-width:80rem;  width:auto; margin:0 auto }
        .header .rbd .rli{ display:none }
        .header .bd{ margin:0 auto }

        .header .rbd .nav{ padding-right:0 }
        .indextitle-left{ position:relative; }
        .indextitle-left .enname{ font-size:9rem; }
        .indextitle-left .zhname{ font-size:5rem }
        .indextitle-default .enname{ font-size:9rem; }
        .indextitle-default .zhname{ font-size:5rem }
        .indextitle .zhname{ font-size:5rem }
        .indextitle .enname{ font-size:9rem; }
        .indexabout .about-l .desc{ font-size:1.6rem; }
        .indexabout .about-l .datalist .data .data-num{ font-size:5rem; }
        .indexproduct .slide-content .item .l .info h3{font-size: 3rem;padding-bottom: 1.5rem}
        .indexproduct .slide-content .item .l .info .p{ font-size:1.6rem }
        .indextitle-default .subt{font-size: 1.6rem}
        .indexservice .content .lists li .box img{ height:7rem }
        .indexservice .content .lists li .box p{font-size: 1.6rem}
        .indexnews .ct .l ul li .box{ margin-right:2rem }
        .indexnews .ct .l .box a .title{ font-size:2rem }
        .indexnews .ct .r .box a .title{ font-size:1.8rem; }
        .indexnews .ct .r{ width:100% }

        .header{position: relative;}
        .header .menubtn{position: absolute; right: 0; width: 4rem; height: 4rem;  top:50%; margin-top:-2rem; display:block;-webkit-tap-highlight-color:transparent;display:block; }
        .header .menubtn span{ position: absolute; left: 0; right: 0; top: 50%; margin-top: -1px; height: 2px; border-radius: 100px; background-color: #666; }
        .header .menubtn:before{content: ""; position: absolute; left: .5rem; right: 0; top: 7px; height: 2px;border-radius: 100px; background-color: #666;}
        .header .menubtn:after{content: ""; position: absolute; left: .5rem; right: 0; bottom: 7px; height: 2px;border-radius: 100px; background-color: #666;}

        .header .logo{ left:0; height:5.6rem; margin-top:-2.8rem }
        .headerbd{ height:8rem; }
        body{ padding-top:0 }
        .header .rbd{position:absolute; left:0; right:0; top:8rem; padding-bottom: 2rem; display: block; background-color: #FFF; bottom: auto; box-shadow: 0 10px 15px rgba(0,0,0,.1);display: none}
        .header .rbd .nav{ float:none }
        .header .rbd .nav .li{ float:none; text-align:center; }
        .header .rbd .nav .li h3{ position:relative; }
        .header .rbd .nav .li h3 a{ position:relative; font-weight:bold; }
        .header .rbd .nav .li h3 a,.header .rbd .nav .subnav .subli h4 a{font-size: 2rem; line-height: 8rem}
        .header .rbd .nav .li h3 span{ display:block;  position: absolute; right: 0; top: 50%; margin-top: -3rem; height: 6rem; line-height: 6rem; width: 8rem;-webkit-tap-highlight-color:transparent}
        .header .rbd .nav .subnav{ position:inherit; left:auto; right:auto; top:auto; display:none; border-top: 2px solid #0192DB;}
        .header .rbd .nav .subnav.shadow{box-shadow: none;}
        .indexbannerswiper{ position:relative; }
        .indexbannerswiper img{width: 100%;}
        .indexbannerswiper .swiper-slide{ width:100%; }
        .indexbannerswiper img{height: 32rem; width: 100%;object-fit:cover}
        .indexbannerswiper .swiper-pagination-bullet{ width:4rem }
        .indexbannerswiper .swiper-horizontal>.swiper-pagination-bullets, .indexbannerswiper .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper .swiper-pagination-fraction{ bottom:3rem }
        .indexbannerswiper:hover .swiper-button-l, .indexbannerswiper:hover .swiper-button-r{ opacity: 0; visibility: inherit; }
        .indextitle-left .enname{ font-size:5rem; line-height:7rem }
        .indextitle-left .zhname{ font-size:3.6rem;  line-height:4rem; bottom:.7rem }
        .indextitle-default .enname{ font-size:5rem; line-height:7rem }
        .indextitle-default .zhname{ font-size:4rem;line-height:4rem; top:8.5rem; }
        .indextitle-default .subt{ padding:2rem 0 0 0 }
        .indextitle .enname{ font-size:5rem;line-height:7rem }
        .indextitle .zhname{ font-size:4rem;line-height:4rem; bottom:1rem }
        .indexnews .indextitle-left{ padding:3rem 0 1rem 0 }
        .indexabout .indextitle-left{ padding:3rem 0 1rem 0 }
        .indexabout .about-l .desc{ padding:1.5rem 0 }
        .indexabout{ background-position: left center; }
        .indexabout .about-l{ float:none; width:80% }
        .indexabout .about-l .datalist .data .data-num{ line-height:4rem }
        .indexabout .about-l .datalist .data .data-plus{ font-size:3rem; line-height:3rem }
        .indexabout .about-l .datalist .data .data-unit{ margin-top:1.3rem; margin-left:.5rem }
        .indexabout .about-l .datalist .data .d{ padding:.5rem 0 0 0 }
        .indexabout{ height:75rem }
        .indexproduct .swiper-scroll-bd{ width:auto; padding:0 4rem; margin:1rem auto 2rem auto }
        .indexproduct .swiper-scroll .swiper-slide .btn .img img{ height:4rem }
        .indexproduct .swiper-button-l, .indexproduct .swiper-button-r{ width:3rem; height:3rem; margin-top:-1.5rem }
        .indexproduct .swiper-button-l{ left:0 }
        .indexproduct .swiper-button-r{ right:0 }
        .indexproduct .slide-content .item .l{ position:static; width:100%; overflow:hidden;  }
        .indexproduct .slide-content .item .l .info{ position:relative; transform:none; left:auto; top:auto; margin:0; text-align:center; padding:3rem 0 }
        .indexproduct .slide-content .item .l .info .more{ padding-top:1rem }
        .indexproduct .slide-content .item .r{ position:relative; float:left; width:100%;z-index:5 }
        .indexproduct .slide-content .item .r .img{ margin:0 }
        .fixed-right .btn-more, .fixed-right .fixed-more, .fixed-right .subfixed { display: none}
        .fixed-right .backtop{  display: none }
        .indexservice .content{ display:block; }
        .indexservice .serviceswiper{ position:static; }
        .indexservice .serviceswiper .swiper-slide{ height:30rem }
        .indexservice .content .lists ul{display: grid;grid-template-columns:repeat(4, 1fr);grid-gap:1rem}
        .indexservice .content .lists li{ width:auto; }
        .indexservice .content .lists li .box{ margin:0 }
        .indexnews .cats{ right:auto; left:0 }
        .indexnews .cats li{ margin-left:auto;  margin-right: 1rem}
        .indexnews .cats{ bottom:-6rem }
        .indexnews .cats li a{ padding:1rem 2rem }
        .indexnews .ct{ padding-top:8rem;display:block; }
        .indexnews .ct .l ul{ display:block; }
        .indexnews .ct .l ul li{ float:none; width:100%; margin-bottom:3rem }
        .indexnews .ct .l ul li .box{ margin-right:0; height:auto }
        .partners-swiper{ margin-top:3.5rem }
        .indextitle{ padding-top:3rem; padding-bottom:1.6rem }
        .indexpartners{ padding-bottom:7rem }
        .indexnews .ct .r .box a:before{ display:none }
        .indexnews .ct .r .box{ padding:3.5rem 2rem }
        .indexnews .ct .r .box a:last-child{ margin-bottom:0 }
        .footer .bd .btable{ display:block; }
        .footer .foot-left .foot-left-up{ border:0 }
        .footer .foot-left .foot-left-bottom{ border-right:0 }
        .footer .foot-left .foot-left-up .logo{ height:5rem }
        .footer .foot-left .foot-left-up h3{ font-size:1.6rem }
        .footer .foot-right{ width:auto; }
        .footer .foot-right .rbd{ padding:0 }
        .footer .foot-left .foot-left-bottom .foot-list{ margin-right:0 }
        .footer .foot-right .copyright{ padding-bottom:5rem }
        .footer .foot-right .icons ul li{ width:auto; margin-right:3rem }
        .footer .foot-right .icons ul li .img{ position:absolute; left:0; margin-left:auto; }
        .indexnews .ct .r .box a .info{ width:100% }
        .aboutpage{padding-bottom:5rem}
        .hktitle{font-size: 3.6rem}

        .about-company .aboutslide .swiper-slide img{ width: auto; height: 23rem}
        .culturecompany .culturect{display: block;}
        .culturecompany .culturect .item{flex: none; display: flex; padding: 2rem 0}
        .culturecompany .culturect .desc div{ font-size:2.8rem }
        .culturecompany .culturect .desc p{ font-size:1.8rem }
        .qualificationslide1 .swiper-slide div img{}
        .culturecompany .culturect .desc{ padding-right:2rem }
        .subbaner img{ height:20rem; object-fit:cover;}
        .subct .bd{ max-width:80rem; width:100% }
        .year-content { padding:5rem 0 3rem 0 }
        .year-content .timesbd{ width:auto;  }
        .year-content .timesbd li{ position:relative;  padding: 0 0 0 10rem}
        .year-content .timesbd li .year{  left:0; margin-left:auto; font-size:2.3rem }
        .year-content .timesbd li .year-b{ width:auto; flex:1; font-size:1.5rem }
        .year-content .timesbd li .year-r{float: none}
        .year-content .timesbd li .year-l{float: none}
        .year-content .timesbd li .year-l:after{display: none}
        .year-content .timesbd li .year-l:before{content: "";position: absolute;top: 50%;margin-top: -6px;left: -6px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 6px solid #0192DB;}
        .year-content .timesbd:before{ left:4.2rem; bottom:4rem; top:3.6rem; height:auto; }
        .aboutpcat{ height:auto; }
        .aboutpcat li{ width:50% }
        .service-detail .service-list .box .l{float: none; width: auto;}
        .service-detail .service-list .box .r{float: none; padding: 3rem 0 2rem 0}
        .service-detail .service-list .box{ padding:2rem }
        .aboutpcat li a{ font-size:1.8rem; }
        .service-detail .lists ul{grid-template-columns:repeat(2, 1fr)}
        .service-detail .lists li .box img{ height:8rem }
        .service-detail .lists li .box p{ font-size:1.8rem }
        .subbaner .subct h3{font-size: 2.8rem}
        .subbaner .subct p{font-size: 1.8rem}
        .subnewcat{font-size: 2.4rem}
        .subnewcat span{height: 1.8rem}
        .pagenewlist li{float: none;width: 100%}
        .pagenewlist li .box{ padding:1rem }
        .pagenewlist li .box .title{ font-size:2.2rem; line-height:2.2rem }
        .pagenewlist{ padding:2rem 0 0 0 }
        .pagenewlist li .box{ margin:0 }
        .newsdetail-content{display: block;}
        .newsdetail-content .l{ width:100% }
        .newsdetail-content .l .article-detail{ padding:3rem 0 3rem 0 }
        .newsdetail-content .l .article-detail h1{font-size: 2.6rem}
        .newsdetail-content .l .article-detail .dateinfo{ margin-top:2rem }
        .newsdetail-content .r{ width:100% }
        .newsdetail-content .l .article-detail .dateinfo{ width:100%; font-size:1.6rem;padding:.6rem 0 }
        .newsdetail-content .l .article-detail .dateinfo div{ padding:0 1rem; flex:1; white-space:nowrap; text-align:center; }
        .newsdetail-content .r h3{font-size: 2.4rem; padding-left: 2rem}
        .newsdetail-content .r h3:before{ height:2.8rem; margin-top:1.2rem; left:0 }
        .newsdetail-content .r ul{ padding:0 2rem 3rem 2rem }
        .aboutjoin .joinlist li{ width:100%; float:none; }
        .aboutjoin .joinlist li .box{ margin:0; padding:1rem }
        .aboutjoin .joinlist li .box .li div.de,.aboutjoin .joinlist li .box .li span.label{font-size: 1.6rem}
        .aboutjoin .joinlist li .box .li span.label{ white-space:nowrap; }
        .contactbd .l{float: none; width: 100%}
        .contactbd .r{float: none; width: 100%}
        .contactbd .booksub .formbd .form-group .ll,.contactbd .booksub .formbd .form-group .rr{float: none; width: 100%}
        .contactbd .booksub .formbd .form-group .rr .txtbd{margin-left: 0}
        .contactbd .booksub .formbd .form-group .rr{ margin-top:1.6rem }
        .contactbd .booksub .formbd .form-btn button{ width:12rem; height:5rem; font-size:2rem }
        .contactbd .r .box{padding: 0}
        .contactbd .booksub .formbd .form-group .ll .txtbd{ margin-right:0 }
        .contactbd .l .box{ margin-right:0; padding:4rem }
}

@media screen and (max-width: 639px){
    .bd{ margin:0 2rem }
    .header .logo{ left:2rem;}
    .header .menubtn{ right:2rem }
    .indexabout .about-l{ float:none; width:auto }
    .indexabout .about-l .datalist .data .data-num{ font-size:3rem }
}


@media screen and (min-width: 960px){
        html{font-size: 8px}
        .bd{ max-width:none;  margin:0 5rem; width:auto }
        .header .rbd .rli{ display:none }
        .header .rbd .nav .li:last-child h3 a{ padding-right:0 }
        .header .rbd .nav{ padding-right:0 }
        .indextitle-left .enname{ font-size:9rem; }
        .indextitle-left .zhname{ font-size:5rem }
        .indextitle-default .enname{ font-size:9rem; }
        .indextitle-default .zhname{ font-size:5rem }
        .indextitle .zhname{ font-size:5rem }
        .indextitle .enname{ font-size:9rem; }
        .indexabout .about-l .desc{ font-size:1.5rem; }
        .indexabout .about-l .datalist .data .data-num{ font-size:5rem; }
        .indexproduct .slide-content .item .l .info h3{font-size: 3rem;padding-bottom: 1.5rem}
        .indexproduct .slide-content .item .l .info .p{ font-size:1.6rem }
        .indextitle-default .subt{font-size: 1.6rem}
        .indexservice .content .lists li .box img{ height:11rem }
        .indexservice .content .lists li .box p{font-size: 2rem}
        .indexnews .ct .l ul li .box{ margin-right:2rem }
        .indexnews .ct .l .box a .title{ font-size:2rem }
        .indexnews .ct .r .box a .title{ font-size:1.8rem; }
        .indexnews .ct .r{ width:50rem }
}



@media screen and (min-width:1100px){
        html{font-size: 9px}
        .bd{ max-width:none;  margin:0 5rem; width:auto }
        .header .rbd .rli{ display:none }
        .header .rbd .nav .li:last-child h3 a{ padding-right:0 }
        .header .rbd .nav{ padding-right:0 }
        .indextitle-left .enname{ font-size:9rem; }
        .indextitle-left .zhname{ font-size:5rem }
        .indextitle-default .enname{ font-size:9rem; }
        .indextitle-default .zhname{ font-size:5rem }
        .indextitle .zhname{ font-size:5rem }
        .indextitle .enname{ font-size:9rem; }
        .indexabout .about-l .desc{ font-size:1.5rem; }
        .indexabout .about-l .datalist .data .data-num{ font-size:6rem; }
        .indexproduct .slide-content .item .l .info h3{font-size: 4rem;padding-bottom: 2rem}
        .indexproduct .slide-content .item .l .info .p{ font-size:2rem }
        .indextitle-default .subt{font-size: 1.6rem}
        .indexservice .content .lists li .box img{ height:11rem }
        .indexservice .content .lists li .box p{font-size: 2rem}
        .indexnews .ct .l ul li .box{ margin-right:2rem }
        .indexnews .ct .l .box a .title{ font-size:2rem }
        .indexnews .ct .r .box a .title{ font-size:1.8rem; }
        .indexnews .ct .r{ width:50rem }
}


@media screen and (min-width:1220px){
        html{font-size:9.5px}
        .bd{ max-width:none;  margin:0 5rem; width:auto }
        .header .rbd .rli{ display:block }
        .header .rbd .nav .li:last-child h3 a{ padding-right:4rem }
        .header .rbd .nav{ padding-right:4rem }
        .indextitle-left .enname{ font-size:9rem; }
        .indextitle-left .zhname{ font-size:5rem }
        .indextitle-default .enname{ font-size:9rem; }
        .indextitle-default .zhname{ font-size:5rem }
        .indextitle .zhname{ font-size:5rem }
        .indextitle .enname{ font-size:9rem; }
        .indexabout .about-l .desc{ font-size:1.5rem; }
        .indexabout .about-l .datalist .data .data-num{ font-size:6rem; }
        .indexproduct .slide-content .item .l .info h3{font-size: 4rem;padding-bottom: 2rem}
        .indexproduct .slide-content .item .l .info .p{ font-size:2rem }
        .indextitle-default .subt{font-size: 1.6rem}
        .indexservice .content .lists li .box img{ height:11rem }
        .indexservice .content .lists li .box p{font-size: 2rem}
        .indexnews .ct .l ul li .box{ margin-right:2rem }
        .indexnews .ct .l .box a .title{ font-size:2rem }
        .indexnews .ct .r .box a .title{ font-size:1.8rem; }
        .indexnews .ct .r{ width:50rem }
}

@media screen and (min-width:1480px){
        html{font-size: 10px}
        .bd{ max-width:144rem;margin:0 auto; width:100% }
        .header .rbd .rli{ display:block }
        .header .rbd .nav .li:last-child h3 a{ padding-right:4rem }
        .header .rbd .nav{ padding-right:4rem }
        .indextitle-left .enname{ font-size:11.5rem; }
        .indextitle-left .zhname{ font-size:6rem }
        .indexabout .about-l .desc{ font-size:1.6rem; }
        .indexabout .about-l .datalist .data .data-num{ font-size:6.6rem; }
        .indextitle-default .enname{ font-size:11.5rem; }
        .indextitle-default .zhname{ font-size:6rem }
        .indextitle .zhname{ font-size:6rem }
        .indextitle .enname{ font-size:11.5rem; }
        .indexproduct .slide-content .item .l .info h3{font-size: 4.8rem; padding-bottom: 3rem}
        .indexproduct .slide-content .item .l .info .p{ font-size:2.4rem }
        .indextitle-default .subt{font-size: 2rem}
        .indexservice .content .lists li .box img{ height:12rem }
        .indexservice .content .lists li .box p{font-size: 2.4rem}
        .indexnews .ct .l ul li .box{ margin-right:4rem }
        .indexnews .ct .l .box a .title{ font-size:2.2rem }
        .indexnews .ct .r .box a .title{ font-size:2rem; }
        .indexnews .ct .r{ width:60rem }
}