@charset "utf-8";
@media (min-width: 993px) { .container { margin: 0px auto; max-width: 970px; } }
@media (min-width: 1201px) { .container { margin: 0px auto; max-width: 1440px; width: 75%; } }
@media only screen and (min-width:1401px) and (max-width:1611px){
	
}
@media only screen and (min-width:1201px) and (max-width:1401px){
	.f11m img:nth-of-type(2){ height: 18px;}
	.f12{ margin-left: 2.5%;}
	.f12 ul li{ line-height: 30px;}
}
@media only screen and (min-width:1201px){
	.container{ padding: 0;}
}
@media only screen and (min-width:993px) and (max-width:1201px){
	.f11m img:nth-of-type(2){ height: 18px;}
	.f12{ margin-left: 2.5%;}
	.f12 ul li{ line-height: 30px;}
}
@media only screen and (max-width:993px){

.header{margin-bottom:0px;}
.header .container{ width: 100%;}
.header .an{display:block;}
.navbar-header{padding: 15px 0;margin-right: auto;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.navbar-header img{height: 45px;}
.navbar-header img:nth-of-type(2){max-width: 100%;margin-left: 5px;height: 15px;object-fit: cover;}
.menu{width: 100%;padding: 15px 0;background-color:#000;height:100%;position:fixed;top: 76px;left: -100%;z-index:9999;margin-left: 0;overflow:auto;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.menu.on{left:0;}
.menu.on .xia:before{ transform: rotate(90deg);}
.menu .nav{width:100%;}
.menu .nav i{display:block;color: #fff;}
.menu .nav ul li{width:100%;height:auto;padding: 0 15px;font-size: 3.6vw;line-height: 30px;text-align:left;border-bottom:1px solid #444;float:none;margin-right:0;}
.menu .nav ul li a.o_lm{color:#aaa;font-size: 15px;line-height: 30px;padding: 10px 0;}
.menu .nav ul li:hover a.o_lm{background:none;border-bottom: 1px solid #fff;}
.menu .nav ul li.on a.o_lm{background:none;color:#fff;border-bottom: 1px solid #fff;}
.menu .nav .e_j{background:none; position:relative; display:none; padding-bottom:10px;}
.menu .nav .e_j a{background: none;border-top:0;font-size: 14px;color:#aaa;line-height: 25px;padding: 5px 0;padding-left: 15px;}
.menu .nav .e_j a:hover{background:none;}
.menu .nav ul li:hover .e_j{display:none;}

.ban{ overflow: hidden; text-align: center; position: relative;}
.ban .swiper-slide{ overflow: hidden;}
.ban1{ width: 100%;height: 100%;}
.ban1 img{ max-width: 100%; height: 40vh; object-fit: cover;}
.ban .swiper-button-prev,.ban .swiper-button-next{top: 50%;opacity: 0;width: 40px;height: 40px;margin-top: -20px;text-align: center;z-index: 1;color: #ffffff;display: block;font-size: 22px;cursor: pointer;overflow: hidden;line-height: 40px;text-shadow: none;position: absolute;font-weight: normal;background: #2276b9;border-radius: 100px;}
.ban .swiper-button-prev{ left:5%;}
.ban:hover .swiper-button-prev{ opacity:1;}
.ban .swiper-button-next{ right:5%;}
.ban:hover .swiper-button-next{ opacity:1;}
.ban .swiper-pagination-bullet{position: relative; display: inline-block;height: 3px;width: 30px;margin-right: 12px;border-radius: 0;text-align:left;cursor:pointer;-webkit-transition:width 0.5s ease-in-out;-webkit-transition:width 0.5s ease-in-out;transition:width 0.5s ease-in-out;}
.ban .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: none;}
.ban .swiper-pagination-bullet:before{content:""; position: absolute; left: 0; top: 0; width: 30px; height: 3px; display:inline-block; vertical-align:middle;}
.ban .swiper-pagination-bullet:after{content:""; position: absolute; left: 0; top: 0; width:0px; height: 3px; margin-left: 0px;vertical-align:middle;-webkit-transition:width 0s;transition:width 0s;display:inline-block;}
.ban .swiper-pagination-bullet-active{width: 30px;}
.ban .swiper-pagination-bullet-active:after{width: 30px;display:inline-block;-webkit-transition:width 2s linear 0.5s;transition:width 2s linear 0.5s;}
.ban .swiper-pagination-bullet-active:before{ display: none;}
.ban2{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.ban2 h1{line-height: 30px;margin-bottom: 5px;font-size: 16px;color: #fff;font-weight: bold;}
.ban2 p{line-height: 25px;font-size: 14px;color: #fff;}


.sy_cp{background-image: linear-gradient(#e3e4e8, #fff);padding-top: 30px;padding-bottom: 15px;}
.sy_cp1{ width: 57.5%;}
.sy_cp1 .t{text-align: right;}
.t{height: 28px;line-height: 28px;text-align: center;}
.t h1{display: inline-block;margin-right: 8px;font-size: 22px;color: #333333;font-weight: bold;text-transform: uppercase;}
.t h2{display: inline-block;line-height: 28px;vertical-align: text-bottom;font-size: 16px;color: #333333;}
.sy_cp2{margin-top: 10px;}
.sy_cp2 ul li{ float: left; padding: 0 8px; line-height: 18px; text-align: center; border-left: 2px solid #333333;}
.sy_cp2 ul li:first-child{ border: none;}
.sy_cp2 ul li a{font-size: 15px;color: #333333;}
.sy_cp2 ul li.cur a{ color: #2276b9;}
.sy_cpm{ margin-top: 30px;}
.sy_cp3 ul{ display: none; overflow: hidden;}
.sy_cp3 ul:first-child{ display: block;}
.sy_cp3 ul li{ width: 24%; height: 100%; position: relative; float: left; margin-bottom: 15px; margin-left: 1.33%;}
.sy_cp3 ul li:first-child{ margin-left: 0;}
.sy_cp3 ul li:nth-of-type(4n+1){ margin-left: 0;}
.sy_cp3 ul li .t_p{width: 100%;height: 180px;position: relative;}
.sy_cp3 ul li .t_p img{ max-width: 100%; height: 100%; object-fit: cover;}
.sy_cp3 ul li .w_z{ background: rgba(0,0,0,0.77); position: absolute; width: 100%; bottom: 0; left: 0; z-index: 1; text-align: center;  padding: 0 10px;}
.sy_cp3 ul li .w_z h3{ line-height: 40px; font-size: 16px; color: #fff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.sy_yj{background: #f3f3f3;padding-top: 30px;padding-bottom: 30px;}
.sy_yj2{margin-top: 30px;}
.sy_yj2 ul{ display: flex;flex-flow: wrap;justify-content: space-between;}
.sy_yj2 ul li{background: #fff;width: 24%;float: left;padding: 0 15px;padding-top: 30px;padding-bottom: 30px;margin-left: 1.33%;border-radius: 5px;text-align: center;-webkit-transition: all .2s linear;transition: all .2s linear;}
.sy_yj2 ul li:first-child{ margin-left: 0;}
.sy_yj2 ul li div{height: 50px;}
.sy_yj2 ul li div img{ max-height: 100%;}
.sy_yj2 ul li h3{line-height: 30px;margin-top: 15px;margin-bottom: 10px;font-size: 16px;color: #000000;}
.sy_yj2 ul li h3::after{display: block;content: '';background: #2276b9;width: 30px;margin: auto;height: 2px;}
.sy_yj2 ul li p{max-width: 250px;margin: auto;line-height: 20px;font-size: 14px;color: #000000;}
.sy_yj2 ul li:last-child p{ text-align: left;}
.sy_yj2 ul li:hover{ -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}

.sy_fa{padding: 30px 0;}
.sy_fa2{margin-top: 30px;}
.sy_fa21 img{}
.sy_fa22{background: #f8f8f8;padding: 15px 10px;}
.sy_fa22 h3{line-height: 30px;font-size: 15px;color: #333333;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sy_fa22 p{ line-height: 20px; font-size: 14px; color: #777777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.sy_xw{background: #eeeeee;padding-top: 30px;padding-bottom: 30px;}
.sy_xw2{margin-top: 30px;}
.sy_xw21{ width: 41.7%;}
.sy_xw21m{background: #fff;padding: 15px 10px;}
.sy_xw11{background: #2276b9;width: 75px;padding-top: 6px;padding-bottom: 5px;text-align: center;}
.sy_xw11 strong{display: block;line-height: 30px;font-size: 20px;color: #fff;font-weight: bold;}
.sy_xw11 span{display: block;line-height: 20px;font-size: 14px;color: #fff;}
.sy_xw12 h3{line-height: 30px;margin-bottom: 0px;font-size: 15px;color: #2276b9;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sy_xw12 p{ line-height: 18px; font-size: 14px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sy_xw12{width: calc(100% - 85px);}
.sy_xw22{ width: 57%;}
.sy_xw22 ul li{margin-bottom: 11px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.sy_xw13{width: 33.3%;}
.sy_xw14{background: #fff;width: 66.7%;padding: 0 3.1%;padding-top: 5px;}
.sy_xw14 h3{line-height: 22px;margin-bottom: 5px;}
.sy_xw14 h3 a{display: block;font-size: 15px;color: #2276b9;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.sy_xw14 p{ line-height: 18px; font-size: 14px; color: #666666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sy_xw14 div{line-height: 18px;margin-top: 5px;font-size: 14px;color: #999999;}
.sy_xw22 ul li:hover{ -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1); box-shadow: 0 15px 30px rgba(0, 0, 0, .1); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}

.f1{ background: url(../images/f.png) no-repeat bottom center #353535;}
.f1t{padding: 10px 0;border-bottom: 1px solid #2e2e2e;}
.f1t ul{ max-width: 87.5%; margin: auto; overflow: hidden;}
.f1t ul li{ width: 16.666%; float: left; text-align: center;}
.f1t ul li a{font-size: 14px;color: #a1a1a1;}
.f1m{padding-top: 30px;padding-bottom: 30px;}
.f11{ background: url(../images/sx.jpg) no-repeat right center; width: 25.7%;}
.f11m{ max-width: 306px; text-align: center;}
.f11m img{height: 60px;}
.f11m img:nth-of-type(2){max-width: 100%;height: 13px;margin-top: 15px;}
.f12{background: url(../images/sx.jpg) no-repeat right center;width: 54%;margin-left: 2.5%;margin-right: auto;}
.f12 ul li{background: url(../images/ad.png) no-repeat left top 9px;padding-left: 23px;line-height: 30px;}
.f12 ul li:nth-last-child(-n + 3){ background: url(../images/tel.png) no-repeat left top 9px;}
.f12 ul li p{ display: inline-block;}
.f13{width: 110px;text-align: center;}
.f13 img{max-width: 100%;margin-bottom: 5px;}
.f13 p{line-height: 28px;font-size: 14px;color: #a1a1a1;}
.f2{background: #2c2b2b;padding: 10px 0;text-align: center;}
.f2 p{line-height: 30px;font-size: 14px;color: #fff;}
.f2 a{ font-size: 14px; color: #fff;}



/* 产品中心 */
.nban{ width: 100%; height: 100%; position: relative;}
.nban1{ width: 100%; height: 100%; position: relative; text-align: center;}
.nban1 img{max-width: 100%;height: 40vh;object-fit: cover;}
.nban2{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.nban20{position: absolute;bottom: 25px;}
.nban20 h1{display: inline-block;line-height: 30px;border-bottom: 1px solid #fff;font-size: 18px;color: #fff;font-weight: bold;}

.f_l{ background: #f0f0f0;}
.f_l0 ul{ text-align: center; font-size: 0;}
.f_l0 ul li{display: inline-block;padding: 10px 0;margin: 0 15px;line-height: 30px;position: relative;}
.f_l0 ul li.cur::after{ background: #2276b9; display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 40px; height: 3px; margin-left: -20px;}
.f_l0 ul li a{font-size: 14px;color: #333333;font-weight: bold;}
.f_l0 ul li.cur a{ color: #2276b9;}

.l_pro{padding-top: 30px;padding-bottom: 30px;}
.l_p1{ border-bottom: 1px solid #eeeeee; text-align: center;}
.l_p1 h1{line-height: 30px;font-size: 20px;color: #cccccc;font-weight: bold;text-transform: uppercase;opacity: 0.45;}
.l_p1 h2{line-height: 30px;margin-top: -20px;font-size: 18px;color: #333333;font-weight: bold;position: relative;z-index: 1;}
.l_p1 h2::after{background: #2276b9;display: block;content: '';width: 40px;height: 2px;margin: auto;margin-top: 5px;}

.l_p11{border-bottom: 1px solid #ccc;text-align:center;padding-bottom: 5px;}
.l_p11 h1{line-height: 30px;font-size: 18px;color:#2276b9;font-weight: bold;}
.l_p11 p{line-height: 25px;font-size: 14px;color: #999;}

.l_p2{margin-top: 30px;}
.l_p2 ul{ overflow: hidden;}
.l_p2 ul li{width: 23.3%;float: left;margin-left: 2.26%;margin-bottom: 10px;text-align: center;}
.l_p2 ul li:first-child{ margin-left: 0;}
.l_p2 ul li:nth-of-type(4n+1){ margin-left: 0;}
.l_p2 ul li h3{margin-top: 5px;line-height: 25px;font-size: 14px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.l_p3{padding-top: 15px;}

/* 分页 */
.page {text-align: center;}
.page li{display: inline-block;line-height: 28px;border: 1px solid #dcdcdc;text-align: center;font-size: 14px;color: #666666;padding: 0 10px;margin: 0 3px;margin-bottom: 5px;}
.page li.active {display: inline-block;padding: 0 10px;line-height: 30px;border: 1px solid #2276b9;background: #2276b9;color: #fff;text-align: center;margin: 0 3px;}



/* 解决方案 */
.l_fa{padding-top: 30px;padding-bottom: 30px;}

.l_f2{padding-top: 30px;padding-bottom: 15px;}
.l_f2 ul{ overflow: hidden;}
.l_f22{background: #f8f8f8;padding: 15px 10px;}
.l_f22 h3{line-height: 30px;font-size: 15px;color: #333333;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.l_f22 p{ line-height: 20px; font-size: 14px; color: #777777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}



/* 新闻中心 */
.l_ne{padding: 30px 0;}
.l_ne .l_p1{ border: none;}
.l_n2{padding-top: 15px;padding-bottom: 15px;}
.l_n2 ul li{padding: 15px 0;border-bottom: 1px solid #dcdcdc;}
.l_n2 ul li:last-child{ border: none;}
.l_n21{width: 25.2%;}
.l_n22{width: 73%;}
.l_n2t h3{width: calc(100% - 100px);line-height: 30px;}
.l_n2t h3 a{display: block;font-size: 15px;color: #000000;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.l_n2t span{display: block;width: 100px;text-align: center;line-height: 20px;margin-top: 10px;font-size: 14px;color: #2276b9;}
.l_n2m{margin-top: 5px;margin-bottom: 5px;}
.l_n2m p{line-height: 22px;font-size: 14px;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.l_n2b a{display: block;line-height: 22px;font-size: 14px;color: #2276b9;}



/* 关于庆华-企业愿景 */
.l_vi{padding-top: 30px;padding-bottom: 15px;}
.l_v2{margin-top: 30px;}



/* 联系我们 */

.l_ct{ padding-top: 30px; padding-bottom: 15px;}

.l_c2{ margin-top: 30px;}


}
@media (min-width:993px){
.menu .nav{/* width:970px; */}
.menu .nav .e_j{display:none !important;}
.menu .nav ul li:hover .e_j{display:block !important;}

.sy_xw21 img{ height: 400px; object-fit: cover;}
.sy_xw13 img{ height: 155px; object-fit: cover;}


.l_p2 ul li img{ height: 270px; object-fit: cover;}



.l_c2 .sy_yj2 ul li div{ height: 68px;}
}
@media (min-width:1200px){
.menu .nav{/* width:1200px; */}
}
@media only screen and (max-width:600px){
.sy_cp1{width: 100%;}
.sy_cp1 .t{text-align: center;}
.sy_cp2{width: 100%;margin-top: 10px;text-align: center;}
.sy_cp2 ul li{float: none;margin-bottom: 5px;display: inline-block;padding: 0 8px;line-height: 18px;text-align: center;border-left: 2px solid #333333;}



.sy_cp3 ul li{width: 49%;height: 100%;position: relative;float: left;margin-bottom: 15px;margin-left: 0;}
.sy_cp3 ul li:nth-of-type(even){ float: right;}

.sy_cp3 ul li .t_p{width: 100%;height: 150px;position: relative;}

.sy_cp3 ul li .w_z h3{ line-height: 30px; font-size: 15px; color: #fff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}



.sy_yj{ padding-bottom: 15px;}

.sy_yj2 ul li{background: #fff;width: 49%;float: left;padding: 0 10px;padding-top: 30px;padding-bottom: 30px;margin-left: 0; margin-bottom: 15px; border-radius: 5px;text-align: center;-webkit-transition: all .2s linear;transition: all .2s linear;}
.sy_yj2 ul li:nth-of-type(even){ float: right;}

.sy_yj2 ul li:last-child p{ text-align: center;}



.sy_xw21{width: 100%;}

.sy_xw22{width: 100%;margin-top: 15px;}

.sy_xw13{width: 100%;}
.sy_xw14{background: #fff;width: 100%;padding: 0 3.1%;padding-top: 5px; padding-bottom: 5px;}



.f1t ul li{width: 33.3%;float: left;text-align: center;margin-bottom: 5px;}

.f1m{padding-top: 30px;padding-bottom: 30px;}
.f11{background: url(../images/sx.jpg) no-repeat right center;width: 100%;margin-bottom: 15px;}
.f11m{max-width: 189px;text-align: center;margin: auto;}
.f11m img{height: 60px;display: block;margin: auto;}
.f11m img:nth-of-type(2){max-width: 100%;height: 16px;margin-top: 15px;}
.f12{background: url(../images/sx.jpg) no-repeat right center;width: 100%;margin-left: 2.5%;margin-right: auto;}
.f12 ul li{background: url(../images/ad.png) no-repeat left top 9px;padding-left: 23px;line-height: 30px;}
.f12 ul li:nth-last-child(-n + 3){ background: url(../images/tel.png) no-repeat left top 9px;}
.f12 ul li p{ display: inline-block;}
.f13{width: 110px;margin: auto;text-align: center;margin-top: 15px;}
.f13 img{max-width: 100%;margin-bottom: 5px;}
.f13 p{line-height: 28px;font-size: 14px;color: #a1a1a1;}



.l_p2 ul li{width: 49%;float: left;margin-left: 0;margin-bottom: 10px;text-align: center;}
.l_p2 ul li:nth-of-type(even){ float: right;}



.l_f2 ul li{width: 49%;float: left;margin-bottom: 15px;margin-left: 0;-webkit-transition: all .2s linear;transition: all .2s linear;}
.l_f2 ul li:nth-of-type(even){ float: right;}



.l_n21{width: 100%;}
.l_n22{width: 100%;}
.l_n2t h3{width: 100%;line-height: 30px;}
.l_n2t h3 a{display: block;font-size: 15px;color: #000000;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.l_n2t span{display: block;width: 100px;text-align: center;line-height: 20px;margin-top: 5px;margin-bottom: 5px;font-size: 14px;color: #2276b9;}


}
@media (max-width:374px){
.sy_cp3 ul li .t_p{width: 100%;height: 120px;position: relative;}



.l_f2 ul li{width: 100%;float: none;}
}


table {
 font-family: verdana,arial,sans-serif;
 font-size:11px;
 color:#333333;
 border-width: 1px;
 border-color: #666666;
 border-collapse: collapse;
}
table th {
 border-width: 1px;
 padding: 8px;
 border-style: solid;
 border-color: #666666;
 background-color: #dedede;
}
table td {
 border-width: 1px;
 padding: 8px;
 border-style: solid;
 border-color: #666666;
 background-color: #ffffff;
}