.header-case .row .top{
    /*background: url(../../images/netbang/banner_03.jpg) no-repeat;*/
    background-size: auto 100%;
    background-position: center;}
.header-case .row .top{
    width:100%;
    height:325px;
}
/*BANNER*/
.header_back{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow: hidden;
}
.header_back_img{
    width:auto;
    height:100%;
}
/*BANNER*/
/*案例内容*/
.header .case-con{
    width:90%;
    height:80px;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto auto;
    top: 20%;
    color: #ffffff;
    text-align: left;
    line-height:28px;
    font-size:26px;
    *top:36%;
    *margin-left:8%;
}
.header .server-con{height:210px;}/*服务内容*/
.header .case-con li{
    text-align: left;
    margin-bottom:12px;
}
.header .case-con .case-word{
    text-align: left;
    line-height:25px;
    font-size:14px;
    color: #ffffff;
}
/*开始 小屏案例消失*/
.case-select{
    width:100%;
    height:59px;
    margin-top: 30px;
    position: relative;

}
.c-s-half-on{
    width:50%;
    *width: 49%;
    float: left;
    cursor: pointer;
    display: inline-block;
}
.c-s-on .c-s-half{
    background: url("../../images/netbang/case_select_in_have.png") no-repeat center right;
}
.c-s-on .c-s-half-triangle{
    background: url("../../images/netbang/case_select_in_triangle.png") no-repeat center bottom;
}
.c-s-half{
    width:100%;
    background: url("../../images/netbang/case_select_in_no.png") no-repeat center right;
}
.c-s-half p{
    text-align: left;
    line-height:59px;
    font-size:14px;
    color: #333;
    margin-left: 5%;
}
.c-s-half-triangle{
    width:100%;
    background: none;
}

.c-s-all{
    width:100%;
    height:396px;
    overflow: auto;
    position: absolute;
    top:59px;
    left:0;
    background: #fff;
    display: none;
    z-index: 9;
}
.c-s-li{
    display: block;
    border-bottom:1px solid #f7f7f7 ;
    text-align: left;
    line-height:43px;
    font-size:14px;
    color: #262626;
    padding-left: 30px;
}
.c-s-li a{
	color:#262626;
}
.c-s-li a:hover{
	color: #ff3366;
}
.c-s-li-pink{
    color: #ff3366;
}
.c-s-li:hover{
    color: #ff3366;
}
.c-s-li a{color:#262626;}
.c-s-li a:hover{color:#ff3366;}
/*结束 小屏案例消失*/
.case .case-box{  
    margin-bottom: 100px}
.case .type{width:100%;
    margin-top:10px;}
.case .type-r{width:100%;margin-top:25px;text-align: left;  position: relative;}
.case .case-word{  margin-left:0;}
.case .case-kong{height:1px;}
.case .case-height{height:3350px;}
.case .web a{
    text-align: left;
    line-height:24px;
    font-size:12px;
    color: #333;
    margin-right: 17px;
}
.case .web a:hover{
    color: #ff3366;
}
.case .type .all a{color: #ff3366;}
.case .web-r{
    /*text-align: right;*/
    line-height:24px;
    font-size:16px;
    margin-right: 0;
    color: #333;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.case .web-r.on{color:#ff3366;}
.case .type-drag{
    width:100%;
    height:auto;
    background: #fff;
    padding: 70px 0px 20px 0px;
    position: absolute;
    left:0;
    top:100%;
    display: none;
    z-index:2;
}
.case .type-drag .all{
    color: #ff3366;
    /*height:100%;*/
}
.case .type-drag .all a{
    color: #ff3366;
}
.case .drag-lil{
    width:12.5%;
    *width:10.9%;
    color: #ff3366;
    text-align: left;
    line-height:24px;
    font-size:12px;
}
.case .drag-lil a{color:#333;}
.case .drag-lil a:hover{color:#ff3366;}
.case .drag-lir{
    width:87.5%;
    *width:89%;
    color: #666;
    text-align: left;
    line-height:14px;
    font-size:12px;
}
.case .drag-r{
    width:25%;
    *width: 24.9%;
    height:28px;
    margin-bottom: 10px;
}
.case .drag-lir li{
    /*float: left;*/
    text-align: left;
    line-height:24px;
    font-size:12px;
    cursor: pointer;}
.case .drag-lir li a{
    color:#333;
}
.case .drag-lir .all li a{
    color:#ff3366;
}
.case .drag-lir li a:hover{
    color: #ff3366;}
/*案例行业选择固定*/
.case-fix{
    width:100%;
    height:100%;
    background: #fff;
    position: fixed;display: none;
    top:0;
    left:0;
    padding-left: 10%;
    z-index:1111;
}
.case-fix .type-fix{
    width:100%;
    margin-top:55px;
}
.case-fix .type-r{width:100%;margin-top:25px;text-align: left;  position: relative;}
.case-fix .case-word{  margin-left:0;}
.case-fix .case-kong{height:100px;}
.case-fix .case-height{height:3350px;}
.case-fix .web a{
    text-align: left;
    line-height:24px;
    font-size:12px;
    color: #333;
    margin-right: 17px;
}
.case-fix .web a:hover{
    color: #ff3366;
}
.case-fix .type-fix .all a{color: #ff3366;}
.case-fix .web-r{
    /*text-align: right;*/
    line-height:24px;
    font-size:16px;
    margin-right: 0;
    color: #333;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
.case-fix .type-drag{
    width:100%;
    height:auto;
    /*background: #fff;*/
    padding: 20px 0px 20px 0px;
    position: absolute;
    left:0;
    top:70px;
    padding-left: 10%;
    display: block;
}
.case-fix .type-drag .all{
    color: #ff3366;
    height:100%;
}
.case-fix .drag-lil{
    width:100%;
    color: #ff3366;
    text-align: left;
    line-height:30px;
    font-size:12px;
    margin-bottom: 10px;
}
.case-fix .drag-lir{
    width:100%;
    color: #666;
    text-align: left;
    line-height:14px;
    font-size:12px;
}
.case-fix .drag-r{
    width:50%;
    height:28px;
}
.case-fix .drag-lir li{
    text-align: left;
    line-height:14px;
    font-size:12px;
    cursor: pointer;}
.case-fix .drag-lir li:hover{
    color: #ff3366;}
/*！案例行业选择固定！*/
/*！案例内容！*/
/*案例图片*/
.case .row .case-harf-kong{width:3.57%;height:24px;}
.case p.case-name{
    text-align: center;
    width:100%;
    height:24px;
    color: #666;
    line-height:24px;
    font-size:14px;
    margin-top: 10px;
}
.case p.case-name a{
     color: #666;
     display: block;
     width:100%; 
     overflow:hidden; 
     text-overflow:ellipsis; 
     white-space: nowrap;
 }
.case p.case-name a:hover{
    color:  #039a46;
}
.case p.case-explain {
    width: 100%;
    height: 22px;
    color: #666;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    margin-bottom: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.case .case-pic-box {
     width:100%;
     margin:0 auto;
    position: relative;
 }
.case .case-pic-box,.case .case-pic-box a,.case .case-pic-box a img{width:100%;overflow: hidden}

.case .case-pic-box a{
    display: block;
    height: 100%;
}
.case .case-pic-box a img{
    display: block;
    height: 100%;
}




.subox .case .case-pic-box {
    width:100%;
    margin:0 auto;
    padding: 14px;
}
.subox .case .case-pic-box .case-up {
    text-align: center;
    padding: 40px 0 0px;
    background-color: #f6f6f6;
}
.subox .case .case-pic-box,.subox-02 .case .case-pic-box a,.subox-02 .case .case-pic-box a img{width:100%;}
.subox .case .case-pic-box a{
    display: inline-block;

}
.subox .case .case-pic-box a img{
    display: inline;
width:133px;height:41px;
}



/*！案例图片！*/
/* 案例底部 */
.case-contact{
    margin-top: 52px;
    height:540px;}
.case .hot-line-box .hot-line ul{background: none;
    color: #ff3366;
    padding:0;
    margin:0;}
.case .hot-line-box li{text-align: center;
    line-height:26px;
    font-size:26px;
    margin-bottom: 22px;}
.case .erweima{
    margin:93px auto;
    margin-bottom:90px;
}
.case .img{
    width:100%;
    margin-top: 32px;
}
.case .img img{
   
    display: block;
    margin:0 auto;
}
.case-contact .counsel p{
    line-height:18px;
    font-size:18px;color: #ff3366;
    padding-bottom: 40px;
}
.case-contact .counsel input{
    border:none;
    width:65%;
    margin-right: 5%;
    padding:0;
    height:55px;
    line-height:55px;
    font-size:22px;color: #ff3366;
    border-bottom: 1px solid #ff3366;border-radius: 0;
}
.case-contact .counsel-free-one{border-radius: 2px;}
.case .hot-line-box{
    margin-top:50px;}
.case-foot .foot-logo img{
    width:100%;}
.case-foot .foot-line{position: relative;  left:0;}
 
.case-foot .footer-center ul{  float: left;  margin-left:11px;}
.case-foot .foot-center-pic{margin:54px 0;}
.case-foot .foot-pic-box{
    width:90%;
    height:90%;
    margin:0 auto;
    text-align: center;
    border:1px solid #999;
    position: relative;
}
.case-foot .foot-center-pic-two{
    margin-top: 5.67%;
    margin-bottom: 2.9%;
}
.case-foot .foot-center-pic-two .pic{
    width:50%;}
.case-foot .foot-pic-box-two{
    width:91.3%;
    margin-right: 8.7%;
    margin-bottom: 8.7%;
}
.case-foot .foot-pic-box-two img{
    width:90%;
    margin:0 0;
}
.case-foot .foot-pic-box img{
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto auto;height:60%;}
/*！案例底部！*/
/*官网主页视频，帮网络，下部彩色*/
.header .top .index-con{
    width:100%;height:100%;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto auto;
    z-index: 99;

}

.header .top .index-con>div{padding-bottom:50%;width:100%;height:0}
.header .top .index-con>div>div{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%;color:#fff;text-align: center;font-size: 60px}
.header .top .index-con>div>div>img{width:100%}


.header .top .index-con li,.header .top .index-con p{text-align:center;}
.header .top .index-con li{
    /*line-height:35px;*/
    font-size:20px;
    color: #ffffff;
    margin-bottom:1%;
}
.header .index-con p{
    text-align: center;
    line-height:18px;
    font-size:14px;
    color: #ffffff;
}
.index-video{position:absolute;  top:0;  left:0;width:100%;}
.index-video .video{width:100%;height:100%;position:absolute;left:0px;top:0px;background:#000;z-index:2;}
.index-video .video > div{width:100%;height:100%;}
.index-video .video video{width:100%;}
.index-video{height: 100%;}
.bang-net{
    position: relative;
    width:100%;
    /*height:550px;*/
    border-top: 1px solid #000;
    top: 0;
    background: #f8f8f8;
/*    -webkit-box-shadow:  0px -25px 25px #000;
    -moz-box-shadow:  0px -25px 25px #000;
    box-shadow:  0px -25px 25px #000;*/
    z-index:11;
}

.bang-net li{
    text-align: center;
    line-height:22px;
    font-size:16px;
    color: #ccc;
}
.bang-net .bang-net-kong{height:20px;}
.case .bang-all-kong{height:2970px;}
.bang-net .bang-net-explain{
    text-align: center;
    line-height:30px;
    font-size:14px;
    color: #141414;
}
.bang-net .bang-net-box,.bang-net .bang-net-up{width:100%;height:auto;margin-bottom:33px;}
.bang-net .bang-net-box img{ width:95%;position:relative;display:block; margin:0 auto;}
.bang-net .know-more,.case .know-more,.num-server .know-more{
    margin-top: 30px;
    clear: both;
    text-align: center;
    position: relative;
}
.bang-net .know-more{margin:0 auto 20px;}
.bang-net .more-line,.case .more-line,.num-server .more-line{
    width:17px;
    height:1px;
    background:  #ff3366;
    overflow: hidden;
    position: absolute;
    top:0;
    left:50%;
    margin-left: -8px;
}
.bang-net .know-more li a,.case .know-more li a,.num-server .know-more li a{
    line-height:60px;
    font-size:16px;
    color: #ff3366;
}
.case .stream{margin-bottom:40px;}
/*工作流程*/
.stream .stream-up{
    width:100%;
    height:243px;
    position: relative;
}
.stream .stream-circle{cursor:pointer;}
.stream .stream-circle-fixed{
     width:8px;
     height:8px;
     position: absolute;
     top:0;
     left:0;
     bottom:0;
     right:0;
     margin:auto auto;
     background: #b58af3;
     -webkit-border-radius:50%;
     -moz-border-radius:50%;
     border-radius:50%;
 }
.stream .stream-circle-one{
    width:59px;
    height:59px;
    position: absolute;
    top:83px;
    left:0;
    background: #fff;
    border:1px solid #b58af3;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.stream .stream-circle-two{
    width:58px;
    height:58px;
    position: absolute;
    top:20px;
    left:26.7%;
    background: #fff;
    border:1px solid #b58af3;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.stream .stream-circle-three{
    width:45px;
    height:45px;
    position: absolute;
    top:133px;
    left:56.5%;
    background: #fff;
    border:1px solid #b58af3;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;   
}
.stream .stream-circle-four{
    width:60px;
    height:60px;
    position: absolute;
    top:52px;
    right:20px;
    background: #fff;
    border:1px solid #b58af3;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.stream .stream-up li{
    width:200%;
    position: absolute;
    bottom:-32px;
    left:-50%;
    line-height:18px;  font-size:15px;text-align: center;
    color: #666;
}
.stream .stream-up img{
    position: absolute;
    width: 140%;
    top:-20%;
    left:-20%;
}
/*！工作流程！*/
.num-server .big-pic{margin:0 auto;
    width:100%;
    /*height:246px;*/
    /*min-height: 200px;*/
    position: absolute;
    left:0;
    top:0;
    z-index:2;
    }
.num-server .big-bg{
	
margin:0 auto;
    width:100%;
    position: relative;
}
.num-server .big-pic img{width:100%;height:auto;display:block;margin:0 auto;}
.num-server .big-pic-box{  width:100%;position: relative;  bottom:0;  left:0;display:none;}
.num-server .big-pic-box a{display:block;width:100%;}
.num-server .small-pic{  margin-top: 5px;text-align: center;}
.num-server .small-pic img{cursor:pointer;}
.num-server .small-pic-box .scroll{
    width:33%;
    *width: 32.9%;
    position: relative;
}
.num-server .small-pic-box .scroll img{
    display: block;height:77px;
    margin:0 auto;width: 77px;
}
.num-server .small-pic-box .scroll img:first-child{
	display:none;
}
.num-server .big-pic-bg img{display: block;width: 100%;}

.num-server .big-pic img,.num-server .big-bg img{
	width:1920px;
	position:relative;
	margin-left:-960px;
	left:50%;
}
.num-server .big-pic-box .case-more{
    width: 120px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    bottom:4%;
    right: 10%;
    color:#0056a6;
    font-size: 18px;
}
@media screen and (max-width:1024px){
    .num-server .big-pic img{
        width:150%;
        margin-left:0;
        left:-25%;
    }
}

.server-kong{height:10px;}
.num-server-kong{height:900px;display: none;}
.num-server .small-pic-box{  display: inline-block;*display: inline;*zoom:1;}
.num-server .small-pic span img{margin:15px;}
.num-server .case-explain{padding-top: 25px;display: inline-block;*display: inline;*zoom:1;min-height: 190px;}
/*列居中*/
/*列居四分之一*/
.num-server .gray-line{
    width:30px;
    height:1px;
    overflow: hidden;
    background: #dcdcdc;
    position: relative;
    margin:0 auto;
}
.num-server .case-explain li{
    list-style: square;
    list-style-position: inside;
    /*margin-left:25%;*/
        font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    margin-bottom: 13px;text-align: left;}
.num-server .case-name{
    margin:36px auto 25px;
    line-height:20px;  font-size:18px;  color: #333;  text-align: center}
.num-server .case-name a{color:#333;font-family: "Microsoft Yahei";}
.num-server .case-up img{display:block;margin:0 auto;}
.num-server .case-down {text-align: center;}
.num-server .p-case-pic{display: none;}
.num-server .case-pic-box{margin-bottom:10px;}
.num-server .case-pic-box .case-up a{display: block;}
.num-server .first{  margin-bottom: 60px;}
/*.num-server .index-down{  margin-bottom: 60px;}*/
/*.color{ background: #141414;}*/
.color .first-big{
    /*width:100%;*/
    /*height:70px;*/
    text-align: center;
    line-height:20px;
    font-size:20px;
    padding-top:50px;
    color:#000;
}
.color .first-small{
    /*width:100%;*/
    /*height:30px;*/
    text-align: center;
    line-height:14px;
    font-size:14px;
    padding-top:16px;
}
.color-space{
    height:10px;
}
.color .department{  width:100%;  margin:0 auto;margin-top:20px;text-align: center;}
.color .department span{
    display:inline-block;*display:inline;*zoom:1;
    width:100px;
    height:13px;
    text-align: center;
    line-height:13px;
    font-size:13px;
    margin-top: 50px;
    margin-bottom:20px;
    transform: rotate(-40deg);
    position: relative;
}
.color .img{padding:7% 0;}
.color img{width:100%;}
.color .blue{color:#0782d0;}
.color .green{color:#3bc8b0;}
.color .yellow{color:#d0d369;}
.color .purple{color:#d446a7;}
.color .color-pic{margin-top:8px;margin-bottom:50px;}
.color .color-pic span{
    height:26px;
    text-align: left;
    line-height:26px;
    font-size:10px;
    white-space: nowrap;
}
.color .color-pic li{
    text-align: center;}
.color .color-pic img{width:18px;
    vertical-align: middle;margin:2px}
/*！官网主页视频，帮网络，下部彩色！*/
.case-contact .counsel{
    width:100%;margin:0 auto;
}
.case-contact .counsel-input{
    width:100%;
    height:55px;
    position: relative;
    margin:0 auto;
    margin-top:24px;
    border-radius:5px;
}
.case-contact .counsel-online{
    width:100%;
    height:55px;
    color: #f9f9f9;
    text-align: center;
    line-height:55px;
    font-size:18px;
    background: #ff3366;
    border-radius: 5px;
}
.case-contact .counsel-online img{
    vertical-align: middle;
    margin:15px;
}
.counsel-input a{width: 100%;}
.contact,.contact .container,.contact .container .row,.contact .container .row .container-fluid,.contact .container .row .container-fluid .row{
    overflow: visible;}
     /*！官网主页！*/
/*服务页*/
     /*服务页头背景*/
.server-top{
    z-index:11111;
    background: #000;
    display: none;}
.header-server .row .top{
    /*background: url(../../images/netbang/banner_02.jpg) no-repeat;*/
    background-size: auto 100%;
    background-position: center;}
.header-server .row .top{
    width:100%;
    height:325px;
}

/*！服务页头背景！*/
.num-server,.num-server .container,.num-server .container .row,.num-server .container .row .container-fluid,.num-server .container .row .container-fluid .row{
    overflow: hidden;}
.server-left,.server-left .row,.server-left .row .container-fluid,.server-left .row .container-fluid .row{
    overflow: visible;}
/*服务页选项*/
.server{
    width:100%;
    height:50px;
    border-top: 1px solid #333;
    background: #333;
    position: relative;
}
.server.on{
    position: fixed;
    left: 0;
    top:0;
    z-index: 9999;
}
.server .type .all{color: #ff3366;}
.server .type{
    width:100%;
    /*height:13px;*/
    height: 100%;
    overflow: hidden;
    text-align: center;
    /*margin-top: 38px;*/
}
.server .web{  line-height:50px;font-size:14px;color: #fff;
    cursor: pointer;
}
.server .web:hover{  color: #ff3366;}
/*！服务页选项！*/
@media screen and (min-width: 769px){
    .server{height: 106px;}
    .server .web{line-height: 106px;}
}
/*服务页内容左*/
.server-left{
    clear: both;border-top:1px solid #fff;
    }
.server-left .left-pink {
    width:100%;
    height:100%;
    background: #ff3366;
    text-align: left;
    overflow: hidden;
}
.server-right{  background: #f8f8f8;  }
.server-left .left-pink ul{
    /*display: inline-block;*/
    position: relative;
    text-align: left;
    line-height:30px;
    font-size:20px;
    color: #fff;
    margin-top: 15px;
    margin-left: 10px;
    margin-bottom: 20px;
}
.server-left .left-pink li{
    float: left;
    line-height:18px;
    font-size:11px;
    color: #fff;
    margin-right:10px;
    list-style-type: square;
    list-style-position:inside;
}
.server-left .left-pink p{margin-bottom: 15px;text-align: left;}
.server-contact{
    margin-top:0;}
    /*！服务页内容左！*/
/*服务页内容右*/
.left-bang{
    margin:50px 0 50px 0;
}
.left-bang p{
    text-align: left;
    line-height:24px;
    font-size:18px;
    color: #000;
}
.left-bang li{
    margin-top: 14px;
    text-align: left;
    line-height:18px;
    font-size:14px;
    color: #333;
}
.left-bang .server-word p{
    /*margin-top:15px;*/
    text-align: left;
    line-height:18px;
    font-size:14px;
    color: #666;
    padding:0 5px;
    /*margin-bottom: 15px;*/
}
.left-bang .server-word p a{
    /*margin-top:15px;*/
    line-height:18px;
    font-size:14px;
    color: #666;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    /*margin-bottom: 15px;*/
}
.left-bang-over{
    overflow: hidden;}
.left-bang span{
    clear: both;
    /*height:15px;*/
    display: block;
    *display: inline;
    *zoom:1;
    text-align: left;
    line-height:18px;
    font-size:14px;
    /*position: relative;*/
    margin-bottom: 20px;
    /*margin-left: 10%;*/
    color: #ff3366;
}
.left-bang span a{
    clear: both;
    /*height:15px;*/
    display: inline-block;
    *display: inline;
    *zoom:1;
    text-align: left;
    line-height:18px;
    font-size:14px;
    /*position: relative;*/
    /*margin-bottom: 20px;*/
    /*margin-left: 10%;*/
    color: #ff3366;
}
.left-bang span img{  height:15px;vertical-align: middle;/*display: block;*/ }
.server-three{  width:50%; *width: 49%;  padding:10px 0;  }
.server-three img{
    width:100%;
}
.server-space{height:10px;}
/*！服务页内容右！*/
/*服务页内容详细各行样式*/
.server-left .left-one ul,.server-left .left-two ul,.server-left .left-four ul,.server-left .left-five ul{
    display: inline-block;
    text-align: left;
    line-height:30px;
    font-size:20px;
    margin:15px 5px 20px 10px;
}
.server-left .left-two ul{
    padding:102px 0 30px 21px;
    margin:0;
}
.server-left .left-three ul{margin:24px 0 47px 0px;line-height:53px;
    font-size:40px;}
.server-left .left-four ul{margin:25px 0 30px 20px;}
.server-left .left-five ul{margin:25px 0 30px 20px;}
.server-left .left-pink li{
    line-height:20px;
    font-size:14px;
}
.server-left .left-one li{
    float: left;
    /*width:70px;*/
    /*line-height:18px;*/
    /*font-size:11px;*/
    margin-right: 0;
}
.server-left .left-two li{
    /*width:100%;*/
}
.server-left .left-three li{
    float: left;
    /*width:auto;*/
    /*line-height:18px;*/
    /*font-size:11px;*/
    /*margin-right: 18px;*/
}
.server-left .left-four li{
    /*margin-right: 70px;*/
}
.server-left .left-five li{
    /*float: none;*/
    /*width:100%;*/
}
.server-left li.three-right{width:220px;}
.server-left .left-pink p{margin-bottom: 15px;width:85px;}
.server-left .left-three p{margin-bottom: 0px;width:85px;}
.server-left .left-one {
    width:167px;
    height:188px;background: #ff3366;
    margin-top:50px;
}
.server-left .left-two{
    width:180px;
    height:344px;background: #7132da;
    margin-top: -60px;
}
.server-left .left-three{
    width:180px;
    height:146px;background: #ff6633;
    margin-top: 50px;
}
.server-left .left-four{width:186px;
    height:346px;background: #3399ff;
    margin-top: 35px;
}
.server-left .left-five{
    margin-top: 50px;width:172px;
    height:310px;background: #1dedba;
}
/*！服务页内容各行样式！*/
/*服务页内容最小时样式*/
/*头部*/
/*.header .server-con{
    width:90%;
    height:100px;
    top:20%;
 }*/
.header .server-con p{
     margin-left:0;
    text-align: left;
    line-height:20px;
}
/*内容*/
.server-left .left-pink li.s-hid{
    color:#ff6633;}
.server-left {
    border-top: none;}
.server-left .left-pink{
    width:100%;
    position: relative;
    height:auto;
    margin:0 auto;padding:10px 5% 10px 5%;
}
.server-left .left-one{
    margin-top: 50px;
}
.server-left .left-bang{ 
    width:90%;
    height:auto;
    overflow: hidden;
    margin:10px 5% 50px 5%;
}
.server-left .left-pink ul {
    line-height: 43px;
    font-size: 30px;
}
.server-left .left-pink p{
    width:100%;
    text-align: center;
}
.server-left .left-pink li{
    width:48%;
    padding-left: 2%;
    *padding-left: 1.9%;
    margin-right: 0;
    float: left;
}
.server-left li.small-wid{
    width:66%;}
.server-left .left-pink ul{
    /*width:100%;*/
    display: block;
    margin:0;
    padding:0;
}
/*！服务页内容最小时样式！*/
/*！服务页！*/
@media screen and (min-width: 481px) {
    .header .case-con{
        width:390px;
        height: 160px;
    }

    .server .web {
        /*line-height:14px;*/
        font-size: 12px;
        margin: 0 10px;
    }
}
	/*2016-07-12  */
.num-server .big-pic-box .case-more{
	width:100%;
	height: 100%;
	text-indent: -3000em;
    position: absolute;
    bottom: 0%;
    right: 0%;
}

@media screen and (min-width: 769px) {
	/*2016-07-12  */
	.num-server .big-pic-box .case-more{
	text-indent: 0em;
	width: 120px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    bottom: 4%;
    right: 10%;
}
    /*所有*/
    .case .type-drag{
        width:550%;
        left:-400%;
    }
    /*工作流程*/
    .stream .stream-up{
        height:150px;
    }
    .stream .stream-circle-fixed{
        width:7px;
        height:7px;
    }
    .stream .stream-circle-one{
        width:40px;
        height:40px;
        top:53px;
        left:0;
    }
    .stream .stream-circle-two{
        width:39px;
        height:39px;
        top:10px;
        left:26.7%;
    }
    .stream .stream-circle-three{
        width:30px;
        height:30px;
        top:103px;
        left:56.5%;
    }
    .stream .stream-circle-four{
        width:40px;
        height:40px;
        top:26px;
        right:20px;
    }
    .stream .stream-up li{
        width:200%;
        bottom:-24px;
        left:-50%;
        line-height:18px;  font-size:13px;
    }
    .stream .stream-up img{
        top:-20%;
        left:-20%;
    }
    /*!工作流程!*/
    /*服务页*/
     /*服务页头背景*/
    .header-server .row .top{
        width:100%;
        height:400px;
    }
    /*！服务页头背景！*/
     .container,.container .row{overflow: visible;}
    /*服务页选项*/
    .site-server{  height:106px;
    }
    .server{  height:106px;
    }

    .server .web{font-size:16px;
        margin:0 20px;
    }
    /*！服务页选项！*/
    /*服务页内容左*/
    .server-left{
        border-top:1px solid #fff;
    }
    .server-left .left-pink {
        width:100%;
        height:100%;
        text-align: left;
        padding:0;
    }
    .server-left .left-pink ul{
        text-align: left;
        line-height:30px;
        font-size:20px;
        margin-top: 15px;
        margin-left: 10px;
        margin-bottom: 20px;
    }
    .server-left .left-pink li{
        /*float: left;*/
        line-height:18px;
        /*font-size:11px;*/
        /*margin-right:10px;*/
        width: 100%;
    }
    .server-left .left-pink p{margin-bottom: 15px;text-align: left;}
    /*服务页内容左*/
    /*服务页内容右*/
    .server-left .left-bang{
        width:100%;
        margin:70px 0 50px 0;
        padding-right:5.7%;
    }
    .server-left .left-bang-one{
        margin:90px 0 100px 0;
    }
    .server-left .left-bang-two{
        margin:70px 0 70px 0;
    }
    .server-left .left-bang-three{
        margin:100px 0 90px 0;
    }
    .server-left .left-bang-four{
        margin:85px 0 50px 0;
    }
    .server-left .left-bang-five{
        margin:100px 0 110px 0;
    }
    .left-bang p{
        text-align: left;
        line-height:22px;
        font-size:18px;
    }
    .left-bang li{
        text-align: left;
        margin-top: 13px;
        /*line-height:17px;*/
        /*font-size:11px;*/
    }
    .left-bang .server-word p{
        text-align: left;
        margin-top:7px;
        line-height:15px;
        font-size:13px;
        margin-bottom: 7px;
    }
    .left-bang .server-word p a{
        text-align: left;
        margin-top:7px;
        line-height:15px;
        font-size:13px;
        margin-bottom: 7px;
    }
    .left-bang span{
        text-align: left;
        margin-top:17px ;
        /*height:16px;*/
        line-height:16px;
        font-size:14px;
    }
    .left-bang span a{
        text-align: left;
        margin-top:17px ;
        /*height:16px;*/
        line-height:16px;
        font-size:14px;
    }
    .left-bang span img{  height:16px; }
    .server-three{  width:33.333%; *width: 33%;  margin-top: 30px;  }
    .server-three img{
        width:100%;
    }
    .server-space{height:200px;}
    .case-foot .footer-center ul{margin-left:21px;}
    /*！服务页内容右！*/
    /*服务页内容各行样式*/
    .server-left .left-pink li.s-hid{
        color: #fff;
    }
    .m-hid,.l-hid{
        display: none;}
    .server-left .left-one ul,.server-left .left-two ul,.server-left .left-three ul,.server-left .left-four ul,.server-left .left-five ul{
        text-align: left;
        line-height:30px;
        font-size:20px;
        margin:15px 5px auto 10px;
        margin-top: 15.5%;
        margin-left:12.9%;
        margin-bottom:25%;
    }
    .server-left .left-pink{
        float: left;
    }
    .server-left .left-one ul{
        margin-top: 16%;
    }
    /*.server-left .left-two,.server-left .left-four{
        float: right;}*/
    .server-left .left-two ul{
        margin:26% 0 30px 13%;
    }
    .server-left .left-three ul{
        margin:38% 0 47px 13%;
        /*line-height:53px;*/
        /*font-size:35px;*/
    }
    .server-left .left-four ul{
        margin:33% 0 30px 13%;}
    .server-left .left-five ul{
        margin:38% 0 30px 13%;}
    .server-left .left-one li{
        /*float: left;*/
        /*width:45%;*/
        /*line-height:18px;*/
        /*font-size:11px;*/
        /*margin-right: 0;*/
    }
    .server-left .left-pink li{
        /*line-height:18px;*/
        /*font-size:11px;*/
        float: none;
    }
    .server-left .left-two li{
        /*width:100%;*/
    }
    .server-left .left-three li{
        /*float: left;*/
        /*width:auto;*/
        /*line-height:18px;*/
        /*font-size:11px;*/
        /*margin-right: 18px;*/
    }
    .server-left .left-four li{
        /*margin-right: 10px;*/
        /*width:40%;*/
        /*float: left;*/
    }
    .server-left .left-five li{
        /*float: none;*/
        /*width:100%;*/
    }
    /*.server-left li.three-right{width:220px;}*/
    .server-left .left-pink p{margin-bottom: 15px;width:85px;}
    .server-left .left-three p{margin-bottom: 15px;width:85px;}
    .server-left .left-one li{
    }
    .server-left .left-one {
        /*width:167px;*/
        height:400px;
        /*margin-top:50px;*/
    }
    .server-left .left-two{
        /*width:180px;*/
        height:400px;
        /*margin-top: -25.9%;*/
    }
    .server-left .left-three{
        /*width:180px;*/
        height:400px;
        /*margin-top: 50px;*/
    }
    .server-left .left-four{
        position: relative;
        /*right:0;*/
        /*width:186px;*/
        height:400px;
        /*top: 35px;*/
    }
    .server-left .left-five{
        /*margin-top: 50px;*/
        /*width:172px;*/
        height:400px;
    }
    .server-left .left-bang-three{
        padding-left: 15px;
    }
    /*！服务页内容各行样式！*/
    /*！服务页！*/
    .header-case .row .top{
        height:400px;
    }
    .header .case-con{
        width:500px;
        height:100px;
        /*top:0;
        *top:36%;*/
        margin-left: 20%;
        line-height:48px;
        font-size:45px;
    }
    .header .server-con{
        height:170px;
    }
    .header .case-con li{
        margin-bottom:24px;
    }
    .header .case-con .case-word{
        line-height:39px;
        font-size:16px;
    }
    .bang-net{
        /*height:450px;*/
    }
    .case .type{width:80%;margin-top:55px;  }
    .case .web a{
        line-height:30px;
        font-size:14px;
        margin-right: 35px;
    }
    .case .web-r{
        line-height:30px;
        font-size:20px;
    }
    .case .type-r{width:20%;margin-top:55px;text-align: right;}
    .case .drag-r{
        height:32px;
        margin-bottom: 10px;
    }
    .case .drag-lil{
        width:63px;
        color: #ff3366;
        line-height:16px;
        font-size:14px;
    }
    .case .drag-lir li{
        width:87.5%;
        line-height:16px;
        font-size:14px;
    }
    .case p.case-name{
        text-align: center;
        height:24px;
        line-height:24px;
        font-size:16px;
        margin-top: 10px;
    }
    .case .stream{margin-bottom:80px;}
    .case .case-box{
        margin-bottom: 50px}
   .subox .case .case-box{
        margin-bottom: 20px}
    .case .case-kong{height:1px;}
    .case .case-height{height:1622px;}
    /*案例底部*/
    .case .hot-line-box{
        margin-top:-50px;}
    .case-contact .counsel-input{
        margin:24px 0;
        margin-right: 79px;
        float: left;
    }
    .case-contact .counsel-input-margin{
        margin-right: 0px;
    }
    .case .hot-line-box{
        clear: both;}
    .case-contact .counsel-input{
        width:270px;
    }
    .case-contact .counsel-online{
        width:270px;
    }
    /*底部左图标最小时消失*/
    .case-foot .foot-logo{
        position: relative;
    }
    .case-foot .foot-logo a{
        position: absolute;
        top:0;
        left:-73px;
        width:285px;}
    .case-foot .foot-center-pic-two .pic{
        width:20%;}
    .case-foot .foot-pic-box-two img{
        width:100%;
    }
    /*！案例底部！*/
    /*官网主页*/
    .case .bang-all-kong{height:1366px;}
    /*顶部内容*/
    /*.header .top .index-con{height:150px;
    }*/
    .header .top .index-con li{
        font-size:32px;
    }
    .header .index-con p{
        line-height:20px;
        font-size:18px;
    }
    .bang-net{
 /*       height:600px;
        margin-top: -80px;*/
    /*    -webkit-box-shadow:  0px -35px 15px #000;
        -moz-box-shadow:  0px -35px 15px #000;
        box-shadow:  0px -35px 15px #000;*/
    }
    .bang-net .bang-net-box,.bang-net .bang-net-up{margin-bottom:33px;}
    .bang-net .bang-net-explain{
        font-size:14px;
    }
    /*.bang-net .know-more,.case .know-more,.num-server .know-more{
        margin-top: 90px;
    }*/
    .bang-net ul{margin:50px auto;}
    .bang-net li{
        line-height:45px;
        font-size:27px;
    }
    /* .num-server .big-pic{  width:495px;  height:246px;  }
    .num-server .big-pic img{width:495px;height:246px;} */
    /*.num-server .small-pic-box{  width:525px;  margin:0 auto;}*/
    .num-server .small-pic .scroll{margin:15px;}
    .num-server .small-pic-box .scroll{  height:77px;  width: 77px;}
    .num-server .small-pic-box .scroll img{
        height:77px;
    }
    .num-server-kong{height:10px;display: block;}
    .num-server .gray-line{
        width:30px;
        height:1px;
    }
    .num-server .case-name a{  /*line-height:92px;*/  font-size:17px; }
    .num-server .case-name{
        /*margin:36px auto;*/
        /*line-height:20px;  font-size:18px;*/
        font-size: 13px;
        line-height: 20px;
        margin: 36px auto;}
    .num-server .case-explain li{
            font-size: 14px;
    line-height: 16px;
    margin-bottom: 13px;}
    .num-server .case-up img {
        height:100px;
    }
    .num-server .first{  margin-bottom: 15px;}
    .color .first-big{
        /*height:96px;*/
        line-height:26px;
        font-size:26px;
        padding-top:70px;
    }
    .color .first-small{
        /*height:36px;*/
        line-height:18px;
        font-size:18px;
        padding-top:18px;
    }
    .color-space{
        height:10px;
    }
    .color .department{margin-top:50px;}
    .color .department span{
        width:100px;
        height:15px;
        line-height:15px;
        font-size:15px;
        margin-top: 50px;
        margin-bottom:20px;
    }
    .color .color-pic{margin-bottom:130px;}
    .color .color-pic span{
        height:26px;
        line-height:26px;
        font-size:12px;
    }
    .color .color-pic img{width:22px;
        margin:3px}
    /*！官网主页！*/
}
@media screen and (min-width: 700px) {
    /*.color{ background: #141414;}*/
    /*.color .first-big{
        line-height:30px;
        font-size:30px;
        padding-top:80px;
    }
    .color .first-small{
        line-height:20px;
        font-size:20px;
        padding-top:20px;
    }*/
    .color .department{  margin-top:50px;}
    .color .department span{
        width:100px;
        height:18px;
        line-height:16px;
        font-size:16px;
        margin-top: 50px;
        margin-bottom:20px;
    }
    .color .color-pic{margin-bottom:135px;}
    .color .color-pic span{
        height:30px;
        text-align: left;
        line-height:30px;
        font-size:13px;
    }
    .color .color-pic img{width:26px;
        margin:5px}

}
@media screen and (min-width: 870px) {
    /*工作流程*/
    .stream .stream-up{
        height:180px;
    }
    .stream .stream-circle-fixed{
        width:8px;
        height:8px;
    }
    .stream .stream-circle-one{
        width:49px;
        height:49px;
        top:63px;
        left:0;
    }
    .stream .stream-circle-two{
        width:48px;
        height:48px;
        top:20px;
        left:26.7%;
    }
    .stream .stream-circle-three{
        width:35px;
        height:35px;
        top:113px;
        left:56.5%;
    }
    .stream .stream-circle-four{
        width:50px;
        height:50px;
        top:32px;
        right:20px;
    }
    .stream .stream-up li{
        width:200%;
        bottom:-27px;
        left:-50%;
        line-height:18px;  font-size:13px;
    }
    .stream .stream-up img{
        top:-20%;
        left:-20%;
    }
    /*!工作流程!*/
    .server-left .left-bang-three{
        padding-left: 0px;
    }
    .server-left .left-pink{
        width:100%;
    }
    .case-contact{
        margin-top: 122px;
    }
    .server-contact{
        margin-top:0;}
    .case-contact .counsel-input{
        width:384px;
    }
    .case-contact .counsel-online{
        width:346px;
    }
    /*官网主页*/
/*    .header .top .index-con{height:200px;
    }
    .header .top .index-con li{
        line-height:80px;
        font-size:74px;
        margin-bottom: 52px;
    }*/
/*    .header .index-con p{
        line-height:24px;
        font-size:22px;
    }*/
    /*.color .first-big{
        line-height:37px;
        font-size:37px;
        padding-top:90px;
    }*/
    /*.color .first-small{
        line-height:23px;
        font-size:23px;
        padding-top:22px;
    }*/
    .color .department{ margin-top:55px;}
    .color .department span{
        width:100px;
        height:18px;
        line-height:18px;
        font-size:18px;
        margin-top: 50px;
        margin-bottom:40px;
    }
    .color .color-pic{margin-bottom:135px;}
    .color .color-pic span{
        height:34px;
        line-height:34px;
        font-size:13px;
    }
    .color .color-pic img{width:34px;
       margin:10px}
}

@media screen and (min-width: 890px) {
    .num-server .case-name {

        margin:36px auto;
        line-height:20px;  font-size:18px;
    }
    .num-server .case-explain li{
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 13px;
    }
    .num-server .case-up img {
        height:117px;
    }
    .header .index-con p{
        line-height:24px;
        font-size:18px;
    }
}



@media screen and (min-width: 1000px) {
/*    .num-server .small-pic-box {
        width: 530px;
        margin: 0 auto;
    }*/
    /* .num-server .big-pic {
        width: 700px;
        height: 350px;
    }
    .num-server .big-pic img {
        width: 700px;
        height: 350px;
    } */
}
@media screen and (min-width: 1280px) {
    /*工作流程*/
    .stream .stream-up{
        height:243px;
    }
    .stream .stream-circle{cursor:pointer;}
    .stream .stream-circle-fixed{
        width:8px;
        height:8px;
    }
    .stream .stream-circle-one{
        width:59px;
        height:59px;
        top:83px;
        left:0;
    }
    .stream .stream-circle-two{
        width:58px;
        height:58px;
        top:20px;
        left:26.7%;
    }
    .stream .stream-circle-three{
        width:45px;
        height:45px;
        top:133px;
        left:56.5%;
    }
    .stream .stream-circle-four{
        width:60px;
        height:60px;
        top:52px;
        right:20px;
    }
    .stream .stream-up li{
        bottom:-32px;
        line-height:18px;  font-size:15px;text-align: center;
    }
    .stream .stream-up img{
        top:-20%;
        left:-20%;
    }
    .header .top .index-con li{
        font-size:54px;
    }
    .header .index-con p{
        line-height:30px;
        font-size:22px;
    }
    /*!工作流程!*/
    .header-case .row .top{
        width:100%;
        height:549px;
    }
    .header-server .row .top{
        width:100%;
        height:549px;
    }

     .header .case-con .case-word{
        line-height:39px;
        font-size:16px;
    }
    .case .type-drag{
        width:596.555%;
        padding:90px 0px 20px 0px;
        left:-455.555%;
    }
    .case .drag-lil{
        line-height:18px;
        font-size:16px;
    }
    .case .drag-r{
        width:20%;
        *width:19.9%;
        height:36px;
        margin-bottom: 10px;
    }
    .case .drag-lir li{
        width:90%;
        color: #666;
        text-align: left;
        line-height:18px;
        font-size:16px;
    }
    .case .type{width:82%;margin-top:55px;  }
    .case .type-r{width:18%;}
    .case .web a{
        text-align: left;
        line-height:35px;
        font-size:16px;
        margin-right: 40px;
    }
    .type-drag .drag-lil{
        width:72px;
    }


    .case .web-r{
        line-height:35px;
        font-size:26px;
    }

    .case .case-height{height:1152px;}
    .case-foot .foot-center-box .row .height{width:20%;}
    .case-contact{  margin-top: 292px;  }
    /*官网主页*/
    .case .bang-all-kong{height:866px;}
    .num-server .case-name a{ /* line-height:92px;*/  font-size:21px;  color: #333;  }
    /*.num-server .small-pic .scroll{margin:40px;}*/
    /* .num-server .big-pic {  width: 900px;  height: 448px;  }
    .num-server .big-pic img{width:900px;height:448px;} */
    .bang-net .bang-net-explain{
        font-size:16px;
    }
    .num-server .gray-line{
        width:30px;
        height:1px;
    }
    .num-server .case-name {
        margin: 36px auto;
        line-height: 25px;
        font-size: 23px;
    }
    .num-server .case-explain{
        padding-top: 45px;
    }
    .num-server .case-explain li{
        margin-bottom:14px;line-height:18px;  font-size:16px;}
    /*！官网主页！*/
    /*服务页*/
    .server{  height:106px;
    }
    .server .web{  font-size:16px; margin: 0 48px 0 48px;}

    .case-contact{
        margin-top: 192px;
    }
    .left-bang p{
        line-height:36px;
        font-size:24px;
    }
    .left-bang li{
        margin-top: 17px;
        text-align: left;
        line-height:27px;
        font-size:15px;
    }
    .left-bang .server-word p{
        margin-top:15px;
        line-height:20px;
        font-size:16px;
        margin-bottom:15px;
    }
    .left-bang .server-word p a{
        margin-top:15px;
        line-height:20px;
        font-size:16px;
        margin-bottom:15px;
    }
    .left-bang span{
        margin-top: 13px;
        /*height:17px;*/
        line-height:17px;
        font-size:15px;
    }
    .left-bang span a{
        margin-top: 13px;
        /*height:17px;*/
        line-height:17px;
        font-size:15px;
    }
    .server-three{  width:33.333%; *width: 33%;  margin-top: 70px;  }
    .server-space{height:200px;}
    .left-bang{margin:90px 0 70px 0;}
    .server-left .left-one ul,.server-left .left-two ul,.server-left .left-three ul,.server-left .left-four ul,.server-left .left-five ul{
        line-height:48px;
        font-size:36px;
        margin:40px 0 30px 30px;
        margin-top: 15.5%;
        margin-left:12.9%;
    }
    /*.server-left .left-two{margin-top: -168px;}*/
    /*.server-left .left-four{
        float: right;}*/
    .server-left .left-two ul{
        margin:32% 0 30px 13.7%;
        }
/*    .server-left .left-three ul{
        line-height:73px;
        font-size:71px;
    }*/
    .server-left .left-three ul{
        margin:18% 0 30px 13.7%;}
    .server-left .left-four ul{
        margin:22% 0 30px 13.7%;}
    .server-left .left-five ul{
        margin:24% 0 30px 13.7%;}
    .server-left .left-one li{
        float: left;
        width:100%;
        line-height:28px;
        font-size:15px;
        margin-right: 0;
    }
    .server-left .left-pink li{
        line-height:28px;
        font-size:15px;
    }
    .server-left .left-two li{
        width:100%;
    }
    .server-left .left-three li{
        width:100%;
        line-height:28px;
        font-size:15px;
        /*margin-right: 18px;*/
    }
    .server-left .left-four li{
        width:100%;
    }
    .server-left .left-five li{
        float: none;
    }
    .server-left li.three-right{width:220px;}
    .server-left .left-pink p{margin-bottom: 30px;width:165px;}
    .server-left .left-three p{margin-bottom: 30px;width:165px;}
    .server-left .left-one {
        width:262px;
        height:511px;
        margin-top: 89px;
    }
    .server-left .left-two{
        width:262px;
        height:511px;
        margin-top: 0;
    }
    .server-left .left-three{
        width:262px;
        height:511px;
        margin-top: 100px;
    }
    .server-left .left-four{
        width:262px;
        height:511px;
        top: 73px;
    }
    .server-left .left-five{
        width:262px;
        height:511px;
        margin-top: 91px;
    }
    .server-left .left-bang-one{
        margin:132px 0 144px 0;
    }
    .server-left .left-bang-two{
        margin:85px 0 100px 0;
    }
    .server-left .left-bang-three{
        margin:150px 0 131px 0;
    }
    .server-left .left-bang-four{
        margin:135px 0 61px 0; 
        padding-right: 10%;
    }
    .server-left .left-bang-five{
        margin:153px 0 159px 0;
    }
    .server-contact{
        margin-top:0;}
    /*！服务页！*/
}
@media screen and (min-width: 1300px) {
    .server-left .left-bang-four{
        padding-right: 5.7%;
    }
}
@media screen and (min-width: 1400px) {
    .header .row .top .server-con{
        margin-left: 20%;
    }
}
@media screen and (min-width: 1540px) {
    .server-left .row .left-bang{width:842px;padding-right:5.22%;}

}
@media screen and (min-width: 1600px) {
    .case .web a{
        margin-right: 97px;
    }
    .type-drag .drag-lil{
        width:129px;
    }
}


/*2016-05-26*/
.bang-net{
    margin-top: 0;
    padding-top: 50px;
}
.loadingmore{
    text-align: center;
}
.index-case .case-pic-box a img{
    height: auto;
}
@media screen and (min-width: 1200px) {
    .color .first-big{
        line-height:37px;
        font-size:37px;
        padding-top:90px;
    }
    .color .first-small{
        line-height:23px;
        font-size:23px;
        padding-top:22px;
    }
}
@media screen and (max-width:768px){
    .num-server .big-pic img{
        width:150%;
        margin-left:0;
        height: auto;

    }
    .contact .contact-padding{
    	display: none;
    }
    .num-server .p-case-pic{display: block;}

}