/*Phone手机*/
@media(max-width:767px) {
	
	.jjcon{
		padding: 0 !important;
	}
	
	
	.dyui-Solution{
		background-size: 100% 1700px;
	}
	.gsjj{
		margin-bottom: 10px;
	}
	.end{
		height: 100px !important;
	}
	.xuanze legend{
	}
	.dyui-news,.row-a3,.kl,.wp{
		width: 100% !important;
	}
	
	.sdd{
		width: 90%;
		margin: 0 5%;
		height: auto;
	}
	.m-list4{
		width: 90% !important;
		margin: 0 5%;
	}
	.fd-txt h3:after{
		content: "";
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	.fd-txt{
		padding: 0 10px !important;
	}
	.fd-qr{
		margin-top: 0;
		margin: 0 35% !important;
	}
	.fd-logo{
		display: none;
	}
	.fd-logo img{
		display: none !important;
	}
	.fd-copy .link{
		width: 100%;
		text-align: center;
	}
	.lsi{
		display: flex;
		flex-wrap: nowrap;
	}
	.foot,.fd-con,.fd-logo,.fd-logo img,.fd-copy,.copy{
		width: 100% !important;
	}
	.foot,.fd-con{
		height: auto;
	}
	.fd-logo img{
		margin-top: 0;
	}
	.fd-copy,.wp,.copy{
		height: auto !important;
		text-align: center;
	}
	
	.thumb img{
		width: 50px;
	}
	
	
	.m-list4 li a{
		display: inline-block;
		width: 50% !important;
		overflow: hidden;
		float: left;
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.sw_banner{
		width: 100% !important;
		background-size: 100% auto !important;
	}
    body {width: 100%}
    .container,.dyui-container {width: 100%;}
    header {height: 46px}
    header .navbar {padding: 3px 10px}
    .navbar-brand {padding: 0; margin-right: 0px; width: 80% !important;}
    .navbar-brand img {max-width: 100%; height: auto !important;}
	.d-nav{width: 15% !important;}

    .dyui-header {position: static !important; width: 100%;}
    .dyui-header nav .navbar-nav .nav-item {white-space: nowrap}
    .dyui-header .dyui-nav .li_c1 {padding: 0;}
    .dyui-header .dyui-nav li a.c1 {display: block;box-sizing: content-box; height: auto; padding: 5px 0; border-radius: 0; height: 30px; line-height: 30px}
    .dyui-header .dyui-nav li.active a.c1 {border-radius: 0}
    .dyui-header nav .navbar-nav .nav-link {line-height: 30px}
    .dyui-header nav {line-height: 50px; position: relative}
    .dyui-header nav.nav-mod-fixed {position: fixed}
    .dyui-header nav.nav-mod-fixed .navbar-collapse {overflow-y: scroll; max-height: 380px}
    .dyui-header .navfix-mod-other {height: 60px}
    .dyui-header .nav>li>.dropdown-menu {height: 60vh; overflow: auto}
    .dyui-header .nav>li.open>.dropdown-menu {display: block}
    .dyui-header .nav>li>.dropdown-menu>.dropdown-item {line-height: 30px}
    .dyui-header .navbar-toggle {padding: 0 15px; border: none; margin: 0; height: 60px}
    .dyui-header .navbar-nav {margin: 0; flex-direction: column;}
    .dyui-header .nav>li>a:after {content: ''; float: right; margin-top: 12px; height: 10px;}
    .dyui-header .nav>li>a.active:after {border-bottom: 1px solid #a8a8a8; left: 0; right: auto}

    .dyui-header .dyui-nav li.active .dropdown-toggle::after {border-color: #666}
    .dyui-header .dyui-nav ul li .c1:hover {background-color: #1a4886; color: #fff}

    .dyui-header .dropdown-menu>li {border: none}
    .dyui-header .dyui-nav .dropdown-menu>li>a {line-height: 40px; border-bottom: 1px dotted #DDD}

    .dyui-header .dropdown-item.active,
    .dyui-header .dropdown-item:active {background: none; color: #F00}

    .dyui-header .navbar-nav .dropdown-menu {margin: 0; background-color: #f5f5f5; border-radius: 0;}
    .dyui-header .navbar-nav .dropdown-menu li:last-child a {border-bottom: none}
    .index-banner .dyui-header .dyui-container {justify-content: space-between;}
    .index-banner .dyui-header .navbar-brand {padding-left: 0;}

    .banner .dyui-header {padding: 0}
    .banner .dyui-header .dyui-container {padding: 10px 0;}
    .banner .dyui-header .navbar-collapse {background-color: #305e99; padding: 10px}
    .banner .dyui-header .navbar-collapse .navbar-nav {flex-direction: column}


    .navbar-collapse {overflow: hidden}
    .dyui-header .dyui-nav .menu-box {padding: 0}
    .dyui-header .dyui-nav .menu-box .menu-body ul li {margin-bottom: 6px}
    .dyui-header .dyui-nav .menu-box .menu-body {margin-top: 0;}
    .dyui-header .dyui-nav .menu-box .menu-item {margin-top: 10px}
	.zjjs{
		display: none !important; 
	}
	.desc{
		margin-bottom: 10px !important;
	}
	.index-banner .banner {height: 150px !important; width: 100% !important; margin-top: 0px !important;}
	.jjcon{
		margin-bottom: 50px;
	}
.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}

    .dyui-service .dyui-main-header .header-title legend {font-size: 24px; line-height: 1.2}

    .dyui-about .about-text {width: 100%}
    .dyui-about .about-img {width: 100%}

    .cat-banner {height: auto}


    .cjnr-tab .nav-tabs .nav-link {font-size: 12px; line-height: 1.3}
    .cjnr-tab .nav-tabs .nav-link.active {font-size: 14px; line-height: 1.3}

    /*首页视频轮播图*/
    .banner {height: 180px;}
    .banner .carousel-item a {display: block; height: 260px; width: 100%; background-size: cover !important;}
    .banner .swiper-caption {top: 50px; left: 5%; right: 5%}
    .banner .swiper-caption h5 {font-size: 26px; padding: 5px 0}
    .banner .swiper-caption p {font-size: 16px; padding: 5px 0}
    .banner .swiper-button-prev,
    .banner .swiper-button-next {display: none}

    .dyui-main-header .header-title legend {font-size: 30px}
    .dyui-main-header .header-title .desc {font-size: 20px}


    .cat-banner .swiper-caption {padding-bottom: 20px; padding-top: 10px}
    .cat-banner .swiper-caption .t {font-size: 28px}
    .cat-banner .swiper-caption .desc {font-size: 16px}
    .cat-banner .swiper-caption .btn {font-size: 15px; }

    .dyui-service .header-title h3 {font-size: 20px}
    .dyui-service .header-title .desc {font-size: 16px}
    .dyui-service .header-title .info {font-size: 15px}
    .dyui-service-list li .box {height: 100%}
    .dyui-service-list li .desc-box {height: auto}
    .dyui-service-list li .desc-box ul li {text-align: left}
    .dyui-service-list li .btn {margin-bottom: 8px}
    .dyui-service-list li .box:hover .desc-box ul {display: block; padding-left: 10px; margin-top: 10px}


    .dyui-solution-list {flex-wrap: wrap; margin-left: -8px; margin-right: -8px}
    .dyui-solution-list li {padding: 6px 6px;}
    .dyui-solution-list li .box {width: 100%;}
    .dyui-solution-list li .box {height: 250px}
    .dyui-solution-list li .box .box-header {padding-bottom: 5px}
    .dyui-solution-list li .box .box-info {display:block; padding: 5px 5px 10px; background-color: rgba(255,255,255,0.4);}
    .dyui-solution-list li .box .box-info li {padding: 5px; height: 140px; overflow: hidden}
    .dyui-solution-list li .box {justify-content: start;}
    .dyui-solution-list li .box .box-footer .btn-more {height: 34px; line-height: 34px; font-size: 14px}
    .dyui-solution-list li.active  {}
    .dyui-solution-list li.active  .box {width: 100%; background: url("../images/solution-bg-active.png") no-repeat center top;}
    .dyui-solution-list li.active .box .box-info {padding: 0 0 10px 0}
    .dyui-solution-list li .box.active .box-footer {}

    .dyui-why-list li .box h3 {font-size: 20px}

    .dyui-main-box {padding: 10px 10px}

    .dyui-youshi-list li:nth-child(2n) .box {flex-direction:row-reverse}


    .product-list li .box {padding: 5px;}
    .product-list li .t {font-size: 15px; margin-top: 10px}
    .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-znav {margin-bottom: 20px}
    .dyui-znav .dyui-container {padding: 0;}
    .dyui-znav li {}
    .dyui-znav .c1 {padding: 10px 10px; font-size: 0.9rem}


    .dyui-kehu-list li .box p {text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}


    .show-product-main {margin-bottom: 20px}
    .show-product-info .description {margin-top: 10px; margin-bottom: 10px;}
    .show-product-main img {max-width: 100%}

    .foot {padding: 0 10px}

    /*移动端底部菜单*/
    .dyui-footer-line {height: 46px;}
    .dyui-footer-nav {background-color: #eee; height: 46px; border-top: solid 1px #ccc;}
    .dyui-footer-nav ul {display: flex}
    .dyui-footer-nav ul li {text-align: center; flex: 1;}
    .dyui-footer-nav ul li a.c1 {height: 46px; line-height: 46px; color: #333; display: block; padding-top: 3px}
    .dyui-footer-nav ul li a.c1 i {display: block; height: 20px; line-height: 20px}
    .dyui-footer-nav ul li a.c1 span {display: block; height: 20px; line-height: 20px}
    .dyui-footer-nav .dropdown-menu {min-width: 8rem}

    #sidekefu {display: none;}


    .form-solution form .box {padding: 5px 10px;}
    .form-solution form .box i {font-size: 22px}

    .contact-tab .tab-content .box img {margin-left: -230px}




}


@media (min-width: 767px){
    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
	
	
	
	.swiper-slide{
		background-size: 100% 100%;
	}
	
	
	
	
}


