﻿/*! www.vancheer.com  |  Powered by vancheer */
@media screen and (max-width: 1366px)
{
    .headDiv
    {
        height: 120px;
    }
    .headDiv .wal
    {
        height: 120px;
    }
    .headDiv .logo
    {
        top: 22px;
    }
    .headDiv .txt
    {
        padding-left: 582px;
        line-height: 120px;
        font-size: 20px;
    }
    .headDiv .lan li
    {
        font-size: 20px;
        line-height: 120px;
    }
    .headDiv .mxf
    {
        right: 185px;
        top: 37px;
    }
    .nav .wal
    {
        width: 1200px;
    }
    .nav ul
    {
        margin-right: -49px;
    }
    .nav li
    {
        margin-right: 49px;
    }
    .headDiv .logo img
    {
        width: 530px;
    }
    .nav
    {
        height: 60px;
    }
    .nav li
    {
        height: 60px;
        line-height: 60px;
    }
    .nav a
    {
        line-height: 60px;
    }
    .sNav
    {
        top: 167px;
    }
}
@media screen and (max-width: 1004px)
{
    .wal, .wal2, .w1040
    {
        width: 100%;
    }
    .headDiv
    {
        height: 50px;
    }
    .headDiv .wal
    {
        height: 50px;
    }
    .headDiv .logo
    {
        position: absolute;
        left: 8px;
        top: 15px;
    }
    .headDiv .logo img
    {
        width: 180px;
    }
    .PC-Box, .headDiv .mxf, .headDiv .txt, .headDiv .lan, .nav, .banner, .sideBar, .pageBanner, .pageNow, .pageNav, .pageNum, .w220
    {
        display: none;
    }
    .Phone-Box, .headDiv .lanTel, .navIco, .bannerTel, .pageBannerTel, .pageTitleTel, .pageMore
    {
        display: block;
    }
    .indexTitle .title1
    {
        font-size: 18px;
        line-height: 18px;
        height: 35px;
    }
    .indexTitle .title2
    {
        padding-top: 10px;
        font-size: 14px;
    }
    .pageBox
    {
        padding: 20px 10px 50px;
    }
    .indexPart1
    {
        padding: 30px 0 0;
    }
    .indexPart1 .bigBox
    {
        padding-top: 15px;
    }
    .indexPart1 .leftDiv
    {
        width: 100%;
        margin-right: 0;
    }
    .indexPart1 .mxfDiv
    {
        height: auto;
        padding: 0 15px 30px;
    }
    .indexPart1 .mxfDiv .txt
    {
        padding: 25px 0;
        font-size: 16px;
    }
    .indexPart1 .list li
    {
        height: 154px;
        font-size: 16px;
    }
    .indexPart1 .list li .wen
    {
        padding: 18px 0 0 15px;
    }
    .indexPart1 .list li .wen em
    {
        padding-right: 14px;
    }
    .indexPart1 .list li .wen2
    {
        left: 15px;
    }
    .indexPart1 .list li .ico
    {
        right: 15px;
    }
    .indexPart1 .rightDiv
    {
        width: 100%;
    }
    .indexPart1 .rightDiv .imgDiv img
    {
        width: 100%;
    }
    .indexPart1 .contentBox
    {
        width: 85%;
        height: 124px;
    }
    .indexPart1 .contentBox .gth
    {
        padding: 10px 0 0 10px;
        font-size: 16px;
    }
    .indexPart1 .contentBox .gth em
    {
        font-size: 20px;
        top: 2px;
    }
    .indexPart1 .contentBox .fang
    {
        padding: 5px 0 0 10px;
    }
    .indexPart1 .contentBox .fang li
    {
        font-size: 12px;
    }
    .indexPart1 .contentBox .ico
    {
        right: 15px;
        bottom: 12px;
    }
    .indexPart2
    {
        padding: 30px 0 40px;
    }
    .indexPart2 .bigBox
    {
        padding-top: 15px;
    }
    .indexPart2 .detail
    {
        width: 100%;
        height: auto;
    }
    .indexPart2 .detail .imgDiv img
    {
        width: 100%;
    }
    .indexPart2 .detail .botDiv
    {
        height: 100px;
    }
    .indexPart2 .detail .name
    {
        padding: 20px 15px 10px;
        font-size: 16px;
    }
    .indexPart2 .detail .msg
    {
        font-size: 13px;
        padding: 0 15px;
        line-height: 20px;
        height: 40px;
    }
    .indexPart2 .rightDiv
    {
        width: auto;
        padding: 20px 10px 0;
    }
    .indexPart2 .rightDiv li
    {
        height: 84px;
        margin-bottom: 8px;
    }
    .indexPart2 .rightDiv li a
    {
        height: 84px;
        padding: 0 10px 0 100px;
    }
    .indexPart2 .rightDiv li .timeDiv
    {
        font-size: 12px;
        left: 10px;
        height: 84px;
        width: 72px;
    }
    .indexPart2 .rightDiv li .timeDiv b
    {
        padding-top: 16px;
        font-size: 24px;
    }
    .indexPart2 .rightDiv li .name
    {
        line-height: 22px;
        height: 44px;
        font-size: 15px;
        padding-top: 15px;
    }
    .indexPart2 .rightDiv li .ico
    {
        display: none;
    }
    .indexPart3
    {
        padding: 30px 10px;
    }
    .indexPart3 .list ul
    {
        margin-right: 0;
    }
    .indexPart3 .list li
    {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .indexPart3 .list li .box
    {
        margin-right: 0;
        padding-bottom: 58px;
    }
    .indexPart3 .list li .contentBox
    {
        width: 226px;
        margin-left: -113px;
        height: 124px;
    }
    .indexPart3 .list li .name
    {
        padding: 30px 0 15px;
        font-size: 16px;
    }
    .indexPart4
    {
        padding: 30px 10px;
    }
    .indexPart4 .bigBox
    {
        padding-top: 15px;
    }
    .indexPart4 .leftDiv
    {
        width: 100%;
    }
    .indexPart4 .leftDiv .txt
    {
        left: 15px;
        bottom: 12px;
        height: 44px;
        line-height: 22px;
        overflow: hidden;
        font-size: 14px;
        padding-right: 10px;
    }
    .indexPart4 .rightDiv
    {
        width: 100%;
    }
    .indexPart4 .rightDiv li .name
    {
        left: 15px;
        bottom: 12px;
        font-size: 14px;
    }
    .indexPart4 .rightDiv li .name img
    {
        padding-left: 10px;
        top: -1px;
    }
    .indexPart5
    {
        height: auto;
        padding: 0 10px 40px;
    }
    .indexPart5 .leftDiv
    {
        width: 100%;
        height: auto;
        background: none;
    }
    .indexPart5 .txt1
    {
        padding: 25px 0 12px;
        font-size: 16px;
    }
    .indexPart5 .txt2
    {
        font-size: 14px;
        padding-bottom: 10px;
    }
    .indexPart5 .contentBox
    {
        height: auto;
        min-height: 90px;
        padding-left: 130px;
    }
    .indexPart5 .contentBox .imgDiv img
    {
        width: 118px;
    }
    .indexPart5 .contentBox .name
    {
        font-size: 14px;
        padding-bottom: 15px;
    }
    .indexPart5 .contentBox .list li
    {
        font-size: 12px;
        line-height: 22px;
    }
    .indexPart5 .rightDiv
    {
        padding-left: 0;
        padding-top: 0;
    }
    .footDiv
    {
        padding-top: 25px;
        height: auto;
    }
    .footDiv .leftDiv, .footDiv .midDiv, .footDiv .rightDiv
    {
        display: none;
    }
    .footDiv .mxfDiv
    {
        width: 100%;
        float: none;
    }
    .footDiv .share
    {
        text-align: center;
    }
    .footDiv .share ul
    {
        margin-right: 0;
    }
    .footDiv .share li
    {
        float: none;
        display: inline-block;
        width: 31px;
        height: 31px;
        margin: 0 3px;
    }
    .foot
    {
        padding: 15px 10px;
        height: auto;
        background: none;
    }
    .foot .wal
    {
        height: auto;
    }
    .foot .msg
    {
        float: none;
        line-height: 22px;
        color: #666;
        text-align: center;
    }
    .foot .msg a
    {
        color: #666;
    }
    .foot .ri, .foot .links
    {
        display: none;
    }
    .about
    {
        padding-bottom: 30px;
    }
    .about2
    {
        padding: 30px 0 35px;
    }
    .about .name
    {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .about .content
    {
        line-height: 26px;
    }
    .about .tab2
    {
        padding-top: 30px;
        height: 65px;
    }
    .about .tab2 li
    {
        margin-right: 1px;
        width: 33%;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }
    .about .txt
    {
        font-size: 16px;
    }
    .about .imgDiv
    {
        padding-bottom: 20px;
    }
    .about .imgDiv img
    {
        width: 100%;
    }
    .aboutList
    {
        height: auto;
        background: #ececec;
        padding-bottom: 25px;
    }
    .aboutList .list
    {
        padding-top: 45px;
    }
    .aboutList .list li
    {
        width: 50%;
        margin-bottom: 20px;
    }
    .aboutList .list li .ico
    {
        padding-bottom: 12px;
    }
    .aboutList .list li .ico img
    {
        width: 80px;
    }
    .aboutList .list li .num
    {
        font-size: 14px;
    }
    .aboutList .list li .num b
    {
        font-size: 26px;
    }
    .aboutList .list li .msg
    {
        font-size: 14px;
    }
    .group
    {
        padding-bottom: 50px;
    }
    .group .title
    {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .group .imgDiv img
    {
        width: 100%;
    }
    .honorTab
    {
        height: 56px;
    }
    .honorTab li
    {
        margin-right: 0;
        font-size: 14px;
        width: 33.33%;
    }
    .honorTab li a
    {
        width: 100%;
        height: 40px;
        line-height: 40px;
    }
    .honorPic
    {
        padding: 20px 0 80px;
    }
    .honorPic .slick
    {
        margin: 0 5px;
    }
    .honorPic .slick .imgDiv
    {
        padding: 5px;
    }
    .honorPic .slick .name
    {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        padding-top: 5px;
    }
    .honorPic .slick-prev
    {
        left: 50%;
        margin-left: -45px;
        bottom: 20px;
        top: auto;
        margin-top: 0;
    }
    .honorPic .slick-next
    {
        right: 50%;
        margin-right: -45px;
        bottom: 20px;
        top: auto;
        margin-top: 0;
    }
    .honor .list
    {
        padding: 30px 0 0 0;
    }
    .honor .list li
    {
        float: none;
        width: 100%;
        font-size: 13px;
        margin-bottom: 20px;
    }
    .customer
    {
        padding-bottom: 0;
    }
    .customer .title
    {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .customer .tab2
    {
        height: 90px;
    }
    .customer .tab2 li
    {
        margin-right: 1px;
        width: 33%;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .customer .list ul
    {
        margin-right: -10px;
    }
    .customer .list li
    {
        width: 50%;
        margin-bottom: 10px;
    }
    .customer .list li .box
    {
        margin-right: 10px;
    }
    .concern
    {
        padding: 20px 0 10px;
    }
    .concern .title
    {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .concern .msg
    {
        padding-bottom: 25px;
        line-height: 26px;
    }
    .concern .list
    {
        padding-bottom: 35px;
    }
    .concern .list ul
    {
        margin-right: -10px;
    }
    .concern .list li
    {
        width: 50%;
        margin-bottom: 15px;
    }
    .concern .list li .box
    {
        margin-right: 10px;
    }
    .concern .list li .midDiv
    {
        height: 108px;
        padding: 0 10px;
    }
    .concern .list li .name
    {
        padding-top: 10px;
        font-size: 14px;
    }
    .concern .list li .content
    {
        padding-top: 10px;
    }
    .concern .list li .botDiv
    {
        height: 38px;
        padding: 0 10px;
        font-size: 13px;
    }
    .concern .list li .botDiv a
    {
        height: 38px;
    }
    .concern .list li .more
    {
        line-height: 38px;
    }
    .concern .list li .time
    {
        right: 10px;
        line-height: 38px;
    }
    .news
    {
        padding-bottom: 0;
    }
    .news .title
    {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .news .list
    {
        padding-bottom: 40px;
    }
    .news .list li
    {
        height: 115px;
        padding-left: 135px;
    }
    .news .list li .imgDiv
    {
        top: 15px;
    }
    .news .list li .imgDiv img
    {
        width: 125px;
    }
    .news .list li .name
    {
        padding-top: 15px;
        font-size: 16px;
        height: 44px;
        line-height: 22px;
    }
    .news .list li .content
    {
        display: none;
    }
    .news .list li .time
    {
        padding-top: 15px;
        color: #b3b3b3;
    }
    .news .list li .btnDiv
    {
        display: none;
    }
    .newShow
    {
        padding: 20px 0;
    }
    .newShow .name
    {
        font-size: 18px;
        padding-bottom: 10px;
    }
    .newShow .time
    {
        padding-bottom: 24px;
    }
    .newShow .content
    {
        line-height: 26px;
        padding-top: 20px;
    }
    .newShow .imgDiv
    {
        padding: 25px 0;
    }
    .newShow .imgDiv img
    {
        width: 100%;
    }
    .pageDown
    {
        height: auto;
    }
    .pageDown .box
    {
        padding-top: 20px;
        padding-right: 0;
    }
    .pageDown .btn
    {
        position: relative;
        top: 0;
        margin-top: 10px;
    }
    .culture
    {
        padding-bottom: 0;
    }
    .culture .title
    {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .culturePic
    {
        margin: 0;
        padding-bottom: 80px;
    }
    .culturePic .slick
    {
        margin: 0;
    }
    .culturePic .slick-prev
    {
        left: 50%;
        margin-left: -45px;
        bottom: 20px;
        top: auto;
        margin-top: 0;
    }
    .culturePic .slick-next
    {
        right: 50%;
        margin-right: -45px;
        bottom: 20px;
        top: auto;
        margin-top: 0;
    }
    .training
    {
        padding-bottom: 0;
    }
    .training .title
    {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .training .msg
    {
        padding-bottom: 25px;
    }
    .training .list
    {
        padding-bottom: 30px;
    }
    .training .list ul
    {
        margin-right: -10px;
    }
    .training .list li
    {
        width: 50%;
        margin-bottom: 15px;
    }
    .training .list li .box
    {
        margin-right: 10px;
    }
    .training .list li .name
    {
        height: 39px;
        padding: 0 15px;
        line-height: 38px;
        background: none;
    }
    .training .list li:hover .name
    {
        background: none;
    }
    .power
    {
        padding-bottom: 30px;
    }
    .power .title
    {
        font-size: 18px;
        padding-bottom: 28px;
    }
    .power .wenBox
    {
        padding-top: 32px;
    }
    .power .wen
    {
        font-size: 20px;
        background-size: 230px;
        height: 32px;
        line-height: 32px;
    }
    .power .content
    {
        line-height: 26px;
        padding: 30px 0 45px;
    }
    .power .content b
    {
        font-size: 16px;
    }
    .power .list
    {
        padding-bottom: 48px;
    }
    .power .list li
    {
        width: 50%;
        margin-bottom: 30px;
    }
    .power .list li .box
    {
        padding-left: 25px;
    }
    .power .list li .num
    {
        font-size: 22px;
    }
    .power .list li .num b
    {
        font-size: 36px;
    }
    .power .list li .fs
    {
        height: 45px;
        font-size: 16px;
    }
    .power .list li .fs em
    {
        width: 30px;
        height: 3px;
    }
    .powerPic
    {
        padding-bottom: 80px;
    }
    .powerPic .slick
    {
        margin: 0 5px;
    }
    .powerPic .slick .imgDiv
    {
        padding: 5px;
    }
    .powerPic .slick .name
    {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        padding-top: 5px;
    }
    .powerPic .slick-prev
    {
        left: 50%;
        margin-left: -45px;
        bottom: 20px;
        top: auto;
        margin-top: 0;
    }
    .powerPic .slick-next
    {
        right: 50%;
        margin-right: -45px;
        bottom: 20px;
        top: auto;
        margin-top: 0;
    }
    .design
    {
        padding-bottom: 0;
    }
    .design .title
    {
        font-size: 18px;
        padding-bottom: 25px;
    }
    .design .content
    {
        padding-bottom: 25px;
    }
    .design .wen
    {
        font-size: 16px;
        padding-bottom: 45px;
    }
    .design .wen2
    {
        padding-bottom: 20px;
    }
    .design .list1
    {
        padding: 0;
    }
    .design .list1 ul
    {
        margin-right: 0;
    }
    .design .list1 li
    {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    .design .list1 li .box
    {
        margin-right: 0;
    }
    .design .list1 li .name
    {
        padding-top: 20px;
    }
    .design .mxfDiv
    {
        width: auto;
        padding-bottom: 70px;
    }
    .design .mxfDiv p
    {
        padding-top: 20px;
    }
    .design .list2 ul
    {
        margin-right: -10px;
    }
    .design .list2 li
    {
        width: 50%;
        margin-bottom: 25px;
    }
    .design .list2 li .box
    {
        margin-right: 10px;
    }
    .design .list2 li .imgDiv
    {
        padding: 5px;
    }
    .design .list2 li .imgDiv img
    {
        width: 100%;
    }
    .design .list2 li .name
    {
        padding-top: 10px;
        font-size: 14px;
    }
    .teamwork .title
    {
        font-size: 18px;
        padding-bottom: 25px;
    }
    .teamwork .content
    {
        line-height: 26px;
        padding-bottom: 35px;
    }
    .teamwork .list
    {
        padding: 0 0 20px;
    }
    .teamwork .list ul
    {
        margin-right: 0;
    }
    .teamwork .list li
    {
        float: none;
        width: 100%;
    }
    .teamwork .list li .box
    {
        margin-right: 0;
    }
    .teamwork .list li .imgDiv img
    {
        width: 100%;
    }
    .teamwork .list li .name
    {
        padding-top: 10px;
        height: auto;
        line-height: 24px;
        font-size: 14px;
    }
    .production
    {
        padding-bottom: 0;
    }
    .production .title
    {
        font-size: 18px;
        padding-bottom: 25px;
    }
    .production .msg
    {
        line-height: 26px;
        padding-bottom: 20px;
    }
    .system
    {
        padding: 20px 0 0;
    }
    .system .title
    {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .system .content
    {
        line-height: 26px;
        padding-bottom: 20px;
    }
    .system .list ul
    {
        margin-right: 0;
    }
    .system .list li
    {
        width: 100%;
        margin-bottom: 25px;
    }
    .system .list li .box
    {
        margin-right: 0;
    }
    .system .list li .name
    {
        padding-top: 10px;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
    }
    .control
    {
        padding: 20px 0 0;
    }
    .control .title
    {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .control .content
    {
        line-height: 26px;
        padding-bottom: 20px;
    }
    .control .list
    {
        padding-bottom: 30px;
    }
    .control .list ul
    {
        margin-right: -10px;
    }
    .control .list li
    {
        width: 50%;
        margin-bottom: 15px;
    }
    .control .list li .box
    {
        margin-right: 10px;
    }
    .control .list li .name
    {
        height: 39px;
        padding: 0 15px;
        line-height: 38px;
    }
    .certification
    {
        padding: 20px 0 0;
    }
    .certification .title
    {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .certification .content
    {
        line-height: 26px;
        padding-bottom: 20px;
    }
    .certification .list ul
    {
        margin-right: 0;
    }
    .certification .list li
    {
        width: 100%;
        margin-bottom: 25px;
    }
    .certification .list li .box
    {
        margin-right: 0;
    }
    .certification .list li .name
    {
        padding-top: 10px;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
    }
    .productType
    {
        padding: 20px 0 0;
    }
    .productType .title
    {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .productType .content
    {
        font-size: 14px;
        line-height: 26px;
        padding-bottom: 30px;
    }
    .productType .bigBox
    {
        padding: 0;
    }
    .productType .leftImg
    {
        float: none;
    }
    .productType .leftImg img
    {
        width: 100%;
    }
    .productType .btnGroup
    {
        float: none;
        padding-top: 40px;
    }
    .productType .btnGroup li
    {
        margin-bottom: 15px;
    }
    .productType .btnGroup li a
    {
        text-indent: 30px;
        width: 100%;
        height: 45px;
        line-height: 45px;
    }
    .product
    {
        padding: 20px 0 10px;
    }
    .product .title
    {
        font-size: 18px;
        padding-bottom: 25px;
    }
    .product .list
    {
        padding-bottom: 35px;
    }
    .product .list ul
    {
        margin-right: -10px;
    }
    .product .list li
    {
        width: 50%;
        margin-bottom: 15px;
    }
    .product .list li .box
    {
        margin-right: 10px;
    }
    .product .list li .name
    {
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
    .job
    {
        padding: 0 0 20px;
    }
    .job .title
    {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .job .list li
    {
        margin-bottom: 15px;
    }
    .job .list li .name a
    {
        font-size: 15px;
        height: 45px;
        line-height: 45px;
        background: #efefef;
        padding-left: 10px;
    }
    .job .list li.liNow .name a
    {
        background: #0b4292;
    }
    .job .list li .box
    {
        padding: 10px 15px 40px;
    }
    .job .list li .top dd
    {
        width: 100%;
        padding-right: 0;
        font-size: 12px;
        display: block;
    }
    .job .list li .top em
    {
        position: relative;
        font-size: 12px;
        line-height: 28px;
    }
    .job .list li h2
    {
        padding: 25px 0 10px;
    }
    .contact
    {
        padding: 20px 0 0;
    }
    .contact .name1
    {
        font-size: 18px;
    }
    .contact .list
    {
        padding: 25px 0 5px;
    }
    .contact .list li
    {
        float: none;
        width: 100%;
        margin-bottom: 25px;
        border-bottom: #ddd solid 1px;
        padding-bottom: 20px;
    }
    .contact .list li .wen
    {
        font-weight: bold;
        font-size: 18px;
        color: #0b4292;
        padding: 15px 0 12px;
    }
    .contact .list li .msg
    {
        font-size: 14px;
        line-height: 28px;
    }
    .contact .mapDiv iframe
    {
        width: 100%;
        height: 100%;
    }
    .lyb
    {
        padding-bottom: 40px;
    }
    .lyb .msg
    {
        padding-bottom: 20px;
    }
    .lyb .form
    {
        padding: 20px 15px 90px;
    }
    .lyb .form ul
    {
        margin-right: 0;
    }
    .lyb .form li
    {
        float: none;
        width: 100%;
    }
    .lyb .form li .box
    {
        height: 43px;
        padding-left: 90px;
        margin-right: 0;
        width: auto;
    }
    .lyb .form li em
    {
        width: 80px;
        left: 6px;
    }
    .lyb .form li .input1
    {
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
    }
    .lyb .textarea
    {
        padding-top: 10px;
    }
    .lyb .textarea textarea
    {
        width: 100%;
        height: 115px;
        padding: 10px 5%;
        box-sizing: border-box;
    }
    .lyb .btnDiv .btn1
    {
        margin-right: 10px;
    }
}
