@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:50px;}
    .fixtop .logo,.fixtop.active .logo { width:105px; height:26px;top:12px;}
    .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:8px auto 0px 0}
	.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}    
    .culture {padding:35px 0;}
    .partner {margin:35px 0 45px 0; }
    .topblank {height:50px}
    .topblank.active {height:50px}
    .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}
    .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}
    
}