@charset "UTF-8";
 
 .wrap{
    position:relative;
    max-width:750px
}
 .wrapper{
    width:100%;
    position:relative
}
 .bg-white{
    background:#fff
}
 .none{
    display:none
}
 *,:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
 .mark-panel{
    width:100%;
    overflow:hidden
}
 .index-page{
    background:#f8fbfd
}
 .index-page .mark-panel{
    position:absolute;
    left:0;
    top:0;
    height:100%
}
 .index-page .mark-panel:before{
    content:'';
    display:block;
    width:100%;
    height:7.14667rem;
    top:3.65333rem;
    position:absolute;
    left:0;
    background-image:url(color_bg.png);
    background-position:left top;
    background-repeat:no-repeat;
    background-size:100% auto
}
 .index-page .mark-panel .bg-panel{
    width:100%;
    overflow:hidden;
    position:relative;
    border-bottom-left-radius:1.2rem;
    -webkit-box-shadow:0 0 .86667rem rgba(41,72,118,.4);
    -moz-box-shadow:0 0 .86667rem rgba(41,72,118,.4);
    box-shadow:0 0 .86667rem rgba(41,72,118,.4);
    z-index:1
}
 .index-page .mark-panel .bg-panel:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background-image:url(img_mark.png);
    background-repeat:repeat-y;
    background-size:100% auto;
    position:absolute;
    left:0;
    top:0;
    z-index:10
}
 .index-page .mark-panel .bg-panel img{
    display:block;
    width:100%
}
 .index-page .title-panel{
    margin-top:.8rem;
    margin-bottom:.53333rem;
    height:.85333rem;
    padding:0 .4rem;
    position:relative;
    z-index:10
}
 .index-page .title-panel h2{
    float:left;
    padding-left:.8rem;
    font-size:.6rem;
    color:#314f7d;
    line-height:.85333rem;
    height:.85333rem;
    overflow:hidden;
    background-image:url(icon_h2.png);
    background-position:left center;
    background-repeat:no-repeat;
    background-size:.56rem .53333rem
}
 .index-page .title-panel a{
    display:block;
    float:right;
    padding-right:.48rem;
    line-height:.85333rem;
    height:.85333rem;
    font-size:.37333rem;
    color:#8f8f8f;
    background-image:url(icon_more.png);
    background-position:right center;
    background-repeat:no-repeat;
    background-size:.21333rem .32rem
}
 .index-page .news-title{
    height:1.54667rem;
    padding:0 .4rem 0 0;
    position:relative;
    z-index:10
}
 .index-page .news-title h2{
    float:left;
    padding-left:.66667rem;
    font-size:.6rem;
    color:#314f7d;
    line-height:1.54667rem;
    height:1.54667rem;
    overflow:hidden;
    background-image:url(title_bg.png);
    background-position:left center;
    background-repeat:no-repeat;
    background-size:.66667rem 1.54667rem
}
 .index-page .news-title a{
    display:block;
    float:right;
    padding-right:.48rem;
    line-height:1.54667rem;
    height:1.54667rem;
    font-size:.37333rem;
    color:#8f8f8f;
    background-image:url(icon_more.png);
    background-position:right center;
    background-repeat:no-repeat;
    background-size:.21333rem .32rem
}
 .index-page .font-panel{
    width:1.54667rem;
    position:absolute;
    height:100%;
    top:0;
    right:0;
    z-index:10
}
 .index-page .font-panel p{
    width:100%;
    height:.53333rem;
    line-height:.53333rem;
    font-size:.32rem;
    color:#fabaa5;
    padding-left:.10667rem;
    position:relative;
    margin-top:1.2rem
}
 .index-page .font-panel p:before{
    content:'';
    display:block;
    width:.34667rem;
    height:.34667rem;
    border-radius:100%;
    background:#f8fbfd;
    position:absolute;
    left:-.17333rem;
    top:.09333rem;
    z-index:-1
}
 .index-page .font-panel p+p{
    margin-top:2.53333rem
}
 .index-page .font-panel p+p:after{
    content:'';
    display:block;
    width:1px;
    height:1.86667rem;
    position:absolute;
    left:50%;
    top:-2.2rem;
    background:#67b0a2
}
 .power-page{
    background:#f8fbfd
}
 .power-page .wrap.power-header{
    padding-bottom:.26667rem
}
 .power-page .wrap.power-header .txt-p{
    padding:0 .8rem .26667rem;
    width:100%;
    overflow:hidden;
    font-size:.34667rem;
    line-height:.69333rem;
    color:#676767
}
 .power-page .wrap.power-header .txt-p h1{
    display:inline-block;
    font-weight:400;
    font-size:.34667rem;
    line-height:.69333rem
}
 .power-page .mark-panel{
    position:absolute;
    left:0;
    top:0;
    height:100%
}
 .power-page .mark-panel:after,.power-page .mark-panel:before{
    content:'';
    display:block;
    position:absolute;
    width:100%
}
 .power-page .mark-panel:before{
    height:5rem;
    background-image:url(power_mark.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    background-size:100% auto;
    left:0;
    top:0;
    z-index:2;
    border-bottom-left-radius:1.2rem;
    -webkit-box-shadow:0 0 .06667rem rgba(43,83,143,.28);
    -moz-box-shadow:0 0 .06667rem rgba(43,83,143,.28);
    box-shadow:0 0 .06667rem rgba(43,83,143,.28)
}
 .power-page .mark-panel:after{
    left:0;
    bottom:.26667rem;
    top:2.13333rem;
    border-radius:0 0 .8rem .8rem;
    -webkit-box-shadow:0 0 .21333rem rgba(55,118,211,.17);
    -moz-box-shadow:0 0 .21333rem rgba(55,118,211,.17);
    box-shadow:0 0 .21333rem rgba(55,118,211,.17),1px -1px 1px rgba(184,207,242,.5) inset
}
 .power-page .wrap .breadcrumb{
    margin-bottom:.26667rem
}
 .power-page .wrap>p{
    width:100%;
    overflow:hidden;
    font-size:.34667rem;
    line-height:.69333rem;
    color:#676767;
    padding:0 .4rem .26667rem
}
 .contact-page{
    background:#f8fbfd
}
 .contact-page .mark-panel{
    position:absolute;
    left:0;
    top:0;
    height:100%
}
 .contact-page .mark-panel img{
    display:block;
    width:100%
}
 .contact-page .header .logo{
    margin:.48rem 0 0 .96rem
}
 .contact-page .wrap .breadcrumb{
    margin-left:.56rem
}
 .about-page{
    background:#f8fbfd
}
 .about-page .wrap.about-header{
    padding-bottom:.26667rem
}
 .about-page .wrap.about-header .txt-p{
    padding:0 .8rem .26667rem;
    width:100%;
    overflow:hidden;
    font-size:.34667rem;
    line-height:.69333rem;
    color:#676767;
    position:relative;
    z-index:10
}
 .about-page .wrap.about-header .txt-p h1{
    display:inline-block;
    font-size:.34667rem;
    font-weight:400
}
 .about-page .mark-panel{
    position:absolute;
    left:0;
    top:0;
    height:100%
}
 .about-page .mark-panel:after,.about-page .mark-panel:before{
    content:'';
    display:block;
    position:absolute
}
 .about-page .mark-panel:before{
    width:6.58667rem;
    height:9.06667rem;
    background-image:url(about_mark.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    background-size:100% auto;
    left:0;
    top:0;
    z-index:2;
    border-bottom-right-radius:1.2rem;
    -webkit-box-shadow:0 0 .06667rem rgba(43,83,143,.28);
    -moz-box-shadow:0 0 .06667rem rgba(43,83,143,.28);
    box-shadow:0 0 .06667rem rgba(43,83,143,.28)
}
 .about-page .mark-panel:after{
    left:0;
    right:.4rem;
    bottom:.26667rem;
    top:5.86667rem;
    border-radius:0 0 .8rem .8rem;
    -webkit-box-shadow:0 0 .21333rem rgba(55,118,211,.17);
    -moz-box-shadow:0 0 .21333rem rgba(55,118,211,.17);
    box-shadow:0 0 .21333rem rgba(55,118,211,.17),1px -1px 1px rgba(184,207,242,.5) inset
}
 .about-page .years-panel{
    position:relative;
    z-index:10;
    height:1.06667rem;
    line-height:1.06667rem;
    font-size:.42667rem;
    font-weight:700;
    color:#658bc4;
    padding-left:1.68rem;
    margin-bottom:.4rem
}
 .about-page .years-panel:before{
    content:'';
    display:block;
    height:.02667rem;
    width:1.01333rem;
    background:#658bc4;
    left:.53333rem;
    top:50%;
    position:absolute
}
 .about-page .wrap>p{
    width:100%;
    overflow:hidden;
    font-size:.34667rem;
    line-height:.69333rem;
    color:#676767;
    padding:0 .4rem .26667rem;
    position:relative;
    z-index:10
}
 .breadcrumb{
    margin-top:-.29333rem;
    padding:0 .4rem;
    position:relative;
    z-index:200;
    line-height:0;
    font-size:0;
    overflow:hidden
}
 .breadcrumb a,.breadcrumb span{
    display:inline-block;
    line-height:.48rem;
    height:.48rem;
    font-size:.34667rem;
    color:#bdcee7;
    margin-right:.34667rem;
    position:relative
}
 .breadcrumb a+a:before,.breadcrumb span:before{
    content:'';
    display:block;
    width:.10667rem;
    height:.10667rem;
    border-radius:100%;
    position:absolute;
    left:-.22667rem;
    top:50%;
    margin-top:-.05333rem;
    background:#bdcee7
}
 .product-page:before{
    content:'';
    display:block;
    position:absolute;
    width:10rem;
    height:4.8rem;
    background-color:#f3f6f9;
    background-image:url(product_mark.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    background-size:100% auto;
    left:50%;
    margin-left:-5rem;
    top:0
}
 .product-page .list-content{
    width:100%;
    background:#fff;
    overflow:hidden;
    border-top-right-radius:.8rem;
    padding:.4rem .4rem .26667rem;
    margin-top:.4rem
}
 .product-page .list-content .cate-list{
    width:100%;
    padding:.06667rem;
    background:#eeeef0;
    overflow:hidden;
    line-height:0;
    font-size:0;
    border-radius:.2rem
}
 .product-page .list-content .cate-list li{
    width:15%;
    float:left;
    height:.85333rem;
    overflow:hidden
}
 .product-page .list-content .cate-list li a{
    display:block;
    height:.85333rem;
    line-height:.85333rem;
    border-radius:.2rem;
    color:#3e3e3e;
    font-size:.37333rem;
    text-align:center
}
 .product-page .list-content .cate-list li+li{
    width:25%
}
 .product-page .list-content .cate-list li+li+li{
    width:15%
}
 .product-page .list-content .cate-list li.on a{
    background:#fff
}
 .product-page .list-content .pro-list-1{
    width:100%;
    overflow:hidden;
    padding-top:.29333rem
}
 .product-page .list-content .pro-list-1 li{
    width:100%;
    margin-top:.4rem;
    padding-bottom:.10667rem;
    position:relative
}
 .product-page .list-content .pro-list-1 li:after{
    content:'';
    clear:both;
    width:100%;
    display:block
}
 .product-page .list-content .pro-list-1 li .pro-info{
    position:absolute;
    left:0;
    top:.26667rem;
    right:1.33333rem;
    bottom:0;
    padding:1px 0 1px .05333rem
}
 .product-page .list-content .pro-list-1 li .pro-info:after,.product-page .list-content .pro-list-1 li .pro-info:before{
    content:'';
    display:block;
    position:absolute;
    border-radius:.21333rem
}
 .product-page .list-content .pro-list-1 li .pro-info:before{
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:#3b73c6;
    background:-webkit-linear-gradient(left,#3b73c6,#fff);
    background:-moz-linear-gradient(to right,#3b73c6,#fff);
    background:-o-linear-gradient(to right,#3b73c6,#fff);
    background:linear-gradient(to right,#3b73c6,#fff)
}
 .product-page .list-content .pro-list-1 li .pro-info:after{
    left:.05333rem;
    top:1px;
    bottom:1px;
    right:0;
    background-color:#fff;
    z-index:1
}
 .product-page .list-content .pro-list-1 li .pro-info .info-content{
    position:relative;
    z-index:2;
    width:5.06667rem;
    height:100%;
    float:left;
    border-radius:.21333rem;
    overflow:hidden;
    background-image:url(list_font_mark.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    -webkit-background-size:100% auto;
    background-size:100% auto
}
 .product-page .list-content .pro-list-1 li .pro-info .info-content .txt-title{
    width:100%;
    line-height:0;
    font-size:0;
    margin-bottom:.21333rem
}
 .product-page .list-content .pro-list-1 li .pro-info .info-content .txt-title a{
    display:inline-block;
    height:.66667rem;
    line-height:.66667rem;
    font-size:.4rem;
    font-weight:700;
    background:#ff7747;
    padding:0 .4rem;
    border-radius:.21333rem 0;
    overflow:hidden;
    color:#fff;
    box-shadow:0 .04rem .04rem rgba(31,70,148,.26),-.04rem 0 .04rem rgba(0,0,0,.1) inset
}
 .product-page .list-content .pro-list-1 li .pro-info .info-content p{
    width:100%;
    height:.66667rem;
    line-height:.66667rem;
    padding:0 0 0 .26667rem;
    font-size:.34667rem;
    color:#6a788d;
    overflow:hidden
}
 .product-page .list-content .pro-list-1 li .pro-info .info-content p span{
    font-weight:700;
    color:#5988d1
}
 .product-page .list-content .pro-list-1 li .pro-img{
    width:4.05333rem;
    float:right;
    border-radius:.13333rem;
    border:.02667rem solid #fff;
    overflow:hidden;
    -webkit-box-shadow:.04rem .04rem .04rem rgba(35,105,228,.16);
    -moz-box-shadow:.04rem .04rem .04rem rgba(35,105,228,.16);
    box-shadow:.04rem .04rem .04rem rgba(35,105,228,.16);
    position:relative;
    z-index:4
}
 .product-page .list-content .pro-list-1 li .pro-img a{
    display:block;
    width:100%;
    overflow:hidden
}
 .product-page .list-content .pro-list-1 li .pro-img a img{
    display:block;
    width:100%
}
 .product-page .list-content .page-panel{
    margin-top:.4rem
}
 .news-page,.product-page{
    background:#fff
}
 .news-page .header .btn-nav,.product-page .header .btn-nav{
    background:#f8fbfd;
    -webkit-box-shadow:0 0 .32rem rgba(37,111,221,.2);
    -moz-box-shadow:0 0 .32rem rgba(37,111,221,.2);
    box-shadow:0 0 .32rem rgba(37,111,221,.2)
}
 .news-page .header .btn-nav>span:before,.product-page .header .btn-nav>span:before{
    background-image:url(icon_nav2.png)
}
 .news-page.detail,.product-page.detail{
    background:#f8fbfd
}
 
 .swiper-category{
    width:100%;
    height:2.53333rem;
    margin-top:.26667rem;
    overflow:hidden;
    position:relative;
    padding-left:.4rem
}
 .swiper-category:after{
    content:'';
    display:block;
    bottom:0;
    right:0;
    height:1px;
    position:absolute;
    background:#d6dceb;
    left:.4rem
}
 .swiper-category .swiper-slide{
    padding:.53333rem 0;
    position:relative;
    width:auto
}
 .swiper-category .swiper-slide a{
    display:block;
    width:2.48rem;
    border:1px solid #fff;
    -webkit-box-shadow:0 .04rem .08rem rgba(49,81,126,.45);
    -moz-box-shadow:0 .04rem .08rem rgba(49,81,126,.45);
    box-shadow:0 .04rem .08rem rgba(49,81,126,.45);
    overflow:hidden;
    border-radius:.26667rem;
    position:relative;
    margin:0 .26667rem 0 0
}
 .swiper-category .swiper-slide a img{
    display:block;
    width:100%;
    border-radius:.26667rem
}
 .swiper-category .swiper-slide a span{
    display:block;
    width:100%;
    height:100%;
    text-align:center;
    line-height:1.46667rem;
    background-image:url(category_mark.png);
    background-position:left top;
    background-repeat:no-repeat;
    background-size:100% 100%;
    position:absolute;
    left:0;
    top:0;
    z-index:10;
    color:#fff;
    font-size:.37333rem;
    font-weight:700
}
 .pro-list{
    padding:.26667rem .29333rem;
    overflow:hidden;
    position:relative;
    z-index:10
}
 .pro-list li{
    padding:.29333rem .10667rem;
    width:50%;
    float:left;
    overflow:hidden
}
 .pro-list li .item-product{
    display:block;
    border:1px solid #fff;
    width:100%;
    padding:.08rem;
    background:#f2f7fa;
    background:-webkit-linear-gradient(#f2f7fa,#f4f8fa);
    background:-moz-linear-gradient(#f2f7fa,#f4f8fa);
    background:linear-gradient(#f2f7fa,#f4f8fa);
    border-radius:.26667rem;
    overflow:hidden;
    -webkit-box-shadow:0 0 .08rem rgba(40,111,223,.24);
    -moz-box-shadow:0 0 .08rem rgba(40,111,223,.24);
    box-shadow:0 0 .08rem rgba(40,111,223,.24)
}
 .pro-list li .item-product img{
    display:block;
    width:100%;
    border-radius:.2rem;
    overflow:hidden;
    -webkit-box-shadow:0 .06667rem .06667rem rgba(52,82,129,.14);
    -moz-box-shadow:0 .06667rem .06667rem rgba(52,82,129,.14);
    box-shadow:0 .06667rem .06667rem rgba(52,82,129,.14)
}
 .pro-list li .item-product span{
    display:block;
    width:100%;
    overflow:hidden;
    padding:0 .4rem;
    height:.53333rem;
    line-height:.53333rem
}
 .pro-list li .item-product .txt-title{
    font-size:.37333rem;
    color:#345281;
    font-weight:700;
    margin-top:.4rem;
    margin-bottom:.13333rem
}
 .pro-list li .item-product .txt-des{
    font-size:.34667rem;
    color:#929292;
    margin-bottom:.4rem
}
 .swiper-solution{
    margin:.4rem 0 0 0;
    overflow:hidden;
    position:relative;
    z-index:10;
    padding-bottom:.53333rem
}
 .swiper-solution .swiper-slide{
    width:8.8rem;
    padding:0 .26667rem 0 .4rem
}
 .swiper-solution .swiper-slide .hot-font{
    width:100%;
    height:.98667rem;
    position:relative;
    z-index:10
}
 .swiper-solution .swiper-slide .hot-font .txt-title{
    display:block;
    width:100%;
    padding-left:.8rem;
    line-height:.90667rem;
    height:.90667rem;
    overflow:hidden;
    font-size:.42667rem;
    color:#717070
}
 .swiper-solution .swiper-slide .hot-font .swt{
    width:1.22667rem;
    height:3.14667rem;
    background-image:url(tag_bg_02.png);
    background-position:left top;
    background-size:100% auto;
    background-repeat:no-repeat;
    position:absolute;
    right:.48rem;
    top:0
}
 .swiper-solution .swiper-slide .hot-font .swt i{
    display:block;
    width:1.06667rem;
    height:1.06667rem;
    border-radius:100%;
    border:.06667rem solid #2a4b7b;
    overflow:hidden;
    background-image:url(zx_pic.png);
    background-position:left top;
    background-repeat:no-repeat;
    background-size:100% 100%;
    margin:.13333rem auto
}
 .swiper-solution .swiper-slide .hot-font .swt span{
    display:block;
    width:.42667rem;
    margin:0 auto;
    line-height:.37333rem;
    font-size:.34667rem;
    color:#f5ce9b;
    text-align:center;
    font-weight:400
}
 .swiper-solution .swiper-slide .solution-body{
    width:100%;
    background:#f4f8fa;
    background:-webkit-linear-gradient(#f4f8fa,#f2f7fa);
    background:-moz-linear-gradient(#f4f8fa,#f2f7fa);
    background:linear-gradient(#f4f8fa,#f2f7fa);
    -webkit-box-shadow:0 -.13333rem .13333rem rgba(40,111,223,.1);
    -moz-box-shadow:0 -.13333rem .13333rem rgba(40,111,223,.1);
    box-shadow:0 -.13333rem .13333rem rgba(40,111,223,.1);
    border-radius:.66667rem;
    border:1px solid #fff;
    overflow:hidden;
    position:relative
}
 .swiper-solution .swiper-slide .solution-body p{
    width:100%;
    height:1.54667rem;
    overflow:hidden;
    padding:.53333rem .53333rem .4rem .93333rem;
    line-height:.48rem;
    font-size:.32rem;
    color:#9d9999
}
 .swiper-solution .swiper-slide .solution-body p:before{
    content:'';
    display:block;
    width:.24rem;
    height:.26667rem;
    position:absolute;
    left:.53333rem;
    top:.64rem;
    background-image:url(icon_04.png);
    background-position:left top;
    background-repeat:no-repeat;
    background-size:100% 100%
}
 .swiper-solution .swiper-slide .solution-body p span{
    color:#3a3a3a;
    font-weight:700
}
 .swiper-solution .swiper-slide .solution-body .solution-img{
    width:100%;
    overflow:hidden;
    background:#fff;
    width:100%;
    border-radius:.66667rem;
    -webkit-box-shadow:0 0 .2rem rgba(51,83,131,.12);
    -moz-box-shadow:0 0 .2rem rgba(51,83,131,.12);
    box-shadow:0 0 .2rem rgba(51,83,131,.12)
}
 .swiper-solution .swiper-slide .solution-body .solution-img a{
    display:block;
    width:100%;
    overflow:hidden;
    border-radius:.66667rem
}
 .swiper-solution .swiper-slide .solution-body .solution-img a img{
    display:block;
    width:100%
}
 .index-list .mark-panel{
    position:absolute;
    width:100%;
    left:0;
    top:0;
    height:100%
}
 .index-list .mark-panel:after,.index-list .mark-panel:before{
    content:'';
    display:block;
    width:100%;
    position:absolute;
    left:0
}
 .index-list .mark-panel:before{
    height:2.66667rem;
    top:2.16rem;
    background-image:url(bg_mark.png);
    background-position:left top;
    background-repeat:no-repeat;
    background-size:100% auto
}
 .index-list .mark-panel:after{
    top:4.82667rem;
    bottom:3.6rem;
    background:#e8f0fb;
    opacity:.6
}
 .hot-news{
    width:100%;
    overflow:hidden;
    position:relative;
    padding-right:1.54667rem
}
 .hot-news .news-list{
    width:100%;
    background:#fff;
    border-radius:0 .4rem 0 0;
    padding:0 .4rem .53333rem .4rem;
    overflow:hidden
}
 .hot-news .news-list li{
    margin-top:.53333rem;
    overflow:hidden
}
 .hot-news .news-list li p{
    width:100%;
    height:.74667rem;
    overflow:hidden
}
 .hot-news .news-list li p a{
    display:block;
    float:left;
    height:.74667rem;
    border-radius:.13333rem .13333rem 0 0;
    padding:0 .2rem;
    font-size:.32rem;
    color:#fff;
    line-height:.58667rem;
    background:#f76737
}
 .hot-news .news-list li .item-news{
    display:block;
    width:100%;
    margin-top:-.16rem;
    position:relative;
    z-index:10;
    overflow:hidden;
    padding-left:3.86667rem
}
 .hot-news .news-list li .item-news .news-img{
    display:block;
    width:3.46667rem;
    overflow:hidden;
    border-radius:.13333rem;
    position:absolute;
    left:0;
    top:0
}
 .hot-news .news-list li .item-news .news-img img{
    display:block;
    width:100%
}
 .hot-news .news-list li .item-news .news-time,.hot-news .news-list li .item-news .news-title{
    display:block;
    width:100%;
    overflow:hidden
}
 .hot-news .news-list li .item-news .news-title{
    height:1.17rem;
    padding:.05333rem 0;
    line-height:.58667rem;
    font-size:.34667rem;
    color:#424141
}
 .hot-news .news-list li .item-news .news-time{
    margin-top:.24rem;
    height:.42667rem;
    padding-left:.42667rem;
    line-height:.42667rem;
    overflow:hidden;
    font-size:.29333rem;
    color:#787878;
    position:relative
}
 .hot-news .news-list li .item-news .news-time:before{
    content:'';
    display:block;
    width:.21333rem;
    height:.21333rem;
    position:absolute;
    left:.10667rem;
    top:.10667rem;
    background-image:url(icon_lock.png);
    background-position:left top;
    background-repeat:no-repeat;
    background-size:100% 100%
}
 .other-news{
    width:100%;
    -webkit-box-shadow:0 .06667rem .06667rem rgba(72,110,166,.12);
    -moz-box-shadow:0 .06667rem .06667rem rgba(72,110,166,.12);
    box-shadow:0 .06667rem .06667rem rgba(72,110,166,.12);
    overflow:hidden;
    padding:0 .4rem .4rem
}
 .other-news .news-list{
    width:100%;
    overflow:hidden
}
 .other-news .news-list li{
    width:100%;
    overflow:hidden;
    margin-top:.4rem
}
 .other-news .news-list li a{
    display:block;
    position:relative;
    padding:0 2.66667rem 0 .4rem;
    height:.64rem;
    line-height:0;
    font-size:0
}
 .other-news .news-list li a:before{
    content:'';
    display:block;
    width:.16rem;
    height:.16rem;
    background-image:url(icon_circle.png);
    background-position:left top;
    background-repeat:no-repeat;
    background-size:100% 100%;
    position:absolute;
    left:0;
    top:.24rem
}
 .other-news .news-list li a span{
    display:block;
    height:.64rem;
    line-height:.64rem
}
 .other-news .news-list li a .txt-news{
    width:100%;
    font-size:.34667rem;
    color:#3a3a3a
}
 .other-news .news-list li a .txt-time{
    width:2.66667rem;
    text-align:right;
    font-size:.29333rem;
    color:#787878;
    position:absolute;
    right:0;
    top:0
}
 .power-banner{
    width:100%;
    overflow:hidden;
    padding:0;
    position:relative;
    z-index:10
}
 .power-banner span{
    display:block;
    width:100%;
    overflow:hidden;
    padding:.21333rem .4rem .4rem;
    position:relative
}
 .power-banner span:after,.power-banner span:before{
    content:'';
    display:block;
    border-radius:.53333rem;
    position:absolute;
    height:60%
}
 .power-banner span:before{
    z-index:1;
    left:1.06667rem;
    right:1.06667rem;
    background:#325fa4;
    top:0
}
 .power-banner span:after{
    z-index:2;
    left:.6rem;
    right:.6rem;
    background:#2857a1;
    top:.10667rem
}
 .power-banner span img{
    display:block;
    width:100%;
    border-radius:.53333rem;
    position:relative;
    z-index:3;
    -webkit-box-shadow:0 .06667rem .2rem rgba(44,103,192,.23);
    -moz-box-shadow:0 .06667rem .2rem rgba(44,103,192,.23);
    box-shadow:0 .06667rem .2rem rgba(44,103,192,.23)
}
 .server-list{
    padding:.13333rem .2rem .26667rem;
    overflow:hidden
}
 .server-list li{
    width:50%;
    margin-top:.42667rem;
    float:left;
    height:2.56rem;
    position:relative
}
 .server-list li:before{
    content:'';
    display:block;
    width:4.84rem;
    height:2.56rem;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-2.42667rem;
    background-image:url(server_bg.png);
    background-position:center top;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%
}
 .server-list li .tip,.server-list li p{
    position:relative;
    z-index:2
}
 .server-list li .tip{
    height:.8rem;
    line-height:.8rem;
    text-align:center;
    font-size:.34667rem;
    color:#c29070
}
 .server-list li .tip span{
    font-weight:700;
    font-size:.45333rem;
    color:#c29070;
    font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
    margin-right:.06667rem
}
 .server-list li p{
    width:100%;
    text-align:center;
    height:.64rem;
    margin-top:.58667rem
}
 .server-list li p strong{
    font-weight:700;
    line-height:.64rem;
    font-size:.37333rem;
    color:#2b538f
}
 .other-h2{
    width:100%;
    padding:.13333rem .4rem;
    overflow:hidden;
    text-align:center;
    margin-bottom:.4rem
}
 .other-h2 span{
    display:block;
    width:100%;
    text-align:center;
    height:.42667rem;
    line-height:.42667rem;
    font-size:.29333rem;
    color:#a5a5a5;
    letter-spacing:.10667rem
}
 .other-h2 h2{
    display:inline-block;
    position:relative;
    height:.93333rem;
    line-height:.8rem;
    font-size:.50667rem;
    color:#3367a5;
    font-weight:600
}
 .other-h2 h2:after{
    content:'';
    display:block;
    left:50%;
    width:1.70667rem;
    margin-left:-.85333rem;
    position:absolute;
    height:.06667rem;
    border-radius:.05333rem;
    background:#bf8e6e;
    bottom:0
}
 .pj-list{
    padding:0 .2rem .4rem;
    overflow:hidden
}
 .pj-list li{
    width:50%;
    float:left;
    padding:.2rem;
    overflow:hidden
}
 .pj-list li .item-pj{
    width:100%;
    overflow:hidden;
    border-radius:.26667rem;
    padding:.02667rem;
    position:relative;
    -webkit-box-shadow:0 .06667rem .06667rem rgba(37,122,222,.2);
    -moz-box-shadow:0 .06667rem .06667rem rgba(37,122,222,.2);
    box-shadow:0 .06667rem .06667rem rgba(37,122,222,.2)
}
 .pj-list li .item-pj:before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#3367a5;
    background:-webkit-linear-gradient(#fff 20%,#3367a5);
    background:-moz-linear-gradient(#fff 20%,#3367a5);
    background:linear-gradient(#fff 20%,#3367a5)
}
 .pj-list li .item-pj:after{
    content:'';
    display:block;
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute;
    -webkit-box-shadow:0 0 .05333rem rgba(255,255,255,.4) inset;
    -moz-box-shadow:0 0 .05333rem rgba(255,255,255,.4) inset;
    box-shadow:0 0 .05333rem rgba(255,255,255,.4) inset;
    z-index:3
}
 .pj-list li .item-pj img{
    display:block;
    width:100%;
    border-radius:.26667rem;
    position:relative;
    z-index:2
}
 .power-list{
    width:100%;
    padding:0 .06667rem .26667rem;
    margin-top:-.4rem;
    overflow:hidden
}
 .power-list li{
    width:50%;
    float:left;
    padding:.45333rem .33333rem 0;
    margin-top:.53333rem
}
 .power-list li .item-power{
    border:.13333rem solid #2e4659;
    background:#fff;
    -webkit-box-shadow:0 .06667rem .13333rem rgba(24,89,196,.16);
    -moz-box-shadow:0 .06667rem .13333rem rgba(24,89,196,.16);
    box-shadow:0 .06667rem .13333rem rgba(24,89,196,.16);
    position:relative;
    padding:.4rem 0
}
 .power-list li .item-power dt{
    position:absolute;
    width:1.06667rem;
    height:.72rem;
    left:50%;
    margin-left:-.53333rem;
    top:-.57333rem
}
 .power-list li .item-power dt img{
    display:block;
    width:100%;
    height:100%
}
 .power-list li .item-power dd{
    width:100%
}
 .power-list li .item-power dd strong{
    display:block;
    width:100%;
    position:relative;
    line-height:.53333rem;
    text-align:center;
    font-weight:700;
    color:#2b538f;
    font-size:.37333rem;
    padding-bottom:.21333rem;
    margin-bottom:.33333rem
}
 .power-list li .item-power dd strong:after,.power-list li .item-power dd strong:before{
    content:'';
    display:block;
    position:absolute
}
 .power-list li .item-power dd strong:before{
    z-index:1;
    height:1px;
    left:.64rem;
    right:.64rem;
    bottom:2px;
    background:#e8d8cb
}
 .power-list li .item-power dd strong:after{
    z-index:2;
    width:.64rem;
    height:5px;
    background:#805c3e;
    bottom:0;
    left:50%;
    margin-left:-.32rem
}
 .power-list li .item-power dd p{
    width:100%;
    text-align:center;
    height:.53333rem;
    line-height:.53333rem;
    font-size:.34667rem;
    color:#747475
}
 .contact-info{
    width:100%;
    padding-bottom:.48rem;
    position:relative;
    z-index:10
}
 .contact-info .contact-pic{
    width:3.73333rem;
    height:3.73333rem;
    margin:-.37333rem auto .4rem;
    position:relative;
    overflow:hidden;
    padding:.12rem;
    clear:both
}
 .contact-info .contact-pic:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background-image:url(contact_circle.png);
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    position:absolute;
    left:0;
    top:0
}
 .contact-info .contact-pic a{
    display:block;
    width:100%;
    height:100%;
    border-radius:100%;
    overflow:hidden;
    position:relative;
    z-index:2
}
 .contact-info .contact-pic a img{
    display:block;
    width:100%;
    height:100%;
    border-radius:100%
}
 .contact-info .txt-p{
    width:3.41333rem;
    height:.74667rem;
    line-height:.74667rem;
    margin:0 auto .45333rem;
    text-align:center;
    color:#fff;
    font-size:.42667rem;
    background-image:url(font_line_bg.png);
    background-position:left top;
    background-repeat:no-repeat;
    background-size:100% 100%;
    font-weight:400
}
 .contact-info .font-list{
    padding:0 .53333rem .4rem;
    overflow:hidden
}
 .contact-info .font-list li{
    width:33.333333%;
    float:left;
    overflow:hidden
}
 .contact-info .font-list li h4,.contact-info .font-list li p{
    height:.53333rem;
    line-height:.53333rem;
    text-align:center;
    overflow:hidden
}
 .contact-info .font-list li h4{
    font-size:.42667rem;
    color:#f26852;
    font-weight:700
}
 .contact-info .font-list li p{
    margin:.13333rem 0;
    font-size:.34667rem;
    color:#87aeea;
    position:relative
}
 .contact-info .font-list li+li p:before{
    content:'';
    display:block;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    width:1px;
    background:#d0e1fa;
    background:-webkit-linear-gradient(#2b5594,#d0e1fa,#2b5594);
    background:-moz-linear-gradient(#2b5594,#d0e1fa,#2b5594);
    background:linear-gradient(#2b5594,#d0e1fa,#2b5594)
}
 .contact-info .contact-address{
    width:100%;
    height:2.21333rem;
    padding:.4rem .32rem .13333rem 3.06667rem;
    overflow:hidden;
    position:relative
}
 .contact-info .contact-address>a{
    display:block;
    position:absolute;
    left:.48rem;
    width:2.05333rem;
    height:2.05333rem;
    border-radius:100%;
    top:0;
    border:.05333rem solid #3267b4;
    background:#fff;
    text-align:center;
    font-size:.34667rem;
    color:#2c5797;
    font-weight:700;
    line-height:.53333rem;
    padding-top:.4rem
}
 .contact-info .contact-address>a span{
    font-size:.61333rem;
    color:#f26852;
    font-weight:700;
    font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif
}
 .contact-info .contact-address p{
    width:100%;
    height:.8rem;
    line-height:.8rem;
    overflow:hidden;
    font-size:.34667rem;
    color:#7f7f7f
}
 .contact-info .contact-address p a{
    font-size:.45333rem;
    color:#444;
    font-weight:700
}
 .contact-info .contact-address p span{
    font-size:.34667rem;
    color:#444
}
 .contact-info .btn-swt{
    width:100%;
    overflow:hidden
}
 .contact-info .btn-swt a{
    display:block;
    float:right;
    width:3.17333rem;
    height:1.02667rem;
    line-height:1.01333rem;
    color:#fff;
    text-align:center;
    padding-left:.13333rem;
    font-size:.48rem;
    font-weight:700
}
 .about-banner{
    width:100%;
    padding:.4rem .4rem 0;
    position:relative;
    z-index:10;
    margin-top:-.08rem
}
 .about-banner span{
    display:block;
    width:100%;
    border-radius:.2rem;
    overflow:hidden
}
 .about-banner span img{
    display:block;
    width:100%
}
 .about-content{
    overflow:hidden
}
 .about-panel{
    width:100%;
    overflow:hidden;
    position:relative;
    margin-bottom:.33333rem
}
 .about-panel>img{
    display:block;
    width:100%
}
 .about-panel .about-wrap{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:10;
    padding:.45333rem 0 0 0;
    overflow:hidden
}
 .about-panel .about-wrap .txt-p{
    width:100%;
    overflow:hidden;
    font-size:.34667rem;
    line-height:.58667rem;
    color:#676767;
    padding:0 .4rem 0 2.26667rem
}
 .swiper-about{
    overflow:hidden;
    position:relative;
    z-index:10;
    padding-bottom:.4rem
}
 .swiper-about .swiper-slide{
    width:8.66667rem;
    position:relative
}
 .swiper-about .swiper-slide>span{
    padding:0 .13333rem .66667rem .4rem;
    display:block;
    width:100%;
    overflow:hidden
}
 .swiper-about .swiper-slide>span img{
    display:block;
    width:100%;
    border-radius:.26667rem
}
 .swiper-about .swiper-slide .slide-title{
    position:absolute;
    width:100%;
    padding:.13333rem .4rem .26667rem .4rem;
    overflow:hidden;
    text-align:right;
    line-height:0;
    font-size:0;
    left:0;
    bottom:0
}
 .swiper-about .swiper-slide .slide-title p{
    display:inline-block;
    height:.8rem;
    background:#fff;
    border-radius:.13333rem .26667rem;
    -webkit-box-shadow:.04rem .04rem .06667rem rgba(47,92,167,.15);
    -moz-box-shadow:.04rem .04rem .06667rem rgba(47,92,167,.15);
    box-shadow:.04rem .04rem .06667rem rgba(47,92,167,.15);
    font-size:.37333rem;
    line-height:.8rem;
    color:#2f5ca7;
    padding:0 .21333rem 0 .64rem;
    position:relative;
    font-weight:700
}
 .swiper-about .swiper-slide .slide-title p span{
    display:block;
    width:.64rem;
    height:.64rem;
    border-radius:100%;
    background:#fff;
    position:absolute;
    left:-.2rem;
    top:-.13333rem;
    -webkit-box-shadow:-.04rem -.04rem .06667rem rgba(47,92,167,.26) inset;
    -moz-box-shadow:-.04rem -.04rem .06667rem rgba(47,92,167,.26) inset;
    box-shadow:-.04rem -.04rem .06667rem rgba(47,92,167,.26) inset;
    font-size:.37333rem;
    color:#2f5ca7;
    text-align:center;
    line-height:.64rem;
    font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif
}
 .about-server{
    width:100%;
    padding:0 .26667rem .4rem;
    overflow:hidden
}
 .about-server .item-about{
    width:50%;
    padding:0 .06667rem 0 .13333rem;
    overflow:hidden;
    height:5.66667rem;
    position:relative;
    float:left
}
 .about-server .item-about:before{
    content:'';
    display:block;
    left:.06667rem;
    right:.06667rem;
    top:0;
    bottom:0;
    background-image:url(about_bg_01.png);
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    position:absolute
}
 .about-server .item-about .num-font,.about-server .item-about h3,.about-server .item-about p{
    position:relative;
    width:100%;
    overflow:hidden;
    z-index:2
}
 .about-server .item-about h3{
    width:100%;
    text-align:center;
    font-size:.4rem;
    height:.64rem;
    line-height:.64rem;
    color:#2c548f;
    font-weight:700;
    margin:.8rem 0 .26667rem
}
 .about-server .item-about p{
    width:100%;
    padding:0 .26667rem;
    font-size:.34667rem;
    line-height:.58667rem;
    overflow:hidden;
    color:#676767;
    text-align:center
}
 .about-server .item-about .num-font{
    height:.64rem;
    line-height:.64rem;
    text-align:center;
    color:#c99675;
    font-size:.34667rem
}
 .about-server .item-about .num-font span{
    font-weight:700;
    font-size:.69333rem;
    font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
    -webkit-text-shadow:2px 0 0 #dabdaa;
    -moz-text-shadow:2px 0 0 #dabdaa;
    text-shadow:2px 0 0 #dabdaa;
    margin-right:.06667rem
}
 .about-server .item-about+.item-about .num-font span{
    -webkit-text-shadow:-2px 0 0 #dabdaa;
    -moz-text-shadow:-2px 0 0 #dabdaa;
    text-shadow:-2px 0 0 #dabdaa
}
 .about-power{
    width:100%;
    padding:0 .2rem .53333rem;
    overflow:hidden
}
 .about-power dl{
    width:50%;
    float:left;
    overflow:hidden;
    position:relative;
    padding:.26667rem .2rem
}
 .about-power dl:before{
    content:'';
    display:block;
    left:.2rem;
    right:.2rem;
    bottom:.26667rem;
    top:.93333rem;
    background-image:url(about_bg_02.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    border-radius:.8rem .2rem .8rem .2rem;
    -webkit-box-shadow:0 .06667rem .06667rem rgba(51,131,236,.12);
    -moz-box-shadow:0 .06667rem .06667rem rgba(51,131,236,.12);
    box-shadow:0 .06667rem .06667rem rgba(51,131,236,.12);
    position:absolute
}
 .about-power dl dd,.about-power dl dt{
    position:relative;
    z-index:2;
    display:block;
    overflow:hidden
}
 .about-power dl dt{
    width:1.65333rem;
    height:1.65333rem;
    border-radius:100%;
    overflow:hidden;
    border:.02667rem solid #fff;
    -webkit-box-shadow:0 0 .06667rem rgba(51,131,236,.17);
    -moz-box-shadow:0 0 .06667rem rgba(51,131,236,.17);
    box-shadow:0 0 .06667rem rgba(51,131,236,.17);
    margin:0 auto
}
 .about-power dl dt span{
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative
}
 .about-power dl dt span:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:#204b94;
    opacity:.6;
    z-index:2
}
 .about-power dl dt span img{
    display:block;
    width:100%;
    height:100%
}
 .about-power dl dt em{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:4;
    line-height:1.6rem;
    text-align:center;
    font-size:.34667rem;
    font-weight:700;
    color:#fff;
    font-style:normal
}
 .about-power dl dd{
    width:100%;
    overflow:hidden;
    margin:.13333rem 0
}
 .about-power dl dd p{
    width:100%;
    padding:0 .4rem;
    font-size:.34667rem;
    height:1.76rem;
    overflow:hidden;
    line-height:.58667rem;
    color:#676767;
    text-align:center
}
 .about-category{
    width:100%;
    padding:0 .2rem .26667rem;
    overflow:hidden
}
 .about-category li{
    width:50%;
    padding:.2rem;
    margin-top:.08rem;
    overflow:hidden;
    float:left
}
 .about-category li a{
    display:block;
    width:100%
}
 .about-category li a span{
    display:block
}
 .about-category li a .img-panel{
    width:100%;
    padding:1px;
    border-radius:.26667rem .26667rem .13333rem .13333rem;
    overflow:hidden;
    position:relative;
    -webkit-box-shadow:0 .06667rem .13333rem rgba(43,83,143,.37);
    -moz-box-shadow:0 .06667rem .13333rem rgba(43,83,143,.37);
    -o-box-shadow:0 .06667rem .13333rem rgba(43,83,143,.37);
    box-shadow:0 .06667rem .13333rem rgba(43,83,143,.37);
    z-index:2
}
 .about-category li a .img-panel:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:#94a8c6;
    background:-webkit-linear-gradient(#fff,#2b538f);
    background:-moz-linear-gradient(#fff,#2b538f);
    background:linear-gradient(#fff,#2b538f);
    border-radius:.26667rem .26667rem .13333rem .13333rem
}
 .about-category li a .img-panel img{
    display:block;
    width:100%;
    position:relative;
    border-radius:.26667rem .26667rem .13333rem .13333rem;
    z-index:2
}
 .about-category li a .txt-title{
    width:3.86667rem;
    height:1.26667rem;
    margin:-.46667rem auto 0;
    border-radius:0 0 .26667rem .26667rem;
    text-align:center;
    line-height:.8rem;
    font-weight:700;
    color:#fff;
    font-size:.37333rem;
    overflow:hidden;
    padding-top:.46667rem;
    background-image:url(about_title_bg.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    -webkit-box-shadow:0 .06667rem .13333rem rgba(43,83,143,.2);
    -moz-box-shadow:0 .06667rem .13333rem rgba(43,83,143,.2);
    -o-box-shadow:0 .06667rem .13333rem rgba(43,83,143,.2);
    box-shadow:0 .06667rem .13333rem rgba(43,83,143,.2)
}
 .product-center{
    width:100%;
    border-radius:0 .8rem 0 0;
    overflow:hidden;
    background:#fff;
    margin-top:.26667rem
}
 .product-center h1{
    padding:.4rem .8rem .4rem .4rem;
    font-size:.4rem;
    line-height:.58667rem;
    color:#be8d6d;
    font-weight:700
}
 .center-info{
    width:100%;
    overflow:hidden;
    position:relative;
    padding-top:.13333rem
}
 .center-info:before{
    content:'';
    display:block;
    left:0;
    top:.13333rem;
    position:absolute;
    bottom:.42667rem;
    width:1.30667rem;
    background:#eaf4fb;
    border-radius:0 .53333rem .53333rem 0
}
 .center-info .item-info{
    position:relative;
    z-index:2;
    padding:0 .66667rem .42667rem 2.13333rem
}
 .center-info .item-info .cate-link{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:1.30667rem
}
 .center-info .item-info .cate-link span{
    display:table;
    height:100%;
    width:100%;
    padding:0 .4rem .42667rem .4rem;
    vertical-align:middle
}
 .center-info .item-info .cate-link span strong{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:.4rem;
    line-height:.42667rem;
    color:#6c98da;
    position:relative
}
 .center-info .item-info .cate-link span strong:before{
    content:'';
    display:block;
    width:.13333rem;
    height:.13333rem;
    border-radius:100%;
    background:#6c98da;
    position:absolute;
    right:-.16rem;
    top:50%;
    margin-top:-.06667rem
}
 .center-info .item-info .link-wrap .img-link img{
    width:2.8rem
}
 .center-info .item-info .link-wrap ul{
    margin-right:1.73333rem
}
 .center-info .item-info .link-wrap ul li{
    width:50%
}
 .center-info .item-info+.item-info{
    margin-top:.48rem
}
 .center-info .item-info+.item-info .link-wrap .img-link img{
    width:4rem
}
 .center-info .item-info+.item-info .link-wrap ul{
    margin-right:.4rem
}
 .center-info .item-info+.item-info .link-wrap ul li{
    width:50%
}
 .center-info .item-info+.item-info+.item-info .link-wrap .img-link img{
    width:2.66667rem
}
 .center-info .item-info+.item-info+.item-info .link-wrap ul{
    margin-right:1.73333rem
}
 .center-info .item-info+.item-info+.item-info .link-wrap ul li{
    width:50%
}
 .center-info .item-info+.item-info+.item-info+.item-info .link-wrap .img-link img{
    width:2.26667rem
}
 .center-info .item-info+.item-info+.item-info+.item-info .link-wrap ul{
    margin-right:1.33333rem
}
 .center-info .item-info+.item-info+.item-info+.item-info .link-wrap ul li{
    width:50%
}
 .center-info .item-info+.item-info+.item-info+.item-info+.item-info .link-wrap .img-link img{
    width:3.73333rem
}
 .center-info .item-info+.item-info+.item-info+.item-info+.item-info .link-wrap ul{
    margin-right:1.86667rem
}
 .center-info .item-info+.item-info+.item-info+.item-info+.item-info .link-wrap ul li{
    width:33.333333%
}
 .center-info .item-info+.item-info+.item-info+.item-info+.item-info .link-wrap ul li+li+li+li+li+li{
    clear:both
}
 .center-info .item-info+.item-info+.item-info+.item-info+.item-info .link-wrap ul li+li+li+li+li+li+li{
    clear:inherit
}
 .center-info .item-info+.item-info+.item-info+.item-info+.item-info+.item-info .link-wrap .img-link img{
    width:4.4rem
}
 .center-info .item-info+.item-info+.item-info+.item-info+.item-info+.item-info .link-wrap ul{
    margin-right:0
}
 .center-info .item-info+.item-info+.item-info+.item-info+.item-info+.item-info .link-wrap ul li{
    width:37%
}
 .center-info .item-info+.item-info+.item-info+.item-info+.item-info+.item-info .link-wrap ul li+li+li{
    width:26%
}
 .center-info .item-info+.item-info+.item-info+.item-info+.item-info+.item-info .link-wrap ul li+li+li+li{
    width:37%
}
 .center-info .item-info+.item-info+.item-info+.item-info+.item-info+.item-info .link-wrap ul li+li+li+li+li+li{
    clear:both
}
 .link-wrap{
    width:100%;
    position:relative
}
 .link-wrap:after,.link-wrap:before{
    content:'';
    display:block;
    position:absolute;
    border-radius:.26667rem;
    height:100%;
    top:0
}
 .link-wrap:before{
    border-radius:.26667rem .4rem .4rem .26667rem;
    background:#325a96;
    left:-.10667rem;
    right:0
}
 .link-wrap:after{
    border-radius:.26667rem;
    left:0;
    right:0;
    background:#fff;
    -webkit-box-shadow:.06667rem 0 .06667rem rgba(44,122,238,.15);
    -moz-box-shadow:.06667rem 0 .06667rem rgba(44,122,238,.15);
    box-shadow:.06667rem 0 .06667rem rgba(44,122,238,.15);
    z-index:1
}
 .link-wrap .img-link,.link-wrap .more,.link-wrap p{
    position:absolute;
    display:block
}
 .link-wrap p{
    z-index:3;
    width:2.02667rem;
    height:1.28rem;
    padding-left:.37333rem;
    line-height:.42667rem;
    font-size:.29333rem;
    padding-top:.05333rem;
    color:#69788e;
    background-image:url(hot_bg.png);
    background-position:left top;
    background-repeat:no-repeat;
    background-size:100% auto;
    right:.24rem;
    top:0
}
 .link-wrap p span{
    display:block;
    width:100%;
    height:.42667rem;
    line-height:.42667rem;
    font-size:.37333rem;
    font-weight:700;
    color:#fd470f
}
 .link-wrap p span em{
    font-style:normal;
    font-weight:400;
    font-size:.29333rem
}
 .link-wrap .img-link{
    right:-.4rem;
    bottom:-.42667rem;
    z-index:2
}
 .link-wrap .img-link img{
    display:block
}
 .link-wrap .more{
    width:.61333rem;
    height:1.44rem;
    border-radius:.61333rem;
    background:#fff;
    -webkit-box-shadow:.06667rem .06667rem .13333rem rgba(41,103,197,.24);
    -moz-box-shadow:.06667rem .06667rem .13333rem rgba(41,103,197,.24);
    box-shadow:.06667rem .06667rem .13333rem rgba(41,103,197,.24);
    left:-.42667rem;
    top:50%;
    margin-top:-.72rem;
    text-align:center;
    line-height:.37333rem;
    font-size:.34667rem;
    color:#fd470f;
    padding-top:.33333rem;
    z-index:3
}
 .link-wrap ul{
    overflow:hidden;
    line-height:0;
    font-size:0;
    padding:.13333rem 0 .53333rem 0;
    margin-left:.26667rem;
    position:relative;
    z-index:3
}
 .link-wrap ul li{
    display:block;
    float:left;
    overflow:hidden;
    font-size:0;
    line-height:0;
    margin-top:.42667rem;
    padding-left:.13333rem
}
 .link-wrap ul li a{
    display:inline-block;
    height:.42667rem;
    line-height:.42667rem;
    font-size:.34667rem;
    color:#6a788d;
    border-bottom:1px solid #69788e
}
 .product-detail h1{
    width:100%;
    padding:0 .4rem;
    line-height:.8rem;
    font-size:.53333rem;
    color:#325891;
    margin-top:.4rem;
    margin-bottom:.13333rem;
    font-weight:700
}
 .product-detail .detail-info{
    width:100%;
    overflow:hidden
}
 .product-detail .detail-info .img-cs{
    width:100%;
    position:relative;
    overflow:hidden
}
 .product-detail .detail-info .img-cs:after,.product-detail .detail-info .img-cs:before{
    content:'';
    display:block;
    width:100%;
    position:absolute;
    left:0
}
 .product-detail .detail-info .img-cs:before{
    background:#fff;
    height:8.66667rem;
    border-radius:.8rem .8rem 0 0;
    top:0
}
 .product-detail .detail-info .img-cs>a{
    display:block;
    position:absolute;
    height:1.52rem;
    line-height:1.49333rem;
    width:3.6rem;
    border-top:.02667rem solid #fff;
    border-left:.02667rem solid #fff;
    border-radius:1.06667rem 0 .66667rem 0;
    text-align:center;
    color:#fff;
    font-size:.58667rem;
    font-weight:700;
    background:#ce360f;
    background:-webkit-linear-gradient(left,#b9240c,#e64a13);
    background:-moz-linear-gradient(to right,#b9240c,#e64a13);
    background:linear-gradient(to right,#b9240c,#e64a13);
    right:0;
    bottom:.61333rem;
    z-index:3;
    -webkit-box-shadow:-.04rem -.04rem .06667rem rgba(154,49,24,.1);
    -moz-box-shadow:-.04rem -.04rem .06667rem rgba(154,49,24,.1);
    box-shadow:-.04rem -.04rem .06667rem rgba(154,49,24,.1)
}
 .product-detail .detail-info .img-cs>p{
    position:relative;
    z-index:1;
    padding:0 .53333rem;
    font-size:.34667rem;
    line-height:.53333rem;
    overflow:hidden;
    color:#93aacd;
    margin:.33333rem 0 .13333rem
}
 .product-detail .detail-info .img-cs .img-banner{
    display:block;
    width:100%;
    padding-right:.45333rem;
    overflow:hidden;
    position:relative;
    z-index:1;
    padding-bottom:.72rem
}
 .product-detail .detail-info .img-cs .img-banner:after{
    content:'';
    display:block;
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    height:4.93333rem;
    z-index:2;
    background-image:url(detail_mark_01.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    -webkit-background-size:100% auto;
    background-size:100% auto
}
 .product-detail .detail-info .img-cs .img-banner img{
    display:block;
    width:100%;
    border-radius:.8rem .8rem 0 0
}
 .product-detail .detail-info .img-cs .cs-panel{
    position:relative;
    z-index:3;
    padding:0 3.73333rem 1.01333rem .4rem;
    margin-top:-.8rem
}
 .product-detail .detail-info .img-cs .cs-panel:before{
    content:'';
    display:block;
    left:0;
    top:0;
    width:100%;
    background:#f2f7fa;
    bottom:1.46667rem;
    position:absolute
}
 .product-detail .detail-info .img-cs .cs-panel:after{
    content:'';
    display:block;
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    height:4.93333rem;
    z-index:2;
    background-image:url(detail_mark_02.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    -webkit-background-size:100% auto;
    background-size:100% auto
}
 .product-detail .detail-info .img-cs .cs-panel p{
    width:100%;
    line-height:.61333rem;
    padding-left:.72rem;
    padding-top:.05333rem;
    padding-bottom:.05333rem;
    position:relative;
    font-size:.34667rem;
    color:#6a788d;
    overflow:hidden;
    z-index:4
}
 .product-detail .detail-info .img-cs .cs-panel p:before{
    content:'';
    display:block;
    width:.72rem;
    height:.72rem;
    position:absolute;
    left:0;
    top:0;
    background-image:url(icon_01.png);
    background-position:-.13333rem top;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%
}
 .product-detail .detail-info .img-cs .cs-panel p span{
    color:#f45118;
    font-weight:700;
    font-size:.4rem
}
 .product-detail .detail-info .img-cs .cs-panel p+p:before{
    background-image:url(icon_02.png)
}
 .product-detail .detail-info .class-wl{
    position:relative;
    z-index:4
}
 .product-detail .detail-info .class-wl h3{
    padding:0 .4rem;
    line-height:.72rem;
    overflow:hidden;
    font-size:.4rem;
    color:#325891
}
 .product-detail .detail-info .class-wl>p{
    width:100%;
    margin:.26667rem 0;
    overflow:hidden;
    padding:0 .4rem;
    line-height:.74667rem;
    font-size:.34667rem;
    color:#6a788d
}
 .product-detail .detail-info .class-wl .type-list{
    width:100%;
    padding:0 .21333rem
}
 .product-detail .detail-info .class-wl .type-list li{
    width:33.333333%;
    float:left;
    padding:.53333rem .18667rem .66667rem;
    overflow:hidden
}
 .product-detail .detail-info .class-wl .type-list li p{
    width:100%;
    border:1px solid #f8fbfc;
    border-radius:.13333rem;
    background:#f3f7fa;
    background:-webkit-linear-gradient(#f2f7fa,#f4f8fa);
    background:-moz-linear-gradient(#f2f7fa,#f4f8fa);
    background:linear-gradient(#f2f7fa,#f4f8fa);
    -webkit-box-shadow:0 .04rem .05333rem rgba(40,111,223,.24);
    -moz-box-shadow:0 .04rem .05333rem rgba(40,111,223,.24);
    box-shadow:0 .04rem .05333rem rgba(40,111,223,.24);
    padding:.24rem 0
}
 .product-detail .detail-info .class-wl .type-list li p em,.product-detail .detail-info .class-wl .type-list li p span{
    display:block;
    width:100%;
    height:.53333rem;
    line-height:.53333rem;
    overflow:hidden;
    font-style:normal;
    text-align:center
}
 .product-detail .detail-info .class-wl .type-list li p span{
    font-size:.34667rem;
    color:#6a788d
}
 .product-detail .detail-info .class-wl .type-list li p em{
    font-size:.37333rem;
    color:#5988d1;
    font-weight:700
}
 .product-detail .detail-info .class-wl .wl-list{
    width:100%;
    overflow:hidden;
    background-image:url(wl_bg.png);
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:100% auto;
    background-size:100% auto;
    padding:0 .2rem
}
 .product-detail .detail-info .class-wl .wl-list li{
    width:33.333333%;
    float:left;
    padding:.24rem .48rem .24rem .2rem;
    overflow:hidden
}
 .product-detail .detail-info .class-wl .wl-list li .img-panel{
    width:1.92rem;
    height:1.92rem;
    border:.04rem solid #fff;
    border-radius:100%;
    overflow:hidden;
    margin:0 auto .48rem;
    -webkit-box-shadow:0 0 .26667rem rgba(31,109,229,.3);
    -moz-box-shadow:0 0 .26667rem rgba(31,109,229,.3);
    box-shadow:0 0 .26667rem rgba(31,109,229,.3)
}
 .product-detail .detail-info .class-wl .wl-list li .img-panel img{
    display:block;
    width:100%;
    height:100%;
    border-radius:100%
}
 .product-detail .detail-info .class-wl .wl-list li p{
    width:100%;
    overflow:hidden;
    height:.53333rem;
    line-height:.53333rem;
    font-size:.34667rem;
    color:#6a788d;
    font-weight:700;
    text-align:center
}
 .product-detail .detail-info .class-wl .wl-list li+li{
    padding:.24rem .2rem .24rem .2rem
}
 .product-detail .detail-info .class-wl .wl-list li+li+li{
    padding:.24rem .2rem .24rem .48rem
}
 .article{
    width:100%;
    overflow:hidden;
    padding:0 .4rem .4rem
}
 .article h2,.article h3{
    width:100%;
    color:#2d2d2d;
    font-size:.53333rem;
    line-height:.74667rem;
    font-weight:700;
    margin:.64rem auto .4rem;
    position:relative
}
 .article h2:before,.article h3:before{
    content:'';
    display:inline-block;
    width:.45333rem;
    height:.32rem;
    background-image:url(icons_h2.png);
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    margin-right:.21333rem
}
 .article a{
    color:#e14612;
    border-bottom:1px dashed #e14612
}
 .article p{
    margin:.4rem 0;
    line-height:.74667rem;
    font-size:.37333rem;
    color:#3f3f3f;
    position:relative
}
 .article img,.article video{
    display:block;
    width:100%;
    height:auto
}
 .other-components{
    padding:.4rem .4rem 0;
    margin-top:.66667rem
}
 .other-components h3{
    width:100%;
    overflow:hidden;
    font-size:.53333rem;
    height:.74667rem;
    line-height:.74667rem;
    color:#2d2d2d;
    font-weight:700
}
 .about-news{
    width:100%;
    overflow:hidden;
    margin-bottom:.53333rem
}
 .about-news li{
    width:100%;
    overflow:hidden
}
 .about-news li a{
    display:block;
    width:100%;
    padding:.26667rem 0 .42667rem;
    border-bottom:1px solid #deebf3
}
 .about-news li a strong{
    display:block;
    width:100%;
    padding:0 .32rem;
    height:.56rem;
    line-height:.56rem;
    font-size:.34667rem;
    color:#6a788d;
    font-weight:400;
    position:relative
}
 .about-news li a strong:before{
    content:'';
    display:block;
    width:.13333rem;
    height:.13333rem;
    border-radius:100%;
    background:#213f5a;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-.06667rem
}
 .about-news li a span{
    display:block;
    width:100%;
    overflow:hidden;
    margin-top:.26667rem
}
 .about-news li a span img{
    display:block;
    width:28.4058%;
    float:left;
    border-radius:.13333rem
}
 .about-news li a span img+img{
    margin-left:7.24638%
}
 .about-product{
    margin:.26667rem -.06667rem 0;
    overflow:hidden
}
 .about-product li{
    width:50%;
    padding:.06667rem;
    float:left;
    overflow:hidden;
    margin-bottom:.46667rem
}
 .about-product li a{
    display:block;
    width:100%;
    overflow:hidden;
    -webkit-box-shadow:0 .02667rem .04rem rgba(40,111,223,.24);
    -moz-box-shadow:0 .02667rem .04rem rgba(40,111,223,.24);
    box-shadow:0 .02667rem .04rem rgba(40,111,223,.24);
    border-radius:.26667rem;
    border:1px solid #f8fbfd;
    background:#f4f8fa;
    background:-webkit-linear-gradient(#f4f8fa,#f2f7fa);
    background:-moz-linear-gradient(#f4f8fa,#f2f7fa);
    background:linear-gradient(#f4f8fa,#f2f7fa)
}
 .about-product li a span{
    display:block;
    width:100%;
    overflow:hidden
}
 .about-product li a span img{
    display:block;
    width:100%;
    border-radius:.26667rem
}
 .about-product li a strong{
    display:block;
    width:100%;
    height:.8rem;
    line-height:.8rem;
    text-align:center;
    font-size:.27333rem;
    color:#345281;
    font-weight:700
}
 .news-content{
    margin-bottom:.26667rem
}
 .news-content>h1{
    width:100%;
    padding:.4rem .4rem 0;
    line-height:.96rem;
    font-size:.53333rem;
    font-weight:700;
    color:#325891
}
 .swiper-news{
    margin:0;
    overflow:hidden;
    position:relative;
    z-index:10;
    padding-left:.4rem
}
 .swiper-news .swiper-slide{
    width:7.73333rem;
    padding-right:.4rem;
    padding-top:.26667rem;
    padding-bottom:.26667rem
}
 .swiper-news .swiper-slide .news-body{
    display:block;
    background:#f4f8fa;
    background:-webkit-linear-gradient(#f4f8fa,#f2f7fa);
    background:-moz-linear-gradient(#f4f8fa,#f2f7fa);
    background:linear-gradient(#f4f8fa,#f2f7fa);
    -webkit-box-shadow:0 .08rem .08rem rgba(40,111,223,.2);
    -moz-box-shadow:0 .08rem .08rem rgba(40,111,223,.2);
    box-shadow:0 .08rem .08rem rgba(40,111,223,.2);
    border-radius:.26667rem;
    border:1px solid #fff;
    overflow:hidden;
    position:relative
}
 .swiper-news .swiper-slide .news-body span{
    display:block;
    width:100%;
    overflow:hidden;
    border-radius:.26667rem .26667rem .8rem 0
}
 .swiper-news .swiper-slide .news-body span img{
    display:block;
    width:100%
}
 .swiper-news .swiper-slide .news-body strong{
    display:block;
    height:.64rem;
    margin:.32rem .32rem;
    line-height:.64rem;
    font-size:.34667rem;
    color:#4d4a4a;
    font-weight:700
}
 .news-panel{
    width:100%;
    padding-right:.4rem;
    margin-top:.53333rem;
    padding-top:.42667rem;
    position:relative
}
 .news-panel h1,.news-panel h2{
    position:absolute;
    left:0;
    top:0;
    z-index:2;
    width:100%;
    height:.96rem;
    font-size:0;
    line-height:0
}
 .news-panel h1 a,.news-panel h1 strong,.news-panel h2 a,.news-panel h2 strong{
    display:inline-block;
    height:.96rem;
    line-height:.96rem;
    padding:0 .53333rem 0 1.2rem;
    position:relative;
    font-size:.53333rem;
    font-weight:700;
    border-radius:0 .96rem .96rem 0
}
 .news-panel h1 a:before,.news-panel h1 strong:before,.news-panel h2 a:before,.news-panel h2 strong:before{
    content:'';
    display:block;
    position:absolute;
    height:1px;
    width:.77333rem;
    top:50%;
    left:.33333rem
}
 .news-panel .news-wrap{
    width:100%;
    border-radius:0 .66667rem .66667rem 0;
    padding:.8rem .8rem .66667rem .4rem
}
 .news-panel .news-wrap .news-list{
    width:100%;
    overflow:hidden;
    position:relative
}
 .news-panel .news-wrap .news-list li{
    width:100%;
    height:.72rem;
    margin-top:.26667rem;
    padding:0 2.26667rem 0 .53333rem;
    position:relative
}
 .news-panel .news-wrap .news-list li a{
    display:block;
    width:100%;
    height:.72rem;
    line-height:.72rem;
    font-size:.34667rem;
    color:#434343;
    position:relative
}
 .news-panel .news-wrap .news-list li span{
    position:absolute;
    right:0;
    top:0;
    height:.72rem;
    line-height:.72rem;
    font-size:.29333rem;
    color:#787878;
    text-align:right
}
 .news-panel .news-wrap .list-news{
    width:100%;
    overflow:hidden;
    padding-top:.13333rem
}
 .news-panel .news-wrap .list-news li{
    width:100%;
    overflow:hidden;
    position:relative
}
 .news-panel .news-wrap .list-news li:before{
    content:'';
    display:block;
    position:absolute;
    z-index:3;
    left:0;
    bottom:0;
    width:100%;
    height:.48rem;
    background:-webkit-linear-gradient(to right,rgba(216,228,236,.8),rgba(255,255,255,0)) 50%;
    background:-moz-linear-gradient(to right,rgba(216,228,236,.8),rgba(255,255,255,0)) 50%;
    background:linear-gradient(to right,rgba(216,228,236,.8),rgba(255,255,255,0)) 50%
}
 .news-panel .news-wrap .list-news li a{
    display:block;
    width:100%;
    padding:.26667rem .8rem .53333rem 0;
    overflow:hidden;
    position:relative
}
 .news-panel .news-wrap .list-news li a:before{
    content:'';
    display:block;
    width:.48rem;
    height:.48rem;
    position:absolute;
    right:-.24rem;
    bottom:0;
    border-radius:100%;
    background:#f8fbfd;
    z-index:2
}
 .news-panel .news-wrap .list-news li a:after{
    content:'';
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:.24rem;
    border-top:1px dashed #fbfdfe;
    z-index:1
}
 .news-panel .news-wrap .list-news li a strong{
    width:100%;
    overflow:hidden;
    font-size:.37333rem;
    color:#434343;
    line-height:.69333rem
}
 .news-panel .news-wrap .list-news li a i{
    margin-top:.06667rem;
    display:block;
    width:100%;
    height:.53333rem;
    overflow:hidden;
    line-height:.53333rem;
    padding-left:.32rem;
    font-size:.29333rem;
    color:#787878;
    font-style:normal;
    position:relative
}
 .news-panel .news-wrap .list-news li a i:before{
    content:'';
    display:block;
    width:.2rem;
    height:.2rem;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-.09333rem;
    background-image:url(icon_lock.png);
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%
}
 .news-panel .news-wrap .list-news li a span{
    display:block;
    overflow:hidden;
    font-size:.34667rem;
    line-height:.72rem;
    color:#757575
}
 .news-panel .page-panel{
    margin-top:.4rem
}
 .news-panel.fst h1 a,.news-panel.fst h1 strong,.news-panel.fst h2 a,.news-panel.fst h2 strong{
    color:#fff;
    background:#325891
}
 .news-panel.fst h1 a:before,.news-panel.fst h1 strong:before,.news-panel.fst h2 a:before,.news-panel.fst h2 strong:before{
    background:#fff;
    background:-webkit-linear-gradient(to right,#325891,#fff,#325891);
    background:-moz-linear-gradient(to right,#325891,#fff,#325891);
    background:linear-gradient(to right,#325891,#fff,#325891)
}
 .news-panel.fst .news-wrap{
    background:#e4f1f9
}
 .news-panel.fst .news-wrap .news-list:before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:.48rem;
    bottom:.16rem;
    border-radius:.08rem;
    width:.08rem;
    background:#dbecf7
}
 .news-panel.fst .news-wrap .news-list li:before{
    content:'';
    display:block;
    left:0;
    position:absolute;
    width:0;
    height:0;
    border-left:.16rem solid #9ecbe6;
    border-top:.09333rem dashed transparent;
    border-bottom:.09333rem dashed transparent;
    border-right:none;
    top:.26667rem
}
 .news-panel.sec h1 a,.news-panel.sec h1 strong,.news-panel.sec h2 a,.news-panel.sec h2 strong{
    color:#3a3a3a;
    background:#e4f1f9
}
 .news-panel.sec h1 a:before,.news-panel.sec h1 strong:before,.news-panel.sec h2 a:before,.news-panel.sec h2 strong:before{
    background:#254457;
    background:-webkit-linear-gradient(to right,#e4f1f9,#254457,#e4f1f9);
    background:-moz-linear-gradient(to right,#e4f1f9,#254457,#e4f1f9);
    background:linear-gradient(to right,#e4f1f9,#254457,#e4f1f9)
}
 .news-panel.sec .news-wrap{
    background:#fff
}
 .news-panel.sec .news-wrap .news-list li:before{
    content:'';
    display:block;
    width:.24rem;
    height:.24rem;
    position:absolute;
    left:.08rem;
    top:50%;
    margin-top:-.12rem;
    background-image:url(icon_news.png);
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%
}
 .news-panel.sec .news-wrap .news-list li:after{
    content:'';
    display:block;
    position:absolute;
    right:0;
    left:.53333rem;
    bottom:0;
    height:1px;
    background:#eef8fe
}
 .news-panel.trd h1 a,.news-panel.trd h1 strong,.news-panel.trd h2 a,.news-panel.trd h2 strong{
    color:#fff;
    background:#325891
}
 .news-panel.trd h1 a:before,.news-panel.trd h1 strong:before,.news-panel.trd h2 a:before,.news-panel.trd h2 strong:before{
    background:#fff;
    background:-webkit-linear-gradient(to right,#325891,#fff,#325891);
    background:-moz-linear-gradient(to right,#325891,#fff,#325891);
    background:linear-gradient(to right,#325891,#fff,#325891)
}
 .news-panel.trd .news-wrap{
    background:#d8e4ec;
    padding:.53333rem 0 .66667rem .4rem
}
 .case-panel{
    width:100%;
    overflow:hidden
}
 .case-panel .list-header{
    height:1.6rem;
    width:100%;
    overflow:hidden;
    padding-right:2.4rem;
    padding-top:.53333rem;
    position:relative
}
 .case-panel .list-header:after{
    content:'';
    display:block;
    width:1.6rem;
    height:1.6rem;
    position:absolute;
    right:.66667rem;
    bottom:0;
    background-image:url(case_pic.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%
}
 .case-panel .list-header h1{
    width:100%;
    height:.85333rem;
    line-height:.85333rem;
    padding:0 0 0 .4rem;
    font-size:.34667rem;
    color:#325891;
    font-weight:400;
    font-weight:700;
    background:#eaf1fa;
    background:-webkit-linear-gradient(to right,#e1ecfc,#f3f6f9);
    background:-moz-linear-gradient(to right,#e1ecfc,#f3f6f9);
    background:linear-gradient(to right,#e1ecfc,#f3f6f9)
}
 .case-panel .case-list{
    width:100%;
    padding:.26667rem .32rem 0;
    overflow:hidden;
    background:#f8fbfd;
    border-top-right-radius:.53333rem
}
 .case-panel .case-list li{
    width:50%;
    float:left;
    padding:.13333rem .08rem;
    margin-bottom:.26667rem;
    overflow:hidden
}
 .case-panel .case-list li a{
    display:block;
    width:100%;
    overflow:hidden;
    position:relative;
    border-radius:.21333rem .21333rem .46667rem .13333rem;
    -webkit-box-shadow:0 .06667rem .06667rem rgba(16,109,250,.11),0 0 1px 1px rgba(195,217,249,.8) inset;
    -moz-box-shadow:0 .06667rem .06667rem rgba(16,109,250,.11),0 0 1px 1px rgba(195,217,249,.8) inset;
    box-shadow:0 .06667rem .06667rem rgba(16,109,250,.11),0 0 1px 1px rgba(195,217,249,.8) inset
}
 .case-panel .case-list li a span{
    display:block;
    width:100%;
    overflow:hidden
}
 .case-panel .case-list li a span img{
    display:block;
    width:100%;
    border-radius:.21333rem
}
 .case-panel .case-list li a strong{
    display:block;
    margin:.2rem .4rem .33333rem;
    overflow:hidden;
    height:1.06667rem;
    line-height:.53333rem;
    font-size:.34667rem;
    color:#363636;
    font-weight:400
}
 .case-panel .case-list li a i{
    display:block;
    position:absolute;
    right:0;
    bottom:0;
    width:1.25333rem;
    height:.58667rem;
    border-radius:.58667rem 0 .46667rem .58667rem;
    background:#c22c0d;
    background:-webkit-linear-gradient(to right,#b9240c,#e64a13);
    background:-moz-linear-gradient(to right,#b9240c,#e64a13);
    background:linear-gradient(to right,#b9240c,#e64a13)
}
 .case-panel .case-list li a i:after{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-image:url(case_arrow.png);
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%
}
 .case-detail{
    margin-bottom:.66667rem
}
 .case-detail .article{
    background:#fff;
    border-radius:.26667rem
}
 .case-detail .article p{
    color:#3f3f3f
}
 .case-info{
    padding:.4rem 0 0;
    background:#f8fbfd;
    border-top-right-radius:.53333rem;
    margin-top:.26667rem;
    position:relative
}
 .case-info .case-data{
    /* margin-right:1.06667rem; */
    background:#fff;
    border-radius:0 .8rem .8rem 0;
    -webkit-box-shadow:0 .06667rem .06667rem rgba(16,109,250,.11),0 0 1px 1px rgba(195,217,249,.8) inset;
    -moz-box-shadow:0 .06667rem .06667rem rgba(16,109,250,.11),0 0 1px 1px rgba(195,217,249,.8) inset;
    box-shadow:0 .06667rem .06667rem rgba(16,109,250,.11),0 0 1px 1px rgba(195,217,249,.8) inset;
    position:relative;
    z-index:2
}
 .case-info .case-data>span{
    display:block;
    width:100%;
    overflow:hidden;
    border-radius:0 .8rem .8rem 0
}
 .case-info .case-data>span img{
    display:block;
    width:100%;
    border-radius:0 .8rem .8rem 0
}
 .case-info .case-data .case-font{
    width:100%;
    padding:.13333rem .4rem 2.55rem .4rem;
    position:relative;
    background-image:url(case_font_mark.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    -webkit-background-size:100% auto;
    background-size:100% auto
}
 .case-info .case-data .case-font h1{
    width:100%;
    overflow:hidden;
    line-height:.74667rem;
    font-size:.53333rem;
    color:#325891
}
 .case-info .case-data .case-font .des{
    width:100%;
    overflow:hidden;
    font-size:.34667rem;
    color:#6a788d;
    line-height:.6rem;
    margin-top:.2rem;
    margin-bottom:.2rem
}
 .case-info .case-data .case-font p{
    width:100%;
    height:.88rem;
    line-height:.88rem;
    font-size:.34667rem;
    color:#6a788d;
    position:relative;
    padding-left:.4rem
}
 .case-info .case-data .case-font p:before{
    content:'';
    display:block;
    left:0;
    position:absolute;
    top:50%;
    margin-top:-.21333rem;
    width:.18667rem;
    height:.42667rem;
    background-image:url(icon_case.png);
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%
}
 .case-info .case-data .case-font p strong{
    font-size:.35rem;
    color:#f45118
}
 .case-info .case-data .case-font>a{
    display:block;
    width:4rem;
    height:1.06667rem;
    line-height:1.06667rem;
    font-size:.58667rem;
    font-weight:700;
    color:#fff;
    padding:0 .42667rem;
    background:#d0380f;
    background:-webkit-linear-gradient(to right,#b9240c,#e64a13);
    background:-moz-linear-gradient(to right,#b9240c,#e64a13);
    background:linear-gradient(to right,#b9240c,#e64a13);
    border-radius:.53333rem;
    position:absolute;
    right:-.73333rem;
    bottom:.26667rem;
    z-index:3
}
 .case-info .case-data .case-font>a:after{
    content:'';
    display:block;
    height:1px;
    position:absolute;
    top:50%;
    right:.21333rem;
    width:.93333rem;
    background:linear-gradient(to right,#da4011,#fff,#e54913)
}
 .case-info .font-panel{
    width:1.06667rem;
    position:absolute;
    right:0;
    top:0;
    height:100%;
    padding:.93333rem .33333rem 0
}
 .case-info .font-panel span{
    display:block;
    width:100%;
    text-align:center;
    font-size:.34667rem;
    line-height:.45rem;
    color:#789cd3;
    margin-bottom:.5rem
}
 .case-info>p{
    width:100%;
    overflow:hidden;
    padding:0.4rem 0.9rem 0.4rem 0.4rem;
    line-height:.77333rem;
    font-size:14px;
    color:#325891;
    /*font-weight:700*/
}
 .case-info>p a{
    font-size:.37333rem;
    color:#325891
}
 .news-detail{
    padding-right:.4rem;
    margin-bottom:.66667rem
}
 .news-detail .article{
    background:#fff;
    border-radius:0 .26667rem .26667rem 0
}
 .news-info{
    width:100%;
    padding-right:.4rem;
    margin-top:.26667rem
}
 .news-info .news-title{
    width:100%;
    overflow:hidden;
    padding:.53333rem .8rem 1.46667rem .4rem;
    background:#e4eef9;
    border-radius:0 .8rem .8rem 0
}
 .news-info .news-title h1{
    width:100%;
    overflow:hidden;
    font-size:.48rem;
    color:#204479;
    font-weight:700;
    line-height:.8rem
}
 .news-info .news-title p{
    margin-top:.13333rem;
    display:block;
    width:100%;
    height:.53333rem;
    overflow:hidden;
    line-height:.53333rem;
    padding-left:.4rem;
    font-size:.29333rem;
    color:#b5b4b4;
    font-style:normal;
    position:relative
}
 .news-info .news-title p:before{
    content:'';
    display:block;
    width:.2rem;
    height:.2rem;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-.10667rem;
    background-image:url(icon_lock.png);
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%
}
 .news-info .swt-panel{
    width:100%;
    height:1.14667rem;
    position:relative;
    padding:0 2rem 0 3.06667rem
}
 .news-info .swt-panel:before{
    content:'';
    display:block;
    width:100%;
    height:2.08rem;
    background-image:url(news_mark.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    -webkit-background-size:100% auto;
    background-size:100% auto;
    position:absolute;
    left:0;
    bottom:0
}
 .news-info .swt-panel .btn-swt{
    position:absolute;
    display:block;
    width:2.46667rem;
    height:3.26667rem;
    right:-.46667rem;
    bottom:.26667rem;
    background-image:url(news_pic.png);
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:2.13333rem 2.4rem;
    background-size:2.13333rem 2.4rem
}
 .news-info .swt-panel .btn-swt span{
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:.93333rem;
    line-height:.93333rem;
    text-align:center;
    font-size:.42667rem;
    color:#fff;
    font-weight:700;
    border-radius:.93333rem;
    background:#cf370f;
    background:-webkit-linear-gradient(to right,#b9240c,#e64a13);
    background:-moz-linear-gradient(to right,#b9240c,#e64a13);
    background:linear-gradient(to right,#b9240c,#e64a13);
    -webkit-box-shadow:0 -.06667rem .06667rem rgba(154,49,24,.17);
    -moz-box-shadow:0 -.06667rem .06667rem rgba(154,49,24,.17);
    box-shadow:0 -.06667rem .06667rem rgba(154,49,24,.17)
}
 .news-info .swt-panel dl{
    width:3.46667rem;
    left:3.33333rem;
    position:absolute;
    bottom:1rem
}
 .news-info .swt-panel dl:before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border:1px solid #fff;
    border-radius:.13333rem;
    -webkit-box-shadow:0 0 .13333rem rgba(93,125,247,.11);
    -moz-box-shadow:0 0 .13333rem rgba(93,125,247,.11);
    box-shadow:0 0 .13333rem rgba(93,125,247,.11)
}
 .news-info .swt-panel dl:after{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    left:50%;
    bottom:-.21333rem;
    margin-left:-.16rem;
    border-top:.21333rem solid #fff;
    border-left:.16rem dashed transparent;
    border-right:.16rem dashed transparent;
    border-bottom:none;
    z-index:3
}
 .news-info .swt-panel dl dt{
    width:100%;
    position:relative;
    z-index:1;
    padding-left:.24rem;
    height:.58667rem;
    line-height:.58667rem;
    font-size:.29333rem;
    color:#204479
}
 .news-info .swt-panel dl dt span{
    font-size:.4rem;
    font-weight:700;
    color:#e14612
}
 .news-info .swt-panel dl dd{
    width:100%;
    position:relative;
    z-index:1;
    border-radius:.13333rem;
    background-color:#fff;
    background-image:url(font_mark.png);
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    padding:.13333rem 0 .13333rem .21333rem;
    -webkit-box-shadow:0 0 .13333rem rgba(93,125,247,.11);
    -moz-box-shadow:0 0 .13333rem rgba(93,125,247,.11);
    box-shadow:0 0 .13333rem rgba(93,125,247,.11)
}
 .news-info .swt-panel dl dd span{
    display:inline-block;
    height:.53333rem;
    line-height:.53333rem;
    padding-left:.21333rem;
    font-size:.26667rem;
    color:#69799e;
    position:relative
}
 .news-info .swt-panel dl dd span:before{
    content:'';
    display:block;
    width:.10667rem;
    height:.10667rem;
    border-radius:100%;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-.05333rem;
    opacity:.5;
    background:#c5a09c;
    background:-webkit-linear-gradient(#204479,#e14612);
    background:-moz-linear-gradient(#204479,#e14612);
    background:linear-gradient(#204479,#e14612)
}
 .news-info .swt-panel dl dd span:first-child{
    padding-right:.29333rem
}
 .video-center{
    background:#f8fbfd;
    overflow:hidden;
    border-top-right-radius:.8rem;
    padding:.32rem 0 .26667rem;
    margin-top:.26667rem
}
 .video-center h1{
    width:100%;
    height:.8rem;
    background:#e7eff9;
    background:-webkit-linear-gradient(to right,#d7e3f6,#f8fbfd);
    background:-moz-linear-gradient(to right,#d7e3f6,#f8fbfd);
    background:linear-gradient(to right,#d7e3f6,#f8fbfd);
    line-height:.8rem;
    font-size:.4rem;
    font-weight:400;
    color:#be8d6d;
    padding:0 .4rem
}
 .cate-video{
    width:100%;
    overflow:hidden;
    margin-top:.46667rem
}
 .cate-video .video-title{
    width:100%;
    padding:0 .6rem;
    height:.85333rem;
    overflow:hidden
}
 .cate-video .video-title h2{
    display:block;
    float:left;
    height:.85333rem;
    line-height:.85333rem;
    font-size:.53333rem;
    font-weight:700;
    color:#3f3f40
}
 .cate-video .video-title i{
    display:block;
    float:left;
    width:2.93333rem;
    margin-left:.21333rem;
    margin-top:.38667rem;
    position:relative;
    height:5px
}
 .cate-video .video-title i:before{
    content:'';
    display:block;
    width:5px;
    height:5px;
    border-radius:100%;
    background:#2a4570;
    position:absolute;
    left:0
}
 .cate-video .video-title i:after{
    content:'';
    display:block;
    position:absolute;
    height:1px;
    top:2px;
    left:0;
    width:100%;
    background:#a6b1c3;
    background:-webkit-linear-gradient(to right,#2a4570,#f8fbfd);
    background:-moz-linear-gradient(to right,#2a4570,#f8fbfd);
    background:linear-gradient(to right,#2a4570,#f8fbfd)
}
 .cate-video .video-title a{
    display:block;
    float:right;
    height:.48rem;
    margin-top:.18667rem;
    position:relative;
    line-height:.48rem;
    padding:0 .32rem;
    font-size:.32rem;
    color:#828d9f
}
 .cate-video .video-title a:after,.cate-video .video-title a:before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    border-radius:.48rem;
    border:1px solid #c69473;
    height:.48rem
}
 .cate-video .video-title a:before{
    left:0;
    right:0
}
 .cate-video .video-title a:after{
    left:.04rem;
    right:.04rem
}
 .cate-video-list{
    width:100%;
    padding:0 .06667rem
}
 .cate-video-list li{
    width:50%;
    float:left;
    padding:.13333rem .53333rem;
    overflow:hidden;
    margin-top:.13333rem
}
 .cate-video-list li .item-video{
    width:100%;
    position:relative
}
 .cate-video-list li .item-video a{
    display:block;
    width:100%;
    position:relative
}
 .cate-video-list li .item-video a:before{
    content:'';
    display:block;
    left:.06667rem;
    right:.06667rem;
    height:2.08rem;
    top:.18667rem;
    border-radius:.13333rem;
    border:1px solid #fff;
    background:#335879;
    position:absolute;
    -webkit-box-shadow:0 0 .13333rem rgba(28,135,231,.23);
    -moz-box-shadow:0 0 .13333rem rgba(28,135,231,.23);
    box-shadow:0 0 .13333rem rgba(28,135,231,.23)
}
 .cate-video-list li .item-video a span{
    display:block;
    width:100%;
    overflow:hidden;
    border-radius:.13333rem;
    position:relative;
    z-index:1
}
 .cate-video-list li .item-video a span:after,.cate-video-list li .item-video a span:before{
    content:'';
    display:block;
    position:absolute
}
 .cate-video-list li .item-video a span:before{
    z-index:2;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#19191e;
    opacity:.4
}
 .cate-video-list li .item-video a span:after{
    z-index:3;
    width:.77333rem;
    height:.77333rem;
    left:50%;
    top:50%;
    margin:-.38667rem 0 0 -.38667rem;
    background-image:url(icon_video.png);
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%
}
 .cate-video-list li .item-video a span img{
    display:block;
    width:100%
}
 .cate-video-list li .item-video a strong{
    display:block;
    width:100%;
    text-align:center;
    line-height:.53333rem;
    font-size:.34667rem;
    overflow:hidden;
    height:1.06667rem;
    padding:0 .26667rem;
    color:#434343;
    font-weight:400;
    margin-top:.26667rem
}
 .video-list{
    padding:0 .2rem
}
 .video-list li{
    width:50%;
    padding:.13333rem .2rem;
    float:left;
    overflow:hidden;
    margin-bottom:.33333rem
}
 .video-list li .item-video{
    width:100%;
    position:relative;
    padding:2px
}
 .video-list li .item-video:before{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    border:2px solid #fff;
    background:#fbfbfa;
    border-radius:.26667rem;
    height:2.34667rem;
    -webkit-box-shadow:0 0 .13333rem rgba(31,132,223,.15);
    -moz-box-shadow:0 0 .13333rem rgba(31,132,223,.15);
    box-shadow:0 0 .13333rem rgba(31,132,223,.15)
}
 .video-list li .item-video a{
    display:block;
    width:100%;
    position:relative;
    overflow:hidden
}
 .video-list li .item-video a:before{
    content:'';
    display:block;
    left:.06667rem;
    right:.06667rem;
    height:2.08rem;
    top:.45333rem;
    border-radius:.26667rem;
    border:1px solid #fff;
    background:#335879;
    position:absolute;
    -webkit-box-shadow:0 0 .13333rem rgba(28,135,231,.4);
    -moz-box-shadow:0 0 .13333rem rgba(28,135,231,.4);
    box-shadow:0 0 .13333rem rgba(28,135,231,.4)
}
 .video-list li .item-video a span{
    display:block;
    width:100%;
    overflow:hidden;
    border-radius:.13333rem;
    position:relative;
    z-index:1
}
 .video-list li .item-video a span img{
    display:block;
    width:100%
}
 .video-list li .item-video a strong{
    display:block;
    width:100%;
    line-height:.53333rem;
    font-size:.29333rem;
    overflow:hidden;
    height:1.06667rem;
    padding:0 1.06667rem 0 .13333rem;
    color:#434343;
    font-weight:400;
    margin-top:.24rem;
    margin-bottom:.13333rem
}
 .video-list li .item-video a i{
    display:block;
    position:absolute;
    right:0;
    bottom:0;
    width:1.6rem;
    height:.66667rem;
    line-height:.66667rem;
    font-size:.29333rem;
    color:#fff;
    padding-left:.66667rem;
    background:#5983c2;
    background:-webkit-linear-gradient(to right,#4772b3,#729ad7);
    background:-moz-linear-gradient(to right,#4772b3,#729ad7);
    background:linear-gradient(to right,#4772b3,#729ad7);
    border-radius:.53333rem 0 .26667rem 0;
    font-style:normal
}
 .video-list li .item-video a i:before{
    content:'';
    display:block;
    width:.16rem;
    height:.24rem;
    position:absolute;
    left:.37333rem;
    top:50%;
    margin-top:-.12rem;
    background-image:url(video_play.png);
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%
}
 .swiper-video{
    overflow:hidden;
    position:relative;
    z-index:10;
    padding-bottom:.4rem;
    padding-right:.4rem;
    padding-top:.16rem
}
 .swiper-video .swiper-slide{
    width:3.09333rem;
    position:relative
}
 .swiper-video .swiper-slide a{
    height:.74667rem;
    line-height:.77333rem;
    width:2.69333rem;
    text-align:center;
    margin-left:.2rem;
    display:block;
    overflow:hidden;
    background:#a9c5f1;
    border-radius:.74667rem;
    font-size:.32rem;
    color:#434750;
    vertical-align:middle
}
 .swiper-video .swiper-slide.on a{
    color:#fff;
    font-weight:700;
    font-size:.37333rem;
    background:#f5330c;
    background:-webkit-linear-gradient(to right,#f51611,#f65006);
    background:-moz-linear-gradient(to right,#f51611,#f65006);
    background:linear-gradient(to right,#f51611,#f65006)
}
 .video-detail{
    padding:.4rem
}
 .video-detail .video-info{
    width:100%;
    padding:2px;
    position:relative
}
 .video-detail .video-info:before{
    content:'';
    display:block;
    width:100%;
    border-radius:.13333rem .13333rem .8rem .13333rem;
    border:2px solid #fff;
    background:#fcfcfb;
    height:5.46667rem;
    -webkit-box-shadow:0 0 .26667rem rgba(31,132,223,.15);
    -moz-box-shadow:0 0 .26667rem rgba(31,132,223,.15);
    box-shadow:0 0 .26667rem rgba(31,132,223,.15);
    position:absolute;
    left:0;
    bottom:0
}
 .video-detail .video-info .video-banner{
    width:100%;
    overflow:hidden;
    padding-bottom:.26667rem;
    position:relative;
    z-index:1
}
 .video-detail .video-info .video-banner:before{
    content:'';
    display:block;
    position:absolute;
    left:.18667rem;
    height:2.66667rem;
    right:.72rem;
    bottom:.16rem;
    border-radius:.26667rem;
    border:1px solid #fff;
    background:#335879;
    -webkit-box-shadow:0 0 .13333rem rgba(28,135,231,.4);
    -moz-box-shadow:0 0 .13333rem rgba(28,135,231,.4);
    box-shadow:0 0 .13333rem rgba(28,135,231,.4)
}
 .video-detail .video-info .video-banner img,.video-detail .video-info .video-banner video{
    display:block;
    width:100%;
    border-radius:.26667rem .26667rem 1.06667rem .26667rem;
    position:relative;
    z-index:2
}
 .video-detail .video-info .video-data{
    width:100%;
    overflow:hidden;
    position:relative;
    z-index:1
}
 .video-detail .video-info .video-data>p{
    height:.72rem;
    width:100%;
    overflow:hidden
}
 .video-detail .video-info .video-data>p span{
    display:block;
    width:40%;
    float:left;
    height:.72rem;
    line-height:.72rem;
    font-size:.34667rem;
    color:#6a788d;
    padding-left:.4rem
}
 .video-detail .video-info .video-data>p span+span{
    padding-left:.13333rem;
    width:35%
}
 .video-detail .video-info .video-data>p span+span+span{
    width:25%
}
 .video-detail .video-info .video-data h1{
    width:100%;
    padding:0 .4rem;
    font-size:.48rem;
    color:#262626;
    line-height:.74667rem;
    margin-top:.16rem
}
 .video-detail .video-info .video-data .swt-font{
    width:100%;
    position:relative;
    margin-top:.16rem
}
 .video-detail .video-info .video-data .swt-font p{
    height:1.46667rem;
    line-height:1.46667rem;
    font-size:.26667rem;
    color:#9f9f9f;
    padding-left:.4rem
}
 .video-detail .video-info .video-data .swt-font a{
    position:absolute;
    right:0;
    bottom:0;
    height:1.46667rem;
    line-height:1.46667rem;
    border-radius:1.06667rem 0 .8rem 0;
    border-top:2px solid #fff;
    border-left:2px solid #fff;
    background:#d0370f;
    background:-webkit-linear-gradient(to right,#b9240c,#e64a13);
    background:-moz-linear-gradient(to right,#b9240c,#e64a13);
    background:linear-gradient(to right,#b9240c,#e64a13);
    font-size:.58667rem;
    font-weight:700;
    color:#fff;
    display:inline-block;
    padding:0 .66667rem;
    -webkit-box-shadow:-.06667rem -.06667rem .06667rem rgba(154,49,24,.1);
    -moz-box-shadow:-.06667rem -.06667rem .06667rem rgba(154,49,24,.1);
    box-shadow:-.06667rem -.06667rem .06667rem rgba(154,49,24,.1)
}
 .video-detail .video-info .video-data .swt-font a i{
    display:block;
    width:.49333rem;
    height:.13333rem;
    background-image:url(icon_dd.png);
    background-position:right top;
    background-repeat:no-repeat;
    background-size:100% auto;
    position:absolute;
    left:-.58667rem;
    top:50%;
    margin-top:-.06667rem
}
 .video-detail .article{
    background:#fff;
    border-radius:.26667rem;
    padding:0 .4rem;
    margin-bottom:.26667rem;
    margin-top:.4rem
}
 .form-panel>img{
    display:block;
    width:100%
}
 .footer-info{
    margin-top:.53333rem;
    overflow:hidden;
    position:relative
}
 .footer-info>img{
    display:block;
    width:100%
}
 .info-panel{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    padding:.4rem .66667rem .4rem .93333rem
}
 .info-panel .txt-info{
    width:100%;
    overflow:hidden
}
 .info-panel .txt-info span{
    display:block;
    overflow:hidden;
    height:.74667rem;
    line-height:.74667rem
}
 .info-panel .txt-info .txt-h4{
    font-size:.48rem;
    color:#e4eff9;
    font-weight:700
}
 .info-panel .txt-info .txt-phone{
    font-size:.4rem;
    color:#e4eff9
}
 .info-panel .txt-info .txt-phone a{
    font-size:.48rem;
    color:#e4eff9;
    margin-right:.13333rem;
    font-weight:700
}
 .info-panel .benefits-panel{
    margin-top:.26667rem;
    width:100%;
    overflow:hidden
}
 .info-panel .benefits-panel p{
    line-height:.64rem;
    width:100%;
    overflow:hidden;
    padding-left:.53333rem;
    font-size:.32rem;
    color:#d3a98e;
    position:relative
}
 .info-panel .benefits-panel p:before{
    top:.14667rem;
    content:'';
    display:block;
    width:.34667rem;
    height:.34667rem;
    position:absolute;
    left:0;
    background-image:url(num_01.png);
    background-position:left top;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%
}
 .info-panel .benefits-panel p+p:before{
    background-image:url(num_02.png)
}
 .info-panel .benefits-panel p+p+p:before{
    background-image:url(num_03.png)
}
 .info-panel .benefits-panel p+p+p+p:before{
    background-image:url(num_04.png)
}
 .info-panel .txt-tips{
    margin-top:.26667rem;
    width:100%;
    font-size:.37333rem;
    color:#e4eff9;
    font-weight:700;
    line-height:.53333rem;
    overflow:hidden
}
 .info-panel .btn-link{
    margin-top:.66667rem;
    width:100%
}
 .info-panel .btn-link a{
    display:block;
    width:4.34667rem;
    height:.88rem;
    position:relative
}
 .info-panel .btn-link a:after,.info-panel .btn-link a:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    border-radius:.88rem
}
 .info-panel .btn-link a:before{
    z-index:1;
    left:.04rem;
    top:.04rem;
    background:#c8372a
}
 .info-panel .btn-link a:after{
    z-index:2;
    left:0;
    top:0;
    border:.04rem solid #2c4f6d;
    background:#e74a3a;
    background:-webkit-linear-gradient(to right,#dd2c22,#f36b55);
    background:-moz-linear-gradient(to right,#dd2c22,#f36b55);
    background:linear-gradient(to right,#dd2c22,#f36b55)
}
 .info-panel .btn-link a span{
    display:block;
    width:100%;
    text-align:center;
    line-height:.88rem;
    color:#fff;
    font-size:.4rem;
    font-weight:700;
    height:100%;
    overflow:hidden;
    position:relative;
    z-index:3
}
 .info-panel .say-word{
    margin-top:1.06667rem;
    width:100%;
    overflow:hidden
}
 .info-panel .say-word p{
    width:100%;
    text-align:center;
    overflow:hidden;
    line-height:.53333rem;
    font-size:.37333rem;
    color:#f1d4c0
}
 .info-panel .say-word p strong{
    display:block;
    width:100%;
    text-align:center;
    line-height:.96rem;
    font-size:.56667rem;
    color:#fff3eb;
    font-weight:700
}
 .form-content{
    overflow:hidden;
    margin:.93333rem 0 0 -.26667rem
}
 .form-content .form-info{
    width:100%;
    overflow:hidden
}
 .form-content .form-info span{
    display:block;
    overflow:hidden
}
 .form-content .form-info .txt-h4{
    height:.85333rem;
    line-height:.85333rem;
    font-size:.6rem;
    color:#2e5170;
    font-weight:700;
    margin-bottom:.2rem
}
 .form-content .form-info .txt-p{
    line-height:.6rem;
    font-size:.33333rem;
    color:#325778
}
 .form-content .form-info .txt-p em{
    font-style:normal;
    font-weight:700;
    font-size:.45333rem;
    color:#f26852
}
 .form-wrap{
    width:100%;
    overflow:hidden;
    margin-top:.13333rem
}
 .form-wrap .item-form{
    width:100%;
    margin-top:.4rem;
    overflow:hidden
}
 .form-wrap .item-form .item-panel{
    width:3.46667rem;
    float:left;
    overflow:hidden;
    position:relative;
    border:1px solid #d2d4db;
    border-radius:.08rem .02667rem .08rem .08rem;
    height:.74667rem;
    padding:0 .26667rem 0rem .64rem
}
 .form-wrap .item-form .item-panel input[type=text]{
    display:block;
    width:100%;
    height:100%;
    border:none;
    outline:0;
    padding:0;
    overflow:hidden;
    font-size:.34667rem;
    color:#2e5170
}
 .form-wrap .item-form .item-panel:before{
    content:'';
    display:block;
    width:.32rem;
    height:.4rem;
    position:absolute;
    left:.13333rem;
    top:.16rem;
    background-image:url(form_user.png);
    background-position:left top;
    background-repeat:no-repeat;
    background-size:100% 100%
}
 .form-wrap .item-form .item-panel+.item-panel{
    float:right
}
 .form-wrap .item-form .item-panel+.item-panel:before{
    background-image:url(form_phone.png)
}
 .form-wrap .item-form+.item-form .item-panel{
    height:2.66667rem;
    width:100%
}
 .form-wrap .item-form+.item-form .item-panel:before{
    background-image:url(form_msg.png)
}
 .form-wrap .item-form+.item-form .item-panel textarea{
    display:block;
    width:100%;
    height:100%;
    resize:none;
    padding:.10667rem 0;
    font-size:.34667rem;
    line-height:.53333rem;
    color:#2e5170
}
 .form-wrap>p{
    width:100%;
    height:.8rem;
    line-height:.8rem;
    font-size:.29333rem;
    color:#777;
    overflow:hidden
}
 .form-wrap .btn-form{
    margin:.2rem auto .08rem;
    width:3.2rem;
    height:.8rem;
    position:relative
}
 .form-wrap .btn-form:after,.form-wrap .btn-form:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    border-radius:.8rem
}
 .form-wrap .btn-form:before{
    z-index:1;
    left:.02667rem;
    top:.08rem;
    background:#c8372a
}
 .form-wrap .btn-form:after{
    z-index:2;
    left:0;
    top:0;
    background:#e84b3b;
    background:-webkit-linear-gradient(#dd2c22,#f36b55);
    background:-moz-linear-gradient(#dd2c22,#f36b55);
    background:linear-gradient(#dd2c22,#f36b55)
}
 .form-wrap .btn-form .btn-send{
    position:relative;
    z-index:3;
    display:block;
    width:100%;
    height:100%;
    line-height:.8rem;
    text-align:center;
    color:#fff;
    outline:0;
    padding:0;
    font-size:.4rem
}
 .footer{
    width:100%;
    padding:.53333rem 0;
    overflow:hidden
}
 .footer p{
    display:block;
    height:.74667rem;
    overflow:hidden;
    position:relative;
    text-align:center
}
 .footer p span{
    display:inline-block;
    height:.74667rem;
    line-height:.74667rem;
    position:relative;
    font-size:.34667rem;
    color:#a3acba
}
 .footer p span:after,.footer p span:before{
    content:'';
    display:block;
    width:1.54667rem;
    height:1px;
    background:#e5e8ec;
    position:absolute;
    top:50%
}
 .footer p span:before{
    left:-1.73333rem
}
 .footer p span:after{
    right:-1.73333rem
}
 .footer-swt{
    padding-bottom:1.38667rem
}
 .back-top{
    width:1.06667rem;
    height:1.06667rem;
    position:fixed;
    z-index:1050;
    bottom:2.4rem;
    right:.13333rem;
    border:1px solid #ddd;
    background:rgba(255,255,255,.6);
    border-radius:100%;
    overflow:hidden
}
 .back-top a{
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:100%
}
 .back-top a img{
    display:block;
    width:100%;
    height:100%
}
 .fixed-swt{
    width:10rem;
    height:1.38667rem;
    position:fixed;
    left:50%;
    margin-left:-5rem;
    bottom:0;
    z-index:1080
}
 .fixed-swt:before{
    content:'';
    display:block;
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    border-radius:.48rem;
    height:1.17333rem;
    background:#fff;
    -webkit-box-shadow:0 0 .4rem rgba(45,96,171,.15);
    -moz-box-shadow:0 0 .4rem rgba(45,96,171,.15);
    box-shadow:0 0 .4rem rgba(45,96,171,.15)
}
 .fixed-swt .swt-msg{
    width:36%;
    width:3.6rem;
    float:left;
    text-align:center;
    font-size:.4rem;
    color:#202123;
    display:block;
    height:1.17333rem;
    line-height:1.17333rem;
    margin-top:.21333rem;
    position:relative;
    z-index:1
}
 .fixed-swt .swt-msg:before{
    content:'';
    display:inline-block;
    width:.37333rem;
    height:.42667rem;
    vertical-align:middle;
    margin-right:.21333rem;
    background-image:url(swt_msg.png);
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%
}
 .fixed-swt .swt-phone{
    display:block;
    width:64%;
    height:1.2rem;
    float:right;
    position:relative;
    z-index:1;
    padding-left:1.6rem;
    border:.05333rem solid #fecf74;
    background:#e45f21;
    background:-webkit-linear-gradient(#f58706,#d43a3a);
    background:-moz-linear-gradient(#f58706,#d43a3a);
    background:linear-gradient(#f58706,#d43a3a);
    border-radius:1.2rem
}
 .fixed-swt .swt-phone i,.fixed-swt .swt-phone span,.fixed-swt .swt-phone strong{
    display:block
}
 .fixed-swt .swt-phone i{
    position:absolute;
    left:.13333rem;
    top:.08rem;
    width:.93333rem;
    height:.93333rem;
    z-index:2;
    border-radius:100%
}
 .fixed-swt .swt-phone i:after,.fixed-swt .swt-phone i:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    border-radius:100%
}
 .fixed-swt .swt-phone i:before{
    z-index:1;
    background:#d73906;
    left:.04rem;
    top:.04rem
}
 .fixed-swt .swt-phone i:after{
    z-index:2;
    background:#ffc65b;
    background:-webkit-linear-gradient(#feecc0,#ffa507);
    background:-moz-linear-gradient(#feecc0,#ffa507);
    background:-o-linear-gradient(#feecc0,#ffa507);
    background:linear-gradient(#feecc0,#ffa507);
    left:0;
    top:0
}
 .fixed-swt .swt-phone i img{
    display:block;
    width:100%;
    position:relative;
    z-index:3;
    border-radius:100%
}
 .fixed-swt .swt-phone span,.fixed-swt .swt-phone strong{
    width:100%;
    overflow:hidden;
    position:relative;
    z-index:2
}
 .fixed-swt .swt-phone span{
    margin-top:.05333rem;
    font-size:.26667rem;
    color:#fee9b7;
    line-height:.48rem
}
 .fixed-swt .swt-phone strong{
    font-size:.45333rem;
    line-height:.53333rem;
    color:#fff;
    font-weight:700;
    letter-spacing:2px;
    -webkit-text-shadow:.05333rem .05333rem .05333rem rgba(199,44,44,.75);
    -moz-text-shadow:.05333rem .05333rem .05333rem rgba(199,44,44,.75);
    text-shadow:.05333rem .05333rem .05333rem rgba(199,44,44,.75)
}
 .page-panel{
    width:100%
}
 .page-panel .pagination{
    width:100%;
    text-align:center;
    font-size:0
}
 .page-panel .pagination li{
    display:inline-block;
    height:.85333rem;
    margin:0 .13333rem;
    line-height:.85333rem;
    font-size:.42667rem;
    border-radius:.85333rem;
    border:1px solid #e6e6e6;
    color:#333;
    padding:0 .4rem
}
 .page-panel .pagination li a,.page-panel .pagination li span{
    line-height:.85333rem;
    font-size:.42667rem;
    color:#333
}
 .page-panel .pagination .disable span{
    color:#999
}
 .page-panel .pagination .act{
    position:relative;
    cursor:pointer
}
 .page-panel .pagination .act span:first-child{
    color:#fa4b3b
}
 .prev-next{
    width:100%;
    border-top:1px solid #f3f3f3;
    border-bottom:1px solid #f3f3f3
}
 .prev-next p{
    line-height:.64rem;
    color:#5a5a5a;
    margin:.26667rem 0;
    overflow:hidden
}
 .prev-next p span{
    font-size:.4rem;
    color:#333;
    font-weight:700
}
 .prev-next p a{
    font-size:.37333rem;
    color:#333;
    border-bottom:none
}
 .bqonline{
    line-height:1;
    padding:.21331rem .2rem .18669rem;
    background:url(bqonline-bg.png) no-repeat;
    background-size:100% 100%;
    color:#fff!important;
    display:inline-block;
    text-indent:0;
    border-bottom:none!important
}
 .param-panel{
    overflow:hidden
}
 .param-panel table{
    margin-bottom:.26667rem
}
 .param-panel h3{
    margin:.13333rem 0
}
 .param-panel p{
    margin:0
}
 table{
    font-size:13px
}
 td{
    text-align:center;
    line-height:1.5;
    padding:.13331rem;
    word-break:break-all
}
 .techdata-bg{
    background:-webkit-linear-gradient(left top,#5097fa,#217efe);
    background:-o-linear-gradient(bottom left,#5097fa,#217efe);
    background:-moz-linear-gradient(bottom left,#5097fa,#217efe);
    background:linear-gradient(to bottom left,#5097fa,#217efe)
}
 @media screen and (max-width:425px){
     .news-info .swt-panel dl{
        width:3.73333rem;
        left:3.2rem
    }
     .video-detail .video-info .video-data .swt-font a i{
        display:none
    }
}
 @media screen and (max-width:375px){
     .fixed-swt .swt-msg{
        width:30%
    }
     .fixed-swt .swt-phone{
        width:70%;
        padding-left:1.46667rem
    }
     .info-panel{
        padding:.4rem .66667rem .4rem .8rem
    }
     .info-panel .txt-info span{
        display:inline-block
    }
     .info-panel .benefits-panel p{
        line-height:.8rem
    }
     .info-panel .txt-tips{
        margin-top:.4rem
    }
     .info-panel .say-word{
        margin-top:.93333rem
    }
     .news-info .swt-panel dl{
        width:4rem;
        left:3.06667rem
    }
     .video-detail .video-info .video-data .swt-font a{
        padding:0 .4rem
    }
}
 @media screen and (max-width:359px){
     .info-panel{
        padding:.4rem .66667rem .4rem .8rem
    }
     .info-panel .txt-info span{
        display:inline-block
    }
     .info-panel .benefits-panel p{
        line-height:.64rem
    }
     .info-panel .txt-tips{
        margin-top:.4rem
    }
     .info-panel .say-word{
        margin-top:1.06667rem
    }
     .video-detail .video-info .video-data .swt-font p{
        padding:.4rem 3.46667rem .13333rem .4rem;
        line-height:.46667rem
    }
     .video-detail .video-info .video-data .swt-font a{
        padding:0 .4rem
    }
}
 @media screen and (max-width:330px){
     .info-panel{
        padding:.4rem .66667rem .4rem .8rem
    }
     .info-panel .txt-info span{
        display:inline-block
    }
     .info-panel .benefits-panel{
        margin-top:.13333rem
    }
     .info-panel .txt-tips{
        margin-top:.26667rem
    }
     .info-panel .btn-link{
        margin-top:.4rem
    }
     .info-panel .say-word{
        margin-top:.93333rem
    }
     .info-panel .form-content{
        margin:.53333rem 0 0 -.26667rem
    }
}
 .fixed-swt-night{
    width:100%;
    max-width:750px;
    position:fixed;
    bottom:0;
    z-index:1080;
    height:1.6rem;
    line-height:1.6rem;
    background:url(fixed-swt-night-bg.jpg) repeat-x
}
 .fixed-swt-night p{
    color:#fff;
    line-height:1.6rem;
    padding-left:.4rem;
    font-size:.37333rem
}
 .fixed-swt-night a{
    display:block;
    position:absolute;
    text-align:center;
    right:3px;
    bottom:4px;
    padding:.30666rem 1.0666rem;
    background:url(fixed-swt-night-btn.png) no-repeat center;
    background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    font-size:.48rem;
    color:#fff;
    font-weight:900;
    line-height:1
}
 .fixed-swt-night a:before{
    content:'';
    display:block;
    width:.8rem;
    height:.666rem;
    background:url(fixed-swt-night-write.gif) no-repeat;
    background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    margin:0 auto 5px
}
 .mwd-page{
    background-color: #F8FBFD;
}
 .mwd-page:before{
    display: none;
}
 .mwd-box{
    padding: 0.6rem 0.4rem;
}
 .mwd-box .page-panel{
    margin-top:0.8rem
}
.mwd-top{
    background: url(mwd-top.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    color: #FFF;
    padding: 0.84rem 0.2rem 1.05rem;
    position: relative;
}
 .mwd-top h1{
    font-size: 0.533rem;
    line-height: 1.1;
}
 .mwd-top p{
    color: rgba(255,255,255,.8);
    font-size: 0.373rem;
    line-height: 1.7;
    margin-top: 0.6rem;
}
 .mwd-bg{
    background: #FC6816;
    background: -webkit-linear-gradient(top, #FC6816 0%,#FD2112 100%);
    background: -moz-linear-gradient(top, #FC6816 0%,#FD2112 100%);
    background: -ms-linear-gradient(top, #FC6816 0%,#FD2112 100%);
    background: -o-linear-gradient(top, #FC6816 0%,#FD2112 100%);
    background: linear-gradient(to bottom, #FC6816 0%,#FD2112 100%);
}
 .mwd-top span{
    position: absolute;
    left: 3.4rem;
    right: 3.4rem;
    bottom:-0.3866rem;
     margin: 0 auto;
     line-height: 0.7733rem;
    color: #FFF;
    font-size: 0.42667rem;
    font-weight: bold;
    -webkit-border-radius: 0.067rem;
    border-radius: 0.067rem;
    cursor: pointer;
}
 .mwd-show{
    margin-top: 1.33rem;
}
 .mwd-showt{
    margin-top: 0;
}
 .mwd-show h1{
    color: #373737;
    font-size: 0.5333rem;
    line-height: 1.1;
    margin-bottom: 0.4rem;
}
 .mwd-show h2{
    color: #373737;
    font-size: 0.48rem;
    line-height: 1.1;
    margin-bottom: 0.4rem;
}
 .mwd-list li{
    border-bottom:1px solid #D1D2D6;
    padding-bottom: 0.6rem;
    padding-top: 0.55rem;
}
 .mwd-list li .mwd-name{
    padding-left: 0.9rem;
    position: relative;
    line-height: 0.6rem;
}
 .mwd-list li span{
    position: absolute;
    left: 0;
    top: 0.03rem;
    background-color: #2F3E58;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    font-size: 0.2933rem;
    font-weight: bold;
    width: 0.53rem;
    height: 0.53rem;
    text-align: center;
    line-height: 0.53rem;
}
 .mwd-list li .mwd-name a{
    display: block;
    color: #373737;
    font-size: 0.4rem;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
 .mwd-list li .mwd-name a:hover{
    color: #FC6816;
}
 .mwd-list li .mwd-info{
    padding-left: 0.9rem;
    position: relative;
    margin-top: 0.48rem;
    line-height: 1.75;
}
 .mwd-list li .mwd-info span{
    top: 2px;
}
 .mwd-list li .mwd-info p{
    font-size: 0.3733rem;
    color: #585858;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
 .mwd-title{
    margin-top: 0.15rem;
}
 .mwd-title h1{
    color: #373737;
    font-size: 0.6133rem;
    line-height: 1.5;
}
 .mwd-title p{
    color: #989898;
    font-size: 0.32rem;
    line-height: 0.4267rem;
    margin-top: 0.5rem;
}
 .mwd-title p span{
    display: inline-block;
    margin-right: 0.4rem;
}
 .mwd-title p span.mwd-ok{
    background-color: #FFF1ED;
    color: #fc5a15;
    padding: 0 0.2133rem;
    font-size: 0.2667rem;
}
 .mwd-con{
    margin: 1rem 0;
}
 .mwd-con h2{
    color: #373737;
    font-size: 0.50667rem;
    line-height: 1.7;
    margin-bottom: 0.5rem;
    font-weight: bold;
}
 .mwd-con h3{
    color: #373737;
    font-size: 0.48rem;
    line-height: 1.7;
    margin-bottom: 30px;
    font-weight: bold;
}
 .mwd-con p{
    color: #585858;
    font-size: 0.4rem;
    line-height: 2;
    margin-bottom: 0.4rem;
}
 .mwd-con p img {
    width: 800px;
    max-width: 100%;
    height: auto;
}
 .mwd-con a{
    display: inline-block;
    padding: 0 2px;
     color: #FC6816;
}
 .mwd-con a:hover{
    text-decoration: underline;
}
 .mwd-tags{
    background-color: #FFF;
    box-shadow: 0 0 0.68rem rgba(102,135,135,.13);
    padding: 0.5333rem;
}
 .mwd-tags strong{
    display: inline-block;
    color: #373737;
    font-size: 0.4rem;
    font-weight: normal;
    margin-bottom: 0.24rem;
}

 .swiper-banner .swiper-slide .hot-font .swt,.swiper-solution .swiper-slide .hot-font .swt{
    display:none
}
 .about-banner span video{
    width:100%
}