@charset "gb2312";
html{ margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;  -webkit-font-smoothing:antialiased;  background:#fffbe9; }
body { -webkit-text-size-adjust:100%; margin:0px; padding:0; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#fff; text-decoration:none;  transition:all ease-out .2s 0s;-webkit-transition:all ease-out .2s 0s; }
a:hover{ color:#7ac71f; text-decoration:none; }
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,d,span,b { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.md40 { margin-bottom:40px;}
.warp { width:1080px; overflow:hidden; margin:0 auto; }
.cl { height:0px; font-size:0px; clear:both; }

.amn { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.amn img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}

.amn2{-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;-ms-transition:-ms-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out;}
.amn2:hover { -webkit-transform: translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}

.header { width:100%; margin:0 auto; background:url(../images/header.jpg) center top no-repeat; text-align:center;  }
.mobtop { width:100%; display:none;}

.djdm { width:100%; float:left;  margin-bottom:-10px; margin-top: 5%;}
.djdm ul li { width:31.6666666%; float:left; margin-right:2.5%; margin-bottom: 20px; position:relative;}
.djdm ul li h2 { width:100%; float:left; height:210px; overflow:hidden;  }
.djdm ul li h2 img { width:100%; height:100%; display:block;  }
.djdm ul li h3 { width:100%; float:left; font-size:16px;  color:rgba(0,0,0,.8);  line-height:24px; height:60px; overflow:hidden; padding:12px 0 0 0;  }
.djdm ul li:hover h3 { color:#d50004;}
.djdm ul li em{ width:92px; height:92px; display:block; background: url(../images/player.png);background-size:cover; overflow:hidden; position:absolute; top:30%; left:44%; cursor:pointer; transform:rotate(0deg); -webkit-transform:rotate(0deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1; margin-left:-20px; margin-top:-20px; }
.djdm ul li:hover em { transform:rotate(-180deg);-webkit-transform:rotate(-180deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1 }
.djdm ul li:nth-child(3n){ margin-right:0; }

.footer { width:100%;  float:left; text-align:center; font-size:15px; line-height:30px; padding:30px 0;  }
.footer p { color:#000; font-size:16px; line-height:40px; }
.footer span { color:rgba(0,0,0,.7); }
.footer span a { color:rgba(0,0,0,.7); padding:0 6px; }
.footer span a:hover { color:#fff; }

@media screen and (max-width:899px) and (min-width: 160px){
*{text-align:justify;}
.md40 { margin-bottom:5%;}
.warp { width:100%; padding:0 5%; }
.header { display:none;} 
.mobtop { display: block;  }
.mobtop img { width:100%; height:auto; }	
.djdm { width:100%; float:left;  margin-bottom:2%; margin-top: 8%;}
.djdm ul li { width:100%; float:left; margin-right:0; margin-bottom:4%;}
.djdm ul li h2 { width:100%; float:left; height:11.5rem; overflow:hidden;  }
.djdm ul li h2 img { width:100%; height:100%; display:block;  }
.djdm ul li h3 { font-size:.95rem; color:rgba(0,0,0,.8); line-height:1.4rem; height:3.5rem; overflow: hidden; padding:.5rem 0 0 0;  }
.djdm ul li em{ width:40px; height:40px; display:block; background: url(../images/player.png);background-size:cover; overflow:hidden; position:absolute; top:50%; left:50%; cursor:pointer; transform:rotate(0deg); -webkit-transform:rotate(0deg); filter:alpha(opacity=100);-moz-opacity:1;opacity:1; margin-left:-20px; margin-top:-50px; }
.footer { width:100%; float:left; padding:1.5% 0; line-height:1rem; }
.footer p { color:#30211e; font-size:0.95rem; line-height:1rem; text-align:center; }
.footer p em { display:none; }
.footer span {  display:none; }
}