@charset "utf-8";

/* public*/
.w1200{width:1200px;margin:0 auto;}
.tx-l{text-align:left;}
.tx-c{text-align:center;}
.tx-r{text-align:right;}
.ufl{float:left;}
.ufr{float:right;}
.row.marlg0{margin-right:0;margin-left:0;}
.row .padlg0{padding-right:0;padding-left:0;}
.text img{max-width:100%;}
.col-zs{color:#327cbe;}
.font-18{font-size:18px;}
.font-46{font-size:46px;}
.dtable{display:table;width: 100%;height:100%;}
.dtable .dtcell{display:table-cell;vertical-align:middle;}
.block{display:block;}

/* body{padding-top: 88px;} */
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="search"], input[type="date"], select, textarea {
    -moz-border-radius: 2px;
         border-radius: 2px;
    border: solid 1px #ccc;
    padding: 0.6em;
    background-color: #f7f7f7;
    -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
       -moz-box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
            box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover, a:focus {color: #f5ab1a;text-decoration:none;}
.pub-color-cy{color: #f5ab1a;}
.pub-bg-cy{background: #f5ab1a;}
.wow{opacity: 0}
.header-wrapper{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    padding:0 1%;
    z-index:999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: transparent;

}
/* .header-wrapper.activeHead{padding-top: 0;} */
.header-wrapper:after {
    width: 100%;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
    content: '';
    position: absolute;
    top: 0%;
    left: 0;
    display: inline;
    height: 100%;
    background: rgba(9, 22, 89, 0.85);
    -ms-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
       -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
            box-shadow: 0 2px 4px rgba(0,0,0,.1);
    z-index: -1;
    opacity: 0;
}
.header-wrapper.activeHead:after,.header-wrapper:hover:after,
.header-bg.header-wrapper:after{opacity: 1;}
.navbar-default{
    background: transparent;
    border-width: 0;
    margin-bottom: 0;
    position: static;
}
.navbar-brand{
    height: auto;
    padding:10px 15px;
    margin-top: 0;
}

.head-nav-w{margin-top: 20px;padding-right: 0;}
.navbar-default .navbar-nav > li{
    margin-left:0px;
    padding-right: 0px;
    padding-left: 0px;
    font-size:18px;
    position: relative;
    height: 60px;
}
.navbar-default .navbar-nav > li > a{
    padding:10px 20px 10px 20px;color:#fff;
    position: relative;height: 40px;line-height: 20px;
    font-family:arial,'Microsoft Yahei','SimSun'
    -webkit-transition: all .42s ease;
    transition: all .42s ease;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    overflow: hidden;
}
.navbar-default .navbar-nav > li.dw > a{padding-right: 30px;padding-left: 20px;}
/* .navbar-default .navbar-nav > li.on > a,.header-wrapper.activeHead .navbar-default .navbar-nav > li.on > a{color: #d4141c;}  */
.navbar-default .navbar-nav > li .as:after{
    display: block;
    position: absolute;
    left: 50%;
    bottom:0px;
    width:28px;
    height: 2px;
    background: #f5ab19;
    content: '';
    z-index: 2;
    margin-left:-14px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.navbar-default .navbar-nav > li.on .as:after,
.navbar-default .navbar-nav > li:hover .as:after{-webkit-transform: scale(1);transform: scale(1);}
/* .header-wrapper.activeHead .navbar-nav > li > a{color:#000;} */
/* .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.header-wrapper.activeHead .navbar-nav > li > a:hover,.header-wrapper.activeHead .navbar-nav > li > a:focus{
    color:#d4141c;
} */
.navbar-default .navbar-nav > li.last > a.sea{
    width: 30px;
    font-size: 18px;
}
/* .activeHead .navbar-default .navbar-nav > li.last > a.sea{background: url(/images/ico_sea2.png) center no-repeat;} */
.navbar-default .navbar-nav > li .as span{display: block;}
/* .navbar-default .navbar-nav > li .as:before{
    content: '';
    color: #fff;
    height: 100%;
    width: 100%;
    margin-top: 0px;
    padding: 10px 20px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 55%, 0);
    transform: translate3d(0, 55%, 0);
    -webkit-transition: all .42s ease;
    transition: all .42s ease;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    font-family:arial,'Microsoft Yahei','SimSun'
    line-height: 20px;
}
.navbar-default .navbar-nav > li.dw .as:before{padding-right: 30px;padding-left: 20px;}
.navbar-default .navbar-nav > li:nth-of-type(1) .as:before{content: '首页';}
.navbar-default .navbar-nav > li:nth-of-type(2) .as:before{content: '产品解决方案';}
.navbar-default .navbar-nav > li:nth-of-type(3) .as:before{content: '客户成功案例';}
.navbar-default .navbar-nav > li:nth-of-type(4) .as:before{content: '新闻资讯';}
.navbar-default .navbar-nav > li:nth-of-type(5) .as:before{content: '招贤纳士';}
.navbar-default .navbar-nav > li:nth-of-type(6) .as:before{content: '关于我们';} */



/* .navbar-default .navbar-nav > li:hover a.as:before{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
} */
/* .navbar-default .navbar-nav > li:hover a.as span{
    -webkit-transform: translate3d(0, -55%, 0);
    transform: translate3d(0, -55%, 0);
    opacity: 0;
} */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #fff;}
.navbar-default .navbar-nav > li.last,
.navbar-default .navbar-nav > li.line{margin-left:15px;}
.navbar-default .navbar-nav > li.last > a{
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}
.navbar-default .navbar-nav > li.line > i{
    display: block;
    margin-top: 13px;
    width: 1px;
    height: 14px;
    background: #fff;
}
.navbar-default .navbar-nav > li.last:before,
.navbar-default .navbar-nav > li.lang:before{display: none;}
.navbar-default .navbar-nav > li.last:hover a ,
.navbar-default .navbar-nav > li.lang:hover a{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.navbar-default .navbar-nav > li.lang i {
    position: absolute;
    right: 0;
    top: 11px;
    line-height: 18px;
}
.navbar-default .navbar-nav > li.lang i:after {
    content: '\22';
}
/* .header-wrapper.activeHead .navbar-nav > li.lang > a{color: #000;} */

.banner .img{
    height: 100vh;
    min-height: 500px;
    overflow: hidden;
}
.banner .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ban-txt{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
}
.ban-txt .p1{
    margin-top: 30px;
}
.ban-txt .p2{font-size: 48px;}
.ban-txt .p3{font-size: 28px;margin-top: 5px;}
.ban-txt .p1 .public-more{margin-right: 15px;}
.ban-txt .line{
    width: 80px;
    height: 3px;
    background-color: #fff;
    margin: 25px auto 15px;
}
.index-prev,.index-next{
    position: absolute;
    top: 50%;
    z-index: 5;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.index-prev{left: 3%;}
.index-next{right: 3%;}
.banner .index-prev,.banner .index-next{
    color: #fff;
    font-size: 32px;
}
.banner .swiper-pagination-bullet{background-color: #fff;}
.home-section{
    padding-top: 60px;
    padding-bottom: 60px;
}
.public-title{
    text-align: center;
    position: relative;
    z-index: 9;
    margin-bottom: 50px;
    margin-top: 20px;
}
.public-title .p{
    margin-top: 10px;
    font-size: 20px;
    overflow: hidden;
}
.public-title .p span{
    display: inline-block;
    padding: 0 30px;
    position: relative;
    text-transform: uppercase;
    color: #c4c5c7;
    vertical-align: top;
}
.public-title .p span:after,.public-title .p span:before{
    position: absolute;
    top: 50%;
    width: 270px;
    height: 1px;
    background: #c4c5c7;
    content: '';
}
.public-title .p span:after{right: 100%;}
.public-title .p span:before{left: 100%;}
.public-title .pbg{
    font-size: 108px;
    font-family: arial;
    line-height: 1;
    font-weight: bold;
    text-shadow: 5px 0 0 #848484;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    color: #848484;
    opacity: 0.1;
    text-transform: uppercase;
    white-space: nowrap;
}
.ej-nav{
    position: absolute;
    top: 100%;
    left: 50%;
    width: 200px;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    color: #fff;
    text-align: center;
    display: none;
}
.ej-nav dl{margin-bottom: 0;margin-top: 1px;background-color: rgba(9, 22, 89, 0.85);}
.ej-nav dl dd{line-height: 36px;padding: 0 15px}
.ej-nav dl dd a{
    display: block;
    font-size: 14px;
}
.ej-nav dl dd+dd a{border-top: 1px solid rgba(255, 225, 255, 0.15);}
.ej-nav dl dd:hover{background: rgba(9, 22, 89, 0.85);}
.public-nav{
    text-align: center;
    font-size: 0;
}
.public-nav ul.ul li{
    display: inline-block;
    margin: 0 2.5%;
}
.public-nav ul.ul li a{
    display: block;
    font-size: 18px;
    padding-bottom: 16px;
    border-bottom-width: 2px;
    border-style: solid;
    border-color: transparent;
}
.public-nav ul.ul li.on a{border-bottom-color: #f5ab19;font-family:arial,'Microsoft Yahei','SimSun';}
.home-solution ul li{
    float: left;
    height: 330px;
}
.home-solution ul li.left{
    width: 22%;
}
.home-solution ul li.left .boxs{
    width: 100%;
    height: 100%;
    padding: 40px 30px 0;
}
.home-solution ul li.left .imgs{height: 100%;}
.home-solution ul li.left .boxs .title{
    font-size: 28px;
}
.home-solution ul li.left .boxs .p{font-size: 22px;margin-top: 5px;margin-bottom: 15px;}
.home-solution ul li.left .boxs .ctxt{font-size: 14px;color: #888;line-height: 1.5;margin-bottom: 25px;}
.home-solution ul li.item{
    width: 19.5%;
    box-shadow: 0 0 15px 1px #eff3fb;
    text-align: center;
    padding: 50px 30px 0;
    position: relative;
    background-color: #fff;
    -webkit-transition: background 0.4s ease-out;
    transition: background 0.4s ease-out;
}
.home-solution ul li.item .boxs{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: top 0.4s ease-out;
    transition: top 0.4s ease-out;
}
.home-solution ul li.item:hover{
    background: #fcaf19;
    color: #fff;
}
.home-solution ul li.item:hover .boxs{
    top: 40%;
}
.home-solution ul li.item .boxs .ti-en{
    font-size: 24px;
    font-weight: bold;
    font-family: arial;
    margin-top: 10px;
}
.home-solution ul li.item .boxs .ti-cn{
    font-size: 18px;
    line-height: 26px;
    height: 0;
    overflow: hidden;
}
.home-solution-2 ul li.item .boxs .ti-cn,
.home-solution-3 ul li.item .boxs .ti-cn,
.home-solution-4 ul li.item .boxs .ti-cn,
.home-solution-5 ul li.item .boxs .ti-cn{height: auto;margin-top: 10px;}
.home-solution ul li.item:hover .boxs .ti-cn{height: 26px;}
.home-solution ul li.item .boxs .txt{
    color: #888;
    font-size: 16px;
    line-height: 26px;
    height: 78px;
    max-width: 800px;
    margin: 20px auto 0;
}
.home-solution-1 ul li.item .boxs .txt,.home-solution-2 ul li.item .boxs .txt{max-width: 220px;}
.home-solution ul li.item:hover .boxs .txt{color: #fff;}
.home-solution ul li.item .boxs .ico{height: 62px;overflow: hidden;
    -webkit-transition: height 0.4s ease-out;
    transition: height 0.4s ease-out;
}
.home-solution ul li.item .boxs .ico img{height: 100%;}
.home-solution ul li.item:hover .boxs .ico{height: 0;}
.home-solution ul li.item  .public-more{
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
}
.home-solution ul li.item:hover  .public-more{opacity:1;}
.home-solution ul li.item  .public-more a{color: #fff;}
.home-section-2{
    background: #fafbff;
    overflow: hidden;
}
ul.home-case-ul{overflow: hidden;background: #333;}
ul.home-case-ul li{
    float: left;
    width: 25%;
    height: 550px;
    position: relative;
    transform: skewX(-10deg);
    overflow: hidden;
    z-index: 3;
}
ul.home-case-ul li:first-child,ul.home-case-ul li:last-child{
    overflow: visible;
    z-index: 1;
}
ul.home-case-ul li .bg-img{
    width: 100%;
    height: 100%;
    background: #000;
}
ul.home-case-ul li .bg-img .bg-img-c{
    position: absolute;
    top: -30%;
    left: -30%;
    width: 160%;
    height: 160%;
    background-size: cover;
    transform: skewX(10deg);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.75;
}
ul.home-case-ul li .bg-color{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #feac0c;
    opacity: 0;
}
ul.home-case-ul li:first-child .bg-color{
    width: 150%;
    left: auto;
    right: 0;
}
ul.home-case-ul li:last-child .bg-color{width: 150%;}
ul.home-case-ul li:hover .bg-color{opacity: 1;}
ul.home-case-ul li .content{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 15%;
    z-index: 6;
    color: #fff;
    transform: translateY(-50%);
}
ul.home-case-ul li .content .content-txt{
    transform: skewX(10deg);
    overflow: hidden;
}
ul.home-case-ul li .content .content-txt .title{
    font-size: 20px;
}
ul.home-case-ul li .content .content-txt .line{
    width: 30px;
    height: 3px;
    background: #feac0c;
    margin: 12px 0 20px;
}
ul.home-case-ul li .content .content-txt .p{
    font-size: 16px;
    line-height: 28px;
    height: 140px;
    margin-bottom: 10px;
    overflow: hidden;
}
ul.home-case-ul li:hover .content .content-txt{height: auto;}
ul.home-case-ul li:hover .content .content-txt .line{background-color: #fff;}
ul.home-case-ul li:hover a{color: #fff;}
ul.home-case-ul li .content .content-txt .p,ul.home-case-ul li .content .content-txt .public-more{
    display: none;
}
ul.home-case-ul li:hover .content .content-txt .p,ul.home-case-ul li:hover .content .content-txt .public-more{
    display: block;
}
.home-section-2 .public-more-s3{margin-top: 50px;}
.home-section-3 .more .public-more{margin: 0 10px}
.numgo {
    text-align: center;
    margin: 80px 0;
}
.numgo .item+.item .boxs{
    border-left: 1px solid #ccc;
}
.numgo-num{font-size: 58px;font-family: arial;font-weight: bold;}
.numgo-num .ico-fh{
    font-size: 18px;
    font-weight: normal;
    vertical-align: top;
    margin-top: 5px;
}
.numgo .p{font-size: 16px;}
.home-section-4{background-color: #fafbff;}
.home-news-group{background-color: #fff;box-shadow: 0 0 20px 1px #d6deef;}
.home-news-group .img .block{
    width: 100%;
    height: 492px;
}
.home-news-group .img .block img{
    width: 100%;
    height: 100%;
}
.home-news-group .txt{
    margin-top: 120px;
    margin-left: 60px;
    max-width: 495px;
    background: #fff;
    text-align: justify;
}
.home-news-group .txt .time,.in-news-tops .block .time{
    color: #feac0c;
    font-size: 22px;
    font-weight: bold;
    font-family: arial;
}
.home-news-group .txt .time .d,.in-news-tops .block .time .d{font-size: 38px;}
.home-news-group .txt .p{
    font-size: 16px;
    line-height: 1.6;
    margin-top: 10px;
}
.home-news-tab{position: relative;z-index: 9;}
.home-news-tab ul{
    position: absolute;
    top: 40px;
    left: 60px;
    width: 80%;
    border-bottom: 1px solid #ccc;
}
.home-news-tab ul li{
    float: left;
    font-size: 22px;
    margin-right: 40px;
    position: relative;
    padding-bottom: 8px;
    cursor: pointer;
}
.home-news-tab ul li.on:after{
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #feac0c;
    content: '';
}
.public-prev,.public-next{
    width: 50px;
    height: 50px;
}
.news-pages{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
    z-index: 12;
    box-shadow: 0 0 8px 1px #aaa;
}
.public-prev{background: #feac0c url(/images/prev.png) no-repeat center / 24px;}
.public-next{background: #fff url(/images/next2.png) no-repeat center / 24px;}
/* .newsprev{
    position: absolute;
    bottom: 0;
    right: 50%;
    z-index: 11;
}
.newsnext{
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 11;
} */
.swiper-button-disabled{cursor: no-drop;}
.home-section-4 .public-more{margin-top: 60px;}
.footer{
    padding-top: 60px;
    background: #303030;
}
.footer dl dt,.footer dl dt a{color: #fff;font-size: 16px;font-weight: normal;}
.footer dl dd,.footer dl dd a{
    color: #999;
}
.footer dl dt{margin-bottom: 15px;}
.footer dl dd{margin-bottom: 4px;}
.footer dl dt .iconfont{margin-right: 5px;}
.footer-icp{
    background: #feac0c;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    margin-top: 50px;
}
.footer .container{max-width: 1430px;}
.focus .img{height: 550px;}
.max-width-1320{max-width: 1320px;margin: 0 auto;}
.solution-list{
    padding-top: 60px;
}
.solution-list .item {
    height: 330px;
    margin-bottom: 50px;
}
.solution-list .panel {
    width: 33.33%;
    height: 100%;
    float: left;
    background: rgba(242,246,250,1);
}
.solution-list .panel .icon {
    height: 60px;
    margin-top: 80px;
    text-align: center;
}
.solution-list .panel .icon img {
    height: 100%;
}
.solution-list .panel .name {
    height: 24px;
    font-size: 24px;
    font-weight: 400;
    color: rgba(49,49,49,1);
    line-height: 24px;
    margin-top: 15px;
    text-align: center;
}
.solution-list .panel .btnd {
    width: 154px;
    height: 40px;
    border: 1px solid rgba(204, 204, 204, 1);
    font-size: 14px;
    font-weight: 400;
    color: rgba(51,51,51,1);
    line-height: 40px;
    text-align: center;
    margin: 40px auto;
}
.solution-list .img {
    width: 66.66%;
    height: 100%;
    float: left;
}
.solution-list .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.solution-list .item:nth-child(2n) .panel {
    background: rgba(9, 22, 89, 1);
    float: right;
}
.solution-list .item:nth-child(2n) .img {
    float: right;
}
.solution-list .item:nth-child(2n) .panel .name {
    color: rgba(255,255,255,1);
}
.solution-list .item:nth-child(2n) .panel .btnd {
    background: rgba(255,255,255,1);
    color: rgba(30,69,123,1);
}
.cases-list{padding-top:30px;padding-bottom: 40px;}
.cases-list .public-nav{margin-bottom:30px;}
.cases-list .row{margin-right: -10px;margin-left: -10px;}
.cases-list .item{margin-bottom: 20px;padding-right: 10px;padding-left: 10px;}
.cases-list .text{
    border: 1px solid #cccccc;
    border-top: 0;
    position: relative;
}
.cases-list .item .inner {
    position: relative;
    z-index: 5;
    height: 160px;
    padding: 35px 35px 15px;
}
.cases-list .item .inner h4{line-height: 1.5;}
.cases-list .item .desc {
    line-height: 22px;
    margin-top: 15px;
}
.cases-list .item .line {
    position: absolute;
    z-index: 2;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: 0;
    overflow: hidden;
}
.cases-list .item .line i:nth-child(1) {
    position: absolute;
    width: 1px;
    left: 0;
    top: 100%;
    height: 100%;
    background: #135399;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.cases-list .item .line i:nth-child(2) {
    position: absolute;
    height: 1px;
    left: -100%;
    bottom: 0;
    width: 100%;
    background: #135399;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.cases-list .item .line i:nth-child(3) {
    position: absolute;
    width: 1px;
    right: 0;
    top: -100%;
    height: 100%;
    background: #135399;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.cases-list .item:hover .line i:nth-child(1){ top: 0; }
.cases-list .item:hover .line i:nth-child(2){ left: 0; }
.cases-list .item:hover .line i:nth-child(3){ top: 0; }
.cases-list .item .more1 {
    display: block;
    width: 100%;
    height: 85px;
    height: 180px;
    line-height: 85px;
    text-align: center;
    color: #fff;
    position: relative;
}
.cases-list .item .more1 span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}
.cases-list .item .more1 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.in-news-main{padding-top: 60px;}
.in-news-tabs {
    display: inline-block;
    border-bottom: 1px solid #cccccc;
    font-size: 0;
}
.in-news-tabs .item {
  font-size: 24px;
  padding: 18px 0;
  display: inline-block;
  cursor: pointer;
  position: relative;
}

.in-news-tabs .item.on:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #f5ab1a;
  position: absolute;
  bottom: -2px;
  left: 0;
}

.in-news-tabs .item+.item {
  margin-left: 55px;
}

.in-news-search{ margin: 60px auto; max-width: 980px; position: relative; border: 2px solid #091659;font-size: 16px;}
.in-news-search input.tx{ padding: 10px 5px; width: 80%; position: relative; left: 35px; border: 0;background: #fff;box-shadow: none;outline: none;}
.in-news-search span.iconfont{width: 30px; height: 30px; position: absolute; left: 10px; top: 50%; margin-top: -15px; line-height: 30px;font-size: 22px;}
.in-news-search .search_btn{right: 0; position: absolute; width: 140px; top: 0; bottom: 0; border: 0; background: #091659; color: #fff; cursor: pointer;}

.in-news-tops .block .img {
    width: 660px;
    height: 492px;
    float: left;
}
.in-news-tops .block .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.in-news-tops .block .text {
    overflow: hidden;
    background: #091659;
    color: #fff;
    height: 492px;
    text-align: center;
    font-size: 0;
    padding-left: 50px;
    padding-right: 50px;
}
.in-news-tops .block .middle-cont {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    letter-spacing: 0;
    width: 100%;
    max-width: 500px;
    text-align: left;
}
.in-news-tops .block .tit{
    margin-top: 10px;
    font-size: 18px;
}
.in-news-tops .block .desc {
    margin-top: 10px;
}
.in-news-tops .block .time{color: #fff;}

.party-list li .w{margin-top: 100px; }
.party-list li .w dl{ overflow: hidden; position: relative; padding-left: 180px;padding-left:150px;}
.party-list li .w .date{ position: absolute; left: 0; top: 50%; margin-top: -75px;text-align: center;}
.party-list li .w .date p{ font-size: 90px; line-height: 1; color: #091659;font-family: arial;}
.party-list li .w .date span{ display: block; font-size: 20px; color: #333; padding-left: 5px;font-family: arial;}
.party-list li .w .date em{ font-style: normal; color: #999; font-size: 14px; padding-left: 5px;}
.party-list li .w dt{ float: left; width: 320px; margin-right: 70px;width:378px;margin-right:40px;}
.party-list li .w dt img{ width: 100%; height: 240px; object-fit: cover;}
.party-list li .w dd{ overflow: hidden;}
.party-list li .w dd .tit{ font-size: 24px; border-bottom: 1px solid #ddd; padding: 10px 0; margin-top: 0; text-align: left;}
.party-list li .w dd .p{ font-size: 14px; color: #474747; margin: 15px 0 20px;line-height:24px;}
.in-pages{padding-top: 30px;padding-bottom: 30px;}
.job-top,.job-environment,.job-activity,.job-list,.about-tops,.about-tops-imgs,.about-contact{padding-top: 60px;}
.job-top,.job-environment,.job-activity,.about-contact{padding-bottom: 60px;}
.job-environment-swp .boxs{
    -webkit-box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 15%);
    margin: 10px 0;
    border-radius: 4px;
    overflow: hidden;
}
.job-activity-swp .img img{width: 100%;}

.join .list{width: 100%; overflow: auto;margin-top: 30px;}
.join .list dl{margin-bottom: 0;}
.join .list dl dt {font-weight: normal;display: flex; flex-direction: row; height: 76px; align-items: center;  border-bottom: 1px solid #e6e6e6; cursor: pointer; }
.join .list dl dt span { font-size: 16px; padding: 0px 10px;  }
.join .list dl dt .m1 { width: 30%; padding: 0px 30px;width: calc(40% - 100px);}
.join .list dl dt .m2 { width: 30%; }
.join .list dl dt .m3 { width: 25%; }
.join .list dl dt .m4 { width: 100px; }
.join .list dl dt .m5 { width: 30%; }
.join .list dl dt .click_zk { background: url('/images/icon30.png') no-repeat center center; display:inline-block; background-size: contain; width: 42px; height: 42px; transition: 0.2s ease all}
.join .list dl dd { border: 1px solid #e6e6e6; border-top: none; padding: 50px 30px; padding-top: 10px;display: none;background: #fff;}
.join .list dl dd p { font-size: 16px; line-height: 32px; margin: 10px 0px; }
.join .list dl dd p strong { font-weight: bold; color: #333; display: block; margin-top: 20px; }
.join .list dl.active dt .click_zk { background: url('/images/icon31.png') no-repeat center center;  background-size: contain}
.join .list .tit { display: flex; flex-direction: row; height: 76px; align-items: center;  border-bottom: 2px solid #0080cc; }
.join .list .tit span { font-size: 18px; padding: 0px 10px; }
.join .list .tit .m1 { width: 30%; padding: 0px 30px;width: calc(40% - 100px);}
.join .list .tit .m2 { width: 30%; }
.join .list .tit .m3 { width: 25%; }
.join .list .tit .m5 { width: 30%; }
.join .list .tit .m4 { width: 100px; }
.join .pub-pages{margin-top: 50px;margin-bottom: 50px;}
/* .job-list{background: rgba(0, 0, 0, 0.05);}
.job-list .public-title .pbg{color: #818181;} */
.job-activity{background-color: #fbfbfb;}
.job-activity .public-title .pbg{color: #818181;}
.about-tops-imgs .item{margin-bottom: 50px;margin-top: 20px;}
.about-tops-imgs .item .txt{
    padding:0 50px;
}
.about-tops-imgs .item .txt h4{font-size: 24px;color: #f5ab19;margin-bottom: 20px;}
.about-tops-imgs .item .txt .p{font-size: 18px;line-height: 1.6;}
.about-wrap{margin-bottom: 60px;}
.about-honor-swp .ctxt {padding:10px 15px;}
.about-honor-swp .ctxt h4{font-size: 20px;margin-bottom: 15px;}
.about-honor-swp .ctxt .p{font-size: 16px;}
.about-honor-swp{
    position: relative;
    padding-top: 60px;
}
.about-honor-swp .iconfont{
    font-size:32px;color: #f5ab19;
}
.about-honor-swp .index-prev{left: -40px;}
.about-honor-swp .index-next{right: -40px;}
.about-honor .public-title{margin-top:120px;margin-bottom: 0;}
.layui-layer-photos{
        -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.about-honor-swp .boxs .img{
    padding-top: 75.8%;
    position: relative;
    background-color: #f1f1f1;
}
.about-honor-swp .boxs .img img{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.about-history{
    background: url(/images/about_bg.jpg) no-repeat center bottom / 100% auto;
    padding-top: 70px;
    padding-bottom: 80px;
    border-top: 1px solid #ddd;
}
/* .about-history .list{margin-top: 80px;} */
.about-history .list .item{position: relative;}
.about-history .list .item .poto{
    width: 108px;
    margin: 0 auto;
}
.about-history .list .item .poto .img{position: relative;z-index: 4;padding: 40px 0;}
.about-history .list .item .poto .img img{
    display: block;
    width: 108px;
    height: 108px;
    border-radius: 50%;
}
.about-history .list .item .poto .line{
    position: absolute;
    left: 50%;
    width: 2px;
    height: 100%;
    background-color: #eee;
    margin-left: -1px;
    z-index: 1;
}
.about-history .list .item .year{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 28px;
    color: #555;
}
.about-history .list .item:nth-child(odd) .year{left: 50%;margin-left: 100px;}
.about-history .list .item:nth-child(even) .year{right: 50%;margin-right: 100px;}
.about-history .list .item .mes{
    position: absolute;
    top: 50%;
    width: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    background-color: #eee;
    padding: 20px;
    line-height: 30px;
}
.about-history .list .item:nth-child(even) .mes{left: 50%;margin-left: 90px;}
.about-history .list .item:nth-child(odd) .mes{right: 50%;margin-right: 90px;}
.about-history .list .item .mes .ico-sj{
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.about-history .list .item:nth-child(odd) .mes .ico-sj{
    left: 100%;
    border-left: 20px solid #eee;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.about-history .list .item:nth-child(even) .mes .ico-sj{
    right: 100%;
    border-right: 20px solid #eee;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.about-history .list .item.active .mes{background-color: rgba(9, 22, 89, 0.85);color: #fff;}
.about-history .list .item.active .poto .line{background-color: rgba(9, 22, 89, 0.85);}
.about-history .list .item.active .mes .txt{-webkit-line-clamp:5;}
.about-history .list .item.active:nth-child(odd) .mes .ico-sj{border-left-color: rgba(9, 22, 89, 0.85);}
.about-history .list .item.active:nth-child(even) .mes .ico-sj{border-right-color: rgba(9, 22, 89, 0.85);}
.contact-mes .txt{
    padding-left: 30px;
}
.contact-mes .txt ul li{
    padding-left: 50px;
    position: relative;
    padding-right: 50px;
    font-size: 18px;
}
.contact-mes .txt ul li span.iconfont{
    position: absolute;
    top: 10px;
    left: 0;
    font-size: 24px;
    color: #2160a9;
}
.contact-mes .txt ul li span.icon-dianhua1{
    font-size: 32px;
    top: 5px;
}
.contact-mes .txt ul li span.icon-dizhi2{
    font-size: 29px;
    top: 5px;
}
.contact-mes .txt ul li span.icon-youbian{
    font-size: 19px;
    top: 10px;
}
.contact-mes .txt ul li span.icon-youxiang3{
    font-size: 28px;
    top: 5px;
}
.contact-mes .txt ul li .p{
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc;
    font-size: 16px;
}
.contact-mes .txt ul li .ti{
    padding-top: 15px;
    color: #2160a9;
    margin-bottom: 5px;
}
.a-position{position: relative;}
.a-position a{position: absolute;top: -80px}
.side-online {
    position: fixed;
    right: -80px;
    bottom: 5%;
    z-index: 999;
}
.side-online:hover{right: 0;}
.side-online .online{
    display: block;
    width: 160px;
    height: 80px;
    background: url(/images/online.png) no-repeat center/cover;
    padding-left: 80px;
    line-height: 90px;
    color: #fff;
    font-size: 16px;
}
.solution-1-section{padding-top: 60px;padding-bottom: 60px;position: relative;}
.public-intro{
    font-size: 16px;
    line-height: 1.6;
    max-width: 1100px;
    margin: 30px auto;
    text-align: center;
}
.solution-1-section-1 .rlist,.solution-2-section-3-nav .nav-center{text-align: center;font-size:0;}
.solution-1-section-1 .rlist-center >div,.solution-2-section-3-nav .nav-center>div{float:none;display:inline-block;vertical-align:top;}
.solution-1-section-1 .boxs:hover{transform: translateY(-10px);}
/* .solution-1-section-1 .boxs .ico{max-height: 200px;} */
.solution-1-section-1 .boxs .ico img{max-width: 100%;max-height:200px;}

.solution-1-section-1 .boxs .p{font-size: 18px;}
.solution-1-section-3 table tr td{padding: 80px 0;}
.solution-1-section-3 table.itable{width: 100%;table-layout: fixed;}
.solution-1-section-3 table .ico.pull-left{margin-right: 20px;}
.solution-1-section-3 table .ico.pull-right{margin-left: 20px;}
.solution-1-section-3 table h4{font-size: 20px;margin-bottom: 10px;}
.solution-1-section-3 table .p{font-size: 16px;line-height: 1.6;color: #666;}
.solution-1-relevant-swp{
    padding: 0 50px;
    position: relative;
}
.solution-1-relevant-swp .index-prev{left: 0;}
.solution-1-relevant-swp .index-next{right: 0;}
.solution-1-relevant-swp .boxs{
    height: 200px;
    background: #fff;
    box-shadow: 0 0 15px 1px #e6effe;
    padding: 40px;
    margin: 15px;
}
.solution-1-relevant-swp .boxs .title{
    font-size: 22px;
}
.solution-1-relevant-swp .boxs .line{
    width: 30px;
    height: 3px;
    background: #f5ab19;
    border-radius: 3px;
    margin: 10px 0 15px;
}
.solution-1-relevant-swp .boxs .p{font-size: 16px;line-height: 1.6;}
.solution-1-relevant-swp .boxs:hover{color: #fff;background: #1c75ff;}
.solution-1-relevant-swp .boxs:hover .line{background-color: #fff;}
.solution-1-bg-left{background-image: url(/images/bgleft.png);}
.solution-1-bg-right{background-image: url(/images/bgright.png);}
.solution-1-bg-size1{
    position: absolute;
    width: 30%;
    height: 100%;
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
    bottom: -50%;
    left: 0;
    z-index: -1;
}
.solution-1-bg-size2{
    position: absolute;
    width: 50%;
    height: 200%;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    top:50%;
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
    right: 0;
    z-index: -1;
}
.solution-1-bg-size3{
    position: absolute;
    width: 50%;
    height: 100%;
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.solution-1-bg-size4{
    position: absolute;
    width: 50%;
    height: 150%;
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    bottom:10%;
    right: 0;
    z-index: -1;
}
.solution-2-section-3-nav .boxs{
    padding-bottom: 60px;
    position: relative;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.solution-2-section-3-nav .boxs .ico{height:50px;}
.solution-2-section-3-nav .boxs .ico img{max-height:100%;}
.solution-2-section-3-nav .boxs .p{font-size: 18px;margin-top: 15px;}
.solution-2-section-3-nav .on .boxs:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border-bottom: 15px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: '';
    margin-left: -8px;
}
.skinpopform.layui-layer{background-color:transparent;box-shadow:none;}
.popforms-content{
    padding: 40px 15px 40px 30px;
    background: #fff;
    border-radius: 10px;
    font-size: 16px;
}
.popforms-top{
    width: 80%;
    margin:30px auto 0;
    background: #4487ff;
    color: #fff;
    text-align: center;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    position: relative;
}
.popforms-top .ico-close{
    position: absolute;
    width:14px;
    height: 14px;
    background: url(/images/icon_close.png) no-repeat;
    background-size: cover;
    top:17px;
    right: 15px;
    z-index: 3;
}
.popforms-top .ico-close span{
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.popforms-top .title span{
    display: inline-block;
    padding-left: 80px;
    line-height: 48px;
    position: relative;
    font-size: 18px;
}
.popforms-top .title span i{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70px;
    height: 78px;
    background: url(/images/ico101.png) no-repeat center bottom;
    background-size: cover;
}
.popforms-content .form-group label{
    font-weight: normal;
}
.popforms-content .form-group label span.x{
    color: #f00;
}
.popforms-content .form-group input{
  background: #fff;
  outline: none;
}
.popsub{
    padding-top: 15px;
}
.popsub input{
    width: 100%;
    height: 44px;
    background: #4487ff;
    color: #fff;
    border-width: 0;
    outline: none;
    font-size: 16px;
    border-radius: 8px;
}
.poprboxs .rewms{
    width: 260px;
}
.poprboxs .cimg{
    margin:0 5px;
}
.poprboxs .rewms .txp{
    text-align: center;
    margin-top: 8px;
    font-size: 14px;
}
.poprboxs .t{
    margin-bottom: 10px;
    margin-top: 5px;
}
.poprboxs .cons+.cons{
    padding-top: 20px;
    border-top: 1px solid #eee;
    margin-top: 20px;
}
.popforms-content .row>div:first-child{
    padding-right: 30px;
}
.popforms-content .row>div:last-child{
    border-left: 1px solid #ddd;
    padding-left: 30px;
}
.solution-2-section-3 .public-title .pbg,.public-title-not-p.public-title .pbg{
    bottom:50%;
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%);
}
.public-title-not-p .p{display:none;}