@charset "utf-8";
@font-face {  /*首选*/
	font-family: 'tt_1';
	src:url("tt5.woff") format('woff'),
		url("tt5.ttf") format('truetype'); 
}

html,body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form{ margin: 0; padding: 0; list-style: none;}
img{border:none;border:0;vertical-align: middle;}
iframe{max-width: 100%;margin: 20px 0;}
@media (max-width: 1023px) {iframe{height: auto;width: auto;}}
textarea,input,a,div,img{outline:none;}
li,a,div,nav,header,footer,section,span,p,em,i,dl,dt,dd,ul{box-sizing: border-box;}

body{
	position: relative;color: #212121;
	/*font-family:"tt_1",Arial,'Source Han Sans','思源黑体','微软雅黑';*/
	font-family:'微软雅黑';
	background-color: #f8f8f8;font-size: 14px;
	opacity: 0;
	transition: opacity 0.3s;
}

a{-webkit-tap-highlight-color:rgba(0,0,0,0);color: #333;text-decoration: none;}
p{font-size: 14px;line-height: 1.8;}

h2,h3,h4,h5{margin-bottom: 16px;font-weight: 100;}
h2{font-size: 36px;line-height: 40px;}
h3{font-size: 30px;line-height: 36px;}
h4{font-size: 22px;line-height: 28px;}
h5{font-size: 18px;line-height: 22px;}

@media screen and (max-width: 960px) {
	h2{font-size: 18px;line-height: 24px;}
	h3{font-size: 16px;line-height: 22px;}
	h4{font-size: 14px;line-height: 20px;}
	h5{font-size: 12px;line-height: 18px;}
}

/*—————————————————————————————————— 通用 ————————————————————————————————*/

.center{text-align: center;}
.cf:after{content: "";display: block;height: 0;clear: both;}
.none{display: none;}
a.full{position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index:19;background-color: #fff;opacity: 0;filter:alpha(opacity=0);}
.w1200{
	position: relative;
	margin: 0px auto 60px;
	margin: 0px auto var(--abc-gap-m);
	max-width: 100%;
}
.w1000{position: relative;width: 1000px;margin: 0 auto;font-size: 0;}
.w50_l,.w50_r{position: relative;width: 47%;display: inline-block; vertical-align: top;white-space: pre-line;font-style: normal;}
.w50_l{margin-right: 5%;}

.news_box:after{content: "";display: block;height: 0;clear: both;}

/*—————————————————————————————————— 头部 ————————————————————————————————*/
header{
	position: relative;
	height: 120px;
}
header > .w1200{
	margin-bottom: 0;
}
.header{
	background-image: url("../images/set_bg.png");
}
.logo{
	float: left;height: 100%;line-height: 120px;
}
.logo img{
	max-height: 80px;
	width: auto;
}
nav{float: right;height: 120px;}
nav ul.main{
	position: relative;
	letter-spacing: 2px;
}
nav li.on>a{
	font-weight: 600;
}
.logo ~ nav,
nav ul.main{
	display: flex;
	align-items: center;
}

ul.main li{
	position: relative;
}
nav ul.main > li{
	display: flex;
	align-items: center;
	margin-left: calc(3rem + 0.5vw);
}
nav ul.sub > li + li{
	margin-top: 0.8rem;
}
ul.main li>a{
	font-family:'微软雅黑';
	line-height: 1;
	transition: opacity 0.3s,transform 0.3s,color 0.3s;
}
nav ul.main > li > a{
	display: inline-flex;
}
nav ul.sub li a{
	color: #fff;
	display: flex;
	transition: opacity 0.3s,transform 0.3s,color 0.3s;
}
ul.main a span{
	position: relative;
	display: inline-flex;
	padding: 4px 0;
}
nav ul.main li>a:hover{
	font-weight: 600;
}
nav ul.main a span::after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	height: 1px;
	width: calc(100% - 2px);
	transform: scaleX(0);
	border-bottom: 2px solid;
	opacity: 0;
	transition: transform 0.3s,opacity 0.3s;
}
nav ul.main a:hover span::after{
	transform: scaleX(100%);
	opacity: 1;
}

@media (min-width: 1024px){
	nav ul.main li>a{
		font-size: 1.125rem;
	}
	nav .main ul.sub a{
		font-size: 1rem;
	}
}
@media (min-width: 1280px){
	nav ul.main{
		letter-spacing: 4px;
	}
	ul.main a span::after{
		width: calc(100% - 3px);
	}
}

li.has_sub:after{
	content: "";
	display: inline-flex;
	width: 12px;
	height: 40px;
	background-image: url("../images/nav_arrow.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	margin-right: -6px;
}
nav ul.sub{
	position: absolute;
	top: 99.5%;
	left: 0;
	display: none;
	min-width: 240px;
	padding: 2rem;
	background-color: #333;
	z-index: 9999;
}
nav ul.sub:before{
	content: "";
	position: absolute;
	bottom: 99%;left: 20px;
	border-bottom: 5px solid rgba(22,22,22,.9);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
nav ul.sub li{
	transition: 0.3s;
}

.m_nav .main{
	position: relative;
	z-index: 2;
}
.m_nav ul.sub{
	margin-bottom: 0.5rem;
}
.m_nav li.has_sub:after{
	position: absolute;
	right: 0;
	top: 0;
	height: calc(1rem + 8px);
	margin-right: auto;
}
.m_nav{
	display: none;
    position: absolute;
	width: 100%;
	left: 0;
	top: 120px;
    z-index: 9999;
    padding: calc(20px + 1vw) calc(20px + 1.8rem);
	user-select: none;
}
.m_nav::after{
	content: '';
	position: absolute;
	left: 0;top: 0;right: 0;bottom: 0;
	opacity: 0.9;
}
.m_nav ul.main > li{
	padding: 4px;
}
.m_nav ul.main > li:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,.3);
}
.m_nav a{
	font-size: 1rem;
	line-height: 1;
	padding: 4px 0;
	display: block;
	color: #fff;
}
.m_nav li.on>a{font-weight: 600;}
.m_nav ul.sub li{padding-left: 1.8rem;}
.nav_icon{
	display: none;
	position: relative;
	top: 0;
	width: 100%;
	height: 40px;
	background-image: url("../images/menu.png");
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 100% ;
	background-color: #eaeaea;
	color: #fff;
	z-index: 99;
}
.m-menu-show .nav_icon{
	background-image: url("../images/menu-2.png");
}
.nav_icon span{height: 40px;line-height: 41px;text-indent: 20px;display: inline-block;font-size: 0;}

.nav_icon span:before{
	content: '欢迎';
	font-size: 0.9rem;
}

/*—————————————————————————————————————— slider ————————————————————————————————*/
.slides_content{overflow: hidden;margin-bottom: 60px !important;position: relative;}
.rslides{position:relative;overflow:hidden;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;}

.rslides_tabs{
	position: absolute;
	bottom: 2rem;
	padding: 10px 0;
	text-align: center;
	width: 100%;
	height: 10px;
	z-index: 999;
}
.rslides_tabs li{display: inline-block;}
.rslides_tabs li a{
	background-color: #fff;
	background-color: rgba(255,255,255,.8);
	display: inline-block;
	color: transparent;
	width: 12px;height:12px;
	color: transparent;
	border-radius: 30px;
	vertical-align: middle;
	box-shadow: 1px 1px 4px rgba(0,0,0,.2);
}
.rslides_tabs li{margin: 0 4px;}
li.rslides_here a{background-color: #fff;position: relative;}
li.rslides_here a:after{
	content: "";
	position: absolute;
	width: 4px;height: 4px;
	top: 4px;left: 4px;
	background-color: #555;
	border-radius: 30px;
	transition: 0.1s;
}

.rslides li{position: relative;}
.rslides li p{
	position: absolute;
	display: inline-block;
	left: 0;bottom: 60px;
	padding: 20px 40px;
	color: #fff;
	font-size: 24px;line-height: 30px;
	/*font-family: "tt_1","微软雅黑","MingLiU";*/
	transition: 0.3s;
	z-index: 8;
}

.rslides em{
	position: absolute;
	height: 100%;width: 100%;
	left: 0;top: 0;
	color: transparent;
	background: #222;
	opacity: 0.8;
	filter:alpha(opacity=80);
	z-index: -1;
}
.slides_content .prev,.slides_content .next{width: 40px;height: 40px;background-color: rgba(22,22,22,.1);position: absolute;top: 50%;z-index: 9;margin-top: -20px;transition: 0.3s;}
.slides_content .prev{left: 0;background-image: url("../images/s_prev.png")/*tpa=http://zaowuzhuyi.com/assets/images/s_prev.png*/;}
.slides_content .next{right: 0;background-image: url("../images/s_next.png")/*tpa=http://zaowuzhuyi.com/assets/images/s_next.png*/;}

@media screen and (min-width: 1025px) {
	/*.rslides_tabs:hover li a{width: 20px;height: 20px;}*/
	.slides_content .prev:hover,.slides_content .next:hover{background-color:rgba(22,22,22,.5); }
	/*.rslides_tabs:hover li.rslides_here a:after{width: 6px; height:6px;top: 7px;left: 7px;}*/
}
/*—————————————————————————————————————— about ————————————————————————————————*/
.title_1{
	position: relative;
	display: inline-block;
	width: 65%;
	font-size: 21px;
	font-size: calc(1.325rem + 0.5vw);
	font-weight: 600;
	line-height: 1;
	margin-bottom: 20px;
	padding-left: 0.7em;
}
.gallery_right .title_1{width: 100%;}
.title_1:before{
	content: "";
	position: absolute;
	width: 0.3em;height: 100%;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background-color: #67b48e;
}

p.text{
	font-size: 16px;
	line-height: 1.6;
	white-space: pre-line;
}
p.text img{margin: 20px 0;max-width: 100%;}
.pre_line{white-space: normal !important;}

a.link{
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-top: calc(1rem + 1vmin);
	font-size: 1.125rem;
	line-height: 2.5rem;
	/* font-weight: 600; */
	transition: 0.3s;
	border-bottom: 1px solid;
	letter-spacing: 1px;
}
a.link:after{
	content: ">>";
	display: inline-flex;
	margin-left: calc(0.5rem + 0.5vw);
	height: 32px;
	line-height: 30px;
	/* background-image: url(../images/arrow_go.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%; */
	transition: 0.3s;
}
.pic_text{font-size: 0;}

@media (hover: hover) {
	a.link:hover:after{
		margin-left: 2rem;
	}
}

/*—————————————————————————————————————— service ————————————————————————————————*/

.ser_box{
	position: relative;
	float: left;
	width: 32%;
	margin-right:2%; 
}
.ser_box:nth-child(3n){margin-right: 0;}
.ser_box p{position: relative; font-size: 21px;margin: 14px 0 10px 0;text-align: center;}

.ser_box .img{position: relative;}
.img img{max-width: 100%;}
.box_layer{
	position: absolute;
	left: 0;top: 0;right: 0;bottom: 0;
	margin: 20px;
	background-color: #333;
	opacity: 0;filter:alpha(opacity=0);
	transition: 0.3s;
}

.ser_box .img span{
	display: table-cell;
	position: absolute;
	width: 100%;
	left: 0;top: 60%;
	padding: 0 40px;
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	z-index: 9;
	opacity: 0;filter:alpha(opacity=0);
	transition: 0.5s;
}

.ser_box a{
	position: relative;
	display: block;
	margin-top: 20px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	line-height: 36px;
	font-size: 14px;
	text-align: center;
	transition: 0.3s;
}
.ser_box a:after{
	content: "";
	position: absolute;
	width: 0;height: 100%;
	top: -1px;left: 50%;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #67b48e;
	transition: 0.3s;
}
.ser_box:hover .img .box_layer{opacity: 0.7;filter:alpha(opacity=70);}
.ser_box:hover .img span{top: 50%;opacity: 1;filter:alpha(opacity=100);}

@media screen and (min-width: 1025px) {
	.ser_box a:hover{
		color: #67b48e;
	}
	.ser_box a:hover:after{width: 100%;left: 0;}
}

/*—————————————————————————————————————— 公用元素 ————————————————————————————————*/

.title_group{
	position: relative;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 20px 0;
	margin-bottom: 30px;
}
.title_group .title_1{margin-bottom: 0;width: auto;}
.category{float: right;}
.category a{
	font-size: 1rem;
    display: inline-block;
    margin-left: 1em;
    color: #555;
    line-height: 2;
    padding: 0 2em;
    background: rgba(10,15,20,.07);
    border-radius: 4px;
}
.category a.on{color: #fff;background-color: #67b48e;}

.page{position: relative;height: 100px;text-align: center;}
.page li{
	position: relative;
	top: 40px;
	display: inline-block;
	margin-left: 4px;
	transition: 0.3s;
}
.page li a{
	display: inline-block;
	font-size: 18px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #888;
	box-sizing: border-box;
}
.page_on a{color: #333 !important;}

.main_pic{margin-bottom: 30px;}
.main_pic img{
	width: 100%;
	height: auto;
}

.ctrl{float: right;}
.ctrl .prev,.ctrl .next,.ctrl .back{
	display: inline-block;
	width: 24px;height: 24px;line-height: 24px;
	margin-left: 20px;
	transition: 0.3s;
}
.ctrl .prev{background-image: url("../images/ctrl_p.png")/*tpa=http://zaowuzhuyi.com/assets/images/ctrl_p.png*/;}
.ctrl .back{background-image: url("../images/ctrl_back.png")/*tpa=http://zaowuzhuyi.com/assets/images/ctrl_back.png*/;}
.ctrl .next{background-image: url("../images/ctrl_n.png")/*tpa=http://zaowuzhuyi.com/assets/images/ctrl_n.png*/;}

@media screen and (min-width: 1025px) {
	.category a:hover{color: #555;}
	.category a.on:hover{color: #fff;}
	.page li:hover a{color: #555;}

.ctrl .prev:hover,.ctrl .next:hover,.ctrl .back:hover{opacity: 0.5;filter:alpha(opacity=50);}
}

/*—————————————————————————————————————— gallery ————————————————————————————————*/

.pic_box p{
	position: absolute;
	width: 100%;height: 30px;line-height: 30px;
	top: 50%;left: 0;
	margin-top: -30px;
	font-size: 1.215rem;
	color: #fff;
	z-index: 9;
}
.pic_box p em{
	display: none;
}
.pic_box .layer span{height: 14px;width: 100%;font-size: 12px;position: absolute;top: 50%;left: 0;margin-top: 5px;color: #fff;z-index: 9;}

.layer{
	position: absolute;
	/*background: rgba(22,22,22,.6);*/
	width: 100%;height: 100%;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	margin-top:calc(20px - 0px);
	margin-left: calc(20px - 0px);
}
.layer .bg{
	display: block;
	position: absolute;
	background-color: #67b48e;
	width: 100%;height: 100%;
	top: 0;left: 0;
	z-index: 0;
	opacity: 0.7;filter:alpha(opacity=70);
}
.pic_box img{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	transition: 0.2s;
}

.more{
	display: inline-block;
	width: 5.4rem;
    text-align: right;
    white-space: nowrap;
}
.more a{
	font-size: 0.9rem;
}

.gallery_left{
	width: 78%;
	margin-right: 6%;
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
}
.img_cell{background: #fff;text-align: center;padding: 30px;margin: 20px 0;}
.img_cell img{margin: 0;}
.img_cell_small{display: inline-block;padding: 0;margin: 20px 0;}
.img_cell_small img{margin: 0 !important;}

.gallery_right{
	width: 16%;
	display: inline-block;
	vertical-align: top;
}
.gallery_left em em{display: none;}
.gallery_right .pic_box{width: 100% !important;}
.gallery_right .pic_box p{font-size: 14px;}
.gallery_right .pic_box .layer {width: calc(100% - 20px);height: calc(100% - 20px);margin-top: calc(10px - 0px);margin-left: calc(10px - 0px);}

@media screen and (min-width: 1025px) {
	.pic_box:hover img{
		-webkit-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		filter: grayscale(100%);
	}
}


/*—————————————————————————————————————— news ————————————————————————————————*/
.news_box{
	position: relative;
	width: 48%;
	width: calc(50% - 15px);
	display: inline-flex;
	align-items: flex-start;
	background-color: #fff;
	vertical-align: top;
	margin-bottom: 30px;
	transition: 0.4s,width 0s;
}
.news_box:nth-child(odd){
	margin-right: 30px;
}
.news_box .img{
	width: 40%;
	overflow: hidden;
	/* opacity: 0.5; */
}
.news_box .img img{
	width: 100%;
	height: auto;
    object-fit: cover;
	transition: 0.2s;
}
.news-list{
	margin-bottom: -30px;
}
.news_box .text{
	width: 60%;
	padding: calc(20px + 0.5vw) 0 0 calc(20px + 0.5vw);
}
.news_box .text p{
	font-size: 1.215rem;
	margin-bottom: 10px;
	line-height: 1.2;
	max-height: 2.4em;
	overflow: hidden;
}
.news_right .news_box .text p{max-height: 20px;}
.news_box .text span{
	font-size: 13px;color: #888;
}
.news_left{
	width: 62%;
	margin-right: 6%;
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
}
.news_left>em,.gallery_left>em{font-size: 21px;width: 100%;display: inline-block;font-style: normal;margin-bottom: 10px;line-height: 24px;}
.news_left span.time{color: #999;font-size: 12px;}
.news_left .main_pic{margin: 10px 0 20px 0;}

.news_right{
	width: 32%;
	display: inline-block;
	vertical-align: top;
}
.news_right .title_1{margin-bottom: 36px;}
.news_right .news_box{width: 100%;}
.news_right .news_box .img{float: right;}
.news_right .news_box .text{padding: 20px;float: left;}
.news_right .news_box .text p{font-size: 1rem;line-height: 18px;margin-bottom: 5px;}


@media screen and (min-width: 1025px) {
	.news_box:hover{box-shadow: 2px 2px 20px rgba(0,0,0,.05)}
	.news_box:hover .text p{color: #67b48e;}
	.news_box:hover .img img{transform: scale(1.1)}
}
/*—————————————————————————————————————— contact ————————————————————————————————*/

.contact_left,.contact_right{position: relative;display: inline-block; vertical-align: top;font-size: 14px;line-height: 24px;}
.contact_left{width: 35%; margin-right: 5%;}
.contact_left em,.contact_right em{font-size: 18px;width: 100%;display: inline-block;font-style: normal;margin-bottom: 20px;}
.contact_left p{white-space: pre-line;}
.contact_right{width: 60%;}

.contact_left p a:hover{border-bottom: 1px solid #274b92;}


.contact_right > p{
	font-size: 20px;
	font-family:'微软雅黑';
	margin-bottom: 10px;
}

.form input,.formText{
	border: 1px solid #dedede;
	background-color: #fff;
	font-size: 14px;
	line-height: 16px;
	width: 100%;
	padding: 10px;
	outline:medium;
	border-radius: 0;
	-webkit-appearance: none;
	box-sizing:border-box;
	transition: 0.4s;
}
.form dl{margin-bottom: 1rem;}
.form dt{
	margin-bottom: 0.5rem;
}
.form dl{width: 49%;float: left;}
.form dl:first-child{margin-right: 2%;}
.form textarea{min-height: 100px;max-width: 100%;}
.formBtn button{
	padding: 1em 3em; 
	background-color: #333;
	color: #fff;
	margin: 10px auto;
	line-height: 1;
	cursor: pointer;
	border: none;
	transition: 0.4s;
	border-radius: 6px;
}
@media screen and (min-width: 1025px) {
	.formBtn button:hover{background-color: #67b48e;}
}

/*—————————————————————————————————————— footer ————————————————————————————————*/

footer{
	position: relative;
	margin-top: 30px;
}

.foot_box,.foot_extend img{
	margin: 20px 0 36px 0;
	margin: var(--abc-gap-m) 0;
}
.foot_box{display: inline-block;vertical-align: top;}
.foot_box span,.foot_box a{font-size: 0.9rem;}
.foot_extend{white-space: pre-line;font-size: 0;border-top: 1px solid #e1e1e1;}
.for3{float: right; width: 33%;}
.for4{float: left; width: 24%;margin-right: 1%;}
.for6{float: left; width: 15.6%;margin-right: 1%;}
.foot_extend p{position: relative; margin-bottom: 20px;font-size: 1rem;font-weight: 700;color: #333; /*border-bottom: 1px solid #e1e1e1;padding-bottom: 10px;width: 100%;*/}

.foot_extend a{
	display: block;
	line-height: 1.2;
	overflow: hidden;
	/* height: 24px; */
}
.foot_extend .foot_box a + a{
	margin-top: 15px;
}
.foot_extend span{line-height: 1.8;}
.foot_extend a:hover{color: #67b48e;}

.foot_extend img{max-width: 100%; }
.line{border-bottom: 1px solid #e1e1e1;margin-bottom: 30px;}
.follow{float: right;}
.follow span{
	padding: 4px;
	opacity: 1;
	filter:alpha(opacity=100);
	transition: 0.4s;
}
.follow a{display: inline-block;margin-left: 5px;}
.follow span:hover{opacity: 0.7;filter:alpha(opacity=70);}
.s-qq, .s-weibo, .s-taobao, .s-tt, .s-renren{display: inline-block;width: 28px;height: 28px;background-repeat: no-repeat; background-position: center;background-size:100%; }
.s-qq{ background-image: url("../images/social/dark/qq.png")/*tpa=http://zaowuzhuyi.com/assets/images/social/dark/qq.png*/;}
.s-renren{ background-image: url("../images/social/dark/renren.png")/*tpa=http://zaowuzhuyi.com/assets/images/social/dark/renren.png*/;}
.s-taobao{ background-image: url("../images/social/dark/taobao.png")/*tpa=http://zaowuzhuyi.com/assets/images/social/dark/taobao.png*/;}
.s-weibo{ background-image: url("../images/social/dark/weibo.png")/*tpa=http://zaowuzhuyi.com/assets/images/social/dark/weibo.png*/;}
.s-tt{ background-image: url("../images/social/dark/tt.png")/*tpa=http://zaowuzhuyi.com/assets/images/social/dark/tt.png*/;}

p.copy{font-size: 11px;line-height: 30px; float: left;display: }

.copy a{color: #999 !important;}
footer .w1200 p{display: inline-block;}

div.copy{
	display: flex;
	align-items: center;
}

/*—————————————————————————————————————— 整体响应 ————————————————————————————————*/
@media screen and (max-width: 1279px) {
	.w1200{width: 1000px !important;}
	nav ul.main{font-size: 14px;letter-spacing: 0;}

}

@media screen and (max-width: 1024px) {
	.layer{
		display: block !important;
		top: 0  !important;
		right: 0  !important;
		left: 0  !important;
		bottom: 0  !important;
		background-color: transparent;
		transition: 0s !important;
	}
	.pic_box .layer p{ top: auto;bottom: 0;background-color: rgba(11,11,11,.5);font-size: 12px;}
	.pic_box .layer span{display: none;}
	.pic_box .bg{display: none;}

/*	.rslides_tabs li a{
		width: 20px;height: 20px;
	}*/
	/*.rslides_tabs li.rslides_here a:after{width: 6px; height:6px;top: 7px;left: 7px;}*/
}
.padd{
	margin-bottom: 60px;
}
@media screen and (max-width: 959px) {
	.w1200{width: 100% !important;padding: 0 20px;}
	.w50_l,.w50_r,.contact_left,.contact_right{width: 100%;margin-right:0; }
	.w50_l,.w50_r{margin-bottom: 20px;}
	.padd{margin-bottom: 40px;}

	header{
		height: auto;
		margin-bottom: 30px;
		position: sticky;
		top: 0;
		z-index: 999;
		background: #f8f8f8;
	}
	.logo ~ nav{display: none;}
	.logo{float: none;width: 100%;text-align: center;line-height: 80px;}
	.logo img {
		max-height: 60px;
	}
	.nav_icon{
		display: block;
		width: calc(100% + 40px);
		left: -20px;
	}

	.rslides li p{display: none;}
	.slides_content{margin-bottom: 40px !important;}
	.slides_content .next{right: 20px}
	.slides_content .prev{left: 20px}
	.category a{
		padding: 0 1em;
	}
	/* .title_1:before{height: 12px;} */
	.title_group{padding: 10px 0;}

	/*.ser_box{width: 100%;}*/
	.ser_box .img span{display: none;}
	.ser_box p{font-size: 14px;margin: 10px 0 0 0;height: 14px;line-height: 14px; overflow: hidden;}
	.ser_box a{margin-bottom: 20px;font-size: 14px;line-height: 26px;margin-top: 10px;}
	.box_layer{display: none;}

	.main_pic{margin-bottom: 20px;}


	.pic_box{width: 50% !important;}
	
	.gallery_left{margin-right: 0;width: 100%;}
	.gallery_right{display: none;}

	.news_box{width: 100%;margin-bottom: 20px;}
	.news_box:nth-child(odd){margin-right: 0;}
	.news_right{display: none;}
	.news_left{width: 100%;margin-right: 0;}

	.page li a{font-size: 14px;}
	.page{height: 80px;}
	.ctrl{position: relative;top: 3px;}

	.contact_left p{font-size: 14px;}
	.contact_left{margin-bottom: 30px;}
	.contact_left,.contact_right{width: 100%;margin-right: 0;}
	.foot_extend{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: var(--abc-gap-m);
		padding: var(--abc-gap-m) 0;
	}
	.foot_extend::after{
		display: none;
	}
	.foot_box{
		display: block;
		margin: 0 !important;
	}
	.for3,.for6,.foot_box{
		width: calc(48% - ( var(--abc-gap-m) * 0.5) );
	}
	.foot_box span,.foot_box a{font-size: 0.9rem;}
	.foot_extend p{font-size: 1.215rem;}
	.foot_extend a{line-height: 1.2;}
	.follow {float: none;text-align: center;}
	p.copy{width: 100%;float: none;text-align: center;}
	.foot_extend span{line-height: 1.8;}
}
@media screen and (max-width: 768px) {
	.foot_box{
		width: 100%;
		display: block;
		margin: var(--abc-gap-m) 0 0 0;
		float: none;
		min-height: 0 !important;
	}
	.foot_box:last-child{
		margin-bottom: var(--abc-gap-m);
	}
	div.copy{
		justify-content: center;
		margin-top: 20px;
	}
	.news_box .text p{
		font-size: 0.9rem;
		margin-bottom: 4px;
	}
}
@media screen and (max-width: 480px) {
	.category a{font-size: 14px;}
	.pic_box .layer p{ top: auto;bottom: 0;background-color: rgba(11,11,11,.5);font-size: 10px;border-radius: 3px;}
}
@media screen and (max-width: 320px) {
	.pic_box{width: 100% !important;}
}

/* new ---------------------------------------------------------------------------- */
:root{
	--abc-gap-m: calc(1.6rem + 4vh);
	--abc-gap-s: calc(var(--abc-gap-m) * 0.5);
	--abc-gap-l: calc(var(--abc-gap-m) * 1.5);
}
html{
	font-size: 16px;
}
body,
p,
.category a,
.foot_extend p,
.formBtn button,
p.text{
	font-size: 1rem;
}
.news_left>em,
.gallery_left>em,
.gallery_right .title_1,
.news_right .title_1,
.contact_left em,
.contact_right em{
    font-size: 1.215rem;
	line-height: 1;
	margin-bottom: var(--abc-gap-s);
}
.gallery-single  .title_group .title_1,
.news-single  .title_group .title_1{
	font-size: 1.215rem;
}
.gallery_right .title_1,
.news_right .title_1{
	margin-bottom: 0;
}
.news_left{
	position: relative;
}
.news_left span.time {
    font-size: 0.875rem;
	position: absolute;
	line-height: 2rem;
	top: 0;
	right: 0;
}
.news_left .main_pic{
	margin: 0 0 calc(var(--abc-gap-m) * 0.7) 0;
}
.form small,
.form dt{
	font-size: 0.875rem;
}
.title-wrap{
	display: flex;
	height: 2rem;
	justify-content: space-between;
	align-items: center;
	margin-bottom: var(--abc-gap-s);
}
.news_left>em,
.gallery_left>em{
	font-size: 2rem;
	padding-right: 6rem;
}
.my_map{
	height: 20rem !important;
	margin-bottom: var(--abc-gap-m) !important;
}
.main_pic,
footer .w1200,
.line{
	margin-bottom: calc(var(--abc-gap-m) * 0.7);
}
.title_1,
.title_group{
	margin-bottom: var(--abc-gap-s);
}
.title-wrap .title_1{
	margin-bottom: 0;
	white-space: nowrap;
}
.has-main-pic .title_group,
.section-contact .title_group{
	margin-bottom: 4px;
	border-bottom: none;
}
.padd{
	margin-bottom: var(--abc-gap-l);
}
.title_group{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.title_group .ctrl{
	float: none;
}
.pic_text p,
.gallery_left p.text{
	font-size: 1.345rem;
	line-height: 1.8;
}
.news_left p.text{
	font-size: 1.215rem;
}
.bg-full{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}
/* about */
.home_t_item{
	display: flex;
	justify-content: space-between;
	gap: var(--abc-gap-m);
	margin-bottom: 48px;
	margin-bottom: var(--abc-gap-m);
}
.about .title-wrap .more{
	display: none;
}
.home_t_item .intro{
	width: 50%;
	min-height: 12.8rem;
}
.home_p_item{
	position: relative;
	padding-top: 56.2%;
	margin-bottom: 48px;
	margin-bottom: var(--abc-gap-l);
}
.home_p_item img,
.home_p_item video{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 2;
}
.home_p_item video{
	height: calc(100% + 1px);
	z-index: 4;
}
.title_group{
	padding: var(--abc-gap-s) 0;
}
/* slider  */
.slider-new{
	position: relative;
	height: calc(100vmin - 120px);
	background-color: rgba(10,15,22,.2);
}

.slider-new.type-02{
	height: 60vmin;
}
.slider-new.type-03{
	height: calc(100vh - 120px) !important;
}
.slider-new .wrap{
	width: 100%;
}
.slider-new .wrap,
.slider-new .item{
	height: 100%;
}
.slider-new .rslides_nav{
	position: absolute;
	z-index: 5;
	display: flex;
	font-size: 0;
	color: transparent;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	transition: opactiy 0.3s,background 0.3s,box-shadow 0.3s;
	cursor: pointer;
	background-position: center;
	border-radius: 50%;
	background-size: 80%;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjkuOCw0My40bC0zNi0zMGMtMi42LTIuMS02LjMtMS44LTguNSwwLjhjLTIuMSwyLjUtMS44LDYuMywwLjgsOC40TDU2LjYsNDhMMjYuMiw3My40DQoJYy0yLjUsMi4xLTIuOSw1LjktMC44LDguNWMyLjEsMi41LDUuOSwyLjksOC40LDAuOGwzNi0zMGMyLjUtMi4xLDIuOS01LjksMC44LTguNUM3MC40LDQzLjksNzAuMSw0My42LDY5LjgsNDMuNHoiLz4NCjwvc3ZnPg0K");
}
.slider-new .rslides_nav.next{
	left: auto;
	right: 10px;
}
.slider-new .rslides_nav.prev{
	transform: translateY(-50%) rotate(180deg);
}
.item:not(.has-link) a.full,
.item:not(.has-m-image) .for-mobile,
.bg-full.for-mobile{
	display: none;
}

/* logos */
.logos-list{
	margin-bottom: 48px;
	margin-bottom: var(--abc-gap-l);
	padding: 15px;
}
.logos-list.w1200{
	margin-bottom: var(--abc-gap-l) !important;
}
.logos-list ul{
	font-size: 0;
}
.logos-list li{
	display: inline-block;
	vertical-align: top;
	width: 16.66667%;
	text-align: center;
	padding: 15px;
}
.logos-list .inner{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: calc(120px + 2vh);
	border: 1px solid rgba(10,15,22,0);
	transition: box-shadow 0.3s;
	border-radius: 8px;
	overflow: hidden;
}
.logos-list.w1200 .inner{
	min-height: calc(100px + 1vh);
}
.logos-list img{
	max-width: 70%;
	max-height: 70%;
	object-fit: cover;
}
.logos-list .tag{
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	writing-mode: horizontal-tb;
	writing-mode: tb;
	letter-spacing: 2px;
	color: #fff;
	padding: 0.6em;
	line-height: 1;
	font-size: 12px;
	transform: translateX(1em);
	z-index: 3;
	transition: opacity 0.3s,transform 0.3s;
}
@media (orientation: portrait) {
	.has-m-image .bg-full.for-desktop{
		display: none;
	}
	.has-m-image .bg-full.for-mobile{
		display: block;
	}
	.slider-new[class*="type"]{
		height: 110vw;
	}
	:root{
		--abc-gap-m: calc(1.6rem + 4vw);
	}
	.home_t_item .intro{
		min-height: 0;
	}
	.about .text-wrap{
		padding-top: 3px;
	}
}
@media (hover: hover) {
	.slider-new .rslides_nav:hover{
		background-color: rgba(10,15,22,.2);
		box-shadow: 0 0 20px 20px rgba(10,15,22,.2);
	}
	.logos-list .inner:hover{
		box-shadow: 5px 5px 40px rgba(10,15,22,.08);
	}
	.logos-list .inner:hover .tag{
		transform: translateX(0);
		opacity: 1;
	}
}
@media (max-width: 959px) {
	.slider-new{
		margin-top: -30px;
	}
	.logos-list li{
		width: 33.333%;
		padding: 2vw;
	}
	.logos-list .inner {
		height: calc(60px + 5vw);
		min-height: 0;
	}
	.logos-list .tag{
		letter-spacing: 0;
		font-size: 10px;
	}
	.slider-new .rslides_nav{
		background-size: 70%;
	}
}
@media (max-width: 768px) {
	html {
		font-size: calc(12px + 1.2vw);
	}
	:root {
		--abc-gap-l: calc(var(--abc-gap-m) * 1.7);
	}
	.logos-list li{
		width: 50%;
	}
	.home_t_item{
		display: block;
	}
	.home_t_item .intro{
		width: 100%;
	}
	footer .copy p {
		font-size: 13px !important;
	}
	.news-list {
		margin-bottom: -10px;
	}
	.w1200,
	.title-wrap {
		margin-bottom: var(--abc-gap-m);
	}
	.news_left>em,
	.gallery_left>em {
		font-size: 1.7rem;
	}
	.news_left span.time {
		position: relative;
		margin-bottom: var(--abc-gap-s);
		display: block;
		margin-top: -1em;
	}
	.pic_text p, .gallery_left p.text{
		font-size: 1.125rem;
	}
	.slider-new .rslides_nav{
		background-size: 40%;
	}
	.slider-new .rslides_nav.next{
		right: 0;
	}
	.slider-new .rslides_nav.prev{
		left: 0;
	}
	.title_1 {
		width: calc(100% - 6rem);
		font-size: calc(1.215rem + 1.5vw);
	}
	.title_group {
		flex-wrap: wrap;
	}
	.category{
		width: 100%;
		margin-top: 1rem;
	}
	section .category a{
		margin: 0 4px 4px 0;
	}
	.news_left p.text {
		font-size: 1.125rem;
	}
	.about .title-wrap .more{
		display: inline-block;
	}
	.about a.link{
		display: none;
	}
}
@media (min-width: 1281px){
	html{
		font-size: 18px;
	}
	.intro p.text{
		font-size: 1.25rem;
	}
	.w1200{
		width: calc(1200px + 10vw) !important;
	}
	.slider-new .rslides_nav{
		background-size: 90%;
	}
}