@media (max-width: 1860px) {
    header .logo {

    }

    header .search {
        width: 5%
    }

    .index_1 .fr .box:hover .t2 {
        font-size: 18px
    }

    .index_1 .fr .box:hover .word {
        width: 80%;
        padding: 0 10%
    }
}
@media (max-width: 1500px){
    .wrap4{
        width: 90%;
    }
}
@media (max-width: 1300px) {
    header .pc-nav {
        margin-left: 5%
    }

    header .pc-nav ul li a {
        margin: 0 12px
    }

    .contact li .fl {
        width: 55%
    }

    .contact li .ditu {
        width: 45%
    }

    .contact li p {
        text-indent: 30px;
        width: 80%
    }

    .foot .foot-bot .fl {
        width: 100%;
        margin-bottom: 20px
    }

    .foot .foot-bot .fr {
        width: 100%;
        text-align: center
    }

    .foot .foot-bot .fr a {
        display: inline-block;
        float: none
    }
}
@media (max-width: 1280px) {
    header .menu,header .lan,header .hsearch{
        display: none;
    }
    header .wap {
        display: block;
        width: 60%;
        text-align: right;
        line-height: 60px;
    }
    header .wap > a img {
        height: 25px;
        width: auto;
    }
    header .wap > a {
        display: inline-block;
        margin-left: 12px;
    }
    #wap{ display:block; position:fixed; z-index:99; left:0; top:60px; width:100%;}
    #wap>.search{ display:none; background:rgba(3,176,83,.8);padding:20px;}
    #wap>.search form{ border:1px solid #ddd; border-radius:5px; width:99.8%; height:40px; background:#fff;}
    #wap>.search input[type="text"]{outline: medium;float:left;height:40px;line-height:40px;width:78%; padding:0 5%;border:none; font-family:微软雅黑; background:none;color:#777;box-sizing:border-box;overflow:hidden;}
    #wap>.search input::-webkit-input-placeholder, #head .menu ul>li>div #search textarea::-webkit-input-placeholder { color:#ccc;}
    #wap>.search button{float:right;width:12%;height:40px;border:none; opacity:.8;background:url(../images/go.png) no-repeat center center;background-size:auto 18px;cursor:pointer;box-sizing:border-box;overflow:hidden;}

    #wap>.language{ display:none; width:100px; float:right; background:#eee;}
    #wap>.language>a{display:block;
        text-align: center;padding:8px 0; font-size:14px; color:#4d4d4d; border-bottom:1px solid #ddd;}

    #wap>.menu{ display:block; position:fixed; left:-100%;top:60px;width: 100%; background:#fff;border-top: 1px solid #e5e5e5;
    }
    #wap>.menu>ul{ width:90%; margin:0 auto; padding:0px 0 10px;
}
    #wap>.menu>ul>li{display:block; width:100%; text-align:left;}
    #wap>.menu>ul>li>a{ display:block; width:100%;
        line-height: 46px;
        height: 46px; font-size:16px; color:#03b053; margin:0px auto; text-align:left; border-bottom:1px solid rgba(0,0,0,.2); background:url("../images/icon-plus_4.png") no-repeat; background-position:98% 50%; background-size:20px auto;}
    #wap>.menu>ul>li.A>a{ color:#03b053 !important; background:url("../images/icon-minus_4.png") no-repeat; background-position:98% 50%; background-size:26px auto;}
    #wap>.menu>ul>li>div{ display:none; padding:10px 0px; width:100%; margin:0px auto;}
    #wap>.menu>ul>li>div a{display:block;padding:5px 0;font-size:16px; color:#999;}
    #wap > .menu > ul > li > a.nobg{
        background: none;
    }
    .columnlink {
        padding: 50px 0;
    }
    .prosearch .con,.inews{
        padding:50px 0;
    }
    .inews .con{
        margin-top: 50px;
    }
    .inews .con img{
        margin-bottom: 50px;
    }
    .inews .con img,.inews .con .nlist{
        width: 100%;
    }
    .inews .con .nlist li{
        width: 100%;
    }
    .ipro .ipropc{
        margin-top: 11px;
    }
    .ipro .ipropc .swiper-slide .con{
        height: auto;
    }
    .ipro{
        padding-bottom: 22px;
    }
    .ipro .opus-prev,.ipro .opus-next{
        top: 250px;
    }
}
@media (max-width: 1266px) {
    .index_4 .mpic {
        width: 60%;
        height: auto
    }

    .index_4 .mpic img {
        max-width: 100%
    }

    .index_4 .con1 {
        background: #e42126
    }

    .index_4 .fltit {
        display: none
    }

    .index_4 .newsbox {
        width: 60%;
        height: 404px;
        background-size: cover;
        background-position: top center
    }

    .index_4 .rbox {
        width: 34%;
        height: auto;
        padding: 45px 3% 0
    }

    .index_4 .box2 {
        width: 34%;
        padding: 0 3%;
        height: 404px;
        background-size: cover
    }

    .index_4 .newsbox .more .mbtn {
        left: 5%
    }
}

@media (max-width: 1230px) {
    .index_6 .fl, .index_6 .fr {
        width: 33.33%
    }

    .index_6 .fr {
        margin-left: 0
    }
}

@media (max-width: 1200px) {
    .foot .foot-top .fnav{
        width: 100%;
        float: none;
    }
    .foot .foot-top .fnav > li.fir > a{
        padding-left: 24.5px;
    }
    .foot .foot-top .fnav .child{
        padding-left: 0;
    }
    .index_2 .box dl, .index_2 .con, .more2 {
        display: none
    }

    .foot .foot-top .fnav a {
        padding: 0 30px
    }

    .index_2 .box {
        width: 100%;
        height: auto;
        border: 0;
        padding: 0;
        background: 0
    }

    .index_2 .box .tit {
        font-size: 26px;
        text-align: center;
        line-height: 84px
    }

    .index_2 .box .tit em {
        margin: 0 auto;
        width: 34px;
        height: 2px
    }

    .index_2 .box h3 {
        font-size: 30px;
        color: #000;
        line-height: normal;
        text-align: center;
        margin-top: 20px
    }

    .index_2 .box form {
        width: 100%;
        margin-top: 20px
    }

    .index_2 .box form .text {
        width: 92%;
        padding-left: 0;
        text-indent: 15px
    }

    .index_2 .box form .button {
        width: 6%
    }

    .index_2 {
        height: auto
    }

    .index .index-mob-scroll .pagination, .index .mobile-scroll .pagination {
        text-align: center;
        margin-top: 20px
    }

    .index .mobile-scroll .swiper-pagination-bullet, .index .mobile-scroll .swiper-pagination-switch {
        float: inherit;
        display: inline-block !important;
        width: 8px !important;
        height: 8px !important;
        border-radius: 8px !important;
        background: #dcdcdc !important;
        margin: 3px 6.5px !important;
        opacity: .8 !important;
        border: 3px solid transparent !important;
        cursor: pointer !important;
        -webkit-transition: all .44s ease 0s !important;
        transition: all .44s ease 0s !important
    }

    .index .mobile-scroll .swiper-pagination-bullet-active, .index .mobile-scroll .swiper-visible-switch {
        background: #fff !important;
        width: 8px !important;
        height: 8px !important;
        margin: 3px 6.5px !important;
        border: 3px solid #e50012 !important
    }

    .index .index-mob-scroll .swiper-pagination-bullet, .index .index-mob-scroll .swiper-pagination-switch {
        float: inherit;
        display: inline-block !important;
        width: 8px !important;
        height: 8px !important;
        border-radius: 8px !important;
        background: #dcdcdc !important;
        margin: 3px 6.5px !important;
        opacity: .8 !important;
        border: 3px solid transparent !important;
        cursor: pointer !important;
        -webkit-transition: all .44s ease 0s !important;
        transition: all .44s ease 0s !important
    }

    .index .index-mob-scroll .swiper-pagination-bullet-active, .index .index-mob-scroll .swiper-visible-switch {
        background: #fff !important;
        width: 8px !important;
        height: 8px !important;
        margin: 3px 6.5px !important;
        border: 3px solid #e50012 !important
    }

    .index .mobile-scroll {
        display: block;
        overflow: hidden;
        margin-top: 30px
    }

    .index .mobile-scroll ul {
        width: 100%
    }

    .index .mobile-scroll ul li a {
        display: block;
        height: auto
    }

    .index .mobile-scroll ul li a .img {
        float: left;
        width: 100%;
        overflow: hidden
    }

    .index .mobile-scroll ul li a .img img {
        display: block;
        float: left;
        width: 100%;
        transition: all .5s ease;
        -webkit-transition: all .5s ease
    }

    .index_2 .box {
        margin-bottom: 0
    }

    .index_1 .fl {
        width: 100%;
        margin-top: 0;
        float: none;
        text-align: center
    }

    .index_1 {
        padding: 40px 0 0
    }

    .picshow .slick-list {
        padding-bottom: 0
    }

    .index_1 .fr {
        display: none
    }

    .index_1 .godsimg img {
        max-width: 100%
    }

    .index_1s {
        min-width: auto
    }

    .index .index-mob-scroll {
        display: block;
        overflow: hidden;
        margin-top: 30px
    }

    .index .index-mob-scroll ul {
        width: 100%
    }

    .index .index-mob-scroll ul li .godsimg {
        float: left;
        width: 100% !important;
        overflow: hidden
    }

    .index .index-mob-scroll ul li .godsimg img {
        display: block;
        float: left;
        width: 100%;
        transition: all .5s ease;
        -webkit-transition: all .5s ease
    }

    .index .index-mob-scroll ul li .godsimg .word {
        position: absolute;
        left: 0;
        top: 45%;
        bottom: 0;
        width: 95%;
        text-align: center;
        color: #FFF;
        padding: 0 2.5% 40px;
        transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -ms-transition: all .5s
    }

    .index .index-mob-scroll ul li .godsimg .word .t1, .index .index-mob-scroll ul li .godsimg .word .t2 {
        text-transform: uppercase;
        text-align: center;
        text-indent: 0;
        font-size: 26px
    }

    .index_1s .fl h3, .index_1s .fl h3 em {
        font-size: 26px !important
    }

    .index_3 .top {
        padding: 0 0 20px
    }

    .index_4 .tit {
        font-size: 26px;
        line-height: 100px
    }

    .index_4 .rbox h3 img, .index_4 .tit img {
        height: 26px
    }

    .index_4 .box p {
        font-size: 20px;
        padding-top: 58px
    }

    .index_4 .box p em {
        font-size: 16px;
        margin-top: 10px
    }

    #products .conLeft {
        display: none
    }

    #products .conRight {
        width: 100%
    }
    #ceo .ceo_con{
        width: 80%;
    }
    .jiaru .order img{
        display: none;
    }
    .jiaru form{
        width: 100%;
    }
    .jiaru form ul{
        width: 99%;
        margin: 0;
    }
}

@media (max-width: 1140px) {
    .m-navwrap, .m-navwrap li, .m-navwrap ul {
        width: 100%
    }

    .foot .foot-bot, .foot .foot-top .fnav, .index_3 .tit, .index_3 .top ul, .index_4 .rbox {
        text-align: center
    }
    .ipro .tit{
        font-size: 38px;
    }
    .ipro .ipropc{
        display: none;
    }
    .ipro .ipromob{
        display: block;
        overflow: hidden;
    }
    .ipro .ipromob .swiper-slide .con .img{
        width: 90%;
        margin:0 auto;
    }
    .ipro .ipromob .swiper-slide .con .img img{
        width: 100%;
    }
    .ipro .ipromob .swiper-slide .con .name{
        font-size: 16px;
        color: #999999;
        text-align: center;
        border-bottom: 2px solid #f1f1f1;
        width: 60%;
        padding-bottom: 3px;
        margin:45px auto 0;
    }
    .ipro .ipromob .swiper-slide .con{
        border: 1px solid #f1f1f1;
        position: relative;
        z-index:98;
        background: #fff;
    }
    .ipro .ipromob .pagination {
        text-align: center;
        margin-top: 20px
    }

    .ipro .ipromob .swiper-pagination-bullet, .ipro .ipromob .swiper-pagination-switch {
        float: inherit;
        display: inline-block !important;
        width: 8px !important;
        height: 8px !important;
        border-radius: 8px !important;
        background: #dcdcdc !important;
        margin: 3px 6.5px !important;
        opacity: .8 !important;
        border: 3px solid transparent !important;
        cursor: pointer !important;
        -webkit-transition: all .44s ease 0s !important;
        transition: all .44s ease 0s !important
    }



    .ipro .ipromob .swiper-pagination-bullet-active{
        background: #fff !important;
        width: 8px !important;
        height: 8px !important;
        margin: 3px 6.5px !important;
        border: 3px solid #03b053 !important
    }
    .ipro .ipromob .swiper-slide-active .con .more,.swiper-slide-duplicate-active .con .more{
        display: block;
        margin: 19px auto;
        width: 100px;
        height: 30px;
        line-height: 30px;
        background: #233160;
        color: #ffffff;
        border-radius: 20px;
        text-align: center;
        font-size: 12px;
        font-family: Arial;
    }
    header {
        height: 60px
    }

    header .pc-nav {
        display: none
    }

    header .m-nav {
        display: block
    }

    header .m-nav .nav-ico {
        display: block;
        position: absolute;
        right: 2.5%;
        top: 18px;
        cursor: pointer
    }

    header .search {
        display: none
    }

    header .language {
        margin-right: 100px;
        margin-top: 18px;
        display: none
    }

    header .logo {
        height: 35px;
        margin-top: 16px;
    }

    .m-navwrap {
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 9999;
        background: #fff;
        overflow: hidden;
        border-top: 1px solid #e5e5e5;
        -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 5px 5px 10px rgba(0, 0, 0, .2)
    }

    .m-navwrap .mlanguage {
        font-size: 15px;
        margin-right: 10px;
        transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -webkit-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        line-height: 46px
    }

    .m-navwrap .tit {
        display: block;
        width: 78%;
        padding: 0 17% 0 5%;
        height: 46px;
        line-height: 46px;
        font-size: 15px;
        color: #d43f3a;
        background: url(../images/arrow2.png) 92% center no-repeat #FFF;
        background-size: auto 22%;
        cursor: pointer;
        border-right: 1px solid #035cac
    }

    .m-navwrap .tit a {
        color: #d92129;
        display: block
    }

    .m-navwrap .tit a:hover {
        color: #000
    }

    .m-navwrap li {
        border-bottom: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5
    }

    .m-navwrap .sub-box {
        width: 100%;
        background-color: #c9302c;
        display: none
    }

    .m-navwrap .sub-box a {
        display: block;
        width: 78%;
        padding: 0 17.4% 0 5.9%;
        height: 34px;
        line-height: 34px;
        border-top: 1px solid #fff;
        color: #fff;
        font-size: 13px
    }

    .m-navwrap .sub-box a:hover {
        background-color: #d43f3a
    }

    .slick-slider {
        margin-top: 60px
    }

    .foot .foot-top .fnav {
        width: 100%;
        float: none
    }

    .foot .foot-top .fnav a {
        display: inline-block;
        margin-bottom: 10px;
        padding: 0;
    }

    .foot .foot-top .logo {
        float: none;
        margin: 0 auto;
        display: block
    }

    .foot .foot-top {
        padding: 40px 0 30px
    }

    .foot .foot-top .fnav a::before {
        display: none
    }

    .foot .foot-top .fnav a:hover .word {
        margin-top: 0
    }
    .foot .foot-top .fnav{
        display: none;
    }
    .foot .foot-top .ftr{
        float: none;
        text-align: center;
    }
    .foot .foot-top .share{
        text-align: center;
        float: none;
    }
    .foot .foot-top .ftr a{
        display: inline-block!important;
        float: none!important;
        margin:0 5px!important;
    }
    .index_6 .fl {
        width: 100%;
        margin-bottom: 20px
    }

    .index_6 .fr {
        width: 50%
    }

    .index_6 .fr .con {
        border-top: 0;
        margin-top: 0
    }

    .index_3 .swiper6 {
        display: block
    }

    .index_3 .proswiper {
        display: none !important
    }

    .index_3 .pcchange {
        display: none
    }

    .index_3 .mobchange {
        display: block
    }

    .index_3box .pic img {
        margin: 0 auto;
        display: block;
        max-width: 100%
    }

    .index_3 .tit {
        font-size: 26px;
        float: none;
        margin-bottom: 20px
    }

    .index_3 .top ul {
        float: none
    }

    .index_3 .top ul li {
        float: left;
        display: inline-block;
        width: 45%;
        margin: 0 2.5%;
        padding: 0;
        font-size: 14px
    }

    .index_3 .con .swiper-slide {
        margin: 0
    }

    .index_4 .mpic, .index_4 .mpic img {
        width: 100%
    }

    .index_4 .rbox {
        width: 90%;
        height: auto;
        padding: 45px 5%
    }

    .index_4 .rbox .m {
        float: none !important
    }

    .index_4 .rbox p {
        height: auto
    }

    .index_4 .newsbox ul li h4 {
        font-size: 14px
    }

    .index_4 .newsbox ul li .desc {
        margin: 20px 0
    }

    .index_4 .newsbox {
        width: 100%;
        height: auto;
        background: #fff;
        padding-bottom: 50px
    }

    .index_4 .newsbox ul {
        width: 90%;
        margin: 20px 5%
    }

    .index_4 .newsbox .more {
        display: block
    }

    .index_4 .newsbox .more .mbtn {
        bottom: 0;
        left: 50%;
        margin-left: -65px
    }

    .index_4 .box2 {
        width: 90%;
        padding: 0 5%;
        margin-top: 50px;
        height: 300px
    }

    .index_4 .newsbox ul li a {
        padding-right: 0
    }

    .index_4 .newsbox ul li {
        width: 100%;
        text-align: center;
        padding: 29px 0
    }

    .contact li .fl .flcon, .news .caselist li .word .wordbox {
        padding-bottom: 50px
    }

    .inbanner {
        margin-top: 60px
    }

    .zoujin_con .honor-list li {
        width: 49.9%;
        margin-right: 0;
    }
    .zoujin_con{
        width: 100% !important
    }
    .contact li .ditu, .contact li .fl, .news .caselist li .word {
        width: 100%
    }

    .contact li p {
        float: left
    }

    .news .caselist li .pic {
        width: 100%;
        height: auto
    }

    .news .caselist li p, .newslist li p {
        height: 0
    }

    .newslist li .box {
        padding-bottom: 25px
    }

    .newslist li {
        height: auto
    }
    .columnlink .wrap{
        width: 95%;
    }
    .columnlink a img{
        width: 59px;
    }
    .columnlink a .tit{
        font-size: 16px;
    }

    .prosearch{
        height: auto;
    }
    .prosearch .con h1,.inews .tit{
        font-size: 38px;
    }
    .ipro .tit{
        margin-bottom: 28px;
    }
    .pcLiTopL{
        width: 100%;
    }
    .serTopTitR,.pcLiTopL{
        float: none;
    }
    .cpTitList{
        font-size: 16px;
        text-align: left!important;
    }
    .serTopTitR .cpTitList li{
        float: none!important;
        display: inline-block;
        margin:0 5px 0 0;
    }
    .serTopTitSea{
        width: 100%;
    }
    /*.pcLiTopL h3,#ceo h3{*/
        /*font-size: 26px;*/
    /*}*/
    .pcLiTopL p{
        font-size: 16px;
    }
    #society{
        margin: 50px 0;
    }
    #development{
        padding-top: 50px;
    }
    .contact{
        margin-top: 30px;
    }
    .contact li .fl .flcon{
        padding-bottom: 0!important;
    }
    #development{
        padding-bottom: 50px;
    }
    #development .midline{
        bottom: 141px;
    }
    .networkser .serTopTitSea{
        margin-top: 9px;
    }
    .service p{
        width: 100%;
    }
    .zoujin_con .m-t50{
        margin-top: 20px;
    }
    .service{
        margin-bottom: 50px;
    }
    .newslist li .pic{
        width: 40%;
    }
    .newslist li .box{
        width: 55%;
    }
    .newslist{
        padding-bottom: 50px;
    }
    #products .product > li{
        width: 50%;
        height: auto;
    }
    #products .product > li > a .con{
        height: auto;
    }
    #products .product > li > a .con .img img{
        max-height: none;
    }
    #products .product > li>a:hover{
        -webkit-transform: scale(1);
        transform: scale(1);
        z-index: 997;
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
        box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    }
    #products .product > li > a .con .more{
        display: block;
        margin: 19px auto 0;
        width: 120px;
        height: 30px;
        line-height: 30px;
        background: #233160;
        color: #ffffff;
        text-align: center;
        font-size: 12px;
        font-family: Arial;
    }
    #products .product > li > a .con:hover .name{
        margin-top: 11px;
    }
}

@media (max-width: 768px) {

    .inews .tit,.ipro .tit{
        font-size: 26px;
    }
    .prosearch #search #keys4, .prosearch #search #search6{
        border-radius: 10px;
    }
    .columnlink{
        padding-bottom: 10px!important;
    }
    .ipro .ipromob .swiper-slide .con .name{
        margin-top: 15px;
    }
    .inews .con{
        margin-top: 30px;
    }
    .columnlink,.prosearch .con, .inews{
        padding:30px 0;
    }
    .inews .con .nlist li a .text .info{
        font-size: 14px;
    }
    .inews .con .nlist li,.inews .con img{
        margin-bottom: 30px;
    }
    .inews .con .nlist li a .time .day{
        font-size: 38px;
    }
    .inews .con .nlist li a .time .ym{
        margin-top: 0;
    }
    .inews .con .nlist li a .time{
        width: 20%;
    }
    .inews .con .nlist li a .text{
        width: 70%;
    }
    .columnlink a {
        display: block;
        width: 46%;
        margin: 0 2% 20px;
        float: left;
    }
    .prosearch #search{
        width: 100%;
    }
    .prosearch .con h1{
        font-size: 26px;
    }
    .prosearch .con p,.prosearch #search #search6{
        font-size: 16px;
    }
    .prosearch #search #keys4,.prosearch #search #search6{
        height: 50px;
        line-height: 50px;
    }
    .contact li .p1, .service h1 {
        text-align: center
    }

    .columnlink a img{
        padding: 20px 0px 0;
    }
    .foot .foot-top .fnav a {
        width: 25%;
        font-size: 14px
    }
    .columnlink a .tit{
        margin-top: 0;
    }
    .foot .foot-top{
        padding:30px 0;
    }
    .foot .foot-top .share{
        margin-top: 30px;
    }
    .index_6 .fr {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    .index_6 .mob {
        display: block
    }

    #download .downbox .time, .index_6 .pc, .loca dl {
        display: none
    }

    .index_5 ul li {
        width: 50%
    }

    .index_5 {
        padding: 10px 0 30px
    }

    .index_5 ul {
        padding-top: 30px
    }

    .index_5 .tit {
        font-size: 26px
    }

    .index_5 ul li p em {
        font-size: 34px
    }

    .index_2 .box form .text {
        width: 88%
    }

    .index_2 .box form .button {
        width: 12%
    }

    .index_2 .box h3 {
        font-size: 20px
    }

    .index_3box .pic {
        height: auto
    }

    .index_3box .word:hover .p2 {
        font-size: 16px
    }

    .index_3box:hover .word {
        width: 90%;
        padding: 0 5%
    }

    .index_3box .word .p2 {
        width: 90%;
        margin: 0 auto
    }

    .loca ul {
        float: left
    }

    .loca ul li {
        line-height: 50px;
        margin: 0 20px
    }

    .zoujin_con .tit {
        font-size: 26px
    }

    .zoujin_con .word p {
        padding: 0
    }

    .zoujin_con .index_5 {
        padding: 20px 0 10px
    }

    .zoujin_con .m-t50 {
        margin-top: 40px
    }

    .contact li p, .zoujin_con .honor-list li {
        width: 100%
    }

    .contact li .p1 {
        height: auto;
        font-size: 26px
    }

    #download .downbox span {
        width: 33.33% !important
    }

    .service .serbot .fl {
        width: 100%;
        margin-bottom: 20px
    }

    .service .serbot {
        margin-top: 30px
    }

    .newslist {
        width: 100%
    }

    .newslist li {
        width: 100%;
        margin-right: 0;
        padding: 0;
    }

    .shop .shop_con a {
        background: #fff;
        width: 90%;
        padding: 5%
    }

    .shop .shop_con {
        background: 0
    }

    #products .product > li {
        width: 100%
    }

    .m_pro_select {
        display: block;
        width: 100%;
        height: 55px;
        font-size: 15px;
        position: relative;
        z-index: 30
    }

    .m_pro_select li.hid, .mobloca {
        display: none
    }

    .m_pro_select .show {
        height: 55px;
        line-height: 54px;
        background: #d82128;
        color: #fff
    }

    .m_pro_select ul {
        position: absolute;
        width: 100%;
        top: 55px;
        left: 0;
        cursor: pointer;
        display: none;
        -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 5px 5px 10px rgba(0, 0, 0, .2)
    }

    .m_pro_select li {
        height: 55px;
        line-height: 54px;
        background: #fff;
        color: #d82128;
        float: none
    }

    .m_pro_select li p {
        border-bottom: 1px solid #81bde5;
        padding: 0 4%
    }

    .m_pro_select li a {
        display: block;
        color: #d82128;
        padding: 0 4%
    }

    .m_pro_select li a:hover {
        background: #d82128;
        color: #fff
    }

    .m_pro_select i {
        width: 22px;
        height: 13px;
        background: url(../images/arrow.png) no-repeat;
        background-size: 100%;
        float: right;
        margin-top: 20px
    }

    .m_pro_search {
        background: #f1f1f1;
        margin: 0 auto;
        padding: 20px 0;
        display: block
    }

    .m_pro_search form {
        height: 40px;
        background: #fff;
        border: 1px solid #ddd;
        margin: 0 auto;
        width: 95%
    }

    .m_pro_search form input[type=text] {
        outline: 0;
        float: left;
        height: 40px;
        line-height: 40px;
        width: 80%;
        border: 0;
        text-indent: 20px;
        font-size: 16px;
        background: 0;
        color: #333;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        border-radius: 20px
    }

    .m_pro_search form input[type=submit] {
        width: 20%;
        float: left;
        height: 40px;
        line-height: 40px;
        background: url(../images/fdj.png) center center no-repeat
    }

    #product-view .container .tagtit {
        float: none;
        width: 90%;
        padding: 30px 5%
    }

    #product-view .container .tagtit a {
        display: inline-block !important;
        width: 24%;
        height: 20px;
        line-height: 20px;
        margin: 0 auto 10px
    }

    #product-view .container .tagcon {
        margin: 0 auto 20px;
        float: none
    }

    #product-view .model .title {
        padding: 10px 0
    }

    .msearch {
        display: none
    }
    .cpTitList{
        font-size: 16px;
    }
    .serTopTitR .cpTitList li{
        float: none;
        display: inline-block;
        margin:0 5px 10px 0;
        font-size: 16px;
    }
    .serTopTitSea{
        width: 100%;
    }
    .pcLiTopL h3,#ceo h3{
        font-size: 20px;
    }
    .pcLiTopL p{
        font-size: 14px;
    }
    #profile .profile_con,#profile .profileimg{
        width: 100%;
    }
    #profile .profile_con p,#ceo .ceo_con p,#society .text p{
        margin-bottom: 20px;
    }
    #profile .profile_bot ul{
        margin-top: 30px;
    }
    #profile .profile_bot ul li{
        width: 50%;
    }
    #profile .profileimg{
        margin-top: 10px;
    }
    #ceo{
        height: auto;
        padding: 30px 0;
        margin-top: 0;
    }
    #ceo .ceo_con{
        float: none;
        width: 100%;
    }
   .mob20{
       font-size: 20px!important;
   }
   .mob14{
       font-size: 14px!important;
   }
    #society{
        margin: 30px 0;
    }
    #society .society{
        margin-bottom: 20px;
    }
    #society .society,#society .society_con{
        width: 100%;
        float: none;
    }
    #society .society_con > .soctit{
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    #development{
        padding-top: 30px;
        padding-bottom: 0px;
    }
    #development .midline{
        bottom: 91px;
    }
    .contact li p{
        padding-left: 30px;
        text-indent: 0px;
    }
    .contact .ditu{
        height: 350px;
    }
    .contact li .fl{
        margin-bottom: 30px;
    }
    .contact{
        padding-bottom: 50px;
    }
    .foot .foot-top .ftr .tel{
        font-size: 30px;
    }
    .contact .mapbot{
        margin-top: 0;
    }
    .zoujin_con .m-t50{
        margin-top: 10px;
    }
    .jiaru{
        margin-bottom: 0;
    }
    #download{
        padding:30px 0 50px 0;
    }
    .zoujin_con .honor-list li{
        width: 99.9%;
    }
    .zoujin_con .honor-list li a{
        margin-right: 0;
        height: auto;
    }
    .newslist li .pic,.newslist li .box{
        width: 100%;
    }
    .newslist li .box{
        padding-top: 20px;
    }
    .newslist li .info{
        margin-top: 0;
    }
    .newslist{
        padding-bottom: 30px;
    }
    .news{
        padding-bottom: 0;
    }
    .news_det{
        padding-top: 0;
    }
    .nt_con .box{
        padding: 20px 0 0 0;
    }
    .nt_con .tit{
        font-size: 20px;
    }
    .zoujin_con .honor-list{
        margin-top: 30px;
    }
    #product-view .container{
        padding:0;
    }
    #product-view .container .proprev,#product-view .container .pronext{
        margin-top: 0;
        top: 0;
    }
    #product-view .container .tagcon{
        width: 100%;
    }
    #product-view .container .tagconright{
        width: 100%;
        float: none;
    }
    #product-view .container .tagtit{
        width: 100%;
        padding:0;
    }
    #product-view .container .tagtit a{
        width: 80px;
        border: none;
        padding:0;
        height: 80px;
        line-height: normal;
    }
    #product-view .container .tagtit a img{
        border: 1px solid #CCCCCC;
        width: 80px;
        height: 80px;
    }
    .pcLiTop{
        margin-top: 30px;
    }
    .pcLiTopR.rowR{
        width: 48px;
        height: 48px;
    }
    #product-view .container .tagconright .proname
    ,#product-view .container .tagconright .catename
    {
        display: none;
    }
    #product-view .container .tagtit{
        margin-top: 20px;
    }
    #product-view .mobproname{
        display: block;
        width: 90%;
          margin: 0 auto 50px;
    }
    .pro_nav li a{
        font-size: 16px;
    }
}

@media (max-width: 500px) {
    .index_3box {
        height: 400px
    }
}