@media (max-width: 1440px) { 
    .container { width: 96%; margin-left: auto; margin-right: auto; } 
    .conttainer-view{width:1200px;}
  .navbar .item { margin-right: 25px; }
  .spjj{height:330px;}
.spjj a span{padding-left:50px;padding-top:45px;}
.spjj a p{padding-left:50px;padding-top:10px;line-height:28px;}

.sypic1{width:32.2%;}
.sypic2{width:42.7%;margin-left:15px;}
.sypic3{width:22.5%;margin-left:15px;}
.sypic-other{width:22.5%;margin-left:15px;margin-top:8px;}

.right-item .right-item-left{width:490px;float:left;}
.right-item-contact .right-item-left{width:490px;float:right;}
.right-item .right-item-right,.right-item-contact .right-item-right{width:calc(100% - 520px);font-size:14px;line-height:25px;padding-top:10px;}
.rightcon .right-item:nth-child(2n) .right-item-right{width:calc(100% - 590px);float:left;}
.item-news-txt{top:-130px;}
}
@media (max-width: 1200px) { 
  .navbar .item { margin-right: 25px; }
  .spjj{height:247px;}
  .sypic1{width:32.2%;}
  .sypic1 p{font-size:13px;line-height:25px;top:75%;}
  .sypic1-title{font-size:18px;top:68%;}

.sypic2{width:42.7%;margin-left:10px;}
.sypic2 p{font-size:13px;line-height:25px;}
.sypic2-title{font-size:18px;}
.sypic3{width:22.5%;margin-left:10px;}
.sypic3 p{font-size:13px;line-height:25px;}
.sypic3-title{font-size:18px;}
.sypic-other{width:22.5%;margin-left:10px;}

.right-item,.right-item-contact{margin-bottom:30px;}
.right-item .right-item-left{width:100%;float:left;}
.right-item-contact .right-item-left{width:100%;float:right;}
.right-item .right-item-right,.right-item-contact .right-item-right{width:100%;font-size:14px;line-height:25px;padding-top:10px;}
.rightcon .right-item:nth-child(2n) .right-item-right{width:100%;float:left;}
.rightcon .right-item:nth-child(2n) .right-item-left{width:100%;float:left;}
.right-item-contact .right-item-left{width:100%;float:left;}
.right-item-contact .right-item-right{width:100%;float:left;}
.item-news-txt{top:-100px;}
.item-news-txt a{font-size:16px;}
}
@media (max-width: 1200px) { 
    .item-news-txt{top:-85px;}
    }
@media (max-width: 768px) { .container { width: 100%;padding-left:1%;padding-right:1%; }
  .header{min-height:70px;}
  .header .logo {left:15px; }
  .header .logo a { height: 70px; }
  .header .logo img { padding: 7px 0; }
  .header .search{display:none;}
  .navbar { margin-left:0px; }
  .navbtn { display: block; position: absolute; z-index: 999; top: 20px; right: 15px; width: auto; height: auto; padding: 0 5px; border-radius: 4px; background-color: #0886c5; cursor: pointer; }
  .navbtn span { display: block; width: 25px; height: 2px; margin: 6px 0; border-radius: 5px; background-color: #fff; transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }
  .navbtn.navclose { position: fixed; }
  .navbtn.navclose span:nth-child(1) { -o-transform: translateY(8px) rotate(45deg); -moz-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); }
  .navbtn.navclose span:nth-child(2) { opacity: 0; }
  .navbtn.navclose span:nth-child(3) { -o-transform: translateY(-8px) rotate(-45deg); -moz-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); }
  .navbar { position: fixed; z-index: 990; top: 0; left: -70%; display: block; width: 70%; height: 100%; padding: 15px; margin-top: 0; overflow-y: scroll; transition: left, 0.5s; -o-transition: left, 0.5s; -moz-transition: left, 0.5s; -webkit-transition: left, 0.5s; }
  .navbar::before { content: ''; position: fixed; z-index: 5; top: 0; left: -70%; width: 70%; height: 100%; background-color: #ddd; transition: left, 0.5s; -o-transition: left, 0.5s; -moz-transition: left, 0.5s; -webkit-transition: left, 0.5s; }
  .navbar::after { content: ''; position: fixed; z-index: 2; right: 0; top: 0; opacity: 0; visibility: hidden; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); transition: all, 0.5s; -o-transition: all, 0.5s; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; }
  .navbar.nav-show { left: 0; }
  .navbar.nav-show::before { left: 0; }
  .navbar.nav-show::after { opacity: 1; visibility: inherit; }
  .navbar > ul { position: relative; z-index: 9; border-radius: 7px; overflow: hidden; }
  .navbar .item { position: relative; float: none; width: 100%; margin-right: 0; background-color: #fff; }
  .navbar .item > a { width: 100%; height: 45px; line-height: 45px; text-align: left; padding-left: 15px; padding-right: 15px; color: #333; font-size: 14px; border-width: 2px; border-bottom: 1px solid #efefef; }
  .navbar .item > a::before { display: none; }
  .navbar .item .dropdown { position: absolute; z-index: 99; top: 0; right: 0; display: block; width: 45px; line-height: 45px; text-align: center; color: #999; font-size: 26px; cursor: pointer; transition: all, 0.3s; -o-transition: all, 0.3s; -moz-transition: all, 0.3s; -webkit-transition: all, 0.3s; }
  .navbar .item .dropdown.icon-down { transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); }
  .navbar .item.current a >, .navbar .item:hover a > { border-width: 1px; }
  .navbar .child-nav { display: none; opacity: 1; position: inherit; z-index: 99; width: 100%; border-top: none; border-bottom: 1px solid #eee; box-shadow: none; transition: all, 0s; -o-transition: all, 0s; -moz-transition: all, 0s; -webkit-transition: all, 0s;height:auto;line-height:28px; }
  .navbar .child-nav a:last-child { border-bottom: none; }
  .navbar .child-nav .picture { display: none; }
  .navbar .child-nav h4 { padding-top: 0; color: #999; font-size: 14px; }
  .navbar .child-nav .intro { display: none; }
  .navbar .child-nav.child-nav-product ul { padding-bottom: 0; }
  .navbar .child-nav a{font-size:13px;margin-right:10px;}
  .navbar .language { position: relative; z-index: 9; line-height: 40px; margin-top: 15px; padding-left: 15px; padding-right: 15px; font-size: 14px; border-radius: 7px; background-color: #fff; overflow: hidden; }
  .navbar .search { position: relative; z-index: 9; padding-left: 0; margin-top: 15px; }
  .navbar .search .show-search-btn { display: none; }
  .navbar .search .search-box { opacity: 1; position: static; width: 100%; background-color: #fff; border-radius: 7px; }
  .navbar .search .search-box input { height: 35px; font-size: 14px; }
  .navbar .search .search-box .go-search { width: 33px; height: 33px; font-size: 30px; }
    .banner-mobile{display:block;height:400px;}
    .banner-mobile .swiper-slide{height:400px;background-size:auto 100% ;overflow:hidden;}
    .banner{display:none;}
    .service{width:100%;background:url(../image/banner-bg-bottom.jpg) no-repeat left top;background-size:100% 100%;}
    .item-service{font-size:12px;}
.news-video{margin-top:25px;}
.title-left{padding-right:10px;}
.title-left span{font-size:18px;margin-top:5px;}
.title-left a{width:135px;}
.title-right{padding-left:10px;}
.title-right span{font-size:30px;}
.title-right p{font-size:12px;margin-top:17px;}
.news-video-con{margin-top:25px;}
.spjj{width:100%;height:300px;background-size:100% 100%;padding:10px;}
.spjj .spjj-title{font-size:14px;}
.spjj a span{padding-left:0px;padding-top:35px;font-size:20px;text-align:center;}
.spjj a p{padding-left:0px;padding-top:20px;font-size:14px;line-height:25px;text-align:left;}
.news-video-con-pic{width:100%;}
.sypic1{width:100%;}
.sypic2{width:100%;margin-left:0px;}
.sypic3{width:100%;margin-left:0px;}
.sypic-other{width:100%;margin-left:0px;}
.item-news{width:100%;margin-right:0px;height:auto;}
.item-news-txt a{font-size:18px;margin-top:25px;}


.item-footnavi{width:100%;border-right:none;padding-top:25px;min-height:100px;padding-left:30px;padding-right:30px;}

.copyright{height:70px;}
.copyright .c-l{width:100%;text-align:center;}
.copyright .c-r{width:100%;float:left;text-align:center;}

.list-con  .item-solution{width:48.75%;margin-right:1.25%;}
.list-con .item-solution:nth-child(2n){margin-right:0px;float:right;}
.item-news-txt{top:-180px;}
}

@media (max-width: 767px) { .button-link.red-more { min-width: auto; line-height: 33px; padding-left: 20px; padding-right: 20px; font-size: 14px; }
  .button-link.tabs-btn { min-width: auto; line-height: 33px; padding-left: 15px; padding-right: 15px; font-size: 14px; }
  .button-link.hollow { line-height: 33px; padding-left: 25px; padding-right: 25px; }
  
  .header .logo img { padding: 10px 0; }
  .home-banner .button-prev, .home-banner .button-next { display: none; }
  .home-banner .pagination { bottom: 15px !important; }
  .home-banner .pagination span { width: 7px; height: 7px; }
  .home-main .section-more { margin-top: 30px; }
  .home-main .section-heading { padding-top: 50px; padding-bottom: 30px; }
  .home-main .section-heading h3 { font-size: 22px; }
  .home-main .section-heading h3::before, .home-main .section-heading h3::after { width: 80px; }
  .home-main .section-heading h3::before { left: -90px; }
  .home-main .section-heading h3::after { right: -90px; }
  .home-main .home-product { padding-bottom: 50px; }
  .home-main .home-product .product-slide-tabs .button-link { margin: 0 5px; }
  .home-main .home-product .product-slide { margin-top: 20px; }
  .home-main .home-product .product-slide ul { margin-left: -10px; margin-right: -10px; }
  .home-main .home-product .product-slide ul li { width: 50%; padding-left: 10px; padding-right: 10px; margin-top: 20px; }
  .home-main .home-news .section-more { margin-top: 0; }
  .inside-main { padding-bottom: 50px; }
  .inside-main .crumbs { padding-top: 15px; padding-bottom: 15px; }
  .inside-main .inside-menu { padding-top: 15px; padding-bottom: 15px; }
  .inside-main .inside-menu ul li { margin-top: 5px; margin-bottom: 5px; }
  .inside-main .inside-menu ul .sub-item { position: static; display: block; overflow: hidden; }
  .inside-main .inside-menu ul .sub-item a { float: left; margin-right: 20px; color: #606060; background-color: inherit; }
  .list-product-wrapper .row-list { margin-left: -5px; margin-right: -5px; }
  .list-product-wrapper .item { margin-top: 15px; padding-left: 5px; padding-right: 5px; }
  .list-product-wrapper .item .box { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; }
  .list-product-wrapper .item .picture { height: 120px; }
  .list-product-wrapper .item .title-area { height: auto; padding-top: 15px; padding-bottom: 15px; }
  .list-product-wrapper .item .title-area h2 { font-size: 13px; }
  .list-product-wrapper .item .title-area h5 { margin-top: 10px; font-size: 12px; }
  .list-product-wrapper .item .intro { margin-top: 10px; margin-bottom: 15px;min-height:100px; }
  .list-download-wrapper { padding-top: 15px; }
  .list-download-wrapper ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .list-download-wrapper ul li { float: left; display: block; width: 47%; margin-bottom: 10px; }
  .list-download-wrapper ul .picture { width: 100%; height: auto; }
  .list-download-wrapper ul .info { width: 100%; height: auto; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }
  .list-download-wrapper ul .info .title { font-size: 14px; }
  .list-download-wrapper ul .info .edit-text { font-size: 13px; white-space: normal; }
  .list-download-wrapper ul .download-btn { padding-right: 0; }
  .list-download-wrapper ul .download-btn .button-link { display: block; padding-left: 10px; padding-right: 10px; }
  .single-wrapper .heading { font-size: 24px; }
  .single-wrapper .content { margin-top: 20px; font-size: 14px; }
  .single-wrapper .content ol, .single-wrapper .content ul { padding-left: 20px; }
  .details-wrapper { padding-top: 30px; }
  .details-wrapper .heading { padding-bottom: 10px; }
  .details-wrapper .heading h1 { line-height: 1.2; text-align: left; font-size: 22px; }
  .details-wrapper .heading .other { text-align: left; }
  .details-wrapper .heading .other span { display: block; margin: 8px 0; font-size: 14px; }
  .details-wrapper .products-intro .slides-picture { float: none; width: 100%; }
  .details-wrapper .products-intro .heading-area { position: relative; float: none; width: 100%; margin-top: 10px; padding-top: 120px; }
  .details-wrapper .products-intro .heading-area .title { font-size: 18px; }
  .details-wrapper .products-intro .heading-area .text { font-size: 14px; }
  .details-wrapper .products-intro .heading-area .consult-btn { margin-top: 15px; }
  .details-wrapper .products-intro .heading-area .product-litimg-tabs { position: absolute; top: 0; left: 0; margin-top: 0; }
  .details-wrapper .products-intro .heading-area .product-litimg-tabs li { height: 100px; margin-right: 10px; }
  .details-wrapper .content { margin-top: 20px; padding-bottom: 20px; font-size: 14px; }
  .details-wrapper .content ol, .details-wrapper .content ul { padding-left: 20px; }
  .list-pagination { margin-top: 30px; }
  .list-pagination a, .list-pagination span { width: 35px; line-height: 33px; font-size: 14px; }
  .prev-next { margin-top: 20px; }
  .prev-next .button-link { padding-left: 10px !important; padding-right: 10px !important; }
  .module-list-application .item { width: 50%; height: 160px; }
  .module-list-application a { padding-left: 10px; }
  .module-list-application h2 { font-size: 16px; }
  .module-list-application span { font-size: 14px; }
  .module-list-news .item { width: 100%; }
  .module-list-news .title { margin-top: 20px; } 
.item-news-txt a{font-size:15px;margin-top:15px;}
.banner-list .button-prev, .banner-list .button-next { width: 50px; height: 50px; line-height: 50px; margin-top: 0px;  font-size: 50px;  }
.list-con  .item-solution{width:100%;margin-right:0px;}

.location-left{width:100%;font-size:13px;}
.location-right{width:100%;float:left;text-align:left;height:auto;line-height:20px;font-size:13px;color:#555555;margin-top:15px;}
.location-right a{margin-left:0px;margin-right:15px;}

.list-con,.detail-con{margin-top:20px;}
.leftnavi{width:100%;}
.leftnavi .leftnavi-title{width:100%;background-size:100% auto;}
.leftnavi a{width:50%;}
.rightcon{width:100%;float:left;margin-top:50px;}
.fenlan{width:100%;}
.detail-con-con p img{max-width:100% !important;margin-left:-2em;}
.detail-con-con img{max-width:100% !important;}
.item-news-txt{top:-80px;}
}