@charset "utf-8";
/*slider code css*/
.slider{
	margin-top: 0px;width: 100%;overflow: hidden;
}
.box{
	width: 100%;margin: 0px auto;overflow: hidden;position: relative;
}
.box-1 ul{
	overflow: hidden;width: 100%;
}
.box-1 ul li{
	width: 100%;
	float: left;
	animation: keframe 10s linear infinite;
}
.box-1 ul li img{
	display:block;width: 100%; height: auto;
}
.box-2{
	position: absolute;right: 48.5%;bottom: 30px;
}
.box-2 ul li{
	float:left;width: 8px;height: 8px;overflow: hidden; margin: 0 3px 0 ; border-radius: 50%;
	background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;
}
.box-2 ul .on{
	background: #ffffff;width: 12px;height: 12px;
}
.box-3 span{
	position: absolute;color: white;width: 50px;height: 100px;line-height: 100px;margin-top: -40px;border-radius: 5px;top:50%; font-family: "宋体";font-size:26px;font-weight: bold;text-align: center;cursor: pointer;
}
.box-3 .bprev{
	left: -5px;
}
.box-3 .bnext{
	right: -5px;
}
.box-3 span::selection{
	background: transparent;
}
.box-3 span:hover{
	background: rgba(0,0,0,.4);
}

/*product code css*/
.product{
	width: 60vw;margin: 100px auto;
}
.product_title{
	width: 100%;
}
.product_title h3{
	font-size: 2.4em;font-weight: 500;text-align: center;line-height: 60px;
}
.product_container{
	width: 100%;
}
.product_button{
	width: 100%;margin-top: 30px;
}
.product_button ul{
	font-size: 0;width: 80%;margin: 0px auto;
}
.product_button ul li{
	display: inline-block;width: 10%;height: 40px;border-radius: 10px;background: #f2f3f5;margin-right: 2%;font-size: 16px;text-align: center;line-height: 40px;cursor: pointer;margin-bottom:20px;
}
.product_button ul li:nth-child(10n){
	margin-right: 0;
}
.product_button ul li.active{
	background: #232323;color: #ffffff;
}
.product_all{
	display: none;
}
#product_all_active{
	display: block;
}
.pro_cont{
	width: 24%;margin-right: 1.33%;margin-top: 70px;float: left;
}
.pro_cont:nth-child(4n){
	margin-right: 0;
}
.pro_cont  a img:hover{
	box-shadow: 2px 2px 3px #eeeeee;
}
.pro_cont a img{
	width: 100%;height: auto;
}
.pro_cont_desc{
	width: 100%;text-align: center;
}
.pro_cont_desc h3{
	font-size: 1.5em;
}
.pro_cont_desc p{
	font-size: 0.9em;
}
.pro_cont_desc a{
	font-size: 0.9em;
}
.product_all>a{
	display: block;width: 10%;height: 40px;border-radius: 20px;line-height: 40px;background: #232323;text-align: center;margin-top: 40px;margin-left: 45%;color: #ffffff;font-size: 0.9em;
}
.product_all>a:hover{
	background: #454545;
}

/*solution code css*/
.solution{
	width: 60%;margin: 100px auto;position: relative;
}
.sol_title{
	margin-bottom: 70px;
}
.sol_title h3{
	font-size: 2.4em;font-weight: 500;text-align: center;line-height: 60px;
}
.sol_all{
	position: relative;height: 50vh;overflow: hidden;
}
.sol_cont{
	width: 100%;height: 100%;margin: 0px auto;overflow: hidden;
}
.sol_cont_all{
	width: 24%;margin-right: 1.4%;float: left;margin-bottom: 20px;position: absolute;z-index: 1;
}
.sol_cont_all:nth-child(4n){
	margin-right: 0;
}
.sol_cont_list{
	width: 100%;position: relative;overflow: hidden;
}
.sol_cont_list>a:hover>img{
	animation: proimgframe 0.5s linear;animation-fill-mode:forwards;
}
@keyframes proimgframe{
	0%   {transform:scale(1.0);}
	100% {transform:scale(1.1);}
}
.sol_cont_list>a:hover>div{
	animation: proimgframe2 0.5s linear;animation-fill-mode:forwards;
}
@keyframes proimgframe2{
	0%   {transform:translateY(0);}
	100% {transform:translateY(-10px);}
}
.sol_cont_list>a>img{
	width: 100%;height: auto;
}
.sol_cont_text{
	position: absolute;top: 10%;text-align: center;display: block;width: 100%;
}
.sol_cont_text img{
	width: 40px;height: 40px;margin-bottom: 14px;
}
.sol_cont_text h4{
	font-size: 1.3em;color: #ffffff;margin-bottom: 24px;
}
.sol_cont_text p{
	font-size: 1em;color: #ffffff;display: none;
}
.sol_cont_list>a:hover>div>p{
	display: block;
}
.sol_cont_text p:hover{
	text-decoration: underline;
}
.pbox-3 span{
	position: absolute;color: white;background: rgba(125,125,120,.3);width: 50px;
	height: 50px;top:55%;font-family: "宋体";font-size:2em;line-height: 50px;
	text-align: center;cursor: pointer;border-radius: 50px;font-weight: bold;z-index: 1000;
}
.pbox-3 .pprev{
	left: -70px;
}
.pbox-3 .pnext{
	right: -70px;
}
.pbox-3 span::selection{
	background: transparent;
}
.pbox-3 span:hover{
	background: rgba(125,125,120,.5);
}
.picMask{
	display: none;
}

/*news code css*/
.news{
	width: 60vw;margin: 0px auto;
}
.news_title h3{
	font-size: 2.4em;font-weight: 500;text-align: center;line-height: 60px;
}
.news_title{
	margin-bottom: 55px;
}
.news_cont{
	width: 100%;
}
.news_cont_list{
	width: 32.5%;margin-right: 1.25%;float: left;margin-top: 15px;position: relative;overflow: hidden;
}
.news_cont_list:nth-child(3n){
	margin-right: 0;
}
/*.news_cont_list:nth-child(1){
	width: 66.25%;
}*/
.news_cont_list img{
	width: 100%;height: auto;
}
.news_cont_list>a:hover>img{
	animation: imgframe 0.5s linear;animation-fill-mode:forwards;
}
@keyframes imgframe{
	0%   {transform:scale(1.0);}
	100% {transform:scale(1.1);}
}
.news_cont_text{
	position: absolute;top: 0;margin: 12% 10%;
}
.news_cont_text h4{
	color: #232323;font-size: 1em;margin-bottom: 6px;font-weight: normal;
}
.news_desc{
	font-size: 1.2em;font-weight: 500;margin-bottom: 10px;
}
/*.news_cont_list:nth-child(2) .news_desc{
	color: #ffffff;
}*/
.news_cont_list>a:hover>div>span{
	display: block;
}
.news_cont_text span{
	display: none;
}
.news_cont_text span:hover{
	text-decoration: underline;color: #2676c3;
}

/*about code css*/
.about{
	width: 100%;height: 560px;background: url(../images/partners-bg.png);
}
.about_cont{
	width: 100%;margin: 0px auto;padding-top: 110px;
}
.about_cont h3{
	text-align: center;font-size: 2.4em;font-weight: 500;
}
.about_cont a{
	display: inline-block;width: 100%;text-align: center;margin-top: 40px;margin-bottom: 90px;
}
.about_cont a:hover{
	color: #2676c3;
}
.about-span{
	width: 100%;
}
.about-num span{
	font-size: 1.3em;color: #aaaaaa;display: inline-block;width: 33%;margin-top: 10px;text-align: center;
}
.about-num span b{
	font-size: 3em;color: #232323;
}

/*company code css*/
.company{
	width: 100%;
}
.company_cont{
	width: 60%;margin: 70px auto;
}
.company_prof_left{
	width: 45%;float: left;
}
.company_prof_left h3{
	font-size: 2em;color: #232323;margin-bottom: 20px;margin-top: 20px;
}
.company_prof_left p{
	line-height: 30px;margin-bottom: 20px;
}
.company_prof_left a:hover{
	color: #2676c3;text-decoration: underline;
}
.company_prof_right{
	width: 50%;float: right;
}
.company_prof_right video{
	width: 100%;height: auto;
}