@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0;padding: 0;-moz-transition: all .3s;}
body{background: #fff;color: #323232;font-size: 14px; font-family: "FZLANTY_ZHUNK","Segoe UI",PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', 微软雅黑, STXihei, 华文细黑, Georgia, 'Times New Roman', serif; min-width: 1200px;}
td,th,caption{font-size: 14px;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}
a{color: #323232;text-decoration: none;}
a:link{color: #323232;}
a:visited{color: #323232;}
a:hover,a:active,a:focus{text-decoration: none;}
img{border: none;vertical-align: top}
ol,ul,li{list-style: none;}
input,textarea,select,button{font: 14px PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', 微软雅黑, STXihei, 华文细黑, Georgia, 'Times New Roman', serif;}
input{border: 0;outline: none;}
table{border-collapse: collapse;border-spacing: 0;}
dt,dd{font-weight: normal;}
p{word-wrap: break-word}
a{blr: expression(this.onFocus=this.blur());}
a:focus{outline: none;}
a.hidefocus{outline: none}
.clearfix{*zoom: 1;clear: both; zoom: 1;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0px;}
*:focus{outline: none;}
button:focus {outline:none!important;;}

.fl{float: left;}
.fr{float: right;}
img{max-width: 100%; vertical-align: top;}
.picfocus{overflow: hidden;}
.picfocus img{-webkit-transition: 0.36s ease;-moz-transition: 0.36s ease;-o-transition: 0.36s ease;-ms-transition: 0.36s ease;}
.item:hover .picfocus img,
.picfocus:hover img,
a:hover .picfocus img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
div{border: none}
.table{display: table;table-layout: fixed;width: 100%;height: 100%;}
.table-cell{display: table-cell;vertical-align: middle;width: 100%;height: 100%;z-index: 9999;}
body{transition: 0.5s ease all;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
input[type=checkbox],input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}
:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}



*{padding:0;margin:0;list-style: none; box-sizing: border-box;}

@media (max-width: 767px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:10px; }
}
@media (min-width: 768px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:12px; }
}
@media (min-width: 1200px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:13px; }
}
@media (min-width: 1360px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:14px; }
}
@media (min-width: 1440px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:15px; }
}
@media (min-width: 1600px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:16px; }
}

.container{padding: 0 9.89%; width: 100%;}
@media (max-width:767px){
	.container{padding: 0 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.container{padding: 0 15px;}
}
@media(min-width: 992px) and (max-width: 1199px){
	.container{padding: 0 30px;}
}
@media(min-width: 1200px) and (max-width: 1440px){
	.container{padding: 0 5%;}
}
@font-face{
     font-family: 'FZLANTY_ZHUNK'; 
    src: url('fonts/FZLANTY_ZHUNK.ttf'); 
     src:url('fonts/FZLANTY_ZHUNK.ttf') format('truetype'),
        url('fonts/FZLANTY_ZHUNK.svg') format('svg'); 
}

@font-face {font-family: "Impact";
  src: url(fonts/impact-2.ttf)
}

@font-face {font-family: "BauhausBT";
	src: url(fonts/Bauhaus_Bold_BT.ttf)
}

@font-face {font-family: "BauhausLT";
	src: url(fonts/Bauhaus_Light_BT.ttf)
}

@font-face {font-family: "BauhausLTD";
	src: url(fonts/Bauhaus_LT_Demi.ttf)
}

@font-face {font-family: "BauhausMT";
	src: url(fonts/Bauhaus_Medium_BT.ttf)
}

.tit_box{position: relative; }
.tit_box .tabs{position: absolute; right: 0; top: 50%; transform: translateY(-60%); display: flex; margin-bottom: 1.25rem;}
.tit_box .tabs li{margin: 0 1.5rem 0 0; height: 2.5rem; color: #333; display: flex; align-items: center; background: #F2F2F2; }
.tit_box .tabs li a{padding: 0 2rem; font-size: 1rem;}
.tit_box .tabs li.on{background: #EB0201;}
.tit_box .tabs li.on a{color: #fff;}
.tit_box .tabs li:last-child{margin-right: 0;}
.common_tit{position: relative; text-align: center;}
.common_tit .tit_box{position: relative;}
.common_tit .tit{ font-size: 2.5rem; line-height: 1; letter-spacing: 0.375rem; color: #004098; font-weight: bold; margin: -1.375rem 0 0;}
.common_tit .tit_en{ font-size: 5.5rem; font-family: Impact; color: rgba(1, 1, 1, 0.1); line-height: 0.8; text-transform: uppercase;}
.common_tit .tabs a{position: relative; float: left; margin: 0 1.125rem 0 0; line-height: 2.75rem; font-size: 1.125rem; display: inline-block; text-align: center; min-width: 10rem; color: #5A5A5A; background: #DBDBDB;}
.common_tit .tabs .on{background: #2170B7 ; color: #fff;}
.common_tit .tabs .on::after{content: ''; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); width: 11px; height: 11px; background: url(../images/tabs_on.png) no-repeat top left;}
.common_tit .tabs a:last-child{margin-right: 0;}
@media (min-width: 768px) and (max-width: 991px){
	.common_tit .tit_en{font-size: 3rem;}
	.common_tit .tit{font-size: 2rem; margin: 10px 0 0;}
}
@media (max-width:767px){
	.common_tit{display: block;}
	.common_tit .tit_en{font-size: 26px; margin: 0;}
	.common_tit .tit{font-size: 2rem; margin: -5px 0 0;}
	.common_tit .tit_en::after{margin: 20px 0 0;}
	.common_tit.white{padding: 0 15px;}
	.common_tit.white .tit{padding-left: 0;}
	.common_tit .tabs a{margin-bottom: 10px; font-size: 14px; line-height: 36px;}
}

.more a{position: relative; padding: 0 10px 0 1.5625rem; border-radius: 2.5rem; display: inline-flex; align-items: center; justify-content: space-between; font-size: 1rem; background: #E62129; height: 2.5rem;  color: #fff; transition: .3s all;}
.more a::after { content: "";  width: 1.5rem; height: 1.5rem; margin: 0 0 0 1.5rem; border-radius: 50%; background: #fff url(../images/more_arrow.jpg) no-repeat center center; }
.more_link{ font-size: 14px; line-height: 1; text-transform: uppercase;}
.more_link::after { content: "";  width: 22px; height: 14px; margin: 0 0 0 10px; background: url(../images/icon_more.png) no-repeat center left; vertical-align: top; display: inline-block;}
@media (max-width:767px){
	.more a{min-width: 100px; font-size: 13px; line-height: 40px; height: 40px; width: 140px;}
	.more a::after{height: 30px; width: 30px;}
}

/*header*/
.header{position: fixed; width:100%; height: 8.625rem; padding: 1.5rem 0 0; z-index: 1000000;  text-align: center; font-size: 1rem;  transition: 0.5s all;}
.header .nav_box{height: 100%;}
.header .nav_box>.container{height: 100%; display: flex; align-items: center; justify-content: space-between;}
.header .navbar-brand{ position: absolute; left:9.89%; top: 50%; z-index: 100; display: flex; align-items: center; transform: translateY(-50%); transition: all 0.3s;}
.header .navbar-brand img{height: 100px; transition: 0.5s all;}
.header .navbar-brand .logo_blue{display: none;}
.header .nav{/* position: relative; */float: right;flex: 1;height: 100%; padding: 0 3.25rem 0 240px; display: flex;align-items: center;justify-content: space-between;}
.header .nav>li{ position: relative; float: left;height: 100%;}
.header .nav>li>.nav_tit{position: relative; height: 100%; padding-bottom: 2.5rem; z-index: 100; display: flex; align-items: flex-end; }
.header .nav>li:last-child>.nav_tit{padding-right: 0;}
.header .nav>li>.nav_tit::after{content: ""; display: none; position: absolute; left: 50%; bottom: -11px; transform: translateX(-50%);  width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 5px solid transparent; }
.header .nav>li>.nav_tit>a{position: relative; color: #fff; min-width: 40px; font-size: 1.3rem; line-height: 1; padding: 8px 0; border-bottom: 1px solid transparent;}
.header .nav>li>.nav_tit>a::before{content: ''; position: absolute; left: 50%; right: 50%; width: 0; transition: all 0.3s; top: 0; height: 4px; border-radius: 4px; background: transparent;}
.header .nav>li>.nav_tit>.caret{ position: absolute; top: 50%; display: inline-block; width: 0; height: 0; margin-left: 4px; vertical-align: middle; border-top: 4px dashed #fff; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.header .nav>li:hover .nav_tit>a,
.header .nav>li.on>.nav_tit>a{background: url(../images/icon_sheep.png) no-repeat center center;}
.header .nav>li .subnav_pro{display:none;width:100%;padding:0;position:fixed;top:118px;overflow:hidden;text-align:left;z-index:110;left:0;background-color:#fff;}
.header .nav>li .subnav_pro .xiao_one{overflow:hidden;margin:0 auto; padding: 30px 0 ;}
.header .nav>li .subnav_pro .xiao_one ul li a{color:#11377d; line-height: 1; display: block;}
.header .nav>li .subnav_pro .xiao_one ul li a img{height: 100px;}
.header .nav>li .subnav_pro .xiao_one ul li{float: left;width: 16%;text-align: center;background: url(../images/headNavBorder.png) center right no-repeat;}
.header .nav>li .subnav_pro .xiao_one ul li p{font-size: 16px;color:#11377d; margin: 20px 0 8px;}
.header .nav>li .subnav_pro .xiao_one ul li span{font-size: 12px;color: #666; display: block;}
.header .nav>li .subnav_common{display: none; position: absolute; min-width: 160px; left: 50%; top: calc(118px - 1.5rem); border-radius: 5px; padding: 12px 0; transform: translateX(-50%); background: rgba(0,0,0,0.3); backdrop-filter: saturate(180%) blur(20px); }
.header .nav>li .subnav_common li{ padding: 0 16px; font-size: 16px; line-height: 24px;}
.header .nav>li .subnav_common li a{display: block; color: #fff; padding: 12px 0;}
.header .nav>li .subnav_common li a:hover{font-weight: bold;}

.header .language{position: relative; padding: 8px 0 3rem; height: 100%; color: #fff; line-height: 20px; display: flex; align-items: flex-end; z-index: 100;}
.header .language a{font-size: 1rem;padding: 0 12px; line-height: 20px; color: #fff;}
.header .language a:last-child{margin-right: 0;}
.header .language a:hover{text-decoration: underline;}

.search{position: relative; height: 100%;  padding: 8px 1rem 3rem 2.5rem; display: flex; align-items: flex-end;}
.search .search-icon{ float: none; width: 24px; height: 24px; display: block; background: url(../images/icon_search.png) no-repeat center left; border: none;}
.search .search_block{width: 100%;position: absolute; right: 0; bottom: 0;}
.search .search_block .search_box{width: 300px; position: absolute; bottom: -15px; right: 0; z-index: 10; visibility: hidden;background: rgba(0, 0, 0, 0.5);overflow: hidden;opacity: 0;-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-o-transform: translateY(-20px);transform: translateY(-20px);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-0-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.search .search_block .search_box .inpt{background-color:transparent;border: none;outline: none;resize: none;-webkit-appearance: none; padding: 8px 20px; line-height: 24px;width: 90%;height: 40px;box-sizing: border-box;font-size: 1rem;color: #fff !important;float: left;}
.search .search_block .search_box .inpt::-webkit-input-placeholder{color: #fff;font-size: 14px;}
.search .search_block .search_box .inpt:-webkit-autofill  {
	-webkit-text-fill-color: #ffffff !important;
	box-shadow: 0 0 0px 1000px transparent  inset !important;
    background-color:transparent;
    background-image: none;
     transition: background-color 50000s ease-in-out 0s; 
}

.search .search_block .search_box a{display: inline-block;position: absolute;z-index: 10;right: 15px;top: 0;bottom: 0; width: 24px;height: 40px;text-indent: -1000em;cursor: pointer;}
.search .search_block .search_box.show{visibility: visible;opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}
.search .search_block .search_btn{position: absolute; background: url(../images/icon_search.png) no-repeat center center;}


.header.hide.fixed{position: fixed; top: 0!important; padding: 0; height: 70px; line-height: 70px; box-shadow: 0 2px 6px rgb(0, 0, 0 , 0.1); /*background: #004098;*/ background: #fff;}
.header.hide.fixed .nav_box{padding: 0;}
.header.hide.fixed .navbar-brand{height: 70px; padding: 10px 0;}
.header.hide.fixed .navbar-brand img{width: auto; height: 100px;}
.header.hide.fixed .top{height:0; visible:hidden; opacity: 0;}
.header.hide.fixed .nav>li .subnav{top: 70px;}
.header.hide.fixed .nav>li>.nav_tit{padding: 15px 0;}
.header.hide.fixed .nav>li .subnav_common{top: 70px; background: #fff;box-shadow: 0 2px 6px rgb(0, 0, 0 , 0.1);}
.header.hide.fixed .nav>li .subnav_common li a{color: #004098;}
.header.hide.fixed .nav>li .subnav_common li a:hover{background: #004098; color: #fff; border-radius: 30px;}
.header.hide.fixed .nav>li>.nav_tit>a,
.header.hide.fixed .language,
.header.hide.fixed .language a{color: #004098;}
.header.hide.fixed .language{padding: 15px 0; line-height: 36px;}
.header.hide.fixed .language a{padding: 0 12px; line-height: 36px;}
.header.hide.fixed .search{align-items: center; padding: 15px 1rem 15px 2.5rem;}
.header.hide.fixed .search .search_block .search_box{bottom: -40px;}
.header.hide.fixed .search .search-icon{background-image: url(../images/icon_search_blue.png);}
.header.hide.fixed .nav>li:hover .nav_tit>a, 
.header.hide.fixed .nav>li.on>.nav_tit>a{}
.header.hide.fixed .navbar-brand .logo{display: none;}
.header.hide.fixed .navbar-brand .logo_blue{display: block;}

@media (min-width: 992px) { 
    .header.hide{top: -8.625rem;}  
    .header.show{top: 0;}
}
@media(min-width: 1200px) and (max-width: 1600px){
	.header .nav>li .subnav_common li {font-size: 14px; padding: 0 12px;}
}
@media(min-width: 1200px) and (max-width: 1440px){
    .header .navbar-brand img{height: 100px;}
	.header .nav{padding: 0 30px 0 170px;} 
	/*.header .nav>li>.nav_tit{padding: 0 15px;} */
	.header .nav>li .subnav li a{padding: 7px 0;}
	.header .navbar-brand{left: 5%;}
}

/*footer*/
.footer{position: relative; padding: 16px 0 20px; background: #004098; width: 100%; z-index: 10;}
.footer .container{display: flex; color: #fff; justify-content: space-between;}
.footer .ft_logo{margin: 15px 2.875rem 0 0;}
.footer .ft_nav{position: relative; width: 210px; height: 64px; margin: 30px 1.625rem 0 0 ;}
.footer .ft_nav::after{content: ''; position: absolute; right: 0; top: 8px; bottom: 8px; width: 1px; background: rgba(255,255,255,0.1);}
.footer .ft_nav dd{float: left; margin-right: 20px;}
.footer .ft_nav dd a{ font-size: 1rem; color: #fff; line-height: 2;}
.footer .ft_nav2{width: 178px;}
.footer .ft_tel{ font-size: 1rem; line-height: 2; margin: 30px 2.875rem 0 0;}
.footer .ft_share{display: flex; margin: 30px 0 0;}
.footer .ft_share dd{position: relative; width: 3.875rem; height: 3.875rem; margin: 0 1.875rem 0 0; overflow: hidden; transition: all 0.3s;}
.footer .ft_share dd .icon{display: block; }
.footer .ft_share dd .code{ position: absolute; top: -135px; left: 50%; width: 120px; height: 120px; transform: translateX(-50%);}
.footer .ft_share dd .code img{transform: translateY(-2.5rem); transition: all 0.6s;}
.footer .ft_share dd:last-child{margin: 0;}
.footer .ft_share dd:hover{overflow: initial;}
.footer .ft_share dd:hover .code img{transform: translateY(0); opacity: 1;}
#gotop{color: #fff; line-height: 1; font-size: 12px; cursor: pointer; text-align: center; margin: 42px 3.5rem 0 2.5rem;}
#gotop img{width: 32px; height: 28px; margin: 0 0 5px; }
.footer .copyright{font-size: 13px; line-height: 1; color: #A8CDFF; text-align: center; margin: 18px 0 0;}

@media(max-width: 1600px){
    .footer .container{padding: 0 5%;}
    .footer .ft_logo{margin-right: 20px; display: flex; align-items: center;}
    .footer .ft_logo img{width: 120px;}
}
@media(min-width: 1200px) and (max-width: 1440px){
    .footer .ft_logo{margin-right: 20px;}
    .footer .ft_logo img{width: 120px;}
    .footer .ft_nav{width: 170px; margin-right: 15px;}
    .footer .ft_nav2{width: 145px;}
  .footer .ft_nav dd a{font-size: 12px;}
  .footer .ft_tel{font-size: 12px;}
    .footer .ft_share dd{margin-right: 15px;}
    #gotop{ margin: 42px 15px 0 15px; min-width: 60px;}
}
@media (max-width: 767px){
	.ft_nav ul{display: block; overflow: hidden;}
	.ft_nav ul li{float: left; padding:7px 8px;}
	.ft_nav ul li a{font-size: 13px;}
	.ft_cont{display: block; padding: 20px 0;}
	.ft_cont .ft_nav_list{display: none;}
	.ft_logo{display: none;}
	.ft_cont .ft_wx{text-align: center;}
	.ft_copyright{display: block; font-size: 12px; line-height: 1.5; padding: 10px 0;}
}


/*swiper*/
.swiper-container{vertical-align: top;}
.swiper-page{position: relative; width: 100%; height: 17px; margin: 3.5rem 0 0; display: flex; justify-content: space-between; align-items: center;}
.swiper-page .swiper-pagination{position: static;}
.swiper-page .swiper-pagination-bullet {opacity: 1; width: 1.75rem; height: 4px; margin: 0 2px; background: #070575; border-radius: 0;}
.swiper-page .swiper-pagination-bullet-active { background: #EB0201; width: 5.125rem;}
.swiper-button-next,
.swiper-button-prev{position: static; width: 24px; height: 17px; margin: 0; background-color: transparent; background-size: 24px 17px; opacity: 1; }
.swiper-button-prev{ background: url(../images/swiper_prev.png) no-repeat top left;}
.swiper-button-next{margin: 0 0 0 1rem; background: url(../images/swiper_next.png) no-repeat top left;}
.swiper-button-prev.swiper-button-disabled{background-image: url(../images/swiper_prev_dis.png);}
.swiper-button-next.swiper-button-disabled{background-image: url(../images/swiper_next_dis.png);}

.swiper-button{display: flex; align-items: center; justify-content: center; height: 37px; }
.swiper-pagination{position: static; height: 20px; display: flex; align-items: center; justify-content: center;}
.swiper-pagination-bullet{margin: 0 1rem ; width: 12px; height: 12px; border: 1px solid #fff; background: none; opacity: 1;}
.swiper-pagination-bullet-active{width: 14px; height: 20px; background: url(../images/icon_dian_white.png) no-repeat top center; border: none;}
.swiper-button-prev,
.swiper-button-next{position: static; margin: 0 10px; width: 37px; height: 37px; background: url(../images/icon_prev_white.png) no-repeat top center; background-size: cover;}
.swiper-button-next{background-image: url(../images/icon_next_white.png);}

.swiper-button-blue .swiper-pagination-bullet{border-color: #00479D;}
.swiper-button-blue .swiper-pagination-bullet-active{background-image: url(../images/icon_dian.png);}
.swiper-button-blue .swiper-button-prev{background-image: url(../images/icon_prev_blue.png);}
.swiper-button-blue .swiper-button-next{background-image: url(../images/icon_next_blue.png);}

@media (max-width: 767px){
	.swiper-page{margin: 20px 0 0;}
	.swiper-page .swiper-pagination-bullet:nth-child(1) { left: 15%;}
	.swiper-page .swiper-pagination-bullet:nth-child(2) { left: 35%;}
	.swiper-page .swiper-pagination-bullet:nth-child(3) { left: 55%;}
}

@media (max-width: 767px){
	.hidden-xs{display: none!important;}
}