@charset "utf-8";
/*end*/
body{overflow-x:hidden;overflow-y:hidden;font-family: 'OpenSans-R';}


@font-face {
    font-family: 'OpenSans-R';
    src: url('../fonts/OpenSans-Regular.ttf')
    } 
@font-face {
    font-family: 'OpenSans-B';
    src: url('../fonts/OpenSans-Bold.ttf')
    }  
@font-face {
    font-family: 'OpenSans-SBD';
    src: url('../fonts/OpenSans-SemiBold.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: 'OpenSans-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}


.headpc{height:6rem;width:100%;z-index:15;box-sizing:border-box;max-width:1920px;min-width:1200px;margin:0 auto;transition:.5s;position:relative;z-index:11;}
.headpc .t_logo{float:left;width:12.5%;padding:0 8% 0 4.4%;display:table;height:6rem;}
.headpc .t_logo a{display:table-cell;vertical-align:middle;}
.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;padding-top:2.1rem;margin-right:4.6%;margin-left:1.5%;width: 15%;}
.headpc .lang-tab{ display:none; float:left;height:1.3rem;position:relative;width:30%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:.4rem;margin-right:.7rem;}
.headpc .lang-tab em{display:block;line-height:1.3rem;font-size:.9rem;color:#705fbd;font-family:OpenSans-R;background:url(../images/lanico.png) no-repeat left;background-size:1.3rem 1.3rem;position:relative;padding-left:1.5rem;}
.headpc .lang-tab em:before{width:1.3rem;height:1.3rem;background:url(../images/lang-jt.png) no-repeat;background-size:100% 100%;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:13.8%;height:2rem;float:right;position:relative;z-index:200;}
.headpc .hea-rig .isear .icon{display:block;width:2rem;height:2rem;float:right;position:relative;cursor:pointer;background:url(../images/serico.png) no-repeat center center;background-size:100% 100%;border-radius:50%;}
.headpc .hea-rig .isear .isearch{width:18.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:url(../images/serico.png) no-repeat center;background-size:100% 100%;float:left;cursor:pointer;border:0;margin:.5rem;}
.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:Arial;}
.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{background:#fa0 url(../images/serico.png) no-repeat center;background-size:100% 100%;}

.headpc .hea-rig .isear.open .isearch{top:2.9rem;opacity:1;pointer-events:auto;z-index:301;}
.headpc .hea-rig .eshop{float:left;width:44%;}
.headpc .hea-rig .eshop img{width:100%;display:block;}
.headpc .menu{width:51%;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:6rem;box-sizing:border-box;transition:all 0.5s;}
.headpc .menu ul li a em{display:block;line-height:6rem;font-size:1rem;color:#111;font-family:Arial;font-weight:700;}



.headpc .ejxla{position:absolute;left:0;top:6rem; background:url(../images/xlabg.png) no-repeat center top; height: 0;max-width: 1920px;min-width: 1200px;margin:0 auto; width:100%;z-index: 5585;transition: all 0.3s;overflow: hidden;}
.headpc .ejxla .content{padding: 2rem 0 0 0;box-sizing: border-box;}
.headpc .ejxla p{float: left;width:73%;margin-right: 3%;position: relative;padding-top: 1rem;}
.headpc .ejxla p a{display: block;float: left; width: 30%;margin-right: 5%;border-bottom:1px solid #e2e2e2;font-weight: bold;
    height: 3rem;line-height: 3rem;font-size: 1rem;color:#111111; padding-right: 0;margin-bottom: 1.5rem;}
.headpc .ejxla p a:nth-of-type(3n){margin-right: 0;}
.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,
.headpc li .ejxla p a.cur{font-weight:bold;color: #705fbd;}
.headpc .flimg{float: right;width:22.8%;}
.headpc .flimg .swiper-slide{overflow: hidden;border-radius: 0.5rem;}
.headpc .flimg img{width:100%;display: block;transition:all .3s linear 0s;}
.headpc .flimg:hover img{transform:scale(1.1);}
.headpc .flimg a{padding: 0}
.headpc .flimg a:before{background: none;}
.headpc li:hover .ejxla{height: 21rem;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(4):hover .ejxla,
.headpc .menu ul li:nth-child(6):hover .ejxla,
.headpc .menu ul li:nth-child(7):hover .ejxla
{
    display: none;
}

/*.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: #705fbd;
}

.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;}
    .content{width:100%!important;overflow:hidden;}
    .headpc{display: none;}
    .headmc{display:block;height:4.2rem;position: relative;}

.headmc .heamc-logo{float:left;width:35.4%;display:table;height:4.2rem;}

   .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:3rem;height:2.2rem;float:right;margin-top:.9rem;margin-right:2%;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:2.2rem;height:2.2rem;float:right;margin-top:1rem;margin-right:.8rem}
    .headmc .isearr i{display:block;width:100%;height:2.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}
    .headmc .lang-tabb{float:right;margin-top:.9rem;margin-right:.5rem; display:none;}
    .headmc .lang-tabb em{display:block;line-height:2.2rem;padding-left:2.5rem;padding-right:2.2rem;font-size:1.5rem;color:#705fbd;font-family:OpenSans-B;position:relative;background:url(../images/heamc-lang.png) no-repeat left;background-size:2.2rem 2.2rem}
    .headmc .lang-tabb em:before{width:2.2rem;height:2.2rem;background:url(../images/langmc-jt.png) no-repeat center;background-size:100% 100%;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:13.5%;top:8rem;width:24rem;}
.bannerpc .ban-con.txt1 span{display:block;line-height:2.4rem;font-size:2.2rem;color:#111;margin-bottom:1.5rem;font-weight:700;font-family:Arial;}
.bannerpc .ban-con.txt1 p{line-height:1.6rem;font-size:1rem;color:#111;font-family:Arial;height:7rem;}
.bannerpc .banmore a{display:block;height:2.8rem;background:#705fbd;font-size:.9rem;font-weight:400;line-height:2.8rem;color:#fff;border-radius:.6rem;text-align:center;width:17rem;}
.bannerpc .banmore2 a{display:block;height:2.8rem;background:#705fbd;font-size:.9rem;font-weight:400;line-height:2.8rem;color:#fff;border-radius:.6rem;padding-left:2rem;width:10.5rem;position:relative;}
.bannerpc .banmore2 a:before{content:"";position:absolute;background:url(../images/banmore.png) no-repeat;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 .banner-paging {
  position: absolute;
  height: 1rem;
  line-height: 1rem;
  left: 0;
  bottom: 2.5rem;
  text-align: center;
  z-index: 1;
}
.bannerpc .banner-paging .swiper-pagination-bullet {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 100%;
  margin: 0 0.5rem;
  border: 0.1rem solid #705fbd;
  background-color: #fff;
  cursor: pointer;
  opacity: 1;
}
.bannerpc .banner-paging .swiper-pagination-bullet-active {
  background-color: #705fbd;
}
.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;}
.banmc{display:none;}
@media screen and (max-width:767px){
.bannerpc{display:none;}
.banmc{display:block;line-height:0;overflow:hidden;}
.banmc img{width:100%}
.banmc .banmc-txt{width:100%;box-sizing:border-box;position:absolute;left:0;top:0}
.banmc .banmc-txt.txt1{padding:4rem 0 0 10%}
.banmc .banmc-txt.txt1 h4{line-height:2.9rem;font-size:2rem;color:#111;font-family:Arial,Helvetica,sans-serif;font-weight:700;margin-bottom:1rem}
.banmc .banmc-txt.txt1 p{font-size:1.3rem;font-weight:400;line-height:1.8rem;color:#111;margin-bottom:2.4rem}
.banmc .banmc-txt.txt1 span a{display:block;height:3.3rem;background:#705fbd;font-size:1.2rem;font-weight:400;line-height:3.3rem;color:#fff;border-radius:1.2rem;padding-left:1.2rem;width:13rem;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.banmc .banmc-txt.txt1 span a:before{content:"";position:absolute;background:url(../images/banmore.png) no-repeat;background-size:1.3rem 1.3rem;width:1.3rem;height:1.3rem;left:9.5rem;top:50%;margin-top:-.65rem;z-index:112;transition:all .3s linear 0s}





}




.custpc{padding-top:5rem;padding-bottom:2rem;}
.custpc h2 a{display:block;margin-bottom:2.7rem;}
.custpc h2 a b{display:block;font-size:2rem;font-weight:400;line-height:2.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/anmore.png) no-repeat;background-size:3.1rem 3.1rem;width:3.1rem;height:3.1rem;left:50%;top:50%;margin-top:-1.55rem;margin-left:-1.55rem;z-index:12;transition:all .3s linear 0s;}
.custpc dl dt img{width:100%;display:block;transition:all .3s linear 0s;}
.custpc dl .video-wrap{
    position: absolute;width: 100%;height: 100%;left:0;top:0; display: none;
}
.custpc dl dt i {
    display: block;
    height: 14rem;
}
.custpc dl dt i.cur{
    position: relative;
    z-index: 13;
}

.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 dt i .mp4 {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.custpc dl dd{background:url(../images/andd.png) no-repeat right;background-size:100%;margin-top:-.05rem;position:relative;height:5.6rem;}
.custpc dl dd a{cursor: auto;}
.custpc dl dd h4 a{font-size:1.2rem;font-weight:400;line-height:5.6rem;color:#111;display:block;text-align:center;cursor: pointer;}
.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;}


.custmc{display:none;}
@media screen and (max-width:767px){
.custpc{display:none;}
.custmc dl dt.cur .mp4 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 13;
}
.custmc{padding-top:3.7rem;padding-bottom:1.3rem;display: block;overflow:hidden;}
.custmc h2 a{display:block;margin-bottom:2rem}
.custmc h2 a b{display:block;font-size:2rem;font-weight:400;line-height:2.5rem;color:#111;font-weight:700;text-align:center}
.custmc dl{transition:all .3s linear 0s;margin:0 4%;cursor: auto;}
.custmc dl dt{width:100%;overflow:hidden;border-radius:.5rem;position:relative;z-index:1}
.custmc dl dt a{cursor: auto;}
.custmc dl dd a{cursor: auto;}
.custmc dl dt:before{content:"";position:absolute;background:url(../images/anmore.png) no-repeat;background-size:3.1rem 3.1rem;width:3.1rem;height:3.1rem;left:50%;top:50%;margin-top:-1.55rem;margin-left:-1.55rem;z-index:12;transition:all .3s linear 0s}
.custmc dl dt img{width:100%;display:block;transition:all .3s linear 0s}
.custmc dl dd{background:url(../images/spdd.jpg) no-repeat right;background-size:100%;margin-top:-1rem;position:relative;z-index:0;height:5.6rem}
.custmc dl dd h4 a{font-size:1.2rem;font-weight:400;line-height:5.6rem;color:#111;display:block;text-align:center}
}



.solupc{background:#f5f5f5;padding:3.5rem 5% 3.7rem;}
.solupc h2 a{display:block;margin-bottom:2.6rem;}
.solupc h2 a b{display:block;font-size:2rem;font-weight:400;line-height:3rem;color:#111;font-weight:700;text-align:center;}
.solupc .m_solupc{margin-bottom:2.5rem;position: relative;}
.solupc .m_solupc .m_solupc-btn-prev,
.solupc .m_solupc .m_solupc-btn-next{position: absolute;width: 3.1rem;height: 3.1rem;top: 50%;transform: translate(0, -50%);z-index: 5;cursor: pointer;}
.solupc .m_solupc .m_solupc-btn-prev{left: -4rem;background: url(../images/ljt.png) no-repeat center;background-size: 3.1rem 3.1rem;}
.solupc .m_solupc .m_solupc-btn-next{right: -4rem;background: url(../images/rjt.png) no-repeat center;background-size: 3.1rem 3.1rem;}
.solupc dl{transition:all .3s linear 0s;float:left;width:32%;margin-right:2%;}
.solupc dl dt{width:100%;overflow:hidden;border-radius:.5rem .5rem 0 0;position:relative;}
.solupc dl dt:before{content:"";position:absolute;background:url(../images/anmore.png) no-repeat;background-size:3.1rem 3.1rem;width:3.1rem;height:3.1rem;left:50%;top:50%;margin-top:-1.55rem;margin-left:-1.55rem;z-index:12;transition:all .3s linear 0s;}
.solupc dl dt img{width:100%;display:block;transition:all .3s linear 0s;}
.solupc dl dd{height:13rem;background:#fff;border-radius:0 0 .5rem .5rem;padding:1rem 2.8rem 0 1.4rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.solupc dl dd h4 a{font-size:1.2rem;font-weight:400;line-height:2rem;color:#111;display:block;font-weight:700;margin-bottom:.8rem;}
.solupc dl dd p{font-size:.85rem;font-weight:400;line-height:1.3rem;color:#111;height:6rem;margin-bottom: 0;}
.solupc dl dd span b{float:left;font-size:.95rem;font-weight:400;line-height:1.8rem;color:#705fbd;font-weight:700;}
.solupc dl dd span i{float:left;width:1.5rem;height:1.5rem;}
.solupc dl dd span i img{width:100%;display:block;}
.solupc dl:hover{transform:translateY(-6px);}
.solupc dl:hover dd{border-bottom:.25rem solid #705fbd;}
.solupc .famore a{display:block;width:13rem;height:2.8rem;background:#705fbd;border-radius:2rem;text-align:center;font-size:.95rem;font-weight:400;line-height:2.8rem;color:#fff;margin:0 auto;transition:all .5s;}
.solupc .famore a:hover{transform:translateY(-6px);}
/*.solupc dl:nth-child(3n){margin-right:0;}*/

.solumc{display:none;}
@media screen and (max-width:767px){
.solupc{display: none;} 
.solumc{background:#f5f5f5;padding:3.5rem 4% 3.7rem;display: block;overflow:hidden;}
.solumc h2 a{display:block;margin-bottom:1.5rem}
.solumc h2 a b{display:block;font-size:2rem;font-weight:400;line-height:3rem;color:#111;font-weight:700;text-align:center}
.solumc dl{transition:all .3s linear 0s;margin-bottom:1.5rem}
.solumc dl dt{width:100%;overflow:hidden;border-radius:.5rem .5rem 0 0;position:relative}
.solumc dl dt img{width:100%;display:block;transition:all .3s linear 0s}
.solumc dl dd{height:14.6rem;background:#fff;border-radius:0 0 .5rem .5rem;padding:1rem 1.5rem 0 1.4rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.solumc dl dd h4 a{font-size:1.2rem;font-weight:400;line-height:2.4rem;color:#111;display:block;font-weight:700;margin-bottom:.8rem}
.solumc dl dd p{font-size:1.2rem;font-weight:400;line-height:1.8rem;color:#111;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:1rem}
.solumc dl dd span b{float:left;font-size:1.1rem;font-weight:400;line-height:2rem;color:#705fbd;font-weight:700}
.solumc dl dd span i{float:left;width:1.5rem;height:1.5rem;margin:.2rem 0 0 .6rem}
.solumc dl dd span i img{width:100%;display:block}
.solumc .famore a{display:block;width:16.5rem;height:3.3rem;background:#705fbd;border-radius:1rem;text-align:center;font-size:1.2rem;font-weight:400;line-height:3.3rem;color:#fff;margin:0 auto;transition:all .5s;margin-top:.6rem}
.solumc .famore a:hover{transform:translateY(-6px)}
.solumc dl:nth-child(3n){margin-right:0}
}





.propc{padding:4rem 0 3.5rem 0;}
.propc h2{text-align:center;margin-bottom:2.6rem;}
.propc h2 b{display:block;font-size:2rem;font-weight:400;line-height:3rem;color:#111;font-weight:700;}
.propc h2 em{display:block;font-size:1.1rem;font-weight:400;line-height:1.8rem;color:#111;}
.propc .fl123{position:relative;}
.propc .fl123 .fl01{width:41.4%;position:absolute;left:0;top:0;overflow:hidden;transition:all .3s linear 0s;}
.propc .fl123 .fl01 dt{width:100%;overflow:hidden;border-radius:.7rem;}
.propc .fl123 .fl01 dt img{width:100%;display:block;transition:all .3s linear 0s;}
.propc .fl123 .fl01 dd{position:absolute;left:0;top:0;width:100%;padding:2.8rem 4.5% 0 4.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.propc .fl123 .fl01 dd h4{font-size:1.2rem;font-weight:400;line-height:1.8rem;color:#111;display:block;font-weight:700;margin-bottom:.7rem;}
.propc .fl123 .fl01 dd p{font-size:.85rem;font-weight:400;line-height:1.2rem;color:#111;display:block;height:4.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.propc .fl123 .fl01 dd span{display:block;transition:all .3s linear 0s;}
.propc .fl123 .fl01 dd span b{float:left;font-size:.95rem;font-weight:400;line-height:1.8rem;color:#705fbd;font-weight:700;}
.propc .fl123 .fl01 dd span i{float:left;width:1.5rem;height:1.5rem;}
.propc .fl123 .fl01 dd span i img{width:100%;display:block;}
.propc .fl123 .fl02{margin-bottom:1rem;width:57.1%;float:right;position:relative;overflow:hidden;transition:all .3s linear 0s;}
.propc .fl123 .fl02 dt{width:100%;overflow:hidden;border-radius:.7rem}
.propc .fl123 .fl02 dt img{width:100%;display:block;transition:all .3s linear 0s}
.propc .fl123 .fl02 dd{position:absolute;left:0;top:0;width:100%;padding:2.8rem 55% 0 4.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.propc .fl123 .fl02 dd h4{font-size:1.2rem;font-weight:400;line-height:1.8rem;color:#111;display:block;font-weight:700;margin-bottom:.7rem}
.propc .fl123 .fl02 dd p{font-size:.85rem;font-weight:400;line-height:1.2rem;color:#111;display:block;height:4.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.propc .fl123 .fl02 dd span{display:block;transition:all .3s linear 0s}
.propc .fl123 .fl02 dd span b{float:left;font-size:.95rem;font-weight:400;line-height:1.8rem;color:#705fbd;font-weight:700}
.propc .fl123 .fl02 dd span i{float:left;width:1.5rem;height:1.5rem}
.propc .fl123 .fl02 dd span i img{width:100%;display:block}
.propc .fl123 .fl01:hover dt img,.propc .fl123 .fl02:hover dt img{transform:scale(1.1)}
.propc .fl123 .fl01:hover span,.propc .fl123 .fl02:hover span{transform:translateY(-6px)}
.propc .fl456{position:relative}
.propc .fl456 .fl04{position:absolute;right:0;top:0;width:41.4%;overflow:hidden;transition:all .3s linear 0s}
.propc .fl456 .fl04 dt{width:100%;overflow:hidden;border-radius:.7rem}
.propc .fl456 .fl04 dt img{width:100%;display:block;transition:all .3s linear 0s}
.propc .fl456 .fl04 dd{position:absolute;left:0;top:0;width:100%;padding:2.8rem 4.5% 0 4.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.propc .fl456 .fl04 dd h4{font-size:1.2rem;font-weight:400;line-height:1.8rem;color:#111;display:block;font-weight:700;margin-bottom:.7rem}
.propc .fl456 .fl04 dd p{font-size:.85rem;font-weight:400;line-height:1.2rem;color:#111;display:block;height:4.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.propc .fl456 .fl04 dd span{display:block;transition:all .3s linear 0s}
.propc .fl456 .fl04 dd span b{float:left;font-size:.95rem;font-weight:400;line-height:1.8rem;color:#705fbd;font-weight:700}
.propc .fl456 .fl04 dd span i{float:left;width:1.5rem;height:1.5rem}
.propc .fl456 .fl04 dd span i img{width:100%;display:block}
.propc .fl456 .fl05{margin-bottom:1rem;width:57.1%;float:left;position:relative;overflow:hidden;transition:all .3s linear 0s}
.propc .fl456 .fl05 dt{width:100%;overflow:hidden;border-radius:.7rem}
.propc .fl456 .fl05 dt img{width:100%;display:block;transition:all .3s linear 0s}
.propc .fl456 .fl05 dd{position:absolute;left:0;top:0;width:100%;padding:2.8rem 55% 0 4.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.propc .fl456 .fl05 dd h4{font-size:1.2rem;font-weight:400;line-height:1.8rem;color:#111;display:block;font-weight:700;margin-bottom:.7rem}
.propc .fl456 .fl05 dd p{font-size:.85rem;font-weight:400;line-height:1.2rem;color:#111;display:block;height:4.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.propc .fl456 .fl05 dd span{display:block;transition:all .3s linear 0s}
.propc .fl456 .fl05 dd span b{float:left;font-size:.95rem;font-weight:400;line-height:1.8rem;color:#705fbd;font-weight:700}
.propc .fl456 .fl05 dd span i{float:left;width:1.5rem;height:1.5rem}
.propc .fl456 .fl05 dd span i img{width:100%;display:block}
.propc .fl456 .fl04:hover dt img,.propc .fl456 .fl05:hover dt img{transform:scale(1.1)}
.propc .fl456 .fl04:hover span,.propc .fl456 .fl05:hover span{transform:translateY(-6px)}

.promc{display:none;}
@media screen and (max-width:767px){
.propc{display: none;} 
.promc{padding:3rem 0 2rem 0;display: block;overflow:hidden;}
.promc h2{text-align:center;margin-bottom:1.6rem}
.promc h2 b{display:block;font-size:2rem;font-weight:400;line-height:3rem;color:#111;font-weight:700}
.promc h2 em{display:block;font-size:1.1rem;font-weight:400;line-height:1.8rem;color:#111}
.promc .m_propc{margin:0 4%}
.promc dl{width:48.2%;float:left;position:relative;margin-bottom:1rem}
.promc dl dt{width:100%;overflow:hidden;border-radius:.7rem}
.promc dl dt img{width:100%;display:block;transition:all .3s linear 0s}
.promc dl dd{position:absolute;left:0;top:0;width:100%;padding:1.3rem 4% 0 4%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.promc dl dd h4{font-size:1.2rem;font-weight:400;line-height:2rem;color:#111;display:block;font-weight:700;margin-bottom:.7rem}
.promc dl dd p{font-size:1.1rem;font-weight:400;line-height:1.5rem;color:#111;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:1rem}
.promc dl dd span{display:block;transition:all .3s linear 0s}
.promc dl dd span b{float:left;font-size:1.2rem;font-weight:400;line-height:2rem;color:#705fbd;font-weight:700}
.promc dl dd span i{float:left;width:1.5rem;height:1.5rem;margin:.3rem 0 0 .6rem}
.promc dl dd span i img{width:100%;display:block}
.promc dl:nth-child(2n){float:right}
}







.morecppc{padding-bottom:5rem}
.morecppc .swiper-button-next,.morecppc .swiper-button-prev{top:16rem;width:3.1rem;height:3.1rem;cursor:Default;margin-top:0;overflow:hidden}
.morecppc .swiper-button-next{background:url(../images/rjt.png) no-repeat;background-size:3.1rem 3.1rem;right:8%}
.morecppc .swiper-button-prev{background:url(../images/ljt.png) no-repeat;background-size:3.1rem 3.1rem;left:8%}
.morecppc h2 b{display:block;font-size:2.5rem;font-weight:400;line-height:3rem;color:#111;font-weight:700;text-align:center}
.morecppc .m_morecp{margin:0 13% 0 11%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.morecppc .swiper-slide{width:22rem}
.morecppc .morecpcon{overflow:hidden;padding:2.6rem 1rem 0 2rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.morecppc dl{position:relative}
.morecppc dl:before{content:"";position:absolute;background:url(../images/hot.png) no-repeat;background-size:3.6rem 3.6rem;width:3.6rem;height:3.6rem;left:-1.4rem;top:-1.7rem;z-index:12;transition:all .3s linear 0s}
.morecppc dl dt{width:100%;overflow:hidden;border-radius:.7rem .7rem 0 0;border:1px solid #e2e2e2;border-radius.7rem .7rem 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:0;}
.morecppc dl dt img{width:100%;display:block;transition:all .3s linear 0s;}
.morecppc dl:hover dt img{transform:scale(1.1);}
.morecppc dl dd{background:#fff;height:13.6rem;border-radius:0 0 .7rem .7rem;border:1px solid #e2e2e2;padding:1.3rem 0 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.morecppc dl dd h4 a{font-size:1.2rem;font-weight:400;line-height:2rem;color:#111;display:block;font-weight:700;padding:0 1.3rem}
.morecppc dl dd .cpms{margin-bottom:.7rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:.85rem;font-weight:400;line-height:1.2rem;color:#555;display:block;padding:0 1.3rem;}


.morecppc dl dd .price{font-size:.95rem;font-weight:400;line-height:1.6rem;color:#705fbd;padding:0 1.3rem}
.morecppc dl dd span{position:absolute;left:0;bottom:0;width:100%;height:2.7rem;border-top:1px solid #e2e2e2;background:#f9f9f9;border-radius:0 0 .7rem .7rem}
.morecppc dl dd span a{display:block;float:left;width:50%;font-size:.95rem;font-weight:400;line-height:2.7rem;color:#333;text-align:center;border-right:1px solid #e2e2e2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.morecppc dl dd span a:hover{font-weight: bold;}
.morecppc dl dd span a:nth-child(2){position:relative;text-align:left;padding-left:4rem;color:#fff;background:#705fbd;border-radius:0 0 .7rem 0;border-right:1px solid #705fbd}
.morecppc dl dd span a:nth-child(2):before{content:"";position:absolute;background:url(../images/buy.png) no-repeat;background-size:2rem 2rem;width:2rem;height:2rem;left:2rem;top:50%;margin-top:-1rem;z-index:12;transition:all .3s linear 0s}
.morecppc dl dd span a:nth-child(2):hover:before{left:1.5rem}

.morecpmc{display:none;}
@media screen and (max-width:767px){
.morecppc{display: none;} 
.morecpmc{padding:2.6rem 0 4rem;display: block;overflow:hidden; }
.m_morecp{overflow:hidden;}
.morecpmc h2 b{display:block;font-size:2rem;font-weight:400;line-height:2.6rem;color:#111;font-weight:700;text-align:center}
.morecpmc .morecpconmc{padding:4rem 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}
.morecpmc dl{position:relative}
.morecpmc dl:before{content:"";position:absolute;background:url(../images/hot.png) no-repeat;background-size:3.6rem 3.6rem;width:3.6rem;height:3.6rem;left:-1.4rem;top:-1.7rem;z-index:12;transition:all .3s linear 0s}
.morecpmc dl dt{width:100%;overflow:hidden;border-radius:.7rem .7rem 0 0;border:1px solid #e2e2e2;border-radius.7rem .7rem 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:0;}
.morecpmc dl dt img{width:100%;display:block;transition:all .3s linear 0s;}
.morecpmc dl dd{background:#fff;height:17rem;border-radius:0 0 .7rem .7rem;border:1px solid #e2e2e2;padding:1.4rem 0 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.morecpmc dl dd h4 a{font-size:1.5rem;font-weight:400;line-height:2.5rem;color:#111;display:block;font-weight:700;padding:0 1.3rem}
.morecpmc dl dd .cpms{margin-bottom:.7rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.morecpmc dl dd .cpms p{font-size:1.2rem;font-weight:400;line-height:1.8rem;color:#555;display:block;padding:0 1.3rem}
.morecpmc dl dd .price{font-size:1.2rem;font-weight:400;line-height:2rem;color:#705fbd;padding:0 1.3rem;font-weight:700}
.morecpmc dl dd span{position:absolute;left:0;bottom:0;width:100%;height:3.2rem;border-top:1px solid #e2e2e2;background:#f9f9f9;border-radius:0 0 .7rem .7rem}
.morecpmc dl dd span a{display:block;float:left;width:50%;font-size:.95rem;font-weight:400;line-height:3.2rem;color:#333;text-align:center;border-right:1px solid #e2e2e2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.morecpmc dl dd span a:nth-child(2){position:relative;text-align:left;padding-left:4rem;color:#fff;background:#705fbd;border-radius:0 0 .7rem 0;border-right:1px solid #705fbd}
.morecpmc dl dd span a:nth-child(2):before{content:"";position:absolute;background:url(../images/buy.png) no-repeat;background-size:2rem 2rem;width:2rem;height:2rem;left:2rem;top:50%;margin-top:-1rem;z-index:12;transition:all .3s linear 0s}
.morecpmc dl dd span a:nth-child(2):hover:before{left:1.5rem}
.morecpmc dl dd .cpms{margin-bottom:.7rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:.85rem;font-weight:400;line-height:1.2rem;color:#555;display:block;padding:0 1.3rem;}



}




.carepc dl{position:relative}
.carepc dl dt{width:100%;overflow:hidden}
.carepc dl dt img{width:100%;display:block;transition:all .3s linear 0s}
.carepc dl dd{position:absolute;left:0;top:0;width:100%;padding:4.6rem 45% 0 13.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.carepc dl dd h2{margin-bottom:1.6rem}
.carepc dl dd h2 b{display:block;font-size:2rem;font-weight:400;line-height:3rem;color:#111;font-weight:700}
.carepc dl dd h2 em{display:block;font-size:1rem;font-weight:400;line-height:2.3rem;color:#705fbd;font-weight:700}
.carepc dl dd p{font-size:.85rem;font-weight:400;line-height:1.3rem;color:#111;display:block;height:7.7rem}
.carepc dl dd ul li{float:left}
.carepc dl dd ul li b{font-size:2.6rem;font-weight:400;line-height:3rem;color:#705fbd;display:block;font-weight:700}
.carepc dl dd ul li em{font-size:.95rem;font-weight:400;line-height:1.5rem;color:#111;display:block}
.carepc dl dd ul li:nth-child(1){width:26%}
.carepc dl dd ul li:nth-child(2){width:30%}
.carepc dl dd ul li:nth-child(3){width:34%}
.carepc dl dd .story{margin-top:1.7rem;width:8rem;height:2.5rem;background:#705fbd;border-radius:.5rem;text-align:center;font-size:.95rem;font-weight:400;line-height:2.5rem;color:#fff}

.caremc{display:none;}
@media screen and (max-width:767px){
.carepc{display: none;} 
.caremc{display: block;overflow:hidden;}
.caremc dl{position:relative;display: block;}
.caremc dl dt{width:100%;overflow:hidden}
.caremc dl dt img{width:100%;display:block;transition:all .3s linear 0s}
.caremc dl dd{position:absolute;left:0;top:0;width:100%;padding:3.8rem 2% 0 3.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.caremc dl dd h2{margin-bottom:1rem}
.caremc dl dd h2 b{display:block;font-size:1.3rem;font-weight:400;line-height:1.8rem;color:#111;font-weight:700;margin-bottom:.6rem}
.caremc dl dd h2 em{display:block;font-size:1.2rem;font-weight:400;line-height:1.5rem;color:#705fbd;font-weight:700}
.caremc dl dd p{font-size:1rem;font-weight:400;line-height:1.4rem;color:#111;display:block;margin-bottom:2rem}
.caremc dl dd ul li{float:left}
.caremc dl dd ul li b{font-size:2.6rem;font-weight:400;line-height:3rem;color:#705fbd;display:block;font-weight:700}
.caremc dl dd ul li em{font-size:.95rem;font-weight:400;line-height:1.5rem;color:#111;display:block}
.caremc dl dd ul li:nth-child(1){width:26%}
.caremc dl dd ul li:nth-child(2){width:30%}
.caremc dl dd ul li:nth-child(3){width:34%}
.caremc dl dd .story{margin-top:2rem;width:11rem;height:3.2rem;background:#705fbd;border-radius:.5rem;text-align:center;font-size:1.2rem;font-weight:400;line-height:3.2rem;color:#fff}
}


.saypc{padding:4rem 0 5.5rem 0}
.saypc h2{margin-bottom:2.8rem;text-align:center}
.saypc h2 b{display:block;font-size:2rem;font-weight:400;line-height:2.5rem;color:#111;font-weight:700}
.saypc .m_say{position: relative;}
.saypc .m_say .m_say-btn-prev,
.saypc .m_say .m_say-btn-next{position: absolute;width: 3.1rem;height: 3.1rem;top: 50%;transform: translate(0, -50%);z-index: 5;cursor: pointer;}
.saypc .m_say .m_say-btn-prev{left: -4.5rem;background: url(../images/ljt.png) no-repeat center;background-size: 3.1rem 3.1rem;}
.saypc .m_say .m_say-btn-next{right: -4.5rem;background: url(../images/rjt.png) no-repeat center;background-size: 3.1rem 3.1rem;}
.saypc .js-swiper-tab{overflow: hidden;}
.saypc .m_say dl{position:relative;transition:all .5s;}
.saypc .m_say dl dt{margin-bottom:1.5rem;background:url(../images/saybg.png) no-repeat;background-size:100%;height:13.1rem;padding:1.6rem 1.3rem 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.saypc .m_say dl dt p{font-size:.95rem;font-weight:400;line-height:1.4rem;color:#111;}

.saypc .m_say dl dd{position:relative;padding-left:7.5rem;height: 4.5rem;}
.saypc .m_say dl dd i{position:absolute;width:4rem;height:4rem;border-radius:50%;left:2.5rem;top:0}
.saypc .m_say dl dd i img{width:100%;display:block;transition:all .3s linear 0s}
.saypc .m_say dl dd h4{display:block;font-size:1.05rem;font-weight:400;line-height:2.4rem;color:#111}
.saypc .m_say dl dd .xing em{float:left;width:.8rem}
.saypc .m_say dl dd .xing em img{width:100%;display:block}
.saypc .m_say dl:hover{transform:translateY(6px)}
.saypc .m_say dl:hover dd i img{transform:rotateY(180deg)}
.saypc .m_say dl:nth-child(3){margin-right:0}

.saymc{display:none;}
@media screen and (max-width:767px){
.saypc{display: none;} 
.saymc{padding:3.6rem 0 2.2rem 0;display: block;overflow:hidden;}
.saymc h2{margin-bottom:1.8rem;text-align:center}
.saymc h2 b{display:block;font-size:2rem;font-weight:400;line-height:2.5rem;color:#111;font-weight:700}
.saymc .m_say{overflow:hidden;margin:0 4%}
.saymc .m_say dl{position:relative;transition:all .5s;margin-bottom:2rem}
.saymc .m_say dl dt{margin-bottom:1.2rem;background:url(../images/saybgmc.png) no-repeat;background-size:100% 14.2rem;height:14.2rem;padding:1.6rem 1.6rem 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.saymc .m_say dl dt p{font-size:1.2rem;font-weight:400;line-height:1.8rem;color:#111}
.saymc .m_say dl dd{height:4rem;position:relative;padding-left:7.6rem}
.saymc .m_say dl dd i{position:absolute;width:4rem;height:4rem;border-radius:50%;left:2.5rem;top:0}
.saymc .m_say dl dd i img{width:100%;display:block;transition:all .3s linear 0s}
.saymc .m_say dl dd h4{display:block;font-size:1.5rem;font-weight:400;line-height:2.3rem;color:#111;margin-bottom:.3rem}
.saymc .m_say dl dd .xing em{float:left;width:.8rem}
.saymc .m_say dl dd .xing em img{width:100%;display:block}
.saymc .m_say dl:nth-child(3){margin-right:0}
}




.newpc{background:#f8f8f8;position:relative;padding:4rem 0 5.5rem 0}
.newpc h2{margin-bottom:2.8rem;text-align:center}
.newpc h2 b{display:block;font-size:2rem;font-weight:400;line-height:2.5rem;color:#111;font-weight:700}
.newpc h2 em{display:block;font-size:1rem;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 .swiper-button-next{background:url(../images/rjt.png) no-repeat;background-size:3.1rem 3.1rem;right:8%}
.newpc .swiper-button-prev{background:url(../images/ljt.png) no-repeat;background-size:3.1rem 3.1rem;left:8%}
.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:.95rem;font-weight:400;line-height:1.6rem;color:#999}
.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:#705fbd;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{background:#f8f8f8;position:relative;padding:4rem 0 4rem 0;display: block;overflow:hidden;}
.newmc h2{margin-bottom:1.5rem;text-align:center}
.newmc h2 b{display:block;font-size:2rem;font-weight:400;line-height:2.5rem;color:#111;font-weight:700;margin-bottom:.5rem}
.newmc h2 em{display:block;font-size:1.2rem;font-weight:400;line-height:1.8rem;color:#111}
.newmc .swiper-slide{width:28.6rem}
.newmc .m_newmc{overflow:hidden}
.newmc .m_newmc dl{position:relative;transition:all .5s}
.newmc .m_newmc dl dt{width:100%;overflow:hidden;border-radius:.5rem .5rem 0 0}
.newmc .m_newmc dl dt img{width:100%;display:block;transition:all .3s linear 0s}
.newmc .m_newmc dl dd{background:#fff;border-radius:0 0 .5rem .5rem;height:17rem;padding:.8rem 1.2rem 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.newmc .m_newmc dl dd em{display:block;font-size:1.2rem;font-weight:400;line-height:2rem;color:#999}
.newmc .m_newmc dl dd h4 a{display:block;font-size:1.5rem;font-weight:400; height:3.6rem;overflow:hidden; line-height:1.8rem;color:#111;font-weight:700;margin-bottom:.6rem}
.newmc .m_newmc dl dd p{font-size:1.2rem;font-weight:400;line-height:1.8rem;color:#111;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:1rem}
.newmc .m_newmc dl dd span{display:block;transition:all .3s linear 0s}
.newmc .m_newmc dl dd span b{float:left;font-size:1.2rem;font-weight:400;line-height:2.2rem;color:#705fbd;font-weight:700}
.newmc .m_newmc dl dd span i{float:left;width:1.8rem;height:1.8rem;margin-left:.5rem}
.newmc .m_newmc dl dd span i img{width:100%;display:block}
}



.lypc{background:url(../images/lybg.jpg) no-repeat;background-size:100%;height:21.5rem;padding:4.6rem 0 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lypc h2{text-align:center;margin-bottom:2.6rem}
.lypc h2 b{display:block;font-size:2rem;font-weight:400;line-height:3rem;color:#333;font-weight:700}
.lypc h2 em{display:block;font-size:1.1rem;font-weight:400;line-height:1.8rem;color:#333}
.lypc form{margin-left:17.8%}
.lypc input{float:left;display:block;padding:0 1rem;height:3rem;line-height:3rem;margin-right:.5rem;font-size:.8rem;color:#666;background:#fff;border:none;border-radius:.7rem;box-sizing:border-box}
.lypc input:nth-child(1){width:26%}
.lypc input:nth-child(3){width:36%}
.lypc input::-webkit-input-placeholder{color:#666}
.lypc input::-moz-placeholder{color:#666}
.lypc input:-ms-input-placeholder{color:#666}
.lypc .tj{background:#705fbd;width:8rem;height:3rem;border-radius:.7rem;text-align:center;font-size:1rem;color:#fff;cursor:pointer;transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s}

.lymc{display:none;}
@media screen and (max-width:767px){
.lypc{display: none;} 
.lymc{background:url(../images/lybgmc.jpg) no-repeat;background-size:100% cover;height:26.2rem;padding:3rem 0 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display: block;overflow:hidden;}
.lymc h2{text-align:center;margin-bottom:2.6rem}
.lymc h2 b{display:block;font-size:1.5rem;font-weight:400;line-height:1.5rem;color:#333;font-weight:700}
.lymc h2 em{display:block;font-size:1rem;font-weight:400;line-height:1.5rem;color:#333}
.lymc form{margin:0 12.6%}
.lymc input{width:100%;margin-bottom:.8rem;display:block;padding:0 1rem;height:3.2rem;line-height:3.2rem;margin-right:.5rem;font-size:1.2rem;color:#666;background:#fff;border:none;border-radius:.7rem;box-sizing:border-box}
.lymc input::-webkit-input-placeholder{color:#999}
.lymc input::-moz-placeholder{color:#999}
.lymc input:-ms-input-placeholder{color:#999}
.lymc .tj{background:#705fbd;width:100%;height:3.2rem;border-radius:.7rem;text-align:center;font-size:1.2rem;color:#fff;cursor:pointer;transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s}
}




.footpc{background:url(../images/ftbg.jpg) repeat-x;background-size:5rem 29rem;height:29rem;padding:4rem 0 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.footpc .content{height:25rem}
.footpc h3{font-size:1.2rem;font-weight:400;line-height:3rem;color:#111;font-weight:700;margin-bottom:1.5rem}
.footpc .ftleft{float:left;width:35%}
.footpc .ftleft .flogo{width:48.9%;margin-bottom:.6rem}
.footpc .ftleft .flogo img{width:100%;display:block}
.footpc .ftleft p{font-size:.8rem;font-weight:400;line-height:1.5rem;color:#111;padding-right:40%;height:5rem}
.footpc .ftleft .phone em{font-size:.8rem;font-weight:400;line-height:1.5rem;color:#111;display:block;font-weight:700}
.footpc .ftleft .phone b{font-size:1.5rem;font-weight:400;line-height:2.2rem;color:#705fbd;display:block;font-weight:700}
.footpc .ftnav{float:left;width:21%}
.footpc .ftnav p a{font-size:.85rem;font-weight:400;line-height:1.8rem;color:#111;display:block}
.footpc .ftnav p a:hover{color:#000}
.footpc .foll{float:left;width:19%}
.footpc .foll li{margin-bottom:.3rem;padding-left:2.5rem;height:1.5rem;position:relative}
.footpc .foll li i{position:absolute;left:0;top:0;width:2rem;height:1.5rem}
.footpc .foll li i img{width:100%;display:block}
.footpc .foll li em{display:block;font-size:.85rem;font-weight:400;line-height:1.8rem;color:#111}
.footpc .contact{float:left;width:23.5%}
.footpc .contact li{margin-bottom:1.5rem}
.footpc .contact li b{display:block;font-size:.95rem;font-weight:400;line-height:1.8rem;color:#111;font-weight:700}
.footpc .contact li em{display:block;font-size:.85rem;font-weight:400;line-height:1.5rem;color:#111}
.footpc .add{position:absolute;left:0;bottom:0;width:100%;height:4.5rem}
.footpc .add p{font-size:.8rem;font-weight:400;line-height:4.5rem;color:rgba(255,255,255,.5);display:block}
.footpc .add .ftnav2{float:right;width:32%}
.footpc .add .ftnav2 a{display:block;font-size:.8rem;font-weight:400;line-height:4.5rem;color:rgba(255,255,255,.5);padding-left:1rem;float:left}
.footpc .add .ftnav2 a:hover{color:#fff}


.footmc{display:none;}
@media screen and (max-width:767px){
.footpc{display: none;} 
.footmc{background:#705fbd;padding:2rem 4% 2rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display: block;overflow:hidden;}
.footmc .ftnav{margin-bottom:2rem}
.footmc .ftnav a{display:block;height:4rem;border-bottom:1px solid rgba(255,255,255,.15);font-size:1.5rem;font-weight:400;line-height:4rem;color:#fff;position:relative}
.footmc .ftnav a:before{content:"";position:absolute;background:url(../images/ftnavico.png) no-repeat;background-size:1.3rem 1.3rem;width:1.3rem;height:1.3rem;right:5%;top:50%;margin-top:-.65rem;z-index:12;transition:all .3s linear 0s}
.footmc .lx{padding-bottom:1.3rem;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:1.7rem}
.footmc .lx li{margin-bottom:.5rem;padding-left:3rem;position:relative;font-size:1.2rem;font-weight:400;line-height:2.5rem;color:#fff}
.footmc .lx li i{position:absolute;width:2rem;left:0;top:0}
.footmc .lx li i img{width:100%;display:block}
.footmc .lx li a{color:#fff}
.footmc .lx li:nth-child(3){line-height:1.8rem}
.footmc .ftfx{height:3rem;margin-bottom:1rem}
.footmc .ftfx li{float:left;width:3rem;margin-right:.3rem}
.footmc .ftfx li img{width:100%;display:block}
.footmc .copyr{font-size:1.1rem;font-weight:400;line-height:1.6rem;color:rgba(255,255,255,.5)}

.footmc .ftnav2 a{display:block;font-size:1.1rem;font-weight:400;line-height:4.5rem;color:rgba(255,255,255,.5);padding-right:1rem;float:left;}
.footmc .ftnav2 a:hover{color:#fff}


}



.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:url(../images/serico.png) no-repeat center;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: 783px) {html{font-size:calc(783px * 20 / 1903)}
}
@media screen and (min-width: 880px) {html{font-size:calc(883px * 20 / 1903)}
}
@media screen and (min-width: 983px){html{font-size:calc(983px * 20 / 1903)}
}
@media screen and (min-width: 1083px) {html{font-size:calc(1083px * 20 / 1903)}
}
@media screen and (min-width:1183px){html{font-size:calc(1183px * 20 / 1903)}
}
@media screen and (min-width:1263px){html{font-size:calc(1263px * 20 / 1903)}
}
@media screen and (min-width:1349px){html{font-size:calc(1349px * 20 / 1903)}
}
@media screen and (min-width:1463px){html{font-size:calc(1463px * 20 / 1903)}
}
@media screen and (min-width:1543px){html{font-size:calc(1543px * 20 / 1903)}
}
@media screen and (min-width:1583px){html{font-size:calc(1583px * 20 / 1903)}
}
@media screen and (min-width:1643px){html{font-size:calc(1643px * 20 / 1903)}
}
@media screen and (min-width:1663px){html{font-size:calc(1663px * 20 / 1903)}
}
@media screen and (min-width:1903px){html{font-size:calc(1903px * 20 / 1903)}
}
