@charset "utf-8";
/* CSS Document */

/*==================================================*/

/* 全局样式 */
*{ /* box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; */ }
html{}
body{ font-family: Microsoft Yahei, "微软雅黑", "宋体", "黑体", Arial, Helvetica, simsun, sans-serif; -webkit-text-size-adjust:none;}

html,body,header,nav,footer,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd { margin:0; padding:0;}
ul,ol,li,dl,dt,dd,input { list-style:outside none none;}
h1,h2,h3,h4,h5,h6 { font-size:normal; font-weight:normal;}
span,em,i,b,var,ins,dfn,code,address { font-style:normal;}
input,select,textarea{outline:none;}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}

body{ background:white; color:#5A5A5A; font-size:14px;}


textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .fileupload-new .input-append .btn-file {
    border: 1px solid #ddd;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: none !important;
}

/* 链接样式 */
a{ text-decoration:none; cursor:pointer; outline:none}
a{ blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
a{ noOutline:expression_r(this.onFocus=this.blur())}
a:focus{ outline:0;}
a:link,a:visited{ color:#5A5A5A;}
a:active,a:hover{ color:#00bcd4;}
.a_speed{ transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;}


/* 图片样式 */
img{}
.img{ max-width:100%; max-height:100%;}
.jpg{ animation-duration:1s;-webkit-animation-duration:1s; animation-fill-mode:both;-webkit-animation-fill-mode:both; animation-name:pulse;-webkit-animation-name:pulse;}

/* 颜色颜色 */
.D00000{color:#D00000!important;}



/*浮动和清浮动*/
fl,.fl{ float:left; zoom:1;}
fr,.fr{ float:right; zoom:1;}
cl,.cl,.clear{ clear:both; zoom:1;}
.clearfix:after{ content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
.clearfix{zoom:1;}

.AllWrap{ width:1200px; margin:0 auto; position:relative;}
.w1200{ width:1200px; margin:0 auto; position:relative;}
.w1280{ width:1280px; margin:0 auto; position:relative;}
.w1000{ width:1000px; margin:0 auto; position:relative;}
.blank{ width:1200px; height:10px; margin:0 auto; position:relative; background:white;}

.shadow{ box-shadow: 0 2px 2px rgba(9,2,4,.55);}
.none{display:none;}

.video-box{ margin:0 auto;}
.advert{ width:1200px; height:140px;}

.p20t{ padding-top:20px;}
.p20b{ padding-bottom:20px;}
.p40t{ padding-top:40px;}
.p40b{ padding-bottom:40px;}


/* pages */
div.pages{width:100%; height:auto; margin-top:20px; font-size:14px; clear:both; color:#929292;}
div.pages a{display:inline-block; float:left; padding:3px 10px; margin:0 5px; border:1px solid #00bcd4; color:#555; text-decoration:none;}
div.pages a:hover{border:1px solid #00bcd4; color:#FFF; background-color:#00bcd4;}
div.pages span{display:inline-block; float:left; padding:3px 12px; margin:0 5px;}
div.pages span.current{border:1px solid #00bcd4; color:#FFF; background-color:#00bcd4;}
div.pages span.disabled{border:1px solid #CCC; color:#CCC; background-color:#FFF;}
div.page{margin-top:30px; clear:both;}
div.page p{background:url(../images/page.jpg) 0 0 no-repeat;height:38px;margin:2px auto;font:14px/38px "microsoft yahei";color:#7d7d7d;text-indent:15px;overflow:hidden;}
div.page a{color:#7d7d7d;}
div.page a:hover{color:#00bcd4;}
div.page a.back{display:inline-block; float:right; font:14px/42px "microsoft yahei"; color:#7d7d7d;}


.blank5 { width: 100%; height: 5px; clear: both; }
.blank10 { width: 100%; height: 10px; clear: both; }
.blank15 { width: 100%; height: 15px; clear: both; }
.blank20 { width: 100%; height: 20px; clear: both; }
.blank30 { width: 100%; height: 30px; clear: both; }
.blank40 { width: 100%; height: 40px; clear: both; }
.blank50 { width: 100%; height: 50px; clear: both; }
.blank60 { width: 100%; height: 60px; clear: both; }
.blank70 { width: 100%; height: 70px; clear: both; }
.blank80 { width: 100%; height: 80px; clear: both; }
.blank90 { width: 100%; height: 90px; clear: both; }
.blank100 { width: 100%; height: 100px; clear: both; }
.blank110 { width: 100%; height: 110px; clear: both; }
.blank120 { width: 100%; height: 120px; clear: both; }
.blank130 { width: 100%; height: 130px; clear: both; }
.blank140 { width: 100%; height: 140px; clear: both; }
.blank150 { width: 100%; height: 150px; clear: both; }
.blank160 { width: 100%; height: 160px; clear: both; }
.blank170 { width: 100%; height: 170px; clear: both; }
.blank180 { width: 100%; height: 180px; clear: both; }
.blank190 { width: 100%; height: 190px; clear: both; }
.blank200 { width: 100%; height: 200px; clear: both; }
.blank210 { width: 100%; height: 210px; clear: both; }



/*动画渐变色*/
.gradual{ width:100%; height:8px; margin-bottom:4px; position:relative;}
.gradual{
	background-image: linear-gradient(120deg, #018dd4, #018dd4 40%, #addb02 60%, #addb02);
	animation: masked-animation 2s 1 ease-out;
}
@keyframes masked-animation {
	0% {background-position: 0 0; width:0; opacity:0;}  
	100% {background-position: -100% 0; width:100%; opacity:1;}
}
/*背景渐变色*/
.gradient{
	background:-webkit-linear-gradient(to right,#018dd4 20%,#addb02 100%);/*for safari5.1-6.0*/
	background:-o-linear-gradient(to right,#018dd4 20%,#addb02 100%);/*Opera 11.1-12.0*/
	background:-moz-linear-gradient(to right,#018dd4 20%,#addb02 100%);/*firefox 3.6-15*/
	background:linear-gradient(to right,#018dd4 20%,#addb02 100%);/*标准语法，必须放在最后*/
}