@charset "utf-8";
/**
 * base.css
 * https://www.yangqq.com/
 * Copyright 2019, design by yangqq
 */

@media only screen and (min-width: 1200px) and (max-width: 1630px) {
.box { width: 1200px }
#starlist li a { padding: 0 10px }
#starlist li { margin-right: 0 }
.logo { left: 10px }
.section.icon-search.current .search { left: auto; right: 10px; }
}
@media only screen and (max-width: 1200px) {
.box { width: 100% }
header { height: 60px; }
.topnav { position: fixed; top: 0; z-index: 0; background: rgba(0,0,0,.6); height: auto; z-index: 9999; width: 100%; }
nav #starlist { width: 100%; margin-top: 60px; }
#mnavh { display: block; top: 0; position: absolute; left: 0; padding-top: 10px; }
#starlist { display: none }
#starlist li { width: 60%; margin: 0; background: #fff; border-bottom: #eee 10px solid; line-height: 50px; float: left; font-size: 16px; }
#starlist li a:hover, #starlist #selected, .selected > a, #starlist li:hover { color: #d61a1a !important; background: #fff; }
#starlist li a { text-align: left; text-indent: 2em; color: #000; width: 100%; padding: 0; }
#starlist ul.sub { background: none; width: 100%; display: block; position: initial; padding: 0; opacity: 1; transition: none; }
#starlist ul.sub:before { display: none }
#starlist ul.sub li { border-bottom: none; width: 100%; overflow: hidden; line-height: 40px !important; border-top: none; height: 40px !important; background: none; font-size: 14px; }
#starlist ul.sub li:first-child { border-top: #eee 1px solid; }
#starlist ul.sub li a { display: block; padding-left: 10px; text-indent: 3em; }
#starlist ul.sub li:hover a, #starlist li:hover a { background: none; color: #000; }
#starlist ul.sub li #selected { color: #000 !important }
.menu:after { width: 26px; height: 22px; content: ""; background: url("img/jiantou.png") no-repeat; background-size: 16px; display: block; }
.menu span { display: block; ; position: absolute; width: 50px; height: 50px; background: #fff; top: 0; right: 0; border-left: #eee 1px solid; }
#starlist li:last-child { padding-bottom: 100%; }
#starlist ul.sub li:last-child { padding-bottom: 0 }
.logo img { height: 40px; margin-top: 10px; }
.logo {/* top: -16px; */ }
.icon-box { top: 10px; }
nav { line-height: 40px; width: 100% }
#starlist li:hover ul.sub:before { display: none }
.about.box { }

}
@media (min-width: 992px){




}
@media only screen and (max-width: 768px) {
.about-text { overflow: hidden; padding-top: 0; }
h2.title-ch { font-size: 30px; margin-bottom: 20px; padding-left: 10px; }
span.title-en { font-size: 46px; }
.about-text p:nth-child(2n-1) { display: none; }
.about-text p { font-size: 14px }
.about-text p { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4; padding: 0 10px; }
.case-list-text h3 { margin: 30px 0 20px 0; font-size: 22px; }
.case-list-text p { margin: 20px 10px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; line-height: 1.8; font-size: 14px; }
.newslist li { margin: 10px; }
.newslist { margin-bottom: 30px; }
.ban-img h3:before { display: none; }
.ban-img h3 { font-size: 30px; width: 100%; }
.ban-img { top: 30%; }
}
@media only screen and (max-width: 640px) {
body{width:100%;}
.swiper-container{
	    max-height: 300px;

}
.recommend{display:none;}
.tops{height:240px;}
.swiper-slide img{height:100%;}
.swiper-container img{
    background-size: cover;
    background-position: center;
	min-height: 100%;
}
.sec_tit{display:flex;}
.sec_tit a{padding: 0;
    border: 0;
    width: 33.33333%;
    float: left;

    color: #666;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.ysfw .sec_tit p{     font-size: 12px;     padding: 0 10px;}
.about-img { width: 100%; }
.about-img img { width: 90%; margin: 0 auto 20px; }
.about-text { width: 100%; margin-top: 10px; }
.about-text .btn-red { float: none; }
.point li { width: 50%; }
.point i { width: 80px; padding: 8px 0; }
.case-list-text { width: 100%; }
.case-list-img { width: 100%; }
#tab li { margin-bottom: 10px; }
.content-box li { width: 100%; margin: 0; }
.content-box li span { padding: 6px 10px; font-size: 12px; }
.product { padding: 0 0 20px 0; }
.title-h2 { margin: 20px 0; }
h2.title-h2-ch { font-size: 22px; }
h2.title-h2-ch:before, h2.title-h2-ch:after { width: 60px; }
h2.title-h2-ch:before { left: 0 }
h2.title-h2-ch:after { right: 0; }
.newslist li { padding: 10px 10px 30px 10px; }
.newslist li i { width: 100%; height: auto; margin-bottom: 10px; }
.newslist h3 { margin-bottom: 10px; font-size: 15px; }
.newslist p { font-size: 14px }
.newslist span.btn-red { float: none; width: 140px; padding: 3px 0; }
.logo { position: inherit; left: initial; margin: auto; width: 100%; }
.logo img { margin: auto; height: 30px; padding-top: 5px; }
.ft-links dl { width: 25%; }
.copyright { font-size: 12px; }
footer { padding: 0; }
.tel { display: none; }
.news a.btn-red { display: none; }
.sidefloat { bottom: 0; width: 100%; }
.sidefloat li { width: 25%; float: left; }
.sidefloat li.side_tell, .sidefloat li.side_top { border-top: 1px solid #eee; ; }
a.side_zd { width: 100%; height: 100%; }
.sidefloat li span { bottom: 50px; right: auto; }
header { height: 55px; }
#mnavh { padding-top: 0; }
nav #starlist { margin-top: 40px; }
.icon-box { top: 0; right: 10px; }
.search { left: auto; right: -10px; top: 50px }
.navicon { margin-left: 0 }
.ft-links i { width: 60px; height: 60px; }
.ft-links i img { width: 20px; padding: 20px 0 0 0; }
.ft-links dt { font-size: 16px; }
.ft-links.box { margin: 0; padding: 30px 0; width: 100%; }
.outer-box { }
ul#tab { margin: 0; }
#tab li { float: left; margin: 0; width: 25%; }
#tab li a { padding: 0; border-radius: 0; border: none; line-height: 30px; }
.page-title { overflow-x: auto; margin: 0 0 30px; }
.page-title ul { width: 800px; overflow-x: scroll; }
.page-title ul li { float: left; margin: 0 10px; }
.text-content { padding: 0 20px; }
.text-content h1 { font-size: 22px; }
.text-content h2 { font-size: 18px; }
.text-content h3 { font-size: 17px; }
.text-content h4, .text-content h5, .text-content h6 { font-size: 16px; }
.time-section p { padding-right: 20px; }
.image-list .cover { width: 100%; }
.product-detail-images { display: none; }
.product-detail-desc { width: 100%; }
.cp-pics { display: block; }
.product-detail-desc h1 { font-size: 22px; margin: 20px 0; }
.white { padding: 20px; }
.content-box .text-content { padding: 0; }
.context #tab { width: 100%; margin: 20px 0; }
.product-detail #outer { }
.context #tab li { width: 30%; margin: 0; }
.context #tab li a { padding: 8px 0; }
.other-product li { width: 100%; margin: 0; }
.jj_h { font-size: 18px; font-weight: bold; }
.product-detail .text-content { padding: 0; }
.content-about .text-content { padding: 0; }
.tell-tit h2 { font-size: 18px; }
.kefu li { width: 100% }
ul.form-sq { width: 80%; }
#questions li h5 { border-bottom: #eee 1px solid; }
ul.lxtext { width: 100%; }
ul.lxweixin { width: 100%; }
.lxweixin li { width: 50%; }
#pictureViewer > .content { width: 100%; height: 400px; }
.box { width: 90%; margin: auto }
#questions .foldContent { padding: 10px; }
.p-service-list li { width: 100% }
.home-market-section .section-inner{width:100%;}
.home-market-section .section-inner .swiper-container{width:100%;}
.swiper-slide li{width:50%;}
.swiper-slide li .num_info{display:none;}
.swiper-slide .tip_info{display:none;}
.swiper-slide li .com_nm h3{font-size:14px;}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullets {display:none;}
#index4 .margin{width:100%;}
#index4 ul{grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 10px 10px;    grid-column-gap: 10px;}
#index4 ul .index4_card{padding: 10px 8px;}
}