body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body {   font:12px/20px "Futura",Arial,"PingFang SC",Tahoma; background:#fff; /* overflow-y:scroll;*/width:100%; }
em{font-style:normal}
li{list-style:none}
fieldset, img { border:none; }
img{border:0;vertical-align:middle}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "Futura",Arial;}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
a{    text-decoration:none;blr:expression(this.onFocus=this.blur());	 }
 
a:hover, a:active, a:focus { text-decoration:none; }


@font-face{
	font-family:"Roman";
	src:url(https://eduresun.oss-cn-shanghai.aliyuncs.com/fonts/OPTITimes-Roman.otf);
}

@font-face{
	font-family:"Futura";
	src:url(https://eduresun.oss-cn-shanghai.aliyuncs.com/fonts/Futura-Medium.woff);
}
 

.fl{ float:left}
.fr{ float:right}
.mt80{ margin-bottom:80px;}
.mt90{ margin-bottom:90px}
.mt100{ margin-bottom:100px}
 
.header_wrap{ height:60px; width:100%;}
.header{ height:40px; background:#fff; padding:10px 0; position:relative; width:100%; position:fixed; top:0; z-index:9999; border-bottom:1px solid #f1f1f1;}
.header .logo{  display:block;  width:115px; position: absolute; left: 4%;  margin-top:7px;}
.header .logo img{ width:100%}

 
.header  .menu {
  float:right;
  margin-right: 12%;
  margin-top:20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
 

 .swiper-pagination-bullet-active{    background: #4D7C5B !important;}



.promu{ overflow:hidden; display:flex; flex-wrap:wrap }
.promu a{ width:21%; padding:0 6% 7%; overflow:hidden; position:relative;   background:#fff;}
.promu a:nth-child(1),.promu a:nth-child(3){ width:27.8%;padding:0 11% 7%;border-bottom:1px solid #ECECEC; }
.promu em{ width:0.4%; background:#ececec; display:block;}
.promu a .imgs{ margin:40% 0 0;transition: 500ms;}
.promu a .imgs img{ width:35px; margin-bottom:20%;}
.promu a:nth-child(1) .imgs img,.promu a:nth-child(3) .imgs img{ width:50px; margin-bottom:30px;}
.promu a:nth-child(1) h1,.promu a:nth-child(3) h1{ font-size:16px; }
.promu a h1{ font-size:14px; color:#000;  line-height:24px; margin:0 0 15px;}
.promu a span{ display:block; font-size:14px; color:#C4C4C4; }
.promu a .pmbox{ height: 150px; overflow: hidden;}
.promu a p{color: #fff; display: none; line-height: 30px; font-size: 12px;}
.promu a p em{ display: block; float: left; width: 15%; height: 0.5px; background-color: #fff; margin-right: 10px; margin-top: 14px;}
.promu a .promore{  width:40px; }


.indgal{ overflow:hidden; background:url(../images/indgalbg.jpg) center top no-repeat ; background-size:100%;  position:relative; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 0;}
.indgal a{ background:#fff; display:block; text-align:center; position:relative;   width: 49%;   transition: 500ms; margin-bottom: 10px;}
.indgal a:nth-child(1){margin-left: 40%; width: 60%;}
.indgal a .imgs{   height:110px;  overflow: hidden; margin: 8%;}
.indgal a .imgs img{object-fit: cover; display: block;  width: 100%;transition: 500ms;}
.indgal a h1{ color:#000;  font-size:14px; margin-bottom:20px;}
.indgal a p{ color:#C4C4C4; font-size:14px; margin-bottom:20%}
.indgal a .imore{ overflow: hidden; display: none;}
.indgal a .imore img{ height:41px;}
.indgal a .img1{ display:block;}
.indgal a .img2{ display:none;}




.indbrand{padding: 20px; overflow: hidden;}
.indbrand img{ display: block; margin-bottom: 10px; width: 100%; margin-top: 20px;}
.indbrand p{ font-size: 12px; color: #C4C4C4; line-height: 24px; margin-top: 20px; text-transform:uppercase;}


.indcase{ padding: 20px; overflow: hidden;}
.indcase .indti{ font-size: 18px; color: #4D7C5B; margin-bottom: 15px;}
.indcase img{ display: block; margin-bottom: 10px;}

.indjoin{ overflow:hidden;}
.indjoin .indjoinbg{ background:#4D7C5B; height: 200px; width: 100%; position: absolute;}
.indjoin .indjoinmain{ background-color: #fff; margin: 40px 20px; border-radius: 10px; position: relative; z-index: 2; padding: 30px 10px 0;    text-align: center;}
.indjoin .indjointi{ overflow: hidden; text-align: center;}
.indjoin .indjointi h1{ font-size: 18px;color:#4D7C5B;}
.indjoin .indjointi p{ font-size: 12px; line-height: 22px; margin: 10px 0; color: #4C4D4D;}
.indjoin .indjointi em{ width: 100px; height: 4px; display: block;background:#4D7C5B; margin: 0 auto;}
.indjoin .indjoinmain input{ width: 96%; padding: 0 2%; border: 1px solid #D3D2D1; color: #D3D2D1; height: 30px; line-height: 30px; margin-bottom: 10px;}
.indjoin .indjoinmain textarea{ width: 96%;  padding: 0 2%; border: 1px solid #D3D2D1; color: #D3D2D1; height: 80px; line-height: 20px; margin-bottom: 10px; margin-top: 20px; font-family: "Futura",Arial;}
.indjoin .indjoinmain button{ width: 140px; height: 36px; line-height: 36px; background-color: #000;  color: #fff; font-size: 12px; text-align: center; margin: 20px auto 0; border: 0;}



.footer{ overflow:hidden;background: #F6F6F8; padding:30px 20px 0;}
.footer .foot{ display:flex;justify-content: space-between;    align-items: center;}
.footer .botlogo{ width:100px}
.footer .foot .footico{ overflow: hidden; display: flex; justify-content: space-between; margin-top: 10px;}
.footer .foot .footico a{ width: 30px; height: 30px; border-radius: 50%; background-color: #195C2B; display: flex; justify-content: center; align-items: center; margin-right: 5px;}
.footer .foot .footico a i{ color: #fff; font-size: 14px;}
.footer .foot .footri{ text-align: right; font-size: 15px;}

.footer .footer_tel{ color:#4D7C5B; font-size:20px; display: block; margin-bottom: 15px;}
.footer .footer_tel i{ font-size:14px; margin-right:5px;}
.footer .footer_menu{ overflow:hidden; margin:30px 0;display:flex;justify-content: space-between; flex-wrap: wrap;}
.footer .footer_menu a{ display:block;color:#C4C4C4; margin: 0 10px; font-size:14px; }
.footer .bot{ border-top:1px solid #E2E1E0; height:50px; line-height:50px; font-size:14px; text-align:center; color:#C4C4C4; margin-top: 20px;}




.abtjj{ overflow:hidden; padding:20px;}
.abtjj p{ font-size:12px; color:#666; line-height:24px;}

.abtcf{ overflow:hidden; background:#4D7C5B;padding:20px;}
.abtcf p{ font-size:12px; color:#fff;line-height:24px;}
.abtcf .abtcfimgs{display:flex;justify-content:space-between; margin:20px 0;}
.abtcf .abtcfimgs .imgs{ overflow:hidden; width:31%; border-radius: 5px;}
.abtcf .abtcfimgs .imgs img{transition: 500ms; display: block;}

.abtcf .abtcfhz{ overflow: hidden; }
.abtcf .abtcfhz img{ height:30px; margin-bottom:10px; margin-right: 10px; display: block; float: left;}


.abtvdo{ overflow:hidden;padding:20px;  }
.abtvdo .imgs{ width:100%; overflow:hidden; position:relative; cursor:pointer; margin-top:20px;}
.abtvdo .imgs em{ width:60px; height:60px; display:block; background:url(../images/abtvdoico.png); background-size:100%; position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px;}


.abtry{ overflow:hidden;padding:30px 20px; background:#F6F6F8;  }
.abtry .swiper-slide{ width:160px; font-size:12px; padding-bottom:15px;}
.abtry .swiper-slide img{ width:100%; display:block; margin-bottom:5px;}
.abtry .swiper-scrollbar-drag{ background:#4d7c5a} 



.abtnews{ background:url(../img/abtnewsbg.jpg) top no-repeat #4d7c5a; background-size:100%; padding:30px 20px;  }
.abtnews .abtnewsmu{ overflow:hidden; margin:20px 0;}
.abtnews .abtnewsmu a{ display:block; float:left; color:#fff; margin-right:0px; height:30px; line-height:30px; padding:0 10px; border-radius:38px; font-size:12px;}
.abtnews .abtnewsmu a.on{ background:#fff; color:#195C2B;}
.abtnews .abtnewsmu a:hover{ background:#fff; color:#195C2B;}
.abtnews .swiper-container{ padding-bottom:40px; position:initial;}
.abtnews .swiper-slide{ width: 290px; }
.abtnews .swiper-container a{ display:block; background:#fff; padding:25px;height: 245px; border-radius:10px;box-shadow:0px 9px 12px #ededed; }
.abtnews .swiper-container a p{ font-size:12px; color:#737B7B}
.abtnews .swiper-container a .imgs{ width:216px; height:126px; overflow:hidden; margin:10px 0}
.abtnews .swiper-container a .imgs img{transition: 500ms;object-fit: cover; display: block; width: 100%; height: 100%;}
.abtnews .swiper-container a h1{ font-size:15px; font-weight:normal; line-height:20px; margin-bottom:5px; color:#444;}
.abtnews .swiper-scrollbar-drag{ background:#4d7c5a} 
.abtnews .swiper-button-next:after,.abtnews .swiper-button-prev:after{ display:none;}
.abtnews .swiper-button-prev{ width:48px; height:48px; top:0; left:auto; right:60px;}
.abtnews .swiper-button-next{ width:48px; height:48px; top:0; right:0px;}
.abtnews .swiper-container a:hover .imgs img{transform:scale(1.1);}
.abtnews .swiper-container a:hover h1{color:#195C2B;}


.ser_project{ padding:20px; overflow:hidden;}
.ser_project .swiper-container{ padding-bottom:20px;}
.ser_project .swiper-slide{ width:160px; position:relative}
.ser_project .swiper-slide img{ width:100%; display:block; border-radius: 10px; }
.ser_project p{ text-align:center;  font-size:12px; color:#fff; height:30px; line-height:30px; position:absolute; bottom:0; padding:0 10px;}
.ser_project .swiper-scrollbar-drag{ background:#4d7c5a}



.servdo{ background:url(../img/servdobg.jpg) center bottom no-repeat #fff; overflow:hidden; padding:20px;}
 

.servdo{ background:url(../img/servdobg.jpg) center bottom no-repeat #fff; overflow:hidden; padding-bottom:30px;}
.servdo .serti{ margin:130px 0 90px; overflow:hidden; }
.servdo .serazlist{ overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px;}
.servdo .serazlist a{ width: 35%;  text-align: center; height: 40px; line-height: 40px;   display: block; border: 1px solid #195C2B; color: #195C2B; font-size: 12px; display: block; padding: 0 20px; margin-bottom: 10px;}
.servdo .serazlist a:nth-child(1){ width: 100%;}
.servdo .serazlist a:hover{ background:#4D7C5B; color: #fff;}



.ser_ser{ overflow:hidden; padding:20px;background:url(../img/ser_serbg.png) 11%  center no-repeat #F6F6F8;}
.ser_ser dl{  border:1px solid #e4e4e4; padding:20px 15px; margin:10px 0; background:#fff;}
.ser_ser dl dt{ font-size:20px; color:#000;  margin:15px 0 10px; line-height:30px;}
.ser_ser dl dd{ font-size:12px; color:#737B7B; line-height:26px;}




.ser_mes{overflow:hidden; background:url(../images/ser_mesbg.jpg)  center; background-size:100%;  padding:110px 20px 100px;   color:#fff; text-align:center;}
.ser_mes h1{ font-size:26px;}
.ser_mes p{ margin:20px 0 40px}
.ser_mes img{ display:block; width:120px; margin:0 auto }
 


.ser_que{ overflow:hidden; background:#4D7C5B; padding:20px;}
.ser_que dl{ background:#fff; padding:20px 60px 20px 20px; margin-bottom:15px; position:relative; cursor:pointer;}
.ser_que dl dt{ font-size:16px; width:100%; margin-bottom:10px;}
.ser_que dl dd{ font-size:12px; color:#737B7B; line-height:22px; }
.ser_que dl dd.jd{display:none}
.ser_que dl em{ position:absolute; right:15px; top:30px; font-size:40px;font-weight: bold; color:#C4C4C4;font-style: normal;}
.ser_que dl.on em{ color:#4D7C5B;}
.ser_que dl.on .xx{ display:block}
.ser_que .que_more{ display:block; margin:30px auto  20px; border-radius:50px;}






.case_pro{ overflow:hidden; padding:20px;}
.case_pro .caseti{ overflow:hidden; display:flex;justify-content: space-between; align-items: flex-end; margin-bottom:20px;}
.case_pro .caseti h1{ font-size:22px; line-height:32px;color:#4D7C5B;}
.case_pro .caseti a{ padding:0 20px;height:22px; line-height:22px;  border-radius:22px;  border:1px solid #4D7C5B; color:#4D7C5B; font-size:12px; margin-bottom: 5px;}
.case_pro .swiper-slide{ width:250px; position:relative;}
.case_pro .swiper-slide img{ display:block; width:100%;}
.case_pro .swiper-slide p{ position:absolute; bottom:0; padding:0 10px; color:#fff; height:30px; line-height:30px;}


.project_big{ background:#4D7C5B; overflow:hidden;padding:40px 20px;}
.project_big .caseti h1{ font-size:24px; line-height:34px;color:#fff;}
.project_big .pjbig{ overflow:hidden; margin-top:10px;}
.project_big .pjbig .pjbigli{ width:100%; position:relative; margin-top:10px;}
.project_big .pjbig .pjbigli img{ width:100%; display:block;}
.project_big .pjbig .pjbigli p{ position:absolute; bottom:0; height:40px; line-height:40px; padding:0 20px; color:#fff; font-size:14px;}


.project_find{ overflow:hidden; padding:40px 20px; background:#fff;}
.project_find .caseti{ margin-bottom:10px; overflow:hidden;}
.project_find .caseti h1{ font-size:24px; line-height:34px;color:#4D7C5B;}




.probox{ overflow: hidden;   margin: 30px 0; padding: 0 20px;  }
.probox .promutt{ overflow: hidden; margin-bottom: 20px; text-align: center;}
.probox .promutt span{ font-size: 12px; width: 100%;}
.probox .promutt h1{ font-size: 24px; line-height: 32px; width: 100%; margin: 10px 0 20px;}
.probox .promutt em{width: 30px;	height: 2px;	background: #4D7C5B; display: block; margin: 0 auto;}
.probox .promenu{ overflow: hidden; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; flex-wrap: wrap;  }
.promenu a{ overflow: hidden; display: flex;  align-items: center; align-content: center; width: 25%;  flex-wrap: wrap; text-align: center;}
.promenu a img{ display: block; margin:0 auto 10px; width: 50px;}
.promenu a .img2{ display: none;}
.promenu a p{ font-size: 12px; width: 100%; color: #4C4D4D; height: 60px;line-height: 20px;}
.promenu a.on{ color: #4D7C5B;}
.promenu a.on .img1{ display: none;}
.promenu a.on .img2{ display: block;}
.promenu a.on p{  color: #4D7C5B;}
.promenu a:hover{ color: #4D7C5B;}
.promenu a:hover .img1{ display: none;}
.promenu a:hover .img2{ display: block;}
.promenu a:hover p{  color: #4D7C5B;}

.promain{ overflow:hidden; margin:0 0 20px; }
.promain .prolist{  overflow: hidden; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 0 20px;}
.promain .prolist a{ display:block;width:49%; overflow: hidden; margin-bottom: 10px; }
.promain .prolist a .imgs{ width:100%; height:125px; overflow:hidden; background: #F6F6F8;  border-bottom-right-radius: 10px;border-top-left-radius: 10px; display: flex; justify-content: center;}
.promain .prolist a .imgs img{ object-fit: cover; display: block; max-width: 100%; max-height: 100%;transition: 500ms; }
.promain .prolist a p{ text-align:center; font-size:12px; color:#000; height:30px; line-height:30px;}
.promain .prolist a:hover img{ transform:scale(1.1);}
.promain .prolist a:hover p{color:#fff; color: #4D7C5B;}


.newsmenu{ overflow: hidden; background-color:#4D7C5B ; padding: 30px 0; display: flex; justify-content: center;}
.newsmenu a{ display:block; color:#fff;   height:30px; line-height:30px; padding:0 10px; border-radius:30px; font-size:12px;}
.newsmenu a.on{ background:#fff; color:#195C2B;}
.newsmenu a:hover{ background:#fff; color:#195C2B;}

.newsmain{ overflow: hidden; padding-top: 30px;}
.newsmain .newslist{  overflow: hidden; display: flex; justify-content: center; flex-wrap: wrap; }
.newsmain .newslist a{ display:block; width: 300px; height: 245px;   margin-bottom: 20px; background:#fff; padding:20px; border-radius:10px;box-shadow:0px 9px 12px #ededed; }
.newsmain .newslist a p{ font-size:12px; color:#737B7B}
.newsmain .newslist a .imgs{ width:216px; height:126px; overflow:hidden; margin:10px 0}
.newsmain .newslist a .imgs img{transition: 500ms;object-fit: cover; display: block; width: 100%; height: 100%;}
.newsmain .newslist a h1{ font-size:16px; font-weight:normal; line-height:20px; margin-bottom:5px; color:#444;}



.newsdetailti{ overflow:hidden; height:50px; line-height:50px;   font-size:12px; color:#1e1e1e; padding: 0 3%;}
.newsdetailti a{ color:#1e1e1e}
.newsdetailmain{ background:#fff; padding:20px 3%; margin: 0px 3% 10px; margin-bottom: 80px;}
.newsdetailmain .newstit{ font-size:16px; color:#111; text-align:center; margin-bottom:20px;}
.newsdetailmain .newsdate{ overflow:hidden;height:30px; line-height:30px; color:#646464; border-bottom:1px solid #dcdcdc;}
.newsdetailmain .newsinfo{ overflow:hidden; line-height:24px; margin:20px 0; font-size:14px;}
.newsdetailmain .newsinfo img{   max-width:100%;}
.newsdetailmain .newsinfo video{margin:20px auto; max-width:100%;}
.newsdetailmain .newsinfo iframe{margin:20px auto; max-width:100%;}

.newsdetailmain .newsback{ width:120px; height:35px; background-color: #E80035; color: #fff; font-size: 14px; line-height:35px; text-align:center; display:block; margin:0 auto; } 
.newsdetailmain .newdet-link{ margin-top:60px; border-top:1px solid #dcdcdc; padding-top:30px;}
.newsdetailmain .newdet-link a{ font-size:14px; color:#3d3d3d; line-height:24px; display:block;}
.newsdetailmain .newdet-link a:hover{color:#E80035}