/*banner*/
@media (min-width: 820px) {
    .index-content {
        margin-top: 50px;
    }
}
@media (max-width: 820px) {
    .index-content {
        margin-top: 100px;
    }
}
.index-content {
    margin-bottom: 116px;
}
.index-banner{
    position:relative;
}
.profession{
    width:53%;
    position: absolute;
    top: 18.4%;
    left: 50%;
    margin-left:-26.5%;
}
.subbanner{
    width:37%;
    position: absolute;
    top: 63%;
    left: 50%;
    margin-left:-18.5%;
}
.mouse{
    width:1.7%;
    position: absolute;
    top: 87%;
    left: 50%;
    margin-left:-0.85%;
}
.carousel-indicators li{
    width:6px;
    height:6px;
    border:none;
    background:white;
    margin:1%;
}
.carousel-indicators .active{
    width:2.9%;
    height:6px;
    margin:1%;
}
.carousel-indicators {
    top:95%;
}

/*new media*/
.pro {
    padding: 30px 0px;
}
.pro>p {
    text-align: center;
    font-size: 14px;
    color: #666;
}

.pro .boxtitle {
    font-size: 42px;
    color: #000;
    margin-bottom: 40px;
    margin-top:10px;
}
.pro .box-subtitle{
    margin-bottom:30px;
}

.cont-adds-a ul{
    /*display:flex;*/
    margin:0 auto;
    width:1200px;
    font-family:"微软雅黑";
    /*width:62.5%;*/
}
.cont-adds-a ul li{
    width: 25%;
    float:left;
}
.cont-adds-a ul li a{
    width: 100%;
    height: 213px;
    display: block;
}
.cont-adds-a ul li a.pangqian-a {
    background: url(../img/index/media-a.jpg) no-repeat #e4e4e4 center center;
}
.cont-adds-a ul li a.pangqian-b {
    background: url(../img/index/media-b.jpg) no-repeat #e4e4e4 center center;
}
.cont-adds-a ul li a.pangqian-c {
    background: url(../img/index/media-c.jpg) no-repeat #e4e4e4 center center;
}
.cont-adds-a ul li a.pangqian-d {
    background: url(../img/index/media-d.jpg) no-repeat #e4e4e4 center center;
}
.cont-adds-a ul li h3,.cont-adds-a ul li p{
   text-align: center;
}
.cont-adds-a ul li h3{
    font-size:24px;
    line-height:22px;
    font-weight: 500;
    margin-top:26px;
}
.cont-adds-a ul li p{
    color:#666;
    font-size:14px;
    padding:10px 0px;
}

/*middle banner*/
.index-middle-banner{
    height:848px;
    background: url(../img/index/middle-banner.jpg) no-repeat center center;
    width:100%;
}
.index-banner-bg{
    text-align: center;
    width:1200px;
    min-width:1060px;
    margin:0 auto;
}
.index-middle-banner .no4{
    display:inline-block;
    margin-top:127px;

}
.middle-server{
    padding:0;
    width:100%;
}

.middle-server .boxtitle {
    margin-top: 24px;
    line-height:42px;
    margin-bottom: 24px;
    color:#fff;
}
.middle-server p{
    color:#fff;
    line-height:24px;
}
.index-res{
    width:1060px;
    left:50%;
    margin:0 auto;
}
.index-res ul{
    width:100%;
    margin-top: 102px;
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -webkit--moz-box-pack:space-between;
    box-pack:space-between;
    -webkit-justify-content:space-between;
    justify-content:space-between;
}
.index-res ul li{
    width:15.094%;
    margin-right:140px;
}
.index-res ul li:last-child{
    margin-right:0px;
}
.index-res ul li a{
    width: 100%;
    height: 160px;
    display: block;
    border:1px solid #fff;
    border-radius:50%;
}

.index-res li a.index-res-a {
    background: url(../img/index/res-a.png) no-repeat center center;
}
.index-res li a.index-res-b {
    background: url(../img/index/res-b.png) no-repeat center center;
}
.index-res li a.index-res-c {
    background: url(../img/index/res-c.png) no-repeat center center;
}
.index-res li a.index-res-d {
    background: url(../img/index/res-d.png) no-repeat center center;
}
.index-res li a.index-res-a:hover{
    background: url(../img/index/res-a.png) no-repeat #f32836 center center;
    border-color:#f32836;
}
.index-res li a.index-res-b:hover{
    background: url(../img/index/res-b.png) no-repeat #f32836 center center;
    border-color:#f32836;
}
.index-res li a.index-res-c:hover{
    background: url(../img/index/res-c.png) no-repeat #f32836 center center;
    border-color:#f32836;
}
.index-res li a.index-res-d:hover{
    background: url(../img/index/res-d.png) no-repeat #f32836 center center;
    border-color:#f32836;
}
.index-res ul li p{
    color:#fff;
    text-align: center;
    font-size:24px;
    /*margin-top:3.4%;*/
    margin-top:30px;
}
div.index-floor-top{
    margin-top:58px;
}
 /*floor1*/
.index-floor{
    width:1147px;
    /*width:59.74%;*/
    margin:0 auto;
}
.index-floor p {
    text-align: center;
}
.index-floor .floor-title{
    font-size:42px;
}
.title-icon{
    display:inline-block;
    width:49px;
    height:57px;
    background: url(../img/index/floor-icon1.png) no-repeat center center;
    position:relative;
    top:12px;
    margin-right:16px;
}
.floor1 .title-icon{
    background: url(../img/index/floor-icon1.png) no-repeat center center;
}
.index-floor .floor-subtitle{
    font-size:24px;
    color:#666;
    padding:20px 0;
}
.index-floor .floor-text{
    font-size:14px;
    color:#999;
    height:24px;
    line-height: 24px;
}
.floor1 table{
    margin-top:40px;
    box-sizing: border-box;
}
.floor1 table tr{
    width:1150px;
}
.floor1 table td{
    width:190px;
    height:76px;
    border:1px solid #ddd;
    box-sizing: border-box;
}
.floor1 table td:hover{
    border:1px solid transparent;
}
.floor1 table td a:hover{
    border:2px solid red;
}
.floor1 table td a{
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: block;
    border:2px solid transparent;
}

.floor1 table td .refs-row1-a{
    background: url(../img/index/toutiao.png) no-repeat center center;
}
.floor1 table td .refs-row1-b{
    background: url(../img/index/aiqiyi.png) no-repeat center center;
}
.floor1 table td .refs-row1-c{
    background: url(../img/index/mongoTV.png) no-repeat center center;
}
.floor1 table td .refs-row1-d{
    background: url(../img/index/UC.png) no-repeat center center;
}
.floor1 table td .refs-row1-e{
    background: url(../img/index/fenghuang.png) no-repeat center center;
}
.floor1 table td .refs-row1-f{
    background: url(../img/index/wechat.png) no-repeat center center;
}
.floor1 table td .refs-row2-a{
    background: url(../img/index/momo.png) no-repeat center center;
}
.floor1 table td .refs-row2-b{
    background: url(../img/index/guangdiantong.png) no-repeat center center;
}
.floor1 table td .refs-row2-c{
    background: url(../img/index/xinlang.png) no-repeat center center;
}
.floor1 table td .refs-row2-d{
    background: url(../img/index/baidu.png) no-repeat center center;
}
.floor1 table td .refs-row2-e{
    background: url(../img/index/360.png) no-repeat center center;
}
.floor1 table td .refs-row2-f{
    background: url(../img/index/sogo.png) no-repeat center center;
}
/*floor2*/
.floor2{
    margin-top:150px;
}
.floor2 .title-icon{
    background: url(../img/index/floor-icon2.png) no-repeat center center;
}
.floor img{
    display: block;
    margin-top:64px;
}
/*floor3*/
.floor3{
    margin-top:142px;
}
.floor3 .title-icon{
    background: url(../img/index/floor-icon3.png) no-repeat center center;
}
.floor3 b{
    font-weight: normal;
    color:#f32836;
}
.floor3{
    width:83.4%;
    /*width:1600px;*/
    /*min-width: 1200px;*/
    margin:0 auto;
}
.floor3>div{
    /*width:1600px;*/
    width:100%;
    margin-top:44px;
}
.floor3 div img{
    width:100%;
}
/*floor4*/
.floor4{
    width:100%;
    margin-top:218px;
    text-align: center;
    position: relative;
}
.floor4 b{
    font-size:48px;
    font-weight:normal;
}
.floor4 div{
    /*width:1320px;*/
    width: 68.75%;
    min-width: 647px;
    margin: 0 auto;
    position:relative;

}
.floor4 ul{
    width:100%;
    height:270px;
    position:absolute;
    z-index:20;
    top:-138px;
}
.floor4 ul li{
    float:left;
    font-size:72px;
    width:33.33%;
    height:100%;
    text-align: center;
    box-sizing: border-box;
    padding-top:64px;
    color:#fff;
    background:rgba(228,52,64,1);
}
.floor4 ul li p{
    font-size:16px;
}
.floor4 img {
    /*display: inline-block;*/
}
.floor4 div.floor4-bg{
    width:100%;
    height:732px;
    background: url(../img/index/floor4-img.jpg) no-repeat center center;
}
.floor4-title-box{
    position: absolute;
    top:230px;
}
.floor4-title-box p{
    color:#fff;
}
.floor4-title{
    font-size:42px;
    margin-top:30px;
}
.floor4-title span{
    color:#f32836;
}
.floor4-subtitle{
    font-size:24px;
    margin-top:10px;
}
.floor4-text{
    padding:23px 0;
}
.button-down{
    display: inline-block;
    margin-top:30px;
}
.floor4 .computer{
    margin-top:112px;
}
.message {
    background: #fff;
    height: 440px;
    padding: 50px 30px;
    width: 810px;
    margin:0 auto;
    /*float: left;*/
    position: relative;
}

.submit {
    background: #f32836;
    width: 100px;
    border-radius: 20px;
    color: #fff;
}
.send-email{
    float:right;
    position:relative;
    top:12px;
}
.send-email b{
    color:#f32836;
    font-weight: normal;
}
.form-group {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

.maxtext {
    position: absolute;
    bottom: 120px;
    right: 45px;
    color: #f32836;
}
.form-group span.clear-btn {
    width: 50px;
    /*width: 7%;*/
    height: 50px;
    background: #fff;
    float: left;
    border: 1px solid #e5e5e5;
    border-right: none;
}

.form-group span.clear-btn i {
    background: url(../img/index/name.png) no-repeat center center;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    width: 50px;
    height: 50px;
    display: inline-block;
}

.form-group input {
    /*width: 91%;*/
    width:700px;
    height: 50px;
    float: left;
    color: #a7a7a7;
    border: 1px solid #e5e5e5;
    border-left: none;
    border-radius: 0;
}

.form-group span.clear-btn-a {
    width: 50px;
    height: 50px;
    background: #fff;
    float: left;
    border: 1px solid #e5e5e5;
    border-right: none;
}

.form-group span.clear-btn-a i {
    background: url(../img/index/phone.png) no-repeat center center;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    width: 50px;
    height: 50px;
    display: inline-block;
}

.form-group:hover span i {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
}

.form-group textarea {
    width: 100%;
    height: 132px;
    padding: 8px;
    border: 1px solid #e5e5e5;
}