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

@media only screen and (max-width:1750px){ 
    .indabout .aboutwx {display:none;}
}

@media only screen and (max-width:1240px){ 
    .wrap {margin:0 4%;}
    .indabout li a {height:50px; line-height:50px; border-radius:50px;padding:0 25px;font-size:25px}
    .new_telst li {padding:0 25px;margin-left:3.5%}
    .indpartner dl {margin-top:-20px}
    .indpartner dd {margin-top:20px; height: 87px;}
    .indpartner dd img {max-width:200px;max-height:77px;}
    .foot2 li i {margin:0 35px}    
    .bannerin {height:300px;}
    .leftcontact .cons .c {font-size:20px; line-height: 30px;}
    .bannerinno {height:0;padding:0}
}

@media only screen and (max-width:1044px){ 
    .phonemenu { display:block;}
    .owl-carousel .owl-dots {bottom:10px;}
    .owl-carousel .owl-dots .owl-dot span{margin:0 5px;font-size:14px;width:20px;height:20px; line-height: 19px;} 
    .fixtop {height:50px;box-shadow:0 0 5px rgba(0,0,0,0.15); position: fixed; z-index: 9999;left:0;width:100%}
    .fixtop .header {height:50px;}
    .fixtop .header .logo {width:76px; height:30px;top:10px;}
    .fixtop .header h2 {display:none;}
	.fixtop .header .cnen {position:fixed;right:3%;top:11px;font-size:14px;margin:0 40px 0 0}
	.fixtop .header .cnen i {margin:0 10px;font-size:12px}
    .fixtop .navpc {display:none;}
    .fixtop.active {top:0}
    body.index.active  {margin-top:0px}  
	.video-btn:before {font-size:40px; line-height:40px;}
    .indabout {padding:40px 0}
    .indabout .mleft .subject i {font-size:20px; line-height: 20px;}
    .indabout .mleft .title {font-size:16px; line-height: 26px; margin:20px 0 30px 0;}
    .indabout .mleft .content {font-size:14px;}
    .indabout ul {margin:10px 0 0 0}
    .indabout li a {height:35px; line-height:35px;border-radius:35px;padding:0 20px;font-size:16px;}  
    .vangogh_num {padding:30px 0}
    .vangogh_num ul {width:104%;margin:0 0 0 -2%}
    .vangogh_num li {width:21%;margin:0 2%;}
    .vangogh_num li h3 {font-size:40px; line-height: 40px;}
    .vangogh_num li h4 {font-size:25px; line-height: 25px;margin:15px 0 0 0}
    .vangogh_num li .content {font-size:14px;margin:0px 0 0 0}    
    .indsubject .t {font-size:20px; line-height:30px;}
    .indsubject .c {font-size:14px;ine-height: 1.8;margin:0}
    .indpro {padding:40px 0 35px 0}
    .indpro ul {padding:30px 0 0 0}
    .indpro li .title {height:40px;}
    .indpro li .title a {line-height:40px; height: 40px;font-size:14px}    
    .indtech ul {padding:30px 0 0 0;margin-top:-2%}
    .indtech li {width:31.3333%;margin:2% 1% 0 1%;padding:40px 0;height:320px}
    .indtech li .pic img {height:60px}
    .indtech li .title {font-size:20px; line-height:30px;margin:20px 0 0 0;font-weight:400}
	.indtech li .layer2 .in {font-size:12px; line-height: 1.7;padding:0 10px;}
    .indsolution .indsubject,.indpartner .indsubject {margin:40px 0 5px 0;padding:18px 0 15px 0}
    .new_telst {margin:0 0 45px 0}
    .new_telst li {height:30px; line-height:30px;font-size:14px;padding:0 15px;border-radius:30px;margin:35px 1% 0 1%;letter-spacing: 0.5px}
    .new_telst li:nth-child(1) {margin-left:1%}
    .new_telst li:before {margin-left:-40px;width:80px; height:1px;bottom:-15px}
    .indsolution dd h2 {bottom:-40px;height: 40px; line-height:40px;font-size:14px;}
    .indpartner dl {margin-top:-20px}
    .indpartner dd {margin-top:10px; height:70px;}
    .indpartner dd img {max-width:156px;max-height:60px;}    
    .indnews .indsubject {padding:40px 0 15px 0}
    .indnews .subject {margin:0 0 25px 0;}
    .indnews .subject:before {top:40px;}
    .indnews .subject p {padding:0 0 0 30px}
    .indnews .subject p:before {top:40px;width:120px; height:1px}
    .indnews .subject p:after {top:12px;width:15px; height:15px; background-size:100%}
    .indnews .mright .subject p:after {background-size:100%}
    .indnews .mleft li .addtime {font-size:20px; line-height: 20px;padding:20px 0 15px 20px}
    .indnews .mleft li .title {margin:25px 20px 10px 20px}
    .indnews .mleft li .content { line-height: 25px; height:100px; margin:5px 20px 20px 20px}
    .indnews .mright .cons {padding:10px 10px 10px 10px;}  
    .indnews .mright .cons .pic { height:150px}
    .indnews .mright .cons .title {line-height: 22px; height:44px;margin:12px 0 10px 0}
    .indnews .mright .cons .title a {font-size:14px;margin:0 10px}    
	.bottombalnk {height:40px}
    .foot1 {padding:20px 0 22px 0;margin:40px 0 0 0;}
    .foot1 li .t {font-size:18px; line-height: 18px;}
    .foot1 li .c {font-size:14px; line-height: 1.8;margin:5px 0 0 0}
    .foot1 li.li49 .c {font-size:14px;margin:6px 0 0 0}
    .foot2 {display:none;}
    .foot3 {min-height:100px}
    .foot3 .subject { top:20px;font-size:16px; line-height: 16px;padding:0 12px 0 0}
    .foot3 .subject p { letter-spacing: 1px;margin:0 0 6px 0}
    .foot3 .wx {top:10px;}
    .foot3 .wx .pic{width:80px;}
    .foot3 .wx .cons {right:95px;top:8px;width:125px; }
    .foot3 .wx .cons p {font-size:16px}
    .foot3 ul {margin:0 220px 0 95px;padding:12px 0 13px 0}
    .foot3 li {margin:0 15px 0 0}
    .foot4 { padding:15px 0;font-size:13px; line-height: 1.8}  
    .hotsearch {padding:13px 0 16px 0}
    .hotsearch .cons {margin:0 180px 0 0;font-size:14px; line-height: 1.8}
    .hotsearch form {top:0px; height:25px;border-radius:25px;width:150px}
    .hotsearch form #k {font-size:13px;height:25px;width:100px;padding:0 10px 0 10px;border-top-left-radius:25px;border-bottom-left-radius:25px;}
    .hotsearch form #sbtn {width:30px;height:25px;border-top-right-radius:25px;border-bottom-right-radius:25px;font-size:14px;}
    .about {margin:30px 0 0 0}
    .about .mleft dt {height:35px;font-size:16px; line-height:34px; text-align: left;padding:0 0 0 20px}
    .about .mleft dd a { height:30px; line-height:30px;font-size:14px; text-align: left;padding:0 0 0 20px}
    .about .mleft dd a:before {right:10px;top:8px;font-size:14px; line-height: 14px;}
    .about .mright .t {font-size:20px; line-height: 30px;margin:-3px 0 20px 0}
    .about .mright .c {font-size:14px;}
    .leftcontact .cons {padding:15px 0 20px 0}
    .leftcontact .cons .t {margin:0 0 5px 0;font-size:14px}
    .leftcontact .cons .t:before {margin:7px 7px 0 0;font-size:16px; line-height:16px;}
    .leftcontact .cons .c {font-size:16px; line-height: 16px;}
    .about_yw .t {border-top-width:10px;font-size:20px; line-height: 30px;margin:30px 0 5px 0;padding:30px 0 0 0}
    .about_yw .t2 {font-size:14px;margin:0 0 30px 0}    
    .team li {border-top-width:2px;padding:30px 0}
    .team li .cons .tt {font-size:20px; line-height: 30px;margin:-3px 0 0 0}
    .team li .cons .t2 {margin:0px 0 20px 0;border-bottom-width:1px;padding:0 0 10px 0}
    .team li .cons .cc {font-size:14px;margin:0 0 20px 0}
    .team li .content {font-size:14px;}    
    .page_wrap {padding:35px 0 0px 0;}
    .pager a,.pager span,.pager font {margin:2px;width:25px; height:25px; line-height:25px; }   
    .pager font {margin:0;} 
    .pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;}
    .pager i {line-height: 16px;margin:0 5px; letter-spacing: 1px}    
    .honor ul {margin:-25px 0 0 -1%}
    .honor li {margin:25px 1% 0 1%}
    .honor li .pic {padding:5px}
    .honor li .tt {font-size:14px;margin:10px 0 0 0;}    
    .product {margin:30px 0 0 0}
    .product .mleft dt {font-size:16px; line-height:26px;padding:15px 15px 17px 20px;}
    .product .mleft dd a {font-size:16px; line-height:26px;padding:15px 15px 17px 20px;}
    .product .mright li:before {height: 2px;}
    .product .mright li .cons {margin:0 15px}
    .product .mright li .cons .title {margin:7px 0 10px 0}
    .product .mright li .cons .title a {font-size:16px;}
    .product .mright li .cons .more {margin:20px 0 0 0;padding:15px 0 18px 0}
    .productno {padding:20px 0 0 0;font-size:14px;}
    .maincurrent {padding:8px 0 10px 0;margin:0 0 40px 0;font-size:12px; line-height: 22px}
    .show .mleft {padding:0 10px 0 0;}
    .show .mright .t {font-size:18px; line-height: 28px;top:-3px}
    .show .mright .t:before {bottom:-15px;width:40px; height:2px; }
    .show .mright .gs {margin:30px 0 20px 0;padding:0 0 20px 0}
    .show .mright .m a {width:90px; height: 30px; line-height:30px;letter-spacing:0.5px;font-size:13px}
    .show .new_telst {margin:40px 0 0 0; height:40px}
    .show .new_telst li {border-bottom-width:1px;height:39px; line-height:39px;font-size:14px;width:33.3333%;margin:0}
    .show .new-wrap .new_lst {padding:30px 0 0 0;}
    .sshow .new_telst li {width:25%}    
    .news ul {margin-top:-20px}
    .news li {padding:10px 20px 10px 10px;margin:20px 0 0 0;min-height:100px}
    .news li .picn {left:10px;top:10px;width:176px; height: 100px; }
    .news li .consn {margin:12px 0 0 196px}
    .news li .consn .tt a {font-size:16px;}
    .news li .consn .cc {line-height:23px; height:46px;margin:5px 0 0 0}
    .news li .consn .mm {display:none;}
    .nshow .mright .tt {font-size:18px; line-height:28px;padding:0px 0 0 0}
    .nshow .mright .ad {padding:0px 0 5px 0;margin:20px 0 25px 0}
    .nshow .mright .ad a {top:8px}
    .nshow .mright .prevnext {margin:40px 0 20px 0;}
    .nshow .mright .prevnext a {padding:0 25px; height: 30px; line-height:30px;margin:0 10px}    
    .indpro_contact {margin:0px 0 -40px 0}
    .map {margin:30px 0 0 0}
    .map iframe,#container {height:300px;}
    .contact_cons {margin:0px 0 30px 0}
    .contact_cons .pic {border-width:1px;padding:2px;}
    .about .contact_cons .cons .t {font-size:20px; line-height: 30px;}
    .indsubject2 .t,.indsubject2 .tt {font-size:20px; line-height:30px;}
    .indsubject2 .c,.indsubject2 .cc {font-size:14px;}
    .contact ul {padding:30px 0 40px 0}
    .contact li {border-radius:5px; padding:20px 20px 10px 20px;}
    .contact li .p img {height:30px}
    .contact li .cc {font-size:16px; line-height: 1.8;min-height:50px}
    .contact li.li49 .cc {font-size:14px}
    .contact li:hover {top:0}    
    .job ul.u1 li {letter-spacing:0.5px; line-height: 22px;padding:10px 0; font-size:14px;}
    .job li .t1 {width:31%;padding:0 0 0 15px}
    .job li .t2 {width:21%}
    .job li .t3 {width:21%}
    .job li .t4 {width:27%}
    .accordionservice li .link {font-size:14px;line-height: 22px;padding:10px 0;}
    .accordionservice .submenu {padding:20px 0 30px 15px;}
    .jobcons {font-size:14px;margin:40px 0 0 0}    
    .searchcons {margin-top:-40px}
    .searchcons li {margin:40px 0 0 0;}
    .searchcons li .consn .tt {margin-top:-8px}
    .searchcons li .consn .tt a {font-size:16px; line-height: 24px; display: inline-block}
    .searchcons li .consn .cc {margin:5px 0 10px 0; height:75px}
    .searchcons li .consn .mm {left:-8px;font-size:14px}
    .searchcons li .consn .mm a {top:3px;width:65px;height:25px; line-height:25px;font-size:12px}
	.nshow .mleft {margin:5px 0 0 0}	
	.product2 {margin:0px 0 0 0}
	.show2 {margin:0px 0 0 0}
	.sshow2 {margin:0px 0 0 0}
	.namemj {top:-50px}
	.namemj2 {top:-50px}
	.namemjpro {top:-50px;}
}

@media only screen and (max-width:788px){ 
    .tblank {height:50px;}
    .indabout .mright {margin-top:55px}
    .indpro li {width:49%;}    
    .bannerin {height:200px;margin:0}
    .bannerin.active {margin:0}
    .leftcontact {display:none;}
	.about {margin:0}
    .about .mleft {width:100%;display:none;}
    .about .mright {width:100%;margin:35px 0 0 0}
    .product .mright li {width:47%;}
    .bannerinno {height:0;padding:0}
	.nshow{margin:35px 0 0 0}
    .nshow .mleft {display:none;}
    .nshow .mright {margin-top:0px}
    .contact li {width:48%}
	.indpics .item {height:auto;padding:0}
	.indpics .item img {width:100%;}
	}

@media only screen and (max-width:640px){ 
    .indabout .mleft {width:100%;}
    .indabout .mright {width:100%;margin:25px 0 0 0}
    .indabout ul {margin:20px 0 0 0}
    .indabout li {display:block; margin:10px 0 0 0;width:100%}
    .indabout li a {display:block;}
    .vangogh_num {padding:15px 0 20px 0}
    .vangogh_num li {width:46%;margin:20px 0}
    .indtech li {width:98%}
    .indpartner dl {margin-top:-15px}
    .indpartner dd {margin-top:10px; height:60px;width:47%}
    .indpartner dd img {max-width:130px;max-height:50px;}
    .indnews .mleft {width:100%}
    .indnews .mright {width:100%;margin:30px 0 0 0}
    .indnews .mright .cons .title {line-height: 25px; height:auto}
    .indnews .mright .cons .title a {margin:0 10px}
    .indnews .mright .cons .pic { height:auto;padding:28% 0}
    .indnews .mleft li {width:100%}
    .foot1 ul {width:100%;margin:0}
    .foot1 li {width:100%;margin:15px 0}    
    .foot3 {min-height:0;padding:0 0 30px 0}
    .foot3 .subject { position:relative;top:25px;border-width:0;border-bottom:1px solid #999;padding:0 0 15px 0;margin:0 0 15px 0}
    .foot3 .wx { position:relative;right:auto;left:0;top:0;}
    .foot3 .wx .cons { right:auto;left:100px;top:7px; text-align: left;}
    .foot3 ul {margin:0;padding:20px 0 30px 0}
    .foot3 li {margin:0 15px 0 0}
    .bannerin {height:150px}    
    .hotsearch .cons {margin:0; text-align: center}
    .hotsearch form { position:relative;width:100%;margin:15px 0 5px 0}    
    .hotsearch form #k {width:84%;padding:0 3% 0 3%;}
    .hotsearch form #sbtn {width:10%;} 
    .team li .pic {width:200px;margin:0 0 30px 0}
    .team li .cons {width:100%}
    .honor li {width:48%;}
	.product {margin:15px 0 0 0}
    .product .mright ul {margin-top:-5%}
    .product .mright li {width:97%;margin-top:5%}
    .product .mleft {width:32%;display:none;}
    .product .mright {width:100%}
    .product .mleft dt {font-size:14px; line-height:22px;padding:10px 10% 12px 10%;}
    .product .mleft dd a {font-size:14px; line-height:22px;padding:10px 10% 12px 10%;}
    .show .mleft {width:100%;padding:0 0 30px 0;border:0;border-bottom:1px solid #ccc;margin:-15px 0 0 0}
    .show .mright {width:100%;padding:30px 0 0 0;border-left-width:0;left:0}
    .bannerinno {height:0;padding:0}    
    .news li {min-height:80px}
    .news li .picn {width:141px; height:80px; }
    .news li .consn {margin:14px 0 0 161px}
    .news li .consn .tt {line-height:25px; height: 50px; overflow:hidden}
    .news li .consn .cc {display:none;}
    .contact li {width:98%;padding:20px 20px}
    .contact li .cc {min-height:0}
    .contact li.li49 .cc {font-size:16px}
    .contact_cons {text-align:center}
    .contact_cons .pic {width:200px;margin:0 0 30px 0}
    .contact_cons .cons {width:100%;margin:0; text-align: center}
	.product2 {display:none}
	.show2 {width:100%}
	.sshow2 {width:100%}
}

@media only screen and (max-width:480px){ 
    .bannerin {height:100px}
    .bannerinno {height:0;padding:0}
    .nshow .mright .prevnext a {margin:0 5px}
}