@charset "utf-8";
/* CSS Document */
/*****************************

          首页部分

****************************/
/********** 首页头部 ************/
.index-header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,.11);
	z-index: 1;
	height: 120px;
	transition: all .4s ease;
}

.index-header .header-logo{
	line-height: 120px;
	font-size: 0;
}

.index-header .header-logo .link{
	width: 240px;
	height: 74px;
	line-height: 74px;
	vertical-align: middle;
}

.index-header .header-logo .link img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle
}

.index-header .header-info-area{
	width: calc(100% - 240px);
	padding: 10px 0 10px 50px;
	height: 120px;
}

.index-header .header-info-area .phone-and-search{
	height: 50px;
	padding-left: 15px;
}

.index-header .header-info-area .phone-and-search .search-area{
	width: 360px;
	height: 50px;
}

.index-header .header-info-area .phone-and-search .search-area .text{
	height: 36px;
	line-height: 34px;
	border: 1px #dcdcdc solid;
	width: 300px;
	padding: 0 10px;
	font-size: 16px;
	color: #fff;
	border-right: 0;
}

.index-header .header-info-area .phone-and-search .search-area .text:-ms-input-placeholder {
 color: #fff;
}
.index-header .header-info-area .phone-and-search .search-area .text::-webkit-input-placeholder {
 color: #fff;
}
.index-header .header-info-area .phone-and-search .search-area .text::-moz-placeholder {
 color: #fff;
 opacity: 1!important;
}

.index-header .header-info-area .phone-and-search .search-area .button{
	width: 60px;
	height: 36px;
	color: #fff;
	text-align: center;
	background: #d7b147;
	font-size: 20px;
	cursor: pointer;
}

.index-header .header-info-area .phone-and-search .phone-area{
	height: 50px;
}

.index-header .header-info-area .phone-and-search .phone-area .icon{
	font-size: 0;
}

.index-header .header-info-area .phone-and-search .phone-area .tel-info{
	padding-left: 10px;
}

.index-header .header-info-area .phone-and-search .phone-area .tel-info .title{
	color: #fff;
	font-size: 14px;
	line-height: 1;
}

.index-header .header-info-area .phone-and-search .phone-area .tel-info .tel{
	color: #d7b147;
	font-size: 24px;
	line-height: 1.2;
}

.index-header .header-nav{
	font-size: 0;
	/*position: relative;*/
	width: 920px;
}

.index-header .header-nav .nav-item{	
	padding: 0 10px;
}

.index-header .header-nav .nav-item > .link{
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	position: relative;
}
.index-header .header-nav .nav-item:hover > .link,
.index-header .header-nav .nav-item.current > .link{
	color: #d6b047;
	font-weight: bold;
}
.index-header .header-nav .nav-item .arrow{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: #d6b047;
	line-height: 10px;
	font-size: 30px;
	display: none;
}

.index-header .header-nav .nav-item:hover .arrow,
.index-header .header-nav .nav-item.current .arrow{
	display: block;
}

.index-header .header-nav .nav-item .sub-nav{
	position: absolute;
	top: 49px;
	background: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 1300px;
	height: 0;
	overflow: hidden;
	
	/*display: none;*/
	
}

.index-header .header-nav .nav-item:hover .sub-nav{
	/*display: block;*/
	height: auto;
	min-height: 211px;
}

.index-header .header-nav .nav-item .sub-nav .subnav-container{
	display: table;
	width: 100%;
	table-layout: fixed;
	border-top: 3px #d7b147 solid;
}


.index-header .header-nav .nav-item .sub-nav .sub-list{
	background: #f9f9f9;
	padding: 20px 60px;
	position: relative;
	vertical-align: top;
	width: calc(100%/3);
}

.index-header .header-nav .nav-item .sub-nav .sub-list:hover{
	background: #fff;
}

.index-header .header-nav .nav-item .sub-nav .sub-list:after{
	content:"";
	position: absolute;
	left: 0;
	top: 20px;
	width: 0;
	height: 130px;
	border-left: 1px #dcdcdc solid;
}

.index-header .header-nav .nav-item .sub-nav .sub-list:first-child:after{
	display: none;
}

.index-header .header-nav .nav-item .sub-nav .sub-list .sub-item{
	position: relative;
	margin-bottom: 10px;
	z-index: 0;
}

.index-header .header-nav .nav-item .sub-nav .sub-list .sub-item:hover{
	z-index: 1;
}

.index-header .header-nav .nav-item .sub-nav .sub-list .sub-item > .link{
	color: #454545;
	font-size: 16px;
	line-height: 28px;
	padding: 0 10px;
	display: inline-block;
	border-radius: 5px;
}

.index-header .header-nav .nav-item .sub-nav .sub-list .sub-item > .link:before{
	content: "|";
	padding-right: 5px;
}

.index-header .header-nav .nav-item .sub-nav .sub-list .sub-item > .link:hover{
	background: #d7b147;
	color: #fff;
}

.index-header .header-nav .nav-item .sub-nav .sub-list .sub-item .third-menu{
	position: absolute;
	background: #f4f4f4;
	border-radius: 5px;
	width: 230px;
	height: 165px;
	padding: 5px 20px;
	display: none;
}

.index-header .header-nav .nav-item .sub-nav .sub-list .sub-item:hover .third-menu{
	display: block;
}

.index-header .header-nav .nav-item .sub-nav .sub-list .sub-item .third-menu .third-item{
	
}

.index-header .header-nav .nav-item .sub-nav .sub-list .sub-item .third-menu .third-item .third-link{
	display: inline-block;
	color: #454545;
	font-size: 14px;
	line-height: 30px;
	border-bottom: 1px #454545 solid;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.index-header .header-nav .nav-item .sub-nav .sub-list .sub-item .third-menu .third-item .third-link:hover{
	color: #d7b147;
	border-color: #d7b147;
}

.index-header .header-search-button-single{
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: calc(100% - 920px - 50px);
	color: #fff;
	font-size: 20px;
	display: none;
}

.index-header .header-gongneng{
	width: 50px;
	line-height: 50px;
	font-size: 0;
}

.index-header .header-gongneng .lang{
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

.index-header .header-gongneng .lang .lang-item{
	width: 100%;
	line-height: 32px;
	border: 1px #fff solid;
	border-radius: 40px;
	vertical-align: middle;
}

.index-header .header-gongneng .lang .lang-item img{
	width: auto;
	max-width: 20px;
	height: auto;
	max-height: 20px;
	vertical-align: middle;
}

.index-header .header-gongneng .lang .lang-item:hover{
	background: #bb9a40;
	border-color: #bb9a40
}


.index-header.white-header{
	background: #fff;
	transition: all .4s ease;
}

.index-header.white-header .header-logo .white-logo{
	display: none;
}

.index-header.white-header .header-logo .black-logo{
	display: inline-block;
}

.index-header.white-header .header-nav .nav-item > .link{
	color: #454545;
}

.index-header.white-header .header-gongneng .lang .lang-item{
	border-color: #000;
}

.index-header.white-header .header-gongneng .lang .lang-item img{
	filter: brightness(0);
}

.index-header.white-header .header-gongneng .lang .lang-item:hover{
	background: #bb9a40;
	border-color: #bb9a40
}

.index-header.white-header .header-gongneng .lang .lang-item:hover img{
	filter: none;
}

.index-header.smallheader{
	height: 60px;
	box-shadow: 0 0 5px rgba(0,0,0,.17);
	transition: all .4s ease;
}
.index-header.smallheader .header-logo{
	line-height: 60px;
	transition: all .4s ease;
}

.index-header.smallheader .header-logo .link{
	height: 50px;
	line-height: 50px;
	transition: all .4s ease;
}

.index-header.smallheader .header-nav .nav-item > .link{
	line-height: 60px;
	transition: all .4s ease;
}

.index-header.smallheader .header-nav .nav-item .sub-nav{
	top: 60px;
	transition: all .4s ease;
}
.index-header.smallheader .header-gongneng{
	line-height: 60px;
	transition: all .4s ease;
}

.index-header.smallheader .header-info-area{
	padding-top: 0;
height:auto;
}

.index-header.smallheader .header-info-area .phone-and-search{
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	background: #fff;
	height: 0;
	overflow: hidden;
	transition: all .4s ease;
}

.index-header.smallheader .header-info-area .phone-and-search.autoheight{
	height: auto;
	transition: all .4s ease;
}

.index-header.smallheader .header-info-area .close-search{
	position: absolute;
	right: 20px;
	top: 50%;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	color: #454545;
	font-size: 20px;
	margin-top: -25px;
	cursor: pointer;
}
.index-header.smallheader .header-info-area .close-search:hover{
	color: #d7b147
}

.index-header.smallheader .header-info-area .search-area{
	float: none;
	margin: 0 auto;
}

.index-header.smallheader .header-info-area .phone-area{
	display: none;
}

.index-header.smallheader .header-search-button-single{
	color: #fff;
	display: block;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
}

.index-header.smallheader .header-search-button-single:hover{
	color: #d7b147;
}

.index-header.white-header .header-search-button-single{
	color: #454545;
}

.index-header.smallheader .header-info-area .phone-and-search .search-area .text{
	color: #454545
}

/*********** 首页指示器 *************/
#fp-nav{
	
}

#fp-nav.right{
	right: 10px;
	float: none;
}

#fp-nav ul li, .fp-slidesNav ul li{
	width: 14px;
	height: 14px;
	
	opacity: 1!important;
	background: none;
}

#fp-nav ul li a, .fp-slidesNav ul li a{
	
}

#fp-nav ul li a span, .fp-slidesNav ul li a span{
	border: 1px #fff solid;
	width: 14px;
	height: 14px;
	transition: all .4s ease
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{
	background: #ffc000!important;
	border-color: #ffc000!important;
	
}

#fp-nav.darkmode ul li a span, .fp-slidesNav.darkmode ul li a span{
	border-color: #000;
	
}


#fp-nav.darkmode ul li a.active span, .fp-slidesNav.darkmode ul li a.active span{
	background: #ffc000!important;
	border-color: #ffc000!important
}

#fp-nav ul li .fp-tooltip.right{
	float: none;
	background: rgba(0,0,0,.4);
}

#fp-nav.darkmode ul li .fp-tooltip.right{
	color: #000;
	background: rgba(255,255,255,.4)
}

/*********** 首页主体 ************/
.index-main{
	position: relative;
	z-index: 0;
}

.index-main > .swiper-container{
	height: 100vh;
}

/*********** 首页滚屏-第一屏 ************/
.screen1 .swiper-container{
	position: relative;
	z-index: 0;
}

.screen1 .swiper-container .swiper-slide-inner{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.screen1 .fix-icon{
	position: absolute;
	width: 90px;
	bottom: 35px;
	left: 50%;
	margin-left: -45px;
	z-index: 1;
	color: #fff;
	text-align: center;
}

.screen1 .fix-icon .icon{
	display: inline-block;
	width: 29px;
	height: 44px;
	line-height: 44px;
	font-size: 0;
	margin-bottom: 5px;
}

.screen1 .fix-icon .icon img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}

.screen1 .fix-icon .text{
	font-size: 14px;
	line-height: 22px;
}

.screen1 .fix-text{
	color: #fff;
	position: absolute;
	left: 30px;
	bottom: 25px;
	font-size: 14px;
	line-height: 22px;
	z-index: 1
}

.screen1 .fix-link{
	position: absolute;
	right: 30px;
	bottom: 25px;
	font-size: 0;
	z-index: 1;
}

.screen1 .fix-link .link{
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	margin-left: 10px;
}

.screen1 .fix-link .link i{
	border: 1px #fff solid;
	border-radius: 50%;
	line-height: 20px;
	width: 22px;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px;
	font-size: 12px;
}

.screen1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	left: 30px;
}

.screen1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	right: 30px;
}

/********** 第二屏 *************/
.screen2{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.screen2 .lefttext{
	width: 480px;
	height: 100%;
	padding-right: 110px;
}

.screen2 .lefttext .text-content{
	text-align: left;
}

.screen2 .lefttext .text-content .title{
	margin-bottom: 30px;
}

.screen2 .lefttext .text-content .title .title-chs{
	color: #d7b147;
	font-size: 36px;
	line-height: 1.5;
	margin-bottom: 5px;
	font-weight: normal;
}

.screen2 .lefttext .text-content .title .title-eng{
	color: #454545;
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 5px;
}

.screen2 .lefttext .text-content .title:after{
	content:"";
	display: inline-block;
	width: 60px;
	height: 0;
	border-bottom: 2px #888 solid;
}

.screen2 .lefttext .text-content .info{
	color: #5f5f5f;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
	margin-bottom: 45px;
}

.screen2 .lefttext .text-content .more{
	
}

.screen2 .lefttext .text-content .more .link{
	color: #454545;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	width: 130px;
	border: 1px #888 solid;
	border-radius: 40px;
}

.screen2 .lefttext .text-content .more .link:hover{
	background: #d7b147;
	border-color: #d7b147;
}

.screen2 .rightscroll{
	width: calc(100% - 480px);
	height: 100%;
	position: relative;
}

.screen2 .rightscroll .swiper-slide{
	background: none;
	position: relative;
	z-index: 0;
	transition: all .4s ease;
}

.screen2 .rightscroll .swiper-slide .swiper-content{
	flex-direction: column-reverse;
	position: relative;
	z-index: 1;
}

.screen2 .rightscroll .swiper-slide:nth-child(2n) .swiper-content{
	flex-direction: column
}
.screen2 .rightscroll .swiper-slide .swiper-content .text{
	margin-top: 30px;
	text-align: left;
	width: 180px;
}

.screen2 .rightscroll .swiper-slide:nth-child(2n) .swiper-content .text{
	margin-top: 0;
	margin-bottom: 30px;
}

.screen2 .rightscroll .swiper-slide .swiper-content .text .title{
	color: #000;
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 10px;
}

.screen2 .rightscroll .swiper-slide .swiper-content .text .miaoshu{
	color: #454545;
	font-size: 14px;
	line-height: 24px;
	transition: all .4s ease;
}

.screen2 .rightscroll .swiper-slide:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
	width: 100%;
	height: 0;
	background: #d7b147;
	transition: all .4s ease;
}

.screen2 .rightscroll .swiper-slide:hover:after,
.screen2 .rightscroll .swiper-slide.swiper-slide-active:after{
	height: 100%;
	transition: all .4s ease;
}

.screen2 .rightscroll .swiper-slide:hover .text .title,
.screen2 .rightscroll .swiper-slide.swiper-slide-active .text .title,
.screen2 .rightscroll .swiper-slide.swiper-slide-active.nothover:hover .text .title,
.screen2 .rightscroll .swiper-slide:hover .text .miaoshu,
.screen2 .rightscroll .swiper-slide.swiper-slide-active .text .miaoshu,
.screen2 .rightscroll .swiper-slide.swiper-slide-active.nothover:hover .text .miaoshu{
	color: #fff;
}

.screen2 .rightscroll .swiper-slide.swiper-slide-active.nothover .swiper-content .text .title{
	color: #000;
}

.screen2 .rightscroll .swiper-slide.swiper-slide-active.nothover .swiper-content .text .miaoshu{
	color: #454545;
}

.screen2 .rightscroll .swiper-slide.swiper-slide-active.nothover:after{
	height: 0;
}

.screen2 .rightscroll .swiper-slide.swiper-slide-active.nothover:hover:after{
	height: 100%;
}

.screen2 .rightscroll .swiper-slide.swiper-slide-active.nothover:hover .text .title,
.screen2 .rightscroll .swiper-slide.swiper-slide-active.nothover:hover .text .miaoshu{
	color: #fff;
}


.screen2 .rightscroll .swiper-button-next, 
.screen2 .rightscroll .swiper-container-rtl .swiper-button-prev{
	right: 330px;
	left: auto;
	top: auto;
	bottom: 9vh;
	margin-top: 0;
	filter: brightness(0);
	opacity: 0.6;
}

.screen2 .rightscroll .swiper-button-prev, 
.screen2 .rightscroll .swiper-container-rtl .swiper-button-prev{
	left: 330px;
	top: auto;
	bottom: 9vh;
	margin-top: 0;
	filter: brightness(0);
	opacity: 0.6;
}

.screen2 .rightscroll .swiper-button-next:after, 
.screen2 .rightscroll .swiper-button-prev:after{
	font-size: 30px;
}

.screen2 .jsq{
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 10vh;
	text-align: center;
	width: 100%;
	/*font-size: 0;*/
	color: #000;
	font-size: 16px;
	line-height: 2;
}

/*.screen2 .jsq .total,
.screen2 .jsq .now{
	color: #000;
	font-size: 16px;
	line-height: 2;
}

.screen2 .jsq .total:before{
	content: "/";
	padding: 0 10px;
}*/

/********** 第三屏 ***********/
.screen3{
	
}

.screen3 .swiper-content{
	width: 100%;
}

.screen3 .swiper-content .title{
	text-align: center;
	margin-bottom: 40px;
}

.screen3 .swiper-content .title .title-chs{
	color: #d7b147;
	font-size: 36px;
	line-height: 1.5;
	margin-bottom: 5px;
}

.screen3 .swiper-content .title .title-eng{
	color: #454545;
	font-size: 24px;
	line-height: 1.5;
}

.screen3 .swiper-content .neirong{
	
}

.screen3 .swiper-content .neirong .product-list{
	font-size: 0;
}

.screen3 .swiper-content .neirong .product-list .list-item{
	width: 25%;
}

.screen3 .swiper-content .neirong .product-list .list-item .link{
	height: 0;
	padding-bottom: 62.5%;
	position: relative;
	overflow: hidden;
}

.screen3 .swiper-content .neirong .product-list .list-item .link .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	transition: all .4s ease;
}

.screen3 .swiper-content .neirong .product-list .list-item .link .icon{
	font-size: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 100px;
	background: #fff;
	position: relative;
	z-index: 1;
	margin-top: 19%;
	opacity: 0;
	transition: all .4s ease;
}

.screen3 .swiper-content .neirong .product-list .list-item .link .icon img{
	width: auto;
	max-width: 40px;
	height: auto;
	max-height: 40px;
	vertical-align: middle;
}

.screen3 .swiper-content .neirong .product-list .list-item .link .name{
	color: #fff;
	font-size: 24px;
	line-height: 50px;
	width: 260px;
	border-radius: 50px;
	background: rgba(0,0,0,.47);
	display: block;
	margin: 5% auto 0;
	position: relative;
	z-index: 1;
	transition: all .4s ease
}

.screen3 .swiper-content .neirong .product-list .list-item .link .kuang1,
.screen3 .swiper-content .neirong .product-list .list-item .link .kuang2{
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.screen3 .swiper-content .neirong .product-list .list-item .link .kuang1:before,
.screen3 .swiper-content .neirong .product-list .list-item .link .kuang1:after{
	content:"";
	position: absolute;
	top: 20px;
	width: calc(100% - 40px);
	height: 0;
	border-top: 1px #fff solid;
	transition: all .4s ease
}

.screen3 .swiper-content .neirong .product-list .list-item .link .kuang1:before{
	left: -500px;
}

.screen3 .swiper-content .neirong .product-list .list-item .link .kuang1:after{
	top: auto;
	left: auto;
	right: -500px;
	bottom: 20px;
}

.screen3 .swiper-content .neirong .product-list .list-item .link .kuang2:before,
.screen3 .swiper-content .neirong .product-list .list-item .link .kuang2:after{
	content:"";
	position: absolute;
	left: 20px;
	height: calc(100% - 40px);
	width:0;
	border-left: 1px #fff solid;
	transition: all .4s ease
}

.screen3 .swiper-content .neirong .product-list .list-item .link .kuang2:before{
	top: -500px;
}

.screen3 .swiper-content .neirong .product-list .list-item .link .kuang2:after{
	left: auto;
	top: auto;
	bottom: -500px;
	right: 20px;
}

.screen3 .swiper-content .neirong .product-list .list-item .link:hover .bg{
	transform: scale(1.2);
}

.screen3 .swiper-content .neirong .product-list .list-item .link:hover .icon{
	opacity: 1;
}

.screen3 .swiper-content .neirong .product-list .list-item .link:hover .kuang1:before{
	left: 20px;
}

.screen3 .swiper-content .neirong .product-list .list-item .link:hover .kuang1:after{
	right: 20px;
}

.screen3 .swiper-content .neirong .product-list .list-item .link:hover .kuang2:before{
	top: 20px;
}

.screen3 .swiper-content .neirong .product-list .list-item .link:hover .kuang2:after{
	bottom: 20px;
}

.screen3 .swiper-content .neirong .product-list .list-item .link:hover .name{
	background: #d7b147;
}

.screen3 .swiper-content .more{
	font-size: 0;
	padding-top: 40px;
}

.screen3 .swiper-content .more .link{
	color: #454545;
	font-size: 14px;
	line-height: 38px;
	width: 130px;
	border: 1px #888 solid;
	border-radius: 40px;
}

.screen3 .swiper-content .more .link:hover{
	background: #d7b147;
	border-color: #d7b147;
}

@media screen and (max-width:1600px){
	.screen3 .swiper-content{
		padding-top: 40px;
	}
	.screen3 .swiper-content .title{
		margin-bottom: 10px;
	}
	
	.screen3 .swiper-content .title .title-chs{
		line-height: 1.3;
	}
	.screen3 .swiper-content .more{
	padding-top: 20px;
}
	.screen3 .swiper-content .neirong .product-list .list-item .link .name{
		font-size: 20px;
		line-height: 2;
	}
}

/********* 第四屏 **********/
.screen4{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.screen4 .mt{
	text-align: justify;
	/*margin-bottom: -10px;*/
	height: 59px;
	line-height: 1;
	margin-top: 15px;
}

.screen4 .mt:after{
	content:"";
	display: inline-block;
	width: 100%;
	height: 0;
	visibility:hidden;
}

.screen4 .mt .title{
	vertical-align: bottom
}

.screen4 .mt .title .title-chs{
	color: #d7b147;
	font-size: 36px;
	line-height: 1.5;
	display: inline-block;
}

.screen4 .mt .title .title-eng{
	vertical-align: bottom;
	color: #454545;
	font-size: 24px;
	line-height: 1.5;
	display: inline-block;
}

.screen4 .mt .title .title-eng:before{
	content: "/";
}

.screen4 .mt .morelink{
	vertical-align: bottom;
	color: #454545;
	font-size: 14px;
	line-height: 2;
}

.screen4 .mc{
	
}

.screen4 .mc .swiper-container-zs{
	overflow: visible
}

.screen4 .mc .swiper-container-zs .content{
	overflow: hidden;
}

.screen4 .mc .swiper-container-zs .swiper-slide{
	background: none;
padding:10px;
}

.screen4 .mc .swiper-container-zs .swiper-content{
	position: relative;
	width: 100%;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.screen4 .mc .swiper-container-zs .swiper-content:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 5px #d7b147 solid;
	border-radius: 10px;
	z-index: 1;
	opacity: 0;
	transition: all .4s ease
}

.screen4 .mc .swiper-container-zs .swiper-content .img{
	font-size: 0;
	position: relative;
	z-index: 0;
	padding: 15px;
	width: 100%;
	height: 350px;
	line-height: 320px;
	
}
.screen4 .mc .swiper-container-zs .swiper-content .img img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}

.screen4 .mc .swiper-container-zs .swiper-content .text{
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: -100px;
	width: 100%;
	height: 70px;
	background: #d7b34f;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-left: 2px #b89b4b solid;
	border-right: 2px #b89b4b solid;
	padding: 0 30px;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	transition: all .4s ease
}

.screen4 .mc .swiper-container-zs .swiper-content:hover:after{
	opacity: 1;
}

.screen4 .mc .swiper-container-zs .swiper-content:hover .text{
	bottom: 0;
}

.screen4 .mc .swiper-container-zs .swiper-button-next.swiper-button-white, 
.screen4 .mc .swiper-container-zs .swiper-button-prev.swiper-button-white{
	/*color: #d7b34f;*/
}

.screen4 .mc .swiper-container-zs .swiper-button-prev, 
.screen4 .mc .swiper-container-zs .swiper-container-rtl .swiper-button-next{
	left: -40px;
}

.screen4 .mc .swiper-container-zs .swiper-button-next, 
.screen4 .mc .swiper-container-zs .swiper-container-rtl .swiper-button-prev{
	right: -40px;
}

.screen4 .friend-link{
	margin-top: 20px;
}

/*********** 第五屏 **********/
.screen5{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.screen5 .mt{
	text-align: justify;
	line-height: 2;
	margin-top: 40px;
	height: 59px;
}

.screen5 .mt:after{
	content:"";
	display: inline-block;
	width: 100%;
	height: 0;
	visibility:hidden;
}

.screen5 .mt .title{
	vertical-align: bottom
}

.screen5 .mt .title .title-chs{
	color: #d7b147;
	font-size: 36px;
	line-height: 1.5;
	display: inline-block;
}

.screen5 .mt .title .title-eng{
	vertical-align: bottom;
	color: #fff;
	font-size: 24px;
	line-height: 1.5;
	display: inline-block;
}

.screen5 .mt .title .title-eng:before{
	content: "/";
}

.screen5 .mt .morelink{
	vertical-align: bottom;
	color: #fff;
	font-size: 14px;
	line-height: 2;
}

.screen5 .mc{
	height: 490px;
	margin-top: -20px;
}

.screen5 .mc .swiper-container-gcfw{
	overflow: visible
}

.screen5 .mc .swiper-container-gcfw .content{
	overflow: hidden;
	height: 490px;
}

.screen5 .mc .swiper-container-gcfw .swiper-slide{
	background: none;
	height: 240px;
	margin-bottom: -20px;
}

.screen5 .mc .swiper-container-gcfw .swiper-content{
	position: relative;
	width: 100%;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	padding: 15px;
}

.screen5 .mc .swiper-container-gcfw .swiper-content .img{
	font-size: 0;
	width: 100%;
	height: 140px;
	
}
.screen5 .mc .swiper-container-gcfw .swiper-content .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.screen5 .mc .swiper-container-gcfw .swiper-content .text{
	text-align: left;
	padding: 10px 0;
}

.screen5 .mc .swiper-container-gcfw .swiper-content .text .bt{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #454545;
	font-size: 18px;
	line-height: 1.5;
}

.screen5 .mc .swiper-container-gcfw .swiper-content .text .bc{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #888;
	font-size: 14px;
	line-height: 1.5;
}


.screen5 .mc .swiper-container-gcfw .swiper-button-next.swiper-button-white, 
.screen5 .mc .swiper-container-gcfw .swiper-button-prev.swiper-button-white{
	/*color: #d7b34f;*/
}

.screen5 .mc .swiper-container-gcfw .swiper-button-prev, 
.screen5 .mc .swiper-container-gcfw .swiper-container-rtl .swiper-button-next{
	left: -40px;
}

.screen5 .mc .swiper-container-gcfw .swiper-button-next, 
.screen5 .mc .swiper-container-gcfw .swiper-container-rtl .swiper-button-prev{
	right: -40px;
}

/********* 第六屏 ************/
/*.screen6 .mt{
	margin-bottom: 30px;
}

.screen6 .mt .title-chs{
	color: #d7b147;
	font-size: 36px;
	line-height: 1.5;
}
.screen6 .mt .title-eng{
	color: #454545;
	font-size: 24px;
	line-height: 1.5;
}*/


.screen6 .mt{
	text-align: justify;
	line-height: 2;
	margin-bottom: -30px;
	position: relative;
	z-index: 0;
}

.screen6 .mt:after{
	content:"";
	display: inline-block;
	width: 100%;
	height: 0;
	visibility:hidden;
}

.screen6 .mt .title{
	vertical-align: bottom
}

.screen6 .mt .title .title-chs{
	color: #d7b147;
	font-size: 36px;
	line-height: 1.5;
	display: inline-block;
}

.screen6 .mt .title .title-eng{
	vertical-align: bottom;
	color: #454545;
	font-size: 24px;
	line-height: 1.5;
	display: inline-block;
}

.screen6 .mt .title .title-eng:before{
	content: "/";
}

.screen6 .mt .morelink{
	vertical-align: bottom;
	color: #454545;
	font-size: 14px;
	line-height: 2;
}


.screen6 .mc{
	position: relative;
	z-index: 1;
}

.screen6 .mc .news-list{
	margin-bottom: 40px;
}

.screen6 .mc .news-list .scrollnews{
	width: 50%;
	height: 400px;
}

.screen6 .mc .news-list .scrollnews .swiper-slide{
	background: none;
}

.screen6 .mc .news-list .scrollnews .swiper-slide .news-link{
	width: 100%;
	height: 400px;
	overflow: hidden;
}

.screen6 .mc .news-list .scrollnews .swiper-slide .news-link .img{
	position: relative;
	z-index: 0;
	font-size: 0;
}

.screen6 .mc .news-list .scrollnews .swiper-slide .news-link .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.screen6 .mc .news-list .scrollnews .swiper-slide .news-link .text{
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	/*padding: 0 180px 15px 20px;
	text-align: left;*/
padding: 10px 180px 10px 20px;
	text-align: left;
	background: rgba(0,0,0,.5);
height:80px;
	width: 100%;
	padding-right: 110px;
}

.screen6 .mc .news-list .scrollnews .swiper-button-next,
.screen6 .mc .news-list .scrollnews .swiper-container-rtl .swiper-button-prev{
	top: auto;
	right: 0;
	bottom: 0;
	width: 50px;
	height: 80px;
	background: #d7b147;
	margin: 0;
}

.screen6 .mc .news-list .scrollnews .swiper-button-prev,
.screen6 .mc .news-list .scrollnews  .swiper-container-rtl .swiper-button-next{
	top: auto;
	left: auto;
	right: 50px;
	bottom: 0;
	width: 50px;
	height: 80px;
	background: #d7b147;
	margin: 0;
}

.screen6 .mc .news-list .scrollnews .swiper-button-prev:after, 
.screen6 .mc .news-list .scrollnews .swiper-container-rtl .swiper-button-next:after,
.screen6 .mc .news-list .scrollnews .swiper-button-next:after, 
.screen6 .mc .news-list .scrollnews .swiper-container-rtl .swiper-button-prev:after{
	font-size: 30px;
}

.screen6 .mc .news-list .listnews{
	width: 580px;
	padding-right: 30px;
}

.screen6 .mc .news-list .listnews .list-item{
	margin-top: 40px;
	width:100%；
}

.screen6 .mc .news-list .listnews .list-item:first-child{
	margin-top: 0;
}

.screen6 .mc .news-list .listnews .list-item .time{
	border: 1px #888 solid;
	width: 66px;
	text-align: center;
}

.screen6 .mc .news-list .listnews .list-item .time .year{
	color: #454545;
	font-size: 26px;
	line-height: 32px;
	border-bottom: 1px #888 solid;
	letter-spacing: -2px;
	font-family: arial;
}

.screen6 .mc .news-list .listnews .list-item .time .date{
	color: #454545;
	font-size: 20px;
	line-height: 32px;
	font-family: arial;
}

.screen6 .mc .news-list .listnews .list-item .newstitle{
	width: calc(100% - 66px);
	text-align: left;
	padding-left: 20px;
}

.screen6 .mc .news-list .listnews .list-item .newstitle a{
	color: #454545;
	font-size: 16px;
	line-height: 1.5;
}

.screen6 .mc .news-list .listnews .list-item .newstitle a:hover{
	color: #d7b147;
}

.screen6 .mc .more{
	/*display: none;*/
	/*margin-bottom: 60px;*/
}

.screen6 .mc .more .morelink{
	color: #454545;
	font-size: 14px;
	line-height: 38px;
	width: 130px;
	border: 1px #888 solid;
	border-radius: 40px;
}

.screen6 .mc .more .morelink:hover{
		background: #d7b147;
	border-color: #d7b147;
}

.screen6 .contact-info,
.screen5 .contact-info{
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1;
}

.screen6 .contact-info .info-box,
.screen5 .contact-info .info-box{
	height: 40px;
}

.screen6 .contact-info .copyright,
.screen5 .contact-info .copyright{
	/* width: 40%; */
	font-size: 14px;
	color: #454545;
	line-height: 1.5;
	text-align: left;
}

.screen6 .contact-info .copyright a,
.screen5 .contact-info .copyright a{
	color: #454545;
}

.screen6 .contact-info .contact,
.screen5 .contact-info .contact{
	width: 60%;
	text-align: right;
	font-size: 0;
	line-height: 80px;
}

.screen6 .contact-info .contact .contact-item,
.screen5 .contact-info .contact .contact-item{
	display: inline-block;
	vertical-align: middle;
	color: #454545;
	font-size: 14px;
	line-height: 22px;
	margin-left: 20px;
}

.screen6 .contact-info .contact .contact-item:first-child,
.screen5 .contact-info .contact .contact-item:first-child{
	margin-left: 0;
}

.screen6 .contact-info .contact .contact-item .fas,
.screen5 .contact-info .contact .contact-item .fas{
	border: 1px #888 solid;
	width: 22px;
	line-height: 20px;
	border-radius: 50%;
	text-align: center;
	margin-right: 5px;
}

.screen6 .friend-link,
.screen4 .friend-link{
	background: #fff;
	border-radius: 70px;
	height: 70px;
	box-shadow: 0 0 5px rgba(0,0,0,.08);
padding-right:50px;
}

.screen6 .friend-link .link-title,
.screen4 .friend-link .link-title{
	width: 160px;
	text-align: right;
	color: #454545;
	font-size: 18px;
	line-height: 26px;
}

.screen6 .friend-link .link-title .fas,
.screen4 .friend-link .link-title .fas{
	width: 26px;
	height: 26px;
	line-height: 26px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background: #333;
	font-size: 14px;
	vertical-align: 2px;
	margin-right: 10px;
}

.screen6 .friend-link .link-list,
.screen4 .friend-link .link-list{
	width: calc(100% - 160px);
	/*white-space: nowrap;*/
	overflow: hidden;
	/*line-height: 70px;*/
	font-size: 0;
	text-align: left;
}
.screen6 .friend-link .link-list .list-item,
.screen4 .friend-link .link-list .list-item{
	vertical-align: middle;
	margin-right: 20px;
	color: #888;
	font-size: 14px;
	line-height: 1.6;
width: auto!important;
}

.screen6 .friend-link .link-list .list-item:first-child,
.screen4 .friend-link .link-list .list-item:first-child{
	margin-left: 0;
}

.screen6 .friend-link .link-list .list-item:hover,
.screen4 .friend-link .link-list .list-item:hover{
	color: #d7b147;
}

@media screen and (max-width:1600px){
	.screen6 .mt{
		
	}
	
	.screen6 .mc .news-list{
		margin-bottom: 20px;
	}
	
	.screen6 .contact-info .info-box{
		height: 40px;
	}
	.screen6 .contact-info .contact{
		line-height: 40px;
	}
	
	/*.screen6 .mc .more{
		display: none;
	}*/
	
	/********* 几个滚动修改 *********/
.screen4 .mc,
.screen5 .mc{
	max-width: 1200px;
	margin: 0 auto;
}
	
}


/********20200211 头部新 ********/
.index-header .header-logo{
	width: 360px;
}

.index-header .header-logo .link{
	width: 100%;
	height: 120px;
	line-height: 120px;
}

.index-header .header-info-area{
	width: calc(100% - 360px);
	padding-left: 0;
}

.index-header .header-info-area .phone-and-search{
	padding-left: 0;
}

.index-header .header-info-area .top-wenben{
	line-height: 50px;
	font-size: 0;
}

.index-header .header-info-area .top-wenben img{
	height: auto;
	vertical-align: middle;
}


.index-header .header-nav{
	width: calc(100% - 40px);
}

.index-header .header-nav .nav-item:first-child{
	padding-left: 0;
}

.index-header .header-gongneng{
	width: 40px;
}

.index-header.smallheader .header-logo{
	width: 300px;
}

.index-header.smallheader .header-info-area{
	width: calc(100% - 300px);
	padding-left: 0;
}

.index-header.smallheader .header-info-area .top-wenben{
	display: none;
}

.index-header.smallheader .header-nav{
	width: 920px;
}

.index-header .header-gongneng .lang{
	position: relative;
}

.index-header .header-gongneng .lang .lang-item{
	line-height: 24px;
	cursor: pointer;
	position: relative;
}

.index-header .header-gongneng .lang .lang-item img{
	width: 15px;
	margin-left: 3px;
}

.index-header .header-gongneng .lang .lang-item:after{
	content: "▼";
	color: #fff;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}

.index-header .header-gongneng .lang .lang-list{
	position: absolute;
	left: 0;
	top: 37px;
	width: 100%;
	display: none;
}

.index-header .header-gongneng .lang:hover .lang-list{
	display: block;
}

.index-header .header-gongneng .lang .lang-list li{
	line-height: normal;
	border-top: 1px #eee solid;
}

.index-header .header-gongneng .lang .lang-list li:first-child{
	border-top: none;
}

.index-header .header-gongneng .lang .lang-list li a{
	display: inline-block;
	width: 100%;
	background: #f4f4f4;
	color: #888;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}

.index-header .header-gongneng .lang .lang-list li a:hover{
	color: #d5af46;
}

.index-header.smallheader .header-gongneng .lang .lang-list{
	top: 43px;
}

.index-header.white-header .header-gongneng .lang .lang-item:after{
	color: #000;
}

/******** 下拉类型二 *************/
.new-sub-nav{
	/*border-top: 3px #d7b147 solid;*/
	/*width: 100%;*/
	width: 1050px;
	position: absolute;
	left: 50%;
	margin-left: -525px;
	top: 120px;
	height: auto;
	max-height: calc(100vh - 120px);
	/*background: #fff;*/
	z-index: 101;
	display: none;
}

.new-sub-nav.smallheader{
	top: 60px;
	height: auto;
	max-height: calc(100vh - 60px);
}


.new-subnav-container{
	/*padding: 0 0 60px 0;*/
	padding: 0 30px 60px 30px;
	border-top: 3px #d7b147 solid;
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	max-width: 1050px;
}

.new-subnav-container .row{
	margin-top: 60px;
}

.new-subnav-container .sub-item{
	width: 210px;
	/*margin-left: 150px;*/
	margin-left: 50px;
}

.new-subnav-container .sub-item:first-child{
	margin-left: 0;
}

.new-subnav-container .sub-item .sub-title{
	border-bottom: 1px #eee solid;
	font-size: 0;
	margin-bottom: 20px;
}

.new-subnav-container .sub-item .sub-title .link{
	color: #454545;
	font-size: 16px;
	line-height: 2;
}

.new-subnav-container .sub-item .sub-list{
	font-size: 0;
}

.new-subnav-container .sub-item .sub-list .list-item .link{
	color: #888;
	font-size: 14px;
	line-height: 2;
}

.new-subnav-container .sub-item .sub-list .list-item .link:hover,
.new-subnav-container .sub-item .sub-title .link:hover{
	color: #d7b147;
}

.index-header .header-nav .nav-item:hover .new-sub-nav{
	display: block;
}

@media screen and (max-width:1900px){
	.new-subnav-container{
		padding-bottom: 20px;
	}
	
	.new-subnav-container .row{
		margin-top: 20px;
	}
	
	.new-subnav-container .sub-item .sub-title{
		margin-bottom: 0;
	}
}

/************ 下拉类型三 ************/
.index-header .header-nav .nav-item.guanyuus,
.index-header .header-nav .nav-item.chuangxin,
.index-header .header-nav .nav-item.kejichany,
.index-header .header-nav .nav-item.wenmingcj,
.index-header .header-nav .nav-item.jijianjiancha,
.index-header .header-nav .nav-item.dangqungz,
.index-header .header-nav .nav-item.zhaosheng {
	position: relative;
}
.new-sub-nav.sub-nav-type-2{
	width: auto;
	top: 50px;
	padding-top: 10px;
	left: 0;
	margin-left: 0;
}

.new-sub-nav.sub-nav-type-2 .new-subnav-container{
	
}

.new-sub-nav.sub-nav-type-2 .new-subnav-container .row{
	margin-top: 0;
}

.new-sub-nav.sub-nav-type-2 .new-subnav-container .sub-item{
	float: none;
	margin-left: 0;
	width:auto;
}

.new-sub-nav.sub-nav-type-2 .new-subnav-container .sub-item .sub-title .link{
	white-space: nowrap;
}

.new-sub-nav.sub-nav-type-2 .new-subnav-container .row:first-child{
	margin-top: 60px;
}
@media screen and (max-width:1900px){
	.new-sub-nav.sub-nav-type-2 .new-subnav-container .row:first-child{
	margin-top: 20px;
}
}

/********* 第一屏底部修改 *********/
.screen1 .fix-text{
	bottom: 5px;
}

.screen1 .fix-text a{
	color: #fff;
}

.screen1 .contact{
	position: absolute;
	right: 30px;
	bottom: 5px;
	font-size: 0;
	z-index: 1;
}

.screen1 .contact .contact-item{
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: top;
}

.screen1 .contact .contact-item .fas{
	border: 1px #888 solid;
	width: 22px;
	line-height: 20px;
	border-radius: 50%;
	text-align: center;
	margin-right: 5px;
}

/********** 第三屏修改 **********/
.screen3 .swiper-content .title {
	vertical-align: bottom;
	max-width: 1300px;
	margin: 0 auto;
	text-align: left;
	margin-top: -40px;
}

.screen3 .swiper-content .title .title-chs {
	color: #d7b147;
	font-size: 36px;
	line-height: 1.5;
	display: inline-block;
}
.screen3 .swiper-content .title .title-eng {
	/*vertical-align: bottom;*/
	color: #454545;
	font-size: 24px;
	line-height: 1.5;
	display: inline-block;
}
.screen3 .swiper-content .title .title-eng:before {
	content: "/";
}


/************ 给第二、第三屏增加图标 ************/
.screen6,
.screen2,
.screen5,
.screen3{
	position: relative;
}
.screen6 .fp-tableCell{
	padding-top: 120px;
}
.screen6 .fix-icon,
.screen5 .fix-icon,
.screen2 .fix-icon,
.screen3 .fix-icon{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px 0;
	filter: brightness(0);
	z-index: 1;
}
.screen6 .fix-icon{
	bottom: 35px;
}
.screen5 .fix-icon{
	filter: none;
}

.screen6 .fix-icon .icon,
.screen5 .fix-icon .icon,
.screen2 .fix-icon .icon,
.screen3 .fix-icon .icon{
	font-size: 0;
	width: 20px;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
}

.screen6 .fix-icon .icon img,
.screen5 .fix-icon .icon img,
.screen2 .fix-icon .icon img,
.screen3 .fix-icon .icon img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
}

.screen6 .fix-icon .text,
.screen5 .fix-icon .text,
.screen2 .fix-icon .text,
.screen3 .fix-icon .text{
	font-size: 14px;
	line-height: 22px;
}

.screen5 .fix-icon .text{
	color: #fff;
}

/********* 首页新闻调整 ********/
.screen6 .mc .news-list .listnews {
	width: 610px;
}

.screen6 .mc .news-list .listnews .list-item{
	width: 100%;
	margin-top: 25px;
}

.screen6 .mc .news-list .listnews .list-item .time{
	width: 110px;
	font-size: 0;
	padding: 0 5px;
	text-align: center;
	border:none;
	border-right:1px #dcdcdc solid;
}

.screen6 .mc .news-list .listnews .list-item .time .year{
	display: inline-block;
	border: none;
	font-size: 20px;
	line-height: 24px;
	vertical-align: top;
	margin-right: 10px;
}
.screen6 .mc .news-list .listnews .list-item .time .date{
	display: inline-block;
	font-size: 15px;
	line-height: 24px;
}

.screen6 .mc .news-list .listnews .list-item .newstitle {
	width: calc(100% - 110px);
	text-align: left;
	padding-left: 10px;
}

.screen6 .mc .news-list .listnews .list-item .newstitle a{
	font-size: 15px;
}

/********* 首页产品调整 ********/
.screen3 .swiper-content .title .morelink {
	
	color: #454545;
	font-size: 14px;
	line-height: 2;
	float: right;
	margin-top: 25px;
}