@import url("base.css");
@import url("swiper.min.css");
@import url("animate.css");
@import url("iconfont.css");

:root{
  --green:#335325;
  --gray:#8e8e8e;
  --icon_color:#b2b2b2;
  --linght:#bbb;
  --padding:70px 0;
  --cWhite:#fff;
}

.wrap{width:1200px;margin: 0 auto;}

/*首页代码开始*/
/*hader 代码*/
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;-wekbit-transition: all .4s linear;transition: all .4s linear;background: #fff;}
.header .header_logo{padding: 10px 0;}
.header img{width: 390px;height: 52px;}
.header_nav li{float: left;padding-left:20px;}
.header_nav li a{color: #999;font-size: 14px;line-height: 44px;position: relative;cursor: pointer;display: block;padding: 14px 20px;font-weight: 500;overflow: hidden;-webkit-transition: all .4s linear;transition: all .4s linear;}
.header_nav li.active a,.header_nav li:hover a{color: var(--green)}
.header_nav li a::before,.header_nav li:hover a::before{content: '';width:0;height: 3px;background: var(--green);position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);transition: all .5s linear;border-radius: 3px;}
.header_nav li.active a::before,.header_nav li:hover a::before{width: 50%;}

/* 轮播图 */
.banner,.swiper-container{height: 670px;}


/* 公共部分头部 */
.page_tit{align-items: center;}
.page_tit h2{color: var(--green);font-size: 18px;font-weight: 600;}
.page_tit h2 span{font-size: 14px;color: var(--gray);font-weight: 100;margin-left: 30px;}
.page_tit a:hover{color: var(--green);text-decoration: underline;}

/* 服务领域 */
.index_service .box,.index_performanc{padding: var(--padding);}
.index_service ul{margin-top: -30px;}
.index_service li{width: 25%;margin-top: 80px;}
.index_service li a{display: block;}
.index_service li:hover a{color: var(--green);}
.index_service li i{font-size: 60px;color: var(--icon_color);display: block;line-height: 74px;}
.index_service li:hover a i{color: var(--green);}

/* 工程业绩 */
.index_performanc{background-image:url(../images/pic4.jpg);background-position: top;background-repeat: no-repeat;min-height: 536px;}
.index_performanc .page_tit h2,.index_performanc .page_tit h2 span,.index_performanc .page_tit a{color: var(--cWhite);}
.index_performanc ul{margin-top: 60px;}
.index_performanc li{width: 272px;margin-right: 40px;-webkit-transition: all .5s ease-in;transition: all .5s ease-in;}
.index_performanc li:hover{-webkit-transform: translateY(10px);transform: translateY(10px);}
.index_performanc li:last-child{margin-right: 0;}
.index_performanc .page_img{padding: 17px;box-sizing: border-box;background: #fff;box-shadow: 0 0 40px rgba(0,0,0,.1);}
.index_performanc .page_img img,.index_about .page_fr img{width: 100%;height: 230px;object-fit: cover;}
.index_performanc p{margin-top: 20px;font-size: 16px;}

/* 公司简介 */
.index_about{background-image:url(../images/pic5.jpg);background-position: bottom;background-repeat: no-repeat;margin:40px 0;min-height: 550px;}
.index_about p{margin: 40px 0;}
.index_about .page_fl,.index_about .page_fr{-webkit-transition: all .5s ease-in;transition: all .5s ease-in;}
.index_about .page_fl{background: #eff1f5;padding: 64px 40px 94px 50px;box-sizing: border-box;height: 470px;}
.index_about .page_fr{margin-top: 80px;height: 470px;}
.index_about .page_tit a{color: #000;position: relative;}
.index_about .page_tit a::before{content: '';width: 100%;height: 1px;background-color: #000;position: absolute;bottom: 0;left: 0;}
.index_about:hover .page_fl{-webkit-transform: translateY(10px);transform: translateY(10px);}
.index_about:hover .page_fr{-webkit-transform: translateY(-10px);transform: translateY(-10px);}

/* 人才招聘 */
.index_join{min-height: 257px;}
.index_join li{width: 252px;margin-right: 80px;font-weight: 300;margin-top: 40px;-webkit-transition: all .5s linear;transition: all .5s linear}
.index_join li:last-child{margin-right: 0;}
.index_join span{font-size: 24px;color: #666;font-weight: 100;}
.index_join h3{font-size: 16px;margin-top: 20px;}
.index_join p{font-size: 16px;color: #868585;margin: 20px 0;font-size: 14px;}
.index_join a{font-size: 16px;color: var(--gray);font-size: 12px;}
.index_join li:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.index_join li:hover a{color: var(--green);}

/* foot */
.foot{background: #333;font-size: 14px;margin-top: 45px;}
.foot .foot_up{padding: 56px 0;}
.foot ul{color: #949494;margin-left: 70px;}
.foot .foot_un{line-height: 60px;height: 60px;background-color: #202020;color: #949494;}

/* 子页面代码开始 */
.minHeight{min-height: 553px;}
.header_sub{box-shadow: 0 10px 10px rgba(0,0,0,.05);}
.banner_sub{margin-top: 72px;}
.banner_sub img{width:100%;height: 200px;object-fit: cover;}

/* 公司简介 */
.about_sub{margin-top: 130px;}
.about_sub .page_sub h2{font-size: 24px;font-weight: 500;}
.about_sub .page_sub span{color: var(--linght);font-size: 14px;}
.about_sub .about_min{margin-top: 60px;}
.about_sub .pageSub_tit{border-bottom: 1px solid #f5f5f5;padding-bottom: 35px;}
.about_sub .pageSub_tit h3{font-size: 16px;color: #666;}
.about_sub .pageSub_tit span{font-size: 36px;color: #666;font-weight: 100;margin-top: 10px;display: inline-block;}
.about_sub .about_text{padding-top: 45px;font-size: 14px;color: #666;}
.about_sub .about_text p{margin-bottom: 20px;}
.about_sub .about_text img{margin: 20px 0;}

/* 服务领域 */
.service_fl{width: 200px;height: 100%;background: #fafbfc;}
.service_fl .service_tit{background: var(--green);color: var(--cWhite);padding: 50px 15px;}
.service_fl .service_tit h2{font-size:20px ;}
.service_fl .service_tit span{font-size: 14px;text-transform: uppercase;}
.service_fl li{position: relative;border-bottom: 1px solid #f5f5f5;}
.service_fl li a{display: block;height: 60px;line-height: 60px;}
.service_fl li::before{content: '';width:0;height: 1px;background: var(--green);position: absolute;bottom: 0;left: 0;-webkit-transition: all .5s linear;transition: all .5s linear;}
.service_fl li.active,.service_fl li:hover.active{color: var(--green);}
.service_fl li:hover::before,.service_fl li.active::before{width: 100%;}

.service_fr .service_nav,.sub .sub_nav{padding: 36px 0 15px 50px;border-bottom: 1px solid #f5f5f5;color: var(--linght);}
.service_fr .service_nav a,.sub .sub_nav a{color: var(--linght);}
.service_fr ul{padding-left: 50px;}
.service_fr li{padding: 30px 0;}
.service_fr .service_img{width: 210px;height: 138px;overflow: hidden;}
.service_fr li img,.Project li .service_img img{width: 100%;height: 100%;object-fit: cover;-webkit-transition: all .5s linear;transition: all .5s linear;}
.service_fr .service_info{padding-left: 30px;-webkit-transition: all .5s linear;transition: all .5s linear}
.service_fr h3{font-size: 18px;}
.service_fr p{font-size: 14px;color: #999;}
.service_fr span{font-size: 14px;color: var(--linght);}
.service_fr li:hover img,.Project li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.service_fr li:hover .service_info{-webkit-transform: translateX(-10px);transform: translateX(-10px);}

/* 工程业绩 */
.Project li{width: 300px;margin-right: 25px;padding: 0;margin-top: 30px;border:none}
.Project li:nth-child(3n){margin-right: 0;}
.Project li .service_img{width: 300px;height: 200px;overflow: hidden;}
.Project li h3{font-size: 16px;padding: 15px 22px 0;}

/* 人才招聘 */
.join_sub ul{margin-top: 20px;}
.join_sub li{padding: 30px 0;}
.join_sub img{width: 155px;height: 102px;margin-right: 30px;}
.join_sub h3{font-size: 18px;margin-bottom: 10px;}
.join_sub p,.sub .sub_min{font-size: 14px;color: var(--linght);}
.join_sub .join_pro{-webkit-transition: all .5s linear;transition: all .5s linear}
.join_sub li:hover .join_pro{-webkit-transform: translateX(-10px);transform: translateX(-10px);}

.sub .sub_nav{padding: 36px 0 15px 0;}
.sub .sub_min{padding:60px 0;min-height: 468px;}
.sub .sub_min img{margin-bottom: 30px;}