a,blockquote,body,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul{margin:0;padding:0;border:0}body{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none}a,a:active,a:focus,a:hover,a:visited{text-decoration:none}a,img{-webkit-touch-callout:none}li,ol,ul{list-style:none}input[type=password],input[type=text],textarea{resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff}.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}html{font-size:13.33333vw}
@media screen and (max-width:320px){html{font-size:42.667px;font-size:13.33333vw}}@media screen and (min-width:321px) and (max-width:360px){html{font-size:48px;font-size:13.33333vw}}@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}@media screen and (min-width:481px) and (max-width:540px){html{font-size:72px;font-size:13.33333vw}}@media screen and (min-width:541px) and (max-width:640px){html{font-size:85.33px;font-size:13.33333vw}}@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}@media screen and (min-width:769px){html{font-size:102.4px;}}
a:visited{color:#333;}.left{float: left;}.right{float:right;}.clear{clear:both}
header{background:#e1e1e1;}
.head{width: 100%; height:.58rem;line-height:.58rem}.head .left{font-size: 0.25rem;padding: 0 0 0 .14rem}.head .right{font-size: 0.25rem;padding: 0 .12rem 0 0}
.head .right img{width: .42rem;margin:0.08rem 0.04rem 0 0;vertical-align:-0.11rem;}
nav{background:#2f6194;height:1rem;}
.logo{float:left;}.logo img{width: 1.42rem;float:left;margin: .08rem 0 0 .1rem;}
nav ul{float:right;display:block;height:1rem;}nav ul li{height:1rem;line-height:1rem;display:block;float:left;}nav ul li a{line-height:1rem;font-size:0.28rem;display:block;padding: 0 .15rem;color:#FFFFFF !important;}
nav ul li.on{background: #b8c7d5}nav ul li.on a{color:#333 !important}
.content{width: 100%;font-size: 0;}.content img{width: 100%;dispaly:block;}
.ftop{height: 0.3rem;}.fbottom{height: 1.2rem;}
footer{background:#2f6194;height:1.8rem;color: #FFF;}footer a{color: #FFF !important;}
.flogo{float: left}.flogo img{float: left;width:1.6rem;margin: 0.26rem 0.13rem 0 0.08rem;}
.fservice{font-size:0.22rem;float:left;padding: 0.00rem 0.1rem 0.1rem 0.1rem;margin:0.4rem 0 0 0;border-left: 1px solid #FFF;height:0.8rem;line-height:0.5rem;}
.fconnect{font-size: 0.20rem;float: right;text-align: center;padding: 0.25rem 0 0 0;}
.fconnect img{width:1rem;}
.ftaobao{float:left;width:1rem;}.fweixin{float:left;width:1rem;margin: 0 0.1rem 0 0.2rem}
.case{height:4.5rem;background:#f1f1f1;padding: 0 0 0.4rem 0}.arclist{height:2px;overflow:hidden;}
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
}
#kefu{position:fixed;width:0.5rem;right:0;bottom:40%;z-index:100;background:#1aad17;border-top-left-radius:0.07rem;border-bottom-left-radius: 0.07rem;}
#weixin{font-size:0.235rem;color:#FFF;width:0.3rem;margin: 0 auto;padding: 0.2rem 0 0.2rem 0;text-align: center}
#weixin i{width:0.3rem;height:0.3rem;display:block;background-image:url("img/wei.png");background-size:100%;background-repeat: no-repeat}
#tbottom{position:fixed;width:100%;height:0.9rem;z-index:100;bottom:0;left: 0;background: #2f6194;border-top: 1px solid #0d86c4}
#tbottom li{width: 33.3333%;float: left;display: inline;}
#tbottom li a{font-size:0.3rem;color:#FFFFFF;text-align: center;display: block;height:0.9rem;line-height: 0.9rem;}
#tbottom li.l2{background:#3b6793;}

#tbottom li i{display:inline-block;width:0.45rem;height:0.45rem;margin:0 0.08rem -0.08rem 0;background-size:100% !important;background-repeat: no-repeat}
#tbottom li:first-child{position:relative}
#animation{position:absolute;display:block;top:0.02rem;right: 0.08rem;width: 0.35rem;height: 0.35rem;line-height: 0.35rem;text-align:center;border-radius: 100%;font-style:normal;background: red;font-size: 0.2rem;color: #FFF;z-index:1010;}
#tbottom li:first-child i{background-image:url("img/b1.png");}
#tbottom li:nth-child(2) i{background-image:url("img/b2.png");}
#tbottom li:nth-last-child(1) i{background-image:url("img/b3.png");}
#wxbg{width:100%;display:none;height:100%;position:fixed;z-index:1000;top:0;left:0;background-color:rgba(0,0,0,0.5);}
#wxbox{width:80%;display:none;position:fixed;z-index:1011;top: 10%;left:7.5%;padding:0rem 0.21rem 0.21rem 0.21rem;background:#FFF;border-radius:0.25rem;font-size: 0.3rem;text-align: center}
#wxtip img{width:100%;}
.wximg{width:90%;}#wxcloes{position:absolute;top:0.1rem;right:0.1rem;}
#wxbox .success{margin:0.2rem auto 0 auto;width:100%;}
#wxbox .success img{width:0.7rem;display:block;margin:0 auto;}
.wximg{width: 3.2rem;display:block;margin:0 auto;}
#open{background: #1aad17;border-radius:0.2rem;display:block;color: #FFF;width:3.2rem;height:0.8rem;line-height:0.8rem;margin: 0.4rem auto 0.4rem auto;text-align: center;
}
.wrapper{padding: 0.2rem 0 0.2rem 0;}.wrapper h1{font-size: 0.45rem;text-align: center}
.article{font-size:0.3rem;width: 95%;margin: 0 auto;line-height: 0.5rem;}.article p{line-height: 0.55rem;}
.pages{width:100%;clear:both;height:0.5rem;}.pages li{display:inline-block;width:auto;padding:0;margin:0 0.1rem 0 0;font-size:0.25rem;}.pages li a{width:100%;padding:0.05rem 0.1rem;font-size:0.2rem;}.pages li.cur a{color:red;font-weight:bold}.pages ul{height: auto}
.list{}.list li{}.list li a{color: #333;}.list li i{margin: 0 0 0 0.3rem;color: #CCC;}
.videourl{width: 100%;max-height: 4.8rem;}
.lvv{line-height: 0;margin: 0 0 0.6rem 0}
.online h1{font-size: 0.58rem;text-align: center}
.online p{font-size:0.35rem;text-align: center}
.online img{width: 95%;display:block;margin: 0 auto}
#animation{
    -webkit-animation:bounce 1s .2s infinite ease both;
    -moz-animation:bounce 1s .2s infinite ease both;}
@-webkit-keyframes bounce{
    0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
    40%{-webkit-transform:translateY(-6px)}
    60%{-webkit-transform:translateY(-3px)}
}
@-moz-keyframes bounce{
    0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
    40%{-moz-transform:translateY(-6px)}
    60%{-moz-transform:translateY(-3px)}
}









































