@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;color:#0e0e0e;text-align:center;background:#fff}
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 12px/180% \5FAE\8F6F\96C5\9ED1;}
a:link,a:visited{color:#0e0e0e;text-decoration:none;}
a:hover{color:#c00;text-decoration:underline;}
img{border:none;user-select:none;}
ol,ul,li{list-style:none;} 
em{font-style:normal;}
html,body{width: 100%;height:100%;position: relative;overflow: hidden;padding:0;margin:0;}
/*clear*/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
.w1000{width:1000px;}
.white,.white a:link,.white a:visited,.white a:hover{color:#fff;}
/*main*/
.fmCon,.swiper-container,.page{width: 100%;position: relative;height: 100%;padding:0;margin:0;overflow:hidden;}
/*fmCon horizontal 水平*/
.vertical .fmCon{background-size:auto 100%;}
.horizontal .fmCon .xi{height:85%;left:15%;}
.horizontal .fmCon .con1{height:20%;top:20%;}
.horizontal .fmCon .tit1{width:50%;left:33%;}
.horizontal .fmCon .logo1{bottom:25%;}
.horizontal .fmCon .btn1{bottom:5%;right:27%}
.fmCon{background-image:url(images/fmbg.jpg);background-position:center;background-size:100% auto;position: absolute;z-index:100;background-repeat:no-repeat;}
.fmCon .xi{position:absolute;left:0%;right:0;height:80%;top:2%;bottom:0;margin:0;width:auto}
.fmCon .tit1{position: absolute;width:60%;top:22%;left:25%;}
.fmCon .con1{position: absolute;top:20%;right:25%;height:17%;}
.fmCon .logo1{position: absolute;right:25%;bottom:30%;}
.fmCon .con2{width: 660px;height:228px;position: absolute;top:70%;left:28%;background:url(images/tit3.png) no-repeat;}
.fmCon .con2 p{font-size: 20px;line-height: 34px;text-indent: 2em;width: 594px;position: absolute;left: 67px;top:86px;}
.fmCon .btn1{position: absolute;bottom:10%;right:17.5%;cursor: pointer;}
/*swiper*/
.swiper-container .swiper-slide{position:relative;opacity:0;transition: opacity 0.7s ease-in-out;}
.swiper-container .swiper-slide-active{opacity:1;}
.pagination-con{position: absolute;z-index: 20;left:0px;bottom:45px;width: 100%;text-align: center;}
.pagination-con .swiper-pagination-switch{display: inline-block;width: 16px;height: 16px;border-radius: 16px;background: #fff;margin-right: 6px;cursor: pointer;}
.pagination-con .swiper-active-switch{background:url(images/icon1.png) no-repeat;width: 40px;height: 40px;}
/*page1*/
.page .pic1 img{width:80%;height:80%;border-radius: 50%;margin-left: 10%;margin-top: 10%}
.page .pic1 i{position: absolute;width:500px;top:0;left:0;animation:circleRoate 5s infinite linear;height:500px;}
.page .pic1 i.ar1 span{right:6%;top:20%;}
.page .pic1 i.ar2 span{left:2%;bottom:26%;}
.page1{background: #ead0b0;}
.vertical .page1 .num1{width:20%;height: auto;}
.vertical .page1 .tit1{width:55%;height: auto;}
.vertical .page1 .txt1{width:70%;height: auto;}
.vertical .page1 .pic1,.vertical .page1 .pic1 i{width:450px;height:450px;}
.page1 .num1{position: absolute;top:63px;left:0;width: 23%;}
.page1 .tit1{position: absolute;width:50%;left:6%;top:23%;}
.page1 .txt1{position: absolute;top:60%;left:8.5%;width:70%}
.page1 .pic1{position: relative;width:500px;height:500px;top:4.5%;right:-25%;border:3px solid #b48148;border-radius: 50%}
.page1 .pic1 i span{position: absolute;width: 23px;height: 23px;border-radius: 50%;background:#b48148;}
@-webkit-keyframes circleRoate{
	from{transform: rotate(0deg);}  
	to{transform: rotate(360deg);} 
}
@keyframes circleRoate{
	from{transform: rotate(0deg);}  
	to{transform: rotate(360deg);}  
}
/*page2*/
.page2{background: #e6f7f5;}
.vertical .page2 .num1{width:20%;height: auto;}
.vertical .page2 .tit1{width:55%;height: auto;right:2%;}
.vertical .page2 .txt1{width:70%;height: auto;}
.vertical .page2 .pic1,.vertical .page2 .pic1 i{width:450px;height:450px;}
.page2 .num1{position: absolute;top:63px;right:0;width:23%;}
.page2 .tit1{position: absolute;width:50%;right:10%;top:23%;}
.page2 .txt1{position: absolute;top:60%;left:13%;width:70%}
.page2 .pic1{position: absolute;width:500px;height:500px;top:4%;left:10%;border:3px solid #60b7ef;border-radius: 50%}
.page2 .pic1 i span{position: absolute;width: 23px;height: 23px;border-radius: 50%;background:#60b7ef;}
/*page3*/
.page3{background: #d2ecff;}
.vertical .page3 .num1{width:20%;height: auto;}
.vertical .page3 .tit1{width:55%;height: auto;}
.vertical .page3 .txt1{width:70%;height: auto;}
.vertical .page3 .pic1,.vertical .page3 .pic1 i{width:450px;height:450px;}
.page3 .num1{position: absolute;top:63px;left:0;width:23%;}
.page3 .tit1{position: absolute;width:50%;left:6%;top:23%;}
.page3 .txt1{position: absolute;top:60%;left:8%;width:70%}
.page3 .pic1{position: absolute;width:500px;height:500px;top:4%;left:66%;border:3px solid #74b3ac;border-radius: 50%}
.page3 .pic1 i span{position: absolute;width: 23px;height: 23px;border-radius: 50%;background:#74b3ac;}
/*page4*/
.page4{background: #fdd991;}
.vertical .page4 .num1{width:20%;height: auto;}
.vertical .page4 .tit1{width:55%;height: auto;right:2%;}
.vertical .page4 .txt1{width:70%;height: auto;}
.vertical .page4 .pic1,.vertical .page4 .pic1 i{width:450px;height:450px;}
.page4 .num1{position: absolute;top:63px;right:0;width:22%;}
.page4 .tit1{position: absolute;width:50%;right:10%;top:23%;}
.page4 .txt1{position: absolute;top:60%;right:13%;width:70%}
.page4 .pic1{position: absolute;width:500px;height:500px;top:4%;left:10%;border:3px solid #a17113;border-radius: 50%}
.page4 .pic1 i span{position: absolute;width: 23px;height: 23px;border-radius: 50%;background:#a17113;}
/*page5*/
.page5{background: #cbfff2;}
.vertical .page5 .num1{width:20%;height: auto;}
.vertical .page5 .tit1{width:55%;height: auto;}
.vertical .page5 .txt1{width:70%;height: auto;}
.vertical .page5 .pic1,.vertical .page5 .pic1 i{width:450px;height:450px;}
.page5 .num1{position: absolute;top:63px;left:0;width:23%;}
.page5 .tit1{position: absolute;width:50%;left:6%;top:23%;}
.page5 .txt1{position: absolute;top:60%;left:8%;width:70%}
.page5 .pic1{position: absolute;width:500px;height:500px;top:4%;left:66%;border:3px solid #41835f;border-radius: 50%}
.page5 .pic1 i span{position: absolute;width: 23px;height: 23px;border-radius: 50%;background:#41835f;}
/*page6*/
.page6{background: #cad0f8;}
.vertical .page6 .num1{width:20%;height: auto;}
.vertical .page6 .tit1{width:55%;height: auto;right:2%;}
.vertical .page6 .txt1{width:70%;height: auto;}
.vertical .page6 .pic1,.vertical .page6 .pic1 i{width:450px;height:450px;}
.page6 .num1{position: absolute;top:63px;right:0;width:22%;}
.page6 .tit1{position: absolute;width:50%;right:10%;top:23%;}
.page6 .txt1{position: absolute;top:60%;right:13%;width:70%}
.page6 .pic1{position: absolute;width:500px;height:500px;top:4%;left:10%;border:3px solid #494e8e;border-radius: 50%}
.page6 .pic1 i span{position: absolute;width: 23px;height: 23px;border-radius: 50%;background:#494e8e;}
/*page7*/
.page7{background: #e0dbc9;}
.vertical .page7 .num1{width:20%;height: auto;}
.vertical .page7 .tit1{width:55%;height: auto;}
.vertical .page7 .txt1{width:70%;height: auto;}
.vertical .page7 .pic1,.vertical .page7 .pic1 i{width:450px;height:450px;}
.page7 .num1{position: absolute;top:63px;left:0;width:23%;}
.page7 .tit1{position: absolute;width:50%;left:6%;top:23%;}
.page7 .txt1{position: absolute;top:60%;left:8%;width:70%}
.page7 .pic1{position: absolute;width:500px;height:500px;top:4%;left:66%;border:3px solid #8c825d;border-radius: 50%}
.page7 .pic1 i span{position: absolute;width: 23px;height: 23px;border-radius: 50%;background:#8c825d;}
/*page8*/
.page8{background: #859a62;}
.vertical .page8 .num1{width:20%;height: auto;}
.vertical .page8 .tit1{width:55%;height: auto;right:2%;}
.vertical .page8 .txt1{width:70%;height: auto;}
.vertical .page8 .pic1,.vertical .page8 .pic1 i{width:450px;height:450px;}
.page8 .num1{position: absolute;top:63px;right:0;width:22%;}
.page8 .tit1{position: absolute;width:50%;right:10%;top:23%;}
.page8 .txt1{position: absolute;top:60%;right:13%;width:70%}
.page8 .pic1{position: absolute;width:500px;height:500px;top:4%;left:10%;border:3px solid #495831;border-radius: 50%}
.page8 .pic1 i span{position: absolute;width: 23px;height: 23px;border-radius: 50%;background:#495831;}
/*page9*/
.page9{background: #e3c7af;}
.vertical .page9 .num1{width:20%;height: auto;}
.vertical .page9 .tit1{width:55%;height: auto;}
.vertical .page9 .txt1{width:70%;height: auto;}
.vertical .page9 .pic1,.vertical .page9 .pic1 i{width:450px;height:450px;}
.page9 .num1{position: absolute;top:63px;left:0;width:23%;}
.page9 .tit1{position: absolute;width:50%;left:6%;top:23%;}
.page9 .txt1{position: absolute;top:60%;left:8%;width:70%}
.page9 .pic1{position: absolute;width:500px;height:500px;top:4%;left:66%;border:3px solid #993238;border-radius: 50%}
.page9 .pic1 i span{position: absolute;width: 23px;height: 23px;border-radius: 50%;background:#993238;}
/*page10*/
.page10{background: #9ed2c9;}
.vertical .page10 .num1{width:20%;height: auto;}
.vertical .page10 .tit1{width:55%;height: auto;right:2%;}
.vertical .page10 .txt1{width:70%;height: auto;}
.vertical .page10 .pic1,.vertical .page10 .pic1 i{width:450px;height:450px;}
.page10 .num1{position: absolute;top:63px;right:0;width:22%;}
.page10 .tit1{position: absolute;width:50%;right:10%;top:23%;}
.page10 .txt1{position: absolute;top:60%;right:13%;width:70%}
.page10 .pic1{position: absolute;width:500px;height:500px;top:4%;left:10%;border:3px solid #106355;border-radius: 50%}
.page10 .pic1 i span{position: absolute;width: 23px;height: 23px;border-radius: 50%;background:#106355;}
/*page11*/
.page11{background: #deeafa;}
.vertical .page11 .num1{width:20%;height: auto;}
.vertical .page11 .tit1{width:55%;height: auto;}
.vertical .page11 .txt1{width:70%;height: auto;}
.vertical .page11 .pic1,.vertical .page11 .pic1 i{width:450px;height:450px;}
.page11 .num1{position: absolute;top:63px;left:0;width:23%;}
.page11 .tit1{position: absolute;width:50%;left:6%;top:23%;}
.page11 .txt1{position: absolute;top:60%;left:8%;width:70%}
.page11 .pic1{position: absolute;width:500px;height:500px;top:4%;left:66%;border:3px solid #506c8b;border-radius: 50%}
.page11 .pic1 i span{position: absolute;width: 23px;height: 23px;border-radius: 50%;background:#506c8b;}
/*page12*/
.page12{background: #ffd591;}
.vertical .page12 .num1{width:20%;height: auto;}
.vertical .page12 .tit1{width:55%;height: auto;right:2%;}
.vertical .page12 .txt1{width:70%;height: auto;}
.vertical .page12 .pic1,.vertical .page12 .pic1 i{width:450px;height:450px;}
.page12 .num1{position: absolute;top:63px;right:0;width:22%;}
.page12 .tit1{position: absolute;width:50%;right:10%;top:23%;}
.page12 .txt1{position: absolute;top:60%;right:13%;width:70%}
.page12 .pic1{position: absolute;width:500px;height:500px;top:4%;left:10%;border:3px solid #cf762e;border-radius: 50%}
.page12 .pic1 i span{position: absolute;width: 23px;height: 23px;border-radius: 50%;background:#cf762e;}
/*fd*/
.page_fd{background-image:url(images/fdbg.jpg);background-position:center;background-size:100% auto;position: absolute;z-index:100;background-repeat:no-repeat;}
.page_fd .w100{text-align: center;font-size: 14px;color:#193776;position: absolute;bottom:5%;width: 100%}
.vertical .page_fd{background-size:auto 100%;}
/*header*/
.header{height:40px;background:#fff;}
.header span{float:left;margin-top: 3px;}
.header em{float:right;margin-top:10px;}
.header em a{margin:0 6px;}
.header em,.header em a:link,.header em a:visited,.header em a:hover{color:#666;}
/*copyright*/
#copyright{clear:both;margin:0 auto;padding:70px 0 30px 0;text-align:center;font-family: \5B8B\4F53;}
body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  user-select: text;
  min-width: 1200px;
  font-size: 14px;
  font-family: 'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei','simsun',sans-serif;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}
html {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
body, html {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}

/*---------MEDIA QUERIES Mobile phone--------------*/

@media (min-device-height:750px) and (max-height:900px),
       screen and (max-device-height:900px) {
	.fmCon .tit1{top:16%;}
	.page .num1{width: 18%;}
	.page .tit1{width: 48%;top:25%;}
	.page .pic1,.page .pic1 i{width: 450px;height: 450px;}
	.page .txt1{width: 65%;}
}