@charset "utf-8";
/* CSS Document */
/*公用*/
*{margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none;}
body{font-size:12px; font-family:"微软雅黑";}
ol li,ul li{ list-style-type:none; vertical-align:middle;}
img{border:none;vertical-align:middle;}
input{vertical-align:middle;}
font{font-size:12px;}
table{border-collapse: collapse;border-spacing: 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:normal;}

a{ text-decoration:none;}
.clear{clear:both;}

.fl{float:left;}
.fr{float:right;}

/* clear float */
.clear, .clearfix:after {
	clear: both;
}
.clear, .clearfix:before, .clearfix:after {
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0; height: 0;
}
.clearfix:before, .clearfix:after {
	content: '';
}
.clearfix {
	*zoom: 1;
}

/* css3  */
.border{position:relative;
	moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior: url(PIE.htc);
}
.shadow{position:relative;
	-moz-box-shadow:2px 2px 10px #06C;
	-webkit-box-shadow:2px 2px 10px #06C;
	box-shadow:2px 2px 10px #06C;
	behavior: url(PIE.htc);
}

/*header*/
.header{width:100%; height:90px;overflow:hidden; background:url(top_bg.jpg) repeat-x;}
.header_box{width:1000px; height:90px;margin:0 auto;}

.logo{width:360px; height:90px;overflow:hidden;margin-left:-60px;}

.head_txt{height:auto;overflow:hidden;}

.head_top{width:auto; height:30px;text-align:right;line-height:30px; font-size:12px;color:#9fb3cc;}
.head_top strong{width:auto;}
.head_top strong b{color:#fff; font-size:15px; font-family:microsoft yahei;}

.nav{width:auto; font-size:18px;color:#8fa9c4; height:60px;}
.nav ul{margin-right:-15px;padding:15px 0; overflow:hidden;}
.nav li{float:left;margin-left:-1px;height:30px;line-height:30px;overflow:hidden; background:url(ico_11.png) no-repeat left center;}
.nav li strong{ display:block;}
.nav a{ display:block;color:#333;line-height:30px;padding:0 25px; background:none;}
.nav a.hover{color:#017ed8;}

.footer1{width:100%; height:210px;background:#1c242f;}
.foot_box1{width:1000px; height:auto;margin:0 auto; padding:30px 0 0 0;}
.footb_b{ padding:0 0 0 30px;}
.footb_b dl{ width:165px; height:auto; float:left; font-size:14px; margin-left:40px;}
.footb_b dt{width:165px; height:30px;line-height:30px; background:url(foot_line.gif) no-repeat 0 bottom;font-size:16px; color:#fff; margin-bottom:10px;}
.footb_b dd{ color:#94a2b5; line-height:25px;display:block;}
.footb_b dd a{color:#94a2b5;}
.footb_b dd a:hover{color:#f1a300;}
.footer2{width:100%; height:60px;background:#000;}
.foot_box2{width:1000px; height:auto;margin:0 auto; }
.foot2a{ height:60px; line-height:60px; font-size:14px; color:#94a2b5;text-align:center;}
.foot2a a{color:#94a2b5;}
.foot2a a:hover{color:#f1a300;}
.side{width:230px;margin-top:-68px;}
.side h3{height:108px;line-height:108px;text-align:center;color:#fff;font-size:30px; background:url(bg_1.png) no-repeat;}
.side ul{padding:30px 0;}
.side li{text-align:center;height:50px;line-height:50px;margin-bottom:1px;}
.side li a{ display:block;color:#000;font-size:18px;}
.side li a:hover,.side li a.hover{color:blue;}

.pside{width:230px;margin-top:-68px;}
.pside h3{height:108px;line-height:108px;text-align:center;color:#fff;font-size:30px; background:url(bg_1.png) no-repeat;}
.pside ul{padding:30px 20px;}
.pside li{height:50px;line-height:50px;}
.pside li a{ display:block;color:#000;font-size:16px;}
.pside li a:hover,.pside li a.hover{color:blue;}

.site{height:40px;line-height:40px;text-align:right;color:#6f6f6f; background:#eee;}
.site a{color:#6f6f6f;}
.site a:hover{color:#2268b5;}
.site span{color:#2268b5;}


.page{text-align:center;padding:40px 0;}
.page a{ display:inline-block;width:24px;text-align:center;height:24px;line-height:24px;color:#606060;font-size:12px; font-family:Arial, Helvetica, sans-serif;margin:0 5px;background:#f5f5f5;
	position:relative;
	moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	behavior: url(PIE.htc);
}
.page a:hover,.page a.hover{ background:#f1a300;color:#fff;}
.page span{ display:inline-block;width:24px;text-align:center;height:24px;line-height:24px;color:#606060;font-size:12px; font-family:Arial, Helvetica, sans-serif;margin:0 5px;}

.tit{margin-left:50px;height:80px;line-height:80px;border-bottom:1px solid #eee;color:#1c242f;font-size:24px;}

.caseList{width:708px;margin-left:50px;}
.caseList ul{margin-left:-35px;padding:15px 0 0;}
.caseList li{ position:relative;float:left;width:212px;height:200px;margin-left:35px;margin-top:15px; overflow:hidden;}
.caseList li strong img{padding:5px;border:1px solid #eeeeee;}
.caseList li p{ position:absolute;left:0;bottom:0;width:100%; z-index:9;text-align:center;line-height:18px;padding:10px 0 15px;}
.caseList li a{color:#373d45;font-size:14px;}
.caseList li:hover a{color:#fff;}
.caseList li em{ display:block; position:absolute;left:0;top:-200px; z-index:9;}
.caseList li em img{padding:5px;border:1px solid #eeeeee;}
.caseList li span{ display:block; position:absolute;left:0;top:200px; z-index:1;width:100%;height:200px; background:#14133c;}
.caseList li:hover img{padding:6px;border:none;}

.about{width:708px;margin-left:50px;padding:30px 0 50px;}
.about p{padding-bottom:25px;font-size:16px;color:#333;line-height:30px; text-indent:2em;}

.map p{font-size:16px;line-height:30px;padding-bottom:30px;}
.map p img{margin:-3px 0 0 6px;}


.btna{margin-right:15px;}

.ad_1{width:100%;height:135px; background:url(ct.jpg) no-repeat center top;}
.ad_2{width:100%;height:135px; background:url(ct.jpg) no-repeat center top;}
.ad_3{width:100%;height:135px; background:url(ct.jpg) no-repeat center top;}
.ad_4{width:100%;height:135px; background:url(ct.jpg) no-repeat center top;}
.ad_5{width:100%;height:135px; background:url(ct.jpg) no-repeat center top;}


.main{ position:relative;}
.bge{ background:#eee;width:50%; position:absolute;left:50%;top:0;height:40px; z-index:1;}

.blue{color:#2268b5;}
.bgimg{ background:url(bg_2.png) repeat-y;}
.w708{width:708px;margin-left:50px;padding:30px 0 50px;}
.w770{width:758px; background:#fff;}
.w1000{width:988px;margin:0 auto; position:relative; z-index:9;}
.mt20{margin-top:20px;}



.character360 {
  width: 100px;
  height: 100px;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  -ms-transition: -ms-transform 0.5s ease-out;
}
.character360:hover {
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
}