body {
	width: 100%; -ms-overflow-x: hidden;
}
.banner1 {
	left: 0px; top: 0px; width: 100%; height: 500px; overflow: hidden; position: fixed; z-index: 1;
}
.banItem2 {
	background: url("../images_net/secBg.png") no-repeat center; width: 100%; height: 500px; display: none;
}
.videoBox {
	width: 100%; height: 100%; overflow: hidden;
}
#video {
	height: 100%;
}
.banner1Bg {
	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1; opacity: 0.67;
}
.banBox {
	left: 0px; top: 0px; width: 100%; text-align: center; color: rgb(255, 255, 255); padding-top: 200px; position: absolute; z-index: 2;
}
.banBox h6 {
	transition:0.6s 0.5s; padding-bottom: 15px; font-family: "webfont"; font-size: 48px; opacity: 0; transform: translateY(-80px); -webkit-transform: translateY(-80px); -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased;
}
.banBox2.banBox h6 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.banBox p {
	transition:0.6s 0.8s; line-height: 36px; padding-bottom: 35px; font-family: "webfont"; font-size: 24px; opacity: 0; transform: translateY(-80px); -webkit-transform: translateY(-80px); -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased;
}
.banBox2.banBox p {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.banBox .dz_see {
	border: 1px solid rgb(255, 255, 255); transition:0.6s 1.1s; border-image: none; width: 184px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; display: inline-block; position: relative; z-index: 1; opacity: 0; transform: translateY(-80px); -webkit-transform: translateY(-80px);
}
.banBox2.banBox .dz_see {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.fixedList {
	background: rgba(0, 0, 0, 0.3); left: 0px; top: 450px; width: 100%; height: 60px; position: absolute; z-index: 999;
}
.fixed2.fixedList {
	background: rgba(0, 0, 0, 1); top: 0px; position: fixed;
}
.topList {
	margin: 0px auto; width: 1170px; height: 100%;
}
.topList li {
	transition:0.3s; width: 25%; text-align: center; color: rgb(255, 255, 255); line-height: 60px; font-size: 16px; border-left-color: rgb(104, 105, 106); border-left-width: 1px; border-left-style: solid; float: left; cursor: pointer; box-sizing: border-box;
}
.topList li:last-child {
	border-right-color: rgb(104, 105, 106); border-right-width: 1px; border-right-style: solid;
}
.topList .active {
	color: rgb(255, 85, 85);
}
.downArrow {
	background: url("../images/down_arrow.png") no-repeat center; left: 50%; width: 33px; height: 28px; bottom: 30px; margin-left: -17px; position: absolute; z-index: 30; opacity: 0.5; transform: translateY(-8px); -webkit-transform: translateY(-8px);
}
.active.downArrow {
	animation:arrow 1.5s 0.8s infinite; -webkit-animation: arrow 1.5s 0.8s infinite;
}
.sectionTit {
	transition:0.5s; text-align: center; display: none;
}
.sectionTit h6 {
	color: rgb(51, 51, 51); font-family: "webfont"; font-size: 48px; -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased;
}
.sectionTit span {
	background: url("../images/line.png") no-repeat; margin: 20px auto; width: 215px; height: 9px; display: block;
}
.sectionTit p {
	color: rgb(148, 148, 148); line-height: 24px; font-size: 16px;
}
.sectionTit3 {
	opacity: 0; transform: translateY(-150px); -webkit-transform: translateY(-150px);
}
.secAdd.sectionTit3 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.section5 {
	background: rgb(255, 255, 255); width: 100%; overflow: hidden; padding-top: 60px; padding-bottom: 80px; margin-top: 500px; position: relative; z-index: 2;
}
.main1200 {
	margin: 0px auto; width: 1200px;
}
.caseTab {
	transition:0.6s 0.8s; text-align: center; margin-bottom: 20px; display: block; opacity: 0; transform: translateY(150px); -webkit-transform: translateY(150px);
}
.caseTab2.caseTab {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.caseTab a {
	margin: 0px 3px; border: 1px solid rgb(130, 145, 153); border-image: none; width: 118px; height: 28px; text-align: center; color: rgb(51, 51, 51); line-height: 28px; vertical-align: middle; display: inline-block; position: relative; box-shadow: 0px 0px 1px rgba(0,0,0,0); transform: translateZ(0px); transition-property: color; transition-duration: 0.4s; backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: color; -webkit-transition-duration: 0.4s; -moz-osx-font-smoothing: grayscale;
}
.caseTab .active {
	background: rgb(255, 85, 85); border: 1px solid rgb(255, 85, 85); border-image: none; color: rgb(255, 255, 255);
}
.caseCont {
	margin: 40px 0px 0px; transition:0.8s 0.5s; opacity: 0; transform: translateY(150px); -webkit-transform: translateY(150px);
}
.caseCont2.caseCont {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.caseItem {
	display: none;
}
.caseList {
	margin-bottom: 40px;
}
.caseList li {
	margin: 15px; width: 370px; height: 250px; overflow: hidden; float: left; position: relative;
}
.caseList li img {
	transition:0.5s; width: 100%;
}
.caseList li .caseBg {
	background: rgb(0, 0, 0); transition:0.5s; left: 0px; top: 0px; width: 100%; height: 100%; bottom: 0px; position: absolute; opacity: 0;
}
.caseList li .caseLink {
	transition:0.3s 0.1s; left: 0px; top: -40px; width: 100%; height: 42px; text-align: center; position: absolute; opacity: 0;
}
.caseList li .caseLink a {
	margin: 0px 5px; border-radius: 50%; width: 42px; height: 42px; display: inline-block;
}
.caseList li .caseLink .search_icon {
	background: rgb(226, 226, 226);
}
.caseList li .caseLink .search_icon i {
	text-align: center; color: rgb(0, 0, 0); line-height: 42px; font-family: "iconfont"; font-size: 16px; display: block;
}
.caseList li .caseLink .link_icon {
	background: rgb(229, 73, 58);
}
.caseList li .caseLink .link_icon i {
	text-align: center; color: rgb(255, 255, 255); line-height: 42px; font-family: "iconfont"; font-size: 16px; display: block;
}
.caseList li .caseText {
	background: rgb(255, 255, 255); transition:0.3s 0.1s; left: 0px; width: 100%; height: 70px; bottom: -70px; position: absolute;
}
.caseList .active img {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}
.caseList .active .caseBg {
	opacity: 0.5;
}
.caseList .active .caseText {
	bottom: 0px;
}
.caseList .active .caseLink {
	top: 60px; opacity: 1;
}
.caseList li .caseText h6 {
	margin: 15px 0px 12px; padding: 0px 15px; height: 14px; color: rgb(0, 0, 0); line-height: 1em; overflow: hidden; font-size: 14px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.caseList li .caseText p {
	padding: 0px 15px; height: 12px; color: rgb(149, 149, 149); line-height: 1em; overflow: hidden; font-size: 12px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.lookMore {
	margin: 0px auto; border-radius: 3px; border: 1px solid rgb(229, 229, 229); border-image: none; width: 178px; height: 38px; text-align: center; color: rgb(58, 61, 65); line-height: 38px; font-size: 12px; display: block; opacity: 0;
}
.lookMore > i {
	color: rgb(62, 65, 69); font-family: "iconfont"; font-size: 20px; margin-right: 4px; vertical-align: middle;
}
.pageFY {
	text-align: center;
}
.pageFY a {
	border-radius: 3px; border: 1px solid rgb(229, 229, 229); transition:0.3s; border-image: none; width: 38px; height: 38px; color: rgb(128, 128, 128); line-height: 38px; font-size: 12px; margin-right: 5px; display: inline-block;
}
.pageFY a:last-of-type {
	font-family: consolas; margin-right: 0px;
}
.pageFY a.active {
	background: rgb(255, 85, 85); border: 1px solid rgb(255, 85, 85); border-image: none; color: rgb(255, 255, 255);
}
.pageFY a:hover {
	background: rgb(255, 85, 85); border: 1px solid rgb(255, 85, 85); border-image: none; color: rgb(255, 255, 255);
}
.fixedR {
	display: none;
}
.aside {
	width: 32px; right: 10px; bottom: 48px; position: fixed; z-index: 99;
}
.aside li {
	background: rgb(20, 15, 18); width: 32px; height: 32px; margin-bottom: 2px; position: relative; cursor: pointer;
}
.aside li i {
	text-align: center; color: rgb(186, 185, 186); line-height: 32px; font-family: "iconfont"; font-size: 20px;
}
.aside li div {
	background: rgb(74, 74, 74); top: 0px; width: 130px; height: 32px; text-align: center; right: 32px; color: rgb(255, 85, 85); line-height: 32px; font-size: 14px; font-weight: bold; display: none; position: absolute;
}
.aside li:hover {
	background: rgb(255, 85, 85);
}
.aside li:hover i {
	color: rgb(255, 255, 255);
}
@media only screen and (max-width:1230px)
{
.banBox h6 {
	font-size: 42px;
}
.main1200 {
	width: 960px;
}
.caseList {
	margin: 0px auto 40px; width: 800px;
}
.sectionTit h6 {
	font-size: 40px;
}
}
@media only screen and (max-width:1023px)
{
.section5 {
	margin-top: 0px;
}
.banner1 {
	position: relative;
}
.sectionTit3 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.caseTab {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.caseCont {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
}
@media only screen and (max-width:1000px)
{
.main1200 {
	width: 680px;
}
.banBox h6 {
	font-size: 40px;
}
.caseList {
	width: 660px;
}
.caseList li {
	width: 300px; height: auto;
}
.sectionTit h6 {
	font-size: 38px;
}
}
@media only screen and (max-width:767px)
{
.banner1 {
	height: 400px;
}
.banItem1 {
	display: none;
}
.banItem2 {
	height: 400px; display: block;
}
.banBox h6 {
	margin: 0px auto; width: 84%; font-size: 30px;
}
.banBox p {
	margin: 0px auto; width: 80%;
}
.main1200 {
	width: 85%;
}
.sectionTit h6 {
	font-size: 32px;
}
.section5 {
	padding-top: 30px; padding-bottom: 40px;
}
.caseCont {
	margin: 10px 0px 0px;
}
.sectionTit {
	display: none;
}
.caseTab a {
	width: 65px;
}
.caseList {
	width: 330px;
}
.caseList li {
	margin: 10px 0px; width: 100%;
}
.lookMore {
	opacity: 1;
}
.sectionTit p {
	display: none;
}
}
@media only screen and (max-width:400px)
{
.banner1 {
	height: 350px;
}
.banItem2 {
	height: 350px;
}
.banBox {
	padding-top: 110px;
}
.main1200 {
	width: 80%;
}
.banBox h6 {
	font-size: 26px;
}
.caseList {
	margin: 0px auto 15px; width: 260px;
}
.caseList .active .caseLink {
	top: 40px;
}
.banBox p {
	font-size: 22px;
}
}
