@charset "utf-8";
html,body{
    width: 100%;
    min-width: 1420px;
    word-wrap:break-word;
    word-break:normal;
}
/* html5*/
* {-webkit-print-color-adjust:exact;margin:0;padding:0;}
*:after,*:before{transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;text-rendering: optimizelegibility;}
audio, canvas, progress, video {display:inline-block;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,button,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,figcaption,figure,main,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin: 0;
    padding: 0;
    border: 0 none transparent;
    outline: none;
    font-size: inherit;
    font-family: inherit;}
main,nav,article, aside, dialog,figcaption,figure,details,summary,footer, header, section, nav, figure, menu, audio, canvas, progress, video { display:block;}
html, body {position:relative;width: 100%;}
/*html, body { scroll-behavior:smooth; }*/
html.freeze, html.freeze body {overflow-x:hidden; overflow-y:hidden;}
body {-webkit-font-smoothing: antialiased;font: 12px/1.5 Microsoft YaHei UI,Microsoft YaHei,tahoma,arial,Hiragino Sans GB,SimSun,Segoe UI,Tahoma,Helvetica,Sans-Serif,sans-serif,\5b8b\4f53;color:#333; font-size:15px; line-height:1.6rem;word-break:break-all;margin-right:13px;}
body.active{overflow-y: scroll;position: fixed;width: 100%;top: 0px;left: 0px;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after {content:none;}
ins {color:#000;text-decoration:none;}
mark {color:#000;font-style:italic;font-weight:700;}
del,s {text-decoration:line-through;}
abbr[title],dfn[title] {border-bottom:1px dotted #000;cursor:help;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
address {font-style:normal;display:inline;}
fieldset {padding:0;margin:0;border:0;}
em, address{font-style: normal;}
table,caption,tbody,tfoot,thead,tr,th,td {outline:0;background:transparent;font-size:100%;}
.clearfix:after {display:block; visibility:hidden; clear:both; content:'.'; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
.clearfix {*zoom:1;display:block;}
.hide {display:none;}
input::-webkit-input-placeholder{
    color:#bebebe;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#bebebe;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#bebebe;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#bebebe;
}
/*table重定义样式*/
#vsb_content table{ border: 0px;border-left:1px solid #ddd; border-top:1px solid #ddd;width:80%; margin:20px auto}
#vsb_content table tr td{ border-left:0px; text-align: center;border-top:0px;line-height: 23px; padding: 5px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #ddd; border-bottom-color: #ddd; }
#vsb_content table tr td p{text-indent:0em; padding:0px; margin:0px; text-align:center; }
/*IE8*/
/* ie8提示 */
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
/*图片居中*/
#vsb_content p.vsbcontent_img img{
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
    max-width: 80%;
}
#vsb_content video{
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
    max-width: 80%;
}

/* links */
a,a:link {color:#333;margin:0;padding:0;border:0;font-size:100%;transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease; text-decoration:none; outline:0;}
a:visited,a.visited:hover,a.visited,a.visited:visited{text-decoration:none;}
a:link {color:#636363; }
a:hover, a:focus, a:active{text-decoration:none;}
a:focus, button:focus {outline: none;}
a:hover span {cursor:pointer;}

/* forms */
html.firefox fieldset {display:table-cell !important;}
button, input[type='button'], input[type='reset'], input[type='submit'] {overflow:visible;background-color:transparent; cursor:pointer;border: none;} /* ie6 ~ ie7 css */
button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover {text-decoration:none;}
button:hover span {text-decoration:underline;}
button, input[type="button"], input[type="submit"] {cursor:pointer}
input {padding:0; border:0 none transparent;outline: 0; font-size:inherit; font-family:inherit; color:inherit; line-height:inherit; vertical-align:middle;}
input[type=text], input[type=password], input[type=button], input[type=submit], button, textarea, select {-webkit-appearance:none;-moz-appearance:none;appearance:none;border: none;outline: none;}
input[type='submit'] {height:28px; line-height:24px;}
input[type="radio"],input[type="checkbox"] {border:none;padding:0;margin:0;vertical-align:middle;}
input[type="file"] {border:0;padding:0;margin:0;height:auto;}
input[type='image'] {height:auto; margin:0; padding:0; border:0;}
input[disabled='disabled'] {background-color:#ebebeb; color:#959595;}
input[type='tel'],input[type='url'],input[type='number'], input[type='email'], input[type='text'], input[type='password'],input.text,input.password {border-left:1px solid #cbcbcb;border-top:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;/*background:#fff;*/height:1.5em;line-height:1.3em;/*padding:0.30em 5px 0.4em 5px; vertical-align:middle; */margin:1px;}
input.image,input.radio,input.checkbox {border:0 !important;vertical-align:middle;padding:0;margin:0;}
input.text,input.password {border-left:1px solid #cbcbcb;border-top:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;/*background:#fff;*/height:1.5em;line-height:1.3em;/*padding:0.30em 5px 0.4em 5px; vertical-align:middle; */margin:1px;}
input.readonly {background-color:#f7f7f7 !important;}
input.disabled {background-color:#ededed;}
input.num {text-align:right;border:1px solid #ddd;height:16px;padding:2px;font-size:100%;line-height:110%;}
input.readonly {background-color:#f7f7f7;}
input::-ms-clear {display: none;}
select {height:28px;line-height:24px;padding:1px 0 1px 3px; border:1px solid #dedede; background-color:#fff;}
select[disabled='disabled'] {background-color:#ebebeb; color:#959595;}
textarea {min-height:80px; padding:1px 3px; border:1px solid #dedede;line-height:25px;}
select.select {border:1px solid #ddd;height:30px;vertical-align:top;line-height:1;min-width:50px;padding:0 5px;}

/*transition*/
.ani{transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-webkit-transition: all 1s ease;opacity: 0;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);}
.ani_view{opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}

@keyframes buzz {
    10%, 30% {transform: translateX(3px) rotate(2deg);}
    20%, 40% {transform: translateX(-3px) rotate(-2deg);}
    50%, 70% {transform: translateX(2px) rotate(1deg);}
    60%, 80% {transform: translateX(-2px) rotate(-1deg);}
    90% {transform: translateX(1px) rotate(0);}
    100% {transform: translateX(-1px) rotate(0);}
}
@keyframes bouns {
	0% {transform:translateY(0)}
	50% {transform:translateY(-10px)}
	100% {transform:translateY(0)}
}
@keyframes ico_ani {
    0%,100% {transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);}
    10%, 30%, 50%, 70%, 90% {transform:rotateZ(-5deg);-webkit-transform:rotateZ(-5deg);}
    20%, 40%, 60%, 80% {transform:rotateZ(5deg);-webkit-transform:rotateZ(5deg);}
}
@-webkit-keyframes ico_ani {
    0%,100% {transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);}
    10%, 30%, 50%, 70%, 90% {transform:rotateZ(-5deg);-webkit-transform:rotateZ(-5deg);}
    20%, 40%, 60%, 80% {transform:rotateZ(5deg);-webkit-transform:rotateZ(5deg);}
}
@keyframes ico_ani2 {
    0%,50%,100% {transform:translateY(0);-ms-transform:translateY(0)}
    25%,75% {transform:translateY(-7%);-ms-transform:translateY(-7%)}
}
@-webkit-keyframes ico_ani2 {
    0%,50%,100% {transform:translateY(0);-ms-transform:translateY(0)}
    25%,75% {transform:translateY(-7%);-ms-transform:translateY(-7%)}
}
@keyframes ico_ani3 {
    0%,50%,100% {transform:translateY(0);-ms-transform:translateY(0)}
    25%,75% {transform:translateY(-15%);-ms-transform:translateY(-15%)}
}
@-webkit-keyframes ico_ani3 {
    0%,50%,100% {transform:translateY(0);-ms-transform:translateY(0)}
    25%,75% {transform:translateY(-15%);-ms-transform:translateY(-15%)}
}
@keyframes ico_ani4 {
    0% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
    100% {transform:rotate(180deg);-webkit-transform:rotate(180deg);}
}
@-webkit-keyframes ico_ani4 {
    0% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
    100% {transform:rotate(180deg);-webkit-transform:rotate(180deg);}
}

@keyframes animate_background {
    0% {margin-top:0}
    50%  {margin-top:-79px}
    100% {margin-top:0}
}

@keyframes indicator {
    0% {left: 0;-webkit-transform-origin: left top;transform-origin: left top;width: 10px;}
    20% {width: 30px;}
    80% {width: 30px;}
    100% {-webkit-transform-origin: left top;transform-origin: left top;left: 100%;width: 0;}
}

/* other */
iframe.pdf {width:100%; height:600px; margin-top:30px; margin-bottom:30px;}
mark {background-color:transparent;}
[data-style='list'] .target {display:none;color:#000;}
img {border:0 none transparent;display: block;-ms-interpolation-mode: bicubic;vertical-align:middle;}
img, div.root_daum_roughmap {max-width:100%;}
b, strong {font-weight:600;}
i, em, dfn, cite, address {font-style:normal;}
small {font-size:90%;}
sup, sub {position:relative; font-size:0.9em; line-height:0; vertical-align:baseline;}
sub {bottom:-0.25em;}
sup {top:-0.5em;}
del {text-decoration:line-through;}
label {cursor:pointer;}
ol, ul, li {list-style:none;}
legend {display:block; position:absolute; top:0; left:0; width:100%; height:1px; font-size:0; line-height:0;}
caption {height:1px; font-size:0; line-height:0;}

/* float */
.fr {float:right;}
.fl {float:left;}
.cr {clear:both;}

/* position */
.pos_d,.pos-d,.pos-st {position:static;}
.pos_r,.pos-r,.pos-rel {position:relative;}
.pos_a,.pos-a,.pos-abs {position:absolute;}

/* white-space */
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wordkeep {white-space:normal;word-break:keep-all;}

/*hidden*/
.hidden {display:none;}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0;line-height:0;}
.wblind {width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;text-indent:-9999em;}

/* width */
.w1200{width:1200px;margin: 0 auto;}
.w1300{width:1300px;margin: 0 auto;}
.w1400{width:1400px;margin: 0 auto;}
.w1420{width:1420px;margin: 0 auto;}
.w1500{width:1500px;margin: 0 auto;}
.w1600{width:1600px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.w500{width:500px;}.w400 {width:400px;}.w100 {width:100px;}.w90 {width:90px;}.w80 {width:80px;}
.w70 {width:70px;}.w60 {width:60px;}.w50 {width:50px;}.w40 {width:40px;}.w30 {width:30px;}.w20 {width:20px;}
.w100p{width:100%;}.w98p {width:98%;} .w95p{width:95%;}.w90p {width:90%;}
.w80p {width:80%;} .w70p {width:70%;} .w60p{width:60%;}.w50p {width:49%;}
.w45p {width:44%;} .w40p {width:40%;} .w33p{width:33.3333%;}.w30p {width:30%;}
.w25p {width:25%;} .w20p {width:20%;} .w15p{width:15%;}.w10p {width:10%;}

/* font */
.nb {font-weight:normal;}.b {font-weight:bold;}.fs {font-size:90%}.fb {font-size:120%;}.f9 {font-size:9px;}.f10 {font-size:10px;}.f11 {font-size:11px;}.f12 {font-size:12px;}.f13 {font-size:13px;}.f14 {font-size:14px;}.f15 {font-size:15px;}.f16 {font-size:16px;}.f17 {font-size:17px;}.f18 {font-size:18px;}.f19 {font-size:19px;}.f20 {font-size:20px;}

/*en*/
.en {font-size:90%;font-family:'Verdana';}

/* color */
.csc-p01 {color:#306db8;}.csc-p02 {color:#003566;}.csc-p03 {color:#52a6c6;}.csc-p04 {color:#faa61a;}.csc-p05 {color:#ff7f2a;}.csc-p06 {color:#ececec;}.csc-p07 {color:#f7f7f7;}
.a-csc-p1 {color:#56a3f7;}.a-csc-p2 {color:#69c117;}.a-csc-p3 {color:#fad623;}.a-csc-p4 {color:#ff734e;}.a-csc-p5 {color:#416388;}.a-csc-dp1 {color:#207fe5;}.a-csc-dp2 {color:#56a80a;}.a-csc-dp3 {color:#fad623;}.a-csc-dp4 {color:#f04e23;}.a-csc-dp5 {color:#23466c;}
.c0 {color:#000 !important;}.c2 {color:#222 !important;}.c3 {color:#333 !important;}.c5 {color:#555 !important;}.c6 {color:#666 !important;}.c8 {color:#888 !important;}.c9 {color:#999 !important;}.cf {color:#fff !important;}
.cg1 {color:#69696a !important;}.cg2 {color:#ababab !important;}.cg3 {color:#848484 !important;}.cg4 {color:#727272 !important;}.cg5 {color:#b3b7bc !important;}.cred {color:#df2519 !important;}
.cblue {color:#2176C6 !important;}
.cpink {color:#f9587d !important}
.cgold {color:#b8883c !important;}
.cgreen {color:#758d0a !important;}
.cbrown {color:#9f2C00 !important;}
.corg {color:#ff5612 !important;}

/* text */
.text-muted { color:#777;}
.text-primary { color:#337ab7;}a.text-primary:hover { color:#286090;}
.text-success { color:#3c763d;}a.text-success:hover { color:#2b542c;}
.text-info { color:#31708f;}a.text-info:hover { color:#245269;}
.text-warning { color:#f08400;}a.text-warning:hover { color:#66512c;}
.text-danger { color:#d33835;}a.text-danger:hover { color:#843534;}
.bg-primary { color:#fff; background-color:#337ab7;}a.bg-primary:hover { background-color:#286090;}
.bg-success { background-color:#dff0d8;}a.bg-success:hover { background-color:#c1e2b3;}
.bg-info { background-color:#d9edf7;}a.bg-info:hover { background-color:#afd9ee;}
.bg-warning { background-color:#fcf8e3;}a.bg-warning:hover { background-color:#f7ecb5;}
.bg-danger { background-color:#f2dede;}a.bg-danger:hover { background-color:#e4b9b9;}

/* background */
.csc-p01bg {background:#002a51;}.csc-p02bg {background:#044288;}.csc-p03bg {background:#0a60bc;}.csc-p04bg {background:#3ba135;}.csc-p05bg {background:#e6720e;}.csc-p06bg {background:#0079bf;}.csc-p07bg {background:#49bbcc;}.csc-p08bg {background:#469d8d;}.csc-p09bg {background:#e8e8e8;}.csc-p10bg {background:#daebeb;}.bg1 {background-color:#69696a !important;}
.bg2 {background-color:#ababab !important;}.bg3 {background-color:#848484 !important;}.bg4 {background-color:#727272 !important;}.bg5 {background-color:#b3b7bc !important;}.turquoise { background: #1abc9c;}
.emerland { background: #2ecc71;}
.peterriver { background: #3498db;}
.amethyst { background: #9b59b6;}
.wetasphalt { background: #34495e;}
.greensea { background: #16a085;}
.nephritis { background: #27ae60;}
.belizehole { background: #2980b9;}
.wisteria { background: #8e44ad;}
.midnightblue { background: #2c3e50;}
.sunflower { background: #f1c40f;}
.carrot { background: #e67e22;}
.alizarin { background: #e74c3c;}
.clouds { background: #ecf0f1; color: #999;}
.concrete { background: #95a5a6;}
.orange { background: #f39c12;}
.pumpkin { background: #d35400;}
.pomegranate { background: #c0392b;}
.silver { background: #bdc3c7;}
.asbestos { background: #7f8c8d;}

/*align*/
.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}

/* padding */
.pad5a {padding:5px}
.pad5tf {padding-top:5px;padding-bottom:5px}.pad5lr {padding-left:5px;padding-right:5px;}
.pad5r {padding-right:5px}.pad5l {padding-left:5px}.pad5t {padding-top:5px}.pad5f {padding-bottom:5px}
.pad10a {padding:10px}.pad10tf {padding-top:10px;padding-bottom:10px}
.pad10lr {padding-left:10px;padding-right:10px;}.pad10r {padding-right:10px}.pad10l {padding-left:10px}.pad10t {padding-top:10px}.pad10f {padding-bottom:10px}.pad15a {padding:15px}.pad15tf {padding-top:15px;padding-bottom:15px}
.pad15lr {padding-left:15px;padding-right:15px;}.pad15r {padding-right:15px}.pad15l {padding-left:15px}.pad15t {padding-top:15px}.pad15f {padding-bottom:15px}.pad20a {padding:20px}.pad20tf {padding-top:20px;padding-bottom:20px}
.pad20lr {padding-left:20px;padding-right:20px;}.pad20r {padding-right:20px}.pad20l {padding-left:20px}.pad20t {padding-top:20px}.pad20f {padding-bottom:20px}.pad25a {padding:25px}.pad25tf {padding-top:25px;padding-bottom:25px}
.pad25lr {padding-left:25px;padding-right:25px;}.pad25r {padding-right:25px}.pad25l {padding-left:25px}.pad25t {padding-top:25px}.pad25f {padding-bottom:25px}.pad30a {padding:30px}.pad30tf {padding-top:30px;padding-bottom:30px}
.pad30lr {padding-left:30px;padding-right:30px;}.pad30r {padding-right:30px}.pad30l {padding-left:30px}.pad30t {padding-top:30px}.pad30f {padding-bottom:30px}
.pad40a {padding:40px}
.pad40tf {padding-top:40px;padding-bottom:40px}.pad40lr {padding-left:40px;padding-right:40px;}
.pad40r {padding-right:40px}.pad40l {padding-left:40px}.pad40t {padding-top:40px}.pad40f {padding-bottom:40px}
.pad50a {padding:50px}.pad50tf {padding-top:50px;padding-bottom:50px}.pad50lr {padding-left:50px;padding-right:50px;}
.pad50r {padding-right:50px}.pad50l {padding-left:50px}.pad50t {padding-top:50px}.pad50f {padding-bottom:50px}

/* margin */
.mg5f {margin-bottom:5px;}.mg10f {margin-bottom:10px;}.mg15f {margin-bottom:15px;}.mg20f {margin-bottom:20px;}.mg25f {margin-bottom:25px;}.mg30f {margin-bottom:30px;}.mg40f {margin-bottom:40px;}.mg50f {margin-bottom:50px;}
.mg0t {margin-top:0 !important}.mg5t {margin-top:5px;}.mg10t {margin-top:10px;}.mg15t {margin-top:15px;}.mg20t {margin-top:20px;}.mg25t {margin-top:25px;}.mg30t {margin-top:30px;}.mg40t {margin-top:40px;}.mg50t {margin-top:50px;}
.mg5l {margin-left:5px;}.mg10l {margin-left:10px;}.mg15l {margin-left:15px;}.mg20l {margin-left:20px;}.mg25l {margin-left:25px;}.mg30l {margin-left:30px;}.mg40l {margin-left:40px;}.mg50l {margin-left:50px;}.mg5r {margin-right:5px;}.mg10r {margin-right:10px;}.mg15r {margin-right:15px;}.mg20r {margin-right:20px;}.mg25r {margin-right:25px;}.mg30r {margin-right:30px;}.mg40r {margin-right:40px;}.mg50r {margin-right:50px;}
.mg5a {margin:5px;}.mg10a {margin:10px;}.mg15a {margin:15px;}.mg20a {margin:20px;}.mg25a {margin:25px;}.mg30a {margin:30px;}
.mg20tf {margin-top:20px;margin-bottom:20px}.mg50tf {margin-top:50px;margin-bottom:50px}.mg50lr {margin-left:50px;margin-right:50px;}

/*btn*/
.a-btn {display:inline-block;cursor:pointer;line-height:1.2em;font-size:12px;margin:1px;vertical-align:middle;white-space:nowrap;overflow:hidden;border-radius:3px;border: 1px solid #aaa;-webkit-transition:all .3s ease;transition:all .3s ease-out;background:#cecece;color:#444;padding:2px;min-height:40px;}
.a-btn span{display:inline-block;padding:2px 4px;vertical-align:middle;}
.a-btn span.a-ico-h{display:inline-block;vertical-align:middle;}
a.a-btn {background:#fff;border:1px solid #aaa;color:#777;min-height:34px;}
a.a-btn:visited{}
a.a-btn span  {display:block;padding:12px 2px 2px 2px;line-height:1;}
a.a-btn span.a-ico-h  {display:inline-block;vertical-align:middle;}
.sw-btn, .sg-btn, .sp-btn, .sdp-btn {display:inline-block;font-size:14px;vertical-align:top;transition:all .25s ease;}
.sw-btn, a.sw-btn {background:#fff;border:1px solid #ccc;color:#444}
.sw-btn:hover, .sw-btn:focus {border:1px solid #306db8;}
.sg-btn, a.sg-btn {background:#f7f7f7;border:1px solid #ccc;color:#444}
.sg-btn:hover, .sg-btn:focus {border:1px solid #306db8;}
.sp-btn, a.sp-btn {background:#225ea9;border:1px solid #225ea9;color:#fff}
.sp-btn:hover, .sp-btn:focus {background:#003566;border:1px solid #003566;color:#fff}
.sdp-btn, a.sdp-btn {background:#f69d1f;border:1px solid #f69d1f;color:#fff}
.sdp-btn:hover, .sdp-btn:focus {background:#f97721;border:1px solid #f97721;color:#fff}
a.sw-btn span, a.sg-btn span, a.sp-btn span, a.sdp-btn span {display:block;padding:10px 15px 9px;line-height:1}
input.sw-btn, input.sg-btn, input.sp-btn, input.sdp-btn, button.sw-btn, button.sg-btn, button.sp-btn, button.sdp-btn {padding:0 9px;height:35px}
.lw-btn, .lg-btn, .lp-btn, .ldp-btn {display:inline-block;font-size:15px;font-weight:400;vertical-align:top;transition:all .25s ease;}
.lw-btn, a.lw-btn {background:#fff;border:1px solid #ccc;color:#444}
.lw-btn:hover, .lw-btn:focus {border:1px solid #306db8;}
.lg-btn, a.lg-btn {background:#f7f7f7;border:1px solid #ccc;color:#444}
.lg-btn:hover, .lg-btn:focus {border:1px solid #306db8;}
.lp-btn, a.lp-btn {background:#225ea9;border:1px solid #225ea9;color:#fff}
.lp-btn:hover, .lp-btn:focus {background:#003566;border:1px solid #003566;color:#fff}
.ldp-btn, a.ldp-btn {background:#f69d1f;border:1px solid #f69d1f;color:#fff}
.ldp-btn:hover, .ldp-btn:focus {background:#f97721;border:1px solid #f97721;color:#fff}
a.lw-btn span, a.lg-btn span, a.lp-btn span, a.ldp-btn span {display:block;padding:21px 40px 21px 40px;line-height:1}
input.lw-btn, input.lg-btn, input.lp-btn, input.ldp-btn, button.lw-btn, button.lg-btn, button.lp-btn, button.ldp-btn {padding:0 37px 0 35px;height:60px;cursor:pointer}
.a-btn-s {display:inline-block;cursor:pointer;line-height:1.2em;font-size:12px;margin:1px;vertical-align:middle;white-space:nowrap;overflow:hidden;border-radius:3px;border: 1px solid #aaa;-webkit-transition:all .3s ease;transition:all .3s ease-out;background:#cecece;color:#444;padding:0;min-height:28px;}
.a-btn-s {padding: 1px 0;}
.a-btn-s span  {display:inline-block;padding:1px;vertical-align:middle;}
.a-btn-s span.a-ico-h  {display:inline-block;vertical-align:middle;}
.a-btn-insert {background:#207fe5;color:#fff; border: 1px solid rgba( 0, 0, 0, 0 );}
.a-btn-insert:hover,.a-btn-insert:focus {background:#0c56a6; text-decoration:none;}
.a-btn-update {background:#fff;color:#444; border: 1px solid #aaa; }
.a-btn-update:hover,.a-btn-update:focus {background:#f04e23; color:#fff; border: 1px solid rgba( 0, 0, 0, 0 ); text-decoration:none;}
.a-btn-delete {background:#6f7985;color:#fff; border: 1px solid rgba( 0, 0, 0, 0 );}
.a-btn-delete:hover,.a-btn-delete:focus {background:#23466c; text-decoration:none;}
.a-btn-option {background:#69c117;color:#fff; border: 1px solid rgba( 0, 0, 0, 0 );}
.a-btn-option:hover,.a-btn-option:focus {background:#469100; text-decoration:none;}
.a-btn-danger {background:#ff734e;color:#fff; border: 1px solid rgba( 0, 0, 0, 0 );}
.a-btn-danger:hover,.a-btn-danger:focus {background:#ca0011; text-decoration:none;}
.a-btn-search {background:#207fe5;color:#fff; border: 1px solid rgba( 0, 0, 0, 0 );}
.a-btn-search:hover,.a-btn-insert:focus {background:#0c56a6; text-decoration:none;}
.a-btn-reset {background:#6f7985;color:#fff; border: 1px solid rgba( 0, 0, 0, 0 );}
.a-btn-reset:hover,.a-btn-delete:focus {background:#23466c; text-decoration:none;}
.a-btn-download {background:#fff;color:#444; border: 1px solid #aaa; }
.a-btn-download:hover,.a-btn-update:focus {background:#f04e23; color:#fff; border: 1px solid rgba( 0, 0, 0, 0 ); text-decoration:none;}
.a-btn-upload {background:#fff;color:#444; border: 1px solid #aaa; }
.a-btn-upload:hover,.a-btn-update:focus {background:#f04e23; color:#fff; border: 1px solid rgba( 0, 0, 0, 0 ); text-decoration:none;}
.a-btn-list {background:#fff;color:#444; border: 1px solid #aaa; }
.a-btn-list:hover,.a-btn-list:focus {background:#f04e23; color:#fff; border: 1px solid rgba( 0, 0, 0, 0 ); text-decoration:none;}

/* table */
table {width:100%;border-collapse:collapse;border-spacing:0;}
table, caption, tbody, tfoot, thead, tr, th, td {outline:0;background:transparent;font-size:100%;}
.table_unit {margin-top:10px; margin-bottom:-10px; font-size:0.9em; text-align:right;}
.table_group {overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; position:relative; width:100%; margin-top:10px; margin-bottom:10px;}
.table_group .table_line {position:absolute; top:0; left:0; width:1px; height:100%; z-index:20; background-color:#fff;}
.table_group table {border-collapse:separate;}
.table_group table.table {position:relative; width:100%;border:1px solid #c6c6c6;margin:20px auto}
.table_group table.table.scroll {width:860px; z-index:10;}
.table_group .gesture {z-index:30; transition-property:opacity, top;}
.table_group table.table tbody, .table_group table.table tfoot {text-align:center;}
.table_group table.table thead tr th {padding:10px 5px; border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6; background-color:#fafafa; color:#333; font-size:16px; text-align:center;}
.table_group table.table tbody tr th.ms_th{font-size:18px !important; text-align:center;}
.table_group table.table tbody tr th, .table_group table.table tfoot tr th {padding:10px 5px; border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6; background-color:#fdfdfd; color:#5d5d5d; font-size:16px; text-align:center;}
.table_group table.table tbody tr td, .table_group table.table tfoot tr td {padding:5px; border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6; color:#333; font-size:15px;}
.table_group table.table tbody tr:first-child th, .table_group table.table tbody tr:first-child td, .table_group table.table tfoot tr:first-child th, .table_group table.table tfoot tr:first-child td {border-top-color:#c6c6c6;}
.table_group table.table tbody ul, .table_group table.table tbody ol {padding-left:0; text-align:left;}
.table_group table.table_ms {position:relative; width:100%; border-top:1px solid #3a3a3a; border-bottom:1px solid #c6c6c6;}
.table_group table.table_ms.scroll {width:860px; z-index:10;}
.table_group table.table_ms tbody, .table_group table.table_ms tfoot {text-align:center;}
.table_group table.table_ms thead tr th {padding:10px 5px; border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6; background-color:#fafafa; color:#333; font-size:16px; text-align:center;}
.table_group table.table_ms tbody tr th, .table_group table.table_ms tfoot tr th {padding:10px 5px; border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6; background-color:#fdfdfd; color:#5d5d5d; font-size:18px; text-align:center;}
.table_group table.table_ms thead tr:first-child th {border-top-width:0;}
.table_group table.table_ms tbody tr td, .table_group table.table_ms tfoot tr td {padding:10px; border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6; color:#333; font-size:15px;}
.table_group table.table_ms tbody tr:first-child th, .table_group table.table tbody tr:first-child td, .table_group table.table_ms tfoot tr:first-child th, .table_group table.table_ms tfoot tr:first-child td {border-top-color:#c6c6c6;}
.table_group table.table_ms tbody ul, .table_group table.table_ms tbody ol {padding-left:0; text-align:left;}

/* list */
.c-list01, .c-list02, .c-list03, .c-list04, .c-list05 {text-align:left;}
.c-list01 > li, .c-list01-li, .c-list01-b li {position:relative;padding:2px 0 2px 15px;margin-top:5px;font-size:17px;color:#555;}
.c-list01 > li:first-child, .c-list01-b li:first-child, .c-list02 > li:first-child {margin-top:0;}
.c-list01 > li:before, .c-list01-li:before, .c-list01-b > li:before {display:block;content:"";position:absolute;top:15px;left:0;width:7px;height:2px;background:#faa61a;}
.c-list01 > li ul, .c-list01-b > li ul, .c-list02 > li ul, .c-list03 > li ul, .c-list04 > li ul, .c-list04-1 > li ul, .c-list05 > li ul{margin:6px 0 0 0}
.c-list01 > li ul li, .c-list01-b > li ul li, .c-list02 > li ul li, .c-list03 > li ul li, .c-list04 > li ul li, .c-list04-1 > li ul li, .c-list05 > li ul li  {padding:0 0 0 13px;position:relative;font-size:15px;color:#666;margin-bottom:5px;}
.c-list01 > li ul li:before, .c-list01-b > li ul li:before, .c-list02 > li ul li:before, .c-list03 > li ul li:before , .c-list04 > li ul li:before, .c-list04-1 > li ul li:before, .c-list05 > li ul li:before {display:block;content:"";width:4px;height:4px;background:#306db8;position:absolute;top:11px;left:0;border-radius:50%;}
.c-list01 > li .tit, .c-list01-b > li .tit, .c-list02 > li .tit {display:inline-block;font-weight:500;}
.c-list01 > li .tit {vertical-align:top;position:relative;padding:0 10px 0 0}
.c-list01 > li .txt {display:inline-block;}
.c-list01-b > li:before {background:#306db8;}
.c-list01-b > li .tit {position:relative;padding-right:16px;margin-right:11px;}
.c-list01-b > li .tit:after {display:block;content:"";width:1px;height:14px;background:#ccc;position:absolute;top:8px;right:0;}
.c-list01-b > li ul li:before {background:#c5c5c5;}
.c-list02 > li {padding:2px 0 2px;font-size:17px;color:#555;position:relative;}
.c-list02 > li .num {display:inline-block;font-size:18px;font-weight:500;color:#444;margin-right:5px;}
.c-list02 > li ul {margin-left:30px;}
.c-list03 > li, .c-list03-li {position:relative;padding:2px 0 2px 30px;font-size:17px;color:#555;}
.c-list03 > li .num {color:#555;background:#e5e5e5;position:absolute;top:5px;left:0;font-weight:500;font-size:13px;font-family:"prometo", sans-serif;width:24px;line-height:24px;text-align:center;border-radius:50%;}
.c-list04 > li, .c-list04-li {position:relative;padding:4px 0 4px 40px; margin-bottom:10px; font-size:17px;color:#555;}
.c-list04 > li .num {color:#fff;position:absolute;top:3px;left:0;font-weight:500;font-size:13px;font-family:"prometo", sans-serif;width:26px;line-height:30px;text-align:center;}
.c-list05 {margin:15px 0;}
.c-list05 > li {position:relative;padding:3px 0 3px 36px;margin-top:0;}
.c-list05 > li:first-child {margin-top:0;}
.c-list05 > li .num {display:inline-block;position:absolute;top:3px;left:0;width:23px;height:23px;line-height:23px;background:#fff; border:1px solid #ddd; border-radius:50%;text-align:center;font-family:bio-sans, sans-serif;color:#555;font-size:13px;}
.c-list05 > li .tit {display:inline-block;color:#555;font-size:17px;font-weight:500;margin-right:10px;margin-bottom:8px}
.c-list05 > li .txt {display:block;}

/* info-ex */
.info-box {position:relative;border-top:3px solid #c8c8c8;padding:57px 0 57px 250px;margin:0 0 50px;}
.info-box .info-tit {font-size:23px;font-weight:500;color:#444;}
.info-box:before, .info-box .info-tit:after {display:block;content:"";position:absolute;}
.info-box:before {width:210px;height:3px;background:#f0b959;top:-3px;left:0;}
.info-box .info-tit:after {width:111px;height:133px;top:52px;left:48px;}
.info-s-box {position:relative;border-bottom:1px solid #dfdfdf;padding:30px 45px 31px;margin:0 0 30px;font-size:0;}
.info-s-box:before {display:block;content:"";width:3px;height:100%;background:#f0b959;position:absolute;top:0;left:0;}
.info-s-box:after {display:block;content:"";width:30px;height:30px;border:2px solid #ccc;border-radius:50%;box-sizing:border-box;position:absolute;top:29px;left:45px;}
.info-s-box .info-tit {display:inline-block;vertical-align:top;font-size:18px;font-weight:500;color:#444;max-width:20%;padding-left:43px;box-sizing:border-box;position:relative;}
.info-s-box .info-tit:before {display:block;content:"";width:1px;height:15px;background:#d9d9d9;position:absolute;top:6px;right:-23px;}
.info-s-box .info-txt {display:inline-block;vertical-align:top;font-size:17px;color:#555;max-width:80%;padding-left:43px;box-sizing:border-box;}
.info-box .info-txt {font-size:17px;color:#555;margin:13px 0 0;}
.info-ex01, .info-ex02, .info-ex03 {position:relative;font-size:17px;color:#555;line-height:1.4;text-align:left;padding:0 0 0 35px;display:inline-block;margin:5px 5px 0 0}
.info-ex01:before, .info-ex02:before, .info-ex03:before {content:"";display:block;position:absolute;left:0;top:1px;width:26px;height:26px;box-sizing:border-box;border-radius:50%;}
.info-ex01:before {background-color:#fff;border:2px solid #ccc;}
.info-ex02:before {background-color:#faa61a;background-position:-56px -136px;}
.info-ex03:before {background-color:#225ea9;background-position:-84px -136px;}
.info-list ul {position:relative;padding-left:57px;}
.info-list ul:after {content:"";display:block;position:absolute;left:7px;top:0;width:40px;height:40px;box-sizing:border-box;border:2px solid #ccc;border-radius:50%;}
.info-list ul li {position:relative;padding:0 0 0 14px;margin:0 0 5px;font-size:17px;color:#555;}
.info-list ul li:last-child {margin:0}
.info-list ul li:before {content:"";display:block;position:absolute;width:3px;height:3px;top:13px;left:0;background:#faa61a;}

/* 动画 */
@media only screen and (min-width: 1000px) {  
    @-webkit-keyframes fadeInDown {
        from {opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}
        to {opacity: 1; -webkit-transform: none; transform: none;}
        }
        
        @keyframes fadeInDown {
        from {opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}
        to {opacity: 1; -webkit-transform: none; transform: none;}
        }
        
        @-webkit-keyframes fadeInUp {
        from {opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0);}
        to {opacity: 1; -webkit-transform: none; transform: none;}
        }
        
        @keyframes fadeInDown {
        from {opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}
        to {opacity: 1; -webkit-transform: none; transform: none;}
        }
        
        @-webkit-keyframes fadeInRight {
        from {opacity: 0; -webkit-transform: translate3d(3%, 0, 0); transform: translate3d(3%, 0, 0);}
        to {opacity: 1; -webkit-transform: none; transform: none;}
        }
        @keyframes fadeInRight {
        from {opacity: 0; -webkit-transform: translate3d(3%, 0, 0); transform: translate3d(3%, 0, 0);}
        to {opacity: 1; -webkit-transform: none; transform: none;}
        }
        
        @-webkit-keyframes fadeInLeft {
        from {opacity: 0; -webkit-transform: translate3d(-3%, 0, 0); transform: translate3d(-3%, 0, 0);}
        to {opacity: 1; -webkit-transform: none; transform: none;}
        }
        @keyframes fadeInLeft {
        from {opacity: 0; -webkit-transform: translate3d(-3%, 0, 0); transform: translate3d(-3%, 0, 0);}
        to {opacity: 1; -webkit-transform: none; transform: none;}
        }
        
        @-webkit-keyframes flipInX {
            0% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                -webkit-transition-timing-function: ease-in;
                transition-timing-function: ease-in;
                opacity: 0
            }
        
            40% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                -webkit-transition-timing-function: ease-in;
                transition-timing-function: ease-in
            }
        
            60% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                opacity: 1
            }
        
            80% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
            }
        
            100% {
                -webkit-transform: perspective(400px);
                transform: perspective(400px)
            }
        }
        
        @keyframes flipInX {
            0% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                -webkit-transition-timing-function: ease-in;
                transition-timing-function: ease-in;
                opacity: 0
            }
        
            40% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                -webkit-transition-timing-function: ease-in;
                transition-timing-function: ease-in
            }
        
            60% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                opacity: 1
            }
        
            80% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
            }
        
            100% {
                -webkit-transform: perspective(400px);
                transform: perspective(400px)
            }
        }
        
        @-webkit-keyframes z {
            from {
                -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
                -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
                -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
                transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
            }
        
            to {
                -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
                -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
                -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
                transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
            }
        }
        
        @keyframes z {
            from {
                -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
                -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
                -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
                transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
            }
        
            to {
                -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
                -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
                -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
                transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
            }
        }
        .flipInX {
            visibility: visible!important;
            visibility: visible!important;
            -webkit-animation-name: flipInX;
            animation-name: flipInX;
        }
        .animated {
            -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }
        
        @keyframes fadeInUp2 {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
            }
        
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .fadeInUp2 {
            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
        }
}