*{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: #faf4e6; 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;}


.mod { width:100%;  margin: 0 auto; min-width:1280px; background:url("../images/img_31.png") no-repeat bottom;  background-size:cover;}

.block { position: relative; display: flex; flex-direction: column; width:100%;
  background:url("../images/img_0.png") no-repeat top center;
  background-size:cover;
  margin: 0 auto;
}

.banner{ max-width: 1280px;height:883px;margin:0 auto ; }
.banner>img:nth-child(1){width:7%;left:4%;bottom: 0;animation-delay:0.8s; bottom:0;top:-26%; position: relative;}
.banner>img:nth-child(2){ width: 56%;left: 14%; right: 0; margin: 0 auto; top: 6.5%; animation-delay: 0.3s; bottom: 5%;position: relative;}
	
.banner>img:nth-child(3){ width: 39%;left: 28%; bottom: 0; animation-delay: 1.5s; bottom: 0; top: 11%; position: relative;}
		
.main { position: relative;display: flex; flex-direction: column; align-items: flex-start;width: 1211px;margin:0 auto; background-size: contain;
background:url("../images/img_32.png") no-repeat ;}
	
.page{ width: 1120px; overflow: hidden; margin:20px auto 0;}
.area1{ width: 1120px; overflow: hidden; margin:60px auto 0;}
.area1 .list1 { position: relative; margin: 0 auto; list-style-type: none;}
.title {
  position: relative;
  overflow: hidden;
  max-width: 110px;
  font-size: 36px;
  line-height: 36px;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  background:url("../images/img_5.png") no-repeat center ;
  font-size: 22px; font-weight:bold;
   margin: 0 auto 20px;
   text-align: center;
}
.dy-nr{ width: 1050px; margin: 0 auto; overflow: hidden;}
.area2{ width: 1102px; overflow: hidden; margin:70px auto 0;}
.area2 .list2 { position: relative; margin: 0 auto; list-style-type: none;}
.tit1{position: relative;overflow: hidden; max-width:708px; margin: 0 auto 20px; text-align: center;}
.tit1 img{ width:77%; position: relative;}
		
/* switch */
.switch{width:593px;height:377px;position:relative; background:url("../images/img_33.png") no-repeat center ; }
.switch ul{width:100%;height:100%;position:relative;overflow:hidden;}
.switch li{width:100%;height:100%;position:absolute;top:0;left:0;}
.switch ul li img{width:520px; height:280px;position:absolute;top:49px;left:35px; border-radius: 0.4vw;}
.switch-nav{bottom:61px;right:56px;position:absolute;z-index:1;height:9px;}
.switch-nav span.active{ background: #fff000; border-radius: 4px; width:20px; height:10px; }
.switch-nav span{margin:0 3px;text-align:center;line-height:15px;cursor:pointer;float:left;display:block;width:10px;height:10px; background: #fff; border-radius:50px;color:#fff; }

.cor{ width: 460px; overflow: hidden; margin: 0 20px 0 0;}
.cor h1{ font-size: 20px; font-weight:bold; text-align: center;}
.l_new{  overflow:hidden; margin-top:20px; }
.l_new a{  overflow:hidden;line-height:34px; font-size:16px; color:#686868; display:block; float:left; background:url(../images/icon-e.png) no-repeat 0 12px; padding-left:5%; border-bottom:2px #d0cfcf dotted; padding-bottom: 10px; }

.group-1{ background:url("../images/img_34.png") no-repeat center ; width:471px; height: 504px; overflow: hidden; padding: 20px; text-align:center; margin: 30px auto 0;}
.group-1 img{ margin-top: 40px;}
.group-1 h2{ font-size: 20px;}
.group-1 p{ text-align: left; width: 90%; margin: 0 auto;}


.area3{ width: 1120px; overflow: hidden; margin:60px auto 0;}
.area3 .list3 { position: relative; margin: 0 auto; list-style-type: none; width: 1050px;}


.group-2{  width:1120px;  overflow: hidden;margin: 30px auto 0; text-align: center;}
.group-2 h2{ font-size: 20px;}
.group-2 p{ text-align: left; width: 90%; margin: 0 auto;}

.pic-1{ border-radius: 0.6vw; width: 339px; height: 233px; float: left; margin:30px 14px 0 14px;}

.area4{ width: 1120px; overflow: hidden; margin:80px auto 0;}
.area4 .list4 { position: relative; margin: 0 auto; list-style-type: none; }

.group-3{ background:url("../images/img_36.png") no-repeat center ; width:1081px; height:360px; overflow: hidden; text-align:center;  margin: 30px auto 30px;}
.group-3 img{ margin-top: 40px;}
.group-3 h2{ font-size: 20px;}
.group-3 p{ text-align: left; width:31%; margin:30px auto 0; float: left; }

.caption-1 {
	position: relative;
    overflow: hidden;
    left: 15%;
    height: 38px;
    font-size: 29px;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    float: left;
    top:3%;
}

.view-1{ overflow: hidden; margin:70px auto 0; width: 1000px;}
.pic-2{ width: 642px;}


.group-4{ background:url("../images/img_37.png") no-repeat center ; width:1081px; height:360px; overflow: hidden; text-align:center; margin:0 auto 0;}
.group-4 img{ margin-top: 40px;}
.group-4 h2{ font-size: 20px;}
.group-4 p{ text-align: left; width:31%; margin:30px auto 0; float: right; }

.caption-2 {
	position: relative;
    overflow: hidden;
    right: 18%;
    height: 38px;
    font-size: 29px;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    float: right;
    top: 3%;
}

.footer{ width: 1120px; margin:30px auto 0; text-align: center; height: 100px;}