body{font:14px/1.5 "Microsoft YaHei","黑体","宋体",sans-serif;color:#333;background-color:#f2f6f7}
body,div,p,img,h1,h2,h3,h4,h5,h6,form,table,th,tr,td,select,ul,ol,li,dl,dt,dd{margin:0;padding:0;outline:none}
a{color:#333;text-decoration:none}
li{list-style:none}
.fl{float:left}
.fr{float:right}
.cs{cursor:pointer}
img,video{vertical-align:top}
.overflow1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overflow2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.overflow3{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.clearfix:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.clearfix{zoom:1}
/* flex */
.flex{display:-webkit-flex;display:flex}
.flex-col{display:-webkit-flex;display:flex;flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.item-center{align-items:center}
.item-end{align-items:flex-end}
.justify-center{justify-content:center}
.justify-end{justify-content:flex-end}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}
.w1200{width:1200px;margin:0 auto}
.hide{display:none}
/*-----PC版-----*/
.header{position:fixed;z-index:20;width:100vw;left:0;top:0;background:linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,0))}
.header.shrinked{background-color:rgba(0,0,0,.75);transform:translateY(0px);transition:transform 0.3s linear 0s}
.header-outer-wrapper{position:relative;transition:all .2s;height:80px;margin:0 50px}
.header.shrinked .header-outer-wrapper{height:60px}
.header-inner-wrapper{height:100%}
.header .logo{width:auto;height:38px}
.header .nav{font-size:0}
.header .nav li{margin:0 5px;padding:5px 15px;color:#fff;font-size:18px;display:inline-block;border-radius:18px}
.header .nav li a{color:#fff}
.header .nav li:hover{background-color:#fff}
.header .nav li:hover a{color:#333}
.f16{font-size:16px;line-height:20px}
.footer{background-color:#DAE4E1}
.footer .w1200{padding:90px 0 60px;background-image:url('../images/footer_bg.png');background-repeat:no-repeat;background-position:80% bottom;background-size:417px auto}
.footer-info{margin:0 60px}
.footer-left{color:#2F8174}
.footer-left>div{margin:10px 0}
.footer-left>div img{width:35px;margin-right:18px}
.footer-left .contact{font-size:40px}
.footer-left .contact span{font-size:29px;padding:0 20px;vertical-align:top;position:relative;top:6px}
.footer-left .address{font-size:22px}
.footer-right{font-size:22px;color:#333333}
.footer-right img{width:170px;margin-bottom:10px}
.footer .beian{font-size:16px;line-height:24px;margin:50px 60px 0 60px;color:#666666}
.footer .beian a{color:#666666}
.h5warp{display:none}
.fadein{opacity:0;transition:all .4s ease-in-out;transition-delay:calc(0.2s * var(--index))}
.fadein-left{transform:translateX(-30px)}
.fadein-right{opacity:0;transform:translateX(30px)}
.fadein-top{opacity:0;transform:translateY(-30px)}
.fadein-down{opacity:0;transform:translateY(30px)}
.fadein.visible{opacity:1;transform:translate(0,0)}
/*-----移动版-----*/
@media screen and (max-width:767px) {
    .main{width:100vw;overflow:hidden}
    .pcwarp{display:none}
    .h5warp{display:block}
    .w1200{max-width:100%}
    img{max-width:100%}
    .header-outer-wrapper{height:44px;margin:0 15px}
    .header .logo{position:relative;z-index:3}
    .header .menu{width:24px;position:relative;z-index:3}
    .header .nav{display:none;position:fixed;z-index:2;left:0;top:0;width:100vw;height:100vh;padding-top:calc(50vh - 230px);box-sizing:border-box;background-color:#2F8174;background-image:url('../images/menu_bg.png');background-repeat:no-repeat;background-position:bottom center;background-size:100% auto}
    .header .nav li{margin:0 25px;padding:0;display:block;text-align:center;font-size:23px;line-height:80px;border-bottom:1px solid #439588;border-radius:0}
    .header .nav li:hover{background-color:transparent}
    .header .nav li:hover a{color:#fff}
    .header .nav li:first-child{border-top:1px solid #439588}
    .footer .w1200{padding:70px 0 30px;background-position:center bottom;background-size:80% auto}
    .footer-logo{width:132px;display:block;margin:0 auto 55px}
    .footer-info{margin:0 70px;display:block}
    .footer-left{color:#333333}
    .footer-left>div{align-items:start !important}
    .footer-left>div img{width:26px;margin-right:12px}
    .footer-left .contact{font-size:25px}
    .footer-left .contact img{position:relative;top:4px}
    .footer-left .address{font-size:16px}
    .footer-left>div p{white-space:pre-line}
    .footer-right{font-size:11px;text-align:center;margin-top:40px}
    .footer-right img{width:105px;margin-bottom:7px}
    .footer .beian{font-size:11px;line-height:27px;margin-top:45px;white-space:pre-line;text-align:center}
}