.banner_img {width: 100%;height: 100vh;object-fit: cover;min-height: 360px;}
.index_banner .swiper-slide-active .banner_img {animation: swiper_img_move 8s linear 0s infinite normal both ;-webkit-animation: swiper_img_move 8s linear 0s infinite normal both ;}
/*.index_banner .swiper-slide::after {display: block;content: '';position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;background-image: linear-gradient(125deg,rgba(0,0,0,.6),transparent);}*/
.f250 {font-size: 248px;}
.index_banner .swiper-slide .text {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.index_banner .swiper-slide .text .tit {position: absolute;left: 0;bottom: 0;z-index: 2;}
.index_banner .swiper-slide .text .DIN {letter-spacing: .1em;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(to right, rgba(255,255,255,.1),rgba(255,255,255,.5), rgba(255,255,255,.1));}
.index_banner .swiper-pagination {bottom: 3%;}
.index_banner .swiper-pagination .swiper-pagination-bullet {width: 40px;transition: all .36s;height: 4px;background: rgba(255, 255, 255, .65);opacity: 1;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;}
.index_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 60px;background: #004a9a;}
.banner_btn .right {width: 38px;height: 38px;margin-left: 90px;}
.banner_btn .right::before {width: 20%;height: 20%;border-radius: 50%;position: absolute;left: 40%;top: 40%;display: block;content: '';background: #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}
.banner_btn .right::after {width: 200%;height: 1px;position: absolute;right: 50%;top: 49%;display: block;content: '';background: rgba(255, 255, 255, .45);}
.banner_btn:hover {box-shadow: 0 0 15px rgba(255, 255, 255, .15) ;background: #004a9a;border-color: #004a9a;}
.banner_btn:hover .right {margin-left: 60px;}

.common.btn {white-space: nowrap;line-height: 60px;text-align: center;display: inline-block;perspective: 500;-webkit-perspective: 500;}
.common.btn .w {position: relative;-webkit-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;pointer-events: none;}
.common.btn .t {position: absolute;width: 100%;height: 100%;left: 0;top: -60px;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;-webkit-transform: rotateX(90deg);transform: rotateX(90deg);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.common.btn:hover .w {transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);-webkit-transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);-moz-transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);-ms-transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);-o-transform: translateY(30px) translateZ(-30px) rotate3d(1, 0, 0, -90deg);}

/*关于*/
.index_about .about_top .con{ width: 60%;}
.index_about .about_top .line{margin-left:0;}
.index_about .about_bot{ margin-top: -300px;}
.index_about .about_bot .left{ width: 63%;  background: url(http://www.bjhswc.com/static/home/images/bg1.jpg) no-repeat left bottom;  background-size: 100% 48%; padding-left: 10vw;}
.index_about .about_bot .about_img{ width: 37%; }
.index_about .about_bot .about_num{ height: 47.8%; }
.index_about .about_bot .about_num .tip{ font-size: 10px; width: 26px; height: 26px; display: inline-flex; position: absolute ; top: 0; right: -26px;}

/*产品*/
.index_product{background: #EEF2F6;}
.index_product .content::before {display: block;content: '';background: #fff;position: absolute;right: 0;bottom: 0;width: calc(100% - 5vw);height: 100%;}
.index_product .content .pro_item{width: 32%;margin-right: 2%;margin-bottom: 2%;}
.index_product .content .pro_item:nth-child(2), .index_product .content .pro_item:nth-child(5) {margin-right: 0;}
.index_product .content .pro_item:nth-child(1),.index_product .content .pro_item:nth-child(2){width: 49%;}
.index_product .content .pro_item:nth-last-child(-n+3){margin-bottom: 0;}
.index_product .content .pro_item a{background: #F8F8F8;transition: all 0.4s;-webkit-transform: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;}
.index_product .content .pro_item a:hover{box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);transition: all 0.4s;-webkit-transform: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;}
.index_product .content .pro_item .pro_more {width: 3.125rem;height: 3.125rem;line-height: 3.125rem;text-align: center;border-radius: 50%;background: #F8F8F8;display: inline-block;z-index: 2;position: absolute;bottom: 0;left: 0.125rem;background: #004a9a;}
.index_product .content .pro_item .pro_more::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: scale(0);border-radius: 50%;background: #007aff;transition: all 0.4s;-webkit-transform: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;z-index: -1;}
.index_product .content .pro_item .pro_more:hover::before {transform: scale(0.8);transition: all 0.4s;-webkit-transform: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;}
.index_product .content .pro_item .pro_more:hover .iconfont {color: #fff;}
.index_product .content .pro_item a:hover .pro_more::before{background: #007aff;transform: scale(0.8);transition: all 0.4s;-webkit-transform: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;}

/*优势*/
.index_youshi {background: url(http://www.rcyhtcl.cn/static/home/images/idxSeriesBg.jpg);background-repeat: no-repeat;background-size: cover;}
.index_youshi .content>div {width: 33.3%;} 
.index_youshi .content .youshi_item>ul:last-child {margin-bottom: 0;}
.index_youshi .content .itemul {transition: all 0.4s;}
.index_youshi .content .itemul:hover {transform: translateY(10px);}
.index_youshi .content .itemul:hover img {transform: rotateY(180deg);}
.index_youshi .content .itemul .item_icon img {transition: all 0.4s;}
.index_youshi .content .itemul:hover .item_icon::before {border-left: 25px solid transparent;border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-right: 25px solid rgb(19,74,152);}
.index_youshi .content .itemul:hover .item_icon::after {border-left: 25px solid rgb(19,74,152);border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-right: 25px solid transparent;}
.index_youshi .content .itemul .item_desc {width: 80%;text-align: right;margin-right: 20px;}
.index_youshi .content .itemleft .item_desc {text-align: left !important;margin-right: 0px;margin-left: 20px;}
.index_youshi .youshi_img::before,.youshi_img::after {content: "";background: #fff;height: 0;width: 0;z-index: 1;position: absolute;-webkit-transition-duration: 1s !important;-o-transition-duration: 1s;transition-duration: 1s !important;}
.index_youshi .youshi_img::before {right: 0;opacity: 1;top: 0;}
.index_youshi .youshi_img::after {bottom: 0;opacity: .7;left: 0;}
.index_youshi .youshi_img:hover::after,
.index_youshi .youshi_img:hover::before {height: 100%;opacity: 0;width: 100%;}
.index_youshi .youshi_img img {width: 100%;float: left;transition: all 0.4s;}

/*广告*/
.index_adv{width: 100%;background: url("http://www.czcrjd.cn/static/index/zm001/img/guangbg.jpg") no-repeat center / cover;}
.index_adv .adv_left a{display: inline-block;line-height: 50px;}
.index_adv .adv_left .afir{padding:0 5%;letter-spacing: 1px;border:1px solid #fff;border-radius: 20px 0 20px 0;margin-right: 3%;}
.index_adv .adv_left .asec{border-radius: 20px 0 20px 0;width: 160px;padding-left: 12%;background: #004a9a url(http://www.czcrjd.cn/static/index/zm001/img/case-zixun1.png) no-repeat left 21% center;}
.index_adv .adv_left .asec:hover{background: #007aff url(http://www.czcrjd.cn/static/index/zm001/img/case-zixun1.png) no-repeat left 21% center;}
.index_adv .adv_right{height: 150px;}
.index_adv .adv_right_list{float: left;height: 100%;}
.index_adv .adv_right_list:first-child{border: 2px solid #286fb9;}
.index_adv .adv_right_list img{height: 100%;}

/*案例*/
.index_app{}
.index_app .appul .img {width: 70px;height: 70px;}
.index_app .appul .img img {transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;-o-transition: all 0s;}
.index_app .appul li.on {color: #004a9a;}
.index_app .appul li.on .img img {filter: drop-shadow(100px 0 0 #004a9a);transform: translateX(-100px);-webkit-filter: drop-shadow(100px 0 0 #004a9a);}
.index_app .appSwiper .wapMax img{max-height: 550px;}

.index_news {background: #EEF2F6;}
.index_news .newsul li {width: calc((100% - 120px)/3);margin-right: 60px;}
.index_news .newsul li::after {display: block;content: '';width: 0;height: 100%;background: #fff;position: absolute;left: 0;top: 0;transition: all .36s;-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;}
.index_news .newsul li .tit {height: 3.5em;}
.index_news .newsul li:nth-child(3n) {margin-right: 0;}
.index_news .newsul .imgBox {transition: all .6s;transform: translateY(-105%);width: 100%;height: 0;padding-bottom: 55.5%;-webkit-transform: translateY(-105%);-moz-transform: translateY(-105%);-ms-transform: translateY(-105%);-o-transform: translateY(-105%);-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;}
.index_news .newsul li:hover {box-shadow: 0 0 20px rgba(0, 0, 0, .15);color: #004a9a;}
.index_news .newsul li:hover .imgBox {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);}
.index_news .newsul li:hover::after {width: 100%;}
.bigImg { width: 100%;height: 100%;object-fit: cover;}

@media screen and (max-width:1660px) {}

@media screen and (max-width:1440px) {
    .banner_btn{ padding: 10px 15px;}
    .banner_btn .right{ width: 34px; height: 34px;}
    .common.btn {  line-height:50px;   }    
    .common.btn .t {  top: -50px; 	    }
    .common.btn:hover .w { transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg); }
    .index_about .about_bot{ margin-top: -200px;}
    .index_about .about_bot .left{ padding-left: 10vw;}
    .index_product .content::before {width: calc(100% - 1.5vw);}
    .index_news .newsul li{    width: calc((100% - 100px)/3);    margin-right: 50px;}
}

@media screen and (max-width:1280px) { 
    .banner_img{ height: auto;}
    .banner_btn{ padding: 8px 15px;}
    .banner_btn .right{ width: 30px; height: 30px;}
    .index_about .about_bot .left{ padding-left: 5vw;}
    .index_news .newsul li{    width: calc((100% - 60px)/3);    margin-right: 30px;}
}

@media screen and (max-width:1100px) {
    .common.btn {  line-height:40px;   }    
    .common.btn .t {  top: -40px;}
    .common.btn:hover .w { transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); }
    .index_about .about_bot{ margin-top: -100px;}
    .index_product .content .pro_item .pro_more{width:2.625rem;height:2.625rem;line-height:2.625rem}
    .index_news .newsul li{    width: 48%;    margin-right: 4%;}
    .index_news .newsul li:nth-child(3n){ margin-right: 4%;}
    .index_news .newsul li:nth-child(2n){ margin-right: 0;}
    .index_news .newsul li:last-child{ display: none;}
}

@media screen and (max-width:900px) {
    .banner_btn{ padding: 6px 10px;}
    .banner_btn .right{ width: 26px; height: 26px; margin-left: 50px;}
    .index_adv .adv_right{height: 100px;}
    .index_news .newsul li  .imgBox{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
}

@media screen and (max-width:750px) {
    .index_about .about_top .con{ width: 100%;}
    .index_about .about_bot .left{ width: 100% ; padding: 0 20px; background-size: cover;}
    .index_about .about_bot{ margin-top: 25px;}
    .index_about .about_bot .about_img{ display: none;}
    .index_about .about_bot .about_num{ height: 100%; padding: 30px 0;}
    .index_about .about_bot .about_num .tip{ font-size: 8px; width: 16px; height: 16px; right:30px;}
    .index_about .about_bot .about_num{ flex-wrap: wrap;}
    .index_about .about_bot .about_num li{ width: 50%; text-align: center; margin: 8px 0;}
    .index_product .content .pro_item{width:100% !important;margin-right: 0 !important;margin-bottom: 10px !important;}
    .index_product .content .pro_item .pro_more{width:2.125rem;height:2.125rem;line-height:2.125rem}
    .index_product .content .pro_item .right img{width: 80%;display: block;margin: 0 auto;}
    .index_youshi .content>div {width: 100%;}
    .index_youshi .content .itemul .item_icon img {width: 70%;}
    .index_youshi .youshi_img{margin:0 auto;}
    .index_adv .adv_left a{line-height: 45px;}
    .index_adv .adv_left .asec{width: 138px;padding-left:16%;}
    .index_adv .adv_right{margin-top: 20px;height: 90px;}
    .index_adv .adv_right .w50{width: 50%;}
    .index_news .newsul li{    width: 100%;    margin-right: 0 !important;}
    .index_news .newsul li + li{ margin-top: 10px;}
}