@charset "utf-8";

.wrap_w{ position: relative; z-index: 10; margin: 0 auto; max-width: 1440px;}

.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.flex,.mui_flexflex*,.flex :after,.flex :before{box-sizing:border-box;}
.cell{-webkit-box-flex:1; -webkit-flex:1;-ms-flex:1;flex:1; -webkit-flex-basis:0;-ms-flex-preferred-size:0; flex-basis:0; }

.p_relative{ position: relative;}
.top{ position: absolute; top: 0; left: 0; right: 0; z-index: 10; height: 84px; background: rgba(0, 18, 62, 0.4);}
.top_p{ z-index: 9999;}

.logo{ position: absolute; top: 0; left: 100px; height: 100%; width: 128px; background: url(../images/logo.png) center/100% auto no-repeat;}

.nav{ text-align: center;  font-size: 0;}
.nav ul{display: inline-block; vertical-align: top; }
.nav li{ display: inline-block; vertical-align: top; position: relative; padding: 0 25px; }
.nav li a{position: relative; display: block; line-height: 84px; color: #fff; font-size: 20px;}
.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: #fff; content: '';}

.nav li:hover > a:before{ display: block;}
.nav li:hover .sub_menu{ display: block;}

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

.t_act{ position: absolute; right: 40px; top: 0; font-size: 20px;}
.t_act li{ position: relative; float: left; padding: 30px 20px 25px; color: #fff; cursor: pointer;}
.t_act li::before{ position: absolute; top: 35px; left: 0; height: 20px;  border-left: 1px solid #fff; content: '';}
.t_act li:first-child::before{ border: none;}

.d_arrow{ display: inline-block; vertical-align: middle; width:0; height:0; margin:5px 0 0 5px; border: 6px solid transparent; border-top-color: #fff;}
.i_search{ display: inline-block;  vertical-align: middle; width: 24px; height: 24px; background: url(../images/search.png) center/100% 100% no-repeat;}
.i_code{ display: inline-block;  vertical-align: middle; width: 24px; height: 24px; background: url(../images/code.png) center/100% 100% no-repeat;}

.t_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;}

.search_box{ display: none; position: absolute; top: 100%; right: 0; padding-top: 10px; }
.search_panel{ width: 270px; height: 50px; border: 1px solid #005CAA; border-radius: 30px; background: #fff;}
.search_input{ float: left; padding-left: 20px; width: 200px; height: 50px; line-height: 50px; border: none; vertical-align: top; background: none;}
.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;}

.t_act li:hover .code_b{ display: block;}
.code_b{ display: none; position: absolute; top: 100%; right: 0; padding: 10px 5px; border-radius: 10px; font-size: 0; white-space: nowrap; background: #fff;}
.code_b::before{ position: absolute; top: -12px; right: 48px; width:0; height:0; border: 6px solid transparent; border-bottom-color: #fff; content: '';}
.code_b span{ display: inline-block; vertical-align: top; padding: 0 5px; text-align: center; font-size: 14px; color: #333;}
.code_b i{ display: block; width: 106px; height: 106px;}
.code_b img{ width: 100%; height: 100%;}
.code_b label{ }

.banner{  overflow: hidden;}
.banner .li{ position: relative; width: 100%; }

.banner .li::before { padding-top: 46.9%; content: "";display: block;}

.banner .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform:scale(1, 1);}
.banner .box0{ opacity: 1; z-index: 0; opacity:1;z-index:0;-webkit-animation:box0 5s linear 0s;animation:box0 5s linear 0s}
.banner .slick-current .box2{opacity:1;z-index:0;-webkit-animation:box2 5s linear 0s;animation:box2 5s linear 0s}
.banner .box1{
	-webkit-animation:box1 1000ms cubic-bezier(0.5, 0, 0.2, 1) 0s; animation:box1 1000ms cubic-bezier(0.5, 0, 0.2, 1) 0s;z-index:0
}			
@-webkit-keyframes box0{
	0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}
	100%{-webkit-transform:scale(1.5, 1.5);transform:scale(1.5, 1.5)}
}
@keyframes box0{
	0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}
	100%{-webkit-transform:scale(1.5, 1.5);transform:scale(1.5, 1.5)}
}
@-webkit-keyframes box1{
	0%{-webkit-transform:scale(1.5, 1.5);transform:scale(1.5, 1.5);opacity:1}
	100%{-webkit-transform:scale(1.5, 1.5);transform:scale(2, 2);opacity:0}
}
@keyframes box1{
	0%{-webkit-transform:scale(1.5, 1.5);transform:scale(1.5, 1.5);opacity:1}
	100%{-webkit-transform:scale(1.5, 1.5);transform:scale(2, 2);opacity:0}
}
@-webkit-keyframes box2{
	0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}
	100%{-webkit-transform:scale(1.5, 1.5);transform:scale(1.5, 1.5)}
}
@keyframes box2{
	0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}
	100%{-webkit-transform:scale(1.5, 1.5);transform:scale(1.5, 1.5)}
}
	
.banner_b .slick-dot{ width: 32px; height: 32px; background: url(../images/slick_dot.png) center/100% 100% no-repeat;}			
.banner_b .slick-dots li.slick-active, .banner_b .slick-dots li.slick-active:hover{background: url(../images/slick_dot_on.png) center/100% 100% no-repeat;}	

.f0{ font-size: 0;}
.cell2{ display: inline-block; vertical-align: top; width: 50%; font-size: 16px;}
.cell4{ display: inline-block; vertical-align: top; width: 25%; font-size: 16px;}
.cell5{ display: inline-block; vertical-align: top; width: 20%; font-size: 16px;}

.a_page{ padding: 50px 0; margin: 0 auto; max-width: 1440px;}

.a_box{ position: relative; border: 1px solid #C9C9C9;}
.a_tt{ position: absolute; left: 10px; top: -40px; z-index: 10; padding: 20px 35px; width: 360px; line-height: 32px; color: #fff; background: #5CA5A7;}
.a_tt b{ font-size: 32px;}
.a_tt span{ font-size: 14px; color: #fff;}
.a_air{ display: inline-block; vertical-align: top; margin: 5px 10px 0 30px; width: 34px; height: 34px; background: url(../images/m_air.png) center/100% 100% no-repeat;}

.a_tt a:hover{ padding-left: 10px; -webkit-animation:air_hover 0.2s linear; animation:air_hover 0.2s linear;}
.a_tt a:hover span{ color: #eee; }

@-webkit-keyframes air_hover{
	0%{ padding-left: 0;}
	100%{ padding-left: 10px;}
}

@keyframes air_hover{
	0%{ padding-left: 0;}
	100%{ padding-left: 10px;}
}

.en_tit{ position: absolute; right: 10px; top: 15px; color: #37A2A5; font-size: 20px;}

.a_list{ position: relative; padding: 18px 0 0;}
.a_list li{ margin-bottom: 10px; padding: 10px 10px; background: #F8F8FD;}
.a_list li:hover{ background: #eee;}
.a_list li:hover .a_info h2{ color: #835F2F;}

.n_more{ padding-top: 5px;}
.n_more a{ display: block; height: 34px; line-height: 34px;}
.n_more .a_air{ margin: 0 10px 0 0;}

.a_date{ display: inline-block; vertical-align: top; padding: 6px 0; width: 100px; height: 90px; border-radius: 15px; text-align: center; color: #fff; font-size: 28px; background: #BCAA83;}
.a_color{ color: #835F2F;}
.b_color{ color: #283C79;}
.c_color{ color: #835F2F;}
.d_color{ color: #DECEAA;}
.c_white{ color: #fff;}

.a_info{ padding-left: 20px; line-height: 24px; color: #808AA5;}
.a_info h2{ padding-bottom: 10px; color: #182B5A; font-weight: bold;}
.a_detail{ color: #182858; font-size: 14px;}
.a_detail:hover{ color: #835F2F;}

.a_bg{ background: #C7CDDD;}
.b_bg{ background: #E7E1D3;}

.a_num li{ padding: 15px 0; text-align: center;}
.a_num li label{ font-size: 18px;}
.a_num li span{ display: block; font-size: 36px;}

.act_b{ margin-left: 25px; padding: 50px; height: 546px; background: url(../images/act_b.jpg) center/100% 100% no-repeat;}

.act_t{ padding-bottom: 35px; color: #fff;}
.act_t label{ font-size: 36px;}
.act_date{ display: inline-block; vertical-align: top; position: relative; margin-left: 30px; font-size: 20px;}
.act_date::before{ position: absolute; bottom: -10px; left: 0; right: 20px; border-top: 6px solid #fff; content: '';}
.act_date::after{ position: absolute; bottom: -10px; left: 70px; right: 0; z-index: 10; border-top: 6px solid #CCA877; content: '';}

.act_ex{ width: 330px;}
.act_ex p{ padding-bottom: 10px;}

.act_time{ margin-top: 20px; padding: 20px 0; width: 330px; border-radius: 60px; color: #fff; text-align: center; background: #2B4789;}
.time_txt{ display: inline-block; vertical-align: top; font-size: 32px;}
.time_txt label{ display: block; padding-top: 5px; color: #C1D1F8; font-size: 14px;}
.time_air{ display: inline-block; vertical-align: top; margin: 10px 30px 0; width: 32px; height: 32px; background: url(../images/air3.png) center/100% 100% no-repeat;}

.act_bak{ margin-top: 20px; width: 330px; height: 106px;  line-height: 106px; border-radius: 60px; color: #fff; text-align: center; background: #2B4789;}
.act_bak a{ font-size: 24px; color: #fff;}
.act_bak .bus_icon{ width: 40px; height: 40px;}

.act_panel{ margin-top: 20px; padding: 20px 0; border-radius: 80px; text-align: center; background: rgba(43, 71, 137, 0.7);}
.act_panel li{ position: relative; text-align: center;}
.act_panel li:first-child::before{ position: absolute; top: -5px; bottom: -5px; right: 0; border-right:1px solid #6285D8; content: '';}

.pre_b{ display: block; margin: 15px auto; width: 200px; height: 38px; line-height: 38px; border-radius: 24px; color: #283C79; font-size: 18px; background: #F5F5F5;}
.p1_air,.p2_air{ display: inline-block; vertical-align: middle; margin-right: 5px; width: 30px; height: 30px;}
.p1_air{ background: url(../images/air2.png) center/100% 100% no-repeat;}
.p2_air{ background: url(../images/air4.png) center/100% 100% no-repeat;}

.line_b{ position: absolute; top: 50%; left: 50%; line-height: 32px; font-size: 24px; color: #fff; white-space: nowrap; transform: translate(-50%,-50%);}
.line_b:hover{ color: #eee;}
.bus_icon{ display: inline-block; vertical-align: middle; margin-right: 20px; width: 32px; height: 32px; background: url(../images/bus.png) center/100% 100% no-repeat;}

.mol_b{ position: relative; z-index: 10; background: url(../images/mol.jpg) center/100% 100% no-repeat;}
.mol_b li{ height: 0;padding-top: 30%; position: relative; }

.mol_b li:nth-child(3) .col_b{ padding-top: 10%;}
.col_b{ position: relative;  position: absolute; top: 0; padding-top: 30%; width: 100%; height: 100%; color: #fff; text-align: center; }

.col01{ background: url(../images/ib01.jpg) center/100% 100% no-repeat;}
.col02{ background: url(../images/ib02.jpg) center/100% 100% no-repeat;}
.col03{ background: url(../images/ib03.jpg) center/100% 100% no-repeat;}
.col04{ background: url(../images/ib04.jpg) center/100% 100% no-repeat;}
.col05{ background: url(../images/ib05.jpg) center/100% 100% no-repeat;}

.icon_b{ position: relative; margin-top: 15%; text-align: center;}
.icon_b i{ display: inline-block; vertical-align: top; width: 140px; height: 140px;}

.icon01{ background: url(../images/i01.png) center/100% 100% no-repeat;}
.icon02{ background: url(../images/i02.png) center/100% 100% no-repeat;}
.icon03{ background: url(../images/i03.png) center/100% 100% no-repeat;}
.icon04{ background: url(../images/i04.png) center/100% 100% no-repeat;}
.icon05{ background: url(../images/i05.png) center/100% 100% no-repeat;}

.mol_b li:hover .icon_hover{ opacity: 1; -webkit-animation:info_show 0.2s linear; animation:info_show 0.2s linear;}
.icon_hover{ opacity: 0; position: absolute; top: 0; left: 50%; right: 0; bottom: 0; transform: translateX(-50%);}
.icon_hover.icon01{ background: url(../images/i01_on.png) center/100% 100% no-repeat;}
.icon_hover.icon02{ background: url(../images/i02_on.png) center/100% 100% no-repeat;}
.icon_hover.icon03{ background: url(../images/i03_on.png) center/100% 100% no-repeat;}
.icon_hover.icon04{ background: url(../images/i04_on.png) center/100% 100% no-repeat;}
.icon_hover.icon05{ background: url(../images/i05_on.png) center/100% 100% no-repeat;}

.a_tit{ padding-top: 8%; text-align: center; font-size: 28px; }

.a_txt{ padding: 10% 5% 0; font-size: 16px;}
.a_txt p{ padding-bottom: 15px;}
.a_txt p a{ color: #fff;}
.a_txt p a:hover{ color: #eee;}

.a_more{ position: absolute; bottom: 5%; left: 0; right: 0; line-height: 34px; }
.a_more a{ color: #fff;}
.air_icon{ display: inline-block; vertical-align: middle; margin-right: 10px; width: 34px; height: 34px; background: url(../images/air_icon.png) center/100% 100% no-repeat;}

.a_more a:hover{ padding-left: 10px; -webkit-animation:air_hover 0.2s linear; animation:air_hover 0.2s linear;}
.a_more a:hover span{ color: #eee; }

.a_status{ color: #5D430B;}

.panel_b{ position: relative; overflow: hidden; background: #45578D;}
.panel_b::before { padding-top: 43%; content: "";display: block;}
.panel_pic{ position: absolute; top: -100px; left: -100px; right: -100px; bottom: -100px;}
.panel_pic img{ position: relative; width: 100%; height: 100%;}

.panel_con{ position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; max-width: 1440px; transform: translateY(-50%);}

.p_intro{ float: left; width: 15%; padding: 50px 25px 0 0; color: #fff;}
.p_intro h2{ padding-bottom: 40px; font-size: 30px;}
.p_intro p{ line-height: 30px; font-size: 16px;}

.p_item{ position: relative; margin-left: 15%; color: #fff;}
.p_item li{ position: relative; height: 0; padding-top: 30%;}
.p_item li::before{ position: absolute; bottom: -38px; left: 0; right: 0; border-top: 1px solid #fff; content: '';}
.p_item li:first-child::before{left: 20px;}
.p_item li:last-child::before{right: 20px;}

.p_con{ position: relative;  position: absolute; top: 0; width: 100%; height: 100%;}

.p_item li:hover .p_pic{ top: -80px; -webkit-animation:pic_hover 0.2s linear; animation:pic_hover 0.2s linear;}
.p_item li:hover .p_info{ opacity: 1; -webkit-animation:info_show 0.2s linear; animation:info_show 0.2s linear;}
.p_pic{ position: absolute; top: 0; left: 25px; right: 25px; }
.p_pic img{ width: 100%; height: 100%;}

.p_info{ opacity: 0; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -60px; padding: 30px 25px 0; border: 1px solid rgba(176, 189, 232, 0.8); background: rgba(24,43,90,0.8);}
.p_info h2{ padding-bottom: 25px; font-size: 20px; text-align: center;}
.p_info h2 span{ display: block; padding-top: 5px; font-size: 16px;}
.p_info p{ line-height: 30px; font-size: 16px; height: 60%; overflow: hidden;}
.p_link{ position: absolute; bottom: 20px; right: 30px; font-size: 18px; color: #fff;}

@-webkit-keyframes pic_hover{
	0%{top: 0; }
	100%{top: -80px; }
}
@keyframes pic_hover{
	0%{top: 0; }
	100%{top: -80px; }
}

@-webkit-keyframes info_show{
	0%{opacity: 0; }
	100%{opacity: 1; }
}
@keyframes info_show{
	0%{opacity: 0; }
	100%{opacity: 1; }
}

.p_item li:hover .txt_t{ font-weight: bold; font-size: 24px; -webkit-animation:txt_t 0.2s linear; animation:txt_t 0.2s linear;}
.p_txt{position: absolute; bottom: -80px; left: 25px; right: 25px; font-size: 18px;}
.p_txt p{ position: relative; padding:0 50px 0 0; height: 44px; line-height: 44px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

@-webkit-keyframes txt_t{
	0%{font-size: 18px;}
	100%{font-size: 24px;}
}
@keyframes txt_t{
	0%{font-size: 18px;}
	100%{font-size: 24px;}
}

.p_num{ position: absolute; right: 0; top: 0; font-size: 30px; font-weight: bold;}

.p_dot{ position: absolute; bottom: -46px; right: 64px; width: 20px; height: 20px; border-radius: 50%; background: #fff;}

.b_page{ padding: 100px 0; margin: 0 auto; max-width: 1440px; min-height: 700px;}

.n_con{ opacity: 0; }
.n_con.show{ animation:n_con 0.6s ease-out 0s forwards; -webkit-animation:n_con 0.6s ease-out 0s forwards;}

@-webkit-keyframes n_con{
	0%{ opacity: 0; margin-top: -500px;}
	100%{opacity: 1; margin-top: 0;}
}
@keyframes n_con{
	0%{ opacity: 0; margin-top: -500px;}
	100%{opacity: 1; margin-top: 0;}
}

.n_tit{ padding-bottom: 60px; text-align: center; font-size: 30px; color: #182B5A;}

.n_pic{ width: 514px;}
.n_pic >li{ position: relative; height: 384px;}
.n_pic li img{ width: 100%; height: 100%;}
.n_pic 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_pic .slick-dots{ text-align: right;}
.n_pic .slick-dots li{ background: #eee;}

.n_right{ padding-left: 35px;}

.n_tab{ padding-bottom: 18px; font-size: 0;}
.n_tab li{ display: inline-block; vertical-align: top; width: 160px; margin-right: 20px; font-size: 18px; text-align: center;}
.n_tab li a{ display: block; position: relative; line-height: 40px; color: #fff; background: #B9C2D8;}
.n_tab li a:hover,.n_tab li a.on{ background: #355297;}
.n_tab li a.on::before{ position: absolute; bottom: -16px; left: 50%;  width:0; height:0; border: 8px solid transparent; border-top-color: #355297; content: ''; transform: translateX(-50%);}

.n_list li{ padding-right: 10px; margin-bottom: 10px;}
.n_list li:hover{ background: #eee;}

.item_pic{ width: 160px; height: 100px;}
.item_pic img{ width: 100%; height: 100%;}

.n_intro{ position: relative; height: 50px; overflow: hidden;}
.n_date{ position: absolute; right: 0; bottom: 2px; padding-left: 10px; white-space: nowrap; background: #fff;}
.n_list li:hover .n_date{ background: #eee;}

.n_list h2{ padding-bottom: 4px;}

.c_page{ position: relative; max-height: 864px; background: url(../images/hb.jpg) center/100% 100% no-repeat;}
.c_page::before { padding-top: 45.5%; content: "";display: block;}

.c_intro{ width: 50%;}

.intro_move{ opacity: 0; width: 100%;}
.c_item{ margin-left: 50%; text-align: center;}
.c_item img{ position: relative; width: 100%; height: auto;}

.intro_b .slick-slide.slick-active .intro_move{animation:intro_txt 0.6s ease-out forwards; -webkit-animation:intro_txt 0.6s ease-out forwards;}
.intro_b .slick-slide.slick-active .c_item img{animation:intro_pic 0.6s ease-out forwards; -webkit-animation:intro_pic 0.6s ease-out forwards;}

.intro_b .slick-arrow{ opacity: 0; width: 40px; height: 40px; border-radius: 50%; background: #fff;}
.intro_b .slick-arrow:hover{ opacity: 0.8;}
.intro_b .slick-prev{ left: 10px;}
.intro_b .slick-prev::after{position: absolute; top: 50%; left: 8px;  width:0; height:0; border: 8px solid transparent; border-right-color: #07458E; content: ''; transform: translateY(-50%);}
.intro_b .slick-next{ right: 10px;}
.intro_b .slick-next::after{position: absolute; top: 50%; right: 6px;  width:0; height:0; border: 8px solid transparent; border-left-color: #07458E; content: ''; transform: translateY(-50%);}

@-webkit-keyframes intro_txt{
	0%{ opacity: 0; margin-left: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}
@keyframes intro_txt{
	0%{ opacity: 0; margin-left: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}

@-webkit-keyframes intro_pic{
	0%{ opacity: 0; right: -500px; }
	100%{ opacity: 1; right: 0;}
}
@keyframes intro_pic{
	0%{ opacity: 0; right: -500px; }
	100%{ opacity: 1; right: 0;}
}

.intro_b .slick-dots{ bottom: -50px; right: 100px; text-align: right;}
.intro_b .slick-dots li{ padding: 0; width: 42px; height: 42px; line-height: 42px; margin: 0 10px; text-align: center; border: 1px solid #07458E; color: #07458E; font-size: 20px; background: #fff;}
.intro_b .slick-dots li.slick-active, .intro_b .slick-dots li.slick-active:hover{color: #fff; background: #07458E;}	
.intro_b .slick-slide img{ display: inline-block;}

.d_page{position: relative;  margin-top: 250px; padding-bottom: 10%; max-height: 686px; background: #6C7390;}
.d_page::before { padding-top: 36%; content: "";display: block;}

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

.d_w1{ position: relative; width: 45%;}
.d_w2{ position: relative; width: 47%;}
.d_w3{ position: relative; width: 34%;}
.d_w4{ position: relative; width: 42%;}

.t_col{ position: absolute; bottom: 100%; left: 0; right: 0; padding-right: 370px;}

.d_tit{ position: relative; height: 200px; background: #5CA5A7;}
.d_tt{  position: absolute; top: 50%; left: 0; right: 0; padding-left: 50px; line-height: 32px; text-align: left; color: #fff; transform: translateY(-50%);}
.d_tt b{ font-size: 32px;}
.d_tt span{ font-size: 14px; color: #fff;}
.d_tt .en_t{ display: block; padding-top: 10px; font-size: 24px;}

.d_tt a:hover{ padding-left: 10px; -webkit-animation:air_hover 0.2s linear; animation:air_hover 0.2s linear;}
.d_tt a:hover span{ color: #eee; }

.all_pic{ display: block; position: relative; height: 100%;}
.all_pic img{ width: 100%; height: 100%;}
.all_pic.on::after{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 6px solid #37A2A5; content: '';}

.d_height{ overflow: hidden;}

.d_p1{ position: absolute; bottom: 0; left: 0; right: 0; height: 48%;}

.d_h1{ height: 33%;}
.d_h2{ height: 67%;}
.d_h3{ height: 100%;}
.d_h4{ height: 50%;}

.p1_pic,.p2_pic,.p3_pic,.p4_pic,.p5_pic,.p6_pic,.p7_pic,.p8_pic,.p9_pic{ }

.d_page.show .p1_pic{-webkit-animation:p1_pic 0.6s ease-out 0s forwards; animation:p1_pic 0.6s ease-out 0s forwards;}
.d_page.show .p2_pic{-webkit-animation:p2_pic 0.6s ease-out 0s forwards; animation:p2_pic 0.6s ease-out 0s forwards;}
.d_page.show .p3_pic{-webkit-animation:p3_pic 0.6s ease-out 0s forwards; animation:p3_pic 0.6s ease-out 0s forwards;}
.d_page.show .p4_pic{-webkit-animation:p4_pic 0.6s ease-out 0s forwards; animation:p4_pic 0.6s ease-out 0s forwards;}
.d_page.show .p5_pic{-webkit-animation:p5_pic 0.6s ease-out 0s forwards; animation:p5_pic 0.6s ease-out 0s forwards;}
.d_page.show .p6_pic{-webkit-animation:p6_pic 0.6s ease-out 0s forwards; animation:p6_pic 0.6s ease-out 0s forwards;}
.d_page.show .p7_pic{-webkit-animation:p7_pic 0.6s ease-out 0s forwards; animation:p7_pic 0.6s ease-out 0s forwards;}
.d_page.show .p8_pic{-webkit-animation:p8_pic 0.6s ease-out 0s forwards; animation:p8_pic 0.6s ease-out 0s forwards;}
.d_page.show .p9_pic{-webkit-animation:p9_pic 0.6s ease-out 0s forwards; animation:p9_pic 0.6s ease-out 0s forwards;}

@-webkit-keyframes p1_pic{
	0%{ opacity: 0; margin-left: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}
@keyframes p1_pic{
	0%{ opacity: 0; margin-left: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}

@-webkit-keyframes p2_pic{
	0%{ opacity: 0; margin-right: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}
@keyframes p2_pic{
	0%{ opacity: 0; margin-right: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}

@-webkit-keyframes p3_pic{
	0%{ opacity: 0; margin-left: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}
@keyframes p3_pic{
	0%{ opacity: 0; margin-left: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}

@-webkit-keyframes p4_pic{
	0%{  opacity: 0; margin-top: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}
@keyframes p4_pic{
	0%{  opacity: 0; margin-top: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}

@-webkit-keyframes p5_pic{
	0%{ opacity:0; margin-bottom: -200px; }
	100%{  opacity: 1; margin-left: 0;}
}
@keyframes p5_pic{
	0%{ opacity:0; margin-bottom: -200px; }
	100%{  opacity: 1; margin-left: 0;}
}

@-webkit-keyframes p6_pic{
	0%{ opacity: 0; margin-top: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}
@keyframes p6_pic{
	0%{ opacity: 0; margin-top: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}

@-webkit-keyframes p7_pic{
	0%{ opacity: 0; margin-right: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}
@keyframes p7_pic{
	0%{ opacity: 0; margin-right: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}

@-webkit-keyframes p8_pic{
	0%{ opacity: 0; margin-bottom: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}
@keyframes p8_pic{
	0%{ opacity: 0; margin-bottom: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}

@-webkit-keyframes p9_pic{
	0%{  opacity: 0; margin-right: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}
@keyframes p9_pic{
	0%{  opacity: 0; margin-right: -200px; }
	100%{ opacity: 1; margin-left: 0;}
}

.d_item{ display: none; position: absolute; right: 0; bottom: 0; top: -200px; width: 340px; padding: 40px 30px 100px 30px;  color: #fff; background: #5CA5A7;}
.d_item.on{ display: block;}
.d_item::before{ position:absolute; top: 30%; left: -16px; width:0; height:0; border: 8px solid transparent; border-right-color: #5CA5A7; content: '';}

.item_con{ height: 100%; overflow: hidden;}
.item_con h2{ padding-bottom: 30px; font-size: 24px;}
.item_con h2 span{ display: block;}
.item_con p{ padding-bottom: 20px; line-height: 26px;}

.d_more{ position: absolute; right: 30px; left: 0; bottom: 20px; text-align: right; padding: 0;}
.d_more a{ display: inline-block; vertical-align: top; padding: 0 30px; line-height: 32px; border-radius: 30px; color: #fff; background: #6C7390;}
.d_more a:hover{ background: #3F528B;}

.bottom_b{ color: #AEBAC9; background: #182858 url(../images/bottom.png) right bottom/50% auto no-repeat;}

.b1_pre{ position: relative; z-index: 10; margin: 0 auto; max-width: 1440px;}
.b2_pre{ position: relative; z-index: 5; margin: 0 auto; max-width: 1440px;}

.link_b{ float: right; padding-top: 15px; line-height: 34px;}

.select_box{ position:relative; display: inline-block; vertical-align: top; padding-right:34px; height:34px; border:1px solid #3F528B; cursor:pointer; font-size:14px; background:#283C79;}
.select_btn{ position:absolute; right:-1px; top:-1px; width:34px; height:34px; border:none; background:url(../images/select_btn.png) center  no-repeat;}
.select_txt{ width:100%; height:34px; line-height:34px;  border:none; vertical-align:top; text-indent:10px; color:#AEBAC9; font-size:12px; background:none; }

.select_con{ display:none; position:absolute; top:34px; left:-1px; right: -1px; z-index:1000;  max-height:150px; border:1px solid #3F528B; overflow-y:auto; background:#283C79;}
.select_con p{ clear:both; padding:0 10px; line-height:34px; text-align:left; cursor:pointer; }
.select_con p a{ color:#AEBAC9;}
.select_con p:hover{ background:#3F528B;}

.foot_info{ position: relative; border-top: 1px solid #3F528B;}

.w_panel{ position: absolute; right: 50px; top: 0; padding-top: 20px; text-align: center; font-size: 0;}
.w_panel li{ display: inline-block; position: relative; vertical-align: top; padding: 0 25px; font-size: 14px; }
.w_panel li span{ display: block; padding-top: 5px;}

.w_icon{display: inline-block; vertical-align: top; width: 54px; height: 54px;}
.wi01{ background: url(../images/w01.png) center/100% 100% no-repeat;}
.wi02{ background: url(../images/w02.png) center/100% 100% no-repeat;}

.wi01:hover{ background: url(../images/w01_on.png) center/100% 100% no-repeat;}
.wi02:hover{ background: url(../images/w02_on.png) center/100% 100% no-repeat;}

.w_panel li:hover .i_ewm{ display: block;}
.i_ewm{ display: none; position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%); width: 106px; height: 106px; }
.i_ewm::before{ position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%);  width: 0; height: 0; border: 6px solid transparent; border-top-color: #fff; content: '';}
.i_ewm img{ width: 100%; height: 100%; border-radius: 6px; overflow: hidden;}

.c_panel{ padding-top: 20px;  width: 800px;}
.c_panel li{ display: inline-block; vertical-align: top; padding:5px 50px 5px 0; text-align: left; font-size: 14px;}
.c_panel li span{ display: block; padding-bottom: 5px;}

.c_icon{ display: inline-block; vertical-align: top; width: 24px; height: 24px; margin-right: 5px;}
.c01{ background: url(../images/c01.png) center/80% auto no-repeat;}
.c02{ background: url(../images/c02.png) center/80% auto no-repeat;}
.c03{ background: url(../images/c03.png) center/80% auto no-repeat;}
.c04{ background: url(../images/c04.png) center/80% auto no-repeat;}


.visit_b{ padding-top: 20px; text-align: center; line-height: 28px; font-size: 0;}
.visit_b span,.visit_b label{ display: inline-block; vertical-align: top; font-size: 16px;}
.visit_b label{ font-size: 18px; padding-right: 20px;}
.visit_b span{ margin: 0 2px; padding: 0 8px; border-radius: 4px; background: #283C79;}

.c_info{ padding: 20px 0; line-height: 30px; }
.c_info span{display: inline-block; vertical-align: top; padding-right: 30px; font-size: 14px;}

.b_nav{ padding: 20px 0;}
.b_nav li{display: inline-block;  vertical-align: top; font-size: 14px;}
.b_nav li a{ padding-right:60px; color: #AEBAC9;}

.ga_icon{ display: inline-block; vertical-align: middle; margin-right: 10px; width: 24px; height: 24px; background: url(../images/ga.png) center/100% 100% no-repeat;}
.s_icon{ display: inline-block; vertical-align: middle; margin-left: 10px; width: 46px; height: 56px; background: url(../images/sy.png) center/100% 100% no-repeat;}

.back_top{ display: none; position: fixed; right: 20px; bottom: 100px; z-index: 1000; width: 50px; height: 50px; cursor: pointer; background: url(../images/back_top.png) center/100% 100% no-repeat;}

.p20{padding: 20px;}
.menu_icon{ display: none;}
.menu_b{ display: none;}
.menu_act{ display: none;}

/**/
.ni_date{ display: inline-block; vertical-align: top; width: 100px;  text-align: center; font-size: 16px; color: ;}
.ni_date b{ color: #005CAA; font-size: 18px;}
.ni_info{ padding:13px 10px; border-left: 1px solid #CBCFD5; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

@media screen and (max-width:1660px) {
	.logo{ left: 80px;}
	.icon_b i{ width: 130px; height: 130px;}
	.a_tit{ font-size: 26px;}
	
	.slick-slide img{ width: 90%;}
}

@media screen and (max-width:1440px) {
	body{ font-size: 16px;min-width: 1260px;}
	.cell2{ font-size: 16px;}
	.cell4{ font-size: 16px;}
	.cell5{ font-size: 16px;}
	
	.wrap_w{ padding: 0 20px;}
	.logo{ left: 70px;}
	.t_act{ right: 0;}
	.nav li{ padding: 0 20px;}
	
	.a_page{ padding: 50px 20px;}
	.pre_b{ font-size: 16px;}
	
	.icon_b i{ width: 120px; height: 120px;}
	.a_tit{ font-size: 24px;}
	.a_txt{ font-size: 16px;}
	.p_txt{ font-size: 16px;}
	
	.p_intro h2{ font-size: 28px;}
	.p_intro p{ font-size: 14px;}
	
	.p_info h2{ font-size: 18px;}
	.p_info p{ font-size: 14px;}
	.p_link{ font-size: 16px;}
	.p_item li:hover .txt_t{ font-size: 22px;}
	
	.p_intro{ padding: 30px 20px 0 20px;}
	
	.b_page{ padding: 100px 20px;}
	.n_right{ padding-left: 20px;}
	
	.d_main{ left: 20px; right: 20px;}
	
	.slick-slide img{ width: 80%;}
	.intro_b .slick-dots li{ width: 38px; height: 38px; line-height: 38px;}
	.intro_b .slick-dots{ bottom: -60px;}
	
	.b1_pre,.b2_pre{ padding: 0 20px;}
}

@media screen and (max-width:1366px) {
	.logo{ left: 40px;}
	.menu_code{ display: none;}
	
	.d_tit{ height: 180px; font-size: 28px;}
	.d_tt b{ font-size: 30px;}
	.d_tt .en_t{ font-size: 20px;}
	.d_item{ top:  -180px;}
	.icon_b i{ width: 110px; height: 110px;}
	.a_tit{ font-size: 22px;}
	.a_txt{ font-size: 12px;}
	.p_txt{ font-size: 14px;}
	
	.a_more{ bottom: 4%; line-height: 28px;}
	.air_icon { width: 28px; height: 28px;}
	
	.bus_icon{ margin-right: 15px; width: 26px; height: 26px;}
	
	.slick-slide img{ width: 70%;}
	.intro_b .slick-dots li{ width: 36px; height: 36px; line-height: 36px;}
	.intro_b .slick-dots{ bottom: -70px;}
	
	.n_tab li{ width: 120px; font-size: 16px;}
}

@media screen and (max-width:1280px) {
	.cell2{ font-size: 12px;}
	.cell4{ font-size: 12px;}
	.cell5{ font-size: 12px;}
	
	.logo{ left: 30px; background: url(../images/logo.png) center/80% auto no-repeat;}
	.top{ height: 64px;}
	.menu_bg{ top: 64px; height: 50px;}
	.nav li{ padding: 0 15px;}
	.nav li a{ line-height: 64px; font-size: 16px;}
	.sub_menu dl{ height: 50px;}
	.sub_menu dd a{font-size: 14px; line-height: 50px;}
	.t_act{ font-size: 16px; right: 10px;}
	.t_act li{ padding: 20px 20px 25px;}
	.t_act li::before{ top: 22px;}
	.i_search{ width: 16px; height: 16px;}
	
	.act_b{ padding: 50px 30px;}
	.pre_b{ width: 160px; font-size: 14px;}
	.line_b{ font-size: 18px;}
	.bus_icon{ width: 24px; height: 24px;}
	
	.b_page{ padding: 60px 20px; min-height: 500px;}
	.d_tit{ height: 160px; font-size: 26px;}
	.d_tt b{ font-size: 28px;}
	.d_tt .en_t{ font-size: 18px;}
	.d_item{ top:  -160px;}
	.icon_b i{ width: 100px; height: 100px;}
	.a_tit{ font-size: 20px;}
	.a_txt{ font-size: 12px;}
	.p_txt{ font-size: 12px;}
	.a_txt p{ padding-bottom: 10px;}
	.a_more{ bottom: 3%; line-height: 26px;}
	.air_icon { width: 26px; height: 26px;}
	
	.p_intro{ padding: 20px 20px 0 20px;}
	.p_intro h2{ padding-bottom: 20px;}
	.p_intro p{ line-height: 24px;}
	
	.p_info{ padding: 20px 15px 0;}
	.p_info h2{ font-size: 14px;}
	.p_info p{ line-height: 24px;}
	
	.slick-slide img{ width: 60%;}
	.intro_b .slick-dots li{ width: 34px; height: 34px; line-height: 34px;}
	.intro_b .slick-dots{ bottom: -80px;}
}

@media screen and (max-width:1080px) {
	.a_page{ padding: 50px 20px;}
	.a_page > .flex{display:block;}
	.act_b{ margin:20px 0 0 0;}
	.act_ex{ width: 60%;}
	.act_time{ width: 60%;}
	.act_bak{ width: 60%;}
	
	.n_con > .flex{ display: block;}
	.n_pic{ width: 100%; height: 500px;}
	.n_pic li img{ height: 500px;}
	.slick-slider{ height: 100%;}
	.slick-list{ height: 100%;}
	
	.n_right{ padding:20px 0 0 0;}
	
	.d_page{ margin-top: 100px;}
	.d_tit{ height: 130px; font-size: 24px;}
	.d_tt{ padding-left: 20px;}
	.d_tt b{ font-size: 26px;}
	.d_tt .en_t{ font-size: 16px;}
	.a_air{ margin: 12px 10px 0 20px; width: 24px; height: 24px;}
	
	.d_item{ top:  -130px;}
	
	.panel_b::before{ padding-top: 70%;}
	.panel_b .panel_con{ padding-bottom: 100px;}
	.panel_b .p_intro{ float: none; width: 100%; padding: 20px 20px 50px;}
	.p_item{ margin: 0;}
	
	.icon_b{margin-top: 10%;}
	.icon_b i{ width: 80px; height: 80px;}
	
	.w_panel{ position: relative; right: 0;}
	
	.n_more .a_air{  width: 34px; height: 34px;}
	
}

@media screen and (max-width:960px) {
	.logo{ left: 10px; background: url(../images/logo.png) center/70% auto no-repeat;}
	.top{ height: 54px;}
	.menu_bg{ top: 54px; height: 40px;}
	.nav li{ padding: 0 10px;}
	.nav li a{ line-height: 54px; font-size: 14px;}
	.sub_menu dl{ height: 40px;}
	.sub_menu dd{  padding: 0 10px; }
	.sub_menu dd a{font-size: 12px; line-height: 40px;}
	.t_act{ font-size: 14px; right: 10px;}
	.t_act li{ padding: 15px 10px 25px;}
	.t_act li::before{  display: none;}
	.i_search{ width: 16px; height: 16px;}
	
	
	.d_main{ padding-right: 300px;}
	.t_col{ padding-right: 300px;}

	.d_tit{ height: 115px; font-size: 20px;}
	.d_tt{ padding-left: 10px; line-height: 26px;}
	.d_tt b{ font-size: 22px;}
	.d_tt .en_t{ padding-top: 5px; font-size: 12px;}
	.a_air{ margin: 8px 10px 0 10px;}
	.d_item{ top:  -115px; width: 270px;}
	
	.a_tit{ padding-top: 10%; font-size: 16px;}
	.a_txt{ font-size: 12px;}
	.a_txt p{ padding-bottom: 5px;}
	.icon_b{ margin-top: 10%;}
	.icon_b i{ width: 60px; height: 60px;}
	
	.a_more{ bottom: 5%; line-height: 34px;}
	.air_icon { width: 34px; height: 34px;}
	
	.intro_b .slick-dots{ bottom: -10px;}
	
	.p_info p{  height: 40%;}
	
}

@media screen and (max-width:750px) {
	.logo{ left: 0; background: url(../images/logo.png) center/60% auto no-repeat;}
	.nav li{ padding: 0 5px;}
	.sub_menu dd{  padding: 0 5px; }
	
	.d_page::before{ display: none;}
	.d_main{ position: relative; padding: 0; left: 0; right: 0;}
	.t_col{ padding:0;}
	.d_tit{ height: 140px; font-size: 20px;}
	.d_item.on{ display: none;}
	.all_pic.on::after{ display: none;}
	
	.p_info p{  height: 30%;}
	
	.c_page::before{ padding-top: 55%;}
	
	.link_b{ display: none;}
}

@media screen and (max-width:640px) {
	.top{ height: 60px;}
	.logo{ left: 0;  background: url(../images/logo.png) center/50% auto no-repeat;}
	.t_act{ right: 10px; font-size: 14px;}
	.t_act li{ padding: 20px 10px 25px;}
	.t_act li::before{ display: none;}
	.i_search{ width: 16px; height: 16px;}
	.t_act li:first-child{ display: none;}
	.d_arrow{ display: none;}
	
	.nav{ display: none;}
	
	.banner_b{ position: relative; overflow: hidden; background: url(../images/m_banner.jpg) center 0/100% auto no-repeat;}
	.banner_b::before { padding-top: 160%; content: "";display: block;}
	.banner{ display: none;}
	
	.a_page{ padding: 40px 10px;}
	.a_tt{ padding: 10px 35px; top: -30px;}
	.a_tt b{ font-size: 24px;}
	.a_info{ overflow: hidden;}
	.a_info h2{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	.a_tt{ width: auto;}
	.en_tit{ display: none;}
	.a_num li label{ font-size: 14px;}
	.a_num li span{ font-size: 24px;}
	
	.act_b{ padding: 25px 15px; height: auto;}
	.act_t label{ font-size: 24px;}
	
	.act_time{ width: 65%; padding: 10px 0;}
	.time_txt{ font-size: 20px;}
	.time_air{ margin: 10px 10px 0;}
	
	.act_bak{ width: 65%; height: 70px; line-height: 70px;}
	
	.act_panel{ padding: 10px 0; border-radius: 0;}
	.pre_b{ width: 80%;}
	
	.mol_b li{font-size: 12px; }
	.col_b{ padding-top: 40%;}
	.a_tit{ padding-top: 5%; font-size: 12px; transform: scale(0.8);}
	.a_txt{ padding: 0; font-size: 12px; transform: scale(0.6);}
	.a_txt p{ padding-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.icon_b{ margin-top: 10%;}
	.icon_b i{ width: 20px; height: 20px;}
	
	.a_more{ bottom: 5%; line-height: 26px;}
	.air_icon { width: 26px; height: 26px;}
	
	.intro_b .slick-dots{ bottom: 10px;}
	.intro_b .slick-dots li{ width: 24px; height: 24px; line-height: 24px; font-size: 12px;}
	
	.b_page{ padding:20px 10px;}
	.n_tit{ padding-bottom: 20px;}
	
	.n_pic{ height: 250px;}
	.n_pic li img{ height: 250px;}
	
	.n_tab li{ width: 80px; margin-right: 10px; font-size: 12px;}
	.n_tab li a{ padding: 0 10px; line-height: 30px;}
	
	.n_more a{ height: 24px; line-height: 24px;}
	.n_more .a_air{  width: 24px; height: 24px;}
	
	.item_pic{ width: 100px; height: 70px;}
	
	.panel_b{ display: none;}
	.d_page{ display: none;}
	
	.c_page{ max-height: auto; background: url(../images/m_hb.jpg) center 0/100% auto no-repeat;}
	.c_page::before{ padding-top: 150%;}
	
	.c_intro{ float: none; width: 100%;}
	.p_intro h2{ text-align: center; font-size: 24px;}
	.c_item{ margin-left: 0; padding:30px;}
	.slick-slide img{ width: 100%;}
	.intro_b .slick-dots{ right: 0; text-align: center;}
	.intro_b .slick-arrow{ opacity: 0.5;}
	
	.bottom_b{ background: #182858 url(../images/bottom.png) right bottom/100% auto no-repeat;}
	
	.b_nav li{ width: 20%; text-align: center;}
	.b_nav li a{ padding: 0;}
	
	.c_panel li{ padding: 5px 5px 5px 0;}
	
	.c_info span{ display: block; padding: 0; text-align: center;}
	
	.menu_act{ display: block;}
	.menu_icon{ display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: url(../images/menu.png) center/100% 100% no-repeat;}
	.menu_b{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding-top: 50px; z-index: 9000; background: url(../images/menu_b.jpg) center 0/100% 100% no-repeat;}
	
	.m_close{ display: inline-block; vertical-align: top; width: 30px; height: 30px; cursor: pointer; background: url(../images/m_close.png) center/100% 100% no-repeat;}
	
	.menu_item{ padding: 20px 0;}
	.menu_item li{ border-bottom: 1px solid #758CC4;}
	.menu_item li a{ display: block; padding: 15px 0 15px 10px; font-size: 18px; color: #fff;}
	.m_air{display: inline-block; vertical-align: middle; float: right; width: 24px; height: 24px; background: url(../images/m_air2.png) center/100% 100% no-repeat;}
	
	.menu_sub{ display: none; padding: 0 20px 10px; }
	.menu_sub dd a{padding: 0; line-height: 30px; font-size: 14px;}
	
	.m_logo{ position: absolute; bottom: 10px; left: 50%; width: 128px; height: 60px; transform: translateX(-50%); background: url(../images/logo.png) center/80% auto no-repeat;}

}