@charset "utf-8";
/* CSS Document */
.m_hezuoba{ display:none !important;}
.m_header{ display:none !important;}
#banner{display:none !important;}
.m_foot{ display:none !important;}
.sjbdmap{ display:none !important;}
.m_chanpin{ display:none !important;}
.m_cptitle{ display:none !important;}
.m_yingyong{ display:none !important;}
.m_wu{ display:block !important;}
.mvw_wu{ display:none !important;}
@media only screen and (max-width: 1000px){
.pcwu{ display:none !important;}
.mvw_wu{ display:block !important;}
.m_wu{ display:none !important;}
.barwrap{ display:none !important;}
.blzmenu{display:none !important;}
.m_header{ display:block !important;position:relative;height:65px;background:#FFF; }
.m_header .logo{display:block;width:180px;height:auto;padding:5px 0 0 10px;}
.m_header .logo img{display:block;width:100%; height:auto;}
.m_header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}
.datu{ display:none !important;}
.owl-theme .owl-controls{ margin-top: -30px !important;}

#banner{display:block !important;}
#banner img{width:100%}
.myflexslider{ position: relative}
/*幻灯片标题*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;max-width:640px}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}	
.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: #fdaa00; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background:#1596d4; }
.flex-control-paging li a.flex-active { background: #000; background: #b81d25; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*FlexSlider幻灯片  样式结束*/		


#foot{ display:none !important;}
.m_foot{ display:block !important; width:100%; margin:0 auto; padding:25px 0; background:#000; color:#FFF; line-height:26px; text-align:center;}
.m_foot img{ width:40%; height:auto; margin:12px 0;}
.m_foot a{ color:#FFF;}



.sjbdmap{ display:block !important; margin-top:80px;}
.sjfoot{
	width:100%;
	padding:5px 0px 5px 0px;
	background:#f8f8f8;
	position:fixed;
	height:63px;
	bottom: 0;
	left: 0;
	z-index:100000;
	border-bottom:1px solid #e6e4e4;
	border-top:1px solid #e6e4e4;
	}	
	
.sjfoot ul{
	width:100%;
	float:left;
	}
.sjfoot li{
	float:left;
	width:24.5%;
	height:63px;
	line-height:93px;
	border-right:1px solid #e6e4e4;
	text-align:center;
	overflow:hidden;
	}
.sjfoot a li{
	color:#6d6b6b;
}	
	
.hm1{
	background:url(../images/home2.png) no-repeat center top;}	
	
.hm2{
	background:url(../images/phone.png) no-repeat center top;}	
.hm3{
	background:url(../images/contact.png) no-repeat center top;}	
#hm4{
	background:url(../images/map.png) no-repeat center top;	border-right:none;}		

/****************/
.home-prodt.on .home-prodt-left .ys-slick-item.slick-current .std-h4 {
    animation: ysfadeInUp 0.8s ease-in-out both;
    animation-delay: 0.2s;
	font-size:15px;
	line-height:25px;
	font-weight:100;
	color:#504b4a;
	text-align:justify;
}

.std-h2,
.yxedr-active h2 {
    font-size:22px;
    color:#070302;
    line-height: var(--line12);
}

.container01 .box{ display:inline-block; width:100%; height:350px; background-size:cover !important; position:relative}
.container01 .box .con h3{ font-size:25px; color:#FFF; font-weight:bold; margin:10px 0 16px}
.container01 .box02 .con{ top:6rem; left:2.75rem; text-align:left; width:80%;}
.container01 .box .con h4{font-size:15px;color:#FFF;margin-bottom: 50px;}

.container01 .box01 .con{ top:6rem; right:2.75rem; text-align:right; width:80%;}
/**************************************/

.ycshulin2{ width:95%; max-width:95%; margin:0 auto; color:#FFF; text-align:center;}
.ycshulin2 h1{ display:block; width:100%; float:left; font-size:22px; font-weight:bold;}
.shulimore{ display:block; float:left; width:30%; margin-left:35%; height:40px; border-radius:30px; line-height:40px; text-align:center; border:1px solid #FFF; color:#FFF; margin-top:30px;}
/***********************/

.position .m { display: flex; align-items: center; max-width: 98%;  padding:0;}

.n_banner{ height: 15rem; width: 100%; overflow: hidden; position: relative; margin-top:0;}
.n_banner>.m { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; max-width: 98%;}
.n_banner h4{ display:none !important;}
.n_banner h6{ display:none !important;}

.m{ padding:0; width:98%; margin:0 auto;}
.ar_article{ font-size:13px;}
.n_company .m .ar_article p { font-size: 1.275rem; text-align:justify;}
.n_company .m>h5 {  color: #212121; font-size: 15px; display:block; width:100%; line-height:22px;white-space: normal; padding-top:30px; } 
/***************/
.n_company .comgd {
  display: block;
  align-items: center;
  justify-content: space-between;
  gap: 5rem;
  margin-top:30px;
  padding-bottom:30px;
}

.n_company .comgd li {
  display:block;
  flex-direction: column;
  align-items: flex-start;
  width:40%; float:left; margin-left:10%;
}
.n_company .comgd li .counter {
  color: #b71c24;
  font-family: Poppins;
  font-size:20px;
}

.n_company .comgd li div {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  font-size:20px; color:#b71c24;
}
.n_company .comgd li p{ text-align:left;}
/********************/

.fangzhen {
  background: url(../images/whbg.jpg)top center no-repeat;
  background-size: auto;
  position: relative;
  width: 100%;
  background-size: cover;
  padding-bottom: 3rem;
  padding-top: 3rem;
}
.fangzhen .sanfz h5 {
  font-size: 1.575rem;
  line-height: 3.4375rem;
}
.pad_top2{ padding-top:30px;}
#wenhua .whcon p {
  color: #515151;
  font-size: 1rem;
  line-height: 1.5rem;
}
/**************************/

.n_honor .ul{ grid-template-columns: 1fr 1fr;}
/************************/
.w1450{ width:100%;}
.n_title h3{ font-size:25px;}
.n_product ul li{ width:100%;}
.n_product ul li a .con h4{ font-size:20px;}
/*****************************/

.n_newxq .n_xqbox {
  background: #fff;
  padding:20px 0;
  border-radius: 1.25rem;
  display:block;
  grid-template-columns: 1fr 18.75rem;
  gap:0;
  align-items: flex-start;
  width:100%;
  float:left;
}

.xqright{ display:none !important;}
.xqleft{ width:100%;}
.n_newxq .n_xqbox {
  grid-template-columns: 1fr;
  padding: 2.375rem 1.5rem;
}
.n_newxq .xqleft .ar_title h4{ font-size:20px;}
/************************/

.n_makely ul { display:block; gap:0; width:100%; float:left;}

.n_makely ul li { grid-template-columns: 1fr !important; display:block; width:100%; float:left;}
/************************/

.cpshangxia{ width:50%;}
 {
  max-width:100%;
  width: 100%;
}
.n_contact .n_city{ display:block; width:100%; float:left;gap:0;}
/*.n_contact .n_city li{ display: block; width:100%; float:left; margin-bottom:30px; border-radius: 1.25rem; overflow: hidden;}*/
.n_contact .n_city li{flex-direction: column; margin-bottom:30px;}

.n_liuyan form , 
.tc_ewm #formbd {
  background: #fff;
  padding: 3rem 7.8175rem;
  display:block;
  grid-template-columns: repeat(3,1fr);
  gap: 1.25rem;
  border-radius: 1.25rem;
}

.n_contact .n_city li .img{ max-width:100%;}
.n_liuyan form, .tc_ewm #formbd { grid-template-columns: 1fr;}
.n_liuyan form, .tc_ewm #formbd {  padding: 2rem;}
.n_liuyan form div:last-child button, .tc_ewm #formbd div:last-child button{ margin-top:20px;}
/*.pad_bot{ padding-bottom:3.25rem;}*/
.n_contact{ padding:30px 0;}
.n_contact .maps .ico1 img{ width:50%;}
.n_contact .maps .ico2 img{ width:50%;}
/*********************/

.container01 .box .con h6{ font-size:15px;}

.cpli1{ width:47%;}
.dc_pages1 {
  width: 40%;
  float: left;
  margin-left: 30%;
}

.ar_article td, .ar_article th{padding: 1rem 2px;}
.cpli1 p{ height:40px; overflow:hidden;}

.nclist{ display:block;}
.n_makely ul li .makecon{padding: 0.8rem 1.75rem;}
.n_makely ul li .makecon h5{ font-size:20px;}
.n_makely ul li a{ margin-top:0px; background-size:80%;}
/***********************************/

.n_company .m .ar_article{
  margin: 2.5rem 2%; width:96%;
	}
}