@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:1%; }
    section.page3 .page3Rit{ width:72%; }
    section.page3 .page3Lft{ padding-left:0; padding-top:50px; }
    section.page3 .page3Rit .ourTeam li article p{ line-height: 1.4;    }
	
    section.page5 .pageRit .ourJist li{ padding-top: 24%; }
    section.page5 .pageRit .ourJist li .tp1{ top: 50%; }
    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:0;}
	section.page7 .page7Lft{ padding-left:0;}
	
    div.sliderBox .swiper-slide p{ padding-top: 60px; }
    div.sliderBox .swiper-slide span{ top: 42%; }
	
.header .nav>ul>li>a{ padding:0 15px; height:40px;line-height:40px;	font-size: 16px;}
.header .nav li .sub{ min-width: 115px;top:40px;}
}
@media only screen and (max-width:1440px ) {
.header .nav>ul>li>a{ padding:0 15px; height:40px;line-height:40px;	font-size: 16px;}
 header{padding-top:20px; padding-bottom: 20px; z-index: 9999;}
.header .nav li .sub{	width: auto;top:40px;}
    aside.waperTit h3,
	aside.waperTit h3 strong,
	aside.waperTit2 h3,
	aside.waperTit2 h3 strong,
	aside.waperTit3 h3,
	aside.waperTit3 h3 strong,
	aside.waperTit5 h3,
	aside.waperTit5 h3 strong,
	aside.waperTit7 h3,
	aside.waperTit7 h3 strong{font-size:30px;}
	
    section.page2{ width: 1100px;  margin: -159px 0 0 -550px;    }
	.IndexList{ padding-top:30px;}
	section.page2 .pageLft .waps p{font-size:13px;}
	section.page2 .pageLft .waps{ margin-top:30px;}
    section.page2 .pageLft{width:658px; padding-left: 0; }
    section.page2 .pageLft,section.page2 .pageRit{ vertical-align: middle; display: inline-block;float: none;}
    section.page2 .pageRit{ width:300px;  padding-right: 0; padding-left: 10%; }
	
	section.page3 .page3Lft .team{ padding: 0;  margin-top: 60px;}
	section.page3 { right: 3%; margin-top: -190px;}
    section.page3 .page3Rit .ourTeam li article h4{ font-size:16px;}
	
    section.page4{  width: 1100px; margin-top: -190px;}
	section.page4 .page4Rit{ width:53%;height: 300px; overflow:hidden;}
	section.page4 .page4Lft {width:46%;margin-top:50px;}
	
    section.page5{ width: 1100px;margin-top: -200px;}
    section.page5 .pageRit{width:680px;}
    section.page5 .pageRit .ourJist li .tp1 strong{ margin-top: 10px;  }
	
	section.page6{ margin-left: -500px;margin-top: -250px;}
	section.page6 .page6Rit .newsLiat li {height:118px; padding:10px 0 0 10px; overflow:hidden;}
	section.page6 .page6Lft .team{padding: 0;  margin-top:60px;}
    section.page6 .page6Lft{  padding-left:0;  padding-top:60px;}
	section.page6 .page6Rit .newsLiat li strong{ font-size: 14px;}
section.page6 .page6Rit .newsLiat li h4{ font-size:17px; padding-top:5px;}
section.page6 .page6Rit .newsLiat li p{font-size:14px; padding-top:0; line-height: 1.7;}


	aside.waperTit5 .webLine5 {  left:50px;}
	
	section.page7 .page7Lft { padding-top:16px; }
	section.page7 { margin-top: -125px;}
	section.page7 .page7Lft .team{padding: 0;  margin-top: 60px;}
	aside.waperTit7 .webLine7{ left:70px; top:-10px;}


.rslides li article p{ font-size:30px; }
.rslides li article p i{  font-size:69px;font-weight: bold;}
.rslides li article p font{ font-size:50px;}
.rslides li article p span{ font-size:40px;}

}
@media only screen and (max-width:1024px ) {
   .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:80%; margin-left:50%; right:0; top: 50%; transform:translateX(-66%) translateY(-50%); height: auto; display:block;}
.rslides li article .mores{ margin-top: 10px; }
.rslides li article p{ font-size:20px; }
.rslides li article p i{  font-size:35px;font-weight: bold;}
.rslides li article p font{ font-size:26px;}
.rslides li article .brh{ font-size:18px; display:block; line-height:36px;}
.rslides li article p span{ font-size:18px;}
.rslides li .sjdt img{ height:100%!important;}
.rslides li .sjdt{ width:100%!important;height:100%!important; position:absolute;}
    .rslides_tabs{ padding-left: 18%; }

   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; }
    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 10%; padding-top:150px; box-sizing: border-box;    }
    section.page3 .page3Rit .ourTeam li{ width:40%; position: relative; left: 30%; transform: translateX(-50%);}
    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 {  width: auto;left:0; position: relative;  display:inline;}
	aside.waperTit2 .tst{ float:left; margin-top:0;}
	section.page3 .page3Lft.active .read2 {opacity:0;}
	
    aside.waperTit2 h3,aside.waperTit2 h3 strong,
	aside.waperTit3 h3,aside.waperTit3 h3 strong,
	aside.waperTit4 h3,aside.waperTit4 h3 strong{  font-size: 26px; }
    aside.waperTit h3, aside.waperTit h3 strong,
	aside.waperTit2 h3, aside.waperTit2 h3 strong,
	aside.waperTit3 h3, aside.waperTit3 h3 strong,
	aside.waperTit5 h3, aside.waperTit5 h3 strong,
	aside.waperTit7 h3, aside.waperTit7 h3 strong { font-size:26px;}

    section.page3 .page3Lft .team{  margin-top:10px; float:left; margin-left:20px; }
    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 .page5Lft .read {opacity:0; display:none;}
	
    section.page5{ width: 100%;  right: 0; top:18%; margin-top: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.page5 .pageRit .ourJist li{ width: 46%; margin-right:1%; margin-left:2.5%; }
	
    section.page6{        width: 100%;        margin: 0;        padding: 0;        top: 0;    }
    aside.waperTit5 .webLine5{   display: none;    }
    section.page6 .page6Lft .team {  padding: 0;  margin-top:20px;}
	section.page6 .page6Lft .team li{ width:30%; float:left;}

    section.page6 .page6Lft .read {opacity:0; display:none;}
    section.page6 .page6Lft{        width: 100%;        padding-left: 15%;        padding-top:110px;        /* display: none; */    }
    section.page6 .page6Rit{        width:90%;        padding-top: 0;    }
	aside.waperTit5 h3,aside.waperTit5 h3 strong{        font-size: 28px;    }
    section.page6 .page6Rit .newsLiat li{ height: auto;   padding:15px 20px 10px 20px;background-color: rgba(255,255,255,0.6);}
    section.page6 .page6Rit .newsLiat li strong,section.page6 .page6Rit .newsLiat li h4{        font-size: 14px;    }
    section.page6 .page6Rit .newsLiat li p{        font-size: 12px;    }
	
    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: 14px;    }
    section.Intro .jianjie{    padding-top: 20px;    }
    section.Intro .jianjie p{        font-size: 12px;    }
    .IndexList ul{        padding-top: 40px;        padding-bottom: 30%;    }
    .nub{        font-size: 18px;        line-height: 20px;        height: 20px;    }
    .IndexList li .jh{        display: none;    }
    .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: 40px;        height: 40px;        line-height: 40px;        font-size: 20px;        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: 50px;        height: 50px;    }
    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%;    }
    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{        margin-top: 30px;    }
    div.sliderBox .swiper-slide span{        top: 62%;    }
	
    section.page4 .ourList{ position: relative; display: block; 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;    }
    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 li {  width:96%; margin-left:-2%;}
	section.page4 .ourList{margin-left:20px; 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: 160px;   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 img{    max-width: 30%; }
    article.cutonTh ul li h4{   padding-top: 40px; }
    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; }
	

section.page7 { margin-top:0; top:18%;}
section.page7 .page7Lft .read {opacity:0; display:none;}
section.page7 .page7Lft {  padding-top: 16px; width:100%;}
section.page7 .page7Lft .team{padding: 0;  margin-top:10px; margin-bottom:20px;}
section.page7 .page7Lft .team li{ float:left; width:33%;}

aside.waperTit7 .webLine7 .webs7{ display:none;}
aside.waperTit7 .webLine7 {  left: 70px;   top: -10px; display:table;}
aside.waperTit7 { display:inline-table;}
section.page7 .pageRit .ourJist li {  float: left;  width:30%;    padding: 0.5%;    margin-right: 1%; margin-top:2.5%;}
section.page7 .pageRit { width:100%;}



#fp-nav.left{ display:none;}
.header .nav li .sub{	width: auto;}
.header .nav>ul>li:hover a, .header .nav>ul>li>a{	width: auto;}
.hc_in{ display:block;}
.pc_in{ display:none;}
.tuanimg{ width:96%!important;}


}
@media only screen and (max-width:800px ) {
    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),
	section.page6 .page6Rit .newsLiat li.active:nth-child(3){display: block;}
    section.page5 .page5Lft .txtg{display: none;}
    section.page5 .pageRit .ourJist li .tp1{top: 50%;}
    section.page4 .page4Lft .read2{margin: auto;}
    aside.waperTit{margin-left: 0;}
    .IndexList ul{padding: 0;}
    header figure.Logo{ margin-left:20px;     width: 48%;    }
    header section.headNav{ margin-right: 30px; display:none;}
    header section.headNav .form-fulis{ margin-top: 0;    }
    article.newsLft div img{ max-width: 100%; height: auto;    }
	
.header .nav li .sub{	width: auto;}
.header .nav>ul>li:hover a, .header .nav>ul>li>a{	width: auto;}
	
	#fp-nav.left{ display:none;}
.hc_in{ display:block;}
.pc_in{ display:none;}

.ej{position:relative;border-radius:0!important}
.ej>img{width: 100%;border-radius:0!important;}
.tuanimg{ width:96%!important;}


}