@charset "utf-8";
.ny_about{width:100%}
a{color:#626262}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none}
.n_title{width:100%; height: auto; overflow:hidden; font-size:15px; line-height:26px; padding:25px 0px 5px 0px; display:block; color:#787878; /*border-bottom:1px solid #f2f2f2*/}
.n_title a{color:#787878}
/*about*/
.ban_ny{position: relative;width:100%;height:auto;overflow:hidden;}
.ban_ny img{width:100%; height:auto; overflow:hidden}
.ban_ny h3{position:absolute;top: 50%;margin-top: -83px;background:rgba(0,0,0,0.4);color:#fff;width:40%;margin-left:30%;text-align:center;padding:30px 20px;font-size:26px;line-height:46px;font-weight:bold;}
.ban_ny h3 span{font:normal 56px/60px Georgia, "Times New Roman", Times, serif; opacity:0.9; display:block}
@media (max-width:1001px){.ban_ny h3{width:45%;margin-left:30%;padding:20px;margin-top: -68px;}.ban_ny h3 span{font:normal 50px/50px Georgia, "Times New Roman", Times, serif;}}
@media (max-width:768px){.ban_ny h3{width:50%;margin-left:30%;padding:15px;margin-top: -61px;}.ban_ny h3 span{font:normal 46px/46px Georgia, "Times New Roman", Times, serif;}}
@media (max-width:640px){.ban_ny h3{width:55%;margin-left:25%;padding:10px;margin-top: -45px;font-size:20px;line-height:30px;}.ban_ny h3 span{font:normal 38px/40px Georgia, "Times New Roman", Times, serif;}}
@media (max-width:480px){.ban_ny h3{font-size:20px;line-height:26px;margin-top: -23px;}.ban_ny h3 span{font:normal 28px/28px Georgia, "Times New Roman", Times, serif;; display:none}}
.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}
@media (max-width:980px){.n_title{width:100%}}
#side{width:100%;margin:0px auto;text-align:center;padding:15px 0;background-color:#fff;box-shadow:0px 20px 20px -20px #666;z-index:999;position:relative;}
#side ul{text-align:center; display:inline-block; width:auto; overflow:hidden; margin:0px auto;}
#side li{float:left;line-height:30px;font-weight:400;width:auto;margin:5px 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;course:hand;border-bottom: 2px solid #108dee;}

@media (max-width:980px){#side li{width: 29%;font-size: 10px;float: left;border-bottom: 1px solid #288fc7;/* display: inline-block; */}}

#side li a{text-align:center;font-size:16px;width:auto;padding:5px;line-height:30px;padding:5px 15px 5px 15px;}
#side li a:hover{color: #108dee;}
.navon1 a{color:#01848b;}
.ny_about_ny{width:100%;padding: 2em 0;font-size: 14px;line-height: 28px;text-align: justify;}
.ny_about_ny h1{ font-size:28px;  text-align:center}
.ny_about_ny img{max-width:100%;height:auto;}
.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}
@media (max-width:640px){.ny_about_ny{padding: 0;}.ny_about_ny img{width:100%; float:none;}}
/*product*/
.ny_pro_ny{width:100%; padding:30px 0;}
.ny_pro_list{width:30.33%; float:left; margin:1.5%; background-color:#fff; box-shadow:0px 0px 8px #ccc;}
.ny_pro_list .img{display: block;width: 100%;padding-top: 76%;position: relative;overflow: hidden;}
.ny_pro_list .img img{width: 100%;height: 100%;padding: 2%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;}
.ny_pro_list 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_list p a{font-size:15px; line-height:26px}
.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 #ccc; color:#626262; background-color:#fff}
.next1 a:hover{background-color:#009fa8; color:#fff; padding:8px 16px; border:1px solid #009fa8}
.next1 span{background-color:#009fa8; color:#fff; padding:8px 16px; border:1px solid #009fa8}
.pages button{line-height:26px;}
.pagesone{display:none;}
@media (max-width:1199px){.ny_pro_list{width:30.3%; float:left; margin:20px 1.5%;}.ny_pro_list1{width:30.3%; float:left; margin:20px 1.5%;}}
@media (max-width:768px){.ny_pro_list{width:47%; float:left; margin:20px 1.5%;}.ny_pro_list1{width:47%; float:left; margin:20px 1.5%;}}
@media (max-width:768px){.next1{line-height:30px; font-size:14px; text-align:center; color:#626262; margin:30px 0}
.next1 a{margin:2px 1px; padding:0px 8px; border:1px solid #ccc; color:#626262; background-color:#fff; display:inline-block}
.next1 a:hover{background-color:#009fa8; color:#fff; padding:0px 8px; border:1px solid #009fa8}
.next1 span{background-color:#009fa8; color:#fff; padding:0px 8px; border:1px solid #009fa8; display:inline-block}
.pages button{line-height:30px;}
.pagesone{display:none;}}
@media (max-width:380px){.ny_pro_list{width:97%; float:left; margin:20px 1.5%;}.ny_pro_list1{width:97%; float:left; margin:20px 1.5%;}}
@media (max-width:767px){.ny_pro_ny{padding:5px 0;}}
.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; /*box-shadow:0px 2px 10px #b3b3b3;*/ overflow:hidden}
.ny_pro_top_l{width: 50%;float:left;height:auto;overflow:hidden;}
.ny_pro_top_l img{width:100%;height: 450px;overflow:hidden;object-fit: cover;padding: 5px;border: 1px solid #999;}

@media (max-width:768px){.ny_pro_top_l img{ height: auto; } }

.ny_pro_top_l .owl-controls{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;-webkit-transition:all .3s ease;transition:all .3s ease;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: #009fa8}
.ny_pro_top_r{width: 45%;float:right;height:auto;overflow:hidden;}
.ny_pro_top_r h1{font-size:1.5em;font-weight:bold;color: #108dee;line-height: 1.5em;}
.ny_pro_top_r h3{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: 1em;}
.ny_pro_b{width:100%; margin-top:30px;}


.ny_pro_b h4{width:100%;padding: 1% 1%;background-color:#1858af;line-height: 30px;margin-bottom: 5px;}
.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; padding-left:20px; padding-right:20px;}

@media (max-width:1280px){.ny_pro_b_nr{ padding-left:0; padding-right:0;}}

.ny_pro_b_nr img{max-width:45%; height:600px; object-fit:cover; margin:5px; border:1px solid #999999; padding:5px;}
@media (max-width:768px){.ny_pro_b_nr img{max-width:100%;height:auto !important;}}

.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:#01848b;}
@media (max-width:640px){.ny_pro_top_l{width: 100%;float:none;}.ny_pro_top_r{width:98%; padding:1%; float:none}}
.ny_honor_b{width:100%; margin-top:3em; height:auto; overflow:hidden}
.ny_honor_b img{width:50%; float:left; padding:1em}
@media (max-width:640px){.ny_pro_b img{width: 98%;height:auto;}.ny_honor_b img{width:100%; height:auto}}
/*news*/
.ny_news_ny{width:100%; padding:20px 0;}
.ny_news_list{width:47%; float:left; padding:1.5%; height:auto; overflow:hidden; background-color:#fff; box-shadow:0px 2px 10px #b3b3b3; margin:1.5%}
.n_news_l{width:35%; float:left}
.n_news_l .img{display: block;width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.n_news_l .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;}.n_news_r{width:62%; float:right;}
.n_news_r h3{font-size:16px;line-height: 26px;font-weight:normal;color:#222;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;/*显示几行*/overflow: hidden;}
.n_news_r span{padding-top:5px;display:block;font-size:13px;line-height: 26px;font-family:Arial, Helvetica, sans-serif;color:#787878;}
.n_news_r p{padding-top: 5px;color:#626262;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;/*显示几行*/overflow: hidden;}
.ny_news_bt{width:100%; padding:1% 0; background-color:#fff; border-bottom:1px dashed #ccc; text-align:center}
.ny_news_bt h1{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 !important;}
.news_next{border-top:1px dotted #ccc;padding: 2em 0 1em 0;}
.ny_video_list{width:25%; float: left; padding:1em} .ny_video_list a img{width:100%; height:auto; overflow:hidden}
.ny_video_list p{width:100%; text-align:center; padding-top:.6em}
.ny_video_list p a{font-size:1.2em; line-height:2em}
@media (max-width:1199px){.ny_news_list{width:47%; padding:1.5%; margin:1.5%}.n_news_r p{padding-top:10px;}.ny_news_ny{padding:20px 0;}.ny_video_list{width:50%; padding:.5em;}}@media (max-width:991px){.n_news_l{width:40%; float:left}.n_news_r{width:57%; float:right;}.n_news_r span{padding-top:0;}}
@media (max-width:768px){.n_news_l{width:100%; float:none}.n_news_r{width:100%; float:none;}}@media (max-width:480px){.ny_news_list{width:97%; float:none; padding:4%; margin:0 1.5% 25px 1.5%}.n_news_r h3{margin-top:15px}.n_news_r span{padding-top:5px;}}
/*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:#01848b;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:#01848b; border:1px solid #01848b; 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}
@media (max-width:1199px){.ny_feed_ny form{width:70%; margin:30px auto 0 auto}.ny_feed_l{width:50%; float:left}
.ny_feed_r{width:47%; float:right}
.ny_feed_r img{width:100%; height:auto; overflow:hidden}}
@media (max-width:991px){.ny_feed_ny form{width:80%;}
.ny_feed_l{width:45%; float:left}
.ny_feed_r{width:52%; float:right}}
@media (max-width:768px){
.ny_feed_l{width:99%; float:none}
.ny_feed_r{display:none}}
@media (max-width:640px){.ny_feed_ny form{width:100%;}.ny_news_ny{padding:15px 0;}
.lyb{width:100%;}
.lyb_tj{width:50%;}}@media (max-width:320px){.lyb_tj{width:100%;}}
.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:#01848b; 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}
@media (max-width:640px){.ny_whxq dl{width:50%; padding:1em; float:left; font-size:1em}
.ny_whxq dl dt{width:7em; height:7em;}
.ny_whxq dl dd{min-height:8em}}
@media (max-width:320px){.ny_whxq dl{width:100%;}}/*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: #01848b; color:#fff}
.radio:checked ~ .content{max-height: 180px; border-color: #01848b; 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) * ------------------------------------- */
@media screen and (max-width: 767px){#timeline{margin-left: 0; padding-left: 0; border-left: none;} #timeline li{margin: 70px 0;} label{width: 75%; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; transform: translateX(18px);font-weight:bold} .content{padding-top: 45px; border-color: #eee9dc;} .content:before, .content:after{border: solid transparent; bottom: 100%;} .content:before{border-bottom-color: inherit; border-width: 17px; top: -16px; left: 50px; margin-left: -17px;} /* .content:after{border-bottom-color: #48b379; border-width: 20px; top: -20px; left: 50px; margin-left: -20px;}*/ .content p{font-size: 0.9em; line-height: 1.4;} .circle{display: none;} .date{display:block; top: -60px; left: 25px; font-size: 20px; font-weight:bold; font-weight: bold; line-height: 40px; position: absolute;}
.radio:checked ~ .content{margin-right: 0px; transform: translateX(0px);}
.radio:checked + .relative label{transform: translateX(20px);}}/*企业文化*/.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}
@media screen and (max-width: 1199px){.qywh_n{right:0; padding:60px 80px;}}
@media screen and (max-width: 991px){.qywh_n{width:320px; padding:40px 80px; margin-top:40px;}.qywh{float:left; width:70%; float:left}.qywh img{width:100%}}
@media screen and (max-width: 768px){.qywh{width:100%; float:none}.qywh_n{width:84%; padding:8%; position:inherit}.gsjj img{width:100%; margin:0 0 20px 0; float:none}}
/*contact*/
.lxwm_l{width:50%; float:left}
.lxwm_r{width:50%; float:right; margin-top:40px}
.lxwm_r img{float:left; margin:0 1%}
@media screen and (max-width: 1024px){.lxwm_l{width:45%;}
.lxwm_r{width:50%; margin-top:80px}
.lxwm_r img{width:48%; height:auto; overflow:hidden; margin:0 1%}}
@media screen and (max-width: 640px){.lxwm_l{width:100%; float:none}
.lxwm_r{width:100%; float:none; margin-top:20px}
.lxwm_r img{width:48%; height:auto; overflow:hidden; margin:0 1%}}
/*分页*/
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess a, .pagess e, .pagess span { border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999; width:60px;}
.pagess a:hover,.pagess e:hover, .pagess span{ background:#ccc; color:#fff;border: 1px solid #ccc;color:#fff;}


.aboutimg{ margin:30px; width:380px;}
@media (max-width:640px){.aboutimg{ margin:0px;}}
.mn{ display:none;}
@media (max-width: 1280px){.mn{ display:none;}}
@media (max-width: 991px){.mn{ display:block;}}