html, body, div, span, iframe, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;}
html{_background-image:url(about:blank);_background-attachment:fixed;}
body{min-height:100px;font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;font-weight:400;line-height:1.5;color:#333;font-size:14px;margin:0 auto;}
h1,h2,h3,h4,h5,h6{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;margin:0;}
ol,ul,li{list-style:none outside none;padding:0;}
a{text-decoration:none;color:#333;}
a:hover{color:#006db8;}
img{border:none;vertical-align:middle;max-width: 100%;}
img.desaturate{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,b,strong{font-style:normal;}
input, textarea, button, select{font-family: "Inter", "Segoe UI", Roboto, BlinkMacSystemFont, "Trebuchet MS", -apple-system, "Helvetica Neue", Arial, sans-serif;font-weight: 400;outline: none;font-size: 14px;}
input,textarea,select{border:none;background:none;padding:0;}
input::-ms-clear{display: none;}
input::-ms-reveal{display: none;}
input::placeholder,textarea::placeholder{color: #999;opacity: 1;}
textarea{ resize:none; }

.cls:after,.clear:after{display: table;clear: both;content: '';}
.main{width: 100%;margin: 0 auto;max-width: 1300px;}
.tc{text-align: center;}
h1.title{font-weight: 600;font-size: 40px;}
h2.bt1{font-weight: 500;font-size:40px;line-height: 1.2;margin-bottom: 40px;text-transform: uppercase;}
h2.bt2{font-weight: 500;font-size: 30px;line-height: 1.2;margin-bottom: 20px;text-transform: uppercase;}
hr.line{height: 1px;border:0 none;width: 100%;background-color: #eee;margin: 25px 0;}
.title1{font-size: 20px;text-align: center;background-color: #0092cb;color: #fff;line-height: 1.6;}
.title2{font-size: 16px;margin-bottom: 15px;}
.btn{display: inline-block;border: 1px solid transparent;font-size: 16px;font-weight: 400;padding: 6px 35px;}
.btn1{background-color: #3e50b4;color: #fff;}
.btn1:hover{color: #fff;}
.ptb{padding: 60px 0;}
.pt{padding-top: 60px;}
.pb{padding-bottom: 60px;}
.flex1{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{padding-left: 15px;padding-right: 15px;box-sizing: border-box;}
.col-2{max-width: 16.666667%;flex: 0 0 16.666667%;}
.col-3{max-width: 25%;flex: 0 0 25%;}
.col-4{max-width: 33.333333%;flex: 0 0 33.333333%;}
.col-5{max-width: 41.666667%;flex: 0 0 41.666667%;}
.col-6{max-width: 50%;flex: 0 0 50%;}
.col-7{max-width: 58.333333%;flex: 0 0 58.333333%;}
.col-8{max-width: 66.666667%;flex: 0 0 66.666667%;}
.col-9{max-width: 75%;flex: 0 0 75%;}
.col-10{max-width: 83.333333%;flex: 0 0 83.333333%;}
.col-12{max-width: 100%;flex: 0 0 100%;}

header .top{padding: 10px 0;}
header .main{max-height: 60px;display: flex;justify-content: space-between;align-items: center;}
header .logo img{max-height: 60px;}
header .lang{display: flex;align-items: center;}
header .lang li{margin-left: 5px;}
header .lang li.tel{margin: 0 30px;}
header .lang li>i.fa{margin-right: 5px;}
header .lang li.yy+li.yy::before{content: '/';margin-right: 5px;}
header .lang li.active a{font-weight: 600;color: #3e50b4;}
header .nav{padding: 15px 0;background-color: #3e50b4;color: #fff;}
header .navbtn{display: none;}
.nav1 a{color: #fff;font-weight: 600;text-transform: uppercase;}
.nav1 a:hover{color: #333;}
.nav1 ul{display: flex;}
.nav1 li{padding: 0 10px;}
.nav1 li a{padding: 0 10px;}
.sw1{position: relative;overflow: hidden;height: 700px;width: 100%;}
.sw1 .swiper-slide{position: relative;text-align: center;}
.sw1 .swiper-slide img{position: absolute;object-fit: cover;object-position: center;top: 0;left: 0;width: 100%;height: 100%;}

.txt-box{font-size: 18px;line-height: 1.5;}
.txt-box p{margin-bottom: 15px;}

.fm1{height: 40px;width: 370px;position: relative;border-radius: 20px;background-color: hsla(0,0%,100%,.2);color: #fff;line-height: 40px;box-sizing: border-box;padding-left: 25px;padding-right: 45px;}
.fm1 input[type=text]{color: #fff;width: 100%;line-height: 40px;}
.fm1 input::placeholder{color: #fff;}
.fm1 #sbt1{position: absolute;width: 40px;height: 40px;border-radius: 50%;right: 0;top: 0;border: none;background-color: #333;color: #fff;cursor: pointer;}

.fm2{background-color: #edf2fc;padding: 15px 10px;}
.fm2 input[type=text]{height: 40px;line-height: 40px;background-color: #fff;width: 100%;border: 1px solid #eee;border-radius: 3px;margin-bottom: 15px;padding: 0 15px;box-sizing: border-box;}
.fm2 textarea{height: 200px;box-sizing: border-box;padding: 10px 15px;background-color: #fff;width: 100%;line-height: 1.5;}
.fm2 input[type=text]:focus,.fm2 textarea:focus{box-shadow: 0 0 5px 1px rgba(0,0,0,.1);}
.fm2 #sbt2{background-color: #3e50b4;color: #fff;width: 100%;text-align: center;border: none;margin-top: 15px;padding: 15px 0;cursor: pointer;font-size: 16px;}

.fm3{padding: 20px 10px;}
.fm3 label{display: block;margin-bottom: 8px;}
.fm3 input[type=text]{box-sizing: border-box;width: 100%;line-height: 35px;padding: 6px 15px;border: 1px solid #ddd;margin-bottom: 10px;background-color: #fff;}
.fm3 textarea{padding: 10px 15px;box-sizing: border-box;width: 100%;height: 200px;background-color: #fff;border: 1px solid #ddd;}
.fm3 #sbt3{background-color: #3e50b4;color: #fff;width: 100%;text-align: center;border: none;margin-top: 15px;padding: 15px 0;cursor: pointer;font-size: 16px;}

.fm4{display: flex;justify-content: center;padding: 20px 0;}
.fm4 input{border-bottom: 1px solid #eee;margin: 0 15px;line-height: 35px;padding: 0 10px;}
.fm4 button{background-color: #3e50b4;border: 0 none;color: #fff;padding: 0 13px;font-weight: bold;}

.d1{background-color: #f5f5f5;}
.u1{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 15px;font-size: 16px;}
.u1 li{padding: 10px 15px;box-sizing: border-box;width: 32.9%;text-align: center;background-color: #fff;margin: 5px 0;}
.u1 li:hover{background-color: #edf2fc;}
.u2{padding: 0 15px;font-size: 16px;}
.u2 li{display: flex;padding: 15px 10px;text-align: center;align-items: center;flex-wrap: wrap;}
.u2 li:nth-child(odd){background-color: #f5f5f5;}
.u2 li .col-4:first-child{text-align: left;}
.u1 li a,.u2 li a{color: #007bff;}
.u1 li a:hover,.u2 li a:hover{text-decoration: underline;}

.ppbox1{border: 1px solid #eee;border-radius: 5px;box-shadow: 0 2px 5px 1px rgb(0 0 0 / 20%);}
.ppbox1 h3{height: 80px;line-height: 80px;width: 100%;text-align: center;background-color: #edf2fc;text-transform: uppercase;font-size: 31px;}
.ppbox2{margin-bottom: 25px;}
.ppbox2 h2{font-size: 26px;color: #111;font-weight: 600;margin-bottom: 5px;}
.ppbox2 p{margin-bottom: 10px;}

.d10{background-color: #edf2fc;padding: 50px 0;}
.d10 .main{max-width: 1000px;}
.d10 .flex1{align-items: center;}
.d10 strong{color: #ff5e14;font-weight: 700;font-size: 32px;}

.breadcrumb{padding: 25px 0;background-color: #f7f7f7;}
.contact .col-8{background-color: #f8f9fa;border: 1px solid rgba(0,0,0,.125);box-shadow: 0 0 15px 5px rgba(0,0,0,0.1);border-radius: 5px 0 0 5px;}
.addbox{background-color: #3e50b4;color: #fff;box-sizing: border-box;padding: 75px;}
.addbox a{color: #fff;}
.addbox a:hover{text-decoration: underline;}
.addbox .flex1{align-items: center;flex-wrap: nowrap;margin-bottom: 25px;}
.addbox .flex1>span{margin-right: 40px;}
.addbox .flex1>span>i.fa{font-size: 20px;}
.addbox .flex1>div{width: 100%;font-size: 18px;line-height: 1.8;}
.addbox .flex1>div h5{font-size: 20px;margin-bottom: 10px;}
.addbox .flex1>div p{margin-bottom: 20px;}

.body1{padding-bottom: 40px;}
.body1 h1.title{margin-bottom: 20px;}
/*.body1 .litpic{box-shadow: 0 0 15px -5px rgb(74 102 168 / 50%);display: block;}*/
.body1 .litpic{display: block;box-sizing: border-box;padding: 0 20px;}
.body1 p{font-size: 17px;margin-bottom: 15px;}
.body2 .u2 li{padding: 10px;border: 1px solid #eee;margin: 5px 0;}
.body3 .u1 li{border: 1px solid #eee;}
.tb1{border-collapse: collapse;width: 100%;margin-bottom: 15px;box-sizing: border-box;}
.tb-border, .tb-border td, .tb-border th{border: 1px solid #dee2e6;}
.tb1 td,.tb1 th{padding: 12px;}
.tb1 .bg-light{background-color: #f8f9fa;}
.tb1 a{color: #007bff;}

.tab1{display: flex;justify-content: center;padding: 15px 0;flex-wrap: wrap;}
.tab1 span{display: inline-block;padding: 5px 15px;margin: 0 2px;background-color: #3e50b40a;color: #3e50b4;cursor: pointer;}
.tab1 span:hover{background-color: #3e50b4;color: #fff;}

.nav3 a{color: #007bff;float:left;width:94%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nav3 a:hover{text-decoration: underline;color: #0056b3;}
.nav3>li{list-style: disc;margin-bottom: 10px;font-weight: 600;}
.nav3 li i.fa{cursor: pointer;padding: 5px;float: right;font-weight: 600;transition: all .3s;font-weight: 18px;}
.nav3 ul{margin-left: 15px;display: none;line-height: 1.7;}
.nav3>ul>li{list-style: circle;}
.nav3>ul>ul li{list-style: square;}
.nav3 ul.on{display: block;}
.nav3 li.on i.fa{transform: rotate(90deg);}

.list1{display: flex;justify-content: space-between;flex-wrap: wrap;}
.list1 li{width: 30%;line-height: 40px;margin-bottom: 15px;}
.list1 li a{display: block;height: 100%;text-align: center;background-color: #ddd;color: #007bff;}
.list1 li a:hover{text-decoration: underline;}

.list2{display: flex;justify-content: space-between;flex-wrap: wrap;}
.list2 li{width: 33.333333%;line-height: 40px;margin-bottom: 10px;box-sizing: border-box;padding: 0 15px;}
.list2 li a{display: block;height: 100%;text-align: center;color: #3e50b4;box-shadow: 0 0 5px 2px rgba(0,0,0,.1);transition: all .5s;}
.list2 li a:hover{text-decoration: underline;background-color: #edf2fc;}

.pages{padding: 20px 0;}
.pages ul{display: flex;align-items: center;justify-content: center;}
.pages li{margin: 0 5px;}
.pages a{display: inline-block;padding: 5px 12px;border-radius: 50%;}
.pages a:hover{background-color: #dee2e6;}
.pages li.active a{background-color: #3f51b5;color: #fff;}

footer{background-color: #0e101a;color: #ccc;}
footer a{color: #ccc;}
footer .c{padding: 50px 0;}
footer .copy{padding: 5px 0 10px;text-align: center;}
footer li{padding: 10px;border-bottom: 1px solid #333;}
footer .logo{display: flex;justify-content: center;align-items: center;}

@media screen and (max-width: 750px) {
    body{padding-top: 130px;}
    .main{box-sizing: border-box;padding: 0 10px;}
    .ptb{padding-top: 20px;padding-bottom: 20px;}
    .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{max-width: 100%;flex: 0 0 100%;}
    h2.bt1{font-size: 22px;margin-bottom: 20px;}
    h2.bt2{font-size: 19px;}
    .sw1{height: 45vw;}
    header{position: fixed;top: 0;left: 0;right: 0;background-color: #fff;z-index: 100;}
    header .main{height: 40px;}
    header .nav{width: 100%;}
    header .navbtn{display: flex;width: 30px;height: 25px;flex-direction: column;justify-content: space-between;flex: 0 0 30px;}
    .navbtn span {height: 3px;width: 100%;background-color: #3e50b4;border-radius: 2px;transition: all .2s;}
    .navbtn.on span:nth-child(2){opacity: 0;}
    .navbtn.on span:nth-child(1){transform: translate(0, 12px) rotate(45deg);}
    .navbtn.on span:nth-child(3){transform:translate(0px, -10px) rotate(-45deg);}
    header .logo{max-width: 50%;}
    header .lang li.tel,header .lang li.mail{display: none;}
    header .lang li{margin-left: 0;white-space: nowrap;}
    .fm1{width: 100%;}
    .nav1{position: fixed;left: 0;top: 130px;right: 0;background-color: #3e50b4;padding: 15px 0;display: none;}
    .nav1 ul{flex-direction: column;}
    .nav1 li{padding: 5px 10px;}
    .u2 li .col-4:first-child{text-align: center;}
    .u1 li{width: 49.5%;}
    .nav3{padding-bottom: 15px;}
    .nav3>li{margin-bottom: 5px;}
    .list1 li{width: 49.5%;margin-bottom: 5px;}
    .contact .col-8{order: 2;}
    .d10{padding: 25px 0;}
    .d10 strong{font-size: 26px;margin-bottom: 15px;display: block;}
    .ppbox1 h3{font-size: 18px;line-height: 1.5;height: inherit;padding: 12px 0;}
    .fm4{flex-direction: column;}
    .fm4 button{margin: 10px 15px 0;padding: 10px;}
    .tab1 span{margin-bottom: 5px;background-color: #f0f0f0;}
    .ppbox2 h2{font-size: 18px;}
    .list2 li{width: 49.5%;padding: 0;}
    .body1 h1.title{font-size: 20px;}
    .body1 p{font-size: 16px;}
    .addbox{padding: 30px;}
    .txt-box{margin-top: 15px;}

    footer .c{padding: 25px 0;}
    footer .title2{padding-top: 15px;margin-bottom: 10px;}
}