@import url(//at.alicdn.com/t/c/font_3600596_ydorhjds6j.css);

* { margin: 0; padding: 0; box-sizing: border-box; }
a { text-decoration: none; color: #06549e; }
ul, ol, li { list-style: none; }
img { *position: relative; *left: -50%; *top: -50%; vertical-align: middle; }
::-webkit-scrollbar-track-piece { background-color: #f1f1f1; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background-color: #c1c1c1; background-clip: padding-box; min-height: 28px; }
::-webkit-scrollbar-thumb:hover { background-color: #a8a8a8; }

input { outline: 0; }

/*清除浮动*/
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.fy-red { color: red; }
.fy-blue { color: blue; }
.fy-green { color: green; }
/*清除浮动*/
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }


.center { text-align: center; }

.blue-slide { background: #4390EE; }

.red-slide { background: #CA4040; }

.orange-slide { background: #FF8604; }

.swiper-container { width: 100%; height: 100%; }
.swiper-pagination { bottom: 35px; right: 150px; }
.swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; margin-left: 30px; }
.banner_content { }


.header .sidenav-top { width: 100%; height: 0.5rem; background-color: #005d85; }
.header .sidenav a:hover { color: #f1f1f1; }


.ku-input, .ku-select, .ku-textarea { border-color: #eee; height: 38px; line-height: 1.3; line-height: 38px\9; border-width: 1px; border-style: solid; background-color: #fff; color: rgba(0,0,0,.85); border-radius: 2px; }

@media(min-width:768px) {
    .banner_content img { /*width: 100%;*/ height: 100%; }
}

/*宽度大于768px*/
@media(min-width:768px) {
    .main .wrap { width: 1200px; height: auto; margin: 0 auto; }
    .searchbar { display: none; }
    .banner_content .banner_center { position: absolute; top: 35%; left: 50%; transform: translate(-50%); }
    .banner_content .banner_center img { width: 270px !important; height: 270px !important; }
    .banner_content .title { font-size: 15px; margin-bottom: 10px; }
    .banner_content .title { position: absolute; right: 155px; z-index: 1; text-align: right; color: #e3e3e3; bottom: 68px; }
    .banner_content .title p { margin-bottom: 30px; }
    .banner_content .etitle { font-size: 41px; font-family: 'FuturaBT'; font-weight: 500; color: #FFFFFF; }
    .banner_content .ctitle { margin-left: 30px; font-size: 41px; font-family: 'FuturaBT'; font-weight: 500; color: #FFFFFF; }

    .banner_content .ztbg { color: #fff; font-size: 15px; font-weight: 400; }
    .banner_content .show_detail { background-image: url(/images/banner/spantjan.png); display: inline-block; border-radius: 2px; font-weight: 400; height: 24px; width: 60px; font-size: 12px; text-align: center; line-height: 24px; color: #fff; }




    .header_standard .menu-container { height: 100%; width: 210px; position: absolute; z-index: 101; top: 0; left: 0; background-color: #000; overflow-x: hidden; opacity: 0.7; }

    .m-icon-nav { display: none; }

    .header_standard .logbox { margin-top: 40px; margin-left: 30px; }
    .header_standard .sidenav { margin-top: 63px; }
    .header_standard .sidenav a { text-decoration: none; font-size: 14px; font-weight: 400; color: #fff; display: block; height: 60px; line-height: 60px; padding-left: 58px; }
    .header_standard .sidenav a:nth-child(1n) { background-image: url("/images/menu/single.png"); }
    .header_standard .sidenav a:nth-child(2n) { background-image: url("/images/menu/double.png"); }
    .header_standard .sidenav a em { background: #fff; width: 6px; height: 1px; display: inline-block; vertical-align: middle; }
    .header_standard .sidenav .on a { color: #F7006D; font-size: 16px; }
    .header_standard .sidenav .on a em { background: #F7006D }
    .header_standard .sidenav li:hover a { color: #F7006D; font-size: 16px; }
    .header_standard .sidenav li:hover a em { background: #F7006D }

    .header_standard .submenu { display: none; }
    .share_box { display: flex; position: absolute; bottom: 40px; left: 50%; transform: translate(-50%); }
    .share_box .share_item { height: 20px; width: 20px; margin-right: 10px; }

    .share_box .share_wb { background-image: url("/images/menu/wb.png"); }
    .share_box .share_wb:hover { background-image: url("/images/menu/wb_on.png"); }
    .share_box .share_wx { background-image: url("/images/menu/wx.png"); }
    .share_box .share_wx:hover { background-image: url("/images/menu/wx_on.png"); }
    .share_box .share_dy { background-image: url("/images/menu/dy.png"); }
    .share_box .share_dy:hover { background-image: url("/images/menu/dy_on.png"); }
    .share_box .share_qq { background-image: url("/images/menu/qq.png"); }
    .share_box .share_qq:hover { background-image: url("/images/menu/qq_on.png"); }
    .header_standard .logbox2 { display: none; }


    .header_fix { }
    .header_fix .topLine { display: block; position: fixed; left: 0; z-index: 999; top: 0px; height: 41px; background: #EEF0F2; }
    .header_fix .topLine .wrap { width: 1200px; height: auto; margin: 0 auto; }
    .header_fix .menu-container { width: 100%; position: fixed; left: 0; z-index: 999; top: 40px; height: 70px; background: #CDD3D9; box-shadow: 0px 0px 4px 0px rgba(62,62,62,0.3); }
    .header_fix .warp { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
    .header_fix .sidenav-top { display: none; }
    .header_fix .share_box { display: none; }

    .header_fix .logbox { display: none; }
    .header_fix .logbox2 { display: inline-block; margin-left: 80px; }


    .header_fix .sidenav { width: 656px; }
    .header_fix .sidenav > ul { display: flex; flex-direction: row; position: relative; }
    .header_fix .sidenav > ul > li { padding-right: 43px; margin-bottom: 0px; line-height: 70px; height: 70px; }
    .header_fix .sidenav > ul > li:last-child { padding-right: 0px; }
    .header_fix .sidenav > ul > li > a { font-size: 14px; font-family: Microsoft YaHei; font-weight: 300; color: #000000; position: relative; display: block; }
    .header_fix .sidenav > ul > li > a:hover { color: #F7006D; font-size: 16px; }

    .header_fix .sidenav > ul > li.on > a { color: #F7006D !important; font-size: 16px; }

    .header_fix .sidenav > ul > li > em { display: none; }
    .header_fix .sidenav > ul > li > a::before { content: ""; position: absolute; width: 10px; height: 4px; bottom: 20px; left: 50%; transform: translate(-50%); background: url("/images/menu/nav_xb.png") no-repeat; }
    .header_fix .sidenav > ul > li > a:hover::before { background: url("/images/menu/nav_xb_on.png") no-repeat; }
    .header_fix .sidenav > ul > li > a:hover::before { background: url("/images/menu/nav_xb_on.png") no-repeat; }
    .header_fix .sidenav > ul > li.on a::before { background: url("/images/menu/nav_xb_on.png") no-repeat; }
    .header_fix .sidenav > ul > li:hover sub { content: ""; position: absolute; width: 10px; height: 9px; bottom: 0px; left: 50%; transform: translate(-50%); background: url("/images/menu/sj.png") no-repeat; }

    .header_fix .sidenav .submenu { opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 9999; background: #fff; width: 300px; /* box-shadow: 2px 0 11px -3px rgb(0 0 0 / 20%);*/ transition: all .5s ease; }
    .header_fix .sidenav > ul > li:hover > ul { opacity: 1; visibility: visible; }


    .header_fix .sidenav .submenu { display: flex; flex-direction: row; width: 656px; height: 50px; background: #F1F2F6; justify-content: center; }
    .header_fix .sidenav .submenu li { line-height: 50px; padding-right: 15px; }
    .header_fix .sidenav .submenu li a { font-size: 14px; font-family: Microsoft YaHei; font-weight: 300; color: #000000; line-height: 30px; }
    .header_fix .sidenav .submenu li a:hover { color: #F7006D; }
    .header_fix .sidenav .submenu li.on a { color: #F7006D !important; }

    .header_fix .searchbar { width: 15px; height: 15px; display: inline-block; margin-left: 80px; float: right; margin-right: 80px; font-weight: bold; }

    .header_fix .sidenav .li_1 .submenu { justify-content: inherit; padding-left: 75px; }
    .header_fix .sidenav .li_2 .submenu { justify-content: inherit; padding-left: 175px; }
    .header_fix .sidenav .li_3 .submenu { justify-content: inherit; padding-left: 200px; }
    .header_fix .sidenav .li_4 .submenu { justify-content: right; padding-right: 204px; }
    .header_fix .sidenav .li_5 .submenu { justify-content: right; padding-right: 105px; }
    .header_fix .sidenav .li_6 .submenu { justify-content: right; padding-right: 20px; }
    .header_fix .sidenav .li_6 .submenu li { padding: 0 0 0 15px }

    .header_fix .menu-container.menu-container-blue { background: #005D86; }
    .header_fix .menu-container-blue .sidenav > ul > li > a { color: #fff; }
    .header_fix .menu-container-blue .sidenav .submenu { background: #7DAEC2 }
    .header_fix .menu-container-blue .sidenav .submenu li a { color: #fff; }
    .header_fix .sidenav > ul > li > a::before { background: url("/images/menu/nav_xb_w.png") no-repeat; }

    .header_fix .menu-container-blue .searchbar { color: #fff; }
    .menu-container-blue sidenav { }

    .footer .wrap { width: 1200px; margin: 0 auto; }
}

.site-search { display: none; background-color: #f5f5f5; position: fixed; left: 0; width: 100%; height: 80px; z-index: 888; top: 110px; }
.header_fix .search-on .site-search { display: block; }

.site-search-form { padding: 15px 20%; overflow: hidden; }
.search-input { float: left; color: #999; border: solid 1px #ddd; width: 85%; height: 50px; padding: 4px 12px; border-right: none; font-size: 16px; border-radius: 2px 0 0 2px; outline: none }
.search-input:focus { border-color: #45B6F7; }
.search-btn { color: #fff; border: none; background: #16698f; height: 50px; font-size: 16px; padding: 0 12px; border-radius: 0 2px 2px 0; width: 15%; }
.search-btn:hover, .search-btn:focus { color: #fff; opacity: 0.85; filter: alpha(opacity=85); }
.search-btn .fa { font-size: 16px; width: 16px; }
.site-search-form a { margin-left: 20px; color: #999; }
.site-search-form a:hover { color: #45B6F7; }


.link-next-page { cursor: pointer; position: absolute; bottom: 40px; left: 50%; transform: translate(-50%); width: 15px; height: 60px; background: rgba(112, 112, 112, .34); border: 1px solid #fff; border-radius: 8px; text-align: center; z-index: 8; }
.link-next-page i { top: 10px; left: 50%; transform: translate(-50%); position: absolute; border-radius: 50%; width: 3px; height: 3px; border: 1px solid #fff; }
.link-next-page .i-2 { top: 20px; }
.link-next-page .i-3 { top: 30px; }
.link-next-page .i-4 { top: 40px; border: 1px solid #8b8787; }




/*宽度小于768px*/
@media (max-width: 768px) {
    /*.link-next-page { display: none; }*/
    .link-next-page { bottom: 100px; }
    .topLine { display: none; }
    .share_box { display: none; }
    .sidenav { display: none; }
    .header .sidenav-top { display: none; }
    .header .menu-container { position: fixed; top: 0; left: 0; right: 0; text-align: center; padding: 15px 0; z-index: 9999; height: 48px; border-bottom: none; box-shadow: 0 1px 5px rgb(0 0 0 / 5%); background: white; }

    .header .logbox { display: none; }
    .header .logbox2 { }
    .menu-container .warp { display: flex; justify-content: space-between; padding: 0px 10px; }
    .m-icon-nav { display: inherit; font-weight: bold; }

    .submenu { display: none; }
    .m-nav-show { }

    .m-nav-show { z-index: 99; position: fixed; top: 0; right: 0; left: 0; bottom: 0; height: 100%; width: 100% }
    .m-nav-show .m-navbar { left: 0; }
    .m-nav-show .m-mask { display: block; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 99; overflow: hidden; }
    .m-nav-show .m-icon-nav { color: #45B6F7; }


    .m-nav-show .menu-container .sidenav { margin: 0 0; position: fixed; top: 0; left: -65%; bottom: 0; height: 100%; background-color: #293038; text-align: left; padding: 15px 0 0; line-height: 1; font-size: 14px; width: 65%; z-index: 99999; display: block; overflow-y: auto; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; left: 0px; }
    .m-nav-show.sidenav a { text-decoration: none; font-size: 15px; font-weight: 400; color: #fff; display: block; height: 60px; line-height: 60px; padding-left: 58px; }
    .m-nav-show .sidenav > ul > li { }
    .m-nav-show .sidenav a { display: block; margin: 0 15px; padding: 15px 0; color: #eee; color: rgba(255,255,255,0.8); border-bottom: 1px solid rgba(255,255,255,0.04); color: #fff; }

    .banner_content img { max-width: 100%; max-height: 100%; }

    .banner_content .banner_center { display: none; }
    .banner_content .title { display: none; font-size: 15px; margin-bottom: 10px; }
    .banner_content .title { position: absolute; right: 155px; z-index: 1; text-align: right; color: #e3e3e3; bottom: 68px; }
    .banner_content .title p { margin-bottom: 30px; }
    .banner_content .etitle { font-size: 41px; font-family: 'FuturaBT'; font-weight: 500; color: #FFFFFF; }
    .banner_content .ctitle { margin-left: 30px; font-size: 41px; font-family: 'FuturaBT'; font-weight: 500; color: #FFFFFF; }


    .homeNewsList li { position: relative; margin-bottom: 20px; }

    .footer .ft_nav { display: none; }


    .tabbox ul { position: relative; }
    .tabbox ul li { position: absolute; top: 0; left: 50%; margin-left: 0; }

    .tabbox ul li:nth-child(1) { transform: translateX(0px) translateY(28.68px); }
    .tabbox ul li:nth-child(2) { transform: translateX(-106px) translateY(4.68px); }
    .tabbox ul li:nth-child(3) { transform: translateX(106px) translateY(4.68px); }
    .tabbox ul li:nth-child(4) { transform: translateX(190px) translateY(28.68px); }
    .tabbox ul li:nth-child(5) { transform: translateX(300%); }
}