@charset "utf-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	width:100%;
	height:auto; color:#333333;
	font-family:"微软雅黑"; font-size:14px;
}
#clear{
	clear:both;
}
img{
	border:0;
}
ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
a{
	text-decoration:none; color:#333333;
}
li{  
	list-style-type :none; 
	padding:0;
	margin:0; 
}
dl, dt, dd{
	margin:0;
	padding:0;
}
/******************************头部******************************/

#huan{ font-family:"宋体"; font-size:12px; background-color:#F8F8F8; color:#666; height:35px; line-height:35px; border-bottom:1px solid #CCCCCC;}
#huan .zhu1{ width:1150px; margin:auto; overflow:hidden;}
#huan .re{ float:left; width:600px;}
#huan .re2{ float:right; width:400px; text-align:right; }
#huan a{ color:#666; height:35px; line-height:35px;}

#toplogo{
	width:100%;
	height:90px; background-image:url(../images/tbgcolor.jpg);
}
#topmenu{
	width:100%;
	height:42px; background-image:url(../images/tbg2color.jpg);
}
.toplogocon{
	width:1150px;
	margin:0 auto;
}
.toplogogsmc{
	float:left;
	width:251px; margin-right:40px;
	font-size:18px;
	color:#ff4e00;
	line-height:40px;
}
.toplogodianhua{
	float:left;
	width:569px; margin-right:40px;
}
.toplogodianhua2{
	float:left;
	width:186px; height:70px;  background-image:url(../images/dh.jpg)  ; background-position:  0px 10px;  background-repeat:no-repeat; padding-left:60px; padding-top:10px;
}
.toplogodianhua2 span{ font-size:24px; color:#FA7400; font-weight:bold;}
/*********************导航o***********************/


#menu2 {
	height: 42px;
	width: 100%;
	margin: auto;
	font-size: 15px;
}
#menu2 ul { list-style: none; margin: 0px; padding: 0px;  }
#menu2 ul li { float:left; text-align:center;}
#menu2 ul li a { display:block;  height: 42px; line-height:45px;  float:left; width:110px; margin-right:15px; color:#fff;}
#menu2 ul li a.hover {  background-color:#FFA800; color:#fff;}

#menu2 ul li  a:hover  { background-color:#FFA800; color:#fff; }

/* flexslider */
.flexslider{position:relative;height:619px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:619px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:0px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:0px;background:url(../images/next.png) center center no-repeat;}


/*********************活动***********************/
#gg1{ margin-bottom:40px; margin-top:40px;}
#gg1 .jian{ width:1150px; margin:auto; overflow:hidden;}
#gg1 .jian1{ float:left; width:360px;  margin-right:23px; }
#gg1 .jian2{  float:left; width:493px; height:355px; border:1px solid #D7D7D7; padding-bottom:10px; margin-right:23px;}
#gg1 .jian2 .jiao{ background-image:url(../images/huod.jpg)  ; background-position:  10px 10px;  background-repeat:no-repeat; height:90px; border-bottom:1px solid #D7D7D7; padding-left:100px; padding-top:10px; margin-bottom:10px;}
#gg1 .jian2 .jiao a{ color:#666; line-height:26px;}

#gg1 .jian2 .jiao .bi11{ width:370px;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height:30px;}
#gg1 .jian2 .jiao .bi11 a{ font-size:16px; color:#FF0000; font-weight:bold;}

/*图片轮换*/
#slideBox {
	width:360px;
	height:365px;
	overflow:hidden;
	position:relative;
}
#slideBox ul#show_pic {
	margin:0;
	padding:0;
	list-style:none;
	height:365px;
	width:4750px;
	position:absolute;
}
#slideBox ul#show_pic li {
	float:left;
	margin:0;
	padding:0;
	height:285px;
}
#slideBox ul#show_pic li img {
	display:block;
}
#iconBall {
	position:absolute;
	bottom:0;
	right:0;
}
#iconBall li {
	float:left;
	color:#7a7a7a;
	width:32px;
	height:28px;
	line-height:28px;
	cursor:pointer;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding-top:4px;
}
#iconBall li.active {
	background:url(../images/iconbg.png) no-repeat;
	color:#fff;
}
#slideText {
	width:360px;
	height:28px;
	background:rgba(0, 0, 0, 0.7);
	color:#fff;
	position:absolute;
	left:0px;
	bottom:0px;
*background:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000, endColorstr=#b2000000);
}
#textBall {
	position:absolute;
	left:10px;
	bottom:3px;
}
#textBall li {
	float:left;
	cursor:pointer;
	display:none;
	color:#fff;
	font-size:14px;
}
#textBall li.active {
	display:block;
}
#textBall li a {
	text-decoration:none;
	color:#fff;
}


/*********************活动新闻列表***********************/
.NewsList span{ float:right; color:#CCCCCC;}

.NewsList li{height:30px;line-height:30px;overflow:hidden;padding:0 50px;background:url(../images/0.gif) no-repeat 20px 13px;}
.NewsList li a{color:#333;}
.NewsList li a:hover{color:#BE1D37;}

/*********************SEO基础***********************/

#gg1 .jian3{ float:left;  width:248px; font-size:14px; height:350px; }
#gg1 .jian3 span{ font-size:24px; font-weight:bold; line-height:40px; }
#gg1 .jian3 .jc{ background-image:url(../images/jbg.gif); height:108px; color:#FFFFFF; padding-left:10px; padding-top:10px;}

.pinpai{
	overflow:hidden; background-color:#efefef; padding:5px; height:241px;
}
.pinpaili{float:left; 
line-height:30px;
} 

.pinpaili a{margin-left:10px; background-color:#D4D4D4;  width:105px; text-align:center;
font-size:14px; margin-top:15px;
display:block; 
list-style:none; 
color:#2E2E2E;
} 
.pinpaili a#se{background-color:#0093DD; color:#fff;} 

	.pinpaili a:hover{background-color:#0093DD; color:#fff;} 




/*********************服务预览***********************/

#zhu12{width:1150px; margin:auto; overflow:hidden; padding-top:50px;  }
.bb1{text-align:center; font-size:36px; padding-bottom:45px; line-height:45px; height:180px; margin-top:100px;color:#FFFFFF;  }
.span11{ font-size:16px; font-weight:normal}
	
#zhu12 .xm1{ float:left;  width:315px; margin-right:115px;  margin-bottom:20px; height:180px; padding-left:180px;  background-image:url(../images/xx1.jpg)  ; background-position:  20px 30px;  background-repeat:no-repeat;}
#zhu12 .xm2{ float:left;  width:355px;   margin-bottom:20px; height:180px; padding-left:180px;  background-image:url(../images/xx2.jpg)  ; background-position:  20px 30px;  background-repeat:no-repeat;}
#zhu12 .xm3{ float:left;  width:315px; margin-right:115px;  margin-bottom:20px; height:180px; padding-left:180px;  background-image:url(../images/xx3.jpg)  ; background-position:  20px 20px;  background-repeat:no-repeat;}
#zhu12 .xm4{ float:left;  width:355px;   margin-bottom:20px; height:180px; padding-left:180px;  background-image:url(../images/xx4.jpg)  ; background-position:  20px 10px;  background-repeat:no-repeat;}
#zhu12 .xm5{ float:left;  width:315px; margin-right:115px;  margin-bottom:5px; height:150px; padding-left:180px;  background-image:url(../images/xx5.jpg)  ; background-position:  20px 20px;  background-repeat:no-repeat;}
#zhu12 .xm6{ float:left;  width:355px;   margin-bottom:5px; height:150px; padding-left:180px;  background-image:url(../images/xx6.jpg)  ; background-position:  20px 10px;  background-repeat:no-repeat;}



/*********************五大***********************/

.bb11{ font-size:14px;  height:744px; margin-top:40px; background-image:url(../images/wu.jpg);background-repeat:no-repeat; background-position:center;   }
#wu{ width:1200px; margin:auto; overflow:hidden; padding-top:270px;}
.wu1{ float:left;  width:245px; margin-right:25px; padding:10px;   height:360px; background-color:#2db3aa; border-radius:8px;  }



 .xin11{ font-size:24px; line-height:40px; padding-top:10px; color:#515151;}
.xiangmli{float:left; 
line-height:30px;
} 

.xiangmli a{margin-right:10px;   width:145px; 
font-size:14px; margin-top:3px;
display:block; 
list-style:none; 
color:#868686;
} 
.xiangmli a:hover{ color:#000;} 

.xiangmli2{float:left; 
line-height:30px;
} 

.xiangmli2 a{margin-right:5px;   width:110px; 
font-size:14px; margin-top:3px;
display:block; 
list-style:none; 
color:#868686;
} 
.xiangmli2 a:hover{ color:#000;} 

/*********************g官方套餐***********************/
#tao{ background-color:#fff;}
#news{width:1150px; margin:auto; overflow:hidden; height:620px; }
.bb3{text-align:center; font-size:36px;   color:#FFFFFF; }
.bb4{   height:199px;  background-image:url(../images/bg33.jpg);background-repeat:no-repeat; background-position:center; color:#FFFFFF; }


.rongyu{text-align:center; font-size:36px; padding-bottom:45px; line-height:45px; height:186px; margin-top:100px; background-image:url(../images/rongyu.jpg);background-repeat:no-repeat; background-position:center; color:#FFFFFF; }
.pingjia{text-align:center; font-size:36px; padding-bottom:45px; line-height:45px; height:186px; margin-top:100px; background-image:url(../images/pingjia.jpg);background-repeat:no-repeat; background-position:center; color:#FFFFFF; }
.zhuan{text-align:center; font-size:36px; padding-bottom:45px; line-height:45px; height:217px;  background-image:url(../images/zhuan.jpg);background-repeat:no-repeat; background-position:center; color:#FFFFFF; }

/*********************选项卡***********************/


.container .nav{width:800px; margin:auto;}
.container .nav span{display: block; width:166px; margin-right:25px; font-size:18px; text-align:center; background-color:#EFEFEF; line-height:50px; color:#000; float:left; cursor:pointer;}
.container .nav span.active{background:#2db3aa; color:#fff;}

.container .nav span:first-child{border:0px}

.content{ margin-top:30px; width:1150px;position:relative; overflow:hidden;height:1000px;} /*定位一般设置为relative，overflow设置为hidden来隐藏外面的内容*/
.content .box{position:absolute;width:1150px;height:1000px;margin-top:30px; } /*这个定位设置为absolute, 因为要操作这个的位置来切换内容*/
.content ul{float:left; width:1150px;}
.content ul li{display: block; height:320px; width:262px; float:left; background-color:#fff; text-align:center; margin-right:26px;}
.content .taobt{height:100px; background-color:#0093FA; color:#FFFFFF; padding-top:20px; font-size:21px; line-height:40px; } 
.content .taobt .jg{font-size:30px; font-weight:bold; color:#FFFF00; } 
.content .taobt2{ font-size:16px;line-height:28px; padding-top:30px; color:#7E7E7E; } 
.content .taobt2 span{ font-size:20px; color:#0093FA; font-weight:bold; border-bottom:2px solid #0093FA;} 

.content ul li+li{margin-left:-1px;}

/*********************我们的优势***********************/

#zhu13{width:1200px; margin:auto; overflow:hidden; height:110px; color:#A1A1A1;  }
#zhu13 .bleft1 {
	float: left;
	width: 295px;
	margin-right: 10px;
	height: 100px;
	padding-top: 20px;
	padding-left: 120px;
	background-image: url(../images/j1.jpg);
	background-position: 20px 30px;
	background-repeat: no-repeat;
}
#zhu13 .bleft2 {
	float: left;
	width: 295px;
	margin-right: 10px;
	height: 100px;
	padding-top: 20px;
	padding-left: 120px;
	background-image: url(../images/j2.jpg);
	background-position: 20px 30px;
	background-repeat: no-repeat;
}
#zhu13 .bleft3 {
	float: left;
	width: 295px;
	height: 100px;
	padding-left: 120px;
	padding-top: 20px;
	background-image: url(../images/j3.jpg);
	background-position: 20px 30px;
	background-repeat: no-repeat;
}

#zhu13 .bleft4 {
	float: left;
	width: 295px;
	height: 100px;
	padding-left: 120px;
	padding-top: 20px;
	background-image: url(../images/j4.jpg);
	background-position: 20px 30px;
	background-repeat: no-repeat;
}


#zhu13 span{ font-size:20px; color:#000000;}



/*********************合作流程***********************/
#liucheng{ background-image:url(../images/8.jpg);background-position:center; background-repeat:no-repeat; height:1006px; }
#liucheng .lc{ width:1550px; margin:auto; padding-top:40px; height:900px; }
#liucheng .lc li{ border:1px solid #E5E5E5; background-color:#FFFFFF; width:387px;  border-radius:8px; padding:20px; transition:transform 0.1s; }
#liucheng .lc li:hover{ cursor:pointer; transform:translate(-20px,0px);  box-shadow:0 0 18px rgba(0,0,0,0.4); }

/*********************案例***********************/
#anli{ background-image:url(../images/bao11.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#0093DD; height:308px; }

#anli .mian{ width:1200px; margin:auto;  padding-top:40px; }
	

/*********************友情链接***********************/

.links{ width:1150px; margin:auto;  font-size:15px; line-height:30px; padding-top:30px;  padding-bottom:20px; }
.links span{ color:#0093DD; font-weight:bold;}
.links a{ color:#666; line-height:30px;}
.links a:hover{ color:#000; line-height:30px;}

/*********************底部***********************/
#foot{ background-color:#EFEFEF; height:250px;  font-size:14px; line-height:30px; padding-top:30px;  padding-bottom:20px; }
#foot .ff1{ width:1150px; margin:auto; overflow:hidden; }
#foot .gg1{ float:left; width:450px; margin-right:100px; color:#717171;}
.biat{ font-size:24px; color:#0093DD;  line-height:60px;}
#foot .gg1 .biat2{line-height:30px;}
#foot .gg1 span{ float:right; font-size:14px; padding-right:10px;}
#foot .gg1 span a{ color:#666;}
#foot .gg1 span a:hover{ color:#000;}
#foot .gg2{ float:left; width:100px; margin-right:70px;}

.guan li{line-height:40px;overflow:hidden;}
.guan li a{color:#717171;}
.guan li a:hover{color:#BE1D37;}

#foot .gg3{ float:left; width:250px; text-align:center; padding-top:20px; }
#foot2{ background-color:#2F2F2F; line-height:30px; height:90px; text-align:center; padding-top:30px; color:#CCCCCC;}


.box li{ width:395px; height:373px; margin-right:10px; float:left; overflow:hidden; position:relative;}
.toll_img{ width:395px; height:273px; text-align:center;}
.toll_info{ height:273px; background:#2ab1aa;  vertical-align:middle;display:table-cell;}
.box li p{ padding:15px;   font:normal 18px/24px '微软雅黑'; cursor:pointer;}
.box li a{ color:#fff;  text-decoration:none; position:absolute; top:0; left:0;}


.box2 li{ width:284px; height:307px; margin-right:15px; float:left; overflow:hidden; position:relative;}
.toll_img2{ width:284px; height:407px;}
.toll_img3{ width:284px; height:407px; background-color:#2ab1aa; color:#FFFFFF;}

.toll_info2{ height:407px; background:#2ab1aa;  display:table-cell;}
.box2 li p{ padding:15px;   font:normal 18px/24px '微软雅黑'; cursor:pointer;}
.box2 li a{ color:#fff;  text-decoration:none; position:absolute; top:0; left:0;}



.box3 li{ width:354px; height:407px; margin-right:45px; float:left; overflow:hidden; position:relative;}
.toll_img3{ width:354px; height:407px;}
.toll_info3{ height:407px; background:#2ab1aa;  vertical-align:middle;display:table-cell;}
.box3 li p{ padding:15px;   font:normal 18px/24px '微软雅黑'; cursor:pointer;}
.box3 li a{ color:#fff;  text-decoration:none; position:absolute; top:0; left:0;}


.box4 li{ width:284px; height:307px; margin-left:65px; float:left; overflow:hidden; position:relative;}
.toll_img4{ width:284px; height:407px;}
.toll_info4{ height:407px; background:#2ab1aa;  vertical-align:middle;display:table-cell;}
.box4 li p{ padding:15px;   font:normal 18px/24px '微软雅黑'; cursor:pointer;}
.box4 li a{ color:#fff;  text-decoration:none; position:absolute; top:0; left:0;}


.wrap2 a { font-family:"微软雅黑";
	display:block;
	width:245px;
	height:359px;
	text-decoration:none;
	color:#000;
}
.wrap2 {
	width:245px;
	height:359px;
	position:relative;
	overflow:hidden;
	font-family:arial, sans-serif;
	border:0;
	margin-top:7px; margin-right:6px;
	float:left;
	display:inline;
}

.wrap2 p {
	display:block;
	width:245px;
	height:379px; background-color:#000000;
	position:absolute;
	left:0;
	top:180px;
	z-index:1;
	filter:alpha(Opacity=90);-moz-opacity:0.7;opacity: 0.7;
	font-size:13px;
	color:#fff; padding-top:5px;
	margin:0;
	line-height:30px;
	-webkit-transition: all 0.6s ease-in-out;
}
.wrap a { font-family:"微软雅黑";
	display:block;
	width:277px;
	height:219px;
	text-decoration:none;
	color:#000;
}
.wrap {
	width:277px;
	height:219px;
	position:relative;
	overflow:hidden;
	font-family:arial, sans-serif;
	border:0;
	margin-top:7px; margin-right:6px;
	float:left;
	display:inline;
}
.wrap img {
	border:0;
}
.wrap i {
	display:block;
	width:277px;
	height:219px;
	position:absolute;
	left:0;
	top:180px; 
	z-index:1;
	background:#000;
	filter: alpha(opacity=40);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	opacity:0.40;
	-webkit-transition: all 0.6s ease-in-out;
}
.wrap div {
	display:block;
	width:277px;
	height:219px; background-color:#000000;
	position:absolute;
	left:0;
	top:170px;
	z-index:1;
	filter:alpha(Opacity=90);-moz-opacity:0.7;opacity: 0.7;
	font-size:13px;
	color:#fff; padding-top:5px;
	margin:0;
	line-height:30px;
	-webkit-transition: all 0.6s ease-in-out;
	padding:15px;
}
.wrap div b {
	display:block;
	font-size:20px;
	color:#fc0;
	text-align:center;
	margin:0;
	padding:0;
	line-height:30px;
}
.wrap div span {
	display:block;
	padding:10px;
	line-height:20px;
}
.wrap a:hover {
	direction:ltr;
}
.wrap a:hover i {
	top:0;
}
.wrap a:hover p {
	top:0;
}
.clear {
	clear:left;
}







/* 页面拿出的CSS */
/*拨打电话提示框*/
	      #mytitle {
	          position: absolute;
	          color: #ffffff;
	          max-width: 220px;
	          font-size: 18px;
	          padding: 30px;
			  text-align: center;
			  line-height: 30px;
	          background: rgba(40, 40, 40, 0.8);
	          border: solid 1px #e9f7f6;
	          border-radius:5px;
	      }