﻿body,ul,ol,h1,h2,h3,h4{margin:0}
body {background:#f6f6f6;font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif,"Microsoft YaHei";}
h1 {text-align:center;font-size:20px}
h2 {font-size:18px}
li {list-style:none;list-style-position:inside}
a {color:#069;text-decoration:none}
a:hover {color:#39c}
input.ips {font-size:1.2em;color:#666;line-height:1.5em;text-align:center;width:100%}
/*nav*/
.fl {float:left;}
.fr {float:right;}
.header {width:98%;position:fixed;top:0;left:0;z-index:999;height:60px;padding:0 30px;background:#fff;border-bottom:1px solid #e9eef5;}
.header .left {width:12%;}
.header .left a img {height:45px;margin-top:8px;}
/*navbar*/
.header .nav {-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;height:100%;line-height:60px;display:block;margin-right:30px;}
.header .navbar_nav li {float:left;position:relative;display:block;}
.header .navbar_nav li:after {content:"";width:0;height:2px;background:orangered;position:absolute;bottom:0;left:0;transition:all 0.5s ease 0s;}
.header .navbar_nav li:hover:after {width:100%;}
.header .navbar_nav li a {text-decoration:none;height:100%;padding:0 25px;display:block;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;color:#333;font-size:16px;}
.header .navbar_nav li:hover a {color:orangered;}
.header .navbar_nav li.dropdown {display:inherit;position:relative;}
.header .navbar_nav li.dropdown .dropdown_menu {display:none;position:absolute;top:60px;width:100%;background:#fff;box-shadow:0 15px 27px 0 rgba(167,165,165,0.38);width:120%;left:-10%;}
.header .navbar_nav li.dropdown .dropdown_menu a {font-size:14px;color:#666;padding:0 10px;line-height:40px;text-align:center;background:#fff;margin-bottom:2px;}
.header .navbar_nav li.dropdown:hover .dropdown_menu {display:block;background:#f3f3f3;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a {color:#666;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {color:#fff;background:orange;}
#cssmenu > ul > li.dropdown > a {padding-right: 25px;}
#cssmenu > ul > li.dropdown > a::after{position:absolute;top:25px;right:10px;width:6px;height:6px;border-bottom:1px solid #000000;border-right:1px solid #000000;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;}
#cssmenu > ul > li.dropdown:hover > a::after {border-color: orangered;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg);}
/*header.on*/
.header.on {background:#fff;border-bottom:1px solid #e9eef5;}
.header.on .navbar_nav li a {color:#333;}
.header.on .navbar_nav li:hover a {color:orangered;}
#navToggle {display:none;}
.m_nav {position:fixed;top:0px;box-shadow:0 15px 27px 0 rgba(167,165,165,0.38);width:100%;height:100%;background:#fff;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;top:0;transform:translateX(100%);}
.m_nav.open {transform:translateX(0);}
.m_nav .top {height:60px;padding:20px;box-sizing:border-box;}
.m_nav .top .closed{display:inline-block;width:30px;height:30px;position:relative;float:right;cursor:pointer}
.m_nav .top .closed::after,.top .closed::before{content:"";position:absolute;top:13px;left:5px;width:20px;height:2px;background-color:#000;transform-origin:center center}
.m_nav .top .closed::before{transform:rotate(45deg)}
.m_nav .top .closed::after{transform:rotate(-45deg)}
.m_nav .logo {width:100%;margin:0 auto;}
.m_nav .logo img {height:50px;display:block;margin:30px auto;}
.m_nav .ul {margin-top:30px;}
.m_nav .ul li {padding:0 20px;border-bottom:1px solid #f5f5f5;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;opacity:0;}
.m_nav.open .ul li {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.m_nav .ul li:nth-child(1) {-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;}
.m_nav .ul li:nth-child(2) {-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;}
.m_nav .ul li:nth-child(3) {-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;}
.m_nav .ul li:nth-child(4) {-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;}
.m_nav .ul li:nth-child(5) {-webkit-transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms;}
.m_nav .ul li:nth-child(6) {-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;}
.m_nav .ul li a {display:block;text-decoration:none;color:#333;font-size:16px;height:50px;line-height:50px;width:100%;}
.m_nav .ul li .dropdown_menu {display:none;}
.m_nav .ul li.dropdown.active .dropdown_menu {display:block;}
.m_nav .ul li .dropdown_menu a {display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child {border:none;}
@media screen and (max-width:992px) {.header {padding:0 10px;}
.header #navToggle {height:100%;padding:9px 15px;display:inline-block;float:right;}
.header #navToggle span {position:relative;width:25px;height:1px;margin-top:19px;}
.header #navToggle span:before,.header #navToggle span:after {content:'';position:relative;width:100%;height:1px;left:0;}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;background:#4f4f4f;}
.header #navToggle span:before {top:8px;}
.header #navToggle span:after {bottom:10px;}
.header #navToggle.open span:before {top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg);}
.header #navToggle.open span:after {bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}
.header #navToggle.open span {background:none;}
.header #navToggle.open span:before,.header #navToggle.open span:after {background:#4f4f4f;}
.header .nav {display:none;}
}
.width_box {width:90%;margin:0 auto;}
.width_center {text-align:center;margin:0 auto;}
#box_none,#box_shadow {margin:20px auto;padding:.5em 1em}
#box_shadow {position:relative;background:#fafafa;-moz-border-radius:0;border-radius:0;padding:2em 1.5em;color:rgba(0,0,0,.8);text-shadow:0 1px 0#ddd;font-size:16px;line-height:1.5;box-shadow:0 1px 3px rgba(18,18,18,.1)}
#box_shadow:after,#box_shadow:before {z-index:-1;position:absolute;content:"";bottom:22px;left:10px;width:50%;top:80%;max-width:300px;background:rgba(0,0,0,.7);-webkit-box-shadow:0 15px 10px rgba(0,0,0,.7);-moz-box-shadow:0 15px 10px rgba(0,0,0,.7);box-shadow:0 15px 10px rgba(0,0,0,.7);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg)}
#box_shadow:after {-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);right:10px;left:auto}
@media screen and (max-width:800px) {body:before {box-shadow:0 0 1px rgba(0,0,0,.8)}
#box_none {padding:1em 5px}
#box_shadow {width:95%;margin:20px auto;padding:1em .5em}
p {text-align:left}
#center {text-align:center}
}
.button::-moz-focus-inner {border:0;padding:0}
.button {padding:6px 20px;margin:0;cursor:pointer;border:1px solid #bbb;overflow:visible;font:700 13px arial,helvetica,sans-serif;text-decoration:none;white-space:nowrap;color:#555;background-color:#ddd;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(rgba(255,255,255,0))),url(button-x.png);background-image:-webkit-linear-gradient(top,#fff,rgba(255,255,255,0)),url(button-x.png);background-image:-moz-linear-gradient(top,#fff,rgba(255,255,255,0)),url(button-x.png);background-image:-ms-linear-gradient(top,#fff,rgba(255,255,255,0)),url(button-x.png);background-image:-o-linear-gradient(top,#fff,rgba(255,255,255,0)),url(button-x.png);background-image:linear-gradient(top,#fff,rgba(255,255,255,0)),url(button-x.png);-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;transition:background-color .2s ease-out;background-clip:padding-box;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(0,0,0,.3),0 2px 2px -1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.3) inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.3),0 2px 2px -1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.3) inset;box-shadow:0 1px 0 rgba(0,0,0,.3),0 2px 2px -1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.3) inset;text-shadow:0 1px 0 rgba(255,255,255,.9);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.button:hover {background-color:#eee;color:#555}
.button:active {background:#e9e9e9;position:relative;top:1px;text-shadow:none;-moz-box-shadow:0 1px 1px rgba(0,0,0,.3) inset;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.3) inset;box-shadow:0 1px 1px rgba(0,0,0,.3) inset}
.button.large {padding:12px 30px;text-transform:uppercase}
.button.large:active {top:2px}
.button.color {color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.3)),to(rgba(255,255,255,0))),url(button-x.png);background-image:-webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0)),url(button-x.png);background-image:-moz-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0)),url(button-x.png);background-image:-ms-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0)),url(button-x.png);background-image:-o-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0)),url(button-x.png);background-image:linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0)),url(button-x.png)}
.button.red {background-color:#c43c35;border-color:#c43c35}
.button.red:hover {background-color:#ee5f5b}
.button.red:active {background:#c43c35}
.button.blue {background-color:#269ce9;border-color:#269ce9}
.button.blue:hover {background-color:#70b9e8}
.button.blue:active {background:#269ce9}
.button,.button-group,.button-group li {display:inline-block;*display:inline;zoom:1}
.button-group {font-size:0;margin:0;background:rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.07);padding:7px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px}
.button-group li {margin-right:-1px}
.button-group .button {font-size:13px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.button-group .button:active {-moz-box-shadow:0 0 1px rgba(0,0,0,.2) inset,5px 0 5px -3px rgba(0,0,0,.2) inset,-5px 0 5px -3px rgba(0,0,0,.2) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,.2) inset,5px 0 5px -3px rgba(0,0,0,.2) inset,-5px 0 5px -3px rgba(0,0,0,.2) inset;box-shadow:0 0 1px rgba(0,0,0,.2) inset,5px 0 5px -3px rgba(0,0,0,.2) inset,-5px 0 5px -3px rgba(0,0,0,.2) inset}
.button-group li:first-child .button {-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}
.button-group li:first-child .button:active {-moz-box-shadow:0 0 1px rgba(0,0,0,.2) inset,-5px 0 5px -3px rgba(0,0,0,.2) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,.2) inset,-5px 0 5px -3px rgba(0,0,0,.2) inset;box-shadow:0 0 1px rgba(0,0,0,.2) inset,-5px 0 5px -3px rgba(0,0,0,.2) inset}
.button-group li:last-child .button {-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}
.button-group li:last-child .button:active {-moz-box-shadow:0 0 1px rgba(0,0,0,.2) inset,5px 0 5px -3px rgba(0,0,0,.2) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,.2) inset,5px 0 5px -3px rgba(0,0,0,.2) inset;box-shadow:0 0 1px rgba(0,0,0,.2) inset,5px 0 5px -3px rgba(0,0,0,.2) inset}
#center {margin:5px auto;text-align:center}
#copy,#copy a,#copy p {color:#3c3d36;font-size:14px}
#ba,#copy {margin:10px auto}
#ba,#ba a,#ba p {color:#999;font-size:14px}
@media screen and (max-width:800px) {
#center,h1 {text-align:center}
#center {margin:1px auto}
h1 {font-size:20px}
}
#scrollTop{position:fixed;bottom:20px;right:20px;width:45px;height:45px;line-height:45px;text-align:center;background-color:rgba(0,0,0,0.7);color:#fff;font-weight:600;border-radius:50%;font-size:13px;cursor:pointer;opacity:0;visibility:hidden;transition:opacity 0.5s ease,visibility 0.5s;}
#scrollTop.show{opacity:1;visibility:visible;}