/* å¤–æŒ‚å­—ä½“ */
@font-face {
    font-family: 'OPPOSans';
    src: url('../font/OPPOSans.ttf');
   } 
@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat.otf');
   }  
/* å…¨å±€ */
.uk-container-expand {max-width: none;}
a:hover{text-decoration:none}
ul,li{list-style: none;}
.uk-animation-kenburns {animation-duration: 7s;}
/* ä¸»é¡µ */
/* i_nav */
.top.uk-section{background: #f4f4f4;}
.top .uk-container{padding: 10px 0;}
.top .uk-container .uk-card,.top .uk-container .uk-card a{color: #888888;font-size: 14px;line-height: 27.5px;}
.header.uk-section {background: #fff;}
.header .uk-container.uk-padding.uk-padding-remove-horizontal{padding: 20px}
.header a.uk-logo {padding-left: 0;}
.header hr.uk-divider-vertical {border-left: 4px solid #d2d2d2;width: 1px;height: 42px;margin-top: 10px;margin-right: 15px;margin-bottom: 0;}
.header h4{font-size: 14px;color: #1c2d89;margin-top: 28px;margin-bottom: 0;}
.header h6{color: #999999;}
.header p{font-size: 1rem;margin: 0;color: #1c2d89;font-weight: bold;}
.header h3.uk-margin-remove-top {font-size: 2.25rem;font-weight: bold;color: #1c2d89;font-family: Arial;}
.header .uk-navbar{background: #1c2d89;height: 105px;margin-left: 37%;}
.header .uk-navbar-item,.header .uk-navbar-nav>li>a {min-height: 105px;color: #fff;font-size: 1rem;}
.header .uk-navbar-nav>li.uk-active>a,.header .uk-navbar-nav>li>a:active{color: #fff;}
.header .uk-navbar-nav>li:hover>a,.header .uk-navbar-nav>li>a.uk-open,.header .uk-navbar-nav>li>a:focus{color: #fff;}
.uk-navbar-nav>li>a {position: relative;z-index: 1;padding: 0;}
.uk-navbar-nav>li>a::before {content: '';display: block;position: absolute;z-index: -1;bottom: 25px;height: 1px;background-color: #fff;transition: .3s ease-in-out;transition-property: background-color,border-color,box-shadow,height,left,right,opacity;left: 30%;right: calc(100% - 30%);}
.uk-navbar-nav>li>a.nav_bar::before {left: 20%;right: calc(100% - 20%);}
.header .uk-navbar-nav >li>a:hover::before{right: 30%;}
.header ul.uk-navbar-nav>li:hover,.header ul.uk-navbar-nav>li.uk-active{background-color: #1c2d89;height: 105px;}
.header ul.uk-navbar-nav>li:hover>a,.header ul.uk-navbar-nav>li.uk-active>a{font-weight: bold;}

.header .uk-navbar-dropdown{position: relative;width: 120%;background-color: #fafafa;box-shadow:none;}
.header .uk-navbar-dropdown-nav>li{height: 40px;line-height: 40px;}
.header .uk-navbar-dropdown-nav>li>a{color: #666;font-size: 15px;justify-content: center;padding: 0;transition: .2s all;}
.header .uk-navbar-dropdown-nav>li:hover,.header .uk-navbar-dropdown-nav>li.uk-active{background-color: #fefefe;}
/* .header .uk-navbar-dropdown-nav>li:hover>a,.header .uk-navbar-dropdown-nav>li.uk-active>a{color: #1c2d89;border-left: 4px #1c2d89 solid;transition: .2s all;} */
.header .uk-navbar-dropdown-nav>li>a::after{content: '';background-color: #1c2d89;height: 40px;width: 4px;transform: scaleY(0);position: absolute;left: 0;transition: all 0.5s ease;}
.header .uk-navbar-dropdown-nav>li>a:hover::after{transform: scaleY(1);}
.header .uk-search-default .uk-search-input{border-radius: 30px;height: 27px;background: #dfdfdf;}
.header .uk-search .uk-search-icon{color: #1c2d89;}

/* i_banner */
.i_banner .uk-dotnav>*>*{width: auto;height: auto;border-radius:0;border: none;overflow: auto;text-indent: inherit;color: #989aa7;background: transparent;}
.i_banner .uk-dotnav>.uk-active>*{/* background-color: #fff; *//* border: 1px solid #fff; */color: #171e44;border-bottom: 2px solid #171e44;}
/* i_about */
.i_about.uk-section-default {background: #f5f5f5;}
.i_about h1{font-size: 40px;color: #EBEBEB;text-transform: Uppercase;font-family: Arial;}
.i_about hr{/* background-color:#fff; */width: 38px;height: 10px;margin: 0px auto;border-top: 0px solid #fff; transition: .6s all;}
.i_about .uk-text-center:hover hr{height: 20px;border-top: 2px solid #fff;}
.i_about h4{font-size: 22px;margin: 10px 0;color: #1c2d89;}
.i_about h6{margin: 0 0 10px 0;}
.i_about h5{font-size: 18px;margin: 10px 0;}
.i_about .uk-overlay-default {background: #0b123cf2;transition: 0.6s all;} 
.i_about .uk-text-center:hover .uk-overlay-default{margin: 80px;}
.i_about .yuanjing.uk-text-center:hover .uk-overlay-default{margin: 40px 80px;}
/* i_product */
.i_product .uk-text-center hr{width: 30px;border-top: 3px solid #1c2d89;margin: 15px auto 40px auto;}
.i_product .uk-text-center>h2{font-size: 1.875rem;font-weight: bold;margin: 0;color: #333333;}
.i_product .uk-card.uk-card-default.imgmove {top: 0; transition: all .6s;}
.i_product .uk-card.uk-card-default.uk-card-body{box-shadow: none;height: 500px;bottom: 0;transition: all .6s;}
.i_product .uk-height-medium {height: 466px;}
.i_product a:hover .uk-card.uk-card-default.uk-card-body{bottom: 45px}
.i_product a:hover .uk-card.uk-card-default.imgmove {top: -30px; }

.i_product h4{font-size: 18px; #333333;font-weight: bold;}
.i_product a:hover h4 {color:#1c2d89;}
.i_product p{color: #777777;font-size: 14px;margin-top: 10px;transition: all .3s;line-height: 1.5;}
.i_product a:hover p{margin-top: 20px;line-height: 2;}
.i_product .uk-position-bottom-center {top: 109%;width: 180px;height: 50px;background-color: #023894;border-radius: 5px;}
.i_product .uk-slidenav{color: #ffffff80;}
.i_product .uk-slidenav:focus, .uk-slidenav:hover{color: #fff;}
.i_product svg polyline {stroke-width: 3px;}
/* i_ad */
.i_ad h2{font-size: 32px;color: #fff;}
.i_ad h1{font-size: 55px;color: #fff;font-weight: bold;}
.i_ad h4{font-size: 20px;color: #fff;border-bottom:1px solid #EEEEEE ;float: left;transform: translateX(14%);}
.i_ad span svg{margin-top: -8px;}
.i_ad {background-image: url(../image/ad_bg.jpg);}

/* i_service */
.i_service.uk-section.uk-section-default{background-image: linear-gradient(#fff, #f8f8f8);}
.i_service .uk-text-center hr{width: 30px;border-top: 3px solid #1c2d89;margin: 15px auto 40px auto;}
.i_service .uk-text-center>h2{font-size: 1.875rem;font-weight: bold;margin: 0;color: #1c2d89;}
.i_service h4{font-size: 18px;color: #666666;margin-top: 0;}
/* .i_service .uk-card.uk-card-body div img:last-child{transition: 1s;transform: rotate(0deg);}
.i_service .uk-card.uk-card-body div img:last-child:hover{transition: 1s;transform: rotate(360deg);} */
.i_service .uk-card div{overflow: hidden;}
.i_service .uk-card.imgdh .uk-card-media-top{transform: translateY(0%);transition: .5s all;}
.i_service .uk-card-media-bottom{transform: translateY(0%);transition: .5s all;position: absolute;left: 0;right: 0;}
.i_service .uk-card.imgdh:hover .uk-card-media-top{transform: translateY(-100%);transition: .5s all;}
.i_service .uk-card.imgdh:hover .uk-card-media-bottom{transform: translateY(-100%);transition: .5s all;}

/* i_coop */
.i_coop .uk-text-center hr{width: 30px;border-top: 3px solid #1c2d89;margin: 15px auto 40px auto;}
.i_coop .uk-text-center>h2{font-size: 1.875rem;font-weight: bold;margin: 0;color: #333333;}
.i_coop .uk-overlay{background: #1c2d89f2;height: 67px;}
.i_coop a .uk-card{font-size: 20px;font-weight: bold;color: #fff;line-height: 67px;padding: 0 40px;}
.i_coop a svg polyline {fill: none;stroke: #a9a9a9 !important;}
.i_coop a:hover svg polyline {fill: none;stroke: #1c2d89 !important;}
/* i_customer */
.i_customer .uk-text-center hr{width: 30px;border-top: 3px solid #1c2d89;margin: 15px auto 40px auto;}
.i_customer .uk-text-center>h2{font-size: 1.875rem;font-weight: bold;margin: 0;color: #1c2d89;}
.i_customer .uk-card{ border: 1px #eeeeee solid;}
.i_customer .uk-transition-toggle:hover .uk-transition-scale-up {opacity: 0.6;}
/* i_new */
.i_new .uk-text-center hr{width: 30px;border-top: 3px solid #1c2d89;margin: 15px auto 40px auto;}
.i_new .uk-text-center>h2{font-size: 1.875rem;font-weight: bold;margin: 0;color: #333333;}
.i_new .uk-subnav a.uk-button {padding: 0 40px;font-size: 18px;transition: .25s ease-in-out;transition-property: color,background-color,background-position,border-color,box-shadow;font-family: Barlow Semi Condensed;letter-spacing: .35px;background-origin: border-box;background-size: calc(200% + 1px);background-position-x: calc(100% + 1px);}
.i_new .uk-subnav a.uk-button-default {background-color: transparent;color: #1c2d89;border: 1px solid #1c2d89;background-image: linear-gradient(90deg,#1c2d89 50%,transparent 50%);}
.i_new .uk-subnav a.uk-button-default img{padding-left: 40px;}
.i_new .uk-subnav a.uk-button-default:hover,.i_new .uk-subnav a.uk-button-default.active {color: #fff;border-color: #1c2d89;}
.i_new .uk-subnav a.uk-button:hover ,.i_new .uk-subnav a.uk-button.active {text-decoration: none;background-position-x: 0;}
.i_new h4{font-size: 18px;color: #333333;margin: 0;transition: .3s all;position: relative;}
.i_new div a h4::before{content: "";transition: .3s all;transform: translateX(-100%);position: absolute;}
.i_new h6{color: #777777;margin-top: 10px;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
.i_new div a:hover h4{color: #1c2d89;transform: translateX(30px);}
.i_new div a:hover h4::before{content: ">>";transition: .3s all;transform: translateX(-30px);color: #1c2d89;}
.i_new .uk-card hr{margin:10px 10px 10px 0;}

.i_new .uk-float-left .uk-card {font-size: 14px;color: #999999;}
.i_new .uk-float-right .uk-card{font-size: 14px;color: #555555;}
.i_new ul li div a>.uk-card{border: 1px #EEE solid;}
.i_new .uk-card.uk-card-body{transition: .5s all;}
.i_new ul li div a .uk-card-media-top{transform: translateY(0%);transition: .5s all;}
.i_new ul li div a:hover .uk-card-media-top{transform: translateY(-100.5%);transition: .5s all;}

.i_new ul li div a:hover .uk-card.uk-card-body{transform: translateY(-120%);transition: .5s all;}
.i_new ul li div a .uk-card-media-bottom{transform: translateY(0%);transition: .5s all;position: absolute;left: 0;top: 100.5%;width: 100%;}
.i_new ul li div a:hover .uk-card-media-bottom{transform: translateY(-100.5%);transition: .5s all;}

/* footer */
.footer h6{color: #777777;margin-bottom: 0;margin-top: 10px;}
.footer hr{margin-right: 60px;}  
.footer h5{font-weight: bold;color: #333333;}
.footer p{font-size: 14px;color:#a5a5a5;margin: 0;}
.footer .uk-width-small{width: 110px;}
.footer i{background:#ffffff;width: 40px;height: 2px;display: block;}
.footer .uk-card .uk-child-width-expand{color: #ffffff;}
.footer ul.uk-list a{font-size: 16px;color: #8c8c8c;}
.footer ul.uk-list li:nth-child(n+2){margin-top: 40px;}
.footer .uk-overlay {background: #fff;padding: 40px 15px 15px;}
.footer ul.uk-list a:hover{color: #fff;}
.foot .uk-card , .foot .uk-card a{font-size: 0.875rem;color: #7e7e7e;}
.foot .uk-card a:hover{color: #fff;}
.foot hr{border-top: 1px solid #343637;}

/* banner */
.banner h2{font-size: 30px;color: #fff;font-weight: bold;}
.banner p ,.banner p a{font-size: 0.875rem;color: #fff;}
.banner hr{background: #fff; width: 30px;height: 3px;margin: 0 auto;}
.banner.uk-section{}
/* banner_nav */
.banner_nav .uk-flex.uk-flex-between {border-bottom: 1px #eeeeee solid;}
.banner_nav ul.uk-subnav{height: 60px;}
.banner_nav ul.uk-subnav li {height: 60px;padding: 0;}
.banner_nav ul.uk-subnav li a {font-size: 16px;color: #555555;margin-right: 30px;position: relative;transition: 0.3s all;}
.banner_nav ul.uk-subnav li a::before {content: '';transform: translateX(-100%);position: absolute;transition: 0.3s all;}
.banner_nav ul.uk-subnav li a:hover,.banner_nav ul.uk-subnav li.active a{transform: translateX(15px);transition: 0.3s all;color: #1c2d89;}
.banner_nav ul.uk-subnav li a:hover::before,.banner_nav ul.uk-subnav li.active a::before{content: '>';transform: translateX(-15px);transition: 0.3s all;color: #1c2d89;}

.banner_nav li.uk-divider-vertical{height: 16px;margin: 0;}
/* banner_position */
.banner_position,.banner_position a{font-size: 14px;color: #999999;line-height: 60px;padding: 0 5px;}
.banner_position svg{margin-top: -3px;margin-right: 5px;color: #1c2d89;}
/* about */
.about_1 h1{font-size: 80px;font-weight: bold;font-family: arial;}
.about_1 span{font-size: 30px;padding-left: 10px;}
.about_1 h2{font-size: 20px;margin: 20px 0;}
.about_1 hr{width: 47px;height: 2px;float: right;border-top: none;margin-top: 11px;background: #fff;margin-right: 30%;}
.about_1 .uk-card.companyab{padding-right: 8%;background: #fff;box-shadow: none;}
.about_1 article p{line-height: 1.875;color: #555555;}
.about_1 h3{font-size: 22px;font-weight: bold;color: #1c2d89;}
.about_1_ {padding-top: 140px;padding-bottom: 70px;}
.about_1_ hr{border-top: 2px  #1c2d89 solid;width: 40px;margin: 0 auto;}
.about_1_ .uk-card.uk-card-body{border: 1px  #eeeeee solid;}
.about_1_ p{color: #555555;}
.about_1_ .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover{box-shadow: none;background: #f9f9f9;}

.about_2 h2.uk-text-center{font-size: 30px;font-weight: bold;color:#1c2d89;}
.about_2 hr{border-top: 2px  #1c2d89 solid;width: 30px;margin: 0 auto;}

.about_2 .uk-card div.uk-inline-clip{position: relative;}
.about_2 .uk-card div.uk-inline-clip::before {content: "";position: absolute;bottom: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;left:50%;transform:translate(-50%);z-index: 1;}
.about_2 .uk-overlay-default {background: #1c2d89e6 ;}
.about_2 .uk-card h4{color: #fff;}
.about_2 h3{color: #555555;margin: 0;}
.about_2 span{font-size: 50px;font-family: 'OPPOSans';}
.about_2 h6{color: #666666;margin: 0;}
.about_2 .uk-card-default.uk-card-hover{box-shadow: none;border: 1px #ebebeb solid;}
.about_2 .uk-card-default.uk-card-hover:hover {box-shadow: 0 5px 15px rgba(0,0,0,.08);}
.about_2 .uk-card-default.uk-card-hover:hover h3,.about_2 .uk-card-default.uk-card-hover:hover h6{color: #1c2d89;}

.about_2 h5{font-size: 18px;color: #bbbbbb;margin-top: 0;}
.about_2 p.uk-margin-remove {padding: 0 40px;color: #fff;}
.about_2 .uk-first-column p.uk-margin-remove{padding: 0 18%;}
.about_3 h2.uk-text-center{font-size: 30px;font-weight: bold;color:#1c2d89;}
.about_3 hr{border-top: 3px  #1c2d89 solid;width: 35px;margin: 0 auto;}
.about_3 .uk-transition-toggle:hover .uk-transition-scale-up {opacity: 0.6;}
/* about1 */
.about1 h2{color: #1c2d89;/* font-family: 'OPPOSans'; */font-size: 36px;font-weight: bold;}
.about1 hr{margin:20px auto;width: 50px;border-top: 2px solid #24283c;}
.about1 .button.prev,.about1 .button.next {position: absolute;cursor: pointer;top: 4.6%;font-size: 40px;color: #1C2D89;}
.about1 .button.prev{left: 0;}
.about1 .button.next{right: 0;}
.about1 .uk-icon-button{background: #fff;border: 1px #1C2D89 solid;}
.about1 .uk-icon-button:hover{background: #1C2D89;border: 1px #1C2D89 solid;color: #fff;}
.about1 .slide_wrap  {overflow: hidden;position: relative;}
.about1 .slide_wrap ul {position: relative;left: 0px;}
.about1 .slide_wrap::before {width: 100%;height: 1px;background-color: #eeeeee;content: '';position: absolute;top: 13px;left: 0px;}
.about1 .slide_items li{float: left;font-size: 20px;width: 7.6%;text-align: center;}
.about1 .slide_items li a {display: block;}
.about1 .slide_items li span {color: #333333;font-size: 24px;display: block;}
.about1 .slide_items li div {display: inline-block;width: 16px;height: 16px;border-radius: 13px;padding: 2px;box-sizing: border-box;}
.about1 .slide_items li i{display: block;width: 10px;height: 10px;background-color: #1C2D89;;border-radius: 5px;}
.about1 .slide_items li div {display: inline-block;width: 26px;height: 26px;background-color: #1c2d894d;border-radius: 13px;padding: 8px;box-sizing: border-box;}
.about1 .slide_items li.on div {display: inline-block;width: 16px;height: 30px;background-color: #1C2D89;border-radius: inherit;padding: 0;box-sizing: border-box;background: linear-gradient(135deg, transparent 0px, #1C2D89 0) top left,linear-gradient(-135deg, transparent 0px, #1C2D89 0) top right,linear-gradient(-45deg, transparent 8px, #1C2D89 0) bottom right,linear-gradient(45deg, transparent 8px, #1C2D89 0) bottom left;background-size: 50% 50%;background-repeat: no-repeat;}
.about1 .slide-content {margin-top: 100px;}
.about1 .slide-content img{width: 100%;}
.about1 .slide-content ul {display: none;}
.about1 .slide-content ul.on {display: block;}
.about1 .slide-content h2{font-size: 36px;font-weight: bold;color:#1C2D89;}
.about1 .slide-content h2 span{font-size: 18px;font-weight: normal;}
.about1 .slide-content hr{width: 40px;border-top: 2px #1c2d89 solid;}
.about1 .slide-content p{font-size: 18px;color: #555555;margin: 0;}
.about1 .uk-card-media-left {padding-right: 80px;}
.about1 .uk-card.uk-grid-collapse::before {content: '';position: absolute;top: -70px;width: 1px;height: calc(50% - 8px  + 4px);left: 50%;background: #dddddd;margin-left: -2px;}
.about1 .uk-card.uk-grid-collapse::after{content: '';position: absolute;width: 1px;height: calc(50% - 8px + 140px);left: 50%;background: #dddddd;margin-left: -2px;top: auto;bottom: -70px;}
.about1 .uk-card-media-left::before,.about1 .uk-card-media-right::before{
    content: '';
    position: absolute;
    top: calc(50% - 68px);
    left: 50%;
    width: 12px;
    height: 12px;
    margin: -8px 0 0 -8px;
    border-radius: 50%;
    z-index: 2;
    border: 1px solid #1c2d89;
}
.about1 .uk-card-media-left::after {
    content: '';
    position: absolute;
    top: calc(50% - 70px);
    background: #1c2d89;
    left: auto;
    right: calc(50% + 7px);
    width: calc(80px - 6px);
    height: 1px;
}
.about1 .uk-card-media-right::after {
    content: '';
    position: absolute;
    top: calc(50% - 68px);
    background: #1c2d89;
    left: calc(50% + 6px);
    right: auto;
    width: calc(80px - 6px);
    height: 1px;
}
.about1 .uk-card-media-right {
    padding-left: 80px;
}
.about1 .uk-card.uk-grid-collapse:hover .about1_title::before{
    content: '';
    position: absolute;
    top: calc(50% - 63px);
    left: calc(50% + 5px);
    width: 2px;
    height: 2px;
    margin: -8px 0 0 -8px;
    border-radius: 50%;
    z-index: 2;
    border: 1px solid #1c2d89;
    background: #1c2d89;
}
.about1 P{margin:0;}
/* about2 */
.about2 p{margin: 0;padding: 20px 0;background: #f7f7f7;color: #333333;display: inline-block;    vertical-align: middle;    -webkit-transform: perspective(1px) translateZ(0);    transform: perspective(1px) translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    position: relative;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.5s;    transition-duration: 0.5s;	width: 100%;}
.about2 .uk-cover-container:hover p{color: #FFFFFF;}
.about2 p::before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #1C2D89;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.about2 .uk-cover-container:hover p::before{-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.about2 .uk-dotnav>*>* {width: 10px;height: 3px;border-radius: inherit;background: #d1d1d1;}
.about2 .uk-dotnav>.uk-active>*{width: 30px;background: #1c2d89;}
/* about3 */
.about3 h1{font-family: 'Montserrat';font-size: 30px;text-transform:uppercase;color: #1c2d89;margin: 0;}
.about3 h4{font-size: 20px;color: #333333;margin: 15px 0;font-weight: bold;}
.about3 hr{margin: 0 auto;width: 20px;border-top:1px solid #1c2d89 ;}
.about3 p{color: #666666;}
.about3 .uk-position-absolute{top: 100%;transition: .3s all;}
.about3 .uk-position-relative.uk-overflow-hidden:hover .uk-position-absolute{top: 0%;transition: .3s all;}
/* about4 */
.about4 ul.uk-list {padding: 0 40px;}
.about4 .uk-list-divider>:nth-child(n+2) {border-top: 1px solid #e8ebfb;}
/* contact */
.contact .uk-container .uk-container{padding-left: 100px;padding-right: 100px;}
.contact h3{color: #333333;}
.contact p{color: #777777;margin: 20px 0;}
.contact h5{font-weight: bold;color: #1c2d89;}
.contact h2{font-size: 26px;font-weight: bold;color: #222222;}
.contact hr{border-top: 3px solid #1c2d89;width: 38px;}
.contact .uk-card.uk-card-body{padding: 60px 40px;background: #ffffff;border: 1px solid #eeeeee;}
.contact h1{font-size: 35px;font-weight: bold;color: #1c2d89;font-family: Arial;margin: 0;}
.contact hr{width: 64px;border-top:1px solid #e3e3e3;}


/* message */
.message h2{font-size: 30px;color: #333;}
.message .uk-input,.message .uk-textarea {background: #f7f9fb;color: #999999;}
.message button.uk-button{border-radius: 5px;border: 1px solid #1c2d89;color:#fff;background: #1c2d89;margin: 0px auto;line-height: 62px;}
.message button.uk-button:hover{color:#1c2d89 ; background: #fff;}
/* caselist */
.caselist .uk-overlay{background: #1c2d89;height: 72px;padding: 0;}
.caselist p{color: #555555;line-height: 70px;border: 1px solid #EEEEEE;}
.caselist .uk-overlay p{color: #fff;border: 1px solid #1c2d89;}
.uk-modal-header {border-bottom:none;}
.uk-modal-container h6.uk-text-center {margin: 10px 0;color: #999aa4;}
.uk-modal-container .uk-modal-body p{color: #888888;}
/* videolist */
.videolist h1{font-size: 32px;color: #24283c;margin: 0 auto;}
.videolist .uk-text-center>p{font-size: 14px;color:#777777;} 
.videolist hr{border: 1px solid #24283c;width: 50px;margin: 20px auto;}
.videolist svg polygon{fill:#cc0101;}
.videolist svg {margin-top: -4px;}
/* newslist */
.newslist h4{font-size: 18px;color: #333333;margin: 20px 0;}
.newslist li:hover h4{color: #1c2d89;}
.newslist h6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color: #999999;line-height: 2;}
.newslist h5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color: #999999;line-height: 2;margin-top: 20px;}
.newslist hr{border-top: 1px solid #e3e3e3;width: 72px;}
.newslist p{color: #1c2d89;font-size: 14px;margin-top: 40px;}
.newslist li i{background: #1c2d89;width: 0px;height: 1px;display: inline-block;vertical-align: middle;transition: .6s all;margin-top: -5px;}
.newslist li:hover i{width: 40px;margin-right: 10px;}
.newslist ul li{transition: .6s all;}
.newslist ul:hover li{opacity: 0.2;transition: .6s all;}


/* news */
.news h3{font-size: 28px;color: #181d39;}
.news p.news_p{font-size: 14px;color: #999999;}
.news article p{font-size: 16px;color: #777777;line-height: 1.875;}
.news ul.uk-pagination a{font-size: 14px;border: none;padding: 0;margin: 0;}
.news ul.uk-pagination a:hover{background: #fff;color: #10448f;}
/* é€šç”¨åˆ†é¡µ */
ul.uk-pagination a{border-width: 1px;border-color:#1c2d89;border-style: solid; padding: 3px 10px;color: #333333;font-size: 14px;border-radius: 5px;margin-left: 10px;}
ul.uk-pagination a:hover,ul.uk-pagination a.page-num.page-num-current{color: #fff;background: #1c2d89;}
/* left */
.left h2,.left ul li a,.left h5,.left dl dt{padding:15px;}
.left h2{font-size: 26px;font-weight: bold;color: #fff;background: url(../image/left_bg.png) no-repeat;padding:15px;margin: 0;}
.left ul li a{font-size: 16px;color: #555555;margin-top: 2px;transition: all .5s;background: url(../image/right.png) -15px 50% no-repeat #fff;}
.left ul li a:hover,.left ul li a.active{color: #1c2d89;background: url(../image/right.png) 15px 50% no-repeat #f2f7fac2;padding-left: 40px;transition: all .5s;}
.left h5{font-size: 15px;font-weight: bold;color: #333333;background: #fff;padding-bottom: 0;}
.left dl.uk-description-list dt{font-size: 14px;color: #999999;background: #fff;margin: 0;}
.left hr{margin: 0 auto;background: #fff;}
/* productlist */
.productlist .uk-height-medium{height: 400px;}
.productlist h4{color: #333333;font-size: 18px;font-weight: bold;margin: 0;}
.productlist hr{width: 30px;border-top:1px solid #1c2d89;height: 20px;margin: 0;transition: .6s all;}
.productlist h6{color: #777777;transition: .3s all;line-height: 1.5;}
.productlist p{color: #1c2d89;font-size: 14px;}
.productlist .uk-card-default{box-shadow: none;}
.productlist .uk-position-relative .uk-card.uk-card-default.uk-card-body.uk-position-absolute{bottom: -125px;height: 250px;transition: .6s all;}
.productlist .uk-position-absolute.imgmove {top:0;transition: .6s all;}
.productlist .uk-position-relative:hover hr{height:10px;transition: .6s all;border: 0px solid #1c2d89;}
.productlist .uk-position-relative:hover .uk-position-absolute.imgmove{top:-50px;transition: .6s all;}
.productlist .uk-position-relative:hover .uk-card.uk-card-default.uk-card-body.uk-position-absolute{bottom: -5px;transition: .6s all;}
.productlist .uk-position-relative:hover h6{margin-top: 20px;line-height: 2;}
.productlist .uk-position-relative:hover h4{color:#1c2d89;}
.productlist .uk-overlay{background: #1c2d89b3;}
.productlist_ h2{font-size: 30px;font-weight: bold;color: #1c2d89;}
.productlist_ hr{border-top: 3px solid #1c2d89;width: 30px;margin: 0 auto;}
.productlist_ h4{font-size: 18px;color: #444444;margin-top: 40px;margin-bottom: 0;}
.productlist_ .uk-card.uk-padding-small{border:1px #eeeeee solid;}
/* productlist1 */
.productlist1 h2{font-size: 30px;color: #2e2e2e;}
.productlist1 h3{margin: 20px 0;color: #2e2e2e;font-weight: 300;}
/* .productlist1 hr{border-top: 3px solid #1c2d89;width: 41px;} */
.productlist1 h4{margin: 20px 0 40px 0;font-size: 18px;color: #444444;}
.productlist1 h5{color: #666666;margin-top: 20px;margin-bottom: 70px;}
.productlist1 p{color: #1e1e1e;font-size: 18px;font-weight: 300;}
.productlist1 dt{font-size: 18px;color: #4e4e4e;font-weight: 300;margin-top: 10px !important;padding-top: 10px !important;border-top: 1px #eef0fa solid !important;}
.productlist1 hr{border-top: 1px #eef0fa solid;}

/* productlist1_2 */
.productlist1_2 .uk-margin {margin-top: 0px!important;margin-bottom: 0;}
.productlist1_2 .uk-card.uk-card-body{width: 100%;}
.productlist1_2 h4{font-size: 24px;font-weight: bold;color: #1c2d89;}
.productlist1_2 p{color: #666666;}
/* productlist2 */
.productlist2 h1{font-size: 34px;font-weight: bold;color: #1d1d1f;}
.productlist2 h5{font-size: 18px;color: #555555;}
.productlist2_1 .cardimg {padding-top: 20%;}
/* productlist3 */
.productlist3 h2{font-size: 30px;color: #1d1d1f;}
.productlist3 hr{border-top: 3px solid #1c2d89;width: 41px;}
.productlist3 h5{color: #666666;margin-top: 20px;margin-bottom: 70px;line-height: 2;padding-right: 50px;}
/* productlist3_1 */
.productlist3_1 h4{font-size: 24px;color: #333;}
.productlist3_1 i{display: block;background: #1c2d89;width: 40px;height: 2px;}
.productlist3_1 hr{margin-bottom: -2px;}
.productlist3_1 p{color: #555;}
.productlist3_1 div:not(:last-child) .uk-card.uk-card-body{border-right: 1px solid #e3e3e3;}
.productlist3_1 .uk-card.uk-card-body{padding-left: 20%;padding-right: 20%;}
/* productlist4 */
.productlist4 h2{font-size: 30px;color: #1d1d1f;}
.productlist4 hr{border-top: 3px solid #1c2d89;width: 41px;}
.productlist4 h5{color: #333333;margin-top: 20px;font-weight: bold;}
.productlist4 p{color: #333333;margin-top: 20px;margin-bottom: 50px;line-height: 2;}
.productlist4 .uk-card.uk-card-body{padding: 0;}
/* productlist4_1 */
.productlist4_1 h4{font-size: 24px;color: #333;}
.productlist4_1 i{display: block;background: #1c2d89;width: 40px;height: 2px;}
.productlist4_1 hr{margin-bottom: -2px;}
.productlist4_1 p{color: #555;}
.productlist4_1 div:not(:last-child) .uk-card.uk-card-body{border-right: 1px solid #e3e3e3;}
.productlist4_1 .uk-card.uk-card-body{padding-left: 20%;padding-right: 20%;padding-top: 0;padding-bottom: 0;}
/* productlist5 */
.productlist5 .uk-clearfix{border: 1px solid #EEEEEE;}
.productlist5 h5{margin: 0;font-weight: bold;color: #1c2d89;line-height: 34px;}
.productlist5 .uk-float-left{padding-left: 40px;}
.productlist5 .uk-float-right{padding-right: 40px;}
.productlist5 .card_toggle:hover{background: #1c2d89;}
.productlist5 .card_toggle:hover h5 {color: #fff;}
/* product */
.product h3{font-size: 26px;font-weight: bold;color: #1c2d89;}
.product h6{color: #999999;margin: 10px 0 0 0;}
.product h5{font-weight: bold;color: #1c2d89;}
.product .product_tit p{font-size: 14px;color: #777777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; padding: 0;margin: 0;}
.product span{display: flex;}
.product span a{font-size: 14px;color: #777777;border: 1px #e3e3e3 solid;padding: 15px 50px;margin-top: 20px;transition: all .5s;}
.product span a:hover{background: #1c2d89;color: #fefefe;transition: all .5s;}
.product span a:last-child{background: url(../image/go_back.png) -20px 50% no-repeat; transition: all .5s;}
.product span a:hover:last-child{background: url(../image/go_back.png) 15px 50% no-repeat #1c2d89; transition: all .5s;}
.product h1{font-size: 40px;font-weight: bold;color: #1c2d89;font-family: 'bebas';letter-spacing: 7px;background: url(../image/phone.png) 0 center no-repeat;padding-left: 60px;background-size: 40px;}
.product h4{font-weight: bold;background: #1c2d89;color: #fff;width: 120px;padding: 5px 10px;border-radius: 0 30px 0 0;margin-bottom: 0;}
.product hr{margin-top: 0;}
.product ul.uk-pagination {padding: 10px 0;margin: 0;}
.product ul.uk-pagination a{border: none;padding: 0;margin: 0;}
.product ul.uk-pagination a:hover{background: #f1f1f1;color: #1c2d89;text-decoration: underline;}
/* downloadlist */
.downloadlist .uk-card{ border: 1px #ebebeb solid; height: 100%; padding: 15px; box-sizing: border-box;}
.downloadlist h4{color: #333333;font-size: 18px;font-weight: bold;margin: 0 0 10px 0;}
.downloadlist p{color: #1c2d89;font-size: 14px;}
.downloadlist a:hover h4{color: #1c2d89;}


/* joblist */
.joblist h2{color:#24283c;}
.joblist hr{margin:20px auto;width: 50px;border-top: 2px solid #24283c;}
.joblist h5{color:#ffffff;}
.joblist .joblist_tit>div>div{padding: 22px 0;background: #1c2d89;}
.joblist div:not(.uk-first-column)>div>h5 {border-left: 1px solid #ffffff;}
.joblist .joblist_>div>div{padding: 32px 0;background: #ffffff;}
.joblist .job_fuc:hover .joblist_>div>div p{color:#ffffff;}
.joblist .job_fuc:hover .joblist_>div>div{animation: changecolor 1s ease-in-out 0s 1 alternate forwards;}
.joblist span{background: #1c2d89;border-radius: 5px;}
.joblist span svg polyline{stroke-width: 2;}
.joblist .jobdesc h5{color:#333333;font-weight: bold;}
.joblist .jobdesc p{color:#666666;margin: 0;}
.joblist .jobdesc hr{width:100%;border-top: 1px solid #ebedf9;}
.joblist .jobdesc {padding: 0 60px;background: #ffffff;overflow: hidden;height: 0;transition: .6s all;}
.joblist .job_fuc:hover .jobdesc{padding: 40px 60px;height: auto;transition: 1s all;}
.joblist .jobdesc_left{padding-left:20px;}
@keyframes changecolor {
        0% {
            background: #1c2d8900;
        }
        100% {
            background: #1c2d89;
        }
    }
/* æ‰‹æœºå¯¼èˆª */
.uk-offcanvas-bar {background: #222b5d;}
.uk-offcanvas-bar hr{border-top-color: #f8f8f8;}
.uk-offcanvas-bar h5{color: #fff;font-weight: bold;margin-top: 10px;}
.uk-offcanvas-bar h6{color: #666;margin-top: 10px;}
.uk-offcanvas-bar svg line{stroke: #fff !important;}
.uk-offcanvas-bar .uk-nav-default>li>a{color: #fff;}
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-default>li>a:hover,.uk-offcanvas-bar .uk-nav-default>li.uk-active>a,.uk-light .uk-nav-default>li>a:hover,.uk-overlay-primary .uk-nav-default>li>a:focus, .uk-overlay-primary .uk-nav-default>li>a:hover,.uk-offcanvas-bar .uk-nav-default>li.uk-active>a{color: #fff;}
.uk-offcanvas-bar .bq,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a{color: #fff;font-size: 14px;}
/* å±å¹• < 640 */
@media screen and (max-width: 640px) {
.uk-navbar-right a{color:#1c2d89;}
.i_ad {background-image: none;}
.i_ad::before {content: ' ';position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background-image: url(../image/ad_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position:  center 0;}
.i_ad h1 {font-size: 24px;}
.i_ad h4 {transform: translateX(0%);border-bottom: none;}
.i_about.uk-section-default{/* background: #fff; */}
.i_about .uk-text-center:hover .uk-overlay-default {margin: 20px;}
.i_about .yuanjing.uk-text-center:hover .uk-overlay-default {margin:20px;}
.i_about .uk-card.uk-card-body {padding: 0;}
.i_about h2{font-size: 26px;margin-top: 20px;}
.i_about p {line-height: 2;margin-top: 20px;}
.i_service .uk-card.imgdh {margin: 5px !important;}
.i_new .uk-subnav a.uk-button {padding: 0 10px;}
.i_new .uk-grid>* {padding-left: 0;}
.i_new .uk-grid-medium {margin-left: 0;}
.i_product .uk-grid-small>*{padding-left: 0;}
.i_product .uk-position-bottom-center {top: 103%;}

.banner {margin-left: 0;}
.banner.uk-grid>* {padding-left: 0px;}
.banner.uk-section {padding-bottom: 0px;}
.banner_nav {margin-top: 0 !important;}
.banner_nav ul.uk-subnav {height: auto;}
.banner_nav ul.uk-subnav li {height: 40px;padding: 0;}
.banner_nav ul.uk-subnav li {border: none;    border-bottom: 1px #eeeeee solid;}
.banner_nav ul.uk-subnav li a {font-size: 16px;border-right:none;}
.banner_nav .uk-margin-small-top{margin-top: 0px!important;}
.banner_nav.uk-position-bottom{position: static !important;}
.banner_nav .uk-flex.uk-flex-center div {width: 100%;}
.banner_nav .uk-flex.uk-flex-between {border-bottom: none;}
.banner_nav .uk-flex.uk-flex-between div{width: 100%;}
.productlist1 .uk-card.uk-card-body {padding: 30px !important;}
.productlist_ h4 {font-size: 14px;margin-top: 10px;margin-bottom: 20px;}
.productlist1 h2 {font-size: 26px;}
.productlist1 h5 {margin-bottom: 20px;}
.productlist1 p{font-size: 14px;}
.productlist1_1 h1 {margin-bottom: 40px !important;}
.productlist1_1 h4 {margin-top: 0;}
.productlist2 h1 {font-size: 26px;}
.productlist2 h5 {margin-top: 20px;}
.productlist2_1 .cardimg {padding-top: 0;}
.productlist2_2 .uk-card.uk-card-body.uk-padding-remove-top {padding: 0;}
.productlist2_4 .uk-card.uk-card-body {padding: 0;}
.productlist2_5 .uk-card.uk-card-body {padding: 0;}
.productlist2_6 .uk-card.uk-card-body {padding: 0;}
.productlist2_7 .uk-card.uk-card-body {padding: 0;}
.productlist3 .uk-card.uk-card-body{padding: 0;}
.productlist3 h5 {padding-right: 0px;}
.productlist3_1 .uk-card.uk-card-body {padding: 10px 0;}
.productlist3_1 div:not(:last-child) .uk-card.uk-card-body {border-right: none;}
.productlist4_1 .uk-card.uk-card-body {padding: 10px 0;}
.productlist4_1 div:not(:last-child) .uk-card.uk-card-body {border-right: none;}
.productlist5 .uk-float-left {padding-left: 0px;}
.productlist5 .uk-float-right {padding-right: 0px;}
.about1 .button.prev, .about1 .button.next {top: 3.9%;}
.about1 .slide_wrap {margin: 0px 22px;}
.about1 .uk-grid>* {padding-left: 0;}
.about_1 .uk-card.companyab{padding: 0 0 0 30px;}
.about_1 .uk-inline h1 {font-size: 40px;}
.about_1 h2.uk-text-center {margin: 0;}
.about_1 p.uk-text-center {margin-top: 0;}
.about_1 .uk-card.uk-card-body.uk-position-right{padding: 0;position: relative !important;margin-top: 20px;}
.about_1_ {padding-top: 40px;padding-bottom: 40px;}
.about_1 hr {margin-right: 50%;}
.about1 .slide-content {margin-top: 40px;}
.about1 .slide-content ul {padding-left: 15px;}
.caselist p {line-height: 40px;}
.caselist .uk-overlay {height: 43px;}
.newslist .uk-card.uk-card-body{padding: 0;}
.newslist h4,.newslist p{margin: 0;}
.newslist h6 {line-height: 1.5;margin-top: 20px;}
.videolist .item-inside img {width: 60%;}
.news .uk-margin-auto-left {margin-left: 0!important;}
.contact .uk-container .uk-container{padding-left: 0;padding-right: 0;}
.contact .uk-position-center {left: 100%;top: 0;transform: translate(-100%,0);}
.contact .uk-position-center .uk-text-center img {width: 80%;}
.footer .uk-float-left {margin-left: 0 !important;margin-top: 20px;}
.footer .uk-float-right {margin-right: 22%;margin-top: 20px;}
.joblist .jobdesc {padding: 0 20px;}
.joblist .job_fuc:hover .jobdesc {padding: 20px;}
.joblist .jobdesc_left{padding-left:0px;}
.about1 .uk-card.uk-grid-collapse::before {content: '';position: absolute;top: -40px;width: 1px;height: calc(50% - 8px  + 76px);left: calc(100% - 9px);background: #dddddd;margin-left: -2px;}
.about1 .uk-card.uk-grid-collapse::after{content: '';position: absolute;width: 1px;height: calc(50% - 8px + -24px);left: calc(100% - 9px);background: #dddddd;margin-left: -2px;top: auto;bottom: -9px;}
.about1 .uk-card-media-left::before,.about1 .uk-card-media-right::before{
    content: '';
    position: absolute;
    top: calc(50% - -35px);
    left: calc(100% - 9px);
    width: 12px;
    height: 12px;
    margin: -8px 0 0 -8px;
    border-radius: 50%;
    z-index: 2;
    border: 1px solid #1c2d89;
}
.about1 .uk-card-media-left::after,.about1 .uk-card-media-right::after {
    content: '';
    position: absolute;
    top: calc(50% - -34.2px);
    background: #1c2d89;
    left: auto;
    right: 17px;
    width: calc(80px - 37px);
    height: 1px;
}

.about1 .uk-card-media-right {
    padding-right: 40px;
}
.about1 .uk-card.uk-grid-collapse:hover .about1_title::before{
    content: '';
    position: absolute;
    top: calc(50% - -40px);
    left: calc(100% - 4px);
    width: 2px;
    height: 2px;
    margin: -8px 0 0 -8px;
    border-radius: 50%;
    z-index: 2;
    border: 1px solid #1c2d89;
    background: #1c2d89;
}
.about1 .uk-card-media-left {
    padding-right: 40px;
}
.about1 .uk-card.uk-card-body {
    padding-right: 70px;
    padding-top: 10px;
    height: 178px;
    padding-left: 0;
}
.about4 ul.uk-list {
    padding: 0;
}
}
/* 640 < å±å¹• < 960 */
@media screen and (min-width: 640px)  and (max-width: 960px) {
}

/* 960 < å±å¹• < 1200 */
@media screen and (min-width: 960px)  and (max-width: 1200px) {

}

/* 1200 < å±å¹• < 1600*/
@media screen and (min-width: 1200px)  and (max-width: 1600px) {
.banner.uk-grid {margin-left: 0;}
.banner.uk-grid>* {padding-left: 0;}

}

/* å±å¹• > 1600 */
@media screen and (min-width: 1600px) and (max-width: 2000px){
.banner.uk-grid {margin-left: 0;}
.banner.uk-grid>* {padding-left: 0;}
}

/* å±å¹• > 2000 */
@media screen and (min-width: 2000px){
.banner.uk-grid {margin-left: 0;}
.banner.uk-grid>* {padding-left: 0;}
}

@media screen and (min-width: 1440px){
	.uk-container{ max-width: 1280px; }
	
}
