@charset "utf-8";

body,html{  overflow-x: hidden;}
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; 
font-family:"微软雅黑"; }  
body, p, h1, h2, h3, h4, h5, table, ul, li, form, input { margin: 0; padding: 0; color: #000;  line-height: 1; }  
body, p { font-size: 14px; border: none; color: #000; }  
a { font-size: 14px; color: #000; text-decoration: none; border: none; padding: 0; margin: 0; }  
table { border-collapse: collapse; }  
img { border: 0; margin: 0; padding: 0; display: block; }  
ul, li { list-style: none; border: 0; margin: 0; padding: 0; } 
dl, dt, dd { margin: 0; padding: 0; -webkit-margin-start: 0; }  
h1, h2, h3, h4, h5 { font-weight: normal; font-size: 12px; display: block; }  
strong, b { font-weight: normal; }  
table, tr, td { border-spacing: 0; }  
em, i, b { font-style: normal; }  
p { line-height: 170%; color: #555; font-size: 14px; }  
input,button{ border: none; background: none; }  
figcaption { display: block; }  
input:focus { outline: none; }  
::-webkit-input-placeholder { /* WebKit browsers */ font-size: 14px; color: #555; }  
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px; color: #555; }  
::before,::after{ display: block; content: ''; display: block; transition: all 1s; position: absolute;}

.clearfix { *zoom: 1; }  
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }  
.clearfix:after { clear: both; } 
.clear { clear: both; }

.fl{ float: left;}
.fr{ float: right;}
svg:focus{ outline: none; }

 input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.container{ max-width: 1560px; margin: 0 auto; width: 100%;  }
.w1300{ max-width: 1300px; margin: 0 auto; width: 100%;  }



#blocwrap{overflow: hidden; position: fixed; width: 100%; top: 0px; left: 0; right: 0;bottom: 0;}


.headerwrap{ padding: 0 50px; display: flex; align-items: center; height: 100px; justify-content: space-between; background: rgba(0,0,0,0.1);
position: fixed; z-index: 333333; left: 0; right: 0; transition: all 0.6s; top: 0; border-bottom: 1px solid transparent;}
.headerwrap .navbar{ display: flex;  justify-content: space-between; width: 50%;
 position: relative; height: 100px; align-items: center;}
.headerwrap .navbar li{position: relative; display: inline-block; vertical-align: middle;}
.headerwrap .navbar li>a{ font-size: 18px; color: #000; transition: all 1s; position: relative;}

.subnav{ position: absolute; top: 80px; border:1px solid #e0e0e0;  padding: 20px 10px; background: #fff;  width: 160px; 
left: 50%; transform: translateY(10px); opacity: 0; visibility: hidden; transition: all 0.56s;  z-index: 33333; box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1); border-radius: 4px; margin-left: -80px;}
.subnav::before{ position: absolute; content: ''; display: block;  width: 0;height: 0;border-color: #fff #fff transparent transparent; transform: rotate(-45deg);    border-style: solid;    border-width: 8px; box-shadow: 2px -2px 2px rgba(0,0,0,0.1); top: -8px; left: 50%; margin-left: -8px;}
.navbar>li::before{ display: block; content: ''; position: absolute; left: 50%; right: 0; transform-origin: center; background: #ef5404; height: 3px; transition: all 0.6s; top: 55px; transform: scaleX(0); width: 28px; margin-left: -14px;}
.navbar li:hover .subnav{ visibility: visible; opacity: 1; transform: none;}
.navbar>li:hover::before{ transform: scaleX(1);}
.subnav a{ display: block; text-align: center; font-size: 16px; line-height:40px; height: 40px;  color: #333; transition: all 0.6s;}
.subnav a:hover{ color: #ef5404;}

.header-right {color: #000000;	font-size: 30px; font-family: arial; transition: all 1s;}
.header-right img{ display: inline-block; vertical-align: -2px; margin-right: 5px;}
.headerwrap .navbar li:hover>a,.headerwrap .navbar li.on>a{ color: #ef5404;}
.headerwrap.on{ height: 85px;  	box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1); background: #fff;}
.headerwrap.on .header-right{ font-size: 26px;}
.headerwrap.on .navbar{ height:85px;}
.headerwrap.on .navbar>li::before{ top: 50px;}


.banner{ width: 100%; overflow: hidden; position: relative; z-index: 1;  }
.banner img{ display: block; width: 100%; height: auto;}
.banner .swiper-slide { position: relative;}
.swiper-button-next:after, .swiper-button-prev:after{ font-size: 30px; opacity: 0; transition: all 0.6s;}
.banner:hover .swiper-button-next:after, .banner:hover .swiper-button-prev:after{ opacity: 1;}


.index-sec1{ background: url(../images/indexbg1.png) no-repeat top center; background-size: cover; padding: 80px 0;}
.index-sec1 .title{ display: flex; justify-content: space-between; align-items: center;}
.index-sec1 .title h3{  color: #ef5404; font-size: 30px; font-family: arial;}
.index-sec1 .title h2{  color: #000000; font-size: 40px; margin-top: 30px;}
.index-sec1 .title .p2{  color: #666666; font-size: 20px;  margin-top: 10px;}
.index-sec1 .title a{ width: 300px;	height: 62px;	border: solid 2px #e0e0e0;  color: #666666; font-size: 16px; display: block;
text-align: center; line-height:60px; transition: all 1s;}
.index-sec1 .title a i{ width: 55px;	height: 2px;	background-color: #e0e0e0; display: inline-block; vertical-align: middle;
transition: all 0.56s; margin-right: 25px;}
.index-sec1 .title a:hover{ box-shadow1: 0 0 30px rgba(10,102,89,0.6);   box-shadow: 0 0 30px rgba(255,140,0,0.6);  border-color: #ef5404; background-color: #ef5404;
color: #fff; padding-left: 30px; }
.index-sec1 .title a:hover i{ background: #fff;  width: 75px; margin-right: 15px;}
.index-sec1 .div1{ position: relative; height: 320px; margin: 50px auto;}
.index-sec1 .div1 img{ position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.index-sec1 #h1{font-size: 170px;color: #fff;position: relative;  background-clip: -webkit-text;
background1: url(../images/clouds.html) no-repeat ; background: #ed9028;  color: transparent; -webkit-background-clip: text; text-align: center;
background-size: 130% auto; animation: overlayAnimation 10s infinite linear reverse ; letter-spacing: 0; line-height: 320px; font-weight: bold; white-space: nowrap; overflow: hidden;}
.index-sec1 .wenzi{ display: none; margin-top: 70px;}
.index-sec1 .img1.aos-animate{ transform: translate(-50%,-10%) ;}
.index-sec1 .text .p1{  color: #000000; font-size: 20px; line-height: 44px;}

.index-sec2 { background: #fff;  border-top: 1px solid #000; }
.index-sec2 ul{ display: flex; justify-content: space-between; border-top: 1px solid #000;  margin-top: 1px;  border-bottom: 1px solid #000;
padding: 35px 0;}
.index-sec2 li{ border-right: 1px solid #000; width: calc(100%/4);  transition: all 1s; position: relative; transform-origin: center; z-index: 1;}
.index-sec2 li:last-child{border-right: none;}
.index-sec2 li strong{ display: block; text-align: center; font-weight: bold;  color: #000000; font-size: 34px; font-family: arial;}
.index-sec2 li .p2{ color: #000000; 	font-size: 18px; text-align: center; margin-top: 5px;}
.index-sec2 li .p3{ color1: #999999; 	font-size1: 12px; text-align1: center; margin-top1: -15px;font-weight1: bold;     position: absolute; left: 16%; top: 0; transform: translateX(-50%);}
.index-sec2 li:hover::before{ box-shadow1: 0 0 30px rgba(10,102,89,0.6);  box-shadow: 0 0 30px rgba(255,140,0,0.6);  background: #fff; transform: scale(1.05,1.2);  z-index:-1;}
.index-sec2 li::before{ top: -35px; left: 0; right: 0; bottom: -35px; width: 100%;}
.index-sec2 li:hover{ transform: scale(1.05);}

.index-sec3{ background: url(../images/shadow.png) no-repeat top center; height: 800px; padding: 50px 0 0 0;}
.index-sec3 .w1300{ background: #fff;}
.index-sec3 .title{ margin-bottom: 45px;}
.index-sec3 .title h3{ text-align: center; color: #000000; font-size: 40px;}
.index-sec3 .title p{ text-align: center; color: #666666; font-size: 24px; margin-top: 15px;}
.index-sec3 ul{ display: flex;}
.index-sec3 li{ position: relative;  z-index: 33;}
.index-sec3 li .text{ position: relative; z-index: 33;}
.index-sec3 .l1{  width:50%;  flex-shrink: 0; position: relative;}
.index-sec3 .l1 .t1{ position: absolute; top: 60px; left: 40px; z-index: 33;}
.index-sec3 .l1 .p1{ position: absolute; top:35px; right: 40px; z-index: 33;}
.index-sec3 li.l1 .text{ padding: 30px 0 0 25px;}
.index-sec3 li .text h3{  color: #fff; font-size: 24px; font-weight: bold; margin-bottom: 35px; text-align: center; transition: all 1s;}
.index-sec3 li .text p{  color: #fff; font-size: 18px; line-height: 50px; text-align: center; transition: all 1s;}
.index-sec3 .l2{ background: #3c3c3c; width: 25%;}
.index-sec3 .l3{ background: #ef5404; width:25%;}
.index-sec3 .l1 .text h3{ color: #333; text-align: left;}
.index-sec3 .l1 .text p{ color: #666; text-align: left;}
.index-sec3 .li img{ display: block; margin: 50px auto 40px auto; position: relative; z-index: 33; height:80px; max-height:100%}
.index-sec3 .li .text h3{ margin-bottom: 15px;}
.index-sec3 li::before{ top: 0px; left: 0; right: 0; bottom:0; width: 100%;  z-index:1;}
.index-sec3 .l1:hover::before{ box-shadow: 0 0 30px rgba(255,140,0,0.6);background: #ef5404;  }
.index-sec3 .l2:hover::before{ background: #000; box-shadow: 0 0 30px rgba(10,102,89,0.6);}
.index-sec3 .l3:hover::before{ background: #fff; box-shadow: 0 0 30px rgba(10,102,89,0.6);}
.index-sec3 .l3:hover .text h3{ color: #000;}
.index-sec3 .l3:hover .text p{ color: #666;}
.index-sec3 .l1:hover .text h3{ color: #fff;}
.index-sec3 .l1:hover .text p{ color: #fff;}

.index-sec4{ background: url(../images/indexbg3.png) no-repeat top center; padding-top1: 55px;}
.index-sec4 .title h3{ text-align: center; margin-right1: 330px;color: #666666; font-size: 55px;}
.index-sec4 .title p{ text-align: center; color: #ed9028; margin-right1: 330px;font-size: 48px;  margin-bottom: 10px;}
.index-sec4 ul{ display: flex; padding-top1: 70px;}
.index-sec4 ul>li{ width: calc(100%/3); padding: 0 30px; flex-grow: 1; width: 33.33333%; }
.index-sec4 .w1300{ box-shadow: 0px 0px 15px 0px rgba(6, 0, 1, 0.2); background: #fff; margin-top: 50px; padding-bottom: 55px;}
.index-sec4 .img{ position: relative;  width: 350px;	height: 210px; margin: 0 auto; padding: 37px 0;}
.index-sec4 .tu{ display: block; margin: 0 auto;}
.index-sec4 .cir{ position: absolute; top: 0; left: 50%; margin-left:-105px; animation: rotate180 5s infinite linear;}
.index-sec4 li h2{ color: #333333; font-size: 26px; font-weight: bold; text-align: center; margin: 25px 0;}
.index-sec4 .text { margin-top: 20px;}
.index-sec4 .text p{ color: #000000; line-height: 40px; font-size: 16px; width: auto;}
.index-sec4 .l1 .text{ display: flex; flex-direction: column;  justify-content: center; align-items: center;}
.index-sec4 .l1 dl{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 20px; max-width: 100%;}
.index-sec4 .l1 dd{ width: calc(100%/3); color: #000000; 	font-size: 18px; background: url(../images/duihao.html) no-repeat left center;
padding-left: 35px; margin-top: 25px; flex-grow: 1; width: 33.33333%;}
.index-sec4 .l2 strong{ color: #ef5404; font-weight: bold; font-size: 18px;}
.index-sec4 .l2 .text{ display: flex; justify-content: center;}
/*.index-sec4 .l2 .text p{ font-size: 16px; margin-top: 50px; }*/
.index-sec4 .l2 .text p{ font-size: 16px;  }
.index-sec4 .l3 ol{ display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.index-sec4 .l3 ol li{ width: calc(100%/2 - 30px); margin-top: 40px; margin-left: 15px; margin-right: 15px;}
.index-sec4 .l3 h3 img{ display: inline-block; vertical-align: middle; margin-right: 5px;}
.index-sec4 .l3 h3{ color: #ef5404; 	font-size: 22px;}
.index-sec4 .l3 ol li p{ color: #333333; line-height: 24px; font-size: 14px; margin-top: 10px;}
.index-sec4 .bian{ display: block; margin: 0 auto; width: 100%;}
.index-sec4 .l2 .cir{ animation-delay: 1s;}
.index-sec4 .l3 .cir{ animation-delay: 2s;}

.index-sec5{ padding1: 55px 0;}
.index-sec5 .title h3{text-align: center; color: #333; font-size: 30px; }
.index-sec5 ul{ display: flex; justify-content: space-between;  margin-left1: -23px; margin-right: -23px;}
.index-sec5 ul li{ width1: calc(100%/4 - 46px); margin-top: 23px; margin-left1: 23px; margin-right: 23px; position: relative; overflow: hidden;
transition: all 1s;  border-radius: 4px; border:1px solid transparent;}
.index-sec5 li p{ position: absolute; color: #ffffff; font-size: 24px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 33;
transition: all 1s;}
.index-sec5 li img{ display: block; border-radius: 4px; width: 416px; height: 380px;}
.index-sec5 li::before{ top: 50%; left: 50%; width: 416px;  z-index:1; border-radius: 100%; opacity: 0; 
width: 416px; height: 380px; background1:rgba(10,102,89,0.7);  background1:rgba(255,140,0,0.6); transform: translate(-50%,-50%) scale(1.5); filter: blur(100px);}
.index-sec5 li:hover::before{transform: translate(-50%,-50%) scale(1); filter: blur(3px); opacity: 1;}
.index-sec5 li:hover{  box-shadow1: 0 0 15px 0 rgba(0,0,0,0.6); box-shadow: 0 0 15px 0 rgba(255,140,0,0.6); border1:1px solid #ef5404}

.index-sec6{ background: url(../images/indexbg2.png) no-repeat top center; padding: 80px 0 0 0; background-size: cover;}
.index-sec6 .w1300{ position: relative;}
.index-sec6 .title h3{ text-align: center; color: #000; font-size: 40px;}
.index-sec6 .title p{ text-align: center; color: #000; font-size: 24px;  margin-top: 10px;}
.index-sec6 ul{ display: flex; flex-wrap: wrap; width: 865px;  margin-left: -10px; margin-right: -10px; margin-top: 40px; padding-bottom: 75px;}
.index-sec6 ul li{ margin-top: 20px; margin-left: 10px; margin-right: 10px; position: relative; overflow: hidden; border:1px solid transparent;
transition: all 1s;  background: #fff; border-radius: 10px; width: 300px;	height: 192px; padding: 35px 25px;  }
.index-sec6 li h3{  color: #000000; font-size: 20px; border-bottom1: 4px solid #e6efee;  border-bottom: 4px solid #f5dfd3;position: relative; 
padding-bottom: 25px; transition: all 1s;}
.index-sec6 li h3::before{ bottom: -4px; height: 4px; background: #ef5404; width: 60px; border-radius: 2px;}
.index-sec6 li p{ color: #000000; font-size: 16px; line-height: 30px; margin-top: 20px; transition: all 1s;}
.index-sec6 li:hover{ border:1px solid #ef5404; box-shadow1: 0 0 30px rgba(10,102,89,0.6); box-shadow: 0 0 30px rgba(255,140,0,0.6);background: #ef5404;}
.index-sec6 li:hover h3{ color: #fff; font-weight: bold; }
.index-sec6 li:hover h3::before{ width: 100%; background: #fff;}
.index-sec6 li:hover p{color: #fff;}
.index-sec6 .pos{ position: absolute; z-index: 3; right: 0; margin-top: -90px;bottom: 0;}

.index-sec7 { padding:60px 0 20px 0; }
.index-sec7 .title h3,.index-sec8 .title h3,.index-sec9 .title h3{ text-align: center; color: #000000; font-size: 40px;}
.index-sec7 .title p,.index-sec8 .title p,.index-sec9 .title p{ text-align: center; color: #666666; font-size: 24px;  margin-top: 10px;}
.index-sec7 .swiper-container{ padding: 60px 0; position: relative;}
.index-sec7 .swiper-slide{ position: relative;  width: 44%; transform: scale(0.65); transform-origin: center; overflow: hidden;
transition: all 1s;}
.index-sec7 .swiper-slide a{ display: block;}
.index-sec7 .item-img img{ display: block; width: 895px !important; height1: auto; height: 650px; transition: all 1s;  display1: block; width1: 100%; }
.index-sec7 .swiper-container::before{ left: 50%;  top: 50%; background: #ef5404; z-index: -1;
transform: translate(-50%,-50%); width: 57%; height: 23vw;}
.index-sec7 .swiper-slide p{ position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.3); color: #fff; height: 70px;
font-size:20px; text-align: center; line-height: 70px; transform: translateY(50%); transition: all 1s; opacity: 0;}
.index-sec7 .swiper-slide-active p{ transform: none; opacity: 1;} 
.index-sec7 .swiper-button-prev1{ position: absolute; left:24%;  top: 50%; transform: translateY(-50%); z-index: 333; cursor: pointer;}
.index-sec7 .swiper-button-next1{ position: absolute; right: 24%;  top: 50%; transform: translateY(-50%); z-index: 333; cursor: pointer;}
.index-sec7 .swiper-slide-active{ transform: scale(1.07); z-index: 333; }

.index-sec8 { background: #f5f5f5; padding: 60px 0;}
.index-sec8 .tab{ display: flex; justify-content: center;  margin-top: 35px;}
.index-sec8 .tab a{width: 210px;height: 52px;background-color: #ffffff;border-radius: 26px; display: block;
text-align: center; font-size: 22px; color: #333; line-height: 52px; transition: all 1s; margin: 0 20px;}
.index-sec8 .tab a.active{ background: #ef5404; color: #fff;}
.index-sec8 .swiper-slide{ display: flex; justify-content: space-between; margin-top: 50px; overflow: hidden;}
.index-sec8 .left{ width: 44%; height: 400px; position: relative; flex-shrink: 0; margin-right: auto;}
.index-sec8 .left .item-text{ display: flex; justify-content: space-between; position: absolute; bottom: 0; left: 0; right: 0; 
background: rgba(0,0,0,0.3); height: 60px; line-height: 60px; align-items: center; padding: 0 15px;}
.index-sec8 .left .item-text p{ color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px;}
.index-sec8 .left .item-text span{ color: #fff; font-size: 20px; flex-shrink: 0; padding-left: 10px;}
.index-sec8 .left .item-img img{ display: block; width: 100%;}
.index-sec8 .left li{ display: none;}
.index-sec8 .left li.on{ display: block;}

.index-sec8 .right{ width: 52%; padding-top: 20px;}
.index-sec8 .right li{ padding:20px 0 15px 0; position: relative;}
.index-sec8 .right li a{ display: flex;  justify-content: space-between;  position: relative;}
.index-sec8 .right .div{ flex-grow: 1; padding:0 30px; overflow: hidden;}
.index-sec8 .right span{ width: 24px;height: 24px;background-color: #333333; display: block; color: #fff; font-size: 20px;
text-align: center; line-height: 24px; flex-shrink: 0;}
.index-sec8 .right .tou{ display: flex; justify-content: space-between; align-items: center; overflow: hidden;}
.index-sec8 .right i{  color: #888888; font-size: 14px; flex-shrink: 0;}
.index-sec8 .right .p1{ color: #333333; font-size: 18px; flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
padding-right: 10px; line-height: 24px;}
.index-sec8 .right .p2{ color: #666666; font-size: 14px; line-height: 24px; margin-top: 10px; height: 48px;
display: -webkit-box; -webkit-line-clamp: 2; text-overflow:ellipsis; overflow: hidden; -webkit-box-orient: vertical;
display: none; }
.index-sec8 .right .span2{ background: #aaa;}
.index-sec8 .right li::before{ left: -100px; background:transparent; top: 0px; bottom: 0px; width:210%; z-index: -1;
transition: all 0.3s; height: 0;}
.index-sec8 .right li.on::before{ background: #fff; height: 100%;}
.index-sec8 .right li.on .p1{ color: #ef5404;}

.index-sec9{ background1: url(../images/shadow.png) no-repeat top center;  padding: 60px 0; border-bottom: 1px solid #e5e5e5;}
#index-sec9{ margin-top: 50px;}
#index-sec9 .swiper-slide a{ position: relative; display: block; }
#index-sec9 .swiper-slide img{ display: block; width: 100%;}


.index-sec9  .swiper-slide p2{ color: #000000; 	margin-left: 15px;font-size: 14px; text-align: left; margin-top: 12px;}



#index-sec9 .swiper-slide p{ text-align: left; margin-left: 15px; font-size: 17px; color: #333; line-height: 30px; white-space: nowrap; overflow: hidden;
text-overflow: ellipsis; margin-top: 30px;margin-bottom: 10px;}




#index-sec9 .swiper-slide a::before{ top: 40%; content: "查看更多"; left: 0; right: 0; color: #fff; text-align: center;
background: #ef5404; width: 60%; margin: 0 auto; height: 50px; line-height: 50px; font-size: 16px; margin-top: -25px;
transform: scale(3); transform: translateY(-30%); opacity: 0; border-radius: 3px;} 
#index-sec9 .swiper-slide a:hover::before{ transform: scale(1); transform: translateY(0); opacity: 1;}

.footer{ background: url(../images/footbg.png) no-repeat top center; background-size: cover; padding: 50px 0 0 0;}
.foot-top{ display: flex; justify-content: space-between;}
.foot-top .div1{ width: 700px; flex-shrink: 0; }
.foot-top .div1 p{ font-size: 25px; color: #ffffff; margin-top: 40px; font-weight1:bold;  line-height: 17px; }
.foot-top .div1 .shejiao{ display: flex; margin-top: 40px;}
.foot-top .div1 .shejiao a{  margin-right: 30px; position: relative; vertical-align: middle; display: inline-block;}
.foot-top .div1 .pop{ position: absolute; transition: all 1s; visibility: hidden; opacity: 0; 
 transform: translateY(-20px); left: -30px; top: -120px;}
 .foot-top .div1 .pop::before{ border:10px solid transparent; border-top-color: #fff; z-index: 333;
 width: 0; height: 0; bottom:-19px; left: 50%; margin-left: -10px;}
 .foot-top .div1 .pop img{ display: block; height: 100px; width: 100px;}
.foot-top .div1 .shejiao a:hover .pop{ visibility: visible; opacity: 1; transform: none;}
.foot-top .div2{ display: flex; width: 385px; justify-content: space-between; margin-left: auto;}
.foot-top dt,.foot-top .div3 h3{ color: #ffffff; font-size: 16px; margin-bottom: 30px;}
.foot-top dd a{ display: block; color: #aaaaaa; line-height: 40px; font-size: 14px; transition: all 1s;}
.foot-top dd a:hover{ color: #fff;}
.foot-top .div3 { margin-left: auto;}

.foot-top .div3 .codeimg{ display: flex; margin-left: -20px;}
.foot-top .div3 .codeimg div{ margin-left: 20px;}
.foot-top .div3 .codeimg div img{ display: block; width: 200px; height: 200px;}
.foot-top .div3 p{ text-align: center; color: #ffffff; font-size: 18px; margin-top: 10px;}  
.foot-top .div3 a{ text-align: center; color: #ffffff; font-size: 46px; font-weight:bold;  margin-top: 10px;}  
.foot-nav{ margin-top: 30px;}
.foot-nav p{ display: flex; justify-content: space-around; padding: 25px 0;
 border:1px solid rgba(255,255,255,0.1); border-left: none; border-right: none;}
.foot-nav p a{ display: inline-block; color: #ffffff; font-size: 16px; transition: all 0.36s; position: relative;}
.foot-nav p a::before{ left: 0; height: 1px; background: #fff; width: 0; top: -25px; transform-origin: center;}
.foot-nav p a::after{ height: 1px; background: #fff; width: 0; right: 0; bottom: -25px;}
.foot-nav p a:hover::before,.foot-nav p a:hover::after{ width: 120%;}
.copyright{ padding:25px 0;height:80px;line-height:80px;display:flex;justify-content:space-between;}
.copyright p{ text-align: center; color: #ffffff; font-size: 14px;line-height: 30px;}
.copyright a{ color: #ffffff; font-size: 14px;}

/* 招商加盟 */
.neibanner{ position: relative; overflow: hidden; background: #fff; display: flex;}
.neibanner img{ display: block; width: 100%; height: auto; margin: 0 auto; min-height: 400px; object-fit: cover; }
.banner-wave { width:100%; position:absolute; bottom:100px; z-index: 2; height: 150px;} 
.banner-wave svg { width:100%;  } 
.wave { animation: wave 3s linear; animation-iteration-count:infinite; fill: #ffffff; } 
#wave2 { animation-duration:5s; animation-direction: reverse; opacity: 1 } 
#wave3 { animation-duration: 7s; opacity:.4; }


.headerwrap1 .black{ display: none;}
.headerwrap1 .navbar>li::before{ background-color: #ed9028;}
.headerwrap1.on .navbar>li::before{ background-color: #ef5404;}
.headerwrap1 .navbar li:hover>a, .headerwrap1 .navbar li.on>a{ color: #ed9028; }
.headerwrap1 .navbar li>a{ color: #ed9028;}
.headerwrap1 .header-right{ color: #ed9028;}
.headerwrap1.on .navbar li>a,.headerwrap1.on .header-right{ color: #000;}
.headerwrap1.on .black{ display: inline-block;}
.headerwrap1.on .white{display: none;}

.zsjm-sec1{  padding: 20px 0 30px 0; overflow: hidden;position: relative;  margin-top: -10px; background-color: #fff; z-index: 333; } 
.zsjm-sec1 .w1300{ position: relative; height: 120vh;}
.zsjm-sec1 svg{  position: absolute; bottom: 0; left: 0; right: 0; z-index: -1;}
.zsjm-sec1 .tit h4{ text-align: center; color: #000000; font-size: 24px;  background: #fff; }
.zsjm-sec1 .tit h3{ text-align: center; color: #000000; font-size: 42px; font-weight: bold; margin-top: 25px;}
.zsjm-sec1 ul{ position: absolute; right: 0px; margin-top: 120px; z-index: 33; width: 1300px; }
.zsjm-sec1 ul li{width: 486px; border-radius: 0px 15px 15px 0px;  margin-bottom: 100px; float: right;	position: relative; transition: all 1s;}
.zsjm-sec1 ul li a{display: flex; align-items: center; 	height: 124px;	padding-left: 35px; }
.zsjm-sec1 ul li p{ color: #000000; font-size1: 36px; font-size: 23px;}
.zsjm-sec1 ul li h2{ color: #000000; font-size1: 36px;font-weight: bold; font-size: 30px;}
.zsjm-sec1 ul li h5{ color: #ffffff; font-size1: 36px;font-weight: bold; font-size: 30px;}
.zsjm-sec1 ul .l1{ background: #fee3b5; border-left: 10px solid #ffbc48; margin-right: 100px;}
.zsjm-sec1 ul .l2{ background: #4886ff; border-radius: 15px; margin-right: 400px; }
.zsjm-sec1 ul .l3{ background: #e1ebee; border-left: 10px solid #ef5404;}
.zsjm-sec1 ul .l2 p{ color: #fff;}
.zsjm-sec1 .more{ display: block; width: 400px;height: 80px;background-image: linear-gradient(90deg,#ed9028 0%,#ef5404 100%),linear-gradient(#ef5404,#ef5404);background-blend-mode: normal,normal; box-shadow: 0px 0px 30px 0px rgba(6, 0, 1, 0.2); border-radius: 40px;
color: #ffffff; font-size: 24px; line-height: 80px; text-align: center; position: absolute; bottom: 40px; left: 50%;
transform: translateX(-50%); transition: all 1s;}
.zsjm-sec1 .more:hover{box-shadow: 0px 0px 30px 0px rgba(255,140,0,0.6); box-shadow1: 0px 0px 30px 0px rgba(10, 102, 89, 0.8); transform: translateX(-53%);}
.zsjm-sec1 .leftimg{ position: absolute; left: 0; top: 220px;}
.zsjm-sec1 .leftimg img{width: 50vw;}
.zsjm-sec1 .dot{ width: 13px;height: 13px; border:3px solid #ef5404; border-radius: 100%;  text-align: center; margin-right: 15px; box-sizing: content-box; transition: all 1s; position: relative; z-index: 3;}
.zsjm-sec1 .dot::before{ width: 5px; height:5px; background: #fff; border-radius: 100%; position: relative;
display: block;  margin: 0 auto; margin-top: 4px; z-index: 3;}

.zsjm-sec1 .l1 .dot{ border-color: #ff7e4a;}
.zsjm-sec1 .l1 .dot::before{ background: #ff7e4a;}
.zsjm-sec1 .l2 .dot{ border-color: #fff;}
.zsjm-sec1 .l2 .dot::before{ background: #fff;}
.zsjm-sec1 .l3 .dot{ border-color: #ef5404;}
.zsjm-sec1 .l3 .dot::before{ background: #ef5404;}
.zsjm-sec1 .line{ display: block; width: 63px;height: 17px; border-radius: 9px; position: absolute; 
animation: colorchage 4s infinite linear;}
.zsjm-sec1 .l1 .line{ background: #ffbc48;}
.zsjm-sec1 .l2 .line{ background: #4886ff;}
.zsjm-sec1 .l3 .line{ background: #ef5404;}
.zsjm-sec1 .line1{ top: 27px; right: -30px; animation-delay: 0s;}
.zsjm-sec1 .line2{ top: 95px; right: -90px; animation-delay: 1s;}
.zsjm-sec1 .line3{ bottom: -35px; left:-50px; animation-delay: 3s;}
.zsjm-sec1 .l2 .line1{ top: 27px; right: -130px;}
.zsjm-sec1 .l2 .line2{ top: 95px; right: -63px;}
.zsjm-sec1 li:hover{ transform: translateX(30px);}
.zsjm-sec1 li.l1:hover{  box-shadow: 0 0 25px rgba(254,227,181,1); }
.zsjm-sec1 li.l2:hover{  box-shadow: 0 0 25px rgba(72,134,255,1); }
.zsjm-sec1 li.l3:hover{  box-shadow: 0 0 25px rgba(70,102,89,0.8); }


.zsjm-title h3{ text-align: center; color: #333333; font-size: 50px; font-weight: bold; padding: 0 10px;}
.zsjm-title .rotate-block { display: flex; justify-content: center; align-items: center;}
.zsjm-title .rotate-block div{ display: flex;}
.zsjm-title i{ width: 26px;	height: 26px;	background-color: #ef5404; display: block; transform: rotate(45deg); margin: 0 5px;
animation: bigchange 5s infinite linear;}
.zsjm-title i.i2{ animation-delay: 1s;}
.zsjm-title i.i3{ animation-delay: 2s;}
.zsjm-title .div2 i.i2{ animation-delay: 2s;}
.zsjm-title .div2 i.i3{ animation-delay: 1s;}
.zsjm-title p{ color: #000000; font-size: 30px; text-align: center; margin-top: 20px;}

.zsjm-sec2 { background: url(../images/zsjm-bg2.png) no-repeat top center; padding: 75px 0;}
.zsjm-sec2 .cont{ display: flex; align-items: center;  margin-top: 50px;}
.zsjm-sec2 .left{ width:50%; height: 440px;background-color: #d12636; overflow: hidden;}
.zsjm-sec2 .left img{ display: block; width: 100%; object-fit: cover; height: 100%;}
.zsjm-sec2 .right{box-shadow: 5px -2px 20px 0px rgba(7, 0, 2, 0.15); height: 390px; width: 50%;
display: flex; align-items: center; justify-content: center; background:#ffffff url(../images/zsjm-yinhao.png) no-repeat 550px 270px;} 
.zsjm-sec2 .right p{ color: #000000; line-height: 54px; font-size: 22px; text-align: center;}

.zsjm-sec3{ background: url(../images/zsjm-bg3.png) no-repeat top center;}
.zsjm-sec3 .h3{ text-align: center; color: #fff; font-weight: bold; font-size: 50px; line-height:220px; letter-spacing: 5px;
height: 840px;height1: 210px;}
.zsjm-sec3 .zsjm-title3{ margin: 80px 0 60px 0;}
.zsjm-sec3 .zsjm-title3 strong{ color: #ef5404; 	font-size: 40px; font-family: Impact;  margin-right: 10px;
display:inline-block; vertical-align: middle;}
.zsjm-sec3 .zsjm-title3 h3{ color: #ef5404; font-size: 30px; font-weight: bold; }
.zsjm-sec3 .zsjm-title{ margin-top: 60px;}

.zsjm-sec3 .cont1{ display: flex; justify-content: space-between; align-items: center;}
.zsjm-sec3 .cont1 .left{ width: 48.5%; margin-bottom: -25px;}
.zsjm-sec3 .cont1 li a{ display: flex; align-items: center; background-color: #ffffff; padding: 15px; transition: all 1s;
	box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.06);	border-radius: 38px; 	height: 75px; margin-bottom: 25px;}
.zsjm-sec3 .cont1 strong{ width: 120px;height: 47px;background-color: #ef5404;border-radius: 24px; display: block; color: #fff;
 font-size: 22px; text-align: center; line-height: 47px; margin-right: 30px; transition: all 1s; }
.zsjm-sec3 .cont1 li p{ color: #333333; 	font-size: 22px; transition: all 1s;}
.zsjm-sec3 .cont1 .right{ width: 45%;}
.zsjm-sec3 .cont1 .right img{ display: block; height: auto; width: 100%;}
.zsjm-sec3 .cont1 li a:hover{ background: #ef5404; box-shadow: 0 0 30px rgba(255,140,0,0.6);transform: translateX(10px);}
.zsjm-sec3 .cont1 li a:hover strong{ color: #ef5404; background: #fff;} 
.zsjm-sec3 .cont1 li a:hover p{ color: #fff;}

.zsjm-sec3 .cont2 ul{ display: flex; justify-content: space-between; align-items: center; margin-right: -27px; margin-left: -27px;}
.zsjm-sec3 .cont2 li{ width: calc(100%/4 - 54px); margin-left: 27px; margin-right: 27px;}
.zsjm-sec3 .cont2 li a{ display: block; background-color: #ffffff;	box-shadow: 0px 0px 30px 0px rgba(6, 0, 1, 0.08);
	border-radius: 20px;	border: solid 1px #eeeeee; padding: 50px 30px 40px 30px; transition: all 1s; border:1px solid #fff}
.zsjm-sec3 .cont2 li strong{ color: #ef5404; font-size: 30px; line-height: 50px; position: relative; display: block; text-align: center; 
margin: 20px auto;} 	
.zsjm-sec3 .cont2 li strong::before{ bottom:10px; height: 5px; width: 61px; left: 50%; margin-left: -30px;
background: #ef5404; opacity: 0.3;}
.zsjm-sec3 .cont2 li img{ display: block; margin: 0 auto; transition: all 1s;}
.zsjm-sec3 .cont2 li p{ color: #666666; font-size: 16px; text-align: center;}
.zsjm-sec3 .cont2 li:hover a{ box-shadow: 0 0 30px rgba(255,140,0,0.6);transform: scale(1.03); border:1px solid #ef5404}
.zsjm-sec3 .cont2 li:hover img{ transform: rotateY(180deg);}

.zsjm-sec3 .cont3 ul{ display: flex; justify-content: space-between; align-items: center; margin-right: -18px; margin-left: -18px;}
.zsjm-sec3 .cont3 li{ width: calc(100%/4 - 36px); margin-left: 18px; margin-right: 18px; transition: all 1s;}
.zsjm-sec3 .cont3 .item-img{ width: 300px; height: 300px;	background-color: #ef5404;	box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1);
	border: solid 5px #ffffff; border-radius: 100%; position: relative; transition: all 1s;}
.zsjm-sec3 .cont3 .item-img img{ display: block; width: 100%; height: 100%; border-radius: 100%;}
.zsjm-sec3 .cont3 .item-img strong{ width: 60px;height: 60px;background-color: #ffffff; box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1); display: block; position: absolute; bottom: -30px; left: 50%;margin-left: -30px; border-radius: 100%; color: #ef5404; font-size: 24px;
font-family: arial; text-align: center; line-height: 60px; transition: all 1s;}
.zsjm-sec3 .cont3 .item-text{ padding-top: 55px;}
.zsjm-sec3 .cont3 li h3{  color: #333333; font-size: 26px; text-align: center; margin-bottom: 15px;}
.zsjm-sec3 .cont3 li p{  color: #666666; font-size:18px; text-align: center;	line-height: 30px;}
.zsjm-sec3 .cont3 li:hover{ transform: translateY(-30px);}
.zsjm-sec3 .cont3 li:hover strong{ background: #ef5404; color: #fff; box-shadow: 0 0 10px rgba(10,102,89,0.6); }
.zsjm-sec3 .cont3 li:hover .item-img{ box-shadow: 0 0 30px rgba(255,140,0,0.6);border-color: #ef5404;}

.zsjm-sec3 .cont4 .index-sec5{padding: 0;}
.zsjm-sec3 .cont4 .index-sec5 li{ margin-top: 0;} 

.zsjm-sec4 { background: url(../images/zsjm-bg4.png) no-repeat top center; padding: 70px 0; margin-top: 70px;}
.zsjm-sec4 ul{ display: flex; justify-content: space-between; align-items: center; margin-right: -35px; margin-left: -35px;
flex-wrap: wrap; margin-top: 50px; position: relative; z-index: 33;}
.zsjm-sec4 li{ width: calc(100%/3 - 60px); margin-left: 30px; margin-right: 30px; transition: all 1s;
height: 250px;	background-color: #ffffff;	box-shadow: 0px 0px 10px 0px rgba(10, 102, 89, 0.1); position: relative; border-radius: 15px; margin-bottom: 60px; display: flex; align-items: center; justify-content: center; border:3px solid #fff; }
.zsjm-sec4 li img{ display: block; margin: 0 auto;}
.zsjm-sec4 li h3{ text-align: center; color: #000000; font-size: 24px; margin: 25px 0;}
.zsjm-sec4 li p{ text-align: center; color: #000000; font-size: 16px; line-height: 30px;}
.zsjm-sec4 li::before{  width: 320px;height: 41px;background-color: #ef5404; box-shadow: 0px 0px 10px 0px rgba(10, 102, 89, 0.1);border-radius: 15px;opacity: 0.1; left: 35px; bottom: -30px; z-index: -11 ; right: auto;}
.zsjm-sec4 li::after{ width: 350px;height: 45px;background-color: #ef5404;box-shadow: 0px 0px 10px 0px rgba(10, 102, 89, 0.1);border-radius: 15px;opacity: 0.1; left: 20px; bottom: -15px; z-index: -10; }
.zsjm-sec4 li:hover{ border:3px solid #ef5404; box-shadow: 0 0 30px rgba(255,140,0,0.6);}
.zsjm-sec4 li:hover::after{ opacity: 0.2; }
.zsjm-sec4 li:hover::before{opacity: 0.5;}


.zsjm-sec5{ padding: 70px 0;}
.zsjm-sec5 ul{ display: flex; justify-content: space-between; align-items: center; margin-top: 70px;}
.zsjm-sec5 li .tu{ background1: #41887e;background: #f47431; border-radius: 100%; width: 100px;	height: 100px; border1:10px solid #e6efee;  border:10px solid #f5dfd3;
display: flex; align-items: center; justify-content: center; position: relative; transition: all 1s;}
.zsjm-sec5 li .tu::before{ top: -20px; right: -20px; left: -20px; bottom: -20px; background: #ef5404; opacity: 0.2; transform: scale(0.3);
border-radius: 100%; transition: all 1s; z-index: -1; filter: blur(5px);}
.zsjm-sec5 li p{ color: #333333; font-size: 26px; margin-top: 25px; transition: all 1s;}
.zsjm-sec5 li i{ display: inline-block; width: 8px;height: 8px;background-color: #e0e0e0; border-radius: 100%; 
margin: 0 5px; transition: all 1s;}
.zsjm-sec5 li i:nth-child(1){ transition-delay: 0.1s;}
.zsjm-sec5 li i:nth-child(2){ transition-delay: 0.2s;}
.zsjm-sec5 li i:nth-child(3){ transition-delay: 0.3s;}
.zsjm-sec5 li i:nth-child(4){ transition-delay: 0.4s;}
.zsjm-sec5 li i:nth-child(5){ transition-delay: 0.5s;}
.zsjm-sec5 li i:nth-child(6){ transition-delay: 0.6s;}
.zsjm-sec5 li.dot{ align-self: flex-start; margin-top: 44px;}
.zsjm-sec5 li:hover .tu{ background: #ef5404;}
.zsjm-sec5 li:hover .tu::before{ transform: scale(1); filter: blur(8px);}
.zsjm-sec5 li:hover p{ color:#ef5404;}
.zsjm-sec5 li:hover+li.dot i{ background: #ef5404; transform: scale(1.06);}


.zsjm-sec6{ padding:20px 0 40px 0; }
.zsjm-wrap{position: relative; overflow: initial;  }
#zsjm-sec6{ padding: 40px 20px; margin-top: 50px;}
.zsjm-sec6 .swiper-slide-prev2{ position: absolute; left: -50px; top: 50%; outline: none; cursor: pointer;  margin-top: -25px;}
.zsjm-sec6 .swiper-slide-next2{ position: absolute; right: -50px; top: 50%; outline: none; cursor: pointer; margin-top: -25px;}
.zsjm-sec6 .item-img img{display: block; width: 100%;} 
.zsjm-sec6 .swiper-slide a{ display: block; background-color: #ffffff;	box-shadow: 0px 0px 10px 0px rgba(10, 102, 89, 0.2);
	border-radius: 20px; padding: 55px 45px; position: relative; transition: all 1s; overflow: hidden;}
.zsjm-sec6 .swiper-slide a::before{ top: 0; left: 80px; right: 80px; background: #ef5404; height: 5px;}
	.zsjm-sec6 .item-text h3{ text-align: center; font-size: 30px; font-weight: bold; margin:40px 0 20px 0;}
.zsjm-sec6 .item-text p { text-align: center;}
.zsjm-sec6 .item-text p span{ display: inline-block; color: #ef5404; font-size: 22px; margin: 0 10px;}
.zsjm-sec6 .swiper-slide a:hover{box-shadow: 0 0 20px rgba(10,102,89,0.6); }
.zsjm-sec6 .swiper-slide a:hover::before{ left: 0; right: 0;}
.zsjm-sec6 .swiper-slide a:hover{ transform: translateY(-20px);}


.zsjm-sec7{ padding1:70px 0 20px 0;  background: #f9faff;}
#zsjm-sec7{ margin-top: 70px;}
.zsjm-sec7 .swiper-slide{ display: block; background:url(../images/zsjm-phone.png) no-repeat top center; 
width: 290px; height: 548px; position: relative; }
.zsjm-sec7 .swiper-slide::before{ background: url(../images/phonetou.html); top: 15px; left: 50%; transform: translateX(-50%);
width: 149px; height: 20px; z-index: 333;}
.zsjm-sec7 .swiper-slide a{ display: block; padding: 15px 20px;  ont-size: 48px;}
.zsjm-sec7 li p{ text-align: left; color1: #000000; font-size: 19px; line-height: 45px;}
.zsjm-sec7 li p1{ text-align: center; color1: #000000; font-size: 19px; line-height: 45px;}



.zsjm-sec7 .swiper-slide img{ display: block; margin: 0 auto; border-radius: 30px; position: absolute; top:0px;width:100%}
.zsjm-sec7 .swiper-slide .item-img{ height: 517px; overflow: hidden; border-radius: 30px; position: relative; background: #ededed;}



.zsjm-sec71{ padding1:70px 0 20px 0;  background: #f9faff;}
#zsjm-sec71{ margin-top: 70px;}
.zsjm-sec71 .swiper-slide{ display: block; background:url(../images/zsjm-phone.png) no-repeat top center; 
width: 290px; height: 548px; position: relative; }
.zsjm-sec71 .swiper-slide::before{ background: url(../images/phonetou.html); top: 15px; left: 50%; transform: translateX(-50%);
width: 149px; height: 20px; z-index: 333;}
.zsjm-sec71 .swiper-slide a{ display: block; padding: 15px 20px;  ont-size: 48px;}
.zsjm-sec71 li p{ text-align: left; color1: #000000; font-size: 19px; line-height: 45px;}
.zsjm-sec71 li p1{ text-align: center; color1: #000000; font-size: 19px; line-height: 45px;}



.zsjm-sec71 .swiper-slide img{ display: block; margin: 0 auto; border-radius: 30px; position: absolute; top:0px;width:100%}
.zsjm-sec71 .swiper-slide .item-img{ height: 517px; overflow: hidden; border-radius: 30px; position: relative; background: #ededed;}

.zsjm-sec8{  background1: linear-gradient(#f9faff,#fff); padding: 70px 0 60px 0;}
.zsjm-sec8 .item-img img{ display: block; margin: 0 auto; width: 100%;}
.zsjm-sec8 .item-img{ margin-top: 30px;}
.zsjm-sec8 .item-tel h3{ text-align: center; color: #ef5404; font-size: 34px;}
.zsjm-sec8 .item-tel h3 img{ display: inline-block; vertical-align: middle;}
.zsjm-sec8 .item-tel h2{ text-align: center; color: #ef5404; font-size:56px; font-family: impact; letter-spacing: 6px; margin-top: 10px;}



/* 招商加盟2 */
.zsjm-newsec1{ padding: 70px 0;}
.zsjm-newstit .three-block{ display: flex; align-items: center; justify-content: center;}
.zsjm-newstit h3{ color: #ef5404; font-size: 40px; font-weight: bold; padding: 0 30px;}
.zsjm-newstit h4{ color: #000000; font-size:22px; text-align: center; margin-top: 25px;}
.zsjm-newstit .three-block div{ display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
.zsjm-newstit .three-block img{ display: block;  margin: 3px 0; animation: weizhichange 2s infinite;}
.zsjm-newstit .three-block .img1{ transform: translateX(0);}
.zsjm-newstit .three-block .img2{ animation-delay: 1s; transform: translateX(-10px);}
.zsjm-newstit .three-block .img3{ animation-delay: 1.5s;  transform: translateX(3px);}
.zsjm-newstit p{ text-align: center;  color: #000000; font-size: 18px; margin-top: 20px;}

.zsjm-newsec1 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-right: -18px; margin-left: -18px; margin-top: 40px;}
.zsjm-newsec1 li{ width: calc( 100%/2 - 36px); margin-left: 18px; margin-top: 18px; box-shadow: 0px 0px 30px 0px rgba(10, 102, 89, 0.1);
	border-radius: 6px; margin-bottom: 20px;	border:1px solid transparent;  transition: 0.6s; }
.zsjm-newsec1 li a{ display: flex; align-items: center; padding: 15px 20px;}
.zsjm-newsec1 li .item-img{ flex-shrink: 0; width: 160px; height: 140px;}
.zsjm-newsec1 li .item-img img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.zsjm-newsec1 li .item-text{ flex-grow: 1; padding-left:25px; overflow: hidden;}
.zsjm-newsec1 li h3{  color: #333333; font-size: 26px; margin-bottom: 15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.zsjm-newsec1 li p{  color: #888; font-size: 18px; line-height: 26px; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
text-overflow:ellipsis; overflow: hidden;}
.zsjm-newsec1 li:hover{box-shadow: 0 0 30px 0 rgba(10,102,89,0.6); border:1px solid #ef5404; transform: translateX(5px);}


.zsjm-newsec2{ background: url(../images/zs-bg1.html) no-repeat top center; background-size: cover; padding: 70px 0;}
.zsjm-newsec2 .cont{ display: flex; margin-top: 50px; justify-content: space-between;}
.zsjm-newsec2 .ul1{ width: 16.7%;}
.zsjm-newsec2 .ul2{ width: 43.7%;}
.zsjm-newsec2 .ul3{ width: 38.7%;}
.zsjm-newsec2 .cont .tou{background-color: #dddddd;border-radius: 12px 12px 4px 4px; font-size: 24px; color: #666666; 
line-height: 60px; text-align: center; font-weight: bold; width: 100%; }
.zsjm-newsec2 .ul2 .tou{ background-color: #ef5404; color: #FFFFFF; }
.zsjm-newsec2 .ul3 .tou{ background-color: #9d9d9d; color: #FFFFFF; }
.zsjm-newsec2 .cont li{ height: 100px; border-radius: 4px; margin-bottom: 5px; display: flex; align-items: center; transition: 1s;}
.zsjm-newsec2 .cont li:nth-child(1){ height: 60px; border-radius: 12px 12px 4px 4px;}
.zsjm-newsec2 .cont .ul1 li{ background: #f1f1f1;  color: #666666;  justify-content: center; }
.zsjm-newsec2 .cont .ul2 li{ background: #52978d;}
.zsjm-newsec2 .cont .ul3 li{ background: #c8c8c8;}
.zsjm-newsec2 .cont .ul1 li p{ font-size: 22px; color: #666666;}
.zsjm-newsec2 .cont .ul1 li span{ font-family: Impact; font-size: 24px; color: #666666;}
.zsjm-newsec2 .cont li span{  display: inline-block; vertical-align: -1px; margin-right: 5px;}
.zsjm-newsec2 .cont .ul2 li p{ font-size: 22px; color: #ffffff;   padding: 0 40px 0 0; flex-grow: 1; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
text-overflow:ellipsis; overflow: hidden;}
.zsjm-newsec2 .cont .ul2 span{ background: url(../images/zs-duihao.html) no-repeat center; height: 34px; width: 34px; 
flex-shrink: 0; margin-left: 40px; margin-right: 20px;}
.zsjm-newsec2 .cont .ul3 li p{ font-size: 22px; color: #ffffff;   padding: 0 40px 0 0; flex-grow: 1;  display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;text-overflow:ellipsis; overflow: hidden;}
.zsjm-newsec2 .cont .ul3 span{ background: url(../images/zs-cry.html) no-repeat center; height: 34px; width: 34px; 
flex-shrink: 0; margin-left: 40px; margin-right: 20px;}
.zsjm-newsec2 .cont .ul1 li:hover{ background: #dddddd;}
.zsjm-newsec2 .cont .ul2 li:hover{ background: #ef5404;}
.zsjm-newsec2 .cont .ul3 li:hover{ background: #9d9d9d;}

.zsjm-newsec3{  padding: 70px 0 90px 0;}
.zsjm-newsec3 ul{ display: flex; justify-content: space-between; margin-right: -21px; margin-left: -21px; margin-top: 50px;}
.zsjm-newsec3 li{ width: calc( 100%/3 - 42px); margin-right: 21px; margin-left: 21px; box-shadow: 0px 0px 20px 0px rgba(10, 102, 89, 0.1);
transition: all 1s}
.zsjm-newsec3 li p{ color: #666666; line-height: 36px; font-size: 22px;}
.zsjm-newsec3 li  img{ display: block; margin: 40px auto 0 auto; height: auto; width: 100%; max-width: 285px; }
.zsjm-newsec3 li .div1{ display: flex; margin-left: -25px; margin-top: 40px; margin-bottom: 40px; transition: all 1s}
.zsjm-newsec3 li strong{ 	width: 320px;height: 74px;background-color: #ef5404;border-radius: 0px 37px 37px 0px; transition: all 1s;
color: #fff; font-size: 32px; text-align: center; font-weight: bold; display: block; line-height: 74px;}
.zsjm-newsec3 li span{ width: 70px;height: 74px;background-color: #dab35b; display: block; text-align: center; line-height: 74px;
font-weight: bold; font-family: impact; color: #fff; font-size: 40px;}
.zsjm-newsec3 li .item{ padding: 0 40px 40px 40px;  }
.zsjm-newsec3 li:hover .div1{ margin-left: 0;}
.zsjm-newsec3 li:hover{box-shadow: 0 0 30px 0 rgba(10,102,89,0.6);  transform: translateY(15px);}
.zsjm-newsec3 li:hover strong{ border-radius: 0;}

.zsjm-newsec4 .zsjm-newstit h4{ margin-top: 30px;}
.zsjm-newsec4 .cont{ margin-top: 50px;}
.zsjm-newsec4 #tab3{ display: flex;  background: #ef5404; margin-bottom: 60px;}
.zsjm-newsec4 #tab3 a{ width: calc(100%/3); height: 80px; background: #c84806; color: #ffffff; font-size: 26px; line-height: 80px;
text-align: center; position: relative; z-index: 2; border-right: 1px solid rgba(255,255,255,0.1);}
.zsjm-newsec4 #tab3 a.active::before{ background: url(../images/sanjiao.html) no-repeat top center; width: 10px;
 height: 8px; right: -10px; top: -8px; z-index:-1;}
.zsjm-newsec4 #tab3 a.active::after{ height:88px; background-color: #52978d; bottom: 0; width: 100%; z-index: -1;}
.zsjm-newsec4 #tab3 a.active{ border-right-color: transparent;}
.zsjm-newsec4 .swiper-slide .item{ display: flex;  align-items: center;  justify-content: space-between; width: 83.333%; }
.zsjm-newsec4 .leftimg{ width: 58%;}
.zsjm-newsec4 .rightext{ width: 42%;  padding-left: 3%;}
.zsjm-newsec4 .leftimg img{ display: block; width: 100%; height: auto;}
.zsjm-newsec4 .rightext .div1{ margin-bottom: 60px; }
.zsjm-newsec4 .rightext .div1 h3{ 	color: #000000; font-size: 36px; font-weight: bold;}
.zsjm-newsec4 .rightext .div1 p{ 	color: #000000; font-size: 22px; margin-top: 20px;}
.zsjm-newsec4 .rightext ul{margin-bottom: -45px;}
.zsjm-newsec4 .rightext li{ display: flex; align-content: flex-start; margin-bottom:45px;}
.zsjm-newsec4 .rightext li h4{ color: #ef5404; 	font-size: 26px; line-height: 1.3;}
.zsjm-newsec4 .rightext li p{ color: #666666; 	font-size: 18px; 	line-height: 32px;display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;text-overflow:ellipsis; overflow: hidden; margin-top: 10px; flex-grow: 1;  }
.zsjm-newsec4 .rightext li span{background: url(../images/duihaolv.html) no-repeat center; width: 30px; height: 30px; flex-shrink: 0; 
margin-right: 15px;}
.zsjm-newsec4 .more{ display: block;  width: 421px;font-size: 34px;letter-spacing: 1px;color: #ffffff; width: 824px;height: 94px;background-image: linear-gradient(90deg,#ef5404 0%,#40a093 100%),linear-gradient(#ef5404,#ef5404);background-blend-mode: normal,normal;border-radius: 47px;
text-align: center; line-height: 94px; transition: all 1s; margin: 60px auto 0 auto;}
.zsjm-newsec4 .more:hover{box-shadow: 0 0 30px 0 rgba(10,102,89,0.6);  transform: translateX(15px);}


.zsjm-newsec5 {background:url(../images/zs-bg6.html) no-repeat top center; background-size: cover; padding: 70px 0;  margin-top: 70px; }
.zsjm-newsec5 .tit h3{ color: #fff; text-align: center;  font-size: 50px; letter-spacing: 5px; margin-bottom: 15px; font-weight: bold;}
.zsjm-newsec5 .tit p{ color: #fff; text-align: center;  font-size: 36px; letter-spacing: 4px;}
.zsjm-newsec5 .cont img{ display: block; margin: 50px auto 0 auto;}


.zsjm-newsec6 { padding: 70px 0; }
.zsjm-newsec6 .cont{ display: flex; justify-content: space-between; margin-top: 60px; align-items: center;}
.zsjm-newsec6 .left{ width: 66%;}
.zsjm-newsec6 .right{ width: 26%;}
.zsjm-newsec6 .right img{ display: block; width: 100%; height: auto;}
.zsjm-newsec6 .left ul{ margin-bottom: -50px;}
.zsjm-newsec6 .left li a{ display: flex; margin-bottom: 50px; transition: all 1s;
width: 100%; height: 140px;background-color: #ffffff; box-shadow: 0px 0px 15px 0px rgba(6, 0, 1, 0.1); border-radius: 70px;}
.zsjm-newsec6 .left strong{width: 280px;height: 140px;background-image: linear-gradient(0deg,#ef5404 0%,#1c8c7c 100%),linear-gradient(#ef5404,#ef5404);background-blend-mode: normal,normal;box-shadow: 0px 0px 15px 0px rgba(6, 0, 1, 0.1);border-radius: 70px; color: #fff; font-size: 50px;
font-weight: bold; line-height: 140px; text-align: center; flex-shrink: 0;  transition: all 1s;}
.zsjm-newsec6 .left strong img{ display: inline-block; vertical-align: -4px; margin-right: 22px;}
.zsjm-newsec6 li .div1 { display: flex; align-items: center; flex-grow: 1; padding-left: 35px; transition: all 1s;}  
.zsjm-newsec6 li .div1 i{  color: #666; 	font-size: 22px;}
.zsjm-newsec6 li .div1 span{  color: #ef5404; 	font-size: 30px;  margin-right: 15px; display: block; font-weight: bold;}
.zsjm-newsec6 .five-b{ display: flex; padding-left: 10px;}
.zsjm-newsec6 .five-b b{ display: block; margin: 0 5px; width: 13px; height: 13px; border-radius: 100%;
background: #b7b7b7;}
.zsjm-newsec6 li:hover .five-b b{ animation: colorchage1 1s infinite linear; }
.zsjm-newsec6 li:hover .five-b b:nth-child(1){ animation-delay: 0.2s;}
.zsjm-newsec6 li:hover .five-b b:nth-child(2){ animation-delay: 0.3s;}
.zsjm-newsec6 li:hover .five-b b:nth-child(3){ animation-delay: 0.4s;}
.zsjm-newsec6 li:hover .five-b b:nth-child(4){ animation-delay: 0.5s;}
.zsjm-newsec6 li:hover .five-b b:nth-child(5){ animation-delay: 0.6s;}
.zsjm-newsec6 li:hover strong{ transform: translateX(-30px);}
.zsjm-newsec6 li:hover a{ box-shadow: 0 0 30px 0 rgba(10,102,89,0.6);  transform: translateX(15px);}
.zsjm-newsec6 li:hover .div1{padding-left: 10px;}


.zsjm-newsec7{ padding: 70px 0; background: #f5f7fa;}
.zsjm-newsec7 ul{ display: flex; justify-content: space-between; margin-top: 60px; align-items: center; margin-right: -35px;
margin-left: -35px;}
.zsjm-newsec7 ul li{ width: calc(100%/6 - 70px);  margin-right: 35px; margin-left: 35px; transition: all 1s; background-color: #ffffff;
height: 220px; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative;}
.zsjm-newsec7 ul li p{ text-align: center; color: #333333; font-size: 22px; transition: all 1s;  margin-top: 25px;}

.zsjm-newsec7 ul li img{ display: block; margin: 0 auto ; transition: all 1s;}
.zsjm-newsec7 li::before{  height: 3px; width: 30px; left: 0; right: 0; top: 0; background: #5ea99e; transform: scale(0,1);
transition-delay: 0.2s; transform-origin: top center; transition: all 0.6s;}
.zsjm-newsec7 li::after{  height: 3px; width: 30px; bottom: 0; right: 0; background: #5ea99e; transform: scale(0,1);
transition-delay: 0.4s; transition: all 0.6s;}
.zsjm-newsec7 li a::before{ left: 0; height: 30px; width: 3px; background: #5ea99e; top: 0; transform: scale(1,0);
transition-delay: 0.6s; transition: all 0.6s;}
.zsjm-newsec7 li a::after{ right: 0; height: 30px; width: 3px; background: #5ea99e; bottom: 0; transform: scale(1,0); transition-delay: 0.8s;
transition: all 0.6s;}
.zsjm-newsec7 li:hover a::after,.zsjm-newsec7 li:hover a::before{ transform: scale(1);}
.zsjm-newsec7 li:hover::after,.zsjm-newsec7 li:hover::before{ transform: scale(1);}
.zsjm-newsec7 li:hover{box-shadow: 0 0 30px 0 rgba(10,102,89,0.6); transform: translateY(15px); }

.zsjm-newsec8{ padding: 70px 0 30px 0;}
#zsjm-newscec8{ margin-top: 40px;}
#zsjm-newscec8 .swiper-slide{ transition: all 1s; padding: 30px 0;}
#zsjm-newscec8 .swiper-slide p{ text-align: center;  color: #333333; font-size: 24px; margin-top: 50px;}
#zsjm-newscec8 .swiper-slide img{ display: block; max-width: 100%; margin: 0 auto; transition: all 1s;}
#zsjm-newscec8 .swiper-slide:hover{ transform: translateY(20px);}
#zsjm-newscec8 .swiper-slide:hover img{ opacity: 0.7;}

/* 关于我们 */
.aboutp-sec1{ position: relative; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.aboutp-sec1 .left { width: 53%; padding-top: 80px;}
.aboutp-sec1 .left .text h2{ color: #ed9028; font-size: 45px; font-weight:bold ; margin-top: 15px;}
.aboutp-sec1 .left .text h3{ color: #333333; font-size: 35px;}
.aboutp-sec1 .left .text .text-p{ color: #666666; font-size: 15px; line-height: 44px; margin-top: 40px; }
.aboutp-sec1 .left .text p{ color: #666666; font-size: 15px; line-height: 44px;}
.aboutp-sec1 ul{ display: flex; margin: 90px 0;}
.aboutp-sec1 li{ border-left: 1px solid #e5e5e5; width: calc(100%/3); height: 74px; padding-left: 45px;}
.aboutp-sec1 li p{ color: #666666; font-size: 20px; margin-top: 10px;}
.aboutp-sec1 li strong{  font-size: 44px; font-family: Impact; color: #000000;}
.aboutp-sec1 .right{ position: absolute; top: 0; right: 0; width: 40%; bottom: 0;}
.aboutp-sec1 .right img{ display: block; height: auto; width: 100%; min-width: 800px;}


.aboutp-sec2{ padding: 70px 0;  border-bottom: 1px solid #e5e5e5;}
.ab-tit h3{ text-align: center; font-size:45px; font-weight:bold ;	color: #333333;}
.ab-tit p{ text-align: center; font-size:22px; 	color: #e54631; margin-top: 15px;}
.aboutp-sec2 ul{ display: flex; justify-content: space-between; margin-right: -25px; margin-left: -25px; margin-top: 70px; 
padding: 0 20px;}
.aboutp-sec2 li{ width: calc(100%/5 - 50px); margin-right: 25px; margin-left: 25px; padding: 45px 30px;
transition: all 1s; overflow: hidden; opacity1: 0.4;}
.aboutp-sec2 li img{margin:0 auto;}
.aboutp-sec2 li h3{ color: #333333; font-size: 24px; line-height: 34px; margin: 20px 0;text-align:center;}
.aboutp-sec2 li h4{ color: #ff6363; font-size: 34px; line-height: 34px; font-weight:bold ;margin: 20px 0;text-align:center;}
.aboutp-sec2 li p{ color: #888888; font-size: 15px; line-height: 30px;  transition: all 1s; /* transform: translateY(160px); */ opacity: 0;
display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;text-overflow:ellipsis; overflow: hidden; height: 0;}
.aboutp-sec2 li:hover,.aboutp-sec2 li.on{ box-shadow: 0px 0px 20px 0px rgba(6, 0, 1, 0.1); opacity: 1;}
.aboutp-sec2 li:hover p,.aboutp-sec2 li.on p{ opacity: 1; /* transform: none; */ height: 100%;}

.aboutp-sec3{ padding: 40px 0 40px 0;  border-bottom: 1px solid #e5e5e5;}
.aboutp-sec3 .tit h3{ text-align: center; font-size:22px; 	color: #e54631;}
.aboutp-sec3 .tit p{ text-align: center; font-size:45px; 	font-weight:bold ;color: #333333; margin-top: 15px;}
#aboutp-sec3{ margin-top:20px; position: relative; padding: 40px 20px 20px 20px;}
#aboutp-sec3 .arrow-div{ display: flex; justify-content: center; padding: 50px 0 0 0;}
#aboutp-sec3 .arrow-div div{ margin: 0 20px; transition: all 0.6s; cursor: pointer;}
#aboutp-sec3 .arrow-div div:hover{ opacity: 0.6;}
#aboutp-sec3 .swiper-slide a{ background-color: #f6f6f6; padding:0px 0px 30px 0px; display: block; transition: all 1s;}  
#aboutp-sec3 .swiper-slide img{ display: block; margin: 0 auto; width: 100%; height: auto;}
#aboutp-sec3 .swiper-slide p{ text-align: left; margin-left: 15px;font-size: 17px; font-weight1: bold;color: #333; line-height: 30px; white-space: nowrap; overflow: hidden;
text-overflow: ellipsis; margin-top: 30px;}
#aboutp-sec3  .swiper-slide p2{ color: #000000; 	margin-left: 15px;font-size: 15px; text-align: center; margin-top: 15px;}
#aboutp-sec3 .swiper-slide  p1{ color: #666666; font-size: 12px; line-height: 24px; margin-top: 10px; height: 48px;
display: -webkit-box; -webkit-line-clamp: 2; text-overflow:ellipsis; overflow: hidden; -webkit-box-orient: vertical;
display: none; }
#aboutp-sec3 .swiper-slide a:hover{ background: #fff; box-shadow: 0px 0px 20px 0px rgba(6, 0, 1, 0.2); transform: translateY(-20px);}
#aboutp-sec3 .swiper-slide a::before{ bottom: 0; height: 2px; background: #ef5404; width: 100%; transform: scale(0,1);
transform-origin: center; left: 0; right: 0;}
#aboutp-sec3 .swiper-slide a:hover::before{ transform: scale(1);}







.aboutp-sec4{ padding: 70px 0; position: relative; }
.aboutp-sec4 .cont{ display: flex; justify-content: space-between;   }
.aboutp-sec4 .cont .div1{ display: flex; flex-direction: column; justify-content: space-between; height: 255px; padding1: 0px 0 40px 0;  border-bottom1: 1px solid #e5e5e5;  }
.aboutp-sec4 .cont h3{ text-align: center; color: #333333; font-size: 45px; font-weight:bold ;margin-left: -305px; margin-bottom: 45px;  }
.aboutp-sec4 .cont h4{ text-align: center; color: #333333; font-size: 23px; font-weight:bold ; margin-bottom: 30px; }
.aboutp-sec4 .cont p{ text-align: center; color: #ff6363; font-size:30px; 	font-weight:bold ;margin-left: -305px;line-height: 30px; font-family: arial;}
.aboutp-sec4 .cont h1{ text-align: center; color: #ff6363; font-size:30px; 	font-weight:bold ;line-height: 30px; font-family: arial;}
.aboutp-sec4 .cont a{ width: 144px;height: 48px;background-color: #d45716;border-radius: 24px; display: block;
transition: all 1s; text-align: center; color: #fff; font-size: 16px; line-height: 48px;}
.aboutp-sec4 .cont a:hover{ box-shadow: 0 0 20px 0 rgba(10,102,89,0.6); transform: translateX(15px);}
.aboutp-sec4 .code-s{ display: flex; justify-content: space-between; }
.aboutp-sec4 .code-s div{ margin-left: 35px;}
.aboutp-sec4 .code-s img{ width: 140px; height: 140px; display: block;}
.aboutp-sec4 .code-s p{ font-size: 16px; color: #333; margin-top: 15px;}
.aboutp-sec4 .map {position: relative; z-index: 33; margin-top: 70px; }
.aboutp-sec4 .map img{ display: block; margin: 0 auto; width: 100%; height: auto;  }
.aboutp-sec4 .svg1{ position: absolute; right: 0; bottom: 0; z-index: -1;}
.aboutp-sec4 .svg2{ position: absolute; left: 0; bottom: 0; z-index: -1;}

/* 智能英语 */
.znyy-sec1 { padding: 60px 0;}
.znyy-sec1 .cont{ display: flex; justify-content: space-between; align-items: center;}
.znyy-sec1 .tit{ margin: 0 0 60px 0; }
.znyy-sec1 .tit h3{  color: #000000; font-size: 40px;}
.znyy-sec1 .tit p{  color: #ff6363; font-size: 22px; margin-top: 25px;}
.znyy-sec1 .text { margin-bottom: -35px;}
.znyy-sec1 .text p{ position: relative; color: #333333; line-height: 40px; font-size: 16px; padding-left: 20px; margin-bottom: 35px;}
.znyy-sec1 .text p::before{ width: 10px; height: 10px; border-radius: 100%; background: #ef5404; top: 16px; left: 0;}
.znyy-sec1 .text p b{ color: #ef5404;}
.znyy-sec1 .left{ width: 53%;}
.znyy-sec1 .right img{ display: block; width: 100%; height: auto; min-width: 500px;}


.zn-tit .two-block{ display: flex; justify-content: center; align-items: center;}
.zn-tit h3{ color: #000000; font-size: 48px; text-align: center; padding: 0 50px;}
.zn-tit p{ color: #666666; font-size: 28px; text-align: center; margin-top: 20px;}
.zn-tit b{ display: block; width: 4px;height: 28px;background-color: #c84806;border-radius: 2px; margin: 0 5px;
animation: heightchange 1.5s infinite linear;}
.zn-tit b:nth-child(2){ animation-delay: 0.5s;}
.zn-tit .two-block div{ display: flex; align-items: center;}
.zn-tit .two-block i{ width: 74px;	height: 2px; display: block; background: #ef5404; margin: 0 10px; animation: widthchage 1.5s infinite linear;}


.znyy-sec2{ background: url(../images/znyy-bg1.png) no-repeat top center; background-size: cover; padding:80px 0 110px 0;}
.znyy-sec2 ul{ display: flex; justify-content: space-between; margin-right: -17px; margin-left: -17px; margin-top: 55px;}
.znyy-sec2 li{ width: calc(100%/4 - 34px); margin-left: 17px; margin-right: 17px; background: #fff; padding: 50px 50px 40px 50px;
transition: all 0.6s; border:1px solid transparent}
.znyy-sec2 li img{ display: block; margin: 0 auto; }
.znyy-sec2 li h3{ color: #000000; font-size: 26px; text-align: center; margin: 30px 0 20px 0;} 
.znyy-sec2 li p{ text-align: center; color: #666; font-size: 17px}
.znyy-sec2 li:hover{ box-shadow1: 0 0 30px 0 rgba(10,102,89,0.6); box-shadow: 0 0 30px 0 rgba(255,140,0,0.6); transform: translateY(15px); border-radius: 101px 10px 101px 10px; 
border:1px solid #ef5404}



.znyy-sec3{ background: url(../images/znyy-bg2.html) no-repeat top center; background-size: cover; padding:80px 0 200px 0;}
.znyy-sec3 .zn-tit h3{ color: #fff; }
.znyy-sec3 .zn-tit p{ color: rgba(255,255,255,0.6); font-size: 22px }
.znyy-sec3 .zn-tit b{background-color: #fff}
.znyy-sec3 .zn-tit .two-block i{  background: #fff; }
.znyy-sec3 li{ max-width: 320px; position: absolute;}
.znyy-sec3 li h3{ color: #ffffff; 	font-size: 30px; margin-bottom: 25px;}
.znyy-sec3 li p{ color: #ffffff; 	font-size: 16px; line-height: 30px;}
.znyy-sec3 .l1{ left: 0; top: 50px;}
.znyy-sec3 .l2{ right: -20px; top: 50px;}
.znyy-sec3 .l3{ right:100px; bottom: -130px;}
.znyy-sec3 .cont{ display: flex; justify-content: center; align-items: center;  width: 1100px; margin: 0 auto;
position: relative; margin-top: 100px;}
.znyy-sec3 .cir-tu{ display: flex; align-items: center; justify-content: center; position: relative;}
.znyy-sec3 .cir-tu::before{ width: 60px; height: 60px; border-radius: 100%; border:2px dashed #ffb45e; 
animation: rotatechange 5s infinite linear alternate-reverse; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px;}
.znyy-sec3 .cir-tu .lineyuan{ width: 120px; height: 120px; border-radius: 100%; border:10px solid #5f4a29; 
  position: absolute; top: 50%; left: 50%; margin-left: -60px; margin-top: -60px;}
.znyy-sec3 .cir-tu .lineyuan::before{ border:10px solid #ffb45e; border-radius: 100%; opacity: 0.6;
width: 100px; height: 100px;  top: 50%; left: 50%; margin-left: -60px; margin-top: -60px; 
 animation:borderchange1 2s infinite linear;}
.znyy-sec3 .cir-tu .cir3{ position: absolute; top: 0; left: 0;  animation:rotatechange1 50s infinite linear; }

.znyy-sec4 { padding:100px 0; background: url(../images/znyy-bg4.png) no-repeat top center; background-size: cover; padding:80px 0 80px 0;
position: relative; }
.znyy-sec4 .w1300{ display: flex; justify-content: space-between; align-items: center;}
.znyy-sec4 .left{ width: 56.5%;}
.znyy-sec4 .left h3{ color: #ed9028; font-size: 48px; margin:80px 0 30px 0;}
.znyy-sec4 .left p{ color: #666666; font-size: 28px; line-height: 50px;}
.znyy-sec4 .left p1{ color: #666666; font-size: 20px; line-height: 40px;}
.znyy-sec4 .right img{ display: block; min-width: 500px;}


.znyy-sec5{ background: url(../images1/znyy-bg4.html) no-repeat top center; background-size: cover; padding:80px 0 80px 0;
position: relative; }
.znyy-sec5 ul{ display: flex; justify-content: center;  margin-top: 60px; margin-left: -84px; margin-right:-84px;
flex-wrap: wrap; margin-bottom: -100px;}
.znyy-sec5 li{  transition: all 0.6s; margin-bottom: 100px; width: calc(100%/3 - 118px);  background-color: #ffffff; 
box-shadow: 0px 0px 10px 0px rgba(11, 103, 89, 0.2);border-radius: 8px;  padding: 28px; height: 80px; border:2px solid #fff;
margin-left1: 84px; margin-right: 54px; max-width: 280px; position: relative; transition: all 1s; z-index: 33;}
.znyy-sec5 li h3{ color: #c84806; font-size: 22px; margin-bottom: 25px; transition: all 1s;}
.znyy-sec5 li p{ color: #555555; font-size: 16px; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical;
text-overflow: ellipsis; -webkit-line-clamp:2; overflow: hidden; transition: all 1s;}
.znyy-sec5 .line{ 	height: 2px;	background-color: #e5e5e5; width: 100%; position: absolute; top: 505px; z-index: 3;  }
.znyy-sec51 li::before{ width: 16px;height: 16px;background-color: #ffffff;border: solid 2px #e5e5e5; border-radius: 100%;
z-index: 33; bottom: -60px; left: 50%; transform: translateX(-50%); z-index: 333;}
.znyy-sec5 li:nth-child(4)::before,.znyy-sec5 li:nth-child(5)::before{ bottom: auto; top: -60px;}
.znyy-sec5 li:hover::before{ box-shadow: 0 0 10px 0 rgba(10,102,89,0.6);border-color: #ef5404;  transform:translate(-50%,15px); }
.znyy-sec5 li:hover{ border-radius: 0 60px 0 60px; background: #ef5404; transform: translateY(-15px);
box-shadow1: 0 0 20px 0 rgba(10,102,89,0.6); box-shadow: 0 0 20px 0 rgba(255,140,0,0.6); border:2px solid #f47431}
.znyy-sec5 li:hover h3,.znyy-sec5 li:hover p{ color: #fff;}

.znyy-sec6{ padding:80px 0 80px 0; }
.znyy-sec6 .cont{ display: flex; justify-content: space-between; align-items1: center;}
.znyy-sec6 .tit h3{ color: #ffb1b1; font-size: 40px; margin-bottom: 20px;}
.znyy-sec6 .tit P{ color: #888888; font-size: 22px;}
.znyy-sec6 .left{ width: 50%;}
.znyy-sec6 ul{ margin-bottom: -50px; margin-top: 70px;}
.znyy-sec6 li{ margin-bottom: 50px; padding-left: 30px; position: relative;}
.znyy-sec6 li h2{  color: #c84806; font-size: 22px; font-weight: bold; margin-bottom: 20px;}
.znyy-sec6 li p{  color: #333333; font-size: 22px; }
.znyy-sec6 li::before{ left: 0; top: 6px; height: 10px; width: 10px; background: #ef5404; border-radius: 100%;}
.znyy-sec6 .right{ position: relative; margin-top: 70px; margin-right: 50px;}
.znyy-sec6  svg {width: 507px;display: block;}
.znyy-sec6 .tu{ position: absolute; top: 0;
 offset-path: path('M252.500,2.500 C390.571,2.500 502.500,114.429 502.500,252.500 C502.500,390.571 390.571,502.500 252.500,502.500 C114.429,502.500 2.500,390.571 2.500,252.500 C2.500,114.429 114.429,2.500 252.500,2.500 Z');
 offset-distance: 0%; }
.znyy-sec6 .t2{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}		
.znyy-sec6 .t2 h3{ text-align: center;color: #000000;font-weight:bold1; font-size: 47px;}		
.znyy-sec6 .t2 p{ text-align: center;color: #000000; font-size: 22px;}		
.znyy-sec6 .b2{ position: absolute; top: 40px; left: 40px; height: 420px; width: 420px; border:1px solid #e4e4e4; border-radius: 100%; 
z-index: -1;}
.znyy-sec6 .right .tu{animation: red-ball 8s linear infinite; border-radius: 100%; transition: all 1s;
box-shadow: 0px 0px 30px 0px rgba(6, 0, 1, 0.3);}
.znyy-sec6 .right .tu img{ display: block; border-radius: 100%; transition: all 1s;}
.znyy-sec6 .right .tu1 { animation-delay: 0;}
.znyy-sec6 .right .tu2 { animation-delay: 2.666s;}
.znyy-sec6 .right .tu3 { animation-delay: 5.33s;}
.znyy-sec6 .rightie{ display: none;}
.znyy-sec6 .right .tu:hover { animation-play-state: paused; box-shadow: 0 0 30px 0 rgba(10,102,89,0.6);}

.znyy-sec7{ background: url(../images/znyy-tu6.png) no-repeat top center;  padding:80px 0;}
.znyy-sec7 .zn-tit h3{ color: #fff; }
.znyy-sec7 .zn-tit p{ color: rgba(255,255,255,0.6); font-size: 22px }
.znyy-sec7 .zn-tit b{background-color: #fff}
.znyy-sec7 .zn-tit .two-block i{  background: #fff; }
.znyy-sec7 .cont{ display: flex;  justify-content: space-between; margin-top: 60px;}
.znyy-sec7 .cont .left{  background-color: #ffffff;box-shadow: 0px 0px 15px 0px rgba(1, 1, 1, 0.1); border-radius: 10px;
width: 47.6%; border-radius: 10px; margin-right: auto;}
.znyy-sec7 .cont .right{ background-color: #ffffff;box-shadow: 0px 0px 15px 0px rgba(1, 1, 1, 0.1); border-radius: 10px;
width: 47.6%; border-radius: 10px;}
.znyy-sec7 .tou{height: 90px;background-color: #c84806;box-shadow1: 0px 0px 30px 0px rgba(11, 103, 89, 0.5); box-shadow: 0px 0px 30px 0px rgba(255,140,0,0.5); border-radius: 10px;
color: #fff; font-weight: bold; font-size: 30px; line-height: 90px; text-align: center;} 
.znyy-sec7 .right .tou{ background-color: #dab35b;}
.znyy-sec7 .left ul{ margin: 30px 0;}
.znyy-sec7 .left li{ display: flex; align-items: center; height: 95px; border-bottom:1px solid #F5F5F5;
background: url(../images1/znyy-cd.html) no-repeat 40px center;padding-top: 35px; padding-left: 25px; transition: all 1s;}
.znyy-sec7 .left li span{ color: #c84806;margin-top: 90px; font-size: 24px; flex-shrink:0;  width: 110px;}
.znyy-sec7 .left li p{ color: #666666; font-size: 19px; line-height: 50px;}
.znyy-sec7 .left li i{ width: 24px; height: 2px; background: #666666; margin: 0 15px 0 10px;}
.znyy-sec7 .left .p1{ color: #666666; 	font-size: 14px; padding: 0 40px;}
.znyy-sec7 .left li:hover{ background-color1: #c7ece5; background-color1: #f5dfd3;}

.znyy-sec7 .right h3{ width: 136px;	height: 44px; background: url(../images/sujibg.png) no-repeat center; color: #ffffff;
 font-size: 22px; line-height: 44px; background-size: cover; text-align: center; margin-bottom: 30px;} 
.znyy-sec7 .right .biao1{ padding: 45px 0px;}
.znyy-sec7 .right table{ border-collapse: collapse; width: 100%; margin-bottom: 45px;}
.znyy-sec7 .right  tr{ transition: all 1s; cursor: pointer;}
.znyy-sec7 .right table td{ border:1px solid #F5F5F5; height: 70px; text-align: center; color: #666666; font-size: 18px;}
.znyy-sec7 .right table td:nth-child(1){ width:100px;}
.znyy-sec7 .right li{ position: relative; padding-left: 25px; margin-bottom1: 15px;}
.znyy-sec7 .right li p{ color: #333333; font-size:19px; line-height: 50px;}
.znyy-sec7 .right1 li::before{ left: 0; top: 8px; border:10px solid transparent; border-left: 10px solid #333; border-top-width: 8px;
border-bottom-width: 8px;}
.znyy-sec7 .right tr:hover{ background: #FEE3B5;}


#znyy-sec8{ margin-top: 50px;}
#znyy-sec8 .swiper-slide img{ display: block; width: 100%;}
#znyy-sec8 .swiper-slide a::before{ top: 50%; content: "查看更多"; left: 0; right: 0; color: #fff; text-align: center;
background: #ef5404; width: 60%; margin: 0 auto; height: 50px; line-height: 50px; font-size: 16px; margin-top: -25px;
transform: scale(3); transform: translateY(-30%); opacity: 0; border-radius: 3px;} 
#znyy-sec8 .swiper-slide a:hover::before{ transform: scale(1); transform: translateY(0); opacity: 1;}

.znyy-sec9{ background-color: #fff;}
.znyy-sec9 #zsjm-sec7{ margin-top: 50px;}

.znyy-sec10{ background: url(../images/znyy-bg5.png) no-repeat top center; background-size: cover; padding: 80px 0; margin-top: 70px;}
.znyy-sec10 .cont{ display: flex; justify-content: space-between; background: #fff; padding: 55px;}
.znyy-sec10 .cont .left{ width: 60%;}
.znyy-sec10 .left .p1{ color: #333333; line-height: 40px; font-size: 18px; margin-bottom: 13px;}
.znyy-sec10 .left .p2,.znyy-sec10 .left .p1 b{ color: #ed9028; font-weight1: bold; font-size1: 40px; line-height: 40px ; font-size: 48px; margin:80px 0 30px 0;}
.znyy-sec10 .left p{ color: #666666; font-size: 28px; line-height1: 20px;}
.znyy-sec10 .right{ width: 52%;}
.znyy-sec10 .right img{ display: block; min-width: 550px; width: 100%;}

/* 商学院 */
.dxsx-page{ height: 100vh; width: 100%; background: #ef5404;}
.dxsx-page .dxsx-sec1{  position: fixed; top: 0; left: 0; right: 0; background-color: #000000; height: 55px;
display: flex; align-items: center; justify-content: space-between; padding: 0 25px; z-index: 333; width: 100%;}
.dxsx-sec1 .left{ display: flex; align-items: center; color: #ffffff; flex-grow: 1; }
.dxsx-sec1 .left p{  color: rgba(255,255,255,0.5);}
.dxsx-sec1 .left a{ color: rgba(255,255,255,0.5); font-size: 14px; margin: 0 10px; transition: all 0.6s;}
.dxsx-sec1 .left a:hover{ color: #fff;}
.dxsx-sec1 .right{ display: flex; justify-content: space-around; align-items: center;}
.dxsx-sec1 .right a{ display: block; margin: 0 10px; }
.dxsx-sec1 .right a:hover img{ transform: translateY(5px);}
.dxsx-sec1 .right a img{ display: block;  width: 17px; transition: all 0.6s;}
.dxsx-sec1 .right .dl-btn{ width: 60px; color: #ef5404; height: 22px; text-align: center; font-size: 12px; line-height: 22px;
display: block; background: #fff; border-radius: 2px; transition: all 1s;}
.dxsx-sec1 .right .dl-btn:hover{ background: #ef5404; color: #fff;}

.dxsx-sec2{position: fixed; top: 55px; left: 0; right: 0; background: #fff; padding: 0 35px; display: none; z-index: 33; }
.dxsx-sec2 .cont{ display: flex; justify-content: space-between; align-items: center;  height: 90px; }
.dxsx-sec2 .right { display: flex; align-items: center; margin-left: auto;}
.dxsx-sec2 .right a{ width: 170px;	height: 50px;	background-color: #f2f2f2;	border-radius: 4px; display: block; line-height: 50px;
text-align: center; color: #333333; font-size: 16px; margin: 0 0px 0 2px; transition: all 1s; } 
.dxsx-sec2 .right a::before{ height:19px; width: 20px; background-position: bottom center; background-repeat: no-repeat;
vertical-align: middle; position: relative; z-index: 333; vertical-align: middle; display: inline-block; margin-right: 10px;}
.dxsx-sec2 .right a:nth-child(1)::before,.dxsx-sec2 .right a:nth-child(1).on::before{  background-image:url(../images/dxsx-i1.html);}
.dxsx-sec2 .right a:nth-child(2)::before,.dxsx-sec2 .right a:nth-child(2).on::before{  background-image:url(../images/dxsx-i2.html);}
.dxsx-sec2 .right a:nth-child(3)::before,.dxsx-sec2 .right a:nth-child(3).on::before{  background-image:url(../images/dxsx-i3.html);}
.dxsx-sec2 .right a:nth-child(4)::before,.dxsx-sec2 .right a:nth-child(4).on::before{  background-image:url(../images/dxsx-i4.html);}
.dxsx-sec2 .right a:hover,.dxsx-sec2 .right a.on{ background: #ef5404; color: #fff;}
.dxsx-sec2 .right a:hover::before,.dxsx-sec2 .right a.on::before{ background-position: top center; }

#dxsx-section{ background: #f5f5f5; height: 100vh;}
#dxsx-section .swiper-slide{ height: 100%; display: flex; align-items: center;  justify-content: center;}
#dxsx-section .box1{ display: flex;}
#dxsx-section .box1 .div1{ align-self: flex-end; margin-bottom: 8.6vw;}
#dxsx-section .box1 .div1 .time{ width: 100px;height: 100px;background-color: #ffffff; display: flex; flex-direction: column;
 align-items: center; justify-content: center;}
#dxsx-section .box1 .div1 .p1{ color: #333333; font-size: 18px; font-family: arial; text-align: center; line-height: 1;}
#dxsx-section .box1 .div1 .p2{ color: #333333; font-size: 38px; font-family: arial; text-align: center; line-height: 1; margin-top: 10px;}
#dxsx-section .box1 .div1 .huigu{ width: 70px;height: 70px;background-color: #ffffff; display: block; text-align: center; margin-top: 1px;letter-spacing:5px;
font-size: 14px; text-align: center; display: flex; justify-content: center; align-items: center; line-height: 1.2; float: right;}

#dxsx-section .box1 .div2{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
#dxsx-section .box1 .div2 img{ display: block; max-width: 100%; height: auto;}
#dxsx-section .nextbtn1{ width: 120px;height: 120px;background-color: #ef5404; color: #ffffff; line-height: 36px; font-size: 16px;
 display: block; display: flex; justify-content: center; align-items: center;flex-direction: column; cursor: pointer; transition: all 1s;}
#dxsx-section .nextbtn1:hover{ background: #115c57; box-shadow: 0 0px 0 10px rgba(255,255,255,0.3);}
#dxsx-section .box1 .div3 { padding-left: 50px; max-width: 580px;}
#dxsx-section .box1 .div3 h3{ color: #ffffff; font-size: 18px;  font-weight: bold; margin-top: 4vw; margin-bottom: 25px;}
#dxsx-section .box1 .div3 h2{ font-weight: bold; color: #ffffff; font-size: 30px; border-bottom: 10px solid #0a6656;line-height: 40px;
padding-bottom: 30px;}
#dxsx-section .box1 .div3 .text-p{ color: #ffffff; 	font-size: 16px; 	line-height: 36px; margin-top: 30px;}
#dxsx-section .box1 .div3  p{ color: #ffffff; 	font-size: 16px; 	line-height: 36px;}
#dxsx-section .box1 .item-img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}
#dxsx-section .box1 .item-img img{ display: block; width: 100%; height: 100vh; object-fit: cover;}
#dxsx-section .box2{ display: flex; justify-content: space-between;  position: absolute; top: 175px; bottom: 75px; left: 0; right: 0;
padding: 0 6% 0 4%;}
#dxsx-section .box2 .left {  width: 43%; background:#fff;padding:20px;  overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
#dxsx-section .box2 .left img{ width: 100%; height: auto; display: block; object-fit: cover;	}
#dxsx-section .box2 .right{width: 54%; flex-shrink: 0; background: #fff; padding: 45px 40px; position: relative;
 box-shadow: 0px 0px 5px 0px rgba(6, 0, 1, 0.1); display: flex; flex-direction: column;  justify-content: space-between; height: 100%; 
 min-width: 400px;   margin-left: 30px;}
#dxsx-section .box2 .right h3{ color: #000000; font-size: 24px; line-height: 1.6; transition: all 1s;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
#dxsx-section .box2 .right h3:hover{ color: #ef5401;}
#dxsx-section .box2 .right .p1{ color: #000000; font-size: 14px; margin-top: 25px; margin-bottom: 25px;}
#dxsx-section .box2 .right .p2{ color: #666666; font-size: 15px; line-height: 36px; height: 360px;
 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; text-overflow: ellipsis;}
#dxsx-section .box2 .right .p2 p{line-height: 32px;}
#dxsx-section .box2 .right::before{ left: -30px; border:15px solid transparent; border-right: 15px solid #fff;
width: 0; height: 0; top: 22%; box-shadow:2px 2px -2px rgba(0,0,0,0.1);}
#dxsx-section .box2 .right .info{ display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: auto;}
#dxsx-section .box2 .right .info p{ color: #666666; font-size: 14px; margin-right: auto; }
#dxsx-section .box2 .right .info strong{ color: #666666; font-size: 14px; font-family: arial;}
#dxsx-section .box2 .right .info span{ color: #666666; font-size: 22px; font-family: arial;}

#dxsx-section .swiper-pagination{ position: absolute; bottom: 40px; z-index: 33; left: 0; right: 0; background: rgba(0,0,0,0.3);  height: 10px;
display: flex;justify-content: space-around;}
#dxsx-section .swiper-pagination span { background: none; opacity: 1;transition: opacity .5s ease;display: flex;align-items: center; margin: 0;
position: relative;counter-increment: item-counter;   flex-grow: 1; border-radius: 0;  height: 10px; border-right:1px solid rgba(0,0,0,0.6);
transition: all 0.6s; line-height: 0;} 
#dxsx-section .swiper-pagination-bullet::after {content: counter(item-counter);color: #fff;font-size: 12px;display: block;
font-family: "微软雅黑"; text-align: center; width: 100%; position: absolute;}
#dxsx-section .swiper-pagination  .swiper-pagination-bullet-active{ background: #ef5404;}
.dxsx-page .arrow{ position: absolute; right: 0; background: rgba(0,0,0,0.4); bottom: 50px; z-index: 3363; display: flex;
width: 120px; height: 50px; justify-content: space-around; align-items: center; color: rgba(255,255,255,0.3); font-weight: bold;}
.dxsx-page .arrow div{ outline: none; cursor: pointer; transition: all 0.6s; height: 50px; display: flex; align-items: center; justify-content: center; flex-grow: 1;}
.dxsx-page .arrow div:hover{ background: rgba(0,0,0,0.6);}

.dxsx-bottom{ position: fixed; bottom: 0; left: 0; right: 0 ; height: 40px; display: flex; align-items: center; justify-content: center;
background: #000; z-index: 333; }
.dxsx-bottom p{ color: rgba(255,255,255,0.4);  margin: 0 15px;}
.dxsx-bottom a{ color: rgba(255,255,255,0.4); font-size: 12px;	 margin: 0 10px; transition: all 1s;}
.dxsx-bottom a:hover{  color: #fff;}

#dxsx-section .box1 .div1{ position: relative;}
.huigu-ul { width: 150px; position: absolute; left: -50px;top:170px; background: rgba(255,255,255,0.3);opacity: 0; visibility: hidden;}
.huigu-ul li a{ color: #fff; font-size: 14px;  line-height: 40px; text-align: center;display: block; padding-right: 15px; transition: all 0.6s;}
#dxsx-section .box1 .div1:hover .huigu-ul{ visibility: visible; opacity: 1; transition: all 0.6s;}
.huigu-ul li:hover a{ transform: translateX(5px);}
#dxsx-section .box2 .right .p2 img{width:100%;}

/* 新闻中心 */
.fenlei{	box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1);  }
.fenlei .cont{ display: flex; justify-content:center; align-items: center;   height: 80px;}
.fenlei a{ color: #333333;  font-size: 22px; transition: all 1s; margin: 0 80px;}
.fenlei a.on,.fenlei a:hover{ color: #d45716;}

.newspage ul{ display: flex; margin-left: -25px; margin-right: -25px; flex-wrap: wrap; margin-top: 50px;}
.newspage li{ width: calc(100%/3 - 46px ); margin-right: 23px; margin-left: 23px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
margin-bottom: 46px; transition: all 1s; border:1px solid transparent; max-width: 30%;}
.newspage li .item-img img{ display: block; width: 100%;}
.newspage li .item-text{ padding: 35px 25px;}
.newspage li h3{ color: #000000; font-size: 22px; transition: all 1s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newspage li .p1{ color: #666666; font-size: 14px; font-family: arial; margin: 20px 0 30px 0;}
.newspage li .p2{ color: #666666; font-size: 12px; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; height: 52px; overflow: hidden; text-overflow: ellipsis;}
.newspage li:hover h3{ color: #ef5404;}
.newspage li:hover{ box-shadow1: 0 0 30px 0 rgba(10,102,89,0.6); box-shadow: 0 0 30px 0 rgba(255,140,0,0.6);border:1px solid #d45716}


.fenye{ text-align: center; padding: 60px 0;}
.fenye span,.fenye a{ display: inline-block; height: 36px; text-align: center; line-height: 36px;background-color: #fff;
border: solid 1px #e5e5e5; margin: 0 5px; color: #666; font-size: 14px; transition: all 0.6s;padding: 0 15px; }
.fenye .prevye,.fenye .nextye{ width: 74px; cursor: pointer;}  
.fenye span:hover,.fenye a:hover,.fenye a.on{ background: #ef5404; color: #fff;}
.fenye .dian:hover{ color: #ef5404; background: none;}
.fenye .indexa{ width: 52px;}

/* 新闻详情 */
.breadcrumb{ background: url(../images/bread-icon.html) no-repeat left center; padding-left:20px; margin:0 0 45px 0; color: #666666; font-size: 14px}
.breadcrumb a{ font-size: 14px; color: #666; display: inline-block; margin: 0 3px; transition: all 1s; line-height: 1;}
.breadcrumb a:hover{ color: #ef5401;}
.detailpage{ background: #F5F5F5; padding: 45px 0;}
.detailpage .cont{ display: flex; justify-content: space-between;}
.detailpage .cont .left{  width: 73%; margin-right: auto;}
.detailpage .cont .leftblock{background-color: #fff;  }
.detailpage .cont .right{ width:24.5%;}
.detailpage .detail-tou{ border-bottom: 1px solid #F5F5F5; padding: 40px 40px 20px 40px;}
.detailpage .detail-tou h3{ color: #000000; font-size: 26px; line-height: 40px; text-align: center;}
.detailpage .detail-tou p{ color: #666666; font-size: 16px; line-height: 36px; text-align: center; margin-top: 10px;}
.detailpage .detail-center { padding: 20px 50px; color: #333333; font-size: 15px; line-height: 40px;}
.detailpage .detail-center img{ display: block; width: 100%; margin: 10px 0;}
.detailpage .detail-center p{ color: #333333; font-size: 15px; line-height: 30px; }

.fenpian{ display: flex; align-items: center; justify-content: space-between; padding: 40px 40px 20px 40px;
border-top: 1px solid #F5F5F5;}
.fenpian .div1{  color: #666666; font-size: 14px; line-height: 36px; }
.fenpian .div1 a{ color: #666666; font-size: 14px; line-height: 36px; transition: all 1s;}
.fenpian .div1 a:hover{ color: #ef5404;}
.fenpian .backlist{ width: 120px;height: 40px;border-radius: 20px;border: solid 1px #ef5401; display: block;
text-align: center; line-height: 38px; color: #ef5401; transition: all 1s; margin-left: auto;}
.fenpian .backlist:hover{ background-color: #ef5401; color: #fff; box-shadow1: 0 0 20px 0 rgba(10,102,89,0.6);  ox-shadow: 0 0 20px 0 rgba(255,140,0,0.6); 
transform: translateX(-20px);}

.detailpage .right .block{ 	background-color: #ffffff; margin-bottom: 25px;}
.detailpage .right .tou{ display: flex; justify-content: space-between; padding: 30px 20px 0 0; align-items: center;}
.detailpage .right .tou a{ display: block; color: #ca4804; font-size: 14px; margin-left: auto;}
.detailpage .right strong{ color: #333333; font-size: 22px; border-left: 5px solid #ef5401; padding-left: 20px;}
.detailpage .right ul{ padding: 30px 20px 30px 20px;}
.detailpage .right li a{ color: #333333;  font-size: 14px; line-height: 40px; position: relative; padding-left: 20px;
display: block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition: all 1s;}
.detailpage .right li a::before{  left: 0; width: 4px; height: 4px; border-radius: 100%; background: #333;
top:18px;}
.detailpage .right li:hover a{ color1: #0a6656;  color: #ef5401;transform: translateX(10px);}




@keyframes borderchange1 {
	from{ transform: scale(0.9); opacity: 0.6;  filter: blur(0);}
	50%{  transform: scale(1.6); opacity: 0; filter: blur(10px);}
	to{ transform: scale(0.9); opacity: 0.6;  filter: blur(0);}
}

@keyframes rotatechange {
  from{ transform:rotate(0) scale(1); }
  to{  transform:rotate(360deg) scale(0.6); }
}
@keyframes rotatechange1 {
  from{ transform:rotate(0); }
  to{  transform:rotate(360deg); }
}
@keyframes widthchage {
  from{ transform:scale(1);}
  50%{  transform:scale(0.8,1);}
  to{  transform: scale(1);}
}
@keyframes heightchange {
  from{ opacity: 1; transform:scale(1);}
  50%{ opacity: 0.6; transform:scale(1,0.3);}
  to{ opacity: 1; transform: scale(1);}
}
@keyframes bigchange {
  from{ opacity: 1; transform:rotate(45deg) scale(1);}
  50%{ opacity: 0.6; transform:rotate(45deg) scale(0.3);}
  to{ opacity: 1; transform:rotate(45deg) scale(1);}
}
@keyframes weizhichange {
  from{ transform: none;}
  50%{ transform:translate(15px);}
  to{ transform: none;}
}
@keyframes colorchage {
  from{ opacity: 0.3; transform: none; }
  50%{opacity: 0.8; transform:translate(15px);}
  to{opacity: 0.3; transform: none; }
}
@keyframes colorchage1 {
  from{ opacity: 0.3; transform: none; background: #B7B7B7;}
  50%{opacity: 0.8; transform:translate(15px); background: #ef5404;}
  to{opacity: 0.3; transform: none; background: #B7B7B7;}
}
@keyframes move-forever {
  0% {
   transform: translate3d(-30px,0,0);
  }
  100% { 
    transform: translate3d(30px,0,0);
  }
}
@keyframes wave {
  to {transform: translateX(-100%);}
}
@keyframes rotate180 { 
    0% {  transform: rotate(0);}	
    100% {transform: rotate(360deg);  }
}
@keyframes overlayAnimation { 
    0% {  background-position:0% 50%}
	50% {background-position:100% 50%; }
    100% { background-position:0% -50%}
}
@media (max-width:1890px) {	
	 .aboutp-sec1 .left .text p{    line-height: 40px;} 
	.aboutp-sec2 li h3{ font-size: 20px;}
}
@keyframes red-ball {
  from {
	offset-distance: 0%;
  }
  to {
	offset-distance: 100%;
  }
}
@media (max-width:1600px) {	
	.zsjm-sec1 ul{ width: 1000px;}
	.zsjm-sec1 ul li{ margin-bottom: 80px; width: 400px;}
	.zsjm-sec1 ul li a {height: 100px;padding-left: 25px;}
	.zsjm-sec1 ul li p{ font-size: 28px;}
	.zsjm-sec1 .w1300{ height: 100vh;}
	.banner-wave{ bottom: 50px;}
	.zsjm-newsec4 .swiper-slide .item{ width: 95%;}
	.zsjm-newsec4 .rightext li h4{ font-size: 20px}
	.zsjm-newsec4 .rightext .div1{ margin-bottom: 30px;}
	.zsjm-newsec4 .rightext .div1 h3{ font-size: 30px}
	.zsjm-newsec4 .rightext .div1 p{ font-size: 18px}
	.zsjm-newsec4 .rightext li p{ font-size: 16px}
	.zsjm-newsec4 .more{ width: 650px; height: 70px; line-height: 70px; font-size: 30px}
	.zsjm-newsec7 ul{ margin-right: -25px;	margin-left: -25px;}
	.zsjm-newsec7 ul li{ width: calc(100%/6 - 50px);  margin-right: 25px; margin-left: 25px;}
	.aboutp-sec2 li h3{ font-size: 18px;}
	.aboutp-sec2 ul{ margin-right: -10px; margin-left: -10px; }
	.aboutp-sec2 li{ width: calc(100%/5 - 20px); margin-right:10px; margin-left: 10px; padding:25px 20px;}
	.aboutp-sec4 .cont h3{ font-size: 38px} 
	.znyy-sec4 .left h3{ font-size: 40px}
	.znyy-sec4 .left p{font-size: 20px}
	.znyy-sec5 ul {margin-left: -50px;margin-right:-50px;}
	.znyy-sec5 li {width: calc(100%/3 - 100px);margin-left: 50px;margin-right:50px;}
	.znyy-sec10 .cont{ align-items: center;}
	.znyy-sec10 .left .p1{ margin-bottom: 40px;}
	.znyy-sec10 .left p{ line-height: 36px;}
	#dxsx-section .box2 .right .p2{ max-height:270px; -webkit-line-clamp: 7;}
	#dxsx-section .box2 .right{ padding: 30px;  }
	#dxsx-section .box2{ padding: 0 3%;}
	/* #dxsx-section .box2 .left{ width: auto; flex-shrink: 1;} */
	.dxsx-sec2{ padding: 0 20px;}
	.fenlei a{ margin: 0 80px; font-size: 20px}
	
}
@media (max-width:1350px) {	
	.neibanner{ height: 450px; overflow: hidden;}
	.zsjm-sec1 .w1300{ height: 100vh;}
	.zsjm-newsec1 ul{ margin-right: -10px; margin-left: -10px;}
	.zsjm-newsec1 li{ width: calc(100%/2 - 20px); margin-right: 10px; margin-left: 10px; margin-bottom: 10px;}
	.zsjm-newsec1 li h3{ font-size: 20px;}
	.zsjm-newsec1 li p{ font-size: 16px}
	.zsjm-newsec4 .swiper-slide .item{ width: 100%;}
	.zsjm-newsec4 .leftimg{ width: 53%;}
	.zsjm-newsec4 .rightext{ width: 45%; padding:0 2% 0 0;}
	.zsjm-newsec4 .rightext ul{ margin-bottom: -20px;}
	.zsjm-newsec4 .rightext li{ margin-bottom: 20px;}
	.zsjm-newsec6 .left ul{ margin-bottom: -30px;}
	.zsjm-newsec6 .left li a {margin-bottom: 30px;height: 120px;}
	.zsjm-newsec6 .left strong{ height: 120px; line-height: 120px; width: 200px; font-size: 45px}
	.zsjm-newsec6 .five-b b{ width: 10px; height: 10px;}
	#dxsx-section .box2{ padding: 0 2%;}
}


@media (max-width:1300px) {	
	.headerwrap .navbar{ width: 60%;}
	.headerwrap .navbar li>a{ font-size: 16px;}
	.headerwrap .logo img{ height: 55px;}
	.header-right{ font-size: 24px;}
	.zsjm-sec1 ul{ width: 700px; right: 70px;}
	.w1300{ max-width: 100%; padding: 0 20px;}
	.index-sec3 li .text p{ line-height: 36px; font-size: 16px;}
	.index-sec4 ul>li{ padding: 0 15px;}
	.index-sec5 ul,.zsjm-sec3 .cont2 ul{ margin-right: -13px; margin-left: -13px;}	
	.index-sec6 .pos{ height: 350px;}
	.index-sec5 ul li,.zsjm-sec3 .cont2 li{ width: calc(100%/4 - 26px); margin-right: 13px; margin-left: 13px;}
	.zsjm-sec3 .cont3 .item-img {width: 240px; height: 240px;}
	.zsjm-sec4 ul{ margin-left: -20px; margin-right: -20px;}
	.zsjm-sec4 li {width: calc(100%/3 - 40px);margin-left: 20px;margin-right: 20px;}
	.zsjm-sec5 li i{ height: 5px; width: 5px;}
	.zsjm-sec6 .swiper-slide-next2{ right: 0; z-index: 33;}
	.zsjm-sec6 .swiper-slide-prev2{ left: 0; z-index: 33;}
	.zsjm-title h3{ font-size:40px;}
	.zsjm-newsec2 .cont .ul2 li p,.zsjm-newsec2 .cont .ul3 li p{ font-size: 18px;}
	.zsjm-newsec3 li p{ font-size: 18px;}
	.znyy-sec7 .left li p{ font-size:18px ;}
	.znyy-sec7 .left li span{ font-size:20px }
	#dxsx-section .box2 .right{ min-width: 350px;}
	
}
@media (max-width:1260px) {	
	.aboutp-sec4 .cont h3{ font-size: 30px;}
	.aboutp-sec2 li h3 br{ display: none;}
	.aboutp-sec2 li{ padding: 20px 15px;}
	
}