@charset "utf-8";
/* CSS Document */
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1} 
.float_left{ float:left;}
.float_right{ float:right;}
ul{ list-style:none; padding:0; margin:0;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#333;}
body{padding:0; margin:0; color:#666; font-family:"微软雅黑", "宋体"; font-size:14px; line-height:1.8}
.width_1200{ width:1200px; margin:0 auto;}
.height_70{ height:70px;}
.big_bt{ font-size:36px; color:#333; font-weight:bold; text-align:center;}
.navigation_box{ background:url(../img/navigation_bj.png) repeat-x left top; padding:0 0 4px 0; z-index:99; position:absolute; top:0; width:100%;}
.navigation_box .logo{ height:62px; padding:19px 0;}
.navigation_box .logo img{ height:62px; border:none;}
.navigation_box .navigation{}
.navigation_box .navigation li{ float:right; padding:0 35px 0 35px; background:url(../img/navigation_img.png) no-repeat left center;}
.navigation_box .navigation a{ font-size:18px; color:#333; height:30px; display:block;}
.navigation_box .navigation a:hover{ color:#0b9de5;border-bottom:solid 2px #0b9de5; font-weight:bold}
.navigation_box .tel{ font-size:14px; color:#f27f0e; text-align:right; height:30px; line-height:30px; margin:5px 0;}
/*导航结束*/
#solid{	width:100%;	height:650px;clear:both;position:relative;}
#solid .solid0,#solid .solid1,#solid .solid2{position:absolute;left:0px;top:0px;width:100%;	height:498px;display:none;}
#solid .solid0{ background:url(../img/banner1.jpg) no-repeat top;height:650px;}
#solid .solid1{ background:url(../img/banner2.jpg) no-repeat top;height:650px;}
#solid .solid2{ background:url(../img/banner1.jpg) no-repeat top;height:650px;}
#solid ul{margin:0px;padding:0px;list-style:none;}
#solid ul li{position:absolute;top:0px;width:905px;height:650px;display:none;cursor:pointer;}
#solid #btt{width:905px;height:55px;top:600px;left:50%;position:relative;margin-left:-452px;}
#solid #btt span{position:absolute;	top:15px;left:45%;display:block;width:30px;	height:8px;	margin:0 15px;	text-align:center;background:#3d3d3d;z-index:1000;cursor:pointer;
filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/}
.case_banner{ background:url(../img/banner4.jpg) no-repeat; height:350px;position:relative;}
.about_banner{ background:url(../img/banner5.jpg) no-repeat; height:350px;position:relative;}
.service_items_banner{ background:url(../img/banner6.jpg) no-repeat; height:350px;position:relative;}
.case_banner h2, .about_banner h2,.service_items_banner h2{ font-size:30px; color:#666; padding:170px 0 0 0;}
.case_banner .content, .about_banner .content,.service_items_banner .content{ font-size:18px; color:#666; margin-top:-20px;}
/*banner结束*/
.service_items{ padding:100px 0;}
.service_items li{ width:25%; border-radius:2px; padding:50px 50px 60px 50px; box-sizing:border-box;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);}
.service_items li:hover{box-shadow:0 5px 20px #bbb; background:#fff;}
.service_items li .one{ width:250px; height:150px; background:url(../images/sy1.jpg) no-repeat center center; margin:0 auto 30px auto;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.service_items li .two{ width:250px; height:150px; background:url(../images/sy2.jpg) no-repeat center center; margin:0 auto 30px auto;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.service_items li .three{ width:250px; height:150px; background:url(../images/sy1.jpg) no-repeat center center; margin:0 auto 30px auto;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.service_items li .four{ width:250px; height:150px; background:url(../images/sy2.jpg) no-repeat center center; margin:0 auto 30px auto;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.service_items li:hover .one{ width:150px; height:150px; background:url(../img/10.png) no-repeat center center;}
.service_items li:hover .two{ width:150px; height:150px; background:url(../img/11.png) no-repeat center center;}
.service_items li:hover .three{ width:150px; height:150px; background:url(../img/12.png) no-repeat center center;}
.service_items li:hover .four{ width:150px; height:150px; background:url(../img/13.png) no-repeat center center;}
.service_items li .bt{ font-size:18px; font-weight:bold; color:#333; text-align:center; margin:0 0 15px 0; height:30px; line-height:30px;-webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;}
.service_items li .nr{ font-size:14px; color:#666; line-height:1.5; text-align:center; height:60px;-webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;}
.service_items li:hover .bt{ font-size:22px;}
.service_items li:hover .nr{ font-size:14px; color:#444;}
/*服务项目结束*/
.service_items_list li{ width:33%;}
.service_items_list .one{ width:360px; height:300px; background:url(../images/t1.jpg) no-repeat; margin:0 auto 30px auto;}
.service_items_list .two{ width:360px; height:300px; background:url(../images/t2.jpg) no-repeat; margin:0 auto 30px auto;}
.service_items_list .three{ width:360px; height:300px; background:url(../images/t3.jpg) no-repeat; margin:0 auto 30px auto;}
.service_items_list li .bt{font-size:18px; font-weight:bold; color:#333; text-align:center; margin:0 0 15px 0; height:30px; line-height:30px;}
.service_items_list li .nr{font-size:14px; color:#666; line-height:1.5; text-align:center;}
.service_flow{ background:url(../img/18.png) no-repeat top center; padding:100px 0;}
.service_flow li{ width:20%; float:left;}
.service_flow .left{ background:url(../img/21.png) no-repeat center center;}
.service_flow .right{ background:url(../img/20.png) no-repeat center center; }
.service_flow .center{ background:url(../img/19.png) no-repeat  center center;}
.service_flow .bt{ font-size:18px; font-weight:bold; color:#333; text-align:center; margin:0 0 15px 0; height:30px; line-height:30px;}
.service_flow .number{ width:50px; height:50px; line-height:50px; font-size:18px; font-weight:bold; color:#fff; text-align:center; display:block; background:url(../img/5.png) no-repeat; margin:0 auto;}
.customer_box{ width:100%; padding:100px 0; background:url(../img/index_bj.jpg) no-repeat top center;}
.customer_box .customer_width{width:1224px; margin:0 auto;}
.customer_box .customer li{ width:20%; padding:5px 7px;box-sizing:border-box;}
.customer_box .customer li img{ width:100%;}
/*合作客户结束*/
.index_bottom{ padding:100px 0;}
.index_bottom li{ width:25%; box-sizing:border-box; padding:0 50px 0 80px; float:left;line-height:30px; height:60px;}
.index_bottom .one{background:url(../img/14.png) no-repeat left center;  }
.index_bottom .two{background:url(../img/15.png) no-repeat left center;  }
.index_bottom .three{background:url(../img/16.png) no-repeat left center;  }
.index_bottom .four{background:url(../img/17.png) no-repeat left center;  }
.index_bottom span{ font-size:16px; color:#333; font-weight:bold;}
.index_bottom .tel{ font-size:18px; font-weight:bold; color:#f27f0e; text-align:center; padding-top:50px;}
/*为什么要选择我们结束*/
.copyright{ padding:35px 0; background:#4d4d4d; color:#ccc; text-align:center;}
.copyright a{ color:#ccc;}
.copyright a:hover{ color:#bbb; }
/*版权结束*/
.case_box{ width:1260px; margin:0 auto;}
.case_box li{ width:33.3%; box-sizing:border-box; padding:30px; float:left;}
.case_box .case_img{}
.case_box img{ width:100%;border:1px solid #BBBBBB; padding:0; margin:0;}
.case_box .case_bt{ font-size:16px; color:#333; font-weight:bold; margin-top:10px;}
.case_box .case_content{}
/*案例结束*/
.previous_page_width_50{ width:50%;}
.previous_page,.next_page{ width:100%; text-align:center; background:#ddd; height:30px; line-height:30px;border-radius:2px;}
.previous_page:hover,.next_page:hover{ background:#eee;}
.previous_page{ margin-right:1px;}
.next_page{ margin-left:1px;}
/*翻页结束*/
.online_service{ width:136px; position:fixed; top:250px; right:40px;}
.online_service .top{ background:url(../img/kf_top_bj.png) no-repeat top center; height:128px;}
.online_service .center{ background:url(../img/kf_middle_bj.png) repeat-y top; padding:5px 25px 5px 25px; }
.online_service .center .kf_online{ height:24px; padding:10px 0 0 23px; background:url(../img/QQ.png) no-repeat 0px 13px;}
.online_service .center .kf_no_online{ height:24px; padding:10px 0 0 23px; background:url(../img/QQ_02.png) no-repeat 0px 13px;}
.online_service .bottom{ background:url(../img/kf_bottom_bj.png) no-repeat bottom center; height:24px;}
/*在线客服结束*/

/* right phone */
   .fn-browse {
	position:fixed;
	_position:absolute;
	right:0;
	bottom:160px;
	z-index:99
}
.fn-browse .pop-box {
	background:#f5f5f5;
	border:1px solid #d5d5d5;
	cursor:default;
	display:none;
	text-align:center;
	height:166px;
	width:160px;
	position:absolute;
	top:0;
	left:-162px
}
.fn-browseTitle li {
	background:#4ab416;
	border-top:1px solid #fff;
	cursor:pointer;
	height:39px;
	width:50px;
	vertical-align:middle;
	position:relative
}
.fn-browseTitle li:first-child {
	border-top:0
}
.fn-browseTitle li a {
	color:#e2f1db
}

.fn-browseTitle li .item-hd {
	font-size:14px;
	height:37px;
	height:35px\9;
	width:30px;
	color:#e2f1db;
	padding:2px 10px 0;
	padding-top:4px\9;
	letter-spacing:1px;
	line-height:17px
}
.fn-browseTitle li .arrow-left {
	border:0 solid #f5f5f5;
	border-right-color:#349800;
	border-width:6px 9px 6px 0;
	display:none;
	font-size:0;
	height:0;
	line-height:0;
	top:50%;
	left:-9px;
	*left:-10px;
	position:absolute;
	margin-top:-6px;
	z-index:1
}
.fn-browseTitle li .arrow-top {
	font-size:28px;
	height:16px;
	width:28px;
	overflow:hidden;
	margin-left:1px;
	position:absolute;
	left:auto;
	top:10px;
	top:12px\9;
	line-height:39px
}
.fn-browseTitle li .arrow-top em {
	position:absolute;
	left:0;
	top:-3px
}
.fn-browseTitle li .arrow-top i {
	color:#71b84d;
	position:absolute;
	left:0;
	top:2px
}
.fn-browseTitle li .app-client {
	top:-40px
}
.fn-browseTitle .on .item-hd,.fn-browseTitle li:hover .item-hd {
	background:#349800
}
.fn-browseTitle .on .arrow-left,.fn-browseTitle li:hover .arrow-left {
	display:block
}
.fn-browseTitle .on .arrow-top i,.fn-browseTitle li:hover .arrow-top i {
	color:#349800
}
.icons-right-side {
	display:inline-block;
	*display:inline;
	zoom:1;
	display:none
}
.fn_p_img {
	padding:10px;
	padding-bottom:5px;
	display:block;
	height:130px;
	width:130px;
	margin:0px;
}
.fn_p_text
{
 margin:0px;
 padding:0px;
 }
.fn-browseTitle li .fn_p_text a{color:#ff901a;}