@charset "UTF-8";
/* 分页 */
.page{ margin: 100px 0;text-align: right;}
.page-center{text-align: center;}
.page a{ display: inline-block;padding: 5px 10px;font-size: 16px;color: #666;}
.page a.on,
.page a:hover{ background: #eee;color: #98773c;}



/*首页*/
.s1{ text-align: center;}
.s1 img{ margin:100px auto;display: block;}

.s2 img{ width: 100%;height: 100%;}
.s2 .swiper-container{ padding: 50px 0 60px;margin-bottom: 80px;}
.s2 .swiper-pagination-bullet{ width: 15px;height: 3px;border-radius:3px;background: #9fa0a0;}
.s2 .swiper-pagination-bullet-active { background: #333;}

.s3 .other_main{ margin-bottom: 80px;}
.s3 .scale-img{ display: block;width: 320px;height: 262px;}

.s4{ position: relative;}
.s4 .bg-abs{position: absolute;width: 100%;height: 130px;background: #F2F2F2;z-index: 1;}
.s4 .case-bg{ background: url(../upload/bg-case.jpg) center no-repeat;background-size: cover;height: 220px;}
.s4 .case-bg .t1{ font-size: 28px;line-height: 40px;padding-top: 70px;color: #fff;text-indent: -100px}
.s4 .swiper-container{ padding: 0 0 60px;margin-bottom: 80px;}
.s4 .swiper-pagination-bullet{ width: 15px;height: 3px;border-radius:3px;background: #9fa0a0;}
.s4 .swiper-pagination-bullet-active { background: #333;}
.s4 .swiper-slide{ border:1px solid #E6E6E6; box-sizing: border-box}
.s4 .scale-img{ display: block;width: 318px;height: 260px;}
.s4 .info{ padding: 30px 10px 40px;}
.s4 .line{ width: 65px;height: 2px;background: #ccc;margin-bottom: 2px;}
.s4 .t1{ color: #a1a1a1;font-size: 12px;margin-bottom:20px;line-height: 16px;}
.s4 .t2{ color: #566892;font-size: 14px;margin-bottom:20px;display: block}
.s4 .t3{ color: #a1a1a1;font-size: 12px;}
.s4 .t2:hover{ color: #007aff;}


.s5{ overflow: hidden;padding-bottom: 80px}
.s5 .news-l{ float: left; }
.s5 .news-r{  float: left;width: 660px;}
.s5 .item { float: left;width: 50%;box-sizing: border-box;padding-left: 40px;}
.s5 .item .brd-t{ border-top:1px solid #ccc;margin-bottom: 40px;}
.s5 .item .l{ float: left;width: 100px;padding-left: 20px;color: #566892;font-size: 16px;}
.s5 .item .r{ float: left;width: 150px;}
.s5 .item .t1{ height: 350px;font-size: 12px;line-height: 1.7;text-align: justify}

.s6{ overflow: hidden;padding: 80px 0;}
.s6 .l{ float: left;width: 50%;line-height: 1.5;}
.s6 .r{ float: left;padding-left: 50px;}
.s6 .t1{ font-size: 20px;margin-bottom: 40px;color: #333;font-weight: 700;}
.s6 .t2{ font-size: 16px;color: #566892;margin-bottom: 20px;font-weight: 700;}
.s6 .t3{ font-size: 14px;color: #333;margin-bottom: 4px;font-weight: 700;}
.s6 .t4{ font-size: 14px;margin-bottom: 20px}
.s6 .t5{ font-size: 14px;color: #566892;font-weight: 700;}


/*关于我们*/
.sm-banner{ background: center no-repeat;background-size: cover;height: 354px;}
.case-s1{ margin: 80px auto 120px;}
.case-s1 .case-tit p{ text-align: center;color: #566892;font-weight: 700;line-height: 1.7;}
.case-s1 .swiper-container{ margin: 80px 0;}
.case-s1 .swiper-pagination{ display: flex;bottom:4px;}
.case-s1 .swiper-pagination-bullet{ flex: 1;width: auto;height: auto;border:0;background: transparent;color:#A1A1A1;opacity: 1;transition:all 0.1s;line-height: 16px;}
.case-s1 .swiper-pagination-bullet-active{ color: #566892;font-size: 18px;}
.case-s1 .swiper-button-next{ top: auto;bottom: 12px;right: 0;background-image: url(../img/ar-r.png);background-size: 14px auto;}
.case-s1 .swiper-button-prev{ top: auto;bottom: 12px;left: 0;background-image: url(../img/ar-l.png);background-size: 14px auto;}
.case-s1 .swiper-history{ position: absolute;left: 40px;right: 40px;bottom:30px;background: url(../img/time-line.png) center no-repeat;background-size: 95%;height: 10px;}
.case-s1 .swiper-container .img{ position: absolute;left: 0;top: 0;width: 265px;margin-right: 30px;z-index: 10;}

.case-item {padding-bottom: 120px;overflow: hidden;}
.case-item .info{ margin-left: 295px;width: 674px;height: 265px;border-top: 2px solid #808080;padding-top: 6px;position: relative;}
.case-item .time{ color: #566892;margin-bottom: 20px;}
.case-item .des{ text-align: justify;line-height: 1.7;}
.case-item .icon-case{ position: absolute;right: 0;bottom: 0;width: 400px;}

.zs-box{}
.zs-box .icon-tit{ margin: 80px 0 50px;padding-bottom: 20px;border-bottom: 2px solid #E6E6E6;text-align: center;}
.zs-box .icon-tit img{ width: 40px;margin: 0 auto 10px;}
.zs-box .icon-tit .t{ font-size: 16px;color: #474443;}
.zs-list{ overflow: hidden;}
.zs-list .item{ height: 200px;float:left;width: 25%;margin-bottom: 30px;}
.zs-list img{  width: auto;max-height: 100%;max-width: 90%;margin: 0 auto;display: block;cursor: pointer;}
.zs-list .mih{ height: 150px;}
.zs-list{}


/*产品中心*/
.product_box{ overflow: hidden;}
.product_box .pro-filter{ margin: 80px 0 40px;background: #F2F2F2;height: 44px;line-height: 44px;padding-left: 30px;}
.product_box .pro-filter a{ font-size: 16px;padding: 0 15px;position: relative;color: #333;}
.product_box .pro-filter a::after{ content: " "; position: absolute;right: 0;top: 3px;bottom: 3px;width: 1px;background: #333;}
.product_box .pro-filter a:hover,
.product_box .pro-filter a.on{ color: #566892;}
.product_box .pro-filter a:last-child::after{display: none;}
.product_box .pro-list{ overflow: hidden;margin:0 -5px;}
.product_box .pro-list .item{ float: left;box-sizing: border-box;width: 33.333%;padding:0 5px;margin-bottom: 50px;}
.product_box .pro-list .scale-img{border:1px solid #E6E6E6; cursor: pointer;}
.product_box .pro-list .name{ font-size: 16px;text-align: left;color: #333;margin-top: 10px;}
.product_box .pro-list .des{ font-size: 14px;text-align: left;color: #333;margin-top: 4px;}
.product_box .pro-list .params{ display: none;}

.case-list .pro-list .scale-img{border:none; cursor: pointer;}
.case-list .pro-list .brd{ border: 1px solid #E6E6E6;}

    /*项目案例*/
.case-detail{ position: relative;}
.case-detail .bg-abs{position: absolute;width: 100%;height: 350px;background: #F2F2F2;z-index: 1;}
.case-detail .scale-img{ display: block;width: 100%;}
.case-detail .info{ padding: 30px 0 40px;}
.case-detail .line{ width: 65px;height: 2px;background: #ccc;margin-bottom: 2px;}
.case-detail .t1{ color: #a1a1a1;font-size: 12px;margin-bottom:20px;line-height: 16px;}
.case-detail .t2{ color: #566892;font-size: 14px;margin-bottom:20px;display: block}
.case-detail .t3{ color: #444;font-size: 12px;line-height: 1.7;}
.case-detail .t3 p{ margin: 10px 0 ;color: #444;font-size: 12px;}
.case-detail .t3 img{ display: block;margin: 20px auto;max-width: 100%;}
.case-detail .other_main{ position: relative;z-index: 10;padding-top: 150px;}

/*大图弹窗*/
.product_modal { position: fixed; width: 980px; padding-bottom: 70px; z-index: 100000; left: 50%; top: 50%; margin: -250px 0 0 -490px; background: #fff; border: 1px solid #ddd; box-shadow: 1px 1px 2px #aaa; }
.product_modal .c { position: absolute; width: 30px; height: 30px; right: 0; top: 0; font-size: 20px; font-style: normal; text-align: center; cursor: pointer; z-index: 2; }
.product_modal h2 { position: relative; line-height: 30px; font-size: 16px; padding-left: 10px; }
.product_modal .img { padding: 10px 10px 0; text-align: center; }
.product_modal .img img { width: 400px; height: 400px;}
.product_modal p { padding: 2px 10px 0; text-align: center; }
.product_modal .params-list{ overflow: hidden;}
.product_modal .params-list li{ float: left;width: 350px;margin-left: 100px;border-bottom: 1px solid #5F5D5D;line-height: 2;}
.product_modal .params-list .params-name{display: inline-block;width: 60px;color: #333;}
.product_modal .params-list .params-val{}
.product_modal .params-list{}
.mask{ position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;background: rgba(255,255,255,0.5);}


/*about*/
.about-box{ padding: 70px 0;}
.about-box .gs-name{ font-size: 20px;padding-left: 45px; color:#98773c; border-bottom: 1px solid #efefef;line-height: 2;}
.about-box .line{ height: 20px;margin:5px 0;background: #c1c1c1;width: 100%;}

.about-box .fgs-list{ padding: 30px 0 35px;overflow: hidden;border-bottom: 1px solid #efefef;}
.about-box .fgs-list.no-brd{ border: none;}
.about-box .fgs-list .item{
    line-height: 1.7;float: left;width: 33.33%;box-sizing: border-box;padding-left: 45px;}
.about-box .fgs-list .t1{ font-size: 16px;}
.about-box .fgs-list .t2{ font-size: 12px;}
.about-box .fgs-list .t2 p{ font-size: 12px;}