@charset "gbk";
/*当浏览器尺寸小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
/*banner背景图片动画*/
.page_banner{width:100%; height:auto; overflow:hidden;}
.page_pic{width:100%; height:130px; position:relative}
.bannerPic{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
    object-fit: cover;
}

.top_bj{ display:none}

/*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{ display:none}

/*首页菜单*/
.menu{width:100%; height:auto; overflow:hidden;}
.menu li{
	float: left;
	width:33.33333%;
	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,#c21701,#d81e06);
	position:relative;
	border-bottom:1px solid #f94737;
}
.menu li a{display: block; color: #fff;}
.menu li:before{content: ""; width:1px; height:0.23rem; background-color:#f94737; 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,#c21701,#f03827);}

/*分类菜单*/
.fl_menu{width:100%; height:60px; background-color:#333333}
.menu_fl {width:99%; height:50px; margin:0 auto; display: -webkit-box;/*启用横列布局*/ overflow-x: scroll;/*裁剪内容提供滚动条*/}
.menu_fl::-webkit-scrollbar{width:0; height:0; display: none;}/*去掉滚动条*/
.menu_fl li { line-height:55px; margin-right:23px;}
.menu_fl li a{display:block; font-size:0.14rem; color:#fff; font-weight:400; position:relative}
.menu_fl li a:after{content: ""; width:0px; height:3px; background-color:#fff; position:absolute; left:0; bottom:7px; transition:all 0.5s;}
.menu_fl li:hover a,.menu_fl li.active a,.menu_fl li:hover a:after,.menu_fl li.active a:after{text-decoration:none; color:#fff; width:100%;}

/*弹性布局产品*/
.prolist{
	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;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.prolist li{width:49%; height:auto; margin-bottom:10px; background-color:#FFF; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; display: flex; justify-content: center;}
.prolist li span{display:block; width:100%; height:auto; overflow:hidden;}
.prolist li span img{width:100%; height:auto;}
.prolist li p{ width:95%; height:auto; margin:0 auto; margin-top:6px; text-align: center; font-size:0.12rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.prolist li a{ display:block}
.prolist li::after{
	  content:"";
	  width:0px;
	  height:100%;
	  position:absolute;
	  transform:skew(45deg);
	  background:rgba(255,255,255,0.2);
	  z-index:9999;
	  transition: all 1s;
}
.prolist li:hover:after{width:700px;}
/*产品框_end*/

/*产品详情标题*/
.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*/

/*常见问题*/
.faq{
	width:100%;
	height:auto;
	margin-top:20px;
	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;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.faq li{width:100%; height:auto; margin-bottom:20px; background-color:#FFF; padding:30px 0; position:relative}
.faq li:before{content: ""; width:0px; height:5px; background-color:#e30920; position:absolute; left:0; bottom:0; transition:all 0.5s;}
.faq li:hover:before{ width:100%; }
.faq li p{ width:86%; height:0.65rem; line-height:0.3rem; margin:0 auto; font-size:0.18rem; font-weight:bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}
.faq li span{ display:block; width:86%; height:auto; margin:0 auto; line-height:0.26rem; font-size:0.14rem; color:#999; border-top:1px solid #EBEBEB; margin-top:15px; padding-top:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4;/*显示几行*/-webkit-box-orient: vertical;}
.faq li em{ display:block; width:86%; height:auto; margin:0 auto; margin-top:15px;}
.faq li a{ display:block}
/*常见问题_end*/

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

/*新闻*/
.ul_news{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.ul_news li{width:100%; height:auto; border-bottom:1px solid #CCCCCC; margin-bottom:30px; padding-bottom:30px;}
.ul_news li .l{width:100%; height:auto;}
.ul_news li .l img{ max-width:100%; height:auto}
.ul_news li .r{width:100%; height:auto;}
.ul_news li h4{ font-size:0.16rem; font-weight:100; height:auto; line-height:0.3rem; margin-top:5px;}
.ul_news li h4 a{ color:#333333}
.ul_news li h4 a:hover{ color:#FF0000}
.ul_news li p{ font-size:0.12rem; color:#999999; margin-top:10px; height:auto; line-height:24px; 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.12rem; display:inline-table; margin-top:10px}
.ul_news li i{color: #a3afb7; font-size:0.12rem; 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*/

/*标题专用*/
.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: "/";}

/*加盟合作*/
.Join{
	width:100%;
	height:auto;
	margin-top:20px;
	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;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.Join li{width:100%; height:auto; margin-bottom:20px; background-color:#FFF; padding:40px 0;}
.Join li i{ display:block; width:80%; height:auto; margin:0 auto; text-align:center;}
.Join li i img{ max-width:100%; height:auto;}
.Join li p{ width:86%; height:60px; line-height:60px; margin:0 auto; font-size:0.22rem; font-weight:600; text-align:center; margin-top:10px;}
.Join li span{ display:block; width:86%; height:auto; margin:0 auto; line-height:30px; font-size:0.14rem; color:#999; text-align:center; margin-top:10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;/*显示几行*/-webkit-box-orient: vertical;}

.post_get{ width:100%; height:auto; overflow:hidden; background-color:#FFF}
.post_get .l{width:100%; height:auto;}
.post_get .r{width:100%; height:auto; padding:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.post_get .r h6{ font-size:0.26rem; color:#666; font-weight:500}
.post_get .r em{display:block; font-size:0.16rem; line-height:0.28rem; color:#999; margin-top:10px}

/*移动互联网案例*/
.ul_tihuo{
	width:100%;
	height:auto;
	margin-top:0px;
	padding-top:10px;
	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;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.ul_tihuo li{width:49%; height:auto; margin-bottom:20px}
.ul_tihuo li span{display:block; width:100%; height:auto; text-align:center; position:relative;}
.ul_tihuo li span img{ max-width:100%; height:auto;}
.ul_tihuo li span p{ position:absolute; left:0; right:0; bottom:0.23rem; width:90%; height:auto; text-align:center; font-size:0.12rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.ul_tihuo li a{ display:block}
.ul_tihuo li:nth-child(5){ display:none}

/*荣誉证书*/
.ul_honor{
	width:100%;
	height:auto;
	margin-top:20px;
	padding-top:10px;
	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;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.ul_honor li{width:48%; height:auto; transition: all 0.5s; margin-bottom:30px; border:1px solid #ededed;}
.ul_honor li span{display:block; height:auto; text-align:center; background-color:#eaeef1; padding:6px}
.ul_honor li span img{ max-width:100%; height:auto;}
.ul_honor li p{width:95%; height:auto; line-height:35px; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis}

/*产品框*/
.box_product{
	width:99.6%;
	height:auto;
	margin:0 auto;
	margin-top:30px;
	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;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.box_product li{width:48%; height:auto; margin-bottom:30px; box-shadow: 0 0 10px 5px #d8d8d8;}
.box_product li span{display:block; width:100%; height:auto; overflow:hidden;}
.box_product li span img{width:100%; height:auto;}
.box_product li p{color:#002469; padding:0.15rem; text-align:center; font-size:0.14rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.box_product li:hover p{color:#ff6a00}
/*产品框_end*/

/*产品分类*/
.pro_fl_u1{width:90%; height:auto; margin:0 auto; text-align:center; margin-top:30px;}
.pro_fl_u1 li{display:inline-block; height:0.3rem; line-height:0.3rem; margin-right:5px; margin-bottom:7px; text-align:center; background:linear-gradient(to bottom,#6e90be,#546fa6); border-radius:5px; font-size:0.12rem}
.pro_fl_u1 li a{display: block; font-weight:bold; color:#fff; padding:0 10px}
.pro_fl_u1 li:hover a,.pro_fl_u1 li.active a{color:#fff; background:linear-gradient(to bottom,#f8263c,#e30920); border-radius:5px;}
.pro_fl_u1 li:last-child{border-right:none}

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

.foot_2021_box{ overflow:hidden}
.foot_2021_box .l{display:none}

.foot_2021_box .c{width:90%; height:auto; margin:0 auto}
.foot_2021_box .c li{ line-height:26px; text-align:center}

.foot_2021_box .r{width:50%; height:auto; margin-top:20px}
.foot_2021_box .r img{width:100%; height:auto;}
.foot_2021_box .r p{ text-align:center; padding-top:10px}

/*最底部*/
.foot_foot{display:none}
/*********footer*********/
}

/*当浏览器尺寸大于992px时候*/
@media screen and (min-width:992px){
/*banner背景图片动画*/
.page_banner{width:100%; height:auto; text-align:center; overflow:hidden; position:relative}
.page_banner:before{content: ""; position:absolute; left:0; top:0; width:100%; height:100px; background: rgba(0, 0, 0, 0.2); z-index:1;}
.page_banner>img{max-width:100%; height:auto; object-fit:none; /*保留原有元素内容的长度和宽度，图片不会变模糊*/}

/*详情页顶部*/
.pro_top{width:100%; height:100px; background-color:#d81e06; position:relative}

/*logo*/
.logo{position:absolute; left:0; right:0; top:5px; z-index:99999; width:94%; height:90px; max-width:1900px; margin:0 auto; overflow:hidden;}
.logo .l_pc{position:absolute; left:0; top:0; width:23.5%; height:90px; text-align:left}
.logo .l_pc img{max-width:100%; height:auto}
.logo .l_mobile{ display:none}
.logo .r{position:absolute; right:0; top:30px; width:290px; height:30px; overflow:hidden;}
.logo .r>.tel{ float:left; color:#FFF; font-size:20px}
.logo .r>.sosou{ float:right; width:30px; height:30px; background:url(/images/sosou.png) no-repeat; cursor:pointer }

/*导航菜单start*/
.menu {display:table; margin:0 auto; height:90px; padding-top:6px; overflow:hidden; }
.menu li{display:inline-block; line-height:60px; }
.menu li a{display:block; padding:0 23px; font-size:16px; color:#fff; font-weight:400; position:relative}
.menu li a:after{content: '';display: block; width: 60px; height:3px; background:#fff; position:absolute; bottom:0; left:50%; margin-left:-30px; 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);}

/*分类菜单*/
.fl_menu{ position:absolute; left:0; bottom:0; width:100%; height:80px; background-color: rgba(0,0,0,0.4);}
.menu_fl {width:100%; height:80px; text-align:left; overflow:hidden}
.menu_fl li {display:inline-block; line-height:80px; margin-right:30px;}
.menu_fl li a{display:block; font-size:16px; color:#fff; font-weight:400; position:relative}
.menu_fl li a:after{content: ""; width:0px; height:3px; background-color:#fff; position:absolute; left:0; bottom:17px; transition:all 0.5s;}
.menu_fl li:hover a,.menu_fl li.active a,.menu_fl li:hover a:after,.menu_fl li.active a:after{text-decoration:none; color:#fff; width:100%;}

/*弹性布局产品*/
.prolist{
	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;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.prolist li{width:22.5%; height:auto; margin-bottom:40px; background-color:#FFF; padding:10px;}
.prolist li span{display:block; width:100%; height:auto; overflow:hidden; position:relative; display: flex; justify-content: center;}
.prolist li span img{width:100%; height:auto;}
.prolist li p{ width:95%; height:auto; margin:0 auto; margin-top:10px; text-align: center; font-size:14px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.prolist li a{ display:block}
.prolist li span:after{
	  content:"";
	  width:0px;
	  height:100%;
	  position:absolute;
	  transform:skew(45deg);
	  background:rgba(255,255,255,0.2);
	  z-index:9999;
	  transition: all 1s;
}
.prolist li:hover span:after{width:700px;}
/*产品框_end*/

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

/*新闻*/
.ul_news{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.ul_news li{width:100%; height:auto; border-bottom:1px solid #CCCCCC; margin-bottom:30px; padding-bottom:30px; overflow:hidden}
.ul_news li .l{ float:left; width:23%; height:auto;}
.ul_news li .l img{ max-width:100%; height:auto}
.ul_news li .r{ float:right; width:73%; height:auto;}
.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;}

/*常见问题*/
.faq{
	width:100%;
	height:auto;
	margin-top:40px;
	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;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.faq li{width:24%; height:auto; margin-bottom:40px; background-color:#FFF; padding:30px 0; position:relative}
.faq li:before{content: ""; width:0px; height:5px; background-color:#e30920; position:absolute; left:0; bottom:0; transition:all 0.5s;}
.faq li:hover:before{ width:100%; }
.faq li p{ width:86%; height:65px; line-height:30px; margin:0 auto; font-size:20px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}
.faq li span{ display:block; width:86%; height:auto; margin:0 auto; line-height:26px; font-size:14px; color:#999; border-top:1px solid #EBEBEB; margin-top:15px; padding-top:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4;/*显示几行*/-webkit-box-orient: vertical;}
.faq li em{ display:block; width:86%; height:auto; margin:0 auto; margin-top:15px;}
.faq li a{ display:block}
/*常见问题_end*/

/*标题*/
.title_202110{ margin-top:20px; padding-left:26px; height:40px; line-height:40px; color:#666; 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: "/";}

/*相关图片,图片详情下面*/
.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*/

/*标题专用*/
.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: "/";}

/*加盟合作*/
.Join{
	width:100%;
	height:auto;
	margin-top:40px;
	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;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.Join li{width:32%; height:auto; margin-bottom:40px; background-color:#FFF; padding:50px 0; position:relative}
.Join li:before{content: ""; width:0px; height:5px; background-color:#e30920; position:absolute; left:0; bottom:0; transition:all 0.5s;}
.Join li:hover:before{ width:100%; }
.Join li i{ display:block; width:80%; height:auto; margin:0 auto; text-align:center;}
.Join li i img{ max-width:100%; height:auto;}
.Join li p{ width:86%; height:80px; line-height:80px; margin:0 auto; font-size:26px; font-weight:600; text-align:center; margin-top:10px;}
.Join li span{ display:block; width:86%; height:auto; margin:0 auto; line-height:30px; font-size:16px; color:#999; text-align:center; margin-top:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;/*显示几行*/-webkit-box-orient: vertical;}

.post_get{ width:100%; height:auto; overflow:hidden; background-color:#FFF}
.post_get .l{ float:left; width:35%; height:auto;}
.post_get .r{ float:right; width:60%; height:auto; padding:50px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.post_get .r h6{ font-size:30px; color:#666; font-weight:500}
.post_get .r em{ font-size:18px; color:#999; display:block; margin-top:20px}

/*移动互联网案例*/
.ul_tihuo{
	width:100%;
	height:auto;
	margin-top:20px;
	padding-top:10px;
	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;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.ul_tihuo li{width:20%; height:auto; transition: all 0.5s; margin-bottom:40px}
.ul_tihuo li span{display:block; width:100%; height:auto; text-align:center; position:relative;}
.ul_tihuo li span img{ max-width:100%; height:auto;}
.ul_tihuo li span p{ position:absolute; left:0; right:0; bottom:37px; width:80%; height:auto; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis}
.ul_tihuo li:hover { margin-top:-10px;}
.ul_tihuo li a{ display:block}

/*荣誉证书*/
.ul_honor{
	width:100%;
	height:auto;
	margin-top:40px;
	padding-top:10px;
	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;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.ul_honor li{width:24%; height:auto; transition: all 0.5s; margin-bottom:40px; border:1px solid #ededed;}
.ul_honor li span{display:block; height:auto; text-align:center; background-color:#eaeef1; padding:10px}
.ul_honor li span img{ max-width:100%; height:auto;}
.ul_honor li p{width:95%; height:auto; line-height:45px; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis}
.ul_honor li:hover { margin-top:-10px;}

/*产品框*/
.box_product{
	width:99.6%;
	height:auto;
	margin:0 auto;
	margin-top:50px;
	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;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.box_product li{width:23%; height:auto; margin-bottom:40px; box-shadow: 0 0 10px 5px #d8d8d8; position:relative; }
.box_product li span{display:block; width:100%; height:auto; overflow:hidden;}
.box_product li span img{width:100%; height:auto;}
.box_product li p{padding:20px; text-align:center; font-size:14px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.box_product li:hover p{color:#ff6a00}
.box_product li:before{content: ""; position:absolute; bottom:-12px; width:100%; height:5px; background-color:#ff6a00; transition: 0.4s all ease}
.box_product li:hover:before{bottom:0px;}
/*产品框_end*/

/*产品分类*/
.pro_fl_u1{width:1100px; height:auto; margin:0 auto; text-align:center; margin-top:40px;}
.pro_fl_u1 li{display:inline-block; height:40px; line-height:40px; margin-right:10px; margin-bottom:15px; text-align:center; 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,#f8263c,#e30920); border-radius:5px;}
.pro_fl_u1 li:last-child{border-right:none}

/*********footer*********/
.foot_2021{margin-top:30px; padding:60px 0; background:#444444; color:#a1a1a1}
.foot_2021 a{color:#a1a1a1}
.foot_2021 a:hover{ color:#FFCC00}

.foot_2021_box{ overflow:hidden}
.foot_2021_box .l{ float:left; width:47%; height:auto;}

.foot_2021_box .c{ float:left; margin-left:3%; width:33%; height:auto;}
.foot_2021_box .c li{ line-height:30px}

.foot_2021_box .r{ float:right; width:11%; height:auto;}
.foot_2021_box .r img{width:100%; height:auto;}
.foot_2021_box .r p{ text-align:center; padding-top:5px}

.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_ul{width:100%; height:auto; margin-top:20px}
.foot_ul li{ line-height:30px;}
.foot_ul li a{ display:block;}

/*最底部*/
.foot_foot{ width:100%; height:80px; border-top:1px solid #4e4e4e; background-color:#444444; color:#a1a1a1; }
.foot_foot a{color:#a1a1a1;}
.foot_foot a:hover{ color:#FFCC00}
.foot_foot .l{ float:left; width:49%; height:auto; line-height:80px;}
.foot_foot .r{ float:right; width:49%; height:80px; line-height:80px; }

.web_link{ float:right; width: 180px; height:30px; line-height:30px; margin-top:22px; margin-left:12px; box-sizing: content-box; border: 1px solid #777777; cursor: pointer; background:url(/images/web_link.png) no-repeat right 8px center; text-indent:10px; position: relative;}
.web_list{position: absolute; bottom:32px; left: -1px; width: 100%; height:auto; border: 1px solid #cdcdcd; background: #fff; box-sizing: content-box; display:none}
.web_list a{display: block; line-height:26px; color: #666; border-bottom: 1px solid #cdcdcd; padding: 8px 10px;}
.web_list a:hover{ background-color:#444444; color:#CCC}
.web_list a:last-child{ border-bottom: none}
/*********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:#d81e06; 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:#f94737; 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 */