*{ font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif; margin:0; padding:0; list-style: none;}
/* 清理浮动 */
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}
.pagewidth{ width: 1200px; margin: 0 auto;}
a{ text-decoration: none;transition-duration: 0.3s;-moz-transition-duration: 0.3s; /* Firefox 4 */-webkit-transition-duration: 0.3s; /* Safari 和 Chrome */-o-transition-duration: 0.3s; /* Opera */}
a:hover{ text-decoration: underline;}
img{ border:none;}
input,button,select,textarea{outline:none}

.header{ background: #008dc5; height: 50px; padding-top: 10px; padding-bottom: 10px;}
.header .logo{ float: left;}
.header .logo img{ height: 50px;}
.header .tel { float: right; font-size: 18px; color: #fff;line-height: 50px; margin-right: 40px;}
.header .search{ float: right; padding-top: 4px; padding-bottom: 4px;height:42px;}
.header .search .input_text{ float: left; background: #007fb1; color: #fff; font-size: 14px; display: block; border:none; height: 42px; line-height: 42px; padding-left:10px; padding-right: 10px; border-radius: 3px 0px 0px 3px;}
.header .search .input_button{ float: left; width: 42px; background: #007fb1; display: block; position: relative; border:none; height: 42px; line-height: 42px; border-radius: 0px 3px 3px 0px;color: #fff; font-size: 16px; cursor:pointer;}
.header .search .input_button:hover{ background: #006b95;}
.header .search input:-ms-input-placeholder{color: #fff;opacity:0.7;}
.header .search input::-webkit-input-placeholder{color: #fff;opacity:0.7;}







.header_menu{ background: #00597b; height: 50px;}


.pc_menu a { text-decoration: none;color: #fff;font-size: 16px;display: block;padding-left: 25px; padding-right: 25px;}
.pc_menu ul {margin: 0;padding: 0;list-style: none;}
.pc_menu ul li.current-menu-item {}
.pc_menu > ul > li { display: block;float: left;position: relative; }
.pc_menu > ul > li:after{ position: absolute; content: ""; right:0px; top: 17px; width: 1px; height: 16px; background: #337a95;}

.pc_menu > ul > li{ float: left; height: 50px; line-height: 50px;}
.pc_menu > ul > li a{ color: #fff;}
.pc_menu > ul > li > ul { background-color: #008dc5;position: absolute;display: none;top: 100%;width: 170px; z-index: 9999; }
.pc_menu > ul > li:hover > ul { display: block; }
.pc_menu > ul > li > ul > li { position: relative; width: 100%; height: 44px; line-height: 44px;}
.pc_menu > ul > li > ul > li > ul { display:none;position: absolute;left: 100%;top: 0;width: 140px; }
.pc_menu > ul > li > ul > li:hover > ul { display:block;background-color: #fff; }
.pc_menu > ul > li > ul > li > ul > li {  display: block;  }
.pc_menu > ul > li > ul > li:hover{ background: #007fb1}
.pc_menu > ul > li > ul > li a{ color: #fff;}





.page{ text-align: center; padding-top: 30px; padding-bottom: 50px;}
.page a{ display: inline-block;  border:#ececec solid 1px; padding: 12px 18px; font-size: 16px; color:#333; background: #fff; margin-left: 3px; margin-right: 3px;}
.page a:hover{ background: #f5f5f5;}
.page a.active{ color: #fff; background: #008dc5; border-color: #008dc5;}

.dl-menuwrapper {width: 100%;float: right; position: absolute;top:0;right:0;padding-top: 45px;z-index: 999;-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: 50px;height: 50px;text-indent: -900em;overflow: hidden;position: absolute;top:0;right:0;cursor: pointer;outline: none;background: #008dc5 url(../images/menu-button-bg.png) no-repeat center center;background-size: 50%;}
.dl-menuwrapper button:hover ,.dl-menuwrapper button.dl-active {background-color: #0081b4;}
.dl-menuwrapper ul {background: #008dc5;}
.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: '';}


@media (max-width:480px){
.pagewidth{ width: auto; margin: 0 10px;}
body{ padding-top: 50px!important;}
.dl-menuwrapper{ display: block;}
.header{ background: #008dc5; height: 30px; padding-top: 10px; padding-bottom: 10px; position: fixed; left:0px; top: 0px;right: 0px; z-index: 9999;}
.header .logo{ float: left;}
.header .logo img{ height: 30px;}
.header .tel { display: none;}
.header .search{ display: none;}
.header_menu{ display:none;}
.page{ text-align: center; padding-top: 20px; padding-bottom: 30px;}
.page a{ display: inline-block;  border:#ececec solid 1px; padding: 8px 12px; font-size: 14px; color:#333; background: #fff; margin-left: 3px; margin-right: 3px;}
.page a:hover{ background: #f5f5f5;}
.page a.active{ color: #fff; background: #008dc5; border-color: #008dc5;}
}