@charset "utf-8";
/* CSS Document */
.net{display: none}
.menu{
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	font-size: 0;
	-webkit-text-size-adjust:none;
	overflow: hidden;
	z-index: 2;
	text-align: center;
	width: 100%;
}
.menu li{display: inline-block;}
.menu li a{display: block; padding: 30px 40px; margin: 0; font-size: 16px; outline: none;}
.menu li a:hover{background: #eee;}
.focus{background: url(../images/value_bg_1.jpg) left top/100% 100% no-repeat; color: #fff; text-align: center;}
.focus .t1{font-size: 90px; font-weight: bold; padding-top: 300px; line-height: 100%;}
.focus .t1 span{color: #ffff00;}
.focus .t2{font-size: 48px; padding: 50px 0 20px;}
.focus .t3{font-size: 24px; padding: 20px 0 50px;}
.focus .t4{font-size: 14px; line-height: 200%;}

.domain{/* background: url(../images/value_bg_2.jpg) no-repeat; */background: #eee;}
.domain .search{padding-bottom: 40px; text-align: center;}
.domain .search a{outline: none;}
.domain .domainBox{width: 1350px; margin: 0 auto; overflow: hidden; padding-top: 200px;}
.domain .service1{text-align: center;}
.domain .service1 li{width: 200px; float: left; padding: 60px 0; color: #000; overflow: hidden;}
.domain .service1 li:nth-of-type(1){background: #99ff99;}
.domain .service1 li:nth-of-type(2){background: #ffff99;}
.domain .service1 li:nth-of-type(3){background: #ff99cc;}
.domain .service1 li:nth-of-type(4){background: #99ffff;}
.domain .service1 li:nth-of-type(5){background: #ffcc99;}
.domain .service1 li:nth-of-type(6){background: #99ffcc;}
.domain .service1 h3{font-size: 18px; padding-bottom: 40px;}
.domain .service1 p{font-size: 14px; line-height: 150%;}
.domain .service2{clear: both; padding-top: 100px;}
.domain .service2 li{width: 272px; float: left; border: 2px solid #00bfe2; position: relative; padding: 20px 0; margin-right: 32px;}
.domain .service2 li:last-child{margin: 0;}
.domain .service2 li h3{font-size: 16px; padding-left: 20px; padding-bottom: 10px;}
.domain .service2 li p{font-size: 14px; padding-left: 20px;}
.domain .service2 li a{
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/arrow_domain.png);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	outline: none;
}

.idc{background: url(../images/value_bg_3.jpg)  left top/100% 100% no-repeat}
/* 本例子css */
.slideTxtBox{ width:1350px; margin: 0 auto; }
.slideTxtBox .hd{padding-top: 120px; width: 100%;}
.slideTxtBox .hd ul{ }
.slideTxtBox .hd ul li{float:left; cursor:pointer; width: 33.3%; height: 64px; line-height: 64px; text-align: center; font-size: 20px; background: #fff;}
.slideTxtBox .hd ul li.on{background:#2087ed; color: #fff;}
.slideTxtBox .bd div{padding-top: 30px; overflow: hidden; clear: both;}
.slideTxtBox .bd div h3{font-size: 24px; text-align: center; color: #fff; font-weight: 100;}
.slideTxtBox .bd div h3 span{display: block; width: 40px; height: 3px; margin: 10px auto; background: #fff;}  
.slideTxtBox .bd div p{color: #fff; text-align: center; font-size: 14px; padding-bottom: 20px;}
.slideTxtBox .bd div li{width: 33.3%; float: left;}
.slideTxtBox .bd div li .contentBox{margin: 0 15px; padding: 0 30px 30px 30px; background: #fff; overflow: hidden;}
.slideTxtBox .bd div li .contentBox .t1{font-size: 30px; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 30px;}
.slideTxtBox .bd div li .contentBox .t2{font-size: 24px; color: #666; text-align: center; line-height: 100%;}
.slideTxtBox .bd div li .contentBox .t2 span{font-size: 36px; color: #ff8500;}
.slideTxtBox .bd div li .contentBox .t3{clear: both;}
.slideTxtBox .bd div li .contentBox .t3 p{
	float: left;
	font-size: 14px;
	color: #666;
	text-align: center;
	border-right: 1px solid #ddd;
	padding: 0 10px;
	overflow: hidden;
}
.slideTxtBox .bd div li .contentBox .t3 p:last-child{border: none;}
.slideTxtBox .bd div li .contentBox .t3 p strong{display: block; font-size: 18px;}
.slideTxtBox .bd div li .contentBox .t4{font-size: 14px; color: #666;}
.slideTxtBox .bd div li .contentBox .t4 span{font-weight: bold; padding-right: 10px; line-height: 200%;}
.slideTxtBox .bd div li .contentBox .more a{
	display: block;
	width: 220px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background: #2086ee;
	margin: 0 auto;
}

.icp{background: #ff3333; text-align: center; color: #fff;}
.icp .t1{font-size: 40px; padding-top: 200px;}
.icp .t2{font-size: 18px; padding: 30px 0 50px;}
.icp .t3{font-size: 16px; line-height: 200%; width: 1350px; margin: 0 auto; text-align: left; padding-top: 80px;}
.icp ul{width: 1350px; margin: 0 auto; padding-left: 50px; padding-top: 80px;}
.icp ul li{float: left;}
.icp ul li .round{
	width: 135px;
	height: 135px;
	line-height: 135px;
	background: #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.icp ul li p{font-size: 16px; line-height: 200%;}
.icp ul li .line{width: 100px; height: 2px; background: #fff; margin: 75px 50px 0;}


.tq h3{padding-top: 120px; padding-bottom: 20px; border-bottom: 1px solid #ccc; font-size: 40px; text-align: center; line-height: 150%;}
.tq h3 span{font-size: 16px; display: block;}
.tq ul{width: 1350px; margin: 0 auto;}
.tq ul li{width: 33.3%; float: left; text-align: center; padding: 30px 0;}
.tq ul li h4{font-size: 18px; padding: 20px 0;}
.tq ul li p{font-size: 14px;}

.api{background: #000066; text-align: center;}
.api .tit{text-align: center; padding-top: 120px;}
.api .tit p{font-size: 14px; line-height: 150%; color: #66ccff; padding: 40px 0;}
.api ul{width: 1350px; margin: 0 auto; overflow: hidden;}
.api ul li{width: 25%; float: left; text-align: center;}
.api ul li div{padding: 20px 0; border-right: 1px solid #eee; border-bottom: 1px solid #eee; background: #fff;}
.api ul li img{width: 200px; height: 100px;}
.api ul li p{font-size: 14px; color: #666; line-height: 200%;}
.api .more{
	display: block;
	font-size: 24px;
	color: #fff;
	clear: both;
	width: 140px;
	margin: 40px auto 0;
	line-height: 200%;
	border-bottom: 2px solid #fff;
}

.vi{text-align: center;}
.vi h3{font-size: 36px; padding-top: 120px; line-height: 100%; padding-bottom: 40px;}
.vi p{font-size: 16px; line-height: 150%; width: 1000px; margin: 0 auto; text-align: left; padding-bottom: 40px;}
.vi img{display: block; margin: 0 auto;}
.vi .tel{font-size: 24px; padding: 40px 0;}
.vi .tel span{font-size: 48px; display: block; line-height: 200%;}

@media screen and (max-width: 1280px) {
	.menu li a{padding:20px;}
	.domain .domainBox{width: 1000px;padding-top: 100px;}
	.domain .service1 li{width: 16.666%}
	.domain .service2 li{width: 22.3%;margin-right: 3%}
	.domain .service2 li:last-child{margin-right: 0;}
	.slideTxtBox{width: 1000px;}
	.slideTxtBox .bd div{padding-top: 5px;}
	.slideTxtBox .bd div li .contentBox{padding: 0 10px 30px 10px;}
	.slideTxtBox .bd div li .contentBox .t1{font-size: 20px;padding: 10px 0}
	.slideTxtBox .bd div li .contentBox .t2{font-size: 20px;}
	.slideTxtBox .bd div li .contentBox .t2 span{font-size: 26px;}
	.slideTxtBox .bd div li .contentBox .t3 p strong{font-size: 16px;}

	.icp .t1{padding-top: 130px;}
	.icp .t2{padding:30px 0;}
	.icp .t3{width: 1000px;padding-top: 50px;}
	.icp ul{width: 1000px;}
	.icp ul li .round{}
	.icp ul li .line{width: 80px;margin: 75px 25px 0;}

	.tq h3{font-size: 34px;padding-top: 75px;line-height: 140%;}
	.tq ul{width: 1000px;}
	.tq ul li{padding: 20px 0}
	.tq ul li img{width: 130px;}
	.tq ul li h4{padding: 15px 0}

	.api .tit{padding-top: 100px;}
	.api .tit p{padding: 30px 0}
	.api ul{width: 1000px;background: #fff;}
	.api ul li div{padding: 10px 0}
	.api ul li img{width: 140px;height: auto}

	.vi h3{font-size: 34px;padding-top: 75px;padding-bottom: 30px;}
	.vi img{width: 500px;}
}
@media screen and (max-width:1023px){
	img{max-width: 100%;}
	.menu li{vertical-align: top}
	.menu a{width: 104px;height: 78px;box-sizing: border-box}
	/*.section{height: auto !important;}*/
	.focus{padding-bottom:120px;}
	.focus .t1{font-size: 60px;}
	.focus .t2{font-size: 40px;}
	.focus .t3{font-size: 22px;}
	.domain .domainBox{width: 98%;padding-top: 150px;}
	.domain .service1 li{width: 33.33%;padding:40px 0;}
	.domain .service2{padding-top: 60px;}
	.domain .service2 li{width: 48%;margin-right: 0;margin-bottom: 20px;}
	.domain .service2 li:nth-child(even){float: right}

	.slideTxtBox{width: 98%;padding-bottom: 30px;}
	.slideTxtBox .hd{padding-top: 150px;}
	.slideTxtBox .bd div li{width: 100%;margin-bottom: 20px;}

	.icp .t1{padding-top: 170px;font-size: 30px;}
	.icp ul{width: 98%;padding:40px 0}
	.icp ul li{width: 22%;margin-right: 4%}
	.icp ul li:nth-child(even){display: none}
	.icp ul li:last-child{margin-right: 0;}
	.icp ul li .round{margin: 0 auto}
	.icp .t3{width: 98%}
	.tq h3{font-size: 30px;padding-top: 150px;}
	.tq ul{width: 98%;padding-top: 30px;}
	.api .tit{padding-top: 150px;}
	.api ul{width: 98%}
	.vi h3{font-size: 30px;padding-top: 150px;}
	.vi p{width: 98%;}

}
@media screen and (max-width:767px){
	.net{display: block;line-height:40px;position: fixed;top:0;z-index: 99999;width: 100%;background: #eee;}
	.net a{float: right;margin-right: 10px;}
	.menu{display: none;width:180px;padding:20px 15px;box-sizing: border-box}
	.menu li{display: block;border-bottom: 1px dotted #eee;}
	.menu li a{padding:15px 0;width: 100%;height: auto;font-size: 14px;}
	.section{height: auto !important;}
	.focus .t1{font-size: 20px;padding-top: 150px;}
	.focus .t2{font-size: 18px;}
	.focus .t3{font-size: 16px;}
	.focus .t4{font-size: 12px;width:94%;margin: 0 auto}
	.domain .domainBox{padding-top:50px;}
	.domain .service1 li{width: 50%;padding: 20px 0;}
	.domain .service1 h3{font-size: 16px;padding-bottom: 20px;}
	.domain .service2{padding-top: 30px;}
	.domain .service2 li{padding: 10px 0 40px 0;}
	.domain .service2 li a{height: 30px;width: 30px;top:auto;transform: translateY(0);right:auto;bottom:10px;left: 5px;background-size: cover}
	.domain .service2 li h3{padding:0 5px}
	.domain .service2 li p{padding: 10px 5px;}

	.idc{background-size: cover}
	.slideTxtBox .hd{padding-top:50px;}
	.slideTxtBox .hd ul li{height: 40px;line-height: 40px;font-size: 16px;}
	.slideTxtBox .bd div h3{font-size: 18px;padding-top: 5px;}
	.icp{background:#444;}
	.icp .t1{font-size: 20px;padding-top: 50px;}
	.icp .t2{padding: 20px 0;font-size: 16px;}
	.icp .t3{width: 94%;}
	.icp ul li{width: 50%;margin-right: 0;}
	.tq{padding-bottom: 30px;}
	.tq h3{padding-top: 50px;font-size: 20px;}
	.tq ul li{width: 50%;height: 250px;}

	.api{padding-bottom: 30px;}
	.api .tit{padding-top: 50px;}
	.api .tit p{width: 94%;margin: 0 auto}
	.api ul li{width: 50%;}

	.vi h3{font-size: 20px;padding-top:50px;}
	.vi p{width: 94%;}
	.vi .tel{font-size: 18px;padding: 20px 0;}
	.vi .tel span{font-size: 30px;}
}