@media only screen and (max-width:1680px ) {

    section.page2 .pageLft{
        width: 668px;
        padding-left: 6%;
    }
    section.page2 .pageRit{
        padding-right: 6%;
    }
    a.read{
        margin-top: 24px;
    }
    .IndexList{
        paddint-top: 60px;
    }
    section.page3{
        padding-top: 8%;
    }
    section.page3 .page3Rit{
        width: 54%;
    }
    section.page3 .page3Lft{
        padding-left: 20%;
        padding-top: 80px;
    }
    section.page3 .page3Rit .ourTeam li article p{
        line-height: 1.4;
    }

    section.page5 .pageRit .ourJist li{
        width: 49%;
    }
    section.page5 .pageRit .ourJist li:nth-child(3n){
        margin-right: 1.5%;
    }
    section.page5 .pageRit .ourJist li:nth-child(2n){
        margin-right: 0;
    }
    section.page5 .pageRit .ourJist li{
        padding-top: 24%;
    }
    section.page5 .pageRit .ourJist li .tp1{
        top: 50%;
    }
    section.page3 .page3Rit .ourTeam li span img{height:200px;}
    section.page3 .page3Rit .ourTeam li article h4{font-size:18px;}
    section.page5 .pageRit{
        width: 730px;
    }
    section.page5 .pageRit .ourJist li .tp1 i{
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    section.page5 .pageRit .ourJist li .tp1 i:after{
        left: -8px;
        top: -8px;
    }
    section.page5 .pageRit .ourJist li .tp1 strong{
        margin-top: 18px;
    }
    section.page5{
        width: 1250px;
    }
    section.page6 .page6Lft{
        padding-left: 10%;
    }
    section.page6 .page6Rit{
        width: 900px;
    }
    div.sliderBox .swiper-slide p{
        padding-top: 60px;
    }
    div.sliderBox .swiper-slide span{
        top: 42%;
    }
}








@media only screen and (max-width:1440px ) {

    section.page5{
        width: 1100px;
    }
    section.page5 .pageRit{
        width: 680px;
    }
    section.page5 .pageRit .ourJist li .tp1 strong{
        margin-top: 14px;
    }
    section.page2{
        width: 1200px;
        margin: -259px 0 0 -600px;
    }
    section.page2 .pageLft{
        padding-left: 0;
    }
    section.page2 .pageLft,section.page2 .pageRit{
        vertical-align: middle;
        display: inline-block;
        float: none;
    }
    section.page2 .pageRit{
        width: 400px;
        padding-right: 0;
        padding-left: 10%;
    }
    section.page4{
        width: 1200px;
        margin-left: -600px;
    }
    section.page6 .page6Lft{
        padding-left: 0%;
    }
    section.page3{padding-top:6%;}
    section.page6 .page6Lft{padding-left:5%}
    section.page3 .page3Rit .ourTeam li.video iframe{height:400px;}
    section.page6 .page6Rit{
        width: 760px;
    }
    section.page4{
        width: 1200px;
        margin-left: -600px;
    }
}


@media only screen and (max-width:1280px ) {
    
    .section2{background:url(../images/wap_bg1.jpg);}
    .section5{background:url(../images/wap_bg4.jpg);}
    
    
    
    
    section.page5 .pageRit .ourJist li.active:nth-last-child(1){width:100%}

    .header section.headNav menu{
        float: none;
        position: absolute;
        margin: 0;
        width: 100%;
        display: none;
        left: 0;
        top: 100%;
        background: rgba(5,8,31,0.3);
    }
    header section.headNav menu a{
        width: 100%;
        border-radius: 0;
    }
    header section.headNav .form-fulis .search{
        text-align: center;
        line-height: 40px;
        cursor:pointer;
    }
    header section.headNav .form-fulis .search:hover{
        background-color: #E77600;
    }
    header section.headNav .form-fulis .search span{
        font-size: 26px;
        color: #fff;
    }
    .rslides li article{
        width: auto;
        margin: 0;
        left: 50%;
        top: 50%;
        transform:translateX(-100%) translateY(-50%);
        height: auto;
    }
    .rslides li article .mores{
        margin-top: 20px;
    }
    .rslides li article p{
        font-size: 24px;
        margin-bottom: 12px;
    }

    section.page2{
        position: relative;
        left: 0;
        top: 0;
        margin: 0;
        width: 100%;
        height: auto;
        padding: 30px;
        box-sizing: border-box;
        padding-top: 16%;
    }

    section.page2 .pageLft .waps{
        padding: 0;
    }
    .IndexList{
        width: 100%;
        margin: 0;
    }
    .page6 a.read{margin:24px 0}
    a.read{
        margin: 24px auto;
    }

    header section.headNav menu a{
        margin: 0;
    }
    .Logo img{
        width: 100%;
    }
    .waperTit .webLine1{
        display: none;
    }
    aside.waperTit h3 strong,aside.waperTit h3{
        font-size: 26px;
    }
    .IndexList .IndexLContent .Txt{
        font-size: 14px;
    }
    .IndexList .IndexLContent{
        height: 18px;
    }
    .IndexList b{
        margin-top: 56%;
    }
    .IndexList{
        padding-top: 0;
    }
    section.page2 .pageLft .waps{
        margin-top: 20px;
    }
    section.page2 .pageRit img{
        width: 80%;
        display: inline-block;
    }
    section.page2 .pageLft{
        width: 100%;
    }
    section.page2 .pageRit{
       display: none;
    }
    .active section.headNav .form-fulis .search span{
        color: #000;
        transition: .6s;
    }
    .IndexList small{
        right: 13px;
        top: 25px;
    }
    section.page3{
        width: 100%;
    }
    section.page3 .page3Lft{
        width: 100%;
        padding: 0 8%;
        padding-top: 80px;
        box-sizing: border-box;
    }
    section.page3 .page3Rit .ourTeam li{
        width: 80%;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
	section.page3 .page3Rit .ourTeam li span img{
		height:230px;
	}
    section.page3{
        right: 0;
    }
    section.page3 .page3Lft .team{
        padding: 0;
        padding-left: 8%;
        margin-top: 60px;
    }
    section.page3 .page3Lft .read2{
        margin: 24px auto;
    }
    section.page3 .page3Rit{
        width: 100%;
    }
    section.page3{
        margin-top: -360px;
    }
    section.page4{
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        margin: 0;
    }
    section.page4 .page4Lft{
        width: 100%;
        float: none;
    }
    /* section.page4 .page4Rit{
        width: 100%;
        height: 230px;
    } */
    aside.waperTit3{
        padding-left: 6%;
    }
    aside.waperTit2 .webLine2{
        display: none;
    }
    aside.waperTit2 h3,aside.waperTit2 h3 strong,aside.waperTit3 h3,aside.waperTit3 h3 strong,aside.waperTit4 h3,aside.waperTit4 h3 strong{
        font-size: 28px;
    }
    section.page3 .page3Lft .team{
        margin-top: 0;
    }
    section.page3 .page3Rit .ourTeam li.video iframe{height:200px;}
    section.page3 .page3Lft .team li a{
        font-size: 14px;
    }
    section.page3 .page3Rit{
        padding-top: 0;
    }
    aside.waperTit3 .webLine3,aside.waperTit4 .webLine4{
        display: none;
    }
    section.page5{
        width: 100%;
        right: 0;

    }
    section.page5 .page5Lft{
        width: 100%;
        padding-top: 0;
    }
    aside.waperTit4 .tst{
        width: 100%;
        padding-left: 12%;
        box-sizing: border-box;
    }
    section.page5 .pageRit{
        width: 100%;
        padding-top: 20px;
    }
    section.page5 .pageRit .ourJist li .tp1 i{
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 24px;
        display: inline-block;
    }
    section.page5 .pageRit .ourJist li .tp1{
        text-align: center;
    }
    section.page5 .pageRit .ourJist li .tp1 i:after{
        left: -4px;
        top: -4px;
    }
    section.page5 .pageRit .ourJist li .tp1 strong{
        margin-top: 6px;
        font-size: 14px;
    }
    section.page5 .pageRit .ourJist li .tp2{
        display: none;
    }
    section.page6{
        width: 100%;
        margin: 0;
        padding: 0;
        top: 0;
        
    }
    .section6{background: url(../images/wapbg5.jpg);}
    aside.waperTit5 .webLine5{
        display: none;
    }
    section.page6 .page6Lft{
        width: 100%;
        padding-left: 8%;
        padding-top: 80px;
        /* display: none; */
    }
    section.page6 .page6Rit{
        width: 100%;
        /*padding-top: 52px;*/
        margin-top: 0;
    }

    section.page6 .page6Rit .newsLiat h3.title{
        display: none;
    }
    aside.waperTit5 h3,aside.waperTit5 h3 strong{
        font-size: 28px;
    }
    section.page6 .page6Rit .newsLiat li{
        height: auto;
    }
    section.page6 .page6Rit .newsLiat li{
        padding: 24px 20px 0 24px;
    }
    section.page6 .page6Rit .newsLiat li strong,section.page6 .page6Rit .newsLiat li h4{
        font-size: 14px;
    }
    section.page6 .page6Rit .newsLiat li p{
        font-size: 14px;
    }
    section.page6 .page6Rit .newsLiat li p a{color:#fff;}
    footer article p{
        display: block;
        padding: 0 30px;
        padding-bottom: 6%;
    }
    footer article a:first-of-type{
        width: 100%;
        margin: 0;
        text-align: center!important;
    }
    footer article a:nth-of-type(2){
        margin-left: 20%;
    }
    footer article span{
        display: inline-block;
        margin-left: 4%;
    }
    footer article{
        width: 100%;
    }
    footer article span,footer article a{
        width: 108px;
    }
    section.Intro{
        width: 100%;
        height: auto;
        left: 0;
        margin: 0;
        padding: 0;
        padding: 0 30px;
        box-sizing: border-box;
        padding-bottom: 80px;
    }
    article.lxTit{
        padding-top: 120px;
    }
    article.lxTit h4{
        font-size: 30px;
    }
    article.lxTit p i{
        width: 80px ;
    }
    article.lxTit p font,section.Intro .jianjie h4{
        font-size: 20px;
    }
    section.Intro .jianjie{
        padding-top: 20px;
    }
    section.Intro .jianjie p{
        font-size: 15px;
        text-align:justify;
    }
    .IndexList ul{
        padding-top: 40px;
        padding-bottom: 30%;
    }
    .nub{
        font-size: 18px;
        line-height: 20px;
        height: 20px;
    }
    .IndexList b em{font-size:12px;}
    .IndexList li .jh{
        font-size: 6px;
        display: block;
    }
    .IndexList li i{
        font-size: 12px;
    }
    .IndexList li span{
        font-size: 12px;
        padding: 0 6px;
        /* white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; */
    }
    div.hdm{
        width: 100%;
    }
    section.history{
        width: 100%;
        height: auto;
        left: 0;
        margin: 0;
    }
    div.subhtis{
        margin: 30px auto 0;
    }
    div.subhtis{
        width: 100%;
        padding: 30px;
        box-sizing: border-box;
    }
    div.subhtis dl{
        width: 53.3%;
    }
    div.subhtis dl dd{
        width: 86%;
    }
    div.subhtis dl dt span{
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 30px;
        display: inline-block;
        float: none!important;
        margin: 0!important;
    }
    div.subhtis dl dd{
        text-align: center!important;
    }
    div.subhtis dl dt{
        width: 100%;
        text-align: center;
        float: none!important;
        padding-bottom: 10%;
    }
    div.subhtis dl dt span:after{
        left: -5px;
        top: -5px;
        width: 110px;
        height: 110px;
    }
    section.ourTeams{
        width: 100%;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
    }
    .maxins{
        width: 100%;
        margin: 0;
        display: block;
    }
    .maxins aside{
        display: block;
    }
    article{
        width: 100%;
    }
    section.Intro .jianjie{width:100%}
    div.attractions{
        width: 100%;
    }
    div.attractions .swiper-slide article h3{
        font-size: 16px;
    }
    div.attractions{
        padding: 50px 0 60px;
    }
    div.manylogo ul li{
        width: 33.3%;
    }
	div.manylogo ul li img {height: 80px;}
    div.manylogo{
        margin-top: 30px;
    }
    div.sliderBox .swiper-slide span{
        top: 62%;
    }
    section.page4 .ourList{
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        opacity: 1;
        transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        position: relative;
        display: block;
    }
    section.page4 .page4Lft .hlj{
        height: auto;
        padding-bottom: 40px;
    }
    section.page4 .ourList li:last-child a{
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    section.page4 .ourList:last-of-type li:last-child a{
        border-bottom: none;
    }
    section.page4 .ourList{
        margin-top: 0;
    }
    section.mainmap{
        width: 100%;
        height: auto;
        left: 0;
        margin: 0;
    }
    section.page4{
        height: auto;
        padding: 0;
        padding-bottom: 30%;
    }
    section.page4 .ourList li a font{
        font-size: 14px;
    }
    section.mainVertion{
        width: 100%;
        left: 0;
        top: 0;
        margin: 0;
    }
    section.mainVertion2 .Tztit .proNac .leftc{
        line-height: 30px;
    }
    section.mainVertion2{
        padding-top: 120px;
    }
    section.mainVertion2 .Tztit .proNac{
        padding: 0 30px;
        box-sizing: border-box;
        margin-top: 8%;
    }
    section.mainVertion2 .ourlist{
        padding: 30px;
        box-sizing: border-box;
    }
    section.mainVertion2 .ourlist .lftbox{
        float: none;
        width: 100%;

    }
    section.mainVertion2 .ourlist .ritbox{
        float: none;
    }
    section.mainVertion2 .ourlist .ritbox>img{
        width: 100%;
    }
    section.mainVertion2 .ourlist .lftbox ul li{
        width: 100%;
    }
    section.mainVertion2 .ourlist .lftbox ul li .ico,section.mainVertion2 .ourlist .lftbox ul li .tops{
        margin-top: 0;
        margin-bottom: 20px;
    }
    section.mainVertion2 .ourlist .lftbox h4{
        font-size: 16px;
    }
    section.mainVertion2 .ourlist .lftbox ul li .ico i{
        font-size: 28px;
    }
    section.mainVertion2 .ourlist .lftbox ul li .ico font{
        font-size: 28px;
    }
    section.mainVertion2 .bez{
        padding: 20px 0;
    }
    section.mainVertion2 .bez p{
        padding: 0 30px;
    }
    .banners{
        width: 100%;
        height: 240px;
        left: 0;
        margin: 0;
    }
    article.address .maplist li font{
        line-height: 36px;
    }
    article.ourphone{
        width: 100%;
        height: auto;
        left: 0;
        margin: 0;
        margin-top: 40px;
    }
    article.address .maplist li{
        width: 100%;
        margin-bottom: 20px;
    }
    .banners2{
        height: 180px;
    }
    article.cutonTh ul li{
        width: 100%;
        padding: 200px 30px;
        padding-top: 120px;
        margin: 30px 0;
    }
	article.cutonTh ul li p{
		font-size: 15px;
		line-height: 2;
		padding: 0;
	}
    article.cutonTh ul li img{
        max-width: 90%;
    }
    article.cutonTh ul li h4{
        padding-top: 10px;
    }
	article.cutonTh ul li img{
		top: 10%;
	}
    article.cutonTh{
        padding: 30px;
        box-sizing: border-box;
    }
    ul.newsList li{
        width: 100%;
        display: block;
        left: 0;
        margin: 0;ul

    }
    ul.newsList{
        display: block;
        text-align: center;
    }
    ul.newsList li article{
        display: block;
    }
    ul.newsList li article{
        width: 100%;
        border: none;
        overflow: hidden;
        padding-bottom: 0;
    }
    ul.newsList li article img{
        float: none;
    }
    ul.newsList li article .texd{
        width: 100%;
        float: none;
    }
    ul.newsList li article i{
        display: none;
    }
    ul.newsList li article span{
        margin: 0 auto;
        margin-top: 20px;
    }
    ul.newsList{
        padding: 0 30px;
        box-sizing: border-box;
    }
    ul.newsList li article h4{
        font-size: 14px;
        padding-top: 20px;
    }
    ul.newsList li article font{
        font-size: 12px;
    }
    ul.newsList li article p{
        font-size: 12px;
        padding-top: 20px;
    }
    div.fy{
        width: auto;
        position: relative;
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
        padding: 40px 0;
    }
    article.newsLft{
        width: 100%;
        display: inline-block;
        float: none;
        padding: 0 30px;
        box-sizing: border-box;
        padding-top: 40px;
    }
    article.newsLft aside.newTit h4 font{
        margin: 0 12px;
    }
    article.newsLft aside.newTit h3{
        font-size: 16px;
    }
    article.newsLft aside.newTit h4 font{
        font-size: 12px;
    }
    article.newsLft p{
        font-size: 12px;
    }
    article.newsLft p img{
        width: 100%;
        height: auto;
       /* margin-left: -2em; */
    }
    div.fybook{
        border: none;
    }
    article.newsRit{
        width: 90%;
        margin-top: 0;
        margin: 0 auto;
        float: none;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width:800px ) {
    section.page4 .ourList{margin-left: 30px;}
    section.page4 .page4Rit{
        width: 100%;
        height: 230px;
    }
    section.page6 .page6Rit .newsLiat li.active{
        /*display: none;*/
    }
    section.page6 .page6Rit .newsLiat li.active:nth-child(1),section.page6 .page6Rit .newsLiat li.active:nth-child(2){display: block;}
    section.page5 .page5Lft .txtg{display: none;}
    section.page5 .pageRit .ourJist li .tp1{top: 50%;}
    section.page4 .page4Lft .read2{margin: auto;}
    section.page3 .page3Lft{padding-top: 100px;padding-bottom:10px}
    section.page3 .page3Lft .read2{margin: 10px 0;}
    aside.waperTit{margin-left: 0;}
    .IndexList ul{padding: 0;}

    header figure.Logo{
        margin-left: 30px;
        width: 48%;
    }

    header section.headNav{
        margin-right: 30px;
    }
    header section.headNav .form-fulis{
        margin-top: 0;
    }
    .rslides li article{
        width: auto;
        margin: 0;
        left: 50%;
        top: 50%;
        transform:translateX(-66%) translateY(-50%);
        height: auto;
    }
    .rslides li article .mores{
        margin-top: 10px;
    }
    .rslides li article p{
        font-size: 30px;
    }
    .rslides_tabs{
        padding-left: 18%;
    }
    article.newsLft div img{
        max-width: 100%;
        height: auto;
    }
}