
 .cs-circleslight .br-thumb-up { display: none}

 img { max-width: inherit !important; }
 .demo-3 .hide { display: block}

 .swiper-pagination, .swiper-button-next, .swiper-button-prev{color: #FFFFFF}
 .swiper-slide {
  height: 1px; /* 随意指定一个height值即可 */
 }
 .swiper-slide-active {
  height: auto;
 }

 @media screen and (min-width:1921px){
 .demo-3 { height: 600px }
 }

 @media screen and (max-width:1920px){
 .demo-3 { height: 600px}
 }

 @media screen and (max-width:1680px){
 .demo-3 { height: 525px}
 }

 @media screen and (max-width:1600px){
 .demo-3 { height: 500px}
 }

 @media screen and (max-width:1440px){
 .demo-3 { height: 450px}
 }

 @media screen and (max-width:1360px){
 .demo-3 { height: 425px}
 }

 @media screen and (max-width:1366px){
 .demo-3 { height: 425px}
 }

 @media screen and (max-width:1280px){
 .demo-3 { height: 400px}
 }

 @media screen and (max-width:1024px){
 .demo-3 { height: 320px}
 }

 @media screen and (max-width:768px){
 .demo-3 { height: 240px}
 }

 @media screen and (max-width:640px){
 .demo-3 { height: 200px}

 .page-view .arrows { bottom: 10px; }
 }

 @media screen and (max-width:414px){
 .demo-3 { height: 128px}
 }

 @media screen and (max-width:375px){
 .demo-3 { height: 118px}
 }

 @media screen and (max-width:320px){
 .demo-3 { height: 100px}
 }

 .page-view .arrows { top: 48%; left: 0; right: 0; margin-left: 10px; height: 56px; }

 .page-view .arrows .arrow.next { float: right; }

 .page-view .arrows .arrow div { font-size: 35px; color: white; }

 @media screen and (max-width: 640px){
 .page-view .arrows { transform: none !important; top: 42%}

 .page-view .arrows .arrow div { width: 25px; height: 40px; }
 }




 .sliderSection { overflow: hidden; }

 .cute-slider { position: relative; margin: 0 0 -10px 0; }

 @media (min-width: 1000px){
 #news { min-height: 772px; }

 .mynews { width: 50%; float: left; }

 .mynews .news-img-wrap { padding: 30px; }

 .mynews h5 { height: 50px; }

 .mynews1 { width: 100%; float: left; max-width: 100%}

 .news-list .news-item { width: 33.33%}

 .news-list .image-container { height: auto; }

 .section2 {
 color: black; min-height: 700px; padding-top: 50px; }

 .wrapnew { width: 96%; margin: 0 auto; overflow: hidden; }

 .section2 .main-heading-inner2 { text-align: right; }

 .main-heading-inner2 { font-family: "Source Han Sans CN"; background: transparent !important; color: #000; text-transform: uppercase; font-size: 42px; line-height: 128px; font-weight: normal; text-align: left; }

 .contactnew { width: 590px; }

 .fr { float: right; }

 .contactnew li { font-size: 20px !important; line-height: 25px; padding-top: 15px; padding-bottom: 10px; border-bottom: solid 1px #ccc; width: 48%; margin-left: 2%; }

 .contactnew li { float: left; }

 .contactnew li span { color: #000; font-family: "Source Han Sans CN"; font-size: 15px !important; line-height: 25px; margin-left: 5px; margin-top: 16px; }
 }

 .contactnew li { list-style: none; }

 .news-list .text-container,
 .news-long-list .text-container { min-height: auto}

 .news-list1 { margin: 0; padding: 0; }

 .news-list1 p { margin: 0; padding: 0; font-size: 0.875rem; line-height: 1.5; font-family: "AvenirNextLTPro-Regular"; color: #787878; letter-spacing: 0.04em; }

 .news-list1 li a { padding: 10px; }

 #c10 { background: #fff}

 @media (max-width: 480px){
 #c10 { background: #fff}
 }

 @media (min-width: 1000px) {
 #video-slider,
 .mynews { width: 100%; float: none; max-width: 100%; overflow: hidden; }
 }

 #ytvideos a,
 #ytvideos2 a { background: #fff; padding: 20px; }

 #ytvideos a h6,
 #ytvideos2 a h6 { margin-top: 15px; }

 .row .subscribe1 { margin-top: 30px; }

 #video-slider { padding: 76px 0 76px; }

 #ytvideos2 { padding: 0 64px; }

 #ytvideos2 .owl-buttons>div.owl-prev { left: 0; }

 .darkblue-background-image { background: #fff}

 .btn.btn-red2 { background-color: #428bca; color: #FFF; }

 #product-category { padding: 50px 0; }

 #news,
 .section2 { padding: 10px 0 40px; min-height: auto; }

 h2.red { color: #000; font-size: 2rem}


 .biaotibuttom { padding-bottom: 15px; background: url(../images/border.png) bottom no-repeat; font-size: 2rem; margin: 50px 0}

 @media (max-width: 768px) {
 .l-header__logo img,
 .b-menu__brand img { width: 100%}
 }
