*{margin:0; padding:0; list-style: none;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;} body {font-family: "AlibabaSans-Regular","微软雅黑",helvetica,"黑体",arial,verdana,sans-serif;min-height:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:16px;color:#222;} /* 清理浮动 */ .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; transition-duration: 0.1s;} a:hover{ text-decoration: none;} .hide{display:none;} img{ border:none; display: block;} body{ padding-top: 60px; } button,textarea{-webkit-appearance: none;border-radius: 0;outline: none;} /*@font-face { font-family: "Gotham-Medium"; src: url("../font/Gotham-Medium.woff2") format("woff2"), url("../font/Gotham-Medium.woff") format("woff"), url("../font/Gotham-Medium.ttf") format("truetype"), url("../font/Gotham-Medium.eot") format("embedded-opentype"), url("../font/Gotham-Medium.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Gotham-Book"; src: url("../font/Gotham-Book.woff2") format("woff2"), url("../font/Gotham-Book.woff") format("woff"), url("../font/Gotham-Book.ttf") format("truetype"), url("../font/Gotham-Book.eot") format("embedded-opentype"), url("../font/Gotham-Book.svg") format("svg"); } @font-face { font-family: "Gotham-Bold"; src: url("../font/Gotham-Bold.woff2") format("woff2"), url("../font/Gotham-Bold.woff") format("woff"), url("../font/Gotham-Bold.ttf") format("truetype"), url("../font/Gotham-Bold.eot") format("embedded-opentype"), url("../font/Gotham-Bold.svg") format("svg"); }*/ @font-face { font-family: "AlibabaSans-Bold"; src: url("../font/AlibabaSans-Bold.woff2") format("woff2"), url("../font/AlibabaSans-Bold.woff") format("woff"), url("../font/AlibabaSans-Bold.ttf") format("truetype"), url("../font/AlibabaSans-Bold.eot") format("embedded-opentype"), url("../font/AlibabaSans-Bold.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "AlibabaSans-Regular"; src: url("../font/AlibabaSans-Regular.woff2") format("woff2"), url("../font/AlibabaSans-Regular.woff") format("woff"), url("../font/AlibabaSans-Regular.ttf") format("truetype"), url("../font/AlibabaSans-Regular.eot") format("embedded-opentype"), url("../font/AlibabaSans-Regular.svg") format("svg"); font-weight: normal; font-style: normal; } html, body { scroll-behavior:smooth; height: 100%; } .header{ height: 60px; position:fixed; left: 0px; right: 0px; top: 0px; z-index: 999;background:#fff; transition-duration: 0.3s;box-shadow: 0px 0px 5px rgba(0,0,0,0.1) } .header .logo{ float: left; padding-top: 15px; margin-right: 10px; } .header .logo img{ height: 30px; display: block;opacity: 1; } .header .stock { float: left; height: 30px; line-height: 15px; padding-top: 15px; font-size: 12px; color: #666; margin-right: 30px;} .header .menu{ float: left; } .header .menu ul li{ float: left; line-height: 60px; font-size: 14px; margin-left: 5px; margin-right: 5px; transition-duration: 0.3s; } .header .menu ul li a{ color: #333;text-decoration: none; display: block; line-height: 60px; font-weight:bold; padding-left: 10px; padding-right: 10px;transition-duration: 0.3s; } .header .menu ul li a:hover{ color: #ff1b23; font-weight: bold; text-decoration: none; } .header .menu ul li a.active{ color: #fff; background: #ff1b23; font-weight: bold; text-decoration: none; position: relative; } .header .search{ float: right; position: relative; } .header .search .input_text{ float: left;width: 140px; font-size: 14px; position: absolute; right: 0px; top: 13px; padding-left: 10px; border-radius: 32px; border:#dadada solid 1px; height: 32px; line-height: 32px; } .header .search .input_submit{ float: left; position: absolute; top: 16px; right: 6px; height: 28px; text-indent: -999em; width: 28px;border-radius: 28px; border: none; background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDI0IDEwMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO30KPC9zdHlsZT4KPGc+Cgk8Zz4KCQk8ZGVmcz4KCQkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB4PSI3MS40IiB5PSI3MiIgd2lkdGg9Ijg4MS4zIiBoZWlnaHQ9Ijg4MCIvPgoJCTwvZGVmcz4KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj4KCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4KCQk8L2NsaXBQYXRoPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05NDQuOCw5NDMuNWMtOS41LDkuNS0yMy44LDkuNS0zMy4zLDBMNzY2LjIsNzk1LjljLTczLjgsNjYuNi0xNzEuNCwxMDcuMS0yNzguNSwxMDcuMQoJCQljLTIzMC45LDAtNDE2LjYtMTg1LjctNDE2LjYtNDE2LjVTMjU2LjksNzIuMyw0ODcuNyw3Mi4zUzkwNC4zLDI1OCw5MDQuMyw0ODguOWMwLDEwNC43LTQwLjUsMjAyLjMtMTA0LjcsMjczLjdsMTQ1LjIsMTQ1LjIKCQkJQzk1NC4zLDkxNy4zLDk1NC4zLDkzNCw5NDQuOCw5NDMuNUw5NDQuOCw5NDMuNXogTTQ4Ny43LDExOS45Yy0yMDQuNywwLTM2OC45LDE2NC4yLTM2OC45LDM2OC45UzI4Myw4NTcuOCw0ODcuNyw4NTcuOAoJCQlzMzY4LjktMTY0LjIsMzY4LjktMzY4LjlTNjkwLjEsMTE5LjksNDg3LjcsMTE5LjlMNDg3LjcsMTE5Ljl6IE00ODcuNywxMTkuOSIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=') no-repeat center #fff; background-size: 16px 16px } .categray{ background: #fff; text-align: left; border-bottom: #ececec solid 1px; line-height: 50px;} .categray ul{ display: table; text-align: left; width: 100%;} .categray li{ display: inline-table; margin-right: 60px; height: 50px;} .categray li a{ display: block; color:#333; font-size: 16px; } .categray li a.active{ color:#f90000; font-weight: bold; position: relative; } .categray li a.active:after{ position: absolute; content: ""; left: 0px; right: 0px;bottom: 0px; height: 1px; width: 100%; background: #f90000; } .page { text-align:center; padding: 20px; margin-bottom: 20px; } .page a{ height: 40px;line-height: 40px; margin-left: 4px; margin-right: 4px; display: inline-block; padding-left: 16px; border-radius: 50px; padding-right: 16px; background: #fff; border:#ececec solid 1px; color: #666; font-size: 15px; display: inline-block; } .page a:hover{height: 40px; line-height: 40px;background: #f5f5f5; color: #555; display: inline-block; } .page a.active{ background: #f90000; color: #fff; border:#f90000 solid 1px;} .footer_contact{ padding-top: 50px; padding-bottom: 50px; background: #f7f7f7; line-height: 2em; font-size: 16px; color: #333; overflow: hidden; border-top: #ececec solid 1px;} .footer_contact a{color:#333} .footer_contact ul { width: 100%; } .footer_contact ul li{ float: left; width: 50%; } .footer .copy span{ float: left; font-size: 14px; } .footer .copy .logo{ float: right; } .footer .copy .logo img{ height: 28px; display:block; } .footer .backtop{ float: right; } .footer .backtop a{ color: #fff; } .footer a{color:#333} .footer{ padding-top: 20px; padding-bottom: 20px; background: #f7f7f7; line-height: 2em; font-size: 16px; color: #333; overflow: hidden; font-weight: normal; border-top:#ececec solid 1px; } .footer span{ margin-right: 20px; } .dl-menuwrapper {width: 100%;float: right; width: 100%; position: absolute;top:0;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:0;right:0;cursor: pointer;outline: none;background: url(../images/menu-button-bg.png) no-repeat center center;background-size: 50%;cursor: pointer;} .dl-menuwrapper button:hover ,.dl-menuwrapper button.dl-active { cursor: pointer; } .dl-menuwrapper ul {background: rgba(38,38,38,0.9); border-radius: 3px; overflow: hidden; -webkit-backdrop-filter:blur(5px); backdrop-filter: blur(5px); } .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: '';} .dl-menuwrapper { display:none; } .search_header{background: #fff; height: 34px; padding: 10px 20px; border-bottom: #ececec solid 1px; } .search_header .ipt{ float: left; width: 400px; 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: #2f61bd;} .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: #3f5894; font-weight: bold; position: relative;} .search_category ul li a.active:after{ content: ""; position: absolute; left:0px; right: 0px; bottom: 0px; height: 1px; background: #3f5894;} .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: #001ee4; font-size: 16px;} .search_content ul li h5 a strong{ color: #bb261a; } .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; line-height: 1.6em;} .search_content ul li .info .description strong{ color: #bb261a; 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: #bb261a;} .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;} /*大屏幕*/ @media screen and (max-width: 1920px) {} @media screen and (max-width: 1112px) { } /*平板*/ @media screen and (max-width: 768px) { .dl-menuwrapper { display:block; } body{ padding-top: 50px } .pagewidth{ margin: 0 15px; width: auto; } .header{ height: 50px; position:fixed; left: 0px; right: 0px; top: 0px; z-index: 999;background:#fff; transition-duration: 0.3s;box-shadow: 0px 0px 5px rgba(0,0,0,0.0) } .header .logo{ float: left; padding-top: 13px; margin-right: 10px; } .header .logo img{ height: 24px; display: block;opacity: 1; } .header .stock { float: left; height: 30px; line-height: 15px; padding-top: 10px; font-size: 12px; color: #666; margin-right: 0px;} .header .menu{ display: none;} .header .search{ float: right; position: relative; display: none;} .header .search .input_text{ float: left;width: 180px; font-size: 14px; position: absolute; right: 0px; top: 13px; padding-left: 10px; border-radius: 32px; border:#dadada solid 1px; height: 32px; line-height: 32px; } .header .search .input_submit{ float: left; position: absolute; top: 15px; right: 6px; height: 28px; text-indent: -999em; width: 28px;border-radius: 28px; border: none; background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDI0IDEwMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO30KPC9zdHlsZT4KPGc+Cgk8Zz4KCQk8ZGVmcz4KCQkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB4PSI3MS40IiB5PSI3MiIgd2lkdGg9Ijg4MS4zIiBoZWlnaHQ9Ijg4MCIvPgoJCTwvZGVmcz4KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj4KCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4KCQk8L2NsaXBQYXRoPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05NDQuOCw5NDMuNWMtOS41LDkuNS0yMy44LDkuNS0zMy4zLDBMNzY2LjIsNzk1LjljLTczLjgsNjYuNi0xNzEuNCwxMDcuMS0yNzguNSwxMDcuMQoJCQljLTIzMC45LDAtNDE2LjYtMTg1LjctNDE2LjYtNDE2LjVTMjU2LjksNzIuMyw0ODcuNyw3Mi4zUzkwNC4zLDI1OCw5MDQuMyw0ODguOWMwLDEwNC43LTQwLjUsMjAyLjMtMTA0LjcsMjczLjdsMTQ1LjIsMTQ1LjIKCQkJQzk1NC4zLDkxNy4zLDk1NC4zLDkzNCw5NDQuOCw5NDMuNUw5NDQuOCw5NDMuNXogTTQ4Ny43LDExOS45Yy0yMDQuNywwLTM2OC45LDE2NC4yLTM2OC45LDM2OC45UzI4Myw4NTcuOCw0ODcuNyw4NTcuOAoJCQlzMzY4LjktMTY0LjIsMzY4LjktMzY4LjlTNjkwLjEsMTE5LjksNDg3LjcsMTE5LjlMNDg3LjcsMTE5Ljl6IE00ODcuNywxMTkuOSIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=') no-repeat center #fff; background-size: 20px 20px } .footer_contact{ padding-top: 30px; padding-bottom: 30px; background: #f7f7f7; line-height: 2em; font-size: 16px; color: #333; overflow: hidden; border-top: #ececec solid 1px;} .footer_contact ul {width: auto;} .footer_contact ul li{ float: none; width: 100%; } .footer .copy span{ float: none; font-size: 14px; line-height: 1.6em; text-align: center; display: block; } .footer .copy .logo{ float: none; display: none; } .footer .copy .logo img{ height: 28px; display:block; } .footer .backtop{ float: none; text-align: center; } .footer .backtop a{ color: #333; } } /*手机*/ @media screen and (max-width: 480px) {} /*小尺寸手机*/ @media screen and (max-width: 320px) {}