﻿
.clearfix{ clear:both;}

/*顶部*/
.slideBox{width:100%;height:500px;overflow:hidden;position:relative}
.slideBox .hd{width:100%;position:absolute;bottom:20px;z-index:1}
.slideBox .hd ul{text-align:center}
.slideBox .hd ul li{width:16px;height:16px;margin:0 3px;display:inline-block;position:relative;border-radius: 50%;}
.slideBox .hd ul li .dot{width:16px;height:16px;background-color:hsla(0,0%,60%,.4);border-radius: 50%;}
.slideBox .hd ul li span{display:none;color:#fff;position:absolute;width:100%;font-size:14px;left:0;top:0;line-height:4px;cursor:pointer}
.slideBox .hd ul li.on .liner{width:16px;height:16px;animation:liner 2.5s;position:absolute;top:0;left:0;background:linear-gradient(90deg,#198cff,#8847c1);border-radius: 50%;}
.slideBox .hd ul li:hover .dot{display:none}
.slideBox .hd ul li:hover{width:16px;height:16px;background:linear-gradient(90deg,#198cff,#8847c1);transition:all .1s ease;border-radius: 50%;}
.slideBox .hd ul li:hover span{display:inline-block}@keyframes liner{from{width:0}to{width:100%}}
.slideBox .bd{width:100%;height:500px;overflow:hidden}
.slideBox .bd li{text-align:center;height: 500px;cursor: pointer;}
.slideBox .bd li a{width: 100%;height: 500px;display: block;}
.slideBox .bd img{width:100%;height:500px;}
.slideBox .bd:hover~.prev{display:block}
.slideBox .bd:hover~.next{display:block}
.slideBox .prev:hover{display:block}
.slideBox .next:hover{display:block}
.slideBox .prev{display:none;position:absolute;left:5%;top:50%;margin-top:-25px;width:29px;height:52px;background:url(../images/left_array.png) no-repeat;background-size:cover}
.slideBox .next{display:none;position:absolute;right:5%;top:50%;margin-top:-25px;width:29px;height:52px;background:url(../images/right_array.png) no-repeat;background-size:cover}
.slideBox .bd li.active{animation-name:ai-big-out;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards}
/*banner css结束*/

.heng-nav{background:#2c5fc8;height: 76px;line-height: 76px;}
.heng-nav ul li{float: left;width: 33.33333%;}
.heng-nav ul li a{font-size: 18px;color: #fff;text-align: center;display: block;}
.heng-nav ul li a.heng-nav-active{background: #09399f;}

/* 关于我们*/
/*第一块的开头*/

.zhuji{ width:100%; height:auto; margin:0 auto; font-family:"微软雅黑";background: #f1f4f4;padding-bottom: 60px;}
h1,h2{ margin:0; padding:0;}
.zhuji ul{ list-style:none; margin:10px auto; padding:0;}
/*-----标题------*/
.zhuji_title{ width:100%; max-width:1200px; margin:0px auto 0 auto;padding-top: 40px;}
.zhuji_title> ul{ width:80%; margin:0 auto; margin-top:20px;}
.zhuji_title >ul>li { height:70px; width:30%; float:left;background-color:#fff;}
.zhuji_title >ul>li:nth-child(1){ margin-left:0%; margin-right:2%;}
.zhuji_title >ul>li:nth-child(2){ margin-left:0%; margin-right:2%;}
.zhuji_title> ul >li> h1{ width:100%; font-size:22px; line-height:70px; text-align:center;font-family:"微软雅黑";cursor: pointer;}
.active_host h1{color:#fff;background:#0c70df;}

.zhuji_title img{ position:relative; top:0px; right:10px;}
/*--------内容部分-----------*/
.zhuji_neirong{ width:100%; max-width:1200px; margin:0 auto; margin-top:16px; height:auto;}
.zhuji_neirong .zhuji_1{ float:left; border:none; width:20%; background-color:#faf5f5;}
.zhuji_neirong h2{ font-size:30px; text-align:center; margin-top:25%; margin-bottom:20px; color:#009ee0; font-weight:500}
.zhuji_neirong .shang>ul>li:nth-child(2){ margin-top:10px;}
.zhuji_neirong .shang .ss{ height:40px; margin-left:20%; margin-bottom:10px; font-size:18px; line-height:50px;}
.zhuji_neirong .shang .ss img{ width:13%;position:relative; top:0; right:10px;}
.zhuji_neirong .shang_wenben{ width:96%; height:70px; margin:0 auto;}
.zhuji_neirong .shang_wenben>ul>li{ float:left; width:33.3%; height:50px; margin:10px auto; text-align:center;}
.zhuji_neirong .shang_wenben>ul>li:nth-child(3){ border-right:none;}
.zhuji_neirong .shang_wenben>ul>li span{ font-size:24px; color:#009ee0;}
.zhuji_neirong .shang_wenben>ul>li h6{ font-size:14px;}


.zhuji_neirong .SEO_1 .shang h2{ margin-top:16%;}
.zhuji_neirong .SEO_1 .shang .ss{ margin-left:28%;}
.zhuji_neirong .SEO_1 .shang .ss img{ width:13%; right:20px;}

.sp h1{ text-align:center; margin-top:50px;}
.sp h3{ text-align:center; line-height:50px; font-size:18px; margin-bottom:20px;}



.zhuji_1 .shang{ width:100%; display:block;}
.zhuji_1 .xia{ width:110%; margin:0 auto; margin-top:0px; padding-bottom:20px; background-color:#fff;position:relative; top:-305px; display:none;}
.xia h2{ margin-top:0%;font-size:24px; height:60px; line-height:70px; /*letter-spacing:5px;*/ color:#333;margin: 0px  20px;box-sizing: border-box;border-bottom: 1px solid #f4f4f4}
.xia>li{ float:left; z-index:5;}
.qy_text{ width:100%; padding:0px 2%;}
.qy_text .xia_wenben>ul>li{ float:left;}
.qy_text>ul:nth-child(2){ width:90%; margin:0 auto; margin-top:0px;}
.qy_text>ul:nth-child(2) li{ line-height:40px;}
.qy_text>ul:nth-child(2) li strong{ /*width:84px; */display:inline-block;text-align:left;}

.zhuji_neirong .xia_wenben{ width:100%; margin:0 auto;}
.zhuji_neirong .xia_wenben>ul>li{ float:left; width:33.3%;  margin:5px auto; text-align:center;border-right: 1px solid #f1f4f4}
.zhuji_neirong .xia_wenben>ul>li:nth-child(3){ border-right:none;}
.zhuji_neirong .xia_wenben>ul>li span{ font-size:23px; color:#009ee0;}
.zhuji_neirong .xia_wenben>ul>li h6{ font-size:14px;}


.xia h3{ width:100%; text-align:center; color:red;   line-height:42px; font-size:18px; margin-top:10px;margin-bottom: 0}
.xia h3> span{ width:100%;  text-align:center; color:red; font-size:36px;}
.xia h4>a{ color:#fff; background-color:#4476d7; text-align:center;font-size:18px;border-radius:8px;  margin: 10px auto;
    display: block;
    height: 40px;line-height: 40px;
    width: 70%;}



.zhuji_neirong .teshu{ width:24%; height:auto;margin-right: 1%;box-shadow: none;}
.zhuji_neirong .teshu:last-child{margin-right: 0}
.zhuji_neirong .teshu .shang{ display:none;}
.zhuji_neirong .teshu .xia{ display:block; width:100%; top:0;}

.zhuji_neirong .SEO_1{ float:left; width:32.33%; background-color:#faf5f5;margin-right: 1%}
.zhuji_neirong .SEO_1:last-child{ margin-right: 0%}
.SEO_1 .shang { width:100%; display:block;}
.SEO_1 .xia{ width:160%; margin:0 auto; margin-top:0px; padding-bottom:20px;background-color:#fff;position:relative; top:-305px; display:none;}
.SEO_1 .xia h4>a{ margin-left:40px; background-color:#0c70df;/*background-color:#9e40ff;*/}

.zhuji_neirong .bian{ width:24%;margin-right: 1%}
.zhuji_neirong .bian:last-child{margin-right: 0}
.zhuji_neirong .bian .shang{ display:none;}
.zhuji_neirong .bian .xia{ display:block; width:100%; top:0;}

.ttt{display: block;margin: 10px auto 0px}
/*.song{background: url(../img/liwu.png) no-repeat 65px center;padding-left: 20px;margin: 0px auto 10px;display: block;font-size: 16px;color: #ff8400;text-align: center;}
.song1{background: url(../img/liwu.png) no-repeat 75px center;padding-left: 20px;margin: 0px auto 10px;display: block;font-size: 16px;color: #ff8400;text-align: center;}
.song2{background: url(../img/liwu.png) no-repeat 75px center;padding-left: 20px;margin: 0px auto 10px;display: block;font-size: 16px;color: #ff8400;text-align: center;}
.song3{background: url(../img/liwu.png) no-repeat 125px center;padding-left: 20px;margin: 0px auto 10px;display: block;font-size: 16px;color: #ff8400;text-align: center;}
*/
@media (max-width: 975px) {
	/*第一块的开头*/
	.host_nav { width:96%;}
    .host_nav> ul> li> h1{ font-size:20px; }
	
	/* 第一块的第一个内容*/
    .qy_host >ul >li{  width:49%; margin-right:2%;margin-bottom:10px;} 
    .qy_host >ul> li:nth-child(2n){ margin-right:0;}
	
	.qy_host >ul> li h2{ font-size:14px;}
	#mynav{ display:none;}
	.mynav_bg{display:none;}	
}


@media (max-width: 768px) { 
    /*第一块的开头*/
    .host_nav { width:96%;}
    .host_nav >ul> li> h1{ font-size:18px; }

	/* 第一块的第二个内容*/
    .mb_host> ul> li{ width:100%; margin-bottom:10px ;} 
}

@media (max-width: 580px) {
	/*第一块的开头*/
	 .host_nav { width:96%;}
     .host_nav > ul >li> h1{ font-size:14px; }
	 /* 第一块的第一个内容*/
	 .qy_host >ul >li{  width:100%; margin-bottom:10px;} 
	 
	 .qy_host >ul> li h2{ font-size:16px;}	
}



/*第二板块*/
.mynav_bg{ width:100%; height:80px;}
#mynav{ width:100%; height:80px; margin-top:20px;border-bottom: 1px solid #f1f4f4; background: #f5f8ff;}
#mynav ul{ margin:0 auto; max-width:1200px;}
#mynav ul li { width:20%; line-height:80px; float:left;}
#mynav ul li a{ width:100%; text-align:center; line-height:80px;  font-size:18px; color:#444;    display: inline-block;font-family:"微软雅黑";}
#mynav ul li a:hover,#mynav ul li a.ac{ border-bottom:2px solid #4476d7; color:#4476d7; text-decoration: none;}


.host_tit{ width:100%; margin-top:60px; margin-bottom:20px; position:relative; }
.host_tit h1{ width:100%; text-align:center; font-size:36px; line-height:45px; margin-bottom:10px; color:#000;font-family:"微软雅黑";}
.host_tit h2{ width:100%; text-align:center; font-size:14px; line-height:5px; color:#919191; font-family:"微软雅黑";}
.xian{ width:10%; height:5px; margin:0 auto; background-color:#3bc2d5; margin-top:20px;}
 hr{ display:block; width:50%; margin:0 auto;}

#yyzc{ width:100px; height:180px; position:absolute; top:-180px; left:0px; background-color:#F42E31; opacity:0;}
#cpcs{ width:100px; height:180px; position:absolute; top:-180px; left:0px; background-color:#F42E31; opacity:0;}
#fwys{ width:100px; height:180px; position:absolute; top:-180px; left:0px; background-color:#F42E31; opacity:0;}
#zccx{ width:100px; height:180px; position:absolute; top:-180px; left:0px; background-color:#F42E31; opacity:0;}
#cjwt{ width:100px; height:180px; position:absolute; top:-180px; left:0px; background-color:#F42E31; opacity:0;}
#alzs{ width:100px; height:180px; position:absolute; top:-180px; left:0px; background-color:#F42E31; opacity:0;}


.host_canshu { width:100%; max-width:1200px; margin:0 auto; margin-top:50px; margin-bottom:70px;}
.host_canshu .ca_text{ float:left; width:20%; margin-right:6.6%;}
.host_canshu .ca_text:nth-child(4){ margin-right:0;}
.host_canshu .ca_text>ul{ width:80%;}
.host_canshu .ca_text>ul>li{ font-size:14px; line-height:40px; border-bottom:1px solid #d6d6d6;}

@media (max-width: 975px) {
	.host_canshu { width:96%;}
    .host_tit h1{ font-size:30px;}
	.host_canshu .ca_text>ul>li{ width:100%;}
		
}


@media (max-width: 768px) { 
    .host_tit h1{ font-size:24px; line-height:30px; margin-top:0px;}
	.host_tit h2{ font-size:12px; line-height:2px;}
	
    .host_canshu { width:96%; margin-bottom:50px;}
	.host_canshu .ca_text{ width:45%; margin-right:0;}
	.host_canshu .ca_text:nth-child(1),.host_canshu .ca_text:nth-child(3){ margin:0 5% 40px;}
 
}

@media (max-width: 580px) {
	.host_tit{ margin-top:30px;}
    .host_canshu { width:96%; margin-bottom:0px;}
}


/*第三板块*/
.host_fwbg{padding-top:1px; margin-top:40px; width:100%;}
/* 我们的服务*/
.host_fwtext{ width:100%; max-width:1200px; margin:0 auto;}

.host_fwtext ul { width:100%; padding-bottom:50px;}
.host_fwtext ul li{ width:22%; height:130px; margin-bottom:20px; text-align:center; float:left;padding-top:36px; box-sizing:border-box;}
.host_fwtext ul li:nth-child(1),.host_fwtext ul li:nth-child(5){ margin-left:6%; }

.host_fwtext ul li img{ display:inline-block; width:16%;}
.host_fwtext ul li h1{ width:100%;  text-align:center; color:#333; font-size:20px; line-height:24px; margin-top:20px;font-family:"微软雅黑";}


.host_fwtext ul li img{ 
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
	-o-transform:transform 0.4s ease-out;
	-ms-transform:transform 0.4s ease-out;
	}


@media (max-width: 975px) {
	.host_fwtext { width:96%;}
	.host_fwtext ul li{ height:140px;}
	.host_fwtext ul li img{ width:35%;}
	.host_fwtext ul li h1{ font-size:16px;}
		
}


@media (max-width: 768px) {
	.host_tit h1{ margin-top:-20px;} 
    .host_fwtext { width:96%;}
	.host_fwtext ul{ padding-bottom:0px;}
	.host_fwtext ul li{ height:140px; padding-top:10px; margin-left:2%;}
	.host_fwtext ul li:nth-child(1),.host_fwtext ul li:nth-child(5){ margin-left:2%; }
 
}

@media (max-width: 580px) {
    .host_fwtext { width:96%;}
	.host_fwtext ul{ padding-bottom:20px;}
	.host_fwtext ul li{ height:120px; margin-bottom:0px;}
	.host_fwtext ul li h1{ font-size:14px;}
}





/*我们的优势*/
.host_ysbg{ width:100%; padding-top:1px; /*margin-top:50px;*/}
.host_bg{ /*background:url(../img/ysbg.jpg) center no-repeat;*/ width:100%; height:360px;}
.host_ystext{width:100%; max-width:1200px; margin:0 auto;background:url(../img/hy-server.png) right center  no-repeat;}
.host_ystext ul{ width:100%; }
.host_ystext ul li{ width:50%; height:90px;box-sizing:border-box; padding-top:38px;}

.ystext_left{ width:10%; float:left; text-align:right;}
.ystext_left img{ display:inline-block;}
.ystext_right{ width:88%; float:right;}
.ystext_right h1{text-align:left; width:100%; color:#333; font-size:22px; line-height:22px; margin-bottom:8px;font-family:"微软雅黑"; }
.ystext_right h2{text-align:left; width:
100%; color:#999; font-size:14px; line-height:18px; font-family:"微软雅黑";}


.ystext_left img{ 
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
	-o-transform:transform 0.4s ease-out;
	-ms-transform:transform 0.4s ease-out;
	}




@media (max-width: 975px) {
	
	.host_ystext ul{ width:96%; margin:0 auto;}

}


@media (max-width: 768px) { 
	
	/*我们的优势*/
	.host_ystext ul{ width:96%; margin:0 auto;}

}

@media (max-width: 580px) {
	
	/*我们的优势*/
	
	.host_ystext ul{ width:96%; margin:0 auto;}
	
	.host_ystext ul li{ width:100%;}
	
	
}


/*第四板块*/

/*支持程序*/
.zccx_bg{ width:100%;/* background:url(../img/zccx_bg.jpg) center no-repeat;*/ padding-top:50px;  margin-top:50px;}

.host_zccx{width:100%; max-width:1200px; margin:0 auto; margin-top:50px;}

.host_zccx ul{width:100%;box-sizing:border-box; border-top:1px solid #ccc; border-left:1px solid #ccc; margin-bottom:40px;}

.host_zccx ul li{ width:25%; height:80px; box-sizing:border-box; border-bottom:1px solid #ccc; border-right:1px  solid #ccc; float:left; overflow:hidden; background-color:#fff;}

.host_zccx ul li img{ width:60%; display:block;
     margin:0 auto;
	 margin-top:5%;
/*    -webkit-transitioncalc(50% - 24px): 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
	-o-transform:transform 0.4s ease-out;
	-ms-transform:transform 0.4s ease-out;*/
	}

/* 常见问题*/


.host_cjbg{ width:100%; padding-top:1px; padding-bottom:1px; text-align:center;    background: #f1f4f4;}

.cjwt_text{ width:100%; max-width:1200px; margin:0 auto; margin-top:40px;margin-bottom: 30px;}
.cjwt_text ul{ width:100%; margin-bottom:20px; float:left; border-radius:3px;}

.cjwt_text ul li{/*width:25%;*/text-align: left;float: left; }
.cjwt_text ul li a{ font-size:14px; color:#333; text-align:left; }
.cjwt_text ul li a:hover{  color:#FB8817; text-decoration:none;}

.cjwt_text ul h6{ width:100%; background-color:#e6e6e6; line-height:48px; text-align:left; margin-bottom:10px;}
.cjwt_text ul h6 a{ font-size:18px; text-decoration:none; margin-left:10px; color:#000; font-weight:700;}
.cjwt_text ul h6 a:hover{ color:#FB8817;}

/* 本例子css */
.alzs_bg{ width:100%;}
.alzs_bg .host_tit{ padding-top:50px;}
.picMarquee-left{ width:100%; margin:0 auto; max-width:1200px; margin-bottom:40px; margin-top:50px; position:relative; z-index:8;}
.picMarquee-left .bd ul{ zoom:1; width:100%; padding:10px;}
.picMarquee-left .bd ul li{ float:left; width:20%; height:180px; transition:all .5s;}

.pic_se{ position:relative; background-color:#fff; box-shadow:5px 7px 15px rgba(0,0,0,.3);top:-4px; box-sizing:border-box;}



@media (max-width: 975px) {
	
	/*支持程序*/

	.host_zccx{width:96%;}
	/* 常见问题*/
	.cjwt_text{ width:96%;}
	
	
	
	.picMarquee-left{ width:96%;}
}


@media (max-width: 768px) { 
	
	/*支持程序*/

	.host_zccx{width:96%;}
	/* 常见问题*/
	.cjwt_text{ width:96%;}
	
	.cjwt_text ul li{ width:100%;  }
	.cjwt_text ul li:nth-child(2n){ margin-left:0; }
	.cjwt_text ul li:nth-child(2){ padding-top:0px;  }
    .cjwt_text ul li:nth-child(5){ padding-bottom:0px; }
	
	.host_cjbg h6{ width:150px;}
	
	.picMarquee-left{ width:96%;}
}

@media (max-width: 580px) {
	
	
	/*支持程序*/

	.host_zccx{width:96%;}
	
	.host_zccx ul li{ width:50%;}
	
	/* 常见问题*/
	.cjwt_text{ width:96%;}
	
	
	
	.picMarquee-left{ width:96%;}
}
  /* CSS Document */

.zhuji_neirong .shang .ss1{margin-left: 10%;font-size: 16px;}
.zhuji_neirong .SEO_1 .shang .ss1{margin-left: 10%;font-size: 16px;}
.curr h1 i.cc{width: 45px;height: 32px;background: url(../img/yun2.png) no-repeat;display: inline-block;    position: relative;top: 8px;}
.curr h1 i.dd{width: 45px;height: 36px;background: url(../img/seo1.png) no-repeat;display: inline-block; position: relative;top: 8px;}
.curr h1 i.ee{width: 45px;height: 36px;background: url(../img/xg1.png) no-repeat;display: inline-block; position: relative;top: 8px;}
.active_host h1 i.cc{width: 45px;height: 32px;background: url(../img/yun.png) no-repeat;display: inline-block; position: relative;top: 8px;}
.active_host h1 i.dd{width: 45px;height: 36px;background: url(../img/seo.png) no-repeat;display: inline-block; position: relative;top: 8px;}
.active_host h1 i.ee{width: 45px;height: 36px;background: url(../img/xg.png) no-repeat;display: inline-block; position: relative;top: 8px;}
.domain_qes_tab li{ float:left; width:540px; margin:0 30px; border-bottom:1px #eee dashed; padding:30px 0;}
.domain_qes_tab li h2 a{ font-size:18px; font-weight:normal; color:#4d4d4d;}
.domain_qes_tab li h2 span{ font-size:18px; font-weight:normal; color:#4d4d4d;}
.domain_qes_tab li p{ font-size:14px; color:#313131; line-height:26px; padding-left:60px; padding-top:15px;}
.domain_qes_tab li p a{ color:#de4c3f;}

#header-wrapper1{ width:100%; height:136px; margin:0 auto 10px;}	
#header-wrapper1 ul{ width:100%; margin:0 auto; }
.fixed #header-wrapper1{ width:100%; margin:0 auto; }
.fixed {position: fixed; top: 0px; left:0;height: 136px;width:100%;z-index: 9;}
.fixed .pd_guide li.active a{ background-color:#424355; color:#fff }
section{ display:block;}
.zhuji_neirong .teshu3{ width:32%; }

.idc-right-main{padding: 20px;box-sizing: border-box;}
.idc-right-main-img img{display: block;max-width: 54%;margin: 0 auto;}
.idc-right-main-head{font-size: 18px;color: #333;text-align: center;margin: 10px auto}
.idc-right-main-head i{padding: 0px 5px;background: #ff6600;font-size: 12px;border-radius: 2px;color: #fff;margin-left: 8px;font-style: normal;}
.idc-right-main-desc{font-size: 12px;color: #666;padding-left: 10px;}
.idc-right-main-desc span{font-size: 13px;color: #666;width: 30%;display: inline-block;}
.idc-right-main-desc span:nth-child(2n){padding-left:10px;}
.idc-right-main-desc span i{font-style: normal;width: 40%;}
.idc-right-main-desc span b{color: #e14b4c;font-size: 18px;}
.idc-right_more a{width: 140px;height: 36px;line-height: 36px;text-align: center;background: #fff;border:1px solid #2c5fc8;color: #2c5fc8;border-radius: 6px;display: block;margin: 5px auto 10px;font-size: 14px;}
.idc-right_more a:hover{color: #fff;background: #2c5fc8;}
.idc-right-price {padding-top: 15px;color: #555;margin-bottom: 0px;text-align: center;font-size: 14px;}
.price-color {color: #e14b4c;font-size: 28px;}
.idc-right-center{border-bottom: 1px dashed #eee;margin-bottom:10px;padding-bottom: 10px}
.idc-right-center:last-child{border:none;padding: 0;margin: 0}
