/*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:auto; height:100%;overflow: hidden; float: left;margin-top:18px;}
.header .logo img{width:auto;height:100%; display: block;}
.header .menu{width:auto; float: right;height:4.5rem;}
.header .menu li{float: left; position: relative;}
.header .menu li a{font-size:0.9rem;color:#333; display: block;height:100%;line-height:4.5rem;padding:0 1.5rem;}
.header .menu a:hover{ background: #fbdfbf;}
.header .menu li.active a{ background: #fbdfbf;}
/* .header.active{background:rgba(14,154,160,1);} */
.box_con{height: auto;text-align:left;}
.box_tit{height:auto; overflow: hidden; text-align:center; margin:0 auto 2rem auto; }
.box_tit h1 {display: flex;justify-content: center;align-items: center;}
.box_tit h1 strong {font-size: 1.5rem;color: #012386;margin: 0 40px;}
.box_tit h1 img {width: auto;}
.box_tit h1 span{margin:0;}
.box_tit p{font-size:0.9rem; color: #495c92; text-transform:uppercase;margin-top:15px;}
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:20px auto; border-radius:100px;}
a.abtn:hover{background:#f50028; color:#fff;}
.mainbody{height: auto; overflow:hidden; position: relative; z-index:1;margin-top:80px;}
.footer{ height:auto; overflow: hidden; background:#000; padding:0.8rem 0; text-align: center;}
.footer p{color:#fff; font-size:0.75rem; line-height:1.8;text-align: left; }
.footer p img{margin-right:0.1rem;}
.footer .txt{padding:2rem 0;}
.footer .right{float: right;}
.footer .right span{display: block;color:#fff;margin-top:0.3rem;}
.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-size:100% 100%; position: relative;background: url(../images/indexbg.jpg) no-repeat center bottom;}
.index .video{width:100%;height:100%;position: absolute;top: 0;left:0;}
.index .video_btn{display: none;}
.index .txt{width:100%;position: absolute;top:5%;left:0;z-index: 4;}
.index .txt img{display: block;width:53%;max-width:1018px;float: right;margin-right:2.8%;}
.index .txt img{display: block;}
.index .logo{width:10%; display: block; position: absolute; top:2%; left:2%; z-index:4;}
.index a.indexbtn{width:100%; height:100%; display: block; overflow: hidden; text-align: center;}
.index a.indexbtn img{ width:15.9%; display: block; position: absolute; left:44.4%; top:54.5%; transition:all 0.6s ease; -webkit-animation:my 1.5s infinite ease-in-out;z-index: 2;}
/* .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:0rem 0 1rem 0; background:url(../images/about_bg1.jpg) no-repeat left top;background-size: 100%;}
.about .pagebox1 .box_con{padding:1rem 0 0 0;position: relative;}
.about .pagebox1 .box_con p{font-size:0.8rem; color: #333; line-height:1.7;}
.about .pagebox1 .box_con p strong{color:#012386;}
.about .pagebox1 .box_con .top{height: auto;overflow: hidden;}
.about .pagebox1 .box_con .top img{width:100%;max-width:717px;float: left;margin-right:30px;}
.about .pagebox1 .box_con .top ul{height: auto;overflow: hidden;padding-top:110px;}
.about .pagebox1 .box_con .top li{margin-top:40px;}
.about .pagebox1 .box_con .top li h3{font-size:1.2rem;color:#012386;font-weight: bold;background:url(../images/about_stitbg.jpg) no-repeat left top;padding-top:10px;margin-bottom:15px;}
.about .pagebox1 .box_con .top li h3 span{font-size:0.9rem;color:#ed662c;font-weight: normal;margin-left:0.3rem;}
.about .pagebox1 .box_con .top li:last-child h3{background:url(../images/about_stitbg1.jpg) no-repeat left top;}
.about .pagebox1 .box_con .bottom img{width:100%;max-width:1200px;margin:0 auto;display: block;margin-top:40px;}

.about .pagebox2{padding:4rem 0 0rem 0;background: url(../images/about_bg.jpg) no-repeat right bottom;}
.about .pagebox2 .box1{height: auto;overflow: hidden;background: url(../images/about_img2.jpg) no-repeat left center;padding:60px 0 80px 0;margin-top:60px;}
.about .pagebox2 .box1 .txt{width:700px;height: auto;overflow: hidden;float: right;background: rgba(248, 247, 247, 0.9);padding:40px 40px 25px;}
.about .pagebox2 .box1 .txt p{font-size:16px;color:#333;line-height:30px;margin-bottom:15px;}
.about .pagebox2 .box2{height: auto;overflow: hidden;}
.about .pagebox2 .box2 img{width:100%;margin:0 auto;display: block;max-width:1200px;margin:30px 0 100px 0;}
/* welfare */
.welfare .mainbody{height: auto;overflow:hidden;background:url(../images/fl_bg.jpg) no-repeat left top; background-size:100% 100%;margin-top:0;padding-top:80px;}
.welfare .box_con img{display: block;margin:0 auto 120px;width:100%;max-width:1200px;}
/* job */
.job{}
.job .mainbody{background:url(../images/job_bg.jpg) no-repeat center top; background-size:100% auto;}
.job .pagebox1{padding:0rem 0 4rem 0; }
.job .pagebox1 .top {padding:0 50px;margin-bottom:30px;}
.job .pagebox1 .top ul{display: flex;justify-content: space-between;}
.job .pagebox1 .top li{height:45px;line-height: 45px;width:22%;text-align: center;border-radius:8px;font-size:18px;color:#2790f2;border:1px #2790f2 solid;}
.job .pagebox1 .top li:hover{font-weight: bold;background: #2790f2;color: #fff;}
.job .pagebox1 .top li.active{font-weight: bold;background: #2790f2;color: #fff;}
/* .job .pagebox1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.job .pagebox1 li{width:49%;height: auto;overflow: hidden;margin-bottom:30px;padding:25px;}
.job .pagebox1 li .stit{font-size:0.9rem;color:#fce09e;font-weight: bold;line-height:27px;margin-top:20px;}
.job .pagebox1 li .stit img{margin-right:5px;}
.job .pagebox1 li p{font-size:16px;color:#fff;margin-top:10px;}
.job .pagebox1 li h3{font-size:24px;color: #fff;font-weight: bold;border-bottom:1px #fff solid;padding-bottom:15px;}
.job .pagebox1 li.one{background: #ed662c;border-top-right-radius:30px;border-bottom-left-radius:30px;}
.job .pagebox1 li.two{background: #2790f2;border-top-left-radius:30px;border-bottom-right-radius:30px;}
.job .pagebox1 li.three{background: #0459c2;border-top-left-radius:30px;border-bottom-right-radius:30px;}
.job .pagebox1 li.frou{background: #eb8600;border-top-right-radius:30px;border-bottom-left-radius:30px;} */
.job_list{height: auto;overflow: hidden;}
.job_list li{height:auto;overflow: hidden;background: #fcf6f2;border-top-right-radius:30px;border-bottom-left-radius:30px;margin-top:20px;}
.job_list li .list_dorp{ width:185px; height:47px;line-height:47px;border:1px #eb8600 solid; overflow: hidden; display: flex; justify-content:center; align-items:center; float: right;  transition:all 0.6s ease;margin-top:-0.5rem;}
.job_list li .list_dorp em{width:27px; height:15px; background:url(../images/arrow_down.png) no-repeat center center;  transition:all 0.6s ease;}
.job_list li .list_dorp span{font-size:0.85rem; color: #eb8600; margin-right:0.5rem;}
.job_list li a.list_top{width:100%; height:auto; overflow:hidden; display: block; position: relative; text-align: left; padding:1.5rem 1rem 1rem 1rem;}
.job_list li a.list_top::before{content:''; display: block; width:5px; height:1rem; overflow: hidden; background: #eb8600; border-radius:10px; float:left; margin:0rem 0.75rem 0 0;}
.job_list li a.list_top h3{font-size:1rem; color:#eb8600;font-weight: bold;}
.job_list li a.list_top h3 span{font-size:16px;font-weight: normal;color:#999;}
.job_list li a.list_top p{font-size:0.7rem; color:#fff; margin:0 0 0 1rem;}
.job_list li .list_btn {height:auto;overflow: hidden; padding:0.75rem 0 0 0;  }
.job_list li .list_btn a{width:8rem; height:2rem;line-height:2rem; background:#eb8600; color:#fff;border-radius:0.5rem; font-size:0.85rem; display:inline-block; border:0; padding:0 2rem; margin:0 0.75rem 0 0; }
.job_list li .list_btn a:hover{background:#fff; }
.job_list li .list_con{height: auto;overflow: hidden; clear: both; padding:0.75rem 2rem 1.5rem 2rem; margin-top:-1rem; text-align: left; display: none; }
.job_list li .list_con strong{font-size:16px;margin-bottom:10px;color:#fde9b9; margin-bottom:1rem;}
.job_list li .list_con p{font-size:14px; line-height:2; margin-bottom:10px;color:#333;}
.job_list li .list_con h4{font-size:16px; line-height:2.2; font-weight: bold; color:#fff; padding:1rem 0;}
.job_list li:nth-child(even){background: #f8faff;}
.job_list li.active .list_dorp{}
.job_list li.active .list_dorp em{transform: rotate(180deg);}
.job_list li.active .list_dorp span{color: #eb8600;font-weight: bold;}
.job_list li.active a.list_top h3{font-weight: bold; color: #eb8600;}
.job_list li.nodata{text-align:center; color:#ccc; border:0;}
.job .pagebox2{padding:0rem 0 4rem 0;}
.job .pagebox2 .box_con img{width:100%;display: block;margin:0 auto;max-width:839px;}
.job .pagebox3{padding:1.5rem 0; background:url(../images/job_bg2.jpg) no-repeat center top; background-size:100% 100%;}
.job .pagebox3 .box_tit h1 strong{color:#fff;}
.job .pagebox3  .box_con img{display: block;float: left;}
.job .pagebox3  .box_con img:first-child{margin-right:55px;}
.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.7rem 0 0 0.5rem;}
 .header .logo img{height:2.5rem;}
 .header .menu{margin:0;height:4rem;}
 .header .menu li{margin:0;}
 .header .menu li span{font-size:0.9rem; }
 .header .menu li a{ font-size:1.3rem; padding-bottom:0.5rem; margin:0px 0;line-height:4rem;padding:0 0.8rem;}
 .box_tit{margin:0 auto 1rem auto; }
 .footer .txt{padding: 1rem 0;}
 .footer p{font-size:0.9rem; line-height:1.8; }
.mainbody{margin:0;}
.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;}
.box_tit h1 strong{font-size:1.8rem;}
 .box_tit p{font-size:1rem;}
 /*index*/
 .index {background:#090305 url(../images/wapindex.jpg) no-repeat center bottom;background-size: 100% auto;}
 .index .txt img{width:97%;margin:0 auto;float: none;}
 .index a.indexbtn img{width:40%; right:5%;z-index: 5;left: auto;bottom:22%;top: auto;}
 .index .video_btn{display:block;}
 .index .video_cover{width:100%;height:100%;background-image:linear-gradient( 241deg, rgba(60, 0, 255, 0.1) 0%, rgba(60, 0, 255, 0.1) 100% );position: absolute;top: 0;left: 0;z-index:3;display: none;}
 .index .video video{width:100%;height: 100%;transform-style: preserve-3d;o-object-fit: cover;  object-fit: cover;-webkit-backface-visibility: hidden;  backface-visibility: hidden;-o-object-position: 50% 60%; object-position: 50% 60%; }
 .index .txt{top:6%;}
 .index .logo{width:100%;left:0;top:5%;}
 .index .logo img{display: block;margin-left:0.5rem;}
 .video_btn{width:100%; height: auto; overflow:hidden; position: absolute; left:0; top:50%; z-index:12;}
 .video_btn a.vbtn{width:8rem; height:8rem; overflow:hidden; display: block; background:url(../images/icon_play.png) no-repeat center center; background-size:80% auto; margin:0 auto; cursor:pointer;}
 .videoPage {width:100%; height:100vh; overflow:hidden; position: relative;}
 .videoPage .video{width:100%; height:100vh; overflow:hidden;  }
 .videoPage .video video{width:100%; height:100%; display:block; transform-style: preserve-3d; o-object-fit: cover; object-fit: cover; -o-object-position: 50% 60%; object-position: 50% 60%; -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
 .video_btn.active a.vbtn{width:8rem; height:8rem;background: url(../images/icon_stop.png) no-repeat center center;background-size:100% 100%;}
 /* about */
 .about .pagebox1{padding:3rem 0 1rem 0;  }
 .about .pagebox2{padding:2rem 0 2rem 0;}
 .about .pagebox1 .box_con .top img{float: none;width:100%;max-width:100%;}
 .about .pagebox1 .box_con .top ul{padding-top:0.8rem;}
 .about .pagebox1 .box_con .top li h3{font-size:1.5rem;}
 .about .pagebox1 .box_con .top li h3 span{font-size:1rem;}
 .about .pagebox1 .box_con p{font-size:1rem;}
 .about .pagebox2 .box1 {padding: 0;}
 .about .pagebox2 .box1 .txt{float: none;margin:15rem auto 0;width:100%;}
 .about .pagebox2 .box1 .txt p{font-size:1rem;line-height:1.8;}
 .about .pagebox2 .box1{background: url(../images/about_img2.jpg) no-repeat left top;background-size: 100%;}
 .about .pagebox2 .box2 img{margin-bottom:30px;}
/* history */
.swiper_gallery{width:93%;}
.box_stit h1{font-size:2rem;}
.welfare .pagebox2{background: url(../images/fl_bg3.jpg) no-repeat center bottom;background-size: 100% ; }
.welfare .pagebox1{background: url(../images/fl_bg.jpg) no-repeat center 125px;}
.welfare .pagebox1 .txt p{font-size:1rem;line-height:1.8rem;}
.welfare .pagebox1 .txt{padding: 40px 40px 100px;}
.welfare p.infor{font-size:1.1rem;}
 /* job */
 .job{}
 .job .mainbody{padding:3rem 0 0rem 0;}
 .job .pagebox1 ul{display: block;}
  .job .pagebox1 li{width:100%;}
  .job .pagebox1 li p{font-size:1rem;line-height:2;}
  .job .pagebox1 li .stit{font-size:1.2rem;}
  .job .pagebox1 li h3{font-size:1.5rem;}
  .job .pagebox2 .box_con img{max-width:100%;margin:1.5rem 0 0;}
  .job .pagebox3{background-size: auto 100%;}
  .job .pagebox3 .box_con img{float: none;width:90%;margin:1.8rem auto 0;}
}
