﻿.about .sy_bt,.footer0{ display:none}
.sy_cp dl:nth-child(4), .wap_jjt{ display:none}

@media screen and (min-width:1200px)  and  (max-width:1530px)  {
	.container{width:96%}
	.menubox{width:11%}
	#itop.act .navbox{right: 11%;}
	.ny-about-honor{width:85%}
	.ny-about-deve .fr ul{width:85%;}
	.ny-about-deve{height:730px}
	
	.contact-map dl{margin:3.2% 2%}
	.contact-map dl:nth-child(2),.contact-map dl:nth-child(3){margin-top:74px}
	.contact-map dl:nth-child(4){float:right}
	.kucp-service ul li{margin: 0;}
	.service-div2 dl dd{font-size:14px;}
	
	.ny-pro-show-top,.ny-pro-show-bottom{width:100%}
}	

@media screen and (min-width:1200px)  and  (max-width:1350px)  {
	.contact-map dl{margin:4% 1%}
	
}

@media screen and (min-width:1530px)  and  (max-width:1820px)  {
	.ny-about-deve .fr ul{width: 78%;}
	.kucp-service ul li{margin: 0;}
}

@media screen and (min-width:1530px)  and  (max-width:1620px)  {
.about-left img{ width:90%}	
.about-left .about-left_t iframe{ width:90%}
.about-right{ width:51%}
.service_l{    padding: 2% 0 0 8%;}
.service_l h1{ font-size:55px}
.service_r{ width:7%}
.zsjm_l .zsjm_w{    min-height: 460px;    top: 16%;}
.zsjm_r ul{padding: 20% 0 0 8%;}
.zsjm_r li{ height:270px}
.zsjm_r li a img{    margin: 0 auto 10px;}
.lx_top ul{ padding:7% 0 1%}
.lx_top li h1{ padding: 15px 0 5px;}
.lx_top li h2{ font-size:24px;}
}
@media screen and (min-width:1370px)  and  (max-width:1500px)  {
.about_right_bt{    margin: 17% 00 0;}	
/*.about-right-con{    margin: 17% 10% 0 0;}
*/.about-left img{    margin: 33% 0 0;}
.about-left .about-left_t iframe{ margin: 33% 0 0; height:400px;}
.service_l h2{    padding: 26px 0 15px;}
.sy_cp dl{    margin: 0 1%;}
.zsjm_l .zsjm_w{    min-height: 460px;    top: 16%;}
.zsjm_r ul{padding: 20% 0 0 8%;}
.lx_top li h2{ font-size:23px}
.lx_fott{    padding: 18px 10% 0;}
.lx_top ul{ padding:7% 0 1%}
.nav_menu3 > ul > li.nav-has-sub > a{padding: 15px 28px;}
.nav_menu3 > ul > li{    margin-left: 10px;}

}
@media screen and (min-width:1280px)  and  (max-width:1366px)  {
.about{ width:94%}	
.about-left { width:44%}
.about-left .about-left_t iframe{ margin: 28% 0 0; height:360px;}
.ab_time li{    margin-right: 70px;}
.about-right h2 img{ height:190px; display:table}
/*.about-right p{ font-size:14px; line-height:28px;    height: 162px;    margin: 10px 0 40px;}
*/.about-left img{    margin: 28% 0 0;}	
.about_right_bt{    min-height: 440px;    margin: 17% 00 0;}
.nav_menu3 > ul > li.nav-has-sub > a{padding: 15px 24px;}

.service_l h1{ font-size:48px}
.service_l p{ font-size:14px; line-height:28px; height:140px}
.service_l a{    margin:5px 10% 0 0;}
.service_l h2{ font-size:28px;}
.service_l h3{ font-size:24px;}
.service_l{ width:34%;padding: 4% 0 0 4%;}
.service{    padding: 8% 0 0;}
.service-list dl .service-info span{ font-size:12px; line-height:20px; height:40px; overflow:hidden}
.service-list dl .service-info b{ margin:8px 0 6px}
.nav_menu3 > ul > li{    margin-left: 10px;}
.logobox{ left: 4%;}
.sy_row1 .nav_menu3{ right:4%}
.sylx{    padding: 8% 10% 0;}
.lx_r{ width:45%}
.lx_l{width:calc(100% - 45%); }

}
@media screen and (min-width:1200px)  and  (max-width:1280px)  {
.nav_menu3 > ul > li.nav-has-sub > a{padding: 15px 20px;}
.nav_menu3 > ul > li{    margin-left: 5px;}
.sylx{    padding: 8% 10% 0;}
.lx_r{ width:45%}
.lx_l{width:calc(100% - 45%); }
.logobox{ left: 4%;}
.sy_row1 .nav_menu3{ right:3%}	
.logobox{    left: 4%;}	
.burger{ right:3%}
.about{ }	
.about-left { width:42%}
.about-left img{    margin: 34% 0 0;}	
.about-left .about-left_t iframe{ margin: 34% 0 0; height:360px;}
.ab_time li{    margin-right: 50px;}
.ab_time { width:auto}
.about_right_bt{ background-size:80%;    min-height: 400px;margin: 22% 00 0;}
.about_right_bt h1{    margin: 190px 0 0; font-size:24px;}
.about-right{ }
.about-right h2 img{ height:180px; display:table}
.about-right p{ }
.about-right-con a{ font-size:13px;}
.service_l h1{ font-size:43px}
.service_l p{ font-size:14px; line-height:28px; height:140px}
.service_l a{    margin:5px 10% 0 0;}
.service_l h2{ font-size:28px;}
.service_l h3{ font-size:24px;}
.service_l{ width:34%;padding: 6% 0 0 4%;}
.service{    padding: 8% 0 0;}
.service-list dl .service-info span{ font-size:12px; line-height:20px; height:40px; overflow:hidden}
.service-list dl .service-info b{ margin:8px 0 6px}
.sy_cp dl{ margin:0 10px; width:360px; height:270px;box-sizing:border-box}
.sy_cp dl a{width:360px; height:270px;}
.sy_cp dl a .cp_t, .sy_cp dl a .cp_t img{ width:100%; height:auto}
.sy_bt h1{ font-size:56px}
.sy_bt{ font-size:34px;    padding: 0 0 20px;}
.sy_nav{    padding: 0 0 3%;}
.sy_nav a{ font-size:18px;}

.zsjm_l .zsjm_w{    min-height: 400px;    top: 16%;}
.zsjm_r ul{padding: 23% 0 0 8%;}
.zsjm_l .zsjm_w .sy_bt h1{    padding: 0 0 20px;}
.zsjm_l .zsjm_w h3{    margin: 30px 0 20px}
.zsjm_r li a img{ height:110px;}
.zsjm_r li{ height:230px;}
.zsjm_r li a h1{ font-size:28px; line-height:1.2}
.zsjm_r li a h1 span{ font-size:12px}
.lx_top ul{ width:92%}
.lx_top li img{ height:100px}
.lx_top li h2{ font-size:20px}
.lx_fott{    padding: 18px 5% 0;margin: 0 auto 2px;}
.lx_top ul{ padding:7% 0 1%}
.lx_top li h1{padding: 15px 0 5px;}
.lx_fott .fo_l li h1 a{ font-size:18px;}
.lx_fott .fo_l li a{ font-size:14px}
.lx_fott .fo_l li a span{ font-size:12px}
.lx_fott .fo_c a{ font-size:13px}
.lx_fott .fo_c h1{ font-size:17px}
.menu-list .menu-item a{line-height: 2.8em;}
.menu-banner img{ width:80%; display:table; margin:0 auto}
}

/*手机端导航*/
.wap-header{display: none;position: absolute;top:0;left:0;width:100%;z-index: 9999999; background: none;	/*box-shadow:1px 1px 8px rgba(0,0,0,0.2) ;*/}
.wap-nav{position: absolute;top:0;right:0;width:100%; background:rgba(37,56,54,0.9);height:100vh;padding-top:10vh;display: none;}
.wap-nav ul{width:90%;margin:0 auto}
.wap-nav ul li a{font-size:1rem;height:40px;line-height:40px;display: block;text-align: center;color:#b68f4e}
.wap-nav ul li{width:96%;margin:1% auto;color:#fff;border-bottom:1px solid  rgba(183,148,80,0.4)}
.wap-nav ul li span{ display:table; width:100%; padding:0 0 10px}
.wap-nav ul li span a{ display:inline-block; width:33.33%; text-align:center; font-size:0.8rem; line-height:30px; height:30px;}
.wap-nav ul li a:hover{ /*background: #fff;color:#b79450*/ color:#fff}
.banner{display: block;}
.wap-banner{display: none;}
.wap-news{display: none;}

@media screen and (min-width:200px)  and  (max-width:1200px)  {
#row1 .slick-slider{ display:none}	
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
 .swiper-pagination-fraction {	bottom: 10px;	left: 0;	width: 100%; position:absolute; width:100%; z-index:999; text-align:center}
.swiper-pagination-bullet{    background: #fff; width:12px; height:12px;}
.logobox,.header1{ display:none;}	
.wap-news{display: block;}
.wap-header{padding:5px 0 0; width:100%; display:table; position:inherit}
.wap-container{width:92%;margin:0 auto;  z-index:999; padding:0 0 0 }
.wap-logo{ display:table}
.wap_tel{ display:table; float:left; line-height:32px; font-size:16px; font-weight:bolder; padding:15px 0 0}
.wap_tel img{ display:table; float:left}
.wap-logo img{ height:80px}
.wap-logo a{display: block;}
.wap-search{margin-top:20px}
.menubox,.row-controls{display: none;}
#itop .online-service{bottom: 10px;right:10px;}
.row{height: auto !important;}
.banner .curr .pic2 > img{width:100%}
.s_nav{ width:100%; display: table; background:#239594;}
.s_nav dt{display:table; width:100%;/* border-bottom:1px solid #3b67bb*/}
.s_nav a{ width:25%; text-align:center; float:left; font-size:15px; color:#fff; padding:10px 0; /*background:url(../images/nav_xx.jpg) no-repeat center right*/}
.s_nav a:last-child{ background:none}

.about .sy_bt{ display: table}
.wap_jjt{ width:100%; display:table}
.wap_jjt img{ width:100%; display:table}
.banner{display: none;}
.wap-banner{display: block; position: relative;overflow: hidden;top:0}
.header{display: none;}
.pro-top ul li{width: 48%;margin:1%;border:1px solid #ddd;box-sizing: border-box;}
.pro-top ul li a{width:100%;display: block;margin-left:0;padding-left:0;text-align: center;}
.pro-top ul{width:100%;float:none}
.pro-top .fr{float:none;width:100%;display: none;}
.pro-top ul li a:hover, .pro-top ul li.on a{background: none;text-indent: 0;padding-left:0}
#pro-jt{display: block;}
.pro-list{width:96%;margin:0 auto}
.pro-top{display:none;}
.pro-list ul li{margin-top:85px;padding:0}
.pro-list ul li .pic{width:90%;margin-bottom:0}
.pro-list ul li .info{display: none}

.about{ padding:40px 4% 30px; width:100%; margin:0 auto; box-sizing:border-box;background: url(../images/wap_bj1.jpg) no-repeat center bottom; background-size:100%}
.about-left{ display:none}
.about-right{ width:100%; float:inherit}
.about_right_bt{ display:none}

#row3 .sy_bt{ color:#7f7e7e}
#row3 .logobox .logo .logo_b,#row5 .logobox .logo .logo_b{ display:table}
#row3 .logobox .logo .logo_h,#row5 .logobox .logo .logo_h{ display: none}


/*.about .sy_bt{ display:table; color:#239594}
*/.about-right-con{ width:100%; margin:0}
.about-right h2 img{ float:initial; display:table; margin:0 auto}
.about-right h2{ float:initial; text-align:center}
.about-right p{  height:auto;}
.about-right-con a{ margin:0 auto; display:table}
.about-right .about-right-con h1{ background:none; padding:0}
.about-right .about-right-con i{ display:none}
.about-right .about-right-con h1 span{ font-size:20px; text-align:center; display:table; margin:0 auto; padding:20px 0 0}
.ab_time{ width:100%; margin:8%  auto 0 auto}
.ab_time li{ width:33.33%; margin-right:0}
.ab_time li h1 span{ font-size:30px}
.ab_time li h1{ font-size:12px}
.ab_time li h2{ font-size:13px}

.service{margin:20px auto; background:none; padding:0 0 20px; display:table; position:inherit}
.service_r{ display:none}
.container{width:98%;margin:0 auto}
.service_l{ width:94%; display:table; margin:0 auto 20px; float:initial; color:#239594; opacity:1;  box-sizing:border-box; padding:0}
.service_l h1{ text-align:center}
.service_l h2{ text-align:center}
.service_l h3{text-align:center}
.service-con{ width:860px; float:initial; margin:0 auto; height:auto; padding:0px 0 0 }
.service_l a{ display:table; margin:0 auto; float:initial; font-size:14px}
.service_l p{ height:auto; width:100%; margin:0 0 20px; font-size:14px; text-align:center}
.service-list dl dd{ color:#239594}
.service-list dl .service-info span{ display:none}
#row5 .swiper-container-horizontal>.swiper-pagination-bullets, #row5 .swiper-pagination-custom, #row5.swiper-pagination-fraction{ bottom:auto }
#row5 .swiper-pagination-bullet{ width:20px; height:4px; background:#000; border-radius:0}
#row5 .swiper-pagination-bullet-active {	opacity: 1;	background:#239594}
.service-list dl a dt h1{ font-size:14px; color:#333; line-height:60px;}

.sy_bt h1{ font-size:32px; color:#7f7e7e;font-weight: bolder}
.service_l h1{ font-size:40px;font-weight:100}
#row3 .sy_bt span{ color:#239594}
.xw li{ width:46%; margin:0 2% 4%; border:1px solid #ececec}
.xw ul{ padding:0 2%}
.xw li a{ background:none; color:#333333; padding:10px}
.xw li a h1{ font-size:13px; opacity:.4}
.xw li a time{    background: url(../images/xw_jt1.png) no-repeat center right; background-size:18px}
.xw li a h2{ font-size:16px;margin:0 0 6px 0;}
.xw li a p{ font-size:12px; line-height:24px; height:96px; opacity:.7}

.cpk .sy_bt{ color:#fff}
.cpk .sy_bt h1{ color:#fff}
.cpk .sy_bt span{ color:#fff}

.sy_bt{ font-size:26px;    padding: 0 0 20px;}
.sy_nav a{ width:15%; padding:5px 0;    margin:5px;}
.sy_cp dl:nth-child(4){ display: inline-block}
.sy_cp dl{ width:40%; height:auto; margin-bottom:10px}
.sy_cp dl a{ width:100%; height:auto}
.sy_cp dl a .cp_w h1{ font-size:16px;}
.sy_cp dl a .cp_w i{ width:30px; height:30px; line-height:30px; font-size:20px}
.sy_nav{    padding: 0 0 20px;}
#row6{ display:none}
#row5 .sy_bt{ color:#7f7e7e}
#row5 .sy_bt span{    color: #239594;}
.sy_ry{    padding:0% 0% 90px;}
#row5 .more1{ padding:10% 0 0}

.service h2 span{font-size:28px;line-height: 28px;margin-bottom:5px}
.service h2 em{font-size:14px;line-height: 14px;}
.row{ background: none !important;}
.zsjm{ width:100%; padding:40px 0 100px; display:table}
.zsjm_l, .zsjm_r {opacity: 1; position: relative;left:0}
.cpk{background: url(../images/wap_bj2.jpg) no-repeat top center #239594; background-size:100%;     margin: 40px auto;}
.zsjm_l{ width:100%; position:inherit; padding:0 0 30px   }
.zsjm_l .zsjm_w{ position:inherit; background:none; min-height: 100%; padding:0 5%; color:#239594; text-align:center}
.zsjm_l .zsjm_w .sy_bt{ text-align:center}
.zsjm_l .zsjm_w .sy_bt h1{ padding:0 0 5px}
.zsjm_l .zsjm_w p{ margin:0 auto; width:90%}
.zsjm_l img{ display:none}
.zsjm_r{ width:100%}
.zsjm_r ul{ padding:0 5%}
.zsjm_r li{ height:auto; padding:0  0 30px}
.zsjm_r li a h1{ font-size:26px}
.zsjm_r li a h1 span{ font-size:12px}
.sy_lx{ display:none}
.sy_row2 .fo2{ display:none}
/*footer*/
/*footer*/
.footer0 { background:#239594;position:fixed; bottom:0; width:100%; z-index:5000; display:table; padding:0 0 2px}
.footer0 ul{ width:100%}
.footer0 ul li { float:left; width:25%; text-align:center;vertical-align: sub; display:table}
.footer0 ul li a { display: block; padding:10px 0;vertical-align: sub;font-size: 14px; color: #fff; line-height:1; }
.footer0 ul li .fo1 i{ width:20px; height:20px; display: table; margin: 0 auto 5px auto; background:url(../images/ico11.png) center center no-repeat; background-size:20px;   }
.footer0 ul li .fo22 i{ width:20px; height:20px; display: table; margin: 0 auto 5px auto; background:url(../images/ico44.png) center center no-repeat; background-size:20px;   }
.footer0 ul li .fo3 i{ width:20px; height:20px; display: table; margin: 0 auto 5px auto; background:url(../images/ico22.png) center center no-repeat; background-size:20px;   }
.footer0 ul li .fo4 i{ width:20px; height:20px; display: table; margin: 0 auto 5px auto; background:url(../images/ico33.png) center center no-repeat; background-size:20px;   }


}

@media screen and (min-width:200px)  and  (max-width:800px)  {


}


/*@media screen and (min-width:200px)  and  (max-width:600px)  {
.wap-search{margin-top:13px}

}*/

@media screen and (min-height:760px)  and  (max-height:800px)  {

	
}

.wap-product{display: none;position: relative;    margin-top: 80px;width:96%;margin:90px auto 20px auto;overflow: hidden;}
.wap-product li{float:left;}
.wap-product ul li{background: #EFEEF3;transition: all .5s;}
.wap-product ul li .name{width:95%;margin:0 auto;padding:10px 0;text-align: center;}
.wap-product ul li .name span,.wap-product ul li .name em{display: block;}
.wap-product ul li .name span{font-size:15px;color:#333333;line-height: 18px;margin-bottom:2px;}
.wap-product ul li .name em{font-size:12px;color:#878785}
.wap-product ul li .pic{width:100%}
.wap-product ul li .pic img{width: 100%;}
.wap-aproclass{display: none;}

@media screen and (min-width:200px)  and  (max-width:1200px)  {
	.bannernum{position: absolute;text-align: center;z-index:9999;}
	.pro{display: none;}
	.wap-product{display: block;}
	
}

@media screen and (max-width:640px) {
.wap-logo img{ height:60px}	
.wap-logo{ margin-right:3%}
.wap-search img{ height:32px;}
.service-con{ width:320px}
.service-list dl .service-info b{ font-size:15px}
.service_l h1{ font-size:40px}
.service_l h2{ font-size:26px; padding:10px 0 14px}
.service_l h3{ font-size:22px}
.about-right h2 img{ width:60%}
.about-right p{ font-size:15px; line-height:28px;    margin: 15px 0 30px;}
.service{ margin:0 auto}
.sy_nav a{ width:20%; font-size:16px}
.sy_cp dl{ width:40%; height:auto}
.sy_cp dl a{ width:100%; height:auto}
.sy_cp dl a .cp_w h1{ font-size:16px;}
.sy_cp dl a .cp_w i{ width:30px; height:30px; line-height:30px; font-size:20px}
.sy_cp dl a .cp_t, .sy_cp dl a .cp_t img{ height:auto}
.sy_cp dl a .cp_w h1{    padding:15% 0 15px;}
.zsjm{  padding: 10px 0 80px;}
.zsjm_l .zsjm_w h3{ font-size:18px;    margin:20px 0 15px;}
.zsjm_l .zsjm_w p{ font-size:14px}
.zsjm_r li a img{ width:100px; display:table; height:auto;    margin: 0 auto 10px;}
.zsjm_r li a h1{ font-size:22px; font-weight:100}
.about-right-con a{ font-size:13px;    padding: 10px 20px;}

.pic_float{display: none;width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: url(../images/bgicon.png) repeat;overflow: hidden;z-index: 999999999;}
.in_pic_float{width:100%;position: absolute;top: 40%;left:0;margin-top: -20%; margin-left:0}
.in_pic_float a img{ width:100%}
.closeFloat{display: block;position: absolute;top: 24px;right: 30px;cursor: pointer;}
.more1 a{ padding:0 40px	}


}
@media screen and (max-width:360px) {

.sy_bt h1{ font-size:28px; color:#7f7e7e;font-weight: bolder}
.sy_bt{ font-size:24px}	
	
}




