/* Banner Slider */
.single_slide_slider{}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{--swiper-navigation-color: #d6d6d6;}
.swiper-button-next.swiper-button-white:hover, .swiper-button-prev.swiper-button-white:hover{--swiper-navigation-color: #0facf3;}
.swiper-container-initialized .swiper-button-next, .swiper-container-initialized .swiper-container-rtl, .swiper-container-initialized .swiper-button-prev{padding: 10px;-webkit-border-radius: 100%; border-radius: 100%;border:1px solid #d6d6d6;}
.swiper-container-initialized .swiper-button-next:hover, .swiper-container-initialized .swiper-container-rtl:hover, .swiper-container-initialized .swiper-button-prev:hover{padding:10px;-webkit-border-radius: 100%; border-radius: 100%;border:1px solid #0facf3;}
.title{ width:90%;  color:#fff; font-size:70px; padding-top:20%; font-weight:bold; text-transform:uppercase; text-align:center; margin:auto}
.title2{ width:80%; text-align: center; color:#fff; font-size:25px; line-height:40px; margin:auto; padding-top:2%}
.about-bg{ width:100%; background:url(../images/about_bg.jpg) no-repeat center; padding:100px 0; overflow:hidden}
.aboutL{ float:left; overflow:hidden; width:40%; margin-left:5%;}
.aboutL img{ width:100%;}
.aboutR{ float:right; overflow:hidden; width:50%;}
.company{ float:left; width:100%; overflow:hidden}
.company h1{ float:left; width:100%; font-size:38px; line-height:50px;}
.company span{ float:left; width:100%; line-height:30px; font-size:18px; color:#069e37}
.company p{ float:left; width:100%; padding:20px 0; font-size:16px; line-height:40px;}
.number_box{ margin:auto; width:100%;color: #999; position: relative; z-index:2;  height:150px; overflow:hidden;}
.number_box:before,
.number_box:after{content: ""; display: table;}
.number_box:after{clear: both;}
.number_box > .number_box_table{display: table; width: 100%; height: 63px; table-layout: fixed; margin-top: 42px;}
.number_box > .number_box_table > ul{display:table-row;}
.number_box > .number_box_table > ul > li{display: table-cell; text-align: center; font-size: 14px;}
.number_box > .number_box_table > ul > li > div{position: relative; top: -10px; height: 40px;}
.number_box > .number_box_table > ul > li > div > span{font-size: 50px; color:#333333; font-weight:800;}
.number_box > .number_box_table > ul > li > div > sup{font-size: 14px; vertical-align: top; position: relative; top: -1px; color:#333333;}
.number_box > .number_box_table > ul > li > div > p{ padding-top:10px;}
.ca-m a{display: inline-block;width: 200px;height: 50px;text-align: center;line-height:50px;color: #fff;border-radius: 23px; background:#0f438c; margin-top:30px;}
.ca-m a:hover{ background:#069e37;}
.tc{text-align:center;}
/*product*/
.proTit {padding:30px 0 42px;position: relative;text-align: center;}
.proTit h3 {font-size: 35px;padding: 12px 0 0; font-weight:bold; color:#333333;}
.proTit p{ font-size:16px; text-align:center; line-height:35px; color:#757575;}
/*.nyprobox{ width:100%; overflow:hidden;}
.nyprobox li{width:18%; float: left; margin-right:2%;}
.nyprobox li .img{position:relative; width:100%;}
.nyprobox li .sname{ width:100%;position:absolute; float:left; top:0; }
.nyprobox li .sname p{font-size:30px; line-height:100px; text-align:center;background-color:rgba(255, 255, 255, 0.7); color:#2b5391; font-weight:600}
.nyprobox li .sname .cname{ float:left; width:100%;position:absolute; margin-top:50px;}
.nyprobox li .sname .cname a{ float:left; width:90%; line-height:35px; font-size:16px; color:#2b5391; padding-left:10%}
.nyprobox li .sname .cname a:hover{ color:#000}
.nyprobox li:nth-child(5n){ margin-right:0px;}
*/
.pro_list{ width:100%; overflow:hidden; margin-bottom:80px;}
.pro_list  li{width:18%; float:left;overflow:hidden; display:inline;margin-right:2%;position:relative;transition:all 0.5s; margin-bottom:1%;}
.pro_list  li img{height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.pro_list  li .imgs{ overflow:hidden; position:relative;}
.pro_list  li .imgs .sname{ width:100%;position:absolute; float:left; top:0; }
.pro_list  li .imgs .sname p{font-size:30px; line-height:100px; text-align:center;background-color:rgba(255, 255, 255, 0.7); color:#2b5391; font-weight:600}
.pro_list  li:hover .imgs img{-webkit-transform:scale(1.02, 1.02); -moz-transform:scale(1.02, 1.02); -o-transform:scale(1.02, 1.02); -ms-transform:scale(1.02, 1.02); transform:scale(1.02, 1.02);  border-radius: 5px; }
.pro_list  li .txts{font-weight: normal; color: #fff; font-size: 16px; line-height: 36px; height: 100%;overflow: hidden; transition: all 0.4s; position: absolute;
 bottom: -100%;left: 0; width: 100%; background: rgba(0, 0, 0, 0.75); text-align: center;}
.pro_list  li .txts h2{ color:#fff; font-weight:normal; font-size:30px; height:100px; line-height:100px; overflow:hidden; margin-top:1%;}
.pro_list  li .txts a{ color:#fff; display:inline-block; width:62px; margin-left:12px; margin-right:12px; font-size:16px;}
.pro_list  li:hover .txts{ bottom:0;}
/*products*/
.probg{ width:100%; background:url(/images/cp_bg.jpg) no-repeat; height:auto; overflow:hidden;}
/* 左侧展示区 */
.display-area {float:left;overflow: hidden;position: relative;min-height: 500px; width:80%; }
/* 产品内容 */
.product-content {opacity: 0; transform: translateX(-20px);transition: all 0.5s ease;position: absolute;top: 0;left: 0;width:100%;height: 100%;}
.product-content.active {opacity: 1; transform: translateX(0);z-index: 10;}
.product-image {float:left; width:75%;}
.product-image img{ width:100%}
.product-details { float:left; padding:80px 25px 0 0; width:25%; overflow:hidden;box-sizing: border-box; }
.product-title {font-size: 28px;font-weight: bold;color: #fff;margin-bottom: 15px;}
.product-description { font-size: 16px;color: #fff;margin-bottom: 20px;line-height: 1.8;}
.more-btn {background-color: #0f438c;color: white;border: none;padding: 12px 25px;border-radius: 8px;font-size: 16px; font-weight: bold;cursor: pointer; transition: background-color 0.3s ease;}
.more-btn:hover { background-color: #d6304a;}
/* 右侧导航区 */
.nav-area { float:right; width:20%;flex: 1;background-color: white;box-sizing: border-box; }
.feature-list {margin-bottom: 0;}
.feature-item {cursor: pointer;padding: 15px;transition: all 0.3s ease; border-bottom:1px solid #efefef;color: #0f0f0f; line-height:94px;font-size: 18px;font-weight: 600; }
.feature-item:hover, .feature-item.active {background-color:#0f438c; color:#fff;}
/*honor*/
.honorbg{ width:100%; background:url(/images/inry.jpg) no-repeat; height:auto; overflow:hidden; padding:60px 0}
.honorTit {padding:30px 0 42px; width:60%; overflow:hidden}
.honorTit h3 {font-size: 35px;padding: 12px 0 0; font-weight:bold; color:#333333;}
.honorTit p{ font-size:16px;line-height:35px; color:#767676;}
.honorTit span{ float:left; width:100%; padding-top:30px; font-size:20px; color:#403f3f;}
.honorbox{ width:70%; overflow:hidden; margin-top:30px;}
.honorbox ul{width:100%;}
.honorbox li{width:23%; float: left; margin-right:2%; margin-bottom: 30px;}
.honorbox li p{ width:100%; float:left; line-height:35px; text-align:center; font-size:15px;}
.honorbox li:nth-child(4n){ margin-right:0px;}
/*case*/
.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.slideGroup{ width:100%;}
.slideGroup .parHd{width:100%; float:left;}
.slideGroup .parHd ul{ width:100%}
.slideGroup .parHd ul li{ float:left;color: #fff; font-size:18px; display: block; padding:20px 0px;margin: 0px 20px; cursor:pointer; min-width:28%; text-align:center; background:#6fb92c}
.slideGroup .parHd ul li.on{ color: #fff;background:#0f438c;  }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative;   }

.slideGroup .parBd { width:100%; overflow:hidden; padding:2% 0}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;}
.slideGroup .parBd ul li { float:left;width:32%; margin-right:1%;margin-bottom:30px;cursor: pointer; background:#f8f8f8;}
.slideGroup .parBd ul li:nth-child(3n) {margin-right: 0;}
.slideGroup .parBd ul li span{ width:100%; line-height:35px;}
.slideGroup .parBd ul li .img{ padding:3%; background:#f8f8f8;}
.slideGroup .parBd ul li .img img {max-width: 100%;width: 100%;object-fit: cover;transition: transform 0.5s;}
.slideGroup .parBd ul li .line {display: block;width: 0;height:6px;background:#11428e;transition: all .5s;-webkit-transition: all .5s;}
.slideGroup .parBd ul li:hover {box-shadow: 0 2px 20px rgba(0, 0, 0, 0.19);border-bottom: 0;}
.slideGroup .parBd ul li:hover .line { width: 100%;transition: all .5s;-webkit-transition: all .5s;}
.slideGroup .parBd ul li .text { text-align:center; line-height:40px;font-size: 17px;}
/*news*/
.newslist{ width:100%; margin:auto;overflow:hidden;}
.newslist li{ float:left; width:47%; margin-bottom:30px;border-bottom:1px solid #dbd9d4; padding-bottom:15px; margin-right:3%;}
.newslist li .pic{ float:left; width:30%; overflow:hidden}
.newslist li .text{ float:right; width:68%; overflow:hidden;}
.newslist li .text p{ width:100%; line-height:30px; font-size:15px; color:#101010;}
.newslist li .text p a{ color:#333333; font-size:18px;}
.newslist li .text p a:hover{ color:#0f438c}
.newslist li .text span{ float:left; width:100%; line-height:25px; font-size:14px; color:#909090; height:75px; padding-top:15px;}
.newslist li:nth-child(2n){ float:right; margin-right:0}
/*index contact*/
.contbg{ width:100%; background:url(../images/inlx.jpg) no-repeat center; padding:100px 0; overflow:hidden; margin-top:80px;}
.conttel{ margin:auto; overflow:hidden;}
.conttel li{ float:left; line-height:40px; font-size:28px; color:#fff; width:20%;display: flex;align-items: center;}
.conttel li img{ display: inline-block; margin-right:5%}
.conttel1{ width:100%; overflow:hidden; margin-top:3%}
.conttel1 p{ text-align:center; font-size:50px; font-weight:700; color:#fff;}
.conttel1 span{ width:100%;float:left; text-align:center; font-size:18px; color:#eeebeb; padding-top:3%}
@media only screen and (max-width: 959px) {
.title{ width:98%;  font-size:20px; padding-top:20%;}
.title2{ display:none}
.swiper-container{ margin-top:50px;}
/*about*/
.about-bg{background:none; padding:0 0;}
.aboutL{display:none;}
.aboutR{float:left; width:100%; margin-top:20px;}
.company h1{font-size:25px; line-height:40px;}
.company span{line-height:25px; font-size:16px;}
.company p{padding:20px 0; font-size:15px; line-height:25px;}
.number_box{height:100px; overflow:hidden;}
.number_box > .number_box_table{display: table; width: 100%; height: 63px; table-layout: fixed; margin-top: 22px;}
.number_box > .number_box_table > ul > li > div > span{font-size: 30px; }
/*product*/
.proTit {padding:20px 0 22px;}
.proTit h3 {font-size:28px;}
.proTit p{ font-size:14px;line-height:25px; }
.pro_list{ margin-bottom:30px;}
.pro_list  li{width:100%;margin-right:0;margin-bottom:2%;}
.pro_list  li .imgs .sname{ width:100%;position:absolute; float:left; top:0; }
.pro_list  li .imgs .sname p{font-size:22px; line-height:100px;font-weight:600}
.probg{ width:100%; background:#021933;}
/* 左侧展示区 */
.display-area {min-height: 500px; width:100%; }
/* 产品内容 */
.product-image {float:left; width:100%;}
.product-image img{ width:100%}
.product-details { float:left; padding:20px 0 0 20px; width:100%;}
.product-title {font-size: 22px;}
.product-description { font-size: 15px;color: #fff;margin-bottom: 20px;line-height: 1.8;}
.shj{ display:none}
/* 右侧导航区 */
.nav-area { float:left; width:100%;}
.feature-list {margin-bottom: 0;}
.feature-item {line-height:30px;font-size: 18px;font-weight:500; }
/*honor*/
.honorbg{ background:url(/images/inry.jpg) no-repeat;padding:20px 0}
.honorTit {padding:20px 0 22px; width:100%;}
.honorTit h3 {font-size: 28px;padding: 12px 0 0;text-align:center}
.honorTit p{ font-size:16px;line-height:25px;text-align:center}
.honorTit span{ display:none}
.honorbox{ width:100%; overflow:hidden; margin-top:20px;}
.honorbox ul{width:100%;}
.honorbox li{width:48%; float: left; margin-right:2%; margin-bottom: 30px;}
.honorbox li p{ width:100%; float:left; line-height:25px; text-align:center; font-size:15px;}
.honorbox li:nth-child(2n){ margin-right:0px;}

.slideGroup .parHd ul li{ width:100%; padding:15px 0;border:1px solid #ccc; margin:0; text-align:center; margin-bottom:15px;}
.slideGroup .parHd ul li.on{ color: #fff;}
.slideGroup .parBd { width:100%; overflow:hidden; padding:2% 0}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;}
.slideGroup .parBd ul li { float:left;width:48%; margin-right:2%;margin-bottom:20px;}
.slideGroup .parBd ul li:nth-child(2n) {margin-right: 0;}
.slideGroup .parBd ul li:nth-child(3) {margin-right:2%;}
.slideGroup .parBd ul li span{ width:100%; line-height:35px;}
.slideGroup .parBd ul li .text {line-height:25px;font-size: 14px;}
 /*news*/
.newslist li{ float:left; width:100%; margin-bottom:30px; margin-right:0;}
.newslist li .pic{width:0px;}
.newslist li .pic .yue{ float:left; width:100%; font-size:20px;}
.newslist li .pic .nian{ float:left; width:100%; font-size:18px; text-align:left;}
.newslist li .text{margin-left:1px; width:auto;}
.newslist li .text p{line-height:20px; font-size:15px;}
.newslist li .text p a{ font-size:16px;}
.newslist li .text span{ float:left; width:100%; line-height:25px; font-size:14px; color:#909090; height:auto; padding-top:15px;}
.newslist li:nth-child(2n){ float:left; margin-right:0}
.hybox li .p{font-size:15px;}
.contbg{ display:none}
}