@media screen and (min-width:1001px){

.freestuff{ display:none;}

.banner{ padding-bottom:50px;}

.bannerslider{ width:100%;position:relative; border-bottom:1px solid #eee;}

.bannerslider .bd{ text-align:center; width:100%;}

.bannerslider .bd ul{ margin:0; width:100%;}

.bannerslider .bd ul li{ width:100%;height:480px;background-position:center center;}

.bannerslider .bd ul li img{display:none;}
.bannerslider .hd{ position:absolute; z-index:2; bottom:10px; left:0; width:100%;}

.bannerslider .hd ul{ text-align:center;}

.bannerslider .hd ul li{ display:inline-block; width:40px; height:10px; background:#000; margin:0 2px; text-indent:-9999em; filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/ cursor:pointer;}

.bannerslider .hd ul li.on{ background:#c00;}

.bannerslider span{ position:absolute; top:45%; background:#333; color:#fff;     width: 35px;

    font-size: 36px;

    line-height: 70px;text-align:center; filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/ cursor:pointer;}

.bannerslider .prev{ left:0;}

.bannerslider .next{ right:0;}



.solution{ padding-bottom:50px;}

.solution ul{ margin:0 -10px;}

.solution ul li{ float:left; width:150px; padding:0 10px; text-align:center;}

.solution ul li a{ display:block; background:#ededed; padding:40px 0;}

.solution ul li a img{ width:90px; height:90px; margin-bottom:40px; transition:all ease-out 0.3s;}

.solution ul li a:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}

.solution ul li a h3{ font-size:18px; color:#666; margin-bottom:5px; font-weight:normal;}

.solution ul li a p{ font-size:12px; color:#999;}



.hometitle{ position:relative; font-size:30px; line-height:110%; text-align:center; padding:0 0 30px;}

	.hometitle a.more{ position:absolute; right:0; bottom:10px; border-radius:10px; border:1px solid #ccc; font-size:12px; color:#ccc; line-height:15px; padding:0 10px 3px;}



.hotpicnews{ float:left; width:380px;}

	.hotpicnews a{ position:relative; overflow:hidden; display:block; width:380px; height:340px;}

	.hotpicnews a img{ position:absolute; top:0; left:0; width:380px; height:340px;}	

	.hotpicnews a h3{ position:absolute; z-index:1; top:340px; left:0; width:320px; padding:0 30px; font-size:20px; line-height:30px; color:#112885; transition:all ease-out 0.3s; filter:alpha(opacity=0);     font-weight: normal;/*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/}

	.hotpicnews a strong{ position:absolute; z-index:1; top:300px; left:30px; padding:2px 5px; font-size:12px; font-weight:normal; border:1px solid #999; color:#999; transition:all ease-out 0.3s; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/}

	.hotpicnews a p{ position:absolute; z-index:1; top:300px; left:0; color:#fff; padding:0 10px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all ease-out 0.3s;}

	.hotpicnews a i{ position:absolute; top:300px; left:0; display:block; width:100%; height:40px; background:#000; filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/ transition:all ease-out 0.3s;}	

	.hotpicnews a:hover h3{ top:40px; filter:alpha(opacity=100); /*IE滤镜，透明度50%*/-moz-opacity:1; /*Firefox私有，透明度50%*/opacity:1;/*其他，透明度50%*/}

	.hotpicnews a:hover strong{ top:280px; filter:alpha(opacity=100); /*IE滤镜，透明度50%*/-moz-opacity:1; /*Firefox私有，透明度50%*/opacity:1;/*其他，透明度50%*/}

	.hotpicnews a:hover p{ top:340px; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/}

	.hotpicnews a:hover i{ top:0; height:340px;}

.picnews{ float:right; width:620px; padding-bottom:30px;}

	.picnews ul{}

	.picnews ul li{ float:left; width:290px; padding-left:20px; margin-bottom:20px;}

	.picnews ul li a{ position:relative; display:block; width:290px; height:160px; overflow:hidden;}

	.picnews ul li a img{ position:absolute; top:0; left:0; width:290px; height:160px;}	

	.picnews ul li a h3{ position:absolute; z-index:1; top:160px; left:0; width:230px; padding:0 30px; color:#fff; transition:all ease-out 0.3s; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/

	font-weight:normal;font-size:18px;}

	.picnews ul li a strong{ position:absolute; z-index:1; top:160px; left:30px; padding:2px 5px; font-size:12px; font-weight:normal; border:1px solid #999; color:#CCC; transition:all ease-out 0.3s; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/}

	.picnews ul li a p{ position:absolute; z-index:1; top:120px; left:0; width:290px; padding:0 10px; color:#fff; height:40px; line-height:40px; transition:all ease-out 0.3s; filter:alpha(opacity=100); /*IE滤镜，透明度50%*/-moz-opacity:1; /*Firefox私有，透明度50%*/opacity:1;/*其他，透明度50%*/}

	.picnews ul li a i{ position:absolute; top:120px; left:0; display:block; width:290px; height:40px; background:#000; filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/ transition:all ease-out 0.3s;}	

	.picnews ul li a:hover h3{ top:30px; filter:alpha(opacity=100); /*IE滤镜，透明度50%*/-moz-opacity:1; /*Firefox私有，透明度50%*/opacity:1;/*其他，透明度50%*/}

	.picnews ul li a:hover strong{ top:110px; filter:alpha(opacity=100); /*IE滤镜，透明度50%*/-moz-opacity:1; /*Firefox私有，透明度50%*/opacity:1;/*其他，透明度50%*/}

	.picnews ul li a:hover p{ top:160px; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/-moz-opacity:0; /*Firefox私有，透明度50%*/opacity:0;/*其他，透明度50%*/}

	.picnews ul li a:hover i{ top:0; height:160px;}



.brand{}

	.brand ul{ margin:0 -10px;}

	.brand ul li{ float:left; width:180px; height:66px; background:#FFF; padding:2px; margin:0 10px 20px;}

	.brand ul li a{ display:block;}

	.brand ul li a img{ width:180px; height:66px; transition:all ease-out 0.3s;}

	.brand ul li a:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}





/*新增*/


.products{text-align:center;margin-bottom:60px;}
	.products h3{font-size:30px;line-height:40px;font-weight:normal;margin-bottom:10px;}
	.products p{margin-bottom:30px;}
	.products a{}
	.products ul {}
	/*skill list*/
	.clearfix{
		display: flex;
		flex-wrap: wrap;
	}
	#skill_list{
		border: solid 1px #F1F1F1;
        display: flex;
        flex-direction: column;
        border-bottom: none;
        margin-top: -10px;
        border-bottom: 1px solid #F1F1F1;
        position: relative;
        padding: 0;
	}
	#skill_list li{
		border-bottom: 1px solid #F1F1F1;
		line-height: 40px;
	}
	.clearfix li:hover #bottom_btn{
		background-color: #519BE6
	}
	#skill_list>li:hover{
		background-color: #519BE6;
	}
	#skill_list b{
		margin-right: 5px;
	}
	#bottom_btn{
	width: 45px;
    height: 45px;
    border: 1px #519BE6 solid!important;
    border-radius: 50%;
    font-size: 18px;
    position: relative;
    left: 50%;
    bottom: -10px;
    transform: translate(-50%,13px);
	}
	#bottom_btn a{
		width: 25px;
		height: 25px;
		border-radius: 50%;
		display: block;
		background: #519BE6;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		color: #fff;
		line-height: 22px;
	}
/*skill_list End*/
	.products li{float:left;width:235px;margin-right:20px;/*margin-bottom:20px*/;position: relative;}
	.products li:nth-of-type(4n){margin-right:0;}
	.products li img{margin-bottom:10px;width:235px;height:160px;background:#eee;filter: brightness(0.5);}
	.products li h4{font-weight:normal;font-size:18px;line-height:30px;padding:5px 0;color:#fff;position: absolute;top: 20%;left: 50%;transform: translate(-50%,-50%);width: 144px; }
	.products li h4::after{
		display: block;
		content: "";
		width: 40px;
		height: 1px;
		background: #fff;
		position: absolute;
		bottom:  -13%;
		left: 50%;
		transform: translate(-50%);
	}

.about{margin-bottom:60px;}
	.about h3{font-size:30px;line-height:40px;font-weight:normal;margin-bottom:30px;text-align:center;}
	.aboutvideo{float:right;width:420px;height:270px;}
		.aboutvideo img{width:420px;height:270px;}
	.aboutcon{float:left;width:540px;}
		.aboutcon dl{}
		.aboutcon dt{font-size:20px;line-height:28px;margin-bottom:20px;color:#112885;}
		.aboutcon dt span{font-size:16px;padding-left:20px;color:#999;}
		.aboutcon dd{color:#666;height:200px;}
		.aboutcon p{}


.news{margin-bottom:60px;}
.newstitle{text-align:center;margin-bottom:20px;}
.newstitle h3{font-size:28px;line-height:36px;font-weight:normal;color:#112885;}
.newsclass{text-align:center;margin-bottom:20px;}
.newsclass a{display:inline-block;margin:0 10px;font-size:18px;line-height:30px;}
.newscovoer{float:left;width:360px;padding-right: 15px;}
.newscovoer figure img{width:360px;height:250px;}
.newslist{float:right;width:600px;}
.newslist{line-height:30px;}

	.newslist dl{height:80px;border-bottom:1px dashed #ddd;padding-bottom:9px;margin-bottom:10px;}
	.newslist dt{font-weight:bold;}
	.newslist dt a{color:#112885;}
	.newslist dd{font-size:12px;line-height:20px;color:#999;}
	.newslist ul{height:150px;}

	.newslist li{}

	.newslist li a{ display:block;}

	.newslist li span{float:right;font-size:12px;color:#999;}

}

@media only screen and (min-width:721px) and (max-width:1000px){

.freestuff{ display:none;}

.bannerslider{ width:100%;position:relative; border-bottom:1px solid #eee; margin-bottom:20px;}

.bannerslider .bd{ text-align:center; width:100%;}

.bannerslider .bd ul{ margin:0; width:100%;}

.bannerslider .bd ul li{ width:100%; background-position:center center;}

.bannerslider .hd{ position:absolute; z-index:2; bottom:10px; left:0; width:100%;}

.bannerslider .hd ul{ text-align:center;}

.bannerslider .hd ul li{ display:none;}

.bannerslider span{ position:absolute; top:45%; background:#333; color:#fff; width:30px; height:30px; font-family:arial; font-size:24px; line-height:30px; font-weight:bold; text-align:center; filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/ cursor:pointer;}

.bannerslider .prev{ left:0;}

.bannerslider .next{ right:0;}



.hometitle{ position:relative; font-size:30px; line-height:110%; text-align:center; padding:0 0 30px;}

	.hometitle a.more{ position:absolute; right:20px; bottom:10px; border-radius:10px; border:1px solid #ccc; font-size:12px; color:#ccc; line-height:15px; padding:0 10px 3px;}



.solution{ padding:0 0 20px 20px;}

.solution ul{}

.solution ul:after{ display:block; content:''; height:0; visibility:hidden;}

.solution ul li{ float:left; width:50%; text-align:center; margin-bottom:20px;}

.solution ul li a{ display:block; background:#f9f9f9; padding:10px 0; margin-right:20px; border:1px solid #eee;}

.solution ul li a img{ width:90px; height:90px; margin-bottom:10px; transition:all ease-out 0.3s;}

.solution ul li a:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}

.solution ul li a h3{ font-size:14px; color:#666; font-weight:normal;}

.solution ul li a p{ font-size:12px; color:#999;}







.hotpicnews{ padding:0 0 0 20px;}

	.hotpicnews a{ position:relative; overflow:hidden; display:block; width:100%;}

	.hotpicnews a .img{ float:left; width:50%;}

	.hotpicnews a .img span{ display:block; padding-right:20px;}

	.hotpicnews a img{}

	.hotpicnews a .info{ float:right; width:50%;}

	.hotpicnews a h3{ font-size:14px; font-weight:normal; margin-bottom:10px; padding-right:20px;}

	.hotpicnews a p{ padding-bottom:10px; color:#999; font-size:12px; padding-right:20px;}

	.hotpicnews a strong{ font-size:12px; font-weight:normal; padding-right:20px;}

	.hotpicnews a i{display:none;}



.picnews{ padding:20px 0 20px 20px;}

	.picnews ul:after{ display:block; content:''; height:0; visibility:hidden;}

	.picnews ul li{ float:left; width:50%; margin-bottom:10px;}

	.picnews ul li a{ display:block; padding-right:20px;}

	.picnews ul li a img{ width:100%;}	

	.picnews ul li a h3{ font-size:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:normal;}

	.picnews ul li a strong{ display:none;}

	.picnews ul li a p{ display:none;}

	.picnews ul li a i{ display:none;}	



.brand{ padding:0 20px 40px;}

	.brand ul{ background:#f3f3f3;}

	.brand ul li{ float:left; width:31%; padding:1%;}

	.brand ul li:nth-child(3),.brand ul li:nth-child(6),.brand ul li:nth-child(9),.brand ul li:nth-child(12){ width:32%;}

	.brand ul li img{ transition:all ease-out 0.3s; width:100%;}

	.brand ul li img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}



/*新增*/


.products{text-align:center;}
	.products h3{font-size:30px;line-height:40px;font-weight:normal;margin-bottom:10px;}
	.products p{margin-bottom:30px;}
	.products a{}
	.products ul{padding:0 2%;}
	.products li{float:left;width:21%;margin:0 2%;margin-bottom:20px;position: relative;}
	.products li:nth-of-type(4n){margin-right:0;}
	.products li img{margin-bottom:10px;width:100%;background:#eee;filter: brightness(0.5);}
	.products li h4{font-weight:normal;padding:5px 0;position: absolute;top: 15%;left: 50%;transform: translate(-50%);color: #fff;width: 112px;}
	.products li h4::after{
		display: block;
		content: "";
		width: 40px;
		height: 1px;
		background: #fff;
		position: absolute;
		bottom:  -13%;
		left: 50%;
		transform: translate(-50%);
	}
	/*skill list*/
	.clearfix{
		display: flex;
		flex-wrap: wrap;
	}
	#skill_list{
		display: flex;
		
		flex-direction: column;
		align-items: center;
		border: 1px solid #F1F1F1;
		position: relative;
		padding: 0;
		top: -10px;
	}
	#skill_list li{
		width: 100%;
		border-bottom: 1px solid #F1F1F1;
		margin: 0;
		line-height: 35px;
	}
	#bottom_btn{
		width: 35px!important;
		height: 35px;
		border:1px solid #519BE6!important;
		border-radius: 50%;
		position: relative;
		bottom: -10px;
	}
	#bottom_btn a{
		display: block;
		width: 25px;
		height: 25px;
		background: #519BE6;
		color: #fff;
		border-radius: 50%;
		margin: 50% auto;
		transform: translate(0,-50%);
		line-height: 25px;
	}
	.clearfix li:hover #bottom_btn{
		background-color: #519BE6;
	}
	#skill_list li:hover{
		background-color: #519BE6;
	}
	/*skill_list End*/
.about{margin-bottom:40px;padding:0 20px;}
	.about h3{font-size:30px;line-height:40px;font-weight:normal;margin-bottom:30px;text-align:center;}
	.video{}
		.video img{width:100%;}
	.aboutcon{background:#f1f1f1;padding:40px;}
		.aboutcon dl{}
		.aboutcon dt{font-size:20px;line-height:30px;margin-bottom:20px;font-weight:bold;}
		.aboutcon dd{}
		.aboutcon dd:nth-of-type(1){margin-bottom:38px;}
		.aboutcon dd:nth-of-type(2) a{display:inline-block;padding:5px 30px;border:1px solid #ddd;}

.contact{ background:#c3c3c3; padding:30px 0 0;}

	.contactinfo{ float:left; margin-right:60px;}



.newslist{ padding-bottom:40px;}

	.newslist ul{ padding:0 10px;}

	.newslist li{ float:left; width:50%; margin-bottom:20px;}

	.newslist li a{ display:block; padding:0 10px;}

	.newslist li a img{ display:block; margin-bottom:10px;}

	.newslist li a h4{ font-size:14px; font-weight:normal; padding-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.newslist li a p{ font-size:12px; margin-bottom:10px;}

	.newslist li a p span{ float:right; background:url(../image/see.png) no-repeat left center; padding-left:20px;}

	.newslist li a p:after{ display:block; content:''; clear:both; height:0px; visibility:hidden;}	

	.newslist li a p.date{ color:#ccc; background:url(../image/time.png) no-repeat left center; padding-left:20px;}

	.newslist li a p.summary{ color:#999;}

}

@media only screen and (min-width:461px) and (max-width:720px){

.freestuff{ display:none;}

.bannerslider{ width:100%;position:relative; border-bottom:1px solid #eee; margin-bottom:20px;}

.bannerslider .bd{ text-align:center; width:100%;}

.bannerslider .bd ul{ margin:0; width:100%;}

.bannerslider .bd ul li{ width:100%; background-position:center center;}

.bannerslider .hd{ position:absolute; z-index:2; bottom:10px; left:0; width:100%;}

.bannerslider .hd ul{ text-align:center;}

.bannerslider .hd ul li{ display:none;}

.bannerslider span{ position:absolute; top:45%; background:#333; color:#fff; width:30px; height:30px; font-family:arial; font-size:24px; line-height:30px; font-weight:bold; text-align:center; filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/ cursor:pointer;}

.bannerslider .prev{ left:0;}

.bannerslider .next{ right:0;}



.hometitle{ position:relative; font-size:30px; line-height:110%; text-align:center; padding:0 0 30px;}

	.hometitle a.more{ position:absolute; right:20px; bottom:10px; border-radius:10px; border:1px solid #ccc; font-size:12px; color:#ccc; line-height:15px; padding:0 10px 3px;}



.solution{ padding:0 0 20px 20px;}

.solution ul{}

.solution ul:after{ display:block; content:''; height:0; visibility:hidden;}

.solution ul li{ float:left; width:50%; text-align:center; margin-bottom:20px;}

.solution ul li a{ display:block; background:#f9f9f9; padding:10px 0; margin-right:20px; border:1px solid #eee;}

.solution ul li a img{ width:90px; height:90px; margin-bottom:10px; transition:all ease-out 0.3s;}

.solution ul li a:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}

.solution ul li a h3{ font-size:14px; color:#666; font-weight:normal;}

.solution ul li a p{ font-size:12px; color:#999;}







.hotpicnews{ padding:0 20px 20px;}

	.hotpicnews a{ position:relative; overflow:hidden; display:block; width:100%;}

	.hotpicnews a .img{}

	.hotpicnews a .img span{ display:block;}

	.hotpicnews a img{ width:100%;}

	.hotpicnews a .info{}

	.hotpicnews a h3{ font-size:14px; font-weight:normal; margin-bottom:10px;}

	.hotpicnews a p{ padding-bottom:10px; color:#999; font-size:12px;}

	.hotpicnews a strong{ font-size:12px; font-weight:normal;}

	.hotpicnews a i{display:none;}



.picnews{ padding:20px 0 20px 20px;}

	.picnews ul:after{ display:block; content:''; height:0; visibility:hidden;}

	.picnews ul li{ float:left; width:50%; margin-bottom:10px;}

	.picnews ul li a{ display:block; padding-right:20px;}

	.picnews ul li a img{ width:100%;}	

	.picnews ul li a h3{ font-size:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:normal;}

	.picnews ul li a strong{ display:none;}

	.picnews ul li a p{ display:none;}

	.picnews ul li a i{ display:none;}	



.brand{ padding:0 20px 40px;}

	.brand ul{ background:#f3f3f3;}

	.brand ul li{ float:left; width:31%; padding:1%;}

	.brand ul li:nth-child(3),.brand ul li:nth-child(6),.brand ul li:nth-child(9),.brand ul li:nth-child(12){ width:32%;}

	.brand ul li img{ transition:all ease-out 0.3s; width:100%;}

	.brand ul li img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}



/*新增*/

.products{text-align:center;}
	.products h3{font-size:30px;line-height:40px;font-weight:normal;margin-bottom:10px;}
	.products p{margin-bottom:30px;}
	.products a{}
	.products ul{padding:0 2%;}
	.products li{float:left;width:46%;margin:0 2%;margin-bottom:20px;position: relative;}
	.products li img{margin-bottom:10px;width:100%;background:#eee;filter: brightness(0.5);}
	.products li h4{font-weight:normal;padding:5px 0;position: absolute;top: 30%;left: 50%;transform: translate(-50%);color: #fff}
	.products li h4::after{
		display: block;
		content: "";
		width: 40px;
		height: 1px;
		background: #fff;
		position: absolute;
		bottom:  -13%;
		left: 50%;
		transform: translate(-50%);
	}
	/*skill_lsit*/
	.clearfix{
		display: flex;
		flex-wrap: wrap;
	}
	#skill_list{
		display: flex;
		flex-direction: column;
		padding:0;
		border:1px solid #F1F1F1;
		position: relative;
		top: -10px;
		
	}
	#skill_list li{
		width: 100%;
		border-bottom: 1px solid #F1F1F1;
		margin: 0;
		line-height: 35px;
	}
	#bottom_btn{
		width: 35px!important;
		height: 35px;
		border:1px solid #519BE6!important;
		border-radius: 50%;
		position: relative;
		bottom: -10px;
		left: 50%;
		transform: translate(-50%,0);
	}
	#bottom_btn a{
		display: block;
		width: 25px;
		height: 25px;
		background: #519BE6;
		color: #fff;
		border-radius: 50%;
		margin: 50% auto;
		transform: translate(0,-50%);
		line-height: 25px;
	}
	.clearfix li:hover #bottom_btn{
		background-color: #519BE6;
	}
	#skill_list li:hover{
		background-color: #519BE6;
	}
.about{margin-bottom:40px;padding:0 20px;}
	.about h3{font-size:30px;line-height:40px;font-weight:normal;margin-bottom:30px;text-align:center;}
	.video{}
		.video img{width:100%;}
	.aboutcon{background:#f1f1f1;padding:40px;}
		.aboutcon dl{}
		.aboutcon dt{font-size:20px;line-height:30px;margin-bottom:20px;font-weight:bold;}
		.aboutcon dd{}
		.aboutcon dd:nth-of-type(1){margin-bottom:38px;}
		.aboutcon dd:nth-of-type(2) a{display:inline-block;padding:5px 30px;border:1px solid #ddd;}

.contact{ background:#c3c3c3; padding:30px 0 0;}

	.contactinfo{ float:left; margin-right:60px;}



.newslist{ padding-bottom:40px;}

	.newslist ul{ padding:0 10px;}

	.newslist li{ float:left; width:50%; margin-bottom:20px;}

	.newslist li a{ display:block; padding:0 10px;}

	.newslist li a img{ display:block; margin-bottom:10px;}

	.newslist li a h4{ font-size:14px; font-weight:normal; padding-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.newslist li a p{ font-size:12px; margin-bottom:10px;}

	.newslist li a p span{ float:right; background:url(../image/see.png) no-repeat left center; padding-left:20px;}

	.newslist li a p:after{ display:block; content:''; clear:both; height:0px; visibility:hidden;}	

	.newslist li a p.date{ color:#ccc; background:url(../image/time.png) no-repeat left center; padding-left:20px;}

	.newslist li a p.summary{ color:#999;}

}



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

.freestuff{ display:none;}

.bannerslider{ width:100%;position:relative; border-bottom:1px solid #eee; margin-bottom:20px;}

.bannerslider .bd{ text-align:center; width:100%;}

.bannerslider .bd ul{ margin:0; width:100%;}

.bannerslider .bd ul li{ width:100%; background-position:center center;}

.bannerslider .hd{ position:absolute; z-index:2; bottom:10px; left:0; width:100%;}

.bannerslider .hd ul{ text-align:center;}

.bannerslider .hd ul li{ display:none;}

.bannerslider span{ position:absolute; top:45%; background:#333; color:#fff; width:30px; height:30px; font-family:arial; font-size:24px; line-height:30px; font-weight:bold; text-align:center; filter:alpha(opacity=70); /*IE滤镜，透明度50%*/-moz-opacity:0.7; /*Firefox私有，透明度50%*/opacity:0.7;/*其他，透明度50%*/ cursor:pointer;}

.bannerslider .prev{ left:0;}

.bannerslider .next{ right:0;}



.hometitle{ position:relative; font-size:30px; line-height:110%; text-align:center; padding:0 0 30px;}

	.hometitle a.more{ position:absolute; right:20px; bottom:10px; border-radius:10px; border:1px solid #ccc; font-size:12px; color:#ccc; line-height:15px; padding:0 10px 3px;}



.solution{ padding:0 20px 20px;}

.solution ul{}

.solution ul:after{ display:block; content:''; height:0; visibility:hidden;}

.solution ul li{ text-align:center; padding-bottom:20px;}

.solution ul li a{ display:block; background:#f9f9f9; padding:10px 0; border:1px solid #eee;}

.solution ul li a img{ width:90px; height:90px; margin-bottom:10px; transition:all ease-out 0.3s;}

.solution ul li a:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}

.solution ul li a h3{ font-size:14px; color:#666; font-weight:normal;}

.solution ul li a p{ font-size:12px; color:#999;}







.hotpicnews{ padding:0 20px 20px;}

	.hotpicnews a{ position:relative; overflow:hidden; display:block; width:100%;}

	.hotpicnews a .img{ width:100%;}

	.hotpicnews a .img span{ display:block;}

	.hotpicnews a img{}

	.hotpicnews a .info{}

	.hotpicnews a h3{ font-size:14px; font-weight:normal; margin-bottom:10px;}

	.hotpicnews a p{ color:#999; font-size:12px;}

	.hotpicnews a strong{ font-size:12px; font-weight:normal;}

	.hotpicnews a i{display:none;}



.picnews{ }

	.picnews ul{ padding:0 10px;}

	.picnews ul:after{ display:block; content:''; height:0; visibility:hidden;}

	.picnews ul li{ padding:0 10px 20px;}

	.picnews ul li a{ display:block;}

	.picnews ul li a img{ width:100%;}	

	.picnews ul li a h3{ font-size:100%; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:normal;}

	.picnews ul li a strong{ font-size:12px; font-weight:normal;}

	.picnews ul li a p{ font-size:12px; color:#999;}

	.picnews ul li a i{ display:none;}	



.brand{ padding:0 20px 40px;}

	.brand ul{ background:#f3f3f3;}

	.brand ul li{ float:left; width:31%; padding:1%;}

	.brand ul li:nth-child(3),.brand ul li:nth-child(6),.brand ul li:nth-child(9),.brand ul li:nth-child(12){ width:32%;}

	.brand ul li img{ transition:all ease-out 0.3s; width:100%;}

	.brand ul li img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);	/* Safari 和 Chrome */ -moz-transform: rotateY(180deg);	/* Firefox */}



/*新增*/

.products{text-align:center;}
	.products h3{font-size:30px;line-height:40px;font-weight:normal;margin-bottom:10px;}
	.products p{margin-bottom:30px;padding:0 20px;}
	.products a{}
	.products ul{padding:0 2%;}
	.products li{width:96%;margin:0 2%;margin-bottom:20px;position: relative;}
	.products li img{margin-bottom:10px;width:100%;background:#eee;filter: brightness(0.5);}
	.products li h4{font-weight:normal;padding:5px 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%);color: #fff}
	.products li h4::after{
		display: block;
		content: "";
		width: 40px;
		height: 1px;
		background: #fff;
		position: absolute;
		bottom:  -13%;
		left: 50%;
		transform: translate(-50%);
	}

.about{margin-bottom:40px;padding:0 20px;}
	.about h3{font-size:30px;line-height:40px;font-weight:normal;margin-bottom:30px;text-align:center;}
	.video{}
		.video img{width:100%;}
	.aboutcon{margin-bottom:20px;}
		.aboutcon dl{}
		.aboutcon dt{font-size:20px;line-height:30px;margin-bottom:10px;font-weight:bold;}
		.aboutcon dt span{display:block;}
		.aboutcon dd{}
		.aboutcon dd:nth-of-type(1){margin-bottom:10px;}
		.aboutcon dd:nth-of-type(2) a{display:inline-block;padding:5px 30px;border:1px solid #ddd;}

.contact{ background:#f1f1f1; padding:30px 0;}

	.contactinfo{ float:left; margin-right:60px;}


.news{padding:0 20px;}
.newstitle{text-align:center;margin-bottom:20px;}
.newstitle h3{font-size:28px;line-height:36px;font-weight:normal;color:#112885;}
.newsclass{text-align:center;margin-bottom:20px;}
.newsclass a{display:inline-block;margin:0 10px;font-size:18px;line-height:30px;}
.newscovoer{margin-bottom:10px;}
.newscovoer figure img{width:100%;}
.newslist{}
.newslist{line-height:30px;}
	.newslist dl{border-bottom:1px dashed #ddd;padding-bottom:9px;margin-bottom:10px;}
	.newslist dt{font-weight:bold;}
	.newslist dt a{color:#112885;}
	.newslist dd{font-size:12px;line-height:20px;color:#999;}
	.newslist ul{}
	.newslist li{}
	.newslist li a{ display:block;}
	.newslist li span{float:right;font-size:12px;color:#999;}

}