/*Phone手机*/
#showvideo{ background:#000; width:60%; height:auto; display:block; margin:0 auto;}

@media(max-width:767px) {
	body{ overflow-x:hidden; }
    .header { box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); position: fixed; top: 0;  right: 0; z-index: 999; padding: 10px 0;}
	
	.header #top{ display:none; }
	
	
    /*.header .navbar {padding: 0; border-top: solid 1px #eee}*/
    .navbar-brand {padding: 0}
    .header .logo {height: 46px; line-height: 46px; display: block; padding: 5px 0 5px 10px;}
    .header .logo img {max-width: 100%; height: 100%; display: block}
    .header .navbar-toggler {color: #333}
    .header .navbar-toggler i {font-size: 30px;}

    /*导航开始*/
    .header .head {padding: 0; line-height: 46px; height: 46px;}
    .header .navbar-collapse {}
    .header nav .navbar-nav .nav-item {white-space: nowrap}
    .header .dyui-nav {align-items: initial; padding: 0; position: absolute; right:-100px;top:20px; background: #fff; width:200px; padding-left: 20px;}
    .header .dyui-nav li a.c1 {display: block; white-space: nowrap; height: 40px; line-height: 40px; color: #333; padding: 0;}
    .header .dyui-nav li a.c1:hover {background: none}
    .header .dyui-nav li.active a.c1 {background: none; color: #f00}
    .header nav .navbar-nav .nav-link {line-height: 30px}
	.dropdown-menu{ min-width:auto; }
	.dropdown-item{ padding:0px 0 0 10px; font-size:12px;}
    nav {
        line-height: 50px;
        position: relative
    }
    nav.nav-mod-fixed {
        position: fixed
    }
    nav.nav-mod-fixed .navbar-collapse {
        overflow-y: scroll;
        max-height: 380px
    }
    .navfix-mod-other {
        height: 60px
    }
    .dyui-nav>li>.dropdown-menu {opacity: 1; display: none; margin: 0}
    .dyui-nav li.open .dropdown-menu,
    .dyui-nav li.show .dropdown-menu {display: block; margin-right: 40px;}
    .nav>li>.dropdown-menu {
    }
    .nav>li.open>.dropdown-menu {
        display: block
    }
    .nav>li>.dropdown-menu>.dropdown-item {line-height: 30px}
    .navbar-toggle {
        padding: 0 15px;
        border: none;
        margin: 0;
        height: 60px
    }
    .navbar-nav {
        margin: 0
    }
    .nav>li>a:after {content: ''; float: right; margin-top: 18px; height: 10px;}
    .nav>li>a.active:after {
        border-bottom: 1px solid #a8a8a8;
        left: 0;
        right: auto
    }
    .dropdown-menu>li {
        border: none
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 50px;
        border-bottom: 1px dotted #f2f2f2
    }

    .dyui-header-line {height: 46px;}

/*首页导航*/
.m-nav {background-color: #fff; padding: 20px 10px 10px 10px; display: none !important}
.m-nav ul li img {max-width: 80%;}
.m-nav ul li span {display: inline-block; line-height: 30px; height: 30px; overflow: hidden; margin-top: 6px;}

.search-main .form-inline .custom-select {width: 80px;}
.search-main .form-inline .form-control {padding: 0 70px 0 90px}

.gutters20 > .col, .gutters20 > [class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
}
.dyui-main-box {padding: 10px 0}

.product-list .col-md-3 {padding-left: 5px; padding-right: 5px}

.thumb-list li .thumb {width: 80px; height: 60px}
.thumb-list li .info {height: 70px; overflow: hidden}

.form-control, .custom-select {
    box-sizing: border-box;
    width: 100% !IMPORTANT;
}

.dyui-form-flex .form-group {display: block}

.touchnum {margin-bottom: 10px; margin-left: 5px;}
.touchnum .form-control {flex: 0 0 60px;}


.header-top{ display:none;}

.zw{ height:46px;}


	.swiper-slide .title{ padding-top: 60px; font-size:16px;}	
	.swiper-slide .subtitle{ font-size:50px;}
	.swiper-slide .text{ font-size:16px;}
	.swiper-container{ height:400px;}
	
	.swiper-slide .btn{ height: 48px; line-height: 48px; font-size:18px; }

	.
	#myform .col-md-10{ padding-right: 0!important;}
	footer .dyui-row{ display: block; }
	.mob7 .right h2{ font-size:24px; }
	footer dl:nth-child(1){ display: block; width:100%; max-width: 100%; }
	footer dl:nth-child(2){ display: inline-block; width:calc( 50% - 5px ); max-width: 50%; }
	footer dl:nth-child(3){ display: inline-block; width:calc( 50% - 5px ); max-width: 50%; }
	footer dl:nth-child(4){ display: inline-block; width:calc( 50% - 5px ); max-width: 50%; }
	footer dl:nth-child(5){ display: inline-block; width:calc( 50% - 5px ); max-width: 50%; }
	footer dl:nth-child(6){ display: block; width:100%; max-width: 100%; }
	
	.lng{ display: block; z-index: 99999999; position: fixed; right: 70px;top:10px; }
	.lng select{ border:0;}
	
	.dyui-container .plist li{ width:50%;}
	.dyui-container{ margin:0 0; }
	
	
	.about .image{flex: 1 1 300px ;}
	.about .sub-image{ height:260px;}
	.categories .box-container{ display:block; }
	.category-item{ margin-bottom: 20px;}
	
	.swiper1 .swiper-wrapper1 .swiper-slide1{ width:100%; display: block; margin-bottom: 20px;}
	.car-item{ height:200px; }
	.why-us .image{ display: none;}
	
	.category-item{ height:200px; }
	.service-item{ height:240px;}
	.process-item{ height:240px;}
	
	.portfolio-item{ width:100%; }
	.portfolio-content{ height:200px;}
	.banner2 h2{ font-size:30px;}
	.banner2 .btn{ padding:10px 15px; }
	
	.blog-item{ height: 200px;}
	.blog-item .main-heading{ font-size:20px; }
	
	.partner-item{ width:calc( 50% - 5px ); margin-bottom: 10px;}
	
	#scrollsidebar{ display:none;}
	
	.getaq{ display:none;}
	.s{ display:none; }
	
	
	.header .navbar-collapse>span {display:none;}
	
	
	.bue dl{ width:calc( 50% - 5px );}
	.box-container .footer-item:nth-child(2){ padding-left:0;}
	
	.swiper1  img{ max-width:100%;}
.mob1,.mob2,.mob3,.mob4,.mob5,.mob6,.mob7,.mob8,.mob9{padding:30px 0;}
.swiper-container.swiper1{ height:auto;}
.dyui-container .tit{ font-size:24px; margin-bottom: 20px;}
	
	
	
	
	.mob8 .comment-form{ display:block; width:100%; margin: 0;  }
	.box-container .footer-item{ padding-top:20px; }
	#jsselect{ display:none;}
	.tel{ display:none;}
	
	
	.nav_right{ display:none;}
	
	a.search-box-btn{ display: none;}
	    .header .navbar-toggler {
        color: #fff;
    }

	.video-icon{ margin-top:80px; }
	
	
	.counter_area .col-lg-3 { text-align:left; padding-left:50px; }
}

/*iPad*/
@media(max-width:1024px) {
    .row {margin-left: -5px; margin-right: -5px}
    .row .col-md-2 {padding-right: 5px; padding-left: 5px}
}

/*iPad Pro*/
@media (min-width:768px) and (max-width:1024px){
    
    .dyui-nav.nav.navbar-nav.dyui-container{ display:block;}
    
    .navbar-nav {
        /*margin: 0; flex-direction: row;*/
    }
    .navbar-nav>li {
        float: left
    }
    .navbar-nav>li>a {
        padding-top: 22px;
        padding-bottom: 22px
    }
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }
    .navbar-collapse.in {
        overflow-y: visible
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .nav>li>.dropdown-menu {
        opacity: 1;
        visibility: hidden;
        display: none;
    }
    .nav>li.open>.dropdown-menu {
        display: block
    }

}

@media (max-width:768px){
    #sidekefu ul li{ display:none;}
    #sidekefu #btn{ display:block; }
    .dyui-product-list.dyui-row { display:block; }
    .dyui-product-list.dyui-row .col-6{ width:100%; max-width:100%; }
    
    .dyui-footer-nav ul li{ position:relative; }
    .dyui-footer-nav .badge{ position:absolute; top:0px; right:20px; line-height:15px!important; background: #ff5722; color:#fff; }
    .kf-cart{ display:none;}
    #sidekefu{ top:auto!important; bottom:-210px;}
	
	
	
	.align-items-center .theme-btn{ width:auto; padding:0 20px;}
	
	.home-container .hot-product ul li {
        width: 48%;
        margin-bottom: 5vw;
        margin-right: 1.8666666667vw;
    }
	.home-container .about-info {
        position: relative
    }

    .home-container .about-info .about-img {
        width: 100%;
        background: #2B3AA1;
    }

    .home-container .about-info .about-img img {
        opacity: .1
    }

    .home-container .about-info .about-content {
        padding: 6vw 0vw;
        width: 100%;
        background: 0 0;
        z-index: 9
    }

    .home-container .about-info .about-content .content-title {
        padding-left: 4vw;
        font-size: 4.8vw;
        font-weight: 16px;
        color: #FFFFFF
    }

    .home-container .about-info .about-content article {
        padding-left: 4vw;
        padding-right: 4vw;
        margin: 15px 0px
    }

    .home-container .about-info .about-content article p {
        font-size: 16px
    }

    .home-container .about-info .about-img {
        position: absolute;
        height: 100%;
        height: 100%
    }

    .home-container .about-info .about-content .about-btn {
        width: 30vw;
        height: 10vw;
        font-size: 16px;        margin-left: 20px;
    }

    .home-container .about-info .about-content .about-btn:hover {
        background: #FFFFFF;
        border: 2px solid #2B3AA1;
        cursor: pointer
    }

    .home-container .about-info .about-content .about-btn:hover a {
        color: #2B3AA1;
    }

    .home-container .about-info .about-content .about-btn a {
        color: #FFFFFF
    }
	.home-container .lastest-news ul li {
        width: 100%
    }

    .home-container .lastest-news ul li:nth-of-type(2n) {
       
    }
	

    .home-container .lastest-news ul li .news-content,.home-container .lastest-news ul li .news-img {
        width: 50%;
        padding: 0;
    }

    .home-container .lastest-news ul li .news-content .news-title {
        margin: 10px;
        font-size: 16px;
        -webkit-line-clamp: 3
    }

    .home-container .lastest-news ul li .news-content .news-date {
        margin: 0px 10px;
        font-size: 14px
    }

    .home-container .lastest-news ul li .news-content article {
        display: none;
        margin: 0 2.6666666667vw;
        font-size: 3.4vw;
        line-height: 110%
    }

    .home-container .lastest-news ul li .news-content .more-link {
        display: none
    }
	
	.home-container .partners {
        margin: 10vw 4vw
    }

    .home-container .partners ul {
        margin-top: 5vw
    }

    .home-container .partners ul li {
        box-sizing: border-box;
        max-width: 33%;
        min-width: 33%;
        height: auto;
        padding-bottom: 0px;
        border: 1px solid #EEEEEE;
        border-right: none;
        border-bottom: none
    }

    .home-container .partners ul li:nth-of-type(4n) {
        border-bottom: 1px solid #EEEEEE;
    }

    .home-container .partners ul li:nth-of-type(5n) {
        border-bottom: 1px solid #EEEEEE;
    }

    .home-container .partners ul li:nth-of-type(6n) {
        border-top: 1px solid #EEEEEE;
        border-left: 1px solid #EEEEEE;
        border-right: none;
        border-bottom: 1px solid #EEEEEE;
    }

    .home-container .partners ul li:nth-of-type(3n) {
        border-right: 1px solid #EEEEEE
    }

    .home-container .partners ul li:nth-of-type(n+7) {
        border-top: 1px solid #EEEEEE;
        border-left: 1px solid #EEEEEE;
        border-bottom: none
    }

    .home-container .partners ul li:nth-of-type(n+10),.home-container .partners ul li:nth-of-type(n+7):hover {
        border-bottom: 1px solid #EEEEEE
    }

    .home-container .partners ul li:hover {
        border-top: 1px solid #EEEEEE;
        border-left: 1px solid #EEEEEE
    }

    .home-container .partners ul li:hover+li {
        border-left: 1px solid #EEEEEE
    }

    .home-container .partners ul li:hover+li+li+li+li+li+li {
        border-top: 1px solid #EEEEEE
    }

    .home-container .partners ul li:nth-of-type(6n):hover {
        border-right: 1px solid #EEEEEE
    }
	
	.home-container .lastest-news ul li:nth-of-type(2n) {
        display:block
    }

    .home-container .lastest-news ul li:nth-child(3) a object, .home-container .lastest-news ul li:nth-child(4) a object {
        flex-direction: row
    }

    .home-container .lastest-news ul li:nth-of-type(2n) a object {
        flex-direction: row-reverse
    }
	
	.row-60 > * {
    margin-bottom: 60px;
}
	.page-footer-default .decorative span { width: calc( 50% - 25px );}
	.page-footer-default .decorative span img{ max-width:100%; }
	.footer-bottom{ height:auto; line-height: 120%; padding:20px 0; text-align: center; }
	.footer-middle .container .row>.col-md-6{ margin-bottom: 20px; padding-left: 10px; }
	.footer-middle .col-lg-6{ width:45%;}
	.footer-middle .col-lg-1{ width:10%;}
	.footer-middle .col-lg-5{ width:45%;}
	.row{ margin:0;}
	
	
	.lxwm .left{ float:none; width:100%; padding:20px;}
	.lxwm .right{ float:none; width:100%; padding:20px; }
	
	.lxwm .left p{ font-size:20px;}
	
}
@media (min-width:768px) and (max-width:1024px){
.header .navbar{ width:100%;}
.header .dyui-nav{display:block;}
.navbar-nav>li{ width:20%; }

.header .dyui-nav li a.c1{ padding:0;}
}