html{overflow-x:hidden; }
.fnt_68{font-size: 68px;}
.fnt_101{font-size: 101px;}
.fnt_158{font-size: 158px;}
.site_cont h1 span{text-transform: uppercase;}
.nosizing *{box-sizing: border-box;}
/*.wrap{max-width: 1280px; margin:0 auto; width: 96%;}*/

/*设计团队*/
.team_banner{position: relative;}
.team_banner .wrap{display:none; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; bottom:20px;}
.team_banner h2{ text-transform: uppercase; text-align: right; color: #fff;}

.team-area{ padding-bottom: 50px;}
.team-area li{ background: url(../images/team_bg01.jpg) no-repeat; margin-bottom: 50px; background-size: cover;    padding-top: 3%;}
.team-area li:nth-child(even){background: #F2F2F2;}
.team-area li .wrap,.teamdets-area01 .wrap{ position: relative;}
.team-area .txt{ float: left; width: 39.3%; padding:10% 0 0 7.8%; color: #fff;}
.team-area .txt h2,.teamdets-area01 .txt h2{position: relative; margin-bottom:45px;font-family: arial;}
.team-area .txt h2::before,.teamdets-area01 .txt h2::before{content: ""; position: absolute; left:0; bottom:-15px; width: 90px; height: 1px; background: #fff;}
.team-area .txt h3,.teamdets-area01 .txt h3{font-weight: normal; margin-bottom: 10px;}
.team-area .txt h3 a,.teamdets-area01 .txt h3 a{color: #fff;}
.team-area .txt .c,.teamdets-area01 .txt .c{line-height:2; margin-bottom: 30px;}
.team-area .txt .c+a,.teamdets-area01 .txt .c+a{display: block; width: 130px; height: 36px; line-height: 36px; text-align: center; color: #fff!important; background: #6C183F;}
.team-area .txt .team_m{display: block; width: 130px; height: 36px; line-height: 36px; text-align: center; color: #fff!important; background: #6C183F;}
.team-area .img{ float: left; position: absolute; right: -10%; bottom:0; overflow: hidden;}
.team-area .img img{ width: 100%; height: auto!important; }
.team-area .timg_list{position: absolute; left:0; bottom:-116px; max-width: 615px; width: 48%;}
.team-area .timg_list dd{position: relative; float: left; width: 33.33%;transition:0.3s all; -webkit-transition:0.3s all; position: relative;}
.team-area .timg_list dd img{width: 100%;}
.team-area .timg_list dd i{position: absolute;top:0;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,0.6);}
.team-area .timg_list dd:last-child{position: absolute; right:0; bottom:0;background: #3E3C45; height: 50%; color: #fff;}
.team-area .timg_list dd:last-child a{ display: block; color: #fff!important; padding:7px 20px; text-align: right;}
.team-area .timg_list dd span{ display: block; text-transform: uppercase; font-weight: bold; font-family: arial;}
.team-area .timg_list dd em{ position: relative; line-height: 1.2;}
.team-area .timg_list dd em::before{content: ""; position: absolute; bottom:-26px; right:0; width: 57px; height: 5px; background: url(../images/arrow_01.png) no-repeat;}
.team-area li:nth-child(even) .txt{color: #000000;}
.team-area li:nth-child(even) .txt h2::before{background: #000;}
.team-area li:nth-child(even) .txt h3 a{color: #000;}

.teamdets-area01{ padding-top: 3%; background: url(../images/team_bg01.jpg) no-repeat; background-size: cover;}
.teamdets-area01 .img{ float: left; width:60.7%; height:100%; position: absolute; left: 0; bottom:0; overflow: hidden;}
.teamdets-area01 .img img{position: absolute; bottom:0; max-width: 100%;max-height: 100%;}
.teamdets-area01 .txt{ float: right; width: 39.3%; padding:2% 0; color: #fff;}
.teamdets-area01 .txt h4{margin-top: 10px;}
.teamdets-area01 .txt .c{max-height:26em; overflow: hidden; }

.teamdets-area02,.teamdets-area03{padding:80px 0;}
.pub_title .copy_p{margin-bottom: 30px;}
.pub_title .copy_p i{display: inline-block;width: 90px; height: 1px; background: #000;vertical-align: middle;margin-right: 10px;}
.pub_title h1{font-weight: bold;margin-bottom: 20px;word-wrap: break-word;line-height: 1em; text-transform: uppercase;}
.pub_title h2{margin-bottom: 5px;}
.pub_btn{margin-top: 20px;}
.pub_btn a{ float: left; max-width: 130px; width: 48%; height: 36px; text-align: center; line-height: 36px; color: #fff!important; background: #6C183F;}
.pub_btn a+a{ float: right;}
a.pub_more{display: block; margin:0 auto; width: 130px; height: 36px; line-height: 36px; text-align: center; color: #000000; border:1px solid #B8B8B8;}

.t-area02-show{margin:30px 0 20px; position: relative;}
.t-area02-show_con dl{ float: left; width: 50%;}

.t-area02-show_con .swiper-button-prev,.t-area02-show_con .swiper-button-next{ cursor: pointer; left:-65px; opacity: 1; width: 34px; height: 34px; margin-top: -17px;background: url(../images/index_arrow.png) no-repeat center center;background-size:100%;}
.t-area02-show_con .swiper-button-next{left:auto;right:-65px;}
.t-area02-show_con .swiper-button-prev.swiper-button-disabled{background: url(../images/index_arrow_dis01.png) no-repeat center center;background-size:100%;opacity: 1;}
.t-area02-show_con .swiper-button-next.swiper-button-disabled{background: url(../images/index_arrow_dis02.png) no-repeat center center;background-size:100%;opacity: 1;}

.t-area02-show_con{margin:0 -10px;}
.t-area02-show_con dl dt{margin:10px; position: relative;}
.t-area02-show_con dl img{width: 100%;}
.t-area02-show_con dl .txt{transition:0.3s all; -webkit-transition:0.3s all;transform: translateY(100%); -webkit-transform: translateY(100%); position: absolute; width: 100%; height: 100%; left:0; top:0;background: rgba(0,0,0,0.79);}
.t-area02-show_con dl .txt a{display: block; width: 100%; height: 100%;}

.t-area02-show_con dl .txt .inner{position: absolute; left:0; bottom:0; width: 100%; color: #fff; padding:5% 7%; }
.t-area02-show_con dl h2{margin-bottom: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.t-area02-show_con dl h2 a{color: #fff;}
.t-area02-show_con dl h2 a:hover{color: #fff !important;}
.t-area02-show_con dl h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.t-area02-show_con dl p span{ margin-right: 20px;}
.t-area02-show_con .text_p{line-height: 1.5em;max-height: 3em;overflow: hidden;}


.teamdets-area03{background: #F2F2F2;}
.t-area03-show{margin:30px 0 60px; position: relative;}
.t-area03-show li{ float: left; width: 48%;margin-bottom: 4.5%; position: relative;}
.t-area03-show li:nth-child(even){ float: right; }
.t-area03-show li .img{ float: left; width: 60%;}
.t-area03-show li .txt{ position: absolute; top:30%; right:0; max-width: 275px; width: 45%;}
.t-area03-show li .txt .pub_title{ padding:18px; background: #F2F2F2;}
.t-area03-show li .txt .pub_title h1,.t-area03-show li .txt .pub_title h2{margin-bottom: 0; line-height: 1.2;}
.t-area03-show li .txt .pub_title .copy_p{margin-bottom: 20px;}


@media only screen and (min-width:1025px) {
.team-area .timg_list dd:hover{transform:scale(1.15); -webkit-transform:scale(1.15); z-index: 10;box-shadow: 3px 3px 20px 1px #333;}
.t-area02-show_con dl:hover .txt{transform: translateY(0); -webkit-transform: translateY(0);}
.pub_btn a:hover{opacity:0.9;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9;}
.team-area .timg_list dd:hover i{display: none;}


}

@media only screen and (max-width:1440px) {
.fnt_158{font-size: 118px;}
.fnt_101{font-size: 70px;}
.fnt_68{font-size: 48px;}
.team-area .img{right:0;}
.t-area02-show .swiper-button-prev{left:10px;}
.t-area02-show .swiper-button-next{right:10px;}
}

@media only screen and (max-width:1365px) {
.fnt_158{font-size: 100px;}
.fnt_101{font-size: 60px;}
.fnt_68{font-size: 38px;}
.team-area .timg_list{bottom:-108px;}
}

@media only screen and (max-width:1279px) {
.fnt_158{font-size: 80px;}
.fnt_101{font-size: 50px;}
.fnt_68{font-size: 28px;}
.fnt_18{font-size: 14px;}
.fnt_16{font-size: 12px;}
.team-area li{margin-bottom: 140px;}
.team-area .txt{padding: 10% 0 0 0}
.team-area .timg_list{bottom:-87px;}
.team-area .timg_list dd em{ line-height: 1; }
.team-area .timg_list dd em::before{bottom:-10px;}
.teamdets-area02, .teamdets-area03{padding:40px 0;}
.pub_title .copy_p i{width: 40px;}
.t-area03-show{margin:30px 0;}
.teamdets-area01 .txt .c{max-height: 19em;}
}
@media only screen and (max-width:1024px) {
	.team-area .timg_list dd i{display: none;}
}
@media only screen and (max-width:1023px) {
.fnt_158{font-size: 60px;}
.fnt_101{font-size: 40px;}
.fnt_68{font-size: 24px;}
.team-area{padding-bottom:20px;}
.team-area li{margin-bottom: 100px;}
.team-area .txt{padding:5% 0 0 0; width: 55%;}
.team-area .txt .c{max-height: 6em; overflow: hidden; margin-bottom: 10px;}
.team-area .timg_list{bottom:-65px;}
.team-area .txt h2, .teamdets-area01 .txt h2{margin-bottom: 30px;}
.team-area .timg_list dd em br{display: none;}
.teamdets-area01 .txt .c{max-height: 15em;}
.t-area03-show li .txt{top:20%;}

}

@media only screen and (max-width:767px) {
.fnt_158{font-size: 40px;}
.fnt_101{font-size:30px;}
.fnt_68{font-size: 20px;}

.group_banner .ban_top h2{font-size: 22px;}
.group_banner .ban_top h3{font-size: 20px;}

.team-area{padding-bottom:0px;}
.team-area li{margin-bottom: 30px;}
.team-area .txt{width: 100%; position: relative; z-index: 10;}
.team-area .txt .c p{ display: none;}
.team-area li .wrap .fixed{ height: auto!important; }
.team-area .timg_list{ float: left; position: static; left:auto; bottom:auto;width: 100%; max-width: 100%;height: auto!important;}
.team-area .timg_list dd:last-child{height: 0; padding-bottom: 19.1%;}
.team-area .txt .c+a, .teamdets-area01 .txt .c+a{width: 100px;}
.team-area .txt h3, .teamdets-area01 .txt h3{font-size: 15px;}
/*.teamdets-area01 .txt{width: 46%;}*/
.teamdets-area01 .txt .c{max-height: 5.4em; line-height: 1.4;margin-bottom: 20px;}
.teamdets-area02, .teamdets-area03{padding:40px 0 20px;}
.t-area03-show{margin:30px 0 10px;}
.t-area03-show li{width: 100%; margin-bottom: 6.5%;}
.t-area02-show_con dl{width: 100%;}
.t-area02-show_con dl .txt{transform: translateY(0); -webkit-transform: translateY(0); background: rgba(0,0,0,0.4);}
.t-area02-show_con dl .txt .inner{padding:5% 15%;}


.teamdets-area01 .img{position: static;width: 100%;float: none;}
.teamdets-area01 .img img{position: static;}
.teamdets-area01 .txt{width: 100%; float: none;  padding: 10px 0;}
.teamdets-area01 .txt .c{max-height:8.5em;line-height: 1.7em;}


.team_banner{background: none !important;height: auto;}
.team_banner>img{display: block;}
}

@media only screen and (max-width:340px) {
.team-area .timg_list dd span{line-height: 1;}
.t-area03-show li .txt{top:12%;}

}


/*设计天团-1*/
.group_banner{position: relative;}
.group_banner img{display: block !important;}
.group_banner .ban_top{ width: 100%; text-align: center; position: absolute; left:0; top:0px; color: #fff; padding:60px 0;}
.group_banner .ban_top h2{text-transform: uppercase; line-height:1.1; font-family: "arial";}
.group_banner .ban_top h3{line-height: 2;}
.group_banner .ban_top p{color: #B69767;letter-spacing:15px; }
.group_banner .ban_bot{ max-width: 1280px; width: 96%;border-right: 1px solid #7D8285; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; bottom:0px;}
.group_banner .ban_bot li{transition:0.3s all; -webkit-transition:0.3s all;border-top: 2px solid transparent;float: left; padding:0 2.5%; width: 25%; height: 120px; border-left: 1px solid #7D8285; text-align: center;}
.group_banner .ban_bot li a{ color: #fff!important;}
.group_banner .ban_bot li h2{opacity: 0; padding: 15px 0; text-transform: uppercase;font-weight: bold;}
.group_banner .ban_bot li span{display: block;}
.group_banner .ban_bot li span em{ display: block; width: 54px; height: 1px; background: #fff; margin:10px auto; }
.group_banner .ban_bot li.on{border-top: 2px solid #BC9B69; background: #6C183F; text-align: left;}
.group_banner .ban_bot li.on h2{opacity: 1;}
.group_banner .ban_bot li.on span{font-weight: bold;}
.group_banner .ban_bot li.on span em{ width: 58px; height: 5px; margin:10px 0 0; background: url(../images/group_dot01.png) no-repeat;}

.group_tit{ text-align: center; color: #fff; }
.group_tit .line{ width: 1px; height: 180px; background: #878A8E; margin:0 auto; }
.group_tit h2{    font-weight: bold; text-transform: uppercase; margin-bottom: 10px; font-family: "arial";}
.group_tit h3{line-height: 1.4; margin-bottom: 10px;}
.group_tit p{color: #B69767; letter-spacing: 15px;padding-bottom: 10px;}

.group_areabox{ width: 100%; background: url(../images/group_bg01.jpg) left top no-repeat #fff;background-size: 100%;}
.group_area01{ padding-bottom: 160px;}
.group_area01 ul{ text-align: center; margin-top:50px; }
.group_area01 li{ float: left; width: 25%; text-align: left; color: #fff;}
.group_area01 li span{ display: block; margin-bottom: 20px;}
.group_area01 li span img{max-width: 100%;}
.group_area01 li h2{ margin-bottom: 30px; }
.group_area01 li h2 em{ display: block; margin-top: 12px; width: 50px; height: 1px; background: #fff; }
.group_area01 li .c{width: 70%; line-height: 2;}
.group_area01 dl{ text-align: center; margin:100px 0 70px;}
.group_area01 dl dd{ display: inline-block; margin:0 35px;}
.group_area01 dl dd img{max-width: 100%;}
.group_area01 a.btn,.group_area2_02 a.btn{ width:220px; height:56px; line-height: 56px; display: block; margin:0 auto; color: #fff!important; text-align: center; background: #6C183F;}

.group_area02 ul{padding:50px 0 72px;}
.group_area02 li{ float: left; width: 25%; min-height: 240px; text-align: center; color: #fff; border-right: 1px solid #373F49;}
.group_area02 li:last-child{border-right: none;}
.group_area02 .linebot{ display: block; width: 140px; height: 3px; background: #fff; margin:0 auto; }

.group_area03{padding: 130px 0 0;}
.group_area03 ul{margin:50px -1%;}
.group_area03 li{width: 31.33%; margin:1%; position: relative;}
.group_area03 li img{ width: 100%;}
.group_area03 li .bg_layer{ width: 100%; height: 100%; position: absolute; left:0; bottom:0; background: url(../images/group_bg02.png) left bottom repeat-x; }
.group_area03 li .bg_layer span{position: absolute; left:0; bottom:40px; color: #fff; width: 100%; padding:0 5%; text-align: center; }

.group_area04{padding:0 0 40px;}
.group_area04 .group_tit h2{margin-top: 20px;}
.group_area04 .group_tit h2 img{ width: 100%;}
.group_area04 .group_tit h3{color: #000; margin:30px 0 15px;}
.group_area04 .group_tit p{margin-bottom: 20px;}


@media only screen and (min-width:1025px) {
.group_banner .ban_bot li:hover{border-top: 2px solid #BC9B69; background: #6C183F; text-align: left;}
.group_banner .ban_bot li:hover h2{opacity: 1;}	
.group_banner .ban_bot li:hover span{font-weight: bold;}
.group_banner .ban_bot li:hover span em{width: 58px; height: 5px; margin:10px 0 0; background: url(../images/group_dot01.png) no-repeat;}
}
@media only screen and (max-width:1600px) {
.group_areabox{ background-size:cover;}
.group_area04 .group_tit h3{color: #fff;}
}
@media only screen and (max-width:1365px) {
.group_area03 ul{margin:0;}
.group_area03 li{width: 31.2%;}
}
@media only screen and (max-width:1023px) {
.group_tit .line{height: 100px;}
.group_area01{padding-bottom: 80px;clear: both;}
.group_area01 dl{margin:50px 0;}
.group_area01 dl dd{ margin:0 10px;}
.group_area02 li{min-height: 70px;}
.group_area03{padding-top: 60px;}
}
@media only screen and (max-width:767px) {
.group_banner .ban_top{padding:10% 0;}
.group_banner .ban_top h3{line-height: 1;}
.group_banner .ban_top p,.group_tit p{letter-spacing: 5px;}
.group_banner .ban_bot{position: static; background: #16202F; width: 100%; transform:none!important;}
.group_banner .ban_bot li{width: 50%;}
.group_banner .ban_bot li:first-child,.group_banner .ban_bot li:first-child+li+li{border-left: none;}
.group_tit .line{height:60px;}
.group_tit h3{font-size: 18px;}
.group_area01 li{width: 100%; margin-bottom: 30px; text-align: center;}
.group_area01 li h2 em{margin:10px auto 0;}
.group_area01 li .c{width: 100%;}
.group_area01 dl dd{width: 100%; float: left; text-align: center;}
.group_area02 ul{padding:40px 0;}
.group_area02 li{width: 100%; height: auto; min-height: auto; padding:10px 0; border-bottom: 1px solid #777; border-right:none;}
.group_area03 li{width: 47.8%;}
.group_area03 li .bg_layer span{bottom:10px;}
.group_area04 .group_tit{padding:10px 3% 0;}
}

/*设计天团-2*/
.group_areabox2{clear: both; width: 100%; background: url(../images/group_bg03.jpg) left top no-repeat #16202F;background-size: 100%;}

.group_area2_01 .group_con{padding: 0 0 130px;}
.group_con .slider-for{ float: left; width: calc(100% - 180px); }
.group_con .slider-nav{ float: right; width: 130px; margin:240px 0px 0;}

.slider-nav .slick-prev,.slider-nav .slick-next{margin:0;left:auto; top:auto; right: auto; position: static; width: 34px; height: 34px; margin:0 auto;}
.slider-nav .slick-prev{ background: url(../images/index_arrow.png) no-repeat; }
.slider-nav .slick-next{background: url(../images/index_arrow.png) no-repeat; margin-top: 30px;}
.slider-nav .slick-prev:before,.slider-nav .slick-next:before{content: "";}
.slider-nav .slick-prev.slick-disabled{background: url(../images/index_arrow_dis011.png) center no-repeat;}
.slider-nav .slick-next.slick-disabled{background: url(../images/index_arrow_dis022.png) center no-repeat;/*transform:rotate(90deg);*/}
.slider-nav.slick-vertical .slick-slide{border:none;float: left; width: 100%;}
.slider-nav .item{ float: left; width: 100%;position: relative;transition:0.5s all; -webkit-transition:0.5s all;cursor: pointer;}
.slider-nav .item span{position: absolute; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.slider-nav .item img{ width: 100%;}

.slider-nav .slick-list{width: 125px; padding:0px 10px;}
.slider-nav .slick-list .slick-current{}
.slider-nav .slick-list .slick-current .item span{opacity: 0;}
.slider-nav .slick-list .slick-current .item img{/*border:2px solid #fff;*/}

.slider-for .slick-list{padding: 200px 0;}
.slider-for .itembox{ position: relative; }
.slider-for .img{position: absolute; right:0; bottom:-100px; width: 60%; z-index: 2;}
.slider-for .img img{ width: 100%;}
.slider-for .txt{ width: 52%; border:8px solid #BC9B69; padding:5% 5% 12%; color: #fff;}
.slider-for .txt h2{color: #fff;}
.slider-for .txt h2 em{ display: block; width: 94px; height:1px; margin:15px 0 30px; background: #BC9B69; }
.slider-for .txt h3{font-weight: bold; margin-bottom: 30px;}
.slider-for .txt .c{ line-height: 1.8; max-height: 18em; margin-bottom:2em;}
.slider-for .txt .c p{margin-bottom: 20px;}
.slider-for .txt .c+a{display: block; width: 130px; height: 36px; line-height: 36px; text-align: center; color: #fff!important; background: #6C183F;}
.slider-for .case_box{position: absolute; left:0; bottom:-30%; width:52%; border:8px solid transparent; padding:5%; z-index: 1000;}
.slider-for .case_box li{float: left; width:33.33%; position: relative;transition:0.3s all; -webkit-transition:0.3s all;}
.slider-for .case_box li img{ width: 100%;}
.slider-for .case_box li span{position: absolute; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}

.lb-data .lb-number,.lb-data .lb-close{ display: none!important; }
.lightbox .lb-image{border:none;}
.lb-nav a.lb-next,.lb-nav a.lb-prev{opacity: 1!important;}

.group_area2_02{padding-bottom: 200px;}
.group_area2_02 .group_tit span{ display: block; margin:20px auto 0; width: 88px; height: 26px; line-height: 26px; color: #fff; text-align: left; text-indent: 20px; background:url(../images/group_dot12.png) 60px center no-repeat #6C183F; border-radius: 10px;}
.group_area2_02 ul{margin:65px 0;}
.group_area2_02 li{ float: left; width: 24.3%; margin-right:1%; position: relative;}
.group_area2_02 li img{ width: 100%;}
.group_area2_02 li:first-child,.group_area2_02 li:first-child+li+li{margin-top: 90px;}
.group_area2_02 li:last-child{ margin-right: 0; width: 24.1%; }
.group_area2_02 li .bg_layer{ width: 100%; height: 5px; position: absolute; left:0; bottom:0; color: #fff; background: url(../images/group_bg02.png) left bottom repeat-x; }
.group_area2_02 li .txt{position: absolute; left:0; bottom:0; width: 100%;}
.group_area2_02 li .txt h2{ text-align: center; border-bottom: 1px solid #505050; padding-bottom: 20px;}
.group_area2_02 li .txt h2 a{color: #fff;}
.group_area2_02 li .txt .btn{ height: 50px; padding:10px 0; line-height: 30px;}
.group_area2_02 li .txt .btn a{ float: left; width: 50%; color: #fff; text-align: center; }
.group_area2_02 li .txt .btn a:first-child{border-right: 1px solid #505050;}




/*设计天团-3*/
.group_areabox3{ width: 100%; background: url(../images/group_bg04.jpg) left top no-repeat #16202F;background-size: 100%;}
.group_area3_01{ padding-bottom: 160px;    clear: both;}
.group_area3_01 ul{ text-align: center;}
.group_area3_01 li{ float: left; width: 33.33%;color: #fff;}
.group_area3_01 li span{ display: block;}
.group_area3_01 li span img{max-width: 100%;}
.group_area3_01 li h2{ margin-bottom: 20px; }
.group_area3_01 li h2 em{ display: block; margin: 12px auto 0; width: 50px; height: 1px; background: #BC9B69; }
.group_area3_02{color: #fff;}
.program_title{color: #fff;text-align: center;margin-bottom: 40px;}
.program_title h1{font-weight: bold;margin-bottom: 10px;text-transform:uppercase}
.program_title p{position: relative;}
.program_title p i{position: absolute;left: 0; top:50%; height: 1px; width: 100%;background: #454d57;}
.program_title p em{background: #17202d;position: relative;z-index: 9;padding: 0 20px;}
.group_area3_02_show{ position: relative; z-index:12; width: 100%;}
.group_area3_02_show .swiper-slide{position: relative;margin-top:65px; margin-bottom: 45px; transition:0.5s all; -webkit-transition:0.5s all; z-index: 1;width: 380px;}
.ie9 .group_area3_02_show .swiper-slide{margin-left: -1px;}
.group_area3_02_show .swiper-slide img{width: 100%;}
.group_area3_02_show .swiper-slide span{ position: absolute; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.group_area3_02_show .swiper-pagination{ top:0; bottom:auto;text-align: center; }

.group_area3_02_show .swiper-pagination .swiper-pagination-bullet{width: 117px; height: 10px;background: url(../images/group_bg01.png) repeat-x 0 bottom;border-radius: 0; margin: 0 2px !important;opacity: 1;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.group_area3_02_show .swiper-pagination .swiper-pagination-bullet-active{background: url(../images/group_bg02.png) repeat-x 0 bottom;}


.bg-cover{background-size: cover; background-repeat: no-repeat; background-position: center;}

.group_area3_03{ width: 100%; position: relative; z-index: 11; margin-top: -45px;}
.group_area3_03 .img img{width: 100%;}
.group_area3_03 .txt{ width: 100%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; bottom:10%;}
.group_area3_03 .txt span{font-family: arial; color: #B89968; line-height: 1;}

@media only screen and (min-width:1025px) {
.slider-nav .item:hover{transform:scale(1.1); -webkit-transform:scale(1.1);z-index: 12;}
.slider-nav .item:hover span{ opacity: 0;}
.slider-nav .item:hover img{border:2px solid #fff;}
.slider-for .case_box li:hover{transform:scale(1.15); -webkit-transform:scale(1.15); z-index: 10;box-shadow: 3px 3px 20px 1px #333;}

.group_area3_02_show .swiper-slide:hover{box-shadow: 5px 5px 30px 0px #000;transform:scale(1.15); -webkit-transform:scale(1.15);z-index: 12;}
.group_area3_02_show .swiper-slide:hover span{ opacity: 0; }

.team-area .txt h3 a:hover, .teamdets-area01 .txt h3 a:hover{color: #fff !important;opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}

}

@media only screen and (max-width:1366px) {
.slider-for .img{bottom:-70px;}
.group_area2_01 .group_con{padding-bottom: 50px;}
.slider-for .case_box{bottom:-30%;}
}
@media only screen and (max-width:1279px) {
.slider-for .slick-list{padding:80px 0; }
.slider-for .img{bottom: 0;}
.slider-for .case_box{bottom:-20%;}
.slider-for .txt .c{margin-bottom: 1em;}
.slider-nav .item span{opacity: 0;}
.group_con .slider-nav{margin-top: 100px;}
.group_area2_02{padding-bottom: 100px;}
.group_area3_01 li span img{max-width: 50%;}
.group_area3_02_show .swiper-pagination .swiper-pagination-bullet{width: 50px; height: 3px;}
.group_area3_01{padding-bottom: 100px;}
}

@media only screen and (max-width:1023px) {
.group_con .slider-for,.group_con .slider-nav{width:100%;}
.group_con .slider-nav{margin-top: 30px;}
.slider-nav .slick-list{width:80%; margin:0 auto; padding:0;}
.slider-for .slick-list{padding:160px 0 100px;}
.slider-nav .slick-prev,.slider-nav .slick-next{ position: absolute; left:0; top: 50%;margin-top:0px!important;}
.slider-nav .slick-next{left:auto;right:0;}
.slider-for .txt h3,.slider-for .txt h2 em{margin-bottom: 10px;}
.slider-for .txt .c{max-height: 9em;}
.slider-for .img{bottom:-70px;position: static;    margin: auto;}
.slider-for .case_box{bottom:-30%;}
.group_area3_01 li span img{max-width: 50%;}
.group_area3_02_show .swiper-slide span{opacity: 0;}
.group_area3_01{padding-bottom: 60px;}
}

@media only screen and (max-width:767px) {
.slider-nav .slick-prev, .slider-nav .slick-next{width: 28px; height: 28px; background-size: cover!important; }
.slider-nav .slick-list{width:75%;}
.slider-for .slick-list{ padding:50px 0 0;}
.slider-for .txt{width: 100%; z-index: 10; position: relative;}
.slider-for .img{z-index: 0; bottom:auto; top:20px;}
.slider-for .case_box{ width: 100%; position: static;}
.group_area2_01 .group_con{padding-bottom: 0;}

.group_area2_02{padding-bottom: 50px;}
.group_area2_02 ul{margin:40px 0;}
.group_area2_02 li,.group_area2_02 li:last-child{ width: 50%; margin:0;}
.group_area2_02 li:first-child, .group_area2_02 li:first-child+li+li{margin-top: 0;}
.group_area3_01 li{width: 100%; margin-bottom:30px;}
.group_area3_01 li span img{max-width: 50%;}
.group_area3_03{ height: 300px; }
.group_area3_03 .img{ display: none; }
.group_area3_02_show .swiper-pagination .swiper-pagination-bullet{width: 14px;}
.program_title{margin-bottom: 20px;}
.program_title h1{font-size: 20px;}
.program_title p{font-size: 18px;}
.program_title p em{padding: 0 10px;}
.group_area3_01{padding-bottom: 20px;}
.group_area3_02_show .swiper-slide{margin-top: 30px;}
.slider-for .case_box li span{display: none;}
}




.screen_tab{display: table; line-height: 24px;margin-top: 20px;width: 100%;}
.screen_tab,.screen_tab a{color: #999999;}
.screen_tab em{margin-right: 35px;float: left;}
.screen_p{float: left;width: calc(100% - 130px);overflow: hidden;}
.screen_p_height{height:34px;}
.screen_p.cur{height: auto;}
.screen_more{float: right;width: 42px;cursor: pointer;display: none;}
.screen_more img{margin-top: 9px;margin-left: 5px;}
.screen_p p{float: left;margin-right: 25px;margin-bottom: 10px;}
.screen_p p a{padding: 0 10px;display: inline-block;}
.screen_p p.on a{background: #6c193c; color: #fff; border-radius: 4px;}
.screen_p p.on a:hover{color: #fff !important;}
.screen_tab li{overflow: hidden;padding: 12px 0;  padding-bottom: 2px; border-bottom: 1px solid #e6e6e6;}

.screen_select{padding: 20px 0;display: table;width: 100%;}
.screen_select_le{float: left;}
.screen_select_le a{float: left;margin-right: 40px;}
.screen_select_le a img{vertical-align: middle;margin-top: -2px;margin-left: 4px;}
.screen_select_re{float: right;}
.zl_year{float: left;}

.year_box .year_select { position: relative; }
.year_box .year_select dt {border: 1px solid #cccccc; background:#fff url(../images/screen_icon01.png) no-repeat right 10px center; padding: 0 10px; padding-right: 20px; cursor: pointer; width:138px; height: 30px; line-height: 30px; box-sizing: border-box;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.year_box .year_select dd {z-index: 999; position: absolute; max-height:150px; overflow-y: auto; overflow-x: hidden; background: #fff; width:100%; left: 0px; top: 29px; display: none;  border: 1px solid #ccc;  box-sizing: border-box;}
.year_box .year_select dd a { display: block; line-height: 30px; color: #a0a0a0; white-space: normal; padding: 0 12px; }
.year_box .year_select dd a:hover { background: #eee; }
.year_box .year_select{ float: left;margin-right: 20px;}

.screen_search{overflow: hidden;padding: 0 10px;width: 138px;border:1px solid #ccc;float: left;}
.screen_search input,.screen_search button{height: 28px; line-height: 28px;border:none;outline: none;background: #fff;}
.screen_search input{width: calc(100% - 20px);float: left;}
.screen_search button{width: 14px;background: url(../images/screen_search.png) no-repeat center center;float: right;}
.screen_search #Button1 {
    width: 14px;
    background: url(../images/screen_search.png) no-repeat center center;
    float: right;
}


.screen_search :-moz-placeholder {
    color: #999;  
}

.screen_search ::-moz-placeholder {
    color: #999;
}

.screen_search input:-ms-input-placeholder {
    color: #999;
}

.screen_search input::-webkit-input-placeholder {
    color: #999;
}
/*tab?*/
@media only screen and (max-width:1079px) {
.screen_select_le a{margin-right: 30px;}
}
@media only screen and (max-width:1024px) {

.case_cont{padding: 40px 0;}
.case_text{position: static;background: #6c193c;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-o-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}
.case_text_int{padding: 20px; border-top:2px solid #b58f65;}
.case_inf{margin-top: 10px;}
.case_box a{background: #6c193c;}
.case_box .case_tit{display: none;}
.case_inf{max-width: auto;height: 3.4em;}
.case_inf em{padding: 0 10px;}
.screen_tab em{margin-right: 10px;}
.screen_p p{margin-right: 15px;}
.screen_p{ width: calc(100% - 104px);}

.case_text_p{position: static; top:0;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); margin: 10px 0;}

/*tab?*/
.screen_select_le a{margin-right: 15px;}
.year_box .year_select{margin-right: 0px;}
.year_box .year_select{width: 23%;margin-right: 2%;}
.year_box .year_select dt{width: 100%;}
.screen_search{width: 130px;    box-sizing: border-box;}
.screen_select_re{width: calc(100% - 110px);}
.zl_year{width: calc(100% - 130px);}
/*tab?*/

.screen_r .year_box .year_select{float: right}
}

@media only screen and (max-width:767px) {
.pad_b80{padding-bottom:40px;}
.case_list{margin:0;}
.case_cont li{width: 100%;}
.case_cont .pageout{margin-top: 0;}
/*tab?*/
/*.year_box .year_select{position: static;}*/
.year_box{position: relative;}
.screen_select_le{float: none; margin: 0 0.5%;margin-bottom:10px;overflow: hidden;}
.screen_select_re,.zl_year{width: 100%;float: none;}
.year_box .year_select{margin: 0 0.5%;width: 24%;}
.screen_search{margin: 0 0.5%;width: 99%;  }
.year_box .year_select{width: 49%;margin-bottom: 10px;}
.screen_p p{margin-right: 5px;}
.screen_p p a{padding: 0 6px;}
/*.year_box .year_select dd{width: 99%;left: 0.5%;}*/
/*tab?*/

}

.group_area3_02_show .but{display: none;}


.but a{display: block; width: 34px; height: 34px; margin-top: -17px;background: url(../images/index_arrow.png) no-repeat center center;background-size:100%;}
.but a.swiper-button-prev.swiper-button-disabled{background: url(../images/index_arrow_dis01.png) no-repeat center center;background-size:100%;opacity: 1;}
.but a.swiper-button-next.swiper-button-disabled{background: url(../images/index_arrow_dis02.png) no-repeat center center;background-size:100%;opacity: 1;}
@media only screen and (max-width:767px) {
.but a{width: 28px;height: 28px;margin-top: -14px;}	
.group_area3_02_show .but{display:block;}
.group_area3_02_show .swiper-pagination{display: none;}
.group_area3_02_show .swiper-slide{margin: 0;}
.group_area3_02_show{margin-bottom: 60px;}
}


.lightboxOverlay{position: fixed !important;width: 100% !important; height: 100% !important;top:0 !important;left: 0 !important;}
.lightbox{position: fixed !important;top:10px;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); left:0; top:50% !important; }