@charset "utf-8";

/*PC端样式*/
@media screen and (min-width: 750px) {
    *{
        margin:0;
        padding:0;
        list-style: none;
        letter-spacing: 1px;
    }
    body{
        /*padding-top:60px;*/
        /*background:url('../img/bodyBg1.jpg');*/
        overflow-y: auto;

        /*IE滚动条--支持10+*/
        /*-ms-scroll-chaining: chained;*/
        -ms-overflow-style: none;
        /*-ms-content-zooming: zoom;
        -ms-scroll-rails: none;
        -ms-content-zoom-limit-min: 100%;
        -ms-content-zoom-limit-max: 500%;
        -ms-scroll-snap-type: proximity;
        -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
        -ms-overflow-style: none;
        overflow: auto;*/

    }
    body::-webkit-scrollbar {
        display: none;
        /*-webkit-appearance: none;*/
    }
    body::-webkit-scrollbar:vertical {
        width: 10px;
    }
    body::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 2px solid white;
        background-color: rgba(0, 0, 0, 0.5);
    }
    /*
    body::-webkit-scrollbar:horizontal { height: 11px;}
    body::-webkit-scrollbar { -webkit-appearance: none;}
    */

    .pcContainer{
        display: block;
    }
    .wxContainer{
        display: none;
    }
    .wxHeader, .wxHeader{
        display: none;
    }

    .rowBg02 h2, .rowBg03 h2, .rowBg04 h2,
    .rowBg02 h3 , .rowBg04 h3 ,
    .proBox_ul li dl dd,
    .iconTitle,
    .wx_cont02 ul li,
    .wx_cont03 ul li{
        color: #000;
        background-image: -webkit-linear-gradient(#aaa, #000);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .loading{
        border:1px solid red;
        width:500px;
        height:500px;
        border-radius: 5px;
        margin: auto;
        position: fixed;
        top:0;
        bottom: 0;
        left:0;
        right: 0;
        overflow: hidden;
    }
    .container{
        position: relative;
    }

    /*导航*/
    .header{
        min-height: 60px;
        overflow: hidden;
        background: #fff;
        background: rgba(255,255,255,1);
        /*background:url('../img/bodyBg1.jpg');*/
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 1;
        box-shadow: 0 0 2px #eee;
    }


    .navCenter{
        min-width:1000px;
        height: 60px;
        /*margin: 5px auto;*/
        margin-left:15px;
    }
    .logo{
        width:15%;
        height: 60px;
        min-width:130px;
        float: left;
        overflow: hidden;
        font-family: Arial;
    }
    .logo a{
        display: block;
        overflow: hidden;
        margin-top:14px;
    }

    .logo img{
        display: inline-block;
        float: left;
    }


    .logoTxt{
        float: left;
        padding-left:8px;
    }
    .logoTxt span{
        display: block;
        font-size:12px;
        height: 14px;
        line-height:12px;
        color:#009999;
        font-weight: bold;
        letter-spacing:0px;
    }
    .logoTxt span:first-child{
        height: 18px;
        line-height:18px;
        font-size:16px;
        letter-spacing:4px;
    }

    ul.nav{
        width:70%;
        /*margin: 0 0 0 50px;*/
        float: left;
        margin-top: 12px;
    }
    ul.nav li{
        height: 37px;
        float: left;
        text-align: center;
        position: relative;
    }
    ul.nav li a{
        padding: 0 20px;
        height: 35px;
        line-height: 35px;
        display: inline-block;
        letter-spacing: 2px;
        font-size: 14px;
        cursor: pointer;
        transition: color 0.3s;
        -webkit-transition: color 0.3s;
    }
    ul.nav li span{
        display: block;
        width:0;
        height:2px;
        margin:0 auto;
        background-color: #ff5722;
        position: absolute;
        bottom: 0;
        left:0;
        right: 0;
        transition: width 0.3s;
        -webkit-transition: width 0.3s;
    }
    ul.nav li a:hover{
        color: #FF5722;
        font-weight: bold;
    }
    ul.nav li:hover span{
        width:98%;
    }
    ul.nav .navOn a{
        color: #FF5722;
        font-weight: bold;
    }
    ul.nav .navOn span{
        width:98%;
    }

    .tel{
        width:15%;
        float: right;
        text-align: center;
    }
    .tel span{
        line-height: 60px;
        display: inline-block;
        font-size: 18px;
        color:#ff5722;
        background-image: -webkit-linear-gradient(bottom right, red, purple);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .main{

    }

    .rowBg{
        margin:0 auto;
    }
    .rowBg .contBox{
        min-width: 1000px;
        max-width: 1200px;
        /*min-height:500px;*/
        margin:0px auto;
        padding-bottom: 20px;
    }

    /*背景*/
    .rowBg01, .rowBg03, .rowBg05, .rowBg07{
        /*background: url("../img/bg_even.png");*/
    }
    .rowBg02, .rowBg04, .rowBg06, .rowBg08{
        /*background: url("../img/bg_odd.png");*/
    }
    /*.rowBg:nth-child(odd){
        background: url("../img/bg_odd.png");
    }
    .rowBg:nth-child(even){
        background: url("../img/bg_even.png");
    }*/
    .rowBg08{display: none;}
    .pageIndex{
        height:60px;
        /*background: url("../img/banner2.jpg") no-repeat center top;*/
    }

    /*轮播图--Banner*/
    #bannerBox{
        /*margin-top:70px;*/
    }
    #banner01,#banner02,#banner03{
        /*height: 800px;*/
    }
    /*#banner01{
        background: url("../img/bodyBg.png") no-repeat top center;
    }*/
    #banner02{
        background: url("../../img/banner.jpg") no-repeat center;
    }
    #banner03{
        background: url("../../img/banner.jpg") no-repeat center;
    }
    .layui-carousel{
        background-color: #f6f6f6;
    }


    /*产品--Page01*/
    .rowBg01{

    }
    .rowBg01 .contBox{
        min-height: 500px;
        padding-bottom:20px;
    }

    .serviceHeader{
        text-align: center;
    }
    .serviceHeader h2{
        height:36px;
        line-height:36px;
        padding:5px 0;
        font-size:32px;
        color:#ff5722;
        background-image: -webkit-linear-gradient(red,  purple);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .serviceHeader p{
        height:30px;
        line-height: 30px;
        padding:5px 0 40px;
        font-size:18px;
        color:purple;
        background-image: -webkit-linear-gradient(bottom, red,  purple);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .productAll{
        /*margin-top: 30px;*/
    }
    .proBox_ul{
        overflow: hidden;
    }
    .proBox_ul li{
        width: 24%;
        min-height: 200px;
        float: left;
        padding-bottom: 15px;
        margin:0.5%;
        position: relative;
        transition: box-shadow 0.3s;
        -webkit-transition: box-shadow 0.3s;
        box-shadow: 0 0 5px #ddd;
    }

    .proBox_ul li:hover{
        cursor: pointer;
        box-shadow: 1px 1px 8px #aaa;
    }
    .proBox_ul li div{
        text-align: center;

    }
    .proBox_ul li div.bgBox{
        display: none;
        width:0;
        height:0;
        margin:auto;
        background-color: rgba(1,1,1,0.1);
        overflow: hidden;
        position: absolute;
        top:0;
        left: 0;
        bottom: 0;
        right: 0;
        transition: width 0.3s, height 0.3s;
        -webkit-transition: width 0.3s, height 0.3s;
    }
    .proBox_ul li:hover .bgBox{
        /*background: #efefef;*/
        /*cursor: pointer;
        color:#ea3f0a;*/
        /*width: 100%;
        height: 100%;*/
    }
    .proBox_ul li div span{
        display: block;
        min-height: 120px;
        margin-top:15px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }
    .proBox_ul li div.bgBox span{
        width:90%;
        height:90%;
        margin:auto;
        background-color: rgba(0,0,0,0.1);
        position: absolute;
        top:0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .proBox_ul li div h3{
        min-height:30px;
        line-height: 24px;
        /*font-weight: bold;*/
        padding: 10px 0  5px 0;
        color: #000;
        background-image: -webkit-linear-gradient(bottom, magenta, orange);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .proBox_ul li dl{
        display: inline-block;
        width: 80%;
        margin:0 auto;
        overflow: hidden;
        font-size: 13px;
    }
    .proBox_ul li dl dd{
        width:50%;
        height:26px;
        line-height: 26px;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cpfw01 span{
        background: #fff url("../../img/cp01.png") no-repeat center;
    }
    .cpfw02 span{
        background: #fff url("../../img/cp02.png") no-repeat center;
    }
    .cpfw03 span{
        background: #fff url("../../img/cp03.png") no-repeat center;
    }
    .cpfw04 span{
        background: #fff url("../../img/cp04.png") no-repeat center;
    }
    .cpfw05 span{
        background: #fff url("../../img/cp05.png") no-repeat center;
    }
    .cpfw06 span{
        background: #fff url("../../img/cp06.png") no-repeat center;
    }
    .cpfw07 span{
        background: #fff url("../../img/cp07.png") no-repeat center;
    }
    .cpfw08 span{
        background: #fff url("../../img/cp08.png") no-repeat center;
    }

    /*设计Page02*/
    .rowBg02{

    }
    .design{

    }
    .design ul{
        overflow: hidden;
    }
    .design ul li{
        width:24%;
        margin:0.5%;
        float: left;
        position: relative;
        transition: box-shadow 0.3s;
        -webkit-transition: box-shadow 0.3s;
        box-shadow: 0 0 5px #ddd;
    }
    .design ul li:hover{
        cursor: pointer;
        box-shadow: 0px 0px 8px #bbb;
    }
    .design ul li span{
        display: block;
        min-height: 130px;
    }
    .design ul li h3{
        min-height: 24px;
        line-height: 24px;
        text-align: center;
        padding-bottom:10px;
    }
    .abstract{
        width:0;
        height:100%;
        margin: auto;
        background: rgba(0,0,0,0.1);
        color:#fff;
        position: absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        transition: width 0.3s, height 0.3s;
        -webkit-transition: width 0.3s, height 0.3s;
    }
    .design ul li:hover h3{
        color: #ff5722;

    }
    /*.design ul li:hover .abstract{
        width: 100%;
    }*/

    .desLi01 span{
        background: url("../../img/ds01.png") no-repeat center;
    }
    .desLi02 span{
        background: url("../../img/ds02.png") no-repeat center;
    }
    .desLi03 span{
        background: url("../../img/ds03.png") no-repeat center;
    }
    .desLi04 span{
        background: url("../../img/ds04.png") no-repeat center;
    }
    .desLi05 span{
        background: url("../../img/ds05.png") no-repeat center;
    }
    .desLi06 span{
        background: url("../../img/ds06.png") no-repeat center;
    }
    .desLi07 span{
        background: url("../../img/ds07.png") no-repeat center;
    }
    .desLi08 span{
        background: url("../../img/ds08.png") no-repeat center;
    }
    .desLi09 span{
        background: url("../../img/ds09.png") no-repeat center;
    }
    .desLi10 span{
        background: url("../../img/ds10.png") no-repeat center;
    }
    .desLi11 span{
        background: url("../../img/ds11.png") no-repeat center;
    }
    .desLi12 span{
        background: url("../../img/ds12.png") no-repeat center;
    }



    /*微信--Page03*/
    .rowBg03{

    }
    .wx_sevice{
        overflow: hidden;
    }
    .wx_top{
        text-align: center;
        height: 220px;
    }
    .wx_top ul{
        width:100%;
        display: inline-block;
    }
    .wx_top ul li{
        width:32%;
        margin-left:2%;
        float: left;
        background: #03A9F4;
        text-align: center;
        color:#fff;
        font-size: 22px;
        cursor: pointer;
        transition: background 0.5s;
        -webkit-transition: background 0.5s;
        box-shadow: 0px 0px 5px #aaa;
        border-radius: 3px;
    }
    .wx_top ul li:first-child{
        margin-left: 0;
    }

    .wx_top ul li.wx_gzh{
        background-color: #2ba245;
    }
    .wx_top ul li.wx_gzh:hover{
        background-color: #198231;
    }
    .wx_top ul li.wx_xcx{
        background-color: #605ab0;
    }
    .wx_top ul li.wx_xcx:hover{
        background-color: #4a449a;
    }
    .wx_top ul li.wx_qywx{
        background-color: #027cff;
    }
    .wx_top ul li.wx_qywx:hover{
        background-color: #0760bf;
    }
    .wx_top ul li div{

    }
    .wx_top ul li div span{
        display: block;
        min-height: 50px;
    }
    .wx_top ul li div span:first-child{
        width:120px;
        height:120px;
        border-radius:50%;
        background-color: #ffffff;
        margin:30px auto 20px;
    }
    .wx_pic01{
        background: url("../../img/wx01.png") no-repeat center;
    }
    .wx_pic02{
        background: url("../../img/wx02.png") no-repeat center;
    }
    .wx_pic03{
        background: url("../../img/wx03.png") no-repeat center;
    }

    .wx_bottom{
        overflow: hidden;
    }

    .wx_cont {
        display: none;
        padding-bottom: 20px;
    }
    .wx_cont h2{
        min-height: 30px;
        line-height: 30px;

        font-size: 18px;
        margin:1% 0.5% 0.5%;
    }
    /*.wx_cont h2 i{
        font-weight: bold;
        color: #ff5722;
    }*/
    .wx_cont01 {
        display: block;
    }
    .wx_cont01 h2{
        color: #198231;
    }
    .wx_cont02 h2{
        color: #4a449a;
    }
    .wx_cont03 h2{
        color: #0760bf;
    }

    .wx_cont01 ul{
        overflow: hidden;
    }
    .wx_cont01 ul li{
        width:19%;
        margin:0.5%;
        float: left;
        text-align: center;
        background-color: #fff;
        transition: box-shadow 0.3s;
        -webkit-transition: box-shadow 0.3s;
        box-shadow: 0 0 5px #ddd;
    }
    .wx_cont01 ul li:hover{
        box-shadow: 1px 1px 8px #aaa;
    }
    .wx_cont01 ul li div:first-child{
        width:80px;
        height:80px;
        margin:0 auto;
        border-radius: 10px;
        margin-top:20px;
    }
    .iconTitle{
        height:30px;
        line-height:30px;
        margin:10px 0;
    }


    li.wx_icon01 div:first-child{
        background: url("../../img/wx01-1.jpg") no-repeat center;
    }
    li.wx_icon02 div:first-child{
        background: url("../../img/wx01-2.jpg") no-repeat center;
    }
    li.wx_icon03 div:first-child{
        background: url("../../img/wx01-3.jpg") no-repeat center;
    }
    li.wx_icon04 div:first-child{
        background: url("../../img/wx01-4.jpg") no-repeat center;
    }
    li.wx_icon05 div:first-child{
        background: url("../../img/wx01-5.jpg") no-repeat center;
    }
    li.wx_icon06 div:first-child{
        background: url("../../img/wx01-6.jpg") no-repeat center;
    }
    li.wx_icon07 div:first-child{
        background: url("../../img/wx01-7.jpg") no-repeat center;
    }
    li.wx_icon08 div:first-child{
        background: url("../../img/wx01-8.jpg") no-repeat center;
    }
    li.wx_icon09 div:first-child{
        background: url("../../img/wx01-9.jpg") no-repeat center;
    }
    li.wx_icon10 div:first-child{
        background: url("../../img/wx01-10.jpg") no-repeat center;
    }

    li.wx_icon11 div:first-child{
        background: url("../../img/wx01-11.jpg") no-repeat center;
    }
    li.wx_icon12 div:first-child{
        background: url("../../img/wx01-12.jpg") no-repeat center;
    }
    li.wx_icon13 div:first-child{
        background: url("../../img/wx01-13.jpg") no-repeat center;
    }
    li.wx_icon14 div:first-child{
        background: url("../../img/wx01-14.jpg") no-repeat center;
    }
    li.wx_icon15 div:first-child{
        background: url("../../img/wx01-15.jpg") no-repeat center;
    }


    /*小程序样式*/
    .wx_cont02{

    }
    .xcx_ul01{
        overflow: hidden;
    }
    .xcx_ul01 li{
        width:24%;
        min-height:200px;
        margin:0.5%;
        float: left;
        text-align: center;
        background-color: #fff;
        transition: box-shadow 0.3s;
        -webkit-transition: box-shadow 0.3s;
        box-shadow: 0 0 5px #ddd;
        cursor: pointer;
    }

    .xcx_ul01 li:hover{
        box-shadow: 1px 1px 8px #aaa;
    }
    .xcx_ul01 li .xcxPic{
        width:78px;
        height:78px;
        margin:20px auto 10px;
        border-radius: 10px;
    }
    .xcx_ul01 li .xcxH2{
        text-align: center;
        font-weight: bold;
    }
    .xcx_ul01 li .xcxDes{
        line-height: 18px;
        padding:10px 15px;
        font-size: 12px;
        text-align: left;
    }

    li.xcx_icon01 .xcxPic{
        background: url("../../img/wx02-1.jpg") no-repeat center;
    }
    li.xcx_icon02 .xcxPic{
        background: url("../../img/wx02-2.jpg") no-repeat center;
    }
    li.xcx_icon03 .xcxPic{
        background: url("../../img/wx02-3.jpg") no-repeat center;
    }
    li.xcx_icon04 .xcxPic{
        background: url("../../img/wx02-4.jpg") no-repeat center;
    }
    li.xcx_icon05 .xcxPic{
        background: url("../../img/wx02-5.jpg") no-repeat center;
    }
    li.xcx_icon06 .xcxPic{
        background: url("../../img/wx02-6.jpg") no-repeat center;
    }
    li.xcx_icon07 .xcxPic{
        background: url("../../img/wx02-7.jpg") no-repeat center;
    }
    li.xcx_icon08 .xcxPic{
        background: url("../../img/wx02-8.jpg") no-repeat center;
    }

    .xcx_ul02{

    }
    .xcx_ul02 li{
        width: 24%;
        margin:0.5%;
        padding:2% 0;
        float: left;
        text-align: center;
        background-color: #fff;
        cursor: pointer;
        transition: box-shadow 0.3s, background .25s;
        -webkit-transition: box-shadow 0.3s, background .25s;
        box-shadow: 0px 0px 5px #ddd;
    }
    .xcx_ul02 li:hover{
        box-shadow: 1px 1px 8px #aaa;
    }
    .xcx_ul02 li span{
        display: block;
        /*width: 236px;
        height: 238px;*/
        width: 150px;
        height: 150px;
        margin:0 auto;
        transition: background .25s;
        -webkit-transition: background .25s;
        border-radius: 50%;
        background-size: 150px auto;
    }

    .xcx_ul02 li:hover span{
        background-size: 110% auto;
    }
    .xcx_scene01 span{
        background: url("../../img/wx02_1.jpg") no-repeat center;
    }
    .xcx_scene02 span{
        background: url("../../img/wx02_2.jpg") no-repeat center;
    }
    .xcx_scene03 span{
        background: url("../../img/wx02_3.jpg") no-repeat center;
    }
    .xcx_scene04 span{
        background: url("../../img/wx02_4.jpg") no-repeat center;
    }
    .xcx_scene05 span{
        background: url("../../img/wx02_5.jpg") no-repeat center;
    }
    .xcx_scene06 span{
        background: url("../../img/wx02_6.jpg") no-repeat center;
    }
    .xcx_scene07 span{
        background: url("../../img/wx02_7.jpg") no-repeat center;
    }
    .xcx_scene08 span{
        background: url("../../img/wx02_8.jpg") no-repeat center;
    }

    /*企业微信*/
    .qywx_ul{
        overflow: hidden;
    }
    .qywx_ul li{
        width:19%;
        margin:0.5%;
        float: left;
        text-align: center;
        background-color: #fff;
        cursor: pointer;
        transition: box-shadow 0.3s, background .25s;
        -webkit-transition: box-shadow 0.3s, background .25s;
        box-shadow: 0px 0px 5px #ddd;
    }
    .qywx_ul li div{
        width:80px;
        height:80px;
        margin: 20px auto 0;
        border-radius: 5px;
        text-align: center;
        background-size: 80px auto;
    }
    .qywx_ul li:hover{
        box-shadow: 1px 1px 8px #aaa;
    }
    .qywx_ul li span{
        display: block;
        text-align: center;
        height: 30px;
        line-height: 30px;
        padding:5px 0;
    }
    .qxwx_icon01{
        background: url("../../img/wx03-1.png") no-repeat center;
    }
    .qxwx_icon02{
        background: url("../../img/wx03-2.png") no-repeat center;
    }
    .qxwx_icon03{
        background: url("../../img/wx03-3.jpg") no-repeat center;
    }
    .qxwx_icon04{
        background: url("../../img/wx03-4.png") no-repeat center;
    }
    .qxwx_icon05{
        background: url("../../img/wx03-5.png") no-repeat center;
    }
    .qxwx_icon06{
        background: url("../../img/wx03-6.png") no-repeat center;
    }
    .qxwx_icon07{
        background: url("../../img/wx03-7.png") no-repeat center;
    }
    .qxwx_icon08{
        background: url("../../img/wx03-8.png") no-repeat center;
    }
    .qxwx_icon09{
        background: url("../../img/wx03-9.png") no-repeat center;
    }
    .qxwx_icon10{
        background: url("../../img/wx03-10.png") no-repeat center;
    }

    /*解决方案*/
    .rowBg04{

    }
    .bluePrint{

    }
    .bluePrint ul{
        overflow: hidden;
    }
    .bluePrint ul li{
        width:24%;
        /*min-height: 200px;*/
        margin: 0.5%;
        float: left;
        background-color: #fff;
        cursor: pointer;
        transition: box-shadow 0.3s;
        -webkit-transition: box-shadow 0.3s;
        box-shadow: 0 0 5px #ddd;
    }

    .bluePrint ul li:hover {
        box-shadow: 1px 1px 8px #aaa;
    }
    .bluePrint ul li div{
        width:100%;
        height:160px;
        background-size: 300px auto;
        transition: background 0.3s;
        -webkit-transition: background 0.3s;
        -o-transition: background 0.3s;
        position: relative;
    }
    /*.bluePrint ul li div span{
        display: block;
        width:0;
        height:0;
        margin:auto;
        position: absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        background-color: rgba(0,0,0,0);
        transition:width 0.5s, height 0.5s, background 0.5s;
        -webkit-transition:width 0.5s, height 0.5s, background 0.5s;
    }*/
    .bluePrint ul li h2{
        line-height: 20px;
        margin:10px 0;
        text-align: center;
        font-size: 16px;
        transition: color .5s;
        -webkit-transition: color .5s;
    }
    .bluePrint ul li:hover div{
        background-size: 115% auto;
    }
    .bluePrint ul li:hover div span{
        background: rgba(0,0,0,0.2);
        width:100%;
        height:100%;
    }
    .bluePrint ul li:hover h2{
        /*color: #FF5722;*/
    }

    .fa_li01 div{
        background: url("../../img/fa01.jpg") no-repeat center;
    }
    .fa_li02 div{
        background: url("../../img/fa02.jpg") no-repeat center;
    }
    .fa_li03 div{
        background: url("../../img/fa03.jpg") no-repeat center;
    }
    .fa_li04 div{
        background: url("../../img/fa04.jpg") no-repeat center;
    }

    .fa_li05 div{
        background: url("../../img/fa05.jpg") no-repeat center;
    }
    .fa_li06 div{
        background: url("../../img/fa06.jpg") no-repeat center;
    }
    .fa_li07 div{
        background: url("../../img/fa07.jpg") no-repeat center;
    }
    .fa_li08 div{
        background: url("../../img/fa08.jpg") no-repeat center;
    }

    .fa_li09 div{
        background: url("../../img/fa09.jpg") no-repeat center;
    }
    .fa_li10 div{
        background: url("../../img/fa10.jpg") no-repeat center;
    }
    .fa_li11 div{
        background: url("../../img/fa11.jpg") no-repeat center;
    }
    .fa_li12 div{
        background: url("../../img/fa12.jpg") no-repeat center;
    }

    .fa_li13 div{
        background: url("../../img/fa13.jpg") no-repeat center;
    }
    .fa_li14 div{
        background: url("../../img/fa14.jpg") no-repeat center;
    }
    .fa_li15 div{
        background: url("../../img/fa15.jpg") no-repeat center;
    }
    .fa_li16 div{
        background: url("../../img/fa16.jpg") no-repeat center;
    }

    .fa_li17 div{
        background: url("../../img/fa17.jpg") no-repeat center;
    }
    .fa_li18 div{
        background: url("../../img/fa18.jpg") no-repeat center;
    }
    .fa_li19 div{
        background: url("../../img/fa19.jpg") no-repeat center;
    }
    .fa_li20 div{
        background: url("../../img/fa20.jpg") no-repeat center;
    }
    .fa_li21 div{
        background: url("../../img/fa21.jpg") no-repeat center;
    }


    .bluePrint .fa_container{

    }
    .faLi_cont01{

    }
    .faLi_cont02{

    }
    .faLi_cont03{

    }
    .faLi_cont04{

    }



    .bluePrint01{

    }
    .bluePrint02{

    }
    .bluePrint03{

    }

    /*合作伙伴*/
    .rowBg05{

    }
    .contBox{

    }
    .hz_logo{

    }
    .hz_logo ul{
        overflow: hidden;
    }
    .hz_logo ul li{
        width:19%;
        margin:0.5%;
        float: left;
        background-color: #fff;
        cursor: pointer;
        transition: box-shadow 0.3s, background .25s;
        -webkit-transition: box-shadow 0.3s, background .25s;
        box-shadow: 0px 0px 5px #ddd;
    }
    .hz_logo ul li:hover{
        box-shadow: 1px 1px 7px #aaa;
    }
    .hz_logo ul li div{
        width:100%;
        height:98px;
        /*background-size: 230px auto;*/
        position: relative;
        transition: background 0.25s;
        -webkit-transition: background 0.25s;
    }
    /*.hz_logo ul li div span{
        display: block;
        width: 100%;
        height: 0;
        margin: auto;
        position: absolute;
        top:0;
        left:0;
        right:0;
        bottom: 0
        background-color: rgba(0,0,0,0);
        transition:width 0.5s, height 0.5s, background 0.3s;
        -webkit-transition:width 0.5s, height 0.5s, background 0.3s;
    }*/
    /*.hz_logo ul li:hover div{
        background-size: 250px auto;
    }*/
    /*.hz_logo ul li:hover div span{
        background: rgba(0,0,0,0.1);
        height:100%;
    }*/
    .hz_li01 div{
        background: url("../../img/hz01.png") no-repeat center;
    }
    .hz_li02 div{
        background: url("../../img/hz02.png") no-repeat center;
    }
    .hz_li03 div{
        background: url("../../img/hz03.png") no-repeat center;
    }
    .hz_li04 div{
        background: url("../../img/hz04.png") no-repeat center;
    }
    .hz_li05 div{
        background: url("../../img/hz05.png") no-repeat center;
    }
    .hz_li06 div{
        background: url("../../img/hz06.png") no-repeat center;
    }
    .hz_li07 div{
        background: url("../../img/hz07.png") no-repeat center;
    }
    .hz_li08 div{
        background: url("../../img/hz08.png") no-repeat center;
    }
    .hz_li09 div{
        background: url("../../img/hz09.png") no-repeat center;
    }
    .hz_li10 div{
        /*font-size: 40px;
        text-align: center;
        line-height: 98px;
        color:#aaa;*/
        background: url("../../img/hz10.png") no-repeat center;
    }

    /*关于我们*/
    .rowBg06{

    }
    .gy_about{

    }

    .gy_about ul{
        overflow: hidden;
    }
    .gy_about ul li{


        /*box-shadow: 0px 0px 5px #ddd;*/
    }
    .gy_about ul li:first-child{

    }
    .gy_about ul li div{
        padding-bottom: 15px;
    }
    .gy_about ul li div h3{
        height: 35px;
        margin-bottom: 20px;
        overflow: hidden;
        border-bottom: 1px solid #ddd;
        font-weight: bold;
        color: #ff4831;

    }
    .gy_about ul li div h3 span{
        display: inline-block;
        float: left;
        line-height:30px;
        text-indent: 35px;
    }
    .intro h3 span {
        background: url("../../img/gs01.png") no-repeat 5px center;
    }
    .culture h3 span {
        background: url("../../img/gs02.png") no-repeat left center;
    }
    .quality h3 span {
        background: url("../../img/gs03.png") no-repeat 5px center;
    }

    .gy_about ul li div p{
        line-height: 30px;
        text-indent: 28px;
        letter-spacing: 2px;
        margin:0px 15px;
        position: relative;
    }
    .intro p{

    }
    .culture dl {
        text-align: center;
        overflow: hidden;
    }
    .culture dl dd{
        width: 24%;
        margin:0.5%;
        float: left;
        padding: 10px 0;
        box-shadow: 0 0 5px #ddd;
        transition: box-shadow 0.3s;
        -webkit-transition: box-shadow 0.3s;
    }
    .culture dl dd:hover {
        box-shadow: 0px 0px 8px #aaa;
    }
    .gy_about ul li .culture dl dd p{
        line-height: auto;
        text-indent: 0;
        width: 100px;
        height: 100px;
        margin:0 auto;
        border:1px solid #dde5e6;
        border-radius: 50%;
        font-weight: bold;
    }
    .culture dl dd span{
        display: block;
        height: 25px;
        line-height: 25px;
    }
    .culture dl dd span:first-child{
        margin-top:25px;
    }


    .quality dl {
        overflow: hidden;
    }
    .quality dl dd {
        width: 19%;
        min-height: 340px;
        margin:0.5%;
        float: left;
        /*padding: 10px 0;*/
        box-shadow: 0 0 5px #ddd;
        transition: box-shadow 0.3s;
        -webkit-transition: box-shadow 0.3s;
    }
    .quality dl dd:hover{
        box-shadow: 0 0 8px #aaa;
    }
    .gy_about ul li .quality dl dd p{
        line-height: 26px;
        text-indent: 0;
    }

    .quality dl p:first-child i:first-child{
        width: 100px;
        height: 100px;
        overflow: hidden;
        margin:20px auto 0px;
    }

    .quality dl p:first-child i{
        display: block;
        text-align: center;
        height:40px;
        line-height: 40px;
        color: #ff6737;
        font-size: 20px;
        font-style: normal;
    }
    .quality dl dd:nth-child(1) p:first-child i:first-child{
        background: url("../../img/gs04.png") no-repeat center;
    }
    .quality dl dd:nth-child(2) p:first-child i:first-child{
        background: url("../../img/gs05.png") no-repeat center;
    }
    .quality dl dd:nth-child(3) p:first-child i:first-child{
        background: url("../../img/gs06.png") no-repeat center;
    }
    .quality dl dd:nth-child(4) p:first-child i:first-child{
        background: url("../../img/gs07.png") no-repeat center;
    }
    .quality dl dd:nth-child(5) p:first-child i:first-child{
        background: url("../../img/gs08.png") no-repeat center;
    }
    /*.gy_about ul li div dl dd p i{
        display: block;
        min-width:100px;
        height: 30px;
        line-height: 30px;
        position: absolute;
        top: 35px;
    }*/
    /*.gy_about ul li .culture dl dd:nth-child(odd) p {
        border:1px solid #FF5722;
    }
    .gy_about ul li .culture dl dd:nth-child(even) p {
        border:1px solid #00BCD4;
    }*/



    /*开发流程*/
    .rowBg07{

    }
    .lc_process{

    }
    .lc_process ul{
        position: relative;
        overflow: hidden;
        height:300px;
    }
    .lc_process ul li{
        width:115px;
        float: left;
        position: relative;
    }
    .lc_line{
        width:1200px;
        height:2px;
        background-color: #00BCD4;
        position: absolute;
        top:49px;
        left:0;
        right:0;

    }
    .lc_txt{
        height:30px;
        line-height: 30px;
        text-align: center;
    }
    .lc_round{
        height:40px;
        text-align: center;
        position: relative;
    }

    .lc_round .round01, .lc_round .round02, .lc_round .round03, .lc_round span{
        display: inline-block;
        width:16px;
        height: 16px;
        margin: auto;
        border-radius: 50%;
        background-color: #00BCD4;
        position: absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
    }

    .lc_round .round01{
        width:32px;
        height: 32px;
        background-color: #fbe9e7;
    }
    .lc_round .round02{
        width:26px;
        height: 26px;
        background-color: #ffab91;

    }
    .lc_round .round03{
        background-color: #FF5722;
    }
    .lc_hint{
        line-height: 24px;
        background-color: #ffffff;
        margin:15px -20px -20px;
        padding:10px;
        border-radius: 3px;
        border:1px solid #00BCD4;
        position: relative;
    }
    .lc_hint span{
        display: inline-block;
        width:20px;
        height:10px;
        margin: 0 auto;
        background: url("../../img/lc_arrow.png") no-repeat center;
        position: absolute;
        top:-10px;
        left:0;
        right:0;
    }
    .roundColor .round01{
        width:32px;
        height: 32px;
        background-color: #e0f7fa;
    }
    .roundColor .round02{
        width:26px;
        height: 26px;
        background-color: #80deea;

    }
    .roundColor .round03{
        background-color: #00bcd4;
    }

    /*留言*/
    .messageBox{

    }
    .messageBox div{
        width: 70%;
        min-height: 30px;
        line-height: 30px;
        overflow: hidden;
        margin: 10px auto;
    }
    .messageBox div span{
        display: inline-block;
        float: left;
    }
    .messageBox div span:first-child{
        min-width: 100px;
        text-align: right;
        margin-right:5px;
    }
    .messageBox div span:nth-child(1){
        min-width:20%;
    }
    .messageBox div span:nth-child(2){
        min-width:70%;
    }
    .messageBox div span textarea, .messageBox div span input{
        width:100%;
        display: inline-block;
        border:1px solid #ddd;
        border-radius: 3px;
        padding:5px;
    }
    .messageBox div span textarea{
        min-height:200px;
    }
    .messageBox div span input{

    }
    .messageBox .buttonBox{
        margin:20px auto;
        overflow: hidden;
    }
    .buttonBox button{
        display: block;
        width:100px;
        height:30px;
        margin: 0 auto;
        border:0px solid #aaa;
        border-radius: 3px;
        background:teal;
        color:#fff;

    }


    /*联系我们*/
    .contact{
        margin-top:-20px;
    }
    .contact_us{
        font-size: 14px;
    }
    .contact_us .contact_txt{

        line-height: 20px;
        padding: 5px 0 10px;
    }
    .contact_us ul{

    }
    .contact_us ul li{
        height:36px;
        overflow: hidden;
    }
    .contact_us ul li span{
        display: inline-block;
        line-height: 36px;
        float: left;
    }
    .contact_us ul li:nth-child(6) span a:hover{
        color: #3f51b5;
    }
    .contact_erweima{
        padding-bottom: 10px;
    }
    .contact_erweima ul{
        overflow: hidden;
    }
    .contact_erweima ul li{
        display: inline-block;
        float: left;
        font-size: 14px;
    }
    .contact_erweima ul li p{
        text-align: center;
    }
    .contact_erweima ul li p:nth-child(2){
        height: 20px;
        line-height: 20px;
        margin-top: -8px;
    }

    /*底部*/
    .footer{
        padding:20px 0 10px;
        background: #000000;
        color:#666666;
    }
    .ft_top{

        overflow: hidden;
    }
    .ft_left{
        width:45%;
        min-height:200px;
        overflow: hidden;
        float: left;
    }
    .ft_left ul{
        width: 30%;
        float: left;

    }
    .ft_left ul li{
        min-height:30px;
        text-align: center;
    }
    .ft_left ul li:first-child, .ft_right ul li:first-child {
        height: 35px;
        font-weight: bold;
        color:#999999;
    }
    .ft_left ul li a{
        color:#666666;
    }
    .ft_left ul li a:hover{
        color:#999999;
    }

    .ft_right{
        width:55%;
        min-height:200px;
        float: left;
        overflow: hidden;
    }
    .ft_right ul{
        width: 60%;
        float: left;
    }
    .ft_right ul li{
        min-height: 30px;
        overflow: hidden;
    }
    .ft_right ul li span{
        display: inline-block;
        float: left;
    }
    .ft_right ul li span a{
        color:#666;
    }
    .ft_right ul li span a:hover {
        color:#999;
    }
    .ft_right ul li span:first-child{
        min-width: 65px;
        text-align: right;
    }
    .ft_weixin{
        width:40%;
        float: left;
    }
    .ft_weixin p{
        display:inline-block;
    }
    .ft_weixin p span{
        display: block;
        line-height:35px;
        text-align: center;
        color:#999999;
    }
    .ft_weixin p span:first-child{
        width: 150px;
        height: 150px;
        background: url("../../img/erweima.jpg") no-repeat center;
        background-size: 150px auto;
    }

    .ft_bottom{
        overflow: hidden;
        text-align:center;
    }
    .ftBottomCenter{
        display:inline-block;
    }
    .ft_bottom p{
        display:inline-block;
        float:let;
        min-height: 20px;
        line-height: 20px;
        font-size: 14px;
        text-align: center;
        overflow: hidden;
        color: #666;
        margin: 0 5px;
    }
    .ft_bottom p a{
        height: 20px;
        line-height: 20px;
        display: inline-block;
        color: #666;
    }
    .ft_bottom p:nth-child(1) span{
        display: inline-block;
        margin: 0 3px;
    }
    .ft_bottom p:nth-child(2) a{
        background: url("../wx/img/gw.png") no-repeat 0 1px;
        background-size: 14px auto;
        text-indent: 18px;
    }

}

/*WX端样式*/
@media screen and (max-width:750px) {
    *{
        margin: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
        letter-spacing: .1rem;
    }
    html{
        font-size: 62.5%;
    }
    body{
        max-width:75rem;
        margin:0 auto;
        font-size: 1.4rem;
        position: relative;
    }

    .wxContainer{
        display: block;
    }
    .pcContainer{
        display: none;
    }

    /*header--logo*/
    .logo{
        background: #000;
        overflow: hidden;
        padding: 1rem;
        color:#fff;
    }
    .logo span{
        display: inline-block;
        height: 18px;
        line-height: 18px;
        font-size: 16px;
        font-size: 1.6rem;
        letter-spacing: 2px;
        letter-spacing: 0.2rem;
    }
    .top_left{
        width: 60%;
        min-height: 18px;
        float: left;
        overflow: hidden;
    }
    .top_left img{
        width: 24px;
        height: 18px;
        float: left;
    }
    .top_left span{
        float: left;
        padding-left: 5px;
        padding-left: 0.5rem;

        background: -webkit-linear-gradient(#ff5722, #d81b60, #c2185b);
        /*background-image: -webkit-linear-gradient(red, purple);*/
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .top_right{
        width: 35%;
        min-height: 18px;
        float: right;
        overflow: hidden;
        text-align: right;
    }
    .top_right p{
        display: inline-block;
        width:20px;
        height:18px;
        float: right;
        overflow: hidden;
    }
    .top_right p span{
        display: block;
        width:100%;
        height:2px;
        float: left;
        position: relative;

    }
    .top_right p span:nth-child(1){
        margin-top: 1px;
        background-color: #FF5722;
        z-index: 1;
    }
    .top_right p span:nth-child(2){
        margin:5px 0;
        background-color: #F44336;
        z-index: 0;
    }
    .top_right p span:nth-child(3){
        background-color: #FF5722;
        z-index: 2;
    }

    /*header--导航*/
    .navBar{
        width: 10rem;
        height: 0rem;
        background-color: #000;
        position: absolute;
        top: 3.8rem;
        right:0;
        z-index: 10;
        overflow: hidden;
    }
    .navBar ul{
        overflow: hidden;
    }
    .navBar ul li{
        width: 80%;
        min-height: 3rem;
        line-height: 3rem;
        margin:0 10%;
        float: left;
        text-align: center;
        border-bottom: 1px solid #232323;
    }
    .navBar ul li a{
        display: block;

        background: -webkit-linear-gradient(#ff5722, #d81b60, #c2185b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    /*header--banner*/
    .banner{

    }
    .banner img{
        display: block;
        width: 100%;
        height: auto;
    }
    .bannerBg{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.3);
    }
    .bannerBg ul{
        text-align: center;
    }
    .bannerBg ul li{
        margin-top:1.5rem;
        color:#fff;
        background: -webkit-linear-gradient(45deg, #02f9e2, #00f1ff, #03a9f4);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .bannerBg ul li:nth-child(1){
        font-size: 2.8rem;
        margin-top:3.5rem;
    }
    .bannerBg ul li:nth-child(2){
        font-size: 1.3rem;
    }
    .bannerBg ul li:nth-child(3){
        font-size: 1.2rem;
        letter-spacing: 0;
    }

    .bannerBg02 ul{

    }
    .bannerBg02 ul li:nth-child(3){
        font-size: 1.3rem;
        letter-spacing: 0;
    }

    /*main--主题内容*/
    .container{
        margin:1%;
    }

    /*main--标题*/
    .headline{
        height: 4rem;
        line-height: 4rem;
        font-size: 1.6rem;
        color:#000;
        text-align: center;

        background-image: -webkit-linear-gradient(red, purple);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    /*main--更多*/
    .more{
        padding:1%;
        text-align: right;

    }
    .more a{
        color: #666;
        /* background-image: -webkit-linear-gradient(#aaa, #666);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;*/
        overflow: hidden;
        display: inline-block;
    }
    .more a span{
        display: inline-block;
        line-height: 2rem;
        float: left;
        margin: 0 .2rem;
        position: relative;
    }

    .more a span:nth-child(1){
        left:0;
        animation: arrow 3s linear 1s infinite alternate;
        -webkit-animation: arrow 3s linear 1s infinite alternate;
    }
    @keyframes arrow {
        0% {color: #666; left: 0; }
        50% {color: #ff5722; left: 0.5rem; }
        100% {color: #666; left: 0; }
    }
    @-webkit-keyframes arrow {
        0% {color: #666; left: 0; }
        50% {color: #ff5722; left: 0.5rem; }
        100% {color: #666; left: 0; }
    }

    /*main--服务范围*/
    .cpBox{

    }
    .cpBox ul{
        margin:0.5%;
        overflow: hidden;
    }
    .cpBox ul li{
        width:32.33%;
        height: 8rem;
        margin:0.5%;
        float: left;
        border-radius: 4px;
    }
    .cpBox ul li:nth-child(1){
        background-color: #09ba62;
    }
    .cpBox ul li:nth-child(2){

        background-color: #06bec9;
    }
    .cpBox ul li:nth-child(3){

        background-color: #bfcf1d;
    }
    .cpBox ul li:nth-child(4){
        background-color: #89d845;
    }
    .cpBox ul li:nth-child(5){
        background-color: #dc9940;
    }
    .cpBox ul li:nth-child(6){
        background-color: #db6e48;
    }


    .cpBox ul li:nth-child(7){
        background-color: #bf360c;
    }

    .cpBox ul li:nth-child(8){
        background-color: #f57f17;
    }

    .cpBox ul li:nth-child(9){
        background-color: #bf360c;
    }

    .cpBox ul li a{
        width: 100%;
        height: 100%;
        display: block;
        color:#fff;
        position: relative;
    }
    .cpBox ul li a div{
        width: 90%;
        height: 2.4rem;
        line-height: 2.4rem;
        margin: auto;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    /*移动应用服务*/
    .service{
        min-height: 10rem;
        margin-bottom: 1%;
        font-size: 1.2rem;
        overflow: hidden;
        -webkit-border-radius: .4rem;
        -moz-border-radius: .4rem;
        border-radius: .4rem;
    }
    .service a{
        display: block;
        color: #fff;
        padding: 1rem;
        /*background: rgba(0, 0, 0, .1);*/
        background-color: rgba(0,0,0,.3);
    }
    .service span{
        background: rgba(0,0,0,.2);
        border-radius: .3rem;
        box-shadow: 0 0 .3rem #eee;
    }
    .subhead{
        padding-bottom: 1%;
        overflow: hidden;
    }
    .subhead strong{
        display: inline-block;
        float: left;
        font-weight: normal;
        font-size: 1.4rem;
        color: #fff;
    }
    .scope{
        text-align: center;
    }
    .scope p{
        width:96%;
        display: inline-block;
        overflow: hidden;
    }
    .scope p span{
        display: inline-block;
        width:46%;
        min-height: 2rem;
        line-height: 2rem;
        float: left;
        margin: 1%;
        padding: 1%;
    }


    .scene{
        text-align: center;
    }
    .scene p{
        width:96%;
        display: inline-block;
        overflow: hidden;
    }
    .scene p span{
        display: inline-block;
        width:24%;
        min-height: 2rem;
        line-height: 2rem;
        margin: .5%;
        float: left;
    }

    /*.merit{
        padding: 1rem 0;
    }
    .merit ul{
        width: 96%;
        margin:0 auto;
        overflow: hidden;
    }
    .merit ul li{
        width:45%;
        min-height: 3rem;
        float: left;
        margin: 1%;
        padding: 1%;
        border: 1px solid #444;
        border-radius: .3rem;
    }*/
    .unifier {
        text-align: center;
    }
    .unifier span{
        display: inline-block;
        width: 95%;
        min-height: 2.4rem;
        line-height: 2.4rem;
        background: rgba(0,0,0,.2);
        border-radius: .3rem;
        box-shadow: 0 0 .3rem #eee;

    }

    /*微信开发*/
    .wechat{
        /*background: url("../img/bg01.jpg") no-repeat center;*/
        /*background-size: cover;*/

        background: -webkit-linear-gradient(45deg, #09ba62, #53024d, #09ba62);
        background: -moz-linear-gradient(45deg, #09ba62, #53024d, #09ba62);
        background: -o-linear-gradient(45deg, #09ba62, #53024d, #09ba62);
        background: linear-gradient(45deg, #09ba62, #53024d, #09ba62);
    }
    .wechat strong{
        color: #13cb6f;
    }
    .wechat a{
        color: #13cb6f;
        /*background-color: rgba(0,0,0,.4);*/
    }
    /*APP*/
    .service_app{
        /*background: url("../img/bg02.jpg") no-repeat center;*/
        /*background-size: cover;*/
        background: -webkit-linear-gradient(135deg, #06bec9, #000000, #06bec9);
        background: -moz-linear-gradient(135deg, #06bec9, #000000, #06bec9);
        background: -o-linear-gradient(135deg, #06bec9, #000000, #06bec9);
        background: linear-gradient(135deg, #06bec9, #000000, #06bec9);
    }
    .service_app strong{
        color: #00f1ff;
    }
    .service_app a{
        /*background: rgba(0, 0, 0, .4);*/
        color: #00f1ff;
    }
    /*高端建站*/
    .website{
        /*background: url("../img/banner03.jpg") no-repeat center;*/
        /*background-size: cover;*/
        background: -webkit-radial-gradient(50% -20%, farthest-corner, #53024d, #000000, #a6b606);
        background: -moz-radial-gradient(50% -20%, farthest-corner, #53024d, #000000, #a6b606);
        background: -o-radial-gradient(50% -20%, farthest-corner, #53024d, #000000, #a6b606);
        background: radial-gradient(50% -20%, farthest-corner, #53024d, #000000, #a6b606);
    }
    .website strong, .website a{
        color: #cddc39;
    }

    /*系统定制*/
    .system{
        /*background: url("../img/banner03.jpg") no-repeat center;*/
        /*background-size: cover;*/
        background: -webkit-radial-gradient(0% 0%, farthest-corner, #89d845, #000, #89d845);
        background: -o-radial-gradient(0% 0%, farthest-corner, #89d845, #000, #89d845);
        background: -moz-radial-gradient(0% 0%, farthest-corner, #89d845, #000, #89d845);
        background: radial-gradient(0% 0%, farthest-corner, #89d845, #000, #89d845);
    }
    .system strong, .system a{
        color: #91ee26;
    }

    /*代理运营*/
    .operation{
        /*background: url("../img/banner03.jpg") no-repeat center;*/
        /*background-size: cover;*/
        background: -webkit-radial-gradient(0% 0%, farthest-corner, #ac6d10, #2a161d, #ac6d10);
        background: -o-radial-gradient(0% 0%, farthest-corner, #ac6d10, #2a161d, #ac6d10);
        background: -moz-radial-gradient(0% 0%, farthest-corner, #ac6d10, #2a161d, #ac6d10);
        background: radial-gradient(0% 0%, farthest-corner, #ac6d10, #2a161d, #ac6d10);
    }
    .operation strong, .operation a{
        color: #ffac32;
    }

    /*设计服务*/
    .design {
        /*background: url("../img/banner03.jpg") no-repeat center;*/
        /*background-size: cover;*/
        background: -webkit-radial-gradient(100% 50%, farthest-corner, #673AB7, #9c27b0, #000000);
        /*background: -o-radial-gradient(100% 50%, farthest-corner, #000000, #db6e48, #000);*/
        /*background: -moz-radial-gradient(100% 50%, farthest-corner, #000000, #db6e48, #000);*/
        /*background: radial-gradient(100% 50%, farthest-corner, #000000, #db6e48, #000);*/
    }
    .design strong, .design a{
        color: #ff733c;
    }

    .information{
        margin: 0 1%;
        padding: 0 2%;
        text-align: center;
    }
    .information ul{
        display: block;
    }
    .information ul li{
        margin: 0.3rem 0;
        overflow: hidden;
        border-bottom: 1px solid #ddd;
    }
    .information ul li a{
        display: block;
        font-size: 1.3rem;
        color: #000;
        overflow: hidden;
    }
    .information ul li a span{
        display: inline-block;
        width: 50%;
        min-height: 2.8rem;
        line-height: 2.8rem;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

        /*多行出现省略号
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        */
    }
    .information ul li a span:nth-child(1) {
        width: 77%;
        text-align: left;

    }
    .information ul li a span:nth-child(2) {
        width: 23%;
        text-align: right;
    }

    .about{
        padding: 1%;
        margin: 1%;
    }
    .about p{
        text-indent: 2.8rem;
        font-size: 1.3rem;
        line-height: 2.2rem;
        letter-spacing: 0.2rem;
    }
    .about p:nth-child(2){
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .rowBox{
        min-height: 30px;
        margin: 1%;
        border-radius: 4px;
    }
    .rowBox:nth-child(odd){

    }
    .rowBox:nth-child(even){

    }



    /*合作*/
    .cooperation{

    }
    .cooperation ul {
        padding:0 1%;
        overflow: hidden;
    }
    .cooperation ul li {
        width: 48%;
        height: 6rem;
        float: left;
        margin: 1%;

        box-shadow: 0 0 .3rem #ddd;
    }
    .cooperation ul li:nth-child(1){
        background: url("../img/hz01.png") no-repeat center;
    }
    .cooperation ul li:nth-child(2){
        background: url("../img/hz02.png") no-repeat center;
    }
    .cooperation ul li:nth-child(3){
        background: url("../img/hz03.png") no-repeat center;
    }
    .cooperation ul li:nth-child(4){
        background: url("../img/hz04.png") no-repeat center;
    }
    .cooperation ul li:nth-child(5){
        background: url("../img/hz05.png") no-repeat center;
        background-size: 24rem auto;
    }
    .cooperation ul li:nth-child(6){
        background: url("../img/hz06.png") no-repeat center;
        background-size: 18rem auto;
    }

    /*公用头部*/
    .subNav{
        font-size: 1.3rem;
        height: 3rem;
        line-height: 3rem;
        border-bottom: .1rem solid #03a9f4;
        overflow: hidden;
        color: #333;
        margin:0 .5rem;
    }
    .subNav a{
        display: inline-block;
        float: left;
        color:#000;
    }
    .subNav span, .subNav strong{
        display: inline-block;
        float: left;
    }
    .subNav span{
        padding: 0 .3rem;
    }
    .subNav strong{
        font-weight: lighter;
        color: #03a9f4;
    }

    /*行业资讯*/
    .newsList{
        /*padding:0 .5rem;*/
        overflow: hidden;
    }
    .newsList .newsTitle{
        height: 2rem;
        line-height: 2rem;
        margin: 1.5rem 1.5% 0;
        overflow: hidden;
    }
    .newsTitle h3{
        display: block;
        width: 60%;

        float: left;
        font-size: 1.4rem;
        font-weight: normal;
    }
    .newsTitle a{
        display: block;
        width: 40%;
        text-align: right;
        float: right;
    }
    .newsTitle a span{
        font-size: 1.3rem;
    }

    .newsList ul{
        margin: 2%;
        padding: 1.5% 2.5%;
        overflow: hidden;
        box-shadow: 0 0 .2rem #aaa;
    }
    .newsList ul li{
        height: 2.6rem;
        line-height: 2.6rem;
        border-top: .1rem solid #eee;
        /*margin-top: .5rem;*/
        padding-top: .5rem;
    }
    .newsList ul li:first-child{
        border: 0;
    }
    .newsList ul li a{
        display: block;
        overflow: hidden;
        color:#333;
        font-size: 1.3rem;
    }
    .newsList ul li a span{
        display: inline-block;
        float: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .newsList ul li a span:nth-child(1){
        width: 75%;

    }
    .newsList ul li a span:nth-child(2){
        width: 25%;
        text-align: right;
    }

    /*资讯详情*/
    .newsdetail {
        font-size: 1.3rem;
        margin:2%;
        padding:.5rem 0;
    }
    .newsdetail h3{
        color: #f44336;
        text-align: center;
    }
    .newsdetail p{
        margin:.5rem 0;
        line-height: 2.4rem;
        text-indent: 2.8rem;
    }
    .newsdetail p strong{

    }
    .newsdetail img{
        display: block;
        width: 100%;
    }

    .sourceBox{
        height: 2.6rem;
        line-height: 2.6rem;
        font-size: 1.2rem;
        text-align: center;
        margin:1rem 0;
    }
    .newsdetail .sourceBox p{
        display: inline-block;
        width: 96%;
        margin: 0;
        text-indent: 0;
        line-height: 2.6rem;
        overflow: hidden;
    }
    .sourceBox p span{
        width: 50%;
        float: left;
        text-align: left;
    }
    .sourceBox p span:nth-child(2){
        text-align: right;
    }

    /*关于我们*/
    .gy_about{
        margin:2%;
    }

    .gy_about ul{
        overflow: hidden;
    }
    .gy_about ul li{
        margin: .5rem 0;
    }
    .gy_about ul li div{
        /*padding-bottom: 15px;*/
    }
    .gy_about ul li div h3{
        height: 2.8rem;
        overflow: hidden;
        color: #ff4831;
        font-weight: normal;
        font-size: 1.4rem;
    }
    .gy_about ul li div h3 span{
        display: inline-block;
        float: left;
        line-height:2.8rem;
        text-indent: 2.2rem;

    }
    .intro h3 span {
        background: url("../img/gs01.png") no-repeat left center;
        background-size: 1.6rem auto;
    }
    .culture h3 span {
        background: url("../img/gs02.png") no-repeat left center;
        background-size: 1.8rem auto;
    }
    .quality h3 span {
        background: url("../img/gs03.png") no-repeat left center;
        background-size: 1.6rem auto;
    }
    .gy_about ul li div p{
        line-height: 2.3rem;
        text-indent: 2.8rem;
        letter-spacing: .1rem;
        position: relative;
    }

    .culture{
        font-size: 1.2rem;
    }
    .culture dl {
        text-align: center;
        overflow: hidden;
    }
    .culture dl dd{
        width: 23%;
        margin: 1%;
        float: left;
    }

    .gy_about ul li .culture dl dd p{
        text-indent: 0;
        margin:0 auto;
        border: .1rem solid #dde5e6;
        padding: .5rem;
        border-radius: .3rem;

    }
    .culture dl dd span{
        display: block;
        height: 2rem;
        line-height: 2rem;
    }


    .quality dl {
        overflow: hidden;
    }
    .quality dl dd {
        border: .1rem solid #eee;
        border-radius: .3rem;
        margin-bottom: .5rem;
    }

    .gy_about ul li .quality dl dd p{
        text-indent: 0;
    }

    .quality dl dd p:first-child i{
        display: block;
        text-align: center;
        overflow: hidden;
    }

    .quality dl p:first-child i:nth-child(1){
        height: 7rem;
        margin: 1rem auto 0;
    }
    .quality dl p:first-child i:nth-child(2){
        height:4rem;
        line-height: 4rem;
        color: #ff6737;
        font-size: 1.8rem;
        font-style: normal;
    }

    .quality dl dd p:nth-child(2){
        padding: 0 1rem 1rem;
    }

    .quality dl dd:nth-child(1) p:first-child i:first-child{
        background: url("../img/gs04.png") no-repeat center;
        background-size: auto 6rem;
    }
    .quality dl dd:nth-child(2) p:first-child i:first-child{
        background: url("../img/gs05.png") no-repeat center;
        background-size: auto 7rem;
    }
    .quality dl dd:nth-child(3) p:first-child i:first-child{
        background: url("../img/gs06.png") no-repeat center;
        background-size: auto 7rem;
    }
    .quality dl dd:nth-child(4) p:first-child i:first-child{
        background: url("../img/gs07.png") no-repeat center;
        background-size: auto 7rem;
    }
    .quality dl dd:nth-child(5) p:first-child i:first-child{
        background: url("../img/gs08.png") no-repeat center;
        background-size: auto 7rem;
    }


    /*微信服务*/
    .subBanner{
        height: 6rem;
        background: url("../img/details01.png") no-repeat center;
        position: relative;
        margin-top: -1px;
    }
    .subBanner span{
        display: inline-block;
        width:90%;
        height: 3rem;
        line-height: 3rem;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        font-size: 2rem;
        color: #fff;
    }



    .details_wx{

    }
    .details_wx ul{
        overflow: hidden;
    }
    .details_wx ul li{
        margin: .5% 0;
        color: #fff;
        background: -webkit-radial-gradient(0% 0%, farthest-corner, #09ba62, #53024d, #09ba62);
        background: -moz-radial-gradient(0% 0%, farthest-corner, #09ba62, #53024d, #09ba62);
        background: -o-radial-gradient(0% 0%, farthest-corner, #09ba62, #53024d, #09ba62);
        background: linear-radial-gradient(0% 0%, farthest-corner, #09ba62, #53024d, #09ba62);
    }
    .details_wx ul li div{
        padding: 2% 3%;
        background: rgba(0,0,0,.5);
        overflow: hidden;
    }
    .details_wx ul li h3{
        height: 2.4rem;
        line-height: 2.4rem;
        font-size: 1.4rem;
        color:#13cb6f;
        font-weight: normal;
    }
    .details_wx ul li p{
        text-indent: 2.4rem;
        line-height: 1.8rem;
        color: #eee;
        font-size: 1.2rem;
    }

    .wx_h3 h3{
        height: 4rem;
        line-height: 4rem;
        margin-top: .5rem;
        text-align: center;
        color: #333;
        color: #009688;
        font-size: 1.8rem;
        font-weight: normal;
        /*background: -webkit-linear-gradient(#ff5722, #d81b60, #c2185b);*/
        background-image: -webkit-linear-gradient(red, purple);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .wx_ul{
        width: 98%;
        margin: 0 auto;
        overflow: hidden;
    }
    .wx_ul li{
        width: 44%;
        min-height: 9rem;
        float: left;
        padding: 2%;
        margin: 1%;
        box-shadow: 0 0 .2rem #aaa;
        border-radius: .3rem;
    }
    .wx_ul li h3{
        height: 2rem;
        line-height: 2rem;
        text-align: left;
        font-size: 1.4rem;
        font-weight: normal;
        background: -webkit-linear-gradient(120deg, #ff5722, #d81b60, #c2185b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .wx_ul li p{
        line-height: 1.8rem;
        font-size: 1.2rem;
        padding-top: .1rem;
    }

    .wx_merit .wx_ul li{
        width: 44%;
        min-height: 6rem;
        float: left;

    }
    .wx_merit .wx_ul li h3{
        text-align: left;
    }
    .wx_applet{

    }

    .wx_entrance{
        margin: 1%;
        overflow: hidden;
    }
    .wx_entrance span{
        width: 29.33%;
        height: 3.5rem;
        line-height: 3.5rem;
        margin: 1%;
        padding:1%;
        float: left;
        box-shadow: 0 0 0.2rem #aaa;
        text-align: center;
        border-radius: .3rem;
    }
    .wx_example{
        width: 98%;
        margin: 0 auto;
        overflow: hidden;
        font-size: 1.3rem;
    }
    .wx_example p{
        width: 23%;
        height: 5rem;
        line-height: 5rem;
        margin: 1%;
        float: left;
        box-shadow: 0 0 .2rem #aaa;
        border-radius: .3rem;
        text-align: center;
    }
    .wx_example p span{
        /*background: -webkit-linear-gradient(#ff5722, #d81b60, #c2185b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;*/
    }

    .wx_company {
        margin: 1%;
        margin-bottom: 1rem;
    }

    .wx_company ul{
        overflow: hidden;
    }
    .wx_company ul li{
        width: 27.33%;
        height: 10rem;
        margin: 1%;
        padding: 2%;
        float: left;
        box-shadow: 0 0 .2rem #aaa;
        text-align: center;
        border-radius: .3rem;
    }

    .wx_company ul li h3{
        height: 2rem;
        line-height: 2rem;
        text-align: left;
        font-size: 1.4rem;
        font-weight: normal;
        text-align: center;
        background: -webkit-linear-gradient(120deg, #ff5722, #d81b60, #c2185b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .wx_company ul li p{
        font-size: 1.2rem;
    }
    .wx_company ul li:nth-child(4), .wx_company ul li:nth-child(5){
        height: 5rem;
    }

    /*产品服务列表*/
    .serviceList{

    }
    .serviceList ul{

    }
    .serviceList ul li{
        min-height: 10rem;
        margin: .5% 0;
        background: #06bec9;
    }
    .serviceList ul li:nth-child(odd){
        background: -webkit-linear-gradient(45deg, #06bec9, #000 0%, #06bec9);
        /*background: -moz-linear-gradient(45deg, #06bec9, #000 0%, #06bec9);*/
        /*background: -o-linear-gradient(45deg, #06bec9, #000 0%, #06bec9);*/
        /*background: linear-gradient(45deg, #06bec9, #000 0%, #06bec9);*/
    }
    .serviceList ul li:nth-child(even){
        background: -webkit-linear-gradient(135deg, #06bec9, #000 0%, #06bec9);
        /*background: -moz-linear-gradient(135deg, #06bec9, #000 0%, #06bec9);*/
        /*background: -o-linear-gradient(135deg, #06bec9, #000 0%, #06bec9);*/
        /*background: linear-gradient(135deg, #06bec9, #000 0%, #06bec9);*/
    }
    .serviceList ul li:nth-child(5) .scope {

    }
    .serviceList ul li:nth-child(5) .scope span{
        width: 21%;
    }
    .serviceList ul li a{
        display: block;
        padding: 2%;
        color: #fff;
    }
    .serviceList .subhead{
        text-align: center;
    }
    .serviceList .subhead strong{
        display: block;
        width: 100%;
    }

    /*手机APP*/
    .application {

    }
    .application ul{

    }
    .application ul li{
        margin: .5% 0;
    }

    .application ul li .app_header{
        /*background: url("../img/banner02.jpg") no-repeat;*/
        /*background-size: cover;*/
        background: #06bec9;
    }
    .application ul li:nth-child(odd) .app_header{
        background: -webkit-linear-gradient(45deg, #06bec9, #000 0%, #06bec9);
    }
    .application ul li:nth-child(even) .app_header{
        background: -webkit-linear-gradient(135deg, #06bec9, #000 0%, #06bec9);
    }
    /*.application ul li:nth-child(2) .app_header{
        background: url("../img/bg01.jpg") no-repeat;
        background-size: cover;
    }*/
    .app_header{
        min-height: 10rem;
        padding: 2%;
    }
    .app_header h3{
        height: 2.6rem;
        line-height: 2.6rem;
        color: #00f1ff;
        font-weight: normal;
        font-size: 1.6rem;
        text-align: center;
        margin-bottom: .5rem;
    }
    .app_header p{
        text-indent: 2.6rem;
        line-height: 2.4rem;
        color: #fff;
        font-size: 1.3rem;
    }
    .app_header .more, .operateHead .more{
        height: 1.4rem;
        padding: 0;
    }
    .app_header .more p, .operateHead .more p{
        display: inline-block;
        height: 1.4rem;
        line-height: 1.4rem;
        color: #fff;
        text-indent:0;
        padding: 0 1.5rem;
    }

    .app_header .more p span, .operateHead .more p span{
        display: inline-block;
        height: 1.4rem;
        line-height: 1.4rem;
        font-size: 1.4rem;
        position: relative;
        left:0;
        animation: rightArrow 3s linear 1s infinite alternate;
        -webkit-animation: rightArrow 3s linear 1s infinite alternate;
    }


    @keyframes rightArrow {
        0% {color: #ddd; left: 0; }
        50% {color: #00f1ff; left: 0.5rem; }
        100% {color: #ddd; left: 0; }
    }
    @-webkit-keyframes rightArrow {
        0% {color: #ddd; left: 0; }
        50% {color: #00f1ff; left: 0.5rem; }
        100% {color: #ddd; left: 0; }
    }

    .app_content{
        display: none;
    }


    .advantage{
        text-align: center;
    }
    .advantage h2{
        height: 2.2rem;
        line-height: 2.2rem;
        margin-top: .5rem;
        color: #ef1808;
        font-size: 1.6rem;
        font-weight: normal;
    }
    .ios_box, .android_box{
        padding: 2.5%;
    }
    .ios_box h3, .android_box h3{
        height: 2rem;
        line-height: 2rem;
        color: #ff5722;
        font-size: 1.4rem;
        font-weight: normal;
    }
    .ios_box p, .android_box p{
        font-size: 1.2rem;
        text-indent: 2.6rem;
        line-height: 2.2rem;
    }

    .ios_box{

    }

    .compareHeader{
        height: 5rem;
        line-height: 6rem;
        text-align: center;
        color: #00bcd4;

    }
    .android_box{

    }

    .compareBox{
        margin: 1%;
    }

    .compareBox p{

        overflow: hidden;
    }

    .compareBox p span{
        display: inline-block;
        width: 24.3%;
        height: 4rem;
        padding: 2% 0;
        text-align: center;
        float: left;
        border: .1rem solid #ddd;
        font-size: 1.1rem;
    }
    .compareBox p:nth-child(1) {
        line-height: 5rem;
        color: #00bcd4;
        font-weight: bold;
    }
    .compareBox{

    }

    /*高端网站建设*/
    .websiteDtial{
        margin: 1% 0;
    }
    .websiteDtial ul{

    }
    .websiteDtial ul li{
        margin: 0 0 .5%;
        /*background: url("../img/banner04.jpg") no-repeat center;*/
        /*!*background-size: cover;*!*/
        background: #06bec9;
    }
    .websiteDtial ul li:nth-child(odd){
        background: -webkit-linear-gradient(45deg, #06bec9, #000 0%, #009688);
    }
    .websiteDtial ul li:nth-child(even){
        background: -webkit-linear-gradient(135deg, #06bec9, #000 0%, #009688);
    }
    .h5_header{
        color: #cddc39;
        padding: 2%;
        background: rgba(0,0,0,.3);
    }
    .h5_header h3{
        height: 2.8rem;
        line-height: 2.8rem;
        text-align: center;
        font-size: 1.4rem;
        font-weight: normal;
    }
    .h5_header p{
        text-indent: 2.8rem;
        line-height: 2rem;
        font-size: 1.2rem;
        color: #fff;
    }

    /*系统定制开发*/
    .systemDetail{
        margin: 1% 0;
    }
    .systemDetail ul{

    }
    .systemDetail ul li{
        margin: 0 0 .5%;
        /*background: url("../img/banner05.jpg") no-repeat center;*/
        background: #06bec9;
    }
    .systemDetail ul li:nth-child(odd){
        background: -webkit-radial-gradient(100% 0%, farthest-corner, #89d845, #000, #89d845);
    }
    .systemDetail ul li:nth-child(even){
        background: -webkit-radial-gradient(0% 100%, farthest-corner, #89d845, #000, #89d845);
    }
    .systemDetail ul li .sys_cont{
        color: #91ee26;
        padding: 2%;
        background: rgba(0,0,0,.3);
    }
    .sys_cont h3{
        height: 2.8rem;
        line-height: 2.8rem;
        text-align: center;
        font-size: 1.4rem;
        font-weight: normal;
    }
    .sys_cont p{
        text-indent: 2.8rem;
        line-height: 2rem;
        font-size: 1.2rem;
        color:#fff;
    }

    /*代理运营*/
    .operationDetail{

    }
    .operateBox{

    }
    .operateBox .operateHead{
        min-height: 10rem;
        margin: .5% 0;
        /*background: url("../img/bj01.jpg") no-repeat center;*/
        /*background-size: cover;*/
        color: #ffac32;
        background: -webkit-radial-gradient(0% 0%, farthest-corner, #ac6d10, #2a161d, #ac6d10);
    }
    .operateCont{
        min-height: 10rem;
        background: rgba(0,0,0,.5);
        padding: 2%;
    }
    .operateCont h3{
        height: 2.8rem;
        line-height: 2.8rem;
        font-weight: normal;
        font-size: 1.6rem;
        text-align: center;

        /*background: -webkit-linear-gradient(#e91e63, #f44336, #E91E63);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;*/
    }
    .operateCont p{
        font-size: 1.2rem;
        text-indent: 2.6rem;
        line-height: 2rem;
        color:#fff;
    }
    .operateCont .more p span{

    }
    .operateBox ul{
        display: none;
        padding:0 4% 2%;
    }
    .operateBox ul li{

    }
    .operateBox ul li h4{
        height: 3rem;
        line-height: 3.5rem;
        font-weight: normal;
        font-size: 1.4rem;
        color: #e91e63;
    }
    .operateBox ul li p{
        min-height: 2rem;
        line-height: 2rem;
        text-indent: 2.6rem;

        font-size: 1.2rem;
    }

    .operateBox:nth-child(2) ul{
        overflow: hidden;
    }
    .operateBox:nth-child(2) ul li{
        width: 96%;
        padding:2%;
        margin: .5rem auto;
        box-shadow: 0 0 .2rem #aaa;
        border-radius: .3rem;
    }

    .operateBox:nth-child(2) ul li h3{
        height: 2.8rem;
        line-height: 2.8rem;
        font-weight: normal;
        font-size: 1.4rem;
        color: #e91e63;
    }
    .operateBox:nth-child(2) ul li p{
        font-size: 1.2rem;
    }


    .operateBox:nth-child(4) ul {
        overflow: hidden;
        margin: 0 -2%;
    }
    .operateBox:nth-child(4) ul li{
        width: 46%;
        min-height: 8.5rem;
        float: left;
        margin: 1%;
        padding: 1%;
        box-shadow: 0 0 .2rem #aaa;
        border-radius: .3rem;
    }
    .operateBox:nth-child(4) ul li .wx_box{
        overflow: hidden;

    }
    .wx_box span{
        display: block;
    }
    .wx_box span:nth-child(1){
        font-weight: bold;
        font-size: 1.3rem;
        text-align: center;
    }
    .wx_box span:nth-child(2){
        font-size: 1.1rem;
    }

    /*创意设计详情页*/
    .designDetail{

    }
    .designDetail ul{
        margin: 2%;
    }
    .designDetail ul li{
        box-shadow: 0 0 .2rem #aaa;
        border-radius: .3rem;
    }
    .designDetail ul li div{
        padding: 2%;
        margin: .5rem 0;

        /*background-color: rgba(0,0,0,.5);*/
    }
    .designDetail ul li div span{
        display: block;
        height: 11rem;
        background-size: 10rem auto;
    }
    .designDetail ul li div h3{
        height: 4rem;
        line-height: 3rem;
        text-align: center;

    }
    .designDetail ul li div p{
        line-height: 1.8rem;
        font-size: 1.2rem;
    }
    .icon_01 span{
        background: url("../img/sj01.png") no-repeat center;
    }
    .icon_02 span{
        background: url("../img/sj02.png") no-repeat center;
    }
    .icon_03 span{
        background: url("../img/sj03.png") no-repeat center;
    }
    .icon_04 span{
        background: url("../img/sj04.png") no-repeat center;
    }
    .icon_05 span{
        background: url("../img/sj05.png") no-repeat center;
    }
    .icon_06 span{
        background: url("../img/sj06.png") no-repeat center;
    }
    .icon_07 span{
        background: url("../img/sj07.png") no-repeat center;
    }
    .icon_08 span{
        background: url("../img/sj08.png") no-repeat center;
    }
    .icon_09 span{
        background: url("../img/sj09.png") no-repeat center;
    }

    /*联系我们*/
    .contact{

    }
    .contact_us{
        padding: 1rem 1rem 0;
        font-size: 1.3rem;
    }
    .contact_us .contact_txt{
        text-indent: 2.8rem;
        line-height: 2rem;
        padding: .5rem 0 1rem;
    }
    .contact_us ul{

    }
    .contact_us ul li{
        height:2.6rem;
        overflow: hidden;
    }
    .contact_us ul li span{
        display: inline-block;
        line-height: 2.6rem;
        float: left;
    }
    .contact_us ul li span:nth-child(3){

    }
    .contact_erweima{
        padding-bottom: 1em;
    }
    .contact_erweima ul{
        overflow: hidden;
    }
    .contact_erweima ul li{
        display: inline-block;
        float: left;
        font-size: 1.3rem;
    }
    .contact_erweima ul li p{
        text-align: center;
    }
    .contact_erweima ul li p:nth-child(2){
        height: 2rem;
        line-height: 2rem;
        margin-top: -0.8rem;
    }

    /*公用底部*/
    footer{
        background: #000;
        color: #fff;
        padding: 1rem 0;
    }

    .ft_nav{
        padding-bottom: .5rem;
        margin-bottom: .5rem;
        border-bottom: 1px dashed #333;
    }
    .ft_nav ul{
        overflow: hidden;
        text-align: center;
    }
    .ft_nav ul li{
        width: 23%;
        float: left;
        margin: 1%;
    }
    .ft_nav ul li a{
        display: inline-block;
        color: #666;
    }

    .ft_bottom p{
        min-height: 2rem;
        line-height: 2rem;
        font-size: 1.3rem;
        text-align: center;
        overflow: hidden;
        color: #666;
    }
    .ft_bottom p a{
        height: 2rem;
        line-height: 2rem;
        display: inline-block;
        color: #666;
    }
    .ft_bottom p:nth-child(2) a{
        background: url("../img/gw.png") no-repeat 0 .1rem;
        background-size: 1.4rem auto;
        text-indent: 1.8rem;
    }
    .ft_bottom p:nth-child(3) span{
        display: inline-block;
        margin: 0 .2rem;
    }
}