body
{
    font: 12px 'Microsoft Yahei','PingFangSC','宋体','Times New Roman';
}
*
{
    box-sizing: border-box;
}
html, body
{
    min-width: 100%;
    overflow-x: hidden;
}
.contain
{
    width: 100%;
    min-width: 100%;
}
.mask
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 998;
}
.full-screen
{
    height: 100%;
    overflow: hidden;
}
.ti
{
    text-indent: -9999px;
}
.bc
{
    margin-left: 0;
    margin-right: 0;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.cb
{
    clear: both;
}
.cl
{
    clear: left;
}
.cr
{
    clear: right;
}
.cf:after
{
    clear: both;
}
.zoom
{
    zoom: 1;
}
.none
{
    display: none;
}
.block
{
    display: block;
}
.eps
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pr
{
    position: relative;
}
.pa
{
    position: absolute;
}
.clearfix:after
{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
.contain-box
{
    margin-bottom: 0;
}
.btn-totop
{
    display: none;
    margin-left: 0;
    left: auto;
    right: 10px;
    z-index: 1001;
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 100px;
    background: url('/png/bcbmwp6u.png') no-repeat center top;
    box-shadow: 0 6px 15px 0 rgba(32,40,94,.1);
}
.btn-totop:hover
{
    background-position: center top;
}
.footer
{
    display: none;
}
.footer-mobile
{
    display: block;
    min-width: 100%;
    padding-top: 12px;
    background-color: #e5e7e9;
}
.footer-mobile .contain
{
    width: 93.6%;
    min-width: 93.6%;
    margin: 0 auto;
}
.footer-mobile .foot-top
{
    background-color: #fff;
    width: 93.6%;
    margin: 0 auto;
    padding: 0 3%;
    width: 100%;
    padding: 0;
    overflow: hidden;
    display: flex;
}
.footer-mobile .foot-top .foot-l
{
    width: 45%;
    padding: 0 26px 0 12px;
    margin: 42px 0 35px 0;
    border-right: 2px solid #ebebeb;
    display: flex;
    align-items: center;
}
.footer-mobile .foot-top .foot-l .contact-item
{
    position: relative;
    z-index: 1;
}
.footer-mobile .foot-top .foot-l .contact-item a
{
    display: flex;
    margin: 15px 0;
    width: 125px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #ebebeb;
    font-size: 14px;
    color: #2a2e2e;
    justify-content: center;
    align-items: center;
}
.footer-mobile .foot-top .foot-l .contact-item a:before
{
    display: block;
    content: "";
    width: 21px;
    height: 16px;
    margin-right: 6px;
}
.footer-mobile .foot-top .foot-l .contact-item a.contact-wx:before
{
    background: url("/png/a6sr3s27.png") no-repeat;
    background-size: 100% 100%;
}
.footer-mobile .foot-top .foot-l .contact-item a.contact-wb:before
{
    background: url("/png/jl2denzb.png") no-repeat;
    background-size: 100% 100%;
}
.footer-mobile .foot-top .foot-l .contact-item .contact-code, .footer-mobile .foot-top .foot-l .contact-item .contact-code img
{
    width: 90px;
    height: 90px;
}
.footer-mobile .foot-top .foot-l .contact-item .contact-code
{
    display: none;
    position: absolute;
    z-index: 3;
    top: 7px;
    left: 50%;
    margin-left: -45px;
}
.footer-mobile .foot-top .foot-r
{
    width: 55%;
    margin: 42px 0 35px 0;
    padding-left: 14px;
}
.footer-mobile .foot-top .foot-r .hd
{
    font-weight: bold;
    font-size: 14px;
    color: #2a2e2e;
}
.footer-mobile .foot-top .foot-r .bd li a
{
    display: block;
}
.footer-mobile .foot-top .foot-r .bd li p, .footer-mobile .foot-top .foot-r .bd li a
{
    color: #72767e;
    margin-top: 5px;
    font-size: 10px;
    align-items: center;
    padding-left: 20px;
    position: relative;
}
.footer-mobile .foot-top .foot-r .bd li p:before, .footer-mobile .foot-top .foot-r .bd li a:before
{
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    margin-right: 8px;
}
.footer-mobile .foot-top .foot-r .bd li .mail:before
{
    background: url("/png/ptq0gew9.png") no-repeat left center;
    background-size: 100% 100%;
    width: 14px;
    height: 11px;
    margin-top: -6px;
}
.footer-mobile .foot-top .foot-r .bd li .address:before
{
    background: url("/png/u4i8n2nr.png") no-repeat left center;
    background-size: 100% 100%;
    width: 12px;
    height: 15px;
    margin-top: -8px;
}
.footer-mobile .foot-top .foot-r .bd li .tel:before
{
    background: url("/png/cl577eho.png") no-repeat left center;
    background-size: 100% 100%;
    width: 11px;
    height: 16px;
    margin-top: -8px;
}
.footer-mobile .foot-bottom
{
    margin-top: 20px;
    padding-bottom: 30px;
}
.footer-mobile .foot-bottom .foot-link
{
    width: 100%;
    padding: 0 5%;
    text-align: center;
}
.footer-mobile .foot-bottom .img-1
{
    width: 20px;
    height: 20px;
}
.footer-mobile .foot-bottom .foot-link
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.footer-mobile .foot-bottom .foot-link a
{
    display: flex;
    align-items: center;
    color: #636978;
    margin: 0 4px 10px;
}
.footer-mobile .foot-bottom .p1
{
    text-align: center;
    color: #636978;
    font-size: 10px;
}
.header
{
    text-align: center;
    z-index: 900;
    height: 52px;
}
.header .logo
{
    width: 100px;
    background-size: 100%;
    margin-top: 6px;
}
.header .menu
{
    width: 80%;
    height: 100%;
    position: fixed;
    top: 0;
    right: -90%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    box-shadow: 0 10px 30px 0 rgba(32,40,94,.1);
    z-index: 999;
    transition: all 400ms ease-in;
}
.header .menu.active
{
    right: -2px;
}
.header .menu .items li.item
{
    height: auto;
    border-bottom: 1px solid #ccc;
    float: none;
    text-align: left;
    padding: 0;
}
.header .menu .items li.item a:hover
{
    color: #2a2c2e;
}
.header .menu .items li.item.has-sub>a
{
    padding-right: 0;
}
.header .menu .items li.item.has-sub>a:after
{
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 25px;
    background-position: 0 0!important;
}
.header .menu .items li.item.has-sub.active>a
{
    color: #0075eb;
}
.header .menu .items li.item.has-sub.active>a:after
{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background-position: 0 -10px!important;
}
.header .menu .items li.item.has-sub.active .sub-items
{
    display: block;
}
.header .menu .items li.item>a
{
    display: block;
    width: 90%;
    line-height: 34px;
    padding: 10px 0;
    margin: 0 auto;
}
.header .menu .items li.item .sub-item a::after
{
    background: none;
}
.header .menu .sub-items
{
    display: none;
    background: #fafafa;
    padding: 10px 10%;
}
.header .menu .sub-items .sub-item
{
    margin-bottom: 6px;
}
.header .menu .sub-items .hd
{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.header .menu .sub-items .bd
{
    line-height: 26px;
    font-size: 12px;
}
.header .menu .sub-items .bd a
{
    color: #666!important;
    float: left;
}
.header .menu .sub-items .bd:after
{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
.header .menu .sub-items .more
{
    display: block;
    padding-right: 0;
    line-height: 32px;
    font-size: 14px;
}
.header .menu .sub-items .more::after
{
    background: none!important;
}
.header .menu-icon
{
    display: block;
    width: 44px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url(/png/45f8qhdb.png) no-repeat center center;
    background-size: 16px;
}
.index-banner, .index-preson, .index-company, .index-news, .index-friend-links
{
    min-width: 100%;
}
.index-page
{
    background-color: #e5e7e9;
}
.index-banner
{
    height: 200px;
}
.index-banner .swiper-container, .index-banner .device
{
    width: 100%;
}
.index-banner .arrow-left, .index-banner .arrow-right
{
    display: none;
}
.index-banner .device
{
    height: 100%;
    position: static;
    left: 0;
    top: 0;
    margin-left: 0;
}
.index-banner .swiper-container
{
    z-index: 1;
    height: 100%;
}
.index-banner .swiper-container .swiper-slide .video-link
{
    height: 100%;
    width: 100%;
}
.index-banner .swiper-container .swiper-slide .video-link i
{
    display: block;
}
.index-banner .swiper-container .swiper-slide .video
{
    position: relative;
}
.index-banner .swiper-container .swiper-slide .content-slide
{
    width: 100%;
    height: 100%;
    background: #000;
}
.index-banner .pagination
{
    bottom: 10px;
    z-index: 2;
}
.index-banner .swiper-pagination-switch
{
    width: 5px;
    height: 5px;
    border-radius: 5px;
}
.index-banner .swiper-active-switch
{
    width: 20px;
}
.bgItem
{
    background-color: #fff;
    width: 93.6%;
    margin: 0 auto;
    padding: 0 3%;
}
.index-title
{
    font-size: 20px;
}
.index-sub-title
{
    font-size: 14px;
    color: #5f6464;
}
.index-sub-title .more
{
    font-size: 14px;
    color: #303234;
    top: -34px;
    right: 15px;
}
.index-sub-title .more:hover
{
    color: #303234;
}
.index-page .hd
{
    text-indent: 18px;
}
.index-page .index-sub-title
{
    margin-bottom: 35px;
}
.index-page .hd
{
    padding-top: 32px;
}
.index-page .section-wrap
{
    background-color: #fff;
    width: 93.6%;
    margin: 0 auto;
    padding: 0 3%;
    margin: 12px auto 0;
    padding: 0 3% 35px;
}
.index-preson.section02
{
    background: transparent;
    text-align: left;
    height: auto;
}
.index-preson.section02 .section-wrap
{
    position: relative;
}
.index-preson.section02 .person-container
{
    margin: 0 auto;
    width: 100%;
    height: 270px;
    overflow: hidden;
}
.index-preson.section02 .person-container .bd
{
    padding-top: 0;
}
.index-preson.section02 .person-container .bd li
{
    width: 100%;
    float: left;
    margin-right: 0;
}
.index-preson.section02 .person-container .bd li .item
{
    width: 100%;
}
.index-preson.section02 .person-container .bd li .img-box
{
    margin-top: 0;
}
.index-preson.section02 .person-container .bd li:hover .item
{
    height: auto;
    top: 0;
}
.index-preson.section02 .person-container .bd li:hover .circle_bottom, .index-preson.section02 .person-container .bd li:hover .circle_bottom2
{
    display: none;
}
.index-preson.section02 .person-container .bd li:hover .btn-blue
{
    display: none;
    opacity: 0;
}
.index-preson.section02 .person-pagination
{
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 40px;
    left: 0;
    z-index: 22;
}
.index-preson.section02 .person-pagination .swiper-pagination-switch
{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #b0b7c1;
    margin: 0 5px;
    cursor: pointer;
}
.index-preson.section02 .person-pagination .swiper-pagination-switch.swiper-active-switch
{
    background-color: #0e94ff;
}
.index-company.section03
{
    text-align: left;
    height: auto;
}
.index-company.section03 .contain
{
    min-width: 93.6%;
}
.index-company.section03 .bd
{
    width: 100%;
    padding: 0 3%;
    height: auto;
    margin-right: 0;
}
.index-company.section03 .bd li
{
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 18px;
}
.index-company.section03 .bd li .bg
{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.index-company.section03 .bd li .icon
{
    left: 7.8%;
    bottom: 30%;
}
.index-company.section03 .bd li h5
{
    width: 50%;
    bottom: 50.7%;
    left: 30%;
}
.index-company.section03 .bd li .info
{
    width: 65.6%;
    bottom: 33.6%;
    left: 30%;
}
.index-company.section03 .bd li:hover .bg
{
    -webkit-transform: scale(1);
    transform: scale(1);
}
.index-news.section04
{
    text-align: left;
    height: auto;
}
.index-news.section04 .index-sub-title
{
    font-size: 0;
    margin-bottom: 15px;
}
.index-news.section04 .contain
{
    min-width: 93.6%;
}
.index-news.section04 .news-left, .index-news.section04 .news-right
{
    float: none;
}
.index-news.section04 .news-right
{
    display: none;
}
.index-news.section04 .bd a
{
    display: block;
    position: relative;
}
.index-news.section04 .bd .title
{
    width: 80%;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px;
}
.index-news.section04 .bd .time
{
    position: absolute;
    font-size: 13px;
    right: 0;
    bottom: 3px;
    margin-bottom: 0;
}
.index-news.section04 .bd .intro
{
    width: 80%;
    font-size: 13px;
    height: 24px;
}
.index-news.section04 .news-left
{
    padding: 0 7%;
    width: 100%;
    height: auto;
    background-color: #fff;
}
.index-news.section04 .news-left .news-img-box
{
    width: 100%;
    height: auto;
    margin-bottom: 0;
}
.index-news.section04 .news-left .news-img-box img
{
    width: 100%;
    height: auto;
}
.index-news.section04 .news-left .intro
{
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}
.index-news.section04 .news-left .time
{
    bottom: auto;
    top: 50px;
}
.index-news.section04 .news-left .btn
{
    width: 30px;
    height: 30px;
    position: absolute;
    background: url(/png/1svjg5vn.png) no-repeat;
    right: 3px;
    top: 12px;
    text-indent: -9999px;
}
.index-news.section04 .news-left .btn:hover
{
    box-shadow: none;
}
.index-news.section04 .news-right
{
    padding: 0 7%;
    width: 100%;
    height: auto;
}
.index-news.section04 .news-right .item
{
    border-bottom: none;
    margin-bottom: 22px;
}
.index-news.section04 .news-right .item a
{
    padding: 0;
    height: auto;
}
.index-news.section04 .news-right .item .arrow-link
{
    right: 0;
    top: 0;
}
.index-news.section04 .news-right .item .time
{
    top: auto;
}
.index-news.section04 .news-right .item.item-hover
{
    box-shadow: none;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.index-news.section04 .news-right .item.item-hover .title, .index-news.section04 .news-right .item.item-hover .intro
{
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.index-news.section04 .news-right .item.item-hover .title
{
    color: #2a2c2e;
}
.index-friend-links.section05
{
    text-align: left;
    height: auto;
}
.index-friend-links.section05 .contain
{
    min-width: 93.6%;
}
.index-friend-links.section05 .index-sub-title
{
    font-size: 0;
    margin-bottom: 0;
}
.index-friend-links.section05 .bd
{
    width: 100%;
    padding: 0 6.8%;
    height: 170px;
    overflow: hidden;
}
.index-friend-links.section05 .friend-links
{
    border: 2px solid #ebebeb;
    width: 30%;
    height: 76px;
    margin: 0 1.5% 9px 1.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
}
.index-friend-links.section05 .friend-links .img1
{
    z-index: 0;
    opacity: 0;
    display: none;
}
.index-friend-links.section05 .friend-links .img2
{
    display: block;
    z-index: 1;
    opacity: 1;
    width: 100%;
    height: auto;
    position: static;
}
.index-friend-links.section05 .open-more
{
    display: block;
    cursor: pointer;
    background: url(/png/zqybeocd.png) no-repeat right center;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    -webkit-animation: shank .5s infinite;
    animation: shank .5s infinite;
}
.index-friend-links.section05 .all .bd
{
    height: auto;
}
.index-friend-links.section05 .all .open-more
{
    display: none;
}
@-webkit-keyframes shank
{
    0%, 100%
    {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    50%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes shank
{
    0%, 100%
    {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    50%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.modal-open .modal.bs-example-modal-lg
{
    top: 50%;
    margin-top: -180px;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
}
.modal-lg
{
    width: 100%;
    margin-top: 0;
}
.modal-close
{
    right: 0;
    top: -30px;
    background-position: 11px -10px;
}
#video-box
{
    height: 360px;
}
.sw-banner
{
    min-width: 100%;
    height: 280px;
}
.sw-banner .contain
{
    padding: 0 20px;
}
.sw-banner h2
{
    margin-top: 60px;
    font-size: 30px;
}
.sw-banner h2 span
{
    display: block;
    padding-left: 0;
    font-size: 14px;
    margin-top: 5px;
}
.sw-banner .nav
{
    margin-top: 40px;
}
.news-list .news-list-item
{
    padding: 20px;
    padding-top: 0;
}
.news-list .news-list-item:first-child
{
    padding-top: 35px;
}
.news-list .news-list-item:last-child a
{
    border-bottom: 0;
}
.news-list .news-list-item .time
{
    margin: 0;
    margin-right: 0;
    width: 100%;
}
.news-list .news-list-item .time .date
{
    margin-right: 10px;
}
.news-list .news-list-item .news-pic
{
    width: 100%;
    height: auto;
}
.news-list .news-list-item .bd
{
    width: 100%;
}
.news-list .news-list-item .bd h5
{
    width: 100%;
    padding-top: 15px;
    padding-bottom: 10px;
}
.news-list .news-list-item .bd p
{
    line-height: 1.8em;
    height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}
.news-list .news-list-item a
{
    padding-bottom: 18px;
}
.news-list .news-list-item.hover
{
    box-shadow: none;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.news-list .news-list-item.hover a
{
    border-color: transparent;
}
.pagination
{
    padding: 0 10px;
    margin-top: 40px;
}
.pagination li
{
    margin-bottom: 10px;
}
.pagination .all, .pagination .prev, .pagination .next
{
    display: none;
}
.contain-padding
{
    padding: 20px;
}
.news-page .news-title
{
    font-size: 20px;
}
.news-page .news-info
{
    font-size: 14px;
    margin-bottom: 30px;
}
.news-page .news-foot
{
    font-size: 14px;
}
.about-hd
{
    font-size: 20px;
}
.about-nav-box
{
    top: 52px;
    min-width: 100%;
    display: none;
}
.about-nav-box .about-nav
{
    width: 100%;
    overflow-x: auto;
}
.about-nav-box .about-nav::-webkit-scrollbar
{
    height: 0;
}
.about-nav-box .about-nav::-webkit-scrollbar-track
{
    background: transparent;
    border-radius: 2px;
}
.about-nav-box .about-nav::-webkit-scrollbar-thumb
{
    background: #ccc;
    border-radius: 2px;
}
.about-nav-box .about-nav::-webkit-scrollbar-thumb:hover
{
    background: #ccc;
}
.about-nav-box .about-nav::-webkit-scrollbar-corner
{
    background: transparent;
}
.about-nav-box .about-nav ul
{
    white-space: nowrap;
    height: 38px;
    position: relative;
}
.about-nav-box .about-nav ul li
{
    line-height: 40px;
    font-size: 14px;
    margin: 0 12px;
}
.about-main
{
    padding: 20px;
}
.about-hd
{
    margin-bottom: 0;
}
.about-us-group .company-img
{
    float: none;
}
.about-us-group .company-img img.mobile
{
    display: block;
    width: 100%;
}
.about-us-group .company-img img.pc
{
    display: none;
}
.about-us-group .about-us
{
    padding: 20px 0;
    width: 100%;
    float: none;
}
.about-honor ul li
{
    padding: 0;
    width: 50%;
}
.about-honor ul li img
{
    width: 90%;
    height: auto;
    margin: 20px auto;
}
.about-honor ul li:hover
{
    background: none;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.about-history .history-main
{
    padding: 20px 0;
}
.about-history .history
{
    margin-left: 80px;
    width: auto;
}
.about-history .history p
{
    width: 100%;
}
.about-culture .about-hd
{
    margin-bottom: 15px;
}
.about-culture .culture-bd ul li
{
    width: 100%;
    height: 100%;
}
.about-culture .culture-bd ul li .culture-detail
{
    padding: 15px;
    width: 100%;
    float: none;
}
.about-culture .culture-bd ul li .culture-detail .h1
{
    font-size: 18px;
    margin-bottom: 0;
}
.about-culture .culture-bd ul li .culture-detail .h1, .about-culture .culture-bd ul li .culture-detail .h2, .about-culture .culture-bd ul li .culture-detail p
{
    width: 100%;
}
.about-culture .culture-bd ul li .culture-detail p
{
    white-space: normal;
    line-height: 1.4em!important;
    margin-bottom: 10px;
    font-size: 12px;
}
.about-culture .culture-bd ul li .culture-detail .culture-desc
{
    margin-top: 15px;
}
.about-culture .culture-bd ul li img
{
    float: none;
    width: 100%;
    height: auto;
}
.about-contact .about-hd
{
    margin-bottom: 15px;
}
.about-contact .company-address-group
{
    width: 100%;
    height: auto;
    background: #f5f7fa;
}
.about-contact .company-address-group .company-address
{
    width: 100%;
}
.about-contact .company-address-group .company-address .name
{
    width: 136px;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin-top: 20px;
}
.about-contact .company-address-group .company-address .company-address-detail
{
    padding: 20px;
}
.about-contact .company-address-group .company-address-img
{
    display: none;
}
.about-contact .contact-item ul li
{
    margin-left: 0;
    padding-left: 70px;
}
.about-contact .contact-item ul li .p1
{
    font-size: 16px;
}
.about-contact .contact-item ul li .p2
{
    font-size: 14px;
}
.about-contact .contact-item ul li.li1
{
    background-size: contain;
}
.about-contact .contact-item .contact-bd p
{
    white-space: normal;
}
.product-page .product-box .product-left
{
    display: none;
}
.product-page .product-box .product-right
{
    width: 100%;
    margin: 0 auto;
    float: none;
}
.product-page .product-box .product-item-box
{
    width: 100%;
    margin: 0 auto;
    padding: 20px;
}
.product-page .product-box .product-item-box .product-item
{
    padding-bottom: 50px;
}
.product-page .product-box .product-item-box .hd
{
    padding-bottom: 10px;
}
.product-page .product-box .product-item-box .hd h6
{
    width: 75%;
    padding-right: 2%;
}
.product-page .product-box .product-item-box .hd a
{
    width: 25%;
    text-align: right;
}
.product-page .product-box .product-item-box .bd img
{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.product-page .product-box .product-title
{
    width: 100%;
    margin-bottom: 30px;
}
.product-page .product-box .product-title h5
{
    color: #0075eb;
    width: 150px;
    text-align: center;
}
.section
{
    min-width: 100%;
}
.section .section-wrap
{
    width: 100%;
    height: auto;
}
.section .section-wrap .com-hd
{
    font-size: 24px;
    margin-top: 30px;
    padding-top: 50px;
}
.yxly-section02
{
    height: auto;
}
.yxly-section02 .has-box
{
    width: 100%;
    height: auto;
}
.yxly-section02 .has-box ul li
{
    width: 100%;
    height: auto;
    padding: 20px 5px;
}
.service ul li .p1
{
    font-size: 15px;
    margin-top: 290px;
}
.service ul li .p1 span
{
    font-size: 20px;
}
.service ul li p
{
    font-size: 14px;
    line-height: 28px;
}
.yxly-section03 .service
{
    width: 100%;
    margin-top: 32px;
}
.yxly-section03 .service ul li
{
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 20px;
}
.yxly-section03 .service ul li.list1
{
    background: url('/png/wmiyrf4g.png') no-repeat center 10px;
    background-size: 65% auto;
    padding-right: 0;
}
.yxly-section03 .service ul li.list2
{
    background: url('/png/53q6mzwz.png') no-repeat center 10px;
    background-size: 70% auto;
    padding-left: 0;
}
.yxly-section03 .service ul li.list3
{
    background: url('/png/3vaygs7h.png') no-repeat center 10px;
    background-size: 65% auto;
    padding-right: 0;
}
.yxly-section04 .section-wrap .com-hd
{
    margin-top: 0;
}
.example
{
    margin-top: 30px;
}
.example ul
{
    margin: 0;
}
.example ul li
{
    width: 99%;
    margin: 0 .5% 20px .5%;
}
.example ul li .pic
{
    width: 100%;
}
.example ul li .pic img
{
    width: 100%;
}
.section01 .name-box h3
{
    font-size: 39px;
}
.section02
{
    height: auto;
}
.section02 .section-wrap .com-hd
{
    margin-top: 0;
}
.section02 .problem
{
    width: 100%;
    margin: 40px auto 20px;
}
.section02 .problem ul
{
    margin: 0;
}
.section02 .problem ul li
{
    width: 48%;
    margin: 0 1% 15px;
}
.section02 .problem ul li img
{
    width: 100%;
    height: auto;
}
.section03
{
    height: auto;
}
.section03 .section-wrap .com-hd
{
    margin-top: 0;
}
.section03 .section-wrap .service
{
    margin-top: 32px;
}
.section04
{
    height: auto;
}
.section04 .section-wrap .com-hd
{
    margin-top: 0;
}
.section04 .section-wrap .bright-point
{
    margin-top: 35px;
}
.section04 .section-wrap .bright-point ul
{
    margin: 0;
}
.section04 .section-wrap .bright-point ul li
{
    width: 48%;
    height: auto;
    margin: 0 1% 10px;
}
.section05 .section-wrap .com-hd
{
    padding-top: 25px;
}
.contact
{
    width: 100%;
    padding: 0 20px;
    position: static;
    line-height: 1;
    background-size: 100% 100%;
}
.contact .contact-us
{
    float: none;
    line-height: 60px;
}
.contact p
{
    width: 100%;
    line-height: 30px;
    float: none;
    color: #fff;
}
.contact p .email
{
    display: block;
    width: 100%;
    margin-right: 100px;
}
.contact p .phone
{
    font-size: 24px;
}
.section06
{
    height: auto;
}
.section03 .service
{
    width: 100%;
    margin-top: 32px;
}
.section03 .service ul li
{
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 20px;
}
.section03 .service ul li.list1
{
    background: url('/png/wmiyrf4g.png') no-repeat center 10px;
    background-size: 65% auto;
    padding-right: 0;
}
.section03 .service ul li.list2
{
    background: url('/png/53q6mzwz.png') no-repeat center 10px;
    background-size: 70% auto;
    padding-left: 0;
}
.section03 .service ul li.list3
{
    background: url('/png/3vaygs7h.png') no-repeat center 10px;
    background-size: 65% auto;
    padding-right: 0;
}
.yxtg-section02 .problem ul li
{
    height: auto;
    background-color: transparent;
    margin-bottom: 25px;
}
.yxtg-section02 .problem ul li p
{
    width: 80%;
    margin-left: -40%;
    bottom: -15px;
}
.yxtg-section02 .problem ul li:hover
{
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.yxtg-section03 .section-wrap .com-hd
{
    font-size: 22px;
}
.yxtg-section03 .service ul li
{
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 20px;
}
.yxtg-section03 .service ul li.list1
{
    background: url('/png/p51yb973.png') no-repeat center 10px;
    background-size: 65% auto;
    padding-right: 0;
}
.yxtg-section03 .service ul li.list2
{
    background: url('/png/3q5qjdqe.png') no-repeat center 10px;
    background-size: 65% auto;
    padding-left: 0;
}
.yxtg-section03 .service ul li.list3
{
    background: url('/png/qwhk73ze.png') no-repeat center 10px;
    background-size: 65% auto;
    padding-right: 0;
}