@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:Arial, Helvetica, sans-serif, yahei; color:#333333; 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:#D00022;}



.mtb{ width:100%; margin:auto; border-left:0px solid #dddddd; border-top:0px solid #dddddd;}
.mtb tr td{ padding:5px 12px 5px 12px; border-right:0px solid #dddddd; border-bottom:0px solid #dddddd; padding:0px; text-align:center;}
.mtb tr td img{max-width:100%;}
@media screen and (max-width:760px){
	.mtb tr td{ float:left; width:100%;}	
}




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

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

/*放大*/
.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 */
}

.yuanjiao2{ border-radius:2px; -moz-border-radius:2px;  -webkit-border-radius:2px; }
.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; }
.yuanjiao50{border-radius:50%; -moz-border-radius:50%;  -webkit-border-radius:50%;}

/*放大 带边框阴影*/
.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;
}

/*放大*/
.bj_fd{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
}
.bj_fd:hover{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
	background-size:101% 101%;
}


/*旋转*/
.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);
}

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

/*阴影2*/
.yy2{
	-webkit-box-shadow: 1px 1px 1px #eeeeee;  
	-moz-box-shadow: 1px 1px 1px #eeeeee;
	box-shadow: 1px 1px 1px #eeeeee;
	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(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
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;
}


/*透明*/
.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:4px; -moz-border-radius:4px;  -webkit-border-radius:4px;}
/*底边圆角*/
.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;}



.dingding{}
.dingding img{ width:100%;}
.r_ewm{ position:fixed; top:50%; right:0; line-height:25px; font-size:14px; text-align:center;}
.r_ewm img{ width:140px; border:1px solid #dddddd;}