html,body{position:relative;height:100%; padding: 0; margin: 0;}
body{background:#eee;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#000;margin:0;padding:0}
a:link,a:visited,a:hover,a:active{color:#555;text-decoration:none;}
ul,li,lo{ list-style: none; padding: 0; margin: 0;}
.swiper{width:100%;height:100%}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}

.sh-bg1{background: url(header.jpg) center no-repeat; background-size: cover}
.sh-bg2{background: url(n02.jpg) center no-repeat; background-size: cover}
.sh-bg3 {background: url(n03.jpg) center no-repeat; background-size:cover}
.sh-bg4 {background: url(n04.jpg) center no-repeat; background-size:cover}
.sh-bg5 {background: url(n05.jpg) center no-repeat; background-size:cover}
.sh-bg6,.sh-bg7,.sh-bg8,.sh-bg10{background: url(n06.jpg) center no-repeat; background-size:cover}
.sh-bg9 {background: url(n06.jpg) center no-repeat}
.sh-bg11{background: url(n09.jpg) center no-repeat}

.endplay {position: absolute;z-index: 80;right: 66px;top: 78px;width: 136px;height: 40px;background: url(endplay.png) no-repeat 0 0/100% 100%;cursor: pointer;}

.btn-right{width: 55px; height: 86px; background: url(btn-right.png);}
.btn-left{width: 55px; height: 86px; background: url(btn-left.png);}

.t-pic{display: block; position:absolute;width:80%; top:22%;}
.m-logo{display: block; position:absolute;width:34%; top:14%;}

#quote,#quotec{width:82%; position:absolute; top:8%; font-size:14px;line-height:24px;color:#fff; text-align: justify; display: none;}
/*第三屏*/
.pic-1,.pic-2{display: block; position:absolute; }
.pic-1{top:8%;width: 82%;}
.pic-2{top:8%;width: 94%;}
.m-tt-1{width:80%; position: absolute; top:46%;}
 @media screen and (max-height:780px) {
    .m-tt-1{top:50%;}
    }
.m-tt-1 strong{display:block;color:#fff; font-size:20px; line-height:30px; text-align:justify; }
.m-lst-1{position: absolute;width:80%; top:56%;}
 @media screen and (max-height:780px) {
    .m-lst-1{top:61%;}
    }
.m-lst-1 li a{display: block; padding-left:7%; color: #fff; font-size:16px; height:40px; line-height:40px; border-bottom: 1px dashed #fff; background: url(ico-01.png) 3px center no-repeat; overflow: hidden; text-align:left}

/*第四屏*/
.m-tt-2 {display: block;position: absolute;width:86%;top: 10%}
.g-tf{ position: relative; width: 1200px; height:700px}
.f01{position: absolute; display: block;width:43%; top:28%; left:50%;margin-left: -140px;}
@-webkit-keyframes f01 {0%{top:28%}50%{top:30%}100%{top:28%}}
.f01{animation-name:f01;animation-delay:0.3s;animation-duration:3s;animation-iteration-count:infinite;}
.f02{position: absolute; display: block;width:44%; top:50%; left:10%;}
@-webkit-keyframes f02 {0%{top:52%}50%{top:50%}100%{top:52%}}
.f02{animation-name:f02;animation-delay:0.25s;animation-duration:2.5s;animation-iteration-count:infinite;}
.f03{position: absolute; display: block;width:30%; top:65%; left:49%}
@-webkit-keyframes f03 {0%{top:65%}50%{top:67%}100%{top:65%}}
.f03{animation-name:f03;animation-delay:0.25s;animation-duration:3.5s;animation-iteration-count:infinite;}
.f04{position: absolute; display: block;width:34%; top:42%; right:10%;}
@-webkit-keyframes f04 {0%{top:40%}50%{top:37%}100%{top:40%}}
.f04{animation-name:f04;animation-delay:0.25s;animation-duration:3s;animation-iteration-count:infinite;}
.m-pic01,.m-pic02,.m-pic03,.m-pic04{ position:relative; display:none; z-index:99; width:33%}
/*第五屏*/
.m-tt-3{display: block;position:absolute;width:86%; bottom:14%;}
.g-box-2{ position:absolute;width: 1200px;height:650px; top: 10%; left: 50%; margin-left: -600px}
.g-box-map{position: relative; width: 1200px; height: 600px; margin:13% auto 0 auto}
.m01{position: absolute; width:13%; left:44%; top:10% }
.m02{position: absolute; width:13%; left:41%; top:18%}
.m03{position: absolute; width:13%; left:44%; top:26%}
.m04{position: absolute; width:13%; left:42%; top:50%}


/*第六屏*/
.m-tt-4{position:absolute;width:86%; top:10%;}
.s01,.s02,.s03,.s04,.sl01,.sl02,.sl03,.sl04{display:block; position:absolute;}
.s01{top: 34%; left:48%; width:41%}
.s02{top: 34%; left: 14%; width:35%}
.s03{top: 52%; left: 13%; width:41%}
.s04{top: 49%; left: 54%; width:35%}
 @media screen and (max-height:780px) {
    .s03{top: 55%; left: 13%; width:41%}
	.s04{top: 51%; left: 54%; width:35%}
    }

.sl01,.sl02,.sl03,.sl04{ display:block;border-radius:100%;z-index: 10;}
.sl01{top: 34%; left:52%; width:35%; height:15%;}
.sl02{top: 34%; left:13%; width:32%; height:21%;}
.sl03{top: 59%; left:15%; width:32%; height:15%;}
.sl04{top: 54%; left:57%; width:31%; height:21%;}
.m-al{position:fixed;top:0;left:0;width: 100%;height:100%;background-color: rgba(0, 0, 0, 0.6);z-index:11}
.u-btn01{ position:absolute;display: block; width:40px; height:40px; left: 50%; margin-left: -20px; line-height:40px;bottom:6%;border:none;background:url(close-ico.png) center no-repeat; background-size:100% ;}
/*第七屏*/
.g-box-4{ position:absolute; width:70%;top:28%;}
.m-cn{padding-top: 10%;}
.m-cn img{display: block; width: 100%;border-radius:10px; border-bottom-left-radius: 0;border-bottom-right-radius: 0; }
.m-cn strong{display: block;width:92%;padding:4%; background: #fff; border-radius:10px; font-size: 16px; text-align: left; color: #222; border-top-left-radius: 0;border-top-right-radius: 0; font-weight: normal;}


/*第八屏*/
.g-box-5{position:absolute; width:82%;  top: 30%}
.m-txt-3{text-align: justify; line-height:20px; font-size:14px;}
.m-txt-3 li{display: block; border: 1px solid #fff; padding:3% 4% 2% 18%; margin-bottom:5%; border-radius:10px ;}
.m-txt-3 span{display: block; font-weight: bold; color:#FA7804;}
.m-txt-3 strong{ font-weight: normal; color: #222;}
.m-num01{ background:#fff url(num01.png) 4% center no-repeat; }
.m-num02{ background:#fff url(num02.png) 2% center no-repeat; }
.m-num03{ background:#fff url(num03.png) 2% center no-repeat; }
.m-num04{ background:#fff url(num04.png) 2% center no-repeat; }
.m-num05{ background:#fff url(num05.png) 2% center no-repeat; }


/*第9屏*/
.m-x01,.m-x02,.m-x03,.m-x04,.m-x05,.m-x06,.m-x07,.m-x08{position: absolute; display: block; }

.m-x01{top:29%; left:7%;width:33%;}
.m-x02{top:30%; left:51%; width:41%;}
.m-x03{top:45%; left:13%; width:33%;}
.m-x04{top:47%; left:56%; width:36%;}
.m-x05{top:61%; left:6%; width:36%;}
.m-x06{top:63%; left:49%; width:40%;}
.m-x07{top:76%; left:10%; width:33%;}
.m-x08{top:77%; left:55%; width:36%;}


/*第10屏*/
.m-lst-2{width:82%; position: absolute; top:32%;}
.m-lst-2 li{ display: block; text-align: center; font-size:22px; margin-bottom:7%;}
.m-lst-2 strong{display: block; color: #fff; font-weight:normal ; }
.m-lst-2 span{display: block; color: #ffe066; font-weight: bold;}

.g-qdlogo{ display: block;position: absolute; width: 30%; top:80%;}
.m-ttc{display: block;position: absolute; top:84%; font-size:12px; color:#001c54; font-weight: bold;}

/*视频*/
.endplay {position: absolute;z-index: 80;right: 66px;top: 78px;width: 136px;height: 41px;background: url(endplay.png) no-repeat 0 0/100% 100%;cursor: pointer;}
#m-video{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;z-index: 20;}