::-moz-selection {
  background: #438aff;
  color: #fff;
  text-shadow: none;
}

::-webkit-scrollbar {
  background-color: #ccc;
  width: 6px;
}

::-webkit-scrollbar-thumb {
  background-color: #438aff;
}

::selection {
  background: #438aff;
  color: #fff;
  text-shadow: none;
}

/*banner*/
.obanner{position: relative;z-index: 1;width: 100%;overflow: hidden;}
.obanner>img{position: relative;z-index: 1;display: block;width: 100%;}
.obanner .txt{position:absolute;left:14%;top:53%;font-size:32px;color:#fff; z-index:2;background:url(/static/default/assets/img/hon7.png) left bottom no-repeat;padding-bottom:10px;}
.obanner .txt p{font-size:16px;color:#fff;padding-top:8px;}
.obanner .pc_banner {display:block;}
.obanner .mo_banner {display:none;}

@media screen and (max-width: 768px) {
.obanner .pc_banner {display:none;}
.obanner .mo_banner {display:block;}
.obanner .txt{left:7%;top:35%;font-size:24px;}
.obanner .txt p{display:none;}
.location{display:none;}
.about{font-size:16px;line-height:165%;padding:30px 8px;}
}
/*banner*/

.location{background:#f4f4f4;line-height:60px;overflow:hidden;}
.location .title{float:left;font-size:22px;color:#333; font-weight:600;}
.location .rt_txt{float:right;font-size:15px;color:#666;;}
/*about*/
.about{font-size:16px;line-height:190%;color:#666;overflow:hidden;padding:50px 0; min-height:400px;}
/*about*/

/*honor*/
.honor{width:auto;height:auto;overflow:hidden;margin-top:30px;padding:20px 0 40px 0; }
.honor ul{display:grid;grid-template-columns: repeat(5,1fr);gap:20px}
.honor li{overflow:hidden;}
.honor li .pic{width:100%;height:auto;overflow:hidden;}
.honor li .pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.honor li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}


/*qyhje*/
.qiye_title{font-size:40px;color: #fff;margin:0 0 0 0;background:url(/static/default/assets/img/hon4.png) no-repeat center bottom;padding-top:10px;padding-bottom:15px;text-align:center; letter-spacing:1px;}

.qiyehj {
  padding: 60px 0 80px;
  background-image: -webkit-linear-gradient(129deg, #1179d0 0%, #0b54a3 100%);
  background-image: -moz-linear-gradient(129deg, #1179d0 0%, #0b54a3 100%);
  background-image: -ms-linear-gradient(129deg, #1179d0 0%, #0b54a3 100%);
  background-image: linear-gradient(129deg, #1179d0 0%, #0b54a3 100%);
}
.qiyehj .main_container .swiper-container {
  padding-top: 40px;
}
.qiyehj .main_container .swiper-slide:hover .picture_container {
  -o-transform: translate3d(0, -8px, 0);
  -moz-transform: translate3d(0, -8px, 0);
  -webkit-transform: translate3d(0, -8px, 0);
  transform: translate3d(0, -8px, 0);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.qiyehj .main_container .picture_container {border:2px solid #fff;
  padding-top: 44%;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
 .qiyehj .main_container .picture_container img {
  width: 100%;height:auto;
}
.qiyehj .main_container .swiper-pagination {
  font-size: 0;
  position: static;
  margin-top: 20px;
}
 .qiyehj .main_container .swiper-pagination span {
  background: #ffffff;
  height: 12px;
  width: 12px;
  opacity: 0.5;
  margin: 0 5px;
}
.qiyehj .main_container .swiper-pagination span[class*=active] {
  opacity: 1;
}
/*qyhje*/

@media screen and (max-width: 768px) {
.about{font-size:16px;line-height:165%;padding:30px 8px;}
.qiye_title{font-size:30px;}
.qiyehj {padding: 30px 0 30px 0;}

.honor{width:auto;height:auto;overflow:hidden;margin-top:30px;padding:0px 10px 40px 10px; }
.honor ul{display:grid;grid-template-columns: repeat(2,1fr);gap:10px}
}

/*-----------------------------------------------------------------news----------------------------------------------------*/

.xwbox{background:#f4f4f4;}
.xwmain{background:#fff; border-radius:12px;padding:40px 50px 30px 50px;margin:50px 0 20px 0;}

.news_box{overflow:hidden;height:auto;padding:80px 0 0 0;}
.news_box ul{padding-bottom: 35px;}
.news_box ul li{float: left;width: 31.4%;margin-right: 2.9%;margin-bottom: 2.2%;}
.news_box ul li:nth-child(3n){margin-right: 0;}

/*notice_box*/
.xwen_li{
	background: #f1f1f1;
	-webkit-transition: all 0.5s ease; border-radius:12px;
	transition: all 0.5s ease;
}
.xwen_li:hover{
	background: #1696f4;
	box-shadow: 0px 1px 38px rgba(25,174,174,0.19);
}
.xwen_li a{
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding:8% 6.8% 8% 9%;
}
.xwen_li a:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: -50%;
	width: 100%;
	height: 100%;
	background: url(/static/default/assets/img/img73.png) bottom center no-repeat;
	background-size: 100% auto;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.xwen_li:hover a:before{
	bottom: 0;
}
.xwen_li .t1{
	color: #999999;
	font-size: 14px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.xwen_li .t3{
	color: #777;
	font-size: 14px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;height: 36px;
}
.xwen_li .t2{
	color: #000000;
	font-size: 18px;
	line-height: 1.7;
	margin-top: 15px;
	height: 40px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.xwen_li:hover .t1,
.xwen_li:hover .t2,
.xwen_li:hover .t3,.xwen_li:hover .more{color: #FFFFFF;}

.xwen_li .more{margin-top:40px;
	display: inline-block;
	color:#C00;
	font-size: 16px;
	padding-right: 28px;
	background: url(/static/default/assets/img/img74.png) center right no-repeat;
	background-size: 17px 13px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.xwen_li.on  .more,
.xwen_li:hover .more{
	background: url(/static/default/assets/img/img75.png) center right no-repeat;
	background-size: 17px 13px;
}


.xinw_txt{font-size:26px;text-align:center;padding:0 0 25px 0;width:auto;overflow:hidden;width:auto;}
.xinw_dtm{width:auto; text-align:center; padding:0 0 0px 0; font-size:13px; color:#555;line-height:40px;background:#f7f7f7;margin:0 auto;}

.xinw_info{ line-height:160%;padding:30px 0;font-size:15px;color:#777;min-height:400px;width:auto;}
.xinw_info a{color:#009d85;}
.xinw_info b{font-size:18px;color:#eb3e00;}
.xinw_info img{ width:600px;height:auto;text-align:center;}

/*nextup*/
.new_pre{color:#fff;width:calc(49% - 15px);float:left;background:#1696f4;padding-left:15px;overflow:hidden;line-height:50px;}
.new_pre a{color:#fff;font-size:14px;}
.new_pre a:hover{color:#fff}
.new_next{color:#fff;float:right;width:calc(49% - 15px);background:#1696f4;padding-left:15px;overflow:hidden;line-height:50px;}
.new_next a{color:#fff;font-size:14px;}
.new_next a:hover{color:#fff}
.new_pn{padding:0px 0 10px 0; line-height:32px;font-size:14px;overflow:hidden;margin-top:4px;}
/*nextup*/

@media screen and (max-width: 768px) {
.news_box{padding:30px 0 0 0;}
.news_box ul{padding-bottom: 35px;}
.news_box ul li{width:100%;margin-right:0;margin-bottom: 2.2%;}
.xwen_li a{padding:4% 4% 7% 4%;}
.xwen_li .more{margin-top:20px;}
.xwmain{border-radius:12px;padding:20px 10px 30px 10px;margin:40px 0 0 0;}
.xinw_txt{font-size:20px;}
.new_pre{width:100%;);margin-bottom:3px;}
.new_next{width:100%;);}
}


/*qyhje*/
.xwpro_title{font-size:40px;color: #fff;margin:0 0 0 0;background:url(/static/default/assets/img/hon4.png) no-repeat center bottom;padding-top:10px;padding-bottom:15px;text-align:center; letter-spacing:1px;}

.xwpro {
  padding: 30px 0 50px;margin-top:50px;
  background-image: -webkit-linear-gradient(129deg, #1179d0 0%, #0b54a3 100%);
  background-image: -moz-linear-gradient(129deg, #1179d0 0%, #0b54a3 100%);
  background-image: -ms-linear-gradient(129deg, #1179d0 0%, #0b54a3 100%);
  background-image: linear-gradient(129deg, #1179d0 0%, #0b54a3 100%);
}
.xwpro .main_container .swiper-container {
  padding-top: 40px;
}
.xwpro .main_container .swiper-slide:hover .picture_container {
  -o-transform: translate3d(0, -8px, 0);
  -moz-transform: translate3d(0, -8px, 0);
  -webkit-transform: translate3d(0, -8px, 0);
  transform: translate3d(0, -8px, 0);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.xwpro .main_container .picture_container {
  padding-top: 98%;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
 .xwpro .main_container .picture_container img {
  width: 100%;height:auto;
}
.xwpro .main_container .swiper-pagination {
  font-size: 0;
  position: static;
  margin-top: 20px;
}
 .xwpro .main_container .swiper-pagination span {
  background: #ffffff;
  height: 12px;
  width: 12px;
  opacity: 0.5;
  margin: 0 5px;
}
.xwpro .main_container .swiper-pagination span[class*=active] {
  opacity: 1;
}
/*qyhje*/

/*-----------------------------------------------------------------news----------------------------------------------------*/

/*--------------------------------------------------products--------------------------------------------------*/


.ProList{ width:auto; height:auto;margin-top:50px;overflow:hidden;padding:0 0;}
.ProList li{ width:calc(20% - 30px); float:left;  margin:0px 15px 30px 15px; overflow:hidden;height:auto; position: relative;background:#fff;border:1px solid #e7e7e7;}
.ProList li .pro_pic{width:100%; height:auto; overflow:hidden;}
.ProList li .pro_pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.ProList li .title{width:auto;height:auto;padding:10px 0 15px 0;text-align:center;overflow:hidden;}
.ProList li a:hover .title{color:#1696f4;}
.ProList li:hover .pro_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.ProList li:after {width: 0px;height: 3px;overflow: hidden;content: "";position: absolute;z-index: 30;bottom: 0px;left: 0px;background-color:#1696f4 ;transition: all .3s linear;}
.ProList li:hover:after{width: 100%;}

/*products details*/

.pro_deta_box{overflow:hidden;background:#f4f4f4;margin-bottom:40px;}
.deta_pic{float:left;width:40%;overflow:hidden;height:auto;text-align:center;padding:90px 5% 60px 5%;}
.deta_pic img{width:100%;height:auto;}
.deta_con{float:right;width:60%;overflow:hidden;height:auto;background:#fff; min-height:680px;}
.deta_con .box{overflow:hidden;padding:50px 10% 30px 50px;}



/*products nextup*/
.shop-nextup{width:300px;height:auto;overflow:hidden;background:#1696f4; margin:12px 0 0 133px;}
.shop-nextup li{float:left;width:146px;line-height:40px;overflow:hidden;text-align:center;border-right:4px solid #f4f4f4;}
.shop-nextup li a{display:block;font-size:15px;color:#fff;}
.shop-nextup li:last-child{border-right:none;}
/*products nextup*/

/*pro_info*/
.pro_info_title{font-size:30px;color:#333;font-weight:600;border-bottom:1px solid #e3e3e3;padding-bottom:12px;}

.pro_info_box{padding:0 190px 30px 190px;height:auto;overflow:hidden;}
.pro_info{width:auto;margin:0 auto;line-height:160%;padding:40px 0 25px 0;font-size:15px;color:#666; min-height:300px;overflow:hidden;height:auto;}
.pro_info img{ max-width:900px;clear:both;}
.pro_info strong{font-size:18px;font-weight:600;color:#222;background:url(/static/default/assets/img/zh_p_19.png) no-repeat 0px 15px;padding-left:18px;line-height:40px;overflow:hidden;margin-top:10px;display:block;}

.pro_info_txt{width:auto;font-size:20px;color:#444;margin:0 auto 0 auto;background:#fafafa;line-height:45px;font-weight:500;}
.pro_info_txt i{float:left;width:6px;height:20px;background:#d00000;margin:13px 10px 0 10px;}
/*pro_info*/


/*related_product*/
.related_product{ width:auto; height:auto;margin-top:20px;overflow:hidden;padding:0 0 0 0; }
.related_product li{ width:calc(20% - 20px); float:left;  margin:0px 10px 20px 10px; overflow:hidden;border:1px solid #ededed;position: relative;height:auto;}
.related_product li .pro_pic{ width:100%; height:auto; overflow:hidden;}
.related_product li .pro_pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.related_product li .pro_txt{color:#666;font-size:15px;padding:0 10px 15px 10px;line-height:130%;text-align:center;height:42px;}
.related_product li:hover .pro_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.related_product li a:hover .pro_txt{color:#d00000;}
.related_product li:after {width: 0px;height: 3px;overflow: hidden;content: "";position: absolute;z-index: 30;bottom: 0px;left: 0px;background-color:#d00000 ;transition: all .3s linear;}
.related_product li:hover:after{width: 100%;}
/*related_product*/

/*related_news*/
.related_news{ width:auto; height:auto;margin-top:20px;overflow:hidden;padding:0 0 50px 0; }
.related_news li{ width:calc(33.33% - 12px); float:left;  margin:0px 6px 0 6px; overflow:hidden;height:auto;}
.related_news li a{display:block;font-size:15px;color:#777;line-height:30px; background:url(/static/default/assets/img/zh_p_17.jpg) no-repeat 0 11px;padding-left:12px;}
.related_news li a:hover{color:#C00;}
/*related_news*/
@media screen and (max-width: 768px) {
.ProList li{ width:calc(50% - 10px); margin:0px 5px 10px 5px;}
.deta_pic{width:100%;padding:30px 5% 30px 5%;}
.deta_pic img{width:100%;height:auto;}
.deta_con{width:100%;}
.deta_con .box{overflow:hidden;padding:20px 2% 20px 2%;}
.shop-nextup{ width:210px;margin:12px 0 0 0; }
.shop-nextup li{width:100px;line-height:40px;}

.related_product li{ width:calc(20% - 8px);margin:0px 4px 0 4px; }
.related_product li .pro_txt{display:none;}
.related_news li{ width:100%; float:left;  margin:0px 0 6px 0;}
}



/*contact us*/
.lxwm{width:auto;padding:0px 0 0 0;height:auto;overflow:hidden;}
.lxwm_lt{float:left;width:45%;height:auto;overflow:hidden;background:#f6f6f6;}
.lxwm_rt{float:right;width:55%;height:auto;overflow:hidden;margin-top:-20px;}

.ltbox{padding:8% 0 0 14% ;border-right:3px solid #C00;height:600px;}
.lxwm_lt_conn{font-size:20px;color:#555;line-height:180%;padding-bottom:50px;}
.lxwm_lt_ewm li{float:left;width:150px;height:auto;overflow:hidden;margin-right:15px;}
.lxwm_lt_ewm li .pic img{width:140px;height:auto;}
.lxwm_lt_ewm li p{font-size:13px;color:#666;text-align:center;padding-top:5px;}

@media screen and (max-width: 640px) {
.ltbox{height:auto;}	
.lxwm_lt{width:100%;height:auto;}
.lxwm_rt{display:none;}

.ltbox{padding:8% 8px 0 8px ;border-right:3px solid #C00;height:auto;}
.lxwm_lt_conn{font-size:15px;color:#555;line-height:180%;padding-bottom:50px;}
.lxwm_lt_ewm {display:none}
}
/*contact us*/


/*searchall*/
.searchall_title{font-size:24px;color:#333;padding:20px 0;}
.searchall{overflow:hidden;padding:20px 0 0 0; }
.searchall li{float:left;width:calc(50% - 20px);margin:0 10px 20px 10px;overflow:hidden;height:auto;background:#fff;border-radius:8px;background:#f5f5f5;}
.searchall li .pic{float:left;width:200px;height:auto;overflow:hidden;border-radius:8px;}
.searchall li .pic img{width:100%;height:160px;}
.searchall li .conn{float:right;width:calc(100% - 220px);overflow:auto;height:auto;}
.searchall li a{padding:15px;}
.searchall li h1{font-size:20px;color:#333;padding-top:12px;}
.searchall li p{font-size:15px;color:#666;line-height:160%;padding-top:10px;}/*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/
.searchall li .date{font-size:14px;color:#666;padding-top:12px;}
.searchall li:hover{background:#1696f4;}
.searchall li:hover h1,.searchall li:hover p,searchall li:hover .date{color:#fff;}
/*searchall*/