.ata{

	display:flex;margin:30px 0;

}

.header{

	width: 100%;

	left: 0;

	top: 0;

	z-index: 999;

	padding: 10px 0;

	background: linear-gradient(to bottom,rgba(0,0,0,0.4),rgba(0,0,0,0));

	transition: all 0.3s;

}

.header-ny{

	background: #117244 !important;

}

.header-ny-h{

	height: 100px;

	position: relative;

}

.header-con{

	display: flex;

	justify-content: space-around;

	align-items: center;

}

.header-con .logo{

	margin-right: auto;

}

.header-con .nav{

	display: inline-flex;

}

.header-con .nav li{

	padding: 0 35px;

	position: relative;

}

.header-con .nav li a{

	color: #fff;

	line-height: 60px;

	display: block;

	border-bottom: 2px solid transparent;

	transition: all 0.3s;

	font-size: 20px;

}

.header-con .nav li .select{

	bottom: 2px;

	width: 15px;

	height: 15px;

	display: none;

}

.header-con .nav li.Selected a{

	border-color: #fff;

}

.header-con .nav .child{

	width: 590px;

	background: #fff;

	top: 100%;

	left: 50%;

	transform: translate(-50%,0);

	padding: 20px 0 20px 25px;

	margin: 0;

	display: none;

	box-shadow: 0 0 5px rgba(0,0,0,0.4);

}

.header-con .nav .child li{

	width: 33.33%;

	float: left;

	padding: 0;

}

.header-con .nav .child li:nth-child(3n){

	width: auto;

	/*margin-left: 25px;*/

}

.header-con .nav .child li a{

	color: #898989;

	margin: 0;

	padding: 0;

	line-height: 35px;

	font-size: 16px;

	display: inline-block;

	transition: all 0.3s;

	padding: 0 10px;

	border: none;

}

.header-con .nav .child li a.lt{

	color: #333;

	margin: 20px 0 0px;

}

.header-con .nav .child li a.lt:nth-child(1){

	margin-top: 10px;

}

.header-con .nav .child li a:hover{

	background: #0063d2;

	color: #fff;
	border-radius: 20px;

}

.header-con .select {

	color: #fff;

	height: 60px;

	line-height: 60px;

	display: block;

	border: none;

	margin-left: auto;

	font-size: 18px;

	cursor: pointer;

}

.header-con .select .arrow{

	width: 16px;

}

.header-con .select span,

.header-con .select img{

	vertical-align: middle;

}

.header-con .select .selectDown{

	background: #fff;

	top: 115%;

	left: 50%;

	width: 100px;

	transform: translate(-50%,0);

	display: none;

	box-shadow: 0 0 5px rgba(0,0,0,0.4);

}

.header-con .select .sel{

	top: calc(100% - 10px);

	left: 50%;

	transform: translate(-50%,0);

	display: none;

}

.header-con .select .selectDown a{

	display: block;

	text-align: center;

	line-height: 35px;

	color: #999;

	transition: all 0.3s;

}

.header-con .select .selectDown a.active,

.header-con .select .selectDown a:hover{

	background: #117244;

	color: #fff;

}

.header-con .contactus{

	line-height: 40px;

	border: 1px solid #fff;

	border-radius: 40px;

	color: #fff;

	padding: 0 25px;

	margin: 0 0 0 50px;

	font-size: 18px;

}

.header-con .mobile_menu img{

	width: 30px;

	height: 30px;

	margin-left: 20px;

}

.banner{

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	overflow: hidden;

	background: url('../images/banner.jpg') no-repeat center 100%;

	background-size: 1920px;

	overflow: hidden;

}

.banner span{

	margin-top: 40px;

	padding: 0 1.5rem;

	width: 80%;

	text-align: center;

}

.banner-wang{

	width: 75%;

	height: 100%;

	bottom: 0;

	z-index: 9999;

	opacity: 0.5;

}

.particles-js-canvas-el{

	width: 100% !important;

	height: 75% !important;

	position: absolute;

	bottom: 0;

	left: 0;

}

.down{

	z-index: 99999;

	cursor: pointer;

	bottom: 30px;

}

.down img{

	animation-duration:3s; /*动画时间*/

	animation-fill-mode: both; /*播放后的状态*/

	animation-name: buzz-out;

	animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/

	transform-origin: center bottom; /*设置动画旋转元素的基点为：居中靠下*/

}

.pager{

	width: 100%;

	height: 100vh;

	background-repeat: no-repeat;

	background-position: center;

	background-size: 1920px 1080px;

	/* background-attachment: fixed; */

	overflow: hidden;

}

.pager1{

	background-image: url('../images/page1.jpg');

}

.pager2{

	background-image: url('../images/page2.jpg');

}

.pager3{

	background-image: url('../images/page3.jpg');

}

.pager4{

	background-image: url('../images/page4.jpg');

}



.index_list_pro{

	padding: 13% 0;

}

.index_list_pro .swiper-container{

	padding: 15px 0;

}

.index_list_pro .item{

	text-align: center;

}

.index_list_pro .item a{

	height: 100%;

	float: none;

	display: inline-block;

	background-color: rgba(17, 114, 68, 0.4);

	border-radius: 15px;

	padding: 30px 30px 50px;

}

.index_list_pro .item a h2{

	font-size: 24px;

	color: #fff;

	line-height: 40px;

	margin-bottom: 30px;

	text-transform: uppercase;

}

.index_list_pro .item a p{

	color: #fff;

	height: 70px;

	line-height: 35px;

	font-size: 17px;

}

.index_list_pro .item a img{

	width: 290px;

}

span.mores,a.mores{

	border: 2px solid #fff;

	color: #fff;

	padding: 0 25px;

	line-height: 40px;

	display: inline-block;

	border-radius: 30px;

	margin-top: 20px;

	font-size: 16px;

	transition: all 0.3s;

}

span.mores:hover,a.mores:hover,

.index_list_pro .item a:hover span{

	border-color: #117244;

	background-color: #117244;

}

.index_list_pro .item a:hover{

	animation-duration:1.5s; /*动画时间*/

	animation-fill-mode: both; /*播放后的状态*/

	animation-name: buzz;

	animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/

	transform-origin: center; /*设置动画旋转元素的基点为：居中靠下*/

}

.index_list_case{

	display: flex;

	justify-content: center;

	align-items: center;

	padding: 0;

}

.index_list_case .item{

	flex: 1;

	height: 100%;

	color: #117244;

	font-weight: 600;

	letter-spacing: 5px;

	background: rgba(0,0,0,0.75);

	writing-mode: vertical-rl;

	text-align: center;

	display:flex;

	flex-direction:column; 

	justify-content:center;

	transition: all 0.3s;

	cursor: pointer;

	font-size: 18px;

}

.index_list_case .item.active,

.index_list_case .item:hover{

	color: #fff;

	background-color: rgba(17, 114, 68, 0.5);

}

.index_text_case{

	text-align: center;

	height: 100%;

}

.index_text_case .item{

	display: none;

	width: 100%;

}

.index_text_case .item.active{

	display: block;

}

.index_text_case h2{

	font-size: 24px;

	color: #fff;

	margin-bottom: 8%;

}

.index_text_case p{

	color: #fff;

	line-height: 2em;

	font-size: 18px;

}

.index_text_case a{

	margin-top: 10%;

	background: #117244;

	border-color: #117244;

}

.swiper-pagination{

	width: 100%;

	bottom: 10px;

	left: 0;

	text-align: center;

}

.swiper-pagination span{

	margin: 0 5px;

}

.index_list_cooperate{

	display: flex;

	flex-wrap: wrap;

	justify-content: flex-start;

	margin: 15% auto;

	background: rgba(255,255,255,0.6);

	z-index: 1;

	padding: 20px 60px;

	max-width: 1440px;

}

.index_list_cooperate .item{

	display: block;

	margin: 30px 0;

	text-align: center;

	cursor: pointer;

	position: relative;

	padding: 0;

}

.index_list_cooperate .item:after{

	content: '';

	display: block;

	height: calc(100% - 20px);

	width: 1px;

	background: #7d7d7d;

	position: absolute;

	right: 0;

	top: 10px;

}

.index_list_cooperate .item .imgs{

	display: inline-block;

}

.index_list_cooperate .item .color{

	display: none;

}

.index_list_cooperate .item:hover .imgs{

	display: none;

}

.index_list_cooperate .item:hover .color{

	display: inline-block;

}

.index_list_cooperate .item:nth-child(4n):after{

	display: none;

}

/* .bottom_color{

	height: 30%;

	width: 100%;

	background: #199691;

	bottom: 0;

	left: 0;

} */

.index_about{

	color: #fff;

	line-height: 2.5em;

	font-size: 18px;

	height: calc(100vh - 380px);

}

.index_contact{

	background: #0a1c29;

	height: 380px;

	display: flex;

}

.index_contact_box{

	width: 80%;

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	flex-wrap: wrap;

}

.index_contact .copy{

	width: 85%;

	line-height: 55px;

	font-size: 16px;

	color: rgba(255,255,255,0.5);

	border-top: 1px solid rgba(255,255,255,0.2);

	margin-left: 50px;

}

.index_contact .address{

	padding: 15px 40px 0;

	width: 50%;

}

.index_contact .address p{

	color: #fff;

	line-height: 40px;

	font-size: 18px;

	overflow: hidden;

	padding: 25px 0;

	white-space: nowrap;

}

.index_contact .address p span{

	font-size: 18px;

	width: calc(100% - 60px);

}

.index_contact .address p span,

.index_contact .address p img{

	vertical-align: middle;

}

.index_contact .address p span i{

	font-size: 22px;

}

.index_contact .phones{

	color: #fff;

	/*margin: -10px 10% 0 3%;*/

	margin: 0px 6% 0 3%;

}

.index_contact .phones > div{

	margin: 55px 60px 0 0;

	font-size: 18px;

	line-height: 2em;

}



.index_contact .phones a{

	color: #fff;

}

.index_contact .phones h2{

	font-size: 26px;

	line-height: 1em;

	margin-top: 10px;

	color: #fff;

	font-weight: 100;

	

}

.index_contact .colour{

	background: #117244; 

	height: 100%;

	flex: 1;

}

#CanvasParticles{

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 9;

	overflow: hidden;

}

.footer-ny{

	background: #040404;

	overflow: hidden;

	padding-top: 25px;

	padding-bottom: 25px;

}

.footer-ny .contact{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.footer-ny .contact .item{

	margin: 20px 0;

	/*min-width: 200px; */

	/* text-align: center; */

}

.footer-ny .contact p{

	color: #fff;

	font-size: 18px;

	line-height: 2em;

}

.footer-ny .contact h2{

	color: #fff;

	font-size: 30px;

}

.footer-nav{

	margin: 20px 0;

}

.footer-nav li a{

	color: #fff;

	font-size: 18px;

	line-height: 40px;

}

.footer-copy{

	line-height: 1em;

	padding: 30px 0 0;

	margin-top: 60px;

	color: rgba(255,255,255,0.4);

	border-top: 1px solid rgba(255,255,255,0.2);

}



.rohs_box{

	overflow: hidden;

	display: flex;

	align-items: stretch;

}

.rohs_box_imgs{

	padding-right: 0;

	background: #dcdcdc;

}

.rohs_box_imgs .swiper-container,

.rohs_box_imgs .swiper-wrapper{

	height: 100%;

}

.rohs_box_imgs .item{

	text-align: center;

	height: 100%;

	transition: all 0.3s;

	position: relative;

	display: flex;

	align-items: center;

	justify-content: center;

}

.rohs_box_imgs .item img{

	margin: 130px 0;

	max-width: 75%;

}

.rohs_box_text{

	padding: 80px 8% 0 0;

	text-align: center;

	z-index: 1;
	margin: 0 0 50px 30px;

}

/* .rohs_box_text .link{

	margin: 20px 0 40px;

} */

.rohs_box_text h2 span,

.rohs_box_text p a{

	display: inline-block;

	font-size: 22px;

}

.rohs_box_text h2{

	margin: 60px 0 20px;

}

.rohs_box_text h2 span{

	line-height: 50px;

	padding: 0 30px;

	border: 1px solid #666;

	color: #221815;

	min-width: 260px;

}

.rohs_box_text p a{

	padding: 0 50px;

	color: #999;

	line-height: 50px;

	margin: 5px 0;

	font-weight: 300;

	position: relative;

}

.rohs_box_text p i,

.rohs_box_text p span{

	display: inline-block;

	vertical-align: middle;

}

.rohs_box_text p i{

	width: 12px;

	height: 1px;

	background: #bbb;

	opacity: 0;

	transition: all 0.3s;

}

.rohs_box_text p a:hover i,

.rohs_box_text p.active a i{

	opacity: 1;

}

.rohs_box_text_pos{

	top: 50%;

	left: -160px;

	background: #fff;

	padding: 40px 30px;

	width: 280px;

	margin-top: -140px;

	box-shadow: 0 0 15px rgba(0,0,0,0.3);

	z-index: 2;

	opacity: 0;

	height: 400px;

}

.rohs_box_text_pos h2{

	/*font-size: 38px;*/

	font-size: 34px;

	color: #117244;

	line-height: 1em;

	margin-bottom: 30px;

	white-space: nowrap;

}

.rohs_box_text_pos p{

	line-height: 1.8em;

	font-size: 18px;

	color: #666;

	text-align: center;

}

.rohs_box_text_pos a{

	color: #898989;

	border: 1px solid #117244;

	border-radius: 30px;

	padding: 0 20px;

	font-size: 14px;

	line-height: 30px;

	display: inline-block;

	margin-top: 30px;

	transition: all 0.3s;

}

.rohs_box_text_pos a span{

	font-family: '宋体';

}

.rohs_box_text_pos a:hover{

	background: #117244;

	color: #fff;

}

.product_detail_box{

	background: #f2f2f2;

}

.product_detail_box .product_detail_box_img{

	padding: 5%;

	text-align: right;

}

.product_detail_box .product_detail_box_tex{

	/*padding: 8% calc(5% + 1.5rem);*/

	padding: 6% calc(5% + 1.5rem);

}

.product_detail_box .product_detail_box_tex h2{

	font-size: 40px;

	/*margin-bottom: 30px;*/

	margin-bottom: 60px;

}

.product_detail_box .product_detail_box_tex p{

	/*font-size: 18px;*/

	font-size: 20px;

	line-height: 2em;

	color: #221815;

}

.product_detail_box .product_detail_box_tex a{

	font-size: 18px;

	margin-top: 10%;

	color: #117244;

	border-bottom: 1px solid #117244;

	line-height: 35px;

	display: inline-block;

}

.product_detail_info{

	padding-top: 30px;

	padding-bottom: 50px;

	position: relative;

}

.product_detail_info .product_detail_info_bg{

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	filter: blur(10px);

	opacity: 0.2;

	z-index: -1;

	background-size: 1920px;

	background-repeat: no-repeat;

	background-position: -500px 50%;

}

.product_detail_info .lit{

	padding: 30px 5%;

	flex-wrap: wrap;

	justify-content: space-between;

	overflow: hidden;

	align-items: stretch;

	display: flex;

}

.product_detail_info .lit > div{

	margin-bottom: 30px;

}

.product_detail_info .lit .item{

	background: rgba(0,0,0,0.05);

	text-align: center;

	padding: 15% 1.5rem;

	height: 100%;

	/* margin-bottom: 30px; */

}

.product_detail_info .lit .item h2{

	/*font-size: 24px;*/

	font-size: 22px;

	margin-bottom: 30px;

}

.product_detail_info .lit .item p{

	/*font-size: 40px;*/

	font-size: 28px;

	color: #030303;

	font-weight: 600;

	/* white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden; */

}

.product_detail_info .tit{

	padding: 30px calc(5% + 1.5rem) 40px;

	font-size: 36px;

}

.product_detail_info .vls{

	padding: 0 5% 5%;

}

.product_detail_info .vls .item{

	position: relative;

	overflow: hidden;

	cursor: pointer;

}

.product_detail_info .vls .item video{

	height: 400px;

	background: #000;

}

.product_detail_info .vls .item img{

	transition: all 0.3s;

}

.product_detail_info .vls .item .btns{

	top: 120%;

	transition: all 0.3s;

}

.product_detail_info .vls .item:hover .img{

	transform: scale(1.05,1.05);

}

.product_detail_info .vls .item:hover .btns{

	top: 50%;

}

.news_detail_box{

	padding: 5%;

}

.news_detail_box .tit{

	text-align: center;

	font-size: 24px;

	line-height: 1.8em;

	margin: 5% 0;

}

.news_detail_box .con{

	color: #999;

	line-height: 2em;

}

.news_detail_box .con img{

	max-width: 100%;

}

.my-banner{

	display: flex;

	align-items: center;

	justify-content: center;

	width: 100%;

	overflow: hidden;

}

.my-banner img{

	width: 100%;

}

.case_title{

	padding: 105px 0;

	text-align: center;

	font-size: 32px;

	line-height: 40px;

}



.case_title_xrf{

	padding: 8% 0;

	text-align: center;

	font-size: 32px;

	line-height: 40px;

}



.case_title span{	

	color: #999;

	font-size: 24px;

	text-transform: capitalize;

	margin-left: 10px;

	display: inline-block;

	vertical-align: middle;

	line-height: 1em;

	font-family: Arial, Helvetica, sans-serif;

}

.case_box_list{

	border-top: 1px solid #c8c5c4;

	border-left: 1px solid #c8c5c4;

	margin-bottom: 10%;

}

.case_box_list li{

	border-right: 1px solid #c8c5c4;

	border-bottom: 1px solid #c8c5c4;

	text-align: center;

	padding: 3% 10px;

}

.case_box_list li a{

	display: block;

	overflow: hidden;

}

.case_box_list li img{

	max-width: 100%;

	transition: all 0.3s;

}

.case_box_list li a:hover img{

	transform: scale(1.25,1.25);

}



.xrf_box{

	padding: 0 5%;

	overflow: hidden;

	background-color: #fff;

}



.xrf_boxs{

	padding: 3% 5%;

}



.xrf_box .xrf_box_text{

	padding: 3% 0 0 5%;

}

.xrf_box .xrf_box_text h2{

	font-size: 34px;

}

.xrf_box .xrf_box_text h3{

	color: #999;

	font-size: 20px;

	margin: 15px 0 25px;

}

.xrf_box .xrf_box_text h4{

	color: #666;

	font-size: 18px;

	margin-bottom: 80px;

}

.xrf_box .xrf_box_text p{

	margin-bottom: 40px;

	line-height: 2em;

	font-size: 18px;

}

.xrf_box_people_list{

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 5% calc(5% + 1.5rem);

}

.xrf_box_people_list .item{

	cursor: pointer;

}

.xrf_box_people_list .item img{

	width: 190px;

	transition: all 0.3s;

}

.xrf_box_people_list .item:hover img{

	transform: scale(1.05,1.05);

}

.xrf_box_people_list .item p{

	font-size: 18px;

	line-height: 1em;

	margin-top: 20px;

}

.xrf_box_people_list .item p span{

	font-size: 16px;

	color: rgba(0,0,0,0.6);

}

.principle_box_text{

	/*line-height: 2em;*/

	font-size: 18px;

	/*margin: 3% 0;*/

	/*margin: 1% 0;*/

	padding-left: 10%;

}

.support_list{

	padding-bottom: 10%;

}

.support_list .item{

	padding: 4% 0;

	cursor: pointer;

	border-bottom: 1px solid #f2f2f2;

	transition: all 0.3s;

	position: relative;

}

.support_list .item:after{

	content: '';

	display: block;

	position: absolute;

	width: 0;

	height: 1px;

	background-color: #aaa;

	bottom: 0;

	left: 50%;

	transform: translate(-50%,0);

	transition: all 0.3s;

}

.support_list .item:hover h2{

	/* transform: scale(0.95,0.95); */

	/* background-color: #f2f2f2; */

	margin-bottom: 20px;

	margin-top: -10px;

	color: #2fb2b5;

}

.support_list .item:hover p{

	color: #333;

}

.support_list .item:hover:after{

	width: 100%;

}

.support_list .item h2{

	font-size: 20px;

	margin-bottom: 10px;

	transition: all 0.3s;

}

.support_list .item p{

	font-size: 16px;

	color: #666;

	line-height: 1.8em;

	transition: all 0.3s;

}

.support_list .item h2 span,

.support_list .item p span{

	font-size: 20px;

}

.support_list .item h2 span{

	color: #2fb2b5;

}

.support_list .item p span{

	color: #f69908;

}

.about{

	/*padding: 5% 0;*/

	padding: 5% 18px;

	overflow: hidden;

}

.about_box{

	overflow: hidden;

}

.about_box_nav .titles{

	display: inline-block;

	text-align: center;

	padding: 10px 30px;

	position: relative;

	margin-top: 30px;

}

.about_box_nav .titles:after,

.about_box_nav .titles:before{

	content: '';

	display: block;

	height: 100%;

	width: 25px;

	position: absolute;

	border: 5px solid #117244;

}

.about_box_nav .titles:before{

	top: 0;

	left: 0;

	border-right: none;

}

.about_box_nav .titles:after{

	top: 0;

	right: 0;

	border-left: none;

}

.about_box_nav .titles h2{

	font-size: 30px;

	color: #fd9c03;

	line-height: 1em;

}

.about_box_nav .titles p{

	font-size: 18px;

	text-transform: capitalize;

	color: #999;

	line-height: 1em;

	margin-top: 10px;

}

.about_box_con{

	padding-left: 10%;

	border-left: 1px solid #c9c9c9;

	padding-bottom: 10%;

}

.about_box_new{

	margin-top: -10px;

}

.about_box_new .item{

	border-bottom: 1px dashed #231815;

}

.about_box_new .item a{

	display: block;

	/*padding: 35px 10px;*/

	padding: 35px 0px;

	overflow: hidden;

}

.about_box_new .item .am-fl,

.about_box_new .item .am-fr{

	font-size: 18px;

	line-height: 30px;

	color: #666;

	transition: all 0.3s;

}

.about_box_new .item .am-fr{

	width: calc(100% - 100px);

}

.about_box_new .item a:hover .am-fl,

.about_box_new .item a:hover .am-fr{

	color: #000;

}

.about_box_new .item a .am-fl{

	letter-spacing: 2px;

}

.about_box_text,

.about_box_text p{

	line-height: 2em;

	margin-top: 20px;

	font-size: 18px;

}

.about_box_text .tts{

	font-size: 24px;

}

.about_box_honor{

	overflow: hidden;

}

.about_box_honor{

	margin-top: 25px;

	margin-bottom: -10%;

}

.about_box_honor .itm{

	text-align: center;

	background: #000;

	height: 180px;

	float: left;

	margin-right: 80px;

	position: relative;

	overflow: hidden;

	cursor: pointer;

}

.about_box_honor .icon{

	width: 38px;

	height: 38px;

	top: 120%;

}

.about_box_honor img{

	height: 180px;

	width: auto;

	transition: all 0.3s;

}

.about_box_honor .itm:hover .imgs{

	opacity: 0.4;

	transform: scale(1.05,1.05);

}

.about_box_honor .itm:hover .icon{

	top: 50%;

}

.solution_detail_info{

	display: flex;

	align-items: stretch;

	margin-bottom: 150px;

}

.solution_detail_info .texs{

	min-width: 650px;

	background-color: #117244;

	/*padding: 8% 3% 0;*/

	padding: 4% 3% 0;

}

.solution_detail_info .texs h2{	

	color: #fff;

	font-size: 24px;

	letter-spacing: 5px;

	line-height: 2em;

	margin-bottom: 20px;

}

.solution_detail_info .texs p{

	font-size: 12px;

	color: #fff;

	line-height: 2em;

	margin-bottom: 20px;

}

.solution_detail_info .imgs{

	padding: 0;

	max-height: 620px;

	overflow: hidden;

}

.solution_detail_list{

	margin: 0 0 5%;

}

.solution_detail_list .case_title{

	text-align: left;

	border-top: 1px solid #e2e2e2;

	padding: 70px 0;

}

.solution_detail_list .lis li{

	/* padding-right: 3%; */

	margin-bottom: 20px;

}

.solution_detail_list .lis li a{

	display: block;

	width: 500px;

}

.solution_detail_list .lis li span{

	background: #e5e5e5;

	display: block;

	display: flex;

	justify-content: center;

	align-items: center;

	padding: 20px 55px;

	position: relative;

}

.solution_detail_list .lis li img{

	transition: all 0.3s;

}

.solution_detail_list .lis li h2{

	position: relative;

}

.solution_detail_list .lis li h2 i{

	line-height: 100px;

	display: inline-block;

	/* border-top: 2px solid #a0a0a0; */

	margin-top: -2px;

	font-size: 28px;

}

.solution_detail_list .lis li span:before{

	content: '';

	display: block;

	width: 15px;

	/*height: 2px;*/

	height: 1px;

	background: #000;

	bottom: 0;

	left: 0;

	position: absolute;

	transition: all 0.3s;

}

.solution_detail_list .lis li p{

	line-height: 1.8em;

	/*font-size: 16px;*/

	font-size: 18px;

	color: #999;

	margin-bottom: 20px;

	transition: all 0.3s;

}

.solution_detail_list .lis li h3{

	text-align: right;

	color: #999;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	line-height: 30px;

	transition: all 0.3s;

}

.solution_detail_list .lis li h3 i{

	font-family: '宋体';

	vertical-align: middle;

}

.solution_detail_list .lis li span:hover img{

	transform: scale(1.05,1.05);

}

.solution_detail_list .lis li a p:hover{

	color: #333;

}

.solution_detail_list .lis li a h3:hover{

	color: #117244;

}

.solution_detail_list .lis li span:hover:before{

	width: 100%;

}



.popup_from,

.popup_from_bg{

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}

.popup_from{

	display: none;

	z-index: 9999;

}

.popup_from_bg{

	background-color: rgba(0,0,0,0.55);

}

.popup_from .popup_from_box{

	padding: 60px;

	background: #fff;

	max-width: 90%;

	width: 450px

}

.popup_from .popup_from_box input,

.popup_from .popup_from_box textarea{

	width: 100%;

	display: block;

	line-height: 50px;

	height: 50px;

	border: 1px solid #cdcdcd;

	transition: all 0.3s;

	margin-bottom: 20px;

}

.popup_from .popup_from_box button{

	width: 100%;

	line-height: 50px;

	color: #fff;

	text-align: center;

	display: block;

	background: #5ec6c7;

	border: none;

}

.popup_from .popup_from_box textarea{

	height: 150px;

	resize:none;

}

.popup_from .popup_from_box input:focus,

.popup_from .popup_from_box textarea:focus{

	border-color: #5ec6c7;

}



.bigimgfix,

.bigimgfix_con{

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.bigimgfix{

	z-index: 999;

	display: none;

	background-color: rgba(0,0,0,0.85);

}

.bigimgfix_con .itm{

	width: 100%;

	height: 100vh;

	display: flex;

	justify-self: center;

	align-items: center;

	text-align: center;

}

.bigimgfix_con .itm span{

	margin: 0 auto;

	display: block;

	overflow: hidden;

	position: relative;

	cursor: pointer;

}

.bigimgfix_con .itm span img{

	/*max-width: 80%;*/

	max-width: 100%;

	max-height: 80vh;

}

.bigimgfix_con .itm span .icon{

	width: 35px;

	height: 35px;

	top: 120%;

	transition: all 0.3s;

}

.bigimgfix_con .itm span:hover .icon{

	top: 50%;

}

.bigimgfix_con .itm.video span{

	background: #000;

	padding: 20px;

}

.bigimgfix_con .itm.video span p{

	color: #fff;

	margin-bottom: 20px;

}

.bigimgfix .swiper-button-prev,

.bigimgfix .swiper-button-next{

	width: 10%;

	text-align: center;

	height: 100vh;

	top: 0;

	margin-top: 0;

}

.bigimgfix .swiper-button-prev{

	left: 0;

}

.bigimgfix .swiper-button-next{

	right: 0;

}





@media (max-width: 1680px) {

	.banner{

		background-size: 1680px;

	}

	.index_contact .address{

		padding-right: 0;

	}

	.index_contact .phones{

		/*margin: -10px 3% 0;*/

		margin: 0 3%;

	}

	.xrf_box .xrf_box_text h3{

		margin: 10px 0 20px;

	}

	.xrf_box .xrf_box_text h4{

		margin-bottom: 50px;

	}

	.xrf_box .xrf_box_text p{

		margin-bottom: 30px;

	}

	.about_box_honor .itm{

		margin-right: 50px;

	}

	.rohs_box_text{

		padding-top: 4%;

	}

	.solution_detail_list .lis li{

		padding-right: 3%;

	}

	.solution_detail_list .lis li a{

		width: auto;

	}

}

@media (max-width: 1600px) {

	.index_contact_box{

		width: 85%;

	}

}

@media (max-width: 1500px) {

	.index_contact_box{

		width: 90%;

	}

}

@media (max-width: 1440px) {

	.index_contact .phones{

		margin-left: 3%;

	}

	.index_about{

		height: calc(100vh - 300px);

	}

	.index_contact{

		height: 300px;

	}

	.index_contact .copy{

		margin-top: 30px;

		line-height: 45px;

	}

	.index_contact .phones{

		margin-top: 10px;

	}

	.index_contact .phones > div{

		margin-top: 30px;

		font-size: 16px;

	}

	.index_contact .phones h2{

		font-size: 26px;

	}

	.index_contact .address{

		padding-top: 20px;

		padding-left: 20px;

	}

	.index_contact .address p{

		padding-top: 15px;

		padding-bottom: 10px;

	}

	.index_contact .address p span i{

		font-size: 18px;

	}

	.index_about > div{

		margin-top: 20px;

	}

	.rohs_box_text h2 span{

		min-width: 240px;

	}

	.rohs_box_text{

		padding: 0 8% 0 0;

	}

	.rohs_box_text h2{

		margin-top: 40px;

	}

	.xrf_box .xrf_box_text{

		padding: 3% 0 0 3%;

	}

	.xrf_box .xrf_box_text h3{

		margin: 10px 0 15px

	}

	.xrf_box .xrf_box_text h4{

		margin-bottom: 40px;

	}

	.xrf_box .xrf_box_text p{

		margin-bottom: 20px;

	}

	.case_title{

		padding: 5% 0 !important;

	}

	.about_box_honor .itm{

		margin-right: 20px;

	}

	.rohs_box_imgs .item img{

		margin: 5% 0;

		max-width: 70%;

	}

}

@media (max-width: 1366px) {

	.header-con .contactus{

		padding: 0 20px;

	}

	.header-con .nav li{

		padding: 0 20px;

	}

	.index_list_cooperate{

		padding: 30px 0;

	}

	.footer-contact{

		margin-left: 0;

		width: 40%;

	}

	.solution_detail_info .texs{
		min-width: unset;

		padding: 5% 3% 0;

	}

	.index_list_cooperate{

		margin: 10% auto;

	}

	.banner{

		background-size: 1440px;

	}

	.index_list_pro{

		padding: 8% 0;

	}

	.index_text_case .item{

		margin-top: 20px;

	}

	.index_about > div{

		width: 80%;

	}

	.product_detail_info .lit .item p{

		font-size: 30px;

	}

	.index_contact .phones{

		margin: 10px 0 0;

	}

	.index_contact .address{

		width: 55%;

	}

}

@media (max-width: 1200px) {

	.index_about{

		height: calc(100vh - 250px);

	}

	.index_contact{

		height: 250px;

	}

	.index_contact .copy{

		font-size:14px;

		line-height: 40px;

		margin-top: 20px;

	}

	.index_contact .address{

		width: auto;

		padding: 10px 20px 0;

	}

	.index_contact .address p{

		line-height: 32px;

	}

	.index_contact .address p span,

	.index_contact .address p span i{

		font-size: 16px;

	}

	.index_contact .phones{

		font-size: 12px;

	}

	.index_contact .address p img{

		width: 30px;

	}

	.index_contact .address p span{

		width: calc(100% - 40px);

	}

	.index_contact .address p img{

		margin-right: 10px;

	}

	.index_contact .phones > div{

		margin-top: 20px;

		margin-right: 20px;

		font-size: 16px;

	}

	.index_contact .phones h2{

		font-size: 22px;

	}

	.footer-ny .contact p{

		font-size: 16px;

	}

	.footer-ny .contact h2{

		font-size: 26px;

	}

	.my-banner img{

		width: 1200px;

	}

	.xrf_box{

		padding: 1em;
		line-height: 2em;

	}

	.xrf_box_people_list{

		padding: 1.5rem;

	}

	.xrf_box .xrf_box_text{

		padding: 0 0 0 3%;

	}

	.xrf_box .xrf_box_text p{

		font-size: 16px;

	}

	.about_box_con{

		padding-left: 5%;

	}

	.solution_detail_info .texs{
		min-width: unset;

		padding: 3% 2% 0;

	}

}

@media (max-width: 1024px) {

	.pager,.banner{

		background-position: center;

		background-size: auto 100%;

		height: auto !important;

		position: relative;

	}

	.header-con .nav li{

		padding: 0 10px;

	}

	.header-con .logo img{

		width: 100px;

	}

	.header-con .contactus{

		padding: 0 15px;

		line-height: 30px;

		margin-left: 20px;

		font-size: 14px;

	}

	.banner span{

		width: 90%;

		margin: 100px 0 60px;

		position: static;

		transform: translate(0,0);

	}

	.down{

		bottom: 20px;

	}

	.down img{

		width: 35px;

	}

	span.mores,a.mores{

		font-size: 1.2rem;

		line-height: 30px;

	}

	.index_list_case{

		display: block;

	}

	.index_list_case .item{

		writing-mode: initial;

		height: 50px;

		letter-spacing: 0;

		width: calc(100% / 3);

		float: left;

		font-weight: 500;

		font-size: 14px;

		background: #199691;

		color: rgba(255,255,255,0.8);

	}

	.index_text_case{

		padding: 30px 1rem 50px;

	}

	.index_text_case .item{

		position: static;

		transform: translate(0,0);

		margin-top: 0;

	}

	.index_text_case h2{

		margin-bottom: 5%;

		font-size: 20px;

	}

	.index_text_case p{

		font-size: 14px;

	}

	.index_text_case a{

		margin-top: 5%;

	}

	.index_list_cooperate .item{

		margin: 15px 0;

	}

	.index_list_cooperate .item:after{

		top: 5px;

		height: calc(100% - 10px);

	}

	.index_list_cooperate .item:nth-child(4n):after{

		display: block

	}

	.index_list_cooperate .item:nth-child(3n):after{

		display: none;

	}

	.index_contact{

		height: auto;

		overflow: hidden;

	}

	.index_contact_box{

		width: 100%;

	}

	.index_contact .copy{

		margin-top: 0;

		width: calc(100% - 40px);

		margin-left: 20px;

	}

	.index_contact .address{

		padding: 3rem 1.5rem;

		width: 60%;

	}

	.index_contact .address p{

		line-height: 20px;

		margin-bottom: 15px;

		padding: 10px 0;

	}

	.index_contact .address p span{

		width: calc(100% - 30px);

	}

	.index_contact .address p span,

	.index_contact .address p span i{

		font-size: 16px;

	}

	.index_contact .phones{

		margin: 0 0 1.5rem;

		width: 40%;

	}

	.index_contact .phones > div{

		margin-top: 35px;

		margin-right: 0;

		width: 50%;

		font-size: 16px;

	}

	.index_contact .address p img{

		width: 20px;

	}

	.footer-contact{

		width: 50%;

	}

	.header-ny-h{

		height: 80px;

	}

	.product_detail_box .product_detail_box_img{

		padding: 5% 0;

	}

	.product_detail_box .product_detail_box_tex h2{

		font-size: 32px;

	}

	.product_detail_box .product_detail_box_tex p{

		font-size: 16px;

	}

	.product_detail_info .lit{

		padding: 30px;

	}

	.product_detail_info .lit > div{

		margin-bottom: 15px;

	}

	.product_detail_info .lit .item h2{

		font-size: 16px;

	}

	.product_detail_info .lit .item p{

		font-size: 26px;

	}

	.news_detail_box{

		padding: 3%;

	}

	.xrf_box_people_list{

		align-items: stretch;

		flex-wrap: wrap;

	}

	.xrf_box_people_list .item{

		width: calc(100% / 4);

	}

	.about_box_con{

		padding-left: 3%;

	}

	.solution_detail_info{

		display: block;

		margin-bottom: 10%;

	}

	.solution_detail_info .texs{
		min-width: unset;
		padding: 3%;

	}

}

@media (max-width: 768px) {
	.ata .ats{
		width:20%;
	}
	.ata .atx{
		width:80%;
	}
	.swiper-button-white{
		width: 17px;
		height:30px;
		background-size:100%;
	}

	.header.active{

		background: linear-gradient(to bottom,rgba(0,0,0,0.4),rgba(0,0,0,0.4));

	}

	.index_list_pro{

		padding: 10% 1rem;

	}

	.index_list_pro .item a{

		padding: 15px 0 20px;

	}

	.index_list_pro .item a h2{

		font-size: 18px;

		margin-bottom: 10px;

	}

	.index_list_pro .item a p{

		height: 60px;

		line-height: 1.8em;

		font-size: 12px;

	}

	.index_list_pro .item a span{

		font-size: 1rem;

		line-height: 30px;

		margin-top: 10px;

	}

	.index_list_cooperate{

		padding: 10px 0;

	}

	.index_contact{

		display: block;

	}

	.index_contact .address{

		padding: 1.5rem 1.5rem 2rem;

	}

	.index_contact .address,

	.index_contact .phones{

		width: 100%;

	}

	.index_contact .address p{

		white-space: normal;

	}

	.index_contact .address p span,

	.index_contact .address p span i{

		font-size: 14px;

	}

	.index_contact .phones{

		padding: 0 2rem;

	}

	.index_contact .phones > div{

		font-size: 14px;

		margin: 0 0 15px;

	}

	.index_contact .copy{

		line-height: 1.6em;

		padding: 10px 0;

	}

	.index_about{

		height: auto;

		padding: 5rem 1rem;

	}

	.index_about > div{

		position: static;

		transform: translate(0,0);

		font-size: 14px;

		line-height: 2em;

		width: 100%;

		margin: 0;

	}

	.bottom_color{

		height: 45%;

	}

	.footer-ny{

		padding: 10px 0 20px;

	}

	.footer-nav{

		margin: 10px 0;

	}

	.footer-copy{

		margin-top: 0;

		line-height: 1.8em;

		padding: 15px 0 0;

	}

	.footer-contact,.quicklinks{

		width: 100%;

	}

	.footer-ny .contact p{

		font-size: 12px;

	}

	.footer-ny .contact h2{

		font-size: 20px;

	}

	.footer-ny .contact .item{

		margin: 10px 0;

	}

	.footer-nav li a{

		font-size: 12px;

	}

	.rohs_box{

		display: block;

	}

	.rohs_box_text{

		padding-right: 0;

		padding: 20px 0;
		margin: unset;

	}

	.rohs_box_text_pos{

		position: static;

		transform: translate(0,0);

		width: 100%;

		margin-top: 0;

	}

	.rohs_box_text h2{

		margin: 10px 0;

	}

	.rohs_box_text p a{

		margin: 0;

	}

	.rohs_box_text p a{

		font-size: 16px;

		line-height: 30px;

	}

	.rohs_box_text h2 span{

		font-size: 16px;

		line-height: 40px;

		min-width: 200px;

	}

	.rohs_box_imgs{

		padding: 0;

	}

	.rohs_box_imgs .swiper-container,

	.rohs_box_imgs .swiper-wrapper{

		height: auto;

	}

	.rohs_box_imgs .item{

		background-color: #dcdcdc;

		display: block;

	}

	.rohs_box_imgs .item img{

		margin: 10% 0;

		max-width: 100%;

	}

	.rohs_box_imgs .item.swiper-slide-active .rohs_box_text_pos{

		opacity: 1;

	}

	.product_detail_box .product_detail_box_tex{

		padding: 5% 0;

	}

	.product_detail_box .product_detail_box_tex h2{

		font-size: 26px;

		margin-bottom: 20px;

	}

	.product_detail_box .product_detail_box_tex p{

		font-size: 14px;

	}

	.product_detail_box .product_detail_box_tex a{

		font-size: 14px;

		margin-top: 20px;

	}

	.product_detail_info{

		padding-top: 2rem;

		padding-bottom: 1rem;

	}

	.product_detail_info .product_detail_info_bg{

		background-position: center bottom;

	}

	.product_detail_info .lit{

		padding: 0;

	}

	.product_detail_info .lit > div{

		margin-bottom: 2rem;

	}

	.product_detail_info .lit .item{

		padding: 25px 0;

	}

	.product_detail_info .lit .item p{

		font-size: 20px;

	}

	.product_detail_info .tit{

		font-size: 24px;

		padding: 0 1rem 20px;

	}

	.product_detail_info .vls{

		padding: 0;

	}

	.product_detail_info .vls .item{

		margin-bottom: 20px;

	}

	.news_detail_box{

		padding: 0;

	}

	.news_detail_box .tit{

		font-size: 18px;

	}

	.my-banner img{

		width: 768px;

	}

	.case_title{

		font-size: 24px;

	}

	.case_title span{

		color: #999;

		font-size: 14px;

	}

	.xrf_box_people_list{

		padding: 1rem;

	}

	.xrf_box_people_list .item{

		width: calc(100% / 2);

		text-align: center;

		margin-bottom: 20px;

	}

	.xrf_box .xrf_box_text h2{

		font-size: 26px;

		margin-top: 10px;

	}

	.xrf_box .xrf_box_text h3{

		font-size: 18px;

	}

	.xrf_box .xrf_box_text h4{

		font-size: 16px;

	}

	.principle_box_text{

		font-size: 16px;

	}

	.support_list .item h2,

	.support_list .item h2 span,

	.support_list .item p span{

		font-size: 18px;

	}

	.support_list .item p{

		font-size: 14px;

	}

	.about_box_nav{

		text-align: center;

	}

	.about_box_nav .titles{

		padding-top: 5px;

		padding-bottom: 5px;

		margin: 20px 0;

	}

	.about_box_nav .titles h2{

		font-size: 24px;

	}

	.about_box_nav .titles p{

		font-size: 14px;

	}

	.about_box_nav .titles:after, .about_box_nav .titles:before{

		border-width: 3px;

		width: 20px;

	}

	.about_box_new .item .am-fl{

		font-size: 16px;

	}

	.about_box_new .item .am-fr{

		font-size: 16px;

		width: calc(100% - 80px);

	}

	.about_box_con{

		padding-left: 1rem;

		padding-bottom: 2rem;

	}

	.about_box_honor > div{

		margin: 0 0 10px;

	}

	.about_box_honor > div,

	.about_box_honor img,

	.about_box_honor .itm{

		width: 100%;

		height: auto;

	}

	.bigimgfix_con .itm span img{

		max-width: 90%;

		max-height: 90vh;

	}

	.bigimgfix_con .itm span .icon,

	.about_box_honor .icon,

	.product_detail_info .vls .item .btns{

		display: none;

	}

	.solution_detail_list .lis li{

		padding-right: 0;

	}

	.solution_detail_list .lis li h2 i{

		line-height: 70px;

		font-size: 24px;

	}

	.solution_detail_list .lis li p,

	.solution_detail_list .lis li h3{

		font-size: 14px;

	}

	.about_box_text, .about_box_text p{

		font-size: 16px;

	}

	.banner-wang{

		width: 100%;

	}

	/* .particles-js-canvas-el{

		height: 60% !important;

	} */

	.index_contact .phones h2{

		font-weight: 500;

	}

	.index_text_case{

		padding-top: 50px;

		padding-bottom: 60px;

	}

	.index_text_case h2{

		margin-bottom: 8%;

	}

	.index_text_case a{

		margin-top: 12%;

	}

	.pager3{

		padding: 0 1.5rem;

	}

	.popup_from .popup_from_box{

		padding: 4rem 2.5rem;

		margin-top: 30px;

	}

	.popup_from .popup_from_box input, 

	.popup_from .popup_from_box textarea{

		line-height: 40px;

		height: 40px;

		padding: 0 15px;

	}

	.popup_from .popup_from_box textarea{

		height: 100px;

	}

	.popup_from .popup_from_box button{

		height: 40px;

		line-height: 40px;

	}

	.bigimgfix_con .itm.video span{

		padding: 10px;

	}

	.bigimgfix_con .itm.video span video{

		width: 100%;

	}

	.bigimgfix .swiper-button-prev, .bigimgfix .swiper-button-next{

		display: none;

	}

	.rohs_box_text_pos{

		/* height: auto;*/

	}

	.solution_detail_list .lis li span{

		padding: 20px;

	}

	.about_box_honor{

		margin-bottom: 0;

	}

	

	.backs{

		padding: 18px;

		background: rgba(0,0,0,0.05);

	}

	

	.backs span{

		color: #333;

		font-size: 18px;

		position: relative;

		padding-left: 15px;

		display: block;

	}

	.backs span:before{

		content: '';

		border: 2px solid #333;

		display: block;

		width: 10px;

		height: 10px;

		position: absolute;	

		-webkit-transform: rotate(-45deg);

		-moz-transform: rotate(-45deg);

		-ms-transform: rotate(-45deg);

		-o-transform: rotate(-45deg);

		transform: rotate(-45deg);

		border-right: none;

		border-bottom: none;

		left: 0;

		top: 50%;

		margin-top: -5px;

	}

}

@media (max-width: 375px) {

	

}

@-webkit-keyframes buzz {

	0% {

		transform: translateY(0);

	}

	50%{

		transform: translateY(-15px);

	}

	100%{

		transform: translateY(0);

	}

}

@-webkit-keyframes buzz-out {

	0%,100%,20%,50%,80% {

		transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);

		transform: translate3d(0,0,0);

	}

	40%,43%{

		transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);

		transform: translate3d(0,-30px,0);

	}

	70%{

		transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);

		transform: translate3d(0,-15px,0);

	}

	95%{

		transform: translate3d(0,-4px,0);

	}

}

@media screen and (max-width: 1920px) {

	.top_bar{display:none; }
@media screen and (max-width: 1024px) {

	.top_bar{display:none; }
}
@media screen and (max-width: 1200px) {

	.top_bar{display:none; }
}
@media screen and (max-width: 450px) {
.top_bar{position:fixed;z-index:900;bottom:-18px;background:#888;left:0;right:0;margin:auto;}
.top_menu{
	border-top:1px solid #3D3D46;display:block;width:100%;height:0px;margin:0;padding:0;
	
	background:#25a8e0;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#524945), to(#48403c), color-stop(60%, #524945));
	background:-o-gradient(linear, 0 0, 0 100%, from(#524945), to(#48403c), color-stop(60%, #524945));
	background:gradient(linear, 0 0, 0 100%, from(#524945), to(#48403c), color-stop(60%, #524945));
	
	box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.1) inset;
}
.top_bar .top_menu>li{position:relative;text-align:center;display:inline-block;width:20%;float:left;}
.top_menu li:first-child{background:none;}
.top_bar .top_menu>li>a{height:48px;margin-right:1px;display:block;text-align:center;color:#FFF;text-decoration:none;text-shadow:0 1px rgba(0, 0, 0, 0.3);}
.top_bar .top_menu>li.home{width:20%;}
.top_bar .top_menu>li.home a{height:66px;width:66px;margin:auto;border-radius:60px;position:relative;top:-22px;left:2px;background:url('../images/home.png') no-repeat center center;background-size:100% 100%;}
.top_bar .top_menu>li>a label{overflow:hidden;margin:0 0 0 0;font-size:12px;display:block !important;line-height:18px;text-align:center;}
.top_bar .top_menu>li>a img{padding:3px 0 0 0;height:24px;width:24px;color:#fff;line-height:48px;vertical-align:middle;}
.top_bar li:first-child a{display:block;}
.top_menu li:last-of-type a{background:none;overflow:hidden;}
.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active{background-color:#333;}
}