@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 14px/200% "\5FAE\8F6F\96C5\9ED1"; color:#fff;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:#fff; text-decoration:none;}
a:hover{color:#ff0; 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;}
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;
}
.swiper-slide{overflow: hidden;width: 100%;height:100%;position:relative;}

.logo{position: absolute;top:615px;left:65px;z-index: 10;opacity: 0}
.map1{position: absolute;top:258px;left:50%;margin-left:-423px;z-index: 9;opacity: 0;width:847px;height:272px;}
.map3{position:absolute;top:765px;left:45%;z-index: 7;opacity: 0}
.map4{position:absolute;top:620px;left:1150px;z-index: 7; }
.people{position: absolute;top:80px;left:300px;opacity: 0}

.fm{background: url(images/fmbg.jpg) no-repeat top center; z-index:0}
.fm .open{
  width:92px;
  height:88px;
  color:#fff;
  font-size:18px;
  position:absolute;
  bottom:60px;
  left:50%;
  margin-left:-46px;
  z-index:999;
  text-align:center;
  cursor:pointer;
}
.fm .open span{
  display:block;
  width:92px;
  height:88px;
  margin-bottom:10px;
  background:url(images/open.png) no-repeat;
}
.des{width:800px;margin:0;font-size: 16px;color: #333;line-height: 30px;opacity: 0; }
.des p{ text-indent:2em;font-size: 16px;color: #fff;line-height: 30px;}

.p1Box{
  width:900px;
  position:absolute;
  top:50%;
  margin-top:-300px;
  left:50%;
  margin-left:-500px;
  padding-left:100px;
}
.p1Box .titleLogo{
  display:block;
  width:395px;
  height:131px;
  background:url(images/title.png) no-repeat top center;
  position:absolute;
  left:0px;
  top:-135px;
}
.p1Box .rmwLogo{
  display:block;
  width:104px;
  height:39px;
  background:url(images/rmw_logo.png) no-repeat top center;
  position:absolute;
  right:0px;
  top:-100px;
}
.p1Box h3{
  width:90%;
  margin:10px auto;
  font-size:30px;
  color:#ffd43f;
}
.fdImg{
  width:90%;
  margin:0 auto;
  padding:25px 0;
}
.fdImg ul li{
  float:left;
  margin:0 10px 10px 0;
}
.fdList{
  width:90%;
  margin:0 auto;
  padding:15px 0;
}
.copyright{
  padding:50px 0 0 0;
}
.fdList ul li{
  float:left;
  width:100%;
  font-size:16px;
  text-align:left;
  margin:0 0 10px 0;
  background:url(images/dian.png) no-repeat left center;
  padding-left:1%;
}
.img_a{position: relative; width:900px;height:380px;margin:0;}
.img_a li{width:272px;float:left;font-size: 16px;color: #fff;line-height: 26px;opacity: 0;  }
.img_a li em{ display:block; width:47px; height:47px ; background:url(images/icon1.png) no-repeat top center; position:absolute; top:40%; left:45%; z-index:88; }
.img_a li.a1{top:300px;left:0px; width:515px; height:380px;text-align:left;}
.img_a li.a2{top:300px;left:680px;width:350px; height:380px; text-align:center;}
.img_a li.a3{top:462px;right:0px;}
.img_a li img{ cursor: pointer;transition: all 0.6s;}
.img_a li img:hover{ transform: scale(1.1);}
.img_a li.a2 video{ padding-bottom:12px; z-index:100; overflow:hidden;}


.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:65px;height:493px;z-index: 10;top:50%;margin-top: -262px;left:50%; margin-left:500px;display: none;}
.nav i{display: block;height:45px;font-size: 16px;color: #fff; cursor:pointer; width:65px; text-align:center; line-height:45px;}
.nav i.this{background:url(images/dh1.png) top center;color: #fff;width:65px; height:65px; }
.nav i:hover{color:#cc0000;}
.up{ position: absolute;width:65px;height:65px;z-index: 10;top:50%;margin-top: -310px;left:50%; margin-left:500px;display: none;font-size:16px;text-align:center;}
.up:hover{background: url(images/ico3.png) no-repeat right center; color:#cc0000;}
.title b{ font-size:26px; display:block; float:right}
.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{background: url(images/bg.jpg) no-repeat top center;}
.bza{width:760px;position: absolute;top:610px;left:60px; padding-left:120px;z-index: 10;background:url(images/bza.png) no-repeat top left;font-size: 18px; line-height:30px; text-indent:2em; display:none;color:#fff;}


.copyright{width:100%;text-align: center;}

/*20171225*/
.title {
    opacity: 0;
    width: 940px;
	font-size:30px;
	color:#ffd43f;
}
.title p {
    display: block;
    font-size: 48px;
    line-height: 68px;
    margin-top:0px;
    font-weight: bold; text-align:center;
}
.title i {
    display: inline-block;
    background: url(images/ico1.png) no-repeat 0 0px;
    width:47px;height:35px;
    margin-right: 30px;
}
.title em {
	margin-left: 30px;
    display: inline-block;
    background: url(images/ico2.png);
    width:47px;height:35px;
}

@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
     {
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,.fm{ background-size:cover;}
.up{ display:none;}
.p1 .des,.p2 .des,.p3 .des,.p4 .des,.p5 .des,.p6 .des,.p7 .des{width:60%;position: absolute;top:20.5rem;left: 4rem;color: #333;line-height: 3rem;}
       
.img_a{width:60%;position: absolute;top:38rem;left:4rem;}
.img_a li{width: 100%;position: static;font-size: 1.8rem;line-height: 2.4rem; margin-top:30px;}
.img_a li img{width: 100%;height:auto;}
.img_a li video{ display:block;}
.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;}
}
	  
	  
	  
/* wang qi zheng 2017.12.26 */
.img_a li em{
	display:none!important;
}

li em{
	display:none!important;
}

.this,.up{
	transition: all 0.3s;
	-moz-transition: all 0.3s;; /* Firefox 4 */
	-webkit-transition: all 0.3s;; /* Safari 和 Chrome */
	-o-transition: all 0.3s;; /* Opera */
	cursor: pointer!important;
}
.up:hover{
	background:url(images/ico4.png) no-repeat right center!important;
	font-weight:900!important;
}
