header{

    position: sticky;

    top: 0;

    z-index: 999;

    background-color: #fff;

}

header .top{

    padding: 10px 0;
    height: 100px;
    position: relative;

    z-index: 10;

    background-color: #fff;


}

header .top .icon{

    font-size: 30px;

    margin-right: 10px;

}

header .top .logoBox .logo{

    width: 220px;

}
header .top .phone_close{
    padding: 10px 0;
    text-align: right;
    display: none;
}
header .top .phone_close .closeBtn .icon{
    color: white;
    margin: 0;
}
header .top .logoBox .text{

    color: var(--color-Primary);
    font-family: '楷体';
    font-weight: bold;
    font-size: 20px;

}

header .top .search{

    border: 1px solid var(--color-Primary);

    padding: 4px;

    position: relative;
    background-color: #fff;

}

header .top .search input{
    border: 1px solid rgb(212, 212, 212);
    width: 100%;
    padding: 5px;
    padding-right: 30px;
    font-size: 14px;
    min-width: 230px;

}
header .top .search button{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    z-index: 2;
}

header .top .search button:hover{

    color: var(--color-Primary2);

}

header .top .search .icon{

    font-size: 20px;

}



header .top .search .dropdownBox{

    position: absolute;

    width: 100%;

    max-height: 80vh;

    overflow: auto;

    background-color: #fff;

    top: 120%;

    left: 0;


    z-index: 9;

    box-shadow: 3px 3px 7px #0000002e;

	display:none;

}

header .top .search .dropdownBox li{

    width: 100%;

    padding: 10px 15px;

    transition: all 0.3s;

}

header .top .search .dropdownBox li:hover{

    background-color: var(--color-Primary2);

    color: var(--color-Primary);

}

header .top .search .dropdownBox li a{

    width: 100%;

    font-size: 14px;

}



header .navBox{

    background-color: var(--color-Primary);

    position: relative;

    border-bottom: 5px solid var(--color-Primary2);

    position: relative;

    z-index: 9;

}

header .navBox ul{

    display: flex;

    justify-content: space-between;

    width: 100%;

    color: white;

}

header .navBox ul li{

    position: relative;

    height: 60px;

    width: 100%;

    text-align: center;

}

header .navBox ul .select a{

    color:var(--color-Primary);

    background-color: var(--color-Primary3);

}

header .navBox ul li a{

    display: inline-block;

    height: 100%;

    padding: 0 20px;

    line-height: 60px;

    color:white ;

    width: 100%;

    box-sizing: border-box;

    text-align: center;

    display: flex;

    align-items: center;

    white-space: nowrap;
    justify-content: center;

    transition: all 0.3s;

}

header .navBox ul li .icon{

    font-size: 10px;

    margin-left: 10px;

}

header .navBox ul li:hover > a{

    color:var(--color-Primary);

    background-color: var(--color-Primary3);

}

header .navBox ul li .subnavigationlist .select{

    background-color: var(--color-Primary2);

}

header .navBox ul li .subnavigationlist{

    position: absolute;

    top: 80px;

    left: 0;

    min-width: 100%;

    flex-direction: column;

    background-color: var(--color-Primary3);

    transition: all 0.3s;

    visibility: hidden;

    opacity: 0;

}

header .navBox ul li:hover .subnavigationlist{

    top:60px;

    opacity: 1;

    visibility: visible;

}



header .navBox ul li .subnavigationlist a{

    color: var(--color-Primary);

    border-bottom: 1px solid white;
    justify-content: flex-start;
    padding: 0 20px;

}

header .navBox ul li .subnavigationlist a:hover{

    background-color: var(--color-Primary2);

    color: var(--color-Primary);

}

header .downorder {

        width: 88px;

        height: 32px;

        font-size: 14px;

        border: 1px solid #eee;

        border-radius: 4px;

        position: relative;

        

    }

 

header .order {

        height: 100%;

        color: white;

        display: flex;

        justify-content: left;

        align-items: center;

        padding-left: 10px;

        cursor: pointer;

    }

 



header .order::after {

        content: "\e7a9";

        font-family: "iconfont";

        position: absolute;

        right: 5px;

        font-size: 14px;

        display: inline-block;

    }

 

header .downtext {

        width: 100%;

        border-radius: 2px;

        overflow: hidden;

        border: 1px solid #eee;

        background-color: #fff;

        position: absolute;

        top: 32px;

        left: 0;

        z-index: 10;

        display: none;

    }

 

header .downtext a {

        width: 100%;

        height: 32px;

        display: inline-block;

        font-size: 14px;

        line-height: 30px;

        text-align: center;

        color: #666;

    }
header .navBox .phone_right{
    display: flex;
    align-items: center;
    gap: 10px;
}
header .navBox .phone_right .search{
    display: none;

    cursor: pointer;
}
header .navBox .phone_right .search .icon{
    font-size: 30px;
    color: white;
}
header .navBox .menu{

    font-size: 34px;

    color: white;

    display: none;

    cursor: pointer;

}

header .navBox .menu2{

    font-size: 24px;

    color: white;

    display: none;

    cursor: pointer;

    margin-right: 5px;

}

header .navBox .logo{

    max-width: 50%;

    display: none;

}

header .menuBox{

    display: none;

    border-top: 1px solid white;

    position: absolute;

    width: 100%;

    max-height: 80vh;

    top: 100%;

    left: 0;

    z-index: 9;

    overflow: auto;

    background-color: var(--color-Primary);

    border-bottom: 5px solid var(--color-Primary2);

}

header .menuBox a{

    display: block;

    color: white;

    text-align: center;

    padding: 20px 0;

    font-size: 16px;

}

header .menuBox li> a{

    font-weight: bold;

    font-size: 1.1rem;

}

header .menuBox a .icon{

    font-size: 10px;

    margin-left: 5px;

    

}

header .menuBox .select a{

    color: var(--color-Primary2);

}



header .menuBox .subnavigationlist{

    display: none;

    font-size: 0.9rem;

    background-color: var(--color-Primary3);

   

}

header .menuBox .subnavigationlist a{

    color: var(--color-Primary);

}

header .menuBox .subnavigationlist .select{

    background-color: var(--color-Primary2);

}

header .mask{

    position: fixed;

    width: 100vw;

    height: 100vh;

    left: 0;

    top: 0;

    z-index: 8;

    background-color: black;

    opacity: 0.7;

    display: none;

}



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

    header .top{
        padding:10px 2%;
        width: 100%;
        padding: 10px 2%;
        position: fixed;
        height: 100vh;
        align-items: flex-start;
        background-color: #000000e8;
        display: none;
    }

    header .top .tel{

        display: none;

    }
    header .top .phone_close{
        display: block;
    }
    header .top .logoBox{

        display: none;

    }

    header .top .search{

        width: 100%;

    }

    header .top img{

        width: 150px;

    }

    header .navBox ul{

        display: none;

    }

    header .box{

        padding: 10px 0;

        justify-content: space-between;

    }
    header .navBox .phone_right .search{
        display: inline-block;
    }
    header .navBox .menu{

        display: inline-block;

    }

    header .navBox .logo{

        display: block;

    }





}



























.bannerBox{

    margin-top: 10px;

}

.bannerBox .swiper{

    height: 400px;

}

.bannerBox .swiper a{

    display: block;

}

.bannerBox .swiper img{

    height: 100%;

    width: 100%;

    object-fit: cover;

}

.bannerBox .swiper .swiper-pagination-bullet{

    width: 10px;

    height: 10px;

    border: 2px solid rgba(255, 255, 255, 0.87);

}

.bannerBox .swiper .swiper-pagination-bullet-active{

    background: white;

}

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

    .bannerBox .swiper{

        height: 200px;

    }

}































.module1{

    margin: 40px 0;

}



.module1 .title{

    text-align: center;

    margin-bottom: 40px;

    color: var(--color-Primary);
    font-family: '楷体';
    font-size: 20px;
    font-weight: 600;
}

.module1 ul{

    display: grid;

    grid-template-columns: repeat(3,1fr);

    gap: 20px;

}

.module1 ul li .top{

    background-color: var(--color-Primary);

    color: white;

    padding: 20px;

}

.module1 ul li{

    overflow: hidden;

}

.module1 ul li p{

    margin: 0;

}

.module1 ul li .top .p1{

    font-size: 12px;
    color: white;


    margin-bottom: 5px;

}

.module1 ul li .top .p2{
    color: white;
    font-size: 20px;

}

.module1 ul li .content{

    padding: 20px;

    background-color: var(--color-Primary3);

    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.module1 ul li .content a{

    color: var(--color-Primary);

    font-size: 16px;

    margin-bottom: 5px;

    overflow: hidden;      	          

    text-overflow: ellipsis;

    white-space: nowrap;
    transition: all 0.3s;
    box-sizing: border-box;

}
.module1 ul li .content a:hover{
    border-bottom: 1px solid var(--color-Primary);
}

.module1 ul li .content .null{

    margin-top: 15px;

    height: 30px;

    width: 100%;

    background-color: var(--color-Primary2);

}



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

    .module1 ul{

        grid-template-columns: repeat(1,1fr);

    }

}























footer .empty{

    height: 50px;

    width: 100%;

    background-color: var(--color-Primary3);

}

footer .footerBox{

    background-color: var(--color-Primary);

   

}

footer .footerBox .box{

     display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 40px 0;

}

footer .footerBox .logo{

    width: 300px;

    flex-shrink: 0;

}

footer .footerBox .content{
    height: 100%;
    align-self: flex-start;
    color: white;

}

footer .footerBox .content p{
    color: white;
    margin-bottom: 20px;
    font-size: 16px;

}

footer .footerBox .codeBox{

    display: flex;

    gap: 20px;

}

footer .footerBox .codeBox img{

    width: 120px;

}

footer .footerBox .codeBox p{

    color: white;

    text-align: center;

    margin-top: 5px;

}

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

    footer .footerBox .box{

        flex-direction: column;

    }

    footer .footerBox .content{

        margin: 30px 0;

    }

}

















.crumbsBox{
    padding-top: 10px;
    padding-bottom: 20px;
}

.crumbsBox a{

    color: var(--color-Primary);
    font-size: 14px;
}

.crumbsBox a::after{

    content: '/';

    padding: 0 10px;

}

.crumbsBox a:last-child::after{

    content:'';

}

.crumbsBox a:hover{

    color: var(--color-Primary2);

}

.crumbsBox a:hover::after {

    color: var(--color-Primary);

}

.crumbsBox span{

    margin: 0 10px;

    color: var(--color-Primary);

}

























.topBcBox{

    margin: 30px 0;

}

.topBcBox img{

    width: 100%;

}





.topBc{

    height: 300px;

}

.topBc img{

    width: 100%;



}

.topBc .box{

    height: 100%;

    display: flex;

    align-items: flex-start;

    flex-direction: column;

    color: white;

    justify-content: center;

}

.topBc .box h2{

    margin-bottom: 20px;
    font-size: 40px;
    /* -webkit-text-stroke: 2px #385662; */
    font-family: '微软雅黑';
}
.topBc .box h3{
    font-size: 16px;

}

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

    .topBc{

        height: 200px;

    }

    .topBc .box{
        align-items: center;

    }
    .topBc .box h2{
        font-size: 30px;
    }
}



















.module2{

    margin: var(--commom_margin) 0;

}

.module2 .box{

    display: flex;

    align-items: flex-start;

}
.module2 .box img{
    width: calc(50% - 50px);
}

.module2 .flag{

    width: 100px;

    height: 70px;

    overflow: hidden;

    position: relative;

    z-index: 3;

    color: white;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}

.module2 .flag::after{

    content: "\e65e";

    font-family: 'iconfont';

    position: absolute;

    font-size: 90px;

    left: 50%;

    top: 50%;

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

    color: var(--color-Primary);

    z-index: -1;

}

.module2 .textBox p{

    text-indent: 2em;

    margin-bottom: 20px;
    font-size: 18px;
    line-height: 27px;
    

}

.module2 .textBox p span{
    font-size: 18px;
    color: var(--color-Primary);
    line-height: 27px;
}

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

    .module2 .flag{

        margin: 20px auto;

    }

    .module2 .box{

        flex-direction: column;

    }
    .module2 .box img{
        width: 100%;
    }

}

















.module3{

    background-color: var(--color-Background);
    margin-top: 50px;
    padding-bottom: 50px;

}

.module3 .box{

    background-color: white;

    padding: 50px;
    font-family: 'AdobeHeitiStd' !important;

}



.module3 .box .title{

    text-align: center;

    font-size: 24px;

}

.module3 .box .title2{

    display: flex;

    align-items: center;

    color: var(--color-Primary);

    font-size: 20px;

    margin-bottom: 10px;

}

.module3 .box ul li{

    margin: 20px 0;

}

.module3 .box ul li .flag{

    width: 40px;

    height: 50px;

    position: relative;

    z-index: 3;

    color: white;

    text-align: center;

    padding-top: 10px;

    margin-right: 10px;

    font-weight: 500;

    font-size: 16px;

}

.module3 .box ul li .flag::after{

    content: "\e65e";

    font-family: 'iconfont';

    position: absolute;

    font-size: 60px;

    left: 50%;

    top: 50%;

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

    color: var(--color-Primary);

    z-index: -1;

}

.module3 .box ul li p{
    font-family: 'AdobeHeitiStd' !important;
    margin:0;
    color: var(--color-Sub);
    line-height: 54px;
    font-size: 18px;
    text-align: justify;
}

.module3 .box ul li p span{

    color: var(--color-Primary);

}

@media screen and (max-width:700px){
    .module3 .box{
        padding: 20px;
    }
    .module3 .box .title2{
        font-size: 18px;
    }
    .module3 .box ul li p{
        font-size: 16px;
        line-height: 40px;
    }
}

















.module4{

    background-color: var(--color-Background);

    padding-bottom: 50px;

}

.module4 .box{

    background-color: white;

    padding:30px 50px;

}

.module4 .box .introduce{

    display: flex;

    align-items: flex-start;

    gap: 30px;

}

.module4 .box .introduce img{

    padding-top: 85px;

}

.module4 .box .introduce h3{

    text-align: center;

    color: var(--color-Primary);

    line-height: 80px;
    font-size: 30px;

}

.module4 .box .introduce .right .text{

    margin-bottom: 40px;

}

.module4 .box .introduce p{
    text-align: justify;
    line-height: 32px;
    font-size: 17px;
}



.module4 .box .imgBox{

    position: relative;

    margin: 50px 0;

    overflow: hidden;

}

.module4 .box .imgBox:hover img{

    transform: scale(1.1);

}

.module4 .box .imgBox img{

    width: 100%;

    transition: all 0.5s;

}

.module4 .box .imgBox .border{

    position: absolute;

    width: 100%;

    height: 100%;

    border: 20px solid white;

    left: 0;

    top: 0;

    opacity: 0.5;

}



.module4 .box .listBox h4{

    color: var(--color-Primary);
    font-size: 23px;
    font-weight: bold;

    margin-bottom: 30px;

}



.module4 .box .listBox ul{

    display: grid;

    grid-template-columns: repeat(4,1fr);

    justify-items: start;

}

.module4 .box .listBox ul li {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.module4 .box .listBox ul li img{

    height: 250px;

    width: auto;

}

.module4 .box .listBox ul li .list{

    display: flex;
    font-size: 23px;
    align-items: center;

}

.module4 .box .listBox ul .flag{

    width: 40px;

    height: 50px;

    position: relative;

    z-index: 3;

    color: white;

    text-align: center;

    padding-top: 10px;

    margin-right: 10px;

    font-weight: 500;

    font-size: 16px;

}

.module4 .box .listBox ul .flag::after{

    content: "\e65e";

    font-family: 'iconfont';

    position: absolute;

    font-size: 55px;

    left: 50%;

    top: 50%;

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

    color: var(--color-Primary);

    z-index: -1;

}



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

    .module4 .box{

        padding: 10px;

    }

    .module4 .box .introduce{

        flex-direction: column;

    }

    .module4 .box .listBox ul{

        grid-template-columns: repeat(1, 1fr);

        justify-items: stretch;

    }

    .module4 .box .listBox ul li img{

        height: auto;

    }

    .module4 .box .listBox ul li .list{

        margin: 10px 0;

    }

    .module4 .box .introduce img{

        width: 100%;

    }

}





































.module5{

    margin: 20px 0;

}

.module5 .box ul li{

    margin: 40px 0;

    padding-top: 40px;

    border-top: 1px solid #dfdfdf;

}

.module5 .box ul li .introduce{

    display: flex;

    align-items: flex-start;

    gap: 40px;

    margin-bottom: 20px;

}

.module5 .box ul li .introduce .right .flag{

    width: 60px;

    height: 60px;

    position: relative;

    z-index: 3;

    color: white;

    text-align: center;

    padding-top: 10px;

    margin-right: 20px;

    font-weight: 500;

    font-size: 20px;

}

.module5 .box ul li .introduce .right .flag::after{

    content: "\e65e";

    font-family: 'iconfont';

    position: absolute;

    font-size: 80px;

    left: 50%;

    top: 50%;

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

    color: var(--color-Primary);

    z-index: -1;

}

.module5 .box ul li .introduce .right .title{

    display: flex;

    align-items: center;

    margin-bottom: 10px;

}

.module5 .box ul li .introduce .right .title .name{

    border-bottom: 1px solid #dfdfdf;

    width: 100%;

    padding: 10px 0;
    font-family: 'AdobeHeitiStd';
    color: var(--color-Primary);

    font-size: 25px;

}

.module5 .box ul li .introduce .right p{

    line-height: 30px;

}

.module5 .box ul li p{

    margin-bottom: 20px;
    font-size: 17px;
    line-height: 27px;
    color: #666a75;
    font-family: '微软雅黑';

}

.module5 .box ul li h5{

    font-size: 18px;

    margin-top: 20px;

    color: black;

}

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

    .module5 .box ul li .introduce{

        flex-direction: column;

    }

}















.module6 h2{

    color: var(--color-Primary);
    font-size: 26px;
    margin-bottom: 15px;
    font-family: '微软雅黑';
}

.module6 h5{
    font-size: 13px;
    color: var(--color-Primary);

}





















.module7 .content1{

    margin: 50px 0;

}

.module7 .content1{

    background-color:white;

    display: flex;

    align-items: flex-start;

    align-items: center;
    gap: 30px;

    padding: 50px;

}
.module7 .content1 img{
    width: 60%;
}

.module7 .content1 .right{

    padding: 20px;

}

.module7 .content1 .right h3{

    color: var(--color-Primary);

    text-align: center;
    font-size: 30px;
    line-height: 40px;

}
.module7 .content1 .right h3:nth-child(2){
    letter-spacing: 10px;
    font-size: 27px;
}

.module7 .content1 .right h4{

    text-align: center;
    text-align: justify;
    text-align-last: justify;
    margin: 30px 0;

    font-size: 18px;

    color: var(--color-Sub);

}

.module7 .content1 .right p{

    color: var(--color-Sub);

    font-size: 15px;

    line-height: 38px;

    text-indent: 2em;

}



.module7 .content2{

    margin: 50px 0;

}

.module7 .content2 h3{

    text-align: center;

    color: var(--color-Primary);
    font-size: 30px;
    line-height: 40px;

}
.module7 .content2 h3:nth-child(2){
    letter-spacing: 10px;
}

.module7 .content2 ul {

    margin-top: 50px;

    display: grid;

    gap: 20px;

}

.module7 .content2 .list1{

    

    grid-template-columns: repeat(4,1fr);

}

.module7 .content2 .list2{

    margin-top: 20px;

    grid-template-columns: repeat(5,1fr);

}



.module7 .content2 ul li{

    background-color: white;

    width: 100%;

    padding: 30px 0;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: center;

    transition: all 0.5s;

}

.module7 .content2 ul li:hover{

    box-shadow: 8px 10px 20px 0px #c7c7c7;

}

.module7 .content2 ul li img{

    height: 50px;

}

.module7 .content2 ul li .title{

    margin: 15px 0;

    color: black;

    text-align: center;

}

.module7 .content2 ul li p{

    text-align: center;

    color: var(--color-Sub);

    font-size: 12px;

}


.module7 .content3 {

    margin: 50px 0;
    display: flex;

    align-items: center;

    background-color: #fff;

    gap: 20px;

    padding: 60px 45px;

}

.module7 .content3 img{
    width: 60%;
}

.module7 .content3 .title{

    text-align: center;

    color: var(--color-Primary);

}

.module7 .content3 :hover img{

    transform: scale(1.05);

    transition: all 0.5s;

}



.module7 .content3 .title h4{

    font-size: 30px;
    line-height: 47px;
}

.module7 .content3 .title p{

    margin: 15px 0;
    color: var(--color-Primary);
    letter-spacing: 10px;

}

.module7 .content3 .title h3{

    letter-spacing: 10px;
    font-size: 27px;

}



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

    .module7 .content1{

        flex-direction: column;

        padding: 20px;

    }
    .module7 .content1 img{
        width: 100%;
    }

    .module7 .content2 ul{

        grid-template-columns: repeat(2,1fr) !important;

    }

    .module7 .content2 ul li{

        padding: 20px 10px;

    }

    .module7 .content3 {

        flex-direction: column;

        padding: 20px ;

    }
    .module7 .content3 img{
        width: 100%;
    }
    

    .module7 .content3  .title{

        margin-bottom: 20px;

    }

}















.module10{

    margin: 50px 0;



}

.module10 .box{

    background-color: #fff;

}

.module10 ul{

    display: grid;

    grid-template-columns: repeat(3,1fr);

    gap: 20px;

    padding: 20px;

}

.module10 ul li{

    overflow: hidden;

}

.module10 ul li:hover img{

    transform: scale(1.1);

}

.module10 ul li img{

    width: 100%;

    transition: 0.3s;

}

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

    .module10 ul{

        grid-template-columns: repeat(2,1fr);

        gap: 10px;

    }
    .module8 .content2 img{
        width: 100% !important;
    }
}























.module8{

    margin: 50px 0;

}

.module8 .content1{

    background-color: #fff;

    padding: 50px;

}

.module8 .content1 h3{

    color: var(--color-Primary);
    font-size: 30px;
    text-align: center;
    line-height: 40px;
    letter-spacing: 2px;

}
.module8 .content1 h3:nth-child(2){
    font-size: 27px;
}
.module8 .content1 h3:nth-child(3){
    font-size: 27px;
}

.module8 .content1 img{

    width: 100%;

    margin: 20px 0;

}

.module8 .content1 .content p{

    color: var(--color-Sub);

    font-size: 16px;

    line-height: 30px;

    margin: 0;

}

.module8 .content1 ul li{

    margin: 30px 0;

}

.module8 .content1 ul li h4{

    font-size: 16px;

    color: black;

    font-weight: 600;

}

.module8 .content1 ul li p{

    color: var(--color-Sub);

    font-size: 14px;

    line-height: 24px;

}



.module8 .content2{

    margin: 50px 0;

}

.module8 .content2 {

    display: flex;

    align-items: center;

    background-color: #fff;

    gap: 20px;

    padding: 60px 45px;

}

.module8 .content2 img{
    width: 60%;
}

.module8 .content2 .title{

    text-align: center;

    color: var(--color-Primary);

}

.module8 .content2 :hover img{

    transform: scale(1.05);

    transition: all 0.5s;

}



.module8 .content2 .title h4{

    font-size: 30px;

}

.module8 .content2 .title p{
    font-size: 16px;
    margin: 15px 0; 
    color: var(--color-Primary);
    letter-spacing: 10px;

}

.module8 .content2 .title h3{
    font-size: 27px;
    letter-spacing: 10px;

}



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

    .module8 .content1{

        padding: 20px;

    }

    .module8 .content2 {

        flex-direction: column;

        padding: 20px ;

    }

    .module8 .content2  .title{

        margin-bottom: 20px;

    }

}









.module11{

    margin: 50px 0;

}

.module11 .box{

    background-color: #fff;

    padding: 50px;

}

.module11 .box h3{

    color: var(--color-Primary);

    text-align: center;

    margin: 10px 0;

    letter-spacing: 2px;

}

.module11 .box img{

    width: 100%;

    margin: 20px 0;

}

.module11 .box .content p{

    color: var(--color-Sub);

    font-size: 17px;

    line-height: 34px;

    margin: 0;

    text-align: justify;

}
.module11 .box .content h4{
    font-size: 18px;
    color: black;
    line-height: 34px;
    margin: 0;
}

.module11 .box ul li{

    margin: 30px 0;

}

.module11 .box ul li h4{

    font-size: 16px;

    color: black;

    font-weight: 600;

}

.module11 .box ul li p{

    color: var(--color-Sub);

    font-size: 14px;

    line-height: 24px;

}

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

    .module11 .box{

        padding: 20px;

    }

}























.module12{

    margin: 35px 0;

}

.module12 .box{

    border-top: 1px solid #d5d5d5;

    padding: 10px 0;

}

.module12 p{

    color: var(--color-Sub);

    font-size: 18px;

    margin: 0;

}

.module12 h4{

    color: black;

    margin-top: 20px;

    font-size: 18px;

    margin-bottom: 10px;

}

.module12 h5{

    color: var(--color-Primary);

    font-size: 18px;

    line-height: 28px;

    margin-top: 20px;

    margin-bottom: 10px;

}

.module12 .tableBox{

    margin:40px 0;

}








.module_imageText{
    display: grid;
    grid-template-columns: 60% 35%;
    gap: 5%;
    margin: 30px 0;
}

.module_imageText img{
    width: 100%;

}

.module_imageText .right{

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.module_imageText .right h5{

    margin: 0;

    color: black;

    font-size: 18px;

    line-height: 34px;

}

.module_imageText .right p{

    margin: 0;

    font-size: 18px;

    line-height: 34px;

    text-align: justify;
}





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

    .module_imageText{

        grid-template-columns: repeat(1,1fr);
        gap: 0px;
    }

    .module_imageText img{

        width: 100%;

        margin-bottom: 20px;

    }

}



.tableBox{

    width: 100%;

    max-width: 100%;

    overflow-x: auto;

}

.tableBox .tdColor td{

    color: var(--color-Primary);

    font-size: 16px;

    min-width: 100px;

}

.tableBox .tdColor2 td{

    color: var(--color-Primary);

    font-size: 16px;

    padding: 15px 20px;

}

.tableBox .tdColor2 tr{

    background-color: #e7e7e7 !important;

}

.tableBox tr .vertical{

    background-color: #cccccc;

    writing-mode: vertical-rl;

    text-align: center;

    width: 50px;

    font-size: 24px;

    font-weight: bold;

}



.tableBox .vertical div{

    display: flex;

    flex-direction: row;

    justify-content: center;

    gap: 8%;

}



table{

    width: 100%;

}

table thead th{

    font-size: 17px;
    padding: 25px 10px;
    white-space: nowrap;

}
.module12 table thead th{
    font-size: 17px;
}

table th,table td{

    font-size: 20px;

    padding: 25px 10px;

    text-align: left;

}
.module12 table th,table td{
    font-size: 16px;
}

table th {

  background-color: var(--color-Primary);

  color: white;

}



table tr{

    border-bottom: 1px solid white;

}

table tr:nth-child(odd) {

    background-color: #F6F6F6;

    

  }



table tr:nth-child(even) {

  background-color: #EAEAEA;

}



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

    .tableBox tr .vertical{

        min-width: 50px;

    }

    .tableBox  td{

        min-width: 250px;

    }

}

















.module13{

    margin: 20px 0;

}

.module13 .box{

    background-color: white;

    padding: 50px;

}

.module13 .top{

    display: flex;

    align-items: flex-start;

    gap: 50px;

    margin-bottom: 20px;

}
.module13 .top img{
    width: 40%;
}
.module13 .top .right .title{

    border-left: 3px solid var(--color-Primary);

    padding-left: 20px;

    margin-bottom: 40px;

}
.module13 .top .right .title h5:first-child{
    letter-spacing: 11px;
}
.module13 .top .right .title h5{

    font-size: 24px;
    line-height: 35px;
    font-weight: bold;

    color: black;

}

.module13 p{

    font-size: 17px;

    line-height: 40px;

    color: #70747E;

}

.module13 .imgBox{
    margin-top: 100px;
    position: relative;

}

.module13 .imgBox .list{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: space-evenly;

    align-items: center;

}

.module13 .imgBox .list li{

    width: 100%;

    text-align: center;

}

.module13 .imgBox .list li h4{

    text-align: center;

    margin: 0;

    color: black;

    font-weight: bold;

}

.module13 .imgBox .list li p{

    color: black;

    font-size: 14px;

    letter-spacing:4px;

}

/* .module13 .imgBox .list .f{

    border-left: 1px solid var(--color-Sub);

    border-right: 1px solid var(--color-Sub);

} */

.module13 .imgBox .list .solid{

    height: 50%;

    border-left: 1px solid var(--color-Sub);

}



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

    .module13 .top{

        flex-direction: column;

    }

    .module13 .box{

        padding: 20px;

    }
    .module13 .top img{
        width: 100%;
    }

    .module13 .imgBox .list{

        position: relative;

        flex-direction: column;

        height: auto;

        gap: 20px;

        margin-top: 20px;



    }

}



















.module14{

    margin: 20px 0;

}

.module14 .box{

    background-color: white;

    padding: 50px;

}

.module14 .top{

    display: flex;

    align-items: flex-start;

    gap: 50px;

    margin-bottom: 20px;

}
.module14 .top img{
    width: 50%;
}

.module14 .top .right .title{

    border-left: 3px solid var(--color-Primary);

    padding-left: 20px;

    margin-bottom: 30px;

}

.module14 .top .right .title h5{

    font-size: 20px;

    font-weight: bold;

    color: black;

}

.module14  p{

    font-size: 16px;

    line-height: 34px;

    color: #70747E;

    display: flex;

    align-items: center;

}

.module14  p .icon{

    font-size: 24px;

    margin-right: 10px;

}

.module14  p img{

    width: 120px;

}



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

    .module14 .top{

        flex-direction: column;

    }

    .module14 .box{

        padding: 20px;

    }

}



.ishidn_1{
    display: none;
}