@charset "utf-8";
/*---------base begin-------------*/
body{padding:0px; margin:0px auto; font-size:12px; line-height:18px; color:#646464;font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif;width:100%;min-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"100%");}
ul,li,form, dl,dt, dd, div,p,input{ padding: 0px; margin: 0px; }
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
font,select,input,em{ font-size:12px; font-style:normal;}
ul{ list-style-type: none; }
img,input{ border:none; border:0;}
a{text-decoration:none;noline: expression(this.onFocus=this.blur());color:#646464;}
a:focus {outline:none;-moz-outline:none;}
a:hover{color:#646464; text-decoration:none;}
.l{ float:left}
.r{ float:right}
.clear{clear:both;height:0;font-size: 0px;line-height: 0px; display:block; visibility:hidden; zoom:1;}
.inputtxt{border:1px solid #CCC; line-height:25px; height:25px; padding:0 5px; color:#646464; font-size:14px}
.btn_submit{width:90px;height:25px;color:#fff;background:#969696;border:0; height:30px; display:block;cursor:pointer; font-size:14px; text-align:center}
.btn_submita{ background:url(../images/submit.jpg) no-repeat; cursor:pointer; width:96px; height:38px;} 
.back { font-size: 18px; line-height: 24px; color: #e60012; margin: 40px 0 20px; }
.back a { padding-right: 28px; background: url(../images/icon-goback.png) no-repeat right 4px; color: #e60012; }
.back a:hover { text-decoration: underline; }
.prev-case, .next-case { font-size: 12px; line-height: 24px; color: #e60012; }
.prev-case a, .next-case a { color: #333; }
.prev-case a:hover, .next-case a:hover { text-decoration: underline; }
.st{ color:#e60012; font-size:32px; line-height:80px;}
.line{ border-bottom:1px solid #EEE; margin-top:30px}
/*---------base end-------------*/

/*header*/
.header{width:100%;height:163px;}
.header .header-content{width:985px; margin:0 auto; height:114px;}
.header .header-logo{width:229px;height:74px; float:left;padding-top:30px; padding-left:0px;}
.header .top_right{width:530px;height:73px;float:right;}
.header .top_right .sleft{ width:300px; float:right;margin-top:30px;}
.header .top_right .sleft .l1{width:60px; height:50px; display:block; background:url(../images/tel.jpg) left center no-repeat; float:left}
.header .top_right .sleft .l2{width:203px; height:25px; float:left; display:block;font:bold 18px/25px "Arial"; color:#006cb1;text-indent:12px;}
.header .top_right .sleft .l2 b{font:normal 12px/22px "微软雅黑"; color:#646464; float:right;text-indent:0px;}
.header .top_right .sright{ width:165px; float:left; font:normal 14px/25px "微软雅黑";margin-top:30px; position:relative}
.header .top_right .sright a{ color:#646464; height:85px; text-align:center; float:left; display:block;}
.header .top_right .sright a.r1{ width:80px; display:block; background:url(../images/wap.jpg) no-repeat center center;}
.header .top_right .sright a.r2{ width:85px; display:block; background:url(../images/wei.jpg) no-repeat center center;}
.header .top_right .sright a.r1 div {background: url(../images/ersou.png);width: 120px;height: 110px;position: absolute;left: -120px;top: -20px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.header .top_right .sright a.r1:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.header .top_right .sright a.r2 div {background: url(../images/erwei.png);width: 120px;height: 123px;position: absolute;left: 170px;top: -20px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.header .top_right .sright a.r2:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.header .nav{border-bottom:1px solid #a7a7a7}
.header .nav ul{width:985px;height:42px; margin:0 auto;}
.header .nav ul li{height:40px;width:auto; float:left;padding-left:10px; padding-right:10px;}
.header .nav ul li a{height:40px;overflow:hidden;height:40px;line-height:40px; display:block; padding-left:7px; padding-right:7px;font-size:15px;  color:#565454;border-bottom:2px solid #FFF; text-align:center;}
.header .nav a:hover,.header .nav a.on{border-bottom:2px solid #f02a4d;}

/*bottom*/
.botto{ width:100%; height:227px; padding-top:20px; color:#fff;background-color:#363636; } 
.botto .content{width:958px; margin:0 auto; height:170px; margin-bottom:20px;}
.botto .content .cleft{ width:50%;height:170px; float:left; background:url(../images/fline.jpg) right center no-repeat}
.botto .content .cleft .ct{font:normal 21px/30px "楷体_GB2312"; text-align:center; width:70%; height:40px;}
.botto .content .cleft .ci{font-size:12px; line-height:20px; width:50%; margin-left:10%; padding-left:23%; background:url(../images/contact.jpg) left top no-repeat;}
.botto .content .cright{ width:45%;height:30px; padding-top:140px; float:left; text-align:right; background:url(../images/codess.jpeg) center right no-repeat;font:normal 15px/30px "黑体"; color:#b2b2b2; background-size: 110px;}
.botto .info{width:100%;color:#fff;background-color:#25262b; border-top:1px solid #474747; font-family:"幼圆"; font-size:12px; padding-top:15px; padding-bottom:15px; line-height:20px; text-align:center;}
.botto .info a{color:#fff; font-size:12px;}
.botto .info a:hover{color:#fff;}

/*首页banner*/
.bannerlist{width:100%;position:relative;height:523px;overflow:hidden;}
.bannerlist .bd{position:relative; z-index:0; top:0px;}
.bannerlist .bd ul{width:100% !important; }
.bannerlist .bd li{width:100% !important;  height:523px; overflow:hidden;}
.bannerlist .bd li a{width:100%;height:523px; display:block;}
.bannerlist .hd{width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;text-align:center;}
.bannerlist .hd ul{ width:100%; margin:0 auto; text-align:center}
.bannerlist .hd ul li{cursor:pointer;display:inline-block;*display:inline;*zoom:1;width:13px;height:13px;margin:5px;background:url(../images/dot.png) top right;overflow:hidden; line-height:80px;}
.bannerlist .hd ul li.on{background-position:top left;}
/*内页banner*/
.banner{width:100%;height:311px;overflow:hidden;background:url(../images/a.jpg) top center no-repeat;}
/*main*/
.main{ width:985px; margin:0 auto; margin-top:34px; margin-bottom:40px; overflow:hidden}
.index_notice{ height:27px; margin-top:10px; margin-bottom:10px;}
.index_notice .title{ width:100px; height:27px; float:left; background:url(../images/notice.jpg) center left no-repeat; text-indent:35px;font:bold 20px/27px "宋体"; color:#323232}
.index_notice .info{ font-size:20px; line-height:27px; width:800px; height:27px; float:left;}
.index_notice .info a{color:#323232}
.infoList li{ width:auto; float:left; margin-right:20px;}
.index_reason{ margin-top:20px; margin-bottom:20px;}
.index_reason .title{ font-size:32px; line-height:50px; color:#000}
.index_reason .info{ color:#646464; font-size:16px; line-height:28px;}
.index_reason .info a{ width:25%; text-align:center; padding-top:189px; height:60px; line-height:30px; font-size:15px; display:block; float:left; color:#000000}
.index_reason .info a.a1{ background:url(../images/pc_ico.jpg) center center no-repeat;}
.index_reason .info a.a1:hover{background:url(../images/pc_ico_on.jpg) center center no-repeat;}
.index_reason .info a.a2{ background:url(../images/phone_ico.jpg) center center no-repeat;}
.index_reason .info a.a2:hover{background:url(../images/phone_ico_on.jpg) center center no-repeat;}
.index_reason .info a.a3{ background:url(../images/wei_ico.jpg) center center no-repeat;}
.index_reason .info a.a3:hover{background:url(../images/wei_ico_on.jpg) center center no-repeat;}
.index_reason .info a.a4{ background:url(../images/tao_ico.jpg) center center no-repeat;}
.index_reason .info a.a4:hover{background:url(../images/tao_ico_on.jpg) center center no-repeat;}
.index_reason .info b{ width:100%; text-align:center; display:block; font-size:32px; line-height:50px; color:#0092ff}
.index_reason .info p{ width:100%; text-align:center;}
.index_reason .info a.service{ width:283px; margin-left:20px; margin-right:20px; height:98px; padding:0px; margin-bottom:20px; margin-top:20px; text-align:left; background:#616161; color:#c8c8c8; font-size:14px; line-height:20px; padding-right:3px;}
.index_reason .info a.service strong{ color:#FFF; font-size:16px; line-height:40px;}
.index_reason .info a.service img{ float:left; margin-right:5px;}
.index_case{ margin-top:20px; margin-bottom:20px; width:100%; float:left; overflow:hidden}
.index_case .title{ color:#323232; font-size:16px; font-weight:bold; border-bottom:2px solid #969696;}
.index_case .title span{font:normal 15px/28px "经典粗宋简"; color:#969696; margin-left:10px;}
.index_case .title a.more{ float:right; color:#969696;font:normal 12px/28px "宋体";}
/* 本例子css */

.index_case .picList{height:500px; width:110%; margin-top:10px; overflow:hidden}
.index_case .picList div.li{margin-right:52px; margin-bottom:30px; width:294px; height:220px; float:left; display:none; overflow:hidden; text-align:center;position:relative}
.index_case .picList div .pic{ text-align:center;}
.index_case .picList div .pic img{ width:288px; height:214px; display:block;  padding:2px; background:url(../images/casebg.jpg) no-repeat center center}
.index_case .picList div .name{ position:absolute; width:288px; bottom:3px; left:2px; height:60px; line-height:60px; background:url(../images/tibg.png) repeat; display:none}
.index_case .picList div .name a{ color:#FFF;}

.index_choose{ width:630px; padding-right:25px; border-right:1px dashed #c5c5c5; height:390px; float:left; overflow:hidden}
.index_choose .title{ color:#323232; font-size:16px; font-weight:bold; border-bottom:2px solid #969696;}
.index_choose .title span{font:normal 15px/28px "经典粗宋简"; color:#969696;margin-left:10px;}
.index_choose .picList{height:330px; width:110%; margin-top:10px; overflow:hidden}
.index_choose .picList div.li{ margin-right:18px; margin-bottom:30px; position:relative; cursor:pointer; width:144px; height:85px; float:left; display:none; overflow:hidden; text-align:center;  }
.index_choose .picList div.li .mask{position: absolute;cursor:pointer;left: 1px;top: 1px;background: none repeat scroll 0% 0% #000;opacity: 0;display: inline-block;width: 142px;height: 83px;}
.index_choose .picList div.li .pic{ text-align:center; }
.index_choose .picList div.li .pic img{ width:142px; height:83px; display:block;  padding:0px; border:1px solid #ccc; }
.index_choose .picList div.li .pic a:hover img{ border-color:#999;  }
.index_service{ width:304px;height:390px; margin-left:25px; float:left}
.index_service .title{ color:#323232; font-size:16px; font-weight:bold; border-bottom:2px solid #969696;}
.index_service .title span{font:normal 15px/28px "经典粗宋简"; color:#969696;margin-left:10px;}
.index_news{ width:455px; height:360px; margin-top:20px;}
.index_news .title{ color:#323232; font-size:16px; font-weight:bold; border-bottom:2px solid #969696;}
.index_news .title span{font:normal 15px/28px "经典粗宋简"; color:#969696;margin-left:10px;}
.index_news .title a.more{ float:right; color:#969696;font:normal 12px/28px "宋体";}
.index_news img{ margin-left:6px; margin-top:10px; margin-bottom:10px;}
.index_news ul.news_list li{height:40px; overflow:hidden; line-height:40px; font-size:13px; font-family:"宋体"; border-bottom:1px dashed #c8c8c8; background:url(../images/n_ico.jpg) 2px 13px no-repeat; padding-left:20px;}
.index_news ul.news_list li a{ margin-right:30px; color:#302f2f;}
/*内页*/
.ny_title{ color:#323232; font-size:22px; height:40px; line-height:40px; border-bottom:1px solid #646464}
.ny_title .menulist{float:right; margin-right:-10px;}
.ny_title .menulist a{ font-size:13px;}
.ny_title .menulist a:hover,.ny_title .menulist a.on{ color:#f02a4d}
.nyd_title{ color:#333333; font-size:22px; height:40px; line-height:40px; border-bottom:1px solid #e0e0e0}
.loca{ background:url(../images/loca.jpg) 12px 10px no-repeat; height:40px; color:#969696;font:normal 13px/40px "宋体"; padding-left:40px;}
.loca a{color:#323232;}
.detail{ line-height:200%; color:#3c3a3a; font-size:14px}
.detail .ab_info{ background:url(../images/abbg.jpg) repeat; padding:20px; color:#030303; font-size:14px;}
.detail strong{ font-size:20px; color:#323232;}
.detail .ab_pic{ background:url(../images/4.jpg) no-repeat left top; margin-top:30px;}
.detail .ab_pic img{ border:1px solid #d3d3d1}
.detail hr{ height:10px; background:#969696; border:none}
.detail .ser_t{ width:120px; height:120px; color:#FFF; font-size:20px; line-height:50px; background:#50c4db; text-align:center}
.detail .ser_2{background:#eb4f1c;}
.detail .ser_3{background:#71c1a8;}
.detail .ser_4{background:#ed6d6d;}
.detail b{ font-size:18px; color:#00baff}
.detail l{ font-size:22px; color:#0541ec; font-weight:bold}
.detail .cg{ display:block; width:220px; height:50px; line-height:50px; text-align:center; font-size:18px; background:#ff7e10; color:#FFF; margin:0 auto}
.dleft{ width:104px; float:left; border:1px solid #ededed; background:#f8f8f8; margin-top:20px; padding:10px;}
.dleft li{ float:left; width:100%}
.dleft li a{ display:block; background:#616161; color:#FFF; width:100%; height:104px;margin-top:10px; margin-bottom:10px; line-height:104px; text-align:center; font-size:16px;}
.web_t{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #646464; position:relative}
.web_t span{ padding-left:10px; padding-right:10px; border-bottom:2px solid #0541ec; height:49px; font-weight:bold; top:0px; float:left; color:#323232; font-size:18px}
.web_t span b{ font-size:32px; color:#165eb5; float:left}
.web_gongneng{ margin-top:20px; margin-bottom:20px;}
.web_gongneng td{ color:#FFF; text-align:center; border:5px solid #FFF;}
.dright{ width:800px; float:right}
.btn{ color:#FFF; font-size:18px; display:block; margin:0 auto;margin-top:30px; margin-bottom:30px; height:50px; line-height:50px; width:180px; background:#ff7e10; text-align:center;}
.ym{ width:100%; background:#f5f5f5; padding-top:40px; padding-bottom:40px;}
.search{ height:40px; background:#FFF; border:1px solid #cfcfcf; width:600px; padding:5px;}
.sinput{height:40px; width:456px; font-size:16px; color:#bbbbbb}
.sbtn{ width:140px; text-align:center; font-size:22px; background:#0175d7;height:40px; color:#FFF}
#name { 
	width:625px; float:left; margin-top:20px;
	_padding:0;
	}
	

#name li {
	float:left; 
	width:67px; 
	background: #bbb; 
	font-size: 16px;
	margin-right:6px;
	height:65px;
	text-align:center;  
	font-family: 'Microsoft YaHei';
	}

#name li a{
	display: block;  
	color:#fff; 
	padding:10px 0 10px 0;
	cursor:pointer;
	font-weight:bold;
	}

#name li a span{
	font-weight:normal;
	font-size: 16px;
	display:block;
	padding-bottom:10px;
}

#name .current{
	background:url(../images/select.jpg) no-repeat;
	color:#fff;
	overflow:visible;

}
#name .current span{
	visibility:hidden;
}
.Result{ line-height:30px; color:#900}
ul.pro_class{ width:119%;}
ul.pro_class li{ width:27%; margin-right:1.1%; height:320px; padding-top:15px; padding-bottom:15px; border:1px solid #e5e5e5; float:left; text-align:center; position:relative; cursor:pointer}
ul.pro_class li img{ margin-top:20px;}
ul.pro_class li dl{ position:absolute; top:150px; width:100%; left:0px}
ul.pro_class li dl p{ text-align:left; color:#323232; background:url(../images/yd.png) no-repeat 15px 15px; line-height:33px; font-size:13px; padding-left:30px;}
ul.pro_class li dl.on{ top:0px;height:350px; background:#1f61d3;}
ul.pro_class li dl.on strong{ color:#FFF; line-height:100px; font-size:24px}
ul.pro_class li dl.on p{color:#FFF; font-size:14px; padding-left:10px; padding-right:10px;}
		.em{ width:985px; text-align:left; margin:0 auto}
		.em .hd{ height:160px; padding:0 10px 0 0px;   border-bottom:1px solid #969696; }
		.em .hd .ul{ width:985px; margin:0 auto;  position:relative; }
		.em .hd ul{position:absolute; top:-1px; left:0px; height:162px; background:#f0f0f0;border-left:1px solid #969696;}
		.em .hd ul li{ float:left;cursor:pointer; width:163px; height:160px; text-align:center;border-bottom:1px solid #969696; border-right:1px solid #969696;border-top:1px solid #969696; line-height:30px; font-size:14px}
		.em .hd ul li img{ margin-top:20px;}
		.em .hd ul li.on{ height:160px;  background:#fff;border-bottom:2px solid #fff; color:#000000; font-weight:bold}
		.em .bd ul{ width:985px; margin:0 auto; zoom:1;  }
		.em .bd li{ padding-top:40px; padding-bottom:40px; line-height:200%; color:#3c3a3a; font-size:14px;}
.em strong{ font-size:22px; color:#323232; line-height:250%}
.em b{ font-size:18px; color:#323232; font-weight:100}
.embg{width:100%; background:#969696;}
.em_list{ width:985px; margin: 0 auto ;text-align:center}	
.em_list .title{ color:#f5f5f5; font-size:28px; text-align:center; height:90px; line-height:90px;}
.em_list strong{ color:#f5f5f5; font-size:14px; font-weight:bold}
.em_list em{ font-size:14px; color:#505050;font-weight:bold}
.em_list table td{ border-bottom:1px dashed #d9d9d9}
.em_list a{ display:block; margin:0 auto; margin-top:30px;width:220px; height:50px; line-height:50px; background:#0541ec; color:#FFF; font-size:18px}
		.tel400{ width:985px; text-align:left; margin:0 auto; margin-bottom:40px;}
		.tel400 .hd{ height:60px; padding:0 10px 0 0px;   border-bottom:1px solid #969696; }
		.tel400 .hd .ul{ width:985px; margin:0 auto;  position:relative; }
		.tel400 .hd ul{position:absolute; top:-1px; left:0px; height:62px; background:#f0f0f0;border-left:1px solid #969696;}
		.tel400 .hd ul li{ float:left;cursor:pointer; width:162px; height:60px; text-align:center;border-bottom:1px solid #969696; border-right:1px solid #969696;border-top:1px solid #969696; line-height:60px; font-size:18px; color:#323232}
		.tel400 .hd ul li img{ margin-top:20px;}
		.tel400 .hd ul li.on{ height:60px;  background:#fff;border-bottom:2px solid #fff; color:#0541ec; font-weight:bold}
		.tel400 .bd ul{ width:985px; margin:0 auto; zoom:1;  }
		.tel400 .bd li{line-height:200%; color:#323232; font-size:14px}
.tel400 .title{ font-size:18px; line-height:60px;}
.newslist li{ height:150px; border-bottom:1px dashed #e8e8e8; padding-top:10px; color:#505050}
.newslist li span{ color:#969696; font-size:12px; line-height:30px; margin-top:10px; display:block}
.newslist li a.more{ color:#FFF; font-size:12px; display:block;margin-top:10px; height:30px; line-height:30px; width:80px; background:#ff7e10; text-align:center; float:right}
.case { width:120%;}
ul.case li{ margin-right:41px; margin-bottom:15px; margin-top:10px; width:302px; height:260px; float:left; _display:inline; overflow:hidden; text-align:center; border-bottom:1px solid #e5e5e5}
ul.case li:hover{background:#f1eeed; }
ul.case li .pic{ text-align:center; }
ul.case li .pic img{ width:290px; height:170px; display:block; border:6px solid #f1eeed}
ul.case li .pic img:hover{filter:alpha(opacity=70);opacity:0.7;}
ul.case li .name a{ color:#646464; line-height:20px;}
.photo { border:3px solid #CCC;text-align:center; margin-bottom:20px; margin-top:20px;}
}
.news_info {
	MIN-HEIGHT: 400px; _height: 400px; width:100%;
}
.news_info .title {
	MARGIN-BOTTOM: 10px; FONT-SIZE: 16px;FONT-WEIGHT: bold; TEXT-ALIGN: center; LINE-HEIGHT: 28px; color:#323232
}
.news_info .content {
	LINE-HEIGHT: 240%;
}
.news_info .date {
	MARGIN-BOTTOM: 10px; TEXT-ALIGN: left; LINE-HEIGHT: 30px; border-bottom:1px dashed #e0dfde; color:#adacac; position:relative;
}
.news_info .date .share{ position:absolute; right:0px; top:0px;}
.news_info .content IMG {
	MAX-WIDTH: 770px
}

.feature-content{margin:0 auto;width:985px; background:#f7f7f7; overflow:hidden}
.feature-content .clearfix{ width:105%; float:left}
.feature-content .icon{background:url(../images/icon.png) no-repeat center 17px;_background:url(../images/icon.gif) no-repeat center 17px}
.feature-content a{color:#000;text-decoration:none}
.feature-content .website{background-position:0 0}
.feature-content .active h3{color:#0c92dd;}
.feature-content .active .website{background-position:0 -61px;color:#0c92dd;}
.feature-content .member{background-position:-50px 0}
.feature-content .active .member{background-position:-50px -61px;color:#0c92dd;}
.feature-content .activities{background-position:-100px 0}
.feature-content .active .activities{background-position:-100px -61px;color:#0c92dd;}
.feature-content .Push{background-position:-150px 0}
.feature-content .active .Push{background-position:-150px -61px;color:#0c92dd}
.feature-content .service{background-position:-200px 0}
.feature-content .active .service{background-position:-200px -61px}
.feature-content .message{background-position:-250px 0}
.feature-content .active .message{background-position:-250px -61px}
.feature-content .albums{background-position:-300px 0}
.feature-content .active .albums{background-position:-300px -62px}
.feature-content .menu{background-position:-350px 0}
.feature-content .active .menu{background-position:-350px -61px}
.feature-content .research{background-position:-400px 0}
.feature-content .active .research{background-position:-400px -61px}
.feature-content .mtatistics{background-position:-450px 0}
.feature-content .active .mtatistics{background-position:-450px -61px}
.feature-content .mstate{background-position:-500px 0}
.feature-content .active .mstate{background-position:-500px -61px}
.feature-content .car{background-position:-550px 0}
.feature-content .active .car{background-position:-550px -61px}
.feature-content .card{background-position:-600px 0}
.feature-content .active .card{background-position:-600px -61px}
.feature-content .medical{background-position:-650px 0}
.feature-content .active .medical{background-position:-650px -61px}
.feature-content .hotel{background-position:-700px 0}
.feature-content .active .hotel{background-position:-700px -61px}

.feature-content .reserve{background-position:-750px 0}
.feature-content .active .reserve{background-position:-750px -61px}
.feature-content .vshop{background-position:-800px 0}
.feature-content .active .vshop{background-position:-800px -61px}
.feature-content .cate{background-position:-850px 0}
.feature-content .active .cate{background-position:-850px -61px}
.feature-content .life{background-position:-900px 0}
.feature-content .active .life{background-position:-900px -61px}
.feature-content .buy{background-position:-950px 0}
.feature-content .active .buy{background-position:-950px -61px}

.feature-content dd{float:left;padding:30px 8px 0;width:182px;height:176px}
.feature-content dd.vborder{background:url(../images/v_spliter.jpg) no-repeat right center}
.feature-content dd .fimg{margin:0 auto;margin-bottom:15px;width:50px;height:50px}
.feature-content dd h3{margin-bottom:10px;text-align:center;font-size:18px}
.feature-content dd p{color:#777;text-align:center;line-height:24px}


.des_list{ height:710px; width:100%; overflow:hidden}
.des_list .picList{height:700px; width:110%}
.des_list .picList div.li{ margin-right:19px; margin-bottom:15px; margin-top:10px; width:232px; height:207px; float:left; _display:inline; overflow:hidden; text-align:center;}
.des_list .picList div.li .pic{ text-align:center; float:left;}
.des_list .picList div.li .pic img{ width:220px; height:165px; display:block;  padding:6px; background:url(../images/casebgs.png) no-repeat center center}
.des_list .picList div.li .name{width:220px;height:30px; line-height:30px;float:left;}
.des_list .picList div.li .name a{ color:#323232;}
/*page*/

.Page{text-align:left; color:#696969; font-size:14px; height:30px; margin-top:10px;}
.Page .Page_Prev_Text,.Page .Page_Prev,.Page .Page_Next,.Page .Page_Next_Text,.Page .Page_First,.Page .Page_First_Text,.Page .Page_End,.Page .Page_End_Text,.Page .Page_Num,.Page a.Page_Selected{ border:1px solid #e5e5e5;padding:10px;padding-bottom:4px;padding-top:4px;color:#888888;cursor:pointer;}/*上一页*/
.Page .Page_Next:hover,.Page Page_Prev:hover,.Page .Page_Next_Text:hover,.Page_Prev_Text:hover,.Page .Page_End_Text:hover,.Page_First_Text:hover,.Page .Page_End:hover,.Page_First:hover,.Page .Page_Num:hover, .Page a.Page_Selected{ background:#b70005;color:#FFF}
.Page_Area,.Page input {
    display:none;
}

.cd-top {
  display: inline-block;
  height: 38px;
  width: 38px;
  position: fixed;
  bottom: 5px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:url(../images/top.jpg) no-repeat;
  visibility: hidden;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
/** 切换按钮 **/
.qhk{width: 90px; height: 16px; float: right; margin-top: 15px;}
.qh_z{width: 15px; height: 15px; border: 1px solid #E3E3E3; float: left; background: url(../images/qhz.png) no-repeat center center;}
.qh_z:hover{ background: url(../images/qhz_hover.png) no-repeat center center; cursor: pointer;}
.qh_y{width: 15px; height: 15px; border: 1px solid #E3E3E3; float: left;margin-left: 9px; background: url(../images/qhy.png) no-repeat center center;}
.qh_y:hover{ background: url(../images/qhy_hover.png) no-repeat center center; cursor: pointer;}
.qh_d{width: 6px; height: 6px; width:4px\9; height:4px\9; margin-top: 8px;\9 /*IE8*/  *width:4px; *height:4px; *margin-top: 8px; /*IE7*/ -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;background-color: #ccc; float: left; margin-left: 9px; margin-top: 5px;
webkit-transition:all 0.3s ease-out;-moz-transition :all 0.3s ease-out;-o-transition :all 0.3s ease-out;transition :all 0.3s ease-out;}
.qh_d:hover{  width:4px\9; height:4px\9; /*IE8*/  *width:4px; *height:4px; /*IE7*/ background: #2d8fe9; cursor:pointer;  }
.qh_d_on {width: 6px; height: 6px; width:4px\9; height:4px\9; /*IE8*/  *width:4px; *height:4px; /*IE7*/-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;float: left; margin-left: 9px; margin-top: 5px;background: #2d8fe9;   }

/* service-section */
.bang-services { margin-top: 20px; }
.bang-services .tit { font-size: 30px; line-height: 50px; color: #333; text-align: center; }
.bang-services .des { font-size: 16px; line-height: 24px; color: #595959; text-align: center; }
.bang-services .consult { text-align: center; margin: 20px 0 20px; }
.bang-services .consult .consult-btn { display: inline-block; padding-left: 22px; background: url(../images/icon-consult.png) no-repeat left center; font-size: 12px; line-height: 24px; color: #666666; }
.bang-services .consult .consult-btn:hover { text-decoration: underline; }
.bang-services .service-list { margin-right: -10px; overflow: hidden; }
.ie6 .bang-services .service-list { zoom: 1; }
.bang-services .service-list-li { float: left; width: 20%; margin-bottom: 10px; }
.bang-services .service-list-li a { display: block; margin-right: 10px; position: relative; }
.ie6 .bang-services .service-list-li a { zoom: 1; }
.bang-services .service-list-li img { display: block; width: 100%; height: auto; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }
.ie7 .bang-services .service-list-li img { width: 198px; height: 131px; }
.ie6 .bang-services .service-list-li img { width: 198px; height: 131px; }
.bang-services .service-list-li .name { position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden; }
.bang-services .service-list-li .name .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); }
.ie6 .bang-services .service-list-li .name { zoom: 1; }
.ie6 .bang-services .service-list-li .name .bg { height: 100px; }
.bang-services .service-list-li .name .text { display: block; position: relative; z-index: 10; font-size: 15px; line-height: 20px; padding: 8px 10px; text-align: center; color: #fff; }
.bang-services .service-list-li a:hover { background: #000; }
.bang-services .service-list-li a:hover img { opacity: 0.7; filter: alpha(opacity=70); }