@charset "utf-8";
.sub_wrap{ position: relative; margin: 0 auto; width: 1260px;}

.sub_top{ height: 70px; border-bottom: 1px solid #ccc;}

.sub_logo{ position: absolute; top: 10px; left: 0; height: 60px; width: 128px; }

.sub_nav{ text-align: center;  font-size: 0;}
.sub_nav ul{display: inline-block; vertical-align: top; }
.sub_nav li{ display: inline-block; vertical-align: top; position: relative; padding: 0 25px; }
.sub_nav li a{position: relative; display: block; line-height: 70px;  font-size: 16px;}
.sub_nav li > a::before{ display: none; position: absolute; bottom: 0px; left: 50%; margin-left: -3px; width:0; height:0; border: 6px solid transparent; border-bottom-color: #333; content: '';}

.sub_nav li:hover > a:before{ display: block;}
.sub_nav li:hover .sub_menu_b{ display: block;}

.sub_menu_b{ display: none;}
.sub_menu_bg{position: fixed; top: 70px; left: 0; right: 0; height: 60px;  background: rgba(63, 82, 139, 0.5);}
.sub_menu_b dl{position: absolute; top: 100%; left: 50%; height: 60px; font-size: 0; transform: translateX(-50%); white-space: nowrap;}
.sub_menu_b dd{ display: inline-block; vertical-align: top; padding: 0 20px; font-size: 16px;}
.sub_menu_b dd a{line-height: 60px; color: #fff; }
.sub_menu_b dd a:hover{ color: #eee;}

.sub_act{ position: absolute; right: 0; top: 0; font-size: 16px;}
.sub_act li{ position: relative; float: left; padding: 25px 20px 25px; cursor: pointer;}

.d_arrow{ display: inline-block; vertical-align: middle; width:0; height:0; margin:5px 0 0 5px; border: 6px solid transparent; border-top-color: #333;}
.sub_i_search{ display: inline-block;  vertical-align: middle; width: 20px; height: 20px; background: url(../images/sub_search.png) center/100% 100% no-repeat;}

.sub_act li:hover .change_lau{ display: block;}
.change_lau{ display: none; position: absolute; top: 100%; left: 0; right: 0; width: 100px; border: 1px solid rgba(255,255,255,0.3); background: rgba(0,0,0,0.5);}
.change_lau p{ line-height: 30px; border-top: 1px solid rgba(255,255,255,0.3); text-align: center;}
.change_lau p:first-child{ border: none;}

.sub_search_box{ display: none; position: absolute; top: 100%; right: 0; padding-top: 10px; }
.sub_search_panel{ width: 270px; height: 50px; border: 1px solid #005CAA; border-radius: 30px; background: #fff;}
.sub_search_input{ float: left; padding-left: 20px; width: 200px; height: 50px; line-height: 50px; border: none; vertical-align: top; background: none;}
.sub_search_btn{ float: right; width: 50px; height: 50px; border: none; cursor: pointer; vertical-align: top; background: url(../images/search2.png) center/24px 24px no-repeat;}

.sub_tit{ padding: 50px 0 30px; text-align: center;}
.sub_tit span{ position: relative; display: inline-block; vertical-align: top; color: #182B5A; font-size: 30px; font-weight: bold;}
.sub_tit span::before,.sub_tit span::after{ position: absolute; top: 50%; margin-top: 2px; width: 32px; height: 32px; content: ''; transform: translateY(-50%);}
.sub_tit span::before{ left: -50px;  background: url(../images/tit.png) center/100% 100% no-repeat;}
.sub_tit span::after{ right: -50px;  background: url(../images/tit.png) center/100% 100% no-repeat;}

.open_b{ height: 544px; background: #E7E1D3;}
.open_left{ float: left; width: 700px;}
.open_right{ position: relative; margin-left: 700px; height: 100%; padding: 20px; color: #fff; background:#5CA5A7 url(../images/n.png) right bottom/265px 267px no-repeat;}

.open_item{ padding: 50px;}
.open_item li{ padding: 20px 0; text-align: center;}
.open_item li i{ display: block; margin: 0 auto; width: 110px; height: 110px;}
.open_item li span{ display: block; padding-top: 20px;}
.open_item li label{ display: block; font-size: 24px;}

.oi01{ background: url(../images/oi01.png) center/100% 100% no-repeat;}
.oi02{ background: url(../images/oi02.png) center/100% 100% no-repeat;}
.oi03{ background: url(../images/oi03.png) center/100% 100% no-repeat;}
.oi04{ background: url(../images/oi04.png) center/100% 100% no-repeat;}
.oi05{ background: url(../images/oi05.png) center/100% 100% no-repeat;}
.oi06{ background: url(../images/oi06.png) center/100% 100% no-repeat;}

.cell3{ display: inline-block; vertical-align: top; width: 33.3%; font-size: 16px;}

.open_tit{ padding: 10px 0; text-align: center; }
.open_tit span{ position: relative; display: inline-block; vertical-align: top; font-size: 30px; font-weight: bold;}
.open_tit span::before,.open_tit span::after{ position: absolute; top: 50%; margin-top: 2px; width: 40px; height: 30px; content: ''; transform: translateY(-50%);}
.open_tit span::before{ left: -60px;  background: url(../images/otr.png) center/100% 100% no-repeat;}
.open_tit span::after{ right: -60px;  background: url(../images/otl.png) center/100% 100% no-repeat;}

.notice_list dl{ padding: 15px 30px; border-top: 1px solid rgba(255,255,255,0.4);}
.notice_list dl:first-child{ border: none;}
.notice_list dt{ position: relative; padding-bottom: 10px; font-size: 18px; font-weight: bold;}
.notice_list dt::before{ position: absolute; top: 50%; left: -20px; margin-top: -2px; width: 6px; height: 6px; border-radius: 50px; content: ''; transform: translateY(-50%); background: #fff;}
.notice_list dd{ line-height: 26px;}
.notice_list dd a{ color: #fff;}

.notice_more{ position: absolute; right: 20px; top: 20px; line-height: 24px;}
.notice_more a{ color: #fff; font-size: 12px;}
.n_air,.n_air2{ display: inline-block; vertical-align: top; margin: 2px 10px 0 0; width: 24px; height: 24px; background: url(../images/m_air.png) center/100% 100% no-repeat;}
.n_air2{margin: 0 10px 0 0; width: 30px; height: 30px; background: url(../images/m_air3.png) center/100% 100% no-repeat;}


.time_b{ position: relative; height: 408px; background: url(../images/piao.png) center/100% 100% no-repeat;}

.t_t1{ position: absolute; top: 15px; left: 130px; font-size: 48px; color: #fff; text-align: center;}
.t_t1 span{ padding-left: 10px; font-size: 14px;}

.t_t2{ position: absolute; top: 25px; left: 985px; font-size: 32px; color: #fff;}
.t_t2 a{ display: inline-block; vertical-align: top; padding: 10px 0 0 60px; line-height: 30px; color: #fff; font-size: 12px;}

.t_panel{ padding: 135px 0 0 190px;}

.time_t{ display: inline-block; vertical-align: top; text-align: center; color: #182B5A; font-size: 60px;}
.time_label{ display: block; font-size: 24px; color: #8A8D95;}

.b_air{  display: inline-block; vertical-align: top; margin: 3px 30px 0; width: 70px; height: 70px; background: url(../images/b_air.png) center/100% 100% no-repeat;}

.t_t3{ display: inline-block; vertical-align: top; text-align: center; font-size: 24px; color: #182B5A;}
.t_t3 b{ display: block; padding: 3px 0; font-size: 32px;}

.m_date{ padding-top: 50px; line-height: 46px; font-size: 24px; color: #182B5A;}
.m_date label{ display: inline-block; vertical-align: top; margin-right: 20px; padding: 0 20px; color: #fff; background: #AC9669;}

.t_t4{ position: absolute; top: 140px; right: 24px; width: 240px;  }
.t_t4 h2{ padding-bottom: 10px; font-size: 24px; color: #182858;}
.t_t4 p{ line-height: 24px; color: #777;}

.fix_item{ position: fixed; left: 50%; top: 165px; margin-left: 630px; z-index: 100; padding-left: 20px;}
.fix_item li{ padding-bottom: 15px; text-align: center;}
.fix_item li i{ display: inline-block; vertical-align: top; width: 44px; height: 44px;}
.fix_item li span{ display: block; color: #182858; font-size: 12px; white-space: nowrap;}

@media screen and (max-width:1440px) {
	.fix_item{ display: none;}
}

.a_sub{ position: relative; height: 560px; overflow: hidden; background: #AC9669;}

.map_panel{ position: absolute; bottom: 0; left: 50%; margin-left: -630px; width: 630px; height: 100%;}
.map_panel img{ width: 100%; height: 100%;}

.map_line{ position: relative; margin-left: 630px; padding: 40px 0 40px 40px; color: #fff;}
.map_line::before{ position: absolute; top: 328px; right: 0; width: 350px; height: 232px; content: ''; }

.line_t{ position: relative; padding-bottom: 30px; font-size: 28px;}
.line_t::after{ position: absolute; bottom: 15px; left: 0; width: 46px; height: 6px; content: ''; background: #fff;}
.line_t::before{ position: absolute; bottom: 15px; left: 48px; width: 18px; height: 6px; content: ''; background: #fff;}

.line_con{ padding-left: 20px; font-size: 18px;}
.line_con p{ padding-bottom: 40px; line-height: 26px;}
.line_label{ position: relative;}
.line_label::before{ position: absolute; top: 10px; left: -15px; width: 6px; height: 6px; border-radius: 50%; content: ''; background: #6F541A;}

.line_bus{ font-size: 40px; color: #412F09;}

.line_baidu{ display: inline-block; vertical-align: top; padding: 0 40px; line-height: 38px; border-radius: 24px; color: #835F2F; background: #F5F5F5;}

.b_sub{ position: relative; height: 567px; overflow: hidden; background: #E7E1D3;}

.map_in{ position: absolute; bottom: 0; left: 50%; z-index: 10; margin-left: -800px; width: 1040px; height: 100%;}
.map_in img{ width: 100%; height: 100%;}

.in_con{ position: relative; margin-left: 875px; padding: 40px 0 40px 40px; color: #182B5A;}

.map_tit{ font-size: 26px;}

.map_intro{ padding: 15px 0; line-height: 28px; text-indent: 2em;}

.part_item dt{ padding:0 0 10px 10px;}
.part_item dd{ line-height: 50px;}
.part_item dd label{ display: inline-block; vertical-align: top; padding-right: 20px; font-size: 24px; font-weight: bold;}

.big_act{ display: inline-block; vertical-align: top; padding: 0 20px; line-height: 40px; color: #fff; font-size: 14px; background: #355297;}



.c_sub{ position: relative; min-height: 448px; }
.c_sub::before{ position: absolute; top: 0; left: 0; right: 0; content: ''; z-index: -1;  height: 448px; background: #C7CDDD;}

.map_out{ float: right; width: 824px; height: 567px;}
.map_out img{ width: 100%; height: 100%;}

.out_con{ position: relative; margin-right: 824px; padding: 100px 40px 40px 0; color: #182B5A;}

.m_air01{ opacity: 0; position: absolute; top: 270px; left: 242px; width: 463px; height: 206px; background: url(../images/air01.png) center/100% 100% no-repeat;}
.m_air01.show{opacity: 1; animation:m_air01 0.6s ease-out forwards; -webkit-animation:m_air01 0.6s ease-out forwards; }
.m_air02{opacity: 0; position: absolute; top: 350px; right: 50px; width: 518px; height: 302px; background: url(../images/air02.png) center/100% 100% no-repeat;}
.m_air02.show{opacity: 1; animation:m_air02 0.6s ease-out forwards; -webkit-animation:m_air02 0.6s ease-out forwards;}

@-webkit-keyframes m_air01{
	0%{ opacity: 0; left: 800px; }
	100%{ opacity: 1;  left: 242px;}
}
@keyframes m_air01{
	0%{ opacity: 0; left: 800px; }
	100%{ opacity: 1;  left: 242px;}
}

@-webkit-keyframes m_air02{
	0%{ opacity: 0; right: 400px; top: 200px; width: 318px; height: 102px;}
	100%{ opacity: 1; top: 350px; right: 50px; width: 518px; height: 302px;}
}
@keyframes m_air02{
	0%{ opacity: 0; right: 400px;  top: 200px; width: 318px; height: 102px;}
	100%{ opacity: 1;   top: 350px; right: 50px; width: 518px; height: 302px;}
}

.a_keep{ width: 690px;}

.k_ex{ padding-bottom: 20px; text-align: center; color: #182B5A;}

.k_panel{ position: relative; margin-bottom: 10px; padding: 15px 20px 0 20px;}
.k1_b{ color: #182B5A; background: #C7CDDD;}
.k2_b{ color: #6F541A; background: #E7E1D3;}

.a_kp{ min-height: 110px;}
.b_kp{ min-height: 288px;}
.c_kp{ min-height: 230px;}

.k_icon{ display: inline-block; vertical-align: top; width: 75px; height: 75px;}
.k01{ background: url(../images/k01.png) center/100% 100% no-repeat;}
.k02{ background: url(../images/k02.png) center/100% 100% no-repeat;}
.k03{ background: url(../images/k03.png) center/100% 100% no-repeat;}
.k04{ background: url(../images/k04.png) center/100% 100% no-repeat;}
.k05{ background: url(../images/k05.png) center/100% 100% no-repeat;}
.k06{ background: url(../images/k06.png) center/100% 100% no-repeat;}
.k07{ background: url(../images/k07.png) center/100% 100% no-repeat;}

.k_txt{ padding-left: 20px; line-height: 24px;}
.k_txt02{ padding-right: 100px;}

.k_code01{ position: absolute; right: 30px; bottom: 20px; width: 134px; height: 145px;}
.k_code02{position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); width: 327px; height: 93px;}
.k_code01 img,.k_code02 img{ width: 100%; height: 100%;}

.k_ex2{ margin-bottom: 50px; padding: 20px; line-height: 30px; text-align: center; color: #6F541A; background: #E7E1D3;}

.big_pic{ display: none; position: fixed; top: 50px; left: 50%; bottom: 50px; z-index: 9999; transform: translateX(-50%);}
.big_pic img{ width: auto; height: 100%;}

.cover_b{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9900; background: rgba(0,0,0,0.3);}

.p_bar{ padding: 15px 0; font-size: 12px;}

.p_tb40{ padding: 40px 0;}

.p_index{ height: 427px; background: #3F528B;}

.index_pic{ position: relative; width: 430px; height: 100%;}
.index_pic img{ width: 100%; height: 100%;}
.index_pic span{ position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; font-size: 20px; color: #fff;}

.index_tit{ padding: 30px; height: 186px; background: #E7E1D3;}

.index_icon{ position: relative; width: 120px; height: 120px;}
.i_i01{opacity: 0;  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(../images/i_i01.png) center/100% 100% no-repeat;}

.i_i01.show{animation:i_i01 0.6s ease-out forwards; -webkit-animation:i_i01 0.6s ease-out forwards;}

@-webkit-keyframes i_i01{
	0%{ opacity: 0; width: 10px; height: 10px;}
	100%{ opacity: 1; width: 120px; height: 120px;}
}
@keyframes i_i01{
	0%{ opacity: 0; width: 10px; height: 10px;}
	100%{ opacity: 1; width: 120px; height: 120px;}
}

.index_txt{ padding-left: 30px; color: #6F541A;}
.index_txt h2{ padding-bottom: 10px; font-size: 24px;}
.index_txt p{ line-height: 28px;}

.index_num{ position: relative; padding: 40px 60px; color: #fff;}
.index_num h2{ padding-bottom: 30px; font-size: 18px;}
.nb_txt{ padding-right: 10px; font-size: 64px;}

.i_tt{ position: absolute; top: 85px; right: 220px; padding-left: 72px; width: 182px; height: 41px; line-height: 41px; background: url(../images/ttt.png) center/100% 100% no-repeat;}

.i_air{ opacity: 0; position: absolute; top: 95px; right: 20px; width: 479px; height: 231px; background: url(../images/air03.png) center/100% 100% no-repeat;}

.i_air.show{animation:i_air 0.6s ease-out forwards; -webkit-animation:i_air 0.6s ease-out forwards;}

@-webkit-keyframes i_air{
	0%{ opacity: 0; top: 300px; right: 320px;  }
	100%{ opacity: 1; top: 95px; right: 20px; }
}
@keyframes i_air{
	0%{ opacity: 0; top: 300px; right: 320px;  }
	100%{ opacity: 1; top: 95px; right: 20px; }
}

.b_tab{ padding: 0 0 30px; text-align: center; font-size: 0;}
.b_tab li{ display: inline-block; vertical-align: top; padding:0 25px; font-size: 28px;}
.b_tab li i{ display: inline-block; vertical-align: middle; margin:0 10px 5px 0; width: 40px; height: 40px; background: url(../images/tbi.png) center/36px 24px no-repeat;}
.b_tab li span{ position: relative; color: #959595;}
.b_tab li.on i{  background: url(../images/tbi_on.png) center/36px 24px no-repeat;}
.b_tab li.on span{ color: #283C79;}
.b_tab li.on span::before{ position: absolute; bottom: -10px; left: 0; right: 0; border-bottom: 4px solid #07458E; content: '';}

.b_tab li:hover i{  background: url(../images/tbi_on.png) center/36px 24px no-repeat;}
.b_tab li:hover span{ color: #283C79;}

.m_list{ margin-left: -10px;}
.m_panel{ position: relative;  margin: 0 0 10px 10px;}

.show_list li:hover .m_panel{ background: #eee;}

.m_pic{ height: 270px;}
.m_pic img{ width: 100%; height: 100%;}

.m_intro{ padding: 40px 25px; border: 1px solid #E3E3E3;}
.m_intro h2{ padding-bottom: 10px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.m_intro p{ line-height: 26px; font-size: 14px; color: #999;}

.m_status{ position: absolute; right: 25px; bottom: 40px;}
.m_status span{ display: inline-block; vertical-align: top; padding: 0 10px; line-height: 26px; color: #fff; font-weight: bold; font-size: 14px;}
.m_status span.show{ background: #5CA5A7;}
.m_status span.end{ background: #B2B2B2;}
.all_view{ display: inline-block; vertical-align: middle; margin:0 10px 5px 0; width: 34px; height: 28px; background: url(../images/360.png) center/100% 100% no-repeat;}
.all_view.hide{ display: none;}

.m_more{ padding: 20px 0; text-align: center;}
.m_more a{ position: relative; display: inline-block; vertical-align: top; width: 210px; line-height: 44px; border: 1px solid #BCAA83; color: #6F541A;}
.m_more a::before{ position: absolute; top: 12px; left: -20px; width: 44px; height: 22px; content: ''; background: url(../images/t_air.png) center/100% 100% no-repeat;}

.m_more a:hover::before{animation:m_more 0.6s ease-out forwards; -webkit-animation:m_more 0.6s ease-out forwards;}

@-webkit-keyframes m_more{
	0%{ left: -20px; }
	100%{ left: 180px;}
}
@keyframes m_more{
	0%{ left: -20px; }
	100%{ left: 180px;}
}

.g_pic{ height: 440px;}
.g_pic img{ width: 100%; height: 100%;}

.g_intro{ padding: 25px 10px; border: none;}

.g_list li:hover .g_info{ opacity: 1;} 

.g_info{ opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 30px 25px 0; color: #fff; background: rgba(24,43,90,0.8);}
.g_info h2{ padding-bottom: 25px; font-size: 20px;}
.g_info h2 span{ display: block; padding-top: 5px; font-size: 16px;}
.g_info p{ line-height: 30px; font-size: 14px; }
.g_link{ position: absolute; bottom: 20px; right: 30px; font-size: 18px; color: #fff;}

.base_b li:nth-child(even) .base_pic{ background: #5CA5A7;}
.base_b li:nth-child(odd) .base_pic{ background: #3F528B;}

.base_b li:hover .base_txt{ color: #5F8196;}

.base_pic{ height: 210px;}
.base_pic img{ width: 100%; height: 100%;}

.base_txt{ padding: 10px 10px 20px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.do_b{ position: relative; margin-top: 50px; height: 474px; background: #E7E1D3;}

.do_pic{ position: absolute; top: 0; left: 50%; margin-left: -850px; width: 636px; height: 474px; background: url(../images/do.jpg) center/100% 100% no-repeat;}
.do_pic i{ position: absolute; top: 100px; right: 70px; width: 450px; height: 280px;}
.do_pic img{ width: 100%; height: 100%;}
.do_pic span{ position: absolute; left: 320px; top: 380px; color: #fff; white-space: nowrap;}

.do_right{ background: #E7E1D3;}

.do_form{ position: relative; padding: 20px 25px 0; color: #182B5A;}
.do_form h2{position: relative; padding:0 0 35px 25px;  font-size: 20px;}
.do_form h2::before{ position: absolute; top: 0; left: 0; width: 16px; height: 16px; content: ''; transform: translateY(50%); background: url(../images/tit2.png) 0 center/100% 100% no-repeat;}
.do_form p{ padding-bottom: 10px; line-height: 32px; font-size: 14px;}
.do_form label{ display: inline-block; vertical-align: top; padding-right: 10px; min-width: 110px; text-align: right;  white-space: nowrap;}

.do_icon{ position: absolute; top: 20px; right: 20px; width: 80px; height: 80px; }

.i_i02{  opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(../images/do_icon.png) center/100% 100% no-repeat;}
.i_i02.show{animation:i_i02 0.6s ease-out forwards; -webkit-animation:i_i02 0.6s ease-out forwards;}

@-webkit-keyframes i_i02{
	0%{ opacity: 0; width: 10px; height: 10px;}
	100%{ opacity: 1; width: 80px; height: 80px;}
}
@keyframes i_i02{
	0%{ opacity: 0; width: 10px; height: 10px;}
	100%{ opacity: 1; width: 80px; height: 80px;}
}

.d_input{ padding: 0 15px; width: 280px; height: 32px; line-height: 32px; border-radius: 20px; border: 1px solid #CCA877; background: #fff;}
.d_area{ padding: 10px 15px; width: 450px; height: 112px; border-radius: 20px; border: 1px solid #CCA877; background: #fff;}

.f_icon{ display: inline-block; vertical-align: middle; margin-right: 5px; width: 24px; height: 24px; background: url(../images/file.png) center/100% 100% no-repeat;}

.d_act{ padding: 10px 0; text-align: center;}
.act_btn,.act_btn2{ min-width: 200px; height: 40px; line-height: 40px; border: none; border-radius: 6px; color: #fff; font-size: 20px; font-weight: bold; cursor: pointer; }
.act_btn{ min-width: 180px; background: #CCA877 url(../images/btn.png) left center/175px 40px no-repeat;}
.act_btn2{ background: #5E6B8E url(../images/f.png) left center/175px 40px no-repeat;}

.na_list{ padding: 40px 0;}
.na_list li{ padding: 10px;}

.na_list li:nth-child(odd){ background: #F8F8FD;}
.na_list li:nth-child(odd) .n_date{ background: #F8F8FD;}
.na_list li:hover{ background: #eee;}
.na_list li:nth-child(odd):hover  .n_date{ background: #eee;}

.nb_list{  margin-left: -20px; padding-top: 50px;}
.nb_panel{ margin: 0 0 20px 20px; padding: 30px 50px 30px 0; background: #F4F4F8;}
.nb_date{ padding-top: 5px; width: 150px; text-align: center; }
.nb_date b{ display: block; padding-bottom: 20px; font-size: 18px; }
.nb_date span{display: inline-block; vertical-align: top; padding-top: 10px; border-top: 5px solid #3F528B;}

.nb_list li:hover .nb_con h2{ color: #835F2F;}
.nb_con h2{ padding-bottom: 15px; font-size: 18px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.nb_con p{ height: 50px; line-height: 28px; color: #707070; overflow: hidden;}

.n_dot{ display: inline-block; vertical-align: middle; margin: 0 10px 2px 0; width: 6px; height: 6px; border-radius: 50%; background: #3F528B;}

.page{ padding:20px 0 40px; text-align:center;}
.page *{ display:inline-block; vertical-align:middle;}
.page a{display:inline-block; margin:0 3px; padding:0 12px; height:32px; line-height:32px; border-radius:4px; background:#F3F9FD;}
.page a:hover{ color:#3F528B; background: #eee;}
.page a.current_page,.page a.go{color:#fff; background:#3F528B;}
.page a.prev{ margin: 0 20px; padding: 0; width: 32px; background: url(../images/p1_air.png) center/100% 100% no-repeat;}
.page a.next{ margin: 0 20px; padding: 0; width: 32px; background: url(../images/pr_air.png) center/100% 100% no-repeat;}
.go_input{width:70px; height:32px;  text-align:center; border:none; border-radius:4px; background:#F3F9FD; }

.c_con{ margin: 0 auto; width: 1100px;}

.c_tit{ padding: 40px 0; text-align: center; font-size: 26px;}
.c_tit span{ display: block; padding-top: 30px; font-size: 14px; color: #5E6B8E;}

.c_act{ padding: 20px 0; border-bottom: 1px solid #ddd; text-align: right;  font-size: 14px; color: #5E6B8E;}
.c_act.no_line{ padding: 0 0 20px; border: none;}

.share_icon{ display: inline-block; vertical-align: middle; margin: 0 5px 2px 5px; width: 20px; height: 20px; }

.wx_icon{ background: url(../images/wx.png) center/100% 100% no-repeat;}
.wx_icon:hover{ background: url(../images/wx_on.png) center/100% 100% no-repeat;}

.wb_icon{ background: url(../images/wb.png) center/100% 100% no-repeat;}
.wb_icon:hover{ background: url(../images/wb_on.png) center/100% 100% no-repeat;}

.share_act{ position: relative;}

.share_act:hover .share_b{ display: block;}
.share_b{ display: none; position: absolute; bottom: 100%; left: 50%; margin-bottom: 10px; padding: 5px; border: 1px solid #3F528B; text-align: center; font-size: 8px; transform: translateX(-50%); white-space: nowrap;}
.share_b::before{ position: absolute; left: 50%; bottom: -5px; width:8px; height:8px;  border: 1px solid #3F528B; border-right: none; border-top: none; transform: translateX(-50%) rotate(-45deg); content: ''; background: #fff;}
.share_b i{ display: block; margin: 0 auto; width: 64px; height: 64px;}
.share_b img{ width: 100%; height: 100%;}

.sub_b{ padding: 50px 0; text-align: center;}
.sub_b i{ display: inline-block; vertical-align: top; width: 140px; height: 140px;}
.sub_b span{ display: block; font-size: 20px;}

.con_txt{ padding: 20px 0; line-height: 30px; text-indent: 2em; color: #5E6B8E;}
.con_pic{ padding: 20px 0; text-align: center;}

.sub_banner{ height: 206px;}

.news_banner{ background: url(../images/news_banner.jpg) center/1920px 100% no-repeat;}
.notice_banner{background: url(../images/notice_banner.jpg) center/1920px 100% no-repeat;}
.info_news_banner{background: url(../images/info_news_banner.jpg) center/1920px 100% no-repeat;}

.banner_t{ position: absolute; top: 80px; left: 0; font-size: 30px; font-weight: bold; color: #fff;}
.t_tab{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.t_tab .n_tab{ padding-bottom: 0;}

.p_banner{ position: relative; height: 100%;}

.n_col{ margin-left: -10px;}
.n_panel{ margin: 0 0 10px 10px; background: #F8F8FD;}

.col_pic{ height: 270px;}
.col_pic img{ width: 100%; height: 100%;}

.col_box{ padding: 20px; height: 210px;}

.col_t{ padding-bottom: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.col_date{  padding-bottom: 15px; font-size: 14px; color: #7A7F8D;}

.col_txt{ padding-top: 15px; border-top: 1px solid #ddd; line-height: 28px; color: #999;}

.notice_b{ margin-top: 50px;}

.notice_con{ height: 460px; padding: 20px; color: #fff;}
.notice_con h2{ padding-bottom: 35px; font-size: 24px;}
.notice_con h2 span{ display: block; padding-top: 15px; font-size: 14px;}
.notice_con p{ line-height: 28px; text-indent: 2em;}

.notice_b .slick-dots{ padding-right: 50px; text-align: right;}
.notice_b .slick-dot{ background: #fff;}			
.notice_b .slick-dots li.slick-active, notice_b .slick-dots li.slick-active:hover{background:#145E60;}	

.about_banner{ height: 135px; background: url(../images/about_banner.jpg) center/1920px 100% no-repeat;}

.a_menu{ height: 70px; text-align: center; background: url(../images/a_menu.jpg) center/100% 100% no-repeat;}
.a_menu ul{ padding-top: 15px;}
.a_menu li{ cursor: pointer;}
.a_menu li:first-child{ border: none;}

.a_icon{ display: block; margin: 0 auto; width: 110px; height: 110px;}
.a1_icon{ background: url(../images/a001.png) center/100% 100% no-repeat;}
.a2_icon{ background: url(../images/a002.png) center/100% 100% no-repeat;}
.a3_icon{ background: url(../images/a003.png) center/100% 100% no-repeat;}
.a4_icon{ background: url(../images/a004.png) center/100% 100% no-repeat;}
.a5_icon{ background: url(../images/a005.png) center/100% 100% no-repeat;}
.a6_icon{ background: url(../images/a006.png) center/100% 100% no-repeat;}
.a7_icon{ background: url(../images/a007.png) center/100% 100% no-repeat;}

.a_act{ display: block; padding-top: 15px; font-size: 20px; color: #fff;}

.act_link{ display: inline-block; vertical-align: top; padding: 0 25px; line-height: 40px; color: #5CA5A7; background: rgba(255,255,255,0.8);}
.act_link.on,.act_link:hover{ background: #fff;}

.a_section{ background: #F8FAFF;}

.intro_box{ padding:0 50px 50px; border-radius: 40px; background: #fff;}

.m_tab{ margin-bottom: 50px; padding: 20px 0 50px;}
.m_tab li{ width: 286px;}
.m_tab li a{ line-height: 46px;}

.book_b{ position: relative; margin-bottom: 30px; padding: 25px; background: #E7E1D3;}

.book_con{ padding: 15px; background: #fff;}

.book_t{ padding-bottom: 20px; font-size: 20px; text-align: center; color: #182B5A;}
.book_t span{ display: block; text-align: right; font-size: 16px;}

.b_form li{ position: relative; margin-bottom: 10px; padding:10px; border-radius: 24px; background: #F0EEE7;}

.b_num{ display: inline-block; vertical-align: top; margin-right: 10px; width: 25px; height: 25px; line-height: 24px; border: 1px solid #AD9B36; border-radius: 50%; text-align: center; font-size: 12px; font-weight: bold; background: #E7E1D3;}

.form_t{ line-height: 25px; font-size: 14px; color:  #182B5A;}

.form_con{ padding-left: 30px; font-size: 14px;}
.form_con p{ padding: 5px 0; line-height: 26px; color: #182B5A;}

.radio,.checkbox{ margin:0 15px 0 0; width: 20px; height: 20px; border: 1px solid #AD9B36; border-radius: 0; background: #fff;}

.area_txt{ padding: 10px; width: 950px; height: 75px; border-radius: 20px; border: 1px solid #D8D6D6; font-size: 14px; background: #fff;}

.bb_btn,.cc_btn{ padding: 0 10px; min-width: 160px; line-height: 40px; border: none;  text-align: center; font-size: 20px; cursor: pointer; font-weight: bold;}
.bb_btn{color: #fff; background: #3F528B;}
.cc_btn{ color: #182B5A; background: #E7E1D3;}

.a_btn,.b_btn{ padding: 0 10px; min-width: 250px; line-height: 50px; border: none; color: #fff; text-align: center; font-size: 20px; cursor: pointer;}
.a_btn{  background: #5CA5A7;}
.b_btn{ background: #3F528B;}

.b_section{ position: relative; margin: 120px auto 0; width: 1260px; background: #F8FAFF;}

.tt_b{ position: absolute; top: -80px; left: 0; right: 75px; text-align: right;}

.tt_tt{ display: inline-block; vertical-align: top; padding-left: 50px; min-width: 225px; line-height: 50px; text-align: center; font-size: 20px; font-weight: bold; color: #fff; background: #5CA5A7;}
.tt_tt:hover{ opacity: 0.8; color: #fff;}
.tt_icon{ display: inline-block; vertical-align: middle; margin-left: 20px; width: 30px; height: 30px; background: url(../images/m_air.png) center/100% 100% no-repeat;}

.msg_b{ position: relative; padding: 30px 40px 0; height: 315px; line-height: 32px; color: #fff; background: url(../images/msg_b.png) center/100% 100% no-repeat;}

.mc_b{ position: absolute; top: -120px; left: 40px; width: 160px; height: 200px; background: url(../images/mc.png) center/100% 100% no-repeat;}
.mc_txt{ position: absolute; top: 50px; left: 180px; padding: 0 20px; line-height: 36px; border-radius: 10px; color: #fff; font-size: 16px; white-space: nowrap; background: #3F528B;}
.mc_txt::before{ position: absolute; top: 50%; left: -20px; width:0; height:0; border: 10px solid transparent; border-right-color: #3F528B; transform: translateY(-50%); content: '';}

.mc_tit{ position: absolute; top: 30px; left: 320px; font-size: 28px; color: #fff; white-space: nowrap;}

.m_label{ display: inline-block; vertical-align: top; padding-right: 10px; min-width: 100px; line-height: 32px; text-align: right; font-size: 14px; white-space: nowrap; color: #fff;}

.mc_input{ padding: 0 15px; width: 174px; height: 32px; line-height: 32px; border: none; border-radius: 10px; vertical-align: top; font-size: 14px;  background: #fff;}
.mc_area{ padding: 10px; width: 100%; height: 90px; border-radius: 10px; font-size: 14px;  background: #fff;}

.m_radio,.m_checkbox{ width: 20px; height: 20px; margin:0 5px 2px 5px; font-size: 14px;}

.m_select{ display: inline-block; vertical-align: top; width: 320px; height: 44px; line-height: 44px; text-align: left; border-radius: 10px; background: #fff;}
.sel_t{ position: relative; display: inline-block; vertical-align: top; width: 100px; text-align: center; border-radius: 10px 0 0 10px; color: #3F528B; background: #DCE9F0;}
.sel_input{ width: 200px; border-radius: 0; vertical-align: top;}
.sel_arrow{ display: inline-block; vertical-align: middle; margin-top: 5px; width:0; height:0; border: 6px solid transparent; border-top-color: #3F528B;}

.sel_con{ display: none; position:absolute; top:44px; left:0; right: 0; z-index:1000;  max-height:150px; border: 1px solid #ddd; overflow-y:auto; background:#fff;}
.sel_con p{ clear:both; padding:0 10px; line-height:34px; text-align:left; cursor:pointer; }
.sel_con p a{ color:#333;}
.sel_con p:hover{ background:#eee;}

.msg_t{ padding-left: 30px; font-size: 20px; color: #182B5A;}

.mc_icon{ position: absolute; top: 80px; left: -30px; width: 75px; height: 75px; background: url(../images/mc_icon.png) center/100% 100% no-repeat;}

.set_b{ margin-left: -15px;}
.set_panel{ margin: 0 0 15px 15px; padding: 50px 40px 20px; border: 1px solid #3F528B; border-radius: 35px; background: #fff;}

.s1_icon{ background: url(../images/s001.png) center/100% 100% no-repeat;}
.s2_icon{ background: url(../images/s002.png) center/100% 100% no-repeat;}
.s3_icon{ background: url(../images/s003.png) center/100% 100% no-repeat;}
.s4_icon{ background: url(../images/s004.png) center/100% 100% no-repeat;}
.s5_icon{ background: url(../images/s005.png) center/100% 100% no-repeat;}
.s6_icon{ background: url(../images/s006.png) center/100% 100% no-repeat;}
.s7_icon{ background: url(../images/s007.png) center/100% 100% no-repeat;}

.set_tit{  padding: 35px 0; text-align: center; font-size: 30px; color: #182858;}

.set_txt{ line-height: 30px; overflow:hidden; text-overflow:ellipsis; color: #182B5A;}
.set_txt01{ height: 90px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.set_txt02{ height: 150px; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}

.set_more{ padding-top: 20px; line-height: 40px; text-align: center;}
.set_more i{ display: inline-block; vertical-align: middle; width: 36px; height: 36px; border-radius: 50%; background: #3F528B url(../images/w_air.png) center/70% 70% no-repeat;}


.d_set{ display: none; position: fixed; top: 150px; bottom: 150px; left: 0; right: 0; z-index: 100; width: 1260px; margin: 0 auto; overflow-y: auto; }
.d_set .set_panel{ margin: 0; padding:50px 100px 100px;}
.set_hide{ position: absolute; right: 40px; top: 20px; white-space: nowrap;}
.set_hide i{background: #3F528B url(../images/w_air2.png) center/70% 70% no-repeat;}

.contact_b{ padding: 50px 0; border-radius: 40px; color: #5E6B8E; background: #C7CDDD;}

.c_code{ font-size: 0; text-align: center;}
.c_code li{ display: inline-block; vertical-align: top; padding: 0 25px;}
.c_code li i{ display: inline-block; vertical-align: top; width: 106px; height: 106px; border: 1px solid #4E6095;}
.c_code li span{ display: block; padding-top: 10px; font-size: 14px;}

.contact_item{ padding-top: 30px; font-size: 0; text-align: center;}
.contact_item li{ display: inline-block; vertical-align: top; padding-left: 60px; text-align: left; font-size: 16px;}
.contact_item li:first-child{ padding: 0;}

.contact_icon{ width: 54px; height: 54px; border-radius: 50%;}
.ct01{ background: #4E6095 url(../images/c01.png) center/32px 32px no-repeat;}
.ct02{ background: #4E6095 url(../images/c02.png) center/32px 32px no-repeat;}
.ct03{ background: #4E6095 url(../images/c03.png) center/32px 32px no-repeat;}
.ct04{ background: #4E6095 url(../images/c04.png) center/32px 32px no-repeat;}

.contact_txt{ padding-left: 10px; line-height: 24px;}
.contact_txt label{ display: block; font-size: 14px;}

.edu_banner{ position: relative; z-index: 5; height: 230px; background: url(../images/edu_banner.jpg) center/1920px 100% no-repeat;}

.edu_right{ position: relative; z-index: 2; padding-left: 10px; background: #fff;}
.edu_list li{ padding:8px 10px; background: #f9f8fe;}

.p_pre{ position: relative;}
.n1_pic{ position: absolute; top: -150px; right: -150px; width: 434px; height: 465px; background: url(../images/n1_pic.png) center/100% 100% no-repeat;}
.n2_pic{ position: absolute; top: 130px; left: -250px; width: 467px; height: 548px; background: url(../images/n2_pic.png) center/100% 100% no-repeat;}
.n3_pic{ position: absolute; top: 350px; right: -220px; width: 206px; height: 154px; background: url(../images/n3_pic.png) center/100% 100% no-repeat;}
.n4_pic{ position: absolute; top: 350px; left: -200px; width: 238px; height: 322px; background: url(../images/n4_pic.png) center/100% 100% no-repeat;}
.n5_pic{ position: absolute; top:500px; right: -319px; width: 433px; height: 212px; background: url(../images/n5_pic.png) center/100% 100% no-repeat;}
.n6_pic{ position: absolute; top: 850px; left: -320px; z-index: -1; width: 550px; height: 231px; background: url(../images/n6_pic.png) center/100% 100% no-repeat;}
.n7_pic{ position: absolute; top: -300px; right: -80px; width: 472px; height: 426px; background: url(../images/n7_pic.png) center/100% 100% no-repeat;}
.n8_pic{ position: absolute; top: -100px; left: -180px; width: 218px; height: 184px; background: url(../images/n8_pic.png) center/100% 100% no-repeat;}
.n9_pic{ position: absolute; top: -250px; right: -180px; width: 242px; height: 154px; background: url(../images/n9_pic.png) center/100% 100% no-repeat;}
.n10_pic{ position: absolute; top: -10px; left: 420px; z-index: 1; width: 200px; height: 140px; background: url(../images/n10_pic.png) center/100% 100% no-repeat;}
.n11_pic{ position: absolute; top: 0; left: -250px; width: 577px; height: 266px; background: url(../images/n11_pic.png) center/100% 100% no-repeat;}

.e_b{ margin-top: 80px; height: 588px; background: url(../images/e_b.jpg) center/100% 100% no-repeat;}

.edu_item{ padding-top: 120px; font-size: 0;}
.edu_item li{ position: relative; display: inline-block; vertical-align: top; margin-right: 30px; width: 260px; height: 356px; border: 4px solid #fff; font-size: 20px;}
.edu_item li img{ width: 100%; height: 100%;}
.edu_item li span{ position: absolute; bottom: 4px; left: 4px; right: 4px; padding: 30px 10px; text-align: center; color: #fff; font-size: 20px; background: rgba(63,82,139,0.8);} 

.tec_pic{ position: absolute; right: 0; top: -55px; width: 380px;}
.tec_pic li{ padding-bottom: 10px; }

.ago_b{ text-align: center; font-size: 0;}
.ago_b li{ display: inline-block; vertical-align: top; text-align: center;}
.ago_b li i{ display: inline-block; vertical-align: top; width: 157px; height: 178px;}
.ago_b li span{ display: block; padding: 15px 0 0 0; color: #2F3E50; font-size: 18px;}

.ago01{ background: url(../images/b01.png) center/100% 100% no-repeat;}
.ago02{ background: url(../images/b02.png) center/100% 100% no-repeat;}
.ago03{ background: url(../images/b03.png) center/100% 100% no-repeat;}
.ago04{ background: url(../images/b04.png) center/100% 100% no-repeat;}
.ago05{ background: url(../images/b05.png) center/100% 100% no-repeat;}
.ago06{ background: url(../images/b06.png) center/100% 100% no-repeat;}
.ago07{ background: url(../images/b07.png) center/100% 100% no-repeat;}
.ago08{ background: url(../images/b08.png) center/100% 100% no-repeat;}

.ago_b li:hover .ago01{ background: url(../images/b01_on.png) center/100% 100% no-repeat;}
.ago_b li:hover .ago02{ background: url(../images/b02_on.png) center/100% 100% no-repeat;}
.ago_b li:hover .ago03{ background: url(../images/b03_on.png) center/100% 100% no-repeat;}
.ago_b li:hover .ago04{ background: url(../images/b04_on.png) center/100% 100% no-repeat;}
.ago_b li:hover .ago05{ background: url(../images/b05_on.png) center/100% 100% no-repeat;}
.ago_b li:hover .ago06{ background: url(../images/b06_on.png) center/100% 100% no-repeat;}
.ago_b li:hover .ago07{ background: url(../images/b07_on.png) center/100% 100% no-repeat;}
.ago_b li:hover .ago08{ background: url(../images/b08_on.png) center/100% 100% no-repeat;}

.ago_list{ padding-top:100px;}
.ago_list li{ padding-bottom: 40px;}

.ago_panel{ background: #F8F8FD;}
.ago_pic{ position: relative; z-index: 5; width: 594px; height: 396px;}
.ago_pic img{ width: 100%; height: 100%;}

.ago_txt{ padding: 35px;}
.ago_txt h2{ padding-bottom: 30px; font-size: 20px; color: #182B5A; font-weight: bold;}
.ago_txt p{ line-height: 30px; color: #808AA5;}

.edu_more{ display: inline-block; vertical-align: top; padding: 0 20px; line-height: 32px; border-radius: 16px; color: #fff; font-size: 14px; background: #6C7390;}
.edu_more:hover{ opacity: 0.8; color: #fff;}

.c_section{  background: #F8F8FD;}
.c_section .m_more{ position: relative; z-index: 5;}

.ser_b li{ padding: 22px 0;}

.ser_panel{ background: #fff;}
.ser_pic{ position: relative; width: 620px;}
.ser_pic i{ display: block;  height: 420px;}
.ser_pic img{ width: 100%; height: 100%;}

.ser_txt{ padding: 40px 60px 0; color: #182B5A; }
.ser_txt h2{ padding-bottom: 30px; font-size: 20px; font-weight: bold;}
.ser_txt p{ line-height: 30px; text-indent: 2em; }

.d_section{ margin-top: 200px; background: #E7E1D3;}

.mu_pic{ position: relative; width: 608px; height: 526px;}
.mu_pic i{ position: absolute; bottom: 0; left: 0; width: 608px; height: 526px; background: url(../images/p2.jpg) center/100% 100% no-repeat;}
.mu_txt{ padding: 80px 100px 0 50px;}
.mu_t{ font-size: 30px; color: #182B5A;}
.mu_ex{ line-height: 40px; font-size: 20px; color: #182B5A;}

.audio_b{ margin-left: -20px;}

.audio_panel{ position: relative; z-index: 5; margin: 0 0 15px 15px;}
.audio_panel img{ width: 100%; height: 270px;}
.audio_panel span{ position: absolute; bottom: 0; left: 0; right: 0; line-height: 36px; padding: 0 20px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: rgba(0,0,0,0.4);}

.audio_icon{ width: 44px; height: 36px; background: url(../images/audio.png) center/100% 100% no-repeat;}

.play_icon{ position: relative; width: 26px; height: 26px; border-radius: 50%; background: #fff;}
.play_icon::after{ position: absolute; top: 50%; left: 50%; margin-left: 6px; width:0; height:0; border: 8px solid transparent; border-left-color: #CCA877; transform: translate(-50%, -50%); content: '';}

.step_b{ margin: 6px 0 0 20px; height: 14px; border-radius: 20px; background: rgba(255,255,255,0.6);}

.audio_pic{ padding-top: 20px;}
.audio_pic img{ width: 100%; height: 222px;}

.mc_b2{ position: relative; top: 0; left: 0;}
.mc_txt2{ top: 50px; padding: 10px 30px; width: 728px; line-height: 30px; white-space: normal; background: #5CA5A7;}
.mc_txt2::before{ border: 10px solid transparent; border-right-color: #5CA5A7;}
.mc_tit2{ position: absolute; left: 230px; bottom: 20px; font-size: 28px; white-space: nowrap; color: #182858;}

.info_banner{ background: url(../images/info_banner.jpg) center/1920px 100% no-repeat;}
.info_top{ position: relative; padding: 60px 75px 0; height: 243px; color: #fff; background: url(../images/info_top.jpg) center/100% 100% no-repeat;}
.info_top h2{ font-size: 38px;}
.info_top p{ padding: 10px; font-size: 20px;}

.info_link{ display: inline-block; vertical-align: top; padding: 0 25px; line-height: 32px; border-radius: 30px; color: #3F528B; font-size: 14px; background: #E3E3E3;}
.info_link:hover{ opacity: 0.8; color: #3F528B;}

.info_item{ padding: 50px 0 20px;}
.info_item li{ position: relative; padding: 10px 0 10px 0;}
.info_item li::before{ position: absolute; top: 10px; left: 10px; bottom: 10px; width: 8px; content: ''; background: #3F528B;}
.info_item li a{ display: block; padding: 20px 50px; font-size: 20px; background: #F4F4F8;}
.info_item li a:hover{ color: #835F2F; background: #eee;}

.fly_banner{ height: 230px; background: url(../images/fly_banner.jpg) center/1920px 100% no-repeat;}

.f1_box{ margin-top: 60px; background: #fff;}

.f1_panel{ width: 270px; padding: 25px 40px;}
.f1_num{ font-size: 80px; color: #E2E3E5;}
.f1_tit{ padding: 15px 0; font-size: 22px; color: #888;}
.f1_txt{ line-height: 30px; height: 150px; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow: hidden; color: #888;}

.f2_panel{ position: relative; padding: 60px 40px 40px 380px; height: 390px; color: #fff; box-shadow: 0px 3px 9px rgba(71,90,116,0.44); background: #3F528B url(../images/n.png) right bottom/265px 267px no-repeat;}
.f2_num{ position: absolute; top: 20px; left: 380px; font-size: 80px; color: #6779AD;}
.f2_tit{ position: relative; z-index: 1; padding-bottom:30px; font-size: 22px; color: #fff;}
.f2_txt{ line-height: 26px; height: 208px; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical; overflow: hidden; color: #fff;}

.f2_pic{ position: absolute; left: 40px; bottom: 20px; width: 283px; height: 415px; border: 8px solid #fff;}
.f2_pic img{ width: 100%; height: 100%;}

.f_left,.f_right{ position: absolute; top: 50%;  width: 50px; height: 50px; border-radius: 50%; transform: translateY(-50%); cursor: pointer; background: #fff;}
.f_left{ left: -25px;}
.f_right{ right: -25px;}

.f_left::before{ position: absolute; top: 50%; left: 10px; width:0; height:0; border: 6px solid transparent; border-right-color: #3F528B; transform: translateY(-50%); content: '';}
.f_left::after{ position: absolute; top: 50%; left: 20px; width: 12px; height: 3px;  transform: translateY(-50%); content: ''; background: #3F528B;}

.f_right::before{ position: absolute; top: 50%; right: 10px; width:0; height:0; border: 6px solid transparent; border-left-color: #3F528B; transform: translateY(-50%); content: '';}
.f_right::after{ position: absolute; top: 50%; right: 20px; width: 12px; height: 3px;  transform: translateY(-50%); content: ''; background: #3F528B;}

.f2_box{ margin-top: 30px; padding: 20px; background: #fff;}
.f3_pic{ width: 410px; height: 224px;}
.f3_pic img{ width: 100%; height: 100%;}

.f3_panel{ position: relative; padding: 20px 40px 20px 40px;  color: #182858;}
.f3_num{ position: absolute; top: -10px; left: 40px; font-size: 80px; color: #E2E3E5;}
.f3_tit{ position: relative; z-index: 1; padding: 10px 0 30px; font-size: 20px;}
.f3_txt{ line-height: 30px; }

.pay_b{ margin-left: -20px;}
.pay_panel{ margin: 0 0 20px 20px; background: #F8F8FD;}
.pay_panel img{ width: 100%; height: 270px;}

.pay_txt{ padding: 15px 20px; line-height: 26px; color: #182858;}
.pay_txt h2{font-size: 20px;}
.pay_ex{ color: #808AA5;}
.f24{ font-size: 24px;}

.edu_con .n2_pic{ top: -150px;}
.edu_con .n3_pic{ top: initial; bottom: 0; right: -210px;}

.know_banner{ height: 440px; background: url(../images/know_banner.jpg) center/1920px 100% no-repeat;}
.know_banner .banner_t{ top: 190px;}

.a_tab{ position: absolute; top: 310px; left: 0; right: 0; text-align: center;}
.a_tab ul{ padding: 0 180px;}
.a_tab li{ position: relative; display: inline-block; vertical-align: top; width: 280px!important; height: 130px; padding: 30px; border: 2px solid #fff; border-bottom: 0; font-size: 20px; color: #fff; cursor: pointer; background: rgba(63,82,139,0.4);}
.a_tab li.on{ background: rgba(63,82,139,0.8);}
.a_tab li.on::before{ position: absolute; bottom: -18px; left: 50%; width:0; height:0; border: 6px solid transparent; border-top-color: rgba(63,82,139,0.8); transform: translateY(-50%); content: '';}

.a_tab .slick-list{ height: 140px;}
.a_tab .slick-prev{ left: -80px; width: 46px; height: 46px; border-radius: 50%; background: #fff;}
.a_tab .slick-prev::before{ position: absolute; top: 50%; left: 0; width:0; height:0; border: 14px solid transparent; border-right-color: #3F528B; transform: translateY(-50%); content: '';}
.a_tab .slick-next{ right: -80px; width: 46px; height: 46px;  border-radius: 50%; background: #fff;}
.a_tab .slick-next::before{ position: absolute; top: 50%; right: 0; width:0; height:0; border: 14px solid transparent; border-left-color: #3F528B; transform: translateY(-50%); content: '';}

.k01_pic{ position: absolute; top: 50px; left: -200px; width: 165px; height: 165px; background: url(../images/n12_pic.png) center/100% 100% no-repeat;}
.k02_pic{ position: absolute; bottom: 50px; right: -200px; width: 182px; height: 136px; background: url(../images/n13_pic.png) center/100% 100% no-repeat;}

.dd_con{ position: relative; padding-top: 100px;}
.dd_tit{ margin-left: 100px; width: 615px; font-size: 34px;}

.dd_box{ margin-top: 30px; padding: 20px 0 0;}
.dd_box li{ position: relative; margin-bottom: 100px; padding:30px 70px; border: 1px solid #707070; border-radius: 50px; background: rgba(255,255,255,0.8);}

.dt_pic{ position: absolute; top: 30px; right: 70px; width: 308px; height: 58px; background: url(../images/dt01.png) center/100% 100% no-repeat;}
.dd_box li:nth-child(even) .dt_pic{ background: url(../images/dt02.png) center/100% 100% no-repeat;}

.dd_box li:nth-child(even) .dc_pic{ top: 525px; left: 850px; width: 400px; height: 185px;  background: url(../images/dc02.png) center/100% 100% no-repeat;}
.dc_pic{ position: absolute; top: 525px; left: 70px; width: 175px; height: 130px; background: url(../images/dc01.png) center/100% 100% no-repeat;}

.dd_name{ padding: 20px 0; line-height: 40px; font-size: 24px; color: #2F3E50;}
.d_air{ display: inline-block; vertical-align: middle; margin: 0 10px 3px 0; width: 60px; height: 40px; background: url(../images/c_air.png) center/100% 100% no-repeat;}

.dd_pic{ display: inline-block; vertical-align: top; padding: 20px; border: 1px solid #CCA877;}
.dd_ex{ position: absolute; bottom: -66px; left: 0; right: 0; margin: 0 auto; width: 550px; line-height: 34px; border-radius: 15px; text-align: center; color: #fff; background: #E0A8E0;}

.dd01_pic{ position: absolute; top: 20px; left: -240px; width: 444px; height: 628px; background: url(../images/n14_pic.png) center/100% 100% no-repeat;}
.dd02_pic{ position: absolute; top: 20px; right: -100px; width: 502px; height: 306px; background: url(../images/n15_pic.png) center/100% 100% no-repeat;}
.dd03_pic{ position: absolute; top: 700px; right: -200px; width: 251px; height: 453px; background: url(../images/n16_pic.png) center/100% 100% no-repeat;}
.dd04_pic{ position: absolute; bottom: 0; left: -250px; width: 240px; height: 330px; background: url(../images/n17_pic.png) center/100% 100% no-repeat;}

.dd05_pic{ height: 210px; background: url(../images/n18_pic.png) right center/635px 210px no-repeat;}

/**/
.alert_b{ display: none; position: fixed; padding: 50px; top: 100px; left: 0; right: 0; margin: 0 auto; width: 1260px; z-index: 10000; border-radius: 30px; background: #fff;}
.a_close{ position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; cursor: pointer; background: url(../images/m_close.png) center/100% 100% no-repeat;}

.bb_pic{ height: 530px;}
.bb_pic img{ width: 100%; height: 100%;}

.bb_txt{ padding: 150px 100px 0 30px; color: #182858;}
.bb_txt h2{ padding-bottom: 50px; font-size: 30px; }
.bb_txt p{ line-height: 26px; font-size: 16px;}

.g_list li a:hover .g_intro h2{ color: #835F2F;}

.tt_t{ text-align: center; font-size: 20px; color: #5E6B8E;}
.tt_t2{ padding-bottom: 20px; text-align: center; font-size: 20px;  color: #283C79;}

.c_main{ position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; max-width: 1260px; height: 100%; padding-right:370px; }

.aa_btn{ padding: 0 30px; height: 36px; line-height: 36px; border: 1px solid #CCA877; border-radius: 8px; color: #182B5A; font-weight: bold; cursor: pointer; background: #fff;}
.aa_btn:hover{ background: rgba(204, 168, 119, 0.38);}

.a_main{ margin-bottom: 50px; padding: 25px; border: 1px solid #AABAE8; border-radius: 18px; background: linear-gradient(#FFFFFF,#E5EDFD);}

.a_main .sub_tit{ padding: 10px 0;}

.aa_act{ position: absolute; top: 15px; right: 0;}

.aa_con{ padding: 20px; border: 1px solid #AABAE8; border-radius: 9px;  color: #182858; background: #fff;}

.b_table{ border-top: 2px solid #182858;}
.b_table td{ padding: 10px 20px; line-height: 30px; border: 1px solid #8C9CCB;}
.b_table th{ min-width: 150px; padding: 10px 20px; line-height: 30px;  border: 1px solid #8C9CCB; text-align: center; font-size: 14px; color: #182858;}
.b_table tr:nth-child(odd) th{ background: #EEF3FD;}
.b_table tr:nth-child(even) th{ background: #C7CDDD;}

.aa_input{ width: 100%; height: 30px; line-height: 30px; border: none; font-size: 14px; color: #182858;}

.b_table td.photo_b{ padding: 0; width: 200px; background: #F8F8FD;}

.dp_b{ display: block; margin: 50px auto 30px; width: 108px; height: 124px; background: url(../images/d_photo.png) center/100% 100% no-repeat;}

.p_btn{ padding: 0 20px; height: 36px; line-height: 36px; border: none; border-radius: 20px; color: #fff; cursor: pointer; background: #8298CB;}
.p_btn:hover{ opacity: 0.8;}
.sp_btn{ height: 30px; line-height: 30px; font-size: 14px;}

.ser_item p{ padding: 5px 0;}
.ser_item label{ color: #182858;}
.ser_item .checkbox,.t_label .checkbox,.a_ask .radio{ margin-right: 10px; width: 16px; height: 16px; border: 1px solid #7DA4CB; vertical-align: middle;}
.a_ask .radio{ margin: 0 5px 2px 15px;}

.t_ex{ color: #809BBA;}

.t_label{ padding-right: 50px; color: #182858;}

input::-webkit-input-placeholder{color: #809BBA;}

.a_ask li{ padding: 5px 0; font-size: 14px;}

.a_dot{ display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 10px; height: 10px; margin-right: 10px; border-radius: 50%; background: #182858;}

.s_input{ margin: 0 10px; padding-left: 20px; width: 100px; height: 30px; line-height: 30px; border-radius: 15px; border: 1px solid #AABAE8; font-size: 14px; color: #182858; background: #F5F8FD;}

.file_icon{ display: inline-block; vertical-align: middle; margin-right: 10px; width: 18px; height: 20px; background: url(../images/file2.jpg) center/100% 100% no-repeat;}

.bb_b{ padding: 0 50px; color: #808AA5;}

.bb_tit{ padding: 20px 0; text-align: center;}

.bb_con{ padding-bottom: 50px; line-height: 30px;}
.bb_con h2{ padding: 10px 0; font-size: 20px; color: #182B5A; font-weight: bold;}
.bb_con p{ padding-left: 20px;}

.tt_box{ padding: 20px; border: 1px solid #8C9CCB; border-top: 2px solid #182858;}
.tt_box a{ color: #182858;}
.tt_box a:hover{ color: #666;}

.tt_link{ padding: 10px 20px; line-height: 30px; background: #EEF3FD;}

.submit_b{ display: none; position: fixed; padding: 50px; top: 50%; left: 0; right: 0; margin: 0 auto; width: 600px; z-index: 10000; border-radius: 20px; transform: translateY(-50%); background: #fff;}

.mc_icon2{ width: 172px; height: 220px; background: url(../images/mc.png) center/100% 100% no-repeat;}

.success_txt{ padding: 50px 0 0 20px;}
.success_txt h2{ padding-bottom: 20px; color: #182B5A; font-weight: bold; font-size: 24px;}
.success_txt p{ line-height: 26px; color: #AD9B36; font-size: 14px;}

.act_btn.a_disabled{ cursor: text; background: #CCC8C3 url(../images/f.png) left center/175px 40px no-repeat;}

.c_link a{ color: #07458e; border-bottom: 1px solid #07458e;}
.c_link  i{ opacity: 0.6; display: inline-block; vertical-align: middle; margin-left: 5px; width:0; height:0; border: 5px solid transparent; border-left-color: #07458e; }

/**/
.z_banner .li::before{ padding-top: 39%;}
.co_txt{ padding: 15px 10px; height: 75px; line-height: 24px; font-size: 14px; overflow: hidden; background: #F0EDED;}

.d_col{ padding: 30px 0; border: 1px solid #707070;}

.dd_panel{ margin: 0 auto; width: 610px; height: 460px;}
.dd_panel li{ position: relative; height: 460px;}
.dd_panel li::before{ display: none;}
.dd_panel li img{ width: 100%!important;}

.dz_b{ position: relative; height: 394px; background: url(../images/d_bg.jpg) center/100% 100% no-repeat;}
.d_air2{ position: absolute; right: -100px; top: 70px; width: 750px; height: 394px; background: url(../images/d_air.png) center/100% 100% no-repeat;}
.dz_txt{ width: 50%; padding: 60px 30px 0 80px; color: #fff;}
.dz_txt h2{ padding-bottom: 25px; font-size: 26px;}
.dz_txt p{ line-height: 30px;}

.z_notice{ padding:25px 30px 30px; background: #F8F8FD;}
.z_tit{ position: relative; padding-left: 25px; line-height: 30px; color: #182B5A; }
.z_tit::before{ position: absolute; top: 50%; left: 0; width: 16px; height: 16px; content: ''; transform: translateY(-50%); background: url(../images/tit2.png) 0 center/100% 100% no-repeat;}
.z_tit b{ font-size: 20px;}
.z_tit a .a_air{ margin: 0 10px 0 0; width: 30px; height: 30px;}
.z_tit a span{ font-size: 12px; }

.z_item{ }
.z_item dl{ padding: 15px 0; border-top: 1px solid #D4D4F4; color: #808AA5;}
.z_item dl:first-child{ border: none;}
.z_item dt{ padding-bottom: 10px;}
.z_item dt b{ color: #182B5A;}
.z_item dd{ line-height: 26px; height: 52px; font-size: 14px; overflow: hidden; }
.z_item dd a{ color: #808AA5;}

.z_done{ height: 162px; padding: 10px 40px; color: #fff; overflow: hidden; background: #355297;}
.z_done h2{ padding-bottom: 5px;}
.z_done h2 b{ font-size: 28px;}
.z_done h2 a{ padding-top: 5px ; color: #fff; font-size: 12px;}
.z_done h2 a .air_icon{ width: 30px; height: 30px;}
.z_done p{ padding-top: 8px; line-height: 24px;}

.first_tit{ padding: 20px 0 30px;}

/*****/
.l_intro{ padding: 30px 100px 50px; border-radius: 40px; text-align: center; background: #fff;}
.intro_panel{ color: #182B5A;}
.intro_panel h2{ padding-top: 30px; font-size: 18px;}
.intro_panel label{ padding-right: 15px; font-size: 32px;}
.intro_panel p{ padding-top: 10px; line-height: 30px;}

/**/
.z_box{ padding: 50px 0; background: #F8F8FD;}
.z_pic{ float: left; margin: 0 30px 10px 0 ; width: 537px; height: 280px;}
.z_pic img{ width: 100%; height: 100%;}
.z_tt{ font-size: 30px; color: #182B5A;}
.z_status{ position: relative; right: auto; bottom: auto;}
.z_txt p{ padding-top: 20px; line-height: 30px; color: #182858;}

.p_box{ padding: 50px 0; background: url(../images/z_bb01.jpg) center/100% 100% no-repeat;}
.p_img img{ width: 1260px; height: 670px;}

.p_title{ position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 500px 10px 35px; color: #fff; background: rgba(0,0,0,0.7);}
.p_title{ line-height: 30px; font-size: 16px;}
.p_title p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.p_img .slick-dots{ left: auto; right: 10px;}
.p_img .slick-dots li { padding: 0; width: 40px; height: 40px; line-height: 40px; border: 1px solid transparent;  color: #fff; font-size: 18px; text-align: center; background: none;}
.p_img .slick-dots li.slick-active,.p_img .slick-dots li:hover{ border: 1px solid #fff; background: none;}

/**/
.a_menu .a_icon{ display: inline-block; vertical-align: top; width: 44px; height: 44px;}
.a_menu .a_act{ display: inline-block; vertical-align: top; padding: 8px 0 0 10px; font-size: 18px; }
.sub_tit2{ padding: 25px 0; text-align: center;}
.sub_tit2 span{ position: relative; display: inline-block; vertical-align: top; color: #182B5A; font-size: 20px; font-weight: bold;}
.sub_tit2 span::before,.sub_tit2 span::after{ position: absolute; top: 50%; margin-top: 2px; width: 24px; height: 24px; content: ''; transform: translateY(-50%);}
.sub_tit2 span::before{ left: -40px;  background: url(../images/tit2.png) center/100% 100% no-repeat;}
.sub_tit2 span::after{ right: -40px;  background: url(../images/tit2.png) center/100% 100% no-repeat;}

.intro_box{ padding: 10px 20px 10px;}
.intro_box .con_txt{ padding: 6px 0; line-height: 26px; font-size: 14px; color: #182B5A;}

.set_panel .a_icon{ width: 75px; height: 75px;}
.set_panel .set_tit{ padding: 25px 0;}
.set_panel .set_txt{ font-size: 14px;}

.d_set .set_panel{ padding: 20px 100px 50px;}

.set_col{ padding: 15px 30px;}
.set_col .set_tit{ padding: 5px 0 10px; font-size: 20px;}
.set_col .set_txt{ position: relative; line-height: 22px; text-indent: 2em; font-size: 16px;}
.set_col .set_txt01{ height: 66px;}
.s_more{ position: absolute; right: 0; bottom: 0; color: #999;}
.s_more:hover{ color: #CCA877;}

.bbb_btn{ min-width: 130px; height: 38px; border-radius: 30px; font-size: 16px;}

.form_con .cell2{ font-size: 14px;}

.form_act .a_btn,.form_act .b_btn{ min-width: 162px; line-height: 34px;}

.w250{ width: 200px;}

.mc_icon{ top: 20px;}
.an_t{ margin:0 0 5px 10px; padding:0 20px 10px 0; border-bottom: 1px dashed #BCAD89;}

.msg_form{ position: relative; z-index: 10; font-size: 14px;}

.msg_btn{ min-width: 130px; line-height: 32px; font-size: 16px;}

.c_info span{min-width: 220px;}

.w_panel{ padding-top: 10px; right: 0;}
.w_panel li{ padding: 0 0 0 40px;}
.b1_pre,.b2_pre{ width: 1260px;}
.b_ewm img{ width: 90px; height: 90px;}

.c_form li{ margin:0 50px 10px;}

.base_img{ height: 205px; text-align: center;}
.base_img img{ width: auto; height: auto; max-width: 100%; max-height: 100%;}

.m_item{ padding: 20px 0;}
.m_item li{ position: relative; padding-left: 50px; line-height: 48px; font-size: 16px;}
.m_item li::before{ position: absolute; top: 50%; left: 25px; width: 6px; height: 6px; border-radius: 50%; content: ''; transform: translateY(-50%); background: #3F528B;}
.m_item li:nth-child(odd) { background: #F8F8FD;}
.m_item li a{ color: #182B5A;}
.m_item li a:hover{ color: #999;}

.m_col{ display: flex; flex-direction: row; flex-wrap: wrap;}
.m_col li{ padding: 10px; width: 33.33%; }

.m_col .slick-dots{ bottom: 10px;}
.m_col .slick-dot{ padding: 0; width: 12px; height: 12px; border: 1px solid #063C7C; background: #fff;}			
.m_col .slick-dots li.slick-active, .m_col .slick-dots li.slick-active:hover{background:#063C7C;}	

.col_panel{ border-radius: 31px; overflow: hidden; background: #DEE6F2;}
.col_img img{ width: 100%; height: 304px;}

.col_con{ padding: 15px 20px;}
.col_tit{ padding-bottom: 10px; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.col_price{padding-bottom: 10px; font-size: 20px; color: #E50000;}
.col_ex{ line-height: 22px; height: 44px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; font-size: 16px; color: #606060;}
.col_arrow{ margin-top: 10px; position: relative; padding:0 15px; width: 180px; height: 32px; line-height: 32px; border-radius: 16px; color: #fff; font-size: 16px; background: #005CAA; }
.col_arrow::before{ position: absolute; right: -20px; top: 50%; width:0; height:0; border: 14px solid transparent; border-left-color: #005CAA; transform: translateY(-50%); content: '';}

.c_ewm{ padding-top: ;}
.c_ewm img{ width: 130px; height: 130px;}

.sub_tt{ padding: 20px 0;}

.n_img{ width: 546px;}
.n_img > li{ position: relative; height: 326px;}
.n_img li img{ width: 100%; height: 326px;}
.n_img li span{ position: absolute; bottom: 0; left: 0; right: 0; padding: 0 100px 0 20px; height: 50px; line-height: 50px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: rgba(0,0,0,0.4);}

.n_img .slick-dots{ right: 10px; text-align: right;}
.n_img .slick-dots li{ border: 1px solid #fff; background: #063C7C;}
.n_img .slick-dots li.slick-active, .n_img .slick-dots li.slick-active:hover{ background: #fff;}

.n_top{ padding: 30px 35px 0; height: 326px; color: #182B5A; background: #D9D9D9;}
.n_top_tit{ font-size: 24px; }
.n_top_date{ padding: 15px 0; font-size: 14px;}
.n_top_txt{ line-height: 28px; text-indent: 2em;}

.notice_pic img{ width: 470px; height: 190px; border-radius: 22px;}

.notice_col{ margin-left: 15px; padding:15px 20px 0;  height: 190px; border: 1px solid #DCDCEB; border-radius: 22px; color: #182B5A; background: #F8F8FD;}
.n_col_tit{ height: 44px; line-height: 22px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden;}
.n_col_txt{ height: 100px; line-height: 24px; font-size: 14px; overflow: hidden;}
.n_col_txt h2{ font-size: 14px;}
.n_col_txt p{ text-indent: 1em;}

.n_info_col{ border: 1px solid #DCDCEB; background: #F8F8FD;}
.n_info_col ul{ display: flex; flex-direction: row; flex-wrap: wrap;}
.n_info_col li{ width: 25%; height: 190px; color: #182B5A;}
.n_info_col li:nth-child(odd){ color: #fff; background: #0C5CAA;}
.n_info_col li:nth-child(odd) a{color: #fff;}
.n_info_col li .nn_more{ color: #9BB4CC;}

.n_info_b{ padding: 20px;}

.act_img{ width: 514px;}
.act_img > li{ position: relative; height: 306px;}
.act_img li img{ width: 100%; height: 306px;}

.a_info{ position: relative; font-size: 14px;}
.b_detail{ position: absolute; right: 10px; bottom: 0;}

.b_date{ height: 80px; font-size: 24px;}

.e_b{ margin-top: 80px; height: 486px; background: url(../images/e_b2.jpg) center/100% 100% no-repeat;}

.edu_item{ padding-top: 80px;}
.edu_item li span{ font-weight: bold; font-size: 28px;}

.edu_air{ position: absolute; right: 0; bottom: 0; width: 710px; height: 308px; background: url(../images/edu_air.png) center/100% 100% no-repeat;}

.d_section2{ margin: 0; height: 526px;}

.mu_t{ padding: 30px 0 20px;}
.a_act_btn{ min-width: 230px; height: 48px; line-height: 48px; font-size: 24px; font-weight: normal;}
.edu_more2{ display: inline-block; vertical-align: top; padding: 0 35px; line-height: 42px; border: 1px solid #CCA877; border-radius: 8px; color: #182B5A; font-size: 18px; background: #fff;}

.ser_pic2{ position: relative; width: 448px;}
.ser_pic2 i{ display: block;  height: 388px;}

.e_col{ position: relative; margin-bottom: 30px; padding: 100px 0 0 170px; height: 164px;}
.e_col_a{ background: url(../images/a_col.png) center/100% 100% no-repeat;}
.e_col_b{ background: url(../images/b_col.png) center/100% 100% no-repeat;}

.e_col span{ color: #fff; font-size: 24px;}

.e_col i{ position: absolute; right: 35px; bottom: 25px; width: 48px; height: 48px;}
.e_col_a i{ background: url(../images/a_col_arrow.png) center/100% 100% no-repeat;}
.e_col_a i:hover{ transform: rotate(90deg);}
.e_col_b i{ transform: rotate(-90deg); background: url(../images/b_col_arrow.png) center/100% 100% no-repeat;}
.e_col_b i:hover{ transform: rotate(0deg);}

.ago_pic2{ width: 100%; height: 380px;}

/**/
.c_col{ margin: 0 auto; width: 820px;}

.culture_pic{ position: relative; width: 520px; height: 395px; overflow: hidden;}
.culture_pic img{ width: 100%; height: 395px;}

.culture_slick{ position: absolute; bottom: 10px; right: 20px; z-index: 10; width: 110px; height: 48px; border-radius: 30px; background: #fff;}
.culture_slick::before{ position: absolute; top: 5px; bottom: 5px; left: 50%; border-left: 1px solid #ccc; content: '';}

.culture_pic .slick-prev{ top: 345px; left: 400px; z-index: 100; margin: 0; width: 32px; height: 32px; border-radius: 50%; background:#355297; }
.culture_pic .slick-prev::after{ position: absolute; top: 50%; left: 10px;  width:0; height:0; border: 8px solid transparent; border-right-color: #fff; transform: translate(-50%,-50%); content: '';}
.culture_pic .slick-next{ top: 345px; right: 30px;  z-index: 100;  margin: 0; width: 32px; height: 32px; border-radius: 50%; background:#355297;}
.culture_pic .slick-next::after{ position: absolute; top: 50%; right: -5px;  width:0; height:0; border: 8px solid transparent; border-left-color: #fff; transform: translate(-50%,-50%); content: '';}

.c_detail{ padding: 25px 25px 0; background: #F2F7FF;}

.c_detail_t{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height: 100px; overflow: hidden; font-size: 24px;}
.c_detail_ex{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top: 20px; height: 50px; overflow: hidden; font-size: 18px; color: #606060;}
.c_detail_price{ padding: 10px; font-size: 28px; color: #E50000;}
.c_detail_code{ position: relative; margin-top: 10px; text-align: right;}
.c_detail_code img{ width: 130px; height: 130px;}
.c_detail_tips{ position: absolute; bottom: 10px; left: 10px; padding:10px 0 10px 15px; width: 90px; line-height: 24px; border-radius: 16px; text-align: left; color: #fff; font-size: 16px; background: #005CAA; }
.c_detail_tips::before{ position: absolute; right: -20px; top: 50%; width:0; height:0; border: 14px solid transparent; border-left-color: #005CAA; transform: translateY(-50%); content: '';}

.c_detail_txt{ margin-bottom: 10px; padding: 20px; border-radius: 30px; background: #F6F2ED;}
.detail_txt_t{ padding-bottom: 20px; font-size: 24px;}

.detail_txt_type{padding-bottom: 20px; border-bottom: 1px solid #E0E0E0;}
.detail_txt_type li{ position: relative; padding-left: 20px; width: 33.33%; font-size: 18px; color: #666;}
.detail_txt_type li::before{ position: absolute; top: 5px; left: 0; width: 7px; height: 25px; border-radius: 20px; content: ''; background: #996C33;}
.detail_txt_type li label{ display: block; padding-bottom: 5px; font-weight: bold; font-size: 20px; color: #333;}

.detail_txt_ex{ padding: 10px 0; line-height: 24px;}

.c_detail_con{ margin-bottom: 30px; padding: 30px 70px; border-radius: 30px; background: #DEE6F2;}