@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 14px/200% "\5FAE\8F6F\96C5\9ED1"; color:#000;text-align:center; }
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;text-align:left;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;}
.w1000{ width:1000px;position: relative;}
.fl{ float:left;}
.fr{ float:right;}
.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}


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 {
  width: 100%;
  height: 100%;
  text-align: center;
  background: url(images/bg1.gif) no-repeat top center;
}
.swiper-slide{overflow: hidden;width: 100%;height: 100%;position: relative;}

/*header*/
.header{height:36px;background:#f4f4f4;border-bottom: 1px solid #fff;}
.header span{float:left;}
.header span img{margin-top: 2px;}
.header em{float:right;padding-top:4px;font-size: 16px;}
.header em a{margin:0 6px;}
.header em,.header em a:link,.header em a:visited,.header em a:hover{color:#ea0909;}

.logo{position: absolute;top:132px;left:260px;z-index: 10;opacity: 0}
.map1{position: absolute;top:115px;left:-200px;z-index: 9;opacity: 0;width:664px;height:384px;}
.map4{position:absolute;top:800px;left:0px;z-index: 7;}
.rw1{position: absolute;top:208px;left:287px;z-index: 10;}

.title{position: absolute;top:24px;left: 8px;opacity: 0;width:700px;background:url(images/ico1.png) no-repeat;}
.title p{display: block;float: left;font-size: 36px;padding:0 14px;line-height: 71px;}

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

.des{width:566px;position: absolute;top:35px;left: 10px;font-size: 16px;color: #333;line-height: 30px;opacity: 0}

.img_a{position: relative;}
.img_a li{width:341px;position: absolute;color: #000;opacity: 0;background:#fff;font:normal 14px/20px "\5B8B\4F53";text-align: center;}
.img_a li.a1{top:183px;left:2px;}
.img_a li.a2{top:225px;left:368px;}
.img_a li img{ cursor: pointer;transition: all 0.6s;}
.img_a li img:hover{ transform: scale(1.2);}

.edit{width:344px;position: relative;opacity: 0;}
.edit h3{font-size: 18px;color:#4b726f;border-top: 1px solid #c4d1d0;position: absolute;top:525px;left:37px;width:100%;}
.edit ol li{width:96px;color:#4b726f;text-align: center;float:left;position: absolute;left:0px;top:585px;}
.edit ol li.a1{left:37px;}
.edit ol li.a2{left:159px;}
.edit ol li.a3{left:282px;}

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

/*.nav{background: url(images/navbg1.png) no-repeat 0 32px; position: absolute;width:230px;height:442px;z-index: 10;top:50%;margin-top: -242px;left:45%;margin-left: 560px;display: none;}*/
.nav{background:none; position: absolute;width:230px;height:442px;z-index: 10;top:50%;margin-top: -242px;left:45%;margin-left: 560px;display: none;}
.nav i{display: block;position: absolute;height:42px;color: #294c4c; cursor:pointer;font:normal 14px/32px "\5B8B\4F53";}
.nav i.a0{position: absolute;top: 20px;left:45px;font-weight: bold;}
.nav i.a1{position: absolute;top: 60px;left:26px;}
.nav i.a2{position: absolute;top: 100px;left:26px;}
.nav i.a3{position: absolute;top: 140px;left:26px;}
.nav i.a4{position: absolute;top: 180px;left:26px;}
.nav i.a5{position: absolute;top:220px;left:26px;}
.nav i.a6{position: absolute;top:260px;left:26px;}
.nav i.a7{position: absolute;top:300px;left:26px;}
.nav i.a8{position: absolute;top:340px;left:26px;}
.nav i.a9{position: absolute;top:380px;left:26px;}
.nav i.a10{position: absolute;top:420px;left:26px;}
.nav i.a11{position: absolute;top:460px;left:26px;}

.nav i.this{color: #c02d30;}

.p2 i.a0{left:26px;font-weight: normal;}
.p2 i.a1{left:45px;font-weight: bold;}

.p3 i.a0{left:26px;font-weight: normal;}
.p3 i.a2{left:45px;font-weight: bold;}

.p4 i.a0{left:26px;font-weight: normal;}
.p4 i.a3{left:45px;font-weight: bold;}

.p5 i.a0{left:26px;font-weight: normal;}
.p5 i.a4{left:45px;font-weight: bold;}

.p6 i.a0{left:26px;font-weight: normal;}
.p6 i.a5{left:45px;font-weight: bold;}

.p7 i.a0{left:26px;font-weight: normal;}
.p7 i.a6{left:45px;font-weight: bold;}

.p8 i.a0{left:26px;font-weight: normal;}
.p8 i.a7{left:45px;font-weight: bold;}

.p9 i.a0{left:26px;font-weight: normal;}
.p9 i.a8{left:45px;font-weight: bold;}

.p10 i.a0{left:26px;font-weight: normal;}
.p10 i.a9{left:45px;font-weight: bold;}

.p11 i.a0{left:26px;font-weight: normal;}
.p11 i.a10{left:45px;font-weight: bold;}

/*.nav.p1{background: url(images/navbg1.png) no-repeat 0 32px;}
.nav.p2{background: url(images/navbg2.png) no-repeat 0 32px;}
.nav.p3{background: url(images/navbg3.png) no-repeat 0 32px;}
.nav.p4{background: url(images/navbg4.png) no-repeat 0 32px;}
.nav.p5{background: url(images/navbg5.png) no-repeat 0 32px;}
.nav.p6{background: url(images/navbg6.png) no-repeat 0 32px;}
.nav.p7{background: url(images/navbg7.png) no-repeat 0 32px;}
.nav.p8{background: url(images/navbg8.png) no-repeat 0 32px;}
.nav.p9{background: url(images/navbg9.png) no-repeat 0 32px;}
.nav.p10{background: url(images/navbg10.png) no-repeat 0 32px;}
.nav.p11{background: url(images/navbg11.png) no-repeat 0 32px;}*/

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

.up{background: url(images/top.png) no-repeat top center; position: absolute;width:99px;height:26px;z-index: 10;bottom:15%;left:45%;margin-left: 580px;display: none;margin-top: -310px;cursor: pointer}

.swiper-slide .title p{color: #4c7270;}


.am1000 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.p1 .des,.p2 .des,.p3 .des,.p4 .des,.p5 .des,.p6 .des,.p7 .des,.p8 .des,.p9 .des,.p10 .des,.p11 .des{width:713px;position: absolute;top:101px;left: 10px;color: #333;line-height: 22px;}


.bza{width:424px;position: absolute;top:0px;left:223px;display: none;opacity: 0;z-index: 10;color: #2d4d4a;}
.bza b{font-size: 42px;margin-bottom: 20px;display: block;color:#990000;font-weight: normal;}
.bza p{font-size: 18px;}

.copyright{width:1000px;position: absolute;bottom:0;left:18%;}
.copyright p{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;}
      }

@media (min-device-width:1000px) and (max-width:1440px),screen and (max-device-width:1440px) {
    .rw1{transform: scale(0.8);left:257px;}
    .copyright{left:-80px;}
    .img_a li.a1{top:163px;}
    .map4{top:760px;}
    .p1{background: url(images/p1bg_1000.jpg) no-repeat bottom center;}
    .p2{background: url(images/p2bg_1000.jpg) no-repeat bottom center;}
    .p3{background: url(images/p3bg_1000.jpg) no-repeat bottom center;}
    .p4{background: url(images/p4bg_1000.jpg) no-repeat bottom center;}
    .p5{background: url(images/p5bg_1000.jpg) no-repeat bottom center;}
    .p6{background: url(images/p6bg_1000.jpg) no-repeat bottom center;}
    .p7{background: url(images/p7bg_1000.jpg) no-repeat bottom center;}
    .p8{background: url(images/p8bg_1000.jpg) no-repeat bottom center;}
    .p9{background: url(images/p9bg_1000.jpg) no-repeat bottom center;}
    .p10{background: url(images/p10bg_1000.jpg) no-repeat bottom center;}
    .p11{background: url(images/p11bg_1000.jpg) no-repeat bottom center;}
    .swiper-container{background: url(images/bg1_1000.gif) no-repeat top center;}
}