@charset "UTF-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote {  margin: 0;  padding: 0; }
fieldset { border: 0;  vertical-align: middle; }
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
q:before,q:after {  content: ''; }
abbr,acronym {  border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub {  vertical-align: text-bottom; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; outline:none; border: none; }
legend { color: #333; }
a{  outline:none;  text-decoration:none; }
a:active{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-moz-tap-highlight-color: rgba(0, 0, 0, 0); }
#yui3-css-stamp.cssreset {  display: none; }
.cf:before, body:before, .header:before, .footer:before {   content: '';  display: table;  }
.cf:after, after, .header:after,  .footer:after {  content: '';  clear: both;  display: table;  }
.cf, .header, .footer {  *zoom: 1;  }
.fl{ float:left; }
.fr{ float:right; }
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance: none; } 
.mhxl{  -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; -ms-appearance: none; /*for chrome*/ }
img{border:0;}
body, html { font-family:Verdana, Arial, Helvetica, Sans-Serif, "微软雅黑"; color:#666666; font-size:14px; background-color:#ffffff;}
a { color:#333333; font-size:14px; text-decoration:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
a:hover { color:#014B8C;}

.hei6{height:6px; line-height:6px;}
.hei8{height:8px; line-height:8px;}
.hei10{height:10px; line-height:10px;}
.hei12{height:12px; line-height:12px;}
.hei20{height:20px; height: max(20px, 10px);}
.hei30{height:30px; height: max(30px, 10px);}
.hei45{height:45px; height: max(45px, 10px);}
.hei2vw{height:2vw; height: max(2vw, 10px);}
.hei25vw{height:2.5vw; height: max(2.5vw, 12px);}
.hei3vw{height:3vw; height: max(3vw, 15px);}
.hei35vw{height:3.5vw; height: max(3.5vw, 15px);}
.hei4vw{height:4vw; height: max(4vw, 20px);}
.hei45vw{height:4.5vw; height: max(4.5vw, 20px);}
.hei6vw{height:6vw; height: max(6vw, 20px);}
.hei65vw{height:6.5vw; height: max(6.5vw, 40px);}

.pdt10{padding-top:1vw!important; padding-top:max(1vw, 10px)!important;}
.pdt20{padding-top:2vw!important; padding-top:max(2vw, 20px)!important;}
.pdt30{padding-top:3vw!important; padding-top:max(3vw, 30px)!important;}
.pdt40{padding-top:4vw!important; padding-top:max(4vw, 40px)!important;}
.pdt50{padding-top:5vw!important; padding-top:max(5vw, 50px)!important;}
.pdt60{padding-top:6vw!important; padding-top:max(6vw, 60px)!important;}

.pd10-30{padding-top:1.56vw!important; padding-top:max(1.56vw, 10px)!important; padding-bottom:1.56vw!important; padding-bottom:max(1.56vw, 10px)!important;}
.pd12-50{padding-top:2.6vw!important; padding-top:max(2.6vw, 12px)!important; padding-bottom:2.6vw!important; padding-bottom:max(2.6vw, 12px)!important;}
.pd12-60{padding-top:3vw!important; padding-top:max(3vw, 12px)!important; padding-bottom:3vw!important; padding-bottom:max(3vw, 12px)!important;}
.pd12-80{padding-top:4.166vw!important; padding-top:max(4.166vw, 12px)!important; padding-bottom:4.166vw!important; padding-bottom:max(4.166vw, 12px)!important;}
.pd12-100{padding-top:5vw!important; padding-top:max(5vw, 12px)!important; padding-bottom:5vw!important; padding-bottom:max(5vw, 12px)!important;}



.clear{ clear:both; height:0;  line-height:0; font-size:0}

select{padding:5px; outline:none; }


.yuanjiao3{ border-radius:3px; -moz-border-radius:3px;  -webkit-border-radius:3px; }
.yuanjiao4{ border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px; }
.yuanjiao5{ border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px; }
.yuanjiao10{ border-radius:10px; -moz-border-radius:10px;  -webkit-border-radius:10px; }
.yuanjiao15{ border-radius:15px; -moz-border-radius:15px;  -webkit-border-radius:15px; }
.yuanjiaos15{ border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0;  -webkit-border-radius:15px 15px 0 0; }
.yuanjiaox15{ border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px;;  -webkit-border-radius:0 0 15px 15px;; }
.yuanjiao20{ border-radius:20px; -moz-border-radius:20px;  -webkit-border-radius:20px; }
.yuanjiao25{ border-radius:25px; -moz-border-radius:25px;  -webkit-border-radius:25px; }
.yuanjiao30{ border-radius:30px; -moz-border-radius:30px;  -webkit-border-radius:30px; }
.yuanjiao50{border-radius:50%; -moz-border-radius:50%;  -webkit-border-radius:50%;}

/*背景*/
.bjCover{background-repeat:no-repeat; background-position:center center; background-size:cover;}
.bjContain{background-repeat:no-repeat; background-position:center center; background-size:contain;}
/*上面不动，因为是给大背景用的*/
.bjCover2{background-repeat:no-repeat; background-position:center center; background-size:cover;
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  transition: transform 1s ease;
}
.bjCover2:hover{
  -webkit-transform: scale(1.03); /* Safari/Chrome 旧版本 */
  -moz-transform: scale(1.03);    /* Firefox 旧版本 */
  -ms-transform: scale(1.03);     /* IE10 */
  -o-transform: scale(1.03);      /* Opera 旧版本（几乎无需） */
  transform: scale(1.03);	
}

.bjContain2{background-repeat:no-repeat; background-position:center center; background-size:contain;
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  transition: transform 1s ease;
}
.bjContain2:hover{
  -webkit-transform: scale(1.03); /* Safari/Chrome 旧版本 */
  -moz-transform: scale(1.03);    /* Firefox 旧版本 */
  -ms-transform: scale(1.03);     /* IE10 */
  -o-transform: scale(1.03);      /* Opera 旧版本（几乎无需） */
  transform: scale(1.03);	
}

.bjAuto{background-repeat:no-repeat; background-position:center center; background-size:auto;}



/*内容区上下居中*/
.valign{
	/* 核心居中样式 */
	display: flex;      /* 开启 Flex 布局，父容器设置 */
	align-items: center;/* 垂直方向居中（子元素相对于父容器） */
	justify-content: center; /* 可选：水平方向也居中 */
  
  line-height: normal; /* 重置行高，避免单行/多行文字行高异常 */
  display: table-cell; /* 模拟表格单元格 */
  vertical-align: middle; /* 垂直居中 */
  text-align: center; /* 可选：水平居中 */
  
  /* 核心样式 */
  display: grid;
  place-items: center; /* 同时实现水平+垂直居中 */
}


/*放大*/
.fd{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
}
.fd:hover{
	transform: scale(1.1);
	-moz-transform: scale(1.1); /* Firefox 4 */
	-webkit-transform: scale(1.1); /* Safari 和 Chrome */
	-o-transform: scale(1.1); /* Opera */
}


/*放大 带边框阴影*/
.fd2{
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.fd2:hover{	
	transform: scale(1.2);
	-moz-transform: scale(1.2); /* Firefox 4 */
	-webkit-transform: scale(1.2); /* Safari 和 Chrome */
	-o-transform: scale(1.2); /* Opera */
	
	border:1px solid #CCCEDA;
	-webkit-box-shadow: 0 0 10px #dddddd;  
	-moz-box-shadow: 0 0 10px #dddddd;
	box-shadow: 0 0 10px #dddddd;
	border-collapse:separate !important;
}

/*动感秒数*/


/*放大*/
.fd-bj{
	-webkit-transition: transform 1s ease;
	-moz-transition: transform 1s ease;
	-ms-transition: transform 1s ease;
	-o-transition: transform 1s ease;
	transition: transform 1s ease;
}
.fd-bj:hover{
	-webkit-transform: scale(1.03); /* Safari/Chrome 旧版本 */
  -moz-transform: scale(1.03);    /* Firefox 旧版本 */
  -ms-transform: scale(1.03);     /* IE10 */
  -o-transform: scale(1.03);      /* Opera 旧版本（几乎无需） */
  transform: scale(1.03);
}



/*旋转*/
.xz{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
}
.xz:hover{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
	-webkit-transform: rotate(360deg);	-moz-transform: rotate(360deg);	transform: rotate(360deg);
}

/*文字阴影黑*/
.text-shadow-hei {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  /* IE9 兜底：替换 rgba 为十六进制（无透明度），或用 IE 滤镜模拟 */
  filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#80000000');
}


/*阴影*/
.yy{
	-webkit-box-shadow: 0 0 5px #f1f1f1;  
	-moz-box-shadow: 0 0 5px #f1f1f1;
	box-shadow: 0 0 5px #f1f1f1;
	border-collapse:separate !important;
}
.yy:hover{
	-webkit-box-shadow: 0 0 3px #eeeeee;  
	-moz-box-shadow: 0 0 3px #aaaaaa;
	box-shadow: 0 0 3px #aaaaaa;
	border-collapse:separate !important;
}

/*阴影2*/
.yy2{
	-webkit-box-shadow: 2px 2px 2px #000000;  
	-moz-box-shadow: 2px 2px 2px #000000;
	box-shadow: 2px 2px 2px #222222;
	border-collapse:separate !important;
}

/*阴影3*/
.yy3{
	padding:10px 0 10px 0 !important;
	-webkit-box-shadow: 1px 1px 2px #bbbbbb;  
	-moz-box-shadow: 1px 1px 2px #bbbbbb;
	box-shadow: 1px 1px 2px #bbbbbb;
}

.li-fd img{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
}
.li-fd:hover img{
	transform: scale(1.1);
	-moz-transform: scale(1.1); /* Firefox 4 */
	-webkit-transform: scale(1.1); /* Safari 和 Chrome */
	-o-transform: scale(1.1); /* Opera */
}



/*白边*/
.baibian{
-webkit-text-shadow:3px 3px 0px #FFFFFF;
-moz-text-shadow:3px 3px 0px #FFFFFF;
-o-text-shadow:3px 3px 0px #FFFFFF;
text-shadow:3px 3px 0px #FFFFFF;
}

/*块*/
.kuai{
	display:inline-block;
    _display:inline;
    *display:inline;
    zoom:1;
}


/*图片彩色变白色*/
.cai_bai img{
-webkit-filter: grayscale(50%); 
-moz-filter: grayscale(50%); 
-ms-filter: grayscale(50%); 
-o-filter: grayscale(50%); 
filter: grayscale(50%); 
filter: gray; 
}
.cai_bai:hover img{
-webkit-filter: grayscale(0); 
-moz-filter: grayscale(0); 
-ms-filter: grayscale(0); 
-o-filter: grayscale(0); 
filter: grayscale(0); 
filter: gray;
}

/*图片彩色变白色*/
.cai_bai2 img{
-webkit-filter: grayscale(50%); 
-moz-filter: grayscale(50%); 
-ms-filter: grayscale(50%); 
-o-filter: grayscale(50%); 
filter: grayscale(50%); 
filter: gray; 
}
.cai_bai2:hover img{
-webkit-filter: grayscale(0); 
-moz-filter: grayscale(0); 
-ms-filter: grayscale(0); 
-o-filter: grayscale(0); 
filter: grayscale(0); 
filter: gray;
}

/*透明*/
.hui_hei{
	filter:alpha(opacity=50); /* IE */
	-moz-opacity:0.5; /* 老版Mozilla */
	-khtml-opacity:0.5; /* 老版Safari */
	opacity: 0.5; /* 支持opacity的浏览器*/
}
.hui_hei:hover{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}


/*透明*/
.touming{
	filter:alpha(opacity=70); /* IE */
	-moz-opacity:0.7; /* 老版Mozilla */
	-khtml-opacity:0.7; /* 老版Safari */
	opacity: 0.7; /* 支持opacity的浏览器*/
}
.touming:hover{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}


/*四边灰*/
.sibianhui{border:1px solid #E1E1E1; padding:4px;}
/*三边灰*/
.sanbianhui{border-left:1px solid #E1E1E1; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1;}

/*圆角*/
.yuanjiao{border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px;}
/*底边圆角*/
.yuanjiao-db{border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px;  -webkit-border-radius:0 0 4px 4px;}
/*上边圆角*/
.yuanjiao-top{border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0;  -webkit-border-radius:4px 4px 0 0;}

/*倾斜*/
.qingxie{
transform:skewX(30deg);
-webkit-transform:skewX(30deg); /*兼容-webkit-引擎浏览器*/
-moz-transform:skewX(30deg); /*兼容-moz-引擎浏览器*/
}


/*css里的下拉效果*/
@keyframes xiala{
	0%{ opacity: 0; transform: translate(0, -100); -ms-transform: translate(0, -100); -moz-transform: translate(0, -100); -webkit-transform: translate(0, -100); -o-transform: translate(0, -100); }
	100%{opacity: 1; transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); }
}@-moz-keyframes xiala{
	0%{ opacity: 0; transform: translate(0, -100); -ms-transform: translate(0, -100); -moz-transform: translate(0, -100); -webkit-transform: translate(0, -100); -o-transform: translate(0, -100); }
	100%{opacity: 1; transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); }
}@-webkit-keyframes xiala{
	0%{ opacity: 0; transform: translate(0, -100); -ms-transform: translate(0, -100); -moz-transform: translate(0, -100); -webkit-transform: translate(0, -100); -o-transform: translate(0, -100); }
	100%{opacity: 1; transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); }
}@-o-keyframes xiala{
	0%{ opacity: 0; transform: translate(0, -100); -ms-transform: translate(0, -100); -moz-transform: translate(0, -100); -webkit-transform: translate(0, -100); -o-transform: translate(0, -100); }
	100%{opacity: 1; transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); }
}






/*解决opacity IE透明度问题
  .opacity{
   filter:alpha(opacity=50);    	IE
   -moz-opacity:0.5;                老版Mozilla
   -khtml-opacity:0.5;              老版Safari
   opacity: 0.5;           			支持opacity的浏览器}

解决IE rgba透明度的问题。
filter:progid:DXImageTransform.Microsoft.gradient(startColorst33#7F000000,endColorstr=#7F000000); 
注：#33000000 这里#后面是有两部分组成的：第一个是透明度（值如下），第二个是六位数的颜色值。
0.1（19）  0.2（33）  0.3（4C）    0.4（66）   0.5（7F）    0.6（99）  0.7（B2）  0.8（C8）   0.9（E5）
*/

/* function */
.f-dn { display:none;}
.f-db { display:block;}
.f-di { display:inline;}
.f-fl { float:left;}
.f-fr { float:right;}
.f-fn { float:none;}
.f-pr { position:relative;}
.f-pa { position:absolute;}
.f-oh { overflow:hidden;}
.f-fs12 { font-size:12px;}
.f-fs14 { font-size:14px;}
.f-fwb { font-weight:bold;}
.f-tal { text-align:left;}
.f-tac { text-align:center;}
.f-tar { text-align:right;}
.f-vam { vertical-align:middle;}
.f-vat { vertical-align:top;}
.f-wsn { word-wrap:normal; white-space:nowrap;}
.f-ti { overflow:hidden; text-indent:-999em;}
.f-ti2 { text-indent:2em;}
.f-cp { cursor:pointer;}
.f-nus { -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.f-clear { overflow:hidden; display:block; clear:both; height:0;}
.f-clearfix:before, .f-clearfix:after { content:''; display:table;}
.f-clearfix:after { clear:both;}
.f-clearfix,.f-zm { *zoom:1;}
.f-yahei { font-family:\5fae\8f6f\96c5\9ed1;}
.f-song { font-family:\5b8b\4f53;}
.f-cred { color:#f00;}