/* common */
:root {--color1:#0057a8;--color2:#881e22;}



::-webkit-scrollbar {width: 8px;height: 8px;}
::-webkit-scrollbar-track {background: #f5f5f5;}
::-webkit-scrollbar-thumb {background: var(--color1);-webkit-border-radius: 8px;border-radius: 8px;border: 1px solid #f5f5f5;}
#scroll-container {position: fixed;top: 0;right: 0;bottom: 0;left: 0;}


/* i_nav */
.i_nav {border-bottom: 1px solid #eeeeee;}
.i_nav,.i_nav a {line-height: 80px;font-size: 16px;color: #999;transition: .5s all;}
.i_nav a:hover {color: var(--color1);}
.i_nav .subnav a {width: 140px;text-align: center;color: #000;transition: .5s all;display: block;}
.i_nav .subnav a:hover,.i_nav .subnav a.active {background-color: var(--color1);color: #fff;}



/* platform */
.platform {padding-top: 00px;padding-bottom: 00px;}
.platform .entitle {font-size: 48px;font-weight: bold;color: var(--color1);text-transform: uppercase;line-height: 1;}
.platform .cntitle {font-size: 24px;font-weight: bold;color: #000;margin-top: 24px;margin-bottom: 24px;line-height: 1;}
.platform h4 {font-size: 16px;color: #fff;transition: .5s all;margin-top: 24px;}
.platform h4:hover { color:#FFFFFF}
.platform .uk-transition-toggle:hover h4 {color: var();}
.platform .uk-dotnav>*>* {width: 12px;height: 12px;background-color: #dddddd;transition: .5s all;border: none;}
.platform .uk-dotnav>.uk-active>* {background-color: var(--color1);}

/* contact */
.contact {padding-top: 80px;padding-bottom: 80px;}
.contact .left {width: 500px;}
.contact .left .uk-card {padding-right: 70px;}
.contact .entitle {font-size: 48px;font-weight: bold;color: var(--color1);text-transform: uppercase;line-height: 1;}
.contact .cntitle {font-size: 24px;font-weight: bold;color: #000;margin-top: 24px;margin-bottom: 24px;line-height: 1;}
.contact hr {margin-top: 30px;margin-bottom: 40px;border-color: #eeeeee;}
.contact h4 {font-size: 16px;font-weight: bold;color: #000;margin-bottom: 30px;}
.contact p ,.contact p a{font-size: 16px;color: #000;line-height: 2.75;transition: .5s all;}
.contact p a:hover {color: var(--color1);}
.contact p img {margin-top: -4px;margin-right: 10px;}


/* pagination */
.uk-pagination>*>* {padding: 5px 0;display: inline-block;}
.uk-pagination>*>:hover {color: #999;}
.uk-pagination>*>a:hover {color: #333;}
.pagination .page-status {display: none;}
.pagination span a {line-height: 30px;height: 30px;padding: 0 10px;display: inline-block;transition: .5s all;margin: 0 5px;font-size: 18px;font-family: arial;}
.pagination span a:not(.page-num) {color: #999;}
.pagination span a.page-num {color: #999;position: relative;}
.pagination span a.page-num::before {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 10px;height: 1px;background-color: transparent;}
.pagination span a.page-num:hover::before,.pagination span a.page-num.page-num-current::before {background-color: var(--color1);}
.pagination span a:hover,.pagination span a.page-num.page-num-current {color: var(--color1);}


/* @media */
@media screen and (max-width: 2000px) {
	
}
@media screen and (max-width: 1550px) {
	.i_banner {--bianju: 20px;}
	.i_banner .uk-container {padding: 0 80px;}
	.i_banner .ban h1 {font-size: 48px;margin-bottom: 30px;}
	.i_about .desc {margin-top: 25px;}
	.i_about .link {margin-top: 40px;}
	.i_news .desc .uk-card-body {padding: 30px;}
	
	.banner .uk-container {padding: 0 40px;}
	
	.advantage .left {max-width: 600px;padding-left: 40px;padding-top: 40px;padding-bottom: 40px;}
	.advantage .left > div {height: 350px;overflow-y: auto;width: 100%;padding-right: 15px;}
	.advantage .desc {margin-top: 25px;}
	
	.culture .right {max-width: 600px;padding-right: 40px;padding-top: 40px;padding-bottom: 40px;}
	.culture .right > div {height: 350px;overflow-y: auto;width: 100%;padding-right: 15px;}
	.culture .desc {margin-top: 25px;}
}


@media screen and (max-width: 1300px) {
	
}
@media screen and (max-width: 960px) {
	.uk-grid {margin-left: -15px;}
	.uk-grid>* {padding-left: 15px;}
	.uk-grid>.uk-grid-margin {margin-top: 15px;}
	.uk-grid-collapse {margin-left: 0;}
	.uk-grid-collapse>* {padding-left: 0;}
	.uk-grid-collapse>.uk-grid-margin {margin-top: 0;}
	
	
	.uk-offcanvas-bar {width: 100%;left: 100%;background-color: #fff;padding: 0;}
	.uk-offcanvas-bar svg {color: #333;}
	.uk-offcanvas-bar a {color: #333;}
	.uk-offcanvas-bar .uk-nav>li>a {color: #999;text-transform: uppercase;padding: 0;}
	.uk-offcanvas-bar .uk-nav>li.uk-active>a {color: #333;}
	.uk-offcanvas-bar a:hover {color: #333;}
	.uk-offcanvas-bar .uk-nav-sub>li.uk-active>a {color: #333;}
	.uk-offcanvas-bar hr {border-color: #dedede;}
	.uk-offcanvas-bar h6 {color: #999;}
	.uk-offcanvas-bar .uk-accordion>:nth-child(n+2) {margin-top: 10px;}
	.uk-offcanvas-bar .uk-accordion-title {font-size: 16px;line-height: 1;}
	.uk-offcanvas-bar .uk-accordion-title svg {margin-top: -4px;}
	.uk-offcanvas-bar .uk-accordion-content {margin-top: 0;}
	.uk-offcanvas-bar .uk-accordion>li.active a span {color: var(--color1);}
	.uk-offcanvas-bar .uk-accordion>li.active svg {color: var(--color1);}
	.uk-offcanvas-bar .uk-accordion .uk-open .uk-nav-parent-icon {transform: rotate3d(1, 0, 0, 180deg);transform-origin: center;}
	.uk-offcanvas-bar ul.uk-nav-sub li {line-height: 30px;height: 30px;}
	.uk-offcanvas-bar ul.uk-nav-sub li.active a {color: var(--color1);}


	
	.i_nav, .i_nav a {line-height: 40px;}
	.i_nav .subnav a {width: auto;padding: 0 15px;}
	.i_nav .uk-grid>.uk-grid-margin {margin-top: 0;}
	
	.about {padding-top: 40px;padding-bottom: 40px;}
	.about .entitle {font-size: 22px;}
	.about .cntitle {margin-top: 10px;margin-bottom: 20px;}
	.about .left {padding-right: 0;margin-bottom: 20px;}
	.about .desc {margin-top: 20px;}
	.about .num {zoom: 0.8;margin-top: 50px;}
	.about .num .uk-card-default {padding: 15px 0;}
	.about .num .uk-grid-margin {border-top: 1px solid rgba(238, 238, 238,0.5);}
	
	.advantage .left {max-width: 100%;padding-left: 15px;padding-top: 15px;padding-bottom: 15px;}
	.advantage .left > div {height: auto;}
	.advantage .entitle {font-size: 22px;}
	.advantage .cntitle {margin-top: 10px;margin-bottom: 20px;}
	
	.culture .right {max-width: 100%;padding-left: 15px;padding-top: 15px;padding-bottom: 15px;padding-right: 15px;}
	.culture .right > div {height: auto;padding-right: 0;}
	.culture .entitle {font-size: 22px;}
	.culture .cntitle {margin-top: 10px;margin-bottom: 20px;}

	
	
	
	
	.uk-pagination {display: block;}
	.pagination span.page-status , .pagination span.page-pre, .pagination span.page-next {display: none;}
	.pagination span:not(.page-numbar) {margin: 0 3px;}
	.pagination span a.page-num {margin: 0 3px;}
	
}