.warp{width: 1170px; margin: 0px auto}






.index-about-content{background: #f7f7f7; padding-bottom: 50px;}
.index-about-content .warp{background: #fff; box-shadow: #ccc 0px 0px 10px; width: 1170px; margin-top: -50px;}
.index-about-content .warp .left{width: 730px; float: left; padding: 40px 40px 20px 80px;height: 413px; position: relative}
.index-about-content .warp .left h2{font-size: 24px; font-weight: normal; padding-bottom: 30px;}
.index-about-content .warp .left h2 p{font-size: 14px;}
.index-about-content .warp .left .about-cont{ line-height: 29px;}
.index-about-content .warp .left .about-cont .more{display: block; width: 120px; line-height: 42px; border: #ccc solid 1px; text-align: center; position: absolute; left: 80px; bottom: 40px;}
.index-about-content .warp .right{width: 220px; float: left; background: url("../images/contact-bg.jpg") no-repeat top center; height: 423px; padding: 50px 40px 0px 60px; word-break: break-all}
.index-about-content .warp .right .contact-cont{width: auto; color: #fff; line-height: 24px;}
.index-about-content .warp .right h2{font-size: 18px; color: #fff; font-weight: normal; padding-bottom: 20px;}
.index-about-content .warp .right h2 p{font-size: 30px; font-weight: bold; text-transform: uppercase; padding: 10px 0px 20px 0px;}
.index-about-content .warp .right h2 span{display: block; width: 40px; height: 2px; background: #fff}
.product-index .categray {position: relative; padding-bottom: 30px;}
.product-index .categray h2{font-size: 24px; font-weight: normal; color: #000}
.product-index .categray ul{position: absolute; right: 0px; top: 0px;}
.product-index .categray ul li{float: left; margin: 0px 5px; padding: 0px 10px}
.product-index .categray ul li:hover{background: #a51f2b; }
.product-index .categray ul li:hover a{color: #fff; display: block; line-height: 24px;}
.product-index{padding: 50px 0px;}
.product-list-index ul li{width: 270px; height: 310px; border-radius: 8px; border: #d5d4d4 solid 1px; box-shadow: #e9e9e9 0px 0px 10px; float: left; margin-right: 27px; margin-top: 20px;}
.product-list-index ul li:nth-child(4n){margin-right: 0px;}
.product-list-index ul li:hover{border-color: #fff;box-shadow: #edc2c2 0px 0px 10px;}
.product-list-index ul li h3{height: 86px; border-top:#d5d4d4 solid 1px; text-align: center; line-height: 32px;}
.product-list-index ul li h3 span{display: block; width: 80px; text-align: center; margin: 0px auto; line-height: 24px; background: #e60806; color: #fff; font-weight: normal; margin-top: 10px;}
.product-list-index ul li p{ height: 220px; line-height: 220px; text-align: center;}
.product-list-index ul li p img{display: inline-block; vertical-align: middle;max-width: 100%; height: 98%}
.index-news-content{padding: 50px 0px;}
.index-news-content > .warp > .left,.index-news-content > .warp > .center{float: left; width: 560px; height: 324px;}
.index-news-content > .warp > .center{margin: 0px 42px; position: relative; margin-right: 0px;}
.index-news-content > .warp > .center:before{position: absolute; left: -20px; bottom: 10px; height: 280px; content: ""; display: block; width: 1px; background: #d1d1d1}
/*.index-news-content > .warp > .center:after{position: absolute; right: -20px; bottom: 10px; height: 280px; content: ""; display: block; width: 1px; background: #d1d1d1}*/
.index-news-content > .warp > .right{float: right; width: 362px; height: 324px;}
.index-news-content > .warp .topnew{padding: 20px 0px;}
.index-news-content > .warp .topnew .pic{width: 136px; height: 96px; float: left; position: relative}
.index-news-content > .warp .topnew .pic img{width:auto; display:inline-block; vertical-align: middle;height: 100%!important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;}
.index-news-content > .warp .topnew .infos{width:420px; float: right; font-size: 12px;}
.index-news-content > .warp .topnew .infos h3{font-size: 14px;}
.index-news-content > .warp .topnew .infos .date{line-height: 40px;}
.index-news-content > .warp .topnew .infos .description{line-height: 19px;}
.index-news-content > .warp ul li{line-height: 30px; background: url("../images/new_li.png") no-repeat left center; padding-left: 10px; position: relative}
.index-news-content > .warp ul li a .data{position: absolute; right: 0px; top: 0px;}
.index-news-content > .warp ul li a:hover{color: #C70003}

.index-news-content h2{font-size: 20px; font-weight: normal; position: relative; height: 36px; line-height: 36px; border-bottom: #000000 solid 1px;}
.index-news-content h2 a{position: absolute;right:0px; top: 0px; line-height: 24px; background: #a51f2b; border-radius: 5px; display:inline-block; padding: 0px 10px; font-size: 12px; color: #fff}
.index-news-content h2 span{border-bottom: #a51f2b solid 2px; display: inline-block; line-height: 34px}

.index-server .index-title{text-align:left; background: none; width: 1170px; margin: 0px auto; position: relative}
.index-server .index-title .cn-title{text-align: left; width: 100%; position: relative; left: auto; top: auto; font-size: 24px; font-weight: normal}
.index-title > a{position: absolute; right:0px; top: 0px; line-height: 24px; font-size: 12px; display: block; padding: 0px 10px; background: #a51f2b; color: #fff}