﻿@charset "utf-8";
/*公共样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;font-family:'微软雅黑'; font-size:14px;} 
button,img {border:0;margin:auto} 
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:normal} 
ol,ul li{list-style:none}  
h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
abbr,acronym { border:0}
.clear{clear:both; line-height:0;}
a{ text-decoration:none;}
.fl{ float:left}
.fr{ float:right;}
.wubiankuang{border:none}
.mr0{margin-right:0px !important;}

.head{ width:100%;min-width:1280px; height:55px;background:#383d41;display:block;}
.fixednav{position:fixed;top: 0px;left: 0px;width: 100%;z-index: 9999;}
.head .mian-nr{width:96%; padding:0 2%; min-width:1100px;height:55px; margin:0 auto; display:block;}
.head .mian-nr .logo{ width:150px; height:40px; margin-top:10px; float:left; background:url(../images/logo.png) top center no-repeat;}
.head .mian-nr .denglu{ float:right; margin-right:10px; margin-top:10px;}
.head .mian-nr .denglu a{ width:98px; height:33px; border:1px #FFF solid; border-radius:15px;display:block;text-align:center;line-height:33px;color:#FFF;transition-duration:.5s;}
.head .mian-nr .denglu a:hover{ border:1px #33cbcc solid;  color:#33cbcc;}
.head .mian-nr .zhuce{float:right; margin-right:10px; margin-top:10px;}
.head .mian-nr .zhuce a{width:98px;height:33px;border:1px #33cbcc solid;background:#33cbcc;border-radius:15px;display:block; text-align:center;line-height:33px;color:#FFF;transition-duration: .5s;}
.head .mian-nr .zhuce a:hover{background:#fff;border:1px #fff solid;color:#33cbcc;}
.head .mian-nr .tel{ width:140px; float:right; background:url(../images/tel.png) 0px 10px no-repeat;line-height:55px; text-indent:45px;color:#FFF}

.head1{ width:100%;min-width:1280px; height:54px; border-bottom: 1px solid rgba(255, 255, 255, .3);display:block;position:fixed;z-index:9999;}
.head1:hover{background:#383d41;border-bottom: 1px solid #383d41;}
.head1:hover>.mian-nr>.zhuce a{width:98px;height:33px;border:1px #33cbcc solid;background:#33cbcc;border-radius:15px;display:block;text-align:center;line-height:33px;color:#FFF;transition-duration: .5s;}
.head1 .mian-nr{width:96%; padding:0 2%; min-width:1100px;height:55px; margin:0 auto; display:block;  }
.head1 .mian-nr .logo{ width:150px; height:40px; margin-top:10px; float:left; background:url(../images/logo.png) top center no-repeat;}
.head1 .mian-nr .denglu{ float:right; margin-right:10px; margin-top:10px;}
.head1 .mian-nr .denglu a{width:98px;height:33px; border:1px solid rgba(255, 255, 255, .3);border-radius:15px;display:block;text-align:center;line-height:33px;color:#FFF;transition-duration: .5s;}
.head1 .mian-nr .denglu a:hover{ border:1px #33cbcc solid;  color:#33cbcc;}
.head1 .mian-nr .zhuce{float:right; margin-right:10px; margin-top:10px;}
.head1 .mian-nr .zhuce a{width:98px; height:33px;border:1px solid rgba(255, 255, 255, .3);border-radius:15px;display:block;text-align:center;line-height:33px;color:#FFF; transition-duration: .5s;}
.head1 .mian-nr .zhuce a:hover{background:#fff;border:1px #fff solid;color:#33cbcc;}
.head1 .mian-nr .tel{width:140px; float:right; background:url(../images/tel.png) 0px 10px no-repeat;line-height:55px; text-indent:45px;color:#FFF}


#nav_hover_bg {width: 100%;min-width:1280px;height: 0;background: #313131;position: absolute;top: 55px;z-index: 9;overflow: hidden;}
.nav{width: auto;float:left; margin-left:50px; height:55px;}
.nav ul{ width:100%; margin:0; padding:0;}
.nav ul li{float:left;height:55px;line-height:55px; position:relative; margin-right:50px;}
.nav ul li a{color:#FFF}
.nav ul li a:hover{color:#33cbcc}
.nav ul li .hot{background:url(../images/nav_hot.png) 0px 0px no-repeat; position:absolute; width:25px; height:13px; top:15px; left:60px;}
.nav ul>li.intro>a:before {content: "";position: absolute;width: 60px;height: 2px;background: #33cbcc;left:50%; margin-left:-30px; bottom: 2px;}

/*.nav ul li:hover .submenu{display:block;}*/
.nav ul li .submenu {position: absolute; left:0; top: 55px; width:1200px; height:0px; z-index: 9999;overflow: hidden;}

.nav ul li .submenu .zxhdxl{width:100%; display:block; overflow:hidden}
.nav ul li .submenu .zxhdxl dl{ width:100%; margin:0; padding:0;}
.nav ul li .submenu .zxhdxl dl dd{float:left; width:366px; height:216px; border:#313131 2px solid; overflow:hidden; margin-top:45px; transition-duration: .5s;}
.nav ul li .submenu .zxhdxl dl dd.zhong{ margin-left:45px; margin-right:35px;}
.nav ul li .submenu .zxhdxl dl dd:hover{border:#33cbcc 2px solid;}

.nav ul li .submenu .cpzxxl{width:100%; display:block; overflow:hidden}
.nav ul li .submenu .cpzx_left{width:380px; height:300px; margin-top:45px; float:left; line-height:25px;}
.nav ul li .submenu .cpzx_left dl{ width:100%;}
.nav ul li .submenu .cpzx_left dl dt{color:#fff;text-align:left; font-size:16px; font-weight:bold; margin-bottom:5px;}
.nav ul li .submenu .cpzx_left dl dd{float:left; margin-top:10px; margin-right:10px; width:116px;line-height:30px; text-align:center;}
.nav ul li .submenu .cpzx_left dl dd a{color:#b9bcc5; background:#383d41; border:2px #383d41 solid; display:block;transition-duration: .5s;}
.nav ul li .submenu .cpzx_left dl dd a:hover{ color:#33cbcc;border:2px #33cbcc solid;}

.nav ul li .submenu .cpzx_zhong{width:380px; height:300px; margin-top:45px; margin-left:30px; margin-right:30px; float:left; line-height:25px;}
.nav ul li .submenu .cpzx_zhong dl{ width:100%;}
.nav ul li .submenu .cpzx_zhong dl dt{color:#fff;text-align:left; font-size:16px; font-weight:bold; margin-bottom:5px; }
.nav ul li .submenu .cpzx_zhong dl dd{float:left; margin-top:10px; margin-right:10px; width:116px;line-height:30px; text-align:center;}
.nav ul li .submenu .cpzx_zhong dl dd a{color:#b9bcc5; background:#383d41; border:2px #383d41 solid; display:block;transition-duration: .5s;}
.nav ul li .submenu .cpzx_zhong dl dd a:hover{ color:#33cbcc;border:2px #33cbcc solid;}

.nav ul li .submenu .jjfaxl{width:100%; display:block; overflow:hidden;margin-top:45px;}
.nav ul li .submenu .jjfaxl dl{ width:100%; margin:0; padding:0;}
.nav ul li .submenu .jjfaxl dl dd{float:left; width:246px; height:86px; border:#313131 2px solid; line-height:20px;overflow:hidden; margin-bottom:25px; margin-right:10px; padding:20px;background:#383d41;transition-duration: .5s;}
.nav ul li .submenu .jjfaxl dl dd:hover{border:#33cbcc 2px solid;}
.nav ul li .submenu .jjfaxl dl dd p{text-indent:40px;font-size:16px; color:#FFF; width:100%; overflow:hidden; margin-bottom:10px;}
.nav ul li .submenu .jjfaxl dl dd p.bg1{background: url(../images/nav_jjfaxl_web.png) left no-repeat;}
.nav ul li .submenu .jjfaxl dl dd p.bg2{background: url(../images/nav_jjfaxl_youxi.png) left no-repeat;}
.nav ul li .submenu .jjfaxl dl dd p.bg3{background: url(../images/nav_jjfaxl_sp.png) left no-repeat;}
.nav ul li .submenu .jjfaxl dl dd p.bg4{background: url(../images/nav_jjfaxl_jr.png) left no-repeat;}
.nav ul li .submenu .jjfaxl dl dd p.bg5{background: url(../images/nav_jjfaxl_jiaju.png) left no-repeat;}
.nav ul li .submenu .jjfaxl dl dd p.bg6{background: url(../images/nav_jjfaxl_zhizao.png) left no-repeat;}
.nav ul li .submenu .jjfaxl dl dd p.bg7{background: url(../images/nav_jjfaxl_dsj.png) left no-repeat;}
.nav ul li .submenu .jjfaxl dl dd p.bg8{background: url(../images/nav_jjfaxl_waimao.png) left no-repeat;}
.nav ul li .submenu .jjfaxl dl dd span{color:#939ba0; width:100%; overflow:hidden; }


.index_div1{ background:#f6f6f6; width:100%; display:block; margin:0 auto; padding:30px 0px;min-width:1280px; overflow:hidden}
.index_div1 .bt{ text-align:center; color:#333333; font-size:30px; padding-top:20px;}
.index_div1 .fbt{ text-align:center; color:#5b5b5b; font-size:12px;padding-top:10px;}
.index_div1 .zhunr{width:1100px; margin:50px auto 0px auto;  display:block;}
.index_div1 .zhunr ul li{width:260px; height:420px; transition: All 0.2s ease-in-out;position: relative; background:#FFF; border-radius:5px;}
.index_div1 .zhunr ul li.zhong{ margin-left:20px; float:left}
.index_div1 .zhunr ul li:hover{transform: scale(1.05);box-shadow:0px 0px 10px #c1c5c7;}
.index_div1 .zhunr ul li .hot{position: absolute;background:url(../images/index_div1_hot.png) no-repeat; width:77px; height:56px; top:-10px; left:-10px;}
.index_div1 .zhunr ul li .hot span{transform: rotate(325deg); position:absolute;top:14px; left:15px; color:#FFF; font-size:12px;}
.index_div1 .zhunr ul li .cp_bt{ width:220px; margin:50px auto 20px auto; padding-bottom:15px; font-size:20px; color:#666666; text-indent:35px; border-bottom:2px #e8e8e8 solid; height:26px; line-height:26px; background:url(../images/index_div1_01.png) 0px 0px no-repeat;}
.index_div1 .zhunr ul li .pzxq{ width:220px; margin:10px auto; display:block;}
.index_div1 .zhunr ul li .pzxq dl{width:100%;list-style:none;margin:0px; padding:0px;}
.index_div1 .zhunr ul li .pzxq dl dd{height:40px; line-height:40px;width:100%; display:block; color:#333;font-size:14px;}
.index_div1 .zhunr ul li .jiage{ display:block;color:#666; text-align:center; margin:10px auto;}
.index_div1 .zhunr ul li .jiage span{color:#ff3300;font-size:30px; padding-left:10px; padding-right:10px;}
.index_div1 .zhunr ul li .zxzx{width:100px; height:30px;line-height:30px;text-align:center; margin:0px auto; }
.index_div1 .zhunr ul li .zxzx a{color:#fff; display:block; width:100px;height:30px; background:#1bd9d9;border-radius: 5px;transition:all .3s ease-out;}
.index_div1 .zhunr ul li .zxzx a:hover{background:rgba(27,217,217,.8);}
.index_div1 .zhunr ul li .zxzx1{width:100px; height:30px;line-height:30px;text-align:center; float:left; margin-left:20px; }
.index_div1 .zhunr ul li .zxzx1 a{color:#fff; display:block; width:100px;height:30px; background:#ff6766;border-radius: 5px;transition:all .3s ease-out;}
.index_div1 .zhunr ul li .zxzx1 a:hover{background:rgba(255,103,102,.8);}
.index_div1 .zhunr ul li .zxzx2{width:100px; height:30px;line-height:30px;text-align:center; float:right; margin-right:20px;}
.index_div1 .zhunr ul li .zxzx2 a{color:#fff; display:block; width:100px;height:30px; background:#1bd9d9;border-radius: 5px;transition:all .3s ease-out;}
.index_div1 .zhunr ul li .zxzx2 a:hover{background:rgba(27,217,217,.8);}
.index_div1 .zhunr ul li .sqsy{ text-align:center; width:100%; margin:10px auto;}
.index_div1 .zhunr ul li .sqsy a{ color:#179cd5 ;transition-duration:.5s;}
.index_div1 .zhunr ul li .sqsy a:hover{color:#ff3300 }

.index_div2{ background:#f6f6f6; width:100%; display:block;  margin:0 auto; padding:0px;min-width:1280px;}
.index_div2 .bt{ text-align:center; color:#333333; font-size:30px; padding-top:20px;}
.index_div2 .fbt{ text-align:center; color:#5b5b5b; font-size:12px;padding-top:10px;}
.index_div2 .liubaigao{ width:100%; height:600px; display:block; overflow:hidden; margin:50px auto 0px auto;}


.index_div3{ background:#f6f6f6; width:100%; display:block; overflow:hidden; margin:0 auto; padding:0px;min-width:1280px;}
.index_div3 .bt{ text-align:center; color:#333333; font-size:30px; padding-top:40px;}
.index_div3 .fbt{ text-align:center; color:#5b5b5b; font-size:12px;padding-top:10px;}
.index_div3 .zhunr{width:1100px; margin:20px auto 20px auto;  display:block; overflow:hidden}
.index_div3 .zhunr .left{ float:left; width:660px; height:390px; background:url(../images/index_div3_left_bj.png) no-repeat; position:relative}
.index_div3 .zhunr .left .jgd1{ width:15px; height:15px; background:url(../images/index_div3_yuandian.png) no-repeat; position:absolute; background-size:contain;animation: 4s youdong1 infinite linear;}
@keyframes youdong1 {
   0% {top:141px; left:258px;}
   20% {top:168px; left:307px;}
   25% {top:175px; left:296px;opacity:1;}
   35% {top:195px; left:262px;opacity:0;}/*隐藏点*/
   45% {top:206px; left:240px;opacity:1;}
   70% {top:180px; left:190px;}
   80% {top:168px; left:212px;opacity:1;}
   95% {top:148px; left:245px;opacity:0;}/*隐藏点*/
   100% {top:141px; left:258px;opacity:1;}
 }
.index_div3 .zhunr .left .jgd2{ width:15px; height:15px; background:url(../images/index_div3_yuandian.png) no-repeat; position:absolute; background-size:contain;animation: 4s youdong2 infinite linear;}
@keyframes youdong2 {
   0% {top:141px; left:258px;}
   20% {top:122px; left:223px;}
   25% {top:128px; left:212px;opacity:1;}
   35% {top:149px; left:175px;opacity:0;}/*隐藏点*/
   45% {top:160px; left:156px;opacity:1;}
   70% {top:180px; left:190px;}
   80% {top:168px; left:212px;opacity:1;}
   95% {top:148px; left:245px;opacity:0;}/*隐藏点*/
   100% {top:141px; left:258px;opacity:1;}
 }
 .index_div3 .zhunr .left .jgd3{ width:15px; height:15px; background:url(../images/index_div3_yuandian.png) no-repeat; position:absolute; background-size:contain;animation: 2s youdong3 infinite linear;}
@keyframes youdong3 {
   0% {top:125px; left:368px;}
   50% {top:170px; left:445px;}
   100% {top:125px; left:368px;}
 }

.index_div3 .zhunr .right{ float:right; width:400px; font-size:16px; line-height:35px; padding-top:80px; color:#484848}
.index_div3 .sida{ width:1100px; margin:0px auto; display:block; overflow:hidden}
.index_div3 .sida ul li{width:275px; float:left}
.index_div3 .sida ul li .img{ width:60px; height:60px; margin:5px auto;}
.index_div3 .sida ul li .d1{ text-align:center; display:block; font-size:18px; color:#333}
.index_div3 .sida ul li .d1 sapn{ font-size:30px; color:#33cdcb; font-weight:bold; padding-right:5px;}
.index_div3 .sida ul li .d2{ text-align:center; display:block; font-size:14px; width:220px; margin:0px auto 20px auto; line-height:25px;color:#333}

.index_map{ width:100%; min-width:1280px; height:680px; display:block; overflow:hidden; background:url(../images/index_map1.jpg) top center no-repeat,url(../images/index_map2.jpg) bottom center no-repeat;}
.index_map .bt{ text-align:center; color:#fff; font-size:30px; padding-top:40px;}
.index_map .map_nr{width:1100px; height:550px; margin:20px auto; display:block; overflow:hidden; position:relative}
.index_map .map_nr p{color:#fff; font-size:16px; position: absolute; top: 55px;left:55px;bottom: 0;}
.index_map .map_nr p.bilu{left:-20px;top: 25px;}
.index_map .map_nr p.baxi{left:55px;top: 25px;}
.index_map .map_nr p.xjp{left:30px;top: 55px;}
.index_map .map_dw{width:150px; height:65px;position:relative; }
.index_map .map_dw.gps1{top:120px; left:85px;}
.index_map .map_dw.gps2{top:240px; left:60px;}
.index_map .map_dw.gps3{top:250px; left:20px;}
.index_map .map_dw.gps4{top:110px; left:140px;}
.index_map .map_dw.gps5{top:170px; left:70px;}
.index_map .map_dw.gps6{top:-210px; left:450px;}
.index_map .map_dw.gps7{top:-255px; left:510px;}
.index_map .map_dw.gps8{top:-130px; left:620px;}
.index_map .map_dw.gps9{top:-350px; left:710px;}
.index_map .map_dw.gps10{top:-350px; left:740px;}
.index_map .map_dw.gps11{top:-450px; left:780px;}
.index_map .map_dw.gps12{top:-520px; left:860px;}
.index_map .map_dw.gps13{top:-620px; left:880px;}
.index_map .map_dw.gps14{top:-700px; left:970px;}
.index_map .map_dw.gps15{top:-750px; left:240px;}

.map_biao{width:65px; height:65px; transition: all 0.0001s ease-out;}
.map_biao.ykf{ background:url(../images/map_ykf.png) center no-repeat;}
.map_biao.wkf{ background:url(../images/map_wkf.png) center no-repeat;}
.map_biao:hover{transform: scale(1.1);}
.map_biao:hover>.yuan1{animation: yuan 2s linear 0s infinite normal;}
.map_biao:hover>.yuan2{animation: yuan 2s linear .2s infinite normal;}
.map_biao:hover>.yuan3{top: 30px;left: 0;}
.map_biao .yuan1{width:60px;height:30px;margin: auto;position: absolute;top: 30px;left: 0;right: 0;bottom: 0; }
.map_biao .yuan2{width:60px;height:30px;margin: auto;position: absolute;top: 30px;left: 0;right: 0;bottom: 0;}
.map_biao .yuan3{width:60px;height:30px;margin: auto;position: absolute;top: 25px;left: -85px;right: 0;bottom: 0;animation: yuan 2s linear .2s infinite normal;}
@keyframes yuan{
	0%{background:url(../images/map_quan.png) center no-repeat; transform: scale(.5);opacity:0}
	5%{background:url(../images/map_quan.png) center no-repeat;opacity:1}
	100% {transform: scale(3);background:url(../images/map_quan.png) center no-repeat; opacity:0}
	}
.index_map .map_nr .div1{ position:absolute; width:400px; height:65px; line-height:70px; bottom:0; left:350px;}
.index_map .map_nr .div1 ul li{ width:50%; float:left; color:#FFF;font-size:16px; text-indent:80px;}
.index_map .map_nr .div2{position:absolute;width:260px; height:150px; background:url(../images/1x1tm.png); right:0; bottom:0; border-radius:15px; overflow:hidden; text-align:center; padding-bottom:20px; padding-top:20px; color:#FFF; font-size:20px; font-weight:bold; line-height:35px;}
.index_map .map_nr .div2 span{color:#02ffeb; font-size:40px;}
.index_map .map_nr .div2 span.ys{color:#02e3ff; }


.index_news{ width:100%; display:block;  margin:0 auto; padding:0px;min-width:1280px;}
.index_news .bt{ text-align:center; color:#333333; font-size:30px; padding-top:30px; padding-bottom:30px;}
.index_news .zhurn{ width:1100px; margin:0px auto; display:block}
.index_news .zhurn ul li{ width:355px; float:left; margin-bottom:30px; }
.index_news .zhurn ul li.zhong{ margin-left:18px; margin-right:17px;}
.index_news .zhurn ul li .tou{ width:295px; height:240px; border-radius:5px;box-shadow:0px 0px 10px #c1c5c7; padding:20px 30px; overflow:hidden}
.index_news .zhurn ul li .tou .d1{ width:100%; font-size:18px; color:#333}
.index_news .zhurn ul li .tou .d1 span{ font-size:14px; float:right}
.index_news .zhurn ul li .tou .d1 span a{ color:#333;transition-duration:.5s;}
.index_news .zhurn ul li .tou .d1 span a:hover{color:#169bd6}
.index_news .zhurn ul li .tou .img{ width:100%; margin:10px auto; display:block}
.index_news .zhurn ul li .tou .d2{ width:100%; color:#999; font-size:12px;}
.index_news .zhurn ul li .tou .d2 p{ border-left:5px #19dad9 solid; font-size:14px; font-weight:bold;text-indent:7px; margin-bottom:5px;}
.index_news .zhurn ul li .tou .d2 p a{ color:#333;transition-duration:.5s;}
.index_news .zhurn ul li .wei{ width:100%; display:block; width:295px; margin:20px auto}
.index_news .zhurn ul li .wei dl dd{ line-height:25px;}
.index_news .zhurn ul li .wei dl dd a{ color:#a9a9a9;transition-duration:.5s;}
.index_news .zhurn ul li .wei dl dd a:hover{color:#333}

.hkweb_hl{ height:145px; width:100%; display:block; overflow:hidden; background:url(../images/home_feedback_bj.jpg) top center no-repeat;margin:0px auto 0px auto;min-width:1280px;}
.hkweb_hl .title{ text-align:center; margin:25px auto 10px auto; font-size:30px; color:#fff;letter-spacing:2px; line-height:40px;}
.hkweb_hl .zxzx{text-align:center; margin:20px auto; width:140px; height:auto;}
.hkweb_hl .zxzx a{  height:35px;line-height:35px;color:#fff; border:1px #FFFFFF solid; display:block;font-size:16px;border-radius: 10px;transition:all .3s ease-out;}
.hkweb_hl .zxzx a:hover{ color:#33cbcc; border:1px #33cbcc solid;}

.footer{ width:100%; background:#383d41; overflow:hidden; display:block; overflow:hidden;min-width:1280px;}
.footer .div1{ width:1200px; display:block;margin:30px auto; overflow:hidden}
.footer .div1 ul li{width:200px; float:left; height:40px;}
.footer .div1 ul li.bg1{background:url(../images/footer_ico1.png) left top no-repeat;}
.footer .div1 ul li.bg2{background:url(../images/footer_ico2.png) left top no-repeat;}
.footer .div1 ul li.bg3{background:url(../images/footer_ico3.png) left top no-repeat;}
.footer .div1 ul li.bg4{background:url(../images/footer_ico4.png) left top no-repeat;}
.footer .div1 ul li.bg5{background:url(../images/footer_ico5.png) left top no-repeat;}
.footer .div1 ul li.bg6{background:url(../images/footer_ico6.png) left top no-repeat;}
.footer .div1 ul li p{color:#ececec; padding-left:50px; font-weight:bold}
.footer .div1 ul li span{color:#84868a; padding-left:50px;}
.footer .htj{ width:100%; display:block;margin:0px auto; overflow:hidden;border-top:1px #707477 solid;}
.footer .htj .juzhong{ width:1200px; margin:30px auto; overflow:hidden}
.footer .htj .juzhong .pro_lb{ width:440px; float:left;  margin-right:20px;overflow:hidden;}
.footer .htj .juzhong .pro_lb.gffwq{width:260px;}
.footer .htj .juzhong .pro_lb.qt{width:120px;}
.footer .htj .juzhong .pro_lb dl{ width:100%;}
.footer .htj .juzhong .pro_lb dl dt{color:#ececec;text-align:left; font-size:16px; margin-bottom:20px; margin-top:10px;font-weight:bold; }
.footer .htj .juzhong .pro_lb dl dd{ color:#b9bcc5;margin-bottom:20px;float:left; width:25%;}
.footer .htj .juzhong .pro_lb dl dd.wushi{ width:50%;}
.footer .htj .juzhong .pro_lb dl dd.bai{ width:100%;}
.footer .htj .juzhong .pro_lb dl dd a{color:#b9bcc5;}
.footer .htj .juzhong .pro_lb dl dd a:hover{ color:#FFF}


.footer .div2{ width:100%; display:block;margin:0px auto; overflow:hidden; border-bottom:1px #707477 solid;border-top:1px #707477 solid;}
.footer .div2 .zhunr{ width:1200px; margin:30px auto; overflow:hidden}
.footer .div2 .zhunr .left1{ width:200px; float:left;}
.footer .div2 .zhunr .left1 .foot_logo{ width:100%; height:60px; background:url(../images/foot_logo.png) left top no-repeat;}
.footer .div2 .zhunr .left1 .wz{ color:#ececec;  line-height:40px; font-weight:bold}
.footer .div2 .zhunr .zhong1{ width:600px; float:left;}
.footer .div2 .zhunr .zhong1 .pro_lb{ width:320px; float:left; margin-left:60px; margin-right:20px;overflow:hidden;}
.footer .div2 .zhunr .zhong1 .pro_lb dl{ width:100%;}
.footer .div2 .zhunr .zhong1 .pro_lb dl dt{color:#ececec;text-align:left; margin-bottom:20px; margin-top:10px;font-weight:bold; }
.footer .div2 .zhunr .zhong1 .pro_lb dl dd{ color:#b9bcc5;margin-bottom:20px;float:left; width:120px;}
.footer .div2 .zhunr .zhong1 .pro_lb dl dd.frist{background:url(../images/nav_hot.png) 80px 5px no-repeat;}
.footer .div2 .zhunr .zhong1 .pro_lb dl dd.frist1{background:url(../images/nav_hot.png) 70px 5px no-repeat;}
.footer .div2 .zhunr .zhong1 .pro_lb dl dd a{color:#b9bcc5;}
.footer .div2 .zhunr .zhong1 .pro_lb dl dd a:hover{ color:#FFF}
.footer .div2 .zhunr .zhong1 .gywm{ width:160px; float:left; margin-left:20px; margin-right:20px;overflow:hidden;}
.footer .div2 .zhunr .zhong1 .gywm dl{ width:100%;}
.footer .div2 .zhunr .zhong1 .gywm dl dt{color:#e4e4e4;text-align:left; margin-bottom:20px; margin-top:10px;font-weight:bold; }
.footer .div2 .zhunr .zhong1 .gywm dl dd{ color:#b9bcc5;margin-top:20px; margin-bottom:20px;}
.footer .div2 .zhunr .zhong1 .gywm dl dd.frist{background:url(../images/nav_hot.png) 80px 5px no-repeat;}
.footer .div2 .zhunr .zhong1 .gywm dl dd.frist1{background:url(../images/nav_hot.png) 70px 5px no-repeat;}
.footer .div2 .zhunr .zhong1 .gywm dl dd a{color:#b9bcc5;}
.footer .div2 .zhunr .zhong1 .gywm dl dd a:hover{ color:#FFF}

.footer .div2 .zhunr .right1{ width:400px; float:left;}
.footer .div2 .zhunr .right1 .bt{color:#FFF; padding-top:10px; font-weight:bold}
.footer .div2 .zhunr .right1 .xxnr{ display:block; width:100%; overflow:hidden; margin-top:15px; line-height:35px;color:#b9bcc5;}
.footer .div2 .zhunr .right1 .xxnr span{color:#ececec}
.footer .div2 .zhunr .right1 .xxnr span a{color:#ececec}
.footer .div2 .zhunr .right1 .xxnr span a:hover{color:#f00}
.footer .foot_link{width:1200px; margin:10px auto; height:25px; line-height:25px; overflow:hidden;transition:all .6s;background:url(../images/f_linkcion.png) no-repeat right 5px; display:block; padding-right:20px; }
.footer .foot_link b{ color:#ececec}
.footer .foot_link:hover{overflow:visible;height:100px;transition:all .6s ; background:url(../images/f_linkcion.png) no-repeat right 5px;}
.footer .foot_link a{ color:#b9bcc5; padding-left:5px;padding-right:5px;}
.footer .beian{ width:100%;height:auto;margin-top:10px; display:block;overflow:hidden;height:30px;line-height:30px;color:#b9bcc5;text-align:center;}
.footer .beian a{color:#b9bcc5;}
.footer .beian a:hover{color:#f00}

/*新在线客服*/
.cndns-right{position:fixed;right:10px;top:30%;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{text-align:center;display:block;margin-bottom:6px;position:relative;}
.meau-car .cndns-right-btn {border:#ff6537;margin-bottom:20px;}
.meau-swt .cndns-right-btn{background:url(../images/zxkf_hong.gif) no-repeat  top center,#ff6867; color:#FFF; font-size:14px;border:1px #ff6867 solid; height:73px; width:73px; border-radius:5px;}
.meau-sev .cndns-right-btn{background:url(../images/zxkf_qq.png) no-repeat 13px 6px,#fff;color:#ff6867; font-size:14px; border:1px #ff6867 solid; height:73px; width:73px;border-radius:5px;line-height: 118px;}

.cndns-right-box{position:absolute;top:-100px;right:60px;padding-right:25px;display:none;}
.cndns-right-box .box-border{position:relative; }
.cndns-right-box .box-border .arrow-right{display:block;width:20px;height:20px;background:url(../images/zxkf_arrow.png) no-repeat;position:absolute;right:-19px;top:120px;}
.cndns-right-box .box-border .sev-t span{ width:30px; float:left; margin-top:5px; margin-right:5px;}
.cndns-right-box .box-border .sev-t p{float:right;color:#0179d7;font-size:16px;line-height:20px;}

.cndns-right-box .box-border .sev-b{border:1px #ff6867 solid; width:200px; background:#FFF;border-radius:5px;}
.cndns-right-box .box-border .sev-b h4{color:#6d6d6d;font-weight:normal;padding-bottom:10px; padding-top:10px; padding-left:10px; font-size:16px; line-height:25px; border-bottom:1px #d6d6d6 solid;width:80%; margin:0px auto;}
.cndns-right-box .box-border .sev-b h4 i{ color:#ff9932; font-size:18px;}
.cndns-right-box .box-border .sev-b p{text-align:center; color:#6d6d6d; padding-top:5px;padding-bottom:5px; line-height:20px;font-size:14px; display:block}
.cndns-right-box .box-border .sev-b li{float:left;width:40%; display:block; margin-left:5%; margin-right:5%; margin-bottom:5px;color:#6d6d6d;font-size:16px;}
.cndns-right-box .box-border .sev-b li a{display:block;color:#6d6d6d;font-size:13px;padding-left:42px;background:url(../images/zxkf_qq1.png) no-repeat 10px 0px;line-height:35px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff0000; background:url(../images/zxkf_qq1.png) no-repeat 10px 0px;}


.meau-top .cndns-right-btn{background:url(../images/zxkf_top.png) no-repeat #fff center; border:1px #ff6867 solid; height:73px; width:73px;border-radius:5px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-zs .cndns-right-btn{background:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}

/*机房介绍静态模板CSS*/
.crumb { width:100%; height:60px; line-height:60px; color:#555}
.crumb div { margin:0 auto; padding:0 0 0 25px; width:1075px; background:url(../images/all_bg.png) -282px -562px no-repeat}
.crumb div a{color:#333;}
.crumb div a:hover{color:#18539a;}

.sub_lft { float:left; margin:0 20px 0 0; width:240px;}
.sub_rg { float:left; width:840px;}
.sub_main { margin:0 auto; padding:0 0 20px 0; width:1100px;}
.sub_nav {}
.sub_nav h2 { padding:0 0 0 20px; height:45px; line-height:45px; background:#529c39; color:#fff; font-size:18px; font-weight:normal}
.sub_nav ul { font-size:16px}
.sub_nav ul li a { padding: 0 0 0 20px; height:45px; line-height:45px; border-bottom:1px solid #cecece; border-top:1px solid #fff; background:#f4f4f4; display:block}
.sub_nav ul li a span { float:left; margin:13px 6px 0 0; width:19px; height:19px; background:url(../images/usa_ico.png) 0px -29px no-repeat; display:block}
.sub_nav ul li a:hover { background:#e6e6e6;}
.sub_nav ul li a.cur span { margin:12px 6px 0 0; width:19px; height:19px; background:url(../images/usa_ico.png) 0px -4px no-repeat; display:block}
.sub_nav ul li a.cur { background:#D9D9D9}

.feature_con { padding:0 20px 20px 20px; width:1058px; border:1px solid #e4dcdc;}
.feature_con ul li { padding:30px 0 50px 0; background:url(../images/future_line.gif) bottom center no-repeat}
.feature_con ul li .f_pic { float:left; margin:12px 30px 0 10px; width:160px; text-align:center; display:inline }
.feature_con ul li .f_r_c { float:left; width:835px;  }
.feature_con ul li .f_r_c h2 { margin:0 0 10px 0; font-size:26px; font-weight:normal}
.feature_con ul li .f_r_c p { margin:0 0 10px 0; line-height:24px; color:#555}
.feature_con ul li .f_r_c p a { color:#1e669d}

.usa_prod_top { margin:10px 0 0 0; width:1100px}
.usa_prod_top_nav { background:url(../images/line_gray.png) 0 bottom repeat-x; _background:url(../images/line_gray.png) 0 43px repeat-x;}
.usa_prod_top_nav ul li { float:left; margin:0 40px 0 0}
.usa_prod_top_nav ul li a { padding:0 0 12px 0; font-size:22px; display:block;color:#333;}
.usa_prod_top_nav ul li a:hover { background:url(../images/line_hover.png) 0 bottom repeat-x;color:#18539a;}
.usa_prod_top_nav ul li a.cur { background:url(../images/line_hover.png) 0 bottom repeat-x;color:#18539a; }

.usa_prod_bottom_nav { margin:20px 0 20px 0; width:1100px}
.usa_prod_bottom_nav ul li { float:right; margin:0 0 0 30px; font-size:16px}
.usa_prod_bottom_nav ul li a{color:#333;}
.usa_prod_bottom_nav ul li a:hover{color:#18539a;}
.usa_prod_bottom_nav li.op_buy, .usa_prod_bottom_nav li.op_db, .usa_prod_bottom_nav li.op_choice { margin:0 0 0 20px;}
.usa_prod_bottom_nav li.op_buy a { padding:0 0 0 20px;  background:url(../images/usa_ico.png) -3px -424px no-repeat;}
.usa_prod_bottom_nav li.op_db a { padding:0 0 0 30px;  background:url(../images/usa_ico.png) -1px -392px no-repeat;}
.usa_prod_bottom_nav li.op_choice a { padding:0 0 0 25px;  background:url(../images/usa_ico.png) -2px -356px no-repeat;}
.usa_prod_bottom_nav li.op_choice { margin:0 0 0 20px}
.usa_prod_bottom_nav ul li.bot_line a.cur { padding:0 0 15px 0; display:block}
.usa_prod_bottom_nav ul li.bot_line a.cur { background:url(../images/bot_arror.png) center bottom no-repeat; color:#529c39}

#fix_div { }
.fix_nav { margin:0 0 10px 0; width:1100px; height:45px; line-height:45px; background:#529c39; overflow:hidden }
.fix_nav ul li { float:left; width:180px}
.fix_nav ul li a { border-right:1px solid #238723; color:#FFF; font-size:16px; text-align:center; display:block}
.fix_nav ul li a.noborder, .table_td ul li.noborder { border:none}
.table_header { width:1100px; height:45px; line-height:45px; background:#9d9d9d; overflow:hidden}
.table_header ul li { float:left; border-right:1px solid #8e8e8e; text-align:center; color:#e0dfdf; font-size:16px; }

.product_list h3 { line-height:45px; border:1px solid #e4dcdc; border-bottom:none; background:#e9e9e9; font-size:16px; text-align:center}
.table_header ul li.header_cpu { width:240px }
.table_header ul li.header_nc { width:100px }
.table_header ul li.header_disk { width:210px }
.table_header ul li.header_web { width:190px }
.table_header ul li.header_ip { width:65px }
.table_header ul li.header_price { width:140px }

.fix_nav a.m1:hover,.fix_nav a.selected1 { background:#006600}
.fix_nav a.m2:hover,.fix_nav a.selected2 { background:#006600}
.fix_nav a.m3:hover,.fix_nav a.selected3 { background:#006600}
.fix_nav a.m4:hover,.fix_nav a.selected4 { background:#006600}
.fix_nav a.m5:hover,.fix_nav a.selected5 { background:#006600}
.fix_nav a.m6:hover,.fix_nav a.selected6 { background:#006600}

.table_td { margin:0 0 10px 0; width:1100px; }
.table_td table { border-collapse: collapse;  }
.table_td table td { padding:15px 0; border:1px solid #e4dcdc;}
.table_td table th { padding:15px 0; border:1px solid #8e8e8e;}
.table_td table th { background:#6a6a6a; color:#e0dfdf; font-size:16px}

.table_td table td.header_cpu { width:190px; }
.table_td table td.header_nc { width:80px }
.table_td table td.header_disk { width:180px }
.table_td table td.header_web { width:160px }
.table_td table td.header_ip { width:49px }
.table_td table td.header_price { width:120px }
.table_td table td.header_op { width:120px }
.table_td table td.header_op a { margin:0 auto; }
.table_td table td.header_price, .usa_gf table td.header_price{ font-weight:bold; color:#FF0000}
.table_td table td.header_price i { color:#999; font-style:normal; font-weight:normal; text-decoration:line-through}
.table_td table tr.oddtr, .usa_gf table tr.oddtr { background:#f8f8f8}
.table_td table tr.title_tr td { text-align:center}
.table_td table tr.title_tr td.header_cpu { text-align:left; padding:0 0 0 10px }


.table_td table td.header_op a { padding:6px 0 6px 37px; width:70px; background:url(../images/usa_ico.png) #529c39 8px -291px no-repeat; color:#fff; display:block  }
.table_td table td.header_op a:hover { background:url(../images/usa_ico.png) #52ad33 8px -291px no-repeat; }

.usa_gf table td.header_op a { padding:6px 0 6px 37px; width:70px; background:url(../images/usa_ico.png) #529c39 8px -291px no-repeat; color:#fff; display:block  }
.usa_gf table td.header_op a:hover { background:url(../images/usa_ico.png) #52ad33 8px -291px no-repeat; }

.join_con table { margin:10px 0 20px 0; border-collapse: collapse; line-height:24px}
.join_con table td, .join_con table th { padding:15px 10px; border:1px solid #e4dcdc;}
.join_con table th { background:#f8f8f8}
.join_con h2 { margin:10px 0 0 0; font-size:18px; font-weight:normal}

.evaluation_con { padding:0 0 20px 35px; width:1063px; border:1px solid #e4dcdc;}
.evaluation_list { margin:30px 0 0 0}
.evaluation_list ul li { float:left;  margin:0 48px 0 0; width:490px;}
.evaluation_list ul li p { padding:14px; width:460px; border:1px solid #ccc; }
.evaluation_list ul li p:hover { border:1px solid #529c39; background:#f8f8f8}
.evaluation_list ul li.nomar { margin:0;}
.evaluation_list ul li h2 { margin:10px 0 0 0; line-height:24px; color:#000; text-align:center; font-size:14px; font-weight:normal}

.room_compare table { margin:10px 0 20px 0; border-collapse: collapse; line-height:24px}
.room_compare table td, .room_compare table th { padding:15px 10px; border:1px solid #e4dcdc;}
.room_compare table th { background:#f8f8f8; font-size:16px}

.go_intro { margin:0 auto; padding:35px 0 0 40px; width:1060px; height:415px; background:url(../images/go_bg.jpg) no-repeat;}
.go_intro h1 { margin:0 0 15px 0; font-size:24px; color:#FFF; font-weight:normal}
.go_intro p { margin:0 0 15px 0; width:800px; line-height:24px; font-size:14px; color:#e8e8e8}

.zzff { padding:10px 0 10px 0; line-height:30px; color:#555}
.zzff h2 { color:#333; font-size:20px; font-style:normal}
.zzff ul li { padding:10px 0 10px 0; border-bottom:1px dotted #CCC}

.video_list { width:1100px;}
.video_list ul li { float:left; width:200px; margin:10px 25px 10px 0;}
.video_list ul li h2 { padding:5px; text-align:center; font-size:14px; font-weight:normal;}
.video_list ul li h2 a { color:#666; }
.video_list ul li h2 a:hover{ color:#000; text-decoration:underline }
.video_list ul li.norm { margin:10px 0 10px 0;}

.video_con { width:1100px}
.video_lft { float:left; margin:0 40px 0 0; width:820px;}
.video_title { padding:15px 10px; background:#F9F9F9}
.video_title h1 { margin:0 0 15px 0; font-size:22px; font-weight:normal; text-align:center}
.video_title h2 { margin:0 0 10px 0; font-size:14px; font-weight:normal; color:#666; text-align:center}
.video_title span { margin:0 auto; color:#999; display:block}

.video_if { padding:20px 0 20px 0}
.video_des { padding:0 0 0 10px}
.video_des h3 { margin:0 0 10px 0; font-size:16px; font-weight:normal;}
.video_des p { line-height:28px; color:#666}

.sharetoweb { padding:0 0 20px 635px}
.video_rg { float:left; width:240px;}

.video_list_rela h5 { padding:0 0 0 10px; height:45px; line-height:45px; background:#529c39; color:#fff; font-size:18px; font-weight:normal;}
.video_list_rela ul li { margin:0 0 10px 0; position:relative; height:239px}
.video_list_rela ul li h2 { padding:5px; position:absolute; left:0px; bottom:-5px; width:230px; background:#000; text-align:center; font-size:14px; font-weight:normal;}
.video_list_rela ul li a h2{ color:#F9F9F9; }
.video_list_rela ul li a:hover h2{ color:#fff; text-decoration:underline }

/*后面联系我们等页面css*/
.about_box{ width:1100px; margin:0 auto; padding:20px 0px;}
.about_box .dqwz{height:50px;line-height:50px;font-size:16px;color:#333333;background:url(../images/news_right_01.jpg) 0px 15px no-repeat;text-indent:40px;}
.about_box .dqwz a{color:#333333}
.about_box .dqwz a:hover{color:#04d8d9}
.about_box_right,.about_box_right_contact,.about_box_right_join_us{  width:1058px; border:1px solid #999; padding:0px 20px; margin-bottom:30px;overflow:hidden}
.about_box_right_title{ width:1058px;color:#333; font-size:18px; margin-top:20px;}
.about_box_right b,.about_box_right_contact b{line-height:30px;border-bottom:1px solid #999;width:1058px;display:block;color:#01a17d;margin:40px auto 20px auto;}
.about_box_right_contact dl{height:38px;width:100%; float:left; margin-bottom:10px;}
.about_box_right_contact dl dt{ width:110px; background:#f6f6f6; float:left; text-align:right; color:#333; line-height:38px; margin-right:5px;}
.about_box_right_contact dl dd{ line-height:38px; margin-left:5px; color:#666;width:825px; height:38px; border-bottom:1px solid #f6f6f6;}
.about_box_right_contact dl dd img{ margin:5px 5px 0 0; float:left; display:block; text-align:center;}
.about_box_right_contact b{ margin-top:20px;}
.ditu{ width:840px; height:600px; margin:30px auto 30px auto;}
.payment_top h1 { margin:20px auto; color:#000; font-size:18px; font-weight:normal}
.payment_top p { padding:10px; line-height:26px; background:#f8f8f8; border:1px solid #ccc; font-size:16px }
.payment_all ul li { margin:15px 0 0 0; padding:15px 15px 15px 250px; border:1px solid #e4dcdc; position:relative}
.payment_all ul li.normar { margin:15px 0 0 0;}
.payment_all ul li dl dt { left:15px; top:15px; _left:-230px;  width:100px; height:30px; position:absolute}
.payment_all ul li:hover { border:1px solid #01a17d;}
.payment_all ul li dl dd.account_name { margin:0 0 6px 0; padding:0 0 6px 0; border-bottom:1px dashed #ccc; font-size:16px}
.payment_all ul li dl dd.account_details { line-height:24px; color:#555}
.account_inf { margin:20px auto; }
.account_inf span { color:#FF0000; font-weight:bold}
