/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 28px;
    width: 28px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bmezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: none;
}

.selected .gh {
    transform: rotate(90deg);
}

.gh a {
    background-color: #008aff;
    display: block;
    margin: 0 auto;
    height: 2px;
    margin-top: -1px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 2px;
}

.gh a:after {
    width: 100%;
}

.gh a:before {
    width: 100%;
}

.gh a:after,
.gh a:before {
    background-color: #008aff;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh a:after {
    top: 7px;
}

.gh a:before {
    top: -7px;
}

.selected .gh a:after,
.selected .gh a:before {
    top: 0;
}

.selected .gh a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    background: #008aff;
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    background: #008aff;
    width: 100%;
}

.selected .gh a {
    background-color: transparent !important;
}
@media only screen and (max-width:1440px) {
    .wrap {
        margin: 0 7.5rem;
    }
    html{
        font-size: 11px !important;
    }
}

@media only screen and (max-width:1240px) {
    .header .rts .naver{
        padding-left: 3rem;
        width: auto;
    }
    .header .logo {
        width: 22rem;
    }
    .header .rts {
        width: calc(100% - 22rem);
    }
    .header .rts .naver li {
        padding: 0 1.3rem;
    }
    .fpage ul {
        background-size: 1.3rem auto !important;
    }
    .footer .copyght li span {
        margin: 0 1rem;
    }
    .flabche label {
        background-size: 1.3rem auto !important;
    }
    .foutdohui {
        padding: 3rem 5rem 1.3rem;
    }
    .foutdohui .fcompact dl {
        padding: 0.52rem 1rem 1.56rem 5rem;
    }
    .fjoinlist .fby label {
        background-size: 1.5rem auto !important;
        padding-left: 2.2rem;
    }
    .fservice .list li .text .details i {
        background-size: 0.45rem auto !important;
    }
    .ftechnonews .frt .list li .imgs {
        float: none;width: auto;
        height: 12rem;
    }
    .ftechnonews .frt .list li .text {
        float: none;width: auto;
        margin-top: 0.78rem;
    }
    .ftechnolo .flt .details {
        font-size: 1.2rem;
        line-height: 1.4;
    }
    .ftechnolo .frt .list li .txt h5 {
        font-size: 1.2rem;
        line-height: 1.4;
    }
    .ftechnonews .frt .list li .text h5,
    .ftechnonews .frt .list li .text h5.p_title {
        font-size: 1.2rem;
    }
    .ftechnolo .frt .list li .txt h6,
    .ftechnonews .frt .list li .text h6 {
        font-size: 1.1rem;
    }
    .fpagelrt ul li a i {
        font-size: 1.2rem;
        line-height: 2.6rem;
        background-size: 0.5rem auto !important;
    }
    .fpagelrt ul li a {
        border-radius: 1.3rem;
        padding: 0 1.1rem;
    }
    .fjoinour {
        margin: 5rem 0 4rem;
        padding: 3rem 5rem;
    }
    .ftechnolo .frt .list li .img {
        width: auto;
        float: none;
        height: 9rem;
    }
    .ftechnolo .frt .list li .txt {
        width: auto;
        float: none;
        margin-top: 10px;
    }
    .fpagelrt ul {
        margin-top: 3.5rem;
    }




}





@media only screen and (max-width:1000px) {
    .wrap{
        margin: 0 15px;
    }
    html{
        font-size: 10px;
    }
    .header{
        position: fixed;
        left: 0;right: 0;
        top: 0;z-index: 33;
        height: 50px;
        background: #fff;
        box-shadow: 0 3px 5px 0 rgba(80,80,80,0.1);
    }
    .layout{
        padding-top: 50px;
    }
    .header .logo{
        float: none;width: auto;position: absolute;
        left: 15px;
        top: 0;z-index: 1;
        /* width: 183px; */
    }
    .header .logo img{
        /* width: 183px; */
        height: 22px;
        width: auto;
    }
    .header .logo h2{
        line-height: 22px;
        font-size: 14px;
    }
    .header .rts{
        float: none;width: auto;background: none;
    }
    .gh{
        position: absolute;
        right: 15px;
        top: 12px;z-index: 1;display: block; 
    }
    .header .rts .naver{
        float: none;position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        z-index: 111;
        background: rgba(0, 0, 0, 0.9);padding-bottom: 10px;width: auto;padding-left: 0;display: none;
    }
    .header .rts .form{
        display: none;
    }
    .header .rts .naver ul{
        padding: 10px 15px 5px;
    }
    .header .rts .naver li{
        float: none;padding: 0;margin-bottom: 6px;
    }
    .header .rts .naver li::before{
        display: none;
    }
    .header .rts .naver li a{
        font-size: 1.04rem;
        line-height: 36px;
        color:#fff;
    }
    .header .rts .naver li h3::before{
        bottom: 0;height: 1px;
    }
    .header .rts .naver li.on a, .header .rts .naver li:hover a{
        font-size: 18px;
    }
    .hbanner li{
        height: 46vw;
    }
    .hpage1{
        padding: 20px 0 40px;
    }
    .hpage1 .hds li .ico{
        height: 80px;
    }
    .hpage1 .hds li .ico img{
        height: 100%;    
    }
    .hpage1 .hds li{
        width: 50%;height: 120px;padding: 0 0 0;
    }
    .hpage1 .hds li{
        border-bottom: 1px solid #dbdbdb;
    }
    .hpage1 .hds li:last-child{
        border-bottom: none;
    }
    .hpage1 .hds li:last-child{
        border-right: 1px solid #dbdbdb;
    }
    .hpage1 .hds li h6{
        font-size: 14px;margin-top: 0;
    }
    .tit h2 span{
        font-size: 18px;
    }
    .hpage1 .hds li:hover{
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);box-shadow: 0 0 0 0 #c7d4ec;
    }
    .hpage1 .hds{
        margin-bottom: 30px;
    }
    .hpage1 .ovs{
        margin-top: 20px;
    }
    .hpage1 .swippro li .img{
        height: 130px;
    }
    .hpage1 .swippro li .img img{
        width: 50%;
    }
    .hpage1 .swippro li .txt{
        height: 140px;padding: 10px;
    }
    .hpage1 .swippro li .txt h3{
        font-size: 13px;margin-bottom: 10px;
    }
    .hpage1 .swippro li .txt p{
        font-size: 14px;line-height: 1.6;
        height: 6.4em;
    }
    .hpage1 .swippro li .txt h6{
        width: 100px;height: 30px;font-size: 14px;line-height: 30px;border-radius: 15px;margin-top: 20px;
    }
    .hpage2{
        padding: 30px 0 40px;
    }
    .hpage2 .thd li{
        width: 50%;height: 40px;border-radius: 20px;
    }
    .hpage2 .thd li:before{
        width: 20px;height: 10px;bottom: -8px;
    }
    .hpage2 .thd li a{
        font-size: 14px;line-height: 40px;background-size: 24px auto !important;padding-left: 30px;
        word-break:keep-all;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .hpage2 .bd li{
        margin-right: 0;margin-bottom: 10px;height: 80vw;width: auto;float: none;
    }
    .hpage2 .thd li{
        margin: 0 3px;
    }
    .hpage2 .bd li:hover img{
        transform:scale(1);
        -ms-transform:scale(1);  /* IE 9 */
        -moz-transform:scale(1);     /* Firefox */
        -webkit-transform:scale(1); /* Safari 鍜� Chrome */
        -o-transform:scale(1); 
    }
    .hpage2 .bd li:hover .text{
        display: none;
    }
    .hpage2 .bd li:hover .mak{
        display: block;
    }
    .hpage2 .bd li .mak h3{
        font-size: 13px;line-height: 20px;height: 40px;margin-top: 60px;
    }
    .hpage2 .bd li .mak{
        height: 140px;bottom: -40px;
    }
    .hpage2 .thd li:nth-child(1) a{
        padding-left: 30px;background-size: 25px auto !important;
    }
    .hpage2 .ovs{
        margin-top: 30px;
    }
    /* 	.hpage2 .bd li:hover .text{
                    height: 100px;padding: 10px 0 20px;
            }
            .hpage2 .bd li:hover .text .wz{
                    padding: 0 10px;
            }
            .hpage2 .bd li:hover .text h3{
                    font-size: 13px;
                    line-height: 20px;height: 40px;overflow: hidden;
                    color: #fff;font-weight: bold;border-bottom: 1px solid #fff;padding-bottom: 5px;
            }
            .hpage2 .bd li:hover .text p{
                    font-size: 14px;
                    line-height: 20px;height: 40px;overflow: hidden;
                    color: #fff;margin-top: 0.63rem;padding: 0 10px;
            } */
    .hpage2 .bd li .mak h3:before{
        position: absolute;
        left: 5px;content: "";
        top: 8px;z-index: 1; width: 2px;height: 2px;border-radius: 50%;background: #fff;
    }
    .hpage3{
        padding: 30px 20px 40px;
    }
    .hpage3 .ovcase{
        margin-top: 20px;padding-bottom: 30px;
    }
    .hpage3 .swpcase li .img{
        height: 40vw;
    }
    .hpage3 .swpcase li .txt{
        padding: 10px 15px;height: 180px;
    }
    .hpage3 .swpcase li .txt h3 a{
        font-size: 13px;line-height: 1.7;margin-bottom: 8px;
    }
    .hpage3 .swpcase li .txt p{
        font-size: 14px;line-height: 18px;height: 54px;
    }
    .hpage3 .swpcase li .txt .btn{
        width: 90px;height: 30px;border-radius: 15px;
    }
    .hpage3 .swpcase li .txt .btn span{
        font-size: 13px;line-height: 30px;display: inline-block;
    }
    .hpage3 .swpcase li:hover .txt .btn span{
        background-size: 6px auto !important;
    }
    .hpage3 .ovcase .spot span{
        width: 4px;height: 4px;
    }
    .hpage3 .ovcase .spot .swiper-pagination-bullet-active{
        width: 14px;height: 4px;border-radius: 2px;
    }
    .hpage4 .bds{
        margin: 20px 0;
    }
    .hpage4 .bds .rt,
    .hpage4 .bds .lt{
        float: none;width: auto;border-left: none;
    }
    .hpage4 .bds .lt{
        padding: 10px;
    }
    .hpage4 .bds .lt .img{
        height: auto;
    }
    .hpage4 .bds .lt h6{
        font-size: 14px;line-height: 20px;padding: 0 5px;
    }
    .hpage4 .bds .lt .txt{
        margin-top: 10px;
    }
    .hpage4 .bds .lt .txt h3 a{
        font-size: 13px;line-height: 18px;height: 36px;
    }
    .hpage4 .bds .lt .txt p{
        margin: 10px 0;font-size: 14px;line-height: 18px;height: 54px;
    }
    .hpage4 .bds .lt .txt .btn span{
        font-size: 14px;background-size: 6px auto !important;padding-right: 20px;
    }
    .hpage4 .bds .rt li:hover{
        background: url(../images/qm24.jpg) no-repeat center/cover;
    }
    .hpage4 .bds .rt li{
        padding: 10px;
    }
    .hpage4 .bds .rt li .ts .img{
        width: 160px;height: 100px;border: 3px solid rgba(255,255,255,0.2);
    }
    .hpage4 .bds .rt li{
        background: url(../images/qm24.jpg) no-repeat center/cover;
    }
    .hpage4 .bds .rt li .ts .txt{
        width: calc(100% - 170px);margin-top: 5px;
    }
    .hpage4 .bds .rt li .ts .txt h3 a, .hpage4 .bds .rt li .bt h6{
        color: #fff;
    }
    .hpage4 .bds .rt li .ts .txt h3 a{
        font-size: 14px;line-height: 20px;height: 40px;
    }
    .hpage4 .bds .rt li .ts p{
        font-size: 14px;line-height: 16px;height: 32px;
    }
    .hpage4 .bds .rt li .bt{
        margin-top: 10px;
    }
    .hpage4 .bds .rt li .bt h6{
        font-size: 14px;
    }
    .hpage4 .bds .rt li .bt .btn span{
        font-size: 13px;padding-right: 20px;
    }
    .hpage4 .bds .rt li .ts p{
        color:rgba(255,255,255,0.5);
    }
    .hpage4 .bds .rt li .bt .btn span{
        color: #fdd000;background: url(../images/qm23-1.png) no-repeat right center;background-size: 5px auto !important;
    }
    .more{
        width: 90px;height: 32px;line-height: 32px;font-size: 13px;border-radius: 16px;
    }
    .hpage5{
        padding: 40px 0;
    }
    .footer .uittop{
        width: 34px;height: 70px;border: 3px solid #3f4c61;
    }
    .footer .uittop h3{
        height: 60px;padding-top: 10px;
    }
    .footer .uittop h3 span{
        font-size: 10px;background-size: 8px auto !important;padding-top: 20px;
    }
    .footer .hds{
        padding: 20px 0;
    }
    .footer .hds .lt{
        display: none;
    }
    .footer .hds .rt{
        float: none;width: auto;
    }
    .footer .hds .rt .wx img{
        width: 100px;height: 100px;
    }
    .footer .hds .rt .wx h6{
        font-size: 14px;margin-top: 5px;
    }
    .footer .hds .rt ul{
        margin-top: 20px;
    }
    .footer .hds .rt li{
        width: 36px;height: 36px;float: left;margin-right: 10px;
    }
    .footer .hds .rt ul{
        display: block;font-size: 0;text-align: center;
    }
    .footer .hds .rt li{
        float: none;display: inline-block;vertical-align: middle;
    }
    .footer .bds li{
        width: 100%;margin-bottom: 0;height: auto;padding: 7px 0;display: inline-block;vertical-align: middle;float: none;
        text-align: left;
    }
    .footer .bds li:nth-child(1)::after,
    .footer .bds li::before{
        display: none;
    }
    .footer .bds li:last-child{
        width: 100%;
    }
    .footer .copyght .ras{
        display: none;
    }
    .footer .bds li .ts{
        text-align: left;
    }
    .footer .copyght{
        padding: 10px 0;
    }
    .footer .copyght h6{
        font-size: 14px;
        text-align: center;
    }
    .footer .bds li h6{
        font-size: 14px;
    }
    .footer .bds li .ico{
        height: 24px;
    }
    .footer .bds li:nth-child(2) .ico{
        height: 22px;
    }
    .footer .bds li h5 a{
        font-size:16px ;
    }
    .footer .bds li:nth-child(3) h5 a{
        font-size:12px ;
    }
    .footer .bds li:hover{
        background: none;
    }
    .footer .bds li:hover .i1,
    .footer .bds li:hover .i2{
        opacity: 0;
    }
    .footer .bds li:nth-child(2) h5{
        padding-top: 0;
    }
    .uiticos{
        width:60px;height: 60px;
    }
    .uiticos img{
        /* max-width: 60%;max-height: 60%; */
    }
    .hpage2 .ovs .swsoldbd{
        overflow: hidden;
    }
    /* .hbanner .spans .line span:last-child::after,
    .hbanner .spans .line span::before{
            width: 4px;height: 4px;left: -1px;
    }
    .hbanner .spans .line span{
            width: 100%;height: 30px;
    } */
    .hpage5 .ovspar .prev, .hpage5 .ovspar .next,
    .hpage3 .ovcase .prev, .hpage3 .ovcase .next,
    .hpage1 .ovpro .prev, .hpage1 .ovpro .next{
        right: -40px;width: 40px;height: 40px;
    }
    .hpage5 .ovspar .prev,
    .hpage3 .ovcase .prev,
    .hpage1 .ovpro .prev{
        left: -40px;right: auto;
    }
    .hpage1 .ovs{
        padding: 0 10px;
    }
    .hpage1 .swippro li .txt{
        background: url(../images/qm39.png) no-repeat center/cover;
    }
    .hpage1 .swippro li{
        box-shadow: 0 0 1.04rem 0 rgba(80,80,80,0.2);
    }
    .hpage1 .swippro li .img{
        background: #fff;
    }
    .hpage1 .swippro li .txt h3{
        color: #fff;
    }
    .hpage1 .swippro li .txt p{
        display: block;
    }
    .hpage1 .swippro li .txt h6{
        display: none;
    }
    .hpage1 .ovpro{
        margin: 0 20px;
    }
    .hpage1 .swippro{
        padding: 5px 10px;
    }
    .hpage1 .swippro li:hover,
    .hpage1 .swippro li{
        box-shadow: initial;
    }
    .hpage1 .ovpro .spot{
        bottom: -20px;
    }
    .hpage5 .swipbds li img{
        width: 60%;
    }
    .hpage5 .swipbds li a{
        height: 20vw;
    }
    .hpage5 .ovspar{
        margin: 30px 30px 0;
    }
    .header .rts .naver li h3 i {
        height: 40px;
        width: 40px;
        position: absolute;
        z-index: 11;
        right: 0;
        top: 0;
        background: url(../images/qm23-1.png) no-repeat center;
        transition:all 0.3s;
        -ms-transition:all 0.3s;  /* IE 9 */
        -moz-transition:all 0.3s;     /* Firefox */
        -webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
        -o-transition:all 0.3s;
    }
    .header .rts .naver li h3 i.on {
        transform:rotate(90deg);
        -ms-transform:rotate(90deg);  /* IE 9 */
        -moz-transform:rotate(90deg);     /* Firefox */
        -webkit-transform:rotate(90deg); /* Safari 鍜� Chrome */
        -o-transform:rotate(90deg);
    }
    .header .rts .naver .fnli {
        position: initial;
    }
    .header .rts .naver .fnli .wrap {
        margin: 0 auto;
    }
    .header .rts .naver .fnlst {
        padding: 2rem 1rem;
    }
    .header .rts .naver .fnli dl {
        padding: 0 1rem;height: 15rem;
        overflow-y: scroll;
        justify-content : space-between;
    }
    .header .rts .naver .fnli .fnlst dd {
        width: calc((100% - 1.5rem)/2);
        margin-bottom: 1rem;
        margin-right: 0 !important;
    }
    .header .rts .naver .fnli .fnlst dd .txt {
        padding: 0.5rem 0;
    }
    .header .rts .naver .fnli .fnablst {
        padding: 2rem 1rem;
    }
    .header .rts .naver .fnli .fnablst dl {
        height: 10.5rem;
    }
    .header .rts .naver .fnli .fnablst dd {
        width: calc((100% - 1.5rem)/2);
        margin-right: 0;
        margin-bottom: 1rem;
    }
    .header .rts .naver .fnli .fnablst dd {
        padding: 1.5rem 1rem;
    }
    .header .rts .naver .fnli .fnablst dd .icon {
        height: 4.5rem;
    }
    .header .rts .naver .fnli .fnablst dd h4 {
        margin-top: 0.6rem;
    }
    .fban {
        height: 12rem;
    }
    .fban .ftext {
        font-size: 2rem;
    }
    .fpage {
        padding: 1rem 0 1.2rem;
    }
    .fpagelst ul{
        overflow: hidden;display: block;
    }
    .fpagelst ul li {
        width: 50%;    height: 90px;
        float: left;-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    .fpagelst ul li {
        border-bottom: 1px solid #dbdbdb;
    }
    .fpagelst ul li a{
        height: 100%;padding: 0;padding-top: 7px;
    }
    .fpagelst ul li:nth-child(5),
    .fpagelst ul li:nth-child(3) {
        border-left: 1px solid #dbdbdb;;
    }
    .fpagelst ul li .icon {
        height: 50px;
    }
    .fcompany {
        padding: 2.5rem 0 3rem;
    }
    .fcompany .fen {
        margin-top: 1.5rem;
    }
    .fcompany .fen .imgs {
        width: auto;
    }
    .fcompany .fen .text {
        width: auto;
        margin-top: 0.8rem;
    }
    .fproducttion {
        padding: 3rem 0;
    }
    .fproducttion .list ul {
        margin-top: 2rem;
    }
    .fproducttion .list ul li {
        width: auto;
        margin-bottom: 2rem;
    }
    .fproducttion .list ul li .txt {
        padding-left: 10px;
    }
    .fproducttion .list ul li .txt h2 {
        font-size: 22px;
        line-height: 1.6;
    }
    .fproducttion .list ul li .txt h5 {
        font-size: 14px;
    }
    .fproducttion .list ul li .txt:before {
        bottom: 5px;width: 1px;
    }
    .fproducttion .list ul li .detail {
        margin-top: 1rem;
    }
    .fcompany .fen .text {
        font-size: 14px;
        line-height: 1.4;
    }
    .fpagelst ul li h5 {
        font-size: 13px;
    }
    .header .rts .naver li h3 a {
        font-size: 16px;
        line-height: 40px;
    }
    .header .rts .naver li.on h3 a, 
    .header .rts .naver li:hover h3 a {
        font-size: 17px;
    }
    .fproducttion .list ul li .detail {
        font-size: 14px;line-height: 1.4;
    }
    .fquality .detail {
        margin-top: 15px;
        font-size: 14px;
        line-height: 1.4;
    }
    .fquality {
        padding: 40px 0;
    }
    .fquality .flist ul {
        margin-top: 20px;
    }
    .fquality .flist ul li  {
        margin-right: 15px;
    }
    .fquality .flist ul li .img {
        height: 80px;
    }
    .fquality .flist ul li h6 {
        margin-top: 5px;
    }

    .fpage ul li a {
        font-size: 10px;
    }
    .fpage ul {
        background-size: 1.4rem auto !important;
        padding-left: 2rem;
    }
    .fget h2 {
        font-size: 24px;
        line-height: 1.4;
    }
    .fquotelst {
        margin-top: 1.5rem;
    }
    .fget p {
        font-size: 13px;
        margin-top: 5px;
    }
    .fquotelst ul {
        margin-top: 20px;
        justify-content : space-between;
    }
    .fquotelst ul li {
        width: calc((100% - 15px)/2);
        margin-right: 0;
        margin-bottom: 15px;
    }
    .fquotelst ul li .pc {
        padding: 1.5rem 1rem;
    }
    .fquotelst ul li .pc .tet {
        margin-top: 1rem;
    }
    .fquotelst ul li .pc .tet h3 {
        font-size: 11px;
        line-height: 1.2;
    }
    .fquotelst ul li .pc .tet p {
        font-size: 10px;
        line-height: 1.2;
    }
    .fgetquote {
        padding: 10px 0 30px;
    }
    .fbanner .fbatlt h2 {
        font-size: 22px;
        line-height: 1.2;
        margin: 4px 0 8px;
    }
    .fbanner .fbatlt p {
        font-size: 14px;
        line-height: 1.2;
        margin-top: 4px;
    }
    .fbanner {
        height: 160px;
    }
    .fbanner .fbatlt h5 {
        font-size: 14px;
        line-height: 1.2;
    }
    .foutdohui {
        padding: 20px 20px 10px;
    }
    .flabtl {
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 5px;
    }
    .foutdohui .frecloser dl {
        padding: 10px;
    }
    .foutdohui .frecloser dd .imgs {
        height: 80px;
    }
    .flabche {
        margin-top: 10px;
    }
    .flabche label {
        background-size: 16px auto !important;
        font-size: 11px;
        line-height: 20px;
        padding-left: 20px;
    }
    .foutdohui li {
        margin-bottom: 20px;
    }
    .foutdohui .fcompact dl {
        padding: 5px 10px 10px;
    }
    .foutdohui .fcompact dl dd {
        width: 100% !important;
    }
    .foutdohui .fany textarea {
        font-size: 13px;
        padding: 6px 10px;
    }
    .foutdoor .fjoinlist {
        padding: 0 20px 30px;
    }
    .fjoinlist .list {
        margin-top: 15px;
    }
    .fjoinlist .list ul li {
        width: 100%;
        margin-bottom: 10px;
    }
    .fjoinlist .list ul li label {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 5px;
    }
    .fjoinlist .list ul li .info {
        height: 35px;
        padding: 0 10px;
        font-size: 14px;
    }
    .fjoinlist .list ul li .lsele {
        background-size: 0.9rem auto;
        height: 35px;
        padding: 0 10px;
        font-size: 14px;
    }
    .fjoinlist .fby label {
        font-size: 14px;
        background-size: 2rem auto !important;
        padding-left: 3rem;
        line-height: 1.4;
        background: url(../images/fn5.png) no-repeat left top ;
    }
    .fjoinlist .fby .che:checked + label {
        background: url(../images/fn14.png) no-repeat left top;
    }
    .fjoinlist .submit {
        margin: 20px auto 0;
        font-size: 14px;
        height: 36px;
        border-radius: 18px;
        width: 120px;
    }
    .fpage ul li i {
        padding: 0 4px;
    }
    .fcareers {
        padding: 30px 0;
    }
    .ftit h2 {
        font-size: 18px;
        line-height: 1.2;
    }
    .ftit h6 {
        margin-top: 5px;
        font-size: 14px;
        line-height: 1.4;
    }
    .fcareerform ul {
        margin-top: 15px;
    }
    .fcareerform ul li {
        width: 100%;
        margin-bottom: 7px;
    }
    .fcareerform ul li .lsele {
        font-size: 14px;
        height: 38px;
        padding: 0 12px;
        background: url(../images/fn6.png) no-repeat right 12px center #ffffff;
        background-size: 10px auto;
    }
    .fcareerform ul li .info {
        font-size: 14px;
        height: 38px;
        padding: 0 30px 0 12px;
    }
    .fcareerform ul li .button {
        height: 38px;
        width: 38px;
        background-size: 14px auto;
    }
    .fcareerlst {
        padding: 20px 0 40px;
    }
    .fcareerlst .list li .fcarl {
        padding: 10px 12px;
    }
    .fcareerlst .list li .fcarl .prev {
        height: 26px;
        width: 26px;
    }
    .fcareerlst .list li .fcarl h2 {
        font-size: 14px;
        line-height: 26px;
        width: calc(100% - 35px);
    }
    .fcareerlst .list li .fnali .nali {
        padding: 15px 10px 20px 45px;
    }
    .fcareerlst .list li .fnali .flocat dd {
        width: 100%;
        margin-bottom: 5px;
    }
    .fcareerlst .list li .fnali .flocat dd h6 {
        font-size: 14px;
        line-height: 1.4;
    }
    .fcareerlst .list li .fnali .flocat dd h5 {
        font-size: 14px;
        line-height: 1.4;
    }
    .fcareerlst .list li .fnali .fjob {
        margin-top: 10px;
    }
    .fcareerlst .list li .fnali .fjob dl {
        width: 100%;
        margin-bottom: 10px;
    }
    .fcareerlst .list li .fnali .fjob dt {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 5px;
    }
    .fcareerlst .list li .fnali .fjob dd {
        font-size: 10px;
        line-height: 1.4;
        margin-bottom: 5px;
    }
    .fcareerlst .list li .fnali .fapply {
        margin-top: 5px;
        font-size: 14px;
    }
    .fpagels ul li a {
        font-size: 14px;
        line-height: 30px;
        min-width: 35px;
        height: 30px;
    }
    .fpagels ul li.prev a, 
    .fpagels ul li.next a {
        background-size: 6px auto !important;
    }
    .fpagels ul li.nextls a {
        background-size: 10px auto !important;
    }
    .fcontact {
        padding: 40px 0;
    }
    .fcontact .flist ul {
        margin-top: 20px;
    }
    .fcontact .flist ul li {
        width: 100% !important;
        border-right: none;
        border-bottom: 1px solid #dbdbdb;
        padding: 15px;
    }
    .fcontact .flist ul li h5 {
        font-size: 14px;
        line-height: 1.4;
        background-size: 10px auto;
    }
    .fcontact .flist ul li:nth-child(2) h5 {
        background-size: 15px auto;
        padding-left: 20px;
        line-height: 1.5;
    }
    .fcontact .flist ul li:nth-child(3) h5 {
        background-size: 13px auto;
    }
    .fcontact .flist ul li h4 {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.4;
    }
    .fcontact .flist ul li h6 {
        margin-top: 10px;
        font-size: 14px;
    }
    .fcontact .flist ul li h2 {
        font-size: 14px;
        margin-top: 15px;
    }
    .fleaving {
        margin-top: 25px;
    }
    .fleaving .map {
        width: 100%;height: 200px;
    }
    .fleaving .ftext {
        width: 100%;
        padding: 20px 10px;
    }
    .ftlt h2 {
        font-size: 16px;
        line-height: 1.4;
    }
    .ftlt h6 {
        font-size: 14px;
        line-height: 1.4;
    }
    .fleaving .ftext .lst {
        margin-top: 15px;
    }
    .fleaving .ftext .lst li {
        margin-bottom: 10px;
    }
    .fleaving .ftext .lst li label {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 4px;
    }
    .fleaving .ftext .lst li .info {
        padding: 0 12px;
        height: 34px;
        font-size: 14px;
    }
    .fleaving .ftext .lst li textarea {
        font-size: 14px;
        height: 80px;
        padding: 5px 12px;
    }
    .fleaving .ftext .submit {
        margin-top: 6px;
        font-size: 14px;
        width: 120px;
        height: 36px;
        border-radius: 18px;
    }
    .fservice {
        padding: 20px 0 40px;
    }
    .fservice .list li {
        padding: 15px;
    }
    .fservice .list li .imgs {
        float: none;
        width: auto;
        height: auto;
    }
    .fservice .list li .text {
        float: none;
        width: auto;
    }
    .fservice.fnews .list li .text {
        margin-top: 15px;
    }
    .fservice .list li .text h3 a {
        font-size: 16px;
        line-height: 1.2;
        height: auto;
    }
    .fintern {
        margin-top: 10px;
        padding: 7px 10px;
    }
    .fintern dl dd {
        margin-right: 7px;
    }
    .fintern dl dd a {
        font-size: 14px;
        line-height: 1.4;
    }
    .fintern dl {
        background-size: 14px auto;
        padding-left: 20px;
    }
    .fservice.fnews .list li .text p {
        margin-top: 10px;
    }
    .fservice .list li .text p {
        font-size: 14px;
        line-height: 1.4;
        height: auto;
    }
    .fservice .list li .text .details i {
        font-size: 14px;
        line-height: 1.8;
        background-size: 5px auto !important;
        padding-right: 14px;
    }
    .fservice .list li .text .details {
        border-radius: 14px;
        padding: 0 12px;
    }
    .fservice.fnews .list li .text .details {
        margin-top: 10px;
    }
    .fservice .list {
        padding-bottom: 15px;
    }
    .ftechnology .ftlte {
        padding: 15px 0 25px;
    } 
    .ftlte h1,
    .ftlte h2 {
        font-size: 18px;
        line-height: 1.2;
    }
    .ftlte h2 br {
        display: none;
    }
    .ftime {
        padding: 10px 0;
    }
    .ftime .date h5 {
        font-size: 14px;
        line-height: 1.6;
    }
    .ftime .rt ul {
        margin-left: 0;
        background: url(../images/fn12.png) no-repeat top 4px left;
        background-size: 14px auto;
        padding-left: 20px;
        margin-top: 4px;
    }
    .ftime .wrap {
        display: block;
    }
    .ftime .rt ul li a {
        font-size: 14px;
        line-height: 1.4;
    }
    .ftechnolo .flt {
        float: none;
        width: auto;
        padding: 0;
        border-right: none;

    }
    .ftechnolo {
        padding: 30px 0 40px;
    }
    .ftechnolo .flt .details {
        font-size: 14px;line-height: 1.7;
    }
    .ftechnolo .flt .details i {
        font-size: 18px;
    }
    .fpagelrt ul {
        margin-top: 20px;
    }
    .fpagelrt ul li a i {
        font-size: 11px;
        line-height: 30px;
        background-size: 4px auto !important;
        padding-left: 14px;
    }
    .fpagelrt ul li a {
        border-radius: 15px;
        padding: 0 14px;
    }
    .ftechnolo.ftechnonews .frt {
        padding: 30px 0 0;
        width: auto;
        float: none;
    }
    .ftechnonews .frt .list li a {
        padding: 15px 0;
    }
    .ftechnonews .frt .list li .imgs {
        height: auto;
    }
    .ftechnonews .frt .list li .text h5 {
        font-size: 14px;
    }
    .ftechnonews .frt .list li .text h6 {
        font-size: 14px;
    }
    .ftevt h3 {
        font-size: 16px;
        line-height: 1.2;
    }
    .fjoinour {
        margin: 40px 0;
        padding: 20px;
    }
    .fjoinour .pc {
        margin-top: 15px;
        height: 100px;
    }
    .fjoinour .pc .text {
        left: 20px;
        right: 20px;
        padding: 0 13px;
    }
    .fjoinour .pc .text h5 br {
        display: none;
    }
    .fservice .list li .text {
        margin-top: 15px;
    }
    .fservice .list li .text p {
        margin-top: 10px;
    }
    .ftechnolo .frt {
        width: auto;
        float: none;
    }
    .ftechnolo .frt .list li .txt{
        margin-top: 15px;
    }
    .ftechnolo .frt .list li .txt h5 {
        font-size: 14px;
    }
    .ftechnolo .frt .list li a {
        padding: 15px 0;
    }
    .ftechnolo .frt .list li .txt h6 {
        margin-top: 7px;
        font-size: 13px;
    }

    .qmproduct .box1{
        padding: 40px 0 60px;
    }
    .qmtit h2 span{
        font-size: 18px;
    }
    .qmproduct .box1 .del{
        margin-top: 20px;font-size: 14px;padding: 0 10px;
    }
    .qmproduct .box1 .bds{
        margin-top: 40px;padding-top: 30px;
    }
    .qmproduct .box1 .bds .pic{
        width: auto;float: none;height: 20vh;
    }
    .qmproduct .box1 .bds .pic::before{
        background-size: 60px auto !important;
    }

    .qmproduct .box1 .bds .txt{
        float: none;width: auto;padding-right: 0;margin-top: 20px;
    }
    .qmproduct .box1 .txt h3 span{
        font-size: 16px;
    }
    .qmproduct .box1 .bds .txt p{
        font-size: 14px;margin: 10px 0 15px;
    }
    .qmproduct .btn{
        width: 90px;height: 30px;line-height: 28px;font-size: 14px;border-radius: 15px;
    }
    .qmproduct .box2{
        padding: 30px 0 40px;margin-bottom: 20px;
    }
    .qmproduct .box2 .pic{
        float: none;width: auto;height: 22vh;
    }
    .qmproduct .box2 .txt{
        float: none;width: auto;margin-top: 10px;
    }
    .qmproduct .box2 .txt h3 span{
        font-size: 18px;
    }
    .qmproduct .box2 .txt p{
        font-size: 14px;margin: 10px 0 15px;
    }
    .qmproduct .list1 li h4, .qmproduct .list li h4{
        padding: 0 10px;font-size: 14px;
    }
    .qmproduct .list li .bds{
        padding: 30px 0;
    }
    .qmproduct .list li .bds .txt,
    .qmproduct .list li .bds .pic{
        float: none;width: auto;
    }
    .qmproduct .list li .bds .pic{
        height: 22vh;
    }
    .qmproduct .list li .bds .txt{
        margin-top: 10px;
    }
    .qmproduct .list li .bds .txt .del{
        font-size: 14px;line-height: 1.7;
    }
    .qmproduct .list1 li .bds{
        padding: 30px 0;
    }
    .qmproduct .list1 li .bds dd{
        float: none;width: auto;margin-bottom: 20px;
    }
    .qmproduct .list1 li .bds .pic{
        height: 22vh;
    }
    .qmproduct .list1 li .bds .txt{
        margin-top: 10px;
    }
    .qmproduct .list1 li .bds .txt h5{
        font-size: 16px;
    }
    .qmproduct .list1 li .bds .del{
        font-size: 14px;margin: 10px 0 15px;line-height: 1.7;
    }
    .qmproduct .list1 li .bds dd:nth-child(3n){
        width: auto;
    }
    .qmprudel .box1 h1{
        font-size: 20px;
    }
    .qmprudel .box1 .swipropic li{
        height: 50vw;
    }
    .qmprudel .box2 .wrap{
        display: block;
    }
    .qmprudel .box2{
        height: auto;padding: 10px 0;
    }
    .qmprudel .box2 h5{
        font-size: 16px;line-height: 1.8;
    }
    .qmprudel .box2 li{
        margin-left: 0;margin-right: 20px;
    }
    .qmprudel .box2 ul{
        margin-top: 10px;
    }
    .qmprudel .box2 li.on a{
        width: 90px;font-size: 14px;height: 30px;line-height: 30px;border-radius: 15px;
    }
    .qmprudel .box2 li a{
        font-size: 14px;
    }
    .qmprudel .box3{
        padding: 30px 0 40px;
    }
    .qmprudel .box3 .del{
        font-size: 14px;margin-top: 10px;
    }
    .qmprudel .box4 li{
        padding: 26px 0;
    }
    .qmprudel .box4 li .txt,
    .qmprudel .box4 li .img{
        float: none;width: auto;
    }
    .qmprudel .box4 li .txt{
        margin-top: 10px;
    }
    .qmprudel .box4 li .txt h4{
        font-size: 16px;
    }
    .qmprudel .box4 li .txt p{
        font-size: 14px;margin-top: 6px;line-height: 1.7;
    }
    .qmprudel .box4 li:nth-child(2n) .txt,
    .qmprudel .box4 li:nth-child(2n) .img{
        float: none;
    }
    .qmprudel .box5{
        padding: 30px 0;
    }
    .qmprudel .box5 .bd table th{
        font-size: 14px;line-height: 30px;
    }
    .qmprudel .box5 .bd table td{
        font-size: 14px;padding: 6px;line-height: 1.6;
    }
    .qmprudel .box6 .bd{
        margin-top: 20px;padding: 30px 0;
    }
    .qmprudel .box6 .bd h6{
        font-size: 14px;line-height: 1.7;
    }
    .qmprudel .box6 .bd .form{
        margin-top: 20px;padding: 0;
    }
    .qmprudel .box6 .bd .form li dd{
        float: none;width: auto;margin-bottom: 10px;
    }
    .qmprudel .box6 .bd .form li dd:nth-child(2n){
        float: none;
    }
    .qmprudel .box6 .bd .form li{
        margin-bottom: 5px;
    }
    .qmprudel .box6 .bd .form li label{
        font-size: 13px;
    }
    .qmprudel .box6 .bd .form li h3{
        font-size: 14px;background-size: 15px auto !important;
    }
    .qmprudel .box6 .bd .form li .ts{
        width: 100px;background-size: 10px auto !important;
    }
    .qmprudel .box6 .bd .form li .t2{
        width: calc(100% - 100px);
    }
    .qmprudel .box6 .bd .form .sub{
        width: 120px;height: 36px;border-radius: 18px;font-size: 14px;
    }
    .qmuitpro{
        padding: 30px 0;
    }
    .qmuitpro .ts li{
        width: 140px;height: 36px;line-height: 36px;font-size: 14px;border-radius: 18px;
    }
    .qmuitpro .ovs{
        margin-top: 30px;
    }
    .qmuitpro .bds .swiprlist{
        padding: 0;
    }
    .qmuitpro .bds .swiprlist li .img{
        height: 22vh;
    }
    .qmuitpro .bds .swiprlist li h3{
        font-size: 14px;
    }
    .qmuitpro .bds .swiprlist li h6{
        width: 90px;height: 30px;line-height: 30px;border-radius: 15px;font-size: 14px;
    }
    .qmprudel .box2{
        position: static;
    }

    .qmseces{
        padding: 30px 0;
    }
    .qmseces .qmsenav{
        float: none;width: auto;
    }
    .qmseces .qmsenav .hd{
        padding: 20px 10px;
    }
    .qmseces .qmsenav .hd .fm{
        height: 40px;
    }
    .qmseces .qmsenav .hd .sub{
        width: 40px;height: 40px;background-size: 16px auto !important;
    }
    .qmseces .qmsenav .hd .t1{
        width: calc(100% - 40px);height: 40px;font-size: 14px;
    }
    .qmseces .qmsenav .bd h3{
        font-size: 14px;line-height: 38px;
    }
    .qmseces .qmsenav .bd li h4{
        font-size: 14px;background-size: 10px auto !important;line-height: 38px;
    }
    .qmseces .qmsenav .bd li .dnli{
        padding: 10px;
    }
    .qmseces .qmsenav .bd li .dnli .dd h5{
        font-size: 14px;line-height: 1.8;background-size: 6px auto !important;padding-left: 12px;
    }
    .qmseces .qmsenav .bd li .dsnli h6 a{
        font-size: 14px;margin-bottom: 5px;
    }
    .qmseces .qmserts{
        float: none;width: auto;margin-top: 20px;padding:10px;
    }
    .qmseces .qmserts .ts{
        padding: 0 10px;margin-top: 0;overflow-x: scroll;white-space: nowrap;
    }
    .qmseces .qmserts .tbds li{
        width: 160%;
    }
    .qmseces .qmserts .tbds{
        overflow-x: scroll;white-space: nowrap;
    }
    .qmseces .qmserts .tbds li dd h5,
    .qmseces .qmserts .tbds li dd h3,
    .qmseces .qmserts .tbds li h4,
    .qmseces .qmserts .ts li{
        font-size: 14px;line-height: 30px;
    }

    .qmseces .qmserts .tbds li dd h6{
        background-size: 14px auto !important;
    }
    .qmseces .qmserts .tbds{
        margin-top: 10px;padding-bottom: 20px;
    }
    .qmseces .qmserts .box{
        margin-bottom: 20px;
    }
    .qmseces .qmserts .box li{
        padding: 15px 0;width: calc((100% - 20px)/2);margin-right: 0;
    }
    .qmseces .qmserts .box li:nth-child(2n){
        float: right;
    }
    .qmseces .qmserts .box li::before{
        width: 100%;
    }
    .qmseces .qmserts .box li .img{
        height: 20vh;
    }
    .qmseces .qmserts .box li .img .ico{
        width: 30px;height: 30px;
    }
    .qmseces .qmserts .box li h6{
        margin-top: 6px;font-size: 14px;line-height: 20px;height: 40px;padding: 0 6px;
    }
    .qmsolution{
        padding: 40px 0;
    }
    .qmsolution .bds li{
        padding: 30px 0;
    }
    .qmsolution .bds li .pic{
        float: none;width: auto;height: 40vw;
    }
    .qmsolution .bds li .txt{
        float: none;width: auto;padding: 0 10px;
    }
    .qmsolution .bds li h3{
        font-size: 14px;
    }
    .qmsolution .bds li p{
        font-size: 14px;margin: 5px 0 10px;padding-right: 0;
    }
    .qmsolution .bds li h6{
        width: 90px;height: 30px;line-height: 30px;font-size: 14px;border-radius: 15px;
    }
    .qmsolutiondel .box1 h1{
        font-size: 18px;
    }
    .qmsolutiondel .box1 .bd{
        margin-top: 20px;padding: 30px 0;
    }
    .qmsolutiondel .box1 .txt,
    .qmsolutiondel .box1 .pic{
        float: none;width: auto;
    }
    .qmsolutiondel .box1 .pic .ico{
        width: 60px;height: 60px;
    }
    .qmsolutiondel .box1 .txt{
        margin-top: 10px;
    }
    .qmsolutiondel .box1 .txt h3{
        font-size: 14px;padding-bottom: 6px;
    }
    .qmsolutiondel .box1 .del{
        margin-top: 10px;
    }
    .qmsolutiondel .box1 .txt p{
        font-size: 14px;background-size: 3px auto !important;line-height: 1.7;margin-bottom: 5px;
    }
    .qmsolutiondel .box2 .del{
        margin-top: 10px;font-size: 14px;line-height: 1.7;
    }
    .qmsolutiondel .box3{
        padding-top: 30px;
    }
    .qmsolutiondel .box3 .ts{
        margin-top: 20px;display: block;
    }
    .qmsolutiondel .box3 .bds li .btn span,
    .qmsolutiondel .box3 .ts .btn span{
        font-size: 14px;background-size: 50px auto !important;
    }
    .qmsolutiondel .box3 .ts .txt{
        width: auto;
    }
    .qmsolutiondel .box3 .ts h3{
        font-size: 14px;margin-bottom: 10px;
    }
    .qmsolutiondel .box3 .ts .del{
        font-size: 14px;
    }
    .qmsolutiondel .box3 .bds li{
        padding: 24px 0;
    }
    .qmsolutiondel .box4{
        padding: 40px 0;
    }
    .qmsolutiondel .box4 .bd{
        margin-top: 20px;display: block;
    }
    .qmsolutiondel .box4 .bd .del,
    .qmsolutiondel .box4 .bd .img{
        width: auto;
    }
    .qmsolutiondel .box4 .bd .del p{
        font-size: 14px;margin-bottom: 8px;
    }
    .qmsolutiondel .box4 .bd .del{
        margin-top: 15px;
    }
    .qmsolutiondel .box5 .swopsoucase li .img{
        height: 20vh;
    }
    .qmsolutiondel .box5 .swopsoucase li h6{
        padding: 15px 10px;font-size: 14px;
    }
    .qmsolutiondel .box5 .swopsoucase{
        padding: 4px;
    }
    .hpage3 .ovcase .prev, .hpage3 .ovcase .next{
        box-shadow: none;
    }


    .fbannr .ftext h2{
        font-size: 18px;
    }
    .fjoinlist .list ul li:nth-child(2) label{
        display: none;
    }
    .header .rts .naver .fnli .fnablst dd .icon,
    .header .rts .naver .fnli .fnlst dd .txt .ls,
    .header .rts .naver .fnli .fnlst dd .imgs{
        display: none;
    }
    .header .rts .naver .fnli .fnablst dd,
    .header .rts .naver .fnli .fnlst dd{
        width: auto;margin-bottom: 0;
    }
    .header .rts .naver .fnli dl{
        display: block;
    }
    .header .rts .naver .fnli .fnablst,
    .header .rts .naver .fnlst{
        padding: 0;background: none;
    }
    .header .rts .naver .fnli{
        background: none;
    }
    .header .rts .naver .fnli .fnlst dd .txt h4{
        color: #fff;
    }
    .header .rts .naver li{
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    .header .rts .naver .fnli .fnablst dd{
        padding: 0;background: none;
        text-align: left;
    }
    .header .rts .naver .fnli .fnablst dd h4{
        text-align: left;font-size: 1.04rem;
        line-height: 1.56rem;color: #fff;
        font-weight: bold;margin: 0;
        padding: 0.5rem 0;
    }
    .header .rts .naver .fnli .fnablst dl{
        height: auto;
    }
    .header .rts .naver .fnli .fnablst dd.on, .header .rts .naver .fnli .fnablst dd:hover{
        background: none;
    }
    .fpagelst ul li.on a, .fpagelst ul li a:hover{
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
    }
    html{
        /* font-size: 14px !important; */
    }
    .header .logo a{
        margin-left: 0;position: static;
    }
    .header .rts .naver li h3 a{
        color: #fff !important;
    }
    .header .rts .naver li.on h3 a, .header .rts .naver li:hover h3 a{
        color: #fdd000 !important;
    }
    .hpage5 .swipbds{
        overflow: hidden;
    }



    .qmproduct .porlist li{
        width: auto;
        float: none;
        margin: 0 0 10px 0;
    }
    .qmproduct .txtli{
        padding: 30px 0 0;
    }
    .qmproduct .txtli p{
        font-size: 14px;
    }
    .qmproduct .porlist li a{
        padding: 25px 10px;
    }
    .qmproduct .porlist li .pic{
        height: 120px;
    }
    .qmproduct .porlist li h5{
        font-size: 14px;
    }
    .qmaddbox1 .wrap{
        display: block;
    }
    .qmaddbox1 .txt,
    .qmaddbox1 .pic{
        width: auto;
    }
    .qmaddbox1 .txt h2{
        font-size: 20px;
        line-height: 1.2;
    }
    .uqmpg .flxc .lts li{
        width: auto;
    }
    .uqmpg .flxc .lts dl{
        width:auto;position: static;
    }
    .uqmpg .flxc .lts{
        width: auto;
    }
    .uqmpg .flxc{
        display: block;
    }
    .uqmpg .flxc .rts{
        width: auto;
    }
    .qmaddbox1 .txt{
        margin-top: 30px;
    }



    .newtanc{
        width: 96%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    .newtanc .icon{
        right: 0;
        top: -35px;
    }
    .newtanc .b2{
        font-size: 14px;
        padding-bottom: 10px;
    }
    .newtanc .b1{
        font-size: 14px;
        line-height: 40px;
        margin: 15px 0;
    }
    .newtanc .icon{
        width: 30px;
        height: 30px;
        background-size: 50% !important;
    }

    .hbanner .prev{
        left: 1rem;
    }
    .hbanner .next{
        right: 1rem;
    }
    .hbanner .spans{
        display: none;
    }


    .fxkefu{
        font-size: 14px;
    }


    .thank .hd{
        padding: 40px 0 60px;
        background: #f4f4f4;
        text-align: center;
    }
    .thank .hd h2{
        font-size: 30px;
        color: #2377ef;
        line-height: 1.4;
        margin-top:30px;
        font-weight: bold;
    }
    .thank .hd h3{
        font-size: 16px;
        color: #434343;
        line-height: 1.4;
        margin-top: 10px;
    }
    .thank .hd h4{
        font-size: 20px;
        color: #434343;
        line-height: 1.4;
        font-weight: bold;
        margin-top: 10px;
    }

}