/* common #0c5fb5 #f3b806*/
h1, h2, h3, h4, h5, h6, p {margin: 0;}
ul,li {margin-bottom: 0;}
a:hover {text-decoration: none;color: #333;}
:focus {outline: 0 !important;}
.i_nav .uk-logo {padding: 0;}

/* i_nav */
.i_nav {background-color: #fff;}
.i_nav .uk-logo img {max-height: 80px;}
.i_nav nav {background-color: #fff;}
.i_nav .uk-navbar-nav>li {margin: 0 10px;}
.i_nav .uk-navbar-nav>li>a {font-size: 18px;font-weight: bold;color: #333;padding: 0 20px;transition: .5s all;    min-height: 95px;position: relative;}
.i_nav .uk-navbar-nav>li.uk-active>a ,.i_nav .uk-navbar-nav>li:hover>a {color: #0c5fb5;}
.i_nav .uk-navbar-nav>li>a:before {content: '';position: absolute;bottom: 0;left: 50%;right: 50%;height: 5px;background-color: #f3b806;transition: .5s all;}
.i_nav .uk-navbar-nav>li.uk-active>a:before ,.i_nav .uk-navbar-nav>li:hover>a:before {left: 0;right: 0;}
.i_nav .language {padding: 9px;line-height: 1;background-color: #f3b806;color: #fff;}
.i_nav .language.active {background-color: #0c5fb5;color: #fff !important;}
.i_nav .language:hover {color: #fff !important;}

/* i_banner */
.i_banner h2 {font-size: 36px;font-weight: bold;color: #fff;}
.i_banner.uk-light .uk-dotnav>*>* {background-color: #fff;width: 8px;height: 8px;transition: .5s all;border-radius: 50px;border-color: transparent;}
.i_banner.uk-light .uk-dotnav>.uk-active>* {background-color: #0c5fb5;width: 30px;border-color: transparent;}

/* i_prod */
.i_prod h3 {font-size: 24px;font-weight: bold;color: rgba(51, 51, 51, 0.1);text-transform: uppercase;}
.i_prod h2 {font-size: 36px;font-weight: bold;}
.i_prod h4 {font-size: 20px;font-weight: bold;transition: 0.5s all;padding: 22px 0;border: 1px solid #dcdcdc;}
.i_prod .uk-transition-toggle:hover h4 {background-color: #0c5fb5;border-color: #0c5fb5;color: #fff;}
.i_prod .uk-dotnav>*>* {background-color: #cacaca;border-color: #cacaca}
.i_prod .uk-dotnav>.uk-active>* {background-color: #0c5fb5;border-color: #0c5fb5}

/* i_case */
.i_case h3 {font-size: 24px;font-weight: bold;color: rgba(255, 255, 255, 0.1);text-transform: uppercase;}
.i_case h2 {font-size: 36px;font-weight: bold;color: #fff;}
.i_case h4 {font-size: 20px;font-weight: bold;transition: 0.5s all;padding: 22px 0;background-color: #fff;}
.i_case .uk-transition-toggle {transition: 0.5s all;}
.i_case .uk-transition-toggle:hover {transform: translateY(-25px);}

/* i_about */
.i_about .i_about_desc h3 {font-size: 24px;font-weight: bold;color: rgba(51, 51, 51, 0.1);text-transform: uppercase;}
.i_about .i_about_desc h2 {font-size: 36px;font-weight: bold;}
.i_about .i_about_desc p {color: #333;line-height: 2;}
.i_about .i_about_desc h5 {color: #0c5fb5;}
.i_about .i_about_desc h5 span {font-size: 36px;font-weight: bold;}
.i_about .i_about_desc .uk-divider-vertical {height: 60px;}
.i_about .i_about_nav .nav_num {font-size: 48px;color: #dedede;transition: .5s all;}
.i_about .i_about_nav .uk-divider-vertical {height: 45px;margin: 0;transition: .5s all;}
.i_about .i_about_nav .uk-card {border: 1px solid #f5f5f5;margin-left: -1px;transition: .5s all;}
.i_about .i_about_nav h2 {font-size: 20px;font-weight: bold;transition: .5s all;}
.i_about .i_about_nav h4 {font-size: 18px;color: #999;transition: .5s all;}
.i_about .i_about_nav .uk-card:hover {background-color: #f3b806;border-color: #f3b806}
.i_about .i_about_nav .uk-card:hover .nav_num {color: #fff;}
.i_about .i_about_nav .uk-card:hover h2 {color: #fff;}
.i_about .i_about_nav .uk-card:hover h4 {color: #fff;}
.i_about .i_about_nav .uk-card:hover svg > * {fill: #fff;}

/* i_adv */
.i_adv .i_adv_title h3 {font-size: 24px;font-weight: bold;color: rgba(51, 51, 51, 0.1);text-transform: uppercase;}
.i_adv .i_adv_title h2 {font-size: 36px;font-weight: bold;}
.i_adv .i_adv_title h5 {text-align: justify;line-height: 2;}
.i_adv .i_adv_title a.btn {padding: 20px 35px;display: inline-block;background-color: #0c5fb5;color: #fff;transition: .5s all;}
.i_adv .i_adv_title a.btn:hover {background-color: #f3b806;}
.i_adv .i_adv_desc h2 {font-size: 20px;font-weight: bold;}
.i_adv .i_adv_desc h5 {height: 66px;}
.i_adv .i_adv_desc .i_adv_slidenav {position: absolute;right: 100%;bottom: 0;width: max-content;}
.i_adv .i_adv_desc .i_adv_slidenav a {padding: 14px;background-color: #0c5fb5;color: #fff;transition: 0.5s all;}
.i_adv .i_adv_desc .i_adv_slidenav a:last-child {background-color: #f3b806;}

/* i_news */
.i_news h3 {font-size: 24px;font-weight: bold;color: rgba(51, 51, 51, 0.1);text-transform: uppercase;}
.i_news h2 {font-size: 36px;font-weight: bold;}
.i_news h4 {font-size: 20px;transition: 0.5s all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.i_news h5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height: 64px;line-height: 2;margin: 10px 0;}
.i_news p {color: #999;}
.i_news .uk-card:hover h4 {color: #0c5fb5;}

/* foot */
.foot {background-color: #2b2c2d;}
.foot .uk-logo {background-color: #fff;height: 78px;}
.foot .uk-logo img {height: 70px;}
.foot .uk-subnav > li > a {color: #fff;font-size: 18px;}
.foot .uk-subnav-divider>::before {height: 10px;}
.foot h5 {color: rgba(255, 255, 255, 0.5);}
.foot h6 {color: rgba(255, 255, 255, 0.5);}
.foot h6 a {color: rgba(255, 255, 255, 0.5);transition: .5s all;}
.foot h6 a:hover {color: #fff;}
.foot .qrcode img {width: 125px;}

/* nav */
.nav {background-color: #f5f5f5;}
.nav a {font-size: 18px;color: #333;transition: .5s all;padding: 24px 50px;display: inline-block;}
.nav a.uk-active,.nav a:hover {color: #fff;background-color: #0c5fb5;}

/* about */
.about h3 {font-size: 24px;font-weight: bold;color: rgba(51, 51, 51, 0.1);text-transform: uppercase;}
.about h2 {font-size: 36px;font-weight: bold;}
.about .about_img {padding: 10px;}
.about .square1 {width: 222px;height: 222px;background-color: #f3b806;}
.about .square2 {width: 75px;height: 75px;background-color: #f3b806;}
.about p {line-height: 2;text-align: justify;}

/* about_desc */
.about_desc h5 {color: #fff !important;}
.about_desc .uk-divider-vertical {margin: auto 0;}

/* about_adv */
.about_adv h3 {font-size: 24px;font-weight: bold;color: rgba(51, 51, 51, 0.1);text-transform: uppercase;}
.about_adv h2 {font-size: 36px;font-weight: bold;}
.about_adv h4 {font-size: 20px;font-weight: bold;transition: 0.5s all;}
.about_adv h5 {line-height: 2;transition: 0.5s all;}
.about_adv .uk-card.uk-transition-toggle {background-color: #f5f5f5;transition: 0.5s all;}
.about_adv .uk-transition-toggle {transition: 0.5s all;}
.about_adv .uk-transition-toggle:hover {transform: translateY(-25px);}
.about_adv .uk-transition-toggle:hover h4 {color: #fff;}
.about_adv .uk-transition-toggle:hover h5 {color: #fff;}
.about_adv .uk-card.uk-transition-toggle:hover {background-color: #0c5fb5;}

/* culture */
.culture h3 {font-size: 24px;font-weight: bold;color: rgba(255, 255, 255, 0.1);text-transform: uppercase;}
.culture h2 {font-size: 36px;font-weight: bold;color: #fff;}
.culture p {line-height: 2;color: #fff;}

/* honor */
.honor h3 {font-size: 24px;font-weight: bold;color: rgba(51, 51, 51, 0.1);text-transform: uppercase;}
.honor h2 {font-size: 36px;font-weight: bold;}
#certify {position: relative;margin: 0 auto}
#certify .swiper-container {height: 500px;}
#certify .swiper-slide {width: 583px;height: 418px;}
#certify .swiper-slide p {line-height: 92px;padding-top: 0;	text-align: center;	color: #333333;	font-size: 18px;margin: 0;}

/* equipment */
.equipment {background-color: #f5f5f5;}
.equipment h3 {font-size: 24px;font-weight: bold;color: rgba(51, 51, 51, 0.1);text-transform: uppercase;}
.equipment h2 {font-size: 36px;font-weight: bold;}
.equipment .uk-dotnav>*>* {background-color: #d2d2d2;border-color: #d2d2d2;width: 8px;height: 8px;transition: 0.5s all;}
.equipment .uk-dotnav>.uk-active>* {background-color: #0c5fb5;border-color: #0c5fb5}

/* productlist */
.productlist h3 {font-size: 24px;font-weight: bold;color: rgba(51, 51, 51, 0.1);text-transform: uppercase;}
.productlist h2 {font-size: 36px;font-weight: bold;}
.productlist h4 {font-size: 20px;font-weight: bold;transition: 0.5s all;padding: 22px 0;border: 1px solid #dcdcdc;}
.productlist .uk-transition-toggle:hover h4 {background-color: #0c5fb5;border-color: #0c5fb5;color: #fff;}
.productlist .list_nav a {margin:15px;}
.productlist a.productlist_nav {color: #333;position: relative;}
.productlist a.productlist_nav:hover {color: #0c5fb5;}
.productlist a.productlist_nav:before {content: '';position: absolute;bottom: -20px;width: 0;height: 3px;background-color: #f3b806;transition: .5s all;}
.productlist a.productlist_nav:hover:before ,.productlist a.productlist_nav.uk-active:before {width: 100%;}

/* product */
.product h2 {font-size: 36px;font-weight: bold;}
.product h4 {font-size: 18px;}
.product a.btn {padding: 20px 51px;display: inline-block;background-color: #0c5fb5;color: #fff;transition: .5s all;}
.product a.btn:hover {background-color: #f3b806;}
.product hr {border-width: 13px;border-color: #f7f7f7;}
.product p {line-height: 2;}

/* news */
.news h3 {font-size: 24px;font-weight: bold;}

/* contact */
.contact h3 {font-size: 24px;font-weight: bold;color: rgba(51, 51, 51, 0.1);text-transform: uppercase;}
.contact h2 {font-size: 36px;font-weight: bold;}
.contact .uk-card-default {background-color: #0c5fb5;}
.contact h4 {font-size: 18px;color: #fff;margin-top: 10px;}

/* message */
.message {background-color: #f5f5f5;}
.message h3 {font-size: 24px;font-weight: bold;color: rgba(51, 51, 51, 0.1);text-transform: uppercase;}
.message h2 {font-size: 36px;font-weight: bold;}
.message .uk-input {height: 72px;padding: 0 30px;}
.message .reddot {position: relative;}
.message .reddot:before {content: '*';position: absolute;color: red;left: 60px;top: 50%;transform: translateY(-50%);}
.message .uk-textarea {padding: 15px 30px;}
.message .uk-button {background-color: #0c5fb5;color: #fff;padding: 8px 62px;transition: .5s all;}
.message .uk-button:hover {background-color: #f3b806;}

/* pagination */
.pagination .page-status {display: none;}
.pagination span:not(.page-numbar) {margin: 0 8px;color: #0c5fb5;}
.pagination span a:not(.page-num) {color: #0c5fb5;position: relative;border: 1px solid #0c5fb5;padding:8px 10px;transition: 0.5s all;}
.pagination span a.page-num {color: #0c5fb5;position: relative;margin: 0 8px;padding: 8px 10px;border: 1px solid #0c5fb5;transition: 0.5s all;}
.pagination span a:hover,.pagination span a.page-num.page-num-current {color: #fff;background-color: #0c5fb5;}
.pagination span a:before {content: '';position: absolute;bottom: 3px;width: 0px;height: 1px;background-color: transparent;transition: 0.5s all;}
.pagination span a:hover:before ,.pagination span a.page-num.page-num-current:before {background-color: #fff;width: calc(100% - 20px);}

/* pagination_page */
.pagination_page {display: flex;flex-wrap: wrap;margin-left: 0;padding: 0;list-style: none;}
.pagination_page a {position: relative;color: #333;transition: 0.5s all;}
.pagination_page a:hover{color: #0c5fb5;}
.pagination_page a:before {content: '';position: absolute;bottom: -5px;width: 0px;height: 1px;background-color: transparent;transition: 0.5s all;}
.pagination_page a:hover:before {background-color: #0c5fb5;width: 100%;}

/* kefu */
.kefu {right: 20px;top: 50%;}
.kefu .uk-icon-button {width: 54px;height: 54px;background: rgba(12, 95, 181, 0.8);color: #fff;transition: 0.5s all;}
.kefu .uk-icon-button:hover {background-color: #0c5fb5;}


/* @media */
@media screen and (max-width: 2200px) {
	
}
@media screen and (max-width: 1600px) {
	.i_adv .i_adv_title h2 {font-size: 30px;}
	.productlist .list_nav a {margin: 10px;}
	.about_adv h4 {font-size: 18px;}
	.about_adv .uk-card-body {padding: 15px;}
	.contact .uk-card-body {padding: 15px;}
	.contact h3 {font-size: 20px;}
}
@media screen and (max-width: 1400px) {
	.productlist .list_nav a {margin: 8px;}
	.about p {line-height: 1.5;}
	.culture p {line-height: 1.5;}
}
@media screen and (max-width: 1200px) {
	
}
@media screen and (max-width: 960px) {
	h2 {font-size: 26px !important;}
	h3 {font-size: 20px !important;}
	
	.i_nav .uk-logo img {max-height: 50px;}
	.i_nav .uk-icon {color: #0c5fb5;}
	.i_nav button {position: relative;padding: 0 4px;top: 0;left: 0;}
	.uk-offcanvas-bar {left: 0;width: 100vw;bottom: 100%;transition: bottom .3s ease-out;padding: 7px 10px;background: #FFFFFF;}
	.uk-open>.uk-offcanvas-bar {bottom: 0;padding: 0;}
	.uk-offcanvas-bar a ,.uk-offcanvas-bar h6 {color: #333;}
	.uk-offcanvas-bar hr {border-top-color: #dcdcdc;}
	.uk-offcanvas-bar a:hover , .uk-offcanvas-bar li.active a {color: #0c5fb5;}
	#tm-mobile .uk-navbar {padding: 0 15px;}
	.i_news h4 {line-height: 2;}
	.message .uk-input {padding: 0px 40px;}
	.productlist .list_nav a {margin: 0;}
	.productlist a.productlist_nav:before {bottom: -10px;left: 0;}
	.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;}
	.i_about .i_about_nav h2 ,.i_adv .i_adv_desc h2 {font-size: 20px !important;}
	#allmap {height: 350px !important;}
	img.contact_logo {height: 50px;}
	
	
}