/*-----------------------------------------------------------*/

/*copyright by 动力无限  www.btoe.cn*/

/*邮箱 btoe@btoe.cn*/

/*合作电话 400-0599-360*/

/*版权所有违者必究*/

/*-----------------------------------------------------------*/



.sjcTop,

.sjcBottom,

.sjcLeft,

.sjcRight,

.rightWow,

.leftWow,

.bottomWow,

.bg {

    -webkit-transition: all 0.8s ease-out;

    transition: all 0.8s ease-out;

}



.banner {

    position: relative;

    height: 690px;

    overflow: hidden;

}



.banner .slider {

    position: absolute !important;

    left: 50%;

    transform: translate(-50%);

    width: 100% !important;

    height: 100%;

    overflow: hidden;

    z-index: 1;

    top: 0;

    margin: 0 auto;

}



.banner .slider-main {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 50%;

    transform: translate(-50%);

    z-index: 1;

}



.banner .slider-main li {

    width: 100%;

    height: 100%;

}



.banner .slider-main li a img {

    width: 100%;

    height: 100%;

}



.banner .slider-btn {

    position: absolute;

    z-index: 99;

    width: 200px;

    height: 60px;

    background-color: #ffffff;

    bottom: 0;

    right: 0;

    display: flex;

    justify-content: center;

    align-items: center;

}



.banner .slider-btn::after {

    content: "";

    position: absolute;

    width: 17px;

    height: 17px;

    background: url(../images/bani1.png) no-repeat center;

}



.banner .osSlider-main .slider-btn-prev {

    cursor: pointer;

    width: 34px;

    height: 19px;

    margin-right: 86px;

    background: url(../images/ban-b-l.png) no-repeat center;

    transition: all .5s;

    -webkit-transition: all .5s;

}





.banner .osSlider-main .slider-btn-next {

    cursor: pointer;

    width: 34px;

    height: 19px;

    background: url(../images/ban-k-r.png) no-repeat center;

    transition: all .5s;

    -webkit-transition: all .5s;

}







.one {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.tran {

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



a,

img {

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



button,

input {

    border: none;

    outline: none;

}



.out {

    position: relative;

}



.out:hover::after,

.out:hover::before {

    width: 100%;

}



.out:hover>a::after,

.out:hover>a::before {

    height: 166px;

}



.out:hover .pro_hot_txt>a {

    color: #0074d4;

}



.out::after,

.out::before {

    content: "";

    position: absolute;

    width: 0;

    height: 1px;

    background: #386be1;

    left: 0;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



.out::after {

    top: 0;

}



.out::before {

    top: 166px;

}



.in::after,

.in::before {

    content: "";

    position: absolute;

    width: 1px;

    height: 0;

    background: #386be1;

    top: 0;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



.in::after {

    left: 0;

}



.in::before {

    right: 0;

}



.shadow:hover {

    transform: translateY(-5px);

    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);

}



.shadow2:hover {

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.linkeff {

    position: relative;

}



.linkeff:hover::after,

.linkeff:hover::before {

    width: 100%;

}



.linkeff::after,

.linkeff::before {

    content: "";

    position: absolute;

    width: 0;

    height: 100%;

    height: 1px;

    background: #386be1;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



.linkeff::after {

    left: 0;

    top: 0;

}



.linkeff::before {

    right: 0;

    bottom: 0;

}



.img_white {

    overflow: hidden;

}



.img_white::after {

    display: block;

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 1;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: bottom;

    transform-origin: bottom;

    background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

    background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

    background: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

    background: -o-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

    background: -ms-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

    opacity: 1;

    bottom: -100%;

    transition: all 0.8s ease-in-out;

    -webkit-transition: all 0.8s ease-in-out;

    -ms-transition: all 0.8s ease-in-out;

    -o-transition: all 0.8s ease-in-out;

}



.img_white:hover::after {

    -webkit-transition: all 1s cubic-bezier(0, 0, 0.18, 0.96);

    transition: all 1s cubic-bezier(0, 0, 0.18, 0.96);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

    -webkit-transform-origin: top;

    transform-origin: top;

    opacity: 0;

    bottom: 100%;

}



.img_save {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    max-width: 100%;

    max-height: 100%;

}



.yebl {

    width: 1300px;

    margin: 0 auto;

}



/* tit-box */

.tit-box a {

    display: block;

}



.tit-box i {

    font-size: 30px;

    color: #333333;

    display: inline-block;

    margin: 10px 0 0 18px;

}



.tit-box .tit-d {

    display: inline-block;

    transform: translateY(-5px);

}





/* pro */

.pro-box {

    overflow: hidden;

    padding: 80px 0 80px 0;

}



.pro-con {

    position: relative;

}



.pro-con>.sy {

    position: absolute;

    top: 32%;

    left: -305px;



}



.search-box {

    margin-top: 13px;

    width: 559px;

    height: 62px;

    background-color: #ffffff;

    border: solid 1px #e0e0e0;

    display: flex;

    box-sizing: border-box;

    padding: 0 0 0 30px;

    justify-content: space-between;

}



.search-box input {

    width: 80%;

    font-size: 16px;

    color: #333333;

}



.search-box input::-webkit-input-placeholder {

    /* WebKit browsers */

    font-size: 16px;

    color: #333333;

}



.search-box input:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    font-size: 16px;

    color: #333333;

}



.search-box input::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    font-size: 16px;

    color: #333333;

}



.search-box input:-ms-input-placeholder {

    /* Internet Explorer 10+ */

    font-size: 16px;

    color: #333333;

}



.search-box button {

    display: inline-block;

    width: 68px;

    height: 100%;

    cursor: pointer;

    background-color: #357fe7;

}



.slide-pro {

    margin-top: 35px;

}



.slide-pro .hd {

    width: 100%;

    height: 280px;

    background: url(../images/pro-bg.jpg) no-repeat center;

    background-size: cover;

    box-sizing: border-box;

    padding: 40px 17px 40px 113px;

}



.slide-pro .hd-con {

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    background-color: #fff;

    padding: 50px 95px 0 67px;

}



.slide-pro .hd-con p {

    font-size: 24px;

    font-weight: bold;

    line-height: 40px;

    color: #333333;

}



.slide-pro .hd-con p i {

    display: block;

    font-family: Arial;

    font-size: 16px;

    font-style: italic;

    line-height: 40px;

    color: #333333;

    width: 192px;

    margin-bottom: 5px;

    border-bottom: 1px solid #e6e6e6;

}



.slide-pro .hd ul li {

    display: inline-block;

    margin-left: 86px;

}



.slide-pro .hd ul li a {

    display: block;

    text-align: center;

    font-size: 16px;

    color: #333333;

}



.slide-pro .hd .icon {

    display: block;

    margin-bottom: 28px;

    width: 50px;

    height: 50px;

    overflow: hidden;

    object-fit: cover;

    position: relative;

    border-radius: 50%;

    background-color: #ffffff;

    border: solid 1px #d9d9d9;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



.slide-pro .hd .icon:before,

.slide-pro .hd .icon:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    right: 0;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}





.slide-pro .hd .icon:after {

    right: 0;

}



.slide-pro .hd .icon::before {

    right: 100%;

}



.slide-pro .hd ul li.on .icon::after {

    right: -100%;

}



.slide-pro .hd ul li.on .icon::before {

    right: 0;

}





.slide-pro .hd-con>a:hover .icon::after {

    right: -100%;

}



.slide-pro .hd-con>a:hover .icon::before {

    right: 0;

}



.slide-pro .hd .icon::before {

    background: url(../images/proi2.png) center no-repeat;

}



.slide-pro .hd .icon::after {

    background: url(../images/proi1.png) center no-repeat;

}



.slide-pro .hd-con>a {

    margin-left: 90px;

    font-size: 16px;

    color: #333333;

}



.slide-pro .hd ul li.on .icon,

.slide-pro .hd-con>a:hover .icon {

    background-color: #357fe7;

    border: solid 1px #357fe7;

}



.slide-pro .hd ul li.on a,

.slide-pro .hd-con>a:hover {

    color: #357fe7;

}



.pro-bd {

    margin-top: 20px;

}



.pro-bd li {

    display: inline-block;

    margin-right: 29px;

    margin-top: 30px;

}



.pro-bd li:nth-child(4n+4) {

    margin-right: 0;

}



.pro-bd li a {

    display: block;

    width: 300px;

    position: relative;

    box-sizing: border-box;

    padding-bottom: 17px;

}



.pro-bd li a::before {

    content: "+";

    display: inline-block;

    width: 28px;

    height: 28px;

    border: solid 4px #eeeeee;

    position: absolute;

    right: 0;

    bottom: 17px;

    font-size: 20px;

    box-sizing: border-box;

    border-radius: 50%;

    text-align: center;

    line-height: 16px;

    font-weight: bold;

    color: #b2b2b2;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



.pro-bd li a::after {

    content: "";

    display: inline-block;

    width: 17px;

    height: 1px;

    background-color: #e7e7e7;

    position: absolute;

    left: 11px;

    bottom: 0;

}



.pro-bd li a img {

    padding: 9px;

    width: 280px;

    height: 200px;

    object-fit: cover;

    border-radius: 6px;

    border: solid 1px #eeeeee;

}



.pro-bd li a i {

    display: block;

    font-size: 16px;

    color: #333333;

    width: 75%;

    overflow: hidden;

    margin: 23px 0 0 10px;

    text-overflow: ellipsis;

    white-space: nowrap;

}





.pro-bd li:hover a img {

    background-color: #357fe7;

}



.pro-bd li:hover a::before {

    color: #fff;

    background-color: #357fe7;

    line-height: 20px;

    border: 3px solid #357fe7;

}







/* adv-box */

.adv-box {

    overflow: hidden;

    padding: 64px 0 54px;

    background: url(../images/adv-bg.jpg) no-repeat center;

    background-size: cover;

}



.adv-con {

    position: relative;

}



.adv-txt-l {

    width: 342px;

    height: 766px;

    box-sizing: border-box;

    background-color: #ffffff;

    border-radius: 10px;

    position: relative;

    z-index: 9;

    padding: 65px 34px 0 65px;

}



.adv-txt-l p:nth-child(1) {

    font-family: Times New Roman;

    font-size: 50px;

    font-weight: bold;

    line-height: 60px;

    color: #333333;

}



.adv-txt-l h3 {

    margin: 20px 0 20px 0;

    font-size: 22px;

    letter-spacing: 1px;

    color: #333333;

    padding-bottom: 20px;

    border-bottom: 1px solid rgba(193, 193, 193, 0.1);

}



.adv-txt-l i {

    display: block;

    font-size: 14px;

    letter-spacing: 3px;

    color: #333333;

    opacity: 0.6;

}



.adv-txt-l .phone {

    font-family: Arial;

    font-size: 24px;

    color: #333333;

    margin-left: 8px;

    margin-top: 35px;

    margin-bottom: 25px;

}



.adv-txt-l>a {

    display: block;

    position: absolute;

    left: 0;

    box-sizing: border-box;

    bottom: 50px;

    width: 342px;

    height: 59px;

    line-height: 59px;

    text-align: center;

    font-size: 16px;

    color: #ffffff;

    background-color: #357fe7;

}



.adv-txt-l>a img {

    margin-left: 30px;

}



.adv-txt-l::after {

    content: "";

    display: inline-block;

    position: absolute;

    z-index: -1;

    top: 8px;

    left: 8px;

    width: 320px;

    height: 690px;

    border-radius: 10px;

    border: solid 3px #357fe7;

    opacity: 0.3;

}





.slide-adv {

    width: 862px;

    box-sizing: border-box;

}



.slide-adv .hd ul li {

    display: inline-block;

    text-align: center;

    margin-right: 187px;

    cursor: pointer;

}



.slide-adv .hd ul li:last-child {

    margin-right: 0;

}



.slide-adv .hd ul li .icon {

    display: inline-block;

    border-radius: 50%;

    width: 65px;

    height: 65px;

    overflow: hidden;

    object-fit: cover;

    position: relative;

    background-color: #ffffff;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



.slide-adv .hd ul li .icon:before,

.slide-adv .hd ul li .icon:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    right: 0;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



.slide-adv .hd ul li .icon:after {

    right: 0;

}



.slide-adv .hd ul li .icon::before {

    right: 100%;

}



.slide-adv .hd ul li.on .icon::after {

    right: -100%;

}



.slide-adv .hd ul li.on .icon::before {

    right: 0;

}



.slide-adv .hd ul li:nth-child(1) .icon::before {

    background: url(../images/a12.png) center no-repeat;

}



.slide-adv .hd ul li:nth-child(1) .icon::after {

    background: url(../images/a1.png) center no-repeat;

}



.slide-adv .hd ul li:nth-child(2) .icon::before {

    background: url(../images/a22.png) center no-repeat;

}



.slide-adv .hd ul li:nth-child(2) .icon::after {

    background: url(../images/a2.png) center no-repeat;

}



.slide-adv .hd ul li:nth-child(3) .icon::before {

    background: url(../images/a32.png) center no-repeat;

}



.slide-adv .hd ul li:nth-child(3) .icon::after {

    background: url(../images/a3.png) center no-repeat;

}



.slide-adv .hd ul li:nth-child(4) .icon::before {

    background: url(../images/a42.png) center no-repeat;

}



.slide-adv .hd ul li:nth-child(4) .icon::after {

    background: url(../images/a4.png) center no-repeat;

}





.slide-adv .hd ul li.on .icon {

    background-color: #357fe7;

}



.slide-adv .hd ul li p {

    font-size: 18px;

    color: #333333;

    transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

}



.slide-adv .hd ul li p::before {

    content: "";

    display: block;

    width: 1px;

    height: 15px;

    background-color: #333333;

    opacity: 0.3;

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    margin: 5px 0 10px;

}



.slide-adv .hd ul li.on p {

    color: #357fe7;

}



.adv-bd {

    margin-top: 105px;

}



.adv-bd .bd li {

    position: relative;

}



.adv-bd .bd li img {

    position: absolute;

    top: 0;

    left: 452px;

}



.adv-bd .bd li p:nth-child(2) {

    font-size: 22px;

    font-weight: bold;

    color: #333333;

}



.adv-bd .bd li i {

    font-size: 14px;

    display: block;

    color: #cccccc;

    width: 424px;

    padding: 5px 0 23px;

    margin-bottom: 35px;

    border-bottom: 1px solid #ebebeb;

}



.adv-bd .bd li .desc {

    width: 545px;

    font-size: 16px;

    color: #999999;

    line-height: 36px;

}



.adv-bd .bd li .desc::before {

    content: "·";

    font-size: 18px;

    margin-right: 5px;

    font-weight: bold;

}



.arrow {

    margin-top: 90px;

    display: flex;

}



.arrow>i {

    display: inline-block;

    width: 73px;

    height: 49px;

    line-height: 49px;

    margin-right: 7px;

    font-size: 25px;

    font-weight: lighter;

    color: #fff;

    text-align: center;

    box-sizing: border-box;

    background-color: #357fe7;

    transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

    cursor: pointer;

}



.arrow>i.active {

    color: #357fe7;

    border: solid 3px #357fe7;

    background-color: transparent;

}



.adv-con .sy {

    position: absolute;

    bottom: -80px;

    right: 154px;

}





/* case */

.case-box {

    overflow: hidden;

    padding: 80px 0 35px;

}



.case-con {

    position: relative;

}



.case-con>.sy {

    position: absolute;

    bottom: 35px;

    right: -310px;

    z-index: 99;

}



.case-tit .rightr span {

    display: inline-block;

    font-size: 16px;

    color: #b3b3b3;

    transform: translateY(-15px);

    margin-right: 6px;

}



.case-prev,

.case-next {

    margin: 0 0 0 26px;

    display: inline-block;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    position: relative;

    background-color: #ffffff;

    border: solid 1px #262626;

    transition: all .5s;

    -webkit-transition: all .5s;

    cursor: pointer;

}



.case-prev::before,

.case-next::before {

    position: absolute;

    content: "";

    width: 10px;

    height: 16px;

    left: 50%;

    top: 50%;

    transition: all .5s;

    -webkit-transition: all .5s;

    transform: translate(-50%, -50%);

}



.case-prev::before {

    background: url(../images/cr-b.png) no-repeat center;

}



.case-next::before {

    background: url(../images/cl-b.png) no-repeat center;

}







.case-prev.active,

.case-next.active {

    border: solid 1px #357fe7;

    background-color: #357fe7;

}



.case-prev.active::before {

    background: url(../images/cr-w.png) no-repeat center;

}



.case-next.active::before {

    background: url(../images/cl-w.png) no-repeat center;

}



.sw-case .l-text {

    padding: 24px 29px 30px 29px;

    width: 690px;

    height: 631px;

    overflow: hidden;

    background-color: #ffffff;

    border: solid 1px #e5e5e5;

    box-sizing: border-box;

    display: inline-block;

}



.sw-case .l-text a {

    display: block;

    position: relative;

}



.sw-case .l-text a::after {

    position: absolute;

    content: "";

    width: 46px;

    height: 46px;

    display: inline-block;

    bottom: 90px;

    right: 0;

    background: url(../images/cr.jpg) no-repeat center;

}



.sw-case .l-text a img {

    width: 630px;

    height: 411px;

    object-fit: cover;

}



.sw-case .l-text a i {

    display: block;

    font-size: 18px;

    width: 80%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #333333;

    margin: 45px 0 13px;

}



.sw-case .l-text a span {

    display: block;

    font-size: 16px;

    line-height: 38px;

    padding-top: 15px;

    color: #808080;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    border-top: 1px solid #e6e6e6;

}



.sw-case .ul-right {

    display: inline-block;

    width: 540px;

    margin-left: 65px;

    box-sizing: border-box;

}



.sw-case .ul-right li {

    width: 538px;

    height: 180px;

    margin-bottom: 45px;

    box-sizing: border-box;

    background-color: #ffffff;

    border: solid 1px #e5e5e5;

    padding: 26px 60px 36px 39px;

    transition: all .8s ease-in-out;

    -webkit-transition: all .8s ease-in-out;

}



.sw-case .ul-right li a {

    display: flex;

    align-items: center;

}



.sw-case .ul-right li a img {

    width: 115px;

    height: 115px;

    object-fit: cover;

    border-radius: 50%;

    background-color: #ffffff;

    border: solid 5px #ffffff;

    transition: all .8s ease-in-out;

    -webkit-transition: all .8s ease-in-out;

    box-shadow: 0 0 18px rgba(0, 0, 0, 0.05);

}





.swiper-slide:after {

    content: '';

    height: 0;

    line-height: 0;

    display: block;

    visibility: hidden;

    clear: both;

}



.sw-case .ul-right li a>span {

    display: inline-block;

    width: 180px;

    margin: 0 60px 0 40px;

}



.sw-case .ul-right li a>span .tit {

    font-size: 20px;

    color: #333333;

    display: block;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: all .8s ease-in-out;

    -webkit-transition: all .8s ease-in-out;

}



.sw-case .ul-right li a>span i:nth-child(2) {

    font-family: Arial;

    font-size: 12px;

    line-height: 38px;

    color: #b3b3b3;

    transition: all .8s ease-in-out;

    -webkit-transition: all .8s ease-in-out;

}



.sw-case .ul-right li a>.num {

    font-family: Arial;

    font-size: 90px;

    font-weight: bold;

    color: #f0f0f0;

    transition: all .8s ease-in-out;

    -webkit-transition: all .8s ease-in-out;

}



.sw-case .ul-right li.active {

    background-color: #357fe7;

    border: solid 1px #357fe7;

}



.sw-case .ul-right li.active .tit {

    color: #ffffff;

}



.sw-case .ul-right li.active a>span i:nth-child(2) {

    color: #94b5f0;

}



.sw-case .ul-right li.active a>.num {

    color: #5b92ea;

}



.swiper-case {

    margin-top: 45px;

}







/* about */

.about-box {

    overflow: hidden;

    background: url(../images/ab-bg.jpg) no-repeat center;

    background-size: cover;

    padding: 98px 0 92px;

    height: 800px;

    box-sizing: border-box;

}



.about-con {

    position: relative;

    height: 100%;

}



.about-con>img {

    position: absolute;

    left: 140px;

    bottom: -60px;

}



.about-con .yyzz {

    margin-top: 146px;

}



.about-con .yyzz img {

    width: 221px;

    height: 306px;

    object-fit: cover;

    padding: 13px 15px;

    background: url(../images/yyzz.jpg) no-repeat center;

    background-size: contain;

}



.ab-con {

    position: absolute;

    right: -310px;

    top: 0;

    display: inline-block;

    width: 1260px;

    height: 610px;

    padding: 60px 0 0 56px;

    box-sizing: border-box;

    background: url(../images/ab-bg2.jpg) no-repeat center;

    background-size: cover;

}



.ab-con .ab-txt {

    font-size: 30px;

    font-weight: bold;

    color: #333333;

    display: flex;

}



.ab-con .ab-txt h3 {

    display: inline-block;

    margin-right: 54px;

}



.ab-con .ab-txt h3 i {

    display: inline-block;

    font-family: Arial;

    font-size: 14px;

    line-height: 20px;

    color: #bfbfbf;

    margin-top: 15px;

}



.ab-con .ab-txt h3 i::after {

    display: block;

    content: "";

    width: 30px;

    height: 4px;

    margin-top: 22px;

    background-color: #357fe7;

}



.ab-con .ab-txt p:nth-child(2) {

    display: inline-block;

    width: 717px;

    font-size: 16px;

    line-height: 36px;

    font-weight: normal;

    color: #808080;

}



.ab-con .ab-txt p:nth-child(2) a {

    display: block;

    font-size: 12px;

    color: #4d4d4d;

    margin-top: 30px;

}



.ab-con .ab-txt p:nth-child(2) a:hover {

    transform: translateX(5px);

}



.ab-con .ab-txt p:nth-child(2) a::after {

    content: "";

    display: inline-block;

    width: 90px;

    height: 11px;

    margin-left: 15px;

    transform: translateY(3px);

    background: url(../images/ab-jt.png) no-repeat center;

    background-size: cover;

}





.ab-ul {

    position: absolute;

    bottom: 148px;

    margin-left: 170px;

}



.ab-ul li {

    position: relative;

    display: inline-block;

    padding: 0 0 0 16px;

}



.ab-ul li:nth-child(2) {

    margin-left: 77px;

    top: 89px;

}



.ab-ul li:nth-child(3) {

    margin-left: 145px;

}



.ab-ul li:nth-child(4) {

    margin-left: 120px;

    top: 15px;

}



.ab-ul li::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    display: inline-block;

    width: 14px;

    height: 107px;

    background: url(../images/ab-lin.png) no-repeat center;

    background-size: cover;

}



.ab-ul li a {

    display: flex;

    flex-direction: column;

}



.ab-ul li a .icon {

    display: inline-block;

    width: 45px;

    height: 45px;

    border-radius: 50%;

    text-align: center;

    line-height: 45px;

    opacity: 0;

    background-color: #357fe7;

    transition: all .6s ease-in-out;

    -webkit-transition: all .6s ease-in-out;

}



.ab-ul li a span:nth-child(2) {

    display: inline-block;

    font-size: 18px;

    line-height: 20px;

    color: #333333;

    margin: 10px 0;

    transform: translateY(-50px);

    transition: all .6s ease-in-out;

    -webkit-transition: all .6s ease-in-out;

}



.ab-ul li a span:nth-child(3) {

    transform: translateY(-50px);

    font-family: Arial;

    font-size: 12px;

    line-height: 20px;

    color: #cccccc;

    display: inline-block;

    transition: all .6s ease-in-out;

    -webkit-transition: all .6s ease-in-out;

}



.ab-ul li.active a .icon {

    opacity: 1;

}



.ab-ul li.active a span:nth-child(2) {

    transform: translateY(0);

}





.ab-ul li.active a span:nth-child(3) {

    opacity: 0;

}







/* news */

.news-box {

    overflow: hidden;

    padding: 80px 0 40px;

}



.news-con {

    position: relative;

}



.news-con>img {

    position: absolute;

    top: 10%;

    left: -310px;

}





.slide-news .hd ul li {

    display: inline-block;

    width: 162px;

    height: 50px;

    text-align: center;

    margin-left: 40px;

    line-height: 50px;

    background-color: #fff;

    border-radius: 5px;

    transition: all .8s ease-in-out;

    -webkit-transition: all .8s ease-in-out;

}



.slide-news .hd ul li a {

    display: block;

    font-size: 18px;

    color: #333333;

}



.slide-news .hd ul li .icon {

    display: inline-block;

    overflow: hidden;

    object-fit: cover;

    position: relative;

    width: 26px;

    height: 29px;

    margin-right: 10px;

    transform: translateY(8px);

}



.slide-news .hd ul li .icon:before,

.slide-news .hd ul li .icon:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    right: 0;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



.slide-news .hd ul li .icon:after {

    right: 0;

}



.slide-news .hd ul li .icon::before {

    right: 100%;

}



.slide-news .hd ul li.on .icon::after {

    right: -100%;

}



.slide-news .hd ul li.on .icon::before {

    right: 0;

}



.slide-news .hd ul li .icon:before {

    background: url(../images/ni1.png) center no-repeat;

}



.slide-news .hd ul li .icon:after {

    background: url(../images/ni12.png) center no-repeat;

}



.slide-news .hd ul li:nth-child(2) .icon:before {

    background: url(../images/ni2.png) center no-repeat;

}



.slide-news .hd ul li:nth-child(2) .icon:after {

    background: url(../images/ni22.png) center no-repeat;

}



.slide-news .hd ul li:nth-child(3) .icon:before {

    background: url(../images/ni3.png) center no-repeat;

}



.slide-news .hd ul li:nth-child(3) .icon:after {

    background: url(../images/ni32.png) center no-repeat;

}



.slide-news .hd ul li.on {

    background-color: #357fe7;

}



.slide-news .hd ul li.on a {

    color: #fff;

}



.news-bd {

    margin-top: 40px;

}



.news-bd .top li {

    display: inline-block;

    width: 630px;

    height: 180px;

    box-sizing: border-box;

    background-color: #ffffff;

    border: solid 1px #e0e0e0;

    transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

}



.news-bd .top li:hover {

    transform: translateY(-5px);

}



.news-bd .top li:hover a::after {

    transform: translateX(-5px);

}



.news-bd .top li:nth-child(1) {

    margin-right: 35px;

}



.news-bd .top li a {

    display: flex;

    position: relative;

}



.news-bd .top li a::after {

    content: "→";

    color: #000;

    font-size: 25px;

    position: absolute;

    bottom: 30px;

    right: 50px;

    transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

}



.news-bd .top li a img {

    width: 230px;

    height: 180px;

    background-color: #fafafa;

    border: solid 1px #e0e0e0;

    object-fit: cover;

}



.news-bd .top li a span {

    display: inline-block;

    width: 400px;

    box-sizing: border-box;

    padding: 35px 50px 0 41px;

}



.news-bd .top li .tit {

    font-size: 16px;

    color: #333333;

    display: block;

    width: 90%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.news-bd .top li .desc {

    font-size: 14px;

    color: #666666;

    display: block;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin: 13px 0 34px;

}



.news-bd .top li .date {

    display: block;

    font-family: Arial;

    font-size: 14px;

    color: #999999;

}





.news-bd .dowp li {

    padding: 14px 23px 14px 21px;

    display: inline-block;

    width: 394px;

    height: 114px;

    box-sizing: border-box;

    border: solid 3px #f6f6f6;

    margin: 34px 45px 0 0;

    transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

}



.news-bd .dowp li:hover{

    transform: translateY(-5px);

}



.news-bd .dowp li:hover a .more{

    transform: translateX(-5px);

}



.news-bd .dowp li:nth-child(3n+3) {

    margin-right: 0;

}



.news-bd .dowp li a {

    display: flex;

}



.news-bd .dowp li a span:nth-child(1) {

    display: inline-block;

    padding-right: 23px;

    height: 81px;

    box-sizing: border-box;

    border-right: 1px solid #dfdfdf;

    text-align: right;

    padding-top: 10px;

    width: 79px;

}



.news-bd .dowp li a span:nth-child(1) i:nth-child(1) {

    display: block;

    font-family: Arial;

    font-size: 30px;

    font-weight: bold;

    color: #333333;

}



.news-bd .dowp li a span:nth-child(1) i:last-child {

    font-family: Arial;

    font-size: 14px;

    color: #999999;

}





.news-bd .dowp li a span:nth-child(2) {

    display: inline-block;

    width: 268px;

}



.news-bd .dowp li a .tit {

    display: block;

    margin-top: 12px;

    margin-bottom: 10px;

    padding-left: 30px;

    font-size: 15px;

    width: 80%;

    color: #333333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.news-bd .dowp li a .more {

    font-size: 15px;

    color: #666666;

    display: block;

    width: 100%;

    text-align: right;

    padding-top: 15px;

    border-top: 1px solid #dfdfdf;

    transition: all .5s ease-in-out;

    -webkit-transition: all .5s ease-in-out;

}