@charset "UTF-8";
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
.fl{float:left;}
.fr{float:right;}
.z-container {width: 1400px;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1240px;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}

.clear{ clear: both;}

.z_banner{  position: fixed; z-index: -1; overflow: hidden;  left: 0; top:0 ;  width: 100%;transition: ease 1s;}
.z_banner .z-container{width: 73%;}
.z_banner,.z_banner .bd,.z_banner .bd li{width:100%!important;height: 100vh; overflow: hidden;}

.z_banner .img{width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;   transform:scale(1.04); transition: ease 2.5s; opacity:.5;}
.z_banner .bd li.swiper-slide-active .img,.z_banner .bd li.swiper-slide-duplicate-active .img{transform:scale(1); opacity:1;}

.banner_text{width: 100%;position: absolute;left: 0;top: 52%;transform: translateY(-50%);}
.banner_text img{ max-width: 100%;  display: block;}
.z_banner .iconfont{ display:inline-block; cursor: pointer; transition: ease .4s; z-index: 8; color: #fff; font-size: 28px; width: 60px; height: 60px; text-align: center; border-radius: 50%; line-height: 60px; border:1px solid #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; margin-top: -30px;}
.z_banner .iconfont:hover{ background: #e62129; border-color: #e62129;}
.z_banner .prev{ left:5.2%;}
.z_banner .next{ right:5.2%;}
.sb_bar{ width: 80px;  border-radius: 50%; position: absolute; left: 50%; margin-left: -40px; bottom: 78px; z-index: 5; height: 80px; text-align: center; background:url(/images/sb.png) no-repeat center;}
.sb_bar:before{ content: ""; display: block; width: 2px; height: 60px; background: #fff; position: absolute; left: 50%; bottom: -80px;}
.sb_bar:after{ content: "";animation: rotation 10s linear infinite; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50px; border:2px dashed #fff; position: absolute; left: 0; top: 0; z-index: 1;}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
.index_page{width: 100%;z-index: 2;background: #E1EDD9;}
.index_tit{text-align: center;padding: 60px 0 40px 0;}
.index_tit h3{font-size: 34px;font-weight: bold;}
.index_tit h4{ font-size: 20px; font-family: "Raleway-Regular"; color: #666666;}
.index_yw{padding-bottom: 70px;padding-top: 60px;}
.index_yw ul{ margin-left: -2.2%;}
.index_yw li{width: 22.8%; float: left; margin-left: 2.2%; text-align: center; height: 440px; background: #f4f4f4;padding: 0 25px; padding-top: 65px;  box-sizing: border-box;}
.index_yw li .icon img{height: 98px; transition: ease .8s; display: block; margin: 0 auto;}
.index_yw li .icon{ margin-bottom: 15px;}
.index_yw li h3{ font-size: 24px; font-weight: bold;}
.index_yw li h4{font-size: 16px; color: #666666;}
.index_yw li .desc{line-height: 24px; color: #656565; margin-top: 20px;}
.index_yw li:hover img{ transform: rotate(360deg);}
.indextab_con{ width: 66%; float: left; height: 720px;}
.indextab_con .child{ width: 100%; display: none; height: 100%; position: relative; overflow: hidden;}
.indextab_con .child.on{ display: block;}
 
.indextab_con .child.on .imgauto{ animation: zoombig 1s linear forwards;}

@keyframes zoombig {
	0%{transform: scale(1.2,1.2);} 

	100%{transform: scale(1,1);}
}
.imgauto{ width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;transition: ease 1s;}
.indextab_con .tit_bar{ position: absolute; left: 20%; top: 50%; width: 60%; transform: translateY(-50%);color: #fff;}
.indextab_con .tit_bar h3{ font-size: 24px; margin-bottom:10px}
.indextab_con .tit_bar h4{ font-size: 40px; height: 44px; line-height: 44px; font-weight: bold; margin-bottom: 20px;}
.indextab_con .tit_bar .desc{ line-height: 24px; height: 48px;}
.indextab_con .more{display: block;transition: ease .5s;margin-top: 70px;width: 200px;height: 50px;line-height: 50px;background: #BB4E53;color: #fff;text-align: center;}
.indextab_con .more .iconfont{ font-size: 20px;margin-left: 50px; vertical-align: middle;}
.indextab_con .more:hover{ background: #EAA339;}
.indextab_li{ width: 34%; float: right;}
.indextab_li li{height: 180px;transition: ease .6s;cursor: pointer;z-index: 1;position: relative;padding-left: 40px;box-sizing: border-box;box-sizing: border-box;display: table;width: 100%;color: #fff;}
.indextab_li li .warp{ display: table-cell; vertical-align: middle;}
.indextab_li li:last-child{ border-bottom: none;}
.indextab_li li h3{ font-size: 30px; margin-bottom: 10px;  font-weight: bold;}
.indextab_li li h4{ font-size: 15px;}
/*.indextab_li li:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:#00995a; transition: ease .6s ; transform: scaleX(0); transform-origin: left center;}
.indextab_li li:hover:before{ transform: scaleX(1);}*/
.indextab_li li.on{/* background: #143554; */}
.index_num{background: #009B4C;padding: 60px 0;}
.index_num ul{ margin-left: -9%;}
.index_num li{width: 24.333333%;float: left;margin-left: 9%;color: #fff;display: flex;align-items:flex-start;}
.index_num li .icon{ margin-right: 20px; margin-top: 10px; flex-shrink: 0; float: left;}
.index_num li .timer{font-size: 52px;font-family: 'geo';line-height: 66px;}
.index_num li span{font-size: 52px;font-family: 'geo';line-height: 66px;}
.index_num li h4{ line-height: 24px;}
.index_num2 ul{ margin-left: -5%;}
.index_num2 li{ width: 20%; margin-left: 5%;}
.index_case{padding: 60px 0 40px 0;background: #E1EDD9;}
.index_tit2{position: relative;width: 100%;margin-bottom: 40px;padding: 12px 0; background:url(/images/bg11.jpg) no-repeat left center;}
.index_tit2 h3{font-size: 34px;font-weight: bold;color: #fff;padding-left: 30px;}
.index_tit2 h4{font-size: 20px;color: #ffffff;padding-left: 30px;}
.index_tit2 .index_more{ position: absolute; z-index: 1; right: 0; top: 50%; margin-top: -20px;}
.index_more{display: block;display: flex;align-items: center;justify-content: center;transition: ease .4s;color: #999999;width: 140px;height: 40px;border:1px solid #dbdbe2;background: #fff;text-align: center;line-height: 40px;}
.index_more .iconfont{ color: #00995a; font-size: 18px; margin-right: 10px;}
.index_more:hover{ background: #00995a; }
.index_more:hover .iconfont,.index_more:hover{color: #fff;}
.case_list ul{margin-left: -2%;}
.case_list li{width: 23%;margin-bottom: 25px;float: left;margin-left: 2%;}
.case_list li .imgbox{width: 100%;position: relative;height: 100%;overflow: hidden;line-height: 0;}
.case_list li:hover .imgauto{ transform: scale(1.1,1.1);}
.case_list li .see{ display: block; transition: ease 1s; opacity: 0; text-align: center; color: #fff; font-size: 16px; width: 100%; height: 100%; background: rgba(230,33,41,.9); position: absolute; left: 0; top: 0;display: table;}
.case_list li .see .table_cell{ display: table-cell; vertical-align: middle;}
.case_list li .see span{ display: inline-block; border-bottom:1px solid #fff; line-height: 50px;}
.case_list li:hover .see{opacity: 1;}
.case_list li .infobox{background: #fff;padding: 0 18px;box-sizing: border-box;}
.case_list li .tit{padding: 18px 0;border-bottom:1px solid #dddddd;}
.case_list li h3{font-size: 16px;line-height: 18px;height: 18px;}
.case_list li h4{ color: #666; height: 16px; line-height: 16px;} 
.case_list li h4 span{ display: inline-block; margin-right: 20px;}
.case_list li .bar,.case_swiper li .bar{line-height: 46px;color: #444444;}
.case_list li .icon-jiang,.case_swiper li .icon-jiang{ font-size: 24px; color: #999999;}
.index_news{background: #ffffff;padding: 50px 0;padding-bottom: 4.5vw;}
.index_news .index_tit2{ margin-bottom: 20px;}
.news_swiper{width: 48.5%;overflow-x: hidden;float: left;position: relative;}
.news_swiper li{position: relative; height: 440px; width: 100%;}
.news_swiper .imgbox{ width: 100%; height: 100%;}
.news_swiper .numbox{width: 100px;opacity: 0;height: 100px;background: #BB4E4D;color: #ffffff;position: absolute;left: 0;text-align: center;z-index:2;}
.news_swiper .numbox.on{opacity: 1}
.news_swiper .numbox em{display: block;font-size: 48px;font-family: 'geo';color: #fff;padding-top: 10px;}
.news_swiper li .tit{width: 70%;position: absolute;left: 0;bottom: 0;color: #fff;padding: 20px;box-sizing: border-box;font-size: 18px;font-weight: bold;}
.news_dot{ position: absolute; right: 30px; z-index: 2; bottom: 22px;}
.news_dot li{display: inline-block;width: 8px;height: 8px;background: #fff;margin-left: 10px;border-radius: 100%;}
.news_dot li.on{background: #BB4E4D;}
.news_list{width: 51.5%;overflow: hidden;float: right;box-sizing: border-box;height: 440px;/* padding: 50px 40px; */background: #EAA339;}
.news_list li{/* margin-bottom: 40px; */}
.news_list li a{display: flex;align-items: center;color: #ffffff;padding: 28.8px 40px;border-bottom: 1px solid rgba(255,255,255,.4);}
.news_list li .numbox{ float: left; flex-shrink: 0; width: 50px; margin-right: 40px; text-align: center;}
.news_list li .numbox em{ font-size: 50px; display: block; font-family: "geo";}
.news_list li h3{font-size: 18px;height: 30px;margin-bottom: 10px;line-height: 30px;font-weight: bold;color: #ffffff;}
.news_list li h4{line-height: 24px;color: #ffffff;height: 48px;}
.news_list li .info{width: 80%; }
.news_list li.on a,.news_list li.on h3{color: #fff;background: #BB4E4D;}




.other_banner{ position: relative;text-align: center; overflow: hidden;}
.other_banner .banner_text{ color: #fff;}
.other_banner .banner_text h3{font-size: 44px;font-weight: bold;margin-bottom: 1px;line-height: 1.2;}
.other_banner .banner_text h4{font-size: 22px;}
.other_banner img{width: 100%;animation: zoombig 3s linear forwards;}
@keyframes zoombig {
	0%{transform: scale(1.2,1.2);} 

	100%{transform: scale(1,1);}
}

.page_nav{width: 100%;transition: ease .65s;height: 65px;line-height: 65px;background: #009B4C;}
.page_nav .z-container2{ position: relative; }
.page_nav li{float: left;}
.page_nav li a.cur{background-color: #BB4E4D;} 
.page_nav li a{line-height: 65px;font-size: 14px;color: #fff;padding: 0 35px;display: inline-block;text-align: center;}
.page_nav li a:hover{background-color: #BB4E4D;}
.page_wz a{ color: #fff;}
.navFixed .page_nav { width: 100%; position: fixed; left: 0; top: 0; z-index: 200;  }

.page_wz{ position: absolute; background: url(/images/dz.png) no-repeat left center; padding-left: 25px; right: 0; top: 0; color: #fff;}
.about_tl{ padding: 75px 0; background: #fff;}
.about_tl_fl{width: 43%; float: left;}
.about_tl_fr{ width: 57%; float: right;}
.about_tl_fl h3{ font-size: 28px; margin-bottom: 4px; font-weight: bold;}
.about_tl_fl h4{   }
.about_tl_fr h3{ font-size: 22px; color: #00995a; margin-bottom: 30px;}
.about_tl_fr .desc{ line-height: 32px; font-size: 15px; color: #494949;}
.about_nl{ background: #fbfbff;}
.about_nl li{ width: 33.3%; float: left; text-align: center; padding: 30px 0;}
.about_nl li .icon{ display: block; border-radius: 50%; margin: 0 auto; margin-bottom: 30px; width: 120px; height: 120px;line-height: 120px; text-align: center; box-shadow: 0 4px 30px rgba(47,49,139,.1); background: #fff;}
.about_nl li .icon img{ max-width: 100%; max-height: 100%; transition: ease .5s; vertical-align: middle;}
.about_nl li h3{ font-size: 18px;}
.about_nl li h4{ color: #444444; line-height: 28px;}
.about_nl li:nth-child(odd){ background: #f6f6fd;}
.about_nl li:hover img{ transform: rotate(360deg);}
.about_team{  position: relative; text-align: center; z-index: 1; color: #fff;}
/*.about_team:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.8); position: absolute; left: 0; top: 0;}
*/.about_team .z-container{ width: 870px; margin: 0 auto;}
.team_mask{ width: 100%; display: table; height: 640px; background: rgba(0,0,0,.8); position: absolute; left: 0; top: 0;}
.team_mask .table_cell{ display: table-cell; vertical-align: middle;}
.about_team li{ width: 25%; float: left; height: 320px; overflow: hidden;}
.about_team .tit { margin-bottom: 40px;}
.about_team .tit h3{ font-size: 32px; font-weight: bold;}
.about_team .tit h4{ color:#afafaf; font-size: 16px;}
.about_team .desc{ line-height: 24px; font-size: 13px;}
.about_tit{ text-align: center; margin-bottom: 60px;}
.about_tit h3{ font-size: 32px; font-weight: bold;}
.about_tit h4{ color: #222222; font-size: 16px;}
.about_process{ padding: 80px 0; position: relative; padding-bottom: 8vw;}
.process_swiper{ overflow: hidden;}
.process_swiper li{ width: 22.5%; margin-right:40px; position: relative; float: left;border-top: 4px solid #e4e4f2;}
.process_swiper li a{ display: block; width: 100%; height: 100%;}
.process_swiper li .time{ font-size: 36px; font-family: "geo";padding-top: 26px;}
.process_swiper li .tit{ margin: 20px 0; margin-top: 10px; line-height: 24px; }
.process_swiper li .imgbox{ width:82%; height: 120px; overflow: hidden;}
.process_swiper li:before{ content: ""; display: block; width: 0%; height: 4px;position: absolute; left: 0; top: -4px; background: #00995a; transition: ease 1s;}
.process_swiper li:hover:before{ width: 100%;}
.process_swiper li:hover .time{ color: #00995a;}
.process_swiper li:hover .imgauto{ transform: scale(1.1,1.1);}
.pocrss_Pos{ position: relative; width: 1600px; margin: 0 auto;}
.process_btn{ position: absolute; z-index: 5;  left: 0; top: 50%; transform: translateY(-50%);width: 100%;}
.process_btn span,.topbtm_bar span{ cursor: pointer; outline:none; height: 32px; line-height: 32px;}
.process_btn .icon img,.topbtm_bar icon img{ display: block; }
.process_btn .icon,.topbtm_bar .icon{position: relative;  margin: 0 10px; display: inline-block;}
.process_btn .icon:before,.topbtm_bar .icon:before{ content: ""; transition: ease .5s;display: block; z-index: 1;width: 30px; height: 30px; border-radius: 50%; border:1px solid #bebecc; position: absolute; left: -15px; top: -13px;}
.process_btn .next .icon:before,.topbtm_bar .next .icon:before{ right: -15px; left: auto;}
.process_btn .prev:hover .icon:before{ left: 7px; }
.process_btn .next:hover .icon:before{ right: 7px;}
.yaer_num{ font-size: 20vw;display: flex; justify-content: center; align-items: center; line-height: 20vw; height: 20vw; position: relative; width: 100%; letter-spacing: 4vw; position: absolute; left: 0; bottom: -10vw;  color: #efeff5;  text-align: center; font-family: 'osw';}
.yaer_num .down{ position: absolute; padding-left: 5%; box-sizing: border-box; font-size: 20vw; z-index: 2; height:50%; display: flex; justify-content: center; align-items:flex-end; overflow: hidden; left: 0; bottom: 0; width: 100%; color: #1f318c;}
.yaer_num .up{ position: absolute; padding-left: 5%; box-sizing: border-box; left: 0; top: 0; height: 50%; overflow: hidden; width: 100%; text-align: center;}
.about_honor{background:#152a89;}
.about_honor{ padding: 80px 0; padding-top: 140px;}
.about_honor .about_tit{ margin-bottom: 80px;}
.about_honor .about_tit,.about_honor .about_tit h4{ color: #fff;}
.honor_swiper .bd li{ width: 20%; float: left; margin-right: 100px; padding: 20px; box-sizing: border-box; background: url(/images/honor_bg.png) no-repeat center; background-size: 100% auto; height: 220px; display: table;}
.honor_swiper .bd li .con{ display: table-cell; padding: 0 20px; box-sizing: border-box; line-height: 28px; vertical-align: middle; color: #fff; text-align: center;}
.honor_swiper .bd li .desc{ max-height: 84px; overflow: hidden;}
.honor_swiper{ overflow: hidden; padding-bottom: 10px;}
.honor_dot{ text-align: center; margin-top: 90px;}
.honor_dot li,.case_dot li{ display: inline-block; cursor: pointer; margin: 0 10px; width:10px; height: 10px; background: #4455a1; border-radius: 50%; position: relative;}
.honor_dot li.on:before,.case_dot li.on:before{ content: ""; z-index: 1; border-radius: 50%; display: block;width: 16px; height: 16px; border:1px solid #fff; position: absolute; left: -5px; top: -5px;}
.honor_dot li.on,.case_dot li.on{ width: 8px; height: 8px; background: #fff;}
.adv_list{ padding: 90px 0; background: #fff;}
.adv_list ul{ margin-left: -1.7%;}
.adv_list li{ width: 23.3%; position: relative; float: left; border-bottom:1px solid #c0c1dc; margin-left: 1.7%;}
.adv_list li .tit{ color: #00995a;}
.adv_list li .tit h3{ font-size: 3.5vw; margin-bottom: 4px; font-weight: bold;}
.adv_list li .tit h4{ font-size: 20px;font-weight: bold;}
.adv_list li .desc{ line-height: 32px; min-height: 200px; padding: 40px 0; color: #3d3d3d; padding-right: 21%; box-sizing: border-box;}
.adv_list li:before{ content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; border:1px solid #a0a0ca; background: #fff; position: absolute; left: 0; bottom: -5px; z-index: 1;}
.adv_box{ width: 100%; background: url(/images/bg3.jpg) no-repeat center; background-size: cover; height: 480px;}
.adv_box .z-container2{ position: relative;}
.adv_box_con{ width: 33.3%; z-index: 2; position: absolute; top: 240px; left: 0; background: url(/images/bg4.jpg) no-repeat bottom center; background-size: cover; color: #fff; height: 600px; padding: 30px; box-sizing: border-box;}
.adv_tit h3{ font-size: 40px; margin-bottom: 20px; font-weight: bold; text-transform: uppercase; font-weight: bold;  }
.adv_tit h4{ font-size: 30px; font-weight: bold;}
.adv_box_con .line{ display: block; width: 40px; height: 4px; background: #fff; margin: 60px 0;}
.adv_desc{ line-height: 28px;}
.adv_warp{ position: relative; overflow: hidden; background: url(/images/bg5.jpg) no-repeat center; background-size: cover; padding: 60px; z-index: 1;}
.adv_warp:before{ content: ""; display: block; width: 87.5%; background: #fff; height: 100%; position: absolute; right: 0; top:60px;}
.adv_fl{ width: 33.3%; float: left; padding-top: 340px;}
.adv_fl li{margin-bottom: 20px;}
.adv_fl li .num{ width: 40%; line-height: 30px; margin-right: 20px; padding: 20px; padding-right: 0; box-sizing: border-box; float: left; font-size: 20px; height: 100px; background: #00995a; color: #fff;  font-weight: bold; }
.adv_fl li .num em{font-size: 32px;}
.adv_fl li h3{ font-size: 20px; font-weight: bold; line-height: 40px;}
.adv_fl li h4{ color: #686868; line-height: 24px;}
.adv_fl li:nth-child(2) .num{ background:#154999;}
.adv_fl li:nth-child(3) .num{ background:#0061ae;}
.adv_fr{width: 58.4%; float: right;}

.yearbar{ padding: 60px 0;}
.yearbar .swiper-slide{ font-size: 16px; color: #9696bd;   font-family: 'geo';   font-family: arial; height: 40px;line-height: 40px;}
.yearbar .swiper-slide-active{ font-size: 36px;color: #333;text-align: center; font-family: "geo";}
.yearbar .btn{ display: block; width:30px; height: 30px; border-radius: 50%; border: 1px solid #cacaea;background: #00995a;
    color: #fff; box-sizing: border-box; text-align: center; line-height: 30px; z-index: 9999; cursor: pointer;}


.yearbar .btn .iconfont{ font-size: 14px;}
.yearbar .btn:hover .iconfont{ color: #fff;}
.yearbar .arrow-right{ position: absolute; right: 35%; top: 5px;  background-size: 100% 100%; }
.yearbar .arrow-right:before{ content:"";display: block; width: 180px; background:url(/images/line_r.png) no-repeat center; background-size: 100% auto; height: 20px; position: absolute; right: -180px; top:3px; z-index: 9999;}
.yearbar .arrow-left{ position: absolute; left: 35%; top: 5px;  background-size: 100% 100%;}
.yearbar .arrow-left:before{ content:"";display: block; width: 180px; background:url(/images/line_l.png) no-repeat center; background-size: 100% auto; height: 20px; position: absolute; left: -180px; top: 3px; z-index: 9999;}
.yearbar .active-nav{ color: red;}
.yearcon{ width: 100%; height: 550px; overflow: auto;}
.yearcon li a{ display: block; width: 100%; height: 50px; line-height: 50px; padding: 0 20px; box-sizing: border-box; background: #f4f4fa;}
.yearcon li:hover a{ background:#00995a; color:#fff!important}
.yearcon li .fl{ width: 70%;}

.yearcon li:hover .fl,.yearcon li:hover .fr{ color: #fff;}
.yearcon li em{ font-weight: bold; display: inline-block; margin-right: 5px;}
.yearcon li .fr{ color: #00995a; font-weight: bold; margin-bottom: 5px;}
.yearbar .swiper-slide-next{ text-align: right!important;}
.gn_warp{ padding: 70px 0;    background: #fff;}
.gn_tit{ text-align: center; font-size: 34px; font-weight: bold; margin-bottom: 60px;}
.gn_box li{ width: 50%; float: left; padding: 50px 0; padding-bottom: 70px; border-top:2px solid #f0f0f7; }
.gn_box li .icon{ float: left;margin-right: 20px;}
.gn_box li .icon img{ width: 120px;flex-shrink: 0;}
.gn_box li .tit{ display: flex; align-items: center;}
.gn_box li h3{ font-size: 28px; font-weight: bold;}
.gn_box li h4{ font-size: 20px;}
.gn_box li:nth-child(odd){ padding-right: 8%; border-right:2px solid #f0f0f7;box-sizing: border-box;}
.gn_box li .desc{ margin: 30px 0; min-height: 48px; line-height: 24px; color: #575757;}
.gn_box li .imgbox{ width: 100%; overflow: hidden; height: 300px;-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}

.gn_box li:nth-child(even){ padding-left: 8%; box-sizing: border-box;}
.gn_box{border-bottom:2px solid #f0f0f7;display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;
}
.gn_box li:hover .imgauto{ transform: scale(1.1,1.1);}
.bg_case{ background: url(/images/casebg.jpg) no-repeat center; background-size: cover; padding: 140px 0; color: #fff; text-align: center;}
.bg_case .tit{ font-size: 34px; font-weight: bold;}
.bg_case .see_case{ display: block; margin: 0 auto; margin-top: 20px; width: 126px; height: 40px; line-height: 40px; border:1px solid #fff; text-align: center; color: #fff;}
.case_page{ padding: 80px 0;}
.case_swiper{ height:600px; position: relative; margin-bottom: 60px;}
.case_swiper .bd li{ position: relative;}
.case_swiper li .infobox{ position: absolute; transition:ease 2s; left: 0; top: 50%;  background: #fff; padding: 0 40px; width: 480px; box-sizing: border-box;}
.case_swiper li .top{ padding: 35px 0;}
.case_swiper li .infobox h3{ font-size: 28px; font-weight: bold; color: #00995a;}
.case_swiper li h4{ color: #464894; font-size: 18px;}
.case_swiper li .desc{ line-height: 24px; color: #575757; margin-top: 20px;}
.case_swiper li .bar{border-top:1px solid #d3d3dd;}
.case_swiper li .bar .fl{ color: #00995a;}
.case_dot{ width: 100%;z-index: 2; text-align: center; position: absolute; left: 0; bottom: 30px;}
.case_dot li{background: #9e9bdb;}
.case_swiper li.swiper-slide-active .infobox{transform: translateY(-50%);}
.case_list2 ul{ margin-left: -5%;}
.case_list2 li{ width: 45%; margin-bottom: 60px; margin-left: 5%;}
.case_list2 li .imgbox{ height: 390px;}
.case_list2 li h3{ font-size: 18px; font-weight: bold;}
.load_more{ text-align: center; font-size: 16px; display: flex;align-items: center; justify-content: center; color: #00995a;  }
.load_more .icon{display: inline-block; width: 40px;  height: 40px; background: url(/images/load.png) no-repeat center; animation:rotating 2s linear infinite;background-size: 100% 100%; margin-right: 10px;}
@keyframes rotating{
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
.xq_banner{ height: 100vh ; width: 100%; position: fixed; left: 0; top: 0;z-index: -1;}
.xq_btn{ transform: translateY(0); top: 52%;}
.xq_btn span{font-size: 20px;}
.xq_btn span,.xq_btn .iconfont{ color: #fff;}
.xq_btn .prev{ margin-left: 80px;}
.xq_btn .next{ margin-right: 80px;}
.xq_btn .icon:before{ border-color: #fff; width: 60px; height: 60px; left: -30px; top: -28px;}
.xq_btn .next .icon:before{ right: -30px;}
.xq_banner_tit{ position: absolute; left: 0; bottom: 50px; z-index: 4; width: 100%; text-align: center; color: #fff;}
.xq_banner_tit h3{ font-size: 40px; font-weight: bold;}
.xq_banner_tit h4{ font-size: 24px;}
.xq_page{ margin-top: 100vh; width: 100%; background: #ffffff;}
.xq_page2{margin-top: 0;}
.xq_page .warp{ padding: 80px 0;}
.xq_fl{ width: 34.2%; float: left;}


.xq_tit h3{ font-size: 34px; font-weight: bold;}
.xq_tit h4{font-size: 22px;}
.xq_cs{ margin: 30px 0; padding: 25px 0; line-height: 30px; color: #464894;border-top:1px solid #d6d6e2; border-bottom:1px solid #d6d6e2;}
.xq_desc{ line-height: 30px; color: #444444;}
.bshare-custom a{ height: auto!important;padding: 0!important; padding-left: 0!important; background: none!important;}
.bshare-custom .more-style-addthis{padding-left: 0!important;}
.xq_a{ margin-top: 50px;}
.xq_a .back{ display: block; width: 30px; padding-top: 20px; margin-top: 20px; border-top:1px solid #d0d0dc;}
.xq_fr{ width: 60%; padding-bottom: 70px; float: right; line-height: 32px; font-size: 16px; color: #444444;}
.xq_fr img{ max-width: 100%!important;height: auto!important; display: block; margin-bottom: 20px;}
.xq_fr img:last-child{ margin-bottom: 0;}
.xq_fl.fixed{ position: fixed; left: 0; top: 30px;}
.topbtm_bar{ border-top:1px solid #dddde7; padding-top: 30px;}
.topbtm_bar .icon:before{ top: 0;}
.topbtm_bar a{ width: 48%; height: 30px; line-height: 30px;}
.topbtm_bar a:hover{ color: #152A89;}
.topbtm_bar a.fr{ text-align: right;}
.topbtm_bar span{ margin: 0 10px}
.xq_tj{ width: 100%; background: #f4f4fa; padding: 80px 0;}
.tj_tit{ margin-bottom: 50px;}
.tj_tit h3{ font-size: 34px; font-weight: bold;}
.tj_tit h4{ font-size: 20px;}
.news_list2 li h3{ line-height: 25px; height: 50px; margin-bottom: 0; font-size: 15px;}
.news_list2 li .imgbox{ height: 240px;}
.news_list2 li{ margin-bottom: 30px;}
.news_list2 ul{ margin-bottom: 40px;}
.xq_cs2{color: #747474;}
.xq_cs2 span{ display: inline-block; margin-right: 20px;}
.xq_tit2{ font-size: 28px; font-weight: bold;}
.xq_fr2 img{ margin: 0;}
.contact_ln{ background: #fff; padding: 90px 0; text-align: center;}
.contact_ln .desc{width: 620px; max-width: 100%; padding: 0 4vw; box-sizing: border-box; margin: 0 auto; position: relative; z-index: 1;  line-height: 30px; font-size: 15px; color: #444444;}
.contact_ln .desc:before{ content: ""; display: block; width: 23px; height: 18px; background: url(/images/dh1.png) no-repeat center; background-size:auto 100%; position: absolute; left: 0; top: 0;}
.contact_ln .desc:after{ content: ""; display: block; width: 23px; height: 18px; background: url(/images/dh2.png) no-repeat center; background-size:auto 100%; position: absolute; right: 0; bottom: 0;}
.contact_img{ width: 100%;}
.contact_img img{ display: block; width: 100%;}
.sideMenu_tit{background: #fff; line-height: 80px;border-top:1px solid #dddddd;  border-bottom:1px solid #dddddd;padding: 0 20px; box-sizing: border-box; }
.sideMenu_tit span{ font-size: 18px; display: block; width: 25%; font-size: 16px; float: left;}
.zp_tit span{ display: block; width: 25%; font-size: 18px; font-weight: bold; margin-bottom: 30px; float: left; }
.rc_box .tit{ background: #fff; color: #444444; line-height: 80px; height: 80px; border-bottom:1px solid #dddddd; cursor: pointer; position: relative;}
.zp_tit,.rc_box .tit{ padding: 0 20px; cursor: pointer; box-sizing: border-box; transition: all .6s; z-index: 1;}
.rc_box .tit span{display: block; font-size: 16px; width: 25%; float: left;}
.rc_box .tit.on,.rc_box .tit:hover{ background:#00995a; color: #fff;border-bottom-color:#212881}
.rc_box .tit.on:before{ content: ""; display: block; width: 18px; height: 16px; background: url(/images/cha.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
.rc_box .rc_con{ width: 100%;  box-sizing: border-box; padding: 50px 20px; box-sizing: border-box; background: #fff;border: 2px solid #00995a; display: none; border-top: none;}
.rc_box .rc_con.on{ border-color: #212881;}
.rc_box .rc_con h4{font-size: 18px; margin-bottom: 40px; color: #000;}
.rc_box .rc_con .box{ width: 50%; line-height: 28px; float: left; padding:0 20px; box-sizing: border-box; color: #808080;}
.rc_box .rc_con .box p{ margin-bottom: 10px;}


.contact_join{ padding: 80px 0; z-index: 2; position: relative; background: #ffffff; box-shadow: 0 0 20px rgba(47,49,139,.13)}
.contact_join .about_tit{ text-align: left; position: relative;}
.contact_join .join_send{position: absolute; right: 0; top: 50%; color: #929292;}
.contact_join .join_send a{ color: #5a5b9d; text-decoration: underline;}
.send_bar{ padding-left: 20px;margin-top: 40px;}
.send_bar a{ color: #00995a;}
.contact_join .load_more{ margin-top: 50px;}
.contact_ly{background: #E1EDD9;padding: 60px 0;padding-bottom: 100px;}
.ly_fr{width: 55%;float: right;}
.ly_fl{
    width: 45%;
    float: left;
    padding-right: 30px;
    box-sizing: border-box;
    }
.contact_ly .about_tit{ text-align: left; margin-bottom: 30px;}
.contact_addre{line-height: 1.7;font-size: 15px;}
.contact_addre p{ margin-bottom:10px;}
.contact_addre img{ margin-right: 10px; vertical-align: middle;}
.ly_form li{width: 48.6%;position: relative;margin-left: 1.4%;height: 60px;line-height: 60px;background: #ffffff;padding: 0 20px;box-sizing: border-box;margin-bottom: 20px;float: left;}
.ly_form li .text{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding-left: 70px; padding-right: 20px; box-sizing: border-box;}
.ly_form ul{ margin-left: -1.4%;}
.ly_form li.texta{width: 98.6%;height: 150px;}
.ly_form li .text2{ padding-left: 100px;}
.ly_form li.texta .text{ padding-top:20px; font-size: 14px;}
.ly_form .subbtn{width: 100%;height: 60px;line-height: 60px;background: #143554;color:#fff;font-size: 18px;cursor: pointer;}
.z_mask{width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: ease 1s;position: fixed;left: 0;top: 0;z-index:2;}
.z_mask.on{ opacity: 1; visibility: visible;}

.advantage-list1 {
	width: 23%;
	float: left;
	margin: 0 1%;
}

.advantage-list1 .pro {
	width: 100%;
	line-height: 0;
	border-radius: 0;
	position: relative;
	overflow: hidden;
}

.advantage-list1 .pro img {
	overflow: hidden;
}

.advantage-list1 .pro img {
	transition: all 0.4s ease-out;
}

.advantage-list1 .pro:hover img {
	transform: scale(1.15);
}

.advantage-list1 .desc {
	padding: 20px;
	background: #fff;
	text-align: center;
}

.advantage-list1 .desc strong {
	display: block;
	color: #272727;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
	overflow: hidden;
}

.advantage-list1 .desc p {
	font-size: 15px;
	color: rgba(0, 75, 130, 0.8);
	line-height: 2;
	min-height: 155px;
}

.za11{ margin:0 -1%;}

.bgg1{ background:#143554;}
.bgg2{ background:#BB4E53;}
.bgg3{ background:#EAA339;}
.bgg4{ background:#D0C6A3;}

.v7{font-size: 24px;font-weight: 700;margin-bottom: 5px;}

.map-box {
	width: 100%;
	height: 500px;
	position: relative;
}

.map-box img {
	max-width: 1000%;
}

.map-box .allmap {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.map-box .anchorBL {
	display: none;
}

.home-block {
	padding: 50px 0;
}
.bgef {
  background: #f5f5f5;
  }
  
.banner_list_bg{width: 100%;background: #ffffff;z-index: 9;height:70px;border-bottom: 1px solid #cccccc;}
.banner_list{margin:0 auto;}
.banner_list ul{float: left;}
.banner_list ul li{float: left;}
.banner_list ul li a{line-height: 70px;font-size: 14px;color: #424242;padding: 0 30px;display: inline-block;text-align: center;}
.banner_list ul li a:hover{background-color: #009B4C;color: #fff;}
.banner_list ul li a.hover{background-color: #009B4C;color: #fff;}

.banner_list_right{float: right;font-size: 14px;color: #424242;line-height: 70px;background: url('/images/dz.png') no-repeat left center;padding-left: 25px;}
.banner_list_right a{font-size: 14px;color: #424242;}
.banner_list_right a:hover{color: #009B4C;}
.banner_list_right span{font-size: 12px;color: #959595;padding: 0 8px;}

.srv-container .srv-wrap{padding: 30px;background:#fff;}
.srv-wrap .srv-top{
padding-bottom: 16px;
text-align: left;
font-size: 24px;
line-height: 1.4;
color: #343131;
border-bottom:1px solid #dedede;
}



.srvStgy-top{width: 100%;text-align: left;line-height: 2;font-size: 14px;margin: 25px auto 0;color: #424242;}

.srvStgy-top p{ margin-bottom:15px;}

.cooperation .cooperation-content-3{background-color: #E1EDD9;padding-bottom: 60px;padding-top: 60px;}
.cooperation .cooperation-content-3 .cooperation-content-3-item h1{ font-size: 22px; font-weight: normal; margin-bottom: 40px;}
.cooperation .cooperation-content-3 .cooperation-content-3-item dl{ background-color: #FFF; display: flex; align-items: center;}
.cooperation .cooperation-content-3 .cooperation-content-3-item dl dt {width: 50%;line-height: 0;}
.cooperation .cooperation-content-3 .cooperation-content-3-item dl dt img{ width: 100%; max-width: 775px; max-height: 450px;}
.cooperation .cooperation-content-3 .cooperation-content-3-item dl dd{ flex: 1; padding: 30px 60px;}
.cooperation .cooperation-content-3 .cooperation-content-3-item dl dd h2{font-weight: normal;font-size: 30px;color: #3c3c3c;}
.cooperation .cooperation-content-3 .cooperation-content-3-item dl dd p span.line{display: block;width: 20px;height: 2px;background-color: #009B4C;margin: 16px 0;}
.cooperation .cooperation-content-3 .cooperation-content-3-item dl dd .text{color: #505050;font-size: 14px;line-height: 2;}
.cooperation .cooperation-content-3 .cooperation-content-3-item dl dd .text img{ margin-top: 20px;}

.news{ padding:0;}
.new-list li{width: 32%;margin-right:2%;float:left;margin-bottom: 40px;}
.new-list li:nth-child(3n+3){ margin-right:0;}
.new-list li figure{ display:block; line-height:normal; overflow:hidden;margin: 0;}
.new-list li figure img{ display:block; width:100%; height:auto; line-height:0; transition:430ms;}
.new-list li figcaption{display:block;padding: 20px 16px 18px;overflow:hidden;background: #ffffff;position:relative;transition:340ms;height: 160px;}
.new-list li figcaption time{ line-height:normal; color:#7e7e7e; font-size:14px; transition:300ms;}
.new-list li figcaption h3{ color:#1b1b1b; font-size: 16px; font-weight:normal; line-height:normal; height: 24px;overflow: hidden;margin-top:6px; transition:300ms; text-overflow:ellipsis;white-space:nowrap;}
.new-list li figcaption p{color:#6c6c6c;height: 50px;overflow:hidden;font-size:14px;line-height: 1.7;margin-top: 10px;transition:300ms;}
.new-list li figcaption span{display:block;width:102px;height:30px;line-height:30px;background:#fff;color: #BB4E4D;font-size:14px;margin-top:12px;position:relative;bottom:-30px;opacity:0;text-align:center;transition:300ms;}
.new-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.new-list li:hover figcaption{margin-top:-56px;background: #BB4E4D;height: 216px;}
.new-list li:hover figcaption time{ color:#fff;}
.new-list li:hover figcaption h3{ color:#fff;}
.new-list li:hover figcaption p{ color:#fff;}
.new-list li:hover figcaption span{ opacity:1; bottom:0; position:relative; transition:355ms 100ms;}

.page22{width:100%;height:auto;margin-top: 10px;margin-bottom: 15px;text-align:center;position:relative;overflow:hidden;}
.page22 a{display:inline-block;width: 40px;height: 40px;line-height: 40px;text-align:center;font-size: 14px;color:#888888;border:1px solid #cccccc;margin:0 4px;}
.page22 a.on, .page22 a:hover{background-color: #009B4C;color:#ffffff;border-color: #009B4C;}
.page22 a:first-child,
.page22 a:last-child{background:none;border:1px solid #cccccc;font-weight: 600;color:#888888;}

.subNewsTitle h3:first-child{font-size: 25px;font-weight: 400;color: #333;margin-top: 0px;padding: 0 0px 20px;border-bottom: 1px solid #e3e3e3;text-align: center;margin-bottom:10px;line-height: 1.4;}
.article h3{font-size: 24px; color: #333; text-align: center; padding: 10px 0 30px;}


.article p{font-size: 14px;color: #404040;margin-bottom: 12px;line-height: 1.8;}

.otherNews {position: relative;border-top: 1px solid #e3e3e3;}
.links22 { padding: 28px 0 0 0px; }
.links22 a {display: block;line-height: 2;font-size: 14px;color: #383838;}
.links22 a:hover {color: #009B4C;}

.solution-content{background: #f5f5f5;padding-bottom: 20px;padding-top: 50px;}
.solution .solution-content .solution-content-tab{ max-width: 900px; margin: 0 auto; box-shadow: 0 0 40px rgba(0,0,0,.1); margin-top: -60px; position: relative; background-color: #FFF;}
.solution .solution-content .solution-content-tab ul{ display: flex; align-items: center; }
.solution .solution-content .solution-content-tab ul li { flex: 1; height: 120px; }
.solution .solution-content .solution-content-tab ul li a{ display: block; height: 120px; position: relative;}
.solution .solution-content .solution-content-tab ul li a:after{ content: ''; position: absolute; right: 35px; top: 50%; transform: translateY(-50%); width: 12px; height: 13px; background: url(/images/icon34.png) center center no-repeat;}
.solution .solution-content .solution-content-tab ul li.active a:after{ background: url(/images/icon35.png)  center center no-repeat;}
.solution .solution-content .solution-content-tab ul li a dl{ display: flex; height: 120px; align-items: center; padding: 0 50px;}
.solution .solution-content .solution-content-tab ul li a dl dd{ flex: 1; min-width: 0; margin-left: 35px;}
.solution .solution-content .solution-content-tab ul li a dl dd h2{ font-size: 20px; font-weight: normal;}
.solution .solution-content .solution-content-tab ul li a dl dd p{ font-size: 13px;}
.solution .solution-content .solution-content-tab ul li a:hover,.solution .solution-content .solution-content-tab ul li.active a{ color: #FFF; background: linear-gradient(300deg,rgba(112,50,221,1) 0%,rgba(30,176,232,1) 100%);}
.solution .solution-content .solution-content-tab ul li:first-child{ border-right: solid 1px #EEE;}
.solution .solution-content .solution-content-tab ul li:first-child dl dt{ background: url(/images/icon37.png) no-repeat; width: 53px; height: 49px;}
.solution .solution-content .solution-content-tab ul li:first-child:hover dl dt,.solution .solution-content .solution-content-tab ul li:first-child.active dl dt{ border: none; background: url(/images/icon37_01.png) no-repeat;}
.solution .solution-content .solution-content-tab ul li:last-child dl dt{ background: url(/images/icon36.png) no-repeat; width: 50px; height: 49px;}
.solution .solution-content .solution-content-tab ul li:last-child:hover dl dt,.solution .solution-content .solution-content-tab ul li:last-child.active dl dt{ background: url(/images/icon36_01.png) no-repeat;}
.solution .solution-content .solution-content-tab-con .con{ display: none;}
.solution .solution-content .solution-content-top{ margin-top: 80px;}
.solution .solution-content .solution-content-top dl{ background-color: #FFF; display: flex; align-items: center;}
.solution .solution-content .solution-content-top dl dt{ position: relative; width: 50%;}
.solution .solution-content .solution-content-top dl dt a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.solution .solution-content .solution-content-top dl dt img{ max-width: 775px; max-height: 450px; width: 100%;}
.solution .solution-content .solution-content-top dl dt a img{ width: auto; height: auto;}
.solution .solution-content .solution-content-top dl dd{ flex: 1; padding: 0 60px; max-height: 300px;}
.solution .solution-content .solution-content-top dl dd h2{ font-weight: normal; font-size: 30px;}
.solution .solution-content .solution-content-top dl dd p span.line{ display: block; width: 12px; height: 2px; background-color: #f08200; margin: 20px 0;}
.solution .solution-content .solution-content-top dl dd .text{ color: rgba(40,40,40,.8); font-size: 15px; line-height: 22px;}
.solution .solution-content .solution-content-top dl dd .text img{ margin-top: 20px;}
.solution .solution-content .solution-content-tabs{ margin-top: 60px;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul{ display: flex; align-items: center; border-bottom: solid 2px #fb5941;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li{ flex: 1; text-align: center; font-size: 19px; padding-bottom: 55px; position: relative;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a { display: inline-block;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a:hover img{ -webkit-animation: down 0.6s linear infinite alternate; animation: down 0.6s linear infinite alternate; -moz-animation: down 0.6s linear infinite alternate; }
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a p{ margin-top: 15px;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li.active a p{ color: #fd5d36;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li.active:after{ content: ''; position: absolute; width: 21px; height: 10px; background: url(/images/icon44.png) no-repeat; bottom: 0; left: 50%; transform: translateX(-50%);}
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd{ background-color: #FFF; padding: 50px;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con{ font-size: 15px; line-height: 24px; color: rgba(51,51,51,.8); display: none; }
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con img{ max-width: 100%;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con .con-text{ margin-bottom: 50px; }
.solution .solution-content .industry-item{}
.solution .solution-content .industry-item dl{ background-color: #FFF; display: flex; align-items: center; margin-bottom: 30px;}
.solution .solution-content .industry-item dl:nth-child(2n) dd{ order: -1;}
.solution .solution-content .industry-item dl dt{width: 50%;line-height: 0;}
.solution .solution-content .industry-item dl dt img{max-width: 775px;max-height: 512px;width: 100%;}
.solution .solution-content .industry-item dl dd{ flex: 1; padding: 0 60px; max-height: 300px;}
.solution .solution-content .industry-item dl dd h2{font-weight: normal;font-size: 28px;color: #009B4C; line-height:1.2;}
.solution .solution-content .industry-item dl dd p span.line{display: block;width: 20px;height: 2px;background-color: #009B4C;margin: 20px 0;}
.solution .solution-content .industry-item dl dd .text{color: rgba(40,40,40,.8);font-size: 14px;line-height: 24px;}
.solution .solution-content .industry-item dl dd .text img{ margin-top: 20px;}
.solution .solution-content .industry-item dl dd p a{display: inline-block;width: 140px;height: 45px;font-size: 14px;text-align: center;line-height: 43px;border: solid 2px #009B4C;color: #ffffff;margin-top: 50px;background: #009B4C;}
.solution .solution-content .industry-item dl dd p a:hover{border-color: #008c45;color: #fff;background: #008c45;}

.contact{padding: 50px 0 30px 0;}
.contact h2{font-size:32px;font-weight:bold;padding-left:40px;position: relative;}
.contact h2:after{position: absolute;left:0px;width:30px;height:2px;background: #3a9260;content:"";top:20px;}
.contact h1{font-size:20px;color:#333;padding-left:40px;}
.contact ul{overflow: hidden;}
.contact ul li span{position: relative;top:0px;transition:all 0.5s ease;}
.contact ul li:hover span{}
.contact ul li{width:25%;background: #f5f5f5;border-left:1px solid #fff;float:left;height: 270px;padding:70px 40px;text-align: center;}
.contact ul li h4{margin: 12px auto 0;color: #484848;font-size: 15px;line-height: 1.6;}
.contact ul li p.add{font-size:16px;color:#666;margin-top:35px;line-height:30px;}
.wtrel-hm b{display: inline-block;vertical-align: middle;font-size: 16px;color: #333;margin-right: 10px;vertical-align: top;margin-top: 1px;}
.wtrel-hm h4:nth-of-type(2){margin-top: 0;}


.as11{font-size:18px;margin-top: 25px;color: #333;}
.map-box {
	width: 100%;
	height: 450px;
	position: relative;
	margin-bottom: 40px;
}

.map-box img {
	max-width: 1000%;
}

.map-box .allmap {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.map-box .anchorBL {
	display: none;





}

.line33 {
  background-color: #fff;
  display: block;
  width: 30px;
  height: 3px;
  margin: 15px auto 15px auto;
}

.about-msg{padding: 65px 0;position:relative;}
.about{padding:100px 0;}
.cpn-fl{width: 48%;float:left;margin-top: 35px;padding-top: 5px;}
.cpn-fl span{font-size:72px;color:#ececec;}
.cpn-fl h2{font-size:24px;color:#666666;margin:12px auto 15px;}
.cpn-fl p{color: #4f4f4f;font-size:15px;margin-bottom: 20px;line-height: 2;}
.cpn-fr{width: 48%;float:right;margin-top: 35px;}
.cpn-num{margin:70px auto;overflow: hidden;}
.cpn-num li:first-child{margin-left:0px;}
.cpn-num li{width:240px;height:190px;background:#eff2f7;padding:50px 0;text-align:center;margin-left:20px;float:left;transition: all 0.3s ease;color:#6e7585;font-size:44px;}
.cpn-num li span{font-size:44px;color:#6e7585;}
.cpn-num li p{font-size:15px;color:#666666;margin-top:10px;}
.cpn-num li:hover{background:#15599F;}
.cpn-num li:hover span,.cpn-num li:hover p,.cpn-num li:hover{color:#fff;}
.cpn-content{color:#666;line-height:28px;font-size:15px;}

.curture_main{width: 100%;height: auto;overflow: hidden;padding: 60px 0;background-color: #f5f5f5;}
.curture{margin: 0 auto;overflow: hidden;}
.curture h6{font-size: 26px;color: #333;text-align: center;padding: 30px 0;}

.partner_main{width: 100%;height: auto;overflow: hidden;padding: 60px 0 50px 0;}
.partner{margin: 0 auto;}

.team-listbox{ margin-top:30px;}

.cpn-culture{
    margin-top: 30px;
}
.cpn-culture .pub-tit1{color:#fff;}
.cpn-culture ul{overflow: hidden;width: 102%;margin-left: -1%;}
.cpn-culture ul li{width: 31.33333%;float:left;margin: 0 1%;background:#fff;font-size:14px;color:#888;line-height: 1.7;}
.cpn-culture ul li:first-child{}
.cpn-culture ul li .note{padding: 40px 40px;text-align:center;height: 170px;}
.cpn-culture ul li h4{font-size: 18px;color:#333;margin-bottom: 13px;padding-bottom: 12px;position: relative;font-weight: 400;}
.cpn-culture ul li h4:after{content:"";position: absolute;left:50%;bottom:0px;width:30px;height:2px;background: #009B4C;margin-left:-15px;transition: all 0.3s ease;}
.cpn-culture ul li:hover h4:after{width:40px;margin-left:-20px;}

.case-container{}
.case-container .case-wrap{padding: 40px;background:#fff;}

.case-box{padding:0 0 34px;}
.case-block{width: 37%;float:left;margin:18px 0 0;}
.case-block .name{line-height:49px;font-size: 28px;color:#000;}
.case-block .split{display:block;width:60px;height:3px;background:#dedede;margin:20px 0 32px;}
.case-block .con{line-height:27px;color: #424242;}
.case-block .con2{line-height:27px;color:#009B4C;margin:27px 0 0;}
.case-img{width: 53%;float:right;}

.case-list{margin:43px 0 0;}
.case-list li{width: 33%;text-align:center;display: inline-block;margin: 0 0 30px 0;vertical-align: top;}
.case-list li:first-child{}
.case-list .clist-img{width:110px;height:110px;line-height:110px;font-size:0px;border-radius:100%;background: #009B4C;margin:0 auto;}
.case-list .name{line-height:30px;font-size:18px;color: #333;font-weight:600;margin: 15px auto 10px auto;width: 80%;}
.case-list .con{line-height: 23px;color: #424242;text-align: center;width: 80%;margin: 0 auto;}
.case-list li:hover .clist-img{background: #00793b;}

.abProRcmd-top{padding:0 0 20px;border-bottom: 1px solid #dedede;margin: 10px 0 0;}
.abProRcmd-top span{padding:0 0 0 11px;height: 24px;line-height:24px;font-size:24px;color: #000;border-left: 3px solid #55575b;}

.liucheng-page{width:100%;margin:0 auto;}
.liucheng-page ul{font-size:0;margin: 40px auto 0 auto;}
.liucheng-page li{display: inline-block;vertical-align:top;width: 20%;margin-bottom: 15px;margin-top: 15px;text-align: center;position: relative;}
.liucheng-page li p{width: 70%;margin: 10px auto;font-size: 14px;line-height: 1.7;}
.liucheng-page li img{width:60%;margin: 0 auto 15px auto;max-width: 110px;}
.liucheng-page li i{position: absolute;top:0;left: 23%;width:42px;line-height:42px;text-align:center;font-size:16px;font-style:normal;font-weight: 400;color:#fff;height:42px;background:url(/images/icon-yuan1.png);background-repeat:no-repeat;background-size:100% 100%;}


.mp40{ margin-top:40px;}


@media screen and (max-width: 1660px){
.pocrss_Pos{ width: 94%;}	
}
@media screen and (max-width: 1440px){

.z-container{ width: 90%;}
.z_banner .next{ right: 40px;}
.z_banner .prev{ left: 40px;}
.index_yw{ width: 90%;}
 }
@media screen and (max-width:1366px){
 .header_nav li{ width: 130px;}	
.navdown_tit h3{ font-size: 28px;}
.pocrss_Pos.z-container{ width: 98%;}
.gn_box li:nth-child(even){ padding-left: 5%;}
.gn_box li:nth-child(odd){ padding-right: 5%;}
 }
@media screen and (max-width:1280px){
 
 .adv_list li .desc{ padding-right: 0;}
 .z-container2{ width: 94%;}
 }
@media screen and (max-width:1100px){
.home-block {
	padding: 30px 0;
}
.map-box {
	width: 100%;
	height: 300px;
	position: relative;
}

	
.advantage-list1 {
	width: 48%;
	float: left;
	margin: 0 1%;
	margin-bottom:20px;
}



.z_banner{ top: 50px;}


.sb_bar{ display: none;}
.z_banner .iconfont{ width: 30px; height: 30px; line-height: 30px; margin-top: -15px; font-size: 16px;}
.z_banner .prev{ left: 10px;}
.z_banner .next{ right: 10px;}
.index_tit{padding: 30px 0 20px 0;}
.index_tit h3{font-size: 18px;}
.index_tit h4{ font-size: 14px;}
.index_yw li{ width: 47.8%; padding: 10px; height:auto; margin-bottom: 10px;}
.index_yw li .icon img{ height: 45px;}
.index_yw li h3{ font-size: 16px;}
.index_yw li h4{ font-size: 12px; display: none;}
.index_yw li .desc{ margin-top: 10px; display: none; font-size: 12px; line-height: 20px; }
.index_yw li .icon{ margin-bottom: 10px;}
.yw_list{ padding-bottom: 10px;}
.z_banner{ position: relative;}
.index_page{ }
.indextab_con,.indextab_li{width: 100%;}
.indextab_li ul{ display: flex;}
.indextab_li li{padding: 0;width: 25%;height: 50px;border-bottom: none;text-align: center;overflow: hidden;float: left;box-sizing:border-box;}
.indextab_li li:last-child{ border-right:none;}
.indextab_li li h3{font-size: 14px;display: none;margin-bottom: 0px;word-break:break-all;}
.indextab_li li h4{font-size: 14px;}
.indextab_con{ height: 245px;}
.indextab_con .tit_bar{ left: 5%; width:90%; top: 40px; transform: translateY(0);}
.indextab_con .tit_bar h4{ font-size: 17px;}
.indextab_con .more{ margin-top: 10px; display: inline-block; height: 35px; line-height: 35px;width: auto; padding: 0 10px;}
.indextab_con .more .iconfont{ margin-left: 10px;}
.indextab_con .tit_bar h3{ font-size: 16px;}
.indextab_con .tit_bar h4{ margin-bottom: 10px; height: 22px; line-height: 22px;}
.indextab_con .tit_bar .desc,.indextab_con .tit_bar h3,.index_num li h4,.foot_addre,.adv_tit h3{    opacity: .8;}
.index_yw{padding-bottom: 10px;padding-top: 30px;}
.index_num{ padding: 10px 0}
.index_num ul{ margin: 0;}
.index_num li{ margin: 0; width: 50%; padding: 10px; box-sizing: border-box;}
.index_num li .timer{ font-size: 28px; line-height: 30px;}
.index_num li span{ font-size: 28px; line-height: 30px;}
.index_num li h4{font-size: 12px;line-height: 20px;height: 40px;}
.index_num li .icon{ margin-right: 10px; margin-top: 0;}
.index_num li .icon img{ max-width: 25px; display:none}
.index_num .z-container{ width: 100%;}
.index_case{padding: 30px 0;}
.index_tit2{background:url(/images/bg12.jpg) no-repeat left center; padding:10px 0;}
.index_tit2 h3{ font-size: 18px; padding-left: 15px;}
.index_tit2 h4{ font-size: 14px; padding-left: 15px;}
.index_tit2 .index_more{ width: 110px; height: 30px; line-height: 30px; margin-top: -15px;}
.index_tit2{ margin-bottom: 20px;}
.z-container,.z-container2{ width: 94%;}
.case_list ul{ margin-left: -2%;}
.case_list li{ width: 48%; margin-left: 2%; margin-bottom: 10px;}
.case_list li .imgbox{}
.case_list li .infobox{padding:0 10px;}
.case_list li .tit{ padding: 10px 0;}
.case_list li h3{ font-size: 14px; margin-bottom:5px;}
.case_list li h4{ font-size: 12px;}
.case_list li .bar{ line-height: 30px;}
.news_list2 ul{ margin-bottom: 10px;}
.news_list2 li h3{ margin-bottom: 0;}
.news_swiper{ width: 100%;}
.news_list{ display: none;}
.news_swiper .bd li{ height: 220px;}
.news_swiper .numbox{width: 60px;height: 60px;left: 0;}
.news_swiper .numbox em{ font-size: 20px;}
.news_swiper li .tit{ font-size: 14px; padding: 10px;}
.news_dot{ right: 10px;bottom: 12px;}
.index_news{padding: 30px 0;}
.index_news .index_tit2{ margin-bottom: 10px;}
.news_dot li{ width: 5px; height: 5px; margin-left: 5px;}
.other_banner{}
.other_banner .banner_text h3{font-size: 22px;margin-bottom: 0;}

.other_banner .banner_text h4{font-size: 16px;}
.page_wz{ display: none;}
.page_nav{ height: 40px; line-height: 40px; width: 100%; overflow: hidden;}
.page_nav li{ padding:0 10px;}
.about_tl{ padding: 20px 0;}
.about_tl_fl,.about_tl_fr{ width: 100%;}
.about_tl_fl{ margin-bottom: 20px;}
.about_tl_fl h3{ font-size: 18px;}
.about_tl_fr h3{ font-size: 18px!important; margin-bottom: 10px!important;}
.about_tl_fr .desc{ font-size: 14px; line-height: 24px;}
.about_nl li .icon{ width: 60px; height:60px; margin-bottom: 10px; line-height: 60px;}
.about_nl li .icon img{ height: 20px;}
.about_nl li{ padding:10px 0; min-height: 150px;}
.about_nl li h3{ font-size: 14px;}
.about_nl li h4{ font-size: 12px; line-height:18px;opacity: .6; padding:0 10px; box-sizing:border-box}
.about_nl .z-container2{ width: 100%;}
.about_team .z-container{ width: 94%;}
.about_team .tit h3{ font-size: 18px;}
.about_team .tit{ margin-bottom: 10px;}
.about_process,.about_honor{ padding: 20px 0;}
.about_tit h3{ font-size: 18px;}
.about_tit{ margin-bottom: 20px;}
.about_team li{ height: 160px;}
.process_btn {  display: none;}

.process_swiper li .time{ font-size: 18px; padding-top: 10px;}
.process_swiper li .tit{ margin: 10px 0; height:48px}
.pocrss_Pos.z-container{ width: 100%;}
.process_swiper li .imgbox{ width: 100%; height:95px;}
.honor_swiper .bd li .con{ font-size: 12px; line-height: 20px;}
.about_honor .about_tit{ margin-bottom: 0px;}
.honor_dot{ margin-top: 0px;}
.yaer_num{ display: none;}
.honor_dot li{ margin: 0 6px;}


.honor_swiper .bd li{ width: 45%;}
.process_swiper li{ width: 100%;}
.adv_list li{ width: 48.3%; margin-bottom: 20px;}
.adv_list li .tit{ margin-bottom: 0;}
.adv_list li .tit h3{ font-size: 28px;}
.adv_list li .tit h4{ font-size: 16px;}
.adv_list li .desc{ padding: 20px 0; font-size: 12px; min-height: 110px; line-height: 20px; padding-top:5px; padding-bottom:10px}
.adv_list li:nth-child(3) .desc,.adv_list li:nth-child(4) .desc{  min-height: 95px;}
.adv_list{ padding: 20px 0;}
.adv_box_con{ position: relative; top: auto; height: auto; width: 100%;}
.adv_tit h3{ font-size: 20px; margin-bottom: 0;}
.adv_tit h4{font-size: 16px;}
.adv_tit .line{ margin: 20px 0;}
.adv_box{ padding: 20px 0; height: auto;}
.adv_warp{ padding: 0;}
.adv_warp:before{width: 100%; top: 0;}
.adv_fl,.adv_fr{ width: 100%;}
.adv_fl{ padding: 10px 0;}
.adv_fl li{ margin-bottom: 10px;}
.adv_fl li .num{ width: 22%; font-size: 16px; padding: 20px 0; text-align: center;}
.adv_fl li .num em{ font-size: 18px;}
.adv_fl li h3{font-size: 16px;}
.yearbar { padding: 10px 0;}
.yearbar .arrow-left:before{ width:80px; left: -80px;}
.yearbar .arrow-right:before{ width:80px; right: -80px;}
.yearbar .arrow-left{ left: 30%;}
.yearbar .arrow-right{ right: 30%;}
.yearbar .swiper-slide-active{ font-size: 24px;}
.gn_warp{ padding: 20px 0;}
.gn_tit{ font-size: 18px; margin-bottom: 20px;}
.gn_box li{ width: 100%; border-right: none!important;padding: 20px 0!important;}
.gn_box li .icon img{width: 60px;}
.gn_box li h3{font-size: 18px;}
.gn_box li h4{font-size: 12px;}
.gn_box li .desc{ margin: 10px 0; min-height: auto; margin-bottom: 20px;}
.gn_box li .imgbox{ height: 200px;}
.case_page{padding: 20px 0;}
.case_swiper{ width: 100%; margin-bottom: 10px; overflow: hidden; height:auto;}
.case_swiper li .desc{ display: none;}

.case_swiper li .infobox{ width: 100%; padding: 10px; transform: translateY(0); position: relative; top: auto; }
.case_swiper li .imgauto{ height: 200px;}
.case_swiper li .top{ padding: 0;}
.case_swiper li .infobox h3{ font-size: 15px;line-height: 40px;}
.case_swiper li h4{ display: none;}
.case_swiper li .bar{ line-height: 40px;}
.case_swiper li.swiper-slide-active .infobox{ transform: translateY(0);}
.case_dot{ bottom: auto;top: 160px;}
.case_list2 ul{ margin-left: -2%; margin-bottom: 10px;}
.case_list2 li{ width: 48%; margin-left: 2%; margin-bottom: 10px;}
.load_more .icon{ height: 20px; width: 20px;}
.xq_banner{ height: 40vh;}
.xq_banner_tit{ bottom: 20px;}
.xq_banner_tit h3{ font-size:18px;}
.xq_banner_tit h4{ font-size: 12px;}
.xq_page{ margin-top: 40vh; }
.xq_page2{ margin-top: 0;}
.xq_page .warp{padding: 20px 0;}
.xq_fl{ width: 100%;}
.xq_tit h3{ font-size: 18px;}
.xq_tit h4{font-size: 12px;}
.xq_cs{ margin: 20px 0; padding: 10px 0; line-height: 24px;}
.xq_desc{ line-height: 24px;}
.xq_a{ margin-top: 20px; display: flex; align-items: center; justify-content: center; display:none}
.xq_a a{ margin: 0 30px;}
.xq_a .back{ height: auto; z-index: 1; padding-top: 0; margin-top: 0; border:none;}
.xq_fr{ width: 100%; margin-top: 20px;}
.xq_fr img{ margin-bottom: 10px;}
.xq_tj{ padding: 20px 0;}
.tj_tit{ margin-bottom: 20px;}
.tj_tit h3{ font-size: 18px;}
.tj_tit h4{ font-size: 12px;}
.topbtm_bar a{ width: 100%; text-align: left;}
.topbtm_bar span{ display: none;}
.topbtm_bar a.fr{text-align: left;}
.xq_tit2{font-size: 17px;}
.xq_cs2 span{ margin: 0 2px; font-size: 12px;}
.xq_fr{ font-size: 14px; line-height: 24px; padding-bottom: 20px;}
.topbtm_bar{ padding-top: 20px;}
.contact_ln{padding: 20px 0;}
.contact_ln .desc{padding: 0 30px; line-height: 24px; font-size: 14px;text-align: left;}
.contact_ln .desc:before,.contact_ln .desc:after{ height: 10px; display:none}
.contact_join{ padding: 20px 0;}
.contact_join .about_tit{ text-align: center; line-height:25px;}
.contact_join .join_send{ position: relative; top: auto; right: auto;}
.sideMenu_tit,.rc_box .tit{ line-height: 50px; height: 50px; font-size: 12px;}
.sideMenu_tit span,.rc_box .tit span{font-size: 12px;}
.zp_tit, .rc_box .tit{ padding: 0 5px;}
.contact_join .load_more{ margin-top: 15px;}
.contact_ly{padding: 30px 0;}
.ly_fl,.ly_fr{ width: 100%;}
.contact_ly .about_tit{ margin-bottom: 10px;}
.contact_addre{line-height: 1.7;margin-bottom: 20px;font-size: 14px;}
.ly_form ul{ margin: 0;}
.ly_form li{ margin: 0; width: 100%; margin-bottom: 10px; height: 50px; line-height: 50px;}
.ly_form li.texta .text{ padding-top: 15px;}
.team_mask{ height: 100%;}
.foot_link dd a{ padding: 0 20px;}
.bg_case{padding: 30px 0;}
.bg_case .tit{ font-size: 18px;}
.bg_case .see_case{ width: 100px; height: 30px; line-height: 30px;}
.load_more{font-size: 14px;}
.rc_box .rc_con{ padding: 15px;}
.rc_box .rc_con .box{width: 100%; padding: 0; line-height: 20px;}
.rc_box .rc_con h4{ font-size: 15px;margin-bottom: 10px;}
.send_bar{ padding: 0; margin-top: 10px;}
.ly_form .subbtn{ height: 45px; line-height: 45px; font-size: 14px;}
.z_banner,.z_banner .bd,.z_banner .bd li{ height:30vh}
.header_nav li.active .one_tit,.header_nav li:hover .one_tit{ color:#fff}
.case_list li h4 span:last-child{ display:none}
.team_mask{height:320px}
.topbtm_bar a{height:auto;line-height:24px; margin-bottom:10px}
.ly_fl{padding-right:0}
.logo_swiper li img{opacity: 1;}
#baiduMap{height:200px!important}
.index_logo{ width: 100%; background:#fff;}
.honor_swiper .bd li{ background-size:85% auto}
.about_team{height: 320px;
    overflow: hidden}
.about_team li{ width:50%}
.team_mask{    background: rgba(0,0,0,0.4)}
.about_team .desc{ display:none}

.advantage-list1 .desc {
	padding: 13px;
	background: #fff;
	text-align: center;
}
.advantage-list1 .desc strong {
	display: block;
	color: #272727;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 400;
	overflow: hidden;
}

.banner_list_bg{height:auto;}
.banner_list{width: 100%;}
.banner_list ul{width: 100%;}
.banner_list ul li{float: left;width: 50%;}
.banner_list ul li a{line-height: 45px;font-size: 14px;color: #424242;display: inline-block;text-align: center;padding: 0;width: 100%;}

.banner_list_right{display: none;}

.srv-container .srv-wrap{padding: 20px;background:#fff;}
.srv-wrap .srv-top{
padding-bottom: 10px;
text-align: left;
font-size: 20px;
}
.srvStgy-top{margin: 15px auto 0;}

.srvStgy-top p{ margin-bottom:12px;}


.cooperation .cooperation-content-3{background-color: #E1EDD9;padding-bottom: 30px;padding-top: 30px;}

.cooperation .cooperation-content-3 .cooperation-content-3-item dl{ background-color: #FFF; display:block;}
.cooperation .cooperation-content-3 .cooperation-content-3-item dl dt {width: 100%;line-height: 0;}
.cooperation .cooperation-content-3 .cooperation-content-3-item dl dt img{ width: 100%; max-width: 100%; max-height: 100%;}
.cooperation .cooperation-content-3 .cooperation-content-3-item dl dd{flex: 1;padding: 30px 30px;}


.cooperation .cooperation-content-3 .cooperation-content-3-item dl dd h2{font-weight: normal;font-size: 22px;color: #3c3c3c;}
.cooperation .cooperation-content-3 .cooperation-content-3-item dl dd p span.line{display: block;width: 20px;height: 2px;background-color: #009B4C;margin: 14px 0;}
.cooperation .cooperation-content-3 .cooperation-content-3-item dl dd .text{color: #505050;font-size: 14px;line-height: 2;}
 .new-list li{ width:100%; margin-right:0; margin-bottom:20px;}
.subNewsTitle h3:first-child{font-size: 20px; padding: 0 0px 15px;}
.solution .solution-content .industry-item dl{ background-color: #FFF; display:block; align-items: center; margin-bottom: 20px;}
.solution .solution-content .industry-item dl dt{width: 100%;line-height: 0;}
.solution .solution-content .industry-item dl dd{flex: 1;padding: 30px;max-height: 100%;}
.solution .solution-content .industry-item dl dd h2{font-weight: normal;font-size: 22px;color: #009B4C;}
.solution .solution-content .industry-item dl dd p span.line{display: block;width: 20px;height: 2px;background-color: #009B4C;margin: 12px 0;}
.solution .solution-content .industry-item dl dd p a{margin-top: 20px;}
.solution-content{padding-bottom: 10px;padding-top: 30px;}


.contact{padding: 40px 0;}
.contact ul li{width:50%;border-left:1px solid #fff;border-bottom:1px solid #fff;height: 250px;padding: 40px 30px;}
.contact ul li h4{margin: 12px auto 0;color: #484848;font-size: 14px;line-height: 1.6;}

.about-msg{padding: 30px 0;position:relative;}
.cpn-fl{width: 100%;float:left;margin-top: 25px;padding-top: 0;}
.cpn-fr{width: 100%;float:left;margin-top: 10px;}
.curture_main{padding: 30px 0;}
.cpn-culture ul li{width: 98%; margin-bottom:15px;}
.cpn-culture ul li .note{padding: 30px 40px;height: auto;}

.case-block{width: 100%;float:left;margin:0;}
.case-block .name{line-height:25px;font-size: 22px;color:#000;}
.case-container .case-wrap{padding: 25px;background:#fff;}
.case-block .split{display:block;width:60px;height:3px;background:#dedede;margin:20px 0 20px;}
.case-block .con{ margin-bottom:20px;}
.abProRcmd-top span{padding:0 0 0 11px;height: 22px;line-height:22px;font-size:22px;}
.case-list{margin:20px 0 0;}
.case-list .clist-img{width:80px;height:80px;line-height:80px;}
.case-img{width: 100%;float:left;}
.case-list li{width: 49%; margin: 0 0 20px 0;}

.liucheng-page li{width: 50%;}
.liucheng-page li i{position: absolute;top:0;left: 15%;width:36px; height:36px;line-height:36px;text-align:center;font-size:16px;}



}  
/*
     FILE ARCHIVED ON 04:42:04 Jun 11, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 00:10:21 Aug 13, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.694
  exclusion.robots: 0.036
  exclusion.robots.policy: 0.022
  esindex: 0.014
  cdx.remote: 2.167
  LoadShardBlock: 110.987 (3)
  PetaboxLoader3.datanode: 79.646 (4)
  PetaboxLoader3.resolve: 128.969 (2)
  load_resource: 133.393
*/