@media (max-width: 1000px) {
    #fullpageMenu{position:fixed; left:0; top:0; width:100%; height:88px;  z-index:1000; font-size:20px;}
    .hcon{width: 95%;}
    #fullpageMenu ul li{display: none;}
    #fullpageMenu>.hcon{display: none;}


    #fullpageMenu dl.respMenu{display: block; position: relative; width: 100%;}
    #fullpageMenu dl.respMenu dt{display: block; width:88px; height: 88px; font-size:36px; line-height: 88px; text-align:center; float: right; color: inherit; cursor: pointer;}
    #fullpageMenu dl.respMenu dd{background: rgba(255, 255, 255, 1);display: none; clear: both; display: block; width:100%; top: 90px; text-align: right; color: inherit;    transition: 0.7s ease-in-out; }
    #fullpageMenu dl.respMenu dd a{border-bottom: 1px solid rgba(62, 204, 126, 0.2); display: block; color: #02cb73; width: 100%; height: 40px; font-size: 18px; line-height: 40px; padding-right: 30px; box-sizing:border-box;/*border-top: 1px solid rgba(255,255,255,0.5);*/ transition: 0.4s ease-in-out;}

/*   响应式菜单的下拉的底色和底边*/
    .fp-viewing-page2 dl.respMenu dd,
    .fp-viewing-page4 dl.respMenu dd{background:rgba(255,255,255,0.5);border-bottom: 1px solid rgba(62,204,126,0.2);}
    .fp-viewing-page3 dl.respMenu dd,
    .fp-viewing-page5 dl.respMenu dd{background:rgba(255,255,255,1);border-bottom: 1px solid rgba(62,204,126,0.2);}

    .fp-viewing-page1 dl.respMenu dd{background:#ffffff;border-bottom: 1px solid rgba(255,255,255,0.2);}

/*    响应式菜单的字体颜色*/
    /*.fp-viewing-page1 #fullpageMenu dl.respMenu{color: rgba(255,255,255,1);}*/
    .fp-viewing-page1 #fullpageMenu dl.respMenu dt:hover{color: #02cb73;}

    .fp-viewing-page2 #fullpageMenu dl.respMenu,
    .fp-viewing-page3 #fullpageMenu dl.respMenu,
    .fp-viewing-page4 #fullpageMenu dl.respMenu,
    .fp-viewing-page5 #fullpageMenu dl.respMenu{color: RGBa(62,204,126,1);}

    .fp-viewing-page2 #fullpageMenu dl.respMenu dt:hover,
    .fp-viewing-page3 #fullpageMenu dl.respMenu dt:hover,
    .fp-viewing-page4 #fullpageMenu dl.respMenu dt:hover,
    .fp-viewing-page5 #fullpageMenu dl.respMenu dt:hover{color: RGBa(62,204,126,0.85);}

    /*    响应式菜单的字体上边框*/
    .fp-viewing-page2 dl.respMenu dd a,
    .fp-viewing-page4 dl.respMenu dd a{border-top: 1px solid rgba(62,204,126,0.2)}
    .fp-viewing-page3 dl.respMenu dd a,
    .fp-viewing-page5 dl.respMenu dd a{border-top: 1px solid rgba(62,204,126,0.2)}
    .fp-viewing-page1 dl.respMenu dd a{border-top: 1px solid rgba(255,255,255,0.2)}


  /* section1*/
    .fp-viewing-page1 .fp-tableCell{padding: 90px 0 40px;}
    .section1 .main{width:100% ; margin:0 auto;  overflow: visible; padding: 0; }

    .section1 .pdVideo{width:258px; height:532px; background:url(../svg/1.phone.1.svg) center no-repeat; background-size:cover; float: none;margin: 40px auto 0 ; font-size: 0; line-height: 0; position: relative; }
    .section1 .pdVideo:after{content: " "; display: block; width: 226px; height: 400px; border:1px solid #fff; position: absolute; left:15px; top: 64px; background: url(../video/226x400.output_HTML5_768Kbps_360p_html.vs-1.jpg) center no-repeat; background-size:100% auto;}
    .section1 .pdVideo video{width: 226px; height: 400px; margin:64px 15px 66px; border:1px solid #fff; font-size: 0; line-height: 0; position: relative; z-index: 999;}


    .section1 .con{float:none; width: 95%;margin:0 auto; text-align: center; padding:0; }
    .section1 .con h1{margin-top:60px; font-size: 30px; line-height: 40px; color: #fff; font-weight: 400; position: relative;}
    .section1 .con p{ font-size: 20px; line-height: 30px; color: #fff; font-weight: lighter;width: 85%; margin: 16px auto 0; position: relative;}
    .section1 .con p span{display: inline-block;}
    .section1 .con .downloadLink{margin:30px auto 0; font-size: 0; line-height: 0; position: relative;}
    .section1 .con .downloadLink a{display: inline-block; font-size: 12px; line-height: 36px; color: #fff; font-weight: lighter; padding: 0 9px; margin:0 9px; border: 1px solid #fff; border-radius: 5px;}
    .section1 .con .downloadLink a:hover{box-shadow: 0 0 20px 2px RGBa(255,255,255,0.25);}
    .section1 .con .downloadLink a.iphone:before{content: "\e902";}
    .section1 .con .downloadLink a.android:before{content: "\e901";}
    .section1 .con .downloadLink a:before{font-size: 24px; line-height: 36px; padding-right: 6px; font-family: "icomoon"; vertical-align: middle;}


    /*section2*/
    .section2 .con{margin: 100px auto 60px;}
    .section2 dl{width:75%; margin:30px auto ; float:none; text-align: center; position: relative; top:1000px;}


    /*section3*/
    .section3 .con{height: auto; margin: 20px auto;}
    .section3 .con dl{display: block;width: 64%; max-width:320px; height: 430px; margin: 60px auto;}
    .section3 .con dt{height: 263px;}
    .section3 .con dt a{height: 263px;}
    .section3 #getApp,.section3 .getApp,.section.getAppBig{display: none !important;}



    /*section4*/
    .section4 h1{margin: 120px auto 0; width: 80%;}
    .section4 dt h1{font-size: 0; line-height: 0; margin: 0;}



    /*section5*/
    .section5 .coLink{display: none;}
    .section5 .fnav{display: none;}

    .section5 .con{width: 95%; margin: 0 auto; position: static;}
    .section5 .con dl{width: 100%;}
    .section5 .con dt{float: none; display:none;}
    .section5 .con dd{float: none; width:100%;margin: 0 auto; }
    .section5 .con dd p{text-align:center; width: 80%; margin:0 auto 120px; position: relative; transition: 0s;}


    .section5 .con .soci{margin: 15px auto;text-align: center; position: relative; transition: 0s;}
    .section5 .con .soci>a{display:inline-block; font-size: 42px; line-height: 1em; padding: 9px 18px; color:rgba(255,255,255,1);position: relative; z-index: 501; margin: 0;}
    .section5 .con .soci .wxPopup{position: absolute;left:50%; bottom: -8px; transform: translate(-50%,100%); z-index: 500;}


    /*.fp-viewing-page5 .section5 .con .soci{position: relative; top: -320px;} js获取高度*/


    /*section5 footer*/
    /*.section5 .footer{width: 100%; box-sizing: border-box;display: block; position: absolute; bottom: -50px; top: auto;}*/
    .section5 .footer{width: 100%; box-sizing: border-box;display: block; position: absolute; top: auto;}
    .fp-viewing-page5 .fp-tableCell{position: relative;}

    .footer .downloadLink{display: block; font-size: 0; line-height: 0; margin-bottom: 30px;}
    .footer .downloadLink a{display: inline-block; font-size: 12px; line-height: 36px; color: #fff; font-weight: lighter; padding: 0 9px; margin: 9px 18px; border: 1px solid #fff; border-radius: 5px;}
    .footer .downloadLink a:hover{box-shadow: 0 0 20px 2px RGBa(255,255,255,0.25);}
    .footer .downloadLink a.iphone:before{content: "\e902";}
    .footer .downloadLink a.android:before{content: "\e901";}
    .footer .downloadLink a:before{font-size: 24px; line-height: 36px; padding-right: 6px; font-family: "icomoon"; vertical-align: middle;}






    .Adfloat{display: none;}

    aside{right: 0; bottom: 0;width: 100%;}
    aside .goTop{display: none;}

    aside .audioPr{width: 100%;}
    aside .audioPr:hover{width: 100%;}
    aside .audioPr .con{width: 100%;}
    aside .audioPr dl{width: 100%;}
    aside .audioPr dd{width:calc(100% - 65px);}
    aside .audioPr dd>p{width:100%;}
    aside .audioPr .Prprogress{width:100%;}
    aside .audioPr .PgsRate{width: calc(100% - 36px);}

	}

@media (max-width: 800px) {
    .section4 h1{margin: 40px auto 0; width: 80%;}
    .section4 dt h1{font-size: 0; line-height: 0; margin: 0;}
    .section4 dt h3{background-size: 95%;}
    .section4 dd h1{font-size: 20px; line-height: 1em; margin-top: 10px; }
    .section4 dd p{font-size: 14px; line-height: 22px; margin: 16px 0 30px;}
    .section4 dd a{font-size: 14px; line-height: 1em;}
    .section4 dd a:after{content: ">"; padding-left: 6px;}
}

@media (max-width: 767px) {
    #header{height:48px;}
    .hcon{height:48px;}
    #header .logo a{font-size:30px; line-height:48px; margin: 0;}

    #fullpageMenu dl.respMenu dt{display: block; width:48px; height: 48px; font-size:24px; line-height: 48px; text-align:center; float: right; color: #02cb73; cursor: pointer;}
    #fullpageMenu dl.respMenu dd .hcon{height: auto;}
    #fullpageMenu dl.respMenu dd a{padding-right: 12px;font-size: 16px; line-height: 40px; }



    .fp-viewing-page1 .fp-tableCell{padding: 48px 0 20px;}

    .section1 .mobTit{display: block !important; width: 90%; margin: 0 auto;}
    .section1 .mobTit h1{margin: 0 auto; font-size: 24px; line-height: 32px;color: #fff; font-weight: 400; text-align: center;}
    .section1 .mobTit h1 span{display: inline-block;}


    .section1 .con h1, .section1 .con p{position: relative; /*top:-560px;*/}
/*    .section1 .con h1{margin: 0 auto; font-size: 24px; line-height: 32px;font-weight: 400;}*/
    .section1 .con h1{display: none;}
    .section1 .con p{display: none;}
/*    .section1 .con p{margin-top:16px; font-size: 16px; line-height: 24px; color: #fff; font-weight: lighter;}*/

    .section1 .pdVideo{position: relative; /*bottom: -130px;*/ transform: scale(0.95);}



/*    .section1 .pdVideo:before{content: "三毛游App-境外景区语音讲解神器"; font-size: 24px; line-height: 32px;font-weight: 400; color: #fff;position:absolute; top:24px; left: 50%; width: 600px; margin-left: -300px;}*/

    .section1 .con .downloadLink{position: relative; /*top: 20px;*/}


    .section2 dt{position: relative; width: 100px; height: 88px; left: 50%; margin-left: -50px; background-size: 70% !important;}
    .section2 dd h1{font-size: 20px; line-height: 30px; margin-top: 20px;}
    .section2 dd p{font-size: 14px; line-height: 22px; margin-top: 6px;}




    .section4 .con{margin: 40px auto 60px;}
    .section4 h1{font-size: 24px; line-height: 1.3em;}
    .section4 h1 span{display: inline-block;}

    .section4 dt{transform: scale(0.8);}


    .section5 .con .soci{display: none;}


    .footer p{float: left; display:table-cell; width:calc(100% - 120px); box-sizing: border-box; height: 60px; margin: 0; padding-left: 10px; line-height: 16px; text-align: left;}
    .footer p span:first-child{display: none;}
    .footer p span{margin: 0;display: table-cell; vertical-align: middle; overflow: hidden; height: 60px;}

    .footer .soci{float: right; display: block;font-size: 0; line-height: 60px; position: relative; padding-right: 5px;}
    .footer .soci>a{display:inline-block; font-size: 20px; line-height: 1em; vertical-align: middle; padding: 0 5px; color:rgba(255,255,255,1);position: relative; z-index: 501;}
    .footer .soci>a:hover{color:RGBa(37,171,97,1)}

    .footer .soci .wxPopup{display: none; width: 135px; height: 135px; border-radius: 4px; background:rgba(255,255,255,1);box-shadow:0 0 95px 45px rgba(0,0,0,.0862); position: absolute; left:50%; bottom: 195px; transform: translate(-50%,100%); z-index: 500;  margin-left: -50px; }
    .footer .soci .wxPopup::after{content: "";width: 10px; height: 10px; display: block; position: absolute; left:50%; bottom: -10px; transform: translate(-50%,-50%) rotate(45deg); background: rgba(255,255,255,1); margin-left: 30px;}
    .footer .soci .wxPopup a{display: block; background: url(../svg/5.qrWx.svg) center no-repeat; background-size: cover; width: 115px; height: 115px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}







}



@media (max-width: 500px){
    .section3 dl{height: 330px !important;}
    .section3 dt{height:163px !important;}
    .section3 dt a{height:163px !important;}
    .section3 dd{margin: 24px;}
    .section3 dd .left,.section3 dd .right{float: none;}
    .section3 dd .right{margin-top: 10px; }

}