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

/*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: 700px;

    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 .osSlider-main .slider-btn-prev {

    position: absolute;

    z-index: 30;

    top: 50%;

    left: -81px;

    width: 81px;

    height: 81px;

    text-indent: -9999px;

    margin-top: -20px;

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

    transition: all 0.5s linear;

    cursor: pointer;

}



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

    left: 10%;

}



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

    position: absolute;

    z-index: 30;

    top: 50%;

    right: -81px;

    width: 81px;

    height: 81px;

    text-indent: -9999px;

    margin-top: -20px;

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

    transition: all 0.5s linear;

    cursor: pointer;

}



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

    right: 10%;

    cursor: pointer;

}



.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: 1280px;

    margin: 0 auto;

}





/* tit-box */

.tit-box {

    display: inline-block;

    position: relative;

}



.tit-box::before {

    content: "";

    display: inline-block;

    position: absolute;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    left: -37px;

    top: 0px;

    background-color: #d0260f;

}



.tit-box span {

    display: block;

    font-family: Arial;

    font-size: 42px;

    font-weight: bold;

    color: #333333;

}



.tit-box span>i {

    font-family: Arial;

    font-size: 42px;

    font-weight: bold;

    color: #d0260f;

}



.tit-box i {

    font-size: 18px;

    color: #333333;

}





.text-box {

    width: 208px;

    height: 53px;

    font-weight: bold;

    text-transform: uppercase;

    position: relative;

    overflow: hidden;

    clip-path: url(#svgTextPath);

    background: #333;

}



.text-box2{

    width: 456px;

    height: 63px;

    font-weight: bold;

    text-transform: uppercase;

    position: relative;

    overflow: hidden;

    clip-path: url(#svgTextPath2);

    background: #333;

}



.text-box3{

    width: 333px;

    height: 63px;

    font-weight: bold;

    text-transform: uppercase;

    position: relative;

    overflow: hidden;

    clip-path: url(#svgTextPath3);

    background: #333;

}





.text-box4{

    width: 292px;

    height: 63px;

    font-weight: bold;

    text-transform: uppercase;

    position: relative;

    overflow: hidden;

    clip-path: url(#svgTextPath4);

    background: #333;

}



.text-box5{

    width: 310px;

    height: 63px;

    font-weight: bold;

    text-transform: uppercase;

    position: relative;

    overflow: hidden;

    clip-path: url(#svgTextPath5);

    background: #333;

    display: inline-block;

}





.dot,

.dot2 {

    display: inline-block;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0.9;

}



.dot:nth-child(1) {

    width: 60px;

    height: 60px;

    background: #d0260f;

    z-index: 8;

    transform: translateX(60%) translateY(-14px);

}



.text-box2 .dot{

    width: 140px;

    height: 140px;

    background: #d0260f;

    z-index: 8;

    transform: translateX(150%) translateY(-41px);

}



.text-box3 .dot{

    width: 120px;

    height: 120px;

    background: #d0260f;

    z-index: 8;

    transform: translateX(150%) translateY(-41px);

}



.text-box4 .dot{

    width: 110px;

    height: 110px;

    background: #d0260f;

    z-index: 8;

    transform: translateX(60%) translateY(-41px);

}



text {

    font-family: Arial;

    font-weight: bold;

    font-size: 42px;

    text-transform: uppercase;

}





.about-con text{

    font-size: 60px;

}



.text-box5 .dot2{

    width: 110px;

    height: 110px;

    background: #d0260f;

    z-index: 8;

    transform: translateX(60%) translateY(-41px);

}



.pro-t2 i{

    display: inline-block;

    transform: translateY(-40px);

    width: 36px;

	height: 5px;

	background-color: #d0260f;

}



/* .pro-t2{

    margin-left: 40px;

}



.pro-t2::before{

    content: "";

    position: absolute;

    left: -3px;

    top: 22px;

    display: inline-block;

    width: 36px;

	height: 5px;

	background-color: #d0260f;

} */







/* pro-box */

.pro-box {

    overflow: hidden;

    padding: 70px 0 0;

    position: relative;

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

    background-size: contain;

    background-position-y: 130.1%;



}



.pro-box::before {

    content: "";

    width: 100%;

    top: 54%;

    left: 0;

    position: absolute;

    height: 1px;

    background-color: #dddddd;

}





.pro-bd .tempWrap {

    /* padding-left: 25px; */

}



.pro-bd .bd {

    padding-top: 30px !important;

}



.slide-pro .hd ul{

    margin-top: 20px;

}

.slide-pro .hd ul li {

    display: inline-block;

    margin-left: 30px;

}



.slide-pro .hd a {

    font-size: 16px;

    color: #333333;

}



.slide-pro .hd>a {

    margin-left: 30px;

    display: block;

    margin-top: 20px;

}



.slide-pro .hd ul li>a {

    display: block;

    position: relative;

    border-bottom: 0px solid #c1240f;

    transition: all 0.5s ease-in-out;

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

}



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

.slide-pro .hd>a:hover {

    color: #c1240f;

    border-bottom: 1px solid #c1240f;

}



.slide-pro .hd ul li.on>a::before,

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

    content: "-";

    color: #c1240f;

    transition: all 0.5s ease-in-out;

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

}



.slide-pro .hd ul li.on>a::after,

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

    content: "-";

    color: #c1240f;

    transition: all 0.5s ease-in-out;

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

}





.pro-bd {

    width: 1305px;

    margin: 0 auto;

    box-sizing: border-box;

    padding: 30px 0 0 0;

}

.pro-bd .bd ul {

    height: 970px;

}

.pro-bd .bd ul li {

    width: 361px;

    padding-left: 29px;

    box-sizing: border-box;

    position: relative;

    display: inline-block;

    margin-right: 106px;

    margin-bottom: 95px;

}



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

    margin-right: 0;

}



.pro-bd .bd ul {

    position: relative;

}



.pro-bd .bd ul::before {

    content: "";

    display: inline-block;

    position: absolute;

    left: 32%;

    top: 0;

    width: 1px;

    height: 91%;

    background-color: #dddddd;

}





.pro-bd .bd ul::after {

    content: "";

    display: inline-block;

    position: absolute;

    left: 68%;

    top: 0;

    width: 1px;

    height: 746px;

    background-color: #dddddd;

}



.pro-bd .bd ul li a {

    position: relative;

    display: block;

}



.pro-bd .bd ul li img {

    width: 318px;

    height: 318px;

    object-fit: contain;

    padding: 5px;

    border: solid 1px #cccccc;

    background-color: #fff;

    border-radius: 4px;

}



.pro-bd .bd ul li i {

    display: block;

    font-size: 16px;

    width: 60%;

    color: #333333;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: all .5s;

    -webkit-transition: all .5s;

}



.pro-bd .bd ul li i::before {

    content: "";

    width: 180px;

    height: 2px;

    background-color: #333333;

    display: block;

    margin: 24px 0 10px;

    transition: all .5s;

    -webkit-transition: all .5s;

}





.pro-bd .bd ul li span {

    display: none;

    color: #666666;

    width: 60%;

    overflow: hidden;

    font-size: 14px;

    margin-top: 6px;

    text-overflow: ellipsis;

    white-space: nowrap;

}





.pro-bd .bd ul li::after {

    position: absolute;

    content: "PRODUCT SHOW";

    font-family: Arial;

    font-size: 12px;

    color: #cccccc;

    display: inline-block;

    left: -43px;

    top: 41px;

    transform: rotate(90deg);

}







.pro-bd .bd ul li::before {

    position: absolute;

    content: "01.";

    font-family: Arial;

    font-size: 12px;

    font-weight: bold;

    color: #999999;

    display: inline-block;

    left: 0;

    top: -27px;

    transform: rotate(90deg);

}



.pro-bd .bd ul li:nth-child(2):before {

    content: "02.";

}



.pro-bd .bd ul li:nth-child(3):before {

    content: "03.";

}



.pro-bd .bd ul li:nth-child(4):before {

    content: "04.";

}



.pro-bd .bd ul li:nth-child(5):before {

    content: "05.";

}



.pro-bd .bd ul li:nth-child(6):before {

    content: "06.";

}





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

    content: "01";

    position: absolute;

    bottom: 3px;

    right: 0;

    font-family: Arial;

    font-size: 36px;

    color: #333333;

    transition: all .5s;

    -webkit-transition: all .5s;

}



.pro-bd .bd ul li:nth-child(2) a::before {

    content: "02";

}



.pro-bd .bd ul li:nth-child(3) a::before {

    content: "03";

}



.pro-bd .bd ul li:nth-child(4) a::before {

    content: "04";

}



.pro-bd .bd ul li:nth-child(5) a::before {

    content: "05";

}



.pro-bd .bd ul li:nth-child(6) a::before {

    content: "06";

}



.pro-bd .bd ul li a::after {

    content: "";

    position: absolute;

    bottom: 0;

    right: 0;

    width: 40px;

    height: 1px;

    background-color: #aaaaaa;

    transition: all .5s;

    -webkit-transition: all .5s;

}





.pro-bd .bd ul li:hover i {

    color: #c1240f;

}



.pro-bd .bd ul li:hover i::before {

    background-color: #c1240f;

}



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

    color: #c1240f;

}



.pro-bd .bd ul li:hover a::after {

    background-color: #c1240f;

}





/* about-box */

.about-box {

    padding: 90px 0 0 0;

    overflow: hidden;

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

    background-size: cover;

    background-position-y: -81px;

}



.about-con .txt {

    position: relative;

    width: 965px;

    margin-left: auto;

}



.about-con .txt>span {

    font-family: Arial;

    font-size: 60px;

    font-weight: bold;

    color: #333333;

    display: inline-block;

    margin-top: 45px;

}



.about-con .txt>span::before {

    content: "";

    display: inline-block;

    width: 36px;

    height: 5px;

    margin-bottom: 18px;

    margin-right: 5px;

    background-color: #d0260f;

}



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

    font-size: 24px;

    font-weight: bold;

    color: #333333;

    margin: 5px 0 40px;

}



.about-con .txt>p:nth-child(3) {

    font-size: 16px;

    line-height: 42px;

    color: #666666;

}



.about-con .txt>img {

    width: 194px;

    height: 139px;

    padding: 14px;

    object-fit: cover;

    position: absolute;

    top: -45px;

    right: 0;

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

    background-size: cover;

}





.about-con .txt>a {

    margin: 45px 0 0 0;

    display: block;

    font-size: 14px;

    color: #666666;

    text-transform: uppercase;

    padding: 0 0 12px;

    width: 75px;

    border-bottom: 1px solid #d0260f;

}



.about-con .txt>a img {

    margin-left: 6px;

    margin-bottom: 5px;

}





.ab-ul {

    margin-top: 45px;

    width: 965px;

    margin-left: auto;

    box-sizing: border-box;

}



.ab-ul li {

    margin-right: 63px;

    padding-right: 73px;

    border-right: 1px solid rgba(159, 165, 174, 0.3);

    display: inline-block;

}



.ab-ul li:last-child {

    margin-right: 0;

    padding-right: 0;

    border-right: 0;

}





.ab-ul li .num {

    font-size: 44px;

    font-weight: bold;

    color: #333333;

}



.ab-ul li .num i {

    font-size: 16px;

    color: #666666;

}



.ab-ul li p {

    font-weight: normal;

    font-size: 16px;

    color: #333333;

}



.slide-about .hd {

    margin: 55px 0 50px 301px;

}



.slide-about .hd ul li {

    display: inline-block;

}



.slide-about .hd ul li a {

    display: block;

    width: 180px;

    height: 60px;

    box-sizing: border-box;

    text-align: center;

    line-height: 60px;

    font-size: 18px;

    color: #666666;

    background-color: transparent;

}



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

    background-color: #d0260f;

    color: #ffffff;

}



.slide-about .hd ul li a .icon {

    width: 34px;

    height: 35px;

    display: inline-block;

    overflow: hidden;

    object-fit: cover;

    position: relative;

    transform: translateY(8px);

    margin-right: 5px;

}



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

.slide-about .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-about .hd ul li .icon:after {

    right: 0;

}



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

    right: 100%;

}



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

    right: -100%;

}



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

    right: 0;

}



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

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

}



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

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

}



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

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

}



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

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

}



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

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

}



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

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

}



.about-bd li {

    display: inline-block;

}



.about-bd li a {

    position: relative;

    display: block;

    width: 300px;

    box-sizing: border-box;

    border-bottom: 1px solid #dddddd;

}



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

    margin-right: 22px;

}



.about-bd li a::before {

    content: "";

    position: absolute;

    bottom: 22px;

    right: 7px;

    width: 18px;

    height: 15px;

    display: inline-block;

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

    background-size: cover;

    transition: all .5s;

    -webkit-transition: all .5s;

}



.about-bd li a img {

    width: 286px;

    height: 211px;

    padding: 6px;

    border: solid 1px #dddddd;

    object-fit: cover;

    border-radius: 8px;

}



.about-bd li a i {

    display: block;

    font-size: 16px;

    color: #666666;

    width: 80%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin: 18px 0 16px;

    transition: all .5s;

    -webkit-transition: all .5s;

}



.about-bd li a i::before {

    content: "·";

    font-size: 20px;

    margin-right: 15px;

    font-weight: bold;

    color: #dddddd;

    transition: all .5s;

    -webkit-transition: all .5s;

}





.about-bd li:hover a {

    border-bottom: 1px solid #d0260f;

}



.about-bd li:hover a i::before {

    color: #d0260f;

}



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

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

}



.about-bd li:hover a i {

    color: #d0260f;

}







/* adv-box */

.adv-box {

    overflow: hidden;

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

    background-size: contain;

    background-position-y: -176%;

    padding: 70px 0 15px 0;

}



.adv-con .tit-box p {

    display: inline-block;

}



.adv-con .tit-box>i:last-child {

    font-size: 16px;

    letter-spacing: 2px;

    color: #666666;

    display: inline-block;

    margin-left: 15px;

    position: absolute;

    right: -125px;

    top: 20px;

    /* transform: translateY(-37px); */

}



.adv-ul li {

    display: inline-block;

    box-sizing: border-box;

    width: 300px;

    height: 150px;

    background-color: #ffffff;

    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);

    margin-right: 22px;

    margin-top: 50px;

    position: relative;

    padding: 25px 28px 0;

    position: relative;

}



/* .adv-ul li::before {

    content: "";

    display: inline-block;

    position: absolute;

    z-index: 9;

    right: 0;

    top: 0;

    width: 0;

    height: 150px;

    background-color: #ffb600;

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

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

} */



.adv-ul li::after {

    content: "";

    display: inline-block;

    position: absolute;

    right: 0;

    top: 0;

    width: 15px;

    height: 150px;

    background-color: #ffb600;

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

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

}





.adv-ul li:nth-child(4n+4) {

    margin-right: 0;

}





.adv-ul li p::before {

    content: "";

    position: absolute;

    display: inline-block;

    top: 0;

    left: 117px;

    width: 12px;

    height: 75px;

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

    background-size: cover;

}



.adv-ul li p>i:nth-child(1) {

    font-family: Arial;

    font-size: 46px;

    color: #333333;

}



.adv-ul li p>i:nth-child(2) {

    font-size: 24px;

    color: #333333;

    display: inline-block;

    margin-left: 75px;

}



.adv-ul li>span {

    display: block;

    text-align: center;

    font-size: 14px;

    margin-top: 5px;

    color: #666666;

}





.adv-ul li:hover p::before {

    animation: rotate 1s infinite alternate;

}



/* .adv-ul li:hover::before {

    width: 15px;

}



.adv-ul li:hover::after {

    width: 0;

} */



@keyframes rotate {

    from {

        transform: rotate(10deg);

    }



    to {

        transform: rotate(-10deg);

    }

}





@-moz-keyframes rotate {

    from {

        transform: rotate(10deg);

    }



    to {

        transform: rotate(-10deg);

    }

}



@-webkit-keyframes rotate {

    from {

        transform: rotate(10deg);

    }



    to {

        transform: rotate(-10deg);

    }

}



@-o-keyframes rotate {

    from {

        transform: rotate(10deg);

    }



    to {

        transform: rotate(-10deg);

    }

}







/* adv2-box */

.adv2-box {

    overflow: hidden;

    padding: 215px 0 0 0;

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

    background-size: contain;

}



.adv2-con {

    width: 1397px;

    margin: 0 auto;

    position: relative;

    left: 63px;

}



.adv2-con .tit-box {

    position: absolute;

    top: -31px;

    left: 0;

}



.adv2-con::before {

    content: "";

    width: 305px;

    height: 217px;

    display: inline-block;

    position: absolute;

    top: 0;

    left: 372px;

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

    background-size: cover;



}



.adv2-bd .text {

    width: 560px;

    margin: 117px 0 0 0;

    position: relative;

}



.adv2-bd .text::before {

    content: "";

    display: inline-block;

    position: absolute;

    top: 0;

    left: 0;

    width: 76px;

    height: 115px;

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

    background-size: cover;

}



.adv2-bd .text::after {

    content: "NO.1";

    display: inline-block;

    position: absolute;

    top: 30px;

    left: 0;

    font-family: Arial;

    font-size: 30px;

    font-weight: bold;

    color: #ffffff;

    transform: rotate(90deg);

}



.adv2-bd .bd>div:nth-child(3) .text::after {

    content: "NO.2";

}



.adv2-bd .bd>div:nth-child(4) .text::after {

    content: "NO.3";

}



.adv2-bd .bd>div:nth-child(5) .text::after {

    content: "NO.4";

}



.adv2-bd .text>p:nth-child(1) {

    font-size: 24px;

    color: #333333;

    margin-left: 122px;

}



.adv2-bd .text>p:nth-child(1)::after {

    display: block;

    content: "";

    margin: 18px 0 18px 46px;

    width: 2px;

    height: 16px;

    background-color: #d0260f;

}



.adv2-bd .text>i {

    display: block;

    font-family: Arial;

    font-size: 16px;

    text-transform: uppercase;

    color: #999999;

    margin-left: 122px;

}



.adv2-bd .text>p:last-child {

    font-size: 16px;

    line-height: 42px;

    color: #666666;

    margin-top: 40px;

}





.slide-adv2 .hd ul li {

    cursor: pointer;

    float: left;

    width: 120px;

    height: 200px;

    box-sizing: border-box;

    background-color: #fff;

    border-radius: 60px;

    display: flex;

    flex-direction: column;

    align-items: center;

    font-size: 18px;

    color: #333333;

    margin-right: 40px;

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

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

    box-shadow: 0px 2px 20px 0px rgba(177, 177, 177, 0.3);

}



.slide-adv2 .hd {

    position: relative;

    top: -58px;

}





.slide-adv2 .hd ul li.on {

    background-color: #d0260f;

    box-shadow: none;

    color: #ffffff;

}





.slide-adv2 .hd ul li img {

    width: 120px;

    height: 120px;

    margin-bottom: 15px;

    object-fit: cover;

    border-radius: 50%;

    border: dashed 1px #eeba5c;

}



.slide-adv2 .hd .arrow {

    position: absolute;

    top: 128px;

    right: 115px;

    display: flex;

    cursor: pointer;

}



.slide-adv2 .hd .arrow .prev {

    width: 180px;

    height: 60px;

    text-align: center;

    line-height: 60px;

    background-color: #ffb600;

}



.slide-adv2 .hd .arrow .next {

    width: 180px;

    height: 60px;

    text-align: center;

    line-height: 60px;

    background-color: #d0260f;

}







/* case-box */

.case-box {

    overflow: hidden;

    padding: 15px 0 70px;

}



.case-tit a:first-child {

    display: flex;

    align-items: center;

}



.case-tit a:first-child i {

    font-family: Arial;

    font-size: 80px;

    font-weight: bold;

    color: #d0260f;

}



.case-tit a:first-child span:nth-child(2) {

    font-size: 24px;

    font-weight: bold;

    color: #333333;

    display: inline-block;

    margin: 0 10px 0 5px;

}



.case-tit a:first-child span:nth-child(3) {

    font-family: Arial;

    font-size: 16px;

    color: #666666;

    margin-top: 15px;

}



.case-tit a:last-child {

    position: relative;

    font-family: Arial;

    font-size: 14px;

    color: #666666;

    top: 28px;

}



.case-tit a:last-child::before {

    position: absolute;

    content: "";

    display: inline-block;

    left: -900px;

    top: 10px;

    width: 850px;

    height: 1px;

    background-color: #dddddd;

}



.case-tit a:last-child img {

    margin-left: 5px;

}



.case-tit {

    height: 59px;

    padding-left: 29px;

    box-sizing: border-box;

    display: flex;

    justify-content: space-between;

}



.case-ul {

    padding-top: 10px;

}



.case-ul li {

    width: 394px;

    padding-left: 32px;

    position: relative;

    box-sizing: border-box;

    display: inline-block;

}



.case-ul li:hover i {

    color: #d0260f;

    border-top: 1px solid #d0260f;

}



.case-ul li:nth-child(-n+2) {

    margin-right: 44px;

}





.case-ul li::before {

    content: "01. CASE SHOW";

    position: absolute;

    font-family: Arial;

    font-size: 12px;

    font-weight: bold;

    color: #666666;

    font-weight: lighter;

    top: 50px;

    left: -40px;

    transform: rotate(90deg);

}



.case-ul li:nth-child(2)::before {

    content: "02. CASE SHOW";

}



.case-ul li:nth-child(3)::before {

    content: "03. CASE SHOW";

}





.case-ul li a {

    display: block;

}



.case-ul li img {

    width: 348px;

    height: 254px;

    object-fit: cover;

    padding: 6px;

    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);

    border-radius: 4px;

}



.case-ul li i {

    margin-top: 24px;

    display: block;

    width: 75%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 16px;

    padding-top: 15px;

    color: #333333;

    border-top: 1px solid #dddddd;

    transition: all .5s;

    -webkit-transition: all .5s;

}



.case-ul li span {

    margin-top: 15px;

    font-size: 14px;

    display: block;

    width: 75%;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    color: #999999;

}



.swiper-case {

    margin-top: 40px;

    padding-bottom: 90px;

}



.swiper-case .swiper-pagination-bullet-active {

    background-color: #d0260f;

}



.swiper-case .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 10px !important;

}



.case-con .but {

    position: absolute;

    bottom: 0;

    height: 23px;

    display: inline-block;

    left: 50%;

    transform: translateX(-50%);

}



.case-con .swiper-pagination {

    position: relative !important;

    margin: 0 40px;

    cursor: pointer;

}



.case-next {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 28px;

    height: 23px;

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

    background-size: cover;

    cursor: pointer;

}



.case-prev {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 28px;

    height: 23px;

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

    background-size: cover;

    cursor: pointer;

}











/* news-box */

.news-box {

    padding: 62px 0 0 0;

    overflow: hidden;

    background-color: #fbfbfb;

}



.slide-news .hd ul li {

    margin-left: 105px;

    display: inline-block;

}



.slide-news .hd ul li a {

    display: block;

    font-size: 18px;

    color: #0d2b2c;

    padding-bottom: 15px;

}



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

    color: #d0260f;

    border-bottom: 2px solid #d0260f;

}



.slide-news .hd ul li .icon {

    display: inline-block;

    overflow: hidden;

    object-fit: cover;

    position: relative;

    width: 26px;

    height: 24px;

    transform: translateY(5px);

    margin-right: 5px;

}





.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:nth-child(1) .icon::before {

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

}



.slide-news .hd ul li:nth-child(1) .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;

}





.news-bd{

    margin-top: 45px;

    margin-bottom: 35px;

}





.news-bd .bd>div {

    display: flex;

    justify-content: space-between;

}





.news-bd .b-l-ul {

    display: inline-block;

    width: 674px;

    box-sizing: border-box;

}



.news-bd .b-l-ul li {

    display: inline-block;

    width: 320px;

    box-sizing: border-box;

}



.news-bd .b-l-ul li:nth-child(1) {

    margin-right: 25px;

}



.news-bd .b-l-ul a {

    display: block;

}



.news-bd .b-l-ul a img {

    width: 308px;

    height: 310px;

    object-fit: contain;

    border-radius: 4px;

    border: solid 1px #cccccc;

    padding: 5px;

}



.news-bd .bd>div{

    height: 524px;

}



.news-bd .b-l-ul a .date {

    font-family: Arial;

    font-size: 40px;

    font-weight: bold;

    color: #999999;

    display: block;

    transition: all .5s;

    -webkit-transition: all .5s;

    margin-top: 25px;

}



.news-bd .b-l-ul a .tit {

    font-size: 16px;

    display: block;

    width: 90%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #666666;

}



.news-bd .b-l-ul a .desc {

    border-top: 1px solid #eeeeee;

    font-size: 14px;

    color: #999999;

    padding-top: 23px;

    margin-top: 22px;

    display: block;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.news-bd .b-l-ul li:hover img {

    border: solid 1px #d0260f;

}



.news-bd .b-l-ul li:hover .date {

    color: #d0260f;

}





.news-bd .b-r-ul {

    width: 580px;

    display: inline-block;

    box-sizing: border-box;

}



.news-bd .b-r-ul li {

    transition: all .5s;

    -webkit-transition: all .5s;

    padding: 30px 0;

    border-bottom: 1px solid #dddddd;

}



.news-bd .b-r-ul li:hover {

    border-bottom: 1px solid #d0260f;

}



.news-bd .b-r-ul li:first-child {

    padding-top: 0;

}



.news-bd .b-r-ul a {

    display: block;

}



.news-bd .b-r-ul a i {

    display: inline-block;

    width: 70%;

    font-size: 16px;

    color: #666666;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transition: all .5s;

    -webkit-transition: all .5s;

}



.news-bd .b-r-ul li:hover a i {

    color: #d0260f;

}



.news-bd .b-r-ul a i::before {

    width: 10px;

    height: 10px;

    content: "";

    display: inline-block;

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

    background-size: cover;

    margin: 0 8px 0 10px;

    transition: all .5s;

    -webkit-transition: all .5s;

}



.news-bd .b-r-ul li:hover a i::before {

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

    background-size: cover;

}



.news-bd .b-r-ul a span {

    float: right;

    font-size: 14px;

    color: #999999;

}









@media screen and (max-width: 1680px) {

    .banner .slider-nav {

        right: -2.4%;

    }



    .pro-box {

        background-position-y: 122.1%;

    }

}