@font-face {
  font-family: 'D-DIN-DIN-Bold';
  src: url('./font/D-DINExp-Bold.woff') format("woff"), url('./font/D-DINExp-Bold.woff2') format("woff2"), url('./font/D-DINExp-Bold.otf');
}
@font-face {
  font-family: 'Poppins-Regular';
  src: url('./font/Poppins-Regular.woff') format("woff"), url('./font/Poppins-Regular.woff2') format("woff2"), url('./font/Poppins-Regular.otf');
}
@font-face {
  font-family: 'Poppins-Bold';
  src: url('./font/Poppins-Bold.woff') format("woff"), url('./font/Poppins-Bold.woff2') format("woff2"), url('./font/Poppins-Bold.otf');
}
@font-face {
  font-family: 'Poppins-Light';
  src: url('./font/Poppins-Light.woff') format("woff"), url('./font/Poppins-Light.woff2') format("woff2"), url('./font/Poppins-Light.otf');
}
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('./font/Poppins-SemiBold.woff') format("woff"), url('./font/Poppins-SemiBold.woff2') format("woff2"), url('./font/Poppins-SemiBold.otf');
}
:root {
	--pink:#FF7376;
	--orange:#FF8E3E;
	--green:#5FA602;
}
body{ background:#fff; font-family: 'Poppins-Regular'; font-size:16px;}
.body{  position:relative; color: #000; overflow:hidden; line-height: 1.75;}
.body_noban{padding-top: 80px;}
div{box-sizing: border-box;}
a{color: #000;}
a:hover{color: var(--orange); }
.mauto{max-width:1444px; margin:0 auto;}
::-webkit-scrollbar {
  width: 4px;
  height: 0;
}
::-webkit-scrollbar-track {
	width: 4px;
  background: #f0f0f0;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  background-color: #aaa;
  border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
.color_main{color: var(--orange);}
.maxw1000{max-width: 1000px; margin: 0 auto;}
.maxw1100{max-width: 1100px; margin: 0 auto;}
.maxw1280{max-width: 1280px; margin: 0 auto;}
.maxw86{max-width: 86%; margin: 0 auto;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.font20{font-size: 20px;}
.font24{font-size: 24px;}
.font36{font-size: 36px;}
.font64{font-size: 64px;}
.indent2em{text-indent: 2em;}
.lh22{line-height: 2.2;}
.bg_light_blue{background: #F3F7FA;}
.text_center{text-align: center;}
.border_radius10{ -webkit-border-radius: 10px; border-radius: 10px; }
.border_radius20{ -webkit-border-radius: 20px; border-radius: 20px; }
.border_radius20_top{-webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px;border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden;}
.font-uppercase{text-transform: uppercase;}
.color_main{color: var(--orange);}
.bg_pink{background: var(--pink);}
.bg_green{background: var(--green);}
.color_gray{color: #595959;}
.color_lightgray{color: #8C8C8C;}
/*---------------头部导航--------------*/
.header{ position:fixed; left:0; right:0; top:0; z-index:999; background:transparent;transition: all 0.5s;-webkit-transition: all 0.5s; }
.mini,.header_noban{background: #fff; -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.0315); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.0315);}
.header .header_in{margin:0 auto; position: relative; z-index: 2; display: flex; justify-content: space-between;  align-items:center;}
.header .logo {
  float:left;
	line-height: 79px;
}
.navBox{ float:left; position:relative;}
.nav > li {
  float: left;
  position:relative;
	margin: 0 32px;
}
.nav > li > a,.nav > li > .parent > a {
  line-height: 80px;
  font-size: 18px;
  color: #fff; 
  position:relative;
  display:block;
	padding: 0 1px;
	font-family: 'Poppins-Bold';
}
.mini .nav li > a,.mini .nav li > .parent > a,.header_noban .nav li > a,.header_noban .nav li > .parent > a{color: #000;}
.header .nav > li:hover > a,.header .nav > li:hover > .parent > a,.header .nav > li.cur > a,.header .nav > li.cur > .parent > a{color:var(--orange);}
.header .nav > li.cur > a:before,.header .nav > li.cur > .parent > a:before{content: ''; position: absolute; left:50%; width:100%; margin-left: -50%; bottom: 15px; height: 2px; background: #fff; display: none;}
.subNav{ position:absolute; left:50%; margin-left:-90px; min-width:180px; height:0; opacity:0; overflow:hidden; top:60px; background:#fff; -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.0315); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.0315);}
.nav li:hover .subNav{ height:auto; opacity:1; top:80px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.subNav li{ float:none; border-bottom:1px solid rgba(0,0,0,0.05); margin:0; }
.subNav li:last-child{ border-bottom:0;}
.subNav li a{ line-height:40px; font-size:14px; color: #333; white-space:nowrap; text-align:center; display:block;}
.subNav li:hover a,.subNav li.cur a{ color:var(--orange); }
.nav .icon_control{ display:none;}
/*---------------banner--------------*/
.banner{position: relative; z-index: 5;}
.banner img{width: 100%;}
.banner_list{width: 100%; position: relative; overflow: hidden;}
.banner_list li a{display: block;}
.banner_list .bn_page{text-align: center; position: absolute; z-index: 9; left: 0; right: 0; bottom: 65px;}
.banner_list .bn_page .swiper-pagination-bullet{width: 14px; height: 14px; -webkit-border-radius: 14px; border-radius: 14px; background: #fff; margin: 0 8px; opacity: 0.3;}
.banner_list .bn_page .swiper-pagination-bullet-active{opacity: 1;}
.banner_list li img{ -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 2s; transition: all 2s;}
.banner_list li.swiper-slide-active img{-webkit-transform: scale(1); transform: scale(1);}
.banner .text{position: absolute; left: 0; right: 0; bottom: 110px;}
.banner .text .tit{color: #FFFFFF;font-family: 'Poppins-Bold'; line-height: 1.1;}
/** footer **/
.footer{background: #F9F9F9; color: #686868; position: relative; }
.footer a{color: #686868;}
.footer1{padding: 110px 0;}
.footer1 .mauto{display: flex; justify-content: space-between;}
.f_info{ width: 46%;}
.f_info .tit{font-size: 26px;color: var(--orange);font-family: 'Poppins-SemiBold'; margin-bottom: 1.3em;}
.sj{margin-top: 27px;}
.sj a{margin-right: 40px; display: inline-block;}
.weixin{ cursor: pointer; display: inline-block; position: relative;}
.weixin .popweixin{bottom: 30px;
	cursor: default;
	display: none;
	left: -54px;
	padding-bottom: 10px;
	position: absolute;
	z-index: 9;}
.weixin:hover .popweixin{ display:block;}
.popweixin .icon_pop{ position:absolute; left:0; right:0;bottom:0; height:10px;}
.popweixin .pop_in{ background:#fff;-webkit-box-shadow:0 0 40px rgba(0,0,0,0.15);  box-shadow:0 0 40px rgba(0,0,0,0.15); padding:12px 12px;}
.popweixin .pop_in:before{content: ''; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; border-width: 10px; border-style: solid; border-color:#fff transparent transparent transparent }
.popweixin .pop_in .qr_code{ width:109px; height:109px; text-align:center;}
.popweixin .pop_in .qr_code img{ width: 100%;}
.popweixin .pop_in p{ line-height:1.5; text-align:center; padding-top:5px;color:#666;}
.f_form{width: 53%;}
.layui-form-y{margin: 0 -15px; font-size: 87.5%;}
.layui-form-y > *{margin-bottom: 10px; padding: 0 15px;}
.layui-form-y .layui-form-item{margin-bottom: 0;border-bottom: 1px solid #d9d9d9;display: flex;}
.layui-form-y .layui-form-label{line-height: 1.3; padding: 0.9em 0; margin-right: 10px; width: auto; flex-shrink: 0; color: #9C9C9C;}
.layui-form-y .layui-form-item > .layui-input-block{ flex-grow: 1; margin-left: 0; min-height: 0;}
.layui-input-y, .layui-textarea-y{line-height: 1.3; height: auto;padding-left: 0; padding-top: 0.9em; padding-bottom: 0.9em; color: #686868; border: 0; background: none;}
.layui-input-y::-webkit-input-placeholder,.layui-textarea-y::-webkit-input-placeholder {
	color: #9C9C9C;
}
.layui-select-y .layui-select-title .layui-input{line-height: 1.3; height: auto;padding-left: 0; padding-top: 0.9em; padding-bottom: 0.9em; color: #686868; border: 0;-webkit-border-radius: 6px; border-radius: 6px; padding-right: 40px;}
.layui-select-y .layui-select-title .layui-input::-webkit-input-placeholder {
	color: #686868;
	text-align: right;
}
.layui-input-y:focus,.layui-textarea-y:focus,.layui-select-y .layui-select-title .layui-input:focus {
	border-color: rgba(0,0,0,0.2) !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.layui-form-y .layui-form-item-textarea{ display: block;}
.layui-form-y .layui-form-item-textarea .layui-form-label{ padding-bottom: 0;}
.layui-form-y .layui-textarea-y{height: 80px; min-height: auto; text-align: left; padding-left: 0; padding-top: 0;}
.layui-form-y .layui-btn-container{margin-bottom: 0; padding-top: 2em; overflow: hidden;}
.layui-form-y .layui-btn-container .layui-btn-y{width: 113px;height: 2.75em; line-height: 2.75; border: 0; background: var(--orange); text-align: center; color: #fff; font-size: 115%; -webkit-border-radius: 30px; border-radius: 30px; 
	margin: 0;}
.footer2{padding-bottom: 59px;}
.footer2 .hr{width: 100%; height: 1px;background: #D7D7D7;}
/*  index  */
.index .section{padding: 110px 0;}
.index .section1{padding: 60px 0 90px 0;}
.title1{color: var(--orange);font-family: 'Poppins-Bold'; line-height: 1.1; margin-bottom: 0.85em;}
.title2{color: var(--orange);font-family: 'Poppins-Bold'; line-height: 1.1; text-align: center;}
.index .section1 .mauto{position: relative;}
.prd_control{position: absolute; right: 0; top: 0;display:flex;}
.prd_control .prev_prd,.prd_control .next_prd{width: 70px; height: 70px; -webkit-border-radius: 70px; border-radius: 70px; background-color: #fff; background-repeat: no-repeat; background-position:center; cursor: pointer; }
.prd_control .prev_prd{background-image: url(../images/slide_l_white.png);  background-color: var(--orange);margin-right: 29px;}
.prd_control .next_prd{background-image: url(../images/slide_r_white.png); background-color: var(--orange);}
.prd_control .swiper-button-disabled{cursor: default; background-color: #fff;}
.prd_control .prev_prd.swiper-button-disabled{background-image: url(../images/slide_l.png); }
.prd_control .next_prd.swiper-button-disabled{background-image: url(../images/slide_r.png);}
.prd_slide{ margin: 0 -22px;}
.prd_slide li .item{margin: 0 22px; display: block; text-align: center;}
.prd_slide li .imgbox{position: relative; padding-bottom: 115%;}
.prd_slide li .imgbox .bg{position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 100%; -webkit-border-radius: 26px;  border-radius: 26px; background: #FFD482; -webkit-transition: all 0.3s;  transition: all 0.3s;}
.prd_slide li .item:hover .imgbox .bg{ -webkit-border-radius: 50%; border-radius: 50%;}
.prd_slide li .imgbox .img{position: absolute; left: 0; bottom: 0; right: 0; top: 0; z-index: 3; text-align: center;}
.prd_slide li .imgbox .img img{width: 100%; height: 100%; object-fit: contain; -webkit-transform: rotate(29deg); transform: rotate(29deg);-webkit-transition: all 0.3s;  transition: all 0.3s;} 
.prd_slide li .item:hover .imgbox .img img{-webkit-transform: rotate(0deg); transform: rotate(0deg);}
.prd_slide li .text{ margin-top: 24px; text-align: center; padding: 0 5%;}
.prd_slide li .text .hh{margin: 0; line-height: 1.6; }
.page_s{text-align: center; margin-top: 1.5em;}
.page_s .swiper-pagination-bullet{width: 0.5em; height: 0.5em; -webkit-border-radius: 10px; border-radius: 10px; background: #000; margin: 0 0.5em !important; opacity: 0.3;}
.page_s .swiper-pagination-bullet-active{opacity: 1; background: var(--orange);}
.prdbox .page_s{display: none;}
.index .section2{background: #FFF5F6;}
.img_text{display: flex; justify-content: space-between; align-items: center;}
.img_text2{flex-direction: row-reverse;}
.img_text .img{width: 46.7%;}
.img_text .img img{ -webkit-transition: all 0.3s; transition: all 0.3s;}
.img_text .img:hover img{ -webkit-transform: scale(1.03); transform: scale(1.03);}
.img_text .text{width: 50%; max-width: 565px; position: relative;}
.img_text1 .text{padding: 80px 102px 0 0;}
.img_text2 .text{padding: 80px 0 0 102px;}
.img_text .text .line{position: absolute; top: 0; width: 74px; height: 62px; border-width: 0; border-top-width: 10px; border-style: solid;}
.img_text1 .text .line{border-color: var(--pink);border-right-width: 10px;right: 0;}
.img_text2 .text .line{border-color: var(--green);border-left-width: 10px; left: 0;}
.img_text .text .tit{line-height: 1.3;}
.img_text1 .text .tit{color: var(--pink);}
.img_text2 .text .tit{color: var(--green);}
.img_text .text .tit .font36{font-weight: bold; line-height: 1.5;}
.img_text .text .tit .font64{font-family: 'Poppins-Bold';}
.img_text .text .con{margin-top: 1.75em; line-height: 1.6;}
.btn_more{display: inline-block; color: #fff; line-height: 2.25;-webkit-border-radius: 6px; border-radius: 6px; padding: 0 2em;}
.btn_more:hover{color: #fff; opacity: 0.9;}
.img_text2 .text .btn_more{background: var(--green);}
.img_text .text .btn{ margin-top: 40px;}
.index .section4{padding: 110px 0 0 0; background: url(../images/indexbg1.jpg) no-repeat top center #FFF2EA;}
.ind_us{max-width: 766px; margin: 0 auto;}
.ind_us .con{ margin-top: 20px;}
.ind_us .ss{ margin-top: 32px; display: flex; justify-content: center;}
.ind_us .ss .item{display: flex; align-items: center; padding: 16px 30px; background: #FFE3D0; -webkit-border-radius: 16px; border-radius: 16px; margin: 0 20px;}
.ind_us .ss .item .s_img{max-width: 52px; flex-shrink: 0;}
.ind_us .ss .item .text{font-family: 'Poppins-SemiBold';font-size: 112.5%;color: #FF8E3E;line-height: 24px; margin-left: 1em;}
.img_half_white{margin-top: 55px; text-align: center; position: relative;}
.img_half_white:before{ content: ''; position: absolute; width: 3000px; left: 50%; margin-left: -1500px; bottom: 0; height: 50%; background: #fff;}
.img_half_white img{position: relative; z-index: 3;}
.index .section5{padding: 55px 0 100px;}
.video_slide{margin-top: 55px;}
.video_slide li{width: 800px;}
.video_slide li .item{margin: 0 23px; text-align: center; overflow: hidden; -webkit-border-radius: 24px; border-radius: 24px; cursor: pointer; }
.video_slide li .imgbox{position: relative; padding-bottom: 56.91%;}
.video_slide li .imgbox::before{content: ''; width: 93px; height: 93px; background: url(../images/icon_play.png) no-repeat center; background-size: contain; position: absolute; z-index: 5; left: 50%; margin-left: -46px; top: 50%; margin-top: -46px; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
.video_slide li.swiper-slide-active .imgbox::before{ opacity: 1;}
.video_slide li .imgbox .img{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.video_slide li .imgbox .img img{width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.3s; transition: all 0.3s; }
.video_slide li .item:hover .imgbox .img img{ -webkit-transform: scale(1.02); transform: scale(1.02);}
.pop_video{position:fixed;z-index:9999; left:0; top:0; right:0; bottom:0; display:none;}
.pop_video .mask{ position:fixed;  left:0; top:0; right:0; bottom:0; background:#000;opacity:0.45;  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=45);}
.pop_video .video_play{ position:relative; z-index:1; box-sizing: border-box; padding: 20px; -webkit-border-radius: 10px; border-radius: 10px; max-width:1000px; width:100%;max-height:calc(85vh + 40px);left:50%; background:#fff; top:50%; top:15%\9; transform:translateY(-50%, -50%); -webkit-transform:translate(-50%, -50%);  }
:root .pop_video .video_play{top:50%;}
.pop_video .video_play .video_play_in{ position:relative;}
.pop_video .video_play .video_size{ padding-bottom:56.25%;}
.pop_video .video_play .video{position:absolute; left:0; right:0; top:0; bottom:0;max-height:85vh;}
.pop_video .clockp{ position:absolute; top:-10px; right:-12px; border-radius:50%; width:25px; height:25px;-webkit-transform:rotate(45deg);transform:rotate(45deg); cursor:pointer; background: #fff;}
.pop_video .clockp .t1{ width:1px; height:17px; background:#000;position:absolute; top:4px; left:12px;}
.pop_video .clockp .t2{ width:17px; height:1px; background:#000;position:absolute; left:4px; top:12px;}
.pop_video.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.pop_video.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}
@keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}
@-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}
@-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}
.newsBox{display: flex; justify-content: space-between;}
.adNews1{width: 67.87%;}
.adNews1 ul{display: flex; flex-wrap: wrap; margin: 0 -18px;}
.adNews1 li{width: 50%;}
.adNews1 li .item{display: block;margin: 0 18px;}
.adNews1 li .imgbox{position: relative; overflow: hidden; padding-bottom: 67.8%;-webkit-border-radius: 16px; border-radius: 16px;}
.adNews1 li .imgbox .img{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.adNews1 li .imgbox .img img{width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.3s; transition: all 0.3s;}
.adNews1 li .item:hover .imgbox .img img{ -webkit-transform: scale(1.03); transform: scale(1.03);}
.adNews1 li .text{ padding: 18px 16px;}
.adNews1 li .text .hh{margin: 0 0 9px; line-height: 1.3; font-weight: bold;}
.adNews1 li .text p{ color: #000; font-size: 87.5%; opacity: 0.65; line-height: 1.4; height: 2.8em; overflow: hidden;}
.adNews1 li .text .time{font-size: 87.5%; color: var(--orange); margin-top: 1em;}
.adNews2{width: 26.6%;}
.adNews2 li{margin-bottom: 48px;}
.adNews2 li:last-child{margin-bottom: 0;}
.adNews2 li .hh{margin: 0 0 9px; line-height: 1.3; font-weight: bold;}
.adNews2 li p{ color: #000; font-size: 87.5%; opacity: 0.65; line-height: 1.4; height: 2.8em; overflow: hidden;}
.adNews2 li .time{font-size: 87.5%; color: var(--orange); margin-top: 1em;}

/* product */
.main_custom{padding-bottom: 80px;}
.title3{color: var(--orange);font-family: 'Poppins-Bold'; font-size: 42px; margin-bottom: 1.2em; line-height: 1.3; text-align: center;}
.menu{display: flex; justify-content: center; margin-top: -34px; margin-bottom: 75px; position: relative;z-index: 99;}
.menu ul{display: flex; justify-content: center; overflow: auto;background: #fff; -webkit-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.07); box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.07);min-width: 878px; padding: 0 75px; box-sizing: border-box;}
.menu li{margin: 0 3.8%; white-space: nowrap;}
.menu li a{display: block; line-height: 68px; color: #8C8C8C; position: relative; font-size: 20px;}
.menu li:hover a,.menu li.cur a{ color:var(--orange);}
.menu li:hover a:before,.menu li.cur a:before{content: ''; position: absolute; left: 0;  bottom: 0; width: 100%; height: 3px; background: var(--orange); }
.page { text-align: center;margin-bottom: 35px; }
.page a{display: inline-block; line-height: 48px;  margin:0 7px; color: #BCBCBC;vertical-align: middle;}
.page a.cur,.page a:hover{ color:var(--orange); }
.page a.page-pre,.page a.page-next{-webkit-border-radius: 50%; border-radius: 50%; width: 48px; height: 48px; box-sizing: border-box; border: 1px solid #BCBCBC;} 
.page a.page-pre{margin-right: 15px;background: url(../images/slide_l2_white.png) no-repeat center #FF8E3E; border-color: #FF8E3E;}
.page a.page-next{margin-left: 15px; background: url(../images/slide_r2_white.png) no-repeat center #FF8E3E; border-color: #FF8E3E;}
.page a.page-pre.disabled{background: url(../images/slide_l2.png) no-repeat center #fff; border-color: #BCBCBC; cursor: default;}
.page a.page-next.disabled{background: url(../images/slide_r2.png) no-repeat center #fff;border-color: #BCBCBC; cursor: default;}
.prd_list{ margin: 0 -22px;}
.prd_list ul{display: flex; flex-wrap: wrap;}
.prd_list li{width: 33.33%; margin-bottom: 40px;}
.prd_list li .item{margin: 0 22px; display: block; text-align: center;}
.prd_list li .imgbox{position: relative; padding-bottom: 115%;}
.prd_list li .imgbox .bg{position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 100%; -webkit-border-radius: 26px;  border-radius: 26px; background: #FFD482; -webkit-transition: all 0.3s;  transition: all 0.3s;}
.prd_list li .item:hover .imgbox .bg{ -webkit-border-radius: 50%; border-radius: 50%;}
.prd_list li .imgbox .img{position: absolute; left: 0; bottom: 0; right: 0; top: 0; z-index: 3; text-align: center;}
.prd_list li .imgbox .img img{width: 100%; height: 100%; object-fit: contain; -webkit-transform: rotate(29deg); transform: rotate(29deg);-webkit-transition: all 0.3s;  transition: all 0.3s;} 
.prd_list li .item:hover .imgbox .img img{-webkit-transform: rotate(0deg); transform: rotate(0deg);}
.prd_list li .text{ text-align: center; padding: 24px 5%;}
.prd_list li .text .hh{margin: 0; line-height: 1.6; }
.product_detail{position: relative;}
.product_detail:before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 828px; background: url(../images/prddbgtop.jpg) no-repeat top center; background-size: 100% auto;}
.product_detail:after{content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 747px; background: url(../images/prddbgbottom.jpg) no-repeat bottom center; background-size: 100% auto;}
.product_detail .mauto{position: relative; z-index: 99;}
.prd_dec{max-width: 1100px; margin: 0 auto;}
.prd_dec_top{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: -25px; margin-bottom: 80px;}
.prd_dec_top .imgbox_prdD{width: 40.9%; }
.prd_dec_top .imgbox_prdD .imgbox{position: relative;padding-bottom: 115%;}
.prd_dec_top .imgbox_prdD .bg{position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 100%; -webkit-border-radius: 26px;  border-radius: 26px; background: #FFD482; -webkit-transition: all 0.3s;  transition: all 0.3s;}
.prd_dec_top .imgbox_prdD .img{position: absolute; left: 0; bottom: 0; right: 0; top: 0; z-index: 3; text-align: center;}
.prd_dec_top .imgbox_prdD .img img{width: 100%; height: 100%; object-fit: contain; -webkit-transform: rotate(29deg); transform: rotate(29deg);-webkit-transition: all 0.3s;  transition: all 0.3s;} 
.dec_prdD{ margin-top: 8.5%; width: 52%;}
.dec_prdD h1{margin: 0 0 24px;font-size: 36px;color: var(--orange);font-family: 'Poppins-Bold'; line-height: 1.4;}
.dec_prdD .dec{font-size: 112.5%;}
.dec_prdD .btn_xunpan{display: inline-block; margin-top: 28px; color: #FFFFFF; line-height: 2.625; width: 8.5em; text-align: center;background: var(--orange); -webkit-border-radius: 45px;  border-radius: 45px; cursor: pointer;}
.dec_prdD .btn_xunpan:hover{opacity: 0.9;}
.tab_tit{text-align: center; margin-bottom: 40px;}
.tab_tit .tit{-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.07); box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.07);-webkit-border-radius: 58px;  border-radius: 58px; display: inline-block;font-size: 28px;font-family: 'Poppins-Bold'; line-height: 2.43; padding: 0 1.6em; color: var(--orange);}
.det_more{margin-top: 80px; margin-bottom: 5px; background: #FFF2EA; -webkit-border-radius: 16px;  border-radius: 16px; padding: 30px 20px;}
.det_more .det_more_in{max-width: 1100px;margin: auto; display: flex; justify-content: space-between; align-items: center;}
.det_more .prev_next{font-size: 112.5%; }
.det_more .prev_next a{opacity: 0.45;}
.det_more .prev_next a:hover{opacity:1;}
.back .btn_back{display: inline-block; font-size: 1.25em; color: #fff; font-weight: bold; background: var(--orange); line-height: 2.6; width: 6.9em; text-align: center;-webkit-border-radius: 58px;  border-radius: 58px;}
.back .btn_back:hover{ opacity: 0.9; color: #fff;}
.pop_form{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; display: none;}
.pop_form .mask{position:fixed;  left:0; top:0; right:0; bottom:0; background:#000;opacity:0.45;  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=45); cursor: pointer;}
.pop_form .msg_form_con{ position:relative; z-index:1; box-sizing: border-box; padding: 90px 30px 80px;  -webkit-border-radius: 24px; border-radius: 24px; max-width:1100px; width:95%;left:50%; background:#fff; top:50%; transform:translateY(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.pop_form .msg_form_con .close{position: absolute; top: 36px; right: 7.3%; width: 56px; height: 56px; background: url(../images/close.png) no-repeat center; cursor: pointer;}
.pop_form .msg_form{max-width: 663px; margin: 0 auto;}
.pop_form .msg_form .tit{font-family: 'Poppins-Bold'; color: var(--orange); text-align: center; margin-bottom: 1em;}
.pop_form .layui-form-y{margin: 0;}
.pop_form .layui-form-y .layui-form-label{color: var(--orange); font-weight: bold;}
.pop_form .layui-form-y > *{margin-bottom: 20px; padding: 0;}
.pop_form .layui-form-y .layui-textarea-y{height: 75px;}
.pop_form .msg_form .layui-form-y .layui-btn-container{text-align: center; margin-bottom: 0; padding-top: 2em;}
.pop_form .msg_form .layui-form-y .layui-btn-n{width: 8.5em;height: 2.625em; line-height: 2.625; border: 0; border:1px solid var(--orange); text-align: center; color: var(--orange); font-size: 115%; -webkit-border-radius: 30px; border-radius: 30px; margin: 0; background: none;}
.pop_form .msg_form .layui-form-y .layui-btn-n:hover{background: var(--orange); color: #fff;}
/* news */
.news_list ul{display: flex; flex-wrap: wrap; margin: 0 -16px;}
.news_list li{width: 33.33%; margin-bottom: 34px;}
.news_list li .item{display: block;margin: 0 16px;}
.news_list li .imgbox{position: relative; overflow: hidden; padding-bottom: 67.8%;-webkit-border-radius: 16px; border-radius: 16px;}
.news_list li .imgbox .img{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.news_list li .imgbox .img img{width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.3s; transition: all 0.3s;}
.news_list li .item:hover .imgbox .img img{ -webkit-transform: scale(1.03); transform: scale(1.03);}
.news_list li .text{ padding: 24px 16px;}
.news_list li .text .hh{margin: 0 0 9px; line-height: 1.3; font-weight: bold;}
.news_list li .text p{ color: #000; font-size: 87.5%; opacity: 0.65; line-height: 1.4; height: 2.8em; overflow: hidden;}
.news_list li .text .time{font-size: 87.5%; color: var(--orange); margin-top: 1em;}
.news_detail{ padding-top: 75px;}
.news_dec_top{text-align: center; margin-bottom: 40px;}
.news_dec_top h1{margin: 0 0 0.35em; line-height: 1.3;}
.news_dec_top .time{display: inline-block; padding-left: 30px; line-height: 24px; background: url(../images/time.png) no-repeat left center; font-size: 112.5%; color: var(--orange);}
.news_dec_con{color: #8C8C8C;}
.other_more{ display: flex; justify-content: space-between; align-items: center; margin-top: 40px; padding-top: 30px; border-top: 1px solid #CECECE;}
.other_more .prev_next{font-size: 112.5%; }
.other_more .prev_next a{opacity: 0.45;}
.other_more .prev_next a:hover{opacity:1;}

/* equipment */
.equipment1{display: flex; justify-content: space-between; margin-bottom: 40px}
.equipment1 .item_l{width: 49%;}
.equipment1 .item_l .item{display: block; height: 100%; margin-right: 20px;-webkit-border-radius: 24px; border-radius: 24px; overflow: hidden; position: relative;}
.equipment1 .item_l .imgBox{height: 100%;position: relative;}
.equipment1 .img{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.equipment1 .img img{width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.3s; transition: all 0.3s;}
.equipment1 .item:hover .img img{-webkit-transform: scale(1.02); transform: scale(1.02);}
.equipment1 .item_l .text{position: absolute; left: 0; right: 0; bottom: 0; padding:0.9em 1em; line-height: 1.4; text-align: center; font-size: 125%; background: rgba(0,0,0,0.45); color: #fff;}
.equipment1 .item_r{width: 51%;}
.img_list{margin: 0 -20px;}
.img_list ul{display: flex; flex-wrap: wrap; justify-content: space-between;} 
.img_list li{width: 50%; margin-bottom: 40px;}
.img_list li .item{display: block; margin: 0 20px;-webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; position: relative;}
.img_list li .imgBox{padding-bottom: 67.89%;position: relative;}
.img_list li .img{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.img_list li .img img{width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.3s; transition: all 0.3s;}
.img_list li .item:hover .img img{ -webkit-transform: scale(1.02); transform: scale(1.02);}
.img_list li .text{position: absolute; left: 0; right: 0; bottom: 0; padding:0.9em 1em; line-height: 1.34; text-align: center; font-size: 87.5%; background: rgba(0,0,0,0.45); color: #fff;}
.img_list1{margin: 0;}
.img_list1 li:nth-child(3),.img_list1 li:nth-child(4){margin-bottom: 0;}
.img_list2 li{width: 33.33%;}
.img_list2 li .imgBox{padding-bottom: 65.2%;}
.img_list3 li{width: 50%;}
.img_list3 li .imgBox{padding-bottom: 49.86%;}

/* conatct */
.contact_info{display: flex; margin-top: 96px; justify-content: space-between;}
.contact_info .info{margin-top: 20px;}
.contact_info .info .tt{font-size: 42px;color: var(--orange);font-family: 'Poppins-Bold'; line-height: 1.3; margin-bottom: 0.7em;}
.contact_info .info .pp{font-size: 125%; opacity: 0.65; color: #000; line-height: 1.5;}
.person_list{ margin-right: 5%;}
.person_list ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -33px;}
.person_list li{width: 33.33%; text-align: center;}
.person_list li .item{margin: 0 12px;}
.person_list li .text{margin-top: 12px; line-height: 1.5; font-size: 112.5%; color: #666;}
.person_list li .text .name{color: var(--orange); font-weight: bold;}
.mapbox{margin-top: 60px; margin-bottom: 49px; position: relative;}
.mapbox .map{-webkit-border-radius: 24px; border-radius: 24px; overflow: hidden;}
.mapbox .map img{object-fit: cover; height: 431px;}
.mapbox .text{position: absolute; left: 52.5%; width: 36%; bottom: 50%; background: var(--orange); padding: 29px 40px 36px; color: #fff;-webkit-border-radius: 24px; border-radius: 24px;}
.mapbox .text:before{content: ''; position: absolute; left: -27px; bottom: 0; border-width: 42px 27px;border-style: solid;border-color:transparent var(--orange)  var(--orange)  transparent ; z-index: 2;}
/* about */
.main_us .section{padding: 117px 0 100px; color: #595959;}
.main_us .section1 .title5{ margin-top: -30px; margin-bottom: 40px;}
.main_us .section1 .title5 .tit{color: var(--orange);font-family: 'Poppins-SemiBold'; line-height: 1.3;}
.us{display: flex; justify-content: space-between;}
.us .item_l{width: 51.6%;}
.video_img{cursor: pointer; margin-bottom: 80px;}
.video_img img{ -webkit-transition: all 0.3s; transition: all 0.3s;}
.video_img:hover img{-webkit-transform: scale(1.01); transform: scale(1.01);}
.vbnm ul{display: flex;justify-content: center;}
.vbnm li{padding-right: 7%; max-width: 31%; box-sizing: border-box;}
.vbnm li:last-child{margin-right: 0;}
.vbnm li .num{font-size: 36px; color: var(--orange); line-height: 1; white-space: nowrap;}
.vbnm li:nth-child(3) .num{font-size: 24px;}
.vbnm li .num span{font-family: 'D-DIN-DIN-Bold';font-size: 56px; margin-right: 8px;}
.vbnm li p{line-height: 1.2; margin-top: 0.2em; font-size: 112.5%;}
.us .item_r{width: 44.25%;}
.us .item_r p{margin-bottom: 1.5em;}
.main_us .section2{background: #FFF2EA;}
.culture{display: flex; justify-content: space-between;}
.culture .item_l{width: 55.5%; margin-top: 20px;}
.culture .item_l p{margin-bottom: 1.5em;}
.culture .item_r{width: 40%; margin-bottom: 20px;}
.main_us .section3{background: url(../images/usbg.jpg) no-repeat center; background-size: cover; color: #fff;}
.main_us .section3 .title1{color: #fff; margin-bottom: 1.7em;}
.history{padding-left: 180px; position: relative;}
.his_list{height: 420px;border-top: 1px solid rgba(255,255,255,0.25);border-bottom: 1px solid rgba(255,255,255,0.25);}
.his_list{overflow: hidden;}
.his_list li{ border-bottom: 1px solid rgba(255,255,255,0.25);height: auto !important; }
.his_list li .item{display: flex; justify-content: space-between; padding: 20px 0;}
.his_list li .item .year{font-size: 100px; line-height: 1;font-family: 'D-DIN-DIN-Bold'; margin-right: 0.5em;}
.his_list li .item .con{max-width: 707px; width: 80%; font-size: 125%; align-self: center;font-family: 'Poppins-Light';}
.history .prev_h,.history .next_h{width: 70px; height: 70px; -webkit-border-radius: 70px; border-radius: 70px; background-color: #fff; background-repeat: no-repeat; background-position:center; cursor: pointer; position: absolute; left: 0; }
.history .prev_h{background-image: url(../images/slide_l4_white.png);  background-color: var(--orange); top: 34px;}
.history .next_h{background-image: url(../images/slide_r4_white.png); background-color: var(--orange); top: 116px;}
.history .swiper-button-disabled{cursor: default; background-color: #fff;}
.history .prev_h.swiper-button-disabled{background-image: url(../images/slide_l4.png); }
.history .next_h.swiper-button-disabled{background-image: url(../images/slide_r4.png);}
.main_us .section4 .mauto{position: relative;}
.honor{padding: 20px 0;}
.honor_list{margin: 0 -21px; text-align: center; }
.honor_list li .item{margin: 0 21px;padding: 26px; background: rgba(255,142,62,0.07);-webkit-border-radius: 16px; border-radius: 16px; display: block; border: 0 !important;}
.honor_list li .imgbox{position: relative; padding-bottom: 125%;}
.honor_list li .imgbox .img{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.honor_list li .imgbox .img img{width: 100%; height: 100%; object-fit: contain; -webkit-transition: all 0.3s; transition: all 0.3s;}
.honor_list li .item:hover .imgbox .img img{ -webkit-transform: scale(1.02); transform: scale(1.02);}
.swip_control{position: absolute; right: 0; top: 0;display:flex;}
.swip_control .prev_o,.swip_control .next_o{width: 70px; height: 70px; -webkit-border-radius: 70px; border-radius: 70px; background-color: #fff; background-repeat: no-repeat; background-position:center; cursor: pointer; }
.swip_control .prev_o{background-image: url(../images/slide_l1_white.png);  background-color: var(--orange); margin-right: 29px;}
.swip_control .next_o{background-image: url(../images/slide_r1_white.png); background-color: var(--orange);}
.swip_control .swiper-button-disabled{cursor: default; background-color: #fff;}
.swip_control .prev_o.swiper-button-disabled{background-image: url(../images/slide_l1.png); }
.swip_control .next_o.swiper-button-disabled{background-image: url(../images/slide_r1.png);}
.honor .page_s{display: none;}
@media (max-width:1500px){
	.mauto{ padding:0 40px;}
}

@media (max-width:1400px){
	.font36{font-size: 32px;}
	.font64{font-size: 56px;}
	body{ font-size: 15px;} 
	.title3{font-size: 40px;}
	.dec_prdD h1{font-size: 32px;}
	.vbnm li .num{font-size: 26px;}
	.vbnm li:nth-child(3) .num{font-size: 20px;}
	.vbnm li .num span{font-size: 48px;}
	.vbnm li p{font-size: 100%;}
}
@media (max-width:1300px){
	.header .logo{max-width: 34%;}
	.nav > li {margin: 0 30px;}
	.index .section5{padding-bottom: 3vw;}
	.equipment1{margin-bottom: 20px;}
	.equipment1 .item_l .item{margin-right: 10px;}
	.img_list li{margin-bottom: 20px;}
	.img_list li .item{margin: 0 10px;}
	.img_list{margin: 0 -10px;}
	.img_list1{margin: 0;}
	.history{padding-left: 120px;}
	.his_list li .item .year{font-size: 80px;}
}
@media (max-width:1200px){
	.font20{font-size: 18px;}
  .font24{font-size: 22px;}
	.font36{font-size: 28px;}
	.font64{font-size: 48px;}
	body{ font-size: 14px;}
  .nav > li {margin: 0 20px;}
	.banner .text{bottom: 18%;}
	.prd_control{top: -9px;}
	.title3{font-size: 36px;}
	.dec_prdD h1{font-size: 28px;}
	.tab_tit .tit{font-size: 26px;}
	.person_list{margin-right: 0;}
	.person_list ul{margin: 0 -1em;}
	.contact_info .info .tt{font-size: 38px;}
	.mapbox .text{width: 45%;}
	.swip_control{top: -9px;}
}
@media (max-width:1100px){
	.pop_video .video_play{ width:95%;}
}
@media (max-width:1023px){
	.body{padding-top: 54px;}
	.header{position:fixed;top:0; left:0; width:100%; padding-top:0; height:54px;  z-index:1000; color:#000;  padding:0; background: #fff; }
	.header .header_in{max-width: 100%;border-bottom:0; position: relative;}
	.header .logo{ padding:5px 100px 5px 20px; line-height:44px; text-align:left; margin:0; max-width: none; float:none;}
	.header .logo img{max-height:44px;}
	.mobile_btn{ display:block; position:fixed; z-index:100; right:10px; top:2px; left:auto; width:50px; height:50px;  text-align:center; line-height:50px; background:url(../images/menuToggle.png) no-repeat 0 center; transition: all 0.5s;-webkit-transition: all 0.5s;cursor:pointer;}
  .mobile_btn.open{ background-position:-50px center;}
	.navBox{position:fixed; width:100%; left:0; top:54px; bottom:0; display:none; background:#fff; margin:0; }
	.nav{ display:block;  overflow:auto; height:100%; padding:0;}
	.nav li{ float:none; margin:0; border-bottom:1px solid #f0f0f0; width:100%;}
	.nav > li > a,.nav > li > .parent > a{  padding:0; line-height:2.8; text-align:center; color:#333;transition: all 0s;-moz-transition: all 0s;-webkit-transition: all 0s; font-size: 115%;}
	.header .nav > li.cur > a, .header .nav > li.cur > .parent > a, .header .nav > li > .parent.open > a{ color:var(--orange);}
	.header .nav > li.cur > a:before, .header .nav > li.cur > .parent > a:before{ display:none;}
	.nav .parent{ position:relative; text-align:center;}
	.nav .parent a{ display:inline-block;}
	.nav .parent .icon_control{ position:absolute; display:block; z-index:99; top:0; right:0; width:100%; height:2.8em; }
	.nav .parent .icon_control:before{content: '';position:absolute; display:block; top:0; right:0; width:6em; height:2.8em; background:url(../images/icon8.png) no-repeat 3.5em center; background-size:1em auto; }
	.nav li .parent.open .icon_control:before{ background-image:url(../images/icon9.png);}
	.nav li.cur .parent .icon_control:before{ background-image:url(../images/icon10.png);}
	.nav li .parent.open .icon_control:before{ background-image:url(../images/icon7.png);}
	.subNav{ position:relative; top:0; display:none; height:auto; opacity:1; left:0; margin-left:0; box-shadow:none; -webkit-box-shadow:none; padding-bottom: 10px;}
	.subNav ul{ padding:0;}
	.nav .subNav li{border-bottom: 0;}
	.nav .subNav li a{font-size: 100%; line-height: 2.5;}
	.nav .subNav li:hover > a,.nav .subNav li.act > a{ background:none; color:var(--orange);}
	.nav li:hover .subNav{ top:0;transition: all 0s;-moz-transition: all 0s;-webkit-transition: all 0s;}

	.img_text1 .text{padding: 6vw 7vw 0 0;}
	.img_text1 .text .line{border-top-width: 0.5em; border-right-width: 0.5em; width: 6vw; height: 5vw;}
	.img_text2 .text{padding: 6vw 0 0 7vw;}
	.img_text2 .text .line{border-top-width: 0.5em; border-left-width: 0.5em; width: 6vw; height: 5vw;}
	.video_slide li{width: 60%;}
	.video_slide li .item{margin: 0 10px;}
	.prd_slide{margin: 0 -10px;}
	.prd_slide li .item{margin: 0 10px;}
	.prd_list{margin: 0 -10px;}
	.prd_list li .item{margin: 0 10px;}
	.honor_list{margin: 0 -10px;}
	.honor_list li .item{margin: 0 10px;}
	
}
@media (max-width:960px){
	.mb20{margin-bottom: 2vw;}
  .mb25{margin-bottom: 2.5vw;}
	.mb30{margin-bottom: 3vw;}
	.mb35{margin-bottom: 3.5vw;}
  .mb40{margin-bottom: 4vw;}
	.mb50{margin-bottom: 5vw;}
	.mb60{margin-bottom: 6vw;}
	.mb70{margin-bottom: 7vw;}
  .mb80{margin-bottom: 8vw;}
	.mauto{ padding:0 1em;}
	.main_custom{padding-bottom: 8vw;}
	
	.footer1{padding: 10vw 0 11vw;}
	.footer2{padding-bottom: 5vw;}
  .banner_list .bn_page{bottom: 3vw;}
	.banner_list .bn_page .swiper-pagination-bullet{width: 0.5em; height: 0.5em;}
	.banner_custom img{min-height: 200px;}
	
	.index .section{padding: 8vw 0 10vw;}
	.index .section4{padding-bottom: 0;}
	.index .section6{padding-top: 0;}
	.newsBox{ flex-wrap: wrap;}
	.adNews1,.adNews2{width: 100%;}
	.adNews1 li .text{padding: 1.2em 0 2em;}
	.adNews2{margin-top: 1em;}
	.adNews2 li{margin-bottom: 1.5em;}
	.video_slide{margin-top: 5.5vw;}
	.menu ul{min-width: auto;}
	.pop_form .msg_form_con{padding: 50px 30px;}
	.pop_form .msg_form_con .close{top: 1em; right: 1.2em; width: 32px; height: 32px; background-size: contain;}
	.news_list li{width: 50%; margin-bottom: 1em;}
	.news_detail{padding-top: 8vw;}
	.news_dec_top{margin-bottom: 4vw;}
	.mapbox{margin-bottom: 4.5vw;}
	.main_us .section{padding: 10vw 0 10vw;}
	.main_us .section1 .title5{margin-top: 0; margin-bottom: 5vw;}
	.honor{padding: 0;}
} 
@media (min-width:769px) and (max-width:960px){
	.vbnm ul{flex-wrap: wrap; justify-content: space-between;}
	.vbnm li{width: 50%; padding-right: 0; max-width: none; margin-bottom: 20px;}
}
@media (max-width:850px){
	.equipment1{flex-wrap: wrap;}
	.equipment1 .item_l{width: 100%; margin-bottom: 20px;}
	.equipment1 .item_l .item{margin-right: 0;}
	.equipment1 .item_l .imgBox{padding-bottom: 50%;}
	.equipment1 .item_r{width: 100%;}
	.img_list1{margin: 0 -10px;}
	.img_list2 li{width: 50%;}
	.history{padding-left: 80px;}
	.history .prev_h, .history .next_h{width: 40px; height: 40px; background-size: 50% 50%;}
	.history .next_h{top: 90px;}
	.his_list li .item .year{font-size: 64px;}
	.his_list li .item .con{font-size: 105%;}
}
@media (max-width:768px){
	.footer1 .mauto{display: block;}
	.f_info,.f_form{width: 100%;}
	.f_form{margin-top: 5vw;}
	.pop_video .video_play{ padding:0.5em;-webkit-border-radius: 0.5em; border-radius: 0.5em;}
  
	.prd_control{display: none;}
	.prdbox .page_s{display: block;}
	.img_text{flex-wrap: wrap;}
	.img_text .img{width: 70%; margin: 0 auto 1.5em;}
	.img_text .text{width: 100%; max-width: 100%;}
	.adNews1 ul{margin: 0 -0.7em;}
	.adNews1 li .item{margin: 0 0.7em;}
	.video_slide li .item{margin: 0 0.7em;}
	.prd_slide{margin: 0 -0.7em;}
	.prd_slide li .item{margin: 0 0.7em;}
	.video_slide li .imgbox::before{width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; background-size: contain;}

	.menu{font-size: 18px; margin-top: -1.5em; margin-bottom: 2.5em;}
	.menu ul{padding: 0 3em;}
	.menu li a{line-height: 3; font-size: 100%;}
	.prd_list li{width: 50%;}
	.prd_list{margin: 0 -0.7em;}
	.prd_list li .item{margin: 0 0.7em;}
	.prd_dec_top{margin: 0 0 8vw;}
	.prd_dec_top .imgbox_prdD{width: 70%;max-width: 400px; margin: 0 auto;}
	.dec_prdD{width: 100%;}
	.tab_tit{margin-bottom: 2em;}
	.det_more{margin-top: 10vw;}
	.det_more .det_more_in{display: block;}
	.det_more .back{margin-top: 0.7em;}
	.news_list ul{margin: 0 -0.7em;}
	.news_list li .item{margin: 0 0.7em;}
	.news_list li .text{padding: 1.2em 0;}
	.other_more{display: block; padding-top: 1.2em; margin-top: 2.5em;}
	.other_more .back{margin-top: 0.5em;}
	.equipment1{margin-bottom: 1em;}
	.img_list{margin: 0 -0.5em;}
	.img_list li{margin-bottom: 1em;}
	.img_list li .item{margin: 0 0.5em;}
	.contact_info{flex-wrap: wrap; flex-direction: column;align-items: center; margin-top: 8vw;}
	.contact_info .info{margin-top: 0; margin-bottom: 6vw;}
	.mapbox .text{padding: 1.5em 1.5em;-webkit-border-radius: 1em;border-radius: 1em;}
	.mapbox .text:before{border-width: 1.7em 1em; left: -1em;}
	
	.us{flex-wrap: wrap; }
	.video_img{margin-bottom: 6vw;}
	.us .item_l,.us .item_r{width: 100%;}
	.us .item_r{margin-top: 6vw;}
	.culture{flex-wrap: wrap;}
	.culture .item_l{margin-top: 0; width: 100%;}
	.culture .item_r{width: 100%; margin-top: 0; margin-bottom: 0; text-align: center;}
	.swip_control{display: none;}
	.honor .page_s{display: block;}
	.honor_list{margin: 0 -0.5em;}
	.honor_list li .item{margin: 0 0.5em;}
}
@media (max-width:640px){
	.font20{font-size: 1.15em;}
  .font24{font-size: 1.35em;}
	.font36{font-size: 1.5em;}
	.font64{font-size: 2.2em;}
	.ind_us .ss .item .text{font-size: 115%;}
	.ind_us .ss .item{margin: 0 0.7em; padding: 1em 4%;}
	.menu{font-size: 1.1em;}
	.pop_form .layui-form-y > *{margin-bottom: 1em;}
	.contact_info .info .tt{font-size: 1.6em;}
	.honor_list li .item{padding: 1em;}
}
@media (max-width:480px){
	body{font-size:3.5vw;}
	.body{ padding-top: 3em;}
	.header{ height:3em; }
	.header .logo{ padding:0.3em 2em 0.3em 1em; line-height:2.4em; }
	.header .logo img{max-height:2.4em;}
	.mobile_btn{right: 0.5em;width:2.4em; height:2.4em; top: 0.3em; background-size: auto 100%;}
	.mobile_btn.open{ background-position:-2.4em center;}
	.navBox{top: 3em;}
	.banner .text .tit{font-size: 1.8em;}
	.f_info .tit{font-size: 1.4em; line-height: 1.3;}
	.prd_slide li .text{margin-top: 1.2em;}
	.prd_slide li .text .hh{font-size: 100%;}
	.adNews1 li{width: 100%;}
	.ind_us .ss .item .s_img{max-width: 2em;}
	.ind_us .ss .item .text{font-size: 85%; line-height: 1.5;}
	.video_slide li .item{-webkit-border-radius: 1em;border-radius: 1em;}
	.video_slide li .imgbox::before{width: 3em; height: 3em; margin-left: -1.5em; margin-top: -1.5em; background-size: contain;}
	.prd_list li{margin-bottom: 1.5em;}
	.prd_list li .text{padding: 1.2em 0;}
	.prd_list li .text .hh{font-size: 100%;}
	.title3{font-size: 1.6em;}
	.dec_prdD h1{font-size: 1.5em;}
	.det_more{padding: 1.2em 1em;}
	.det_more .prev_next{font-size: 100%;}
	.back .btn_back{font-size: 105%;}
	.tab_tit .tit{font-size: 1.5em;}
  .pop_form .msg_form_con{padding: 3em 1.5em;}
	.pop_form .msg_form_con .close{width: 2em; height: 2em; background-size: contain;}
	.news_list li{ width: 100%;}
	.adNews1 li .imgbox,.news_list li .imgbox{-webkit-border-radius: 1em;border-radius: 1em;}
	.page a.page-pre, .page a.page-next{width: 2.5em; height: 2.5em; background-size: 50% 50%;}
	.equipment1 .item_l .item,.img_list li .item{-webkit-border-radius: 1em;border-radius: 1em;}
	.equipment1 .item_l .text{padding-top: 0.5em; padding-bottom: 0.5em;}
	.img_list li .text{padding-top: 0.5em; padding-bottom: 0.5em;}
	.mapbox .map{-webkit-border-radius: 1em; border-radius: 1em;}
	.mapbox .text{font-size: 80%;}
	.mapbox .map img{height: 100vw;}
	.vbnm li .num{font-size: 1.3em;}
	.vbnm li:nth-child(3) .num{font-size: 1em;}
	.vbnm li .num span{font-size: 7vw;}
	.vbnm li p{font-size: 80%;}
	.honor_list li .item{-webkit-border-radius: 1em; border-radius: 1em;}
	.history{padding-left: 3em;}
	.history .prev_h, .history .next_h{width: 2em; height: 2em;}
	.history .prev_h{top: 1em;}
	.history .next_h{top: 4em;}
	.his_list li .item .year{font-size: 2em;}
	.his_list li .item .con{font-size: 100%;}
	.person_list li .item{margin: 0 0.5em;}
	.person_list li .text .con{font-size: 80%;}
}