/*基础CSS*/
body{
	font-family: “Microsoft YaHei”,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333333;
	background: #ffffff;
	overflow-x: hidden;
}
li {
	list-style: none;
}
a {
	color: #333333;
	transition: all 0.3s ease;
}
a:hover {
	color: #333333;
	text-decoration: none;
}
p, dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;
}

.index-swiper{
	width: 100%;
	height: 100vh;
}
.index-swiper .post-img{
	width: 100%;
	height: 100%;
}
.index-swiper .swiper-pagination{
	text-align: right;
	right: 130px;
}
.index-swiper .swiper-pagination-bullet{
	width: 93px;
	height: 1px;
	border-radius: 0;
	margin: 15px 0 15px auto !important;
	background: #666666;
	opacity: 1;
}
.index-swiper .swiper-pagination-bullet-active{
	width: 130px;
	background: #000000;
	transition:width 2s;
}








.index-header{
	width: 100%;
	top: 0;
	z-index: 999;
	position: fixed;
}

.header{
	padding: 55px 130px 0;
}
.header.header-opened .header-wrap .menu-ico .control-icon:before{
	background: #ffffff;
}
.header .header-wrap{
	display: flex;
}
.header .header-wrap .menu-ico{
	margin: 0 0 0 auto;
	padding: 6px 0;
}
.header .header-wrap .menu-ico a{
	height: 28px;
	display: block;
}
.header .header-wrap .menu-ico .control-icon{
	display: block;
	transition: all .4s ease;
}
.header .header-wrap .menu-ico .control-icon:nth-child(2){
	padding: 12.5px 0;
}
.header .header-wrap .menu-ico .control-icon:before{
	content: '';
	display: block;
	height: 1px;
	width: 93px;
	background-color: #303233;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
	/*transition: transform .4s ease .2s,background-color .5s ease 0s;*/
}
.header .header-wrap .menu-ico a:hover .control-icon:nth-child(1){
	opacity: 0;
}
.header .header-wrap .menu-ico a:hover .control-icon:nth-child(3){
	transform: translateY(-13px);
}
.header .header-wrap .menu-ico a:hover .control-icon:nth-child(3):before{
	transform: rotate(90deg);
}
.header.header-opened .control-icon::before{
	width: 63px;
}
.header.header-opened .control-icon:nth-child(2) {
	opacity: 0
}
.header.header-opened .control-icon:nth-child(1) {
	transform: translateY(13px);
}
.header.header-opened .control-icon:nth-child(1):before {
	transform: rotate(45deg)
}
.header.header-opened .control-icon:nth-child(3) {
	transform: translateY(-13px);
}
.header.header-opened .control-icon:nth-child(3):before {
	transform: rotate(-45deg)
}

.header.header-opened .header-wrap .menu-ico a:hover .control-icon:nth-child(1){
	opacity: 1;
	transform: translateY(13px);
}
.header.header-opened .header-wrap .menu-ico a:hover .control-icon:nth-child(1)::before{
	transform: rotate(45deg);
}
.header.header-opened .header-wrap .menu-ico a:hover .control-icon:nth-child(3){
	transform: translateY(-13px);
}
.header.header-opened .header-wrap .menu-ico a:hover .control-icon:nth-child(3):before{
	transform: rotate(-45deg);
}

.header .header-wrap .logo img{
	width: 250px;
	display: block;
	height: 40px;
	display: none;
}
.header .header-wrap .logo img.black{
	display: block;
}
.header.header-opened .header-wrap .logo img.black{
	display: none;
}
.header.header-opened .header-wrap .logo img.withe{
	display: block;
}




.header-menu{
	height: 0;
	overflow: hidden;
	/*transition: all .4s ease .2s;*/
	transition-duration: 2.7s;
}
.header.header-opened .header-menu{
	height: 500px;
}
.header-menu ul{
	padding: 50px 0 0;
	position: relative;
}
.header-menu ul li{
	text-align: center;
	height: 90px;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.header-menu ul li a{
	color: #ffffff;
	font-size: 24px;
	height: 26px;
	letter-spacing: 1px;
	display: inline-block;
	line-height: 26px;
	font-family: 'Alibaba-PuHuiTi-Regular';
	transition-duration: 1s;
}
.header-menu ul li a:hover{
	border-bottom: 1px solid #ffffff;
}
.header-menu ul li a span{
	font-family: 'ITCAvantGardePro-Bk';
}
.header-menu ul::after{
	content: "";
	position: absolute;
	width: 90px;
	height: 2px;
	left: 50%;
	margin-left: -45px;
	bottom: 0;
	background: #ffffff;
}
.index-model{
	width: 100%;
	height: 100%;
	position: fixed;
	display: none;
	z-index: 998;
	background: rgba(0, 0, 0, 0.8);
}

.common-header{
	padding: 40px 130px;
	height: 120px;
	position: fixed;
	z-index: 9999;
	top: 0;
	width: 100%;
	background: #ffffff;
}
.common-header .logo img{
	display: block;
	height: 40px;
}
.common-header .header-wrap{
	display: flex;
}
.common-header .header-wrap .menu-ico{
	margin: 0 0 0 auto;
	padding: 6px 0;
}
.common-header .header-wrap .menu-ico a{
	height: 28px;
	display: block;
}
.common-header .header-wrap .menu-ico .control-icon{
	display: block;
	transition: all .4s ease;
}
.common-header .header-wrap .menu-ico .control-icon:nth-child(2){
	padding: 12.5px 0;
}
.common-header .header-wrap .menu-ico .control-icon:before{
	content: '';
	display: block;
	height: 1px;
	width: 93px;
	background-color: #303233;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
	transition: transform .4s ease .2s,background-color .5s ease 0s;
}
.common-header.header-opened .control-icon::before{
	width: 63px;
}
.common-header.header-opened .control-icon:nth-child(2) {
	opacity: 0
}
.common-header.header-opened .control-icon:nth-child(1) {
	transform: translateY(13px);
}
.common-header.header-opened .control-icon:nth-child(1):before {
	transform: rotate(45deg)
}
.common-header.header-opened .control-icon:nth-child(3) {
	transform: translateY(-13px);
}
.common-header.header-opened .control-icon:nth-child(3):before {
	transform: rotate(-45deg)
}


.common-menu{
	position: fixed;
	top: 120px;
	bottom: 0;
	width: 100%;
	display: flex;
	height: 0;
	align-items: center;
	justify-content: center;
	z-index: 998;
	overflow: hidden;
	transition: all 0.3s ease;
	transition-duration: 2.5s;
	background: rgba(0, 0, 0, 0.8);
}
.common-menu.menu-opened{
	height: calc(100% - 120px);
}
.common-menu ul{
	position: relative;
}
.common-menu ul li{
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 90px;
}
.common-menu ul li a{
	color: #ffffff;
	font-size: 24px;
	height: 26px;
	display: inline-block;
	line-height: 26px;
	letter-spacing: 1px;
	font-family: 'Alibaba-PuHuiTi-Regular';
}
.common-menu ul li a:hover{
	border-bottom: 1px solid #ffffff;
}
.common-menu ul li a span{
	font-family: 'ITCAvantGardePro-Bk';
}
.common-menu ul::after{
	content: "";
	position: absolute;
	width: 90px;
	height: 2px;
	left: 50%;
	margin-left: -45px;
	bottom: 0;
	background: #ffffff;
}



.page-banner{
	width: 100%;
	position: relative;
}
.page-banner img{
	display: block;
	width: 100%;
}
.page-banner .model{
	position: absolute;
	width: 100%;
	bottom: 200px;
	text-align: center;
	color: #ffffff;
}
.page-banner .model h3{
	font-weight: normal;
	font-size: 26px;
	margin: 0;
	font-family: 'Alibaba-PuHuiTi-Medium';
}
.page-banner .model p{
	font-size: 26px;
	margin: 0 0 5px;
	font-family: 'ITCAvantGardePro-Md';
}




.news-list{
	overflow: hidden;
	padding: 0 130px;
	position: relative;
	top: -130px;
	margin: 0 0 -190px;
}
.news-list ul{
	margin: 0 -30px;
}
.news-list ul li{
	margin: 0 0 60px;
	padding: 0 30px;
}
.news-list ul li img{
	display: block;
	width: 100%	;
	transition: all 0.3s ease;
}
.news-list ul li .post-img{
	overflow: hidden;
}
.news-list ul li a:hover img{
	transform: scale(1.15);
}
.news-list ul li .post-text{
	background: #000000;
	padding: 30px;
	color: #ffffff;
}
.news-list ul li .post-text a{
	color: #ffffff;
}
.news-list ul li a:hover{
	color: #ff0000;
}
.news-list ul li .post-text .subname{
	font-family: 'Alibaba-PuHuiTi-Regular';
	font-size: 18px;
}
.news-list ul li .post-text h3{
	font-weight: normal;
	font-size: 24px;
	margin: 5px 0 0;
	font-family: 'Alibaba-PuHuiTi-Bold';
}
.news-list ul li .post-text .desc{
	font-size: 16px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	font-family: 'Alibaba-PuHuiTi-Regular';
}
.news-list ul li .post-text .add{
	font-size: 16px;
	font-family: 'Alibaba-PuHuiTi-Regular';
	line-height: 30px;
}
.news-list ul li .post-text a.more{
	font-size: 16px;
	font-family: 'Alibaba-PuHuiTi-Bold';
}
.news-info{
	position: relative;
	/*top: -130px;*/
	margin: 0 0 -130px;
	padding: 0 130px;
}
.news-info img{
	max-width: 100%;
}






.case-list{
	overflow: hidden;
}
.case-list ul{
	margin: 0;
}
.case-list ul li{
	padding: 0;
}
.case-list ul li img{
	display: block;
	width: 100%;
}
.case-list ul li .post-img{
	overflow: hidden;
	position: relative;
}
.case-list ul li .model{
	 opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.85);
    z-index: 66;
}
.case-list ul li a:hover .model{
opacity: 1;
}
.case-list ul li a:hover .model p{
	color: #ffffff;
	font-size: 20px;
	position: absolute;
	width: 100%;
	bottom: 30px;
	font-family: 'Alibaba-PuHuiTi-Light';
	text-align: center;
}
.case-list ul li a:hover .model p span{
	font-family: 'Alibaba-PuHuiTi-Medium';
}
.case-list .sologen{
	text-align: center;
	font-family: 'Alibaba-PuHuiTi-Medium';
	font-size: 18px;
	line-height: 36px;
	padding: 0 130px;
}
.case-list .sologen p{
	padding: 90px 0;
	border-bottom: 1px solid #000000;
}
.trans{ -webkit-transition: all .4s ease-out;transition: all .4s ease-out; }



.img-info img{
	max-width: 100%;
}


.img-param{
	text-align: center;
	line-height: 34px;
	font-size: 18px;
	padding: 0 130px;
	font-family: 'Alibaba-PuHuiTi-Light';
}
.img-param span{
	font-family: 'Alibaba-PuHuiTi-Medium';
	margin-left: 20px;
}
.img-param .box{
	padding: 90px 0;
	border-bottom: 1px solid #000000;
}


.contact-line{
	height: 2px;
	background: #000000;
	margin: 100px 130px 0 130px;
}


.footer{
	padding: 200px 130px 100px;
	text-align: center;
}
.footer .qrcode{
	margin: 0 0 20px;
}
.footer .qrcode img{
	display: block;
	width: 120px;
	margin: 0 auto;
}
.footer .companyname-en{
	font-size: 18px;
	font-family: 'ITCAvantGardePro-Bk';
}
.footer .companyname{
	font-size: 18px;
	font-family: 'Alibaba-PuHuiTi-Medium';
	margin: 0 0 30px;
}
.footer .add{
	margin: 20px 0;
	font-size: 24px;
}
.footer .address-name{
	font-size: 12px;
	font-family: 'Alibaba-PuHuiTi-Bold';
}
.footer .address{
	font-size: 12px;
	font-family: 'Alibaba-PuHuiTi-Regular';
}
.footer .tel-name{
	font-family: 'ITCAvantGardePro-Md';
	font-size: 18px;
}
.footer .tel{
	font-family: 'ITCAvantGardePro-Bk';
	font-size: 18px;
	margin: 0 0 20px;
}
.footer .siteicp{
	font-size: 12px;
	font-family: 'ITCAvantGardePro-Bk','Alibaba-PuHuiTi-Regular';
}


.about-content{
	position: relative;
	top: -130px;
	padding: 0 130px;
	margin: 0 0 -130px;
}
.about-content img{
	max-width: 100%;
}
.about-img-list{
	width: 100%;
	margin: 200px 0;
	padding: 0 130px;
}
.about-img-list ul{
	margin: 0 -60px;
}
.about-img-list ul li{
	padding: 0 60px;
}
.about-img-list ul li .box{
	border: 1px solid #000000;
	border-right: none;
	border-left: none;
	cursor: pointer;
	padding: 1px 0;
}
.about-img-list ul li .box:hover{
	background: #000000;
}
.about-img-list img{
	display: block;
	width: 100%;
}


.about-title{
	text-align: center;
	margin: 0 0 100px;
}
.about-title p{
	font-size: 30px;
	font-family: 'ITCAvantGardePro-XLt';
}
.about-title h3{
	margin: 0;
	font-size: 30px;
	font-weight: normal;
	line-height: 40px;
	font-family: 'ITCAvantGardePro-Bk';
}
.about-title h4{
	font-family: 'Alibaba-PuHuiTi-Light';
	margin: 0;
	font-size: 24px;
}
.about-ldhd .row{
	margin: 0;
}
.about-ldhd .row .col-6{
	padding: 0;
	overflow: hidden;
}
.about-ldhd ul li img{
	display: block;
	width: 100%;
	cursor: pointer;
	transition: all 0.3s ease;
}
.about-ldhd ul li img:hover{
	transform: scale(1.1);
}
.about-ldhd ul li{
	position: relative;
	overflow: hidden;
}
.about-ldhd ul li .model{
	position: absolute;
	z-index: 2;
	top: 50px;
	left: 70px;
}
.about-ldhd ul li .model p{
	text-transform: uppercase;
	font-size: 30px;
	font-family: 'ITCAvantGardePro-XLt';
}
.about-ldhd ul li .model p span{
	font-family: 'ITCAvantGardePro-Bk';
}
.about-ldhd ul li .model h3{
	font-size: 24px;
	margin: 0;
	font-family: 'Alibaba-PuHuiTi-Light';
}
.about-ldhd ul li .model span{
	font-family: 'Alibaba-PuHuiTi-Medium';
}

.about-ys{
	padding: 0 130px;
	margin: 200px 0;
}
.about-ys ul{
	margin: 0 -5px;
}
.about-ys ul li{
	padding: 0 5px;
}
.about-ys ul li img{
	display: block;
	width: 100%;
	cursor: pointer;
	transition: all 0.3s ease;
}
.about-ys ul li img:hover{
	transform: scale(1.1);
}
.about-ys .line{
	margin: 100px 0 0;
	width: 100%;
	height: 2px;
	background: #000000;
}
.about-brand{
	padding: 0 130px;
}
.about-brand ul{
	margin: 0 -5px;
}
.about-brand ul li{
	padding: 0 5px;
	flex: 0 0 20%;
	-ms-flex: 0 0 20%;
	max-width: 20%;
}
.about-brand ul li img{
	display: block;
	width: 100%;
}
.about-brand ul li img:hover{
	transform: scale(1.1);
}
.about-number{
	margin: 200px 0 0;
}
.about-number ul{
	display: flex;
	justify-content: center;
}
.about-number ul li{
	width: 325px;
	height: 530px;
	text-align: center;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.about-number ul li:nth-child(2){
	margin: 0 165px;
}
.about-number ul li .box{
	width: 100%;
	height: 100%;
	padding: 106px 0;
	cursor: pointer;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.about-number ul li:hover .box{
	border-color: #000;
}
.about-number ul li .box .number{
	font-family: 'ITCAvantGardePro-XLt';
	font-size: 60px;
}
.about-number ul li .box .number:after{
	content: "+";
	position: relative;
	top: -15px;
	font-size: 30px;
	left: 10px;
	font-family: 'ITCAvantGardePro-Bk';
}
.about-number ul li .box .title{
	font-family: 'Alibaba-PuHuiTi-Light';
	font-size: 20px;
	margin: 100px 0 30px;
}
.about-number ul li .box .title-en{
	font-family: 'ITCAvantGardePro-Bk';
	font-size: 24px;
}
.about-number ul li .box .title-en1{
	font-family: 'ITCAvantGardePro-XLt';
	font-size: 24px;
}

@font-face {
    font-family: 'ITCAvantGardePro-XLt';
    src: url('../fonts/ITCAvantGardePro-XLt.otf');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'Alibaba-PuHuiTi-Regular';
    src: url('../fonts/Alibaba-PuHuiTi-Regular.ttf');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'Alibaba-PuHuiTi-Bold';
    src: url('../fonts/Alibaba-PuHuiTi-Bold.ttf');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'ITCAvantGardePro-Bold';
    src: url('../fonts/ITCAvantGardePro-Bold.otf');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'ITCAvantGardePro-Bk';
    src: url('../fonts/ITCAvantGardePro-Bk.otf');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'Alibaba-PuHuiTi-Light';
    src: url('../fonts/Alibaba-PuHuiTi-Light.ttf');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'Alibaba-PuHuiTi-Medium';
    src: url('../fonts/Alibaba-PuHuiTi-Medium.ttf');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'ITCAvantGardePro-Md';
    src: url('../fonts/ITCAvantGardePro-Md.otf');
    font-style: normal;
    font-weight: normal;
}


.img-info{
	position: relative;
	text-align: center;
}
.img-info .break-top{
	position: absolute;
	width: 76px;
	height: 76px;
	background: url(../images/break-top.png) no-repeat;
	background-size: 100% 100%;
	border-radius: 50%;
	bottom: 100px;
	left: 50%;
	z-index: 99;
	margin-left: -38px;
}