/* CSS Document */
body,img,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dd,dt,input,big,select{ border:none; padding:0; margin:0; list-style:none; font: 14px "微软雅黑","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"宋体"; }
body{ width:100%}
a{ color:#202020; text-decoration: none}
a:Hover{ text-decoration:underline; color:#e90127}
.fl{ float:left}
.fr{ float:right}
.cl{ clear:both}
 
 
.bk30,.bk20,.bk10,.bk50{ height:20px; overflow:hidden; clear:both}
.bk10{ height:10px}
.bk30{ height:30px}
.bk50{ height:50px}

.wauto{ width:1200px; margin:0 auto;}
 

.ease{-webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out}

#header{ height:60px; line-height:60px; background:#353739; position:fixed; z-index:9; width:100%; top:0}
.logo{ width:250px; height:40px; margin:10px 0 0}
.nav li{ float:left}
.nav li a{ display:block; height:60px; line-height:60px; padding:0 15px; font-size:16px; color:#d2d2d2}
.nav li a:hover{ color:#fff; text-decoration:none}

.nav li p{ height:30px; line-height:30px; background:#2E2E2E; color:#ccc; margin:15px 0 0; padding:0 15px; font-weight:bold; border-radius:3px}
.nav li p span{ color:#E8251E}

.slide{ position:relative; margin:60px 0 0}
.slide .bd{ position:relative; height:570px; overflow:hidden}
.slide .bd li{ position:absolute; left:0; height:100%; width:100%}
.slide .bd li a{ display:block; height:100%; width:100%}

.slidePage{ position:absolute; z-index:2; text-align:center; width:100%; left:0; top:90%; height:15px}
.slidePage a{ background:url("img/base_ico.png")/*tpa=https://dn-vzdl-static.qbox.me/img/base_ico.png*/ no-repeat -20px -16px; width:15px; height:15px; margin-right:5px; display:inline-table}
.slidePage a.on{ background-position:0 -16px}


.service{ width:100%;overflow:hidden; box-shadow:0 2px 3px #dededf}
.service dl{ float:left; width:25%; text-align:center; line-height:24px; padding:40px 0;}
.service dl dt{ font-size:18px; padding-top:10px;}
.service dl dd{ color:#888; }
.fs_img{ width:56px; height:56px; margin:0 auto; }
.img_jszc{ background:url("img/yunwei.jpg")/*tpa=https://dn-vzdl-static.qbox.me/img/yunwei.jpg*/ no-repeat -10px -255px;}
.img_jfss{ background:url("img/yunwei.jpg")/*tpa=https://dn-vzdl-static.qbox.me/img/yunwei.jpg*/ no-repeat -66px -255px;}
.img_mdme{ background:url("img/yunwei.jpg")/*tpa=https://dn-vzdl-static.qbox.me/img/yunwei.jpg*/ no-repeat -120px -255px;}
.img_dcfwbz{ background:url("img/yunwei.jpg")/*tpa=https://dn-vzdl-static.qbox.me/img/yunwei.jpg*/ no-repeat -178px -255px;}

.yunwei{}
.yunwei li{ float:left; width:340px; display:inline; margin:30px 0 0 30px; background:#fff; box-shadow:0px 1px 6px #ddd; border:2px solid #fff; padding:20px 18px}
.yunwei li.s1,.yunwei li.s4{ margin-left:0}
.yunwei li .img{width:117px; height:117px; margin:20px auto 0; background:url("img/yunwei.jpg")/*tpa=https://dn-vzdl-static.qbox.me/img/yunwei.jpg*/ no-repeat}
.yunwei li .tit{ height:30px; line-height:30px;font-size:24px; margin:10px 0 0}
.yunwei li .des{ line-height:25px; height:25px; overflow:hidden; font-size:16px; color:#808080; margin:10px 0 0}
.yunwei li .price{ height:60px; line-height:60px;height:50px; line-height:50px; font-size:18px; padding:10px 0 0}
.yunwei li .price b{ color:#e8251e; font-size:38px; font-weight:normal; padding:0 5px 0 0} 
.yunwei li .buy{ height:70px; line-height:70px; text-align:center; padding:20px 0 0}
.yunwei li .buy a.bnt_bor{ border:1px solid #c0c0c0; color:#404040; padding:10px 35px; border-radius:3px}
.yunwei li:hover{ border-color:#e8251e}
.yunwei li:hover .img{ background-position:0 -130px}

.ctit{ height:45px; line-height:45px; text-align:center; font-size:38px; color:#202020; background: url("img/titlebg.gif")/*tpa=https://dn-vzdl-static.qbox.me/img/titlebg.gif*/ repeat-x 0 center}
.ctit span{ background:#fff; padding:0 25px}
.yw_des{ background: url("img/re-bg.png")/*tpa=https://dn-vzdl-static.qbox.me/img/re-bg.png*/ repeat; height:320px; padding:10px}
.yw_des .inner{ background:#fff url("img/gp_01_04.jpg")/*tpa=https://dn-vzdl-static.qbox.me/img/gp_01_04.jpg*/ no-repeat 800px center; height:280px; border-radius:5px; box-shadow:0 0 3px #ddd; padding:20px 0}
.yw_des .inner .con{ width:680px; padding:0 25px; line-height:30px; font-size:16px}
.yw_des .inner .con p{ line-height:30px; text-indent:2em; font-size:16px}

.yunwei li.s2 .img{ background-position:-131px 0}
.yunwei li.s2:hover .img{ background-position:-131px -130px}
.yunwei li.s3 .img{ background-position:-264px 0}
.yunwei li.s3:hover .img{ background-position:-264px -130px}
.yunwei li.s4 .img{ background-position:-385px 0}
.yunwei li.s4:hover .img{ background-position:-385px -130px}
.yunwei li.s5 .img{ background-position:-507px 0}
.yunwei li.s5:hover .img{ background-position:-507px -130px}
.yunwei li.s6 .img{ background-position:-637px 0}
.yunwei li.s6:hover .img{ background-position:-637px -130px}

.liucheng{ background:url("img/liucheng.jpg")/*tpa=https://dn-vzdl-static.qbox.me/img/liucheng.jpg*/ no-repeat center 0; height:220px}


.brand_list li{ width:300px; float:left; display:inline; text-align:center; height:180px } 
.brand_list li .img{ height:105px; text-align:center;overflow:hidden; margin:20px 20px 0}
.brand_list li .con{ padding:0 0 20px;}
.brand_list li .con h1{ height:35px; line-height:35px; font-size:16px}
.brand_list li a{display:block; width:100%; height:100%;box-shadow:0 0 15px #e8e8e8 inset;-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border:1px solid #eee; }
.brand_list li a span{ font-family: Arial, Helvetica, sans-serif; color:#e90127; font-size:14px}
.brand_list li a:hover{ text-decoration:none;box-shadow:0 0 15px #bbb; border-color:#ddd} 

.linkf { line-height:30px}
.linkf a{ padding:0 10px}

.footer{ background:#202020; border-top:3px solid #e8251e; height:60px; line-height:60px; color:#c0c0c0} 
.footer a{ color:#c0c0c0}
.footer a:hover{ color:#fff}

/*客服*/
.kf{ position:fixed; right:-232px; top:90px; z-index:9999999;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:10px; width:230px}
.menu{ width:32px; position:absolute; left:-34px; top:100px}
.menu a{ width:31px; height:130px; background: url("img/service_float.png")/*tpa=https://dn-vzdl-static.qbox.me/img/service_float.png*/ no-repeat; display:block; float:right; color:#fff; font-size:18px; text-align:center; padding:10px 0 0}
.kfBox{ width:230px; border:1px solid #e8e8e8; background:#fff; float:right; box-shadow:0px 1px 2px #d2d2d2}
 
.kfList{ color:#202020; font-size:14px; line-height:30px;height:auto; overflow:hidden}
.kfList span{font-size:16px; display:block;height:50px; line-height:50px; text-align:center; margin:0 20px}
.kfList .kfBox2 { width:225px; float:left;}
.kfList p{ vertical-align:middle; margin:5px 0 0; padding:0 15px}
 
.kfBox .but1,.kfBox .but_online{ width:88px; height:30px; line-height:30px; font-size:12px; text-indent:29px;color:#fff;display:inline-block; text-decoration:none; margin-left:7px}
.kfBox .but1{ background:#fff url("img/zxkf2.png")/*tpa=https://dn-vzdl-static.qbox.me/img/zxkf2.png*/ no-repeat 30px 0; text-align: center; color:#e8251e; font-size:16px; border-radius:3px; width:186px; padding:5px 0; border:1px solid #e8251e}
.kfBox .but_online{ background:url("img/kf_online.png")/*tpa=https://dn-vzdl-static.qbox.me/img/kf_online.png*/ no-repeat; color:#666}
.kfBox .but_offline{ color:#333; width:92px; height:22px; line-height:22px; font-size:12px; text-indent:21px; background:url("img/kf_offline.png")/*tpa=https://dn-vzdl-static.qbox.me/img/kf_offline.png*/ repeat-x; display:inline-block; text-decoration:none;}
.kfBox .font1 { color:#0098e4; font-size:20px; font-family:Verdana;}
.kfBox .text{ color:#666; width:125px; line-height:20px; font-size:12px; float:right; margin-top:7px;}
.kfBox .text a{ color:#25516A; text-decoration:underline;}
.kfBox .text2{ color:#00b0ec; font-size:16px; padding:10px; font-family:Verdana; float:left;}
.kftel{ height:50px; line-height:50px; color:#666;font-size:16px; border-bottom:1px solid #ddd; margin:0 20px; }
.kftel b{ padding:0 5px; font-size:16px; font-weight:normal; color:#E8251E; font-family:Arial, Helvetica, sans-serif; font-weight:bold}