/* banner */
.banner {overflow: hidden;position: relative;width: 100%;height: 615px;background-color: #f6f6f6;border-top: 5px solid #e0dfdf;padding-top: 15px;}
.banner ul {position: absolute;top: 15px;left: 0;width: 500%;height: 600px;}
.banner ul li {float: left;width: 100%;height: 100%;text-align:center; background:url() center top no-repeat;}
.banner ul li h3 {color:#fff;font-size:80px;font-weight:500;margin-top:160px;letter-spacing:3px;}
.banner ul li h3 span{color:#00baff}
.banner ul li h5{background:#00baff;color:#fff;border-radius:5px;display:inline-block;font-size:20px;padding:10px 30px;margin-top:60px;}
.banner .prev {position: absolute;left: 20px;top: 50%;transform: translateY(-50%);width: 51px;height: 87px;z-index: 333;}
.banner .next {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 51px;height: 87px;z-index: 333;}
/* banner end */

/* 下面的6个模块 */
.service_model {overflow: hidden;position: relative;margin-top: 50px;}
.service_model ul li {float: left;width: 389px;height: 241px;transition: all .3s;overflow: hidden;}
.service_model ul li:nth-child(n+4) {margin-top: 20px;}
.service_model ul li:nth-child(2),
.service_model ul li:nth-child(5) {margin: 0 15px;}
.service_model ul li:nth-child(n+4) {margin-top: 20px;}
.service_model ul li:nth-child(1) {background-color: #ff6271;}
.service_model ul li .pic {overflow: hidden;display: block;width: 100%;height: 115px;margin-top:10px;}
.service_model ul li .pic img {display: block;margin: 15px auto 0;}
.service_model ul li:nth-child(2) {background-color: #feac0c;}
.service_model ul li:nth-child(3) {background-color: #439fff;}
.service_model ul li:nth-child(4) {background-color: #19d2bb;}
.service_model ul li:nth-child(5) {background-color: #4b69fe;}
.service_model ul li:nth-child(6) {background-color: #8a33fb;}
.service_model ul li a {display: block;width: 100%;height: 100%;transition: all .4s;}
.service_model ul li:hover a {transform: scale(1.1);}
.service_model ul li a em {display: block;width: 100%;font-size: 30px;font-weight:700;color: #FFF;text-align: center;}
.service_model ul li a i {display: block;width: 100%;text-align: center;padding: 0 50px;color: #FFF;font-size: 14px;margin-top:10px;}

/* 服务范围模块下面的图片部分8张 */
.service_box {overflow: hidden;margin-top: 65px;}
.service_box ul li {position: relative;float: left;width: 291px;height: 291px;}
.service_info {display: none;position: absolute;top: 0;left: 0;width: 291px;height: 291px;background-color: rgba(0, 0, 0, .7);}
.service_info h2 {width: 100%;text-align: center;color: #FFF;font-size: 24px;padding-top: 65px;font-weight: 400;}
.service_info span {display: block;width: 100%;font-size: 15px;color: #FFF;text-align: center;margin-top: 30px;}
.service_info em {display: block;padding: 0 20px;color: #FFF;font-size: 14px;text-align: center;margin-top:20px;}
.service_info i {display: block;text-align: center;color: #FFF;font-size: 14px;}
.service_info a {display: block;width: 70px;height: 30px;color: #fff;font-size: 14px;margin-left: 220px;margin-top: 10px;}
.service_info a::after {content: '\e905';font-family: 'icomoon';font-size: 20px;vertical-align: middle;}
.service_info a:hover {color: #f40;}
.service_box ul li {margin-right: 10px;}
.service_box ul li:nth-child(4n) {margin-right: 0;}
.service_box ul li:nth-child(n+5) {margin-top: 10px;}
.service_box ul li img {width: 100%;height: 100%;}
/* 样板修改添加 end */


/* 标题 */
.biaoti {font-size: 30px;color: #1a1a1a;text-align: center;margin-top: 80px;}
.small_biaoti {font-size: 16px;color: #666;text-align: center;margin-top: 15px;}
/* xiangmu */
.xiangmu {overflow: hidden;margin-top: 40px;}
.xiangmu ul li {float: left;width: 280px;height: 246px;margin-right: 25px;}
.xiangmu ul li:last-child {margin-right: 0;}
.xiangmu ul li:nth-child(odd) {background: url(../upload/b1.png) no-repeat;}
.xiangmu ul li:nth-child(even) {background: url(../upload/b2.png) no-repeat;}
.xiangmu ul li h2 {height: 95px;line-height: 95px;font-size: 24px;color: #FFF;text-align: center;font-weight: 400;}
.xiangmu ul li span {display: block;font-size: 16px;line-height:2;color: #FFF;padding: 0 35px;margin-top: 20px;}
.xiangmu ul li:nth-child(3) span {margin-top: 15px;}


/* 左右蓝色copyindex */


/* 专业服务模块 */
.services {height: 41px;margin-top: 85px;}
.left_blue {float: left;width: 502px;height: 41px;}
.left_blue img {width: 100%;height: 100%;}
.tit {float: left;font-size: 36px;height: 41px;line-height: 41px;width: 194px;text-align: center;color: #000;}
.right_blue {width: 504px;height: 41px;float: right;}
.right_blue img {width: 100%;height: 100%;}

/* 标题下面的小文字 */
.small_til {font-size: 16px;color: #666;text-align: center;margin-top: 15px;}


/* 左右蓝色copyindex end */

/* <!-- 6个图标 派单 --> */
.service_item {overflow: hidden;}
.service_item ul li {margin-top: 80px;float: left;width: 25%;text-align:center;}
.service_item ul li a {display: block;width: 100%;height: 100%;}
.service_item ul li a em {display: block;width: 125px;height: 125px;margin: 0 auto;}
.service_item ul li a em img{display:block;width:100%;}
.service_item ul li a h2 {font-size: 24px;color:#333;font-weight: 500;text-align: center;margin: 20px 0 10px 0;}
.service_item ul li a span{font-size:14px;}


.service_anli{margin:50px 0 100px 0;}
.service_anli ul{overflow: hidden;display:flex;flex-wrap:wrap;}
.service_anli ul li {width: 20%;}
.service_anli ul li a {display: block;width: 100%;height: 100%;display:flex;flex-wrap:wrap;}
.service_anli ul li:nth-child(2n) a{flex-direction:column-reverse}
.service_anli ul li a em {display: block;width: 100%;height:150px;overflow:hidden;margin: 0 auto;}
.service_anli ul li a em img{display:block;width:100%;}
.service_anli ul li a span{font-size:14px;background:#feac0c;display: block;width:100%;height:150px;color:#fff;padding:20px 30px;line-height:2;}
.service_anli ul li:nth-child(2) a span{background:#8a33fb;}
.service_anli ul li:nth-child(3) a span{background:#439fff;}
.service_anli ul li:nth-child(4) a span{background:#19d2bb;}
.service_anli ul li:nth-child(5) a span{background:#4b69fe;}


/* 下方文字 */

.xinxi {font-size: 36px;color: #666;text-align: center;margin: 130px 0;}

/* <!-- 6个图标 派单 end--> */


/* service_life */

.service_life {overflow: hidden;height: 305px;width: 100%;background: url(../images/about-server.png) no-repeat center;background-size: 100% 305px;}
.service_life h2 {font-size: 50px;color: #FFF;padding: 50px 0 0 0;text-align:center;font-weight: 400;text-shadow: 2px 1px 1px rgba(0, 0, 0, .9);}
.service_life h3 {font-size: 34px;text-align: center;color: #FFF;margin-top: 10px;}
.service_life ul {display: flex;width: 100%;height: 51px;margin-top: 50px;}
.service_life ul li {flex: 1;font-size: 28px;line-height: 51px;color: #FFF;padding-left: 80px;}
.service_life ul li img {float: left;margin-right: 15px;}


@media screen and (min-width: 200px) and (max-width: 1199px) {
	
	/* banner */
.banner {height: 150px; border-top: 0;padding-top: 0;}
.banner ul {top: 0; height: 150px;}
.banner ul li{ background-size:auto 150px;}
.banner ul li h3 {font-size:1.25rem; margin-top:30px;letter-spacing:1px;}
.banner ul li h5{font-size:.8rem;padding:5px 15px;margin-top:30px;}


	
	.service_model {margin: 1rem;}
	.service_model ul li {width: 33.33%; height: auto;}
	.service_model ul li:nth-child(n+4) {margin-top: 0;}
	.service_model ul li:nth-child(2),
	.service_model ul li:nth-child(5) {margin: 0;}
	.service_model ul li:nth-child(n+4) {margin-top: 0;}
	.service_model ul li .pic {height: 45px;margin-top:1rem; margin-bottom:1rem;}
	.service_model ul li .pic img { max-width:100%; max-height:100%; margin: auto;}
	.service_model ul li a em {font-size: 1rem; margin-bottom:1rem;}
	.service_model ul li a i {padding: 0 1rem;font-size: .8rem;margin-top:.5rem; height:8rem; display:none;}
	
	
	.service_box {margin:1rem;}
	.service_box ul li {width: 48%;height: auto; margin:.5% 1%;}
	.service_info {display: block;top: inherit; bottom:0;left: auto;width: 100%;height: auto;}
	.service_info h2 {font-size: 1rem;padding: .5rem;}
	.service_info span {font-size: .8rem;margin-top: 1rem;}
	.service_info em {padding: 0 1rem;font-size: .8rem; margin-top:1rem; display:none;}
	.service_info i {font-size: .8rem; display:none;}
	.service_info a {font-size: .8rem;margin-left: 0px;margin-top: .5rem; text-align:center; width:100%; display:none;}
	.service_box ul li {margin-right: 0px;}
	.service_box ul li:nth-child(4n) {margin-right: 0;}
	.service_box ul li:nth-child(n+5) {margin-top: 0px;}
	.service_box ul li img {width: 100%;height: 100%; display:block;}
	
	.service_item{margin:1rem 0;}
	.service_item ul li { width: 30.33%; margin:0 1.5%;margin-top: 1rem;}
	.service_item ul li a em {width: 45px;height: 45px;}
	.service_item ul li a h2 {font-size: .9rem;margin: .5rem 0;}
	.service_item ul li a span{font-size:.6rem; height:3rem; display:block;}


	.service_anli{margin:1rem;}
	.service_anli ul li {width: 100%;}
	.service_anli ul li a {display: block;width: 100%;height: 100%;display:flex;flex-wrap:wrap;}
	.service_anli ul li:nth-child(2n) a{flex-direction: row-reverse}
	.service_anli ul li a em {width: 50%;height:120px;}
	.service_anli ul li a em img{ height:100%;}
	.service_anli ul li a span{font-size:.8rem;width:50%;height:120px;padding:.5rem 1rem;line-height:1.6; display:flex; align-items:center;}
}