@media screen and (max-width: 960px){

.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;}


.menu{width:100%; height:auto; overflow:hidden;}
.menu li{
	float: left;
	width:25%;
	text-align: center;
	color: #fff;
	overflow: hidden;
	font-size: 0.16rem;
	height:0.43rem;
	line-height: 0.43rem;
	border-right: 1px solid #1c69c8;
	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,#0d5ab9,#054da5);
}
.menu li a{display: block; color: #fff;}
.menu li:nth-of-type(4n+0){border-right:0;}
.menu li:hover a,.menu li.active a{text-decoration:none; color:#fff; background:linear-gradient(to bottom,#003e8a,#115cb9);}


.sub_banner{position:relative; }
.sub_banner img{ width:100%; height:auto; object-fit: cover;}
.sub_banner p{ position:absolute; top:0; left:0; width:100%; height:30px; box-shadow:inset 0px 15px 10px -15px #000;}


.main_box{ width:100%; height:auto; overflow:hidden}
.main_box .l_left{margin-top:26px; width:100%; height:auto}
.main_box .l_right{width:100%; height:auto;background-color:#FFF;}


.title_2022{height:0.4rem; line-height:0.4rem; border-bottom:1px dotted #CCCCCC; background:url(../image/xh.jpg) no-repeat left center; padding-left:20px}
.title_2022 a{color:#666; margin-right:10px;}
.title_2022 a:hover{ color:#c12c25}
.title_2022 a+a:before{ padding-right:10px; color:#999999; content: "/";}


.class_title{ display:none}
.lnavlist {height:auto; border:1px solid #dadada; border-radius:10px; background-color:#f2f2f2; padding-bottom:10px;}
.listul {width:93%; height:auto; margin:0 auto; margin-top:10px;}
.listul li{width:100%; height:0.4rem;}
.listul li+li{border-top:1px dashed #C5C5C5}
.listul li a{display:block; line-height:0.4rem; color:#000000; text-align:center; font-size:0.14rem}
.listul li.active a,.listul li a:hover{ background-color:#0b51a7; color:#fff; font-weight:bold }


.product_list{height:0.36rem; border-bottom:1px solid #CCC; margin-top:10px;}
.product_list span{ font-size:0.16rem; font-weight:bold; line-height:0.36rem; position:relative;}
.product_list span:before{content: ""; width:150px; height:4px; background-color:#d13845; position:absolute; left:0; top:0.27rem}



.index_pro{
	width:100%;
	height:auto;
	display:flex;
	display: -webkit-flex; 
	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}



.ul_product{ width:100%; height:auto; margin:0 auto; margin-top:20px; overflow:hidden}
.ul_product li{float:left; width:48%; height:auto; margin-right:4%; margin-bottom:10px; }
.ul_product li span{display:block; width:100%; height:auto; overflow:hidden;}
.ul_product li span img{width:100%; height:auto;}
.ul_product li:nth-child(2n){margin-right:0;}
.ul_product li p{text-align: center; color: #282828; height:0.4rem; line-height:0.4rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}


.sbjs { padding:10px 20px; background-color:#e9e9e9; line-height:25px; text-indent:2em;}

.profl{ width:100%; height:auto; margin-top:20px;}
.profl li{ width:100%; height:auto; margin-bottom:12px; overflow:hidden}
.profl li dt{width:100%; height:auto; }
.profl li dt img{ max-width:100%; height:auto}
.profl li dd{width:100%; height:auto; margin-top:20px}
.profl li b{ font-size:0.16rem; color:#426dd5; text-align:center; display:block}
.profl li p{ margin-top:10px; line-height:0.28rem; text-indent: 2em;}
.profl li+li{border-top: #d1d1d1 1px dashed; padding-top:12px}

.chanpin{ width:100%; height:auto; margin-top:20px; overflow:hidden}
.chanpin .l{width:100%; height:auto}
.chanpin .l img{max-width:100%; height:auto;}
.chanpin .r{width:100%; height:auto; margin-top:20px;}
.chanpin .r h1{font-size: 18px; color: #0b51a7; text-align:center}
.chanpin .r p{ margin-top:20px; line-height:28px}

.tit6 { height:0.38rem; line-height:0.38rem; padding-left:0.33rem; border:#dadada 1px solid; font-size:0.14rem; font-weight:bold; color:#000000; background:url(../image/d6.png) 15px center no-repeat #e8e8e8;}
.yybody {padding:10px; border:#dadada 1px solid; line-height:0.3rem;}


.ul_linyi{ width:100%; height:auto; margin:0 auto;  overflow:hidden}
.ul_linyi li{float:left; width:48%; height:auto; margin-right:4%; margin-bottom:10px; }
.ul_linyi li span{display:block; width:100%; height:auto; overflow:hidden;}
.ul_linyi li span img{width:100%; height:auto;}
.ul_linyi li .mask{ display:none}
.ul_linyi li:nth-child(2n){margin-right:0;}
.ul_linyi li p{text-align:center; color:#fff; font-size:0.12rem; height:0.35rem; line-height:0.35rem; background:#204c97; margin-top:10px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}



.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(../image/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;}



.pro_tj_5{width:100%; height:auto; overflow:hidden; margin-top:30px; }
.pro_tj_5 li{float:left; width:48%; height:auto; margin-right:4%; 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_5 li img{display:block; width:100%; height:100%; max-width:100%;}
.pro_tj_5 li h2{ position:absolute; left:0; bottom:0; right:0; height:0.35rem; line-height:0.35rem; color:#FFF; text-align:center; font-size:0.12rem; font-weight:100; background-color:#333; opacity: 0.7; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; padding:0 10px}
.pro_tj_5 li:hover h2{ background-color:#000}
.pro_tj_5 li:nth-of-type(2n+0){margin-right:0px;}



.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: "/";}

ul.ul_yysb{
	width:90%;
	height:auto;
	margin:0 auto;
	display:flex;
	display: -webkit-flex; 
	flex-direction:row;
	-webkit-flex-direction:row;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	-webkit-flex-justify-content:space-between;
	
}
ul.ul_yysb li{width:100%; height:auto; line-height:35px; list-style-type:square;}
ul.ul_yysb li a{ display:block}



.foot_2021{margin-top:30px; padding:30px 0; background-color:#e4e2e3; color:#666}
.foot_2021 a{color:#666}
.foot_2021 a:hover{color:#666}

.foot_2021_box{ overflow:hidden}
.foot_2021_box .l{ display:none}
.foot_2021_box .r{ width:100%; height:auto; text-align:center}
.foot_2021_box .r img{width:150px; height:auto}
.foot_2021_box .r p{text-align:center; line-height:36px}

.foot_foot{ line-height:30px; padding:20px 0}
.foot_foot li{text-align:center}

}


@media screen and (min-width:960px){
.header{background-color:#0b51a7; width:100%; height:auto}

.logo{width:100%; height:auto; overflow:hidden; }
.logo .l_pc{float:left; width:320px; height:auto; line-height:120px;}
.logo .l_pc img{max-width:100%; height:auto; }
.logo .l_mobile{ display:none}


.menu {float:right; margin-right:0px; overflow:hidden;}
.menu li {float:left; line-height:120px;}
.menu li a {display:block; font-size:16px; color:#fff; padding:0 20px; font-weight:bold;}
.menu li:hover a,.menu li.active a{text-decoration:none; color:#fff; background-color:#406dd4}


.sub_banner{position:relative; }
.sub_banner img{ width:100%; height:auto; object-fit: cover;}
.sub_banner p{ position:absolute; top:0; left:0; width:100%; height:30px; box-shadow:inset 0px 15px 10px -15px #000;}


.main_box{ width:100%; height:auto; overflow:hidden; margin-top:20px}
.main_box .l_left{float:left; width:221px; height:auto; overflow:hidden}
.main_box .l_right{float:right; width:1000px; height:auto; background-color:#FFF;}


.title_2022{height:40px; line-height:40px; border-bottom:1px dotted #CCCCCC; background:url(../image/xh.jpg) no-repeat left center; padding-left:20px}
.title_2022 a{color:#666; margin-right:10px;}
.title_2022 a:hover{ color:#c12c25}
.title_2022 a+a:before{ padding-right:10px; color:#999999; content: "/";}


.class_title{height:auto;}
.lnavlist { height:auto; border-right:1px solid #dadada;border-left:1px solid #dadada;border-bottom:1px solid #dadada;border-radius:0 0 10px 10px; background-color:#f2f2f2; padding-bottom:10px;}
.listul {width:207px; height:auto; margin:0 auto; padding-top:8px;}
.listul li{width:100%; height:31px;}
.listul li a{ background:url(../image/lnavbg.png); padding-right:50px; display:block; line-height:31px; color:#000000; text-align:right}
.listul li.active a,.listul li a:hover{ background:url(../image/lnavbgon.png); color:#FFFFFF; font-weight:bold }

.leftdown{ margin:10px 0}

.leftlx { border:#dadada 1px solid; border-radius:10px; background-color:#f2f2f2; }
.leftlx ul{ padding:0 9px;}
.leftlx li{padding:7px 0 7px 53px; color:#0b51a7; border-bottom:#c6c6c6 1px dashed; font-size:14px; line-height:18px; background-position:10px center; background-repeat:no-repeat; }
.leftlx li p{  color:#000; line-height:15px; }
.leftlx li.tel { background-image:url(../image/icon_l_tel.png)}
.leftlx li.fax { background-image:url(../image/icon_l_fax.png)}
.leftlx li.tel2 { background-image:url(../image/icon_l_sh.png)}
.leftlx li.email { background-image:url(../image/icon_l_email.png); border-bottom:none}


.product_list{height:36px; border-bottom:1px solid #CCC; margin-top:30px;}
.product_list span{ font-size:16px; font-weight:bold; line-height:36px; position:relative;}
.product_list span:before{content: ""; width:200px; height:4px; background-color:#d13845; position:absolute; left:0; top:27px}



.index_pro{
	width:100%;
	height:auto;
	display:flex;
	display: -webkit-flex; 
	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:24%; 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 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}


.profl{ width:100%; height:auto; margin-top:20px;}
.profl li{ width:100%; height:auto; margin-bottom:12px; overflow:hidden}
.profl li dt{ float:left; width:26%; height:auto; }
.profl li dt img{ max-width:100%; height:auto}
.profl li dd{ float:right; width:71%; height:auto;}
.profl li b{ font-size:16px; color:#426dd5;}
.profl li p{ margin-top:20px; line-height:28px}
.profl li+li{border-top: #d1d1d1 1px dashed; padding-top:12px}

.chanpin{ width:100%; height:auto; margin-top:20px; overflow:hidden}
.chanpin .l{ float:left; width:50%; height:auto}
.chanpin .l img{max-width:100%; height:auto;}
.chanpin .r{ float:right; width:46%; height:auto}
.chanpin .r h1{font-size: 18px; color: #0b51a7;}
.chanpin .r p{ margin-top:20px; line-height:28px}

.sbjs { padding:10px 20px; background-color:#e9e9e9; line-height:25px; text-indent:2em;}

.tit6 { height:38px; line-height:35px; padding-left:33px; border:#dadada 1px solid; font-size:14px; font-weight:bold; color:#000000; background:url(../image/d6.png) 15px center no-repeat #e8e8e8;}
.yybody { padding:10px; border:#dadada 1px solid; line-height:30px;}


.ul_linyi{width:100%; height:auto; margin:0 auto; overflow:hidden}
.ul_linyi li{float:left; width:32%; height:auto; margin-right:2%; margin-bottom:20px; position:relative;}
.ul_linyi li span{display:block; width:100%; height:auto; overflow:hidden;}
.ul_linyi li span img{width:100%; height:auto;}
.ul_linyi li .mask{
	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; 
}
.ul_linyi li:hover .mask{left:400px;}
.ul_linyi li:nth-child(3n){margin-right:0;}
.ul_linyi li p{text-align: center; font-size:14px; color:#FFF; line-height:40px; background:#204c97; margin-top:10px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}



.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(../image/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:80%; 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;}



.pro_tj_5{width:100%; height:auto; overflow:hidden; margin-top:30px; }
.pro_tj_5 li{ float:left; width:19.2%; height:auto; margin-right:1%; position: relative; border:1px solid #EBEBEB; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.pro_tj_5 li img{display:block; width:100%; height:100%; max-width:100%;}
.pro_tj_5 li h2{ position:absolute; left:0; bottom:0; right:0; height:35px; line-height:35px; color:#FFF; text-align:center; font-size:12px; font-weight:100; background-color:#333; opacity: 0.7; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; padding:0 10px}
.pro_tj_5 li:hover h2{ background-color:#000}
.pro_tj_5 li:nth-of-type(5n+0){margin-right:0px;}



.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.ul_yysb{
	width:95%;
	height:auto;
	margin:0 auto;
	display:flex;
	display: -webkit-flex; 
	flex-direction:row;
	-webkit-flex-direction:row;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	-webkit-flex-justify-content:space-between;
	
}
ul.ul_yysb li{width:25%; height:auto; line-height:35px; list-style-type:square;}
ul.ul_yysb li a{ display:block}



.foot_2021{margin-top:30px; padding:50px 0; background-color:#e4e2e3;}

.foot_2021_box{ overflow:hidden}
.foot_2021_box .l{ float:left; width:950px; height:auto;}
.foot_2021_box .r{ float:right; width:150px; height:auto;}
.foot_2021_box .r img{width:100%; height:auto}
.foot_2021_box .r p{text-align:center; line-height:36px}

.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:#333; font-size:18px; font-weight:400; position:relative;}
.foot_text h6:before{content: ""; width:40px; height:3px; background-color:#0b51a7; position:absolute; left:0; top:33px}

.foot_ul{width:100%; height:auto; color:#333; margin-top:20px}
.foot_ul li{ line-height:27px; color:#666}
.foot_ul li a{ display:block; color:#666}
.foot_ul li a:hover{ color:#F00}

.foot_foot{ overflow:hidden; padding:20px 0}
.foot_foot li{ text-align:center; line-height:30px}

}


.foot_height{height:0.6rem;}
.footer{width:100%; height:0.6rem; overflow:hidden; position:fixed; bottom:0; right:0; z-index:999; background: rgba(0, 0, 0, 0.8);}
.footer li{float:left; width:25%; height:auto; border-right:#4d5054 solid 1px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.footer li:nth-child(4){ border: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:#CCCCCC;}