@font-face {
  font-family: 'PINGFANGMEDIUM';
  src: url('./font/PINGFANGMEDIUM.TTF') format("truetype");
  font-weight: normal;
  font-style: normal;
}
body{ background:#fff; font-family:"微软雅黑", "Microsoft YaHei"; }
.font_bold{font-family: 'SourceHanSansCN-Bold'; font-weight: bold;}
.body{ font-size:18px; position:relative; color: #000; overflow:hidden;  line-height: 1.8; padding-top:75px;}
a{color: #000;}
.mauto{max-width:90%; margin:0 auto;}
/* ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
	width: 10px;
  background: #f0f0f0;
}
::-webkit-scrollbar-thumb {
	width: 10px;
  background-color: #999;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #999;
} */
.text_center{text-align: center;}
.mt60{margin-top: 60px;}
.border_radius20{-webkit-border-radius: 20px; border-radius: 20px; overflow: hidden;}
.border_radius15{-webkit-border-radius: 15px; border-radius: 15px; overflow: hidden;}
.font24{font-size: 24px;}
.font36{font-size: 36px;}
.pdt-20{padding-top: 20px;}
.flex_center{ display:flex; flex-direction: column; align-items: center;}
.p_li{padding-left: 17px; position: relative;}
.p_li:before{content:''; position: absolute; left:0; top:1em; margin-top:-3px; width: 6px; height: 6px; background: rgba(0,0,0,0.4); -webkit-border-radius: 50%; border-radius: 50%;}
.mb0{margin-bottom: 0 !important;}
.mb40{margin-bottom: 40px !important;}
.mb80{margin-bottom: 80px !important;}
.mb100{margin-bottom: 100px !important;}
.mb120{margin-bottom: 120px !important;}
.mt0{margin-top: 0 !important;}
.mt40{margin-top: 40px !important;}
.mt80{margin-top: 80px !important;}
.mt100{margin-top: 100px !important;}
.mt120{margin-top: 120px !important;}
.pt0{padding-top: 0 !important;}
/*---------------头部导航--------------*/
.header{ position:fixed; left:0; right:0; top:0; z-index:999; background: #000000;}
.header .header_in{max-width:90%; margin:0 auto; display: flex; justify-content: space-between; align-items:center;}
.header .logo{flex-grow:1;}
.header .logo img {
	max-height: 60px;
}
.navBox{ position:relative;}
.nav li {
  float: left;
  margin-left: 45px;
  margin-right: 45px;
  position:relative;
}
.nav li > a,.nav li > .parent > a {
  line-height: 75px;
  font-size: 16px;
  color: #fff; 
  position:relative;
  display:block;
	white-space:nowrap;
	font-weight:bold;
}
.nav > li:hover > a, .nav > li:hover > .parent > a,.nav li.cur > a,.nav li.cur > .parent > a{color:#FFF100;}
.nav > li:hover > a:before, .nav > li:hover > .parent > a:before,.nav > li.cur > a:before, .nav > li.cur > .parent > a:before{content: ''; position: absolute; left: 0; width: 100%; height: 2px; background: #FFF100; top: 0;}
.subNav{ position:absolute; left:50%; transform:translateX(-50%);min-width:130px; opacity:0; overflow:hidden; top:85px; background:#FFF100; padding:10px 0; -webkit-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.17); box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.17); -weblit-border-radius: 8px; border-radius: 8px; }
.nav li:hover .subNav{  opacity:1; top:75px;transition: all 0.5s;-webkit-transition: all 0.5s;}
.subNav li{ float:none; margin:0; }
.subNav li a{ line-height:2.5; padding:0 17px; font-size:14px;  color: #333333; white-space:nowrap; display:block;}
.subNav li:hover a{ color:#000; }
.nav .icon_control{ display:none;}

.head_r{display: flex;flex-shrink: 0; align-items: center; margin-left:50px;}
.head_r .line{width: 1px; height: 18px;  background: rgba(255,255,255,0.2); margin: 0 18px;}
.search{  display:inline-block; vertical-align:middle; position:relative;}
.search .icon_search{ display:block; width:24px; height:24px; background:url(../images/icon_search.png) no-repeat center; cursor:pointer;}
.search .pop_search{ position:absolute; top:24px; right:0; padding-top: 25px; display:none; z-index:9;} 
.search .pop_search_in{background:#FFF100;-webkit-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.17); box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.17); -weblit-border-radius: 8px; border-radius: 8px; padding:14px; }
.search .pop_search .searchBox{position:relative; }
.search .pop_search .searchBox .search_h{ width:248px; box-sizing:content-box; border:1px solid #CCCCCC; padding:8px 50px 8px 10px;}
.search .pop_search .searchBox .search_btn{position:absolute; top:0; right:0; bottom:0; width:39px; background:url(../images/icon_search1.png) no-repeat center #000; cursor:pointer;}
.lang{  display:inline-block; vertical-align:middle; position:relative; }
.lang .icon_lang{ display:block; width:24px; height:24px; background:url(../images/icon_language.png) no-repeat center; cursor:pointer;}
.lang .pop_lang{ position:absolute; top:24px;padding-top: 25px; right:-15px;  display:none; z-index:9;}
.lang .pop_lang_in{background:#FFF100;  padding: 10px 0;-webkit-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.17); box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.17); -weblit-border-radius: 8px; border-radius: 8px;  }
.lang .pop_lang a{display: block;white-space:nowrap; padding: 5px 15px; color:#333;}
.lang .pop_lang a:hover,.lang .pop_lang a.cur{color:#000;}

/*---------------banner--------------*/
.banner img{width: 100%;}
.banner_list{position:relative;}
.banner_list .swiper-pagination{bottom: 32px;}
.banner_list .swiper-pagination .swiper-pagination-bullet{width:14px; height:14px; margin:0 8px; background:none; border:1px solid #fff; opacity:1;}
.banner_list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;}
.inBanner{position:relative;}
.inBanner .text{position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#fff; text-align:center;}
.inBanner .text .hh{font-size: 56px; line-height: 1.4;}

/** footer **/
.footer{background: #151515;  color: #fff; padding-top:43px; font-size:89%; }
.footer a{color: rgba(255,255,255,0.5);}
.footer a:hover{color: #fff;}
.logo_f{margin-bottom: 43px;}
.con_f{display: flex; justify-content: space-between;}
.sj a{margin-right: 20px; display: inline-block;}
.link_a{display: flex; }
.link_a .item{ margin-right:58px;}
.link_a .h5{line-height: 1.2;  margin-bottom: 1em; font-size:100%;}
.link_a a{line-height: 2.2; font-size:87.5%;}
.copyright{ background:#171717;padding: 1.2em 1em; text-align: center; color: #fff; font-size:87.5%; margin-top:50px;}
.copyright a{color:#fff;}
.copyright a:hover{text-decoration: underline;}
/*  common  */
.main_con{color:#333; padding-bottom:90px;}
.main_con .section{ padding:80px 0 40px;}
.title1{font-weight: bold;font-size: 56px;color: #232323; line-height: 1; margin-bottom: 60px; padding-top:1.2em; position:relative;}
.title1 .hh{position:relative; z-index:5;}
.title1 .bg_t{font-size:228%; background-image: linear-gradient(to top, rgba(255,255,255,0) 0%, #F5F5F5 79%);background-clip: text;color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-weight:bold; position:absolute; left:0; top:0;}
.crumb { background: #191919; color: #fff; font-size:89%; padding:6px 0;}
.crumb a{color:#fff;}
.crumb a:hover{color: #FFF100;}
.selectBox {
	border:1px solid #D2291A;
	width:240px;
	display: inline-block;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-left: 10px;
	vertical-align: middle;
}
.selectBox .select_dl {
	position:relative;
}
.selectBox .select_dl .select_dt {
	cursor:pointer;
	padding:0.5em 2em 0.5em 27px;
	line-height:1.3;
	overflow:hidden;
	position:relative;
	background: #f5f5f5;
}
.selectBox .select_dl .select_dt .selected{ white-space:nowrap; word-break:keep-all;}
.selectBox .select_dl .select_dt .select-icon{width:2em; height:100%; position:absolute; top:0; right:0.5em;  background:url(../images/icon_1.png) no-repeat center #f5f5f5; }
.selectBox .select_option {
	width:100%;
	width:calc(100% + 2px);
	position:absolute;
	left:-1px;
	top:2.4em;
	border:1px solid #D2291A;
	background:#fff;
	z-index:9999;
	max-height:400px;
	overflow:auto;
	display:none;
	color:#000;
	font-size:95%;
}
.selectBox .select_option .opt {
	display:block;
	line-height:1.5;
	cursor:pointer;
	padding:5px 27px;
	border-bottom:1px solid #eee;
}
.selectBox .select_option .opt:hover {
	background:#f5f5f5;
	color:#D2291A;
}
.page { text-align: center; margin-top: 35px; margin-bottom: 30px;}
.page a{display: inline-block; line-height: 2.5; min-width: 3em; margin:0 0.33em 10px; color: #404040;border: 2px solid #000000; -webkit-border-radius:10px; border-radius:10px;}
.page a.page-pre,.page a.page-next{padding:0 2.2em;} 
.page a.page-first{padding-left: 1.89em; padding-right:1em; background: url(../images/i_first.png) no-repeat 0.72em center;}
.page a.page-last{padding-left: 1em;padding-right: 1.89em; background: url(../images/i_last.png) no-repeat 3.3em center;}
.page a.disabled,.page a.disabled{ opacity:0.5; cursor: default;}
.page a.cur,.page a:hover{ background-color:#FFF100; }

.menu1{border-bottom:1px solid #F2F2F2; overflow:hidden; overflow-x:auto; margin-bottom:130px;}
.menu1 ul, .menu1 li{ list-style: none; }
.menu1 ul{display: flex;}
.menu1 li{ line-height:74px; margin-right:90px; font-size:16px; position:relative;}
.menu1 li a{display:block;color:#333; white-space:nowrap;}
.menu1 li.cur:before,.menu1 li:hover:before{ content:''; position:absolute; z-index:2; left:0; width:100%; bottom:-1px; height:2px; background:#FFF100; }
/*  index  */
.main_index .section1{padding-bottom:60px;}
.title3{ position:relative; text-align:center; margin-bottom:24px;}
.title3 .tt1{position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);font-weight: bold;font-size: 36px;color: #000000; line-height:1; padding-bottom:0.6em;}
.title3 .tt1:before{content:''; position:absolute; left:50%; margin-left:-40px; bottom:0; width: 80px;height: 3px; background:#000;}
.title3 .tt2{font-weight: bold;font-size: 128px;color: rgba(0,0,0,0.03); line-height:1.32;}
.title3_white .tt1{color:#fff;}
.title3_white .tt1:before{background: #FFF100;}
.title3_white .tt2{color: rgba(255,255,255,0.06);}
.list_i_t1{ margin:0 -16px;}
.list_i_t1 ul{ display: flex; flex-wrap: wrap;}
.list_i_t1 li{width:25%; margin-bottom:24px;}
.list_i_t1 li .item{ display:block; margin:0 16px; background:#fff; -webkit-box-shadow: 0px 4px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 4px 40px 0px rgba(0,0,0,0.1); -webkit-border-radius: 10px; border-radius: 10px; overflow:hidden; }
.list_i_t1 li .img{ position: relative; overflow:hidden; }
.list_i_t1 li .img .size{padding-bottom: 67.5%;}
.list_i_t1 li .img .img_v{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.list_i_t1 li .img img{ width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.5s; transition: all 0.5s;}
.list_i_t1 li .item:hover .img img{ -webkit-transform: scale(1.05); transform: scale(1.05);}
.list_i_t1 li .text{padding:14px 10px 20px; text-align:center; font-weight: bold;font-size: 26px;color: #000000;}

.slide_u1{position:relative;}
.slide_u1 img{width:100%;}
.slide_u1 li .item{ display:block; position:relative;}
.slide_u1 li .text{ text-align:center; position:absolute; left:0; right:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);  color:#fff; padding:2em 1.5em; }
.slide_u1 li .text .hh{font-weight: bold;font-size: 80px; line-height:1.2; margin-bottom:0.65em; }
.slide_u1 .s-page{bottom: 32px; position:absolute; z-index:5; left:0; right:0; text-align:center;}
.slide_u1 .s-page .swiper-pagination-bullet{width:14px; height:14px; margin:0 8px; background:none; border:1px solid #fff; opacity:1;}
.slide_u1 .s-page .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;}

.main_index .section3{padding-bottom:48px;}
.slide_u2{position:relative;padding:0 66px; margin-top:-40px;}
.slide_prd_list{overflow:hidden;padding:40px 0;}
.slide_prd_list li .item{ display:block; margin:0 34px; background:#fff; -webkit-box-shadow: 0px 4px 40px 0px rgba(0,0,0,0.1); box-shadow: 0px 4px 40px 0px rgba(0,0,0,0.1); overflow:hidden; }
.slide_prd_list li .img{ position: relative; overflow:hidden; }
.slide_prd_list li .img .size{padding-bottom: 93%;}
.slide_prd_list li .img .img_v{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.slide_prd_list li .img img{ width: 100%; height: 100%; object-fit: contain; object-position:center; -webkit-transition: all 0.5s; transition: all 0.5s;}
.slide_prd_list li .item:hover .img img{ -webkit-transform: scale(1.05); transform: scale(1.05);}
.slide_prd_list li .text{padding:20px 10px 35px; text-align:center; font-weight: bold;color: #000000; line-height:1.8;}
.slide_u2 .page_prd{text-align:center;}
.slide_u2 .page_prd .swiper-pagination-bullet{width:14px; height:14px; margin:0 8px; background:none; border:1px solid #000; opacity:1;}
.slide_u2 .page_prd .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000;}
.slide_u2 .prev_prd,.slide_u2 .next_prd{width:44px; height:44px; position:absolute; top:50%; margin-top:-50px; cursor:pointer; z-index:99; -webkit-border-radius:44px; border-radius:44px; border:1px solid #000;}
.slide_u2 .prev_prd{background:url('../images/slide_l1.png') no-repeat center; left:0;}
.slide_u2 .prev_prd:hover{background:url('../images/slide_l1_hover.png') no-repeat center #000;}
.slide_u2 .next_prd{background:url('../images/slide_r1.png') no-repeat center; right:0;}
.slide_u2 .next_prd:hover{background:url('../images/slide_r1_hover.png') no-repeat center #000;}

.main_index .section4{padding-bottom:75px; background:url(../images/bg1.jpg) no-repeat center; background-size: cover; }
.main_index .section4 .mauto{position:relative;}
.iso{position: absolute; top:110px; right:0;}
.u_list_indx{margin-top:355px;}
.slide_u3{ margin-top: 65px; padding:0 45px; position:relative;}
.slide_video_list{overflow:hidden;}
.slide_video_list li{position:relative;}
.slide_video_list li:before{content:''; position:absolute; right:-1px; top:0; bottom:0; width:1px; background:#fff; }
.slide_video_list li.swiper-slide-prev:before{opacity:0;}
.slide_video_list li .item{ display:block; margin:0 6px 0 7px; cursor:pointer; }
.slide_video_list li .imgbox{ position: relative; overflow:hidden; }
.slide_video_list li .imgbox .size{padding-bottom: 55.13%;}
.slide_video_list li .imgbox .img{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.slide_video_list li .img img{ width: 100%; height: 100%; object-fit: cover; object-position:center; -webkit-transition: all 0.5s; transition: all 0.5s;}
.slide_video_list li .item:hover .img img{ -webkit-transform: scale(1.05); transform: scale(1.05);}
.slide_video_list li .imgbox:before{content:''; position:absolute; z-index:1; opacity:0; left:0; right:0; top:0; bottom:0; background:url('../images/icon_play.png') no-repeat center rgba(0,0,0,0.5); -webkit-transition: all 0.5s; transition: all 0.5s;}
.slide_video_list li .no-video .imgbox:before{background:no-repeat center rgba(0,0,0,0.5);}
.slide_video_list li .item:hover .imgbox:before{opacity:1;}
.slide_u3 .prev_v,.slide_u3 .next_v{position:absolute; width:21px; height:38px; top:50%; margin-top:-19px; cursor:pointer; z-index:9;}
.slide_u3 .prev_v{left:0; background:url('../images/slide_l2.png') no-repeat center;}
.slide_u3 .next_v{right:0; background:url('../images/slide_r2.png') no-repeat center;}
.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.6;  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);}
.pop_video .video_play{ position:relative; z-index:1; box-sizing: border-box; -webkit-border-radius: 10px; border-radius: 10px; max-width:1200px; 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:-15px; right:-60px; border-radius:50%; width:40px; height:40px; cursor:pointer; background:url(../images/icon_close.png) no-repeat center;}

.main_index .section5{padding-bottom:80px; background:#000000; background-size: cover; }
.adnewsBox{ display: flex; justify-content: space-between;}
.adnewsBox li .hh{font-weight: bold; line-height:1.8; height:3.6em; color: #FFFFFF;}
.adnewsBox a:hover .hh{ color:#FFF100;}
.adnewsBox li .t_v{ line-height:1.8; color:#FFF100; display:flex;}
.adnewsBox li .t_v .time{ margin-right:9.5%;}
.adnewsBox li .t_v .icon_time{display:inline-block; width:18px; height:18px; background:url(../images/icon_time.png) no-repeat center; vertical-align:middle; margin-right:10px;}
.adnewsBox li .t_v .icon_view{display:inline-block; width:18px; height:18px; background:url(../images/icon_view.png) no-repeat center; vertical-align:middle; margin-right:10px;}
.ad_news1{padding-right:12px; width:66.66%; }
.ad_news1 ul{ display: flex; justify-content: space-between;flex-wrap: wrap; list-style:none; margin:0 -12px;}
.ad_news1 li{list-style:none; width:50%;}
.ad_news1 li .item{ display:block; margin:0 12px; position:relative; overflow:hidden;background: #141516; color: #FFFFFF;}
.ad_news1 li .text{padding:40px 35px 44px;}
.ad_news1 li .t_v{ margin-top:32px;}
.ad_news1 li .imgbox{position:relative; padding-bottom:347px; overflow:hidden;}
.ad_news1 li .imgbox .img{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.ad_news1 li .img img{ width: 100%; height: 100%; object-fit: cover; object-position:center; -webkit-transition: all 0.5s; transition: all 0.5s;}
.ad_news1 li .item:hover .img img{ -webkit-transform: scale(1.05); transform: scale(1.05);}
.ad_news2{padding-left:12px; width:33.33%; flex-shrink:0; }
.ad_news2 li{background: #141516; list-style:none; margin-bottom:25px; }
.ad_news2 li .item{display:block; padding:24px 25px 27px;}
.ad_news2 li .t_v{ margin-top:22px;}
.main_index .section5 .text_center{margin-top:45px;}

.main_index .section6{padding-bottom:71px;}
.slide_u4{position:relative;}
.slide_case_list{margin:0 -12px; overflow:hidden;}
.slide_case_list li .item{ display:block; margin:0 12px; position:relative; overflow:hidden; }
.slide_case_list li .img{ position: relative; overflow:hidden; }
.slide_case_list li .img .size{padding-bottom: 600px;}
.slide_case_list li .img .img_v{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.slide_case_list li .img img{ width: 100%; height: 100%; object-fit: cover; object-position:center; -webkit-transition: all 0.5s; transition: all 0.5s;}
.slide_case_list li .item:hover .img img{ -webkit-transform: scale(1.05); transform: scale(1.05);}
.slide_u4 .page_c{position: absolute; left:0; bottom:-80px;}
.slide_u4 .page_c .swiper-pagination-bullet{width:14px; height:14px; margin:0 8px; background:none; border:1px solid #000; opacity:1;}
.slide_u4 .page_c .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000;}
.slide_case_list .text{position:absolute; left:0; right:0; height:100%; bottom:-100%; text-align:center;color: #FFFFFF;background: rgba(0,0,0,0.6); line-height:1.8; -webkit-transition: all 0.5s; transition: all 0.5s;}
.slide_case_list .item:hover .text{bottom:0;}
.slide_case_list .text_in{position:absolute; left:0; right:0; top:50%; padding:20px 10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.slide_case_list .text .hh{font-size:24px; font-weight:bold; line-height:1.3; margin-bottom:3em;}
.slide_case_list .text p{line-height:1.8; min-height:14.4em; font-size:89%;}
.slide_case_list .text .more{text-decoration:underline; font-size:89%; margin-top:1em;}
.main_index .section6 .text_center{margin-top:56px;}

.main_index .section7{padding-bottom:50px; background:url('../images/bg2.jpg') no-repeat center; background-size: cover; color:#fff;}
.contact_indx{max-width:1360px; margin:0 auto; display: flex; flex-direction: column; flex-wrap: wrap;align-items: center;  font-size:15px; line-height:1.4; height:20em; }
.contact_indx .i_t{padding:2.5em 0; border-bottom:1px solid rgba(255,255,255,0.1); overflow:hidden; width:46%; }
.contact_indx .i_t:nth-child(3){border-bottom:none;}
.contact_indx .i_t img{float:left;}
.contact_indx .i_t .vv{margin-left:45px; display: flex; height:1.4em;} 
.contact_indx .i_t .vv a{color:#fff;}
.contact_indx .i_t .vv span,.contact_indx .i_t .vv a{margin-right:0.7em; white-space:nowrap; display:inline-block;}

.top_v{position:fixed; z-index:999; right:27px; top:50%; margin-top:-80px; z-index:999; cursor:pointer; font-size: 12px;color: #232323; line-height:1.5; text-align:center; }
.top_v .icon_top{display:block; width:47px; height:47px; background:url(../images/top.png) no-repeat center #000;-webkit-border-radius:50%; border-radius:50%;}
.link_to_msg{position:fixed; z-index:999; right:27px; top:50%; margin-top:25px;  cursor:pointer;}

/* about */
.main_us{ background:url(../images/usbg.jpg) no-repeat bottom center; background-size: 100% auto;}
.us_img_tt{margin:100px 0 130px; -webkit-border-radius:10px; border-radius:10px; overflow:hidden; position: relative; }
.us_img_tt .img{}
.us_img_tt .img img{width:100%; height:100%; object-fit: cover; object-position: center;}
.us_img_tt .tt{position: absolute; left:3.5%; right: 3.5%; bottom:35px; color:#fff; display:flex; justify-content: space-between; align-items: center;}
.u_list1{display:flex; justify-content: space-between;align-items: center; width:68%; max-width:813px; line-height: 1.5; color:#fff;}
.u_list1 .line{width:1px;  height:50px; background: #E0E0E0; }
.u_list1 .u_item{text-align: center; align-self: start;}
.u_list1 .num{font-size:40px; font-weight:bold;}
.u_list1 .num .mm{font-size:16px;}
.u_list1 p{font-size:89%;}
.u_list2{display:flex; justify-content: space-between;  width:25%; max-width:370px;}
.u_list2 .img{width:30%;}
.u_img_list{ display:flex; justify-content: space-between; flex-wrap: wrap; }
.u_img_list .item{width:47.8%;-webkit-border-radius:10px; border-radius:10px; overflow:hidden; margin-bottom: 3%;}
.u_img_list img{width:100%;}
.u_ho_tt{ display:flex; justify-content: space-between; align-items: center; margin-bottom: 60px; }
.u_ho_tt .u_tt_pp{width:50%; max-width:623px;} 
.honor_slide{overflow: hidden; position: relative; padding:20px 15px; margin-bottom:100px;}
.honor_slide li a{display: block; margin:0 15px;}
.honor_slide li .imgbox{ padding-bottom: 432px; position: relative;}
.honor_slide li .imgbox .img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.honor_slide li .imgbox .img img{width: 100%; height: 100%; object-fit: contain; object-position: center; -webkit-transition: all 0.5s; transition: all 0.5s;}
.honor_slide li:hover .imgbox .img img{ -webkit-transform: scale(1.05); transform: scale(1.05);}
.honor_slide .prev_h,.honor_slide .next_h{position:absolute; z-index:99; width: 21px; height: 39px; top: 50%; margin-top:-20px; cursor: pointer;}
.honor_slide .prev_h{left:0; background: url(../images/slide_l3.png) no-repeat center;}
.honor_slide .next_h{right: 0; background: url(../images/slide_r3.png) no-repeat center;}

/* join  */
.jb_list{margin:0 -14px;}
.jb_list li{width:33.33%; float:left; margin-bottom:1.5em;}
.jb_list li .item{ display:block; margin:0 14px; position:relative;}
.jb_list li .imgbox{ padding-bottom: 600px; position: relative;}
.jb_list li .imgbox .img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.jb_list li .imgbox .img img{width: 100%; height: 100%; object-fit: cover; object-position: center; -webkit-transition: all 0.5s; transition: all 0.5s;}
.jb_list li li:hover .imgbox .img img{ -webkit-transform: scale(1.05); transform: scale(1.05);}
.jb_list li .text{position:absolute; left:0; right:0; bottom:0; top:0;color: #FFFFFF; text-align:center;}
.jb_list li .text:before{content:""; position:absolute; left:0; right:0; bottom:0; height:0; background:rgba(0,0,0,0.6); -webkit-transition:all 0.5s; transition:all 0.5s;}
.jb_list li:hover .text:before{ height:100%;}
.jb_list li .text .hh{font-weight: bold;font-size: 32px; line-height:1.2; padding:0 0.2em;  position:absolute; left:0; right:0; top:80%;  -webkit-transition:all 0.5s; transition:all 0.5s;}
.jb_list li .text .ll{font-size: 89%;text-decoration-line: underline; line-height:1.1; padding:0 0.5em;  position:absolute; left:0; right:0; bottom:0; opacity:0; -webkit-transition:all 0.5s; transition:all 0.5s;}
.jb_list li:hover .text .hh{ top:15%;}
.jb_list li:hover .text .ll{bottom:15%; opacity:1;}
.wk-lf{ display: flex; justify-content: space-between; align-items: center; background:#FCFCFC;}
.wk-lf .img_slide{width:50%; flex-shrink:0; }
.img_slide{overflow:hidden; position: relative; }
.img_slide img{width:100%;}
.img_slide .s-page{bottom: 10px; position: absolute; z-index:5; left:0; right:0; text-align:center;}
.img_slide .s-page .swiper-pagination-bullet{width:14px; height:14px; margin:0 8px; background:none; border:1px solid #fff; opacity:1;}
.img_slide .s-page .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;}
.wk-lf .wk-rt{flex-grow:1; padding: 30px 3.5%;}
.uu_card .item{ margin-bottom:25px;line-height: 1.5;}
.uu_card .card_h{ cursor:pointer; }
.uu_card .h-h2{font-weight: 400;font-size: 24px;color: #333333; -webkit-transition: all 0.5s; transition: all 0.5s;}
.uu_card .h-h2 .i-arrow{ display:inline-block; width:18px; height:18px; background:url(../images/i2.png) no-repeat center; vertical-align:middle; margin-left:10px; -webkit-transition: all 0.5s; transition: all 0.5s;}
.uu_card .open .h-h2{font-weight: bold;font-size: 32px;}
.uu_card .open .h-h2 .i-arrow{ -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.uu_card .card_b{ display:none;}

.videobox{position: relative; -webkit-border-radius:20px; border-radius:20px; overflow:hidden; }
.videobox .video_size{padding-bottom:56.25%;}
.videobox .video_p{position:absolute; left:0; right:0; top:0; bottom:0;}
.videobox video{object-fit: cover;}

/* contact */
.cont_con{background:#F8F8F8; display: flex; justify-content: space-between;-webkit-border-radius: 13px; border-radius: 13px; overflow:hidden;}
.cont_con .text{padding:25px 35px; width:715px; flex-shrink:0;color: #404040; line-height: 1.4;}
.cont_con .text .i_t{padding:38px 0; border-bottom:1px solid rgba(94, 94, 94, 0.10); overflow:hidden;}
.cont_con .text .i_t:last-child{border-bottom:none;}
.cont_con .text .i_t img{float:left;}
.cont_con .text .i_t p{margin-left:45px;} 
.cont_con .text .i_t p span,.cont_con .text .i_t p a{margin-right:0.7em; white-space:nowrap; display:inline-block;}
.cont_con .map{flex-grow:1;-webkit-border-radius: 13px; border-radius: 13px;overflow:hidden;}
.cont_con .map a{display: block; width:100%; height: 590px;}
.cont_con .map img{width:100%; height: 100%; object-fit: cover; object-position: center;}
.msg_form{max-width: 1010px; margin:auto; padding-top:48px; }
.msg_form .item{ margin-bottom:40px;}
.msg_form dl{display: flex; justify-content: space-between;}
.msg_form dl dd{width: 49%;display: flex; justify-content: space-between;}
.msg_form .input_text,.msg_form .textarea{ padding:1.25em 1.2em; box-sizing:border-box; width:100%;font-size:100%; line-height:1.3; background:#fff; -webkit-border-radius: 13px; border-radius: 13px;
border: 1px solid #000000; color:#000;font-weight:400; }
.msg_form .input_text::-webkit-input-placeholder,.msg_form .textarea::-webkit-input-placeholder {
	color: #000;
}
.msg_form .dd_div{position:relative;}
.msg_form .input_text_arrow:before{ content:''; width:10px; height:15px; background:url(../images/i1.png) no-repeat center; position:absolute; z-index:5; right:0.8em; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.msg_form .textarea{ height:11em; }
.msg_form .submit{ margin-top:63px; text-align:center;}
.msg_form .submit .btn_submit{ display:inline-block; cursor:pointer;font-size:16px; font-weight:400; width:180px; text-align:center; line-height:40px; border:0; background: #FFF100;color:#000; padding:0 20px 0 0; position:relative; }
.msg_form .submit .btn_submit:before{content:''; position:absolute; top:15px; right:33px; width:20px; height:12px; background:url(../images/icon_more.png) no-repeat center;}
.msg_form .submit .btn_submit:hover{opacity: 0.9;}

/* support */
.tit_sv{ text-align:center; padding:1.5em 0; font-size: 56px;color: #232323;line-height: 1.3; max-width:1700px; margin:0 auto 130px; background: url(../images/i_t_s.png) no-repeat center; background-size:contain;}
.img_text_sv{margin-bottom:130px; position:relative; -webkit-border-radius:10px; border-radius:10px; overflow:hidden;} 
.img_text_sv .img img{ height:618px; width:100%; object-fit: cover; object-position: center;}
.img_text_sv .text{position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#fff; width:480px;-webkit-border-radius:10px; border-radius:10px;background: #141516; }
.img_text_sv .text .con{padding:35px 45px;}
.img_text_sv .text .hh{font-weight: bold;font-size: 26px; line-height:1.3; margin-bottom:1em;}
.img_text_sv .text p{font-size: 15px; line-height:1.5; margin-bottom:50px;}
.b_more{ display:inline-block; cursor:pointer; font-weight:400; width:180px; font-size:16px; text-align:center; line-height:40px; border:0; background: #FFF100;color:#000; padding:0 40px 0 0; position:relative; }
.b_more:before{content:''; position:absolute; top:50%; margin-top:-6px; right:33px; width:20px; height:12px; background:url(../images/icon_more.png) no-repeat center;}
.b_more:hover{opacity: 0.9;}
.file_sv .item{margin-bottom:0.5em;}
.file_sv a{color:#fff; font-size: 15px; line-height:1.5; display:inline-block;}
.file_sv .i_file1{width:14px; height:14px; background:url(../images/i_file.png) no-repeat center; display:inline-block; vertical-align:middle; margin-right:5px;}
.file_sv .i_download{width:14px; height:14px; background:url(../images/i_download.png) no-repeat center; display:inline-block; vertical-align:middle; margin-left:11px;}
.img_text_sv1 .text{right:4.7%;}
.img_text_sv2 .text{left:4.7%;}

.main_faq{padding-bottom:0;}
.fq_card .item{ margin-bottom:80px;line-height: 1.5;}
.fq_card .card_h{ cursor:pointer; background: #141516;-webkit-border-radius:10px; border-radius:10px; padding:23px 70px 23px 45px; position:relative;}
.fq_card .h-h2{font-weight: bold;font-size: 26px;color: #fff; line-height:1.3; }
.fq_card .h-h2 .i-arrow{ position:absolute; width:24px; height:24px; top:50%; margin-top:-12px; right:38px; background:url(../images/i3.png) no-repeat center;  -webkit-transition: all 0.5s; transition: all 0.5s;}
.fq_card .open .h-h2 .i-arrow{ background-image:url(../images/i4.png);}
.fq_card .card_b{ display:none; padding:80px 45px 0;}
.faq_list ul,.faq_list li{ list-style:none; }
.faq_list li{margin-bottom:1.5em; color:#232323;}
.faq_list li .faq_h{font-weight:bold; line-height:1.6;}
.faq_list li .faq_p{ font-size:84%;}

/* request */
.main_request{padding:130px 0; color:#232323;}
.main_request .mauto{max-width:1010px;}
.tt_req{display: flex; align-items:center; margin-bottom:32px;}
.tt_req .i_tt{flex-shrink:0; width:119px; margin-right:22px;}
.tt_req .hh_tt{ font-size:56px;font-weight: bold; line-height:1.2;}
.pp_req{line-height:1.5; padding-bottom:25px;}
.pp_req .bold{font-weight:bold; margin-bottom:10px;}

/* news */
.newslist{margin: 0 -12px;}
.newslist li{ margin-bottom: 80px; width:33.33%; float:left; }
.newslist li:nth-child(3n+1){clear:both;}
.newslist li .item{ display:block; margin:0 12px;border: 1px solid #DFDFDF; -webkit-border-radius:10px; border-radius:10px; overflow:hidden;}
.newslist li .img{-webkit-border-radius: 10px;border-radius: 10px;  position: relative; overflow: hidden;}
.newslist li .img .size{padding-bottom: 57.63%;}
.newslist li .img .img_v{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.newslist li .img img{ width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 0.5s; transition: all 0.5s;}
.newslist li .item:hover .img img{ -webkit-transform: scale(1.05); transform: scale(1.05);}
.newslist li .text .date_hh{display:flex; align-items:center; padding:15px 0;  }
.newslist li .text .date_hh .date{ width:100px; flex-shrink:0;  padding: 21px 0; position:relative; line-height:1.1; text-align:center;color: #B0B0B0;}
.newslist li .text .date_hh .date .m_d{font-size: 133%;}
.newslist li .text .date_hh .date:before{content:''; width:1px; background:#DFDFDF; position:absolute; right:0; top:26px; bottom:21px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.newslist li .text .date_hh .t_h{padding:0 27px; color: #404040; font-weight:bold; line-height:1.3; }
.newslist li .text .more{border-top: 1px solid #DFDFDF; font-size:89%; line-height:3.6; padding:0 1.3em; display:flex;justify-content:space-between; align-items:center;color: #000000;transition:all 0.5s; -webkit-transition:all 0.5s;}
.newslist li .text .more .i_more{width:20px; height:12px; display:block; background:url(../images/icon_more.png) no-repeat center;}
.newslist li .item:hover{ background:#141516;}
.newslist li .item:hover .text .more .i_more{background-image:url(../images/icon_more1.png);}
.newslist li .item:hover .text .date_hh .t_h{color:#fff;}
.newslist li .item:hover .text .date_hh .date{ color:rgba(255,255,255,0.5);}
.newslist li .item:hover .text .more{color: #FFF100; border-color: #4D4D4D;}
.newslist li .item:hover .text .date_hh .date:before{background: #4D4D4D;}

.newsD{color:#232323; background:url(../images/newsdBg.jpg) no-repeat top center; background-size:100% auto; padding:130px 0 60px;}
.newsD .newsD_in{ max-width:1100px;}
.newsD_h{ margin-bottom:120px; text-align:center;}
.newsD_h h2{font-weight: bold;font-size: 46px; line-height:1.5; margin-bottom:1.3em;}
.newsD_h .dec{ display: flex; justify-content:center; flex-wrap: wrap; }
.newsD_h .dec .ite{margin: 0 16px 10px;font-size:89%; white-space:nowrap; }
.newsD_h .dec .ite img{ margin-right:10px; }

/* case */
.menu2{padding-top:110px; margin-bottom:114px; overflow:hidden; overflow-x:auto;}
.menu2 ul{ display: flex;}
.menu2 li{margin-bottom:16px; margin-right:40px;}
.menu2 li a{display:block; white-space:nowrap; line-height:3; font-size:16px; padding:0 25px; min-width:130px; text-align:center; border: 1px solid #000000; color:#000; -webkit-border-radius:10px; border-radius:10px;}
.menu2 li a:hover,.menu2 li.cur a{color:#fff; background:#000;}
.case_list{margin:0 -12px; overflow:hidden;}
.case_list li{margin-bottom:80px; width:33.33%; float:left; }
.case_list li .item{ display:block; margin:0 12px; position:relative; overflow:hidden; }
.case_list li .img{ position: relative; overflow:hidden; }
.case_list li .img .size{padding-bottom: 600px;}
.case_list li .img .img_v{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.case_list li .img img{ width: 100%; height: 100%; object-fit: cover; object-position:center; -webkit-transition: all 0.5s; transition: all 0.5s;}
.case_list li .item:hover .img img{ -webkit-transform: scale(1.05); transform: scale(1.05);}
.case_list .text{position:absolute; left:0; right:0; height:100%; bottom:-100%; opacity:0; text-align:center;color: #FFFFFF;background: rgba(0,0,0,0.6); line-height:1.8; -webkit-transition: all 0.5s; transition: all 0.5s;}
.case_list .item:hover .text{bottom:0; opacity:1;}
.case_list .text_in{position:absolute; left:0; right:0; top:50%; padding:20px 10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.case_list .text .hh{font-size:24px; font-weight:bold; line-height:1.3; margin-bottom:3em;}
.case_list .text p{line-height:1.8; min-height:14.4em; font-size:89%;}
.case_list .text .more{text-decoration:underline; font-size:89%; margin-top:1em;}

.caseD{padding:130px 0; color:#232323;}
.caseD .mauto{ display:flex; justify-content:space-between;align-items: stretch;}
.caseD .imgBig{ width:50%; flex-shrink:0; }
.caseD .imgBig img{width:100%;}
.con_dec{padding-left:28px; display:flex; flex-direction:column; justify-content:space-between;}
.h_dec{padding:5% 3.3%;}
.h_dec .hh{font-weight: bold;font-size: 46px; line-height:1.5; margin-bottom:0.6em;}
.h_dec .dec{font-size:89%; line-height:2; }
.slide_img_c{overflow:hidden; margin:10px -14px 0;}
.slide_img_c li{width:40%;}
.slide_img_c li .item{ display:block; margin:0 14px;}

/* products  */
.main_prd{background:#f3f3f3; position:relative;}
.side_menu{position:absolute; width:28.9%; top:0; left:0; transition: all 0.5s; -webkit-transition: all 0.5s; }
.side_menu_filter{padding:35px 14%;background:#fff;}
.side_menu_filter li{margin-bottom: 20px;}
.side_menu_filter li .tit{ line-height: 1.3; position: relative; padding:1em 25px 1em 0;font-size: 24px;color: #000000; position:relative;}
.side_menu_filter li .tit:before{content:''; position: absolute; right: 0; top: 1.75em; margin-top:-11px; width: 22px; height: 22px; background: url(../images/icon_menu1.png) no-repeat center; transition: all 0.5s;-webkit-transition: all 0.5s;}
.side_menu_filter li.open .tit:before{transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.side_menu_filter li .sub{display:none;}
.side_menu_filter li ul{ font-size: 20px; display: block; color:#232323;}
.side_menu_filter li ul li{margin-bottom: 18px;}
.side_menu_filter li ul ul{font-size:80%; color:#666; padding:7px 0 1px;}
.side_menu_filter li ul ul li{margin-bottom:10px;}
.checkbox_f label{padding:0.1em 0 0.1em 20px; position: relative; line-height: 1.3;cursor: pointer; margin-bottom: 0; display:block;}
.checkbox_f label:before{content: ''; position: absolute; left: 0; top: 0.75em; margin-top:-6px; width: 12px; height: 12px; border: 1px solid #232323; box-sizing: border-box; -webkit-border-radius:3px; border-radius:3px;}
.checkbox_f input[type=checkbox]:checked+label:before{ background: url(../images/icon_selected.png) no-repeat center #232323;}
.side_menu_filter li ul li.cur label:before{ background: url(../images/icon_selected.png) no-repeat center #232323;}
.s_h_btn{text-align:center; line-height:55px;color:#fff; background: #000; font-size: 89%; -webkit-border-bottom-right-radius: 55px; border-bottom-right-radius: 55px; cursor:pointer; }
.s_h_btn i{display:inline-block; width:15px; height:10px; margin-left:9px;}
.s_h_btn .show i{ background:url(../images/v2.png) no-repeat center; }
.s_h_btn .hide i{ background:url(../images/v1.png) no-repeat center; }
.s_h_btn .show{display:none;}
.side_menu.hide_n{width:334px;}
.side_menu.hide_n .s_h_btn{line-height:60px;}
.side_menu.hide_n .s_h_btn .show{display:block;}
.side_menu.hide_n .s_h_btn .hide{display:none;}
.side_menu.hide_n .side_menu_filter{display:none;}
.con_box{margin-left:28.9%; padding:55px 4.2% 10px; transition: all 0.5s; -webkit-transition: all 0.5s;}
.categories_select{color:#666; font-size:89%; margin-bottom:50px;}
.prd_list{margin:0 -28px;}
.prd_list ul{display:flex; flex-wrap: wrap;}
.prd_list li{width:33.33%; float:left; margin-bottom:80px;}
.prd_list li .item{ display:block; height:100%; margin:0 28px; background:#fff; -webkit-box-shadow: 0px 1px 33px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 33px 0px rgba(0,0,0,0.15); overflow:hidden; }
.prd_list li .img{ position: relative; overflow:hidden; }
.prd_list li .img .size{padding-bottom: 93%;}
.prd_list li .img .img_v{position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.prd_list li .img img{ width: 100%; height: 100%; object-fit: contain; object-position:center; -webkit-transition: all 0.5s; transition: all 0.5s;}
.prd_list li .item:hover .img img{ -webkit-transform: scale(1.05); transform: scale(1.05);}
.prd_list li .text{padding:20px 10px 35px; text-align:center; font-weight: bold;color: #000000; line-height:1.8;}
.side_menu.hide_n + .con_box{margin-left:0; padding-top:140px;}
.side_menu.hide_n + .con_box .prd_list li{width:25%;}

.crumb_prd{padding:16px 0;}
.crumb_prd .mauto{display:flex; align-items:center; justify-content:space-between; flex-wrap: wrap; }
.crumb_prd .btn_a{font-weight: bold;font-size: 16px;color: #191919; display: inline-block; line-height:48px; background:#FFF100; width:193px; text-align:center;}
.crumb_prd .btn_a:hover{color: #191919; background:#FFF422;}
.top_pr{margin-right:50%; transition: all 0.5s; -webkit-transition: all 0.5s;}
.hide_con{margin-right:0;}
.prdD{padding-top:130px; background:url(../images/prddbg.jpg) no-repeat center top; background-size:100% auto; position:relative;color: #232323;}
.img_slide_gallery{overflow: hidden; position: relative; -webkit-border-radius: 15px; border-radius: 15px;}
.img_slide_gallery a{display: block;}
.img_slide_gallery li{text-align: center; }
.img_slide_gallery li .imgBox .img img{max-height:592px;}
.img_slide_gallery .icon_search{position: absolute; z-index: 5; left: 0; top: 0; width: 60px; height: 60px; background: url(../images/icon_big.png) no-repeat center; display: block;}
.slide_thumbs{ max-width:512px; margin:29px 0 0; padding:0 10px;  position: relative;}
.hide_con .slide_thumbs{margin-left:auto; margin-right:auto;}
.img_slide_thumbs{overflow: hidden; margin: 0 -9px;padding:20px 0;}
.img_slide_thumbs li{cursor: pointer;}
.img_slide_thumbs .item{background: #fff; border: 1px solid #fff; padding-bottom: 58.5%; position: relative; margin: 0 9px; -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.07);box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.07);}
.img_slide_thumbs li.swiper-slide-thumb-active,.img_slide_thumbs li.swiper-slide-thumb-active .item{border-color: #000;}
.img_slide_thumbs li .img{ position: absolute; top: 5px; bottom: 5px; left: 5px; right: 5px; text-align: center;}
.img_slide_thumbs li .img img{width: 100%; height: 100%; object-fit: contain;}
.slide_thumbs .prev,.slide_thumbs .next{position: absolute; z-index:5; width: 20px; height:20px; top: 50%; margin-top:-10px; cursor: pointer;} 
.slide_thumbs .prev{background: url(../images/slide_l4.png) no-repeat left center; left: 0;}
.slide_thumbs .next{background: url(../images/slide_r4.png) no-repeat right center; right: 0;}
.slide_thumbs .swiper-button-disabled{opacity: 0.4; display:none;}
.dec_prdD{position:absolute; top:216px;width:45%; right:0; background: #FFFFFF; -webkit-box-shadow: 1px 1px 67px 0px rgba(0,0,0,0.09); box-shadow: 1px 1px 67px 0px rgba(0,0,0,0.09); -webkit-border-radius: 30px 0px 0px 30px; border-radius: 30px 0px 0px 30px; display:flex; flex-direction: row-reverse; }
.hide_con .dec_prdD{border-radius:0; -webkit-border-radius:0;width: auto;}
.dec_prdD .opt_r{width:35px;height:472px;position:relative; cursor:pointer; }
.dec_prdD .opt_r i{display:block; position:absolute; width:15px; height:10px; background:url(../images/v3.png) no-repeat center; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:transform(-50%,-50%);}
.hide_con .dec_prdD .opt_r i{background-image:url(../images/v4.png);}
.dec_con{padding:60px 9%; flex:1; position:relative; }
.hide_con .dec_con{display:none;}
.dec_con:before{content:''; position:absolute; top:30px; bottom:30px; right:0; width:0;border: 1px solid; border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(231, 231, 231, 1), rgba(255, 255, 255, 1)) 1 1;}
.dec_con .hh{font-weight: bold;font-size: 46px;color: #232323; line-height:1.3; margin-bottom:0.7em;}
.dec_con .cc{font-size:89%; margin-bottom:30px;}
.dec_con .dd_p{font-size:89%; color:#666; line-height:1.8; height:12.6em; overflow:auto;}
.info_prdD{margin-top:130px; padding-bottom:120px; border-bottom:1px solid #DBDBDB;}
.tit_pr{font-weight: bold;font-size: 46px;color: #232323; line-height:1; margin-bottom:80px;}
.related_prd{margin-top:130px;}
.rlt_prd_list{margin:0 -29px;}
.rlt_prd_list ul{display:flex; flex-wrap: wrap;}
.rlt_prd_list li{list-style: none; width:25%; margin-bottom:40px;}
.rlt_prd_list li .item{ display:block; margin:0 29px; background:#fff;-webkit-box-shadow: 1px 1px 20px 0px rgba(0,0,0,0.09); box-shadow: 1px 1px 20px 0px rgba(0,0,0,0.09); }
.rlt_prd_list li .imgbox{position: relative; padding-bottom:100%;}
.rlt_prd_list li .imgbox .img{position: absolute; left: 9%; top: 9%; right: 9%; bottom: 9%;}
.rlt_prd_list li .img img{ width: 100%; height: 100%; object-fit: contain; object-position:center; -webkit-transition: all 0.5s; transition: all 0.5s;}
.rlt_prd_list li .item:hover .img img{ -webkit-transform: scale(1.05); transform: scale(1.05);}
@media (max-width:1920px){
	.honor_slide li .imgbox{padding-bottom:141.3%;}
	.jb_list li .imgbox{padding-bottom:109%;}
}
@media (max-width:1700px){
	.nav > li{margin: 0 1.8vw;}
}
@media (max-width:1600px){
	.body{ font-size: 16px;}
  .list_i_t1 li .text{font-size:1.6vw;}
	.slide_u1 li .text .hh{font-size:64px;}
	.ad_news1 li .imgbox{padding-bottom:325px;}
	.side_menu_filter{padding:35px 10%;}
	.prd_list{margin:0 -15px;}
	.prd_list li .item{margin:0 15px;}
  .prd_list li{margin-bottom:50px;}
}
@media (max-width:1400px){
	/* .body{ font-size: 15px;} */
	.font24{font-size: 22px;}
	.font36{font-size: 32px;}
	.mauto{ padding:0 1em;}
	.header .header_in,.mauto{max-width: 100%; }
	.header .header_in,.mauto{padding: 0 1em;}
	.nav > li{margin: 0 1vw;}
	.info_f{padding-left: 0;}
	.link_a h5{font-size: 16px;}
	.newslist li .text .date_hh .date{width:80px;}
	.newslist li .text .date_hh .t_h{padding:0 5%;}
	.slide_prd_list li .item{margin:0 15px;-webkit-box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.05); box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.05);}
	.menu2{padding-top:40px; margin-bottom:30px;}
	.side_menu_filter li .tit{font-size:20px;}
	.side_menu_filter li ul{font-size:17px;}
	.side_menu_filter li .tit:before{width:0.5em; background-size:contain;}
	.rlt_prd_list{margin:0 -15px;}
	.rlt_prd_list li .item{margin:0 15px;}
	.dec_con .hh,.tit_pr{font-size:40px;}
}
@media (max-width:1280px){
	.nav > li{margin: 0 10px;}
	.link_a .item{margin-right:30px;}
	.cont_con .text{width:55%;}
	.cont_con .map a{ height:100%;}
	.img_slide img{height:500px; object-fit: cover; object-position: center;}
	.tit_sv{font-size:4vw;}
	.menu1{margin-bottom:100px;}
	.newslist li{margin-bottom:60px;}
	.slide_u1 li .text .hh{font-size:6vw;}
	.adnewsBox li .hh{height:5.4em;}
	.ad_news1 li .imgbox{padding-bottom:383px;}
	.slide_case_list .text .hh{margin-bottom:1em;}
	.case_list .text .hh{margin-bottom:1em;}
	.h_dec .hh{font-size:36px;}
	.prdD{padding-top:100px;}
	.dec_prdD{top:150px;}
	.tit_pr{margin-bottom:60px;}
	.info_prdD{margin-top:100px;padding-bottom:100px;}
	.related_prd{margin-top:100px;}
	.img_slide_gallery .icon_search{width:40px; height:40px; background-size:contain; }
}
@media (max-width:1200px){
	.body{padding-top: 1.4rem;}
	.header{position:fixed;top:0; left:0; width:100%; padding-top:0; height:1.4rem;  z-index:1000; color:#fff;  padding:0; background: #000;}
	.header .header_in{padding: 0;}
	.header .logo{ padding:0.17rem 4.5rem 0.17rem 0.4rem; line-height:1.06rem; text-align:left; margin:0; float:none;}
	.header .logo img{max-height:1.06rem;}
	.mobile_btn{ display:block; position:fixed; z-index:100; right:0.2rem; top:0; left:auto; width:50px; height:1.4rem;  text-align:center;}
	.mobile_btn:before{ content: ''; position: absolute; right: 0; top: 50%;margin-top: -25px; width:50px; 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:before{ background-position:-50px center;}
	.header .head_r{position:fixed; z-index:100; right:1.25rem;margin-top: -14px; top: 0.7rem;}
	.navBox{position:fixed; width:100%; left:0; top:1.4rem; bottom:0; display:none; background:rgba(0,0,0,0.9); margin:0; }
	.nav{ display:block;  overflow:auto; height:100%; padding:1em 0;}
	.nav li{ float:none; margin:0; border-bottom:1px solid rgba(255,255,255,0.1); width:100%;}
	.nav li a,.nav li > .parent > a{  padding:0; line-height:2.8; text-align:center; color:#fff;transition: all 0s;-moz-transition: all 0s;-webkit-transition: all 0s;font-size: 1.2em;}
	.nav > li:hover > a:before, .nav > li:hover > .parent > a:before,.nav > li.cur > a:before, .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:10em; height:3.36em; }
	.nav .parent .icon_control:before{content:''; position:absolute; right:1.5em; width:1em; top:0; bottom:0;background:url(../images/icon10.png) no-repeat center; background-size:1em auto; }
	.nav li .parent.open .icon_control:before{ background-image:url(../images/icon7.png);}
	.nav li:hover > a,.nav li.cur > a,.nav li:hover .parent,.nav li.cur .parent,.nav li:hover .parent a,.nav li.cur .parent a{color:#FFF100; }
	.subNav{ position:relative; top:0; display:none; height:auto; opacity:1; left:0; -webkit-transform:none; transform:none; margin-left:0; box-shadow:none; -webkit-box-shadow:none;}
	.subNav ul{ padding:0;}
	.subNav li{border: 0;}
	.subNav li a{font-size: 100%; color:#333;}
	.subNav li:hover a,.subNav li.cur a{color:#000;}
	.nav li:hover .subNav{ top:0;transition: all 0s;-moz-transition: all 0s;-webkit-transition: all 0s;}

	.inBanner .text{padding-top:0;}
	.inBanner img{width:100%; height:200px; object-fit: cover; object-position: center;}

	.jb_list li .text .hh{font-size:2.5vw;}
	.newsD_h h2{font-size:36px;}

	.list_i_t1{margin:0 -8px;}
	.list_i_t1 li .item{margin:0 8px;}
	.slide_u1 img{height:350px; object-fit: cover; object-position: center;}
  .prd_list li{width:50%;}
	.side_menu.hide_n + .con_box .prd_list li{width:33.33%;}
} 
@media (max-width:960px){
	.font36{font-size: 28px;}
	.pdt-20{padding-top: 1em;}
	.mb40{margin-bottom: 4vw !important;}
	.mb80{margin-bottom: 8vw !important;}
	.mb100{margin-bottom: 10vw !important;}
  .mb120{margin-bottom: 11vw !important;}
	.mt40{margin-top: 4vw !important;}
	.mt80{margin-top: 8vw !important;}
	.mt10{margin-top: 10vw !important;}
	.mt120{margin-top: 11vw !important;}
	.banner_list .swiper-pagination{bottom: 10px;}
	.footer{padding-top:2em;}
	.logo_f{margin-bottom: 2em; text-align:center;}
	.copyright{padding: 1em 0; margin-top:1.5em;}
	.link_a{display:none;}
	.con_f{justify-content: center; }
	.cont_con{ flex-direction: column; }
	.cont_con .text{width:100%;}
	.main_con{padding-bottom:7vw;}
	.main_con .section{padding:8vw 0 5vw;}
	.msg_form{ padding-top:5vw;}
	.title1{font-size:6vw; margin-bottom: 6vw;}
	.us_img_tt{margin:9vw 0 11vw;}
	.us_img_tt > .img{height:345px;}
	.us_img_tt .tt{ flex-direction: column-reverse; }
	.us_img_tt .tt .u_list1{width:100%;}
	.us_img_tt .tt .u_list2{ align-self: flex-end; margin-bottom:10px; width:30%;}
	.u_ho_tt{margin-bottom:6vw;}
	.honor_slide{margin-bottom:9vw;}
	.jb_list{margin:0 -8px;}
	.jb_list li .item{margin:0 8px;}
	.wk-lf{ flex-direction: column;}
	.wk-lf .img_slide{ width:100%;}
	.img_slide img{ height:auto;}
	.tit_sv{margin-bottom:10vw;}
	.img_text_sv{margin-bottom:10vw;}
	.fq_card .item{margin-bottom:7vw;}
	.fq_card .card_h{padding:1.2em 60px 1.2em 1.5em;}
	.fq_card .h-h2{font-size:22px;}
	.fq_card .h-h2 .i-arrow{right:24px;}
	.fq_card .card_b{padding:5vw 1.5em 0;}
	.main_request{padding:10vw 0;}
	.tt_req .i_tt{width:12vw; margin-right:2vw;}
	.tt_req .hh_tt{font-size:6vw;}
	.menu1{margin-bottom:8vw;}
	.menu1 li{line-height:3.5; margin-right:2em;}
	.newslist li{ width:50%; margin-bottom:2em;}
	.newslist li:nth-child(3n+1){ clear:none; }
	.newslist li:nth-child(2n+1){ clear:both; }
	.newsD{padding:11vw 0 6vw;}
	.newsD_h{margin-bottom:11vw;}
	.title3 .tt2{font-size:13vw;}
	.main_index .section{padding-bottom:8vw;}
	.slide_u2{padding:0;}
	.slide_u2 .prev_prd, .slide_u2 .next_prd{display:none;}
	.u_list_indx{width:100%; margin-top:30vw;}
	.iso{top:13vw;}
	.iso img{height:30vw;}
	.adnewsBox{display:block;}
	.ad_news1{width:100%; padding-right:0; margin-bottom:24px;}
	.ad_news1 li .imgbox{padding-bottom:63%;}
	.ad_news2{width:100%; padding-left:0;}
	.adnewsBox .ad_news2 li .hh{height:auto;}
	.slide_case_list li .img .size{padding-bottom:109%;}
	.slide_case_list .text p{line-height:1.5; height:6em; overflow:hidden; min-height:0;}
	.contact_indx{ height:auto;}
	.contact_indx .i_t{width:100%;}
	.contact_indx .i_t:nth-child(3){border-bottom: 1px solid rgba(255,255,255,0.1);}
	.case_list li{width:50%; margin-bottom:30px;}
	.case_list li .img .size{padding-bottom:109%;}
	.case_list .text p{line-height:1.5; height:6em; overflow:hidden; min-height:0;}
	.caseD{padding:8vw 0;}
	.caseD .mauto{ flex-direction: column; }
	.caseD .imgBig{width:100%;}
	.con_dec{padding-left:0;}
	.s_h_btn .show{display:block;}
	.s_h_btn .hide{display:none;}
	.side_menu.hide_n .s_h_btn .show{display:none;}
	.side_menu.hide_n .s_h_btn .hide{display:block;}
	.side_menu_filter{ display:none; padding:1em 5%;}
	.side_menu.hide_n .side_menu_filter{display:block;}
	.con_box,.side_menu.hide_n + .con_box{margin-left:0; padding-top:2.5em;}
	.side_menu{position:relative; width:100%;}
	.categories_select{margin-bottom:2.5em;}
	.side_menu.hide_n{width:100%;}
	.side_menu.hide_n + .con_box .prd_list li{width:50%;}
	.prdD{padding-top:8vw;}
	.top_pr{margin-right:0;}
	.slide_thumbs{margin:1.5em auto 0;}
	.dec_prdD{top:0; position:relative; width:100%;}
	.tit_pr{margin-bottom:6vw;}
	.info_prdD{margin-top:8vw;padding-bottom:8vw;}
	.related_prd{margin-top:8vw;}
	.dec_prdD .opt_r,.dec_con:before{display:none;}
	.dec_con .dd_p{height: auto;}
}
@media (max-width:800px){
  .list_i_t1 li{width:50%; margin-bottom:16px;}
	.list_i_t1 li:nth-child(2n+1){ clear:both; }
	.list_i_t1 li .text{font-size:3.2vw;}
}
@media (max-width:640px){
	.font36{font-size: 22px;}
	.banner_list .swiper-pagination,.slide_u1 .s-page{bottom: 0.5em;}
  .banner_list .swiper-pagination .swiper-pagination-bullet,.slide_u1 .s-page .swiper-pagination-bullet{width:8px; height:8px;}
	.cont_con .text{padding:1.5em;}
	.cont_con .text .i_t{padding:2em 0;}
	.msg_form .item{margin-bottom: 0;}
	.msg_form dl{flex-direction: column; }
	.msg_form dl dd{width:100%; }
	.msg_form .input_text{ margin-bottom:1.2em;}
	.msg_form .input_text_arrow:before{top:1.9em; margin-top:-7px; -webkit-transform:none; transform:none;}
	.msg_form .submit{margin-top:2.5em;}
	.us_img_tt .tt{bottom:1em;}
	.u_list1 .u_item{width:30%;}
	.u_list1 .num{font-size:2em;}
	.u_list1 .u_item .mm{font-size:45%;}
	.u_ho_tt{ flex-direction: column; align-items: flex-start;}
	.u_ho_tt .u_tt_pp{width:100%;}
	.jb_list{margin:0 -0.5em;}
	.jb_list li .item{margin:0 0.5em;}
	.jb_list li .text .ll{font-size:50%;}
	.img_slide .s-page{bottom: 0.5em;}
  .img_slide .s-page .swiper-pagination-bullet,.slide_u2 .page_prd .swiper-pagination-bullet,.slide_u4 .page_c .swiper-pagination-bullet{width:8px; height:8px;}
	.img_text_sv .text{width:auto; left:3.5%; right:3.5%;}
	.img_text_sv .text .con{padding:2em 1.5em;}
	.tt_req{margin-bottom:5vw;}
	.newslist li{ width:100%;}
	.newsD_h h2{font-size:24px;}
	.slide_u1 img{height:50vw;}
	.b_more{width:130px; padding-right:20px;}
	.b_more:before{right:15px;}
	.list_i_t1 li .text{padding:0.7em 0.5em 1em;}
  .slide_prd_list li .item{margin:0 0.5em;-webkit-box-shadow: 0px 4px 1em 0px rgba(0,0,0,0.05); box-shadow: 0px 4px 1em 0px rgba(0,0,0,0.05);}
	.slide_u3{margin-top:2.5em; padding:0 1.5em;}
	.slide_u3 .prev_v, .slide_u3 .next_v{width:1em; background-size:contain;}
	.ad_news1{margin-bottom:0;}
	.ad_news1 li{width:100%; margin-bottom:24px;}
	.ad_news1 li .text{padding:1.5em 1.5em;}
	.adnewsBox li .hh{height: auto;}
	.ad_news2 li .item{padding:1.2em 1.5em;}
	.slide_u4 .page_c{bottom:-40px;}
	.contact_indx .i_t .vv{height:auto;}
	.top_v, .link_to_msg{right:0.5em;}
	.slide_case_list{margin:0 -0.5em;}
	.slide_case_list li .item{margin:0 0.5em;}
	.case_list{margin:0 -0.5em;}
	.case_list li{margin-bottom:1em;}
	.case_list li .item{margin:0 0.5em;}
	.menu2 li{margin-right:1em;}
	.menu2 li a{min-width:0;}
	.slide_img_c{margin: 10px -0.5em 0;}
	.slide_img_c li .item{margin:0 0.5em;}
	.prd_list{margin:0 -0.5em;}
	.prd_list li{margin-bottom:1.5em;}
	.prd_list li .item{margin:0 0.5em;}
	.prd_list li .text{padding:0.7em 0.5em 1em;}
	.rlt_prd_list{margin:0 -0.5em;}
	.rlt_prd_list li{width:50%; margin-bottom:1em;}
	.rlt_prd_list li .item{margin:0 0.5em;}
	.dec_con{padding:2em 6%;}
	.crumb_prd .btn_a{line-height:3; font-size:89%; width:auto; padding:0 1em;}
}
@media (max-width:520px){
	.border_radius20,.border_radius15{ -webkit-border-radius: 0.7em; border-radius: 0.7em;}
	.body{font-size:0.32rem;}
	.font24{font-size: 1.3em;}
	.font36{font-size: 1.4em;}
	.mobile_btn{right: 0; width: 1.2rem;}
	.mobile_btn:before{width: 1.2rem; background-size: 2.4rem 1.2rem; height: 1.2rem; margin-top: -0.6rem;}
	.mobile_btn.open:before{background-position: -1.2rem 0;}
	.lang .pop_lang{padding-top: calc(0.7rem - 12px);}
	.search .pop_search{ position: fixed; top: 1.4rem; left: 0; right: 0; padding-top: 0;}
	.search .pop_search .searchBox .search_h{width: 100%; box-sizing: border-box;}
	.head_r .line{margin:0 1em;}
	.inBanner img{ height:40vw;}
	.inBanner .text .hh{font-size: 1.8em;}
	.title1{margin-top:0 !important;}
	.title3{margin-bottom:1.3em;}
  .jb_list li .text .hh{ bottom:1em; top:auto;}
	.uu_card .h-h2{font-size:1.2em;}
	.uu_card .open .h-h2{ font-size:1.6em;}
	.img_text_sv .img img{height:26em;}
	.img_text_sv .text .hh{font-size:1.3em;}
	.img_text_sv .text p{font-size:85%; margin-bottom:3em;}
	.fq_card .h-h2{font-size:1.3em;}
	.fq_card .h-h2 .i-arrow{width:1.2em; height:1.2em; background-size:contain; right:1.2em; margin-top:-0.6em;}
	.menu1 li{font-size:89%;}
	.newslist li .text .date_hh{padding:1em 0;}
	.newsD_h h2{font-size:1.6em;}
	.newsD_h .dec .ite{margin:0 0.8em 1em;}
	.newsD_h .dec .ite img{margin-right:0.5em;}
	.title3 .tt1{font-size:1.6em;}
	.b_more{line-height:2.5; font-size:0.95em;}
	.slide_case_list .text .hh, .case_list .text .hh{font-size:1.3em;}
	.menu2{padding-top:2em; margin-bottom:1em;}
	.menu2 li a{padding:0 1em; font-size:0.95em;}
	.h_dec .hh{font-size:1.6em;}
	.dec_con .hh, .tit_pr{font-size:1.6em;}
}