body {
	width: 100%; -ms-overflow-x: hidden;
}
.header-pc {
	transition:background-color 0.3s, height 0.3s; left: 0px; top: 0px; width: 100%; position: fixed; z-index: 99; backface-visibility: hidden; background-color: transparent; -webkit-transition: background-color .3s ease, height .3s ease; -webkit-backface-visibility: hidden;
}
.header-in {
	margin: 0px auto; width: 90%; text-align: justify;
}
.logo {
	transition:0.3s; padding-top: 75px; vertical-align: middle; float: left; -webkit-transition: all .3s ease;
}
.logo img {
	height: 30px;
}
.navRight {
	vertical-align: middle; border-bottom-color: rgb(86, 96, 103); border-bottom-width: 1px; border-bottom-style: solid; float: right;
}
.nav li {
	float: left; position: relative;
}
.nav li a {
	margin: 0px; padding: 75px 20px 30px; transition:0.3s ease-out; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1em; font-size: 14px; display: block; -webkit-transition: all .3s ease-out;
}
.nav li .active {
	background: rgb(255, 85, 85);
}
.nav li a:hover {
	background: rgb(255, 85, 85);
}
.nav .posLi2 {
	position: relative;
}
.nav .posLi2 .jt {
	background: url("../images_net/icon.png") no-repeat 0px -140px; width: 7px; height: 4px; margin-left: 6px; vertical-align: middle; display: inline-block;
}
.seleBox2 {
	background: rgb(39, 39, 39); transition:0.3s; left: 0px; top: 123px; width: 190px; display: none; position: absolute; -webkit-transition: all .3s ease;
}
.selList2 {
	margin: 4px; border-top-color: rgb(68, 68, 68); border-top-width: 1px; border-top-style: solid;
}
.selList2 dd a {
	padding: 0px 10px; color: rgb(204, 204, 204); line-height: 34px; font-size: 12px; border-bottom-color: rgb(68, 68, 68); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.selList2 dd .active2 {
	background: rgb(58, 58, 58); color: rgb(255, 255, 255);
}
.selList2 dd a:hover {
	background: rgb(58, 58, 58); color: rgb(255, 255, 255);
}
.headerActive.header-pc {
	background-color: rgb(0, 0, 0);
}
.headerActive.header-pc .header-in {
	height: 50px;
}
.headerActive.header-pc .logo {
	padding-top: 10px;
}
.headerActive.header-pc .navRight {
	border: currentColor; border-image: none;
}
.headerActive.header-pc .nav li a {
	padding: 0px 20px; line-height: 50px;
}
.headerActive.header-pc .nav li .selList2 dd a {
	padding: 0px 10px; line-height: 34px;
}
.headerActive.header-pc .nav li .seleBox2 {
	top: 53px;
}
.headerActive.header-pc .nav li .active {
	background: rgb(255, 255, 255); color: rgb(255, 85, 85);
}
.headerActive.header-pc .nav li a:hover {
	background: rgb(255, 255, 255); color: rgb(255, 85, 85);
}
.sectionItem {
	position: relative;
}
.keyDown {
	left: 30px; bottom: 170px; color: rgb(255, 85, 85); position: fixed; z-index: 100;
}
.keyList li {
	height: 12px; font-size: 12px; margin-bottom: 16px; position: relative; cursor: pointer;
}
.keyList li em {
	border-radius: 50%; border: 1px solid rgb(255, 85, 85); transition:0.3s; border-image: none; width: 10px; height: 10px; margin-right: 8px; margin-left: 7px; float: left; opacity: 0;
}
.keyList li i {
	background: rgb(195, 195, 195); border-radius: 50%; left: 11px; top: 4px; width: 4px; height: 4px; position: absolute; opacity: 1;
}
.keyList li span {
	transition:0.3s; color: rgb(255, 85, 85); float: left; display: none;
}
.keyList .active i {
	opacity: 0;
}
.keyList .active em {
	opacity: 1;
}
.keyBtns {
	background: url("../images_net/keydown.png") no-repeat; width: 26px; height: 17px; display: block;
}
.section-pc {
	background: fixed; overflow: hidden;
}
.videoBox {
	width: 100%; height: 100%; overflow: hidden;
}
.sectionBg {
	background: url("../images_net/secBg.png") no-repeat 0% 0% / cover; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 5; opacity: 0.7;
}
.bannerBox {
	left: 50%; top: 50%; width: 750px; height: auto; text-align: center; color: rgb(255, 255, 255); margin-top: -300px; margin-left: -375px; position: absolute; z-index: 10;
}
.banItem {
	width: 100%;
}
.s1_text {
	display: none;
}
.s1_text img {
	margin: 0px auto; transition:0.8s 0.2s; width: 600px; text-align: center; display: block; opacity: 0; transform: translateY(-60px); -webkit-transform: translateY(-60px);
}
.s1_active.s1_text img {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.s1_text h5 {
	padding: 20px 0px 16px; transition:0.5s 0.7s; font-family: "webfont"; font-size: 18px; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased;
}
.s1_active.s1_text h5 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.s1_text p {
	transition:0.5s 0.9s; font-family: "webfont"; font-size: 12px; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased;
}
.s1_active.s1_text p {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.drop {
	width: 100%; text-align: center; padding-top: 30px;
}
.drop span {
	background: none; margin: 0px 6px; transition:0.4s; width: 60px; height: 15px; vertical-align: top; border-top-color: rgb(164, 164, 166); border-top-width: 4px; border-top-style: solid; display: inline-block;
}
.drop .active {
	background: rgb(255, 85, 85); border: currentColor; border-image: none; height: 6px;
}
.swiper-container1 {
	width: 100%; height: 500px; overflow: hidden; position: relative;
}
.swiper-container1 .pagination {
	left: 0px; width: 100%; text-align: center; bottom: 20px; padding-top: 20px; position: absolute;
}
.swiper-container1 .swiper-pagination-switch {
	background: none; margin: 0px 6px; transition:0.4s; width: 60px; height: 15px; vertical-align: top; border-top-color: rgb(164, 164, 166); border-top-width: 4px; border-top-style: solid; display: inline-block; cursor: pointer;
}
.swiper-container1 .swiper-active-switch {
	background: rgb(255, 85, 85); border: currentColor; border-image: none; height: 6px;
}
.swiper_ban {
	width: 100%; height: auto; text-align: center; padding-top: 100px; padding-bottom: 50px;
}
.swiper_banBox {
	margin: 0px auto; width: 80%;
}
.swiper_banBox img {
	width: 100%; max-width: 414px;
}
.swiper_ban h5 {
	color: rgb(255, 255, 255); line-height: 2rem;
}
.swiper_ban p {
	color: rgb(255, 255, 255); line-height: 2rem;
}
.numList {
	background: rgba(0, 0, 0, 0.5); left: 0px; width: 100%; height: 160px; bottom: 0px; position: absolute; z-index: 11;
}
.numList li {
	margin: 20px 0px; width: 16.66%; height: 120px; text-align: center; color: rgb(255, 255, 255); float: left; position: relative;
}
.numList h6 {
	padding: 20px 0px;
}
.numList h6 span {
	font-family: "HelveticaNeue680e7f55016c42"; font-size: 48px;
}
.numList p {
	font-family: "webfont"; font-size: 18px; -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased;
}
.numList li i {
	background: rgb(66, 59, 64); top: 0px; width: 1px; height: 100%; right: 0px; position: absolute;
}
.numList h6 b {
	font-family: "webfont"; font-size: 24px; margin-top: -10px; vertical-align: top; display: inline-block; -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased;
}
.numList h6 em {
	line-height: 50px; font-family: "webfont"; font-size: 28px; display: inline-block; -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased;
}
.prev_arrow {
	border: 2px solid transparent; transition:0.5s; border-image: none; top: 40%; width: 49px; height: 49px; position: absolute; z-index: 20;
}
.next_arrow {
	border: 2px solid transparent; transition:0.5s; border-image: none; top: 40%; width: 49px; height: 49px; position: absolute; z-index: 20;
}
.prev_arrow {
	left: 60px;
}
.next_arrow {
	right: 60px;
}
.prev_arrow i {
	background: url("../images_net/icon.png") no-repeat 0px 0px; margin: 21px auto 0px; width: 16px; height: 10px; display: block;
}
.next_arrow i {
	background: url("../images_net/icon.png") no-repeat 0px -30px; margin: 21px auto 0px; width: 16px; height: 10px; display: block;
}
.prev_arrow:hover {
	border: 2px solid rgb(107, 115, 121); border-image: none;
}
.next_arrow:hover {
	border: 2px solid rgb(107, 115, 121); border-image: none;
}
.videoBtns {
	background: url("../images_net/icon.png") no-repeat 0px -448px; left: 40px; width: 155px; height: 52px; bottom: 200px; position: absolute; z-index: 20; cursor: pointer;
}
.downArrow {
	background: url("../images_net/down_arrow.png") no-repeat center; left: 50%; width: 33px; height: 28px; bottom: 170px; 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;
}
.number {
	left: 0px; width: 100%; height: 112px; bottom: 0px; display: none; position: absolute;
}
.numberBox {
	width: 100%; height: 100px;
}
.swiper-container4 {
	width: 100%; height: 100px; overflow: hidden;
}
.swiper_num {
	background: rgba(0, 0, 0, 0.5); width: 100%; height: 100px;
}
.swiper_num li {
	margin: 10px -2px 10px 0px; width: 50%; height: 80px; text-align: center; color: rgb(255, 255, 255); border-right-color: rgb(66, 59, 64); border-right-width: 1px; border-right-style: solid; float: left; box-sizing: border-box;
}
.swiper_num h6 {
	padding: 5px 0px 10px;
}
.swiper_num h6 span {
	font-family: "HelveticaNeue680e7f55016c42"; font-size: 36px;
}
.swiper_num p {
	font-family: "webfont"; font-size: 18px; -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased;
}
.swiper_num h6 b {
	font-family: "webfont"; font-size: 24px; margin-top: -10px; vertical-align: top; display: inline-block; -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased;
}
.swiper_num h6 em {
	line-height: 40px; font-family: "webfont"; font-size: 26px; display: inline-block; -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased;
}
.numArrow {
	background: rgb(0, 0, 0); width: 100%; height: 12px; text-align: center;
}
.numArrow span {
	margin: 3px 4px 0px; width: 16px; height: 6px; vertical-align: top; display: inline-block;
}
.numArrow .numLeft {
	background: url("../images_net/icon.png") no-repeat 0px -310px;
}
.numArrow .numRight {
	background: url("../images_net/icon.png") no-repeat 0px -325px;
}
.section2 {
	background: rgb(255, 255, 255); width: 100%; overflow: hidden;
}
.sectionTit {
	transition:0.5s; text-align: center; padding-top: 100px; padding-bottom: 60px;
}
.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_net/line.png") no-repeat; margin: 20px auto; width: 215px; height: 9px; display: block;
}
.sectionTit p {
	color: rgb(148, 148, 148); font-size: 16px;
}
.sectionTit1 {
	opacity: 0; transform: translateY(-150px); -webkit-transform: translateY(-150px);
}
.sectionTit2 {
	opacity: 0; transform: translateY(-150px); -webkit-transform: translateY(-150px);
}
.sectionTit3 {
	opacity: 0; transform: translateY(-150px); -webkit-transform: translateY(-150px);
}
.sectionTit4 {
	opacity: 0; transform: translateY(-150px); -webkit-transform: translateY(-150px);
}
.sectionTit5 {
	opacity: 0; transform: translateY(-150px); -webkit-transform: translateY(-150px);
}
.sectionTit6 {
	opacity: 0; transform: translateY(-150px); -webkit-transform: translateY(-150px);
}
.secAdd.sectionTit1 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.secAdd.sectionTit2 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.secAdd.sectionTit3 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.secAdd.sectionTit4 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.secAdd.sectionTit5 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.secAdd.sectionTit6 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.responseBox {
	width: 100%; height: 695px;
}
.resTit {
	transition:0.7s 0.5s; position: relative; opacity: 0;
}
.resTit2.resTit {
	opacity: 1;
}
.red_line {
	background: rgb(255, 85, 85); width: 270px; height: 1px; bottom: -1px; position: absolute;
}
.red_line i {
	background: url("../images_net/icon.png") no-repeat 0px -120px; left: 50%; width: 7px; height: 5px; bottom: -8px; margin-left: -4px; position: absolute;
}
.main1170 {
	margin: 0px auto; width: 1170px;
}
.resLsit li {
	transition:0.6s; width: 270px; text-align: center; margin-right: 30px; float: left; position: relative; cursor: pointer; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px);
}
.listActive.resLsit li {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.listActive.resLsit li:nth-child(1) {
	transition-delay: 0.4s;
}
.listActive.resLsit li:nth-child(2) {
	transition-delay: 0.6s;
}
.listActive.resLsit li:nth-child(3) {
	transition-delay: 0.9s;
}
.listActive.resLsit li:nth-child(4) {
	transition-delay: 1.2s;
}
.resLsit li:last-child {
	margin-right: 0px;
}
.resLsit li h6 {
	transition:0.5s; color: rgb(153, 153, 153); line-height: 80px; font-family: "iconfont"; font-size: 66px; heigt: 80px;
}
.resLsit li:nth-child(1) h6 {
	font-size: 100px;
}
.resLsit li:nth-child(2) h6 {
	font-size: 70px;
}
.resLsit li:nth-child(3) h6 {
	font-size: 76px;
}
.resLsit li:nth-child(4) h6 {
	font-size: 100px;
}
.resLsit li p {
	margin: 16px 0px 12px; transition:0.5s; color: rgb(153, 153, 153); font-family: "΢ÈíÑźÚ"; font-size: 16px; font-weight: bold;
}
.resLsit .active h6 {
	color: rgb(255, 85, 85);
}
.resLsit .active p {
	color: rgb(255, 85, 85);
}
.resLsit li em {
	background: rgb(153, 153, 153); margin: 0px auto 12px; transition:0.5s; width: 1px; height: 20px; display: block;
}
.resLsit .active em {
	background: rgb(255, 85, 85);
}
.resCont {
	width: 100%; padding-bottom: 0px; border-top-color: rgb(224, 224, 224); border-top-width: 1px; border-top-style: solid;
}
.resItem {
	display: none;
}
.resLeft {
	transition:0.8s 0.3s; width: 520px; padding-top: 80px; float: left; opacity: 0; transform: translateX(-200px); -webkit-transform: translateX(-200px);
}
.itemActive .resLeft {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0);
}
.resLeft span {
	background: rgb(0, 0, 0); width: 44px; height: 1px; display: block;
}
.resLeft h6 {
	margin: 25px 0px 30px; color: rgb(0, 0, 0); font-family: "webfont"; font-size: 30px; -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased;
}
.resLeft .textBtns {
	height: 30px; margin-bottom: 10px;
}
.resLeft .textBtns a {
	width: 120px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 14px; margin-right: 10px; float: left;
}
.resLeft .textBtns .color1 {
	background: rgb(255, 85, 85);
}
.resLeft .textBtns .color2 {
	background: rgb(155, 197, 87);
}
.resLeft .textBtns .color3 {
	background: rgb(83, 191, 243);
}
.resLeft .textBtns .color4 {
	background: rgb(255, 119, 0);
}
.resLeft p {
	color: rgb(0, 0, 0); line-height: 24px; font-size: 14px; margin-bottom: 20px;
}
.resLeft .caseBtns {
	border-radius: 3px; border: 1px solid rgb(0, 0, 0); border-image: none; width: 170px; height: 40px; text-align: center; color: rgb(51, 51, 51); line-height: 40px; font-size: 14px; margin-top: 25px; vertical-align: middle; display: 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;
}
.resLeft .icon_sb {
	width: 66px; text-align: center; float: left;
}
.resLeft .icon_sb i {
	height: 40px; color: rgb(204, 204, 204); font-family: "iconfont"; font-size: 34px; display: block;
}
.resLeft .icon_sb strong {
	color: rgb(0, 0, 0); line-height: 40px; font-size: 14px; font-weight: bold;
}
.resLeft em {
	background: url("../images_net/dian.png") no-repeat; margin: 15px 20px 0px; width: 74px; height: 18px; float: left;
}
.resRight {
	transition:1s 0.3s; float: right; max-width: 620px; opacity: 0; transform: translateX(200px); -webkit-transform: translateX(200px);
}
.itemActive .resRight {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0);
}
.resRight img {
	width: 100%;
}
.prev_arrow2 {
	border: 2px solid transparent; transition:0.5s; border-image: none; top: 40%; width: 49px; height: 49px; position: absolute; z-index: 20;
}
.next_arrow2 {
	border: 2px solid transparent; transition:0.5s; border-image: none; top: 40%; width: 49px; height: 49px; position: absolute; z-index: 20;
}
.prev_arrow2 {
	left: 60px; display: none; opacity: 0; transform: translateX(-300px); transition-delay: 0.3s; -webkit-transform: translateX(-300px);
}
.prevL.prev_arrow2 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateX(0);
}
.next_arrow2 {
	right: 60px; display: none; opacity: 1; transform: translateX(300px); transition-delay: 0.3s; -webkit-transform: translateX(300px);
}
.nextR.next_arrow2 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateX(0);
}
.prev_arrow2 i {
	background: url("../images_net/icon.png") no-repeat 0px -60px; margin: 21px auto 0px; width: 16px; height: 10px; display: block;
}
.next_arrow2 i {
	background: url("../images_net/icon.png") no-repeat 0px -90px; margin: 21px auto 0px; width: 16px; height: 10px; display: block;
}
.prev_arrow2:hover {
	border: 2px solid rgb(107, 115, 121); border-image: none;
}
.next_arrow2:hover {
	border: 2px solid rgb(107, 115, 121); border-image: none;
}
.responseWrap {
	margin: 0px auto; padding: 0px; width: 96%; border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.swiper-container2 {
	width: 100%; height: 0px; overflow: hidden; position: relative;
}
.swiper-container2 .swiper-pagination-switch {
	background: rgb(207, 207, 207); margin: 0px 5px; border-radius: 50%; width: 13px; height: 13px; vertical-align: middle; display: inline-block; cursor: pointer;
}
.swiper-container3 .swiper-pagination-switch {
	background: rgb(207, 207, 207); margin: 0px 5px; border-radius: 50%; width: 13px; height: 13px; vertical-align: middle; display: inline-block; cursor: pointer;
}
.swiper-container2 .swiper-active-switch {
	background: rgb(255, 85, 85);
}
.swiper-container3 .swiper-active-switch {
	background: rgb(255, 85, 85);
}
.swiper-container2 .pagination {
	width: 100%; text-align: center; bottom: 10px; position: absolute;
}
.swiper-container3 .pagination {
	width: 100%; text-align: center; bottom: 10px; position: absolute;
}
.swiper_respon {
	width: 100%; text-align: center;
}
.swiper_respon h5 {
	margin: 0px auto; width: 40px; color: rgb(0, 0, 0); padding-bottom: 4px; font-family: "webfont"; font-size: 2.4rem; border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid; -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased;
}
.swiper_respon h6 {
	margin: 15px 0px; color: rgb(0, 0, 0); font-family: "webfont"; font-size: 28px; -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased;
}
.swiper_respon .textBtns {
	height: 30px; margin-bottom: 10px;
}
.swiper_respon .textBtns a {
	margin: 0px 4px; width: 88px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 14px; display: inline-block;
}
.swiper_respon .textBtns a.colorW {
	width: 64px;
}
.swiper_respon .textBtns .color1 {
	background: rgb(255, 85, 85);
}
.swiper_respon .textBtns .color2 {
	background: rgb(155, 197, 87);
}
.swiper_respon .textBtns .color3 {
	background: rgb(83, 191, 243);
}
.swiper_respon .textBtns .color4 {
	background: rgb(255, 119, 0);
}
.swiper_respon p {
	color: rgb(0, 0, 0); line-height: 24px; font-size: 14px; margin-bottom: 20px;
}
.swiper_respon .case_see {
	margin: 20px auto; border-radius: 3px; border: 1px solid rgb(0, 0, 0); border-image: none; width: 150px; height: 32px; text-align: center; color: rgb(51, 51, 51); line-height: 32px; font-size: 14px; display: block;
}
.swiper_respon .icon_sb {
	width: 40px; text-align: center; display: inline-block;
}
.swiper_respon .icon_sb i {
	height: 40px; color: rgb(204, 204, 204); font-family: "iconfont"; font-size: 34px; display: block;
}
.swiper_respon .icon_sb strong {
	color: rgb(0, 0, 0); line-height: 40px; font-size: 14px; font-weight: bold;
}
.swiper_respon em {
	background: url("../images_net/dian.png") no-repeat; margin: 12px 0px 0px; width: 74px; height: 18px; vertical-align: top; display: inline-block;
}
.section3 {
	background: url("../images_net/secBg2.jpg") fixed no-repeat 0% 0% / cover; width: 100%; height: 620px;
}
.secBox3 {
	height: 100%; position: relative;
}
.tabBox {
	width: 100%; height: 100%; text-align: center; position: relative;
}
.tabItem {
	display: none;
}
.tabItem .tabTop {
	color: rgb(255, 255, 255); padding-top: 96px;
}
.tabItem .tabTop h6 {
	transition:0.4s 0.2s; font-family: "webfont"; font-size: 48px; margin-bottom: 25px; opacity: 0; transform: translateY(-100px); -webkit-transform: translateY(-100px); -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased;
}
.tabItem2.tabItem .tabTop h6 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.tabItem .tabTop p {
	transition:0.4s 0.4s; font-family: "webfont"; font-size: 24px; margin-bottom: 50px; opacity: 0; transform: translateY(-100px); -webkit-transform: translateY(-100px); -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased;
}
.tabItem2.tabItem .tabTop p {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.tabItem .tabTop .xys_btns {
	background: rgb(254, 88, 88); margin: 0px auto; border-radius: 4px; transition:0.4s 0.6s; width: 170px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 14px; display: block; opacity: 0; transform: translateY(-100px); -webkit-transform: translateY(-100px);
}
.tabItem2.tabItem .tabTop .xys_btns {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.tabItem .tabBot {
	margin: 66px auto 0px; transition:0.6s 0.8s; max-width: 960px; opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5);
}
.tabItem .tabBot img {
	width: 100%;
}
.tabItem2.tabItem .tabBot {
	opacity: 1; transform: scale(1); -webkit-transform: scale(1);
}
.section4 {
	background: url("../images_net/secBg3.jpg") no-repeat 0% 0% / cover; width: 100%; height: 680px; overflow: hidden; margin-top: 116px;
}
.DesignBox {
	margin: 40px auto 0px; width: 1170px;
}
.DesignCont {
	margin-bottom: 60px;
}
.DesignCont .designItem {
	transition:0.3s 0.3s; float: left; position: relative; cursor: pointer; max-width: 195px;
}
.DesignCont .designItem img {
	width: 100%;
}
.line {
	transition:0.2s; width: 96px; height: 3px; margin-top: 90px; float: left;
}
.line1 {
	background: url("../images_net/icon.png") no-repeat -404px 0px; margin-left: -22px;
}
.line2 {
	background: url("../images_net/icon.png") no-repeat -404px -21px; margin-left: -22px;
}
.line3 {
	background: url("../images_net/icon.png") no-repeat -404px -42px; margin-left: -22px;
}
.line4 {
	background: url("../images_net/icon.png") no-repeat -404px -62px; margin-left: -22px;
}
.designItem2 {
	margin-left: -22px;
}
.designItem3 {
	margin-left: -22px;
}
.designItem4 {
	margin-left: -22px;
}
.designItem5 {
	margin-left: -22px;
}
.designItem:hover {
	animation:hover 2s forwards; -webkit-animation: hover 2s forwards;
}
.DesignCont .designItem3 {
	transition:0.4s 0.3s; opacity: 0;
}
.DesActive.DesignCont .designItem3 {
	opacity: 1;
}
.DesignCont .line2 {
	opacity: 0; transform: translateX(70px); transition-delay: 0.8s; -webkit-transform: translateX(70PX);
}
.DesActive.DesignCont .line2 {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0);
}
.DesignCont .line3 {
	opacity: 0; transform: translateX(-70px); transition-delay: 0.8s; -webkit-transform: translateX(-70PX);
}
.DesActive.DesignCont .line3 {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0);
}
.DesignCont .designItem2 {
	opacity: 0; transform: translateX(70px); transition-delay: 1.2s; -webkit-transform: translateX(70PX);
}
.DesActive.DesignCont .designItem2 {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0);
}
.DesignCont .designItem4 {
	opacity: 0; transform: translateX(-70px); transition-delay: 1.2s; -webkit-transform: translateX(-70PX);
}
.DesActive.DesignCont .designItem4 {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0);
}
.DesignCont .line1 {
	opacity: 0; transform: translateX(70px); transition-delay: 1.6s; -webkit-transform: translateX(70PX);
}
.DesActive.DesignCont .line1 {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0);
}
.DesignCont .line4 {
	opacity: 0; transform: translateX(-70px); transition-delay: 1.6s; -webkit-transform: translateX(-70PX);
}
.DesActive.DesignCont .line4 {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0);
}
.DesignCont .designItem1 {
	opacity: 0; transform: translateX(70px); transition-delay: 2s; -webkit-transform: translateX(70PX);
}
.DesActive.DesignCont .designItem1 {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0);
}
.DesignCont .designItem5 {
	opacity: 0; transform: translateX(-70px); transition-delay: 2s; -webkit-transform: translateX(-70PX);
}
.DesActive.DesignCont .designItem5 {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0);
}
.DesignImg {
	margin: 10px auto; width: 80%; display: none; max-width: 435px;
}
.DesignImg img {
	width: 100%;
}
.section5 {
	width: 100%; overflow: hidden; padding-bottom: 80px;
}
.caseCont {
	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);
}
.caseList {
	margin-bottom: 40px;
}
.caseList li {
	width: 19.6%; height: auto; overflow: hidden; margin-right: 0.5%; margin-bottom: 8px; float: left; position: relative;
}
.caseList li:nth-child(5n) {
	margin-right: 0px;
}
.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;
}
.see_more {
	margin: 25px auto 0px; border-radius: 3px; border: 1px solid rgb(0, 0, 0); border-image: none; width: 168px; height: 38px; text-align: center; color: rgb(51, 51, 51); line-height: 38px; font-size: 14px; vertical-align: middle; display: 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;
}
.see_more1 {
	transition:0.5s; opacity: 0; transform: translateY(150px); -webkit-transform: translateY(150px);
}
.seeActive.see_more1 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.PartnerBox {
	width: 100%; padding-bottom: 80px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.PartnerCont {
	margin: 0px auto; transition:0.5s 0.5s; width: 1170px; opacity: 0; transform: translateY(150px); -webkit-transform: translateY(150px);
}
.PartnerCont2.PartnerCont {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.titBor {
	margin: 0px auto; width: 1170px; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid;
}
.parItem {
	width: 100%;
}
.praList {
	text-align: center;
}
.praList li {
	transition:0.3s; width: 232px; float: left;
}
.praList li img {
	width: 100%;
}
.praList li:hover {
	box-shadow: 0px 15px 25px #d5d5d5; transform: translate3d(0px, -2px, 0px);
}
.praList2 {
	margin: 0px auto; width: 90%; text-align: center;
}
.praList2 li {
	border: 1px solid rgb(238, 238, 238); border-image: none; width: 49%; margin-right: -1px; display: inline-block; max-width: 232px;
}
.praList2 li img {
	width: 100%;
}
.swiper-container3 {
	width: 100%; height: 0px; overflow: hidden; position: relative;
}
.news {
	width: 100%; overflow: hidden; padding-bottom: 80px;
}
.newBox {
	transition:0.6s 0.4s; opacity: 0; transform: translateY(200px); -webkit-transform: translateY(200px);
}
.newActive.newBox {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.newList {
	margin: 0px auto; width: 1140px;
}
.newList li {
	width: 32%; margin-right: 2%; margin-bottom: 40px; float: left;
}
.newList .mr0 {
	margin-right: 0px;
}
.newDate {
	border: 1px solid rgb(51, 51, 51); transition:0.4s; border-image: none; width: 78px; height: 78px; text-align: center; color: rgb(51, 51, 51); float: left; position: relative; cursor: pointer;
}
.newList li:hover .newDate {
	color: rgb(239, 51, 51);
}
.newDate .border-left {
	background: rgb(239, 51, 51); left: -1px; width: 1px; height: 0px; bottom: 0px; position: absolute;
}
.newDate .border-bottom {
	background: rgb(239, 51, 51); left: -1px; width: 0px; height: 1px; bottom: -1px; position: absolute;
}
.newDate .border-top {
	background: rgb(239, 51, 51); top: -1px; width: 0px; height: 1px; right: -1px; position: absolute;
}
.newDate .border-right {
	background: rgb(239, 51, 51); top: 0px; width: 1px; height: 0px; right: -1px; position: absolute;
}
.newDate span {
	font: 36px/52px "΢ÈíÑźÚ"; height: 52px; display: block; font-size-adjust: none; font-stretch: normal;
}
.newDate em {
	font: 16px/1em "΢ÈíÑźÚ"; display: block; font-size-adjust: none; font-stretch: normal;
}
.newsText {
	width: 72%; height: 100%; overflow: hidden; float: right;
}
.newsText h4 {
	font: 18px/35px "΢ÈíÑźÚ"; color: rgb(67, 67, 67); padding-top: 5px; font-size-adjust: none; font-stretch: normal;
}
.newsText p {
	font: 14px/20px "΢ÈíÑźÚ"; height: 40px; color: rgb(119, 119, 119); overflow: hidden; font-size-adjust: none; font-stretch: normal;
}
.mar2 {
	margin: 10px auto 0px;
}
.news {
	background: rgb(251, 251, 251);
}
.newsWrap {
	margin: 0px auto; width: 1170px;
}
.newBg {
	background: rgb(255, 255, 255); width: 370px; margin-right: 30px; float: left;
}
.mr_0 {
	margin-right: 0px;
}
.newItem {
	padding: 20px;
}
.newItem dt {
	color: rgb(151, 151, 151); line-height: 60px; font-size: 24px;
}
.newItem dt i {
	background: rgb(255, 85, 85); width: 5px; height: 24px; margin-right: 10px; vertical-align: middle; display: inline-block;
}
.newItem dd {
	height: 30px; line-height: 30px; font-size: 14px;
}
.newItem dd a {
	width: 255px; color: rgb(102, 102, 102); overflow: hidden; float: left; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.newItem dd span {
	color: rgb(151, 151, 151); font-size: 12px; float: right;
}
.Contact {
	background: url("../images_net/mapBg.jpg") no-repeat 0% 0% / cover; width: 100%; height: 714px; overflow: hidden;
}
.titActive h6 {
	color: rgb(255, 255, 255);
}
.titActive p {
	color: rgb(255, 255, 255);
}
.titActive span {
	background: url("../images_net/line2.png") no-repeat;
}
.ContactBox {
	margin: 0px auto; width: 1170px;
}
.contectLeft {
	transition:0.7s 0.4s; width: 350px; margin-left: 110px; float: left; opacity: 0; transform: translateX(-300px); -webkit-transform: translateX(-300px);
}
.leftActive.contectLeft {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px);
}
.contectLeft h3 {
	color: rgb(255, 255, 255); font-size: 20px; margin-bottom: 20px;
}
.contectLeft .h3_active {
	margin-top: 20px;
}
.contectLeft p {
	font: 14px/20px "΢ÈíÑźÚ"; margin: 10px 0px; width: 100%; font-size-adjust: none; font-stretch: normal;
}
.contectLeft p a {
	color: rgb(255, 255, 255);
}
.contectLeft p .g_icons {
	color: rgb(255, 255, 255); line-height: 20px; font-family: "iconfont"; font-size: 20px; margin-right: 15px; vertical-align: middle; display: inline-block;
}
.contectRight {
	transition:0.7s 0.4s; width: 550px; margin-right: 90px; float: right; opacity: 0; transform: translateX(300px); -webkit-transform: translateX(300px);
}
.rightActive.contectRight {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px);
}
.contectRight input {
	background: rgb(255, 255, 255); font: 14px/40px "΢ÈíÑźÚ"; width: 98%; height: 40px; color: rgb(153, 153, 153); padding-left: 2%; margin-bottom: 24px; font-size-adjust: none; font-stretch: normal;
}
.contectRight .name {
	width: 45%;
}
.contectRight .tel {
	width: 45%;
}
.contectRight .name {
	float: left;
}
.contectRight .tel {
	float: right;
}
.contectRight .message {
	background: rgb(255, 255, 255); font: 14px/40px "΢ÈíÑźÚ"; width: 98%; height: 90px; color: rgb(153, 153, 153); padding-left: 2%; margin-bottom: 24px; font-size-adjust: none; font-stretch: normal;
}
.contectRight .SubmitBtn {
	border-radius: 3px; border: 1px solid rgb(255, 255, 255); border-image: none; width: 168px; height: 38px; text-align: center; color: rgb(255, 255, 255); line-height: 38px; font-size: 14px; vertical-align: middle; display: 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;
}
.see_more:hover {
	color: white;
}
.see_more:focus {
	color: white;
}
.see_more:active {
	color: white;
}
.see_more:hover::before {
	transform: scaleX(1); -webkit-transform: scaleX(1);
}
.see_more:focus::before {
	transform: scaleX(1); -webkit-transform: scaleX(1);
}
.see_more:active::before {
	transform: scaleX(1); -webkit-transform: scaleX(1);
}
.caseBtns::before {
	background: rgb(0, 0, 0); transform-origin: 0% 50%; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: -1; content: ""; transform: scaleX(0); transition-property: transform; transition-duration: 0.4s; transition-timing-function: ease-out; -webkit-transform: scaleX(0); -webkit-transition-property: transform; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; -webkit-transform-origin: 0 50%;
}
.see_more::before {
	background: rgb(0, 0, 0); transform-origin: 0% 50%; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: -1; content: ""; transform: scaleX(0); transition-property: transform; transition-duration: 0.4s; transition-timing-function: ease-out; -webkit-transform: scaleX(0); -webkit-transition-property: transform; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; -webkit-transform-origin: 0 50%;
}
.caseBtns:hover {
	color: white;
}
.caseBtns:focus {
	color: white;
}
.caseBtns:active {
	color: white;
}
.caseBtns:hover::before {
	transform: scaleX(1); -webkit-transform: scaleX(1);
}
.caseBtns:focus::before {
	transform: scaleX(1); -webkit-transform: scaleX(1);
}
.caseBtns:active::before {
	transform: scaleX(1); -webkit-transform: scaleX(1);
}
.caseTab a::before {
	background: rgb(255, 85, 85); transform-origin: 0% 50%; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: -1; content: ""; transform: scaleX(0); transition-property: transform; transition-duration: 0.4s; transition-timing-function: ease-out; -webkit-transform: scaleX(0); -webkit-transition-property: transform; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; -webkit-transform-origin: 0 50%;
}
.caseTab a:hover {
	border: 1px solid rgb(255, 85, 85); border-image: none; color: white;
}
.caseTab a:focus {
	border: 1px solid rgb(255, 85, 85); border-image: none; color: white;
}
.caseTab a:active {
	border: 1px solid rgb(255, 85, 85); border-image: none; color: white;
}
.caseTab a:hover::before {
	transform: scaleX(1); -webkit-transform: scaleX(1);
}
.caseTab a:focus::before {
	transform: scaleX(1); -webkit-transform: scaleX(1);
}
.caseTab a:active::before {
	transform: scaleX(1); -webkit-transform: scaleX(1);
}
.SubmitBtn::before {
	background: rgb(255, 255, 255); transform-origin: 0% 50%; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: -1; content: ""; transform: scaleX(0); transition-property: transform; transition-duration: 0.4s; transition-timing-function: ease-out; -webkit-transform: scaleX(0); -webkit-transition-property: transform; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; -webkit-transform-origin: 0 50%;
}
.SubmitBtn:hover {
	color: rgb(255, 85, 85);
}
.SubmitBtn:focus {
	color: rgb(255, 85, 85);
}
.SubmitBtn:active {
	color: rgb(255, 85, 85);
}
.SubmitBtn:hover::before {
	transform: scaleX(1); -webkit-transform: scaleX(1);
}
.SubmitBtn:focus::before {
	transform: scaleX(1); -webkit-transform: scaleX(1);
}
.SubmitBtn:active::before {
	transform: scaleX(1); -webkit-transform: scaleX(1);
}
@media only screen and (max-width:1600px)
{
.s1_text img {
	width: 450px; max-width: 450px;
}
.bannerBox {
	margin-top: -250px;
}
}
@media only screen and (max-width:1400px)
{
.s1_text img {
	width: 380px; max-width: 380px;
}
.s1_text h5 {
	padding: 15px 0px;
}
.drop {
	padding-top: 25px;
}
}
@media only screen and (max-width:1260px)
{
.main1170 {
	width: 960px;
}
.red_line {
	width: 240px;
}
.resLsit li {
	width: 25%; margin-right: 0px;
}
.resLeft {
	width: 420px;
}
.resRight {
	margin-top: 50px; max-width: 530px;
}
.prev_arrow2 {
	left: 10px;
}
.next_arrow2 {
	right: 10px;
}
.tabItem .tabBot {
	margin-top: 100px; max-width: 840px;
}
.DesignBox {
	width: 960px;
}
.DesignCont .designItem {
	max-width: 150px;
}
.line {
	margin-top: 70px;
}
.titBor {
	width: 100%;
}
.newList {
	width: 960px;
}
.newList li {
	width: 46%; margin-right: 4%;
}
.newList .mr0 {
	width: 46%; margin-right: 4%;
}
.ContactBox {
	width: 960px;
}
.contectLeft {
	margin-left: 0px;
}
.contectRight {
	margin-right: 0px;
}
.PartnerCont {
	width: 960px;
}
.praList li {
	width: 20%;
}
.numList {
	height: 130px;
}
.numList li {
	margin: 15px 0px; height: 100px;
}
.numList h6 {
	padding: 12px 0px;
}
.videoBtns {
	bottom: 160px;
}
.downArrow {
	bottom: 150px;
}
.bannerBox {
	margin-top: -200px;
}
.caseList li {
	margin-bottom: 5px;
}
.caseList li .caseText {
	height: 50px; bottom: -50px;
}
.caseList .active .caseLink {
	top: 20%; opacity: 1;
}
.caseList li .caseText h6 {
	margin: 8px 0px; padding: 0px 10px;
}
.caseList li .caseText p {
	padding: 0px 10px;
}
.resLeft em {
	margin: 15px 12px 0px;
}
.comment img {
	width: 48%;
}
.newsWrap {
	width: 90%;
}
.newBg {
	width: 32%; margin-right: 2%;
}
.mr_0 {
	margin-right: 0px;
}
.newItem {
	padding: 20px 10px;
}
.newItem dd a {
	width: 200px;
}
}
@media only screen and (max-width:1023px)
{
.header-pc {
	display: none;
}
}
@media only screen and (min-width:1024px)
{
.header-mobile {
	display: none;
}
}
@media only screen and (max-width:1023px)
{
.header-pc {
	display: none;
}
.sectionBg {
	display: none;
}
.section-pc {
	background: url("../images_net/ban1.jpg") no-repeat 0% 0% / cover;
}
.s1_text img {
	width: 480px;
}
.bannerBox {
	margin-top: -180px;
}
.responseBox {
	display: none;
}
.responseWrap {
	padding: 30px 0px; border-top-color: rgb(224, 224, 224); border-top-width: 1px; border-top-style: solid;
}
.swiper-container2 {
	height: 450px;
}
.section3 {
	display: none;
}
.DesignBox {
	display: none;
}
.section4 {
	height: auto; padding-bottom: 40px; margin-top: 0px;
}
.DesignImg {
	display: block;
}
.number {
	display: block;
}
.caseList li {
	margin: 0px auto 12px; width: 84%; height: auto; overflow: hidden; float: none; position: relative; max-width: 374px;
}
.caseList li:nth-child(5n) {
	margin: 0px auto 12px;
}
.caseList li .caseText {
	height: 70px; bottom: -70px;
}
.caseList li .caseText h6 {
	margin: 15px 0px 12px;
}
.PartnerCont {
	display: none;
}
.swiper-container3 {
	height: 200px;
}
.newList {
	width: 92%;
}
.newList li {
	width: 100%; margin-right: 0px;
}
.newList .mr0 {
	width: 100%; margin-right: 0px;
}
.ContactBox {
	margin: 0px auto; width: 90%;
}
.contectLeft {
	width: 100%; text-align: center; float: none;
}
.contectRight {
	width: 100%; text-align: center; float: none;
}
.contectRight .SubmitBtn {
	margin: 0px auto;
}
.sectionTit1 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.sectionTit2 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.sectionTit3 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.sectionTit4 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.sectionTit5 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.sectionTit6 {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.caseCont {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.newBox {
	opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0);
}
.contectLeft {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px);
}
.contectRight {
	opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px);
}
.videoBox {
	display: none;
}
.keyDown {
	display: none;
}
.bannerBox {
	display: none;
}
.prev_arrow {
	display: none;
}
.next_arrow {
	display: none;
}
.numList {
	display: none;
}
.downArrow {
	bottom: 130px;
}
.newBg {
	width: 100%; margin-right: 0px;
}
.mr_0 {
	margin-right: 0px;
}
.newItem {
	padding: 20px 10px;
}
.newItem dd a {
	width: 75%;
}
}
@media only screen and (max-width:800px)
{
.bannerBox {
	width: 90%; margin-top: -155px; margin-left: -45%;
}
.s1_text img {
	width: 400px;
}
.prev_arrow {
	left: 0px;
}
.next_arrow {
	right: 0px;
}
.sectionTit h6 {
	font-size: 38px;
}
.sectionTit p {
	display: none;
}
.sectionTit {
	padding: 60px 0px 30px;
}
}
@media only screen and (max-width:600px)
{
.s1_text img {
	width: 80%;
}
.bannerBox {
	margin-top: -110px;
}
.newDate {
	width: 68px; height: 68px;
}
.newDate span {
	font: 30px/44px "΢ÈíÑźÚ"; height: 44px; font-size-adjust: none; font-stretch: normal;
}
.newsText h4 {
	font: 16px/28px "΢ÈíÑźÚ"; padding-top: 0px; font-size-adjust: none; font-stretch: normal;
}
.newItem {
	padding: 20px 8px;
}
}
@media only screen and (max-width:400px)
{
.swiper-container1 {
	height: 450px;
}
.downArrow {
	display: none;
}
}
@media only screen and (max-width:374px)
{
.swiper-container1 {
	height: 410px;
}
.section-pc {
	height: 568px !important;
}
}