html,
body {
    font-family: "Microsoft YaHei";
    overflow-x: hidden;
    background-color: rgba(243, 243, 243, 100) !important;
}

.tab_box{
    width: 1200px;
    margin: 50px auto;
}
.tab_box ul, .tab_box ol{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.tab_box ul{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 30px;
}
.tab_box ul li{
    width: 130px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 24px;
    border: 1px solid #0090ff;
    color: #0090ff;
    margin-right: 30px;
}
.tab_box ul li.active{
    background-color: rgb(77,140,221);
    color: #fff;
}
.tab_box ol{
    width: 271px;
    margin-top: 50px;
}
.tab_box ol li a img{
    width: 271px;
}
.tab_box ol li{
    display:none;
}
.tab_box_flex{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.tab_box_flex div{
    margin-right: 30px;
}
.tab_box_name{
    text-align: center;
    color: #666;
    font-size: 20px;
    padding-top: 40px;
}
.tab_box ol li.active{
    display:block;
}
.tab_box{
    cursor: pointer;
}

a {
    color: #666;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.navbar {
    /*background-color: #20429B;*/
    /*color: #fff !important;*/
    /*opacity: 0.9;*/
    padding-bottom:0px;
    padding-top:0px;
}

.nav-item {
    padding: 0 15px;
    box-sizing: border-box;
}

.navbar-light .navbar-nav .nav-link {
    /*color: #fff !important;*/
    line-height: 51px;
}

#navs .nav-link {
    color: #fff;
    font-weight: 700;
}

#navs .navbar-nav .nav-item {
    border-bottom: 2px solid transparent;
}

#navs .navbar-nav .nav-item:hover {
    border-bottom: 2px solid #fff;
    transition: all 1s linear;
    
}

#navs .navbar-nav .nav-item:hover a {
    color: #fff;
    transition: all 1s linear;
}


/* 杞挱鍥惧紑濮� */

#carousel {
    margin-top: -65px;
}

.carousel-inner {
    height: 640px;
}

.carousel-inner img {
    height: 640px;
}

#carousel .carousel-caption {
    bottom: 22%;
}

#carousel .carousel-caption h3 {
    font-size: 48px;
    font-family: "Microsoft YaHei";
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    letter-spacing: 2px;
}

#carousel .carousel-caption .youzhi {
    font-size: 24px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    max-width: 675px;
    margin: 0 auto;
    margin-top: 40px;
}

#carousel .carousel-caption .dingzhi {
    font-size: 24px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    max-width: 675px;
    margin: 0 auto;
    margin-top: 10px;
}

#carousel .carousel-caption p span {
    color: #ffa800;
}

#carousel .carousel-caption .anniu {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

#carousel .carousel-caption .anniu div {
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 15px;
    cursor: pointer;
}

#carousel .carousel-caption .anniu .ding {
    margin-right: 40px;
    background-color: #ffffff;
    color: #3375f5;
}

#carousel .carousel-caption .anniu .yuan {
    border: 1px solid #eee;
}

#carousel .carousel-caption h4 {
    font-size: 30px;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    line-height: 48px;
    margin-top: 40px;
    opacity: 0.5;
}


/* 杞挱鍥� 缁撴潫 */


/*  瀹氬埗寮€鍙戞湇鍔″紑濮�*/

#serve {
    padding-top: 59px;
    font-family: "Microsoft YaHei";
    /* background-color: #fff; */
    padding-bottom: 60px;
}

#serve .bgimg {
    /*background-image: url('../imgs/bgimg.png');*/
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 160px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    background-size: cover;

}

#serve .bgimg img {
    width: 66px;
}

#serve h3 {
    font-size: 28px;
    font-family: "Microsoft YaHei";
    color: #333;
    font-weight: 700;
    text-align: center;
    color: #111111;
}

#serve h3 p {
    width: 80px;
    height: 4px;
    background-color: #0090ff;
    margin: 0 auto;
    margin-top: 10px;
}

#serve .zishen {
    font-size: 18px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    text-align: center;
    color: #666666;
    margin-top: 10px;
}

#serve .card {
    height: 400px;
    width: 250px;
    overflow: hidden;
    border: 1px solid #d2d2d2;
}

#serve .card:hover {
    border: 1px solid #0090ff;
    cursor: pointer;
}

#serve .card:hover .bgimg {
    background-image: none;
    /*background-color: #0090ff;*/
    width: 100%;
    height: 160px;
}

#serve .container .row .card .card-text {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    padding: 10px 15px;
    font-family: "Microsoft YaHei";
}

#serve .card .butn {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #465364;
    border: 1px solid #666;
    border-radius: 5px;
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

#serve .card:hover .butn {
    background-color: #0090ff;
    color: #fff;
    border: 0;
}

#serve .card li img {
    width: 16px;
    margin-right: 6px;
}

#serve .card li span {
    font-size: 14px;
    font-family: Alibaba PuHuiTi Regular, Alibaba PuHuiTi Regular-Regular;
    font-weight: 400;
    text-align: left;
    color: #666666;
    line-height: 24px;
}

#serve .card-body {
    padding: 10px;
    box-sizing: border-box;
}

#serve .card-body p:nth-child(1) {
    color: #333;
    font-weight: bold;
    margin-bottom: 6px;
}

#serve .card-body p.lines {
    width: 40px;
    height: 3px;
    /*background-color: #0090ff;*/
    margin: 0 auto;
    margin-bottom: 15px;
}


/* 八大解决方案背景样式 */

.solution{
    background-color: #fff;
    padding-top: 1px;
}
/* 瀹氬埗寮€鍙戞湇鍔＄粨鏉� */


/* 婧愮爜閮ㄧ讲寮€濮� */

#start {
    margin-top: 60px;
    background-color: #f2f2f2;
    padding-bottom: 60px;
}

#start .card {
    border: 2px solid #eee;
    width: 360px;
    height: 400px;
}

#start .card:hover {
    border: 2px solid #0090ff;
    cursor: pointer;
}

#start .card:hover a {
    color: #ffff;
}

#start .bg_tu {
 
    width: 100%;
    height: 100%;
  
}



#start img {
    width: 100%;
    height: 300px;
}

#start h3 {
    font-family: "Microsoft YaHei";
    cursor: default;
    font-size: 28px;
    font-weight: 700;
    color: #111111;
}

#start .card h3 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #111111;
    font-family: "Microsoft YaHei";
}

#start .card .butn {
    font-size: 14px;
    color: #0090FF;
    border: 1px solid #0090FF;
    border-radius: 35px;
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    /*margin: 0 auto;*/
    margin-top: 60px;
    font-family: "Microsoft YaHei";
}

#start .card:hover .butn {
    background-color: #0090ff;
    color: #fff;
    border: 0;
}

#start h3 p {
    width: 80px;
    height: 3px;
    background-color: #0090ff;
    margin: 0 auto;
    margin-top: 8px;
}

#start .baojia {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #666666;
    font-family: "Microsoft YaHei";
}

#start button {
    padding: 7px 40px;
    box-sizing: border-box;
    font-size: 15px;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}


/* 婧愮爜閮ㄧ讲缁撴潫 */


/* 楂樼缃戠珯瀹氬埗寮€濮� */

#pro_type {
    background-color: #fff;
    padding: 60px 0;
    box-sizing: border-box;
}

#pro_type .lines {
    width: 80px;
    height: 4px;
    background-color: #0090ff;
    margin: 10px auto;
}

#pro_type .pro_jia {
    font-size: 18px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    text-align: center;
    color: #666666;
}

#pro_type h3 {
    font-size: 28px;
    font-family: "Microsoft YaHei";
    font-weight: 700;
    text-align: center;
    color: #111;
}

#pro_type .cards {
    border-radius: 5px;
    width: 100%;
    height: 470px;
    border: 2px solid #eee;
    position: relative;
}

#pro_type .cards .top_tit {
    background: #c6c9cc;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 124px;
}

#pro_type .cards .top_tit h4 {
    font-size: 20px;
    font-family: AlibabaPuHuiTi Bold, AlibabaPuHuiTi Bold-Bold;
    font-weight: 700;
}

#pro_type .cards .top_tit h4+p {
    margin: 0px;
}

#pro_type .pro_bottom li {
    font-size: 14px;
    font-family: AlibabaPuHuiTi Medium, AlibabaPuHuiTi Medium-Medium;
    font-weight: 500;
    color: #999;
    line-height: 32px;
}

#pro_type .pro_bottom li img {
    width: 16px;
    margin-right: 5px;
}

#pro_type .cards .active {
    color: #fff;
    background-color: #0090ff;
}

#pro_type .pro_bottom .btnu {
    width: 240px;
    height: 45px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 45px;
    line-height: 45px;
    margin: 0 auto;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    font-size: 18px;
}

#pro_type .cards:hover {
    border: 2px solid #0090ff;
}

#pro_type .cards:hover .btnu {
    background-color: #0090ff;
    color: #fff;
}

#pro_type .cards:hover .top_tit {
    background-color: #0090ff;
}


/* 灏忕▼搴忓紑鍙戝紑濮� */

#major {
    background-color: #f2f2f2;
    padding: 60px 0;
    box-sizing: border-box;
}

#major h3 {
    font-size: 28px;
    font-family: "Microsoft YaHei";
    font-weight: 700;
    text-align: center;
    color: #111;
}

#major .lines {
    margin: 0 auto;
    width: 80px;
    height: 4px;
    background-color: #0090ff;
    margin-bottom: 10px;
}

#major .chengben {
    font-size: 18px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    text-align: center;
    color: #666666;
    margin-bottom: 85px;
}

#major .cards {
    height: 348px;
    box-sizing: border-box;
    background-color: #fff;
}

#major .cards h4 {
    font-size: 20px;
    font-family: "Microsoft YaHei";
    font-weight: 700;
    text-align: left;
    color: #111111;
}

#major .cards h4+p {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    text-align: left;
    color: #666666;
    line-height: 25px;
    max-width: 208px;
}

#major .cards h4+p+a {
    font-size: 14px;
    padding: 6px 25px;
    opacity: 0.8;
}

#major .cards2 {
    background-color: #fff;
    display: flex;
    max-height: 348px;
    height: 100%;
    overflow: hidden;
}

#major .shouji {
    margin-top: -40px;
    width: 196px;
    height: 385px;
    border-radius: 40px;
    overflow: hidden;
}

#major .cards2 h4 {
    font-size: 20px;
    font-family: "Microsoft YaHei";
    font-weight: 700;
    text-align: left;
    color: #111111;
    margin-top: 20px;
}

#major .cards2 h4+p {
    max-width: 209px;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    text-align: left;
    color: #666666;
    line-height: 30px;
}

#major .row .col-md-6 {
    padding-left: 0;
    padding-right: 0;
}

#major .cards2 .one,
.two {
    padding: 35px 45px 30px 40px;
    box-sizing: border-box;
}

#major .cards2 .we_log {
    width: 56px;
    height: 56px;
}


/* 灏忕▼搴忓紑鍙戠粨鏉� */

#news2 {
    position: relative;
}

#news2 .beijingtu {
    background-image: url('../imgs/software.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 280px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
}

#news2 .beijingtu h3 {
    font-family: "Microsoft YaHei";
    font-weight: 400;
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
}

#news2 .beijingtu p {
    font-size: 28px;
    font-family: "Microsoft YaHei";
    font-weight: 800;
    text-align: center;
    color: #ffffff;
}

#news2 .yuyan {
    position: absolute;
    right: 260px;
    top: 40px;
    width: 190px;
    z-index: 10;
}

#news2 .yuyan img {
    width: 100%;
}

#news2 .jiqiren {
    position: absolute;
    right: 150px;
    top: 0px;
    width: 270px;
}


/* 閫夋嫨鐩镐俊鎴戜滑寮€濮� */

#believe {
    padding: 80px 0;
    box-sizing: border-box;
    background-color: #fff;
}

#believe .h3 {
    font-size: 24px;
    font-family: "Microsoft YaHei";
    font-weight: 800;
    text-align: center;
    color: #333333;
    margin-top: 30px;
}

.attrTitle {
    text-align: center;
    width: 600px;
    margin: 0 auto;
    position: relative;
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 36px;
}

.attrTitle:before {
    position: absolute;
    top: 25px;
    left: -64px;
    content: '';
    width: 25%;
    border-bottom: 1px solid #eee;
}

.attrTitle:after {
    position: absolute;
    top: 25px;
    right: -64px;
    content: '';
    width: 25%;
    border-bottom: 1px solid #eee;
}

#believe .p2 {
    font-size: 18px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    text-align: center;
    color: #666666;
}

#believe .bel_cont h3 {
    width: 100%;
    height: 100px;
    /* background: #ffa800; */
    background-color: #c6c9cc;
    border: 2px solid #f2f2f2;
    font-size: 18px;
    font-family: Alibaba PuHuiTi Bold, Alibaba PuHuiTi Bold-Bold;
    text-align: center;
    color: #fff;
    line-height: 100px;
}

#believe .bel_cont h3+p {
    font-size: 14px;
    font-family: Alibaba PuHuiTi Medium, Alibaba PuHuiTi Medium-Medium;
    font-weight: 500;
    color: red;
    line-height: 30px;
    font-weight: bold;
    padding: 10px 0;
    box-sizing: border-box;
    border-bottom: 2px solid #eee;
}

#believe .bel_cont h3+p+p {
    font-size: 18px;
    font-family: Alibaba PuHuiTi Medium, Alibaba PuHuiTi Medium-Medium;
    font-weight: 500;
    text-align: left;
    line-height: 30px;
}

#believe .bel_cont h3+p+p span:nth-child(1) {
    color: red;
    font-weight: bold;
}

#believe .bel_cont h5 {
    font-size: 16px;
    color: #666;
}

#believe .bel_cont ul li {
    width: 81%;
    margin: 0 auto;
}

#believe .bel_cont ul li img {
    width: 17px;
    vertical-align: middle;
}

#believe .bel_cont ul li span {
    font-size: 16px;
    font-family: Alibaba PuHuiTi Regular, Alibaba PuHuiTi Regular-Regular;
    font-weight: 400;
    text-align: center;
    color: #666666;
    line-height: 30px;
}

#believe .container .row .col-md-8 h3 {
    height: 100px;
    line-height: 100px;
    color: #fff;
    text-align: center;
    background: #ffa800;
    border: 2px solid #f2f2f2;
    font-size: 20px;
}

#believe .container .row .col-md-8 .left {
    width: 298px;
    height: 380px;
    margin-right: 15px;
}

#believe .container .row .col-md-8 .left img {
    width: 100%;
}

#believe .container .row .col-md-8 .right .top p {
    font-size: 18px;
    font-family: Alibaba PuHuiTi Bold, Alibaba PuHuiTi Bold-Bold;
    font-weight: 700;
    text-align: left;
    color: #333333;
    line-height: 20px;
}

#believe .container .row .col-md-8 .right.bottom>h4 {
    font-size: 18px;
    font-family: Alibaba PuHuiTi Bold, Alibaba PuHuiTi Bold-Bold;
    font-weight: 700;
    text-align: left;
    color: #0090ff;
    line-height: 30px;
}

#believe .container .row .col-md-8 .right .bottom h4 {
    font-size: 18px;
    font-family: Alibaba PuHuiTi Bold, Alibaba PuHuiTi Bold-Bold;
    font-weight: 700;
    text-align: left;
    color: #0090ff;
    line-height: 30px;
}

#believe .container .row .col-md-8 .right .bottom li {
    padding: 7px 0;
    box-sizing: border-box;
}

#believe .container .row .col-md-8 .right .bottom li img {
    width: 16px;
}

#believe .container .row .col-md-8 .right .bottom li span {
    font-size: 16px;
    font-family: Alibaba PuHuiTi Regular, Alibaba PuHuiTi Regular-Regular;
    font-weight: 400;
    text-align: left;
    color: #333333;
    line-height: 30px;
}


/* 閫夋嫨鐩镐俊鎴戜滑缁撴潫 */


/* 鎴戜滑绮鹃€氫唬鐮佸紑濮� */

#master {
    background-color: #fff;
}

#master .lines {
    margin: 10px auto;
    width: 180px;
    height: 3px;
    background-color: #0090ff;
}

#master h3 {
    font-size: 24px;
    font-family: "Microsoft YaHei";
    font-weight: 800;
    text-align: center;
    color: #333333;
}

#master h3+p {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    text-align: center;
    color: #666666;
}


/* 鎴戜滑绮鹃€氫唬鐮佺粨鏉� */


/* 涓轰綘鍛堢幇涓€涓祦鐣呭紑濮� */

#appear {
    background-color: #fff;
}

#appear .bg_appear {
    background-image: url('../imgs/zu1774.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 280px;
}

#appear .bg_appear h3 {
    font-size: 24px;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    padding-top: 55px;
    padding-bottom: 45px;
}

#appear .bg_appear .media .ong {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}

#appear .bg_appear .media .ong img {
    width: 100%;
}

#appear .bg_appear .media .media-body {
    color: #fff;
    margin-top: 10px;
    font-weight: bold;
}
/*#appear .bg_appear .media .media-body .media-body-pdd:hover{*/
/*    color: #007bff;*/
/*}*/
/*#appear .bg_appear .media .media-body .media-body-pdds:hover{*/
/*    color: #007bff;*/
/*}*/
/*#appear .bg_appear .media .media-body .media-bodysa:hover{*/
/*    color: #007bff;*/
/*}*/
/*#appear .bg_appear .media .media-body .media-bodysac:hover{*/
/*    color: #007bff;*/
/*}*/
.shouce {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff;
    padding-top: 40px;
}

.shouce .sh_left {
    width: 250px;
    flex-shrink: 1;
}

.shouce .sh_left .one {
    background-color: #fff;
}

.shouce .sh_left .one p {
    padding: 10px 0;
    box-sizing: border-box;
    margin-bottom: 0;
    font-size: 14px;
    cursor: pointer;
}

.shouce .sh_left .twos {
    background-color: #fff;
    margin-top: 30px;
}

.shouce .sh_left .twos p {
    padding: 10px 0;
    box-sizing: border-box;
    margin-bottom: 0;
    font-size: 14px;
    cursor: pointer;
}

.shouce .sh_mode {
    width: 640px;
    height: 600px;
    flex-shrink: 1;
}

.shouce .sh_rig {
    width: 250px;
    flex-shrink: 1;
}

.shouce .sh_rig p {
    padding: 10px 0;
    box-sizing: border-box;
    margin-bottom: 0;
    font-size: 14px;
    cursor: pointer;
}

.shouce .sh_mode .fist {
    width: 160px;
    margin: 0 auto;
    background-color: #fff;
}

.shouce .sh_mode .fist p {
    padding: 10px 0;
    margin-bottom: 0;
    background-color: #f4f4f5;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
}

.shouce .sh_mode .ali {
    width: 250px;
    margin: 0 auto;
    padding-top: 10px;
    background-color: #eeeff0;
}

.shouce .sh_mode .ali h4 {
    color: #FFA800;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #ffa800;
    font-family: "Microsoft YaHei";
}

.shouce .sh_mode .ali p {
    color: #666;
    font-size: 16px;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.shouce .sh_mode .sanjiao {
    width: 0;
    height: 0;
    border: 80px solid;
    border-color: transparent transparent #b1c2df transparent;
    margin: 0 auto;
    margin-top: -70px;
}

.shouce .tit_bg {
    background-color: #f3f5f7;
}

.shouce .sh_mode .sanjiao2 {
    width: 0;
    height: 0;
    border: 80px solid;
    border-color: #b1c2df transparent transparent transparent;
    margin: 0 auto;
}

.shouce .sh_mode .last {
    width: 250px;
    margin: 0 auto;
    background-color: #fff;
    margin-top: -60px;
}

.shouce .sh_mode .last p {
    padding: 10px 0;
    margin-bottom: 0;
    cursor: pointer;
}


/* 涓轰綘鍛堢幇涓€涓祦鐣� 缁撴潫 */


/* 鎴戜滑鐨勫洟闃熷紑濮� */

#team {
    padding: 60px 0;
    box-sizing: border-box;
    background: #fff;
}

#team h3 {
    font-size: 28px;
    font-weight: bold;
    color: #111;
}

#team .row_card {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: auto;
}

#team .card {
    height: 520px;
    overflow: hidden;
    border: 2px solid #eee;
    /* width: 285px; */
    min-width: 285px;
    margin-right: 15px;
    position: relative;
}

#team .card:last-child {
    margin-right: 0;
}

#team .lines {
    width: 80px;
    height: 4px;
    background-color: #0090ff;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

#team .fu_tit {
    color: #666;
    margin-bottom: 30px;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    text-align: center;
}

#team .card .team_img {
    text-align: center;
    background-color: #cce9ff;
    height: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#team .card .team_img img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
}

#team .carousel-inner {
    height: auto;
}

#team .card .team_img h3 {
    font-size: 16px;
    color: #333;
    margin-top: 10px;
    margin-bottom: 4px;
}

#team .card .team_img p {
    color: #666;
    font-size: 14px;
    margin-top: 0px;
}

#team .card .card-body .card-title span:nth-child(2) {
    background-color: #cce9ff;
    font-size: 14px;
    font-weight: 400;
    color: #0090ff;
    padding: 2px 8px;
    box-sizing: border-box;
    display: inline-block;
}

#team .card .card-body .card-text {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #999;
    line-height: 24px;
    text-indent: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

#team .card:hover {
    border: 2px solid #0090ff;
}


/* #team .card:hover .team_img {
    background-color: #0090ff;
} */

#team .card:hover .team_img p {
    color: #fff;
}

#team .card:hover .team_img h3 {
    color: #fff;
}

#team .guyong {
    width: 180px;
    height: 35px;
    border: 1px solid #eee;
    text-align: center;
    line-height: 35px;
    border-radius: 35px;
    color: #333;
    margin: 0 auto;
    font-size: 14px;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
}

#team .card:hover .guyong {
    background-color: #0090ff;
    color: #fff;
}


/* 鎴戜滑鐨勫洟闃熺粨鏉� */


/* 椤圭洰鍚堜綔娴佺▼寮€濮� */

#project {
    padding: 60px 0 55px 0;
    box-sizing: border-box;
    background-color: #fff;
}

#project h3 {
    font-size: 28px;
    font-family: "Microsoft YaHei";
    font-weight: 700;
    text-align: center;
    color: #111;
}

#project .lines {
    width: 80px;
    height: 4px;
    background-color: #0090ff;
    margin: 10px auto;
}

#project .fu_biao {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-bottom: 30px;
}

#project .liuchengtu {
    width: 894px;
    margin: 0 auto;
}


/* #project .child {
    width: 150px;
    height: 240px;
    max-height: 240px;
    background: #ffffff;
    border: 3px solid #b2ddff;
    margin-bottom: 45px;
    padding: 10px 15px;
    box-sizing: border-box;
    cursor: default;
}

#project .child h4 {
    font-size: 20px;
    font-family: Alibaba PuHuiTi Heavy, Alibaba PuHuiTi Heavy-Heavy;
    font-weight: 800;
    text-align: center;
    color: #111111;
}

#project .child p {
    font-size: 16px;
    font-family: Alibaba PuHuiTi Regular, Alibaba PuHuiTi Regular-Regular;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
}

#project .imgs {
    width: 30px;
    margin: 0 5px;
}

#project .imgs img {
    width: 100%;
}

#project .hujian {
    width: 100px;
    height: 240px;
    margin-left: 40px;
    margin-top: -115px;
}

#project .hujian img {
    width: 100%;
} */


/* 椤圭洰鍚堜綔娴佺▼缁撴潫 */


/* 鎴戜滑鐨勫紑鍙戜紭鍔垮紑濮� */

#advantage {
    background-color: #f2f2f2;
    padding: 60px 0;
    box-sizing: border-box;
}

#advantage h3 {
    font-size: 28px;
    font-family: "Microsoft YaHei";
    font-weight: 800;
    color: #333333;
}

#advantage .lines {
    margin: 0 auto;
    width: 100px;
    height: 3px;
    background-color: #0090ff;
}

#advantage .kai_tit {
    font-size: 24px;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    text-align: center;
    color: #666666;
}

#advantage .sma_tit {
    font-size: 18px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    text-align: center;
    color: #666666;
    margin-top: 10px;
    margin-bottom: 20px;
}

#advantage h3+p {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    color: #666666;
}

#advantage h3+p+p {
    font-size: 18px;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    color: #666666;
    margin-top: 80px;
    margin-bottom: 60px;
}

#advantage p.youshi_p {
    font-size: 18px;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    text-align: center;
    color: #666666;
    margin: 75px 0 55px 0;
}

#advantage .card {
    border: 1px solid #eee;
}

#advantage .card+p {
    font-size: 18px;
    font-family: "Microsoft YaHei";
    font-weight: 700;
    text-align: center;
    color: #333;
    margin: 15px 0;
    font-weight: 100;
}

#advantage .card p.p2 {
    font-size: 16px;
    font-family: Alibaba PuHuiTi Regular, Alibaba PuHuiTi Regular-Regular;
    font-weight: 400;
    text-align: center;
    color: #333333;
    max-width: 150px;
    margin: 0 auto;
}


/* 鎴戜滑鐨勫紑鍙戜紭鍔跨粨鏉� */


/* 鏈€鏂颁笟鍔℃柊闂诲紑濮� */

#news {
    background-color: #f2f2f2;
    padding: 60px 0 60px 0;
    box-sizing: border-box;
}

#news .lines {
    margin: 0 auto;
    background-color: #0090ff;
    width: 100px;
    height: 3px;
    margin-bottom: 10px;
}

#news .container .row .card {
    padding: 19px 14px 35px 14px;
    box-sizing: border-box;
}

#news .container .row h3 {
    font-size: 18px;
    font-family: Alibaba PuHuiTi Bold, Alibaba PuHuiTi Bold-Bold;
    font-weight: 700;
    text-align: left;
    color: #333333;
    border-left: 4px solid #0090ff;
    padding-left: 15px;
    margin-bottom: 20px;
}

#news .container .row .media {
    width: 100%;
    height: 100px;
}

#news .container .row .media img {
    width: 140px;
    height: 100px;
}

#news .container .row .media h5 {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#news .container .row .media h5:hover{
    color: #007bff;
}
#news .container .row .media p {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #666;
    line-height: 16px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#news .container .row .media p:nth-child(3){
    width: 165px;
}
#news .container .row .media p:nth-child(2):hover{
    color: #007bff;
}
#news .container .row .card {
    height: 571px;
    overflow: hidden;
}

#news .container .row .card li {
    padding: 5px 0;
    box-sizing: border-box;
    overflow: auto;
    display: flex;
    align-items: center;
}

#news .container .row .card li span:nth-child(1) {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    display: inline-block;
    width: 78%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

#news .container .row .card li span:nth-child(1):hover{
    color: #007bff;
}

#news .container .row .card li span:nth-child(2) {
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    color: #666666;
    line-height: 16px;
}

.yuyan {
    animation: myfirst 3s both infinite;
}

@keyframes myfirst {
    0% {
        transform: scale(1);
        transform: scale(1)
    }
    70%,
    73% {
        transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    77%,
    83%,
    90%,
    97% {
        transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    80%,
    87%,
    93% {
        transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}


/* 搴曢儴鑵扮嚎寮€濮� */

#yaoxian div {
    /* background-image: url('../imgs/yao3.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
    /* height: 280px; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#yaoxian div h3 {
    font-size: 24px;
    text-align: center;
    color: #666;
    letter-spacing: 2px;
}

#yaoxian div p {
    font-size: 14px;
    font-family: Alibaba PuHuiTi Medium, Alibaba PuHuiTi Medium-Medium;
    font-weight: 500;
    text-align: center;
    color: #7E8186;
    letter-spacing: 1px;
}

#yaoxian .waibao {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

#yaoxian .waibao .w_box {
    padding: 15px;
    box-sizing: border-box;
}

#yaoxian .waibao .w_box .w_yu {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #666666;
    margin-top: 25px;
}

#yaoxian .waibao .w_box .w_nian {
    color: #666;
    font-size: 12px;
    text-align: center;
    margin-top: 6px
}

#yaoxian .waibao .w_box .w_nian div {
    padding: 5px 0;
}


/* 搴曢儴鑵扮嚎缁撴潫 */

#myBtn {
    width: 80px;
    height: 80px;
    background: #0090ff;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    position: fixed;
    bottom: 30px;
    right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 40px;
}

#myBtn img {
    width: 20px;
    margin-top: 15px;
}


/* 鏈€鏂颁笟鍔＄粨鏉� */

#foot {
    width: 100%;
    /* height: 330px; */
    color: #333;
    position: relative;
    background-color: #fff;
}

#foot .erweima {
    font-size: 70px;
}

#foot .iconweixin-copy,
#foot .iconweibo-copy {
    margin-right: 10px;
    font-size: 30px;
}

#foot li span {
    display: inline-block;
    margin: 0 10px;
}

#foot li span a {
    color: #000;
    text-decoration: none;
}

#foot .foot_rig h3 {
    font-size: 14px;
    font-family: PingFang SC Bold, PingFang SC Bold-Bold;
    font-weight: 700;
    text-align: left;
    color: #000000;
    line-height: 24px;
    letter-spacing: 1px;
}

#foot .foot_rig p {
    font-size: 14px;
    font-family: PingFang SC Regular, PingFang SC Regular-Regular;
    font-weight: 400;
    text-align: left;
    color: #666;
    line-height: 14px;
    letter-spacing: 1px;
    cursor: pointer;
}

#foot li a {
    color: #666 !important;
    text-decoration: none;
}

#foot li a:hover {
    color: #3375f5 !important;
}

#foot li a:visited {
    color: grey;
}

.copy {
    background-color: #666;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.copy a {
    color: #fff;
    text-decoration: none;
}

.medialist {
    margin-bottom: 15px;
    width: 100%;
}

.shenglve {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 14px;
}

#partner li {
    width: 126px;
    height: 60px;
    margin-right: 10px;
    margin-bottom: 10px;
}

#partner li img {
    width: 100%;
}

#case .tabs {
    cursor: pointer !important;
    flex-shrink: 0;
}

#case .imgs li {
    width: 216px;
    margin-bottom: 10px;
}

#case .imgs li .cards {
    width: 95%;
    margin: 0 auto;
}

.actives {
    border-bottom: 2px solid #00a3e0;
    padding-bottom: 10px;
}

#carousels .media-right {
    padding: 30px 0 0 30px;
    box-sizing: border-box;
    box-shadow: -10px 5px 5px #eee;
    height: 320px;
}

.odd {
    margin-top: 90px;
}

.num {
    background-color: #101f43;
    color: #fff;
    font-weight: bold;
    width: 35px;
    height: 35px;
}

.line {
    height: 40px;
    background-color: #00a3e0;
    width: 2px;
}

.mline {
    width: 40px;
    background-color: #00a3e0;
    height: 2px;
}

.line-circle {
    background-color: #00a3e0;
    width: 7px;
    height: 7px;
}

#foot .code {
    width: 145px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#foot .code img {
    width: 100%;
}

#foot .code p {
    font-size: 16px;
    color: #666;
}

@media all and (max-width:750px) {
    .navbar {
        background-color: #fff;
        opacity: 0.9;
    }
    #carousel {
        margin-top: 0;
    }
    .carousel-inner {
        height: 320px;
    }
    .carousel-inner img {
        height: 320px;
    }
    /* 瀹氬埗寮€鍙� */
    #map {
        width: 100%;
        height: 250px;
    }
    #partner li {
        width: 100px;
        height: 50px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    #major {
        padding: 25px 0;
        box-sizing: border-box;
    }
    #major .container {
        margin-top: 0 !important;
    }
    #case .imgs li {
        width: 100%;
    }
    #foot {
        height: 285px;
    }
}