
@media (max-width:1140px) {
	#header.headercur .menu>li>a{ margin: 0 18px; }
#header.headercur .headerR{ font-size: 13px; }
#header.headercur{ font-size: 14px;}
	.wcon{ max-width: 100%;}
	.header{ padding: 0 10px;}
	.padd{ padding: 0 10px;}
	.header .logo{    margin-right: 32px; letter-spacing: 0; }
	.menu>li>a,#header.headercur .menu>li>a{margin: 0 6px; font-size: 14px;}
	.headerR a {
    margin-left: 5px;
}
#banner .banner-w{ left: 20px;right: 20px;  margin-left: 0;}
.news-scroll{ margin-left: 22px; width: 40%;}
.box-imgCase,.box-imgCase .swiper-container{ width: 100%; margin: 0; height: auto;}
.box-imgCase a{ width: 31.3%; margin: 0 0 5rem;}
.footerL{ width: 55%; font-size: 14px;}
.footerR{ width: 40%;  font-size: 14px;   margin-left: 2%;}
.footerR .item{ font-size: 14px;}
.footerL a {font-size: 14px; 
    margin: 0 3px;
    padding-right: 5px;}
    .fixedRigBox{ right: 20px; margin-right: 0;}
    .box-scene-list .item,.box-scene-Nava {
    margin-left: -2%;
}
    .box-scene-listitem,.box-scene-Nava a{     width: 31.3%;margin-left: 2%;}
    .nbanner h2 {
    background: url(../images/liner_03.png) no-repeat center bottom; background-size: 30rem 3px;}
    .box-case-Nav a{ width: 24%;    margin-left: 1%;}
    .box-case-Nav{ margin-left: -1%;}
    .box-case-list a{ width: 31.3%; margin-left: 2%;}
    .box-case-list {
     margin-left: -2%;
}
.box-news-listItem .con {
    margin: 0 140px 0 273px;
    padding-right: 30px;
}

.box-serverNav span {    margin: 0 20px;}.box-server {
    padding: 88px 20px 53px;}
    .loginPage-bj .wrap-1,.nfooter.wcon{ padding: 0 10px;}
    .loginPage-box{ width: 341px;}.loginPage-bj .tips{ margin-right: 374px;}

    .box-bus .swiper-button-next,.box-imgCase .swiper-button-next{ right:30px;
    }
    .box-bus .swiper-button-prev,.box-imgCase .swiper-button-prev{left:30px;
    }
    .box-imgCase .swiper-button-next, .box-imgCase .swiper-button-prev {
        top: 29%;
    }

}

@media (max-width:840px) {
	.nbanner .banner-w{ top: 37%;}
	.scenebanner .banner-w{ top: 27%;}
	.nbanner h2 {letter-spacing: 3px;
    background: url(../images/liner_03.png) no-repeat center bottom;
    background-size: 61% 3px;
}
.nbanner.casebanner h2{ background: none;}
.loginPage-bj .tips{ display: none;}
.loginPage-box{ right:50%; margin-right: -190.5px;}
.nfooter{ padding: 0 10px;}
.newsbanner h2{ font-size: 3.5rem;letter-spacing: 0; }
	.nbanner,#banner,#banner video,.nbanner video { height: 480px;}
	.apphidden {
		display: none;
	}
	.appshow {
		display: block;
	}
	.headerappB {
		height: 40px;
		background: #f6f6f6;
		border-bottom: 1px solid #dadada;
		border-top: 1px solid #dadada;
	}
    .menu{ position: absolute; display: none;}
    .headerR{ display: none;}
	#header{ padding-top: 15px;}
    
    #header.headercur .appmenu a {
        height: 60px;
        line-height: 60px!important;}
    
	#banner .banner-w{ top: 25%;}
    .box-Hots h2{ position: absolute;}
	.news-scroll{width: 95%; height: 32px; line-height: 32px; padding-left:90px; margin-right: 10px;}
	.box-Hots .wcon{ padding: 0 10px;}
	.box-pointDL dd {
    width: 35%;
}.box-pointDL dt {
    margin-left: 35%;}
    .box-bus .swiper-container img{ height: auto;}
    .floor {
    padding: 1rem 0 1.5rem;
}.box-Hots{ margin: 20px auto 10px;}.box-typescon {
    padding: 0 0;
}
.box-pointDL dd,.box-pointDL dd p{ width: 100% ; text-align: center;}
.box-pointDL dt{ margin: 0; width: 100%;}
.footerL p span{ display: block;}
.footer{ padding: 0 0 20px;}
.footerL,.footerL p{ padding-top:0;  width: 100%; text-align: center;float: none;}
.footerR{width:100%; max-width: 301px;    margin: 0 auto; padding:50px 0; float: none;}
.box-scene-Nava a{  height: 40px; line-height: 40px; padding-left: 10px;}
.box-scene-Nava i{ width: 25px;
    height: 25px;}
.box-scene-listitem{width:100%;
    margin-left: 0%; }
    .box-scene-list .item{ margin-left: 0;}
     .box-case-list a{ width: 100%; margin-left: 0;height: auto;
    padding-bottom: 14px;}
    .box-case-list {
     margin-left:0;
}
.box-news-listItem .pic {
    width: 27%;
    height: 132px;
    line-height: 107px;
    font-size: 132px;}
    .box-news-listItem .pic img{ height: 100%;}
    .box-news-listItem .con {    padding-right: 10px;
    margin: 0 50px 0 31%;}
    .box-news-listItem{ padding: 15px;}.box-news-listItem .time{     right: 0;    width: 56px;}.box-news-listItem:after{ right: 0;    font-size: 12px;}.box-news-listItem .con h2 {
    margin: 23px 0 11px;}.box-news-Nava a{ font-size: 14px;   margin: 0 3%; height: 58px; line-height: 58px;}
    .nfooter{ text-align: center;}
    .nfooter a,.nfooter p{ margin-top: 20px; float: none; text-align: center;}
    .box-priceType{ height: auto; overflow:visible;}
    .box-priceType-item{ width: 100%; position: relative; z-index: 12;}
    .box-pricetypeNav{ display: block; overflow: hidden; z-index: 8; width:100%; padding: 0 24px; height:40px; position: absolute;top: -40px; text-align: center; left: 0; font-size: 15px;}
.box-pricetypeNav span{ cursor: pointer; position: relative; box-shadow: 0 0 8px rgba(0,0,0,0.2); line-height: 42px; height: 40px; display: block; background: #fff; width:25%; float: left; border-radius: 10px 10px 0 0;  }
.box-pricetypeNav span.cur,.box-pricetypeNav span.cur:hover{ background: #39caff; color: #fff; z-index: 2;}
.box-pricetypeNav span:hover{ color: #39caff;}
    .box-priceType-item{ display: none;}
    .box-priceType-item.boxShadow{ box-shadow: none}
    
    .priceType-checkItemcon .titTips{ margin-left: 3.6rem;}.box-serverNav span{ width: 30%;}.box-serverNav span {
    margin: 0 1%;
}.item-price strong:before{ top: 0.5rem; font-size: 1rem;}.box-server {
    padding: 88px 10px 53px;
}.priceTable td{padding: 5px 0 5px 5px;}.priceTable td span.num{     line-height: 14px;
    height: 18px;}.box-contactSub {
    width: 100%;}.forminput{ width: 80%; margin: 0 auto 1rem; float: none;}
                 .forminput input{padding-left: 7rem; width:100%;}
    .formTextarea{ width: 80%; margin: 0 auto;display: block;}.header .logo {
    margin-right: 0;
} .footerL p{ line-height: 1.5;}.box-caseinfoItem li:before{     top: 0.75rem;}.box-priceType{ margin-top: -150px;}.loginPage-bj .wrap-1{ margin-left: 0; left: 0;}
.box-imgCase a {
    width: 31.3%;
    margin: 0 0 3rem;
}
.xihualine{ font-size: 16px;}
.boxShadow{ box-shadow: 0 0 12px rgba(0,0,0,0.14);}


}


@media (max-width: 767px) {
	#banner .w1,.box-scene-listitem h3,.box-newstitle h2{ font-size: 1.6rem!important;}#banner .w2{ font-size: 1.2rem!important;}.news-scroll{ font-size: 1.2rem!important;    letter-spacing:2px!important;}
	.title h2{/* line-height: 3rem;*/letter-spacing:0;}
	.title span.small,.box-priceType-item h3,.box-priceType-item,.box-scene-Nava a,.box-scene-listitem p,.box-case-list a p,.box-newsinfoCon{ font-size: 1.2rem;}
	.priceType-checkItemcon ul,.box-priceType-checkItem,.nbanner .banner-w,.box-scene-Nava a i,.box-case-list a h3,.nfooter a{ font-size: 1.4rem;}
	.nfooter a{ position: relative; top: 10px;}
	.box-case-list a span,.box-news-listItem .time span{ font-size: 1rem;}
	.box-contactSub h2,.nbanner h2{ font-size: 2rem;}
}
@media (max-width:480px) {
	.nbanner,#banner,#banner video,.nbanner video { height: 380px;}
	.padd {
    padding: 0 10px;
}
	.nbanner {
    height: 300px;
}
.box-imgCase .imgHover{ height:82px;}
.nbanner h2{ bottom: 25%;}
.loginPage-box{ width: 80%; right: 10%; margin-right: 0;}
.footerL .link{ display: none;}.footer {
    padding: 0 0 30px;}.box-news-listItem .con h2 {
    margin: 0px 0 5px;
}.box-news-listItem .pic{     height: 7rem; line-height:inherit;}.nfooter p{ font-size: 1rem; padding: 0 20px;}.loginPage-box .swich .notes{ margin-right: 0;}
.scene-Bbtn{ margin-top: 0;}
.box-scene-Nava a{ width:48%; }
.scene-Bbtn{     font-size: 20px;padding: 0 58px 0 31px;    height: 45px;
    line-height: 44px;}
    .scene-Bbtn:after{ top:6px;}
    .box-typescon a i{width:50px;height: 50px;}
    .box-typescon a { font-size: 1.2rem;}
    .box-bus .title{ margin-top:0;}
    .title h2{ font-size:20px; line-height: 30px; margin-bottom: 10px;}
    .title span{     font-size: 16px;}
        .box-bus .title span{
            height: 46px;}
    .box-case-Nav a {
        width: 32.3%;
        margin-left: 1%;
    }

    .box-bus .swiper-button-prev, .box-imgCase .swiper-button-prev,.box-bus .swiper-button-next, .box-imgCase .swiper-button-next{ transform: scale(0.7)}
    .box-bus .swiper-button-prev,.box-bus .swiper-button-next{ top:70%;}
   
}
@media (max-width:330px) {
    #banner .w2{ padding-bottom: 20px;}
	.nbanner h2 {
        font-size: 1.6rem;
    }
    .header .logo{ font-size: 13px;}
    .loginPage-box{ height: 350px;}
}

@media (max-width: 1140px){
	.box-case-list .item .item-inner{width: 31.3%;margin-left: 2%;}
	.box-case-list .item .item-inner a{width:100%;margin:0;}
}


@media (max-width:1024px){
	#banner  .m-mvplay{display:block;}
	#banner .media{overflow:visible;}
	#banner .mv-poster{position:relative;display:block;}
	
	#banner .mv-popup{display:none; position:fixed;left:3%;top:20%; z-index:50;width:94%;}
	#banner .mv-popup .close{display:block; position: absolute;right:0px;top:-40px;background:#fff;font-size:26px;line-height:40px;color:#333;
	text-align:center;}
	#banner .swiper-slide>a{position:relative;z-index:30;}
	#banner .video-content{display:none;}
	
}
@media (max-width: 840px){
	#banner .mv-poster,
	#banner .media{height: 480px;}
	#header { padding-bottom: 15px;height:78px;}
	
	.box-case-list .item .item-inner{width:100%; height:auto;margin-left:0;}
	.box-case-list .item .item-inner a{width:100%;}
	.box-case-list .item .item-inner a.msg{padding-bottom:14px;}
	.box-imgCase .swiper-button-next, .box-imgCase .swiper-button-prev{top:38%;}
}
@media (max-width: 480px){
	#banner .mv-poster,
	#banner .media{height: 380px;}
}
@media (max-height:580px){
	.loginPage-box h2{height:50px;line-height:50px;}
	.loginPage-box{ height: 330px;}
	.nfooter{bottom:15px;}
	.login_qrcode_text{margin-top:10px;}
}
