/*reset*/
*{box-sizing: border-box;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:20px;}
body{margin: 0; padding: 0; background:#fff; font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, "Microsoft YaHei", "PingFang SC", Arial, sans-serif;position: relative;}
input:focus {outline: none;}
html,body{width:100%; height:100%;}
a{text-decoration: none; outline:none;}
ul,li,dl,dt,dd,ol{ margin:0; padding:0; list-style:none;}
em,i{ font-style:normal; margin:0; padding:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0;}
a:link,a:visited{outline:none; text-decoration: none; color: #0e9aa0; blr:expression(this.onFocus=this.blur());}
a:hover{color: #34c2db; outline:none; text-decoration: none;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display: none;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display:none;}
.swiper-button-prev{width:30px;height:51px; background:url(../images/arrow_left.png) no-repeat center center;}
.swiper-button-next{width:30px;height:51px; background:url(../images/arrow_right.png) no-repeat center center;}
.swiper-button-next,.swiper-button-prev{outline: none;}
.swiper-pagination-bullet{opacity:0.1;}
.swiper-pagination-bullet-active{background:#000; opacity:0.5;}

.maintab{max-width:1200px; height: auto; margin:3.5rem auto;}

/*主tab*/
.tabs{height:auto; border:0; display: flex; justify-content:center; align-items:center; margin:0px; text-align: center;}
.tabs li{width:18%; height:auto; text-align:center; position: relative; border:0; margin:0 2.5%;}
.tabs>li>a{width:100%; height:3rem; overflow:hidden; display: block; text-align:center; border-radius:0.5rem; background: #fff; border:2px #ff4341 solid; position: relative; padding:0; box-shadow:0 0.2rem 0.4rem rgba(215,22,52,0.3);}
.tabs>li>a p{font-size:0.9rem; line-height:2.8rem; color:#ff4341;}
.tabs>li>a:hover{background: #fff; border:2px #ff4341 solid; }
.tabs>li>a:hover p{color:#ff4341; font-weight: bold;}
.tabs>li.active>a, .tabs>li.active>a:focus, .tabs>li.active>a:hover{ background:#ff4341; border:2px #ff4341 solid; }
.tabs>li.active a p,.tabs>li.active a:hover a p,.tabs>li.active a:link a p,.tabs>li.active a:focus a p{color:#fff;}

/*子tab*/
.stabs{height:auto; border:0; display: flex; justify-content:center; align-items:center; margin:0px; text-align: center;}
.stabs li{width:15%; height:auto; margin:0; text-align:center; position: relative; border:0;}
.stabs>li>a{width:100%; height:2.2rem; overflow:hidden; display: block; text-align:center; border-radius:0.5rem; background:none; border:0; position: relative; padding:0; }
.stabs>li>a p{font-size:0.9rem; line-height:2rem; display: inline-block; color:#333; }
.stabs>li>a:hover{background:#fff; border:0;}
.stabs>li>a:hover p{color:#ff4341; border-bottom:3px #ff4341 solid;}
.stabs>li.active>a, .stabs>li.active>a:focus, .stabs>li.active>a:hover{ background:none; border:0;}
.stabs>li.active a p,.stabs>li.active a:hover a p,.stabs>li.active a:link a p,.stabs>li.active a:focus a p{color:#ff4341; font-weight: bold; border-bottom:3px #ff4341 solid;}

/*子tab*/
.stabs1{height:auto; border:0; margin:0px; text-align: center; border-right:1px #ddd solid;}
.stabs1 li{display: block; height:auto; margin:0.75rem 0; text-align:center; position: relative; border:0; float:none; padding:0 2.5rem 0 0;}
.stabs1 li::after{content:''; display: block; width:15px; height:15px; overflow: hidden; border-radius:20px; background:#fff; border:2px #ff4341 solid; position: absolute; right:-8px; top:0.75rem; z-index:1; display: none;}
.stabs1>li>a{width:100%; height:2.2rem; overflow:hidden; display: block; text-align:center; border-radius:2rem; background: #f7f7f7; border:0; position: relative; padding:0; }
.stabs1>li>a p{font-size:0.9rem; line-height:2rem; display: inline-block; color:#333; padding:0 0.75rem;}
.stabs1>li>a:hover{background:#fff; border:0;}
.stabs1>li>a:hover p{color:#ff4341;}
.stabs1>li.active::after{display: block;}
.stabs1>li.active>a, .stabs1>li.active>a:focus, .stabs1>li.active>a:hover{ background:#ff4341;border:0;}
.stabs1>li.active a p,.stabs1>li.active a:hover a p,.stabs1>li.active a:link a p,.stabs1>li.active a:focus a p{color:#fff; }


.tab-content{width:100%; height:auto; background:none; }
.tab-content .tab-pane{width:100%;}

/*public*/
.banner{height:auto;overflow: hidden; position: relative; margin-top:4.5rem;}
.banner .bannerbtn{display:block; height:1rem; overflow:hidden; position:absolute; bottom:50px;}
.banner img{width:100%;display: block;}
.header{ width:100%; height:4.5rem; background:#fff; transition:all 0.6s ease; position: fixed; top: 0; z-index:999; left:0;}
.header .logo{width:164px; height:auto;overflow: hidden; float: left; margin:0.8rem 0 0 0px;}
.header .logo img{width:100%; display: block;}
.header .menu{width:auto; float: right; margin:1.6rem 0px 0 0;}
.header .menu li{margin:0 2rem; float: left; position: relative;}
.header .menu li a{font-size:0.9rem;color:#333; display: block; padding-bottom:0.5rem;}
.header .menu a:hover{ border-bottom:2px #ff4240 solid; color: #ff4240; font-weight:bold;}
.header .menu li.active a{ border-bottom:2px #ff4240 solid; color: #ff4240; font-weight:bold;}
/* .header.active{background:rgba(14,154,160,1);} */
.box_con{height: auto; overflow:hidden; text-align:left;}
.box_tit{height:95px; overflow: hidden; text-align:center; background:url(../images/tbg.png) no-repeat center top; margin:0 auto 2rem auto; }
.box_tit h1{font-size:1.4rem; color:#fff; line-height:90px; font-weight:bold;}
.box_tit h1 span{margin:0;}
.box_tit p{font-size:0.7rem; color: #d71634; text-transform:uppercase;}
a.abtn{display:block; height:50px; line-height:50px; overflow:hidden; text-align: center; font-size:0.8rem; background:-webkit-linear-gradient(left,#ff4341,#ff8859); color:#fff; margin:0.75rem auto; border-radius:100px;}
a.abtn:hover{background:#f50028; color:#fff;}
.mainbody{height: auto; overflow:hidden; position: relative; z-index:1;}
.footer{ height:auto; overflow: hidden; background:-webkit-linear-gradient(left,#ff4341,#ff8859); padding:1.5rem 0; text-align: center;}
.footer p{color:#fff; font-size:0.75rem; line-height:1.8; }
.footer a:link,.footer a:visited{color: #fff;}
.footer a:hover{color: #c00000;}
.navbar{width:180px; height: auto;  position: fixed; left:50%; margin-left:-800px; top:40%; z-index:100; background:url(../images/lnav_bg.png) no-repeat center bottom; text-align: center; padding-bottom:0.3rem; }
.navbar dt{width:100%; height:67px; line-height:67px; overflow: hidden; font-size:1rem; color:#fff; font-weight: bold; background:url(../images/lnav_tbg.png) no-repeat center top;}
.navbar dd a{width:100%; height:75px; line-height:70px; overflow: hidden; display: block; font-size:0.9rem; color:#fff; background:url(../images/lnav_cbg.png) no-repeat center top; margin:-0.4rem 0 0 0;}
.navbar dd a:hover{background-image:url(../images/lnav_cbg1.png);}
.navbar dd.active a{background-image:url(../images/lnav_cbg1.png); font-weight: bold;}
.lnav1{background:url(../images/lnav_bg1.png) no-repeat center bottom;}
.navbar .btn_close{position: absolute; bottom:-3rem; left:3.5rem; display: none;}
.navbar .btn_menu{position: absolute; top:30%; right:-7rem; display: none;}

/*index*/
.index{width:100%; height:100%; overflow: hidden; background:url(../images/indexbg.jpg) no-repeat center top; background-size:100% 100%; position: relative;}
.index .logo{width:10%; display: block; position: absolute; top:4%; left:3%; z-index:1;}
.index a.indexbtn{width:100%; height:100%; display: block; overflow: hidden; text-align: center;}
.index a.indexbtn img{ width:14%; display: block; position: absolute; right:8%; bottom:7.5%; transition:all 0.6s ease; -webkit-animation:my 1.5s infinite ease-in-out;}
/* .index a.indexbtn:hover img{ transform:scale(1.1);} */
@-webkit-keyframes my{
	0%{
		transform:scale(1);
	}
	50%{
		transform:scale(1.1);
	}
	100%{
		transform:scale(1);
	}
}

/* about */
.about .pagebox1{padding:4rem 0 1rem 0; background:url(../images/intro_bg1.jpg) no-repeat center top; background-size:100% auto; }
.about .pagebox1 .box_con{padding:1rem 0 0 0;}
.about .pagebox1 .box_con video{width:100%; display: block;}
.about .pagebox1 .box_con p{font-size:0.8rem; color: #333; line-height:2; margin:1rem 1.5rem;}
.about .pagebox2{padding:4rem 0 3rem 0; background:url(../images/intro_bg2.jpg) no-repeat center top; background-size:110% auto;}
.about .pagebox2 .box_con img{width:100%; display: block; margin:2rem auto 0 auto; max-width:1180px;}
.about .pagebox2 .box_con p{font-size:0.8rem; color: #333; line-height:1.8; text-align: center;}
.about .pagebox2 .box_con p strong{color:#ff4341;}
.about .pagebox3{padding:5rem 0 4rem 0; background:url(../images/intro_bg3.jpg) no-repeat right top; background-size:120% 120%;}
.about .pagebox3 .box_con img{width:100%; display: block; margin:2rem auto 0 auto; max-width:1200px;}
.about .pagebox3 .box_con p{font-size:0.8rem; color: #333; line-height:1.8; text-align: center;}
.about .pagebox3 .box_con p strong{color:#ff4341;}

/* culture */
.culture .pagebox1{padding:4rem 0 2rem 0;}
.culture .pagebox1 .box_con p{font-size:0.8rem; color: #333; line-height:2;}
.culture .pagebox2{padding:3rem 0 4rem 0; background:url(../images/culture_bg.jpg) no-repeat center top; background-size:100% 100%; }
.culture .pagebox2 .tab-content{padding:2rem 0 0 0;}
.culture .pagebox2 .snav_left{width:50%; float: right; margin:0;}
.culture .pagebox2 .snav_left video{width:100%; display: block;}
.culture .pagebox2 .snav_left img{width:100%; height:337px; display: block;}
.culture .pagebox2 .snav_right{flex:1; height:337px; overflow: hidden; background:#fff; padding:3.5rem 3.5rem; text-align: left;}
.culture .pagebox2 .snav_right h3{font-size:30px; color:#ff4341; font-weight: bold; position: relative; margin:1.5rem 0 0 0;}
.culture .pagebox2 .snav_right h3::after{content:'';display: block; width:75px; height:2px; overflow: hidden; background:#ff4341; margin:1rem 0; }
.culture .pagebox2 .snav_right p{font-size:0.9rem; color: #333; line-height:2;}

/* history */
.history .pagebox1{padding:4rem 0 2rem 0;}
.history .pagebox1 .box_con img{width:100%; display: block; margin:0 auto; max-width:1200px;}
.history .pagebox2{padding:3rem 0 1rem 0; background:url(../images/history_bg1.jpg) no-repeat center top; background-size:100% 100%; }
.history .pagebox2 .box_con p{font-size:0.9rem; color: #333; line-height:2; text-align: center;}
.swiperbox{width:80%; height: auto; overflow: hidden; padding:3rem 0; margin:0rem auto 2rem auto;}
.swiper_gallery{width:90%; height: auto; overflow: hidden; position: relative; margin:0rem auto; transform:scale(1.2);}
.swiper_gallery .swiper-slide { transition:all 0.6s ease; transform:scale(0.8);}
.swiper_gallery .swiper-slide img{width:100%; display: block; border-radius:0.5rem;}
.swiper_gallery  .swiper-slide-active,.swiper_gallery  .swiper-slide-duplicate-active{ transform: scale(1); position: relative; z-index:10;}
.history .pagebox2 .swiper-button-prev,.history .pagebox2 .swiper-button-next{width:54px; height:54px; overflow: hidden; z-index:100; top:62%; background-repeat: no-repeat; background-position:center center; background-size:100% auto;}
.history .pagebox2 .swiper-button-prev{left:1rem; background-image: url(../images/arrow_left.png);}
.history .pagebox2 .swiper-button-next{right:1rem; background-image: url(../images/arrow_right.png);}
.history .pagebox3{padding:4rem 0 2rem 0; background:url(../images/history_bg2.jpg) no-repeat center bottom; background-size:100% auto;}
.history .pagebox3 .box_list{height: auto; overflow: hidden;}
.history .pagebox3 .box_list li{width:48%; float:left; margin:0 0 1rem 0;}
.history .pagebox3 .box_list li:nth-child(even){margin:0 0 1rem 4%;}
.history .pagebox3 .box_list a{height:65px; line-height:65px; overflow: hidden; display: block; background: #f8f8f8; }
.history .pagebox3 .box_list p{font-size:0.8rem; color: #333; height:65px; line-height:65px; font-size:0.9rem; color: #333; border-left:2px #ff4341 solid; padding:0 0 0 2rem;}
.history .pagebox3 .box_list span{float: right; display: block; padding:0 1.5rem; height:65px; line-height:65px; font-size:0.8rem; color:#f8f8f8;}
.history .pagebox3 .box_list a:hover{background:#ff4341;}
.history .pagebox3 .box_list a:hover p{color:#fff; font-weight: bold;}
.history .pagebox3 .box_list a:hover span{ background:-webkit-linear-gradient(left,#0446ad,#00cefe);  color: #fff;}
.history .pagebox3 .box_bt{margin:2rem auto; text-align: center;}
.history .pagebox3 .box_bt a.abtn{width:200px; background:-webkit-linear-gradient(left,#0446ad,#00cefe);}
.history .pagebox3 .box_bt a.abtn:hover{background: #ff4341;}
/* welfare */
.welfare .mainbody{padding:4rem 0 4rem 0; background:url(../images/welfare_bg.jpg) no-repeat center bottom; background-size:100% auto; }
.welfare .box_con{padding:1rem 0 0 0;}
.welfare .box_con img{width:100%; display: block; margin:0 auto;}
.welfare .box_con .img1{max-width:1200px; margin-bottom:3rem;}
.welfare .box_con .img2{max-width:1199px;}

/* educate */
.educate .stit{height: auto; overflow: hidden;display: flex; justify-content:center; align-items:center; margin:0 auto 2rem auto; text-align: center;}
.educate .stit span{font-size:1.1rem; color:#333; font-weight: bold; margin:0 1.5rem;}
.educate .stit::before,.educate .stit::after{content:''; display: block; width:70px; height:2px; overflow: hidden; background: #333;}
.educate .pagebox1{padding:4rem 0 5rem 0; }
.educate .pagebox1 .box_left{width:36%; float: left; margin:0; box-shadow:2rem 2rem 0 #f8f8f8;}
.educate .pagebox1 .box_left img{width:100%; display: block;}
.educate .pagebox1 .box_right{height: auto; overflow: hidden; text-align: left; padding:0 0 0 5rem;}
.educate .pagebox1 .box_right p{font-size:0.8rem; color: #333; line-height:2.2;}
.educate .pagebox2{padding:5rem 0 4rem 0; background:url(../images/intro_bg3.jpg) no-repeat right top; background-size:110% 115%; }
.educate .pagebox2 .bgimg{width:15rem; position: absolute; right:50%; bottom:-2rem; margin-right:-950px;}
.educate .pagebox2 .box_con img{width:100%; display: block; margin:0 auto; max-width:1200px;}

/* process */
.process .pagebox1{padding:4rem 0 1rem 0;}
.process .pagebox1 .box_con{padding:1rem 0 0 0;}
.process .pagebox1 .box_con img{width:100%; display: block; max-width:1200px; margin:0 auto;}
.process .pagebox2{padding:4rem 0 4rem 0; background:url(../images/process_bg.jpg) no-repeat center bottom; background-size:100% auto; }
.process .pagebox2 .box_con img{display: block; margin:2rem auto 0 auto; }
.process .pagebox2 .box_con p{font-size:0.8rem; color: #333; line-height:1.8; text-align: center;}
.process .pagebox2 .box_con p strong{color:#ff4341;}

/* job */
.job{}
.job .pagebox1{padding:4rem 0 4rem 0; background:url(../images/job_bg.jpg) no-repeat center top; background-size:100% auto;}
.job .ltab{width:370px; height: auto;overflow: hidden; background:#fff; float: left; min-height:480px; border: none; padding:0 1.5rem 0 0; }
.job .ltab li{height:auto;overflow: hidden; width:100%; border-bottom:1px #ddd dashed; padding:0 0;}
.job .ltab li a{width:100%; display: block; padding:20px 15px; font-size:0.8rem; text-align: center; border-radius:0.5rem; color:#333;cursor:pointer;}
.job .ltab li.active a{color: #ff4341; font-weight: bold;}
.job .ltab li:hover a{color:#ff4341;}
.job .ltab>li.active>a, .ltab>li.active>a:focus, .ltab>li.active>a:hover {background:-webkit-linear-gradient(left,#ff4341,#ff8859);  color:#fff; border:0; }
.job .tabCon{width:auto; height: auto; overflow: hidden; border-left:1px #ddd solid; padding:0 0 0 1.5rem; min-height:27rem;}
.job .job_list{height: auto;overflow: hidden;}
.job .job_list dd{height:auto;overflow: hidden; position: relative; margin-bottom:1rem;}
.job .job_list a.list_top{ height: auto; overflow:hidden; background:#f8f8f8; padding:1.5rem; display: block;  text-align:left; border-left:2px #ff4341 solid; }
.job .job_list .list_top h3{font-size:0.85rem; color:#ff4341; font-weight: bold;}
.job .job_list .list_top p{}
.job .job_list .list_top p span{font-size:0.7rem; color:#999;}
.job .job_list .list_top p em{display:inline-block; width:0; height:0; transition:all 0.4s ease;border-top:0.2rem solid transparent;border-bottom:0.2rem solid transparent; border-left:0.3rem solid #999999; margin:0 0 0 0.3rem;}
.job .job_list .list_btn {position: absolute; right:1rem; top:0.2rem; z-index:1;}
.job .job_list .list_btn a{width:auto; height:2rem;line-height:2rem; font-size:0.75rem; background:-webkit-linear-gradient(left,#0446ad,#00cefe);  color:#fff; display:inline-block; border-radius:2rem; padding:0 1.6rem; border:0; }
.job .job_list .list_btn a:hover{background:#ff4341;}
.job .job_list .list_con{height: auto;overflow: hidden;clear: both; background:#f8f8f8; margin:0.1rem 0 0 0; padding:1rem 1.6rem; text-align: left; display: none; }
.job .job_list .list_con li{height: auto; overflow: hidden; margin:0.5rem 0;}
.job .job_list .list_con strong{font-size:0.75rem; color:#666; float: left; margin:0.1rem 0.5rem 0 0;}
.job .job_list .list_con p{height: auto; overflow: hidden; font-size:0.7rem; line-height:1.8; color:#666; }
.job .job_list .active{}
.job .job_list .active .list_top{}
.job .job_list .active a h3{}
.job .job_list .active a span{}
.job .job_list .active a p em{transform:rotate(90deg);}
.job .job_list .nodata{text-align:center;color:#eee;}
.job .pagebox2{padding:0rem 0 3rem 0;}
.job .pagebox2 .box_item{height: auto; overflow: hidden; background:#f8f8f8; border-top-left-radius:2rem; border-bottom-right-radius:2rem; margin-bottom:2rem;}
.job .pagebox2 .bt{height:72px; line-height:72px; overflow: hidden; font-size:1.1rem; color: #fff; background:url(../images/job_tbg.png) no-repeat left center; text-align: left; padding:0 0 0 3.5rem;}
.job .pagebox2 .bc{height: auto; overflow: hidden; padding:0rem 0 2rem 0; text-align: center;}
.job .pagebox2 .bc p{font-size:0.9rem; color:#333; line-height:2; }
.job .pagebox2 .bc p strong{color:#ff4341;}
.job .pagebox2 .bc a.abtn{width:10rem; margin:2rem auto 1rem auto;}
.job .pagebox2 .bc img{display: block; margin:2rem auto 1rem auto;}
.job .pagebox2 .item2{}
.job .pagebox2 .item2 .bc{padding:0rem 0 1rem 0;}
.job .pagebox2 .item3 img{width:100%; max-width:1120px; margin:2rem auto 2rem auto;}
.job .pagebox2 .item3 p{border-top:1px #ddd solid; padding:1.5rem 0 0 0;}

.container {
 width: 100%;
 height: auto;
 padding-right:0px;
 padding-left:0px;
 margin:0 auto;
 position: relative;
 z-index:1;
}
@media screen and (min-width:1000px){
 .container {
  max-width:1200px; 
 }
}
@media screen and (max-width:1000px){
 .container {
  padding-right:1rem;
  padding-left:1rem;
 }
 .banner{margin-top:3.9rem;}
 .header{height:4rem;}
 .header .logo{margin:0.5rem 0 0 0.5rem;}
 .header .logo img{height:3rem;}
 .header .menu{margin:0;}
 .header .menu li{margin:1rem 0.75rem;}
 .header .menu li span{font-size:0.9rem; }
 .header .menu li a{ font-size:1.2rem; padding-bottom:0.5rem; margin:0px 0.5rem;}
 .box_tit{margin:0 auto 1rem auto; }
.box_tit h1{font-size:1.4rem; line-height:92px;}
.footer{ padding:1rem 0;}
.footer p{font-size:0.9rem; line-height:1.8; }

.navbar{width:180px;left:0.5rem; margin-left:0; top:40%; transition:all 0.6s ease; transform: translateX(-120%); }
.navbar .btn_close{display: block;}
.navbar .btn_menu{display: block;}
.navbar.active{transform:scale(1.2) translateX(0); }
.navbar.active .btn_menu{display: none;}
 
 /*index*/
 .index{background:url(../images/wapindex.jpg) no-repeat center top; background-size:100% auto;}
 .index .logo{width:30%; top:2.5rem; left:34%; z-index:1;}
 .index a.indexbtn img{width:40%; left:30%; bottom:6%; }
 
 /* about */
 .about .pagebox1{padding:1rem 0 1rem 0;  }
 .about .pagebox2{padding:2rem 0 2rem 0; background-position: center 2rem;}
 
/* history */
.swiper_gallery{width:93%;}

 
 /* job */
 .job{}
 .job .ltab{width:43%; padding:0 1rem 0 0; }
 .job .ltab li a{padding:0; font-size:1rem;}
 .job .stabs li{width:30%;}
 .job .tabCon{width:auto; height: auto; overflow: hidden; border-left:1px #ddd solid; padding:0 0 0 1.5rem; min-height:20rem;}
 .job  .list_tit{height:3rem; line-height:3rem; }
 .job  .list_tit span{font-size:0.9rem;}
 .job .job_list li a.list_top{padding:18px 0px 18px 20px;}
 .job .job_list li a strong{font-size:1rem;}
 .job .job_list li a span{font-size:0.7rem;}
 .job .job_list li .list_btn {height:auto;overflow: hidden; margin:0.5rem 0;}
 .job .job_list li .list_con{margin:0px 20px 0 20px;padding:10px 0 0 0px;}
 .job .job_list li .list_con p{font-size:0.8rem; }
 
}