@charset "utf-8";
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html{font-family:"microsoft yahei";overflow-x:hidden;width:100%}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
a,ins{text-decoration:none; position: relative; display: block;}
:focus,a:focus{outline:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fl,.fr{display:inline}
.fl{float:left}
.fr{float:right}
img{ max-width: 100%; display: block; border-radius: 2px; position: relative; background: #ccc; color: #ccc;}
img:before{
	content: '';
	display: block;
	background: #ccc;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.mr0{
	margin-right: 0 !important;
}
/*公共*/
.tip{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.6);
	opacity: 0;
}
.tip span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 30px;
	color: #fff;
}
a:hover .tip{
	opacity: 1;
}
.tip:before,a .tip:after{
	content: '';

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: all .35s;
	transition: all .35s;
}
.tip:before{
	width: 70%;
		height: 80%;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform-origin: top;
	        transform-origin: top;
	-webkit-transform: scaleY(0);
	        transform: scaleY(0);
}
.tip:after{
	height: 70%;
	width: 80%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform-origin: left;
	        transform-origin: left;
	-webkit-transform: scaleX(0);
	        transform: scaleX(0);
}
a:hover .tip:before,a:hover .tip:after{
	-webkit-transform: scale(1);
	        transform: scale(1);
}
.wow{
	overflow: hidden;
}
.warp{
	width: 1200px;
	margin: 0 auto;
}
.bgColor {
	background: #f7f7f7;
}
h2{
	text-align: center;	
}
h2 .cn{
	padding-top: 47px;
	line-height: 1;
	height: 36px;
	font-size: 26px;
	color: #333333;
}
h2 .en{
	height: 52px;
	font-size: 22px;
	line-height: 1;
	color: #999999;
}
.swiper-box{
	position: relative;
}
.swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAcCAYAAAAqckyNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowN2QzYmIyOS05MDlmLTQ5N2QtYWY5ZC0yYmZmMDNhMDg2Y2YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODNCREYyRDUzQkQzMTFFOEFGMzM4Njc4QUQ0Mzk5NUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODNCREYyRDQzQkQzMTFFOEFGMzM4Njc4QUQ0Mzk5NUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDVmM2ZhYzEtMjFmZi1iNDRmLWI3YzgtOTc3YWE1OWQwYzE5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA3ZDNiYjI5LTkwOWYtNDk3ZC1hZjlkLTJiZmYwM2EwODZjZiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr9u0vAAAAI/SURBVHjavJjJTgJREEWh1zJ/iWBwYNi5QEUg0f9wa3SjC/f+i0KLqAR0reE/3Mi403rJ7aTTAanbA5XcBOjqqjrwyLuv46PRKOYjtkWXRP6H6B6vL0QHxL13oi92wLgPMAP1LMoRUEeiH7xPitqikvL+b9Gh6JMZ0iKh8qIeAfUuqrmgYnhdwzVN5NAzHxVYAQ2yyvwhAMZLro1xbaislUXvQthgOyicUeYPMPjkn5wJlqgWLoO/QCEssB0UTBNQZuCpIneCL2BAwPUwUyCwIgppofoYdEos8Snu6Svz05ip6BdsT9QVpZQNX0XHopmP7WOGe9+U+SnMtsuC7YtsAupFVPcJ5YY7wRekhXvCD6ACM5tnh4Ayy+I0IJQbro6aWjh72YbvBSuRUGY5NEKCcsM1UFsL1/Fu+G6wMhKSyoJmGTRDhnLDNdFDE0nMXvaCOVAJEmoeiy5M7RYBl4BVKztgFUBtKQvYgFrEoo85etkEnGGpGLBrAupXdLMhKCdMr1v01oRhuTJgZ4QhjYseWUMaMEyvB/TWGu9zaxOGNED4Nt6Wx7MxhjRquEDG21ri2bSGNK01pAGg0iTUdNUGHYkhJcMx3lqT4Bjv2TpL5RhSxrN1V3k2MkIz3tYaz8bA2QHhQjXe1iYMqSJCN97rDpqhGNI1EYnx1jwacAypFi5JwEVmvLUPc+ak20543fYKqDZpvFta4808fvNtSJdcq5CnCZs9TbAPTBdo0CEMqcmtuj6rkqeJjp/TxJ8AAwBHGakjw7iUfwAAAABJRU5ErkJggg==) no-repeat left center;
}
.swiper-button-next.swiper-button-black{
	background-position:-27px center ;
}
body{
	background: url(https://all.img.s105.cn/kfupload/up/201804/10112833_7631.jpg) no-repeat center top;
	background-size:contain;
	font-family: "微软雅黑";
}
.banner{
	width: 38.8%;
	margin: 0 auto;
	background: none;
}
/*导航*/
#nav {overflow: hidden; height: 90px;  margin-bottom: 38px; }
nav{
	width: 1098px;
	margin: 0 auto;
	background: #fff;
	-webkit-box-shadow: 0 0 16px #707070;
	        box-shadow: 0 0 16px #707070;
} 
nav ul{
	width: 1098px;
	margin: 0 auto;
}
nav li{
	width: calc(100% / 6);
}
nav li a{
	display: block;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 20px;
	-webkit-transition: background .35s;
	transition: background .35s;
	color: #333333;
}
nav li a:hover{
	background: #ed4a2f;
	color: #fff;
}
nav li.active a {
    background: #ed4a2f;
    color: #fff;
}
nav.fixed{
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	left: 0;
}
nav.fixed li a{
	height: 50px;
    line-height: 50px;
    font-size: 18px;
}
/*导语*/
.Lead{
	height: 188px;
	position: relative;
	-webkit-transform: translate3d(0,0,-10px);
	        transform: translate3d(0,0,-10px);
}
.Lead .text{
	margin-left: 20px;
}
.Lead .text{
	width: 997px;
	font-size: 16px;
	color: #333333;
	padding-top: 11px;
	line-height: 28px;
	position: relative;
}
.Lead .text:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 2px;
	background: #ed4a2f;
	-webkit-transform-origin: left;
	        transform-origin: left;
	-webkit-animation: widthChage 3s 300ms linear infinite;
	        animation: widthChage 3s 300ms linear infinite;
}
@-webkit-keyframes widthChage{
	0%{-webkit-transform: scaleX(2.5);transform: scaleX(2.5); opacity: 1;}
	100%{-webkit-transform: scaleX(1);transform: scaleX(1); opacity: 0;}
}
@keyframes widthChage{
	0%{-webkit-transform: scaleX(2.5);transform: scaleX(2.5); opacity: 1;}
	100%{-webkit-transform: scaleX(1);transform: scaleX(1); opacity: 0;}
}
/*新品展示 */
#plate2 li{
	width:calc((100% - 60px)/4);
	margin-right: 20px;
	margin-bottom: 30px;
}
#plate2 li img{
	height: 212px;
}
#plate2 li .title{
	display: block;
	margin-top: 13px;
	font-size: 14px;
	color: #fff;
	height: 34px;
	text-align: center;
	background: #ed4a2f;
	line-height: 34px;
	border-radius: 1px;
}
#plate2 li.special{
	width:calc((100% - 32px)/2);
	margin-right: 32px;
}
#plate2 li.special img{
	width: 300px;
height: 225px;	
}
#plate2 li .text{
	margin-left: 17px;
	font-size: 14px;
	color: #333333;
	line-height: 28px;
	width: 266px;
}
#plate2 a{
	display: block;
	position: relative;
}
/*视频演示*/
#plate3{
	margin-bottom: 47px;
}
#plate3 .text{
	font-size: 14px;
	color: #333333;
	line-height: 30px;
	margin-bottom:20px;
}
#plate3 li{
	width: calc((100% - 67px)/2);
}
#plate3 li:first-of-type{
	margin-right: 67px;
}
#plate3 li .title{
	display: block;
	margin-bottom: 40px;
	font-size: 18px;
	color: #fff;
	height: 44px;
	text-align: center;
	background: #ed4a2f;
	line-height: 44px;
	border-radius: 1px;
}
#plate3 li .border{
	position: relative;	
}
#plate3 li:first-of-type .border{
	padding: 17px 0 0 23px;	
}
#plate3 li:nth-of-type(2) .border{
	padding: 17px 23px 0 0;	
}
#plate3 li .border:before{
	content: '';
	display: block;
	width: calc(100% - 30px);
	height: calc(100% - 25px);
	position: absolute;
	border: 4px solid #ed4a2f;
}
#plate3 li:first-of-type .border:before{
	top: 0;
	left: 0;
}
#plate3 li:nth-of-type(2) .border:before{
	top: 0;
	right: 0;
}
#plate3 li a{
	display: block;
	position: relative;	
	overflow: hidden;
}
#plate3 .Abbreviated{
	height: 380px;
}
#plate3 li a p{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	background: rgba(0,0,0,.6);
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 48px;
}
#plate3 li a .play{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	bottom: 0;
	margin:  auto;
	background: rgba(255,255,255,.5);
	border-radius: 50%;
	-webkit-transform: scale(1.5);
	        transform: scale(1.5);
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
}
#plate3 li a:hover .play{
	-webkit-transform: scale(1);
	        transform: scale(1);
	opacity: 1;
}
/*品牌展示*/
#Brand .nav .swiper-container{
	width: 1092px;
	margin: 0 auto;
	padding: 0 6px;
}
#Brand .nav img{
	border: 1px solid #e5e5e5;
	cursor: pointer;
	height: 63px;
}
#Brand .nav .swiper-slide.swiper-slide-active img{
	border-color: #ed4a2f;
}
#Brand .main{
	margin-top: 100px;
}
#Brand .main .swiper-slide{
	background: #f7f7f7;
	
}
#Brand .introduction{
	margin-bottom: 34px;
}
#Brand .introduction .img{
	width: 577px;
}#Brand .introduction .img img{
	height: 381px;
}
#Brand .introduction .text{
	margin-left: 48px;
	width: 574px;
}
#Brand h3{
	padding-left: 202px;
	position: relative;
	height: 106px;
}
#Brand h3 img{
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 86px;
}
#Brand h3 .cn{
	padding-top: 40px;
	line-height: 1;
	height: 28px;
	font-size: 20px;
	color: #333333;
}
#Brand h3 .en{
	font-size: 16px;
	line-height: 1;
	font-weight: normal;
	color: #999999;
}
#Brand .text>p{
	font-size: 16px;
	line-height: 33px;
	color: #333333;
}
#Brand .pic{
	padding-bottom: 50px;
}
#Brand .pic li{
	width: calc((100% - 101px) / 3) ;
}
#Brand .pic li:not(:first-of-type){
	margin-left: 50px;
}
#Brand .pic li img{
	height: 238px;
}
/*精彩图集*/
#Wonderful{
	position: relative;
	margin-bottom: 47px;
}
#Wonderful .swiper-container{
	width: 1103px;
	margin: 0 auto;
}
#Wonderful img{
	position: relative;
	cursor: pointer;
	color: #ccc;
	height: 180px;
}
/*相关报道*/
#plate6{
	padding-bottom: 46px;
}
#plate6 .img{
	height: 416px;
	width: 534px;
	background-color: #f6f6f6;
	background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left top;
    background: #ccc;
}
#plate6 .list{
	width: 666px;
}
#plate6 .list ul{
	padding-right: 72px;
}
#plate6 .list li{
	padding-bottom: 24px;
}
#plate6 .list a{
	font-size: 22px;
	color: #333333;
	line-height: 1;
	-webkit-transition: all .35s;
	transition: all .35s;
	padding-bottom: 24px;
	display: block;
}
#plate6 .list li.active a{
	color: #ed4a2f;
	-webkit-transform: translateX(10px);
	        transform: translateX(10px);
}
#plate6 .list p{
	font-size: 12px;
	color: #666666;
	line-height: 33px;
}
#plate6 .article{
	margin-top: 40px;
	background: #fff;
	height: 119px;
}
#plate6 .article ul{
	padding:22px 0 22px 152px;
}
#plate6 .article ul li{
	width: 448px;
	position: relative;
	margin-right: 85px;
}
#plate6 .article ul li:before{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left:0;
	margin-top: -1px;
	width: 4px;
	height: 4px;
	background: #ed4a2f;
}
#plate6 .article ul li a{
	padding-left: 21px;
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	color: #333333;
}
#plate6 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
	    margin: 0 5px;
	    display:inline-block;
}
#plate6 .swiper-container-vertical>.swiper-pagination-bullets{
	top: auto;
	right: auto;
	bottom: 4px;
    left: 50%;
	-webkit-transform: translate3d(-50%,0,0);
	        transform: translate3d(-50%,0,0);
	-webkit-transition: none;
	transition: none;
}
#plate6 .swiper-pagination-bullet-active{
	background: #ed4a2f;
}
.footerw{background:#fff;overflow:hidden;padding:20px 0}
.footer{position:relative;min-height:95px;text-align:center;font-size:14px}
.footer_adjunction,.footer_collaboration,.footer_copyright,.footer_nav{line-height:22px;height:22px;margin-bottom:5px}
.footer_collaboration,.footer_collaboration a{color:#999}
.footer_copyright a{color:#C00}
.footer_logo{height:69px;width:118px;position:absolute;z-index:2;left:5px;top:20px}
.footer_nav a{margin-right:5px;margin-left:5px;color:#333; display: inline-block;}
.bd_style1 .c .bd .date li a{width:320px;float:left}
.bd_style1 .c .bd .date li span{color:#999;float:right;font-size:12px}
.footer_weixin{height:73px;width:88px;position:absolute;z-index:3;right:5px;top:15px}