html {
    margin: 0 auto;
    max-width: 1980px;
}

/*end*/
body{overflow-x:hidden;overflow-y:hidden;font-family: 'Bronova-R';}


@font-face {
    font-family: 'Bronova-R';
    src: url('../fonts/Bronova_Regular.ttf')
    } 
@font-face {
    font-family: 'Bronova-B';
    src: url('../fonts/Bronova_Bold.ttf')
    }  


.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: 'Bronova-R';}
.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}
.content{width:72.9%;margin:0 auto}
.c,.clearfix:after{height:0;content:"";clear:both;display:block}


/***xinzeng*****/
.headpc .menu ul li.cur a em,.headpc .menu ul li:hover a em {
    color: #fff;
}

.headpc .menu ul li.cur,.headpc .menu ul li:hover {
    background: #008fd7;
}

body .headpc .menu ul li {
    height: 5rem;
    box-sizing: border-box;
    transition: all 0.5s;
    padding: 0 0.82%;
    float: left;
    display: inline-block;
}
body .headpc .menu ul {
    display: block;
}

body .headpc .menu {
    width: 61%;
       float: right;
}

/***xinzeng*****/

.headpc2 .menu ul .erji {
    display: none;
    position: absolute;
    top: 5rem;
    left: 0px;
    width: 100%;
    background: #008fd7;
    padding: 1.2rem 0 0.7rem;
}

.headpc2 .menu ul li {
    position: relative;
}
.headpc2 .menu ul li:hover .erji{
 display: block;
    
}
.headpc .menu ul li:nth-child(1) .erji {
   display: none;
}
.headpc .menu ul li:nth-child(2) .erji {
    width: 260%;
}
.headpc .menu ul li:nth-child(3) .erji {
    width: 220%;
}
.headpc .menu ul li:nth-child(4) .erji {
    width: 108%;
}
.headpc .menu ul li:nth-child(5) .erji {
    width: 333%;
    display: none;
}
.headpc .menu ul li:nth-child(6) .erji {
    width: 333%;
}
.headpc .menu ul li:nth-child(7) .erji {
    width: 258%;
}
.headpc .menu ul li:nth-child(8) .erji {
    width: 233%;
    display: none;
}
.headpc2 .menu ul .erji p a {
    display: block;
    line-height: 1.3rem;
    font-size: 0.8rem;
    color: #fff;
    font-family: Bronova-R;
    padding: 0.4rem 6% 0.4rem 6%;
    margin: 0 3%;
    margin-bottom: 0.5rem;
}

.headpc2 .menu ul .erji p a:hover {
    color:#008fd7;
    background: #fff;
}



.headpc{
    height: 5rem;
    width: 87.5%;
    box-sizing: border-box;
    max-width: 1920px;
    min-width: 1200px;
    margin: 0 auto;
    transition: .5s;
    z-index: 11;
    position: absolute;
    top: 1.5rem;
    left: 6.25%;
    background: #fff;
    border-radius: 1rem;    
    
}
.headpc .t_logo{
    float: left;
    width: 8.928%;
    padding: 1.24rem 3% 0 2.38%;
    display: table;
}
.headpc .t_logo a{display:block;}
.headpc .t_logo img{width:100%;max-height:6rem;display:block;transition:all 0.5s;}
.headpc .t_logo:hover img{transform:scale(1.1);}
.headpc .hea-rig{
 float: right;
 width: 18.6rem;
 padding: 1.5rem 2.38% 0 0%;
}

.headpc .hea-rig .eshop {
    float: right;
    background: #12c46a url(/web/template/pcmb/images/h_email.png) no-repeat 1rem center;
    height: 2rem;
    text-align: center;
    width: 9rem;
    padding: 0 1rem 0 2rem;
    border-radius: 2rem;
    color: #fff;
    line-height: 2rem;
    font-size: 0.8rem;
}

.headpc .lang-tab{
    float: left;
    height: 1.3rem;
    position: relative;
    width: 3.7rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0.4rem;
    margin-right: 0.4rem;
    
}
.headpc .lang-tab em{
  display: block;
    line-height: 1.6rem;
    font-weight: bold;
    font-size: .9rem;
    color: #111111;
    font-family: Bronova-R;
    background: url(../images/h_en.png) no-repeat left 0.2rem;
    background-size: 1rem;
    position: relative;
    padding-left: 1.4rem;  
}
.headpc .lang-tab em:before{width:1.3rem;height:1.3rem;background: url(../images/h_xj.png) no-repeat center;background-size: 0.6rem;content:"";position:absolute;right:0;top:0;transition:.5s;}

.headpc .lang-tab .lang-list{width:6.5rem;height:0;background:#fff;border:.05rem solid #c9c9c9;border-radius:.25rem;box-sizing:border-box;position:absolute;top:4rem;right:-.5rem;padding-top:1.15rem;transition:.5s;z-index:0; display:none;}
.headpc .lang-tab .lang-list dd{height:1.8rem;line-height:1.8rem;text-align:center;}
.headpc .lang-tab .lang-list dd a{display:block;font-size:.8rem;color:#4c4c4c;}
.headpc .lang-tab .lang-list dd a:hover{font-weight:700;color:#0c4192;}
.headpc .lang-tab.cur em:before{transform:rotateX(180deg);}
.headpc .lang-tab.cur .lang-list{height:17rem;  top:2rem;z-index:9;display:block;}


.headpc .hea-rig .isear{width: 2rem;height:2rem;float: left;position:relative;z-index:200;}
.headpc .hea-rig .isear .icon{display:block;width:2rem;height:2rem;float:right;position:relative;cursor:pointer;background: #12c46a url(../images/h_fd.png) no-repeat center center;background-size: 1rem;border-radius:50%;}
.headpc .hea-rig .isear .isearch{width:19.5rem;height:3rem;background:#fff;border:.05rem solid #c9c9c9;border-radius:.25rem;box-sizing:border-box;position:absolute;top:3.9rem;right:-.8rem;opacity:0;transition:.5s;pointer-events:none;}

.headpc .hea-rig .isear .isearch .ser_so{width:2rem;height:2rem;background:#12c46a url(../images/h_fd.png) no-repeat center center;background-size:1rem;float:left;cursor:pointer;border:0;margin:.5rem;    border-radius: 50%;}
.headpc .hea-rig .isear .isearch .ser_inp{width:15rem;height:2.8rem;line-height:2.8rem;float:left;font-size:.8rem;color:#999;border:0;font-family:Bronova-R;}
.headpc .hea-rig .isear .isearch .ser_inp::-webkit-input-placeholder{font-size:.8rem;color:#999;}
.headpc .hea-rig .isear .isearch .ser_inp::-moz-placeholder{font-size:.8rem;color:#999;}
.headpc .hea-rig .isear.open .icon{}

.headpc .hea-rig .isear.open .isearch{top:2.9rem;opacity:1;pointer-events:auto;z-index:301;}
.headpc .hea-rig .email{float:left;width:44%;}
.headpc .hea-rig .email span{}
.headpc .menu{width: 56%;float:left;}
.headpc .menu ul{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;}
.headpc .menu ul li{height:5rem;box-sizing:border-box;transition:all 0.5s;}
.headpc .menu ul li a em{display:block;line-height:5rem;font-size:0.9rem;color:#111;font-family:Bronova-R;font-weight:700;}



.headpc .ejxla{position:absolute;left:0;top: 5rem;height: 18rem;max-width: 1920px;min-width: 1200px;margin:0 auto;width:100%;z-index: 999;display: none;box-sizing: border-box;border-radius: 1rem;box-shadow: 5px 6px 14px rgb(0 0 0 / 32%);overflow: hidden;}
.headpc .ejxla p{float: left;width: 57%;position: relative;padding: 3rem 6%;height: 12rem; background:#fff;}
.headpc .ejxla p a{
    display: block;
    float: left;
    width: 40%;
    margin-right:10%;
    border-bottom:1px solid #e2e2e2;
    font-weight: bold;
    height: 3rem;
    line-height: 3rem;
    font-size: 1rem;
    color:#111111;
    padding-right: 0;
    margin-bottom: 1.75rem;
    padding-bottom: 1.75rem;
    font-family: 'Bronova-B';
    }

.headpc li:hover .ejxla p a,.headpc .cur .ejxla p a{font-weight:normal;}
.headpc li:hover .ejxla p a:hover,.headpc .cur .ejxla p a:hover{font-weight:bold;color: #008fd7;}
.headpc .flimg{float: right;width: 31%;line-height: 0px;background: rgb(255 255 255 / 90%);height: 18rem;}
.headpc .flimg img{width: 64%;display: block;transition:all .3s linear 0s;margin: 11% 19%;border-radius: 0.5rem;overflow: hidden;}
.headpc .flimg:hover img{transform:scale(1.1);}
.headpc .flimg a{padding: 0;display: block;}
.headpc .flimg a:before{background: none;}
.headpc li:hover .ejxla{display:block;z-index:2;}
.headpc li:last-child .flimg a{padding: 0}

.headpc .menu ul li:nth-child(1):hover .ejxla,
.headpc .menu ul li:nth-child(5):hover .ejxla,
.headpc .menu ul li:nth-child(6):hover .ejxla,
.headpc .menu ul li:nth-child(8):hover .ejxla
{
    display: none;
}
.headpc .menu ul li:nth-child(7) .ejxla p a:nth-child(5) {
    display: none;
}

.headpc .menu ul li:nth-child(4) .ejxla p a {
    width: 29%;
    margin-right: 4%;
}



/*.headpc .menu ul li:nth-child(2) .ejxla p a{*/
/*    float: none; width: 60%;*/
/*}  */






.headpc .menu ul li:hover .nav-two{display:block;}
.headpc .menu ul li.cur em {
    color: #008fd7;
}

.headmc{display: none;}

body{overflow: hidden;width:100%;max-width: 1920px;margin:0 auto!important;}

@media screen and (max-width: 767px){
    body{overflow-x: hidden;
        overflow-y: hidden;
        max-width: 750px!important;
        min-width: 320px;
        margin: 0 auto;
        font-size: 0.8rem;
    }

        
.abouts,.bbgg,.whypc,.emp_pc,.kehupc,.newpc,.footpc{display: none;} 


.aboutsmc,.bbggmc,.whymc,.emp_mc,.kehumc,.newmc,.footmc{display: block;}  
        
        
    .content{width:100%!important;overflow:hidden;}
    .headpc{display: none;}
    .headmc{display:block;height: 4.5rem;position: relative;}

.headmc .heamc-logo{float:left;width: 22.73%;display:table;margin-top: 0.8rem;}

   .headmc .heamc-logo a{ display: table-cell; vertical-align: middle; }
   .headmc .heamc-logo img{width: 100%; max-height: 4.2rem; display: block;}
   
    
    .headmc .m-nav2{width: 6.66%;height:2.2rem;float:right;margin-top: 1.2rem;position:relative;z-index:200}
    .headmc .m-nav2 i{display:block;width:100%;height:2.2rem;background:url(../images/menu.png) no-repeat center;background-size:100% 100%}
    .headmc .menu2{position:relative;z-index:301}
    .headmc .menu2 .erji{width:100%;display:none;overflow:hidden;position:absolute;height:85rem;max-width:750px;top:4.1rem;right:0;transition:transform 3s;-webkit-transition:transform 3s;box-sizing:border-box;z-index:100}
    .headmc .menu2 .erji ul{background:#fff;width:100%;height:100%;float:right;padding:.65rem 1.75rem 0;box-sizing:border-box;border-top:.1rem solid #ebebeb}
    .headmc .menu2 ul li{height:4rem;line-height:4rem;color:#fff;border-bottom:.1rem solid rgba(26,26,26,.16);box-sizing:border-box}
    .headmc .menu2 ul li a{display:block;text-decoration:none;font-size:1.2rem;color:#1a1a1a;font-weight:400;background:url(../images/xl-jt.png) no-repeat right;background-size:.7rem 1.2rem}
    .headmc .isearr{width: 2rem;height: 2rem;float:right;margin-top: 1.3rem;margin-right: 3.5%;}
    .headmc .isearr i{display:block;width:100%;height: 2rem;overflow:hidden;background:url(../images/heamc-sea.png) no-repeat center;background-size:100% 100%}
    .headmc .seach{width:100%;overflow:hidden;position:absolute;height:61.25rem;max-width:750px;top:4.1rem;right:0;display:none;z-index:301}
    .headmc .seach.active{transform:translateX(0);-webkit-transform:translateX(0);opacity:1}
    .headmc .seach .sea{background:#fff;width:100%;height:61.25rem;float:right;padding:4.25rem 2.45rem 0 2.5rem;box-sizing:border-box;border-top:.1rem solid #ebebeb}
    .headmc .seach .sea .sou{width:100%;height:4.45rem;border-bottom:.05rem solid #4d4d4d;box-sizing:border-box}
    .headmc .seach .sea .sou .txt{width:90%;height:4.35rem;line-height:4.35rem;padding-left:2.55rem;box-sizing:border-box;background:url(../images/heamc-sea.png) no-repeat left;background-size:1.55rem 1.55rem;font-size:1.2rem;color:#b2b2b2;border:0}
    .headmc .seach .sea .sou .txt::-webkit-input-placeholder{font-size:1.2rem;color:#666}
    .headmc .seach .sea .sou .txt::-moz-placeholder{font-size:1.2rem;color:#666}
    .headmc .seach .sea .sou .btn{float:right;width:1.75rem;height:1.1rem;margin-top:1.6rem;border:0;background: url(../images/m-jt2.png) no-repeat center;
    background-size: 1.75rem 1.1rem;}
    .headmc .lang-tabb{float:right;margin-top: 1.2rem;margin-right: 2.5%;}
    .headmc .lang-tabb em{display:block;line-height:2.2rem;padding-left:2.5rem;padding-right:2.2rem;font-size:1.5rem;color:#008fd7;font-family:OpenSans-B;position:relative;background:url(../images/heamc-lang.png) no-repeat left;background-size: 1.9rem;}
    .headmc .lang-tabb em:before{width:2.2rem;height:2.2rem;background:url(../images/langmc-jt.png) no-repeat center;background-size: 1.1rem;content:"";position:absolute;right:0;top:0}
    .headmc .lang{position:relative;z-index:301}
    .headmc .lang .lang-listt{width:100%;display:none;overflow:hidden;position:absolute;height:85rem;max-width:750px;top:4.1rem;right:0;transition:transform 3s;-webkit-transition:transform 3s;box-sizing:border-box;z-index:100}
    .headmc .lang .lang-listt ul{background:#fff;width:100%;height:100%;float:right;padding:.65rem 1.75rem 0;box-sizing:border-box;border-top:.1rem solid #ebebeb}
    .headmc .lang .lang-listt ul li{height:4rem;line-height:4rem;color:#fff;border-bottom:.1rem solid rgba(26,26,26,.16);box-sizing:border-box;text-align:center}
    .headmc .lang .lang-listt ul li a{display:block;text-decoration:none;font-size:1.5rem;line-height:4rem;color:#1a1a1a;font-weight:400}
}




.bannerpc{line-height:0;position:relative;}
.bannerpc img{width:100%;display:block;}
.bannerpc .ban-con{width:100%;position:absolute;left:8%;top:13rem;}
.bannerpc .ban-con.txt1 span{
       display: block;
    line-height: 3.2rem;
    font-size: 3rem;
    color: #fff;
    margin-bottom: 1.5rem;
    font-weight: normal;
    font-family:"Bronova-B";
    width: 40%;
}
.bannerpc .ban-con.txt1 p{
        line-height: 1.6rem;
    font-size: 1rem;
    color: #fff;
    font-family: Arial;
    width: 34%;
    padding-left: 1rem;
    border-left: 4px solid #12c46a;
    height: 4rem;
    margin-bottom: 2.6rem;
     font-family:"Bronova-B";
}

.bannerpc .banmore2 a{
display: block;
    height: 3rem;
    background: rgb(34 197 117 / 90%) url(../images/ban_n1.png) no-repeat center right 9%;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 3rem;
    color: #fff;
    border-radius: 2.6rem;
    padding-left: 2rem;
    width: 21rem;
    position: relative; 
     font-family:"Bronova-B";
}
.bannerpc .banmore2 a:before{content:"";position:absolute;background-size:1.3rem 1.3rem;width:1.3rem;height:1.3rem;left:8rem;top:50%;margin-top:-.65rem;z-index:112;transition:all .3s linear 0s;}
.bannerpc .ban-jt{width:100%;}
.bannerpc .ban-jt i{display:block;width:36px;height:70px;cursor:pointer;z-index:300;transition:.5s;}
.bannerpc .ban-jt i img{width:100%;}
.bannerpc .ban-jt i.banner-prev{position:absolute;left:0;top:50%;transform:translate(0,-50%);opacity:0;}
.bannerpc .ban-jt i.banner-next{position:absolute;right:0;top:50%;transform:translate(0,-50%);opacity:0;}
.bannerpc:hover i.banner-prev{left:5%;opacity:1;}
.bannerpc:hover i.banner-next{right:5%;opacity:1;}



.bannerpc .ban-con.txt2 span{
       display: block;
    line-height: 3.2rem;
    font-size: 3rem;
    color: #fff;
    margin-bottom: 1.5rem;
    font-weight: normal;
    font-family:"Bronova-B";
    width: 40%;
}
.bannerpc .ban-con.txt2 p{
        line-height: 1.6rem;
        font-size: 1rem;
        color: #fff;
        font-family: Arial;
        width: 30%;
        padding-left: 1rem;
        border-left: 4px solid #12c46a;
        height: 3rem;
        margin-bottom: 2.6rem;
        font-family:"Bronova-B";
}

.bannerpc .txt2 .banmore2 a {
    width: 17rem;
}

.bannerpc .ban-con.txt2 {
    top: 17rem;
}

.bannerpc .ban-con.txt3 span{
       display: block;
       line-height: 3.3rem;
       font-size: 3rem;
       color: #fff;
       margin-bottom: 1.5rem;
       font-weight: normal;
       font-family:"Bronova-B";
       width: 53%;
}
.bannerpc .ban-con.txt3 p{
        line-height: 1.6rem;
        font-size: 1rem;
        color: #fff;
        font-family: Arial;
        width: 28%;
        padding-left: 1rem;
        border-left: 4px solid #12c46a;
        height: 4.5rem;
        margin-bottom: 2.6rem;
        font-family:"Bronova-B";
}

.bannerpc .txt3 .banmore2 a {
    width: 9rem;
}

.bannerpc .ban-con.txt3 {
    top: 14rem;
}

.bannerpc .ban-con.txt3 em {
    display: block;
    line-height: 3.3rem;
    font-size: 3rem;
    color: #fff;
    font-weight: normal;
    font-family: "Bronova-B";
    width: 40%;
}

.banmc{display:none;}
@media screen and (max-width:767px){
    
body .headpc.f_fw{ display:none;}
    
.bannerpc{display:none;}
.banmc{display:block;line-height:0;overflow:hidden;}
.banmc img{width:100%}

.mcontent {
    width: 92%;
    margin: 0 auto;
}

.banmc .ban-con{width:100%;position:absolute;left: 4%;top: 5rem;}
.banmc .ban-con.txt1 span{
       display: block;
       line-height: 2.5rem;
       font-size: 2.4rem;
       color: #fff;
       margin-bottom: 1.5rem;
       font-weight: normal;
       font-family:"Bronova-B";
       width: 98%;
}
.banmc .ban-con.txt1 p{
        line-height: 1.6rem;
        font-size: 1rem;
        color: #fff;
        width: 71%;
        padding-left: 1rem;
        border-left: 2px solid #fff;
        height: 6rem;
        margin-bottom: 2.6rem;
        font-family:"Bronova-B";
}

.banmc .banmore2 a{display: block;height: 3rem;background: #22c575 url(/web/template/pcmb/images/ban_n1.png) no-repeat center right 5%;font-size: 0.9rem;background-size: 2rem;font-weight: 400;line-height: 3.2rem;color: #fff;border-radius: 2.6rem;padding-left: 1.8rem;width: 54%;position: relative;font-family:"Bronova-B";}
.bbanmc .banmore2 a:before{content:"";position:absolute;background-size:1.3rem 1.3rem;width:1.3rem;height:1.3rem;left:8rem;top:50%;margin-top:-.65rem;z-index:112;transition:all .3s linear 0s;}


.banmc .ban-con.txt2 span{
       display: block;
       line-height: 2.5rem;
       font-size: 2.4rem;
       color: #fff;
       margin-bottom: 1.5rem;
       font-weight: normal;
       font-family:"Bronova-B";
       width: 98%;
}
.banmc .ban-con.txt2 p{
        line-height: 1.6rem;
        font-size: 1rem;
        color: #fff;
        width: 57%;
        padding-left: 1rem;
        border-left: 2px solid #fff;
        height: 4.8rem;
        margin-bottom: 2.6rem;
        font-family:"Bronova-B";
}

.banmc .ban-con.txt3 em{
       display: block;
       line-height: 2.5rem;
       font-size: 2.4rem;
       color: #fff;
       font-weight: normal;
       font-family:"Bronova-B";
       width: 98%;
}
.banmc .ban-con.txt3 span{
       display: block;
       line-height: 2.5rem;
       font-size: 2.4rem;
       color: #fff;
       margin-bottom: 1.5rem;
       font-weight: normal;
       font-family:"Bronova-B";
       width: 98%;
}
.banmc .ban-con.txt3 p{
        line-height: 1.6rem;
        font-size: 1rem;
        color: #fff;
        width: 71%;
        padding-left: 1rem;
        border-left: 2px solid #fff;
        height: 6rem;
        margin-bottom: 2.6rem;
        font-family:"Bronova-B";
}

.banmc .txt2 .banmore2 a{
    width: 43%;
}

.banmc .txt3 .banmore2 a{
    width: 23%;
}


}





.abouts {
    overflow: hidden;
    position: relative;
}

.abouts .about-left {
    width: 68.75%;
    position: absolute;
    left: 0px;
    height: 100%;
    background: url(/web/template/pcmb/images/about_bg.jpg) no-repeat;
    background-size: 100% 100%;
}

.abouts .about-right {
    float: right;
    width: 31.25%;
    line-height: 0px;
}

.abouts .about-right img { width:100%;}

.abouts .aboutcom {
    display: block;
    position: relative;
}

.abouts .about-left .wen {
    padding: 6.3% 0 0% 12.12%;
}

.abouts .about-left .wen b {
    font-weight: normal;
    color: #008fd7;
    font-size: 1.2rem;
    display: block;
    line-height: 1rem;
    padding-bottom: 2%;
}

.abouts .about-left .wen h2 {
    color: #111;
    font-size: 2.4rem;
    display: block;
    line-height: 2.6rem;
    width: 71%;
    font-weight: normal;
    padding-bottom: 3.6%;
}

.abouts .about-left .wen p {
    font-size: 0.9rem;
    width: 85%;
    line-height: 1.3rem;
    padding-bottom: 1.8rem;
    color: #111;
}

.abouts .about-left  ul {
    padding: 5rem 0 0 12.12%;
    width: 72%;
}


.abouts .about-left  ul li {
    position: relative;
    width: 16%;
    float: left;
    line-height: 1rem;
    height: 4.5rem;
    display: block;
    cursor: pointer;
    margin-right: 5%;
}
.abouts .about-left ul  li span{
    font-family: "Poppins-R";
    color: #008fd7;
    display: block;
    height: 2rem;
    font-size: 2.4rem;
}
.abouts .about-left ul  li em{
    font-size: 2.4rem;
    float: left;
    line-height: 2rem;
    display: inline-block;
    font-weight: bold;
}
.abouts .about-left  ul  li i{
    font-size: 2.5rem;
        float: left;
}
.abouts .about-left ul  li strong{
    float: left;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: bold;
}
.abouts .about-left  ul li b{
    display: block;
    height: 2rem;
    line-height: 2rem;
    font-size: 2.3rem;
    padding-left: 0.2rem;
    float: left;
}
.abouts .about-left  ul li p{
    font-size: 0.8rem;
    color: #111;
    padding-top: 1rem;
    font-weight: bold;
}



.abouts .about-left ul li:nth-child(4) {
    width: 30%;
    margin-right: 0px;
}

.abouts .about-left ul li:nth-child(3) {
    width: 21%;
}

.abouts .about-left ul li:nth-child(2) {
    width: 17%;
}

.abouts .about-right .video {
    position: relative;
    display: block;
}

.abouts .about-right .video:after {
    content: "";
    background: url(/web/template/pcmb/images/videobtn.png) no-repeat;
    display: block;
    width: 4rem;
    height: 4rem;
    top: 45%;
    left: 45%;
    position: absolute;
    z-index: 9;
    cursor: pointer;
    background-size: 100%;
}


.aboutsmc{ display:none;}



@media screen and (max-width:767px){

.aboutsmc {
    overflow: hidden;
    position: relative;
    background: url(/web/template/pcmb/images/about_bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 3.3rem 0 4.3rem 0;
}

.aboutsmc .about-left {
    width: 100%;
    position: relative;
}

.aboutsmc .about-right {
    width: 100%;
    line-height: 0px;
}

.aboutsmc.about-right img {}
.aboutsmc .aboutcom {
    display: block;
    position: relative;
}

.aboutsmc .about-left .wen {
}

.aboutsmc  .about-left .wen b {
    font-weight: normal;
    color: #008fd7;
    font-size: 1.3rem;
    display: block;
    line-height: 1rem;
    padding-bottom: 1.2rem;
    font-family: "Bronova-B";
}

.aboutsmc .about-left .wen h2 {
    color: #111;
    font-size: 2rem;
    display: block;
    line-height: 2.5rem;
    width: 100%;
    font-weight: normal;
    padding-bottom: 1.3rem;
    font-family: "Bronova-B";
}

.aboutsmc .about-left .wen p {
    font-size: 1rem;
    width: 100%;
    line-height: 1.5rem;
    padding-bottom: 0.3rem;
    color: #111;
    font-family: "Bronova-R";
}

.aboutsmc .about-left  ul {
    padding: 2rem 0 1.6rem 0px;
    width: 100%;
}


.aboutsmc .about-left  ul li {
    position: relative;
    width: 16%;
    float: left;
    line-height: 1rem;
    height: 5.5rem;
    display: block;
    cursor: pointer;
    margin-right: 3%;
}
.aboutsmc .about-left ul  li span{
    font-family: "Poppins-R";
    color: #008fd7;
    display: block;
    height: 2rem;
    font-size: 2.4rem;
}
.aboutsmc .about-left ul  li em{
    font-size: 2.4rem;
    float: left;
    line-height: 2rem;
    display: inline-block;
    font-weight: bold;
}
.aboutsmc .about-left  ul  li i{
    font-size: 2.5rem;
        float: left;
}
.aboutsmc .about-left ul  li strong{
    float: left;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: bold;
}
.aboutsmc  .about-left  ul li b{
    display: block;
    height: 2rem;
    line-height: 2rem;
    font-size: 2.3rem;
    float: left;
}
.aboutsmc .about-left  ul li p{
    line-height: 1.22rem;
    font-size: 1rem;
    color: #111;
    padding-top: 1.28rem;
    font-weight: normal;
    font-family: "Bronova-R";
}



.aboutsmc .about-left ul li:nth-child(4) {
    width: 30%;
    margin-right: 0px;
}

.aboutsmc .about-left ul li:nth-child(3) {
    width: 22%;
}

.aboutsmc .about-left ul li:nth-child(2) {
    width: 23%;
}

.aboutsmc .about-right .video {
    position: relative;
    display: block;
}

.aboutsmc .about-right .video:after {
    content: "";
    background: url(/web/template/pcmb/images/videobtn.png) no-repeat;
    background-size: 100%;
    display: block;
    width: 4rem;
    height: 4rem;
    top: 40%;
    left: 45%;
    position: absolute;
    z-index: 9;
    cursor: pointer;
}



.aboutsmc .about-right img {
    width: 100%;
}

}



.custpc{padding-top:5rem;padding-bottom:2rem;}
.custpc h2 a{display:block;margin-bottom:2.7rem;}
.custpc h2 a b{
    display: block;
    font-size: 2.4rem;
    line-height: 1.5rem;
    color: #111;
    font-weight: 700;
    text-align: center;
}
.custpc dl{transition:all .3s linear 0s;float:left;width:31.4%;margin-right:2.5%;}
.custpc dl dt{width:100%;overflow:hidden;border-radius:.5rem;position:relative;}
.custpc dl dt a{cursor: auto;}
.custpc dl dt:before{
    content: "";
    position: absolute;
    background: url(../images/probg.png) no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 12;
    transition: all .3s linear 0s;
}
.custpc dl dt img{    width: 100%;
    display: block;
    transition: all .3s linear 0s;
    position: relative;
    z-index: 99;
    margin-top: 4rem;}
.custpc dl .tit{
   position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #111;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.36rem;
}
.custpc video{
    position: absolute;
    left: 0;
    top: 0;
  width: 100%;height: 100%;
    z-index:1;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;object-fit:fill;
}

.custpc dl dd{margin-top:-.05rem;position:relative;height:5.6rem;}
.custpc dl dd a{cursor: auto;}
.custpc dl dd h4 a{
    font-size: 0.8rem;
    line-height: 1.3rem;
    color: #111;
    margin-bottom: 0.8rem;
    display: inline-block;

      background-size: 1.2rem;
    padding-right: 1.6rem;
    margin-right: 3%;
    font-weight: normal;
}
.custpc dl dd h4 {
    height: 3rem;
    display: block;
    text-align: center;
    padding-top: 1.1rem;
}
.custpc dl dd h4 a:nth-child(1) {
    background: url(../images/ban_n2.png) no-repeat right center;
    display: inline-block;
    margin-right: 3%;
    background-size: 1.2rem;
}
.custpc dl dd h4 a:nth-child(2) {
    background: url(../images/ban_n3.png) no-repeat right center;
    display: inline-block;
    margin-right: 3%;
    background-size: 1.2rem;
}

.custpc dl dd h4 a:nth-child(2):hover {
    background: url(../images/ban_n2.png) no-repeat right center;
background-size: 1.2rem;
}


.custpc dl:hover{transform:translateY(-6px);}
.custpc dl:nth-child(3n){margin-right:0;}
.custpc dl:hover .custpc video{opacity: 1;}
.layui-layer-page .layui-layer-content{overflow:hidden;}

.custpc .mores {
    background: #12c46a;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    width: 20%;
    border-radius: 5rem;
    margin: 0 auto;
    padding-right: 1.1%;
    padding-left: 2.2%;
       transition: all .3s linear 0s;
}
.custpc .mores:hover{transform:translateY(-6px);}
.custpc .mores a {
    display: block;
    color: #fff;
    font-size: 1rem;
    background: url(/web/template/pcmb/images/ban_n1.png) no-repeat right center;
    background-size: 2rem;
    width: 100%;
    text-align: left;
}
.custmc{display:none;}
@media screen and (max-width:767px){
.custpc{display:none;}



.custmc {
    display: block;
}

.custmc{padding-top: 4.2rem;padding-bottom:4.2rem;}
.custmc h2 a{display:block;margin-bottom: 2.3rem;}
.custmc h2 a b{
    display: block;
    font-size: 2rem;
    line-height: 1.5rem;
    color: #111;
    font-weight: 700;
    text-align: center;
    font-family: "Bronova-B";
}
.custmc dl{transition:all .3s linear 0s;float:left;width: 45.4%;margin-bottom: 2.3rem;}
.custmc dl dt{width:100%;overflow:hidden;border-radius:.5rem;position:relative;}
.custmc dl dt a{cursor: auto;}
.custmc dl dt:before{
    content: "";
    position: absolute;
    background: url(/web/template/pcmb/images/probg.png) no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 12;
    transition: all .3s linear 0s;
}
.custmc dl dt img{    width: 100%;
    display: block;
    transition: all .3s linear 0s;
    position: relative;
    z-index: 99;
    margin-top: 4rem;}
.custmc dl .tit{
   position: relative;
   width: 100%;
   left: 0;
   top: 0;
   color: #111;
   font-size: 1rem;
   text-align: center;
   line-height: 1.56rem;
   font-family: "Bronova-B";
   height:auto;
}
.custmc dl:nth-child(1) .tit{
     line-height: 1.72rem;  
}
.custmc dl:nth-child(2) .tit{
   line-height: 1.22rem;
   height:4rem;
}



.custmc video{
    position: absolute;
    left: 0;
    top: 0;
  width: 100%;height: 100%;
    z-index:1;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;object-fit:fill;
}

.custmc dl dd{margin-top:-.05rem;position:relative;height: 2.8rem;}
.custmc dl dd a{cursor: auto;}
.custmc dl dd h4 a{
    font-size: 0.8rem;
    line-height: 1.3rem;
    color: #111;
    margin-bottom: 0.8rem;
    display: inline-block;
    background-size: 1.2rem;
    padding-right: 1.6rem;
    margin-right: 3%;
    font-weight: normal;
    font-family: "Bronova-R";
}
.custmc dl dd h4 {
    height: 3rem;
    display: block;
    text-align: center;
    padding-top: 1.1rem;
}
.custmc dl dd h4 a:nth-child(1) {
    background: url(/web/template/pcmb/images/ban_n2.png) no-repeat right center;
    display: inline-block;
    margin-right: 3%;
    background-size: 1.2rem;
}
.custmc dl dd h4 a:nth-child(2) {
    background: url(/web/template/pcmb/images/ban_n3.png) no-repeat right center;
    display: inline-block;
    margin-right: 3%;
    background-size: 1.2rem;
}
.custmc dl:hover{transform:translateY(-6px);}
.custmc dl:nth-child(2n){margin-right:0;float: right;}
.custmc dl:hover .custpc video{opacity: 1;}



.custmc .mores {
    background: #12c46a;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    width: 43%;
    border-radius: 5rem;
    margin: 0 auto;
    padding-right: 3%;
    padding-left: 4%;
}

.custmc .mores a {
    display: block;
    color: #fff;
    font-size: 1.2rem;
    background: url(/web/template/pcmb/images/ban_n1.png) no-repeat right center;
    background-size: 2rem;
    width: 100%;
    text-align: left;
}

}





.bbgg {
    background: url(/web/template/pcmb/images/hanyebg.jpg) no-repeat;
    background-size: 100%;
}

.hanye {
    padding: 5rem 0 0 0;
    overflow: hidden;
}

.hanye .tit {
    text-align: center;
    padding-bottom: 3.1rem;
}
.hanye dl:hover .btns{
    display: block; 
}
.hanye .btns {
    display: none;
    width: 3rem;
    height: 3rem;
    position: absolute;
    background: url(/web/template/pcmb/images/ban_n4.png) no-repeat;
    background-size: 100%;
    top: 14rem;
    left: 45%;
    cursor: pointer;
}

.hanye .tit a {
    display: block;
    font-size: 2.4rem;
    line-height: 1.5rem;
    color: #111;
    font-weight: 700;
    text-align: center;
}

.hanye .tit h2 {
    padding-bottom: 1.3rem;
}

.hanye .tit  p {
    text-align: center;
    font-size: 1.2rem;
    color: #111;
}

.hanye dl {
    line-height: 0px;
    position: relative;
    float: left;
    width: 25%;
    cursor: pointer;
    overflow: hidden;
}

.hanye dl dt {}

.hanye dl dt img {
    width: 100%;
    transition: all .3s linear 0s;
}
.hanye dl:hover dt img{transform:scale(1.1);}

.hanye dl dd {
    position: absolute;
    top: 9%;
    left: 0px;
    z-index: 99;
    text-align: center;
    width: 100%;
}

.hanye dl dd em {
    display: block;
    text-align: center;
    margin-bottom: 2rem;
}

.hanye dl dd span {
    color: #fff;
    display: block;
    font-size: 1.2rem;
    line-height: 1rem;
    width: 100%;
    padding-bottom: 1rem;
}

.hanye dl dd p {
    color: #fff;
    display: block;
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding: 0 13%;
}

.hanye dl dd em img {
    width: 4rem;
}


.bbggmc{display:none;}


@media screen and (max-width:767px){

.bbggmc {
    display: block;
    background: url(/web/template/pcmb/images/mchanyebg.jpg) no-repeat;
    background-size: 100%;
}

.hanyemc {
    padding: 4.2rem 0 0 0;
    overflow: hidden;
}

.hanyemc .tit {
    text-align: center;
    padding-bottom: 2.1rem;
}

.hanyemc .tit a {display: block;font-size: 2.1rem;line-height: 1.5rem;color: #111;font-weight: 700;text-align: center;font-family: "Bronova-B";}

.hanyemc .tit h2 {
    padding-bottom: 1.3rem;
}

.hanyemc .tit  p {
    text-align: center;
    font-size: 1.2rem; 
    color: #111;
    font-family: "Bronova-B";
}

.hanyemc dl {
    line-height: 0px;
    position: relative;
    float: left;
    width: 49.3%;
    cursor: pointer;
    margin-bottom: 0.42rem;
    overflow: hidden;
}

.hanyemc dl dt {}

.hanyemc dl dt img {
    width: 100%;
}
.hanyemc dl dd {
    position: absolute;
    top: 6%;
    left: 0px;
    z-index: 99;
    text-align: center;
    width: 100%;
}

.hanyemc dl dd em {
    display: block;
    text-align: center;
    margin-bottom: 1.2rem;
}

.hanyemc dl dd span {
    color: #fff;
    display: block;
    font-size: 1.2rem;
    line-height: 1.5rem;
    width: 100%;
    padding-bottom: 1rem;
    font-family: "Bronova-B";
}

.hanyemc dl dd p {
    color: #fff;
    display: block;
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding: 0 13%;
}

.hanyemc dl dd em img {
    width: 21%;
}


.hanyemc dl:nth-child(2n) {
    float: right;
}

}





.solupc {
    padding: 5.1rem 0 3rem;
    overflow: hidden;
    
}

.solupc .tit {
    padding-bottom: 3rem;
    display: block;
}

.solupc h2 {
    padding-bottom: 1.1rem;
}

.solupc h2 a {
    display: block;
    font-size: 2.4rem;
    line-height: 1.5rem;
    color: #111;
    font-weight: 700;
    text-align: center;
}

.solupc .tit p {
    text-align: center;
    font-size: 0.9rem;
    color: #111;
}

.solupc .solucolumn { display:block}

.solupc .solucolumn ul {
    border-top: 1px solid #dddddd;
    text-align: center;
    padding-top: 2px;
    overflow: initial;
}

.solupc .solucolumn ul  li {
    height: 5rem;
    box-sizing: border-box;
    transition: all 0.5s;
    text-align: center;
    display: inline-block;
    padding: 0 3.5%;
    position: relative;
}

.solupc .solucolumn ul  a {
    display: block;
    height: 100%;
}

.solupc .solucolumn ul li span {
    display: block;
    line-height: 5rem;
    color: #111;
    font-weight: bold;
    font-size: 1rem;
}

.solupc .solucolumn ul li:nth-child(6) {
    float: right;
    padding: 0px;
}

.solupc .solucolumn ul li:nth-child(1) {
    float: left;
    padding: 0px;
}

.solupc .solucolumn ul li.cur:after {
    content: "";
    background: #019fe9;
    width: 100%;
    position: absolute;
    top: -4px;
    height: 3px;
    display: block;
    left: 0px;
}

.solupc .solucolumn ul li.cur span {
    color: #019fe9;
}
.solupc .solulist { display:block; overflow:hidden;}

.solupc .solulist dl {
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 2rem;
    border-radius: 1rem;
    box-shadow: -15px 12px 12px #f4f5fa;
}

.solupc .solulist dl dt {
    float: left;
    width: 50%;
    line-height: 0px;
    overflow: hidden;
}

.solupc .solulist dl dt img {
    width: 100%;
}

.solupc .solulist dl dd {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40%;
    overflow: hidden;
    background: #fff;
    height: 77%;
    padding: 3.6rem 5%;
}


.solupc .solulist dl dd h4 {
      display: block;
    height: auto;
    padding-right: 0%;
    padding-bottom: 1.6rem;
}

.solupc .solulist dl dd h4 a {
    font-size: 1.5rem;
    color: #111;
    display: block;
    line-height: 2rem;
    font-family: "Bronova-B";
    font-weight: normal;
}

.solupc .solulist dl dd p {
    font-size: 0.9rem;
    color: #111;
    display: block;
    line-height: 1.8rem;
}

.solupc .solulist dl dd span {
    height: 1rem;
    display: block;
    position: absolute;
    bottom: 20%;
    left: 10%;
        transition: all .3s linear 0s;
}
.solupc .solulist dl dd span:hover{transform:translateY(-6px);}
.solupc .solulist dl dd span b {
    font-size: 0.9rem;
    color: #0daa5b;
    float: left;
    padding-right: 0.4rem;
    font-weight: bold;
}

.solupc .solulist dl dd span img {
    width: 100%;
        margin-top: 0.1rem;
}

.solupc .solulist dl dd span i {
    float: left;
    width: 1.2rem;
}


.solumc {display:none;}
.bbggmc{ display:none;}
@media screen and (max-width:767px){
.bbggmc{ display:block;}
.solumc {
    display: block;
    padding: 4.1rem 0 3rem;
    overflow: hidden;
}

.solumc .tit {
    padding-bottom: 2rem;
    display: block;
}

.solumc h2 {
    padding-bottom: 1.1rem;
}

.solumc h2 a {
    display: block;
    font-size: 1.9rem;
    line-height: 2rem;
    color: #111;
    font-weight: 700;
    text-align: center;
    font-family: "Bronova-B";
}

.solumc .tit p {
    
    font-size: 0.9rem;
    text-align: center;
    font-size: 1rem;
    color: #111;
    font-family: "Bronova-B";
}

.solumc .solucolumn {    border-top: 1px solid #dddddd; display:block; margin-left:4%; overflow:hidden; position:relative;}

.solumc .solucolumn ul {

    text-align: center;
    padding-top: 2px;
    overflow: initial;
}

.solumc .solucolumn ul li {
    height: 5rem;
    box-sizing: border-box;
    transition: all 0.5s;
    text-align: center;
    display: inline-block;
    padding: 0 3.5%;
    position: relative;
    width: auto;
}
.solumc .solucolumn ul  a {
    display: block;
    height: 100%;
}

.solumc .solucolumn ul li span {
    display: block;
    line-height: 5rem;
    color: #111;
    font-weight: bold;
    font-size: 1.1rem;
}

.solumc .solucolumn ul li:nth-child(6) {
    float: right;
    padding: 0px;
}

.solumc .solucolumn ul li:nth-child(1) {
    float: left;
    padding: 0px;
}

.solumc .solucolumn ul li.swiper-slide-thumb-active:after {
    content: "";
    background: #019fe9;
    width: 100%;
    position: absolute;
    top: -4px;
    height: 3px;
    display: block;
    left: 0px;
}

.solumc .solucolumn ul li.swiper-slide-thumb-active span {
    color: #019fe9;
}
.solumc .solulist { display:block; overflow:hidden;}

.solumc .solulist dl {
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 2rem;
    border-radius: 1rem;
}

.solumc .solulist dl dt {
    width: 100%;
    line-height: 0px;
    overflow: hidden;
}

.solumc .solulist dl dt img {
    width: 100%;
}

.solumc .solulist dl dd {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 1.6rem 5%;
    height: auto;
}


.solumc .solulist dl dd h4 {
      display: block;
      height: 3.66rem;
      padding-right: 0%;
      padding-bottom: 1rem;
}

.solumc .solulist dl dd h4 a {
    font-size: 1.2rem;
    color: #111;
    display: block;
    line-height: 1.4rem;
font-family: "Bronova-B";
}

.solumc .solulist dl dd p {
    font-size: 0.9rem;
    color: #111;
    display: block;
    line-height: 1.4rem;
    font-family: "Bronova-R";
    margin-bottom: 2rem;
}

.solumc .solulist dl dd span {
    height: 1rem;
    display: block;
}

.solumc .solulist dl dd span b {
    font-size: 1.2rem;
    color: #0daa5b;
    float: left;
    padding-right: 0.4rem;
    font-family: "Bronova-B";
}

.solumc .solulist dl dd span img {
    width: 100%;
}

.solumc .solulist dl dd span i {
    float: left;
    width: 1.2rem;
}

}


 



.whypc {
    background: url(/web/template/pcmb/images/why_bg.jpg) no-repeat center bottom;
    padding: 4.8rem 0 15rem 0;
    background-size: 100% 100%;
}

.whypc .tit {
    display: block;
    margin-bottom: 4rem;
}

.whypc .tit h2 {
    display: block;
    font-size: 2.4rem;
    line-height: 3rem;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.whypc dl {
    float: left;
    width: 30%;
    margin-bottom: 1.5rem;
    height: 8rem;
}

.whypc dl dt {
    display: block;
    position: relative;
    float: left;
    width: 28%;
    margin-top: 0.5rem;
    padding: 1rem 0 1rem 0;
    margin-bottom: 1rem;
}

.whypc dl dt img {
    width: 100%;
    margin-top: 0%;
}

.whypc dl dt:after {
    display: block;
    background: url(/web/template/pcmb/images/why_ys.png) no-repeat center center;
    background-size: 100%;
    content: "";
    position: absolute;
    top: -4%;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
}

.whypc dl dd {
    color: #fff;
    float: right;
    width: 66%;
    padding-top: 1rem;
}

.whypc dl dd p {
    display: block;
    font-size: 1.2rem;
    height: 2rem;
    line-height: 3.4rem;
    padding-bottom: 1.6rem;
}

.whypc dl dd strong {
    font-size: 0.9rem;
    font-weight: normal;
    line-height: 1.4rem;
    padding-right: 5%;
    display: block;
}

.whypc dl:nth-child(3n) {
    float: right;
    width: 28.5%;
}

.whypc dl:hover dt:after {
    background: url(/web/template/pcmb/images/why_y.png) no-repeat center center;
    background-size: 100%;
    content: "";
    position: absolute;
    top: -4%;
    left: -9%;
    display: block;
    width: 119%;
    height: 100%;
}

.whypc dl:nth-child(2),.whypc dl:nth-child(5) {
    margin-left: 6%;
}

.whypc dl:hover dt em {}

.whypc dl:nth-child(1),.whypc dl:nth-child(4) {
    margin-left: -1%;
}

.whypc dl.cur dt {
}

.whypc dl dt em {
    display: block;
    position: relative;
    z-index: 99;
}




.whymc{ display:none;}

@media screen and (max-width:767px){

.whymc {
    display: block;
    background: url(/web/template/pcmb/images/mcwhy_bg.jpg) no-repeat center bottom;
    padding: 4.8rem 0 15rem 0;
    background-size: 100% 100%;
}

.whymc .tit {
    display: block;
    margin-bottom: 2.3rem;
}

.whymc .tit h2 {
    display: block;
    font-size: 1.8rem;
    line-height: 2.5rem;
    color: #fff;
    text-align: center;
    font-family: "Bronova-B";
}

.whymc dl {
    width: 100%;
}

.whymc dl dt {
    display: block;
    position: relative;
    float: left;
    width: 20%;
    margin-top: 0.5rem;
    padding: 1rem 0 1rem 0;
    margin-bottom: 1rem;
}

.whymc dl dt img {
    width: 100%;
    margin-top: 0%;
}

.whymc dl dt:after {
    display: block;
    background: url(/web/template/pcmb/images/why_ys.png) no-repeat center center;
    background-size: 100%;
    content: "";
    position: absolute;
    top: -4%;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
}

.whymc dl dd {
    color: #fff;
    float: right;
    width: 76%;
    padding-top: 1rem;
    height: auto;
    border-bottom: 1px dashed rgb(255 255 255 / 20%);
    padding-bottom: 2rem;
}

.whymc dl dd p {
    display: block;
    font-size: 1.5rem;
    height: 2rem;
    line-height: 3.4rem;
    padding-bottom: 1.6rem;
    font-family: "Bronova-B";
}

.whymc dl dd strong {
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.8rem;
    padding-right: 5%;
    display: block;
    font-family: "Bronova-R";
}



.whymc dl.cur dt:after {
    background: url(/web/template/pcmb/images/why_y.png) no-repeat center center;
    background-size: 100%;
    content: "";
    position: absolute;
    top: -3%;
    left: -4%;
    display: block;
    width: 110%;
    height: 100%;
}

.whymc dl dt em {
    display: block;
    position: relative;
    z-index: 99;
}

.whymc dl:nth-child(6) dd {border: 0px;}


}

.emp_pc {
    background: url(/web/template/pcmb/images/emp_bg.jpg) no-repeat;
    padding: 4rem 0 0 0;
    background-size: 100% 100%;
    position: relative;
}

.emp_pc .tit {
    margin-bottom: 3rem;
}

.emp_pc .tit h2 {
    display: block;
    font-size: 2.4rem;
    line-height: 1.5rem;
    color: #111;
    font-weight: 700;
    text-align: center;
}

.emp_pc .tit p {
    text-align: center;
    font-size: 0.9rem;
    color: #111;
    line-height: 1.3rem;
    padding: 1.2rem 18% 1rem 18%;
}

.emp_pc .tit span {
    color: #019fe9;
    font-size: 1rem;
    text-align: center;
    display: block;
    font-weight: bold;
}

.emp_pc .emp_left {
    float: left;
    width: 25.2%;
}

.emp_pc .emp_right {
    float: right;
    width: 79.28%;
    margin-right: -5.5%;
}

.emp_pc .emp_right .emp_map {
    position: relative;
    display: block;
    line-height: 0px;
}

.emp_pc .emp_right .emp_map img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 9;
}

.emp_pc .emp_right .emp_map .fdd {
    position: absolute;
    z-index: 99;
    cursor: pointer;
}

.emp_pc .emp_right .emp_map .fdd em {
    display: block;
    width: 1rem;
    height: 1rem;
    background: no-repeat;
}

.emp_pc .emp_right .emp_map .fdd .msgs {
    display: none;
}

.emp_pc .emp_right .emp_map .fdd .msgs span {
    display: block;
    padding: 1rem 0;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1rem;
    border-bottom: 1px solid rgb(255 255 255 / 40%);
    margin: 0 10%;
}

.emp_pc .emp_right .emp_map .fdd .msgs b {
    display: block;
    height: 2.3rem;
    line-height: 2.3rem;
    margin: 0 10%;
    color: #fff;
    font-size: 0.9rem;
    font-weight: normal;
    padding-left: 1.4rem;
    opacity: 0.8;
   background: url(../images/map_email.png) no-repeat left;
    background-size: 1rem;
}

.emp_pc .emp_right .emp_map .fdd .msgs p {
    display: block;
    color: #fff;
    margin: 0 10%;
    font-size: 0.9rem;
    padding-left: 1.6rem;
    height: 1rem;
    line-height: 1rem;
}

.emp_pc .emp_right .emp_map .fdd .msgs .btns {
    display: block;
    margin: 0 10%;
    background: #fff;
    height: 2rem;
    width: 6rem;
    border-radius: 0.665rem;
    margin-top: 0.8rem;
}

.emp_pc .emp_right .emp_map .fdd .msgs .btns a {
    display: block;
    font-size: 0.9rem;
    color: #019fe9;
    line-height: 2rem;
    text-align: center;
    font-weight: bold;
}

.emp_pc .emp_right .emp_map .bd64 {
    top: 58%;
    left: 20%;
}

.emp_pc .emp_right .emp_map .bd2 {
    top: 47%;
    left: 25.5%;
}

.emp_pc .emp_left ul {
    display: block;
    margin-top: 2rem;
}

.emp_pc .emp_left ul li {
    display: block;
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
    border-bottom: 1px solid #dddddd;
    cursor: pointer;
}

.emp_pc .emp_left ul li span.clearfix {
    display: block;
}

.emp_pc .emp_left ul li em {
    display: block;
    float: left;
    font-size: 2.6rem;
    color: #019fe9;
    font-weight: bold;
    height: 3rem;
    line-height: 3rem;
}

.emp_pc .emp_left ul li b {
    float: left;
    color: #019fe9;
    height: 3rem;
    line-height: 3rem;
    font-size: 2rem;
}

.emp_pc .emp_left ul li p {
    color: #111;
    font-size: 0.9rem;
}
.emp_pc .emp_right .emp_map .fdd.cur .msgs:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 1.6rem solid transparent;
    border-bottom: 1.2rem solid transparent;
    border-right: 1.2rem solid #0ea4ea;
    display: block;
    position: absolute;
    left: -01rem;
    top: 1.6rem;
}
.emp_pc .emp_left ul li:nth-child(1) {
    background: url(/web/template/pcmb/images/emp_c1.png) no-repeat right 1rem;
}
 
.emp_pc .emp_left ul li:nth-child(2) {
    background: url(/web/template/pcmb/images/emp_c2.png) no-repeat right 1rem;
}

.emp_pc .emp_left ul li:nth-child(3) {
    background: url(/web/template/pcmb/images/emp_c3.png) no-repeat right 1rem;
}

.emp_pc .emp_right .emp_map .fdd.cur .msgs {
    display: block;
    width: 16rem;
    height: 10.66rem;
    background: #0ea4ea;
    position: absolute;
    top: -3rem;
    left: 2rem;
    border-radius: 0.66rem;
}

   
 .emp_pc .emp_right .emp_map .bd66{
    top: 30.2%;
    left: 71.6%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd67{
    top: 45.2%;
    left: 76.6%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd68{
    top: 39.2%;
    left: 83%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd69{
    top: 12%;
    left: 72%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd70{
    top: 31%;
    left: 61.2%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd71{
    top: 30%;
    left: 57.2%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd72{
    top: 19%;
    left: 62.8%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd73{
    top: 27%;
    left: 64.8%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd74{
    top: 45.5%;
    left: 80.4%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd75{
    top: 36.5%;
    left: 76.9%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd76{
    top: 23.5%;
    left: 62.5%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd77{
    top: 39%;
    left: 40.5%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd78{
    top: 56.1%;
    left: 52.5%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd79{
    top: 53%;
    left: 51.5%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd80{
    top: 46%;
    left: 50.2%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd81{
    top: 64%;
    left: 50%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd82{
    top: 49.2%;
    left: 54.5%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd83{
    top: 40%;
    left: 46.2%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd84{
    top: 27%;
    left: 42.6%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd85{
    top: 44.2%;
    left: 55.5%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd65{
    top: 47%;
    left: 25.5%;
} 
  
  
 
 .emp_pc .emp_right .emp_map .bd64{} 

.emp_mc{ display:none;}

@media screen and (max-width:767px){


.emp_mc .emp_right .emp_map .bd64 {
    top: 58%;
    left: 7%;
}

 .emp_mc .emp_right .emp_map .bd66{
    top: 30.2%;
    left: 76.6%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd67{
    top: 45.2%;
    left: 82.6%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd68{
    top: 40.2%;
    left: 91%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd69{
    top: 12%;
    left: 77%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd70{
    top: 31%;
    left: 61.2%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd71{
    top: 30%;
    left: 57.2%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd72{
    top: 19%;
    left: 64.8%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd73{
    top: 27%;
    left: 66.8%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd74{
    top: 45.5%;
    left: 88.4%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd75{
    top: 36.5%;
    left: 82.9%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd76{
    top: 23.5%;
    left: 64.5%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd77{
    top: 39%;
    left: 34.5%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd78{
    top: 58.1%;
    left: 51%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd79{
    top: 54%;
    left: 49.5%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd80{
    top: 48%;
    left: 48.2%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd81{
    top: 64.2%;
    left: 47%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd82{
    top: 49.2%;
    left: 54.5%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd83{
    top: 40%;
    left: 42.2%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd84{
    top: 27%;
    left: 37.6%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd85{
    top: 44.2%;
    left: 55%;
} 
  
  
 
 .emp_mc .emp_right .emp_map .bd65{
    top: 48%;
    left: 14.5%;
} 
  
.emp_mc {
    display: block;
    background: #f5f5f5;
    padding: 4rem 0 0 0;
    background-size: 100% 100%;
    position: relative;
}

.emp_mc .tit {
    margin-bottom: 3rem;
}

.emp_mc .tit h2 {
    display: block;
    font-size: 1.8rem;
    line-height: 1.8rem;
    color: #111;
    font-weight: 700;
    text-align: center;
    font-family: "Bronova-B";
}

.emp_mc .tit p {
    text-align: center;
    font-size: 0.8rem;
    color: #111;
    line-height: 1.3rem;
    font-family: "Bronova-R";
    padding: 1rem 4%;
}

.emp_mc .tit span {
    color: #019fe9;
    font-size: 1rem;
    text-align: center;
    display: block;
    font-weight: bold;
    font-family: "Bronova-B";
}

.emp_mc .emp_left {
    display: block;
}

.emp_mc .emp_right {
    float: right;
    width: 100%;
}

.emp_mc .emp_right .emp_map {
    position: relative;
    display: block;
    line-height: 0px;
}

.emp_mc .emp_right .emp_map img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 9;
}

.emp_mc .emp_right .emp_map .fdd {
    position: absolute;
    z-index: 99;
    cursor: pointer;
}
.emp_mc .emp_right .emp_map .fdd i {
    display: block;
    width: 1rem;
    height: 1rem;
    background: no-repeat;
    position: absolute;
    right: 1rem;
    top: 0rem;
    z-index: 99;
    font-size: 1.5rem;
    color: #fff;
    height: 2rem;
    line-height: 2rem;
}
.emp_mc .emp_right .emp_map .fdd em {
    display: block;
    width: 1rem;
    height: 1rem;
    background: no-repeat;
   
}

.emp_mc .emp_right .emp_map .fdd .msgs {
    display: none;
}
.emp_mc .emp_right .emp_map .fdd.cur .msgs:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 1.6rem solid transparent;
    border-bottom: 1.2rem solid transparent;
    border-right: 1.2rem solid #0ea4ea;
    display: block;
    position: absolute;
    left: -01rem;
    top: 1.6rem;
}


.emp_mc .emp_right .emp_map .fdd .msgs span {
    display: block;
    padding: 1rem 0;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1rem;
    border-bottom: 1px solid rgb(255 255 255 / 40%);
    margin: 0 10%;
}

.emp_mc .emp_right .emp_map .fdd .msgs b {
    display: block;
    height: 2.3rem;
    line-height: 2.3rem;
    margin: 0 10%;
    color: #fff;
    font-size: 0.9rem;
    font-weight: normal;
    padding-left: 1.6rem;
    opacity: 0.8;
}

.emp_mc .emp_right .emp_map .fdd .msgs p {
    display: block;
    color: #fff;
    margin: 0 10%;
    font-size: 0.9rem;
    padding-left: 1.6rem;
    height: 1rem;
    line-height: 1rem;
}

.emp_mc .emp_right .emp_map .fdd .msgs .btns {
    display: block;
    margin: 0 10%;
    background: #fff;
    height: 2rem;
    width: 6rem;
    border-radius: 0.665rem;
    margin-top: 0.8rem;
}

.emp_mc .emp_right .emp_map .fdd .msgs .btns a {
    display: block;
    font-size: 0.9rem;
    color: #019fe9;
    line-height: 2rem;
    text-align: center;
    font-weight: bold;
}

.emp_mc .emp_right .emp_map .bd1 {
    top: 58%;
    left: 7%;
}

.emp_mc .emp_right .emp_map .bd2 {
    top: 48.2%;
    left: 14.5%;
}

.emp_mc .emp_left ul {
    display: block;
    margin-top: 2rem;
}

.emp_mc .emp_left ul li {
    display: block;
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
    float: left;
    width: 28%;
    padding: 0 4%;
    text-align: left;
}

.emp_mc .emp_left ul li span.clearfix {
    display: block;
    text-align: left;
    font-family: "Bronova-B";
}

.emp_mc .emp_left ul li em {
    display: block;
    float: left;
    font-size: 2.5rem;
    color: #019fe9;
    font-weight: bold;
    height: 3rem;
    line-height: 3rem;
}

.emp_mc .emp_left ul li b {
    float: left;
    color: #019fe9;
    height: 3rem;
    line-height: 3rem;
    font-size: 2rem;
}

.emp_mc .emp_left ul li p {
    color: #111;
    font-size: 1.1rem;
    font-family: "Bronova-R";
}


.emp_mc .emp_right .emp_map .fdd.cur .msgs {
    display: block;
    width: 16rem;
    height: 10.66rem;
    background: #0ea4ea;
    position: absolute;
    top: -3rem;
    left: 2rem;
    border-radius: 0.66rem;
}

.emp_mc .emp_left ul li:nth-child(3) {
    border: 0px;
    float: right;
    width: 15%;
}

.emp_mc .emp_left ul li:nth-child(1) {
    margin-left: 1%;
    padding-right: 5.5%;
}

.emp_mc .emp_left ul li:nth-child(2) {
    border-left: 1px solid hsl(0deg 0% 87% / 40%);
    border-right: 1px solid hsl(0deg 0% 87% / 40%);
    width: 16%;
    padding: 0 9% 0 8%;
}

/**新样式***/

.emp_mc .emp_right .emp_map .fdd.cur.bd85 .msgs {
    right: 2rem;
    left: auto;
}

.emp_mc .emp_right .emp_map .fdd.cur.bd85 .msgs:after {
    left: auto;
    right: -1.2rem;
    border-top: 1.2rem solid transparent;
    border-bottom: 1.6rem solid transparent;
    border-left: 1.2rem solid #0ea4ea;
}

.emp_mc .emp_right .emp_map .fdd.bd85 .msgs span {
    text-align: center;
}

.emp_mc .emp_right .emp_map .fdd.bd85 i {
    left: 1rem;
    right: 0px;
}

.emp_mc .emp_right .emp_map .fdd.bd85 .msgs .btns {
    margin-left: 3rem;
}

/* 新增 .bd66 到 .bd76 的样式 */
.emp_mc .emp_right .emp_map .fdd.bd66 .msgs span,
.emp_mc .emp_right .emp_map .fdd.bd67 .msgs span,
.emp_mc .emp_right .emp_map .fdd.bd68 .msgs span,
.emp_mc .emp_right .emp_map .fdd.bd69 .msgs span,
.emp_mc .emp_right .emp_map .fdd.bd70 .msgs span,
.emp_mc .emp_right .emp_map .fdd.bd71 .msgs span,
.emp_mc .emp_right .emp_map .fdd.bd72 .msgs span,
.emp_mc .emp_right .emp_map .fdd.bd73 .msgs span,
.emp_mc .emp_right .emp_map .fdd.bd74 .msgs span,
.emp_mc .emp_right .emp_map .fdd.bd75 .msgs span,
.emp_mc .emp_right .emp_map .fdd.bd76 .msgs span {
    text-align: center;
}

.emp_mc .emp_right .emp_map .fdd.bd66 i,
.emp_mc .emp_right .emp_map .fdd.bd67 i,
.emp_mc .emp_right .emp_map .fdd.bd68 i,
.emp_mc .emp_right .emp_map .fdd.bd69 i,
.emp_mc .emp_right .emp_map .fdd.bd70 i,
.emp_mc .emp_right .emp_map .fdd.bd71 i,
.emp_mc .emp_right .emp_map .fdd.bd72 i,
.emp_mc .emp_right .emp_map .fdd.bd73 i,
.emp_mc .emp_right .emp_map .fdd.bd74 i,
.emp_mc .emp_right .emp_map .fdd.bd75 i,
.emp_mc .emp_right .emp_map .fdd.bd76 i {
    left: 1rem;
    right: 0px;
}

.emp_mc .emp_right .emp_map .fdd.bd66.cur .msgs,
.emp_mc .emp_right .emp_map .fdd.bd67.cur .msgs,
.emp_mc .emp_right .emp_map .fdd.bd68.cur .msgs,
.emp_mc .emp_right .emp_map .fdd.bd69.cur .msgs,
.emp_mc .emp_right .emp_map .fdd.bd70.cur .msgs,
.emp_mc .emp_right .emp_map .fdd.bd71.cur .msgs,
.emp_mc .emp_right .emp_map .fdd.bd72.cur .msgs,
.emp_mc .emp_right .emp_map .fdd.bd73.cur .msgs,
.emp_mc .emp_right .emp_map .fdd.bd74.cur .msgs,
.emp_mc .emp_right .emp_map .fdd.bd75.cur .msgs,
.emp_mc .emp_right .emp_map .fdd.bd76.cur .msgs{
       right: 2rem;
    left: auto;
}


.emp_mc .emp_right .emp_map .fdd.bd66 .msgs .btns,
.emp_mc .emp_right .emp_map .fdd.bd67 .msgs .btns,
.emp_mc .emp_right .emp_map .fdd.bd68 .msgs .btns,
.emp_mc .emp_right .emp_map .fdd.bd69 .msgs .btns,
.emp_mc .emp_right .emp_map .fdd.bd70 .msgs .btns,
.emp_mc .emp_right .emp_map .fdd.bd71 .msgs .btns,
.emp_mc .emp_right .emp_map .fdd.bd72 .msgs .btns,
.emp_mc .emp_right .emp_map .fdd.bd73 .msgs .btns,
.emp_mc .emp_right .emp_map .fdd.bd74 .msgs .btns,
.emp_mc .emp_right .emp_map .fdd.bd75 .msgs .btns,
.emp_mc .emp_right .emp_map .fdd.bd76 .msgs .btns {
    margin-left: 3rem;
}

/* 为 .bd66 到 .bd76 添加各自的特色样式 */
.emp_mc .emp_right .emp_map .fdd.bd66.cur .msgs:after {
    left: auto;
    right: -1.1rem;
    border-top: 1.2rem solid transparent;
    border-bottom: 1.6rem solid transparent;
    border-left: 1.2rem solid #0ea4ea;
    border-right: 0px;
}

.emp_mc .emp_right .emp_map .fdd.bd67.cur .msgs:after {
      left: auto;
    right: -1.1rem;
    border-top: 1.2rem solid transparent;
    border-bottom: 1.6rem solid transparent;
    border-left: 1.2rem solid #0ea4ea;    border-right: 0px;
}

.emp_mc .emp_right .emp_map .fdd.bd68.cur .msgs:after {
      left: auto;
    right: -1.1rem;
    border-top: 1.2rem solid transparent;
    border-bottom: 1.6rem solid transparent;
    border-left: 1.2rem solid #0ea4ea;    border-right: 0px;
}

.emp_mc .emp_right .emp_map .fdd.bd69.cur .msgs:after {
      left: auto;
    right: -1.1rem;
    border-top: 1.2rem solid transparent;
    border-bottom: 1.6rem solid transparent;
    border-left: 1.2rem solid #0ea4ea;    border-right: 0px;
}

.emp_mc .emp_right .emp_map .fdd.bd70.cur .msgs:after {
      left: auto;
    right: -1.1rem;
    border-top: 1.2rem solid transparent;
    border-bottom: 1.6rem solid transparent;
    border-left: 1.2rem solid #0ea4ea;    border-right: 0px;
}

.emp_mc .emp_right .emp_map .fdd.bd71.cur .msgs:after {
      left: auto;
    right: -1.1rem;
    border-top: 1.2rem solid transparent;
    border-bottom: 1.6rem solid transparent;
    border-left: 1.2rem solid #0ea4ea;    border-right: 0px;
}

.emp_mc .emp_right .emp_map .fdd.bd72.cur .msgs:after {
       left: auto;
    right: -1.1rem;
    border-top: 1.2rem solid transparent;
    border-bottom: 1.6rem solid transparent;
    border-left: 1.2rem solid #0ea4ea;    border-right: 0px;
}

.emp_mc .emp_right .emp_map .fdd.bd73.cur .msgs:after {
    left: auto;
    right: -1.1rem;
    border-top: 1.2rem solid transparent;
    border-bottom: 1.6rem solid transparent;
    border-left: 1.2rem solid #0ea4ea;    border-right: 0px;
}

.emp_mc .emp_right .emp_map .fdd.bd74.cur .msgs:after {
       left: auto;
    right: -1.1rem;
    border-top: 1.2rem solid transparent;
    border-bottom: 1.6rem solid transparent;
    border-left: 1.2rem solid #0ea4ea;    border-right: 0px;
}

.emp_mc .emp_right .emp_map .fdd.bd75.cur .msgs:after {
        left: auto;
    right: -1.1rem;
    border-top: 1.2rem solid transparent;
    border-bottom: 1.6rem solid transparent;
    border-left: 1.2rem solid #0ea4ea;    border-right: 0px;
}

.emp_mc .emp_right .emp_map .fdd.bd76.cur .msgs:after {
       left: auto;
    right: -1.1rem;
    border-top: 1.2rem solid transparent;
    border-bottom: 1.6rem solid transparent;
    border-left: 1.2rem solid #0ea4ea;    border-right: 0px;
}





}


.kehupc {
    position: relative;
    overflow:hidden;
    border-bottom: 1px solid #e2e2e2;
}
.kehupc .kehulis{
       position: relative;
    overflow: hidden;
}
.kehupc li{ float: left;display:block; width:10rem;}
.kehupc li img{ display:block;width:100%;}
.kehupc li span {
    display: block;
    font-size: 0.8rem;
    text-align: center;
    height: 3rem;
    line-height: 1rem;
    color: #111;
    padding: 0 16%;
}
.kehumc { display:none;}

@media screen and (max-width:767px){
.kehumc {
    overflow: hidden;
    display: block;
}
.kehumc li span {
    display: block;
    font-size: 1rem;
    text-align: center;
    height: 2rem;
    line-height: 1rem;
    color: #111;
}
.kehumc li {
    display: block;
}

.kehumc li img {
    width: 100%;
}
}




.newpc{background:#fff;position:relative;padding:4rem 0 3.5rem 0}
.newpc h2{margin-bottom:2.8rem;text-align:center}
.newpc h2 b{display:block;font-size:2.4rem;font-weight:400;line-height:2.5rem;color:#111;font-weight:700;padding-bottom:0.5rem;}
.newpc h2 em{display:block;font-size:0.9rem;font-weight:400;line-height:2rem;color:#111111;}

.newpc .swiper-button-next,.newpc .swiper-button-prev{top:23rem;width:3.1rem;height:3.1rem;cursor:Default;margin-top:0;overflow:hidden}

.newpc .m_new{overflow:hidden}
.newpc .m_new dl{position:relative;transition:all .5s}
.newpc .m_new dl dt{width:100%;overflow:hidden;border-radius:.5rem .5rem 0 0}
.newpc .m_new dl dt img{width:100%;display:block;transition:all .3s linear 0s}
.newpc .m_new dl:hover dt img{transform:scale(1.1);}
.newpc .m_new dl dd{background:#fff;border-radius:0 0 .5rem .5rem;height:14.6rem;padding:1.3rem 1.2rem 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.newpc .m_new dl dd em{display:block;font-size:.9rem;font-weight:400;line-height:1.6rem;color:#999;padding-bottom:0.6rem;}
.newpc .m_new dl dd h4 a{display:block;font-size:1.05rem;font-weight:400;line-height:1.5rem;color:#111;font-weight:700;margin-bottom:.6rem}
.newpc .m_new dl dd p{font-size:.85rem;font-weight:400;line-height:1.2rem;color:#111;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:1rem}
.newpc .m_new dl dd span{display:block;transition:all .3s linear 0s}
.newpc .m_new dl dd span b{float:left;font-size:.95rem;font-weight:400;line-height:1.8rem;color:#0daa5b;font-weight:700}
.newpc .m_new dl dd span i{float:left;width:1.5rem;height:1.5rem;margin-left:.5rem}
.newpc .m_new dl dd span i img{width:100%;display:block}
.newpc .m_new dl:hover{transform:translateY(6px)}

.newmc{display:none;}
@media screen and (max-width:767px){
.newpc{display: none;} 

.newmc{display:block; background:#fff;position:relative;padding:4rem 0 5rem 0;border-top: 1px solid #e2e2e2;}
.newmc h2{margin-bottom: 2.2rem;text-align:center}
.newmc h2 b{display:block;font-size: 2.1rem;line-height: 2rem;color:#111;font-weight:700;padding-bottom:0.5rem;font-family: "Bronova-B";}
.newmc h2 em{display:block;font-size: 1rem;font-weight:400;padding: 0 5%;line-height: 1.6rem;color:#111111;font-family: "Bronova-B";}

.newmc .m_new{overflow:hidden}
.newmc .m_new dl{position:relative;transition:all .5s;border-bottom: 1px dashed rgb(17 17 17 / 20%);padding-bottom: 1.5rem;margin-bottom: 1.5rem;}
.newmc .m_new dl dt{width:100%;overflow:hidden;border-radius:.5rem .5rem 0 0;float: left;width: 33%;}
.newmc .m_new dl dt img{width:100%;display:block;transition:all .3s linear 0s}
.newmc .m_new dl dd{background:#fff;border-radius:0 0 .5rem .5rem;height: auto;padding: 0.3rem 1.2rem 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float: right;width: 66%;}
.newmc .m_new dl dd em{display:block;font-size: 1rem;line-height: 1rem;color:#999;padding-bottom:0.6rem;font-family: "Bronova-R";font-weight: bold;}
.newmc .m_new dl dd h4 a{display:block;font-size: 1rem;font-weight:400;line-height:1.5rem;color:#111;margin-bottom:.6rem;font-family: "Bronova-B";height: 4.2rem;}
.newmc .m_new dl dd span{display:block;transition:all .3s linear 0s}
.newmc .m_new dl dd span b{float:left;font-size:.95rem;line-height:1.8rem;color:#0daa5b;font-weight:700;font-family: "Bronova-B";}
.newmc .m_new dl dd span i{float:left;width:1.5rem;height:1.5rem;margin-left:.5rem}
.newmc .m_new dl dd span i img{width:100%;display:block;margin-top: 0.2rem;}
.newmc .m_new dl:nth-child(4) {
    border: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
}




.footpc {
    background: #008fd7;
}

.footpc .fot_top {
    padding-bottom: 2rem;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    overflow: hidden;
}

.footpc .fot_top .flogo {
    float: left;
    line-height: 0px;
    width: 9rem;
    margin-top: 2.4rem;
}

.footpc .fot_top .flogo a {}

.footpc .fot_top a img {
    width: 100%;
}

.footpc .fot_top ul {
    float: right;
    margin-top: 2.8rem;
    height: 2.6rem;
}

.footpc .fot_top ul li {
    display: inline-block;
    padding-left: 0.4rem;
    cursor: pointer;
}

.footpc .fot_top ul li img {
    width: 100%;
}

.footpc .fot_main {
    margin-top: 3rem;
    padding-bottom: 3rem;
}

.footpc .fot_main .lypc {
    float: left;
    width: 44.33%;
}

.footpc .fot_main .lypc h2 {
    line-height: 1rem;
    display: block;
    padding-bottom: 1.45rem;
}

.footpc .fot_main .lypc h2 span {
    color: #fff;
    display: block;
    font-weight: normal;
    font-size: 1.3rem;
    padding-bottom: 0.7rem;
}

.footpc .fot_main .lypc h2 em {
    color: #fff;
    font-weight: normal;
    font-size: 0.9rem;
}

.footpc .fot_main .lypc h2 b {
    font-weight: bold;
}

.footpc .fot_main .ftnav {
    float: left;
    width: 18.28%;
    margin-left: 12.6%;
}

.footpc .fot_main .ftnav h3 {
    display: block;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-bottom: 3rem;
}

.footpc .fot_main .ftnav p {
    display: block;
    line-height: 2rem;
}

.footpc .fot_main .ftnav p a {
    color: #fff;
    font-size: 0.8rem;
    display: block;
}

.footpc .fot_main 
 .contact {
    float: right;
    width: 20.85%;
}

.footpc .fot_main 
 .contact h3 {
    display: block;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-bottom: 3rem;
}

.footpc .fot_main 
 .contact .addre {
    color: #fff;
    font-size: 0.8rem;
    display: block;
    padding-bottom: rem;
}

.footpc .fot_main 
 .contact ul {}

.footpc .fot_main .contact ul li {
    color: #fff;
    font-size: 0.9rem;
    display: block;
    line-height: 2rem;
}

.footpc .fot_main .contact ul li b {
    color: #fff;
    font-size: 0.8rem;
    padding-bottom: 1.2rem;
    font-weight: normal;
}

.footpc .fot_main .contact ul li em {
    color: #fff;
    font-size: 0.8rem;
    padding-bottom: 1.2rem;
}

.footpc .footthree {
    padding: 1.7rem 0;
    display: block;
    border-top: 1px solid rgb(255 255 255 / 20%);
}

.footpc .footthree span {
    display: block;
    height: 1rem;
    line-height: 1rem;
    color: #fff;
}

.footpc .footthree span em {
    float: right;
    margin-left: 1.2%;
}

.footpc .footthree span a {
    color: #fff;
}

.footpc .footthree span em:nth-child(1) {
    float: left;
       margin-left: 0%;
}

.footpc .fot_main .lypc  input.c_ly {
    background: rgb(255 255 255 / 10%);
    border: 0px;
    display: block;
    height: 2.75rem;
    width: 45%;
    border-radius: 0.4rem;
    float: left;
    margin-bottom: 0.52rem;
    font-size: 0.8rem;
    color: #fff;
    padding-left: 4%;
}

.footpc .fot_main .lypc input.tj {
    background: #12c46a;
    border: 0px;
    width: 100%;
    display: block;
    height: 2.8rem;
    line-height: 2.8rem;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    border-radius: 0.66rem;
}

.footpc .fot_main .lypc input.c_ly:nth-child(2) {
    float: right;
}

.footpc .fot_main .lypc textarea {
    border: 0px;
    background: rgb(255 255 255 / 10%);
    width: 92%;
    border-radius: 0.5rem;
    height: 6rem;
    padding: 1rem 4%;
    color: #fff;
    font-size: 0.8rem;
}

input.c_ly::placeholder{
    color: rgb(255 255 255 / 70%);
}

.footpc .fot_main .lypc textarea::placeholder {color: rgb(255 255 255 / 70%);}


 .footmc { display:none;}

@media screen and (max-width:767px){  


    .footmc {
        overflow: hidden;
        display: block;
        background: #008fd7;
    }

    .footmc .ftmc-top {
        height: auto;
        background-size: 100% 100%;
        padding: 2rem 1.5rem 1.5rem;
        box-sizing: border-box;
    }

    .footmc .ftmc-top .ftmc-nav {
        margin-bottom: 2.25rem;
    }

    .footmc .ftmc-top .ftmc-nav ul li {
        float: left;
        width: 100%;
        height: 4.5rem;
        border-bottom: 0.05rem solid rgb(255 255 255 / 16%);
    }

    .footmc .ftmc-top .ftmc-nav ul li a {
        display: block;
        line-height: 4.25rem;
        font-size: 1.28rem;
        color: #fff;
        background: url(../images/mc_jia.png) no-repeat right center;
        background-size: 0.8rem;
        font-weight: normal;
        font-family: "Bronova-R";
    }

    .footmc .ftmc-top .ftmc-lx {
        margin-bottom: 0.1rem;
    }

    .footmc .ftmc-top .ftmc-lx h4 {
        line-height: 2.7rem;
        margin-bottom: 0.7rem;
        font-size: 1.8rem;
        color: #000;
        font-family: "arial";
        font-weight: bold;
    }
.footmc .ftmc-top .ftmc-lx ul li:nth-child(2){width: 63%;}
    .footmc .ftmc-top .ftmc-lx ul li span {
        display: block;
        color: rgb(255 255 255 / 50%);
        font-weight: bold;
        font-size: 1.1rem;
        font-family: "Bronova-B";
    }
 .footmc .ftmc-top .ftmc-lx ul li:nth-child(1){
      background: url(../images/f_a1s.png) no-repeat left 0.3rem;
      background-size: 1.5rem;
 }
.footmc .ftmc-top .ftmc-lx ul li:nth-child(2){
      background: url(../images/f_a2s.png) no-repeat left 0.2rem;
      background-size: 2rem;
 }

 .footmc .ftmc-top .ftmc-lx ul li:nth-child(3){
      background: url(../images/f_a3s.png) no-repeat left 0.4rem;
      background-size: 2rem;
 }
  
    

    .footmc .ftmc-top .ftmc-lx ul li {
        line-height: 1.65rem;
        font-size: 1.1rem;
        color: #fff;
        margin-bottom: 1.23rem;
        float: left;
        width: auto;
        font-family: "Bronova-R";
        padding-left: 2.9rem;
    }

    .footmc .ftmc-bq span {
        display: block;
        line-height: 1.58rem;
        color: #fff;
        font-family: "Bronova-R";
    }

    .footmc .ftmc-top .ftmc-lx ul li:first-child {
        background-size: 2rem;
        line-height: 1.65rem;
        width: 100%;
    }

    .footmc .ftmc-bq {
        display: block;
        color: #000;
        font-family: "Arial";
        font-size: 1.1rem;
        border-top: 0.05rem solid rgb(255 255 255 / 30%);
        padding-top: 1.4rem;
        margin-top: 1rem;
    }

    .footmc .ftmc-link {
        width: 100%;
        display: block;
        height: 3rem;
    }

    .footmc .ftmc-top .ftmc-link span {
        display: block;
        width: 25rem;
        float: left;
    }

    .footmc .ftmc-top .ftmc-link span a {
        display: block;
        width: 2.8rem;
        line-height: 0;
        overflow: hidden;
        float: left;
        margin-right: 0.5rem;
    }

    .footmc .ftmc-top .ftmc-link span a img {
        width: 100%;
        opacity: 0.5;
    }

    .footmc .ftmc-top .ftmc-link .xf {
        float: right;
        width: 2.9rem;
        height: 2.9rem;
    }

    .footmc .ftmc-top .ftmc-link .xf img {
        width: 100%;
    }

    .footmc .ftmc-form {
        width: 100%;
        height: 3.5rem;
    }

    .footmc .ftmc-form span {
        display: block;
        width: 100%;
        height: 3.5rem;
        background: #FFAA00;
        line-height: 3.5rem;
        text-align: center;
        font-size: 1.2rem;
        color: #1a1a1a;
        font-family: "Arial";
    }

    .footmc .ftmc-dz {
        height: 5.5rem;
        padding-top: 1rem;
        box-sizing: border-box;
    }

    .footmc .ftmc-dz span {
        display: block;
        line-height: 1.75rem;
        font-size: 1rem;
        color: #999999;
        text-align: center;
        font-family: "Bronova-R";
    }

    .footmc .ftmc-dz em {
        display: block;
        text-align: center;
    }

    .footmc .ftmc-dz em a {
        display: inline-block;
        line-height: 1.75rem;
        font-size: 1rem;
        color: #999999;
        font-family: "Bronova-R";
        vertical-align: top;
        margin: 0 1.2rem;
    }

     .footmc .formbj {
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.6);
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        display: none;
    }

     .footmc .form-con {
        width: 86%;
        height: 35rem;
        background: #FFF;
        border-radius: 0.75rem;
        padding: 2.5rem 2.25rem 0;
        box-sizing: border-box;
        position: absolute;
        left: 50%;
        top: 46%;
        transform: translate(-50%,-50%);
    }

    .footmc  .form-con h4 {
        height: 2.55rem;
        line-height: 2.55rem;
        margin-bottom: 0.6rem;
        font-size: 2.3rem;
        color: #333333;
        font-family: "Bronova-R";
        font-weight: bold;
    }

     .footmc .form-con p {
        line-height: 1.5rem;
        font-size: 1.1rem;
        color: #333333;
        font-family: "Bronova-R";
        margin-bottom: 1.55rem;
    }

     .footmc .form-con .form .roww {
        width: 100%;
        height: 2.8rem;
        margin-bottom: 1rem;
        background: #FFF;
        border: 0.05rem solid #e3e3e3;
        box-sizing: border-box;
    }

    .form-con .form .roww input {
        height: 2.7rem;
        line-height: 2.7rem;
        padding: 0 1.4rem!important;
        font-size: 1.1rem;
        color: #808080;
        box-sizing: border-box;
        background: 0;
        border: 0;
    }

     .footmc .form-con .form .roww.last {
        height: 7.9rem;
        width: 100%;
        font-size: 1.1rem;
        color: #808080;
        margin-bottom: 1.5rem;
    }

     .footmc .form-con .form .roww.last textarea {
        width: 100%;
        height: 7.9rem!important;
        padding: 1.4rem!important;
        box-sizing: border-box;
        font-size: 1.1rem;
        color: #808080;
    }

     .footmc .form-con .form .wrap {
        width: 18rem;
        height: 3.5rem;
    }

    .footmc  .form-con .form .wrap .zxlysub {
        width: 100%;
        height: 3.5rem;
        line-height: 3.5rem;
        text-align: center;
        background: #ffaa00;
        border-radius: 1.75rem;
        font-size: 1.2rem;
        color: #1a1a1a;
        font-family: "Bronova-R";
        margin: 0!important;
        text-transform: none !important;
    }

     .footmc .formbj .closemc {
        display: block;
        width: 3.2rem;
        height: 3.2rem;
        background-size: 3.2rem 3.2rem;
        margin: 4.95rem auto 0;
    }

.footmc .ftmc-top .ftmc-link span a:nth-child(2) img {
    opacity: 0.8;
}

}




.isearchcp{width:100%;height:3rem;background:#f5f5f5;border:.05rem solid #c9c9c9;border-radius:.5rem;box-sizing:border-box;transition:.5s; margin-bottom:15px;}
.isearchcp .ser_so{width:2rem;height:2rem;background-size:100% 100%;float:right;cursor:pointer;border:0;margin:.5rem;}
.isearchcp .ser_inp{width:75%;height:2.8rem;background:#f5f5f5; padding-left:3%; line-height:2.8rem;float:left;font-size:.8rem;color:#999;border:0;font-family:Arial;}
.isearchcp .ser_inp::-webkit-input-placeholder{font-size:.8rem;color:#999;}
.isearchcp .ser_inp::-moz-placeholder{font-size:.8rem;color:#999;}


.about-nav{font-weight:700;box-shadow:0 3px 4px #e9e9e9;padding-bottom:28px;margin-bottom:28px}
.about-nav .abo-tit{float:left;font-size:30px;line-height:48px;color:#000}
.inner_newstit ul{float:right}
.inner_newstit li{float:left;line-height:48px}
.inner_newstit li a{padding:0 2.25rem;border-radius:30px;font-size:1rem;color:#333;display:block}
.inner_newstit li.cur a,.inner_newstit li:hover a{color:#fff;background:#0c4192}
@media screen and (max-width:767px){.inner_newstit li{width:48.5%;float:left;margin-left:0;margin-bottom:1rem;text-align:center}
.inner_newstit li:nth-child(2n){float:right}
.about-nav ul{width:100%}
}




















.g_guide .yzsp .play{position:absolute;left:0;top:0}
.g_guide .yzsp .play::before{content:'';position:absolute;width:8.8rem;height:8.8rem;-webkit-box-shadow:inset #fff 0 0 40px;box-shadow:inset #fff 0 0 40px;border-radius:50%;top:0;left:0;opacity:0;animation:warn2 2s ease-out .1s infinite}
.g_guide .yzsp .play::after{content:'';position:absolute;width:8.8rem;height:8.8rem;-webkit-box-shadow:inset #fff 0 0 40px;box-shadow:inset #fff 0 0 40px;border-radius:50%;top:0;left:0;opacity:0;animation:warn 2s ease-out 1.1s infinite}
.g_guide .yzsp .play img{display:block;width:8.8rem;height:8.8rem;position:relative;z-index:1;border-radius:50%}
@keyframes warn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
5%{opacity:1}
to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
}
@keyframes warn2{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
5%{opacity:8}
to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
}
@-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}
.teaser{opacity:0;transform:translate3d(0,25%,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0)}
.lefter{opacity:0;transform:translate3d(-35%,35%,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.lefter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.righter{opacity:0;transform:translate3d(35%,35%,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.righter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.downer{opacity:0;transform:translate3d(0,-35%,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.downer.is-visible{opacity:1;transform:translate3d(0,0,0)}
.lter{opacity:0;transform:translate3d(-35%,0,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.rter{opacity:0;transform:translate3d(35%,0,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.scale{opacity:0;transform:scale(.5);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.scale.is-visible{opacity:1;transform:scale(1)}









html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.6px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.6px;}}
@media screen and (min-width:414px){html{font-size:11px;}}
@media screen and (min-width:440px){html{font-size:11.8px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.8px;}}
@media screen and (min-width:560px){html{font-size:15px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17px;}}
@media screen and (min-width:680px){html{font-size:18.2px;}}
@media screen and (min-width:700px){html{font-size:18.6px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


@media screen and (min-width: 800px) {html {font-size: 12.6px;}}
@media screen and (min-width: 900px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1000px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1100px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1200px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.4px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.2px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.6px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}
@media screen and (min-width: 2120px) {html {font-size: 20px;}}
@media screen and (min-width: 2220px) {html {font-size: 20px;}}
@media screen and (min-width: 2400px) {html {font-size: 21.6px;}}
@media screen and (min-width: 2620px) {html {font-size: 22.2px;}}
@media screen and (min-width: 3000px) {html {font-size: 24.4px;}}
@media screen and (min-width: 3200px) {html {font-size: 26.9px;}}