@charset "utf-8";
/* CSS Document */
._1000{width: 1000px;}
._800{width: 800px;}
._600{width: 600px;}
._400{width: 400px;}


._left{float:left;}
._right{float:right;}
.product_banner .swiper-slide{position: relative; min-height:800px;background-position: center center;  background-repeat: no-repeat; overflow: hidden; background-size:cover; display: flex; align-items: center; justify-content: center;}
.product_banner .banner_img{position: absolute;width: 100%; height: 100%; text-align: center;}
.product_banner .banner_img img{width: 100%; height: 100%;margin: 0 auto; display: inline-block; transition: transform 12s cubic-bezier(.23,1,.32,1);transform: scale(1);}
.product_banner:hover .banner_img img{transform: scale(1.1);}

.product_banner .content{width: 80%;}
.product_banner .content .text{ max-width: 80%;flex: 1;text-align: left;margin: auto auto auto 20px;}
.product_banner .content .text .red{color: #f00;}
.product_banner .content .text .org{color: #f0560e;}
.product_banner .content .text .white{color: #fff;}
.product_banner .content .text .grey{color: #878787;}
.product_banner .content .text .black{color: #333;}
.product_banner .content .text .title{  font-size:50px; letter-spacing:5px;margin-bottom:30px;font-weight:bolder;}
.product_banner .content .text .jj{  font-size: 30px; letter-spacing:15px; margin:0 0 30px 0;}
.product_banner .content .text .nr{  font-size:24px;white-space: pre-line; line-height:40px; letter-spacing:5px;}
.product_banner .content .text .h{width: 50px; height: 2px; background: #fff; margin-top: 30px;}
.product_banner .content .text ul{  font-size:24px; line-height:40px; letter-spacing:0px;padding-bottom: 30px;}
.product_banner .content .img{width: 400px; max-height: 500px; flex: 1; text-align: right;margin: auto 20px auto auto;}
.product_banner .content .img img{max-height:500px; display: inline-block;margin: auto auto 50px auto;}


.product_banner .content .button{ width: 240px; height: 70px; line-height: 70px; display: inline-block; background: #DDD; font-size: 28px; color: #298acb; cursor: pointer; border-radius: 5px; margin-top: 50px;text-align:center;}
.product_banner .content .button:hover{ background: #298acb; color: #fff;}

    .index_project .project_carousel .swiper-container{margin: 0 2rem;}

.index_news .news_left .swiper-wrapper{ height: 100%;}
.index_news .news_left .swiper-wrapper .swiper-slide img{ width: 100%; height: 100%;}
.application_case .case_right .swiper-wrapper img{height: 100%; width: 100%;}
.detail .special .swiper-wrapper .swiper-slide{text-align:center;}
.detail .special .swiper-wrapper .swiper-slide a img{display:inline;width:auto;max-width:100%;max-height:100%}

.banner .swiper-slide{position: relative; background-size:cover; background-position: center center; background-repeat: no-repeat;height: 1000px;}

.index_news .news_right li.swiper-slide-thumb-active,.index_news .news_right li:hover{ background: #999; }
.index_news .news_right li.swiper-slide-thumb-active .time,.index_news .news_right li:hover .time{ color: #fff;}
.index_news .news_right li.swiper-slide-thumb-active .content a,.index_news .news_right li:hover .content a{  color: #fff;}
.index_news .news_right li.swiper-slide-thumb-active .content p,.index_news .news_right li:hover .content p{ color: #eee; }
.index_news .news_right li.swiper-slide-thumb-active .body  > i,.index_news .news_right li:hover .body  > i{ color: #fff;}
.index_news .news_right li.swiper-slide-thumb-active .body  > a i,.index_news .news_right li:hover .body  > a i{ color: #fff;}
.index_news .news_right li.swiper-slide-thumb-active .time .day,.index_news .news_right li:hover .time .day{ color: #fff;}
.index_news .news_right li.swiper-slide-thumb-active .time .year,.index_news .news_right li:hover .time .year{ color: #eee;}

.index_project .project_carousel .swiper-slide{ background: #efeeed; text-align: center;}
.index_project .project_carousel .swiper-slide .img{ width: 100%; height: 360px; overflow: hidden; position: relative;}
.index_project .project_carousel .swiper-slide .img a{ height: 100%; display: flex; align-items: center;}
.index_project .project_carousel .swiper-slide .img a:after{ transition: 0.3s;content: '';position: absolute; left: 0;top:0; width: 100%; height: 100%; z-index: 2;}
.index_project .project_carousel .swiper-slide:hover .img a:after{background:rgba(0,0,0,0.5); }
.index_project .project_carousel .swiper-slide .img img{ width: 100%; height: 100%; transition: 0.3s;position: absolute; top:0;left: 0; z-index:1;}
.index_project .project_carousel .swiper-slide .img span{ opacity:0;padding: 20px; font-size: 20px;line-height: 30px; z-index: 3; position: relative; white-space: pre-line;  transition: 0.3s;transform: scale(1.2); color: #fff;}
.index_project .project_carousel .swiper-slide:hover .img span{ opacity: 1; transform: scale(1);}
.index_project .project_carousel .swiper-slide .img span,.index_project .project_carousel .swiper-slide .img i{ display: inline-block; vertical-align: middle;}
.index_project .project_carousel .swiper-slide .img i{ height: 100%;}
.index_project .project_carousel .swiper-slide:hover .img img{transform: scale(1.1);}
.index_project .project_carousel .swiper-slide .h{ width: 100px; height: 5px; background: #333; margin:30px auto 20px;}
.index_project .project_carousel .swiper-slide .title{ line-height: 50px; margin-bottom: 20px;}
.index_project .project_carousel .swiper-slide .title a{ color: #333; font-size: 24px;}

.case_list .case_side .swiper-slide{position: relative;display: flex; align-items: center; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.case_list .case_side .swiper-slide a{ display: flex;align-items: center;  width: 100%; height: 100%;}
.case_list .case_side .swiper-slide .content{ height:320px;  width:45%;  background:rgba(255,255,255,0.8); padding: 50px 100px;}
.case_list .case_side .swiper-slide .content .title{ font-size: 22px; color: #040000; position: relative;margin-bottom: 40px;}
.case_list .case_side .swiper-slide .content .title:after{position: absolute; left: 0; bottom: -20px; background: #000; width:60px; height:2px; content: '';}
.case_list .case_side .swiper-slide .content .text{ font-size: 18px; line-height: 30px; color: #666;}

.case_product .relation .relation_product .swiper-slide{ background: #fff; height: 100%; padding: 20px 0;}
.case_product .relation .relation_product .swiper-slide p{ text-align: center; height: 100px;}
.case_product .relation .relation_product .swiper-slide p img{max-height: 100%;}
.case_product .relation .relation_product .swiper-slide p img,.case_product .relation .relation_product .swiper-slide p i{ display: inline-block; vertical-align: middle;}
.case_product .relation .relation_product .swiper-slide p i{height: 100%;}
.case_product .relation .relation_product .swiper-slide span{ font-size: 24px; color: #666; text-align: center; display: block; margin-top:20px;}

.intro-list4 .swiper-slide { transition-duration: .3s; }
.intro-list4 .swiper-slide:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.intro-list4 .swiper-slide:hover .swiper-year {
    padding-top: 15px; }
.intro-list4 .swiper-slide:hover .swiper-detail {
    color: #444; }
.intro-list4 .swiper-slide:hover .swiper-line:before {
    background: #fff;
    border-color: #298acb; }

.intro-list9 .swiper-slide { position: relative;  transition-duration: .8s; }
.intro-list9 .swiper-slide-active {
    transform: scale(1.5);
    z-index: 2; }
.intro-list9 .swiper-slide-active .img-wrap {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
.intro-list9 .swiper-slide-active .slide-h5 {
    opacity: 1; }

.application_case .case_left .swiper-slide{ font-size: 24px;display: -webkit-flex; display: flex;align-items: center;   justify-content: space-between;border-bottom: 1px solid #eee;padding: 0 20px;}
.application_case .case_left .swiper-slide:last-child{border-bottom:none;}
.application_case .case_left .swiper-slide.swiper-slide-thumb-active{ background: #298acb; color: #fff;}
.application_case .case_left .swiper-slide i{ font-size:38px; color: #ccc;height: 32px;line-height: 32px;}

.cate_bar .special .swiper-slide{position: relative;}
.cate_bar .special .swiper-slide img{width: 100%;height: 100%;}
.cate_bar .special .swiper-slide p{position:absolute; width: 100%;left: 0; bottom: 0;line-height: 50px; background: rgba(0,0,0,0.5); text-align: center; color: #fff; font-size: 18px;}

.certificate .wrap{margin:50px auto;}

.add_form_button{ width: 240px; height: 70px; line-height: 70px; display: inline-block; background: #fff; font-size: 28px; color: #298acb; cursor: pointer; border-radius: 5px; margin-top: 50px;text-align:center; border: none;}
.add_form_button:hover{ background: #298acb; color: #fff;}
.add_form_button.blue{ background:#298acb; color: #fff;}