@charset "utf-8";

@media (max-width:1200px){	
	.c-con{ width:100%;}
	.header > .btn-search,.header > .btn-language{ width:auto; height:24px; line-height:24px; margin-top:54px; padding-left:6px; padding-right:6px;}
	.header > .btn-language{ padding-left:0; padding-right:0;}
	.header > .btn-search > i{ font-size:20px; color:#062c53;}
	.header > .nav > ul > li{ padding:0 8px; font-size:12px;}
	
	.about > .about-cen > .ac-about{ max-height:292px; /*margin-top:-146px;*/}
	.about > .about-cen > .ac-about > p{ font-size:14px; margin-top:6%; margin-bottom:6%;}
	.about > .about-cen > .ac-img{ width:50%;}
	
	.fuwu > .fuwu-cen{/* left:0; margin-left:0;*/ width:100%;}
	.fuwu > .fuwu-cen > .fwc-hd h3{ font-size:20px; font-weight:normal;}
	
	.news > .news-cen{ width:100%; box-sizing:border-box; padding-left:500px; height:354px; position:relative; margin-top:3%;}
	.news > .news-cen > .news-flash{ width:500px; height:auto; position:absolute; left:0; top:0;}
	.news > .news-cen > .news-list{ width:100%; height:354px;}
	.news > .news-cen > .news-list > ul > li{height:36px; line-height:36px;}
	
	
	.wh-jzg{ width:100%; box-sizing:border-box; padding-left:380px; position:relative; height:172px;  }
	.wh-jzg > .wh-jzg-img{ width:380px; height:172px; position:absolute; left:0; top:0;}
	.wh-jzg > .wh-jzg-about p{ width:100%; font-size:12px; line-height:27px;  height:27px; overflow:hidden;}
	.wh-js > .wh-js-about > p{width:100%; font-size:12px; line-height:27px;  height:54px; overflow:hidden;}
	.wh-jzg > .wh-jzg-about > h3{ height:auto; font-size:16px; height:36px; line-height:36px; color:#333; }
	.wh-yjsm{ width:100%; box-sizing:border-box; padding-left:380px; position:relative; height:auto;  }
	.wh-yjsm > .wh-yj{ width:380px;}
	.wh-js{ width:100%; box-sizing:border-box; padding-left:380px; position:relative; height:auto;  }
	.wh-js > .wh-js-about{ width:380px;}
	
}

@media (max-width:992px){
	.header > .logo{ width:224px; height:auto; }
	.header > .btn-search,.header > .btn-language{ margin-top:40px; border-left:0;}
	.header > .nav{ margin-top:20px; width:400px; }
	.header > .nav > ul > li{ width:25%; height:24px; line-height:24px; text-align:left; box-sizing:border-box;/* overflow:hidden;*/ }
	.header > .nav > ul > li:nth-of-type(3){ width:50%;}
	.header > .nav > ul > li.on,.header > .nav > ul > li.curr{ border-bottom:0; background-color:#378074; }
	.header > .nav > ul > li.on > a,.header > .nav > ul > li.curr > a,.header > .nav > ul > li.on > a:hover,.header > .nav > ul > li.curr > a:hover{color:#FFF !important;}
	.header > .nav > ul > li > p{ top:24px;}
	.header > .nav > ul > li > p > a{ width:100%; height:30px; line-height:30px; display:block; text-align:center; overflow:hidden; color:#666 !important;}
	
	.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ width:30px; height:60px; line-height:60px;margin-top:-30px;}
	.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:16px;}
	
	
	.about > .about-cen > .ac-about{ max-height:224px; /*margin-top:-112px;*/}
	.about > .about-cen > .ac-about > p{ font-size:12px; line-height:24px; height:120px; margin-top:5%; margin-bottom:5%;}
	.about > .about-cen > .ac-about > .ac-about-btn{ width:120px; height:32px; line-height:28px; font-size:14px;}
	.about > .about-cen > .ac-about > .ac-about-btn{ width:100px; height:32px; line-height:28px; font-size:12px;}
	
	.mcol-hd > h3{ font-size:24px;}
	.swiper3 .swiper-slide h3,.swiper4 .swiper-slide h3{ font-size:14px; height:32px; line-height:32px;}
	
	.youshi > .ys-list > ul > li > h3{ height:30px; line-height:30px; font-size:16px; margin-top:10px; }
	.youshi > .ys-list > ul > li > h4{ font-size:12px; line-height:20px; height:40px; margin-bottom:16px;}
	.youshi > .ys-list > ul > li > .ysl-btn,.news > .news-cen > .news-list > .nl-btn{ width:100px; height:30px; line-height:26px; font-size:14px;}
	
	.location > .locat-con > p{font-size:20px; }
	
	.forms > .forms-form{ width:480px; height:40px; margin-top:-20px; margin-left:-240px; padding-right:120px; }
	.forms > .forms-form > p:nth-of-type(2){ width:120px; height:36px;/* background-color:#F60; position:absolute; right:0px; top:0px;*/}
	.forms > .forms-form > p:nth-of-type(1) input{ height:36px; line-height:36px; padding-left:15px; padding-right:15px; font-size:16px;}
	.forms > .forms-form > p:nth-of-type(2) input{font-size:16px;}
	
	.online > .online-list > ul > li{ width:36%; float:left; position:relative;/* background-color:#F60;*/ box-sizing:border-box; }
	.online > .online-list > ul > li + li{ padding-left:3%;}
	.online > .online-list > ul > li:nth-of-type(1){ width:40%;}
	.online > .online-list > ul > li:nth-of-type(2){ width:26%;}
	.online > .online-list > ul > li:nth-of-type(3){ width:34%;}
	.online > .online-list > ul > li h3{ font-size:14px;}
	.online > .online-list > ul > li p{ font-size:12px;}
	
	
	.news > .news-cen{ width:100%; box-sizing:border-box; padding-left:400px; height:272px; position:relative; margin-top:3%;}
	.news > .news-cen > .news-flash{ width:400px; height:auto; position:absolute; left:0; top:0;}
	.news > .news-cen > .news-list{ width:100%; height:272px;}
	.news > .news-cen > .news-list > ul > li{height:28px; line-height:28px; font-size:12px;}
	
	
	.wh-js > .wh-js-about > p{ line-height:24px;  height:24px; white-space:nowrap; text-overflow:ellipsis; white-space:nowrap; }
	
	.cserv > .cserv-hd > ul > li p{ width:60px;}
	.cserv > .cserv-cen > .cserv-list > ul > li{ width:23%;}
	
	.service > ul > li h3{ font-size:14px;}
	.service > ul > li p{ font-size:12px; }
	
	
}
@media (max-width:768px){	
	.site > .site-hd{ font-size:12px;padding-top:10px; padding-bottom:10px;}
	
	.header > .nav{ display:none;}
	.header > .btn-nav{ display:block;}	
	.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ display:none;}
	
	
	.about > .about-cen > .ac-about{ max-height:174px;/* margin-top:-87px;*/}
	.about > .about-cen > .ac-about > p{ font-size:12px; line-height:24px; height:72px; margin-top:5%; margin-bottom:5%;}
	
	.mcol-hd > h3{ font-size:16px;}
	.mcol-hd > p{ font-size:12px;}
	.swiper3{ display:none; }
	.swiper4{ display:block; }
	.swiper3 .swiper-slide h3,.swiper4 .swiper-slide h3{ font-size:12px;}
	
	.fuwu > .fuwu-cen{ padding-top:20px; padding-bottom:20px;}
	.fuwu > .fuwu-cen > .fwc-hd h3{ font-size:16px; font-weight:normal;}
	.fuwu > .fuwu-cen > .fwc-hd p{ font-size:12px; text-transform:uppercase;}
	.fuwu > .fuwu-cen > .fwc-hd h4{ margin-top:10px;}
	.fuwu > .fuwu-cen > .fwc-about{ font-size:12px; line-height:1.6em;}
	
	.fuwu > .fuwu-cen > .fwc-btn{ width:24px; height:24px; }
	.fuwu > .fuwu-cen > .fwc-list > ul > li p{ width:60px;}
	
	.location > .locat-con{ text-align:left; padding-bottom:10px; font-size:12px; }
	.location > .locat-con > p{ display:none;}
	
	.forms > .forms-form{ width:400px; height:40px; margin-top:-20px; margin-left:-200px; }
	
	.online > .online-list > ul > li{ width:100%; float:left; position:relative;/* background-color:#F60;*/ box-sizing:border-box; }
	.online > .online-list > ul > li + li{ padding-left:0; margin-top:10px; border-top:1px solid #EEE;}
	.online > .online-list > ul > li:nth-of-type(1){ width:100%;}
	.online > .online-list > ul > li:nth-of-type(2){ width:100%;}
	.online > .online-list > ul > li:nth-of-type(3){ width:100%;}
	.online > .online-list > ul > li + li::after{ display:none;}
	.online > .online-list > ul > li h3{ font-size:14px; height:30px; line-height:30px;}
	.online > .online-list > ul > li p{ font-size:12px; height:20px; line-height:20px;}
	
	.news > .news-cen{ padding-left:0; height:auto;}
	.news > .news-cen > .news-flash{ width:100%;  position:inherit;}
	.news > .news-cen > .news-list{ width:100%; height:auto; margin-top:2%; padding-left:0; padding-right:0;}
	.news > .news-cen > .news-list > ul > li{height:30px; line-height:30px; font-size:12px;}
	
	.wh-jzg{ width:100%; box-sizing:border-box; padding-left:0; position:relative; height:auto;  }
	.wh-jzg > .wh-jzg-img{ width:100%; height:auto; position:inherit; left:0; top:0;}
	.wh-jzg > .wh-jzg-about{ padding-left:0;}
	.wh-jzg > .wh-jzg-about p,.wh-js > .wh-js-about > p{ width:100%; font-size:12px; line-height:30px;  height:30px; overflow:hidden;}
	.wh-yjsm{ width:100%; padding-left:0;}
	.wh-yjsm > .wh-yj{ width:100%; height:auto; position:inherit; left:0; top:0;}
	.wh-yjsm > .wh-sm{ width:100%; padding-left:0; height:auto;}
	.wh-js{ width:100%; height:auto; box-sizing:border-box; padding-left:0; position:relative;}
	.wh-js > .wh-js-about{ width:100%; height:auto;  position:inherit; left:0; top:0;}
	.wh-js > .wh-js-about > p{ line-height:24px;  height:auto; white-space:normal; }
	.wh-js > .wh-js-img{ padding-left:0;}
	
	.cserv,.history{padding-left:0; padding-right:0;}
	.history > .hist-hd >  ul > li{ height:80px;}
	.history > .hist-hd >  ul > li > h3{ height:32px; line-height:32px; font-size:20px;}
	.history > .hist-hd > h5{top:47px;}
	
	.service > ul > li{ width:33.3%; margin-right:0; box-sizing:border-box; display:inline-block; float:inherit; vertical-align:top; box-sizing:border-box;}
	.service > ul > li:nth-of-type(7){ display:none; margin-right:0;}
	.footer > .footer-ft > .copyright{ font-size:12px;}
	#map{width:100%;}
       .box5{ display:none;}
	.box6{ display:block; }
}



@media (max-width:600px){
	.header > .logo{ width:196px; height:auto; padding-top:5px; padding-bottom:5px; }
	.header > .btn-search,.header > .btn-language,.header > .btn-nav{ margin-top:36px; border-left:0;}
	
	.about > .about-hd > h3{ width:300px; height:32px; line-height:32px; margin-bottom:20px;}
	.about > .about-hd > h3 > p{ height:52px; line-height:52px; padding:0 4%; position:relative; z-index:10; font-weight:normal; font-size:20px; }
	.about > .about-hd > p{ font-size:12px; }
	.about > .about-cen > .ac-about,.about > .about-cen > .ac-img{ width:100%; }
	.about > .about-cen > .ac-img{ margin-top:20px;}
	.about > .about-cen > .ac-about{ position:inherit; max-height:inherit; }
	.about > .about-cen > .ac-about > p{ height:auto; font-size:12px; line-height:24px;}
	
	.youshi > .ys-list > ul > li{ width:50%;}
	
	
	.cserv > .cserv-hd > ul > li p{ width:48px;}
	.cserv > .cserv-hd > ul > li h3{ font-size:12px; height:30px; line-height:30px;}
	.cserv > .cserv-cen{ padding:10px;}
	.cserv > .cserv-cen > .cserv-list > ul > li{ width:48%; height:30px; line-height:30px; font-size:12px;}
	
	.history{ display:none;}
	.mhistory{ display:block;}
	
	.forms > .forms-form{ width:300px; height:40px; margin-top:-20px; margin-left:-150px; padding-right:100px; }
	.forms > .forms-form > p:nth-of-type(2){ width:100px; height:36px;}
	
	.footer > .footer-ft > .copyright{ padding-right:0;}
	.footer > .footer-ft > .copyright > .zhichi{ position:inherit; top:auto; text-align:left;}
        #map{width:100%;}
}


@media (max-width:480px){	
	.float > .float-hd,.float > .float-hd > span i{ font-size:16px;}
	
	.header > .btn-search,.header > .btn-language,.header > .btn-nav{ margin-top:32px; border-left:0;}
	.header > .btn-search{ display:none;}
	.float > .menu > ul > li{ font-size:14px;}
	
	.fuwu > .fuwu-cen > .fwc-list > ul > li p{ width:36px;}
	.fuwu > .fuwu-cen > .fwc-list > ul > li h3{ font-size:12px; overflow:hidden; height:30px; line-height:30px; white-space:nowrap; text-overflow:ellipsis;}
	#map{width:100%;}
	
	.cserv > .cserv-hd > ul > li p{ width:36px;}
	
	.service > ul > li{ width:50%;}
}

@media (max-width:375px){
	.youshi > .ys-list > ul > li{ width:100%;}
	.forms > .forms-form{ width:240px; height:34px; margin-top:-15px; margin-left:-120px;  padding-right:80px; }
	.forms > .forms-form > p:nth-of-type(2){ width:80px; height:30px;}
	.forms > .forms-form > p:nth-of-type(1) input{ height:30px; line-height:30px; padding-left:10px; padding-right:10px; font-size:14px;}
	.forms > .forms-form > p:nth-of-type(2) input{font-size:14px;}
	#map{width:100%;}
}