/*product list code css*/
/*product adver code css*/
.adver{
	width: 100%;overflow: hidden;position: relative;
}
.adver_pic{
	width: 100%;
}
.adver_pic img{
	width: 100%;height: auto;
}
.adver_btn{
	position: absolute;top: 34%;left: 18.8%;
}
.adver_btn h3{
	font-size: 2.8em;color: #ffffff;margin-bottom: 20%;
}
.adver_btn a{
	display: inline-block;width: 160px;height: 42px;border-radius: 21px;text-align: center;line-height: 42px;border: 1px solid #ffffff;
}
.btn_1{
	margin-right: 15px;background: #ffffff;
}
/*product_list2 code css*/
.product{
	width: 60%;margin: 0px auto;
}
.product_introduce{
	width: 100%;
}
.product_intro_head{
	padding: 0 10%;margin-bottom: 120px;
}
.product_intro_head h3{
	font-size: 2.5em;margin-top: 70px;margin-bottom: 30px;text-align: center;
}
.product_intro_head p{
	color: #525552;line-height: 24px;
}
.product_intro_cont{
	width: 100%;margin-top: 30px;
}
.pro_intro_cont_left{
	float: left;width: 48.5%;margin-right: 3%;
}
.pro_intro_cont_left:nth-child(2n){
	margin-right: 0;
}
.pro_intro_cont_left img,.pro_intro_cont_right img{
	width: 100%;height: auto;
}
.pro_intro_cont_right{
	float: right;width: 48.5%;
}
.pro_intro_cont_left h3,.pro_intro_cont_right h3{
	font-size: 2em;margin-bottom: 15px;padding-top: 25%;
}
.pro_intro_cont_left p,.pro_intro_cont_right p{
	color: #404040;line-height: 24px;
}
.pro_intro_feature{
	width: 100%;margin-top: 170px;margin-bottom: 70px;
}
.pro_intro_feature h3{
	font-size: 2.5em;text-align: center;
}
.pro_intro_feat_cont{
	width: 100%;margin-top: 50px;
}
.pro_intro_feat_list{
	float: left;width: 28%;margin-right: 8%;margin-bottom: 50px;
}
.pro_intro_feat_list:nth-child(3n){
	margin-right: 0;
}
.pro_intro_feat_list img{
	width: 66px;height: 66px;margin-bottom: 20px;
}
.pro_intro_feat_list h5{
	margin-bottom: 20px;font-size: 1.2em;
}
.pro_intro_feat_list p{
	color: #404040;line-height: 24px;
}
.pro_option{
	position: relative;overflow: hidden;height: 250px;
}
.pro_option ul{
	margin-left: 6%;padding-top: 10px;position: absolute;
}
.pro_option ul li{
	float: left;width: 19.35%;padding-bottom: 10px;margin-bottom: 100px;
}
.pro_option ul li:hover{
	box-shadow:0px 0px  3px 2px #232323;
}
.pro_option ul li:hover>a{
	color: #232323;
}
.pro_option_list{
	width: 80%;margin: 0px auto;overflow: hidden;
}
.pro_option_list img{
	width: 100%;height: auto;
}
.pro_option_list img:hover{
	-webkit-animation:prolist 3s linear;
	-moz-animation:prolist 3s linear;
	-ms-animation:prolist 3s linear;
	animation:prolist 3s linear;
}
@-webkit-keyframes prolist{
	0% {
		-webkit-transform:rotate(0deg) scale(1);
		-moz-transform:rotate(0deg) scale(1);
		-ns-transform:rotate(0deg) scale(1);
		transform:rotate(0deg) scale(1);
	}
	40% {
		-webkit-transform:rotate(60deg) scale(1.5);
		-moz-transform:rotate(60deg) scale(1.5);
		-ms-transform:rotate(60deg) scale(1.5);
		transform:rotate(60deg) scale(1.5);
	}
	60% {
		-webkit-transform:rotate(30deg) scale(1.2);
		-moz-transform:rotate(30deg) scale(1.2);
		-ms-transform:rotate(30deg) scale(1.2);
		transform:rotate(30deg) scale(1.2);
	}
	90% {
		-webkit-transform:rotate(0deg) scale(0.8);
		-moz-transform:rotate(0deg) scale(0.8);
		-ms-transform:rotate(0deg) scale(0.8);
		transform:rotate(0deg) scale(0.8);
	}	
}
.pro_option ul li a p{
	text-align: center;padding-bottom: 10px;
}
.pro_box span{
	position: absolute;top: 35%;width: 50px;height: 50px;border-radius: 50px;background: #88AB2D;display: block;text-align: center;line-height: 50px;font-size: 1.8em;color: #ffffff;cursor: pointer;
}
.pro_box span:hover{
	background: #82bf34;
}
.prev{
	left: 0px;
}
.next{
	right: 0px;
}
.pro_head{
	width: 100%;margin-top: 70px;margin-bottom: 40px;
}
.pro_head h3{
	font-size: 3em;text-align: center;
}
.pro_head p{
	padding: 50px 10%;color: #525552;text-align: center;font-size: 0.95em;
}
.pro_cont{
	width: 100%;
}
.pro_cont ul{
	width: 100%;margin-bottom: 80px;
}
.pro_cont>ul>li{
	background: #fafbfc;margin-bottom: 20px;
}
.pro_cont>ul>li>img{
	width: 80px;height: 80px;padding: 30px 50px;
}
.span_add{
	float: right;font-size: 24px;margin-top: 50px;margin-right: 50px;
}
.span_devise{
	float: right;font-size: 20px;margin-top: 50px;margin-right: 50px;display: none;transform: rotate(-90deg);font-family: "宋体";font-weight: bold;
}
.pro_cont_all{
	width: 100%;background: #ffffff;border: 1px solid #fafbfc;border-top: none;display: none;
}
.pro_cont_list{
	width: 24%;margin-right: 9.5%;float: left;margin-top: 80px;padding-left: 3%;
}
.pro_cont_list:nth-child(3n){
	margin-right: 0;
}
.pro_cont_list img{
	width: 50%;height: auto;float: left;
}
.pro_cont_list_text{
	float: right;
}
.pro_cont_list_text h5{
	font-size: 1.2em;font-weight: normal;margin-bottom: 10px;
}
.pro_cont_list_text p{
	margin-bottom: 20px;color: #333333;
}
.pro_cont_list_text a{
	color: #232323;
}
.pro_cont_list_text a:hover{
	color: #2676c3;
}
/*product_list1 code css*/
.pro_nav{
	width: 100%;
}
.pro_nav ul{
	border-bottom: 2px solid #e0e2e5;
}
.pro_nav ul li{
	display: inline-block;padding: 0 3%;height: 36px;line-height: 30px;font-size: 1em;font-weight: bold;text-align: center;cursor: pointer;
}
.pro_nav ul li.nav_li_active{
	color: #232323;border-bottom: 2px solid #232323;
}
.pro_nav_cont{
	width: 100%;margin-top: 25px;margin-bottom: 85px;
}
.pro_nav_cont_list{
	width: 100%;padding: 0 15px;display: none;
}
.pro_nav_cont_list:nth-child(1){
	display: block;
}
.pro_nav_cont_left{
	width: 50%;float: left;
}
.pro_nav_cont_left h3{
	font-size: 2em;margin-top: 5px;margin-bottom: 20px;
}
.pro_nav_cont_left p{
	font-size: 1em;color: #282828;line-height: 24px;margin-bottom: 30px;
}
.pro_nav_cont_left a{
	display: block;width: 140px;height: 50px;background: #232323;color: #ffffff;text-align: center;line-height: 50px;border-radius: 25px;font-weight: bold;
}
.pro_nav_cont_left a:hover{
	background: #454545;
}
.pro_nav_cont_right{
	width: 45%;height: 288px;float: right;overflow: hidden;
}
.pro_nav_cont_right img{
	width: 70%;height: auto;margin-left: 30%;transform: translateY(-100px);
}
.pro_comm{
	width: 100%;background: #f2f3f5;
}
.pro_comm_reason{
	width: 60%;margin: 0 auto;padding-bottom: 70px;
}
.pro_comm_reason h3{
	padding-top: 70px;margin-bottom: 40px;font-size: 2.5em;text-align: center;
}
.pro_reason_cont{
	width: 100%;
}
.pro_reason_list{
	float: left;width: 28%;margin-right: 8%;text-align: center;
}
.pro_reason_list:nth-child(3){
	margin-right: 0;
}
.pro_reason_list img{
	width: 66px;height: 66px;margin-bottom: 20px;
}
.pro_reason_list h5{
	margin-bottom: 20px;font-size: 1.2em;
}
.pro_reason_list p{
	color: #404040;line-height: 24px;
}
.pro_comm_new{
	width: 60%;margin: 0 auto;margin-top: 130px;padding-bottom: 60px;
}
.pro_comm_new_left{
	width: 42.5%;float: left;
}
.pro_comm_new_right{
	width: 47.5%;float: right;
}
.pro_comm_new_right h5{
	margin-top: 36px;color: #71757e;font-size: 1.5em;
}
.pro_comm_new_right h3{
	margin-top: 24px;margin-bottom: 30px;font-size: 2.5em;
}
.pro_comm_new_right p{
	margin-bottom: 30px;color: #404040;line-height: 24px;
}
.pro_comm_new_right a{
	width: 130px;height: 40px;background: #88AB2D;display: block;color: #ffffff;text-align: center;line-height: 40px;border-radius: 20px;
}
.pro_comm_new_right a:hover{
	background: #75951f;
}
.pro_industry{
	width: 60%;margin: 0 auto;margin-top: 60px;
}
.pro_industry h3{
	font-size: 2.5em;margin-bottom: 40px;text-align: center;
}
.pro_industry_cont{
	width: 100%;margin-bottom: 60px;
}
.pro_industry_list{
	float: left;width: 32%;margin-right: 2%;border-radius: 15px;box-shadow: 2px 2px 3px #f1f1f1;overflow: hidden;margin-bottom: 30px;
}
.pro_industry_list:nth-child(3n){
	margin-right: 0;
}
.pro_industry_list a img{
	width: 100%;height:auto;
}
.pro_industry_list_text{
	background: #f7f8fa;padding: 45px 10%;height: 80px;
}
.pro_industry_list_text h5{
	font-size: 1.5em;margin-bottom: 15px;
}
.pro_industry_list_text p{
	font-size: 0.9em;color: #282828;line-height: 24px;
}
/*message code css*/
.sol_cont_message{
	width: 100%;background: #f8f8fa;padding-bottom: 80px;
}
.sol_cont_message h3{
	font-size: 2.5em;text-align: center;padding-top: 90px;margin-bottom: 40px;
}
.sol_cont_message p{
	font-size: 1em;padding: 0 30%;line-height: 26px;text-align: center;margin-bottom: 50px;
}
.sol_cont_message a{
	display: block;width: 9%;height: 40px;margin-left: 45.5%;border-radius: 20px;text-align: center;line-height: 40px;background: #232323;color: #ffffff;
}
.sol_cont_message a:hover{
	background: #454545;
}

/*news code css*/
.news{
	width: 60vw;margin: 0px auto;
}
.news_cont{
	width: 100%;margin-top: 70px;
}
.news_cont_list{
	width: 32%;margin-right: 2%;margin-bottom: 30px;float: left;height: 550px;
}
.news_cont_list:nth-child(3n){
	margin-right: 0;
}
.news_cont_list img{
	width: 100%;height: auto;
}
.news_cont_list_text{
	padding: 10px 2%;
}
.news_cont_list_text h4{
	font-size: 1.4em;font-weight: normal;line-height: 30px;color: #333333;margin-bottom: 20px;margin-top: 10px;
}
.news_cont_list_text p{
	font-size: 1em;color: #888888;
}
/*caselist code css*/
.case{
	width: 60vw;margin: 0px auto;
}
.case_head{
	margin-top: 120px;text-align: center;
}
.case_head select{
	width: 250px;height: 50px;padding-left: 10px;border: 1px solid #ededed;appearance: none;font-size: 0.9em;
}
.case_head select option{

}
.case_cont{
	width: 100%;margin-top: 70px;
}
.case_cont_list{
	width: 32%;margin-right: 2%;margin-bottom: 30px;float: left;
}
.case_cont_list:nth-child(3n){
	margin-right: 0;
}
.case_cont_list img{
	width: 100%;height: auto;
}
.case_cont_list_text{
	padding: 10px 4%;
}
.case_cont_list_text h4{
	font-size: 1em;line-height: 26px;color: #333333;margin-bottom: 20px;margin-top: 10px;
}
/*solution list code css*/
.case_nav{
	width: 60%;margin: 0px auto;margin-top: 70px;
}
.case_option{
	position: relative;overflow: hidden;height: 340px;overflow: hidden;
}
.case_option ul{
	margin-left: 5%;padding-top: 3px;position: absolute;
}
.case_option ul li{
	float: left;width: 19.4%;padding-bottom: 10px;margin-bottom: 100px;
}
.case_option ul li:hover>a{
	color: #88AB2D;
}
.case_option_list{
	width: 70%;margin: 0px auto;overflow: hidden;
}
.case_option_list img{
	width: 100%;height: auto;margin-bottom: 10px;
}
.case_option ul li a p{
	text-align: center;padding-bottom: 10px;
}
.case_box span{
	position: absolute;top: 35%;width: 36px;height: 36px;border-radius: 18px;background: #232323;display: block;text-align: center;line-height: 36px;font-size: 1.5em;color: #ffffff;cursor: pointer;
}
.case_box span:hover{
	background: #454545;
}
.prev{
	left: 0px;
}
.next{
	right: 0px;
}
.case_adver{
	width: 100%;margin-top: 60px;position: relative;
}
.case_adver img{
	width: 100%;height: auto;
}
.case_adver_text{
	position: absolute;top: 200px;left: 20%;
}
.case_adver_text h1{
	color: #ffffff;font-size: 2.8em;margin-bottom: 72px;
}
.case_adver_text ul li{
	display: inline-block;
}
.case_adver_text ul li a{
	width: 158px;height: 42px;background: #ffffff;border-radius: 20px;text-align: center;line-height: 40px;display: block;font-size: 0.9em;font-weight: bold;
}
.case_adver_text ul li a.case_adver_btn{
	background: transparent;border: 1px solid #ffffff;color: #ffffff;margin-left: 20px;
}
#closeVideo{
	display: none;position: absolute;top: 185px;right: 18%;width: 30px;height: 30px;border-radius: 30px;background: #444444;color: #ffffff;font-size: 1em;border: none;cursor: pointer;
}
#myVideo{
	display: none;position: absolute;top: 200px;right: 20%;width: 600px;height: 340px;
}

.case_cont{
	width: 60%;margin: 70px auto;
}
.case_cont_head{
	padding: 0px 10%;text-align: center;
}
.case_cont_head h3{
	font-size: 2.5em;margin-bottom: 50px;
}
.case_cont_head p{
	line-height: 22px;
}
.case_cont_all{
	width: 100%;margin-top: 70px;
}
.case_cont_all_list{
	width: 32%;margin-right: 2%;float: left;margin-bottom: 30px;background: #f7f8fa;border-radius: 15px;box-shadow: 2px 2px 3px rgb(0, 0, 0 , 0.1);overflow: hidden;
}
.case_cont_all_list img{
	width: 100%;height: auto;
}
.case_cont_all_list:nth-child(3n){
	margin-right: 0;
}
.case_cont_list_txt{
	padding: 40px 10%;
}
.case_cont_list_txt h5{
	font-size: 1.4em;margin-bottom: 20px;
}
.case_cont_list_txt p{
	font-size: 0.9em;
}
/*page code css*/
.news_pageside{
	width: 100%;margin-bottom: 70px;margin-top: 20px;
}
.news_pageside ul{
	width: 40%;margin: 0px auto;
}
.news_pageside ul li{
	display: inline-block;text-align: center;font-size: 0.8em;margin-right: 5px;
}
.news_pageside ul li a{
	display: inline-block;border: 1px solid #eeeeee;border-radius: 5px;width: 30px;height: 30px;line-height: 30px;font-weight: bold;font-size: 1.2em;
}
.page_active a{
	color: #2676c3;
}
.page_last{
	margin-left: 20px;
}
.page_last a{
	padding: 0px 10px;vertical-align: middle;margin-left: 5px;
}