/*banner begin*/
.box2{ clear:both; width:100%; height:780px; padding:120px 80px 0 80px;overflow:hidden; position:relative;}
.bmju{ display:table;width:100%; height:100%;  vertical-align:inherit; position:relative;}
.bonxw{ width:100%; height:auto; position:relative;}
.bann_box{ width:100%; height:auto; position:absolute; left:0; top:0; padding:216px 146px 216px 178px; z-index:9999;}

.bnin_l{ opacity:0;float:left; width:416px; color:#252224; font-size:36px; text-align:left;}
.bnin_l i{ font-size:60px;}
.bnin_r{ opacity:0;float:right; width:435px; color:#252224; font-size:48px; text-align:left; font-family: "Microsoft YaHei"; margin-top:140px;}
.ani-slide .bnin_l{opacity:1;animation:enterDownBounce 3s;-mzoanimation:enterDownBounce 3s;-webkit-animation:enterDownBounce 3s;-o-animation:enterDownBounce 3s; color:#252224;}
.ani-slide .bnin_r{opacity:1;animation:fadeInUp 3s;-mzoanimation:fadeInUp 3s;-webkit-animation:fadeInUp 3s;-o-animation:fadeInUp 3s; color:#252224;}
@media(max-width:1440px){
.box2{ clear:both; width:100%; height:680px; padding:120px 40px 0 40px;overflow:hidden; position:relative;}	
.bann_box{ width:100%; height:auto; position:absolute; left:0; top:0;  padding:180px 80px 0 80px;z-index:9999;}
}
@media(max-width:1024px){
.box2{ clear:both; width:100%; height:480px; padding:85px 30px 0 30px;overflow:hidden; position:relative;}	
.bann_box{ width:100%; height:auto; position:absolute; left:0; top:0; padding:52px 40px 50px 40px; z-index:9999;}
}
@media(max-width:1024px){
.box2{ clear:both; width:100%; height:480px; padding:85px 30px 0 30px;overflow:hidden; position:relative;}	
.bann_box{ width:100%; height:auto; position:absolute; left:0; top:0; padding:82px 40px 50px 40px; z-index:9999;}
.bnin_l{ opacity:0;float:left; width:100%; color:#252224; font-size:20px; text-align:left;}
.bnin_r{ opacity:0;float:right; width:100%; color:#252224; font-size:20px; text-align:left; font-family: "Microsoft YaHei"; margin-top:40px;}
.bnin_l i{ font-size:30px;}
}
@media(max-width:414px){
.box2{ clear:both; width:100%; height:280px; padding:85px 15px 0 15px;overflow:hidden; position:relative;}	
.bann_box{ width:100%; height:auto; position:absolute; left:0; top:0; padding:42px 40px 50px 40px; z-index:9999;}
.bnin_l{ opacity:0;float:left; width:100%; color:#252224; font-size:20px; text-align:left;}
.bnin_r{ opacity:0;float:right; width:100%; color:#252224; font-size:20px; text-align:left; font-family: "Microsoft YaHei"; margin-top:40px;}
.bnin_l i{ font-size:30px;}
}
/*banner end*/

/*main begin*/
.box3{ clear:both; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center top fixed; padding:88px 80px;}
.xini_l{ float:left; width:65%; height:auto; overflow:hidden;}
.xini_lt{ height:auto; overflow:hidden; background:url(../tu/tu6.png) no-repeat left top; padding:32px 60px 0 142px; margin-bottom:77px;}
.xini_lt span{ float:left; color:#252224; font-size:30px;}
.xini_lt a{ float:right; color:#252224; font-size:16px;}
.xini_lt a img{ margin-right:15px;}
.xini_lb{ clear:both; height:auto; overflow:hidden;}
.xini_lb dl{ float:left; width:30%; height:auto; overflow:hidden; margin-right:5%;}
.xini_lb dl.qcbj{ margin-right:0%;}
.xini_lb dd{ line-height:24px; color:#252224; font-size:16px;}
.xini_lb dt{ height:auto; overflow:hidden; margin-bottom:35px;}
.xini_lb dt img{ display:block; width:100%; height:380px;}
.xini_lb dd h1{ color:#252224; font-size:16px; line-height:30px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px;font-family: "PINGFANG MEDIUM_0";}
.xini_lb dd p{ line-height:36px; color:#252224; font-size:14px; height:72px;}
.xini_r{ float:right; width:32%; height:auto; overflow:hidden;}
.xini_rt{ height:auto; overflow:hidden; background:url(../tu/tu8.png) no-repeat left top; padding:32px 0px 0 209px; margin-bottom:110px; color:#252224; font-size:30px;}
.xini_rb{ height:auto; overflow:hidden;}
.xini_rb li{ line-height:36px; clear:both; overflow:hidden; margin-bottom:45px;}
.xini_rb li h1{ clear:both; height:auto; overflow:hidden; margin-bottom:10px;}
.xini_rb li h1 span{ float:left; width:80%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#252224; font-size:18px;font-family: "PINGFANG MEDIUM_0";}
.xini_rb li h1 font{ float:right; color:#252224; font-size:18px; font-family: "Microsoft YaHei";}
.xini_rb li p{ clear:both; line-height:36px; color:#252224; font-size:14px; height:72px; overflow:hidden;}
.xini_rv{ clear:both; text-align:right;}
.xini_rv a{ color:#252224; font-size:16px;}
.xini_rv a img{ vertical-align:middle; margin-right:10px;}
@media(max-width:1440px){
.box3{ clear:both; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center top fixed; padding:88px 40px;}	
.xini_lb dt img{ display:block; width:100%; height:296px;}
.xini_rb li h1 span{ float:left; width:70%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#252224; font-size:18px;}
.xini_rb li h1 font{ float:right; color:#252224; font-size:18px; font-family: "Microsoft YaHei";}
.xini_rb li{ line-height:36px; clear:both; overflow:hidden; margin-bottom:25px;}
}
@media(max-width:1366px){
.box3{ clear:both; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center top fixed; padding:88px 40px;}	
.xini_lb dt img{ display:block; width:100%; height:280px;}
.xini_rb li h1 span{ float:left; width:70%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#252224; font-size:18px;}
.xini_rb li h1 font{ float:right; color:#252224; font-size:18px; font-family: "Microsoft YaHei";}
.xini_rb li{ line-height:36px; clear:both; overflow:hidden; margin-bottom:25px;}
}
@media(max-width:1024px){
.box3{ clear:both; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center top fixed; padding:40px 30px;}	
.xini_lb dt img{ display:block; width:100%; height:323px;}
.xini_rb li h1 span{ float:left; width:70%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#252224; font-size:18px;}
.xini_rb li h1 font{ float:right; color:#252224; font-size:18px; font-family: "Microsoft YaHei";}
.xini_rb li{ line-height:36px; clear:both; overflow:hidden; margin-bottom:25px;}
.xini_l{ float:left; width:100%; margin-bottom:20px; height:auto; overflow:hidden;}
.xini_lt{ height:auto; overflow:hidden; background:url(../tu/tu6.png) no-repeat left top; padding:32px 30px 10px 30px; margin-bottom:20px;}
.xini_lt span{ float:left; color:#252224; font-size:18px;}
.xini_r{ float:right; width:100%; height:auto; overflow:hidden;}
.xini_rt{ height:auto; overflow:hidden; background:url(../tu/tu8.png) no-repeat left top; padding:32px 30px 10px 30px; margin-bottom:20px; color:#252224; font-size:18px;}
}
@media(max-width:768px){
.box3{ clear:both; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center top fixed; padding:40px 30px;}	
.xini_lb dt img{ display:block; width:100%; height:237px;}
.xini_rb li h1 span{ float:left; width:70%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#252224; font-size:18px;}
.xini_rb li h1 font{ float:right; color:#252224; font-size:18px; font-family: "Microsoft YaHei";}
.xini_rb li{ line-height:36px; clear:both; overflow:hidden; margin-bottom:25px;}
.xini_l{ float:left; width:100%; margin-bottom:20px; height:auto; overflow:hidden;}
.xini_lt{ height:auto; overflow:hidden; background:url(../tu/tu6.png) no-repeat left top; padding:32px 30px 10px 30px; margin-bottom:20px;}
.xini_lt span{ float:left; color:#252224; font-size:18px;}
.xini_r{ float:right; width:100%; height:auto; overflow:hidden;}
.xini_rt{ height:auto; overflow:hidden; background:url(../tu/tu8.png) no-repeat left top; padding:32px 30px 10px 30px; margin-bottom:20px; color:#252224; font-size:18px;}
}
@media(max-width:414px){
.box3{ clear:both; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center top fixed; padding:30px 15px;}	
.xini_lb dt img{ display:block; width:100%; height:137px;}
.xini_rb li h1 span{ float:left; width:70%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#252224; font-size:14px; font-weight:bold;}
.xini_rb li h1 font{ float:right; color:#252224; font-size:14px; font-family: "Microsoft YaHei";}
.xini_rb li{ line-height:36px; clear:both; overflow:hidden; margin-bottom:25px;}
.xini_l{ float:left; width:100%; margin-bottom:20px; height:auto; overflow:hidden;}
.xini_lt{ height:auto; overflow:hidden; background:url(../tu/tu6.png) no-repeat left top; padding:32px 30px 10px 30px; margin-bottom:20px;}
.xini_lt span{ float:left; color:#252224; font-size:18px;}
.xini_r{ float:right; width:100%; height:auto; overflow:hidden;}
.xini_rt{ height:auto; overflow:hidden; background:url(../tu/tu8.png) no-repeat left top; padding:32px 30px 10px 30px; margin-bottom:20px; color:#252224; font-size:18px;}
.xini_lb dl{ float:left; width:32%; height:auto; overflow:hidden; margin-right:2%; margin-bottom:15px;}
.xini_lb dl.qcbj{ margin-right:0%; margin-bottom:0px;}
.xini_lb dt{ height:auto; overflow:hidden; margin-bottom:15px;}
.xini_rb li{ line-height:36px; clear:both; overflow:hidden; margin-bottom:20px;}
.xini_rb li p{ clear:both; line-height:24px; color:#252224; font-size:12px; height:48px; overflow:hidden;}
.xini_lb dd{ line-height:24px; color:#252224; font-size:12px;}
.xini_lb dd h1{ color:#252224; font-size:12px; line-height:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px;font-family: "PINGFANG MEDIUM_0"; font-weight:bold;}
.xini_lb dd p{ line-height:24px; color:#252224; font-size:12px; height:48px;}

}
/*main end*/



/*案例 begin*/
.al_box{ clear:both; height:auto; overflow:hidden; padding:120px 80px 0 80px;}
@media(max-width:1440px){
.al_box{ clear:both; height:auto; overflow:hidden; padding:120px 40px 0 40px;}	
}
@media(max-width:1024px){
.al_box{ clear:both; height:auto; overflow:hidden; padding:85px 30px 0 30px;}	
}
@media(max-width:414px){
.al_box{ clear:both; height:auto; overflow:hidden; padding:65px 15px 0 15px;}	
}

.al_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center top fixed; padding:80px 80px 50px 80px;}
.al_left_t{ height:auto; overflow:hidden; background:url(../tu/tu9.png) no-repeat left top; padding:34px 0 15px 134px; color:#252224; font-size:30px; line-height:30px; margin-bottom:35px;}
.al_left{ float:left; width:24%; height:auto; overflow:hidden;} 
.al_left li{ line-height:20px; margin-bottom:15px; padding-left:95px;}
.al_left li a{ display:block;  padding-left:50px; color:#252224; font-size:18px;}
.al_left li a:hover{background:url(../images/bg2.png) no-repeat left center;}
.al_left li a.avin{background:url(../images/bg2.png) no-repeat left center;}
.al_right{ float:right; width:76%; height:auto; overflow:hidden;}
.jdi{ height:auto; overflow:hidden; background:url(../tu/tu7.png) no-repeat left center; padding-left:27px; color:#252224; font-size:24px; margin-bottom:60px;}
.his{ height:auto; overflow:hidden;}
.his dl{ float:left; width:33.33%; height:auto; overflow:hidden; margin-bottom:60px;}
.his dt{ height:auto; overflow:hidden; border:8px solid #e5e5e5; margin-bottom:30px}
.his dt.ein{ border-left:none;}
.his dt img{ display:block; width:100%; height:254px;transition: all 1s ease;}
.his dd{ text-align:center; line-height:40px;}
.his dd span{ border:1px solid #252224; padding:0 50px; line-height:40px; color:#252224; font-size:14px; height:40px; display:inline-block;transition: all 1s ease;}
.his dl:hover dt img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.his dl:hover span{ border:1px solid #dab96b; background:#dab96b; color:#fff;}
@media(max-width:1680px){
.his dt img{ display:block; width:100%; height:216px;transition: all 1s ease;}	
}
@media(max-width:1600px){
.his dt img{ display:block; width:100%; height:204px;transition: all 1s ease;}	
}
@media(max-width:1440px){
.his dt img{ display:block; width:100%; height:182px;transition: all 1s ease;}	
.his dd span{ border:1px solid #252224; padding:0 30px; line-height:40px; color:#252224; font-size:14px; height:40px; display:inline-block;transition: all 1s ease;}
.al_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center top fixed; padding:80px 40px 50px 40px;}
}

@media(max-width:1366px){
.his dt img{ display:block; width:100%; height:169px;transition: all 1s ease;}	
}
@media(max-width:1360px){
.his dt img{ display:block; width:100%; height:168px;transition: all 1s ease;}	
}
@media(max-width:1280px){
.his dt img{ display:block; width:100%; height:157px;transition: all 1s ease;}	
}
@media(max-width:1024px){
.his dt img{ display:block; width:100%; height:179px;transition: all 1s ease;}
.al_left{ float:left; width:100%; height:auto; overflow:hidden;} 
.al_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center top fixed; padding:40px 30px 40px 30px;}	
.al_left_t{ height:auto; overflow:hidden; background:none; padding:0px 0 15px 0px; color:#252224; font-size:22px; line-height:30px; margin-bottom:20px;}
.al_left{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;} 
.al_left li{ float:left; width:20%; padding-right:1%; line-height:20px; margin-bottom:0px; padding-left:0px;}
.al_left li a{ display:block;  padding-left:35px; color:#252224; font-size:16px;}
.al_right{ float:left; width:100%; height:auto; overflow:hidden;}
.jdi{ height:auto; overflow:hidden; background:url(../tu/tu7.png) no-repeat left center; padding-left:27px; color:#252224; font-size:18px; margin-bottom:20px;}
.his{ height:auto; overflow:hidden; display:none;}
.his dl{ float:left; width:33.33%; height:auto; overflow:hidden; margin-bottom:20px;}
.his dt{ height:auto; overflow:hidden; border:8px solid #e5e5e5; margin-bottom:20px}
}
@media(max-width:768px){
.his dt img{ display:block; width:100%; height:199px;transition: all 1s ease;}
.al_left{ float:left; width:100%; height:auto; overflow:hidden;} 
.al_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center top fixed; padding:30px 30px 40px 30px;}	
.al_left_t{ height:auto; overflow:hidden; background:none; padding:0px 0 15px 0px; color:#252224; font-size:22px; line-height:30px; margin-bottom:10px;}
.al_left{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;} 
.al_left li{ float:left; width:20%; padding-right:1%; line-height:20px; margin-bottom:0px; padding-left:0px;}
.al_left li a{ display:block;  padding-left:35px; color:#252224; font-size:16px;}
.al_right{ float:left; width:100%; height:auto; overflow:hidden;}
.jdi{ height:auto; overflow:hidden; background:url(../tu/tu7.png) no-repeat left center; padding-left:27px; color:#252224; font-size:18px; margin-bottom:20px;}
.his{ height:auto; overflow:hidden; display:none;}
.his dl{ float:left; width:50%; height:auto; overflow:hidden; margin-bottom:20px;}
.his dt{ height:auto; overflow:hidden; border:8px solid #e5e5e5; margin-bottom:20px}
}
@media(max-width:414px){
.his dt img{ display:block; width:100%; height:auto;transition: all 1s ease;}
.al_left{ float:left; width:100%; height:auto; overflow:hidden;} 
.al_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center top fixed; padding:20px 15px 40px 15px;}	
.al_left_t{ height:auto; overflow:hidden; background:none; padding:0px 0 15px 0px; color:#252224; font-size:22px; line-height:30px; margin-bottom:10px;}
.al_left{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;} 
.al_left li{ float:left; width:33.33%; padding-right:1%; line-height:20px; margin-bottom:10px; padding-left:0px;}
.al_left li a{ display:block;  padding-left:35px; color:#252224; font-size:14px;}
.al_right{ float:left; width:100%; height:auto; overflow:hidden;}
.jdi{ height:auto; overflow:hidden; background:url(../tu/tu7.png) no-repeat left center; padding-left:27px; color:#252224; font-size:18px; margin-bottom:20px;}
.his{ height:auto; overflow:hidden; display:none;}
.his dl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.his dt{ height:auto; overflow:hidden; border:8px solid #e5e5e5; margin-bottom:20px}
}

.his1{ height:auto; overflow:hidden; display:none;}
.his1 dl{ float:left; width:33.33%; height:auto; overflow:hidden; margin-bottom:60px;}
.his1 dt{ height:auto; overflow:hidden; border:8px solid #e5e5e5; margin-bottom:30px}
.his1 dt.ein{ border-left:none;}
.his1 dt img{ display:block; width:100%; height:254px;transition: all 1s ease;}
.his1 dd{ text-align:center; line-height:40px;}
.his1 dd span{ border:1px solid #252224; padding:0 50px; line-height:40px; color:#252224; font-size:14px; height:40px; display:inline-block;transition: all 1s ease;}
.his1 dl:hover dt img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.his1 dl:hover span{ border:1px solid #dab96b; background:#dab96b; color:#fff;}
@media(max-width:1680px){
.his1 dt img{ display:block; width:100%; height:216px;transition: all 1s ease;}	
}
@media(max-width:1600px){
.his1 dt img{ display:block; width:100%; height:204px;transition: all 1s ease;}	
}
@media(max-width:1440px){
.his1 dt img{ display:block; width:100%; height:182px;transition: all 1s ease;}	
.his1 dd span{ border:1px solid #252224; padding:0 30px; line-height:40px; color:#252224; font-size:14px; height:40px; display:inline-block;transition: all 1s ease;}
}

@media(max-width:1366px){
.his1 dt img{ display:block; width:100%; height:169px;transition: all 1s ease;}	
}
@media(max-width:1360px){
.his1 dt img{ display:block; width:100%; height:168px;transition: all 1s ease;}	
}
@media(max-width:1280px){
.his1 dt img{ display:block; width:100%; height:157px;transition: all 1s ease;}	
}
@media(max-width:1024px){
.his1 dt img{ display:block; width:100%; height:179px;transition: all 1s ease;}
.his1{ height:auto; overflow:hidden;}
.his1 dl{ float:left; width:33.33%; height:auto; overflow:hidden; margin-bottom:20px;}
.his1 dt{ height:auto; overflow:hidden; border:8px solid #e5e5e5; margin-bottom:20px}
.his1{ height:auto; overflow:hidden; display:block;}
}
@media(max-width:768px){
.his1 dt img{ display:block; width:100%; height:199px;transition: all 1s ease;}
.his1{ height:auto; overflow:hidden;}
.his1 dl{ float:left; width:50%; height:auto; overflow:hidden; margin-bottom:20px;}
.his1 dt{ height:auto; overflow:hidden; border:8px solid #e5e5e5; margin-bottom:20px}
}
@media(max-width:414px){
.his1 dt img{ display:block; width:100%; height:auto;transition: all 1s ease;}
.his1{ height:auto; overflow:hidden;}
.his1 dl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.his1 dt{ height:auto; overflow:hidden; border:8px solid #e5e5e5; margin-bottom:20px}
}

.al_box2{ width:100%; height:auto; overflow:hidden; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(37,34,36,0.8); z-index:99999999999999}
.tine{ width:100%; height:auto; overflow:hidden; margin-top:8%; min-height:800px;}
.tine_t{ height:592px; overflow:hidden; margin-bottom:8px;}
.successlunbo{width:1202px; height:592px; position:relative;}
.control{ width: 1202px;height: 592px; display: block; position: absolute;top: 0;right: 0; overflow: hidden;}
.change li{ width: 1202px;overflow: hidden;text-align: center;}
.change li .imgWrap{ display: table-cell;width: 1202px;height: 592px; vertical-align: middle;cursor: pointer;*font-size: 500px;}

.change li img{max-width: 892px;max-height: 592px;vertical-align: middle;overflow: hidden; float:right;}

.thumbWrap{width: 300px;height: 592px; position:absolute;left: 0; top:0px;  overflow: hidden;}

.thumbWrap .thumbCont{height: 592px;overflow: hidden;position: relative; width: 300px;}
.thumbWrap ul{ top:0; position:absolute;}
.thumbWrap ul li{overflow: hidden; width: 300px; height:192px; margin-bottom:8px; position:relative;}

.thumbWrap ul li div{display: table-cell; ;vertical-align: middle; cursor: pointer;*font-size: 79px;}

.thumbWrap ul li img{width: 300px; max-height: 192px; vertical-align: middle; overflow: hidden;}
.thumbWrap ul li span{ display:block; width:100%; height:192px; position:absolute; left:0; top:0;}
.thumbWrap ul li.cur span{ display:block; width:100%; height:192px; border:8px solid #e5e5e5; position:absolute; left:0; top:0;}

.thumbPrev,.thumbNext{ width: 120px;height: 24px;text-align: center; position: absolute;color: #000; z-index: 9;outline: none; display:none;}
.thumbPrev span,.thumbNext span{display: none;}
.thumbPrev{left: 0px;top: 0px; background:url(../images/bg8.jpg) no-repeat center center; display:none;}
.thumbNext{left:0px;bottom: 0px;background:url(../images/bg9.jpg) no-repeat center center; display:none;}
.ssprev,.ssnext{width: 49px; height: 49px; position: absolute;bottom: 300px; color: #FFF;font-size: 14px;z-index: 9;font-weight: bold;cursor: pointer;outline: none; display:none;}

.ssprev span,
.ssnext span{display: none;}
.ssprev{left: 0; background: url(../images/arrows_01.png) no-repeat;_filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images/arrows_01.png");_background: none;}
.ssnext{ right: 0; background: url(../images/arrows_02.png) no-repeat;_filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images/arrows_02.png");_background: none;}
.tine_b{ height:auto; overflow:hidden; background:#fff; padding:45px 112px 30px 141px; position:relative;}
.guin{ position:absolute; left:30px; bottom:30px;}
.tine_bl{ float:left; width:162px; height:auto; overflow:hidden;}
.tine_bl h1{ text-align:left; color:#252224; font-size:18px; line-height:30px;font-family: "PINGFANG MEDIUM_0";}
.tine_bl p{ text-align:right; color:#252224; font-size:14px; line-height:30px;}
.tine_br{ float:right; width:75%; height:auto;max-height:90px; overflow:hidden;overflow-y: scroll;}
.tine_br p{ line-height:30px; color:#252224; font-size:14px;}
.jine{ clear:both; height:auto; overflow:hidden;}
.jine_t{ height:auto; overflow:hidden; padding-top:20px;}
.jine_t h1{ color:#252224; font-size:18px; line-height:24px;}
.jine_t h6{ color:#252224; font-size:14px; line-height:24px;}
.jine_t p{ line-height:24px; font-size:14px; color:#252224;}
@media(max-width:1440px){
.tine{ width:100%; height:auto; overflow:hidden; margin-top:2%; min-height:600px;}
.tine_t{ height:492px; overflow:hidden; margin-bottom:8px;}
.successlunbo{width:1202px; height:492px; position:relative;}
.control{ width: 1202px;height: 492px; display: block; position: absolute;top: 0;right: 0; overflow: hidden;}
.change li{ width: 1202px;overflow: hidden;text-align: center;}
.change li .imgWrap{ display: table-cell;width: 1202px;height: 492px; vertical-align: middle;cursor: pointer;*font-size: 500px;}

.change li img{max-width:100%;max-height: 592px;vertical-align: middle;overflow: hidden; float:right;}

.thumbWrap{width: 300px;height: 492px; position:absolute;left: 0; top:0px;  overflow: hidden;}

.thumbWrap .thumbCont{height: 492px;overflow: hidden;position: relative; width: 300px;}
.thumbWrap ul{ top:0; position:absolute;}
.thumbWrap ul li{overflow: hidden; width: 300px; height:192px; margin-bottom:8px; position:relative;}

.thumbWrap ul li div{display: table-cell; ;vertical-align: middle; cursor: pointer;*font-size: 79px;}

.thumbWrap ul li img{width: 300px; max-height: 192px; vertical-align: middle; overflow: hidden;}
.thumbWrap ul li span{ display:block; width:100%; height:192px; position:absolute; left:0; top:0;}
.thumbWrap ul li.cur span{ display:block; width:100%; height:192px; border:8px solid #e5e5e5; position:absolute; left:0; top:0;}
.tine_b{ height:auto; overflow:hidden; background:#fff; padding:30px 60px 30px 60px; position:relative;}	
}
@media(max-width:1366px){
.tine{ width:100%; height:auto; overflow:hidden; margin-top:2%; min-height:600px;}
.tine_t{ height:422px; overflow:hidden; margin-bottom:8px;}
.successlunbo{width:1202px; height:422px; position:relative;}
.control{ width: 1202px;height: 422px; display: block; position: absolute;top: 0;right: 0; overflow: hidden;}
.change li{ width: 1202px;overflow: hidden;text-align: center;}
.change li .imgWrap{ display: table-cell;width:852px;height:auto; float:right; vertical-align: middle;cursor: pointer;*font-size: 500px;}

.change li img{width:100%;max-height: 422px;vertical-align: middle;overflow: hidden; float:none; margin:0 auto;}

.thumbWrap{width: 300px;height: 492px; position:absolute;left: 0; top:0px;  overflow: hidden;}

.thumbWrap .thumbCont{height: 492px;overflow: hidden;position: relative; width: 300px;}
.thumbWrap ul{ top:0; position:absolute;}
.thumbWrap ul li{overflow: hidden; width: 300px; height:192px; margin-bottom:8px; position:relative;}

.thumbWrap ul li div{display: table-cell; ;vertical-align: middle; cursor: pointer;*font-size: 79px;}

.thumbWrap ul li img{width: 300px; max-height: 192px; vertical-align: middle; overflow: hidden;}
.thumbWrap ul li span{ display:block; width:100%; height:192px; position:absolute; left:0; top:0;}
.thumbWrap ul li.cur span{ display:block; width:100%; height:192px; border:8px solid #e5e5e5; position:absolute; left:0; top:0;}
.tine_b{ height:auto; overflow:hidden; background:#fff; padding:30px 60px 30px 60px; position:relative;}	
}
/*案例 end*/


/*领域 begin*/
.al_left_t1{ background:url(../tu/tu10.png) no-repeat left top;}
.jdi1{ margin-bottom:45px;}
.ytwj{ height:auto; overflow:hidden; margin-bottom:60px;}
.ytwj p{ line-height:30px; font-size:14px; color:#252224;}
.ytwj div{ line-height:30px; font-size:14px; color:#252224;}
.ytwj span{ line-height:30px; font-size:14px; color:#252224;}
@media(max-width:1024px){
.al_left_t1{ background:none;}	
.jdi1{ margin-bottom:15px;}
.ytwj{ height:auto; overflow:hidden; margin-bottom:20px;}
}

.cbjl{ clear:both; height:auto; overflow:hidden;}
.cpij{width:100%;height:200px;overflow:hidden; margin-bottom:50px;}
.cpij ul li{float:left;width: 300px;margin-right:20px; position:relative;}
.cpij ul li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:8px solid #e5e5e5;transition: all 1s ease;opacity:0;}
.cpij ul li:hover span{opacity:1;}
.ywi{ height:auto; overflow:hidden; color:#252224; font-size:18px;}
.ywi h1{ color:#252224; font-size:18px; line-height:30px; margin-bottom:40px;}
.ywi h1 img{ margin-left:10px;}
@media(max-width:414px){
.cpij{width:100%;height:200px;overflow:hidden; margin-bottom:20px;}
.ywi h1{ color:#252224; font-size:18px; line-height:30px; margin-bottom:10px;}
.ytwj img{width:100% !important;height:100% !important;}
iframe{width:100% !important;height:300px !important;}
}
/*领域 end*/


/*创新 begin*/
.al_left_t2{ background:url(../tu/tu11.png) no-repeat left top;}
@media(max-width:1024px){
.al_left_t2{ background:none;}
}
/*创新 end*/

/*招聘信息 begin*/
.al_left_t3{ background:url(../tu/tu12.png) no-repeat left top;}
.zpxi{ height:auto; overflow:hidden; padding-left:145px;}
.zpxi1{ height:auto; width:74%; overflow:hidden;}
.container1	{ width:100%;display:inline;}
.menuTitle1{cursor:pointer;display:block; background:url(../images/bg4.jpg) no-repeat right center #fff; font-size:18px; width:100%; overflow:hidden; clear:both; line-height:60px; box-shdow:0px 0px 10xp rgba(0,0,0,0.05); margin-bottom:8px; padding-left:60px; color:#252224; overflow:hidden;}
.menuTitle1 span{opacity:0; margin-left:10px;}
.activeTitle1{cursor:pointer;line-height:60px; color:#252224;  background:url(../images/bg5.jpg) no-repeat right center #fff; font-size:18px; overflow:hidden; width:100%;display:block; margin-bottom:0px; padding-left:60px}
.activeTitle1 span{ opacity:1; margin-left:10px;}
.menuContent1{width:100%;  height:auto;text-align:left; display:none; padding:0 60px 60px 60px; background:#fff; overflow:hidden; margin-bottom:8px;}
.menuContent1 p{ line-height:30px; color:#252224; font-size:14px;}
@media(max-width:1024px){
.al_left_t3{ background:none;}
.zpxi{ height:auto; overflow:hidden; padding-left:0px;}
.zpxi1{ height:auto; width:100%; overflow:hidden;}
.menuContent1{width:100%;  height:auto;text-align:left; display:none; padding:0 30px 30px 30px; background:#fff; overflow:hidden; margin-bottom:8px;}
.menuTitle1{cursor:pointer;display:block; background:url(../images/bg4.jpg) no-repeat right center #fff; font-size:16px; width:100%; overflow:hidden; clear:both; line-height:60px; box-shdow:0px 0px 10xp rgba(0,0,0,0.05); margin-bottom:8px; padding-left:30px; color:#252224; overflow:hidden;}
.activeTitle1{cursor:pointer;line-height:60px; color:#252224;  background:url(../images/bg5.jpg) no-repeat right center #fff; overflow:hidden; width:100%;display:block; margin-bottom:0px; padding-left:30px; font-size:16px;}

}
/*招聘信息 end*/

/*新闻中心 begin*/
.al_left_t4{ background:url(../tu/tu13.png) no-repeat left top;}
.xwin{ clear:both; height:auto; overflow:hidden; margin-bottom:70px;}
.xwin ul{ clear:both; height:auto; overflow:hidden; padding-bottom:50px;}
.xwin li{ clear:both; height:auto; overflow:hidden; border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}
.xwin li h1{ line-height:36px; clear:both; overflow:hidden;transition: all 1s ease;}
.xwin li h1 span{ float:left; display:block; width:80%; color:#252224;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px;transition: all 1s ease;}
.xwin li h1 font{ float:right; color:#252224; font-size:14px;}
.xwin li p{ clear:both; color:#252224; font-size:14px; line-height:36px;transition: all 1s ease;}
.xwin li:hover h1{-moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);}
.xwin li:hover h1 span{ color:#dab96b}
.fy{ clear:both; line-height:36px; text-align:center; color:#669dd2; font-size:14px; margin:0 auto;overflow:hidden;} 
.fy div{ clear:both; text-align:left; margin:0 auto; text-align:center;}
.fy div a{  color:#252224 ;margin-right:20px;font-size:18px; height:36px; display:inline-block; text-align:center;}
.fy div a.next{ color:#252224 ;margin-right:0px;font-size:18px; height:36px; }
.fy div a.prve{ olor:#252224 ;margin-right:20px;font-size:18px; height:36px; }
.fy div span.current{  margin-right:20px;font-size:18px; color:#dab96b; height:36px;display:inline-block; text-align:center;}
@media(max-width:1024px){
.al_left_t4{ background:none;}	
.xwin{ clear:both; height:auto; overflow:hidden; margin-bottom:30px;}
.xwin ul{ clear:both; height:auto; overflow:hidden; padding-bottom:0px;}
}
@media(max-width:414px){
.al_left_t4{ background:none;}	
.xwin{ clear:both; height:auto; overflow:hidden; margin-bottom:0px;}
.xwin ul{ clear:both; height:auto; overflow:hidden; padding-bottom:0px;}
.xwin li h1 span{ float:left; display:block; width:70%; color:#252224;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px;transition: all 1s ease;}
.xwin li h1 font{ float:right; color:#252224; font-size:14px;}
.xwin li p{ clear:both; color:#252224; font-size:14px; line-height:36px;transition: all 1s ease;}

}
/*新闻中心 end*/

/*关于我们 begin*/
.al_left_t5{ background:url(../tu/tu15.png) no-repeat left top; margin-top:80px; margin-bottom:0px; clear:both; height:auto; overflow:hidden;}
.gy_box{ clear:both; background:url(../tu/tu14.png) no-repeat right top; overflow:hidden; padding:0px 80px 50px 80px;;}

@media(max-width:1440px){
.his dt img{ display:block; width:100%; height:182px;transition: all 1s ease;}	
.his dd span{ border:1px solid #252224; padding:0 30px; line-height:40px; color:#252224; font-size:14px; height:40px; display:inline-block;transition: all 1s ease;}
.gy_box{ clear:both; width:100%; height:auto; overflow:hidden;  background:url(../tu/tu14.png) no-repeat right top; overflow:hidden; padding:0px 40px 50px 40px;;}
}
@media(max-width:1024px){
.gy_box{ clear:both; width:100%; height:auto; overflow:hidden;  background:none; overflow:hidden; padding:0px 30px 30px 30px;;}
.al_left_t5{ background:none; margin-top:0px; margin-bottom:0px; margin-top:30px;}
}
@media(max-width:768px){
.gy_box{ clear:both; width:100%; height:auto; overflow:hidden;  background:none; overflow:hidden; padding:0px 30px 30px 30px;;}
}
@media(max-width:414px){
.gy_box{ clear:both; width:100%; height:auto; overflow:hidden;  background:nonep; overflow:hidden; padding:0px 15px 30px 15px;;}
}

.qyji{position: relative; height:auto; overflow:hidden; padding-right:786px;}
.qyji_img{position:absolute;top:0px;right:20%;}
.qyji_img img{cursor:pointer;}

.qyji p{ line-height:30px; font-size:14px;}
.jdi2{ margin-top:120px;}
@media(max-width:1680px){
.qyji{ height:auto; overflow:hidden; padding-right:606px;}	
}
@media(max-width:1440px){
.qyji{ height:auto; overflow:hidden; padding-right:500px;}	
}
@media(max-width:1366px){
.qyji{ height:auto; overflow:hidden; padding-right:500px;}	
}
@media(max-width:1024px){
.qyji{ height:auto; overflow:hidden; padding-right:0px;}	
.qyji_img{position:inherit;bottom:0px;right:0px;text-align:center;}
}

.jiag{ clear:both; width:100%; height:auto; overflow:hidden;}
.jiag img{ display:block; margin:0 auto; max-width:100%;}
.das{ clear:both; height:auto; overflow:hidden; margin:0 auto; width:62%; background:url(../images/bg3.png) repeat-y 405px top; padding-top:40px;}
.das_l{ float:left; width:50%;}
.das_lt{ height:auto; overflow:hidden; color:#dab96b; font-size:20px; font-weight:bold; line-height:24px; text-align:right;}
.das_lt i{ color:#dab96b; font-size:50px;  font-family: "Microsoft YaHei"; text-align:right; padding-right:62px; line-height:60px; margin-left:14px;}
.das_lb{height:auto; overflow:hidden; background:url(../images/bg4.png) no-repeat right top; padding:27px 62px 0 0 ; float:right;width:280px;}
.das_lb p{ text-align:right; color:#715c3f; line-height:24px; font-size:14px;}
.das_lc{ float:right; width:51.5%; margin-top:0px;}
.das_lt1{ height:auto; overflow:hidden; color:#dab96b; font-size:20px; font-weight:bold; line-height:24px; text-align:left;}
.das_lt1 i{ color:#dab96b; font-size:50px;  font-family: "Microsoft YaHei"; text-align:right; padding-left:62px; line-height:60px; margin-right:14px;}
.das_lb1{height:auto; overflow:hidden; background:url(../images/bg5.png) no-repeat left top; padding:27px 0px 0 62px; float:left;width:100%;}
.das_lb1 p{ text-align:left; color:#715c3f; line-height:24px; font-size:14px;}
.das_lb2{ display:block; width:370px;}
.das_lb3{height:auto; overflow:hidden; background:url(../images/bg5.png) no-repeat left top; padding:27px 0px 0 62px; float:left;width:100%;}
.das_lb3 p{ text-align:left; color:#715c3f; line-height:24px; font-size:14px;}
.das_lc1{ margin-top:-136px;}
.das_lb4{ display:block; width:274px;}
.das_l1{ margin-top:20px;}
.das_lb5{height:auto; overflow:hidden; background:url(../images/bg5.png) no-repeat left top; padding:27px 0px 0 62px; float:left;width:272px;}
.das_lb5 p{ text-align:left; color:#715c3f; line-height:24px; font-size:14px;}
.das_lc2{ margin-top:-55px;}
.das_lb6{height:auto; overflow:hidden; background:url(../images/bg5.png) no-repeat left top; padding:27px 0px 0 62px; float:left;width:240px;}
.das_lb6 p{ text-align:left; color:#715c3f; line-height:24px; font-size:14px;}
@media(max-width:1680px){
.das{ clear:both; height:auto; overflow:hidden; margin:0 auto; width:62%; background:url(../images/bg3.png) repeat-y 350px top; padding-top:80px;}	
}
@media(max-width:1600px){
.das{ clear:both; height:auto; overflow:hidden; margin:0 auto; width:62%; background:url(../images/bg3.png) repeat-y 330px top; padding-top:80px;}	
}
@media(max-width:1440px){
.das{ clear:both; height:auto; overflow:hidden; margin:0 auto; width:100%; background:url(../images/bg3.png) repeat-y 508px top; padding-top:80px;}
.das_l{ float:left; width:50.2%;}	
.das_lc{ float:right; width:51.1%; margin-top:0px;}

}
@media(max-width:1366px){
.das{ clear:both; height:auto; overflow:hidden; margin:0 auto; width:62%; background:url(../images/bg3.png) repeat-y 295px top; padding-top:80px;}	
}
@media(max-width:1360px){
.das{ clear:both; height:auto; overflow:hidden; margin:0 auto; width:62%; background:url(../images/bg3.png) repeat-y 295px top; padding-top:80px;}	
}
@media(max-width:1280px){
.das{ clear:both; height:auto; overflow:hidden; margin:0 auto; width:62%; background:url(../images/bg3.png) repeat-y 215px top; padding-top:80px;}	
}
@media(max-width:1024px){
.das{ clear:both; height:auto; overflow:hidden; margin:0 auto; width:100%; background:none; padding-top:0px;}	
.das_l{ float:left; width:100%; margin-bottom:10px;}
.das_lt{ height:auto; overflow:hidden; color:#dab96b; font-size:18px; font-weight:bold; line-height:24px; text-align:left; margin-bottom:15px;}
.das_lt i{ color:#dab96b; font-size:20px;  font-family: "Microsoft YaHei"; text-align:left; padding-right:0px; line-height:20px; margin-left:14px;}
.das_lb{height:auto; overflow:hidden; background:url(../images/bg5.png) no-repeat left top; padding:27px 62px 0 0 ; float:left;width:100%;}
.das_lb p{ text-align:left; color:#715c3f; line-height:24px; font-size:16px;}
.das_lc{ float:right; width:51.5%; margin-top:0px;}

.das_lc{ float:right; width:100%; margin-top:0px; margin-bottom:10px;}
.das_lt1{ height:auto; overflow:hidden; color:#dab96b; font-size:18px; font-weight:bold; line-height:18px; text-align:left;margin-bottom:15px;}
.das_lt1 i{ color:#dab96b; font-size:20px;  font-family: "Microsoft YaHei"; text-align:left; padding-left:0px; line-height:20px; margin-right:14px;}
.das_lb1{height:auto; overflow:hidden; background:url(../images/bg5.png) no-repeat left top; padding:27px 37px 0 0px; float:left;width:100%;}
.das_lb1 p{ text-align:left; color:#715c3f; line-height:24px; font-size:16px;}
.das_lb3{height:auto; overflow:hidden; background:url(../images/bg5.png) no-repeat left top; padding:27px 0px 0 0px; float:left;width:100%;}
.das_lb5{height:auto; overflow:hidden; background:url(../images/bg5.png) no-repeat left top; padding:27px 0px 0 0px; float:left;width:100%;}
.das_lb6{height:auto; overflow:hidden; background:url(../images/bg5.png) no-repeat left top; padding:27px 0px 0 0px; float:left;width:100%;}
.das_l1{ margin-top:0px;}
}
/*关于我们 end*/































































/****联络****/
.w_lxwm{width:100%;height:100%;overflow:hidden;background:#fff;}
.w_lxwm ul{width:100%;height:100%;overflow:hidden;}
.w_lxwm li{width:16.66%;height:100%;float:left;}
.w_lxtu{width:100%;height:84%;}
.w_lxz{background:#000;width:100%;height:16%;display:block; text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}

.w_lxz span{font-size:18px;line-height:30px;color:#fff;}
.w_lxtu .w_lxwz{width:100%;height:100%;overflow:hidden;display:none;padding-top:70%;transition: all 0.5s ease;}
.w_lxtu .w_lxwz ul{width:100%;height:100%;overflow:hidden;margin:0 auto;text-align:center;transition: all 1s ease;padding:0px;}
.w_lxtu .w_lxwz li{float:none;width:100%;height:auto;margin:0 auto;text-align:center;margin-bottom:30px;}
.w_lxtu .w_lxwz li p{color:#fff;font-size:16px;line-height:48px;font-family: "PINGFANG MEDIUM_0";}
.w_lxtu .w_lxwz li em{display:block;color:#fff;font-size:16px;line-height:26px;font-family: "PINGFANG MEDIUM_0";}
.w_lxtu:hover .w_lxwz{display:block;background:rgba(214,181,105,0.7);}
.w_lxwz:hover ul{-moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}
.w_lxwm>ul li:hover .w_lxz span{color:#d5b569;}
@media(max-width:1366px){
.w_lxtu .w_lxwz{width:100%;height:100%;overflow:hidden;display:none;padding-top:80%;}
.w_lxtu .w_lxwz ul{width:100%;padding:0px;}
.w_lxtu .w_lxwz li{margin-bottom:10px;}
.w_lxtu .w_lxwz li p{font-size:14px;}
.w_lxtu .w_lxwz li em{font-size:14px;}
}
@media(max-width:1024px){
.w_lxtu .w_lxwz li p{font-size:12px;}
.w_lxtu .w_lxwz li em{font-size:12px;}
}
@media(max-width:768px){
.w_lxwm{height:auto;padding-top: 28px;}
.w_lxtu .w_lxwz{height:100%;}
.w_lxwm ul{width:100%;height:auto;overflow:hidden;}
.w_lxwm li{width:100%;height:580px;float:none;}
.w_lxtu .w_lxwz{display:block;padding-top:50px;background:rgba(214,181,105,0.5);}
.w_lxz{background:#fff;}
.w_lxz span{color:#000;}
}

@media(max-width:414px){
.w_lxwm{height:auto;}
.w_lxtu .w_lxwz{height:100%;}
.w_lxwm ul{width:100%;height:auto;overflow:hidden;}
.w_lxwm li{width:100%;height:500px;float:none;}
.w_lxtu .w_lxwz{display:block;padding-top:30px;background:rgba(214,181,105,0.5);}
}
/****荣誉****/
.w_ry{width:100%;height:auto;overflow:hidden;background:url(../images/w_bg1.png)no-repeat center top #f5f5f7;padding:0px 80px 130px;}
.w_ban{width:100%;height:auto;overflow:hidden;background:#fff;padding:0px 80px 0px;padding-top:120px;}
.w_banner{width:100%;height:auto;overflow:hidden;}
.w_banner img{max-width:100%;}
.w_ryl{float:left;width:24%;}
.w_ry>h1{height:60px;line-height:60px;background:url(../images/w_bg2.png)no-repeat left center;font-size:30px;color:#252224;padding-left: 8%;vertical-align:bottom;padding-top: 20px;margin-top:80px;}
.w_ryl ul{width:100%;height:auto;padding-left:21%;}
.w_ryl li{margin-bottom:0px;padding-bottom:0px;}
.w_ryl li a{display:block;font-size:20px;line-height:20px;color:#3f3d3e; padding-left:50px;}


.iens>h1{height:60px;line-height:60px;background:url(../images/w_bg2.png)no-repeat left center;font-size:30px;color:#252224;padding-left: 8%;vertical-align:bottom;padding-top: 20px;margin-top:80px;}
.subs{ display:none;}

.w_ryr{float:right;width:76%;margin-top:-105px;}
.w_rr{padding-top:130px;}
.w_rr h1{font-size:24px;line-height:30px;color:#252224;margin-bottom:50px;}
.w_rr h1 em{width:12px;height:12px;display:inline-block;margin-right:30px;background:url(../images/w_5.png)no-repeat left center;}
.w_rr1{padding-top:130px;}
.w_rr1 h1{font-size:24px;line-height:30px;color:#252224;margin-bottom:50px;}
.w_rr1 h1 em{width:12px;height:12px;display:inline-block;margin-right:30px;background:url(../images/w_5.png)no-repeat left center;}

.w_rr ul{width:100%;height:auto;overflow:hidden;margin-bottom:50px;}
.w_rr ul li{float:left;width:33.33%;font-size:14px;line-height:14px;color:#252224;margin-bottom:30px;}
.w_ry_tu,.w_ry_tu ul{width:100%;height:auto;overflow:hidden; margin-bottom:0px;}
.w_ry_tus,.w_ry_tus ul{width:100%;height:438px;overflow:hidden;}
.w_ry_tu ul li{float:left;width: 392px;margin-right:80px;}
.w_ry_tus ul li{float:left;width:auto;margin-right:80px;}
.w_rro ul{ float:left; width:25%; padding-right:1%;}
.w_rro ul li{ float:left; width:100%; color:#525152; font-size:16px; line-height:36px; margin-bottom:0px;}
#wrap{
	width: 100%;
	position: relative;
	overflow: hidden;
}

#wrap ul{
	overflow: hidden;
	position:absolute;
	width: 1600px;
	left: 0;
	top: 0;
}
#wrap1{
	width: 100%;
	position: relative;
	overflow: hidden;
}

#wrap1 ul{
	overflow: hidden;
	position:absolute;
	width: 1600px;
	left: 0;
	top: 0;
}
.scrollspy-navd {
	z-index: 100;
	padding: 0px 0 0 0;
	padding-top:40px;
}
.scrollspy-navd.am-sticky {
	z-index: 100;
	padding: 0px 0 0 0;
	padding-top: 150px;
}

.scrollspy-navd li {
	display: inline-block;
	list-style: none;
	width:100%;
}
.scrollspy-navd a.am-active {
	color: #3f3d3e;
	background:url(../images/w_6.png)no-repeat left center;
}
.w_ryl_l{display:none;}
.w_ry_tu table{ width:1416px;}
@media(max-width:1440px){
.w_ban{padding:120px 40px 0px;}
.w_ry{padding:0px 40px 160px 40px;}
.w_rro ul li{ float:left; width:100%; color:#525152; font-size:14px; line-height:36px; margin-bottom:0px;}
}

@media(max-width:1024px){
.w_ry>h1{background:none;padding-left: 0px;padding-top: 10px; margin-top: 0px;height:60px;line-height:60px;}
.w_ban{padding:125px 30px 0px;}
.w_ry{padding:0px 30px 60px 30px;    margin: 0 auto;}
.scrollspy-navd{padding-top:84px;}

.w_rr ul li{width:50%;}
.w_rr .w_ry_tu ul li {width:200px;height:150px;margin-right:20px;}
.w_ry_tu, .w_ry_tu ul{height:150px;}

.w_ryl{display:none;}
.w_ryl_l{width:100%;display:block;position:fixed;top:0px;left:0px;background:#fff;z-index:999; border-bottom:1px solid #ebebeb;}
.w_ryl_l li{float:left;text-align: center;}
.w_ryl_l li a{display:block;font-size:16px;line-height:40px;color:#000;}
.scrollspy-navd li{width:50%;margin:0 auto;text-align:center}
.w_ryr{float:none;width:100%;margin-top:0px;}
.w_rr{margin-bottom:0px;padding-bottom:0px;padding-top:20px}
.w_rr ul{width:100%;height:auto;overflow:hidden;margin-bottom:10px;}
.w_rr h1{font-size:16px;line-height:30px;color:#252224;margin-bottom:10px;}
.scrollspy-navd a.am-active {
	color: #dab96b;
	background:none;
}
.w_rr h1 em{width:12px;height:12px;display:inline-block;margin-right:15px;background:url(../images/w_5.png)no-repeat left center;}
}
@media(max-width:414px){
.w_ban{padding:65px 15px 0px 15px;}
.w_ry{padding:0px 15px 30px 15px;    margin: 0 auto;}
.scrollspy-navd{padding-top:84px;}

.w_rr ul li{width:100%; line-height:30px; margin-bottom:0px;}
.w_rr .w_ry_tu ul li {width:200px;height:auto;margin-right:20px;}
.w_ry_tu, .w_ry_tu ul{height:auto;}

.w_ryl{display:none;}
.w_ryl_l{width:100%;display:block;position:fixed;top:0px;left:0px;background:#fff;z-index:999; border-bottom:1px solid #ebebeb;}
.w_ryl_l li{float:left;text-align: center;}
.w_ryl_l li a{display:block;font-size:16px;line-height:40px;color:#000;}
.scrollspy-navd li{width:50%;margin:0 auto;text-align:center}

.w_ryr{float:none;width:100%;margin-top:0px;}
.w_rr{margin-bottom:0px;padding-bottom:0px;padding-top:0px}
.w_rr ul{width:100%;height:auto;overflow:hidden;margin-bottom:10px;}
.w_rr h1{font-size:16px;line-height:30px;color:#252224;margin-bottom:10px;}
.scrollspy-navd a.am-active {
	color: #dab96b;
	background:none;
	
}
.sub{ display:none;}
.w_rro ul{ float:left; width:100%; padding-right:0%;}
}

/**社会**/
.w_sh>h1{height:93px;line-height:93px;background:url(../images/w_bg3.png)no-repeat left center;font-size:30px;color:#252224;padding-left: 8%;vertical-align:bottom;padding-top: 20px;margin-top:80px;}
.w_sh1{width:100%;height:auto;}
.w_sh1 p{font-size:14px;line-height:30px;color:#252224;}

.w_sh3{width:100%;height:auto;}
.w_sh3 p{font-size:14px;line-height:30px;color:#252224;}
.w_sh2{width:100%;}
.w_sh2 dl{clear:both;width:100%;height:auto;overflow:hidden;padding-top:30px;}
.w_sh2 dl.w_border{border-bottom:1px solid #333333;padding-bottom:50px;}
.w_sh2 dt{float:right;width:33%;margin-top:70px;}
.w_sh2 dd{float:left;width:62%;}
.w_sh2 dd h2{font-size:16px;line-height:30px;color:#715c3f;font-family:"PINGFANG MEDIUM_0";margin-bottom:30px;}
.w_sh2 dd p{font-size:14px;line-height:30px;color:#252224;}
@media(max-width:1024px){
.w_sh>h1{background:none;padding-left: 0px;padding-top: 10px; margin-top: 0px;height:60px;line-height:60px;}
.w_sh_l{width:100%;display:block;position:fixed;top:0px;left:0px;background:#fff;z-index:999; border-bottom:1px solid #ebebeb;}
.w_sh_l li{float:left;text-align: center;width:33.33%;}
.w_sh_l li a{display:block;font-size:16px;line-height:40px;color:#000;}
}

@media(max-width:414px){
.w_sh_l{width:100%;display:block;position:fixed;top:0px;left:0px;background:#fff;z-index:999; border-bottom:1px solid #ebebeb;}
.w_sh_l li{float:left;text-align: center;}
.w_sh_l li a{display:block;font-size:16px;line-height:40px;color:#000;}
.w_sh2 dt{float:none;width:100%;margin-top:0px;}
.w_sh2 dd{float:none;width:100%;}
.w_sh2 dd h2{margin-bottom:10px;line-height:22px;}
.w_sh2 dl.w_border{padding-bottom: 20px;}
}

/**关于**/
.w_gy>h1{height:93px;line-height:93px;background:url(../images/w_bg4.png)no-repeat left center;font-size:30px;color:#252224;padding-left: 8%;vertical-align:bottom;padding-top: 20px;margin-top:80px;}



#about .sider{
	position:inherit;
	width: 421px;
	top: 0px;
	padding-top:25px;
}
#about .sider ul li a{
	line-height:20px; margin-bottom:15px; padding-left:95px;display:block;  padding-left:50px; color:#252224; font-size:18px;
}
#about .sider ul li a:hover, #about .sider ul li.active a{
	background:url(../images/bg2.png) no-repeat left center;
}

.w_banner{ position:relative;}
.w_banner span{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; color:#252224; font-size:36px;}

.w_ry>h1.dinw{ margin-bottom:20px;}

.w_ry1{width:100%;height:auto;overflow:hidden;background:url(../images/w_bg1.png)no-repeat center top #f5f5f7 fixed; padding:0px;}
@media(max-width:414px){
.w_ry>h1.dinw{ margin-bottom:0px;}	
.w_banner span{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; color:#252224; font-size:14px;}
}

#wrap2{
	width: 100%;
	position: relative;
	overflow: hidden;
}

#wrap2 ul{
	overflow: hidden;
	position:absolute;
	width: 1600px;
	left: 0;
	top: 0;
}


.biaox{ clear:both; height:auto; overflow:hidden; margin-bottom:70px;}
.biao_t{ height:auto; overflow:hidden; line-height:30px; color:#252224; font-size:18px; margin-bottom:40px;}
.biao_t img{ vertical-align:middle; margin-left:10px;}
.biao_b{ clear:both; height:auto; overflow:hidden;}
.biao_bl{ float:left; width:34%; height:auto; overflow:hidden;}
.biao_bl img{ display:block; margin:0 auto; max-width:100%;}
.biao_br{ float:right; width:62%; height:auto; overflow:hidden; padding-top:35px;}
.biao_br p{ line-height:30px; color:#252224; font-size:14px;}
.qyin{ height:auto; overflow:hidden; margin-bottom:50px;}
.gyin_l{ float:left; width:31%; height:auto; overflow:hidden;}
.gyin_lt{ color:#252224; font-size:14px; line-height:30px; margin-bottom:30px;}
.gyin_lt em{ margin:0 15px;}
.gyin_lt i{ font-size:22px;  font-family: "Microsoft YaHei"; color:#252224;}
.gyin_lb{ height:auto; overflow:hidden;}
.gyin_lb p{ line-height:30px; font-size:14px;}
.gyin_lb p span{ color:#252224; font-size:18px;  font-family: "Microsoft YaHei";}
.gyin_l1{ float:left; width:36%;}
.gyin_l2{ float:left; width:33%;}
.pptz{ height:auto; overflow:hidden;}
.pptz p{ line-height:24px; color:#252224; font-size:14px;}
.biaox1{ margin-bottom:0px;}
@media(max-width:1680px){	
.gyin_l{ float:left; width:31%; height:auto; overflow:hidden; padding-right:1%;}
}
@media(max-width:1600px){
.gyin_l{ float:left; width:31%; height:auto; overflow:hidden; padding-right:1%;}	
}
@media(max-width:1024px){
.biao_bl{ float:left; width:100%; height:auto; overflow:hidden; padding-right:0%;}
.biaox{ clear:both; height:auto; overflow:hidden; margin-bottom:20px;}	
.biao_br{ float:right; width:100%; height:auto; overflow:hidden; padding-top:35px;}
.gyin_l{ float:left; width:33.33%; height:auto; overflow:hidden; padding-right:0%;}
.gyin_lt{ color:#252224; font-size:14px; line-height:30px; margin-bottom:15px;}
.biao_t{ height:auto; overflow:hidden; line-height:30px; color:#252224; font-size:18px; margin-bottom:15px;}
.gyin_l1{ float:left; width:100%;}
.gyin_l2{ float:left; width:100%;}
.qyin{ height:auto; overflow:hidden; margin-bottom:20px;}
}
@media(max-width:768px){
.biao_bl{ float:left; width:100%; height:auto; overflow:hidden; padding-right:0%;}
.biaox{ clear:both; height:auto; overflow:hidden; margin-bottom:20px;}	
.biao_br{ float:right; width:100%; height:auto; overflow:hidden; padding-top:35px;}
.gyin_l{ float:left; width:100%; height:auto; overflow:hidden; padding-right:0%;}
.gyin_lt{ color:#252224; font-size:14px; line-height:30px; margin-bottom:15px;}
.biao_t{ height:auto; overflow:hidden; line-height:30px; color:#252224; font-size:18px; margin-bottom:15px;}
.gyin_l1{ float:left; width:100%;}
.gyin_l2{ float:left; width:100%;}
.qyin{ height:auto; overflow:hidden; margin-bottom:20px;}
}

.hxtd{ clear:both; width:100%; height:auto; overflow:hidden;}
.htxt{ height:auto; overflow:hidden;}
.hxtd dl{ float:left; width:42%; height:auto; min-height:auto; overflow:hidden; margin-bottom:80px; position:relative;}
.hxtd dt{ float:left; width:61%; position:relative;}
.hxtd dt img{ display:block; max-width:100%;}
.hxtd dt span{ display:block; width:100%; height:100%; opacity:0; position:absolute; left:0; top:0;transition: all 1s ease; }
.hxtd dl:hover dt span{opacity:1;}
.hxtd dd{ float:right; width:100%;transition: all 0.5s ease; position:absolute; right:-61%; top:0; height:100%; padding-top:52px;}
.hxtd dd h2{ color:#000000; line-height:30px; font-size:24px; margin-bottom:10px;}
.hxtd dd h3{ color:#000000; font-size:16px; line-height:30px; margin-bottom:0px;}
.hxtd dd p{ color:#000; height:auto; font-size:14px; line-height:24px; opacity:0; float:left; width:100%;}
.hxtd dl:hover dd{ width:100%; background:#f7f7f7; padding:52px 31px 0 31px;right:0%;}
.hxtd dl:hover dd p{opacity:1; height:auto;}
.hxtd dl.onerd{ margin-bottom:0px;}
.dons_l{ float:left;}
.dons_r{ float:right; width:80%}
@media(max-width:1680px){
.hxtd dd{ float:right; width:100%;transition: all 0.5s ease; position:absolute; right:-61%; top:0; height:100%; padding-top:22px;}
.hxtd dl:hover dd{ width:100%; background:#f7f7f7; padding:22px 21px 0 31px; right:0;}	
.hxtd dd h2{ color:#000000; line-height:30px; font-size:24px; margin-bottom:10px;}
.hxtd dd h3{ color:#000000; font-size:14px; line-height:24px; margin-bottom:0px;}
.dons_r{ float:right; width:76%}
.hxtd dd p{ color:#000; height:auto; font-size:14px; line-height:24px; opacity:0; float:left; width:100%;}

}
@media(max-width:1440px){
.hxtd dd{ float:right; width:100%;transition: all 0.5s ease; position:absolute; right:-61%; top:0; height:100%; padding-top:22px;}
.hxtd dl:hover dd{ width:100%; background:#f7f7f7; padding:22px 21px 0 31px; right:0;}	
.hxtd dd h2{ color:#000000; line-height:30px; font-size:24px; margin-bottom:10px;}
.hxtd dd h3{ color:#000000; font-size:14px; line-height:24px; margin-bottom:0px;}
.dons_r{ float:right; width:76%}
.hxtd dd p{ color:#000; height:auto; font-size:14px; line-height:24px; opacity:0; float:left; width:100%;}

}
@media(max-width:1024px){
.hxtd dl{ float:left; width:49%; margin-right:1%; height:auto; min-height:auto; overflow:hidden; margin-bottom:20px; position:relative;}
.hxtd dd{ float:right; width:100%;transition: all 0.5s ease; position:absolute; right:-61%; top:0; height:100%; padding-top:22px;}
.hxtd dl:hover dd{ width:100%; background:#f7f7f7; padding:22px 21px 0 31px; right:0;}	
.hxtd dd h2{ color:#000000; line-height:30px; font-size:24px; margin-bottom:10px;}
.hxtd dd h3{ color:#000000; font-size:14px; line-height:24px; margin-bottom:0px;}
.dons_r{ float:right; width:70%}
.hxtd dd p{ color:#000; height:auto; font-size:14px; line-height:24px; opacity:0; float:left; width:100%;}
}
@media(max-width:667px){
.hxtd dl{ float:left; width:100%; margin-right:0%; height:auto; min-height:auto; overflow:hidden; margin-bottom:20px; position:relative;}
.hxtd dd{ float:right; width:39%;transition: all 1s ease; position:absolute; right:0; top:0; height:100%; padding-top:22px;}
.hxtd dl:hover dd{ width:100%; background:#f7f7f7; padding:22px 15px 0 31px15px; height:300px;}	
.hxtd dd h2{ color:#000000; line-height:24px; font-size:18px; margin-bottom:10px;}
.hxtd dd h3{ color:#000000; font-size:16px; line-height:24px; margin-bottom:10px;}
.hxtd dl:hover dd p{opacity:1; height:auto; font-size:12px;}
.hxtd dl.onerd{ margin-bottom:20px;}
}
@media(max-width:414px){
.hxtd dl{ float:left; width:100%; margin-right:0%; height:auto; min-height:200px; overflow:hidden; margin-bottom:20px; position:relative;}
.hxtd dd{ float:right; width:100%;transition: all 0.5s ease; position:absolute; right:-61%; top:0; height:100%; padding-top:22px;}
.hxtd dl:hover dd{ width:100%; background:#f7f7f7; padding:22px 21px 0 31px; right:0;}	
.hxtd dd h2{ color:#000000; line-height:30px; font-size:24px; margin-bottom:10px;}
.hxtd dd h3{ color:#000000; font-size:14px; line-height:24px; margin-bottom:0px;}
.dons_r{ float:right; width:70%}
.hxtd dd p{ color:#000; height:auto; font-size:14px; line-height:24px; opacity:0; float:left; width:100%;}
.hxtd dl.onerd{ margin-bottom:20px;}
}
.zine{ clear:both; height:auto; overflow:hidden;}
.w_rr .zine li{ float:left; width:25%; position:relative;}
.zine li span{ display:block; position:absolute; left:0; top:0; width:100%; height:100%;transition: all 1s ease; opacity:0; }
.zine li:hover span{opacity:1;}
@media(max-width:414px){
.w_rr .zine li{ float:left; width:50%;}
}





.wzdt_box{ clear:both; height:auto; overflow:hidden; background:#f2f6ff;}
.waxt1{ clear:both; height:auto; overflow:hidden; background:#fff; padding:55px 0;}
.dbonce{ width:100%; margin:0 auto; overflow:hidden;}
.wvonc{ border-top:1px solid #cfcdcd; padding:37px 56px;}
.wvonc h6{ color:#dab96b; line-height:24px; font-size:18px; clear:both; margin-bottom:8px;}
.wvonc ul{ padding-left:6px; margin-bottom:30px; overflow:hidden;}
.wvonc li{ float:left; margin-right:3%; line-height:24px;}
.wvonc li a{ color:#333333; font-size:18px;}
.bkco_t{ height:auto; overflow:hidden; text-align:center; color:#dab96b; font-size:26px; line-height:30px; margin-bottom:30px;}
@media(max-width:1024px){
.dbonce{ width:95%; margin:0 auto; overflow:hidden;}
.wvonc{ border-top:1px solid #cfcdcd; padding:37px 15px;}
}
@media(max-width:414px){
.dbonce{ width:95%; margin:0 auto; overflow:hidden;}
.wvonc{ border-top:1px solid #cfcdcd; padding:37px 15px;}
.wvonc li{ float:left; width:100%; line-height:24px;}
}





.marquee {width:1340px;overflow:hidden; height:407px}
.marquee1 {width:1340px; height:280px;overflow:hidden;}
.marquee2 {width:1340px; height:407px;overflow:hidden;}
.marquee li{ display:block; width:auto; display:inline; float:left; margin-right:85px;}
.w_ry_tu .marquee2 li{ display:block; width:auto; display:inline; float:left; margin-right:85px;}

@media(max-width:414px){
.marquee {width:1200px;overflow:hidden; height:407px; margin-bottom:30px;}
.w_rr .marquee li{ width:auto; float:left; height:auto; margin-right:20px;}
.marquee li img{ display:block; width:auto;}
.w_ry_tus,.w_ry_tus ul{width:100%;height:auto;overflow:hidden;}
.marquee1 {width:1200px; height:143px;overflow:hidden;}
}


#div1{ width: 1340px; height: 407px; position: relative;overflow: hidden;}
#div1 ul { width: 1340px; height: 407px; position: relative; }
#div1 ul li { width:auto; height: 407px; float: left; list-style: none; padding-right:83px;}
#div1 ul li img { display: inline-block;}
@media(max-width:414px){
#div1{ width: 1340px; height: 407px; position: relative;overflow: hidden; margin-bottom:15px;}	
}	















