﻿@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 14px/200% "\5FAE\8F6F\96C5\9ED1"; color:#000;text-align:center; background: #FFFFFF;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;font:normal 14px/200% "\5FAE\8F6F\96C5\9ED1";}
li,p{text-align:left;font:normal 14px/200% "\5FAE\8F6F\96C5\9ED1";}
a:link,a:visited{color:#000; text-decoration:none;}
a:hover{color:#000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clear{ clear:both;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% "\5FAE\8F6F\96C5\9ED1";}
.mt10{ margin-top:10px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w1312{ width:1312px; overflow:hidden;}
.w980{ width:980px;position: relative; }
.w1000{ width:1000px;position: relative;}
.list_14 li{ background:url(images/dot.gif) no-repeat 0 12px; padding-left:12px;font-size:14px;line-height: 28px;}
.list_12 li{ background:url(images/dot.gif) no-repeat 0 8px; padding-left:12px;}
.fl{ float:left;}
.fr{ float:right;}
.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}
.area{margin:0 auto;}


html {
  height: 100%;
}
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.4rem;
  line-height: 1.5;
  position: relative;
  height: 100%;
}
.swiper-container {
 height: 100%;
width: 100%;
 background: #FFEFDB;
  text-align: center;
 margin:0 auto;
}
.swiper-slide{overflow: hidden;
  height: 100%;position: relative; }




.logo{position: absolute;top:615px;left:65px;z-index: 10;opacity: 0}
.map1{position: absolute;top:0px;left:458px;z-index: 9;opacity: 0;width:830px;height:588px; }
.map2{position: absolute;top:380px;right:-10px;z-index: 8;opacity: 0; width:530px; height:300px;}
.map2 img{ float:left; margin-right:25px;}
.map2 div p{ font-size:16px; color:#995236; text-indent:2em; line-height:24px; font-family:"微软雅黑"}
.map3{position:absolute;top:249px;left:-114px;z-index: 7;opacity: 0}
.map3{position:absolute;top:749px;left:45%;z-index: 7;opacity: 0}
.map4{position:absolute;top:620px;left:1150px;z-index: 7; }
.people{position: absolute;top:123px;left: 353px;opacity: 0}

.title{position:absolute;top:85px;width:980px; text-align: center;}/*new*/
.title i{display: block;background: url(images/171220/ico1.png) no-repeat 0 0px;width:61px;height:51px;float: left;margin-right:0px; position:absolute; top:5px; left:260px}
.title p{display: block;font-size:36px;line-height: 68px;margin-top: 20px;font-weight: bold; color:#cc0000; text-align: center;}
.title p a{color:#cc0000;}
.title em{float: left;display: block;width:61px;height:51px;!border:1px solid #000}

.swiper-slide{}
.fm{background: url(images/171220/bg.jpg) no-repeat top center;}

/*.des{width:940px;position: absolute;top:255px;left: 0px;font-size: 16px;color: #333;line-height: 30px;opacity: 0; margin-top:60px;  background:url(images/icon3.png) no-repeat top left; padding-left:70px; margin-left:30px}*/
.des{width:980px;position:absolute;top:0px;left:0px;font-size: 16px;color: #333;line-height: 30px;opacity: 0; margin-top:70px;  }
.des p{ text-indent:2em;font-size:16px;color: #7d542f;line-height: 34px; width:900px; margin-top:50px;}

.img_a{position: relative; display:block}
.img_a li{width:300px;position: absolute;font-size: 16px;color: #000;line-height: 26px;opacity: 0; text-align:center;}
.img_a li img{ display:block; margin:0 auto}
.img_a li em{ display:block; width:47px; height:47px ; background:url(images/171220/icon1.png) no-repeat top center; position:absolute; top:40%; left:45%; }
.img_a li.a1{top:550px;left:0px; }
.img_a li.a2{top:550px;left:325px;}
.img_a li.a3{top:550px;left:650px;}
.img_a li img{ cursor: pointer;transition: all 0.6s;}
.img_a li img:hover{ transform: scale(1.3);}

.font{position: absolute;top:65px;left:760px;}
.font i{margin-bottom: 55px;display: block;height:167px;overflow: hidden;}
.font i img{opacity: 0}

.nav{ position: absolute;width:120px;height:493px;z-index: 10;top:50%;margin-top: -262px;right:50px;display: none;}
.nav i{display: block;position: absolute;line-height: 40px;height:40px;font-size: 14px;color: #666; cursor:pointer; width:100%; text-align:left;border-bottom:2px solid #d2b79f; text-align:center; font-weight:bold; }
.nav i.a0{position: absolute;top: 0;left:0px}
.nav i.a1{position: absolute;top: 50px;left:0px;}
.nav i.a2{position: absolute;top: 100px;left:0px;}
.nav i.a3{position: absolute;top: 150px;left:0px;}
.nav i.a4{position: absolute;top: 200px;left:0px;}
.nav i.a5{position: absolute;top:250px;left:0px;}
.nav i.a6{position: absolute;top:300px;left:0px;}
.nav i.a7{position: absolute;top:350px;left:0px;}
.nav i.a8{position: absolute;top:400px;left:0px;}
.nav i.a9{position: absolute;top:450px;left:0px;}
.nav i.a10{position: absolute;top:500px;left:0px;}
.nav i.a11{position: absolute;top:550px;left:0px;}
.nav i.a12{position: absolute;top:600px;left:0px;}
.nav i.a12{position: absolute;top:600px;left:0px;}
.nav i.up2{position: absolute;top:960px;left:0px; border:none}
.nav i.this,.nav i:hover{color: #c02d30;}

.nav.p1,.nav.p2,.nav.p3,.nav.p4,.nav.p5,.nav.p6,.nav.p7,.nav.p8,.nav.p9{background:none}


.up{ position: absolute;width:120px;height:40px;z-index: 10;top:50%;right:50px;display: none;margin-top: -310px; text-align:left; color:#666;font-size:14px; line-height:40px; text-align:center; font-weight:bold;border-bottom:2px solid #d2b79f; }
.up:hover,.nav i:hover{color:#cc0000}
.up2{ position: absolute;width:50px;height:40px;z-index: 10;top:50%;right:50px;display: none;margin-top: -310px; text-align:left; color:#666;font-size:14px; line-height:40px; text-align:center; font-weight:bold;border-bottom:2px solid #d2b79f; }
.title{} 

.title b{ font-size:26px; display:block; float:right; margin-right:60px;}
.p1 .title p{color: #c02d30;}
.p2 .title p{color: #0b9e88;}
.p3 .title p{color: #446c9a;}
.p4 .title p{color: #5e4d46;}
.p5 .title p{color: #119d42;}
.p6 .title p{color: #a26b14;}
.p7 .title p{color: #026dcd;}
.am1000 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*.p1 .des{width:566px;position: absolute;top:175px;left: 10px;color: #333;line-height: 30px;}
.p5 .des,.p6 .des{width:713px;position: absolute;top:175px;left: 10px;color: #333;line-height: 30px;}*/
.p1 .des,.p2 .des,.p3 .des,.p4 .des,.p5 .des,.p6 .des,.p7 .des,.p8 .des,.p9 .des,.p10 .des{width:650px;position: absolute;top:205px;left: 10px;color: #333;line-height: 30px;}
.p0 .w1000{  margin:50px auto}

.bza{width:880px;position: absolute;top:40px;left:0px;display: none;opacity: 0;z-index: 10;color: #993300; background:url(images/bza.png) no-repeat top left; height:160px;}
.bza b{ }
.bza p{font-size: 16px; line-height:30px; text-indent:2em; color:#995236; width:706px; float:left; display:inline-block; margin-left:120px;}

.copyright{width:100%;position: absolute;bottom:0;text-align: center;}

@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
     {
      .swiper-slide{}
      html{font-size: 82.5%;}
       .title{top: 10.5rem;left:4rem;width:56%;}
        * .title p{font-size: 4.2rem;line-height: 4.5rem;text-indent: 2em;margin-top: -3rem;}
       .title i{float: left;margin-top:2rem;}
        .des{font-size: 2.4rem;}
       
        .p1 .des,.p2 .des,.p3 .des,.p4 .des,.p5 .des,.p6 .des,.p7 .des{width:60%;position: absolute;top:28.5rem;left: 4rem;color: #333;line-height: 3rem;}
       
.img_a{width:60%;position: absolute;top:46rem;left:4rem;}
.img_a li{width: 100%;position: static;font-size: 1.8rem;line-height: 2.4rem;}
.img_a li img{width: 100%;height:auto;}
.nav{transform:scale(2);top:50%;left:50%;transform-origin:0 0;-webkit-transform-origin: 0 0;margin-left: 22rem;margin-top: -45rem;}
.font{left: 48rem;top:10.4rem;}
.font i{margin-bottom: 2rem;}
      }
	  
.box1{ background:#FFEFDB;width: 100%;height: 100%;}


.copyright{height:120px;}
.copyright p{text-align:center;line-height:20px;font-size:12px;color:gray;}
