*{ 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;}
.hidden{display:none;}
body{ padding-top: 150px; }
.dl-menuwrapper { display: none;}

.header{ height: 100px; position: fixed; left: 0px; top: 0px; right: 0px; z-index: 99999; background: #fff; }
.header .pagewidth{position: relative;}
.header .logo{ float: left; padding-top: 15px;  margin-right: 60px;}
.header .logo img{ height: 70px;}
.header .tel{ float: right; line-height: 100px; font-weight: bold; font-size: 20px; color: #0f6ab5 }
.menubox{  position: relative; z-index: 999; height: 50px; background: #0f6ab5;  position: fixed; left: 0px; top: 100px; right: 0px; z-index: 99999; }
.menu li {position: relative; float: left; width: 150px;}
.menu li a{ display: block; height: 50px; line-height: 50px; }
.menu li.active a{background:rgba(0,0,0,0.1);}
.menu > li:hover, .menu > li.hover {z-index: 1;color: #fff; font-weight: bold; background:rgba(0,0,0,0.1);}
.menu > li > a {display: block; font-size: 17px;color: #fff; text-align: center; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis}
.menu > li:hover > a, .menu > li{ }
.menu > li:hover > a, .menu > li.hover > a {color: #fff; font-weight: bold;}
.menu ul {position: absolute; top: -9999px; left: -9999px; z-index: 9499; width: 100%;background: #fff;}
.menu > li:hover > ul, .menu > li.hover > ul {top:48px; left: 0}
.menu ul li a {display: block;  font-size: 14px; color: #333; text-align: left; text-transform: uppercase; }
.menu ul li:hover > ul, .menu ul li.hover > ul {position: absolute; top: 1px; left: 100%; width: 101%; }
.menu ul li:hover > a, .menu ul li.hover > a { color: #fff!important; background: #0f6ab5; height: 44px; line-height: 44px;}
.menu ul li:hover > ul, .menu ul li.hover > ul {position: absolute; top: 1px; left: 100%; width: 101%; }

.menu ul.sub1 {  width: 150px; border-top: #fcbc2f solid 2px; box-shadow: 0px 4px 4px rgba(0,0,0,0.1)  }
/*.menu ul.sub1:after{ position: absolute;top: -8px;content: ""; left: 38px;border: 6px solid transparent; border-top-width: 0; border-bottom-color: #0f6ab5; }
*/
.menu ul.sub1 li{ float: none; padding-left: 0px; padding-right: 0px;}
.menu ul.sub1 li a{ display: block; text-align: center; color: #333; height: 32px; line-height: 32px; font-size: 14px; font-weight: normal; }
.menu ul.sub1 li a:hover{ display: block; color: #333; height: 32px; line-height: 32px; background: #0f6ab5 }
.menu ul.sub2{ margin-top: -1px; }
.menu ul.sub2 li{ float: none; width: 100% }
.menu ul.sub2 li a{  display: block; width: 100% }
.menu ul.sub2 li a{ display: block; text-align: center; color: #333; height: 40px; line-height: 40px; }
.menu ul.sub2 li a:hover{ display: block; color: #333; height: 40px; line-height: 40px; background: #0f6ab5;}


.header .search{ position: absolute; top: 0px; z-index: 999999; right: 82px; float: right;  line-height: 80px; height: 80px; border-left: #ececec solid 1px; background: #fff; }
.header .search .ipt{ float: left; width: 0px; line-height: 40px; height: 40px; padding-top: 20px; padding-bottom: 20px; text-indent: 1em; ; border:none; background: #fff;font-size: 15px; color: #333; }
.header .search .input_submit{ position: relative; text-indent: -999em; float: left; border:none; color: #255995; height: 80px; text-align: center; font-size: 15px; cursor: pointer; line-height: 80px; width: 80px; background:url(../images/search.png) no-repeat center #fff;background-size: 22px 22px;}
.header .search:hover .ipt{ width: 140px; }
.header .search:hover .input_submit{background:url(../images/search.png) no-repeat center #f5f5f5;background-size: 22px 22px;}
.header .contact{ float: right; height: 80px; width: 80px; border-left: #ececec solid 1px; }
.header .contact a{ display: block; height: 80px; width: 80px; background:url(../images/add.png) no-repeat center #fff;background-size: 22px 22px; text-indent: -999em}
.header .contact a:hover{background:url(../images/add.png) no-repeat center #f5f5f5;background-size: 22px 22px;}





.footer{ background: #222222; border-bottom: #2f2f2f solid 1px; padding-bottom: 50px; padding-top: 50px;}
.footer ul{ float:left; width: 170px;}
.footer ul h2{ font-size:18px; color: #f5f5f5; font-weight: normal; position: relative; height:70px;}
.footer ul h2:after{ content:""; position: absolute; left: 0px; top: 45px; width:50px; height: 1px; background: #656565;}
.footer ul li{ font-size: 14px;  line-height: 2em;}
.footer ul li a{ color: #a7a7a7;}
.copy{ background: #222222; padding-top: 20px; padding-bottom: 20px; color: #a7a7a7; font-size: 14px; text-align: left;}
.footer ul.contact{ width: 320px; color: #a7a7a7; font-size: 14px; line-height: 2em;}

.page { text-align:center; padding: 20px; }
.page a{ height: 40px;line-height: 40px; 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: #0068b1; 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: #255995;}
.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;}
.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: #255995; font-weight: bold; position: relative;}
.search_category ul li a.active:after{ content: ""; position: absolute; left:0px; right: 0px; bottom: 0px; height: 1px; background: #255995;}
.search_data{ font-size: 12px; color: #999; padding-left: 20px; padding-top: 10px; padding-bottom: 10px;}
.search_content{ padding-left: 20px;}
.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;}





/*大屏幕*/
@media screen and (max-width: 1920px) {} 
/*平板*/
@media screen and (max-width: 768px) {
.header{ height: 50px;}
.header .logo{ float: left; padding-top: 10px; padding-left: 10px; position: relative; z-index: 99999999;}
.header .logo img{ height: 30px;}
.top{ display:none;}
.menubox{ display:none;}
.header .tel{ display: none; }
.dl-menuwrapper { display: block;}
.pagewidth{ width: auto; margin: 0 auto;}
.dl-menuwrapper {  width: 100%;float: right;position: absolute;top:0;right:0;padding-top: 50px;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: #0754a6 url(../images/menu-button-bg.png) no-repeat center center;background-size: 50%;}
.dl-menuwrapper button:hover ,.dl-menuwrapper button.dl-active {background-color: #0754a6;}
.dl-menuwrapper ul {background: #0754a6;}
.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;width: 100%; float: none;}
.dl-menuwrapper li a {display: block;position: relative; padding-left: 15px; padding-right: 15px; font-size: 16px;line-height: 44px;font-weight: 300;color: #fff;border-bottom:1px solid #0a5bb1;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: 44px;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: 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 Fallback */.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: '';}



.footer{ background: #222222; border-bottom: #2f2f2f solid 1px; padding-bottom: 30px; padding-top: 30px; padding-left: 15px; padding-right: 15px;}
.footer ul{ float:none; width: 100%; margin-bottom: 20px;}
.footer ul h2{ font-size:16px; color: #f5f5f5; font-weight: normal; position: relative; height:50px;}
.footer ul h2:after{ content:""; position: absolute; left: 0px; top: 40px; width:50px; height: 1px; background: #656565;}
.footer ul li{ font-size: 14px;  line-height: 2em; float: left; width: 33.33%;}
.footer ul li a{ color: #a7a7a7;}
.copy{ background: #222222; padding-top: 20px; padding-bottom: 20px; color: #a7a7a7; font-size: 14px; text-align: left;padding-left: 15px; padding-right: 15px; text-align: center;}
.footer ul.contact{ width: 320px; color: #a7a7a7; font-size: 14px; line-height: 2em;}

}
/*手机*/
@media screen and (max-width: 480px) { }
/*小尺寸手机*/
@media screen and (max-width: 320px) {}










