@charset "utf-8";
/* CSS Document */

body{font-family: "Source Han Sans CN";font-weight: bold;}
ul, ol {list-style: none;list-style-type: none;margin-block-start: 0;padding-inline-start: 0;}
p{line-height: 35px; text-indent: 2em;}
::-webkit-scrollbar{width:0px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#dedede}
::-webkit-scrollbar-thumb:vertical{background-color:#333333;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#333333}
::-webkit-scrollbar-corner:vertical{background-color:#333333}
::-webkit-scrollbar-resizer:vertical{background-color:#333333;}


.pt60{padding-top: 60px;}
.pt200{padding-top: 200px;}
.mb100{margin-bottom: 100px;}

.sjlntop{width: 100%;margin-bottom: 200px;}
.sjlntoptit{width: 90%;margin: 0 auto;text-align: center;}
.sjlntoptit1{font-size: 40px;color: #dddddd47;z-index: 1;}
.sjlntoptit2{
    font-size: 35px;
    background: linear-gradient(to right,    rgb(207 7 7) 30%,    rgb(255 119 3) 90%,    rgb(255 119 3) 100%);
    -webkit-background-clip: text;
    color: transparent;
    z-index: 22;
    line-height: 32px;
}
.sjlntoptit3{margin: 10px auto 30px;}
.sjlntoptit3 span{font-size: 24px;color: #3b3b3b;border-bottom: 1px solid #cf0707;letter-spacing: 4px;}
.sjlntopimg{width: 80%;margin: 0 auto;}
.sjlntopimg img{width: 100%;border-radius: 8px;-webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;}
.sjlntopimg video{width: 100%;border-radius: 8px;-webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;}
.sjlngd{width: 100%;clear: both;height: 180px;}

.sjlngd-p{
    width: 90%;
    margin: 0 auto;
    font-size: 60px;
    letter-spacing: 40px;
    text-align: center;
    line-height: 180px;
    background: linear-gradient(to right,
    rgb(207 7 7) 0%,
    rgb(255 119 3) 90%,
    rgb(204 0 0) 100%);
    -webkit-background-clip: text;
    color: transparent;
}

.sjlnn{width: 100%;clear: both;margin-bottom: 200px;}
.sjlnn-tit{width: 80%;margin: 0 auto;height: 100px;}
.sjlnn-titl{font-size: 80px;color: #cf0707;float:left;height: 50px;line-height: 70px;}
.sjlnn-titr{margin-left: 10px;float: left;width: 80%;height: 100px;line-height: 100px;}
.sjlnn-titrt{font-size: 26px;line-height: 46px;color: #dedede;}
.sjlnn-titrb{font-size: 24px;line-height: 18px;color: #3b3b3b;}

.sjlnn-bg{width: 100%;height: calc(21.6vw * 730 / 469 + 130px);border-radius: 100px 8px;-webkit-border-radius:100px 8px 100px 8px; -moz-border-radius:100px 8px 100px 8px; -o-border-radius: 100px 8px 100px 8px;background: #eeeeee;}
.sjlnn-bot{width: 80%;margin: 0 auto;}
.sjlnn-botleft{width: 30%;float: left;margin: 100px auto;}
.sjlnn-botleft img{width: 80%; margin: 0 auto;}
.sjlnn-botleft video{width: 80%; margin: 0 auto;}
.sjlnn-botleft-txt{background: url("../images/sjlnbgline.png") no-repeat;background-size: 100%;margin-top: 120px;}
.sjlnn-botleft-txt p{font-size: 170px;color: #3b3b3b;text-align: center;line-height: 170px;letter-spacing: 30px;}
.sjlnn-botright{width: 60%;float: right;margin-top: 30px;height: calc(21.6vw * 730 / 469 + 50px);overflow: auto;}
.sjlnn-botright p{font-size: 20px;color: #00000070;line-height: 40px;margin: 15px 0;text-align: justify;}

.sjlnm{width: 100%;clear: both;margin: 40px auto;}
.sjlnm-mut{width: 80%;margin: 0 auto;}
.sjlnm-mut-left{width: 40%;float: left;height: 700px;overflow: auto;}
.sjlnm-mut-left p{font-size: 20px;color: #00000070;/**/line-height: 40px;margin: 15px 0;text-align: justify;}
/*
.sjlnm-mut-left {
    animation: fadeInAnimation ease 5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
} 
@keyframes fadeInAnimation { 
    0% {
        opacity: 0;
    }
    20% { 
        opacity: 0.2; 
    }
    40% { 
        opacity: 0.4; 
    }
    60% { 
        opacity: 0.6; 
    }
    80% { 
        opacity: 0.8; 
    }
    100% { 
        opacity: 1; 
    } 
}
.sjlnm-mut-left p{
    display: inline-block;
    text-transform: uppercase;
    -webkit-animation: background 20s linear infinite;
    animation: background 20s linear infinite;
    background:
        -webkit-linear-gradient(0deg, 
            rgba(220, 220, 220, 0) 0%, 
            rgba(210, 210, 210, 0.2) 10%, 
            rgba(200, 200, 200, 0.5) 20%, 
            rgba(190, 190, 190, 0.7) 30%, 
            rgba(180, 180, 180, 0.9) 40%, 
            rgba(150, 150, 150, 1) 50%, 
            rgba(120, 120, 120, 1) 60%, 
            rgba(90, 90, 90, 1) 70%, 
            rgba(60, 60, 60, 1) 80%, 
            rgba(30, 30, 30, 1) 90%, 
            rgba(0, 0, 0, 1) 100%);
    background: 
        linear-gradient(40deg, 
            rgba(220, 220, 220, 0) 0%, 
            rgba(210, 210, 210, 0.2) 10%, 
            rgba(200, 200, 200, 0.5) 20%, 
            rgba(190, 190, 190, 0.7) 30%, 
            rgba(180, 180, 180, 0.9) 40%, 
            rgba(150, 150, 150, 1) 50%, 
            rgba(120, 120, 120, 1) 60%, 
            rgba(99, 99, 99, 1) 70%, 
            rgba(89, 89, 89, 1) 80%, 
            rgba(79, 79, 79, 1) 90%, 
            rgba(59, 59, 59, 1) 100%);
    background-size: 1000% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}*/
@-webkit-keyframes background {
    0% {
        background-position: 0% 50%
    }
    100% {
        background-position: 100% 50%
    }
}
@keyframes background {
    0% {
        background-position: 0% 50%
    }
    100% {
        background-position: 100% 50%
    }
}

.sjlnm-mut-right{width: 50%;float: right;}
.sjlnm-mut-rightimg{}
.sjlnm-mut-rightimg img{width: 100%;}
.sjlnm-mut-rightimg video{width: 100%;}
.sjlnm-mut-rightimg .sjfavideo{width: 100%;border: 2px dotted #3b3b3b17;border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;}
.sjlnm-mut-righttit{text-align: right;clear: both;width: 70%;float: right;margin: 50px;}
.sjlnm-mut-righttit p:nth-child(1){font-size: 60px;color: #3b3b3b;border-bottom: 3px solid #cf0707;line-height: 78px;margin: 0 auto;text-indent: 0;}
.sjlnm-mut-righttit p:nth-child(2){font-size: 30px;color: #3b3b3b;line-height: 30px;margin: 10px auto;}



@media only screen and (min-width:2000px) {
    .sjlnn-botright p{font-size: 26px;color: #00000070;line-height: 50px;margin: 15px 0;text-align: justify;}
.sjlnm-mut-left p{font-size: 26px;color: #00000070;/**/line-height: 50px;margin: 15px 0;text-align: justify;}
}



@media only screen and (max-width:1840px){
    .sjlnm-mut-righttit{width: 75%;margin: 50px 10px;}
    .sjlnn-botleft-txt{background-size: 100% 100%;}
    .sjlnn-botleft-txt p{font-size: 135px;}
    .sjlnn-botright{height: calc(21.6vw * 730 / 469 + 40px);overflow: auto;}
}
@media only screen and (max-width:1660px){
    .sjlnm-mut-righttit{width: 78%;}
}
@media only screen and (max-width:1600px){
    .sjlnm-mut-righttit{width: 85%;}
}
@media only screen and (max-width:1460px){
    .sjlnm-mut-righttit{width: 88%;}
    .sjlnm-mut-righttit p:nth-child(1){font-size: 55px;}
}
@media only screen and (max-width:1440px){
    .sjlnn-bg{width: 100%;height: calc(25.2vw * 730 / 469 + 220px);}
    .sjlnn-botleft{width: 35%;margin: 110px auto;}
    .sjlnn-botright{height: calc(25.2vw * 730 / 469 + 130px);overflow: auto;}
}
@media only screen and (max-width:1280px){
    .sjlnm-mut-righttit{width: 90%;}
    .sjlnm-mut-righttit p:nth-child(1){font-size: 45px;}
}
@media only screen and (max-width:1024px){
    .sjlntoptit{width: 90%;}
    .sjlntopimg{width: 90%;}
    .sjlngd-p{width: 90%;}
    .sjlnn-tit{width: 90%;}
    .sjlnn-bot{width: 90%;}
    .sjlnm-mut{width: 90%;}
    .sjlnm-mut-righttit{width: 72%;}
    .sjlnn-bg{height: 560px;}
    .sjlnn-botleft{margin: 80px auto;}
    .sjlnn-botright{height: 480px;}
    .sjlnm-mut-left{height: 680px;}
    .sjlnn-botleft-txt p{letter-spacing: 0;}
    .sjlnm-mut-right{margin: 60px 0 0;}
    .sjlnm-mut-righttit p:nth-child(1){font-size: 30px;line-height: 48px;}
}
@media only screen and (max-width:768px){
    .sjlnn-bg{height: 1250px;}
    .sjlnn-botleft{width: 100%;margin: 40px auto;}
    .sjlnn-botleft img{width: 100%;padding: 5% 20%;}
    .sjlnn-botleft video{width: 100%;padding: 5% 20%;}
    .sjlnn-botright{width: 100%;height: 360px;}
    .sjlnm-mut-righttit{width: 77%;}
    .sjlngd-p{letter-spacing: 10px;}
    .sjlnn-botleft-txt p{font-size: 120px;}
    .sjlnm-mut-left{height: 550px;}
    .sjlnn-botright p{font-size: 16px;line-height: 30px;}
    .sjlnm-mut-left p{font-size: 16px;line-height: 30px;}
}
@media only screen and (max-width:440px){
    .sjlnn-titl{font-size: 60px;line-height: 60px;}
    .sjlnn-titrt{font-size: 16px;line-height: 36px;}
    .sjlntoptit1{font-size: 30px;}
    .sjlntoptit2{font-size: 22px;}
    .sjlntoptit3{font-size: 14px;margin-bottom: 10px;}
    .sjlngd{height: 100px;line-height: 100px;}
    .sjlngd-p{letter-spacing: 2px;font-size: 30px;line-height: 100px;}
    .sjlnn-titr{width: 70%;}
    .sjlnn-botleft{width: 100%;}
    .sjlnn-botleft-txt p{font-size: 120px;line-height: 120px;}
    .sjlnn-botright{height: 560px;width: 100%;}
    .sjlnn-bg{height: 1100px;}
    .sjlnm-mut-left{height: 550px;width: 100%;}
    .sjlnm-mut-right{margin: 60px 0 0;width: 100%;}
    .sjlnm-mut-righttit{width: 80%;margin: 50px 0;}
    .sjlntoptit3{margin: 0px auto 30px;}
    .sjlntoptit3 span{font-size: 15px;}
    .sjlntop{margin-bottom: 40px;}
}