﻿@charset "UTF-8";


.ny-banner {
	width:100%;
	height:820px;
	position:relative;
	transition:all ease .5s;
}
.ny-banner.production2 {
	height:800px;
}
.ny-banner .img {
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	left:0;
	top:0;
}
.ny-banner .img img {
	max-width:initial;
	width:auto;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}
.ny-banner .boxs {
	position:relative;
	max-width:1600px;
	height:100%;
	z-index:2;
	margin:auto;
	color:#fff;
}
.ny-banner .boxs.n1 {
	padding-top:340px;
	letter-spacing:2px;
	transition:all ease .5s;
}
.ny-banner .boxs.n1 .t1 {
	font-size:48px;
	font-weight:bold;
	line-height:72px;
}
.ny-banner .boxs.n1 .t2 {
	font-size:22px;
	line-height:44px;
}
.ny-banner .boxs.n1 .t3 {
	width:52px;
	height:52px;
	border-radius:50%;
	border:1px solid #fff;
	position:relative;
	margin-top:59px;
}
.ny-banner .boxs.n1 .t3 span {
	position: absolute;
    display: block;
    width: 52px;
    height: 52px;
    margin: 0 auto;
    background: url(../images/icon2.png) no-repeat center center;
    cursor: pointer;
    animation: downico 1.5s ease-out infinite;
}

.production {
	width:100%;
}
.design {
	width:100%;
	padding-top:60px;
}
.design .title {
	font-size:36px;
	line-height:1;
	font-weight:bold;
	color:#fff;
	text-align:center;
	color:#222;
}
.design .txt {
	font-size:14px;
	line-height:24px;
	color:#222;
	text-align:center;
	max-width:950px;
	margin:23px auto 0;
}
.design .list {
	width:100%;
	display:table;
	margin-top:52px;
}
.design .list li {
	width:calc(20% - 2px);
	float:left;
	position:relative;
	margin:2px 1px 0;
}
.design .list li a {
	display:block;
}
.design .list li .img {
	width:100%;
	overflow:hidden;
}
.design .list li .img img {
	width:100%;
	transition:all ease .8s;
}
.design .list li .tbox {
	width:100%;
	position:absolute;
	z-index:2;
	left:0;
	bottom:0;
	height:80px;
	background:rgba(39, 158, 226, 0.66);
	text-align:center;
	padding:13px 0;
	transition:all ease .5s;
	overflow:hidden;
}
.design .list li .tbox .icon {
	width:54px;
	height:54px;
	display:inline-block;
	margin-right:10px;
}
.design .list li .tbox .icon img {
	display:inline-block;
	margin:auto;
}
.design .list li .tbox .t1 {
	font-size:18px;
	line-height:24px;
	height:24px;
	color:#fff;
	font-weight:bold;
	display:inline-block;
}
.design .list li .tbox .t2 {
	font-size:14px;
	line-height:24px;
	color:#fff;
	text-align:center;
	padding:0 15%;
	display:none;
	animation: fadeInRight .6s ease-out;
	-webkit-animation: fadeInRight .6s ease-out;
}
.design .list li:hover .img img {
	transform:scale(1.1);
}
.design .list li:hover .tbox {
	width:100%;
	position:absolute;
	z-index:2;
	left:0;
	bottom:0;
	height:150px;
	background:rgba(39, 158, 226, 0.57);
	text-align:center;
	padding:20px 0;
}
.design .list li:hover .tbox .icon {
	width:100%;
	height:54px;
	margin-right:0;
	margin-bottom:18px;
	display:block;
}
.design .list li:hover .tbox .t1 {
	font-size:18px;
	line-height:24px;
	height:24px;
	color:#fff;
	font-weight:bold;
	margin-bottom:12px;
	display:block;
	animation: fadeInLeft .5s ease-out;
	-webkit-animation:fadeInLeft .5s ease-out;
}
.design .list li:hover .tbox .t2 {
	font-size:14px;
	line-height:24px;
	color:#fff;
	text-align:center;
	padding:0 15%;
	display:block;
}

.process {
	width:100%;
	background:#f2f2f2;
	padding:80px 7.8%;
}
.process .title {
	font-size:36px;
	font-weight:bold;
	color:#222;
	text-align:center;
	line-height:1;
}
.process .txt {
	font-size:14px;
	line-height:24px;
	color:#222;
	text-align:center;
	margin-top:23px;
}
.process .list {
	width:100%;
	margin:82px auto 0;
	display:table;
}
.process .list li {
	width:18.125%;
	height:330px;
	float:left;
	margin-right:-1px;
	border:1px solid #d8d8d8;
	text-align:center;
	position:relative;
	padding-top:122px;
	cursor:pointer;
	transition:all ease .5s;
	background:#fff;
}
.process .list li:hover {
	width:27.75%;
	padding-top:92px;
}
.process .list li.on {
	width:27.75%;
	padding-top:92px;
}
.process .list li .num {
	width:52px;
	height:52px;
	background:#21abd7;
	line-height:52px;
	position:absolute;
	top:-23px;
	left:50%;
	transform:translateX(-50%);
	border-radius:50%;
	font-size:24px;
	color:#fff;
	font-style:oblique;
	text-align:left;
	padding-left:8px;
}
.process .list li .num:before {
	width:66px;
	height:66px;
	background:rgba(33,171,215,.1);
	content:"";
	position:absolute;
	left:-7px;
	top:-7px;
	border-radius:50%;
}
.process .list li .num:after {
	width:80px;
	height:80px;
	background:rgba(33,171,215,.05);
	content:"";
	position:absolute;
	left:-14px;
	top:-14px;
	border-radius:50%;
}
.process .list li .icon {
	width:60px;
	height:60px;
	margin:auto;
	position:relative;
}
.process .list li .icon img {
	width:60px;
	height:60px;
	position:absolute;
	left:0;
	top:0;
}
.process .list li .icon img:last-child {
	opacity:0;
	z-index:2;
	transition:all ease .5s;
}
.process .list li:hover .icon img:last-child {
	opacity:1;
}
.process .list li.on .icon img:last-child {
	opacity:1;
}
.process .list li .t1 {
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	color:#222;
	margin-top:36px;
	transition:all ease .5s;
}
.process .list li:hover .t1 {
	color:#21abd7;
}
.process .list li.on .t1 {
	color:#21abd7;
}
.process .list li .t2 {
	font-size:14px;
	line-height:24px;
	color:#222;
	margin:20px auto;
	display:none;
	padding:0 13%;
}
.process .list li:hover .t2 {
	display:block;
	animation: fadeInUp .5s ease-out;
}
.process .list li.on .t2 {
	display:block;
}

.brand-eight{padding: 23px 0 75px;background: url(../images/bri-bg.jpg) no-repeat center;}
.bri-tit{font-size: 40px;color: white;text-align: center;line-height: 56px; margin-top:50px;}
.bri-dec{font-family: 'akm';margin-top: -38px; font-size: 50px;color: rgba(255,255,255,0.05);text-align: center;line-height: 56px;text-transform: uppercase;}
.bri-line{width: 40px;height: 2px;background: rgba(255,255,255,0.6);margin: 21px auto 108px;}
.brand-eight ul{padding: 0 75px;margin-bottom: 79px;}
.brand-eight li{position: relative; width: 20%;float: left;}
.brand-eight li::after{position: absolute;content: '';width: 1px;height: 131px;background: rgba(255,255,255,0.15);right: 0;top: 8px;}
.brand-eight li:last-child::after{display: none;}
.bri-icon{width: 85px;height: 85px;margin: 0 auto;transition: all .5s;}
.bri-icon img{display: block;width: 100%;height: 100%;}
.brand-eight li p{font-size: 20px;color: white;text-align: center;line-height: 39px;margin-top: 23px;margin-bottom: 0;}
.brand-eight li:hover .bri-icon{transform: translateY(-10px);}
/*.bri-more{transition: all .5s; margin: 0 auto; display:block; overflow: hidden; position: relative;z-index: 3;width: 260px;height: 50px;line-height: 50px;text-align: center;color: white;font-size: 18px;border-radius: 30px;}
.bri-more span{position: relative;z-index: 3;}
.bri-more::after{transition: all .5s;  position: absolute;content: '';width: 100%;height:100%;left: 0;top: 0;border: solid 2px rgba(255,255,255,0.5);box-sizing: border-box;border-radius: 30px;}
.bri-more:hover::after{transform: rotate(180deg);background: url(../images/brf-more.png) no-repeat center;border: none;}*/
.brand-eight .in1_btn.head-btn{left: 50%;width: 260px;height: 50px;border-radius: 30px;margin-left: -130px;bottom: -130px;}
.brand-eight .in1_btn.head-btn a{color: white; width: 260px;height: 50px;line-height: 46px;border-radius: 30px;border-color: rgba(255,255,255,0.5);}
.brand-eight .in1_btn.head-btn a:hover{border-color: #3080e8;}
@media (max-width: 1440px) {
	.brand-two ul.brt-top{margin-left: -20px;}
	.brand-two li{margin-left: 20px;width: 285px;}
	.brand-two ul{padding: 0 154px 0 130px;}
	.brf-box ul{height: 121px;padding: 0 260px 0 240px;}
	.brf-box li{width: 155px;height: 121px;}
	.brx-tit{padding: 23px 15px;}
}
