@charset "utf-8";
/* CSS Document */
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin: 0px;padding: 0px;}
body {font-size:12px; font-family:"宋体";font-weight: normal;text-decoration: none;width:100%;margin:0px auto 0px auto; background:#f0f0f0;min-width:1200px;}
body.i_icon {background: none repeat scroll 0 0 #f0f0f0!important;}
h1,h2,h3,h4,h5,h6{font-family:"";font-size:12px;font-weight: normal;}
ul li{ list-style:none;}
li{ list-style-position:outside; list-style:none; vertical-align:bottom;}
img{ border:0; vertical-align:middle;}
i, em{ font-style:normal;}
table, th, tr, td{}
a:link,a:visited{color:#3f3f3f; text-decoration:none;}
a:hover{color:#ff0000; text-decoration:underline;}

/*框架*/
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;}
.copyright{text-align:center;}
.solid:after{content:'\20';display:block;height:0;clear:both;}
.solid{*zoom:1;}
.left{ float:left;}
.middle{ float:left;}
.right{ float:right;}
.marb6{ margin-bottom:6px; clear:both}
.marb20{ margin-bottom:20px; clear:both}
.clear{clear:both;height:1px; margin-bottom:-1px;*display:inline;overflow:hidden;}
.blue a:link{ color:#00a0e9;}
.blue a:visited{ color:#00a0e9;}
.blue a:hover{ color:#00a0e9;}
.title{ height:52px; line-height:52px; padding:20px 0 0 5px;}
.title h3{ float:left; font-size:24px; font-family:"Microsoft YaHei";}

/*header*/
.header_wap{ width:100%; background:#fff; z-index:11; border-bottom:1px solid #e1e1e1}
.header{ height:100px;}
.header .logo{ float:left; display:inline; margin:20px 0 0 10px; width:221px; height:52px; background:url(../images/logo.png) no-repeat; text-indent:-9999px;}
.header .nav{ float:right; width:920px; z-index:11;}
.header .login{ float:right; height:32px; line-height:32px; text-align:right; position:relative; z-index:1111;}
.header .login li{ float:left; width:80px; text-align:center;}
.header .login .fw{ width:185px;}
.header .login em{ color:#e72726;}
.header .login i{ width:7px; height:5px; display:inline-block; margin:0 5px; background:url(../images/ico.png) no-repeat 0 -16px; vertical-align:1px;}
.header .login .dl{ padding:0; background:url(../images/xian.gif) no-repeat right center;}
.header .login .login_tc{padding:10px;}
.header .login .login_tc li{ padding:5px 0; width:220px;}
.header .login .login_tc .ipt1{ width:180px; height:31px; line-height:31px; border:1px solid #e1e1e1; padding:0 0 0 40px; background:url(../images/i01.gif) no-repeat left #fff; color:#aaaaaa;}
.header .login .login_tc .ipt2{ width:180px; height:31px; line-height:31px; border:1px solid #e1e1e1; padding:0 0 0 40px; background:url(../images/i02.gif) no-repeat left #fff; color:#aaaaaa;}
.header .login .menu{ position:relative; width:80px; text-align:center;}
.header .login .menu .t a{ display:block }
.header .login .menu .tit{background:url(../images/arrow.gif) no-repeat;background-position:58px 13px;}
.header .login .current .tit{ border:1px solid #ddd;}
.header .login #navbox.current .tit{ line-height:30px; height:30px; color:#e72726; text-decoration:none; border-bottom:solid 1px #f0f0f0; position:relative;z-index:1111; background:url(../images/arrow.gif) no-repeat 57px -11px #f0f0f0;}
.header .login .menu .sbn{ display:none; position:absolute; top:31px; left:0px; width:234px; border:1px solid #ddd; z-index:111;}
.header .login #navbox.current .sbn{display:block; background:#f0f0f0;}
.subnav{ float:right; padding:8px 0 0 0;}
.subnav ul{}
.subnav li{ float:left; display:inline; margin:0 10px; padding:0 10px; height:60px; line-height:60px; font-size:16px; text-align:center; font-family:"Microsoft YaHei";}
.subnav li:hover{ height:58px; line-height:59px; line-height:62px/9; *line-height:60px; border-bottom:2px solid #e72726;}
.subnav .cur{ height:58px; line-height:59px; line-height:62px/9; *line-height:60px; border-bottom:2px solid #e72726;}
.subnav li a{ text-decoration:none;}
.subnav .hot{ position:relative;}
.subnav .hot a{ color:#ff6900;}
.subnav .hot i{ width:10px; height:10px; background:url(../images/hot.gif) no-repeat; position:absolute; top:11px; right:0;}
#cloud{ position:relative; z-index:10;}
#cloud.cur{}
#cloud.cur .nr{ display:block;}
.subnav .nr{ width:320px; position:absolute; top:60px; right:0; z-index:10; background:#fff; display:none; -moz-box-shadow:1px 1px 2px #969696;-webkit-box-shadow:1px 1px 2px #969696; box-shadow:1px 1px 2px #969696;}
.subnav .nr .box{ float:left; width:100px;}
.subnav .nr p{ height:32px; line-height:32px; width:100px; font-size:12px;}
.subnav .nr .more{ padding:10px 10px 50px 10px; line-height:24px; background:url(../images/logos.png) no-repeat center 60px #f5f5f5; font-size:12px; text-align:left; color:#aaaaaa;}

/* flexslider */
/*.flexslider{position:relative;height:386px;overflow:hidden; margin-top:3px;}*/
.flexslider{position:relative;height:386px;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.slides li a{ display:block; height:386px;} /* chy */
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;*bottom:20px;_bottom:10px;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;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:40%;}
.flex-direction-nav li a{display:block;width:65px;height:65px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px; background:url(../images/lh.png) no-repeat 0px 0px;}
.flex-direction-nav li a.flex-prev:hover{background:url(../images/lh.png) no-repeat 0px -170px;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/lh.png) no-repeat 0px -85px;}
.flex-direction-nav li a.flex-next:hover{ background:url(../images/lh.png) no-repeat 0px -255px;}

/*leftLoop2*/
.leftLoop2{ width:100%; height:386px; position:relative; margin:0 auto;}
.leftLoop2 .hd{ height:20px; overflow:hidden; position:absolute; left:50%; margin-left:-34px; bottom:10px; z-index:1; background:url(../images/tiao.png) 0px -60px; padding:0 0 0 10px;}
.leftLoop2 .hd ul{ height:20px; line-height:20px; zoom:1; background:url(../images/tiao.png) right -40px; padding:0 4px 0 0;}
.leftLoop2 .hd ul li{ float:left; width:12px; height:12px; margin:4px 5px 0 0; cursor:pointer; background:url(../images/lh.png) no-repeat 0px -340px;}
.leftLoop2 .hd ul li.on{ background:url(../images/lh.png) no-repeat 0px -372px; }
.leftLoop2 .next{ width:65px; height:65px; background:url(../images/lh.png) no-repeat 0px 0px; position:absolute; top:160px; left:10px; z-index:1; cursor:pointer;}
.leftLoop2 .next:hover{ background:url(../images/lh.png) no-repeat 0px -170px;}
.leftLoop2 .prev{ width:65px; height:65px; background:url(../images/lh.png) no-repeat 0px -85px; position:absolute; top:160px; right:10px; z-index:1; cursor:pointer;}
.leftLoop2 .prev:hover{ background:url(../images/lh.png) no-repeat 0px -255px;}
.leftLoop2 .bd{ position:relative; height:100%; z-index:0;   }
.leftLoop2 .bd img{ width:1903px; height:386px;}
.leftLoop2 .bd li{ width:100%; margin:0 auto;}

/*product*/
.p1, .p2, .p3, .p4, .p5, .p6{ background:url(../images/product.gif) no-repeat;}
.product{ background:#fff;}
.product ul{ overflow:hidden; /*position:relative;*/}
.product li{ float:left; width:239px; height:270px; text-align:center; cursor:pointer; padding:20px 0; position:relative; }
.product h3{ font-size:18px; line-height:32px; font-family:"Microsoft YaHei";}
.product i{ display:block; width:80px; height:80px; margin:10px auto;}
.product b{ width:1px; height:310px; position:absolute; right:-1px; top:0; background:url(../images/xian3.gif) repeat-y;}
.product strong{ width:1px; height:310px; position:absolute; right:-1px; top:0; }

.product .p1{ background-position:0 0;}
.product .p2{ background-position:0 -80px;}
.product .p3{ background-position:0 -160px;}
.product .p4{ background-position:0 -240px;}
.product .p5{ background-position:0 -320px;}
.product em{ line-height:26px;}
.product span{ color:#ff6900;}
.product .buy{ display:block; width:241px; height:310px; background:url(../images/buy1.gif) no-repeat 45px 230px; text-indent:-9999px; position:absolute; left:0; top:0;}
.product .buy:hover{ background:url(../images/buy2.gif) no-repeat 44px 230px;}

/*preferential*/
.tit3{ height:58px; line-height:58px;}
.tit3 h3{ float:left; font-size:20px; font-family:"Microsoft YaHei"; padding:0 0 0 5px;}
.tit3 span{ float:right; font-size:14px; padding:0 10px 0 0;}
.preferential{ float:left; width:585px; overflow:hidden; }
.preferential .nr{ width:583px; border:1px solid #e1e1e1; background:#fff; overflow:hidden; }
.leftLoop{ width:583px; overflow:hidden; position:relative;}
.leftLoop .hd{ overflow:hidden; padding:10px 0;}
.leftLoop .hd ul{ overflow:hidden; zoom:1; margin:0 auto; width:100px;}
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.leftLoop .hd ul li.on{ background:#ff6900; }
.leftLoop .bd{}
.leftLoop .bd ul{ overflow:hidden; zoom:1; }
.leftLoop .bd ul li{  width:543px; float:left; _display:inline; overflow:hidden; padding:20px;}
.leftLoop .bd .text{ float:left; width:370px; padding:0 0 0 10px;}
.leftLoop .bd .text h4{ font-size:18px; font-family:"Microsoft YaHei"; line-height:32px; padding:15px 0 0 0;}
.leftLoop .bd .text h3{ line-height:24px; color:#626262; font-size:14px;}
.leftLoop .bd .text p{ line-height:24px; color:#898989; font-size:14px;}
.leftLoop .bd .pic{ float:right; padding:20px 30px 0 0;}

/* chy */
.rightLoop{ overflow:hidden;}
.rightLoop .hd{ overflow:hidden; padding:10px 0;}
.rightLoop .hd ul{ overflow:hidden; zoom:1; margin:0 auto; width:100px;}
.rightLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.rightLoop .hd ul li.on{ background:#ff6900; }
.rightLoop .bd{}
.rightLoop .bd ul{ overflow:hidden; zoom:1; }
.rightLoop .bd ul li{  /*width:543px;*/ float:left; _display:inline; overflow:hidden; padding:17px 0;}
.rightLoop .bd .text{ float:left; width:370px; padding:0 0 0 10px;}
.rightLoop .bd .text h4{ font-size:18px; font-family:"Microsoft YaHei"; line-height:32px; padding:15px 0 0 0;}
.rightLoop .bd .text h3{ line-height:24px; color:#626262; font-size:14px;}
.rightLoop .bd .text p{ line-height:24px; color:#898989; font-size:14px;}
.rightLoop .bd .pic{ float:left; padding:20px 45px 0;}
.rightLoop .bd .content{ display:none;}

.innovate{ float:right; width:585px; overflow:hidden; }
.innovate .nr{ width:583px; border:1px solid #e1e1e1; background:#fff; position:relative; overflow:hidden; }
/*
.innovate .detail{ width:581px; height:190px; display:none; position:absolute; top:0; left:0; padding:20px 0; }
.innovate .detail .text{
    display:none;
    margin-left:160px;
    background-color:red;
    height:100%;
    z-index:99999;
}
*/

.picList li{ width:565px;}
.innovate .detail{ width:581px; height:190px; display:none; position:absolute; top:0; left:0; padding:17px 0; }
.innovate-image{margin-left:14px;margin-top:20px;display:block;width:160px;height:100%;float:left;/*background-color:red;*/background-color:#FFFFFF;text-align:center;z-index:99999;}
.innovate-content{display:block;margin-left:160px; /*background-color:blue;*/background-color:#FFFFFF;height:100%; z-index:99999;}
.innovate-content .content{padding-top:20px;padding-left:20px;color: #636363;font-size:14px;line-height:30px;}
.innovate-content .content .orange{color:#fd6900;}
.innovate-content .content .blue{color:#00a1e9;}

.leftLoop1{ overflow:hidden; position:relative;}
.leftLoop1 .hd{ overflow:hidden; padding:10px 0;}
.leftLoop1 .hd ul{ overflow:hidden; zoom:1; margin:0 auto; width:100px;}
.leftLoop1 .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.leftLoop1 .hd ul li.on{ background:#ff6900; }
.leftLoop1 .bd{}
.leftLoop1 .bd ul{ overflow:hidden; zoom:1; }
.leftLoop1 .bd ul li{ float:left; _display:inline; overflow:hidden; padding:20px;}

.product .box{ border:1px solid #d9d9d9; border-right:0; width:241px;}
.product .box:hover{ border:1px solid #ff0000; width:240px;}
.product .box:hover b{ background:none; width:0px; height:0;}

.product .box1{ border:1px solid #d9d9d9; border-left:0; border-right:0;}
.product .box1:hover{ border:1px solid #ff0000; width:237px;}
.product .box1:hover b{ background:none; width:0px; height:0;}

.product .box3{ border:1px solid #d9d9d9; border-left:0;:0; width:240px;}
.product .box3:hover{ border:1px solid #ff0000; width:239px;}
.product .box3:hover strong{ background:none; width:0px; height:0;}

/*shuzi*/
.shuzi{ border:1px solid #e1e1e1; background:#fff;}
.shuzi li{ float:left; width:239px; background:url(../images/bg2.gif) no-repeat right center; padding:25px 0;}
.shuzi h3{ padding:20px; line-height:32px; font-size:46px; text-align:center;}
.shuzi p{ text-align:center; line-height:24px; color:#898989;}
.shuzi p span{ color:#ff6900;}
.shuzi .none{ background:none;}

/*newtrends*/
.tit2{ height:58px; line-height:58px; padding:0 25px; border-bottom:1px solid #e1e1e1;}
.tit2 h3{ float:left; font-size:20px; font-family:"Microsoft YaHei";}
.tit2 span{ float:right;}
.newtrends{ float:left; border:1px solid #e1e1e1; background:#fff; width:585px;}
.newtrends .nr{ padding:10px 0 10px 10px;}
.newtrends .nr li{ float:left; width:560px; height:34px; line-height:34px; border-bottom:1px dashed #d9d9d9;}
.newtrends .nr h4{ float:left; font-size:14px;}
.newtrends .nr span{ float:right; color:#aaaaaa;}

/*client*/
.client{ border:1px solid #e1e1e1; height:250px; background:#fff;}
.leftLoop_client{ overflow:hidden; position:relative;}
.leftLoop_client .mask_left{ width:480px; _width:480px; height:180px; _height:0px; background:#fdfcfc; filter:alpha(opacity=40); opacity:0.4; position:absolute; left:0; top:0; z-index:11;}
.leftLoop_client .mask_text1{ width:480px; height:40px; background:#fff; position:absolute; left:0; top:140px; z-index:111;}
.leftLoop_client .mask_right{ width:480px; _width:480px; height:180px; _height:0px; background:#fdfcfc; filter:alpha(opacity=40); opacity:0.4; position:absolute; right:0; top:0; z-index:11;}
.leftLoop_client .mask_text2{ width:480px; height:40px; background:#fff; position:absolute; right:0; top:140px; z-index:111;}
.leftLoop_client .hd{ /* position:absolute; */ left:480px; top:175px;}
.leftLoop_client .hd ul{ zoom:1; margin:0 auto; width:240px; position:relative; height:30px; z-index:1111;}
.leftLoop_client .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.leftLoop_client .hd .on .js1{width:1200px; position:absolute; top:39px; left:30px; display:block; text-align:center;_overflow:visible;}
.leftLoop_client .hd .on .js2{width:1200px; position:absolute; top:39px; left:50px; display:block; text-align:center;_overflow:visible;}
.leftLoop_client .hd .on .js3{width:1200px; position:absolute; top:39px; left:50px; display:block; text-align:center;_overflow:visible;}
.leftLoop_client .hd .on .js4{width:1200px; position:absolute; top:39px; left:-220px; display:block; text-align:center;_overflow:visible;}
.leftLoop_client .hd .on .js5{width:1200px; position:absolute; top:39px; left:-240px; display:block; text-align:center;_overflow:visible;}
.leftLoop_client .hd .js1, .js2, .js3, .js4, .js5{ display:none;}
.leftLoop_client .bd{}
.leftLoop_client .bd ul{ zoom:1; }
.leftLoop_client .bd ul li{  width:240px; height:175px; background:url(../images/client_xian.gif) no-repeat right center; float:left; _display:inline; text-align:center; position:relative;}
.leftLoop_client .bd ul li img{ margin:60px auto 0 auto;}
.leftLoop_client .bd ul li p{ width:240px; position:absolute; bottom:-1px; left:0; text-align:center; font-size:18px; font-family:"Microsoft YaHei";}
.leftLoop_client .hd .prev{ display:block;  width:18px; height:25px; line-height:10px;overflow:hidden;  cursor:pointer; background:url(../images/gn_right.gif) center no-repeat; position:absolute; right:-58px; right:-58px/9; *right:-26px; _right:-px; top:-23px; top:-23px/9; *top:-7px; _top:--7px; z-index:1111;}
.leftLoop_client .hd .next{
	display:block;
	width:18px;
	height:25px;
	line-height:10px;
	overflow:hidden;
	cursor:pointer;
	background:url(../images/gn_left.gif) center no-repeat;
	position:absolute;
	left:-56px;
	top:-23px;
	z-index:1111;
}
.client .sm{ text-align:center; padding:0 0 30px 0; color:#898989; font-size:14px;}

/*afterservice*/
.service{ float:right; width:585px; border:1px solid #e1e1e1; background:#fff;}
.service .nr{ padding:12px 15px 11px 15px;}
.service .nr .text{ float:left; width:410px; font-size:14px;}
.service .nr .text p{ line-height:32px;}
.service .nr .text span{ color:#ff6900;}
.service .nr .text .s{ padding:10px 0;}
.service .nr .text .s li{ float:left; width:95px; height:24px; line-height:24px; padding:0 0 0 30px;}
.service .nr .text .s1{ background:url(../images/sh.png) no-repeat 0 0;}
.service .nr .text .s2{ background:url(../images/sh.png) no-repeat 0 -24px;}
.service .nr .text .s3{ background:url(../images/sh.png) no-repeat 0 -48px;}
.service .nr .ewm{ float:right; padding:20px 20px 0 0;}







/************************ 2014.06.17 mark css ***********************/

/** Fixed Bar Start **/
.fixed-bar{ width:100%; height:70px; overflow:hidden; background:url(../images/wt-opt-bg.png) repeat; border-bottom:1px solid #e1e1e1; position:fixed; left:0; top:-75px; z-index:2000; _position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||(document.documentElement.clientWidth*0)));_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||(document.documentElement.clientHeight*1-71))))}
.fixed-bar .cons{ height:70px; width:1200px; margin:0 auto; overflow:hidden;}
.fixed-bar .bread-cast{ height:22px; float:left; width:400px; overflow:hidden; margin-top:25px; color:#898989; font:14px/20px microsoft yahei;}
.fixed-bar .bread-cast span{ padding:0 3px; font:14px/20px simsun;}
.fixed-bar .bread-cast a{ color:#898989; font:14px/20px microsoft yahei;}
.fixed-bar .view-cart-btn{ display:block; height:32px; width:110px; font:14px/32px microsoft yahei; color:#fefefe; text-align:center; outline:none; float:right; border-radius:3px; background:#e72726; margin-top:19px;}
.fixed-bar .hd{ display:block; height:20px; font:14px/20px microsoft yahei; float:right; margin-right:40px; margin-top:25px; color:#898989; outline:none;}
.static-breads{ position:static; _left:0; _top:0; background:#fff; border-bottom:1px solid #e1e1e1; margin-top:-40px;}
/** Fixed Bar End **/

/** Quick Navigator Start **/
.quick-nav{ width:60px; overflow:hidden; height:auto; position:fixed; right:20px; top:50%; margin-top:-100px; z-index:2222; background:#fff; _position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||(document.documentElement.clientWidth*0+20)));_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||(document.documentElement.clientHeight*0.5-71))))}
.quick-nav li{ height:30px; overflow:hidden;}
.quick-nav li span{ display:block; height:30px; font:12px/30px microsoft yahei; color:#aaa; float:left; padding-left:5px;}
.quick-nav i{ display:block; height:13px; width:13px; float:right; background:url(../images/quick-nav-dot-off.jpg) no-repeat center; margin-top:8px;/*transition:background linear 0.1s;*/ cursor:pointer;}
.quick-nav .on i{ background:url(../images/quick-nav-dot-on.jpg) no-repeat center;}
.quick-nav li:hover i{ background:url(../images/quick-nav-dot-on.jpg) no-repeat center;}
/** Quick Navigator End **/

/** Compatility Ie6 Start **/
/* .cis{ _background:url(../images/index_body_bg.gif); _background-attachment:fixed;} */
/** Compatility Ie6 End **/

/** Commons Style Start **/
.common-h1-tit{ height:50px; font:32px/50px microsoft yahei; color:#626262; overflow:hidden; text-align:left; background:url(../images/tit-lft-v-bg.jpg) no-repeat 0 70px; padding:60px 0 35px 25px;}
.common-h1-tit b{ font:bold 32px/50px microsoft yahei; color:#626262;}
.common-h1-tit .b-tit{ display:block; height:50px; font:bold 32px/50px microsoft yahei; color:#626262; float:left;}
.common-h1-tit span{ display:block; height:22px; font:18px/22px microsoft yahei; color:#898989; float:left; margin-left:20px; margin-top:23px;}
.relas{ position:relative; left:0; top:0;}
/** Commons Style End **/

/** Dialog Start **/
.dialog-conts{ position:absolute; left:0; top:0; z-index:5000; width:100%; height:100%; overflow:hidden; display:none;}
.dialog-conts .opt{ opacity:0.6; filter: Alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; position:absolute; left:0; top:0; z-index:5; overflow:hidden; height:100%; width:100%; background:#000;}
.dialog-conts .dc-cms-con{ height:auto; background:#fff; width:778px; border:1px solid #e2e2e2; position:absolute; left:50%; margin-left:-389px; top:100px; z-index:10; padding:38px 0 35px 0; border-radius:4px;}
.dc-cms-con .close-btn{ height:17px; width:17px; cursor:pointer; background:url(../images/cls-btn.gif) no-repeat 0 0; position:absolute; right:13px; top:15px;}
.dc-cms-con .dcc-con{ height:auto;}
.dc-cms-con .dcc-con li{ height:auto; zoom:1; padding-top:10px;}
.dc-cms-con .dcc-con .lft-tts{ height:46px; padding-right:22px; width:78px; overflow:hidden; float:left; font:18px/46px microsoft yahei; color:#4b4b4b; text-align:right; display:block; margin-top:10px;}
.dc-cms-con .dcc-con .rit-sel{ width:640px; overflow:hidden; float:left; zoom:1;}
.dc-cms-con .rit-sel .rs-in{ width:650px; overflow:hidden; zoom:1;}
.dc-cms-con .rit-sel .rs-in a{ display:block; overflow:hidden; float:left; margin-right:10px; margin-top:10px; width:118px; height:44px; border:1px solid #e2e2e2; outline:none; font:14px/44px microsoft yahei; color:#313131; text-align:center; white-space:nowrap; transition:border-color linear 0.2s,color linear 0.2s;}
.dc-cms-con .rit-sel .rs-in .long{ width:156px;}
.dc-cms-con .rit-sel .rs-in a:hover{ border:1px solid #ff8306; color:#ff6900; text-decoration:none;}
.dc-cms-con .rit-sel .rs-in .on{ border:1px solid #ff8306; color:#ff6900;}
.dc-cms-con .rit-sel .rs-in .disabled{ background:#f8f8f8;}
.dc-cms-con .rit-sel .rs-in .disabled:hover{ color:#313131; background:#f8f8f8; border:1px solid #e2e2e2; text-decoration:none;}
.dcc-con .number-con{ height:45px; width:161px; padding-left:25px; float:left; text-align:left; border:1px solid #e1e1e1; overflow:hidden; margin-top:10px; zoom:1;}
.dcc-con .number-con input{ display:block; height:23px; margin-top:11px; width:68px; float:left; padding-left:0; text-align:center; font:14px/23px microsoft yahei; color:#585858; border:none; background:none;}
.dcc-con .number-con .unit{ display:block; height:45px; font:14px/45px microsoft yahei; color:#585858; float:left;}
.dcc-con .number-con .pl-mn{ width:37px; float:right; overflow:hidden; height:auto; border-left:1px solid #e1e1e1;}
.dcc-con .number-con .pl-mn span{ display:block; height:23px; border-bottom:1px solid #e1e1e1; cursor:pointer;}
.dcc-con .number-con .pl-mn .plus-btn{ background:#f8f8f8 url(../images/plus-sign.jpg) no-repeat center;}
.dcc-con .number-con .pl-mn .minus-btn{ background:#f8f8f8 url(../images/minus-sign.jpg) no-repeat center;}
.dcc-con .time-span{ padding-left:25px; margin-left:10px;}
.dcc-con .time-span input{ width:100px; +margin-left:-5px; _margin-left:-5px;}
.dcc-con .monitor-select{ height:45px; width:186px; float:left; text-align:left; border:1px solid #e1e1e1; position:relative; left:0; top:0; margin-top:10px; zoom:1;}
.dcc-con .monitor-select .values{ height:22px; border:none; background:none; text-align:center; font:14px/23px microsoft yahei; width:136px; float:left; margin-left:6px; _margin-left:3px; margin-top:11px;}
.dcc-con .monitor-select .rit-ars{ width:37px; float:right; overflow:hidden; height:45px; border-left:1px solid #e1e1e1; background:#f8f8f8 url(../images/ar-b-gr.jpg) no-repeat center;}
.dcc-con .monitor-select .chi-con{ height:auto; overflow:hidden; position:absolute; left:-1px; top:44px; width:188px; display:none; overflow:hidden; background:#fff;}
.dcc-con .monitor-select .chi-con .in-con{ border:1px solid #e1e1e1; width:186px; overflow:hidden;}
.dcc-con .monitor-select .chi-con .opts{ display:block; height:32px; font:14px/32px microsoft yahei; text-align:left; padding-left:31px; overflow:hidden; outline:none; cursor:default; color:#585858; transition:background linear 0.2s;}
.dcc-con .monitor-select .chi-con .alc{ padding-left:0; text-align:center;}
.dcc-con .monitor-select .chi-con .opts:hover{ background:#f8f8f8; text-decoration:none;}
.dcc-con .prs-num{ display:block; height:47px; font:30px/47px Arial, Helvetica, sans-serif,microsoft yahei; float:left; color:#e72726; margin-top:10px;}
.dcc-con .prs-unt{ display:block; height:22px; font:18px/22px microsoft yahei; color:#e72726; padding-left:4px; float:left; margin-top:25px;}
.dc-cms-con .dcc-con .auto{ overflow:visible; height:60px;}
.dc-cms-con .add-cart-btn-row{ text-align:center; height:45px; overflow:hidden; padding:20px 0 0 0;}
.dc-cms-con .add-cart-btn-row .btn{ border:none; height:45px; width:156px; display:inline-block; *display:inline; zoom:1; border-radius:4px; font:18px/45px microsoft yahei; background:#e72726; color:#fefefe; text-align:center;}
.dc-cms-con .add-cart-btn-row .btn:hover{ text-decoration:none;}
.dc-cms-con .des-cons{ padding:10px 80px 10px 100px; overflow:hidden; font:14px/24px microsoft yahei; color:#4c4c4c; text-align:left;}
.re-zd2{ position:relative; left:0; top:0; z-index:2;}
.re-zd3{ position:relative; left:0; top:0; z-index:3;}
.re-zd4{ position:relative; left:0; top:0; z-index:4;}
.re-zd5{ position:relative; left:0; top:0; z-index:5;}
.re-zd6{ position:relative; left:0; top:0; z-index:6;}
.re-zd7{ position:relative; left:0; top:0; z-index:7;}
.re-zd8{ position:relative; left:0; top:0; z-index:8;}
/** Dialog End **/

/** Server Rental Start **/
.common-container{ height:auto; width:1200px; overflow:hidden; margin:0 auto; padding:40px 0;}

/* row box 1 */
.row-box-1{ height:auto; border-bottom:1px solid #e1e1e1; padding-bottom:50px;}
.row-box-1 .rb1-lft{ float:left; height:auto; width:890px;}
.row-box-1 .rb1-lft .tit{ height:32px; overflow:hidden; zoom:1; padding-right:20px;}
.row-box-1 .rb1-lft .tit h2{ float:left; height:32px; font:20px/32px microsoft yahei; color:#313131;}
.row-box-1 .rb1-lft .tit a{ display:block; height:20px; float:right; font:12px/20px microsoft yahei; color:#ff6900}

.rb1-lft .option-con{ height:auto; padding-top:8px;}
.rb1-lft .option-con li{ height:auto; overflow:hidden; zoom:1; padding-top:8px;}
.rb1-lft .option-con .lft-cir-tit{ display:block; height:69px; width:69px; background:url(../images/cir-off.jpg) no-repeat 0 0; text-align:center; font:16px/69px microsoft yahei; color:#898989; outline:none; float:left; transition:background linear 0.1s;}
.rb1-lft .option-con .hover .lft-cir-tit{ background:url(../images/cir-on.jpg) no-repeat 0 0; color:#fff;}
.option-con .rit-opts{ width:765px; float:right; overflow:hidden; zoom:1;}
.option-con .rit-opts a{ display:block; overflow:hidden; float:left; margin-right:10px; width:138px; height:44px; border:1px solid #e2e2e2; outline:none; font:14px/44px microsoft yahei; color:#313131; text-align:center; white-space:nowrap; margin-top:10px; transition:border-color linear 0.2s,color linear 0.2s;}
.option-con .rit-opts a:hover{ border:1px solid #ff8306; color:#ff6900; text-decoration:none;}
.option-con .rit-opts .on{ border:1px solid #ff8306; color:#ff6900;}
.option-con .rit-opts .disabled{ background:#f8f8f8;}
.option-con .rit-opts .disabled:hover{ color:#313131; background:#f8f8f8; border:1px solid #e2e2e2; text-decoration:none;}

.option-con .number-con{ height:45px; width:161px; padding-left:25px; float:left; margin-left:56px; text-align:left; border:1px solid #e1e1e1; overflow:hidden; margin-top:10px; zoom:1;}
.option-con .number-con input{ display:block; height:23px; margin-top:11px; width:68px; float:left; padding-left:0; +margin-left:-55px; _margin-left:-30px; text-align:center; font:14px/23px microsoft yahei; color:#585858; border:none; background:none;}
.option-con .number-con .unit{ display:block; height:45px; font:14px/45px microsoft yahei; color:#585858; float:left;}
.option-con .number-con .pl-mn{ width:37px; float:right; overflow:hidden; height:auto; border-left:1px solid #e1e1e1;}
.option-con .number-con .pl-mn span{ display:block; height:23px; border-bottom:1px solid #e1e1e1; cursor:pointer;}
.option-con .number-con .pl-mn .plus-btn{ background:#f8f8f8 url(../images/plus-sign.jpg) no-repeat center;}
.option-con .number-con .pl-mn .minus-btn{ background:#f8f8f8 url(../images/minus-sign.jpg) no-repeat center;}

.option-con .time-span{ padding-left:25px; margin-left:10px;}
.option-con .time-span input{ width:100px; +margin-left:-5px; _margin-left:-5px;}

.option-con .monitor-select{ height:45px; width:186px; float:left; margin-left:56px; text-align:left; border:1px solid #e1e1e1; position:relative; left:0; top:0; margin-top:10px; zoom:1;}
.option-con .monitor-select .values{ height:22px; border:none; background:none; text-align:center; font:14px/23px microsoft yahei; width:120px; float:left; margin-left:6px; _margin-left:3px; margin-top:11px; *margin-left:-50px;}
.option-con .monitor-select .rit-ars{ width:37px; float:right; overflow:hidden; height:45px; border-left:1px solid #e1e1e1; background:#f8f8f8 url(../images/ar-b-gr.jpg) no-repeat center;}
.option-con .monitor-select .chi-con{ height:auto; overflow:hidden; position:absolute; left:-1px; top:44px; width:188px; display:none; overflow:hidden; background:#fff;}
.option-con .monitor-select .chi-con .in-con{ border:1px solid #e1e1e1; width:186px; overflow:hidden;}
.option-con .monitor-select .chi-con .opts{ display:block; height:32px; font:14px/32px microsoft yahei; text-align:left; padding-left:31px; overflow:hidden; outline:none; cursor:default; color:#585858; transition:background linear 0.2s;}
.option-con .monitor-select .chi-con .opts:hover{ background:#f8f8f8; text-decoration:none;}
.option-con .prs-num{ display:block; height:47px; font:28px/47px Arial, Helvetica, sans-serif,microsoft yahei; float:left; color:#ff6222; margin-left:56px; margin-top:10px;}
.option-con .prs-unt{ display:block; height:47px; font:16px/47px microsoft yahei; color:#626262; padding-left:8px; float:left; margin-top:10px;}

.rb1-lft .option-con .auto{ overflow:visible; height:69px;}
.rb1-lft .add-cart-btn-row{ text-align:center; height:45px; overflow:hidden; padding:25px 0;}
.rb1-lft .add-cart-btn-row .btn{ border:none; height:45px; width:152px; background:#e72726 url(../images/add-icon.jpg) no-repeat 35px center; display:inline-block; *display:inline; zoom:1; border-radius:4px; padding-left:58px; text-align:left; font:18px/45px microsoft yahei; color:#fefefe;}
.rb1-lft .add-cart-btn-row .btn:hover{ text-decoration:none;}

/* row box 1 */
.row-box-1 .rb1-rit{ height:auto; float:right; width:257px; border-left:1px solid #e1e1e1; overflow:hidden; padding-left:33px;}
.rb1-rit h2{ height:32px; font:18px/32px microsoft yahei; text-align:left; color:#313131;}
.rb1-rit h2 a{ display:block; height:22px; font:12px/22px microsoft yahei; color:#ff6900; float:right; margin-top:5px;}
.rb1-rit .gd-paras{ font-size:14px; font-family:microsoft yahei; color:#626262; text-align:left; line-height:190%; overflow:hidden; padding:8px 0;}
.rb1-rit .more-gd{ height:20px; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #e1e1e1;}
.rb1-rit .more-gd a{ display:block; height:20px; padding-left:18px; float:left; background:url(../images/more-icon.jpg) no-repeat 0 center; font:12px/20px microsoft yahei; color:#ff6900;}
.rb1-rit .buy-refrence{ padding-bottom:20px; border-bottom:1px solid #e1e1e1; margin-bottom:10px;}
.rb1-rit .buy-refrence li{ overflow:hidden; zoom:1; margin-top:20px;}
.rb1-rit .buy-refrence .imgs{ display:block; height:43px; width:44px; overflow:hidden; float:left; border:1px solid #dfdfdf}
.rb1-rit .buy-refrence .r-des{ width:196px; line-height:24px; font-size:14px; font-family:microsoft yahei; text-align:left; color:#898989; float:right; overflow:hidden; margin-top:-4px;}
.rb1-rit .cart-list{ height:95px; overflow:hidden;}
.rb1-rit .cart-list li{ overflow:hidden; zoom:1; padding:7px 0; height:31px; border-bottom:1px dashed #d9d9d9;}
.rb1-rit .cart-list li .gd-t{ width:155px; color:#626262; float:left; height:31px; line-height:31px; font-family:microsoft yahei; overflow:hidden; text-overflow:ellipsis; zoom:1; white-space:normal;}
.rb1-rit .cart-list li input{ display:block; height:21px; line-height:21px; text-align:center; border:1px solid #fff; float:left; font-family:microsoft yahei; color:#626262; width:53px; margin-left:15px; padding:4px 0; transition:border-color linear 0.2s;}
.rb1-rit .cart-list li .dele{ display:none; height:18px; width:17px; background:url(../images/dele-btn-off.jpg) no-repeat 0 0; float:right; margin-top:7px; cursor:pointer; transition:background linear 0.2s;}
.rb1-rit .cart-list li .dele:hover{ background:url(../images/dele-btn-on.jpg) no-repeat 0 0;}
.rb1-rit .cart-list .hover input{ border:1px solid #e2e2e2;}
.rb1-rit .cart-list .hover .dele{ display:block;}
.rb1-rit .ram-rom-con{ border-bottom:1px solid #e1e1e1; background:#f8f8f8; font:14px/24px microsoft yahei; color:#aaa; padding:5px 15px;}
.rb1-rit .gd-prs-ct{ font-family:microsoft yahei; font-size:14px; line-height:200%; text-align:left; color:#898989; overflow:hidden; padding:5px 0;}
.rb1-rit .gd-prs-ct b{ font-size:14px; color:#ea0b0a; line-height:200%;}
.rb1-rit .gd-prs-ct .prs{ font-size:16px;}
.rb1-rit .count-btn-row{ height:40px; padding-top:15px; overflow:hidden;}
.rb1-rit .count-btn-row a{ display:block; height:40px; width:150px; text-align:center; border-radius:3px; background:#e72726; font:18px/40px microsoft yahei; color:#fefefe; outline:none; border:none; margin:0 auto;}
.rb1-rit .count-btn-row a:hover{ text-decoration:none;}

/* row box 2 */
.row-box-2{ height:auto; overflow:hidden; border-bottom:1px solid #e1e1e1; padding-bottom:60px;}
.row-box-2 .rb2-con{ height:420px; width:1010px; margin:0 auto; overflow:hidden;} 
.row-box-2 .sec-tips{ height:85px; text-align:left; overflow:hidden; font:18px/24px microsoft yahei; color:#898989}
.row-box-2 .lft-img{ display:block; position:absolute; left:-100px; top:92px;}
.row-box-2 .rit-row{ height:70px; padding:2px 0; border-bottom:1px solid #e1e1e1; width:340px;}
.row-box-2 .rit-row .num{ display:block; height:60px; font:60px/70px Arial, Helvetica, sans-serif,microsoft yahei; color:#aab2bd; float:left; overflow:hidden;}
.row-box-2 .rit-row .units{ display:block; height:20px; font:14px/20px microsoft yahei; color:#aab2bd; float:left; margin-top:36px;}
.row-box-2 .rit-row .des{ height:38px; border-left:1px dashed #d9d9d9; overflow:hidden; float:right; padding-left:26px;width:160px; margin-top:14px;}
.row-box-2 .rit-row .des span{ display:block; margin-top:-5px; text-align:left; font:14px/23px microsoft yahei; color:#aab2bd; }
.row-box-2 .rr1{ position:absolute; right:-340px; top:150px;}
.row-box-2 .rr2{ position:absolute; right:-340px; top:230px;}
.row-box-2 .rr3{ position:absolute; right:-340px; top:310px; border-bottom:none;}

/* row box 3 */
.row-box-3{ height:671px; overflow:hidden; border-bottom:1px solid #e1e1e1; padding-bottom:50px; position:relative; left:0; top:0;}
.row-box-3 .rb3-con{ width:890px; position:absolute; left:50%; margin-left:-445px; top:113px/*174px*/; overflow:hidden; height:auto;}
.row-box-3 .rb3-con .slideBox{ width:890px; height:495px; overflow:hidden; position:relative; left:0; top:0; margin:0 auto;}
.row-box-3 .rb3-con .slideBox .hd{ height:160px; overflow:hidden; position:absolute; left:50%; margin-left:-382px; bottom:5px; z-index:1; width:765px; background:url(../images/ver-line.gif) repeat-x 0 41px;}
.row-box-3 .rb3-con .slideBox .hd ul{ overflow:hidden; zoom:1; width:820px; height:160px; padding-left:45px;}
.row-box-3 .rb3-con .slideBox .hd ul li{ float:left; margin-right:54px;  width:19px; height:19px; text-align:center; background:url(../images/dot-off.jpg) no-repeat center; cursor:pointer; margin-top:32px; position:relative; left:0; top:0;}
.row-box-3 .rb3-con .slideBox .hd ul li .year{ display:block; height:22px; text-align:center; font:14px/22px microsoft yahei; color:#626262; position:absolute; left:-20px; top:-30px; width:55px; display:none;}
.row-box-3 .rb3-con .slideBox .hd ul li .tips-con{ width:108px; height:auto; overflow:hidden; position:absolute; left:-45px; top:28px; display:none;}
.row-box-3 .rb3-con .slideBox .hd ul li .tips-con i{ display:block; height:9px; width:100%; background:url(../images/ar-t-gr.jpg) no-repeat center 0; position:relative; left:0; top:0; z-index:5; overflow:hidden;}
.row-box-3 .rb3-con .slideBox .hd ul li .tips-con .tc-c{ padding:5px 15px; text-align:left; border:1px solid #e1e1e1; background:#f8f8f8; width:76px; overflow:hidden; font:14px/25px microsoft yahei; color:#898989; position:relative; left:0; top:-1px; z-index:2; border-radius:5px;}

.row-box-3 .rb3-con .slideBox .hd ul li.on{ background:url(../images/dot-on.jpg) no-repeat 0 0;}
.row-box-3 .rb3-con .slideBox .hd ul li.on .year{ display:block;}
.row-box-3 .rb3-con .slideBox .hd ul li.on .tips-con{ display:block;}
.row-box-3 .rb3-con .slideBox .bd{ position:relative; z-index:0; width:890px; height:310px; }
.row-box-3 .rb3-con .slideBox .bd ul{ width:890px; height:310px;}
.row-box-3 .rb3-con .slideBox .bd ul li{ width:890px; height:310px;} 
.row-box-3 .rb3-con .slideBox .bd ul li .lft-img{ display:block; float:left;}
.row-box-3 .rb3-con .slideBox .bd ul li .rit-des{ width:465px; float:right; overflow:hidden; font:18px/50px microsoft yahei; color:#898989; text-align:left; margin-top:30px;}
.row-box-3 .rb3-con .slideBox .bd ul .no-img .rit-des{ width:100%; float:none;}

/* row box 4 */
.row-box-4{ height:auto; overflow:hidden; border-bottom:1px solid #e1e1e1; padding-bottom:30px;}
.row-box-4 .rb4-con{ width:1045px; overflow:hidden; height:415px; margin:0 auto; margin-top:20px;}
.rb4-con .sec-tips{ height:85px; text-align:left; overflow:hidden; font:18px/24px microsoft yahei; color:#898989}
.rb4-con .td-con{ height:auto; width:270px; overflow:hidden; zoom:1;}
.rb4-con .td-con img{ display:block; float:left;}
.rb4-con .td-con .rit-des{ width:200px; float:right; overflow:hidden;}
.rb4-con .td-con .rit-des h4{ font:bold 18px/22px microsoft yahei; color:#626262; text-align:left; height:22px;}
.rb4-con .td-con .rit-des .rd-txt{ font:14px/26px microsoft yahei; color:#aaa; padding-top:5px;}
.rb4-con .tc1{ position:absolute; left:0; top:200px;}
.rb4-con .tc2{ position:absolute; left:50%; margin-left:-135px; top:200px;}
.rb4-con .tc3{ position:absolute; right:0; top:200px;}
.rb4-con .tc4{ position:absolute; left:0; top:360px;}
.rb4-con .tc5{ position:absolute; left:50%; margin-left:-135px; top:360px;}
.rb4-con .tc6{ position:absolute; right:0; top:360px;}

/* row box 5 */
.row-box-5{ height:auto; overflow:hidden; border-bottom:1px solid #e1e1e1; padding-bottom:30px;}
.row-box-5 .rb5-con{ width:915px; overflow:hidden; height:415px; margin:0 auto; margin-top:20px;}
.rb5-con .lft-row{ width:237px; height:auto; overflow:hidden; padding-left:28px; background:url(../images/thin-v-line.gif) no-repeat 0 28px;}
.rb5-con .lft-row .tp{ height:70px; overflow:hidden;}
.rb5-con .lft-row .tp .nums{ float:left; font:60px/70px Arial, Helvetica, sans-serif,microsoft yahei; overflow:hidden; height:70px; color:#898989}
.rb5-con .lft-row .tp .txt{ display:block; height:22px; font:18px/22px microsoft yahei; color:#898989; float:left; margin-top:36px; margin-left:3px;}
.rb5-con .lft-row .bls{ height:18px; font:14px/18px microsoft yahei; color:#aaa;}
.rb5-con .lr1{ position:absolute; left:-265px; top:0;}
.rb5-con .lr2{ position:absolute; left:-265px; top:95px;}
.rb5-con .lr3{ position:absolute; left:-265px; top:190px;}
.rb5-con .lr4{ position:absolute; left:-265px; top:285px;}
.rb5-con .rit-img{ display:block; position:absolute; right:-100px; top:0;}

/* row box 6 */
.row-box-6{ height:auto; overflow:hidden; border-bottom:1px solid #e1e1e1; padding-bottom:60px;}
.row-box-6 .rb6-con{ width:850px; overflow:hidden; height:455px; margin:0 auto; margin-top:20px;}
.rb6-con .picBtnLeft{ width:215px; height:455px; position:absolute; right:0; top:0; overflow:hidden;  zoom:1; }
.rb6-con .picBtnLeft .hd{ width:215px;  height:9px; position:absolute; overflow:hidden;; left:0; bottom:10px;}
.rb6-con .picBtnLeft .hd ul{ width:215px;  overflow:hidden; zoom:1; padding-left:75px; }
.rb6-con .picBtnLeft .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:10px; background:url(../images/dot-off-or.jpg) no-repeat 0 0;}
.rb6-con .picBtnLeft .hd ul li.on{ background:url(../images/dot-on-or.jpg) no-repeat 0 0;}
.rb6-con .picBtnLeft .bd{ width:215px;  height:411px; position:relative; left:0; top:0;}
.rb6-con .picBtnLeft .bd li img{ width:215px; height:411px; }
.rb6-con .picBtnLeft .bd li{ position:relative; zoom:1;}
.rb6-con .lft-row{ width:405px; overflow:hidden; zoom:1;}
.rb6-con .lft-row img{ display:block; float:left;}
.rb6-con .lft-row .lr-r{ width:315px; overflow:hidden; float:right; overflow:hidden;}
.rb6-con .lft-row .lr-r .tt{ display:block; height:22px; font:bold 18px/22px microsoft yahei; color:#626262; text-align:left; margin-top:3px;}
.rb6-con .lft-row .lr-r p{ height:20px; font:14px/20px microsoft yahei; color:#aaa; text-align:left; margin-top:15px;}
.rb6-con .lr1{ position:absolute; left:-405px; top:0;}
.rb6-con .lr2{ position:absolute; left:-405px; top:105px;}
.rb6-con .lr3{ position:absolute; left:-405px; top:210px;}
.rb6-con .lr4{ position:absolute; left:-405px; top:315px;}

/* row box 7 */
.row-box-7{ height:auto; overflow:hidden; padding-bottom:10px;}
.row-box-7 h2{ font:bold 34px/40px microsoft yahei; color:#7d7d7d; text-align:center; overflow:hidden; margin-top:65px; letter-spacing:2px;}
.row-box-7 ul{ overflow:hidden; zoom:1;}
.row-box-7 li{ width:203px; height:215px; overflow:hidden; float:left; margin-right:46px; margin-top:60px; position:relative; left:0; top:0;}
.row-box-7 .last{ margin-right:0;}
.row-box-7 li .imgs{ display:block; height:145px; width:201px; overflow:hidden; position:relative; left:0; top:0; z-index:5;}
.row-box-7 li .imgs .zd-img{ display:block; padding:2px; border:1px solid #e1e1e1; position:absolute; left:0; top:0; width:194px; height:138px;}
.row-box-7 li .imgs .bj-img{ display:block; position:absolute; left:0; top:0; z-index:3;}
.row-box-7 li .sd-r{ display:block; height:144px; width:3px; background:#e5e5e5; overflow:hidden; position:absolute; right:0; top:2px; z-index:2;}
.row-box-7 li .sd-b{ display:block; height:2px; width:100%; background:#e5e5e5; overflow:hidden; position:absolute; left:3px; top:144px; z-index:2;}
.row-box-7 li .tits{ display:block; height:55px; overflow:hidden; text-align:center; margin-top:15px;}
.row-box-7 li .tits a{ font:14px/26px microsoft yahei; color:#898989;}
.row-box-7 .view-mores{ height:22px; text-align:center; overflow:hidden; padding-top:30px;}
.row-box-7 .view-mores a{ font:14px/22px microsoft yahei; color:#ff6900;}
/** Server Rental End **/

/** High bandwidth Start **/
.hi-ba-pic{ width:100%; overflow:hidden; height:auto; border-bottom:1px solid #e1e1e1;}
.hi-ba-pic .bg-img{ display:block; width:100%;}
.hi-ba-pic .cont{ position:absolute; left:66px; top:76px; height:auto; width:90%; overflow:hidden;}
.hi-ba-pic h2{ font:64px/108px microsoft yahei; color:#fff; text-align:left; overflow:hidden;}
.hi-ba-pic h3{ font:24px/58px microsoft yahei; color:#fff; text-align:left; overflow:hidden;}
.hi-ba-pic h4{ font:16px/32px microsoft yahei; color:#88abda; text-align:left; overflow:hidden; margin-top:15px;}
.hi-ba-pic .prs-row{ height:70px; overflow:hidden; text-align:left; margin-top:30px;}
.hi-ba-pic .prs-row .nums{ display:block; height:70px; float:left; font:60px/70px Arial, Helvetica, sans-serif, microsoft yahei; color:#ffe600;}
.hi-ba-pic .prs-row .units{ display:block; height:30px; font:24px/30px microsoft yahei; color:#ffe600; margin-top:30px; padding-left:6px; float:left;}
.hi-ba-pic .buy-row{ display:block; height:48px; overflow:hidden; margin-top:30px;}
.hi-ba-pic .buy-row .buy-btn{ display:block; border:none; outline:none; height:48px; background:#e72726; width:200px; text-align:center; border-radius:3px; float:left; overflow:hidden; color:#fefefe; font:20px/48px microsoft yahei; transition:background linear 0.2s;}
.hi-ba-pic .buy-row .buy-btn:hover{ background:#ca0302; text-decoration:none;}

.hi-ba-pic-v2 h2{ color:#773b3a }
.hi-ba-pic-v2 h3{ color:#824b28 }
.hi-ba-pic-v2 h4{ color:#b28850 }
.hi-ba-pic-v2 .prs-row .nums{ color:#e72726 }
.hi-ba-pic-v2 .prs-row .units{ color:#e72726 }
/** High bandwidth End **/

/** Cabinet Rent Start **/
.ca-re-pic{ width:100%; overflow:hidden; height:auto; border-bottom:1px solid #e1e1e1;}
.ca-re-pic .bg-img{ display:block; width:100%;}
.ca-re-pic .cont{ position:absolute; left:31px; top:76px; height:auto; width:95%; overflow:hidden;}
.ca-re-pic h2{ font:64px/108px microsoft yahei; color:#434343; text-align:left; overflow:hidden;}
.ca-re-pic h3{ font:24px/40px microsoft yahei; color:#626262; text-align:left; overflow:hidden; margin-top:15px;}
.ca-re-pic h4{ font:16px/32px microsoft yahei; color:#898989; text-align:left; overflow:hidden; margin-top:35px;}
.ca-re-pic .prs-row{ height:70px; overflow:hidden; text-align:left; margin-top:50px;}
.ca-re-pic .prs-row .nums{ display:block; height:70px; float:left; font:60px/70px Arial, Helvetica, sans-serif, microsoft yahei; color:#e72726;}
.ca-re-pic .prs-row .units{ display:block; height:30px; font:24px/30px microsoft yahei; color:#e72726; margin-top:30px; padding-left:6px; float:left;}
.ca-re-pic .buy-row{ display:block; height:48px; overflow:hidden; margin-top:30px;}
.ca-re-pic .buy-row .buy-btn{ display:block; border:none; outline:none; height:48px; background:#e72726; width:200px; text-align:center; border-radius:3px; float:left; overflow:hidden; color:#fefefe; font:20px/48px microsoft yahei; transition:background linear 0.2s;}
.ca-re-pic .buy-row .buy-btn:hover{ background:#ca0302; text-decoration:none;}
/** Cabinet Rent End **/

/** Server Hosting Start **/
.se-ho-pic{ width:100%; overflow:hidden; height:auto; border-bottom:1px solid #e1e1e1;}
.se-ho-pic .bg-img{ display:block; width:100%;}
.se-ho-pic .cont{ position:absolute; left:31px; top:45px; height:auto; width:95%; overflow:hidden;}
.se-ho-pic h2{ font:64px/108px microsoft yahei; color:#434343; text-align:center; overflow:hidden;}
.se-ho-pic h3{ font:24px/40px microsoft yahei; color:#626262; text-align:center; overflow:hidden; margin-top:5px;}
.se-ho-pic h4{ font:16px/32px microsoft yahei; color:#898989; text-align:center; overflow:hidden; margin-top:25px;}
.se-ho-pic .prs-row{ height:70px; overflow:hidden; text-align:center; margin-top:50px;}
.se-ho-pic .prs-row .nums{ display:inline-block; *display:inline; zoom:1; height:70px; font:60px/70px Arial, Helvetica, sans-serif, microsoft yahei; color:#e72726;}
.se-ho-pic .prs-row .units{ display:inline-block; *display:inline; zoom:1; height:30px; font:24px/30px microsoft yahei; color:#e72726; margin-top:30px; padding-left:6px;}
.se-ho-pic .buy-row{ height:48px; overflow:hidden; margin-top:20px; text-align:center;}
.se-ho-pic .buy-row .buy-btn{ display:inline-block; *display:inline; zoom:1; border:none; outline:none; height:48px; background:#e72726; width:200px; text-align:center; border-radius:3px; overflow:hidden; color:#fefefe; font:20px/48px microsoft yahei; transition:background linear 0.2s;}
.se-ho-pic .buy-row .buy-btn:hover{ background:#ca0302; text-decoration:none;}
/** Server Hosting End **/

/** Defense DDos Start **/
.de-dd-pic{ width:100%; overflow:hidden; height:auto; border-bottom:1px solid #e1e1e1;}
.de-dd-pic .bg-img{ display:block; width:100%;}
.de-dd-pic .cont{ position:absolute; left:31px; top:100px; height:auto; width:95%; overflow:hidden;}
.de-dd-pic h2{ font:64px/108px microsoft yahei; color:#434343; text-align:center; overflow:hidden;}
.de-dd-pic h4{ font:16px/32px microsoft yahei; color:#fff; text-align:center; overflow:hidden; margin-top:60px;}
.de-dd-pic .prs-row{ height:70px; overflow:hidden; text-align:center; margin-top:30px;}
.de-dd-pic .prs-row .nums{ display:inline-block; *display:inline; zoom:1; height:70px; font:60px/70px Arial, Helvetica, sans-serif, microsoft yahei; color:#e72726;}
.de-dd-pic .prs-row .units{ display:inline-block; *display:inline; zoom:1; height:30px; font:24px/30px microsoft yahei; color:#e72726; margin-top:30px; padding-left:6px;}
.de-dd-pic .buy-row{ height:48px; overflow:hidden; margin-top:20px; text-align:center;}
.de-dd-pic .buy-row .buy-btn{ display:inline-block; *display:inline; zoom:1; border:none; outline:none; height:48px; background:#e72726; width:200px; text-align:center; border-radius:3px; overflow:hidden; color:#fefefe; font:20px/48px microsoft yahei; transition:background linear 0.2s;}
.de-dd-pic .buy-row .buy-btn:hover{ background:#ca0302; text-decoration:none;}

/* row box 8 */
.row-box-8{ height:auto; overflow:hidden; border-bottom:1px solid #e1e1e1; padding-bottom:30px;}
.row-box-8 .rb8-con{ width:1024px; overflow:hidden; height:435px; margin:0 auto; margin-top:20px;}
.rb8-con .sec-tips{ height:85px; text-align:left; overflow:hidden; font:18px/24px microsoft yahei; color:#898989}
.rb8-con .td-con{ height:auto; width:325px; overflow:hidden; zoom:1;}
.rb8-con .td-con .lft-cirs{ display:block; float:left; width:102px; height:102px; overflow:hidden; background:url(../images/yl-cir-bg.jpg) no-repeat 0 0}
.rb8-con .td-con .lft-cirs .ranking{ display:block; height:18px; font:14px/18px Arial, Helvetica, sans-serif; color:#898989; text-align:center; margin-top:32px;}
.rb8-con .td-con .lft-cirs .years{ display:block; height:22px; font:18px/22px microsoft yahei; color:#ff6600; text-align:center;}
.rb8-con .td-con .lft-cirs .years b{ font:bold 16px/22px Arial, Helvetica, sans-serif; color:#ff6600;}
.rb8-con .td-con .rit-des{ width:200px; float:right; overflow:hidden; margin-top:10px;}
.rb8-con .td-con .rit-des h4{ font:bold 18px/22px microsoft yahei; color:#626262; text-align:left; height:22px;}
.rb8-con .td-con .rit-des .rd-txt{ font:14px/26px microsoft yahei; color:#aaa; padding-top:5px;}
.rb8-con .tc1{ position:absolute; left:0; top:200px;}
.rb8-con .tc2{ position:absolute; left:50%; margin-left:-170px; top:200px;}
.rb8-con .tc3{ position:absolute; right:0; top:200px;}
.rb8-con .tc4{ position:absolute; left:0; top:380px;}
.rb8-con .tc5{ position:absolute; left:50%; margin-left:-170px; top:380px;}
.rb8-con .tc6{ position:absolute; right:0; top:380px;}

/* row box 9 */
.row-box-9{ height:auto; overflow:hidden; border-bottom:1px solid #e1e1e1; padding-bottom:30px;}
.row-box-9 .rb9-con{ width:990px; overflow:hidden; height:560px; margin:0 auto; margin-top:20px;}
.rb9-con .sec-tips{ height:90px; text-align:left; overflow:hidden; font:18px/32px microsoft yahei; color:#898989}
.rb9-con .ct-img{ display:block; position:absolute; left:50%; margin-left:-212px; top:130px;}
.rb9-con .l-r-row{ display:block; width:180px; padding-left:20px; overflow:hidden;  font:18px/22px microsoft yahei; color:#626262; text-align:left; background:url(../images/txt-dot.jpg) no-repeat 0 center;}
.rb9-con .lrr1{ position:absolute; left:-160px; top:185px;}
.rb9-con .lrr2{ position:absolute; left:-160px; top:270px;}
.rb9-con .lrr3{ position:absolute; left:-160px; top:355px;}
.rb9-con .lrr4{ position:absolute; right:-160px; top:185px;}
.rb9-con .lrr5{ position:absolute; right:-160px; top:270px;}
.rb9-con .lrr6{ position:absolute; right:-160px; top:350px;}

/* row box 10 */
.row-box-10{ height:auto; overflow:hidden; border-bottom:1px solid #e1e1e1; padding-bottom:30px;}
.row-box-10 .rb10-con{ width:925px; overflow:hidden; height:560px; margin:0 auto; margin-top:20px;}
.rb10-con .sec-tips{ height:85px; text-align:left; overflow:hidden; font:18px/32px microsoft yahei; color:#898989; margin-top:30px;}
.rb10-con .imgs1{ display:block; position:absolute; left:95px; top:-378px; z-index:7;}
.rb10-con .imgs2{ display:block; position:absolute; left:290px; top:-340px; z-index:6;}
.rb10-con .imgs3{ display:block; position:absolute; left:467px; top:-310px; z-index:5;}

/* row box 11 */
.row-box-11{ height:auto; overflow:hidden; border-bottom:1px solid #e1e1e1; padding-bottom:70px;}
.row-box-11 h2{ font:bold 34px/40px microsoft yahei; color:#7d7d7d; text-align:center; overflow:hidden; margin-top:65px; letter-spacing:2px;}
.row-box-11 ul{ width:1120px; overflow:hidden; margin:0 auto; margin-top:50px; background:url(../images/ver-yl-line.gif) repeat-y 97px 0;}
.row-box-11 ul li{ overflow:hidden; zoom:1; height:40px; overflow:hidden; padding:3px 0;}
.row-box-11 .lft-year{ display:block; height:40px; overflow:hidden; width:74px; text-align:right; float:left; padding-right:18px; overflow:hidden; font:18px/40px microsoft yahei; color:#626262;}
.row-box-11 .dot{ display:block; height:12px; width:12px; overflow:hidden; float:left; margin-top:14px; background:url(../images/year-mart-dot.png) no-repeat 0 0; _background:url(../images/year-mart-dot.gif) no-repeat 0 0;}
.row-box-11 .rit-des{ text-align:left; float:left; overflow:hidden; width:980px; margin-left:18px;}
.row-box-11 .rit-des h3{ height:22px; margin-top:9px; overflow:hidden; text-align:left; white-space:nowrap; text-overflow:ellipsis; zoom:1;}
.row-box-11 .rit-des h3 a{ font:14px/22px microsoft yahei; color:#aaa;}
.row-box-11 .rit-des h3 a:hover{ text-decoration:none;}
.row-box-11 .img-txt-row{ overflow:hidden; zoom:1; padding-top:20px;}
.row-box-11 .img-txt-row .imgs{ display:block; height:146px; width:238px; float:left; border:1px solid #e1e1e1; overflow:hidden;}
.row-box-11 .img-txt-row .imgs img{ display:block; height:146px; width:238px;}
.row-box-11 .img-txt-row .r-d{ width:724px; overflow:hidden; float:right; font:14px/24px microsoft yahei; color:#aaa; text-indent:30px;}
.row-box-11 ul .auto{ height:auto;}
.row-box-11 ul .auto .rit-des h3 a{ color:#ff6d06;}
/** Defense DDos End **/

.clears{ clear:both;}

/************************ 2014.06.17 mark css ***********************/


@media screen and (max-width: 1024px){

.layout{width:1002px;}
.title{ padding:10px 0 0 5px;}

/*header*/
.header .nav{ width:750px;}
.subnav li{ margin:0 7px; padding:0 5px;}
.product li{ padding:10px 0; }
.product .box{ width:200px;}
.product .box:hover{width:199px;}
.product .box1{ width:200px}
.product .box1:hover{ width:198px;}
.product .box3{ width:200px;}
.product .box3:hover{ width:198px;}
.product b{ height:290px;}
.product .buy{ display:block; width:200px; height:290px; background:url(../images/buy1.gif) no-repeat 27px 230px; text-indent:-9999px; position:absolute; left:0; top:0;}
.product .buy:hover{ background:url(../images/buy2.gif) no-repeat 26px 230px;}

/*preferential*/
.preferential{ width:485px; }
.preferential .nr{ width:483px; padding:6px 0 0 0;}
.leftLoop{ width:483px;}
.leftLoop .bd ul li{  width:463px;  padding:10px;}
.leftLoop .bd .text{width:310px; padding:0;}
.leftLoop .bd .pic{ padding:20px 10px 0 0;}

/*innovate*/
.innovate{ width:485px;}
.innovate .nr{ width:483px;}
.picList li{ width:465px;}
.innovate .detail{ width:481px; padding:0 0 20px 0; }
.innovate-image{margin-left:-3px;margin-top:20px;display:block;width:160px;height:100%;float:left;/*background-color:red;*/background-color:#FFFFFF;text-align:center;z-index:99999;}

/* chy */
.rightLoop .bd ul li{  padding:0 0 20px 0;}

/*shuzi*/
.shuzi li{ width:200px; padding:20px 0;}
.rightLoop .bd .pic{ float:left; padding:20px 28px 0;}

/*newtrends*/
.newtrends{ width:485px;}
.newtrends .nr li{ width:460px; height:32px; line-height:32px; }

/*afterservice*/
.service{ width:485px;}
.service .nr{ padding:10px 15px 11px;}
.service .nr .text{width:330px; font-size:12px;}
.service .nr .text p{ line-height:30px;}
.service .nr .text .s li{ width:65px;}
.service .nr .ewm{ padding:20px 10px 0 0;}

/*client*/
.leftLoop_client{ width:1002px; width:1000px/9; *width:1000px; _width:1000px;}
.leftLoop_client .bd{ width:1002px;}
.client{ width:1002px; width:1000px/9; *width:1000px; _width:1000px;}
.leftLoop_client .mask_left{ width:400px; }
.leftLoop_client .mask_text1{ width:400px; height:40px;}
.leftLoop_client .mask_right{ width:400px;}
.leftLoop_client .mask_text2{ width:400px; height:40px; }
.leftLoop_client .hd{ left:380px;}
.leftLoop_client .hd ul{}
.leftLoop_client .bd ul li{ width:200px; }
.leftLoop_client .bd ul li p{ width:200px; font-size:16px;}


/************************ 2014.06.17 mark css ***********************/
/** ZY Page @media Start **/
.fixed-bar,.quick-nav{ right:0}
.fixed-bar .cons{ width:1002px;}
.common-container .row-box-1{ width:1002px;}
.row-box-1 .rb1-lft{ width:710px;}
.option-con .rit-opts{ width:620px;}
.option-con .rit-opts a{ width:117px; margin-right:5px;}
.row-box-1 .rb1-rit{ padding-left:15px;}
.common-container{ width:1002px;}
.option-con .number-con,.option-con .monitor-select{ margin-left:21px;}
.row-box-4 .rb4-con{ width:900px;}
.row-box-7 li{ width:184px; height:201px; overflow:hidden; float:left; margin-right:20px; margin-top:60px; position:relative; left:0; top:0;}
.row-box-7 li .imgs{ display:block; height:131px; width:182px; overflow:hidden; position:relative; left:0; top:0; z-index:5;}
.row-box-7 li .imgs .zd-img{ display:block; padding:2px; border:1px solid #e1e1e1; position:absolute; left:0; top:0; width:175px; height:124px;}
.row-box-7 li .sd-r{ display:block; height:130px; width:3px; background:#e5e5e5; overflow:hidden; position:absolute; right:0; top:2px; z-index:2;}
.row-box-7 li .sd-b{ display:block; height:2px; width:100%; background:#e5e5e5; overflow:hidden; position:absolute; left:3px; top:130px; z-index:2;}
/** ZY Page @media End **/
.row-box-8 .rb8-con{ width:980px;}

.row-box-11 ul{ width:922px; overflow:hidden; margin:0 auto; margin-top:40px; background:url(../images/ver-yl-line.gif) repeat-y 97px 0;}
.row-box-11 .rit-des{ text-align:left; float:left; overflow:hidden; width:780px; margin-left:18px;}
.row-box-11 .img-txt-row .r-d{ width:524px; overflow:hidden; float:right; font:14px/24px microsoft yahei; color:#aaa; text-indent:30px;}

/************************ 2014.06.17 mark css ***********************/
}


#reg,#bind{
    display:none;
}
#btnReg,#btnBind{
    margin-left:55px;
    cursor:pointer;
}
.qq-dialog-conts{ position:absolute; left:0; top:0; z-index:5000; width:100%; height:100%; overflow:hidden; display:none; color:#6c6c6c;}

.qq-dialog-conts .qq-opt{ opacity:0.6; filter: Alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; position:absolute; left:0; top:0; z-index:5; overflow:hidden; height:100%; width:100%; background:#000;}

.qq-dialog-conts .qq-dc-cms-con{ height:auto; background:#fff; width:400px; border:1px solid #e2e2e2; position:absolute; left:50%; margin-left:-200px; top:150px; z-index:10; padding:20px 20px; border-radius:4px;}

.qq-dc-cms-con .qq-close-btn{ height:17px; width:17px; cursor:pointer; background:url(../images/cls-btn.gif) no-repeat 0 0; position:absolute; right:13px; top:0;}

.qq-dc-cms-con .qq-dcc-con{ height:auto;padding-top:40px; padding-bottom:20px; }
.qq-dc-cms-con .qq-dcc-con li{ height:auto; zoom:1; padding:18px 20px;}

.qq-dialog-title{
    position:absolute; 
    top:10px;
    font-size:18px;
    font-weight:bold;
    color: #6f6f6f;
}
.qq-dc-main{
    position:relative;
}
.qq-dc-ipt{
   background: url("../images/zcbd_02.jpg") no-repeat scroll 0 0;
   border:none;
   width:288px;
   height:46px;
   line-height:46px;
   margin-left:30px;
   padding-left:10px;
}
.qq-dc-bind{
   background: url("../images/zcbd_05.jpg") no-repeat scroll 0 0;
   border:none;
   width:120px;
   height:42px;
   margin-left:30px;
}
.qq-dc-back{
   background: url("../images/zcbd_06.jpg") no-repeat scroll 0 0;
   border:none;
   width:120px;
   height:42px;
   margin-left:50px;
}




/*首页client  css*/
.leftLoop_client1 .hd ul li{position:absolute; top:-16px;}
.leftLoop_client1 .hd ul li.client_li1{ left:-10px;}
.leftLoop_client1 .hd ul li.client_li2,.leftLoop_client1 .hd ul li.client_li3{ left:-30px;}
.leftLoop_client1 .hd ul li.client_li4{ right:-20px;}		
.leftLoop_client1 .hd ul li.client_li5{ right:-40px;}