/* CSS Document */
*{margin:0;padding:0;list-style:none;border:0;word-break:break-word;vertical-align:top;outline:none}
@font-face{font-family:'SourceHanSansCN-Normal';src:url('../fonts/SourceHanSansCN-Normal.eot');src:url('../fonts/SourceHanSansCN-Normal.eot?#iefix') format('embedded-opentype'),url('../fonts/SourceHanSansCN-Normal.woff') format('woff'),url('../fonts/SourceHanSansCN-Normal.ttf')  format('truetype'),url('../fonts/SourceHanSansCN-Normal.svg#YourWebFontName') format('svg')}
@font-face{font-family:'Alibaba-PuHuiTi-Bold';src:url('../fonts/Alibaba-PuHuiTi-Bold.eot');src:url('../fonts/Alibaba-PuHuiTi-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Alibaba-PuHuiTi-Bold.woff') format('woff'),url('../fonts/Alibaba-PuHuiTi-Bold.ttf')  format('truetype'),url('../fonts/Alibaba-PuHuiTi-Bold.svg#YourWebFontName') format('svg')}
@font-face{font-family:'Alibaba-PuHuiTi-Light';src:url('../fonts/Alibaba-PuHuiTi-Light.eot');src:url('../fonts/Alibaba-PuHuiTi-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Alibaba-PuHuiTi-Light.woff') format('woff'),url('../fonts/Alibaba-PuHuiTi-Light.ttf')  format('truetype'),url('../fonts/Alibaba-PuHuiTi-Light.svg#YourWebFontName') format('svg')}
html,body{min-height:100%}
body{text-align:center;margin:0 auto;padding:0;background:#fff;font-size:14px;color:#333;width:100%;line-height:1;font-weight:normal;font-family:"寰蒋闆呴粦";-webkit-text-size-adjust:100%;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
img{border:0;padding:0;display:inline;-webkit-user-select:none;-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}
select,input,img{vertical-align:middle}
ul,ol,li{list-style:none}
table{table-layout:fixed !important;width:100% !important;border-collapse:collapse;border-spacing:0}
table,td,input,select,input,textarea{font-size:14px;padding:0;margin:0px;border-color:#ddd}
input{padding:0;font-family:"寰蒋闆呴粦";}
input::-moz-focus-inner{border:none;padding:0px}
select,input{vertical-align:middle}
select,input,textarea{border-radius:0;-webkit-border-radius:0;color:#878787;font-family:Lucida Bright,Arial}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none}
input:focus{outline:none}
input,button,select,textarea{outline:none}
textarea{resize:none}
textarea,input,select{background:none;border:none;margin:0;padding:0}
.clear{display:block;height:0px;visibility:hidden;clear:both}
.clearfix{zoom:1}
.clearfix{*zoom:1}
.clearfix{*+height:1%}
.box{width:950px;margin:0 auto;text-align:left;position:relative}
.box:after,.clearfix:after,ul:after,.max:after{content:"";display:block;height:0px;visibility:hidden;clear:both}
.lf{float:left}
.rg{float:right}
/* 榛樿閾炬帴棰滆壊 */
a{outline-style:none;color:#333;text-decoration:none}
a:hover{color:#02b3c5;text-decoration:none}
a,a:link{text-decoration:none}
a,a:visited{text-decoration:none}
a,a:hover{text-decoration:none}
a,a:active{text-decoration:none}
/*娓呴櫎閾炬帴铏氭*/
a,area{blr:expression(this.onFocus=this.blur())}
:focus{-moz-outline-style:none}

.wbg{background:#ffffff}
.hbg{background:#fcfdfd}

/*-------*/
.header{ position:absolute; width:100%; left:0;top:0; z-index:9; height:60px;}
.header .logo{ float:left;}
.header .logo img{ display:block; width:auto; height:36px; padding-top:16px;}
.header .nav{ float:right;}
.header .nav ul{ float:left; width:100%;}
.header .nav ul li{ float:left; padding:0 20px;}
.header .nav ul li a{ display:block; padding:3px; font-size:15px; line-height:54px; color:#e4eeff;}
.header .nav ul li a.on,.header .nav ul li a:hover{ background:url(../images/hr.png) repeat-x left bottom}
.header .menu{ float:right; margin-top:18px; display:none}
.header .menu img{ width:30px; height:30px;}
.header .nav .gbut{ display:none}

.banner,.mbox{ position:relative; width:100%; height:100%;}
.banner .ia{ width:100%; height:100%; display:block; margin:0 auto;object-fit:cover;object-position:center center;}
.banner .ib{ max-width:500px; position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}
.banner .txt{ position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0); color:#e4eeff; letter-spacing:1px; text-align:center}
.banner .txt .at{font-family:'SourceHanSansCN-Normal'; font-size:56px;}
.banner .txt .bt{font-family:'Alibaba-PuHuiTi-Light'; font-weight:normal; font-size:25px; padding-top:30px;}
.banner .txt .ct{font-family:Arial, Helvetica, sans-serif; font-weight:500}
.banner .txt .dt{ padding-bottom:17px; padding-top:15px; font-size:22px; background:url(../images/hrc.png) no-repeat center bottom;}
.banner .txt p{font-family:'Alibaba-PuHuiTi-Light'; font-weight:normal; font-size:16px; padding-top:20px; text-transform:uppercase;filter:Alpha(opacity=80); opacity:0.8}
.banner .txt .et{ font-size:20px; padding-top:25px; padding-bottom:15px;font-family:'Alibaba-PuHuiTi-Light'; font-weight:normal; background:url(../images/hrc.png) no-repeat center bottom;}
.banner .txt .nt{ font-size:18px; line-height:28px; color:#fff; padding-top:25px}
.banner .txt .nt span{filter:Alpha(opacity=80); opacity:0.8;color:#e4eeff;}
.gundong{position:absolute;bottom:50px;width:100%;text-align:center;z-index:9;-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.gundong img{ width:55px; position:absolute;left:50%; margin-left:-28px;animation: ani-svg2 0.85s linear 0s alternate infinite;-webkit-animation: ani-svg2 0.85s linear 0s alternate infinite;-moz-animation: ani-svg2 0.85s linear 0s alternate infinite;}

@keyframes ani-svg2{
    0%{opacity:0;transform:translateY(-12px)}
    25%{opacity:0.25;transform:translateY(-10px)}
    50%{opacity:0.5;transform:translateY(0px)}
    75%{opacity:0.75;transform:translateY(10px)}
    100%{opacity:1.0;transform:translateY(12px)}
}
@-webkit-keyframes ani-svg2{
    0%{opacity:0.4;-webkit-transform:translateY(-20px)}
    15%{opacity:0.65;-webkit-transform:translateY(-15px)}
    25%{opacity:0.8;-webkit-transform:translateY(-10px)}
    50%{opacity:1;-webkit-transform:translateY(0px)}
    65%{opacity:0.8;-webkit-transform:translateY(5px)}
    75%{opacity:0.65;-webkit-transform:translateY(10px)}
    100%{opacity:0.4;-webkit-transform:translateY(15px)}
}
@-moz-keyframes ani-svg2{
    0%{opacity:0.4;-moz-transform:translateY(-20px)}
    15%{opacity:0.65;-moz-transform:translateY(-15px)}
    25%{opacity:0.8;-moz-transform:translateY(-10px)}
    50%{opacity:1;-moz-transform:translateY(0px)}
    65%{opacity:0.8;-moz-transform:translateY(5px)}
    75%{opacity:0.65;-moz-transform:translateY(10px)}
    100%{opacity:0.4;-moz-transform:translateY(15px)}
}

.mbox{ background:url(../images/bg2.jpg) no-repeat center top; background-size:cover; padding-bottom:90px}
.htit{ text-align:center; padding-top:65px; padding-bottom:15px;}
.htit h2{font-family:'SourceHanSansCN-Normal'; font-size:38px; color:#3a3a3a; letter-spacing:3px}
.htit span{ display:inline-block; font-size:15px; color:#5e5e5e; padding-top:15px;font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; padding-bottom:15px; background:url(../images/rx.png) no-repeat center bottom;filter:Alpha(opacity=80); opacity:0.8}

.hvideo{ padding-top:20px; position:relative; height:350px;}
.hvideo .videolist{ width:100%; height:100%;}
.hvideo .videolist .pic{ position:relative; width:100%; height:100%; cursor:pointer}
.hvideo .videolist img.mv{ display:block; width:100%; height:100%;object-fit:cover;object-position:center center;}
.hvideo .videolist img.bt{ display:block; position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0); width:70px; height:70px;}

.nbox{ background:url(../images/map-i.png) no-repeat center center #fff; background-size:70% auto; padding-bottom:90px}
.hyewu{display:flex;flex-wrap:wrap; padding-top:5px}
.hyewu .yw{ width:23.8%; height:330px; margin-right:1.6%; margin-top:1.6%; position:relative;}
.hyewu .yw:nth-of-type(4n){ margin-right:0}
.hyewu .yw dl{ display:block; width:100%; height:100%; text-align:center; padding:10px;border:1px solid #efefef; box-sizing:border-box; position:absolute; left:0; top:0;-webkit-transition:.6s;transition:.6s;border-radius:15px; cursor:pointer}
.hyewu .yw dl.one{ background:#fff;z-index:2;-webkit-transform:rotateY(0deg);transform:rotateY(0deg); opacity:1;}
.hyewu .yw dl.two{z-index:1;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg); opacity:0;}
.hyewu .yw dl.one dt{ padding:25px 0 20px;}
.hyewu .yw dl.two dt{ padding:20px 0 15px;}
.hyewu .yw dl.one dt img{ display:block; width:100px; height:100px; margin:0 auto}
.hyewu .yw dl.two dt img{ display:block; width:110px; height:110px; margin:0 auto}
.hyewu .yw dl dd.t1{ font-size:18px; line-height:30px; padding-top:5px; height:30px; overflow:hidden}
.hyewu .yw dl dd.t2{ font-size:13px; line-height:22px; padding-top:5px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
.hyewu .yw dl.one dd.t1{ color:#404040;}
.hyewu .yw dl.one dd.t2{ color:#5e5e5e;}
.hyewu .yw dl.two dd.t1{ color:#fff;}
.hyewu .yw dl.two dd.t2{ color:#fff;}
.hyewu .yw:hover dl.one{z-index:1;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg); opacity:0;}
.hyewu .yw:hover dl.two{ background:#ff9c00; border-color:#ff9c00;z-index:2;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-moz-box-shadow:0 0 20px #ccc;-webkit-box-shadow:0 0 20px #ccc;box-shadow:0 0 20px #ccc; opacity:1;}

.zbox{ background:url(../images/bg.jpg) no-repeat center top; background-size:cover; padding-bottom:90px}
.hzheng ul{ width:100%;display:flex;}
.hzheng ul li{ width:36%; margin-right:2%; margin-top:3%}
.hzheng ul li:hover{-moz-box-shadow:0 5px 10px #ccc;-webkit-box-shadow:0 5px 10px #ccc;box-shadow:0 5px 10px #ccc;}
.hzheng ul li:nth-of-type(3){ margin-right:0; width:36%}
.hzheng ul li img{ display:block; width:95%; height:100%}

.tdbox{ background:url(../images/core.jpg) repeat-y center top; background-size:100% auto; padding-bottom:110px}
.tdbox dl{ float:left; width:100%; height:360px; background:#fff; margin-top:90px;}
.tdbox dl:nth-of-type(1){ margin-top:50px;}
.tdbox dl:hover{-moz-box-shadow:0 0 30px #e9e9e9;-webkit-box-shadow:0 0 30px #e9e9e9;box-shadow:0 0 30px #e9e9e9;}
.tdbox dl dt{ float:left; width:56%; height:100%; overflow:hidden}
.tdbox dl dt img{ display:block; height:100%; width:100%; margin:0 auto;object-fit:cover;object-position:center center;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.tdbox dl:hover dt img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.tdbox dl dd{ float:left; width:calc(100% - 56%); height:100%;display:flex;flex-wrap:wrap;align-items:center; padding:0 30px; box-sizing:border-box}
.tdbox dl dd h2{ font-size:28px; color:#525252; line-height:42px; padding-bottom:10px; background:url(../images/hr-c.png) no-repeat left bottom; position:relative}
.tdbox dl dd h2 i{ position:absolute; left:25%; bottom:20px; font-size:60px; line-height:66px; color:#F1F1F1; font-family:Arial, Helvetica, sans-serif;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,87.5%,.5)),color-stop(hsla(0,0%,87.5%,.3)),to(hsla(0,0%,87.5%,.01)));background:linear-gradient(180deg,hsla(0,0%,87.5%,.5),hsla(0,0%,87.5%,.3),hsla(0,0%,87.5%,.01));-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.tdbox dl dd h3{font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; color:#6a6a6a; font-size:15px; line-height:22px; padding:15px 0}
.tdbox dl dd p{ font-size:17px; line-height:28px; color:#767676;}
.tdbox dl:nth-of-type(even) dt{ float:right}

.hbbox{ position:relative; margin-bottom:50px;}
.hbbox img{ display:block; width:100%;}
.htit2{ position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0); padding-top:0; padding-bottom:30px;}
.htit2 h2,.htit2 span{ color:#fff}
.htit2 span{ background:url(../images/rxa.png) no-repeat center bottom}

.ktit{ text-align:center;}
.ktit h2{ font-size:25px;font-family:'寰蒋闆呴粦'; font-weight:normal; color:#3a3a3a; line-height:36px; background:url(../images/ta-b.png) no-repeat center bottom; background-size:28px auto; padding-bottom:20px;}

.khlist{ padding-top:50px; padding-bottom:75px;}
.khlist .swiper-container{width:100% !important;position:relative}
.khlist .swiper-container .swiper-slide{overflow:hidden;height:100%}
.khlist .swiper-container .swiper-slide img{display:block;width:100%;height:auto;}
.khlist .swiper-container .swiper-slide img.im2{display:none}
.khlist .swiper-container .swiper-pagination{text-align:center;width:100%;position:static;font-size:0; padding-top:50px;}
.khlist .swiper-container .swiper-pagination span{border-radius:0;width:40px;height:4px;background:#ff9c00;opacity:1;-webkit-transition:.6s;transition:.6s;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
.khlist .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#ff9c00; width:25px;}

.h-lei{display:flex;flex-wrap:wrap;align-items:center;text-align:left;}
.h-lei .lbox{ width:50%; height:675px; overflow:hidden; position:relative}
.h-lei .zuo img{ display:block; width:100%; height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.h-lei .zuo:hover img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.h-lei .zuo .tit{ overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%;display:flex;flex-wrap:wrap;align-items:center;}
.h-lei .zuo .tit dl{ padding-left:54%}
.h-lei .zuo .tit dl dt{ font-size:36px; color:#fff;font-family:'SourceHanSansCN-Normal'; font-weight:bold; letter-spacing:8px; line-height:46px;height:46px;}
.h-lei .zuo .tit dl dd{ font-size:16px; line-height:22px; padding:12px 0; color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.h-lei .zuo .tit dl dd.d1{ background:url(../images/rxa.png) no-repeat left bottom;filter:Alpha(opacity=80); opacity:0.8}
.h-lei .zuo .tit dl dd.d2 a{ display:inline-block; color:#fff; background:url(../images/ta-w.png) no-repeat center right; background-size:auto 20px; padding-right:30px;}
.h-lei .you{ background:#FAFBF8}
.h-lei .you .tit{ width:100%; height:33.333333%;display:flex;flex-wrap:wrap;align-items:center; position:relative;}
.h-lei .you .tit:after,.h-lei .you .tit:before{content:"";display:block;width:100%;height:100%;position:absolute; left:0; top:0;}
.h-lei .you .tit:before{background:#ff9c00; z-index:1; width:0;-webkit-transition:all .6s ease 0s;transition:all .6s ease 0s;-ms-transition:all .6s ease 0s;}
.h-lei .you .tit-a:after{background:url(../images/diqiu1.png) no-repeat right bottom; background-size:auto 70%; z-index:2}
.h-lei .you .tit-b:after{background:url(../images/diqiu2.png) no-repeat right center; background-size:auto 100%; z-index:2}
.h-lei .you .tit-c:after{background:url(../images/diqiu3.png) no-repeat right top; background-size:auto 70%; z-index:2}
.h-lei .you .tit dl{ padding-left:22%; position:relative; z-index:3; box-sizing:border-box}
.h-lei .you .tit dl dt{ font-size:36px; color:#3a3a3a;font-family:'SourceHanSansCN-Normal'; font-weight:bold; letter-spacing:8px; line-height:46px;height:46px;}
.h-lei .you .tit dl dd{ font-size:16px; line-height:22px; padding:10px 0; color:#5a5a5a; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase;filter:Alpha(opacity=80); opacity:0.8}
.h-lei .you .tit dl dd.d1{ background:url(../images/rx.png) no-repeat left bottom;}
.h-lei .you .tit dl dd.d2 a{ display:inline-block; color:#5a5a5a; background:url(../images/ta-h.png) no-repeat center right; background-size:auto 20px; padding-right:30px;}
.h-lei .you .tit.active:before{width:100%;}
.h-lei .you .tit.active dl dt,.h-lei .you .tit.active dl dd{ color:#fff}
.h-lei .you .tit.active dl dd.d1{ background:url(../images/rxa.png) no-repeat left bottom;}
.h-lei .you .tit.active dl dd.d2 a{ background:url(../images/ta-w.png) no-repeat center right; background-size:auto 20px; color:#fff;}

.mbbox{ background:url(../images/h30.png) repeat; position:fixed; width:100%; height:100%; left:0; top:0; z-index:999; display:none}
.mbbox .videos{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0); overflow:hidden; width:80%}
.mbbox .videos video{width:100%;object-fit:cover;object-position:center center;opacity:1;height:100%;}
.mbbox .videos .vclose{ position:absolute; right:-3px; top:0; width:40px; height:40px;-webkit-border-radius:0 0 0 100%;-moz-border-radius:0 0 0 100%;-o-border-radius:0 0 0 100%;border-radius:0 0 0 100%; background:url(../images/gb.png) no-repeat 65% 35% #000; background-size:40% auto}

.gotop{ position:fixed; right:5%; bottom:10%; width:25px; height:25px; background:url(../images/ta-u.png) no-repeat center center; background-size:cover; z-index:9;}

.footer{ background:#181825; padding:50px 0 40px}
.footer .box{ text-align:center}
.footer .fim{ display:block; width:auto; height:36px; margin:0 auto; padding-bottom:12px; border-bottom:1px solid #666889}
.footer .t1{ color:#666889; font-size:16px; line-height:24px; padding-top:10px;}
.footer .t1 a{ color:#666889;}
.footer .t2{ padding-top:20px;}
.footer .t2 a{ display:inline-block; padding:0 10px}
.footer .t2 img{ display:block; width:42px;}

/*----*/
.atext{ font-size:16px; line-height:30px; color:#5e5e5e; padding-top:15px;}
.atext img{ max-width:100% !important; height:auto !important;}

.fbbox{display:flex;flex-wrap:wrap;align-items:center; padding-top:50px;}
.fbbox .fb{ width:48%; padding:0 1%; text-align:center;}
.fbbox dl{ width:300px; height:300px; margin:0 auto; position:relative; overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; cursor:default}
.fbbox dl dt{ width:100%; height:100%; position:relative;}
.fbbox dl dt img{ display:block; position:absolute;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.fbbox dl dt img.ia{ width:88%; width:88%; left:6%; top:6%;}
.fbbox dl dt img.ib{ width:100%; height:100%; left:0; top:0;}
.fbbox dl dd{ position:absolute;top:0;left:0; width:100%; height:100%;display:flex;flex-wrap:wrap;align-items:center;}
.fbbox dl dd span{ display:block; width:100%; color:#fff;font-family:'SourceHanSansCN-Normal'; font-weight:normal; font-size:30px; line-height:36px;}
.fbbox dl:hover dt img.ia{ width:92%; width:92%; left:4%; top:4%;}
.fbbox dl:hover dt img.ib{-webkit-transform:rotate(1turn);transform:rotate(1turn);}

.whbox{ padding-top:10px; padding-bottom:80px}
.whbox p.tt{ font-size:20px; line-height:26px; color:#5c5c5c; text-align:center; padding:8px 0}
.whbox span{ display:inline-block; padding:0 10px;}
.whbox span.a{ width:50px; color:#ff9c00; border-left:2px solid #ff9c00;border-right:2px solid #ff9c00;}
.whbox span.b{ width:330px; text-align:justify}
.whbox span.c{ letter-spacing:8px;}
.whbox .item{ padding-top:30px;}
.whbox .item ul{ width:100%;display:flex;flex-wrap:wrap;align-items:center;}
.whbox .item ul li{ width:49%; padding:20px 100px 20px 25px; margin-top:2%; margin-right:2%; box-sizing:border-box; background-color:#fff;-moz-box-shadow:0 0 20px #e5e5e5;-webkit-box-shadow:0 0 20px #e5e5e5;box-shadow:0 0 20px #e5e5e5; text-align:left;-webkit-transition-duration:.4s;transition-duration:.4s; position:relative; min-height:60px;}
.whbox .item ul li:nth-of-type(even){ margin-right:0}
.whbox .item ul li img{ max-width:62px; height:54px; position:absolute; right:20px; top:50%; margin-top:-27px;}
.whbox .item ul li h3{ font-size:24px; color:#767676; line-height:34px;font-family:'SourceHanSansCN-Normal'; font-weight:normal;}
.whbox .item ul li p{ font-size:17px; line-height:26px; color:#5c5c5c}
.whbox .item ul li:hover{-webkit-animation:cus_swing-data-v-20c25843 .5s ease-in-out;animation:cus_swing-data-v-20c25843 .5s ease-in-out}
@-webkit-keyframes cus_swing-data-v-20c25843{
    20%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    40%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    60%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
    80%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}
    to{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes cus_swing-data-v-20c25843{
    20%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    40%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    60%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
    80%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}
    to{-webkit-transform:rotate(0);transform:rotate(0)}
}

.flbg{ background:url(../images/bg.jpg) no-repeat center center; background-size:cover;}
.ftit{ text-align:center; padding-top:20px; padding-bottom:20px}
.ftit h3{ font-size:22px;font-family:'寰蒋闆呴粦'; display:inline-block; font-weight:normal; color:#767676;height:36px; line-height:36px; position:relative}
.ftit h3:after,.ftit h3:before{content:"";display:block; position:absolute; top:50%; margin-top:-6px; width:7px; height:12px;}
.ftit h3:before{left:-15px; background:url(../images/ta-l.png) no-repeat left center;}
.ftit h3:after{right:-15px; background:url(../images/ta-r.png) no-repeat right center;}

.flbox{ padding:20px 7% 100px; box-sizing:border-box}
.flSwiper{padding:0 25%;width:100%;overflow:hidden;box-sizing:border-box}
.flSwiper .swiper-slide{background:#fff;width:100%;overflow:hidden;box-sizing:border-box;position:relative}
.flSwiper .swiper-slide img{ display:block; width:100%;}

.ximg .box{ text-align:center; padding:80px 0; text-align:center}
.ximg h2{ font-size:38px; color:#fff;font-family:'SourceHanSansCN-Normal'; line-height:56px;}
.ximg p{font-family:"Alibaba-PuHuiTi-Light"; color:#fff; opacity:0.7; text-transform:uppercase; font-size:18px; line-height:22px; padding-top:5px}
.ximg a{ display:inline-block; font-size:20px; color:#fff; background:url(../images/ta-w.png) no-repeat 85% center #ff9d00; background-size:auto 18px; padding-right:55px; height:46px; line-height:46px; margin-top:25px; padding-left:30px;-webkit-border-radius:23px;-moz-border-radius:23px;-o-border-radius:23px;border-radius:23px}

.zimg .box{ text-align:center; padding:70px 0}
.zimg h2{ font-size:46px; color:#fff;font-family:'SourceHanSansCN-Normal'; line-height:56px; padding:40px 0; background:url(../images/hrc.png) no-repeat center top;}
.zimg a{ display:inline-block; font-size:20px; color:#fff; background:url(../images/ta-w.png) no-repeat 85% center; background-size:auto 18px; padding-right:55px; height:44px; line-height:44px; padding-left:30px; border:1px solid #fff;-webkit-border-radius:22px;-moz-border-radius:22px;-o-border-radius:22px;border-radius:22px}

.join-l{ padding:5%; position:relative; top:-70px; background:#fff;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px; box-sizing:border-box;-moz-box-shadow:0 5px 20px #eee;-webkit-box-shadow:0 5px 20px #eee;box-shadow:0 5px 20px #eee;}
.join-l dl{display:flex;flex-wrap:wrap;align-items:center; width:100%; height:260px;-webkit-border-radius:12px;-moz-border-radius:12px;-o-border-radius:12px;border-radius:12px;overflow:hidden; box-sizing:border-box; border:1px solid #fff; margin-bottom:40px;}
.join-l dl dt{ width:190px; text-align:center; height:100%;display:flex;flex-wrap:wrap;align-items:center; box-sizing:border-box; padding:10px;}
.join-l dl dt .im{ width:100%; text-align:center}
.join-l dl dt img{ width:50px; height:50px; margin:0 auto; display:block;}
.join-l dl dt img.ia{ display:none}
.join-l dl dt .tit{ padding-top:20px; font-size:20px; line-height:28px}
.join-l dl dt .tit-en{ padding-top:10px; font-size:14px; line-height:20px; text-transform:uppercase;}
.join-l dl dd{ width:calc(100% - 190px); height:100%; box-sizing:border-box; padding:15px;}
.join-l dl dd .txt{ overflow:auto; height:100%; color:#5e5e5e; line-height:21px; font-size:14px;}
.join-l dl dd .txt p{ padding:7px 0}
.join-l dl:hover{ border-color:#eee;-moz-box-shadow:0 2px 30px #e5e5e5;-webkit-box-shadow:0 2px 30px #e5e5e5;box-shadow:0 2px 30px #e5e5e5;}
.join-l dl:hover dt{ background:url(../images/lf-a.png) no-repeat center bottom #ff9c00; cursor:default; color:#fff;}
.join-l dl:hover dt img.ia{ display:block}
.join-l dl:hover dt img.ic{ display:none}

.n-map{display:flex;flex-wrap:wrap;align-items:center; background:url(../images/orh.png) no-repeat center center;}
.n-map .my-map{ width:49%; margin-right:2%; height:400px;}
.n-map .my-map:nth-of-type(even){ margin-right:0}
.n-map .my-map .icon{background:url(../images/location-icon.f860dc8.png) no-repeat center center; background-size:100% 100%}
.n-map .my-map .icon-cir{height:40px;width:30px}
.n-map .amap-container{height:100%}
.n-map .myinfowindow{width:240px;min-height:50px}
.n-map .myinfowindow h5{height:20px;line-height:20px;overflow:hidden;font-size:16px;font-weight:bold;width:220px;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}
.n-map .myinfowindow div{margin-top:10px;min-height:40px;line-height:20px;font-size:13px;color:#6f6f6f}

.n-cont{display:flex;flex-wrap:wrap;align-items:center; padding-top:50px; padding-bottom:80px;}
.n-cont dl{ display:block; width:48.5%; margin-right:3%;}
.n-cont dl:nth-of-type(even){ margin-right:0}
.n-cont dl dt{ font-size:24px; color:#3a3a3a; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; padding:15px 0 10px; background:url(../images/orc.png) no-repeat center bottom; text-align:center; margin-bottom:10px;}
.n-cont dl dd{ background:#fff; padding:15px; font-size:18px; text-align:left;-moz-box-shadow:0 0 20px #e5e5e5;-webkit-box-shadow:0 0 20px #e5e5e5;box-shadow:0 0 20px #e5e5e5; margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;}
.n-cont dl dd img{ padding-right:15px; width:40px;}


/*-缇庡寲婊氬姩鏉�-*/
html::-webkit-scrollbar,.join-l dl dd .txt::-webkit-scrollbar{width:5px;height:10px}
html::-webkit-scrollbar-track,.join-l dl dd .txt::-webkit-scrollbar-track{width:5px;background:rgba(234,234,234	,1);-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
html::-webkit-scrollbar-thumb,.join-l dl dd .txt::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.5);background-clip:padding-box;min-height:28px;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;transition:background-color .3s;cursor:pointer}
html::-webkit-scrollbar-thumb:hover,.join-l dl dd .txt::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5)}


.next-fy{text-align:center;font-size:14px}
.next-fy a,.next-fy b{height:36px;line-height:36px;margin:2px;display:inline-block;border:1px solid #ddd;background:#fff;padding:0 12px}
.next-fy a:hover,.next-fy b{background:#ff9c00;font-weight:500;color:#fff;border:1px solid #ff9c00}


@media (max-width:990px) {
    .box{ width:95%;}
    .header .menu{ display:block}
    .header .nav{ float:none; position:fixed; width:160px; right:2.5%; top:15px; background:#fff; padding:10px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;border-radius:6px; overflow:hidden; z-index:999; display:none}
    .header .nav ul li{ width:100%; padding:0; text-align:center}
    .header .nav ul li a{ line-height:28px; padding:15px 0; color:#a5a5a5; font-size:20px;}
    .header .nav ul li a.on{ background:none; color:#ff9c00}
    .header .nav .gbut{ width:24px; height:24px; background:url(../images/guan.png) no-repeat center center; background-size:100% 100%; position:absolute; right:10px; top:10px; display:block}
    .banner .txt .at{ font-size:42px;}
    .banner .txt .bt{ font-size:20px; padding-top:25px}
    .banner .txt p{ font-size:14px; padding-top:15px}
    .htit{ padding-top:50px;}
    .htit2{ padding-top:0}
    .htit h2{ font-size:34px;}
    .htit span{ font-size:13px}
    .hvideo{ padding-top:10px;}
    .mbox,.nbox{ padding-bottom:55px}
    .zbox,.tdbox{ padding-bottom:60px;}
    .tdbox dl{ height:320px; margin-top:50px;-moz-box-shadow:0 0 30px #e9e9e9;-webkit-box-shadow:0 0 30px #e9e9e9;box-shadow:0 0 30px #e9e9e9;}
    .tdbox dl:nth-of-type(1){ margin-top:20px;}
    .tdbox dl dt{ width:50%}
    .tdbox dl dd{ width:calc(100% - 50%)}
    .tdbox dl dd h2{ font-size:24px;}
    .tdbox dl dd h2 i{ font-size:50px; left:20%}
    .tdbox dl dd h3{ padding:10px 0; font-size:14px;}
    .tdbox dl dd p{ font-size:16px; line-height:26px}
    .khlist{ padding-top:35px; padding-bottom:50px;}
    .h-lei .lbox{ height:570px;}
    .h-lei .zuo .tit dl{ padding-left:45%}
    .h-lei .you .tit dl{ padding-left:15%}
    .h-lei .zuo .tit dl dt,.h-lei .you .tit dl dt{ font-size:30px; letter-spacing:5px}
    .h-lei .zuo .tit dl dd,.h-lei .you .tit dl dd{ padding:8px 0;}
    .h-lei .zuo .tit dl dd.d2,.h-lei .you .tit dl dd.d2{ padding:12px 0;}
    .fbbox{ padding-top:30px;}
    .whbox{ padding-bottom:60px;}
    .flbox{ padding-bottom:80px;}
    .whbox .item{ padding-top:20px;}
    .ximg h2{ font-size:32px}
    .ximg p{ font-size:16px;}
    .zimg h2{ font-size:42px; padding:35px 0}
    .join-l{top:-50px;}
    .n-cont{ padding-top:35px; padding-bottom:60px}
}
@media (max-width:860px) {
    .n-map .my-map,.n-cont dl{ width:100%; margin-right:0}
    .n-map .my-map:nth-of-type(even){ margin-top:15px}
    .n-cont dl:nth-of-type(even){ padding-top:25px}
}
@media (max-width:768px) {
    .banner .txt .at{ font-size:36px}
    .banner .txt .bt{ font-size:18px; padding-top:22px;}
    .banner .txt p{ font-size:13px;}
    .banner .ia{ height:600px;}
    .banner .ib{ max-width:56%;}
    .gundong img{ width:36px; margin-left:-18px;}
    .htit{ padding-top:40px}
    .htit h2{ font-size:32px;}
    .htit span{ font-size:12px;}
    .htit2{ padding-top:0; padding-bottom:10px}
    .htit h2{ font-size:30px}
    .mbox,.nbox,.zbox,.tdbox{ padding-bottom:45px;}
    .hvideo{ height:320px}
    .hyewu .yw{ width:49%; margin-right:2%; margin-top:2%}
    .hyewu .yw:nth-of-type(4n){ margin-right:2%;}
    .hyewu .yw:nth-of-type(even){ margin-right:0}
    .hzheng ul li,.hzheng ul li:nth-of-type(3){ width:100%; margin-right:0}
    .tdbox dl{ height:auto; margin-top:30px;}
    .tdbox dl dt{ width:100%;}
    .tdbox dl dd{ width:100%; padding:20px 20px 25px;}
    .tdbox dl dd h2 i{ left:auto; right:0; bottom:auto; top:0; font-size:42px; line-height:42px;}
    .hbbox{ margin-bottom:35px;}
    .khlist .swiper-container .swiper-pagination{ padding-top:35px}
    .h-lei .lbox{ height:480px}
    .h-lei .zuo .tit dl{ padding-left:35%}
    .h-lei .zuo .tit dl dt,.h-lei .you .tit dl dt{ font-size:26px; letter-spacing:2px; height:38px; line-height:38px;}
    .footer{ padding:35px 0 25px}
    .fbbox{ padding-top:20px;}
    .fbbox dl{ width:220px; height:220px;}
    .fbbox dl dd span{ font-size:25px; line-height:32px;}
    .whbox .item ul li{ width:100%; margin-right:0}
    .whbox .item ul li h3{ font-size:22px;}
    .flSwiper{ padding:0 20%}
    .ximg .box{ padding:60px 0;}
    .ximg h2{ font-size:28px; line-height:46px;}
    .ximg a{ margin-top:15px;}
    .join-l{ padding:3% 3% 5%}
    .join-l dl{ margin-bottom:30px; border-color:#eee;-moz-box-shadow:0 2px 30px #e5e5e5;-webkit-box-shadow:0 2px 30px #e5e5e5;box-shadow:0 2px 30px #e5e5e5;}
    .join-l dl dt{ background:url(../images/lf-a.png) no-repeat center bottom #ff9c00; cursor:default; color:#fff;}
    .join-l dl dt .tit{ font-size:18px; padding-top:15px;}
    .join-l dl dt .tit-en{ font-size:13px; padding-top:5px;}
    .join-l dl dt img.ia{ display:block}
    .join-l dl dt img.ic{ display:none}
    .zimg .box{ padding:55px 0}
    .zimg h2{ font-size:36px; padding:30px 0; line-height:46px}
    .zimg a{ font-size:18px; height:40px; line-height:40px;}
    .mbbox .videos{ width:88%;}
    .mbbox .videos .vclose{ width:30px; height:30px;}
}
@media (max-width:640px) {
    .flSwiper{ padding:0 17%}
    .atext{ padding-top:10px;}
    .fbbox dl{ width:190px; height:190px;}
    .fbbox dl dd span{ font-size:22px;}
    .whbox{ padding-bottom:45px;}
    .ftit{ padding-top:15px; padding-bottom:15px;}
    .flbox{ padding:12px 5% 70px;}
    .whbox p.tt{ font-size:17px; line-height:24px;}
    .whbox span.b{ width:200px}
    .whbox .item{ padding-top:15px}
    .banner .txt .et{ font-size:15px; padding-top:20px;}
    .ximg h2{ font-size:24px; line-height:36px;}
    .ximg a{ font-size:18px; line-height:42px; height:42px}
    .ximg p{ font-size:15px;}
    .join-l{top:-35px}
    .join-l dl{ height:auto}
    .join-l dl dt{ width:100%;}
    .join-l dl dd{ width:100%;}
    .join-l dl dt .tit{ padding-top:10px;}
    .join-l dl dt .tit-en{ padding-top:2px}
    .zimg .box{ padding:45px 0}
    .zimg h2{ font-size:32px; line-height:40px; padding:25px 0}
    .next-fy a,.next-fy b{ height:32px; line-height:32px;}
    .n-cont dl dd{ font-size:16px;}
    .n-cont dl dd img{ width:30px;}
    .n-cont{ padding-top:25px; padding-bottom:40px}
    .banner .txt .nt{ font-size:16px; line-height:25px; padding-top:15px;}
}
@media (max-width:568px) {
    .banner .txt .at{ font-size:32px;}
    .banner .ia{ height:560px;}
}
@media (max-width:520px) {
    .fbbox dl{ width:160px; height:160px;}
    .fbbox dl dd span{ font-size:20px;}
}
@media (max-width:440px) {
    .header .nav{ width:130px;}
    .header .nav ul li a{ font-size:17px; line-height:25px; padding:12px 0}
    .banner .txt .at{ font-size:28px}
    .banner .txt .bt{ font-size:16px;}
    .banner .txt p{ font-size:12px;}
    .banner .ia{ height:520px;}
    .htit{ padding-top:30px; padding-bottom:10px;}
    .htit2{ padding-top:0}
    .htit h2{ font-size:26px; letter-spacing:1px}
    .htit span{ padding-bottom:12px;}
    .hvideo{ height:260px}
    .mbox, .nbox, .zbox, .tdbox{ padding-bottom:30px}
    .hyewu .yw{ width:100%; margin-right:0}
    .tdbox dl{ margin-top:20px;}
    .tdbox dl:nth-of-type(1){ margin-top:12px;}
    .tdbox dl dd{ padding:15px 15px 20px;}
    .tdbox dl dd h2{ font-size:20px; line-height:36px;}
    .tdbox dl dd h3{ font-size:13px; padding-bottom:5px;}
    .tdbox dl dd p{ font-size:15px;}
    .hbbox img{ height:130px;}
    .htit2 h2{ font-size:24px;}
    .htit span{ padding:12px 0 10px}
    .hbbox{ margin-bottom:25px;}
    .ktit h2{ font-size:22px; line-height:32px; padding-bottom:15px; background-size:20px auto}
    .khlist{ padding-top:25px; padding-bottom:35px;}
    .khlist .swiper-container .swiper-pagination{ padding-top:25px;}
    .khlist .swiper-container .swiper-pagination span{ width:25px; height:3px;}
    .khlist .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ width:15px}
    .h-lei .lbox{ width:100%; height:auto}
    .h-lei .zuo .tit dl{ padding-left:0; width:100%; text-align:center; box-sizing:border-box; padding:0 2.5%}
    .h-lei .zuo .tit dl dd.d1{ background-position:center bottom}
    .h-lei .zuo .tit dl dt,.h-lei .you .tit dl dt{ font-size:24px; height:32px; line-height:32px;}
    .h-lei .you .tit dl{ width:100%; padding:5%;}
    .h-lei .zuo .tit dl dd,.h-lei .you .tit dl dd{ font-size:14px; padding:6px 0}
    .h-lei .you .tit dl dd.d2{ padding-bottom:0}
    .h-lei .zuo .tit dl dd.d2 a,.h-lei .you .tit dl dd.d2 a,.h-lei .you .tit.active dl dd.d2 a{ background-size:auto 17px; padding-right:25px;}
    .footer{ padding-top:20px 0 25px;}
    .whbox .item ul li{ margin-top:3%}
    .whbox .item ul li{ padding:15px 90px 15px 15px}
    .whbox .item ul li h3{ font-size:20px;}
    .whbox .item ul li p{ font-size:16px;}
    .whbox .item ul li img{ max-width:52px; height:46px; margin-top:-23px;}
    .fbbox dl{ width:140px; height:140px;}
    .fbbox dl dd span{ font-size:17px;}
    .flbox{ padding:12px 2% 50px}
    .flSwiper{ padding:0 15%}
    .atext{ font-size:15px;}
    .ximg .box{ padding:45px 0}
    .ximg h2{ font-size:22px; line-height:32px}
    .banner .txt .nt{ font-size:15px;}
    .n-cont{ padding-top:20px; padding-bottom:35px}
    .n-cont dl dd{ padding:10px; margin-top:13px;}
    .n-cont dl dd img{ width:25px; padding-right:10px}
    .n-cont dl:nth-of-type(even){ padding-top:20px;}
}
@media (max-width:375px) {
    .banner .txt .at{ font-size:25px;}
    .banner .ia{ height:480px;}
    .gundong img{ width:28px; margin-left:-14px;}
    .htit{ padding-top:25px; font-size:24px;}
    .mbox,.nbox,.zbox,.tdbox{ padding-bottom:25px;}
    .hvideo{ height:220px; padding-top:5px;}
    .hvideo .videolist img.bt{ width:50px; height:50px;}
    .htit2{ padding-top:0}
    .htit h2{ font-size:24px;}
    .htit2 h2{ font-size:22px;}
    .ktit h2{ font-size:20px;}
    .whbox p.tt{ font-size:15px;}
    .whbox span.a{ width:32px;}
    .whbox span.b{ width:180px;}
    .whbox span.c{ letter-spacing:6px}
    .ximg h2{ font-size:20px;}
}