@charset "utf-8";
/* CSS Document */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,input,textarea{margin:0;padding:0;font-weight:normal;}
img{vertical-align:top;border:none; max-width: 100%;}
li{list-style:none;}
a{text-decoration:none;}
body{font-size:14px;min-width:1200px;font-family:Arial,"微软雅黑","Microsoft YaHei","Microsoft JhengHei","宋体",SimSun,Tahoma; background: #fff; line-height: 1.8;}
.fl{float:left;}
.fr{float:right;}
.col_a{color:#0c4ebc;}
.col_9{color:#999;}
.w{width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;}
table{border-collapse:collapse;}

/*消除浏览器黄框*/
input, textarea,button{ outline:none;}
/*为了消除选中时的虚线框*/
a:active{/*设置为只在标签激活时候处理，提高效率*/
	bblr:expression(this.onFocus=this.blur());/*IE使用*/	
}
a {outline-style:none;}
:focus {outline:none;}

/*清除浮动*/
.clearfix:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix{ zoom:1; }


.header{width:100%;height:88px;background:#fff; position: relative; z-index: 99;}
.logo{ padding-top: 10px; float: left;}
.logo a{ display: block;height:100%;}
.logo img{height:100%;}

.top_r_box{ float: right; width: 150px; line-height: 88px;}
.language{ float: left; margin-left: 15px; color: #666;}
.language:hover{color:#0c4ebc;}
.member{ height: 88px; padding-top:29px; margin-left:  15px; float: left;}
.member img{ display: block;}
.icon-search{ position: relative; float: left; height: 88px; padding-top:29px; margin-left:  10px;}
.icon-search:hover .header-search{ width: 320px}
.header-search{position: absolute; z-index: 999; top: 88px; right: 0; width: 0; height: 45px; background: #fff; overflow: hidden; -webkit-transition: all .4s; transition: all .4s; border-top: 1px solid #384395;}
.hs-input{width: 280px; height: 45px; line-height: 45px; padding: 0 10px; float: left; border: none; box-sizing: border-box;}
.hs-submit{width: 40px; height: 45px; background: url(../images/search.png) no-repeat; background-position: 2px 5px; border: none; float: right; cursor: pointer;}

.top_nav{transition:all 0.5s;opacity:1; height: 88px; float: right; font-size: 16px;}
.top_nav>ul{text-align:center;}
.top_nav>ul>li{display:inline-block;line-height:88px; padding:0 22px; cursor:pointer;}
.top_nav>ul>li>a{color:#333;line-height:88px;display:inline-block;}
.top_nav>ul>li:hover,.top_nav>ul>li.active{background: #0c4ebc;}
.top_nav>ul>li:hover>a,.top_nav>ul>li.active a{ color: #fff;}

.hovershow{position:absolute;width:100%;top:88px; height: 70px; left:0;z-index:1; opacity:0;transition:.3s all; line-height:1.6; display: none; background: rgba(12,78,188,0.7);}
.hovershow .w{ position: relative;}
.top_nav li:hover .hovershow{opacity:1; display: block;}
.top_navs{ margin-left:25%;}
.top_navs li a{ color: #fff; float: left; padding: 0 25px; line-height: 70px;}
.top_navs li a:hover{ color: #f1c649;}


/*banner*/
.banner_box{position: relative; z-index: 1; width: 100%;}
.swiper1{ width:100%; transform: translate3d(0px, 0px, 0px);transition-duration: 0ms; height: 586px;}
.swiper1 .swiper-slide{ background-position: center center; background-size:cover;}
.swiper1 .swiper-button-prev{ background: url(../images/banner_btn_l.png) no-repeat; width: 50px; height: 50px; background-size: 50px 50px; opacity: 0.6; left: 30px;}
.swiper1 .swiper-button-next{ background: url(../images/banner_btn_r.png) no-repeat; width: 50px; height: 50px; background-size: 50px 50px; opacity: 0.6; right: 30px;}
.swiper1 .swiper-button-prev:hover,.swiper1 .swiper-button-next:hover {opacity:1;}
.swiper-pagination-bullet{ width: 24px; height: 24px; background: url(../images/swiper-button.png) no-repeat; background-position: 0 -24px;}
.swiper-pagination-bullet-active{ background-position: 0 0;}

.notice_box{ height: 58px; background: #fff;}
.notice_box .w{ position: relative;}
.notice_icon{ float: left; margin-top: 14px; margin-right: 10px; display: block;}
.swiper-container_2{ height: 58px; line-height: 58px; overflow: hidden; position: relative;}
.swiper-container_2 .swiper-button-prev{ width:29px; height:29px; margin-top:0px; left:auto; right:0px; top: 0px; background: url(../images/notice_1.png) no-repeat #fff;}
.swiper-container_2 .swiper-button-next{ width:29px; height:29px; margin-top:0px; right: 0;top:29px; background: url(../images/notice_r.png) no-repeat #fff;}
.swiper-container_2 .swiper-button-prev:hover{ background: url(../images/notice_1a.png) no-repeat #fff;}
.swiper-container_2 .swiper-button-next:hover{ background: url(../images/notice_ra.png) no-repeat #fff;}
.notice_t{ width: 260px; margin-right: 30px; color: #333; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left;}
.notice_ts{ color: #b5b5b5; float: left;}


.h_bg1{background: #f1f6ff; padding: 50px 0 50px;}
.h_box1{ background: #fff; padding: 25px 35px 20px; box-sizing: border-box; height: 370px;}
.h_tit1{ font-size: 22px; color: #0c4ebc; text-align: center; line-height: 1.3;}
.h_tit1_s{ color: #0c4ebc; text-align: center; margin-bottom: 10px;}
.h_news1 li{ border-bottom: 1px solid #d2d2d2; padding: 8px 0 5px;}
.h_news1 li a{ color: #666; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%;}
.h_news1 li span{ color: #b5b5b5; line-height: 1.2;}
.h_btn1{ background: #0c4ebc; width: 120px; color: #fff; line-height: 32px; border-radius: 32px; display: block; margin: 20px auto 0; text-align: center;}
.h_btn1:hover{ opacity: 0.9;}

.h_box2{ background: #f1c649; padding: 20px 50px; box-sizing: border-box; height: 370px;}
.h_icon_a{ display: block; margin-bottom: 10px; margin-top: 30px; margin-left: auto;; margin-right: auto;}
.h_tit2{ margin-bottom: 20px; font-size: 26px; color: #fff; text-align: center;}
.h_tx{ color: #fff;}
.h_box3{ background: #0c4ebc; padding: 20px 50px; box-sizing: border-box; height: 370px;}


.h_box4{ padding-top: 30px; padding-bottom: 30px; left: -15px;}
.h_nav_tab{ height: 50px; line-height: 50px; border-bottom: 2px solid #eee;}
.h_more{ float: right; color: #666;}
.h_more:hover{ color: #0c4ebc;}
.nav-tabs{ float: left; border-bottom: none;}
.nav-tabs > li > a{ border: none; font-size: 18px; color: #666; margin-right: 40px; position: relative; line-height: 50px; display: inline-block;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ background: #fff; border: none; color: #0c4ebc;}
.nav-tabs > li.active > a:after{content:'';width:100%;display:block;height:2px;position:absolute;left:0;bottom:0px;background-color:#0c4ebc;}

.tab-pane{ padding-top: 35px;}
.tab-content{ position: relative;}
.tab-content .h_more{ position: absolute; right: 0; top: -38px;}
.h_n_t{text-align: left; padding:10px 0px;}
.h_nt1{ font-size: 18px; color:#333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2;}
.h_nt2{ color:#b5b5b5; margin-bottom: 5px;}
.h_nt3{ color:#666; display: block; height: 60px; overflow: hidden; line-height: 20px; font-size: 14px;}
.h_news2 a:hover .h_nt1{ color: #0c4ebc;}
.h_news2 a img{ display: block; margin: 0 auto;}


.h_box5{ padding-top: 30px; padding-bottom: 30px; right: -15px;}
.h_tit_box{ height: 50px; line-height: 50px; border-bottom: 2px solid #eee;}
.h_tit_box span{ font-size: 26px; color: #0c4ebc; float: left;}
.h_comm_box{ padding-top: 35px;}
.h_committee{ padding-bottom: 30px;}
.h_comm_img{ width: 50%; float: left; padding-right: 15px; box-sizing: border-box;}
.h_comm_t{ width: 50%; float: right; padding-top: 12%; box-sizing: border-box; padding-left: 5px;}
.h_comm_tit{ color: #333; font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.h_comm_ts1{ color: #b5b5b5;}
.h_comm_ts2{ color: #666;}
.h_committee a:hover .h_comm_tit{ color: #0c4ebc;}

/*图片放大*/
.hover_enlarge{ overflow: hidden; display:block;}
.hover_enlarge img{transition: all 0.8s ease-out 0s; display: block; max-width: 100%;}
.hover_enlarge:hover img,.h_n_box1:hover .hover_enlarge img,.h_r_box:hover .hover_enlarge img{ transform: scale(1.1);}

.copyright{ background:#0c4ebc; padding: 40px 0 20px; position: relative; color: #fff;}
.foot_nav{ padding-bottom: 30px;}
.foot_nav li{ float: left; width: 20%; box-sizing: border-box; padding-right: 30px;}
.foot_nav li a{display: block; position: relative; display: block;/* overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
.foot_nav li .foot_nav_tit{ color: #fff; margin-bottom: 12px; font-weight: bold; font-size: 16px; opacity: 1;}
.foot_nav li a{ color: #fff; line-height: 30px; opacity: 0.5; line-height: 30px;}
.foot_nav li a:hover{ color: #fff; opacity: 1;}
.icon_s{ background: url(../images/icon_s.png)no-repeat; display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-right: 6px;}
.icon_s1{ background-position: 0 0;}
.icon_s2{ background-position: 0 -30px;}
.icon_s3{ background-position: 0 -60px;}
.icon_s4{ background-position: 0 -90px;}
.icon_s5{ background-position: 0 -120px;}
.footer_a{ color: #fff; padding: 15px 0;}
.footer_a .fl{opacity: 0.4;}
.foot_icon a{ opacity: 0.4; margin-left: 10px; display: none;}
.foot_icon a:hover{ opacity: 1;}
.footer_b{ text-align: center; padding: 20px 0px 0; color: #fff; text-transform: uppercase; border-top: 1px solid #3068c6;}
.footer_b a{ color: #fff;}

.totop{ position: fixed; right: 10px; bottom: 30px; z-index: 9;}
.window_box{ position: fixed; right: 10px; bottom: 200px; z-index: 9999;}
#window_close{ text-align: right; margin-bottom: 10px; cursor: pointer;}


/*内页*/
.banner_s_box{ height: 480px; text-align: center; box-sizing: border-box; position: relative; padding-top: 200px; background-repeat: no-repeat; overflow: hidden; background-position: center; background-size: cover;}
.banner_st{ color: #fff; font-size: 48px;}

.content_box_bg{ background: #f3f3f3;}
.content_box{ position: relative; top: -50px; background: #fff; padding-left: 310px; padding-right: 60px;}
.con_l_box{ position: absolute; top: 0; left: 0; width: 250px; background: #5c5c5c; height: 100%; bottom: 0;}

.sub_menu{ text-align: center;}
.sub_menu>li>a{ font-size: 20px; color: #fff; display: block; line-height: 78px; padding: 10px; border-bottom: 1px solid #747474;}
.sub_menu>.sub_on>a,.sub_menu>li:hover>a{ background: #0c4ebc; border-bottom: 1px solid #0c4ebc;}
.sub_menu>li.sub_on>a:after{content:'';width:20px;display:inline-block; margin-left: 5px; height:20px; background: url(../images/sub_on.png) no-repeat; margin-top: -4px; vertical-align: middle;}
.sub_menu .sub_on .sub_menu_s{ display: block;}
.sub_menu_s{ display: none;  border-top: 1px solid #fff;}
.sub_menu_s>li>a{ font-size: 20px; color: #fff; display: block; line-height: 40px; padding: 10px;}
.sub_menu_s>.sub_s_on>a,.sub_menu_s>li:hover>a{ background: #0c4ebc;}

.con_r_box{ min-height: 700px; padding-top: 25px; padding-bottom: 40px;}
.place{ float: right; padding-left: 28px; background: url(../images/icon_home.png) no-repeat; background-position: top left; line-height: 24px; color: #333;}
.place a{ color: #333;}
.con_tit_box{ color: #333; padding-top: 25px;}
.con_tit_box h3{ font-size: 26px; line-height: 60px; border-bottom: 2px solid #d6d6d6; font-weight: bold;}
.con_div{ padding-top: 30px; line-height: 1.8; color: #666;}


/*报名须知*/
.apply_box{ padding-top: 40px;}
.apply_tit{ font-size: 26px; color: #333; text-align: center; font-weight: bold;}

.apply_tits{ width: 100%; display: block; color: #333; font-size: 22px; padding-bottom: 10px;}
.apply_form{ padding-top: 30px; padding-bottom: 30px;}
.apply_form+.apply_form{ border-top: 1px dashed #e5e5e5;}
.apply_tr{ position: relative; padding-left: 130px; min-height: 40px; display: block; line-height: 40px; margin-bottom: 10px; margin-top: 10px;}
.apply_tl{ position: absolute; left: -13px; width: 145px; text-align: right;}
.apply_tl span{ margin-right: 5px;}
.input_1{ width: 100%; height: 40px; border: 1px solid #e5e5e5; box-sizing: border-box; padding-left: 5px;}
.select_1{ width: 100%; height: 38px; border: 1px solid #e5e5e5; box-sizing: border-box; padding-left: 5px;}
.input_time{ width: 100%; height: 40px; border: 1px solid #e5e5e5; padding-right: 30px; background: url(../images/input_time.png) no-repeat; background-position: center right; box-sizing: border-box; padding-left: 5px;}
.apply_a{ padding-left: 130px; padding-bottom: 15px; display: inline-block;}
.apply_ts{padding-left: 130px; padding-bottom: 15px; display: inline-block; color: #333; font-weight: bold;}
.apply_btn{ border: 1px dashed #e5e5e5; background: #f9f9f9; color: #999; text-align: center; line-height: 50px; margin: 30px 0; display: block;}
.apply_btn2{margin-left: 130px; display: inline-block; width: 320px; line-height: 50px; background: #f6b41a; color: #fff; margin-bottom: 20px; text-align: center; margin-top: 20px;}

.apply_box2{ display: block; text-align: center; padding-top: 40px;}
.apply_box2 img{ padding-bottom: 20px;}
.apply_btn3{ background: #a0a0a0; color: #fff; text-align: center; display: inline-block; margin: 30px auto; width: 140px; line-height: 36px; border-radius: 5px;}

.el_box{ width: 100% !important;}
.el_box .el-date-editor.el-input,.el_box .el-date-editor.el-input__inner{ width: 100% !important;}
.el_box .el-input--suffix .el-input__inner {padding-right: 0px!important;}
.el_box .el-input__suffix{ display: none!important;}
.el_box .el-input__inner{border: 1px solid #e5e5e5!important; border-radius: 0!important;}

.apply_form pp bb+bb .guidance_close{ display: block;}
.guidance_bb{ position: relative;}
.guidance_close{ position: absolute; right: -22px; top: 16px; z-index: 9; cursor: pointer; display: none;}

/*资料下载*/
.dow_search{ max-width: 460px; box-sizing: border-box; position: relative; padding-right: 100px; margin-top: 30px; margin-bottom: 30px;}
.search_btn2{ height: 50px; width: 100px; background: url(../images/search2.png) no-repeat #0c4ebc; background-position: center; position: absolute; top: 0; right: 0; display: block;}
.search_btn2:hover{ opacity: 0.9;}
.search_input{ border: 1px solid #eee; height:50px; box-sizing: border-box; width: 100%; border-right: none; padding-left: 10px;}

.download_box li{ position: relative; padding: 20px; border-bottom: 1px solid #e5e5e5; padding-right: 80px;}
.download_btn{ position: absolute; top: 20px; right: 20px; text-align: center; color: #333; line-height: 1.2;}
.download_btn img{ display: block; margin: 0 auto;}
.download_btn:hover{ color: #0c4ebc;}
.download_t{ color: #333; display: block; font-size: 18px;}
.download_t:hover{ color: #0c4ebc;}
.download_ts{ color: #999; display: block;}
.download_box li:hover{box-shadow: 0px 2px 65px 0px rgba(0, 0, 0, 0.19); z-index: 9;}

.pager_box {clear: both;text-align: center; padding-top: 40px; margin-bottom: 30px; font-size: 18px;}
.pager_box li{position: relative; z-index: 1; text-align: center;display: inline-block !important; color: #333; margin: 0 3px;}
.pager_box li a,.pager_box li span{ color: #333; display: block;width: 42px; height: 42px; background: #f5f5f5; border-radius: 42px; line-height: 42px;}
.pager_box li a:hover,.pager_box li.first span{ color: #fff; background: #f1c649;}

.before_box{ padding-top: 30px;}
.before_box li{ position: relative; padding: 20px; border-bottom: 1px solid #e5e5e5; padding-right: 80px;}
.before_btn{ width: 40px; height: 40px; display: block; position: absolute; top: 30px; right: 20px; background: url(../images/before.png) no-repeat;}
.before_btn:hover{ background-position: 0 -40px;}
.before_t{ color: #333; display: block; font-size: 18px;}
.before_t:hover{ color: #0c4ebc;}
.before_ts{ color: #999; display: block;}
.before_box li:hover{box-shadow: 0px 2px 65px 0px rgba(0, 0, 0, 0.19); z-index: 9;}

.news_d_box{ padding-top: 30px;}
.news_d_tit{ font-size: 26px; color: #333; margin-bottom: 10px; line-height: 36px;}
.news_d_date{ margin-bottom: 40px; color: #b5b5b5; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.news_d_p{ padding-bottom: 40px; color: #666;}
.previous_box{ border-top: 1px solid #e5e5e5; padding-top: 20px; padding-left: 0; color: #666;}
.previous_box a{ color: #333;}
.previous_box a:hover{ color: #0c4ebc;}


.news_list{ padding-top: 40px;}
.news_list li{ position: relative;overflow: hidden; padding:30px 20px; border-bottom: 1px solid #e5e5e5;}
.news_list li:hover{background-color:#fff;box-shadow: 0px 2px 65px 0px rgba(0, 0, 0, 0.19); z-index: 9;}
.n_tit{ color: #333; font-size: 20px; line-height: 2; padding: 10px 0 5px; display: block;}
.n_tit:hover{color: #0c4ebc;}
.n_ts{ color: #b5b5b5;}
.n_p{ color: #666;}
.n_img_box{ position: relative; display: block;}

.comm_list{ padding-top: 40px;}
.comm_list li{ position: relative;overflow: hidden; padding:30px 20px; border-bottom: 1px solid #e5e5e5;}
.comm_list li:hover{background-color:#fff;box-shadow: 0px 2px 65px 0px rgba(0, 0, 0, 0.19); z-index: 9;}
.comm_tit{ color: #333; font-size: 24px; line-height: 2; padding: 5px 0 5px; display: block;}
.comm_list li:hover .comm_tit{color: #0c4ebc;}
.comm_ts{ color: #fff; background: url(../images/Committee_t.png) no-repeat #0c4ebc; padding-right: 26px; height: 24px; display: inline-block; background-position: center right; line-height: 24px; padding-left: 8px; margin-bottom: 10px;}
.comm_p{ color: #666;}
.comm_img_box{ position: relative; display: block;}



/*登录注册*/
.login_bg{ background: url(../images/login_bg.jpg) no-repeat #031437; background-size:cover; background-position:center 88px; height: 100%; position: relative; width: 100%; left: 0; bottom: 0;}
.login_form{ width: 560px; background: #fff; min-height: 460px; padding: 50px 90px 40px; border-radius: 8px; box-shadow: 0px 0px 15px 0px rgba(59, 59, 59, 0.06); margin: 10% auto 60px; box-sizing: border-box;}
.login_form .login_tit{ font-size: 28px; text-align: center; margin-bottom: 30px; font-weight: bold;}
.login_t1{ margin-bottom: 10px;}
.login_tr{ border-bottom: 1px solid #e0e0e0; margin-bottom: 20px; position: relative;}
.tr_input{ border: none; background: #fff; height: 48px; width: 100%; padding: 0 10px; box-sizing: border-box;}
.tr_icon1{ padding-left: 30px; background: url(../images/login_icon1.png) no-repeat; background-position: 0px 12px;}
.tr_icon2{ padding-left: 30px; background: url(../images/login_icon2.png) no-repeat; background-position: 0px 12px;}
.tr_submit{ width: 100%; border-radius: 5px; background: #f6b41a; color: #fff; border: none; height: 48px; font-size: 16px; margin-bottom: 10px; margin-top: 50px;}
.tr_submit:hover{ opacity: 0.9;}
.login_al{ color: #999; line-height: 30px;}
.login_al a{ color: #999999;}
.login_al a:hover{ color: #0c4ebc;}
.Eye1{ width: 30px; height: 30px; display: block; position: absolute; z-index: 6; right: 0; top: 10px; background: url(../images/Eye1.png) no-repeat; cursor: pointer;}
.Eye2{ width: 30px; height: 30px; display: block; position: absolute; z-index: 6; right: 0; top: 10px; background: url(../images/Eye2.png) no-repeat; cursor: pointer;}
.login_foot{ color: #fff; text-align: center; margin-bottom: 30px;}

.login_tr2{ padding-right: 130px;}
.code_a{ position: absolute; right: 0; background: #adadad; top: 0; line-height: 40px; width: 130px; text-align: center; display: block; color: #fff;}
.login_al .login_a2{ color: #333;}
.login_al .login_a2:hover{ color: #0c4ebc;}


/*会员中心*/
.member_bg{ background: #f3f3f3;}
.member_box{ padding-top: 25px; padding-bottom: 40px; position: relative; padding-left: 330px;}
.member_l{ background: #fff; min-height: 420px; display: block; text-align: center; padding: 20px; line-height: 2; width: 300px; position: absolute; left: 0; top: 25px;}
.head{ width: 110px; height: 110px; overflow: hidden; border-radius: 100%; margin: 40px auto 20px;}
.member_t1{ font-size: 18px; margin-bottom: 5px;}
.member_t1 a{ font-size: 14px; margin-left: 10px;}
.member_btn{ width: 140px; line-height: 36px; text-align: center; background: #a0a0a0; color: #fff; display: block; margin: 20px auto; border-radius: 5px;}
.member_btn:hover{ opacity: 0.9;}
.input_s{ width:100px; height: 36px; border: 1px solid #e5e5e5; box-sizing: border-box; padding-left: 5px; padding-right: 5px;}

.member_r{ background: #fff; min-height: 570px; padding: 20px;}
.member_tr{ position: relative; margin-left: 60px; max-width: 600px; margin-top: 50px; margin-bottom: 50px; line-height: 2;}
.member_tv1{ font-size: 20px;}
.member_tv2{ color: #999;}
.member_btn2{width: 140px; line-height: 36px; text-align: center; background: #f6b41a; color: #fff; display: block; border-radius: 5px; position: absolute; top: 20px; right: 30px;}
.member_btn2:hover{ opacity: 0.9;}

.upload_img_box{ position: absolute; top: 6px; right: 200px;}
.upload_img{ width: 60px; height: 60px;}
.upload_close{ position: absolute; top: -10px; right: -10px;}



.pop_bg{ background: rgba(0,0,0,0.4); position: fixed; width: 100%;height: 100%; left: 0; top: 0; z-index: 999;}
.pop_upload_box{ background: #fff; padding: 60px; position: relative; width: 400px; left: 50%; margin-left: -200px; top: 50%; margin-top: -200px; height: 360px;}
.pop_close{ position: absolute; right: -42px; top: 0; opacity: 0.9;}
.pop_close:hover{ opacity: 1;}

.file_box{ margin-bottom: 20px;}
.file_btn {position: relative;display: inline-block;overflow: hidden;text-decoration: none;width: 88px; line-height: 34px; text-align: center; border-radius: 34px; background: #5c5c5c; color: #fff; vertical-align: middle; margin-right: 5px; margin-left: 5px;}
.file_btn input {position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0;}
.file_btn:hover {background: #333;}
.file_ts{ margin-bottom: 10px;}
.pop_upload_btn{ width: 100%; line-height: 38px; text-align: center; background: #f6b41a; color: #fff; display: block; border-radius: 5px; margin-top: 40px;}
.pop_upload_btn:hover{ opacity: 0.9;}


.pop_certificate_box{ background: #fff; padding:20px 40px 40px; position: relative; width: 680px; left: 50%; margin-left: -288px; top: 50%; margin-top: -234px; height: 300px; box-sizing: border-box;}
.swiper-container_3{ width: 520px; overflow: hidden; text-align: center; margin: 0 auto;}
.swiper-container_3 .swiper-slide img{ width: 520px; height: 720px;}
.swiper-container_3 .certificate_tit{ font-size: 18px; color: #333; line-height: 40px; display: block; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.swiper-container_4{ width: 520px; overflow: hidden; text-align: center; margin: 0 auto;}
.swiper-container_4 .swiper-slide img{ width: 520px; height: 720px;}
.swiper-container_4 .certificate_tit{ font-size: 18px; color: #333; line-height: 40px; display: block; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

@media screen and (max-height : 819px) {
.pop_certificate_box{ padding:10px 20px 20px; width: 480px; left: 50%; margin-left: -240px; margin-top: -335px; height: 670px;}
.swiper-container_3{ width: 433px;}
.swiper-container_3 .swiper-slide img{ width: 433px; height: 600px;}
.swiper-container_4{ width: 433px;}
.swiper-container_4 .swiper-slide img{ width: 433px; height: 600px;}	
}
@media screen and (max-height : 679px) {
.pop_certificate_box{ padding:10px 20px 20px; width: 410px; left: 50%; margin-left: -201px; margin-top: -285px; height: 570px;}
.swiper-container_3{ width: 361px;}
.swiper-container_3 .swiper-slide img{ width: 361px; height: 500px;}
.swiper-container_4{ width: 361px;}
.swiper-container_4 .swiper-slide img{ width: 361px; height: 500px;}
}


@media screen and (max-width : 1239px) {
	body{min-width:100%;}
	.w{ padding-left: 10px; padding-right: 10px; width: 1000px;}
	.top_nav>ul>li{ padding:0 18px;}
	
	.content_box{ padding-left: 290px; padding-right: 40px;}
}

/*手机 响应式*/
#menu{ display:none;}
.apply-pup{ display:none;}


@media screen and (max-width : 991px) {
	body{ margin:0 auto; min-width: 100%;}
	body img{ max-width:100%; }
	.content_box img,.news_d_box img{ height: auto !important;}
	.w{ width:100%; min-width: 100%;}
	.apply-pup{ position:absolute; z-index:99; right:15px; margin:20px 0px 0 0; background:url(../images/navbg.png) left top no-repeat; width:30px; height:30px; display:block;}
	.header.transparent .apply-pup{ display:none;}
	
	
	.header{ height: 70px;}
	.logo{ top: 5px; height: 60px;}
	.logo img{ height: 60px;}
	.top_nav{ display: none;}
	.icon-search{ display: none;}
	.top_r_box{ height: 70px; margin-right: 40px; width:100px; line-height: 70px;}
	.member{ height: 70px; padding-top: 20px;}
	.swiper1{ height: 380px;}
	.banner_box .swiper-button-prev,.banner_box .swiper-button-next{ display: none;}
	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 5px;}
	
	.h_box2,.h_box3{padding: 20px 20px;}
	.h_box4{ left: 0px;padding-bottom: 0px;}
	.h_box5{ right: 0px;}
	
	.foot_nav{ display: none;}
	.copyright{ padding-top: 10px;}
	.footer_a .fl,.footer_a .fr,.footer_b .fl,.footer_b .fr{ width: 100%; float: none; text-align: center;}
	
	
	.banner_s_box{ height: 300px;padding-top: 100px;}
	.banner_st{ font-size: 28px;}
	.content_box{ padding-left: 0; padding-right: 0;}
	.con_l_box{ position: relative; width: 100%;}
	.sub_menu li a{ width: 100%; font-size: 14px; line-height: 30px; float: left;border-bottom: 1px solid #747474;}
	.sub_menu_s{ border-top: none;}
	.con_r_box{ padding-left: 10px; padding-right: 10px;}
	
	.apply_form{ margin-left: 0; margin-right: 0;}
	.apply_ts{ padding-left: 0;}
	.apply_btn2{ margin-left: auto; margin-right: auto; width: 100%;}
	
	.pop_certificate_box{ padding:10px 20px 20px; width: 480px; left: 50%; margin-left: -240px; margin-top: -335px; height: 670px;}
.swiper-container_3{ width: 433px;}
.swiper-container_3 .swiper-slide img{ width: 433px; height: 600px;}
	.swiper-container_4{ width: 433px;}
.swiper-container_4 .swiper-slide img{ width: 433px; height: 600px;}
	.window{bottom: 120px; width: 90px;}
	
}
@media screen and (max-width : 760px) {	
	.swiper1{ height: 310px;}
	.h_icon_a{ display: block; margin-left: auto;; margin-right: auto;}
	.h_tit2{ text-align: center;}
}
@media screen and (max-width : 640px) {		
	.swiper1{ height: 260px;}
	
	.notice_ts{ display: none;}
	.notice_t{ width: 220px; margin-right: 0;}
	
	.banner_s_box{ height: 220px;padding-top: 60px;}
	
	.login_form{ width: 90%; padding: 50px 30px 30px;}
	
	.pop_certificate_box{ padding:10px 20px 20px; width: 410px; left: 50%; margin-left: -201px; margin-top: -285px; height: 570px;}
	.swiper-container_3{ width: 361px;}
	.swiper-container_3 .swiper-slide img{ width: 361px; height: 500px;}
	.swiper-container_4{ width: 361px;}
	.swiper-container_4 .swiper-slide img{ width: 361px; height: 500px;}
	.pop_close{right: 0px; top: -42px;}
	
	.con_r_box iframe{ max-width: 100%;}
	.previous_box{ margin-left: 0; margin-right: 0;}
}
@media screen and (max-width : 550px) {
	.swiper1{ height: 210px;}
}
@media screen and (max-width : 420px) {	
	.swiper1{ height: 180px;}
	.login_form{ width: 96%; padding: 30px 20px 30px; height: auto; margin-top: 40px; margin-bottom: 30px;}
	.login_tr2{ padding-right: 90px;}
	.code_a{ width: 90px;}
	
	.pop_certificate_box{ padding:0px 10px 10px; width: 320px; left: 50%; margin-left: -160px; margin-top: -230px; height: 462px;}
	.swiper-container_3{ width: 300px;}
	.swiper-container_3 .swiper-slide img{ width: 300px; height: 412px;}
	.swiper-container_4{ width: 300px;}
	.swiper-container_4 .swiper-slide img{ width: 300px; height: 412px;}
}
@media screen and (max-width : 380px) {	
	.swiper1{ height: 160px;}
}
@media screen and (max-width :320px) {	
	.swiper1{ height: 155px;}
}