/************************
 * 基本样式
*************************/
.container{width: 12rem; margin: auto;}
.wrap{padding-left: .4rem; padding-right: .4rem;}
.banner{width: 100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center;}
.row{width: 100%; display: block;}
.left{float: left;}
.right{float: right;}
.block-image{width: 100%; display: block; overflow: hidden;}
.block-image img{transition:all 0.3s ease-in-out;}
.block-image:hover img{transform: scale(1.05)}

/*************************header****************************/
header{width: 100%; display: block; background: #000;position: relative; box-shadow: 0.02rem 0.02rem 0.08rem rgba(0,0,0,.1)}
header .container{padding-left: .85rem; padding-right: .85rem;}
header.fixed{position: fixed; left: 0; top: 0; right: 0; z-index: 2;}
header .logo{width: 1.87rem; height: .46rem; float:left; margin-top: .17rem; margin-bottom: .17rem;}
header ul.nav{width: auto; float: right; position: relative;}
header ul.nav > li > a{width: .95rem; display: block; float: left; font-size: .14rem; color: #aaaaaa; line-height: .8rem; transition: all 0.3s ease-in-out;text-align: center;}
header ul.nav li{width: auto; float: left; position: relative;}
header ul.nav > li.active > a,header ul.nav > li:hover > a{color:#fff;}
header ul.nav .icon{width: .64rem; height: .65rem; background: url("../images/header_icon.png") no-repeat; background-size: 100%; float: left; display: block; margin-top: .08rem;}

header .subnav{width: auto; display: none; position: absolute; top: .8rem; left: 50%; z-index: 10;}
header .subnav > a{width: .9rem; text-align: center; font-size: .14rem; color: #888888; line-height: .4rem; display: block; float: left;}
header .subnav > a:hover,header .subnav > a.active{color: #008cd5;}
header ul.nav > li > a:hover .subnav{display: block;}
header .header-layer{width: 100%; height: 0; background: #ffffff; box-shadow:.05rem .05rem .1rem .05em rgba(48,49,50,.1);   display: block; position: absolute; left: 0; right: 0;top: .8rem; z-index: 2}
header .header-layer.active{height: .4rem;}

.language{ display: block;position: absolute;right: 0.4rem; top: 0; background: #eee; color: #444;width: 1rem; height: .2rem; line-height: 0.2rem; border-bottom-left-radius: 0.3rem;border-bottom-right-radius: 0.3rem; text-align: center;}
.language a{ margin: 0.05rem;font-size: 0.12rem;}

.pager li .page-num-current{  background: #008cd6;
    color: #fff;}
/*************************footer****************************/
footer{width: 100%; display: block; padding-bottom: 0.1rem; background: #303132; padding-top: .6rem;}
footer .container{padding-left: .35rem; padding-right: .35rem;}
.footer-left{width: 6.8rem; display: block;}
.footer-nav{width: 100%; display: block; border-bottom: .01rem solid #666666; padding-bottom: .22rem; margin-bottom: .3rem;}
.footer-nav li{width: auto; float: left;}
.footer-nav li a{width: .8rem; display: block; color: #aaaaaa; font-size: .14rem; line-height: .14rem;}
.footer-copy{width: 100%; display: block; font-size: .12rem; line-height: .24rem; color: #666;}
.footer-copy a{color: #666; text-transform: uppercase;}
.footer-right{width: 4.5rem; display: block;}
.footer-right .qcode{width: .6rem; height: .6rem; float: right; margin-left: .2rem;}
.footer-service{width: auto; display: inline-block; float: right;position: relative; padding-top: .05rem;}
.footer-service dt{width: .49rem; height: .51rem; display: block; float: left;}
.footer-service dd{width: auto; display: block; float: left; padding-left: .1rem; padding-top: .04rem;}
.footer-service p{width: auto; font-size:.14rem; line-height: .14rem; color: #fefefe; margin-bottom: .1rem;}
.footer-service .tel{width: auto; font-size: .22rem; color: #fefefe; line-height: .22rem; display: block;}
.join-form-btn{width:1.2rem; height: 1.2rem; display: block; background: url("../images/join-form-btn.png") no-repeat; position: fixed; bottom:4%; right: -100%; transition: all 0.3s ease-in-out; z-index: 1;}
.join-form-btn.on{right: 0}
.join-form-block{width: 100%; display: block; position: fixed; right: -100%;  bottom: 0; background: #008cd5; transition: all 0.3s ease-in-out; z-index: 1; font-size: 0;}
.join-form-block.active{right: 0;}
.join-form-block img{width: 2.2rem; height: 1.8rem; margin-top: -.39rem; float: left;}



.join-form-block .cont_input{ overflow: hidden;width: 4.2rem; float: left;}
.join-form-block .cont_capcha{ overflow: hidden;width: 1rem; float: left; margin-right: 0.1rem;}
.join-form-block img.capcha{width: 1rem; height: 0.3rem; margin-top: 0; margin-bottom: 0.04rem;}
.join-form-block .cont_capcha input[type="text"]{ width: 100%;}

.join-form-block .sub{width:2.8rem; display: block; float: left; padding-top: .39rem; font-size: .2rem; color: #fff; line-height: .2rem; padding-left: .22rem;}
.join-form-block .sub span{width: 100%; display: block; font-size: .32rem; line-height: .32rem; color: #fff; margin-bottom: .11rem; font-weight: bold;}
.join-form-block input[type="text"]{width: 2rem; height: .3rem; border: 0; margin-right: .08rem; font-size: .14rem; line-height: .39rem; color: #666; padding-left: .14rem; padding-right: .12rem; background: unset; float: left; margin-bottom: .04rem; background: #fff;}
.join-form-block input[type="submit"]{width:.62rem; height: .62rem; background: url("../images/join-form-add.png") no-repeat 100% center; border: 0;text-indent: -100rem; overflow: hidden; cursor: pointer;}
.join-form-block form{padding-top: .38rem;}
.join-form-close{width:.18rem; height: .18rem; display: block; background: url("../images/join-form-close.png") no-repeat; position: absolute; top:.18rem; right: .15rem;}
/*************************page-nav****************************/
.page-nav{width: 100%; display: block; text-align: center; font-size: 0; padding-top: .66rem;padding-bottom: .66rem;}
.page-nav a{width: 1.36rem; height: auto; font-size: .14rem; line-height: 1.5em; padding: 0.1rem 0; color: #333; display: inline-block;}
.page-nav a.active{background: #008cd6; color: #fff;}


/*************************home****************************/
.banner{z-index: 0;}
.home-banner .box{ background-position: center; background-size: cover;}
.home-banner .owl-dots{ width: 100%; bottom: .22rem; position: absolute;}
.home-banner .owl-dots .owl-dot span{width: .63rem; height: .03rem; background: #fff;}
.home-banner .owl-dots .owl-dot:hover span,.home-banner .owl-dots .owl-dot.active span{background: #666666;}
.home-banner .owl-nav{width: 12rem; position: absolute; bottom:0; left: 50%; margin-left: -6rem; padding-left: .85rem;}
.home-banner .owl-nav [class*=owl-]{width: .9rem; height: .8rem; float: left;position: relative;}
.home-banner .owl-nav [class*=owl-]:first-child{background-position: 0 0;}
.home-banner .owl-nav [class*=owl-]:last-child{background-position: -.9rem 0;}
.home-banner .owl-nav [class*=owl-]:hover{ background:url("../images/home-banner-nav.jpg") no-repeat; background-position-y:-.8rem;}
.home-banner .owl-nav [class*=owl-]:hover:last-child{background-position:-.9rem -.8rem;}

.home-banner .owl-nav button:first-child:before{content: ''; width: .01rem; height: .18rem; background: #e7e7e7; right: 0; top: .31rem; position: absolute;}
.home-banner .owl-nav button.owl-next, .home-banner .owl-nav button.owl-prev, .home-banner button.owl-dot{ margin: 0; border-radius: 0; }
.home-banner .owl-nav button span{width:100%; height:100%;text-indent: 1000rem; overflow: hidden; display: block;}

.home-s1{width: 100%; display: block; padding: .6rem 0; background:#edeff3; font-family:'微软雅黑';}
.home-s1 .item{width:3.49rem; height: auto; display: block; margin-left:.58rem; float: left; position: relative; transition: all 0.3s ease-in-out; padding:0.1rem; background:#FFF;}


.home-s1 .item:before{content:""; border: .03rem solid #008cd6; position: absolute; left: -.03rem; right: -.03rem; bottom: -.03rem; top: -.03rem; opacity: 0; visibility: hidden; transition:all 0.3s ease-in-out;}
.home-s1 .item:hover:before{opacity: 1; visibility: visible;}
.home-s1 .item .img{width: 100%; display: block; overflow: hidden;}
.home-s1 .item img{transition: all 0.3s ease-in-out;}
.home-s1 .item:hover img{transform: scale(1.05)}
.home-s1 .item:first-child{margin-left: 0;}
.home-s1 .item .box{width: 100%; height: .99rem; line-height: .99rem; font-size: .2rem;color: #333333; text-align: center;transition: all 0.3s ease-in-out;}
.home-s1 .item .box em{font-size: .18rem; color: #888; text-transform: uppercase; transition: all 0.3s ease-in-out;}
.home-s1 .item .div{ left:1.18rem; bottom:-.18rem; display:block; font-size:.137rem; text-align:center; line-height:.36rem; background:#fff; width:1.24rem; height:.36rem; position:absolute;box-shadow: 10px 10px 20px 10px rgba(188,187,191,0.5), -10px 10px 10px 10px rgba(255,255,255,0.5) }
.home-s1 .item:hover .div{ background:#008cd6; color:#FFF;}
.home-s2{width: 100%; display: block; padding-top: .7rem; }
.home-s2-title{width: 100%; display: block; font-size: 0; margin-bottom: .3rem;}
.home-s2-title h2{width: auto; display: inline-block; float: left; font-size: .3rem; line-height: .3rem; color: #222222;}
.home-s2-tab-nav{width: auto; display: inline-block; float: right;}
.home-s2-tab-nav li{padding: 0 0.1rem; display: block; float: left; text-align: center; color: #888; position: relative; cursor: pointer; transition: all 0.3s ease-in-out;}
.home-s2-tab-nav li:hover{transform: translateY(-.05rem)}
.home-s2-tab-nav li:after{content: ''; width: 100%; height: .02rem; background: #008cd5; left: 0; right: 0; bottom: 0; position: absolute; transition: all 0.3s ease-in-out;visibility: hidden; opacity: 0;}
.home-s2-tab-nav li.active{color: #333;}
.home-s2-tab-nav li.active:after{visibility: visible;opacity: 1;}
.home-s2-tab-nav h3{width: 100%; display: block; font-size:.16rem; line-height: .16rem;margin-bottom: .1rem; }
.home-s2-tab-nav p{width: 100%; display: block; font-size: .12rem; line-height: .12rem; text-transform: uppercase;margin-bottom:.15rem; }
.home-s2-content{width:100%; display: block;}
.home-s2-content > div{display: none;}
.home-s2-content .img{width: 8.12rem; height: 4.62rem; display: block; overflow: hidden;}
.home-s2-content .img img{ height: 100%; object-fit: contain;}
.home-s2-content .box{width: 3.88rem; background: #edeff3; height: 4.62rem; display:block; padding-top: 1.4rem; text-align: center; font-size: 0;}
.home-s2-content .box h3{width: 100%; display: block; font-size: .28rem; line-height: .28rem; color: #333333; text-transform: uppercase; margin-bottom: .18rem;}
.home-s2-content .box p{width: 100%; display: block; font-size: .14rem; line-height: .14rem; color: #888; text-transform: uppercase; margin-bottom: 1.24rem;}
.btn-more{width: 1.24rem; height: .36rem; background: #008cd5; text-transform: uppercase; padding:.12rem .3rem; color: #fefefe; font-size: .16rem; line-height: .16rem;}
.btn-more i{width:.07rem; height: .13rem; background: url("../images/btn-more-icon.png") no-repeat; margin-left: .11rem; display: inline-block; }
.home-s2-slider{width: 100%; margin-top: .46rem; margin-bottom: .87rem;}
.home-s2-slider .item{width: 1.85rem; display: block;}
.home-s2-slider .item img{width:auto; height: 1.5rem; display: block; margin:auto;}

.home-s2-slider .item p{width: 100%; display: block; font-size: .14rem; line-height: .2rem; padding-top: .2rem; text-align: center;}
.home-s2-slider .owl-nav{ position: absolute; top: calc(40% - .19rem); width: 100%;}
.home-s2-slider .owl-nav button.owl-next, .home-s2-slider .owl-nav button.owl-prev{ width: .38rem; height: .38rem; margin: 0; border-radius: 0; background:url('../images/home-s2-slider-icon.png') no-repeat;  position: absolute;}
.home-s2-slider .owl-nav button.owl-next{ background-position:-.38rem 0; right: 0;}
.home-s2-slider .owl-nav button.owl-prev{ background-position:  0 0; left: 0;}
.home-s2-slider .owl-nav [class*=owl-]:hover{ background:url("../images/home-s2-slider-icon.png") no-repeat; background-position-y:-.38rem;}
.home-s2-slider .owl-nav button.owl-next:hover{background-position-x:-.38rem;}
.home-s2-slider .owl-nav span{width: 100%; height: 100%; display: block; overflow: hidden; text-indent: 100rem;}
.home-s3{width: 100%; display: block; background: url("../images/home-s3.jpg") no-repeat; height: 2.5rem; padding-top: .7rem; background-size: cover; background-position: center;}
.home-s3 .jumbo{width: 33.333334%; float: left; display: block; text-align: center;}
.home-s3 .jumbo .num{width: 100%; display: block; font-size: .78rem; line-height: .78rem; color: #fff; font-weight: bold; font-family: "DIN BLOD";}
.home-s3 .jumbo i{position: relative; }
.home-s3 .jumbo i div{font-size: .16rem; display: inline-block; position: absolute; bottom: .15rem; color: #008cd5; font-style: normal; font-weight: bold;}
.home-s3 .jumbo em{width: auto; font-size: .38rem; line-height: .38rem; font-weight: bold; color: #008cd5; position: absolute; top: 0;}
.home-s3 .jumbo .text{width: 100%; display: block; font-size: .2rem; line-height: .2rem; color: #fff; margin-top: .2rem;}
.home-s4{width: 100%; display: block; padding-top: 1.05rem; padding-bottom: .89rem;}
.home-s4 .container{position: relative; overflow: hidden;}
.home-s4 .container img{transition: all 0.3s ease-in-out;}
.home-s4 .container:hover img{transform: scale(1.05);}
.home-s4 .box{width: 50%; padding-top: .74rem; padding-left: .98rem; position: absolute; left: 0; top: 0; font-size: 0;}
.home-s4 .box h3{width: 100%; display: block; font-size: .28rem; line-height: .28rem; color: #fff; margin-bottom: .46rem;}
.home-s4 .box p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #fff; margin-bottom: .6rem;}
.home-s4 .icon{width: 1.06rem; height: .73rem; display: block; background: url("../images/join-s1-3.png") no-repeat; position: absolute; top: .22rem; right: .41rem;}
.home-s5{width: 100%; display: block; background: #edeff3; padding-top: .87rem; padding-bottom: .87rem; font-size: 0;}
.home-s5 .left{width: calc(50% - .15rem); float: left;height: 3.36rem; position: relative; overflow: hidden;}
.home-s5 .right{width: 50%; float: left; padding-left: .3rem;}
.home-s5 .box{width:100%; display: block; padding-top: .35rem; padding-bottom: .35rem; border-bottom: .01rem solid #cccccc;}
.home-s5 h3{width: 100%; font-size: .16rem; line-height: .16rem; color: #666666; font-weight: bold; margin-bottom: .1rem; padding-top: .1rem;}
.home-s5 .head-block{padding-bottom: 0.4rem;}

.home-s5 p{width: 100%; font-size: .14rem; line-height: .14rem; color: #666666; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; display: inline-block;}
.home-s5 .left .txt{width: 100%; display: block; position: absolute; left: 0; right: 0; bottom: 0; background:rgba(0,0,0,.5); padding:.2rem; transition: all 0.3s ease-in-out;}
.home-s5 .left img{transition: all 0.3s ease-in-out;}
.home-s5 .left:hover img{transform: scale(1.05)}
.home-s5 .left h3{color: #fff; }
.home-s5 .left p{color: #c2c2c2;}
.home-s5 .img{width: 100%; display: block; height: 2.3rem; margin-bottom: .4rem;}
.home-s5 .right .box:first-child{ padding-top: 0;}
.home-s6{width: 100%; height: 3.59rem; display: block; background: url("../images/home-s6-bg.jpg") no-repeat; padding-top: .8rem; font-size: 0;}
.home-s6 .container{padding-left: 2.55rem; padding-right: 2.55rem;}
.home-s6 h2{width: 100%; display: block; font-size: .36rem; line-height: .36rem; color: #fff;}
.home-s6 dl{width: 100%; display: block; margin-top: .6rem;}
.home-s6 dd{width: 33.3334%; display: block; float: left; text-align: center;}
.home-s6 dd img{width: .44rem; height: .44rem; display: inline-block; }
.home-s6 dd p{width: 100%; display: block; font-size: .2rem; line-height: .2rem; color: #fff; margin-top: .12rem; }
.home-s7{width: 100%; display: block; background: #fff; padding-top: .88rem; padding-bottom: .8rem;}
.home-s7 .item{width: 2.4rem; display: block; float: left; padding-left: .36rem;}
.home-s7 .icon{width: .47rem; height: .47rem; display: block; background: url("../images/home-s7-icon.png") no-repeat; float: left;}
.home-s7 .icon1{ background-position: 0 0 ;}
.home-s7 .icon2{ background-position: -.47rem 0;}
.home-s7 .icon3{ background-position: -.94rem 0;}
.home-s7 .icon4{ background-position: -1.41rem 0;}
.home-s7 .icon5{ background-position: -1.88rem 0;}
.home-s7  p{width: 1.57rem; float: left; padding-left: .13rem; padding-top: .09rem; font-size: .14rem; line-height: .14rem; color: #666666; margin-bottom: .13rem;}
.home-s7  em{width: .3rem; height: .02rem; background: #999999; display: block; float: left; margin-left: .13rem;}
.home-s7 .item:hover .icon{background-position-y:-.47rem;}

/*************************about****************************/
.about-banner{height: 4.08rem; display: block; background-image: url("../images/about-banner.jpg");}
.head-block{display: block;}
.head-block .wrap{padding-left: 3rem; padding-right: 3rem; text-align: center;}
.head-block h2{width: 100%; display: block; font-size: .28rem; line-height: .38rem; color: #333333; text-align: center; font-weight: bold;}
.head-block h3{width: 100%; display: block; font-size: .24rem; line-height: .30rem; color: #333333; text-align: center; font-weight: bold;}
.head-block p{width: 100%; display: block; font-size: .16rem; line-height: .24rem; color: #333; line-height: 2em; margin-top: .1rem; text-align: center;}
.about-s1{width: 100%; display: block; padding-bottom: 1rem;}
.about-s1 .num{width: 100%; display: block; font-family: "DIN BLOD"; font-size: .36rem; line-height: .36rem; font-weight: bold; margin-bottom: .15rem; color: #008cd6;}
.about-s1 .num em{font-size: .14rem; line-height: .14rem;}
.about-s1 .text{width: 100%;display: block; font-size: .14rem; line-height: .14rem;}
.zhoutiao{ background:url(../images/zhoutiao.jpg) no-repeat; height:2.6rem; padding:0;}
.zhoutiao ul{width: 100%; float:left; text-align: center; font-size: 0; margin: .97rem auto;}
.zhoutiao li{width: 1.92rem; display: inline-block; color: #fff;}
.zhoutiao .img{width: 100%; display: block;}
.zhoutiao .num{width: 100%; display: block; font-family: "DIN BLOD"; font-size: .36rem; line-height: .36rem; font-weight: bold; margin-bottom: .15rem; color: #fff;}
.zhoutiao .num em{font-size: .14rem; line-height: .14rem;}

.about-s2{width: 100%; display: block; height: 6.38rem;background: url("../images/about-s2-bg.jpg") no-repeat center center /cover;}
.about-s3{width: 100%; display: block; padding-top: .8rem; padding-bottom: 1rem;}
.about-s3 .block-item{margin-top: .4rem;}
.about-s3 .block-item .item{width:49.5%; min-height:1.27rem; display: block; overflow: hidden; float: left; margin-bottom:.12rem;}
.about-s3 .block-item .item-txt{background: #edeff3; padding: .31rem 0; padding-left: .38rem; padding-right: .38rem;}
.about-s3 .block-item .item-txt img{ float:left; width:.78rem; height:.78rem; margin-right:.5rem; margin-top:.16rem;}
.about-s3 .block-item .item-txt .item_div{ float:left; padding-left:.62rem; width:3.73rem; border-left:1px solid #ccc;}
.about-s3 .block-item .item h4{width: 100%; display: block; font-size: .20rem; height: 0.52rem; overflow: hidden; margin-bottom: 0.1rem; line-height: .26rem; color: #333;}
.about-s3 .block-item .item p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; height: .44rem; overflow: hidden;color: #888;}
.about-s3 .block-item .item-txt:nth-child(odd){ margin-right: 0.1rem;}

.about-s3 .block-item .item-txt1{background: #edeff3; padding: .31rem 0;  padding-left: .38rem; margin-left:.12rem;}
.about-s3 .block-item .item-txt1 img{ float:left; width:.78rem; height:.78rem; margin-right:.5rem; margin-left:.38rem; margin-top:.26rem;}
.about-s3 .block-item .item-txt1 .item_div{ float:left; padding-right:.62rem; width:3.43rem;}

.about-s3 .block-item1 .head-block{padding-top: .74rem; padding-bottom: .5rem;}
.about-s3 .block-item1 .item{width: 33.33334%; display: block; float: left; position: relative; overflow: hidden;}
.about-s3 .block-item1 .box{width: 100%; display: block; padding-left: .67rem; padding-top: .67rem; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 0; background: rgba(0,0,0,.6); transition: all 0.3s ease-in-out;}
.about-s3 .block-item1 .item:hover .box{background: unset;}
.about-s3 .block-item1 .item img{transition: all 0.3s ease-in-out;}
.about-s3 .block-item1 .item:hover img{transform: scale(1.05);}
.about-s3 .block-item1 .box h4{width: 100%; display: block; font-size: .26rem; line-height: .26rem; color: #fff; font-weight: bold;}
.about-s3 .block-item1 .box h5{width: 100%; display: block; font-size: .26rem; line-height: .26rem; color: #fff; margin-top: .11rem;}
.about-s3 .block-item1 .box p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #dddddd; margin-top: .11rem;}
.about-s3 .block-item1 .box em{width: .26rem; height: .01rem; background: #fff; display: inline-block; margin-top: .33rem;}


.strength-s1{width: 100%; display: block;padding-top: .4rem; padding-bottom: .5rem;}
.strength-s1 .item{width:3.4rem; display: block; float: left; margin-left: .89rem;}
.strength-s1 .item:first-child{margin-left: 0;}
.strength-s1 .box{width:100%; display: block; padding-left: .3rem; padding-right: .3rem; border-right: .01rem solid #888888; border-left: .01rem solid #888888; border-bottom: .01rem solid #888888; text-align: center; float: left;}
.strength-s1 .imgbox{width: 100%; display: block; overflow: hidden;}
.strength-s1 .item img{transition: all 0.3s ease-in-out;}
.strength-s1 .item:hover img{transform: scale(1.05)}
.strength-s1 h3{width: 100%; display: block; font-size: .18rem; line-height: .18rem; color: #333333; margin-bottom: .16rem;}
.strength-s1 p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #888;}
.strength-s1 .icon{width: .86rem; height: .86rem; display: block; margin:-.43rem auto .2rem; background-repeat: no-repeat; position: relative; transition: all 0.3s ease-in-out;}
.strength-s1 .icon1{background-image:url("../images/strength-s1-icon-1.png");}
.strength-s1 .icon2{background-image:url("../images/strength-s1-icon-2.png");}
.strength-s1 .icon3{background-image:url("../images/strength-s1-icon-3.png");}
.strength-s1 .item:hover{}

.strength-s2{width: 100%; display: block; height: 5.45rem; background: url("../images/strength-s2.jpg") no-repeat center /cover; padding-top: 1.12rem;}
.strength-s2 dl{width: 100%; display: block; text-align: center; font-size: 0; padding-left: .26rem; padding-right: .26rem; position: relative;}
.strength-s2 dl > div{width: 1.57rem; height: .57rem; display: block; float:left;margin-left: .36rem; margin-right: .36rem;}
.strength-s2 dl > div img{width: 1.05rem; height: 1.1rem; display: block; margin-top: -.28rem; margin-left: .25rem;}
.strength-s2 h2{width: 100%; display: block; font-size: .24rem;font-weight: bold; line-height: .24rem; margin-bottom: .5rem; text-align: center; color:#fff;}
.strength-s2 dl + dl{margin-top: .62rem; position: relative;}
.strength-s2 dl + dl:before{content: ''; width: .15rem; height: .16rem; display: block; background: url("../images/strength-s2-4.png") no-repeat; position: absolute; right: 1.38rem; top: -.37rem; visibility: visible;}
.strength-s2 dd{width: 1.57rem; height: .57rem; display: block; font-size: .16rem; line-height: .57rem;color: #333333; background: #ffffff; float: left; text-align: center; position: relative; margin-left: .36rem; margin-right: .36rem; transition: all 0.3s  ease-in-out;}
.strength-s2 dd:hover{background:#008cd6; color:#fff;}
.strength-s2 dd:before{content: ''; width: .16rem; height: .15rem; display: block; background: url("../images/strength-s2-2.png") no-repeat; position: absolute; right: -.44rem; top: calc(50% - .08rem)}
.strength-s2 dd:last-child:before{display: none;}
.strength-s2 dl + dl dd:before{background: url("../images/strength-s2-3.png")}

.strength-s3{width: 100%; display: block; padding-top: .66rem; padding-bottom: .5rem;}
.strength-s3 .container{padding-left: .2rem; padding-right: .2rem;}
.strength-s3 .block{width: 100%;height:auto; display: block; margin-top: .5rem; margin-right: -.6rem; position: relative; flex-flow: column wrap;}
.strength-s3 .item{width: calc(100%/3 - .6rem); height: 3.31rem; float: left; padding-top: .2rem; padding-bottom: .5rem; border-top: .01rem solid #eeeeee;transition: all 0.3s ease-in-out; cursor: pointer; margin-right: .6rem;}
.strength-s3 .item:hover{border-top-color: #888888;}
.strength-s3 .txt{width: 100%;display: block; padding-top: .2rem; font-size: 0;}
.strength-s3 .txt h3{width: 100%; display: block; font-size: .16rem; line-height: .16rem; color: #333; margin-bottom: .24rem;transition: all 0.3s ease-in-out;}
.strength-s3 .item:hover h3{color: #008cd6;}
.strength-s3 .txt p{width: 100%; display: block; font-size: .12rem; line-height: .20rem; color: #888;}
.strength-s3 .txt + .imgbox{margin-top: .23rem;}
.strength-s3 .imgbox{width: 100%; display: block;}
.strength-s3-1{width: 100%; display: block; padding-top: .95rem;}
.strength-s3-1 .imgbox-block{width: 100%; display: block; position: relative; margin-top: .6rem; overflow: hidden;}
.strength-s3-1 .imgbox-block > img{transition: all 0.3s ease-in-out;}
.strength-s3-1 .imgbox-block:hover > img{transform: scale(1.02)}
.strength-s3-1 dl{width: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; text-align: center; font-size: 0; padding-top: .7rem;}
.strength-s3-1 dd{width: 3rem; display: inline-block; text-align: center;}
.strength-s3-1 dd img{width: .44rem; height: .44rem; display: block; margin:0 auto .12rem;}
.strength-s3-1 dd h3{width: 100%; display: block; font-size: .2rem; line-height: .2rem; color: #fff; margin-bottom: .25rem;}
.strength-s3-1 dd p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #fff;}
.strength-s4{width: 100%; display: block; height: 5.21rem; background: url("../images/strength-s4-bg.jpg") no-repeat center /cover;}
.strength-s4 .container{padding: .75rem .74rem;}
.strength-s4 .block{width: 100%; display: block; background: #fff; padding: .6rem 1.96rem; text-align: center;}
.strength-s4 .block h3{width: 100%; display: block; font-size: .36rem; line-height: .36rem; font-weight: bold; margin-bottom: .25rem; color: #333;}
.strength-s4 .block p{width: 100%; display: block; font-size: .14rem; line-height: .22rem;}
.strength-s4 dl{width: 33.3334%; display: block; float: left; margin-top: .56rem;}
.strength-s4 dt{width: 100%; display: block; text-align: center; font-size: .24rem; line-height: .24rem; color: #008cd6;}
.strength-s4 dt b{width: auto; display: inline-block; font-size: .54rem; line-height: .54rem;}
.strength-s4 dd{width: 100%; display: block; font-size: .2rem; line-height: .2rem; color: #222222; text-align: center; margin-top: .15rem;}
.strength-s5{width: 100%; display: block; padding-bottom: 1rem;}
.strength-s5 .img{width: 100%; display: block; padding: .81rem .51rem 0 .24rem;}
.strength-s5 .title{width: 100%; display: block; text-align: center; font-size: 0;}
.strength-s5 .title h3{width: 100%; display: block; font-size: .36rem; line-height: .36rem; color: #333; font-weight: bold; margin-bottom: .26rem;}
.strength-s5 .title p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #666; margin-bottom: .26rem;}
.strength-s5 .item{width: 20%; display: block; text-align: center; float: left;}
.strength-s5 .item img{width: auto; margin: auto; display: block;}
.strength-s5 .item video{width: 100%; height: 400px; margin-bottom:.2rem; display: block;}
.strength-s5 .item p{width: 100%; display: block; font-size: .14rem; line-height: .14rem; color: #666; margin-top: .36rem;}
.face-s1{width: 100%; display: block; padding-bottom: 1rem;}
.face-s1 .container{position: relative;}
.face-s1 .box{width: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding-top: .5rem;}
.face-s1 .box h3{width: 100%; display: block; font-size: .28rem; line-height: .28rem; color: #333; font-weight: bold; text-align: center;}
.face-s2{width: 100%; display: block; height: 7.44rem; background: url("../images/face-s2-bg.jpg") no-repeat center /cover;}
.face-s2 .container{position: relative;}
.face-s2 .box{width: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding-top: .81rem;}
.face-s2 .box h3{width: 100%; display: block; font-size: .28rem; line-height: .28rem; color: #fff; font-weight: bold; text-align: center;}
.face-s2 .box p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #fff; text-align: center; margin-top: .24rem;}
.face-s3{width: 100%; display: block; padding-top: 1rem; padding-bottom: 1rem;}
.face-s3 .img{width: 100%; display: block;}
.face-s3 .img2{margin-top: .67rem; display: block;}
/*************************leju****************************/
.leju-banner{ height: 4.08rem; background-image: url("../images/leju-banner.jpg");}
.leju-s1{width: 100%; display: block; padding-top: .66rem; background: #edeff3; padding-bottom: .8rem;}
.leju-s1 .head-block{margin-bottom: .44rem;}
.leju-s1 .imgbox-block{width: 4rem; display: block; position: relative; overflow: hidden; float: left;}
.leju-s1 .imgbox-block .imgbox{width: 100%; display: block; overflow: hidden;}
.leju-s1 .imgbox-block > img{transition: all 0.3s ease-in-out;}
.leju-s1 .imgbox-block:hover > img{transform: scale(1.05)}
.leju-s1 .imgbox-block .block{width: 100%; height: 2.96rem; display: block; background: #fff; padding-left: .2rem; padding-right: .3rem;}
.leju-s1 .imgbox-block-1 h3{width: 100%; display: block; font-size: .3rem; line-height: .3rem; margin-bottom: .4rem; color: #333; font-weight: bold}
.leju-s1 .imgbox-block-1 p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #333;}
.leju-s1 .imgbox-block-1 .img{width: 2.81rem; height: .64rem; display: block; margin-bottom: .1rem;}
.leju-s1 .imgbox-block-1 .block{ padding-top: .3rem; padding-left: .4rem;}

.leju-s1 .imgbox-block-2 .block{width: 100%; display: block; text-align: center; padding-top: .7rem;}
.leju-s1 .imgbox-block-2 .img{width: 2.34rem; height: .52rem; display: block; margin: auto;}
.leju-s1 .imgbox-block-2 h3{width: 100%; display: block; font-size: .3rem; line-height: .3rem; margin-top: .08rem; margin-bottom: .4rem; color: #333333; font-weight: bold;}
.leju-s1 .imgbox-block-2 p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #333333;}
.leju-s1 .imgbox-block-3 .img{width: 2.81rem; height: .64rem; display: block; margin-bottom: .1rem;}
.leju-s1 .imgbox-block-3 .block{ padding-top: .3rem; padding-left: .4rem;}
.leju-s1 .imgbox-block-3 h3{width: 100%; display: block; font-size: .3rem; line-height: .3rem; margin-top: .08rem; margin-bottom: .4rem; color: #333; font-weight: bold;}
.leju-s1 .imgbox-block-3 p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #333;}
.leju-s2{width: 100%; position: relative; overflow: hidden;}
.leju-s2 .container{position: absolute; left: 50%; margin-left: -6rem; top: 0; padding-top: .74rem; padding-left: .97rem;}
.leju-s2-bg{width: 100%; height: 6rem; display: block; background: url("../images/leju-s2-1.jpg") no-repeat center center /cover; transition: all 0.3s ease-in-out;}
.leju-s2:hover .leju-s2-bg{transform: scale(1.02);}
.leju-s2 .img{width:1.87rem; height:auto; display: block; margin-left: -.05rem; margin-top: 1.3rem; margin-bottom: .52rem;}
.leju-s2  h3{width: 100%; display: block; font-size: .20rem; line-height: .28rem; margin-top: .12rem; margin-bottom: .4rem; color: #fff; font-weight: bold;}
.leju-s2  p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #fff;}
/*.leju-s3{width: 100%; display: block; padding-top: .95rem; margin-bottom: .88rem;}
.leju-s3 .imgbox-block{width: 100%; display: block; position: relative; margin-top: .6rem; overflow: hidden;}
.leju-s3 .imgbox-block > img{transition: all 0.3s ease-in-out;}
.leju-s3 .imgbox-block:hover > img{transform: scale(1.05)}
.leju-s3 dl{width: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; text-align: center; font-size: 0; padding-top: .7rem;}
.leju-s3 dd{width: 3rem; display: inline-block; text-align: center;}
.leju-s3 dd img{width: .44rem; height: .44rem; display: block; margin:0 auto .12rem;}
.leju-s3 dd h3{width: 100%; display: block; font-size: .2rem; line-height: .2rem; color: #fff; margin-bottom: .25rem;}
.leju-s3 dd p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #fff;}*/
.leju-s3{width: 100%; display: block; background: #edeff3; padding-top: .75rem; padding-bottom: .75rem;}
.leju-s3 .block{width: 100%; display: block; margin-top: .45rem;}
.leju-s3 .item{width: 2.91rem; display: block; float: left; margin-left: .12rem; transition: all 0.3s ease-in-out;}
.leju-s3 .item:nth-child(4n-3){margin-left: 0;}
.leju-s3 .item .img{width: 100%; display: block; overflow: hidden;}
.leju-s3 .item a{cursor:default;}
.leju-s3 .item img{width: 100%; height: 2rem; object-fit: cover;display: block; transition: all 0.3s ease-in-out;}
.leju-s3 .item:hover img{transform: scale(1.05)}
.leju-s3 .item .txt{width: 100%; display: block; background: #fff; font-size: .16rem; line-height: .5rem; color: #333; text-align: center; transition: all 0.3s ease-in-out;}
.leju-s3 .item:hover{transform: translateY(-.05rem)}
.leju-s3 .item:hover .txt{background: #008cd6; color: #fff;}
.leju-s4{width: 100%; display: block; padding-bottom: .8rem;}
.leju-s4 .container{ display: block; padding: .85rem 1.08rem; }
.leju-s4 .row{width: 100%; display: block; font-size: 0;}
.leju-s4 .item{width: 1.32rem; display: inline-block; height: 1.32rem; background: #008cd6; border-radius: .7rem; padding-top: .32rem; margin-left: .81rem;text-align: center; float: left; position: relative;}
.leju-s4 .item:first-child{margin-left: 0;}
.leju-s4 .item .num{width: .87rem; display: block; padding-bottom: .1rem; border-bottom: .01rem solid #aaaaaa; font-size: .3rem; line-height: .3rem; margin:0 auto .14rem; color: #fff; font-weight: bold; position: relative;}
.leju-s4 .item:before{content: ''; width: .09rem; height: .13rem; display: block; background:url("../images/leju-s4-icon.png") no-repeat; position: absolute; top: .6rem; left: -.45rem;}
.leju-s4 .row2 .item:before{background-image: url("../images/leju-s4-icon-2.png");}
.leju-s4 .item:first-child:before{display: none;}
.leju-s4 .item span{width: 100%; display: block; font-size: .14rem; line-height: .14rem; color: #fff;}
.leju-s4 .row1{margin-top: .55rem; margin-bottom: .75rem; position: relative;}
.leju-s4 .row1:before{content: ''; width: .13rem; height: .09rem; display: block; background:url("../images/leju-s4-icon-3.png") no-repeat; position: absolute;bottom: -.43rem; right: .55rem;}
/*************************contact****************************/
.contact-banner{ height: 4.08rem; background-image: url("../images/contact-banner.jpg");}
.contact-s1{width: 100%; display: block; padding-top: .66rem; background: #edeff3; padding-bottom: .8rem;}
.contact-s1 .container{padding-left: 1.68rem; padding-right: 1.68rem;}
.contact-s1 .block{width: 100%; display: block;}
.contact-s1 .addr{width: 100%; display: block; text-align: center; padding-bottom: .3rem;}
.contact-s1 .addr h3{width: 100%; display: block; font-size: .24rem; line-height: .24rem; color: #333;}
.contact-s1 .addr h4{width: 100%; display: block; font-size: .16rem; line-height: .16rem; color: #666; margin-top: .1rem;}
.contact-s1 .block p{width: 100%; display: block; font-size: .14rem; color: #333333;}
.contact-s1 .block1{margin-top: .6rem; padding-top: .48rem; background: #fff; padding-bottom: .54rem; margin-bottom: .66rem;}
.contact-s1 .block1 .item{width: 50%; display: block; float: left; text-align: center; font-size: 0;}
.contact-s1 .block1 .icon{width: .19rem; height: .19rem; display: inline-block; margin-bottom: .16rem;}
.contact-s1 .block1 .icon-3{margin-top: .08rem;}
.contact-s1 .block1 .p1{margin-bottom: .2rem;}
.contact-s1 .block1 .p2{margin-bottom: .2rem;}
.contact-s1 .block1 .p3{margin-bottom: .08rem;}
.contact-s1 .block1 .tel{width: 100%; display: block; font-size: .3rem; margin-bottom: .27rem;}
.contact-s1 .block1 .qcode{width: 1.08rem; height: 1.08rem; display: block; margin:.33rem auto 0;}
.contact-s1 .block2{width: 100%; display: block; padding: .38rem .88rem .22rem; background: #fff;}
.contact-s1 .left,.contact-s1 .right{width: 50%; display: block; font-size: 0;}
.contact-s1 .block2 input,.contact-s1 .block2 textarea{width: 2.92rem; margin-bottom: .2rem; border: .01rem solid #bbbbbb; line-height: .36rem; padding-left: .14rem; padding-right: .14rem; font-size: .14rem; color: #888;}
.contact-s1 .block2 textarea{height: 1rem; width: 100%;}
.contact-s1 .block2 .right input{float: right;}
.contact-s1 .block2 input[type="submit"]{width:1.1rem; background: #008cd6; color: #fff; border: 0; float: left;}
.contact-s1 .block2 p{width: auto; float: right; text-align: right; font-size: .12rem; color: #888; line-height: .36rem;}
.contact-s1 .block3{width:100%; display: block; margin-top: .66rem;}

.contact-s1 .block2 .capcha{ width: 1.5rem; height: .3rem; display: inline-block; position: relative; top:0.08rem;}
.contact-s1 .m-submit{cursor: pointer; background: #008cd5; line-height: 0.38rem; color: #fff; margin-left: 20px; border: 0; padding: 0 20px;}
.contact-s1 .m-submit:hover{ background: #299fdc; }

/*************************product****************************/
.text-secondary{font-size: .14rem;}
.about-nav{background: #edeff3;}
.product-banner{ height: 4.08rem; background-image: url("../images/product-banner.jpg");}
.product-main{width: 100%; display: block;background: #edeff3; padding-bottom: .9rem;}
.product-main .main{width: calc(100% + .3rem);}
.product-main .item{width: 3.8rem; display: block; float: left; margin-bottom: .6rem; margin-right: .3rem;}
.product-main .item .imgbox{width: 100%; display: block; height: 2.56rem;}
.product-main .item span{width: 100%;display: block; height: auto; line-height: 1.5em; overflow: hidden; color: #333; font-size: .14rem; text-align: center; background: #fff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pager{width: 100%; display: block; font-size: 0; text-align: center; padding-top: .6rem;}
.pager li{width: auto; display: inline-block; margin-right: .1rem; border-radius: .05rem; overflow: hidden;}
.pager li span,.pager li a{width: .46rem;margin: 0 .04rem; display: inline-block; font-size: .16rem; line-height: .46rem; color: #333; background: #f7f7f7; text-align: center; border-radius: .46rem;}
.pager li span.current{background: #008cd6; color: #fff; width: auto; padding-left: .2rem; padding-right: .2rem;}
.pager li span:hover,.pager li a:hover{background: #008cd6; color: #fff; cursor: pointer;}
.pager li .disabled,.pager li .tcdNumber{width: auto; padding-left: .3rem; padding-right: .3rem;}
.product-mask{width: 100%; height: 100%; display: block; visibility: hidden; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background:rgba(0,0,0,0.8); z-index: 100; overflow-y: scroll;}
.product-mask .imgbox{width: 12rem; height: 6rem; display: block; left: 50%; margin-left: -6rem; position: absolute; top: 45%; margin-top: -3rem; text-align: center;}
.product-mask .imgbox img{width: auto; max-height: 7rem; display: inline-block; max-width: 12rem;}
.product-mask .close{width: .25rem; height: .25rem; background: url("../images/close.png") no-repeat; background-size: 100%; position: absolute; top: -.4rem; right: 0;}
.product-show h3{width: 100%; display: block; font-size: .24rem; line-height: .24rem; color: #fff; font-weight: bold; text-align: center; padding-top: .15rem;}
/*************************join****************************/
.join-banner{height: 4.08rem; background-image: url("../images/join-banner.jpg");}
.join-s1{width: 100%; display: block;}
.join-s1 .block{width: 100%; display: block; position: relative;margin-bottom: .66rem; overflow: hidden;}
.join-s1 .block img{transition: all 0.3s ease-in-out;}
.join-s1 .block:hover img{transform: scale(1.05)}
.join-s1 .block h3{width: 100%; display: block; font-size: .3rem; line-height: .3rem; margin-top: .15rem; margin-bottom: .4rem; color: #222222; font-weight: bold;}
.join-s1 .block p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #dddddd;}
.join-s1 .block1{margin-top: .65rem; }
.join-s1 .block1 .icon{width: 1.06rem; height: .73rem; display: block; background: url("../images/join-s1-3.png") no-repeat; position: absolute; top: .32rem; left: .17rem;}
.join-s1 .block1 .box{width: 50%; display: block; position: absolute; right: 0; top: 0; padding-top: .96rem; text-align: right; padding-right: .76rem;}
.join-s1 .block1 h3{ margin-bottom: .42rem; color: #fff;}
.join-s1 .block1 p{color: #dddddd;}
.join-s1 .block2 h4{width: 100%; font-size: .2rem; line-height: .15rem; color: #222222;}
.join-s1 .block2 .left,.join-s1 .block2 .right{width: 50%; display: block; overflow: hidden;}
.join-s1 .block2 .left{height: 3.62rem; border-left:.01rem solid #888888; border-top: .01rem solid #888888; border-bottom: .01rem solid #888888; padding-left: .7rem; padding-top: .8rem;}
.join-s1 .block2 p{color: #333;}
.join-s2{width: 100%;display: block; height: 4.5rem; background: url("../images/join-s2-1.jpg") no-repeat center /cover;}
.join-s2 .title{width: 100%; display: block; padding-top: .6rem; color: #fff; text-align: center; padding-bottom: .65rem;}
.join-s2 .title h4{width: 100%; font-size: .2rem; line-height: .2rem; margin-bottom: .2rem;}
.join-s2 .title h3{width: 100%; font-size: .4rem; line-height: .4rem; font-weight: bold;}
.join-s2 dl{width: 100%; display: block; font-size:0; text-align: center; color: #fff;}
.join-s2 dd{width: 3.27rem; height: 1.78rem; border: .01rem solid #888888; text-align: center; display: inline-block; margin-left: .19rem; margin-right: .19rem; padding-top: .42rem; transition: all 0.3s ease-in-out;}
.join-s2 dd h4{width: 100%; display: block; font-size: .24rem; line-height: .24rem; font-weight: bold; margin-bottom: .25rem;}
.join-s2 dd p{width: 100%; display: block; font-size: .14rem; line-height: .24rem;}
.join-s2 dd:hover{background: #008cd5; border:0;}
.join-s3{width: 100%; display: block; padding-top: .66rem;}
.join-s3 .block{width: 100%; display: block; position: relative;margin-bottom: .66rem; overflow: hidden;}
.join-s3 .block h3{width: 100%; display: block; font-size: .3rem; line-height: .3rem; margin-top: .15rem; margin-bottom: .4rem; color: #222222; font-weight: bold;}
.join-s3 .block p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #888888;}
.join-s3 .block b{color: #333333;}
.join-s3 .block h4{width: 100%; font-size: .2rem; line-height: .15rem; color: #222222;}
.join-s3 .box{width: 100%; display: block; position: absolute; top: 0; bottom: 0; left: 0; }
.join-s3 .block1 .box{padding-top: 1.08rem; padding-left: .7rem;}
.join-s3 .block2{width: 100%; display: block;}
.join-s3 .block2 img{transition: all 0.3s ease-in-out;}
.join-s3 .block2:hover img{transform: scale(1.05)}
.join-s3 .block2 p{color: #aaa;}
.join-s3 .block2 h3,.join-s3 .block2 h4{color: #fff;}
.join-s3 .block2 .left,.join-s3 .block2 .right{width: 50%;}
.join-s3 .block2 .left{padding-top: 1.08rem; padding-left: .7rem;}
.join-s3 .block2 .txt{width:3.9rem; height: 1.66rem; display: block; background: url("../images/join-s3-3.png") no-repeat; margin: 1.04rem auto; padding-top: .4rem; text-align: center; font-size: .3rem; line-height: .42rem; color: #fff;}
.join-s3 .block3{background: #edeff3;}
.join-s3 .block3{padding: .48rem .7rem .82rem;}
.join-s3 .block3 h3{width: 100%; display: block; text-align: center; color: #008cd5;  font-weight: bold; margin-bottom: .63rem;}
.join-s3 .block3 h3 span{display: inline-block;font-size: .28rem; line-height: .31rem; position: relative;}
.join-s3 .block3 h3 span:after{content:''; width: .31rem; height: .32rem; background: url("../images/join-s3-4.png") no-repeat; margin-right: .06rem; display: block; float: left;}

.footer_links{ width:1200px; margin: 20px auto;}
.footer_links a{color: #666; font-size: .12rem; margin: 0 10px;}

.bar{width:auto; position: fixed; top: 35%; right: 0; }
.bar .item{width: .6rem; height: .6rem; background-size: 100%; background-repeat: no-repeat; margin-bottom: .02rem; position: relative;}
.bar .item1{background-image: url("../images/bar-1.png");}
.bar .item1:hover{background-image: url("../images/bar-1-1.png");}
.bar .item2{background-image: url("../images/bar-2.png");}
.bar .item2:hover{background-image: url("../images/bar-2-1.png");}
.bar .item3{background-image: url("../images/bar-3.png");}
.bar .item3:hover{background-image: url("../images/bar-3-1.png");}
.bar .item4{background-image: url("../images/bar-4.png");}
.bar .item4:hover{background-image: url("../images/bar-4-1.png");}
.bar .item-box{width: 1rem; height: 1rem; background: #008cd5; position: absolute; transition: all 0.3s ease-in-out; top: 0; right: .62rem; z-index: 0; font-size: 0; opacity: 0; visibility: visible;}
.bar .item:hover .item-box{ opacity: 1; visibility: visible;}
.bar .item-tel{display: block; font-size: .12rem!important; line-height: .16rem!important; color: #fff!important;text-align: center; padding-top: .35rem;}
.bar .item-tel span{width: 100%; display: inline-block; }
.bar .item-qcode{ margin: auto; padding-top: .1rem;}
.bar .item-qcode img{width: .6rem; display: block; margin: auto;}
.bar .item-qcode span{width: 100%; display: block; font-size: .12rem; color: #fff; line-height: .12rem; margin-top: .07rem; text-align: center;}
.join-adv-s1{width: 100%;display: block; padding-bottom: 1rem;}
.join-adv-s1 .block{width: 50%; display: block; float: left;}
.join-adv-s1 .block-img{width: 100%; display: block;}
.join-adv-s1 .block h3{width: 100%; display: block; font-size: .36rem; line-height: .36rem; color: #222222; font-weight: bold;}
.join-adv-s1 .block p{width: 100%; display: block; font-size: .14rem; color: #666666;}
.join-adv-s1 .block-txt{background-color: #f8f8f8; position: relative;}
.join-adv-s1 .block-txt dd{float: left; width: 50%;}
.join-adv-s1 .block-txt-1{padding-left:.95rem; padding-right: .9rem; padding-top: 8.1%; padding-bottom: 8.4%}
.join-adv-s1 .block-txt-1 h3{margin-bottom: .45rem;}
.join-adv-s1 .block-txt-1 p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; margin-bottom: .44rem;}
.join-adv-s1 .block-txt-1 dd{width: 50%; display: block; font-size: .22rem; line-height: .28rem; color: #444444; padding-left: .38rem; position: relative; float: left; margin-bottom: 4%;}
.join-adv-s1 .block-txt-1 dd:before{content: ''; width: .28rem; height: .28rem; background-repeat: no-repeat; background-size: 100%; position: absolute; left: 0; right: 0;}
.join-adv-s1 .block-txt-1 dd.d1:before{background-image: url("../images/join-adv-s1-icon-1.png");}
.join-adv-s1 .block-txt-1 dd.d2:before{background-image: url("../images/join-adv-s1-icon-2.png");}
.join-adv-s1 .block-txt-1 dd.d3:before{background-image: url("../images/join-adv-s1-icon-3.png");}
.join-adv-s1 .block-txt-1 dd.d4:before{background-image: url("../images/join-adv-s1-icon-4.png");}
.join-adv-s1 .block-txt-2{padding:8.5% 7% 10%;}
.join-adv-s1 .block-txt-2 h3{ margin-bottom: .5rem;}
.join-adv-s1 .block-txt-2 p{ margin-bottom: .6rem;}
.join-adv-s1 .block-txt-2 span{color:#008cd6; font-weight: bold;}
.join-adv-s1 .block-txt-2 b{font-size:.4rem; line-height: .4rem;}
.join-adv-s1 .block-txt-2 label{width: .32rem; height: .31rem; display: inline-block; background: url("../images/join-adv-s1-icon-5.png") no-repeat;text-indent: -1rem; overflow: hidden;position: relative; top: .02rem;}
.join-adv-s1 .block-txt-2 dd{margin-bottom: 4%; font-size: .18rem;}
.join-adv-s2{width: 100%; padding-bottom: .5rem; display: block; background: url("../images/join-adv-s2-bg.jpg") no-repeat center center /cover;}
.join-adv-s2 .head-block h2{color: #fff; padding-top: .9rem; padding-bottom:.6rem; }
.join-adv-s2 .item{width: 2.82rem;  display: block; float: left; margin-left:.24rem;  padding: .15rem; background: #FFF; text-align: center;}
.join-adv-s2 .item:first-child{margin-left: 0;}
.join-adv-s2 .img{width: 100%; height: 1.6rem; object-fit: cover;display: block; margin-bottom: .2rem; overflow: hidden;}
.join-adv-s2 .item img{transition: all 0.3s ease-in-out;}
.join-adv-s2 .item:hover img{transform: scale(1.05)}
.join-adv-s2 .item h3{width: 100%; display: block; font-size: .16rem; line-height: .16rem; color: #444444; margin-bottom: .1rem; transition: all 0.3s ease-in-out; font-weight: bold;}
.join-adv-s2 .item:hover h3{color: #008cd6; }
.join-adv-s2 .item p{width: 100%; display: block; font-size: .14rem; line-height: .2rem; color: #666666;}
.join-adv-s3{width: 100%; display: block; padding-bottom: 1rem;}
.join-adv-s3 .title{width: 100%; display: block; padding-top: .78rem; text-align: center; padding-bottom: .5rem;}
.join-adv-s3 .title h4{width: 100%; display: block; font-size: .36rem; line-height: .36rem; color: #333333; margin-bottom:.14rem; }
.join-adv-s3 .title h2{width: 100%; display: block; font-size: .42rem; line-height: .42rem; color: #333333; font-weight: bold;margin-bottom: .3rem;}
.join-adv-s3 .title p{width: 100%; display: block; font-size: .14rem; line-height: .14rem; color: #666666;}
.join-adv-s3 .block{width: 100%; display: block;}
.join-adv-s3 .block1{width: 100%; display: block;}
.join-adv-s3 .block1 .title{padding-top: .76rem; padding-bottom: .22rem;}




.home-s99-slider .owl-nav {
    position: absolute;
    top: calc(40% - .19rem);
    width: 100%;
}

.home-s99-slider .owl-nav button.owl-next, .home-s99-slider .owl-nav button.owl-prev {
    width: .38rem;
    height: .38rem;
    margin: 0;
    border-radius: 0;
    background: url('../images/home-s2-slider-icon.png') no-repeat;
    position: absolute;
}

.home-s99-slider .owl-nav button.owl-next {
    background-position: -.38rem 0;
    right: 0.18rem;
}

.home-s99-slider .owl-nav button.owl-prev {
    background-position: 0 0;
    left: 0;
}

.home-s99-slider .owl-nav [class*=owl-]:hover {
    background: url("../images/home-s2-slider-icon.png") no-repeat;
    background-position-y: -.38rem;
}

.home-s99-slider .owl-nav button.owl-next:hover {
    background-position-x: -.38rem;
}

.home-s99-slider .owl-nav span {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    text-indent: 100rem;
}


.join-adv-s4{width: 100%; display: block; height: 4.63rem; display: block; background: url("../images/join-adv-s4-bg.jpg") no-repeat center center /cover; padding-top: 1.27rem;}
.join-adv-s4 .left,.join-adv-s4 .right{width: 50%;}
.join-adv-s4 .left{padding-top: .35rem; padding-left: .78rem;}
.join-adv-s4 .right{}
.join-adv-s4 h3{width: 100%; display: block; font-size: .3rem; line-height: .3rem; margin-top: .15rem; margin-bottom: .4rem; color: #fff; font-weight: bold;}
.join-adv-s4 p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #aaa;}
.join-adv-s4 h4{width: 100%; font-size: .2rem; line-height: .15rem; color: #fff;}
.join-adv-s4 .txt{width:3.5rem; height: 1.49rem; display: block; background: url("../images/join-s3-3.png") no-repeat; background-size: 100%; padding-top: .39rem; text-align: center; font-size: .26rem; line-height: .38rem; color: #fff; font-weight: bold; margin: auto;}
.join-adv-s4 .btn{width: 2.2rem; display: block;font-size: .16rem; line-height: .16rem; color: #fff; height: .36rem; background: #008cd5; margin: .38rem auto 0; line-height: .36rem; text-align: center;}
.join-adv-s5{width:100%; display:block; padding-bottom: .7rem;}
.join-adv-s5 .title{width: 100%; display: block; padding-top: 1.1rem; font-size: 0; text-align: center; padding-bottom: .68rem; }
.join-adv-s5 .title h2{width: auto; display: inline-block; font-size:.42rem; line-height: .42rem; color: #333333; font-weight: bold; position: relative;}
.join-adv-s5 .title h2:after{content: ''; width: .86rem; height: .86rem; display: block; background: url("../images/join-adv-s5-icon-1.png") no-repeat 100%; position: absolute; right: -1.07rem; top: -.4rem;}
.join-adv-s5 .block1{width: 100%; display: block;}
.join-adv-s5 dl{width: 50%; padding-left: .88rem; padding-right: .32rem; position: relative; float: left; margin-bottom: .5rem;}
.join-adv-s5 dt{width: .6rem; height: .6rem; border: .01rem solid #008cd6; line-height: .6rem; font-size:.36rem; color: #008cd6;position: absolute; top: -.16rem; left: .65rem; text-align: center;transition: all 0.3s ease-in-out;}
.join-adv-s5 dd{width: 100%; height: 1.18rem; display: block; padding: .45rem .9rem 0 .57rem; font-size: .18rem; line-height: .22rem;background: #edeff3; transition: all 0.3s ease-in-out;}
.join-adv-s5 dl:hover dt{background: #edeff3; color: #333333;border-color: #edeff3;}
.join-adv-s5 dl:hover dd{background: #008cd6; color: #fff;}
.join-adv-s5 .block2{padding-left: .7rem; padding-right: .7rem;}
.join-adv-s5 .img{width: 100%; display: block;}
.join-adv-s6{width: 100%; display: block; background: #edeff3; padding-top: .7rem; padding-bottom:.87rem; }
.join-adv-s6 .title{width: 100%; display: block; text-align: center; padding-bottom: .6rem;}
.join-adv-s6 .title h3{width:100%; display: block; font-size: .42rem; line-height: .42rem; color: #222222; margin-bottom: .2rem;}
.join-adv-s6 .title h4{width:100%; display: block; font-size: .2rem;  line-height: .2rem; color: #444444; margin-bottom: .2rem;}
.join-adv-s6 .title p{width:100%; display: block; font-size: .14rem; line-height: .22rem; color: #888888;}
.join-adv-s6 .row{width: 100%; display: block; font-size: 0; text-align: center;}
.join-adv-s6 img{width:1.13rem; height: .56rem; display: inline-block; margin-left: .1rem; margin-right: .1rem; }
.join-adv-s7{width: 100%; display: block; text-align: center; font-size: 0; padding-top: .7rem; padding-bottom: .7rem;}
.join-adv-s7 dl{width: 18%; display: inline-block; transition: all 0.3s ease-in-out; cursor: pointer}
.join-adv-s7 dl:hover{transform: translateY(-.05rem)}
.join-adv-s7 dt{width:100%; height: .42rem; display: block;float: left;}
.join-adv-s7 dt img{width: .42rem; display: block; margin: auto;}
.join-adv-s7 dd{width: 100%; display: block; font-size: .18rem; line-height: .42rem; color: #333; float: left; text-align: center;}
.join-plan-s1{width: 100%; display: block;}
.join-plan-s1 .left,.join-plan-s1 .right{width: 50%; display: block;}
.join-plan-s1 .left{ padding-top: .54rem; padding-bottom: .56rem;}
.join-plan-s1 .left img{width: 6.14rem; height: 4.74rem; display: block; margin-left: -.58rem; }
.join-plan-s1 .right{padding-left: .68rem; padding-top: 1.13rem; position: relative;}
.join-plan-s1 h3{width: 100%; display: block; font-size: .42rem; line-height: .42rem; font-weight: bold; color: #333; margin-bottom: .75rem;}
.join-plan-s1 dl{width: 100%; display: block; font-size: 0; margin-bottom: .36rem;}
.join-plan-s1 dd{width: auto; font-size: .18rem; line-height: .18rem; color: #444444; display: inline-block;}
.join-plan-s1 dd span{width: auto; line-height: .48rem; font-size: .48rem; color: #008cd5; font-weight: bold; display: inline-flex}
.join-plan-s1 dd:first-child{width: 2.17rem;}
.join-plan-s1 dd label{width: auto; font-size: .36rem; line-height: .36rem; color: #008cd5; font-weight: bold;}
.join-plan-s1 p{width: 100%; font-size: .14rem; line-height: .22rem; color: #666666; margin-bottom: 2.17rem;}
.join-plan-s1 .icon{width: 1.8rem; height: 1.25rem; display: block; background: url("../images/join-plan-s1-2.png") no-repeat; position: absolute; bottom: .9rem; right: .16rem;}
.join-plan .title{width: 100%; display: block; text-align: center; font-size: 0;}
.join-plan .title h4{width: 100%; display: block; font-size: .28rem; line-height: .28rem; color: #333333; margin-bottom: .19rem; position: relative;}
.join-plan .title h3{width: 100%; display: inline-block; font-size: .42rem; line-height: .42rem; color: #333333; margin-bottom: .15rem; position: relative; font-weight: bold;}
.join-plan .title p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #666; margin-bottom: .47rem;}
.join-plan-s2{width: 100%; display: block; background: #edeff3; padding-top: .75rem; padding-bottom: .9rem;}
.join-plan-s2 .item{width: 33.33334%; display: block; float: left; text-align: center;}
.join-plan-s2 .item .icon{width: 1.28rem; height: 1.28rem; display: block; margin:0 auto .2rem;}
.join-plan-s2 .item h3{width: 100%; display: block; font-size: .26rem; line-height: .34rem; color: #444; text-transform: capitalize; margin-bottom: .2rem;}
.join-plan-s2 .item p{width: 100%; font-size: .14rem; line-height: .22rem; color: #666666;}
.join-plan-s2 .title h3:after{content: ''; width: .86rem; height: .86rem; display: block; background: url("../images/join-adv-s5-icon-1.png") no-repeat 100%; position: absolute; right: -1.07rem; top: -.4rem;}
.join-plan-s2 .title h3{width: auto; display: inline-block;}
.join-plan-s3 .title h4{width: auto; display: inline-block; }
.join-plan-s3 .title h4,.join-plan-s3 .title h3{color: #fff;}
.join-plan-s3 .title p{color: #dddddd;}
.join-plan-s3 .title h4:after{content: ''; width: .86rem; height: .86rem; display: block; background: url("../images/join-adv-s5-icon-1.png") no-repeat 100%; position: absolute; right: -1.07rem; top: -.57rem;}
.join-plan-s3{width: 100%; display: block; height: 6.59rem;background: url("../images/join-plan-s3-bg.jpg") no-repeat center center /cover; padding-top: 1.18rem;}
.join-plan-s3 dl{width: 100%; display: block; font-size:0; text-align: center; color: #fff;}
.join-plan-s3 dd{width: 3.27rem; height: 1.78rem; border: .01rem solid #888888; text-align: center; display: inline-block; margin-left: .19rem; margin-right: .19rem; padding-top: .42rem; transition: all 0.3s ease-in-out;}
.join-plan-s3 dd h4{width: 100%; display: block; font-size: .24rem; line-height: .24rem; font-weight: bold; margin-bottom: .25rem;}
.join-plan-s3 dd p{width: 100%; display: block; font-size: .14rem; line-height: .24rem; color: #dddddd;}
.join-plan-s3 dd:hover{background: #008cd5; border:0;}
.join-plan-s4{width: 100%; display: block; background: #edeff3; padding-top: 1.36rem; padding-bottom: 1.7rem;}
.join-plan-s4 .title h3{margin-bottom: .73rem;}
.join-plan-s4 .title h4{width: auto; display: inline-block;}
.join-plan-s4 .title h4::after{content: ''; width: .86rem; height: .86rem; display: block; background: url("../images/join-adv-s5-icon-1.png") no-repeat 100%; position: absolute; right: -1.07rem; top: -.57rem;}
.join-plan-s4 .block{width: 3.69rem; height: 2.67rem; display: block; margin:2.3rem auto 0; background: url("../images/join-plan-s4-1.png") no-repeat 100%; padding-top: .8rem; text-align: center; position: relative;}
.join-plan-s4 .block h3{width: 100%; display: block; font-size: .24rem; line-height: .3rem; color: #333; margin-bottom: .1rem; font-weight: bold;}
.join-plan-s4 .block em{width: 100%; display: block; font-size: .2rem; line-height: .2rem; color: #3c3a3a; text-transform: uppercase;}
.join-plan-s4 .item{width: 2.51rem; height: 2.51rem; display: block; border-radius: 1.26rem; position: absolute; text-align: center; font-size: 0; padding-top: .42rem; transition: all 0.3s ease-in-out;}
.join-plan-s4 .item:hover{transform: translateY(-.05rem); box-shadow: 0.05rem 0.05rem 0.05rem #999;}
.join-plan-s4 .item-1{left: -2rem; bottom: -.6rem; background: #ca133e;}
.join-plan-s4 .item-2{top: -2.29rem; left: .58rem; background: #d4d5d8}
.join-plan-s4 .item-3{right: -2rem; bottom: -.6rem; background: #363536;}
.join-plan-s4 .item .icon{width: .5rem; height: .34rem; display: inline-block; margin-bottom: .2rem;}
.join-plan-s4 .item .icon{width: .5rem; height: .34rem; display: inline-block; margin-bottom: .2rem;}
.join-plan-s4 .item .h3{width: 100%; display: block; font-size: .26rem; line-height: .26rem; color: #fff; margin-bottom: .17rem;}
.join-plan-s4 .item .p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #fff;}
.join-plan-s4 .item-2 .h3,.join-plan-s4 .item-2 .p{color: #333;}
.join-plan-s5{width: 100%; display: block; padding-top: 1.28rem; padding-bottom: 1rem;}
.join-plan-s5 h4{width: auto!important; display: inline-block!important;}
.join-plan-s5 h4:after{content: ''; width: .86rem; height: .86rem; display: block; background: url("../images/join-adv-s5-icon-1.png") no-repeat 100%; position: absolute; right: -1.07rem; top: -.57rem;}
.join-plan-s5 .item{width: 1.75rem; height: 2.2rem; display: block; margin-left: .3rem; border:.01rem solid #888888; padding-top: .28rem;transition: all 0.3s ease-in-out; text-align: center; float: left; }
.join-plan-s5 .item:hover{transform: translateY(-.05rem); box-shadow: 0.05rem 0.05rem 0.05rem #999;}
.join-plan-s5 .item:first-child{margin-left: 0;}
.join-plan-s5 .item .num{width: 100%; display: block; font-size: .32rem; line-height: .32rem; color: #888888; margin-bottom: .16rem;}
.join-plan-s5 .item .h3{width: 100%; display: block; font-size: .2rem; line-height: .2rem; color: #008cd6; margin-bottom: .18rem;font-weight: bold;}
.join-plan-s5 .item .p{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #888;}
.join-plan-s6{width: 100%; display: block; height: 6.54rem;background: url("../images/join-plan-s6-bg.jpg") no-repeat center center /cover; padding-top: 1.07rem;}
.join-plan-s6 .container{padding-left: .3rem;}
.join-plan-s6 h3{width: 100%;display: block; font-size:.42rem; line-height: .42rem; font-weight: bold; color: #fff;}
.join-plan-s6 dl{width: 3.07rem; display: block; float: left; margin-top: .7rem;}
.join-plan-s6 dt{width: 100%; display: inline-block; font-size: .4rem; line-height: .4rem; color: #fffefe;}
.join-plan-s6 dt b{width: auto; display: inline-block; font-size: 1.04rem; line-height: 1.04rem; color: #008cd6;}
.join-plan-s6 dd{width: 100%; display: block; font-size: .14rem; line-height: .22rem; color: #fffefe;}
/*******************news*********************/
.news-banner{height: 2.0rem; background-image: url("../images/news-banner.jpg"); background-position: center center;}
.news-main{width: 100%; display: block; background: #ffffff; padding-top: .1rem; padding-bottom: .9rem;}
.news-main a.item{width: 100%; display: block; padding: .3rem .6rem .3rem .35rem; background: #edeff3; margin-bottom: .15rem;}
.news-main a.item .img{width: 3.72rem; height: 2.14rem; overflow: hidden; font-size: 0; text-align: center; float: left;}
.news-main a.item img{height: 100%; width: auto; display: inline-block;}
.news-main a.item .txt{width: calc(100% - 3.72rem); float: left; padding-top: .52rem; padding-left: .5rem;}
.news-main .txt h3{width: 100%; display: block; font-size: .2rem; line-height: .2rem; color: #333; padding-bottom: .14rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight: bold;}
.news-main .txt p{width: 100%; display: block; font-size: .14rem; height: .57rem; line-height: .24rem; color: #888888; padding-top: .14rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.news-main .txt .date{width: 100%; display: block;font-size: .16rem; line-height: .16rem; color: #888; margin-top: .1rem;}
.news-show{width: 100%; display: block; padding-top: .55rem; padding-bottom: .5rem; background: #fff;}
.news-show-main{width: 100%; display: block;background: #fff; padding:0 15% .4rem;}
.news-show-title{width: 100%; display: block; padding-bottom: .5rem;}
.news-show-title h3{width:100%; font-size: .28rem; line-height: .28rem; color: #008cd5; text-align: center; margin-bottom: .2rem; font-weight: bold;}
.news-show-title .date{width: 100%; display: block; font-size: .14rem; line-height: .14rem; color: #666; text-align: center;}
.news-show-content{width: 100%; display: block; font-size: .16rem; line-height:2em; color: #333;}
.news-show-content p{line-height: 2em; margin-bottom: 0.1rem;}
.show-pager{width: 100%; display: block; text-align: center; font-size: 0; padding-top: .45rem;}
.show-pager a{width:auto; height: .4rem; color: #333; background: #fff; text-align: center; font-size: .14rem; line-height: .4rem; margin-right: .02rem; margin-left: .02rem; display: inline-block;vertical-align:text-top; border: 0.01rem solid #c2c2c2; border-radius: .2rem; padding-left: .2rem; padding-right: .2rem;}
.show-pager a.back{width: 1.37rem; background: #008cd5; color: #fff;}
.show-pager a:hover{color: #fff; background: #008cd5;}
.show-pager a:hover span:before{background-position: 0 -.13rem;}

.product_wrap_pl{ background: #edeff3; padding-top: .5rem;}
.product_wrap{overflow: hidden; width: 12rem; margin: 0 auto;}
.product_wrap .product-nav{ width:2.5rem; margin-right: .5rem; float:left; padding-top: 0;}
.product_wrap .product-nav a{width: 100%}
.product_wrap .product-nav .container{ width:auto;}
.product_wrap .product-main{ width:9rem; float:right;}
.product_wrap .container{width:100%;}

.yellowbg .product-main .item span{ background: #fffbc7;}
.yellowbg .product-main .item img{ background: #fffbc7; padding: .2rem; padding-bottom: 0;}

.m-more_info{ background: #fff; padding:  .2rem;}

.m-more_info p{font-size: 16px; line-height: 2em; margin: .1rem 0;}

.product_wrap .product-main .item{width:24%; margin-right: 1%; margin-bottom: 0.1rem;}
.product_wrap .pager{display:none;}

.m-jianjie{ padding-top:.5rem;}

.m-product-cat .img{ border: 3px solid #fff;}
.m-gongcheng-list img{ height: 300px; object-fit: cover;}
.cat-69 img{object-fit: contain!important;}

.m-contact_content{ padding: 0 30px;}