*{margin:0; padding:0; -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: 1300px; 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;}
ul,li{list-style: none;}

body,html{ height: 100%; }
body{-webkit-text-size-adjust: none; }
.swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 8px;background: rgba(0,0,0,0.8); transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
}
.swiper-pagination .swiper-pagination-bullet-active{ width: 8px; height: 8px; border-radius: 8px;transform: scale(1.3);background: #446199; }



.indexheader{ height: 120px;  background: rgba(255,255,255,0); 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;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
 }
.indexheader .pagewidth{ position: relative; }
.indexheader .logo{ }
.indexheader .logo img.white{position: absolute; left: 50%; margin-left: -38px; top: 35px;opacity: 1;transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
  }
.indexheader .logo img.black{position: absolute; left: 50%; margin-left: -38px; top: 35px;opacity: 0;transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
 }
.indexheader .logo img{ height: 50px; display: block; margin: 0 auto; }
.indexheader .menu_left {position: absolute;left: 0px;}
.indexheader .menu_right {position: absolute;right: 0px;}
.indexheader .menu_left ul li {float: left; padding-top: 40px;font-size: 24px; margin-right: 180px;transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
}
.indexheader .menu_right ul li {float: right;padding-top: 40px;font-size: 24px; margin-left: 180px;transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
}
.indexheader .menu_left ul li a{ color: #fff; text-decoration: none; font-weight: 600;  }
.indexheader .menu_right ul li a{ color: #fff; text-decoration: none; font-weight: 600;  }

.navbg{background: rgba(255,255,255,0.90); height: 120px; box-shadow: 0px 0px 10px rgba(0,0,0,0.08); -webkit-backdrop-filter: saturate(180%) blur(3px); backdrop-filter: saturate(180%) blur(3px);
 }
.navbg .logo img.white{opacity: 0;}
.navbg .logo img.black{opacity: 1; }
.navbg .menu_left ul li a{  color: #333; }
.navbg .menu_left ul li a:after{ background: rgba(16,113,188,0.0);}
.navbg .menu_left ul li a:hover:after{background: rgba(16,113,188,1);  }
.navbg .menu_left ul li a.active:after{ background: rgba(16,113,188,1);  }
.navbg .menu_right ul li a{  color: #333;  }
.navbg .menu_right ul li a:after{ background: rgba(16,113,188,0.0);}
.navbg .menu_right ul li a:hover:after{background: rgba(16,113,188,1);  }
.navbg .menu_right ul li a.active:after{ background: rgba(16,113,188,1);  }

.navigation{ display: none; }
.navtitle{ display: none; }
.mobiletwomenu{ display: none; }


.footer{ background: #1b1b1b;line-height:2em; padding-top: 50px; overflow: hidden;}
.footer .pagewidth{ border-bottom: #393939 solid 1px;padding-bottom: 50px;}
.footer .box{ float: left; width: 160px; }
.footer .box h1{ font-size: 16px; color: #fff; padding-bottom: 10px; position: relative; padding-bottom: 30px; }
.footer .box h1:after{ content: ""; width: 40px; height: 1px; border-radius: 2px; left: 0px; position: absolute; bottom:15px; background: #8d8d8d; display: block; }
.footer .box h1 a{ color: #fff; }
.footer .box ul li{ font-size: 14px; }
.footer .box ul li a{ color: #f5f5f5; }
.footer .contact h1 a{ color: #fff; }
.footer .contact{ float: left; }
.footer .contact h1{ font-size: 16px; color: #fff; padding-bottom: 10px; position: relative; padding-bottom: 30px; }
.footer .contact h1:after{ content: ""; width: 40px; height: 1px; border-radius: 2px; left: 0px; position: absolute; bottom:15px; background: #8d8d8d; display: block; }
.footer .contact p{ color: #f5f5f5; font-size: 14px; }
.footer .contact p a{  color: #f5f5f5; }
.footer .wechat{ float: right;text-align: center; color: #f5f5f5; font-size: 14px;  }
.footer .wechat img{ width: 90px; display: block; margin-top: 10px; }
.footer .copy { padding-top: 20px; }
.footer .copy .left{ float: left; font-size: 14px; color: #f5f5f5}
.footer .copy .right{ float: right;font-size: 14px; color: #f5f5f5 }
.footer .copy .right a{ color: #f5f5f5; }
.footer .copy .right span{ padding-left: 20px; padding-right: 20px; }
.footer .copy .right i{ margin-left: 6px; margin-right:6px; }
.footer .copy .right span.lang{padding-left:0px;padding-right:0px;}
.footer .copy .right span.lang a:first-child{ margin-right:10px;}
.footer .copy .left a{ color: #f5f5f5}





.page { text-align:center; padding: 30px; }
.page a{ height: 40px;line-height: 40px; display: inline-block; 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: #446199; 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; display: none; position: absolute;top:40px;right:0;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%;}
.dl-menuwrapper:first-child {}
.dl-menuwrapper button {border: none;width: 50px;height: 50px;text-indent: -900em;overflow: hidden;position: absolute;top:-20px;right:10px;cursor: pointer;outline: none;background:  url(../image/menu-button-bg-png.webp) no-repeat center center;background-size: 65%;cursor: pointer;}
.dl-menuwrapper button:hover ,.dl-menuwrapper button.dl-active { cursor: pointer; }
.dl-menuwrapper ul {background: rgba(255,255,255,0.90);  -webkit-backdrop-filter: saturate(180%) blur(3px); backdrop-filter: saturate(180%) blur(3px);}
.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: 0px 20px;font-size: 16px;line-height: 50px; text-decoration: none; height: 50px; font-weight: 300;color: #333;border-bottom:1px solid rgba(0,0,0,0.05);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: #999;}
.dl-menuwrapper li.dl-back:after {left: 10px;color: #999;-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 0px 0px 0px;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: '';}





/*大屏幕*/
@media screen and (max-width: 1920px) {
} 
/*中屏幕*/
@media screen and (max-width: 1440px) {
} 
/*ipad pro*/
@media screen and (max-width: 1112px) {
.pagewidth{ width: auto; margin: 0 20px;}
.indexheader .menu_left ul li { margin-right: 140px; }
.indexheader .menu_right ul li { margin-left: 140px; }
.footer .box .accordion-header-icon{ display: none; }
.footer .contact .accordion-header-icon{ display: none; }
.footer .box{ width: 130px; }
} 

/*平板 横*/
@media screen and (max-width: 1024px) {
.pagewidth{ width: auto; margin: 0 20px;}
.indexheader .menu_left ul li { margin-right: 120px; }
.indexheader .menu_right ul li { margin-left: 120px; }
.footer .box .accordion-header-icon{ display: none; }
.footer .contact .accordion-header-icon{ display: none; }
.footer .box{ width: 120px; }
} 
/*平板 竖*/
@media screen and (max-width: 768px) {
.pagewidth{ width: auto; margin: 0 0px;}
.footer .box .accordion-header-icon{ display: block; }
.footer .contact .accordion-header-icon{ display: block; }
.pagewidth{ width: auto; margin: 0 auto; }
.dl-menuwrapper{ display: block; }
.navigation{ display: block; }
.navtitle{ display: block; }

.indexheader{ height: 60px;  background: rgba(255,255,255,0); 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;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
 }
.indexheader .pagewidth{ position: relative; }
.indexheader .pagewidth .navtitle{ height: 20px; line-height:20px; border-right: 1px solid #999; font-size: 16px; color: #fff; position: absolute; top: 20px; padding-right: 20px; right:66px; font-weight:bold; opacity: 0;transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; }
.navbg .pagewidth .navtitle{ color: #666; opacity: 1}
.indexheader .logo{ float: left; position: relative; z-index: 99; }
.indexheader .logo img.white{ top: 12px;left:20px; margin-left: 0px; }
.indexheader .logo img.black{ top: 12px;left: 20px; margin-left: 0px; }
.indexheader .logo img{ height: 36px; display: block; margin: 0 auto; }
.indexheader .menu_left { display: none;}
.indexheader .menu_right { display: none;}
.indexheader .menu_right {position: absolute;right: 0px;}
.navbg{background: rgba(255,255,255,1); height: 60px; box-shadow: 0px 0px 10px rgba(0,0,0,0.08); -webkit-backdrop-filter: saturate(180%) blur(0px); backdrop-filter: saturate(180%) blur(0px);
 }
.footer{ padding-top: 30px; }
.footer .pagewidth{ margin:0 20px; padding-bottom:0px; }
.footer .box{ float: none; width: 100%; }
.footer .box h1{ padding: 0; }
.footer .contact{ float: none; width: 100%; }
.footer .contact h1{ padding-bottom: 0px; }
.footer .contact h1:after{ display: none; }
.footer .box h1:after{ display:none; } 
.footer .box{ border-bottom: #444444 solid 1px;}
.footer .wechat{ display: none; }
.footer .copy{ padding-bottom: 20px; }
.footer .copy .right{float: none;text-align: center;}
.footer .copy .left{float: none;text-align: center;}
/*折叠下导航*/
.drawer{width:100%;}
.accordion-item{}
.accordion-item-active .accordion-header{transition:.25s;}
.accordion-item-active .accordion-header-icon{color:#fff;}
.accordion-item-active .accordion-header h1{color:#fff; line-height: 44px; height: 44px;}
.accordion-header{ cursor:pointer; min-height:20px;transition:.25s; height: 44px; line-height: 44px; position: relative;}
.accordion-header h1{float:left;font-size:16px;font-weight: normal;margin:0;line-height: 44px;color:#212121;}
.accordion-content{ display:none; color:#212121; font-size:12px;line-height:2.2em; min-height: 0px; margin-bottom:15px;}
.accordion-content p{margin:0;margin-bottom: 3px;}
.accordion-content ul li{ line-height: 32px; width:33.333%; float: left;  }
.accordion-header-icon{ position: absolute;right: 0px; top: 0px; color:#8a8a8a; text-align: right; font-size: 15px;vertical-align: middle; height:44px; width: 44px;}
.accordion-header-icon.accordion-header-icon-active{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);color:#fff; text-align: left;}
.accordion-header h1 a{ color: #8a8a8a!important  }
.accordion-header-active h1 a{ color: #fff!important  }
.navbg #dl-menu-button{  background: url(../image/menu-button-bg1-png.webp) no-repeat center center; background-size: 65%;}
.swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 8px; transition-duration: 0.3s;-moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
}
.swiper-pagination .swiper-pagination-bullet-active{ width: 8px; height: 8px; border-radius: 8px;transform: scale(1.3);background: #446199; }
.hamburger-menu {z-index: 999;float: right;display: none; margin-right: 3px;}
@media only screen and (max-width: 992px) {.hamburger-menu {margin-top: 0;margin-left: 10px;display: block;}
}
.hamburger-menu .menu-indicator {display: block;position: relative;overflow: hidden;width: 60px;height: 60px;}
.hamburger-menu .hamburger-content {position: absolute;top: 28.5px;width: 24px;height: 2.5px; right: 17.5px;display: block;-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.hamburger-menu .hamburger-content:before,.hamburger-menu .hamburger-content:after {-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out;content: "";position: absolute;display: block;width: 24px;height: 100%;background: black;right: 0;}
.hamburger-menu .hamburger-content:before {top: -7px;}
.hamburger-menu .hamburger-content:after {bottom: -7px;}
.hamburger-menu.is-active .hamburger-content {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);width: 24px;z-index: 99;}
.hamburger-menu.is-active .hamburger-content:before {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);top: 0;width: 24px;}
.hamburger-menu.is-active .hamburger-content:after {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);bottom: 0;width: 24px;}
.dark-version .hamburger-content {background: white;}
.dark-version .hamburger-content:before,.dark-version .hamburger-content:after {background: white;}
@media only screen and (min-width: 993px) {.menu-button {display: none;}
#mobile-menu {display: none;}
.mainmenu {position: relative;}
.overlapblackbg {display: none;}
.menu-wrapper {position: relative;}
.mainmenu {float: right;padding: 0;text-align: center;margin-bottom: 0;margin-right: -20px;}
.mainmenu > li {float: left;position: relative;}
.mainmenu li {list-style: none;}
.navigation .mainmenu > li > a {display: block;padding: 20px;font-size: 16px; text-transform: uppercase;text-decoration: none;position: relative;color: black;vertical-align: middle;-webkit-box-shadow: 0 0 1px transparent;box-shadow: 0 0 1px transparent;white-space: nowrap;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.navigation .mainmenu > li > a span {font-size: 14px;color: #929292;margin-left: 5px;}
.navigation .mainmenu > li > a > .fa-angle-down {position: absolute;font-size: 12px;color: #c3c3c3;top: 40%;right: 5px;}
.navigation .mainmenu > li.active > a,.navigation .mainmenu > li > a:hover {color: #b1b1b1;}
.navigation .mainmenu > li.current-menu-item > a:before,.navigation .mainmenu > li.current-menu-ancestor > a:before {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.menu-click {display: none;}
/* Sub Menu CSS */.mainmenu .sub-menu {text-align: left;min-width: 240px;position: absolute;z-index: 999;margin: 0;padding: 20px 30px;background-color: black;opacity: 0;top: 100%;-webkit-transform-origin: 0% 0%;-ms-transform-origin: 0% 0%;transform-origin: 0% 0%;-webkit-transition: -webkit-transform 0.3s,opacity 0.3s;transition: transform 0.3s,opacity 0.3s;}
.mainmenu .sub-menu li {position: relative;display: block;}
.mainmenu .sub-menu li a {background-image: none;color: white;border-right: 0 none;text-align: left;display: block;line-height: 1.5em;padding: 10px 0;text-transform: none;font-size: 14px;font-weight: 500;letter-spacing: 0.025em;display: inline-block;position: relative;}
.mainmenu .sub-menu li a:after {background-color: #ddd;color: #000;content: "";height: 1px;left: 0px;position: absolute;bottom: 5px;width: 0;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.mainmenu .sub-menu li a:hover::after {width: 100%;}
.mainmenu .sub-menu li:last-child a {border-bottom: none;}
.mainmenu .sub-menu li:last-child > a {border-bottom: 0;}
.menuexpandermain {display: none;}
.mainmenu li:hover .sub-menu,.mainmenu .sub-menu li:hover .sub-menu-sub {display: block;}
.mainmenu .sub-menu .sub-menu,.mainmenu .sub-menu .sub-menu .sub-menu {left: 100%;top: -1px;z-index: 1001;}
.mainmenu .sub-menu li {position: relative;display: block;}
/*Animation*/.mainmenu li > .sub-menu,.mainmenu li > .megamenu > .sub-menu {-webkit-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform: rotateX(-90deg);transform: rotateX(-90deg);visibility: hidden;}
.mainmenu li:hover > .sub-menu,.mainmenu li:hover > .megamenu > .sub-menu {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);opacity: 1;visibility: visible;}
/* Default Color */.mainmenu li:hover > a,.mainmenu > li > a:hover,.mainmenu > li > a.active {background-color: transparent;text-decoration: none;}
.mainmenu .sub-menu > li > a:hover,.mainmenu .sub-menu .sub-menu > li > a:hover,.mainmenu .sub-menu .sub-menu .sub-menu > li > a:hover {background-color: rgba(0, 0, 0, 0.25);border-radius: 0 !important;}
.mainmenu .sub-menu .current-menu-parent > a,.mainmenu .sub-menu .current-menu-item > a {background-color: rgba(0, 0, 0, 0.25);}
.current-menu-ancestor .current-menu-ancestor > a {background-color: rgba(0, 0, 0, 0.25);}
.megamenu .sub-menu .current-menu-item > a,.megamenu .current-menu-ancestor > a,.megamenu.current-menu-ancestor .current-menu-ancestor > a {background-color: transparent;}
.megamenu .sub-menu .current-menu-parent > a,.megamenu .sub-menu .current-menu-item > a {background-color: transparent;}
.dark-version .navigation .mainmenu > li > a {color: white;}
.dark-version .navigation .mainmenu > li.active > a,.dark-version .navigation .mainmenu > li > a:hover {color: #b1b1b1;}
}
/*--------------------------------------------------------------## Navigation Responsive--------------------------------------------------------------*/@media only screen and (max-width: 992px) {.menu-button {background: transparent none repeat scroll 0 0;border-bottom: medium none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #222222;cursor: pointer;display: block;font-size: 14px;font-weight: 500;height: 42px;line-height: 40px;padding: 0;position: relative;float: right;text-transform: uppercase;z-index: 0;}
.dark-version .menu-button {color: white;}
.mainmenu > li > a {-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-box-shadow: 0 0 1px transparent;box-shadow: 0 0 1px transparent;color: #fff;display: block; text-transform: uppercase;line-height: 30px;overflow: hidden;padding: 10px 20px;position: relative;text-decoration: none;-webkit-transform: translateZ(0px);transform: translateZ(0px);vertical-align: middle;letter-spacing: 0.015em;font-size: 16px; }
.mainmenu {width: 240px;height:100%;position: fixed;left: -100%;padding: 0;top: 0;margin: 0;z-index: 1010;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;border: none;background: #1b1b1b;}
.mainmenu.menuopen {left: 0;  -webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;  }
.navigation .menu-content > li {width: 240px;display: block;float: none;border-right: none;background-color: transparent;position: relative;text-align: left;white-space: inherit;}
.mainmenu .accordion-content ul li{ width: 100%; float: none;padding-left: 10px; line-height: 32px;}
.mainmenu .accordion-content ul li a{ font-size: 14px; color: #fff}
.mainmenu .accordion-content{ padding: 0; }
.mainmenu .box{ padding-left: 20px; padding-right: 20px; }
.mainmenu .box:nth-child(2) .accordion-header .accordion-header-icon{ display:none; }
.mainmenu .box:nth-child(2){ margin-top:80px; }

ul.mainmenu {padding: 0;margin: 0;list-style: none;}
.mainmenu li {position: relative;}
.mainmenu li a .fa-angle-down {display: none;}
.menu-click {position: absolute;top: 0;right: 0;display: block;cursor: pointer;z-index: 120;}
.menu-click i {display: block;-webkit-background-size: 25px;background-size: 25px;font-size: 13px;color: rgba(255, 255, 255, 0.35);float: right;padding: 18px;-webkit-transition: -webkit-transform 0.1s ease;transition: transform 0.1s ease;}
.menu-extend {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);color:#fff;  }
ul.sub-menu {list-style: none;padding: 0;margin: 0;display: none; background: #1f1f1f}
ul.sub-menu li a {padding: 8px 32px 8px 32px;font-size: 14px;  letter-spacing: 0;border-right: solid 0px;background-color: transparent;line-height: 25px; position: relative;color: #ddd;letter-spacing: 0.015em;display: block;}
}
.hamburger-menu .hamburger-content{ background: #fff }
.hamburger-menu .hamburger-content:after{ background: #fff }
.hamburger-menu .hamburger-content:before{background: #fff}
.navbg .hamburger-menu .hamburger-content{ background: #666 }
.navbg .hamburger-menu .hamburger-content:before{ background: #666 }
.navbg .hamburger-menu .hamburger-content:after{ background: #666 }
.disable-content-menu {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  webkit-transition: all 0.3s ease-in-out 0.5s;
  -webkit-transition: all 0.3s ease-in-out 0.5s;
  transition: all 0.3s ease-in-out 0.5s;
}

.disable-content-menu.is-active {
  visibility: visible;
  opacity: 0.7;
  webkit-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.mainmenu .logo{ position: absolute; left: 20px; top: 12px; opacity: 0.5; }
.mainmenu .link{ position: absolute; left: 20px; bottom: 20px; opacity:1; color: #8a8a8a; font-size: 14px; }
.mainmenu .link a{ color: #8a8a8a; float: left; display: block; border-radius: 40px; height: 40px; width: 40px; font-size: 18px; margin-right: 10px; line-height: 40px; text-align: center; border:#8a8a8a solid 1px;  }
.mainmenu .link span{ float: left; line-height: 42px; }
.mainmenu .link a:hover{ color: #fff; border-color:#fff; }

.mainmenu .lang{ position: absolute; left: 20px; bottom: 80px; opacity:1; color: #8a8a8a; font-size: 14px; }
.mainmenu .lang a{ color: #8a8a8a;   margin-right: 10px; }
.mainmenu .lang span{  margin-right: 10px; font-size: 10px;}
}
/*iphone8 plus*/
@media screen and (max-width: 414px) {
.page a{display:none;}
.page a:first-child {display: inline-block; }
.page a:last-child {display: inline-block; }
.footer .copy .right span{ padding-left: 10px; padding-right: 10px; }
.footer .copy .right i{ margin-left: 3px; margin-right:3px; }
.footer .copy .right span.lang{padding-left:0px;padding-right:0px;}
.footer .copy .right span.lang a:first-child{ margin-right:6px;}

}
/*iphone8*/
@media screen and (max-width: 375px) {}
/*iphone se*/
@media screen and (max-width: 320px) {}