html { min-width: auto;}
.yKcontainer { width: 100%;}

header {padding: 0 2%; height: auto;}

.header-left {  display: block;margin: 10px 0; width: 300px; height: 50px;}
.header-left .topLogo { display: block; width: 100%; height: 100%;background: url('../images/topLogo3.png') left center no-repeat; background-size:contain;
    padding-left: 60px; line-height: 50px; font-size: 16px; color: #fff;}

.header-right {overflow: hidden; display: none; text-align: left;height: a; transition: all .3s;}
.height { height: auto;}

.pc-top-h{height: 110px; display: none;}
.mobile-top-h{height: 50px; display: block;}

nav { position: relative;}
.fatherNav { padding-right: 0; position: relative;}
.fatherNav .item { position: static; display: block; margin: 0; width: 50%;}
.sonNav { top: 0; right:0; width: 50%;height: 80%; transform:none;}

.topTel {position: absolute;  right: 4%; bottom: 0; border-left:none;}

.topNav-toggle { position: absolute; top: 10px; right: 2%; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center;}
.topNav-toggle span { font-size: 38px; color: #fff; font-weight: normal;}

.banner { height:169px; position: relative;}
.banner .swiper-slide { background-position: center center; background-size: auto 100%; background-repeat: no-repeat; }
.banner-list{width:90%; position: absolute; bottom: 1rem; left: 0; right: 0; margin: 0 auto; z-index: 999999;}
.banner-list ul li{float: left; width: 20%; height: 2rem; line-height: 2rem; text-align: center; border-radius: 10px; background: #e62129; margin-right: 5%; font-size: 1rem; color: #fff;}
.banner-list ul li a{color: #fff;}

.titleimg { margin: 30px auto 10px;}
.titleimg img { display: none;}
.titleimg h2 { display: block; text-align: center; font-size: 24px;}
.titleimg h2 span { color: #e43c43;}
.titleimg h2 p { margin-top: 10px; font-size: 18px;}

.tjList {  display: grid; grid-template-columns: 1fr 1fr;}
.tjList .item { height: auto;}
.tjList .item:first-of-type { grid-column: 1 / 3;}
.tjList .item .info { padding: 20% 4%;}

.caseSwiper .img { height: auto;}
.caseSwiper .swiper-pagination { margin: 30px auto;}

.index-about { flex-direction: column; margin:1rem 0;}
.index-about .img { display:none;}
.index-about .info { padding: 0 5%;}
.index-about .info h2 { margin-top: 20px; font-size: 24px;}
.index-about .info p { margin-top: 20px;}
.index-about .info a { display: block; margin: 20px 0; width: 100px; height: 40px; line-height: 40px; font-size: 16px;}

.clear{clear:both;font-size:0;font-family:sans-serif;height:0;line-height:0}
.pzList { width:100%; border:1px solid #f00;display:block;}
.pzList .item { width:49%; float:left;  text-align:center; box-sizing: border-box; padding: 5% 0% 10% 20%;  overflow: hidden;}
.pzList .item:nth-child(2n){float:right;}
.pzList .item:nth-of-type(1) {background: url(../images/f1.jpg) 6% center no-repeat;}
.pzList .item:nth-of-type(2) {background: url(../images/f2.jpg) 6% center no-repeat;}
.pzList .item:nth-of-type(3) {background: url(../images/f3.jpg) 6% center no-repeat;}
.pzList .item:nth-of-type(4) {background: url(../images/f4.jpg) 6% center no-repeat;}

.pzList .item h2 { margin-top: 0; font-size: 1.1rem;}
.pzList .item p { margin: 10px auto;}

/*.quality .item{width:50%; float: left; box-sizing: border-box;}*/

.formBox .form { padding: 0 5%;}
.form h2 { font-size: 18px; margin: 1rem auto;}
.form .line { margin-bottom: 1rem; width: 50px; border: solid 2px #fff;}
.inputBox span.br { display: block;}
.inputBox { margin-bottom: 0.5rem; padding-bottom:0.5rem;  line-height: 35px; border-bottom: solid 1px #5d5a5a;}
.inputBox input { display: inline-block; margin: 0 10px; padding: 0 5px; color: #fff; border: 0;}
.inputBox input.syk { width: 75%; height: 30px; line-height: 30px; border: solid 1px #dedede; border-radius: 5px;}
.inputBox select {width: 70%; color: #fff; border: 0; font-size: 16px; appearance: none;-moz-appearance: none; -webkit-appearance: none;}

.inputBox textarea { display: block; width: 100%;height: 30px; line-height: 30px;}
.sumbit { margin: 1rem auto; height: 40px; line-height: 40px;;}

/*.footer {overflow: hidden; margin: 20px auto;background: url(../images/footerLogo.png) 40px 40px no-repeat,url(../images/footerWx.jpg) 90% 0 no-repeat;}
.footer-contact { margin: 0; margin-top: 180px; padding: 0 2%;}
.footer-contact p span { font-size: 24px;}
.footer-contact p a.tel { font-size: 18px;}*/

.w1300,.w1200 { width: 95%; margin:0 auto;}
.footer {display: block;}
.footer .item { padding: 10px 2%;}
.footer .item a { display: inline-block; width: 32%;}
.footer .item:nth-last-of-type(1),
.footer .item:nth-last-of-type(2)
 {float: left; width: 50%;}
#gList .item { float: none; width: 100%; margin-top: 20px; padding: 0 2%;}
#gList .item img { width: 100%; height: auto;}
.index-about { margin-top: 0px;}



.nbanner { background-attachment: inherit; /*height: 200px;*/background-size:auto 100%; background-position: center center;}

.contact h1, .jxhz h1, .jmlc h1 { font-size: 24px;}
.contact .line, .jxhz .line, .jmlc .line { margin: 0 auto 20px;}
.contactList { flex-wrap: wrap;}
.contactList .item { flex: 0 0 50%; margin: 10px auto;}

.product-Info-nav {margin: 40px auto 20px; width: auto;}
.product-List .item .img { width: 100px; height: 100px;;}
.product-List .item .name { display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp:1;}
.productInfo .swiper-slide {  flex-direction: column;}
.productInfo .swiper-slide .info { height: auto;}
.productInfo .swiper-slide .info .box { padding: 0 2%;}
.productInfo .swiper-slide .info h2 { font-size: 24px;}
.productInfo .swiper-slide .info .details { height: auto;}
.productInfo .swiper-slide .info .imgList {grid-template-columns: 1fr 1fr 1fr; margin-bottom: 30px; height: auto;}
.product-next,.product-prev { top: 50%; opacity: .5;}
.product-next { left: auto; right: 0;}
.product-prev { left: 0;transform:translateX(0%)}

.w1440 { width: 100%;  margin: 0 auto 30px;}
.newItem { margin-top: 20px; padding: 0 2%;}
.newItem .img {flex: 0 0 140px;  margin-right: 10px;}
.newItem .info { margin-left: 0px;}
.newItem .info .r,.newItem .info p { display: none;}
.newItem .info h2 { font-size: 18px; font-weight: normal;}

.nbanner.big { height: auto;/* background-attachment: fixed;*/}
.nbanner.big img { /*width: 90%;*/}

.aboutBox { flex-direction: column;}
.aboutBox .img1,.aboutBox .img2 { flex: 1;}
.aboutBox .info1,.aboutBox .info2 { padding: 0 2%;}
.aboutBox .info1 h2 { margin-top: 30px;}
.aboutBox .info1 p, .aboutBox .info2 p { margin-top: 20px;}
.qywh { padding: 0 4% 30px; height: auto;}
.qywh h2 { margin: 30px auto 20px;}
.qywh p { margin-top: 20px;}
.aboutBox .info2 .scroll { width: 100%; height: auto; overflow-y: visible;}

.aboutBox { flex-direction: column;}
.aboutBox .info { padding: 0 2%;}
.aboutBox .info h2 { margin-top: 0px;}
.aboutBox .info p{ margin-top: 20px;}
.aboutBox .info .scroll { padding: 0%;max-height:auto; height: auto;}
.aboutBox:nth-of-type(2n) { flex-direction: column;}

#gList .item { width:49%; float:left; text-align:center; box-sizing: border-box; margin-right:0; margin-top:0;}
#gList .item:nth-child(2n){float:right;}
.pzList .item { border-right:none;}
.pzListInfo .item { width:96%; /*height:120px;*/ overflow-y:auto;
    overflow-x:hidden; padding-bottom:1rem;}


.jxhz-grid {grid-template-columns:1fr; width: 100%;display:block; margin:0 auto;}
.jxhz-flex { flex-direction: column; width:100%; margin:3% auto; overflow:hidden; display:block; line-height:26px;}
/*.jxhz-flex:nth-child(2n){float:right;}*/
.jxhz-flex .img { flex: 1; height: auto;}
.jxhz-flex .img img { width: 100%;}
.jxhz-flex .info { padding: 20px 5%; }
.jxhz-flex .info .line { margin: 10px 0; width: 20px; height: 3px; background-color: #333;;}
.jxhz-flex:nth-of-type(3), .jxhz-flex:nth-of-type(4) { flex-direction: column;}

.jmlc { padding-bottom: 30px; height: auto; background-image: none; background-color: rgba(7, 20, 62, .8);}
.jmlc-box { flex-wrap: wrap; padding: 0 2%; width: 100%;}
.jmlc-box .item { flex: 0 0 30%; margin-bottom: 30px;}
.jmlc-box .item .round { margin: 0 auto 10px;width: 100px; height: 100px;;}
.jmlc-box .item:last-of-type { flex-grow: 1;}
.jmlc-box::after { display: none;}


.commonposition {  }

.commonposition a { padding-top: 0; width: 40px; height: 40px; line-height: 40px; }
.commonposition a img{ height: 22px;}
.commonposition a p{ display: none;}
.commonposition a span { right: 40px;}
.commonposition a.Hometop { line-height: 40px;}

#contactList { background-size: auto 100%;}
.contactList { flex-direction: column;}
.contactList .item { flex: 1; padding: 0 2%; border:none;}



.ty-title {position: relative;margin: 1rem auto; padding: 1rem 0; text-align: center; font-size: 1.4rem;}


#ty-n-nav { width: 100%; border-bottom: solid 1px #dedede;}
.ty-n-nav {  text-align: center; font-size: 0;}
.ty-n-nav li {position: relative;  font-size: 16px; width: 40%; margin-bottom:1rem; float:left;}
.ty-n-nav li:last-of-type { border: 0;}
.ty-n-nav li a {display: block; width: 100%; height: 40px; line-height: 40px;}
.ty-n-nav li i {position: absolute; visibility: hidden; bottom: -22px; left: 43%;; font-size: 28px;color: #4dadc4;}
.ty-n-nav li.on a,.ty-n-nav li:hover a {background-color: #dc7725; color: #fff; border-radius: 15px 0 15px 0;}
.ty-n-nav li.on i { visibility: visible;}
.crumble{float:left;}

.product-list { margin: 1rem auto; font-size: 0;}
.product-item {float: left; margin:0 1%; margin-bottom: 30px; width: 48%; overflow: hidden;}
.product-img  {width: 100%; height:200px; border: solid 5px #e3e8eb; box-sizing: border-box; display: flex;justify-content:center;align-items:Center; }
.product-img img { max-width: 80%; max-height: 80%;}
.product-text {margin-top: 2px; width: 100%; height: 76px; font-size: 16px; color: #fff;background-color: #e3e8eb;display: table; }
.product-text span,.product-text i { display: table-cell; vertical-align: middle}
.product-text span {padding: 0 10%; width: 86%;color: #333;}
.product-text i { font-size: 32px; color: #dc7725;}
.product-item:hover .product-img { border: solid 5px #dc7725;}
.product-item:hover .product-text {background-color: #dc7725;}
.product-item:hover .product-text span,.product-item:hover .product-text i { color: #fff;}


 .news-title { border-bottom: solid 1px #666;}
.news-title h1 { font-size: 1.2rem; font-weight: normal; text-align:center;}
.news-title p { margin: 1rem auto; font-size: 16px; color: #666; text-align:center;}
.view-box {margin: 1rem auto;}

/*.view-info {margin-bottom: 30px;  width: 100%; height: 260px;}
.view-img,.view-text { width: 50%; float: left;}
.view-img img { max-width: 100%;}
.view-text { height: 100%; background: url(../images/bg.jpg); color: #fff; text-align: center;}
.view-text h2 {margin: 50px auto 30px; font-size: 38px; font-weight: normal;}
.view-text p { width: 70%; margin: 0 auto; line-height: 30px; font-size: 16px;}
.view-info.lc { height: 360px;}
.view-info.lc p {margin-bottom: 30px; text-align: left;}
*/

.view-content {width:95%; margin:0 auto;}
.view-content img { margin: 1rem auto; max-width: 90%;}

.news-more-box {margin: 20px auto; padding: 20px; border-top: solid 1px #666;}
.news-more-box a { display: block; clear:both;}
.news-more-box .ty-readmore{float:left;  margin-bottom:1rem;}
.news-more-box .news-np:hover { color: #dc7725;}
.ty-readmore { display: block; margin: 30px auto; width: 160px; height: 42px; line-height: 42px; text-align: center; font-size: 18px; color: #333; border: solid 2px #333;}
.ty-readmore:hover {background-color: #dc7725;color: #fff; border: solid 2px #dc7725;}


.al-list li { overflow: hidden; width:80%; margin:0 auto 0.5rem;}
.al-list li a { font-size: 18px; color: #666; }
.al-list li a img { height: 165px; opacity: .8; transition: all .5s; width:100%;}
.al-list li a p { height: 42px; line-height: 42px; }
.al-list li a p span{ margin-right: 10px; color: #222;}
.al-list li:hover a img { opacity: 1;}
.al-list li:hover a *{color: #dc7725; text-decoration: underline;}

/*.product-Info-nav { width: 1420px; margin: 60px auto 40px;}*/
.product-List {justify-content: space-between; flex-wrap: wrap;}
.product-List .item { width:50%; flex: 1; text-align: center; line-height: 50px;}

.product-List .item .img { margin: 0 auto; width: 120px; height: 120px;}
.product-List .item.swiper-slide-thumb-active .img { border: solid 2px #e43c43;}


.productInfo { }
.productInfo .swiper-slide:nth-of-type(2n) { flex-direction: column;}
.productInfo .swiper-slide .img { width:100%;}
.productInfo .swiper-slide .img img{ width:100%;}
.productInfo .swiper-slide .info {  width:100%; background-color: #f5f5f5; margin-bottom:1rem;}
.productInfo .swiper-slide .info .box {width:95%; margin:0 auto;}
.productInfo .swiper-slide .info h2 { margin-top: 1rem; font-size: 1.2rem;}
.productInfo .swiper-slide .info .synopsis {margin-top: 0.5rem;-webkit-line-clamp:3;}
.productInfo .swiper-slide .info .details {margin-top: 0.5rem; height: 150px;overflow-y: scroll;}
.productInfo .swiper-slide .info .imgList { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; margin-top: 30px; height: 160px; overflow-y: scroll; text-align: center;}
.productInfo .swiper-slide .info .imgList .img { height: 130px;}



/*新增-联系我们*/
.clear_fix:after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}
.yk-contact-box{background: #f5f5f5; padding: 2rem 0;}
.yk-contact{}
.yk-contact-l{min-height: 300px; background: url(../images/yk-contact1.png) no-repeat center; width: 95%; margin: 0 auto;  background-size: contain; margin-bottom: 1rem;}
.yk-contact-r{ width: 100%; box-sizing: border-box; padding: 0% 2.5%;}
.yk-contact-rtit{font-size: 42px; color: #dc7725;}
.yk-contact-rdis{font-size: 18px; color: #333; margin: 30px 0;}
.yk-contact-rlist{height: auto; line-height: 60px;font-size: 18px; color: #333; border-bottom: 1px solid #ddd; position: relative;}
.yk-contact-rlist:last-child{border-bottom: none;}
.yk-contact-rlist img{vertical-align: middle;}
.yk-contact-rlist span{width: 40px; display: inline-block;}
.yk-contact-rlist span::before{content: ""; position: absolute; left: 0; bottom: -1px; width: 40px; height: 1px; background: #f5f5f5;}

.yk-contact-wechat{ margin-top: 30px; font-size: 18px; color: #333; position: relative;}
.yk-contact-wechat img{vertical-align: top; float: left;}
.yk-contact-wechat span{width: 40px; display: inline-block; float: left;}
.yk-contact-wechat b{font-weight: normal; line-height: 30px; float: left; margin-top: 25px; margin-left: 20px;}
.yk-contact-wechat em{display: block; font-style: normal; clear: both; padding-top: 1rem;}