@charset "utf-8";
/*banner*/
.xyin-banner{position: relative;}
.banner{width:100%;position:relative;overflow:hidden;z-index:0;}
.banner.swiper-container{padding: 0;}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-slide img{width: 100%;display:block;}
.banner .tip{position: absolute;width: 100%;bottom: 0;text-align: center;padding: 20px 0;height: 47px;z-index: 3;}
.banner .tip span{width: 33px;height: 7px;margin: 0 5px;display: inline-block;cursor: pointer;background: #fff;opacity: 1;border-radius: 5px;transition: all .5s;outline: none;}
.banner .tip span.swiper-pagination-bullet-active{background: #f39800;}
.banner .btn_prev,.banner .btn_next{width: 60px;height: 60px;position: absolute;top: 50%;margin-top: -30px;background: url(../images/xyin-banner-jt.png) no-repeat;background-color: rgba(0, 0, 0, 0.3);z-index: 5;opacity: 0;}
.banner .btn_prev{background-position: 0 0;left: 7.8125%;}
.banner .btn_next{background-position: -60px 0;right: 7.8125%;}
.banner:hover .btn_prev,.banner:hover .btn_next{opacity: 1;}
.banner .btn_prev:hover,.banner .btn_next:hover{background-color: rgba(0, 0, 0, 0.5);}
#pc-banner.banner .tip span:last-child{margin-right: 3%;}
#mob-banner{display: none;}
#mob-banner.banner .tip{text-align: center;padding: .1rem 0;height: auto;}
#mob-banner.banner .tip span{width: .28rem;height: .06rem;margin: 0 .05rem;}
.ny_about{width:100%}
a{color:#626262}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none}
.inbg{background: #f4f4f4;overflow: hidden;}
.section{padding: 2% 2%;margin: 3% auto;}
.white{background-color: #fff;}
/*about*/
.ban_ny{width: 100%;padding-top: 23.536%;position: relative;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: 100%;display: none;}
.ban_ny h3{position:absolute;display: block;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);color:#fff;width: 35%;text-align:center;padding:30px 20px;font-size: 46px;font-weight:bold;text-shadow: 0 3px 10px rgb(0 0 0 / 80%);letter-spacing: 3px;}
.ban_ny h3 span{font: normal 60px/60px Times New Roman, sans-serif;opacity: 0.9;display:block;}
.ban_prod{width:100%; height:350px; background:url(../images/ban_pro.jpg) no-repeat center top}
.ban_honor{width:100%; height:350px; background:url(../images/ban_honor.jpg) no-repeat center top}
.ban_cj{width:100%; height:350px; background:url(../images/ban_cj.jpg) no-repeat center top}
.ban_news{width:100%; height:350px; background:url(../images/ban_news.jpg) no-repeat center top}
.ban_ly{width:100%; height:350px; background:url(../images/ban_ly.jpg) no-repeat center top}
#side{text-align:center;position:relative;line-height: 3.3;padding: 0;}
#side ul{display: flex;width:auto;overflow:hidden;margin:0px auto;flex-wrap: wrap;justify-content: center;}
#side li{position: relative;width: 19.83%;margin: .05%;}
#side li a{display: block;color: #333;font-size: .1rem;padding: 0 .1rem;background: #cfcfcf;}
#side li.navon1 a,#side li:hover a{color: #fff;background: #f39800;}
.ny_about_ny{width:100%;font-size: 14px;line-height: 28px;text-align: justify;}
.ny_about_ny img{max-width: 100%;height: auto !important;}
.ny_about{height:auto; overflow:hidden; color:#434343}
.ny_prod{height:auto; overflow:hidden; color:#434343}
.ny_news{height:auto;color:#434343;}
.ny_dt{width:100; height:auto; overflow:hidden}
/*product*/
.ny_pro_ny{width:100%;}
.ny_pro_list{width:30.33%;float:left;margin:1.5%;background-color:#fff;border: 1px solid #f1f1f1;}
.ny_pro_list .img{display: block;width: 100%;padding-top: 75%;position: relative;overflow: hidden;background-color: #fff;}
.ny_pro_list .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;object-fit: contain;transition: all .5s;}
.ny_pro_list p{width:100%;/*显示几行*/color: #3d3d4c;font-size: 15px;line-height: 55px;text-align: center;margin: 0;background: #f1f1f1;transition: all .5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ny_pro_list:hover p{color: #fff;background: #f39800;}
.ny_pro_list:hover .img img {transform: scale(1.1);}
.ny_pro_list1{width:23%; float:left; margin:1%; background-color:#fff; box-shadow:0px 0px 5px #ccc;}
.ny_pro_list1 a img{width:100%; padding:2%; height:auto; overflow:hidden; display:block}
.ny_pro_list1 p{width:100%; text-align:center; margin:10px 0 15px 0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;/*显示几行*/overflow: hidden}
.ny_pro_list1 p a{font-size:15px; line-height:26px}
.next1{line-height:30px; font-size:14px; text-align:center; color:#626262; margin:30px 0}
.next1 a{margin:0px 2px;padding:8px 16px;border: 1px solid #e3e3e3;color:#626262;background-color:#fff}
.next1 a:hover{background-color:#f39800; color:#fff; padding:8px 16px; border:1px solid #f39800}
.next1 span{background-color:#f39800; color:#fff; padding:8px 16px; border:1px solid #f39800}
.pages button{line-height:26px;}
.pagesone{display:none;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;cursor: grab;}
.owl-carousel .owl-item:active{cursor: grabbing;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{display:none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.ny_pro_top{width:100%;height:auto;padding:2%;background-color:#f2f2f2;overflow:hidden;}
.ny_pro_top_l{width: 50%;float:left;height:auto;overflow:hidden;}
.ny_pro_top_l img{width:100%; height:auto; overflow:hidden;}
.ny_pro_top_l .owl-controls .owl-pagination{position:absolute;z-index:99;width:100%;height:28px;margin-top:-28px;text-align: center;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#0fffffff,endcolorstr=#0fffffff);background-color: rgba(0,0,0,.3);}
.ny_pro_top_l .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.ny_pro_top_l .owl-controls .owl-page span{z-index:999;display:block;width:10px;height:10px;border-radius:999px;margin:9px 3px;transition: all .5s;background: #fff;}
.ny_pro_top_l .owl-controls .owl-page:last-child{margin-right:10px}
.ny_pro_top_l .owl-controls .owl-page.active span,.ny_pro_top_l .owl-controls.clickable .owl-page:hover span{background-color: #f39800;}
.ny_pro_top_l .owl-controls .owl-buttons{position:absolute;top: 50%;margin-top: -18px;width:100%;left:0;height:0;}
.ny_pro_top_l .owl-controls .owl-buttons div{position: absolute;top: 0;left: 0;width: 26px;height: 37px;/*IE7 life-saver*/opacity: .3;background: url(../images/pro_l.png) no-repeat;transition: all .5s;}
.ny_pro_top_l .owl-controls .owl-buttons div.owl-prev{margin-left: 5%;}
.ny_pro_top_l .owl-controls .owl-buttons div.owl-next{left: auto;right: 0;margin-right: 5%;transform: rotate(180deg);}
.ny_pro_top_l .owl-controls .owl-buttons div.owl-prev:hover,.ny_pro_top_l .owl-controls .owl-buttons div.owl-next:hover{opacity: 1;}
.ny_pro_top_r{width: 45%;float:right;height:auto;overflow:hidden;}
.ny_pro_top_r h3{font-size:1.5em;font-weight:bold;color: #f39800;line-height:3em;}
.ny_pro_top_r h4{width:100%;border-top:1px dotted #dcdcdc;font-size:13px;line-height:28px;font-weight:normal;padding:15px 0;display:block;text-align: justify;}
.bdshare_b{border-top:1px dotted #dcdcdc;width:100%;padding-top: 2em;}
.ny_pro_b{width:100%; margin-top:30px;}
.ny_pro_b h4{width:100%;padding:1.2% 2%;background-color:#f39800;line-height:36px;margin-bottom: 30px;}
.ny_pro_b h4 span{width:auto; font-size:20px; font-weight:bold; color:#fff}
.ny_pro_b_nr{height:auto;padding-bottom: 2em;font-size: 14px;line-height: 28px;text-align: justify;overflow: hidden;}
.xyp{border-top:1px dotted #CCCCCC; margin:30px 0 20px 0; padding-top:15px; width:100%; height:auto; overflow:hidden}
.xyp a{color:#626262;}
.xyp a:hover{color:#f39800;}
.ny_honor_b{width:100%; margin-top:3em; height:auto; overflow:hidden}
.ny_honor_b img{width:50%; float:left; padding:1em}
/*news*/
.ny_news_ny{width:100%;overflow: hidden;}
.ny_news_ny.list{display: flex;flex-wrap: wrap;}
.ny_news_list{width: calc( 100% / 3 - 1%);margin-right: 1.5%;margin-bottom: 1.5%;background-color: #ebebeb;}
.ny_news_list:nth-child(3n){margin-right: 0;}
.ny_news_list .img{display: block;width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.ny_news_list .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;object-fit: cover;transition: all .5s;}
.ny_news_list .img:hover img{transform: scale(1.1);}
.ny_news_list .txt{width: 100%;padding: .12rem;}
.ny_news_list .txt h3{color: #303030;font-size: .1rem;line-height: .13rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;/*显示几行*/overflow: hidden;}
.ny_news_list .txt p{color: #8e8e8e;font-size: 14px;line-height: .13rem;text-align: justify;padding-top: .05rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;/*显示几行*/overflow: hidden;}
.ny_news_hot{margin-bottom: 1.5%;}
.ny_news_hot a{display: flex;flex-wrap: wrap;}
.ny_news_hot .box{width: 66.15%;}
.ny_news_hot .img{display: block;width: 100%;padding-top: 56%;position: relative;overflow: hidden;}
.ny_news_hot .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;object-fit: cover;transition: all .5s;}
.ny_news_hot .img:hover img{transform: scale(1.1);}
.ny_news_hot .txt{position: relative;width: 33.85%;padding: 4% 3.5%;background: #ebebeb;}
.ny_news_hot .txt h3{color: #303030;font-size: .12rem;line-height: .24rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ny_news_hot .txt p{color: #8e8e8e;font-size: .07rem;line-height: .125rem;text-align: justify;margin: 8% 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.ny_news_hot .txt span{display: block;color: #8e8e8e;font-size: .07rem;}
.ny_news_hot .share{margin-top: 5%;}
.ny_news_hot .share font{color: #5d5d5d;font-size: .08rem;}
.ny_news_hot .share dl{display: flex;flex-wrap: wrap;margin-top: 3%;}
.ny_news_hot .share dt{color: #666;font-size: .12rem;margin-right: .1rem;}
.ny_news_bt{width:100%; padding:1% 0; background-color:#fff; border-bottom:1px dashed #ccc; text-align:center}
.ny_news_bt h4{font-size:1.6em; font-weight:bold; color:#222; padding-bottom:.5em}
.ny_news_bt p{font-size:1.1em; color:#626262}
.ny_news_nr{padding:2em 0 0 0;font-size: 14px;line-height: 28px;text-align: justify;}
.ny_news_nr img{max-width: 100%;height: auto;}
.ny_news_nr p a{color: #f39800;text-decoration: underline;}
.news_next{border-top:1px dotted #ccc;padding: 2em 0 1em 0;}
/*feedback*/
.ny_feed_ny{width:100%; padding:3em 0; height:auto; overflow:hidden}
.ny_feed_tit{padding-bottom:10px; border-bottom:1px solid #e6e6e6; text-align:center; color:#787878; font-weight:normal; margin-bottom:30px}
.ny_feed_tit span{font-size: 24px;font-weight:bold;color:#f39800;display:block;line-height:30px;}
.ny_feed_ny form{width:60%; margin:40px auto 0 auto}
.lyb{position: relative;width:100%;margin:5px auto;}
.lyb input{width:100%;border:1px solid #e7e7e7;color:#999;height: 48px;font-size:1.1em;text-indent: 10px;}
.lyb textarea{width:100%;border:1px solid #e7e7e7;color:#999;height:100px;font-size:1.1em;text-indent: 10px;}
.lyb img{position: absolute;top: 3px;right: 3px;}
.lyb_tj{width:50%; margin:2em auto;}
.lyb_tj input{width:100%; background-color:#f39800; border:1px solid #f39800; color:#fff; height:3em; font-size:1.3em; border-radius:30px}
.ny_feed_l{width:620px; float:left}
.ny_feed_r{width:538px; float:right}
.ny_whxq dl{width:25%; padding:1em; float:left; font-size:1.1em}
.ny_whxq dl dt{width:8em; height:8em; margin:0px auto; color:#f39800; font-size:1.3em; border-radius:360px; border:1px solid #f29c21; text-align:center;}
.ny_whxq dl dt span{padding-top:40%; display:block}
.ny_whxq dl dd{margin-top:2em; line-height:1.8em; width:100%; min-height:6em}
/*history*/
#timeline{list-style: none; padding-left: 60px; border-left: 8px solid #eee9dc; font-size: 100%; font-family: "Noto Sans", sans-serif; color:#434343; margin: 0 5%;}
#timeline li{margin: 40px 0; position: relative;}
#timeline p{margin: 0 0 15px;}
.date{display:none /* top: 50%; left: -158px; font-size: 18px; font-weight:bold; line-height: 20px; position: absolute;*/}
.circle{margin-top: -10px; top: 20%; left: -100px; width: 60px; height: 60px; background: #fff; border: 5px solid #eee9dc; border-radius: 50%; display: block; position: absolute; font-size:20px; font-weight:bold; line-height:60px; text-align:center}
.content{max-height: 20px; padding: 50px 20px 0; border-color: transparent; border-width: 2px; border-style: solid; border-radius: 0.5em; position: relative;}
.content:before, .content:after{content: ""; width: 0; height: 0; border: solid transparent; position: absolute; pointer-events: none; right: 100%;}
.content:before{border-right-color: inherit; border-width: 20px; top: 50%; margin-top: -20px;}
/*.content:after{border-right-color: #48b379; border-width: 17px; top: 50%; margin-top: -17px;}*/
.content p{max-height: 0; color: transparent; text-align: justify; word-break: break-word; hyphens: auto; overflow: hidden;}
label{font-size: 1.3em; position: absolute; z-index: 100; cursor: pointer; top: 20px; transition: transform 0.2s linear; color:#222; font-weight:bold}
.radio{display: none;}
.radio:checked + .relative label{cursor: auto; transform: translateX(42px);}
.radio:checked + .relative .circle{background: #f39800; color:#fff}
.radio:checked ~ .content{max-height: 180px; border-color: #f39800; margin-right: 20px; transform: translateX(20px); transition: max-height 0.4s linear, border-color 0.5s linear, transform 0.2s linear;}
.radio:checked ~ .content p{max-height: 80px; color: #626262; transition: color 0.3s linear 0.3s; height:auto; overflow:hidden}
/* ------------------------------------- * mobile phones (vertical version only) * ------------------------------------- */
/*企业文化*/
.qywh{width:810px; float:left}
.qywh_n{width:340px; float:right; height:auto; overflow:hidden; right:0; padding:60px 100px; position:absolute; margin-top:70px; font-size:16px; line-height:40px; margin-left:-142px; z-index:99; background-color:#fff}
/*contact*/
.lxwm_l{width:50%; float:left}
.lxwm_r{width:50%; float:right; margin-top:40px}
.lxwm_r img{float:left; margin:0 1%}
#bsBox,#bsBox *,#bsPanelHolder,#bsPanelHolder *,#bsWXBox,#bsWXBox *{-webkit-box-sizing: revert;-moz-box-sizing: revert;box-sizing: revert;}
/*企业文化*/
.whlist{overflow: hidden;padding: 40px 0 0;margin: 0 auto;}
.whlist li{float: left;width: 33.3%;margin-bottom: 40px;cursor: pointer;}
.whlist li .lin{ padding: 0 30px;}
.whlist li a{display: block; position: relative;}
.whlist li a:after{ content: ''; position: absolute; left: 0; bottom:0; z-index: 2;width: 0; height: 1px; background-color: transparent;}
.whlist li .pic{ width: 100%; height:0; padding-bottom: 56.11%; position: relative; overflow: hidden; }
.whlist li .pic i{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 2;}
.whlist li .pic i.i1{ background: url('../images/wh1.png') center no-repeat;}
.whlist li .pic i.i2{ background: url('../images/wh2.png') center no-repeat;}
.whlist li .pic i.i3{ background: url('../images/wh3.png') center no-repeat;}
.whlist li .pic i.i4{ background: url('../images/wh4.png') center no-repeat;}
.whlist li .pic i.i5{ background: url('../images/wh5.png') center no-repeat;}
.whlist li .pic i.i6{ background: url('../images/wh6.png') center no-repeat;}
.whlist li img{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 1;}
.whlist li h3{font-size: 14px;line-height: 62px;text-align: center;height: 62px;color: #333;border: 1px solid #ddd;background: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.whlist li h3,.whlist li a:after{ -webkit-transition: .6s; -moz-transition: .6s;-ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.whlist li:hover h3{color: #f39800;}
.whlist li:hover a:after{width: 100%;background-color: #f39800;}
/*下载列表*/
.dowlist{padding-top: 20px;}
.dowlist li{position: relative;color: #333;font-size: 18px;line-height: 70px;padding: 20px;margin-bottom: 20px;border: 1px solid #e9e9e9;transition: all .5s;cursor: pointer;}
.dowlist li .right{position: absolute;top: 50%;right: 20px;margin-top: -20px;}
.dowlist li a{display: inline-block;height: 40px;color: #fff;font-size: 14px;line-height: 40px;text-align: center;border-radius: 5px;padding: 0 10px;background-color: #f39800;}
.dowlist li a i{font-size: 16px;line-height: 40px;margin-right: 10px;}
.dowlist li h3{font-size: 100%;display: inline-block;}
.dowlist li h3 span{color: #f39800;margin-right: 20px;transition: all .5s;}
.dowlist li:hover{color: #fff;background: #f39800;}
.dowlist li:hover h3 span{color: #fff;}
.dowlist li:hover a{color: #f39800;background-color: #fff;}
@media screen and (max-width: 990px){
.dowlist{padding-top: .1rem;}
.dowlist li{font-size: .12rem;line-height: .4rem;padding: .1rem;margin-bottom: .1rem;}
.dowlist li h3{width: 85%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dowlist li h3 span{display: none;}
.dowlist li .right{right: .1rem;margin-top: -.15rem;}
.dowlist li a{width: .3rem;height: .3rem;line-height: .3rem;padding: 0;border-radius: 50%;}
.dowlist li a i{font-size: .14rem;line-height: .3rem;margin: 0;}
.dowlist li a font{display: none;}
}