@charset "utf-8";
@media screen and (max-width: 1024px) and (min-width: 0px) {
html, body {
margin:0 auto;
}
html {
font-size:62.5%
}
.pc {
display:none;
}
.wap {
display:block;
}
span {
display:block;
margin: 0;
 padding: 0;
}
.wrap {
max-width:96%;
margin:0 auto;
}
img {
display:block;
}
a {
cursor:pointer;
}
em, i, p {
line-height:100%;
}
.h30 {
height:10px !important;
}
.h50 {
height:10px !important;
}
.h80 {
height:10px !important;
}
.h90 {
height:20px !important;
}
.fr {
float:inherit;
}
/*顶部导航*/
.m_img {
display:block;
height:44px;
background:#fff;
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:9999;
border-bottom:1px solid #ddd;
overflow: hidden;
}
 .m_img .headlf {
padding-top:2px;
padding-left:5px;
float: left;
}
 .m_img .headlf .m_logo {
height:40px;
display: block
}
 .m_img .headrg {
padding-right:5%;
padding-top:14px;
float: right;
}
 .m_img .headrg a .m_menuimg {
height:16px;
vertical-align:top;
display: block
}
 .m_nav {
display:block;
position:fixed;
top:0px;
left:0px;
width:0px;
height:0px;
overflow:hidden;
z-index:10000
}
 .m_nav .closecover {
position:absolute;
width:100%;
height:100%;
background:#0b0d19;
filter:alpha(opacity=0);
opacity:0;
left:0px;
top:0px;
z-index:1
}
 .m_nav .closeicon {
position:absolute;
width:20%;
left:30px;
top:5%;
z-index:100;
text-align:center;
filter:alpha(opacity=0);
opacity:0
}
.m_navList {
position:absolute;
width:80%;
right:0px;
top:0px;
background:#0b0d19;
height:100%;
z-index:100;
right:-80%;
overflow-y: scroll;
}
.m_navList ul {
padding-left:5%;
padding-right:5%
}
.m_navList ul li {
border-bottom:1px solid #232530
}
.m_navList ul li a {
display:block;
height:45px;
color:#fff;
line-height:45px;
padding-left:5%;
font-size:16px
}
.m_navList ul li .m_f_a {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%
}
.m_navList ul li .m_f_a a {
flex: 1;
}
.m_navList ul li .m_f_a i {
width: 40px;
height:35px;
box-sizing: border-box;
padding:0 5px;
display: block;
}
 .icon {
background:url(../images/plus.png) 100% no-repeat;
background-position: 50% 50%;
-webkit-transition:all 0s;
-moz-transition:all 0s;
transition:all 0s
}
 .icon_on {
background:url(../images/reduce.jpg) 50% no-repeat!important;
background-position: 50% 50%;
-webkit-transition:all 0s;
-moz-transition:all 0s;
transition:all 0s
}
.m_navList ul li .m_s_nav {
display:none;
width: 100%;
}
.m_navList ul li .m_s_nav a {
display: block;
height:40px;
line-height:40px;
font-size:14px;
padding-left:10%;
overflow: hidden;
white-space: nowrap;
width: 90%;
text-overflow: ellipsis;
}


/*=========================== Ititle ===========================*/
.Ititle {
 margin:20px 0;
}
.Ititle_box {
 width:100%;
 margin:0 auto;
 padding-bottom:10px;
}
.Ititle_box h3 {
 font-size:20px;
}
.Ititle_box h4 {
 font-size:20px;
}
.Ititle_box:before {
 width:20%;
 left:40%;
}
/*=========================== title ===========================*/
.title {
 width:100%;
 margin:0px auto;
padding: 20px;
}
.title h2 {
 font-size:20px;
}

/*=========================== banner ===========================*/
.Ibanner {
 width:100%;
 overflow:hidden;
 position: inherit;
}


/*=========================== search_box ===========================*/
.search_box {
 width:100%;
 overflow:hidden;
 margin-top:10px;
}
.form_left {
width:80%;
float:left;
}
.form_right {
width:20%;
float:right;
}
 .abouts {
 width:100%;
 overflow:hidden;
 margin:10px auto;
}
.abouts h4 {
 font-size:30px;
 color:#e4011f;
 position:relative;
}
.abouts h4 strong {
 display:inline-block;
 font-size:20px;
 line-height:20px;
 position:relative;
 top:-15px;
}
.abouts span {
 color:#807D7D;
 display:inline-block;
 font-size:14px;
}

/*=========================== Iproduct ===========================*/
.Iproduct {
 background: #ebf2fc;
}
.Iproduct_class a {
 width:49%;
 margin:5px 0px;
float:left;
}
.Iproduct_class a:nth-child(2n) {
 width:49%;
 margin:5px 0px;
float:right;
}
 .Iproduct_content {
 margin:10px auto;
}
 .Iproduct_content li {
 width:49%;
 float:left;
 margin:0px 0px 10px 0px;
}
.Iproduct_content li i {
 width:100%;
 height:auto;
}
.Iproduct_content li i img {
 width:100%;
 height:auto;
}
.Iproduct_content li p {
 height:40px;
 background:#fff;
 line-height:40px;
 padding:0 5px;
}
.Iproduct_content li:nth-child(2n) {
 float:right;
}


/*=========================== Inews ===========================*/
.ISolve {
background: #fff;
height: auto;
}
.solveMenu {
 width: 100%;
 height: auto;
 float: inherit;
}
.solveMenu a {
 display: block;
 padding:0;
 position: relative;
 color: #3d3d3d;
width:23%;
float:left;
text-align:center;
 display: inline-block;
 height: 36px;
 line-height: 36px;
 text-align: center;
 background: #303943;
 color: #fff;
 margin: 5px 1%;
}
.solveMenu a h4 {
 font-size: 14px;
 font-weight:500;
line-height: 36px;
}
 .solveMenu a.active {
 background: #e4011f;
}
 .solveMenu a .line::before {
 display: block;
 content: '';
 width: 0;
 height: 0px;
 background: #FFF;
 transition: .4s;
}
 .solveContent {
 width:100%;
 float: inherit;
}
.solveList li {
 width: 49%;
 float: left;
background:#ebf2fc;
margin: 5px 0;
}
.solveList li:nth-child(2n) {
 width: 49%;
 float: right;
}
.solveList li a {
 display: block;
 padding: 5px;
 position: relative;
}
 .solveList li a .icon {
 display:none
}
.solveCase {
 height: auto;
 border-top: 1px dashed #cdd7ea;
 margin: 10px 0;
}
.solveCase ul li {
 float: left;
 width: 49%;
 height: auto;
 padding: 0px;
margin-top:10px;
}
.solveCase li:nth-child(2n) {
 width: 49%;
 float: right;
}
.solveCase ul li a {
 display: block;
 width:100%;
 height: inherit;
 position: relative;
 margin: 0 auto;
}
.solveCase ul li a img {
 position: inherit;
 width: 100%;
 height: inherit;
 top: 0;
 left: 0;
 transition: .4s;
}
.solveCase li:nth-child(5) {
 display: none;
}
 .solveMoreBtn {
 text-align: center;
 margin: 0 auto;
margin-top:20px;
margin-bottom:20px;
}
/*=========================== Inews ===========================*/
.Inews {
 width:100%;
 margin:10px 0;
}
.Inews_box {
 width:100%;
 float: inherit;
 margin-right:0px;
}
.Inews_box .title1 {
 height:30px;
 border-bottom:solid 1px #e5e5e5;
 line-height:30px;
}
.Inews_box .title1 h2 {
 font-size:20px;
}
.Inews_box .title1 span {
 display:none;
}
 .Inews_box:nth-child(2), .Inews_box:nth-child(3) {
 display:none
}
.Inews_box .cons li a span {
 display:none;
}


/*=========================== Icustomer ===========================*/
.Icustomer {
 width:100%;
 margin:10px auto;
}
.Icustomer .title2 {
 height:30px;
 border-bottom:solid 1px #e5e5e5;
 line-height:30px;
}
.Icustomer .title2 h2 {
 font-size:20px;
}
.Icustomer .title2 span {
display:none;
}
.Icustomer_cons {
 width:100%;
 margin:10px 0;
 overflow:hidden;
 border-left:1px solid #eee;
 border-top:1px solid #eee;
}
.Icustomer_cons li {
 float:left;
 width:33%;
 height: auto;
 border-right:1px solid #eee;
 border-bottom:1px solid #eee;
}
.Icustomer_cons li img {
 padding-top:0px;
 height: auto;
width:100%;
}
 .Icustomer_cons li:nth-child(13), .Icustomer_cons li:nth-child(14) {
display:none;
}
 .copybox {
 background: #2b2e33;
 overflow: hidden;
}
 .copyright {
 width: 100%;
 overflow: hidden;
margin-bottom:50px;
}
 .copyright span {
display:none;
}


/*=========================== 分类 ===========================*/

.bnews_left {
width:100%;
}
.case_nav {
 width:100%;
 height:40px;
 background: #FFF;
 border-bottom:solid 0px #e7e7e7;
}
.case_navs {
 width:100%;
 line-height:40px;
 margin:0 auto;
}
.case_navs a {
 margin:10px 0px 0px 0px;
 display: inline-block;
 width:49%;
 height: 40px;
 line-height: 40px;
 text-align: center;
 background: #303943;
 color: #fff;
}
.case_navs a.on, .case_navs a:hover {
 background: #e4011f !important;
color:#FFF;
border-bottom: solid 0px #e4011f;
}
.case_navs a:nth-child(2n) {
 width:49%;
 margin:10px 0px 0px 0px;
float:right;
}

/*=========================== 产品 ===========================*/
.case {
 width:100%;
 overflow:hidden;
 margin:10px auto;
}
.case li {
 width:49%;
 float:left;
 margin:5px 0px 5px 0px;
}
.case li:nth-child(2n) {
 width:49%;
 float:right;
 margin:5px 0px 5px 0px;
}
.case li i {
 height: auto;
 display:block;
 text-align:center;
 overflow:hidden;
}
.case li i img {
 width:100%;
}
.case li p {
 font-size:14px;
 color:#666;
 text-align:center;
 line-height:30px;
overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
font-weight:normal;
}
.case li.liA {
 margin-right:inherit;
}



/*=========================== 新闻列表 ===========================*/


.news_left {
 width:100%;
 float: inherit;
}
.news_left dl {
 padding:5px 0;
border-bottom:dashed 0px #dcdcdc;
}
.news_left dt {
 width:100%;
 height: auto;
}
.news_left dt img {
 width:100%;
 height:auto;
}
.news_left dd {
 width:100%;
 float: inherit;
border-bottom:dashed 1px #dcdcdc;
clear:both;
}
.news_left dd h2 {
 font-size:14px;
 padding-bottom:2px;
line-height:40px;
height:40px;
}
 .news_left dd p {
display:none
}
.news_left dd span {
display:none
}
 .page_fanye {
 padding: 10px 0 10px;
border-bottom:1px solid #CCC;
}
.body_right {
 width:100%;
 float: inherit;
margin-top:10px;
}
.mtp {
 display:none
}
.fuwuxm {
 display:none
}
 .news_info {
 width:100%;
 overflow:hidden;
 float:left;
 border:solid 1px #e6e6e6;
 position:relative;
}
.info_title {
 padding:10px 0;
 text-align:center;
 border-bottom:solid 1px #e6e6e6;
}
.info_title h1 {
 font-size:20px;
 font-weight:400;
 color:#333;
}
.info_laiyuan {
 line-height:35px;
 border-bottom:1px solid #e6e6e6;
 color:#888;
 font-size:12px;
 text-align:center;
}
.info_text {
 padding:30px;
 line-height:1.8;
}
.info_text img {
 max-width:100%;
 padding:10px 0;
}
.info_text a {
 color:#e4011f;
}
.info_text a:hover {
 text-decoration: underline;
}
.info_text, .info_text p {
padding: 5px;
 line-height: 30px;
}
.yscs {
 overflow: hidden;
 margin-bottom: 20px;
margin-top:10px;
}
.fanyeA {
overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}
.fanye_bt {
 display:none;
}
 .fanye {
 width: 100%;
 overflow: hidden;
 margin: 10px;
}

/*=========================== 联系我们 ===========================*/
.contact_boder {
border:#e7e7e7 solid 0px;
}
.contact_sty {
 width: 100%;
 margin: 10px auto;
float: inherit;
margin:0px;
}
.contact_sty ul h4 {
 font-size: 20px;
 margin: 10px 0 10px 0;
}
.contact_sty ul h4 span {
 font-size: 14px;
}
.contact_sty ul li {
 font-size: 14px;
 margin: 20px 0;
}
.contact_sty ul li::after {
 margin-right: 10px;
}
 .contact_right {
width:100%;
float: inherit
}
.contact_right_map {
width:100%;
height:200px;
}

/*底部导航*/
.foot_navList ul {
}
.foot_navList ul li {
border-bottom:1px solid #4c5058
}
.foot_navList ul li a {
display:block;
height:40px;
color:#adb4c0;
line-height:40px;
padding-left:5%;
font-size:14px
}
.foot_navList ul li .m_f_a {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%
}
.foot_navList ul li .m_f_a a {
flex: 1;
}
.foot_navList ul li .m_f_a i {
width: 40px;
height:35px;
box-sizing: border-box;
padding:0 5px;
display: block;
}
.foot_navList ul li .m_s_nav {
display:none;
width: 100%;
}
.foot_navList ul li .m_s_nav a {
display: block;
height:40px;
line-height:40px;
font-size:14px;
padding-left:10%;
overflow: hidden;
white-space: nowrap;
width: 90%;
text-overflow: ellipsis;
}
 .icon1 {
background:url(../images/fplus.png) 100% no-repeat;
background-position: 50% 50%;
-webkit-transition:all 0s;
-moz-transition:all 0s;
transition:all 0s
}
.icon_on1 {
background:url(../images/freduce.jpg) 50% no-repeat!important;
background-position: 50% 50%;
-webkit-transition:all 0s;
-moz-transition:all 0s;
transition:all 0s
}
 .go_top {
 display: none;
 background: url(../images/top.png) center center/50% no-repeat;
 width: 32px;
 height: 32px;
 cursor: pointer;
 text-align: center;
 background-color: #e4011f;
 border-radius: 50%;
 position: fixed;
 right: 5px;
 bottom: 200px;
 z-index: 99999999999;
}
}