@charset "utf-8"; 
*{margin:0;padding:0;}
a{text-decoration:none;}
img{border:none;}
body{font-family:"微软雅黑",Arial,"PingFang SC",Tahoma;font-size: 12px;font-weight: normal;  }
ul,li{list-style:none;}
.clear{ margin:0px; padding:0px; height:0px; width:0px; line-height:0px; clear:both;}
input,button,select{ outline:none}

@font-face{
	font-family:"Roman";
	src:url(http://eduresun.oss-cn-shanghai.aliyuncs.com/fonts/OPTITimes-Roman.otf);
}
 
.fl{ float:left}
.fr{ float:right}
.w1300{ width:1300px; margin:0 auto}
.w1200{ width:1200px; margin:0 auto}
.w1400{ width:1440px; margin:0 auto}
.wmain{ width:1280px; margin:0 auto}
.cen{ text-align:center}
 

.maodian{ position:absolute; margin-top: -60px;}


.headerbg{ height:60px; background:#fff; width:100%;} 
.header{ height:60px;   width:94%; position:fixed; top:0px; z-index:99;    display:flex;justify-content: space-between;    align-items: center; padding:0 3%;   }  
.header .logo{  display:block;   display:flex;justify-content: center; align-items: center; }  
.header .logo div{ display: flex;justify-content: space-between;}
.header .logo img{  display: block;}
.header .logo img:nth-child(1){margin-right: 20px;}
.header .logo .off{ display: flex;}
.header .logo .on{ display: none;}
.header .menu{display:flex;justify-content: center;    align-items: center; width:850px; }
.header .headli{  display:block;  font-size:14px;  color:#fff;  margin:0 20px; position: relative;}
.header .headli em{ position: absolute; width: 26px; height: 9px; display: none; left: 50%; margin-left: -13px; bottom: -10px;background:url(../img/headlion.png);}
.header .headli:hover{ color:#f5ac2c;}
.header .headli.on{  color:#f5ac2c;  }
.header .headli:hover em{ display: block;}
.header .headli.on em{ display: block;}

.coloron{
	background: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(60px) saturate(1.2) !important; 
    -webkit-backdrop-filter: blur(60px) saturate(1.2) !important; 
    -ms-backdrop-filter: blur(60px) saturate(1.2) !important; 
}
.color_white{
	background-color: #fff;
}



.header .head_icon{width:230px; display:flex;justify-content: space-between;    align-items: center; align-content: center; position: relative; }
.header .head_icon a{ font-size:14px; color:#fff;}
.header .head_icon a img{ margin-right:10px;}
.header .head_icon em{ display:block; width:1px; height:15px; background:#dadada;}
.header .head_ewm{ position: absolute; top: 60px; right: 3%;}
.header .head_ewm img{ display: block; margin: 0;}

.header .head_icon a:hover{ color:#f5ac2c;}
.header.on{background:url(../img/headbg.png);  }
.header.on .headli{color:#333;}
.header.on .logo .off{ display: none;}
.header.on .logo .on{ display: flex;}
.header.on .head_icon a{ color:#000;}

.head_wrap{ position:fixed; top:60px; left:0; width:100%;  z-index:8; display:none }
.head_wrap .headnva{ overflow:hidden; display:flex;justify-content: center; align-items: center;margin:40px 0;}
.head_wrap .headnva a{ display:block; margin:0 30px;}
.head_wrap .headnva em{ display:block; width:90px; height:90px;border-radius: 50%; overflow:hidden;background-repeat:no-repeat; background-position:center; margin-bottom:10px;}
.head_wrap .headnva h1{ text-align:center; font-weight:normal; font-size:16px; color:#666; }
.head_wrap .headnva a:hover em{ background-color:#f5ac2c; }

.head_wrap .head_pro a:nth-child(1) em{ background-image:url(../img/promu1.png?v=1)}
.head_wrap .head_pro a:nth-child(2) em{ background-image:url(../img/promu2.png?v=1)}
.head_wrap .head_pro a:nth-child(3) em{ background-image:url(../img/promu3.png?v=1)}
.head_wrap .head_pro a:nth-child(4) em{ background-image:url(../img/promu4.png?v=1)}
.head_wrap .head_pro a:nth-child(5) em{ background-image:url(../img/promu5.png?v=1)}
.head_wrap .head_pro a:nth-child(6) em{ background-image:url(../img/promu6.png?v=1)}
.head_wrap .head_pro a:nth-child(1):hover em{ background-image:url(../img/promu1on.png?v=1)}
.head_wrap .head_pro a:nth-child(2):hover em{ background-image:url(../img/promu2on.png?v=1)}
.head_wrap .head_pro a:nth-child(3):hover em{ background-image:url(../img/promu3on.png?v=1)}
.head_wrap .head_pro a:nth-child(4):hover em{ background-image:url(../img/promu4on.png?v=1)}
.head_wrap .head_pro a:nth-child(5):hover em{ background-image:url(../img/promu5on.png?v=1)}
.head_wrap .head_pro a:nth-child(6):hover em{ background-image:url(../img/promu6on.png?v=1)}

.head_wrap.coloron em{background-size: 90%;}
.head_wrap.coloron h1{ color: #fff;}
.head_wrap.coloron .head_pro a:nth-child(1) em{ background-image:url(../img/pronva1.png?v=1)}
.head_wrap.coloron .head_pro a:nth-child(2) em{ background-image:url(../img/pronva2.png?v=1)}
.head_wrap.coloron .head_pro a:nth-child(3) em{ background-image:url(../img/pronva3.png?v=1)}
.head_wrap.coloron .head_pro a:nth-child(4) em{ background-image:url(../img/pronva4.png?v=1)}
.head_wrap.coloron .head_pro a:nth-child(5) em{ background-image:url(../img/pronva5.png?v=1)}
.head_wrap.coloron .head_pro a:nth-child(6) em{ background-image:url(../img/pronva6.png?v=1)}




.head_wrap .head_news a:nth-child(1) em{ background-image:url(../img/newsmu1.png?v=221311)}
.head_wrap .head_news a:nth-child(2) em{ background-image:url(../img/newsmu2.png?v=23112)}
.head_wrap .head_news a:nth-child(1):hover em{ background-image:url(../img/newsmu1on.png?v=2332331)}
.head_wrap .head_news a:nth-child(2):hover em{ background-image:url(../img/newsmu2on.png?v=13322)}
.head_wrap.coloron .head_news a:nth-child(1) em{ background-image:url(../img/newsnva1.png?v=13221)}
.head_wrap.coloron .head_news a:nth-child(2) em{ background-image:url(../img/newsnva2.png?v=1322)}


 
.banner{ overflow:hidden; position:relative; z-index: 8;}
.banner .swiper-slide{   background-size:cover !important;  background-repeat: no-repeat; background-position: center bottom;}
.banner .swiper-slide img{ width:100%; display:block;}

.banner .swiper-pagination-bullet{width: 22px;border-radius: 0;height: 6px;background: #FFFFFF;opacity: 0.5;}
.banner .swiper-pagination-bullet-active{width: 42px;height: 6px;background: #FFFFFF;opacity: 1;}
.banner .swiper-pagination{ bottom: 40px !important;}
.banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next{ 
	color:#f5ac2c;	
}
.banner .swiper-button-next,.banner  .swiper-container-rtl .swiper-button-prev{ 
	color:#f5ac2c;	
}



.ban_menu{ display:flex;justify-content: space-between;    align-items: center; align-content: center; position: absolute;   width: 86%; left: 7%; bottom: 50px;   z-index: 9;}

.ban_menu a{ display: block; width: 21%; text-align: center; background-color: #fff; padding: 15px 0; border-radius: 10px; opacity: .85;  }
.ban_menu a h1{  font-weight: normal;  font-size:20px; margin-bottom: 5px; color: #231917;}
.ban_menu a p{ font-size:12px;   color:#817d7c;}

/* .ban_menu a:nth-child(odd){ background-color: #f5ac2c;}
.ban_menu a:nth-child(odd) p{ color: #846634;} */
.ban_menu a:hover{ background-color: #f5ac2c;opacity: 1; }
.ban_menu a:hover h1{ font-weight: bold; color: #fff;}
.ban_menu a:hover p{ color: #846634;}

.inddh{ overflow:hidden;display:flex;justify-content: center;    align-items: center; padding:30px 20px; }
.inddh .dhli{ overflow:hidden; position:relative; margin:0 5px;}
.inddh .dhli .dhinfo{ position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; z-index:5}
.inddh .dhli .dhinfo h1{ font-size:44px; color:#fff; margin-top:22%; margin-bottom:4%; font-weight:normal;}
.inddh .dhli .dhinfo p{ font-size:14px; color:#fff;margin-bottom:10%;}
.inddh .dhli .dhinfo .dhbtn{ overflow:hidden;display:flex;justify-content: center;    align-items: center; width:100%;}
.inddh .dhli .dhinfo .dhbtn a{ width:150px; height:50px; line-height:50px; border:1px solid #fff; margin:0 10px; color:#fff; font-size:16px;border-radius: 50px;}
.inddh .dhli .dhinfo .dhbtn a:hover{ background:#f5ac2c; color:#000; border-color:#f5ac2c;}
.inddh .dhli img{transition: 500ms;}
.inddh .dhli:hover img{ transform:scale(1.1)}


@media (max-width: 1440PX){ 
	.inddh .dhli .dhinfo h1{ font-size:34px; }
	.inddh .dhli .dhinfo .dhbtn a{ width:120px; height:40px; line-height:40px; }
}


.indbrand{ width:100%; height:600px;  overflow:hidden;}
.indbrand h1{ font-weight:normal; font-size:30px; margin-top:5%; margin-left:5%;color: #fff;}
.indbrand p{ font-size:14px; width:740px;  line-height:28px; margin:1% 0 3% 5%; color: #d3d3d3;}
.indbrand a{ display:block; width:110px; height:40px; line-height:40px;  background:#f5ac2c; color:#000;border-radius: 50px; text-align:center; margin-left:5%;}
.indbrand img{ margin-left:50px;}
.indbrand1{background:url(../img/indbrandbg.jpg?v=122)  ;background-size: cover;  }
.indbrand2{background:url(../img/indbrandbg2.jpg) 100% 100%;}
.indbrand a:hover{ background-color: #000; color: #fff;}



.footer{ overflow:hidden; background:#ebebeb; padding:30px 0;}
.footer .w1400{ overflow:hidden}
.footer .footle{ float:left;position: relative;}
.footer .footle .botlogo{ margin:40px 0 20px;}
.footer .footle .footicon{ overflow:hidden; margin-bottom:40px;}
.footer .footle a{ background:url(../img/boticonbg.png) no-repeat 100% 100%; display:flex;justify-content: center;    align-items: center; width:37px; height:37px; float:left; margin-right:20px;}
.footer .footle a:hover{background:url(../img/boticonbgon.png) no-repeat 100%;}
.footer .footle a i{ color:#fff; font-size: 18px;}
.footer .footle p{ font-size:16px;}
.footer .footle h2{ font-size:46px; margin:10px 0 20px; font-weight:normal;}




.footer .footle .ewmbox{ position: absolute; top: 60px; left:65px;}
.footer .footle .ewmbox img{width: 140px; display: block;}

.footer .footri{ overflow:hidden; margin-top:40px; float:right; position: relative; }
.footer .footri .foot{ overflow:hidden;}
.footer .footri .foot dl{ float:left; margin-left:50px; width:120px;}
.footer .footri .foot dl dt{ font-size:16px; margin-bottom:20px;}
.footer .footri .foot dl dd{ overflow:hidden;}
.footer .footri .foot dl dd a{ display:block;color:#999; font-size:14px; margin-bottom:15px;}
.footer .footri .foot dl dd a:hover{ color:#f5ac2c;}




.bot{ border-top:1px solid #d6d6d6;background:#ebebeb; overflow:hidden; height:60px; line-height:60px; color:#999; text-align:center;}


.float_box{ position: fixed; right: 20px; bottom: 15%; height: 200px; width: 50px; z-index: 5;}
.float_box a{ position: absolute; top: 0; right: 0; height: 50px; display: block; border-radius: 50px; overflow: hidden;   background-color: #f5ac2c; display: flex; justify-content: space-between; align-items: center; align-content: center;}
.float_box a:nth-child(2){ top: 65px;}
.float_box a span{ width: 70px; display: none; text-align: center; font-size: 16px; padding-left: 20px; color: #000;}
.float_box a i{ font-size: 24px;width: 50px; height: 50px; display: block;   display: flex; justify-content: center; align-items: center; align-content: center;color: #000;}
.float_box a:hover{ background-color: #fff;}


.abtban{ height:740px; background:url(../img/abtban.jpg?v=2111) center;background-size: cover;}
.newsban{ height:440px; background:url(../img/newsban.jpg?v=11) center;background-size: cover;}
.newsban2{ height:440px; background:url(../img/newsban2.jpg?v=11) center;background-size: cover;}
.conban{ height:630px; background:url(../img/conban.jpg) center;background-size: cover;}
.con2ban{ height:630px; background:url(../img/conban.jpg) center;background-size: cover;}
.oemban{ height:630px; background:url(../img/oemban.jpg?v=21) center;background-size: cover;}
.joinban{ height:630px; background:url(../img/joinban.jpg?v=21) center;background-size: cover;}
.projectban{ height:630px; background:url(../img/projectban.jpg?v=2111) center;background-size: cover;}
.productban{ height:630px; background:url(../img/productban.jpg) center;background-size: cover;}
.pro2ban{ height:630px; background:url(../img/pro2ban.jpg) center;background-size: cover;}
.pro3ban{ height:630px; background:url(../img/pro3ban.jpg?v=11) center;background-size: cover;}
.proindban{ height:900px; background:url(../img/proindban.jpg?v=11) center;background-size: cover;}


.joinbot{ height:176px; background:url(../img/joinbotbg.jpg) center;display:flex;justify-content: center;    align-items: center;}
.joinbot .joinbtn{ width:210px; height:60px; line-height:60px; text-align:center; background:#fff; margin-left:110px; font-size:18px;border-radius: 8px; cursor:pointer; color: #000;}
.joinbot .joinbtn:hover{ background:#000; color:#fff;}



.abtti{ overflow:hidden; text-align:center; margin:40px 0;}

.abtjj{ overflow:hidden; padding:40px 0 70px; background-color: #f8f8f8;}
.abtjj .w1400{ overflow:hidden; margin:60px auto 0}
.abtjj .abtjj_le{ float:left; width:415px; padding-top: 30px;}
.abtjj .abtjj_le img{ margin-bottom:30px;}
.abtjj .abtjj_le h1{ font-size:24px; color:#333; line-height:28px; font-weight: normal; margin-bottom: 20px;}
.abtjj .abtjj_le p{ font-size:14px; color:#999; line-height:28px;}

.abtjj .abtjj_ri{ float:right;}


.abtnum{display:flex;justify-content: center;    align-items: center; overflow:hidden; text-align:center; margin-top:60px;}
.abtnum .abt_numli{ width:480px;}
.abtnum em{ width:1px; height:120px; background:#ebebeb;}
.abtnum h6{ font-size:14px; font-weight:normal;}
.abtnum h6 strong{font-size:80px;font-weight:normal; color:#f5ac2c;}
.abtnum p{ font-size:14px;}










.alldiv{ overflow:hidden; padding:50px 0  }

.about2{background: url('../images/about2.jpg')no-repeat center center; background-size: cover; }
.about2_bpic .swiper-slide{background-color: #fff;   position: relative;}
.about2_bpic .swiper-slide .words{float: left; width: 600px;      }
 
 
.about2_bpic .words h3{font-size: 28px; width:110px; height: 50px; line-height: 50px; background:#f5ad30; color: #fff; font-weight:normal; position:absolute; text-align:center; margin-top:-110px; margin-left: 50px;}
.about2_bpic .pic{width:660px;   position: relative; float: right; text-align:center}
.about2_bpic .pic img{    }
.about2_bpic .pic p{ font-size:16px; color:#000; line-height:26px; width:400px;}
.about2_bpic .words hr{
	width: 80px;
	height: 5px;
	border-radius:3px;
	background-color: #f5ad30;
	border: 0px;
	margin-left:150px;
	margin-bottom:20px;
}
.about2_bpic .words p{font-size: 16px; line-height: 24px; color: #424242; margin-bottom: 30px; margin-left: 50px;}

 
.about2_bpic .swiper-slide .lcinfo{
	border:1px solid #e0e0e0;
	background-color: #f5f5f5;
	padding:40px ;
	overflow:hidden;
	position:relative;
}

.about2_spic{  
	position: relative; 
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	width:100%; 
	height:110px;  

	
}
.about2_spic .swiper-slide{
	text-align: center;
	font-family: Arial;
	font-size: 24px;
	color: #aaa;
	position:relative;
	overflow:inherit;
	margin-top:45px
}
.about2_spic .swiper-slide em{
	display:none;
	
		
}
.about2_spic .swiper-slide::before{
	display: block;
	content: '';
	width:10px;
	height: 10px;
	position: absolute;
	left: 50%;
    top: 0;
	margin-left:-5px;
    margin-top: -15px;
    background: #999;
	border-radius: 50%;
}

.about2_spic .swiper-container{position: relative; }
.about2_spic .swiper-container::before{
	width: 100%;
	border-bottom:1px dashed #dadada;
	top: 35px;
	left: 0px;
	content: '';
	position: absolute;
}
.about2_spic .swiper-slide-active{
	color: #f5ad30; margin-top:0;
	}
.about2_spic .swiper-slide-active::before{
	background-color: #f5ad30;
	top:auto;
	bottom:0;
	margin-bottom:-12px;
}
.about2_spic .swiper-slide-active em{
	position:absolute;
	display:block; 
	left:50%;
	bottom:0;
	margin-bottom:-35px;
	width:20px; 
	margin-left:-10px
		
}

.about2_spic .swiper-prev, .about2_spic .swiper-next{
	position: absolute;
	width: 32px;
	top: 33px;
	height: 32px;
	line-height:32px;
 
 
	margin-top: -16px;
	z-index: 11;
	cursor: pointer;
	outline: none;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.4s;
	border-radius: 50%;
	text-align:center;
	background-color:#f5ac2c;
	
}
.about2_spic .swiper-prev i, .about2_spic .swiper-next i{ 
 
	font-size:18px; 
	color:#231917;
	
	}

.about2_spic .swiper-prev{left: 0px;}
.about2_spic .swiper-next{right: 0px}

.about2_spic .swiper-prev:hover, .about2_spic .swiper-next:hover{background-color:#231917;}
.about2_spic .swiper-prev:hover i, .about2_spic .swiper-next:hover i{color: #f5ac2c;  }
 
.lcbline{ height:10px; background:#aaa; position:absolute; width:100%; left:0; top:75px}

.swiper-container-android .swiper-slide, .swiper-wrapper{   position:relative }
 
.layout {
	box-sizing: border-box;
	position:relative;
	width: 100%;
 
	margin-left: auto;
	margin-right: auto;
	padding:0px 0px; 
}
 

.layout2 {
	box-sizing: border-box;
	position:relative;
	width: 100%;
 
	margin-left: auto;
	margin-right: auto;
	padding:0 60px;
}

.abt_honnor{ background:url(../img/honnorbg.jpg?v=1) center; background-size: cover;height:1380px; overflow:hidden; padding-top:40px; text-align: center;} 

.abt_honnor .brdtab{  }
.abt_honnor .brdtab .hd{ height:50px; line-height:50px;   position:relative; width:504px; margin:80px auto 100px;border-radius: 50px;border:1px solid #ddd;     overflow: hidden; }
.abt_honnor .brdtab .hd ul{ display:flex;justify-content: center;    align-items: center; }
.abt_honnor .brdtab .hd ul li{   width:250px;  text-align:center; cursor:pointer; font-size:18px;  }
.abt_honnor .brdtab .hd ul li.on{  border:1px solid #f5ad30; background:#f5ad30; color:#fff   }

.abt_honnor .hoolist {
	width: 1300px;  
	padding:0 50px;
	margin: 80px auto;
	position:relative;
	overflow:hidden;
}
.abt_honnor .hoolist  .swiper-slide {
	text-align: center;
	font-size: 18px;	         
}
.abt_honnor .hoolist .imgs{margin-bottom:30px;max-height: 175px;}
.abt_honnor .hoolist .imgs img{height: 175px;padding: 0;width:auto !important;     margin: 0 auto;  }
.abt_honnor .hoolist .tit{text-align: center; }

.abt_honnor .hoolist .tit h1{    font-size: 14px;color: #000000;  text-align: center; font-weight:normal;  }
 

 

.abt_honnor .swiper-button-next,.abt_honnor .swiper-button-prev{background: #f5ad30; color:#fff;width: 40px;height: 40px;border-radius: 35px; line-height: 46px;text-align: center;}
.abt_honnor .swiper-button-next i, .abt_honnor .swiper-button-prev i{font-size:22px;}
.abt_honnor .swiper-button-next:after,.abt_honnor .swiper-button-prev:after{ display:none;}