@charset "utf-8";

* { margin: 0px; padding: 0px;}
body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei'; font-size: 12px; color: #333; min-width: 1278px;}
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px;}
input, textarea, select { color: #333; font-family: 'Microsoft Yahei';}
*:focus { outline: none;}
img { border: 0px;}
ul, li { list-style-type: none;}
a { color: #333; text-decoration: none;}
a:hover { color: #e67817;}
.warp { width: 1278px; margin: 0 auto;}
.clear { clear: both; overflow: hidden; content: ''; height: 0px;}
.fl { float: left;}
.fr { float: right;}
i, em { font-style: normal; display: inline-block;}

.headtop{ height:37px; line-height:37px; border-bottom:1px solid #eee;}
.headtop a{ background:url(../d.jpg) no-repeat left center; padding-left:10px; color:#999; margin-right:12px;}
.headtop span{ float:right;}
.headtop span a{ margin-left:25px; margin-right:0px;}
.logoNav{ height:85px; botder-top:1px solid #e67817; border-bottom:2px solid #e67817;}
.logoNav .logo{ float:left; margin-top:17px; height:52px;}
.logoNav ul{ float:right;}
.logoNav ul li{ float:left; margin-left:52px;position:relative;}
.logoNav ul li > a{ display:block; height:85px; font-size:16px; line-height:85px; position:relative;}
.logoNav ul li:hover > a,.logoNav ul li > a.on{ color:#e67817;}
.logoNav ul li > a.on:after{ width:100%; height:2px; background:#e67817; position:absolute; left:0px; bottom:0px; content:'';}
.logoNav ul li .nson{ position:absolute; left:-20px; width:100px; background:#fff; top:85px; z-index:1111; display:none; border-top:2px solid #e67817;}
.logoNav ul li .nson p a{ display:block; line-height:40px; border-bottom:1px solid #eee; font-size:14px; text-align:center;}
.logoNav ul li .nson p:last-child a{ border:0px;}
.logoNav ul li .nson p a:hover{ background:#e67817; color:#fff;}




.banner { height:439px; overflow: hidden; width:1278px; margin:0 auto; position: relative;}
.banner li { width: 100%; height:439px;}
.banner li a { display: block; height:439px;}
.banner .hd { position: absolute; left: 0x; text-align: center; width: 100%; bottom: 12px;}
.banner .hd li { width: 13px; height: 13px; overflow: hidden; line-height: 99999px; display: inline-block; margin: 0 5px; border-radius: 50%; background: #fff; opacity: 0.5; cursor: pointer;}
.banner .hd li.on { opacity: 1; background:#e67817;}


.title { margin-top:27px; margin-bottom:22px; height:30px; border-left:4px solid #e67817; line-height:26px; overflow:hidden;}
.title h2 { font-size:24px; float:left; color:#8b8b8b; font-weight:normal; margin-top:2px; padding-left:10px;}
.title a{ float:right; color:#999;}


.zxcgList{ width:1278px; position:relative;}
.zxcgList .bd{ width:1278px; overflow:hidden;}
.zxcgList .bd ul li{ float:left; width:305px; margin-right:14px; background:#f6f6f6;}
.zxcgList .bd ul li .pic{ overflow:hidden;}
.zxcgList .bd ul li img{ height:209px; transition:all 0.5s ease;}
.zxcgList .bd ul li .text{ padding:12px; padding-bottom:15px; height:90px; text-align:center;color:#666;}
.zxcgList .bd ul li .text h3{ font-size:16px; font-weight:normal; padding-bottom:10px;}
.zxcgList .bd ul li p{ font-size:12px; line-height:22px;}
.zxcgList .bd ul li:hover img{ transform:scale(1.3);}
.zxcgList .bd ul li:hover{ background:#e67817;}
.zxcgList .bd ul li:hover .text{color:#fff;}
.zxcgList .prev{ width:21px; height:38px; background:url(../btnl.jpg) no-repeat; position:absolute; left:-40px; top:30%;}
.zxcgList .next{ width:21px; height:38px; background:url(../btnr.jpg) no-repeat; position:absolute; right:-40px; top:30%;}
.zxcgList .prev:hover{ width:21px; height:38px; background:url(../btnlon.jpg) no-repeat; position:absolute; left:-40px; top:30%;}
.zxcgList .next:hover{ width:21px; height:38px; background:url(../btnron.jpg) no-repeat; position:absolute; right:-40px; top:30%;}


.zxcgList.ky li:last-child{ margin-right:0px;}
.zxcgList.ky .bd ul li .text{ height:38px;}


.inLink{ overflow:hidden; margin-top:14px;}
.inLink li{ float:left; width:33.33333333%; height:195px;}
.inLink li .text{ width:50%; height:195px; text-align:center; background:#25a6d6; float:right;}
.inLink li .text h3{ color:#fff; font-weight:normal; font-size:22px;}
.inLink li .text img{ display:block; margin:0 auto; height:62px; margin-top:44px; margin-bottom:23px;}
.inLink li .ims{ width:50%; height:195px; float:left; overflow:hidden;}
.inLink li .ims img{ width:100%; height:100%; display:block; transition:all 0.5s ease;}
.inLink li:hover .ims img{ transform:scale(1.3);}
.inLink li.li1 .text,.inLink li.li2 .text,.inLink li.li3 .text{ float:left;}
.inLink li.li1 .ims,.inLink li.li2 .ims,.inLink li.li3 .ims{ float:right;}
.inLink li.li2 .text{ background:#8bcb2c;}
.inLink li.li3 .text{ background:#2acaca;}
.inLink li.li4 .text{ background:#ffd200;}
.inLink li.li5 .text{ background:#cc3333;}
.inLink li.li6 .text{ background:#e88834;}
.inLink li:hover .text{ background:#6b6b6b;}


.topimg{ overflow:hidden;}
.topimg img{ display:block; width:1278px;}

.left{ float:left; width:250px; position:relative; margin-left:22px;}
.left h2{ width:250px; height:119px; background:url(../rbg.jpg) no-repeat; color:#fff; position:absolute; top:-119px; left:0px; overflow:hidden;}
.left h2 span{ font-size:26px; font-weight:normal; padding-left:72px; padding-top:42px; display:block;}
.left h2 span em{ display:block; font-size:18px;}
.left ul{ background:#f0f0f0; overflow:hidden; padding:12px 11px;}
.left ul li{ margin-bottom:12px;}
.left ul li a{ display:block; height:41px; color:#fff; line-height:41px; padding-left:20px; font-size:18px; background:#999999 url(../arrow.jpg) no-repeat 93% center; border-radius:5px;}
.left ul li a:hover,.left ul li a.on{ background-color:#e67817;}


.right{ width:959px; float:left; margin-left:29px; margin-top:33px;}
.right .rtit{ font-size:16px; height:40px; line-height:40px; background:#e6e6e6 url(../r.jpg) no-repeat left center; padding-left:40px; color:#666;}
.right .rtit a{ font-size:16px; color:#666;}
.right .rtit a:hover{ color:#e67817;}

.pdbox { padding: 20px 0; min-height:400px; line-height: 26px; font-size: 14px; color: #666; overflow: hidden; position:relative;}
#vsb_content .note  {width:740px; display:inline-block;}

.teamList{ overflow:hidden; margin-left:-69px;}
.teamList li{float:left; width:188px; margin-left:69px; text-align:center; margin-bottom:20px;}
.teamList li img{ display:block; width:188px; height:215px;}
.teamList li h3{ font-weight:normal; font-size:18px; padding-top:5px; overflow: hidden; white-space: nowrap; text-overflow:ellisps;}
.teamList li p{color:#999;}
hr{ height:1px;border:none;border-top:1px solid #ddd; margin:5px 0;}

.teambox{ overflow:hidden; margin-bottom:20px;}
.teambox img{width:200px;}
.teambox .fl{ margin-right:20px;}
.teambox .note h3{ color:#e67817;}


.newlist { overflow: hidden;}
.newlist { overflow: hidden; padding: 18px 0; border-bottom: 1px solid #ccc;}
.newlist img { display: block; float: left; height:110px; margin-right: 30px;}
.newlist h3 { font-size: 16px; color: #666; height: 20px; overflow: hidden; white-space: nowrap; padding-bottom:10px;}
.newlist .note { line-height: 25px; color: #999; height:110px; overflow: hidden; padding-right:12px;}
.newlist .date { font-size:12px; color:#999; margin-top:10px;}
.newlist .date .s1{ background:url(../time.jpg) no-repeat left center; padding-left:25px;}
.newlist .date .s2{ background:url(../eye.jpg) no-repeat left center; padding-left:25px; margin-left:40px;}
.newlist:hover { background: #f9f9f9;}

.ntit { border-bottom: 1px solid #ddd; padding-bottom: 12px; text-align: center; margin-bottom: 18px;}
.ntit h1 { font-size: 18px; font-weight: normal; color: #666;}
.ntit p { font-size: 12px; color: #999;}
.prevnext { overflow: hidden; margin-top: 18px;}
.prevnext a { color: #666; display: block;}
.prevnext a:hover { color: #f05744;}


.serverList{ overflow:hidden; margin-left:-42px;}
.serverList li{float:left; width:291px; margin-left:42px; text-align:center; margin-bottom:20px;}
.serverList li img{ display:block; width:291px; height:179px;}
.serverList li h3{ font-weight:normal; font-size:16px; padding-top:10px; overflow: hidden; white-space: nowrap; text-overflow:ellisps;}


.textlist{ overflow:hidden;}
.textlist li a{ display:block; line-height:45px;  border-bottom:1px dotted #ddd; height:45px; overflow:hidden; background:url(../d.jpg) no-repeat left center; padding-left:12px;}




.book { display: block; padding:0 12px;}
.book p { position: relative; margin-top: 12px;}
.book .intext { border: 1px solid #ddd; padding: 10px; width:100%; box-sizing:border-box;}
.book .passcode { position: absolute; right: 1px; top: 1px; height: 37px; width: 80px; cursor: pointer; border-left: 1px solid #ddd;}
.book .intext:focus { border-color: #e67817;}
.subbtn{ display:block; width:100%; background:#e67817; color:#fff; height:40px; border:0px; cursor:pointer; font-size:14px; font-family:Microsoft Yahei;}
.passcode { display: block;}
.tips{ color:#e67817; height:35px; line-height:35px;}


.pagelist { margin-top:50px; text-align: center; margin-bottom:20px;}
.pagelist a, .pagelist span, .pagelist label { padding:8px 12px; background:#e2e2e2;  color: #888; margin: 0 5px;}
.pagelist b { font-weight: normal; color: #333; margin: 0 2px;}
.pagelist a:hover,.pagelist a.on, .pagelist span.current { background: #e67817;  color: #fff;}
.pagelist label{ display:none;}


.kefu { width: 60px; position: fixed; right: 0px; top: 35%; z-index: 11; display:none;}
.kefu ul li { height:72px; width:60px; position: relative; border-bottom:1px solid #b1b1b1; cursor: pointer;}
.kefu ul li .p1{ text-align:center; padding-top:48px; color:#999;}
.kefu ul li:hover .p1{color:#fff;}
.kefu ul li.k1{ background:#f0f0f0 url(../kefu/kf.jpg) no-repeat center 13px;}
.kefu ul li.k2{ background:#f0f0f0 url(../kefu/wx.jpg) no-repeat center 13px;}
.kefu ul li.k3{ background:#f0f0f0 url(../kefu/dh.jpg) no-repeat center 13px;}
.kefu ul li.k4{ background:#f0f0f0 url(../kefu/up.jpg) no-repeat center 18px; opacity:0; -webkit-transition:all 0.3s ease; visibility:hidden; transform:translateY(20px);}
.kefu ul li.k4.on{ opacity:1; visibility:visible; transform:translateY(0);}
.kefu ul li.k1:hover{ background:#e67817 url(../kefu/kfon.jpg) no-repeat center 13px;border-bottom:1px solid #e67817;}
.kefu ul li.k2:hover{ background:#e67817 url(../kefu/wxon.jpg) no-repeat center 13px;border-bottom:1px solid #e67817;}
.kefu ul li.k3:hover{ background:#e67817 url(../kefu/dhon.jpg) no-repeat center 13px;border-bottom:1px solid #e67817;}
.kefu ul li.k4:hover{ background:#e67817 url(../kefu/upon.jpg) no-repeat center 18px;border-bottom:1px solid #e67817;}
.kefu .fdqq{ width:120px; background:#fff; position:absolute; -webkit-transition:all 0.3s ease; right:0px; padding-bottom:12px; text-align:center; top:0px; opacity:0; visibility:hidden;}
.kefu .fdqq h3{ height:35px; line-height:35px; color:#fff; font-weight:normal; background:#e67817;}
.kefu .fdqq p { margin-top:12px;}
.kefu .fdqq p img{ display:block; margin:5px auto;}
.kefu ul li.k1:hover .fdqq{ opacity:1; visibility:visible; right:60px;}
.kefu .kwx{ background:#fff; padding:5px; right:60px; top:0px; position:absolute;-webkit-transition:all 0.3s ease; transform:scale(0); opacity:0; visibility:hidden; transform-origin:right;}
.kefu .kwx img{ display:block; width:100px; height:100px;}
.kefu ul li.k2:hover .kwx{ opacity:1; visibility:visible; transform:scale(1);}
.kefu .ktel{ right:0px; top:0px; height:72px; background:#e67817; color:#fff; -webkit-transition:all 0.3s ease; font-size:18px; line-height:72px; text-align:center; width:150px; position:absolute; opacity:0; visibility:hidden;}
.kefu ul li.k3:hover .ktel{ opacity:1; visibility:visible; right:60px;}
.map_fl{ float:left; margin-right:20px; margin-top:25px;}
.map_fr{ float:left; margin-top:25px; line-height:25px; font-size:14px;}


.footer { margin-top:47px; overflow:hidden; height:160px; background:#eaeaea; padding-top:32px;}
.footer .dblogo{ float:left; margin-top:32px; margin-left:34px; width:290px;}

.footer .dbcon{ float:left;  width:757px;}
.footer .gzwm{ float:right; width:134px; height:100%;}
.footer h2{ font-size:18px; color:#666666; font-weight:normal;}
.footer .gzwm ul{ padding-top:16px;}
.footer .gzwm ul li{ float:left; width:100px;position:relative;}
.footer .gzwm ul li a{ display:block; text-align:center; color:#999; padding:10px 0;}
.footer .gzwm ul li .weixin{ width:120px; position:absolute; top:-20px; left:90px; z-index:111; border:1px solid #ddd; box-shadow: #ddd 0 0 10px; transition:all 0.5s ease; opacity:0; transform:scale(0); transform-origin:left; display:none;}
.footer .gzwm ul li.li1:hover .weixin { opacity:1; transform:scale(1); display:block;}
.footer .gzwm ul li a:hover{ color:#e67817;}
.footer .gzwm ul li a i{ display:block; margin:0 auto; font-size:30px; margin-bottom:5px;}
.footer .dbcon p{ line-height:25px; margin-top:10px; font-size:14px;}
.footer .dbcon p i{ vertical-align:middle; margin-right:10px; font-size:18px;}
.copyright{ background:#6b6b6b; overflow:hidden; padding:15px 0; text-align:center; color:#999999; line-height:28px;}
.copyright a{color:#999; margin:0 10px;}
.copyright a:hover{ color:#fff;}