*{margin:0; padding:0; list-style: none;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body {font-family:"微软雅黑",helvetica,"黑体",arial,verdana,sans-serif;line-height: 1.6;min-height:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;color:#333;}
/* 清理浮动 */
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}
.pagewidth{ width: 1380px; margin: 0 auto;}
a{ text-decoration: none; cursor: pointer!important;}
a:hover{ text-decoration: underline; cursor: pointer!important;}
img{ border:none;}
button,textarea{-webkit-appearance: none;border-radius: 0;outline: none;}

* {
    outline: none !important;
}
body,html{ height: 100%; }

.bggray{ background: #f7f7f7 }

@font-face {
  font-family: "geometos";
  src: url("../font/geometos.woff2") format("woff2"),
       url("../font/geometos.woff") format("woff"),
       url("../font/geometos.ttf") format("truetype"),
       url("../font/geometos.eot") format("embedded-opentype"),
       url("../font/geometos.svg") format("svg");
       font-weight: normal;
  font-style: normal;
}

.menu-container{ display: none}

.top-top{ background: #34629d; color: #fff; font-size: 14px; height: 44px; width: 44px; border-radius: 3px; display: block; }

.header{ height: 70px;  background: rgba(255,255,255,0);padding-top: 15px; padding-bottom: 15px; position: fixed;left: 0px; right: 0px; top: 0px; z-index: 999;box-shadow: 0px 0px 10px rgba(0,0,0,0);transition-duration: 0.3s;}
.header .logo{ float: left; position: relative;  margin-top: 15px; width: 240px;}
.header .logo img.white{position: absolute; left: 0; top: 0px;opacity: 1;transition-duration: 0.3s;}
.header .logo img.black{position: absolute; left: 0; top: 0px;opacity: 0;transition-duration: 0.3s;}
.header .logo img{ height: 40px; display: block; margin: 0 auto; }
.header .menu { float: left; padding-left: 20px;}
.header .menu ul li {float: left; line-height: 70px; font-size: 14px; padding-right: 12px; padding-left: 12px; transition-duration: 0.3s;}
.header .menu ul li a{ color: rgba(255,255,255,0.8); text-decoration: none; font-weight: 600; transition-duration: 0.3s; }
.header .menu ul li a:hover{ color: rgba(255,255,255,1);}
.header .menu ul li a.active{ color: #fff; }
.header .tel{ float: right; line-height: 70px; font-size: 14px; color: #fff; font-weight: 600; background: url(../images/tel.png) no-repeat center left; background-size: 16px 16px; padding-left: 20px;}
.header .login{ margin-left: 20px;float: right;position: relative;line-height: 70px; font-size: 14px; color: #fff; font-weight: 600; background: url(../images/login.png) no-repeat center left; background-size: 16px 16px;padding-left: 20px; }
.header .login .login_content{ position: absolute; display:block; background: rgba(0,0,0,0.2); border-radius: 3px; width: 160px; top: 60px; right: 0px; padding: 5px 10px;transition-duration: 0.3s; }
.header .login .login_content:after{ content: ""; position: absolute; right: 30px; top: -6px; border: 6px solid transparent; border-top-width: 0; border-bottom-color:rgba(0,0,0,0.2); }
.header .login .login_content .li .lia{ height: 44px; line-height: 44px; display: block; color: #449ee2; font-weight: 600; background: url(../images/liaicon.png) no-repeat 12px center; background-size: 32px 32px; padding-left: 50px; border-bottom: rgba(255,255,255,0.1) solid 1px; }
.header .login .login_content .li .lib{ height: 44px; line-height: 44px; display: block; color: #56beae; font-weight: 600; background: url(../images/libicon.png) no-repeat 12px center; background-size: 32px 32px; padding-left: 50px; }


.subheader{ height: 70px;  background: rgba(255,255,255,1);padding-top: 0px; padding-bottom:0px; position: fixed;left: 0px; right: 0px; top: 0px; z-index: 999;box-shadow: 0px 0px 10px rgba(0,0,0,0.08);transition-duration: 0.3s;}
.subheader .logo{ float: left; position: relative;  margin-top: 15px; width: 240px;}
.subheader .logo img.white{position: absolute; left: 0; top: 0px;opacity:0;transition-duration: 0.3s;}
.subheader .logo img.black{position: absolute; left: 0; top: 0px;opacity: 1;transition-duration: 0.3s;}
.subheader .logo img{ height: 40px; display: block; margin: 0 auto; }
.subheader .menu { float: left; padding-left: 20px;}
.subheader .menu ul li {float: left; line-height: 70px; font-size: 14px; padding-right: 12px; padding-left: 12px; transition-duration: 0.3s;}
.subheader .menu ul li a{  color: rgba(0,0,0,0.7); text-decoration: none; font-weight: 600; transition-duration: 0.3s; }
.subheader .menu ul li a:hover{ color: #013b84; background: #f5f5f5}
.subheader .menu ul li a.active{ color: #013b84; }
.subheader .tel{ float: right; line-height: 70px; font-size: 14px; color: #333; font-weight: 600; background: url(../images/telblack.png) no-repeat center left; background-size: 16px 16px; padding-left: 20px;}



.navbg{background: rgba(255,255,255,1); height: 70px; box-shadow: 0px 0px 10px rgba(0,0,0,0.08);padding-top: 0px; padding-bottom: 0px; }
.navbg .logo img.white{opacity: 0;  top: 0px;transition-duration: 0.3s;}
.navbg .logo img.black{opacity: 1;  top: 0px;transition-duration: 0.3s;}
.navbg .menu ul li a{  color: rgba(0,0,0,0.7); }
.navbg .menu ul li:hover {background: #f5f5f5;}
.navbg .menu ul li:hover a {color: #013b84;}
.navbg .menu ul li a.active{ color: #013b84; }
.navbg .tel{  color: #333; background: url(../images/telblack.png) no-repeat center left; background-size: 16px 16px;}
.navbg .login{  color: #333;  background: url(../images/loginblack.png) no-repeat center left; background-size: 16px 16px;  }
.navbg .login .login_content{ background: rgba(255,255,255,0.95);  top: 80px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1) }
.navbg .login .login_content:after{ content: ""; position: absolute; right: 30px; top: -6px; border: 6px solid transparent; border-top-width: 0; border-bottom-color:rgba(255,255,255,0.95); }
.navbg .login .login_content .li .lia{ border-bottom: rgba(0,0,0,0.05) solid 1px; }


.footer{ background: #191919; }
.footer .contact{ padding-top: 30px; padding-bottom: 30px; border-bottom: #262626 solid 1px; }
.footer .contact .logo{ float: left; margin-right: 100px; margin-top: 25px; }
.footer .contact .logo img{ display: block; width: 100px; }
.footer .contact .tel400{ float: left; background: url(../images/footertel.png) no-repeat center left; background-size: 38px 38px; padding-left: 50px; margin-right: 100px; margin-top: 35px; }
.footer .contact .tel400 p{ font-size: 14px; color: #a0a0a0; line-height: 100%; padding-bottom: 10px; }
.footer .contact .tel400 h3{ font-size: 24px; color: #fff; line-height: 100%;font-family: 'geometos'; }
.footer .contact .phonefax{ float: left; font-size: 14px; line-height: 2em; color: #a0a0a0; margin-right: 100px; margin-top: 32px;  }
.footer .contact .emailadd{ float: left; font-size: 14px; line-height: 2em; color: #a0a0a0; margin-top: 32px;  }
.footer .contact .wechat{ float: right; }
.footer .contact .wechat img{ display: block; width: 100px; text-align: center; }
.footer .contact .wechat p{ font-size: 12px; color: #a0a0a0; text-align: center;  line-height: 100%; padding-top: 10px; }
.footer .copy{ line-height: 70px; height: 70px; color: #a0a0a0; font-size: 14px; }
.footer .copy a{  color: #a0a0a0; font-size: 14px; }
.footer .copy #goToTop{ float: right; }

.footer .link{ line-height: 50px; height: 50px; color: #a0a0a0; font-size: 14px; border-bottom: #262626 solid 1px;}
.footer .link a{ color: #a0a0a0 }
.footer .link a:hover{ color: #fff }

.page { text-align:center; padding: 30px; }
.page a{ height: 40px;line-height: 40px; display: inline-block; display: none; padding-left: 18px; border-radius: 2px; padding-right: 18px; background: #fff; border:#ececec solid 1px; color: #666; font-size: 14px; display: inline-block; }
.page a:hover{height: 40px; line-height: 40px; padding-left: 18px; padding-right: 18px; background: #f5f5f5; color: #555; font-size: 14px; display: inline-block; }
.page a.active{ background: #013b84; color: #fff;}



.search_header{background: #fff; height: 34px; padding: 10px 20px; border-bottom: #ececec solid 1px; }
.search_header .ipt{ float: left; width: 300px; height: 34px; border:#dadada solid 1px; background: #fff;font-size: 15px; color: #333; padding-left: 10px; padding-right: 10px;}
.search_header .ss_btn{ float: left; border:none; color: #fff; height: 36px; text-align: center; font-size: 15px; cursor: pointer; line-height: 34px; width: 72px; background: #3a2b9f;}
.search_header span{ float: right; line-height: 34px; font-size: 14px; color: #dadada;}
.search_header .logo{ height: 34px; float: left; margin-right: 20px;}
.search_header .logo img{ height: 34px;}
.search_header .search_box{ float: left}
.search_category{ background: #f5f5f5; height: 36px; line-height: 36px; color: #666; font-size: 14px; padding-left: 20px; display: none;}
.search_category ul li { float: left; margin-right: 10px;}
.search_category ul li a{ color: #666; display: block; padding-left: 10px; padding-right: 10px;}
.search_category ul li a.active{ color: #3a2b9f; font-weight: bold; position: relative;}
.search_category ul li a.active:after{ content: ""; position: absolute; left:0px; right: 0px; bottom: 0px; height: 1px; background: #3a2b9f;}
.search_data{ font-size: 12px; color: #999; padding-left: 20px; padding-top: 10px; padding-bottom: 10px;}
.search_content{ padding-left: 20px; padding-bottom: 50px;}
.search_content ul li{ margin-bottom: 20px;}
.search_content ul li h5{ margin-bottom: 5px;}
.search_content ul li h5 a{ color: #000; font-size: 16px;}
.search_content ul li h5 a strong{ color: #ce0000; }
.search_content ul li .info { width: 700px; padding-top: 10px;}
.search_content ul li .info .img{ float: left; margin-right: 10px; }
.search_content ul li .info .img img{  width: 80px;  }
.search_content ul li .info .description{ float: left; font-size: 14px; color: #333; width: 570px;}
.search_content ul li .info .description strong{ color: #ce0000; font-weight: normal;}
.search_content ul li .time{ font-size: 12px; color: #999;}
.search_content .nodata{ font-size: 16px; color:#333; padding-top: 20px; padding-bottom: 240px;}
.search_content .nodata span{ color: #ce0000;}
.search_copy{ background: #f5f5f5; color: #999; font-size: 14px; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; position:fixed; left: 0px; right: 0px; bottom: 0px;}


.dl-menuwrapper {width: 100%;float: right; width: 80%; position: absolute;top:10px;right:10px;padding-top: 45px;z-index: 99999;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;-moz-perspective-origin: 50% 200%;perspective-origin: 50% 200%; display: none;}
.dl-menuwrapper:first-child {}
.dl-menuwrapper button {border: none;width: 80px;height: 50px;text-indent: -900em;overflow: hidden;position: absolute;top:0;right:0;cursor: pointer;outline: none;background:  url(../images/menu-button-bg.png) no-repeat center center;background-size: auto 26px;cursor: pointer;}
.navbg .dl-menuwrapper button {background:  url(../images/menu-button-bg2.png) no-repeat center center;background-size:auto 26px;cursor: pointer;}

.dl-menuwrapper button:hover ,.dl-menuwrapper button.dl-active { cursor: pointer; }
.dl-menuwrapper ul {background: #013b84; overflow: hidden;}
.dl-menuwrapper ul {padding: 0;list-style: none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.dl-menuwrapper li {position: relative;}
.dl-menuwrapper li a {display: block;position: relative;padding: 15px 20px;font-size: 16px;line-height: 20px;font-weight: 300;color: #fff;border-bottom:1px solid rgba(255,255,255,0.1);outline: none;}
.no-touch .dl-menuwrapper li a:hover {background: rgba(255,248,213,0.1);}
.dl-menuwrapper li.dl-back > a {padding-left: 30px;background: rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after,.dl-menuwrapper li > a:not(:only-child):after {position: absolute;top: 0;line-height: 50px;font-family: 'FontAwesome';speak: none;-webkit-font-smoothing: antialiased;content: "\f105"; color: #fff;}
.dl-menuwrapper li.dl-back:after {left: 10px;color: rgba(255,255,255,0.8);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.dl-menuwrapper li > a:after {right: 10px;color: rgba(255,255,255,0.8);}
.dl-menuwrapper .dl-menu {margin: 5px 0 0 0;position: absolute;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
.dl-menuwrapper li .dl-submenu {display: none;}
.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subviewopen > a,.dl-menu.dl-subview li.dl-subview > a {display: none;}
.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display: block;}
.dl-menuwrapper > .dl-submenu {position: absolute;width: 100%;top: 50px;left: 0;margin: 0;}
.dl-menu.dl-animate-out-1 {-webkit-animation: MenuAnimOut1 0.4s;-moz-animation: MenuAnimOut1 0.4s;animation: MenuAnimOut1 0.4s;}
.dl-menu.dl-animate-out-2 {-webkit-animation: MenuAnimOut2 0.3s ease-in-out;-moz-animation: MenuAnimOut2 0.3s ease-in-out;animation: MenuAnimOut2 0.3s ease-in-out;}
.dl-menu.dl-animate-out-3 {-webkit-animation: MenuAnimOut3 0.4s ease;-moz-animation: MenuAnimOut3 0.4s ease;animation: MenuAnimOut3 0.4s ease;}
.dl-menu.dl-animate-out-4 {-webkit-animation: MenuAnimOut4 0.4s ease;-moz-animation: MenuAnimOut4 0.4s ease;animation: MenuAnimOut4 0.4s ease;}
.dl-menu.dl-animate-out-5 {-webkit-animation: MenuAnimOut5 0.4s ease;-moz-animation: MenuAnimOut5 0.4s ease;animation: MenuAnimOut5 0.4s ease;}
@-webkit-keyframes MenuAnimOut1 {50% {-webkit-transform: translateZ(-250px) rotateY(30deg);}
75% {-webkit-transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}
100% {-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}}
@-webkit-keyframes MenuAnimOut2 {100% {-webkit-transform: translateX(-100%);opacity: 0;}}
@-webkit-keyframes MenuAnimOut3 {100% {-webkit-transform: translateZ(300px);opacity: 0;}}
@-webkit-keyframes MenuAnimOut4 {100% {-webkit-transform: translateZ(-300px);opacity: 0;}}
@-webkit-keyframes MenuAnimOut5 {100% {-webkit-transform: translateY(40%);opacity: 0;}}
@-moz-keyframes MenuAnimOut1 {50% {-moz-transform: translateZ(-250px) rotateY(30deg);}
75% {-moz-transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}
100% {-moz-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}}
@-moz-keyframes MenuAnimOut2 {100% {-moz-transform: translateX(-100%);opacity: 0;}}
@-moz-keyframes MenuAnimOut3 {100% {-moz-transform: translateZ(300px);opacity: 0;}}
@-moz-keyframes MenuAnimOut4 {100% {-moz-transform: translateZ(-300px);opacity: 0;}}
@-moz-keyframes MenuAnimOut5 {100% {-moz-transform: translateY(40%);opacity: 0;}}
@keyframes MenuAnimOut1 {50% {transform: translateZ(-250px) rotateY(30deg);}
75% {transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}
100% {transform: translateZ(-500px) rotateY(0deg);opacity: 0;}}
@keyframes MenuAnimOut2 {100% {transform: translateX(-100%);opacity: 0;}}
@keyframes MenuAnimOut3 {100% {transform: translateZ(300px);opacity: 0;}}
@keyframes MenuAnimOut4 {100% {transform: translateZ(-300px);opacity: 0;}}
@keyframes MenuAnimOut5 {100% {transform: translateY(40%);opacity: 0;}}
.dl-menu.dl-animate-in-1 {-webkit-animation: MenuAnimIn1 0.3s;-moz-animation: MenuAnimIn1 0.3s;animation: MenuAnimIn1 0.3s;}
.dl-menu.dl-animate-in-2 {-webkit-animation: MenuAnimIn2 0.3s ease-in-out;-moz-animation: MenuAnimIn2 0.3s ease-in-out;animation: MenuAnimIn2 0.3s ease-in-out;}
.dl-menu.dl-animate-in-3 {-webkit-animation: MenuAnimIn3 0.4s ease;-moz-animation: MenuAnimIn3 0.4s ease;animation: MenuAnimIn3 0.4s ease;}
.dl-menu.dl-animate-in-4 {-webkit-animation: MenuAnimIn4 0.4s ease;-moz-animation: MenuAnimIn4 0.4s ease;animation: MenuAnimIn4 0.4s ease;}
.dl-menu.dl-animate-in-5 {-webkit-animation: MenuAnimIn5 0.4s ease;-moz-animation: MenuAnimIn5 0.4s ease;animation: MenuAnimIn5 0.4s ease;}
@-webkit-keyframes MenuAnimIn1 {0% {-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
20% {-webkit-transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}
100% {-webkit-transform: translateZ(0px) rotateY(0deg);opacity: 1;}}
@-webkit-keyframes MenuAnimIn2 {0% {-webkit-transform: translateX(-100%);opacity: 0;}
100% {-webkit-transform: translateX(0px);opacity: 1;}}
@-webkit-keyframes MenuAnimIn3 {0% {-webkit-transform: translateZ(300px);opacity: 0;}
100% {-webkit-transform: translateZ(0px);opacity: 1;}
}
@-webkit-keyframes MenuAnimIn4 {0% {-webkit-transform: translateZ(-300px);opacity: 0;}
100% {-webkit-transform: translateZ(0px);opacity: 1;}}
@-webkit-keyframes MenuAnimIn5 {0% {-webkit-transform: translateY(40%);opacity: 0;}
100% {-webkit-transform: translateY(0);opacity: 1;}}
@-moz-keyframes MenuAnimIn1 {0% {-moz-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
20% {-moz-transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}
100% {-moz-transform: translateZ(0px) rotateY(0deg);opacity: 1;}}
@-moz-keyframes MenuAnimIn2 {0% {-moz-transform: translateX(-100%);opacity: 0;}
100% {-moz-transform: translateX(0px);opacity: 1;}}
@-moz-keyframes MenuAnimIn3 {0% {-moz-transform: translateZ(300px);opacity: 0;}
100% {-moz-transform: translateZ(0px);opacity: 1;}}
@-moz-keyframes MenuAnimIn4 {0% {-moz-transform: translateZ(-300px);opacity: 0;}
100% {-moz-transform: translateZ(0px);opacity: 1;}}
@-moz-keyframes MenuAnimIn5 {0% {-moz-transform: translateY(40%);opacity: 0;}
100% {-moz-transform: translateY(0);opacity: 1;}}
@keyframes MenuAnimIn1 {0% {transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
20% {transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}
100% {transform: translateZ(0px) rotateY(0deg);opacity: 1;}}
@keyframes MenuAnimIn2 {0% {transform: translateX(-100%);opacity: 0;}
100% {transform: translateX(0px);opacity: 1;}}
@keyframes MenuAnimIn3 {0% {transform: translateZ(300px);opacity: 0;}
100% {transform: translateZ(0px);opacity: 1;}}
@keyframes MenuAnimIn4 {0% {transform: translateZ(-300px);opacity: 0;}
100% {transform: translateZ(0px);opacity: 1;}}
@keyframes MenuAnimIn5 {0% {transform: translateY(40%);opacity: 0;}
100% {transform: translateY(0);opacity: 1;}}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {-webkit-animation: SubMenuAnimIn1 0.4s ease;-moz-animation: SubMenuAnimIn1 0.4s ease;animation: SubMenuAnimIn1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;animation: SubMenuAnimIn2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {-webkit-animation: SubMenuAnimIn3 0.4s ease;-moz-animation: SubMenuAnimIn3 0.4s ease;animation: SubMenuAnimIn3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {-webkit-animation: SubMenuAnimIn4 0.4s ease;-moz-animation: SubMenuAnimIn4 0.4s ease;animation: SubMenuAnimIn4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {-webkit-animation: SubMenuAnimIn5 0.4s ease;-moz-animation: SubMenuAnimIn5 0.4s ease;animation: SubMenuAnimIn5 0.4s ease;}
@-webkit-keyframes SubMenuAnimIn1 {0% {-webkit-transform: translateX(50%);opacity: 0;}
100% {-webkit-transform: translateX(0px);opacity: 1;}}
@-webkit-keyframes SubMenuAnimIn2 {0% {-webkit-transform: translateX(100%);opacity: 0;}
100% {-webkit-transform: translateX(0px);opacity: 1;}}
@-webkit-keyframes SubMenuAnimIn3 {0% {-webkit-transform: translateZ(-300px);opacity: 0;}
100% {-webkit-transform: translateZ(0px);opacity: 1;}}
@-webkit-keyframes SubMenuAnimIn4 {0% {-webkit-transform: translateZ(300px);opacity: 0;}
100% {-webkit-transform: translateZ(0px);opacity: 1;}}
@-webkit-keyframes SubMenuAnimIn5 {0% {-webkit-transform: translateZ(-200px);opacity: 0;}
100% {-webkit-transform: translateZ(0);opacity: 1;}}
@-moz-keyframes SubMenuAnimIn1 {0% {-moz-transform: translateX(50%);opacity: 0;}
100% {-moz-transform: translateX(0px);opacity: 1;}}
@-moz-keyframes SubMenuAnimIn2 {0% {-moz-transform: translateX(100%);opacity: 0;}
100% {-moz-transform: translateX(0px);opacity: 1;}}
@-moz-keyframes SubMenuAnimIn3 {0% {-moz-transform: translateZ(-300px);opacity: 0;}
100% {-moz-transform: translateZ(0px);opacity: 1;}}
@-moz-keyframes SubMenuAnimIn4 {0% {-moz-transform: translateZ(300px);opacity: 0;}
100% {-moz-transform: translateZ(0px);opacity: 1;}}
@-moz-keyframes SubMenuAnimIn5 {0% {-moz-transform: translateZ(-200px);opacity: 0;}
100% {-moz-transform: translateZ(0);opacity: 1;}}
@keyframes SubMenuAnimIn1 {0% {transform: translateX(50%);opacity: 0;}
100% {transform: translateX(0px);opacity: 1;}}
@keyframes SubMenuAnimIn2 {0% {transform: translateX(100%);opacity: 0;}
100% {transform: translateX(0px);opacity: 1;}}
@keyframes SubMenuAnimIn3 {0% {transform: translateZ(-300px);opacity: 0;}
100% {transform: translateZ(0px);opacity: 1;}}
@keyframes SubMenuAnimIn4 {0% {transform: translateZ(300px);opacity: 0;}
100% {transform: translateZ(0px);opacity: 1;}}
@keyframes SubMenuAnimIn5 {0% {transform: translateZ(-200px);opacity: 0;}
100% {transform: translateZ(0);opacity: 1;}}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {-webkit-animation: SubMenuAnimOut1 0.4s ease;-moz-animation: SubMenuAnimOut1 0.4s ease;animation: SubMenuAnimOut1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;animation: SubMenuAnimOut2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {-webkit-animation: SubMenuAnimOut3 0.4s ease;-moz-animation: SubMenuAnimOut3 0.4s ease;animation: SubMenuAnimOut3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {-webkit-animation: SubMenuAnimOut4 0.4s ease;-moz-animation: SubMenuAnimOut4 0.4s ease;animation: SubMenuAnimOut4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {-webkit-animation: SubMenuAnimOut5 0.4s ease;-moz-animation: SubMenuAnimOut5 0.4s ease;animation: SubMenuAnimOut5 0.4s ease;}
@-webkit-keyframes SubMenuAnimOut1 {0% {-webkit-transform: translateX(0%);opacity: 1;}
100% {-webkit-transform: translateX(50%);opacity: 0;}}
@-webkit-keyframes SubMenuAnimOut2 {0% {-webkit-transform: translateX(0%);opacity: 1;}
100% {-webkit-transform: translateX(100%);opacity: 0;}}
@-webkit-keyframes SubMenuAnimOut3 {0% {-webkit-transform: translateZ(0px);opacity: 1;}
100% {-webkit-transform: translateZ(-300px);opacity: 0;}}
@-webkit-keyframes SubMenuAnimOut4 {0% {-webkit-transform: translateZ(0px);opacity: 1;}
100% {-webkit-transform: translateZ(300px);opacity: 0;}}
@-webkit-keyframes SubMenuAnimOut5 {0% {-webkit-transform: translateZ(0);opacity: 1;}
100% {-webkit-transform: translateZ(-200px);opacity: 0;}}
@-moz-keyframes SubMenuAnimOut1 {0% {-moz-transform: translateX(0%);opacity: 1;}
100% {-moz-transform: translateX(50%);opacity: 0;}}
@-moz-keyframes SubMenuAnimOut2 {0% {-moz-transform: translateX(0%);opacity: 1;}
100% {-moz-transform: translateX(100%);opacity: 0;}}
@-moz-keyframes SubMenuAnimOut3 {0% {-moz-transform: translateZ(0px);opacity: 1;}
100% {-moz-transform: translateZ(-300px);opacity: 0;}}
@-moz-keyframes SubMenuAnimOut4 {0% {-moz-transform: translateZ(0px);opacity: 1;}
100% {-moz-transform: translateZ(300px);opacity: 0;}}
@-moz-keyframes SubMenuAnimOut5 {0% {-moz-transform: translateZ(0);opacity: 1;}
100% {-moz-transform: translateZ(-200px);opacity: 0;}}
@keyframes SubMenuAnimOut1 {0% {transform: translateX(0%);opacity: 1;}
100% {transform: translateX(50%);opacity: 0;}}
@keyframes SubMenuAnimOut2 {0% {transform: translateX(0%);opacity: 1;}
100% {transform: translateX(100%);opacity: 0;}}
@keyframes SubMenuAnimOut3 {0% {transform: translateZ(0px);opacity: 1;}
100% {transform: translateZ(-300px);opacity: 0;}}
@keyframes SubMenuAnimOut4 {0% {transform: translateZ(0px);opacity: 1;}
100% {transform: translateZ(300px);opacity: 0;}}
@keyframes SubMenuAnimOut5 {0% {transform: translateZ(0);opacity: 1;}
100% {transform: translateZ(-200px);opacity: 0;}}
.no-js .dl-menuwrapper .dl-menu {position: relative;opacity: 1;-webkit-transform: none;-moz-transform: none;transform: none;}
.no-js .dl-menuwrapper li .dl-submenu {display: block;}
.no-js .dl-menuwrapper li.dl-back {display: none;}
.no-js .dl-menuwrapper li > a:not(:only-child) {background: rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after {content: '';}



.to-top{ display: block; right: 20px; bottom: 90px; width: 44px; height: 44px; background: #013b84; color: #fff; font-size: 14px; border-radius: 3px; z-index: 99999999!important; text-align: center;text-decoration:none!important; }
.to-top i{  display: block; font-size: 18px;text-decoration:none!important; z-index: 99999999!important}




/*大屏幕*/
@media screen and (max-width: 1920px) {

} 
/*中屏幕*/
@media screen and (max-width: 1440px) {
} 
/*平板*/
@media screen and (max-width: 768px) {
.pagewidth{ width: auto; margin: 0 10px;}
.dl-menuwrapper { display:block; }
.header{ height: 30px;  background: rgba(255,255,255,0);padding-top: 10px; padding-bottom: 10px; position: fixed;left: 0px; right: 0px; top: 0px; z-index: 999;box-shadow: 0px 0px 10px rgba(0,0,0,0);transition-duration: 0.3s;}
.header .logo{ float: left; position: relative;  margin-top: 0px; width: auto;}
.header .logo img.white{position: absolute; left: 0; top: 0px;opacity: 1;transition-duration: 0.3s;}
.header .logo img.black{position: absolute; left: 0; top: 0px;opacity: 0;transition-duration: 0.3s;}
.header .logo img{ height: 30px; display: block; margin: 0 auto; }
.header .menu { display: none;}
.header .tel{ display: none; float: right; line-height: 70px; font-size: 14px; color: #fff; font-weight: 600; background: url(../images/tel.png) no-repeat center left; background-size: 16px 16px; padding-left: 20px;}
.header .login{ display: none; margin-left: 20px;float: right;position: relative;line-height: 70px; font-size: 14px; color: #fff; font-weight: 600; background: url(../images/login.png) no-repeat center left; background-size: 16px 16px;padding-left: 20px; }
.header .login .login_content{ position: absolute; display:block; background: rgba(0,0,0,0.2); border-radius: 3px; width: 160px; top: 60px; right: 0px; padding: 5px 10px;transition-duration: 0.3s; }
.header .login .login_content:after{ content: ""; position: absolute; right: 30px; top: -6px; border: 6px solid transparent; border-top-width: 0; border-bottom-color:rgba(0,0,0,0.2); }
.header .login .login_content .li .lia{ height: 44px; line-height: 44px; display: block; color: #449ee2; font-weight: 600; background: url(../images/liaicon.png) no-repeat 12px center; background-size: 32px 32px; padding-left: 50px; border-bottom: rgba(255,255,255,0.1) solid 1px; }
.header .login .login_content .li .lib{ height: 44px; line-height: 44px; display: block; color: #56beae; font-weight: 600; background: url(../images/libicon.png) no-repeat 16px center; background-size: 32px 32px; padding-left: 50px; }

.navbg{background: rgba(255,255,255,1); height: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.08);padding-top: 10px; padding-bottom: 10px; }
.navbg .logo img.white{opacity: 0;  top: 0px;transition-duration: 0.3s;}
.navbg .logo img.black{opacity: 1;  top: 0px;transition-duration: 0.3s;}
.navbg .menu ul li a{  color: rgba(0,0,0,0.7); }
.navbg .menu ul li:hover {background: #f5f5f5;}
.navbg .menu ul li:hover a {color: #013b84;}
.navbg .menu ul li a.active{ color: #013b84; }
.navbg .tel{  color: #333; background: url(../images/telblack.png) no-repeat center left; background-size: 16px 16px;}
.navbg .login{  color: #333;  background: url(../images/loginblack.png) no-repeat center left; background-size: 16px 16px;  }
.navbg .login .login_content{ background: rgba(255,255,255,0.95);  top: 80px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1) }
.navbg .login .login_content:after{ content: ""; position: absolute; right: 30px; top: -6px; border: 6px solid transparent; border-top-width: 0; border-bottom-color:rgba(255,255,255,0.95); }
.navbg .login .login_content .li .lia{ border-bottom: rgba(0,0,0,0.05) solid 1px; }

.page a{ height: 44px;line-height: 44px; display: inline-block; display: none; padding-left: 28px; border-radius: 2px; padding-right: 28px; background: #fff; border:#ececec solid 1px; color: #666; font-size: 14px; display: inline-block; }
.page a{ display:none; }
.page a:hover{height: 44px; line-height: 44px; padding-left: 28px; padding-right: 28px; background: #f5f5f5; color: #555; font-size: 14px; display: inline-block; }

.page a:first-child { display: inline-block; }
.page a:last-child{ display: inline-block; }

.subheader .menu {display:none;}
.subheader .tel {display:none;}
.footer{ background: #191919; }
.footer .contact{ padding-top: 30px; padding-bottom: 30px; border-bottom: #262626 solid 1px; }
.footer .contact .logo{ float: none; margin-right: 0; margin-top: 25px; }
.footer .contact .logo img{ display: block; width: 100px; }
.footer .contact .tel400{ float: none; background: url(../images/footertel.png) no-repeat center left; background-size: 38px 38px; padding-left: 50px; margin-right: 100px; margin-top: 35px; }
.footer .contact .tel400 p{ font-size: 16px; color: #a0a0a0; line-height: 100%; padding-bottom: 10px; }
.footer .contact .tel400 h3{ font-size: 24px; color: #fff; line-height: 100%;font-family: 'geometos'; }
.footer .contact .phonefax{ float: none; font-size: 16px; line-height: 2em; color: #a0a0a0; margin-right: 0; margin-top: 2px;  }
.footer .contact .emailadd{ float: none; font-size: 16px; line-height: 2em; color: #a0a0a0; margin-top: 2px;  }
.footer .contact .wechat{ float: none; }
.footer .contact .wechat img{ display: block; width: 100px; text-align: center; margin: 0 auto; }
.footer .contact .wechat p{ font-size: 12px; color: #a0a0a0; text-align: center;  line-height: 100%; padding-top: 10px; }
.footer .copy{ line-height: 2em; height: auto; padding-top: 10px; padding-bottom: 10px; color: #a0a0a0; font-size: 14px; }
.footer .copy #goToTop{ float: right; }

.footer .link{ line-height: 2em; height: auto; padding-top: 10px; padding-bottom: 10px; color: #a0a0a0; font-size: 14px; border-bottom: #262626 solid 1px;}
.footer .link a{ color: #a0a0a0 }
.footer .link a:hover{ color: #fff }


    /*底部导航 2025.7.9 新增*/
    .menu-container { display: block; position: fixed; bottom: 0; width: 100%; background-color: #fff; z-index: 1000;}
    .menu-container:after{ content:""; position:absolute; z-index:888; left:20px; right:20px; bottom:53px; height:16px; background:#013b84; border-radius: 4px 4px 0px 0px;}
    .menu-container .main-menu { position: relative; z-index: 999; list-style: none; padding: 0; margin: 0; display: grid;  grid-template-columns: repeat(5,1fr); align-items: center; background-color: #fff;}
    .menu-container .menu-item { position: relative; cursor: pointer; transition: background-color 0.3s ease;}
    .menu-container .menu-item i { text-decoration: none; color: #333; font-size: 18px; display: block; text-align: center;}
    .menu-container .menu-item a {outline: none !important; text-decoration: none; color: #333; font-size: 12px; padding-top: 5px; padding-bottom: 5px; display: block; text-align: center;}
    .menu-container .sub-menu { display: none; position: absolute; bottom: 100%; /* 从底部往上显示 */ left: 50%; transform: translateX(-50%); background-color: #fff; list-style: none; padding: 0; margin: 0; min-width: 150px; z-index: 1001;}
    .menu-container .sub-menu li { border-bottom: 1px solid #eee;}
    .menu-container .sub-menu li a { text-decoration: none; color: #666; font-size: 14px;  display: block; padding: 15px 15px;}
    .menu-container .sub-menu li a:hover{ background-color: #f5f5f5;}
    .menu-container .sub-menu li:hover a{color:#013b84}
    .menu-container .menu-item.active i{color:#013b84}
    .menu-container .menu-item.active p{color:#013b84}
    .menu-container .menu-item.center{ z-index: 99999}
    .menu-container .menu-item.center a{ position:relative;  }
    .menu-container .menu-item.center .icon{ border-radius: 50px; line-height: 50px; text-align: center; border: #fff solid 4px; background:#013b84;display:block; height:50px; width:50px; position:absolute; top:-25px; left:50%; transform:translateX(-50%); margin-bottom:30px; }
    .menu-container .menu-item.center p{ padding-top: 28px; text-align: center; }
    .menu-container .menu-item.center .icon i{ color: #fff; font-size:24px;  }
    /* 遮罩层样式 */
    .overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 999;
    }
.embed-toolbar{ display: none!important;}
}
/*手机*/
@media screen and (max-width: 480px) {}
/*小尺寸手机*/
@media screen and (max-width: 320px) {}