@charset "utf-8";
@media (max-width:991px) and (min-width: 576px){
    body.about .txt ul.sop li:nth-child(3n):after {
        content:none;
    }
	
}
@media (min-width: 768px){
    .navbar .navbar-brand {
        width: 100px;
        height: 100px;
        margin: 0;
    }
 	body.is_scroll .nav-seperate-box-st.bsnav-brand-center .navbar-nav.nav-1:first-child {
        padding-right: 0px;
    }

    body.is_scroll .nav-seperate-box-st.bsnav-brand-center .navbar-nav.nav-1:last-child {
        padding-left: 0px;
    }
	 body.is_scroll .navbar.nav-seperate-box-st.bsnav.bsnav-brand-center .navbar-brand {
        width: 100px !important;
        height: 100px !important;
        position: relative;
        transform: none;
		left:0;
		top:0;
    }
    .navbar.bsnav.bsnav-brand-center .navbar-brand,
	 body.is_scroll .navbar.nav-seperate-box-st.bsnav.bsnav-brand-center .navbar-brand {
        padding: 0;
    }
    
   
    .header .navbar .navbar-brand:before {
        content: "";
        background: url(../images/header.png) center bottom no-repeat;
        width: 216px;
        height: 51px;
        display: block;
        position: absolute;
        z-index: -1;
        left: 50%;
        bottom: -31px;
        transform: translateX(-50%);
        position: absolute;
        /* transform: translate3d(-50%, 0, 0); */
        background-size: cover;
    }
    .footer.thcol-st .footer-info .footer_mid {
        width: 67%;
    }
    body.home .bottombox,body.about .txt .fran_info  {
        background-attachment: fixed;
    }
    .frame-small-box {
        width: 750px;
    }
    body.about .txt .navigation .dot + .dot {
        margin-top: 8px;
    }
	
	body.about .txt .speciality li {
		width: calc(100% / 3);
	}
body.contact.num_43 .needs-validation .form-horizontal #ctl00_content_holder__contactTemplates_UpdatePanel1 {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0 -27px;
    }

body.contact.num_43 .needs-validation .form-horizontal #ctl00_content_holder__contactTemplates_UpdatePanel1 > .form-group {
        width: calc(100% / 2);
        margin: 0 0 30px 0;
        padding: 0 15px;
    }

body.contact.num_43 .needs-validation .form-horizontal #ctl00_content_holder__contactTemplates_UpdatePanel1 > .form-group > * {
    width: 100%;
}
body.contact.num_43 .needs-validation .form-horizontal #ctl00_content_holder__contactTemplates_UpdatePanel1 > .form-group:nth-child(6) .radio-inline,body.contact.num_43 .needs-validation .form-horizontal #ctl00_content_holder__contactTemplates_UpdatePanel1 > .form-group:nth-child(13) .radio-inline {
    width: 50%;
}
body.contact.num_43 .needs-validation .form-horizontal #ctl00_content_holder__contactTemplates_UpdatePanel1 > .form-group:nth-child(22), 
body.contact.num_43 .needs-validation .form-horizontal #ctl00_content_holder__contactTemplates_UpdatePanel1 > .form-group:nth-child(23) {
    width: 50%;
}
    body.contact.num_43 .needs-validation .form-horizontal #ctl00_content_holder__contactTemplates_UpdatePanel1 > .form-group:nth-child(6) .radio-inline, body.contact.num_43 .needs-validation .form-horizontal #ctl00_content_holder__contactTemplates_UpdatePanel1 > .form-group:nth-child(13) .radio-inline {
        padding: 0px 5px;
        vertical-align: top;
    }
	

}
@media (min-width: 992px){
    .header .navbar.nav-seperate-box-st .navbar-collapse > .navbar-nav > li > .nav-link {
        padding: 15px 20px;
    }
    body.home .abbox .home-pagelist-area > .container {
        margin-right: 0;
        max-width: 1620px;
        padding-right: 0;
    }

   
    body.home .abbox .home-pagelist-area .info {
        width: 35%;
    }

    body.home .abbox .home-pagelist-area .pic {
        width: 60%;
    }

    .navbar .navbar-brand {
        width: 140px;
        height: 140px;
        margin: 0;
    }
    .header .navbar .navbar-brand:before {
        width: 230px;
        height: 60px;
        bottom: -40px;
    }
    .footer.thcol-st .footer-info .footer_left {
        width: 15%;
    }

    .footer.thcol-st .footer-info .footer_mid {
        width: 60%;
    }
    body.about .txt ul.sop li:nth-child(4n):after {
        content: none;
    }
	body.about .txt .join .inner {
		width: 50%;
	}
	body.contact.num_43 .needs-validation .form-horizontal #ctl00_content_holder__contactTemplates_UpdatePanel1 > .form-group {
        width: calc(100% / 3);
    }
	body.contact.num_43 .needs-validation .form-horizontal #ctl00_content_holder__contactTemplates_UpdatePanel1 > .form-group:nth-child(18) {
		width: 66%;
	}
}
@media (min-width: 1200px) {
    .footer.thcol-st .footer-info .footer_right {
        width: 15%;
    }
    
}
@media (min-width: 1300px){
    body.home .newsbox .more-btn-area {
        position: absolute;
        right: 40px;
        top: 26px;
        margin-top:0;
    }
}

@media (max-width: 1500px) {
    body.home .joinbox {
        background-position:left -460px center;
    }
}

@media (max-width: 1440px) {
.header .navbar .bsnav-brand-center-wrapper {
    max-width: 100%;
}
}

@media (max-width: 1380px) and (min-width:768px)  {
	body.contact.num_43 .needs-validation .form-horizontal #ctl00_content_holder__contactTemplates_UpdatePanel1 > .form-group:nth-child(6) .radio-inline input {
		display: block;
	}
}

@media (max-width: 991px) and (min-width:768px){
    .header .navbar .bsnav-brand-center-wrapper {
        height: 80px !important;
    }
    .footer.thcol-st .nav.tat_x {
        flex-direction: column;
    }
    .footer.thcol-st .nav.tat_x li + li {
        margin-left: 0;
    }
	 body.about .txt .strength .list-item {
        padding: 0;
        padding-left: 92px !important;
    }
   body.about .txt .strength .list-item ul li {
		display: inline-block;
		width: 49%;
		vertical-align: top;
		margin-bottom: 10px;
	}
	body.about .txt .strength .list-item  ul li + li {
		margin-top:0;
	}
	 body.about .txt .strength .list-item .icon {
        position: absolute;
        margin: 0;
        left: 12px;
        top: calc(50% - 100px / 2);
    }
}

@media (max-width: 1199px) {
    body.about .txt ul.sop li {
        /*width: calc(100% / 7 - 16px);*/
    }
	body.about .txt .join {
		background-size: 80%;
	}
}
@media (max-width: 1099px) {
    
    .bsnav-brand-center .navbar-nav:last-child.nav-1 {
        padding-left: 70px;
    }
	.bsnav-brand-center .navbar-nav.nav-1:first-child {
        padding-right: 70px;
    }
    .header .navbar .navbar-collapse > .navbar-nav > li > .nav-link {
        font-size: 18px;
    }
    .header .navbar.nav-seperate-box-st .navbar-collapse > .navbar-nav > li > .nav-link {
        padding: 25px 10px 25px;
    }
    body.home .strength .container {
        max-width: 100%;
    }
    
    body.home .abbox .home-pagelist-area .info .btn-more.home-more {
        margin-top: 35px;
        margin-bottom: 45px;
    }
    body.home .joinbox .join .logo {
        width: 500px;
        height: 160px;
    }
    body.home .joinbox:before {
        width: 474px;
        right: -154px;
        background-size: cover;
    }
    body.home .joinbox {
        background-position: left -385px center;
        background-size: cover;
    }
    body.home .joinbox .join {
        padding-left: 0;
    }
    body.home .newsbox .container-fluid {
        padding: 0 90px;
    }
	

}
@media (max-width: 991px) {
    body.home .strength .list-item {
        width: 25%;
        padding: 0 6px;
    }
    body.home .strength .list ul {
        justify-content: flex-start;
    }
    body.home .strength .logogroup .logo {
       
        height: 110px;
    }
    body.home .strength::before {
        width: 200px;
        height: 165px;
        background-size: contain;
    }
    body.home .video_area .Video {
        padding-bottom: 60%;
    }
	body.home .video_area .Video #player {
		height: 140%;
	}
      .loader {
        flex-direction: column;
    }
    .loader span {
        width: 100%;
    }
        .loader span.deco.l1 {
            background-position: right -26px bottom -40px, left -18px top 2px;
            background-size: auto 100%, auto 100%;
        }
        .loader span.deco.l2 {
            background-position: right -26px bottom -78px, left -13px top -3px;
            background-size: auto 126%, auto 100%;
        }
        .loader span.deco.l3 {
            background-position: right -20px bottom -26px, left -26px top 2px;
            background-size: auto 100%, auto 100%;
        }
    /*.loader span.deco.l1, .loader span.deco.l2, .loader span.deco.l3{
        background-size: auto, 167% auto;
    }*/
	.header .navbar .bsnav-brand-center-wrapper {
        max-width: 100%;
    }
   body.about .txt ul.sop li {
        padding: 0 10px;
        width: calc(100% / 3);
    }
    body.about .txt ul.sop li:after {
        right: -15px;
    }
    body.about .txt ul.sop {
        justify-content: start;
    }
    body.about .txt .circle {
        --img-width: 44vh;
        top: 20%;
    }
	 body.about .txt .join {
        background-size: 60%;
        padding: 50px 10px 30% 10px !important;
    }
	
	 body.about .txt .strength .list-item {
        width: 100%;
    }
	 body.about .txt .strength .list-item .icon {
       
        width: 60px;
        height: 60px;
        background-size: cover;
    }
	body.about .txt .strength .list-item.i2 .icon {
		background-position: top -122px center;
	}
	 body.about .txt .strength .list-item.i3 .icon {
		background-position: top -705px left -2px;
	}
	body.about .txt .strength .list-item.i4 .icon {
		background-position: top -270px left 1px;
	}
	body.about .txt .strength .list-item.i5 .icon {
		background-position: top -536px left -2px;
	}
	body.about .txt .strength .list-item .icon:before {
		background: url(../images/circle2.svg) no-repeat left -5px center;
		background-size: contain;
		width: 90px;
		height: 90px;
	}
	body.about .txt .strength .list-item + .list-item {
		margin-top: 58px;
	}
	body.about .txt .strength {
		background-size: 60%;
	}
	body.about.kind_43 .txt .botless li {
		display: block;
		text-align: left;
	}
	
}
@media (max-width: 767px) {
    .sec01 {
        padding: 70px 0 !important;
    }
    .header .navbar.newtop.logo-show:not(.logo-ani-show) .navbar-brand .logo, .header .navbar.newtop.logo-show:not(.logo-ani-show-bg) .navbar-brand .logo {
        display: none;
    }
    .header .navbar.nav-seperate-box-st.bsnav-brand-center .navbar-brand {
        padding-right: 0;
    }
    .header .navbar .bsnav-brand-center-wrapper {
        height: auto !important;
    }
    .header .navbar .navbar-brand {
        width: 170px;
        height: 60px;
    }
.bsnav-mobile.bsnav-center .navbar {
        justify-content: center;
    }
.bsnav-mobile.full.in .navbar {
        background: url(../images/wufu2.png) no-repeat right -100px bottom -205px #b81c22;
        background-size: 80%;
    }
.bsnav-mobile .navbar-nav .nav-item .navbar-nav {
    margin-left: 0;
    margin-right: 0;
   }
.bsnav-mobile .navbar .navbar-mobile-wrapper .navbar-brand {
    display: none;
}
.bsnav-mobile .navbar-nav .nav-item .nav-link {
    padding: 12px 0;

}
    body.home .abbox:before {
        width: 480px;
        height: 474px;
        background: url(../images/wufu3.png) no-repeat left 0px top -23px;
        left: auto;
        background-size: contain;
        right: -14px;
    }
    body.home .abbox:before {
        width: 320px;
        height: 315px;
        /* top: auto; */
    }
    body.home .abbox .home-pagelist-area .pic:after {
        width: 370px;
        height: 54px;
    }
    
    body.home .abbox .home-pagelist-area:before {
        width: 380px;
        height: 457px;
        bottom: 170px;
        left: -90px;
        background-size: contain;
    }
    body.home .strength {
        padding-bottom: 122px !important;
    }
        body.home .strength .list-item .icon:before {
            width: 135px;
            height: 135px;
            background-position: left -4px center;
            background-size: contain;
        }
        body.home .strength::before {
            width: 200px;
            height: 160px;
            background-position:left top;
            background-size: contain;
        }
        body.home .strength .logogroup .logo {
            height: 120px;
        }

        body.home .strength .logogroup .cross {
            width: 60px;
            height: 60px;
        }
        body.home .joinbox {
            background: #b81c22;
        }

        body.home .joinbox:before {
            right: -32px;
        }
    body.home .newsbox::before {
        display: block;
        position: relative;
        width: 100%;
        padding-bottom: 50%;
        /* height: 400px; */
        background-size: cover;
        background-position: top -47px center;
        margin-bottom: 42px;
    }
    body.home .newsbox .container-fluid {
        width: 100%;
    }
    body.home .newsbox {
        background: var(--third-color);
        padding-top: 0 !important;
    }
       body.home .newsbox.aos-animate::after {
        bottom: auto;
        width: 66%;
        padding-bottom: 37%;
        animation: smoke 28sease infinite both, light 5sease infinite both;
        animation-delay: 0.5s;
        left: 24%;
        /* transform: translateX(-50%); */
        background-size: 90% auto;
    }
    body.home .newsbox::before{
        width: 100%;
    }
    body.home .newsbox .container-fluid {
        padding: 0 60px;
    }
    body.home .newsbox .slick-multi-cusarrow .slick-btn .btn-next {
        right: -40px;
    }
    body.home .newsbox .slick-multi-cusarrow .slick-btn .btn-prev {
        left: -40px;
    }
    .footer_logo {
        width: 130px;
    }
    .footer.thcol-st .nav.tat_x li.add {
        margin-left: 0;
        width: 100%;
    }
    .footer {
        padding: 15px 0 25px;
    }
	 .footer.thcol-st .nav.tat_x {
        margin-bottom: 15px;
    }
.footer.thcol-st .footer-info .footer_left {
        margin-bottom: 15px;
        order: 1;
        display: none;
    }
   .footer.thcol-st .footer-info .footer_right {
        margin-top: 12px;
        order: 2;
    }
    .footer.thcol-st .footer-info .footer_mid {
        order: 3;
    }
    .footer.thcol-st .copyrights {
        font-size: 16px;
    }
	.container .ezshare-box {
        margin: 0 0 50px 0;
    }
    body.about .txt ul.sop li {
        font-size: 18px;
    }
	body.about .txt ul.sop li:after {
		width: 30px;
		height: 30px;
	}
	
    body.about .txt .list_item .info {
        width: 70%;
        margin: 0 auto;
    }
    /*body.about .txt .circleCarousel .navigation {
        top: auto;
        left: 0;
        bottom: -36px;
        right: 0;
        transform: none;
        display: flex;
        gap: 10px;
        justify-content: center;
    }
        body.about .txt .circleCarousel .navigation .dot {
            color: #333;
        }*/
    body.about .txt .circle {
        --size: 190vw;
        top: 96px;
        --img-width: 60vh;
    }
    body.about .txt .circleCarousel .navigation {
        top: 14px;
        left: 0;
        transform: none;
        display: flex;
        gap: 10px;
        right: 0;
        justify-content: center;
    }
	body.about.kind_3 .txt .video_area {
		padding-bottom: 56.65%;
	}
	body.about .txt .speciality li:before {
		width: 70px;
		height: 70px;
		background-position:top 2px center;
		background-size: 100%;
	}
	body.about .txt .speciality li.i2:before {
		background-position: top -207px center;
	}
	body.about .txt .speciality li.i3:before {
		background-position: top -315px center;
	}
	body.about .txt .speciality li:before {
        display: inline-block;
        margin: 0 15px 0 0;
        vertical-align: middle;
    }
	body.about .txt .speciality {
		display: block;
	}
	body.about .txt .speciality li {
		text-align: left;
	}
	body.about .txt .speciality li + li {
        margin-top: 30px;
    }
	body.about .txt .join {
        background-size: auto;
        padding: 50px 10px 90px 10px !important;
        background: url(../images/noodlebg3.jpg) right bottom no-repeat #000;
    }
    .txt .sec02 {
        padding: 40px 15px;
    }
	body.about .txt .fran_info .cross {
		width: 40px;
		height: 40px;
	}
}

@media (max-width: 575px) {
.gotop a {
    width: 80px;
    height: 90px;
}
    body.home .strength::before {
        width: 108px;
        height: 95px;
    }

    body.home .strength .h2 {
        margin-bottom: 60px;
        background: url(../images/title-032.svg) no-repeat center;
        height: 170px;
    }
    body.home .strength .h2 img{
        display:none;
    }
    body.home .strength .list-item {
        width: 50%;
        padding: 0 15px;
    }
    body.home .strength .logogroup .logo {
        height: 60px;
    }
   
    body.home .strength .logogroup .cross {
        width: 40px;
        height: 40px;
    }

    body.home .strength::after {
        width: 100%;
        height: 0;
        padding-bottom: 30%;
        background-position:right bottom;
        background-size: contain;
    }
    body.home .strength .list-item span {
        display: block;
    }
    body.home .joinbox .join .logo {
        max-width: 335px;
        height: 110px;
    }
    body.home .newsbox .container-fluid {
        padding: 0 36px;
    }
    body.home .bottombox ul li, body.home .bottombox ul li a {
        display: block;
    }
    body.home .bottombox ul li + li {
        margin-left: 20px;
        margin: 28px 0 0 0;
    }
    
    .slick-multi-cusarrow .slick-btn .btn-prev, .slick-multi-cusarrow .slick-btn .btn-next {
        background: url(../images/arrow.svg) no-repeat top 0px center;
        width: 40px;
        height: 40px;
        background-size: 100% auto;
    }
    .slick-multi-cusarrow .slick-btn .btn-next {
        background-position: top -214px left -3px;
        right: -70px;
    }
    body.home .newsbox .slick-multi-cusarrow .slick-btn .btn-next {
        right: -28px;
    }
    body.home .newsbox .slick-multi-cusarrow .slick-btn .btn-prev {
        left: -28px;
    }
    .btn-more.home-more, .btn.more {
        width: 280px;
        background-size: 100% auto;
    }

    body.about .txt ul.sop li {
        width: calc(100% / 2);
    }
    body.about .txt ul.sop li:nth-child(2n):after {
       content:none;
    }
    body.about .txt .circle {
        top: 140px;
    }
    body.about .txt .circleCarousel .navigation {
        top: 35px;
    }
    body.about .txt .circleCarousel {
        min-height: 80vh;
        background-position: top left -70px;
    }
	body.about.kind_44 .txt > .container {
		padding: 0;
	}
	body.about .txt .h3 {
		font-size: 26px;
	
	}
	
	body.about .txt .h3 span + span {
		margin-left: 3px;
			padding: 10px;
	}
    /*body.about .txt .list_item .info {
        width: 60%;
    }*/
	.gotop {
		bottom: 0;
		margin-top: 0 !important;
	}
	.wid-float-section ul .joinus {
		bottom: 92px;
	}
	.wid-float-section ul .joinus a {
		width: 70px;
		height: 70px;
		border-radius: 9px;
		font-size: 15px;
		padding: 0px 12px 4px;
		padding-top: 15px;
		letter-spacing: 0;
	}
	.wid-float-section ul .joinus a:before {
		width: 54px;
		height: 44px;
		left: auto;
		top: -16px;
		transform: none;
		right: -10px;
	}
	.txt .contentbuilder-box {
		padding: 0;
	}
	 body.about .txt .strength {
        background-size: unset;
    }
}



@media (max-width: 430px) {
    .bsnav-mobile.full.in .navbar {
        background: url(../images/wufu2.png) no-repeat right -54px bottom -60px rgb(184 28 34 / 95%);
        background-size: 100%;
    }
    body.home .h2 img, body.home .joinbox .join img {
        width: 250px;
        margin: 0 auto;
    }
    body.home .abbox .h2 img {
        margin-left: auto;
    }
    body.home .newsbox .h3 {
        text-align: center;
    }
    body.home .newsbox .h3 img {
        max-width: 250px;
    }
    body.home .strength .h2 {
        margin-bottom: 48px;
        height: 134px;
        background-size: contain;
    }
    
    body.home .strength .logogroup .logo + .logo:before {
        width: 45px;
        height: 45px;
        left: -58px;
        /* transform: translateX(-50%); */
        margin: 0 auto;
    }

    body.home .bottombox .wid-page_unit:before,body.about.kind_3 .txt .video_area .vdlogo  {
        width: 210px;
        height: 145px;
        background-size: contain;
    }
	 body.home .home_video .Video {
        padding-bottom: 62%;
    }
	 body.home .video_area .Video #player {
        height: 150%;
    }
    .loader span.deco.l1, .loader span.deco.l2, .loader span.deco.l3{
        background-size: auto 100%, auto 100%;
    }
    .loader span.deco.l2 {
        background-position: right -20px bottom -49px, left -13px top -3px;
    }
    body.about .txt .circle {
        top: 100px;
    }
	body.about .txt .join .btn-more {
		display: block;
		padding: 12px;
	}
	body.about .content .sop li::before {
		top: -20px;
		line-height: 1;
	}
	body.about .txt ul.sop li .icon {
		width: 115px;
		height: 115px;
		
	}
	body.about .txt ul.sop li.i2 .icon {
        background-position: top -188px center;
    }

	body.about .txt ul.sop li.i3 .icon  {
		background-position: top -360px center;
	}
	
	body.about .txt ul.sop li.i4 .icon {
		background-position: top -546px center;
	}
	body.about .txt ul.sop li.i5 .icon  {
		background-position: top -735px center;
	}
	body.about .txt ul.sop li.i6 .icon {
		background-position: top -1122px center;
	}
	body.about .txt ul.sop li.i7 .icon  {
		background-position: top -1314px center;
	}
	body.about .txt ul.sop li.i8 .icon  {
		background-position: top -1529px center;
	}
	body.about .txt ul.sop li.i9 .icon {
		background-position: top -1748px center;
	}
	body.about .txt ul.sop li.i10 .icon {
		background-position: top -1943px center;
	}
	body.about .txt ul.sop li.i11 .icon  {
		background-position: top -2150px center;
	}
	body.about .txt ul.sop li.i12 .icon  {
		background-position: top -2684px center;
	}
	body.about .txt ul.sop li.i13 .icon {
		background-position: top -2150px center;
	}
	body.about .txt ul.sop li.i14 .icon  {
		background-position: top -2385px center;
	}
	body.contact.num_43 .demo .btn-primary {
		display: block;
		margin: 10px 0 0 0;
	}
	body.contact.num_43 .demo h4 {
		font-size: 28px;
	}
	body.contact.num_43 .demo {
		padding: 20px;
	}
}


@media (max-width: 380px) {
    body.about .txt .circle {
        --img-width: 36vh;
    }
	.footer.thcol-st .nav.tat_x {
      
        display: block;
    }
	.footer.thcol-st .nav.tat_x li + li {
		margin-left: 0;
	}
}