@charset "utf-8";
/*.up{background:#000; height: 36px; line-height: 36px; padding:0px; font-size: 12px;}
.up .lang{float: right;}
.up .lang a{margin-left: 10px; color: #ccc;}
.up  a{color: #ccc;}
.up  a:hover{ color: #fff;}
.up .lang img{width: 16px;}
.up .uk-dropdown{padding: 10px;min-width: 160px;}
.up .uk-nav>li>a{padding: 0; margin-left:0; line-height: 28px; color: #666; padding: 0 5px;}
.up .uk-nav>li>a:hover{color: #203e80 !important; background: #eee;}
.up .uk-margin-small-right{margin-right: 0px !important;}*/
.lang.yy img{width: 16px; vertical-align: middle; margin-top: -4px;}
.lang.yy a{display: block; padding: 5px 0; font-size: 14px;}
.uk-tooltip {padding: 0px 6px 3px 6px;}



.title h2{font-weight: bold; color:#203e80; margin-bottom:0px;}
.title .line{margin:20px 0 0 0; width: 50px; height: 5px; background:#e6a201;}
.title .line.s{margin:0 0 20px 0;background:#fff;}
.title .line.mrl{margin-left:auto;margin-right:auto;}

.title.lc h6,.title.lc h4{color:#ccc;}
.title.lc h4{letter-spacing:4px;}
.title.lc h6{font-size:12px;}
.title.lc .line{margin: 0 0 10px 0; width: 30px; height:3px; background:#ccc;}
.withe{ color:#fff;}

.header .uk-navbar-nav>li.nav-txt>a.lang{width: 20px;width: 20px; vertical-align: middle;}
.header .uk-navbar-nav>li.nav-txt>a.lang.cn{background: url(../images/cn.png) no-repeat center center;background-size: 100% }
.header .uk-navbar-nav>li.nav-txt>a.lang.en{background: url(../images/en.png) no-repeat center center;background-size: 100%}

/*.header .uk-navbar{height: 80px;}*/
.header{width: 100%;transition: all 1s; border-bottom:0px solid #eee;}
.header:hover{background:rgba(255,255,255,0.95);}
.header:before{content: ""; position:absolute; width: 100%; bottom: 0; z-index: 0; height: 0px; background:#ddd; }
.header .uk-navbar-container:not(.uk-navbar-transparent) {background:inherit;}
.header .uk-logo.logo{width:385px; height:80px; transition: all 1s; background: url(../images/logo.png) no-repeat left center; background-size: 100% }
.header:hover .uk-logo.logo{background: url(../images/logo.png) no-repeat left center; background-size: 100% }
.header .uk-navbar-nav{margin-left: 40px;}
.header .uk-navbar-nav>li>a,.header .uk-navbar-toggle{min-height:80px; }
.header .uk-navbar-nav>li{ margin:0 20px; }
.header .uk-navbar-nav>li>a{padding:0;font-size: 17px;color: #333;font-family:'Arial',"Microsoft YaHei","Lucida Grande";}
.header .uk-navbar-nav>li>a:hover{color: #07427a}
.header:hover .uk-navbar-nav>li>a{color: #203e80}
.header:hover .uk-navbar-nav>li>a:hover{color: #07427a}
/* .header .uk-nav>li>a {text-align: center;} */
.header .uk-navbar-dropdown{background: initial; border-top: 0px solid #203e80; padding:0; width:140px;}
.header .uk-navbar-dropdown-nav>li>a{ border: 1px solid #eee; border-radius:0px;text-align: center; font-size: 14px; padding:10px 0; margin-bottom: 0px; background: #fff; color: #666;}
.header .uk-navbar-dropdown-nav>li>a:hover{color: #fff; background: #203e80; border: 1px solid #203e80; }

[class*=uk-dropdown-bottom] {margin-top:0px;}

/*.header .uk-navbar-nav>li>a.uk-open{color:#203e80; background: url(../images/jt.png) no-repeat center bottom;}*/
.header .uk-navbar-nav>li.uk-open>a,#layout.uk-sticky-fixed .header .uk-navbar-nav>li.uk-open>a{color:#07427a;transition: all 0.5s;}
.header .uk-navbar-nav>li.uk-open>a:before{content: ""; position:absolute; bottom: 0; height: 0px; width: 100%; background: #07427a;transition: all 0.5s;}
.header .uk-navbar-nav>li{position:relative;}
.header .uk-navbar-nav>li:hover>a:before{content: ""; position:absolute;left: 0; bottom: 0; width: 100%; background: #07427a; height: 0px;}



.header .uk-navbar-nav>li.nav-txt{margin: 0 0 0 15px;}
#layout.uk-navbar-nav>li.nav-txt>a, .header .uk-navbar-nav>li.nav-txt>a{font-size: 18px; font-weight: bold; color: #203e80}
.header .uk-navbar-nav>li.nav-txt.ml{margin-left: 50px;}
.header .uk-navbar-nav>li.nav-txt:hover>a:before{content: ""; position:absolute;left:0; bottom:0; width: 100%; background: #07427a; height: 0px;}
.header .uk-navbar-nav>li.nav-txt>a:hover{text-decoration:underline;}

/* .header .uk-navbar-nav>li>a.uk-button-text::before {
  top: 0;
  left: 0;
	border-top: 2px solid #203e80;
  border-bottom: 0px solid #203e80;
}
.header .uk-navbar-nav>li>a.uk-open::before{content: ""; position:absolute;left: 0; top: 0; height: 3px; background: #203e80;}
 */


.uk-modal-close-full{background: initial;}

#layout{position:relative; width: 100%; z-index: 10;}
#layout#headbox{position: relative; width: 100%;}
.uk-sticky-fixed{box-shadow:0px 1px 2px 2px rgba(0,0,0,0.1);}
#layout.uk-sticky-fixed .header{background:rgba(255,255,255,1);}
#layout.uk-sticky-fixed .header .uk-logo.logo{background: url(../images/logo.png) no-repeat left center; background-size: 100%}
#layout.uk-sticky-fixed .uk-navbar-nav>li>a{color: #203e80; min-height: 80px;}
#layout.uk-sticky-fixed .header .uk-logo.logo{width:380px; height:80px;}
#layout.uk-sticky-fixed .uk-navbar-nav>li>a:hover{color:#203e80;}

#layout .header .uk-navbar-dropdown-nav>li>a:hover{color: #fff; background: #203e80}
#layout .header .uk-navbar-nav>li>a.uk-open{color:#07427a;}
#layout .header .uk-navbar-nav>li>a:hover{color: #07427a}

#layout .uk-search-navbar .uk-search-input {font-size: 1rem;}
#layout .uk-navbar-toggle.search{padding-right: 0}
.header .uk-navbar-dropbar-slide{background: url(../images/nav-bgg.jpg) no-repeat center -150px #f5f5f5; background-size: 100%; box-shadow: 0 5px 7px rgba(0,0,0,.0);}


#layout.uk-sticky-fixed .up  a{color: #ccc;}
#layout.uk-sticky-fixed .up  a:hover{ color: #fff;}
.uk-sticky-fixed .up .uk-nav>li>a{color: #666!important;}

/* down-menu */
.down-menu li{margin:0px;}
.down-menu li a{display: block; font-size: 16px; height:30px; line-height: 30px; padding:0; color: #666; border-bottom: 1px solid #ddd}
.down-menu li a:hover{ color: #203e80;border-bottom: 1px solid #203e80}
.uk-grid.down-menu>.uk-grid-margin{margin-top: 10px}
[class*=uk-drop-bottom] {margin-top: 0px;}


.uk-modal-dialog{background:  rgba(0,0,0,.95)}
.uk-search-large .uk-search-input{font-size: 1.6rem; border-bottom: 1px solid #999}



.left-menu .uk-nav-parent-icon>.uk-parent>a::after{
    transform:rotate(180deg);
-ms-transform:rotate(180deg);     /* IE 9 */
-moz-transform:rotate(180deg);    /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg);  /* Opera */
}
.left-menu .uk-nav-parent-icon>.uk-parent.uk-open>a::after{
    transform:rotate(0deg);
-ms-transform:rotate(0deg);     /* IE 9 */
-moz-transform:rotate(0deg);    /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg);  /* Opera */
}
.uk-offcanvas-bar.left-menu {background: #333}
.uk-offcanvas-bar.left-menu hr{background: rgba(255,255,255,0.1);}
.uk-offcanvas-bar.left-menu .en a, .uk-offcanvas-bar.left-menu .bq, .uk-offcanvas-bar.left-menu .design a{color:rgba(255,255,255,0.4); }
.uk-offcanvas-bar.left-menu .bq,.uk-offcanvas-bar.left-menu .design a{font-size: 12px; line-height: 16px;}
#layout .header .uk-offcanvas-bar.left-menu .uk-nav>li>a{color:rgba(255,255,255,0.9); }
#layout .header:hover .uk-offcanvas-bar.left-menu .uk-nav-sub>li>a{color:rgba(255,255,255,0.6); }
#layout .header:hover .uk-offcanvas-bar.left-menu ul.uk-nav-sub {
    padding: 5px 0 5px 10px;
}
#layout .header:hover .lang.yy a{color:rgba(255,255,255,0.6); }
/*gghead*/
.header.gghead{border-bottom:0;}
.header.gghead .uk-logo.logo{background: url(../images/logo-hover.png) no-repeat left center; background-size: 100% }
.header.gghead .uk-navbar-nav>li>a,.header.gghead .sousuo a{color: #212121;}
.header.gghead .uk-navbar-nav>li>a:hover{color: #203e80}
.header.gghead .sousuo a:hover{color: #203e80}
.header.gghead .uk-navbar-nav>li>a.cur {color: #203e80;}
.uk-sticky-fixed .header{background:#fff;}



 .uk-search .uk-search-icon.sousou{background:#203e80; font-size: 12px; color: #fff}
 .uk-button-small.sousou{padding: 0 10px;line-height: 24px;}
.sousou:hover{background:#203e80; color: #fff}

/*banner*/
.banner{position: relative;background:#04091e;}

.banner .by{z-index: 2}
.banner .bg{position:absolute; width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 1}
.banner .bt-cn{font-size:3vw; font-weight: bold; line-height: 1; letter-spacing: 5px;text-shadow: 3px 4px 2px rgba(51, 51, 51, 0.5); margin-top:10px;font-family:'Arial',"Microsoft YaHei","Lucida Grande";}
.banner h6{ font-size: 24px; margin-top:30px; line-height: 1.6;text-shadow: 3px 4px 2px rgba(51, 51, 51, 0.5);}
.banner .bt-cn span,.banner .bt-en span{font-weight: bold;}
.banner .bt-x{margin-top: 10px;}
.banner .uk-position-center-left { text-align: center;}
.banner h1 span{font-weight:bold}
.banner .an{padding: 13px 40px; height: 40px;  border: 1px solid #fff;}
.banner .an span{font-size: 24px; line-height: 1; margin-left: 4px;  margin-top: -6px; vertical-align: middle;}
.banner .an:hover{border: 1px solid #07427a; background: #07427a; color: #fff;}
.uk-dotnav.dian>*>*{width: 24px;height: 4px;border-radius: 10px; border: 0; background: rgba(255,255,255,.7);}
.uk-dotnav.dian>.uk-active>*{background: #07427a}




.uk-slidenav.jiantou{width: 40px; height: 40px; line-height: 37px; text-align: center; padding:0; background:rgba(0,0,0,.5); border-radius: 100px;}
.uk-slidenav.jiantou:hover{background:#07427a;}
.uk-slidenav.jiantou svg{width: 12px; padding-top:10px;}

.uk-slidenav.jiantou.fx{width: 36px; height: 36px;line-height: 33px; border-radius: 0; background:initial; border: 1px solid #fff}
.uk-slidenav.jiantou.fx svg{width:10px;}
.uk-slidenav.jiantou.fx:hover{background:#07427a; border: 1px solid #07427a}

.gg-jt{width: 40px; height: 40px; line-height: 37px; text-align: center; padding:0; background:rgba(0,0,0,.5); border-radius: 100px;}
.gg-jt:hover{background:#1b74a8;}
.gg-jt svg{width: 12px; color: #fff;}

.ggbanner{position: relative;background:#01569A; height:500px; background-repeat: no-repeat; background-position: center; background-size:100%;}
.ggbanner .x{margin:20px 0; width: 40px; height:1px; background:#fff;}
.ggbanner .biaoyu .cn{font-size:40px; margin-bottom:0px;}
.ggbanner h3{line-height: 26px; margin-top: 10px;}
.ggbanner .by{z-index: 10}
.ggbanner img{ width:100%; height:100%;}
.ggbanner h1, .ggbanner h2{line-height: 1.4; }


.ggbanner .adbg{position: absolute; top: 0; height: 100%; z-index:1; width: 100%; background:rgba(0,0,0,.1);}


.uk-thumbnav.lunbo-dianji li{width: 140px; }
.uk-thumbnav.lunbo-dianji .t{cursor: pointer; font-weight: bold; padding: 0 20px; color: rgba(255,255,255,0.7); border-bottom: 3px solid rgba(255,255,255,0.5);transition: all 0.5s;}
.uk-thumbnav.lunbo-dianji .t:hover{color: #fff; border-bottom: 3px solid rgba(255,255,255,0.9);}
.uk-thumbnav.lunbo-dianji .uk-active .t{ color: #203e80; border-bottom: 3px solid #203e80;}
.uk-thumbnav>*>::after{background:inherit;}

.blue-more { background:#203e80;color: #fff; padding:12px 35px; }
.blue-more:hover { background:#e6a201;color: #fff; padding:12px 35px;}
/*footer*/
/*
.footer{color:#787878; background:url(../images/foot.svg) no-repeat left 60% #f7f8f8; background-size:100%; }
.footer .ptb{padding:70px 0 140px 0;}
.footer a:hover{color: #07427a;}
.footer .uk-nav-default>li>a{line-height: 28px;}
.footer h5{color:#787878; font-weight:bold;}
.footer .tuijian a{margin-right:20px;}
*/
/*.footer .ewm img{width:90%;}*/
/*
.footer .uk-nav>li>a{padding:0 0 3px; color: #787878;}
.footer .uk-nav>li>a:hover{color: #07427a}
.footer .uk-active .f-bt{color: #787878;font-size: 16px; line-height:18px; padding-top: 0; padding-bottom:20px;}



.footer .fengxiang{margin-bottom:20px; margin-right: 5px;}
.footer .fengxiang{font-size: 16px; line-height: 30px;}
.uk-modal-dialog.fx{width:250px; border-radius: 4px;}
.footer .ewm{max-width:110px; font-size: 16px; color: #999; text-align: center;}
.footer .ewm h6{color: #999;}
.banquan{padding:15px 0;line-height:20px; background:#fff; font-size: 16px; color: #787878; border-top:1px solid #eee}
.banquan a{ color: #787878}.banquan a:hover{ color: #07427a}
*/
@media (max-width:1366px){
.header .uk-navbar-nav{margin-left: 20px;}
.ggbanner{ height:450px;}
}
@media (max-width:1280px){
.ggbanner{ height:420px;}	
}
@media (max-width:992px){
.ggbanner{ height:360px;}
}
@media (max-width:768px){
.ggbanner{ height:300px;}
}
@media (max-width:500px){
  .banquan{padding:15px 0 70px; font-size: 15px; line-height:26px; }
  .ggbanner{ height:220px;}
}

.footer { background:#0b1d2d; }
.footer .logo h1 {font-size: 0;}
.footer-wrap { /* position: relative; */}
.footer-center {float: right; width: 45%; padding: 80px 0 80px 55px;  }
.footer-center  dl{ float: left; width:33.33333337%; text-align: left; }
.footer-center  dl dt{ font-size: 20px; line-height:1.5; margin-bottom:30px; }
.footer-center  dl dd{ line-height:1.8; margin-bottom:20px; }
.footer-center  dl dt a{color: rgba(255,255,255,0.95); }
.footer-center  dl dd a{color: rgba(255,255,255,0.4);}
.footer-center  dl dd a:hover{color:#b99f7a;}
.footer-right {float: left;width: 10%; min-height: 300px;  border-right: 1px solid; border-color:rgba(255,255,255, 0.1);padding-right:50px; padding-top: 80px; padding-bottom: 80px; color: #fff; }
.footer-right .footer-info .f_logo{ margin-bottom: 34px; }
.footer-right .footer-info .f_logo img{ max-width: 100%;}
.footer-right .foot_mid{ clear: both; padding-top: 30px; width: 100%; }
.foot_r {float: left;width:28%; min-height: 300px; padding: 80px 50px;border-left: 1px solid; border-color:rgba(255,255,255, 0.1);}
.foot_r .title{ font-size: 20px; line-height:1.5; margin-bottom:30px;color: rgba(255,255,255,0.95); } 
.foot_r .item{  margin-bottom:6px;color: rgba(255,255,255, 0.95);line-height:40px; }
.foot_r .item a{display:block; color: rgba(255,255,255, 0.95); line-height:1.5;  font-weight:normal; }
.foot_r .item strong{ font-size: 24px;}
 @-moz-keyframes fangda2 {0% {background-size: 92%;transform: scale(1.05);}
100% {background-size: 100%;}}
@-webkit-keyframes fangda2 {0% {background-size: 92%;transform: scale(1.05);}
100% {background-size: 100%;}}
@keyframes fangda2 {0% {background-size: 92%;transform: scale(1.05);}
100% {background-size: 100%;}}
.footer-right h4 {margin-bottom: 11px;font-size: 40px;font-family: 'DIN-std'; color: #b99f7a; background: url(../images/telll.png)no-repeat left top;padding-left: 58px;}
.footer-right p {margin-bottom: 6px;opacity: 0.5;}
.mod_service { line-height: 1.5;color: rgba(255,255,255, 0.4); padding: 15px 0 15px; text-align:center;}
.mod_service a{ color: rgba(255,255,255, 0.4); }

.footer-left dd:hover,
.footer-center dt:hover,
.footer-center dd:hover,
.footer-right dd:hover {opacity: 1;}
.foot-bottom{ border-top: 1px solid rgba(255,255,255, 0.1);  background:#0b1d2d;  padding: 10px 0; line-height: 35px;}
@media (max-width: 1459px) {
.footer-right { padding-right:40px;  }
.foot_r { padding: 80px 40px;}
.footer-center { padding: 80px 0 80px 40px;  }
.footer-right h4 {background-size: 32px;padding-left: 48px;font-size: 34px; }
.weixin-box { margin: 10px 0;}
.footer-left h4 { margin-top: 0px; font-size: 20px;}
.footer-center  dl{ width:21%; }
.footer-center  dl:last-child{width:16%;  }
}
@media (max-width: 1366px) {
.footer-right { padding-right:35px;  }
.foot_r { padding: 80px 35px;}
.footer-center { padding: 80px 0 80px 35px;  }
.footer-center  dl dd{ font-size: 17px;}
.footer .f_social .share-icon {width:48px; height:48px; line-height:48px;}
.footer .f_social .share-icon img{ width: 100%; }

}
@media (max-width: 1280px) {
.footer-right .foot_r .item{ font-size:16px; }
.footer-right .foot_r .item a{ font-size:16px; }
.footer-right { padding-right:25px;  }
.footer .f_social .share-icon {width:43px; height:43px; line-height:43px;}

}
@media (max-width: 1259px) {
.footer-info2 { float: left; float: unset;}
.footer-right h4 { background-size: 27px; padding-left: 36px; font-size: 30px;}
.footer-center  dl dt{ font-size: 20px; }}
@media (max-width: 1040px) {
.mod_service { padding: 20px 0 20px;}
}
@media (max-width: 1024px) {
.footer-right { width: 38%; padding-right:25px; padding-top: 50px; padding-bottom: 50px; color: #fff; }
.foot_r { min-height: 360px; width:62%; padding: 50px 40px; border-right: 0px solid; }
.footer-center {float: none; width:0%; display: none;}
.footer-right .foot_mid{ padding-top: 0px; }
}
@media (max-width: 767px) {
.footer-left h4 { margin-right: 10px;  margin-top: 3px;}
.footer-right { padding-bottom: 30px;  }
.foot_r {min-height: 340px; padding: 50px 30px 30px; }
.mod_service { padding: 5px 0 5px;}
.mod_service .lf,.mod_service .fr{ float: none; line-height: 35px;} 
.foot-bottom { font-size: 15px; padding: 5px 0;}
.foot_r .title{ margin-bottom:20px; } 
.foot_r .item{ margin-bottom:0px; line-height:35px; }
.footer-right .footer-info .f_logo{ margin-bottom: 24px; }
}
@media (max-width: 767px) {
.foot_r { min-height: 300px; padding: 50px 0px 30px; border-left: 0px solid; }
}
@media (max-width: 527px) {
.footer-right { width: 100%; padding-right:0px; padding-top: 30px; padding-bottom: 20px; text-align: center;}
.foot_r { min-height: auto; width:100%; padding: 20px 0px; border-right: 0px solid;  text-align: center;}
.footer-right .foot_mid{text-align: center;  margin: 0 auto; }
.footer .f_social {text-align: center; width: 160px; margin: 0 auto;  }
}



/*homecp*/
.homecp{padding:0 20px;}
.chanpin .bt{background:#f7f8f8; padding:20px; border-top:1px solid #eee;}
.chanpin .bt p{color:#888; margin-top:5px; line-height:1.4;}
.chanpin a:hover .bt h5,.chanpin a:hover .bt p{color:#203e80;}
.chanpin a:hover .uk-button{ background-color:#203e80; border:1px solid #203e80; color:#fff;transition: all 0.5s;}

.cp-nav .dh a{margin-left:20px;}
.cp-nav .dh a,.cp-nav .gd a{font-size:16px; color:#888; line-height:1;}
.cp-nav .dh a:hover,.cp-nav .gd a:hover{color:#203e80;}

.chanpin .bt.fan{padding:20px 0; border-top:0px solid #eee;}
.chanpin .bt.bs{    background: #f7f8f8;}
.chanpin.ali .alb{border:1px solid #eee;}

@media (max-width:500px){
.chanpin .bt{background:#f7f8f8; padding:20px 0px; border-top:1px solid #eee;}
}

/*leftNav*/
.leftNav {left:-3px !important;}
.leftNav .leftNav-header:after,
.leftNav .leftNav-header:before,
.leftNav li a:after,
.leftNav li a:before{display:table;content:' '}

.leftNav .leftNav-header:after,.leftNav li a:after{clear:both}
.leftNav .leftNav-header,.leftNav li a,.tabs,.user-main,.view-category,.view-category-list>li{*zoom:1}
.leftNav{position:fixed;top:40%;left:0; z-index: 1}
.leftNav.unfold .leftNav-body{left:0}
.leftNav .leftNav-body{position:absolute;left:-200px; width:200px;
    -webkit-transition:.3s cubic-bezier(.19,1,.22,1);
    -o-transition:.3s cubic-bezier(.19,1,.22,1);
    transition:.3s cubic-bezier(.19,1,.22,1);
    background:#fff;
    box-shadow: 0px 1px 2px 2px rgba(160,160,160,0.1);
}
.leftNav .leftNav_fold{position:absolute;left:0;padding:15px 7px;cursor:pointer;border-top-right-radius:4px;border-bottom-right-radius:4px;background:#248c80}
.leftNav .leftNav-header{ padding:10px 10px 10px 20px; color: #333; border-bottom:1px solid #ddd; font-size:18px; line-height: 24px;}
.leftNav .leftNav-header *{float:left; font-weight: bold;}
.leftNav .leftNav_arrow{float: right; margin-top:0px; font-size: 16px; color: #666; margin-left:7px; cursor:pointer}
.leftNav_arrow:hover{color:#203e80}


.leftNav .leftNav_icon-alert{display:inline-block;margin-right:10px;vertical-align:-3px;*display:inline;*zoom:1;*vertical-align:-1px}
.leftNav_fold div{width:26px;text-align: center; color: #fff; font-weight: bold; line-height: 1.4}
.leftNav_fold:hover div{width:26px;}


.leftNav-body .uk-accordion-title{padding:10px 20px; font-size: 16px; font-weight: bold; color: #333; border-top: 0px solid #ddd}
.leftNav-body .uk-accordion-title:hover,.leftNav-body .tt:hover{background: #f5f5f5; color: #248c80}
.leftNav-body  .uk-open>.uk-accordion-title{background:#248c80; color: #fff;}
.leftNav-body  .uk-accordion-title::before {
    content: "";
    width:16px;
    height:1.4em;
    margin-left:0px;margin-right:0px;
    float: left;
    background-image: url(../images/jt_a.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 50%
}
.leftNav-body  .uk-open>.uk-accordion-title::before {
    background-image:url(../images/jt_hover.png);
}

.leftNav-body .uk-accordion-content {margin-top: 0px;overflow-y:scroll; max-height:180px}
.leftNav-body .uk-accordion>:nth-child(n+2) { margin-top: 0px;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.leftNav-body .uk-accordion-content::-webkit-scrollbar {width:3px; height: 16px; background-color: #fff;}
/*定义滚动条轨道 内阴影+圆角*/
.leftNav-body .uk-accordion-content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #eee;
  border-radius:5px; background-color: #fff;}
/*定义滑块 内阴影+圆角*/
.leftNav-body .uk-accordion-content::-webkit-scrollbar-thumb { cursor: pointer; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
  background-color: rgba(0, 0, 0,0.1); border-radius: 0px;
}
.leftNav-body .uk-accordion-content::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, .1);}
.leftNav-body .uk-accordion-content::-webkit-scrollbar-thumb:active {background-color: rgba(0, 0, 0,  .1);}




.cpFl li{padding: 0px; border-bottom:0px solid #eee}
.leftNav-body .cpFl .uk-accordion-title.tt{font-weight: 300; padding:8px 0px 8px 35px;  border-bottom:1px solid #ddd; border-top:0}
.leftNav-body .cpFl .tt{font-weight:300; display: block; padding:8px 0px 8px 35px;  border-bottom:1px solid #ddd; border-top:0}
.leftNav-body .cpFl .uk-accordion-title::before{display: none;}
.leftNav-body .cpFl li a{font-weight:300; display: block; padding:8px 0px 8px 35px;  border-bottom:1px solid #ddd; border-top:0}
.leftNav-body .cpFl .uk-open>.uk-accordion-title,.leftNav-body .cpFl .uk-open>.tt,.leftNav-body .cpFl a.tt{ background:#fff; color: #248c80;}
.leftNav-body .cpFl .cpS{padding:10px 35px 10px; background: #eee}
.leftNav-body .cpFl .cpS a{display: block; font-size: 14px;}
.leftNav-body .cpFl .cpS a.on{color:#248c80; font-weight: bold;}

.cp-moshi {background: #eee;  padding:20px; border: 1px solid #ddd}
.cp-moshi .uk-subnav-pill>*>:first-child{ border-radius: 4px; padding:1px 10px;color: #333;transition: all 0.5s;}
.cp-moshi .uk-subnav-pill>*>:first-child:hover{background: #248c80; color: #fff;}
.cp-moshi .uk-subnav-pill>.uk-active>a{background: #248c80; color: #fff;}
.cp-moshi .uk-subnav-pill>*>span:first-child{font-weight: bold;color: #333;}
.cp-moshi .uk-subnav-pill>*>span:first-child:hover{background: #eee;color: #333;}


/* homeabout */
.homeabout  .shipin{color: #fff;transition: all 0.5s;}
.homeabout  a:hover .shipin{color: #07427a;}  

.pinpai .uk-tab{height:100%;}
.pinpai .uk-tab-left>*{height:140px;text-align:center;}
.pinpai .uk-tab-left>*>a{border-right:3px solid #eee; line-height:1; display:flex;  text-align:center; height:100%; width: 80px; padding: 0 60px;}
.pinpai .uk-tab-left>*>a:hover{color:#0089b9;}
.pinpai .uk-tab>.uk-active>a{color:#0089b9;border-color: #07427a;height:100%;text-align:center;}
.pinpai .uk-tab-left>*>a span{font-size:24px;line-height:1; align-self:center;margin:0 auto;}

.pinpai  .uk-tab-left::before {
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    border-left:0px solid #ccc;
    border-bottom: none;
}


.pinpai .pp h3,.pinpai .pp h4{font-weight:bold; color:#203e80;}
.pinpai .pp h4 span{color:#787878; margin-left:20px;}
.pinpai .pp h3 span{color:#787878; font-size:16px; margin-right:20px;margin-left:5px;}
.pinpai .pp .lb{padding-right: 50px;}



.pinpai .uk-tab-left>*>a img{ max-width:80px; margin: 0 auto;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
opacity: 0.5

}
.pinpai .uk-tab-left>*>a:hover img{opacity:1}
.pinpai .uk-tab>.uk-active>a img{filter:none;opacity:1}




/*home fazhan*/
.chuangxin .pic{ padding:30px 0; }
.chuangxin .pic .j{color: #fff}

/*homelogo*/
.homelogo .uk-slider-items>* img{height: 70px;}


/*about*/
.wenhua{}
.wenhua .whpt{padding:300px 20px;}
.wenhua .ico-wh{font-size:36px; display:block; height:60px; width:60px; line-height:60px; text-align:center; margin:0 auto 10px auto; border:2px solid #fff; border-radius:60px; }
.wenhua .ico-wh.wh1{background:#8aba29;}
.wenhua .ico-wh.wh2{background:#25ab94;}
.wenhua .ico-wh.wh3{background:#359dd1;}
.wenhua .ico-wh.wh4{background:#1c3c8d;}

.licheng{position:relative;}
.licheng::before{content: ""; position:absolute; width: 100%; z-index:-1; top: 0; height: 80%; background:#25ab94; }


/*news*/
.newslb .uk-list-striped>li:nth-of-type(odd){border-top:0px solid #e5e5e5;border-bottom:0px solid #e5e5e5;}
.newslb .uk-list-large.uk-list-striped>li{padding:30px;transition: all 0.5s;}
.newslb .uk-list-large.uk-list-striped>li:hover{background:#eee;}
.newslb .uk-list-large.uk-list-striped>li:hover h4{color:#203e80;}
.newslb a:hover .uk-button{ background-color:#fff; border:1px solid #fff; color:#203e80; transition: all 0.5s;}

/*job*/
.jobZw .job-bg{background:#fff; padding:20px;}
.jobZw .uk-accordion-title{font-size: 18px; padding-bottom:5px;}
.jobZw.sh .uk-accordion-title{font-size: 16px; padding:20px 15px;color:#203e80}
.jobZw li{border-bottom: 1px solid #eee;background:rgba(200,200,200,0.1);}
.jobZw.sh .uk-accordion>:nth-child(n+2) {margin-top:0px;}
.jobZw.sh li .uk-accordion-content {
    margin-top:0px;
}
.jobZw li h5:hover{cursor: pointer;}
.jobJs h4{font-weight: bold;}
.yaoqiu{font-size: 14px; margin-top:10px; color:#666}
.jobCs{font-size: 14px;color:#666}
.jobZw h6{margin:0;}


.jobZw .sq{margin-top:30px; overflow:hidden; border-top:1px solid #eee; padding-top:20px;}
.jobZw .sq .job-ewm{float:right; width:70px; font-size:12px; text-align:center; line-height:1;}
.jobZw .sq .shengqing:hover{color:#fff; background:#203e80; border:1px solid #203e80;}

.tijiao {
    background: #203e80;
    border: 1px solid #203e80;
}
.tijiao:hover{background: #249280;
    border: 1px solid #249280;}

/*fuwu*/
.fuwu{position:relative; padding-bottom:30px; margin-bottom:80px;}
.fuwu .text{position:absolute; bottom:0; z-index:1;}
.fuwu .text.rr{right:0;}
.fuwu .text .mc{margin-bottom:30px;}
.fuwu .text .mc h3,.fuwu .text h2.tit{ line-height:1.4;}
.fuwu .text .mc h2{color:#787878;}
.fuwu .text h2.tit{font-size:30px;}
.fuwu .text .mc.sc1 h3{color:#8ab928;}
.fuwu .text .mc.sc2 h3{color:#22a993;}
.fuwu .text .mc.sc3 h3{color:#1e4b85;}
.fuwu .text .mc.sc3 h4{color:#3390c4;}
.fuwu .text .pt{ padding:30px}
.fuwu .text .pt.zl{ padding:90px 30px}
.fuwu .text .ys1{background:#8ab928}
.fuwu .text .ys2{background:#22a993}
.fuwu .text .ys3{background:#1e4b91}
.fuwu .text .ys4{background:#3390c4}
.fuwu .text .x{margin:10px 0 30px 0; width: 30px; height:3px; background:#fff;}
.fuwu .text .x.r{margin:10px 0 30px auto;}
.fuwu .text .sj h3 span{font-size:16px;}
.fuwu .text .sj li h6{line-height:1.2;}

.fuwu .text .ico-zl{ margin-bottom:15px; height:50px; width:50px;border-radius:50px; padding:3px; background:#fff;}

.fuwu .text .ico-zl.zz{margin:0 0 15px auto;}

/* shuju 
.shuju .ico-sj{margin-bottom:10px}
.shuju li .b{border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.shuju h1.sj{font-family: 'Oswald', sans-serif; color: #203e80}
.shuju h5{margin-top:0px;}
.shuju h1, .shuju h1 .sz{font-family: 'Oswald', sans-serif;line-height: 1; font-size: 46px;}
.shuju h1 {overflow: hidden;}
.shuju h1 .sz{float: left;}
.shuju h1 .w{float: left; margin-top: 8px; font-size: 12px; display: block; border-radius: 50px; width:16px; height: 16px; line-height: 16px; padding:2px; background: #203e80; color: #fff;  text-align: center;}
.jzrq{color: #999; font-size: 12px;}

.shuju.a-sj h1, .shuju.a-sj h1 .sz{font-size: 26px;}
.shuju.a-sj h5 {font-size: 12px; line-height: 20px;margin-top:5px}
.shuju.a-sj .ico-sj img{height: 60px;}

.shuju.cg{margin-left: 50px;}
.shuju.cg .ico-sj{float: left; margin-right: 50px;}
.shuju.cg h1, .shuju.cg h1 .sz{font-size: 36px; line-height: 1}
.shuju.cg h5{margin-top:3px; font-size: 14px;}


.uk-grid.shuju>.uk-grid-margin {margin-top: 20px;}
.beizhu{font-size: 13px; color: #666}

/*home fuwu*/

.fuwu .cylb{padding:120px  0; color: #fff}
.fuwu .cylb,.fuwu .cylb h2{color: #fff}
.fuwu .cylb h2{padding-left: 20px; margin-bottom:100px; line-height: 1.5}


.fuwu .cylb .uk-tab>.uk-active>a {color: #fff;border-color: #203e80;}
.fuwu .cylb .uk-tab>*>.gd{padding-left: 25px; margin-bottom: 50px;}
.fuwu .cylb .uk-tab>.uk-active p,.fuwu .cylb .uk-tab>.uk-active .gd{display: block;}
.fuwu .cylb .uk-tab>*>.gd{display: none;}
.fuwu .cylb .uk-tab>*>p {display: none;width: 60%; color: #999; margin-bottom: 25px;  font-size: 14px; padding-left: 25px; line-height: 20px;transition: all 1s;}
.fuwu .cylb .uk-tab>*>a{margin-bottom:20px; padding:0px 20px 5px 20px; font-size: 24px; transition: all 1s;}
.fuwu .cylb .uk-tab-right>*>a {border-left: 4px solid transparent;}
.fuwu .cylb .uk-tab-right::before{border-left:0px solid #333;}

.fuwu li a{color: #fff;
    text-decoration: none;
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.fuwu li .box{position: absolute; z-index: 2;transition: all 0.5s;
    width: 100%; 
    bottom: -50px; 
    padding: 25px 0;background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 70%);
}
.fuwu li:hover .box{ bottom:0px; transition: all 0.5s;}
.fuwu li .bg{ position: absolute; z-index: 1;
    visibility: visible;
    opacity:0.1;
    height: 50%;
    width: 100%;
    content: "";
    background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);
    display: block;
    top: auto;
    bottom: 0;
}
.fuwu li:hover .bg{opacity:1; background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 70%);}
.fuwu .bt{padding: 0 30px; transition: all 0.5s;}
.fuwu .bt{ font-weight: 700; color: #fff;}
.fuwu .bt h2,.fuwu .bt h3,.fuwu .bt h2 span{ font-weight: bold;}
.fuwu .bt h5{ margin-bottom:20px;}
.fuwu .bt h4{ font-weight: bold; margin-bottom:5px;}
.fuwu .bt .gd span{color: #07427a}
/*.fuwu .bt .gd:hover{color: #07427a}*/







/*公用*/
/*subnav*/
.subnav{position: relative;z-index: 1; width: 100%;height: 55px; line-height: 55px; border-bottom: 0px solid #eee;background: #eee}
.subnav .uk-subnav>*{line-height: 55px;}
.subnav .uk-subnav>* a{color:#666;font-size: 16px; border-bottom: 0px solid #eee;}
.subnav .uk-subnav>* a:hover{border-bottom:0px solid #fff; color: #203e80;}
.subnav .uk-subnav>*.uk-active a{color: #203e80;border-bottom: 0px solid #fff;}
.subnav .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {
    border-left-color: #ccc;
}
.subnav .uk-subnav>* {flex: none; padding-left: 20px;position: relative;}
.subnav .uk-subnav {margin-left: -40px;}
.subnav .uk-subnav-divider>::before{margin-right:20px;height: 30%}





/*subnav*/
.subnav-fang{position:relative; z-index:1;border:1px solid #eee;}
.subnav-fang .uk-subnav{margin-left:0;}
.subnav-fang .uk-subnav>*{padding-left: 0px; background:#fff; width:11.1%;}
.subnav-fang .uk-subnav-pill>*>:first-child{ display:block;padding:10px 0; width:100%; font-size:16px;  transition: all 0.5s;}
.subnav-fang .uk-subnav-pill>*>:first-child:hover{background-color: #2c8d80; color:#fff;}
.subnav-fang .uk-subnav-pill>.uk-active>a{
background: -moz-linear-gradient(top, #2c8d80 0%, #203e80 100%);
  /*  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff));*/
    background: -webkit-linear-gradient(left, #2c8d80 0%,#203e80 100%);
    background: -o-linear-gradient(left, #2c8d80 0%,#203e80 100%);
    background: -ms-linear-gradient(left, #2c8d80 0%,#203e80 100%);
    background: linear-gradient(to right, #2c8d80 0%,#203e80 100%);

}
.subnav-fang .uk-subnav-pill>.uk-active>a:hover{background-color: #0067C7;}
.subnav-fang .uk-subnav-divider>::before{margin-right:0px;height: 100%}
.subnav-fang .uk-subnav>* {flex: none; padding-left: 0px;position: relative;}
.subnav-fang .uk-subnav {margin-left: -0px;}


.subnav-fang.cpxx{border:0 }
.subnav-fang.cpxx .uk-subnav>*{padding-left: 0px; background:#eee; width:33.33%;}
.subnav-fang.cpxx.uk-sticky-fixed { box-shadow: 0px 1px 2px 2px rgba(0,0,0,0);}
.subnav-fang.cpxx .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {
    border-left-color: #fff;
}
@media screen and (max-width: 1280px){
	.wenhua .whpt{padding:150px 13px;}
.wenhua .whpt h3{ font-size:22px}
}
@media screen and (max-width: 768px){
.subnav-fang .uk-subnav>*{padding-left: 0px; background:#fff; width:31.1%;}
.uk-grid-divider>*{ padding-left: 0px;}
.uk-grid-divider>:not(.uk-first-column)::before{left: 10px;}

.uk-grid-divider>:not(.uk-first-column)::before {
    border-left: 0px solid #e5e5e5;
}
.uk-grid-divider {
    margin-left: 0px;
}
.wenhua .whpt{padding: 10px 5px;}

/*
.uk-flex{display: block!important;}
.uk-grid-item-match,.uk-grid-match>*{display: block!important;flex-wrap:wrap}
.uk-grid-match .h{ width:50%; float:left;}
*/
.wenhua{ background:#fafafa; }
.wenhua .whpt{padding:100px 3px;}
.wenhua .whpt h3{ font-size:18px}
.wenhua .ico-wh{font-size:36px; display:block; height:60px; width:60px; line-height:60px; text-align:center; margin:0 auto 10px auto; border:2px solid #fff; border-radius:60px; }
.wenhua .ico-wh.wh1{background:#8aba29;}
.wenhua .ico-wh.wh2{background:#25ab94;}
.wenhua .ico-wh.wh3{background:#359dd1;}
.wenhua .ico-wh.wh4{background:#1c3c8d;}

}
/*subnav*/
/*.subnav .uk-subnav{margin-left:0;}
.subnav .uk-subnav>*{padding-left: 0px; background:rgba(0,103,199,0.7);}
.subnav .uk-subnav-pill>*>:first-child{ display:block;padding:15px 10px; font-size:16px; color:#fff; transition: all 0.5s;}
.subnav .uk-subnav-pill>*>:first-child:hover{background-color: #0067C7; color:#fff;}
.subnav .uk-subnav-pill>.uk-active>a{background-color: #047CEB;}
.subnav .uk-subnav-pill>.uk-active>a:hover{background-color: #0067C7;}
*/


.nav-collapse a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  background:#eee;
  display:block;
  font-size:16px;
  width: 100%;
  padding: 10px;
}
.nav-collapse a:hover{background: #2c8d80; color:#fff;}
.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav-collapse{ margin:0 auto;}
.nav-collapse a:active,.nav-collapse .active a {color: #fff;
 background: -moz-linear-gradient(top, #2c8d80 0%, #203e80 100%);
  /*  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff));*/
    background: -webkit-linear-gradient(left, #2c8d80 0%,#203e80 100%);
    background: -o-linear-gradient(left, #2c8d80 0%,#203e80 100%);
    background: -ms-linear-gradient(left, #2c8d80 0%,#203e80 100%);
    background: linear-gradient(to right, #2c8d80 0%,#203e80 100%);   
}
.nav-collapse ul ul a {background: #ca3716; padding-left: 2em;}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}

.gg-nav .uk-accordion-title{color: #01569A;padding:13px 0; font-size: 16px;}
.gg-nav .uk-accordion-content{margin-top:0px; padding:8px 0 20px 0; border-top: 1px solid #ddd;}
.gg-nav .mob-subnav li{border-bottom: 1px solid #eee; font-size: 14px; margin-bottom: 10px;}


.uk-lightbox{background: rgba(0,0,0,0.8);}
.uk-lightbox-toolbar{background: rgba(0,0,0,0);}

.weizi{padding:15px 0;border-bottom:1px solid #ddd; font-size: 14px; color: #999 }
.weizi a{color: #666 }.weizi a:hover{color: #203e80}

/*.title h2{font-weight:bold}*/
/*.more{position: relative;}
.more a{padding:3px 10px;}
.more a:hover{background: #203e80; color: #fff;}

.more a:visited {
    border-radius: 2px;
    background: transparent;
    border-color: #fff;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transition: all ease 0.2s;
}*/


.more{ font-size: 14px; line-height: 1;  border:1px solid #999; padding:12px 40px;}
.more:hover{padding:12px 40px; color: #fff; border:1px solid #07427a; background: #07427a }
.more span{font-size: 10px; color: #fff; vertical-align: middle; margin-top: -2px}
.more:hover span{color: #fff;}

.more1{ font-size: 16px; line-height: 1; border:1px solid #fff; padding:10px 50px;}
.more1:hover{padding:10px 50px; color: #fff; border:1px solid #07427a; background: #07427a }



.more2{border-radius: 20px;color: #07427a; font-size: 14px; line-height: 1;  border:1px solid #07427a; padding:5px 10px 5px 15px;}
.more2:hover{padding:5px 10px 5px 15px; color: #fff; background: #07427a }
.more2 span{font-size: 10px;color: #07427a; vertical-align: middle; margin-top: -2px}
.more2:hover span{color: #fff;}

.more3{border-radius: 20px;color: #fff; font-size: 14px; line-height: 1;  border:1px solid #fff; padding:5px 10px 5px 15px;}
.more3:hover{padding:5px 10px 5px 15px; color: #07427a; background: #fff }
.more3 span{font-size: 10px;color: #fff; vertical-align: middle; margin-top: -2px}
.more3:hover span{color: #fff;}




 .sxt ul li{padding:5px 0; color: #999}
.sxt ul li span{padding:5px 0; color: #999}




.top{display: block;position: fixed; bottom: 10px; right:10px; width: 35px; height: 35px; text-align: center; line-height:32px; border-radius:35px; background:rgba(0, 0, 0,0.3);font-size: 12px;color: #fff; z-index:1}  
.top:hover{color: #fff;border: 0px solid #07427a; background: #07427a;}
.text-center{ text-align: center;}

.index-profile { background: #f7f8f8;position: relative;}
#index-profile .row {font-size: 16px;height: auto;overflow: hidden;position: relative;}
.half {width: 50%;display: inline-block;background: #f7f8f8;}
.right {float: right;}
#index-profile .half {background: url(../images/indexabout.jpg) no-repeat center center; background-size: cover;}
/*#index-profile .half img {width: 100%;}
#index-profile .container {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}*/
.container {max-width: 1400px;overflow: hidden;margin: 0 auto;width: 98%;padding: 0 1%; }
#index-profile .company-gltx .left {padding-right: 30px;margin-top:40px;background: #f7f8f8;}
#index-profile .company-gltx .left  {width: 45%;  line-height:32px;}
#index-profile .company-gltx .right{width:52%;}
@media (max-width:1024px){
#index-profile .company-gltx .left  {width:100%;  line-height:32px;}
#index-profile .company-gltx .right{width:100%;}

}
  #index-profile .row.company-scsl .right {width: 42%;}
.blue-title {
  font-size: 28px;
  color: #323232;
  font-weight: normal;
  border-left: 5px solid #21BDBD;
  padding-left: 20px;
}

.mar-b-50 { margin-bottom: 50px }



.feature-head { padding: 10px 0 }
.feature-head h1 {
    /* color: #797979; */
    /* font-size: 30px; */
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 20px;
}
.feature-head p {
    color: #8a8b8b;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.f-box {
    background: #f4f4f4;
    padding: 20px;
    text-align: center;
    min-height: 210px;
    margin-bottom: 20px;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}
.f-box i {
    font-size: 50px;
    line-height: normal;
    margin-top: 40px;
    display: block;
    color: #fcb700;
}
.f-box:hover,
.f-box.active {
    background: #fcb700;
    padding: 20px;
    text-align: center;
    min-height: 210px;
    margin-bottom: 20px;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
    -webkit-transition-duration: 500ms;
    -webkit-transition-property: width, background;
    -webkit-transition-timing-function: ease;
}
.f-box:hover i,
.f-box.active i {
    font-size: 50px;
    line-height: normal;
    margin-top: 40px;
    display: block;
    color: #fff;
}
.f-box:hover h2,
.f-box.active h2 { color: #fff }
.f-box h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
}
.f-text {
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 10px;
    margin-bottom: 15px; 
}
.feature-box { margin-top: 35px;}
.feature-box > div {
  margin-bottom: 10px;
}
.feature-box .col-sm-3 {
  margin-bottom: 10px;
}
.feature-box .feature-box-heading {
  padding: 20px 10px; width:90%; margin:0 auto;
  border: 1px solid #e2e2ee; background:#fff;
}
.feature-box .feature-box-heading:hover {
  box-shadow: 2px 2px 10px #ccc;
  -webkit-box-shadow: 2px 2px 10px #ccc;
  -moz-box-shadow: 2px 2px 10px #ccc;
  -moz-ms-shadow: 2px 2px 10px #ccc;
  -moz-o-shadow: 2px 2px 10px #ccc;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: scale(1.1);
  /* transition: all 1s ease; */
}

.feature-box p.text-center {
   height:80px;
  margin: 40px auto;
}
.item1 .feature-box-heading {
  border-top: 2px solid #ffb93f;
}
.item2 .feature-box-heading {
  border-top: 2px solid #58e5ee;
}
.item3 .feature-box-heading {
  border-top: 2px solid #ff7a40;
}
.item4 .feature-box-heading {
  border-top: 2px solid #3fdab0;
}

.feature-box div.co {
   margin: auto;
  margin-top: 60px;
  display: block;
  background-repeat: no-repeat;
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
.feature-box div.co img{ max-width:100%;
}
.feature-box .feature-box-heading .co {
  /* background-position: -180px 0px; */
  background-size: contain;
}
.feature-box .feature-box-heading:hover .co {
  /* background-position: -180px 0px; */
  transform: scale(1.1);
}
.sl { background:url(../images/about.jpg) no-repeat;}
.kh.uk-section{ padding-top:0px}

.yx_logo li {
    padding: 0 24px 20px 24px;
}

.yx_logo li img {
    /* width:192px;
    height:100px; */
    width: 100%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.yx_logo li:hover img {
    transform: scale(1.2);
}

.index-pro img{ width:285px; height:238px;}
.index-pro a{text-decoration:none }
.index-pro h5{  text-align:center;}
.indexcase {background: #f7f8f8;}
.indexcase h5{ margin-bottom:0px; text-align:center;}
.kf.uk-section{ padding-top:50px;}
.banner-left.uk-position-center-left { text-align:left;}
.indexcase ul { height: 400px }
.indexcase ul li .bt1{padding:20px 0; background:#fff}
.indexcase ul li a{ text-decoration:none }
.indexcase ul li img{ width:440px; height:320px;}
.feature-box{ width:102%;}
.feature-box .fl { width:23%; margin-right:2%;  float:left;}
@media (max-width:768px){
.feature-box .fl { width:48%; margin-right:2%;  float:left;}
.feature-box p.text-center { height:100px; margin: 20px auto 30px;
}
.yx_logo li {
    padding: 0 0px 0px 15px;
}

.indexcase .uk-margin-medium-top,.homecp .uk-margin-medium-top, .yx_logo {
    margin-top: 20px !important;
}
 .foot-contact{ padding:10px 0}
 .foot-contact .fa{font-size:26px!important; margin-right:8px;}
.foot-contact h5{ margin-bottom:0px;font-size:24px!important;}
 .yx_logo.uk-grid>.uk-grid-margin {
    margin-top: 10px!important;
}
.uk-h2, h2 {
    font-size:20px;
    line-height: 1.3;
}
}
@media (max-width:468px){
.feature-box .fl { width:100%; margin-right:0px;  float:none;}	
.feature-box p.text-center { height:70px;}
}
.index-news-list .index-news-item a{display:block; text-decoration:none }
.index-news-list .index-news-item .news-data { font-weight: normal;color:#999; margin-bottom: 15px; line-height: 22px;}
.index-news-list .index-news-item h3{color:#333; margin-bottom: 15px; display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 1;overflow: hidden; }
.index-news-list .index-news-item p{color:#666; line-height: 32px;  display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden;  }
.index-news-list .index-news-item .news-thumb{position: relative;overflow: hidden;}
.index-news-list .index-news-item .news-thumb img{height:inherit;width: 100%;background: #CCC;transition: all .5s ease;transform:scale(1);}
.index-news-list .index-news-item .box{ padding: 25px 25px 30px;background: #f9f9f9;}
.index-news-list .index-news-item .newsmore{ margin-top:20px; width: 150px; }
.index-news-list .index-news-item .newsmore a{ color: #666; position: relative;}
.index-news-list .index-news-item .newsmore a:after{ position: absolute; right:10px; left: auto; width: 30px; height: 20px; top: 0px; content: ""; background: url(../images/arrow_r_2.png) no-repeat center;}
.index-news-list .index-news-item .newsmore:hover a{ color: #1d3c58; }
.index-news-list .index-news-item .newsmore:hover a:after{ background: url(../images/arrow_r_1.png) no-repeat; }
.index-news-list .index-news-item:hover .news-thumb img{transform: scale(1.1);}
.index-news-list .index-news-item:hover h3{ color:#1d3c58;}

@media screen and (max-width: 768px){
 .index-news-list .index-news-item { margin-bottom: 25px;}
.index-news-list .index-news-item .box{ padding: 15px 15px 20px; }

.listnews li h4 { font-weight: bold;color: #203e80;}

.prolist .img{ width:320px; height:270px!important;}
.prolist .img img{ width:100%; height:100%!important;}