/* CSS Document */
@charset "utf-8";
#wk_services_ul1 {
	display: none;
}

.portal_block_summary {
	width: 1100px;
	zoom: 1;
}

.wk_navwp .wkh_img {

}

.wk_about_dl {
	width: 187px;
	margin-right: 10px;
}

.wk_ymbg {
	z-index: 20;
	position: relative;
}

.wk_content_right_m .wk_about_1_warp {
	width: auto;
}

#portal_block_22_content .portal_block_summary {
	width: auto;
}

.none {
	display: none;
}

.wk_services_con .liSpecial {
	display: none;
}

.wk_services_con .liSpecial .wk_services_ico06 {
    background: url(../images/s_img06_on.png) left top no-repeat;
    background-size: 100% 100%;
}

*{zoom:1}
.fullSlide{ position:relative; background:#000; margin:0 auto;}
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top;  } 
.fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center;
	 background:#000; filter:alpha(opacity=60);opacity:0.6 
}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(images/tg_flash_p.png) -18px 0; overflow:hidden; 
	font-size:0;
}
.fullSlide .hd ul .on{ background-position:0 0; }
.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left;  background:url(images/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }
.fullSlide .next{  background-position:right 0; float:right; margin-right:3%  }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }
.sMenuImg {
	display: none;
}

#spMu {
		display: none;
	}
.bottom_bg{
	display: none;
}
.bottom_bg{width: 100%;position: fixed;bottom: 0;z-index: 99;}
.bottom_bg ul{overflow: hidden;}
.bottom_bg ul li{width: 50%;float: left;background-color: #023b56;height: 50px;}
.bottom_bg ul li a{display: inline-block;padding: 10px 0;width: 100%;}
.bottom_bg ul li a div{width: 28px;height: 28px;float: left;margin-right: 10px;margin-left: 45px;}
.bottom_bg ul li a div img{width: 100%;}
.bottom_bg ul li a p{font-size: 20px;line-height: 28px;color: #fff;float: left;}

#wk_one_1.yd_wk_one{display: none;}


@media all and (min-width: 0) and (max-width: 640px) {
	body {
	}
	
	.hzhb_bg{
		width: 100%;
		height: auto;
		position: relative;
	}
	.hzhb_bg .hzhb_bgtu1{
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: -1;
	}
	.hzhb_bg .hzhb_bgtu2{
		width: 97%;
		display: block;
		height: auto;
		z-index: 1;
		margin: auto;
	}
	
	
	.sub_nav {
		/*display: none;*/
	}
	.sMenuImg {
		display: block;
		float: right;
		padding: 19px 15px 0 0;
		width: 30px;
	}

	.wk_banner_side {
		display: none;
	}

	#hd {
		height: auto !important;
		position: fixed;
		z-index: 100;
		width: 100%;
	}
	.portal_block_summary {
		width: 100%;
	}

	.portal_block_summary p {
		font-size: 13px;
		padding: 0 15px !important;
	}
	.portal_block_summary h1 {
		padding: 0 15px !important;
		box-sizing: border-box;
	}
	.portal_block_summary span {
		 font-size: 13px;
		 padding: 0 15px !important;
	 }
	.portal_block_summary h1 span {
		padding: 0 !important;
	}

	.portal_block_summary span.title_box {
		font-size: 13px;
		padding: 0 !important;
	}

	.ny_02_01>ul{
		padding-top: 30px;
	}
	.portal_block_summary p span {
		font-size: 13px !important;
	}

	.wk_logo {
		width: auto;
		height: 60px;
		display: flex;
		align-items: center;
	}

	#week_nav {
		height: auto;
		opacity: 1!important;
	}

	.wk_inav {
		width: 100%;
		height: auto;
		float: none;
		display: none;
		/*position: absolute;*/
		position: fixed;
		top: 6.7%;
		background-color: #eee;
		/*top: 100%;*/
		z-index: 50;
	}

	.wk_logo img {
		width: auto;
		height: 45px;
	}

	.nav {
	    float: none;
	    height: auto;
	    width: 100%;
	    overflow: hidden;
	}

	#hd h2 {
		padding: 0;
	}

	.nav li {
		float: none;
		width: 100%;
		height: 60px;
	}

	.nav li a {
		width: 100%;
		height: auto;
		float: none;
		display: block;
		line-height: 60px;
	}


	.zxdh_bg{display: none;}


	#hd #week_nav .wk_navwp {
		width: 100%;

	}
	
	/*.wk_inav {
		display: none;
	}*/

	.wk_widthkd {
		width: 100%;
		height: 300px;
	}
	.wk_banner_side {
		min-width: 100%;
		height: auto;
		display: none;
	}

	.wk_service_top {
		width: 100%;
		height: auto;
		padding-top: 10px;
	}
	.wk_part_top h2,
	.wk_case_top h2,
	.wk_about_top h2,
	.wk_service_top h2 {
		width: calc(100% - 15px);
		height: auto;
		float: none;
		position: inherit;
		padding: 0 5px 0 10px;
	}
	.wk_part_top h2 img,
	.wk_about_top h2 img,
	.wk_case_top h2 img,
	.wk_service_top h2 img {
		width: 45%;
		vertical-align: middle;
	}
	.wk_part_top h2 span,
	.wk_about_top h2 span,
	.wk_case_top h2 span,
	.wk_service_top h2 span {
		display: block;
		position: inherit;
		font-size: 13px;
		margin-top: 10px;
	}
	.wk_about_qh,
	.wk_about_qh,
	.wk_service_qh {
		width: 100%;
		float: none;
		height: auto;
		overflow: hidden; 
		padding: 10px 0; 
	}

	.wk_service_qh {
		display: none;
	}

	.wk_about_qh li {
		width: 33%;
		padding: 0;
		text-align: center;
	}

	.wk_about_qh li a {
		margin: 0 auto;
	}

	.wk_services_con {
		width: 100%;
		height: auto;
		background: none;
		margin-top: 5px;
	} 

	.wk_services_con ul {
		width: 100%;
	}

	.wk_services_con li {
		padding-top: 10px;
		width: 33%;
		height: auto;
	}

	.wk_services_ico {
		width: 50px;
		height: 50px;
	}

	.wk_services_con li h3 {
		margin-top: 10px;
		font-size: 13px;
	}

	.wk_services_con li p {
		min-height: 50px;
		display: none;
	}

	.wk_services_con li a {
		width: 100%;
	}

	.wk_services_ico div {
		width: 100px;
		height: 100px;
		/*min-width: 90%;
		min-height: 90%;*/
		background-size: 100%;
		margin: 0 auto;
	}

	.wk_services_ico01 {
		background: url(../images/s_img01_on.png) left top no-repeat;
		background-size: 100% 100%;
	}

	.wk_services_ico02 {
		background: url(../images/s_img02_on.png) left top no-repeat;
		background-size: 100% 100%;
	}

	.wk_services_ico03 {
		background: url(../images/s_img03_on.png) left top no-repeat;
		background-size: 100% 100%;
	}

	.wk_services_ico04 {
		background: url(../images/s_img04_on.png) left top no-repeat;
		background-size: 100% 100%;
	}

	.wk_services_ico05 {
		background: url(../images/s_img05_on.png) left top no-repeat;
		background-size: 100% 100%;
	}

	#wk_one_1{display: none;}
	#wk_one_1.yd_wk_one{display: block;}

	.wk_services_ico07 {
		background: url(../images/s_img07_on.png) left top no-repeat;
		background-size: 100% 100%;
	}
	.wk_services_ico08 {
		background: url(../images/s_img08_on.png) left top no-repeat;
		background-size: 100% 100%;
	}

	#wk_fwlcdiy img {
		width: 100%;
	}

	.wk_projectbg,
	.wk_service_side {
		min-width: 100%;
		height: auto;
		padding-bottom: 20px;
	}

	.wk_projectbg {
		margin-top: 20px;
	}

	.wk_gengduo{
		top: 1162px;
	}

	.wk_case_side {
		min-width: 100%;
		height: auto;
	}

	.wk_case_top {
		width: 100%;
		height: auto;
    	padding-top: 20px;
	}

	.wk_project_pic {
		width: 100%;
		height: auto;
	}

	.wk_project_pic ul {
		width: 100%;
		height: auto !important;
		/*height: 855px !important;*/
		overflow: hidden;
	}
	.wk_news_basic dd{height: 98px;overflow: hidden;}
	.wk_project_pic li {
		width: 100%;
		/*height: auto;*/
		height: 100%;
		position: inherit;
	}

	.wk_zzsc {
		/*width: 48%;
    	height: 120px;*/
		width: 45%;
		height: 200px;
    	margin: 0 2.5%;
		float: left;
		box-sizing: border-box;
    	/*padding: 0 1%;*/
    	/*padding: 0 1%;*/
    	/*background: url(../images/ico6.jpg) no-repeat center;*/
    	background-size: 100% 100%;
	}

	.wk_zzsc a {
		display: block;
		/*padding: 0 10px 6px;*/
	}

	.wk_zzsc img {
		width: 100%;
		height: 130px;
	}
	.p_title{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.wk_text {
		width: 96%;
		left: 2%;
		height: auto;
		padding: 0;
		bottom: 0;
		line-height: 20px;
	}

	.wk_texttit {
		width: 98%;
		padding: 0;
		height: auto;
		text-align: center;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}

	.wk_imgtext {
		width: 98%;
		height: auto;
		padding: 0;
	}

	.wk_about_side {
		min-width: 100%;
		height: auto;
	}

	.wk_about_top,
	.wk_about_con,
	.wk_about_basic {
		width: 100%;
		height: auto;
	}

	.wk_about_dl {
		width: 48%;
		padding: 0 1%;
		height: auto;
		margin: 0;
		margin-right: 0px !important;
	}

	.wk_about_dl dd.dd1,
	.wk_about_dl dd.dd2,
	.wk_about_dl dt {
		width: 100%;
		height: auto;
	}

	.wk_about_dl dt img {
		width: 100%;
		height: auto;
	}

	.wk_about_dl dd.dd2 {
		min-height: 120px;
	}

	.wk_about_dl dd.dd1 {
		line-height: 40px;
	}

	.wk_about_dl dd.dd1 img {
		width: 50px;
	}

	.wk_about_dl dd.dd2 {
		font-size: 12px;
	}

	.wk_news_basic {
		padding-right: 0;
		width: 100%;
		height: auto;
	}

	.wk_news_basic dt, .wk_news_basic dt img {
		width: 100%;
	}

	.wk_news_basic dd {
		width: 100%;
		margin: 10px auto 10px;
	}

	.wk_news_basic dd h2 {
		width: calc(100% - 20px);
	}

	.wk_news_basic ul {
		width: calc(100% - 20px);
	}

	.wk_news_basic ul li {
		width: 100%;
	}

	.wk_jishu,
	.wk_guandian {
		padding: 0;
	}

	.wk_about_con {
		margin: 10px auto;
	}

	/*#wk_one1_2,
	#one12 {
		display: none;
	}
*/
	.wk_part_top {
		width: 100%;
		height: auto;
		padding-top: 10px;
	}

	.wk_part_side {
		min-width: 100%;
		height: auto;
		background: url(../images/part_bj.png) repeat top left;
		background-size: 100%;
	}

	.wk_part {
		margin: 0;
		padding: 5px 0;
		width: 100%;
		height: auto;
	}

	.wk_part ul {
		width: 100%;
		height: auto;
	}

	.wk_part ul li {
		width: calc(33% - 10px);
		margin: 0;
		height: auto;
	}

	.wk_part ul li a {
		width: 100%;
		height: 100%;
	}

	.wk_part ul li a img {
		width: 100%;
		height: auto;
	}

	.wk_contact_side {
		min-width: 100%;
		height: auto;
	}

	.wk_contact {
		width: 100%;
		height: auto;
		background: #ba292e url(../images/contact1.png) no-repeat;
		background-size: 100%;
		padding: 24% 0 10px;
	}

	.wk_contact ul {
		position: inherit;
		width: 100%;
		height: auto;
		left: 0;
	}

	.wk_contact ul li {
		width: auto;
		height: auto;
		line-height: 30px;
		float: none;
		font-size: 13px;
		padding-left: 30px;
		line-height: 20px;
	}

	#wk_ft {
		height: auto;
		margin-bottom: 0px;
	}

	.wk_footer {
		height: auto;
		min-height: auto;
	}
	.wk_xian{

	}

	.wk_footer-wrap {
		width: 100%;
	}
	.wk_footer-top{
		padding-top: 0px;
		font-size: 14px;
	}
	.wrap {
		width: 100%;
	}
	.wk_about_dl dd.dd1{margin: 0px auto 10px auto;}
	.wk_footer-nav {
		float: none;
	}
	.wk_footer-top{display: none;}
	.wk_footer-wrap .wk_footer-con-l {
		width: 100%;
		text-align: center;
	}
	.wk_footer-wrap .wk_footer-con-m div{
		margin-bottom: 0px;
	}

	.wk_footer-wrap .wk_footer-con-m {
		width: 100%;
		margin-left: 0;
		/*display: none;*/
	}

	.wk_footer-wrap .wk_footer-con-r {
		float: none;
	}

	.wk_footer-wrap .wk_footer-con-r {
		width: 100%;
		display: none;
	}

	.wk_part_k {
		width: 100%;
		height: 100%;
	}

	.wp {
		width: 100%;
	}

	.go_top {
		display: none;
	}

	#services_pop {
		width: 0;
		height: 0;
		overflow: hidden; 
	}

	.wk_head_banner .flexslider {
		background-size: 100%;
		/*height: 220px;*/
	}

	.wk_head_banner .slides li {
		width: 100%;
		/*height: 220px;*/
		background-size: 280% 67% !important;
	}
	.wk_head_banner{height: 250px;}
	.newstitem{
		margin:0 2.3% ;
		float: left;
		list-style: none;
		position: relative;
		width: 45%!important;
		visibility: visible;
		animation-delay: 0s;
		min-height: 200px;
		transition: all 0.3s ease-out 0s;
		box-sizing: border-box;
		height: 280px!important;
	}
	.newsimg{
		height: 145px!important;
		float: left;
		width: 100%;
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}
	.newsbody .title{
		margin-top: -90px!important;
		transition: none;
		font-size: 13px!important;
	}
	.description{
		transition: none!important;
		font-size: 11px!important;
		margin-top: 0px!important;
	}
	.newsbody .title{text-align: center;}
	.wk_head_banner{margin-top: 0px;}
	.left {
		/*display: none;*/
	}

	.right {
		width: 100%;
		min-height: 570px;
		position: relative;
	}
	.ny_02_02{position: absolute;bottom: 15px;}
	.portal_block_summary .text{margin-left: 0 !important;}
	.wk_c_right_name {
		border-bottom: none;
		min-height: 16px !important;
		height: auto !important;
		margin-top: 20px;
		display: none;
	}

	.wk_c_right_name_l {
		float: none;
		margin-top: 0px;
		padding-top: 0;
		height: auto;
	}

	.wk_c_right_name_r {
		float: none;
		padding-top: 0;
		/*margin: -60px 0 40px;*/
		/* border-bottom: 1px solid #E6E6E6; */
		padding-left: 10px;
	}

	.wk_c_right_name_r li:last-child {
		width: 90%;
		overflow: hidden;
        text-overflow:ellipsis;
		white-space: nowrap;
	}

	#wp .wp {
		height: auto;
		/*padding: 5px 0;*/
	}

	.wk_c_right_name_l3 li {
		width: 25%;
		margin: 0;
		height: 33px;
		text-align: center;
	}

	.wk_c_right_name_l3 {
		float: none;
		width: 100%;
		height: auto;
		overflow: hidden;
		display: none;
	}

	.ny_lb_1 .lb04 {
		left: 125px;
		/*overflow: hidden;
		text-overflow:ellipsis;
		word-break: break-all;*/
		width: 60%;
		top: 30px;
		height: 70px;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}

	.ny_lb_1 .lb03 {
		left: 125px;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		width: 60%;
		text-align: left;
	}

	.fengye {
		text-align: center;
	}

	.slideBox{
		margin-top: 28px!important;
	}


	.wk_ymbg {
		margin-top: 0px!important;
		padding-top: 56px;
	}

	.wk_content_right_m {
		padding-top: 48px;
	}

	.wk_about_1_warp {
		padding: 0 !important;
		width: 100% !important;
	}
	.wk_about_1_warp img {
		width: 100%;
		height: auto !important;
	}

	.wk_content_right_m .left {
		/*display: none;*/
	}

	.wk_content_right_m .right {
		float: none;
		width: 100%;
	}

	.wk_content_right_m .right img {
		width: 100%;
	}

	.ny_lb_2 .lb01 {
		width: calc(48% - 22px);
		height: auto;
		margin-right: 2%;
	}

	.ny_lb_2 .lb01 img {
		width: 100%;
	}

	.ny_lb_2 .lb01 h2 {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		height: 47px;
		overflow: hidden; 
	}

	.ny_lb_2 .lb01 span {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		height: 55px;
		overflow: hidden;
	}
	
	.main-im {
		top: 480px !important;
		display: none !important;
	}

	/*.wk_c_right_name01 {
		height: 66px !important;
	}*/

	/*.wk_c_right_name01 .wk_c_right_name_l {
		height: 66px;
	}*/

	/*.wk_c_right_name01 .wk_c_right_name_r {
		margin-top: -102px;
	}*/

	#wp .wp {
		width: 100%;
	}

	.ny_lb_4 .n_em3 li {
		width: calc(48% - 26px);
		background-image: url(../../images/ny04.png);
		background-size: 100% 100%;
		margin: 0 2% 10px 0;
	}

	.ny_lb_4 .n_em3 {
		padding-left: 0;
	}

	.ny_lb_3 ul li {
		height: auto;
	}

	.wk_navwp .wk_img {
		width: 10%;
		max-width: 40px;
		float: right;
	}

	.wk_navwp .wk_img img {
		width: 100%;
	}

	.wk_head_banner .slides img {
		height: 220px;
		object-fit: cover;
	}

	#spMu {
		display: none;
	}

	.slideBox .hd{display: none;}

	.wk_head_banner {
		display: none;
	}

	.ny_03 {
		padding-top: 0; 
	}

	object,
	embed,
	canvas,
	iframe {
		width: 100% !important;
	}

.fullSlide{ position:relative; background:#000; margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top;  } 
.fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center;
	 background:#000; filter:alpha(opacity=60);opacity:0.6 
}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(images/tg_flash_p.png) -18px 0; overflow:hidden; 
	font-size:0;
}
.fullSlide .hd ul .on{ background-position:0 0; }
.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left;  background:url(images/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }
.fullSlide .next{  background-position:right 0; float:right; margin-right:3%  }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }
.wk_services_con .liSpecial {
	display: block;
}
.bottom_bg{display: block;}

}
@media all and (max-width: 350px){
	.bottom_bg ul li a p{
		font-size: 16px;
	}
	.bottom_bg ul li a div{
		margin-left: 30px;
	}
}