@charset "utf-8";
/*当浏览器尺寸小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
.top_head{ display:none}

/*logo*/
.logo{ overflow:hidden}
.logo .l{height:auto; padding:12px; text-align:center}
.logo .l img{max-width:100%; height:auto;}
.logo .center{display:none}
.logo .r{display:none}

/*首页菜单*/
.menu{width:100%; height:auto; overflow:hidden;}
.menu li{
	float: left;
	width:33.333333%;
	text-align: center;
	color: #fff;
	overflow: hidden;
	font-size: 0.16rem;
	height:0.43rem;
	line-height: 0.43rem;
	border-right: 1px solid #184dac;
	border-bottom: 1px solid #184dac;
	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,#114298,#0a3683);
}
.menu li a{display: block; color: #fff;}
.menu li:nth-of-type(3n+0){border-right:0;}
.menu li:nth-of-type(n+4){border-bottom:0;}
.menu li:nth-of-type(n+7){border-bottom:0;}

/*通栏banner*/
.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_title{ height:0.4rem; line-height:0.4rem; color:#555}
.main_title a{color:#555}
.main_title a:hover{color:#0ea3b6}

/*主框*/
.main_box{width:100%; height:auto; overflow:hidden}
.main_box>.l{width:100%; height:auto;}
.main_box>.r{width:100%; height:auto; margin-top:10px;}

.box_940{width:100%; height:auto;}
.box_300{width:100%; height:auto; border:1px solid #e9eef4; background:#fff; margin-bottom:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.box_1260{width:100%; height:auto; border:1px solid #e9eef4; background:#fff; margin-bottom:20px; margin-top:10px; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/*右侧*/
.right_title{height:0.5rem; line-height:0.5rem; padding:0 20px; font-size:0.16rem; font-weight:bold; background-color:#0f3c8b; color:#FFF}
.right_ul{width:100%; height:auto;}
.right_ul li{height:0.4rem; line-height:0.4rem;}
.right_ul li+li{border-top:1px dotted #CCCCCC}
.right_ul li a{display:block; color:#333; padding:0 20px;}
.right_ul li:hover a,.right_ul li.active a{color:#333; background-color:#e9eef4}

/*右侧产品5个*/
.pro_right{width:95%; height:auto; margin:0 auto; margin-top:10px}
.pro_right li{width:100%; height:auto; margin-bottom:10px; overflow:hidden}
.pro_right li dd{ float:left; width:45%; height:auto;}
.pro_right li dd img{width:100%; height:auto}
.pro_right li dt{ float:right; width:50%; height:auto; line-height:0.26rem;}

/*产品分类*/
.cp_fl_u1{ width:100%; height:auto; display:flex; display: -webkit-flex; /* Safari */ flex-direction:row;/*从左到右排*/ flex-wrap: wrap;/*换行，第一行在上方*/}
.cp_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);}
.cp_fl_u1 li a{display: block; font-weight:400; font-size:0.14rem; color:#fff;}
.cp_fl_u1 li:hover a,.cp_fl_u1 li.active a{color:#fff; background:linear-gradient(to bottom,#3e5485,#6684b6);}
.cp_fl_u1 li:nth-child(2n){border-right:none}

/*产品详情*/
.product_list{height:0.36rem; border-bottom:1px solid #CCC; margin-top:15px;}
.product_list span{ font-size:0.16rem; font-weight:bold; line-height:0.36rem; position:relative;}
.product_list span:before{content: ""; width:150px; height:5px; background-color:#0ea3b6; position:absolute; left:0; top:0.27rem}
/*通用内容盒子_end*/

/*产品框*/
.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:100%; overflow:hidden; position:relative; }
.ul_product li span img{width:100%; height:100%; max-width:100%;}
.ul_product li span div{ position:absolute; width:100%; height:100%; border:1px solid #EAEAEA; z-index:1; transition: transform ease-in-out 0.5s; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ul_product li:hover div{transform:scale(0.9,0.87); border:1px solid #fff;}
.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;}
/*产品框_end*/

/*相关图片*/
.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_5{width:100%; height:auto; overflow:hidden; margin-top:20px; }
.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;}
/*产品前6个end*/

/*详情页标题*/
.view_title{ height:45px; line-height:45px; background-color:#324776; color:#FFFFFF}
.view_title a{ color:#FFFFFF}
.view_title a:hover{ color:#FFCC00}

/*分站列表*/
.citylist{width:100%; height:auto; overflow:hidden; margin-top:0px;}
.citylist a{ padding:8px 15px; background-color:#EEE; display:inline-table; margin-bottom:5px; color:#666; border-radius:5px;}
.citylist a:hover{ background-color:#0ea3b6; color:#FFF}
/*分站列表end*/

/*新闻*/
.ul_index_news{width:100%; height:auto;}
.ul_index_news li{width:100%; height:0.45rem; line-height:0.45rem; border-bottom:1px solid #f0f0f0; overflow:hidden; }
.ul_index_news li a{display:block;}
.ul_index_news li p{float:left; width:78%; height:auto; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; }
.ul_index_news li i{float:right; display:block; width:19%; height:auto; text-align:right; }

/*********footer*********/
.foot_2021{margin-top:10px; padding:30px 0; background-color:#0f3c8b; color:#FFFFFF}
.foot_2021 a{color:#FFFFFF}
.foot_2021 a:hover{ color:#FFCC00}

.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:170px; 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}
/*********footer*********/
}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
.top_head{width:100%; height:35px; line-height:35px; border-bottom:1px solid #E5E5E5; background: #F6F6F6;}
.top_head_box{ overflow:hidden; color:#53555a}
.top_head_box .l{ float:left; width:40%; height:auto; line-height:35px;}
.top_head_box .r{ float:right}
.top_head_box .r a{padding:0 10px; display:inline-block}
.top_head_box .r a:hover{background-color:#E5E5E5}
.top_head_box a{color:#53555a}

/*logo*/
.logo_bj{ background-color:#FFF}
.logo{width:100%; height:auto; padding:15px 0; overflow:hidden}
.logo .l{float:left; width:800px; height:auto;}
.logo .l img{max-width:100%; height:auto;}
.logo .r{float:right; width:290px; height:auto;}

/*电话*/
.top_text{background:url(../images/tel2.png) no-repeat left 2px; height:50px; padding-left:65px; margin-top:5px}
.top_text p{ color:#333;}
.top_text span{ display:block; color:#0f3c8b; font-size:30px; font-weight: bold; line-height:40px}

/*导航菜单start*/
.menu_box{width:100%; height:50px; background-color:#0f3c8b}
.menu {display:table; margin:0 auto; padding:0px; overflow:hidden;}
.menu li {float:left; line-height:50px;}
.menu li a {display:block; font-size:17px; color:#fff; padding:0 26px;}
.menu li:hover a,.menu li.active a{text-decoration:none; color:#fff; font-weight:400; background-color:#96c82e}

/*标题*/
.main_title{ height:50px; line-height:50px; color:#555; border-bottom: 1px solid #ececec; background: url(../Images/logo_03.png) no-repeat left center; text-indent:35px}
.main_title a{color:#555}
.main_title a:hover{color:#0f3c8b}

/*主框*/
.main_box{width:100%; height:auto; overflow:hidden; margin-top:16px;}
.main_box>.l{float:left; width:300px; height:auto;}
.main_box>.r{float:right; width:930px; height:auto;}

/*左右框内框*/
.box_940{width:100%; height:auto; border:1px solid #e9eef4; background:#fff; margin-bottom:20px; padding:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.box_300{width:100%; height:auto; border:1px solid #ececec; background:#f5f5f5; margin-bottom:10px; margin-top:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.box_1260{width:100%; height:auto; border:1px solid #e9eef4; background:#fff; margin-bottom:20px; padding:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/*右侧*/
.right_title{height:70px; line-height:70px; padding:0 20px; font-size:18px; font-weight:bold; background-color:#0f3c8b; color:#FFF}
.right_ul{width:100%; height:auto;}
.right_ul li{height:40px; line-height:40px; }
.right_ul li a{display:block; color:#333; padding:0 20px;}
.right_ul li:hover a,.right_ul li.active a{color:#fff; background-color:#96c82e}

/*右侧产品5个*/
.pro_right{ width:90%; height:auto; margin:0 auto; margin-top:10px}
.pro_right li{width:100%; height:auto; margin-bottom:10px; overflow:hidden}
.pro_right li dd{ float:left; width:45%; height:auto;}
.pro_right li dd img{width:100%; height:auto}
.pro_right li dt{ float:right; width:50%; height:auto; line-height:23px;}

/*通栏banner*/
.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;}

/*以下是主体部分*/
/*产品分类*/
.cp_fl_u1{ width:100%; height:auto; display:flex; display: -webkit-flex; /* Safari */ flex-direction:row;/*从左到右排*/ flex-wrap: wrap;/*换行，第一行在上方*/}
.cp_fl_u1 li{width:12.5%; height:60px; line-height:60px;  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);}
.cp_fl_u1 li a{display: block; font-weight:bold; font-size:16px; color:#FFF;}
.cp_fl_u1 li:hover a,.cp_fl_u1 li.active a{color:#fff; background:linear-gradient(to bottom,#3e5485,#6684b6);}
.cp_fl_u1 li:last-child{border-right: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:5px; background-color:#0ea3b6; position:absolute; left:0; top:27px}
/*通用内容盒子_end*/

/*产品框*/
.ul_product{ width:100%; height:auto; margin:0 auto; overflow:hidden}
.ul_product li{float:left; width:32%; height:auto; margin-right:2%; margin-bottom:20px; position:relative;}
.ul_product li span{display:block; width:100%; height:100%; overflow:hidden; border:1px solid #e9eef4; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ul_product li span img{width:100%; height:100%; max-width:100%;}
.ul_product 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_product li:hover .mask{left:400px;}
.ul_product li:nth-child(3n){margin-right:0;}
.ul_product li p{text-align: center; font-size:16px; color: #282828; height:40px; line-height:40px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
/*产品框_end*/

/*相关图片,图片详情下面*/
.pic_xg{width:100%; height:auto; overflow:hidden; margin-top:20px}
.pic_xg li{float:left; text-align:center; width:23.5%; height:auto; margin-right:2%; 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:78%; 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_5{width:100%; height:auto; overflow:hidden; margin-top:20px}
.pro_tj_5 li{ float:left; width:23.5%; height:auto; margin-right:2%; 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(4n+0){margin-right:0px;}
/*产品前5个end*/

/*详情页标题*/
.view_title{ height:60px; line-height:60px; background-color:#324776; color:#FFFFFF}
.view_title a{ color:#FFFFFF}
.view_title a:hover{ color:#FFCC00}

/*分站列表*/
.citylist{width:100%; height:auto; overflow:hidden; }
.citylist a{ padding:8px 15px; background-color:#EEE; display:inline-table; margin-bottom:5px; color:#666; border-radius:5px;}
.citylist a:hover{ background-color:#0ea3b6; color:#FFF}
/*分站列表end*/

/*新闻*/
.ul_index_news{width:100%; height:auto; overflow:hidden}
.ul_index_news li{float:left; width:100%; height:55px; line-height:55px; border-bottom:1px solid #f0f0f0; overflow:hidden; position:relative}
.ul_index_news li a{display:block;}
.ul_index_news li p{float:left; width:83%; height:auto; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; }
.ul_index_news li i{float:right; display:block; width:16%; height:auto; text-align:right; }
.ul_index_news li span{display:block; position:absolute; width:0%; height:1px; background-color:#c82821; z-index:1; transition: width 0.6s;}
.ul_index_news li:hover span{ width:100%;}

/*********footer*********/
.foot_2021{margin-top:10px; padding:60px 0; background-color:#0f3c8b; color:#FFFFFF; border-top: 4px solid #96c82e;}
.foot_2021 a{color:#FFFFFF}
.foot_2021 a:hover{ color:#FFCC00}

.foot_2021_box{ overflow:hidden}
.foot_2021_box .l{ float:left; width:920px; 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:#FFFFFF; font-size:18px; font-weight:400; position:relative;}
.foot_text h6:before{content: ""; width:70px; height:3px; background-color:#275097; position:absolute; left:0; top:33px}

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

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

/* 移动端底部专用 */
.foot_height{height:0.65rem; background:#fff;}
.footer{width:100%; height:0.65rem; 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; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.footer li:nth-child(4){ border:none;}
.footer li a{display:block}
.footer li span{display:block; width:100%; height:0.30rem; padding-top:0.1rem; text-align:center;}
.footer li span img{height:100%}
.footer li p{width:100%; height:0.25rem; line-height:0.25rem; text-align:center; font-size:0.14rem; font-weight:100; color:#CCCCCC;}
/* 移动端底部专用_end */