@charset "utf-8";
html {overflow-y:scroll; font-size:12px;}
body { margin:0; font:12px "\5FAE\8F6F\96C5\9ED1" Arial,sans-serif; background:#fff; color:#444; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { padding:0; margin:0; }
li { list-style-type:none; }
img { vertical-align:top; border:0; }
ol, ul { list-style:none; }
em,i,address, cite, code, th,h1, h2, h3, h4, h5, h6 { font-size:12px; font-weight:normal;  font-style:normal;}

a{ color:#444; text-decoration:none;}
a:hover{ color:#bf1717; text-decoration:underline;}
a.red,.red{ color:#ff0000;}
a.blue,.blue{ color:#2294fe;}
a.blue2,.blue2{ color:#1674bc;}
a.orange,.orange{ color:#fb6e53;}
a.gray,.gray{ color:#989898;}

.f12 a,.f12{ font-size:12px;}
.f14 a,.f14{ font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;}
.f15 a,.f15{ font-size:15px; font-family:\5FAE\8F6F\96C5\9ED1;}
.f16 a,.f16{ font-size:16px; font-family:\5FAE\8F6F\96C5\9ED1;}
.f18 a,.f18{ font-size:18px; font-family:\5FAE\8F6F\96C5\9ED1;}
.f24 a,.f24{ font-size:24px; font-family:\5FAE\8F6F\96C5\9ED1;}

.left{ float:left;}
.right{ float:right;}
.w1000{ width:1000px; margin:0 auto;}

/*设置高度*/
.pd10{ padding-top:10px;}
.pd13{ padding-top:13px;}
.pd15{ padding-top:15px;}
.pd20{ padding-top:20px;}
.pd40{ padding-top:40px;}

.pdl15{ padding-left:15px;}

/*清楚浮动与高度*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}/*清除自身浮动*/
.clear{ clear:both;}
.clear10{ clear:both; height:10px;}
.clear20{ clear:both; height:20px;}
.clear30{ clear:both; height:30px;}

/*top*/
.top{ height:27px; line-height:27px; background-color:#022a3b; color:#FFF;}
.top .left span{ color:#f8c541; padding-left:12px;}
.top .right a{ color:#FFF; }
.top .right a:hover{ color:#de0000; text-decoration:none;}

/*head*/
.head{ background-color:#fff; height:92px;}
.head .logo{ padding-top:19px;}
.head .phone{ margin-left:157px; margin-top:36px; height:27px; line-height:24px; padding-left:34px; display:inline-block; background:url(../images/phone.png) no-repeat left;}
.head .client{ display:block; width:147px; height:42px; line-height:42px; margin-top:24px; background-color:#06a7ea;
    -moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	position:relative;		
	z-index:2;	
	behavior: url(iecss3.htc)
}
.head .client a{ color:#FFF; background:url(../images/bg1.gif) no-repeat right center; padding-right:25px; padding-left:26px;}
.head .client:hover{ background-color:#068cea;}
.head .client:hover a{ text-decoration:none;}

/*nav*/
.nav{ height:62px; background-color:#f7f7f7;}
.nav ul li{ line-height:62px; padding:0 25px; text-align:center; position:relative;float:left;}
.nav ul li h3 a{ display:block; font-size:16px; font-family:\5FAE\8F6F\96C5\9ED1;}
.nav ul li h3 a:hover{ text-decoration:none;}
.nav ul li.on{background-color:#06a7ea; height:60px; line-height:58px; border-top:2px solid #022a3b;}
.nav ul li.on a{ color:#FFF;}
.nav ul .first{width:88px; padding:0;}
.nav ul li.nli h3 { background:url(../images/bg2.gif) no-repeat right center; padding-right:20px;}
.nav ul .nli.on h3{background:url(../images/bg3.gif) no-repeat right center; height:60px;line-height:58px;}

.nav .sub{ display:none; width:133px; left:0; position:absolute; background:#1687d5; line-height:36px; padding:5px 0; z-index:100; zoom:1;  }
.nav .sub a{ display:block; padding:0px 10px; font-size:14px; color:#FFF; }
.nav .sub a:hover{ background:#1068b8; color:#fff; text-decoration:none;  }

.nav .src{ height:32px; line-height:32px; padding-top:13px; }
.nav .src .text{width:150px; height:32px; padding-left:3px; border:1px solid #d5d5d5; border-right:none;float:left;}
.nav .src .btn{background:url(../images/soso.png) no-repeat; width:31px;height:34px;cursor:pointer; border:0; float:left;}

.nav .english select{ height:34px; line-height:34px; border:1px solid #d5d5d5; margin-top:13px; margin-left:10px;}


.justify{display:inline-block;*display:inline;*zoom:1;width:100%; height:1px; font-size:1px; text-indent:0; line-height:0; overflow:hidden;}/*两端对齐*/
.aline-jus{text-align:justify;text-justify :distribute;}/*两端对齐*/

/**通用按钮**/
.button{display:block; width:118px; height:45px; line-height:45px; background-color:#06a7ea; text-align:center; 
    -moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
	position:relative;		
	z-index:2;	
	behavior: url(iecss3.htc)}
.button,.button a{color:#FFF; font-size:14px;}
.button:hover{ background-color:#0687ea; cursor:pointer;}
.button:hover a{ color:#ebee01;text-decoration:none; }

/*段落*/
.per{ color:#666666; line-height:24px;}

/**圆角**/
.round,.rounds li{-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;		
	z-index:2;}

/************机房************/
.ty-room{ height:285px; background-color:#f8f9fb; padding:0 25px; border:1px solid #efefef; margin:0 auto; width:1000px}
.ty-room h3{ line-height:77px;}
.ty-room .img{ width:232px; line-height:161px; border:9px solid #e1effa;}
.ty-room .box{ width:586px; height:163px; padding:16px 30px 0 40px; background-color:#FFF; border:1px solid #f5f5f5;}
.ty-room .hd ul li a{ position:relative; display:block; width:128px; height:38px; line-height:38px; text-align:center; background-color:#ededed; margin-bottom:15px; font-size:16px; color:#666;}
.ty-room .hd li.on a{ background-color:#3ea6ef; color:#FFF; text-decoration:none; cursor:pointer;}
.ty-room .hd li.on a em{ display:inline-block; height:0px; width:0px; font-size:0; line-height:0; border-left:6px solid #3ea6ef; border-top:6px solid #fff; border-bottom:6px solid #fff; position:absolute; top:34%; right:-6px; }/*三角形*/
.ty-room .bd ul{ width:435px;}
.ty-room .bd ul li{ font-size:13px; height:135px; line-height:32px; text-indent:2em; overflow:hidden;}

/**标题nav切换**/
.server-trusttee-nav {zoom:1;padding-bottom:30px;padding-top:30px; margin:0 auto; width:800px;}
.server-trusttee-nav:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.server-trusttee-nav li {float:left;padding:5px 20px;margin-right:20px;background:#d3d3d3; cursor:pointer;}
.server-trusttee-nav li.on {background:#0069a0;color:#fff;}
.icon-telecom {background:url("../images/icon-telecom.png")/*tpa=http://www.pdidc.com.cn/images/icon-telecom.png*/ no-repeat 0 -40px;display:inline-block;width:90px;height:30px; vertical-align:middle;}
.icon-shuang {background:url("../images/icon-shuangxian.png")/*tpa=http://www.pdidc.com.cn/images/icon-shuangxian.png*/ no-repeat 0 -40px;display:inline-block;width:60px;height:30px; vertical-align:middle;}
.server-trusttee-nav li.on .icon-telecom {background-position:0 0;}
.server-trusttee-nav li.on .icon-shuang {background-position:0 0;}
.nav-txt {display:inline-block;font-size:14px;line-height:30px;height:30px;font-weight:600;}
.server-trusttee-list {display:none;}
.hosting ul li{ text-align:center; position:relative;float:left; padding:8px 20px;background-color:#ededed; margin-right:13px;
-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	position:relative;		
	z-index:2;	
	behavior: url(iecss3.htc)
}
.hosting ul li h3 a{ font-size:16px;}
.hosting ul li.on{background-color:#06a7ea;cursor:pointer;}
.hosting ul li.on h3 a{ color:#FFF; text-decoration:none;}
.hosting .sub{ display:none; width:100%; left:0; position:absolute; background:#ededed; line-height:36px; padding:5px 0; z-index:100; zoom:1; top:40px;  }
.hosting .sub a{ display:block; padding:0px 10px; font-size:14px; color:#06a7ea; }
.hosting .sub a:hover{ background:#06a7ea; color:#fff; text-decoration:none;  }

/*页码*/
.fanye{ height:32px; line-height:30px; text-align:center; color:#777;}
.fanye a,.fanye  span,.fanye  em{ display:inline-block; vertical-align:middle;}
.fanye a{ border:1px solid #e3e3e3; padding:0 12px; margin:0 4px;}
.fanye  span{ padding:0 12px; background-color:#3ea6ef; height:32px; color:#fff;}
.fanye .gray{ background-color:#3ea6ef; color:#fff;}


/*售后优势*/
.after{ height:200px; padding-top:48px; background-color:#f0f2f4;}
.merit{ height:130px; border:1px solid #e8e8e8; background-color:#FFF; padding-top:20px;}
.merit dl{ display:inline-block; padding:20px 35px 10px 44px; border-right:1px solid #d0d0d0; float:left;}
.merit dt{ font-size:34px; color:#767676; padding-bottom:8px;}
.merit dt span{ color:#f87154;}
.merit dd{ background:url(../images/bg10.gif) no-repeat left center; height:23px; line-height:23px; padding-left:28px; font-size:16px; color:#666;} 
.merit ul{ float:left; padding-left:55px;}
.merit ul li{ background:url(../images/bg11.png) no-repeat left center; line-height:35px; padding-left:18px; font-size:14px; color:#666;}


/**************************脚部*****************************/
.footer{ border-top:1px solid #015dc5; border-bottom:1px solid #459aea; background-color:#2389e9;}
.footer .f-one,.footer .f-two,.footer .f-three,.footer .sweep{ height:240px; padding-top:36px; float:left;}
.footer .f-one{ width:247px; padding-right:30px; border-right:1px solid #459aea;}
.footer .f-one dd p{ line-height:26px; color:#FFF;}
.footer .f-two{ border-left:1px solid #016fd6; border-right:1px solid #459aea;}
.footer .f-two dl{ padding-left:38px; color:#FFF; float:left;}
.footer .f-two dt{ text-align:center;}
.footer .f-two dd a{ color:#FFF; line-height:25px; text-align:left; padding:0 5px;}
.footer .f-two dd a:hover,.footnav a:hover{color:#fdfa03;}
.footer .list1{ width:182px;}
.footer .list2{ width:148px;}
.footer .list3{ width:120px; padding-right:25px;}
.footer .sweep{ width:130px; color:#FFF; border-left:1px solid #016fd6; text-align:right;}
.footer .sweep dd{ padding-right:4px;}
.footnav{ height:87px; background-color:#253343; border-top:2px solid #016fd6; text-align:center; padding-top:26px;}
.footnav a{ color:#FFF; padding:0 10px; font-size:14px;}





