@charset "gb2312";
*{ margin:0px; padding:0px; border:0; }
html, body {width:100%; height:100%;  margin:0px; padding:0;  font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif; background: url(../images/bg.jpg) bottom center no-repeat #cdbcac;background-attachment:fixed;  }
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; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
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:#404040; text-decoration:none; }
a:hover{ color:#c00; text-decoration:none;}
div,ul,li,h4,h5,dl,dd,dt { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.cl { 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);}

.header { width:100%; height:100%; overflow:hidden; position:relative; }
.header div { position:absolute;}
.top { width:100%; margin:0 auto; display:none;}

.lpic {  top:0; left:0; width:622px; height:642px;  z-index:14; -webkit-animation:lpic .7s ease .2s backwards; animation:lpic .7s ease .2s backwards; position:fixed; }
@keyframes lpic
{
0%   {opacity:0; -webkit-transform:translateY(-100px); }
100% { opacity:1;}
}
@-webkit-keyframes lpic
{
0%   {opacity:0; -webkit-transform:translateY(-100px); }
100% { opacity:1;}
}

.rpic {  bottom:0; right:0; width:771px; height:477px;  z-index:14; -webkit-animation:rpic .7s ease .2s backwards; animation:rpic .7s ease .2s backwards;  position:fixed;}
@keyframes rpic
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}
@-webkit-keyframes rpic
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}

.donghua { width:900px; height:570px; left:50%; top:50%; margin-left:-450px; margin-top:-190px; z-index:15;  }
.t01 {  width:200px; height:200px; left:20px; top:0px;  -webkit-animation:t01 .3s ease .5s backwards; animation:t01 .3s ease .5s backwards; position: absolute; }
@keyframes t01
{
0%   { -webkit-transform:scale(5);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes t01
{
0%   { -webkit-transform:scale(5);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}

.t02 {  width:200px; height:200px;  left:235px; top:2px;  -webkit-animation:t02 0.3s ease-out .7s backwards; animation:t02 0.3s ease-out .7s backwards; }
@keyframes t02
{
0%   { -webkit-transform:scale(4);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes t02
{
0%   { -webkit-transform:scale(4);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}

.t03 {  width:200px; height:200px;  left:459px; top:4px; -webkit-animation:t03 0.2s ease-out .6s backwards; animation:t03 0.2s ease-out .6s backwards; }
@keyframes t03
{
0%   { -webkit-transform:scale(5);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes t03
{
0%   { -webkit-transform:scale(5);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}

.t04 {  width:200px; height:200px;  left:678px; top:0px; -webkit-animation:t04 0.2s ease-out .7s backwards; animation:t04 0.2s ease-out .7s backwards; }
@keyframes t04
{
0%   { -webkit-transform:scale(5);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes t04
{
0%   { -webkit-transform:scale(5);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}

.subtit {  width:560px; height:45px; left:55%; top:235px; margin-left:-280px; -webkit-animation:subtit .6s ease .6s backwards; animation:subtit .6s ease .6s backwards;}
@keyframes subtit
{
0%   {opacity:0; -webkit-transform:translateX(-100px); }
100% { opacity:1;}
}
@-webkit-keyframes sub
{
0%   {opacity:0; -webkit-transform:translateX(-100px); }
100% { opacity:1;}
}

.font { width:285px; height:21px; left:42%; margin-left:-142px; top:330px;  -webkit-animation:font .6s ease .8s backwards; animation:font .6s ease .8s backwards; }
@-webkit-keyframes font {
0% { -webkit-transform: translateY(50px); opacity:0}
100% { -webkit-transform: translateY(0); opacity:1 }
}
@keyframes font {
0% { -webkit-transform: translateY(50px); opacity:0}
100% { -webkit-transform: translateY(0); opacity:1 }
}

.zy { width:755px; height:145px; left:50%; margin-left:-370px; bottom:0px;  -webkit-animation:zy 1s ease 1.2s backwards; animation:zy 1s ease 1.2s backwards; }
@-webkit-keyframes zy {
0% { -webkit-transform: translateY(0px); opacity:0}
100% { -webkit-transform: translateY(0); opacity:1 }
}
@keyframes zy {
0% { -webkit-transform: translateY(0px); opacity:0}
100% { -webkit-transform: translateY(0); opacity:1 }
}



.warp { width:1180px; margin:0 auto; overflow:hidden; padding: 30px; border-radius: 15px;    background: rgba(255,255,255,.7)  }
.marTD50 { padding:45px 0;}
.w68 { width:56%; margin-bottom:5px;  }
.w48 { width:40%; float:right;  }
.w49 { width:49%; }

/*½¹µãͼ*/
.focus { width:100%; height:380px; position:relative; overflow:hidden; float:left; }
.focus .piclist { width:100%; position:absolute; overflow:hidden;border-radius: 15px;}
.focus .piclist li { width:100%; float:left; height:100%;   }
.focus .piclist li img { width:100%; height:380px; display:block; }
.focus .piclist li span { width:650px; height:85px; font-size:22px; line-height:24px; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,.8);  background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8))); position:absolute;  text-align:center; bottom:0px; }
.focus .piclist li span p { height:24px; overflow:hidden; width:90%; float: left; margin-left:5%; }
.focus .pager { width:100%; height:8px; position:absolute; left:0; bottom:34px; z-index:1; text-align:center;}
.focus .pager ul li { display:inline-block; zoom:1; width:10px; height:10px; margin:0 3px; line-height:99px; overflow:hidden; background:#fff; cursor:pointer;  border-radius:6px;}
.focus .pager ul li.on { background:#f56a3f; height:10px; width:40px;}
.focus .prev,.focus .next { width:32px; height:40px;top:50%; margin-top:-20px; cursor:pointer; position:absolute; z-index:9999; text-align:center; line-height:40px; font-size:32px; color:#fff;  font-family:"\5B8B\4F53";  font-weight:bold; }
.focus .prev { left:10px; }
.focus .next { right:10px; }


/*×îж¯Ì¬*/
.news { width:100%; float:left; margin-top:-12px; }
.news ul li { width:100%; font-size:16px; line-height:48px; color:#444; overflow:hidden; height:48px; border-bottom:1px dashed #e6e6e6; padding: 0 0 0 25px; background: url(../images/yuan.png) left center no-repeat; }
.news ul li b { color:#c00; padding:0 10px 0 0; font-size:13px; font-family:"\65B0\7EC6\660E\4F53"; }

.more { float:right; margin-top:20px; }
.more a { display:inline-block; font-size:14px; color:#666; background:#f8f8f8; padding:0 12px 0 13px; line-height:36px; }
.more a:hover { color:#fff; background:#c00; }


.lm { width:100%; margin:25px auto 0px; overflow:hidden; text-align:center; }
.lm span { font-size:40px; line-height:42px; font-weight:bold; color:#d92a2d;}
.lm p { color:#544103; font-size:18px; padding-bottom: 25px; font-family:"\5B8B\4F53"; }
.slm { width:100%; margin:5px 0 25px 0; overflow: hidden;}
.slm b { width:8px; height:26px; float:left; display:inline-block; border-radius:5px; background:#d40f19; margin-right:12px; margin-top:1px; }
.slm span { float:left; height:26px; line-height:26px; color:#d40f19; font-size:24px;  font-weight: 700;}



.container { width:100%;  margin:30px auto; z-index:888888888; position:relative; }
.grid { max-width:1200px; width: 1200px; overflow: hidden; list-style:none; margin:0 auto; padding:0}
.grid li { display:block; float:left; padding:20px; width:31.5%; margin-right: 1%; margin-left: 10px; margin-bottom: 2%;/* margin:1%;*/ opacity:0; background:rgba(255,255,255,.7); line-height:24px; }
.grid li:nth-child(3n) {  margin-right: 0%; }
.grid li.shown,.no-js .grid li,.no-cssanimations .grid li { opacity:1;}
.grid li h3 { max-width:100%; margin-bottom:16px; overflow:hidden; }
.grid li h3 img { width:100%; height:auto; 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;}
.grid li: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);}
.grid li h4 { width:100%; float:left; }
.grid li h4 font { font-size:18px; color:#333; font-weight:800; margin-bottom:10px; float:left; width:100%;}
.grid li h4 font:after { content:''; display:inline-block; width:24px; height:24px; vertical-align:top; margin-left:5px; background-size:cover;}
.grid li h4 p { font-size:15px; color:#666; margin-bottom:5px; float:left; width:100%;}
.grid li h4 span { font-size:15px; color:#666;margin-bottom:5px; float:left; width:100%;}
.grid li:hover h4 font { color:#8c4348; }
.grid li:hover h4 font:after { content:''; display:inline-block; width:24px; height:24px; vertical-align:top;  margin-left:5px; background-size:cover;}


.grid.effect-2 li.animate { -webkit-transform:translateY(200px); transform:translateY(200px); -webkit-animation:moveUp .65s ease forwards; animation:moveUp .65s ease forwards; }
@-webkit-keyframes moveUp { 0%{}100%{-webkit-transform:translateY(0);opacity:1;} }
@keyframes moveUp { 0%{}100%{-webkit-transform:translateY(0); transform:translateY(0); opacity:1;} }

.footer { width: 100%; float:left; color:#fff; line-height:32px; font-size:15px; text-align: center; padding:40px 0 60px 0; }
.footer font { margin: 0 8px;}

.jspx { width:100%; float:left; margin-bottom:50px; }
.jspx ul {  width:100%; float:left; margin-bottom:-10px;}
.jspx ul li { width:23.5%; float:left; margin:10px 2% 10px 0; background:#f8f8f8;overflow:hidden;border-radius: 15px;}
.jspx ul li h2 { width:100%; height:180px; float:left; overflow:hidden; }
.jspx ul li h2 img { width:100%; height:100%; }
.jspx ul li h3 { padding:0 20px; height:55px; text-align: center; overflow:hidden; color:#444; line-height:55px; font-size:14px; font-weight:bold;}
.jspx ul li:nth-child(4n){ margin-right:0; }
.jspx ul li:hover h3 { color:#c00; }


.jspx2 { width:100%; float:left; margin-bottom:50px; }
.jspx2 ul {width:100%; float:left; margin-bottom:-10px;}
.jspx2 ul li { width:23.5%; float:left; margin:10px 2% 10px 0;overflow:hidden;border-radius: 15px;}
.jspx2 ul li h2 { width:100%; height:195px; float:left; overflow:hidden; }
.jspx2 ul li h2 img { width:100%; height:100%; }
.jspx2 ul li h3 {  padding:0 20px; height:55px; text-align: center; overflow:hidden; color:#444; line-height:55px; font-size:14px; font-weight:bold;}
.jspx2 ul li:nth-child(4n){ margin-right:0; }
.jspx2 ul li:hover h3 { color:#c00; }


.jspx3 { width:100%; float:left; margin-bottom:50px; }
.jspx3 ul { float:left; margin-bottom:-10px;}
.jspx3 ul li { width:18.4%; float:left; margin:10px 2% 10px 0; background:#f8f8f8; position: relative;overflow:hidden;border-radius: 15px;}
.jspx3 ul li h2 { width:100%; height:280px; float:left; overflow:hidden; }
.jspx3 ul li h2 img { width:100%; height:100%; }
.jspx3 ul li h3 { padding:10px 20px; height:48px; text-align: center; overflow:hidden; color:#444; line-height:24px; font-size:14px; font-weight:bold;}
.jspx3 ul li h4 { position:absolute; background: #683a0c; color: #fff; top: 10px; left: 10px; padding: 3px 8px; border-radius: 3px; }
.jspx3 ul li:nth-child(5n){ margin-right:0; }
.jspx3 ul li:hover h3 { color:#c00; }

.jspx4 { width:100%; float:left; }
.jspx4 ul { float:left; margin-bottom:-10px;}
.jspx4 ul li { width:32%; float:left; margin:10px 2% 10px 0; background:#f8f8f8;overflow:hidden;border-radius: 15px;}
.jspx4 ul li h2 { width:100%; height:240px; float:left; overflow:hidden; }
.jspx4 ul li h2 img { width:100%; height:100%; }
.jspx4 ul li h3 { padding:0 20px; height:55px; overflow:hidden; color:#444; line-height:55px; font-size:14px; font-weight:bold;text-align: center;}
.jspx4 ul li:nth-child(3n){ margin-right:0; }
.jspx4 ul li:hover h3 { color:#c00; }



.jspx5 { width:100%; float:left;}
.jspx5 ul { float:left; margin-bottom:-10px;}
.jspx5 ul li { width:32%; float:left; margin:10px 2% 10px 0; background:#f8f8f8;overflow:hidden;border-radius: 15px;}
.jspx5 ul li h2 { width:100%; height:240px; float:left; overflow:hidden; }
.jspx5 ul li h2 img { width:100%; height:100%; }
.jspx5 ul li h3 { padding:0 20px; height:55px; overflow:hidden; color:#444; line-height:55px; font-size:14px; font-weight:bold;text-align: center;}
.jspx5 ul li:nth-child(3n){ margin-right:0; }
.jspx5 ul li:hover h3 { color:#c00; }


@media screen and (max-width:800px){
.header,.lpic,.rpic { display:none;} 
.warp,.w68,.w48{ width:100%;}
.top { display: block;  }
.top img { width:100%; height:auto; }
.jspx ul li { width:49%;}
.jspx ul li:nth-child(2n){ margin-right:0; }
.jspx2 ul li { width:49%;}
.jspx2 ul li:nth-child(2n){ margin-right:0; }
.jspx3 ul li { width:49%;}
.jspx3 ul li:nth-child(5n){ margin-right:2%; }
.jspx3 ul li:nth-child(2n){ margin-right:0; }
.jspx4 ul li { width:49%;}
.jspx4 ul li:nth-child(3n){ margin-right:2%; }
.jspx4 ul li:nth-child(2n){ margin-right:0; }
.container { margin:0; }
.foucs { width:100%; height:13rem; position:relative; overflow:hidden; margin-bottom:0;}
.foucs .piclist { width:100%; position:absolute; }
.foucs .piclist li { width:100%; float:left;height:13rem; overflow:hidden; }
.foucs .piclist li img { width:100%; height:13rem; display:block; }
.foucs .piclist li span { width:340px; height:3.5rem; font-size:1rem; line-height:1.5rem; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,1); text-align:center; bottom:0px; }
.foucs .piclist li p { height:1.2rem; overflow:hidden; width:90%; float:left; margin-left:5%;  font-size:1rem; line-height:1.2rem;}
.foucs .pager ul li.on { background:#a80303; height:10px; width:10px;}
.foucs .pager { width:100%; height:10px; position:absolute; left:0; bottom:1rem; z-index:1; text-align:center;}
.focus .prev,.focus .next {  display:none;}

.grid { max-width:100%;  width:100%;list-style:none; margin:0 auto; padding:0;}
.grid li { padding:5%; width:100%; margin:0; margin-bottom:3%; line-height:1.5rem; background:rgba(255,255,255,.7);}
.grid li h3 { max-width:100%; margin-bottom:5%; overflow:hidden; }
.grid li h3 img { width:100%; height: auto;}
.grid li h4 { width:100%; float:left; }
.grid li h4 font { font-size:1.1rem; margin-bottom:3%;  }
.grid li h4 p { font-size:.9rem; margin-bottom:.5%;}
.grid li h4 span { font-size:.9rem; margin-bottom:0%;}
}