@charset "utf-8";.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tc{text-align:center}
.db{display:block}
.pr{position:relative}
.pa{position:absolute}
.oh{overflow:hidden}
.fl{float:left}
.fr{float:right}
.fwb{font-weight:700}
.fwn{font-weight:400}
.db{display:block}
.dn{display:none}
.fw{font-family:"Microsoft Yahei"}
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.f_cb,.f_cbli li{zoom:1}
.ma{margin:0 auto}
.line1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.line2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.pic{width:100%;overflow:hidden}
.pic img{-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.pic:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}
.white,.whites{position:relative;overflow:hidden}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}
.g_webmid{margin:3.5rem 0}
.g_webmid .abnew{float:left;width:29.5%;overflow:hidden}
.g_webmid .abnew .abtit{height:2.2rem;line-height:2.2rem;margin-bottom:.6rem;position:relative}
.g_webmid .abnew .abtit .tabs a{float:left;margin-right:2.2rem;font-size:.9rem;font-weight:400;line-height:2.2rem;color:#000}
.g_webmid .abnew .abtit .tabs .active{color:#086334;font-weight:700;position:relative}
.g_webmid .abnew .abtit .tabs .active:before{content:"";position:absolute;width:100%;height:.1rem;background:#086334;left:0;top:2.2rem}
.g_webmid .abnew .abmore a{position:absolute;right:0;top:0;font-size:.9rem;font-weight:400;line-height:2.2rem;color:#666}
.g_webmid .abnew dl dt{overflow:hidden;width:100%;margin-bottom:1rem}
.g_webmid .abnew dl dt img{width:100%;display:block;transition:all .3s linear 0s}
.g_webmid .abnew dl dd p{font-size:.8rem;font-weight:400;line-height:1.3rem;color:#666;margin-bottom:4rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.g_webmid .abnew dl dd span a{display:block;width:5.7rem;height:1.8rem;line-height:1.8rem;border:1px solid #086334;text-align:center;font-size:.85rem;color:#086334}
.g_webmid .abnew dl:hover dt img{transform:scale(1.1)}
.g_webmid .g_pro{float:left;width:29.5%;overflow:hidden;margin:0 5.5%}
.g_webmid .g_pro h2 a{display:block;height:2.2rem;margin-bottom:.6rem;font-size:.9rem;font-weight:400;line-height:2.2rem;color:#000;font-weight:700}
.g_webmid .g_pro h2 a span{font-weight:400;color:#666}
.g_webmid .g_pro .flimg{margin-bottom:1rem}
.g_webmid .g_pro .flimg{width:100%;display:block;overflow:hidden}
.g_webmid .g_pro .flimg img{width:100%;display:block;transition:all .3s linear 0s}
.g_webmid .g_pro .flimg:hover img{transform:scale(1.1)}
.g_webmid .g_pro .tabscp{float:left;width:38.5%;border-right:1px solid #e6efeb;height:11.5rem}
.g_webmid .g_pro .tabscp a{display:block;line-height:1.8rem;position:relative;padding-left:2.3rem;font-size:.85rem;color:#666}
.g_webmid .g_pro .tabscp a:before{content:"";position:absolute;background:url(../images/flico1.png) no-repeat;background-size:.9rem .9rem;width:.9rem;height:.9rem;left:.5rem;top:.5rem}
.g_webmid .g_pro .tabscp .active{color:#086334;font-weight:700}
.g_webmid .g_pro .tabscp .active:before{background:url(../images/flico2.png) no-repeat;background-size:.9rem .9rem}
.g_webmid .g_pro .js-swiper-tab{float:right;width:52.6%;overflow:hidden}
.g_webmid .g_pro .js-swiper-tab p{width:100%}
.g_webmid .g_pro .js-swiper-tab p img{width:100%;display:block;transition:all .3s linear 0s}
.g_webmid .g_pro .js-swiper-tab p:hover img{transform:scale(1.1)}
.g_webmid .lxwm{float:left;width:29.5%}
.g_webmid .lxwm h2 a{display:block;height:2.2rem;margin-bottom:.6rem;font-size:.9rem;font-weight:400;line-height:2.2rem;color:#000;font-weight:700}
.g_webmid .lxwm .map{overflow:hidden;width:100%;margin-bottom:1.1rem}
.g_webmid .lxwm .map img{width:100%;display:block;transition:all .3s linear 0s}
.g_webmid .lxwm .map:hover img{transform:scale(1.1)}
.g_webmid .lxwm h3{font-size:1rem;font-weight:400;line-height:2rem;color:#086334;font-weight:700;margin-bottom:.8rem}
.g_webmid .lxwm li{font-size:.8rem;font-weight:400;line-height:1.5rem;color:#666}
.g_link{height:3rem;background:#123a7a;border-top:1px solid rgba(255,255,255,.2)}
.g_link .content{height:3rem}
.g_link h2{float:left;width:80px;height:3rem;line-height:3rem;font-size:12px;font-weight:400}
.g_link h2{color:rgba(255,255,255,.5)}
.link_c{line-height:3rem;overflow:hidden;float:left;width:88%;font-size:12px}
.link_c a{white-space:nowrap;padding:0 1%;float:left;height:3rem;line-height:3rem;color:rgba(255,255,255,.5);display:block}
.link_c a:hover{color:#fff}
.link_c .lasta a{background:0 0}





    .y_anl{padding-top:90px;height:852px}
    #adv1{position:relative;z-index:1;background:url(../images/banner.jpg) no-repeat center/cover}
    #adv1 canvas{position:absolute;z-index:2;left:0;bottom:0;width:100%;height:100%}
    
    .al_com{margin-top:20px}
    .al_com dl{position:relative;float:left}
    .al_com dl dt{position:relative;z-index:3;width:457px;height:291px}
    .al_com dl.aa02 dt{height:597px}
    .al_com dl.aa02 dt p{color:#fff}
    .al_com dl dt p{position:absolute;z-index:1;top:40px;left:6%;color:#333;font-size:24px}
    .al_com dl.aa02 dd{height:0;-webkit-transition:height .5s cubic-bezier(.52,1.64,.37,.66);-webkit-transition:height .5s cubic-bezier(.52,1.64,.37,.66)}
    .al_com dl.aa02 dd div.almr{padding-top:350px}
    .al_com dl p b{display:block}
    .al_com dl dd{position:absolute;z-index:2;left:0;top:0;background:#00abb5;width:397px;margin-left:0;padding:40px 30px;height:0;-webkit-transition:height .5s cubic-bezier(.52,1.64,.37,.66);-webkit-transition:height .5s cubic-bezier(.52,1.64,.37,.66)}
    .al_com dl:hover dd{height:215px;z-index:4}
    .al_com dl.aa02:hover dd{height:518px}
    .al_com .aa01{width:457px;float:left;margin-right:5px}
    span.pjb{position:absolute;z-index:4;top:-1rem;right:-.5rem}
    .al_com dl dt a{position:absolute;z-index:1;top:140px;left:6%;transition:all .5s ease-in-out}
    .al_com dl dt a img{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-animation:bounceY 2s infinite;-moz-animation:bounceY 2s infinite;-o-animation:bounceY 2s infinite;-ms-animation:bounceY 2s infinite;animation:bounceY 2s infinite}
    @-moz-keyframes bounceY{0%,100%{-moz-transform:translateY(0);transform:translateY(0)}
    50%{-moz-transform:translateY(-15px);transform:translateY(-15px)}
    }
    @-o-keyframes bounceY{0%,100%{-o-transform:translateY(0);transform:translateY(0)}
    50%{-o-transform:translateY(-15px);transform:translateY(-15px)}
    }
    @keyframes bounceY{0%,100%{transform:translateY(0)}
    50%{transform:translateY(-15px)}
    }
    .al_com .aa01 dl:last-child,.al_com .aa03 dl:last-child{margin-block-start:15px!important}
    .al_com dl.aa02{margin-right:14px}
    .al_com dl dd h3{font-weight:400}
    .al_com dl dd h3,.al_com dl dd h3 a{font-size:24px;color:#fff}
    .al_com dl:hover dd h3 a{color:#fff}
    .al_com dl dd h3 b{display:block}
    .al_com dl dd p{font-size:18px;color:#fff}
    div.almr a{display:block;float:left;width:140px;height:40px;line-height:40px;background:#fff;border-radius:30px;text-align:center;margin-right:20px;color:#00abb5}
    .almr{padding-top:50px}
    















@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
.fa-bounceIn{-webkit-animation:bounceIn 3s infinite linear;animation:bounceIn 3s infinite linear}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}
@keyframes bounceIn{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(2);transform:scale(2);opacity:1}
100%{opacity:0}
}
@-webkit-keyframes fadeInDown1{from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown1{from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown1{-webkit-animation-name:fadeInDown1;animation-name:fadeInDown1}
@-webkit-keyframes fadeInDown2{from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown2{from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown2{-webkit-animation-name:fadeInDown2;animation-name:fadeInDown2}
@-webkit-keyframes fadeInLeft1{from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft1{from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft1{-webkit-animation-name:fadeInLeft1;animation-name:fadeInLeft1}
@-webkit-keyframes fadeInLeft2{from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft2{from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft2{-webkit-animation-name:fadeInLeft2;animation-name:fadeInLeft2}
@-webkit-keyframes fadeInRight1{from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight1{from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight1{-webkit-animation-name:fadeInRight1;animation-name:fadeInRight1}
@-webkit-keyframes fadeInRight2{from{-webkit-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight2{from{-webkit-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight2{-webkit-animation-name:fadeInRight2;animation-name:fadeInRight2}
@-webkit-keyframes zoomLeft{from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
@keyframes zoomLeft{from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
.zoomLeft{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
.zoomRight{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
@-webkit-keyframes fadeInUp1{from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp1{from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp1{-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1}
@-webkit-keyframes fadeInUp2{from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp2{from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp2{-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}
html{font-size:12px;-webkit-text-size-adjust:none}
@media screen and (min-width:1200px){html{font-size:12.5px}
}
@media screen and (min-width:1280px){html{font-size:13.33333px}
}
@media screen and (min-width:1366px){html{font-size:14.22916px}
}
@media screen and (min-width:1440px){html{font-size:15px}
}
@media screen and (min-width:1600px){html{font-size:16.66666px}
}
@media screen and (min-width:1920px){html{font-size:20px}
}