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

@media only screen and (min-width: 1200px) and (max-width: 1630px) {

#starlist li { margin-right: 0 }
.logo { left: 10px }
.section.icon-search.current .search { left: auto; right: 10px; }
}
@media only screen and (max-width: 1200px) {
.w1200{width: 100%;}
.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("../images/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 only screen and (max-width: 1000px) {
.down .bg{width: 180%;}
.slideBox{position: relative;right: 0;margin:3% auto;padding: 75px 0;}
}
@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) {
.pc{display:none;}
.yd{display:block;}
.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;font-size: 12px;width: auto;padding: 0 3%;line-height: 28px;}
.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; }

.content-box2 li { width: 90%;padding: 10% 5% 0%; margin: 3% auto; }
.content-box2 li h1{margin: 6% 0 10%;}

.content-box3 ul li{width: 100%;margin-bottom: 4%;}
.content-box3 ul li .alink{left: 56%;}
.content-box3 ul li .alink h2{font-size: 16px;}
.content-box3 ul li .alink a{font-size: 12px;}
.content-box3 ul {margin-bottom: 0px;}
.product { padding: 0 0 20px 0; }
.title-h2 { margin: 20px 0; }
h2.title-h2-ch { font-size: 22px; line-height: 60px;}
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; }
.bg2 h2.title-h2-ch:before{left: -30px;}
.bg2 h2.title-h2-ch:after{right: -30px;}
.fconts h1{font-size: 40px;}
.fconts h3{font-size: 30px;}
.fconts h4{font-size: 20px;}
.about-text p{margin-bottom: 12px;}
.about-text .btn-red{margin-top: 12px;}
.fcont{width: 90%;float: both;}
.w1200{width: 98%;}
.dzjs h1,.main_2 .kljcy .kljcy_r h1,.main_3 .kljcy .kljcy_l h1,.main_4 .kljcy .kljcy_r h1
,.main_5 .kljcy .kljcy_l h1,.main_6 .kljcy .kljcy_r h1,.main_7 .kljcy .kljcy_l h1,.main_8 .kljcy .kljcy_r h1
,.main_9 .kljcy .kljcy_l h1
{font-size: 18px;line-height: 40px;}
.dzjs p,.main_2 .kljcy .kljcy_r h2,.main_3 .kljcy .kljcy_l h2,.main_4 .kljcy .kljcy_r h2
,.main_5 .kljcy .kljcy_l h2,.main_6 .kljcy .kljcy_r h2,.main_7 .kljcy .kljcy_l h2,.main_8 .kljcy .kljcy_r h2
,.main_9 .kljcy .kljcy_l h2
{font-size: 14px;}
.main_2 .kljcy .kljcy_r .kljs p{font-size: 12px;line-height: 20px;}
.main_2 .kljcy .kljcy_r .kljs{padding: 2% 0 4%;width: 35%;float: right;}
.dzjs ul{width: 60%;}
.dzjs ul li{width: 49%;font-size: 12px;height: 20px;line-height: 20px;font-weight: normal;margin-top: 4%;letter-spacing: -1px}
.main_1{height: auto;padding-bottom: 5%; background: url(../images/bg_1.jpg)no-repeat;background-size: 120% 100%;}
.main_2,.main_3{height: auto;padding-bottom: 6%;}
.main_2 .kljcy .kljcy_r .kljs ul{padding: 5% 0;}
.main_2 .kljcy .kljcy_r .kljs ul li{height: 22px;line-height: 22px; background: url(../images/dh.png)no-repeat right;background-size: 6%;padding-right: 8%;font-size: 12px;margin-top: 3%;}
.main_2 .kljcy .kljcy_b {width: 100%;margin:0 auto;}
.main_2 .kljcy .kljcy_b span{width: 23%;margin:0 0.8%;font-size: 12px; height: 24px; line-height: 24px;}
.main_3 .kljcy .kljcy_l .kljs{width: 52%;}
.main_3 .kljcy .kljcy_l .kljs p,.main_4 .kljcy .kljcy_r .kljs p,.main_5 .kljcy .kljcy_l .kljs p
,.main_6 .kljcy .kljcy_r .kljs p,.main_7 .kljcy .kljcy_l .kljs p,.main_8 .kljcy .kljcy_r .kljs p
,.main_9 .kljcy .kljcy_l .kljs p
{font-size: 12px;line-height: 20px;}
.main_3 .kljcy .kljcy_l .kljs ul{padding: 5% 0 8%;}
.main_3 .kljcy .kljcy_l .kljs ul li {height: 20px;line-height: 20px;background: url(../images/dh2.png)no-repeat left;background-size: 6%;padding-left: 7%;font-size: 12px;margin-top: 3%;letter-spacing: -1px;}
.main_3 .kljcy .kljcy_b{margin-top: 2%;}
.main_3 .kljcy .kljcy_b span{height: 22px;line-height: 22px;font-size: 12px;margin-right: 2%;padding: 0 2%;}
.main_3{background: url(../images/bg_3.jpg)no-repeat;background-size: 120% 100%;}
.main_4 .kljcy .kljcy_r .kljs ul,.main_5 .kljcy .kljcy_l .kljs ul,.main_6 .kljcy .kljcy_r .kljs ul 
{padding: 5% 0;}
.main_4 .kljcy .kljcy_r .kljs ul li{height: 22px;line-height: 22px; background: url(../images/dh3.png)no-repeat right;background-size: 6%;padding-right: 8%;font-size: 12px;margin-top: 3%;letter-spacing: -1px;}
.main_4{height: auto;background: url(../images/bg_4.jpg)no-repeat 90% 10%;background-size: 120% 100%;padding-bottom: 6%;}
.main_4 .kljcy .kljcy_r .kljs{width: 70%;float: right;}
.main_4 .kljcy .kljcy_b{margin-top: 5%;width: 100%;}
.main_4 .kljcy .kljcy_b span{height: 22px;letter-spacing: -1px; line-height: 22px;font-size: 12px;margin: 0 1%;width: 27%; padding: 0 2%;float: left;}
.main_5,.main_6{height: auto;}
.main_5 .kljcy .kljcy_l .kljs ul li{height: 20px;line-height: 20px;background: url(../images/dh2.png)no-repeat left;background-size: 4%;padding-left:5%;font-size: 12px;margin-top: 3%;letter-spacing: -1px;}
.main_5 .kljcy .kljcy_b{width: 100%;margin:4% auto;}
.main_5 .kljcy .kljcy_b span{height: 22px;letter-spacing: -1px; line-height: 22px;font-size: 12px;margin: 0 1%;width: 27%; padding: 0 2%;float: left;}
.main_6{height: auto;background: url(../images/bg_6.jpg)no-repeat 90% 10%;background-size: 120% 100%;padding-bottom: 6%;}
.main_6 .kljcy_r{width: 66%;}
.main_6 .kljcy .kljcy_r .kljs{margin:3% auto;width: 80%;}
.main_6 .kljcy .kljcy_r .kljs ul li{height: 22px;line-height: 22px; background: url(../images/dh3.png)no-repeat right;background-size: 6%;padding-right: 8%;font-size: 12px;margin-top: 3%;letter-spacing: -1px;}
.main_6 .kljcy .kljcy_b{margin:0 auto 4%;width: 100%;}
.main_6 .kljcy .kljcy_b span{height: 22px;letter-spacing: -1px; line-height: 22px;font-size: 12px;margin: 0 1%;width: 27%; padding: 0 2%;float: left;}	
.main_7{height: auto;background: url(../images/bg_7.jpg)no-repeat;background-size: 120% 100%;padding-top: 4%;}
.main_7 .kljcy .kljcy_l .kljs ul{padding-top: 4%;}
.main_7 .kljcy .kljcy_l .kljs{width: 52%;padding-top: 5%}
.main_7 .kljcy .kljcy_l .kljs ul li {color: #5078ff;height: 22px;line-height: 22px;background: url(../images/dh2.png)no-repeat left; background-size: 6%;padding-left: 7%;font-size: 12px;}
.main_7 .kljcy .kljcy_b{width: 80%;float: left;margin:4% 0;}
.main_7 .kljcy .kljcy_b ul{padding: 2%;}
.main_7 .kljcy .kljcy_b ul li{height: 40px;width: 80px;padding: 20px 0;margin:0 4%;}
.main_7 .kljcy .kljcy_b ul li span{font-size: 12px;}
.main_8 {width: 100%;height: auto;padding-top: 5%;background: url(../images/bg_8.jpg)no-repeat 90% 10%;background-size: 120% 100%;}
.main_8 .kljcy_r{width: 74%;}
.main_8 .kljcy .kljcy_r .kljs{width: 100%;padding-bottom: 0;}
.main_8 .kljcy .kljcy_r .kljs ul{padding-top: 4%;}
.main_8 .kljcy .kljcy_r .kljs ul li {height: 22px;line-height: 22px;background: url(../images/dh3.png)no-repeat right;background-size: 6%;padding-right: 8%;font-size: 12px;margin-top: 3%;letter-spacing: -1px;}
.main_8 .kljcy .kljcy_b{width: 90%;margin: 4% auto 8%;}
.main_8 .kljcy .kljcy_b span{height: 22px;letter-spacing: -1px;line-height: 22px;font-size: 12px;margin: 0 1%;width: 40%;padding: 0 2%;float: left;}
.main_9 .kljcy_l{width: 100%;}
.main_9 .kljcy .kljcy_l .kljs{width: 60%;}
.main_9 {height: auto;background: url(../images/bg_9.jpg)no-repeat;background-size: 112% 100%;padding-top: 4%;}
.main_9 .kljcy .kljcy_l .kljs ul{padding: 4% 0}
.main_9 .kljcy .kljcy_l .kljs ul li{color: #5078ff;height: 22px;line-height: 22px;background: url(../images/dh2.png)no-repeat left;background-size: 6%;padding-left: 7%;font-size: 12px;margin-top: 3%;}
.main_9 .kljcy .kljcy_b{margin: 4% 0;}
.main_9 .kljcy .kljcy_b ul{width: 30%;}
.main_9 .kljcy .kljcy_b ul li{width: 100%;background: url(../images/jt.png)no-repeat center top;background-size: 15%;padding-top: 40%;height: auto;}
.main_9 .kljcy .kljcy_b ul li span{font-size: 12px;height: 22px;line-height: 22px;}
.main_10 .til{font-size: 18px;}
.main_10 .xtzc{width: 92%;}
.main_10 .xtzc li{width: 42%;padding: 3%;margin: 2% 0;}
.main_10 .xtzc li img{width: 100%;}
.main_10 .xtzc li p{font-size: 12px;}
.main_10 .xtzc li:nth-child(2n){float: right;}
.main_10 .cpcs{width: 96%;}
.main_10 .cpcs li{margin-bottom: 5%;}
.main_10 .cpcs li p{font-size: 14px;height: 28px; line-height: 28px;}







.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 {display: none;}
.copyright { font-size: 12px; }
footer { padding: 0; }
.m-footer{display: block;overflow: hidden;padding: 5% 2% 4%;}
.m-footer .tels{overflow: hidden;width: 100%;}
.m-footer .tels dl{overflow: hidden;margin-top: 3%;font-size: 12px;}
.m-footer .tels dl dt{width: 30%;float: left;text-align: right;}
.m-footer .tels dl dd{width: 68%;float: left;line-height: 24px;padding-left: 2%}
.m-footer .tels dl dd a{display: block;}
.m-footer .ewm{overflow: hidden;margin-top: 5%;padding: 5% 0 8%;border-top: 1px solid #fff; }
.m-footer .ewm ul li{width: 32%;margin-right: 2%; float: left;text-align: center;}
.m-footer .ewm ul li:last-child{margin-right: 0;}
.m-footer .ewm ul li img{display: block;width: 100%;}
.m-footer .ewm ul li p{font-size: 12px;line-height: 32px;}
.m-footer .zym{display: block;width: 100%;text-align: center;line-height: 28px;}
.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: 40px; }
#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 {overflow: hidden;overflow-x: auto;}
ul#tab { margin: 0;width: 750px;overflow-x: scroll; }
#tab li { float: left; margin: 0;margin: 0 3px;}
#tab li a {display: block;padding: 0 15px;line-height: 30px; }
.page-title { overflow-x: auto; margin: 0 0 30px; }
.page-title ul { width: 1090px; overflow-x: scroll; }
.page-title ul li { float: left; margin: 0 6px; }
.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: 25%; 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: 96%; margin: auto }
#questions .foldContent { padding: 10px; }
.p-service-list li { width: 100% }
.down .bg{width: 200%;}
.slideBox{position: relative;right: 0;margin:3% auto;padding: 75px 0;}
.text-content .jspic{display: none;}
.text-content .js{width: 100%;}
.p2-service-list li{width: 100%;}
.content-box4 li{width: 100%;}
.content-box4 li img{width: 100%;height: auto;max-height: 250px;}
}