@charset "utf-8";
/* 全局样式 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, code, del, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, textarea{ margin: 0; padding: 0; border: 0; outline: 0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{ display: block ;margin: 0; padding: 0; border: 0;}
select,input, button{ margin: 0; padding: 0;outline: 0;  }
em, i{font-style: normal;}
a{ text-decoration: none; outline: none;color: #333; blr:expression(this.onFocus=this.blur()); }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; color: #0f6fab; }
a:focus{outline: none;}  
li{list-style-type: none; }
body{ font-size: 12px; color: #333; font-family:'宋体'，Arial, Helvetica, sans-serif;min-width: 1280px;}
 
/*--通用--*/ 
.w1280{width: 1280px;margin:0 auto;}
.w1000{width: 1000px;margin:0 auto;}
.fl { float: left }
.fr { float: right }
.fz12{ font-size: 12px; }
.fz14{ font-size: 14px; }
.fz17{font-size: 17px;}
.fz18{font-size: 18px;}
.fz21{font-size:21px;}
.none { display: none }
.bj_none{background:none;}


.clear{width: 100%;clear: both;}
.img_hover img:hover{filter: alpha(opacity=60);opacity: 0.6;transition: 0.3s ease-in-out;}


/* -- */
.bounceIn{
animation:bounceIn 1s;
-moz-animation:bounceIn 1s; 
-webkit-animation:bounceIn 1s; 
-o-animation:bounceIn 1s; 	
}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);transform:scale(.9)}
100%{-webkit-transform:scale(1);transform:scale(1)}}
@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3);-o-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-o-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
70%{-o-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}
100%{-o-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3);-moz-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-moz-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
70%{-moz-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9)}
100%{-moz-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
/* -- */
.bounceIn_into{
animation:bounceIn_into 0.3s;
-moz-animation:bounceIn_into 0.3s; 
-webkit-animation:bounceIn_into 0.3s; 
-o-animation:bounceIn_into 0.3s; 	
-ms-animation:bounceIn_into 0.3s; 	
}
@-webkit-keyframes bounceIn_into{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@-o-keyframes bounceIn_into{0%{opacity:0;-o-transform:scale(0);transform:scale(0)}
100%{opacity:1;-o-transform:scale(1);transform:scale(1)}}
@-moz-keyframes bounceIn_into{0%{opacity:0;-moz-transform:scale(0);transform:scale(0)}
100%{opacity:1;-moz-transform:scale(1);transform:scale(1)}}
@-ms-keyframes bounceIn_into{0%{opacity:0;-ms-transform:scale(0);transform:scale(0)}
100%{opacity:1;-ms-transform:scale(1);transform:scale(1)}}
@keyframes bounceIn_into{0%{opacity:0;transform:scale(0)}
100%{opacity:1;transform:scale(1)}}


/* -- */
.bounceInRight{
-moz-animation:bounceInRight 1s;
-ms-animation:bounceInRight 1s;
-o-animation:bounceInRight 1s;
-webkit-animation:bounceInRight 1s;
animation:bounceInRight 1s;
}
@-ms-keyframes bounceInRight{
0%{opacity:0;
-ms-transform:translateX(2000px)}
60%{opacity:1;
-ms-transform:translateX(-30px)}
80%{-ms-transform:translateX(10px)}
100%{-ms-transform:translateX(0)}
}
@-o-keyframes bounceInRight{
0%{opacity:0;
-o-transform:translateX(2000px)}
60%{opacity:1;
-o-transform:translateX(-30px)}
80%{-o-transform:translateX(10px)}
100%{-o-transform:translateX(0)}
}
@-webkit-keyframes bounceInRight{
0%{opacity:0;
-webkit-transform:translateX(2000px)}
60%{opacity:1;
-webkit-transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInRight{
0%{opacity:0;
-moz-transform:translateX(2000px)}
60%{opacity:1;
-moz-transform:translateX(-30px)}
80%{-moz-transform:translateX(10px)}
100%{-moz-transform:translateX(0)}
}
@keyframes bounceInRight{
0%{opacity:0;
ransform:translateX(2000px)}
60%{opacity:1;
transform:translateX(-30px)}
80%{transform:translateX(10px)}
100%{transform:translateX(0)}
}
/* -- */
.bounceInLeft{-moz-animation:bounceInLeft 1s;
-ms-animation:bounceInLeft 1s;
-o-animation:bounceInLeft 1s;
-webkit-animation:bounceInLeft 1s;
animation:bounceInLeft 1s;
}
@-webkit-keyframes bounceInLeft{
0%{opacity:0;
-webkit-transform:translateX(-2000px)}
60%{opacity:1;
-webkit-transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px)}
100%{-webkit-transform:translateX(0)}
}
@-ms-keyframes bounceInLeft{
0%{opacity:0;
-ms-transform:translateX(-2000px)}
60%{opacity:1;
-ms-transform:translateX(30px)}
80%{-ms-transform:translateX(-10px)}
100%{-ms-transform:translateX(0)}
}
@-o-keyframes bounceInLeft{
0%{opacity:0;
-o-transform:translateX(-2000px)}
60%{opacity:1;
-o-transform:translateX(30px)}
80%{-o-transform:translateX(-10px)}
100%{-o-transform:translateX(0)}
}
@-moz-keyframes bounceInLeft{
0%{opacity:0;
-moz-transform:translateX(-2000px)}
60%{opacity:1;
-moz-transform:translateX(30px)}
80%{-moz-transform:translateX(-10px)}
100%{-moz-transform:translateX(0)}
}
@keyframes bounceInLeft{
0%{opacity:0;
transform:translateX(-2000px)}
60%{opacity:1;
transform:translateX(30px)}
80%{transform:translateX(-10px)}
100%{transform:translateX(0)}
}
/* -- */
.fadeInUpBig{-moz-animation:fadeInUpBig .8s 0s ease both;
-ms-animation:fadeInUpBig .8s 0s ease both;
-o-animation:fadeInUpBig .8s 0s ease both;
-webkit-animation:fadeInUpBig .8s 0s ease both;
animation:fadeInUpBig .8s 0s ease both;
 }

@-webkit-keyframes fadeInUpBig{
0%{opacity:0;
-webkit-transform:translateY(1000px)}
60%{opacity:1;
-webkit-transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px)}
100%{-webkit-transform:translateY(0)}
}
@-o-keyframes fadeInUpBig{
0%{opacity:0;
-o-transform:translateY(2000px)}
60%{opacity:1;
-o-transform:translateY(-30px)}
80%{-o-transform:translateY(10px)}
100%{-o-transform:translateY(0)}
}
@-ms-keyframes fadeInUpBig{
0%{opacity:0;
-ms-transform:translateY(2000px)}
60%{opacity:1;
-ms-transform:translateY(-30px)}
80%{-ms-transform:translateY(10px)}
100%{-ms-transform:translateY(0)}
}
@-moz-keyframes fadeInUpBig{
0%{opacity:0;
-moz-transform:translateY(2000px)}
60%{opacity:1;
-moz-transform:translateY(-30px)}
80%{-moz-transform:translateY(10px)}
100%{-moz-transform:translateY(0)}
}
@keyframes fadeInUpBig{
0%{opacity:0;
transform:translateY(2000px)}
60%{opacity:1;
transform:translateY(-30px)}
80%{transform:translateY(10px)}
100%{transform:translateY(0)}
}
/* -- */
.bounceInDown{
-webkit-animation:bounceInDown 1s .2s ease both;-ms-animation:bounceInDown 1s .2s ease both;-o-animation:bounceInDown 1s .2s ease both;-moz-animation:bounceInDown 1s .2s ease both;animation:bounceInDown 1s .2s ease both;}
@-webkit-keyframes bounceInDown{
0%{opacity:0;
-webkit-transform:translateY(-2000px)}
60%{opacity:1;
-webkit-transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px)}
100%{-webkit-transform:translateY(0)}
}
@-ms-keyframes bounceInDown{
0%{opacity:0;
-ms-transform:translateY(-2000px)}
60%{opacity:1;
-ms-transform:translateY(30px)}
80%{-ms-transform:translateY(-10px)}
100%{-ms-transform:translateY(0)}
}
@-o-keyframes bounceInDown{
0%{opacity:0;
-o-transform:translateY(-2000px)}
60%{opacity:1;
-o-transform:translateY(30px)}
80%{-o-transform:translateY(-10px)}
100%{-o-transform:translateY(0)}
}
@-moz-keyframes bounceInDown{
0%{opacity:0;
-moz-transform:translateY(-2000px)}
60%{opacity:1;
-moz-transform:translateY(30px)}
80%{-moz-transform:translateY(-10px)}
100%{-moz-transform:translateY(0)}
}
@keyframes bounceInDown{
0%{opacity:0;
transform:translateY(-2000px)}
60%{opacity:1;
transform:translateY(30px)}
80%{transform:translateY(-10px)}
100%{transform:translateY(0)}
}
/* -- */
.bounce{
-webkit-animation:bounce .7s 0s ease both;-ms-animation:bounce .7s 0s ease both;
-moz-animation:bounce .7s 0s ease both;-o-animation:bounce .7s 0s ease both;animation:bounce .7s 0s ease both;}
@-webkit-keyframes bounce{
0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px)}
}
@-o-keyframes bounce{
0%,20%,50%,80%,100%{-o-transform:translateY(0)}
40%{-o-transform:translateY(-30px)}
60%{-o-transform:translateY(-15px)}
}
@-ms-keyframes bounce{
0%,20%,50%,80%,100%{-ms-transform:translateY(0)}
40%{-ms-transform:translateY(-30px)}
60%{-ms-transform:translateY(-15px)}
}
@-moz-keyframes bounce{
0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
40%{-moz-transform:translateY(-30px)}
60%{-moz-transform:translateY(-15px)}
}
@keyframes bounce{
0%,20%,50%,80%,100%{transform:translateY(0)}
40%{transform:translateY(-30px)}
60%{transform:translateY(-15px)}
}
/* -- */
.fadeInRight{
-webkit-animation:fadeInRight 1s .2s ease both;-moz-animation:fadeInRight 1s .2s ease both;-o-animation:fadeInRight 1s .2s ease both;-ms-animation:fadeInRight 1s .2s ease both;animation:fadeInRight 1s .2s ease both;}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-o-keyframes fadeInRight{
0%{opacity:0;
-o-transform:translateX(20px)}
100%{opacity:1;
-o-transform:translateX(0)}
}
@-ms-keyframes fadeInRight{
0%{opacity:0;
-ms-transform:translateX(20px)}
100%{opacity:1;
-ms-transform:translateX(0)}
}

@keyframes fadeInRight{
0%{opacity:0;
transform:translateX(20px)}
100%{opacity:1;
transform:translateX(0)}
}
/* -- */
.fadeInLeft{
-webkit-animation:fadeInLeft 1s .2s ease both;-moz-animation:fadeInLeft 1s .2s ease both;-o-animation:fadeInLeft 1s .2s ease both;-ms-animation:fadeInLeft 1s .2s ease both;animation:fadeInLeft 1s .2s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-o-keyframes fadeInLeft{
0%{opacity:0;
-o-transform:translateX(-20px)}
100%{opacity:1;
-o-transform:translateX(0)}
}
@-ms-keyframes fadeInLeft{
0%{opacity:0;
-ms-transform:translateX(-20px)}
100%{opacity:1;
-ms-transform:translateX(0)}
}
@keyframes fadeInLeft{
0%{opacity:0;
transform:translateX(-20px)}
100%{opacity:1;
transform:translateX(0)}
}

/*by yondoor 滚动条效果*/
/* 垂直滚动条样式 */
/* 宽度 */
::-webkit-scrollbar {
    width: 12px;
}
/* 背景 */
::-webkit-scrollbar-track {
    background: linear-gradient(to bottom, #f5f5f5, #f2f2f2);
}
/* 滑块 */
::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #a1a1a1, #c4d2e3);
    border-radius: 5px; /* 圆角 */
    box-shadow: inset 0 0 2px rgba(0,0,0,.3); /* 阴影 */
}

/* 水平滚动条样式 */
/* 高度 */
::-webkit-scrollbar {
    height: 12px;
}
/* 背景 */
::-webkit-scrollbar-track {
    background: linear-gradient(to right, #f5f5f5, #f2f2f2);
}
/* 滑块 */
::-webkit-scrollbar-thumb {
    background: linear-gradient(to right, #a1a1a1, #c4d2e3);
    border-radius: 5px; /* 圆角 */
    box-shadow: inset 0 0 2px rgba(0,0,0,.3); /* 阴影 */
}
.l_menu dl dd.zilb{max-height: 300px;overflow-y:scroll; }