.product{ overflow: hidden;  width: 2000px;}
.product-box{ width: 100%; overflow: hidden; position: relative;}
.product>div{ width: 100%; height: 460px; float: left; border-right: 1px solid #ddd; border-left: 1px solid #ddd; margin-left: -1px; overflow: hidden; position: relative; z-index: 1; text-align: center;}
.product>div:first-child{ margin: 0;}
.product>div.active{ z-index: 2; border-color: #f88e24;}
.product .pl{ position: absolute; left: 0 ; top: 50px; width: 50%;  text-align: center; border-right: 1px solid #e5e5e5; padding: 10px 0;}
.product .pr{ width: 50%; float: right; text-align: left; padding: 0 15px;}
.product .pr img{ width: 15px; height: auto; margin: 0;}
.product img{ width: 186px; height: 100px; display: inline-block;}
.product .top{ height: 60px; line-height: 60px; font-size: 22px; }
.product .bottom{ padding: 0 20px;}
.product .title{ font-size: 16px; margin: 10px 0 10px;}
.product h3{ font-size: 15px; margin-bottom: 5px; padding-right: 10px;}
.product p{ color: #999999; margin-bottom: 15px;}
.product .detail{ width: 100px; height: 34px; line-height: 34px; border-radius: 4px; background: #FF9933; color: #fff; display: inline-block; margin: 10px 0; text-align: center; position: absolute; bottom: 50px; left: calc(50% - 145px);}

.jie_list,.shang_list{ text-align: center; margin-top: 30px; font-size: 15px;}
.jie_list li,.shang_list li{ width: 128px; height:36px; line-height: 34px; text-align: center; border: 1px solid #ddd; border-radius: 4px; display: inline-block; margin-right: 40px; cursor: pointer; position: relative;}
.jie_list li.active,.shang_list li.active,.jie_list li:hover,.shang_list li:hover{ background: #f88e24; color: #fff; border-color: #f88e24;}
.jie_list li b,.shang_list li b{ position: absolute; left: 50%; bottom: -17px; width: 0; height: 0; border: 8px solid #fff; border-top-color: #f88e24; margin-left: -7px; display: none;}
.jie_list li.active b,.shang_list li.active b{ display: inline-block;}

.jie_x{ overflow: hidden; margin-top: 40px;}
.jie_x>div{ float: left; width: 22%; margin:0 15px; border: 1px solid #ededed; border-radius: 8px; height: 520px; box-shadow: 1px 1px 1px #eee; position: relative; background: #fff;}
.jie_x>div span{ position: absolute; left: 20px; top: 20px; background: url("../images/hang_h.png") no-repeat; width: 50px; height: 65px; display: inline-block; line-height: 58px; font-size: 24px; color: #fff; padding-left: 9px; font-style: italic;}
.jie_x img{ margin-bottom: 20px; width: 100%; height: 300px;}
.txt{ padding: 0 20px 0 20px; }
.txt b{ display: inline-block; width: 30px; height: 3px; background: #474747; margin-bottom: 10px;}
.txt h2{ font-size: 16px; font-weight: 700; margin-bottom: 5px; display: inline-block; width: 100%;}
.txt p{color: #666; margin-top: 5px; font-size: 14px; line-height: 20px;}

.anli{ overflow: hidden; width: 100%;}
.anli>div{ border: 1px solid #ddd; text-align: center; color: #333;position: relative; width:20%; margin: 0 10px 20px 10px; float: left; }
.anli img{ margin-bottom: 20px; box-shadow: 2px 2px 4px #ddd;}
.anli h2{ font-size: 20px; }
.anli h3{ height: 24px; line-height: 24px; font-size: 15px; margin-bottom: 20px;}
.anli span{ width: 100%; height: 40px; line-height: 40px; display: inline-block; color: #ff9933;}
.anli .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); color: #fff;padding: 20px 10px; display: none; }
.anli .text img{ width: 150px; height: 150px; margin-top: 15px;}
.anli_left,.anli_right{ position: absolute; top: 50%; width: 46px; height: 46px; margin-top: -23px;display: inline-block; border:2px solid #eee; cursor: pointer;}
.anli_left{ left: 0px; background: url("../images/icon_left.png") no-repeat;}
.anli_left:hover{ background-image: url("../images/icon_left_a.png");}
.anli_right{ right: 0px; background: url("../images/icon_right.png") no-repeat;}
.anli_right:hover{ background-image: url("../images/icon_right_a.png");}
.an_hover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); padding: 20px 20px; text-align: center; display: none;}
.an_hover p{margin-bottom: 20px; font-size: 15px;color: #fff; text-align: left;}
.an_hover img{width: 150px;height: 150px;}

.shang_x{ padding: 50px 0 0 20px;  overflow: hidden;}
.shang_x .title{ font-size: 20px; font-weight: 200; margin-bottom: 10px; padding-left: 30px; position: relative;}
.shang_x .title b{ position: absolute; left: -20px; top: -5px; background: url("../images/shang_h.png") no-repeat; width: 42px; height: 41px;text-align: center; line-height: 36px; color: #f88e24;}
.shang_x p{ padding-left: 30px; color: #999; margin-bottom: 40px; font-size: 14px;}
.sl,.sr{ float: left; width: 50%;}
.sl{ padding-right: 40px;}
.sr{ padding-left: 40px;}
.shang_2{  padding: 70px 20px 50px; overflow: hidden;}
.shang_2>div{ width: 250px; margin: 0 20px; float: left; border: 1px solid #eee; border-radius: 6px; box-shadow: 1px 1px 2px #ddd;}
.shang_2>div:last-child{ margin-right: 0;}
.shang_2>div iframe,.shang_2>div video{height: 210px;width: 100%; margin-bottom: 10px;}
.shang_2 h2{ font-size: 16px;}
.shang_2 p{ padding: 0; color: #999; text-indent: 18px;}
.shang_3 h2{ font-size: 20px; margin-bottom: 10px;}
.shang_3 span{ color: #999; width: 100%; overflow: hidden; font-size: 12px; margin-bottom: 5px; display: inline-block;}
.shang_3 span em{ float: left; margin-right: 10px;}
.shang_3 span font{ float: right;}
.shang_3 p{ padding: 0;margin: 0; color: #333;}
.shang_3 .media{ padding-bottom: 15px; border-bottom: 1px dashed #ddd;}
.sl .media:last-child,.sr .media:last-child{ border-bottom: 0;}



/***客户案例***/
.hangye_nav{ border: 1px solid #ddd;margin-top: 20px;}
.hangye_nav span{ width: 11.11%; float: left; display: inline-block; height: 40px; line-height: 40px; text-align: center; font-size: 15px; cursor: pointer;}
.hangye_nav span:last-child font{ border-right: 0;}
.hangye_nav span:hover{color: #FF9933;}
.hangye_nav span.active{ background: #FF9933; color: #fff;}
.hangye_nav span font{ display: inline-block; width: 100%; border-right: 1px solid #ddd; height: 16px; line-height: 16px;}
.hangye_nav span.active font{ border-right: 0;}

.hangye_box{ margin-bottom: 50px;}
.hangye_box img{ width: 100%;display: inline-block;}

/***服务市场***/
.service_nav{ border: 1px solid #ddd; }
.service_nav span{ width: 11.11%; float: left; display: inline-block; height: 40px; line-height: 40px; text-align: center; font-size: 15px;}
.service_nav span:last-child{ border-right: 0;}
.service_nav span:hover,.service_nav span.active{ background: #FF9933; color: #fff;}
.service_nav span font{ display: inline-block; width: 100%; border-right: 1px solid #ddd; height: 16px; line-height: 16px;}
.service_nav span:hover font,.service_nav span.active font{ border-right: 0;}
.service_l{ width: 77%; float: left; padding-right: 20px;}
.service_r{ width: 23%; float: left; }
.service_title{ padding-bottom: 30px; padding-right: 30px;}
.service_title h2{ font-size: 17px; font-weight: 700; margin-bottom: 10px;}
.service_title p{  line-height: 24px; font-size: 15px; color: #787878;}
.service_main{ overflow: hidden;}
.service_main>div{ float: left; width: 48%; height: 150px; margin: 0 1% 10px ; padding:0 18px; border: 1px solid #ddd;}
.service_main .media-left{ height: 148px; vertical-align: middle;}
.service_main img{ width: auto; height:auto; display: inline-block;}
.service_main h3{ margin-bottom: 10px; font-size: 16px; margin-top: 10px;}
.service_main  p{ font-size: 14px; color: #787878; line-height: 24px;}
.service_r img{ width: 100%; display: inline-block;}
.service_r h3{ font-size: 15px; background: #e7e7e7 url('../images/icon_l.png') no-repeat 10px center; height: 40px; line-height: 40px; padding-left: 20px;}
.service_r .text{ padding: 10px; height: 370px;}
.service_r .text p{ color: #787878; margin-bottom: 5px; font-size: 15px; line-height: 28px;}

.service-bottom{ height: 330px; width: 100%; position: relative;}
.service-bottom a{ display: inline-block; background: url('../images/call_us.png') no-repeat; width: 454px; height: 77px; position: absolute; left: 45%; top:130px; color: #fff; font-size: 34px; line-height: 74px; padding-left: 36px; font-weight: 700;letter-spacing:4px;}
.service_apply{ background: url('../images/service_apply.png') no-repeat; }
.service_train{ background: url('../images/service_train.png') no-repeat; }
.service_guwen{ background: url('../images/service_guwen.png') no-repeat; }
.service_move{ background: url('../images/service_move.png') no-repeat;}
.service_shop{ background: url('../images/service_shop.png') no-repeat; }
/****解决方案****/
.jie_h{ margin-top: 60px;}
.jie_h>div{ width: 270px; float: left; margin: 40px 15px; position: relative;}
.jie_h>div p{ color: #fff; position: absolute; width: 100%; left: 0; top: 260px; padding: 0 15px;}

/***法律声明***/
.legal{ width: 900px; margin-top: 60px; margin-bottom: 50px;}
.legal h2{ font-size: 24px; margin-bottom: 20px; font-weight: 700;}
.legal h3{ font-size: 18px; margin-bottom: 10px; font-weight: 700;}
.legal p{ font-size: 16px; margin-bottom: 30px; line-height: 36px;}

/***合作联系***/
.contact_h{ line-height: 100px; height: 100px; width: 100%; display: inline-block; border-bottom: 1px solid #eee; text-align: center; font-size: 20px; font-weight: 700;}
.contact_h img{ width: auto; display: inline-block; vertical-align: middle;}
#contact p{ padding: 20px 10px; line-height: 28px; font-size: 16px; text-align: left; text-indent: 33px;}
#contact img{ width: auto;}
.contact_middle{ overflow: hidden; margin-top: 50px; }
.contact_middle h3{ font-size: 26px; color: #f88e24; margin-bottom: 30px;}
.contact_middle>div{ width: 50%; display: inline-block;float: left;}
.contact_middle p{ padding: 10px !important;}

/***网站地图***/
#map{ font-size: 15px;}
#map h3{ font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #ddd; padding-left: 5px; margin-bottom: 20px;}
#map li{ line-height: 36px;}
.map-1,.map-2,.map-3,.map-4{ overflow: hidden; margin-bottom: 50px;}
.map-1>a{  width: 20%; float: left; line-height: 40px;  text-align: center; display: inline-block;}
.map-2{ padding: 0 10px;}
.map-2>ul{ margin-right: 50px; float: left;}
.ll li{overflow: hidden;}
.ll a{ width: 33%;display: inline-block; float: left;}
.map-2>ul>li{ line-height: 36px;}
.map-2 h4{ line-height: 36px; border-bottom: 1px solid #ddd; font-size: 15px;}
.map-3>ul{ float: left; width: 33.33%; text-align: center;}

/*********/
@media (max-width: 1400px){
    .jie_x > div,.jie_h > div{ width: 220px;}
    .anli > div{ width: 230px;}
    .shang_2>div{ width: 200px;}
    .jie_h > div p{ top:210px}
}
@media (max-width: 767px){
	.jie_x{ overflow: hidden; margin-top: 40px;}
.jie_x>div{ float: left; width: 270px; margin:0 15px; border: 1px solid #ededed; border-radius: 8px; height: 520px; box-shadow: 1px 1px 1px #eee; position: relative; background: #fff;margin-left:30px;}
.jie_x>div span{ position: absolute; left: 20px; top: 20px; background: url("../images/hang_h.png") no-repeat; width: 50px; height: 65px; display: inline-block; line-height: 58px; font-size: 24px; color: #fff; padding-left: 9px; font-style: italic;}
.jie_x img{ margin-bottom: 20px; width: 100%; height: 300px;}
.txt{ padding: 0 20px 0 20px; }
.txt b{ display: inline-block; width: 30px; height: 3px; background: #474747; margin-bottom: 10px;}
.txt h2{ font-size: 16px; font-weight: 700; margin-bottom: 5px; display: inline-block; width: 100%;}
.txt p{color: #666; margin-top: 5px; font-size: 14px; line-height: 20px;}
	
.anli{ overflow: hidden; width: 100%;}
.anli>div{ border: 1px solid #ddd; text-align: center; color: #333;position: relative; width: 260px; margin: 0 10px 20px 30px; float: left; }
.anli img{ margin-bottom: 20px; box-shadow: 2px 2px 4px #ddd;}
.anli h2{ font-size: 20px; }
.anli h3{ height: 24px; line-height: 24px; font-size: 15px; margin-bottom: 20px;}
.anli span{ width: 100%; height: 40px; line-height: 40px; display: inline-block; color: #ff9933;}
.anli .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); color: #fff;padding: 20px 10px; display: none; }
.anli .text img{ width: 150px; height: 150px; margin-top: 15px;}
.anli_left,.anli_right{ position: absolute; top: 50%; width: 46px; height: 46px; margin-top: -23px;display: inline-block; border:2px solid #eee; cursor: pointer;}
.anli_left{ left: 0px; background: url("../images/icon_left.png") no-repeat;}
.anli_left:hover{ background-image: url("../images/icon_left_a.png");}
.anli_right{ right: 0px; background: url("../images/icon_right.png") no-repeat;}
.anli_right:hover{ background-image: url("../images/icon_right_a.png");}
.an_hover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); padding: 20px 20px; text-align: center; display: none;}
.an_hover p{margin-bottom: 20px; font-size: 15px;color: #fff; text-align: left;}
.an_hover img{width: 150px;height: 150px;}
}