*{margin:0;padding:0;}
img{border:none;}
a{text-decoration:none; color:#4e302e;}
a:hover{text-decoration:none; color:#9b020e; }
li{list-style:none outside none;}
body{font-size:16px;line-height:34px;font-family:"微软雅黑"; background: #fefef8; color: #4d3c3c; margin: 0 auto; overflow-x: hidden;  min-width:1280px; }



p{text-indent:2em;color:#666;}
p a{color:#ff1a1c;}
p a:hover{color:#f7c0a9;}
.fl{ float:left;} .fr{ float:right;}


	
	
.g-head{width:100%;background:url("../images/bg.png") top center no-repeat; height:1285px;}
.m-head{width:1280px;margin-left:auto;margin-right:auto;height:1053px;overflow:hidden;position:relative;}
.m-head img{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
.m-head .m-titleBox{position:absolute;top:110px;left:0;width:1200px;height:280px;-webkit-animation:move1 1.6s .6s;-webkit-animation-fill-mode:backwards;overflow:hidden; margin: 0 auto; text-align: center;}
.m-head .m-titleBox .u-title{width:640px;height:133px; margin: 0 auto;   }
.m-head .m-titleBox .u-title1{width:640px;height:133px; margin: 0 0 0  200px;   }

.m-head .u-subTitle{position:absolute;top:423px;left:340px;animation-delay:1.8s;-webkit-animation-delay:1.8s;}
.m-head .u-subTitle1{position:absolute;top:507px;left:554px;animation-delay:2.3s;-webkit-animation-delay:2.3s;}
.dy{ width: 1220px; margin: 0 auto 30px;  overflow: hidden;}
.dy p{ color: #fff;}

.center1{width:100%;background:url("../images/bg1.png") top center no-repeat; height:889px;}
.center2{width:100%;background:url("../images/bg2.png") top center no-repeat; height:726px; overflow: hidden; /* position: relative; top: -150px; */}
.center3{width:100%;background:url("../images/bg1.png") top center no-repeat; height:1017px; /* position: relative; top: -150px; */}
.center4{width:100%;background:url("../images/bg1.png") top center no-repeat; height:840px;/* position: relative; top: -150px; */}

.center{width:100%;/* position: relative; top:-155px; */}
.page{ width: 1200px; margin:50px auto 0; overflow: hidden;}
.page1{ width: 1260px; margin:50px auto 0; overflow: hidden;}
.tit{ text-align: center; overflow: hidden;}
.tit img{ width: 88%;}
.tent{ margin: 30px auto 0; background:url("../images/bk01.png") top center no-repeat; width:1200px; height:578px; }
.tent1{ margin:40px auto 40px;  width:1200px; overflow: hidden;  }
.tent2{ margin: 30px auto 0; background:url("../images/bk02.png") top center no-repeat; width:1200px; height:466px;  }
.tent3{ margin: 30px auto 0; background:url("../images/bk03.png") top center no-repeat; width:1200px; height:613px;  }
.tent4{ margin: 30px auto 0; background:url("../images/bk04.png") top center no-repeat; width:1260px; height:654px;  }
.col{ width: 524px; margin:50px 0 0 60px;}
.cor{ width:524px; margin:50px 60px 0 0;}

.hol{ width: 722px;}
.hor{ width:430px;}

.zol{ width: 525px; margin: 50px 0 0 60px;}
.zor{ width:506px; margin: 50px 60px 0 0;}
.zor p{ margin-bottom: 40px;}

.tet{ width: 505px; margin: 0 auto 0;}
.tet h1{ color: #fff; font-size: 20px; margin: 0 0 10px 0;}
.tet p{ color: #fff; }
.tet p a{ color: #a1d36a; }
.tet p a:hover{ color: #eaffd4; }

.d-nr{ width: 1200px; text-align: center; }	
.d-nr h1{ font-size: 22px; margin: 0 0 20px 0;}
.d-nr p{ text-align: left;}

.d-tt h2{font-weight: bold;  font-size: 24px; line-height: 32px;  color: #303030;	margin-bottom: 20px;}
.new {width:524px; margin:10px auto 0;}	
.new a{ font-size: 20px;  line-height:50px;  color: #474747; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden; border-bottom: 2px dotted #a5a5a5; padding-bottom: 15px; }	
	
	
.one{ width: 380px; overflow: hidden;}

.one1{ width: 380px; margin: 0 0 0 30px; overflow: hidden;}



.foot{ width:100%; text-align: center; overflow: hidden; height: 100px; background-image: linear-gradient(#df6639, #ca2b21); margin:0 auto 0;}
.foot p{ width: 1200px; margin: 0 auto; color: #fff; padding-top:30px;}


.inbox {
  padding: 60px 0 0 0; width: 1200px; margin: 0 auto;
}
.imgslist {
  width: 1240px;
}
.imgslist li {
  position: relative;
  width: 400px;
  height: 225px;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  float: left;
}
.imgslist li .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.imgslist li .img img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.imgslist li .info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(4, 4, 4, 0.5);
  padding: 10px;
  box-sizing: border-box;
  transform: translateY(100%);
}
.imgslist li .info h3 {
  line-height: 26px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 5px;
}
.imgslist li .info p {
  display: none;}
  
.imgslist li:hover .info {
  transform: translateY(0%);
  transition: all 0.5s;
}
.imgslist li:hover .img img {
  transform: scale(1.1);
}
.imgslist li:nth-child(1) {
  width: 310px;
  height: 520px;
}
.imgslist li:nth-child(2),
.imgslist li:nth-child(3),
.imgslist li:nth-child(6) {
  width: 435px;
  height: 255px;
}
.imgslist li:nth-child(4),
.imgslist li:nth-child(5) {
  width: 212.5px;
  height: 255px;
}



.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}
@keyframes move1{
    from{height:0px;}
    to{height:280px;}
}
@-webkit-keyframes move1{
    from{height:0px;}
    to{height:280px;}
}
@-moz-keyframes move1{
    from{height:0px;}
    to{height:280px;}
}
@-o-keyframes move1{
    from{height:0px;}
    to{height:280px;}
}
@-webkit-keyframes zoomIn{
    0%{opacity:.5;-webkit-transform:scale3d(0.84,0.84,0.84);transform:scale3d(0.84,0.84,0.84);}
    50%{opacity:1;}
}
@keyframes zoomIn{
    0%{opacity:.5;-webkit-transform:scale3d(0.84,0.84,0.84);transform:scale3d(0.84,0.84,0.84);}
    50%{opacity:1;}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}



@media screen and (max-width:1000px) {  }