html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}html,body{color:#333}

body{background:#fff;}

ul,ol,li{ list-style:none;}

img{ border:none;}

em{ font-style:normal;}

h1,h2,h3,h4,h5{ font-weight:normal;}

.clearfloat:after{ content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}

.clearfloat{zoom:1;}

.banner{ width:100%; height:334px; overflow:hidden; background:url(../images/rent_banner.jpg) no-repeat center top;}/* banner盒子设置*/

.banner_zhifu{ width:100%; height:334px; overflow:hidden; background:url(../images/banner_zhifu.jpg) no-repeat center top;}/* banner盒子设置*/

.banner_liucheng{ width:100%; height:334px; overflow:hidden; background:url(../images/banner_liucheng.jpg) no-repeat center top;}/* banner盒子设置*/

.banner_hosting{ width:100%; height:334px; overflow:hidden; background:url(../images/col_banner.jpg) no-repeat center top;}/* banner盒子设置*/

.banner_cabinet{ width:100%; height:334px; overflow:hidden; background:url(../images/dadaikuan_banner.jpg) no-repeat center top;}/* banner盒子设置*/

.banner_user{ width:100%; height:334px; overflow:hidden; background:url(../images/qiye_banner.jpg) no-repeat center top;}/* banner盒子设置*/

.banner1{ width:100%; height:120px; overflow:hidden; background:/*rgba(49, 49, 49, 0.5)*/#F5F5F5 no-repeat center top;}/* banner盒子设置*/

.width840{width:840px;}



.width325{width:325px;}

.width480{width:480px;}

.width840{width:840px;}

.width840{width:840px;}

ul.f16_lin30{line-height: 35px;font-size: 16px;font-family: " 微软雅黑";}

.mrr5{margin-left:30px; margin-top:25px;}









.choose {width:1200px; margin:0 auto;position:relative;}

.ui-choose{color:#C00;  font-size:16px;  margin-top:30px;  width:1200px; height:99px; overflow:hidden;}

.ui-choose1{color:#C00;font-size:16px;margin-top:30px;width: 1200px;height: auto;overflow:hidden;word-break: break-all;}

.classa p{width:99px;   position:relative;color:#FFF; font-size:16px;  float:left; text-align:center; background: url(../images/blue.png) no-repeat;height:98px; padding:39px 0;margin-right: 15px;}

.choose1 { float:left; margin-left:20px;  margin-top:10px;}

.ui-choose1 a{width:190px; font-size:16px; height:68px; line-height:67px; color:#7c7c7c;background-color:#FFF ;  text-align:center; display:block; border:solid 1px #888888;margin-top: 9px;}

.ui-choose1 a:hover{ color:#15bbf9; border:solid 1px  #15bbf9;}







.ui-choose2{ color:#C00;  font-size:16px;  margin-top:2px;  width:1200px; overflow:hidden;}

.classb p{width:99px;  position:relative;color:#FFF; font-size:16px;  float:left; text-align:center;background:url(../images/blue.png) no-repeat;height:98px; padding:39px 0;margin-right: 15px;}

.ui-choose2 a{width:180px; font-size:16px; height:68px; line-height:67px; color:#7c7c7c;background-color:#FFF ; text-align:center; display:block;border:solid 1px #888888;}

.ui-choose2 a:hover{ color:#15bbf9; border:solid 1px  #15bbf9;}









.table0{ margin:20px auto 100px;width:1200px;background-color:#FFF;}

.jifang{width: 1200px; overflow:hidden;}

.jifang ul{  overflow:hidden; margin:10px 0;}

.jifang li{ list-style:outside;float:left;  overflow:hidden; margin:0; padding:0; }

.jifang a{color:#666;text-decoration: underline;}

.jifang a:hover{color:#fd6e0a}

.jifang h6{color:#696969;font-weight: normal;line-height: 30px;font-family: "微软雅黑";}

.table1{width: 1200px;} 

.table1 table{width: 1200px;border-spacing:10px} 

.table1 td{padding-left:5px; border:solid #e9e9e9; border-width:1px 1px 1px 1px;text-align:left; margin:20px;text-align: center;}

.table1 th{ padding:18px 25px;color:#FFF; overflow:hidden;font-weight:normal; text-align:center;background:url(../images/blue1.png) no-repeat 50% 0%;}

.table1 tr{cellspacing:10px;;line-height:55px;color:#7c7c7c; }

.table3{ margin:0 auto; width:1200px; float:left;}

.table3 ul{ float:left;padding:15px; margin-top:0px;border:solid #e9e9e9;border-width:1px 1px 1px 1px;}

.table3 li{ float:left;padding:12px }

.table3 img{ padding-left:10px ;border:solid #e9e9e9;border-width:1px 1px 1px 1px;}

.table1 th:hover{color:#888888; background:url(../images/gary.png) no-repeat 50% 0% ;}

.table1 .consult {background-color:#ff635c;width:84px;height:30px;color:#fff;font-size:14px;text-align:center;display:inline-block;line-height:30px;}





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

.table4{width:1200px; height:302px;  margin-bottom:100px;}



.jpg{background-color:#FFF;  margin-top:-2; width:1200px;}

.jfp p{padding:5px 10px; width:700px;  pxtext-align:center; color:#15bbf9; font-weight:bold;font-size:24px;border:solid #DDD; border-width:0px 0px 1px 3px; border-left-color:#15bbf9; margin:50px 0 10px 0; float:left; }



.jfp b{ width:700px;  color:#4192ff; font-weight:bold;font-size:24px;border:solid #DDD; border-width:0px 0px 1px 0px; border-left-color:#4192ff; margin-bottom:50px ; float:right; }

.jfp h5{ color:#ff6c00; font-size:12px;font-weight:normal;float:left; width:600px; padding-top:60px;margin-left:-480px;}

.table1 h1{ color:#666; font-size:16px; font-weight:normal;float:left; width:1200px; margin-top:20px;}

.table1 a{ color:#FF6C00; font-size:16px; font-weight:bold; }











.bottom1{ width:100%; background-color:#646464; height:100px; overflow:hidden; }

.bottom2{ width:1200px; text-align:center; overflow:hidden;margin:0px auto 20px;  }

.bottom3{ width:1200px; margin:0 auto; overflow:hidden; }

.bottom1 img{ float:left; margin-top:18px;  width:1200px; }





.asd { width:100%; background-color:#464646; overflow:hidden; float:left;}

.qile{ margin-top:25px; float:left;}

.qile a{color:#666; font-size:13px;} 

.qile a:hover{color:#FFF}



.fuwuqiz {float:left; width:800px; height:370px; border-left:1px solid #7c7c7c; border-right:1px solid #7c7c7c; margin:30px 0 0 30px;}

.fuwuqi{width:500px; margin-left:2%; overflow:hidden;float:left;}

.fuwuqi li{padding-right:10px;  float:left; margin-left:2px; }

.fuwuqi a{color:#d5d5d5; font-size:13px; background-color:#7c7c7c; background-size:200px 200px; padding:10px;}

.fuwuqi a:hover{color:#fd6e0a;background-size:200px 200px;}



.adress{width:500px; margin:30px 0 0 20px; overflow:hidden; float:left;}

.adress li{ color:#666; font-size:12px;} 

.adress h1{ color:#666; font-size:14px; padding-bottom:20px;}



.tel{  margin-left:2%; float:left; margin-top:25px;}

.tel li{ color:#666; font-size:13px;}

.tel h1{ color:#666; font-size:13px;} 

.tel p{ color:#CCC; font-size:11px;} 

.tel img{ padding-bottom:10px;}





.max1600{max-width:1600px; min-width:1007px; margin:0 auto;}

.topbar{ position: absolute; left: 0; top: 0; width:100%; height:150px; background: transparent url(../images/lineartop.png) repeat-x center top; z-index: 900;}

.toppic{ max-width:1170px;  height:75px; margin:0 auto;}

.toppic a:link, .toppic a:visited{ color: #fff;}



.topicfixed{ position: fixed; left: 0; top: 0; background: #fff; border-bottom: 1px solid #f1f1f1;}

.topicfixed a:link, .topicfixed a:visited{ color: #333;}

.topside{ float:left; width:59%;}

.logoLink{ float:left; display:block; width:106px; height:0px; overflow:hidden; padding-top:76px; font-size:0; background:transparent  url(../images/logo1.png) no-repeat left 1px;}

.topNav{ float:left; width:900px; padding-left: 80px; margin-top:-76px;}

.topNav li{ float:left; margin-left: 20px;}

.topNav li a{ float: left; padding: 0 10px; line-height:75px; font-size:1.125em;}

.topNav li a:hover{ color: #12b7f5;}

.topNav li.current a{ color: #12b7f5;}

.topicfixed { height: 75px;}

.topicfixed .logoLink{ background-image: url(../images/logo.png);}

.topicfixed li.current a{ background: none; color: #12b7f5;}



.topicfixed .topNav li a:hover{ background: none; color: #12b7f5;}



.topTool{ float:right; width:340px; font-size:0.875em; margin-right: -100px;}

.topTool a.barzc{ float: left; width: 96px; height: 0; overflow: hidden; padding: 39px 0 0 30px; margin: 18px 0 0 0; background:transparent url(../images/zccc.png) no-repeat 0 -244px; text-align: center; line-height: 39px; color: #fff;}

.topTool a.barzc:hover, .topicfixed a.barzc:hover{background:transparent url(../images/zccc.png) no-repeat 0 -284px; color: #fff;}

.topTool a.barzc1{ float: left; width: 96px; height: 0; overflow: hidden; padding: 39px 0 0 50px; margin: 18px 0 0 0; background:transparent url(../images/dlll.png) no-repeat 0 -244px; text-align: center; line-height: 39px; color: #fff;}

.topTool a.barzc1:hover, .topicfixed a.barzc1:hover{background:transparent url(../images/dlll.png) no-repeat 0 -284px; color: #fff;}



.topTool a.barzc2{ float: left; width: 96px; height: 0; overflow: hidden; padding: 39px 0 0 50px; margin: 18px 0 0 0; background:transparent url(../images/hyyy.png) no-repeat 0 -244px; text-align: center; line-height: 39px; color: #fff;}

.topTool a.barzc2:hover, .topicfixed a.barzc2:hover{background:transparent url(../images/hyyy.png) no-repeat 0 -284px; color: #fff;}



.topTool ul{ float: right; height: 40px; padding-top: 6px;}

.topTool li{ float: right; margin-left: 25px; position: relative; line-height: 40px;}

.topTool .login{ height:43px; line-height:43px;}

.topTool .login span{ padding:0 18px; color:#cecece;}

.topTool a:hover{ color:#12b7f5;}

.flashData{ float: right; line-height:17px; text-align: right; letter-spacing: 0.04em;}

.flashData a:hover{ text-decoration:underline;}

.topicfixed a.barzc{ display: inline;}



#loginInfo img{ float: left; width:25px; height:25px; margin-top: 5px; vertical-align:middle; border-radius: 12px; cursor: pointer;}

.loginPenel{ display: none; position: absolute; right: 0; top: 30px; width: 120px; height: 85px; z-index: 100;}

.loginPenel .trg{ position: absolute; right: 8px; top: 4px; width: 10px; height: 7px; background:transparent url(../images/trg.png) no-repeat 0 0; font-size: 0;}

.logindrop{ width: 120px; height: 75px; margin-top: 10px; background: #fff;}

.nick{ width: 100px; height: 39px; overflow: hidden; margin: 0 auto; white-space: nowrap; line-height: 39px; text-align: center; text-overflow:ellipsis;}

.lgout{ width: 100%;  border-top: 1px solid #d7d7d7; line-height: 35px; text-align: center;}

.lgout a:link, .lgout a:visited{ color: #333;}



















.newfoot{ width: 100%; height: 348px; padding-top:34px; background: #2a2a2a; font-size:0.75em;}

.newfoot a:link, .newfoot a:visited{ color: #979797;}

.newfoot a:hover{ color: #cfcfcf;}

.qmaps{ width: 1100px; height: 150px; margin: 0 auto;}

.plats{ float: left; width: 510px; padding-left: 8px;}

.plats h3{ height: 50px;  color: #666; font-size: 14px;}

.plats a{ float: left; padding-top: 65px; background: transparent url(../images/plats1.png) no-repeat 0 0; text-align: center; font-size: 14px;}

.plats a:hover{ color: #12b7f5;}

.plats a.plmb{ width: 68px; margin-right: 35px; background-position: 0px 0;}

.plats a.plmb:hover{ background-position: 0px -93px;}

.plats a.plpc{ width: 80px; margin-right: 30px; background-position: -105px 0;}

.plats a.plpc:hover{ background-position: -105px -93px;}

.plats a.plmac{ width: 84px; margin-right:30px; background-position: -210px 0;}

.plats a.plmac:hover{ background-position: -210px -93px;}

.plats a.plpad{ width: 76px; background-position: -326px 0;}

.plats a.plpad:hover{ background-position: -326px -93px;}

.map{ float: left;}

.map h3{ height: 25px; color: #666; font-size: 14px;}

.map li{ line-height: 22px;}

.qac{ width: 130px;}

.qfaq{width: 130px;}

.qlink{ width: 250px;}

.fuwu{ width: 80px;}

.haoma{width: 400px; color:#979797; margin-top:25px;}

.copyright{ clear: both; width: 1100px; margin: 0 auto; padding-top: 16px; border-top: 1px solid #666; line-height: 17px; text-align: center; color: #666;} 

.login_div { display: none; position: fixed; left: 50%; top: 50%; width: 622px; height: 368px; margin: -184px 0 0 -311px; z-index: 99999;}

#pg2 .qfileWrap .pic1{

    opacity: 1;

    -webkit-transform-origin:left;

    -moz-transform-origin:left;

    -o-transform-origin:left;

    -ms-transform-origin:left;

    transform-origin:left;

    -webkit-animation: zoomIn 0.2s ease 0.1s;

    -moz-animation: zoomIn 0.2s ease 0.1s;

    -o-animation: zoomIn 0.2s ease 0.1s;

    animation: zoomIn 0.2s ease 0.1s;

    -webkit-animation-fill-mode: backwards;

    -moz-animation-fill-mode: backwards;

    -o-animation-fill-mode: backwards;

    animation-fill-mode: backwards;

}



#pg2 .qfileWrap .qfbar{

    -webkit-animation: fadeIn 0.4s ease 0.3s;

    -moz-animation: fadeIn 0.4s ease 0.3s;

    -o-animation: fadeIn 0.4s ease 0.3s;

    animation: fadeIn 0.4s ease 0.3s;

    -webkit-animation-fill-mode: forwards;

    -moz-animation-fill-mode: forwards;

    -o-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

}



#pg2 .qfileWrap .bar{

    -webkit-animation: widthall 1s ease 0.4s;

    -moz-animation: widthall 1s ease 0.4s;

    -o-animation: widthall 1s ease 0.4s;

    animation: widthall 1s ease 0.4s;

    -webkit-animation-fill-mode: forwards;

    -moz-animation-fill-mode: forwards;

    -o-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

}



#pg2 .qfileWrap .pic2{

    opacity: 1;

    -webkit-transform-origin:right;

    -moz-transform-origin:right;

    -o-transform-origin:right;

    -ms-transform-origin:right;

    transform-origin:right;

    -webkit-animation: zoomIn 0.2s ease 1.5s;

    -moz-animation: zoomIn 0.2s ease 1.5s;

    -o-animation: zoomIn 0.2s ease 1.5s;

    animation: zoomIn 0.2s ease 1.5s;

    -webkit-animation-fill-mode: backwards;

    -moz-animation-fill-mode: backwards;

    -o-animation-fill-mode: backwards;

    animation-fill-mode: backwards;

}



#pg3 .qblogWrap .pic1{

    opacity: 1;

    -webkit-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;

    -moz-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;

    -o-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;

    animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;

    -webkit-animation-fill-mode: backwards;

    -moz-animation-fill-mode: backwards;

    -o-animation-fill-mode: backwards;

    animation-fill-mode: backwards;

}



#pg3 .qblogWrap .pic2{

    opacity: 1;

    -webkit-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;

    -moz-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;

    -o-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;

    animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;

    -webkit-animation-fill-mode: backwards;

    -moz-animation-fill-mode: backwards;

    -o-animation-fill-mode: backwards;

    animation-fill-mode: backwards;

}



#pg3 .qblogWrap .pic3{

    opacity: 1;

    -webkit-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;

    -moz-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;

    -o-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;

    animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;

    -webkit-animation-fill-mode: backwards;

    -moz-animation-fill-mode: backwards;

    -o-animation-fill-mode: backwards;

    animation-fill-mode: backwards;

}

#pg3 .qblogWrap .pic4{

    opacity: 1;

    -webkit-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.7s;

    -moz-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.7s;

    -o-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.7s;

    animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.7s;

    -webkit-animation-fill-mode: backwards;

    -moz-animation-fill-mode: backwards;

    -o-animation-fill-mode: backwards;

    animation-fill-mode: backwards;

}

.zengzi{width:1200px;overflow:hidden;zoom:1;}

.zengzhi{ font-size: 16px;font-weight: normal; float:left; margin-bottom:50px;}

.zengzi ul{ float:left;padding: 10px 13px;}

.zengzi h1{ color:#15bbf9;padding:10px 0;}

.zengzi li{ font-size:14px;padding:3px 0; color:#7C7C7C;}

.zengzi img{float:left; margin-left:-10px; margin-top:-10px;}

.zengzi a{

    color: #e23f00;

    float: left;

    font-size: 13px;

    margin-left: 20px;

    margin-top: 25px;

    width: 1200px;

}