/*------------------------------------------*/
/*body {background-color:#f8f9fa;}*/
.l-title {color:#0070bc; font-size:32px; font-weight:600; letter-spacing:5px;}
.l-s-title {color:#f08300;}
.py-5:nth-child(odd) {background:#eee;}

/*------------------------------------------*/
.navbar {padding:.5rem 1rem 0 1rem;}
.active {font-weight:600; background:url(../images/nav-back.jpg);}
.header {max-width:1140px; margin:0 auto; align-items:center; width:100%;}
.header .navbar-brand {display:flex;}
.head-logo {display:flex;}
/*.head-logo .navbar-brand {flex:0 0 70%; -ms-flex:0 0 70%; max-width:70%;}*/
.h-text {margin-left:10px;}
.logo-sm-height {width:105px; height:auto; margin-right:15px;}
.h-r {display:block; text-align:right; font-size:16px;}
.h-r img {width:190px; height:auto}
#navbarNav {background:rgb(0,112,188);}
#navbarNav .nav-link {color:#fff;}
.navbar-nav {line-height:2}
.nav-link:hover {background:url(../images/nav-back.jpg);}


.swiper-button-prev, .swiper-button-next {display:none;}

.m-title {background-image:url(/static/images/p-backgroud.png); line-height:73px;}
.m-title a, .p-l-1 a {color:#ffffff;}
.p-l-1 {background:#f08300; padding:0 0 0 15px;}

.product .card-img-top {width:280px; height:auto; padding:15px;}
.list-r .card-title {margin:30px 0}
.list-r .up, .list-r .down {display:flex; background:#f4f4f4; padding:30px 0;}
.text-more {margin-left:30%; font-size:14px;}
.down p {font-size:16px;}
/*.card-list-img:first-child {padding:0 25px 0 30px;}*/
.card-list-img:last-child {padding:0 20px 0 25px;}
.card-list-img img {width:250px; height:auto;}
.list-r .card-img-150 {height:auto; /*padding:40px 0;*/}

.pro-list .card-img-top {width:100%; height:auto;}
.pro-list .card-img-150 {height:auto;}

.text-ico {display:flex;}
.text-ico .row {margin:0;}

.case li {cursor:pointer;}
.case-img {width:300px; height:auto;}
.case-text .card {display:none;}

.case-text h5 {position:absolute; width:100%; height:40px; line-height:1.8; bottom:0; left:0; text-align:center; font-size:20px; color:#fff; background:#666; margin:0; opacity:.9;}
.on {color:#ffffff; font-weight:600; background:#f08300; border-radius:25px; padding:0 10px;}

.zl-swiper {width:100%; height:auto;}
.zl-swiper .swiper-slide {
    text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.zl img {width:100%; height:auto}

.reason img {width:100%;}

.partner .container {display:flex; flex-wrap:wrap;}
.links img, .partner img {width:120px; height:80px;}
.links .card {margin:20px 40px 20px 0; border:0}


.scroll-top {display:none;}

/*---------------productlist------------------*/
.pro-list-r .card-img-150 {width:100%; height:auto;}
.pro-list-r .card-img-top {width:100%; padding:0; transition:all .4s;}
.pro-list-r .card-img-top:hover {transform:scale(1.1);}


/*---------------yf----------------------------*/
.yf-img {width:100%;}
.yf-news p {margin-top:15px; font-weight:600;}

.footer a {color:#fff;}
.qcode img {width:100%; height:100%; padding:5px;}

/*----------------product_details------------------*/
.pro-img img {width:100%; }


/*--------------media----------------------*/
@media (min-width:320px) and (max-width:640px){ 
    .header {flex-direction:row; display:flex; justify-content:space-between;}
    .navbar-collapse {position:absolute; left:0; top:100%; z-index:99; width:100%;}
    .navbar-brand {margin-right:0.5rem;}
    .logo-sm-height {margin-right:0;}
    .navbar .h-r {display:none;}
    
    .list-l, .list-r {display:none;}
    .h-text {font-size:1.15rem; display:none;}
	.product .card-img-top {width:100%;}
	.case li {-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
    .case-text .case-img {width:100%;}
    .case-text h5 {width:100%; height:2rem; font-size:1.25rem; }

    .text-ico {display:block;}

    .pro-list-l {display:none;}
    .pro-list-r {width:auto;}
    .reason {display:none;}
    .bottom-qcode {margin:0 auto;}
    .code img {width:100%;}
    .links .card, .partner .card {margin:0 auto; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; padding-top:1rem; padding-bottom:1rem;}
    .qcode img {padding:8%; margin:0 auto;}