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

/*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 {

    width: 100%;

    position: relative;

    background-color: #f3f3f3;

}



.banner .swiper-wrapper {

    width: 100%;

    height: 100%;

}



.banner .swiper-wrapper .swiper-slide {

    width: 100%;

    height: 100%;

}



.banner .swiper-wrapper .swiper-slide>a {

    display: block;

    width: 100%;

    height: 100%;

}



.banner .swiper-wrapper .swiper-slide>a img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}





.banner .slider-btn-prev {

    position: absolute;

    z-index: 30;

    top: 50%;

    left: -81px;

    width: 81px;

    height: 81px;

    margin-top: -20px;

    background: url(../images/arrowPrev.png) 50% 50% no-repeat;

    transition: all 0.5s linear;

    cursor: pointer;

}



.banner:hover .slider-btn-prev {

    left: 10%;

}



.banner .slider-btn-next {

    position: absolute;

    z-index: 30;

    top: 50%;

    right: -81px;

    width: 81px;

    height: 81px;

    margin-top: -20px;

    background: url(../images/arrowNext.png) 50% 50% no-repeat;

    transition: all 0.5s linear;

    cursor: pointer;

}



.banner:hover .slider-btn-next {

    right: 10%;

    cursor: pointer;

}



.banner-box{

    position: relative;



}



.banner-box>.phone {

    position: absolute;

    z-index: 99;

    bottom: -50px;

    width: 1300px;

    left: 50%;

    transform: translateX(-50%);

}



.banner-box>.phone p {

    width: 554px;

    height: 126px;

    box-sizing: border-box;

    background-color: #ffffff;

    border-radius: 62px;

    border-top: 16px solid #e3e3e3;

    border-bottom: 16px solid #e3e3e3;

    border-left: 20px solid #e3e3e3;

    border-right: 20px solid #e3e3e3;

    padding-left: 20px;

    padding-top: 15px;

    font-size: 20px;

    font-weight: bold;

    color: #333333;

}


/**/
.sids{
    position: absolute;
    left: -30px;
    bottom: -30px;
}
.poo{
    display: flex;
}
.p1{
    font-size: 30px;

font-weight: bold;
color: #191919;
line-height: 30px;
}
.p2{
   width:690px;
height: 2px;
margin-top:20px ;
background: #CECECE;
}
.p3{
    font-size: 18px;
line-height: 18px;
font-weight: 400;
color: #333333;
margin-top:30px ;
}
.poo0{
    display: flex;
    align-items: center;
    margin-top: 40px;
}
.pa{
    width: 170px;
height: 54px;
background: #E0E0E0;
line-height:54px;
font-size: 18px;
text-align: center;
font-weight: 400;
color: #191919;
}
.pa:hover{
    background: #098eff;
    color: #fff;
}
.banner-box>.phone p i {

    display: inline-block;

    vertical-align: middle;

    border-radius: 50%;

    width: 64px;

    height: 64px;

    background-color: #fd4e2a;

    text-align: center;

    line-height: 64px;

    margin-right: 35px;

}







.yebl {

    width: 1440px;

    margin: 0 auto;

}





/* about-box */

.about-box {

    overflow: hidden;

    height: 833px;

    box-sizing: border-box;

}





.about-con {

    padding: 145px 0 0 0;

    height: 100%;

    position: relative;

}



.about-con::after {

    content: "";

    display: inline-block;

    position: absolute;

    top: 0;

    left: -310px;

    height: 100%;

    width: 801px;

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

    background-size: cover;

    z-index: -1;

}



.about-con .ab-other {

    width: 322px;

    box-sizing: border-box;

}



.about-con .ab-other .yyzz {

    position: relative;

}



.about-con .ab-other .yyzz>img {

    width: 274px;

    height: 184px;

    object-fit: cover;

    padding: 21px 24px;

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

    background-size: cover;

}



.about-con .ab-other .yyzz>img:hover {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.about-con .ab-other .yyzz a {

    width: 34px;

    height: 34px;

    background-color: #ffffff;

    border-radius: 50%;

    display: inline-block;

    color: #333333;

    font-size: 24px;

    text-align: center;

    line-height: 34px;

    margin-top: 22px;

}



.about-con .ab-other:hover .yyzz a {

    color: #fff;

    background-color: #fd4e2a;

    transform: translateX(8px);

}





.about-con .ab-other .yyzz p {

    display: inline-block;

    position: absolute;

    bottom: 5px;

    right: 0;

    font-size: 18px;

    color: #333333;

}



.about-con .ab-other .yyzz span {

    position: absolute;

    left: -94px;

    top: 0;

    display: inline-block;

    height: 300px;

    writing-mode: vertical-lr;

    /*从左向右 从右向左是 writing-mode: vertical-rl;*/

    writing-mode: tb-lr;

    /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/

    font-family: Arial;

    font-size: 12px;

    letter-spacing: 11px;

    color: #333333;

}







.ab-other .ab-ul {

    margin-top: 85px;

    position: relative;

    z-index: 9;

}



.ab-other .ab-ul::after {

    content: "";

    position: absolute;

    display: inline-block;

    width: 706px;

    height: 230px;

    background-color: #fefefe;

    box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.06);

    border-radius: 115px;

    z-index: -1;

    top: 0;

    left: -310px;

}



.ab-other .ab-ul li {

    margin-top: 39px;

    display: inline-block;

}



.ab-other .ab-ul li:nth-child(1) {

    margin-right: 64px;

}



.ab-other .ab-ul li a:nth-child(1) {

    width: 100px;

    height: 100px;

    background-color: #fd4e2a;

    display: block;

    border-radius: 50%;

    text-align: center;

    line-height: 100px;

    position: relative;

    z-index: 9;

}



.ab-other .ab-ul li a:nth-child(1)::after {

    content: "";

    display: inline-block;

    position: absolute;

    width: 120px;

    height: 120px;

    background-color: transparent;

    border: solid 1px rgba(0, 0, 0, 0.06);

    border-radius: 50%;

    top: 50%;

    left: 50%;

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

    z-index: -1;

    box-sizing: border-box;

}



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

    text-align: center;

    font-size: 16px;

    line-height: 40px;

    color: #333333;

    display: block;

    margin: 16px auto;

}



.ab-other .ab-ul li.active a:nth-child(1) {

    background-color: #333333;

}



.ab-other .ab-ul li.active a:nth-child(1)::after {

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

    border: solid 10px #ffffff;

}



.ab-other .ab-ul>a {

    position: absolute;

    left: -101px;

    top: 39px;

    font-family: Arial;

    font-size: 15px;

    color: #333333;

    writing-mode: vertical-lr;

    /*从左向右 从右向左是 writing-mode: vertical-rl;*/

    writing-mode: tb-lr;

    /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/

}







.ab-other .ab-ul>a::after {

    content: "";

    display: inline-block;

    width: 1px;

    height: 86px;

    margin-top: 10px;

    background-color: #333333;

}



.ab-other .ab-ul:hover>a::after {

    height: 106px;

}





.ab-text {

    position: relative;

    width: 703px;

    box-sizing: border-box;

}





/* tit-box */

.tit-box {

    position: relative;

}



.tit-box::after {

    content: "";

    display: inline-block;

    position: absolute;

    top: -50px;

    left: 0;

    width: 121px;

    height: 50px;

    /*background: url(../image/tb2.png) no-repeat center;*/

    background-size: cover;

}



.tit-box .tit {

    display: block;

    font-size: 36px;

    font-weight: bold;

    line-height: 40px;

    padding-bottom:12px;

    color: #333333;

    border-bottom: 1px solid #333333;

}



.tit-box .desc {

    display: block;

    font-size: 15px;

    line-height: 40px;

    letter-spacing: 19px;

    color: #666666;

    position: relative;

    top: 0;

    left: 0;

}



.tit-box .desc span {

    font-size: 15px;

    line-height: 40px;

    letter-spacing: 19px;

    color: #666666;

}



.tit-box i {

    position: absolute;

    right: 7px;

    top: 28px;

    z-index: 9;

}



.tit-box i::after {

    content: "";

    display: inline-block;

    position: absolute;

    z-index: -1;

    width: 23px;

    height: 23px;

    bottom: -3px;

    right: -7px;

    border-radius: 50%;

    /*background-color: #b01c00;*/

}





.about-box .tit-box {

    width: 310px;

}



.ab-text .more {

    position: absolute;

    top: 0;

    right: 0;

    display: inline-block;

    border-radius: 50%;

    width: 72px;

    height: 72px;

    background-color: #fd4e2a;

    text-align: center;

    line-height: 72px;

}



.ab-text>.wrap{

    position: relative;

    left: -30px;

    margin: 10px 0 30px;

    width: 733px;

    height: 408px;

    overflow: hidden;

}



.ab-text .card{

    margin: 0 auto;

    width: 733px;

    height: 408px;

    z-index: 1;

    position: absolute;

    top: -30px;

    bottom: 0;

    left: 0;

    right: 0;

    background: #fff url(../images/about.jpg) 50% 50%;

    background-size: 120%;

}





.ab-text>img {

    width: 703px;

    height: 388px;

    object-fit: cover;

    margin: 30px 0;

}



.ab-text>p {

    font-size: 16px;

    line-height: 40px;

    color: #666666;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}



.ab-text>span {

    position: absolute;

    top: -30px;

    writing-mode: vertical-lr;

    /*从左向右 从右向左是 writing-mode: vertical-rl;*/

    writing-mode: tb-lr;

    /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/

    font-family: Times New Roman;

    font-size: 140px;

    font-weight: bold;

    line-height: 100px;

    color: #f3f3f3;

    display: inline-block;

    height: 700px;

    right: -203px;

}





/* pro-box */

.pro-box {

    overflow: hidden;

}



.pro-con {

    padding: 80px 0 0px;

}



.pro-con .tit-box {

    z-index: 10;

}



.pro-con .tit-box span {

    font-size: 15px;

    letter-spacing: 20px;

    color: #666666;

    position: relative;

    top:14px;

    left: 0;

}









.pro-con .tit-box i::after {

    /*background-color: #fd4e2a;*/

}







.slide-pro .hd ul {

    display: flex;

    justify-content: space-between;

}



.slide-pro .hd ul li {

    display: inline-block;

    position: relative;

    z-index: 9;

    top: 42px;

    width: 15.2%;

    height: 172px;

    box-sizing: border-box;

    border-radius: 2px 2px 2px 2px;

   box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.34);

    padding:30px 0 0;

    overflow: hidden;

}



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

    content: "";

    display: inline-block;

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    height: 0;

    width: 100%;

    background-color: #098eff;

}



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

    height: 100%;

}



.slide-pro .hd ul li .tit {

    display: block;

    text-align: center;

font-size: 22px;

font-weight: bold;
color: #161616;

}



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

.slide-pro .hd ul li.on i {

    color: #fff;

}





.slide-pro .hd ul li i {

    display: block;

    text-align: center;



font-size: 16px;

font-weight: 400;
color: #8E8E8E;

    margin: 5px 0 12px;

}



.slide-pro .hd ul li .desc {
   
    width: 150px;
height: 38px;
border: 1px solid #CDCDCD;

    font-size: 16px;

    line-height: 38px;

    color: #333333;

    display: block;

    text-align: center;

}



.slide-pro {

    position: relative;

}



.slide-pro>span {

    position: absolute;

    right: 10px;

    bottom: 460px;

    z-index: -1;

    font-family: Times New Roman;

    font-size: 81px;

    font-weight: bold;

    line-height: 82px;

    color: #333333;

    opacity: 0.1;

}





.myPro {

    display: inline-block;

    overflow: hidden;

    width:100%;

    position: relative;

    box-sizing: border-box;

    /*margin-left: 50px;*/

}



.myPro .im {

    display: inline-block;

    width: 506px;

    height: 286px;

    overflow: hidden;

    margin-top: 51px;

    vertical-align: middle;

}





.myPro .im img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.myPro ul li:hover .im img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.myPro ul li>div {

    display: inline-block;

    vertical-align: top;

    width: 402px;

    margin-left: 25px;

}



.myPro ul li>div .tit {

    display: block;

    font-size: 22px;

    font-weight: bold;

    color: #333333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.myPro ul li>div .tit::after {

    content: "";

    display: block;

    width: 29px;

    height: 1px;

    margin: 31px 0 38px;

    background-color: #333333;

}



.myPro ul li>div .desc {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    font-size: 15px;

    line-height: 32px;

    color: #666666;

}



.myPro .myPro-pagination {

    top: auto;

    bottom: 20px;

    left: auto;

    right: 103px;

    display: inline-block;

    width: 289px;

    height: 1px;

    background-color: rgba(51, 51, 51, .1);

}



.myPro-pagination .swiper-pagination-progressbar-fill {

    background: #333333;

}



.myPro .num {

    position: absolute;

    right: 0;

    bottom: 0;

    font-family: Times New Roman;

    font-size: 40px;

    font-weight: bold;

    line-height: 40px;

    color: #333333;

}





.pl-ul {

    display: inline-block;

    width: 300px;

}



.pl-ul li {

    position: relative;

    margin-bottom: 36px;

}



.pl-ul li .im {

    display: inline-block;

    overflow: hidden;

    width: 220px;

    height: 159px;

    background-color: #e3e3e3;

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

    border-radius: 10px;

    border: solid 5px #ffffff;

}



.pl-ul li .im img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.pl-ul li:hover .im img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.pl-ul li .tit {

    position: absolute;

    bottom: 10px;

    right: 0;

    display: inline-block;

    font-size: 16px;

    color: #333333;

    width: 70px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    text-align: right;

}



.pl-ul li i {

    text-align: right;

    position: absolute;

    right: 0;

    top: 80px;

    font-family: Arial;

    font-size: 20px;

    font-weight: bold;

    line-height: 40px;

    color: #333333;

}



.pl-ul li i::after {

    content: "";

    display: block;

    width: 101px;

    height: 1px;

    background-color: #333333;

}





.pb-pro li {

    margin: 40px 38px 0 0;

    position: relative;

    z-index: 9;

    display: inline-block;

    width: 315px;

    height: 315px;

    background-color: #f4f4f4;

    border: solid 1px #eeeeee;

}



.pb-pro li::after {

    content: "";

    display: inline-block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: -1;

    height: 0;

    background-color:#098eff;

}



.pb-pro li.active::after {

    height: 100%;

}





.pb-pro li:last-child {

    margin-right: 0;

}





.pb-pro li.active a {

    color: #fff;

}



.pb-pro li.active a::before {

    background-color: #fff;

}



.pb-pro li.active .tit {

    /*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/

}



.pb-pro li.active .more {

    width:42px;

    height: 42px;

    background-color: #098eff;

    box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.08);

    border: solid 8px #ffffff;

}





.pb-pro li .im {

    display: block;

    width: 240px;

    height: 180px;

    margin: 20px 18px 0;

}



.pb-pro li .im img {

    width:278px;

    height: 225px;

    object-fit: cover;

}



.pb-pro li :hover .im img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.pb-pro li .tit {

    width: 230px;

    padding: 70px 0 10px;

    display: block;

font-size: 18px;
line-height: 18px;
font-weight: bold;
color: #282828;

    /*border-bottom: 1px solid rgba(51, 51, 51, .1);*/

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.pb-pro li .tit::before {

    content: '';

    display: inline-block;

    width: 7px;

    height: 7px;

    vertical-align: middle;

    margin: 0 10px 0 20px;

    background-color: #cccccc;

}



.pb-pro li .more {

    position: absolute;

    right: 20px;

    bottom:6px;

    width: 42px;

    height: 42px;

    border-radius: 50%;

    background-color: #f4f4f4;

    box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.08);

    border: solid 8px #ffffff;

    text-align: center;

    line-height:20px;

    font-size: 35px;

}



.pb-pro li .more2 {

    display: block;

    margin-top: 8px;

    margin-left: 22px;

    font-family: Times New Roman;

    font-size: 16px;

    font-weight: bold;

    color: #333333;

}



.pro-bd .bd>div {

    height: 836px;

    margin-top:100px;

    overflow: hidden;

}



.pro-bd {

    position: relative;

}



.pro-bd>.more {

    position: absolute;

    z-index: 99;

    top: 70px;

    left: 425px;

    display: inline-block;

    width: 248px;

    height: 54px;

    background-color: #ffffff;

    box-shadow: 0px 11px 29px 0px rgba(0, 0, 0, 0.06);

    border-radius: 36px;

    border: 9px solid #f6f6f7;

    font-family: Arial;

    font-size: 16px;

    color: #333333;

}



.pro-bd>.more i {

    display: inline-block;

    text-align-last: center;

    line-height: 33px;

    border-radius: 50%;

    width: 37px;

    height: 37px;

    margin: 10px 30px 0 24px;

    background-color: #fd4e2a;

}



.pro-bd>.more i img {

    width: 15px;

    height: 21px;

    object-fit: contain;

}





/* adv-box */

.adv-box {

    overflow: hidden;

    height: 750px;

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

    background-size: cover;

}



.adv-con {

    position: relative;

    padding-top: 75px;

    width: 1314px;

    margin: 0 auto;

    left: -14px;

}





.myAdv {

    position: relative;

    overflow: hidden;

}



.sw-adv li {

    position: relative;

}



.sw-adv li::after {

    content: "";

    position: absolute;

    z-index: -1;

    display: inline-block;

    width: 568px;

    height: 674px;

    background-color: #ffffff;

    border-radius: 60px 60px 0px 0px;

    border: solid 1px #ffffff;

    opacity: 0.1;

    bottom: 0;

    left: 0;

}



.sw-adv li .text {

    display: inline-block;

    width: 607px;

    box-sizing: border-box;

}



.sw-adv li>img {

    margin-top: 18px;

    margin-left: 14px;

    width: 540px;

    height: 657px;

    object-fit: cover;

    border-radius: 60px 60px 0px 0px;

}





.sw-adv li .text p:nth-child(1) {

    font-size: 18px;

    font-weight: bold;

    line-height: 40px;

    margin-top: 250px;

    color: #ffffff;

}



.sw-adv li .text i {

    display: block;

    font-family: Arial;

    font-size: 12px;

    line-height: 30px;

    color: #ffffff;

    opacity: 0.2;

}



.sw-adv li .text p:nth-child(3) {

    font-size: 16px;

    line-height: 40px;

    margin-top: 30px;

    color: #999999;

}



.myAdv .tit-box {

    width: 611px;

    position: absolute;

    top: 51px;

    right: 0;

}



.myAdv .tit-box .tit {

    color: #fff;

}



.myAdv .tit-box .desc {

    color: #ffffff;

    opacity: 0.6;

}



.myAdv .contorl {

    position: absolute;

    z-index: 99;

    bottom: 112px;

    right: 0;

}



.myAdv .contorl::before {

    content: "";

    display: inline-block;

    position: absolute;

    width: 403px;

    z-index: -1;

    left: -28px;

    top: 50%;

    transform: translateY(-50%);

    height: 86px;

    background-color: #fd4e2a;

    box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.06);

    border-radius: 42px 0 0 42px;

}



.adv-con {

    position: relative;

    z-index: 9;

}



.myAdv .contorl::after {

    content: "";

    display: inline-block;

    position: absolute;

    width: 520px;

    z-index: -1;

    right: -285px;

    top: 50%;

    transform: translateY(-50%);

    height: 86px;

    background-color: #fd4e2a;

    box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.06);

}



.adv-con::after {

    content: "";

    display: inline-block;

    position: absolute;

    z-index: -1;

    right: -310px;

    bottom: 89px;

    width: 310px;

    height: 86px;

    background-color: #fd4e2a;

    box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.06);

}





.myAdv .contorl .adv-pagination {

    position: relative;

    display: inline-block;

}



.myAdv .contorl .adv-pagination span {

    opacity: 1;

    width: 6px;

    height: 6px;

    position: relative;

    display: inline-block;

    margin: 0 16px;

    background-color: #ffffff;

}



.myAdv .contorl .adv-pagination span::after {

    content: "";

    display: inline-block;

    position: absolute;

    left: 50%;

    top: 50%;

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

    width: 0;

    height: 0;

    border: solid 1px #ffffff;

    border-radius: 50%;

}



.myAdv .contorl .adv-pagination .swiper-pagination-bullet-active::after {

    width: 22px;

    height: 22px;

}



.myAdv .contorl .num {

    font-family: Arial;

    font-size: 40px;

    font-weight: bold;

    line-height: 40px;

    color: #ffffff;

    vertical-align: middle;

    margin-right: 135px;

}



.myAdv .contorl .phone {

    display: inline-block;

    font-size: 20px;

    color: #ffffff;

}



.myAdv .contorl .phone img {

    margin: 0 20px 0 100px;

}





.adv-con .adv-i {

    position: absolute;

    right: -201px;

    bottom: 143px;

}



/* sol-box */

.sol-box {

    position: relative;

    overflow: hidden;

}



.sol-box::after {

    content: "";

    display: inline-block;

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    width: 100%;

    height: 727px;

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

    background-size: cover;

}



.sol-con {

    padding: 106px 0 0 0;

    position: relative;

}



.sol-con .tit-box {

    /*width: 545px;*/

}



.sol-tit .more {

    font-family: Times New Roman;

    font-size: 18px;

    font-weight: bold;

    color: #333333;

    margin-top: 20px;

}



.sol-tit .more i {

    display: inline-block;

    border-radius: 50%;

    width: 72px;

    height: 72px;

    background-color: #333333;

    text-align: center;

    line-height: 72px;

    margin-right: 135px;

    position: relative;

}



.sol-tit .more i::after {

    content: "";

    position: absolute;

    right: -120px;

    top: 36px;

    display: inline-block;

    vertical-align: middle;

    width: 101px;

    height: 1px;

    background-color: #333333;

}





.sol-tit .more i img {

    width: 25px;

    height: 35px;

    object-fit: cover;

}



.slide-sol {

    margin-top: 40px;

}



.slide-sol .hd ul {

    display: flex;

    height: 100px;

    background-color: #fff;

    justify-content: space-between;

    /*border: solid 1px #ebebeb;*/
    box-shadow: 0px 10px 26px 3px rgba(0,0,0,0.16);
border-radius: 10px;

}



.slide-sol .hd ul li {

    flex: 1;

    position: relative;

    z-index: 9;

    border-left: 1px solid #ebebeb;

}



.slide-sol .hd ul li::after {

    content: "";

    display: inline-block;

    position: absolute;

    top: 0;

    z-index: -1;

    left: 0;

    width: 100%;

    height: 0;

    background-color: #098eff;

}



.slide-sol .hd ul li.on::after {

    height: 100%;

}



.slide-sol .hd ul li a {

    display: block;

    text-align: center;

font-size: 24px;

font-weight: 400;
color: #333333;

    line-height: 100px;


}



.slide-sol .hd ul li.on a {
font-weight: bold;
    color: #fff;

}



/*.slide-sol .hd ul li .icon {*/

/*    width: 39px;*/

/*    height: 42px;*/

/*    margin: 36px auto 10px;*/

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

/*    background-size: contain;*/

/*}*/



/*.slide-sol .hd ul li:nth-child(2) .icon {*/

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

/*}*/



/*.slide-sol .hd ul li:nth-child(3) .icon {*/

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

/*}*/



/*.slide-sol .hd ul li:nth-child(4) .icon {*/

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

/*}*/



/*.slide-sol .hd ul li:nth-child(5) .icon {*/

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

/*}*/





/*.slide-sol .hd ul li.on .icon {*/

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

/*}*/



/*.slide-sol .hd ul li.on:nth-child(2) .icon {*/

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

/*}*/



.slide-sol .hd ul li.on:nth-child(3) .icon {

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

}



.slide-sol .hd ul li.on:nth-child(4) .icon {

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

}



.slide-sol .hd ul li.on:nth-child(5) .icon {

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

}







.sol-bd .bd>div {

    margin-top: 62px;

    height: 662px;

    position: relative;

}





.mySol {

    position: relative;

}



.mySol .sol-pagination {

    position: absolute;

    z-index: 99;

    top: 83px;

    bottom: auto;

    left: 503px;

}



.mySol .sol-pagination span {

    opacity: 1;

    position: relative;

    width: 6px;

    height: 6px;

    background-color: #333333;

    margin: 0 16px !important;

}



.mySol .sol-pagination span::after {

    content: '';

    display: inline-block;

    position: absolute;

    width: 0;

    height: 0;

    border: solid 1px #fd4e2a;

    border-radius: 50%;

    left: 50%;

    top: 50%;

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

}



.mySol .sol-pagination .swiper-pagination-bullet-active {

    background-color: #fd4e2a;

}



.mySol .sol-pagination .swiper-pagination-bullet-active::after {

    width: 22px;

    height: 22px;

}





.sw-sol li .text {

    display: inline-block;

    width:732px;
    /*margin-top:64px ;*/

    box-sizing: border-box;

}



.sw-sol li .text>p:nth-child(1) {

    padding: 63px 0 15px;

}



.sw-sol li .text>p:nth-child(1) i {

    display: inline-block;

    font-family: Arial;

    font-size: 60px;

    font-weight: bold;

    line-height: 60px;

    color: #333333;

}



.sw-sol li .text>p:nth-child(1) i::after {

    content: "";

    display: inline-block;

    width: 24px;

    height: 1px;

    margin-bottom: 10px;

    background-color: #333333;

}



.sw-sol li .text>p:nth-child(1) a {

    /*display: inline-block;*/

    /*font-size: 18px;*/

    /*font-weight: bold;*/

    /*vertical-align: middle;*/

    /*color: #333333;*/

    /*margin-bottom: 13px;*/

    /*margin-left: 10px;*/

    /*width: 250px;*/

    /*overflow: hidden;*/

    /*text-overflow: ellipsis;*/

    /*white-space: nowrap;*/

}
.pacc{
    width: 660px;
    display: flex;
    align-items: content;
    flex-wrap: wrap;
}
.pb{
    width: 330px;

font-size: 24px;

font-weight: 400;
color: #171717;
line-height: 58px;
opacity: 0.9;
}
.a1{
    font-size: 60px;
line-height:60px;
font-weight: bold;
color: #098EFF;
}
.a2{
    font-size: 48px;
line-height:48px;
font-weight: bold;
color: #171717;
margin-left: 16px;
}
.pp1{
    width: 600px;
height: 2px;
background: #DADADA;
margin: 20px 0 48px;
}
.pacc1{
    width: 600px;
height: 75px;
background: #FFFFFF;
box-shadow: 0px 10px 26px 3px rgba(0,0,0,0.16);
border-radius: 10px;
display: flex;
align-items: content;
justify-content: content;
margin-top:100px ;
}
.pb1{
    font-size: 24px;
line-height:75px;
font-weight: bold;
color: #171717;

}
.pb2{
font-size: 48px;

font-weight: bold;
font-style: italic;
color: #098EFF;
line-height:75px;

}
.sw-sol li .text>p:nth-child(2) {

    font-size: 15px;

    line-height: 32px;

    color: #666666;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.sw-sol li>.im {

    overflow: hidden;

    width: 714px;

    height: 662px;

    display: inline-block;

}
.sw-sol li>.ims {

    overflow: hidden;

    width: 590px;

    height: 540px;

    display: inline-block;

}
.passa{
    width: 224px;
height: 70px;
 background: #9A9A9A;

text-align: center;
border-radius: 10px;
font-size: 24px;
line-height:70px;
font-weight: 400;
color: #FFFFFF;
}
.passa:hover{
background: #098EFF;
   color: #FFFFFF;
}
.sw-sol li>.im img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.sw-sol li:hover>.im img {

    transform: scale(1.02);

    -webkit-transform: scale(1.02);

    -moz-transform: scale(1.02);

    -o-transform: scale(1.02);

    -ms-transform: scale(1.02);

}





.sol-ul {

    position: absolute;

    z-index: 9;

    bottom: 50px;

    left: 0;

}



.sol-ul li {

    display: inline-block;

    position: relative;

    margin-right: 42px;

}



.sol-ul li .im {

    display: inline-block;

    width: 210px;

    box-sizing: border-box;

    height: 159px;

    background-color: #e3e3e3;

    box-shadow: 0px 13px 32px 0px rgba(0, 0, 0, 0.07);

    border-radius: 10px;

    border: solid 8px #ffffff;

}



.sol-ul li .im img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.sol-ul li:hover .im img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.sol-ul li .tit {

    vertical-align: bottom;

    font-size: 16px;

    line-height: 40px;

    margin-left: 10px;

    margin-bottom: 23px;

    color: #333333;

    display: inline-block;

    width: 70px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    text-align: right;

}



.sol-ul li i {

    position: absolute;

    z-index: 8;

    right: 0;

    top: 60px;

    font-family: Arial;

    font-size: 20px;

    font-weight: bold;

    line-height: 20px;

    color: #333333;

    text-align: right;

}



.sol-ul li i::after {

    content: "";

    display: block;

    width: 101px;

    margin-top: 10px;

    height: 1px;

    background-color: #333333;

}



.sol-bd {

    position: relative;

}



.sw-sol li {

    opacity: 0;

}



.sw-sol .swiper-slide-active {

    opacity: 1;

}





.sol-bd .p1 {

    top: 70px;

    left: 0;

    position: absolute;

    font-family: Times New Roman;

    font-size: 18px;

    line-height: 20px;

    letter-spacing: 24px;

    color: #333333;

}



.sol-bd .p2 {

    position: absolute;

    left: 0;

    bottom: 0;

    font-family: Arial;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 40px;

    color: #333333;

    opacity: 0.5;

}





.myPar {

    position: relative;

    overflow: hidden;

    height: 456px;

}



.sw-par {

    margin-bottom: -150px !important;

}



.sw-par ul li {

    display: inline-block;

    width: 294px;

    margin-right: 37px;

    box-sizing: border-box;

}



.sw-par ul li:last-child {

    margin-right: 0;

}



.sw-par ul li .im {

    display: block;

    width: 100%;

    height: 281px;

    overflow: hidden;

    position: relative;

    text-align: center;

    line-height: 281px;

}



.sw-par ul li .im::before {

    content: "";

    position: absolute;

    z-index: 8;

    top: 50%;

    left: 50%;

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

    width: 100%;

    height: 100%;

    opacity: 1;

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

    background-size: cover;

}



.sw-par ul li.active .im::before {

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

}



.sw-par ul li .im img {

    width: 90%;

    height: 90%;

    object-fit: cover;

}



.sw-par ul li .tit {

    display: block;

    text-align: center;

    font-size: 18px;

    line-height: 40px;

    color: #333333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.sw-par ul li .tit::before {

    content: "";

    display: block;

    margin: 0 auto 10px;

    width: 1px;

    height: 25px;

    background-color: #dddddd;

}



.sw-par ul li i {

    display: block;

    text-align: center;

    font-family: Arial;

    font-size: 12px;

    line-height: 20px;

    color: #999999;

}



.myPar {

    padding-top: 70px;

    position: relative;

}



.myPar .tit-box {

    position: absolute;

    top: 50px;

    left: 0;

    width: 545px;

}



.myPar .contorl {

    text-align: right;

    margin-bottom: 40px;

}



.myPar .contorl .par-pagination {

    position: relative;

    width: 289px;

    height: 1px;

    background-color: rgba(51, 51, 51, .1);

    display: inline-block;

    margin-right: 10px;

    vertical-align: middle;

}



.myPar .contorl .par-pagination span {

    background-color: #333333;

}



.myPar .contorl .num {

    font-family: Times New Roman;

    font-size: 40px;

    vertical-align: middle;

    font-weight: bold;

    line-height: 40px;

    /* display: inline-block; */

    display: none;

    color: #333333;

    margin: 0 50px 0 30px;

}



.myPar .contorl .par-next {

    cursor: pointer;

    display: inline-block;

    border-radius: 50%;

    width: 72px;

    height: 72px;

    text-align: center;

    line-height: 72px;

    vertical-align: middle;

    background-color: #fd4e2a;

}



.myPar .contorl .par-next img {

    width: 25px;

    height: 35px;

    object-fit: cover;

}



/* news-box */



.bigBox {

    overflow: hidden;

}



.news-con {

    position: relative;

    padding-top: 42px;

}



.news-con::after {

    content: "";

    display: inline-block;

    position: absolute;

    left: -310px;

    bottom: 0;

    width: 594px;

    z-index: -1;

    height: 643px;

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

    background-size: cover;

}



.slide-news {

    position: relative;

}



.slide-news .tit-box {

    position: absolute;

    top: 10px;

    left: 0;

    z-index: 99;

    width: 316px;

}



.slide-news .hd {

    position: absolute;

    top: 155px;

    left: 0;

}



.slide-news .hd ul li {

    margin: 55px 0;

    width: 150px;

    box-sizing: border-box;

    position: relative;

    z-index: 9;

}



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

    content: "";

    display: inline-block;

    position: absolute;

    z-index: -1;

    left: -310px;

    top: 50%;

    transform: translateY(-55%);

    width: 0;

    height: 115px;

    background-color: #fd4e2a;

    border-radius: 0 57px 57px 0;

}



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

    width: 513px;

}





.slide-news .hd ul li .tit {

    display: block;

    font-size: 20px;

    line-height: 32px;

    color: #333333;

    padding-bottom: 10px;

    margin-bottom: 7px;

    border-bottom: 1px solid #dedede;

}



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

    color: #fff;

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

}



.slide-news .hd ul li i {

    display: block;

    font-family: Arial;

    font-size: 12px;

    ;

    line-height: 32px;

    color: #999999;

}



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

    color: #ffffff;

    opacity: 0.5;

}





.slide-news .hd ul li .more {

    position: absolute;

    top: 5px;

    right: 0;

    display: inline-block;

    border-radius: 50%;

    text-align: center;

    line-height: 24px;

    width: 24px;

    height: 24px;

    color: #999999;

    font-size: 14px;

    background-color: #ffffff;

}



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

    color: #fd4e2a;

}



.news-bd .bd>div {

    margin-bottom: 70px;

    height: 709px;

}



.n-top {

    margin-left: auto;

    overflow: hidden;

    padding: 34px;

    position: relative;

    box-sizing: border-box;

    width: 924px;

    height: 277px;

    background-color: #ffffff;

    border: solid 1px #eeeeee;

}



.n-top .im {

    display: inline-block;

    overflow: hidden;

    width: 268px;

    height: 201px;

}



.n-top .im img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.n-top:hover .im img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.n-top .n-t-text {

    display: inline-block;

    width: 532px;

    margin-left: 37px;

    vertical-align: top;

}



.n-top .n-t-text .tit {

    display: block;

    font-size: 18px;

    font-weight: bold;

    line-height: 36px;

    color: #444444;

    margin: 22px 0 20px;

}



.n-top .n-t-text .tit::before {

    content: "-";

    display: inline-block;

    margin-right: 5px;

}



.n-top .n-t-text p {

    font-size: 14px;

    line-height: 30px;

    color: #666666;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}





.n-top .n-t-text i {

    display: block;

    font-family: Arial;

    font-size: 14px;

    line-height: 20px;

    color: #999999;

    margin-top: 30px;

}



.n-t-text .more {

    position: absolute;

    border-radius: 50%;

    width: 108px;

    height: 108px;

    background-color: #fd4e2a;

    position: absolute;

    right: -40px;

    bottom: -36px;

    box-sizing: border-box;

}





.n-t-text .more img {

    width: 21px;

    height: 31px;

    margin: 25px 0 0 30px;

}



.n-top:hover .n-t-text .more {

    width: 138px;

    height: 138px;

}



.n-top:hover .n-t-text .more img {

    margin: 35px 0 0 40px;

}



.n-cen-ul {

    margin-left: auto;

    width: 925px;

    box-sizing: border-box;

}



.n-cen-ul li {

    padding: 25px 30px;

    display: inline-block;

    box-sizing: border-box;

    width: 300px;

    height: 257px;

    background-color: #ffffff;

    border-radius: 5px;

    margin: 32px 8px 0 0;

}



.n-cen-ul li:last-child {

    margin-right: 0;

}



.n-cen-ul li.active {

    box-shadow: 4px 24px 40px 0px rgba(0, 0, 0, 0.06);

}



.n-cen-ul li .date {

    position: relative;

    padding-bottom: 11px;

    margin-bottom: 15px;

    border-bottom: 1px solid #e6e6e6;

}



.n-cen-ul li .date::after {

    content: "";

    display: inline-block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 1px;

    background-color: #fd4e2a;

}



.n-cen-ul li.active .date::after {

    width: 100%;

}



.n-cen-ul li .date img {

    width: 75px;

    height: 80px;

    object-fit: cover;

}



.n-cen-ul li .date .day {

    position: absolute;

    right: 0;

    bottom: 20px;

    font-size: 40px;

    font-weight: bold;

    line-height: 40px;

    color: #fd4e2a;

    opacity: 0;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

}



.n-cen-ul li .date .year {

    position: absolute;

    font-family: Arial;

    font-size: 14px;

    line-height: 15px;

    color: #999999;

    position: absolute;

    right: 0;

    bottom: 20px;

    opacity: 1;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

}



.n-cen-ul li.active .day {

    opacity: 1;

}



.n-cen-ul li.active .year {

    opacity: 0;

}



.n-cen-ul li .tit {

    display: block;

    font-size: 16px;

    line-height: 40px;

    color: #333333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.n-cen-ul li p {

    font-size: 14px;

    line-height: 20px;

    color: #666666;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.n-cen-ul li .more {

    display: block;

    font-family: Arial;

    font-size: 12px;

    line-height: 15px;

    color: #999999;

    margin-top: 18px;

}



.n-cen-ul li .more img {

    margin-right: 5px;

}





.n-bot-ul {

    margin-left: auto;

    width: 925px;

    box-sizing: border-box;

    padding-left: 20px;

    margin-top: 66px;

    padding-bottom: 25px;

    border-bottom: dashed 1px #dddddd;

}



.n-bot-ul li {

    width: 30%;

    display: inline-block;

    position: relative;

    margin-right: 34px;

}



.n-bot-ul li:last-child {

    margin-right: 0;

}



.n-bot-ul li .tit {

    display: block;

    width: 70%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 16px;

    color: #333333;

}



.n-bot-ul li:hover .tit {

    color: #fd4e2a;

    transform: translateX(5px);

}



.n-bot-ul li .tit::before {

    content: "·";

    font-size: 20px;

    position: relative;

    top: -2px;

    vertical-align: middle;

    font-weight: bold;

}



.n-bot-ul li .more {

    position: absolute;

    right: 0;

    top: 10px;

    font-size: 20px;

    color: #999999;

}



.n-bot-ul li i {

    display: block;

    font-family: Arial;

    font-size: 14px;

    margin-left: 10px;

    color: #999999;

}





.form {

    background-color: #f2f3f3;

}



.form-box {

    padding-top: 63px;

    padding-bottom: 10px;

    position: relative;

}



.form-cen {

    width: 1015px;

    margin-left: auto;

    box-sizing: border-box;

    position: relative;

}



.form-cen div:nth-child(-n+2),

.form-cen label {

    display: inline-block;

    width: 253px;

    height: 50px;

    background-color: #ffffff;

    border: solid 1px #eeeeee;

    box-sizing: border-box;

    line-height: 50px;

}



.form-cen div img,

.form-cen label img:nth-child(1) {

    margin: 0 18px 0 15px;

}



.form-cen label input {

    width: 39%;

}



.form-cen input {

    font-size: 14px;

    color: #333333;

}



.form-cen label img:nth-child(2) {

    width: 91px;

    height: 30px;

    border: solid 1px #c9c9c9;

    object-fit: cover;

}



.form-cen div:nth-child(-n+2) {

    margin-right: 24px;

    margin-bottom: 18px;

}



input::-webkit-input-placeholder {

    /* WebKit browsers */

    font-size: 14px;

    color: #333333;

}



input:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    font-size: 14px;

    color: #333333;

}



input::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    font-size: 14px;

    color: #333333;

}



input:-ms-input-placeholder {

    /* Internet Explorer 10+ */

    font-size: 14px;

    color: #333333;

}



.form-cen div:nth-child(4) {

    width: 816px;

    height: 50px;

    box-sizing: border-box;

    line-height: 50px;

    background-color: #ffffff;

    border: solid 1px #eeeeee;

}



.form-cen div:nth-child(4) input {

    width: 80%;

}



.form-cen button {

    position: absolute;

    right: 0;

    top: -5px;

    width: 130px;

    height: 130px;

    background-color: #fd4e2a;

    border-radius: 50%;

    border: 16px solid #f7d4cc;

}



.fo-im {

    position: absolute;

    left: 0;

    bottom: 0px;

}











/* links */

.links {

  height: 62px;
background: #DDDDDD;

    overflow: hidden;
    /*margin-top: 90px;*/

}



.links-box {

   line-height: 62px;

    width: 1300px;

    margin: 0 auto;

    display: flex;

}



.links-box p {
font-size: 18px;

font-weight: 400;
color: #444444;
line-height: 64px;
    /*font-size: 16px;*/

    /*color: #333333;*/

    /*width: 153px;*/

    /*height: 45px;*/

    /*padding-left: 39px;*/

    /*box-sizing: border-box;*/

    /*margin-right: 70px;*/

    /*background: url(../images/links.png) no-repeat left bottom;*/

}



.links-box div {

    flex: 1;

    display: flex;

    flex-wrap: wrap;

}



.links-box div a {

    margin: 0 30px 15px;

    font-size: 14px;

    color: #666666;

}



.links-box div a:hover {

    transform: translateX(8px);

}