@charset "utf-8";
/* CSS Document */



.nav{ padding-right:50px; position:fixed; height:100%; width:75%;  z-index:100; top:0; left:0; transition:all .3s;    -webkit-transform: translateX(-100%) translateX(50px);    -ms-transform: translateX(-100%) translateX(50px);    transform: translateX(-100%) translateX(50px); }
.nav.open{-webkit-transform: translateX(0px);    -ms-transform: translateX(0px);    transform: translateX(0px);}
.kaiguan{ position:absolute; right:0; top:0; width:50px; height:100%; cursor:pointer;}
.kg_span{ cursor:pointer; width:20px; height:60px; position:absolute; top:50%; left:50%; margin-left:-10px; margin-top:-30px;}
.kg_span span{ display:inline-block; width:6px; height:60px; background:#fff; margin-left:8px; float:left;}
.kg_span span:first-child{ margin-left:0;}

.homeindexbanner .swiper-pagination-bullet{     background: #fff;    opacity: 1; width:10px; height:10px;}
.homeindexbanner .swiper-pagination-bullet-active{background: #007aff;  }
.header{overflow-y: auto; height:100%;padding:60px; position:relative;animation: pulse 5s infinite alternate;}
.header .head_nav{ margin-top:1.3rem; margin-bottom:1.5rem;}
.header .head_nav li a{ font-size:40px; color:#fff; line-height:1.2; transition:all .3s;}
.header .head_nav li.on a,.header .head_nav li a:hover{ color:#929291;}

.laguage a{ font-size:16px; color:#fff;    display: block;}
.header .line{ width:15px; height:2px; background:#fff; margin:10px 0;}

.links a{ display:block; font-size:12px; color:#fff;}
.header a:hover{ color:#fff;}

.copy_head_txt p{ font-size:14px; color:#fff}

.contact_enquiries{ position:absolute; right:60px; top:60px;}
.contact_enquiries b{ display:block; font-size:16px; color:#fff;}
.contact_enquiries a{ display:block; font-size:16px; color:#fff;}
.contac_head{ float:left; margin-right:100px; display:inline-block;}
.enquiries_head{ float:left;}
.enquiries_head a{ margin-bottom:20px;}


.homeindex{ height:100vh; width:100%; position:relative; }
.homeindex .swiper-container { height:100%;}
.homeindex .swiper-container .swiper-slide{ background-size:cover; background-position:center; background-repeat:no-repeat; }
.homeindex .swiper-container .swiper-slide img{width:100%; height:100%;    object-fit: cover;
    -webkit-transition: all 7s;
    transition: all 7s;}
.homeindex .swiper-container .swiper-slide.swiper-slide-active img{transform: scale(1.1,1.1);    -webkit-transform: scale(1.1,1.1);}

.hometxtlogo{ position:relative; z-index:12;}
.hometxts{position:absolute; top:0; left:0; width:100%; height:100%; z-index:11; background:rgba(0,0,0,.3); padding-top:70px; padding-left:140px; padding-right:90px;}
.zhutitxt{ position:absolute; height:100%; top:0; left:0; padding:0 140px;}
.zhutitxt p{ font-size:.4rem; color:#fff; display:block; max-width:700px; line-height:1.2;}
.homenews{ position:absolute; bottom:0; width:100%; left:0; padding:60px 90px 60px 140px ;}
.homenews li{ width:32%; float:left;}
.homenews li a{ color:#a5a5a5; transition:all .3s; font-size:.22rem; line-height:1.2; font-weight:normal;}
.homenews li a:hover{ color:#fff;}
.homenews li:nth-child(2){ margin:0 2%; text-align:center;}
.homeindex.open .hometxts{display:none;}
.homenews .swiper-pagination-bullet{ background:#fff; }
.homenews .swiper-pagination-bullet-active{ background:#fff;}
.homenews .swiper-slide a{ color:#fff; display:block; text-align:center; font-size:14px;}
.homeindex .homenews .swiper-container{ padding-bottom:30px;}
.homeindex .homenews .swiper-container-horizontal>.swiper-pagination-bullets,.homeindex .homenews .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0;}

.dangeimg{position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000 }
.dangeimg img{ width:100%; height:100%; object-fit:cover;}

.about_01{  padding-left:140px; padding-right:140px; min-height:100vh; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_01 .zhezhao{ position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.6);}
.about_01box{ position:relative; z-index:2; padding-top:2.4rem; padding-bottom:1rem;}


.about1txt p{ color:#fff; font-size:.2rem; line-height:1.3; margin-bottom:15px;}

.about1tit{ width:30%; float:left;}
.about1txt{ width:68%; float:right;}
.about1txt .about1txt1,.about1txt .about1txt2{ width:50%; padding:0 20px; float:left;}

.about1tit{ font-size:.5rem; color:#fff; line-height:1.2;}
.xiangxia{ position:absolute; z-index:2; bottom:0; left:0; width:100%; padding:30px 20px ;  transition:all .3s; cursor:pointer;}
.xiangxia img{ margin:0 auto; display:block;}
.xiangxia:hover{ padding-bottom:40px;}

.xiangxia2{ position:absolute; z-index:2; bottom:0; left:0; width:100%; padding:50px 20px ;  transition:all .3s; cursor:pointer;}
.xiangxia2 img{ margin:0 auto; display:block;}
.xiangxia2:hover{ padding-bottom:40px;}

.xiangxia3{ position:absolute; z-index:2; bottom:0; left:0; width:100%; padding:50px 20px ;  transition:all .3s; cursor:pointer;}
.xiangxia3 img{ margin:0 auto; display:block;}
.xiangxia3:hover{ padding-bottom:40px;}

.therens{ text-align: center; font-size: 18px ; color: #4c4c4c;   display: block;
    padding-top: 40px;}

.about_02{ padding:60px 80px 60px 130px; background:#e8e8e8;    position: relative;}
.about_02 li{ width:49%; float:left;}
.about_02 li .imgs{ height:rem;}
.about_02 li .imgs img{ width:100%; height:100%; object-fit:cover;}
.about_02 li:nth-child(2n){ margin-left:2%;}
.about_02 li:nth-child(2n+1){ clear:left;}
.about_02 li .txts .txtstit{ width:50%; float:left; padding-top:20px; padding-left:10px; font-size:25px; color:#262626;}
.about_02 li .txts .txtsp{ float:left; width:50%; padding:20px 0;}
.about_02 li .txts .txtsp p{ font-size:16px; color:#4c4c4c; display:block; margin-bottom:20px;}
a.a_tongyong{ display:inline-block;font-size:16px; color:#4c4c4c; padding-right:30px; background:url(../images/About-02_10.png) right center no-repeat;}

.about_zhiwei{padding:60px 80px 60px 130px; background:#e8e8e8;  }
.zhiweititss{ font-size:20px; padding:50px 0;}
    	.zhiweixinxis li{ width:14.66%; float:left; margin:1%; border-top:1px solid #acacac;}
		.zhiweixinxis li b{ display:block; padding:10px 0; color:#b4b4b4; font-size:20px; font-weight:normal;}
		.zhiweixinxis li span{ font-size:16px; color:#b8b8b8}
		.zhiweixinxis li:hover b{ color:#333;}
		.zhiweixinxis li:hover span{ color:#333;}
.Expertise_box{padding:60px 80px 60px 130px; background:#e8e8e8; min-height:100vh}

.project2{padding:60px 80px 60px 130px; background:#e8e8e8; min-height:100vh; position: relative;}

.Expertise01 li{ float:left; width:32%; margin-right:2%;}
.Expertise01 li:nth-child(3n){ margin-right:0;}
.Expertise01 li:nth-child(3n+1){ clear:left;}
/*.Expertise01 li .imgs{ height:3.6rem;}*/
.Expertise01 li .imgs img{ width:100%; height:100%; object-fit:cover;}
.Expertise01 li .txtstit{ font-size:.36rem; color:#262626; padding:15px 0;}
.Expertise01 li .txtsp p{ font-size:16px; color:#4c4c4c; display:block; margin-bottom:15px; line-height:22px;}
.Expertise01 li .txtsp a{ margin-top:0;}

.joinbox1{ padding-top:0; padding-bottom:0;}
.news_box{padding:60px 80px 80px 130px; background:#e8e8e8;position: relative;  min-height:100vh}
.news_chan{ font-size:36px; color:#4c4c4c;}

.news01{ }
.news01 li{ margin-top:60px; float:left; width:23.5%; margin-right:2%;}
.news01 li:nth-child(4n){ margin-right:0;}
.news01 li:nth-child(4n+1){ clear:left;}

/*.news01 li .imgs{ height:3.5rem;}*/
.news01 li .imgs img{width:100%; height:100%; object-fit:cover;}
.news01 li .txts span{ font-size:16px; color:#4c4c4c; display:block; padding-top:20px; padding-bottom:10px;}
.news01 li .txts  h2 a{ font-size:22px; color:#4c4c4c; font-weight:normal;}
.news01 li .txts  h2{ margin-bottom:20px;}
.news01 li .txts  p{ font-size:16px; color:#4c4c4c; line-height:1.4}

.news_article .imgsss{ width:50%;}
.news_article .imgsss .swiper-container{ padding-bottom:50px;}
.news_article .imgsss .swiper-container .swiper-pagination-bullet{ background:#000; width:15px; height:15px; border-radius:100px;}
.news_article .imgsss img{ max-width:100%;}
.news_article .txts{ width:40%; max-width:560px;}
.news_article .txts>span{ font-size:14px; color:#4c4c4c; display:block; margin-bottom:10px;}
.news_article .txts h1{ font-size:36px; color:#4c4c4c; font-weight:normal; line-height:1.1; margin-bottom:40px;}
.news_article .txts .news_content p{ font-size:16px; color:#4c4c4c; display:block; margin-bottom:14px;}

.joinbox{ max-width:600px; z-index:2; position:relative;}
.joinbox .tbc{ height:100vh; }
.joinbox .tbc b{ font-size:36px; color:#ffffff; font-weight:normal;}
.joinbox .tbc p{ font-size:18px; color:#ffffff; font-weight:normal; margin-top:20px;}
.joinbox .tbc a{font-size:18px; color:#ffffff; font-weight:normal; margin-top:20px; display:inline-block;}
.joinbox .tbc a img{ vertical-align:middle; margin-left:10px;}

.join02 li .imgs{ height:4rem;}

.project2 li{ width:32%; float:left; margin-right:2%; margin-top:2%; position:relative;}
.project2 li:nth-child(3n){ margin-right:0;}
.project2 li .imgss{ height:3rem;}
.project2 li .imgss img{ width:100%; height:100%; object-fit:cover;}

.project2 li .txts{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:center; background:rgba(0,0,0,.7); opacity:0; transition:all .3s;}
.project2 li .txts b{ font-size:26px; color:#fff; font-weight:normal; padding-bottom:10px; display:block;}
.project2 li .txts p{ font-size:16px; color:#fff;}

.project2 li:hover .txts{ opacity:1;}
.project_text span { font-size:18px; color:#4c4c4c; display:block; margin-top:25px; margin-bottom:10px}
.project_text span a{ font-size:18px; color:#4c4c4c;}
.project_text p{ font-size:18px; color:#4c4c4c;}
.project_text p a{font-size:18px; color:#4c4c4c; display:inline-block;}
.project_views{ height:100vh; background:#e8e8e8;}

.project_views .pc{ position:absolute; left:0; top:0; width:100%; height:100%; padding-left:50px; overflow:hidden;}
.project_views .pc .swiper-container{ height:100%;}
.project_views .pc .swiper-container img{ display:block; /*position:absolute; left:50%; top:50%; max-height:100%; max-width:100%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);*/    width: 100%;
    height: 100%;
    object-fit: cover;}
.project_views .wap img{ display:block; max-width:100%; margin-bottom:10px;}

.project_views .pc .swiper-button-next{ background-image:url(../images/btn_ri.png); background-size:22px 52px; width:22px; height:52px; right:70px;}
.project_views .pc .swiper-button-prev{ background-image:url(../images/btn_le.png); background-size:22px 52px; width:22px; height:52px; left:70px;}
.project_views .pc .swiper-pagination-bullet{ opacity: 1;}


.jion_box{ padding:60px 80px; padding-left:130px; background:#e8e8e8; min-height:100vh;}
.joinlogo{ margin-bottom:50px;}
.joinposition{ font-size:20px; color:#4c4c4c; margin-bottom:15px;}

.join_le{ background:#cecece; width:30%;}
.join_le_tit{ font-size:28px; color:#4c4c4c; padding:20px;}
.namses{min-height:120px; margin-bottom:20px;}
.join_le_tit a{ transition:all .3s; display:block; border:1px solid #7d7d7d; background:#c6c6c6; text-align:center;}
.join_le_tit a span{ display:inline-block; padding-left:40px; background:url(../images/dui1.png) no-repeat left center; font-size:18px; color:#4c4c4c; line-height:40px;}
.join_le_tit a:hover{ background:#b6b6b6}

.join_ri{ width:67%; float:right;}
.join_content p{ font-size:16px; color:#4c4c4c; margin-bottom:20px;}

.prev_next{ padding:50px 0;}
.prev_next a{padding:10px 50px; border:1px solid #acacac; color:#4c4c4c; font-size:16px; cursor:pointer; transition:all .3s;}
.prev_next a.backs{ background:url(../images/sanjiao.png) no-repeat 30px center ; }
.prev_next a.aplly{background:url(../images/dui1.png) no-repeat 20px center ; padding-right:30px;}
.prev_next a:hover{ background-color:#dbdbdb;}
.copy_head_txt{ margin-top:50px;}
.project_text p a{ cursor:pointer;}
.project2 .pages{ text-align:center; padding-top:40px;}
	.project2 .pages li{ display:inline-block; width:auto; margin:0 5px; float:none;}
	.project2 .pages li a{ display:block; padding:3px 10px; color:#333;}
	.project2 .pages li.active a{ background:#333; color:#fff;}
@media screen and (max-width:1480px){
	.news01 li{ width:32%;}
	.news01 li:nth-child(4n){ margin-right:inherit;}
	.news01 li:nth-child(4n+1){ clear:none;}
	.news01 li:nth-child(3n){ margin-right:0;}
	.news01 li:nth-child(3n+1){ clear:left;}
	.news01 li .imgs{ height:4.5rem;}
	
	
	}

@media screen and (max-width:1280px){
	.news01 li{ width:49%;}
	.news01 li:nth-child(3n){ margin-right:2%;}
	.news01 li:nth-child(3n+1){ clear:none;}
	.news01 li:nth-child(2n){ margin-right:0;}
	.news01 li:nth-child(2n+1){ clear:left;}
	.news01 li .imgs{ height:6.5rem;}
	
	.project2 li{width:49%;}
	.project2 li:nth-child(3n){ margin-right:2%;}
	.project2 li:nth-child(3n+1){ clear:none;}
	.project2 li:nth-child(2n){ margin-right:0;}
	.project2 li:nth-child(2n+1){ clear:left;}
	.project2 li .imgss{ height:4.5rem;}
	.project2 li .txts b{ font-size:20px;}
	.project2 li .txts p{ font-size:14px;}
	.zhiweixinxis li{ width:31.33%; float:left;}
	.zhiweixinxis li:nth-child(3n + 1){ clear:left;}
	.zhiweixinxis li b{ font-size:16px;}
	.zhiweixinxis li span{ font-size:12px;}
	}
@media screen and (max-width:960px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .nav{ width:100%;}
	 .homenews{ padding:20px 20px 20px 50px;}
	 .kaiguan{ width:30px;}
	 .nav{ padding-right:30px;    -webkit-transform: translateX(-100%) translateX(30px);
    -ms-transform: translateX(-100%) translateX(30px);
    transform: translateX(-100%) translateX(30px);}
	.homeindex{ padding-left:30px;}
	.zhutitxt{ padding:0 15px 0 50px;}
	.zhutitxt p{ max-width:15em; font-size:20px;}
	.hometxts{ padding:30px; padding-left:60px;}
	.hometxtlogo img{ max-width:80px;}
	.logohome_02  img{ max-width:30px;}
	.kg_span{ width:10px; margin-left:-5px; height:30px; margin-top:-15px;}
	.kg_span span{ width:3px; margin-left:4px; height:30px;}
	.header .head_nav li a{ font-size:20px;}
	.header .logo img{ width:50px;}
	.contact_enquiries{ position:static;}
	.contac_head{ float:none; margin:0; margin-top:20px;}
	.enquiries_head{ float:none; margin:0;margin-top:20px;}
	.header .head_nav{ margin-top:40px;}
	.header{ padding:30px;}
	
	.about_01{ padding:30px; padding-left:60px;}
	.about_01box{ padding-top:40px;}
	.about1tit{ width:100%; font-size:20px; float:none;margin-bottom:20px;}
	.about1txt{ width:100%; float:none; }
	.about1txt .about1txt1, .about1txt .about1txt2{ width:100%; float:none; padding:0;}
	.about1txt p{ font-size:14px; margin-bottom:10px;}
	.xiangxia img{ width:30px;}
	.xiangxia2 img{ width:30px;}
	.about_02,.news_box,.project2,.about_zhiwei{ padding:20px; padding-left:50px;}
	.about_02 li{ width:100%; float:none; margin-bottom:20px;}
	.about_02 li .imgs{ height:auto;}
	.about_02 li .txts .txtstit{ width:100%; padding-left:0; font-size:18px; margin-top:10px; padding-top:0;margin-bottom:10px;}
	.about_02 li .txts .txtsp{ width:100%;  padding:0;}
	.about_02 li .txts .txtsp p{ font-size:14px; margin-bottom:10px;}
	a.a_tongyong{ font-size:14px;}
	.about_02 li:nth-child(2n){ margin:0; margin-bottom: 20px;}
	
	.Expertise01 li{ width:100%; float:none;margin-bottom:30px;}
	.Expertise01 li .imgs{ height:auto;}
	.Expertise01 li .txtstit{ font-size:18px;}
	.Expertise01 li .txtsp p{ font-size:14px; margin-bottom:10px;}
	.Expertise01 li .txtsp a{ margin-top:10px;}
	.Expertise_box{ padding:20px; padding-left:50px;}
	
	.news01 li{ width:100%; float:none; margin:0 !important; margin-top:30px !important;}
	.news01 li .imgs{ height:10rem;}
	.news01 li .txts h2 a{ font-size:18px;}.news01 li .txts h2{ margin-bottom:10px;}
	.news01 li .txts span{ font-size:12px;}.news01 li .txts p{ font-size:12px;}
	.news_chan{ font-size:20px;}
	.news_article .imgsss{ width:100%; float:none;}
	.news_article .txts{ width:100%; float:none; max-width:none; margin-top:20px;}
	.news_article .txts h1{ font-size:20px; margin-bottom:20px;}
	.news_article .txts .news_content p{ font-size:12px;}
	
	.news_article .imgsss .swiper-container .swiper-pagination-bullet{ width:6px; height:6px;}
	.news_article .imgsss .swiper-container{ padding-bottom:30px;}
.joinbox .tbc b{ font-size:22px;}
.joinbox .tbc p{ font-size:14px;}
.joinbox1{ padding-top:0; padding-bottom:0;}
.project_text span,.project_text p{ font-size:14px;}
.project_text{ margin-bottom:20px;}
.project2 li{ width:100%; float:none;}
.project2 li .imgss{ height:9.5rem;}
.project2 li .txts{ opacity:1; position:static; height:auto; padding:10px 0; background:none; text-align:left;}
.project2 li .txts b{ font-size:14px; padding-bottom:0; color:#333;}
.project2 li .txts p{ font-size:12px;color:#333;}

.project_views{ height:auto; padding:20px; padding-left:50px; min-height:100vh;}
.jion_box{ padding:20px; padding-left:50px;}

.join_le{ width:100%; float:none; margin-bottom:20px;}.joinlogo { margin-bottom:30px;}
.namses{ min-height:20px; font-size:16px;}.joinlogo img{ max-width:50px;}
.join_le_tit a{ max-width:300px; line-height:30px;font-size:14px;}.join_le_tit a span{ font-size:14px;line-height:30px; padding-left:25px;}
.join_ri{ width:100%;}
.join_ri .join_content p{ font-size:12px; margin-bottom:10px;}
.prev_next a{ font-size:14px;}
.prev_next a.backs{ padding-left:30px; padding-right:20px; background-position:15px center;}
.prev_next a.aplly{ padding-left:35px; padding-right:10px; background-position:15px center;}
.joinposition{ font-size:16px;}
  .homeindexbanner .swiper-pagination-bullet{display:none;}
  .zhiweixinxis li{ width:48%;}
  
	.zhiweixinxis li:nth-child(3n + 1){ clear:none;}
	.zhiweixinxis li b{ font-size:14px; padding-bottom:0;}
	.zhiweixinxis li:nth-child(2n + 1){ clear:left;}
	.zhiweititss{ padding-top:20px; padding-bottom:10px;}
	}
	

@-webkit-keyframes pulse {
0% {
background-color:rgba(0,0,0,.7);
}
50% {
background-color:rgba(54,82,121,.8);
}
to {
background-color:rgba(0,0,0,.7);
}
}