/*标签样式初始化*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}

/*公共样式部分*/
body {color: #666;margin: 0 auto;background-color: #fff; font-family: "Microsoft YaHei";overflow-x: hidden;}

#copy { display: none;}
*{-webkit-box-sizing: border-box;box-sizing: border-box;}
a {color: #666; text-decoration: none;}
a:hover { color:#008303;text-decoration: none; border-bottom-style:}

.box{ margin:0 auto;width:84%;min-width: 1400px;max-width:1600px; box-sizing: border-box;}
.bg{ width: 100%;min-width:1400px;}
.page{width:1400px;margin:0 auto;}

.fl { float: left;}
.fr {float: right;}

/*左右浮动清除*/
.clear { clear: both;height: 0px; overflow: hidden;}
i,em{font-style: normal;}


/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}
.top110 {padding-top: 110px;}

/*英文样式*/
.font_en {font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: normal;}
.en {font-family: Arial, Helvetica, sans-serif;font-weight: normal;}


.t{text-align:center;padding-bottom:40px;}
.t p{font-size:40px;color:#000;line-height:70px;}
.t span{font-size:18px;color:#666;}
.t b{color: #008303;}



/*其他屏幕样式*/
@media (max-width: 1850px) and (min-width: 1781px){

}
@media (max-width: 1780px) and (min-width: 1681px){

}
@media (max-width: 1680px) and (min-width: 1600px){
.NavCeshi li i{font-size: 15px;}
}
@media (max-width: 1599px) and (min-width: 1500px){
.NavCeshi li i{font-size: 14px;}
}
@media (max-width: 1499px) and (min-width: 1400px){
    .NavCeshi li i{font-size: 14px;}}



@keyframes prev{
	0%{left:60px;opacity:1;}
	50%{left:80px;opacity:0.1;}
	100%{left:60px;opacity:1;}
}

@keyframes next{
	0%{right:60px;opacity:1;}
    50%{right:80px;opacity:0.1;}
	100%{right:60px;opacity:1;}
}
.banner-box .hd {position:absolute;bottom:20px;width: 100%;display: block;}
.banner-box .bd ul{width:100% !important;}
.banner-box .hd ul{ text-align: center;}
.banner-box .hd ul li{ width:20px; height:10px; border-radius :20px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; -webkit-transition: 0.3s all ease-in-out; transition:0.3s all ease-in-out}
.banner-box .hd ul li.on{ width: 32px;}



.jic{ position: relative; height: 594px; width: 1400px; margin: 0 auto; }
.jic_l{ overflow: hidden; width: 388px; margin-top: 17px;}
.jic_l h3{ line-height: 100%; padding-top: 33px; font-size: 42px; color: #1a1a1a;font-weight: normal; }
.jic_l h3 i{ display: block; font-weight: bold; padding-top: 14px;}
.jic_l h3 span{ display: block; font-size: 20px; color: #333333; line-height: 100%; padding-top: 22px; padding-bottom: 39px;background:url(../img/20210826100351_491411623.png) no-repeat left bottom; margin-bottom: 22px;}
.jic_l p{ height: 167px; font-size: 16px; color: #333333; width: 339px; line-height: 30px;}
.jic_l ul li{ line-height: 100%; padding-bottom: 16px; margin-bottom: 40px; border-bottom: 1px solid #dcdcdc; overflow: hidden; cursor: pointer;}
.jic_l ul li span{ display: inline-block; float: left; color: #ccc; font-size: 22px; font-family: Bahnschrift; line-height: 100%; padding-right: 50px; position: relative;}
.jic_l ul li span:before{ position: absolute; content: ""; left: 23px; height: 1px; background: #ccc; top: 7px; width: 40px;}
.jic_l ul li i{ display: inline-block; float: left; line-height: 100%; color: #1a1a1a; font-size: 18px;}
.jic_l ul li.on{ border-bottom: 1px solid #008303;}
.jic_l ul li.on span{color: #008303;}
.jic_l ul li.on span:before{ background: #008303;}
.jic_l ul li.on i{color: #008303;}
.jic_r{ width: 938px; padding-right: 34px; margin-right: -34px; padding-top: 24px;background:url(../img/j_r.png) no-repeat right 0;}
.jic_r ul li{ position: relative;}
.jic_r ul li b{ display: block; overflow: hidden; border-radius:10px; height: 428px; margin-bottom: 39px;}
.jic_r ul li b img{ width: 907px;}
.jic_r ul li i{ display: block; font-weight: bold; color: #008303; font-size: 22px; padding-bottom: 12px;}
.jic_r ul li em{ display: block; font-size: 16px; color: #333333; line-height: 30px; position: relative; z-index: 55;}
.jic_r ul li strong{ display: inline-block; position: absolute; right: 0; top:458px; color: #e7f6ff; font-size: 121px; font-family: Bahnschrift; line-height: 100%; font-weight: normal;}



.service_bg{background:url(../img/20210826114156_248632357.png)repeat;width:100%;height:1280px;padding:70px 0;}
.service_list table{width: 100%;}
.prolist2021 ul {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.service_list li {
    display: inline-block;
    width: auto;
    background: #222;
    padding: 0 12px;
    margin-bottom:10px;
}
.service_list li+li{margin-left:1%;}
.service_list li td{display: block;width:100%;}
.service_list li a {
    display: block;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    liansition: all 0.3s;
    font-weight: normal !important;
}
.service_list li.on a{background: #008303;color: #fff; }
.service_box{width:100%;margin-top:40px;}
.service_box li{float:left;width:31.3%;background:#fff;margin-right:2%; margin-bottom:2%;}
.service_box li:last-child{margin-right:0;}
.service_box li>a>img {
    width: 100% !important;
    height: 235px !important;
    display: block;
    transition: 0.3s all ease-in-out;
    transform: scale(0.9);
    object-fit: cover;
}
.service_box li:hover>a>img{transform: scale(1);}
.service_box li br{display:none;}
.service_box li span a{display: block;width: 100%;height: 98px; text-align: center;border-top: 1px solid #eee;font-size: 16px;padding-top: 1.2vw;
position: relative;    z-index: 1;}
.service_box li span a:after{content:"MORE";display:block;width:90px;height:30px;background:#eee;text-align:center;color:#222;line-height:30px;
font-size:14px;position: absolute; bottom:0;left:0;right:0;margin:0 auto;transition:0.3s all linear;  z-index: -1;}
.service_box li:hover span a:after{width:100%;height:100%;color:#FFF;transition:0.3s all linear; background:#008303;line-height: 140px;}
.service_box li:hover span a{color:#FFF;}




/*服务优势*/
.quality_bg{background:url(../img/20210826155429_473199106.jpg) no-repeat center top;padding-top:70px;padding-bottom:80px;max-width:1920px;margin:0 auto}
.quality_t p,.quality_t span,.quality_t b{color:#fff;}
.qua_con{margin-top:20px;height:446px;position:relative;overflow:hidden}
.qua_con:after{position:absolute;content:"";width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(255,255,255,.3);left:0;top:0}
.qua_con dl{width:19.17%;float:left;position:relative;z-index:2}
.qua_con dl i{display:block;position:relative;width:67px;height:62px;overflow:hidden}
.qua_con dl i img{width:67px;position:absolute;left:0;top:0}
.qua_con dl h3{font-size:30px;line-height:32px;color:#fff;margin:40px 0 54px;font-weight:400}
.qua_con dl p{font-size:16px;line-height:30px;color:#fff;width:166px}
.qua_con dl dd{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:75px;width:100%;height:446px;padding-left:19.87%}
.qua_con dl dt{width:0;height:100%;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.qua_con dl:first-child dd{padding-left:28.33%}
.qua_con dl.cur{width:42.49%}
.qua_con dl.cur dt{width:58.82%;float:left}
.qua_con dl.cur dd{width:41.18%;float:left;background:#fff;padding-left:10.71%}
.qua_con dl.cur dd i img{top:-61px}
.qua_con dl.cur dd h3,.qua_con dl.cur dd p{color:#000}
@media (max-width:1920px){
.qua_con dl.cur dd{padding-left:7.71%}
.qua_con dl.cur dd h3{margin:35px 0 44px}
.qua_con dl.cur dd p{width:158px}
}


/*四大优势*/
.baoz{ overflow: hidden;background:url(../img/20210826171600_1835295017.jpg) no-repeat center 0; height: 994px; box-sizing: border-box; padding-top: 70px;}
.baoz .pr{position: relative;}
.bz_lis{ overflow: hidden; height: 98px;}
.bz_lis ul li{ float: left; width: 25%; box-sizing: border-box;line-height: 100%; font-size: 30px; color: #333333;position: relative;cursor: pointer;}
.bz_lis ul li span{ display: block; line-height: 100%; font-size: 12px; color: #999999; text-transform: uppercase; padding-top: 7px; z-index: 55; position: relative; }
.bz_lis ul li em{ display: inline-block;position: relative; padding-left:123px; background:url(../img/20210826172202_154599277.png) no-repeat 47px 2px;}
.bz_lis ul li:nth-of-type(2) em{background:url(../img/20210826172202_1710555591.png) no-repeat 18% 2px;}
.bz_lis ul li:nth-of-type(3) em{background:url(../img/20210826172202_1349467822.png) no-repeat 18% 2px;}
.bz_lis ul li:nth-of-type(4) em{background:url(../img/20210826172202_897117715.png) no-repeat 18% 2px;}
.bz_lis ul li.cur em{background:url(../img/20210826172511_175918177.png) no-repeat 50px 2px; color: #008303;}
.bz_lis ul li.cur span{color: #008303;}
.bz_lis ul li.cur:before{ position: absolute; content: ""; left: 16.25%; top:37px; width: 197px; height: 13px; background: #fad607;}
.bz_lis ul li:nth-of-type(2).cur em{background:url(../img/20210826172511_1329403327.png) no-repeat 50px 2px; color: #008303;}
.bz_lis ul li:nth-of-type(3).cur em{background:url(../img/20210826172511_1885789334.png) no-repeat 50px 2px; color: #008303;}
.bz_lis ul li:nth-of-type(4).cur em{background:url(../img/20210826172511_1480133549.png) no-repeat 50px 2px; color: #008303;}
.bz_uu{ position: absolute; left: 0; top: 784px;cursor: pointer; z-index: 55;}
.bz_dd{ position: absolute; left:164px; top: 784px;cursor: pointer; z-index: 55;}
.bz_on ul li{ overflow: hidden; position: relative;}
.bz_on ul li strong{ font-size: 0; line-height: 0; overflow: hidden; margin-left: 292px;}
.bz_on ul li em{ display: block; position: absolute; left: 0; top: 145px; width: 401px; height: 288px; background: #008303; color: #fff; box-sizing: border-box;padding: 44px 44px 0;}
.bz_on ul li em i{ display: block; line-height: 100%; font-size: 24px;}
.bz_on ul li em i span{ display: block; font-weight: bold; font-size: 35px; line-height: 100%; padding-bottom: 13px;}
.bz_on ul li em b{ display: block; font-weight: normal; font-size: 16px; line-height: 25px; padding-top: 27px;}


/*工程案例*/
.case_bg{background:#f5f5f5;padding-bottom:60px;}
.case_con{height:auto;}
.case_con li{width: 24% !important;height: auto;background:#FFF;float:left;padding: 20px;position: relative;margin-right: 18px;}
.case_con li:before{content:""; display: block;  width:100%;height:100%;background:#FFF;position: absolute;top: 0%;left:0;z-index: 1;}
.case_con li:after{content:""; display: block;  width:100%;height:100%;background:#008303;position: absolute;bottom: 0;left:0;z-index: 0;
opacity: 0;transition: all 0.3s ease-in-out;}
.case_con li:last-child{margin-right:0;}
.case_con li:hover:after{opacity: 1;transition: all 0.3s ease-in-out;bottom: -2%;left:2%;}
.case_pic{width:100%;height: 223px;z-index: 2;position: relative;}
.case_pic img {
    width: 100%;
    height: 210px;
    object-fit: cover;
}
.case_nr{z-index: 2;position: relative;top: 61%;width: 92%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;
text-overflow: ellipsis;}
.case_nr p{font-size:20px;color:#333;margin-bottom:10px;}
.case_nr dd{font-size:15px;color:#666;line-height:28px; overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.case_con li a{display:block;width:140px;height:35px;line-height:35px;text-align:center;color:#FFF;font-size:15px;background:#ff8b00;margin-top: 11px;transition: all .5s ease;position: relative;left: 0;bottom: 7%;z-index: 1;}
.case_con li:hover a{width:160px;background:#008303;    transition: all .5s ease;}
.case_con li.on a{background:#008303;}
.case_list{width: 108px; margin: 0 auto;}
.case_list i{float: left;display: block; width: 8px; height: 8px;  background: #666; margin: 60px 0 0 25px; border-radius: 50%;cursor: pointer;}
.case_list i:first-child {margin-left: 0px;}
.case_list .on {background: #000;}
.case_list .on:after {content: "";display: block; padding: 10px; border: #000 1px solid;  border-radius: 50%; margin: -7px 0 0 -7px;}
.case .tempWrap {width: 100% !important;height:620px;}

/*简介*/
.about{ background:url(../img/20210826195026_889913162.jpg)no-repeat center;width:100%;height:894px; padding:70px 0px; overflow:hidden;}
.about_t p,.about_t span,.about_t b{color:#fff;}
.abcon{width:760px; height:600px; box-sizing:border-box; padding:60px; background:#f1f1f1;border-radius: 20px 0px 0px 20px;}
.ab_t{font-size:38px; color:#008303;}
.ab_t em{ display:block; font-size:41px; line-height:40px; color:#008303; font-family:fontDin; text-transform:uppercase;}
.ab_c{font-size:15px; color:#666666; line-height:34px; margin:35px 0 35px 0;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;overflow: hidden;}
.abbtn{font-size:0;}
.abbtn a{ display:inline-block; text-align:center; width:158px; line-height:52px; background:#008303; transition:all .3s ease; font-size:16px; color:#fff;}
.abbtn a:hover{ width:180px;}
.abbtn a+a{ background:#ff8b00;}
.ablrh{overflow:hidden; }
.ablrh img{border-radius: 0px 20px 20px 0px;}





/*新闻*/
.lanrenzhijia .news_dt a{ background:#fff;display:block; float:left; text-decoration:none; width:317px; font-size:16px;padding:18px 30px;  -webkit-transition: all 0.8s linear;  transition: all 0.8s linear; margin-bottom:30px; height:96px;}
.lanrenzhijia .news_dt a+a{ margin-left:16px;}
.lanrenzhijia .news_dt a{text-decoration:none; width:405px; font-weight:bold; background:#f8f8f8 url(../img/20210826195449_1324262239.png) no-repeat 438px 40px; -webkit-transition: all 0.8s linear; transition: all 0.8s linear;}
.lanrenzhijia .news_dt a.on{ width:558px;background:#008303 url(../img/20210313115446_377325735.png) no-repeat 490px 40px;}
.lanrenzhijia .news_dt a.on .news_dt_ren{ color:#fff;}
.lanrenzhijia .news_dt a.on .news_dt_rm{-webkit-transition: all 0.8s linear;transition: all 0.8s linear; color:#fff; font-weight:bold;}

.news_dt_rm{overflow:hidden;font-weight:normal;  color:#222; line-height:35px; font-size:24px; padding-left:10px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.news_dt_ren{font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; color:#888; line-height:26px; font-weight:normal; padding-left:10px;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}

.lanrenzhijia .content{ position:relative; margin-top:20px;}
.news .news_div_item{ background:#fff;width:687px; float:left; position:relative;-webkit-transition: all 0.8s linear;transition: all 0.8s linear; border:1px solid #efefef; padding:10px; margin-bottom:24px;}
.news .news_div_item:nth-child(2n){ margin-left:24px;}
.news .news_div_item_pic{float:left; width:242px; height:182px; overflow:hidden; border:1px solid #efefef;}
.news .news_div_item_pic img{width:240px; height:180px; -webkit-transition: all 0.5s linear; transition: all 0.5s linear;}
.news .news_div_item_content, .news .divdgweb_new_div_item_content{float:right; width:378px; margin-right:15px; text-align:left;}
.news_div_item_title, .divdgweb_new_div_item_title{white-space: nowrap; text-overflow: ellipsis; overflow:hidden; width:295px; padding-top:10px;}
.news_div_item_title a, .divdgweb_new_div_item_title a{font-size:16px; -webkit-transition: all 0.8s linear; transition: all 0.8s linear; color:#222;}
.news .news_div_item_body, .news .divdgweb_new_div_item_body{overflow:hidden; line-height:25px; padding-top:16px; height:70px; font-size:14px; color:#666666; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-bottom:18px;}
.news_dt_rgo{overflow:hidden; -webkit-transition: all 0.8s linear; transition: all 0.8s linear;}
.news_dt_rgo a{font-size:0px; line-height:0px;}
.news_dt_rgo span{display:block; width:90px; height:1px; background:#efefef; -webkit-transition: all 0.8s linear; transition: all 0.8s linear;}
.news_dt_rgo p{font-size:14px; line-height:48px; text-align:right; position:relative; z-index:2; color:#008303; -webkit-transition: all 0.8s linear; transition: all 0.8s linear; margin-left:200px; width:270px;}

.news_div_item_date, .divdgweb_new_div_item_date{position:absolute; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin-left:269px; margin-top:150px; color:#999;}
.news_div_item_year, .divdgweb_new_div_item_year{float:left;}
.news_div_item_month, .divdgweb_new_div_item_month{float:left;}
.news_div_item_day, .divdgweb_new_div_item_day{float:left;}

.news .news_div_item:hover .news_dt_rgo span, .news .divdgweb_new_div_item:hover .news_dt_rgo span{-webkit-transition: all 0.8s linear;transition: all 0.8s linear; width:100%;}
.news .news_div_item:hover .news_div_item_title a, .news .divdgweb_new_div_item:hover .divdgweb_new_div_item_title a{-webkit-transition: all 0.8s linear;transition: all 0.8s linear; color:#008303;}
.news .news_div_item:hover .news_dt_rgo p, .news .divdgweb_new_div_item:hover .news_dt_rgo p{-webkit-transition: all 0.8s linear;transition: all 0.8s linear; width:100%; margin-left:0px;}
.news .news_div_item:hover .news_div_item_pic img, .news .divdgweb_new_div_item:hover .news_div_item_pic img{-webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transform: scale(1.15); transform: scale(1.15);}




/*版权*/
.copyright{ background:#2c2c2c;}
.crnav{ text-align:center;border-bottom:1px solid #363636; font-size:0;}
.crnav,.crnav a{ font-size:16px; color:#bcbcbc; line-height:30px; line-height:110px; }
.crnav a{ padding:0 27px;}
.crnav a:hover,.end a:hover{ color:#fff; text-decoration:underline;} 
.crcon{ padding:52px 0;}
.end{ margin-top:15px;}
.end,.end a{ font-size:14px; color:#afafaf; line-height:35px;}
.crcode li{ float:left; font-size:14px; color:#959595; line-height:20px;}
.crcode li img{ width:110px; height:110px; float: left;}
.crcode li p{ float: left; margin:30px 27px 0 17px;}
.links{ border-top:1px solid #363636; font-size:14px; color:#959595; line-height:90px;}
.links p>a{ font-size:14px; color:#959595;}
.links a:hover{ color:#fff; text-decoration:underline;}
.links p:nth-child(1){ padding-left:30px; background:url(../img/20210826192444_1471298286.png) no-repeat left center;}





/*浮动ＱＱ*/
.my-kefu{position: fixed;right: 0px;top:20%;z-index:9999;}
.my-kefu ul{width: 77px;}
.my-kefu li a{text-decoration: none;}
.my-kefu li{background:#008303;margin-top: 1px;padding: 9px 0;height: 70px;width: 77px;}
.my-kefu li i{background: url(../img/20210924090741_1449349416.png) no-repeat;display:block; width: 30px; height: 27px; margin: 0px auto; text-align: center;}
.my-kefu li p{height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;}
.my-kefu .my-kefu-qq i{background-position: 4px 0;}
.my-kefu .my-kefu-tel i{background-position: 0 -25px;}
.my-kefu .my-kefu-tel1 i{background-position: -35px 4px;}
.my-kefu .my-kefu-tel1:hover{ width:246px; height:145px;}
.my-kefu .my-kefu-tel2 i{background-position: -35px 4px;}
.my-kefu .my-kefu-tel2:hover{ width:246px; height:160px;}
.my-kefu .my-kefu-liuyan i{background-position: 4px -53px;}
.my-kefu .my-kefu-weixin i{background-position: -34px 4px;}
.my-kefu .my-kefu-weibo i{background-position: -30px -22px;}
.my-kefu .my-kefu-ftop{background-color:#008303;}
.my-kefu .my-kefu-ftop i{width:33px;height:35px;background-position: -27px -51px;}
.my-kefu-left{ float: left; width: 77px; height: 47px;position: relative;}
.my-kefu-tel-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 24px; padding-left:15px; border-left: 1px solid #fff; padding-top: 10px;}
.my-kefu-tel1-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-tel2-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-right{width: 20px;}
.my-kefu-tel-main{color: #fff; margin-top: 9px; height: 47px; width: 247px;}
.my-kefu-main{width: 97px;position: relative;}
.my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px; display: none;}