@charset "utf-8";
/* CSS Document */
@media (min-width:768px) {
	.layout { width:780px;}
	.layout{padding-right:0; padding-left:0;}
}
@media (min-width:992px) {
	.layout { width:1040px }
	.layout{padding-right:40px; padding-left:40px;}
	
}
@media (min-width:1200px) {
	.layout{padding-right:60px; padding-left: 60px;}
	.layout { width:1080px; }
	.about-con{width:92%; }
}
@media (min-width:1400px) {
	.layout { width:1260px;}
}
@media (min-width:1600px) {
	.layout { width:1460px;}
	.about-con{width:75%; }
}
@media (min-width:1800px){
	.layout{width:1660px;}
}
@media screen and (max-width: 1180px) {

	.header .top{ max-width:980px;}
	.header .nav{ text-align:right;}
	.header .nav li{ display:inline-block; width:80px; padding:0; text-align:center;}
	.header .nav li p{font-size: 14px;}
	.header .nav li dd a{line-height:32px;}
	.header .yuyan{}
	
	.search_box .box{ max-width:980px;}
	
	.derp{width:89%;}
	.derp li{float:left;width:31.33%;}
	.derp li:nth-of-type(n+7){ display: none;}
	
	.product li{ width:19%;}
	
	.con{ max-width:980px;}
	
	.product_con{ max-width:980px;}
	
	.about-con { width:93%;}

	.nav_am li{ width:31.13%; margin-bottom:3%}
	.nav_am li img{ width:35%; padding:5px 10px 5px 10px;}
	.nav_am li span{ line-height:115px; font-size:14px;}
	.nav_am li:nth-child(3n){ margin-right:0}
	
	

}

@media screen and (max-width: 980px) {
	
	.header{ height:60px;}
	.header .top{ max-width:980px;}
	.header h1{ width:70px; margin-top:8px;}
	.header .yuyan{ height:18px; line-height:18px; float:left; margin-top:20px; margin-right:10px;}
	.header .search{ margin-top:15px;margin-right:20px}
	
	.nav{ display:none;}
	.menu{ display:block; float:right;}
	.openclose{ display: block; width: 48px; height: 28px; line-height:30px; text-align:center; border:1px solid #666; color:#FFF; margin-top:15px; border-radius:3px;}
	.menu a:hover{ text-decoration:none; color:#FFF;}
	.sub_menu{ display: none; position:absolute; right:0px; top:60px; width:100%; z-index:100; background:rgba(0,0,0,0.8);}
	
	.search_box .box{ max-width:720px;}
	
	.flex-control-nav {bottom:0;}
	
	.index-item01,.index-item02{ padding:5.5%;}
	.index-tit01,.index-tit02{ font-size:1.65em;}

	.derp{width:94%;}
	.derp li{float:left;width:48%;}
	.derp li:nth-of-type(n+5){ display: none;}
	
	.index-contact{padding:50px 0;}
	.index-contact h2{font-size: 28px;}
	.index-contact p.info{font-size:14px;}
	.index-contact .contact-way ul{padding-top:40px;}
	.index-contact .contact-way ul li{width:50%;margin-bottom:30px;}
	.index-contact .contact-way ul li i{width:100px;height:100px;}
	.index-contact .contact-way ul li i em{width:94px;height:94px;}

	
	.con{ max-width:720px;}
	
	.subnav ul{ border-bottom:none; margin-left:-2%;}
	.subnav li{ padding-right:0px; width:48%; text-align:center; margin-left:2%; margin-bottom:2%; line-height:40px;}
	.subnav li a{ border:1px solid #666; display:block; border-radius:3px;}
	.subnav li a:hover{ border:1px solid #111; display:block; border-radius:3px;}
	.subnav li a.current{ border:1px solid #111; background:#111; color:#FFF;}
	
	
	.shebei li{ width:48%;}
	
	.home-news-box{padding: 30px 0px;width: 84%;}
    .home-news-box .text span{float: none;margin:0 auto;font-size: 20px;}
    .home-news-box .text p{width: 100%;float: none;padding-top: 20px;text-align: center;}
    .home-news-box .con-box{padding:20px 0 0 0;}
    .home-news-box .con-box .left{width: 100%;float: none;}
    .home-news-box .con-box .right{width: 100%;float: none;padding-top: 20px;}
    .home-news-box .con-box .right ul li{padding:20px 0 0px 0;}
    .home-news-box .con-box .right ul li strong{display: none;}
    .home-news-box .con-box .right ul li{border-bottom: none;border-top: 1px solid #b2b2b2;}
    .information-box ul li.email,.information-box ul li.tel,.information-box ul li.add{width: 100%;float: none;height: auto;margin-left: 0px;border-right:none;padding-bottom: 20px;}

	.product li{ width:24%;}
	
	.s_banner{ width:100%; margin-top:60px;}
	.about-list{ height: 55px;}
	.about-list a{width:auto; padding:0 6%;font-size: 13px; line-height: 53px;}
	.about-list a.act{ border-bottom:2px solid #1798d7;}
	
	.about-con{width:96%; padding:0;}

	.about-brief{width:auto;}
	.about-list .swiper-container{width:96%;}
	.about-brief h2{font-size:24px; margin-bottom:5%;}
	.about-brief .br_jj{line-height:25px; margin-bottom:3%; color:#666;}
	.about-brief img{ width:100%;}
	
	.about-thr .thr-block span{font-size: 12px;}
	
	
    .exhibition_tb ul li{ width: 48%; margin: 0 1% 1.5%;}
	
	.about_fs_ul1 li{width: 49%;}
	.about_fc li {width: 49%;}
	.about_rd li{width: 49%;}
	
	.h2-line{font-size:16px;}
	.service-box{margin:15px 0;}
	.service-box .h2-line{margin-bottom:15px;}
	.h2-line.h80,.offering-box .h2-line.h80{height: 45px;line-height:45px;}
	.service-box .service-txt p,.customization-txt p{font-size: 13px; line-height: 25px;}
	.service-box .service-txt{width:100%;}
	.service-box .service-img{width:100%;}
	
	
	.main-contact .cont{padding:0 5px;}	
	.main-contact .cont .contact-way{width:100%;}
	.main-contact .cont .contact-way ul li{font-size:14px;}
	.main-contact .cont .contact-way ul li.mail,.main-contact .cont .contact-way ul li.tel{width:100%;margin-bottom:10px;}
	.main-contact .cont .contact-way ul li.skype,.main-contact .cont .contact-way ul li.phone{width:100%;margin-bottom:10px;}
	.main-contact .cont .contact-way ul li.add{width:100%;}
	.main-contact .cont .form-box{width:100%;}
	
	.newPageCon { width:100%;overflow: hidden; }
	.news_ls{ padding:0; margin-top:15px;}
	.news_ls ul{ margin-left:0%;}
	.news_ls li{ float:none; width:98.4%; margin:0px auto; padding-bottom:20px;}
	
	
	.title_con{padding:0 0 20px 0;}
	.title_con h2{ float:none; font-size: 18px;}
	.fx_con{ float:none;}
	
	.news_con .box{ padding-top:20px;}
	.news_con .fhlb{ margin:20px auto 0 auto;}
	
	.content_bottom_left{ width: 100%; padding-left: 6px; }
    .content_bottom_left a{padding-bottom: 10px;}
    .content_bottom_right{ float: left; width: 100%;}
    .content_bottom_right ul{ padding-right: 20px;}
    .content_bottom_right ul li{  padding-top: 20px;}
    .news_content h2{ font-size: 16px;}
    
    .product_list ul li{ width: 48.5%;}
	.product_list ul li a{ width:99%;}
	.product_list ul li:nth-child(2n){ margin-right:0;}
	.product_list ul li h3{padding:3% 0;  font-size: 12px; }
	.product_list ul li a span{padding:1% 2%;margin-bottom:3%; font-size: 12px; }
	
	.product_list ul li{ width: 48.2%; margin-bottom:4%}
	.product_list ul li a{ width: 50%;}
	.product_s_banner ul.product_li{ height:320px;}
	.product_s_banner ul.product_li li img{ display:block; width:80%; margin-top:0}
	.product_s_left{ width: 100%;}
	.product_content{ padding: 0;}
	.product_cont{padding: 0;}
	.product_content h2{ font-size: 16px; text-align: center;}
	.product_content p{ font-size: 13px; text-align: center;}
	.product_s_right{ width: 100%; padding-top: 6%; padding-left:0;}
	.p_tb{ padding-left: 6px;}
	.p_left{ width: 100%;}
	.p_left:nth-child(2){ padding-left: 0; padding-top: 5%;}
	.p_left a{ font-size: 12px;}
	.btn1{width:100%; height:40px; line-height:40px; font-size:15px;}
	
	.nav_am{ width:100%; margin:2% auto;}
	.nav_am li{ width:47.3%; margin-bottom:3%; border:2px solid #f1f1f1;}
	.nav_am li:nth-child(2n){ margin-right:0}
	.nav_am li:nth-child(3n){ margin-right:2%}
	.nav_am li img{ width:22%; padding:5px 10px}
	.nav_am li span{ padding-top:0; line-height:55px; font-size:12px; font-weight:normal;}

	.foot{padding-top:2%;}
	.foot_t.lines{border-top:0px solid #222; margin-top:0; }
	.foot_t .code{ display: none;}
	.foot_b{ padding:2% 0; width: 100%; float: left; padding-bottom: 15px; margin-top: 0}
	
	.foot_t{ padding-top: 10px;	}
	.foot_t .t_l{ display: none;}
	.foot_cc{width: 100%; float: left; padding-bottom: 15px; margin-top: 0}

	.foot_t .t_r{ float:left; }

@media screen and (max-width: 720px) {
	
	
	.header .top{ padding:0px 5%;}
	
	.banner_pc{ display:none;}
	.banner_yd{ display:block; padding-top:62px;}
	
	.product_nav{ padding:5% 5% 3% 5%;}
	.product_nav ul{ margin-left:0%;}
	.product_nav li{ width:100%; margin-left:0%; margin-bottom:3%;}
	
	.search_box .box{ padding:0px 5%;}
	
	.news li{ border-bottom:none; margin-bottom:2%;}
	.news li .pic{ float:none; width:100%;}
	.news li .txt{ float:none; width:100%;}
	
	
	.product li{ width:49%;}


	
	.foot .box{ padding:0px 5%;}

	
}