.j_between{display: flex;justify-content: space-between;align-items:center;}
.j_center{display: flex;justify-content: center;align-items:center;}
.j_start{display: flex;justify-content: flex-start;align-items:center;}
.j_end{display: flex;justify-content: flex-end;align-items:center;}
.wrap{flex-wrap: wrap;}
.back_btn,.back_list{cursor:pointer;}
/* body{min-width:1250px;max-width:1920px;margin:0 auto!important;} */
body{margin:0!important;}
div{box-sizing: border-box;}
img{box-sizing: border-box;}
a{text-decoration: none;color:#666;}
p{margin-block-start: 0!important;margin-block-end: 0!important;}
ul{list-style-type: none;}
.page_paginate{margin-bottom:50px;}
.page_paginate .pagination{display: flex;justify-content: flex-start;}
.page_paginate .pagination li>a,.page_paginate .pagination li>span{color:#999;font-size:18px;padding:0 10px;}
.page_paginate .pagination li.active>a,.page_paginate .pagination li.active>span{color:#fff!important;background:#d18f4d;}
.item{cursor:pointer;}
.common_outer{width:100%;position: relative;}
.common_header{width:100%;height:80px;border-bottom:1px solid rgba(251,251,251,.15);position: absolute;top:0;left:0;right:0;z-index:300;min-width:1250px;}
.common_header .search_box{width:200px;height:30px;z-index:400;position:absolute;right:5%;bottom:-50px;display:none;}
.common_header .search_box.active{display: block!important;}
.common_header .search_box .txt{height:30px;}
.common_header .search_box .btn{height:30px;color:#fff;background:#83cf24;border:none;}
.common_header .logo_section{width:27%;height:80px;border-right: 1px solid rgba(251,251,251,.15);z-index:110;}
.common_header .logo_section img{width: 76px;height: 50px;margin-right:20px;}
.common_header .logo_section .zh{font-size: 22px;color:#fff;}
.common_header .logo_section .en{font-size:10px;color:#ddd;letter-spacing: 2px;}
.common_header .nav{width:58%;height:80px;}
.common_header .nav .item{margin-right:3rem;color:#fff;font-size:16px;}
.common_header .nav .item.active{color: #83cf24!important;}
.common_header .zh_en{width:15%;height:80px;border-left: 1px solid rgba(251,251,251,.15);}
.common_header .zh_en .search{width:1.1rem;height:1.1rem;margin-right:1.5rem;}
.common_header .zh_en .zh{color: #fff;font-size:14px;}
.common_header .zh_en .en{color: #fff;font-size: 14px;}
.common_header .zh_en .zh.active,.common_header .zh_en .en.active{color: #78C141;}
.common_banner{width:100%;min-width: 1250px;min-height: 449px;position: relative;}
.common_banner img{width: 100%;display:block;}
.common_banner .cover{position: absolute;top: 0;right: 0;bottom:0;left:0;background: rgba(0,0,0,.3);z-index:200;transition:all 1s;}
.common_banner .cover.active{background:rgba(0,0,0,.1)!important;}
.common_banner .title{font-size: 32px;color: #fff;}
.common_banner .description{font-size: 14px;line-height:24px;color: #fff;margin:40px auto 0 auto;width:70%;min-width:1000px;}
.common_theme{width:100%;border-bottom:1px solid #ebebeb;}
.common_theme .inner{height:100px;align-items: flex-end!important;padding-bottom: 15px;}
.common_theme .inner .zh{font-size: 22px;color: #333;}
.common_theme .inner .en{font-size: 12px;color: #333;}
.common_theme .location{font-size:14px;color:#666;}
.common_theme .location>a{margin:0 5px;}
.common_theme .location>span{margin:0 5px;}
.common_content{width:75%;min-width: 1250px;margin:0 auto;}
.common_footer{width:100%;background: #fcfcfc;padding:50px 0;}
.common_footer .inner{width: 70%;min-width:1250px;margin:0 auto;}
.common_footer .left .name{color: #c6884b;font-size:16px;line-height: 30px;text-align: left;}
.common_footer .left .tel{color: #666;font-size: 16px;line-height: 30px;text-align: left;}
.common_footer .left span{margin-right: 40px;}
.common_footer .left .friend_link{font-size:16px;line-height: 35px;color: #3c7b03;text-align: left;}
.common_footer .left .friend_link a{color: #3C7B03;}
.common_footer .right .sub_left .tel{color: #3c7b03;font-size:36px;}
.common_footer .right .sub_left .online{width: 310px;height: 35px;background: #3c7b03;color: #fff;margin-top:15px;}
.common_footer .right .sub_left .all_day{font-size: 16px;color: #666;margin-top: 15px;}
.common_footer .right .sub_right{margin-left: 60px;}
.common_footer .right .sub_right img{width: 105px;height: 105px;display: block;}
.common_footer .right .sub_right div{color: #333;font-size:14px;}
.common_copyright{width: 100%;height: 50px;font-size: 12px;color: #f3f3f3;background: #000;}
.common_no_product_tip{font-size:14px;color:#83cf24;}
.banner2 img{
	display:block;
	max-width:100%;
	margin:0 auto;
}
.banner2 .swiper-slide{
	height:930px;
	background-size: cover !important;
}
.banner2 .swiper-slide img{
	display:none;
}
.banner2 .swiper-pagination{
	bottom:50px;
}
.menubtn{
	display:none;
}
.news_box{
	display:none;
}
.foot_footer{
	display:none;
}
.foot_yright{
	display:none;
}
.m-WeChat{
	display:none;
}
.hide_show{
	display:none;
}
.contact_main_xs{display:none;}

/* 响应式 */
@media screen and (min-width: 320px) and (max-width: 768px){
	.contact_main{display:none;}
	.contact_main_xs{display:block;background:#f9f9f9;}
	.contact_main_xs p,.contact_main_xs span{color:#666!important;}
	.contact_main_xs .list{padding:30px 20px;}
	.contact_main_xs .list .item .name{font-size:18px;color:#333;font-weight:bold;line-height:30px;}
	.contact_main_xs .list .item .address{font-size:18px;color:#666;line-height:30px;}
	.contact_main_xs .list .item .sub_list .sub_item .sub_name{font-size:14px;color:#666;line-height:18.6px;}
	.contact_main_xs .list .item .sub_list .sub_item .sub_address{font-size:14px;color:#999;line-height:28px;}
	.common_header{
		min-width:100%;
	}
	.common_header .nav{
		display:none;
	}
	.common_header .logo_section{
		width:50%;
		border-right: none;
	}
	.common_header .zh_en{
		display:none;
	}
	.common_header .logo_section div{
		display:none;
	}
	.banner{
		min-width: 100%;
		min-height:100%;
	}
	body{
		min-width: 100%;
        max-width: 100%;
	}
	.product_banner{
		min-width: 100%;
        min-height: 508px;
	}
	.product_banner .swiper-slide img{
		height:480px;
	}
	.product_header{
		min-width: 100%;
        height: auto;
		padding:15px 2%;
	}
	.product_header .category .item{
		display:none;
	}
	.product_banner .title{
		top: 10rem;
		left:5%;
	}
	.product_banner .arrow{
		top: 15.5rem;
		left:5%;
	}
	.case_img{
		min-width:100%;
		min-height: 100%;
		display:flex;
		
		box-sizing: border-box;
	}
	
	.case_img .case_img_box{height:390px!important;}
	
	.case_img .case_img_1st{
		height:auto !important;
	}
	.case_img_1st_box{
		width:100%;
	}
	.case_img .case_img_2nd_box{
		width:100%;
		overflow:hidden;
	}
	.safe_box{
		width:50%;
		float:left;
	}
	.about_us{
		min-width: 100%;
		min-height: auto;
		max-height: auto !important;
		height:auto !important;
	}
	.case_header{
		min-width: 100%;
		padding-right:0px;
		height:auto;
		padding:15px 2%;
	}
	.case_header .sum_2nd{
		display:none;
	}
	.about_us .cate_2nd{
		display:none;
	}
	.case_header .summary{
		margin-right:2%;
	}
	.about_body{
		padding:0px;
		min-width: 100%;
		height:auto;
		display:block;
	}
	.about_body .left{
		width:100%;
	}
	.about_body .right{
		width: 100%;
		display:block;
		background:rgba(208,144,73,0.8)
	}
	.about_body .chain{
		width:100%;
		border:none;
		height:auto;
		overflow:hidden;
		padding:0 2%;
	}
	.about_body .chain .sub_web{
		position: relative;
		left:auto !important;
		top:auto !important;
		margin:0 auto;
		line-height: 2.5rem;
		display:block;
	}
	.about_body .description{
		padding:0 2%;
		margin-top: 1.5rem;
	}
	.about_body .chain .item{
		left:auto !important;
		right:auto !important;
		bottom:0 !important;
		position: relative;
		display: inline-block;
		margin:35px 0;
		float:left;
		width:25%;
		border-radius: 0;
		border: 1px solid #82C532;
		height:86px;
		padding:10px 0;
	}
	.about_us .about_header{
		padding-right:0px;
		padding:15px 2%;
		height:auto;
		position:relative;
		bottom:5rem;
	}
	.about_us .about_body{
		margin-top:0px;
		padding-top: 50px;
	}
	.about_us .category{
		padding-right:2%;
	}
	.case_space{
		height:0;
	}
	.about_body .right{
		height:auto;
		overflow: hidden;
		width:90%;
		margin:0 auto;
	}
	.about_body .right_item{
		box-sizing: border-box;
		float:left;
		height:6rem;
	}
	.news{
		min-width: 100%;
		min-height:auto;
		height:auto !important;
		background-size: cover;
	}
	.news .common_header_category {
		display:none;
	}
	.news_arrow{
		display:none;
	}
	.news_list .item{
		width:100%;
		height: auto;
	}
	.news .j_between{
		
		padding-right: 0px;
	}
	.common_header_category_box{
		margin-right:2%;
	}
	.news_list{
		display:block;
		width:100% !important;
	}
	.message{
		min-width: 100%;
        min-height: auto !important;
		height:auto !important;
		background-size: cover;
		overflow: hidden;
	}
	.message_form{
		width:100%;
		padding: 0 2%;
		box-sizing: border-box;
		min-width: 100%;
		display: block;
	}
	.message_form .item_1st{
		width:100%;
		border: 1px solid #faf9f7;
		padding-bottom: 0px;
		line-height:35px;
		padding:0 10px;
		box-sizing: border-box;
		margin-bottom:5px;
	}
	.message_form .item_2nd{
		width:100%;
		border: 1px solid #faf9f7;
		padding-bottom: 0px;
		line-height:35px;
		padding:0 10px;
		box-sizing: border-box;
	}
	.message_form .item_1st.verify_img{
		border:none;
	}
	
	.footer{
		display:none;
	}
	.common_footer .inner{
		width: 100%;
		min-width: 100%;
	}
	.common_footer{
		padding:0 2%;
		box-sizing: border-box;
		display:none;
	}
	.common_footer .right{
		display:none;
	}
	.inner {
		display:block !important;		
	}
	.common_copyright{
		padding:0 2%;
		box-sizing: border-box;
		display:none;
	}
	.message_form .item_1st.verify_img{
		height:auto;
		margin-top:8px;
	}
	.message_form .item_3rd{
		right:0%;		
        background: #d28e4d;
		width: 100%;
        border-radius: 0px;
		height: 38px;
	}
	.banner2 .swiper-wrapper{
		height:auto;
	}
	.banner2 .swiper-slide{
		height:auto;		
		background:none !important;
	}	
	.banner2 .swiper-slide img{
		
		display:block;
		
	}
	.banner2 .swiper-pagination{
		bottom:20px;
	}
	.menubtn{
		display:block;
	}
	.common_banner{
		min-width: 100%;
        min-height: 349px;
	}
	.common_banner img{
		height:350px;
	}
	.common_banner .description{
		min-width: 100%;
	}
	.common_content{
		min-width: 100%;
		height:auto !important;
		padding:15px 2%;
	}
	.common_content img{
		display:block;
		max-width:100%;
		margin:0 auto;
	}
	.common_theme .location{
		display:none;
	}
	.content_1st .content_sub_header{
		height:auto !important;
		padding:0 2%;
		box-sizing: border-box;
	}
	.content_body_1st{
		display:block;
	} 
	.content_1st .content_body .main_pic, .content_1st .content_body .right{
		width:100%;
		padding:0 2%;
		box-sizing: border-box;
		height:auto !important;
	}
	.content_1st .content_body .right .right_3rd{
		padding:13px 0;
	}
	.content_1st .content_body .right .right_4th{
		display:block;
	}
	.content_1st .content_body .right .right_4th .item{
		width:48%;
		float:left;
		margin:10px 1%;
		border-radius: 0px;
	}
	.content_1st .content_body .content_body_2nd{
		padding:0 2%;
		line-height:50px;
		height:50px;
		border-bottom:1px solid #bfbfbf;
	}
	.content_1st .content_body .content_body_3rd .main_axis{
		width:100%;
		background:none;
	}
	.content_1st .main_axis>div{
		width:100%;
		margin-bottom:15px;
		text-align:left;
	}
	.content_1st .main_axis>div:nth-child(odd) .content{
		text-align:left;
	}
	.content_1st .main_axis>div:nth-child(1){
		position:relative;
		top:auto;
	}
	.content_1st .main_axis>div:nth-child(2){
		position:relative;
		top:auto;
	}
	.content_1st .main_axis>div:nth-child(3){
		position:relative;
		top:auto;
	}
	.content_1st .main_axis>div:nth-child(4){
		position:relative;
		top:auto;
	}
	.content_1st .main_axis>div:nth-child(5){
		position:relative;
		top:auto;
	}
	.content_1st .main_axis>div:nth-child(6){
		position:relative;
		top:auto;
	}
	.content_1st .content_body .content_body_3rd .main_axis{height:650px;}
	.content_1st .main_axis>div:nth-child(7){
		position:relative;
		top:auto;
		/*display:none;*/
	}
	.content_1st .main_axis>div:nth-child(8){
		position:relative;
		top:auto;
		display:none;
	}
	.content_1st .main_axis .item .item_right{
		/*display:none;*/
		display:none;
	}
	.content_1st .content_body .content_body_3rd .main_axis_point{
		display:none;
	}
	.content_1st .main_axis .item .left{
		margin-right:0px;
	}
	.content_1st .main_axis>div:nth-child(odd) .time{
		text-align:left;
	}
	.common_outer{
		padding:0 2%;
	}
	.common_outer .content_1st .main_axis .item .left{
		margin-right:auto;
		margin-left:0;
	}
	.content_2nd{
		min-width: 100%;
        
		background:none;
	}
	.content_2nd iframe{
		width:100%;
		height:300px;
	}
	.content_1st .content_header, .content_3rd .content_header{
		height:auto;
	}
	.content_3rd_outer{
		width: 100%;
        min-width: 100%;
		padding:0 2%;
		box-sizing: border-box;
	}
	.content_3rd_outer .cert .nav_left{
		left:0px;
	}
	.content_3rd_outer .cert .nav_right{
		right:0px;
	}
	.view_product{
		margin: 0 auto;
	}
	.category_box{
		display:block;
		text-align:center;
	}
	.category_box .zh{
		text-align:center;
		margin-top:10px;
	}
	.category_box .en{
		text-align:center;
		margin-bottom:10px;
	}
	.common_content .j_start{
		display:block;
		overflow:hidden;
	}
	.common_content .category  .j_start{
		display:block;
		float:left;
		width:31%;
		margin:8px 1%;
	}
	.category .item .line{
		display:none;
	}
	.list_box .item{
		width:48%;
		margin:0px 1% 15px !important;
		float:left;
	}
	.list_box.active{
		display:block !important;
	}
	.list_box .item>div{
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.list_box.common_content{
		display:block;
		overflow:hidden;
	}
	.common_no_product_tip{
		display:none;
	}
	.news_cate{
		display:block;
	}
	.news_cate .line{
		display:none;
	}
	.news_cate .item{
		float:left;
	}
	.main_content_box .item{
		width:100%;
		padding:0 2%;
		box-sizing: border-box;
		margin-right:0px;
		margin-bottom:25px;
	}
	.common_content .j_start .item{
		display:block;
		float:left;
		width:31%;
		margin:8px 1%;
	}
	.common_content .line{
		display:none;
	}
	.project_cate.common_content{
		display:block;
	}
	.list_box .item .click_to_see{
		margin:10px auto;
	}
	.main_content_inner.j_between{
		display:block;
	}
	.main_content_inner .left{
		width:100%;
	}
	.main_content_inner .right{
		width:100%;
		height:350px !important;
	}
	.main_content_inner .address_list_box{
		height:auto;
	}
	.main_content_outer .small_title>div{
		margin:0 auto;
	}
	.main_content_inner .left .query_button{
		margin:10px auto;
		display:block;
	}
	.main_content  .item{
		height:300px !important;
	}
	.main_content .item .main>div>div{
		display:none;
	}
	.main_content .item .main .name{
		display:block;
		font-size:16px;
	}
	.main_content .item .main .address{
		display:block;
	}
	.main_content .item{
		background-size: cover !important;
	}
	.main_content .item .main{
		left: auto;
		right:0%;
		width:165px;
	}
	.main_content .item .branch{
		display:none;
	}
	.common_outer .common_content .j_start .item{
		width:100%;
		float:none;
	}
	.main_content_box .left{
		width:100%;
		margin-bottom:10px;
	}
	.main_content_box .right{
		width:100%;
		padding:0 2%;
	}
	.main_content_box.common_content{
		display:block;
	}
	.main_content_box .atlas_box{
		display:inline-block;
	}
	.main_content_box .right .summary_title{
		margin-top: 40px;
	}
	.project_banner_box{
		margin-top: 20px;
		width: 100% !important;
		margin: 0 auto;
		background: #d5d5d5;
		box-sizing: border-box;
	}
	.project_main_banner{
		width: 100% !important;
		padding: 15px 2% !important;
		background: #e9e9e9;
		height: 645px;
		box-sizing: border-box;
	}
	.project_main_banner_img{
		width:100% !important;
		box-sizing: border-box;
	}
	.back_btn{
		margin-bottom:25px;
	}
	.project_thumb_banner{
		width:100% !important;
	}
	.list_box .item .title{
		display: block;
		white-space: nowrap; 
		overflow: hidden;
		text-overflow: ellipsis; 
	}
	.product_header .title{
		text-align:left;
		border:none;
	}
	.product_header .title >div{
		width:100%;
	}
	.product_header .title .zh{
		text-align:left;
	}
	.product_header .title .en{
		text-align:left;
	}
	.case_header  .title{
		text-align:left;
		border:none;
	}
	.case_header  .title >div{
		width:100%;
	}
	.case_header  .title .zh{
		text-align:left;
	}
	.case_header  .title .en{
		text-align:left;
	}
	.about_us{
		padding:0 2%;
		background:none;
		padding-top:5rem!important;
	}
	.about_us:first-child{z-index:999;}
	.about_us:last-child{z-index:500;}
	.about_body{
		background: url(/static/home/img/about_bg.jpg) no-repeat no-repeat center top;
	}
	.about_us  .title{
		text-align:left;
		border:none;
	}
	.about_us  .title >div{
		width:100%;
	}
	.about_us  .title .zh{
		text-align:left;
	}
	.about_us  .title .en{
		text-align:left;
	}
	.news,.news_nav{
		display:none;
	}
	.news_tj{
		padding:15px 2%;
	}
	.news_tj .common_header_title{
		border-bottom:none;
	}
	.news_tj  .common_header_category_box{
		padding-top: 23px;
	}
	.news_list{
		text-align:left;
		padding:0 2%;
	}
	.news_team{
		margin-bottom:35px;
	}
	.news_team img{
		display:block;
		width:100%;
		
	}
	.news_team  .news_words h4{
		font-size:16px;
		text-align:left;
		margin: 11px 0;
	}
	.news_team  .news_words p{
		text-align:left;
		color:#777777;
	}
	.news_team  .news_words em{
		text-align:left;
		font-style:inherit;
		display:block;
	}
	.common_header_title .zh{
		text-align:left;
	}
	.common_header_title .en{
		text-align:left;
	}
	.news_more a{
	    display:block;
        width:120px;
		height:35px;
		line-height:35px;	
        background:#028922;
color:#fff;
text-align:center;
margin:25px auto;		
	}
	.message{
		background:none;
		
	}
	.message form{
		background: url(/static/home/img/message_bg.jpg) no-repeat;
		padding: 35px 0;
	}
	.message_header_title .zh{
		color:#2b2b2b;
		text-align: left!important;
		padding:0 2%;
		
	}
	.message_header_title .en{
		color:#2b2b2b;
		text-align: left;
		padding:0 2%;
		text-align: left!important;
	}
	.foot_footer{
		background:#000;
		overflow: hidden;
		width: 90%;
        margin: 50px auto 0px;
		border-radius: 12px;
		display:block;
	}
	.foot_footer ul{
		overflow: hidden;
		margin:0;padding:0;
	}
	.foot_footer ul li{
		width:25%;
		float:left;
		text-align:center;
	}
	.foot_footer ul li img{
		display:block;
		margin:0 auto;
		max-width: 50%;
	}
	.foot_yright{
		padding:10px 0;
		color:#808080;
		text-align:center;
		font-size:14px;
		display:block;
	}
	/*弹出二维码*/
.m-WeChat{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 999;
}
.m-WeChat div{
    display: black;
    width: 100%;
    
    vertical-align: middle;
}
.m-WeChat img{
     transform: translate(-50%,-50%);
    vertical-align: middle;
	position:relative;
	top:50%;
	left:50%;
	display:block;
}
.common_theme .inner>div .zh{
	text-align:left;
}
.common_theme .inner>div .en{
	text-align:left;
}
.content_1st .content_sub_header{
	padding-bottom:15px;
}
.content_1st .content_body .right .right_1st{
	display:none;
}
.content_1st .content_body .right .right_2nd{
	padding:25px 0;
}
.ypl_honor{
	padding:0 2%;
}
.ypl_honor .swiper-container{
	padding-bottom: 50px;
}
.ypl_honor .swiper-container .swiper-pagination-bullet-active{
	background:#6b6b6b;
}
.content_3rd_outer{
	display:none;
}
.ypl_honor img{
	display:block;
	max-width:100%;
}
.ypl_honor_title h4{
	font-size: 22px;
    color: #333;
    text-align: left;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 15px;
	font-weight:initial;
}
.hide_show{
	display:block;
}
.hide{
	display:none;
}
.hide_show .swiper-pagination-bullet-active{
	background:#3e7335;
}
}