@charset "utf-8";
body{
	background:#dadada;
	overflow-x:hidden;
}
/*nav*/
.nav{
	width:100%;
	height:60px;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	border-radius:0 0 40px 40px;
	background:rgba(255,255,255,.8);
	transition:all 0.5s;
}
.nav .head{
	width:100%;
	padding:0 2%;
	position:relative;
	background:hska(0,0,100%,.3);
}
.navhidden {
  top: -60px;
}
.navshow {
  top:0;
  z-index: 9999;
}



.logo img{
	height:42px;
}
.nav.scroll{
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.headnav li a{
	text-decoration: none;
    display: block;
    color: #000;
    text-transform: uppercase;
	width:76px;
	padding:0 20px;
	box-sizing: content-box;
}
.headnav li {
    float: left;
    color: #000;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    position: relative;
}

/* .nav.scroll #menu li .first{ */
	/* color:#333; */
/* } */

.bg45CDD9{
	background-color:#45CDD9;
}
.color45CDD9{
	color:#45CDD9;
}
.bgEFEFEF{
	background-color:#EFEFEF;
}
.box-shadow{
	position:relative;
}
.box-shadow::before,
.box-shadow::after{	
	position:absolute;	
	content:'';	
	width:100%;	
	height:100%;	
	z-index:-1;	
	border-radius:40px;	
	filter: blur(3px);    
	-webkit-filter: blur(3px);    
	-moz-filter: blur(3px);    
	-ms-filter: blur(3px);    
	-o-filter: blur(3px);
}
.box-shadow::before{	
	left:-4px;	
	top:-4px;	
	background: #fff;
}
.box-shadow::after{	
	right:-4px;	
	bottom:-4px;	
	background:rgba(0,0,0,.5);
}
.seemore.box-shadow::before,
.seemore.box-shadow::after{
	border-radius:20px;	
}




@keyframes scal {
  from {
    -webkit-transform: scale(1,1);
  }
  to {
    -webkit-transform: scale(1.1,1.1);
  }
}
@-webkit-keyframes scal {
  from {
    -webkit-transform: scale(1,1);
  }
  to {
    -webkit-transform: scale(1.1,1.1);
  }
}
.container{
	padding:0 4%;
	margin:auto;
}

.black_bg{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	background:rgba(0,0,0,.2);
}

.banner{
	position:relative;
	border-radius:0 0 40px 40px;
	overflow:hidden;
}
.banner .swiper-container{
	height:100vh;
}
.banner .swiper-container img{
	display:block;
	width:100%;
}
.banner .swiper-container .swiper-pagination {
	bottom:30px;
}
.banner .swiper-container .swiper-pagination-bullet{
	width:10px;
	height:10px;
	border-radius:50%;
	background:#fff;
	opacity:1;
	margin:0 10px !important;
}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#45CDD9;
}
.banner .banner_txt{
	position:absolute;
	left:calc(50% - 650px);
	bottom:30%;
}
.banner .banner_txt *{
	color:#fff;
}
.banner .banner_txt .info h3{
	font-size:54px;
	margin-bottom:10px;
}
.banner .banner_txt .info p{
	font-size:20px;
}
.banner .banner_txt .info a{
	display:block;
	width:130px;
	height:32px;
	line-height:32px;
	color:#fff;
	font-size:14px;
	text-align:center;
	border:1px solid #fff;
	margin-top:60px;
	box-sizing:border-box;
	transition:all 0.5s;
}
.banner .banner_txt .info a:hover{
	background:#fff;
	color:#fc96e2;
}



.nav_r .default{
	height:20px;
}
.nav_r .nav_r_search,
.nav_r .nav_r_qr{
	position:relative;
	height:20px;
}
.nav_r .nav_r_qr{
	margin-left:20px;
}
.nav_r .nav_r_qr .qrbox{
	position:absolute;
	opacity:0;
	width:0;
	height:0;
	border-radius:10px;
	padding:4px;
	background:#fff;
	transition:all 0.6s;
	z-index:9999;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.nav_r .nav_r_qr .qrbox img{
	width:100%;
}
.nav_r .nav_r_qr:hover .qrbox{
	opacity:1;
	width:110px;
	height:110px;
}

.nav_r .nav_r_search .searchbox{
	position:absolute;
	opacity:0;
	width:0;
	height:0;
	right:0;
	z-index:9999;
	border-radius:4px;
	overflow:hidden;
	background:#fff;
	transition:all 0.6s;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}



.sy_title {
	padding:40px 0;
}
.sy_title h3{
	color:#2c2c2c;
	font-size: 36px;
    font-weight: bold;
	padding:0 10px;
}
.sy_title img{
	
}
.sy_title .en{
	font-size: 14px;
	text-align:center;
	margin:10px 0;
	color:#E8B6D9;
	text-transform:uppercase;
}
.sy_title .cn{
	font-size: 16px;
	text-align:center;
	color:#B2B2B2;
}




#video_cover {
  position: absolute;
  width: 100%; height: 100%;
  background-size: cover;
  background-position: center;
}

#background_video {
  position: absolute;
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  height: 100%; 
  width: 100%;
  opacity:.3;
}

#video_cover {
  position: absolute;
  width: 100%; height: 100%;
  background-size: cover;
  background-position: center;
}


.pagebanner{
	position:relative;
	border-radius:0 0 40px 40px;
	overflow:hidden;
	height:100vh;
	box-shadow:0 4px 15px rgba(0,0,0,.4);
}
.pagebanner img{
	display:block;
	width:100%;
}

.page_cont{
	width:90%;
	max-width:1200px;
	margin:auto;
	padding-top:35px;
	padding-bottom:40px;
}
.page_cont .name{
	margin-top:20px;
	margin-bottom:40px;
	text-align:center;
	font-size:30px;
	color:#333;
}
.page_cont .cont{
	line-height:1.8;
}

/*footer*/
.foot{
	background:#fff;
	border-radius:40px 40px 0 0;
	overflow:hidden;
	padding:40px 0;
}
.foot .left h3{
	font-size:24px;
	letter-spacing:2px;
	color:#999;
	font-weight:bold;
	margin:15px 0 10px;
}
.foot .left p{
	color:#bbb;
	font-size:14px;
}

.foot .mid h3{
	font-size:24px;
	font-weight:bold;
	margin-bottom:25px;
}
.foot .mid p{
	font-size:15px;
	margin-bottom:15px;
	color:#b3b3b3;
}
.foot .mid p a{
	color:#b3b3b3;
}
.foot .mid .list{
	margin-top:40px;
}
.foot .mid .list a{
	position:relative;
	margin-right:25px;
}
.foot .mid .list a > img{
	height:18px;
}
.foot .mid .list a .ewm{
	position:absolute;
	left:0;
	bottom:22px;
	border:1px solid #8ee6ed;
	border-radius:10px;
	padding:5px;
	display:none;
	background:#fff;
}
.foot .mid .list a .ewm img{
	height:120px;
	display:block;
}
.foot .mid .list a .ewm p{
	border-radius:10px;
	color:#fff;
	background:#8ee6ed;
    margin-top: 5px;
    font-size: 13px;
    text-align: center;
    margin-bottom: 5px;
    line-height: 26px;
}
.foot .mid .list a:hover .ewm{
	display:block;
}


.foot  .right{
	width:42%;
}
.foot .right .form .input .input_can{
	border:1px solid #707070;
	border-radius:2em;
	width:32%;
	height:46px;
	padding:0 20px;
	background:#fff;
	position:relative;
}
.foot .right .form .input .input_can .bt{
	font-size:16px;
	line-height:46px;
	color:#9c9c9c;
	font-weight:bold;
}
.foot .right .form .input .input_can .bt span{
	color:#8EE7ED;
	font-weight:normal;
}
.foot .right .form .input .input_can input{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:2em;
	padding:0 20px;
	border:none;
	background:none;
}
.foot .right .form .text{
	position:relative;
}
.foot .right .form .input .input_can input + .placeholder ,
.foot .right .form .text textarea + .placeholder {
	display: none;
    -webkit-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;
}
.foot .right .form .input .input_can input:placeholder-shown + .placeholder ,
.foot .right .form .text textarea:placeholder-shown + .placeholder {
	display: inline-block;
    z-index: 0;
	position: absolute;
    left: 4.5em;
	content: "";
    display: block;
    width: auto;
    height: auto;
    color: #8EE7ED;
	font-size:13px;
	top: calc(50%);
    transform: translateY(-50%);
}
.foot .right .form .text textarea:placeholder-shown + .placeholder {
	top:22px;
}


.foot .right .form textarea{
	outline:none;
	resize:none;
	border-radius:20px;
	border:1px solid #707070;
	padding:10px 20px;
	height:180px;
	display:block;
	margin:10px 0;
	width:100%;
	background:#fff;
	position:relative;
}
.foot .right .form button{
	display:block;
	width:100%;
	height:50px;
	border-radius:2em;
	font-size:16px;
	color:#7b7b7b;
	background:#fff;
	border:1px solid #707070;
	transition:all 0.5s;
}
.foot .right .form button:hover{
	background:#45CDD9;
	color:#fff;
	border-color:#45CDD9;
}
.foot .right .form button span{
	color:#8EE7ED;
	display:block;
	font-size:14px;
}



.listpage {
	margin: 30px auto;
	text-align: center;
}
#pages{
	display:flex;
	justify-content:center;
}
.listpage a {
	display: inline-block;
	padding:6px 15px;
	background-color: #fff;
	color: #999;
	vertical-align: middle;
	font-size: 14px;
	margin-right: 6px;
}
.listpage a:hover {
	background: #F6AF45;
	color: #fff;
	transition: all 0.2s ease 0s;
}

.listpage span {
	display: inline-block;
	padding:6px 15px;
	background: #F6AF45;
	color: #fff;
	vertical-align: middle;
	font-size: 14px;
	margin-right: 6px;
}

/*分页*/
.fenye{
	font-size: 14px;
}
.fenye .left,
.fenye .right{
	width:49.5%;
	line-height:50px;
	background: #fff;
	transition:all 0.5s;
}
.fenye .left p,
.fenye .right p{
	width:15%;
	text-align:center;
	float:left;
}
.fenye .left a,
.fenye .right a{
	width:85%;
	text-align:left;
	color:#000;
	display:block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.fenye .left:hover a,
.fenye .left:hover p,
.fenye .right:hover a,
.fenye .right:hover p{
	color:#fff;
}
.fenye .left:hover ,
.fenye .right:hover {
	background:#F6AF45;
}


.page_nav {
	padding:30px 0;
	background:#fff;
}
.page_nav a{
	display:inline-block;
	color:#666;
	font-size:14px;
	padding:8px 20px;
	margin-right:10px;
	border-radius:6px;
}
.page_nav a.on,.page_nav a:hover{
	background-color:#229643;
	color:#fff;
}


#map{
	width:100%;
	height:100%;
}
#map .BMap_noprint{
	background-size:100% auto;
}

/*内页 关于我们*/
.pg_about .item{
	width:48.5%;
	border-radius:40px;
	padding:3%;
	position:relative;
	margin-top:3%;
	min-height:460px;
}
.pg_about .item .lg{
	text-align:center;
}
.pg_about .item .lg img{
	display:block;
	margin:auto;
}
.pg_about .item .lg h3{
	font-size:22px;
	letter-spacing:2px;
	margin:10px 0 5px;
}
.pg_about .item .lg p{
	font-size:18px;
}
.pg_about .item .slogan{
	position:absolute;
	bottom:4%;
	width:100%;
	text-align:center;
	opacity:.7;
	font-size:16px;
}
.pg_about .item .bt h3{
	font-size:40px;
	font-weight:bold;
}
.pg_about .item .bt p{
    font-size: 18px;
    margin-top: 5px;
    font-weight: bold;
}
.pg_about .item .cont{
	font-size: 18px;
	color:#7e7e7e;
	line-height:1.8;
}
.pg_about .item .cont span{
	display:block;
}
.pg_about .item .ys {
	text-align:center;
}
.pg_about .item .ys .stt span{
	display:block;
	font-size:16px;
	color:#7e7e7e;
	line-height:1.8;
}
.pg_about .item .ys .tt{
	font-size:24px;
	font-weight:bold;
	margin-bottom:6px;
}
.pg_about .item .ys .tt:not(:first-child){
	margin-top:35px;
}
.pg_about .item .lxfs li{
	font-size:18px;
}
.pg_about .item .lxfs li img{
	height:26px;
	margin-right:15px;
}
.pg_about .item .lxfs li:not(:first-child){
	margin-top:25px;
}

.pg_client{
	width:92%;
	margin:3% auto;
	padding:2%;
	background:#efefef;
	border-radius:40px;
}
.pg_client .bt{
	font-size:40px;
	font-weight:bold;
	opacity:.8;
	margin-bottom:20px;
	text-transform:uppercase;
}
.pg_client ul li{
	width:calc(95% / 6);
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:1%;
	border:1px solid #45CDD9;
	border-radius:20px;
	height:60px;
}

.pg_team{
	margin-bottom:4%;
}
.pg_team .item{
	background:#efefef;
	border-radius:40px;
	position:relative;
	width:32%;
	margin-bottom:2%;
}
.pg_team .item .item_over{
	overflow:hidden;
	border-radius:40px;
	position:relative;
}
.pg_team .item .default .img{
	width:100%;
	display:block;
	transition:all 0.3s;
}
.pg_team .item .default .bg{
	position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    transition: all 0.5s;
    margin: -20px;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    opacity: 0;
}
.pg_team .item .hover{
	position:absolute;
	top:81%;
	left:0;
	width:100%;
	height:100%;
	transition:all 0.4s;
	padding:6% 8% 4% 8%;
}
.pg_team .item .hover .name{
	font-size:36px;
	font-weight:bold;
	margin-bottom:10px;
}
.pg_team .item .hover .position{
	font-size:20px;
	margin-bottom:40px;
	text-transform:uppercase;
}
.pg_team .item .hover .description{
	color:#fff;
	line-height:1.8;
}
.pg_team .item .hover .description p{
	font-size:18px;
}
.pg_team .item .hover .description h4{
	font-size:20px;
	margin:20px 0 10px;
}
.pg_team .item:hover .hover{
	top:0;
	/* background:hsla(0,0%,100%,.3); */
	z-index:1;
}

.pg_team .item:hover .bg{
	opacity:1;
}
.pg_team .item .by{
	position:absolute;
	color:#fff;
	bottom:3%;
	left:0;
	width:100%;
	padding-right:8%;
	font-size:18px;
	text-align:right;
}
.pg_team .item .join{
	width:100%;
	text-align:center;
}
.pg_team .item .join .icon{
	width:200px;
	height:200px;
	border-radius:50%;
	margin:0 auto 50px;
	background:rgba(69,205,217,.1);
}
.pg_team .item .join .icon img{
	height:100px;
}
.pg_team .item .join .joinbtn{
	display:block;
	width:80%;
	color:#45CDD9;
	border:2px solid #8FE6ED;
	border-radius:20px;
	background:#fff;
	text-align:center;
	height:60px;
	line-height:60px;
	transition:all 0.5s;
	margin:auto;
	font-size:18px;
}
.pg_team .item .join .joinbtn:hover{
	border-color:#45CDD9;
	background:#45CDD9;
	color:#fff;
	
}
/*内页*/
.cooperation_item{
	margin:40px 0;
	background:#fff;
}
.cooperation_item .img{
	width:60%;
	float:left;
	overflow:hidden;
	border-radius:0 40px 40px 0;
}
.cooperation_item .txt{
	width:40%;
	padding:4% 4% 0 4%;
	float:right;
}
.cooperation_item .txt h3{
	font-size:36px;
	font-weight:bold;
}
.cooperation_item .txt .ent{
	font-size:16px;
	margin:6px 0 12px;
	text-transform:uppercase;
}
.cooperation_item .txt .cont{
	font-size:16px;
	color:#707070;
	line-height:1.8;
}

.cooperation_item .img img{
	display:block;
	width:100%;
}
.pg_cooperation .cooperation_item:nth-child(2n) .img{
	float:right;
	border-radius:40px 0 0 40px;
}
.pg_cooperation .cooperation_item:nth-child(2n) .txt{
	float:left;
}

/*首页 瀑布流*/
.waterfall {
	padding: 30px;
	-moz-column-count:3; /* Firefox */
	-webkit-column-count:3; /* Safari 和 Chrome */
	column-count: 3;
	column-gap: 20px;
}
.waterfall .item {
	border-radius:40px;
	margin-bottom: 20px;	
	position:relative;	
	overflow:hidden;	
	padding:7px;
}
.waterfall.index{
	flex-direction:row;
}

.waterfall .item::before,
.waterfall .item::after{	
	position:absolute;	
	content:'';	
	width:calc(100% - 14px);	
	height:calc(100% - 14px);	
	z-index:-1;	
	border-radius:40px;	
	filter: blur(3px);    
	-webkit-filter: blur(3px);    
	-moz-filter: blur(3px);    
	-ms-filter: blur(3px);    
	-o-filter: blur(3px);
}
.waterfall .item::before{	
	left:3px;	
	top:3px;	
	background: #fff;
}
.waterfall .item::after{	
	right:3px;	
	bottom:3px;	
	background:rgba(0,0,0,.5);
}
.waterfall .item .item_over{	
	overflow:hidden;	
	width:100%;	
	height:100%;	
	position:relative;	
	border-radius:40px;
}

.waterfall .item .item_can{
	width:100%;
}
.waterfall .item .img{
	width: 100%;
	height:100%;
	border-radius:40px;
	overflow:hidden;
}
.waterfall .item .img_bl{
	position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    transition: all 0.5s;
    margin: -20px;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    opacity: 0;
}
.waterfall .item img{
	width: 100%;
	height:100%;
	display:block;
	transition:all 0.5s;
}



.waterfall .item .waterfall_info{
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	left:0;
	top:0;
	border-radius:40px;
	overflow:hidden;
}
.waterfall .item .waterfall_info .waterfall_info_can{
	width:100%;
	height:100%;
	color:#fff;
}
.waterfall .item .waterfall_info .waterfall_info_can .txt{
	width:90%;
	text-align:center;
	opacity:0;
	text-shadow: 2px 2px 6px rgb(0 0 0 / 90%);
}
.waterfall .item .waterfall_info .waterfall_info_can h3{
	font-weight:bold;
	font-size:30px;
	text-transform:uppercase;
}
.waterfall .item .waterfall_info .waterfall_info_can p{
	font-size:18px;
}
.waterfall .item:hover .waterfall_info{
	display:block;
}
/* .waterfall .item:hover img{ */
	/* filter: blur(10px); */
    /* -webkit-filter: blur(10px); */
    /* -moz-filter: blur(10px); */
    /* -ms-filter: blur(10px); */
    /* -o-filter: blur(10px); */
/* } */
.waterfall .item:hover .img_bl{
	opacity:1;
}

@-webkit-keyframes fadenum{ /*设置内容由显示变为隐藏*/
	0%{opacity: 0;}
	100%{opacity: 1;}
}

@-moz-keyframes fadenum{ /*设置内容由显示变为隐藏*/
	0%{opacity: 0;}
	100%{opacity: 1;}
}

@-o-keyframes fadenum{ /*设置内容由显示变为隐藏*/
	0%{opacity: 0;}
	100%{opacity: 1;}
}

@keyframes fadenum{ /*设置内容由显示变为隐藏*/
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.waterfall .item:hover .waterfall_info_can .txt{
	-webkit-animation: fadenum 2s ease 0s 1 alternate forwards;
	-moz-animation: fadenum 2s ease 0s 1 alternate forwards;
	animation:fadenum 2s ease 0s 1 alternate forwards;
}

.seemore{
	display:block;
	border-radius:20px;
	width:80%;
	max-width:450px;
	height:60px;
	line-height:60px;
	color:#858585;
	font-size:20px;
	text-align:center;
	text-transform:uppercase;
	margin:30px auto;
	background:#fff;
	transition:all 0.5s;
}
.seemore:hover{
	color:#fff;
	background:#45CDD9;
}

/*作品案例*/
.work_list{
	padding:15px;
}
.work_list .item{
	width:calc(98% / 3);
	margin:0 1% 1% 0;
	border-radius:40px;
	position:relative;
	height:350px;
}
.work_list .item .item_over {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 40px;
}
.work_list .item:nth-child(3n){
	margin-right:0;
}
.work_list .item .img {
    width: 100%;
    height: 100%;
    border-radius: 40px;
    overflow: hidden;
}
.work_list .item .img_bl{
	position:absolute;
	top:0;
	left:0;
	width:calc(100% + 40px);
	height:calc(100% + 40px);
	transition:all 0.5s;
	margin:-20px;
	filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
	opacity:0;
}
.work_list .item img{
	width: auto;
	height:100%;
	display:block;
}

.work_list .item .work_list_info{
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	left:0;
	top:0;
	border-radius:40px;
	overflow:hidden;
	
}
.work_list .item .work_list_info .work_list_info_can{
	width:100%;
	height:100%;
	color:#fff;
}
.work_list .item .work_list_info .work_list_info_can .txt{
	width:90%;
	text-align:center;
	opacity:0;
	text-shadow: 2px 2px 6px rgb(0 0 0 / 90%);
}
.work_list .item .work_list_info .work_list_info_can h3{
	font-weight:bold;
	font-size:28px;
	text-transform:uppercase;
}
.work_list .item .work_list_info .work_list_info_can p{
	font-size:16px;
}
.work_list .item:hover .work_list_info{
	display:block;
}
.work_list .item:hover .img_bl{
	/* filter: blur(10px); */
    /* -webkit-filter: blur(10px); */
    /* -moz-filter: blur(10px); */
    /* -ms-filter: blur(10px); */
    /* -o-filter: blur(10px); */
	opacity:1;
}

.work_list .item:hover .work_list_info{
	display:block;
}

.work_list .item:hover .work_list_info_can .txt{
	-webkit-animation: fadenum 2s ease 0s 1 alternate forwards;
	-moz-animation: fadenum 2s ease 0s 1 alternate forwards;
	animation:fadenum 2s ease 0s 1 alternate forwards;
}
.work_list .swiper-container{
	padding-top:10px;
}
.work_list .swiper-wrapper{
	-webkit-transition-timing-function: linear; /*之前是ease-out*/
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}


.service .service_list{
	position:absolute;
	top:60px;
	left:9%;
	width:82%;
	margin:0 auto 0;
}
.service .service_list .item{
	width:calc(94% / 3);
	position:relative;
	border-radius:0 0 40px 40px;
	padding:30px 35px 30px;
	z-index:1;
	background:rgba(255,255,255,.4);
}
/* .service .service_list .item::before{ */
	/* position:absolute; */
	/* content:''; */
	/* top:0; */
	/* left:0; */
	/* border-radius:0 0 50px 50px; */
	/* filter: blur(10px); */
    /* -webkit-filter: blur(10px); */
    /* -moz-filter: blur(10px); */
    /* -ms-filter: blur(10px); */
    /* -o-filter: blur(10px); */
	/* z-index:-1; */
/* } */
.service .service_list .item:not(:last-child){
	margin-right:3%;
}
.service .service_list .item .img{
	border-radius:20px;
	overflow:hidden;
}
.service .service_list .item .img img{
	display:block;
	width:100%;
}
.service .service_list .item .bt{
	color:#fff;
	text-align:center;
	font-size:26px;
	font-weight:bold;
	margin:20px 0 20px;
}
.service .service_list .item .des{
	font-size:16px;
	color:#fff;
	line-height:1.7;
}

/*联系我们*/
.pg_contact{
	min-height:100vh;
	padding-top:120px;
	padding-bottom:60px;
}
.pg_contact img{
	display:block;
	width:100%;
}
.pg_contact .pg_contact_can{
	position:relative;
	width:95%;
	padding:60px 42px 50px 54px;
	margin:auto;
	border-radius: 40px;
	overflow:hidden;
    background: rgba(255, 255, 255, .5);
}
.pg_contact .pg_contact_can::before{
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    filter: blur(10px);
    z-index: -1;
    margin: -20px;
}
.pg_contact .pg_contact_can .ditu{
	border-radius:40px;
	overflow:hidden;
	background:#fff;
	width:48%;
}
.pg_contact .pg_contact_can .form{
	width:45%;
}
.pg_contact .pg_contact_can .form .bt{
	font-size:40px;
	margin-bottom:40px;
}
.pg_contact .pg_contact_can .form input{
	border: 1px solid #333;
    border-radius: 2em;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    font-size: 18px;
	margin-bottom:30px;
	display:block;
	background:none;
	color:#000;
}
.pg_contact .pg_contact_can .form textarea{
	outline: none;
    resize: none;
    border-radius: 20px;
    border: 1px solid #333;
    padding: 10px 20px;
    height: 120px;
    display: block;
    margin: 0 0 30px;
    width: 100%;
	color:#000;
	font-size: 18px;
	background:none;
}
.pg_contact .pg_contact_can .form button{
	display: block;
    width: 100%;
    height: 60px;
    border-radius: 2em;
    font-size: 16px;
    color: #fff;
    background:rgba(0,0,0,.2);
    border: none;
    transition: all 0.5s;
	margin-top:20px;
}
.pg_contact .pg_contact_can .form button:hover{
	background:#45CDD9;
	color:#fff;
}
.pg_contact .pg_contact_can .form button span{
	color:#45CDD9;
	display:block;
	font-size:14px;
	transition: all 0.5s;
}
.pg_contact .pg_contact_can .form button:hover span{
	color:#fff;
}


.pg_contact_can .form .text,
.pg_contact_can .form .input{
	position:relative;
}
.pg_contact_can .form .input input + .placeholder ,
.pg_contact_can .form .text textarea + .placeholder {
	display: none;
    -webkit-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;
}
.pg_contact_can .form .input input:placeholder-shown + .placeholder ,
.pg_contact_can .form .text textarea:placeholder-shown + .placeholder {
	display: inline-block;
    z-index: 0;
	position: absolute;
    left: 65px;
	content: "";
    display: block;
    width: auto;
    height: auto;
    color: #45CDD9;
	font-size:13px;
	top: calc(50%);
    transform: translateY(-50%);
}
.pg_contact_can .form .input input:placeholder-shown + .placeholder,
.pg_contact_can .form .text textarea:placeholder-shown + .placeholder{
	top:calc(54%);
}

.pg_contact_can .form .text textarea:placeholder-shown + .placeholder {
	top:25px;
	left:121px;
}
.pg_contact_can .form .input:nth-child(2) input:placeholder-shown + .placeholder {
	left:157px;
}
.pg_contact_can .form .input:nth-child(4) input:placeholder-shown + .placeholder,
.pg_contact_can .form .input:nth-child(5) input:placeholder-shown + .placeholder{
	left:87px;
}
.pg_contact_can .form .input:nth-child(6) input:placeholder-shown + .placeholder {
	left:110px;
}

.pg_contact .pg_contact_can .form input::-webkit-input-placeholder,
.pg_contact .pg_contact_can .form textarea::-webkit-input-placeholder{
	color:#333;
}





/*案例详情*/
.border-radius40{
	border-radius:40px;
}
.work_show_text,
.yxtimg,
.bigimg,
.smallimg{
	width: 95%;
    margin: 40px auto;
}
.work_show_text{
	background:#fff;
    padding: 2%;
    border-radius: 40px;
}
.work_show_text .bt{
	font-size:36px;
	font-weight:bold;
	margin-bottom:30px;
}
.work_show_text .cont{
	line-height:1.8;
	color:#666;
}
.smallimg .item{
	width:49.5%;
	margin:0 1% 1% 0;
	padding-bottom:26%;
	position:relative;
}
.smallimg .item .img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.smallimg .item img{
	display:block;
	width:100%;
}
.smallimg .item:nth-child(2n){
	margin-right:0;
}

.yxtimg{
	display: grid;
	grid-template-columns: repeat(3, 33.33%) ;
}
.yxtimg .item{
	position:relative;
	padding-bottom:56%;
}
.yxtimg .item .img{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.yxtimg .item:nth-child(3n-2){
	grid-column: 1 / span 2;
	grid-row: 1 / span 2;
}
.yxtimg .item:nth-child(2n){
	margin-bottom:3%;
}
.yxtimg .item:not(:nth-child(3n-2)){
	margin-left:3%;
}