@charset "utf-8";

body{
	padding:0;
	margin:0;
	color:#0f0f0f;
	overflow-x: hidden;
	font-family: 'Roboto', Arial;
}
a{ color:#666; text-decoration:none;}
a:link, a:visited{ text-decoration:none; }
a:hover{ text-decoration:none; }
a:active{ color:#990000; }
ol, ul{ list-style: none outside none;}
.m { margin-bottom: 10px; }
.m, .mt, .mc, .mb{ overflow: hidden; }

ul,li{list-style-type:none;}
img{border:0px;}
a{ color:#333;}




.vh80{display:block;height:80px;}
.vh50{display:block;height:50px;}

/*头部*/
.header{height: 83px;position: fixed;top: 0px;left: 0px;width: 100%;z-index: 99999999;background: #FFFFFF;box-shadow:rgba(0,0,0,0.2) 0px 0px 4px;}
.header_space{height: 83px;}
/*logo*/
.header .logo{float: left;display: block;height:auto;padding-left:20px;padding-top:15px;}
.header .logo img{display: block;width:auto;height:50px;}
/*右侧*/
.header .r_box{float: right;height: 100%;}
.header .r_box .d_nav{height: 100%;padding:0px 20px;float: left;}
.header .r_box .d_nav>li{float: left;padding: 0px 35px;position: relative;}
.header .r_box .d_nav>li .title{width: 100%;height: 100%;line-height: 83px;height: 83px;font-size: 15px;color: #666666;position: relative;display:block;}
.header .r_box .d_nav>li.on .title,.header .r_box .d_nav li:hover .title{color: #000000;font-weight: bold;}
.header .r_box .d_nav>li .title::after,.header .r_box .d_nav li .title::after{content: "";width: 0px;height: 3px;background: #005cd4;left: 50%;top: 0px;position: absolute;transition: all 220ms linear;transform: translateX(-50%);}
.header .r_box .d_nav>li.on .title::after,.header .r_box .d_nav li:hover .title::after{width: 100%;}
/*语言*/
.header .r_box .lang{width: 83px;height: 83px;line-height: 83px; text-align: center;font-size: 15px;color: #ffffff;background: #c7000c; float: left;}
/*搜索按钮*/
.header .r_box .btn_search{cursor:pointer; width: 80px;height: 83px;background: url(../img/icon_top_search.jpg) center center no-repeat;background-size:100% 100%;float: left;}

.header .m_search{width: 100%;background: #FFFFFF;padding:120px 0px;border-top: 1px solid #f9f9f9;display: none;overflow: hidden;}
.header .m_search .box{position: relative; background: url(../img/icon_in_search.png) left center no-repeat; box-sizing: border-box; padding-left: 76px;padding-right: 76px; width: 70%;margin: 0px auto;border-bottom: 1px solid #D9D9D9;line-height: 76px;}
.header .m_search .box input{width: 100%;font-size: 20px;color: #999999;}
.header .m_search .box .search_clear{cursor: pointer; width: 26px;height: 100%;background:url(../img/icon_in_search_close.png) center center no-repeat;background-size: 100% auto;position: absolute;top: 0px;right: 0px;}
/*小屏幕按钮*/
.m_nav_btn{background: #3687F0; height:83px; width:83px;display: none; position:relative; cursor:pointer; float: left; z-index:3; transition:all 0.3s;}
.m_nav_btn i{display:block;height:1px;background: #FFF;width:50%;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%); transition:all 0.3s;opacity:1;}
.m_nav_btn i::after{content:"";display:block;height:1px;background: #FFF;width:100%;position:absolute;top:-13px;left:0px;transition:all 0.3s;}
.m_nav_btn i::before{content:"";display:block;height:1px;background: #FFF;width:100%;position:absolute;bottom:-13px;left:0px;transition:all 0.3s;}
.m_nav_btn.close i{ background:none; opacity:1;}
.m_nav_btn.close i::after{ transform:rotate(45deg); top:0px;}
.m_nav_btn.close i::before{ transform:rotate(-45deg); bottom:0px;}	



.m_nav {width: 100%;height: 100vh;background:rgba(0,0,0,0.5);overflow: hidden; display: none;border-top: 1px solid #f9f9f9;text-align: left;}
.m_nav  .nav-item{color: #212121;border-bottom: 1px solid #eee;background: #FFFFFF;}
.m_nav  .nav-item a{color: #212121;font-size: 14px;}

.m_nav  .nav-item .title{box-sizing: border-box;width:100%;line-height: 50px;position: relative;padding-left: 15px;color: #666666;font-size: 14px;}
.m_nav  .nav-item .title .drop-btn{font-family: simhei; width: 50px;height: 50px;display: none; cursor: pointer; font-size:22px;line-height: 45px;text-align: center;position: absolute;right: 0px;top: 0px;transition: all 220ms linear;}
.m_nav  .nav-item.open .title .drop-btn{transform: rotate(-45deg);}
.m_nav  .nav-item .title a{display: block;}	
.m_nav  .nav-item ul{padding-top: 5px;padding-bottom: 10px;display: none;}
.m_nav  .nav-item ul li{padding-left: 30px;line-height: 30px;}
.m_nav  .nav-item ul li a{line-height: 30px;color: #666666;}




@media only screen and (max-width: 1366px) {
	/*头部*/
	.header .r_box .d_nav>li{padding: 0px 20px;}


	
}

@media only screen and (max-width: 1200px) {
	/*头部*/
	.header .r_box .d_nav>li{padding: 0px 15px;}

}

@media only screen and (max-width: 1100px) {
	/*头部*/
	.header .r_box .d_nav{display: none;}
	.m_nav_btn{display: block;}
	
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {

	
}


@media only screen and (max-width: 1024px) {
	/*搜索*/
	.header .m_search{padding: 60px 40px;box-sizing: border-box;}
	.header .m_search .box{width: 100%;}
	


}

@media only screen and (max-width: 900px) {


	
}	

@media only screen and (max-width: 768px) {
	/*头部*/
	.header{height: 64px;}
	.header .logo{padding-top:11px;padding-left:12px;}
	.header .logo img{height:42px;width: auto;border: none;}
	.header .r_box .lang{width: 64px;height: 64px;line-height: 64px;}
	.header .r_box .btn_search{width: 64px;height: 64px;}
	.m_nav_btn{width: 64px;height: 64px;}
	.header_space{height: 64px;}
	#ban_swiper{display: none;}
	#wap_ban_swiper{display: block;}
	.m_nav_btn i::after{top: -12px;}
	.m_nav_btn i::before{bottom: -12px;}
	
	/*搜索*/
	.header .m_search{padding: 40px;}
	.header .m_search .box{line-height: 64px;padding-left: 50px;}
	.header .m_search .box input{font-size: 14px;}
	

.vh80{height:65px;}
}

@media only screen and (max-width: 640px) {
	/*头部*/
	.header{height: 60px;}
	.header .logo img{height: 30px;}
	.header .r_box .lang{width: 60px;height: 60px;line-height: 60px;}
	.header .r_box .btn_search{width: 60px;height: 60px;}
	.m_nav_btn{width: 60px;height: 60px;}
	.header_space{height: 60px;}
	.m_nav_btn i::after{top: -10px;}
	.m_nav_btn i::before{bottom: -10px;}
	

.vh80{height:51px;}
}
@media only screen and (max-width:480px ) {
	.talent_tb_box{overflow-x: auto;}
 	.talent_tb_box .talent_tb{width: 480px;}

}

@media only screen and (max-width: 414px) {
	/*头部*/
	
	/*搜索*/
	.header .m_search{padding: 30px;}
	.header .m_search .box{line-height: 50px;padding-left:40px;background-size: auto 30%;}
	.header .m_search .box input{font-size: 13px;}
    .header .m_search .box .search_clear{background-size: auto 30%;}


}

@media only screen and (max-width: 375px) {

	/*头部*/
	.header{height: 50px;}
	.header .logo{padding-top:6px;padding-left:8px;}
	.header .logo img{height:30px;margin-top: 5px; width: auto;}
	.header .r_box .lang{width: 50px;height: 50px;line-height: 50px;}
	.header .r_box .btn_search{width: 50px;height: 50px;}
	.m_nav_btn{width: 50px;height: 50px;}
	.header_space{height: 50px;}
	.m_nav .nav-item a{font-size: 12px;}
	.m_nav .nav-item .title{line-height: 36px;}
	.m_nav .nav-item .title .drop-btn{width: 36px;
    height: 36px;line-height: 36px;}
    .m_nav_btn i::after{top: -8px;}
	.m_nav_btn i::before{bottom: -8px;}
	

 	
}




.seabox{width:auto;height:auto;overflow:hidden;background:#f6f6f6;padding:40px 200px;margin-top:80px;}
.sealist{width:auto;height:auto;overflow:hidden;padding:50px 50px;background:#fff; border-radius:12px;}
.searticle{width:auto;height:auto;overflow:hidden;}
.searticle li{float:left;width:100%;height:auto;overflow:hidden;margin-bottom:25px;}
.searticle li .lt{float:left;width:16%;height:auto;overflow:hidden;border:1px solid #e7e7e7;}
.searticle li .lt img{width:100%;height:auto;}
.searticle li .rt{float:right;width:82%;height:auto;overflow:hidden;}
.sea_word{font-size:24px;color:#333;font-weight:600;padding:0 0 50px 0;}
.sea_title{font-size:24px;color:#333;font-weight:600;padding:20px 0;}
.sea_conn{font-size:14px;color:#777;line-height:160%;}
.sea_more{width:100px;line-height:36px;text-align:center;font-size:14px;color:#777;margin-top:20px; }
.sea_more a{display:block;border-radius:8px;border:1px solid #e7e7e7;}
.sea_more a:hover{background:#c7000c;color:#fff;border:1px solid #c7000c;}


.banner{ /*height:680px;*/ position:relative;}

.banner .swiper-container{ /*height:680px;*/}
.banner .swiper-container img{width:100%;height:auto;}

.banner .swiper-pagination{ position:absolute; top:50%; transform:translateY(-50%); z-index:0;}
.banner .swiper-pagination1{ position:absolute; bottom:20px; z-index:6; text-align:center; width:100%;}
.banner .swiper-pagination1 span{ display:inline-block; width:12px; height:12px; margin:0 5px;background:#fff;opacity:1;}
.banner .swiper-pagination1 span.swiper-pagination-bullet-active{ background:#FC0;}
.banner .swiper-pagination span{ display:block; font-size:16px; height:auto; width:auto; background:none; color:#fff; opacity:1; margin-bottom:25px;}
.banner .swiper-pagination span::after{ content:""; display:block; height:0px; border-left:2px solid #fff; position:relative; left:8px; margin-top:10px; transition:all 0.5s;}
.banner .swiper-pagination span.swiperh::after{ height:40px;}

.banner .ban_wz{ position:absolute;}

.banner_dian{ position:absolute; bottom:67px; z-index:6;}
.banner_mouse{ position: relative;width: 23px;height: 40px;cursor:pointer;background:url(../images/banner_mouse.png) no-repeat -23px 0px;animation: nudgeMouse 1.6s linear infinite;}
.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}
.banner_mouse:before{width:23px;height:40px;background:url(../images/banner_mouse.png) no-repeat 0px 0px;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner_mouse:after{background-color: #ffffff;width: 1px;height: 9px;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.banner_jt{ text-align:center; margin-top:10px;}
@keyframes colorSlide {
		 	 0% {
	  	    height:0;
	  	  }

	  	 90%{
	  	  	height:40px;
	  	  }
	}
	
@keyframes trackBallSlide {
	  0% {
	    opacity: 1;
	    -webkit-transform: scale(1) translateY(-8px);
	            transform: scale(1) translateY(-8px);
	  }
	  34% {
	    opacity: 1;
	    -webkit-transform: scale(0.9) translateY(4px);
	            transform: scale(0.9) translateY(4px);
	  }
	  68% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(16px);
	            transform: scale(0.4) translateY(16px);
	  }
	  100% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(-8px);
	            transform: scale(0.4) translateY(-8px);
	  }
	}
	
@keyframes nudgeMouse {
 0% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
	  50% {
	    -webkit-transform: translateY(8px);
	            transform: translateY(8px);
	  }
	  100% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
}

.banner .ban_wz{ top:160px;transform:translateX(100px); opacity:0; transition:all 2s;}
.banner .ban_wz1 .ban1_2{ margin-top:25px; font-size:32px; line-height:32px;  color:#fff; opacity:0.7;}
.banner .ban_wz1 .ban1_3{ width:120px; height:40px; line-height:40px; margin-top:60px; border:1px solid #fff; border-radius:20px; text-align:center; font-size:16px; position:relative; transition:all 0.5s;}
.banner .ban_wz1 .ban1_3 a{ display:block; color:#fff;}
.banner .ban_wz1 .ban1_3::after{ content:""; position:absolute; width:94px; height:10px; background:url(../images/ban1_2.png) no-repeat center; top:15px; left:122px;}
.banner .ban_wz1 .ban1_3:hover{ background:#014984; border:1px solid #014984;}


.banner .ban_wz2 .ban2_1{ font-size:60px; line-height:60px; color:#014984; font-weight:bold;}
.banner .ban_wz2 .ban2_1 span{ width:60px; border-bottom:3px solid #ee1109; display:inline-block; margin-left:24px; position:relative; top:-15px;}
.banner .ban_wz2 .ban2_1 span::after{ content:""; width:3px; height:3px; border-radius:50%; background:#ee1109; display:block; position:absolute; right:-10px;}
.banner .ban_wz2 .ban2_2{ font-size:32px; line-height:32px; color:#5a5f61; margin:20px 0px 35px;}
.banner .ban_wz2 .ban2_3{ width:120px; height:40px; line-height:40px; border:1px solid #979797; border-radius:20px; text-align:center; font-size:16px; position:relative; transition:all 0.5s;}

.banner .ban_wz2 .ban2_3 a{ display:block; color:#979797;}
.banner .ban_wz2 .ban2_3::after{ content:""; position:absolute; width:94px; height:10px; background:url(../images/ban2_2.png) no-repeat center; top:15px; left:122px;}
.banner .ban_wz2 .ban2_3:hover{ background:#014984; border:1px solid #014984;}
.banner .ban_wz2 .ban2_3:hover a{ color:#fff;}

.banner .ban_wz3{ position:relative;}
.banner .ban_wz3 .ban3_1{ text-align:center;}
.banner .ban_3{ background-position:center right !important;}

.banner .ban_wz.ban_wzh{ opacity:1; transform:translateX(0px);}



.ban{ display:none;}
@media (max-width:1600px) {
	.banner .swiper-pagination{right:3.125%;}
	.banner .ban_wz1{left:3.125%;}
	.banner .banner_dian{right:3.125%;}
	.banner .ban_wz2{right:7%;}
	}
@media (max-width:1200px) {
	.banner .banner_dian{ bottom:20px;}
	.banner .swiper-pagination span.swiperh::after{ height:20px;}
	}
@media (max-width:768px) {
	.ban{ display:block;margin-top:0;}
	.ban img{width:100%;height:auto;}
	.banner{ display:none;}
	}
	
	
	
@media (min-width:768px) and (max-width:1920px) {
.main_nav{display:none;}
.vh60{display:none;}
}
.vh60{height:60px;line-height:60px;width:auto;overflow:hidden;}