/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:' '; color:#666;}
a{color:#666;transition: 0.3s;}
a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1600px; margin:0 auto;}





.header{ position:relative;background: #fff;transition: 0.3s;}
.headList{display: flex;justify-content: space-between;align-items: center;height: 90px;padding: 0 20px;box-sizing: border-box;}
.headList .logo{display: block;/*opacity: 0.8;*/}
.headList .logo img{max-height: 86px;width: auto;}
.headList .logo:hover{opacity: 1;}

/*menu*/
.menu{height:90px;line-height:90px;}
.menu ul li{ float:left; position:relative;padding: 0 30px;}
.menu ul li dl{ background:rgba(0,0,0,0.73); width:280px; position:absolute; left:30px; top:90px; box-shadow:0px 2px 10px 0px rgb(0 0 0 / 10%);display:none;z-index: 9;}
.menu ul li dl dd{ line-height:45px;}
.menu ul li dl dd a{ font-size:14px; color:rgba(255,255,255,0.90);display:block; padding:0;text-align:left;position: relative;padding: 0 20px;box-sizing: border-box;}
.menu ul li dl dd a .icon{ position: absolute;top: 12px;right: 10px;opacity: 0;
    -webkit-transform: rotate(0deg) translate(-20px, 0px);
    -ms-transform: rotate(0deg) translate(-20px, 0px);
    transform: rotate(0deg) translate(-20px, 0px);font-size: 20px;}
.menu ul li dl dd a:hover{background: #FEB911;}
.menu ul li dl dd a:hover .icon {
	-webkit-transition: -webkit-transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
	transition: transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
	opacity: 1;
	-webkit-transform: rotate(0deg) translate(0px, 0px);
	-ms-transform: rotate(0deg) translate(0px, 0px);
	transform: rotate(0deg) translate(0px, 0px);
}

.menu a{ font-size:16px;color:#444;display:block;text-align:center;}
.menu span a{position: relative;}
.menu ul li.on span a:after{position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #feb911;content: "";}

.hSearch .searchBtn{font-size: 20px;color: #FEB911;}
.hSearch .searchBtn:hover{color: #FEB911 !important;}

.header.fixed{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;box-shadow: 0px 0px 8px 0 rgb(0 0 0 / 25%);}
.header.fixed .hSearch .searchBtn{color: #555;}

/*mMenu*/
.h90{height: 90px;}
.m_header{width: 100%;display: none;}
.sp_header{height:90px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;display: none;top: 0;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);}
.sp_logo{float:left;height:90px;display: flex;justify-content: center;align-items: center;padding-left: 10px;}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:35px}
.sp_nav span{display:block;background:#333;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sp_nav_se span{background: #FEB911;}
.sjj_nav{position:fixed;z-index:9;background:rgba(240,240,240,1);width:100%;height:calc(100% - 90px);font-size:14px;line-height:60px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: none;}
.nav_show{top:90px}
.sjj_nav ul{padding: 10px;box-sizing: border-box;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-bottom:1px solid #dcdcdc;position:relative;line-height:45px;font-size:16px}
.sjj_nav ul li ul{display:none;padding: 0;}
.sjj_nav ul li a{color:#333;width:100%;padding: 0 20px;display: block;box-sizing: border-box;}
.sjj_nav ul li a:hover{color: #FEB911;}
.sjj_nav ul li ul li a{color:#333;display:block;text-align:left;}
.sjj_nav ul li i svg{width:25px;height:25px;fill:#333;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#333}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{border: none;font-size: 13px;}
.sjj_nav ul li ul li a{padding: 0 20px;}

.tcSearch {
	position: fixed;
	z-index: 999;
	background-color: #222;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: -webkit-transform .3s .5s;
	transition: transform .3s .5s;
}

.tcSearch.active {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
}

.tcSearch .Warp{position: relative;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;padding: 45px;box-sizing: border-box;}
.searchClose{position: absolute;top: 45px;right: 45px;color: #fff;font-size: 50px;}
.tcSearch .panel{height: 80px;border-bottom: 1px solid #515151;opacity: 0;
    -webkit-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    transform: translate(0, 40px);
    -webkit-transition: all .5s;
    transition: all .5s;position: relative;width: 100%;}
.tcSearch.active .panel{opacity: 1;}
.tcSearch .panel form{display: flex;justify-content: space-between;align-items: center;height: 80px;}
.tcSearch .panel .icon{display: block;width: 10%;color: #fff;font-size: 20px;}
.tcSearch .panel input{width: 60%;height: 46px;border: none;background: none;text-align: center;font-size: 36px;outline: none;line-height: 46px;color: #fff;}
.tcSearch .sBtn{display: block;width: 10%;text-align: right;}
.tcSearch .sBtn button{width: 110px;color: #555;font-size: 24px;background: none;border: none;}


/*swiper*/
.swiper {width: 100%;height: 100%;}
.swiper-container {width: 100%;height: 100%;position: relative;overflow: hidden;}
.swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img {width: 100%;height: 100%;object-fit: cover;}

/*banner*/
.banner{width: 100%;}
.banner .swiper-slide .img{width: 100%;height: 100%;overflow: hidden;font-size: 0px;}
.banner .swiper-slide img{transform: translate(0) scale(1.08);transition: all 1.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .swiper-slide-active img{transform: translate(0) scale(1);}
.bannerSwiper .swiper-pagination-bullet{width: 5px;height: 5px;background: #c6c6c6;opacity: 1;}
.bannerSwiper .swiper-pagination-bullet-active{background: #fff;}
.bannerSwiper .swiper-button-next,.bannerSwiper .swiper-button-prev{width: 50px;height: 50px;background: rgba(0, 0, 0, 0.3);border-radius: 50%;color: #fff;}
.bannerSwiper .swiper-button-next:after,.bannerSwiper .swiper-button-prev:after{font-size:20px;}
.bannerSwiper .swiper-button-next{right: 5%;}
.bannerSwiper .swiper-button-prev{left: 5%;}



.imgPc{display: block;}
.imgMb{display: none;}


/*common*/
.iComTitle{}

.disFlex{display: flex;flex-wrap: wrap;}
.jusBet{justify-content: space-between;}
.aliCet{align-items: center;}
.bgfff{background: #fff;}
.jusEnd{justify-content: flex-end;}
.bgfdfaf4{background: #fdfaf4;}


.index1{width: 100%;overflow: hidden;}
.i1Left{width: 50%;position: relative;}
.i1Left .img{width: 100%;height: 100%;height: 730px;font-size: 0px;overflow: hidden;}
.i1Left .img img{width: 100%;height: 100%;object-fit: cover;}
.i1Left .imgTop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.VideoBtn{display: block;width: 150px;font-size: 0px;overflow: hidden;}
.VideoBtn img{width: 100%;}
.i1Right{width: 50%;display: flex;flex-direction: column;justify-content: end;}
.i1Con{padding: 50px;box-sizing: border-box;}
.i1Logo{margin-bottom: 40px;font-size: 0px;}
.i1Logo img{max-width: 100%;max-height: 180px;}
.i1Tit{color: #FEB911;font-size: 36px;}
.i1Desc{font-size: 14px;color: #222;max-width: 630px;opacity: 0.8;}
.i1More{margin-top: 50px;}
.i1More a{color: #333;font-size: 18px;}
.i1More a:hover{color: #FEB911;}
.i1More a .icon{padding-left: 5px;}
.i1More a .icon img{vertical-align: middle;}

.i1List{width: 100%;display: flex;flex-wrap: wrap;}
.i1List .item{width: 33.33%;background: #fff;}
.i1List .item:nth-child(2){background: #efefef;}
.i1List .item:nth-child(3){background: #dfdfdf;}
.i1List .item{width: 33.33%;background: rgba(250, 250, 250, 1);}
.i1List .part{width: 100%;padding: 60px 0;text-align: center;}
.i1List .part .tit{margin-bottom: 20px;display: flex;justify-content: center;align-items: center;}
.i1List .part .tit span{font-size: 50px;color: #000;font-weight: bold;padding-right: 10px;}
.i1List .part .tit small{display: flex;width: 32px;height: 32px;color: #fff;font-size: 12px;background: #FEB911;border-radius: 50%;justify-content: center;align-items: center;white-space: nowrap;}
.i1List .part .txt{font-size: 14px;color: #333;}

.tcVideo{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;background: rgba(0, 0, 0, 0.6);display: none;}
.tcVideo.active{display: block;}
.tcVideo .Warp{position: relative;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;padding: 45px;box-sizing: border-box;}
.tcVideo .panel{width: 700px;height: 397px;background: #000;position: relative;}
.tcVideo .panel video{width: 100%;height: 100%;}
.tcVideo .videoClose{position: absolute;top: 0;right: 0;width: 60px;height: 60px;background: rgba(255,255,255,0.1);color: #fff;font-size: 20px;display: flex;justify-content: center;align-items: center;z-index: 99;}

.index2{width: 100%;overflow: hidden;position: relative;}
.index2 .Warp{padding: 0 15%;box-sizing: border-box;position: absolute;top: 50px;left: 0;width: 100%;}
.i2Tit{max-width: 700px;}
.i2Tit .t1{font-size: 0px;}
.i2Tit .t1 img{max-width: 100%;}
.i2Tit .t2{font-size: 38px;color: #333333;font-weight: bold;margin: 10px 0;}
.i2Tit .i1More{margin-top: 20px;}

.i2List{width: 100%;}
.i2Imgbg{width: 100%;}

.i2List .img,
.i2List .img img,
.i2List .mask,
.i2List .mask img {width: 100%;}

.i2List span h1 {font-size: 14px;line-height: 25px;display: none;font-weight: normal;}
.i2List .item:hover span h1 {display: block;}
.i2List .item:hover {border: 0px solid #a3d3ff;}
.i2List .item {border: 0px solid #d9d9d9;}
.i2List .mask {position: absolute;left: 0px;bottom: 0px;}
.i2List .item {width: 188px;position: absolute;}
.i2List .item.i1 {top: 65%;left: 11%;}
.i2List .item.i2 {top: 55%;left: 25%;}
.i2List .item.i3 {top: 52%;left: 42%;}
.i2List .item.i4 {top: 46%;right: 30%;}
.i2List .item.i5 {top: 24%;right: 15%;}
.i2List .item.i6 {top: 4%;right: 4%;}
.i2List .item.i7 {top: 39%;right: 23%;}
.i2List .item.i8 {top: 32%;right: 13%;}
.i2List .item.i9 {top: 21%;right: 5%;}
.i2List .item .img {width: 42px;height: 42px;border: 1px #feb911 solid;float: left;border-radius: 100px;padding: 6px;position: relative;left: 50%;margin-left: -21px;}
.i2List .item .img img {opacity: 0;}
.i2List .item .img img,
.i2List .item .img font {width: 100%;border-radius: 100px;float: left;}
.i2List .item .img font {background-color: #feb911;}
.i2List .item .text {width: 100%;position: relative;float: left;text-align: center;font-size: 16px;color: #454545;}
.i2List .item .text:before {content: "";width: 1px;height: 0px;position: relative;float: left;left: 50%;border-left: 1px #feb911 solid;}
.i2List .item .text font {width: 100%;float: left;padding-top: 6px;}
.i2List .item:hover {margin-top: -73px;}
.i2List .item:hover .img {width: 188px;height: 188px;padding: 14px;margin-left: -94px;background-color: rgba(254, 210, 39, 0.14);box-sizing: border-box;}
.i2List .item:hover img {opacity: 1;}
.i2List .item:hover .text:before {height: 60px;}
.i2List .info {width: 100%;position: absolute;top: 10%;left: 0px;z-index: 10;}
.i2List .line {width: 30px;height: 1px;border-top: 2px #454545 solid;display: inline-block;margin: 20px 0;}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.fadeInUp,
.fadeInRight,
.fadeInLeft,
.fadeInDown,
.fadeIn {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.i2List .item .img,
.i2List .item {
	-webkit-transition: all 0.65s ease-in-out;
	-moz-transition: all 0.65s ease-in-out;
	-ms-transition: all 0.65s ease-in-out;
	-o-transition: all 0.65s ease-in-out;
	transition: all 0.65s ease-in-out;
}




.index3{width: 100%;overflow: hidden;padding: 115px 0;}
.i3Tit{width: 20%;}
.i3Tit .tit{font-size: 42px;font-weight: bold;color: #fff;margin-bottom: 40px;}
.i3Tit ul{margin: 40px 0;}
.i3Tit ul li{line-height: 30px;}
.i3Tit ul li a{color: #fff;font-size: 18px}
.i3Tit .more{display: block;width: 150px;height: 48px;line-height: 48px;border: 1px solid #fff;border-radius: 5px;text-align: center;color: #fff;font-size: 14px;}
.i3Tit .more:hover{color: #FEB911;background: #fff;}

.i3List{width: 80%;padding: 0 3%;box-sizing: border-box;position: relative;}
.i3List .i3Next,.i3List .i3Prev{width: 30px;height: 50px;background: rgba(100,100,100,.4);color: #fff;}
.i3List .i3Next:after,.i3List .i3Prev:after{font-size: 20px;}
.i3List .part{display: block;width:100%;height: 100%;overflow: hidden;}
.i3List .part img{object-fit: cover;width:100%;height: 520px;}

.index4{width: 100%;margin: 95px 0;}
.index4 .item{width: 28%;padding: 0 7px;box-sizing: border-box;}
.index4 .item2{width: 22%;padding: 0 7px;box-sizing: border-box;display: flex;justify-content: space-between;flex-direction: column;}
.index4 .part1{width: 100%;position: relative;overflow: hidden;}
.index4 .part1 .img{width: 100%;font-size: 0px;overflow: hidden;}
.index4 .part1 .img img{width: 100%;height: 575px;object-fit: cover;}
.index4 .part1 .imgTop{position: absolute;top: 0;display: flex;justify-content: center;align-items: center;left: 0;width: 100%;height: 100%;flex-direction: column;text-align: left;}
.index4 .part1 .imgTop .t1{font-size: 30px;font-weight: bold;color: #696969;width: 210px;}
.index4 .part1 .imgTop .t2{font-size: 18px;color: #8b8888;width: 210px;margin-top: 10px;}

.index4 .part2{width: 100%;position: relative;overflow: hidden;}
.index4 .part2 .img{width: 100%;font-size: 0px;overflow: hidden;}
.index4 .part2 .img img{width: 100%;height: 320px;object-fit: cover;}
.index4 .part2 .imgTop{position: absolute;top: 0;display: flex;align-items: flex-end;left: 0;width: 100%;height: 100%;padding: 25px;box-sizing: border-box;}
.index4 .part2 .imgTop .t1{font-size: 24px;color: #fff;}
.index4 .part2 .imgTop .t1 .icon img{vertical-align: middle;width: 45px;margin-right: 5px;}

.index4 .part3{width: 100%;height: 244px;background: #FEB911;display: flex;justify-content: center;align-items: center;padding: 25px;box-sizing: border-box;}
.index4 .part3 .desc{width: 100%;}
.index4 .part3 .t1{font-size: 16px;color: #8b8888;padding: 10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.31);margin-bottom: 10px;}
.index4 .part3 .t2{text-align: right;}
.index4 .part3 .t2 a{font-size: 24px;color: #000;font-weight: bold;}

.index5{width: 100%;padding: 60px 0;}
.i5Panel{width: 70%;background: #fff;padding: 45px 0;}
.i5Panel .titEn{text-align: center;font-size: 36px;font-weight: bold;color: #333;}
.i5Panel .titCn{text-align: center;font-size: 24px;color: #333;}
.i5List{width: 100%;margin-top: 20px;position: relative;padding: 0 3%;box-sizing: border-box;}
.i5List .part{display: block;width: 100%;overflow: hidden;text-align: left;}
.i5List .part .img{width: 100%;font-size: 0px;}
.i5List .part .img img{width: 100%;height: 192px;object-fit: cover;}
.i5List .part .desc{padding: 20px;box-sizing: border-box;}
.i5List .part .t1{display: block;font-size: 16px;color: #595959;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 20px;font-weight: bold;}
.i5List .part .info{font-size: 14px;color: #777777;line-height: 1.8; text-align: left;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; width: 100%;}
.i5List .part .other{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.i5List .part .time{font-size: 14px;color: #4d4d4d;}
.i5List .part .more{font-size: 16px;color: #333;}

.i5List .i5Next,.i5List .i5Prev{color: #333;}
.i5List .i5Next:after,.i5List .i5Prev:after{font-size: 30px;}
.i5List .i5Next{right: 0;}
.i5List .i5Prev{left: 0;}


.index6{padding-top: 40px;overflow: hidden;}
.index6 .disFlex{align-items: flex-end;}
.index6 .img{width: 50%;font-size: 0px;overflow: hidden;}
.index6 .img img{width: 100%;}
.i6Desc{width: 50%;padding: 30px;box-sizing: border-box;}
.i6Desc .item{margin-bottom: 60px;text-align: center;}
.i6Desc .tit{font-size: 38px;color: #FEB911;}
.i6Desc .tit .icon img{vertical-align: top;padding-right: 5px;}
.i6Desc .info{font-size: 16px;color: #333;margin: 20px 0;}

.index7{width: 100%;overflow: hidden;}
.i7Desc{width: 35%;background: rgba(0,0,0,0.5);padding: 40px 50px;box-sizing: border-box;}
.i7Desc .tit{font-size: 34px;color: #fff;}
.i7Desc .titEn{color: #FEB911;padding-left: 5px;}
.i7Form{width: 100%;margin-top: 20px;}
.i7Form .input{margin: 15px 0;position: relative;}
.formInput{width: 100%;border: 1px solid #9c9c9c;color: #7b7b7b;padding: 10px;box-sizing: border-box;line-height: 1.4;background: none;font-size: 14px;outline: none;}
textarea.formInput{height: 160px;}
input.formInput{width: 50%;}
.yzminput{display: flex;}
.yzminput .formInput{width: 40%;}
.yzmImg{font-size: 0px;}
.yzmImg img{width: 86px;height: 42px;}
.i7Form .error{color: #e43a32;font-size: 12px;display: none;position: absolute;bottom: -13px;left: 0;}
.formBtn{width: 140px;height: 42px;background: #ef4f19;border: none;text-align: center;color: #fff;font-size: 14px;}

.footer{width: 100%;background: #292929;padding: 60px 0;}
.fDesc{width: 40%;}
.fDesc .ewm{width: 135px;overflow: hidden;margin-right: 15px;}
.fDesc .ewm img{width: 100%;}
.fDesc .info{color: #fff;font-size: 14px;}
.fMenu{width: 55%;}
.fMenu dl{width: 200px;line-height: 30px;}
.fMenu dl dt a{color: #fff;font-size: 14px;}
.fMenu dl dd a{color: rgba(255, 255, 255, 0.8);font-size: 14px;}

.copyRight{width: 100%;background: #000;padding: 10px 0;}
.copyRight .desc{width: 50%;font-size: 14px;color: #fff;}
.copyRight a{color: #fff;font-size: 14px;}

.right_bar{position:fixed; top:300px; right:0; width:50px; height:203px; z-index:9999;}
.right_bar li{ width:62px; height:50px; z-index:20; }
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:172px; }
.right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; }
.right_bar li.rtbar_li3{ position:absolute; top:102px; left:0; width:126px; }
.right_bar li.rtbar_li4{ top:153px;}
.rtbar_li4{ position:absolute; top:153px; left:0;}
.right_bar li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#feb911; opacity:0.8; border-radius:6px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{ background-color:#feb911; opacity:1;}
.rtbar_shwx{ display:none; position:absolute; top:-120px; right:64px; padding-bottom:9px; }
.rtbar_shwx img{ padding:14px; background-color:#FFF; }
.right_bar{display:none;}
.rtbar_shwx{top:-50px;}

/*-----------------*/
.tongtu{width: 100%;position: relative;overflow: hidden;}
.tongtu .img{width: 100%;font-size: 0px;overflow: hidden;}
.tongtu .img img{width: 100%;}
.tongtu .imgTop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.tongtu .disFlex{height: 100%;}
.tongtu .titEn{color: #fff;font-size: 52px;}
.tongtu .titEn strong{font-weight: bold;}
.tongtu .titEn span{font-weight: 100;}
.tongtu .titCn{font-size: 30px;color: #fff;margin: 10px 0;}
.tongtu .icon{margin-top: 80px;}

.imgAni{-webkit-animation: bounce-up 1s linear infinite;animation: bounce-up 1s linear infinite;}

@-webkit-keyframes bounce-up { 25% {
-webkit-transform: translateY(5px);
}
50%, 100% {
-webkit-transform: translateY(0);
}
75% {
-webkit-transform: translateY(-5px);
}
}
@keyframes bounce-up { 25% {
transform: translateY(5px);
}
50%, 100% {
transform: translateY(0);
}
75% {
transform: translateY(-5px);
}
}

.pageNav{width: 100%;padding: 60px 0;}
.pageNav .disFlex{align-items: center;}
.pMenu{width: 80%;}
.pMenu ul{display: flex;flex-wrap: wrap;}
.pMenu ul li{margin-right: 30px;line-height: 30px;padding: 10px 40px;border: 1px solid #161616;text-align: center;margin-bottom: 20px;}
.pMenu ul li a{font-size: 16px;color: #333333;}
.pMenu ul li:hover{background: #FEB911;border-color: #FEB911;}
.pMenu ul li.on{background: #FEB911;border-color: #FEB911;}

.pCurrent ul{display: flex;}
.pCurrent ul li{position: relative;margin-right: 5px;font-size: 14px;color: #7a7a7a;}
.pCurrent ul li a{font-size: 14px;color: #7a7a7a;}
.pCurrent ul li a:hover{text-decoration: underline;}
.pCurrent ul li i{padding-right: 5px;font-size: 20px;vertical-align: middle;}
.pCurrent ul li:after{position: relative;top: 0;right: 0;content: "/";padding-left: 5px;}
.pCurrent ul li:last-child:after{display: none;}

.aComTit{text-align: center;margin-bottom: 30px;}
.aComTit .t1{font-size: 36px;color: #333;font-weight: bold;}
.aComTit .line{display: inline-block;width: 30px;height: 2px;background: #FEB911;}



.about1{width: 100%;padding: 30px 0;}
.a1Warp{width: 100%;background: #fff url(../images/bg008.jpg) repeat-x;padding: 85px 50px;box-sizing: border-box;}
.a1Warp .img{width: 40%;padding: 0 30px;box-sizing: border-box;}
.a1Warp .img img{width: 100%;}
.a1Warp .desc{width: 60%;padding: 0 30px;box-sizing: border-box;font-size: 16px;color: #444444;}
.a1Warp .desc p{line-height: 2;}

.about2{width: 100%;position: relative;overflow: hidden;}
.about2 .img{width: 100%;font-size: 0px;overflow: hidden;}
.about2 .img img{width: 100%;}
.about2 .imgTop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;padding: 5%;box-sizing: border-box;flex-direction: column;}
.about2 .t1{font-size: 32px;color: #fff;font-weight: bold;}
.about2 .t2{font-size: 32px;color: #fff;font-weight: 100;margin-top: 10px;}

.about3{width: 100%;padding: 30px 0;box-sizing: border-box;}
.a3List{background: #fff;padding: 30px;box-sizing: border-box;}
.a3List ul{display: flex;flex-wrap: wrap;}
.a3List ul li{width: 20%;padding: 30px 40px;box-sizing: border-box;overflow: hidden;}
.a3List .img{width: 100%;font-size: 0px;overflow: hidden;}
.a3List .img img{width: 100%;}

.about4{padding: 40px 0 90px;}
.a4List{width: 100%;}
.a4List dl dd{width: 25%;padding: 0 20px;box-sizing: border-box;margin-bottom: 40px;}
.a4List .part{display: block;width: 100%;padding: 10px;box-sizing: border-box;border: 1px solid #dedede;background: #fff;}
.a4List .part .img{width: 100%;background: #f5f5f5;height: 307px;display: flex;justify-content: center;align-items: center;font-size: 0px;overflow: hidden;}
.a4List .part .img img{max-width: 100%;max-height: 100%;transition: 0.5s;}
.a4List .part:hover .img img{transform: scale(1.1);}
.a4List .part .txt{text-align: center;padding: 10px;box-sizing: border-box;color: #666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;font-size: 16px;transition: 0.3s;}
.a4List .part:hover .txt{color: #FEB911;}

.aDetail{width: 100%;padding: 30px 0 100px;}
.aDetailWarp{width: 100%;padding: 80px 110px;box-sizing: border-box;overflow: hidden;background: #fff;}
.aDetTit{text-align: center;margin: 20px 0;padding-bottom: 20px;border-bottom: 1px solid #e8e8e8;color: #262626;font-size: 36px;font-weight: normal;}
.aDetDesc{width: 100%;font-size: 16px;color: #333333;}

.product{width: 100%;padding: 40px 0 90px;}
.proTit{margin-bottom: 30px;}
.proTit .tit{font-size: 22px;color: #333333;}
.proTit .line{display: inline-block;width: 30px;height: 2px;background: #FEB911;margin-top: 20px;}
.proList{width: 100%;margin-top: 30px;}
.proList ul{display: flex;flex-wrap: wrap;}
.proList ul li{width: 25%;padding: 15px;box-sizing: border-box;}
.proList .part{display: block;width: 100%;overflow: hidden;}
.proList .part .imgBg{width: 100%;position: relative;display: block;}
.proList .part .img{width: 100%;font-size: 0px;background: #fff;padding: 0 20px;box-sizing: border-box;transition: all .5s ease;}
.proList .part .img img{width: 100%;transition: 0.5s;height: 375px;object-fit: cover;}

.proList .part .imgTop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);transition: all 0.5s ease;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;font-size: 16px;color: #fff;opacity: 0;}
.proList .part .t1{position: relative;padding: 10px 0;width: 100%;text-align: center;}
.proList .part .t1:before {content: '';position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}
.proList .part .t1:after {content: '';position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}
.proList .part .t2{padding: 20px;box-sizing: border-box;text-align: center;font-size: 18px;color: #171717;}

.proList .part:hover .img{padding: 0;}
.proList .part:hover .imgTop{opacity: 1;}
.proList .part:hover .t1:before{width: 15px;}
.proList .part:hover .t1:after{width: 15px;}

.product2{width: 100%;overflow: hidden;padding: 90px 0;border-bottom: 1px solid #fff;}
.product2 .desc{text-align: center;color: #fff;}
.product2 .icon{font-size: 50px;margin-bottom: 20px;}
.product2 .t1{font-size: 40px;font-weight: bold;margin-bottom: 20px;}
.product2 .t2{font-size: 18px;}

.news{width: 100%;padding: 40px 0;}
.news .aComTit{text-align: left;}
.newList{width: 100%;}
.newList ul li{margin-bottom: 20px;}
.newList .part{display: block;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;background: #fff;border-bottom: 1px solid #ebebeb;padding: 20px;box-sizing: border-box;}
.newList .part .img{width: 24%;font-size: 0px;overflow: hidden;}
.newList .part .img img{width: 100%;}
.newList .part .desc{width: 70%;}
.newList .part .t1{font-size: 22px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; transition: all .3s;margin: 30px 0 15px;}
.newList .part .info{font-size: 14px;color: #a9a9a9;display: -webkit-box;-webkit-line-clamp: 4;/* 行数 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin: 25px 0 30px;}

.newList .part:hover{background: #eeeeee;}

.contact{width: 100%;padding: 40px 0;}
.contact .aComTit{text-align: left;}
.contWarp{width: 100%;background: #fff;padding: 60px 30px;box-sizing: border-box;}
.contWarp .item{width: 33.3%;padding: 0 60px;box-sizing: border-box;border-right: 1px solid #ddd;}
.contWarp .item:last-child{border: none;}
.contTit{margin-bottom: 30px;}
.contTit .tit{font-size: 30px;color: #444444;margin-bottom: 10px;font-weight: 100;}
.contTit .line{width: 24px;height: 1px;background: #444444;}
.contWarp .desc{font-size: 14px;color: #555;}

.contForm{width: 100%;}
.contForm{width: 100%;margin-top: 20px;}
.contForm .input{margin: 15px 0;position: relative;}
.contForm .error{color: #e43a32;font-size: 12px;display: none;position: absolute;bottom: -13px;left: 0;}
.contForm textarea.formInput{height: 92px;}
.contForm input.formInput{width: 100%;}
.contForm .yzminput .formInput{width: 50%;}
.contForm .formBtn {width: 55px;height: 35px;background: #FEB911;border-radius: 5px;}

.mapBg{width: 100%;}
.mapBg .aComTit{text-align: left;}
.map{width: 100%;height: 548px;overflow: hidden;}
.map img{width: 100%;height: 100%;object-fit: cover;}

.inside{width: 100%;padding: 20px 0 40px;font-size: 16px;overflow: hidden;}
.inside img{max-width: 100%;}


@media only screen and (max-width: 1600px) {
.wapper{ width:100%;}
.fDesc .ewm{width: 100px;}
.fMenu dl{width: 160px;}
.proList .part .img img{height: 345px;}

}

@media only screen and (max-width: 1400px) {
.wapper{ width:100%;padding: 0 30px;box-sizing: border-box;}
.i2List .item:hover .img{width: 160px;height: 160px;}
.index2 .Warp{position: relative;}
.i2List{position: relative;}
.fDesc{width: 50%;}
.fMenu{width: 50%;}
.fMenu dl{width: 20%;}
.a3List ul li{padding: 20px 30px;}
.a4List dl dd{padding: 0 10px;}
.a4List .part .img{height: 220px;}
.proList .part .img img{height: 278px;}

}

@media only screen and (max-width: 1200px) {
.header{ display:none}
.m_header{display: block;}
.sp_header{ display:block;}
.sjj_nav{ display:block;}
.i7Desc{width: 50%;}
.fDesc .ewm{width: 80px;}
.fDesc .info{font-size: 12px;}
.tongtu .titEn{font-size: 38px;}
.tongtu .titCn{font-size: 26px;}
.tongtu .icon{margin-top: 40px;}
.a3List ul li{padding: 10px 20px;}
.a4List .part .img{height: 180px;}
.proList .part .img img{height: 240px;}
.contWarp .item{padding: 0 40px;}





}


@media only screen and (max-width: 980px) {
.i1Con{padding: 50px 30px;}
.i2List .item.i1 {top: 55%;left: 11%;}
.i2List .item.i2 {top: 50%;left: 25%;}
.i2List .item.i3 {top: 45%;left: 38%;}
.i2List .item.i4 {top: 45%;right: 30%;}
.i2List .item.i5 {top: 35%;right: 20%;}
.i2List .item.i6 {top: 10%;right: 5%;}
.i2List .item.i7 {top: 39%;right: 23%;}
.i2List .item.i8 {top: 32%;right: 13%;}
.i2List .item.i9 {top: 21%;right: 5%;}
.i2List .item:hover .img{width: 120px;height: 120px;margin-left: -70px;}
.i2List .item:hover .text:before{height: 45px;}
.i3Tit .tit{font-size: 32px;}
.index4 .part2 .imgTop{padding: 15px;}
.index4 .item{width: 60%;margin-bottom: 20px;}
.index4 .item2{width: 40%;justify-content: flex-start;}
.index4 .part2{margin: 20px 0;}
.index4 .part2 .img img{height: 290px;}
.index4 .part1{margin-bottom: 20px;}
.i7Desc{width: 60%;}
.pMenu ul li{padding: 10px 20px;margin-right: 10px;}
.a1Warp{padding: 60px 20px;}
.a1Warp .img{padding: 0 20px;}
.a1Warp .desc{padding: 0 20px;}
.a3List ul li{padding: 10px;}
.aDetailWarp{padding: 80px 60px;}
.proList ul li{width: 50%;}
.contWarp .item{padding: 0 30px;}

}

@media only screen and (max-width: 760px) {
.wapper{padding: 0 10px;box-sizing: border-box;}
.imgPc{display: none;}
.imgMb{display: block;}
.index1 .disFlex{display: block;}
.i1Left{width: 100%;}
.i1Left .img{height: 480px;}
.VideoBtn{width: 100px;}
.i1Right{width: 100%;}
.i1Con{padding: 30px 20px;}
.i1Logo{margin-bottom: 20px;}
.i1Tit{font-size: 28px;}
.i1More{margin-top: 30px;}
.index2 .Warp{padding: 0 10%;}
.index3{background: #fff !important;padding: 60px 0;}
.index3 .disFlex{display: block;}
.i3Tit{width: 100%;margin-bottom: 20px;}
.i3List{width: 100%;}
.i3Tit .tit{color: #333333;font-size: 28px;margin-bottom: 20px;}
.i3Tit ul{margin: 20px 0;}
.i3Tit ul li a{color: #333333;}
.i3Tit .more{color: #333333;border: 1px solid #333333;}
.index4 .disFlex{display: block;}
.index4 .item{width: 100%;}
.index4 .part1 .img img{height: 380px;}
.index4 .item2{width: 100%;}
.index4 .part2 .img img{height: 180px;}
.index4 .part3{height: 180px;margin: 20px 0;}
.index4 .part1{margin: 20px 0;}
.i5Panel{width: 100%;}
.index6 .disFlex{display: block;}
.index6 .img{width: 100%;}
.i6Desc{width: 100%;padding: 30px 10px;}
.i6Desc .tit{font-size: 28px;}
.i7Desc{width: 100%;}

.fDesc{width: 100%;}
.fMenu{display: none;}
.copyRight .desc{width: 100%;}
.tcSearch .Warp{padding: 20px;}
.tcSearch .panel input{font-size: 14px;}
.tcSearch .sBtn button{font-size: 14px;}
.tcSearch .sBtn{width: 25%;}
.searchClose{right: 20px;}
.a1Warp .img{width: 100%;padding: 0;margin-bottom: 20px;}
.a1Warp .desc{width: 100%;padding: 0;}
.about2 .img img{height: 180px;object-fit: cover;}
.a3List ul li{width: 33.3%;}
.a4List dl dd{width: 50%;}

.tongtu .img img{height: 220px;}
.tongtu .titEn{font-size: 28px;}
.tongtu .titCn{font-size: 18px;margin: 5px 0;}
.tongtu .icon{margin-top: 20px;}
.aDetailWarp{padding: 60px 40px;}

.proList ul li{padding: 10px;}
.product2{padding: 40px 0;}
.product2 .icon{font-size: 38px;}
.product2 .t1{font-size: 28px;}
.product2 .t2{font-size: 14px;}
.newList .part{display: block;}
.newList .part .img{width: 100%;}
.newList .part .desc{width: 100%;margin-top: 20px;}

.contWarp .item{width: 100%;border: none;margin-bottom: 20px;}
.map{height: 380px;}

}

@media only screen and (max-width: 580px) {
.i1List .item{width: 100%;}
.i1List .part{padding: 30px 0;}
.index2 .Warp{padding: 0 5%;}
.i2Tit .t1 img{width: 150px;}
.i2Tit .t2{font-size: 32px;}
.index4{margin: 30px 0;}
.i7Desc{padding: 40px 10px;}
.i7Desc .tit{font-size: 28px;}
input.formInput{width: 100%;}
.yzminput .formInput{width: calc(100% - 85px);}
.footer{padding: 30px 0;}
.pageNav{padding: 30px 0;}
.pMenu{display: none;}
.aComTit .t1{font-size: 28px;}
.a1Warp{padding: 20px 10px;}
.about2 .t1{font-size: 28px;}
.about2 .t2{font-size: 20px;}
.a3List{padding: 30px 10px;}
.a3List ul li{padding: 5px;}
.a4List dl dd{padding: 0 5px;}
.a4List .part .img{height: 145px;}
.about4{padding: 40px 0;}
.aDetailWarp{padding: 20px 10px;}
.aDetTit{font-size: 28px;}
.aDetail{padding: 20px 0;}
.proList ul li{padding: 5px;}
.proList .part .img{padding: 0 5px;}
.proList .part .img img{height: 180px;}
.product{padding: 40px 0;padding-top: 0;}
.newList .part{padding: 10px;}
.contWarp{padding: 40px 10px;}
.contWarp .item{padding: 0;}







}

@media screen and (max-width: 580px) {
.i2List .mask {padding: 0px;width: 80%;}

.i2List .mask img,
.i2List .img img,
.i2List span.img,
.i2List .item .text:before {display: none;}

.i2List .item.i1,
.i2List .item.i2,
.i2List .item.i3,
.i2List .item.i4,
.i2List .item.i5,
.i2List .item.i6,
.i2List .item.i7,
.i2List .item.i8 {width: 50%;position: relative;top: auto;left: auto;right: auto;bottom: auto;float: left;}

.i2List .item .text font {width: 100px;height: 100px;line-height: 100px;float: none;display: inline-block;padding: 0px;border: 1px #feb911 solid;border-radius: 100px;background-color: #fff1d0;}

.i2List .item .text,
.i2List {text-align: center;}

.i2List .info,
.i2List .mask {width: 100%;position: relative;top: auto;left: auto;bottom: auto;padding: 22px 0;display: inline-block;}

.i2List .item {margin-bottom: 20px;}
.i3List .part img{height: 460px;}



}
