@charset "utf-8";
/* ====================公共样式========================= */
.obj-cover{width:100%;height:100%;object-fit:cover}
.com-arrow{font-family: "\5B8B\4F53";font-weight: 700}

/* 头部 */
.Header-wrapper{width: 100%;position: fixed;left: 0;top: 0;z-index: 99999;background-color: #ffffff;display: flex;justify-content: space-between;box-shadow: 0 5px 40px 0 rgba(17,58,93,.1)}
/* logo */
.Header-logo{float: left;margin-left: 42px;}
.Header-logo a{display: flex;height: 84px;justify-content: center;align-items: center;}
.Header-logocont{text-align: center;}
.Header-logocont h2{font-size: 28px;color: #0170c1;font-family: "Source Han Sans CN";font-weight: 900;line-height: 28px;}
.Header-logocont span{font-size: 12px;color: #0170c1;font-family: "Source Han Sans CN";}
/* 导航 */
.Header-navbar{margin: 0 auto;}
.Header-navbar ul{display: flex;justify-content: center;align-items: center;}
.Header-navbar ul li{position: relative}
.Header-navbar ul li.ontrue,.Header-navbar ul li:hover{background: #f8f8f8}
.Header-navbar ul li.ontrue::after,.Header-navbar ul li:hover:after{display: none}
.Header-navbar ul li::after{content: '';width: 1px;height: 16px;background-color: #ebebeb;position: absolute;right: 0;top: 42%;}
.Header-navbar ul li:last-child::after{display: none;}
.Header-navarr{display: none;}
.Header-navmenu{display: inline-block; width: 100%;height: 84px;line-height: 84px;text-align: center;font-size: 18px;color: #666666;position: relative;padding: 0 38px}
.Header-navmenu::before{content: '';width: 100%;height: 84px;background: rgba(0, 0, 0, 0.03);position: absolute;left: 0;top: 0;opacity: 0;}
.Header-navmenu::after{content: '';width: 0%;height: 3px;background-color: #0170c1;position: absolute;right: 0;bottom: 0;transition: all .4s ease;}
.Header-navbar ul li.ontrue .Header-navmenu::after, .Header-navbar ul li:hover .Header-navmenu::after{width: 100%;right: auto;left: 0;}
.Header-navbar ul li.ontrue .Header-navmenu,.Header-navbar ul li:hover  .Header-navmenu{color:#0170c1;}
/* 导航下拉 */
.Header-drop{display: none;width: 100%;position: absolute;left: 0;top: 84px;}
.Header-drop a{display: inline-block; width: 100%;height: 50px;background-color: #ffffff;font-size: 15px;color: #555555;text-align: center;line-height: 50px;transition: all .4s ease;}
.Header-drop a:hover{background-color: #0170c1;color: #ffffff;}

/* 语言 */
.Header-lang{float: right;height: 84px;}
.Header-lang a{display: inline-block;font-size: 18px;color: #666666;height: 84px;line-height: 84px;margin-right: 12px;}
/* 搜索 */
.Header-search-click{float: right;width: 60px;background: url('/template/default/images/common/search.png')no-repeat center;height: 84px;cursor: pointer;position: relative;}
.Header-search{display: none; width: 500px;height: 48px;position: fixed;right: 4%;top: 84px;}
.Header-search-close{width: 40px;height: 40px;background: url('/template/default/images/common/closeB.svg') no-repeat center/20px auto;position: absolute;right: 0;top: 4px;z-index: 2;opacity: .8;transition: all .4s ease;cursor: pointer;}
.Header-search-close:hover{transform: rotate(90deg);opacity: 1;}
.Header-search-items{width: 500px;height: 48px;position: absolute;right: 0%;top: 0;background-color: #ffffff;}
.Header-search-items input{width: 100%;height: 48px;padding-left: 20px;font-size: 18px;color: #000000;border: 1px solid #d4d4d4;padding-right: 50px;}
.Header-search-submit{width: 40px;height: 40px;background: url('/template/default/images/common/search.svg')no-repeat center/28px auto;position: absolute;right: 28px;top: 4px;z-index: 2;cursor: pointer;}
.Header-search-items.onture{width: 100%;transition: all .8s ease .4s;}
.Header-search-items.ontrue .Header-search-submit{opacity: 1;transition: opacity .4s ease 1.2s;}

/* 手机汉堡键 */
.Header-navclick{width: 32px;height: 60px;align-items: center;cursor: pointer;float: right;user-select: none;display: none;}
.Header-navclick span{width: 100%;height: 3px;background:#666666;display: block;position: relative;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 3px;background:#666666;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -8px;}
.Header-navclick span:after{top: 8px;}
.Header-navclick.active span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.active span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.active span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);-ms-transform: translateY(8px) rotate(0);-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);-ms-transform: translateY(-8px) rotate(0);-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}

/* 底部 */
.Footer-wrapper{width: 100%;background-color: #033957;padding-top: 58px;}
.Footer-wrapper .contain{display: flex;justify-content: space-between;}
.Footer-navbar{width: 74%;}
.Footer-navbar ul{width: 100%;display: flex;justify-content: flex-start;}
.Footer-navbar ul li{width: 20%;border-right: 1px solid #1d4d68;margin-left: 68px;padding-bottom: 68px;}
.Footer-navbar ul li:first-child{margin-left: 0;}
.Footer-navmenu{font-size: 18px;color: #ffffff;}
.Footer-navlink{display: flex;flex-direction: column;margin-top: 20px;}
.Footer-navlink a{font-size: 14px;color: #90b3c6;line-height: 30px;transition: all .4s ease;}
.Footer-navlink a:hover{color: #0170c1;}
.Footer-contact{width: 17%;display: flex; align-items: flex-end;flex-direction: column;}
.Footer-wechat{width: 138px;height: 162px;border-radius: 5px;background-color: #ffffff;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.Footer-wechat p{font-size: 15px;color: #000000;}
.Footer-contact-cont{width: 100%;text-align: right;margin-top: 12px;}
.Footer-contact-cont span{font-size: 26px;color: #ffffff;font-family: 'Arial';font-weight: bold;}
.Footer-contact-cont p{font-size: 13px;color: #90b3c6;}
.Footer-copy{width: 100%;border-top: 1px solid #1d4d68;height: 90px;}
.Footer-copy .contain{height: 100%; display: flex;justify-content: space-between;align-items: center;}
.Footer-friendlink{display: flex;flex-wrap: wrap;font-size: 14px;color: #90b3c6;}
.Footer-friendmenu{line-height: 42px;}
.Footer-friendlink a{margin-left: 15px;padding-right: 15px;line-height: 42px;position: relative}
.Footer-friendlink a:not(:last-child):after{position: absolute;content: '';right: 0;top: 15px;background: #1e4d66;height: 13px;width: 1px}
.Footer-beian p{font-size: 12px;color: #90b3c6;}

/* 右侧栏目 */
.Sidebar-wrapper{position: fixed;right: 0;top: 50%;margin-top: 88px;height: 310px;width: 60px;z-index: 9999;}
.Sidebar-wrapper li{height: 50px;position: absolute;left: 0;}
.Sidebar-wrapper li a{display: block;font-family: "Microsoft Yahei";color: #fff;font-size: 14px;height: 50px;line-height: 50px;overflow: hidden;background-color: #0f78c4;border-radius: 5px;transition: all .4s ease;}
.Sidebar-wrapper ul li a img {display: block;float: left;width: 24px;height: 24px;margin: 12px 20px 14px 16px;object-fit: contain;}
.Sidebar-wrapper li a:hover{background-color: #fe8411;}
.Sidebar-wrapper li.backtop{top: 0;width: 60px;}
.Sidebar-wrapper li.reltent{top: 51px;width: 156px;transition: all .4s ease;}
.Sidebar-wrapper li.reltent:hover {left: -70px;}
.Sidebar-wrapper li.relin{top: 102px;width: 156px;transition: all .4s ease;}
.Sidebar-wrapper li.relin a h2{width: 24px;height: 24px;margin: 12px 20px 14px 16px;font-size: 26px;color: #ffffff;font-family: Arial;font-weight: bold;}
.Sidebar-wrapper li.relin:hover {left: -88px;}
.Sidebar-wrapper li.reltel{top: 153px;width: 206px;transition: all .4s ease;}
.Sidebar-wrapper li.reltel:hover{left: -120px;}
.Sidebar-wrapper li.releml{top:204px;width:280px;transition: all .4s ease;}
.Sidebar-wrapper li.releml:hover{left: -210px;}
.Sidebar-wrapper li.relwe{top:255px; width: 60px;}
.Sidebar-ewm {display: none;position: absolute;top: -124px;left: -144px;background: url(/template/default/images/common/side-arr.png) no-repeat bottom right; width: 140px;height: 149px;padding-bottom: 9px;}
.Sidebar-ewm img {display: block;background-color: #FFF;width: 140px;height: 140px;}
.Sidebar-wrapper li.relwe:hover .Sidebar-ewm {display: block;}
/* 中心+共用部分 */
.Container-wrapper{width: 100%;margin-top: 84px;}
.contain{width: 1300px;margin: 0 auto;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .contain{width: 1080px;}
    .Footer-contact {width: 20%;}
}

@media all and (max-width:1439px) {
    /* 1360 */
	.Footer-friendlink a{margin-left: 10px;padding-right: 10px;}
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .contain{width: 880px;}
    .Footer-navbar ul li {margin-left: 28px;}
    .Footer-contact {width: 22%;}
    .Header-navmenu{padding: 0 25px}
}

@media all and (max-width:1151px) {
    /* 1024 */

    .Header-search-click{width: 52px;}
    .Header-navmenu{padding: 0 14px}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板装备 720 适配 */
    .Container-wrapper {margin-top: 60px;}
    .contain{width: 92%;}
    .Header-logo a{height: 60px;}
    .Header-logo a img{width: 128px}
    .Header-lang{height: 60px;margin-left: 34%;}
    .Header-lang a{height: 60px;line-height: 60px;}
    .Header-search-click{height: 60px;left: 36%;}
    .Header-search {right: 30%;top: 60px;width: 468px;}
    .Header-search-items {width: 468px;}
    .Header-navbar{display: none; position: absolute;top: 60px;background-color: #edeff5;width: 100%;padding: 20px 0}
    .Header-navbar ul{flex-direction: column;align-items: flex-start;}
    .Header-navbar ul li{position: relative;width: 90%;padding:0 4%;background: #fff;border-radius: 5px;margin: 0 auto}
    .Header-navbar ul li:not(:first-child){margin-top: 10px}
    .Header-navbar ul li::after{display: none}
    .Header-navbar ul li.ontrue{background: #fff}
    .Header-navmenu{height: 40px;line-height: 40px;width: auto;padding: 0;font-size: 16px}
    .Header-navmenu::before{display: none;}
    .Header-navmenu::after{display: none;}
    .Header-navarr{display: block;width: 10px;height: 40px;background: url('/template/default/images/common/dropArr.svg') no-repeat center/24px auto;position: absolute;right: 8%;top: 0;transition: all .4s ease}
    .Header-navarr.active{transform: rotate(180deg)}
    .Header-navclick{display: flex;margin-right: 52px;}
    .Header-drop{left: 4%;position: static;padding: 0 0 0 1rem;border-left: 1px solid #e0e3ef;margin: 5px 0 10px}
    .Header-drop a{width: 100%;text-align: start;line-height: 32px;height: 32px;}
    .Footer-wrapper>.contain {flex-direction: column;}
    .Footer-navbar {width: 100%;}
    .Footer-navbar ul {flex-direction: column;}
    .Footer-navbar ul li {width: 100%;border-right: none;margin-left: 0;padding-bottom: 16px;}
    .Footer-navmenu{position: relative;width: 100%;}
    .Footer-navmenu::after{content:'';width:20px;height:20px;background:#0a4977 url(/template/default/images/common/dropArr.svg) no-repeat center/12px 12px;position:absolute;right:4%;border-radius:3px;top:5px}
    .Footer-navlink {display: none;width: 100%;}
    .Footer-navlink a{display: block;}
    .Footer-contact {width: 100%;align-items: center;margin: 20px 0;}
    .Footer-contact-cont {text-align: center;}
    .Footer-copy>.contain {flex-direction: column;justify-content:center;align-items: flex-start;}
    .Footer-friendsubmenu{display: flex;flex-wrap: wrap;}
    .Footer-friendmenu {line-height: 24px;}
    .Footer-friendlink a {line-height: 24px;}
    .Footer-beian{margin-top: 6px;}
    .Header-navbar ul li:hover{background: #fff}
    .Header-navbar ul li:hover .Header-navmenu{color: unset}
    .Footer-friendlink a:not(:last-child):after{top: 6px}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .Header-logo {margin-left: 16px;}
    .Header-logocont h2 {font-size: 20px;}
    .Header-lang a {font-size: 14px;margin-right: 6px;}
    .Header-lang {margin-left: 0%;}
    .Header-search-click {width: 42px;left: 0;}
    .Header-search {right: 5%;top: 60px;width: 328px;}
    .Header-search-items {width: 328px;}
    .Header-navclick { margin-right: 20px;}
    .Footer-navmenu {font-size: 16px;}
    .Footer-navlink {margin-top: 8px;}
    .Footer-wechat {width: 130px;height: 148px;}
    .Footer-contact-cont span {font-size: 20px;}
    .Footer-friendlink {font-size: 12px;}
    .Footer-copy {height: auto;padding: 10px 0;}
    .Sidebar-wrapper{display: none}
}

<!--耗时1751467451.1161秒-->