.header {width: 100%;position: absolute; left: 0; top: 0; z-index: 999;}
.header:before {content: '';display: block;width: 100%; height: 100%; background: #000; opacity: 0.32;position: absolute;left: 0; top: 0; z-index: 1;}
.bg_top {position: relative;z-index: 2;}
.font1 {font-size: 15px; line-height: 45px; color: #333; text-align: center;background: #e1c699;}
.font1 a {color: #333; text-decoration: underline;vertical-align: baseline;}
.nav {width: 1020px;margin: 0 auto;position: relative;display: none;}
.nav ul {position: fixed;top: 125px;z-index: 999;}
.nav li {}
.nav li a {font-size: 18px; line-height: 65px; color: #999;display: inline-block;position: relative;}
.bg {width: 100%; height: 100%; position: fixed;left: 0; top: 0; z-index: 998;background: #000;display: none;}
.fixed {position: fixed;left: 0; top: 0; z-index: 999;}
.fixed .font1 {display: none;}
.fixed .bg_top {background: #000;}

.banner1 {position: relative;}
.banner1 .swiper-slide {overflow: hidden;zoom: 1;}
.banner1 .swiper-slide a {display: block;}
.banner1 .swiper-slide img {width: 100%;}
.banner1 .swiper-pagination-bullet-active {background: #fff;}
.banner1 .swiper-button-prev,.banner1 .swiper-container-rtl .swiper-button-next {width: 60px; height: 60px; background: url(../images/prev.png) center center no-repeat;background-size: 100% auto;}
.banner1 .swiper-button-next,.banner1 .swiper-container-rtl .swiper-button-next {width: 60px; height: 60px; background: url(../images/next.png) center center no-repeat;background-size: 100% auto;}
.banner1 .swiper-slide .mobile {display: none;}
.banner1 .swiper-slide img { opacity: 0.2;
	transform:scale(1.2, 1.2); -ms-transform:scale(1.3, 1.3); /* IE 9 */ -moz-transform:scale(1.3, 1.3); /* Firefox */ -webkit-transform:scale(1.3, 1.3); /* Safari and Chrome */ -o-transform:scale(1.3, 1.3); /* Opera */ 
	transform-origin:50% 50%;
	-ms-transform-origin:50% 50%; /* IE 9 */
	-webkit-transform-origin:50% 50%; /* Safari and Chrome */
	-moz-transform-origin:50% 50%; /* Firefox */
	-o-transform-origin:50% 50%; /* Opera */
	
	transition: 600ms;
	-moz-transition: 600ms;	/* Firefox 4 */
	-webkit-transition: 600ms;	/* Safari 和 Chrome */
	-o-transition: 600ms;	/* Opera */
	}
.load .swiper-slide img {opacity: 1; transform:scale(1, 1); -ms-transform:scale(1, 1); /* IE 9 */ -moz-transform:scale(1, 1); /* Firefox */ -webkit-transform:scale(1, 1); /* Safari and Chrome */ -o-transform:scale(1, 1); /* Opera */ }
.mobile {display: none;}
.row4 {width: 100%; position: absolute;left: 0; bottom: 0; z-index: 2;padding-top: 60px;}
.row4 .content {width: 1020px; margin: 0 auto; display: flex;color: #fff;position: relative;padding-bottom: 50px;}
.row4:before { content: '';display: block;width: 1020px; height: 1px; background: #888;margin:0 auto 20px;}
.row4 .content:before {content: '';display: block;width: 5px; height: 5px; border: 1px #888 solid;position: absolute;left: -8px; top: -24px; z-index: 2;
-ms-transform:rotate(45deg); /* Internet Explorer */
	-moz-transform:rotate(45deg); /* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); /* Opera */
}
.column1 {width: 33.333%;cursor: pointer;}
.column1 div,.small-button-arrow {
	transition: 200ms;
	-moz-transition: 200ms;	/* Firefox 4 */
	-webkit-transition: 200ms;	/* Safari 和 Chrome */
	-o-transition: 200ms;	/* Opera */
}
.text2 {margin-left: 74px;position: relative;}
.font2 {max-width: 200px; font-size: 12px; line-height: 1.66; font-weight: 400;font-style: normal;letter-spacing: 4px;text-transform: uppercase;color: #fff;font-family: 'freight-big-pro,serif';}
.font3 {font-size: 8px; line-height:0.5;color: #999;}
.font4 {font-size: 15px; line-height: 1; color: #fff; margin-top: 16px; letter-spacing:9.5px;text-transform:uppercase;font-family: "arial black";}
.ico10 {width: 10px; height: 10px; border: 1px #888 solid; position: absolute;left: -74px; top: 80%; margin-top: -10px;z-index: 2;
transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* Internet Explorer */
	-moz-transform:rotate(45deg); /* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); /* Opera */
}
.ico11 {width: 20px; height: 10px; display: block;content: '';position: absolute;left: -85px; top: 70%; margin-top: -4.5px; background: url(../images/ico7.png) center center no-repeat;background-size: 100% auto;z-index: 3;}
.hover .font3 {margin-top: 5px;color: #fff;}
.hover .font4 {margin-top: 6px;}
.hover .ico10 {border: 1px #fff solid;}
.hover .ico11 {left: -60px;}



.top {
 height:auto;
 width:100%;
 margin-right:auto;
 margin-left:auto;
 max-width:1020px
}
.btn1 {
 padding:6px 0 0 0;
 height:14px;
 width:20px;
 position:relative;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 border:0;
 outline:none;
 background:none;
 cursor:pointer;
 margin-top: 29px;
}
.btns_t {display: flex;margin-top: 29px;text-align: right;position: relative; z-index: 999999;}
.btns_t .ico {width: 12px; height: 22px; display: block;margin: 0 12px;}
.btns_t .ico a {display: block;overflow: hidden;zoom: 1; text-indent: 60px;}
.num_car {font-size: 12px; line-height: 22px; color: #fff;display: block;}
.btns_t .ico1 {width: 22px; height: 22px;cursor: pointer;}
.ico1 {background: url(../images/ico11.png) center center no-repeat; background-size: 100% auto;}
.ico2 {background: url(../images/ico22.png) center center no-repeat; background-size: 100% auto;}
.ico3 {background: url(../images/ico33.png) center center no-repeat; background-size: 100% auto;}
.ico4 {background: url(../images/ico44.png) center center no-repeat; background-size: 100% auto;}
.ico5 {background: url(../images/ico55.png) center center no-repeat; background-size: 100% auto;}
.ico6 {background: url(../images/ico66.png) center center no-repeat; background-size: 100% auto;}

.logo {width: 220px; margin: 0 auto; text-align: center;margin: 0 auto;font-size: 20px; line-height: 80px; color: #fff; font-weight: bold;}

.btn1 .lines {
 position:relative;
 height:1px;
 width:15px;
 display:block;
 max-width:15px;
 transition:background-color .25s cubic-bezier(.25,.46,.45,.94),max-width .25s cubic-bezier(.25,.46,.45,.94);
 background-color:#fff
}

.btn1 .lines { background-color:#fff; }
.btn1 .lines:after,
.btn1 .lines:before {
	content: '';
	position:absolute;
	left:0;
	height:1px;
	width:20px;
	content:"";
	display:block;
	transition:-webkit-transform .25s cubic-bezier(.25,.46,.45,.94);
	transition:transform .25s cubic-bezier(.25,.46,.45,.94);
	transition:transform .25s cubic-bezier(.25,.46,.45,.94),-webkit-transform .25s cubic-bezier(.25,.46,.45,.94);
	background-color:#fff
}
.btn1 .lines:before {
 top:-6px
}
.btn1 .lines:after {
 bottom:-6px
}
.btn_show .lines {height: 0;}
.btn_show .lines:before {
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* Internet Explorer */
	-moz-transform:rotate(45deg); /* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); /* Opera */
	top:0;
	bottom: auto;
}
.btn_show .lines:after {
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); /* Internet Explorer */
	-moz-transform:rotate(-45deg); /* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:rotate(-45deg); /* Opera */
	top:0;
	bottom: auto;
}

.wrap {}
.mg110 {margin-top: 110px;}
.bg1 {background: #000;}
.text1 {width: 300px;}
.text1 h2 {font-size: 22px; line-height: 46px; font-weight:normal; color: #28334c;margin-top: 50px;}
.typeset {font-size: 16px; line-height: 2; color: #314369; margin-top: 20px;}
.small-button {font-size: 15px; line-height: 4; color: #314369; margin-top: 45px;}
.small-button-arrow {width: 15px; display: inline-block;height: 1px;margin-right: 20px;margin-left: 10px; background: #888;position: relative;}
.small-button-arrow:before {content: '';display: block;position: absolute;left: -7px;top: -3px; width: 4.5px; height: 4.5px; border: 1px #888 solid;
-ms-transform:rotate(45deg); /* Internet Explorer */
	-moz-transform:rotate(45deg); /* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); /* Opera */
}
.hover .small-button-arrow {width: 20px; margin-left: 25px;margin-right: 15px;background: #333;}
.hover .small-button-arrow:before {
	width: 9px;
	height: 9px;
	top: -4px;
	left: auto;
	right: -4px;
	border: 0;
	margin-top: 0;
	background: url(../images/ico8.png) 0 center no-repeat;
	background-size: 100% auto;
	-ms-transform:rotate(0deg); /* Internet Explorer */
		-moz-transform:rotate(0deg); /* Firefox */
		-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
		-o-transform:rotate(0deg); /* Opera */
}
.video1 {width: 630px;overflow: hidden;zoom: 1;cursor: pointer;position: relative;z-index: 2;}
.video1 img {
	transform:scale(1, 1); -ms-transform:scale(1, 1); /* IE 9 */ -moz-transform:scale(1, 1); /* Firefox */ -webkit-transform:scale(1, 1); /* Safari and Chrome */ -o-transform:scale(1, 1); /* Opera */
	transition: 600ms;
	-moz-transition: 600ms;	/* Firefox 4 */
	-webkit-transition: 600ms;	/* Safari 和 Chrome */
	-o-transition: 600ms;	/* Opera */
}
.video1 .hover {opacity: 0.6;transform:scale(1.15, 1.15); -ms-transform:scale(1.15, 1.15); /* IE 9 */ -moz-transform:scale(1.15, 1.15); /* Firefox */ -webkit-transform:scale(1.15, 1.15); /* Safari and Chrome */ -o-transform:scale(1.15, 1.15); /* Opera */}
.video1 img {width: 100%;}
.row1 {position: relative;}
.bg3:before {content: '';display: block; width: calc(50% - 150px);height: 355px;background: #f6f5f4;position: absolute;right: 0;top: 80px;z-index: 1;}
.bg4:before {content: '';display: block; width: calc(50% - 150px);height: 355px;background: #f6f5f4;position: absolute;left: 0;top: 80px;z-index: 1;}
.bg5:before {content: '';display: block; width: calc(50% - 150px);height: 786px;background: #f6f5f4;position: absolute;left: 0;top: 80px;z-index: 1;}
.bg6:before {content: '';display: block; width: calc(50% - 150px);height: 786px;background: #f6f5f4;position: absolute;right: 0;top: 80px;z-index: 1;}
.row1,.row2{clear: both;margin-top: 240px;}
.row2 {position: relative;}
.row1 .content,.row2 .content {width: 1020px; margin: 0 auto; overflow: hidden;zoom: 1;}
.row2 .content {position: relative;}
.pic1 {width: 100%;}
.pic1 img {width: 100%;}
.row2 .text1 {width: 600px; margin: 0 auto; text-align: center;margin-bottom: 100px;}
.footer {margin-top: 100px;}
.footer:before {content: '';display: block;width: 1020px;height: 1px; margin: 0 auto;background: #ddd;}
.logo1 {text-align: center;padding-top: 60px;}
.row3 {text-align: center;width: 180px;display: flex;margin: 45px auto 0;border: 1px #455678 solid;}
.row3 a {display: block;font-size: 12px; line-height: 60px;width: 60px;position: relative; text-align: center;text-indent: -200px; overflow: hidden;zoom: 1;}
.row3 a:nth-child(2) {border-left: 1px #455678 solid;border-right: 1px #455678 solid;}
.row3 a:after {content: '';display: block;width: 100%;height: 0; position: absolute;left: 0; bottom: 0; z-index: 2; background: #000; opacity: 0.2;
transition: 200ms;
	-moz-transition: 200ms;	/* Firefox 4 */
	-webkit-transition: 200ms;	/* Safari 和 Chrome */
	-o-transition: 200ms;	/* Opera */
}
.row3 a:hover:after {height: 100%;}
.ico7 {background: url(../images/ico3.png) center center no-repeat;}
.ico8 {background: url(../images/ico4.png) center center no-repeat;}
.ico9 {background: url(../images/ico2.png) center center no-repeat;}
.nav1 {text-align: center;margin-top: 50px;}
.nav1 li {display: inline-block;margin: 0 20px;position: relative;}
.nav1 li a {font-size: 16px; line-height: 28px; color: #333;display: inline-block;position: relative;}
.nav1 li:before {content: '';display: block;width: 5px; height: 5px;border-radius: 50%; background: #333; position: absolute;right: -22.5px; top: 14px;}
.nav1 li:last-child:before {display: none;}
.nav1 li a:after,.nav li a:after {content: '';display: block;left: 0;width: 0; background: #333; height: 1px; position: absolute;z-index: 2;
transition: 200ms;
	-moz-transition: 200ms;	/* Firefox 4 */
	-webkit-transition: 200ms;	/* Safari 和 Chrome */
	-o-transition: 200ms;	/* Opera */
}
.nav li a:after {background: #999;}
.nav1 li a:hover:after,.nav li a:hover:after {width: 100%;}
.copyright {font-size: 12px; line-height: 1.5; color: #49597b; text-align: center;margin: 50px 0 0;padding-bottom: 32px;}
.copyright a {color: #333;vertical-align: baseline;}
.copyright a span {vertical-align: top;}
.row5 {background: #000; margin-top: 80px;padding-bottom: 105px;}
.title {font-size: 42px; line-height: 1; color: #fff; text-align: center;text-transform:uppercase;letter-spacing:5px;font-family: "arial black";padding-top: 55px;}
.ico12 {text-align: center;margin-top: 30px;}
.font5 {font-size: 18px; line-height: 2; color: #999; text-align: center;max-width: 630px; margin: 30px auto 0;}