@charset "utf-8";
.h70{display: none;}
/*960-1199*/
@media screen and (min-width: 960px) and (max-width: 1199px) {
.wrap{width: 100%;padding: 0 2%;}

}

/*768-959*/
@media screen and (min-width: 768px) and (max-width: 959px) {
.wrap{width: 100%;padding: 0 2%;}

}


/*480-767*/
@media only screen and (min-width: 480px) and (max-width: 767px){
.wrap{width: 100%;padding: 0 2%;}
}

/*479*/
@media only screen and (max-width: 479px) {
body{min-width: 100%;}
.wrap {
    width: 100%;
    padding: 0 2%;
}

.toper {
    display: none;
}

.htel {
    display: none;
}

.header {
    display: none;
    min-width: 100%;
    position: relative;
    height: 68px;
    z-index: 3;
    padding: 0;
}



.search {
    display: none;
}

.nav a.gonav {
    display: inline-block;
    float: right;
    width: 68px;
    height: 68px;
    position: absolute;
    top: -68px;
    right: 0px;
}

.nav a.gonav i {
    width: 68px;
    height: 68px;
    display: inline-block;
    float: right;
    background: url(../images/gonav.png) no-repeat center center / 50% 50%;
}



.nav {
    position: absolute;
    left: 0;
    top: 68px;
    padding-top: 0px;
    height: auto;
    z-index: 999;
    background: #000;
    margin: 0;
}

.nav .wrap {
    padding: 0;
}

.nav ul {
    display: none;
    background: #2878FC;
}

.nav ul li {
    width: 100%;
    margin: 0;
    border: 0 none;
    border-bottom: 1px solid #A8A8A8;
    height: auto;
    line-height: 40px;
}

.nav ul li h3 {
    width: 100%;
    float: left;
}

.nav ul li h3 a {
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    width: 100%;
    float: left;
    color: #ffffff;
}

.nav {
    width: 100%;
}

.nav dl {
    display: none;
}

.nav ul li dl {
    position: relative;
    padding-top: 0;
    top: 0;
}

.nav ul li dl dd a {
    color: #ffffff;
    font-size: 14px;
}

.nav .list {
    width: 100%;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
    bottom: 10px;
}

.h2tit {
    margin-top: 20px;
    margin-bottom: 20px;
}

.h2tit h2 {
    margin-bottom: 0;
    font-size: 22px;
}

.h2tit i {
    margin: 2% 0;
}

.h2tit span {
    font-size: 20px;
    line-height: 1.4;
    height: auto;

}

.w300 {
    width: 100%;
}

.typename {
    height: 60px;
    line-height: 60px;
    font-size: 20px;
}

.sidebar ul {
    padding: 0 2%;
}

.sidebar ul li {
    width: 100%;
}

.sidebar ul li a {
    padding: 10px 0;
}

.w1040 {
    width: 100%;
}

.iproqhq {
    padding: 2% 0;
}

.iproqh .swiper-slide .picbox {
    width: 100%;
    padding-bottom: 100%;
}

.iproqh .swiper-slide .info {
    width: 100%;
    padding-left: 0;
}

.iproqhq .swiper-button-next {
    width: 24px;
    height: 50px;
    overflow: hidden;
    margin-top: -25px;
    line-height: 99px;
    background: url(../images/rightlb.png) no-repeat center center/ 100% 100%;
}

.iproqhq .swiper-button-prev {
    width: 24px;
    height: 50px;
    overflow: hidden;
    margin-top: -25px;
    line-height: 99px;
    background: url(../images/leftlb.png) no-repeat center center/ 100% 100%;
}

.iproqhq .swiper-button-next {
    right: 20px;
}

.iproqhq .swiper-button-prev {
    left: 20px;
}

.iproqh .swiper-slide .info p {
    margin-top: 2%;
    margin-bottom: 2%;
}

.iprolist ul li {
    width: 49%;
    margin-bottom: 2%;
}

.iprolist ul li:nth-child(3n) {
    margin-right: 2%;
}

.iprolist ul li:nth-child(2n) {
    margin-right: 0%;
}

.iprolist ul li h3 {
    margin: 10px 0;
    height: 44px;
}

.ihotpro {
    margin-top: 4%;
}

.ihotproqhq {
    padding: 0 60px;
}

.cente {
    margin: 4% 0;
}

.company {
    flex-direction: column;
    margin-bottom: 4%;
}

.company .info {
    width: 100%;
    padding: 3%;
}

.company .picbox {
    width: 100%;
}

.w840 {
    width: 100%;
}

.newlist {
    margin-bottom: 5%;
}

.newstt {
    width: 100%;
}

.newlist .w476 {
    width: 100%;
}

.w500 {
    width: 100%;
}

.ftnav {
    flex-wrap: wrap;
    padding: 10px 0;
}

.ftnav a {
    width: 25%;
}











.footer {
    padding-top: 6%;
}

.ftcontact p {
    margin-bottom: 2%;
    height: auto;
}

.ftcontact {
    width: 100%;
    margin-top: 4%;
}

.ftewm {
    width: 100%;
    margin-top: 4%;
    margin-bottom: 4%;
}

.ftcontact b {
    font-size: 18px;
}



/*  */
body{margin:50px 0 !important;}

.mobile_header{display:block;height:50px;line-height:50px;background: #fff;position: fixed;width:100%;top:0;left:0;z-index:999;}
.mobile_header a.logo{display:inline-block;padding:8px 10px 0;}
.mobile_header img{height:30px;display:inline-block;margin-top:0px;margin-bottom:0;}

.btn_i {
    display: block;
    position: absolute;
    right: 15px;
    top: 26px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
 .btn_i small,  .btn_i:before,  .btn_i:after {
    display: block;
    content: '';
    width: 24px;
    height: 2px;
    background: #2878FC;
    border-radius: 4px;
    margin: 6px 0;
}
.mobile_header .btn_i_click:before {
    transform: rotateZ(45deg);
    transform-origin: 0px 5px;
}
.mobile_header .btn_i_click:after {
    transform: rotateZ(-45deg);
    transform-origin: 4px -1px;
}
.mobile_header .btn_i_click small {
    opacity: 0;
}
.m_nav{background:#fff;display:none;clear:both;}
.m_nav li{margin:0 10px;border-bottom: 1px solid #eaedef;}
.m_nav li .m_pnav a{display:block;font-size:16px;color:#333;padding:0 10px;line-height:50px;}
.m_nav li .m_pnav a i {
    width: 11px;
    height: 6px;
    float: right;
    display: inline-block;
    margin-top: 22px;
    background: url(../images/navdown.png) no-repeat center center / 100% auto;
}
.m_nav li .m_pnav a i.up {
    background: url(../images/navup.png) no-repeat center center / 100% auto;
}
.m_nav li.on .m_pnav a{color:#2878FC;}
.m_snav{background: #f7f7f7;display:none;}
.m_snav dl{margin-bottom:0;}
.m_snav dl dd{margin:0 10px;border-bottom: 1px solid #eaedef;padding:0;}
.m_snav dl dd:last-of-type{border:0;}
.m_snav dl dd a{display:block;font-size:14px;color:#666;padding:0 10px;line-height:40px;}
.yb_conct{display:none;}

/* 工具栏 */
#toolbar {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 888;
    height: 50px;
    left: 0;
    background:#2878FC;
}
#toolbar .list {
    width: 100%;
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
    background: #2878FC;
}
#toolbar .list li {
    float: left;
    width: 25%;
    text-align: center;
}
#toolbar .list a {
    display: block;
    height: 50px;
    line-height: 14px;
    font-size: 14px;
    padding-top: 0px;
}
#toolbar .list a span {
    text-align: center;
    color: #fff;
    display: block;
    font-size: 14px;
}
#toolbar .list a s {
    margin-left: auto;
    margin-right: auto;
    width: 21px;
    height: 20px;
    display: block;
    margin-bottom: 6px;
    margin-top:6px;
    background-position: -45px -12px;
}
#toolbar .list li:nth-child(2) s {
background-position: 0px -12px;
}
#toolbar .list li:nth-child(3) s {
background-position: -21px -12px;
}
#toolbar .list li:nth-child(4) s {
background-position: -71px -12px;
width:18px;
height:18px;
}
/*#toolbar .list li:hover {
    background: #fbdd16;
}*/

.icon {
    background: url(../images/icon.png) no-repeat;
    display: inline-block;
    background-size: 144px auto;
    vertical-align: middle;
}

/*微信弹窗*/
#wxnr {
    width: 100%;
    height: 100%;
    max-width: 640px;
    min-width: 320px;
    position: fixed;
    top: 0;
    z-index: 1000;
    display: none;
    background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
    margin: auto;
    position: absolute;
    top:calc(50% - 135px);
    left: 0;
    right: 0;
    width: 250px;
    height: 270px;
    padding: 20px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 2px 6px #777;
    -webkit-box-shadow: 0px 2px 6px #777;
    -moz-box-shadow: 0px 2px 6px #777;
    border-radius: 10px;
}
#wxnr img {
    width: 170px;
    height: 170px;
    display: block;
    margin: 34px auto 0;
}
#wxnr p {
    font-size: 14px;
    line-height: 27px;
    text-align: center;
    margin-top: 10px;
}
#wxnr i {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-style: normal;
    background: #333;
    border-radius: 60px;
    cursor: pointer;
}
#wxnr span {
    display: inline-block;
    padding: 2px 6px;
    line-height: 20px;
    background-color: #127a44;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}
#wxnr span.wx {
    padding-left: 24px;
    background-image: url(../images/wx.png);
    background-size: 14px;
    background-position: 6px center;
    background-repeat: no-repeat;
}


.search_m{float:unset;padding:0 10px 20px;height:auto;background:unset;width:100%;}

.search_div{width:100%;height:38px;overflow: hidden;margin-top:21px;position: relative;border-radius: 5px;}
.search_div .key{border:0;width:100%;line-height:38px;background:#f6f6f6;display:block;padding:0 10px;}
.search_div .key::-webkit-input-placeholder{color:#999;}
.btn{
  width:24px;height:24px;background:url(../images/search.png)no-repeat center;
  position: absolute;
  right: 10px;
  top: 5px;
  border: 0;
}


.ftnav,.ftcontact p:nth-of-type(1),.ftcontact p:nth-of-type(2),.ftewm{display:none;}

.footer{padding:0;text-align:center;}

.banner .swiper-slide img{/* height:200px;object-fit:cover; */}

.ipro .w300{display:none;}
.iproqhq{display:none;}
.iprolist{margin-top:20px;}
.iprolist ul li h3{height:30px;line-height:30px;font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.iprolist ul li i{display:none;}
.center a.more,.cente a.more{width:120px;height:40px;line-height:40px;font-size:14px;}

.ihotpro{margin-top:20px;}
.ihotproqhq{padding:0;margin-top:30px;}
.ihotproqhq .swiper-button-prev,.ihotproqhq .swiper-button-next{display:none;}
.ihotproqh .swiper-slide h3{height:40px;line-height:40px;font-size:14px;}

.company .info{padding:20px;}
.company .info h3{font-size:20px;margin-bottom:10px;}
.company .info p{font-size:14px;}

.newlist ul li span{font-size:12px;}
.newlist ul li a{font-size:14px;height:50px;line-height:50px;}
.newlist .w476{margin-top:20px;}


/*  */
.common_banner{height:auto;}
.common_banner img{height:200px;object-fit:cover;}

.p20{padding:10px 0;}
.p30{padding:15px 0;}
.p50{padding:25px 0;}

.main-zyrs{border-bottom: 1px solid #2878FC;height:40px;line-height:40px;}
.main-zyrs h2{display:none;}
.main-zyrs small{float:unset;text-indent:0;padding-left:20px;}
.ipro{padding:10px 0 30px;}
.product_list{margin-top:0;}

.cpxxqh{width:100%;}
.cpxxqh .smallImg{width:calc(100% - 62px);margin:0;}
.cpxxinfo{width:100%;}
.cpxxinfo p{margin-bottom:24px;font-size:14px;}
.cpbtn a{width:150px;}
/* .cpbtn .htel{display:block;clear:both;font-size:20px;margin-top:10px;} */
.cpxq{margin-top:30px;}
.cpxq .content{margin-bottom:20px;overflow-x:auto;}
.cpxq .content p{font-size:14px;}
.cpxq .content table{width:600px !important;}

.news_list>ul li{padding:15px 10px;}
.news_left{width:100%;}
.news_right{width:100%;margin-top:20px;}
.news_right p{margin-top:10px;}

.prev_next li a{height:30px;line-height:30px;}

.zilanmu{display:none;}
.case_list li{width:100%;}
.case_info{padding:20px 10px;}


.ab_about_img{padding:20px 0 0;}
.ab_video_tc .ab_video{width:calc(100% - 20px);height:auto;left:10px;}


.hon .pos_b h4{height:30px;line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;font-weight:normal;margin:10px 0 0 !important;}

.nav{border:0 !important;}

.conta .p50{padding:0 0 30px;}













}