/* common #0861cc */
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;}
.uk-card-default {box-shadow: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* nav */
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {min-height: 100px;}

nav {background-color: #fff;box-shadow: 0 5px 15px rgba(0,0,0,.08);}
nav .uk-navbar-nav>li>a {font-size: 18px;color: #000000;padding: 0 35px;}
nav .uk-logo {padding: 0 30px ;}/* background: #0861cc; */
nav h5 {color: #000000;}
nav .left::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);background-color: #d2d2d2;  height: 33px;width: 1px;margin-left: -30px;}
nav h4 {font-size: 24px;font-weight: bold;color: #064ca1;}

/* i_about */
.i_about h3 {font-size: 30px;font-weight: bold;font-family: arial;text-transform: uppercase;letter-spacing: 3px;}
.i_about h4 {font-size: 40px;font-weight: bold;letter-spacing: 5px;}
.i_about hr {border-width: 11px;border-color: #71a5e4;position: relative;width: 730px;}
.i_about hr::before {content: '';position: absolute;bottom: 0;left: 0;width: 215px;height: 11px;background-color: #064ca1;}
.i_about h1 {color: #71a5e4;font-weight: bold;font-size: 60px;line-height: 1;}
.i_about p {line-height: 2;color: #333;text-align: justify;font-size: 20px;}
.i_about .btn {display: inline-block;padding: 10px 30px;border-radius: 50px;border: 1px solid #57595b;color: #57595b;}
.i_about .btn1 {background-color: #064ca1;color: #fff;border: none;}
.i_about .btn:hover {}
.i_about .i_about_desc p {color: #333;font-size: 18px;line-height: 1.3;text-align: center;}
.i_about .i_about_desc p span {color: #0861cc;font-size: 48px;font-family: arial;padding-right: 10px;}
.i_about .i_about_desc p sub {color: #0861cc;font-size: 48px;font-family: arial;margin-left: -10px;padding-right: 10px;bottom: auto;}
.i_about .i_about_desc h5 {color: #333;font-size: 22px;}
.i_about .uk-card-default {background-color: #f4f7fa;}
.i_about .i_about_logo {position: absolute;width: 70%;height: 110px;background-color: #0861cc;bottom: calc(100% - 70px);right: 70px;}
.i_about .i_about_logo img {height: 54px;}

/* i_search */
.i_search h3 {font-size: 36px;font-weight: bold;}
.i_search h4 {font-size: 20px;}
.i_search .i_search_ {border: 1px solid #eee;}
.i_search .uk-search-default {width: 500px;}
.i_search h5 {font-size: 18px;color: #000;}

/* i_banner */

/* i_prod */
.i_prod {background-color: #fafcff;}
.i_prod h3 {font-size: 36px;color: #333;text-transform: uppercase;font-weight: bold;}
.i_prod h4 {font-size: 32px;font-weight: bold;color: #333;}
.i_prod h5 {font-size: 18px;color: #333;margin-top: 20px;}
.i_prod p {font-size: 20px;color: #333;}
.i_prod .uk-card-default {width: 95px;height: 95px;border-radius: 50%;background-color: #fff;box-shadow: 0 5px 15px rgba(0,0,0,.08);margin: 15px;}
.i_prod .line {position: absolute;top: 63px;width: 100%;height: 1px;background-color: #e6e6e6;}
.i_prod .active .uk-card-default {background-color: #0861CC;}
.i_prod .active svg {filter: brightness(200);}
.i_prod .uk-slideshow-items>:not(.uk-active) {display: block;}
.i_prod .slides_ {transition: .5s all;border-radius: 16px;position: absolute;list-style-type: none;overflow: hidden;will-change: transform,z-index;box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.25);}
.i_prod #slides_1 {transform: scale(0.8,0.8) translateX(-12%);z-index: 5;}
.i_prod #slides_2 {transform: scale(0.7,0.7) translateX(0%);z-index: 4;}
.i_prod #slides_3 {transform: scale(0.6,0.6) translateX(14%);z-index: 3;}
.i_prod #slides_4 {transform: scale(0.5,0.5) translateX(32%);z-index: 2;}
.i_prod #slides_5 {transform: scale(0.4,0.4) translateX(58%);z-index: 1;}
.i_prod #slides_2 canvas {background-color: rgba(255, 255, 255, 0.70);}
.i_prod #slides_3 canvas {background-color: rgba(255, 255, 255, 0.65);}
.i_prod #slides_4 canvas {background-color: rgba(255, 255, 255, 0.60);}
.i_prod #slides_5 canvas {background-color: rgba(255, 255, 255, 0.55);}




.i_prod a.btn {padding: 10px 30px;display: inline-block;background-color: #0861CC;color: #fff;font-size: 16px;border-radius: 16px;}
.i_prod a.btn svg {margin-top: -8px;}





/* i_news */
.i_news hr {border-width: 11px;border-color: #71a5e4;position: relative;}
.i_news hr::before {content: '';position: absolute;bottom: 0;left: 50px;width: calc(100% / 5.001 - 100px);height: 11px;background-color: #064ca1;}
.i_news h4 {font-size: 32px;font-weight: bold;color: #000000;}
.i_news h3 {font-size: 24px;font-weight: bold;color: #000000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align: justify;}
.i_news .uk-list > li > a {font-size: 20px;color: #000000;padding: 10px 20px;display: inline-block;transition: .5s all;}
.i_news .uk-list > li > a:hover {background-color: #064ca1;color: #fff;}
.i_news .day {font-size: 60px;font-family: arial;color: #064ca1;font-weight: bold;line-height: 1;}
.i_news .year {font-size: 20px;font-family: arial;color: #666666;text-transform: uppercase;}
.i_news .btn {display: inline-block;padding: 10px 30px;border: 1px solid #57595b;color: #57595b;}
.i_news .zhanwei {height: 160px;}
.i_news p {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height: 2;color: #000000;}
.i_news .title {transition: .5s all;transform: translateY(-140px);}
.i_news .uk-transition-toggle:hover .title {transform: translateY(-100%);}

/* foot */
.foot {background-color: #212020;}
.foot h4 {font-size: 24px;color: #fff;font-weight: bold;}
.foot p {color: #fff;font-size: 16px;margin: 5px 0;}
.foot ul > li > a {color: #fff;padding: 10px 15px;transition: .5s all;}
.foot ul > li:hover > a {background-color: #064ca1;}
.foot .qrcode {padding: 5px;border: 1px solid #c7af89;}


/* footer */
.footer {background-color: #1b1b1b;}
.footer p {color: #666;line-height: 40px;}
.footer p a {color: #666;transition: .5s all;}
.footer p a:hover {color: #999;}
.footer a.icon {border-radius: 50%;width: 26px;height: 26px;background: #fff;display: inline-block;line-height: 22px;}
.footer a.icon.alibaba svg {border-radius: 50%;padding: 2px;}


/* about */
.about h4 {font-size: 24px;color: #000;font-weight: bold;}
.about p {line-height: 2;margin: 15px 0;text-align: justify;text-indent: 32px;}

/* video */
.video h4 {font-size: 24px;color: #000;font-weight: bold;}
.video p {line-height: 2;margin: 15px 0;text-align: justify;text-indent: 32px;}
.video video {position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: auto;}

/* joblist */
.joblist h4 {font-size: 24px;color: #000;font-weight: bold;}
.joblist p {line-height: 2;margin: 15px 0;text-align: justify;text-indent: 32px;}
.joblist h6 {color: #666;}
.joblist a.btn {display: inline-block;padding: 5px 10px;border: 1px solid #999;color: #999;}
.uk-modal-dialog a.btn {display: inline-block;padding: 5px 10px;border: 1px solid #999;color: #999;}


/* productlist */
.productlist .uk-overlay-default {background-color: rgba(8, 97, 204, 0.66);}
.productlist h5 {line-height: 2;color: #fff;padding: 30px;font-size: 20px;}
.productlist .prod-nav {position: absolute;top: -40px;}
.productlist .prod-nav .uk-card {box-shadow: 0px 5px 21px 0px rgba(4, 0, 0, 0.07);border-radius: 20px;}
.productlist .prod-nav a {line-height: 80px;font-size: 20px;color: #000000;}

/* product */
.product .prod-nav {position: absolute;top: -40px;}
.product .prod-nav .uk-card {box-shadow: 0px 5px 21px 0px rgba(4, 0, 0, 0.07);border-radius: 20px;}
.product .prod-nav a {line-height: 80px;font-size: 20px;color: #000000;}
.product h3 {font-size: 32px;font-weight: bold;color: #000000;}
.product .btn {display: inline-block;padding: 10px 30px;border-radius: 50px;border: 1px solid #57595b;color: #57595b;}

/* caselist */
.caselist h3 {font-size: 32px;font-weight: bold;color: #000000;}
.caselist h4 {font-size: 24px;color: #000;}

/* caselist */
.caselist_ h3 {font-size: 32px;font-weight: bold;color: #000000;}
.caselist_ h4 {font-size: 24px;color: #000;}
.caselist_ hr {border-color: #0a61cb;width: 142px;border-width: 6px;margin:  10px auto;}
.caselist_ h5 {color: #000000;text-transform: uppercase;}
.caselist_ .uk-card-default {background-color: #EEEEEE;transition: .5s all;}
.caselist_ .uk-transition-toggle:hover .uk-card-default {background-color: #0a61cb;}
.caselist_ .uk-transition-toggle:hover h4 {color: #fff;}
.caselist_ .uk-transition-toggle:hover h5 {color: #fff;}

/* newslist */
.newslist h3 {font-size: 24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.newslist h5 {font-size: 16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.newslist .uk-card-default {background-color: #EEEEEE;}
.newslist .uk-card-padding {transition: .5s all;}
.newslist .uk-transition-toggle:hover .uk-card-padding {background-color: #bfbfbf;}
.newslist .uk-card-default.uk-transition-toggle:hover {box-shadow: 0px 9px 24.57px 2.43px rgba(181, 181, 180, 0.66);}
.newslist .newslist_title {padding-right: 50px;}
.newslist p {color: #6b6b6b;font-family: arial;}
.newslist .btn {background-color: #0a61cb;color: #fff;padding: 7px 25px;transition: .5s all;}
.newslist .uk-transition-toggle:hover .btn {background-color: #0a61cb;}

/* news */
.news h3 {font-size: 32px;font-weight: bold;color: #000000;}
.news p {text-indent: 32px;line-height: 1.8;}
.news p img {display: block;}

/* contact */
.contact {background-color: #eeeeee;}
.contact h4 {font-size: 32px;font-weight: bold;color: #000000;}
.contact p {color: #333;margin: 10px 0;}
.contact h3 {font-size: 24px;font-weight: bold;color: #000000;}
.contact .uk-form-horizontal .uk-form-label {width: 100px;font-size: 18px;font-weight: bold;}
.contact .uk-form-horizontal .uk-form-controls {margin-left: 115px;}
.contact button {display: inline-block;padding: 10px 30px;border: 1px solid #57595b;color: #fff;background-color: #064ca1;width: 200px;border-radius: 5px;transition: .5s all;}
.contact button:hover {background-color: #0861cc;}

/* pagination */
.pagination .page-status {display: none;}
.pagination span:not(.page-numbar) {margin: 0 8px;color: #0861cc;}
.pagination span a:not(.page-num) {color: #0861cc;position: relative;border: 1px solid #0861cc;padding:8px 10px;transition: 0.5s all;}
.pagination span a.page-num {color: #0861cc;position: relative;margin: 0 8px;padding: 8px 10px;border: 1px solid #0861cc;transition: 0.5s all;}
.pagination span a:hover,.pagination span a.page-num.page-num-current {color: #fff;background-color: #0861cc;}
.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: #0861cc;}
.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: #0861cc;width: 100%;}

/* @media */
@media screen and (max-width: 2200px) {
	
}
@media screen and (max-width: 1700px) {
	nav .uk-logo {padding: 0 15px;}
	nav .left::before {    margin-left: -15px;}
	.i_about .i_about_desc h5 {font-size: 16px;}
	.i_about .i_about_desc p span {font-size: 80px;}
	
}
@media screen and (max-width: 1500px) {
	nav .uk-navbar-nav>li>a {padding: 0 15px;}
	.i_about h3 {font-size: 24px;}
	.i_about hr  {width: 700px;}
	.i_about .i_about_desc h5 {font-size: 12px;}
	.i_about .i_about_desc p span {font-size: 60px;}
	.i_about h1 { font-size: 48px;}
	.i_prod svg {width: 50px; height: 50px;}
	.i_prod svg image {width: 50px; height: 50px;}
}
@media screen and (max-width: 1300px) {
	nav .uk-navbar-nav>li>a {font-size: 16px;}	
}
@media screen and (max-width: 960px) {
	.uk-offcanvas-bar {background: #064ca1;    width: 100%;left:100%;padding:0;}
	nav .uk-logo ,.uk-navbar-item.uk-logo{padding: 0 90px 0 15px;}
	.i_about hr  {width: 100%;border-width: 6px;}
	.i_about hr::before {width: 30%;height: 6px;}
	.i_about h2 {font-size: 20px;}
	.i_about .i_about_desc p span {font-size: 36px;}
	.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {    min-height: 80px;}
	.i_search .uk-flex {flex-wrap: wrap;}
	.i_search .uk-flex .uk-text-center {width: 100%;}
	.i_search h3 {font-size: 18px;}
	.i_search h4 { margin-bottom: 20px;}
	.i_search .uk-search-default {width: 100%;}
	.i_prod h3 {font-size: 20px;}
	.i_prod h4 {font-size: 26px;}
	.i_prod svg {width: 50px; height: 50px;}
	.i_prod svg image {width: 50px; height: 50px;}
	.i_news hr  {width: 100%;border-width: 6px;}
	.i_news hr::before {width: calc(100% - 100px);height: 6px;}
	.i_news h4 {font-size: 26px;}
	.i_news h3 {font-size: 18px;}
	.news h3 {font-size: 26px;}
	.newslist .newslist_title {padding:15px;}
	.newslist_ {margin-top: 0;}
	.productlist .prod-nav {padding: 15px;    top: -20px;}
	.productlist .prod-nav a {line-height: 40px;font-size: 16px;}
	.productlist .uk-container  { margin-top: 0px!important;}
	.productlist h5 {font-size: 16px;padding: 15px;line-height: 1;}
	.productlist .uk-grid {margin-left: -15px;}
	.productlist .uk-grid>* {padding-left: 15px;}
	.productlist .uk-grid>.uk-grid-margin {margin-top: 15px;}
	.product .prod-nav {padding: 15px;    top: -20px;}
	.product .prod-nav a {line-height: 40px;font-size: 16px;}
	.product .uk-container  { margin-top: 0px!important;}
	.caselist h3 {font-size: 24px;}
	.caselist h4 {font-size: 16px;}
	.caselist_ h3 {font-size: 24px;}
	.caselist_ h4 {font-size: 18px;}
	.caselist_ hr {width: 100px;}
	.joblist h4:not(.uk-text-center) {font-size: 18px;}
	.joblist h6 {font-size: 12px;}
	.joblist a.btn {font-size: 12px;}
	.contact .uk-card-body {padding:15px;}
	.contact .uk-form-horizontal .uk-form-controls { margin-left: 0px;}
	.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_logo img {height: 30px;}
	.i_about .i_about_logo {height: 65px;bottom: calc(100% - 30px);right: 30px;}
	.i_about h4 {font-size: 26px;;}
	.i_prod h4 {margin-bottom: 20px}
	.i_about svg {width: 20px;height: 20px;}
	.i_about svg image {width: 20px;height: 20px;}
	.i_about p {font-size: 16px;}
	.i_prod .uk-flex.uk-flex-between {flex-wrap: wrap;}
	.i_prod .uk-card-default {width: 55px;height: 55px;margin: 0 auto;}

	
	.i_prod svg {width: 20px;height: 20px;}
	.i_prod svg image {width: 20px;height: 20px;}
	.i_prod p {font-size: 16px;}
	.i_prod .line {top: 29px;width: 80%;left: 50%;transform: translateX(-50%);}
	
	
}