/* ---------------public start------------------ */
/* public css by colpu */

.section{width:1000px; margin:0 auto; position:relative;}
.s-left,.s-right{ width:270px; position:relative; margin-top:-25px; float:left;}
.s-right{ width:720px; float:right; background:#fff;}
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mr20 { margin-right: 20px; _display:inline; }
.mb10 { margin-bottom: 10px; }
.red { color: #ff0000; }
.orange { color: #f60; }
.blue { color: #007ccc; }
.green { color: #585; }
.gray { color: #ccc; }
.fr { float:right; }
.fl { float:left; }
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.blod{ font-weight:bold;}
.hidden{display:none; }
.block {display:block }
.noBg{ background:none!important;}
.center {text-align:center; }
.txt-r{ text-align:right!important;}
i,.shadow{display:inline-block; background:url(../images/skin44fa.png?2013115) no-repeat; vertical-align:middle;}

/* icon */
.tel,.thumb,.i-list,.lamp{background-position:0 0; width:32px; height:32px; margin-right:5px;}
.thumb{ background-position:-32px 0;}
.i-list{ background-position:-64px 0;}
.lamp{ background-position:-96px 0; margin:0 0 0 5px;}
.custom,.exclusive,.security{ display:block; width:96px; padding-top:116px;height:0;line-height: 116px; background-position:0 -32px; margin:0 auto 10px auto; overflow: hidden;}
.exclusive{ background-position:-96px -32px;}
.security{ background-position:-192px -32px;}
.mycustom{ width:300px; height:0; padding-top:110px; display:block; overflow:hidden; background-position:0 -158px;}
.add{ width:32px; height:0; padding-top:32px; overflow:hidden; background-position:-120px 0;}
.detail{width:145px;height:0; padding-top:35px; overflow:hidden; background-position:-155px -324px;}
.i-rent,.hosting{ width:45px; height:24px; padding-right:10px; line-height:24px; color:#fff; text-align:center; font-style:normal; background-color:#666; background-position:-155px -368px;}
.hosting{background-position:-210px -368px; padding-left:10px; padding-right:0;}
.prev,.next{ width:8px; height:0; padding-top:15px; overflow:hidden; background-position:-160px -8px;}
.next{ background-position:-183px -8px;}
.pre-sale,.after-sale{ width:155px; height:0; padding-top:40px; overflow:hidden; background-position:0 -322px;}
.after-sale{background-position:0 -368px;}
.tel2,.tel2-2{ width:200px; height:0; padding-top:30px; overflow:hidden; background-position:-60px -275px;}
.tel2-2{background-position:-60px -455px;}
.tel3,.tel3-2{ width:260px; height:0; padding-top:40px; overflow:hidden; background-position:0 -268px;}
.tel3-2{ background-position:0 -450px;}
.consultQQ{width:60px; height:25px; line-height:25px; padding-left:30px; text-align:center; color:#fff; font-style:normal; font-size:12px; background-color:#f60; background-position:0 -414px;}
.circle{ width:17px; height:17px; background-position:-264px -8px;}
.icon-more{ width:15px; height:15px; background-position:-295px -9px; vertical-align:middle;}
.icon-mypro,.icon-support,.icon-customer{width:110px; height:0;padding-top: 30px; background-position:0 -490px; overflow: hidden;}
.icon-support{width:90px;background-position:-140px -490px;}
.icon-customer{background-position:-240px -490px;}
.collect{width: 70px; height: 0; padding-top: 40px;line-height: 40px; overflow: hidden;background-position: -200px -405px;
}
/* computer icon */
.host,.cpu,.memory,.disk,.board,.power,.size,.bandbroad,.ip,.update,.i-price{ width:32px; height:32px; background-position:-320px -320px;}
.cpu{background-position:-320px 0;}
.memory{background-position:-320px -32px;}
.disk{background-position:-320px -64px;}
.board{background-position:-320px -96px;}
.power{background-position:-320px -128px;}
.size{background-position:-320px -160px;}
.bandbroad{background-position:-320px -192px;}
.ip{background-position:-320px -224px;}
.update{background-position:-320px -256px;}
.i-price{background-position:-320px -288px;}


#site-nav{border-bottom:1px solid #ddd; height:79px;}
#site-nav .figure{ float:left; padding:14px 0 5px 0;}
#site-nav .aside{float:right;text-align:right; padding-top:9px;}
#site-nav .aside p{ margin-top:5px;}
.other-nav {color:#ccc;}
.other-nav a{margin:0 5px; color:#666;}
.tel400{ font-size:16px; line-height:32px; color:#555;}
.tel400 strong{font-size:18px; color:#f60; font-weight:normal; margin-left:5px;font-family:Arial;}
#nav{height:60px; box-shadow:0 3px 5px #666; background:#f5f5f5; 
    background:-moz-linear-gradient(top, #fff, #eee);
	background:-webkit-linear-gradient(top, #fff, #eee);
	background:-o-linear-gradient(top, #fcfcfc, #eee);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#eeeeee,gradientType=0);}
#nav ul{float:left;}    
#nav li{ float:left; height:60px; line-height:60px; padding:0 29px; font-size:18px; border:1px solid #ddd; border-width:0 1px; border-left-color:#fff; _padding:0 28px; }
#nav li:first-child{ border-left:0; margin-left:1px;}
#nav li:last-child{ border-right:0;}
#nav li.cur{background:#fff; color:#f60;}
#nav li.cur a{ color:#f60;}
#nav li.cur:first-child{margin-left:0;border-left:1px solid #ddd;}
#nav .r{float: right;width: 70px;height: 40px; margin-top: 10px;}
#nav .r a{display: block; cursor: pointer;}

/* turn and advert ad */
#turnAd {height:460px; background:#fff; position:relative; overflow:hidden; box-shadow:0 3px 5px #ccc;}
#turnAd ul{height:460px; width:100%; background:#fff;overflow:hidden; position:absolute;}
#turnAd ul a{height:460px; width:100%; display:block;}
#turnAd ul li{ float:left;}
#turnTab{text-align:center; position:absolute; top:380px; left:50%; width:200px; height:20px; margin:0 -100px; z-index:1;}
#turnTab span{display:inline-block; margin:0 2px; background:#fff; width:12px; height:0; padding-top:12px;overflow:hidden; cursor:pointer; border-radius:10px; opacity:0.8; filter:alpha(opacity=80)}
#turnTab span.cur{ background:#f60; opacity:1; filter:alpha(opacity=100)}
#turnAd .prev,#turnAd .next{ position:absolute; width:50px; height:30px; margin:-15px 0; top:50%; background:#fff;}
#turnAd .next{ right:0;}
.advert{background:#fff; height:220px; overflow:hidden; box-shadow:0 3px 5px #ccc;}
.advert a{ display:block; height:220px; width:100%;}
/* index main */
#main{background:#fff; margin-bottom:160px; position:relative;}
#main .s-left,#main .s-right{background:#fff; width:680px; margin-top:-50px;}
#main .s-right{ width:300px; height:auto;}
#main .s-right .shadow{ position:absolute; width:20px; height:180px; background-position:-300px -158px; right:-20px; top:0;}

/* features */
.features { padding:10px; height:200px;}
.features li{ float:left; width:180px; padding:0 20px;}
.features h3{ text-align:center; font-size:20px; font-weight:normal; margin-bottom:5px;}
.features h3 a{ display:block; cursor:pointer;}
.features p{ color:#888; text-indent:1em;}

/* consult */
.consult li{ width:100px; float:left; margin-bottom:5px; text-align:center;}
.box .consult li{ margin:5px 15px; _display:inline;}

/* public hd&bd */
.hd{height:32px; line-height:32px; padding:5px 0 5px 0; border-bottom:1px solid #ccc;}
.hd .toggle{ float:right; *margin-top:4px;}
.hd .toggle .cur{ background-color:#f60;}
.hd .toggle span{ padding:2px 6px 3px 6px; margin:0 5px; line-height:15px; background:#666; display:inline-block; border-radius:3px; cursor:pointer; vertical-align:middle;}
.hd .toggle a{cursor: pointer; text-decoration: none;}
.hd h2{ font-size:22px; font-weight:normal;}
.hd h2 i{ vertical-align:text-top; *vertical-align:middle;}
.bd{ padding-top:20px;}
/* list */
.col-list{ border:1px solid #ddd; border-radius:3px; width:328px; float:left;}
.col-list .hd{border:1px solid #fff; border-bottom:0; border-top:2px; border-radius:3px 3px 0 0; padding:3px 4px 5px 19px; background:#f5f5f5; 
    background:-moz-linear-gradient(top, #ffffff, #f3f3f3);
	background:-webkit-linear-gradient(top, #ffffff, #f3f3f3);
	background:-o-linear-gradient(top, #ffffff, #f3f3f3);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#f3f3f3,gradientType=0);}    
.col-list .hd h2{ font-size:18px; font-weight:normal;}
.col-list .hd .more{ float:right;}
.col-list .bd{padding:9px 19px 8px 19px; border-top:1px solid #ddd;}
.col-list .bd li{ height:39px; line-height:39px; border-bottom:1px dotted #ddd; padding:0 5px; overflow:hidden;}}
.col-list .bd li:last-child{height:40px; border-bottom:0;}
.box{ border:1px solid #ccc; background:#fff; padding:9px 4px;}
.list li{ height:35px; line-height:34px; overflow:hidden;}
.list li .time{ float:right; color:#666; font-size:12px;}

/* table */
.tables{border:1px solid #ddd;}
.tables thead th,.tables thead td,.tables tbody th,.tables tbody td,.tables tfoot td {border:1px solid #ddd; padding:2px 3px;}
.tables th{background:#f1f1f1; text-align:center; font-weight:normal;}
.tables td{background:#fff;}
.tables tr.odd th,.tables tbody tr.odd th{background:#f1f1f1;}
.tables thead tr.even th,.tables tbody tr.even th{background:#f8f8f8;}
.tables tr.odd td{background:#f8f8f8;}
.tables tbody tr:hover td,.tables tbody tr:hover th{background:#eee; cursor:pointer;}


/* pro */
.pro { position:relative; margin-bottom:-120px; margin-top:20px;}
.pro .hd{ border-color:#fff;}
.pro .hd h2 a i{ margin-top:2px;} 
.pro .hd h2 a:hover .icon-mypro{width: 140px;} 
.pro .hd h2 a:hover i{ display:inline-block;} 
.pro .bd{ border-top:1px solid #ddd; padding-top:19px; position:relative; margin-bottom:-120px;}
.pro .bd li{ width:240px; height:328px; float:left; margin:0 5px; border-bottom:2px solid #ccc; background:#eee; _overflow:hidden; _display:inline;}
.pro .pic{ margin-bottom:5px; height:75px;line-height:75px;background:#fff; text-align: center; overflow:hidden;}
.pro .pic img{max-width: 240px;max-height:65px;_width: 240px;_height:65px;}
.pro .info{ margin:0 20px 10px 0; color:#666; line-height:25px; position: relative;}
.pro .info dt{position: absolute; width: 40px; text-align: right;}
.pro .info dd{ padding-left: 45px; overflow:hidden; }
.pro .info dd.lineinfo{ height: 50px;}
.pro .price{ font-size:18px; margin-bottom:10px; height:30px;}
.pro .price strong{ font-size:28px; font-weight:normal; color:#f60; font-family:Arial;}
.pro-rent .pic{height:125px;line-height:125px;}
.pro-rent .pic img{max-height: 125px;_width: 240px;_height:125px;}
.pro-rent .info{ white-space:nowrap; overflow:hidden; width:200px;}


/* support */
.support .hd{ border-color:#fff;}
.support .bd{ border-top:1px solid #ddd; padding:19px 20px 20px 20px; position:relative; background:#fff;}
.support .bd span{ position:absolute; width:16px; height:20px; padding:28px 0 32px 0; text-align:center; background:#ddd; top:20px; cursor:pointer;}
.support .bd span:hover{background:#ccc;}
.support .bd .prevBtn{ left:0;border-radius:0 40px 40px 0;}
.support .bd .nextBtn{ right:0;border-radius:40px 0 0 40px;}
.support .con{ width:960px; height:80px; overflow:hidden; position:relative;}
.support .con ul{ position:absolute;}
.support .con li{ float:left;}
.link .con{ height:120px;}
.link .con li{ width:160px;}

/* activit */
.activit{ background:#fff; position:relative;}
.activit .hd{ border:0; height:100px; background:#f55e00;
background-image:-moz-linear-gradient(top, #f47900, #f55e00);
background-image:-o-linear-gradient(top, #f47900, #f55e00);
background-image:-ms-linear-gradient(top, #f47900, #f55e00);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f47900), color-stop(1, #f55e00));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47900', endColorstr='#f55e00', GradientType='0');
}
.activit .hd h2{ color:#fff; text-align:center; font-size:42px; height:100px; line-height:90px; text-shadow:1px 2px 1px rgba(0, 0, 0, 0.5),1px 2px 1px rgba(0, 0, 0, 0.5)}
.activit .hd h2 a{ color:#fff; text-decoration:none;}
.activit .bd{ padding:0;}
.activit .bd li{ height:65px; line-height:65px; font-size:18px; text-align:center;}
.activit .bd li a{ position:relative; padding-right:50px; display:block; height:64px; border:1px solid #ddd; border-top:0; }
.activit .bd li a:hover{ background:#eee; text-decoration:none; box-shadow: 0 0 5px #ccc inset;}
.activit .bd li a i{ position:absolute; right:20px; top:50%; margin-top:-9px;}
.activit .bd li.cur a{ background:#ff6a00; color:#fff; border-color:#ff6a00; text-decoration:none; box-shadow: 0 3px 5px #ac4200 inset;}
.activit .bd li.cur a:hover{ background:#ff6a00; color:#fff;}

.activit .bd li.cur a .circle{background-position:-232px -8px;}
.activit .shadow{ position:absolute; width:270px; height:15px; background-position:0 -308px; left:-1px; bottom:-15px;}

/* conBox */
.conBox{ border:1px solid #ddd;}
.conBox .hd{ height:auto; border:0; padding:20px 29px; line-height:normal;}
.conBox .hd h1{ font-size:24px; font-weight:normal; margin:10px 0;}
.conBox .hd .pic{ float:left; width:120px; height:120px; margin-right:20px;}
.conBox .hd p{ text-indent:2em; color:#666;}
.conBox .bd{padding:19px 29px; width:660px; overflow:hidden;}
.conBox .bd .list li{ border-bottom:1px dashed #ccc; margin-bottom:10px; height:39px; line-height:39px;}

/* article */
.article{ border:1px solid #ddd;}
.article .hd{ height:auto; border-bottom-style:dotted; margin:20px 29px 0 29px; line-height:normal;}
.article .hd h1{ font-size:24px; font-weight:normal; text-align:center; margin:10px 0;}
.article .hd p{color:#666; text-align:right;}
.article .bd{padding:19px 29px; font-size:16px;}
.article .bd p{ margin-bottom:10px; line-height:1.5; text-indent:2em;}
.article .tables{ margin:20px 0;}
.article .tables td,.article .tables th{ padding:9px 4px;}

/* pagination */
.pagination{ text-align:right;}
.pagination a,.pagination span{ display:inline-block; border:1px solid #ccc; border-left:0; width:32px; height:28px; line-height:28px; text-align:center; color:#008acb; font-family:Arial;}
.pagination a.p,.pagination span.p{ border-left:1px solid #ccc; border-radius:3px 0 0 3px;}
.pagination a.n,.pagination span.n{ border-radius:0 3px 3px 0;}
.pagination span{ color:#999; cursor:default;}
.pagination span.cur{ color:#ff7f00;}

/* context */
.context{ padding:19px 29px 20px 29px; border-top:1px dotted #ccc; background:#f5f5f5;}
.context li{float:left; width:48%; margin-right:2%; overflow:hidden; height:25px; line-height:25px; font-size:14px; _display:inline;}
.context li strong{ color:#390;}
.context li span{ float:right; margin-left:10px; color:#999;}

/* about */
.about tbody td p{ text-indent:0!important;}
.about tbody td{ border-right:0!important; border-left:0!important;}

/* pay */
.pay{ margin:0 -30px;}
.pay li{ width:300px; height:270px; margin:0 0 28px 39px; border:1px solid #ddd; float:left; box-shadow:0 0 5px rgba(0,0,0,.2); _display:inline; }
.pay li .pic{ margin-bottom:10px;}
.pay li .info{ line-height:25px; margin:10px 20px}

/* contact */
.contact .pic{ border:1px solid #ddd; height:258px; width:658px; overflow:hidden; margin-bottom:20px;}
.contact li{ font-size:14px;}
.contact h2{ margin-bottom:10px;}
.contact .btn{ display:inline-block; width:160px; height:45px; text-align:center; background:#f55e00; line-height:43px; color:#fff; font-size:18px; text-decoration:none; float:right; border-radius:3px;}
.contact .BMap_bubble_title{color: #f60;}
.contact .BMap_bubble_content{font-size: 12px; color:#666;}

/* pay */
.rent{ margin:0 -30px 0 0; *margin-bottom:28px;}
.rent li{ width:300px; margin:0 39px 28px 0; border:1px solid #ddd; float:left; box-shadow:0 0 5px rgba(0,0,0,.2); _display:inline; }
.rent .pic{ text-align:center; width:280px; height:70px; margin:10px auto; overflow:hidden;}
.rent h2{ padding:0 10px; width:280px; font-size:18px; text-align:center; font-weight:normal; white-space:nowrap; overflow:hidden;}
.rent dl{ margin:10px; color:#666}
.rent dl dt{ position:absolute; width:65px; text-align:right;}
.rent dl dd{ padding:0 0 5px 70px;}
.rent .price{ font-size:16px; margin:20px auto;}
.rent .price strong{ font-size:24px; font-weight:normal; font-family: Arial;}
.rent_room{ height:40px; overflow:hidden;}
.rent_config{ height:60px; overflow:hidden;}

/* host-table */
.host-table .hd{ border:0;}
.host-table .bd{ padding:0 29px;}
.host-table{ font-size:18px; text-align:center; }
.host-table thead th,.host-table thead td{color:#000;}
.host-table td,.pro-details td{ border-right:0!important; border-left:0!important;}
.host-table .orange,.host-table .red{font-family: Arial,"\5fae\8f6f\96c5\9ed1","\5b8b\4f53";}

/* crumbs */
.crumbs{color: #999; border:1px solid #ddd; background:#f8f8f8; padding:7px; font-size:16px;}
/* pro-details */
.pro-details{ padding:29px; border:1px solid #ccc;}
.pro-details .pic{ text-align:center; margin:20px auto;}
.pro-details .bd h1{ font-size:24px; margin:10px auto; font-weight:normal;}
.pro-details .bd p{ text-indent:2em; margin-bottom:5px; line-height:2;}
.pro-details th,.pro-details td{ border-right:0!important; border-left:0!important; background:none;}
.pro-details th{ line-height:32px;}
.pro-details tfoot th,.pro-details tfoot td{background:#f8f8f8; padding:10px 3px;}
.pro-details thead th,.pro-details thead td{ font-size:20px;}
.pro-details .price strong{font-size: 28px;font-weight: normal;}


/* list */
.news{ border:1px solid #ddd; border-radius:3px;}
.news .hd{border:1px solid #fff; border-bottom:0; border-top:2px; border-radius:3px 3px 0 0; padding:3px 4px 5px 19px; background:#f5f5f5; 
    background:-moz-linear-gradient(top, #ffffff, #f3f3f3);
	background:-webkit-linear-gradient(top, #ffffff, #f3f3f3);
	background:-o-linear-gradient(top, #ffffff, #f3f3f3);
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#f3f3f3,gradientType=0);}    
.news .hd h2{ font-size:18px; font-weight:normal; text-align:center;}
.news .hd .more{ float:right;}
.news .bd{padding:9px 9px 8px 9px; border-top:1px solid #ddd; background:#fff;}
.news .bd li{ height:39px; line-height:39px; border-bottom:1px dotted #ddd; padding:0 5px; overflow:hidden;}
.news .bd li:last-child{height:40px; border-bottom:0;}



.s-right2{padding:20px;width:680px;overflow:hidden;}
.s-right2 h2{ font-size:18px; text-align:center; color:#F60; margin-bottom:10px;font-weight: normal;}
.s-right2 img{width:680px;margin-bottom:50px;}

/*join_us*/
.join_table table{
	width: 100%;
	border:1px solid #e5e5e5;
	margin-bottom: 20px;
}
.join_table th,.join_table td{
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #dddddd;
	text-align: center;
	padding: 0 15px;
}
.join_table th{
	background: #ececec;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}
.join_table td{
	font-size: 14px;
}
.join_table .td1{
	width: 260px;
	text-align: left;
}
.join_table td a{
	color: #ff6a00;
}
.td_odd{
	background: #f8f8f8;
}
/*加入我们内容页*/
.joinUs_content .join_title{
	line-height: 30px;
}
.join_conInfor{
	margin-top: 10px;
	font-size: 14px;
	line-height: 30px;
}
.join_conBox{
	padding-top: 20px;
	padding-bottom: 40px;
}
.article .bd .join_conBox p{
	text-indent: 0;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 5px;
}
.article .bd .join_conBox a{
	color: #ff6a00;
}