/*
    Jair.WU@deltaww.com
	for SMS Web
*/

.uk-container-expand{
	width:100%;
	margin:0;
	padding:0;
}

/*#region menu  */

/*#region page-tools */

#page-tools {
    position: relative;
    float: right;
    color: #000;
    font-size: 30px;
    text-align: right;
    height: 80px;
    line-height: 80px;
}

    #page-tools > a {
        margin-right: 10px;
    }

@media all and (max-width: 1024px) {
    #page-tools {
        padding-right: 0px;
    }
}

/*#endregion */

/*#region menu default responsive */

#page-header {
    width: 100%;
    position: absolute;
	z-index:99; 
}

#page-header-inner {
    width: 100%;
    z-index: 997; 
	height:105px!important
}

#header-container {
    position: relative;
    padding: 0px 0px;
    margin: 0 0%; /*菜单的宽度*/
}
 

#header-container:after {
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
}

#header-container > .header-menu {
    position: relative;
    margin: 0 auto; 
	margin:0 12%;
}

#main-logo {
    float: left;
    padding: 20px 0px 10px 0px;
}

.main-title { 
	display:inline-block;
	font-size:18px;
	font-weight:bold;
	vertical-align:center;
    padding: 45px 20px 10px 26px;
}

.main-title a{ 
	color:#000000;
}

.main-title a:hover{ 
	text-decoration:underline;
}
    #main-logo > a > img {
        width: 180px;
    }

#header-container #lang {
    float: right;
    padding: 0px 20px 0px 0px;
}

.fixed-header #page-header-inner {
    position: fixed;
}

.has-toolbar .fixed-header #page-header-inner {
    top: 0px;
}

#mobile-nav {
    display: none;
    background: #f0f0f0;
}

#main-nav {
    float: right;
    margin-right: 20px;
}

    #main-nav.hidden {
        opacity: 0;
    }

    #main-nav ul {
        list-style: none;
        margin: 0;
    }

    #main-nav li {
        margin: 0;
    }

    #main-nav > ul > li {
        float: left;
        position: relative;
        margin: 0 0px;
    }

        #main-nav > ul > li > a {
            color: #000; /*初始菜单超链接颜色，根据背景色调调整*/
            display: block;
			font-weight:600;
            font-size: 18px;
            height: 100px!important;
            height: 100px!important;
            padding: 0 20px;
            position: relative;
        }

        #main-nav > ul > li:hover {
            z-index: 2;
        }

        #main-nav > ul > li > a:hover {
            background: rgba(0,0,0,0.05);
            text-decoration: none;
            color: #000 !important;
        }

        #main-nav > ul > li:hover {
            z-index: 1;
        }

    #main-nav .sub-menu {
        border-radius: 0 0 0px 0px;
        border-top: 0;
        display: none;
        margin: 0px 0 0 0;
        position: absolute;
        top: 100%;
        padding-left: 0px;
        width: 220px;
        box-shadow: 4px 4px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 4px 4px 0px rgba(0,0,0,0.2);
        -webkit-box-shadow: 4px 4px 0px rgba(0,0,0,0.2);
    }

        #main-nav .sub-menu .sub-menu {
            left: 100%;
            top: 0;
            margin-top: 0;
        }

    #main-nav li:hover > .sub-menu:hover ul {
        display: block;
    }


    #main-nav .sub-menu:before {
        content: '';
        display: block;
        height: 1px;
        margin: 0 0 0 -1px;
        padding: 0 1px;
        position: absolute;
        top: -1px;
        width: 100%;
        z-index: 2;
    }

    #main-nav .sub-menu li {
        margin: 0;
        position: relative;
        background: #e5e5e5;
    }

        #main-nav .sub-menu li + li {
        }

        #main-nav .sub-menu li > ul {
            padding-left: 0px;
        }

            #main-nav .sub-menu li > ul.sub-menu {
                display: none;
            }

    #main-nav .sub-menu a {
        border: 0;
        outline: 0;
        color: #333;
        display: block;
        font-size: 18px;
        line-height: 1.6;
        padding: 10px 15px;
        -webkit-transition: background-color .2s, color .2s, border-color .2s;
        transition: background-color .2s, color .2s, border-color .2s;
    }

        #main-nav .sub-menu a:hover {
            color: #fff;
            background: #0F52BA;
        }

    #main-nav .sub-menu > li:last-child > a {
        padding: 9px 14px;
    }

.sub-menu-active {
    background: #e5e5e5;
}

#main-nav .current a {
	background:#f0f0f0;
    /* border-bottom: 8px solid #0F52BA; */
}

    #main-nav .current a::after {
		/*
        content: '\f107';
        font-family: 'FontAwesome';
        position: absolute;
        left: 55%;
        top: 20%;
        text-align: center;
        margin: -10px 0 0 -10px;
        line-height: 20px;
		*/ 
    }

.child-menu-active {
    color: #fff !important;
    background: #0F52BA;
}

    .child-menu-active > span {
        color: #fff !important;
    }

#page-overlay {
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 100%;
    z-index: 998;
}

    #page-overlay.open {
        opacity: .5;
    }

.submenu-trigger {
    cursor: pointer;
    display: block;
    height: 24px;
    margin: -12px 0 0 0;
    position: absolute;
    top: 50%;
    right: 2px;
    width: 24px;
    color: #000;
}

    .submenu-trigger:after {
        content: '\f105';
        font-family: 'FontAwesome';
        font-size: 18px;
        left: 50%;
        line-height: 20px;
        margin: -10px 0 0 -10px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 20px;
    }

.open > a .submenu-trigger:after {
    content: '\f105';
}

.open > .sub-menu {
    display: block;
}

/* 针对小于1275像素的，采用侧面菜单 */
@media all and (max-width: 1279px) {
	#page-header-inner { 
		height:90px!important;
	}

    #container, #page-header, #page-header-inner {
        width: 100%;
        background: none;
        margin-top: 0px;
    }

        #page-header.fixed-header #page-header-inner {
            top: auto !important;
            width: 100%;
        }
 
	
	#header-container > .header-menu { 
		margin:0!important;
	}
	
    #header-container {
        padding: 0px 0px;
        margin: 0;
    }

    #main-logo {
        float: left;
        padding: 20px 20px 20px 0px;
		margin:0;
    }
	
    #main-logo a img{
        max-width:160px;
    }
	
	.main-title { 
		display:none;
	}

    #main-logo {
        float: left;
        padding: 20px 20px 20px 20px;
    }
 
    #main-nav {
        display: none !important;
    }

    #mobile-nav-trigger {
        display: block;
        margin: -11px 0 0 0;
        position: absolute;
        right: 40px;
        top: 50%;
    }

        #mobile-nav-trigger span {
            background-color: #0087dc;
            display: block;
            height: 4px;
            width: 24px;
        }

            #mobile-nav-trigger span + span {
                margin-top: 5px;
            }

    #mobile-nav {
        background-color: #ffffff;
        display: none;
        height: 100%;
        overflow: auto;
        position: fixed;
        left: 100%;
        top: 0;
        -webkit-transition: -webkit-transform .2s;
        transition: transform .2s;
        width: 200px;
        z-index: 99999;
        box-shadow: 0px 0px 10px rgba(0,0,0,1);
    }

        #mobile-nav.open {
            -webkit-transform: translateX(-200px);
            -ms-transform: translateX(-200px);
            transform: translateX(-200px);
        }

        #mobile-nav > div {
            position: relative;
            padding: 60px 0 140px 0;
        }

        #mobile-nav .menu {
            list-style: none;
            margin: 0 0 2em;
        }

            #mobile-nav .menu li {
                position: relative;
            }

            #mobile-nav .menu a {
                color: #000;
                display: block;
                padding: 10px 20px;
                position: relative;
                font-size: 18px;
            }

            #mobile-nav .menu li > a {
                color: #000;
                font-weight: 500;
            }

        #mobile-nav .menu-item-has-children > a {
            padding-right: 28px;
        }

        #mobile-nav .submenu-trigger {
            cursor: pointer;
            display: block;
            height: 24px;
            margin: -12px 0 0 0;
            position: absolute;
            top: 50%;
            right: 2px;
            width: 24px;
        }

            #mobile-nav .submenu-trigger:after {
                color: #000;
                content: '\f107';
                font-family: 'FontAwesome';
                font-size: 18px;
                left: 50%;
                line-height: 20px;
                margin: -10px 0 0 -10px;
                position: absolute;
                text-align: center;
                top: 50%;
                width: 20px;
            }

        #mobile-nav .open > a .submenu-trigger:after {
            content: '\f106';
        }

        #mobile-nav .sub-menu {
            display: none;
            list-style: none;
            margin: 0;
            background: #e5e5e5;
        }

        #mobile-nav li.open > .sub-menu {
            display: block;
        }

        #mobile-nav .sub-menu a {
            padding-left: 40px;
            color: #000 !important;
            font-weight: 300 !important;
        }

        #mobile-nav .sub-menu .sub-menu a {
            padding-left: 60px;
        }

    #close-mobile-nav {
        color: #000;
        display: block;
        font-size: 36px;
        position: absolute;
        text-align: center;
        left: 14px;
        top: 5px;
        width: 40px;
    }

        #close-mobile-nav > i {
            font-size: 24px;
        }
}

/* 针对小于1275像素的，采用侧面菜单 */
@media all and (max-width: 1536px) {
    #container, #page-header, #page-header-inner {
        width: 100%;
        background: none;
        margin-top: 0px;
    }

        #page-header.fixed-header #page-header-inner {
            top: auto !important;
            width: 100%;
        }

    #header-container {
        padding: 0px 0px;
        margin: 0;
    }

	#header-container > .header-menu { 
		margin:0 5%;
	}
	
}

/*#endregion */

/*#endregion */

/*#region container content */

#container {
    background: none;
}

#container, #page-header, #page-header-inner {
    width: 100%;
    background: none;
}

#content {
    width: 100%;
    position: absolute;
    top: 100px;
    z-index: 0;
}

.top120 {
    top: 120px !important;
}

.untop {
    top: 0 !important;
}

/*#endregion */

/*#region footer */

/*#region footer 1 */

footer {
    padding: 20px 0;
    overflow: hidden;
    background: #fafafa;
    box-shadow: inset 0px 20px 24px rgba(0,0,0,0);
}


    footer > section {
        margin: 0 12%;
    }
	
    footer > section img{
        width:160px;
		margin-bottom:10px;
    }
 
 
	footer > section .grid .col-1-2{
		width:50%; 
		position:relative;
		height:140px;
	}
	
	
	footer > section .grid .col-1-2 > .content{
		position:absolute;
		bottom:0px;
	}
	
	footer > section .grid .col-1-2:last-child > .content{
		right:0;
	}
	 
	 
	footer > section .grid .col-1-2 > .content  a{
		display:inline-block;
		font-size:16px;
		padding-right:20px;
		color:#000;
	}
	
	footer > section .grid .col-1-2 > .content  a:hover{
		 text-decoration: underline;
	}
	
	footer > section .grid .col-1-2 p{
		font-size:16px;
		line-height:1.6;
	}

@media all and (max-width: 1536px) {
    footer > section {
        margin: 0 8%;
    }
}

@media screen and (max-width: 1280px) {
    footer > section {
        margin: 0 5%;
    }
}

@media all and (max-width: 768px) {
    footer > section {
        margin: 0 20px;
    }
	
	footer > section .grid .col-1-2{
		width:100%; 
		position:relative;
		height:120px;
	}
	
	footer > section .grid .col-1-2:last-child{
		height:40px;
		left:0;
	}
}

/*#endregion */

/*#endregion */
 
/*#region home__img */

.home__img {
    position: relative;
	min-height:700px;
	background: #f0f0f0 url(../../resources/sst/MainBanner.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

    .home__img > section {
        margin: 0 0%;
        max-height: 100vh;
        overflow: hidden;
    }

.home__img > .mask {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2; 
    background: -webkit-linear-gradient(top,rgb(13,80,118,0.8),rgb(255,255,255,0),rgb(255,255,255,0)) !important;
    animation-name: mask;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-iteration-count: 1;
}

@keyframes mask {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

.home__img .content {
    position: absolute;
	width:40%;
    top: 25%;
    left: 12%;
    z-index: 3;
	padding:20px 0px;
}

    .home__img .content > h1 {
        font-size: 48px;
        line-height: 1.5;
        color: var(--color-white) !important;
    }

    .home__img .content > span {
        display: block;
        font-size: 28px;
        margin: 20px 0;
        line-height: 1.5;
        color: var(--color-white) !important;
    }

    .home__img .content > p {
        margin: 20px 0;
        color: var(--color-black) !important;
    }

.home__img .value {
    position: absolute; 
    bottom: 25%;
    left: 10%;
    z-index: 3;
	padding:20px 0px;
}


@media screen and (max-width:1536px) {
    .home__img .content {
        position: absolute;
        top: 30%;
        left:5%;
		padding:20px 20px;
    }

        .home__img .content > h1 {
            font-size: 36px;
        }

        .home__img .content > span {
            display: block;
            font-size: 24px;
        }
}

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

@media screen and (max-width:768px) {
    .home__img {
		position: relative;
		min-height:85vh;
		/*移动端可以换图*/
		background: #f0f0f0 url(../../resources/sst/MainBanner-mobi.jpg?v1);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover; 
    }

        .home__img > .mask {
            top: 0px;
            height: calc(100vh);
        }

        .home__img > section > img {
            display: none;
        }

        .home__img .content {
            position: absolute;
			width:calc(100% - 40px);
            left: 20px;
			top:100px;
			padding:20px 20px;
        }

            .home__img .content > h1 {
                font-size: 28px;
            }

            .home__img .content > span {
                display: block;
                font-size: 18px;
            }

            .home__img .content > p {
                margin: 20px 0;
                color: var(--color-white) !important;
            }
			 
	.home__img .value {  
		top: 220px;
		left: 20px; 
		padding:20px 0px;
	}

	.home__img .value .col-1-4{  
		width:25%;
	}

	.home__img .value img{ 
		max-width:80px;
	}
}

/*#endregion */
 

/*#region page__img */

.page__img {
    position: relative;
	min-height:500px;
	background: #f0f0f0 url(../../resources/sst/caseBanner.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

    .page__img > section {
        margin: 0 0%;
        max-height: 100vh;
        overflow: hidden;
    }

.page__img > .mask {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2; 
    background: -webkit-linear-gradient(top,rgb(255,255,255,0.8),rgb(255,255,255,0),rgb(255,255,255,0)) !important;
    animation-name: mask;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-iteration-count: 1;
}

@keyframes mask {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

.page__img .content {
    position: absolute;
	width:40%;
    top: 35%;
    left: 12%;
    z-index: 3;
	padding:20px 40px;
}

    .page__img .content > h1 {
        font-size: 48px;
        line-height: 1.5;
        color: var(--color-white) !important;
    }

    .page__img .content > span {
        display: block;
        font-size: 24px;
        margin: 20px 0;
        line-height: 1.5;
        color: var(--color-white) !important;
    }

    .page__img .content > p {
        margin: 20px 0;
        color: var(--color-black) !important;
    }

@media screen and (max-width:1536px) {
    .page__img .content {
        position: absolute;
        top: 30%;
        left:8%;
    }

        .page__img .content > h1 {
            font-size: 36px;
        }

        .page__img .content > span {
            display: block;
            font-size: 18px;
        }
}

@media screen and (max-width:1280px) {
	.page__img { 
		min-height:600px; 
	}

    .page__img .content {
        position: absolute;
        top: 30%;
        right:12%;
    }

        .page__img .content > h1 {
            font-size: 36px;
        }

        .page__img .content > span {
            display: block;
            font-size: 18px;
        }
}

@media screen and (max-width:768px) {
    .page__img {
		position: relative;
		min-height:500px;
		background: #f0f0f0 url(../../resources/sms/MainBanner.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover; 
    }

        .page__img > .mask {
            top: 0px;
            height: calc(100vh);
        }

        .page__img > section > img {
            display: none;
        }

        .page__img .content {
            position: absolute;
			width:calc(100% - 40px);
            left: 20px;
			right:20px;
			padding:20px 20px;
        }

            .page__img .content > h1 {
                font-size: 28px;
            }

            .page__img .content > span {
                display: block;
                font-size: 18px;
            }

            .page__img .content > p {
                margin: 20px 0;
                color: var(--color-white) !important;
            }
}

/*#endregion */
 
.page__content {
    position: relative;
	background:#f7fdfd;  
}

    .page__content > section {
        margin: 0 0;
		margin:0 10%;
		padding:60px 0;
    }
	  
        .page__content > section header {
            margin: 0px 0;
        }

            .page__content > section header > h1 {
                text-align: center;
				font-size:36px;
                padding-bottom: 40px;
				line-height:1.5;
            }
			
            .page__content > section .content  { 
				margin:0 120px;
            }
			
            .page__content > section .content > p { 
				font-size:18px;
                line-height:1.8;
				margin:20px 0;
            }
			
            .page__content > section .content > img { 
				display:block;
				margin:0 auto;
				text-align:center;
            }
	@media screen and (max-width:768px) {
		.page__content > section {
			margin: 0 0;
			margin:0 20px;
			padding:20px 0;
		}
            .page__content > section header > h1 {
                text-align: center;
				font-size:22px;
                padding-bottom: 20px;
				line-height:1.5;
            }
            .page__content > section .content  { 
				margin:0 0px;
            }
			
		
	}
/*#
region home__about 
Jair.WU
2025.12.24
*/ 

.home__about { 
	background:#ebf3fd;  
	position:relative; 
}

    .home__about > section { 
		margin:0 12%;
		padding:80px 0;
    }
	 .home__about > section .about-grid{
	 }
	 
			.home__about > section .about-grid  i{ 
				font-size:120px;
				color:#0087dc;
				opacity:0.8;
			}
			
			.home__about > section .about-grid i:hover{  
				color:#0087dc; 
				opacity:1;
			}
			
	 .home__about > section .about-grid > div{ 
		float:left;
		width:50%;
		padding:0;
		margin:0;
	 }
	 
	 .home__about > section .about-grid .about-img{ 
		min-height:360px; 
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	 }
	 
	 .home__about > section .about-grid .about-content{ 
		 padding:0px 80px; 
	 }
	  
        .home__about > section .about-grid .about-content h1 {
			display:inline-block; 
			font-size:32px;
			margin-bottom:40px;
			line-height:1.5; 
			color:#000; 
        }
		
        .home__about > section .about-grid .about-content p { 
			font-size:20px;
			line-height:2;
        }
		
        .home__about > section .about-grid .about-content p > span { 
			font-weight:600;
        }
		 
		  
@media screen and (max-width:1536px) {
    .home__about > section { 
		margin:0 5%;
		padding:60px 0;
    } 
}

@media screen and (max-width:1280px) { 
	 .home__about > section .about-grid .about-content{ 
		 padding:20px 40px; 
	 }
	  
				.home__about > section .about-grid .about-content h1 { 
					font-size:24px; 
					margin-bottom:20px;
				}
				.home__about > section .about-grid .about-content p { 
					font-size:16px; 
					line-height:2.5;
				} 
}
		
@media screen and (max-width:1024px) { 
    .home__about > section {
        margin: 0 0;
		margin:0 20px;
		padding:20px 0;
    }
	
	 .home__about > section .about-grid > div{ 
		 width:100%; 
	 }
	  
			.home__about > section .about-grid  i{ 
				font-size:80px; 
			}
			
			.home__about > section .about-grid .about-img{ 
				min-height:240px;
			}
			
			.home__about > section .about-grid .about-content{ 
				 padding:20px 0px; 
			}
			  
				.home__about > section .about-grid .about-content h1 { 
					font-size:24px; 
					margin-bottom:20px;
				}
				
				.home__about > section .about-grid .about-content p { 
					font-size:16px; 
				} 
}
	
/*#endregion */
 
 
/*#region home__applications */

.home__applications {
    position: relative;
    background: #d6ecf9;
    background-size: 100% 100%;
    overflow: hidden;
    padding: 80px 0 60px 0;
}

    .home__applications > section {
        margin: 0px 12%;
    }

        .home__applications > section header {
            margin: 0px 0;
			margin-bottom:20px
        }

            .home__applications > section header > h1 {
                text-align: center;
				font-size:var(--font-size-48);
                padding-bottom: 40px;
            }
   
            .home__applications > section > span { 
				display:block;
				font-weight:400;
				font-size:var(--font-size-28);
				color:#0087dc;
                padding: 10px 10px 20px 10px;
            }
 
			.home__applications > section .grid .col-1-3 {
				background:#fff;
				width: calc(33.33% - 40px);
				margin-bottom:40px;
				margin-left:10px;
				margin-right: 30px;
				margin-top:5px;
				transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
			}
	
			.home__applications > section .grid .col-1-3:hover {
					transform: translateY(-5px); 
			}
	
@media screen and (max-width: 1536px) {
.home__applications { 
    padding: 60px 0;
}
    .home__applications > section {
        margin: 0 5%; 
    }
}

@media screen and (max-width: 1280px) {
.home__applications { 
    padding: 60px 0;
}
    .home__applications > section {
        margin: 0 5%; 
    }
}
		
@media screen and (max-width:768px) {
	.home__applications {
		padding: 0px 0;
	}

    .home__applications > section {
        margin: 0 20px;
        padding: 40px 0 0 0;
    }

        .home__applications > section header {
            margin: 0px 0; 
        }

            .home__applications > section header > h1 { 
                font-size: var(--font-size-32); 
                padding-bottom: 20px;
            }
			
            .home__applications > section > span {  
				font-size:var(--font-size-24); 
                padding-bottom: 20px;
            }
			
			.home__applications > section .grid .col-1-3 {
				width: 100%;
				margin-bottom:20px;
				margin-left:0px;
				margin-right: 0px;
			} 
}
 

/*#endregion */

/*#region home__awards  */

.home__awards {
    position: relative;
    background: #ffffff;  
}

    .home__awards > section {
        margin: 0px 7%;
        padding: 80px 0 60px 0;
    }

        .home__awards > section header {
            margin-bottom: 40px;
        }

            .home__awards > section header h1 {
                font-size: var(--font-size-48);
                color: #00204a;
				text-align:center;
            }

        .home__awards > section .awards-grid {
            background: #ffffff;
            position: relative;
            width: 100%;
            height: 100%;
            padding: 40px 80px 80px 80px;
        }

        .home__awards > section .awards-grid .swiper .box {
			padding: 20px 20px;
		}

        .home__awards > section .awards-grid .swiper .box__header { 
			padding: 10px;
		}
 
        .home__awards > section .awards-grid .swiper .box__header img {
			max-width: 100%;
		}
 
        .home__awards > section .awards-grid .swiper .box > h1 {
            color: #06234a;
			text-align:center;
            font-size: 18px;
            padding:20px;
        } 
 

@media all and (max-width: 1536px) {
    .home__awards > section {
        margin: 0px 0%;
        padding: 60px 0;
    }

    .swiper .box {
        padding: 10px 10px;
    } 
}

@media screen and (max-width: 1280px) {
    .home__awards > section {
        margin: 0px 2%;
        padding: 40px 0;
    }
}

@media all and (max-width: 768px) {
    .home__awards > section .awards-grid {
        padding: 0px;
    }

    .home__awards > section {
        margin: 0px 20px;
        padding: 40px 0;
    }

        .home__awards > section header {
            margin-bottom: 20px;
        }

            .home__awards > section header h1 {
                font-size:24px;
            }

    .swiper .box {
        padding: 20px 0px 40px 0;
    }

    .swiper .box__header {
        border-bottom: 1px dashed #e2eaef;
        padding: 10px;
    }
 
        .swiper .box > h1 {
            color: #06234a;
			text-align:center;
            font-size:16px;
            padding:20px;
        } 
}

/*#endregion */

/*#region home__case */

.home__case {
    position: relative;
    background: #d6ecf9;
    background-size: 100% 100%;
    overflow: hidden;
}

    .home__case > section {
        margin: 0px 12%;
		padding: 80px 0;
    }

        .home__case > section header {
            margin: 0px 0;
			margin-bottom:0px
        }

            .home__case > section header > h1 {
                text-align: center;
				font-size:var(--font-size-48);
                padding-bottom: 80px;
            }
   
            .home__case > section > span { 
				display:block;
				font-weight:400;
				font-size:var(--font-size-28);
				color:#0087dc;
                padding: 10px 10px 20px 10px;
            }
 
			.home__case > section .grid .col-1-2 { 
				width: 50%;
				margin-bottom:40px; 
				margin-top:5px;
				transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
				
			}
			
	.home__case > section .grid .col-1-2 .content{ 
				  height: 360px;  
				  overflow: hidden;  
				  position:relative;
	}
	
	.home__case > section .grid .col-1-2 .content .detail{  
				  position:absolute;
				  bottom:40px;
				  right:40px;
	}
	
	.home__case > section .grid .col-1-2 .content img{ 
				 width: 100%; 
				height: 100%; 
				object-fit: cover; 
	}
	
			.home__case > section .grid .col-1-2:hover {
					/* transform: translateY(-5px);  */
			}
	
	  .home__case > section  .list {
            position: relative; 
            z-index: 2;
			width:100%;
        }

            .home__case > section  .list ul {
                display: inline-block; 
                list-style: none;
                margin: 0;
                padding: 0;
				width:100%;
                border: 0;
            }

                .home__case > section .list ul li { 
                    border-style: none;
                    border: 0 !important;  
                    vertical-align: middle;
                    margin-right: 1px;
                    height:120px;
					line-height:1; 
                }
				
				.home__case > section .list ul li a.active{
					border-bottom: 8px solid!important;
					border-image: linear-gradient(to right, #0087dc, #64D7D7,#B9EB5F) 1!important;
					
				}
				
                .home__case > section .list ul li:hover { 
                            background: #f6f6f6;
                            color: #000;
                            text-decoration: none
                }
				 
                    .home__case > section .list ul li a {
                        border-bottom: 0;
                        color: #000;
                        display: block;
                        font-size: 20px;
						height:120px; 
                        padding: 30px 40px; 
						line-height:1.5;
						border-bottom:1px solid #ddd;
                    }

                        .home__case > section .list ul li a:hover {
                        }

                        .home__case > section  .list ul li a.active {
                            background: #ffffff;
                            color: #000;
                            text-decoration: none
                        }
						
@media screen and (max-width: 1536px) {
    .home__case > section {
        margin: 0px 5%;
		padding: 60px 0;
    } 
		.home__case > section .list ul li a { 
			padding: 25px 40px;  
		}
}

@media screen and (max-width: 1280px) {
.home__case { 
}
    .home__case > section {
        margin: 0 5%; 
		padding: 60px 0; 
    }
            .home__case > section header > h1 { 
                padding-bottom: 60px;
            }
   
}
		
@media screen and (max-width:768px) {
	.home__case {
		padding: 0px 0;
	}

    .home__case > section {
        margin: 0 20px;
        padding: 40px 0 40px 0;
    }

        .home__case > section header {
            margin: 0px 0; 
        }

            .home__case > section header > h1 { 
                font-size: 24px; 
                padding-bottom: 40px;
            }
			
	.home__case > section .grid .col-1-2 .content{ 
				  height: 220px!important;   
	}
            .home__case > section > span {  
				font-size:var(--font-size-24); 
                padding-bottom: 20px;
            }
			
			.home__case > section .grid .col-1-2 {
				width: 100%;
				margin-bottom:20px;
				margin-left:0px;
				margin-right: 0px;
			} 
                .home__case > section .list ul li { 
                    height:80px;
					line-height:1; 
                }
			
                    .home__case > section .list ul li a { 
                        font-size: 16px; 
                        padding: 10px 20px; 
						height:80px; 
                    }

}
 
/*#endregion */
  

/*#region home__advantage */

.home__advantage {
    position: relative;
    background: #d6ecf9;
    background-size: 100% 100%;  
    background-image: linear-gradient(to top right, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.25)), url("../../resources/sst/ysbg.jpg?v1");
    background-size: cover;
    background-position: right;
}

    .home__advantage > section {
        margin: 0px 12%;
        padding: 80px 0;
    }

        .home__advantage > section header {
            margin: 0 auto;
        }
		
            .home__advantage > section header > h1 {
				margin: 0 auto;
				text-align:center;
				font-size:var(--font-size-48);
                padding-bottom: 40px;
				color:#ffffff;
            }
    .home__advantage > section > .grid article{
		margin:40px 120px 80px 120px;
	}
    .home__advantage > section > .grid article > h1{
		font-size:20px;
		font-weight:600;
		color:#ffffff;
		margin:20px 0;
	}
    .home__advantage > section > .grid article > p{
		font-size:18px;
		color:#ffffff;
		line-height:2;
	}
    .home__advantage > section > .grid article > .w1,.w2{
		width:120px;
	}
			  
			
@media screen and (max-width: 1536px) {
    .home__advantage > section {
        margin: 0 5%;
    } 
}

@media screen and (max-width: 1280px) {
    .home__advantage > section {
        margin: 0 5%;
        padding: 40px 0;
    }
}
		
@media screen and (max-width: 768px) { 
.home__advantage {
    position: relative;
    background: #d6ecf9;
    background-size: 100% 100%;  
    background-image: linear-gradient(to top right, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.25)), url("../../resources/sst/ysbg.jpg?v1");
    background-size: cover;
    background-position: left;
}
    .home__advantage > section {
        margin: 0 10px;
        padding: 40px 0;
		margin-bottom:40px
    }
        .home__advantage > section header { 
			margin-bottom:0px;
        }
	   
			
			.home__advantage > section .grid .col-1-2 { 
				width: 100%; 
				margin:0;
			}
			 
    .home__advantage > section > .grid article{
		margin:20px 20px 40px 20px;
	}
    .home__advantage > section > .grid article > h1{
		font-size:16px; 
		margin:16px 0;
	}
    .home__advantage > section > .grid article > p{
		font-size:14px; 
		line-height:1.5;
	} 
}

/*#endregion */

/*#region home__contact */

.home__contact {
    position: relative;
    background: #fbfcff;
    background-size: 100% 100%;
    overflow: hidden; 
	height:1400px;
	padding: 80px 0 80px 0;
}

    .home__contact > section {
        margin: 0px 12%;
		margin:0 auto;
		text-align:center;
    }

        .home__contact > section header {
            margin: 0px 0;
			margin-bottom:40px
        }

            .home__contact > section header > h1 {
                text-align: center;
				font-size:var(--font-size-48);
                padding-bottom: 40px;
            }
   		
			.btn-radius{
				border-radius:5px;
			}
@media screen and (max-width: 1536px) {
    .home__contact > section {
        margin: 0 5%;
    }
			 
}

@media screen and (max-width: 1280px) {
	.home__contact { 
		padding: 40px 0 40px 0;
	}
	
    .home__contact > section {
        margin: 0 5%;
        padding: 0px 0;
    }
}
		
@media screen and (max-width: 768px) { 
	.home__contact { 
		padding: 0px 0 40px 0;
		height:1400px!important;
	}
	
    .home__contact > section {
        margin: 0 20px; 
		margin-bottom:40px
    }
	 
        .home__contact > section header {
            margin: 0px 0;
        }

            .home__contact > section header > h1 {
                text-align: center;
				font-size: 24px;
				margin-bottom: 0px;
            } 
}

/*#endregion */
   



.chl__prev_02 {
    position: absolute;
    width: 60px !important;
    height: 60px !important;
    line-height: 58px;
    font-size: 30px !important;
    border-radius: 50%;
    background: #fff;
    left: 20px;
    top: 40%;
    text-align: center;
    padding-right: 2px;
    border: 1px solid #d0d0d0;
    cursor: pointer;
    transition: all .3s;
    z-index: 88;
    color: #000000;
}

    .chl__prev_02::after {
        /* font-family: 'FontAwesome'; */
        /* content: "\f104"; */
    }

    .chl__prev_02:hover {
        background: #0087dc;
        color: #fff;
    }

.chl__next_02 {
    position: absolute;
    width: 60px !important;
    height: 60px !important;
    line-height: 58px;
    font-size: 30px !important;
    border-radius: 50%;
    background: #fff;
    right: 20px;
    top: 40%;
    text-align: center;
    padding-left: 2px;
    border: 1px solid #d0d0d0;
    cursor: pointer;
    transition: all .3s;
    z-index: 88;
    color: #000000;
}

    .chl__next_02::after {
        /* font-family: 'FontAwesome'; */
        /* content: "\f105"; */
    }

    .chl__next_02:hover {
        background: #0087dc;
        color: #fff;
    }

@media all and (max-width: 768px) {
    .chl__prev_02 {
        width: 50px !important;
        height: 50px !important;
        line-height: 50px;
        font-size: 22px !important;
        left: 0px;
        top: 30%;
		display:none;
    }

    .chl__next_02 {
        width: 50px !important;
        height: 50px !important;
        line-height: 50px;
        font-size: 22px !important;
        right: 0px;
        top: 30%;
		display:none;
    }
}


.chl__pagination {
    bottom: 40px !important;
    left: 0;
    right: 0;
}

    .chl__pagination .swiper-pagination {
    }

    .chl__pagination .swiper-pagination-bullet {
        text-align: center;
        width: 8px;
        height: 8px;
        opacity: 0.5;
        background: #000;
        margin-bottom: -0.5px;
        margin: 0px 5px;
    }

    .chl__pagination .swiper-pagination-bullet-active {
        width: 30px;
        height: 8px;
        border-radius: 40px;
        opacity: 1;
        background: #0087dc;
        margin-right: 4px;
        margin-left: 4px;
        margin-bottom: 0px !important;
    }

@media all and (max-width: 768px) {
    .chl__pagination { 
        bottom: 0px !important;
    }
}


     .modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 9999;
        }
        
        .modal-container {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 98%;
            max-width: 800px;
            height: 268px;
            background: white;
            border-radius: 0px;
            overflow: hidden;
        }
        
        .modal-iframe {
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .modal-close {
            position: absolute;
            top: 10px;
            right: 0px;
            background: none;
            color: white;
            border: none;
            width: 60px;
            height: 30px;
			line-height:30px;
            font-size: 26px;
			font-weight:bold;
			padding:0;
			margin:0;
            cursor: pointer;
            z-index: 10000;
        }