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

.p1{background: url(images/bg1.jpg);background-size:100%}
.content1{width:1920px;height:1080px;position: relative;transform-origin:0 0;-webkit-transform-origin: 0 0;margin:0 auto;}
.logo1{width:729px;height:620px;background: url(images/logo1.png);background-size: cover;position: absolute;left:225px;top: 233px;opacity: 0;}
.logo2{width:512px;height:556px;background: url(images/logo2.png);background-size: cover;position: absolute;left:342px;top: 263px;opacity: 0;}
.logo3{position: absolute;right:443px;top:77px;opacity: 0;}
.logo4{position: absolute;right:171px;top:57px;opacity: 0;}
.txt1{width:500px;height:190px;position: absolute;top:660px;left: 750px;font-size: 18px;font-family:"\5FAE\8F6F\96C5\9ED1";line-height: 34px;opacity: 0;}
.txt1 b{font-size: 30px;font-weight:normal;}
.txt2{width:435px;height:190px;position: absolute;top:665px;left: 1315px;font-size: 18px;font-family:"\5FAE\8F6F\96C5\9ED1";line-height: 34px;opacity: 0;}

@font-face {
    font-family: "Listfont";
    src: url(//:) format("no404"), url("font.woff") format("woff"), url("font.ttf") format("truetype"), url("font.svg#webfontMFqI76bT") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Listfont1";
    src: url(//:) format("no404"), url("font65.woff") format("woff"), url("font65.ttf") format("truetype"), url("font.svg#webfontMFqI76bT") format("svg");
    font-weight: normal;
    font-style: normal;
}

.nav_content{width:100%;height:100%;background: url(images/bg1.jpg);background-size:cover;position: absolute;top:0;left:0;z-index: 10;display: none;}
.nav_list ul li{font-family: "Listfont";font-size: 40px;clear:both;text-align: center;line-height: 58px;color: #fff;cursor: pointer;}
.nav_list{width:100%;height:100%;background: url(images/line.png) no-repeat center;overflow: hidden;}
.nav_list ul{position:relative;top:50%;margin-top: -275px;}
.nav_list ul li.this{color: #c80018;}
.nav_list ul li:hover{color: #c80018;}

.nav_close{position: absolute;right:60px;top:20px;cursor: pointer;}
.nav_close:hover{background:#c51230;width:59px;height:59px;}
.ts{position: absolute;bottom:0;left:50%;opacity: 0;}
.p2{}
.p2{background: url(images/bg2.jpg);background-size:cover;}
.p2 h1{font-size: 72px;color: #22326c;font-family: "Listfont1";opacity: 0;}

.p2_left{width:1022px;}
h1{position: absolute;top:225px;left:138px;line-height: 70px;}
.txt{position: absolute;top:370px;left:302px;color: #000;font-size: 18px;font-family:"\5FAE\8F6F\96C5\9ED1";width:670px;}
.txt p{color: #000;font-size: 18px;font-family:"\5FAE\8F6F\96C5\9ED1";line-height: 36px;opacity: 0;}
.logo{position: absolute;top:46px;left:133px;}
h2{color: #ab2d35;font-size: 30px;font-family: "Listfont";font-weight: bold;margin-top: 38px;opacity: 0;}

.p2_right{width:898px;float: right;overflow: hidden;position: relative;height:1080px;}
.p2_right img{cursor: pointer;display: none;border:1px solid #e5e5e5;width:600px;}
.p2_right img.a1{position:absolute;top:320px;right:44px;}
.p2_right img.a2{position:absolute;top:256px;right:86px;}
.p2_right img.a3{position:absolute;top:243px;right:130px;}
.p2_right img.a4{position:absolute;top:227px;right:175px;}
.p2_right img.a5{position:absolute;top:202px;right:222px;}
.p2_right img.a6{position:absolute;top:183px;right:269px;}
.p2_right img.this{z-index: 10;}

.page_m{position: absolute;top:524px;left: 60px;width:30px;z-index: 2}
.page_m i{display: block;font-size: 20px;display: block;clear:both;text-align: center;color: #343434;line-height: 30px;height:30px;margin-bottom: 10px;opacity: 0;}
.page_m em{display: block;font-size: 20px;display: block;clear:both;color: #343434;line-height: 40px;height:40px;opacity: 0;text-align: center;}
.txt3{position: absolute;font-size: 18px;color: #382401;top:845px;left: 750px;opacity: 0;}
.up{background: url(images/up.png);width:148px;height:17px;position: absolute;top:67px;left:15px;cursor: pointer;}
.p2 h1{font-size:60px;}
h1{top:180px;}
h2{margin-top: 18px;}
.nav_btn1{-webkit-animation: p1an 1s steps(4) infinite;}
.nav_btn{position: absolute;left:63px;top:50%;cursor: pointer;z-index: 10;background: url(images/btn3.png);width:24px;height:25px;margin-top: 80px;}
@-webkit-keyframes p1an {
  0% { background-position: 0 0;}
  100% {background-position:-96px 0;}
}

@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
{
.p1_all{transform:scale(0.6);top:0px;left:-120px;transform-origin:0 0;-webkit-transform-origin: 0 0;position: absolute;width:100%;height:100%;}
.ts{position: absolute;bottom:auto;top:1650px;left:700px;opacity: 0;}
.txt1{font-size: 32px;margin-top:10px;width:450px;line-height: 120%;}
.txt2{font-size: 32px;width:450px;line-height: 120%; position: absolute;top:1255px;left: 745px;}

.txt3{top:1050px;left:300px;position: absolute;font-size: 32px;line-height: 120%;width:500px;color: #382401;}
.logo3{left:560px;}
.logo4{left:800px;}
.nav_btn{left:1100px;}
.p2{background: none;}
.p2_left{transform:scale(0.6);top:-50px;left:0px;transform-origin:0 0;-webkit-transform-origin: 0 0;position: absolute;z-index:20px}
.p2_right{transform:scale(0.6);left:0px;transform-origin:0 0;-webkit-transform-origin: 0 0;position: absolute;}
.p2_left h1{left:80px;}
.txt{width:90%;margin-left:80px;left:0;}
.txt p{font-size: 30px;line-height: 140%;}
.p2_right{position: absolute;top:470px;left: 100px;}
.logo{top:100px;left:100px;}
.page_m{left:0;}
.nav_list ul{top:60%;}
.nav_list ul li{font-family: "Listfont";font-size:18px;clear:both;text-align: center;line-height:220%;color: #fff;cursor: pointer;}
.p1 .nav_btn{left:1100px;transform:scale(3);transform-origin:0 0;-webkit-transform-origin: 0 0;top:0;}
.p2 .nav_btn{left:880px;transform:scale(3);transform-origin:0 0;-webkit-transform-origin: 0 0;top:135px;margin:0; z-index:20;}
.page_m{top:35px;left:420px;width:100px;}
.page_m i{border-right: 1px solid #000;float: left;padding-right: 20px;margin-right: 20px;line-height: 30px;}
.page_m em{float: left;clear:none;line-height: 30px;}

.txt2,.txt1{font-size:40px;}
h1 {top: 220px;}
h2{font-size:40px;}

.txt3 span{display:block;}
.preload {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
 filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6; 
  z-index: 1000;
}
  .preload .load-area {
    position: absolute;
    width: 400px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -80px; }
    .preload .load-area .bar {
      position: absolute;
      width: 100%;
      height: 4px;
      left: 0;
      bottom: 0;
      background-color: #999;
      overflow: hidden; }
      .preload .load-area .bar .progress {
        position: absolute;
        width: 0%;
        top: 0;
        height: 100%;
        background-color: #fff100;
        border-radius: 100px; }
    .preload .load-area .num {
      color: white;
      font-family: Helvetica;
      position: absolute;
      width: 100%;
      top: 0;
      text-align: center;
      font-size: 30px;
      line-height: 4px; }


      .loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.6em solid rgba(255, 255, 255, 0.2);
  border-right: 0.6em solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.6em solid rgba(255, 255, 255, 0.2);
  border-left: 0.6em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear; }

.loader,
.loader:after {
  border-radius: 50%;
  width: 5em;
  height: 5em; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
	 }

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } 
	}
      }

}
.txt3 span{margin-right:40px;}