body{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
*{margin: 0;padding: 0;}
a{color: inherit;text-decoration: none !important;}
ul{ list-style: none }
p{margin: 0;padding: 0;}
a:focus, a:hover{
    color: inherit;
}
.product-img a:hover{
    color: #fff;
}
/*@media (min-width: 1200px) {*/
/*    .carousel{*/
/*        !*height: 680px;*!*/
/*    }*/
/*}*/

/*@media (min-width: 992px) and (max-width: 1200px) {*/
/*    .carousel{*/
/*        !*max-width: 1200px;*!*/
/*        !*height: 680px;*!*/
/*    }*/
/*    .carousel img {*/
/*        !*width: 100%;*!*/
/*        !*height: 100% !important;*!*/
/*    }*/
/*}*/

/*body{*/
/*    padding-top: 110px;*/
/*}*/
.container{
    width: 1200px;
}
.spacing{
    margin-top: 100px;
    width: 1200px;
}
.new-box{
    overflow: hidden;
}
.new-left{
    width: 30%;
    float: left;
}
.new-left ul li:nth-child(1){
    font-size: 40px;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:50px;
}
.new-left ul li:nth-child(2){
    font-size:17px;
    font-family:ArialMT;
    color:rgba(171,171,171,1);
    line-height:31px;
    word-break:break-all;
}
.new-left ul li:nth-child(3){
    width: 100%;
    border-right: 1px solid gainsboro;
    padding: 30px 30px 0 0;
}
.new-left ul li:nth-child(3) img{
    width: 100%;
}


.new-right{
    width: 70%;
    padding: 0 20px;
    float: left;
    margin-top: 40px;
}
.notice{
    overflow: hidden;
    height: 251px;
}
.new-right .new-tab span{
    color: #666;
    cursor: pointer;
    padding: 0 10px;
    border-right: 1px solid gainsboro;
    font-size: 16px;
    line-height: 27px;
}
.new-right .new-tab span.spanActive{
    color: #2B32B2;
}
.new-right .notice{
    margin-top: 30px;
}
.new-right ul li {
    overflow: hidden;
    border-bottom: 1px dashed gainsboro;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    margin-bottom: 18px;
    cursor: pointer;
}
.new-right ul li:hover{
    color: #2B32B2 !important;
    border-bottom: 1px dashed #2B32B2;
}
.new-right ul li span:first-child{
    float: left;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new-right ul li span:last-child{
    float: right;
    width:20%;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new-right ul li span:last-child i{
    display: inline-block;
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 18%;
    background: url("../img/日期.png") center center no-repeat;
    background-size: 100% 100%;
}

.product-box{
    /*background: url("../img/home_product_bg.png") top center no-repeat;*/
    /*background-size: 100% 100%;*/
    margin-top: 13vh;
}
.product-box>.container>p>span:first-child{
    display: block;
    font-size: 40px;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:50px;
}
.product-box>.container>p>span:last-child{
    display: block;
    font-size:17px;
    font-family:ArialMT;
    color:rgba(171,171,171,1);
    line-height:31px;
    word-break:break-all;
    letter-spacing: 2px;
}
.product-img{
    margin: 10px 0;
}
.product-img ul{
    overflow: hidden;
}
.product-img ul li{
    float: left;
    width: 292px;
    height: 327px;
    position: relative;
    overflow: hidden;
}
.product-img>ul>li>img{
    width: 100%;
    height: 100%;
    -webkit-filter: blur(3px);
    filter: blur(3px);
    transition: all .5s;
}
.product-img ul li p{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(43, 50, 178, 0.1);
    transition: all .5s;
}
.item-logo{
    display: block;
    text-align: center;
    margin-top: 80px;
    transition: all .5s;
}
.item-logo>img{
    width: 80px;
    height: 80px;
}
.item-title{
    display: block;
    text-align: center;
    font-size: 18px;
    margin-top: 18px;
    color: #fff;
}
.item-title:before{
    content: "";
    position: relative;
    display: block;
    width: 20px;
    border-bottom: 2px solid #fff;
    margin: 0 auto 20px;
    transition: all .5s cubic-bezier(.4, 0, .2, 1);
}
.item-text{
    display: block;
    font-size: 15px;
    color: #fff;
    padding: 0 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 30px;
    opacity: 0;
    transition: all .5s;
}
.look-detail{
    width: 80px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 12px;
    margin: 10px auto 0;
    display: none;
    color: #fff;
    text-align: center;
    line-height: 24px;
    font-size: 13px;
    transition: all .5s;
}
.look-detail:hover{
    color: #fff;
}
.product-img>ul>li:hover img{
    -webkit-filter: blur(0px) !important;
    filter: blur(0px) !important;
    transition: all .5s;
}
/*.product-img>ul>li:hover p{*/
/*    background: rgba(247, 181, 0, .68);*/
/*    transition: all .5s;*/
/*}*/
.product-img>ul>li:hover .item-logo{
    margin-top: 60px;
    transition: all .5s;
}
.product-img>ul>li:hover .item-title::before{
    opacity: 0;
    margin-bottom: 0;
    transition: all .5s;
}
.product-img>ul>li:hover .item-text{
    margin-top: 10px;
    opacity: 1;
    transition: all .5s;
}
.product-img>ul>li:hover .look-detail{
    display: block;
    transition: all .5s;
}







.solution-box{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.solution-box>div{
    margin-top: 0;
}
.solution-box .container>p>span:first-child{
    display: block;
    font-size: 40px;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:50px;
}
.solution-box .container>p>span:last-child{
    display: block;
    font-size:17px;
    font-family:ArialMT;
    color:rgba(171,171,171,1);
    line-height:31px;
    word-break:break-all;
}
.solution-box ul{
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
}
.solution-box ul>li{
    width: 283px;
    height: 488px;
    overflow: hidden;
    position: relative;
}
.solution-box ul>li>img{
    width: 100%;
    height: 100%;
    filter: blur(10px);
    transition: all 0.5s;
}
.mask1{
    width: 283px;
    height: 488px;
    position: absolute;
    top: 0;
    left: 0;
    background: #2B32B2;
    opacity: 0.16;
    transition: all 0.5s;
}
.mask2{
    width: 283px;
    height: 488px;
    position: absolute;
    top: 0;
    left: 0;
    background: #090909;
    opacity: 0.16;
    transition: all 0.5s;
}
.mask3{
    width: 283px;
    height: 488px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #2B32B2 100%);
    display: none;
    transition: all 0.5s;
}
.show-info{
    position: absolute;
    top: 0;
    left: 0;
    width: 283px;
    height: 488px;
    padding: 0 15px;
    text-align: center;
}
.show-info span{
    color: #fff;
}
.show-info .img-border1{
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px dotted #fff;
    position: absolute;
    top: 155px;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.5s;
}
.show-info .img-border2{
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px dotted #fff;
    position: absolute;
    top: 170px;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.5s;
}
.show-info>img{
    width: 40px;
    height: 40px;
    box-sizing: initial;
    position: absolute;
    top: 185px;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.5s;
}
/*.show-info .img-border{*/
/*    border: 1px dotted #fff;*/
/*    border-radius: 50%;*/
/*    display: inline-block;*/
/*    padding: 10px;*/
/*    margin-top: 160px;*/
/*    transition: all 0.5s;*/
/*}*/
/*.show-info .img-border span{*/
/*    border: 1px dotted #fff;*/
/*    border-radius: 50%;*/
/*    display: inline-block;*/
/*}*/
/*.show-info .img-border span img{*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    padding: 15px;*/
/*    box-sizing: initial;*/
/*}*/
.show-info .solution-title{
    display: block;
    text-align: center;
    font-size: 18px;
    margin: 280px 0 20px 0;
    color: #fff;
    transition: all 0.5s;
}
.show-info .solution-text{
    font-size: 15px;
    opacity: 0;
    transition: all 1s;
}
.show-info a{
    display: block;
    border-radius: 15px;
    width: 75px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 20px auto 0;
    color: #fff;
    border: 1px solid #fff;
    opacity: 0;
}
#solution-box-list li:hover img{
    filter: blur(0px);
    transition: all 0.5s;
}
#solution-box-list li:hover .mask1{
    display: none;
    transition: all 0.5s;
}
#solution-box-list li:hover .mask2{
    display: none;
    transition: all 0.5s;
}
#solution-box-list li:hover .mask3{
    display: block;
    transition: all 0.5s;
}
#solution-box-list li:hover .img-border1{
    top: 110px;
    transition: all 0.5s;
}
#solution-box-list li:hover .img-border2{
    top: 125px;
    transition: all 0.5s;
}
#solution-box-list li:hover img{
    top: 140px;
    transition: all 0.5s;
}
#solution-box-list li:hover .solution-title{
    margin-top: 240px;
    transition: all 0.5s;
}
.isShowSolutionText{
    opacity: 1 !important;
    transition: all 1s;
}
.isShowSolutionBorder{
    opacity: 0;
    transition: all 0.5s;
}





.about-box{
    overflow: hidden;
}
.about-box ul{
    width: 65%;
    float: left;
    display: inline-block;
    padding-bottom: 100px;
}
.about-box ul li:first-child p:first-child{
    display: block;
    font-size: 40px;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:50px;
}
.about-box ul li:first-child p:last-child {
    display: block;
    font-size:17px;
    font-family:ArialMT;
    color:rgba(171,171,171,1);
    line-height:31px;
    word-break:break-all;
}
.about-box ul li:nth-child(2){
    font-size: 16px;
    color: #000;
    margin-top: 30px;
}
.about-box ul li:nth-child(2) p{
    line-height: 2;
}
.about-box ul li:nth-child(3){
    margin-top: 30px;
    font-size: 16px;
}
.about-box ul li:nth-child(3):hover{
    color: #2B32B2;
}
.about-box>p{
    display: inline-block;
    float: right;
    width: 31%;
    height: 326px;
    margin-top: 20px;
    /*background: #2B32B2;*/
    position: relative;
}
.about-box>p img{
    width: 100%;
    position: absolute;
    top: -20px;
    left: -20px;
    transition: all 1s;
}
.about-box>p img:hover{
    width: 100%;
    transform: scale(1.2);
    box-shadow: 0 0 20px #fff;
}
.tab2-img img{
    display: block;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}
.tab2-img1,
.tab2-img4{
    width: 480px;
    height: 280px;
    float: left;
}
.tab2-img2,
.tab2-img5{
    width: 330px;
    height: 280px;
    float: left;
}
.tab2-img3,
.tab2-img6{
    width: 390px;
    height: 280px;
    float: left;
}










.bottom-box{
    width: 100%;
    /*height: 500px;*/
    background: #2B32B2;
}
.bottom-box .container{
    height: 100%;
    /*background: cyan;*/
}
.bottom-box .container ul{
    display: flex;
    padding: 30px 0;
    border-bottom: 1px solid rgba(107, 111, 201, 1);
}
.bottom-box .container ul li{
    flex: 1;
    /*border: 1px solid bisque;*/
}
.bottom-box .container ul li p{
    color: #fff;
    padding: 10px 0;
    margin-bottom: 10px;
    font-size: 17px;
    border-bottom: 1px solid rgba(107, 111, 201, 1);
}
.bottom-box .container ul li a, .bottom-box .container ul li span{
    display: block;
    padding: 10px 0;
    color: rgb(151 155 232);
    font-size: 16px;
}
.bottom-box .container ul li:nth-child(1){
    flex: 0 0 16%;
}
.bottom-box .container ul li:nth-child(5){
    flex: 0 0 36%;
}
.bottom-box .container ul li a:hover{
    text-decoration: underline !important;;
}
.bottom-box .container ul li:last-child p{
    padding-left: 15px;
    box-sizing: border-box;
}
.bottom-box .container ul li img{
    display: block;
    width: 120px;
    margin-left: 15px;
}
.bottom-box .container>p{
    display: inline-block;
    font-size: 16px;
    color: rgb(151 155 232);
    margin: 30px 30px 50px 0;
}

/*========================== 关于我们 =============================*/
.marginAuto{
    width: 1200px;
    padding: 0;
}
.content-box{
    border-bottom: 1px solid gainsboro;
    background: #fff;
}
.content-box .nav-tabs{
    border-bottom: none;
}
.content-box .container ul{
    display: flex;
}
.content-box .container ul li{
    flex: 1;
    text-align: center;
    padding: 10px 0;
    /*margin: 0 49px;*/
}
.content-box .container ul li::after{
    content: '';
    display: inline-block;
    width: 1px;
    height: 16px;
    background: #999;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
}
.content-box .container ul li:last-child::after{
    display: none;
}
.content-box .container ul li a{
    background: #fff;
    font-size: 16px;
    /*font-weight: bold;*/
    color: #999 !important;
    border: none !important;
}
.content-box .container ul li.active a{
    /*border-bottom: 1px solid #2B32B2;*/
    color: #000 !important;
}

#myTabContent #tab1{
    font-size: 16px;
    color: #000;
    line-height: 2;
}
#myTabContent #tab1>p:first-child,
#myTabContent #tab2>p:first-child,
#myTabContent #tab3>p:first-child,
#myTabContent #tab4>p:first-child,
#myTabContent #tab5>p:first-child,
#myTabContent #tab6>p:first-child{
    margin: 80px 0 40px;
}
#myTabContent #tab1 p:first-child span:first-child,
#myTabContent #tab2 p:first-child span:first-child,
#myTabContent #tab3 p:first-child span:first-child,
#myTabContent #tab4 p:first-child span:first-child,
#myTabContent #tab5 p:first-child span:first-child,
#myTabContent #tab6 p:first-child span:first-child{
    display: block;
    font-size: 30px;
    font-family: ArialMT;
    color: rgba(171,171,171,1);
    vertical-align: middle;
    line-height: 1.5;
    /*margin-left: 15px;*/
}
#myTabContent #tab1 p:first-child span:nth-child(2),
#myTabContent #tab2 p:first-child span:nth-child(2),
#myTabContent #tab3 p:first-child span:nth-child(2),
#myTabContent #tab4 p:first-child span:nth-child(2),
#myTabContent #tab5 p:first-child span:nth-child(2),
#myTabContent #tab6 p:first-child span:nth-child(2){
    color: #000;
    font-size: 40px;
    font-weight: bold;
    display: block;
    line-height: 1;
}
#myTabContent #tab1 p:first-child span:nth-child(2)::after,
#myTabContent #tab2 p:first-child span:nth-child(2)::after,
#myTabContent #tab3 p:first-child span:nth-child(2)::after,
#myTabContent #tab4 p:first-child span:nth-child(2)::after,
#myTabContent #tab5 p:first-child span:nth-child(2)::after,
#myTabContent #tab6 p:first-child span:nth-child(2)::after{
    display: block;
    content: "";
    width: 75px;
    height: 7px;
    background: #F7B500;
    margin-top: 10px;
}
#myTabContent #tab4 p:first-child span:nth-child(3){
    margin-left: 30px;
}
#myTabContent #tab4 p:first-child span:nth-child(3) i{
    display: inline-block;
    color: rgba(153, 153, 153, 1);
    font-size: 16px;
    font-style: initial;
    padding: 0 10px;
    border-right: 1px solid rgba(153, 153, 153, 1);
    cursor: pointer;
}
#myTabContent #tab4 p:first-child span:nth-child(3) i:last-child{
    border-right: none;
}
#myTabContent #tab4 p:first-child span:nth-child(3) i.active1{
    color: #2B32B2;
}
#myTabContent #tab5 .core-team{
    width: 1300px;
    margin: 120px 0 100px 0;
    overflow: hidden;
}
#myTabContent #tab5 .core-team a{
    float: left;
    width: 175px;
    height: 320px;
    position: relative;
    margin: 0 85px 30px 0;
}
#myTabContent #tab5 .core-team a .name{
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #000;
    line-height: 2;
}
#myTabContent #tab5 .core-team a .post{
    font-size: 15px;
    text-align: center;
    color: #000;
    line-height: 1.5;
}
#myTabContent #tab5 .core-team a img{
    width: 100%;
    height: 250px;
    border-radius: 100%;
}


#myTabContent #tab1 img{
    display: block;
    /* width: 100%; */
    /*height: 480px;*/
    /* margin-top: 35px; */
    /* margin-bottom: 50px; */
    margin: 35px auto 50px;
    border-radius: 15px;
    /* box-shadow: 15px 15px 10px #2B32B2; */
}
#myTabContent #tab2 img{
    display: block;
    width: 100%;
    height: 560px;
    margin-top: 35px;
    margin-bottom: 50px;
}
/*#myTabContent #tab3 img{*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 1770px;*/
/*    margin-top: 35px;*/
/*    margin-bottom: 50px;*/
/*}*/
#myTabContent #tab6 img{
    display: block;
    width: 100%;
    height: 420px;
    margin-top: 35px;
    margin-bottom: 50px;
}

#myTabContent #tab4{
    overflow: hidden;
}
#myTabContent #tab4 ul{
    width: 1300px;
    overflow: hidden;
    /*display: none;*/
}
#myTabContent #tab4 ul.isShowActive{
    display: block;
}
#myTabContent #tab4 .tab4-ul-one{
    min-height: 300px;
}
#myTabContent #tab4 .no-data{
    min-height: 300px;
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 300px;
}
/* 竖向 */
#myTabContent #tab4 .tab4-ul-one .vertical-box li {
    float: left;
    width: 282px;
    margin-right: 24px;
    margin-bottom: 30px;
}
#myTabContent #tab4 .tab4-ul-one .vertical-box li p:first-child{
    display: block;
    width: 100%;
    height: 391px;
    border: 1px solid gainsboro;
}
#myTabContent #tab4 .tab4-ul-one .vertical-box li p:first-child img{
    width: 100%;
    height: 100%;
}
#myTabContent #tab4 .tab4-ul-one .vertical-box li p:last-child{
    width: 100%;
    height: 30px;
    /*line-height: 30px;*/
    text-align: center;
    /*background: antiquewhite;*/
    margin-top: 10px;
    font-size: 16px;
}
/* 横向 */
#myTabContent #tab4 .tab4-ul-one .transverse-box li{
    float: left;
    height: 560px;
    /*width: 282px;*/
    /*height: 260px;*/
    margin-right: 24px;
    margin-bottom: 30px;
}
#myTabContent #tab4 .tab4-ul-one .transverse-box li p:first-child{
    display: block;
    width: 100%;
    /*height: 192px;*/
    border: 1px solid gainsboro;
}
#myTabContent #tab4 .tab4-ul-one .transverse-box li p:first-child img{
    width: 100%;
    height: 100%;
}
#myTabContent #tab4 .tab4-ul-one .transverse-box li p:last-child{
    width: 100%;
    height: 30px;
    /*line-height: 30px;*/
    text-align: center;
    /*background: antiquewhite;*/
    margin-top: 10px;
    font-size: 16px;
}


#myTabContent #tab6 .join-ul{
    display: flex;
    background: #2B32B2;
    margin-top: 30px;
}
#myTabContent #tab6 .join-ul li{
    flex: 1;
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding: 10px 0;
}
#myTabContent #tab6 .panel-group .panel-default .panel-heading{
    display: flex;
    padding: 10px 0;
    color: #000;
}
#myTabContent #tab6 .panel-group .panel-default .panel-heading p, #myTabContent #tab6 .panel-group .panel-default .panel-heading a{
    flex: 1;
    text-align: center;
    font-size: 14px;
}
#myTabContent #tab6 .panel-group .panel-default .panel-body ul li{
    font-size: 15px;
    color: #666;
    line-height: 2;
}
#myTabContent #tab6 .panel-group .panel-default .panel-body ul li:nth-child(1){
    font-size: 16px;
    color: #000;
}
#myTabContent #tab6 .panel-group .panel-default .panel-heading.panelActive{
    color: #2B32B2;
}

/*==================================== 新闻中心 ======================================*/
.news-box .news-title{
    text-align: center;
    margin: 30px 0;
}
.news-box .news-title span:first-child{
    color: #000;
    /*font-size: 40px;*/
    font-size: 36px;
    font-weight: bold;
}
.news-box .news-title span:last-child{
    font-size: 17px;
    font-family: ArialMT;
    color: rgba(171,171,171,1);
    vertical-align: middle;
    margin-left: 15px;
}
.news-box ul{
    margin-bottom: 50px;
    border-radius: 10px;
    color: #030303;
}
.news-box ul:hover{
    /*box-shadow: 10px 10px 50px gainsboro;*/
    color: #2B32B2;
}
.news-box ul li a{
    display: flex;
    align-items: center;
    border: 1px solid gainsboro;
    border-radius: 10px;
    overflow: hidden;
}
.news-box ul li a p{
    flex: 1;
    text-align: center;
}
.news-box ul li a p:nth-child(1){
    width: 341px;
    height: 200px;
    flex: inherit;
    background: url("../img/new-list-bg.png") top center no-repeat;
    background-size: 100% 100%;
}
.news-box ul li a p:nth-child(1) img{
    width: 100%;
    height: 100%;
}
.news-box ul li a p:nth-child(2){
    flex: 0 0 10%;
    padding: 12px 0;
    border-right: 1px solid #E5E5E5;
}
.news-box ul li a p:nth-child(2) span:first-child{
    font-size: 24px;
    display: block;
    color: #333333;
}
.news-box ul li a p:nth-child(2) span:last-child{
    font-size: 16px;
    display: block;
    color: #333333;
}
.news-box ul li a p:nth-child(3){
    flex: 0 0 50%;
    padding: 0 20px;
    border-right: 1px solid #E5E5E5;
}
.news-box ul li a p:nth-child(3) span:first-child{
    font-size: 20px;
    display: block;
    font-weight: bold;
    /*color: #030303;*/
    color: inherit;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.news-box ul li a p:nth-child(3) span:last-child{
    font-size: 15px;
    display: block;
    color: #666;
    text-align: left;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-detail-title{
    margin: 50px 0;
    border-left: 5px solid #2B32B2;
    padding: 0 10px;
    box-sizing: border-box;
}
.news-detail-title li:first-child{
    width: 1200px;
    /*height: 36px;*/
    font-size: 40px;
    font-weight: 500;
    color: #000000;
    /*line-height: 36px;*/
    /*text-align: center;*/
}
.news-detail-title li:last-child{
    width: 1200px;
    /*height: 36px;*/
    font-size: 17px;
    font-weight: 500;
    color: #666;
    /*line-height: 36px;*/
    /*text-align: center;*/
    /*margin-top: 20px;*/
}
/*==================================== 联系我们 =====================================*/


.contact-banner{
    width: 100%;
}
.contact-title{
    margin: 100px 0 30px;
}
.contact-title span:first-child{
    display: block;
    font-size: 40px;
    font-weight: bold;
    color: #000;
}
.contact-title span:last-child{
    display: block;
    font-size: 14px;
    color: #666;
}
.contact-info{
    /*display: flex;*/
    margin-bottom: 100px;
    overflow: hidden;
}
.contact-info li:first-child{
    /*flex: 1;*/
    float: left;
}
.contact-info li:last-child{
    /*flex: 1;*/
    float: right;
}
.contact-info li p{
    padding: 30px 0 10px;
    border-bottom: 1px solid #E5E5E5;
}
.contact-info li p span:first-child{
    display: block;
    font-size: 24px;
    color: #333;
}
.contact-info li p span:nth-child(2),
.contact-info li p span:last-child{
    display: block;
    font-size: 15px;
    color: #666;
}
/*.contact-info li img{*/
/*    width: 425px;*/
/*    margin-left: 58px;*/
/*}*/
.message-box{
    background: #f5f5f5;
}
.message-title span:first-child{
    display: block;
    font-size: 40px;
    font-weight: bold;
    color: #000;
}
.message-box{
    padding: 50px 0;
}
.message-title span:last-child{
    display: block;
    font-size: 17px;
    color: #666;
    margin-bottom: 10px;
}
.message-box .container .form-group:nth-child(-n+4){
    display: inline-block;
    width: 45%;
    margin-right: 30px;
}
.message-box .container .form-group .form-control{
    height: 45px;
    border: none;
    border-radius: 5px;
}

.message-box .textarea-info{
    width: 93%;
    height: 360px;
    border: none;
    outline: none;
    border-radius: 3px;
    resize: none;
    padding: 10px 10px;
}
.message-box .container .form-group:nth-child(6) .form-control{
    display: inline-block;
    width: 160px;
    margin-right: 20px;
    text-align: center;
}
.message-box .container .btn{
    border: none;
    outline: none;
    background: #2B32B2;
    padding: 10px 50px;
    font-size: 15px;
    color: #fff;
}



/*==================================== 产品中心 ====================================*/
.product-center{
    border-bottom: 1px solid gainsboro;
}
.product-center #myTab{
    display: flex;
}
.product-center #myTab li{
    flex: 1;
    text-align: center;
    font-size: 17px;
    color: #666;
}
.product-center #myTab>li>a{
    line-height: 2;
}
.product-center #myTab>li.active>a, .product-center #myTab{
    border: none;
}
.product-center #myTab>li:hover>a{
    background: none;
 }
.product-center #myTab>li.active2>a{
    background: none;
    color: #2B32B2;
    border-bottom: 1px solid #2B32B2;
}
.myTabContent .myTabIn li{
    font-size: 15px;
}
.myTabContent .myTabIn li a img{
    vertical-align: text-top;
    margin-right: 10px;
}
.myTabContent{
    margin: 50px 0;
}

.myTabContentInner .tab-pane{
    margin: 30px 0;
}
.myTabContentInner ul{
    margin: 100px 0;
}
.myTabContentInner ul li {
    display: inline-block;
}
.myTabContentInner ul p{
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 2;
}
.myTabContentInner .commomstyle1{
    width: 30%;
}
.myTabContentInner .commomstyle1 img{
    width: 100%;
}
.myTabContentInner .commomstyle2{
    width: 65%;
    vertical-align: middle;
    margin-left: 30px;
}

.myTabContentInner .commomstyle2 p:first-child span:first-child{
    font-size: 40px;
    color: #000;
    font-weight: bold;
    display: block;
}
.myTabContentInner .commomstyle2 p:first-child span:last-child{
    font-size: 20px;
    color: #ABABAB;
    /*margin-left: 20px;*/
}
.myTabContentInner .commomstyle2 p:last-child{
    font-size: 16px;
    color: #000;
    line-height: 2;
}


.lisyStyle{
    list-style: inherit;
}
.lisyStyle li{
    display: block !important;
    font-size: 16px;
    color: #000;
    line-height: 2;
}
.lisyStyle li::before{
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2B32B2;
    margin-right: 10px;
}
.lisyStyle img{
    margin: 20px 0;
}
.lisyStyle li p:first-child{
    font-size: 15px;
    font-weight: bold;
}
.lisyStyle li p:last-child,
.lisyStyle li p:nth-child(2){
    font-size: 15px;
}



.lisyStyle .none-point:before{
    display: none;
}
.lisyStyle .none-point p{
    margin: 0;
}
.listOne h5 {
    font-size: 17px;
    color: #2B32B2;
    font-weight: bold;
}
.lisyStyle .listOne p{
    margin-bottom: 20px;
}
.listOne p span:first-child{
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 2;
}
.listOne p span:nth-child(2),
.listOne p span:nth-child(3){
    display: block;
    font-size: 15px;
    line-height: 2;
}
.react-list{
    margin-bottom: 30px;
    overflow: hidden;
}
/*.react-list li{*/
/*    width: 50%;*/
/*    float: left;*/
/*    box-sizing: border-box;*/
/*}*/
/*.react-list li:nth-child(2),*/
/*.react-list li:nth-child(3){*/
/*    border-bottom: 1px solid gainsboro;*/
/*}*/
/*.react-list li:nth-child(2),*/
/*.react-list li:nth-child(4){*/
/*    border-right: 1px solid gainsboro;*/
/*}*/

.react-list li img{
    height: 200px;
    margin: 20px auto;
    display: block;
}
.react-list li p{
    font-size: 15px;
    text-align: center;
    line-height: 2;
}
.special-layout{
    display: flex;
}
.special-layout-info{
    display: inline-block;
}
.special-layout li .special-layout-info span{
    display: block;
    line-height: 2;
}
.special-layout li .special-layout-info span:first-child{
    font-size: 17px;
    color: #2B32B2;
    font-weight: bold;

}



.title-box span:first-child{
    font-size: 40px;
    color: #000;
    font-weight: bold;
}
.title-box span:last-child{
    font-size: 20px;
    color: #ABABAB;
    margin-left: 20px;
}
.main-img-box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.main-img-box p{
    width: 600px;
    height: 380px;
    text-align: center;
    margin: 0 !important;
    overflow: hidden;
}
.main-img-box p img{
    width: 330px;
}
.main-img-box p span{
    display: block;
}





.navbar-nav li.active a{
    border-bottom: 2px solid #2B32B2 !important;
}
.navbar-nav>li>a{
    padding: 35px 0 10px 0 !important;
    margin: 0 15px !important;
}

.navbar-form{
    margin-top: 12px;
}
.formControl{
    outline: none;
    float: right;
    /*width: 20%;*/
    width: 15%;
    margin-right: 15px;
    margin-top: 28px;
    border-radius: 15px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}






.development-box{
    width: 1200px;
    overflow: hidden;
}
.development-box ul{
    width: 605%;
    overflow: hidden;
}
.development-box ul li{
    width: 1200px;
    display: inline-block;
    float: left;
}
.development-box ul li img{
    width: 540px;
    float: left;
}
.development-box ul li p{
    width: 650px;
    height: 363px;
    display: inline-block;
    float: left;
    position: relative;
}
.development-box ul li p span:first-child{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*text-align: center;*/
    font-size: 235px;
    text-indent: 95px;
    line-height: 363px;
    color: #EFEFEF;
}
.development-box ul li p span:last-child{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 50px 10px 30px;

}
.development-box ul li p span:last-child i{
    font-style: inherit;
    display: block;
}
.development-box .time{
    color: #000;
    font-size: 32px;
   margin-top: 75px;
    line-height: 2;
}
.development-box .txt{
    color: #666;
    font-size: 16px;
    line-height: 2;
}
.development-box .txt::before{
    display: inline-block;
    content: "";
    width: 5px;
    height: 5px;
    background: #666666;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
}

.data-box{
    padding: 20px 0px;
}
.data-box p{
    display: inline-block;
    width: 100px;
    /*border:1px solid cyan;*/
    text-align: center;
    font-size: 20px;
    color: #999;
    cursor: pointer;
}
.data-box p:first-child{
    float: left;
}
.data-box p:last-child{
    float: right;
}
.data-box>div{
    width: 1000px;
    display: inline-block;
    overflow: hidden;
}
.data-box ul{
    width: 200%;
    overflow: hidden;
}
.data-box ul li {
    float: left;
    font-size: 18px;
    margin-right: 24px;
    cursor: pointer;
    width: 122px;
    text-align: center;
}
.data-box ul li span{
    width: 50px;
    height: 2px;
    background: #363DBF;
    margin: 10px auto 0;
    display: none;
}

.alertTxt{
    position: fixed;
    width: 300px;
    height: 40px;
    top: -40px;
    z-index: 100;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
}
#jMenu li a{
    padding: 0 !important;
    margin: 10px;
}
.topNavBorder{
    border-bottom: 2px solid #d8ac26;
}