
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;font-family:  Helvetica, Arial, "Microsoft YaHei"; color:#666;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.none{display:none;}
.mnav{ display:none;}
a {
	text-decoration: none;
	outline: none;
     color:#555;
}
a:hover {
	text-decoration: none; color:#000;
}
ul, li {
	list-style: none;
	list-style-type: none;
}
h1, h2, h3, h4 {
	font-weight: normal;
}
img, iframe {
	border: 0;
}
.clearfix:before, .clearfix:after {
	content: '';
	display: table;
}
.clearfix:after {
	clear: both;
}

*{transition:all 0.5s;}
.container{ margin:auto;}
.occupy{height: 1.40rem; z-index:0;}
.Mtop{ margin-top:.2rem;}

/*---------- page-header ----------*/
header { display:block;
	height: 1.20rem;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	z-index: 100;
	 border-bottom:1px solid #a8a8a8 ;
	 background:#fff;
}
header ul{ margin:auto;}
header ul .logo{ float:left; display:block; width:1.4rem; height:.86rem; background:url(../images/logo-c.png) no-repeat; background-size:contain; margin-top:.2rem;}
header ul .m{ float:right;  margin-top:.66rem;position:relative;}
header ul .m a{ display:block; height:.52rem;}
.nav .sub{ display:none; /*默认隐藏*/ width:2.7rem;position:absolute; left:-.55rem; top:.52rem; background:#fff; text-align:center; box-shadow: 0 1px 0.08rem rgba(0,0,0,0.2);}
.nav .sub li{border-bottom:1px solid #ccc;}
.nav .sub li a{font-size:0.16rem; padding:.15rem 0;  display:block; color:#666;}
.nav .sub li a:hover{ color:#000; background:#fbfbfb;   }
.m:hover .sub {  display: block;}

.pic-w-03{ width:35%;padding:.15rem ;}
.cont-w-01{width:65%;padding:.15rem .15rem .15rem .6rem ;}
.cont-w-pic{text-align:center;padding:25px;border:1px solid #ccc;}
.cont-w-pic .img01{ width:70%; }
.cont-w-pic .img02{ width:100%; }
h2{ font-size:.32rem; font-weight:600; color:#000;padding-bottom:15px;border-bottom:1px solid #2c2c2c;}
/*---------- footer ----------*/
footer{height:15px; width:100%; padding:0.6rem .6rem .3rem; text-align:right; color:#939494; font-size:0.1rem; }

/*---------- table ----------*/

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
	font-size:0.14rem;
	margin-top:.3rem;
}
th { background-color:#d8d8d8;padding:0.08rem .05rem; font-size:.14rem; font-weight:500;color:#000;}
td,th {

	text-align:center;
	vertical-align:middle;
	
	border-bottom:1px solid;
	border-color: #ebebeb;
	outline:none !important
}
td{padding:0.1rem .05rem;}
.ft{padding-bottom:.05rem;}
.ft a{color: #939494;}
.ft a:hover{color:#555;}

/*---------- @media ----------*/
@media (min-width:1200px) {

.container,.header ul{width:1200px;}
.header ul .m{ font-size:.18rem;}
.header ul .m a{padding:.1rem .22rem;}
}

@media (max-width:1200px) {

.container,.header ul{width:100%;}
.header ul .m{ font-size:.18rem;}
.header ul .m a{padding:.1rem .22rem;}
}
@media (max-width:1024px) {
.header ul .m{ font-size:.16rem;}
 .header ul .m a{padding:.1rem .12rem;}	
 figure.effect-sadie p {line-height:1.3;}
}
@media (min-width:908px) and (max-width:978px) {
	figure.effect-sadie p {top:64%;}
	}
@media (min-width:799px) and (max-width:908px) {
	figure.effect-sadie p {font-size:.12rem;top:63%;}
	}
@media (max-width:799px) {
	.pic-w-01{ width:90%; padding-left:.25rem; padding-right:.25rem; padding-bottom:.25rem;}
	.pic-w-02{ width:50%;  padding:.05rem;}
	.listS{ padding-left:.2rem; padding-right:.2rem;}
	h1{margin-bottom:.2rem;}
	figure.effect-sadie p {top:71%;}
	footer{padding:0.6rem 0 .2rem;text-align:center;}
	th,td{font-size:.1rem; padding:.05rem .01rem;}
}