@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
/*关于我们菜单*/
.about_menu {width:100%; height:55px; margin:0 auto; margin-top:20px; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.about_menu li {width:100%; height:55px; line-height: 55px; font-size: 18px; text-align: center; background: #f4f4f4; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.about_menu li a {display: block; color: #a8a8a8;}
.about_menu li:hover {background: url(../images/p16-icon6.png) no-repeat bottom center #c20707;}
.about_menu li:hover a{color:#fff; }
.about_menu li.active a{color:#fff; background: url(../images/p16-icon6.png) no-repeat bottom center #c20707;}

/*linyi*/
.linyi{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:0px;}
.linyi li{ float:left; width:48%; height:auto; margin-right:4%; margin-bottom:10px; }
.linyi li .img{ width:100%; height:auto; overflow:hidden;  }
.linyi li .img img{width:100%; height:auto;}
.linyi li h3{ text-align:center; line-height:0.4rem; font-size:0.14rem; font-weight:400; color:#333333; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.linyi li:nth-of-type(2n+0){margin-right:0px;}
.linyi li a{ display:block}
/*标题*/
.title_202110{width:100%; height:0.4rem; line-height:0.4rem; margin:0 auto; margin-top:10px; text-indent:26px; 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: "/";}

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

.pc_fl{ display:none}

.m_fl{width:100%; height:0.45rem; line-height:0.45rem; background: #546fa6; text-indent:10px; font-size:0.16rem; color:#fff; margin-bottom:10px; position:relative}

.donghua {width:30px; height: 20px; position:absolute; right:10px; top:10px}
.dhdh {width: 100%; height:3px; position: relative; margin:4px 0}
.dhdh:before {animation: dhxg 1s linear 0s infinite alternate; position: absolute; left:0; top:0; width: 100%; height:4px; background:#FFFFFF; content: ""; display: block; opacity: 0;}
.dhdh:nth-child(2):before {animation-delay: 0.5s;}
.dhdh:nth-child(3):before {animation-delay: 0.2s;}
@keyframes dhxg {
	0%{width:30%; opacity: 1;}
	50%{width:100%; opacity:0.5;}
}

.m_ul{width:100%; height:auto; margin-bottom:10px; overflow:hidden; display:none;}
.m_ul li{float:left; width:50%; height:0.4rem; line-height:0.4rem; 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);}
.m_ul li a{display: block; font-weight:400; font-size:0.14rem; color:#fff;}
.m_ul li:hover a{color:#fff; background-color:#c20707}
.m_ul li:nth-child(2n){border-right:none}

/*左侧部分*/
.l_right_title{height:0.8rem; background:#c20707; 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:#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:#c20707; -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:#c20707;}

.l_left .images{display:none}
.left_tel{ display:none}

.about_bj{background-color:#f4f8fb;}
.about_bj2{width:100%; height:auto;margin-top:-10px;}
.about_bj3{background-color:#f4f8fb;margin-top:10px;}
.three_box{overflow:hidden;background-color:#1f2024;}
.three_box h3 {font-size:28px; line-height: 30px;color:#fff; text-align: left;margin-top:30px;}
.three_box h5 {font-size:14px;  color:#666;line-height: 30px; text-align: center;font-weight:normal;margin-top:50px;}
.three_box_left{float:right; width:100%; height:auto;margin-bottom:30px;}
.three_box_left img{width:100%; height:auto;}
.three_box_right{ float:left; width:100%; height:auto;}
.three_box_right .n_box{margin-top:-40px;  width:100%; height:auto;  float:left; padding-left:20px;line-height:35px;}
.three_box_right .n_box h4 {font-size:16px; color:#fff; line-height: 30px;margin-top:-10px; margin-bottom:10px;font-weight:normal;text-align:left}
.three_box_right .n_box h2 {font-size: 20px; font-weight:bold; color:#fff; line-height: 40px;  margin-top:10px;margin-bottom: 20px; overflow:hidden; text-align:left}
.three_box_right .n_box p {color:#eee; font-size:14px;line-height:25px;overflow:hidden;padding-right:30px;}
.three_box_right dl {float:left; width:90%;padding-left:50px;margin-top:30px; height:auto;}

.three_box22{width:100%;overflow:hidden; }
.three_box22 h3 {font-size:28px; line-height: 35px; text-align: center;margin-top:50px;}
.three_box22_left{float:left; width:100%; height:auto;margin-top:30px;margin-bottom:30px;}
.three_box22_left img{width:100%; height:auto;border-radius: 10px;}
.three_box22_right{ float:right; width:100%; height:auto;}
.three_box22_right .n_box{margin-top:-40px;  width:90%; height:auto;  float:left; padding-left:50px;line-height:35px;}
.three_box22_right .n_box h4 {font-size:20px; color:#000; line-height: 30px;margin-top:-10px; margin-bottom:10px;font-weight:normal;text-align:left}
.three_box22_right .n_box h2 {font-size: 20px; font-weight:bold; color:#000; line-height: 40px;  margin-top:30px;margin-bottom: 20px; overflow:hidden; text-align:left}
.three_box22_right .n_box p {color:#eee; font-size:14px;line-height:25px;overflow:hidden;padding-right:30px;}
.three_box22_right dl {float:left; width:90%;padding-left:50px;margin-top:30px; height:auto;}

.three_box33{width:100%;overflow:hidden; }
.three_box33 h4 {font-size:28px; line-height: 30px; text-align: center;margin-top:80px;margin-bottom:80px;}
.three_box33_left{ float:left; width:86px; height:86px;  }
.three_box33_right{ float:left; width:45%; height:220px;background-color:#eee; margin-left:15px;margin-bottom:10px; }
.three_box33_right .n_box{ width:80%;  height:auto;  margin-top:10px; color:#666666; line-height:30px;}
.three_box33_right .n_box h3 {font-size:22px;font-weight: normal;color:#000; line-height: 30px;margin-top: 10px;}
.three_box33_right .n_box h2 {font-size: 20px; font-weight: normal; color:#cfcdcd; line-height: 30px;}
.three_box33_right .n_box p {font-size: 14px; font-weight: normal; color:#666; line-height: 20px; margin-top: 10px;}


.three_box44{width:100%;overflow:hidden; margin-bottom:30px;}
.three_box44 h4 {font-size:24px; line-height: 30px; text-align: center;margin-top:30px;margin-bottom:30px;}
.three_box44_left{ float:left; width:86px; height:86px;  }
.three_box44_right{ float:left; width:45%; height:240px;background-color:#fff; margin-left:15px;margin-bottom:10px; }
.three_box44_right .n_box{ width:80%; height:auto;  margin-top:10px; color:#666666; line-height:30px;}
.three_box44_right .n_box h3 {font-size:18px;font-weight: normal;color:#000; line-height: 30px;margin-top: 10px;}
.three_box44_right .n_box h2 {font-size: 18px; font-weight: normal; color:#cfcdcd; line-height: 40px;}
.three_box44_right .n_box p {font-size: 14px; font-weight: normal; color:#666; line-height: 20px; margin-top: 10px;margin-bottom:20px;}
.three_box44_right .n_box line{position:relative;float:left;margin:10px auto 0;width:60px;height:4px; background-color: #0953c0;}
.three_box44_right .n_box:after{content:"";  float:left;position:absolute;text-align:center; top:100px; width:60px; height:4px; background-color:#0953c0;}

/*小幻灯片*/
.index_hdp{width:100%; height:auto; position:relative; overflow:hidden;}
.index_hdp .hd{ position:absolute; width:100%; height:40px; bottom:20px; left:0; z-index:1; text-align:center}
.index_hdp .hd img{ width:40px; height:40px;  }
.index_hdp .prev{cursor:pointer}
.index_hdp .next{cursor:pointer}

.index_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}
.index_hdp .bd li img{display:block; width:100%; height:auto;}
.index_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.gundong_num{ z-index:10}
.num{ width:100%;height:auto; overflow:hidden; }
.num li{ float: left; width: 48%;height: 2rem;margin-left: 2%; transition-duration:500ms; cursor:pointer; }
.num h2{ font-size:0.32rem;font-weight:normal;text-align:center;color:#fff; margin-top:30px;  }
.num li .n_box{ width:100%; height:2rem; margin:0 auto; overflow:hidden;}
.num li .n_box .n_l{  width:100%; height:auto; line-height:50px;  font-size:24px;text-align:center;  }
.num li .n_box .n_l span{ font-size:0.16rem;  text-align:center;color:#222;}
.num li .n_box .n_l p{line-height:0.16rem; font-size:0.14rem; text-align:center;color:#888}
.num li .n_box .n_r{  width:100%; height:100px; background: url(../images/1.jpg) no-repeat top center;  transition-duration:600ms;margin-top:15px;}
.num li .n_box .n_r2{ width:100%; height:100px; background: url(../images/2.jpg) no-repeat top center;  transition-duration:600ms;margin-top:15px;}
.num li .n_box .n_r3{width:100%; height:100px; background: url(../images/3.jpg) no-repeat top center;  transition-duration:600ms;margin-top:15px;}
.num li .n_box .n_r4{  width:100%; height:100px; background: url(../images/4.jpg) no-repeat top center;  transition-duration:600ms;margin-top:15px;}
.num li .n_box .n_r5{  width:100%; height:100px; background: url(../images/5.jpg) no-repeat top center;  transition-duration:600ms;margin-top:15px;}
.num li .n_box .n_r6{  width:100%; height:100px; background: url(../images/6.jpg) no-repeat top center;  transition-duration:600ms;margin-top:15px;}
.num li:nth-of-type(2n+0){border-right:none}
.num li:hover{color:#fff;height:215px;}
.num li:hover a{ color:#FFF!important}
.num li:hover .n_box .n_l span{ color:#d93204;}
.num li:hover .n_box .n_l p{ color:#d93204;}
.num li:hover .n_box .n_r{transform: rotate(360deg);}
.num li:hover .n_box .n_r2{transform: rotate(360deg);}
.num li:hover .n_box .n_r3{transform: rotate(360deg);}
.num li:hover .n_box .n_r4{transform: rotate(360deg);}
.num li:hover .n_box .n_r5{transform: rotate(360deg);}
.num li:hover .n_box .n_r6{transform: rotate(360deg);}

.gundong_num22{ z-index:10}
.num2{ width:100%;height:auto; overflow:hidden; }
.num2 li{ float:left; width:100%; height:2.3rem; border-bottom:3px solid #d1d1d1;  transition-duration:500ms; cursor:pointer; }
.num2 h2{ font-size:0.32rem;font-weight:normal;text-align:center;color:#fff; margin-top:30px;  }
.num2 li .n_box{ width:90%; height:250px; margin:0 auto; overflow:hidden;}
.num2 li .n_box .n_l{  width:100%; height:auto; line-height:50px;  font-size:24px;text-align:center;  }
.num2 li .n_box .n_l span{ font-size:0.22rem;  text-align:center;color:#222;}
.num2 li .n_box .n_l p{line-height:0.2rem; font-size:0.14rem; text-align:center;color:#999}
.num2 li .n_box .n_r{  width:100%; height:64px; background: url(../images/cp2.png) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num2 li .n_box .n_r2{ width:100%; height:64px; background: url(../images/q2.png) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num2 li .n_box .n_r3{width:100%; height:64px; background: url(../images/ws2.png) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num2 li .n_box .n_r4{  width:100%; height:64px; background: url(../images/fz2.png) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num2 li:nth-of-type(2n+0){border-right:none}
.num2 li:hover{color:#222;height:250px;}
.num2 li:hover .n_box .n_r{background: url(../images/cp2.png) no-repeat bottom center;}
.num2 li:hover .n_box .n_r2{background: url(../images/q2.png) no-repeat bottom center;}
.num2 li:hover .n_box .n_r3{background: url(../images/ws2.png) no-repeat bottom center;}
.num2 li:hover .n_box .n_r4{background: url(../images/fz2.png) no-repeat bottom center;}

.gundong_num44{ z-index:10; margin-top:-5px;margin-bottom:10px;}
.num4{ width:100%; height:auto; overflow:hidden; }
.num4 li{ float:left; width:100%; transition-duration:500ms; cursor:pointer;color:#666; }
.num4 li .n_box{ width:100%; margin:0 auto; overflow:hidden;color:#666;border-radius:10px;  }
.num4 li .n_box .n_l{ float:right;  width:90%; padding:5px 0; line-height:20px;}
.num4 li .n_box .n_l span{ font-size:14px; font-weight:500; margin-left:-60px; color:#000;margin-right:20px}
.num4 li .n_box .n_l p{   line-height:25px;font-size:14px; color:#333; margin-right:20px}
.num4 li .n_box .n_r{ float:left;  width:10%; height:18px; margin-left:-60px; background: url(../images/duih.png) no-repeat top center;  transition-duration:600ms;margin-top:7px; }
.num4 li .n_box .n_r2{ float:left; width:15%; height:67px; margin-left:-20px;  background: url(../images/gs2.png) no-repeat top center;  transition-duration:600ms;margin-top:42px; }
.num4 li .n_box .n_r3{ float:left; width:15%; height:67px; margin-left:-20px; background: url(../images/gs3.png) no-repeat top center;  transition-duration:600ms;margin-top:42px; }
.num4 li .n_box .n_r4{ float:left;  width:25%; height:70px; background: url(../images/gs4.png) no-repeat top center;  transition-duration:600ms;margin-top:42px;}
.num4 li .n_box .n_r5{ float:left;  width:25%; height:70px; background: url(../images/gs5.png) no-repeat top center;  transition-duration:600ms;margin-top:42px;}
.num4 li .n_box .n_r6{ float:left;  width:25%; height:70px; background: url(../images/gs6.png) no-repeat top center;  transition-duration:600ms;margin-top:42px;}
.num4 li:nth-of-type(6n+0){border-right:none;}
.num4 li .n_box:hover{background:#ffffff; }

.indexone{width:100%;overflow:hidden;  margin-top:10px; padding-bottom:40px;}
.indexone li{float:left; background:#fff;width:95%;height:auto;margin-right:10px;margin-left:10px;margin-top:-10px;margin-bottom:30px;overflow:hidden}
.indexone li dl{width:100%; height:auto;  overflow:hidden;}
.indexone li img{ width:100%; height:auto;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s; }
.indexone li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); }
.indexone li .box{width:100%;background:#fff;height:auto;padding-left:10px; }
.indexone li .box h1{width:90%;float:left;font-weight:400; font-size:20px;line-height:50px;color:#222; border-bottom:1px solid #eee; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.indexone li .box h2{width:90%;float:left;font-weight:300; font-size:20px;line-height:60px;color:#222;  overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.indexone li .box dd{width:90%;float:left;line-height:25px; font-size:14px; color:#222; margin-top:10px;margin-bottom:30px;}
.indexone li:nth-of-type(5n+0){margin-right:0px;}
.indexone li:first-child+li+li+li+li{margin-right:0px;}
.indexone li a{background:#222; text-decoration:none}
.indexone li:hover h1{ color:#fff;border-bottom:1px solid #fff;}
.indexone li:hover h2{ color:#fff;}
.indexone li:hover dd{ color:#fff;}
.indexone li:hover{ background-color:#333;}

.indexone22{width:100%;overflow:hidden;  margin-top:80px; padding-bottom:3px;}
.indexone22 li{float:left; background:#fff;width:95%;height:auto;margin-left:10px;margin-bottom:20px;overflow:hidden}
.indexone22 li dl{width:100%; height:auto;  overflow:hidden;}
.indexone22 li img{ -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s; }
.indexone22 li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); }
.indexone22 li .box{width:90%;background:#fff;height:auto;padding-left:10px; }
.indexone22 li .box h1{width:90%;float:left;font-weight:400; font-size:24px;line-height:40px;color:#222; border-bottom:1px solid #ccc; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.indexone22 li .box h2{width:90%;float:left;font-weight:300; font-size:18px;line-height:30px;color:#222;  overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.indexone22 li .box dd{width:90%;float:left;line-height:25px; font-size:14px; color:#222; margin-top:10px;margin-bottom:20px;}
.indexone22 li:nth-of-type(5n+0){margin-right:0px;}
.indexone22 li:first-child+li+li+li+li{margin-right:0px;}
.indexone22 li a{background:#222; text-decoration:none}
.indexone22 li:hover h1{ color:#fff;border-bottom:1px solid #fff;}
.indexone22 li:hover h2{ color:#fff;}
.indexone22 li:hover dd{ color:#fff;}
.indexone22 li:hover{ background-color:#333;}

.indexone33{width:100%;overflow:hidden; text-align:center; margin-top:30px; padding-bottom:20px;}
.indexone33 li{text-align:center; background:#fff;width:90%;height:auto; margin-left:20px;margin-bottom:20px;overflow:hidden}
.indexone33 li dl{width:100%; height:auto; overflow:hidden;}
.indexone33 li img{ width:100%; height:auto; -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s; }
.indexone33 li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); }
.indexone33 li .box{width:90%;background:#fff;height:auto;padding-left:10px; }
.indexone33 li .box h1{float:left;font-weight:400; font-size:18px;line-height:30px;margin-top:10px;color:#222;  }
.indexone33 li .box h2{float:left;font-weight:300; font-size:20px;line-height:60px;color:#222;  overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.indexone33 li .box dd{float:left;line-height:25px; font-size:14px; color:#999; margin-top:10px;margin-bottom:20px;}
.indexone33 li:nth-of-type(5n+0){margin-right:0px;}
.indexone33 li:first-child+li+li+li+li{margin-right:0px;}
.indexone33 li a{background:#222; text-decoration:none}
.indexone33 li:hover h1{ color:#fff;border-bottom:1px solid #fff;}
.indexone33 li:hover h2{ color:#fff;}
.indexone33 li:hover dd{ color:#fff;}
.indexone33 li:hover{ background-color:#333;}

.Join{
	margin-top:35px;
	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:50%; height:auto; margin-bottom:10px; background-color:#FFF; padding:10px 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:30px; line-height:30px; margin:0 auto; font-size:19px; font-weight:500; text-align:center; }
.Join li span{ display:block; width:86%; height:auto; margin:0 auto; line-height:30px; font-size:14px; color:#999; text-align:center; margin-top:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;/*显示几行*/-webkit-box-orient: vertical;}

/*新闻图片分类*/
.fenlei_box{width:100%; height:auto; background: #f1f4f8;}
.fl_menu_u1{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}

/*产品详情标题*/
.product_list{height:0.45rem; line-height:0.45rem; background-color:#f3f3f3; margin-top:30px; font-size:0.16rem; font-weight:bold; text-indent:30px; position:relative;}
.product_list:before{content: ""; width:5px; height:0.25rem; background-color:#037773; position:absolute; left:10px; top:10px}

/*弹性布局产品*/
.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:0.15rem;}
.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}
/*产品框_end*/
/***********新闻资讯***********/
.index_news{width:95%; height:auto; margin:0 auto; overflow:hidden; }
.index_news .in_left{width:100%; height:auto; position:relative}
.index_news .in_left img{display:block; width:100%; height:100%; max-width:100%;}
.index_news .in_left .itext_box {position: absolute; left:0; bottom:0; width: 100%; background-color:#000000; opacity: 0.5;}
.index_news .in_left .itext_box .pdpd{ padding:25px}
.index_news .in_left .itext_box .pdpd .time {font-size:0.14rem; color: #fff; opacity: 0.8; line-height: 1; margin-bottom: 10px;}
.index_news .in_left .itext_box .pdpd .t {font-size:0.2rem; color: #fff;margin-bottom: 15px;line-height:1; opacity: 1;}
.index_news .in_left .itext_box .pdpd .info {font-size:0.12rem; color: #fff; line-height:21px;}

.index_news .in_right{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.index_news .rightNews{ height:auto}
.index_news .rightNews li{ width:100%; height:auto; background:#fff;  cursor:pointer;}
.index_news .rightNews li:hover{ color:#c20707}
.index_news .rightNews li a { display:block }

.index_news .rightNews li .pd{padding:10px}
.index_news .rightNews li .pd .time_box{ display:none}

.index_news .rightNews li .pd .news_box{width:100%; height:auto}
.index_news .rightNews li .pd .news_box .t{font-size:0.16rem; line-height:1; margin-bottom:10px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_news .rightNews li .pd .news_box .d{font-size:0.12rem; line-height:0.2rem; height:auto; overflow:hidden;}
.index_news .rightNews li:hover a{ text-decoration:none; color:#c20707!important}
/***********新闻资讯_end***********/
.db_news { width:100%; height:auto; overflow:hidden}
.db_news li {width:100%; height:auto; margin-bottom:20px; overflow:hidden}
.db_news li a {display: block; background-color: #ededed; padding:15px; -webkit-transition: all 0.5s; transition: all 0.5s; overflow: hidden; position: relative;}
.db_news li a:after {position: absolute; left: 0; top: 0; content: ""; width:80px; border-bottom: 125px solid #c20707; border-right:28px solid transparent;  -webkit-transition: all 0.5s; transition: all 0.5s;}
.db_news li .date {float: left; width:80px; position: relative; z-index: 1; line-height: 1; padding: 5px 0; color: #fff; text-align:left; }
.db_news li .date small {display: block; font-size:0.16rem;}
.db_news li .date strong {display: block;font-size:0.25rem; margin-top: 10px;}
.db_news li .text { float:right; width:70%; height:auto;}
.db_news li .text h4 {font-weight: normal; font-size:0.18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.db_news li .text p { margin-top:10px; color: #666; -webkit-transition: all 0.5s; transition: all 0.5s; line-height: 1.8; height:50px; font-size:0.14rem; overflow: hidden;}
.db_news li a:hover {background-color:#c20707; color:#fff;}
.db_news li a:hover:after {border-bottom-color: #a7abb0;}
.db_news li a:hover .text p {color: #fff;}
.db_news li:nth-of-type(2n+0){margin-right:0px;}
/*新闻*/
.ul_news{ padding:10px; overflow:hidden; margin-top:15px;}
.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: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;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.pic_xg li{width:49%; height:auto; margin-bottom:15px; position:relative; border:1px solid #EBEBEB}
.pic_xg li img{display:block; width:100%; height:auto;}
.pic_xg li span{display:block; position:absolute; left:0; bottom:0; color:#FFF; width:100%; height:0.35rem; line-height:0.35rem; background:rgba(0,0,0,0.4); z-index:1; font-size:0.12rem; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
/*相关图片_end*/

/*相关产品前6个*/
.pro_tj{width:100%; height:auto; overflow:hidden; margin-top:30px; }
.pro_tj 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 li img{display:block; width:100%; height:100%; max-width:100%;}
.pro_tj 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 li:hover h2{ background-color:#000}
.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: "/";}

/*产品框*/
.box_product{
	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;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.box_product li{width:48.5%; height:auto; margin-bottom:0px;}
.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*/
}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
/*标题*/
.title_202110{width:100%; height:40px; margin:0 auto; line-height:40px; margin-top:20px; text-indent:26px; 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: "/";}

/*关于我们菜单*/
.about_menu {width:100%; height: 55px; margin:0 auto; margin-top:20px; display:flex; display: -webkit-flex; /*启用弹性布局*/ flex-direction:row;/*从左到右排*/}
.about_menu li {width:100%; height:55px; line-height: 55px; font-size: 18px; text-align: center; background: #f4f4f4; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.about_menu li a {display: block; color: #a8a8a8;}
.about_menu li:hover {background: url(../images/p16-icon6.png) no-repeat bottom center #c20707;}
.about_menu li:hover a{color:#fff; }
.about_menu li.active a{color:#fff; background: url(../images/p16-icon6.png) no-repeat bottom center #c20707;}

/*用于左右分开，左侧用于分类*/
.left_right{margin-top:10px; overflow:hidden}
.left_right .l_left{float:left; width:18%; height:auto;}
.left_right .l_right{float:right; width:80%; height:auto;}

.m_fl{ display:none}
.m_ul{ display:none}

/*产品分类*/
.l_right_title{height:90px; background:#c20707; 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: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:#c20707; -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:#c20707;}
.left_tel{width:100%; height:auto; padding:15px 0; color:#fff; font-size:22px; font-weight:bold; text-indent:60px; background:#c20707 url(../images/prolist4.png) no-repeat 25px center}


/*图片新闻分类*/
.fenlei_box{width:100%; height:auto; background: #f1f4f8;}
.fl_menu_u1{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}

/*产品详情标题*/
.product_list{height:45px; line-height:45px; background-color:#f3f3f3; margin-top:30px; font-size:18px; font-weight:bold; text-indent:30px; position:relative;}
.product_list:before{content: ""; width:5px; height:25px; background-color:#037773; position:absolute; left:10px; top:10px}

/*弹性布局产品*/
.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:32.5%; height:auto; margin-bottom:30px; background-color:#FFF;}
.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*/
.about_bj{background-color:#f4f8fb;}
.about_bj2{width:100%; height:auto;margin-top:-30px;}
.about_bj3{background-color:#f4f8fb;margin-top:-50px;}

/*小幻灯包围*/
.three_box{overflow:hidden;background: url(../images/gybj.jpg) no-repeat right center;}
.three_box_left{ float:left; width:50%; height:510px;}
.three_box_left img{  width:100%; height:100%;}
.three_box_right{ float:right; width:50%; height:510px; }
.three_box_right .n_box{ width:550px; height:auto; margin-left:80px; margin-top:80px;color:#aaaaaa; line-height:30px;}
.three_box_right .n_box h3 {font-size:40px;font-weight: normal; color:#fff; line-height: 45px;}
.three_box_right .n_box h2 {font-size: 24px; font-weight: normal; color:#fff; line-height: 38px; margin-bottom: 30px;}
.three_box_right .n_box p {color: #aaaaaa; font-size:16px;margin-bottom: 20px;}

.btn2 a {color: #fff; display: block; line-height: 44px; width: 140px; text-align: center; margin-left: 0; background: #5f0303;}
.btn2 a span {display: inline-block; padding-right: 17px; background: url(../images/icon3.png) no-repeat right center; transition-duration:500ms;}
.btn2 a:hover span {padding-right: 27px;}
/*小幻灯包围_end*/

.three_box22{width:1270px;overflow:hidden; }
.three_box22 h3 {font-size:34px; line-height: 35px; text-align: center;margin-top:50px;}
.three_box22_left{float:left; width:50%; height:auto;margin-top:30px;margin-bottom:30px;}
.three_box22_left img{width:100%; height:auto;border-radius: 10px;}
.three_box22_right{ float:right; width:50%; height:auto;}
.three_box22_right .n_box{margin-top: 60px;  width:90%; height:auto;  float:left; padding-left:50px;line-height:35px;}
.three_box22_right .n_box h4 {font-size:20px; color:#000; line-height: 30px;margin-top:-10px; margin-bottom:10px;font-weight:normal;text-align:left}
.three_box22_right .n_box h2 {font-size: 26px; font-weight:bold; color:#000; line-height: 40px;  margin-top:30px;margin-bottom: 20px; overflow:hidden; text-align:left}
.three_box22_right .n_box p {color:#eee; font-size:14px;line-height:25px;overflow:hidden;}
.three_box22_right dl {float:left; width:90%;padding-left:50px;margin-top:30px; height:auto;}

.three_box33{width:1270px;overflow:hidden; }
.three_box33 h4 {font-size:34px; line-height: 30px; text-align: center;margin-top:80px;margin-bottom:80px;}
.three_box33_left{ float:left; width:86px; height:86px;  }
.three_box33_right{ float:left; width:30%; height:240px;background-color:#eee; margin-right:20px;margin-bottom:30px; }
.three_box33_right .n_box{ width:300px; height:auto;  margin-top:10px; color:#666666; line-height:30px;}
.three_box33_right .n_box h3 {font-size:22px;font-weight: normal;color:#000; line-height: 30px;margin-top: 30px;}
.three_box33_right .n_box h2 {font-size: 18px; font-weight: normal; color:#cfcdcd; line-height: 40px;}
.three_box33_right .n_box p {font-size: 14px; font-weight: normal; color:#666; line-height: 30px; margin-top: 20px;}


.three_box44{width:1270px;overflow:hidden; margin-bottom:30px;}
.three_box44 h4 {font-size:34px; line-height: 30px; text-align: center;margin-top:80px;margin-bottom:80px;}
.three_box44_left{ float:left; width:86px; height:86px;  }
.three_box44_right{ float:left; width:23%; height:260px;background-color:#fff; margin-right:20px;margin-bottom:30px; }
.three_box44_right .n_box{ width:260px; height:auto;  margin-top:10px; color:#666666; line-height:30px;}
.three_box44_right .n_box h3 {font-size:22px;font-weight: normal;color:#000; line-height: 30px;margin-top: 10px;}
.three_box44_right .n_box h2 {font-size: 18px; font-weight: normal; color:#cfcdcd; line-height: 40px;}
.three_box44_right .n_box p {font-size: 14px; font-weight: normal; color:#666; line-height: 30px; margin-top: 20px;}
.three_box44_right .n_box line{position:relative;float:left;margin:10px auto 0;width:60px;height:4px; background-color: #0953c0;}
.three_box44_right .n_box:after{content:"";  float:left;position:absolute;text-align:center; top:100px; width:60px; height:4px; background-color:#0953c0;}

.gundong_num{  z-index:10;margin-top:10px;margin-bottom:55px}
.num{ width:100%;height:auto; overflow:hidden; }
.num h2{ font-size:48px;font-weight:normal;text-align:center;color:#fff; margin-top:30px }
.num h3{ font-size:48px;font-weight:normal;text-align:center;color:#b1b1b1; margin-top:30px }
.num li{ float:left; width:16.6%; height:250px;  transition-duration:500ms; cursor:pointer;}
.num li .n_box{ width:100%; height:250px; margin:0 auto; overflow:hidden; }
.num li .n_box .n_l{  width:80%; height:auto; line-height:50px;  font-size:14px;text-align:center; margin-top:15px}
.num li .n_box .n_l span{ font-size:18px;  text-align:center;color:#000;  }
.num li .n_box .n_l p{ line-height:20px;text-align:center;color:#888}
.num li .n_box .n_r{  width:40%; height:100px; background: url(../images/1.jpg) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num li .n_box .n_r2{ width:40%; height:100px; background: url(../images/2.jpg) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num li .n_box .n_r3{ width:40%; height:100px; background: url(../images/3.jpg) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num li .n_box .n_r4{  width:40%; height:100px; background: url(../images/4.jpg) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num li .n_box .n_r5{  width:40%; height:100px; background: url(../images/5.jpg) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num li .n_box .n_r6{  width:40%; height:100px; background: url(../images/6.jpg) no-repeat top center;  transition-duration:600ms;margin-top:40px;}

.num li:nth-of-type(6n+0){border-right:none}
.num li:hover{color:#d93204;}
.num li:hover a{ color:#d93204!important}
.num li:hover .n_box .n_l span{ color:#d93204;}
.num li:hover .n_box .n_l p{ color:#d93204;}
.num li:hover .n_box .n_r{transform: rotate(360deg);}
.num li:hover .n_box .n_r2{transform: rotate(360deg);}
.num li:hover .n_box .n_r3{transform: rotate(360deg);}
.num li:hover .n_box .n_r4{transform: rotate(360deg);}
.num li:hover .n_box .n_r5{transform: rotate(360deg);}
.num li:hover .n_box .n_r6{transform: rotate(360deg);}

gundong_num22{  z-index:10}
.num2{ width:100%;height:auto; overflow:hidden; }
.num2 h2{ font-size:48px;font-weight:normal;text-align:center;color:#fff; margin-top:60px }
.num2 h3{ font-size:48px;font-weight:normal;text-align:center;color:#b1b1b1; margin-top:60px }
.num2 li{ float:left; width:25%; height:350px;  transition-duration:500ms; cursor:pointer;}
.num2 li .n_box{ width:100%; height:350px; margin:0 auto; overflow:hidden; border-right:1px solid #d1d1d1;}
.num2 li .n_box .n_l{  width:80%; height:auto; line-height:50px;  font-size:14px;text-align:center; margin-top:15px}
.num2 li .n_box .n_l span{ font-size:24px;  text-align:center; center;color:#333;  }
.num2 li .n_box .n_l p{ line-height:30px;text-align:center;color:#999}
.num2 li .n_box .n_r{  width:30%; height:64px; background: url(../images/cp2.png) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num2 li .n_box .n_r2{ width:30%; height:64px; background: url(../images/q2.png) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num2 li .n_box .n_r3{width:30%; height:64px; background: url(../images/ws2.png) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num2 li .n_box .n_r4{  width:30%; height:64px; background: url(../images/fz2.png) no-repeat top center;  transition-duration:600ms;margin-top:40px;}
.num2 li:nth-of-type(4n+0){border-right:none}
.num2 li:hover{color:#fff;background:#c20707;}
.num2 li:hover a{ color:#FFF!important}
.num2 li:hover .n_box .n_l span{ color:#fff;}
.num2 li:hover .n_box .n_l p{ color:#fff;}
.num2 li:hover .n_box .n_r{background: url(../images/cp2.png) no-repeat bottom center;}
.num2 li:hover .n_box .n_r2{background: url(../images/q2.png) no-repeat bottom center;}
.num2 li:hover .n_box .n_r3{background: url(../images/ws2.png) no-repeat bottom center;}
.num2 li:hover .n_box .n_r4{background: url(../images/fz2.png) no-repeat bottom center;}

.gundong_num44{ z-index:10; margin-top:-5px;margin-bottom:10px;}
.num4{ width:100%; height:auto; overflow:hidden; }
.num4 li{ float:left; width:100%; transition-duration:500ms; cursor:pointer;color:#666; }
.num4 li .n_box{ width:100%; margin:0 auto; overflow:hidden;color:#666;border-radius:10px;  }
.num4 li .n_box .n_l{ float:right;  width:90%; padding:5px 0; line-height:20px;}
.num4 li .n_box .n_l span{ font-size:14px; font-weight:500; margin-left:-60px; color:#000;margin-right:20px}
.num4 li .n_box .n_l p{   line-height:25px;font-size:14px; color:#333; margin-right:20px}
.num4 li .n_box .n_r{ float:left;  width:10%; height:18px; margin-left:-60px; background: url(../images/duih.png) no-repeat top center;  transition-duration:600ms;margin-top:7px; }
.num4 li .n_box .n_r2{ float:left; width:15%; height:67px; margin-left:-20px;  background: url(../images/gs2.png) no-repeat top center;  transition-duration:600ms;margin-top:42px; }
.num4 li .n_box .n_r3{ float:left; width:15%; height:67px; margin-left:-20px; background: url(../images/gs3.png) no-repeat top center;  transition-duration:600ms;margin-top:42px; }
.num4 li .n_box .n_r4{ float:left;  width:25%; height:70px; background: url(../images/gs4.png) no-repeat top center;  transition-duration:600ms;margin-top:42px;}
.num4 li .n_box .n_r5{ float:left;  width:25%; height:70px; background: url(../images/gs5.png) no-repeat top center;  transition-duration:600ms;margin-top:42px;}
.num4 li .n_box .n_r6{ float:left;  width:25%; height:70px; background: url(../images/gs6.png) no-repeat top center;  transition-duration:600ms;margin-top:42px;}
.num4 li:nth-of-type(6n+0){border-right:none;}
.num4 li .n_box:hover{background:#ffffff; }

.indexone{width:1270px;overflow:hidden;  margin-top:40px; padding-bottom:40px;}
.indexone li{float:left; background:#fff;width:30%;height:auto;margin-right:10px;margin-left:10px;margin-top:-10px;margin-bottom:50px;overflow:hidden}
.indexone li dl{width:100%; height:auto;  overflow:hidden;}
.indexone li img{ -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s; }
.indexone li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); }
.indexone li .box{width:380px;background:#fff;height:auto;padding-left:10px; }
.indexone li .box h1{width:380px;float:left;font-weight:400; font-size:20px;line-height:50px;color:#222; border-bottom:1px solid #eee; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.indexone li .box h2{width:380px;float:left;font-weight:300; font-size:20px;line-height:60px;color:#222;  overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.indexone li .box dd{width:380px;float:left;line-height:25px; font-size:14px; color:#222; margin-top:10px;margin-bottom:30px;}
.indexone li:nth-of-type(5n+0){margin-right:0px;}
.indexone li:first-child+li+li+li+li{margin-right:0px;}
.indexone li a{background:#222; text-decoration:none}
.indexone li:hover h1{ color:#fff;border-bottom:1px solid #fff;}
.indexone li:hover h2{ color:#fff;}
.indexone li:hover dd{ color:#fff;}
.indexone li:hover{ background-color:#333;}

.indexone22{width:1270px;overflow:hidden;  margin-top:80px; padding-bottom:70px;}
.indexone22 li{float:left; background:#fff;width:610px;height:auto;margin-right:10px;margin-left:10px;margin-top:-10px;margin-bottom:50px;overflow:hidden}
.indexone22 li dl{width:100%; height:auto; margin-top:10px; overflow:hidden;}
.indexone22 li img{ -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s; }
.indexone22 li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); }
.indexone22 li .box{width:600px;background:#fff;height:auto;padding-left:10px; }
.indexone22 li .box h1{width:580px;float:left;font-weight:400; font-size:24px;line-height:70px;margin-top:10px;color:#222; border-bottom:1px solid #ccc; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.indexone22 li .box h2{width:600px;float:left;font-weight:300; font-size:20px;line-height:60px;color:#222;  overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.indexone22 li .box dd{width:580px;float:left;line-height:25px; font-size:14px; color:#222; margin-top:30px;margin-bottom:50px;}
.indexone22 li:nth-of-type(5n+0){margin-right:0px;}
.indexone22 li:first-child+li+li+li+li{margin-right:0px;}
.indexone22 li a{background:#222; text-decoration:none}
.indexone22 li:hover h1{ color:#fff;border-bottom:1px solid #fff;}
.indexone22 li:hover h2{ color:#fff;}
.indexone22 li:hover dd{ color:#fff;}
.indexone22 li:hover{ background-color:#333;}

.indexone33{width:1270px;overflow:hidden;  margin-top:80px; padding-bottom:70px;}
.indexone33 li{float:left; background:#fff;width:23%;height:auto;margin-right:10px;margin-left:10px;margin-top:-10px;margin-bottom:50px;overflow:hidden}
.indexone33 li dl{width:100%; height:auto; margin-top:10px; overflow:hidden;}
.indexone33 li img{ -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s; }
.indexone33 li:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); }
.indexone33 li .box{width:260px;background:#fff;height:auto;padding-left:10px; }
.indexone33 li .box h1{width:260px;float:left;font-weight:400; font-size:18px;line-height:30px;margin-top:10px;color:#222;  }
.indexone33 li .box h2{width:260px;float:left;font-weight:300; font-size:20px;line-height:60px;color:#222;  overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.indexone33 li .box dd{width:260px;float:left;line-height:25px; font-size:14px; color:#999; margin-top:10px;margin-bottom:50px;}
.indexone33 li:nth-of-type(5n+0){margin-right:0px;}
.indexone33 li:first-child+li+li+li+li{margin-right:0px;}
.indexone33 li a{background:#222; text-decoration:none}
.indexone33 li:hover h1{ color:#fff;border-bottom:1px solid #fff;}
.indexone33 li:hover h2{ color:#fff;}
.indexone33 li:hover dd{ color:#fff;}
.indexone33 li:hover{ background-color:#333;}

.Join{
	margin-top:35px;
	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:25%; 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:30px; line-height:30px; margin:0 auto; font-size:19px; font-weight:500; text-align:center; }
.Join li span{ display:block; width:86%; height:auto; margin:0 auto; line-height:30px; font-size:14px; color:#999; text-align:center; margin-top:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;/*显示几行*/-webkit-box-orient: vertical;}

/*linyi*/
.linyi{ width:100%; height:auto; overflow:hidden; margin-top:30px;margin-bottom:30px;}
.linyi li{ float:left; width:15%; height:auto; margin-right:2%;margin-bottom:20px;}
.linyi li .img{ width:100%; height:auto; overflow:hidden; position:relative; }
.linyi li .img p{ position:absolute; left:0; top:300px; width:100%; height:100%; background:rgba(0,0,0,0.4); transition: 0.5s all ease}
.linyi li:hover p{top:0; }
.linyi li .img img{width:100%; height:100%; max-width:100%;}
.linyi li h3{ text-align:center; line-height:50px; font-size:14px; font-weight:400; color:#333333; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.linyi li:nth-of-type(6n+0){margin-right:0px;}
.linyi li a{ display:block}
/*新闻*/
.ul_news{ height:auto; padding:12px; overflow:hidden; margin-top:20px;}
.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;}

/***********新闻资讯***********/
.newsbj{width:100%; height:auto;}
.newsbj_left{float:left;width:1100px; height:auto;margin-right:30px;}
.newsbj_right{float:right; width:540px;height:auto;}
.index_news{width:1100px; height:auto; margin:0 auto; overflow:hidden; margin-top:20px;margin-bottom:60px;}
.index_news .in_left{ float:left; width:520px; height:403px; position:relative}
.index_news .in_left img{display:block; width:100%; height:100%; max-width:100%;}
.index_news .in_left .itext_box {position: absolute; left:0; bottom:0; width: 100%; background-color:#000000; opacity: 0.5;}
.index_news .in_left .itext_box .pdpd{ padding:25px}
.index_news .in_left .itext_box .pdpd .time {font-size: 14px; color: #fff; opacity: 0.8; line-height: 1; margin-bottom: 10px;}
.index_news .in_left .itext_box .pdpd .t {font-size: 20px;color: #fff;margin-bottom: 15px;line-height:1; opacity: 1;}
.index_news .in_left .itext_box .pdpd .info {font-size: 15px;color: #fff;line-height: 21px;}

.index_news .in_right{ float:right; width:520px; height:auto; overflow:hidden;}
.index_news .rightNews{ height:auto}
.index_news .rightNews li{ width:100%; height:32px; background:#fff; margin-bottom:12px; cursor:pointer;}
.index_news .rightNews li:hover{ color:#c20707}
.index_news .rightNews li a { display:block }

.index_news .rightNews li .pd{padding:15px}
.index_news .rightNews li .pd .time_box{float:right; width:25%; height:auto; position:relative; padding-right:3%; text-align:right;}
.index_news .rightNews li .pd .time_box:after{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#fff;}
.index_news .rightNews li .pd .time_box .y{font-size:17px; line-height:1;margin-bottom:12px;}
.index_news .rightNews li .pd .time_box .date{font-size:26px; line-height:1;}

.index_news .rightNews li .pd .news_box{float:left; width:65%; margin-right:3%; height:auto}
.index_news .rightNews li .pd .news_box .t{font-size:17px; line-height:1; margin-bottom:10px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.index_news .rightNews li .pd .news_box .d{font-size:12px; line-height:20px; height:40px; overflow:hidden;}
.index_news .rightNews li:hover a{ color:#c20707!important}
/***********新闻资讯_end***********/
.db_news { width:540px; height:auto; overflow:hidden}
.db_news li {float: right; width:100%; height:auto; margin-top:20px; overflow:hidden}
.db_news li a {display: block; background-color: #ededed; padding: 20px; -webkit-transition: all 0.5s; transition: all 0.5s; overflow: hidden; position: relative;}
.db_news li a:after {position: absolute; left: 0; top: 0; content: ""; width: 85px; height: 0; border-bottom: 125px solid #c20707; border-right: 78px solid transparent; -webkit-transition: all 0.5s; transition: all 0.5s;}
.db_news li .date {float: left; width: 90px; position: relative; z-index: 1; line-height: 1; padding: 5px 0; color: #fff; text-align:left;}
.db_news li .date small {display: block;font-size: 16px;}
.db_news li .date strong {display: block;font-size: 30px;margin-top: 10px;}
.db_news li .text { float:right; width:70%; height:auto;}
.db_news li .text h4 {font-weight: normal; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.db_news li .text p { margin-top:10px; color: #666; -webkit-transition: all 0.5s; transition: all 0.5s; line-height: 1.8; height:50px; overflow: hidden;}
.db_news li a:hover {background-color:#c20707; color:#fff;}
.db_news li a:hover:after {border-bottom-color: #a7abb0;}
.db_news li a:hover .text p {color: #fff;}
.db_news li:nth-of-type(2n+0){margin-right:0px;}
/*小幻灯片*/
.index_hdp{width:100%; height:100%; position:absolute; left:23px; top:0; overflow:hidden; z-index:2}
.index_hdp .hd{ position:absolute; width:100%; height:60px; bottom:30px; left:0; z-index:1; text-align:center}
.index_hdp .hd img{ width:60px; height:60px;  }
.index_hdp .prev{cursor:pointer}
.index_hdp .next{cursor:pointer}

.index_hdp .bd{width:100%; height:auto; z-index:0; overflow:hidden}
.index_hdp .bd li img{display:block; width:100%; height:100%; -webkit-transition: all 1.8s; -o-transition: all 1.8s; -moz-transition: all 1.8s; transition: all 1.8s}
.index_hdp .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.index_hdp .bd li a:hover img{ -webkit-transform: rotate(3deg) scale(1.2); -moz-transform: rotate(3deg) scale(1.2); -ms-transform: rotate(3deg) scale(1.2); -o-transform: rotate(3deg) scale(1.2); transform: rotate(3deg) scale(1.2); }

/*相关图片,图片详情下面*/
.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:100%; 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; bottom:0; color:#FFF; width:100%; height:50px; line-height:50px; background:rgba(0,0,0,0.4); 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{bottom:43%; background:none;}
.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; position: relative; margin-right:10px; border:1px solid #EBEBEB; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.pro_tj li img{display:block; width:100%; height:auto}
.pro_tj 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 li:hover h2{ background-color:#000}
.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: "/";}

/*产品框*/
.box_product{
	padding:12px;
	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.5%; 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*/
}

/* 移动端底部专用 */
.foot_height{height:0.5rem;}
.footer{width:100%; height:0.6rem; overflow:hidden; position:fixed; bottom:0; right:0; z-index:999; background-color:#c20707; 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:#1140ba; 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 */