@CHARSET "UTF-8";

#slide { height:500px; width:100%; overflow:hidden; background-color:#7f8c8c; position:relative; }
#slide .slide_btn { position:absolute; top:220px; width:50px; height:60px; z-index:99; background:url(../images/slide_left.png) no-repeat left center;}
#slide .slide_image {  height:500px; position:absolute; width:600%; }
#slide .slide_image li { width:1440px; float:left; }
#slide .slide_left { left:0;}
#slide .slide_right { right:0; background-image:url(../images/slide_right.png); }
#slide_change { display:inline-block; padding:22px 0; }
#slide_change li { float:left; width:80px; }
#slide_change li a { display:inline-block; width:60px; height:6px; margin:0 auto; background-color:#b0b8b9; }
#slide_change li a.select { background-color:#e2534b; }

#intro, #section, #clients { width:1170px; margin:0 auto; }
#intro { padding-bottom:25px;}
#intro h1 { font-size:30px; color:#7f8c8c; }
#intro .intro_title { padding:24px 35px 24px 27px; text-align:left;}
#intro .intro_desc { font-size:16px; font-weight:bold; padding-top:20px;}
#intro .view_more { 
	float:right;
	width:200px;
	height:54px;
	line-height:54px;		
	border-radius:5px; background-color:#e8645a;
	-webkit-box-shadow:0 5px 0 #e2534b;
	-moz-box-shadow: 0 5px 0 #e2534b;
	box-shadow: 0 5px 0 #e2534b;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#e2534b', Direction=-180, Strength=5);
	text-decoration:none;
	font-size:24px;
	color:#FFFFFF;
	text-align:center;
}
#intro ul { margin-top:50px; }
#intro ul li { float:left; width:270px; height:314px; margin-right:26px; border:1px solid #DDDDDD; border-radius:5px; text-align:center;}
#intro ul li h2 {color:#000000;}
#intro ul li.last { margin-right:0;}
#intro ul li .ico_one { width:60px; height:60px; margin:0 auto; margin-top:50px; background:url(../images/ico_hander.png) no-repeat center center;}
#intro ul li .ico_two { background-image:url(../images/ico_key.png);}
#intro ul li .ico_three { background-image:url(../images/ico_flag.png);}
#intro ul li .ico_four { background-image:url(../images/ico_glass.png);}
#intro ul li p { height:112px; margin-top:15px; text-align:left; padding:0 35px; font-size:14px; line-height:28px;}
#intro ul li a {
	display:inline-block;	
	width:200px;
	height:54px;
	line-height:54px;
	position:relative;
	bottom:-24px;
	border-radius:5px; 
	background-color:#428BCA;	
	text-decoration:none;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;	
}
#intro ul li a:hover {	
	background-color:#e8645a;	
}


/* 中部banner */
.index_mid_banner { margin-top:50px;}

.hot{list-style: none; width: 1000px; margin:30px auto; height: 38px; background: #f6f6f6;}
.hot .left{ float:left; background:url(../images/hot.png); width:49px; height:28px; line-height:28px; color:#fff; margin:5px 20px 0 5px; text-indent:5px; overflow:hidden; }
.hot .left a{color:#fff;}
.hot .right{ float: left; width: 900px; margin:5px 0 0 0; overflow:hidden;}
.hot .right li{ float: left; line-height:28px; margin-right:20px;}
.hot .right li a { display:block; color:#555555;}
.hot .right li a:hover {  text-decoration:underline; color:#111111;}

.contents { margin:0 auto; border:0px solid #006699; width:1000px; overflow:hidden; }
.contents .left { float:left; width:1000px; padding-bottom:5000px; margin-bottom:-5000px; }
.contents .left .left_box { float:left; width:1000px; }
.contents .right { float:right; width:300px;border-left:1px solid #EAEAEA; padding-bottom:3000px; margin-bottom:-3000px;  }
.contents .right .right_box { float:right; width:275px; overflow: hidden; }

.contents .left_1 { float:right; width:1000px; padding-bottom:5000px; margin-bottom:-5000px; }
.contents .left_1 .left_box { float:right; width:1000px; }
.contents .right_1 { float:left; width:300px;border-right:1px solid #EAEAEA; padding-bottom:3000px; margin-bottom:-3000px;  }
.contents .right_1 .right_box { float:left; width:275px; overflow: hidden; }

.title_box { clear:both; border-bottom:0px solid #EAEAEA; line-height:35px; overflow: hidden; margin:0 auto 10px auto; }
.title_box a{color:#008AD7;}
.title_box a:hover{color:#333;}
.title_box .left1{ background: url("../images/dot_2.png") no-repeat 0px 10px; text-indent:20px; float:left; border-bottom:1px solid #008AD7; height:35px; color:#008AD7; overflow: hidden; font-size:14px; font-weight:bold; }
.title_box .left1 div { margin: 0 0 0 8px; padding: 0; text-indent:0;}
.title_box .left1 div li{ float: left; margin: 0; padding: 0; text-indent:5px;}
.title_box .right1{ float:right; border-bottom:1px solid #EAEAEA; height:35px; overflow: hidden; text-align:right; font-size:12px; }
.hidden{display: none;}

.wb15{width:15%;}
.wb20{width:20%;}
.wb30{width:30%;}
.wb70{width:70%;}
.wb80{width:80%;}
.wb85{width:85%;}
.wb100{width:100%;}
.wb0{width:0%;}
.wb277{width:277px; height:184px;}
.wb277 img{width:275px; height:182px; border:1px solid #f6f6f6; padding:0px;}
.wb380{width:380px;}
.w80{width:80px;}
.w100{width:100px;}
.wb120{width:120px;}
.wb135{width:135px; overflow: hidden;}
.wb135 img{ height:158px; border:1px solid #f6f6f6; padding:0px;}
.wb135_2{width:135px;}
.h20{ height:20px;}
.fl{ float:left;}
.fr{ float:right;}
.ww100{width:100%;}

.certificate_box { clear:both; border-bottom:0px solid #EAEAEA; overflow: hidden; margin:0 auto 10px auto; list-style:none; }
.certificate_box .l{width:49%;float:left; overflow:hidden;}
.certificate_box .l li{line-height:25px; border-bottom:1px solid #EAEAEA;margin:10px 0 0 0;padding:0 0 10px 0;font-size:18px;}
.certificate_box .l li .title{font-size:18px; font-weight:bold;}
.certificate_box .r{width:49%;float:right; overflow:hidden;}
.certificate_box .r li{line-height:25px; border-bottom:1px solid #EAEAEA;margin:10px 0 0 0;padding:0 0 10px 0;font-size:18px;}
.certificate_box .r li .title{font-size:18px; font-weight:bold;}

.content_box { clear:both; border-bottom:0px solid #EAEAEA; overflow: hidden; margin:0 auto 10px auto; list-style:none; }
.content_box a{color:#008AD7;}
.content_box a:hover{color:#333;}
.content_box .left2{float:left;  color:#008AD7; overflow: hidden; }
.content_box .right2{ float:right; overflow: hidden; }
.t2_ { height:30px; color:#666; font-size:14px; font-weight:bold;}
.t3_ { height:30px; width: 110px; overflow: hidden; color:#666; font-size:14px; font-weight:bold;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.t4_ { height:30px; width: 110px; overflow: hidden; color:#666; font-size:14px; font-weight:normal;}
.t2_ a{ color:#666;}
.t3_ a{ color:#666;}
.t4_ a{ color:#666;}
.d2_{ color:#999; line-height:22px; margin:0 0 5px 0;}
.d3_{ color:#999; line-height:20px; margin:0 0 5px 0;}
.x2_{ border-bottom:1px dotted #CCCCCC; height:5px; margin-bottom:10px;}
.list1 li{ clear: both; line-height:20px;}
.list1 a{float: left; color:#666; }
.list1 span{float: right; color:#ccc; }
.btn1{ background:#008AD7; text-align:center; margin:10px 0px 0 0;border-radius:3px; }
.btn1 a{ color:#fff; }
.btn1 a:hover{ color:#fff; }
.btn1:hover{ background:#E8645A; }
.btn2{ background:#E8645A; text-align:center; margin:10px 0px 0 0;border-radius:3px; }
.btn2 a{ color:#fff; }
.btn2 a:hover{ color:#fff; }
.btn2:hover{ background:#008AD7; }
.red{ color:red;}
.red a{ color:red;}
.v{width:277px; height:186px; position:relative; z-index:90;}
.v img{width:277px; height:186px;}
.v_t{width:277px; height:241px; height:35px; line-height: 35px; color:white; position:absolute; z-index:91; bottom:0px; background:url("../images/v.png"); text-indent:50px;}
.v_t a{ color:white;}
.v_t a:hover{ color:#ccc;}
.v_box{width:850px; overflow: hidden; }
.v_mr{ margin:0 100px 20px 0;}




/* 标签切换 */
.tab_container {width:1000px; margin:10px auto 10px auto; padding:0; overflow: hidden; }
.etabs { width:1000px; margin:0px auto 0 auto; padding:0; border-bottom:1px solid #d6d6d6; }
.tab { display: inline-block; zoom:1; *display:inline; background-color:#d6d6d6; border: solid 0px #428bca; border-bottom: none; border-radius:0px 0px 0 0; -webkit-border-radius: 0px 0px 0 0; }
.tab a { font-size: 14px; height:35px; line-height:35px; display: block; padding: 0 20px; text-align:center; color:#494949;} 
.tab.active { background-color:#f9fafd; height:33px; border-top:3px #008cd4 solid; position: relative; top:3px; border-left: solid 1px #d6d6d6; border-right: solid 1px #d6d6d6; }
.panel_container {background:#f9fafd; width:998px; margin:0 auto 0px 0; border:1px solid #d6d6d6; border-top:none; border-radius:0 0 0px 0px; overflow: hidden;}

.tab_post { padding:20px 0 20px 20px;}
.tab_post li { float:left; width:280px; line-height:30px;}
.tab_post li a { display:block; color:#555555;}
.tab_post li a:hover {  text-decoration:underline; color:#111111;}

.tab_image { padding:20px 9px 10px 9px;}
.tab_image li { float:left; border:1px solid #DDDDDD; text-align:center; padding:5px; margin-right:8px; margin-bottom:8px; overflow:hidden;}
.tab_image li a { display:block; position:relative;}
.tab_image li .black_bg { display:block; width:100%; position:absolute; bottom:0; visibility:hidden; height:30px; line-height:30px; background-color:#000000; opacity:0.5; filter:alpha(opacity=50); text-align:center;}
.tab_image li .black_bg span { color:#FFFFFF; position:absoute; z-index:2;}
.tab_image li a:hover .black_bg { visibility:visible; }

.tab_soft { padding:20px 0 20px 20px;}
.tab_soft li { float:left; width:100px; padding:5px 0 10px 0; border:1px solid #FFFFFF; text-align:center;}
.tab_soft li:hover { border:1px solid #CCCCCC; }
.tab_soft li a { display:block; color:#555555; }
.tab_soft li a.dl_btn { visibility:hidden; width:70px; height:25px; line-height:25px; background-color:#428bca; border-radius:3px; color:#FFFFFF; margin:0 auto;}
.tab_soft li:hover a.dl_btn { visibility:visible;}

.tab_link { padding:20px 0 20px 20px;}
.tab_link li { float:left; width:125px; height:125px; padding:5px; border:1px solid #eee; text-align:center; margin:5px 20px 5px 5px;}
.tab_link li:hover { border:1px solid #CCCCCC; }
.tab_link li a { display:block; color:#555555; }
.tab_link li a.dl_btn { visibility:hidden; width:70px; height:25px; line-height:25px; background-color:#428bca; border-radius:3px; color:#FFFFFF; margin:0 auto;}
.tab_link li:hover a.dl_btn { visibility:visible;}


.tab_video { padding:20px 0 20px 20px;}
.tab_video li { float:left; width:188px; overflow:hidden; margin-bottom:15px; text-align:center;}
.tab_video li a { display:block; width:150px; margin:0 auto; position:relative;}
.tab_video .video_title { line-height:28px; color:#555555;}
.tab_video .v_play_mask { background-color:#000000; display: block; height: 100%; left: 0; opacity: 0.5; filter:alpha(opacity=50); position: absolute; top: 0; visibility: hidden; width: 100%;}
.tab_video .v_play_icon { background: url(../images/play_normal.png) no-repeat;  display: block;
    height: 42px;  left: 50%; margin: -21px 0 0 -21px; position: absolute; top: 50%; visibility: hidden; width: 42px;}
.tab_video .video_a:hover .v_play_mask, .tab_video .video_a:hover .v_play_icon{ visibility: visible;}

.client_head li { float:left; line-height:35px; }
.client_head .client_title { font-size:16px; font-weight:bold; text-align:left;}
.client_head .client_line { margin-left:17px;}
.client_head .client_btn { float:right; }
.client_head .client_btn a { 
	float:left;
	margin-left:19px;
	width:40px; font-size:24px; font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	border-radius:5px; 
	background-color:#98a3a3;
	-webkit-box-shadow:0 5px 0 #7f8c8c;
	-moz-box-shadow: 0 5px 0 #7f8c8c;
	box-shadow: 0 5px 0 #7f8c8c;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#7f8c8c', Direction=-180, Strength=5);
	text-align:center;
}
.client_head .client_btn a:hover { 
	background-color:#e2534b;
	-webkit-box-shadow:0 5px 0 #e2534b;
	-moz-box-shadow: 0 5px 0 #e2534b;
	box-shadow: 0 5px 0 #e2534b;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#e2534b', Direction=-180, Strength=5);
}
#clients { width:1000px; padding:20px 0;}
.client_body { margin-top:20px; }
.client_body li,.client_foot li { float:left; margin-right:20px;}
.client_body li { margin-bottom:20px;}
.client_body li a { display:block; border:1px solid #DDDDDD;}
.client_body li a:hover { border-color:#428bca; }
.client_foot li a { display:block; padding:6px 0; color:#555555; font-size:16px;}
.client_foot li a:hover { background-color:#666666; color:#FFFFFF; }

.zixun_paging{margin:10px 0 50px 0; border-top:1px dotted #CCCCCC;padding:10px 0 0 0;}
h1.title{text-align:center; line-height:35px; font-size:18px; margin:0}
.xx{border-top:1px dotted #CCCCCC;}
.c_t{text-align:center;}
.c_t span{margin:0 10px; color:#999;}
.c_t a{ color:#999;}
.c_text p{text-indent:2em; margin-bottom:10px; line-height:200%;}

.page_left a {clear:both; background:#ECECEC url("../images/dot_2.png") no-repeat 20px 12px; font-size:16px; text-indent:50px; margin:0 0 10px 0; width:275px; height:37px; line-height:37px; display:block; color:#6C6C6C; }
.page_left a.selected { background:#008AD7 url("../images/dot_1.png") no-repeat 20px 12px;color:#FFFFFF;}
.page_left a:hover { background:#008AD7 url("../images/dot_1.png") no-repeat 20px 12px; color:#FFFFFF; }

.winxin_imgBox{position: absolute;top:36px;margin:0 0 0 -35px;width:100px;height:100px;z-index:1000; display:none;}
