
/*杞挱鍥�*/
.swiper1920 .swiper-container {  width: 100%;  height: 100%; margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1;}
.swiper1920 .swiper-slide {text-align:center;font-size:18px;background:#fff;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;}
.swiper1920 .swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:flex;transition-property:transform;box-sizing:content-box}
.swiper1920 .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper1920 .swiper-slide img{ max-width: 100%; display:block;}
/*.swiper1920 .swiper-slide.swiper-slide-active .animated{ -webkit-animation-name: bounceIn; animation-name: bounceIn;}*/

.swiper1920 .swiper-container-autoheight,.swiper1920 .swiper-container-autoheight .swiper-slide {height:auto}
.swiper1920 .swiper-container-autoheight .swiper-wrapper {align-items:flex-start;transition-property:transform,height}
.swiper1920 .swiper-container .swiper-notification {position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper1920 .swiper-pagination { bottom: 5%;  left:50%; margin-left:-85px;   position: absolute;  text-align: center;  transform: translate3d(0px, 0px, 0px); transition: all 0.3s ease 0s;  z-index: 10;}
.swiper1920 .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0.15rem;left:0;width:100%}
.swiper1920 .swiper-pagination-bullet{width:30px;height:3px;display:inline-block;background:#fff; margin-right:10px;}

.swiper1920 .swiper-pagination-bullet-active{background:#f0bc31;width:80px; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition:  all .6s ease;  -o-transition:  all .6s ease; transition: all .6s ease;}
.swiper1920 .swiper-container-vertical>.swiper-pagination-bullets {right:0.25rem;top:50%;transform:translate3d(0,-50%,0)}
.swiper1920 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 0.25rem}

.swiper1920 .swiper-slide .slide-item{background-attachment:scroll; background-size: cover; background-position: center center; background-repeat: no-repeat; width:100%; height:960px; overflow: hidden; display: block;  }

.swiper1920 .swiper-slide .slide-item .banner_img{ display: none; max-width: 100%;}
.swiper1920 .swiper-slide .slide-item .banner_text{max-width:800px; margin:400px auto 0;background:rgba(0,0,0,0.5); color: #fff; padding:20px;
 -webkit-animation-duration: 1.5s;  animation-duration: 1.5s;  -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.swiper1920 .swiper-slide/*:nth-child(even)*/.swiper-slide-active  .slide-item .banner_text{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;}
/*.swiper1920 .swiper-slide:nth-child(odd).swiper-slide-active  .slide-item .banner_text{-webkit-animation-name: bounceIn;animation-name: bounceIn;}*/

.swiper1920 .swiper-slide .slide-item .banner_text h2{ font-size:46px; font-style: italic; font-weight: bold; line-height: 60px; padding: 0; margin: 0; border-bottom: solid 1px #fff; padding-bottom: 10px; margin-bottom: 20px;  }
.swiper1920 .swiper-slide .slide-item .banner_text p{ font-size:36px; }


/*浼佹キ绨′粙*/
.about-us-bg{ width: 100%; background:#f1f1f1; overflow: hidden; padding:30px 0;}
.about-us-title{}
.about-us-title h2{ margin: 0;}
.about-us-title em{ font-style: normal; line-height: 30px;}
.about-us-bg .container .col-lg-8{padding: 0;}
.about-us-bg .container .col-lg-8 p{ margin:20px 0 0; line-height: 24px; }
.about-us-bg .container .col-lg-4{ padding: 0; text-align: center;}

/*鏈嶅嫏绡勫湇*/
.service_container{ margin-bottom: 35px;}
.service_container .col-lg-3{ margin-bottom:20px;}
.service_container .col-lg-3 .service_item{position: relative;width: 278px; height:352px; overflow: hidden; }
.service_container .col-lg-3 .service_item img{max-width: 100%;	-moz-transition: -moz-transform 0.3s ease-in-out;  -webkit-transition: -webkit-transform 0.3s ease-in-out;  transition: transform 0.3s ease-in-out;}
.service_container .col-lg-3 .service_item:hover img{ 	-ms-transform: scale(1.2);  -webkit-transform: scale(1.2);  transform: scale(1.2);}

.service_container .col-lg-3 .service_item .service_text{ position:absolute; left:0; top: 0; background:rgba(0,0,0,0.5); color:#fff;width:100%; height:100%; padding:100px 20px 20px;     -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;	-webkit-transform: scale(0.1);  -ms-transform: scale(0.1);    transform: scale(0.1);    opacity: 0;    -moz-transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.service_container .col-lg-3 .service_item:hover .service_text{ -webkit-transform: scale(1); -ms-transform: scale(1);  transform: scale(1);  opacity: 1;}
.service_container .col-lg-3 .service_item .service_text h4{ margin: 0;text-align:center;}
.service_container .col-lg-3 .service_item .service_text p{ margin-top:15px;}

/*鏂伴椈*/
.news-bg{width: 100%; background:#f1f1f1; overflow: hidden;}
.news-box{ margin-bottom:60px;}
.news-box .swiper-container {  width: 100%; height: 100%; margin:0 auto;position:relative;overflow:hidden;z-index:1;}
.news-box .swiper-slide {text-align:center;font-size:18px;background:none;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;}
.news-box .swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:flex;transition-property:transform;box-sizing:content-box}
.news-box .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;position:relative;}
.news-box .swiper-slide .news_title{width:100%;line-height:40px;height:40px;overflow:hidden;position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); text-align:left;}
.news-box .swiper-slide .news_title a{ padding-left:.4rem; color: #fff; width: 90%; display: inline-block;}
.news-box .swiper-slide img{max-width: 100%;/* width: 580px; height: 380px; */display: block;}
.news-box .swiper-container-autoheight,.swiper640 .swiper-container-autoheight .swiper-slide {height:auto}
.news-box .swiper-container-autoheight .swiper-wrapper {align-items:flex-start;transition-property:transform,height}
.news-box .swiper-container .swiper-notification {position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.news-box .swiper-pagination { bottom:10px;  left: 0; width: 100%;  position: absolute;  text-align: right; z-index: 10;}
.news-box .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0.15rem;left:0;width:100%}
.news-box .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:4rem;border-top-left-radius:0.2rem;-webkit-border-top-left-radius:0.2rem;border-top-right-radius:0.2rem;-webkit-border-top-right-radius:0.2rem; border-bottom-left-radius:0.2rem;-webkit-border-bottom-left-radius:0.2rem; border-bottom-right-radius:0.2rem;-webkit-border-bottom-right-radius:0.2rem; background:#ededed; margin-right: 0.2rem;}
.news-box .swiper-pagination .swiper-pagination-bullet-active{background:#f0bc31;}
.news-box .swiper-container-vertical>.swiper-pagination-bullets {right:0.25rem;top:50%;transform:translate3d(0,-50%,0)}
.news-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 0.25rem}

.news-text{}
.news-text li{ line-height:40px; height: 40px; overflow: hidden; padding-left: 12px; position: relative;}
.news-text li:after{ position:absolute;content:""; left: 0; top:50%; margin-top: -2.5px; width: 5px; height: 5px; border-radius: 10px; background: #666;}
.news-text li a{ font-size:16px;}
.news-text li b{ font-weight: normal; float: right;}

/*鍚堜綔澶ヤ即*/
.Cooperative{}
.Cooperative li{ float: left; width:20%;}
.Cooperative li div{ width:182px; height: 104px; border: solid 1px #ededed; margin:.5rem auto; position: relative;  -webkit-transition: all 0.6s ease-in;  -moz-transition: all 0.6s ease-in;  -ms-transition: all 0.6s ease-in;  -o-transition: all 0.6s ease-in;  transition: all 0.6s ease-in;  }
.Cooperative li div img{ max-width:100%;}

.Cooperative li:hover div{border: solid 1px #f0bc31; cursor: pointer; }
.Cooperative li div:after,.Cooperative li div:before{ content:''; display:block; position:absolute;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;border:1px solid transparent;width:0;height:0;}
.Cooperative li div:after{top:0;  left:0;
    -webkit-transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
    transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}
.Cooperative li div:before{ bottom:0; right:0;
    -webkit-transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
    transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
}
.Cooperative li:hover div:after,.Cooperative li:hover div:before{width:100%;height:100%;}
.Cooperative li:hover div:after{border-top-color:#f0bc31;  border-right-color:#f0bc31;
    -webkit-transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;
    transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;
}
.Cooperative li:hover div:before{border-bottom-color:#f0bc31; border-left-color:#f0bc31;
    -webkit-transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
    transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}


/*============================================*/
@media only screen and (max-width:1000px){
    .swiper1920 .swiper-slide .slide-item{ height: 700px; }
    .swiper1920 .swiper-slide .slide-item .banner_text{max-width:700px; margin:250px auto 0;background:rgba(0,0,0,0.5); color: #fff; padding:20px; }
    .swiper1920 .swiper-slide .slide-item .banner_text h2{ font-size:36px; font-style: italic; font-weight: bold; line-height: 60px; padding: 0; margin: 0; border-bottom: solid 1px #fff; padding-bottom: 10px; margin-bottom: 20px;  }
    .swiper1920 .swiper-slide .slide-item .banner_text p{ font-size:26px; }
    /*鏂伴椈涓績*/
    .news-box{ margin-bottom:30px;}

    /*鍚堜綔澶ヤ即*/
    .Cooperative{}
    .Cooperative li{ float: left; width:33.33%;}

}
/*============================================*/
@media only screen and (max-width:768px){
    .swiper1920 .swiper-slide .slide-item{ background-image: none!important; height: auto;}
    .swiper1920 .swiper-slide .slide-item .banner_img{ display:block; max-width: 100%;}
    .swiper1920 .swiper-slide .slide-item .banner_text{width:80%; background: rgba(0,0,0,0.5); margin:0 auto 0; color: #fff; padding:.5rem; position: absolute; left:10%; top:1.3rem; text-align:center;}
    .swiper1920 .swiper-slide .slide-item .banner_text h2{ font-size:.7rem; font-style: italic; font-weight: bold; line-height:1rem; padding: 0; margin: 0; border-bottom: solid 1px #fff; padding-bottom:.4rem; margin-bottom:.6rem;  }
    .swiper1920 .swiper-slide .slide-item .banner_text p{ font-size:.6rem; }

    /*绨′粙*/
    .about-us-bg .container .row{ margin: 0;}
    .about-us-bg .container .col-lg-8{ margin-bottom:.6rem;}

    /*妤嫏绡勫湇*/
    .title{ text-align: center; margin:1.5rem auto .8rem;}
    .title h2{ font-size:1.4rem;}

    .service_container{ margin-bottom:1rem;}
    .service_container .col-lg-3{ margin-bottom: .5rem;}
    .service_container .col-lg-3 .service_item{width:7.4rem; height:9.4rem; overflow: hidden; }
    .service_container .col-lg-3 .service_item .service_text{ padding:20% .5rem 0;}

    /*鏂伴椈涓績*/
    .news-box{ margin-bottom:.8rem;}

    /*鍚堜綔澶ヤ即*/
    .Cooperative{}
    .Cooperative li{ float: left; width:50%;}
}

@media only screen and (max-width:480px){
    .service_container .col-lg-3 .service_item .service_text{ padding:30% .5rem 0;}
}