@charset "utf-8";
/* CSS Document */

.section-2{ background:linear-gradient(236deg, #266ab7, #2e7ec3 17%, #348fcd);}
.section-3{ background:url(../images/bg1.jpg) no-repeat 0 0; background-size:cover;}
.section-5{ background:url(../images/bg.jpg) no-repeat 0 0;}
.section-6{ background:#222;}

.swiper-container1g{
	padding-bottom: 60px!important;
}
.swiper-container1g .swiper-pagination{
	text-align: left;

}
.swiper-container1g .swiper-pagination-bullet{
	opacity: 1!important;
	width: 20px;
	position: relative;
	height: 20px;
	background-image: url("../images/newyh.png");
	background-size: 100% 100%;
	margin: 0 20px!important;
}
.swiper-container1g .swiper-pagination-bullet:last-of-type::before{
	display: none;
}
.swiper-container1g .swiper-pagination-bullet:last-of-type:after{
	display: none;
}
.swiper-container1g .swiper-pagination-bullet:before{
	background-color:#7B7B7B ;
	content: "";
	width: 40px;
	height: 4px;
	left: 20px;
	top: 8px;
	display: block;
	position: absolute;
}
.swiper-container1g .swiper-pagination-bullet:after{
	background-color:white ;
	content: "";
	width: 0px;
	height: 4px;
	left: 20px;
	top: 8px;
	display: block;
	transform: unset;
	position: absolute;
	transition:unset;
}
.pro_more_btngg{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 115;
}
@media screen and (max-width: 768px){
	.pro_more_btngg{
		display: none;
	}
}
.swiper-container1g .swiper-pagination-bullet-active1{
	background-image: url("../images/newyb.png");
	background-size: 100% 100%;
}
.swiper-container1g .swiper-pagination-bullet-active1:after{
	width: 40px;
	transition:all linear 3s;
}

.btn {
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    background:#338ecd;
    color: #fff;
    border: 2px solid #338ecd;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: color .15s ease 0s;
    -o-transition: color .15s ease 0s;
    -webkit-transition: color .15s ease;
    -webkit-transition-delay: 0s;
    transition: color .15s ease 0s;
    position: relative;
    z-index: 1;
	transition:all ease 0.5s;
}
.btn i{ display:inline-block; width:24px; height:9px; margin-left:50px; background:url(../images/more_arrow.png) no-repeat 0 0;}
.btn:before{ position:absolute; top:0px;left:0px;width:0;height:40px;background:#fff;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;content:"";-moz-transition:width .15s ease 0s;-o-transition:width .15s ease 0s;-webkit-transition:width .15s ease;-webkit-transition-delay:0s;transition:width .15s ease 0s;z-index:-1}
.btn:hover{ color:#338ecd; text-indent:20px;}
.btn:hover i{ background:url(../images/more_arrow1.png) no-repeat 0 0;}
.btn:hover:before{ width:200px}

.pro_more_btn{ margin-top:30px; background:none; border:1px solid #fff; border-radius:40px; overflow:hidden;}
.pro_more_btn:hover i{ background:url(../images/more_arrow1.png) no-repeat 0 0;}

.pro_more_btn1{ width:140px; height:32px; line-height:32px; font-size:14px; margin-top:30px; border-radius:32px; overflow:hidden;}
.pro_more_btn1 i{ margin-left:10px;}
.pro_more_btn1:before{ background:#fff;}

@media (max-width: 640px){
	.pro_more_btn{ width:150px; height: 28px; line-height: 28px;font-size: 14px; margin-top:10px; border-radius:28px;}
	.pro_more_btn i{ margin-left:20px;}
}

.detail_btn{}
.detail_btn:before{ position:absolute; top:-2px; left:-2px; height:44px; background:#FFB619;}
.detail_btn:hover{ color:#fff;}
.detail_btn:hover:before{ width:204px}
.detail_btn:hover i{ background:url(../images/more_arrow.png) no-repeat 0 0;}


a.cd-search-trigger{ width:30px; height:30px; float:right; margin:35px 20px 0 0; background:url(../images/search_btn.png) no-repeat center center;}

@media only screen and (max-width: 1199px) {
	a.cd-search-trigger {
		margin: 10px 20px 0 0;
	}
}

/* 头部弹出菜单 */
.show-menu-info{ width:460px; height:0; position:fixed; background:rgba(0,0,0,0.9); z-index:1000; right:0; top:100px; opacity:0; -webkit-transform:scale(0); transform:scale(0);-webkit-transform-origin:86% -12px; -ms-transform-origin:86% -12px; transform-origin:86% -12px; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.show-menu-info:before{ content:""; display:block; position:absolute; width:0; height:0; border-color:transparent; border-width:8px; border-style:solid; bottom:100%; right:30px;border-bottom-color: rgba(0,0,0,1);}
.show-menu-info.show{ height:auto; opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}

.search_box{ width:400px; padding:10px 30px 20px 50px;}
.search_box a.search_btn{ width:80px; line-height:42px; font-size:16px; color:#fff; float:left; text-align:center; display:block; border:none;}
.search_box a.search_btn:hover{ color:#f90;}
.search_box input{ width:300px; line-height:42px; float:left; color:#fff; font-size:14px; border:none; border-bottom:1px #fff solid;}

@media only screen and (max-width: 1199px) {
	.show-menu-info{ top:50px;}
	.show-menu-info:before{ right:75px;}
}
@media only screen and (max-width: 480px) {
	.show-menu-info{ width:100%;}
	.search_box{ width:100%; padding:10px 0 10px 20px; box-sizing:border-box;}
	.search_box a.search_btn{ width:20%; }
	.search_box input{ width:80%;}
}


.scroll_btn{width:18px;height: 38px;border-radius: 20px;border:1px solid #fff; position: absolute;left: 50%;bottom:15px;margin-left:-10px;cursor: pointer;z-index: 9; display:none;}
.scroll_btn span{ width: 4px;height: 4px;position: absolute;left:50%; margin-left: -2px;top:8px; background: #fff;border-radius: 50%;-webkit-animation: srcollDown 2s infinite ease-in-out; -o-animation: srcollDown 2s infinite ease-in-out;  -moz-animation: srcollDown 2s infinite ease-in-out; animation: srcollDown 2s infinite ease-in-out;}
@media screen and (max-width: 640px) {
	.scroll_btn{ display: block;}
}


.banner{ position: relative;overflow: hidden;}
.banner li{position: relative;overflow: hidden;}
.banner .bxslider{overflow: hidden;position: relative;}
.banner_info{ margin: 0 auto;}
.banner .banner_info{height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1;}

.banner .tb{ color: #fff;}
.tb { display: table; height: 100%;width: 100%; } 
.tb_c { width: 100%; display: table-cell; vertical-align: middle;}
.banner .txt{ max-width: 1000px; font-size: 16px; text-align:center; line-height: 24px; margin:-70px auto 0 !important;}
.banner .txt img{ margin:0 auto;}
.banner .line{width: 100%; height: 1px;background:#fff;opacity: 0.3; margin: 15px 0; box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
.banner h4{ font-size:24px; margin-bottom:10px; text-shadow:1px 1px 2px rgba(0,0,0,0.2);}
.banner p{ font-size: 15px; line-height: 24px; text-shadow:1px 1px 2px rgba(0,0,0,0.2);}

@media screen and (max-width: 640px) {
	.banner h4{ font-size:16px;}
}

.banner .btn{ width:18px; height:38px; border-radius:20px; border:1px solid #fff; position: absolute; left:50%; bottom:15px; margin-left:-10px; cursor: pointer; z-index:9;}
.banner .btn span{width: 4px;height: 4px;position: absolute;left:50%;margin-left: -2px;top:8px;background: #fff;border-radius: 50%;-webkit-animation: moveDown 2s infinite ease-out; -o-animation: moveDown 2s infinite ease-out;  -moz-animation: moveDown 2s infinite ease-out; animation: moveDown 2s infinite ease-out;}

.banner .bx-controls{ position: absolute; width: 200px; height: 10px; left:50%; bottom:15%; margin-left: -100px; display: table; }
.banner .bx-wrapper .bx-pager{ width:200px; position: initial; display: table-cell;vertical-align: middle; height: 100%;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{ background: #fff; opacity: 0.5; margin-bottom: 10px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.banner .bx-wrapper .bx-pager.bx-default-pager a.active{ width: 25px; height:10px;opacity: 1;}

.banner .bx-controls-direction{display: none;}
.banner .imgs,.banner .m_imgs{position: absolute;width: 100%;height: 100%; background-size: cover; background-size: auto 100%\9; background-position: center center;-webkit-transform: scale(1.12);-moz-transform: scale(1.12);-o-transform: scale(1.12);-ms-transform: scale(1.12);transform: scale(1.12); z-index:0;}
.banner .m_imgs{display: none;}
.banner .active .imgs,.banner .active .m_imgs{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transition: all 6s ease;-webkit-transition: all 6s ease;-o-transition: all 6s ease;-moz-transition: all 6s ease;-ms-transition: all 6s ease;}

/***************** case_box *****************/
#application_box{ height:100%; position:relative;}
#application_box ul li{ width:25%; height:100vh; float:left; overflow:hidden;}
#application_box ul li.li1{ width:50%;}
#application_box ul li dl dd{ width:50%; height:50vh; float:left; overflow:hidden;}
#application_box ul li dl dd.first{ width:100%;}
#application_box ul li.li1 dl dd{ float:left;}
#application_box ul li.li2 dl dd{ width:100%; height:100vh;}
#application_box ul li.li3 dl dd{ width:100%; height:50vh;}
#application_box ul li a{ width:100%; height:100%; display:block; float:left; position:relative;}

#application_box ul li a .info{ width:100%; height: 100%; padding:0 10px; position: absolute; top: 0; left: 0; z-index: 1; background:rgba(0,0,0,0.5); transition: all 2s ease;-webkit-transition: all 2s ease;-o-transition: all 2s ease;-moz-transition: all 2s ease;-ms-transition: all 2s ease; box-sizing:border-box;}
#application_box ul li a:hover .info{ background:rgba(0,0,0,0);}

#application_box ul li .txt{ text-align:center;}
#application_box ul li p{ font-size:36px; color:#fff; margin-top:10px;}
#application_box ul li a .imgs{ position:absolute; width:100%; height:100%; background-size: cover; background-size: auto 100%\9; background-position: center center;- webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); z-index:0; transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;}
#application_box ul li a:hover .imgs{-webkit-transform: scale(1.12);-moz-transform: scale(1.12);-o-transform: scale(1.12);-ms-transform: scale(1.12);transform: scale(1.12);}

.active #application_box ul li.li1 dl dd{ -webkit-animation:fadeInUp 1s 1s both; -moz-animation:fadeInUp 1s 1s both; animation:fadeInUp 1s 1s both;}
.active #application_box ul li.li1 dl dd:nth-child(2){ -webkit-animation:fadeInUp 1s 1.3s both; -moz-animation:fadeInUp 1s 1.3s both; animation:fadeInUp 1s 1.3s both;}
.active #application_box ul li.li1 dl dd:nth-child(3){ -webkit-animation:fadeInUp 1s 1.6s both; -moz-animation:fadeInUp 1s 1.6s both; animation:fadeInUp 1s 1.6s both;}
.active #application_box ul li.li2{ -webkit-animation:fadeInUp 1s 1.3s both; -moz-animation:fadeInUp 1s 1.3s both; animation:fadeInUp 1s 1.3s both;}
.active #application_box ul li.li3 dl dd{ -webkit-animation:fadeInUp 1s 1.6s both; -moz-animation:fadeInUp 1s 1.6s both; animation:fadeInUp 1s 1.6s both;}
.active #application_box ul li.li3 dl dd:nth-child(2){ -webkit-animation:fadeInUp 1s 1.9s both; -moz-animation:fadeInUp 1s 1.9s both; animation:fadeInUp 1s 1.9s both;}

@media (max-width: 769px){
	#application_box ul li{ width:100vh;}
	#application_box ul li.li1{ width:50%; height:100vh;}
	#application_box ul li.li2{ width:50%; height:34vh;}
	#application_box ul li.li3{ width:50%; height:66.66vh;}
	#application_box ul li dl dd{ width:100%; height:34vh;}
	#application_box ul li dl dd.first{ height:34vh;}
	#application_box ul li.li2 dl dd{ width:100%; height:34vh;}
	#application_box ul li.li3 dl dd{ width:100%; height:34vh;}
}
@media (max-width: 750px){
	#application_box ul li .txt img{ width:40px;}
	#application_box ul li p{ font-size:18px;}
}
@media (max-width: 640px){
}

/***************** news_box *****************/
.box .title{ text-align: center;line-height: 1.5; text-transform: uppercase; padding-bottom: 30px; margin:80px 0 50px; background: url("../images/ico_04.png") center bottom no-repeat;}
.box .title h3{ color: #fff; font-size:36px; font-weight: bold; }
.box .title h3 span{ display: block; font-size:24px; font-family: arial, helvetica, sans-serif;}

@media (max-width: 480px){
	.box .title{ margin:30px 0;}
	.box .title h3{  font-size:24px; }
	.box .title h3 span{ font-size:14px;}
}

.news_box{ width:80vw!important; padding-top:50px; margin:0 auto;max-width: 1400px}
.news_box ul li,.news_box .li{ width:28%; height:11.875vw; margin:0 0 20px 1.5%; float:left; overflow:hidden; position:relative;}
.news_box .li{ width: 100%!important; height:11.875vw; margin:0 0 0 0; float:left; overflow:hidden; position:relative;}
.news_box ul li .pic,.news_box .li .pic{
    width: 100%;
    height: 100%;
    -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
    transition: all 1s cubic-bezier(.19,1,.22,1);
	position:relative;
}
.news_box ul li .pic span,.news_box .li .pic span{ width:110%; height:60%; display:block; position:absolute; bottom:0; left:0;
	background-image:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
	background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
}
.news_box ul li:hover .pic,.news_box .li:hover .pic{ margin-left:-20px}
.news_box ul li:hover .pic span,.news_box .li:hover .pic span{
	background-image:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0));
	background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0));
}
.news_box ul li .pic,.news_box .li .pic img{
	transition-duration: .5s;
	width: 100%;
}
.news_box ul li:hover .pic,.news_box .li:hover .pic img{
	transform: scale(1.03);
}
.news_box ul li .info ,.news_box .li .info {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0;
    padding: 0;
}
.news_box ul li .info .info_con ,.news_box .li .info .info_con {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0px;
    min-height: 80px;
    padding: 0 40px;
	box-sizing:border-box;
	
    -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
    transition: all 1s cubic-bezier(.19,1,.22,1);
}
.news_box ul li .info:hover .info_con,.news_box ul li .info:hover .info_con{
    margin-bottom: 20px;
}
.news_box ul li:nth-child(1) .info .info_con{}
.news_box ul li:nth-child(1) .info:hover .info_con,.news_box .li:nth-child(1) .info:hover .info_con{ margin-bottom: 30px;}

.news_box ul li .info a,.news_box .li .info a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	left: 0;
	top: 0;
	text-decoration: none;
	box-sizing:border-box;
}
.news_box ul li .info:hover a,.news_box .li .info:hover a {
	background: rgba(0,0,0,.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a8000000", endColorstr="#a8000000", GradientType=0);
	text-decoration: none
}
.news_box ul li .info h3,.news_box .li .info h3 {
	font-size:16px;
	margin-bottom: 10px;
	line-height: 1.2;
	position: relative;
	opacity: 1;
	color: #fff;
	/*-webkit-transform: translateY(60%);
	transform: translateY(60%)*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.news_box ul li:nth-child(1) .info h3,.news_box .li:nth-child(1) .info h3{ font-size:20px; }
.news_box ul li .info a,.news_box ul li .info h3,.news_box ul li .info p {
	-webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
	transition: all 1s cubic-bezier(.19, 1, .22, 1)
}
.news_box .li .info a,.news_box .li .info h3,.news_box .li .info p {
	-webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
	transition: all 1s cubic-bezier(.19, 1, .22, 1)
}
.news_box ul li .info p,.news_box .li .info p {
	position: relative;
	-webkit-transform: translateY(80%);
	transform: translateY(80%);
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	color: #fff;
	line-height: 1.5;
	width: 100%;
	display:none;
}
.news_box ul li .info:hover a button,.news_box ul li .info:hover a h3,.news_box ul li .info:hover a p {
	filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.news_box .li .info:hover a button,.news_box .li .info:hover a h3,.news_box .li .info:hover a p {
	filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.active .news_box .title{ -webkit-animation:fadeInUp 1s 1s both; -moz-animation:fadeInUp 1s 1s both; animation:fadeInUp 1s 1s both;}
/*.active .news_box ul li:nth-child(1){ -webkit-animation:fadeInUp 1s 1.3s both; -moz-animation:fadeInUp 1s 1.3s both; animation:fadeInUp 1s 1.3s both;}*/
/*.active .news_box ul li:nth-child(2){ -webkit-animation:fadeInUp 1s 1.6s both; -moz-animation:fadeInUp 1s 1.6s both; animation:fadeInUp 1s 1.6s both;}*/
/*.active .news_box ul li:nth-child(3){ -webkit-animation:fadeInUp 1s 1.9s both; -moz-animation:fadeInUp 1s 1.9s both; animation:fadeInUp 1s 1.9s both;}*/
/*.active .news_box ul li:nth-child(4){ -webkit-animation:fadeInUp 1s 2.2s both; -moz-animation:fadeInUp 1s 2.2s both; animation:fadeInUp 1s 2.2s both;}*/
/*.active .news_box ul li:nth-child(5){ -webkit-animation:fadeInUp 1s 2.5s both; -moz-animation:fadeInUp 1s 2.5s both; animation:fadeInUp 1s 2.5s both;}*/

@media screen and (max-width: 1600px){
	.news_box{ width:80%; padding-top:0; margin:0 auto;}
	.news_box ul li{ width:28%; height:210px; margin:0 0 20px 1.5%;}
	.news_box .li{ width:auto; height:210px; margin:0 0 0 0;}
	/*.news_box ul li:nth-child(1){ width:38%; height:440px;}*/
	.news_box ul li .pic img {
		width: 110%;
		max-width: 110%;
	}
	.news_box ul li .info h3 {
		font-size:16px;
	}
	.news_box ul li:nth-child(1),.news_box .li:nth-child(1){
		/*width:38%; height:440px;*/
	}
}
@media screen and (max-width: 1400px){
	.news_box ul li .info .info_con,.news_box .li .info .info_con {
		padding: 0 20px;
	}
}
@media screen and (max-width: 1366px){
	.news_box .title{ background: url("../images/ico_04.png") center bottom no-repeat; margin-bottom:15px; background-size:20px;}
	.news_box .title h3{ font-size:30px;}
	.news_box .title h3 span{ font-size:18px;}
	.news_box{ width:70%; padding-top:0; margin:0 auto;}
	.news_box ul li .info .info_con {
		min-height: 60px;
	}
	
	.news_box ul li{ width:28%; height:175px;}
	.news_box .li{ width:auto; height:175px;}
	.news_box ul li .info h3 {
		font-size: 14px;
	}
	.news_box ul li:nth-child(1){ width:38%; height:370px;}
	.news_box ul li:nth-child(1) .info h3{ font-size:16px; }
}
@media screen and (max-width: 1300px){
	.news_box ul li{ width:28%; height:190px;}
	.news_box .li{ width:auto; height:190px;}
	.news_box ul li:nth-child(1){ width:38%; height:400px;}
	.news_box ul li:nth-child(1) .info h3{ font-size:16px; }
}
@media screen and (max-width: 1200px){
	.news_box ul li{ width:28%; height:160px;}
	.news_box .li{ width:auto; height:160px;}
	.news_box ul li:nth-child(1){ width:38%; height:340px;}
	.news_box ul li:nth-child(1) .info h3{ font-size:16px; }
}
@media screen and (max-width: 1025px){
	.news_box{ width:90%;}
}
@media screen and (max-width: 769px){
	.news_box{ width:70%; height:100%;}
	.news_box .title{ margin-top:50px;}
	.news_box ul li{ width:49%; height:18vh; margin:0 0 1.5vh 0;}
	.news_box .li{ width:auto; height:18vh; margin:0 0 1.5vh 0;}
	.news_box ul li:nth-child(1){ width:100%; height:42vh;}
	.news_box ul li:nth-child(3),.news_box ul li:nth-child(5){ float:right;}
	.news_box ul li .pic img {
		height: 115%;
		max-width: 115%;
	}
	.news_box ul li .info .info_con {
		min-height: 80px;
		padding:0 20px;
	}
	.news_box ul li .info:hover .info_con{
	}
}
@media screen and (max-width: 640px){
	.news_box{ width:100%; height:100%;}
	.news_box .title{ display:none;}
	.news_box ul li{ width:49%; height:24vh; margin:0 0 1vh 0;}
	.news_box .li{ width:auto; height:33vh; margin:0 0 1vh 0;}
	.news_box ul li:nth-child(1){ width:100%; height:50vh;}
}

/***************** products_box *****************/
.products_box{ width:100%; height:100%; background:#ccc; overflow:hidde;}

.posr { position: relative; }
.index .products .item { position: relative; height:100vh; background-position: center center; background-repeat: no-repeat;}
.index .products .item a {display: block;width: 1400px; margin: 0 auto; color: #fff; height: 100%;}
.index .products .item .pro_bg{ width:100%; height:100vh; background-repeat:no-repeat; background-position:center center;}
.index .products .item a .pic_box{ width:40%; height:100%; float:right; display:table; margin-top:50px;}
.index .products .item a .pic{ display:table-cell; vertical-align:middle;}
.index .products .item a .pic img{ width:100%;}
.index .products .item a .tb { width: 50%; height:100%;}
.index .products .item a .tb .tb-c{ display:table-cell; vertical-align:middle;}
.index .products .item a h2 { font-size: 48px; letter-spacing: 3px; margin-bottom: 30px;}
.index .products .item a p {font-size: 16px; line-height:24px;}

.index .products .text { position: absolute; right: 55%; left: 0; top: 50%; height: 220px; margin-top: -210px;z-index: 1; color: #fff; padding: 100px 100px;}
.index .products .text:before { content: '';display: block; width: 75%; right: 50%; margin-right: 100px; height: 2px; margin-top: -1px; background: #f2f2f2; position: absolute; top: 50%;  display: none;}
.index .products .text h2 { position: absolute; bottom: 50%; margin-bottom: 25px; font-size: 28px; line-height: 36px; letter-spacing: 3px;}
.index .products .text p { position: absolute; top: 50%; margin-top: 25px; font-size: 14px; line-height: 2;letter-spacing: 4px;  }
	
.index .products .bx-controls { text-align: center;position: absolute;bottom:80px;left: 0;width: 100%; }

@media screen and (max-width:1600px){
	.index .products .item a { width:80%;}
}
@media screen and (max-width:1024px){
	.index .products .item a { width:80%;}
}
@media screen and (max-width:768px){
	.index .products .item a { width:80%; position:relative;}
	.index .products .item:nth-child(3) .pro_bg{ background-position:-900px center;}
	.index .products .item a .pic_box{ width:80%; height:auto; margin:50px auto 0; float:none;}
	.index .products .item:nth-child(4) a .pic_box{ margin:0 auto;}
	.index .products .item a .tb { width: 100%; height:auto; position:absolute;}
	.index .products .item:nth-child(3) a h2,.index .products .item:nth-child(5) a h2,.index .products .item:nth-child(6) a h2,.index .products .item:nth-child(7) a h2{ margin-top: 30%;}
	
	.index .products .item a p { font-size: 14px; line-height:20px; text-align:left;}
}
@media screen and (max-width:640px){
	.index .products .item a { width:80%; text-align:center;}
	.index .products .item a h2 { font-size: 32px; margin-bottom: 10px;}
	.index .products .item a p {font-size: 14px; line-height:20px; text-align:left;}
	
	.index .products .bx-controls { bottom:60px;}
}
@media screen and (max-width:320px){
	.index .products .item a .pic_box{ margin:60px auto 10px;}
	.index .products .item a { width:90%;}
	.index .products .item a h2 { font-size: 24px;}
	.index .products .item a p {font-size: 12px; line-height:18px;}
}

/***************** case_box *****************/
.case_box ul{ width:80%; margin:0 auto;}
.case_box ul li{ width:18%; margin:15px 1%; float:left; background:rgba(255,255,255,0.5);}
.case_box ul li img{ width:100%;}

.active .case_box .title{ -webkit-animation:fadeInUp 1s 1s both; -moz-animation:fadeInUp 1s 1s both; animation:fadeInUp 1s 1s both;}
.active .case_box ul li:nth-child(1){ -webkit-animation:fadeInUp 1s 1.3s both; -moz-animation:fadeInUp 1s 1.3s both; animation:fadeInUp 1s 1.3s both;}
.active .case_box ul li:nth-child(2){ -webkit-animation:fadeInUp 1s 1.4s both; -moz-animation:fadeInUp 1s 1.4s both; animation:fadeInUp 1s 1.4s both;}
.active .case_box ul li:nth-child(3){ -webkit-animation:fadeInUp 1s 1.5s both; -moz-animation:fadeInUp 1s 1.5s both; animation:fadeInUp 1s 1.5s both;}
.active .case_box ul li:nth-child(4){ -webkit-animation:fadeInUp 1s 1.6s both; -moz-animation:fadeInUp 1s 1.6s both; animation:fadeInUp 1s 1.6s both;}
.active .case_box ul li:nth-child(5){ -webkit-animation:fadeInUp 1s 1.7s both; -moz-animation:fadeInUp 1s 1.7s both; animation:fadeInUp 1s 1.7s both;}
.active .case_box ul li:nth-child(6){ -webkit-animation:fadeInUp 1s 1.8s both; -moz-animation:fadeInUp 1s 1.8s both; animation:fadeInUp 1s 1.8s both;}
.active .case_box ul li:nth-child(7){ -webkit-animation:fadeInUp 1s 1.9s both; -moz-animation:fadeInUp 1s 1.9s both; animation:fadeInUp 1s 1.9s both;}
.active .case_box ul li:nth-child(8){ -webkit-animation:fadeInUp 1s 2s both; -moz-animation:fadeInUp 1s 2s both; animation:fadeInUp 1s 2s both;}
.active .case_box ul li:nth-child(9){ -webkit-animation:fadeInUp 1s 2.1s both; -moz-animation:fadeInUp 1s 2.1s both; animation:fadeInUp 1s 2.1s both;}
.active .case_box ul li:nth-child(10){ -webkit-animation:fadeInUp 1s 2.2s both; -moz-animation:fadeInUp 1s 2.2s both; animation:fadeInUp 1s 2.2s both;}

@media screen and (max-width:1024px){
	.case_box ul{ width:90%;}
}
@media screen and (max-width:769px){
	.case_box{ padding-top:50px;}
	.case_box ul{ width:90%;}
	.case_box ul li{ width:31.33%; margin:15px 1%; float:left; background:rgba(255,255,255,0.5);}
}

/***************** f_link *****************/
#f_bg{ background:#222;}

#f_link_bg{ min-width:1400px; background:#222; border-top:2px #353535 solid;}
#f_link{ width:1400px; margin:0 auto; padding:45px 0 40px; line-height:22px;}
#f_link dl{ height:300px; float:left; width:16.6%; padding:0 0 0 32px; margin-right:0; font-size:14px; border-right:1px #353535 solid; box-sizing:border-box;}
#f_link dl dt{ padding-bottom:20px;}
#f_link dl dt a{ color:#fff; font-size:18px;}
#f_link dl dd a{ color:#7f7f7f; line-height:26px;}
#f_link dl dt a:hover,#f_link dl dd a:hover{ text-decoration:underline;}

#f_link dl.contact{ width:345px; height:auto; padding:0 0 0 32px; border-right:none;}
#f_link dl.contact dd{ padding-bottom:20px;}
#f_link dl.contact dd h3{ font-size:16px; color:#0070d3; margin-bottom:10px;}
#f_link dl.contact dd p{ color:#666; line-height:26px;}

.two_wm{ line-height:20px; float:right; color:#7f7f7f;}
.two_wm .pic{ width:124px; text-align:center;}
.two_wm .pic img{ width:100%;}

/***************** foot *****************/
#foot_bg{ background:#222; color:#7f7f7f; border-top:1px #353535 solid;}
#foot{ width:1400px; margin:0 auto; height:60px; padding-top:20px; line-height:24px;}
#foot a:hover{ text-decoration:underline;}
#foot span{ float:right;}

.active #f_link dl{ -webkit-animation:fadeInUp 1s 0.5s both; -moz-animation:fadeInUp 1s 0.5s both; animation:fadeInUp 1s 0.5s both;}
.active #f_link dl.contact{ -webkit-animation:fadeInUp 1s 1s both; -moz-animation:fadeInUp 1s 1s both; animation:fadeInUp 1s 1s both;}
.active .two_wm{ -webkit-animation:fadeInUp 1s 1.5s both; -moz-animation:fadeInUp 1s 1.5s both; animation:fadeInUp 1s 1.5s both;}
.active #foot{ -webkit-animation:fadeInUp 1s 2s both; -moz-animation:fadeInUp 1s 2s both; animation:fadeInUp 1s 2s both;}

@media screen and (max-width:1500px){
	#f_link{ width:92%; padding:45px 40px 40px 0; box-sizing:border-box;}
	
	#f_link dl{}
	#f_link dl.contact{ width:300px;}
	
	#foot{ width:92%; padding:20px 40px 0 0; box-sizing:border-box;}
}
@media screen and (max-width:1380px){
	#f_link dl{}
	#f_link dl.contact{ width:270px;}
}
@media screen and (min-width:0px) and (max-width:1300px){
	#f_link_bg{ min-width:100%;}
	#f_link{ width:100%; padding:45px 0 0;}
	
	#f_link .two_wm{ float:right; padding-right:80px;}
	
	#f_link dl{ width:16.6%; padding:0 0 0 32px; margin-right:0; box-sizing:border-box;}
	
	#f_link dl.contact{ width:50%; padding:0 0 0 32px;}
	
	#foot{ width:100%; height:auto; padding:30px 10px; text-align:center; box-sizing:border-box;}
	#foot span{ display:block; float:none;}
}

@media screen and (max-width:769px){
	#content,#f_link,#foot{ width:100%; margin:0 auto;}
	
	#f_link dl{ padding:0 0 0 15px;}
	
	#f_link dl.contact{ padding:0 0 0 15px;}
}
@media screen and (max-width:751px){
	
	#f_link dl{ width:33.33%; padding:0; text-align:center; box-sizing:border-box;}
	#f_link dl.contact{ width:100%; padding:0 30px;}
	
	#f_link .two_wm{ width:100%; text-align:center; float:none; padding-right:0;}
	#f_link .two_wm .pic{ width:30%; margin:0 auto 20px;}
	
	.section-6.active #f_link dl{ display:none;}
	.section-6.active #f_link dl.contact{ display:block;}
}


/***************** 内页样式代码区 *****************/
/* 内页banner */
.works_focus{ position:relative; height:500px; overflow:hidden; text-align:center; -webkit-animation:gfadeIn 0.8s 0.4s both; -moz-animation:gfadeIn 0.8s 0.4s both; animation:gfadeIn 0.8s 0.4s both;}
.works_focus .con{ width:100%; position:absolute; top:80px; z-index:999; text-align:center;}
.works_focus h2{ margin-top:150px; color:#fff; font-size:36px; letter-spacing:0; line-height:48px; font-weight:bold; font-family:Arial, Helvetica, Tahoma, sans-serif;}
.works_focus .text{ width:75%; margin:0 auto; text-align:left;}
.works_focus .text h2{ margin-bottom:20px;}
.works_focus .text p{ font-size:16px; color:#fff; line-height:30px;}
.works_focus h2.about_txt{ font-size:50px;}
.works_focus span.line{ background:#fff;}
.works_focus aside{ color:#fff;}
.works_focus .focus_img{ position:absolute; bottom:0; left:50%; width:1200px; margin-left:-600px; overflow:hidden; -webkit-animation:gdownIn 0.6s 0.65s both; -moz-animation:gdownIn 0.6s 0.65s both; animation:gdownIn 0.6s 0.65s both;}
.works_focus .focus_img img{ max-width:100%; vertical-align:top;}

.wechat-info-ban{ height:500px; position:relative; width:100%; z-index:1;}
.wechat-info-ban .bgimg-out{ position:relative; overflow:hidden; width:100%; height:100%;}
.wechat-info-ban .bgimg { position:relative;}
.wechat-info-ban .m_bgimg{ display:none;}

.full_screen_focus{ height:100vh;}
.full_screen_focus .con{ top:45%;}
.full_screen_focus h2{ margin-top:0; font-size:40px; line-height:48px;}
.full_screen_focus .wechat-info-ban .bgimg { height:100vh; position:relative;}
.full_screen_focus .wechat-info-ban{ height:100vh;}

@media screen and (max-width:751px){
	.wechat-info-ban .bgimg { position:relative;}
}
@media screen and (max-width:769px){
	.works_focus .text{ width:75%; margin:-30px auto; text-align:left;}
}
@media screen and (max-width:751px){
	.works_focus{ height:300px;}
	.works_focus h2{ width:80%; margin:60px auto 0; font-size:24px; line-height:30px; }
	.works_focus h2.about_txt{ font-size:32px;}
	.works_focus h2.jobs_txt{ font-size:18px; margin:40px auto 0;}
	.wechat-info-ban{ height:300px;}
	.wechat-info-ban .bgimg { display:none;}
	.wechat-info-ban .m_bgimg { /*margin-left:-200px;*/ display:block;}
}
@media screen and (max-width:640px){
	.works_focus .text{ width:75%; margin:-30px auto; text-align:left;}
	.works_focus .text h2{ width:100%;}
	.works_focus .text p{ font-size:12px; line-height:18px;}
	
	.full_screen_focus .con{ top:80px;}
}

/* 公司简介 */
.i_about_box{ width:1400px; margin:0 auto;}
.i_about_box .con{ padding:50px 0 80px;}
.i_about_box .con .pic{ width:48%; height:auto; overflow:hidden; float:right; background:#333;}
.i_about_box .con .info{ width:48%; line-height:2em;}
.i_about_box .con .info h3{ font-size:36px; line-height:1em; font-weight:bold; color:#333; margin-bottom:20px;}
.i_about_box .con .info h4{ font-size:22px; font-weight:bold; color:#333; margin-bottom:20px;}
.i_about_box .con strong{ font-size:36px;}
.i_about_box .con .info span.line{ background-color:#9a9a9a; display:block; width:20px; height:2px; background-color:#9a9a9a; margin:20px 0;}
.i_about_box .con .info p{ font-size:18px; color:#666; line-height:30px;}
.i_about_box .con .info .more_btn{ margin-top:50px;}

.i_about_box .con img{ width:100%;}

.ii_about_box .con{ line-height:30px; font-size:16px; color:#666;}
.ii_about_box .con img{ width:50%; float:right; margin:0 0 10px 30px;}

@media screen and (max-width: 1399px) {
	.i_about_box{ width:100%; padding:0 25px; box-sizing:border-box;}
	.i_about_box .con{ padding:20px 0 30px;}
	.i_about_box .con .pic{ width:48%; height:auto;}
	.i_about_box .con .info{ width:48%; float:left;}
	.i_about_box .con .info h3{ font-size:32px;}
	.i_about_box .con .info h4{ font-size:18px;}
	.i_about_box .con .info p{ font-size:16px; line-height:28px;}
	.i_about_box .con .info .more_btn{ margin-top:20px;}
}
@media screen and (max-width:768px){
	.i_about_box{ padding:0 15px;}
	.i_about_box .con .pic{ width:100%; height:auto; margin-bottom:30px;}
	.i_about_box .con .info{ width:100%; float:left;}
	
	.i_about_box .con .info h3{ font-size:24px;}
	.i_about_box .con strong{ font-size:24px;}
	
	.ii_about_box .con img{ width:100%; float:none; margin:0 0 30px 0;}
}

/* 企业文化 */
.i_culture_box{ height:780px; background:url(../images/i_culture_box_bg.jpg) no-repeat center top;}
.i_culture_box .con{ width:1400px; margin:0 auto;}

.i_culture_box ul li{ width:100%; float:left;}
*:before,*:after,
.culture_item{transition:all 0.4s ease;-webkit-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;-ms-transition: transition:all 0.4s ease;-moz-transition: transition:all 0.4s ease;}

.culture_box{ max-width: 260px; margin: 0 auto; height: 413px; overflow: hidden; background-position: center top; background-repeat: no-repeat; background-size: cover; position: relative; transition:all ease 0.5s;}
.culture_info:before{ content: "";position: absolute; top:15px; left:15px; right:15px; bottom:15px;width: -webkit-calc(100% - 30px);width: calc(100% - 30px); height: -webkit-calc(100% - 30px);height: calc(100% - 30px);border: 1px solid #fff;filter:alpha(opacity=60); opacity: 0.60;}
.culture_info{ position: absolute; top:0; left: 0; z-index: 10; width:100%; height: 100%; padding: 50px 40px 0; color: #fff; box-sizing:border-box;}
.culture_des{ line-height:16px; max-height: 300px; overflow: hidden;}
.culture_item{ display: inline-block; position: absolute; bottom: 30px; right: 40px; font-size: 20px; font-weight: bold;}
.culture_item:before{content: ""; position: absolute; top:50%; left:-52px; width: 42px; height: 1px; background: #fff;}

.culture_box:before{content: ""; position: absolute; top:0; left:0; z-index: 0; width:100%; height: 100%; background: rgba(0,0,0,0);}
.culture_box:hover:before{ background: rgba(0,0,0,.50);}
.culture_box:hover .culture_item{ bottom: 40px;}

.culture_box{ background-size: cover; background-size: auto 100%\9; background-position: center center;- webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); z-index:0;}
.culture_box:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);transition: all 1s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;}

.i_culture_box .owl-carousel .owl-wrapper-outer{ padding:20px 0;}
.i_culture_box .owl-theme .owl-controls .owl-buttons div{ display:none;}

@media screen and (max-width: 1399px) {
	.i_culture_box .con{ width:100%; padding:0 15px; box-sizing:border-box;}
}
@media screen and (max-width: 1200px) {
	.i_culture_box ul li{ width:94%; margin-left:3%;}
}
@media screen and (max-width:768px){
	.i_culture_box ul li{ width:100%; margin-left:0;}
	.culture_box{ max-width: 300px;}
}
@media screen and (max-width:479px){
	.i_culture_box{ height:720px; }
}

/* 发展历程 */
#sync2 .synced .item,#sync2 .item span{
    -webkit-transition: transition:all 0.4s ease;
    -moz-transition: transition:all 0.4s ease;
    -ms-transition: transition:all 0.4s ease;
    transition:all 0.4s ease;
}

.development{ color: #fff; padding-bottom:50px; overflow: hidden; background:#338bc8 url("../images/bg.png") fixed center center no-repeat;}

.d_area{ max-width:900px; margin:0 auto; padding:0 2px; font-size: 18px;}
.d_year{ display: block; float: left; font-size: 72px; line-height: normal; font-weight: bold; position: relative; margin-right: 60px; }
.d_year:before{ display:none; content: ""; position: absolute; bottom:-20px; right:0; margin-top: -5px; width:100px; height:7px; background: #fff;}
.d_des{ overflow: hidden; line-height: 1.8; }

#sync1{ display: block; width: 82%; margin: 0 auto; padding: 0 70px;}
#sync1 .owl-buttons div{ position: absolute; top:50%; left:0; margin-top: -25px; width: 51px; height: 51px; text-indent: -9999px; background: url("../images/arrow2_left3.png") center center no-repeat;}
#sync1 .owl-buttons div.owl-next{ left:auto; right: 0; background-image: url("../images/arrow2_right3.png");}
#sync1 .owl-buttons div:hover{ background-image: url("../images/arrow2_left.png");}
#sync1 .owl-buttons div.owl-next:hover{ background-image: url("../images/arrow2_right.png");}
#sync2{ display: block; padding: 0 5%; position: relative; margin-top: 50px;}
#sync2:before{ content: ""; position: absolute; top:28px; left:0; width: 100%; height: 1px; background: #fff;}
#sync2 .item{ font-size: 28px; filter:alpha(opacity=60); opacity: 0.60; text-align: center; background: url("../images/ico_09.png") left 10px repeat-x;}
#sync2 .item span{ display: block; background: url("../images/ico_08.png") center -200% no-repeat; padding-top: 62px; cursor:pointer;}
#sync2 .synced .item{ font-size: 42px; line-height: 50px; font-weight: bold; filter:alpha(opacity=100); opacity:1;}
#sync2 .synced .item span{ background-position: center top;}

@media only screen and (max-width: 1199px) {
	
    /*development*/
    .d_year{ font-size: 32px; float: none; padding-bottom:20px; margin:0 0 20px 0; text-align:center;}
	.d_year:before{  bottom:0; right:auto; left:50%; margin-left:-50px;}
    .d_area{ font-size: 14px;}
    #sync2 .item{ font-size: 24px;}
    #sync2 .synced .item{ font-size: 32px;}
    #sync2 .item span{ background-size: 26px; padding-top: 36px;}
}

/* 资质荣誉 */
.honor{ padding-bottom:50px; overflow: hidden;}
.honor .title{ background: url("../images/ico_04b.png") center bottom no-repeat;}
.honor .title h3{ color: #000; }
.honor .con{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.honor_area{ margin: 0 -15px; padding: 0 61px;}
.honor_area .item{ padding: 0 15px;}
.honor_img{ display: inline-block; padding: 26px; background: url("../images/honor_bg.jpg") no-repeat; background-size: cover;}
.honor_img img{ width:100%;}
#honor_scr .owl-pagination{ margin-top: 30px;}
#honor_scr .owl-buttons div{ position: absolute; top:50%; left:-61px; margin-top: -25px; width: 51px; height: 51px; text-indent: -9999px; background: url("../images/arrow2_left.png") center center no-repeat;}
#honor_scr .owl-buttons div.owl-next{ left:auto; right: -61px; background-image: url("../images/arrow2_right.png");}
#honor_scr .owl-buttons div:hover{ background-image: url("../images/arrow2_left2.png");}
#honor_scr .owl-buttons div.owl-next:hover{ background-image: url("../images/arrow2_right2.png");}

.honor .con{}
.honor .con .btn{ margin:50px auto 0;}

.i_honor .honor_area{ margin:0; padding:0;}
.i_honor .honor_area ul{ padding:40px 0; font-size:0;}
.i_honor .honor_area ul li{ width:25%; padding: 0 25px 25px 0; text-align:center; display:inline-block; vertical-align:top; box-sizing:border-box;}

@media (min-width: 320px){
.i_honor .con{ width:100%; margin:0; padding:0;}
.i_honor .honor_area ul li{ width:50%; padding: 0 10px 25px 10px;}
.i_honor .honor_area .honor_img{ padding: 15px;}
.i_honor .honor_area ul li p{ font-size:14px; line-height:18px; padding:8px 0;}
}
@media (min-width: 768px){
.honor .con{ width: 750px;}
.i_honor .con{ width:100%; margin:0; padding:0 15px;}
.i_honor .honor_area ul li{ width:33.33%;}
.i_honor .honor_area .honor_img{ padding: 26px;}
.i_honor .honor_area ul li p{ font-size:16px; line-height:20px; padding:8px 0;}
}
@media (min-width: 992px){
.honor .con{ width: 970px;}
.i_honor .con{ width:100%; margin:0; padding:0 15px;}
.i_honor .honor_area ul li{ width:33.33%;}
}
@media (min-width: 1200px){
.honor .con{ width: 1170px;}
.i_honor .con{ width:100%; margin:0; padding:0 15px;}
.i_honor .honor_area ul li{ width:25%;}
}
@media (min-width: 1600px){
.honor .con{ width: 1260px;}
.i_honor .con{ width:1400px; margin:0; padding:0;}
}


/* 企业风采 */
.enterprise{ padding-bottom:50px; overflow: hidden; background:#f5f5f5;}
.enterprise .title{ background: url("../images/ico_04b.png") center bottom no-repeat;}
.enterprise .title h3{ color: #000; }
.enterprise .i_news_box { padding: 0;}

.enterprise .con{}
.enterprise .con .btn{ margin:0 auto 50px;}

/* 面包屑 */
.navCur{ background:#f6f6f6; height:70px; font-size:0; width:100%;}
.navCur1{ width:1400px; height:70px; overflow:hidden; margin:0 auto}
.curL{float:left;}
.icoHome{display:inline-block; background:url(../images/icoHome.png) center no-repeat; background-color:#fff; width:70px; height:70px; vertical-align:middle}
/*.icoHome:hover{background:url(../images/icoHomeHover.png) center no-repeat;}*/
.curL span{display:inline-block; height:70px; vertical-align:middle}
.curL span a{display:inline-block; background:url(../images/icoCur.png) left center no-repeat; height:70px; line-height:70px; padding:0 0 0 15px; margin-right:15px; font-size:12px; color:#888}
.curL span a:hover{background:url(../images/icoCurHover.png) left center no-repeat;color:#ffb619; }
.curL .on{background:url(../images/icoCurHover.png) left center no-repeat!important;color:#ffb619!important; }

.curR{float:right;}
.curR a{display:inline-block; padding:0 12px; margin:0 8px;height:70px; line-height:70px; font-size:14px; color:#555}
.curR a:hover{color:#ffb619}
.curR .on{ background:#ffb619; color:#fff!important}

@media (max-width: 1430px){
	.navCur1 {
		width: 92%;
	}
}
@media (max-width: 640px){
	.navCur{ height:40px;}
	.navCur1{ height:40px;}
	.icoHome{ width:40px; height:40px;}
	.curL span{ height:40px;}
	.curL span a{ height:40px; line-height:40px;}
	
	.curR a{ height:40px; line-height:40px;}
}

/* 新闻列表 */
.i_news_box{
	padding: 58px 0 90px;
	width: 100%;
}
.w1400{
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
	width: 92%;
}
@media (max-width: 1430px){
	.w1400 {
		width: 90%;
	}
}
.news-list-top{ padding-bottom: 125px;position: relative;}
.news-list-top a{width: 100%;display: block;}
.news-list-top .slides li{width: 100%;float: left;}
.news-list-top .slides .pic{width: 42.8%;float: left;overflow: hidden;}
.news-list-top .slides .pic img{width: 100%;transition:transform 0.3s;}
.news-list-top .slides .con{float: right;width: 52.8%;padding-right: 6%;display: block; box-sizing:border-box;}
.news-list-top .slides h3{font-size: 14px;color: #666;line-height: 34px;padding-top: 0;}
.news-list-top .slides h2{font-size: 24px;color: #333333;line-height: 34px;height: 34px;overflow: hidden;transition:color 0.3s;}
.news-list-top .slides .font{font-size: 14px;color: #666666;line-height: 25px;height: 50px;overflow: hidden;margin: 30px 0 45px;}
.news-list-top .slides .more{padding-left: 40px;font-size: 16px;color: #666666;line-height: 28px;background: url(../images/case28.png) no-repeat left center;}
.news-list-top .slides li:hover img{transform: scale(1.1);}
.news-list-top .slides li:hover h2{color: #d9271b;}
.news-list-top .flex-control-nav{bottom: 50px;}
.news-list-top .flex-control-nav a{width: 10px;height: 10px;background: url(../images/case29.png) no-repeat center;background-size: 100% 100%;box-shadow: none;}
.news-list-top .flex-control-nav li a.flex-active,.news-list-top .flex-control-nav li a:hover{background: url(../images/case29_h.png) no-repeat center;background-size: 100% 100%;}

@media (max-width: 1024px){
	.news-list-top .slides h3 {
		padding-top: 0;
	}
	.news-list-top .slides h2 {
		font-size: 18px;
		line-height: 28px;
		height: 28px;
	}
	.news-list-top .slides .font {
		margin: 10px 0 22px;
	}
	.news-list-top .slides .font {
		font-size: 12px;
		line-height: 22px;
		height: 44px;
		margin: 5px 0 15px;
	}
}
@media (max-width: 480px){
	.i_news_box{
		padding: 20px 0 90px;
	}
	.news-list-top {
		padding-bottom: 100px;
		position: relative;
	}
	.news-list-top .slides .pic {
		width: 100%;
		margin-bottom: 10px;
	}
	.news-list-top .slides .con {
		width: 100%;
		padding-right: 0;
	}
}

.news-list-bot ul{width: 100%;}
.news-list-bot li{width: 30.5%;margin: 0 4% 55px 0;float: left;transition:box-shadow 0.3s; background:#fff;}
.news-list-bot li.cur{margin-right: 0;}
.news-list-bot li .pic{width: 100%;overflow: hidden;height: 11.875vw;}
.news-list-bot li img{width: 100%;transition:transform 0.3s;}
.news-list-bot li .con{display: block;width: 100%;border: 1px solid #e6e6e6;border-top: none;padding: 26px 7% 50px; box-sizing:border-box;}
.news-list-bot li h2{font-size: 24px;color: #333333;line-height: 44px;overflow: hidden;height: 44px;transition:color 0.3s;}
.news-list-bot li .time{color: #999;line-height: 26px;font-size: 14px;padding-left: 30px;background: url(../images/case31.png) no-repeat left center;}
.news-list-bot li .font{font-size: 14px;color: #666666;line-height: 24px;margin-top: 14px;height: 48px;overflow: hidden;}

.news-list-bot li:hover{ box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.news-list-bot li:hover h2{color: #d9271b;}
.news-list-bot li:hover img{transform: scale(1.1);}

@media (max-width: 1430px){
	.news-list-bot li .pic {
		height: 14.875vw;
	}
}
@media (max-width: 1024px){
	.news-list-bot li .con {
		padding: 15px 3% 25px;
	}
	.news-list-bot li h2 {
		font-size: 16px;
		line-height: 26px;
		height: 26px;
	}
	.news-list-bot li .font {
		font-size: 12px;
		color: #666666;
		line-height: 20px;
		margin-top: 4px;
		height: 40px;
	}
}
@media (max-width: 700px){
	.news-list-bot li .pic {
		height: 13vw;
	}
}
@media (max-width: 480px){
	.news-list-bot li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.news-list-bot li .pic {
		height: 48vw;
	}
}

.news-page{width: 100%;height: 40px;text-align: center;font-size:0;}
.news-page a{font-size: 14px;line-height: 40px;width: 40px;height: 40px;display: inline-block;background: #f7f7f7;color: #686868;transition:background 0.3s,color 0.3s;}
.news-page.new a{background: #fff;}
.news-page a.active,.product-list .news-page a.active,.news-page.on a.active,.news-page.new a.active{color: #fff;background: #de241b;}
.news-page a.btns{font-family: '宋体';}

.news-page a:hover,.product-list .news-page a:hover,.news-page.on a:hover{ color: #fff; background: #de241b;}

@media (max-width: 480px){
	.news-page {
		padding-top: 10px;
		height: 30px;
	}
	.news-page a {
		line-height: 30px;
		width: 30px;
		height: 30px;
	}
}

/* 新闻详情 */
.i_news_show_box{ width: 100%; padding: 102px 0 125px;}
.i_news_show_box .left{ width: 75%; padding: 0 5.7%; float: left; box-sizing:border-box;}
.i_news_show_box .left h2{font-size: 30px;color: #000000;line-height: 30px;padding-bottom: 30px;border-bottom: 1px solid #f2f2f2;padding-right: 0;position: relative; margin-bottom: 30px;}
.i_news_show_box .left .time{ font-size: 14px;color: rgba(51,51,51,.5);line-height: 30px; display:block; margin-top:10px; text-align:center;}
.i_news_show_box .left p{font-size: 18px;color: #666666;line-height: 36px;margin-bottom: 30px;}
.i_news_show_box .left img{max-width: 100%; height: auto !important;}
.i_news_show_box .right{width: 22.8%; float: right; padding: 0 2%; box-sizing:border-box;}
.i_news_show_box .right h2{font-size: 22px;color: #333;line-height: 22px;padding-bottom: 20px;border-bottom: 1px solid #e6e6e6;margin-bottom: 15px;}
.i_news_show_box .right a{display: block; width: 100%; font-size: 14px; color: #666666; line-height: 18px; padding: 7px 0 7px 12%; background: url(../images/case23.png) no-repeat left 17px; transition: background 0.3s,color 0.3s; box-sizing:border-box;}
.i_news_show_box .right a:hover{ color:#de241b; text-decoration:underline;}
.i_news_show_box .right a.link{width: 100%;height: 55px;line-height: 55px;background: #de241b url(../images/news04.png) no-repeat 80% center;color: #fff;font-size: 18px;padding: 0 0 0 21%;transition: background 0.3s,color 0.3s,padding 0.3s;margin-top: 30px; box-sizing:border-box;}
.i_news_show_box .right a.link:hover{ background: #de241b url(../images/news04.png) no-repeat 85% center; color: #fff; padding: 0 0 0 15%;}

.tool_box{ height:40px; margin:20px 0 0; padding-top:20px; border-top:1px #f3f3f3 solid;}
.tool_box a{ padding:0 25px; height:40px; line-height:40px; text-align:center; margin-right:10px; font-size:16px; float:left; color:#fff; background:#37383A;}
.tool_box a:hover{ background:#FFA200;}
.tool_box a:hover{ text-decoration:underline;}
.tool_box .back{ float:right; margin:0; background:#FFA200;}

@media (max-width: 1200px){
	.i_news_show_box {
		padding: 65px 0 60px;
	}
	.i_news_show_box .left h2 {
		font-size: 22px;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.i_news_show_box .left p {
		font-size: 15px;
		line-height: 28px;
		margin-bottom: 20px;
	}
	.i_news_show_box .right {
		width: 24.8%;
	}
	.i_news_show_box .right a {
		font-size: 14px;
		line-height: 22px;
		padding: 4px 0 4px 8%;
		background: url(../images/case23.png) no-repeat left 12px;
	}
}
@media (max-width: 1024px){
	.i_news_show_box {
		padding: 40px 0 35px;
	}
	.i_news_show_box .left {
		padding: 0 2%;
		width: 70%;
	}
	.i_news_show_box .left h2 {
		font-size: 18px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.i_news_show_box .left p {
		font-size: 13px;
		line-height: 22px;
		margin-bottom: 14px;
	}
	.i_news_show_box .right {
		width: 30%;
	}
}
@media (max-width: 768px){
	.i_news_show_box .left {
		padding: 0;
		width: 100%;
	}
	.i_news_show_box .left h2{
		width: 100%;
		padding: 0;
	}
	.i_news_show_box .left .time{
		top: auto;
		bottom: 0;
	}
	.i_news_show_box .right {
	    width: 100%;
	    padding: 0;
	}
	.i_news_show_box .right a.link{
		width: 56%;
		padding: 0 0 0 11%;
	}
}
@media (max-width: 640px){
	.i_news_show_box .right {
		padding-top: 50px;
	}
}

/* 产品列表 */
.i_products_box{ position:relative;}

.i_products_box .form{ width: 185px;float: right;height: 34px;line-height: 34px;border-radius: 15px;border: 1px solid #e9eaeb; margin-top:8px; padding: 0 16px 0 18px;}
.i_products_box .text{ background: none;border: none;font-size: 12px; color: #999;height: 34px;line-height: 34px;float: left;width: 80%;}
.i_products_box .submit{ float: right;width: 13px;height: 34px;line-height: 34px; cursor:pointer; background: url(../images/pro22.png) no-repeat center;border: none;}

.product-nav{ width:300px; height: 50px; float:left;}
.product-nav .tit{width: 33.8%;font-size: 16px;color: #fff;line-height: 50px;text-align: center;background: #0f0f0f url(../images/pro26.png) no-repeat 94% center;}
.product-nav .nav-con{width:300px;position: relative;}
.product-nav .nav-link{width: 100%;line-height: 50px;padding-left: 7%;display: block;font-size: 16px;color: #fff;background: #d9271b url(../images/pro26.png) no-repeat 94% center; box-sizing:border-box;}
.product-nav .link-box{width: 100%;background: #f9f9f9;position: absolute;left:0;top: 50px;max-height: 500px;overflow: auto;display: none; z-index:999;}
.product-nav .tit-box{width: 33.8%;background: #fff;position: absolute;left:0;top: 50px;max-height: 500px;overflow: auto;display: none;}
.product-nav .link-box .link-tit{display: block;width: 89%;border-bottom: 1px solid #d9d9d9;padding-left:8%;line-height: 59px;font-size: 16px;color: #333333;transition:color 0.3s;}
.product-nav .tit-box a{display: block;width: 89%;border-bottom: 1px solid #d9d9d9;padding:15px 0 15px 4%;font-size: 16px;color: #333333;line-height: 26px;transition:color 0.3s;}
.product-nav .link-box-b{width: 100%;background: #f3f3f3;}
.product-nav .link-box-tit,.product-nav .link-box-t{line-height: 48px;width: 89%;border-bottom: 1px solid #d9d9d9;padding-left: 15%;background: url(../images/pro27.png) no-repeat 10% center;display: block;font-size: 14px;color: #666666;transition:color 0.3s;}
.product-nav .link-box-t{padding-left: 17%;background: url(../images/pro27.png) no-repeat 13% center;}
.product-nav .link-box-tit.into{color: #d9271b;}
.product-nav .link-box-t:hover{color: #d9271b;}
.product-nav .link-box-con{display: none;}
.product-nav .link-box-b{display: none;}
.product-nav .link-box .link-tit.cur{color: #d9271b;}
.product-nav .link-box::-webkit-scrollbar, .product-nav .tit-box::-webkit-scrollbar{width: 3px; height: 3px; background-color: #ececec;}
.product-nav .link-box::-webkit-scrollbar-track, .product-nav .tit-box::-webkit-scrollbar-track{border-radius: 10px; background-color: #ececec;}
.product-nav .link-box::-webkit-scrollbar-thumb, .product-nav .tit-box::-webkit-scrollbar-thumb{border-radius: 10px; background-color: #d9271b;}

@media (max-width: 640px){
	.i_products_box .form{ width:100%; float: none; box-sizing:border-box;}
	.product-nav{ width:100%; margin:15px 0;}
	.product-nav .nav-con{ width:100%;}
	
	.i_products_box img{ width:100%;}
}

.product-list {
    padding: 20px 0 124px;
}
.product-list-b{width: 100%;padding-top:50px;}
.product-list-b ul{ width: 100%; padding-top:20px;}
.product-list-b li{width: 31.7%;margin-right: 2.45%;background: #f9f9f9;border: 1px solid #eee;float: left;margin-bottom: 35px; box-sizing: border-box;}
/*.product-list-b li.on{margin-right: 0;}*/
.product-list-b li:nth-child(3n){margin-right: 0;}
.product-list-b li .pic{width: 100%;position: relative;overflow: hidden;height: 250px;border-bottom: 1px solid #eee;}
.product-list-b li img{max-width: 100%;transition:all 0.3s;}
.product-list-b li.newss .newss{width: 61px;height: 64px;background: url(../img/pro25.png) no-repeat center;background-size: 100% 100%;position: absolute;top: 0;left: 0;display: block;z-index: 1;}
.product-list-b li .add{padding-left: 28px;height: 16px;background: url(../img/pro23.png) no-repeat left center;background-size:14px !important;display: block;position: absolute;top: 34px;right: 13px;font-size: 14px;line-height: 16px;cursor: pointer;color: #b2b2b2;transition:background 0.3s,color 0.3s;}
.product-list-b li.but .add{color: #dc3c31; background: url(../img/pro23_h.png) no-repeat left center;}
.product-list-b li .con{width: 100%;padding:21px 6% 23px;display: block; box-sizing: border-box;}
.product-list-b li h3{ font-size: 16px;color: #333;line-height: 36px;height: 36px;overflow: hidden;}
.product-list-b li .font{font-size: 16px;color: #999;line-height: 27px;/*height: 54px;*/ height:auto; overflow: hidden;}
.product-list-b li .more{width: 127px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #e4e4e4;background: #f9f9f9;font-size: 15px;color: #333333;border-radius: 2px;transition:background 0.3s,color 0.3s,border 0.3s;margin-top: 20px;}
.product-list-b li.into .add{background: url(../img/pro23_h.png) no-repeat center;}

.product-list-b li:hover img{
	transform: scale(1.1);
}
.product-list-b li:hover .more{
	background: #d9271b;
	border-color: #d9271b;
	color: #fff;
}
.product-list-b li:hover .add{
	color: #dc3c31;
	background: url(../img/pro23_h.png) no-repeat left center;
}

@media (max-width: 1200px){
	.product-list-b li .pic {
		height: 17.5vw;
	}
}
@media (max-width: 1024px){
	.product-list {
		padding: 19px 0 50px;
	}
	.product-list-b li h3 {
		font-size: 14px;
		line-height: 28px;
		height: 28px;
	}
	.product-list-b li .font {
		font-size: 13px;
		line-height: 24px;
		height: auto;
	}
	.product-list-b li .more {
		width: 90px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		margin-top: 13px;
	}
}
@media (max-width: 768px){
	.product-list-b li {
		width: 48.7%;
		margin-bottom: 15px;
	}
	/*.product-list-b li.on {
		margin-right: 2.6%;
	}*/
	.product-list-b li:nth-child(3n) {
		margin-right: 2.6%;
	}
	/*.product-list-b li.cur {
		margin-right: 0;
	}*/
	.product-list-b li:nth-child(2n) {
		margin-right: 0;
	}
	.product-list-b li .pic {
		height: 26.5vw;
	}
}
@media (max-width: 480px){
	.product-list-b {
		padding-top: 10px;
	}
	.product-list-b li {
		width: 100%;
		margin-right: 0;
	}
	.product-list-b li .pic {
		height: auto;
	}
}

/* 产品详情 */
.product-info{padding:60px 0; background:#fff; width: 100%; position:relative; z-index:99;}
.product-info .page-b{width: 42px;height: 42px;position: absolute;top: 50%;margin-top: -21px;border: 1px solid #e1e1e1;border-radius: 50%;color: #333;font-size: 15px;font-family: '宋体';text-align: center;line-height: 42px;transition:background 0.3s,border 0.3s,color 0.3s; z-index:999; background:#fff;}
.product-info .page-b:hover{background: #c11a21;color: #fff;border-color: #c11a21;}
.product-info .page-b.page-prev{left: -6%;}
.product-info .page-b.page-next{right: -6%;}
.product-info .info-pic{width:50%;float: left;overflow: hidden;position: relative;}

.product-info #carousel{position: relative;}
.product-info #carousel .flex-viewport{border: 1px solid #cecece;padding: 10px 2%;width: 83%;margin: 0 auto; box-sizing:border-box;}
#carousel .slides li{background: #f5f5f5;text-align: center; cursor: pointer;opacity: 0.5;filter:alpha(opacity=50);border: 1px solid #f5f5f5;transition:opacity 0.3s,border 0.3s;}
#carousel .slides img{max-width: 100%; vertical-align:middle;}
#slider{width: 100%; text-align: center; margin-bottom:20px;}
#slider .slides li{float:left;}
#slider .slides img{max-width: 100%;max-height: 400px;}
#slider .flex-direction-nav{display: none;}
#carousel .flex-direction-nav a{opacity: 1 !important;filter:alpha(opacity=100) !important;z-index: 1;font-size: 13px;font-family: '宋体';font-weight: bold;color: #cbcfd2;text-align: center;line-height: 40px;}
#carousel .flex-direction-nav .flex-prev{left: 0;}
#carousel .flex-direction-nav .flex-next{right: 0;}
#carousel .flex-direction-nav a:before{font-size: 0;content: "";}
#carousel .slides li.flex-active-slide{opacity: 1;filter:alpha(opacity=100);border: 1px solid #d9271b;}

.info-font{width: 42%;padding-right: 5%; box-sizing:border-box;}
.info-font h2{font-size: 36px;color: #000;line-height: 55px;font-weight: bold;}
.info-font h3{font-size: 24px;color: #333;line-height: 32px;padding-bottom: 20px;border-bottom: 1px solid #e0e0e0;}
.info-font p{font-size: 14px;color: #666666;line-height: 24px;margin-bottom: 9px;}
.info-font .font{padding: 40px 0;border-bottom: 1px solid #e0e0e0;}
.info-font .font b{ font-size:16px; display:block; margin-bottom:10px;}
.info-font .link{width: 220px;padding-left:90px;height: 50px;line-height: 50px;background: #ffb619 url(../images/zx_icon.png) no-repeat 50px center;display: block;font-size: 18px;color: #fff;margin-top: 46px;transition:background 0.3s,padding 0.3s; box-sizing:border-box;}

.product-info-b{background: #fff;width: 100%;padding-bottom: 90px;position: relative;}
.product-info-b .return-b{width: 62px;position: absolute;top: 0;right: 0;height: 89px;border-right: 1px solid #f2f2f2;background:#fff url(../images/pro30.png) no-repeat center;transition:background 0.3s;}
.product-info-b .return-b:hover{background: #E41B23 url(../images/pro30_h.png) no-repeat center;}
.product-info-list{width: 100%;height: 89px;border-bottom: 1px solid #f2f2f2; background:#f5f5f5;}
.product-info-list .slides li{text-align: center;line-height: 89px;position: relative;font-size: 20px;color: #333;cursor: pointer; width: 175px; float: left; display: block;}
.product-info-list .slides span{width: 0;height: 2px;background: #ffb619;display: block;position: absolute;left: 50%;bottom: 0;transition:width 0.3s,left 0.3s;}
.product-info-list .slides li.on span{width: 100%;left: 0;}
.product-info-list .flex-direction-nav{display: none;}
.product-info-list .flex-control-nav{display: none;}

.product-ajaxi{padding: 45px; line-height:2em; box-sizing:border-box;}
.product-ajaxi p.on{font-size: 14px;color: #333;line-height: 30px;padding-left: 33px;background: url(../images/btn02.png) no-repeat left center;}
.product-ajaxi p{font-size: 14px;color: #333;line-height: 24px;}
.product-ajaxi i{display: block;width: 100%;padding-bottom: 35px;border-bottom: 1px solid #e6e6e6;margin-bottom: 30px;}
.product-ajaxi h2{font-size: 16px;color: #333;font-weight: bold;line-height: 35px;}

.info-font .link:hover{
	background: #E41B23 url(../images/zx_icon.png) no-repeat 40px center;
	padding-left: 100px;
}
.product-info-list .slides li:hover span{
	width: 100%;
	left: 0;
}
.product-ajaxi p.on:hover{
	background: url(../images/btn01_h.png) no-repeat left center;
}

@media (max-width: 1600px){
	.product-info .page-b.page-prev {
		left: 0;
	}
	.product-info .page-b.page-next {
		right: 0;
	}
}
@media (max-width: 1200px){
	.product-info .info-pic {
		width: 50%;
	}
	.info-font h2 {
		font-size: 30px;
		line-height: 45px;
	}
	.info-font h3 {
		font-size: 18px;
		line-height: 28px;
		padding-bottom: 15px;
	}
	.product-info-list .slides li {
		line-height: 50px;
		font-size: 16px;
	}
}
@media (max-width: 1024px){
	.product-info-list {
		height: 50px;
	}
	.product-itit {
		width: 88%;
	}
	.product-info-b .return-b {
		height: 50px;
		width: 6%;
	}
	.product-ajaxi {
		padding: 20px 0;
	}
}
@media screen and (max-width: 860px){
	.flex-direction-nav .flex-prev {
		opacity: 1;
		left: 10px;
	}
}
@media (max-width: 768px){
	.product-info {
		padding: 40px 0 55px;
	}
	.product-info .page-b {
		margin-top: 70px;
		right: auto !important;
		left: 50% !important;
	}
	.product-info .page-b.page-prev {
		margin-left: -60px;
	}
	.product-info .info-pic {
		width: 100%;
		margin-bottom: 69px;
	}
	#slider {
		/*height: 200px;*/
	}
	#slider .slides img {
		/*max-height: 160px;*/
	}
	.product-info #carousel {
		border: 1px solid #cecece;
	}
	.product-info #carousel .flex-viewport {
		border: none;
	}
	.info-font {
		width: 100%;
		padding: 0 60px;
	}
}
@media (max-width: 580px){
	.product-info-b .return-b {
		width: 17%;
		border: none;
	}
}
@media (max-width: 480px){
	.info-font {
		padding: 0;
	}
	.info-font h2 {
		font-size: 20px;
		line-height: 30px;
	}
	.info-font h3 {
		font-size: 14px;
		line-height: 22px;
		padding-bottom: 10px;
	}
	.info-font .link {
		width: 75%;
		padding-left: 30%;
		height: 40px;
		margin: 0 auto;
		line-height: 40px;
		background: #c11a21 url(../img/pro29.png) no-repeat 22% center;
		font-size: 12px;
		margin-top: 24px;
	}
	.product-info .page-b {
		margin-top: 48px;
	}
	.product-info .page-b {
		top: auto;
		margin-top: 0;
		bottom: -1px;
		border: none;
		color: #c11a21;
		font-weight: bold;
		background: none !important;
	}
	.product-info .page-b.page-prev {
		left: -1px !important;
		margin-left: 0;
	}
	.product-info .page-b.page-next {
		right: -1px !important;
		left: auto !important;
		margin-left: 0;
		margin-right: 0;
	}
	.product-info-list .flex-direction-nav {
		display: block;
	}
	.product-itit .flex-direction-nav a {
		font-family: '宋体';
		font-size: 15px;
		line-height: 40px;
	}
}

.product-list ul.sub_nav{ float:left; font-size:0;}
.product-list ul.sub_nav li{ width:250px; font-size:14px; line-height:50px; text-align:center; display:inline-block; margin-left:10px;}
.product-list ul.sub_nav li a{ display:block; background:#eee;}
.product-list ul.sub_nav li a:hover,.product-list ul.sub_nav li a.cur{ color:#fff; background:#333;}

ul.i_products_list{ margin-top:80px;}
ul.i_products_list li{ height:160px; line-height:1.5em; margin:0 0 35px; padding-bottom:30px; border-bottom:1px #eee solid;}
ul.i_products_list li .pic{ width:250px; height:160px; float:left; overflow:hidden;}
ul.i_products_list li h3{ font-size:24px; margin:10px 0; font-weight:normal;}
ul.i_products_list li h3 a{ color:#000;}
ul.i_products_list li h3 a:hover{ text-decoration:underline;}
ul.i_products_list li .n_info{ width:78%; height:160px; float:right; position:relative;}
ul.i_products_list li p{ color:#666; padding:10px 0; font-size:14px;}

ul.i_products_list li a.detail{ position:absolute; bottom:0; font-size:14px; color:#05437d;}
ul.i_products_list li a.detail{ width:105px; line-height:34px; padding-left:20px; border:1px #1e73bc solid; color:#1e73bc; float:left; background:url(../images/more_arrow.gif) no-repeat 95px center;}

@media (max-width: 1400px){
	ul.i_products_list li{ height:auto; margin:0 0 35px; padding-bottom:30px;}
	ul.i_products_list li .pic{ width:25%; height:auto;}
	ul.i_products_list li .pic img{ width:100%;}
	ul.i_products_list li .n_info{ width:70%; height:auto;}
}
@media (max-width: 1200px){
	ul.i_products_list li .pic{ width:25%; height:auto;}
	ul.i_products_list li .pic img{ width:100%;}
	ul.i_products_list li h3{ font-size:20px;}
	ul.i_products_list li .n_info{ width:70%; height:auto;}
	
	ul.i_products_list li .pro_more_btn1{ margin-top:20px;}
}
@media (max-width: 769px){
	.product-list ul.sub_nav li{ width:120px;}
	
	ul.i_products_list li .pic{ width:35%; height:auto;}
	ul.i_products_list li .pic img{ width:100%;}
	ul.i_products_list li h3{ font-size:20px;}
	ul.i_products_list li .n_info{ width:60%; height:auto;}
	
	ul.i_products_list li .pro_more_btn1{ margin-top:20px;}
}
@media (max-width: 640px){
	.product-list ul.sub_nav{ width:100%; text-align:center;}
	.product-list ul.sub_nav li{ width:30%; margin:0 1% 20px;}
	
	ul.i_products_list li .pic{ width:100%; height:auto; margin-bottom:15px;}
	ul.i_products_list li .n_info{ width:100%; height:auto;}
}

.proshow{ margin-top:100px;}
.proshow .title h3{ font-size:36px; font-weight:bold; color:#333; margin-bottom:30px;}
.proshow .pro_pic{ display:none; width:40%; float:right;}
.proshow .pro_pic img{ width:100%;}
.proshow .con{ width:100%; line-height:30px;}

@media (max-width: 769px){
	.proshow .title h3{ text-align:center;}
	.proshow .pro_pic{ width:100%; float:right; margin-bottom:30px;}
	.proshow .con{ width:100%;}
}
@media (max-width: 640px){
	.proshow .title h3{ font-size:24px;}
}


.proshow .title h2{ font-size:24px; font-weight:bold; color:#333; margin-bottom:30px;}
.proview {
	line-height:30px;
	color:#333;
}
.proview  a{
	color:#333;
}

.proview  a:hover{
	color:#e60012;
}

.proview th{
	background:#333;
	color:#fff;
	font-weight:bold;
	line-height:14px;
	padding:20px 5px;
	border:1px solid #fff;
}

.proview .d1 td{
	padding:20px 5px;
	line-height:12px;
	background:#eee;
}
.proview .d2 td{
	padding:20px 5px;
	line-height:12px;
	background:#fff;
}

/* 联系我们 */
.i_contact_box{}
.i_contact_box .contact_con{ height:756px; position:relative; overflow: hidden;}
.i_contact_box .contact_con .pic{ width:50%; height:756px; float:left; background:url(../images/i_con_pic1.jpg) no-repeat center center;}
.i_contact_box .contact_con .con{ width:50%; height:756px; float:left; background:url(../images/i_con_pic2.jpg) no-repeat center center;}
.i_contact_box .contact_con .text{ width:40%; position: absolute; top:15%; left:10%;}
.i_contact_box .contact_con .con .text1 h3{ font-size:48px; display:inline-block; vertical-align:middle; color: black;font-weight: bold;}
.i_contact_box .contact_con .con .text1 img{ vertical-align:middle; margin:15px;}
.i_contact_box .contact_con .con .text2{ margin-top:5%;}
.i_contact_box .contact_con .con .text2 h3{ font-size:36px; color:#000; margin-bottom: 10px;}
.i_contact_box .contact_con .con .text2 h2{ font-size:14px; color:#969696;}

.i_contact_box .contact_con ul{ width:80%; background:rgba(255,174,0,0.9); position:absolute; left:10%; bottom:40px;}
.i_contact_box .contact_con ul li{ width:22%; float:left; padding:30px 0; box-sizing:border-box;}
.i_contact_box .contact_con ul li:nth-child(3){ width:34%;}
.i_contact_box .contact_con ul li dl{ margin-left:20%;}
.i_contact_box .contact_con ul li dl dt h3{ color:#fff; font-weight: bold; font-size:24px; margin:20px 0;}
.i_contact_box .contact_con ul li dl dd p{ font-size:14px; color:#fff; line-height:24px;}

@media (max-width: 1600px){
	.i_contact_box .contact_con .text{ width:45%; left:5%;}
	.i_contact_box .contact_con .con .text1 h3{ font-size:42px;}
	.i_contact_box .contact_con .con .text2 h3{ font-size:28px; color:#000; margin-bottom: 10px;}
	.i_contact_box .contact_con .con .text2 h2{ font-size:12px;}
	
	.i_contact_box .contact_con ul{ width:90%; left:5%; }
}
@media (max-width: 1200px){
	.i_contact_box .contact_con .con .text1 h3{ font-size:36px;}
	.i_contact_box .contact_con .con .text2 h3{ font-size:24px;}
	
	.i_contact_box .contact_con ul{ width:100%; left:0; }
	.i_contact_box .contact_con ul li dl dt img{ width:50px;}
	.i_contact_box .contact_con ul li dl dt h3{ font-size:18px; }
	.i_contact_box .contact_con ul li dl dd p{ font-size:12px;}
}
@media (max-width: 768px){
	.i_contact_box .contact_con{ height:auto;}
	.i_contact_box .contact_con .pic{ width:100%; height:756px;}
	.i_contact_box .contact_con .con{ width:100%; height:500px;}
	.i_contact_box .contact_con .text{ width:80%; left:10%; text-align:center;}
}
@media (max-width: 480px){
	.i_contact_box .contact_con .pic{ background:url(../images/m_i_con_pic1.jpg) no-repeat center center;}
	.i_contact_box .contact_con .con{ width:100%; height:360px;}
	.i_contact_box .contact_con .text{ top:8%; }
	.i_contact_box .contact_con .con .text1 h3{ font-size:24px;}
	.i_contact_box .contact_con .con .text2 h3{ font-size:14px;}
	
	.i_contact_box .contact_con ul{ width:90%; padding-bottom:10px; background:rgba(255,174,0,0.9); left:5%;}
	.i_contact_box .contact_con ul li{ width:100%; float:none; padding:5px 0;}
	.i_contact_box .contact_con ul li:nth-child(3){ width:100%;}
	.i_contact_box .contact_con ul li dl{ margin-left:5%;}
	.i_contact_box .contact_con ul li dl dt{ float:left; margin-top:5px;}
	.i_contact_box .contact_con ul li dl dt img{ width:40px; margin-right:15px; display:inline-block; vertical-align:middle;}
	.i_contact_box .contact_con ul li dl dt h3{ display:inline-block; vertical-align:middle;}
	.i_contact_box .contact_con ul li dl dd{ float:right; width:100%;}
}

.map img{ width:100%;}

.i_message{ width:80%; margin:80px auto;}
.i_message h3{ font-size:48px; margin-bottom:20px;}
.i_message li{ width:48.5%; padding:10px 0; float:left;}
.i_message li:nth-child(2n){ float:right;}
.i_message li:nth-child(5),.i_message li:nth-child(6){ width:100%;}
.i_message li .text,.i_message li textarea{ width:100%; height:42px; font-size:14px; padding-left:14px; background:#f8f8f8; border:1px #ddd solid;}
.i_message li textarea{ width:100%; height:112px; padding-top:10px;}
.i_message .submit{ display:block; width:200px; height:60px; font-size:24px; line-height:60px; text-align:center; color:#fff; background:#868686;}
.i_message .submit:hover{ color:#fff; background:#d52621;}

@media (max-width: 1200px){
	.i_message{ width:90%;}
	.i_message li{ width:48%;}
}
@media (max-width: 768px){

	.i_message{ padding:0 15px;}
	.i_message h3{ font-size:26px; margin-bottom:20px;}
	.i_message li{ width:100%; padding:10px 0; float:left;}
	.i_message li .text,.i_message li textarea{ width:100%; box-sizing:border-box;}
	.i_message .submit{ margin:0 auto;}
}

/* 人才招聘 */
.i_jobs_box{}
.i_jobs_box .contact_con{ height:528px;}
.i_jobs_box .contact_con .con{ height:528px; background:#338ecd url(../images/zl_logo.png) no-repeat 100px -100px;}
.i_jobs_box .contact_con .pic{ height:528px; background:none;}
.i_jobs_box .contact_con .text{ top:20%; }
.i_jobs_box .contact_con .con .text1 h3{ font-size:36px; color:#fff;}
.i_jobs_box .contact_con .con .text2 p{ font-size:18px; color:#fff; line-height:30px;}

.screen-check {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 383px;
    background: url(../images/check-bg.jpg) center center no-repeat;
    background-size: cover;
    color: #fff;
}
.screen-check h2 {
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 2rem;
}
.screen-check .sub-title {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 3rem;
}
.screen-check a {
    display: inline-block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    background: #fff;
    color: #333;
    border: 1px solid #fff;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-transition: color .15s ease 0s;
    -o-transition: color .15s ease 0s;
    -webkit-transition: color .15s ease;
    -webkit-transition-delay: 0s;
    transition: color .15s ease 0s;
    position: relative;
}
.screen-check a{display:inline-block;width:200px;height:50px;line-height:50px;text-align:center;font-size:14px;background:#fff;color:#333;border:1px solid #fff;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;-moz-transition:color .15s ease 0s;-o-transition:color .15s ease 0s;-webkit-transition:color .15s ease;-webkit-transition-delay:0s;transition:color .15s ease 0s;position:relative; z-index:1;}

@media screen and (min-width:1025px){
	.screen-check a:before{position:absolute;top:-1px;left:-1px;width:0;height:52px;background:#FFB619;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;content:"";-moz-transition:width .15s ease 0s;-o-transition:width .15s ease 0s;-webkit-transition:width .15s ease;-webkit-transition-delay:0s;transition:width .15s ease 0s;z-index:-1}
	.screen-check a:hover{color:#fff}
	.screen-check a:hover:before{width:202px}
}
@media screen and (max-width:641px){
	.screen-check{height:98.4375vw;background-image:url(../images/m-check-bg.jpg)}
	.screen-check h2{font-size:2.3rem;line-height:3.25rem}
	.screen-check .sub-title{padding:0 2rem;font-size:1.4rem}
	.screen-check a{display:inline-block;width:200px;height:45px;line-height:45px;text-align:center;cursor:pointer;background:#fff;color:#333;border:1px solid #fff;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;-moz-transition:color .15s ease 0s;-o-transition:color .15s ease 0s;-webkit-transition:color .15s ease;-webkit-transition-delay:0s;transition:color .15s ease 0s;position:relative;z-index:1;font-size:1.4rem}
}
@media screen and (max-width:641px)and (min-width:1025px){
	.screen-check a:before{position:absolute;top:-1px;left:-1px;width:0;height:47px;background:#d70226;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;content:"";-moz-transition:width .15s ease 0s;-o-transition:width .15s ease 0s;-webkit-transition:width .15s ease;-webkit-transition-delay:0s;transition:width .15s ease 0s;z-index:-1}
	.screen-check a:hover{color:#fff}
	.screen-check a:hover:before{width:202px}
}


.jobs_list{ width:1400px; margin:0 auto;}

.tab_title{ margin:30px 0;position:relative;}
.tab_title ul#tab_btn li{ width:48.5%;}
.tab_title ul#tab_btn li:nth-child(2){ float:right;}
.tab_title ul#tab_btn li a{ width:100%; float:left; display:block; cursor:pointer;}
.tab_title ul#tab_btn li a img{ width:100%;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
opacity:0.5;
filter:alpha(opacity=50);
}
.tab_title ul#tab_btn li a.active img{
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: ;
	opacity:1;
	filter:alpha(opacity=100);
}

.tab_con .jobs_con{ display:none; padding:0 0 80px;}

.concept_box{ height:300px; margin-bottom:20px; overflow:hidden; background:#19a5ff;}
.concept_box .concept_pic{ width:650px; float:left;}
.concept_box .concept_info{ width:470px; color:#fff; line-height:24px; float:left; padding:40px 40px 0 40px;}
.concept_box .concept_info h3{ font-size:24px; margin-bottom:30px;}

.accordion{ width:100%; height:50px; line-height:50px; margin-top:10px; position:relative; display:inline-block; color:#666; vertical-align:middle;}
.accordion .icon{ width:28px; height:28px; position:relative; float:right; border-radius:100%; border:2px #fff solid; margin:9px 15px 0 0; background:url(../images/jia.gif) no-repeat center center;}
.accordion.active .icon{ background:url(../images/jian.gif) no-repeat center center;}
.accordion h4{ float:left; padding-left:20px; position:relative; font-size:18px;}
.accordion a{ height:50px; position:relative; display:block; text-decoration:none; background:#e6e6e6;}
.accordion a:hover,.accordion.active a{ text-decoration:none; color:#fff; background-color:#338ecd; transition:0.3s;}

.accordion-desc{ background-color:#f9f9f9; color:#666; z-index:2; font-size:14px; line-height:2em; padding:30px;}

@media screen and (max-width:1399px){
	.jobs_list{ width:100%; padding:0 20px; margin:0 auto 50px; box-sizing:border-box;}
}
@media screen and (max-width:1024px){
	.tab_con .jobs_con{ padding:0;}
	.i_jobs_box .contact_con .con .text2 p{ font-size:16px;}
}
@media screen and (max-width:768px){
	.i_jobs_box .contact_con{ height:auto;}
	.i_jobs_box .contact_con .pic{ height:auto;}
	.i_jobs_box .contact_con .text{ top:10%; }
	
	.tab_con .jobs_con{ padding:0;}
}
@media screen and (max-width:480px){
	.i_jobs_box .contact_con{ height:400px;}
	.i_jobs_box .contact_con .con{ height:400px; background:#338ecd url(../images/zl_logo.png) no-repeat center -100px;}
	.i_jobs_box .contact_con .text{ top:15%; }
	.i_jobs_box .contact_con .con .text1 h3{ font-size:24px; color:#fff;}
	.i_jobs_box .contact_con .con .text2 p{ font-size:14px;}
	
	.tab_title{ margin:30px 0 10px; position:relative;}
	
	.accordion{ width:100%; height:40px; line-height:40px;}
	.accordion .icon{ width:20px; height:20px; margin:9px 15px 0 0; background-size:50%;}
	.accordion h4{  font-size:14px;}
	.accordion a{ height:40px;}
}


/* 合作共赢 */
.i_service_box{ height:575px; overflow:hidden; background:url(../images/cooperation_bg1.jpg) no-repeat center top;}
.i_service_box .con{ width:55%; margin:0 auto; font-size:22px; text-align:center; color:#fff; line-height:36px;}
.i_service_box .con p{ padding:20px 0 80px;}

.i_case_box{ background:url(../images/cooperation_bg3.jpg) no-repeat center top;}
.i_technical_box{ background:url(../images/cooperation_bg2.jpg) no-repeat center top;}

.i_case_box1{ background:none; padding-bottom:50px;}
.i_case_box1 .title{ margin:30px 0 20px; background: url("../images/ico_04b.png") center bottom no-repeat;}
.i_case_box1 .title h3{ color: #000; }
.i_case_box1 ul{ width:77%;}
.i_case_box1 ul li {
    background: rgba(0,0,0,0.1);
}

@media screen and (max-width:1200px){
	.i_service_box .con{ width:80%; }
}
@media screen and (max-width:1200px){
	.i_case_box1 ul{ width:90%;}
	.i_service_box .con p{ padding:0 0 40px;}
	
	.i_case_box1 img{ width:100%;}
}
@media screen and (max-width:480px){
	.i_service_box{ height:auto; padding-bottom:30px;}
	.i_service_box .con p{ font-size:14px; line-height:2em;}
}
@media screen and (max-width: 769px){
	.i_case_box1{ padding-top:0;}
	.i_case_box ul li {
		margin: 5px 1%;
	}
}

/* 市场应用 */
#application_box.i_application_box ul li{ width:25%; height:480px; float:left; position:relative; overflow:hidden;}
#application_box.i_application_box ul li.li1,#application_box.i_application_box ul li.li2{ width:50%; height:640px;}

@media screen and (max-width:1399px){
	#application_box.i_application_box ul li{ width:50%; height:480px;}
	#application_box.i_application_box ul li.li1,#application_box.i_application_box ul li.li2{ height:480px;}
}
@media screen and (max-width:480px){
	#application_box.i_application_box ul li{ width:50%; height:250px;}
	#application_box.i_application_box ul li.li1,#application_box.i_application_box ul li.li2{ height:250px;}
}


/*** 补充动画 ***/
@keyframes 'moveDown' {
	0%{opacity: 0; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
	50%{opacity: 1; transform:translateY(20px);-o-transform:translateY(20px);-ms-transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transform:translateY(20px);}
	100%{opacity: 0; transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);}
}
@-webkit-keyframes 'moveDown' {
	0%{opacity: 0; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
	50%{opacity: 1; transform:translateY(20px);-o-transform:translateY(20px);-ms-transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transform:translateY(20px);}
	100%{opacity: 0; transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);}
}
@-o-keyframes 'moveDown' {
	0%{opacity: 0; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
	50%{opacity: 1; transform:translateY(20px);-o-transform:translateY(20px);-ms-transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transform:translateY(20px);}
	100%{opacity: 0; transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);}
}
@-moz-keyframes 'moveDown' {
	0%{opacity: 0; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
	50%{transform:translateY(20px);-o-transform:translateY(20px);-ms-transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transform:translateY(20px);}
	100%{opacity: 0; transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);}
}
@keyframes 'Line' {
	0%{opacity:0;-webkit-transform: scale(0,1);-moz-transform: scale(0,1);-o-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);}
	100%{opacity:1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);}
}
@-webkit-keyframes 'Line' {
	0%{opacity:0;-webkit-transform: scale(0,1);-moz-transform: scale(0,1);-o-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);}
	100%{opacity:1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);}
}
@-o-keyframes 'Line' {
	0%{opacity:0;-webkit-transform: scale(0,1);-moz-transform: scale(0,1);-o-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);}
	100%{opacity:1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);}
}
@-moz-keyframes 'Line' {
	0%{opacity:0;-webkit-transform: scale(0,1);-moz-transform: scale(0,1);-o-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);}
	100%{opacity:1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);}
}

@keyframes 'scale_round' {
	0%{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
	100%{opacity: 0;-webkit-transform: scale(2);-moz-transform: scale(2);-o-transform: scale(2);-ms-transform: scale(2);transform: scale(2);}
}
@-webkit-keyframes 'scale_round' {
	0%{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
	100%{opacity: 0;-webkit-transform: scale(2);-moz-transform: scale(2);-o-transform: scale(2);-ms-transform: scale(2);transform: scale(2);}

}
@-o-keyframes 'scale_round' {
	0%{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
	100%{opacity: 0;-webkit-transform: scale(2);-moz-transform: scale(2);-o-transform: scale(2);-ms-transform: scale(2);transform: scale(2);}
}
@-moz-keyframes 'scale_round' {
	0%{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
	100%{opacity: 0;-webkit-transform: scale(2);-moz-transform: scale(2);-o-transform: scale(2);-ms-transform: scale(2);transform: scale(2);}
}

@-webkit-keyframes waves {
  0% {background-position:0px 0px;}
  100% {background-position:0px -5000px;}
}
@keyframes waves {
  0% {background-position:0px 0px;}
  100% {background-position:0px -5000px;}
}
@keyframes 'milk' {
	0%,50%{background-position:0px -50px;}
	100%{background-position:0px -900px;}
}
@-webkit-keyframes 'milk' {
	0%,50%{background-position:0px -50px;}
	100%{background-position:0px -900px;}
}
@-o-keyframes 'milk' {
	0%,50%{background-position:0px -50px;}
	100%{background-position:0px -850px;}
}
@-moz-keyframes 'milk' {
	0%,50%{background-position:0px -50px;}
	100%{background-position:0px -850px;}
}
@keyframes 'downing' {
	0%,50%{opacity: 0; transform:translateY(70px);-o-transform:translateY(70px);-ms-transform:translateY(70px);-moz-transform:translateY(70px);-webkit-transform:translateY(70px);}
	100%{opacity: 1; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
}
@-webkit-keyframes 'downing' {
	0%,50%{opacity: 0; transform:translateY(70px);-o-transform:translateY(70px);-ms-transform:translateY(70px);-moz-transform:translateY(70px);-webkit-transform:translateY(70px);}
	100%{opacity: 1; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
}
@-o-keyframes 'downing' {
	0%,50%{opacity: 0; transform:translateY(70px);-o-transform:translateY(70px);-ms-transform:translateY(70px);-moz-transform:translateY(70px);-webkit-transform:translateY(70px);}
	100%{opacity: 1; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
}
@-moz-keyframes 'downing' {
	0%,50%{opacity: 0; transform:translateY(70px);-o-transform:translateY(70px);-ms-transform:translateY(70px);-moz-transform:translateY(70px);-webkit-transform:translateY(70px);}
	100%{opacity: 1; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
}


@keyframes 'Down' {
	0%{opacity: 0;transform:translateY(-60px);-o-transform:translateY(-60px);-ms-transform:translateY(-60px);-moz-transform:translateY(-60px);-webkit-transform:translateY(-60px);}
	50%{opacity: 0.5; transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);-moz-transform:translateY(100px);-webkit-transform:translateY(100px);}
	100%{opacity: 1; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
}
@-webkit-keyframes 'Down' {
	0%{opacity: 0;transform:translateY(-60px);-o-transform:translateY(-60px);-ms-transform:translateY(-60px);-moz-transform:translateY(-60px);-webkit-transform:translateY(-60px);}
	50%{opacity: 0.5; transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);-moz-transform:translateY(100px);-webkit-transform:translateY(100px);}
	100%{opacity: 1; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
}
@-o-keyframes 'Down' {
	0%{opacity: 0;transform:translateY(-60px);-o-transform:translateY(-60px);-ms-transform:translateY(-60px);-moz-transform:translateY(-60px);-webkit-transform:translateY(-60px);}
	50%{opacity: 0.5; transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);-moz-transform:translateY(100px);-webkit-transform:translateY(100px);}
	100%{opacity: 1; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
}
@-moz-keyframes 'Down' {
	0%{opacity: 0;transform:translateY(-60px);-o-transform:translateY(-60px);-ms-transform:translateY(-60px);-moz-transform:translateY(-60px);-webkit-transform:translateY(-60px);}
	50%{opacity: 0.5; transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);-moz-transform:translateY(100px);-webkit-transform:translateY(100px);}
	100%{opacity: 1; transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}

}
@keyframes 'srcollDown' {
	0%{opacity: 0;transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);}
	50%{opacity: 1;transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
	100%{opacity: 0;transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);}
}
@-webkit-keyframes 'srcollDown' {
	0%{opacity: 0;transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);}
	50%{opacity: 1;transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
	100%{opacity: 0;transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);}
}
@-o-keyframes 'srcollDown' {
	0%{opacity: 0;transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);}
	50%{opacity: 1;transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
	100%{opacity: 0;transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);}
}
@-moz-keyframes 'srcollDown' {
	0%{opacity: 0;transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);}
	50%{opacity: 1;transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);}
	100%{opacity: 0;transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);}
}