@charset "utf-8";
/*slider code css*/
.slider{
	margin-top: 130px;width: 100%;height: 427px;overflow: hidden;
}
.box{
	width: 100%;height: 427px;margin: 0px auto;overflow: hidden;position: relative;
}
.box-1 ul{
	overflow: hidden;width: 1366px;height: 427px;
}
.box-1 ul li{
	width: 100%;height: 427px;float: left;
	/*animation: keframe 10s linear infinite;*/
}
.box-1 ul li:nth-child(1){
	background: url(../images/slider2_2.jpg) no-repeat;
}
.box-1 ul li:nth-child(2){
	background: url(../images/slider3_3.jpg) no-repeat;
}
.box-1 ul li:nth-child(3){
	background: url(../images/slider4_4.jpg) no-repeat;
}
/*@keyframes keframe
	{
		0%   {transform:scale(1.0);}
		50% {transform:scale(1.1);}
		100% {transform:scale(1.0);}
	}*/
.box-1 ul li img{
	display:block;width: 100%;height: 427px;height: auto;
}
.box-text{
	position: absolute;left: 30%;top: 25%;width: 40%;height: 35%;background: rgba(0,0,0,0.4);text-align: center;
}
.box-text h2{
	font-size: 2.5em;line-height: 100px;color: #ffffff;
	animation: htframe 1s linear;
}
@keyframes htframe
	{
		0%   {transform:scale(0);}
		100% {transform:scale(1.0);}
	}
.box-text h3{
	font-weight: normal;font-size: 1.5em;color: rgba(255,255,255,1);width: 60%;margin: 0px auto;padding: 10px 0px;border-radius: 5px;box-shadow: 0px 0px  3px 3px #ffffff;
	animation: htframe 2s linear;
}
.box-text-1{
	width: 100%;margin-top: 30px;
	animation: boxtext 2s linear;
}
@keyframes boxtext
	{
		0%   {transform:translateY(200px);}
		100% {transform:translateY(0px);}
	}
.box-text-list{
	width: 28%;display: inline-block;vertical-align: top;border-right: 1px solid #ededed;padding: 0px 2%;height: 150px;
}
.box-text-list-3{
	border-right: none;
}
.box-text h2 span{
	color: #0c8d45;
}
.box-text-span2{
	color: #ffffff;line-height: 30px;
}
.box-text-span{
	color: #abfeb3;font-size: 1.3em;line-height: 60px;
}
.box-2{
	position: absolute;right: 40%;bottom: 30px;
}
.box-2 ul li{
	float:left;width: 15px;height: 15px;overflow: hidden; margin: 0 30px 0 ; border-radius: 50%;
	background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;
}
.box-2 ul .on{
	background: rgba(0,124,195,0.8);
}
.box-3 span{
	position: absolute;color: white;background: rgba(102,102,102,.3);width: 50px;height: 80px;
	top:50%; font-family: "宋体";line-height: 80px;font-size:60px;margin-top: -40px;
	text-align: center;cursor: pointer;
}
.box-3 .bprev{
	left: 50px;
}
.box-3 .bnext{
	right: 50px;
}
.box-3 span::selection{
	background: transparent;
}
.box-3 span:hover{
	background: rgba(125,125,120,.8);
}
/*search code css*/
.search{
	width: 80%;margin: 0px auto;margin-top: 30px;
}
.search-left{
	float: left;
}
.search-left .hot{
	color: #007cc3; font-weight: bold;
}
.search-left span{
	margin-right: 30px;
}
.search-left span a:hover{
	color: #007cc3;
}
.search-right{
	float: right;
}
.search-right form input{
	height: 26px;padding-left: 6px;outline: none;border: 1px solid #999999;border-right: none;
}
.search-right form button{
	width: 50px;height: 30px;margin-left: -4px;background: #007cc3;border-style: none;vertical-align: middle;color: #ffffff;cursor: pointer;
}
/*products code css*/
.products{
	width: 80%;margin: 50px auto;
}
.index_title{
	text-align: center;/*background: url(../images/biaoti1.gif) 50% no-repeat;height: 150px;*/
}
.index_title h3{
	font-size: 2.5em;color: #007cc3;text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.4);mix-blend-mode: multiply;
}
.index_title h5{
	font-size: 1.5em;line-height: 50px;font-weight: normal;color: #333333;
}
.pro_menu{
	width: 20%;margin-top: 30px;float: left;background: rgba(191, 205,220, 0.5);
}
.pro_menu_title{
	width: 100%;height: 60px;background: #007cc3;box-shadow:0px 0px  3px 2px #aaa;
}
.pro_menu_title h3{
	text-align: center;line-height: 60px;font-size: 1.5em;color: #ffffff;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}
.pro_ul{
	width: 100%;padding-bottom: 40px;
}
.pro_ul li{
	margin-top: 40px;cursor: pointer;
}
.pro_ul li:hover>dl{
	display: block;
}
.pro_ul li a:hover>span{
	transform: rotate(90deg);
}
.pro_ul li>a{
	font-size: 1em;text-align: center;display: inline-block;width: 100%;box-sizing: border-box;height: 30px;line-height: 30px;
}
.pro_ul li>a>span{
	vertical-align: top;font-size: 1.5em;float: right;margin-right: 20px;
}
span.on{
	color:red;
}
.pro_ul li>a:hover{
	color: #007cc3;border-left: 3px solid #007cc3;
}
.pro_ul li dl{
	display: none;margin-left: 100px;
}
.pro_ul li dl dd{
	margin: 25px 0px;
}
.pro_ul li dl dd a{
	font-size: 0.9em;
}
.pro_ul li dl dd a:hover{
	color: #007cc3;
}
.pro_container{
	width: 77%;margin-top: 30px;float: right;
}
.pro_list{
	width: 100%;display: none;
}
.pro_active{
	display: block;
}
.pro_list_image{
	width: 32%;margin-right: 2%;margin-bottom: 10px;float: left;
}
.pro_list_image:nth-child(3n){
	margin-right: 0;
}
.pro_list_image a img{
	width: 100%;height: auto;border: 1px solid #cccccc;
}
.pro_list_image a img:hover{
	box-shadow:0px 0px  2px 1px #007cc3;
}
.pro_list_image a p{
	text-align: center;line-height: 30px;
}
.pro_list_image a p:hover{
	color: #007cc3;
}
/*solution code css*/
.solution{
	width: 80%;margin: 50px auto;
}
.sol_list{
	width: 100%;
}
.sol_list_iamge{
	width: 24%;margin-right: 1.33%;margin-bottom: 20px;margin-top: 30px;float: left;position: relative;
}
.sol_list_iamge:nth-child(4n){
	margin-right: 0;
}
.sol_list_img{
	width: 100%;overflow: hidden;
}
.sol_list_iamge a img{
	width: 100%;height: auto;
	-webkit-transition:transform 1s linear;
	-moz-transition:transform 1s linear;
	-ms-transition:transform 1s linear;
	transition:transform 1s linear;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
.sol_list_iamge a img:hover{
	-webkit-transition:transform 1s linear;
	-moz-transition:transform 1s linear;
	-ms-transition:transform 1s linear;
	transition:transform 1s linear;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.sol_list_img p{
	line-height: 36px;text-align: center;background: #d0e3f2;
}
.soli_list_desc{
	position: absolute;left: 0;top: 0;width: 100%;background: rgba(30,30,30,0.6);display: none;color: #ffffff;
}
.soli_list_desc p{
	font-weight: normal;line-height: 36px;padding: 30px;font-size: 0.95em;text-indent: 1.9em;
}
/*adver code css*/
.adver{
	width: 100%;
}
.about-num{
	background: url(../images/adver1.png);height: 210px;
	/*-webkit-animation:news 2.5s 3s;
	animation:news 2.5s 3s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;*/
}
.about-num2{
	background: url(../images/adver4.png);height: 210px;
}
@-webkit-keyframes news{
	0%{-webkit-transform:translateY(600px);}
	100%{-webkit-transform:translateY(0px);}
}
@keyframes news{
	0%{-webkit-transform:translateY(600px);}
	100%{-webkit-transform:translateY(0px);}
}
.about-span{
	width: 80%;margin: 0px auto;
}
.about-num span{
	font-size: 1.1em;color: #ffffff;display: inline-block;width: 22.75%;margin-right: 3%;text-align: center;margin-top: 60px;
}
.about-num span:nth-child(4){
	margin-right: 0;
}
.about-num span b{
	font-size: 1.8em;color: #15a842;
}
/*advantage code css*/
.advantage{
	margin-top: 50px;
}
.adv_container{
	width: 80%;margin: 0px auto;margin-top: 30px;
}
.adv_list{
	margin-bottom: 50px;
}
.adv_left{
	float: left;width: 44%;
}
.adv_left h3{
	font-size: 1.3em;color: #007cc3;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);mix-blend-mode: multiply;
}
.adv_left h4{
	font-size: 1.1em;line-height: 50px;font-weight: normal;
}
.adv_left p{
	line-height: 40px;
}
.adv_left b{
	color: #007cc3;border: 1px solid #007cc3;width: 16px;height: 16px;display: inline-block;text-align: center;line-height: 16px;margin-right: 16px;font-weight: bold;
}
.adv_right h3{
	font-size: 1.3em;color: #007cc3;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);mix-blend-mode: multiply;
}
.adv_right h4{
	font-size: 1.1em;line-height: 50px;font-weight: normal;
}
.adv_right p{
	line-height: 36px;
}
.adv_right b{
	color: #007cc3;border: 1px solid #007cc3;width: 16px;height: 16px;display: inline-block;text-align: center;line-height: 16px;margin-right: 16px;font-weight: bold;
}
.adv_middle{
	width: 12%;float: left;
}
.adv_middle p{
	width: 60px;height: 60px;background: #007cc3;border-radius: 30px;font-size: 2em;font-weight: bold;color: #ffffff;text-align: center;line-height: 60px;margin-left: 25%;box-shadow:0px 0px  5px 3px #aaa;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);mix-blend-mode: multiply;
}
.adv_middle hr{
	-webkit-transform:rotate(90deg);margin-left: -5px;margin-top: 58px;background: #007cc3;padding-bottom: 1px;
}
.adv_right{
	float: right;width: 44%;
}
.adv_list img{
	width:85%;height: auto;
}
/*introduce code css*/
.introduce{
	width: 80%;margin: 50px auto;
}
.intro_title{
	margin-bottom: 30px;
}
.intro_left{
	width: 48%;float: left;
}
.intro_left p{
	text-indent: 2em;margin-bottom: 8px;line-height: 24px;
}
.intro_left a{
	width: 30%;height: 40px;text-align: center;margin-left: 35%;line-height: 40px;background: #b6dcfa;color: #000000;display: inline-block;border-radius: 5px;
}
.intro_left a:hover{
	background: #007cc3;color: #ffffff;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);mix-blend-mode: multiply;box-shadow:0px 0px  5px 3px #aaa;
}
.intro_right{
	width: 49%;float:right;
}
.intro_right video{
	width: 100%;
}
/*cooperate code css*/
.cooperate{
	width: 100%;margin: 50px 0px;position: relative;
}
.co_container{
	width: 70%;margin: 50px auto;
}
.show_box {
	height: 150px;width: 100%;position: relative;overflow: hidden;
}
.pic_box {
	position: absolute;width: 400%;
}
.pic {
	float: left;
}
.pic img{
	width: 50%;height: auto;cursor: pointer;
}
.leftBtn,.rightBtn {
	position: absolute;text-align: center;color: #666666;font-size: 3.5em;top: 175px;cursor: pointer;
}
.leftBtn {
	left: 11%;
}
.rightBtn {
	right: 11%;
}
/*news code css*/
.news{
	width: 80%;margin: 50px auto;
}
.news_title{
	margin-bottom: 30px;
}
.news_left{
	width: 100%;
}
.news_left h3{
	font-size: 1.5em;border-bottom: 1px solid #666666;padding-bottom: 10px;width: 60%;
}
.news_left h3 span{
	color: #666666;cursor: pointer;
}
.news_left h3 span.span_active{
	color: #000000;
}
.news_left h3 b{
	margin: 15px;
}
.news_left h3 font{
	display: none;
}
.news_left_all{
	width: 60%;float: left;display: none;
}
.news_left_cont{
	width: 100%;margin-top: 30px;
}
.news_cont_text{
	float: left;width: 45%;
}
.news_cont_img{
	float: right;width: 50%;overflow: hidden;
}
.news_cont_img img{
	width: 100%;height: auto;
	-webkit-transition:transform 1s linear;
	-moz-transition:transform 1s linear;
	-ms-transition:transform 1s linear;
	transition:transform 1s linear;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
.news_cont_img img:hover{
	-webkit-transition:transform 1s linear;
	-moz-transition:transform 1s linear;
	-ms-transition:transform 1s linear;
	transition:transform 1s linear;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.news_left_cont a h4{
	font-size: 1.4em;margin-bottom: 10px;
}
.news_left_cont a h4:hover{
	color: #007cc3;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);mix-blend-mode: multiply;
}
.news_left_cont a p{
	text-indent: 2em;line-height: 24px;
}
.news_left_list{
	margin-top: 30px;
}
.news_left_list li{
	border-bottom: 1px dotted #007cc3;margin-bottom: 20px;list-style: disc;
}
.news_left_list li a{
	line-height: 30px;
}
.news_left_list li a:hover{
	color: #007cc3;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);mix-blend-mode: multiply;
}
.news_left_list li a span{
	float: right;
}
.news_right{
	width: 36%;float: right;
}
.news_right h3{
	font-size: 1.5em;border-bottom: 1px solid #666666;padding-bottom: 10px;margin-top: -42px;
}
.news_right_container{
	margin-top: 30px;
}
.news_cont_list{
	border-bottom: 1px dotted #007cc3;padding-bottom: 10px;padding-top: 10px;
}
.news_cont_list:nth-child(1){
	padding-top: 0;
}
.news_cont_list p{
	font-size: 0.95em;
}
.news_cont_list p span{
	vertical-align: top;margin-right: 20px;display: inline-block;width: 46px;height: 20px;font-size: 0.9em;text-align: center;line-height: 20px;color: #ffffff;
}
.news_cont_list p.question{
	margin-bottom: 10px;
}
.news_cont_list p.question span{
	background: #007cc3;
}
.news_cont_list p.answer span{
	background: #15a842;
}