/*.wrap img{width: 100%;}

*/

/*广告*/

.g-adv {clear:both;height:auto;overflow:hidden;position: relative;    margin-top: 5rem;}

.g-adv img{ width:100%;display: block;}



.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:1rem;width: 26.6%!important;padding: 0.55rem 0 0;height: 1.5rem;border-radius: 2.05rem;left:36.7%!important;}

.case1 .swiper-container-horizontal > .case1 .swiper-pagination-bullets,.case1 .swiper-pagination-custom,.case1 .swiper-pagination-fraction{bottom:12.4rem;background: none!important;}

.g-adv .swiper-pagination-bullet{background:#0075c2;width:0.8rem;height:0.8rem;border-radius: 0.8rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;margin: 0 0 0 1rem;}

.g-adv .swiper-pagination-bullet-active,.new_c .swiper-pagination-bullet-active{background: #0dd1ff;}



.swiper-slide{overflow: hidden;}



.til01{height:5.9rem;line-height:1.8rem;font-size: 1rem;color: #4d4948;text-align: center;white-space: nowrap;}

.til01 p{display: block;font-size: 2.1rem;line-height:2.95rem;font-weight: bold;}





/*我们*/

.m-webox,.webox_c img{width: 100%;display: block;}



/*产品中心*/

.m-probox{clear: both;display: block;padding:3.9rem 2%;background:#f5f5f5;}

.pro_nav{height: 8.5rem;font-size: 1.2rem;line-height: 2.95rem;text-align: center;}

.pro_nav li{height:3.05rem;width: 47.5%;float: left;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;background: #ededed;border: solid 1px #cdcdcd;color: #2a2a2a;margin-bottom: 0.5rem;}

.pro_nav ul a:nth-child(1) li{background: #0075c2;border-color: #0075c2;color: #fff;}

.pro_nav ul a:nth-child(2n) li,.pro_c a:nth-child(2n) dl{margin-left:5%;}



.pro_c{height: 34.9rem;}

.pro_c dl{width: 47.5%;float: left;font-size: 1rem;line-height: 1.5rem;height:16.9rem;}

.pro_c dt{position:relative;}

.pro_c dt em{position:absolute;width:3.2rem;height:3.25rem;display:block;left:0;top:0;}

.pro_c dt,.pro_c dt img{display: block;width: 100%;}

.pro_c dt img{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 1px #d0d0d0;}

.pro_c dt em img{border:0;}

.pro_c dd{padding:1rem 0 0;color: #717171;height:6.1rem;overflow:hidden;}

.pro_c dd h3{height:1.55rem;color: #363636;font-weight: bold;line-height: 1.55rem;font-size: 1rem;}

.pro_pho{display: block;height: 4.55rem;background: #0075c2;color: #fff;font-size: 0.7rem;line-height: 1.15rem;text-align: center;}

.pro_pho span{display: inline-block;background:url(../images/c_pho.png) no-repeat 0 center;-webkit-background-size:2.6rem 2.6rem; -moz-background-size: 2.6rem 2.6rem; -o-background-size: 2.6rem 2.6rem; background-size: 2.6rem 2.6rem;padding: 0 0 1rem 1.5rem;text-align: left;padding: 0.8rem 0 0.8rem 3.1rem;font-size: 1.2rem;}

.pro_pho span b,.edge_pho span b,.gg01 p b{display: block;font-size: 1.8rem;color: #fffc0d;line-height: 1.3rem;}

.gg01 p b{font-size:18px;}



/*产品优势*/

.m-cpys,.m-cpys img{display: block;width: 100%;}



/*优势../images/dbbg.jpg  url(/mobile/resource/images/e80e6c5e1ce4495d9e4aba900e69171c_2.png) no-repeat 0 0*/

.m-edge{padding:0 3.125%;background:url(../images/f9d5abe789e742488f98b69f61bd7c52_2.png) no-repeat 0 0;-webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;height: 60.5rem;}

.m-edge h2{color: #fff;font-weight: bold;height: 7.8rem;line-height: 7.8rem;font-size: 2.1rem;text-align: center;}

.edge_c{background: #fff;margin: 26.6rem auto 0;height: 24.65rem;}

.edge_c h3{background:url(../images/ico02.gif) no-repeat 0.9rem center #0dd1ff;-webkit-background-size:1.8rem 1.7rem; -moz-background-size: 1.8rem 1.7rem; -o-background-size: 1.8rem 1.7rem; background-size: 1.8rem 1.7rem;height:3.55rem;line-height: 3.55rem;font-weight: bold;color: #fff;padding:0 0 0 3.35rem;font-size: 1.3rem;}

.edge_cl{padding: 0.65rem 1rem 0 1.55rem;}

.edge_cl ul{height:8rem;font-weight: bold;font-size: 1.1rem;color: #2a2a2a;}

.edge_cl li{height:2.4rem;overflow: hidden;line-height: 2.4rem;}

.edge_cl li span{width: 9.6rem;height: 1.7rem;border-bottom: solid 1px #bfbfbf;margin: 0 0.5rem;color: #cc0e0e;text-align: center;display: inline-block;}

.edge_gg,.edge_gg img{display: block;}

.edge_pho{clear: both;padding: 1.6rem 0 0;font-size: 1rem;color: #505050;line-height: 1.35rem;display: block;}

.edge_pho span{display: block;background:url(../images/c_pho1.gif) no-repeat 0 0.25rem;-webkit-background-size:2.6rem 2.55rem; -moz-background-size: 2.6rem 2.55rem; -o-background-size: 2.6rem 2.55rem; background-size: 2.6rem 2.55rem;padding: 0 0 0 3.3rem;}

.edge_pho span b{color: #0dd1ff;}



/*PK*/

.m-pkbox{padding: 3.1rem 3.125% 0;height: 40.5rem;}

.pkbox_t{height: 11.45rem;font-size: 1.2rem;color: #2a2a2a;}

.pkbox_t li{width: 48.83%;height:4.35rem;background: #ededed;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;float: left;margin-bottom: 1.15rem;padding:1.1rem 0 0 2.9rem;}

.pkbox_t li:nth-child(2n){margin-left:2.34%;}

.pkbox_t li p{width:52%;float: left;padding: 0 0 0 0.8rem;}

.pkbox_t li span{width: 1.9rem;height: 2.1rem;display: block;position: relative;float: left;overflow: hidden;}

.pkbox_t li span i{width:1.9rem;height: 2.1rem;position: absolute;display: block;top: 0;left: 0;}

.pkbox_t li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}

.pkbox_t li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;

    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);

    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);

    -webkit-transform-origin:50% 0%;

    transform-origin:50% 0%;

    -webkit-transition:all 0.4s linear;

    transition:all 0.4s linear;}

.pkbox_t li.cur{color: #0075c2;border-bottom: solid 0.25rem #0075c2;font-weight: bold;position: relative;}

.pkbox_t li.cur:before{content: ""; position: absolute;width: 0;height: 0;border-left: solid 0.6rem transparent;border-right: solid 0.6rem transparent;border-top: solid 0.6rem #0075c2;left: 50%;margin-left: -0.6rem;bottom: -0.6rem;}

.pkbox_t li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}

.pkbox_t li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.pkbox_t li p em{display: block;font-family: Arial;font-size: 0.5rem;font-weight: normal;color: #939393;}

.pkbox_c{background:url(../images/vstbg.gif) no-repeat 0 0 #ededed;-webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;overflow: hidden;}

.pkbox_c dl{width: 50%;float: left;text-align: center;font-weight: bold;font-size: 1rem;line-height: 1.2rem;}

.pkbox_c dl:nth-child(1){color: #fff;}

.pkbox_c dl:nth-child(1) dd{background: #0075c2;}

.pkbox_c dt span{display: block;height: 2.9rem; font-size: 1rem;line-height: 2.9rem;}

.pkbox_c dt img{display: block;width: 100%;}

.pkbox_c dd{display: block;height: 4.7rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding: 0.75rem 0 0;}

.pkbox_c dd span{color: #0075c2;}

.pkbox_c dl:nth-child(1) dd span{color: #fffc0d;}



/*团队*/

.m-honner{ /*background: url(../images/index_case_bg.jpg) no-repeat;

    background-attachment: fixed;-webkit-background-size:500%;*/ -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;padding: 2.5rem 3.125% 0;height:28rem;position: relative;}

.prev,.next{width: 2.6rem;height: 2.6rem;position: absolute;bottom: 2.4rem;right: 40.3%;z-index: 8;}

.prev{left: 40.3%;}

.hon_c{overflow: hidden;height:20rem;}

.hon_c li{width:31.333%;float: left; margin:0 1%;margin-bottom:1rem;}

.hon_c li img{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding: 0.4rem;background: #1b0d0a;display: block;}

.hon_c ul a:nth-child(3n-1) li{margin:0 3.5%;}





/*案例*/

.m-case{padding: 0rem 0 0;font-size: 1rem;line-height: 1.2rem;color: #968c8c;}

.case1{height: 29.6rem;color: #fff;background: #0d7cc5;position: relative;}

.case_t1{position: absolute;left: 0;top: 12.2rem;height: 1.5rem;text-align: center;z-index: 2;width: 100%;}

.case_t1 em{width: 0.95rem;height: 0.95rem;border-radius: 0.95rem;background: #d0d0d0;margin: 0 0.5rem 0 0;display: inline-block;}

.case_t1 em.cur{background: #0075c2;}

.case1_c{height: 22.7rem;}

.case1_c dt,.case1_c dt img{display: block;width: 100%;}

.case1_c dd{display: block;padding: 0.8rem 1.1rem 0;}

.case1_c dd h3{display: block;height: 2.55rem;font-weight: bold;line-height: 2.55rem;color: #fff;font-size: 1.2rem;}

.case_pho{margin: 0 3.125%;border-top: dashed 1px #78aad8;padding: 0.65rem 0 0 2.55rem;background:url(../images/c_pho.png) no-repeat 0 0.65rem;-webkit-background-size:1.95rem 1.95rem; -moz-background-size: 1.95rem 1.95rem; -o-background-size: 1.95rem 1.95rem; background-size: 1.95rem 1.95rem;display: block;line-height: 1.95rem;color: #fff;}

.case_pho b{font-size: 1.8rem;color: #fffc0d;display: inline-block;padding: 0 0.7rem;}



.case2{margin:2rem 3.125% 0;height: 38.2rem;overflow: hidden;}

.case2_t{height: 6.15rem;font-size: 1rem;color: #4d4948;text-align: center;line-height: 2.5rem;}

.case2_t li{width: 24.66%;float: left;margin: 0 0.45% 0.1rem 0; height: 2.5rem;background: #ededed;color: #4d4948;}

.case2_t ul a:nth-child(4n) li{margin-right: 0;}

.case2_t ul a:nth-child(1) li{color: #ededed;background: #0d7cc5;}

.case2_c li{width: 49%;float: left;height: 14.95rem;line-height: 1.4rem;color: #968c8c;font-size: 1rem;}

.case2_c li p{display: block;padding: 0.75rem 0 0;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.case2_c li p span{display: block;line-height: 1.5rem;color: #5e5b5a;font-weight: bold;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.case2_c ul a:nth-child(2n) li{margin-left: 2%;}



/*小广告*/

.h-gg{position: relative;}

.h-gg,.h-gg img{width: 100%;display: block;}

.gg01{height: 5.4rem;bottom: 0;right:0;width: 90%;position: absolute;}

.gg02{width:78.2%;}

.gg01 span{width: 7.75rem;line-height: 2.25rem;background: #0cc3f4;color: #fff;float: left;margin:0rem 1.55rem 0 0;font-size: 1rem;font-weight: bold;text-align: center;}

.gg01 p{background:url(../images/c_pho.png) no-repeat 0 0.3rem;-webkit-background-size:1.95rem 1.95rem; 
    -moz-background-size: 1.95rem 1.95rem; -o-background-size: 1.95rem 1.95rem; background-size: 1.95rem 1.95rem;
    float: left;font-size: 1.4rem;line-height: 1.5rem;color: #fff;padding: 0 0 0 3.15rem;}



/*资讯*/

.chara_c{height: 26.2rem;font-size: 1rem;line-height: 1.25rem;color: #898989;}

.chara_c dt,.chara_c dt img{width: 100%;display:block;}

.chara_c dd{padding: 2rem 3.125% 0;display:block;}

.chara_c dd h3{height: 6.5rem;font-size: 1.8rem;font-weight: bold;color: #000;line-height: 2rem;}

.chara_c dd h3 b{float: left;width: 4rem;display: block;height: 6rem;margin: 0 0.5rem 0 0;}

.chara_c dd h3 p{float: left;width:82%;padding: 0;}

.chara_c dd h3 span{display: block;height:3.05rem;}

.chara_c dd h3 span i{font-style: normal;color: #0075c2;}

.chara_c dd h3 em{display: block;font-size: 1.1rem;line-height: 1.75rem;border-top: solid 1px #d9d9d9;border-bottom: solid 1px #d9d9d9;}

.chara_c dd p{display: block;padding: 0 0 1.1rem;}

.chara_c dd li{display: block;float: left;width: 7rem;height: 7rem;border-radius:100%;background: #9b9b9b;color: #fff;font-size: 0.9rem;line-height: 1.65rem;border:solid 0.2rem #e0e0e0;margin: 0 0 0 1.7rem;text-align: center;overflow: hidden;}

.chara_c dd li b{display: block;font-family: Times New Roman;font-size: 2.4rem;line-height: 2.5rem;padding: 1rem 0 0;}

.chara_c dd .chara_l1 li{line-height: 7rem;}



.chara_t{height: 5.2rem;line-height: 1.4rem;text-align: center;position: relative;z-index: 1;padding: 0 1.5rem 0 0;}

.chara_t em{width: 1.4rem;line-height: 1.4rem;border-radius: 1.4rem;text-align: center;background: #9b9b9b;color: #fff;font-size: 1rem;display: inline-block;margin: 0 0 0 1.5rem;}

.chara_t em.cur{background: #0075c2;}

.chara_t:before{content: "";position: absolute;width: 93.44%;height: 0.2rem;top: 0.7rem;left: 3.28%;background: #e1e1e1;z-index:-1;}



/*资讯*/

.m-news{height:33rem;overflow: hidden;font-size:0.9rem;line-height:1rem;color: #9b9b9b;padding:0rem 3.125% 0;}

.newtil{text-align: center;height:3.85rem;line-height:2.3rem;font-size:1rem;color: #6e6b6a;z-index: 1;}

.newtil li{float: left;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;width: 33.33%;height: 2.4rem;border: solid 1px #d6d6d6;}

.newtil li.cur{color:#fff;background: #0075c2;border-color: #0075c2;}

.new_c{overflow: hidden;height: 20.7rem;position: relative;}

.new_c li{height:9rem;overflow: hidden;width: 47.67%;float: left;color: #9b9b9b;}

.new_c ul a:nth-child(2n) li{margin-left:4.66%;}

.new_c li em{height:1.85rem;overflow: hidden;line-height:1.85rem;font-weight: bold;font-size: 1.1rem;color: #dcdcdc;display: block;border-bottom: solid 1px #dcdcdc;font-family: Times New Roman;margin-bottom: 0.25rem}

.new_c li span{height:2.4rem;overflow: hidden;line-height:2.4rem;font-weight: bold;font-size:1rem;color: #777;display: block;}



/*关于欧顺诺*/

.m-about{font-size: 1rem;line-height: 1.5rem;color: #8d8d8d;display:block;background: #ededed;padding:2.95rem 0 0;}

.about_p,.about_p img{width: 100%;display: block;height:12.85rem;}

.about_w{padding:2.85rem 3.125% 0;height: 12rem;}

.about_t{height: 12.2rem;}

.about_t em{color: #b2b2b2;font-size:3rem;line-height:3rem;height: 6.8rem;display: block;font-weight: bold;}

.about_t h3{font-size: 1rem;line-height: 2.5rem;color: #2a2a2a;}

.about_t h3 span{font-size:2.1rem;font-weight: bold;padding:0 3.95rem 0 0;line-height: 2.55rem;background:url(../images/ico01.gif) no-repeat right center;-webkit-background-size:2.2rem 2.2rem; -moz-background-size: 2.2rem 2.2rem; -o-background-size: 2.2rem 2.2rem; background-size: 2.2rem 2.2rem;}









html {font-size: 10px;}

@media screen and (min-width: 320px) {

    html {

        font-size: 10.625px;

    }

}

@media screen and (min-width: 360px) {

    html {

        font-size: 11.875px;

    }

}

@media screen and (min-width: 400px) {

    html {

        font-size: 13.125px;

    }

}

@media screen and (min-width: 440px) {

    html {

        font-size: 14.375px;

    }

}

@media screen and (min-width: 480px) {

    html {

        font-size: 15.625px;

    }

}

@media screen and (min-width: 520px) {

    html {

        font-size: 16.875px;

    }

}

@media screen and (min-width: 560px) {

    html {

        font-size: 18.125px;

    }

}

@media screen and (min-width: 600px) {

    html {

        font-size: 19.375px;

    }

}

@media screen and (min-width: 640px) {

        html {

            font-size: 20px;

        }

    }









    /*内页标题*/







 .ad-01{

     position: relative;

     min-height: 4rem;

        background: #0055b2;

        /*background: url(images/m11-icon2.jpg) no-repeat center top;*/

        /*background-size: 100% 4rem; */

 }

 .ad-01-img img{

     display: block;

     width: 100%;



 }

    .ad-01-title {

        position: absolute;

        top: 0;

        height: 4rem;

        width: 100%;

        font-size: 1.6rem;

        text-align: center;

        color: #fff;

        line-height: 4rem;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

        box-sizing: border-box;

    }



    /*内页新闻*/

        .m-xl-1nt16-9-01-list {

            padding: 0 3%;

        }



        .m-xl-1nt16-9-01-list dl {

            padding: 1.25rem 0;

            border-bottom: 1px solid #e5e5e5;

            display: inline-block;

            width: 100%;

        }



        .m-xl-1nt16-9-01-list dt {

            width: 40%;

            float: left;

            margin-right: 3%;

        }



        .m-xl-1nt16-9-01-list dt img {

            width: 100%;

        }



        .m-xl-1nt16-9-01-list h3 {

            height: 2.2rem;

            font-size: 1.4rem;

            line-height: 2.2rem;

            color: #626262;

            text-overflow: ellipsis;

            border-bottom: 0.15rem solid #f1f1f1;

            overflow: hidden;

            white-space: nowrap;

        }



        .m-xl-1nt16-9-01-list-desc {

            margin-top: 0.4rem;

            height: 4.8rem;

            font-size: 1.2rem;

            line-height: 1.6rem;

            color: #626262;

            overflow: hidden;

        }



        .m-xl-1nt16-9-01-list-data {

            font-size: 1.2rem;

            font-weight: bold;

            line-height: 1.8rem;

            color: #626262;

            display: inherit;

            float: right;

            margin-top: -1.8rem;

        }

        .g_cpys{background:url(../images/ysbg.png) no-repeat center 30px;height: auto;background-size: 90%; margin-top:30px}
        .g_cpys h2{height:310px;text-align: center;font-size:1.8rem;color: #2a2a2a;font-weight: normal;}
        .g_cpys h2 i{font-style: normal;font-size: 60px;color: #0075c2;}
        .g_cpys h2 span{font-weight: bold;color: #0075c2;}
        
        
        .g_cpys li{width: 94%; height: auto;line-height:23px;padding-left: 0px;font-size: 1rem;color: #2a2a2a;margin-bottom: 8px;padding: 20px;}
        .g_cpys li b{color: #0075c2;}
        .g_cpys .ysno1{background:#f1f1f1}
        
        
        
        
        .index_youshi_all{ background:url(../images/index_youshi_bj.jpg) no-repeat top center; padding: 60px 0 20px; height:auto; overflow:hidden;}
.youshi_title{text-align: center; margin:0 auto;}
.youshi_title p:nth-child(1){ width:400px; display:block; float:left;}
.youshi_title p:nth-child(1) span,.youshi_title p:nth-child(2) span{ display:block;}
.youshi_title p:nth-child(1) span:nth-child(1){ font-size:45px; font-weight:bold; color:#000; letter-spacing:4px;}
.youshi_title p:nth-child(1) span:nth-child(2){ font-size:12px; text-transform:uppercase;color:#000;}
.youshi_title p:nth-child(2) { display:block; float:left; border:1px #000 solid; padding:5px;color:#000; margin-top:8px;}
.youshi_title p:nth-child(2) span:nth-child(1){ font-size:29px;} 
.youshi_title p:nth-child(2) span:nth-child(2){ font-size:13px; text-transform:uppercase;}
.youshi_all_content{ padding:0px; background:#FFF; margin-top:50px; height:auto; overflow:hidden; width:94%; margin:0 auto}

.youshi_all_content a{ display:block; padding:20px; width:100%; margin-bottom:0px; position:relative; overflow:hidden;border: 1px solid #efefef;box-sizing: border-box;}

.youshi_all_content a img{ margin-bottom:0px;}
.ys_title b{ display:block; float:left; background:#2a2b30; height:88px; width:88px; line-height:88px; font-size:28px; margin-right:15px; text-align:center; color:#FFF;transition:all 0.4s; font-family:Arial, Helvetica, sans-serif;}
.ys_title div{ height:48px; line-height:28px; padding:20px 0;}
.ys_title div span{ display:block;}
.ys_title div span:nth-child(1){ font-size:26px; font-weight:bold;}
.ys_title div span:nth-child(2){ font-size:14px; text-transform:uppercase;} 
.youshi_all_content a ul{ margin-top:16px;}
.ys_title div span em{color: #0055b2;font-style: normal;}

.youshi_all_content a li{ font-size:1rem; color:#616161;  line-height:26px;}
.youshi_all_content a li i{ display:block; float:left; background:url(../images/dot1.png) no-repeat left center; width:9px; height:9px; margin-top:10px; margin-right:10px; transition:all 0.4s;}
.youshi_all_content a:hover li i{background:url(../images/dot1.png) no-repeat -11px center;}
.youshi_all_content a:hover .ys_title b{ background:#0055b2;}
.youshi_all_content a:hover{ color:#000;-moz-box-shadow:1px 2px 20px #ececec; -webkit-box-shadow:1px 2px 20px #ececec; box-shadow:1px 2px 20px #ececec;}
.youshi_all_content a:after{ content:''; position:absolute; transition:all 0.4s; left:35%; width:0;}
.youshi_all_content a:hover:after{ height:1px; width:100%; background:#e6e6e6; left:0px; bottom:0px;}
.youshi_all_content a img{ width:100%; height:auto; transition:all 0.4s;}
.youshi_all_content a:hover img{transform:scale(1.1,1.1)}
.youshi_all_content a .ys_img{width:100%; height:auto; overflow:hidden; margin-bottom:10px;}






.index_youshi{ background:#f6f6f6; height:auto; overflow:hidden; padding:58px 0 50px; margin-bottom:30px}
.youshi_xm{text-align: center;}
.youshi_xm p:nth-child(1){ font-size:36px; color:#282828; font-weight:bold; text-align:center; height:60px; line-height:60px;}
.youshi_xm p:nth-child(2){ font-size:12px; color:rgba(0,0,0,.2); text-transform:uppercase; text-align:center; height:30px; line-height:30px;}
.youshi_xm p:nth-child(3){ font-size:28px; color:#333;  text-align:center; }
.index_youshi ul li{ position:relative; width:29.3%;  display:inline-block; padding:0 1.5%; text-align:center; margin:10px 0; margin-bottom: 0;}

.index_youshi ul li span{ display:block; margin:0 auto 15px; height:110px; width:110px; border-radius:50%; background:#0055b2; transition:all 0.4s;display:flex;justify-content: center;align-items: center;}

/*.index_youshi ul li:nth-child(n+2):after{ content:''; position:absolute; left:64px;border:2px #FFFFFF solid; width:130px; height:130px; border-radius:50%; top:8px; } */
.index_youshi ul li p{ color:#333; font-size:1.3rem; position:relative; transition:all 0.4s;}
.index_youshi ul li p:after{ position:absolute; content:''; border-bottom:1px #d7d7d7 solid; width:25%; left:35%; bottom:-10px; transition:all 0.4s;}
.index_youshi ul li p:before{ position:absolute; content:''; border-bottom:1px #f6f6f6 solid; width:25%; left:35%; top:-10px; transition:all 0.4s;}



.index_youshi ul li:hover span{ background:#0055b2;}
.index_youshi ul li:hover span i{ background:url(../images/ys_1.png) no-repeat -114px center;}
.index_youshi ul li:hover p:after{ width:80%;border-bottom:1px #0055b2 solid;left:10%}
.index_youshi ul li:hover p:before{ width:80%;border-bottom:1px #0055b2 solid;left:10%}

.index_youshi ul li:nth-child(1) span i{ background:url(../images/ys_1.png) no-repeat center; width:57%; height:74px; display:block; background-size:80%}




.index_youshi ul li:nth-child(2) span i{ background:url(../images/ys_2.png) no-repeat center; width:57%; height:74px; display:block; background-size:80%}


.index_youshi ul li:nth-child(3) span i{ background:url(../images/ys_3.png) no-repeat center; width:57%; height:74px; display:block; background-size:80% }


.index_youshi ul li:nth-child(4) span i{ background:url(../images/ys_4.png) no-repeat center; width:57%; height:74px; display:block; background-size:80% }



.index_youshi ul li:nth-child(5) span i{ background:url(../images/ys_5.png) no-repeat center; width:57%; height:74px; display:block; background-size:80% }


.index_youshi ul li:nth-child(6) span i{ background:url(../images/ys_6.png) no-repeat center; width:57%; height:74px; display:block; background-size:80% }
.index_youshi ul li:nth-child(7) span i{ background:url(../images/ys_7.png) no-repeat center; width:57%; height:74px; display:block; background-size:80% }
.index_youshi ul li:nth-child(8) span i{ background:url(../images/ys_8.png) no-repeat center; width:57%; height:74px; display:block; background-size:80% }
.index_youshi ul li:nth-child(9) span i{ background:url(../images/ys_9.png) no-repeat center; width:57%; height:74px; display:block; background-size:80% }



.index_youshi ul li:nth-child(9){display:none}