@charset "utf-8";
/* CSS Document */
body{ padding-top: 69px;width: auto}

.site-header nav li >em a,
.site-header nav li >em a:before,
.index-more a,
.index-section1 .tabs li h3,
.pic-list li .word h3 a,
.index-section3 .text-list li time,
.index-section3 .text-list li .more a,
.index-section3 .text-list li .tit a,
.link-list li .Ispic,
.designer-info .content .btns a,
.partner-invit .form .btn,
.new-list .Ispic,
.index-banner .swiper-button>div,
.gallerybox .swiper-button-prev,
.gallerybox .swiper-button-next
{
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.link-list .ul{
	padding:1px;
	box-shadow: 0px 0 1px rgba(0,0,0,.2);
}
.link-list .ul li {text-align:center;
			   padding:1px;
			  box-shadow:0 0 1px rgba(0,0,0,.2)}
@media(min-width:1001px){
	.pic-list li .layer,
	.designer-list li .layer,
	.link-list li .layer{
		-webkit-transition: all 0.8s ease-in-out;
		-ms-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
	}
	.pic-list li .pic:hover .layer{ opacity: 1;}
	.designer-list li .pic:hover .layer{ opacity: 1;}
	.index-section1 .tabs li .Ispic,
	.pic-list li .Ispic{
		-webkit-transition: -webkit-transform 0.8s ease-in-out;
		-ms-transition: -ms-transform 0.8s ease-in-out;
		-moz-transition: -moz-transform 0.8s ease-in-out ;
		transition: transform 0.8s ease-in-out;
	}
	.index-section1 .tabs li a:hover .Ispic,
	.pic-list li .pic:hover .Ispic,
	.new-list .Ispic:hover{
		-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-moz-transform: scale(1.15);
		transform: scale(1.15);
	}
}

/*site-header start*/
.site-header{ position: fixed; top: 0; left: 0;width: 100%; z-index: 99; background: #fff;height: 80px;}
.site-header.shadow{box-shadow: 0 0 10px rgba(0,0,0,.2)}
.site-header-wrap{ position: relative;padding: 17.5px 0;}
.site-header .logo{ float: left; max-width:360px; width: 40%; padding: 0px 0;text-align: center;line-height: 45px;height: 45px;overflow: hidden;}
.site-header .tel{ float: right; color: #21853f; font-weight: bold; font-size: 20px; margin-left: 20px; padding-top: 22px;}
.site-header nav{ float: right;}
.site-header nav li{ float: left; padding: 0 20px;}
.site-header nav li >em{ font-style: normal;}
.site-header nav li >em a{ font-size: 16px; color: #000; font-style: normal; display: block; position: relative; padding: 24px 0;}
.site-header nav li >em a:before{ content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 2px; background: #21853f;}
.site-header nav li >em a:hover,
.site-header nav li.aon >em a{ color: #21853f;}
.site-header nav li >em a:hover:before,
.site-header nav li.aon >em a:before{ left: 0; width: 100%;}
.site-header .open_menu{ display: ;}
.site-header .open_menu a{
	text-indent:-9999px;
	display: block;
	width: 26px;
	height: 20px;
	margin:12.5px auto;
	border-top:2px solid #666;
	border-bottom:2px solid #666;
	position: relative;
}
.site-header .open_menu a i{
	display: block;
	height: 2px;
	width: 100%;
	background: #666;
	position: absolute;
	top:50%;
	margin-top: -1px;
}

#menu_cover.showcover{
	position: fixed;
	width: 100%;
	height: 100vh;
	left: 0;
	top:0;
	background: rgba(0,0,0,0);
	z-index: 100;
}


.site-header .open_menu,.site-header .lang{
	line-height:45px;
	font-size: 16px;
}

@media(max-width:1600px){
.site-header nav li{ float: left; padding: 0 13px;}
}

@media(max-width:1488px){
	.site-header nav li{padding:0 10px;}
	.site-header .tel{ margin-left:12px;}
	.site-header nav li >em a{ font-size: 15px; }
	.site-header .tel{font-size: 16px; }

}
@media(max-width:1240px){
	.site-header nav li{padding:0 5px;}
	.site-header .tel{ margin-left:10px;}
	.site-header .logo{width: 40%;margin:0 auto;float:none;}
}
@media(max-width:1100px){
.site-header .tel{display:none}
.site-header nav li{padding:0 8px;}
}

@media(max-width:1000px){

/*	.site-header .tel,
	.site-header nav{ display: none;}
	.site-header .logo{width:80%;}

	.site-header .open_menu{display: block; position: absolute; top: 50%; width:30px; height:25px; right: 0; margin-top: -12px; cursor: pointer;}
	.site-header .open_menu i{ width:100%;background:#333; height:3px; position: absolute; top: 50%;}
	.site-header .open_menu i::before,
	.site-header .open_menu i::after{position: absolute; background:#333;left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
	.site-header .open_menu i::before{ top:10px;}
	.site-header .open_menu i::after{top:-10px;}
	.site-header .open_menu.open_menu_on{ position: fixed; right: 260px; top: 30px;z-index: 99;}
	.site-header .open_menu.open_menu_on i::before,
	.site-header .open_menu.open_menu_on i::after{  top:0 !important; background: #fff;}
	.site-header .open_menu.open_menu_on i::before{ transform:rotate(45deg);}
	.site-header .open_menu.open_menu_on i::after{ transform:rotate(-45deg);}
	.site-header .open_menu.open_menu_on i{ background: none;}
	
	#header-menu{position:fixed; right:-100%; opacity:0; top:0; height:100%; background:#000; overflow:auto; padding:10px; transition:0.3s; width:250px; z-index: 99;}
	#header-menu.header-menu-show{ right: 0; opacity: 1;}
	#header-menu li{ line-height:40px; }
	#header-menu li em{ font-style:normal; display:block; font-size:16px;border-bottom:1px solid rgba(255,255,255,0.3);}
	#header-menu li a{display:block;}
	#header-menu li em a{ border-bottom:1px solid rgba(0,0,0,0.3); padding:0 10px;}
	#header-menu li:last-child em,
	#header-menu li:last-child em a{ border-bottom:0;}
	#header-menu li a:hover,
	#header-menu li a{ color:#fff;}
	.site-header .menu-layer{ position: fixed; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; background: rgba(0,0,0,0.65) !important;filter:Alpha(opacity=80); z-index: 98; display: none;}
	*/
}

.site-header1 .logo{ max-width: none; position: relative;}
.site-header1 .logo>*{ display: inline-block;}
.site-header1 .logo a{ max-width:260px;}
.site-header1 .logo span{ font-size: 14px; color: #0f0f0f; position: absolute; bottom: 4px;}
.site-header1 nav{ float: left;}
.site-header1 .morebtn{ float: right; width: 40px; height: 39px;border: 1px solid #626262; position: relative; margin-top: 15px; margin-left: 5%; cursor: pointer;}
.site-header1 .morebtn .btn { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.site-header1 .morebtn span{ display: block; position: absolute; left: 5px; height: 2px; background: #626262;}
.site-header1 .morebtn .line1{ top: 9px; width: 28px;}
.site-header1 .morebtn .line2{ top: 18px; width: 19px;}
.site-header1 .morebtn .line3{ bottom: 9px; width: 28px;}
.site-header1 .morebtn:hover{ border-color: #21853f;}
.site-header1 .morebtn:hover span{ background: #21853f;}
.site-header1 .morebtn ul {position:absolute; top:45px; right:0; background-color:#fff; border:1px solid #626262; width:120px; padding:5px 0; margin:0 0 0 -60px; display:none;}
.site-header1 .morebtn li {list-style:none; text-align:center; padding:0; margin:0;}
.site-header1 .morebtn li a {display:block; padding:5px;}
.site-header1 .morebtn li a:hover {color:#f36;}
.site-header1 .nav .phone_li{ display: none;}
@media(max-width:1000px){
	.site-header1 .logo span,.site-header1 .morebtn{ display: none;}
	.site-header1 .nav .phone_li{ display: block;}
}
/*site-header end*/

/*site footer start*/
.site-bottom{background: #009654;padding:40px 0 0;color: #fff;margin-top:60px;}
.site-bottom .wrap-container{position: relative;width:1200px;max-width:100%;margin:0 auto;padding-bottom: 20px;}
.site-bottom .logo{position: relative;left: 0;top: 0;max-width: 320px;margin-bottom: 20px;}
.site-bottom .bottom-form{padding-right: 10%;border-right:1px solid #ccddcc;}
.site-bottom .weixinbox{position: relative;right: 0;top: 0;width: 320px;text-align: center;color: #fff;float: right;align-items: center;}
.site-bottom .weixinbox img{width: 55px;}
.site-bottom .weixinbox span{ display: block; padding-top: 20px;}
.site-bottom .weixinbox .item{position: relative;}
.site-bottom .weixinbox .item i{
	display:none;
	width:180px;
	height: 180px;
	position: absolute;
	top:-180px;
	left:-54px;
	border:1px solid #f1f1f1;
	background: #fff;
	border-radius:10px;
	overflow: hidden;
}
.site-bottom .weixinbox .item i img{
	width: 100%;
}
.site-bottom .weixinbox .wx:hover i{
	display: block;
}


.site-bottom nav{max-width: 100%;margin: 0 auto 40px;text-align:center;color: #e7e7e7;line-height: 1.45;background: #262626;padding: 15px 10px;border-radius: 0 6px 6px 0;}
.site-bottom nav li{float: none;display:inline-block;width: auto;/*padding: 0 3%;*/text-align: center;}
.site-bottom nav li h3{ font-size: 18px; margin: 0; font-weight: normal;}
.site-bottom nav li a{ color: #fff;}
.site-bottom nav li a:hover{ color: #fff;}
.site-bottom nav li em{display:inline-block;margin:0 10px;}

.bottom-contact h2{
	padding:15px 0;
	border-top:1px solid #393939;
	border-bottom:1px solid #393939;
}
.bottom-contact dl{
	line-height:30px;
	padding-left:40px;
	background:url(../images/bot-tel.png) left top no-repeat;
}
.bottom-contact dl.botmail{
	background:url(../images/bot-mail.png) left bottom no-repeat;
}
.bottom-contact dl dd{
	padding:0;
}


.bottom-form form{margin-top:20px;}
.bottom-form input{
	width:100%;
	background:transparent;
	border:1px solid #999;
	border-radius:4px;
	margin-bottom:10px;
	line-height:35px;
	padding:0 10px;
	color:#999;
}
.bottom-form button{
	line-height:35px;
	color:#fff;
	padding:0 20px;
	border-radius:6px;
	border:0;
	background:#73aa33;
}

.site-link{
	background:#262626;
	color:#fff;
	padding:20px 0;
}
.site-link .auto{
    width: 1200px;
    max-width: 100%;	
	padding:0;
}

.flink span{
	font-size:18px;
	margin-right:10px;
}
.flink a{
	color:#fff;
	display:inline-block;
	margin-right:10px;
}


.site-footer{background: #009654;}
.site-footer,.site-footer a{color: #fff;}
.site-footer nav{ text-align: center; padding: 25px 0;}
.site-footer nav li{ display: inline-block; padding: 0 2%; line-height: 24px;}
.site-footer nav li a{ font-size: 14px; color: #fff; position: relative; padding-right: 20px;}
.site-footer nav li a i{ position: absolute; top: 50%; margin-top: -2px; right: 0; border-style: solid dashed dashed dashed; border-width: 5px 5px 0 5px; border-color: #fff transparent transparent transparent;}
.site-footer nav li.active a i{border-style: dashed dashed solid dashed; border-width: 0 5px 5px 5px; border-color: transparent transparent #fff transparent;}
.site-footer .links li a{ display: block; padding-bottom: 51%;}
.site-footer .copyright{ text-align: center; padding: 25px 0; font-size: 12px; line-height: 1.85;}
.site-footer .honors .ul{ text-align: center;}
/* .site-footer .honors li{ width: auto !important;} */
.site-footer .evaluate li{ padding: 12px 0; border:1px solid #ededed;}
.site-footer .evaluate .li-inner{ color: #fff; transform: scale(0.9); position: relative; z-index: 1;}
.site-footer .evaluate li h3{ margin: 0; font-weight: normal; font-size: 13px; line-height: 18px; height: 40px; overflow: hidden; position: relative;}
.site-footer .evaluate li h3:after{ content: ""; width: 23px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;}
.site-footer .evaluate li figure{ font-size: 12px; line-height: 16px; height: 32px; overflow: hidden; margin-top: 15px; }
.site-footer .evaluate li .more{ color: #fff;}

.site-footer .detquote .form{ margin: 0 auto; text-align: center;}
.site-footer .detquote dl{ display: inline-block; width: 385px; max-width: 100%; padding:10px;}
.site-footer .detquote .form input.text{ border: 1px solid #ededed; background: #28292a; padding: 10px; line-height: 14px; display: block; width: 100%; color: #fff;}
.site-footer .detquote .form dd select{border: 1px solid #ededed; background: #28292a; padding: 10px; line-height: 14px; display: block; width: 100%; color: #fff;}
.site-footer .detquote .form .btns{ width: auto;}
.site-footer .detquote .form .btn{ background: #fff; cursor: pointer;color: #21853f; font-size: 14px; height: 36px; line-height: 36px; border: none; width: 133px;}

.site-footer .friendship li{ display: inline-block; padding: 10px 30px;}
.site-footer .friendship li a{ color: #999;}
.site-footer .friendship li a:hover{ color: #fff;}

.site-advantage{}
.site-advantage li{ float:left; width: 20%; text-align: center;}
.site-advantage .li-inner{ padding: 6%; background-repeat: no-repeat; background-position: center; background-size: contain;}
.site-advantage .word{ font-size: 24px; color: #000; line-height:1.25; padding: 10% 0;}
.site-advantage .word h3{ margin: 0 0 3%;font-size: 24px; }
@media(max-width:1240px){
	.site-bottom nav{max-width: 100%;}
	.site-advantage .word{ font-size: 20px;}
}
@media(max-width:1000px){
	.site-bottom nav{display: none;}
	.site-bottom .logo,
	.site-bottom .weixinbox{position: static;margin: 0 auto 10px;}
	.site-bottom .weixinbox{padding-top: 15px;width: 100%;}
	.site-footer .links li{ width: 25%;}
	.site-advantage .word,.site-advantage .word h3{ font-size: 18px;}
}
@media(max-width:767px){
	.site-footer .links li{ width: 33.334%; padding: 5px;}
	.site-advantage li{ width: 33.3334%;}
	.site-advantage li:nth-child(4),
	.site-advantage li:nth-child(5){width: 50%;}
	.site-advantage .word,.site-advantage .word h3{ font-size: 16px;}
	.site-advantage .word h3{ font-weight: normal;}

	.site-bottom .auto{
		padding:15px;
		height:auto;
		overflow:hidden;
	}
	.site-bottom .wrap-container{
		height:auto;
		overflow:hidden;
	}
	.site-link{
		padding:15px;
	}
	
}
@media(min-width:489px){
	.site-footer .honors li{ /* width: auto !important; */}
}
/*site footer end*/


.sidebar{
	font-size:16px;
	position: fixed;
	left: -285px;
	top:0;
	height: 100vh;
	width: 285px;
	padding: 60px 20px;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 190;
	transition: all .3s linear;
}
.sidebar a {
	color: #fff;
}

.sidebar.open{
	left:0px;
	transition: all .3s linear;
}


#sform{
	width: 100%;
	height: 34px;
	line-height: 34px;
	background-color: rgba(0, 0, 0, 0.35);
	position: relative;
	margin-bottom:40px;
}
#sform input{
	border:0;
	background: transparent;
	width: 100%;
	padding: 0 10px;
	color:#fff;
}
#sform button{
	position: absolute;
	right: 0;
	top: 0;
	width: 46px;
	height: 34px;
	line-height: 34px;
	border:0;
	color: #fff;
	background: transparent;
	z-index: 10;
	cursor:pointer;
}


.middle {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.s-side {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: transparent;
  padding: 10px 0;
}
.s-side .s-firstItem i {
  font-size: 20px;
}
.s-side .s-firstItem span {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
  text-shadow: 0px 0px 5px #EEEEEE;
  white-space: 10px;
}

.s-side ul,.s-side li{
	list-style:none;
}
.s-side .first {
	padding: 0px 10px;
	/*border-bottom: 1px solid rgba(200,200,200,.7);*/
	border-bottom: 1px solid #009654;
	line-height: 48px;
}
.s-side .first:last-child{
	border-bottom:0;
}
.s-side .first:hover,.s-side .s-secondItem:hover{
	background-color: rgba(0, 0, 0, 0.35);
	cursor: pointer;
}
.s-side .d-firstNav span {
  display: inline-block;
  margin-left: 0px;
}
.s-side .d-firstNav i.fr {
  font-size: 25px;
  margin:12px 0;
  color: #fff;
}
.s-side .s-secondNav,
.s-side .s-secondItem {
  margin: 0 -10px;
  padding: 0 10px;
  font-size:14px;
}
.s-secondNav:hover,.d-firstNav:hover{

}
.s-side .d-secondDrop {
  margin-left: 100px;
  margin-top: 10px;
}
.iconRotate {
  transform: rotate(90deg);
  transition: transform 0.5s;
}
.s-firstDrop,
.s-secondDrop {
  display: none;
}



/*index css start*/


.index-banner{overflow: hidden;}
.index-banner .swiper-slide{ text-align: center;list-style:none;}
.index-banner li{list-style:none;}
.index-banner li a{display: inline-block;width: 100%;height: 100%;}
.index-banner .swiper-slide img{width:100%;display: block; margin:auto;/* -webkit-transition:1s linear 2s;-ms-transition:1s linear 2s;-moz-transition:1s linear 2s;transition:1s linear 2s;-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1); */}
/* .index-banner .swiper-slide-active img{-webkit-transition:16s linear; -ms-transition:16s linear;-moz-transition:16s linear;transition:16s linear;-webkit-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);transform:scale(1.2,1.2);} */
.index-banner .swiper-slide .wapimg{ display: none;}
.index-banner .swiper-button>div{ position: absolute; top: 50%; margin-top: -30px; background: url(../images/ban-btns.png) no-repeat; height: 61px; width: 33px; opacity: 0;}
.index-banner .swiper-button-prev{ left: 0; }
.index-banner .swiper-button-next{ right: 0;background-position: right top !important;}
.index-banner .swiper-button-prev.in{ left: 8%; opacity: 1;}
.index-banner .swiper-button-next.in{ right: 8%; opacity: 1;}
/* .index-banner .swiper-button>div:hover{ background-image: url(../images/ban-btns_hover.png);} */
.index-banner .swiper-pagination-bullet{ width: 16px; height: 16px; background: rgba(255,255,255,.8); display: inline-block; border-radius: 50%;opacity: .9;}
.index-banner .swiper-pagination-bullet-active{ background: #21853f;}

@media(max-width:1024px){
	.index-banner .swiper-button>div{ background-size:auto 40px; height: 40px; width: 23px; display: none;}
	.index-banner .swiper-slide .pcimg{ display: ;}
	.index-banner .swiper-slide .wapimg{ display: inline;}
}
@media(max-width:767px){
	.index-banner .swiper-pagination{ display: none;}
}


#home .in-banner{
	display: none;
}


.swiper-slide {list-style: none;}
.fullSwiper .swiper-button-next,.fullSwiper .swiper-button-prev{
	width: 45px;
	height: 45px;
	background-size:100%;
	opacity: .8;
}
.fullSwiper .swiper-button-next{

	background-image:url(../images/swiper-right.png);
}
.fullSwiper .swiper-button-prev{

	background-image:url(../images/swiper-left.png);
}
.fullSwiper .swiper-button-next:after,.fullSwiper .swiper-button-prev:after,
.fullSwiper .swiper-rtl .swiper-button-prev:after{
	content:none;
}


.index-section1 .tabs{ overflow: hidden;}
.index-section1 .tabs .ul{ margin: 0 -10px;}
.index-section1 .tabs li{ float: left; width: 33.3334%; padding:0 10px 10px;}
.index-section1 .tabs li a{ display: block; position: relative; overflow: hidden; text-align: center;}
.index-section1 .tabs li .Ispic{ display: block; padding-bottom: 100px; background: #fff; position: relative;}
.index-section1 .tabs li h3{position:relative; margin: 0; position: absolute; width: 100%; text-align: center; padding: 0 10px; left: 0; top: 50%; font-size: 20px; color: #000; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.index-section1 .tabs li a:hover .Ispic:after,
.index-section1 .tabs li.on  .Ispic:after{ content:""; position: absolute; left: 0; bottom: 0; height: 2px; background: #21853f; width: 100%;}
.index-section1 .tabs li:last-child h3{  display: inline-block;  width: 180px; left:50%; margin-left: -90px; }
.index-section1 .tabs li:last-child h3:after{ content: ""; width: 30px; height: 14px; display: block; position: absolute; right:10%; top:0; background: url(../images/sy-hot.png) no-repeat;  
-webkit-animation-name: heartBeat;
        animation-name: heartBeat;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        animation-iteration-count:infinite;}

@keyframes heartBeat {
	0% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	}
	14% {
	    -webkit-transform: scale(0.9);
	    transform: scale(0.9);
	}
	28% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	}
	42% {
	    -webkit-transform: scale(0.9);
	    transform: scale(0.9);
	}
	70% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	}
}


@media(max-width:1240px){
	.index-section1 .tabs li h3{ font-size: 18px;}
}
@media(max-width:1000px){
	.index-section1 .tabs li h3{ font-size: 16px;}
	.index-section1 .tabs li{ padding: 0 5px 5px;}
}

.index-section2 .list-tit{ font-size: 24px; margin: 0; line-height: 0.95; padding-bottom: 16px; color: #333; position: relative; margin-bottom: 20px;}
.index-section2 .list-tit:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 70%; display: block; height: 1px; background:#21853f;}
.index-section2 .list-tit span{position: relative;}
.index-section2 .list-tit span:after{content: ""; position: absolute; left: 0; bottom: -11px; width: 100%; display: block; height: 5px; background:#21853f;}
.index-section2 .list1 li:first-of-type .Ispic{ /* padding-bottom: 131%; */ padding-bottom: 38rem;}
.index-section2 .list2 li:first-of-type{ width: 66.6668%;}
.index-section2 .list2 li:first-of-type .Ispic{ /* padding-bottom: 28.2%; */padding-bottom: 16.35rem;}
/* @media(max-width:1460px){
	.index-section2 .list1 li:first-of-type .Ispic{ padding-bottom: 136.85%;}
} */
@media (min-width:1367px) {
	.index-section2 .list1 li:first-of-type .Ispic{padding-bottom: 45.25rem;}
	.index-section2 .list2 li:first-of-type .Ispic{ padding-bottom: 20rem;}
}
@media(max-width:1240px){
	.index-section2 .list-tit{ font-size: 20px; margin-bottom: 10px;}
}
@media(max-width:1000px){
	.index-section2 .list-tit{ font-size: 18px;}
}
@media(max-width:767px){
	.index-section2 .list2 li:first-of-type{ width: 100%;}
}
@media(max-width:640px){
	.index-section2 .list1 li:first-of-type .Ispic{ padding-bottom: 30rem;}
	.index-section2 .list2 li:first-of-type .Ispic{ padding-bottom: 10.8rem;}
}

.index-section3{ background: #fafafa;}
.index-section3 .tabs{ overflow: hidden;text-align:center;}
.index-section3 .tabs li{display:inline-block; margin: 0 35px; float: none; font-size: 20px; padding: 24px 0 0;}
.index-section3 .tabs li a{ display: block; padding-bottom: 15px; position: relative; color: #333; font-weight: bold;}
.index-section3 .tabs li.on a{ color: #21853f;}
.index-section3 .tabs li.on a:after{ content:; position: absolute; width: 26px; height: 4px; bottom: 0; left: 50%; margin-left: -13px; background: #21853f;}
.index-section3 .text-list li{float: left;width: 32%;padding: 40px 0;margin:15px 0;/* border-bottom: 1px solid #eee; */background: #fff;}
.index-section3 .text-list li:nth-child(3n-1){margin-left:2%;margin-right:2%;}
.index-section3 .text-list .li-inner{ position: relative;}
.index-section3 .text-list li time{position: absolute;width: 70px;height: 150px;text-align: center;color: #333;font-size: 14px;padding: 3% 0;line-height: 2;}
.index-section3 .text-list li time span{ display: block; }
.index-section3 .text-list .li-inner:hover time{  color: #21853f;}
.index-section3 .text-list li .word{padding-left: 170px;line-height: 1.85;padding: 10px 0 0 70px;}
.index-section3 .text-list li .tit{ font-size: 18px; font-weight: normal; margin: 0;}
.index-section3 .text-list li .tit a{color: #333;}
.index-section3 .text-list li .tit a:hover{color: #21853f;}
.index-section3 .text-list li figure{color: #999;font-size: 14px;line-height:1.75em;height:5.25em;overflow:hidden;padding-right: 10px;}
.index-section3 .text-list li .more{text-align: left;}
.index-section3 .text-list li .more a{ display: inline-block; text-align: center; padding: 8px 0px; line-height: 1; border-radius: 33px; color: #999;}
.index-section3 .text-list li:hover .more a,
.index-section3 .text-list li .more a:hover{ color: #21853f;}
@media(max-width:1240px){
	.index-section3 .tabs li{ font-size: 18px;margin: 0 25px; padding-top: 18px;}
	.index-section3 .text-list li{ padding: 25px 0;}
}
@media(max-width:1000px){
	.index-section3 .tabs li{ font-size: 16px;margin: 0 15px; padding-top: 10px;}
	.index-section3 .text-list li{ width: 100%; float: none !important; padding: 20px;}
	.index-section3 .text-list li .tit{ font-size: 16px;}
	.index-section3 .text-list li figure{ font-size: 14px;}
}
@media(max-width:488px){
	.index-section3 .tabs ul{ margin: 0 -5px;}
	.index-section3 .tabs li{ font-size: 15px;  margin: 0 5px;}
	.index-section3 .tabs li a{ font-weight: normal;}
	.index-section3 .text-list li .tit{ font-size: 14px;}
	.index-section3 .text-list li{ padding: 10px 0;}
	.index-section3 .text-list li:nth-child(3n-1) {
    margin-left:0;
    margin-right:0;
}
	.index-section3 .text-list li time{width: 70px;height: 100px;top: 10px;line-height: 1.5;}
	.index-section3 .text-list li time span{font-size: 14px;}
	.index-section3 .text-list li .word{padding-left: 80px;}
	.index-section3 .text-list li figure{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;font-size: 12px;}
	.index-section3 .text-list li .more{text-align: left;padding-top: 5px;font-size: 12px;}
}
/*index css end*/

.in-container{ padding-left:175px;padding-right:175px;}
@media(max-width:1366px){
	.in-container{ padding-left:5%;padding-right:5%;}
}
@media(max-width:1024px){
	.in-container{ padding-left:15px;padding-right:15px;}
}
.in-banner{ overflow: hidden; text-align: center;}
#about .in-banner{display: ;}
.in-banner .wapimg{ display: none;}
.nobanner .in-banner{ display: none;}
@media(max-width:1024px){
	.in-banner .wapimg{ display: inline;}
	.in-banner .pcimg{/* display: none; */}
}
.in-sider{padding: 0px 0 0px;}
.in-menu{ float: left;padding:0; position:relative; width: 66%;}
.in-menu li{float: left;margin-right: 10px;margin-bottom: 10px;width: 100%;}
.in-menu li a{font-size: 14px;color: #666;display: block;padding: 2px 10px 2px 20px;white-space: nowrap;position: relative;}
.in-menu li a:before{
	content:'';
	display: block;
	width: 10px;
	height: 10px;
	border-radius:50%;
	background: transparent;
	position: absolute;
	top:50%;
	margin-top: -5px;
	left: 0;
	border:1px solid #999;

}
.in-menu li.aon a:before{
	content:'';
	display: block;
	width: 10px;
	height: 10px;
	border-radius:50%;
	background: #009654;
	position: absolute;
	top:50%;
	margin-top: -5px;
	left: 0;
	border:1px solid transparent;
}
.in-menu li.aon a{ color: #000;}
.in-menu .owl-grab{ cursor: move;}
.in-menu .owl-item{ float:left;text-align: center; touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;}
.in-menu .owl-stage-outer{ position:relative; overflow:hidden;}
.in-menu .owl-stage{position:relative; margin: 0 auto;-ms-touch-action: pan-Y;touch-action: manipulation; -moz-backface-visibility: hidden; min-width: 100%;}
.in-menu .owl-nav >div{ position:absolute; top:0; height:100%; width:18px; border:none; background:none;  color:#ed1c24; cursor:pointer; padding:0; font-size:24px; font-family: 宋体; line-height: 36px; display: none;}
.in-menu .owl-nav .owl-prev{ left:0;}
.in-menu .owl-nav .owl-next{ right:0;}
.in-menu .owl-nav >div.disabled{ color: #999; cursor: default;}

.position{
	height: auto;
	line-height: 40px;
	margin:40px auto;
	overflow: hidden;
}
.nobanner .position,
.border-bottom{
	border-bottom: 0px solid #009654;
}
.position .fr{
	color: #000;
}

.bigtit{
	font-size:28px;
	color: #000;
	margin:0 auto 20px;
}

.news .in-menu li{
	float:none;
	display:inline-block;
}
.news .in-menu li a{
	font-size:18px;
}
.news .in-menu li.aon a{ 
	color: #21853f; 
	background:transparent;
}

.case-search{ float: right; width: 384px; height: 36px; border: 1px solid #d3d3d3; background: #f9f9f9; position: relative;}
.case-search .text{ border: none; background: none; display: block; padding: 5px 40px 5px 10px; line-height: 24px; width: 100%; color: #999;}
.case-search .btn{ position: absolute; right: 1px; top: 1px; height: 34px; line-height: 34px; width: 34px; background: url(../images/case_search_icon.png) no-repeat center;}

.location{ float: right;}
.location,
.location a{ color: #999; font-size: 14px;}

@media(max-width:1000px){
	.in-menu,.case-search,.location{ float: none; width: 100%; margin: 0 auto;}
	.case-search,.location{ margin-top: 15px;}
	.in-sider{ padding: 15px 0;}
	.brandculture .in-menu li a{padding: 0 3px;}
	.in-menu li a{ padding: 2px 10px 2px 20px;}
}


/*pages*/
.Pages{padding: 30px 0;line-height:18px;zoom:1;overflow:hidden;text-align: center;color: #333;font-size: 14px;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block;}
.Pages a:hover{ color: #21853f;}
.Pages .p_cur b{ color:#F00;}
.Pages .p_count b{ color:#F00;}
.Pages .p_total b{ color:#F00;}
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{ padding:0px 12px; border:solid 1px #dcdcdc; color: #999;}
.Pages .p_page em a.a_cur,
.Pages .p_page em a:hover{ color:#21853f; border:solid 1px #21853f;}
.Pages .p_page b{ font-weight:normal;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}
.Pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none; background:url(page_goto.jpg) no-repeat;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .a_first,
.Pages .a_end{display: none;}
/*pages end*/

.Pages ul{
	text-align:center;
}
.Pages ul li{
	display:inline-block;
	float: none;
	padding:0;
	border:none;
	width: 32px;
	height: 32px;
	margin:5px;
}
.Pages ul li .pageinfo{
	display:none;
}
.Pages ul li a{
	display:block;
	line-height: 32px;
	border:solid 1px #dcdcdc; 
	color: #666;
	border-radius:50%;
}
.Pages ul li.thisclass a{
	border-color:#ccc;
	background:#f1f1f1;
}
.Pages ul li.next a,.Pages ul li.prev a{

}

.content {
	font-size: 14px;
	line-height:1.85;
}

.info-container{ padding:10px 0;}
.info-container > h1{
	font-size: 28px;
    font-weight: normal;
    color: #333;
}
.info-container > .time{
	text-align:center;
	color:#bbb;
	border-bottom:1px solid #ddd;
	margin-bottom:30px;
	padding-bottom:20px;
}

.info-container .info-left{float: left;width: 67.375887%;padding-right: 6%;/* border-right: 1px solid #f1f1f1; */min-height: 500px;}
.info-container .info-right{ float: right; width:32.624113%; padding: 0 3% 0 6%; min-height: 500px;}
.info-container .info-right h3.dot{margin:5px auto;font-weight:normal;}
@media(max-width:1000px){
	.info-container .info-left{ float: none; width: 100%; padding-right: 0; border-right: none; min-height: 1px;}
	.info-container .info-right{ float: none; width: 100%; padding-left: 0; padding-right: 0; min-height: 1px;}
	.info-container .info-right .location{ display: none;}
}

.gallerybox{ overflow: hidden;}
.gallerybox .swiper-container { width: 100%;  height: 300px;  margin-left: auto;  margin-right: auto;}
.gallerybox .swiper-slide { background-size: cover; background-position: center;}
.gallerybox .gallery-top { height: 80%; width: 100%;}
.gallerybox .gallery-top .swiper-slide{
	padding-bottom: 53%;
	background-repeat:no-repeat;
	background-position:50%;
	background-size: contain;
}
.gallerybox .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0;}
.gallerybox .gallery-thumbs .swiper-wrapper{transform:translate3d(0,0,0) !important;}
.gallerybox .gallery-thumbs .swiper-slide {width: 60px;height: 60px; opacity: 0.4; border: 2px solid #303c49; cursor: pointer;}
.gallerybox .gallery-thumbs .swiper-slide-active { opacity: 1;}
.gallerybox .swiper-button-prev{ opacity: 0; left: -20px;}
.gallerybox .swiper-button-next{ opacity: 0; right: -20px;}
.gallerybox .swiper-button-prev.in{ opacity: 1; left: 10px;}
.gallerybox .swiper-button-next.in{ opacity: 1; right: 10px;}
.gallerybox .gallery-thumbs .swiper-slide{
	background-repeat:no-repeat;
	background-position:50%;
	background-size:cover;
}
@media (max-width:767px) {
	.gallerybox .gallery-thumbs .swiper-slide{ width: 40px; height: 40px;}
}

.case-info{ padding-bottom: 5%;}
.case-info .flex .item:first-child{
	flex: 0 0 40%;
}
.case-info .flex .item:last-child{
	padding-left:30px;
}
.case-info .flex .item:first-child img{width:100%;}
.case-info-head{position: relative;padding:30px 118px 0 0;margin-bottom: 40px;}
#shop .case-info-head:after{ content:''; position: absolute; bottom: 0; width: 60px; height: 1px;left: 50%;margin-left: -30px; background: #009654;}
.case-info-head h2{ margin: 0; font-size: 20px; color: #333;}
.case-info-head dl{ color: #999; font-size: 16px; padding: 35px 0;}
.case-info-head dl dd{ display: inline-block;}
.case-info-head dl dd+dd{ padding-left: 6%;}
.case-info-head .pic{ position: absolute; top: 30px; right: 0; width: 108px; height: 108px;}
.case-info-head .pic .Ispic{ display: block; padding-bottom: 108px; border-radius: 100%;}
.case-info-span{ font-size: 14px; color: #999; padding: 5% 0 2%;}
.case-info-span span{font-size:12px; color:#bbb;position: relative;padding: 6px 0;line-height: 20px;display: inline-block;}
.case-info-span span+span{ margin-left: 20px;}
.case-info-span span.visit{ cursor: pointer;}
.case-info-span span i{ display: block; font-style: normal; background: url(../images/icons.png) no-repeat; width: 40px; height:100%; position: absolute; left: 0; top: 0;}
.case-info-span span.time i{ background-position: 0 0;}
.case-info-span span.hits i{ background-position: -166px 0;}
.case-info-span span.visit i{ background-position: -291px 0;}
.case-info-content{font-size: 14px;line-height: 1.85;}
.case-info-content p{margin-bottom: 10px;}
.case-info-label{padding: 2% 0 5%;}
.case-info-label a{ display: inline-block; border: 1px solid #d9d9d9; padding: 10px 15px; line-height: 1; font-size: 14px; color: #999; border-radius: 35px; margin: 5px;}
.case-info-label a+a{ margin-left: 15px;}
@media (max-width:767px) {
	.case-info-head dl dd{ display: block; padding-left: 0 !important;}
}

.Coop-message{ padding-top: 30px;}
.Coop-message h3{ text-align: center; margin: 0; font-size: 20px; color: #333;}
.Coop-message .pic{ position: relative; margin: 25px 0;}
.Coop-message .Ispic{ display: block; height:100%; position: absolute; top: 0;left: 0; width: 100%;}
.Coop-message .pic-layer{ text-align: right; padding: 10% 5%; color: #fff; position: relative; z-index: 2;}
.Coop-message .pic-layer span{ display: block; padding: 5px 0;}
.Coop-message figure{font-size: 14px; color: #999; line-height: 1.85;}
.Coop-message .more{ color: #21853f;}

.Online-designer{ margin-top: 12%; padding-top: 12%; border-top: 1px solid #ededed; position: relative;}
.Online-designer:before{ content: ""; top: -1px; width: 58px; height: 2px; position: absolute; left: 0; background: #070002;}
.Online-designer h3{text-align: left;margin: 0;font-size: 20px;color: #333;font-weight: normal;border-left: 3px solid #73aa33;padding-left: 15px;}
.Online-designer .form{padding-top: 15px;}
.Online-designer .form dl{ margin-top: 20px;}
.Online-designer .form .text,
.Online-designer .form select{ display: block; border: 1px solid #ededed; height: 36px; padding: 5px 15px; line-height: 24px; color: #999; width: 100%;}
.Online-designer .form .btns{ text-align: center;}
.Online-designer .form .btn{display: inline-block;width: 133px;color: #73aa33;border: 1px solid #73aa33;font-size: 14px;line-height: 34px;text-align: center;cursor: pointer;}
.Online-designer .form .btn:hover{ background: #73aa33; color: #fff;}

.brand-profile{}
.brand-profile .pic{ float: left; width:38.14433%;}
.brand-profile .pic img{ width: 100%;}
.brand-profile .word{ float: right; width: 56.85567%;}
.brand-profile .name{ font-weight: normal;}
.brand-profile .name span{ display: inline-block;}
.brand-profile .name .cn{ font-size: 20px; color: #333; font-weight: bold;}
.brand-profile .name .en{ font-size: 14px; font-family: Tahoma; color: #e9e9e9; text-transform: uppercase; padding-left: 10px;}
.brand-profile .con{ color: #333; font-size: 14px; line-height: 1.85;}
.brand-profile .btns{ padding-top: 5%;}
.brand-profile .btns a{display: inline-block; max-width: 114px; width: 32%; height: 36px; text-align: center; line-height: 36px; color: #fff; font-size: 14px; background: #21853f;}
.brand-profile .btns a+a{ margin-left: 10px;}
@media(max-width:1024px){
	.case-info-head{ min-height:114px;}

	.case-info-span span+span{ margin-left: 10px;}
	.case-info-span span i{ width: 25px; background-size: 201px 20px;}
	.case-info-span span.time i{ background-position: 0 5px;}
	.case-info-span span.hits i{background-position: -101px 5px;}
	.case-info-span span.visit i{ background-position: -181px 5px;}
	.case-info-head dl{ padding: 15px 0; font-size: 14px; }
	.case-info-head .pic{ width: 75px; height: 75px;}
	.case-info-head .pic .Ispic{ padding-bottom: 75px;}
	.case-info-label,
	.case-info{ padding-bottom: 0;}
	.Coop-message h3,
	.Online-designer h3,
	.case-info-head h2,
	.brand-profile .name .cn{ font-size: 18px;}
	.Online-designer{ padding-top: 6%; margin-top: 6%;}
	.brand-profile{ margin-top: 6%;}
	.brand-profile .pic,.brand-profile .word{ float: none; width: 100%;}
	.brand-profile .btns a+a{ margin-left: 0;}
}

.info-right .location{ float: none; text-align: left;}
.info-container1 .info-right{ padding-left: 40px;}
.info-container1 .info-left{ padding-right: 40px;}
.info-container1 .case-info-span{padding: 0px 0;}
.info-container1 .Online-designer{ border-top: none; margin-top: 0; padding-top: 4%;}
.info-container1 .Online-designer:before{ display: none;}
.info-container1 .case-info-head{
	padding: 0;
	padding-bottom:20px;
}
.case-info-head h2{
	padding-bottom:10px;
	font-size:28px;
	font-weight:normal;
}
.case-info-head h2 span{
	display:inline-block;
	font-size:14px;
	font-weight:normal;
	color:#fff;
	background:#73aa33;
	padding:3px 8px;
	border-radius:6px;
	margin-left:10px;
}
.case-info-head p{
	padding:5px 0;
}

#article .case-info-head h2{
	padding:10px;
}
#article .info-container1 .case-info-span{
	padding:0px 0;
}
#article .info-container1 .case-info-head{
	padding-bottom:20px;
}

.newssx{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:15px 0;
	margin-top:40px;
}
.newssx em{
	font-style:normal;
display:none;
}
.newssx i{
	margin-right:5px;
}
.newssx div{
	padding:5px 0;
}

.browse-list{ padding: 6% 0;}
.info-right .browse-list:first-child{padding-top:0;}
.browse-list .name{font-weight: normal;font-size: 18px;color: #000;text-align: left;border-left:3px solid #73aa33;padding-left:10px;}
.browse-list li{ margin-top: 20px;}
.browse-list .pic{overflow: hidden;}
.browse-list .Ispic{ display: block; padding-bottom: 49.61039%;}
.browse-list .tit{margin: 10px 0;font-weight: normal;font-size: 12px;text-align: left;}
.browse-list .tit a{ color: #666;}
@media(max-width:1000px){
	.info-container1 .info-right,
	.info-container1 .info-left{ padding-left: 0; padding-right: 0;}
	.info-container1 .case-info-head{ min-height: 1px;}
}

.designer-list{}
.designer-list ul{ margin: 0 -1%;}
.designer-list li{ float: left; width: 25%; padding: 1%;}
.designer-list li .word .dot a b{font-weight:normal;}
.designer-list li:hover .word .dot,
.designer-list li:hover .word .dot a b{color:#21853f;}
.designer-list li .href{ position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%;}
.designer-list li .pic{overflow: hidden; position: relative;}
.designer-list li .Ispic{padding-bottom: 125%;display: block;}
.designer-list li .layer{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: rgba(0, 0, 0, 0.5) !important;filter: alpha(opacity=50); opacity: 0; z-index: 1;}
.designer-list li .layer .icon{ display: block; width: 58px; height: 58px; position: absolute; top: 50%; left: 50%; margin-top: -29px; margin-left: -29px; border-radius: 100%; z-index: 2; border:1px solid #fff;}
.designer-list li .layer .icon:before,
.designer-list li .layer .icon:after{ content: ""; position: absolute; background: #fff;}
.designer-list li .layer .icon:before{ top: 50%; left: 20%; width: 60%; height: 2px;}
.designer-list li .layer .icon:after{ top: 20%; left: 50%; width: 2px; height: 60%; }
.designer-list li .word{ padding: 20px; background: #f8f8f8; line-height: 1.85;}
.designer-list li .word-inner{ position: relative;}
.designer-list li .word h3{ margin: 0 0 5px; font-weight: normal; color: #000; line-height: 1;}
.designer-list li .word h3>*{ display: inline-block;}
.designer-list li .word .name{ font-size: 24px; color: #000; font-weight: bold;}
.designer-list li .word h3 span{ font-size: 14px; padding-left: 20px;position: relative;}
.designer-list li .word h3 span:before{ content: ""; left: 10px; width: 3px; height: 80%; top: 10%; background: #000; position: absolute;}
.designer-list li .word .btn{ position: absolute; right: 0; top: 0; width: 57px; display: block;  height: 24px; line-height: 24px; text-align: center; background: #21853f; color: #fff;}
.designer-list li .word .tit{ color: #000; margin: 0;}
.designer-list li .word figure{ color: #999; font-size: 14px; height: 75px; overflow: hidden;}
@media(max-width:1366px){
	.designer-list li{ width: 25%;}
}
@media(max-width:768px){
	.designer-list li .word .name{ font-size: 20px;}
}
@media(max-width:768px){
	.designer-list li{ width: 50%;}
	.designer-list li .word .name{ font-size: 18px;}
}
@media(max-width:640px){
	.designer-list li{ width: 100%; padding: 1% 0;}
	/* .designer-list li .word .btn{position: static; margin: 10px auto 0;} */
	.designer-list li .word .name{ display: block;}
	.designer-list li .word h3 span{ display: block; padding-left: 0; padding-top: 5px;}
	.designer-list li .word h3 span:before{ display: none;}
}

.designer-info{ padding: 5% 0 3%;}
.designer-info .pic{ float: left; width: 32%; max-width: 467px;}
.designer-info .content{ float: right; width: 68%; padding-left: 4%;}
.designer-info .content .h2{ margin: 0; font-size: 24px; color: #000;}
.designer-info .content .h2>*{display: inline-block;}
.designer-info .content .h2 .pos{ padding-left: 20px; position: relative; font-size: 18px; font-weight: normal;}
.designer-info .content .h2 .pos:before{ content: ""; left: 10px; width: 3px; height: 70%; top: 15%; background: #000; position: absolute;}
.designer-info .content .brief{ color: #000;line-height: 2; margin: 4% 0; border-bottom: 1px solid #ededed; padding-bottom: 4%; position: relative;}
.designer-info .content .brief:after{ content: ""; width: 58px; height: 3px; background: #070002; position: absolute; left: 0; bottom: 0;}
.designer-info .content .dlbox{ color: #000; font-size: 14px;}
.designer-info .content .dlbox dl{ position: relative;  display:flex;/*设为伸缩容器*/ flex-flow:row;/*伸缩项目单行排列*/ }
.designer-info .content .dlbox dl+dl{ margin-top: 4%;}
.designer-info .content .dlbox dl dt{ color: #080808; font-size: 18px; font-weight: bold; width: 80px;}
.designer-info .content .dlbox dl dd{  padding-left: 15px;flex:1; align-content: center; padding-top: 5px;}
.designer-info .content .btns{ padding-top: 4%;}
.designer-info .content .btns a{display: inline-block; font-size: 14px; color: #21853f; border: 1px solid #21853f; padding: 10px 35px; font-weight: bold;}
.designer-info .content .btns a:hover{ color: #fff; background: #21853f;}
@media(max-width:1000px){
	.designer-info .pic{ float: none; width: 100%; margin: 0 auto;}
	.designer-info .content{ float: none; width: 100%; padding-left: 0; padding-top: 6%;}
	.designer-info .content .h2{ font-size: 18px;}
	.designer-info .content .h2 .pos{ font-size: 14px;}
	.designer-info .content .dlbox dl dt{ font-size: 14px; width: 60px;}
	.designer-info .content .dlbox dl dd{ padding-top: 0;}
	.designer-info .content .btns{ text-align: center;}
}


.partner-invit{ background: #fafafa;}
.partner-invit .form{ max-width:1100px; margin: 0 auto; padding: 2% 0;}
.partner-invit .form dl{ float: left; display: flex; flex-flow: row; width: 45%; padding: 1.5% 0; align-items: center;}
.partner-invit .form dl:nth-child(2n){ float: right;}
.partner-invit .form dl dt{font-size: 18px; color: #333; width: 137px;}
.partner-invit .form dl dd { width: 70%; padding-left: 10px;}
.partner-invit .form dl dd .text{ width: 100%; height: 40px; border: 1px solid #eaeaea; background: #fff; padding: 7px 10px; line-height: 24px;}
.partner-invit .form dl dd select{height: 40px; border: 1px solid #eaeaea; background: #fff; padding: 7px 10px; line-height: 24px; width: 100%;}
.partner-invit .form .btns{ text-align: center; padding-top: 4%;}
.partner-invit .form .btn{ border: 1px solid #21853f; color: #21853f; padding: 10px 25px; display: inline-block; font-size: 18px; background: none; cursor: pointer;}
.partner-invit .form .btn:hover{ color: #fff; background: #21853f;}
.partner-invit .con{color: #cdcdcd; font-size: 20px; text-align: center; margin: 0; padding: 0% 0 3%;}
@media(max-width:1000px){
	.partner-invit .form{ max-width: 500px; margin: 0 auto;}
	.partner-invit .form dl{ width: 100%;}
	.partner-invit .form dl dt{ font-size: 14px; width: 120px;}
	.partner-invit .form .btn{ font-size: 14px;}
	.partner-invit .con{ font-size: 14px; padding: 3% 0 8%;}
	
}

.news .in-menu{ float: none; width: 100%;}
.new-container{ max-width: 1200px; margin: 0 auto;}
.new-list{ padding:0 0 2% 0;}
.new-list li{ padding: 23px 0; border-bottom: 1px solid #fff;}
.new-list li:first-child{padding-top:0; }
.new-list .li-inner{ position: relative;min-height: 158px;}
.new-list .word{padding-left: 280px;}
.new-list .pic{position: absolute;left: 0;top: 0;width: 260px;overflow: hidden;}
.new-list .Ispic{ padding-bottom: 61%;display: block;}
.new-list .word h3{font-size: 18px; font-weight: normal; margin: 0;}
.new-list .word h3 a{ color: #333;}
.new-list .word h3 a:hover{ color: #21853f;}
.new-list .word figure{ line-height: 1.85; font-size: 14px; color: #999; margin: 15px 0 30px; height: 50px; overflow: hidden;}
.new-list .word time{ display: inline-block; color: #999;float:left;}
.new-list .word span{ display: inline-block;float:left;}
.new-list .word span .more{
	display:inline-block;
	background:#efefef;
	padding:5px 20px;
	border-radius:4px;
}
.new-list .word span a:hover{
	background:#73aa33;
	color:#fff;
}
@media(max-width:640px){
	.new-list ul{ margin: 0;}
	.new-list li{ width: 100%;  padding: 10px 0; border-bottom: none;}
	.new-list .li-inner{ border-bottom: 1px solid #ededed; padding-bottom: 10px;}
	.new-list .pic{ position: relative; width: 100%;}
	.new-list .word{padding-right: 0;padding-top: 10px;padding-left: 0;height: auto;overflow: hidden;}
	.new-list .word h3{ font-size: 16px;}
	.new-list .word figure{ margin: 10px 0 15px;}
}

.brandculture{}
.brandculture .in-menu{ float: none;}
.brand-section{ padding-bottom: 60px;}
.brand-section .content{font-size: 14px;line-height: 1.85;text-align: left;margin: 0 auto;max-width: 100%;}
.brand-section .content .cn{ color: #333;}
.brand-section .content .en{ color: #999;}
.brandculture .atlas{ padding: 0 50px;}
.brandculture .atlas .swiper-pagination{ position: relative; margin-top: 5%;}
.brandculture .atlas .swiper-pagination-bullet{ width: 38px; height: 3px; background: rgba(0,0,0,.3); display: inline-block; border-radius: 0;}
.brandculture .atlas .swiper-pagination-bullet-active{ background: #000;}
.brandculture .honor-atlas{ padding: 0 50px;}
.brandculture .honor-atlas .swiper-slide{ width: auto !important;}
.brandculture .honor-atlas .swiper-pagination{ position: relative; margin-top: 5%;}
.brandculture .honor-atlas .swiper-pagination-bullet{ width: 38px; height: 3px; background: rgba(0,0,0,.3); display: inline-block; border-radius: 0;}
.brandculture .honor-atlas .swiper-pagination-bullet-active{ background: #000;}

.brand-section .auto{
	padding-top:60px;
	border-top: 1px solid #009654;
}
.brand-section1 .auto{
	border:0;
	padding-top: 0;
}

.brand-section video{
	width: 100%;
	height: auto;
}

#about .index-tit{
	padding-top:0;
}

#about #brandsection1  .index-tit{
	padding-top:60px;
} 

.brand-section4 .content{
	max-width:96%;
} 

#allmap {
	width:100%;
	height:400px;
}  
#allmap img{
	max-width:500%;
}


#about #brandsection1 .column4 .item{
    flex:0 0 auto;
    padding:10px;
}
#about #brandsection1 .column4 h3{
    margin:0 auto;
}
#about #brandsection1 .column4 h3 b{
    color:#21853f;
    font-size:48px;
    line-height:60px;
}
#about #brandsection1 .column4 h3 sup{
    line-height:10px;
    vertical-align: text-top;
    margin-left:10px;
}

.aboutmore{
	background:#f5f5f5;
	padding:50px 100px;
}
.aboutmore .about1{
	margin-bottom:50px;
	padding:0 100px;
}

.brand-section1,
.brand-section3{ background-color: #fff;}
.brand-section1 .content .box{ padding-top: 2%;}
.brand-section1 .content .box .tit{ color: #333; font-size: 20px; margin: 0 0 20px; }
.brand-section4{/* background-color: #fafafa; */}
.brand-section2 .content{ padding: 2% 0 3%;}
.brand-section3 .content .pic{ padding-top: 3%;}




.history ul {
    width: 100%;
    height: auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.history ul:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 60px;
    background: #009654;
    z-index: 1;

}

.history ul li:last-child:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 55px;
    background: #fff;
    z-index: 2;
}

.history ul li {
    width: 100%;
    height: auto;
    list-style: none;
    position: relative;
    padding: 50px 0;
    line-height: 30px;
    overflow: hidden;
}

.history ul li span {
    display: inline-block;
    width: 50%;
    float: left;
    text-align: right;
    padding-right: 30px;
    color: #009654;
    font-size: 22px;
}

.history ul li p {
    display: inline-block;
    width: 100%;
    float: left;
    padding-right: calc(50% + 50px);
    text-align:right;
}

.history ul li:nth-child(even) span{
    float:right;
    text-align:left;
    padding-left: 30px;
}
.history ul li:nth-child(even) p{
    float:left;
    text-align:right;
    padding-right: 30px;
}

.history ul li:nth-child(even) p{
	padding-right: 0;
	padding-left: calc(50% + 50px);
	text-align: left;
}

.history ul li p img{
	margin-bottom: 10px;
}
.history ul li p strong{
	font-size: 28px;
	color: #000;
}
.history ul li p:last-child strong{
	font-size: 16px;
	color: #666;
}


.history ul li i,
.history ul li em {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top:0;
    margin-left: -14px;
    border-radius: 50%;
    background: transparent;
    z-index: 10;
    color: #fff;
    text-indent: -9999px;
}

.history ul li i:after,
.history ul li em:after {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    position: absolute;
    background: #009654;
    left: 50%;
    margin-left:-6px;
    top: 50px;
}







.contact-section{
	padding-top:20px;
}
.contact-section .flex .item{
	flex:0 0 48%;
}

.contact-section .item .content{
	color:#999;
}
.contact-section .item .content strong{
	color:#666;
}
.contact-section .item .content p{
	margin-bottom:10px;
}

@media(max-width:1240px){
	.brand-section .atlas,
	.brand-section .honor-atlas{ padding: 0;}
}



.about-section{ padding-bottom: 5%;}
.about-section1,
.about-section3{ background-color: #fff;}
.about-section2,
.about-section4{background-color: #fafafa;}
.about-section1 .content{ max-width: 900px; margin: 0 auto;}
.about-section1 .content .pic{ float: left; width: 322px; height: 164px;}
.about-section1 .content .word{ float: right; color: #000; font-size: 14px; line-height: 1.85; min-height: 164px; position: relative;}
.about-section1 .content .word:after{ content: ""; width: 34px; height: 3px; background: #333; position: absolute; bottom: 0; left: 0;}
.about-section3 .content{ max-width: 900px; margin: 0 auto;}
.about-section3 { padding-bottom: 0;}
.about-section3 .content .pic{ float: left; width: 313px; height: 422px;}
.about-section3 .content .word{ float: right; width: 518px; color: #000; font-size: 14px; line-height: 1.85; height: 422px; position: relative;}
.about-section3 .content .word .fl{width: 204px; float: left;}
.about-section3 .content .word .name{  height: 195px; background: #36373b; padding: 20px 15px; color: #fff;line-height: 1; position: relative;}
.about-section3 .content .word .name:before{ content: ""; width: 0; height: 0; position: absolute; top: 50%; left: -10px; border-style: dashed solid dashed dashed; border-width: 10px 10px 10px 0; border-color: transparent #36373b transparent transparent; margin-top: -5px;}
.about-section3 .content .word .name h3{ font-size: 24px; margin: 0; font-weight: normal;}
.about-section3 .content .word .name span{font-size: 14px; display: block; margin-top: 10px;}
.about-section3 .content .word .intro{height: 227px;width: 204px; background: #3e3e4a url(../images/about_icon1.png) no-repeat center;  display: flex;align-items: flex-end;}
.about-section3 .content .word .intro figure{ padding: 15px; color: #494953; font-size: 12px; line-height: 1.45;}
.about-section3 .content .word .con{ width: 314px; height: 422px; background: #ececec; display: flex; align-items: center; float: right; color: #333;}
.about-section3 .content .word .con figure{ padding: 30px;}
.about-section4{ background: url(../images/about_his_bg.jpg) no-repeat center bottom #fafafa;}
.history-list{ padding-top: 3%;}
.history-list .btns>a{ position: absolute; display: block; background: url(../images/his_btns.png) no-repeat; height: 28px; width: 28px; margin-top: -14px; top: 50%;}
.history-list .btns>a:hover{ background-image: url(../images/his_btns_hover.png);}
.history-list .btns .prev{ left: 10%;background-position: left top;}
.history-list .btns .next{ right: 10%; background-position: right top;}
.history-list .content { position: relative; max-width: 896px; margin: 0 auto;}
.history-list .content .item{ max-width: 460px; width: 100%; min-height: 210px; background: #464c58; padding: 35px; color: #fff; position: relative; margin: 0 auto;}
.history-list .content .item:before,
.history-list .content .item:after{ content: ""; position: absolute; background: rgba(67,73,85,0.22);}
.history-list .content .item:before{ height: 13px; width: 90%; top: -13px; left: 5%;}
.history-list .content .item:after{ height: 23px; top: -23px; left: 12%; width: 76%;}
.history-list .content .item .date{font-size: 24px; margin: 0; font-weight: normal; line-height: 30px; position: relative; padding-left: 20px;}
.history-list .content .item .date:before{ content: ""; width: 2px; height: 100%; background: #fff; position: absolute; left: 0; top: 0;}
.history-list .content .item .brief{ margin: 8% 0 0; line-height: 1.85; height: 100px;}
.timelist{position: relative; margin-top: 30px;}
.timelist:before{ content: ""; position: absolute; top: 19px; width: 100%; height: 1px; left: 0; background: #959595;}
.timelist .time-container{ padding-left:20px;}
.timelist .itembox{ width: 118px; position: relative; padding-bottom: 35px;-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0;}
.timelist .itembox:before{ content: ""; position: absolute;top: 0; left: 0; height: 19px; width: 1px; background: #959595;}
.timelist .itembox .year{ position: absolute; left: -20px; top: 40px;}
.timelist .itembox .list{ padding: 5px 10px 0; text-align: right;}
.timelist .itembox .list li{ display: inline-block; width: 1px; height: 13px; background: #959595; margin-left: 8px; position: relative;}
.timelist .itembox .list li .layer{ display: none;}
.timelist .itembox.active .year{ color: #21853f;}
.timelist .itembox li.on:before{ content: " "; width: 8px; height: 8px; border-radius: 100%; position: absolute; bottom: -3px; left: -4px; background: #21853f; border: 1px solid #fff;}
@media(max-width:1000px){
	.about-section3 .content .pic,
	.about-section3 .content .word,
	.about-section3 .content .word .fl,
	.about-section3 .content .word .con,
	.about-section3 .content .word .intro,
	.about-section1 .content .pic,
	.about-section1 .content .word{ float: none; width: 100%;}
	.about-section1 .content{text-align: center;}
	.about-section1 .content .word:after{ left: 50%; margin-left: -17px;}
	.about-section3 .content .word .name,
	.about-section3 .content .word,
	.about-section3 .content .word .intro,
	.about-section3 .content .word .con{ height: auto;}
	.about-section3 .content .word .name:before{left: 50%; top: -5px; border-style: dashed dashed solid dashed; border-width: 0 10px 10px 10px; border-color:transparent transparent #36373b transparent;}
	.brandculture .atlas .swiper-pagination,
	.brandculture .honor-atlas .swiper-pagination{ display: none;}
	.brandculture .honor-atlas{ padding: 0;}
	.history-list .btns .next{ right: 0;}
	.history-list .btns .prev{ left: 0;}
}

.contactus{ padding: 4% 0;}
.contactus .column-name{ font-size: 20px; color: #333; margin: 0 0 35px; line-height: 1; text-align: center;}
.contact-way,.feedback,.codebox{ float: left; width: 33.3334%;}
.contact-way .content{ color: #333;}
.contact-way dl+dl{ margin-top: 30px;}
.contact-way dl dt{ font-size: 14px;}
.contact-way dl dd{ font-size: 18px;}

.feedback .form{ margin: 0 auto; max-width: 405px; padding: 0 10px;}
.feedback .form dl+dl{ margin-top: 22px;}
.feedback .form .text{ display: block; border: 1px solid #e0e0e0; height: 36px; padding: 5px 15px; line-height: 24px; color: #333; width: 100%;}
.feedback .form .btns{ text-align: center; margin-top: 35px;}
.feedback .form .btn{ display: inline-block; width: 133px; color: #21853f; border: 1px solid #21853f; font-size: 14px; line-height: 34px; text-align: center; background: #fff; cursor: pointer;}
.feedback .form .btn:hover{ background: #21853f; color: #fff;}





.reservation{padding-bottom: 0;max-width:96%;margin:70px auto 0;}
.reservation .reservation_content .reservation_content_title{ text-align: center; margin-bottom: 45px;}
.reservation .reservation_content .reservation_content_title dd{ font-size: 50px; color: #222222; font-weight: bolder; margin-bottom: 13px;}
.reservation .reservation_content .reservation_content_txt{box-shadow: 0px 0px 25px rgba(0,0,0,.34);padding: 40px 12%;height: auto;overflow: hidden;}
.reservation .reservation_content .reservation_content_txt .content_txt_left{ width: 35%;}
.reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_title{ color: #333; font-size: 26px; text-align: center; margin-bottom: 22px;}
.reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_title span{color: #21853f;}
.reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_form .left_form_list{border: 0px solid #dcdcdc;line-height: 46px;display: flex;margin-bottom: 15px;justify-content: space-between;}
.reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_form .left_form_list dd{width: 48%;text-align: center;}
.reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_form .left_form_list dt{width: 100%;}
.reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_form .left_form_list input{width: 100%;padding: 0 5px;line-height: 40px;border: 1px solid #ddd;border-radius: 4px;}
.reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_form .left_form_submit{ width: 100%;} 
.reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_form .left_form_submit input{width: 100%;line-height: 45px;border-radius: 5px;background: #21853f;font-size: 18px;color: #fff;cursor: pointer;border: none;} 
.reservation .reservation_content .reservation_content_txt .content_txt_left .txt_left_form .left_form_bottom{ text-align: center; font-size: 14px; color: #999; margin-top: 15px;}
.reservation .reservation_content .reservation_content_txt .content_txt_right{text-align: right;padding: 45px 0px;width: 60%;}
.reservation .form_bottom_content{ margin: 0px; margin-top: 15px;}
.reservation .reservation_content .reservation_content_txt .content_txt_right img{ max-width: 100%;}

.form_bottom_content{ margin: 20px 35px;}
.form_bottom_content p{ font-size: 15px; color: #444444; position: relative; padding: 3px 0px; padding-left: 15px;}
.form_bottom_content p span{ color: #666666; margin-right: 25px;}
.form_bottom_content p::before{ content: ""; position: absolute; width: 6px; height: 6px; border-radius: 100%; background: #901620; left: 0; top: 38%;}





.codebox .content{ display: block; text-align: right;}
.codebox .content dl{ display: inline-block; max-width: 48%;}
.codebox .content dl dt{ margin-top: 10px; font-size: 14px; color: #666;}
.logos1{display:block;}
.logos2{display:none;}
@media(max-width:1000px){
.logos1{display:none;}
.logos2{display:block;}
.logos2 img{display: inline-block;max-width: 120px;color: #000;font-size: 12px;vertical-align: top;}
.logos2 .name{display: inline-block;margin-left: 10px;vertical-align: bottom;}
	.contact-way,.feedback, .codebox{ width: 100%; float: none; text-align: center;}
	.contact-way{ text-align: left;}
	.feedback{ padding: 4% 0;}
	.codebox .content{ text-align: center;}
}


.discoveries{ background: #505254; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;}
.discoveries:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.65); z-index: 0;}
.site-header-more{background: #28292a;}
.site-header-more .logo{ padding: 7px 0;}
.site-header-more .logo span{color: #fff;}
.site-header-more .tel{ color: #fff;}
.site-footer-more{ background: #28292a; color: #fff; font-size: 18px;}
.site-footer-more .wrap_container{ max-width: 1055px; margin: 0 auto; padding: 20px 0;}
.site-footer-more .copyright{ float: left;}
.site-footer-more nav{ float: right;}
.site-footer-more nav li{ display: inline-block; margin-left: 20px;}
.site-footer-more nav li a{ color: #fff;}
@media(max-width:1085px){
	.discoveries-container,
	.site-footer-more .wrap_container{ padding-left: 15px; padding-right: 15px;}
}
@media(max-width:767px){
	.site-footer-more { text-align: center; font-size: 14px;}
	.site-footer-more .wrap_container{ padding: 15px;}
	.site-footer-more .copyright,
	.site-footer-more nav{ width: 100%; float: none;}
	.site-footer-more nav{ margin-top: 10px;}
	.site-footer-more nav li{ margin: 0 5px;}
}

.discoveries-container{ max-width: 1055px; margin: 0 auto; padding: 4% 0; position: relative; z-index: 2;}
.discoveries-tabs ul{ text-align: center;}
.discoveries-tabs li{ display: inline-block; margin: 0 12%;}
.discoveries-tabs li a{ font-size: 20px; color: #fff; display: block; line-height: 1; position: relative;}
.discoveries-tabs li.on a:after{ content:""; position: absolute; bottom: -20px; height: 2px; width: 32px; background: #fff; left: 50%; margin-left: -16px;}
@media(max-width:1024px){
	.discoveries-tabs li{  margin: 0 8%;}
	.discoveries-tabs li a{font-size: 18px;}
}
@media(max-width:767px){
	.discoveries-tabs li{  margin: 0 4%;}
	.discoveries-tabs li a{font-size: 16px;}
}


.discoveries-links { padding: 60px 0 6%;}
.discoveries-links h3{ font-size: 18px; margin: 0 0 30px; font-weight: normal; color: #fff;}
.discoveries-links ul{ margin: 0 -10px;}
.discoveries-links ul li{ width: 16.6666667%; float: left; padding:5px 10px;}
.discoveries-links ul li a{color: #fff; font-size: 14px;}

.discoveries-boxs .wrap-inner{ padding-bottom: 74.503%; position: relative; margin: 0 -5px;}
.discoveries-boxs .item{ position: absolute; padding: 5px;}
.discoveries-boxs .item-inner{ position: relative;}
.discoveries-boxs .item .href{ position: absolute; top: 0; width: 100%; height: 100%; left: 0; z-index: 3;}
.discoveries-boxs .item .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;background-position: center; background-repeat: no-repeat; background-size: cover;}
.discoveries-boxs .item .word{ position: absolute; top: 0; left: 0; background: #fff; padding: 5%; z-index: 2; color: #000;}
.discoveries-boxs .item .word .columnname:after{content: ""; max-width: 56px; height: 3px; background: #000; width: 30%; display: block; margin: 30px 0 0;}
.discoveries-boxs .item .word .columnname>span{ display: block;}
.discoveries-boxs .item .word .cn{ font-size: 24px;}
.discoveries-boxs .item .word .en{ font-size: 18px; margin-top: 8px;}
.discoveries-boxs .item1{ top: 0; left: 0; width: 61.990521%;}
.discoveries-boxs .item1 .item-inner{ padding-bottom:44.992266%; }
.discoveries-boxs .item2{ top: 0; right: 0; width: 37.725118%;}
.discoveries-boxs .item2 .item-inner{ padding-bottom:129.187817%; }
.discoveries-boxs .item3{ top: 38.471338%; left: 0; width: 29.383886%;}
.discoveries-boxs .item3 .item-inner{ padding-bottom:159.933775%; }
.discoveries-boxs .item4{ top: 38.5%; left: 29.383886%; width: 32.511848%;}
.discoveries-boxs .item4 .item-inner{ padding-bottom:61%; }
.discoveries-boxs .item5{ top: 66.059873%; left: 29.383886%; width: 32.511848%;}
.discoveries-boxs .item5 .item-inner{ padding-bottom:79.44012%; }
.discoveries-boxs .item6{ top: 66.059873%; right:0; width: 37.725118%;}
.discoveries-boxs .item6 .item-inner{ padding-bottom:67.8%; }
.discoveries-boxs .item4 .word,
.discoveries-boxs .item5 .word,
.discoveries-boxs .item6 .word{ bottom: 0; top: auto;}
@media(max-width:1240px){
	.discoveries-boxs .item .word .cn{ font-size: 20px;}
	.discoveries-boxs .item .word .en{ font-size: 14px; margin-top: 4px;}
	.discoveries-boxs .item .word .columnname:after{ margin-top: 15px;}
}
@media(max-width:1085px){
	.discoveries-container{ padding-left: 15px; padding-right: 15px;}
}
@media(max-width:767px){
	.discoveries-boxs .item .word .cn{ font-size: 18px;}
	.discoveries-boxs .item .word .en{ font-size: 12px;}
	.discoveries-boxs .wrap-inner{ padding-bottom: 0;}
	.discoveries-boxs .item{position: relative;left: 0;}
	.discoveries-boxs .item1{ width: 100%;}
	.discoveries-boxs .item2,
	.discoveries-boxs .item3{ width: 50%;}
	.discoveries-boxs .item2{ float: left;}
	.discoveries-boxs .item3{ float: right;}
	.discoveries-boxs .item3 .item-inner,
	.discoveries-boxs .item2 .item-inner{ padding-bottom:129.187817%; }
	.discoveries-boxs .item4{ clear: both; float: left; width: 50%;}
	.discoveries-boxs .item4 .item-inner{ padding-bottom: 79.44012%;}
	.discoveries-boxs .item5{ float: right; width: 50%;}
	.discoveries-boxs .item6{ clear: both;  width: 100%;}
	
	
}

.discoveries-cate{ padding: 4% 0 0;}
.discoveries-cate h3{ color: #fff; font-size: 18px; margin: 0; font-weight: normal; padding-bottom: 15px; border-bottom: 1px solid #ededed; position: relative;}
.discoveries-cate h3:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 1px; background: #fff;}
.discoveries-cate h3 a{ color: #fff;}
.discoveries-cate ul{ margin: 0 -10px; padding: 3% 0 0;}
.discoveries-cate ul li{ width: 16.6666667%; float: left; padding:5px 10px;}
.discoveries-cate ul li a{color: #fff; font-size: 14px;}
@media(max-width:1024px){
	.discoveries-cate h3,
	.discoveries-links h3{ font-size: 16px;}
	.discoveries-cate ul li,
	.discoveries-links ul li{ width: 20%;}
}
@media(max-width:768px){
	.discoveries-cate ul li,
	.discoveries-links ul li{ width: 25%;}
	.discoveries-links h3{margin-bottom: 15px;}
	.discoveries-links{ padding-top: 40px;}
}
@media(max-width:640px){
	.discoveries-cate h3,
	.discoveries-links h3{ font-size: 14px;}
	.discoveries-cate ul li,
	.discoveries-links ul li{ width: 33.33334%;}
	.discoveries-cate ul li a,
	.discoveries-links ul li a{ font-size: 12px;}
}
@media(max-width:488px){
	.discoveries-cate ul li,
	.discoveries-links ul li{ width: 50%;}
}

.searchcontainer{ background: #f7f7f7; padding: 30px;}
.searchcontainer .auto{ padding-left: 50px; padding-right: 50px;}
.searchcontainer .columnname{ border-bottom: 1px solid #ededed;line-height: 1; margin-bottom: 4%;}
.searchcontainer .columnname span{ color: #212121; font-size: 30px; padding-bottom:13px; padding-top: 4%; position: relative; display: inline-block;}
.searchcontainer .columnname span:after{ content: ""; width: 58px; position: absolute; bottom: 0; left: 0; height: 1px; background: #212121;}
.searchcontainer .nonebox { padding:0 0 3%;}
.searchcontainer .nonebox p{ font-size: 20px; color: #999;}
.searchcontainer .nonebox .btn{display: block; width: 120px; height: 36px; background: #070002; color: #fff; text-align: center; line-height: 2; font-size: 18px; margin-top: 3%;}

/* .back_top {
  position: fixed;
  right: 5%;
  bottom: 150px;
  width: 40px;
  height: 40px;
  z-index: 100;
  cursor: pointer;
}
.back_top a {
  display: block;
  background: url(../images/back_top.png) no-repeat;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .back_top {
    right: 5px;
    bottom: 15px;
  }
}
 */

.Other002539{ position:fixed; z-index:200; right:0;}
.Other002539 ul li{ position:relative; margin-top: 3px;}
.Other002539 ul li figure{position:absolute;top:0;right:43px;background:#acacac;color:#fff;display:none;}
.Other002539 .li_wechat figure{width:150px;height:150px;text-align:center;}
.Other002539 .li_wechat figure p{line-height:35px;border:0;}
.Other002539 .li_tel figure{ padding:0 20px; font-size:16px;line-height:40px;white-space:nowrap;} 
.Other002539 .li_tel figure a{ color:#fff;}
.Other002539 .icon{display:block;width:40px;height:40px;background-color: #acacac;background-repeat:no-repeat;background-position:50%;}
.Other002539 .li_tel .icon{ background-image:url(../images/right_ico_tel.png);}
.Other002539 .li_wechat .icon{background-image:url(../images/right_ico_wechat.png);}
.Other002539 .icon.gettop{background-image:url(../images/right_ico_top.png);margin-top: 3px;}
.Other002539 .li_wechat img{width:100px;height:100px;}
.Other002539 ul li:hover,
.Other002539 .icon:hover{ background-color: #acacac; }
@media(min-width:1025px){
.Other002539{ bottom:10%;}
.Other002539 ul{ display:block !important;}
.Other002539 .li_tel figure::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:transparent;}
}
@media(max-width:1024px){
.Other002539{ bottom:5%;}
/* .Other002539 ul{ display:none;} */
}


.add_top{
    position: absolute;
    left: 18%;
    text-align: center;
    line-height: 36px;
    background: #fff;
    padding-top: 20px;
    font-size:14px;
    font-family: 微软雅黑;
}
.add_top .sels{
    display: block;
    margin-bottom: 13px;
    padding:0 40px;
    cursor: pointer;
position:relative;
}
.add_top .sels::after{
content:'';position:absolute;width:17px;height:21px;background:url(../images/address.png) center center no-repeat;left:15px;top:8px;
}
.add_top .sels::before{
content:'';position:absolute;width:9px;height:5px;background:url(../images/address_down.png) center center no-repeat;right:20px;top:16px;

}
.subsel{
display:none;
padding-bottom:10px;
padding-top:10px;
}
.subsel a{
    padding:0 40px;
    display: block;
    cursor: pointer;
}
.subsel a:hover{
color:#21853f;
}
@media(max-width:992px){body{padding-top:43px}.add_top{padding-top:2px}}

/*新闻详情页 相关推荐*/
.news_xg_tuijian{}
.news_xg_tuijian_list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.news_xg_tuijian_detail{
	width: 50%;
	margin-bottom: 10px;
}
.news_xg_tuijian_detail:nth-child(odd){
	padding-right: 5px;
}
.news_xg_tuijian_detail:nth-child(even){
	padding-left: 5px;
}
.news_xg_tuijian_detail figure{
	text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
p{
	margin-block-start: unset;margin-block-end: unset;
}
#newtag_case .swiper-pagination{position: unset;}
#newtag_case .swiper-pagination-bullet{background: unset;border: 1px solid #f62d61;}
#newtag_case .swiper-pagination-bullet-active{background:#f62d61;}
.info-container1 .newsList span.createdate{
	background: url(../images/time.png) center left no-repeat;
	padding-left: 20px;
}
.newsList span.author{
	margin-left: 30px;
	background: url(../images/user.png) center left no-repeat;
	padding-left: 20px;
}
.kngxq{
	padding-top: 50px;font-size: 20px;margin-top: 50px;border-top: 1px solid #7f7f7f;
}

.newsList .news{
	display: flex;
	padding: 50px 0px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
}

.newsList .news .img{
	width: 30%;
}
.newsList .news .info{
	width: 70%;
	padding-left: 30px;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.newsList .news .info .title{
	font-size: 16px;
	color: #333333;
	width: 100%;
}
.newsList .news .info .ca{
	font-size: 14px;
	color: #f62d61;
	width: 100%;
}
.newsList .news .info .desc{
	font-size: 14px;
	color: #999999;
	width: 100%;
}
.newsList .href{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.Online-designer2,.Online-designer3{
	background-image: url('../images/newstagbj.png');
	padding: 0 15px 30px 15px;
}
.Online-designer2 h3,.Online-designer3 h3{
	text-align: center;
	font-size: 20px;
	padding: 30px 0;
}
.Online-designer2 .new{
	margin: 10px 0;
}
.Online-designer2 .new a{
	background-color: #fff;
	display: flex;
    align-items: center;
    padding: 15px;
    justify-content: space-between;
}
.Online-designer2 .new a p.ca{
	display: flex;
}
.Online-designer2 .new a span.title{
	color: #666666;
	text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 0 5px;
}
.Online-designer2 .new a span.fire{
	background: url(../images/fire.png) center center no-repeat;
	background-size: 9px 15px;
	width: 15px;
    height: 15px;
}
.Online-designer2 .new a span.jiantou{
	background: url(../images/jiantou.png) center center no-repeat;
	background-size: 21px 12px;
    width: 34px;
    height: 12px;
}

.Online-designer2 .new a:hover{
	background-color: #f62d61;
}
.Online-designer2 .new a:hover span.title{
	color: #fff;
}
.Online-designer2 .new a:hover span.fire{
	background: url(../images/firew.png) center center no-repeat;
	background-size: 9px 15px;
	width: 15px;
    height: 15px;
}
.Online-designer2 .new a:hover span.jiantou{
	background: url(../images/jiantouw.png) center center no-repeat;
	background-size: 21px 12px;
    width: 34px;
    height: 12px;
}

.Online-designer3 .newsList{
	display: flex;
	flex-wrap: wrap;
}

.Online-designer3 .newsList .new{
	height: 32px;
    margin: 10px;
}
.Online-designer3 .newsList .new a{
	color: #7f7f7f;
    padding: 5px 30px;
    border: 1px solid #7f7f7f;
    border-radius: 35px;
}

.Online-designer3 .newsList .new a:hover {
	color: #fff;
    padding: 5px 30px;
    border: 1px solid #f62d61;
    background-color: #f62d61;
    border-radius: 35px;
}
.info-container99{
	border-top: 1px solid #000;
}
.info-container99 .auto{
	display: flex;
}
.info-container99 .xgtj{
	background-image: url('../images/newstagbj.png');
	width: 50%;
	padding: 20px;
}

.info-container99 .xgtj > p{
	font-size: 19px;
	color: #555;
	padding: 20px 0px;
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 20px
}

.info-container99 a{
	color: #444;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	justify-content: space-between;
    align-items: center;
    display: flex;
}

.info-container99 a p.ca{
	text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 0 5px;
}

.info-container99 a span.jiantou{
	background: url(../images/jiantouh.png) center center no-repeat;
	background-size: 21px 12px;
    width: 34px;
    height: 12px;
}

.info-container99 a:hover{
	background-color: #f62d61;
}
.info-container99 a:hover p.ca{
	color: #fff;
}
.info-container99 a:hover span.jiantou{
	background: url(../images/jiantouw.png) center center no-repeat;
	background-size: 21px 12px;
    width: 34px;
    height: 12px;
}





@media(max-width:1000px){
	.flex > .open_menu,  .flex > .lang{
    	width: auto;
	}
	.flex > .open_menu{
		float: left;
	}
	.flex > .lang{
		float: right;
		position: absolute;
		right: 0;
		top:17.5px;
	}

	.pic-list{
		min-height:auto;
	}

	.bottom-contact img{
		width: 100%;
	}
	.site-bottom .bottom-form{
		border:0 !important;
	}

	.site-bottom .weixinbox > div{
		width: 33.33%;
		float: left;
	}

	.position{
		margin:10px auto;
	}

	.position .fl,.position .fr{
		width: 100%;
		float: left;
	}

	.in-menu li{
		width: 50%;
		float: left;
		margin-right:0;
	}

	.content{
		word-wrap: break-word;
	}

	#allmap{
		margin-top:30px;
	}

}


@media (max-width: 767px){
	
	.aboutmore .about1{
		padding:0 !important;
	}

	.reservation .reservation_content .reservation_content_txt {
    padding: 40px 15px !important;
	}

	.reservation .reservation_content .reservation_content_txt .content_txt_left {
    width: 100%;
}
	.reservation .reservation_content .reservation_content_txt .content_txt_right {
    text-align: right;
    padding: 25px 0px;
    width:100%;
}
	.newssx{
		display:block !important;
	}
	.browse-list{
		padding-top:0;
	}
	.case-info .flex .item:first-child{
		margin-bottom:10px;
	}
	.case-info .flex .item:last-child{
		padding-left:0;
	}
	

}