﻿@charset "utf-8";
/* CSS Document */
/* edited 2015-03-17 */

/*************************************************/
/*************************************************/
/**********全局样式初始化;页头页脚样式;营销通样式;常用样式**********/

/**********初始化样式***********/
* {padding: 0;margin: 0;list-style: none;border: 0;}
body {
	margin:0 auto;
	background: #fff; 
	text-align:center;
	color:#333;
	line-height:1.5em;
	font-family: 微软雅黑,Microsoft YaHei,SimSun,sans-serif,Arial;
	font-size:14px;
	min-width:1100px;
	}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,label,em,strong,sub,sup,tt,pre,code,form,fieldset,legend,input,button,caption,tbody,tfoot,thead,tr,textarea,p,blockquote,table,th,td,img,a { 
	margin:0; 
	padding:0; 
	border:none;
	}

ul,li,dl { 
	list-style:none;
	}	
	
input,select,textarea{ 
	vertical-align:middle;
	}
	
a {
	color:#333;
	text-decoration:none;
	}
a:hover {
	color:#ff5e00;
	}
/**********初始化样式end*********/

/**********公共页头top_common.ascx(top_common_new.ascx)样式***********/
#header {
	width: 100%; 
	height:108px;
	}

#toppanel {
	width:100%;
	height: 34px;
	background:#333;
	font-size:12px;
	
	}

.panel {
	width:1100px;
	margin:0 auto;
	position:relative;
	line-height: 34px;
	z-index:199;
	}
.panel span { 
	float:left;
	color:#fff; 
	}

/**********用户登录后页头用户信息top_user.ascx***********/
.clientInfo {
	float:left;
	color:white;
	}
.clientInfo li {
	float:left;
	position:relative;
	padding:0 7px;
	}

.clientInfo li a {
	float:left;
	margin:0 3px;
	color:white;
	}

.clientInfo li span {
	float:left;
	margin:0 3px;
	}

.clientInfo li a:hover {
	color:#ff5a00;
	}

#lvIcon {
	margin-top:15px;
	width:13px;
	height:10px;
	background:url(/common/images/topDiamond.png) no-repeat;
	}

.showAccount {
	display:none;
	position:absolute;
	top:40px;
	padding:10px;
	width:110px;
	background-color:#555;
	border:1px solid #333;
	border-top:0px;
	}

.showAccount p {
	line-height:24px;
	text-align:left;
	}

.clientInfo .downTriangle {
	margin-top:17px;
	width:7px;
	height:6px;
	background:url(/common/images/downTriangle.png) no-repeat;
	}

a.shopCart {
	padding-left:20px;
	background:url(/common/images/shopppingCart.png) 0 15px no-repeat;
	}

a.clientMessage {
	padding-left:20px;
	background:url(/common/images/messageIcon.png) 0 15px no-repeat;
	}

span.accountNum {
	color:orange;
	}

a.changeMode {
	position:absolute;
	top:0;
	left:44%;
	margin-left:-50px;
	display:block;
   width:100px;
	height:40px;
   border-left:1px solid #999;
	border-right:1px solid #999;
	line-height:40px;	
	color:white;
	text-align:center;
	font-size:14px;
	}

a.changeMode:hover {	
	background-color:green;
	}
a.changeMode_b {
	position:absolute;
	top:0;
	left:55%;
	margin-left:-50px;
	display:block;
   width:100px;
	height:40px;
   border-left:1px solid #999;
	border-right:1px solid #999;
	line-height:40px;	
	color:white;
	text-align:center;
	font-size:14px;
	}

a.changeMode_b:hover {	
	background-color:green;
	}
/**********用户登录后页头特有按钮end***********/

.welcome{
	float:left; 
	color: #fff;
}
.topTools {
	float:right;
	}

.topTools span {
	float:left;
	color:#fff; 
	padding-left:28px; 
	}
.topTools .separate{
	float:left;
	color:#999;
	font-size:12px;
	margin-right:0px;
	font-weight:normal;
}
.topTools li {
	padding:0 5px;
	float:right;
	display: inline;
	}

.topTools li a {
	color:#ddd;
	float:left;
	}
.topTools li a:hover {
	color:#fff;
	}
.topTools .user-list {
	padding:0 4px;
	}
.topTools .user-list a {
	color:#FF9700;
	}
.topTools .user-list2 a{
	color:#fff;
}
.topTools .user-list a:hover,.topTools .user-list2 a:hover {
	color:#ff5a00;
	}
.topTools .icon-wx {
	padding:0 10px 0 21px;
	}
.icon-wx a{
	height:30px;
	}


.topTools .icon-wb{
	padding:0 21px 0 10px;
	}

.icon-wx i, .icon-wb i{ 
	width:24px; 
	height:21px; 
	display:block;
	background:url(/common/images/icon_wbwx.png) no-repeat;
	margin-top:6px;
	}

.icon-wb i {
	background-position:-24px 0;
	}

.icon-wb a:hover i  {
	background-position:-24px -21px;
	}

.icon-wx a:hover i {
	background-position:0 -21px;
	}

.wx-code {
	display:none;
	position:absolute;
	margin:34px 0 0 -67px;
	*margin:34px 0 0 -87px;
	}

.wx-code .popup1{
	display:block;
	width:0;
	height:0;
	border-width:0 10px 10px 10px;
	border-style:dashed dashed solid dashed;
	border-color:transparent transparent #ff7200 transparent;
	line-height:0;
	font-size:0;
	padding:0;
	position: absolute;
	top: -10px;
	margin-left: 70px;
	}
.wx-code .popup2{
	display:block;
	width:0;
	height:0;
	border-width:0 9px 10px 9px;
	border-style:dashed dashed solid dashed;
	border-color:transparent transparent #fff transparent;
	line-height:0;
	font-size:0;
	padding:0;
	position: absolute;
	top: 2px;
	margin-left:-9px;
	}
.wx-code p{
	width:160px;
	height:160px;
	background:url(../common/images/wx-code.jpg) #fff center center no-repeat;
	background-size:95%;
	border:2px solid #ff7200;
	}
.topTools .indexNotice>a {
	display: inline;
	color:#FF9700;
	line-height: 32px;
}
.topTools .indexNotice>a:hover{
	color:#ff5a00;
}
.topTools .indexNotice b{
	font-weight: normal;
	color: #FFD600;
	font-size: 14px;
	}
.noticeBox {
	width:240px;
	position: absolute;
	margin: 34px 0 0 -100px;
	*margin: 34px 0 0 -170px;
	border: 2px solid #ff7200;
	background-color: #fff;
	cursor: text;
}

.noticeBox .noticeTitle {
	margin: 0 10px;
	height: 36px;
	border-bottom: 1px solid #d8d8d8;
	text-align: left;
	font-size: 14px;
	line-height: 34px;
	font-weight:bold;
}

.noticeBox .noticeList {
	overflow: hidden;
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
}
.noticeBox .noticeList a{
	color:#333;
}
.noticeBox .noticeList a:hover *{
	color: #ff0000;
}
.noticeBox .noticeCont{
	float: left;
	overflow: hidden;
	width: 140px;
	height: 28px;
	color: #333;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	line-height: 28px;
}


.noticeBox .noticeDate {
	float: right;
	height: 28px;
	padding: 0;
	color: #333;
	width: 70px;
}

.noticeBox .noticeMore a {
	color: #ff0000;
	font-size:14px;
	  width: 100%;
}

.noticeBox .noticeMore a:hover {
	color: #F87025;
}

.noticeBox .popup1 {
	position: absolute;
	top: -10px;
	display: block;
	margin-left: 115px;
	padding: 0;
	width: 0;
	height: 0;
	border-color: transparent transparent #ff7200 transparent;
	border-style: dashed dashed solid dashed;
	border-width: 0 10px 10px 10px;
	font-size: 0;
	line-height: 0;
}

.noticeBox .popup2 {
	position: absolute;
	top: 2px;
	display: block;
	margin-left: -9px;
	padding: 0;
	width: 0;
	height: 0;
	border-color: transparent transparent #fff transparent;
	border-style: dashed dashed solid dashed;
	border-width: 0 9px 10px 9px;
	font-size: 0;
	line-height: 0;
}


/* 导航样式 2017-4月停止使用此样式*/		
/*.nav{
	width:100%;
	height:74px;
	background:#fff;
	}

.nav a {
	display:block;

	}

.nav a:hover{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	}

.list {
	width:1100px;
	position:relative;
	margin:0 auto;
	}
	
#logo{
	float:left;
	display:block;
	margin-top:8px;
	}	

#navfouce {
	width:80%;
	height:74px;
	line-height:74px;
	float:right;
	}

#navfouce li {
	width:9%;
	height:74px;
	float:left; 
	display:inline;
	}

#navfouce a:hover {
	display:block;
	}

#navfouce a:hover,  #navfouce .now{
	background:#f4721c;
	color:#fff;
	}
*/


/* 二级导航样式 */
div.box {
	width:100%;
	position:absolute;
	left:0;
	top:108px;
	z-index:100;
	background:#f4721c;
	border-bottom:5px solid #e34b01;
	}
div.box a{
	color:#fff;
	}

div.box a:hover{
	text-decoration:underline;
	color:#fff;
	}

.subMenu {
	width:1100px;
	overflow:hidden;
	zoom:1;
	font-size:12px;
	margin:0 auto;
	border:0;

	
	}
.subMenu h3{
	width: 100%;
	overflow: hidden;
	zoom:1;
	line-height: 40px;
	font-size: 26px;
	color: #fff;
    margin: 0px;
	padding-top:20px;
	text-align:left;
	font-weight:normal;
}	
.subMenuBox{
	overflow: hidden;
	zoom:1;
	padding-bottom:30px;
}
.subMenuLeft,.subMenuMiddle,.subMenuRight {
	float:left;
	margin:10px 0;
	text-align:left;
	}
.subMenuLeft dl, .subMenuMiddle dl {
	overflow:hidden;
	zoom:1;
	float:left;
	}
	
.subMenuLeft {
	width: 190px;
	padding:0 56px 0 0 ;
	}

.subMenuLeft{
	border-right:1px dashed #dad5d3;
	}	
.subMenuLeft dt {
	color:#fff;
	font-size:14px;
	}	
	
.subMenuLeft dd {
	display:block;
	}
	
.subMenuLeft dd span{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	}	

.subMenuMiddle{
	
	}
	
.subMenuMiddle dl {
	margin-left:56px;
	padding:0 10px;
}

.subMenuMiddle dt{
	font-weight: 600;
	font-size:16px;
	color:#fff;
	line-height:30px;
}
.subMenuMiddle dd {
	line-height:30px;
	font-size:14px;
	color:#fff;
	}
		
.subMenuMiddle dd span{
	font-size:12px;
	}
	
.subMenuMiddle dd i{
	color:#fff000;
	font-style:normal;
}
	

.advimg { 
	margin-top:5px;
	}
	
/* 活动二级导航样式 */
.SubMenu_Activity .subMenuLeft{
	height:118px;
}
/* 域名二级导航样式 */
.SubMenu_Domain .subMenuMiddle dl{
	
}
.SubMenu_Domain .subMenuLeft{
	height:144px;
	}

/* 虚拟主机二级导航样式 */	

.SubMenu_Host .subMenuMiddle dd{
	display:block;
}
.SubMenu_Host .subMenuLeft{
	height:114px;
	}
	
/* 云指二级导航样式 */	
.SubMenu_Auto .subTitle{
	overflow:hidden;
	zoom:1;
}
.SubMenu_Auto .subMenuBox h3 {
	width:20%;
	float:left;
}

.SubMenu_Auto .subMenuLeft{
	height:100px;
	width: 190px;
	border: none;
	padding: 0 56px 0 0;
	border-right:1px dashed #dad5d3;
}
.SubMenu_Auto .subMenuMiddle{
	
	
}
.SubMenu_Auto .subMenuMiddle dl{
	
	color:#fff;
}

/* 移动电商二级导航样式 */	
.SubMenu_Move .subTitle{
	overflow:hidden;
	zoom:1;
}
.SubMenu_Move .subMenuBox h3 {
	width:16%;
	float:left;
}

.SubMenu_Move .subMenuLeft{
	height:100px;
	width: 190px;
	border: none;
	padding: 0 56px 0 0;
	border-right:1px dashed #dad5d3;
}
.SubMenu_Move .subMenuMiddle{
	
	
	

}
.SubMenu_Move .subMenuMiddle dl{
	
	color:#fff;
}


/* 营销推广二级导航样式 */	
.SubMenu_Push .subTitle{
	overflow:hidden;
	zoom:1;
}
.SubMenu_Push .subMenuBox h3 {
	width:16%;
	float:left;
}

.SubMenu_Push .subMenuLeft{
	height:100px;
	width: 190px;
	border: none;
	padding: 0 56px 0 0;
	border-right:1px dashed #dad5d3;
	
}
.SubMenu_Push .subMenuMiddle dl{
	
	color:#fff;
}

/* 易云主机二级导航样式 */	
.SubMenu_Cloud .subMenuLeft{
	height:120px;
	width: 190px;
	border: none;
	padding: 0 56px 0 0;
	border-right:1px dashed #dad5d3;
	}
.SubMenu_Cloud .subMenuMiddle .cloudDl{
	width:100px;
	}
			
/* 企业邮箱二级导航样式 */	

.SubMenu_Email .subMenuMiddle {
	}	

/* 微营销二级导航样式 */	
.SubMenu_wei .subTitle{
	overflow:hidden;
	zoom:1;
}
.SubMenu_wei .subMenuBox h3 {
	width:20%;
	float:left;
}
.SubMenu_wei .subMenuLeft{
	height:90px;
	border:none;
	}
.SubMenu_wei .subMenuMiddle{
	  padding: 0 0 0 15px;  
}
.SubMenu_wei .subMenuMiddle dl{
	  width: 184px;
	  padding: 0 0 0 20px;
	  border-left: 1px dashed #fff;
	  height: 80px;
}
/* 400电话二级导航样式 */	

.SubMenu_400 .subMenuLeft{

	}

/* 代理加盟二级导航样式 */	
		
.SubMenu_Agent .subMenuLeft{
	height:140px;
	}
	
/* 租用托管二级导航样式 */	
			
.SubMenu_IDC .subMenuLeft {
	height:160px;
	}


/* 增殖服务二级导航样式 */	

.SubMenu_Sms .subMenuLeft{
	height:100px;
	}

/* 二级导航样式结束***********************************/
/**********公共页头top_common.ascx(top_common_new.ascx)样式end********/

/**********租用托管页头top_idc.ascx样式***********/
/**********租用托管页头top_idc.ascx样式end********/

/**********公共页脚bottom_common.ascx样式***********/
#footer {
	background:#25262b;
	}

.menu {
	width:1100px;
	margin: 0 auto; 
	color:#fff;
	height:189px;
	background:#25262b;
	}
.menu_box {
	width:100%;
	}

.menu h4 {
	font-size: 16px;
	height: 55px; 
	line-height: 55px; 
	color:#fff;
	text-align:left;
	text-indent:25px;
	font-weight:normal;
	}

.menu ul { 
	padding-top:6px;
	overflow:hidden;
	zoom:1;
	font-size:12px;
	text-align:left;
	}

.menu a {	
	color:#fff;
	}
.menu a:hover{
	color:#ff5e00;
	}

.recommend {
	float:left;
	width:200px;  
	line-height:31px;
	margin-right:6%;
	}

.recommend ul{
	padding-top:7px;
	}
.recommend ul li{
	float:left;
	width:100px;
	height:26px;
	line-height:26px;
	text-align:center;
	}

.support{
	float:left;
	width:100px;
	margin-right:6%;
	}
	
.support ul li {
	width:100px;
	height:26px;
	line-height:26px;
	text-align:center;
	}

.attention{
	display:inline;
	float:left;
	width:250px; 
	margin-right:6%;
	}
.attention h4{
	text-indent:18px;
	}
	
.attention ul li{ 
	float:left; 
	padding-left:12px;
	text-align:center;
	}
.attention img {
	display:block;
	}

.contact{
	width:310px; 
	text-align:left;
	float:left;
	}
.contact h4{
	text-indent:0;
	}	

.contact span {
	float:right;
	}	
.contact p {
	line-height:22px;
	font-size:12px;
	color:white;
	}

.bottompanel { 
	width:100%;
	height:121px;
	border-top:1px #3a3b3f solid;
	background:#151515;
	}

.bottombox {
	width:1100px;
	font-size: 12px;
 	margin: 0 auto; 
 	text-align:left;
 	color:#777;
 	}
.bottombox p{
	line-height:1.5;
	padding-top:13px;
	color:#777;
	}

.bottombox a {
	color:#b06d49;
	}

.bottombox a:hover{
	color:#ff5e00; 
	}
	
.backtop{ 
	float: right; 
	background:#333; 
	width:88px; 
	text-align:center; 
	font-size:14px;
	height:74px; 
	line-height:34px;
	display:block;
	}

.backtop span.sanjiao  {
	width: 0;
	height: 0;
	float:left; 
	margin:17px 0 0 35px; 
	line-height:0;
    border-width:0 8px 15px 8px; 
    border-style: dashed dashed  solid dashed; 
    border-color: transparent transparent #666 transparent; 
    font-size: 0; 
	}

a.backtop {
	color:#666;
	}

a:hover.backtop {
	color:#fff; 
	}

a:hover.backtop .sanjiao {
	width: 0;
	height: 0;
	float:left; 
	margin:17px 0 0 35px; 
	line-height:0;
	border-width:0 8px 15px 8px;
	border-style: dashed dashed  solid dashed;  
	border-color: transparent transparent #fff transparent; 
	font-size: 0; 
	}
/**********公共页脚bottom_common.ascx样式end********/


/**********租用托管页脚bottom_idc.ascx样式***********/
/**********租用托管页脚bottom_idc.ascx样式end********/

/**********常用样式***********/
/* 域名查询浮动窗口样式 */	
#tooltip{
	display:none;
	position: absolute ;
	margin-top:-18px;
	padding:10px;
	background:#ffffff;
	border:1px solid #cccccc;
	color:#ff6600;
	font-weight:bold;
	}
/* 域名查询浮动窗口样式end***************/
/**********常用样式end********/

/**********支付方式样式（暂放）***********/
.containmian,.containmain_proxy {width:1200px; margin:0 auto; }
.toptip{font-size:16px;color:#aa0000; line-height:3; padding:10px 0;}
.pay_top_tip1 {color:#575757; background:url(../contact/images/icon.gif)  0 no-repeat; width:412px; margin:0 auto;}

.pay_type_box, .pay_proxy_bank,.pay_proxy_post { width:1100px; overflow:visited; *float:left;*padding-right:100px;}
.pay_type_box h1, .containmain_proxy h1{ background:url(../common/images/h1_bg.gif) 0 repeat-x; height:24px; ; width:1100px; padding:30px 0; }
.pay_type_box h1 span,.containmain_proxy h1 span {font-weight:normal; font-size:24px; color:#555; float:left; padding:0 10px; background:#fff;line-height:24px;}
.pay_type_box h1 span b{font-weight:normal;font-size:14px; color:#ccc; height:24px; line-height24px; padding-left:5px;}
.pay_type_box h1 span a:hover { color:#313131;}
.pay_type_bank h2 {font-weight:normal; font-weight:18px; padding-bottom:25px;}
.pay_type_box  table, .containmain_proxy table{ background:#ccc; margin:0 auto;}
.pay_type_box tr, .containmain_proxy tr {background:#fff; height:45px;}
.pay_type_box th, .containmain_proxy th {background:#f6f6f6; height:51px; font-size16px; color:#515151;}
.pay_type_box th span, .containmain_proxy th span {font-size:14px;}
.pay_type_box tr td, .containmain_proxy tr td {color:#888; text-align:center; }
.pay_type_box tr td b, .containmain_proxy tr td b { color:#444; }
td.alignleft  {text-align:left !important; padding-left:40px;}
.pay_tips {margin-top:20px; text-align:left; font-size:12px; line-height:2; text-indent:25px; color:#888;}
.pay_tips  dt {color:#ff7200;}
.containmain_proxy p {text-align:left; margin:15px 0; text-indent:25px;}

.pay_type_onlinepay,.pay_type_bank,.pay_type_post,.pay_type_facepay {padding-bottom:15px;}
.onlinepay_type { height:220px; display:block; background:url(../contact/images/onlinepay_bg.gif)  center 10px no-repeat; overflow:hidden; zoom:1; }
.onlinepay_type a {height:59px; width:191px; display:block; font-size:30px; line-height:59px; margin:0 auto; background:url(../contact/images/onlinepay_btn.gif) no-repeat; color:#fff; margin-top:110px; }
.onlinepay_type a:hover {color:#fff;}
.pay_type_onlinepay p {text-align:left; text-indent:25px; font-family:"Simsun"; font-size:12px;}
.pay_type_onlinepay p strong{ color:#ff7200;}

.pay_type_post p , .pay_type_facepay p { text-align:left; text-indent:25px;  color:#555; }

.pay_attention { clear:both; text-align:left; font-size:16px;  margin:45px 0;}
.pay_attention h3 {color:#c30000; font-weight:normal; font-size:16px;}
.pay_attention ul li {line-height:1.8; color:#555;}

.scroll_pay {width:100px; position:fixed; _position:absolute; bottom:265px; _bottom:15px; right:110px; z-index:100px;}
.scroll_pay ul li {border-bottom:1px solid #fff; height:39px; line-height:39px; *vertical-align:bottom;}
.scroll_pay ul li a {color:#fff; display:block; background:#b27a4d;}
.scroll_pay ul li a:hover {background:#f59854;color:#fff;}
.scroll_pay ul li a.pay_backtop {background:url(../contact/images/back_top.png) #b27a4d center no-repeat ; }
.scroll_pay ul li a:hover.pay_backtop { background:url(../contact/images/back_top.png) center no-repeat #f59854;}

/*new*/
.scoll_pay_new { height:40px; text-align:center; line-height:40px; margin:20px 0;}
.scoll_pay_new ul {width:760px; margin:0 auto;}
.scoll_pay_new ul li {float:left; width:150px; font-size:24px; margin:0 20px; display:inline; line-height:40px;}
.scoll_pay_new ul li a { display:block; color:#fff; }
.scoll_pay_new ul li a:hover {color:#fff; background:#f59854;}
.pay_backtop_new { height:45px; width:45px; position:fixed; _position:absolute; right:0; bottom:265px; _bottom:15px;}
a.pay_backtop_new {background:url(../contact/images/back_top.png) #b27a4d center no-repeat ;}
a:hover.pay_backtop_new {background:url(../contact/images/back_top.png) center no-repeat #f59854;}
/**********支付方式样式（暂放）end********/

/**********全局样式初始化及页头页脚样式end*************/
/**************************************************/
/**************************************************/