*{margin: 0;padding: 0;}

.banner{width: 100%;height: 567px;background: url(../images/banner.png) center top no-repeat;}
.nav_box{width: 1200px;margin:0 auto;}
.logo{margin-left: 50px;margin-top: 27px;}
.nav_list{float: right;margin-top: 35px;}
.nav_list li{float:left;margin-right: 28px;text-align: center;}
.nav_list li.last{margin-right: 0;}
.nav_list li a{width: 100%;height: auto;padding: 10px 0px;display: inline-block;font-size: 15px;color:#ffffff;position: relative;}
.nav_list li a:after{content: "";width: 0%;height: 2px;display: block;position: absolute;left: 0;bottom: 0;transition: all .3s linear;background: #fff;}
.nav_list li a:hover:after{width: 100%;}
.nav_list li a.active:after{width: 100%;}


.content{width: 100%;background: url(../images/fish_bg.png);overflow: hidden;}
.comlist{width: 1200px;margin: 0 auto;margin-top:75px;text-align: center;}
.title1{margin-bottom: 65px;}
p.comlist_p{text-align: left;font-size: 14px;color: #000000;line-height: 30px;margin-bottom:30px ;text-indent: 2em;}
p.comlist_p.on{font-size: 30px;color: #000;line-height: 50px;}
p.ys_left.on{width: 200px;}
p.ys_right.on{width: 934px;} 
p.ys_right.on span{font-size: 30px;line-height: 50px;}
.title1.on{width: 300px;}
.career_table th.on{font-size: 30px;}
.career_table td.on{font-size: 30px;height: 60px;}
.career_table td .job_apply.on{width: 140px;height: 50px;line-height: 50px;margin-top: 5px;}
.schdule_table th.on{font-size: 32px;}
.schdule_table td.on{font-size: 30px;height: 60px;}
.nav_list li a.on{font-size: 30px;}
.nav_list.on{display: none;}
.menu_img{position: fixed;right: 2px;top: 20px;z-index: 20;width: 150px;display:none;}
.menu_img.on{display: block;}
.mobile_nav{width:auto;position: fixed;top: 195px;right: 100px;background: rgba(0,0,0,0.8);z-index: 100;display: none;}
.mobile_nav.on{display: block;}
.float_nav.on{display: none;}
.logo.on{width: 200px;}
.p302.on{display: none;}
.mobile_302{display: none;}
.mobile_302.on{display: block;margin-bottom: 75px;}
.bottom_list.on{width: 1000px;}
.bottom_list.on li{margin-right: 30px;}
.bottom_list li.on{overflow: hidden;border-radius: 10px;}
.mb_img{display: none;}
.mobile_list{width: 100%;padding: 60px 0;box-sizing: border-box;}
.mobile_list li a{color: #fff;text-align: center;font-size: 50px;width: 100%;display: block;padding: 10px 50px;box-sizing: border-box;border-bottom: 2px dashed #fff;}
.comlist h3{width: 1155px;height: 37px;margin: 0 auto;background: url(../images/zlys.png);text-align: center;line-height: 37px;color:#ef5d4a;font-size: 16px;}

.ys_inner{width: 1155px;margin: 0 auto;margin-top: 35px;overflow: hidden;}
.ys_inner p{text-align: left;text-indent: 0;}
.ys_left{width: 144px;float: left;height: 40px;border-right: 1px solid #004fa3;display: table;}
.ys_right{width: 990px;float: right;display: table;height: 40px;}
.ys_right span{display: table-cell;vertical-align: middle;}
p.ys_left{font-size: 14px;color: #000;font-weight: bold;}
.ys_inner img{padding-left: 10px;float: left;padding-right: 10px;margin-top: 10px;}
.ys_left span{display: table-cell;vertical-align: middle;}
.ys_left span.on{font-size: 30px !important;}
.ys_inner.last{margin-bottom: 77px;}




.culture{width: 100%;height: 725px;background: url(../images/body_bg.png) center top no-repeat;padding-top:60px;text-align: center;box-sizing: border-box;}

.title3{margin-bottom: 65px;}
.culture_list{width: 1152px;margin: 0 auto;}
.culture_list li{float: left;margin-right:48px;cursor: pointer;position: relative;}
.culture_list li.last{margin: 0;}
.culture_list li .cover_img{position: absolute;left: 0;top: 0;opacity: 0;}

.jobin{width: 1200px;margin: 0 auto;text-align: center;margin-top: 60px;}
.p201{margin-bottom: 50px;}
.swiper-container{width: 100%;height: 100%;}
.device{width: 999px;height: 608px;margin:0 auto;position: relative;margin-bottom: 120px;}
.prev{width: 31px;height: 53px;background: url(../images/left_btn.png);position: absolute;left: -60px;top: 300px;}
.next{width: 31px;height: 53px;background: url(../images/right_btn.png);position: absolute;right: -60px;top: 300px;}

.career{width: 100%;background:#eeeeee;text-align: center;padding-bottom: 50px;}
.career_title{margin-top: 40px;margin-bottom: 75px;}

.schdule{width: 100%;padding-top: 53px;box-sizing: border-box;text-align: center;}
.p301{margin-bottom: 40px;}
.p302{margin-bottom: 75px;}
.schdule_inner{width: 1200px;margin: 0 auto;text-align: left;position: relative;padding-bottom: 60px}
.schdule_inner>img{text-align: center;}
.schdule_table{width: 905px;margin-top: 30px;}
.schdule_table th{height: 40px;vertical-align: middle;background:#36a2d6;font-size:16px;font-weight: bold;color: #fff;text-align: center;}
.schdule_table td{height: 40px;vertical-align: middle;text-align: center;}
.p304{position: absolute;right:60px;bottom: 0;}



.bottom{width: 100%;background: url(../images/bottom_bg.png);overflow: hidden;}
.bottom_inner{width: 1200px;margin: 0 auto;margin-top:50px;text-align: center;}
.bottom_list{width: 900px;margin: 0 auto;margin-top: 63px;overflow: hidden;margin-bottom:108px ;}
.bottom_list li{float: left;margin-right:100px;}
.bottom_list li.last{margin: 0;}
.footer{text-align: center;color: #fff;height: 60px;line-height: 60px;}

.career_table{width: 1100px;margin: 0 auto;}
.career_table th{height: 68px;vertical-align: middle;border-bottom: 2px solid #ccc;font-size: 16px;color: #000000;position: relative;}
.career_table th:after{content: "";width: 64px;height: 8px;position: absolute;display: block;background: #004fa3;left: 50%;margin-left: -32px;bottom: -4px;}
.career_table th.first_td:after{left: 50px;}
.career_table td{height: 50px;vertical-align: middle;font-size: 14px;color: #000;}
.career_table td .job_apply{width:70px;height: 25px;text-align: center;line-height: 25px;color: #fff;background: #004fa3;display: block;}

.career_table .first_td{padding-left: 20px;box-sizing: border-box;}

.backTop{width: 27px;height: 51px;background: url(../images/top.png);cursor: pointer;position: fixed;right: 0;bottom: 30px;display: none;}
.float_nav{width: 120px;height:auto;position: fixed;left: 0;top: 10%;display: none;z-index: 200;}
.float_nav li{width: 100%;height: 110px;border-left: 4px solid #000000;border-top: 4px solid #000000;border-right: 4px solid #000000;background: #7fb4db;box-sizing: border-box;display: table;}
.float_nav li.last{border-bottom: 4px solid #000;}
.float_nav li:hover{background: #ff4f36;}
.float_nav a{width: 100%;height:100%;display: block;text-align: center;box-sizing: border-box;display: table-cell;vertical-align: middle;}

@media screen and (min-width: 1000px) and (max-width: 1366px) {
	.float_nav{width: 7.25%;height:68.55%;position: fixed;left: 0;top: 20%;background: url(../images/float_nav.jpg);background-size:100% 100% ;display: none;z-index: 200;}
.float_nav li{width: 100%;height: 14.5%;}

.float_nav a img{width: 60%;}

}

@media(max-width:1400px){
	.comlist{width: 1000px;}
	.culture_list{width: 1000px;}
	.culture_list li{width: 30%;}
	.culture_list li img{width: 100%;}
	.schdule_inner{width: 1000px;}
	.p302{width: 100%;}
	.p304{width: 19%;}
	.schdule_table{width:75.4% ;}
	.comlist h3{width: 100%;background-size:100% 100% ;}
	.ys_inner{width: 100%;}
	.ys_left{width: 12.4%;}
	.ys_right{width: 86%;}
}

@media (max-width:768px ) {
	.banner{width: 100%;height: 5.67rem;background-size:100% 100% ;}
}