﻿/* CSS Document */
html,body{margin:0 auto; padding:0; line-height:24px; font-size:12px; font-family:"΢���ź�","Microsoft Yahei"; color:#666; text-decoration:none; }
a{line-height:24px; color:#666; font-weight:normal; text-decoration:none;}
a:hover{color:#2455c4;}

img{border:none;}
table{border-collaspe:collapse;}

h1,h2,h3,h4,p,font,em,i,div,ul,li,dt,dd,ol{margin:0; padding:0;}
ul,dl,ol{list-style:none;margin:0; padding:0;}

table{border-collapse:collapse;}

/*---------------------*/
.clear{clear:both; line-height:1px; font-size:1px;}
.fl{float:left;}
.fr{float:right;}
.inner{display:block; width:1200px; margin:0 auto;}


.ding{display:block; width:100%; height:40px; background:#ca3637;}
.ding .inner{display:block; width:1200px; margin:0 auto; }
.ding .inner .fl{width:820px; height:40px; line-height:40px; font-size:14px; color:#fff;}
.ding .inner .fl .tel{float:left; padding-left:23px; font-size:14px; background:url(../images/tel.png) no-repeat left center;margin-right:10px;}
.ding .inner .fl a{font-size:14px; color:#fff; padding:0px 5px;}
.ding .inner .fr{width:300px;}
.ding .inner .fr ul{display:block; width:300px; height:40px;}
.ding .inner .fr ul li{float:left; width:100px; line-height:40px;}
.ding .inner .fr ul li.mobile{background:url(../images/down.png) no-repeat 70px center; color:#fff; line-height:40px; padding-left:25px; width:70px; cursor:pointer; position:relative; z-index:8; left:0; top:0;}
.ding .inner .fr ul li.mobile:hover{background:#e05354 url(../images/down.png) no-repeat 70px center;}
.ding .inner .fr ul li.mobile dl{display:none; width:100px; position:absolute; left:0; top:40px; z-index:9; }
.ding .inner .fr ul li.mobile dl dd{display:block; width:100px; height:100px;}

.ding .inner .fr ul li.cn a{display:block;padding-left:50px; background:url(../images/cn.jpg) no-repeat 20px center; width:50px; color:#fff;line-height:40px;}
.ding .inner .fr ul li.cn a:hover{background:#e05354 url(../images/cn.jpg) no-repeat 20px center;}
.ding .inner .fr ul li.en a{display:block;padding-left:50px; background:url(../images/en.jpg) no-repeat 20px center; width:50px; color:#fff; line-height:40px;}
.ding .inner .fr ul li.en a:hover{background:#e05354 url(../images/en.jpg) no-repeat 20px center; }


.logo{display:block; width:100%; height:100px;background:url(../images/black.png) repeat left top;position:relative; z-index:2; left:0; top:0; border-bottom:1px solid #eee;}
.white{background:#fff;}
.logo .fl{width:260px; padding-top:20px;}
.logo .mid{float:left;width:640px;height:100px;margin-left:10px;}
.logo .mid ul{display:block; width:640px;}
.logo .mid ul li{float:left; width:80px; line-height:100px;height:100px;}
.logo .mid ul li .nav_a{display:block; width:80px; line-height:100px; font-size:16px; color:#2455c4; text-align:center; font-weight:bold;}
.logo .mid ul li .nav_a:hover{color:#ca3637;}
.logo .mid ul li .wrap{display:none; width:100%;  position:absolute; z-index:9; left:0; top:100px; background:#e8edf4;padding:40px 0px;}
.logo .mid ul li .wrap .w_in{display:block; width:1200px; margin:0 auto;}
.logo .mid ul li .wrap .w_in .w_fl{float:left;width:600px; font-size:13px; line-height:26px; padding:10px 0px; color:#9c9fa3;}
.logo .mid ul li .wrap .w_in .w_fl h2{display:block; line-height:50px; font-size:22px;font-weight:normal; color:#75777b; }
.logo .mid ul li .wrap .w_in .w_mid{float:left;width:160px;border-left:1px solid #fff; border-right:1px solid #fff; padding:0px 20px; margin-left:30px;}
.logo .mid ul li .wrap .w_in .w_mid dd{display:block; line-height:40px; border-bottom:1px solid #fff;}
.logo .mid ul li .wrap .w_in .w_mid dd a{display:block; line-height:40px; font-size:14px; font-weight:bold; color:#8c8e92;}
.logo .mid ul li .wrap .w_in .w_mid dd a:hover{color:#2455c4;}
.logo .mid ul li .wrap .w_in .w_fr{float:right; width:260px; }
.logo .mid ul li .wrap .w_in .w_fr img{display:block;width:260px; height:148px;}
.logo .mid ul li.nav2 .wrap .w_fl{width:450px;}
.logo .mid ul li.nav2 .wrap .w_mid{float:left; width:320px;}
.logo .mid ul li.nav2 .wrap .w_mid dd{float:left; width:45%; margin-right:5%;}


.logo .mid ul li.nav3 .wrap .w_fl{width:450px;}
.logo .mid ul li.nav3 .wrap .w_mid{float:left; width:320px;}
.logo .mid ul li.nav3 .wrap .w_mid dd{float:left; width:45%; margin-right:5%;}

.logo .mid ul li.nav5 .wrap .w_fl{width:250px;}
.logo .mid ul li.nav5 .wrap .w_mid{float:left; width:600px;}
.logo .mid ul li.nav5 .wrap .w_mid dd{float:left; width:45%; margin-right:5%;}
.logo .mid ul li .wrap .w_in .w_mid dd a{font-weight:normal; font-size:13px;}
.logo .mid ul li .wrap .w_in .w_fr{float:right; width:260px; }




.logo .mid .line{display:none; width:80px; height:3px; position:absolute; left:0; bottom:0;background:#2455c4;}



.logo .fr{float:right;width:267px;  }
.logo .fr .tel{float:left; width:158px; font-size:14px;height:75px; padding-top:25px; }
.logo .fr .tel .tt{display:block; padding-left:22px;background:url(../images/tel.png) no-repeat left center;line-height:20px; font-size:13px;}
.logo .fr .tel .code{display:block; line-height:30px; color:#CA3637; font-size:24px;  font-family:Arial, Helvetica, sans-serif;}

.logo .fr ul{float:right; width:107px;}
.logo .fr ul li{float:left; width:107px; line-height:100px;}
.logo .fr ul li a{display:block;color:#fff; font-size:15px; font-weight:bold; text-align:center; width:100%; height:100px;}
.logo .fr ul li.customize{background:#5685ed;}
.logo .fr ul li.customize a{background:url(../images/w_icon1.png) no-repeat center 12px; padding-top:55px;height:45px;}
.logo .fr ul li.rent{background:#2455c4;}
.logo .fr ul li.rent a{background:url(../images/w_icon2.png) no-repeat center 12px;padding-top:55px;height:45px;}



.header{display:block; position:fixed; z-index:9; left:0; top:0; width:100%;}



.bot{display:block;width:100%; height:340px; background:url(../images/bot_bg.jpg) no-repeat center top; }
.bot .inner{display:block; width:1200px; margin:0 auto; padding:80px 0px;}
.bot .inner .logot{float:left; width:280px;}
.bot .inner .logot img{display:block;}
.bot .inner .logot .key{line-height:30px;font-size:14px; color:#ced4e7; margin-top:17px;}
.bot .inner .logot .key a{font-size:16px; color:#ced4e7;padding-right:15px; padding-left:10px; line-height:30px;}
.bot .inner .logot .hotline{display:block; line-height:30px; font-size:14px; color:#fff; margin-top:30px;}
.bot .inner .logot .hotline .code{line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#fff;}

.bot .inner  dl{float:left;height:200px;}
.bot .inner  dl dt a{display:block; line-height:50px; font-size:18px; color:#fff; font-weight:bold;}
.bot .inner  dl dd{float:left;font-size:14px; line-height:22px;}
.bot .inner  dl dd a{display:block; font-size:14px; line-height:22px; color:#fff;}
.bot .inner  dl dd a:hover{text-decoration:underline;}

.bot .inner  dl.d_wr1{width:200px;padding-left:10px; background:url(../images/line.png) repeat-y left top; margin-left:20px;}
.bot .inner  dl.d_wr1 dd{float:left; width:100px;}

.bot .inner  dl.d_wr2{width:160px;padding-left:10px; background:url(../images/line.png) repeat-y left top; margin-left:20px;}
.bot .inner  dl.d_wr2 dd{float:left; width:80px;}

.bot .inner  dl.d_wr3{width:210px;padding-left:10px; background:url(../images/line.png) repeat-y left top; margin-left:20px;}
.bot .inner  dl.d_wr3 dd a{font-size:13px;}
.bot .inner  dl.d_wr3 dd a:hover{text-decoration:underline;}

.bot .inner  dl.d_wr4{width:210px; float:right;padding-left:10px; background:url(../images/line.png) repeat-y left top;}
.bot .inner  dl.d_wr4 dd{float:none;font-size:13px; color:#fff; line-height:22px;}



.support{display:block; width:100%; background:#1e3773; padding:15px 0px; font-size:14px; color:#fff;}
.support a{font-size:14px; line-height:24px; color:#fff;}
.support .fl{width:700px;}
.support .fr{width:300px; font-size:14px; color:#fff; text-align:right;}


.st_ewm{display:block; width:55px; height:240px;position:fixed; z-index:1000; right:0px; top:100px;background:url(../images/w_bg.png) no-repeat left top;}
.st_ewm .title{display:block; height:40px;margin-top:15px;}
.st_ewm .title img{display:block; width:70%; margin:0 auto;}
.st_ewm .con{display:block; position:relative; z-index:2; left:0; top:0;margin:5px; background:#fff;}
.st_ewm .con ul{display:block; background:#fff; width:100%;}
.st_ewm .con li{display:Block;cursor:pointer; height:40px; border-bottom:1px solid #9d9d9d;}
.st_ewm .con li dl{display:block;}
.st_ewm .con li dl dt{display:block; width:100%; height:26px;padding:7px 0px;line-height:13px; font-size:13px; color:#666; text-align:center;position:relative; left:0; top:0; z-index:9;}
.st_ewm .con li dl dt:hover{background:#80e980; color:#fff;}
.st_ewm .con li dl dd{display:block; position:absolute;right:-200px; top:10px; z-index:-5; background:url(../images/b_ze.png) repeat left top; padding:5px;padding-right:0px;color:#fff; font-size:12px; text-align:center;}
.st_ewm .con li dl dd img{display:block; width:140px;}


/*-------------------------------------------------------------------------------------------------------------------------------*/


#banner{display:block;cursor:pointer;width:100%;height:640px;position:relative;margin:0px auto;z-index:2;overflow:hidden;}
#banner .imglist{width:100%;height:640px;position:absolute;top:0px;left:0px;}
#banner .imglist a{display:block; width:100%; height:640px; cursor:pointer;}
#banner .left{display:block;position:absolute;left:5%; top:320px;width:40px; height:74px;background:url(../images/focus_btn.png) no-repeat 0px  top;z-index:7;}
#banner .right{display:block;position:absolute; right:5%; top:320px;width:40px; height:74px;background:url(../images/focus_btn.png) no-repeat -36px top;z-index:8;}
.btn{position:absolute;bottom:10px;left:47%;display:block;padding:2px 15px; border-radius:11px;z-index:3;}
.btn li{float:left;height:16px;width:16px;margin:0px2px; background:url("../images/1.png") no-repeat; cursor:pointer;}
.btn .hover{background:url("../images/2.png") no-repeat;}


/*ewm*/
.ft-ewm{
	width: 130px;
	padding: 5px 0 0;
	background: #fff;
	position: fixed;
	right: 0;
	top: 30%;
	z-index: 2;
	text-align: center;
}
.ft-ewm img{
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto;
}
.ft-ewm p{
	font-size: 12px;
	color: #666;
	line-height: 30px;
}
