@charset "utf-8";
@media only screen and (max-width:2000px) {
    .bannin {
        padding: 0;
        height: 410px
    }
}

@media only screen and (max-width:1550px) {
    .wrap2 {
        margin: 0 4%
    }
}

@media only screen and (max-width:1460px) {
    .wrap {
        margin: 0 4%
    }
    .foot .menu dl {
        margin: 0 0 0 9%;
    }
    .indsolution .mleft {
        padding: 20px 0
    }
    .indsolution .mleft .in {
        width: 100%;
        padding: 0 8%
    }
    .indsolution .mleft .in .content {
        margin: -10px 0 20px 0
    }
    .indsolution .mright li span {
        height: 30px;
        line-height: 28px;
        font-size: 14px
    }
    .culture li .title {
        font-size: 25px;
        height: 35px;
        line-height: 35px;
    }
    .culture li .content {
        font-size: 16px
    }
    .partner li {
        height: 110px;
    }
}

@media only screen and (max-width:1200px) {
    .phonemenu {
        display: block;
    }
    body {
        line-height: 1.8;
    }
    html,
    body,
    input,
    button,
    select,
    textarea,
    h1,
    h2,
    h3,
    h4,
    h5 {
        font-size: 14px;
    }
    .fixtop ul.navpc li {
        display: none;
    }
    .fixtop ul.navpc li.tel {
        display: block;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0
    }
    .fixtop ul.navpc li {
        margin: 0
    }
    .fixtop {
        height: 56px;
    }
    .fixtop .logo,
    .fixtop.active .logo {
        width: 105px;
        height: 30px;
        top: 13px;
    }
    .fixtop ul.navpc li a.a,
    .fixtop ul.navpc li.tel a,
    .fixtop.active ul.navpc li a.a {
        height: 20px;
        line-height: 20px;
        font-size: 12px
    }
    .fixtop ul.navpc li.tel,
    .fixtop.active ul.navpc li.tel {
        margin-left: 0;
        top: 0;
        right: 35px;
    }
    .fixtop ul.navpc li.tel {
        text-align: right
    }
    .fixtop ul.navpc li.tel a {
        display: block;
        text-align: right;
    }
    .fixtop ul.navpc li.tel .t1 {
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 0px;
        margin: 20px auto 0px 0;
        color: #eb3d00;
    }
    .fixtop ul.navpc li.tel em {
        font-size: 10px;
        margin: 0 2px
    }
    .fixtop ul.navpc li.tel span.icon {
        display: none;
    }
    .fixtop:Hover .logo,
    .fixtopin .logo,
    .fixtop.active .logo {
        background-size: 100%
    }
    .fixtop.active {
        top: 0
    }
    .nav__icon {
        -webkit-transition-duration: 0ms;
        transition-duration: 0ms;
    }
    .nav__icon:before,
    .nav__icon:after {
        -webkit-transition-duration: 0;
        transition-duration: 0;
    }
    .fixtop:Hover .nav__icon,
    .fixtop:Hover .nav__icon:before,
    .fixtop:Hover .nav__icon:after,
    .fixtop.active .nav__icon,
    .fixtop.active .nav__icon:before,
    .fixtop.active .nav__icon:after,
    .fixtopin .nav__icon,
    .fixtopin .nav__icon:before,
    .fixtopin .nav__icon:after {
        background: #333;
    }
    .phonemenu .nav--active .nav__icon {
        background: rgba(0, 0, 0, 0);
    }
    .phonemenu .nav--active .nav__icon:before,
    .phonemenu .nav--active .nav__icon:after {
        background: #fff
    }
    .vangogh_num {
        padding: 40px 0
    }
    .indnum ul {
        width: 106%;
        margin: 0 0 0 -3%
    }
    .indnum li:before {
        top: 10px;
        width: 1px;
        height: 75px;
    }
    .indnum li h3 {
        font-size: 50px;
        line-height: 50px;
    }
    .indnum li h4 {
        font-size: 30px;
        line-height: 25px;
    }
    .indnum li .content {
        font-size: 16px;
        line-height: 1.8;
        margin: 9px 0 0 0
    }
    .indabout {
        padding: 30px 0
    }
    .indabout .mleft .content {
        margin: 0 0 30px 0
    }
    .indabout .mright {
        width: 53%;
    }
    .indsubject {
        margin: 0 0 40px 0
    }
    .indsubject h2 {
        font-size: 22px;
        line-height: 22px;
    }
    .indsubject p {
        font-size: 12px;
        line-height: 12px;
        margin: 10px 0 0 0;
        letter-spacing: 0.2px
    }
    .indsubject p:before {
        bottom: -12px;
        width: 39px;
        height: 1px;
    }
    .indmore a {
        width: 110px;
        height: 28px;
        line-height: 27px;
        letter-spacing: 1px
    }
    .foot {
        padding: 30px 0 20px 0;
        margin: 30px 0 0 0;
    }
    .foot .subject,
    .foot .line {
        display: none;
    }
    .foot .menu {
        display: none
    }
    .foot .weixin {
        top: 0;
    }
    .foot .weixin h2 {
        font-size: 16px;
        margin: 0 0 6px 12px;
        padding: 0
    }
    .foot .weixin p {
        margin: 0 0 0 10px;
        width: 80px
    }
    .tel_add {
        text-align: left;
        min-height: 120px;
        margin: 0 200px 0 0
    }
    .tel_add .tel {
        padding: 0 0 0 30px;
        margin: 0 0 10px 0;
        display: block
    }
    .tel_add .tel:before {
        top: 3px;
        width: 20px;
        height: 20px;
    }
    .tel_add .add {
        padding: 0 0 0 30px
    }
    .tel_add .add:before {
        top: 3px;
        width: 20px;
        height: 20px;
    }
    .tel_add .add:after {
        display: none;
    }
    .footer {
        padding: 12px 0;
        font-size: 13px;
        line-height: 1.6
    }
    .footer .mleft {
        padding: 0 150px 0 0
    }
    .indpro {
        padding: 40px 0
    }
    .new_telst {
        margin-top: -10px
    }
    .new_telst:before {
        height: 1px;
    }
    .new_telst li {
        height: 60px;
        line-height: 58px;
        font-size: 16px;
        border-bottom-width: 1px;
    }
    .new_lst dd .in {
        padding: 10px;
    }
    .new_lst dd .in .title {
        height: 30px;
        line-height: 30px;
        margin: 8px 0 0 0
    }
    .new_lst dd .in .title a {
        font-size: 14px;
    }
    .indnews {
        padding: 40px 0 20px 0
    }
    .indnews .indsubject,
    .indpartner .indsubject {
        margin-bottom: 45px
    }
    .indnews .indsubject p:before,
    .indpartner .indsubject p:before {
        margin-left: -20px
    }
    .indnews li .title {
        font-size: 16px;
        height: 25px;
        line-height: 25px;
        margin: 8px 0 3px 0
    }
    .indnews li .addtime {
        padding: 12px 0 0 0
    }
    .indnews li .content {
        line-height: 23px;
        height: 46px;
        font-size: 13px;
        margin: 0 0 20px 0
    }
    .topblank {
        height: 50px
    }
    .bannin {
        height: 250px
    }
    .bannin .in .t {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 1px
    }
    .bannin .in .e {
        font-size: 13px;
    }
    .bannin_abu .in .t {
        margin-top: -40px
    }
    .bannin_case {
        margin: 0 0 0px 0
    }
    .culture {
        padding: 35px 0;
    }
    .partner {
        margin: 35px 0 45px 0;
    }
    .topblank {
        height: 56px
    }
    .topblank.active {
        height: 56px
    }
    .namemj {
        top: -60px
    }
    .namemj2 {
        top: -50px
    }
    .navbar {
        height: 40px;
    }
    .navbar.active {
        top: 50px;
    }
    .navbar-nav li a:before {
        top: 13px;
        height: 14px;
    }
    .navbar-nav li a {
        font-size: 14px;
        height: 40px;
        line-height: 39px;
        paddinG: 0 25px;
    }
    .about {
        margin: 40px auto
    }
    .aboutsubject {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 45px 0
    }
    .aboutsubject:before {
        width: 40px;
        height: 2px;
        margin-left: -20px;
        bottom: -15px;
    }
    .culture ul {
        margin: 30px 0 0 -2%;
        width: 104%
    }
    .culture li {
        width: 29.3333%;
        margin: 0 2%
    }
    .culture li .pic {
        border-radius: 5px
    }
    .culture li .pic p {
        border-radius: 5px
    }
    .culture li .title {
        font-size: 20px;
        height: 30px;
        line-height: 30px;
        margin: 20px 0 5px 0;
    }
    .culture li .content {
        font-size: 14px
    }
    .partner ul {
        padding-top: 0px;
        width: 102%;
        margin: -2% 0 0 -1%
    }
    .partner li {
        height: 85px;
        border-radius: 5px;
        width: 23%;
        margin: 2% 1% 0 1%
    }
    .partner li img {
        max-width: 150px;
        max-height: 75px
    }
    .partner li:hover {
        top: 0;
    }
    .product {
        padding: 0
    }
    .page_wrap {
        padding: 40px 0 10px 0;
    }
    .pager a,
    .pager span,
    .pager font {
        margin: 2px;
        width: 25px;
        height: 25px;
        line-height: 23px;
    }
    .pager font {
        margin: 0;
    }
    .pager,
    .pager select,
    .pager input,
    .pager a,
    .pager span.disabled {
        font-size: 14px;
    }
    .pager i {
        line-height: 17px;
        margin: 0 5px;
        letter-spacing: 1px
    }
    .procate .subject {
        font-size: 22px;
        line-height: 32px;
        padding: 40px 0 30px 0;
    }
    .procate ul {
        margin: 0 0 15px 0
    }
    .procate li {
        margin: 5px 18px;
    }
    .procate li:before {
        left: -18px;
        top: 5px;
        height: 15px;
    }
    .procate li a {
        font-size: 16px;
        line-height: 20px;
        height: 28px;
        border-bottom-width: 1px
    }
    .proshow {
        margin: 35px 0 45px 0
    }
    .proshow .mleft dt {
        height: 50px;
        line-height: 49px;
        padding: 0 0 0 20px;
        font-size: 18px;
    }
    .proshow .mleft dt:after {
        height: 50px;
        width: 50px;
    }
    .proshow .mleft p {
        height: 5px;
    }
    .proshow .mleft p:before {
        width: 60px;
    }
    .proshow .mleft p:after {
        left: 60px;
        height: 5px;
        width: 5px;
    }
    .proshow .mleft dd a {
        padding: 5px 30px 6px 20px;
        font-size: 14px;
    }
    .proshow .mleft dd a:before {
        right: 20px;
        top: 10px;
        font-size: 16px;
        line-height: 16px
    }
    .proshow .mright {
        width: 72%;
        padding: 0 0 0 3%;
    }
    .proshow .mright .pic {
        padding: 10px;
        margin: 0 0 30px 0
    }
    .proshow .mright .pic p {
        padding: 10px;
    }
    .proshow .mright .cons img {
        margin: 5px 0 0 0
    }
    .maincurrernt {
        padding: 0 0 15px 0;
        margin: 0 0 20px 0;
    }
    .maincurrernt p {
        font-size: 16px;
        line-height: 16px;
    }
    .maincurrernt h2 {
        top: -2px;
        font-size: 13px
    }
    .maincurrernt h2 a {
        font-size: 13px;
    }
    .maincurrernt h2 span {
        font-size: 12px;
        margin: 0 8px 0 0
    }
    .maincurrernt h2 i {
        margin: 0 3px 0 5px;
    }
    .wrap1 {
        margin: 0 4%
    }
    .case_map {
        height: auto;
        overflow-y: hidden;
        overflow-x: auto;
        background: #f4f4f4;
        position: relative;
    }
    .case_map:before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        height: 100%;
        z-index: -1;
        background: #fefefe
    }
    .case_map .mb {
        display: block;
        width: 500px;
        margin: 0 auto;
    }
    .case_map .mb img {
        width: 100%
    }
    .case_map .wrap1 {
        margin: 0;
    }
    .map_dian {
        width: 5px;
        height: 5px;
        border-width: 2px
    }
    .map_dian::before,
    .map_dian::after {
        width: 10px;
        height: 10px;
    }
    ::-webkit-scrollbar {
        height: 2px;
    }
    .case_map ul {
        width: 500px;
        margin: 0 auto;
        background: #B52225;
        height: 100%;
        position: relative
    }
    .case_map li:Hover .cons {
        left: 20px
    }
    .case_map li.li308 {
        left: 323px;
        top: 320px;
        z-index: 103
    }
    /****广东******/
    .case_map li.li141 .cons {
        top: auto;
        bottom: -10px
    }
    .case_map li.li307 {
        left: 380px;
        top: 250px;
    }
    /****上海******/
    .case_map li.li306 {
        left: 344px;
        top: 162px
    }
    /****北京******/
    .case_map li.li305 {
        left: 370px;
        top: 265px
    }
    /*****浙江*****/
    .case_map li.li304 {
        left: 305px;
        top: 245px;
    }
    /*****湖北*****/
    .case_map li.li303 {
        left: 305px;
        top: 280px;
        z-index: 105
    }
    /*****湖南*****/
    .case_map li.li302 {
        left: 368px;
        top: 230px;
    }
    /*****江苏*****/
    .case_map li.li301 {
        left: 350px;
        top: 175px
    }
    /*****天津*****/
    .case_map li.li300 {
        left: 335px;
        top: 280px;
    }
    /*****江西*****/
    .case_map li.li299 {
        left: 280px;
        top: 255px;
        z-index: 105
    }
    /*****重庆*****/
    .case_map li.li298 {
        left: 350px;
        top: 240px
    }
    /*****安徽*****/
    .case_map li.li297 {
        left: 355px;
        top: 290px
    }
    /*****福建*****/
    .case_map li.li296 {
        left: 290px;
        top: 305px;
        z-index: 105
    }
    /*****广西*****/
    .case_map li.li295 {
        left: 270px;
        top: 282px;
        z-index: 105
    }
    /*****贵州*****/
    .case_map li.li294 {
        left: 290px;
        top: 345px;
        z-index: 110
    }
    /*****海南*****/
    .case_map li.li127 .cons {
        top: auto;
        bottom: -10px
    }
    .case_map li.li293 {
        left: 240px;
        top: 250px;
        z-index: 105
    }
    /*****四川*****/
    .case_map li.li292 {
        left: 220px;
        top: 300px;
        z-index: 110
    }
    /*****云南*****/
    .case_map li.li291 {
        left: 335px;
        top: 180px
    }
    /*****河北*****/
    .case_map li.li290 {
        left: 320px;
        top: 220px
    }
    /*****河南*****/
    .case_map li.li289 {
        left: 350px;
        top: 200px;
    }
    /*****山东*****/
    .case_map li.li288 {
        left: 310px;
        top: 195px;
        z-index: 110
    }
    /*****山西*****/
    .case_map li.li287 {
        left: 288px;
        top: 200px;
        z-index: 110
    }
    /*****陕西*****/
    .case_map li.li286 {
        left: 225px;
        top: 180px;
        z-index: 111
    }
    /*****甘肃*****/
    .case_map li.li285 {
        left: 260px;
        top: 195px;
        z-index: 110
    }
    /*****宁夏*****/
    .case_map li.li284 {
        left: 180px;
        top: 200px;
        z-index: 110
    }
    /*****青海*****/
    .case_map li.li283 {
        left: 300px;
        top: 150px;
        z-index: 110
    }
    /*****内蒙古*****/
    .case_map li.li282 {
        left: 430px;
        top: 90px;
        z-index: 101
    }
    /*****黑龙江*****/
    .case_map li.li115 .cons {
        left: -20px;
        top: 20px
    }
    .case_map li.li281 {
        left: 415px;
        top: 130px
    }
    /*****吉林*****/
    .case_map li.li280 {
        left: 395px;
        top: 150px;
        z-index: 97
    }
    /*****辽宁*****/
    .case_map li.li279 {
        left: 110px;
        top: 240px;
        z-index: 110
    }
    /*****西藏*****/
    .case_map li.li278 {
        left: 100px;
        top: 150px;
        z-index: 113;
    }
    /*****新疆*****/
    .case_map li span {
        width: 15px;
        height: 13px;
        top: -3px;
        left: -4px;
        background-size: 100%
    }
    .case_map li span:Hover {
        top: -3px
    }
    .case .owl-carousel .owl-nav {
        display: block;
    }
    .case {
        padding: 40px 0 60px 0
    }
    .case .title {
        border-bottom-width: 1px;
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 20px 0
    }
    .case .cons .mleft {
        height: 326px;
    }
    .case .cons .mright iframe {
        border-radius: 5px
    }
    #certify .swiper-slide {
        height: 450px;
        border-radius: 5px;
    }
    #certify .swiper-slide .in {
        border-radius: 10px;
        width: 700px;
        height: 430px;
        padding: 20px 20px 0 20px;
        left: 160px
    }
    #certify .swiper-pagination {
        bottom: -20px;
    }
    #certify .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px;
        width: 8px;
        height: 8px
    }
    .case_pics .pic p {
        border-radius: 5px
    }
    .case_pics .owl-carousel .owl-dots {
        bottom: -40px;
    }
    .case_pics .owl-carousel .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
        margin: 0 8px;
    }
    .footbg .foot {
        padding-top: 0px
    }
    .news {
        padding: 0
    }
    .news ul {
        margin-top: -40px;
        padding-top: 15px
    }
    .news li {
        margin-top: 40px
    }
    .nshow .title {
        font-size: 20px;
        line-height: 30px;
        padding: 40px 0 0 0
    }
    .nshow .addtime {
        padding: 10px 0 15px 0;
        margin: 0 0 30px 0
    }
    .nshow .prevnext {
        padding: 40px 0 20px 0;
    }
    .nshow .prevnext a {
        margin: 0 5px;
        width: 90px;
        height: 40px;
        line-height: 39px;
        font-size: 14px;
    }
    #container,
    .map iframe {
        height: 300px
    }
    .contact {
        margin: 40px 0
    }
    .contact ul {
        padding: 0px 0 0 0
    }
    .contact li {
        padding: 30px 20px 20px 20px;
        width: 48%
    }
    .contact li .pic {
        width: 50px;
        height: 50px;
    }
    .contact li .pic img {
        margin: 10px 0 0 0;
        width: 30px;
        height: 30px
    }
    .contact li .title {
        font-size: 14px;
        margin: 10px 0 30px 0
    }
    .contact li .content {
        min-height: 60px
    }
    .contact li:hover {
        top: 0
    }
    .message {
        margin: 40px 0
    }
    .message li {
        margin: 0 0 20px 0
    }
    .message li p {
        margin: 0 0 0 55px
    }
    .message li input[type="text"] {
        height: 30px;
        line-height: 28px;
        padding: 0 10px
    }
    .message li #nbeizu {
        height: 180px;
        padding: 5px 10px;
    }
    .message li #nbtn {
        width: 100px;
        padding: 5px 0 7px 0;
    }
    .indvideo .cons .t {
        font-size: 30px;
        line-height: 40px;
        letter-spacing: 1px;
        padding: 40px 0 0 0
    }
    .indvideo .cons .c {
        font-size: 20px;
        line-height: 1.6;
        margin: 5px 0 30px 0;
        letter-spacing: 1px;
    }
    .indvideo .cons .m a {
        font-size: 13px;
        letter-spacing: 1px;
        width: 130px;
        height: 30px;
        line-height: 28px;
    }
    .proshow .mright .pic2 {
        margin: 0 0 0px 0
    }
    .indpartner {
        padding: 40px 0;
        margin: 25px 0 0 0
    }
}

@media only screen and (max-width:788px) {
    .indvideo {
        height: auto;
        display: block
    }
    .indvideo .pic2 {
        display: none
    }
    .indvideo .pic {
        display: block;
    }
    .indvideo .pic img {
        width: 100%
    }
    .indabout .mright {
        margin: 90px 0 0 0
    }
    .new_lst dd {
        width: 46%;
    }
    .indsolution .mright li {
        width: 50%;
        padding: 21% 0;
    }
    .bannin {
        height: 200px
    }
    .bannin_abu .in .t {
        margin-top: -50px
    }
    .partner li {
        height: 70px;
    }
    .partner li img {
        max-width: 120px;
        max-height: 60px
    }
    .case {
        padding-bottom: 80px
    }
    .case_pics {
        padding: 0 0 60px 0
    }
    .case .cons .mleft {
        height: auto;
        width: 100%
    }
    .case .cons .mright {
        width: 100%;
        margin: 30px 0 0 0
    }
    #certify .swiper-slide {
        height: auto;
    }
    #certify .swiper-pagination {
        bottom: -40px;
    }
    #certify .swiper-slide .in {
        width: 500px;
        height: auto;
        left: 260px
    }
}

@media only screen and (max-width:640px) {
    .vangogh_num {
        padding: 20px 0
    }
    .indnum li {
        margin: 20px 0;
        width: 100%
    }
    .indabout .mleft {
        width: 100%
    }
    .indabout .mright {
        width: 100%;
        margin: 35px 0 0 0
    }
    .foot {
        padding: 30px 0
    }
    .foot .weixin {
        position: relative;
        margin: 0 0 20px 0
    }
    .foot .weixin h2 {
        margin: 0 0 8px 0;
        text-align: left;
    }
    .foot .weixin p {
        margin: 0 10px 0 0
    }
    .tel_add {
        min-height: 0px;
        margin: 0
    }
    .footer {
        line-height: 1.8;
        padding: 15px 0
    }
    .footer .mleft {
        padding: 0
    }
    .footer .mright {
        position: relative;
        text-align: left;
    }
    .new_lst dd {
        width: 96%;
        margin-top: 5%
    }
    .new_telst {
        margin-bottom: 20px;
        margin-top: -10px
    }
    .new_telst li {
        height: 50px;
        line-height: 48px;
        font-size: 14px
    }
    .indsolution .mleft {
        width: 100%;
        padding: 30px 0
    }
    .indsolution .mleft .in {
        padding: 0 4%
    }
    .indsolution .mright {
        width: 100%;
        padding: 0 0 0 0
    }
    .indnews li {
        width: 96%;
        margin-top: 40px
    }
    .indnews .indsubject {
        margin-bottom: 10px
    }
    .indpartner .indsubject {
        margin-bottom: 40px
    }
    .bannin {
        height: 130px
    }
    .bannin_abu .in .t {
        margin-top: -30px;
        margin-left: 50px
    }
    .bannin_abu .in .e {
        margin-left: 50px
    }
    .culture ul {
        margin-top: -20px
    }
    .culture li {
        width: 96%;
        margin-top: 35px
    }
    .partner li {
        height: 60px;
    }
    .partner li img {
        max-width: 100px;
        max-height: 50px
    }
    .proshow .mleft {
        display: none
    }
    .proshow .mright {
        width: 100%
    }
    #certify .swiper-slide .in {
        width: 460px;
        left: 280px
    }
    .contact li {
        width: 98%
    }
    .message .mleft {
        width: 100%
    }
    .message .mright {
        width: 100%
    }
}

@media only screen and (max-width:520px) {
    #certify .swiper-slide .in {
        width: 420px;
        left: 300px
    }
}

@media only screen and (max-width:480px) {
    .partner li {
        width: 48%
    }
    #certify .swiper-slide .in {
        width: 400px;
        left: 310px
    }
}

@media only screen and (max-width:420px) {
    #certify .swiper-slide .in {
        width: 320px;
        left: 350px
    }
}