.tabs {background: #fff;padding: 90px 0;}
.tabs .nav-tabs {margin-right: auto;margin-bottom: 2.5rem;margin-left: auto;justify-content: center;border-bottom: none;}
.tabs .nav-link {color: #555;}
.tabs .nav-link .fa {display: block;font-size: 3rem;}
.tabs .nav-link:hover {border-bottom: 0.1875rem solid #59a7fb;background-color: transparent;color: #59a7fb;}
.nav-tabs>li{width: 50%;text-align: center;}
.tabs .tab-content {width: 100%;}
.tabs .card {border: none;background: transparent;}
.tabs .card-body {padding: 1rem 0 1.25rem 0;}
.tabs .card-title {font-size: 18px;color: #262525;font-weight: bold;padding-bottom: 12px;}
.tabs .card-title1 {font-size: 18px;color: #262525;font-weight: bold;text-align: right;padding-bottom: 12px;}
.tabs .card-con{font-size: 14px;color: #737373;line-height: 24px;}
.tabs .card-con1{font-size: 14px;color: #737373;line-height: 24px;text-align: right;}
.tabs .card .card-icon {display: inline-block;line-height: 50px;width: 50px;height: 50px;border-radius: 100%;border: 1px solid #ddd;text-align: center;vertical-align: top;}
.tabs .card .card-icon .fa {color: #0f67b9;font-size: 20px;line-height: 50px;}
.tabs #tab-1 .card.left-pane .text-wrapper {display: inline-block;width: 75%;}
.tabs #tab-1 .card.left-pane .card-icon {float: left;margin-right: 1rem;}
.tabs #tab-1 img {display: block;margin: 0 auto;width: 71%;}
.tabs #tab-1 .card.right-pane .text-wrapper {display: inline-block;width: 75%;}
.tabs #tab-1 .card.right-pane .card-icon {margin-right: 1rem;}
.tabs #tab-2 img {display: block;width: 100%;}
.tabs #tab-2 .text-area {margin-top: 2.5rem;}
.tabs #tab-2 h3 {margin-bottom: 10px;font-size: 18px;color: #222;font-weight: bold;}
.tabs #tab-2 p {color: #989898;font-size: 14px;line-height: 24px;height: 69px;}
.tabs #tab-2 .icon-cards-area {margin-top: 2.5rem;}
.tabs #tab-2 .icon-cards-area .card {display: inline-block;width: 45%;margin-right: 2.5rem;vertical-align: top;}

section#about {position: relative;background: #f6f6f6;}
section#about .about-item {text-align: center;font-size: 17px;line-height: 25px;color: #999999;}
section#about .about-item i.fa {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
}
section#about .about-item h3 {color: #333;font-size: 18px;line-height: 40px;font-weight: bold;}
section#about .about-item p {color: #999;font-size: 14px;line-height: 24px;}
section#about .about-item i.bianse1 {border: 1px solid #ddd; color: #1f7dfc;}
section#about .about-item i.bianse2 {border: 1px solid #ddd; color: #9a71e9;}
section#about .about-item i.bianse3 {border: 1px solid #ddd; color: #fc9137;}
section#about .about-item i.bianse4 {border: 1px solid #ddd; color: #79e3c9;}
section#about .about-item i.bianse5 {border: 1px solid #ddd; color: #fd4d46;}
section#about .about-item i.bianse6 {border: 1px solid #ddd; color: #25e2dc;}

section#about .about-item:hover i.bianse1 {color: #ffffff;background: #1f7dfc;
    background: -webkit-linear-gradient(top, #6fb4fa, #1073fc);
    background: -o-linear-gradient(top, #6fb4fa, #1073fc);
    background: -moz-linear-gradient(top, #6fb4fa, #1073fc);
    background: linear-gradient(top, #6fb4fa, #1073fc);}
section#about .about-item:hover i.bianse2 {color: #ffffff;background: #9a71e9;
    background: -webkit-linear-gradient(top, #9a6fe8, #9696f1);
    background: -o-linear-gradient(top, #9a6fe8, #9696f1);
    background: -moz-linear-gradient(top, #9a6fe8, #9696f1);
    background: linear-gradient(top, #9a6fe8, #9696f1);}
section#about .about-item:hover i.bianse3 {color: #ffffff;background: #fc9137;
    background: -webkit-linear-gradient(top, #fcc250, #fc8435);
    background: -o-linear-gradient(top, #fcc250, #fc8435);
    background: -moz-linear-gradient(top, #fcc250, #fc8435);
    background: linear-gradient(top, #fcc250, #fc8435);}
section#about .about-item:hover i.bianse4 {color: #ffffff;background: #79e3c9;
    background: -webkit-linear-gradient(top, #a8f7d4, #72e0c8);
    background: -o-linear-gradient(top, #a8f7d4, #72e0c8);
    background: -moz-linear-gradient(top, #a8f7d4, #72e0c8);
    background: linear-gradient(top, #a8f7d4, #72e0c8);}
section#about .about-item:hover i.bianse5 {color: #ffffff;background: #fd4d46;
    background: -webkit-linear-gradient(top, #fe9f7e, #fd4b45);
    background: -o-linear-gradient(top, #fe9f7e, #fd4b45);
    background: -moz-linear-gradient(top, #fe9f7e, #fd4b45);
    background: linear-gradient(top, #fe9f7e, #fd4b45);}
section#about .about-item:hover i.bianse6 {color: #ffffff;background: #25e2dc;
    background: -webkit-linear-gradient(top, #99f1ed, #25e2dc);
    background: -o-linear-gradient(top, #99f1ed, #25e2dc);
    background: -moz-linear-gradient(top, #99f1ed, #25e2dc);
    background: linear-gradient(top, #99f1ed, #25e2dc);}
/*section#about .about-item:hover h3 {color: #0f67b9;}*/

.slider-2 {padding-top: 6.875rem;padding-bottom: 6.875rem;background-color: #2f2c3d;}
.swiper-container {position: static;width: 92%;text-align: center;}
.slider-2 .swiper-button-prev,
.slider-2 .swiper-button-next {top: 50%;width: 1.375rem;background-size: 1.375rem 2.125rem;}
.slider-2 .swiper-button-prev:focus,
.slider-2 .swiper-button-next:focus {outline: none;}
.slider-2 .swiper-button-prev {left: -0.5rem;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.slider-2 .swiper-button-next {right: -0.5rem;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.img-fluid {max-width: 100%;height: auto;}

.slider-1{padding-top: 6.875rem;padding-bottom: 6.875rem;}
.slider-1 .swiper-button-prev,
.slider-1 .swiper-button-next {top: 50%;width: 1.375rem;background-size: 1.375rem 2.125rem;}
.slider-1 .swiper-button-prev:focus,
.slider-1 .swiper-button-next:focus {outline: none;}
.slider-1 .swiper-button-prev {left: -0.5rem;}
.slider-1 .swiper-button-next {right: -0.5rem;}

section#screens .slider {margin: 50px 0;}
section#screens .slider div img {-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;padding: 10px;display: inline;}
section#screens .slider div h4 {text-align: center;margin-top: 40px;font-size: 16px;}
section#screens .slider .slick-dots li button {-webkit-border-radius: 5em;-moz-border-radius: 5em;-ms-border-radius: 5em;-o-border-radius: 5em;border-radius: 5em;}
section#screens .slick-prev,
section#screens .slick-next {width: 50px;height: 50px;top: 44%;}
section#screens .slick-slide {text-align: center;}
section#screens .slick-prev:before {content: "\f104";}
section#screens .slick-next:before {content: "\f105";}
section#screens .slick-prev:before,
section#screens .slick-next:before {font-size: 34px;-webkit-border-radius: 5em;-moz-border-radius: 5em;-ms-border-radius: 5em;-o-border-radius: 5em;border-radius: 5em;line-height: 45px;color: #CCC;border: 2px solid #CCC;width: 50px;display: inline-block;height: 50px;text-align: center;}
section#screens .filter {text-align: center;    margin-bottom: 30px;}
section#screens .filter a {display: inline-block;padding: 7px 20px;text-decoration: none;-webkit-border-radius: 5em;-moz-border-radius: 5em;-ms-border-radius: 5em;-o-border-radius: 5em;border-radius: 5em;margin: 10px 5px;text-transform: uppercase;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
section#screens header h1:after {background: #59a7fb;}
section#screens .slider div img {border: 2px solid #e5e5e5;}
section#screens .slider div h4 {color: #999999;}
section#screens .slider .slick-dots li button {background: #999999;}
section#screens .slider .slick-dots li.slick-active button {background: #59a7fb;}
section#screens .filter a {border: 2px solid #cccccc;color: #999999;font-size: 15px;}
section#screens .filter a:hover {color: #ffffff;background: #59a7fb;border-color: #59a7fb;}
section#screens .filter a.active {color: #ffffff;background: #59a7fb;border-color: #59a7fb;}

.icon-md{width:100%;height: 250px;overflow: hidden;}
.icon-md img{width: 100%;height: 250px;}
.anli-item{padding-bottom: 10px; border-bottom: .25em solid #fff;background: #fff; transition:opacity .5s;position:relative;border-top-left-radius: 6px;border-top-right-radius: 6px;overflow: hidden;}
.anli-item:hover{
    border-bottom: .25em solid #0f67b9;
    transition: all .5s;
    box-shadow:0 19px 38px rgba(0,0,0,.1),0 15px 12px transparent;
}
.anli-item h4{font-weight: 600;font-size: 18px;line-height: 48px;margin-top: 10px;}
.anli-item p{font-size: 14px;color: #777;line-height: 24px;padding: 0 10px;height: 69px;}

.anli_zhezhao{width: 100%;height: 100%;background: rgba(0,0,0,0.7);position: absolute;bottom: 0;left: 0;display: none;
}
.anli_zhezhao i{margin-top: 135px; width: 60px;height: 60px;border-radius: 100%;background: #0098ff;color: #fff;line-height: 60px;text-align: center;font-size: 26px;}
.anli_zhezhao p{color: #fff;font-size: 15px;line-height: 24px;margin-top: 10px;}

.news_list{justify-content: space-around;display: -webkit-box;
    display: -webkit-flex;
    display: flex;padding: 10px 0;
}
.news_list div {
    width: 334px;
    
}
.news_list_tit a {
    overflow: hidden;
    display: block;
    margin-bottom: 12px;
    line-height: 40px;
    padding: 14px;
    border-bottom: 1px solid #eee;
}
.news_list_tit span {
    color: #333;
}
.news_list_tit:hover span{
    color: #0f67b9;
}
.news_list_tit .fa{
    font-size: 40px;
    margin-right: 10px;
    float: left;
    line-height: 40px;
    color: #0f67b9;
}
.news_list_tit .fa-angle-right {
    float: right;
    font-size: 18px;
    color: #999;
}
.news_list_tit:hover .fa{
    color: #0f67b9;
}
.news_list p {
    line-height: 54px;
    padding: 0 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #eeeeee;
}
.news_list p a {
    font-size: 14px;
    color: #333;
}
.news_list p a:hover{
    color: #0f67b9;
}
.fa-user{padding-right: 4px;}
.fa-users{padding-right: 4px;}

.pinlin-box {width: 80%;height: 360px; justify-content: center;margin: 0 auto;}
.pinlin-box .pinlun_da div {width: 20%;}
.pinlin-box .pinlun_da {height: 50%;align-items: center;display: flex;}
.pinlin-box img {width: 78px;height: 78px;border-radius: 50%;transition: all 0.5s ease;margin: 0 auto;/*cursor: pointer;*/display: block;}
.pinlin-box img.act{width: 110px;height: 110px;}
.pinlin {height: 550px; padding:80px 50px;}
.pinlin-box p {font-size: 16px;color: #fff;text-align: center;line-height: 40px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.pinlin>img {width: 40px;height: 40px;margin-top: 178px;cursor: pointer;opacity: 0.3;display: none}
.pinlin>img:nth-of-type(2) {transform: rotate(180deg);}