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

    .rightTop{top: auto;bottom: 55px;right: 10px;}

}

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

    .product .bot .swiper-button-prev{left: 0;}

    .product .bot .swiper-button-next{right: 0;}

    .product .bot{padding: 0 40px;}

    .you .bot{padding: 0 38px;}

    .you .bot .swiper-button-prev{left: 0;}

    .you .bot .swiper-button-next{right: 0;}

}

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

    .inner {padding: 0 3%;}

    .navList{display: block;}

    .header .right ul{display: none;}

    .header .language{margin: 25px 9px 0 0;}

    .scale:hover{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);}

    .product .swiper-slide .slideBot{min-height: 100%;padding-bottom: 5px;}

    .product .bot{padding: 0 4%;}

    .proMsg .inner > .left{width: 250px;}

    .newsUl li a{width: 83%;}

    .msgUl{margin: 30px -1.1% 0;}

    .msgUl li{width: 31%;margin: 0 1.1% 45px;}

    .msgBig .left{width: 55%;}

    .msgBig .right{width: 42%;}

    .product .swiper-slide .top{height: auto;}

    .product .swiper-slide .top img{position: relative;}



}

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

    .banner,.banner2{height: auto;}

    .banner .swiper-container{height: auto;}

    .banner .img1,.banner2 .img1{display: none;}

    .banner .img2,.banner2 .img2{display: block;}

    .msgBig .right{width: 29%;}

    .msgBig .left{width: 68%;}

    .proPC{display: none;}

    .proIphone{display: block;width: 100%;}

    /*.proIphone .swiper-slide{width: 100% !important;}*/

    .proIphone .swiper-pagination-bullet-active{background: #007aff !important;}

    .proIphone .swiper-pagination-bullet{background: #fff;}

}

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

    #menu{width: 100%;}

    .product .bot{padding: 0;}

    .jieUl li:nth-of-type(odd){padding-right: 30px;}

    .jieUl li:nth-of-type(even){padding-left: 30px;}

    .you .bot{padding: 0;}

    .baseArrow{display: none !important;}

    .you .bot .swiper-wrapper{padding-left: 0;}

    .footer .top .left{width: 100%;float: none;}

    .footer .top .right{float: none;text-align: center;}

    .footer .top .wei-bo{display: inline-block;}

    .footer .top p span{display: block;margin: 0;}

    .rightTop{height: auto;}

    /*.rightTop a{display: none;}*/

    /*.rightTop a.top{display: block;}*/


    .proMsg .inner > .left{width: 230px;}

    .msgBig .left,.msgBig .right{width: 100%;float: none;}

    .msgBig .right{margin: 10px 0 0;}

    .msgBig .right,.msgBig .right .text{height: 100% !important;}



}

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

    .newsUl li a{width: 65%;}

    .msgUl{margin: 30px -1% 0;}

    .msgUl li{width: 48%;margin: 0 1% 30px;}

    .footer .top ul li a:hover i{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);}

    .footer .top ul li a:hover img{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);}

}

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

    .contact .contact-l,.contact .contact-r{width: 100%;float: none;}

    .contact .contact-r{margin: 20px 0 0;}

    .contact .contact-r .title{font-size: 20px;font-weight: normal;}

    .product .swiper-slide .slideBot{padding: 19px 3px 0;height: 160px;}

    .product .swiper-slide .title{font-size: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

}

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

    .baseTitle h3{font-size: 24px;}

    .jieUl li{width: 100%;float: none;}

    .jieUl li:nth-of-type(odd) .line{display: none;}

    .jieUl li:nth-of-type(odd){padding-right: 0;}

    .jieUl li:nth-of-type(even){padding-left: 0;}

    .jieUl li .li-con{padding: 20px 0;}

    .jieUl li:nth-last-child(1) .li-con,.jieUl li:nth-last-child(2) .li-con{border-bottom: 1px solid #3379af;padding: 20px 0;}

    .jieUl{margin: 10px 0 40px;}

    .footer .bot{text-align: center;line-height: 24px;padding: 14px 0;}

    .footer .bot p{float: none;}

    .header .logo{margin: 26px 0 0;}

    .header .logo img{width: 135px;}

    .banner .swiper-pagination-bullet{width: 10px;height: 10px;}

    .proMsg .inner>.left,.proMsg .inner>.right{float: none;width: 100% !important;}

    .proMsg .inner > .left ul{padding: 0;border-bottom: none;margin: 0 0 30px;}

    .msgTitle .left,.msgTitle p{float: none;}

    .msgTitle .left:before{left: 0;}

    .msgTitle .left{padding-left: 22px;}

    .proMsg{padding: 20px 0;}

    .conTitle .title{font-size: 20px;line-height: 30px;}

    .page{padding: 15px 0 0;}

    .tran3{transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s;-o-transition: all 0s;}

    .tranY:hover{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);}

    .product .swiper-slide .top img{width: auto;}



}

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

    .company .img2{display:block;}

    .company .img1{display:none;}

}

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

    .baseTitle h3:before,.baseTitle h3:after{width: 100% !important;background-size: contain !important;}

    .baseTitle h3:before{left: -115% !important;}

    .baseTitle h3:after{right: -115% !important;}

    .msgUl li .pic{height: 150px;}

    .my-map{height: 300px;}

    .msgUl li .title{height: 90px;}







}

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

    .product .swiper-slide .text{height: auto;overflow: inherit;}

    .content ul{margin: 0;}

    .content ul li{float: none;margin: 0 0 20px;width: 100%;}

    .msgUl{margin: 0;}

    .msgUl li{width: 100%;margin: 0 0 20px;float: none;}

    .msgUl li .pic img{padding: 0;max-height: 100%;}

    .msgUl li .title{height: auto;}

}



































