@charset "utf-8";
/*当浏览器尺寸小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
/*logo*/
.logo{width:100%; height:auto; overflow:hidden}
.logo .l_pc{display:none}
.logo .l_mobile{height:auto; text-align:center; padding:10px}
.logo .l_mobile img{max-width:100%; height:auto;}
.logo .r{width:100%; height:auto;}

/*首页菜单*/
.menu{width:100%; height:auto; overflow:hidden;}
.menu li{
	float: left;
	width:33.333333%;
	text-align: center;
	color: #fff;
	overflow: hidden;
	font-size: 0.14rem;
	height:0.46rem;
	line-height: 0.46rem;
	white-space: nowrap;/*规定段落中的文本不进行换行*/
	text-overflow: ellipsis;/*当文本溢出包含元素时显示省略符号来代表被修剪的文本。*/
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	background:linear-gradient(to bottom,#0a4f9d,#04448c);
	position:relative;
	border-bottom:1px solid #0d37a2;
}
.menu li a{display: block; color: #fff;}
.menu li:before{content: ""; width:1px; height:0.23rem; background-color:#0e5fba; position:absolute; right:0; top:0.11rem}
.menu li:nth-child(3):before{ display:none}
.menu li:nth-of-type(n+4){border-bottom:0;}
.menu li:hover a,.menu li.active a{text-decoration:none; color:#fff; background:linear-gradient(to bottom,#012170,#001b5e);}

/*关键词及搜索*/
.key_so_bj{ display:none}

/*关于我们标题*/
.about_title{font-size:0.22rem; line-height:1; color:#0a4f9d; font-weight:700; text-transform:uppercase; margin-top:30px}
.about_title::after{content:''; width:40px; height:3px; background:#0a4f9d; display:block; margin:15px auto 0 0}

/*标题*/
.title_202110{ margin-top:10px; padding-left:26px; height:0.4rem; line-height:0.4rem; color:#FFF; background: #f1f4f8; border-radius:4px; position:relative}
.title_202110:before{content: ""; width:10px; height:0.36rem; background-color:#dd0000; position:absolute; left:0; top:0; border-radius:4px 0 0 4px; }
.title_202110 a{ color:#666; margin-right:10px;}
.title_202110 a:hover{ color:#dd0000}
.title_202110 a+a:before{ padding-right:10px; color:#999999; content: "/";}

/*通栏banner*/
.sidebanner{position:relative; height:1.3rem; background-repeat:no-repeat; background-position:center; background-size:cover;}
.sidebanner::after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4)}
.sidebanner .wp{position:relative; z-index:20; width:92%; height:100%; display:-webkit-flex; display:flex;-webkit-justify-content:center; justify-content:center; -webkit-flex-direction:column; flex-direction:column; text-transform:Uppercase}
.sidebanner h2{color:#fff; font-size:0.26rem; font-weight:500}
.sidebanner p{color:#fff; font-size:0.14rem; margin:15px 0 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative; z-index:10; background:url(../images/shome.png) no-repeat left center; padding-left:23px}
.sidebanner p a{color:#fff; margin-right:10px;}
.sidebanner p a:hover{ color:#FFCC00}
.sidebanner p a+a:before{ padding-right:10px; color:#fff; content: "/";}

/*以下是主体部分*/
.main_box{ width:100%; height:auto; margin-top:15px; overflow:hidden}
.main_box .l_left{margin-top:26px; width:100%; height:auto}
.main_box .l_right{width:100%; height:auto}

.main_box .l_left .images{ display:none}

/*左侧部分*/
.l_right_title{height:0.8rem; background:#204c97; color:#fff; text-align:center;}
.l_right_title .span1{ display:block; font-size:0.22rem; font-weight:700; padding-top:0.15rem; text-transform:uppercase}
.l_right_title .span2{ display:block; font-size:12px; color:#EFFCF7; padding-top:5px; text-transform:uppercase}

.ul_l_right{ width:100%; height:auto; margin-top:10px;}
.ul_l_right li{height:0.5rem; line-height:0.5rem; font-size:0.16rem; background-color:#f2f2f2; color:#000; position: relative; border-left:3px solid #ea6103; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.ul_l_right li a{display:block; color:#737373; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; padding-left: 24px;}
.ul_l_right li a:hover{ color:#FFF}
.ul_l_right li span{ display:inline-block; position: absolute;z-index: 10; right:20px; top:0; width:27px; height:100%; background:url(../images/jiantou.png) left center no-repeat;}
.ul_l_right li em{ position: absolute; left:0; top:0; width: 0; height: 100%; background:#204c97; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.3s; }
.ul_l_right li:hover em{ width:100%; }
.ul_l_right li.active a{color:#fff; background:#204c97;}
.left_tel{ display:none}

/*产品大小类*/
.ul_pro{ width:100%; height:auto}
.ul_pro li{ width:100%; height:auto; border:1px solid #F5F5F5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ul_pro li h4{ font-size:0.16rem; font-weight:100; color:#666666; line-height:0.45rem; background:linear-gradient(to bottom,#f6f6f6,#ebebeb); text-indent:0.27rem; position:relative}
.ul_pro li h4:before{content: ""; width:5px; height:23px; background-color:#dd0000; position:absolute; left:10px; top:11px;}
.ul_pro li h4 a{ display:block}
.ul_pro li+li{ margin-top:10px}

.pro_dl{ width:100%; height:auto}
.pro_dl dd{width:100%; height:auto; line-height:0.4rem; display:block; text-indent:0.44rem; background:url(../img/jt.jpg) no-repeat 27px center;}
.pro_dl dd a{display:block}
.pro_dl dd+dd{ border-top:1px solid #F5F5F5}
/*产品大小类end*/

/*新闻图片分类*/
.fenlei_box{width:100%; height:auto; background: #f1f4f8;}
.fl_menu_u1{ width:95%; height:auto; margin:0 auto; overflow:hidden}
.fl_menu_u1 li{float:left; height:0.5rem; line-height:0.5rem;  text-align:center; }
.fl_menu_u1 li a{display: block; font-weight:400; font-size:0.15rem; color:#333333; padding:0 15px;}
.fl_menu_u1 li:hover a,.fl_menu_u1 li.active a{color:#000000; font-weight:bold; background-color:#FFFFFF}

/*产品分类*/
.pro_fl_u1{ width:100%; height:auto; display:flex; display: -webkit-flex; /* Safari */ flex-direction:row;/*从左到右排*/ flex-wrap: wrap;/*换行，第一行在上方*/}
.pro_fl_u1 li{width:50%;  height:0.45rem; line-height:0.45rem; text-align:center; border-right:1px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:linear-gradient(to bottom,#6e90be,#546fa6);}
.pro_fl_u1 li a{display: block; font-weight:400; font-size:0.14rem; color:#fff;}
.pro_fl_u1 li:hover a,.pro_fl_u1 li.active a{color:#fff; background:linear-gradient(to bottom,#d71f1f,#f03827);}
.pro_fl_u1 li:nth-child(2n){border-right:none}

/*产品详情标题*/
.product_list{height:0.56rem; line-height:0.56rem; background-color:#f3f3f3; margin-top:20px; font-size:0.18rem; font-weight:bold; text-indent:20px; position:relative;}
.product_list:before{content: ""; width:5px; height:0.36rem; background-color:#d13845; position:absolute; left:0; top:10px}
/*通用内容盒子_end*/

/*弹性布局产品*/
.index_pro{
	width:100%;
	height:auto;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.index_pro li{width:48%; height:auto; margin-bottom:10px; }
.index_pro li span{display:block; width:100%; height:auto; overflow:hidden; position:relative;}
.index_pro li span img{width:100%; height:auto;}
.index_pro li p{ width:95%; height:0.4rem; line-height:0.4rem; margin:0 auto; text-align: center; font-size:0.14rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pro li a{ display:block}
/*产品框_end*/

/*新闻*/
.ul_news{ padding:6px; height:auto; overflow:hidden; margin-top:10px;}
.ul_news li{ padding:15px; height:auto; border:1px solid #e7eaf1; box-shadow:0px 0px 10px #dddbdb; border-radius: 5px; margin-bottom:20px}
.ul_news li h4{ font-size:0.18rem; font-weight:400; height:auto; line-height:0.32rem}
.ul_news li h4 a{ color:#333333}
.ul_news li h4 a:hover{ color:#FF0000}
.ul_news li p{ font-size:0.14rem; color:#999999; margin-top:10px; height:auto; line-height:26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}
.ul_news li span{color: #a3afb7; font-size:0.14rem; display:inline-table; margin-top:10px}
.ul_news li i{color: #a3afb7; font-size:0.14rem; display:inline-table; margin-top:10px; background:url(../images/click.png) no-repeat left center; padding-left:26px; margin-left:20px;}

/*相关图片*/
.pic_xg{width:100%; height:auto; margin-top:40px; overflow:hidden;}
.pic_xg li{float:left; text-align:center; width:48%; height:1.35rem; margin-right:4%; margin-bottom:15px;  position:relative; overflow:hidden; border:1px solid #EBEBEB}
.pic_xg li img{display:block; width:100%; height:100%; max-width:100%;}
.pic_xg li p{ position:absolute; left:0; top:1rem; width:100%; height:100%; background:rgba(0,0,0,0.4); transition: 0.5s all ease}
.pic_xg li:hover p{top:0; }
.pic_xg li span{ display:block; position:absolute; left:0; top:1rem; color:#FFF; width:100%; height:0.35rem; line-height:0.35rem; z-index:1; font-size:0.12rem; transition: 0.5s all ease; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.pic_xg li:hover span{top:45%; }
.pic_xg li:nth-of-type(2n+0){margin-right:0px;}
/*相关图片_end*/

/*相关产品前6个*/
.pro_tj{width:100%; height:auto; overflow:hidden; margin-top:30px; }
.pro_tj li{float:left; width:49%; height:auto; margin-right:2%; margin-bottom:15px; position: relative; border:1px solid #EBEBEB; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.pro_tj li span{ display:block; width:100%; height:auto; overflow:hidden}
.pro_tj li span img{ max-width:100%; height:auto}
.pro_tj li b{display:block; line-height:0.26rem; text-align:center; font-size:0.14rem; font-weight:100; padding:8px 10px; }
.pro_tj li:nth-of-type(2n+0){margin-right:0px;}
/*产品前6个end*/

/*标题专用*/
.view_title{ width:100%; height:0.5rem; line-height:0.5rem; background: #f1f4f8;}
.view_title a{ color:#666; margin-right:10px;}
.view_title a:hover{ color:#dd0000}
.view_title a+a:before{ padding-right:10px; color:#999999; content: "/";}

/*avi*/
.avi{
	width:100%;
	height:auto;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.avi li{width:48%; height:auto; margin-bottom:15px; border: 1px solid #dedede; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.avi li span{display:block; width:100%; height:auto; overflow:hidden; position:relative;}
.avi li span img{width:100%; height:auto;}
.avi li span em{ position:absolute; left:50%; top:50%; width:50px; height:30px; z-index:9999999; margin-top:-15px; margin-left:-25px; background:url(../images/play.png) no-repeat; transition: 0.5s all ease}
.avi li:hover em{ margin-top:-25px;}
.avi li p{ width:95%; height:40px; line-height:40px; margin:0 auto; text-align: center; font-size:14px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.avi li a{ display:block}
/*avi_end*/


/*********footer*********/
.foot_2021{margin-top:40px; padding-top:40px; padding-bottom:30px; background:#3c3c3c; color:#FFFFFF}
.foot_2021 a{color:#FFFFFF}
.foot_2021 a:hover{ color:#FFCC00}

.foot_mail{ overflow:hidden}
.foot_mail .l{width:100%; height:auto;}
.foot_mail .r{width:100%; height:auto; margin-top:20px}

.foot_mail_pic{ text-align:center}
.foot_mail_pic .mail{ margin-top:20px; font-size:0.16rem;}

.gbook{ width:95%; height:auto; margin:0 auto}
.gbook li{width:100%; height:auto;}
.gbook li+li{ margin-top:15px}

.foot_2022{ overflow:hidden; margin-top:50px}
.foot_2022 .l{width:100%; height:auto;}
.foot_2022 .r{width:100%; height:auto; margin-top:30px}

.foot_logo{ width:60%; height:auto; margin:0 auto; text-align:center}
.foot_logo img{ max-width:100%; height:auto}

.share{ width:100%; height:auto; margin-top:40px; text-align:center}
.share a{opacity:0.3; margin-right:5px}
.share a:hover {opacity:1;}

.foot_company{ font-size:0.16rem; color:#c0c0c0; margin-top:30px; text-align:center}

.foot_text{width:100%; height:auto;}
.foot_text>div{width:100%; height:auto;}
.foot_text>div:nth-child(1){ display:none}
.foot_text>div:nth-child(2){ display:none}
.foot_text h6{ color:#68a437; font-size:0.28rem; font-weight:bold; text-align:center}

.foot_Contact{ width:95%; height:auto; margin:0 auto; margin-top:20px}
.foot_Contact p{color: #c0c0c0; font-size:0.16rem; line-height: 0.3rem; margin-bottom: 8px; text-align:center}
.foot_Contact p a{color: #c0c0c0;}
}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
/*logo*/
.logo{width:100%; height:80px; margin-top:17px; margin-bottom:20px; overflow:hidden}
.logo .l_pc{float:left; width:590px; height:80px; line-height:80px;}
.logo .l_pc img{max-width:100%; height:auto;}
.logo .l_mobile{ display:none}
.logo .r{float:right; width:850px; height:80px;}

/*导航菜单start*/
.menu {float:right; overflow:hidden;}
.menu li {float:left; line-height:80px;}
.menu li a {display:block; font-size:22px; color:#333; padding:0 20px; font-family: 'Noto Sans', sans-serif;}
.menu li:hover a,.menu li.active a{text-decoration:none; color:#fff; font-weight:400; background-color:#0a4f9d}

/*标题*/
.title_202110{ margin-top:20px; padding-left:26px; height:40px; line-height:40px; color:#FFF; background: #f1f4f8; border-radius:4px; position:relative}
.title_202110:before{content: ""; width:10px; height:40px; background-color:#dd0000; position:absolute; left:0; top:0; border-radius:4px 0 0 4px; }
.title_202110 a{ color:#666; margin-right:10px;}
.title_202110 a:hover{ color:#dd0000}
.title_202110 a+a:before{ padding-right:10px; color:#999999; content: "/";}

/*通栏banner*/
.sidebanner{position:relative; height:280px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.sidebanner::after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4)}
.sidebanner .wp{position:relative; z-index:20; height:100%; display:-webkit-flex; display:flex;-webkit-justify-content:center; justify-content:center; -webkit-flex-direction:column; flex-direction:column; text-transform:Uppercase}
.sidebanner h2{color:#fff;font-size:36px;font-weight:500}
.sidebanner p{color:#fff;font-size:15px;margin:15px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;z-index:10; background:url(../images/shome.png) no-repeat left center; padding-left:23px}
.sidebanner p a{color:#fff; margin-right:10px;}
.sidebanner p a:hover{ color:#FFCC00}
.sidebanner p a+a:before{ padding-right:10px; color:#fff; content: "/";}

/*关键词及搜索*/
.key_so_bj{ width:100%; height:80px; background-color:#f2f2f2}
.key_so{overflow:hidden}
.key_so .l{ float:left; width:63%; height:80px; line-height:80px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.key_so .l a{margin-right:10px;}
.key_so .l a:hover{ color:#dd0000}
.key_so .l a+a:before{ padding-right:10px; color:#999999; content: "/";}

.key_so .r{ float:right; width:34%; height:auto;}
.so_box{ width:100%; height:auto; margin-top:20px; overflow:hidden}

/*圆角搜索*/
.yuan_input_2{float:left; border:1px solid #ff6a00; background:#fff; height:40px; line-height:43px; text-indent:15px; width:78%; border-radius:20px 0 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.yuan_save_2{float:left; background:#ff6a00; color:#fff; cursor:pointer; height:40px; line-height:42px; width:22%; font-size:16px; border-radius:0 20px 20px 0;}
.yuan_save_2:hover{background:#f60;}

/*关于我们标题*/
.about_title{font-size:36px; line-height:1; color:#0a4f9d; font-weight:700; text-transform:uppercase; margin-top:70px}
.about_title::after{content:''; width:40px; height:3px; background:#0a4f9d; display:block; margin:15px auto 0 0}

/*以下是主体部分*/
.main_box{ width:100%; height:auto; margin-top:30px; overflow:hidden}
.main_box .l_left{float:left; width:240px; height:auto;}
.main_box .l_right{float:right; width:1200px; height:auto;}

/*产品分类*/
.l_right_title{height:90px; background:#204c97; color:#fff; text-align:center;}
.l_right_title .span1{ display:block; font-size:31px; font-weight:700; padding-top:11px; text-transform:uppercase}
.l_right_title .span2{ display:block; font-size:12px; color:#EFFCF7; padding-top:8px; text-transform:uppercase}

.ul_l_right{ width:100%; height:auto; margin-top:10px; overflow:hidden}
.ul_l_right li{height:54px; line-height:54px; font-size:15px; background-color:#f2f2f2; color:#000; position: relative; border-left:3px solid #ff6a00;  border-top: 1px solid #ddd;}
.ul_l_right li:last-child{border-bottom: 1px solid #ddd;}
.ul_l_right li a{display:block; color:#737373; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; padding-left: 24px;}
.ul_l_right li a:hover{ color:#FFF}
.ul_l_right li span{ display:inline-block; position: absolute;z-index: 10; right:0px; top:0; width:27px; height:100%; background:url(../images/jiantou.png) left center no-repeat;}
.ul_l_right li em{ position: absolute; left:0; top:0; width: 0; height: 100%; background:#204c97; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.3s; }
.ul_l_right li:hover em{ width:100%; }
.ul_l_right li.active a{color:#fff; background:#204c97;}
.left_tel{width:100%; height:auto; padding:15px 0; color:#fff; font-size:17px; font-weight:bold; text-indent:60px; background:#204c97 url(../images/prolist4.png) no-repeat 25px center}

/*图片新闻分类*/
.fenlei_box{width:100%; height:auto; background: #f1f4f8;}
.fl_menu_u1{ width:100%; height:auto; overflow:hidden}
.fl_menu_u1 li{float:left; height:60px; line-height:60px; text-align:center;}
.fl_menu_u1 li a{display: block; font-size:16px; color:#333333; padding:0 45px;}
.fl_menu_u1 li:hover a,.fl_menu_u1 li.active a{color:#000000; font-weight:bold; background-color:#FFFFFF}

/*产品分类*/
.pro_fl_u1{ width:100%; height:auto; margin-top:20px; text-align:center}
.pro_fl_u1 li{display:inline-block; height:50px; line-height:50px; margin-right:10px; text-align:center; margin-bottom:10px; background:linear-gradient(to bottom,#6e90be,#546fa6); border-radius:5px;}
.pro_fl_u1 li a{display: block; font-weight:bold; color:#FFF; padding:0 17px}
.pro_fl_u1 li:hover a,.pro_fl_u1 li.active a{color:#fff; background:linear-gradient(to bottom,#d71f1f,#f03827); border-radius:5px;}

/*产品详情标题*/
.product_list{height:56px; line-height:56px; background-color:#f3f3f3; margin-top:30px; font-size:22px; font-weight:bold; text-indent:20px; position:relative;}
.product_list:before{content: ""; width:5px; height:36px; background-color:#d13845; position:absolute; left:0; top:10px}
/*通用内容盒子_end*/

/*弹性布局产品*/
.index_pro{
	width:100%;
	height:auto;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.index_pro li{width:32%; height:auto; margin-bottom:15px; border: 1px solid #dedede;}
.index_pro li span{display:block; width:100%; height:auto; overflow:hidden; position:relative;}
.index_pro li span img{width:100%; height:auto;}
.index_pro li span:before{
	content: "";
	position:absolute; 
	top:0; 
	left:-250px;
	width:200px;
	height:300px;
	background:-webkit-linear-gradient(0deg,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.7),rgba(255, 255, 255, 0)); 
	-webkit-transform:skewx(-25deg); 
	-webkit-transition:all .9s;
	z-index:1
}
.index_pro li:hover span:before{left:400px;}
.index_pro li p{ width:95%; height:40px; line-height:40px; margin:0 auto; text-align: center; font-size:14px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_pro li a{ display:block}
.index_pro li:hover{box-shadow:2px 2px 5px #C8C8C8;}
/*产品框_end*/

/*新闻*/
.ul_news{ padding:12px; height:auto; overflow:hidden; margin-top:30px;}
.ul_news li{ padding:30px; height:auto; border:1px solid #e7eaf1; box-shadow:0px 0px 10px #dddbdb; border-radius: 5px; margin-bottom:20px}
.ul_news li h4{ font-size:22px; font-weight:100; height:auto}
.ul_news li h4 a{ color:#333333}
.ul_news li h4 a:hover{ color:#FF0000}
.ul_news li p{ font-size:16px; color:#999999; margin-top:10px; height:auto; line-height:27px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}
.ul_news li span{color: #a3afb7; font-size: 16px; display:inline-table; margin-top:10px}
.ul_news li i{color: #a3afb7; font-size: 16px; display:inline-table; margin-top:10px; background:url(../images/click.png) no-repeat left center; padding-left:26px; margin-left:20px;}

/*相关图片,图片详情下面*/
.pic_xg{width:100%; height:auto; margin-top:30px; overflow:hidden;}
.pic_xg li{float:left; text-align:center; width:23.5%; height:auto; margin-right:2%; margin-bottom:20px; position:relative; overflow:hidden; border:1px solid #EBEBEB}
.pic_xg li img{display:block; width:100%; height:100%; max-width:100%;}
.pic_xg li p{ position:absolute; left:0; top:80%; width:100%; height:100%; background:rgba(0,0,0,0.4); transition: 0.5s all ease}
.pic_xg li:hover p{top:0; }
.pic_xg li span{ display:block; position:absolute; left:0; top:82%; color:#FFF; width:100%; height:35px; line-height:35px; z-index:1; font-size:12px; transition: 0.5s all ease; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.pic_xg li:hover span{top:45%; }
.pic_xg li:nth-of-type(4n+0){margin-right:0px;}
/*相关图片_end*/

/*相关产品前5个*/
.pro_tj{width:100%; height:auto; margin-top:26px; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.pro_tj li{width:100%; height:auto; margin-right:10px; border:1px solid #EBEBEB; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.pro_tj li span{ display:block; width:100%; height:auto; overflow:hidden} 
.pro_tj li span img{ max-width:100%; height:auto}
.pro_tj li b{display:block; line-height:30px; text-align:center; font-size:16px; font-weight:100; padding:8px 10px; }
.pro_tj li:last-child{ margin-right:0}
/*产品前5个end*/

/*标题专用*/
.view_title{ width:100%; height:60px; line-height:60px; background: #f1f4f8;}
.view_title a{ color:#666; margin-right:10px;}
.view_title a:hover{ color:#dd0000}
.view_title a+a:before{ padding-right:10px; color:#999999; content: "/";}

/*产品大小类*/
.ul_pro{ width:100%; height:auto}
.ul_pro li{ width:100%; height:auto; border:1px solid #F5F5F5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ul_pro li h4{ font-size:16px; font-weight:100; color:#666666; line-height:45px; background:linear-gradient(to bottom,#f6f6f6,#ebebeb); text-indent:26px; position:relative}
.ul_pro li h4:before{content: ""; width:5px; height:23px; background-color:#dd0000; position:absolute; left:10px; top:11px;}
.ul_pro li h4 a{ display:block}
.ul_pro li+li{ margin-top:10px}

.pro_dl{ width:100%; height:auto}
.pro_dl dd{width:100%; height:auto; line-height:35px; display:block; text-indent:40px; background:url(../img/jt.jpg) no-repeat 26px center;}
.pro_dl dd a{display:block}
.pro_dl dd+dd{ border-top:1px solid #F5F5F5}
/*产品大小类end*/

/*avi*/
.avi{
	width:100%;
	height:auto;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.avi li{width:24%; height:auto; margin-bottom:15px; border: 1px solid #dedede; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.avi li span{display:block; width:100%; height:auto; overflow:hidden; position:relative;}
.avi li span img{width:100%; height:auto;}
.avi li span em{ position:absolute; left:50%; top:50%; width:50px; height:30px; z-index:9999999; margin-top:-15px; margin-left:-25px; background:url(../images/play.png) no-repeat; transition: 0.5s all ease}
.avi li:hover em{ margin-top:-25px;}
.avi li p{ width:95%; height:40px; line-height:40px; margin:0 auto; text-align: center; font-size:14px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.avi li a{ display:block}
/*avi_end*/


/*********footer*********/
.foot_2021{margin-top:40px; padding-top:100px; padding-bottom:50px; background: #3c3c3c url(../images/footbg.jpg) no-repeat center top; color:#FFFFFF}
.foot_2021 a{color:#FFFFFF}
.foot_2021 a:hover{ color:#FFCC00}

.foot_mail{ overflow:hidden}
.foot_mail .l{ float:left; width:28%; height:auto;}
.foot_mail .r{ float:right; width:60%; height:auto;}

.foot_mail_pic .mail{ margin-top:20px; font-size:16px;}

.gbook{ width:100%; height:auto; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.gbook li{width:100%; height:auto; margin-right:10px; padding-left:15px}

.foot_2022{ overflow:hidden; margin-top:50px}
.foot_2022 .l{ float:left; width:28%; height:auto;}
.foot_2022 .r{ float:right; width:65%; height:auto;}

.foot_logo{ width:80%; height:auto; margin-left:0}
.foot_logo img{ max-width:100%; height:auto}

.foot_text{width:100%; height:auto; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.foot_text div{width:100%; height:auto; text-align:left; margin-right:10px;}
.foot_text h6{ color:#68a437; font-size:28px; font-weight:bold;}

.foot_ul{width:100%; height:auto; margin-top:20px}
.foot_ul li{ line-height:30px; color:#aeaeae; font-size:16px;}
.foot_ul li a{ display:block; color:#aeaeae}

.share{ width:100%; height:auto; margin-top:40px}
.share a{opacity:0.3; margin-right:5px}
.share a:hover {opacity:1;}

.foot_company{ font-size:17px; color:#c0c0c0; margin-top:40px}

.foot_Contact{ width:100%; height:auto; margin-top:20px}
.foot_Contact p{color: #c0c0c0; font-size: 16px; line-height: 30px; margin-bottom: 8px; padding-left:35px}
.foot_Contact p a{color: #c0c0c0;}
.foot_Contact p.p1{background:url(../images/c1.png) no-repeat left 5px;}
.foot_Contact p.p2{background:url(../images/c2.png) no-repeat left center}
.foot_Contact p.p3{background:url(../images/c3.png) no-repeat left center}

/*********footer*********/
}

/* 移动端底部专用 */
.foot_height{height:0.5rem;}
.footer{width:100%; height:0.6rem; overflow:hidden; position:fixed; bottom:0; right:0; z-index:999; background-color:#0a4f9d; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.footer li{float:left; width:25%; height:auto; position:relative}
.footer li:before{content: ""; width:1px; height:0.3rem; background-color:#0e5fba; position:absolute; right:0; top:0.15rem}
.footer li:nth-child(4):before{ display:none}
.footer li a{display:block}
.footer li span{display:block; width:100%; height:0.26rem; padding-top:0.07rem; text-align:center;}
.footer li span img{height:100%}
.footer li p{width:100%; height:0.26rem; line-height:0.26rem; text-align:center; font-size:0.12rem; font-weight:100; color:#fff;}
/* 移动端底部专用_end */