@charset "utf-8";

/* CSS Document */
@font-face {
	src: url(../fonts/ALIBABA-PUHUITI-LIGHT.OTF);
	font-family: "myfont";
}

@font-face {
	src: url(../fonts/ALIBABA-PUHUITI-REGULAR.OTF);
	font-family: "title";
}

@font-face {
	src: url(../fonts/impact.ttf);
	font-family: "num";
}

* {
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	list-style: none;
	font-family: "myfont";
	box-sizing: border-box;
}

@font-face {
	font-family: 'iconfont';
	src: url(../icons/iconfont.eot);
	src: url(../icons/iconfont.eot?#iefix) format('embedded-opentype'),
		url(../icons/iconfont.woff) format('woff'),
		url(../icons/iconfont.ttf) format('truetype'),
		url(../icons/iconfont.svg#iconfont) format('svg');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

p {
	font-size: 1.6rem;
	color: #383635;
	line-height: 2;
	margin: 3% 0;
	letter-spacing: 1px;
}

.clear {
	clear: both;
}

a {
	color: #666;
	text-decoration: none;
}
.w_all0 {
	width: 90%;
	margin: auto;
}
.w_all {
	width: 1300px;
	margin: auto;
}

.w_all2 {
	width: 58%;
	margin: auto;
}

.w_all3 {
	width: 78%;
	margin: auto;
}

html,
body {
	width: 100%;
	position: relative;
	font-size: 62.5%;
}

.header {
	width: 100%;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	padding: 2rem 0;
}
header.outside{
	-webkit-transform: translateY(-180px);
	transform: translateY(-180px);
}
.NavTop {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.NavTop .logo {
	height: 66px;
}

.NavTop .logo img {
	display: block;
	height: 100%;
}

.NavTop ul {
	width: 48%;
	display: flex;
	justify-content: space-between;
}

.NavTop ul li {
	color: #595757;
	line-height: 46px;
	font-size: 1.7rem;
	letter-spacing: 2px;
	position: relative;
	font-family: "title";
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.NavTop ul li:hover {
	color: #ef8201;
}
.NavTop .others {
	display: flex;
	align-items: center;
}

.NavTop .others span {
	display: block;
	margin-left: 20px;
}

.NavTop .others span:first-of-type {
	margin-left: 0;
}

.NavTop .others img {
	width: 28px;
	display: none;
}

.NavTop .others img:first-of-type {
	display: block;
}

.navBtn {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	cursor: pointer;
	z-index: 33333;
	display: none;
}

.navBtn span {
	display: block;
	width: 26px;
	height: 2px;
	margin: 6px 0;
	border-radius: 6px;
	background: #595757;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.navBtn.active span:nth-of-type(2) {
	opacity: 0;
}

.navBtn.active span:nth-of-type(1) {
	margin-top: 3%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.navBtn.active span:nth-of-type(3) {
	margin-top: -16px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.headeron{
	background: #fff;
	padding: 1rem 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.headeron ul li{
	color: #595757 !important
}
.headeron .NavTop .logo{
	height: 60px;
}
.headerW .logo img:first-of-type{
	display: none;
}
.headerW .logo img:last-of-type{
	display: block;
}
.headeron.headerW .logo img:first-of-type{
	display: block;
}
.headeron.headerW .logo img:last-of-type{
	display: none;
}
/*banner*/
.banner{
	width:100%;
	position:relative;
	overflow: hidden;
	height: 79vh;
}
.banner .swiper-slide,.banner .swiper-container{
	height: 100%;
	width: 100%;
}
.banner .swiper-pagination{
	text-align: left;
	left: 50%;
	bottom: 10%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 9;
}
.banner .swiper-pagination span{
	width: 40px;
	height: 2px;
	opacity: 1;
	margin-right: 12px;
	border: none;
	background: #595757;
	border-radius: 0 !important;
}
.banner .swiper-pagination .swiper-pagination-bullet-active{
	background: #ef8201;
}
.banner .txt{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.banner .txt h3{
	font-size: 6rem;
	font-weight: normal;
	color: #ef8201;
	letter-spacing: 0.6rem;
}
.banner .txt p{
	font-size: 3.2rem;
	font-weight: normal;
	color: #231815;
	margin-top: 0;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}
.index_bar1{
	border-bottom: 1px solid #595757;
	position: relative;
	z-index: 3;
}
.index_bar1 ul {
	display: flex;
	justify-content: space-between;
}
.index_bar1 ul li {
	padding: 3.5vh 0;
	text-align: center;
	color: #595757;
	font-size: 1.9rem;
	letter-spacing: 0.2rem;
	font-family: "title";
	cursor: pointer;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.index_bar1 ul li b {
	width: 10rem;
	height: 10rem;
	margin: 0 auto 0.6rem;
	display: block;
	border-radius: 50%;
	padding:1.2rem;
	position: relative;
}
.index_bar1 ul li img:last-of-type{
	display: none;
}
.index_bar1 ul li b img{
	width: 100%;
	position: relative;
	z-index: 2;
}
.index_bar1 ul li:hover{
	color:  #ef8201;
}
.index_bar1 ul li b::before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0%;
	height: 0%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: #ef8201;
	border-radius: 50%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.index_bar1 ul li:hover b::before{
	width: 100%;
	height: 100%;
}
.index_bar1 ul li:hover img{
	display: none;
}
.index_bar1 ul li:hover img:last-of-type{
	display: block;
}
.idnex_bar0 {
	width: 100%;
	position: relative;
	z-index: 2;
	padding: 10% 0 8%;
}
.idnex_bar0 .txt {
	margin:  auto;
	position: relative;
}
.title {
	font-size: 5rem;
	color: #ef8201;
	letter-spacing: 0.5rem;
	line-height: 1.4;
	font-family: "title";
}
.idnex_bar0 .txt h3 {
	font-size: 3rem;
	color: #5b5758;
	font-weight: normal;
	letter-spacing: 0.1rem;
	line-height: 1.4;
	margin: 1rem 0 0;
	font-family: "title";
}
.idnex_bar0 .txt p {
	font-size: 2rem;
	color: #595757;
	letter-spacing: 0.1rem;
	width: 44rem;
}
.idnex_bar0 .txt img{
	position: absolute;
	left:21%;
	bottom: 2%;
	height: 120%;
	z-index: -1;
}
.more {
	width: 70px;
	line-height: 1.8;
	color: #666;
	border-bottom: 1px solid #888;
	font-size: 1.6rem;
	text-align: center;
	margin: 1.5% auto;
	letter-spacing: 0.1rem;
	cursor: pointer;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.more:hover {
	border-color: transparent;
}

.index_bars {
	padding: 10rem 0;
}
.index_bar2 {
	width: 100%;
	padding-bottom: 15rem;
}
.index_bar2 .title{
	padding: 6% 0 22%;
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-family: "myfont";
	font-size: 6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index_bar2 .title span{
	width: 32%;
	height: 1px;
	background: #fff;
}
.index_bar2 .ul {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-top: -9%;
}

.index_bar2 .li {
	position: relative;
	color: #1a1a1a;
	width: 31%;
	cursor: pointer;
	background: #fff;
	padding: 2rem;
	box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
}
.index_bar2 .bb {
	overflow: hidden;
	position: relative;
	transition: all .6s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.index_bar2 .bb img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
}

.index_bar2 .li:hover .bb img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.index_bar2 .txt {
	width: 100%;
	position: relative;
	z-index: 2;
	padding: 5% 0;
}
.index_bar2 h3 {
	letter-spacing: 0.1rem;
	font-size:2.6rem;
	font-weight: normal;
	font-family: "title";
	color: #595757;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.index_bar2 .li:hover h3{
	color: #f08200;
}

.index_bar2 h6 {
	font-size:2rem;
	color: #B4B4B5;
	margin-top: 10px;
	font-weight: normal;
	letter-spacing: 0.06rem;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.index_bar2 .more {
	width: 100px;
	margin: 12% 0 0;
	border-bottom: none;
	font-weight: bold;
	border: 1px solid #595757;
	text-transform: uppercase;
}

.index_bar2 .more span {
	font-size: 1.4rem;
	color: #595757;
	line-height: 2;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.index_bar2 .more:hover {
	width: 100px;
	background: #f08200;
	border-color: #f08200;
}

.index_bar2 .more:hover span {
	color: #fff;
}

footer {
	width: 100%;
	background: #efefef;
	font-size: 1.2rem;
	z-index: 6;
	position: relative;
	color: #231815;
}
footer .logo2{
	padding: 6rem 0 4rem;
}
footer .logo2 img {
	margin:  auto;
	display: block;
	height: 9rem;
}
footer .top {
	text-align: center;
}

footer p {
	line-height: 1.6;
	margin: 0;
	font-size: 1.6rem;
	color: #231815;
	letter-spacing: 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

footer .top p {
	display: flex;
	justify-content: center;
	font-size: 1.8rem;
	color: #231815;
}

footer .top p a {
	margin: 0 30px;
	color: #231815;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	letter-spacing: 0.1rem;
}

footer a:hover,
footer p:hover {
	color: #ef8201 !important;
}

footer ul {
	display: flex;
	justify-content: center;
}

footer ul li {
	width: 36px;
	margin: 10px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	cursor: pointer;
}

footer ul li img {
	width: 100%;
	display: block;
}

footer ul li:hover {
	background: #f08200;
}

footer .copy {
	border-top: 1px solid #595757;
	padding: 15px 0;
	margin-top: 4rem;
	color: #231815;
}

footer .bot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
footer .bot p a {
	margin-left: 20px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	color: #231815;
}

footer .bot p a:first-of-type {
	margin-left: 0px;
}
footer .bot p:nth-of-type(2){
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
footer .totop img {
	position: absolute;
	right: 1%;
	bottom: 8px;
	width: 36px;
	cursor: pointer;
}

.ban {
	height: 6rem;
	position: relative;
	z-index: 9;
	background: #fff;
}

.allbar {
	padding: 8% 0;
	position: relative;
}

.about1 {
	padding: 9% 0 16%;
	background: #fff;
	position: relative;
	z-index: 6;
}

.about1 p {
	font-size: 2rem;
	margin: 0.8rem 0;
	width: 80%;
}
.about1 .txt1 p strong{
	font-family: "title";
	font-weight: normal;
}
.about1 .title2 {
	color: #f08200;
	font-size: 11.5rem;
	position: absolute;
	right: 10%;
	bottom: 10%;
	font-weight: bold;
	font-family: "title";
}

.about2 {
	position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 100vh;
    z-index: 1;
}
.about3{
	height: 75vh;
	position: relative;
}
.about3 .txt{
	background: #f6f6f6;
    padding: 3.3%;
    font-size: 1.4rem;
    position: absolute;
    left: 50%;
    top: -5%;
    z-index: 6;
	width: 0;
}

.about3 .txt p {
	opacity: 0;
}

.about3 .txt p strong {
	color: #1a1a1a;
}


.news_d h6 {
	margin-top: 1rem;
}
.news_d .txt img{
	max-width: 100%;
}
.pban{
	position: relative;
	padding: 30rem 0 42rem;
}
.pban .txt{
	padding: 0 10%;
}
.pban .txt h2{
	font-weight: normal;
	font-size: 6rem;
	letter-spacing: 0.4rem;
	color: #fff;
}
.pban .txt p{
	color: #fff;
	font-size: 2.8rem;
	font-family: "title";
	margin-top: 1rem;
}
.pban ul{
	display: flex;
	margin-top: 6%;
}
.pban ul li{
	margin-right: 4rem;
	color: #595757;
	text-align: center;
	font-size: 2rem;
	font-family: "title";
	letter-spacing: 0.2rem;
	cursor: pointer;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.pban ul li img{
	height: 6rem;
	margin:0 auto 1rem;
	width: 6rem;
	display: block;
}
.pban ul li img:last-of-type{
	display: none;
}
.pban ul li.active img:first-of-type{
	display: none;
}
.pban ul li.active img:last-of-type{
	display: block;
}
.pban ul li.active{
	color: #fff;
}
.pro{
	position: relative;
	z-index: 66;
	padding-bottom: 6%;
}
.pro ul{
	display: none;
}
.pro ul:first-of-type{
	display: block;
}
.pro ul li{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pro ul li b{
	display: block;
	width: 50%;
	position: relative;
	z-index: 2;
	margin-top: -3%;
}
.pro ul li b img{
	display: block;
	width: 100%;
}
.pro ul li .txt{
	position: relative;
	z-index: 2;
	width: 35%;
	margin-left: 15%;
}
.pro ul li h3{
	font-size: 4.8rem;
	color: #ef8201;
	letter-spacing: 0.5rem;
	font-family: "title";
	margin-bottom: 4rem;
}
.pro ul li p{
	margin: 1rem 0;
	font-size: 2.2rem;
	width: 80%;
	color: #595757;
}
.pro ul li .txt img{
	position: absolute;
	left: 39%;
	top: 40%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
	width: 65%;
}
.contact{
	position: relative;
	z-index: 9;
	background: #fff;
}
.contact ul{
	display: flex;
	justify-content: space-between;
}
.contact .txt1 {
	opacity: 0;
}
.contact .txt1 .title3{
	margin-bottom:3rem;
	font-size: 2.6rem;
}
.contact .txt1 p{
	display: flex;
	margin: 10px 0;
	align-items: center;
	font-size: 1.8rem;
	width: 100%;
}
.contact .txt1 p img{
	width: 28px;
	height: 28px;
	margin-right: 12px;
	opacity: 0.8;
}
.contact .title2{
	right: inherit;
	left: 15%;
	opacity: 0;
}
.contact2{
	position: relative;
	z-index: 9;
	height: 60vh;
}
.contact2::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #f08200;
	opacity: 0.2;
	z-index: 2;
}
#mapDiv{
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	height: 100vh;
	z-index: 1;
}
.contact2 .txt {
	background: #f6f6f6;
	font-size: 1.4rem;
	position: absolute;
	left: 55%;
	top: -32%;
	z-index: 3;
	width: 0%;
	z-index: 6;
}
.contact2 .box{
	opacity: 0;
	padding: 12% 10%;
}
.contact2 .txt h2{
	font-size: 2.6rem;
	letter-spacing: 0.2rem;
}
.contact2 .txt input{
	width: 100%;
	background: none;
	border: none;
	box-shadow: none;
	padding: 10px 0px;
	color: #1a1a1a;
	font-size: 1.4rem;
	border-bottom: 2px solid #1a1a1a;
}
.contact2 .txt textarea{
	width: 100%;
	background: none;
	border: none;
	box-shadow: none;
	padding: 10px 0px;
	color: #1a1a1a;
	font-size: 1.4rem;
	border-bottom: 2px solid #1a1a1a;
}
.contact2 .txt button{
	width: 140px;
	background: #1a1a1a;
	box-shadow: none;
	padding: 10px 0px;
	color: #fff;
	font-size: 1.4rem;
	margin-top: 5%;
	letter-spacing: 0.1rem;
}
::placeholder{
	color: #1a1a1a;
}
.aban{
	padding: 25rem 0 38rem;
}
.aban .txt{
	text-align: right;
}
.abouts{
	position: relative;
	z-index: 66;
	padding-bottom: 6%;
}
.abouts .box{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 4rem;
}
.abouts .left{
	position: relative;
	z-index: 2;
	width: 40%;
}
.abouts p{
	margin: 1rem 0;
	font-size: 2.2rem;
	color: #595757;
}
.abouts h3{
	font-size: 4.8rem;
	color: #ef8201;
	letter-spacing: 0.5rem;
	font-family: "title";
	margin-bottom: 4rem;
}
.abouts .txt{
	display: block;
	width: 55%;
	position: relative;
	z-index: 2;
	margin-top: -5%;
}
.abouts .txt img{
	display: block;
	width: 100%;
	margin-bottom: 3rem;
}
.nban {
	padding: 45rem 0 20rem;
}
.nban .txt{
	text-align: center;
}
.news {
	margin-top: -5%;
	position: relative;
	z-index: 9;
}
.title3 {
	text-align: left;
	font-size: 3.6rem;
	color: #1a1a1a;
	letter-spacing: 0.2rem;
}
.news .contain{
	position: relative;
}
.news .ul {
	padding: 1.9rem;
	box-sizing: border-box;
}
.news .btn{
	cursor: pointer;
	position: absolute;
	top: 70%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 99;
}
.news .next{
	right: -6%;
}
.news .prev{
	left:-6%;
}