@charset "utf-8";
/*当浏览器尺寸小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
.head{width:100%; height:auto;}
.head .head_logo{padding:12px 0; text-align:center}
.head .head_logo img{max-width:100%; height:auto;}
.head .nav_nav{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 #fa7d6d;
	border-bottom: 1px solid #fa7d6d;
	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,#ed270e,#d71f1f);
}
.menu li a{display: block; color: #fff;}
.menu li:nth-of-type(4n+0){border-right:0;}
.menu li:nth-of-type(n+5){border-bottom:0;}
.menu li:nth-of-type(n+8){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_box{ width:100%; height:auto; margin-top:15px; overflow:hidden}
.main_box .l_left{width:100%; height:auto}
.main_box .l_right{ margin-top:26px; width:100%; height:auto}

/*左侧部分*/
.l_right_title{height:0.8rem; background:#0f1273; color:#fff; text-align:center;}
.l_right_title .span1{ display:block; font-size:0.22rem; font-weight:700; padding-top:0.15rem;}
.l_right_title .span2{ display:block; font-size:12px; color: #c6c7ef; 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/classJT.png) left center no-repeat;}
.ul_l_right li em{ position: absolute; left:0; top:0; width: 0; height: 100%; background:#0f1273; -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:#0f1273;}

.pro_more{ display: block; height:0.6rem; line-height:0.6rem; background:#ea6103; color:#fff!important; text-align:center; font-size:18px; margin-top:10px;}
.pro_more:hover{ background-color:#dc0000;}

/*新闻图片分类*/
.fenlei_box{width:100%; height:auto; border-bottom:1px solid #e7e7e7}
.fl_menu_u1{ width:100%; height:auto; display:flex; display: -webkit-flex; /* Safari */ flex-direction:row;/*从左到右排*/ }
.fl_menu_u1 li{width:100%; height:0.5rem; line-height:0.5rem;  text-align:center; border-right:1px solid #e7e7e7}
.fl_menu_u1 li a{display: block; font-weight:400; font-size:0.15rem; color:#333333;}
.fl_menu_u1 li:hover a,.fl_menu_u1 li.active a{color:#c82821; border-bottom:1px solid #c82821}
.fl_menu_u1 li:last-child{border-right:none}

/*通用内容盒子*/
.content_box{width:100%; height:auto; overflow:hidden;}
.content_box h1{font-size:0.2rem; line-height:0.4rem; text-align:center; border-bottom:1px dotted #999999; color:#333}
.content_box .date{ font-size:0.12rem; padding-top:10px; text-align:center; color:#999999}
.content_box .date span{ padding-right:15px;}
.content_box .pic{width:100%; height:auto; text-align:center}
.content_box .pic img{max-width:100%; margin:20px 0}
.content_box .view_content{width:100%; height:auto; margin-top:10px;}
.content_box .view_content img{max-width:100%; display: block; margin:20px auto 1px auto !important;}

.product_list{height:0.36rem; border-bottom:1px solid #CCC; margin-top:0px;}
.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}
/*通用内容盒子_end*/

/*产品框*/
.ul_product{ width:100%; height:auto; margin:0 auto; margin-top:0px; 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 #d81e06; 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*/

/*新闻*/
.news_foot{width:100%; height:auto; overflow:hidden; margin-top:15px;}
.news_foot li{width:100%; height:auto; margin-bottom:15px; background-color:#f6f6f6; padding:12px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition: 0.5s all ease; overflow:hidden}
.news_foot li a{display:block;}

.news_foot li .l{ float:left; width:18%; height:auto; border-right:1px solid #CCC}
.news_foot li .l b{ display:block; font-size:0.2rem; line-height:0.37rem; text-align:left; font-weight:400}
.news_foot li .l em{ display:block; font-size:0.18rem; line-height:0.4rem;}

.news_foot li .r{ float:right; width:80%; height:auto;}
.news_foot li .r h3{ font-size:0.16rem; color:#333; font-weight:bold; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.news_foot li .r h4{ margin-top:10px; font-size:0.14rem; color:#666; font-weight:400; line-height:0.23rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}

/*相关图片*/
.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: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;}
/*产品前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}

/*********footer*********/
.foot_2021{margin-top:30px; padding:30px 0; background:url(../images/foot.jpg) no-repeat top center; 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}

.foot_ewm{ width:100%; height:auto; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.foot_ewm li{width:100%; height:auto; text-align:center; color:#FFFFFF}
.foot_ewm li img{width:80%; height:auto;}
.foot_ewm li p{ line-height:40px}

.foot_tel{ text-align:center; margin-top:10px;}

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

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
.head{position:absolute; width:100%; height:auto; z-index:1000; top:0; left:0;}
.head .head_logo{padding:25px 0; text-align:center}
.head .nav_nav{position: relative; z-index:100; height:65px; background:url(../images/navBG.png) center center no-repeat; box-shadow:0 3px 15px rgba(0,0,0,0.1);}

/*导航菜单start*/
.menu {display:table; margin:0 auto; padding:0px; overflow:hidden;}
.menu li {float:left; line-height:65px;}
.menu li a {display:block; font-size:17px; color:#fff; padding:0 20px; font-weight:400; position:relative}
.menu li a:after{content: '';display: block;width: 100%; height:3px; background:#fff; position:absolute; bottom:0; left:0; transition: 0.4s ease-out; transform: scaleX(0);}
.menu li:hover a,.menu li.active a,.menu li:hover a:after,.menu li.active a:after{text-decoration:none; color:#fff; transform: scaleX(1);}
.menu li:nth-child(4){ margin-right:210px;}

/*通栏banner*/
.sub_banner{position:relative; }
.sub_banner img{ width:100%; height:auto; object-fit: cover;}

.banner_foot{background-color:#0f1273; height:90px;}
.banner_ul{ width:100%; height:auto; overflow:hidden}
.banner_ul .l{float:left; width:50%; height:auto; }
.banner_ul .c{float:left; width:23%; height:auto;}
.banner_ul .r{float:right; width:21%; height:90px; background:url(../images/ssTel.png) no-repeat left center;}

/*三项*/
.three_head{ width:100%; height:auto}
.three_head li{float:left; width:190px; height:90px; line-height:90px; font-size:16px; border-left:1px solid #272a81; text-indent:90px}
.three_head li a{ display:block; color:#FFF}
.three_head li a:hover{ color:#F4EA24}
.three_head li:nth-child(1){ background:url(../images/a_map.png) no-repeat 34px center; }
.three_head li:nth-child(2){ background:url(../images/a_lb.png) no-repeat 34px center;}
.three_head li:nth-child(3){ background:url(../images/a_photo.png) no-repeat 34px center;border-right:1px solid #272a81;}
.three_head li:hover{ background-color:#dc0000}

/*搜索框*/
.searchBox{width:260px; height:auto; overflow:hidden; margin-top:18px; background: rgba(255,255,255,0.1);}
.searchBox .search_input{ display:block; float:left; width:200px; height:52px; line-height:52px; border:0; font-family:"Microsoft YaHei"; font-size:14px; padding-left:15px;  background: none; color: #666;}
.searchBox .search_btn{ display:block; float:left; z-index:10; width:60px; height:52px; background: url(../images/ss.png) center center no-repeat; border:0; cursor:pointer;}
.searchBox .search_btn:hover{ background:#d50015 url(../images/ss02.png) center center no-repeat;}
.searchBox:hover{ background: #fff;}

/*电话*/
.teltel{ margin-top:10px; line-height:30px; color: #e1e1f9; font-size:28px; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;  text-indent:73px; letter-spacing:1px}

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

/*左侧部分*/
.l_right_title{height:90px;background:#0f1273;color:#fff; text-align:center;}
.l_right_title .span1{ display:block; font-size:31px; font-weight:700; padding-top:11px;}
.l_right_title .span2{ display:block; font-size:14px; color: #c6c7ef;padding-top:5px; text-transform:uppercase}

.ul_l_right{ width:100%; height:auto; margin-top:10px;}
.ul_l_right li{height:54px; line-height:54px; font-size:15px; 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/classJT.png) left center no-repeat;}
.ul_l_right li em{ position: absolute; left:0; top:0; width: 0; height: 100%; background:#0f1273; -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:#0f1273;}

.pro_more{ display: block; height:60px; line-height:60px; background:#ea6103; color:#fff!important; text-align:center; font-size:18px; margin-top:10px;}
.pro_more:hover{ background-color:#dc0000;}


/*图片新闻分类*/
.fenlei_box{width:100%; height:auto; border-bottom:1px solid #e7e7e7}
.fl_menu_u1{ width:100%; height:auto; display:flex; display: -webkit-flex; /* Safari */ flex-direction:row;/*从左到右排*/ }
.fl_menu_u1 li{width:100%; height:60px; line-height:60px; text-align:center; border-right:1px solid #e7e7e7}
.fl_menu_u1 li a{display: block; font-weight:bold; font-size:16px; color:#333333;}
.fl_menu_u1 li:hover a,.fl_menu_u1 li.active a{color:#c82821; border-bottom:1px solid #c82821}
.fl_menu_u1 li:last-child{border-right:none}



/*通用内容盒子*/
.content_box{width:100%; height:auto; overflow:hidden;}
.content_box h1{font-size:20px; line-height:50px; border-bottom:1px dotted #999999; color:#333}
.content_box h1 span{background-image: linear-gradient(180deg, #F24343 0%, #E02020 100%); padding:5px 10px;  margin-right:15px; color:#FFFFFF; border-radius:8px; font-weight:100}
.content_box .date{ font-size:12px; padding-top:10px; text-align:center; color:#999999}
.content_box .date span{ padding-right:15px;}
.content_box .pic{width:100%; height:auto; text-align:center}
.content_box .pic img{max-width:100%; margin:20px 0}
.content_box .view_content{width:100%; height:auto; margin-top:20px;}
.content_box .view_content img{max-width:100%; margin:20px 0}

.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}
/*通用内容盒子_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; }
.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:2px solid #d81e06; z-index:3333; 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(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*/

/*新闻*/
.news_foot{width:100%; height:auto; overflow:hidden; margin-top:30px;}
.news_foot li{ float:left; width:49%; height:auto; margin-right:2%; margin-bottom:15px; background-color:#f6f6f6; padding:12px; transition: 0.5s all ease; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden}
.news_foot li:nth-of-type(2n+0){margin-right:0px;}
.news_foot li a{display:block;}
.news_foot li a:hover{ color:#FFFFFF}
.news_foot li:hover{ background-color:#DBDBDB}

.news_foot li .l{ float:left; width:15%; height:auto; border-right:1px solid #CCC}
.news_foot li .l b{ display:block; font-size:22px; line-height:37px; text-align:left; font-weight:400}
.news_foot li .l em{ display:block; font-size:22px; line-height:40px;}

.news_foot li .r{ float:right; width:80%; height:auto;}
.news_foot li .r h3{ font-size:16px; color:#333; font-weight:bold; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.news_foot li .r h4{ margin-top:10px; font-size:14px; color:#666; font-weight:400; line-height:23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}

/*相关图片,图片详情下面*/
.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:81%; 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: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;}
/*产品前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}

/*********footer*********/
.foot_2021{margin-top:30px; padding:60px 0; background:url(../images/foot.jpg) no-repeat top center; color:#FFFFFF}
.foot_2021 a{color:#FFFFFF}
.foot_2021 a:hover{ color:#FFCC00}

.foot_2021_box{ overflow:hidden}
.foot_2021_box .l{ float:left; width:800px; height:auto}
.foot_2021_box .r{ float:right; width:350px; height:auto}

.foot_ewm{ width:100%; height:auto; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.foot_ewm li{width:100%; height:auto; text-align:center; color:#FFFFFF}
.foot_ewm li img{width:85%; height:auto;}
.foot_ewm li p{ line-height:40px}

.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:40px; height:3px; background-color:#FFCC00; 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_tel{ text-align:center; margin-top:20px;}

.foot_bj{ background-color:#f4f4f4}
.foot_foot{ overflow:hidden; padding:30px 0}
.foot_foot .l{ float:left; text-align:left}
.foot_foot .r{ float:right; text-align:right}
/*********footer*********/
}

/* 移动端底部专用 */
.mh{height:0.65rem; background: #235cb2;}
.footer{width:100%; height:0.65rem; position:fixed; bottom:0; right:0; z-index:999; background: rgba(0, 0, 0, 0.8);}
.footer a{display:block; float:left; width:25%; color:#73767a; border-right:#4d5054 solid 1px; height:0.65rem; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.footer a:nth-child(4){ border:none;}
.footer a span{display:block; width:100%; text-align:center; font-size:0.26rem; line-height:0.4rem;}
.footer a h3{width:100%;text-align:center; font-size:0.14rem; line-height:0.2rem; font-weight:100; color:#CCCCCC}
.footer a:hover{ text-decoration:none}
/* 移动端底部专用_end */