@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.png) no-repeat top;height:650px;}
#solid .solid1{ background:url(../img/banner2.jpg) no-repeat top;height:650px;}
#solid .solid2{ background:url(../img/banner3.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:150px; height:150px; background:url(../img/6.png) no-repeat center center; margin:0 auto 30px auto;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.service_items li .two{ width:150px; height:150px; background:url(../img/7.png) no-repeat center center; margin:0 auto 30px auto;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.service_items li .three{ width:150px; height:150px; background:url(../img/8.png) no-repeat center center; margin:0 auto 30px auto;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.service_items li .four{ width:150px; height:150px; background:url(../img/9.png) 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:200px; height:200px; background:url(../img/1.png) no-repeat; margin:0 auto 30px auto;}
.service_items_list .two{ width:200px; height:200px; background:url(../img/2.png) no-repeat; margin:0 auto 30px auto;}
.service_items_list .three{ width:200px; height:200px; background:url(../img/3.png) 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;}
/*在线客服结束*/