/*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:auto; 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;}


@font-face {
  font-family: "douyu";
  src: url("../fonts/douyu.woff2") format("woff2"),
       url("../fonts/douyu.woff") format("woff"),
       url("../fonts/douyu.ttf") format("truetype"),
       url("../fonts/douyu.eot") format("embedded-opentype"),
       url("../fonts/douyu.svg") format("svg");
}


.header{    width: 100%;box-sizing: border-box;
    background: #fff;
 /*   padding: 0 160px;*/
    position: relative;
    z-index: 10;}
.logo{float:left;display:block;/*width: 10%;*/position: absolute;
    top: 7px;}
.logo img{width:100%;height: 193px;}

.zuce{float:right;display:block;width: 100%;}
.logoe{float:left;display:block;width:60%;margin-top: 2%;}
.logoe img{ float:left; display:block; width:20%}
.logoe01{float:right;display:block;width:calc(100% - 22%);}
.logoe01 span{display:block;color:#222;font-size: 40px;}
.logoe01 em{display:block;color:#222;font-size: 20px;font-style:normal;}
.soue{float:right;display:block;width: 25%;    margin-right: 10%;border:1px solid rgba(153, 153, 153, 0.4);margin-top: 4%;}
.input_text02{line-height:40px;box-sizing: border-box;padding-left: 5%;outline:none;font-size: 16px;float:left;display:block;width: 84%;}
.input_text02::-webkit-input-placeholder{ color:#999999;}
.soue a{width: calc(100% - 84%);height:40px;text-align:center;float: right;display: flex;justify-content: center;align-items: center;}
.soue a img{max-width: 100%;height: 31px;margin:0 auto;display:block;}


/*menu*/

.menu{height: 50px;line-height: 50px;background: #009b4d;margin-top: 2%;padding-left:20%;}
.menu ul li{float:left;position:relative;padding: 0 2%;}
.menu ul li span>a{ position:relative}
.menu ul li span>a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background: #fff;
    opacity: 0;
    transition: all 0.36s;
}

.menu ul li dl{background:#fff;width:100%;position:absolute;left:0px;top: 50px;box-shadow:2px 2px 5px rgba(0,0,0,0.2);padding:10px 0;display:none;}
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; position:relative }
.menu ul li dl dd>dl{ top:0; left:100%}
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:14px;color:#fff; text-decoration:none; font-weight:bold;display:block;text-align:center;}
.menu a:hover{color:#fff;}
a.menu_hover::after  { opacity:1 !important;}
/*.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
*/
.menu ul li.hover span>a::after  { opacity:1 !important;}

.hSearch .searchBtn{font-size: 20px;color: #f08619;}
.hSearch .searchBtn:hover{color: #f08619 !important;}


/*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: #f08619;}
.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: #f08619;}
.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-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;}

/*banner*/
.banner{width: 100%;}
.banner .swiper-slide .img{width: 100%;height: 100%;overflow: hidden;font-size: 0px;}
.banner .swiper-slide .img img{ width:100%; height:100%}
.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: 10px;height: 10px;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:60%;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: #ff8100;font-size: 36px;}
.i1Desc{    font-size: 22px;
padding: 5% 0;
    color: #000;
    opacity: 0.8;}
.i1More{margin-top: 50px;}
.i1More a{color: #fff;font-size: 18px;}
.i1More a:hover{color: #f08619;}
.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 h2{ font-size:14px; color:#f08619; display:block;     margin-left: 15%; text-align:left;}
.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: 30px 0 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: #fff;font-weight: bold;padding-right: 10px;}
.i1List .part .tit small{display: flex;width: 32px;height: 32px;color: #fff;font-size: 12px;background: #f08619;border-radius: 50%;justify-content: center;align-items: center;white-space: nowrap;}
.i1List .part .txt{font-size: 14px;color: #fff;}

.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 #009c4b 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: #009c4b;}
.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 #009c4b 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: #f08619;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;}

.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: #f08619;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: 100%;/* 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;background: #fff; border-radius:10px}
.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: #f08619;}
.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;margin: 0 0 0 0;}
.index7 .wapper{display: flex;}
.i7Desc{width: 60%;background: rgb(255 255 255 / 0.6);padding: 40px 50px;box-sizing: border-box;border-radius: 30px; margin:4% auto;}
.i7Desc .tit{font-size: 34px;color: #333;}
.i7Desc .titEn{color: #f08619;padding-left: 5px;}
.i7Form{width: 100%;margin-top: 20px;}
.i7Form .input{margin: 15px 0;position: relative;}
.formInput{width: 100%;border: 1px solid #7b7b7b;color: #7b7b7b;padding: 10px;box-sizing: border-box;line-height: 1.4;background: none;font-size: 14px;outline: none;border-radius: 10px;}
textarea.formInput{height: 160px;}
input.formInput{width: 50%;}
.yzminput{display: flex;}
.yzminput .formInput{width: 40%;}
.yzmImg{font-size: 0px;margin-left: 10px;}
.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;border-radius: 10px;}

.tip{ width:45%;}
.tip img{ width:100%;}

.footer-bg{ }
.footer{width: 100%;    background: #000000;padding: 60px 0;    display: none;}
.fDesc{width: 80%;}
.fDesc .ewm{width: 165px;overflow: hidden;margin-right: 36px;}
.fDesc .ewm img{width: 100%;}
.fDesc .info{color: #000;font-size: 14px;margin-left: 30%;
           margin-top: -146px;font-size: 19px;
    font-weight: 600;}
.fMenu{width: 30%;display:none;}
.fMenu dl{width: 200px;line-height: 30px;}
.fMenu dl dt a{color: #000;font-size: 14px;}
.fMenu dl dd a{color: #000;font-size: 14px;}

.copyRight{width: 100%;background: #dcd9d9;padding: 10px 0;}
.copyRight .desc{width: 50%;font-size: 14px;color: #000;}
.copyRight a{color: #000;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:#009c4b; 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:#009c4b; 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: #f08619;border-color: #f08619;}
.pMenu ul li.on{background: #f08619;border-color: #f08619;}

.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: #f08619;}



.about1{width: 100%;padding: 50px 0;}
.a1Warp{width: 100%;background: #fff url(../images/bg008.jpg) repeat-x;padding: 50px 50px;box-sizing: border-box;margin-top: 50px;}
.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: #f08619;}

.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: #f08619;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: #f08619;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: 147px;}
.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) {

.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 #009c4b 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;}

}
.over-line1 {
   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
}
.over-line2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.over-line3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
#index .product {
  width: 100%;
  padding: 50px 0 80px;
  background-color: #f7f7f7; }
  .prod-main{ position:relative;}
  #index .product .swiper {
    width: 94%;
    margin: 40px auto 0;
    position: relative; }
	
    #index .product .swiper .swiper-slide {
      width: 24.4%;
      border: 1px solid #E6E6E6;
      position: relative; }
      #index .product .swiper .swiper-slide .img {
        width: 100%;
        background-color: #fff;
        }
        #index .product .swiper .swiper-slide .img img {
          width: 100%;
          height: auto;
          vertical-align: bottom;
          }
      #index .product .swiper .swiper-slide .bot-text {
        width: 100%;
        padding: 20px 10px 26px;
        text-align: center;
        box-sizing: border-box;
        }
        #index .product .swiper .swiper-slide .bot-text .name {
          font-size: 24px;
          line-height: 40px;
          font-weight: bold;
          }
        #index .product .swiper .swiper-slide .bot-text .desc {
          font-size: 14px;
          line-height: 28px;
          color: #666;
          margin: 12px auto 0;
          }
      #index .product .swiper .swiper-slide .masklayer {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        overflow: hidden;
        transition: all 0.6s; }
        #index .product .swiper .swiper-slide .masklayer .texts {
          width: 100%;
          height: auto;
          position: absolute;
          top: 50%;
          left: 0;
          z-index: 4;
          transform: translateY(-50%); }
          #index .product .swiper .swiper-slide .masklayer .texts .name {
            width: 75%;
            text-align: center;
            font-size: 24px;
            color: #fff;
            margin: 0 auto;
            position: relative;
            overflow: hidden; }
            #index .product .swiper .swiper-slide .masklayer .texts .name p {
              display: none;
              animation-duration: 0.5s; }
          #index .product .swiper .swiper-slide .masklayer .texts .desc {
            width: 75%;
            text-align: center;
            font-size: 14px;
            line-height: 32px;
            color: #fff;
            margin: 30px auto 0;
            overflow: hidden; }
            #index .product .swiper .swiper-slide .masklayer .texts .desc p {
              display: none;
              animation-duration: 0.5s;
              animation-delay: 0.2s; }
          #index .product .swiper .swiper-slide .masklayer .texts .icon {
            display: block;
            width: 40px;
            height: 40px;
            margin: 60px auto 0;
            overflow: hidden; }
            #index .product .swiper .swiper-slide .masklayer .texts .icon img {
              width: 98%;
              height: 98%;
              display: none;
              animation-duration: 0.5s;
              animation-delay: 0.4s; }
        #index .product .swiper .swiper-slide .masklayer i {
          position: absolute;
          width: 200%;
          height: 100%;
          top: 0;
          left: -250%;
          background-color: #039c4f;
          -moz-transform: skewX(30deg);
          -o-transform: skewX(30deg);
          -ms-transform: skewX(30deg);
          -webkit-transform: skewX(30deg);
          transform: skewX(30deg);
          -webkit-transition: all 0.6s ease;
          -moz-transition: all 0.6s ease;
          -o-transition: all 0.6s ease;
          transition: all 0.6s ease; }
      #index .product .swiper .swiper-slide:hover .masklayer .texts .name p {
        display: block;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp; }
      #index .product .swiper .swiper-slide:hover .masklayer .texts .desc p {
        display: block;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp; }
      #index .product .swiper .swiper-slide:hover .masklayer .texts .icon img {
        display: block;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp; }
      #index .product .swiper .swiper-slide:hover .masklayer i {
        left: -50%; }
    #index  .prod-btn {
      position: absolute;
      z-index: 3;
      color: #fff;
      top: 40%;
      cursor: pointer;
      outline: none;
      width: 18px;
      height: 32px;
      background-size: 18px 32px;
      background-repeat: no-repeat; }
    #index .prod-prev {
      left: 10px;
      background-image: url(../images/09.png); }
    #index .prod-next {
      right:10px;
      background-image: url(../images/10.png); }
  #index .product .readmore {
    margin: 70px auto 0; }
	
	@media only screen and (max-width: 980px) {
		 #index .product {
    padding: 30px 0 30px; }
    #index .product .swiper {
      margin: 20px auto 0; }
      #index .product .swiper .swiper-slide {
        width: 49.6%; }
        #index .product .swiper .swiper-slide .bot-text {
          padding: 16px 10px 16px; }
          #index .product .swiper .swiper-slide .bot-text .name {
            font-size: 16px;
            line-height: 16px; }
          #index .product .swiper .swiper-slide .bot-text .desc {
            margin: 6px auto 0; }
        #index .product .swiper .swiper-slide .masklayer .texts {
          top: 50%;
          left: 0; }
          #index .product .swiper .swiper-slide .masklayer .texts .name {
            width: 75%;
            font-size: 16px; }
          #index .product .swiper .swiper-slide .masklayer .texts .desc {
            width: 75%;
            font-size: 14px;
            line-height: 20px;
            margin: 15px auto 0; }
          #index .product .swiper .swiper-slide .masklayer .texts .icon {
            width: 20px;
            height: 20px;
            margin: 15px auto 0; }
        #index .product .swiper .swiper-slide .masklayer i {
          position: absolute;
          width: 200%;
          height: 100%;
          top: 0;
          left: -250%; }
		
		}
		


.cplm{height:35px;line-height:35px;text-align: center;margin-top: 3%;}
.cplm ul li{position:relative;/* border-right:#666 solid 1px; */ /*width:120px;*/ display: inline-block;margin: 0 3%;}
.cplm ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:35px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none;    z-index: 999; }
.cplm ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.cplm ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.cplm ul li dl dd a:hover{ color:#f60;}
.cplm a{font-size: 21px;color: #666;text-decoration:none;font-weight:bold;display:block;text-align:center;}
.cplm a:hover{ color:#f08619}
a.menu_hover01{  color:#f08619}
<!--.menu_down01 span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}-->
.cplm ul li.hover span a{ color:#f08619 !important}



.indexwrap{width: 100%;height: auto;box-sizing: border-box;overflow: hidden;}
.iondex01wrap{width: 100%;box-sizing: border-box;padding: 100px 5%;background-color: #f5f5f5;}
.iondex01wrap .mod-title{ margin-bottom:2%}

.i-tl{font-size: 34px;color: #039c4f;font-weight: bold;text-align: center;margin-bottom: 50px;}
.index01{width: 100%;margin: auto;}
.index01 ul li{ float:left; display:block; width:calc((100% - 6%)/4); margin-right:2%;}
.index01 ul li:nth-child(4n) {
    margin-right: 0% ;
}
.index01 a{display: block;width: 100%;background-color: #FFFFFF;border: 1px solid #DDDDDD;}
.index01 a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden; height:295px; display: flex;
    justify-content: center;
    align-items: center;}
.index01 a .imgbox img{display: block; max-width: 100%;transition: all .6s; max-height:100%;}
.index01 a .text{width: 100%;box-sizing: border-box;padding: 50px 30px;}
.index01 a .text strong{display: block;width: 60px;height: 2px;background-color: #039c4f;margin-bottom: 20px;}
.index01 a .text h3{font-size: 20px;color: #333333;height: 60px;}
.index01 a .text .more{border: 1px solid #039c4f;background-color: transparent;font-size: 14px;color: #039c4f;width: 110px;height: 36px;line-height: 36px;}
.index01 a .text .more:hover{color: #FFFFFF;}
.index01 a:hover .imgbox img{transform: scale(1.1);}
.index01 a .text .more{display: none;position: relative;width: 190px;height: 50px;line-height: 50px;font-size: 16px;color: #039c4f;background-color: #FFFFFF;z-index: 0;text-align: center;text-transform: uppercase;}
.index01 a .text .more::after{content: '';display: block;width: 0%;height: 100%;background-color: #039c4f;z-index: -1;transition: all .3s;position: absolute;left: 0;top: 0;}
.index01 a .text .more:hover::after{width: 100%;}
.index01 a .text .more:hover{color: #FFFFFF;}

.index01 .page{width: 100%;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-top: 40px;}
.index01 .swiper-button-next,.index01 .swiper-button-prev{position: relative;height: auto;width: auto;font-size: 26px;top: 0;margin: 0;padding: 0;left: 0;right: 0;color: #818181;background-image: none;outline: none;}
.index01 .swiper-pagination{position: relative;margin: 0 50px;}
.index01 .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #abb9cf;opacity: 1;margin-right: 10px;}
.index01 .swiper-pagination-bullet:last-child{margin-right: 0;}
.index01 .swiper-pagination-bullet-active{background-color: #039c4f;}

/*公司简介*/
.flexed {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
}

.c6 {
  padding-top: 3vw;
}

.cc6 {
  padding: 2vw;
  background: #fff;
  box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.13);
  transform: translateY(6.5vw);
  -ms-transform: translateY(6.5vw);
  -webkit-transform: translateY(6.5vw);
  z-index: 99;
  align-items: center;
  margin-top: -3.5vw;
}

.c6a {
  width: 49.8%;
}

.c6a .img {
  width: 100%;
}

.c6a .img img {
  width: 100%;
}

.c6b {
  width: 47.37%;
}

.c6b .abwz {
  font-size: 20px;
  line-height: 30px;
  color: #444444;
     /* font-weight: 600;*/
}
.c6b .abwz p a{
     color: #444444;
}

.c6b .ablink {
  margin-top: 0.8vw;
  font-size: 0;
}

.c6b .ablink a {
  display: inline-block;
  font-size: 16px;
  color: #666666;
  width: 167px;
  height: 54px;
  line-height: 54px;
  background: #eeeeee;
  text-align: center;
  color: #fff;
  overflow: hidden;
}
.c6b .ablink a:hover{
    font-size: 17px;
     transition: all 0.5s;
     
}

.c6b .ablink a.a1 {
  background: #2e3133;
  color: #fff;
}

.c6b .ablink a.a2 {
  background-image: -moz-linear-gradient(90deg, #4561a0 0%, #4b8cb8 100%);
  background-image: -webkit-linear-gradient(90deg, #4561a0 0%, #4b8cb8 100%);
  background-image: -ms-linear-gradient(90deg, #4561a0 0%, #4b8cb8 100%);
  margin-left: 15px;
}
.c6b .tup{     margin-top: 3%;}
.c6b .tup ul{   display: flex;
    justify-content: center;
    align-items: center;}
.c6b .tup ul li{ width:48%; margin:0 1%}
.c6b .tup ul li img{ width:100%;}

.c7 {
  background-image: -moz-linear-gradient(90deg, #4561a0 0%, #4b8cb8 100%);
  background-image: -webkit-linear-gradient(90deg, #009b4c 0%, #68c194bd 100%);
  background-image: -ms-linear-gradient(90deg, #4561a0 0%, #4b8cb8 100%);
  padding-top: 10.52083333333333vw;
  padding-bottom: 3.125vw;
}

.szgd {
  padding: 0 4.42708333333333vw;
}

.szgd li {
  color: #fff;
}

.szgd li .counter {
  font-family: Impact;
  font-size: 70px;
  line-height: 1;
}

.szgd li .span2 {
  font-family: Impact;
  font-size: 3.6rem;
}

.szgd li .span1 {
  display: inline-block;
  border-radius: 50%;
  font-size: 12px;
  background-color: #ffffff;
  color: #000000;
  width: 20px;
  height: 20px;
  transform: translateY(-2.5vw);
  -ms-transform: translateY(-2.5vw);
  -webkit-transform: translateY(-2.5vw);
  margin-left: -0.6vw;
  line-height: 20px;
  text-align: center;
}

.szgd li p {
  font-size: 16px;
  color: #ffffff;
  margin-top: 0.5vw;
}

@media (max-width: 1366px) {
  .head-index .headr .tnav {
    width: 74%;
  }
  .c6b .abwz {
    height: 278px;
    overflow-y: scroll;
  }
}

@media (max-width: 1280px) {
  .c6b .abwz {
    height: 245px;
  }
}

@media (max-width: 1100px) {
  .head-index .headr .tnav {
    width: 68%;
  }
  .tybt2 h3 {
    font-size: 24px;
  }
  .c6b .abwz {
    height: 215px;
  }
  .szgd li .counter {
    font-size: 40px;
  }
}

@media (max-width: 1024px) {
  .c6b .abwz {
    height: 180px;
    font-size: 14px;
    line-height: 24px;
  }
}

@media (max-width: 995px) {
  .c6 {
    padding: 40px 0;
  }
  .tybt2 h3 {
    font-size: 20px;
  }
  .tybt2 p {
    font-size: 14px;
  }
  .cc6 {
    padding: 10px;
    flex-wrap: wrap;
  }
  .c6a {
    width: 100%;
  }
  .c6b {
    width: 100%;
    margin-top: 20px;
  }
  .c6b .abwz {
    height: auto;
  }
  .c6b .ablink {
    margin-top: 10px;
  }
  .c6b .ablink a {
    width: 40%;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
  .c7 {
    padding: 20px 0;
    padding-bottom: 0;
  }
  .szgd {
    padding: 0;
    flex-wrap: wrap;
  }
  .szgd li {
    width: 48%;
    margin-bottom: 4%;
    text-align: center;
  }
  .szgd li .counter {
    font-size: 20px;
  }
  .szgd li p {
    font-size: 14px;
  }
}
.con5{ margin-top:50px; padding-bottom:60px;}
.con5 h2{ text-align:center; font-size:24px; color:#039c4f; font-weight:normal; padding-bottom:30px;}
.swiper-partner{ padding-bottom:50px !important; margin-top:4% !important;}
.swiper-partner .swiper-slide{ margin-bottom: 10px;height: 80px;padding: 0 20px;font-size: 36px;display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: rgba(21, 22, 24, 0.05) 0px 4px 6px 0px; box-sizing:border-box;}
.swiper-partner .swiper-slide img{ max-width: 100%;max-height: 70px;}
.swiper-team{ padding-bottom:50px !important;}
.swiper-pagination-bullet{ width:20px !important; border-radius:5px !important;}
.swiper-pagination-bullet-active{ background:#039c4f !important; width:40px !important;}
@media only screen and (max-width: 980px) {
  .index01 ul li{ margin-bottom:5%; width:calc((100% - 2%)/2); margin-right:0;}
  .index01 ul li:nth-child(2n) {
    margin-right: 0% ;
}
	.index01 a .imgbox{height: 165px}
	.index01 a .text{ padding:5% 3%}
	.index01 a .text h3{ font-size:18px; margin-bottom:5%}
	.index01 a .text .more{ width:100%; line-height:30px; height:30px; font-size:14px}
  
  }