*,::after,::before {
    box-sizing: border-box
}

:root {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    letter-spacing: 2px;
}

body {
    font-family: system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'
}

hr {
    height: 0;
    color: inherit
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    border-radius: 8px;
}

button,select {
    text-transform: none
}
@font-face
{
	font-family:impact;
	src: url('./font/Impact.ttf');
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
    box-shadow: none
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

button {
    background-color: transparent;
    background-image: none
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

fieldset {
    margin: 0;
    padding: 0
}

ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

html {
    font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    line-height: 1.5
}

body {
    font-family: inherit;
    line-height: inherit
}

*,::after,::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e2e8f0
}

hr {
    border-top-width: 1px
}

img {
    border-style: solid
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #9ca3af
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #9ca3af
}

input::placeholder,textarea::placeholder {
    color: #9ca3af
}

[role=button],button {
    cursor: pointer
}

table {
    border-collapse: collapse
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

button,input,optgroup,select,textarea {
    padding: 0;
    line-height: inherit;
    color: inherit
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}


.container {
    width: 100%
}
@media (min-width: 1300px) {
    .container {
        max-width:1300px
    }
}
header{
    padding: 16px 0;
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .05);
}
header .navbar-brand{
    padding: 0;
    margin: 0;
}
header .navbar-brand a{
    margin: 0;
}
header .navbar-brand img{
    width: 339px;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active{
    color: #2563eb;
    font-weight: bold;
}
#headernavbarToggler{
    margin-left: 15px;
}
#headernavbarToggler .nav-item{
    margin-left: 40px;
}
.carousel-inner{
    max-width: 1920px;
    margin: 0 auto;
}
#carouselExampleCaptions .carousel-item{
    position: relative;
}
#carouselExampleCaptions .carousel-item .text{
    position: absolute;
    top: 150px;
    left: 16%;
    color: #000000;
}
#carouselExampleCaptions .carousel-item .chahua{
    height: 100%;
    width: auto;
    position: absolute;
    top:0;
    right: 16%;
}
#carouselExampleCaptions .carousel-item .text>img{
    max-width: 227px;
}
#carouselExampleCaptions .carousel-item .text .p1{
    font-size: 36px;
    line-height: 44px;
    margin: 16px 0;
    font-weight: 600;
}
#carouselExampleCaptions .carousel-item .text .p1>span{
    color: #2563eb;
}
#carouselExampleCaptions .carousel-item .text .p2{
    color: #94a3b8;
    line-height: 26px;
    max-width: 508px;
    margin-bottom: 32px;
}
#carouselExampleCaptions .carousel-item .text button{
    letter-spacing: 5px;
    line-height: 16px;
    padding: 16px 32px;
}
.banner-title{
    margin-top: 32px;
    padding: 16px 0;
    margin-bottom: 80px;
}
.banner-title>.container{
    padding: 0;
}
.banner-title .img{
    background-color: #f8fafc;
    margin-right: 24px;
}
.banner-title .img img{
    padding: 23px;
}
.banner-title .text{
    padding: 8px 0;
}
.banner-title .text .p1{
    font-size: 24px;
    line-height: 30px;
}
.banner-title .text .p2{
    color: #94a3b8;
    line-height: 33px;
}
.product{
    background:url('../images/product-bg.png') top center no-repeat;
    background-size: 100% auto;
    margin-bottom: 80px;
}
.project{
    padding-top: 80px;
    text-align: center;
}
.project>h3{
    font-size: 36px;
    line-height: 54px;
    font-weight: bold;
}
.project>h3 span{
    color: #2563eb;
}
.product .container .nav{
    width: 28.6%;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .05);
    padding: 4px;
    margin: 24px auto 64px;
}
.product .container .nav .nav-item .nav-link{
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 2px;
    padding: 16px 28px;
    border-radius: 8px;
}
/* .product .container .product-li{
    
} */
.product .container .product-li .product-all{
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
    width: 100%;
    padding: 40px 16px 40px;
}
.product .container .product-li .product-all>.img{
    width: 100%;
    text-align: center;
}
.product .container .product-li .product-all>.img>img{
    max-height: 80px;
    display: inline;
}
.product .container .product-li .product-all>.title{
    font-size: 36px;
    line-height: 54px;
    text-align: center;
    margin: 24px 0 8px;
}
.product .container .product-li .product-all>.price{
    /* color: #94a3b8; */
    text-align: center;
    font-size: 30px;
}
.product .container .product-li .product-all>.price span{
    font-size: 72px;
    color: #2563eb;
    font-family: impact;
    margin-right: 8px;
}
.product .container .product-li .product-all>.youhui{
    color: #ee0909;
    text-align: center;
    letter-spacing: 1px;
    margin-top: 8px;
    line-height: 24px;
    margin-bottom: 32px;
    font-size: 20px;
}
.product .container .product-li .product-all>.content{
    padding-left: 50px;
    color: #94a3b8;
}
.product .container .product-li .product-all>.content span{
    font-size: 20px;
}
.product .container .product-li .product-all>.content img{
    margin-right: 8px;
    max-width: 24px;
}
.product .container .product-li .product-all>.content p{
    line-height: 24px;
    margin-bottom: 12px;
}
.product .container .product-li .product-all>.link{
    letter-spacing: 5px;
    margin-top: 32px;
    text-align: center;
}
.product .container .product-li .product-all>.link a{
    line-height: 16px;
    padding: 16px 32px;
    border-radius: 8px;
}
.product .container .product-li .product-all>.link a.btn-outline-primary{
    border-color: #e2e8f0;
    color: #64748b;
}
.product .container .product-li .product-all>.link a.btn-outline-primary:hover{
    color: #ffffff;
}
.flav{
    margin-bottom: 56px;
}
.flav .container{
    margin-top: 64px;
}
.flav .flav-all{
    padding: 32px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
    margin-bottom: 32px;
}
.flav .flav-all .top{
    margin-bottom: 16px;
}
.flav .flav-all .top>img{
    max-width: 80px;
    margin-right: 12px;
}
.flav .flav-all .top .text .p1{
    font-size: 36px;
    line-height: 64px;
    font-weight: bold;
}
.flav .flav-all .top .text .p2{
    color: #2563eb;
    line-height: 24px;
    display: none;
}
.flav .flav-all .content{
    color: #94a3b8;
    line-height: 36px;
    font-size: 20px;
}
.qa{
    background: url('../images/qa-bg.png') top center no-repeat;
    margin-bottom: 80px;
}
.qa .container{
    margin-top: 64px;
}
.qa #accordionExample{
    padding: 0 19%;
}
.qa .card{
    margin-bottom: 16px;
    border: none;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
    border-radius: 8px;
}
.qa .card .card-header{
    background-color: #ffffff;
    border: none;
}
.qa .card .card-header h2{
    padding: 16px 24px;
}
.qa .card .card-header h2 button{
    width: 100%;
    font-size: 24px;
    color: #000000;
    line-height: 18px;
    font-weight: bold;
    letter-spacing: 2px;
}
.qa .card .card-body{
    padding: 0 24px 16px;
    font-size: 20px;
    color: #94a3b8;
    line-height: 32px;
}
.qa .news{
    margin-top: 64px;
}
.qa .news .news-li{
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
    padding: 24px;
    border-radius: 8px;
}
.qa .news .news-li .title{
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 12px;
}
.qa .news .news-li a{
    display: block;
    margin-bottom: 8px;
    color: #94a3b8;
    line-height: 18px;
}
.qa .news .news-li a:last-child{
    margin-bottom: 0;
}
.ssltype{
    background: url('../images/ssltype-2.png') top left no-repeat;
    padding-bottom: 80px;
}
.ssltype .container{
    padding: 80px 0 48px;
}
.ssltype .ssltype-li{
    background-color: #ffffff;
    border-radius: 8px;
    padding: 32px 16px;
}
.ssltype .ssltype-li:hover{
    cursor: pointer;
}
.ssltype .ssltype-li p{
    font-size: 20px;
    line-height: 53px;
    font-weight: bold;
    margin-left: 12px;
}
.ssltype .ssltype-kf{
    text-align: center;
}
.ssltype .ssltype-kf .all{
    width: 9%;
    border: 1px solid #ffffff;
    border-radius: 8px;
    padding: 14px 0;
    min-width: 150px;
    margin: 0 auto;
}
.ssltype .ssltype-kf img{
    display: inline-block;
}
.ssltype .ssltype-kf span{
    font-size: 16px;
    letter-spacing: 5px;
    color: #ffffff;
    line-height: 22px;
}
footer{
    background-color: #1e293b;
    color: #ffffff;
}
footer .title{
    padding-top: 32px;
    padding-bottom: 32px;
    letter-spacing: 1px;
}
footer .title img{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 12px;
}
footer .title .text .p1{
    font-size: 24px;
    font-weight: bold;
    line-height: 33px;
}
footer .title .text .p2{
    line-height: 32px;
}
footer hr {
    border: 0;
    height: 1px;
    background-color: #687587;
    margin-bottom: 48px;
}
footer .footbody img.float-left{
    margin-right: 48px;
    max-width: 200px;
}
footer .footbody .telphone{
    font-size: 36px;
    font-weight: bold;
}
footer .footbody .telphone>.teltitle{
    padding-top: 48px;
    line-height: 78px;
}
footer .footbody .telphone>.teltitle>img{
    display: inline;
}
footer .footbody .telphone>.number{
    line-height: 54px;
    margin-top: 8px;
}
footer .footbody .foot-all{
    padding-left: 20%;
    padding-top: 48px;
}
footer .footbody .foot-all a{
    float: left;
    text-decoration: none;
    font-size: 20px;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #ffffff;
    margin-left: 16px;
    line-height: 20px;
    margin-bottom: 30px;
}
footer .footbody .foot-all a:hover{
    color: #ffffff;
}
footer .footbody .xylink{
    padding: 48px 0;
    text-align: center;
}
footer .footbody .xylink a{
    margin-right: 48px;
}
footer .footbody .xylink a img{
    display: inline;
}
footer .footbottom{
    text-align: center;
    padding: 16px 0;
}
footer .footbottom a{
    display: inline;
}
footer .footbottom img{
    display: inline;
}
.modal-dialog{
    max-width: 300px;
    width: 80%;
    margin: 0 auto;
}
.modal-dialog .modal-content img{
    min-height: 358px;
}
.lianxi{
    margin-bottom: 48px;
}
.lianxi .row{
    margin-top: 64px;
}
.lianxi .row>div>img{
    width: 80%;
    display: inline-block;
}
.lianxi .row>div{
    text-align: center;
}
.lianxi .row>div:last-child{
    padding-top: 30px;
}
.lianxi .lianxi-li>img{
    display: inline-block;
    margin-right: 24px;
}
.lianxi .lianxi-li{
    font-size: 30px;
    text-align: left;
    margin-bottom: 24px;
}
/* sign */
#banner .container>.row>div:first-child{
    padding-top: 120px;
}
#banner .carousel-item .p1{
    font-size: 40px;
}
#banner .carousel-item  .p1{
    font-size: 36px;
    line-height: 44px;
    margin: 16px 0;
    font-weight: 600;
}
#banner .carousel-item  .p1>span{
    color: #2563eb;
}
#banner .carousel-item  .p2{
    color: #94a3b8;
    line-height: 26px;
    max-width: 508px;
    margin-bottom: 32px;
}
#banner .carousel-item  button{
    letter-spacing: 5px;
    line-height: 16px;
    padding: 16px 32px;
}
#banner .carousel-item .chahua{
    height: 80%;
    display: inline;
}
#banner .container>.row>div:last-child{
    text-align: right;
}
#banner .container{
    padding-top: 50px;
}
.ssllist{
    background:url('../images/product-bg.png') top center no-repeat;
    background-size: 100% auto;
    margin-bottom: 80px;
}
.ssllist .container{
    margin-top: 64px;
}
.ssllist .slcom{
    background-color: #ffffff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
    text-align: center;
    border-radius: 8px;
    padding-top: 32px;
    padding-bottom: 32px;
    margin-bottom: 32px;
}
.ssllist .slcom>.title-icon{
    font-size: 20px;
    line-height: 38px;
    padding: 0 16px;
    color: #ffffff;
    background-color: #ffa000;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 16px;
}
.ssllist .slcom>.title{
    font-size: 36px;
    line-height: 64px;
    margin-left: 8px;
}
.ssllist .slcom>.price{
    font-size: 30px;
}
.ssllist .slcom>.price>span{
    font-size: 72px;
    color: #2563eb;
    font-family: impact;
}
.ssllist .slcom>.p1{
    font-size: 20px;
    color: #94a3b8;
    margin: 24px 0 38px;
}
.ssllist .slcom>.p1>span{
    color: #ff0012;
}
.ssllist .slcom>button{
    font-size: 36px;
    letter-spacing: 5px;
    line-height: 64px;
    padding: 0 48px;
    border-radius: 8px;
}
.ssllist .slcom>.content{
    padding-left: 20px;
    color: #94a3b8;
    margin-top: 48px;
}
.ssllist .slcom>.content img{
    margin-right: 8px;
    max-width: 24px;
}
.ssllist .slcom>.content p{
    line-height: 24px;
    margin-bottom: 20px;
    font-size: 20px;
    text-align: left;
}
.ssllist .slcom>.content p span{
    max-width: 85%;
}
.ssllist .slcom>hr{
    margin-top: 45px;
}
.sign-content .container{
    margin: 80px auto;
    padding-top: 80px;
}
.sign-content .p1{
    font-size: 36px;
    line-height: 58px;
}
.sign-content .p2{
    font-size: 22px;
    color: #94a3b8;
    width: 100%;
    max-width: 673px;
    line-height: 32px;
    margin-bottom: 40px;
}
.sign-content .p3{
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 32px;
}
.sign-content .p3>span{
    margin-left: 12px;
    max-width: 558px;
}
.sign-content .content-img{
    position: relative;
}
.sign-content .content-img>img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.sign-function .container{
    padding-top: 64px;
}
.sign-function .container .signf{
    background-color: #ffffff;
    padding-bottom: 38px;
    margin-bottom: 40px;
}
.sign-function .container .signf .signf-txt{
    margin-left: 32px;
}
.sign-function .container .signf .signf-txt .p1{
    font-size: 36px;
    font-weight: bold;
    line-height: 64px;
    margin-bottom: 24px;
}
.sign-function .container .signf .signf-txt .p2{
    font-size: 20px;
    color: #94a3b8;
    max-width: 300px;
    line-height: 36px;
}
.sign-process .container{
    text-align: center;
    margin-top: 64px;
    margin-bottom: 80px;
}
.sign-process .topimg img{
    display: inline-block;
}
.sign-process p{
    font-size: 36px;
    font-weight: bold;
    margin-top: 24px;
}
.sign-process p.p1{
    color: #94a3b8;
}
.sslus .container{
    margin-top: 64px;
    margin-bottom: 80px;
}
.sslus .card{
    border: none;
}
.sslus .card .card-body{
    padding: 0;
}
.sslus .card .card-img-top{
    width: 100%;
}
.sslus .card .card-text{
    font-size: 36px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 36px;
}
.sslus .card p.p1{
    font-size: 20px;
    color: #94a3b8;
    line-height: 36px;
}
.about .about-li{
    background-color: #ffffff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
    text-align: center;
    border-radius: 8px;
    padding: 32px;
    margin-bottom: 32px;
}
.about .about-li .xuhao span{
    font-size: 30px;
    border-radius: 50%;
}
.about .about-li .xuhao{
    margin-bottom: 16px;
}
.about .about-li>img{
    width: 80%;
    display: inline;
}
.about .about-li p.p1{
    font-size: 36px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 36px;
}
.about .about-li p.p2{
    font-size: 20px;
    color: #94a3b8;
    line-height: 36px;
}
.about .container{
    margin-top: 64px;
}
#content{
    margin-top: 80px;
    margin-bottom: 80px;
    padding-top: 80px;
}
#content .retitle{
    text-align: center;
}
#content .retitle .p1{
    font-size: 36px;
    line-height: 64px;
}
#content .retitle .p2{
    color: #94a3b8;
    line-height: 45px;
    margin-bottom: 24px;
}
#content hr{
    border: 0;
    height: 2px;
    background-color: #2563eb;
    margin-bottom: 48px;
}
#content h4{
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 8px;
}
#content .recon{
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 16px;
}
.sign-course{
    margin-bottom: 80px;
}
.sign-course .container{
    padding-top: 64px;
}
.sign-course .course-con{
    width: 100%;
    text-align: center;
}
.sign-course .course-con .course-li>.p1{
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    width: 100%;
    line-height: 24px;
    background: url('../images/sign/cro-2.png') top center no-repeat;
    padding: 12px 0 20px 0;
}
.sign-course .container>.row>div{
    padding: 0;
}
.sign-course .course-con .course-li>img{
    display: inline-block;
}
.sign-course .course-con .course-li.li-arrow{
    margin-top: 12px;
    margin-bottom: 12px;
}
.sign-course .course-con .course-li.li-txt{
    background: url('../images/sign/cro-8.png') bottom center no-repeat;
    overflow: hidden;
    padding-bottom: 25px;
    background-size: 100% auto;
}
.sign-course .course-con .course-li.li-txt .p2{
    color: #ffffff;
    background-color: #007bff;
    font-size: 20px;
    line-height: 42px;
    border-radius: 8px;
    margin: 29px 20px 18px 20px;
    box-shadow: 0 0 10px 2px rgb(0 123 255 / 5%);
    
}
.sign-course .course-con .course-li.li-txt .p2.margin1{
    margin-top: 120px;
}
.sign-course .course-con .course-li.li-txt .p2.margin2{
    margin-top: 89px;
}
.sign-course .course-con .course-li.li-txt .p3{
    font-size: 20px;
    letter-spacing: 0;
    padding: 0 16px;
    /* color: #94a3b8; */
}
.sign-course .course-con .course-li.li-img{
    min-height: 234px;
}
.sign-course .course-con .course-li.li-para{
    margin-top: 16px;
    margin-bottom: 16px;
}
.sign-course .course-con .course-li.li-para .p4{
    display: inline-block;
    color: #9ca3af;
    font-size: 20px;
}
.sign-trast .container{
    padding-top: 64px;
    margin-bottom: 80px;
}
.sign-trast .container>.row{
    position: relative;
}
.sign-trast .container>.row>img{
    position: absolute;
    top: 50%;            /* 向上偏移50% */
    left: 50%;           /* 向左偏移50% */
    transform: translate(-50%, -50%); /* 反向偏移50%以实现居中 */
}
.sign-trast .trast{
    width: 93%;
    border-radius: 15px;
    background: linear-gradient(112deg,#ffce44,#ff693b);
    padding: 12px;
}
.sign-trast .trast.trast-bg{
    background: linear-gradient(112deg,#61e658,#16c0ae);
    margin-left: 7%;
}
.sign-trast .trast .trast-title{
    font-size: 36px;
    font-weight: bold;
    color: #ffffff;
    margin-top: 1px;
    margin-bottom: 13px;
}
.sign-trast .trast .trast-title span{
    margin-right: 12px;
}
.sign-trast .trast .trast-title span.s1{
    font-size: 16px;
    color: #fffc00;
    margin-right: 0;
}
.sign-trast .trast .trast2{
    background: url('../images/sign/trast-3.png') top center no-repeat;
    background-size: 100% 100%;
}
.sign-trast .trast.trast-bg .trast2{
    background: url('../images/sign/trast-4.png') top center no-repeat;
    background-size: 100% 100%;
}
.sign-trast .trast.trast-bg2 .trast2{
    background: url('../images/sign/trast-6.png') top center no-repeat;
    background-size: 100% 100%;
}
.sign-trast .trast .trast2 img{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 50px 24px;
}
.sign-trast .trast.trast-bg2{
    width: 100%;
    background: linear-gradient(112deg,#00b548,#00b548);
    margin-top: 64px;
}
.sign-trast .trast.trast-bg2 .trast-title{
    text-align: center;
}
.sign-trast .trast .trast-title span.s2{
    color: #fffc00;
    margin-right: 0;
}
.sign-trast .trast.trast-bg2 .trast2{
    padding: 50px 24px;
}
.sign-trast .trast.trast-bg2 .trast2 .trast-ev{
    background-color: #00b548;
    text-align: center;
    color: #ffffff;
    padding: 64px 0;
}
.sign-trast .trast.trast-bg2 .trast2 .trast-ev .trast-evtxt{
    margin: 0 auto;
    display: inline-block;
    text-align: left
}
.sign-trast .trast.trast-bg2 .trast2 .trast-ev .trast-evtxt p{
    font-size: 18px;
}
.sign-trast .trast.trast-bg2 .trast2 .trast-ev .trast-evtxt p.p1{
    font-size: 36px;
    font-weight: bold;
    line-height: 64px;
}
.sign-trast .trast.trast-bg2 .trast2 .trast-ev .trast-evtxt p.p2{
    margin-top: 12px;
}
.sign-trast .trast.trast-bg2 .trast2 .trast-ev .trast-evtxt p.p3{
    color: #fffc00;
    font-size: 36px;
    font-weight: bold;
}

.sign-course>.container{
    position: relative;
}
.sign-course>.container>img{
    width: 33%;
    position: absolute;
    bottom: 1.2%;
    left: 17%;
}












@media (max-width: 767.98px){
    header{
        background-color: rgba(255, 255, 255, 1);
    }
    .carousel-inner{
        display: none;
    }
    #headernavbarToggler .nav-item{
        margin-left: 0;
    }
    #carouselExampleCaptions{
        margin-top: 100px;
    }
    #carouselExampleCaptions .carousel-item .chahua{
        right: 33%;
    }
    .banner-title .text .p2{
        display: none;
    }
    .banner-title{
        margin-top: 12px;
        margin-bottom: 36px;
    }
    .banner-title .img img{
        padding: 8px;
        display: inline-block;
    }
    .banner-title .img{
        margin-right: 8px;
        width: 100%;
        text-align: center;
        background-color: rgba(255, 255, 255, 0);
    }
    .banner-title .text{
        width: 100%;
        text-align: center;
    }
    .banner-title .container .row>div{
        padding-right: 0;
    }
    .banner-title .text .p1{
        font-size: 16px;
    }
    .project{
        margin-top: 36px;
    }
    .project>h3{
        font-size: 24px;
        line-height: 36px;
    }
    .product .container .nav{
        width: 100%;
        margin-bottom: 36px;
    }
    .product .container .nav .nav-item .nav-link{
        padding: 14px 20px;
    }
    .product .container .product-li{
        padding: 0!important;
        margin-bottom: 20px;
    }
    .product .container .product-li .product-all>.link a{
        padding: 16px 29px;
    }
    .product .container .product-li .product-all>.content{
        padding: 20px 12px;
    }
    .product .container .product-li .product-all>.youhui{
        margin-bottom: 16px;
    }
    .product .container .product-li .product-all{
        padding-left: 4px;
        padding-right: 4px;
    }
    .product .container .product-li .product-all>.link{
        margin-top: 16px;
    }
    .product{
        margin-bottom: 0;
    }
    .flav .container{
        margin-top: 48px;
    }
    .flav .flav-all .content{
        display: none;
    }
    .flav .flav-all{
        padding: 16px;
    }
    .flav .flav-all .top{
        text-align: center;
        margin-bottom: 0;
    }
    .flav .flav-all .top>img{
        display: inline-block;
        float: none!important;
    }
    .qa .container{
        margin-top: 48px;
    }
    .qa #accordionExample{
        padding: 0;
    }
    .qa .card .card-header h2{
        padding: 16px 0;
    }
    .qa{
        margin-bottom: 48px;
    }
    .ssltype .ssltype-li{
        margin-bottom: 12px;
    }
    footer>.title{
        display: none;
    }
    footer .footbody{
        text-align: center;
    }
    footer .footbody img.float-left{
        margin: 0;
        display: inline-block;
        float: none!important;
    }
    footer .footbody .telphone{
        width: 100%;
        font-size: 20px;
    }
    footer .footbody .telphone>.teltitle{
        padding-top: 24px;
        display: inline;
    }
    footer .footbody .foot-all{
        padding-left: 0;
    }
    footer .footbody .telphone>.number{
        display: inline;
    }
    footer .footbody .foot-all a{
        padding: 12px 6px;
        margin-left: 6px;
        font-size: 16px;
    }
    footer .footbody .foot-all{
        padding-top: 24px;
    }
    footer .footbody .xylink{
        padding: 16px 0;
    }
    footer .footbody .xylink a img{
        width: 4px;
    }
    footer .footbody .xylink a{
        margin-right: 0;
        font-size: 15px;
    }
    .lianxi .lianxi-li{
        font-size: 18px;
    }
    .lianxi .lianxi-li>img{
        width: 40px;
        margin-right: 0;
    }
    .sign-content .container{
        padding-top: 0;
    }
    .sign-content .p3>span{
        max-width: 85%;
    }
    .sign-function>.project{
        padding-top: 0;
    }
    .sign-function .container .signf .signf-img{
        float: unset!important;
        text-align: center;
    }
    .sign-function .container .signf .signf-img img{
        width: 40%;
        display: inline;
    }
    .sign-function .container .signf .signf-txt .p1{
        font-size: 20px;
    }
    .sign-function .container .signf .signf-txt{
        margin-left: 0;
        width:100%;
        text-align: center;
    }
    .sign-function .container .signf{
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .sign-process ,.project{
        padding-top: 0;
    }
    .sign-process .container{
        margin-top: 24px;
    }
    .sign-process p{
        margin-top: 0;
    }
    .sign-process .container .row>div{
        margin-bottom: 24px;
    }
    .sslus .card .card-text{
        margin-top: 20px;
        margin-bottom: 48px;
        text-align: center;
    }
    .ssllist{
        margin-top: 100px;
    }
    .ssllist .container{
        margin-top: 36px;
    }
    .sign-course .course-con .course-li.li-arrow>img{
        width: 14%;
    }
    .sign-course .course-con .course-li.li-txt{
        padding-bottom: 0;
        margin-right: 10px;
    }
    .sign-course .course-con .course-li.li-txt .p2{
        margin-left: 0;
        margin-right: 0;
    }
    .sign-course .course-con .course-li.li-txt .p2.margin2{
        margin-top: 0;
        margin-bottom: 0;
    }
    .sign-course .course-con .course-li.li-img{
        min-height: 44px ;
    }
    .sign-course>.container>.row>div:first-child .course-con .course-li.li-img>img{
        width: 80%;
        margin-top: 0!important;
        max-width: 139px;
    }
    .sign-course .course-con .course-li.li-txt .p2{
        margin: 0!important;
    }
    .sign-course .course-con .course-li.li-arrow{
        margin: 0;
    }
    .sign-course .course-con .course-li.li-para{
        margin: 0;
    }
    .sign-course>.container>.row>div:nth-child(n+4){
        margin-top: 48px;
    }
    .sign-trast .trast .trast-title{
        font-size: 24px;
    }
    .sign-trast .trast .trast2 img{
        padding: 10px 8px;
    }
    .sign-trast .trast{
        width: 100%;
    }
    .sign-trast .trast.trast-bg{
        margin-left: 0;
        margin-top: 64px;
    }
    .sign-trast .container>.row>img {
        width: 25%;
        transform: translate(-50%, -65%);
    }
    .sign-trast .trast.trast-bg2 .trast2{
        padding: 10px 8px;
    }
    .sign-trast .trast.trast-bg2 .trast2 .trast-ev{
        padding: 36px 8px;
    }
    .sign-trast .trast.trast-bg2 .trast2 .trast-ev .trast-evtxt p.p1{
        font-size: 20px;
        line-height: 36px;
    }
    .sign-course>.container{
        padding-bottom: 80px;
    }
    .sign-course>.container>img{
        width: 100%;
        left: 0;
        bottom: -10%;
    }
}
@media (min-width: 576px) and (max-width: 767.98px){
    .product .container .nav{
        width: 62%;
    }
    .product .container .product-li .product-all>.content{
        padding-left: 20%;
    }
    .ssltype{
        padding: 0 24px;
    }
    .lianxi .lianxi-li{
        font-size: 24px;
    }
    .lianxi .lianxi-li>img{
        width: 80px;
    }
    .ssllist{
        margin-top: 100px;
    }
    .ssllist .container{
        margin-top: 36px;
    }
    .sign-function .container .signf .signf-txt .p1{
        font-size: 28px;
    }

}
@media (min-width: 768px) and (max-width: 991.98px){
    footer .title .text .p2{
        display: none;
    }
    footer .title img{
        display: inline-block;
        float: none!important;
    }
    footer .title{
        text-align: center;
    }
    footer .footbody .foot-all{
        padding-left: 0;
    }
    .ssltype .ssltype-li{
        margin-bottom: 16px;
    }
    .qa .news .news-li{
        margin-bottom: 16px;
    }
    .qa #accordionExample{
        padding: 0;
    }
    .flav .container{
        margin-top: 48px;
    }
    .flav .flav-all .content{
        display: none;
    }
    .flav .flav-all{
        padding: 16px;
    }
    .flav .flav-all .top{
        text-align: center;
        margin-bottom: 0;
    }
    .flav .flav-all .top>img{
        display: inline-block;
        float: none!important;
    }
    #headernavbarToggler .nav-item{
        margin-left: 10px;
    }
    #carouselExampleCaptions .carousel-item .text{
        top: 100px;
    }
    #carouselExampleCaptions .carousel-item .text>img{
        width: 30%;
    }
    #carouselExampleCaptions .carousel-item .text .p1{
        margin: 8px 0;
    }
    #carouselExampleCaptions .carousel-item .text .p2{
        display: none;
    }
    #carouselExampleCaptions .carousel-item .chahua{
        height: 90%;
    }
    .banner-title{
        margin-top: 12px;
        margin-bottom: 36px;
    }
    .banner-title .img img{
        padding: 8px;
        display: inline-block;
    }
    .banner-title .img{
        margin-right: 8px;
        width: 100%;
        text-align: center;
        background-color: rgba(255, 255, 255, 0);
    }
    .banner-title .text{
        width: 100%;
        text-align: center;
    }
    .banner-title .text .p2{
        display: none;
    }
    .product .container .nav {
        width: 53%;
    }
    .product .container .product-li .product-all>.content{
        padding-left: 24%;
    }
    .product .container .product-li{
        padding: 0!important;
        margin-bottom: 20px;
    }
    .lianxi .lianxi-li{
        font-size: 16px;
    }
    .lianxi .lianxi-li>img{
        width: 20px;
    }
    #banner .container>.row>div:first-child{
        padding-top: 80px;
    }
    .sign-content .container{
        padding-top: 0;
    }
    .sslus .card .card-text{
        font-size: 20px;
        margin-bottom: 24px;
    }
    .sslus .card p.p1{
        font-size: 16px;
    }
    .sign-process p{
        font-size: 20px;
    }
    .sign-content .p3>span{
        max-width: 85%;
    }
    .sign-content .container{
        margin: 32px auto;
    }
    .sign-function .container .signf .signf-img{
        width: 15%;
    }
    .sign-function .container .signf .signf-txt .p1{
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 12px;
    }
    .sign-function .container .signf .signf-txt{
        margin-left: 0;
        width: 80%;
    }
    .sign-function .container .signf{
        margin-bottom: 0;
    }
    .sign-course .course-con .course-li.li-txt .p2{
        margin-top: 0;
        margin-left: 1px;
        margin-right: 1px;
        margin-bottom: 0;
    }
    .sign-course .course-con .course-li.li-txt .p2.margin2{
        margin-top: 0;
        margin-bottom: 0;
    }
    .sign-course .course-con .course-li.li-img{
        min-height: 44px;
    }
    .sign-course .course-con .course-li.li-txt{
        padding-bottom: 0;
    }
    .sign-course>.container>.row>div:first-child .course-con .course-li.li-img>img{
        width: 90%;
        margin-top: 0!important;
    }
    .sign-trast .trast .trast-title{
        font-size: 24px;
    }
    .sign-trast .container>.row>img{
        width: 15%;
    }
    .sign-trast .trast{
        width: 96%;
    }
    .sign-trast .trast.trast-bg{
        margin-left: 4%;
    }
    .sign-trast .trast .trast2 img{
        padding: 30px 18px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px){
    #headernavbarToggler .nav-item{
        margin-left: 10px;
    }
    #carouselExampleCaptions .carousel-item .text{
        top: 100px;
    }
    #carouselExampleCaptions .carousel-item .text>img{
        width: 30%;
    }
    #carouselExampleCaptions .carousel-item .text .p1{
        margin: 8px 0;
    }
    #carouselExampleCaptions .carousel-item .text .p2{
        display: none;
    }
    #carouselExampleCaptions .carousel-item .chahua{
        height: 90%;
    }
    .banner-title{
        margin-top: 12px;
        margin-bottom: 36px;
    }
    .banner-title .img img{
        padding: 8px;
        display: inline-block;
    }
    .banner-title .img{
        margin-right: 8px;
        width: 100%;
        text-align: center;
        background-color: rgba(255, 255, 255, 0);
    }
    .banner-title .text{
        width: 100%;
        text-align: center;
    }
    .project{
        margin-top: 36px;
    }
    .product .container .nav{
        width: 39.5%;
    }
    .product .container .product-li{
        padding: 0!important;
    }
    .product .container .product-li .product-all>.content{
        padding-left: 0;
    }
    .product .container .product-li .product-all>.link a{
        padding: 12px 18px;
    }
    .product{
        margin-bottom: 36px;
    }
    .ssltype .ssltype-li{
        padding: 12px 8px;
        text-align: center;
    }
    .ssltype .ssltype-li>img{
        float: unset!important;
        display: inline-block;
    }
    footer .container.title{
        text-align: center;
    }
    footer .title img{
        float: unset!important;
        display: inline-block;
    }
    footer .footbody img.float-left{
        width: 40%;
        margin-right: 24px;
    }
    footer .footbody .telphone{
        font-size: 24px;
    }
    footer .footbody .foot-all{
        padding-top: 0;
    }
    .product .container .product-li .product-all>.content img{
        display: none;
    }
    .lianxi .lianxi-li{
        font-size: 20px;
    }
    .lianxi .lianxi-li>img{
        width: 50px;
    }
    .sign-content .p3>span{
        max-width: 85%;
    }
    .sign-content .container{
        margin: 46px auto;
    }
    .sign-function .container .signf .signf-txt{
        margin-left: 8px;
        width: 80%;
    }
    .sign-function .container .signf .signf-img{
        width: 15%;
    }
    .sign-function .container .signf .signf-txt .p1{
        font-size: 30px;
        line-height: 40px;
    }
    .sign-process p{
        font-size: 30px;
    }
    .sslus .card .card-text{
        font-size: 30px;
    }
    .sign-course .course-con .course-li.li-txt .p3{
        padding: 0 2px;
        font-size: 16px;
    }
    .sign-course .course-con .course-li.li-img{
        min-height: 210px;
    }
    .sign-course .course-con .course-li.li-txt .p2.margin2{
        margin-top: 77px;
    }
}
@media (min-width: 1200px) and (max-width: 1299.98px){
    #carouselExampleCaptions .carousel-item .text{
        top: 90px;
    }
    #carouselExampleCaptions .carousel-item .text>img{
        width: 15%;
    }
    #carouselExampleCaptions .carousel-item .text .p1{
        margin: 8px 0;
    }
    #carouselExampleCaptions .carousel-item .text .p2{
        max-width: 40%;
        margin-bottom: 12px;
    }
    .banner-title .img{
        margin-right: 12px;
    }
    .banner-title .img img{
        padding: 15px;
    }
    .product .container .nav{
        width: 32.9%;
    }
    .product .container .product-li .product-all>.link a{
        padding: 15px 24px;
    }
    .ssltype .ssltype-li{
        padding: 32px 12px;
    }
    .ssltype .ssltype-li>img{
        width: 20%;
    }
    .ssltype .ssltype-li p{
        line-height: 33px;
    }
    footer .title img{
        width: 20%;
        margin-right: 4px;
    }
    footer .title .text .p1{
        font-size: 20px;
        line-height: 20px;
    }
    footer .footbody img.float-left{
        margin-right: 14px;
    }
    .product .container .product-li .product-all>.content{
        padding-left: 0;
    }
    .sign-function .container .signf .signf-txt{
        margin-left: 8px;
        width: 80%;
    }
    .sign-function .container .signf .signf-img{
        width: 15%;
    }
    .sign-function .container .signf .signf-txt .p1{
        font-size: 36px;
        line-height: 48px;
    }
    .sign-course .course-con .course-li.li-txt .p3 {
        font-size: 18px;
        padding: 0 8px;
    }
    .sign-course .course-con .course-li.li-img{
        min-height: 228px;
    }
}
@media (min-width: 1300px) and (max-width: 1400px){
    .product .container .nav{
        width: 29.6%;
    }
    #carouselExampleCaptions .carousel-item .text{
        top: 100px;
    }
    #carouselExampleCaptions .carousel-item .text>img{
        width: 18%;
    }
    #carouselExampleCaptions .carousel-item .text .p2{
        margin-bottom: 24px;
    }
    .product .container .product-li .product-all{
        padding-left: 0;
        padding-right: 0;
    }
    .ssltype .ssltype-li{
        padding: 32px 12px;
    }
}