.banner,.mobile_banner{ position: relative;}
.banner img{ width: 100%;}
.banner .swiper-pagination{ bottom: 3%;}
.banner .swiper-pagination-bullet{ width: 20px; height: 5px; border-radius: 3px; transition:0.3s; opacity: 1; background: #fff;}
.banner .swiper-pagination-bullet-active{ width: 60px; background: #3f95d1; opacity: 1;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{ display: none;}
.banner .swiper-button-next i,.banner .swiper-button-prev i{ color: #fff; font-size: 30px;}
.banner .swiper-button-next,.banner .swiper-button-prev{ background: rgba(0,0,0,0.2); width: 50px; height: 50px; line-height: 50px; border-radius: 100%;}
.banner .swiper-button-next{ right: 5%;}
.banner .swiper-button-prev{ left:5%; }
.mobile_banner img{ width: 100%;}
.mobile_banner .swiper-pagination-bullet-active{ background: #d33f23;}
@media screen and (max-width:1200px){
    .banner .gallery-thumbs .swiper-slide span{ font-size: 12px;}
}
.tit_in{ text-align: center; position: relative; padding-bottom: 20px;}
.tit_in:after{ position: absolute; content: ''; left: 48%; bottom: 0; height: 3px; width: 4%; background: #3f95d1;}
.tit_in h2{ color: #222222; font-size: 38px; position: relative; z-index: 1;font-weight: bold !important;letter-spacing: 3px;}
.tit_in:before{ color: #ebebeb; text-transform: uppercase; content: attr(data-title); font-weight: bold; font-size: 72px; position: absolute; text-align: center; left: 0; right: 0; margin: auto; top: 0; display: block; width: 100%;}
@media screen and (max-width:1440px){
    .tit_in h2{ font-size: 36px;}
    .tit_in:before{ font-size: 60px;}
}
@media screen and (max-width:1366px){
    .tit_in h2{ font-size: 32px;}
    .tit_in:before{ font-size: 50px;}
}
@media screen and (max-width:991px){
    .tit_in h2{ font-size: 30px;}
    .tit_in:before{ font-size: 40px;}
}
@media screen and (max-width:768px){
    .tit_in h2{ font-size: 26px;}
    .tit_in:before{ font-size: 30px;}
    .row{ margin: 0;}
}

.product{padding: 0;overflow: hidden;}
.product-cate {text-align: center;background-color: #fff;}
.cate-swiper .swiper-slide>a {display: inline-block;padding: 18px 10px 10px;position: relative;}
.cate-swiper .swiper-slide>::after {content: '';width: 80px;height: 2px;background-color: #3f95d1;display: block;position: absolute;bottom: 0;left: 50%;margin-left: -40px;transition: all .6s ease;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;transform: translateY(-.5rem) scaleX(.9);opacity: 0;}
.cate-swiper .swiper-slide>:hover::after,.cate-swiper .on::after {opacity: 1;transform: translateY(0) scaleX(1);}
.cate-swiper img {height: 100px;transition: all 0.3s ease;}
.cate-swiper .on img,.cate-swiper a:hover img {opacity: 1;}
.cate-swiper span {display: inline-block;line-height: 22px;height: 22px;margin-top: 10px;color: #666;padding: 0 15px;border-radius: 7px;overflow: hidden;font-size: 16px;}
.cate-swiper .swiper-slide>:hover span,.cate-swiper .on span {font-weight: bold;color:#3f95d1;}
.product_box{background: url(../images/product-bg.jpg) repeat-y top center;}
.product-list{display: none;}
.product-list.active{display: block;}
.product_box{overflow: hidden;}
.product_box li{}
.product-list img{max-width:100%;}
@media(max-width:991px){
    .product-list .row .col-6{padding:5px !important;}
    .product-list{margin-bottom:15px;}
	.cate-swiper img{height: 70px;}
}

.cases {overflow: hidden;background: url("../images/case_bg.jpg?v=7") no-repeat top center;background-attachment: fixed;background-size:cover;}
.cases .tit_in:before{color:rgb(239,239,239,0.3);}
.cases .tit_in h2{color:#fff;}
.cases .tit_in:after{background:#fff;}
.cases-box{margin-top: 3%;}
.cases-box .cases-swiper{position:relative;overflow: hidden;}
.cases-box .cases-swiper .btn{position:absolute;height:100%;width:calc(100% / 6);top:0;z-index:2;cursor:pointer;}
.cases-box .cases-swiper .btn.prev{right:calc(100% + 30px);background:linear-gradient(270deg,rgba(255,255,255,0) 0%,#FFFFFF 100%);}
.cases-box .cases-swiper .btn.next{left:calc(100% + 30px);background:linear-gradient(90deg,rgba(255,255,255,0) 0%,#FFFFFF 100%);}
.cases-box .cases-swiper .btn.prev:hover{cursor:url(../images/cursor-prev.svg) 43 56,w-resize;}
.cases-box .cases-swiper .btn.next:hover{cursor:url(../images/cursor-next.svg) 43 56,w-resize;}
.cases-box .swiper-slide{cursor:pointer;border:2px solid #fff;}
.cases-box .swiper-slide .img img{width:100%;}
.cases-box .swiper-slide .text{height:80px;background:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 30px;}
.cases-box .swiper-slide .text p span{display:block;font-size:18px;font-family:Microsoft YaHei;line-height:24px;color:#333;}
.cases-more {margin:3% auto 0;width: 168px;text-align: center;height: 55px; line-height: 55px; background: #fff;display: block; position: relative;border-radius: 31px;}
.btn-arrow {position: absolute;top: 8px;top: 6px;left: 11px;height: 1px;width: 12px;background-color: #fff;}
.btn-text-wrapper {display:inline-block; line-height: inherit; overflow: hidden; position: relative;}
.btn-arrow:after,.btn-arrow:before {position: absolute;display: block;top: 0;right: 0;height: 1px;height: .0625rem;width: 8px;width: .5rem;content: "";background-color: #fff;transform-origin: center right;}
.cases-more:hover {background:#3f95d1; }
.cases-more .btn-arrow:after {transform: rotate(-45deg);}
.cases-more .btn-arrow:before {transform: rotate(45deg);}
.cases-more .btn-txt {transition: padding .25s;color:#333;font-size:16px;}
.cases-more:hover .btn-txt {transition: .5s;padding: 0;color: #fff !important;}
.cases-more .btn-arrow-wrapper {   width: 0;height: 12px; position: relative;overflow: hidden; transition: width .25s; display: inline-block;}
.cases-more:hover .btn-arrow-wrapper {transition: width .5s;width: 24px;}

@media (max-width: 991px){
    .cases {background-size: cover;}
    .cases-box .cases-swiper {padding-top: 3%;}
    .cases-box .swiper-slide .text{height:60px;line-height:60px;padding:0 20px;}
	.cases-more {width: 138px;height: 45px; line-height: 45px;}
}


.service {text-align:center}
.service .list{justify-content: space-between;align-items:stretch; margin-top: 3%}
.service .list .item{ position:relative;color:#666666;font-size:16px; line-height:2;}
.service .list .item:after{ position:absolute; content:''; top:20%; right:0; width:1px; height:70%; background:#e7e7e7}
.service .list .item:last-child:after{width:0px;}
.service .list .item .box{ width:70%; margin:0 auto;}
.service .list .item .icon{ display:block; margin:0 auto; background:url(../images/icon-ser.png?v=1) no-repeat; background-position:left top; width:78px; height:78px;}
.service .list .item .title{ font-size:24px; color:#282828;}
.service .list .item .cont{ padding-top:10px; padding-bottom:20px;}
.service .list .item .box:hover{ cursor:pointer;}
.service .list .item .box:hover a, .service .list .box:hover .title{ color:#3f95d1}
.service .list .item .icon-jd{ background-position:-78px 0}
.service .list .item .icon-yanf{ background-position:-156px 0}
.service .list .item .icon-team{ background-position:-234px 0}
.service .list .item .box:hover .icon-ser{background-position:0 -78px}
.service .list .item .box:hover .icon-jd{background-position:-78px -78px}
.service .list .item .box:hover .icon-yanf{background-position:-156px -78px}
.service .list .item .box:hover .icon-team{background-position:-234px -78px}



@-webkit-keyframes index-banner-bottom {
    0% {
        transform:scaleY(0) translateY(0)
    }
    20% {
        transform:scaleY(0) translateY(0)
    }
    50% {
        transform:scaleY(1) translateY(0)
    }
    80% {
        transform:scaleY(1) translateY(100%)
    }
    to {
        transform:scaleY(1) translateY(100%)
    }
}@keyframes index-banner-bottom {
    0% {
        transform:scaleY(0) translateY(0)
    }
    20% {
        transform:scaleY(0) translateY(0)
    }
    50% {
        transform:scaleY(1) translateY(0)
    }
    80% {
        transform:scaleY(1) translateY(100%)
    }
    to {
        transform:scaleY(1) translateY(100%)
    }
}
/*@media screen and (max-width: 1366px){
    .service .list{margin-top:60px}
}*/
@media screen and (max-width: 960px){
    .service .list{ margin-top:40px;}
    .service .list .item{ width:50%; margin-bottom:30px;}
    .service .list .item:nth-child(2):after{ width:0}
}
@media only screen and (max-width:640px) {  
    .service .list{ margin-top:20px;}
    .service .list .item{ margin-bottom:20px; font-size:14px;line-height:1.5;}
    .service .list .item .title{ font-size:16px; font-weight:600}
}

.about{width: 100%;background: #fff url("../images/about_bg.jpg") no-repeat left top;}
.about-box .row{flex-wrap: wrap;}
.about-box .tit_in{float: left;width: 90%;text-align: left;font-size: 42px;color: #4c4c4c;font-weight: bold;position: relative;padding-bottom: 20px;}
.about-box .tit_in:before{text-align: left;}
.about-box .tit_in:after{left: 0;}
.about-cont{float: left;width: 90%;overflow: hidden;}
.about-cont p{float: left;width: 100%;overflow: hidden;font-size: 16px;color: #666;line-height: 30px;margin-top: 34px;}
.about-img .pic {position: relative;padding-right: 40px;padding-bottom: 45px;}
.about-img .pic img {width: 100%;position: relative;z-index: 2;-webkit-transition: 0.5s;transition: 0.5s;cursor: pointer;}
.about-img .pic img:hover {-webkit-transform: scale(1.02);transform: scale(1.02);}
.about-img .pic:after {content: '';position: absolute;right: 0;bottom: 0;z-index: 1;width: 230px;height: 230px;background-color: #3f95d1;}
.about-img .pic h3 {position: absolute;right: 0;top: 0;z-index: 1;width: 40px;height: 100%;background: url('../images/about-bg.png') right 0 no-repeat;font-size: 0;}

/*.about-pic{overflow: hidden;padding-right: 20px;position: relative;}
.about-pic:before{width: 50px;height: 84%;position: absolute;content: "";right: 0px;top: 8%;background: #3f95d1;z-index: 11;}
.about-pic span,.about-pic span img{float: left;width: 100%;overflow: hidden;height: auto;position: relative;z-index: 12;transition: all 0.4s ease 0s;}
.about-pic span:hover img{transform: scale(1.05);}*/
.about-more{float: left;width: 100%;margin-top: 60px;}
.about-more em{display: block;width: 90px;height:90px;border-radius: 50px;background: #3f95d1;margin:0 auto 10px;}
.about-more em img{margin-top:20px;width: 50px;height:50px;transition:all 1s;}
.about-more a{float: left;width: 23.5%;text-align: center;margin-right:2%;}
.about-more a:last-child{margin-right:0;}
.about-more a span{font-size: 16px;color:#999;}
.about-more a:hover span{color:#3f95d1}
.about-more a:hover img{transform: rotateY(180deg);}

@media screen and (max-width:1366px){
    .about-more em{width: 80px;height:80px;}
    .about-more em img{width: 40px;height:40px;}
    .about-more a span{font-size: 16px;}
}

@media screen and (max-width:1200px){
    .about-box .tit_in:before{ font-size: 48px;}
    .about-more em{width: 70px;height:70px;}
    .about-more em img{margin-top:15px;width: 40px;height:40px;}
    .about-more a span{font-size: 16px;}
}

@media screen and (max-width:991px){
    .about-box .tit_in{text-align: center;width: 100%;}
    .about-box .tit_in:before{text-align: center;}
    .about-box .tit_in:after{left: 48%;}
    .about-cont{margin-bottom: 30px;width: 100%;}
    .about-cont p{margin-top:20px;}
    .about-more{margin-top:30px;}
}
@media screen and (max-width:767px){
    .about-box .tit_in:before{ font-size: 40px;}
    .about-cont p{font-size:15px;}
    .about-img .pic:after{width: 150px;height:150px;}
    .about-more{margin-top:20px;}
    .about-more em{width: 60px;height:60px;}
    .about-more em img{width: 30px;height:30px;}
    .about-more a span{font-size: 15px;}
}
@media screen and (max-width:640px){
    .about-img .pic{padding-right: 30px;padding-bottom: 30px}
    .about-img .pic:after{width: 100px;height:100px;}
}

.news{background: #f7f8fa;}
.news_box{ position: relative; margin-top: 3% !important;}
.news_box .swiper-container {width: 100%;height: 100%;overflow: hidden;}
.news_box .swiper-slide {text-align: left;transition:0.3s;position: relative;background: #fff;flex-direction: column;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;}
.news_box .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
.news_box .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
.news_box .swiper-slide .font{ background: #fff; width: 100%; padding: 8% 5% 10%;}
.news_box .swiper-slide .font .news_time{ color: #999999; font-size: 16px;}
.news_box .swiper-slide .font .content{ padding-top: 3%; width: 80%;}
.news_box .swiper-slide .font .content .news_title{ color: #333333; font-size: 18px; width: 100%; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; min-height: 70px; font-weight: bold;}
.news_box .swiper-slide .font .content .news_content{ color: #a7a7a7; margin-top: 3%; font-size: 16px;}
.news_box .swiper-slide .font i{ float: right; width: 40px; height: 40px; text-align: center; line-height: 35px; border: 1px solid #c8c8c8; border-radius: 100%; transition: 0.3s;}
.news_box .swiper-slide .font i svg{ width: 20px;}
.news_box .swiper-slide .font i svg path{ fill: #666; transition: 0.3s;}
.news_box .swiper-slide:hover .font i{ border: 1px solid #3f95d1; background: #3f95d1;}
.news_box .swiper-slide:hover .font i svg path{ fill: #fff;}
.news_box .swiper-slide:hover .font i{transform:rotate(-45deg);}
@media screen and (max-width:1440px){
    .news_box .swiper-slide .news_time{ font-size: 16px;}
    .news_box .swiper-slide .font .content .news_title{ font-size: 16px;}
}
@media screen and (max-width:1200px){
    .news_box .swiper-slide .font .content .news_title{ line-height: 25px;min-height: 50px; font-size: 16px;}
    .news_box .swiper-slide .font .content .news_content{ font-size: 14px;}
}
@media screen and (max-width:991px){
    .news_box .swiper-slide .font{padding:6% 5% 8%;}
    .news_box .swiper-slide .news_time{ font-size: 14px !important;}
    .news_box .swiper-slide .font .content .news_title{min-height: 25px;}
}

.feedback{overflow: hidden;}
.feedback .feedback-box{float:right;position:relative;z-index:2;padding:110px 70px 0;height:520px;background: url(https://www.jswxkt.com/static/index/images/yinhao1.png) no-repeat 70px 34px #f7f8fa;}
.feedback .feedback-box::after{ float:right; content:''; width:50px; height:40px; background:url(https://www.jswxkt.com/static/index/images/yinhao2.png) no-repeat; margin-top:-30px;}
.feedback .pic{ float:left;padding-right:0 !important;flex-wrap: wrap;align-items: center;}
.feedback .pic img{ display:block; width:100%; height:520px;}
.feedback .feedback-box p{ margin:0; font-size:20px; padding:5px 0 15px; color:#343434;}
.feedback .feedback-box td{ padding-bottom:20px;}
.feedback .feedback-box td select,
.feedback .feedback-box td .text{ border:1px solid #ededed; padding:0 10px; line-height:40px; height:40px; width:100%;}
.feedback .feedback-box td select{  color:#999; display:block !important;}
.feedback .feedback-box td textarea.text{ height:86px; float:left;}
.feedback .feedback-box td div{ position:relative;}
.feedback .feedback-box td div i{ position:absolute; right:-10px; color:#c81623; top:0; line-height:40px; font-style:normal;}
.feedback .feedback-box td label{ position:absolute; left:0; top:0; line-height:40px; padding-left:10px; color:#999;}
.feedback .feedback-box td .btn{ cursor:pointer; width:145px; height:44px; background:#3f95d1; color:#fff; border:none; font-size:16px;}
.feedback .feedback-box td .btn:hover{ background:#000;}
.feedback .tel{ text-align:center; padding-top:20px;color:#c81623;}
.feedback .tel h3{margin:0; font-size:30px;}
.feedback .tel p span{ display:inline-block; vertical-align:middle;color:#c81623;} 
.feedback .tel p::before,
.feedback .tel p::after{ display:inline-block; vertical-align:middle; content:''; width:28px; height:1px; background:#c81623; margin:0 6px;}
@media (max-width:991px){
    .feedback .pic{width: 100%;padding-left:0 !important;}
    .feedback .pic img{height: auto;}
    .feedback .feedback-box{width: 100%;}
    .feedback .feedback-box{height: auto;padding:15px 20px;background: #f7f8fa;}
    .feedback .feedback-box::after{background: none;}
    .feedback .feedback-box p{font-size: 16px;}
    .feedback .tel{padding-top:8px;}
    .feedback .tel h3{font-size: 20px;}
}

.service_box>div{flex-wrap:wrap;margin:0 -20px;}
.service_box ._item{padding:0 20px;}
.service_box ._item>div{width:100%;padding-bottom:67.88617886178862%;position:relative;}
.service_box ._item>div:before,
.service_box ._item>div:after{content:'';position:absolute;width: 100%;height: 100%;top: 0;left:0;}
.service_box ._item>div:before{background-color: rgba(0,0,0,.2);z-index:2;}
.service_box ._item>div:after{background-image:-webkit-linear-gradient(rgba(196,0,11,0) 50%,rgba(27,152,68,.6) 100%);z-index:3;opacity: 0;transition: opacity .6s ease;}
.service_box ._item ._img{position:absolute;top: 0;left:0;width: 100%;height: 100%;overflow: hidden;}
.service_box ._item ._img img{width: 100%;height: 100%;object-fit: cover;transition: transform 4s;}
.service_box ._item ._info{position:absolute;top: 40px;left: 40px;right: 40px;bottom: 40px;z-index: 5;line-height: 1;color: #fff;}
.service_box ._item ._info ._tel{margin-top: 40px;}
.service_box ._item ._info ._tel ._number{font-size:36px;margin-bottom: 10px;}
.service_box ._item ._info ._tel ._name{font-size:16px;font-weight: lighter;}
.service_box ._item ._info ._title{font-size:30px;}
.service_box ._item ._info ._type{justify-content: space-between;position:absolute;bottom:0;left:0;width: 100%;flex-wrap: wrap;}
.service_box ._item ._info ._type ._typeItem{font-size:16px;padding: 10px 0;border-bottom: 1px solid #fff;color: #fff;}
.service_box .flex {display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.service_box ._item>div:hover ._img img{transform: scale(1.1);}
.service_box ._item>div:hover:after {opacity: 1;}
@media screen and (max-width: 1440px){
    .service_box ._item ._info {top: 30px;left: 30px;right: 30px;bottom: 30px;}
    .service_box ._item ._info ._title {font-size: 28px;}
}
@media screen and (max-width:1200px){
    .service_box ._item ._info ._title {font-size: 24px;}
    .service_box ._item ._info ._tel ._number{font-size: 28px;}
}
@media screen and (max-width: 1024px){
    .service_box ._item ._info {top: 20px;left: 20px;right: 20px;bottom: 20px;}
    .service_box ._item ._info ._title {font-size: 20px;}
}
@media screen and (max-width: 768px){
    .service_box ._item {width: 100%;margin-bottom: 25px;}
    .service_box ._item>div{padding-bottom: 50.886179%;}
}
@media screen and (max-width: 767px){
    .service_box ._item ._info ._type ._typeItem {font-size: 15px;}
}