body{font-size:14px;font-weight:normal;line-height:1.6;color:#555;}body,p{font-family:"Microsoft Yahei",Arial,"宋体",Helvetica}b,strong{font-weight:500 !important;}h1,.uk-h1,h2,.uk-h2,h3,.uk-h3,h4,.uk-h4,h5,.uk-h5,h6,.uk-h6{font-family: "Microsoft Yahei",Arial,"宋体",Helvetica;font-weight:300;color:#333;}button,a{text-shadow:none;text-shadow:none !important;}a *,button *{vertical-align:middle;}a:hover{text-decoration:none;}pre{border:none !important;}.s-bg{background:#0D1C2D !important;}.ipp-border-left{border-left:1px solid #ddd;}.ipp-bg-black{background:#000 !important;}.ipp-bg-white{background:#fff !important;}.ipp-bg-pink{background:#ffb2c0 !important;}.ipp-bg-gray{background:#666 !important;}.ipp-text-white{color:#fff !important;}.ipp-text-black{color:#303030 !important;}.ipp-text-pink{color:#ffb2c0 !important;}.ipp-text-gray{color:#666 !important;}.uk-text-primary{color:#1e87f0 !important;}.uk-text-success{color:#67c23a !important;}.uk-text-danger{color:#da314b !important;}.uk-navbar{border:1px solid transparent !important;border-radius:0!important;background:#0D1C2D !important;padding:9px 0  !important;}.uk-navbar-nav>li>a{border:none !important;text-shadow:none !important;color:#fff !important;}.uk-navbar-nav>li.uk-open>a,.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a:focus{background:none !important;}.uk-dropdown{padding:5px 15px !important;border-radius:2px !important;}.uk-dropdown{border:none;color:#666 !important;box-shadow:0 5px 15px rgba(0,0,0,0.08) !important;}.uk-nav-dropdown>li>a:focus,.uk-nav-dropdown>li>a:hover{color:#222 !important;box-shadow:none !important;}.uk-nav li a{padding:10px 15px;color:#999;}.uk-nav li a:hover,.uk-nav li a:focus{background:none;color:#666;box-shadow:none !important;}.uk-nav li.uk-active a{color:#222;}.uk-nav-sub li a{padding:5px 15px;color:#ccc;}.uk-subnav-pill>*>*{border-radius:2px !important;}.uk-subnav>*>*{padding:8px 20px !important;}.uk-subnav>*>:focus,.uk-subnav>*>:hover{color:#666;text-decoration:none;border-radius:2px !important;background:none !important;border:none !important;}.uk-subnav>.uk-active>*{color:#07d;}.uk-subnav-pill>.uk-active>*{border-radius:2px !important;box-shadow:none !important;ba.index_about_textckground:#419DF7 !important;color:#fff !important;}.uk-button{border-radius:2px !important;text-shadow:none !important;padding:0 20px;color:#444;min-height:36px;height:36px;line-height:36px;border:none;}.uk-button-auto{padding-left:0 !important;padding-right:0!important;}.uk-button-primary{color:#fff !important;background:#1e87f0 !important;border-color:#1e87f0 !important;box-shadow:none !important;}.uk-button-primary:hover,.uk-button-primary:focus{background-color:#0f7ae5 !important;color:#fff!important;}.uk-button-primary:active,.uk-button-primary.uk-active{background-color:#0e6dcd!important;color:#fff!important;}.uk-button-success{color:#fff!important;background:#67c23a;border-color:#67c23a!important;}.uk-button-success:focus,.uk-button-success:hover{color:#fff;box-shadow:none !important;}.uk-button-success.uk-active,.uk-button-success:active{bcolor:#fff;box-shadow:none !important;}.uk-button-danger{color:#fff!important;border-color:#da314b;}.uk-button-danger:focus,.uk-button-danger:hover{color:#fff;box-shadow:none !important;}.uk-button-danger.uk-active,.uk-button-danger:active{color:#fff;box-shadow:none !important;}.ipp-button-black{background:#000 !important;color:#fff !important;}.uk-button:disabled{background:#f4f4f4 !important;color:#333 !important;}.uk-button:disabled:hover{background:#f4f4f4 !important;}.uk-button-small{min-height:23px;height:23px !important;line-height:23px !important; padding: 0 10px !important;font-size: 12px !important;}.uk-button-mini{padding:0 6px !important;min-height:18px;height:18px !important;line-height:18px !important;font-size:11px;}.ipp-round{border-radius:20px !important;}.uk-pagination>li>a,.uk-pagination>li>span{border-radius:2px;padding: 3px 5px 4px !important;}.uk-pagination>li>a{background:#fff;color:#444;}.uk-pagination>li>a:focus,.uk-pagination>li>a:hover{background-color:none;color:#666}.uk-pagination>li>a.active{background-color:#eee;color:#444}.uk-pagination>.uk-active>span{background:#00a8e6;color:#fff;border-color:transparent;}.uk-tab>li>a{color:#666;border:none !important;}.uk-tab>li.uk-open>a,.uk-tab>li>a:focus,.uk-tab>li>a:hover{color:#059;outline:0;background:none !important;}.uk-tab>li.uk-active>a{border:none;border-bottom:2px solid #1e87f0 !important;color:#1e87f0;background:none !important;}.uk-tab>li.uk-open>a,.uk-tab>li>a:focus,.uk-tab>li>a:hover{background:none !important;}.uk-table td,.uk-table th{padding:8px 8px;border-bottom:1px solid #eee !important;}.uk-table-hover tbody tr:hover{background:#f9f9f9 !important;}.uk-table-line th,.uk-table-line td{border:1px solid #eee !important;}.uk-offcanvas-bar{background:#0D1C2D !important;}.uk-nav-offcanvas>li>a{color:#ccc !important;border-left:3px solid #0D1C2D  !important;text-shadow:none !important;box-shadow:none !important;padding:15px 10px 15px 20px;}.uk-nav-offcanvas{border-bottom:none !important;box-shadow:none !important;}.uk-nav-offcanvas >.uk-open>a,.uk-nav.uk-nav-offcanvas>li.uk-active>a,html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus,html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover{background:#010A15 !important;color:#fff !important;border-left-color:#167AEE !important;}.uk-nav-offcanvas .uk-nav-sub li > a:hover,.uk-nav-offcanvas .uk-nav-sub li > a:focus{color:#fff !important}.uk-form input:not([type]),.uk-form input[type=text],.uk-form input[type=password],.uk-form input[type=email],.uk-form input[type=url],.uk-form input[type=search],.uk-form input[type=tel],.uk-form input[type=number],.uk-form input[type=datetime],.uk-form input[type=datetime-local],.uk-form input[type=date],.uk-form input[type=month],.uk-form input[type=time],.uk-form input[type=week],.uk-form input[type=color],.uk-form select,.uk-form textarea{border-color:#DCDFE6 !important;border-radius:2px !important;}.uk-form textarea{height:100px !important;line-height:22px !important;}.uk-article,.uk-article p{word-break:break-all;word-wrap:break-word;}.uk-panel-box{border-radius:2px;}.uk-panel-title{font-size:24px;line-height:1.4;}.uk-open .uk-modal-dialog{border-radius:2px !important;}.uk-modal-header,.uk-modal-footer{border:none;background:none;}.uk-modal-header{font-size:18px;}.ipp-cart-box > *{outline:none;display:inline-block;font-size:14px;vertical-align:middle;width:32px;height:32px;line-height:32px;margin-left:-1px;border:1px solid #ddd;text-align:center;box-sizing:border-box;}.ipp-cart-box span{cursor:pointer;}.uk-alert{border-radius:2px !important;}.ipp-h-subtitle{padding-left:6px;border-left:3px solid #1FA2D6;font-size:16px;line-height:16px;}.ipp-w-title{border-bottom:1px solid #ddd;}.ipp-w-subtitle{display:inline-block;border-bottom:1px solid #0e6dcd;font-size:18px;padding-bottom:8px;}.ipp-underline-text{border-bottom:1px solid #0e6dcd;color:#0e6dcd;}/*.uk-grid{margin-left:-15px !important;}.uk-grid > *{padding-left:15px !important;}*/.uk-accordion-title{padding:10px !important;background:#fff !important;margin-bottom:0 !important;border-bottom:1px solid #eee;position:relative;color:#666;}.uk-accordion-title:after,.uk-accordion-title:before{content:'';position:absolute;width:17px;border-bottom:1px solid #999;right:10px;top:50%;margin-top:-1px;}.uk-accordion-title:before{width:auto;height:16px;border-bottom:none;border-right:1px solid #999;margin-top:-8px;right:18px;}.uk-accordion-title.uk-active:before{display:none;}.uk-accordion-title.uk-active{color:#222;}.uk-accordion-title:last-child{border-bottom:none !important;}.uk-accordion-content{background:#fff !important;padding-top:15px !important;}.uk-badge-notification,.uk-badge{border:none !important;background-image:none;box-shadow:none;text-shadow:none;border:transparent;padding:1px 5px;}.uk-badge-notification{padding:0 5px !important;}.uk-badge-success,.uk-badge-warning,.uk-badge-danger{background-image:none !important;}.uk-badge-success{background:#67c23a !important;}.uk-badge-danger{background:#da314b !important;}.uk-badge-warning{background:#f9a124 !important;}
body{margin:0 auto; position: relative;font-weight:normal;}
*{transition:all .3s;box-sizing: border-box;}
a {color: #fff;font-size: 14px;text-decoration: none;text-transform: uppercase;}
a:hover{transition:all .2s; color: #000 !important;}
ul{ padding: 0; margin:0; }
li{ list-style: none; }

@-webkit-keyframes ball-scale-multiple {
  0% {
    transform: scale(0) rotate(-90deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2) rotate(90deg);
    opacity: 0;
  }
}
@keyframes ball-scale-multiple {
  0% {
    transform: scale(0) rotate(-90deg);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2) rotate(90deg);
    opacity: 0;
  }
}
.link{ display: block; }
.uk-container{ padding:0;}
.bg-white{ background:#fff !important; }
.rel{ position: relative; }
.clear{ clear: both; }
.icon{ background:url(../imgs/icon.png) no-repeat -9999px -9999px; }
.header{ padding:25px 0 15px;}
.header.abo{ right: 0; top: 0; z-index: 999999;transition:all .5s;  position:absolute; left: 0; width: 100%; top: 30px; padding:0;}
.header ul{ display: inline-block; }
.header ul li{ float: left;}
.header ul li{ width: 110px; height: 66px; position: relative; margin-right: 15px;}
.header ul li:last-child{ margin-right: 0; }
.header ul li.logo{width:200px;}
.header ul li.logo img{ width: 80%; }
.header ul li a{ display: block;height:44px; line-height: 44px;  font-size: 16px; color: #2f2f2f;}
.header ul li.active > a{background:rgba(214,21,24,.76); color: #fff !important; border-radius: 6px;} 
.header ul li .slide{ position: absolute; width: 100%; padding: 0 15px; left: 0; top: 40px; display:none;background:rgba(214,21,24,.76); border-bottom-left-radius: 6px;border-bottom-right-radius:6px; padding-bottom: 10px;}
.header ul li .slide a:first-child{border-top:2px solid #fff; padding-top: 15px;}
.header ul li .slide a{ height: auto; line-height: inherit;padding:9px 0; color: #fff;color:rgba(255,255,255,.76);border-bottom:1px solid #ddd; font-size: 14px; }
.header ul li .slide a:last-child{ border-bottom: none; }
.header ul li .slide a:hover{ color: #fff !important;color:rgba(255,255,255,1)!important;}

.index_links{ background:#d61518;  position: relative; z-index: 0; margin-top: -2px;}
.index_links .uk-container-center{ position: relative; z-index: 100; } 
.index_links .uk-h4{color: #fff !important;}
.index_links a{ padding:18px 0; }
.index_links .icon{ display: inline-block; width: 80px; height: 50px; }
.index_links .icon-1{ background-position:  5px 0; }
.index_links .icon-2{ background-position:  5px -77px; }
.index_links .icon-3{ background-position:  5px -168px;}
.index_links:before,.index_links:after{ position: absolute;width: 50%; height: 100%; top:0; z-index: 50; display: block;}
.index_links:before{ left:0; background: #e04040; }
.index_links:after{ right: 0; background: #bf2727;}
.index_links .mid{ background:#d63434; }
.uk-navbar-toggle,.uk-navbar-toggle:hover{ color: #fff !important; margin-top: -5px !important; }
.index_about_text{ padding:0 0 0 10px; }
.index_about_text .uk-h4{line-height:34px; font-size:18px; color: #3e3e3e; height:208px; overflow:hidden;}
.hd_btn{ background:#f5f5f5; color:#9f9d9d; text-align: center; padding:8px 0; display: inline-block; }


.index_about_img{ height: 100%; }
.index_about_img .checkbox{ position: absolute; right: 11px; bottom:5px;  text-align: right;}
.index_about_img .checkbox span{ display: inline-block; margin-left: 8px; cursor: pointer;border:1px solid #fff; border-radius: 3px;overflow: hidden;}
.index_about_img .checkbox span img{width:50px; height:40px;}
.index_about_img .checkbox span.curr{ border-color:#d13036;  }

.index_pro_list div{ overflow: hidden; }
.index_pro_list{ background:#f5f5f5 url(../imgs/index_pro_bg.jpg) no-repeat top center; background-size: cover;background-attachment:fixed;}
.uk-grid-collapse{ margin-left: 0 !important; }
.uk-grid-collapse>*{ padding-left: 0 !important;}
.index_pro_list h3{ color: #fff; font-size:30px;}
.index_pro_list .pro_item:hover{ cursor:pointer;}
.index_pro_list .pro_item .text div{ margin-top: 15px; }
.index_pro_list .hd_news_1{ height:100%; position:absolute; left:0;top:0; width:100%;}
.index_pro_list .hd_news_2{height:100%; position:absolute; left:0;top:0; width:100%;}
.index_pro_list .hd_news_3{height:50%; position:absolute; left:0;bottom:0; width:100%;}

.index_pro_list .hd_news_1 .hd_item .hd_panel{ padding: 30px 30px 25px; padding-right: 36%;}
.index_pro_list .hd_item{ height: 50%;font-size: 13px; }
.index_pro_list .hd_news_1 .hd_item:nth-child(2){ background:#d5dae4; }
.index_pro_list .hd_item .meta{  color: #2b2b2b; font-weight: bold; font-size: 12px; height: 30px; line-height: 30px; overflow: hidden;}
.index_pro_list .hd_item .meta_t{ margin-left:0;padding-left:15px; background:url(../imgs/do.png) no-repeat left center;  height: 22px; line-height: 22px; overflow: hidden; color:#2b2b2b;}
.index_pro_list .hd_news_1 .hd_item .iamge{ position: absolute; width: 36%; right: 20px; top: 35px; }
.index_pro_list .hd_panel .title{ padding-top: 10px; padding-bottom:0px; font-size:20px;}
.index_pro_list .hd_panel .more:hover,.index_pro_list .hd_panel .more{ display: inline-block; background: #da5253; color: #fff !important; padding:3px 10px 4px; border-radius: 3px; font-size: 12px; margin-left:30px !important;}
.index_pro_list .hd_panel .meta_b{ position: absolute; bottom: 27px; left: 0; right: 0; }
.index_pro_list .hd_news_3 .meta_b{ bottom:15px !important;}
.index_pro_list .hd_news_2 .more,.index_pro_list .hd_news_3 .more,.index_pro_list .hd_news_2 .more:hover, .index_pro_list .hd_news_3 .more:hover{ margin-left:0 !important;}

.index_pro_list .hd_news_1 .hd_item_2 .hd_panel{ padding-right: 0; }
.index_pro_list .hd_item_2 .hd_panel .title{ padding-bottom:10px; padding-top:45px;}

.index_pro_list .hd_item_2 .hd_panel .meta_b{ bottom:0 !important;}

.index_pro_list .hd_news_3 .hd_panel .title{ padding-bottom:3px;}


.hd-height-1-2{ height: 50%; }

.index_pro_list .pro_item{ position: relative; z-index: 0; }
.index_pro_list .pro_item:after{content: ''; position: absolute; left: 0; width: 100%; top: 0; background:rgba(0,0,0,.5); z-index: 400; display: none; height: 100%;}
.index_pro_list .pro_item:hover img,.index_pro_list img:hover{ transform: scale(1.1); cursor:pointer; cursor:pointer;}
.index_pro_list .pro_item:hover:after{ display: block; }
.index_pro_list .pro_item .text{ position: absolute; bottom: 40px; left: 0; width: 100%; color: #fff;z-index: 900;}
.index_pro_list .pro_item:hover .text{ bottom: 40%; }


.hd_item_arrow_1,.hd_item_arrow_2,.hd_item_arrow_3,.hd_item_arrow_4{ position: absolute; z-index: 909;}
.hd_item_arrow_1{ width: 12px; height: 22px; background:url(../imgs/arrow_1.png) no-repeat right center; top: 50%;right:0; margin-top: -11px; }
.hd_item_arrow_3{width: 12px; height: 22px; background:url(../imgs/arrow_2.png) no-repeat right center; top: 50%;left:0; margin-top: -11px; }
.hd_item_arrow_4{width: 24px; height: 12px; background:url(../imgs/arrow_3.png) no-repeat right center;  bottom:0; margin-left: -12px; left: 50%;}



.no-border{ border:none !important; }
.index_pro_list_2{ background:#f0e5d1; padding: 20px 0;}
.uk-button-danger{ background:#da5253 !important; }
.index_pro_list_2 .meta,.index_pro_list_2 .meta_t{ font-size: 12px; height: 24px; line-height: 24px; overflow: hidden; }
.imagebox{ height: 150px; line-height: 150px; position: relative; text-align: center;}
.imagebox img{ vertical-align: bottom; display: inline-block; max-width: 80%; margin-bottom: 15px;}
.video a{ display: block; width: 100%; overflow: hidden; padding-right:25px;}
.imagebox img:hover,.video a:hover img.v{ transform: scale(1.1); cursor:pointer;}
/*.index_video .index_video{ padding-right:0;}*/

.index_video .index_video h2 .title{ position: relative; display: block; font-weight: normal!important;  font-size:30px !important;}
.index_video h2 .title:after{ content:''; position: absolute; bottom: -16px; height: 4px; width:50px;background:#f00; left: 0; }
.index_video .play{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 900; cursor: pointer;}
.index_video{ overflow: hidden; background: #f7f7f7;}
.index_video span.uk-h4{ color:#888;}

.index_tab a{ display: block; /*font-weight: bold;*/ margin-right: 15px; position: relative; color: #838383; font-size:30px;}
.index_tab a:hover,.index_tab a.active{ color: #2f2f2f; }
.index_tab a:after{ position: absolute;content: ''; height: 26px; border-left: 1px solid #ddd;width: 1px; right: -15px; top:50%; margin-top: -13px; }
.index_tab a:last-child{ padding-right: 0;  margin-left:10px;}
.index_tab a:last-child:after{ display: none; }
.index_tab a.active:before{ position: absolute;content: ''; bottom: -15px; height: 4px; width:99%;background:#f00; }

.uk-news-panel{height: 100%; position: relative;}
.uk-news-panel li{ padding-left: 100px;}
.uk-news-panel li .date{ left: 0;top: 0; position: absolute; }
.uk-news-panel li .date .uk-h1{ font-size: 44px;  font-family: Arial, Helvetica, sans-serif; font-weight: 400; letter-spacing: -1px; padding-top: 12px;transform: scale(1,1.35);-ms-transform: scale(1,1.35);-webkit-transform: scale(1,1.35);-moz-transform: scale(1,1.35);-o-transform: scale(1,1.35);}
.uk-news-panel li .date .time{ border-top: 1px solid #ddd; margin-right: 5px;  margin-top: 15px; font-family:Arial, Helvetica, sans-serif; font-weight:700; font-size: 15px;padding-top: 3px; margin-right:3px;}
.uk-news-panel li h3{ margin-top: 0; margin-bottom: 5px; }
.uk-news-panel li h3 a{ color: #222222;font-size: 20px; height: 40px; line-height: 40px; display: block; overflow: hidden; font-weight:500;}
.uk-news-panel li h3 a:hover{ color: #d13434 !important; }
.uk-news-panel li .text{ height: 52px; line-height: 26px; overflow: hidden; margin-bottom: 40px; color:#666;}
.uk-news-panel .swiper-button-next, .uk-news-panel .swiper-button-prev{top:0;}
.uk-news-panel .index_tab{ position: absolute; left: 0; top: 0;  z-index: 500; }
/*.swiper-container-news-1,.swiper-container-news-2{ padding-top: 90px;}*/

.uk-news-panel .swiper-button-next,.uk-news-panel  .swiper-button-prev{ background:none !important; z-index: 800; color: #000; top: 27px;}
.uk-news-panel .swiper-button-next{ left: auto; right: 50px; }
.uk-news-panel .swiper-button-prev{ left: auto;  right:110px;}
.uk-news-panel .swiper-pagination-fraction{bottom: auto; top:1px; right:83px; width: auto; left: auto; color: #222; font-size: 16px;}
.uk-panels  .more{ position: absolute; left: auto; right: 0;  top:0px; font-size: 18px; display: block; color: #2f2f2f; font-family: Arial, Helvetica, sans-serif  ;font-weight: 500; letter-spacing:-.5px;}
.uk-news-panel .v-more{ font-size: 14px !important; }


.index_news_list .uk-panels{ position: absolute;  top:0;left: 0; right: 0;z-index: 0;background:#f7f7f7; visibility:hidden;}
.index_news_list .uk-panels.block{ z-index: 100; visibility:visible;}

.index_news_list  .swiper-container{ padding-top: 90px; box-sizing: border-box; }
/*.swiper-wrapper,.swiper-slide{ height: auto !important }*/


.index_job{ background:url(../imgs/index_job.jpg) no-repeat top center; padding-left:6%;padding-right:6%;}
.index_job .text{ color: #fff;  font-size:18px;}
.index_job .more2{ display: none; }
.index_job .more{margin-top:10px; font-size:15px;}
.index_job .more:hover{ color:#fff !important; }
.index_job .uk-h3{ font-size:22px; margin-top:10px;}
.footer{ padding-left:6%;padding-right:6%;}
.footer .uk-list{ margin-right: 30px; }
.footer .uk-list:last-child{ margin-right:0; }
.footer .uk-list li.title{ padding-bottom: 10px; font-size: 16px; color:#2f2f2f;}
.footer .uk-list a{ color: #666; padding: 5px 0; display: block;}
.footer_about .uk-width-1-2{ margin-bottom: 8px; }
.footer .footer_left{ width:100%; }
.footer .footer_left h3{ color:#222;}
.footer .footer_right{ float: left !important; }
.copyright{ background:#eeeeee; padding:12px 6%;}
.copyright span{ padding-left: 20px; }
.copyright a,.copyright a:hover{ color: #b7b7b7 !important;}
.footer_link a{ color: #fff!important; color: rgba(255,255,255,.8)!important; display: inline-block; margin-right:20px;}
.footer_link a:last-child{ margin-right: 0; }
.footer_link a:hover{ color: #fff!important; color: rgba(255,255,255,1) !important ;}
.footer_bottom{ display: none; }
.footer .footer_bottom .ewmbox{ padding: 20px 0 0; }
.footer .footer_bottom .ewmbox img{ margin-right: 15px; }
.footer .footer_bottom .ewmbox p{ margin-bottom: 7px; margin-top: 0; color: #ebebeb;}
.ewm img{ border:1px solid #ddd; }


.popbox{position:fixed; right: 0; top:0; left: 0; bottom:0; z-index: 99889;}
.popFixedNav{ position:fixed; right: 0; top:70px;  width: 140px; background:#fff; z-index: 99990; display: none;}

.popFixedNav .close{ display: block; height: 40px; border-bottom: 1px solid #ddd; background: url(../imgs/close.png) no-repeat 90% center; background-size: auto 40%; }
.popFixedNav ul{ padding: 10px 30px; }
.popFixedNav ul li{ width: 100%; }
.popFixedNav ul li a{ display: block; width: 100%; color: #333;}
.popFixedNav ul li > a{ height: 40px; line-height: 40px; font-size: 16px;}
.popFixedNav ul li .box{ display:none; width: 100%;}
.popFixedNav ul li .box a{ font-size: 12px; padding: 2px 0; border-bottom: 1px solid #ddd; text-align: center;}

.location{ background-color: #e74d52; padding:10px 0; color: #fff;}
.location_box{ width: 1200px; text-align: right;}
.location .icon-home{ display: inline-block; vertical-align: top; width:22px; height: 22px; background:url(../imgs/icon-home.png) no-repeat 2px center; }
.commbox{ width: 1200px; min-height: 500px; position: relative; padding-left:250px; padding-top:30px; padding-bottom:30px;}
.commbox .left_list_nav{ width: 196px;position: absolute; left: 0; top: 30px;}
.left_list_nav .nav_top{ height: 45px; background-repeat: no-repeat; background-position: top center;}
.left_list_nav .about_t{ background-image:url(../imgs/about_t.png); }
.commbox .left_list_nav .uk-list{ padding-top: 8px; padding-bottom: 28px; background:url(../imgs/left_nav_bg.png) no-repeat bottom center;}
.commbox .left_list_nav .uk-list li{ height: 34px; line-height: 34px; margin-bottom: 2px; border-radius: 3px;}
.commbox .left_list_nav .uk-list li a{ display:block;padding-left:25px; background:#f5f5f5 url(../imgs/nav_do.png)no-repeat 90% center; color: #4e4e4e}
.commbox .left_list_nav .uk-list li a:hover,.commbox .left_list_nav .uk-list li.active a{ color: #fff !important;  background:#e88585 url(../imgs/nav_do_cur.png)no-repeat 90% center; color: #fff}

.common_right .cate{ padding-bottom: 20px; border-bottom:4px solid #f5f5f5; padding-top: 5px;}
.common_right .cate span{ font-weight: 400; color: #434343; font-size:28px; }
.uk-article{ font-size: 16px; padding-top: 30px; line-height: 32px;}
.uk-article img{ display: block; margin:10px auto; }
.bg_gray{ background:#f5f5f5; }

.list_nav_small{ background:#f5f5f5; padding:10px 5px; position: relative; overflow-y: scroll;}
/*.list_nav_small .uk-list{ position: absolute; width: 150%; left:5px top:10px;}*/
.list_nav_small .uk-list li{ /*flex: 1;  text-align: center;  */ padding:0px; float: left;width: 20%; text-align: center;}
.list_nav_small .uk-list li a{ color: #000; font-size: 14px; display:block;overflow: hidden; height:30px; line-height: 30px; padding:0 5px;}
.list_nav_small .uk-list li.active a{background:#e74d52; color: #fff; border-radius: 3px;}
.telbox{ background:#f5f5f5 url(../imgs/tel.png)no-repeat top center; color: #fff; height: 104px; margin-top:30px !important;}
.telbox .uk-h3{ padding:55px 20px 0px 18px; color:#fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px;}
.common_right .uk-button-danger{background:#ee4949 !important;}
.common_right .uk-button-danger:hover{ color:#fff !important;}
.common_right .uk-article p{ text-indent: 32px; }
.common_right .uk-article h3 span{ color: #53bef5; font-size:24px;}


.history{ width: 80%; position: relative;}
.history .line{ position: absolute; left: 50%; width: 30px; height: 100%; top: 0; margin-left: -15px;z-index:50;}
.history .uk-list{ padding-top: 100px;position: relative; }
.history .uk-list li .box h2.uk-text-danger{ color:#f67a7a !important;}

.history .line:before{ content: '';display: block;background:url(../imgs/his_up.jpg) no-repeat top center; width: 30px; height: 16px; position: absolute; left: 50%; top: 0; margin-left: -15px; z-index: 100;}
.history .line:after{ content: '';display: block; height: 100%; width: 1px; border-left:2px solid #fed2d2; position: absolute; left: 50%; top:1px; margin-left: 0px; z-index: 0;}
.history li{ background:url(../imgs/hid_do.jpg) no-repeat top center; position: relative; z-index: 80; padding-bottom: 50px;}
.history li .box{ position: relative; }
.history li .box.text{ width: 35%; position: relative; float: left;}
.history li .box.img{width:50%; padding-left: 15%; float: right;}
.history li .box.img:after{content: ''; position: absolute; width: 50%;top: 15px; left:15px; border-bottom: 1px solid #fed2d2; z-index: 0;}
.history li .box.img img{ position: relative; z-index: 300 }
.history li.odd .box.text{ float: right;}
.history li.odd .box.img{width:50%; padding-left:0; padding-right: 15%; float: left;}
.history li.odd .box.img:after{content: ''; position: absolute; width: 50%;top: 15px; left:auto; right: 15px; border-bottom: 1px solid #fed2d2; z-index: 0;}
.history li p{ margin-bottom: 10px; margin-top: 10px;}

.honor{ min-height: 500px; margin-top: 30px;}
.honor .honnorbg{ position: absolute; width: 33%; height: 100%; background:url(../imgs/honorbg.png) no-repeat top center; background-size: 80% auto; left: 50%; top: 0; margin-left: -16.5%;}
.honor li{ float:left; width: 50%; text-align:center; padding-right: 20%; margin-bottom: 15px;}
.honor li.odd{ float:right;padding-right:0;padding-left: 20%;}
.honor li a{display: block; background-color: #f5f5f5; height: 210px; line-height: 210px;}
.honor li a img{ vertical-align: middle; max-height:184px;}
.honor li .uk-h4{  height: 30px; overflow: hidden; line-height: 30px; margin-top:5px !important;}

/*
.brand-list{ margin-top:25px !important;}
.brand-list .brand-bd {position:relative;}
.brand-list .item,.brand-list .additem {position:absolute;width:222px;background-color:#f5f5f5;top:0;left:40%;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.brand-list .hover {box-shadow:0 1px 8px rgba(200,200,200,.6);background-color:#fff;border-color:#c8c8c8}
.brand-list .additem {padding:0;width:222px;}
.brand-list .item h4 {color:#666; border-bottom: 1px solid #ddd; margin:0; height:44px; line-height: 44px;}
.brand-list .item p {margin-bottom:15px; padding-right: 15px; color: #999;}
.brand-list .item img{ width: 100% }*/


.brand-list{ margin-top:25px !important;}
.brand-list .brand-bd {position:relative;}
.brand-list .item,.brand-list .additem {position:absolute;width:222px;top:0;left:40%;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.brand-list .hover {box-shadow:0 1px 8px rgba(200,200,200,.6);background-color:#fff;border-color:#c8c8c8}
.brand-list .additem {padding:0;width:222px;}
.brand-list .item h4 {color:#666;background-color:#f5f5f5; margin:0; height:44px; line-height: 44px;}
.brand-list .item p {margin-bottom:15px; padding-right: 15px; color: #999;}
.brand-list .item img{ width: 100% }


.left_list_nav .news_t{ background-image:url(../imgs/news_t.png); }

.news_list_box{ background:#f7f7f7; padding: 10px 5px; margin-top:10px;}
.news_list_box .box{ margin-bottom: 35px; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.news_list_box .box .uk-panel{ padding:10px 0 0; background:#fff;}
.news_list_box .box img{ width: 100%; }
.news_list_box .box .uk-panel h4,
.news_list_box .box .uk-panel .text{ padding: 0 15px; height:40px; line-height:20px; overflow:hidden;}
.news_list_box .box .uk-panel h4{ height: 44px; line-height: 22px; overflow: hidden; font-size: 14px !important; font-weight: 400; color:#484848; letter-spacing:-.2px;}
.news_list_box .box .uk-panel .text{ font-size: 12px; color: #8d8d8d;}
.news_list_box .box .uk-panel .more_text{ padding:0 10px; border-top:1px solid #ddd; margin-top: 8px; height: 40px; line-height: 40px; font-size: 14px; color: #a2a2a2;}
.news_list_box .box .uk-panel .more_text span{ color:#a2a2a2;}
.news_list_box .box .uk-panel .more_text span:first-child{ color: #a2a2a2; font-size: 14px !important; line-height: 40px;}
.news_list_box .box .uk-panel .more_text span:last-child{ font-family:Arial, Helvetica, sans-serif; letter-spacing:-.2px;}

.page .uk-pagination > li >a { font-size: 12px; }
.page .uk-pagination>.uk-active>a {background: #bb1c1d !important; color: #fff; }

.uk-article-info {max-width: 1100px;}
.uk-article-info p{color:#666; line-height:32px;}
.next a{ color: #000;}
.next .uk-button{ width: 120px; text-align: center; background:#e6803f; color: #fff; position: absolute; top: 50%; margin-top: -20px; right: 0;}
.next .uk-button:hover{ color: #fff !important; }


.left_list_nav .act_t{ background-image:url(../imgs/act_t.png); }
.act_list_box{ margin-top:25px !important;}
.act_list_box .box{ padding:35px; box-shadow: 0 0 10px rgba(0,0,0,.1); padding-right:90px; position: relative;}
.act_list_box .box .imgbox{float: left; margin-right: 25px; height: 100%;}
.act_list_box .box img{ }
.act_list_box .box h4{ margin-top:7px; margin-bottom: 25px; font-size: 22px; color:#363636; height:30px; line-height:30px; overflow:hidden;}
.act_list_box .box .text{ height: 60px; line-height: 30px; overflow: hidden; color: #5f5f5f; font-size: 14px;}
.act_list_box .box .more_text{ padding-top: 25px; font-size: 14px;}
.act_list_box .box .more_text span{ font-size: 14px !important; height: 20px; line-height: 20px; padding-left: 15px;}
.act_list_box .box .more_text span.time{ padding-right: 15px; padding-left: 0; border-right: 1px solid 
#ddd; color:#5f5f5f; font-family:Arial, Helvetica, sans-serif; letter-spacing:-.5px; }
.act_list_box .box .arrow{ position: absolute; right: 0; width: 50px; height: 100%; border-left:1px solid #eee; top: 0; background:url(../imgs/arrow.png) no-repeat center; }
.act_list_box a{ display: block; margin-bottom: 25px; }


.left_list_nav .cur_t{ background-image:url(../imgs/cur_t.png); }

.curture_list_box{ background:#f6f6f6; padding: 10px 5px;}
.curture_list_box .box{ margin-bottom: 35px; box-shadow: 0 0 5px rgba(0,0,0,.2);}
.curture_list_box .box .uk-panel{ padding:15px 0 0; background:#fff;}
.curture_list_box .box img{ width: 100%; }
.curture_list_box .box .uk-panel h4,
.curture_list_box .box .uk-panel h5,
.curture_list_box .box .uk-panel .text{ padding:0 15px; font-size:14px !important;}
.curture_list_box .box .uk-panel h5{ height: 22px; line-height: 22px; overflow: hidden; font-size: 16px !important; font-weight: 400; padding-bottom: 0; margin-bottom:8px; color:#343333; letter-spacing:-.5px;}
.curture_list_box .box .uk-panel h4{ height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 15px; }
.curture_list_box .box .uk-panel .text{ height: 48px; line-height: 24px; font-size: 16px; color: #8d8d8d;padding-top: 0; overflow: hidden; margin-bottom: 25px;}
.curture-info{ padding:35px 70px; border:1px solid #ddd; margin-top: 25px !important; font-size:14px; line-height:30px; color:#666;}


.contact_t{background:url(../imgs/contact_.png);}
.map{ height: 500px; }

.job_box li{ margin-bottom:3px;}
.job_box .top{ background:#f2dddd; border:none !important; cursor: pointer; cursor: pointer;}
.job_box .top.active{ background:#d13036; }
.job_box .top span{color:#797979; font-size:14px;}
.job_box .top.active span{color:#fff;}
.job_box .content{ border:none !important; background:#fff; display: none;}
.job_box .top span.uk-h5{ font-size:12px !important;}

.search{ display: block; border:1px solid #ddd; width: 270px; padding-right: 70px; position: relative;}
.search .search_text{ height: 40px; line-height: 40px; width: 200px; border: none; padding: 0; margin: 0; outline: none; text-align: center; font-size: 14px; font-weight: normal;}
.search .search_btn{ width: 70px;border: none;height: 40px; line-height: 40px; padding: 0; margin: 0;outline: none; position: absolute; right: 0; top: 0; background:url(../imgs/search.jpg) no-repeat center; border-left:1px solid #ddd; cursor: pointer;}


.left_list_nav .pro_t{ background-image:url(../imgs/pro_t.png); }
.pro_list{ margin-top:25px !important;}
.pro_list li{ background: #f7f7f7; position: relative; margin-bottom: 30px;}
.pro_list li .image{ float: left; position: relative; z-index: 100; width:265px; margin-right:35px;}
.pro_list li .image img{ position: relative; z-index: 20; }
.pro_list li .image:before{ background: rgba(0,0,0,.2); position: absolute;content: ''; display: block; width: 100%; height: 100%; left:0; top: 0; z-index: 100;}
.pro_list li .image .text{ position: absolute; left:0;top: 0; right: 0; color: #fff; padding-top: 30px; z-index: 500;}
.pro_list li .image .text .title span{ border-bottom: 1px solid #fff; padding-bottom: 5px;}
.pro_list li .image .text h3{ color: #fff; font-size: 30px; margin-bottom:25px;}
.pro_list li .image .meta{ padding-bottom: 10px; color: #fff !important; }
.pro_list li .more{ display:block; position: absolute;left: 0;bottom:0; width: 100%; background: rgba(0,0,0,.5); color: #fff; padding: 10px 0;  text-align: center; z-index: 500;}
.pro_list li .more:hover{ color: #fff !important }

.pro_list li .list{height: 100%; position: relative; }
.pro_list li .list .t_list{ display:inline-block; margin-top:6%;}
.pro_list li .list span{ display: inline-block; height: 100%; padding:0 20px;  text-align:center;}
.pro_list li .desc{ position: absolute; background: #e86869; padding:15px 20px; border-radius: 3px; top: 25px; right: 25px; bottom:25px; width: 170px;}
.pro_list li .desc .text_desc p{ padding-left:40px; margin:0 0 10px 0; position: relative; text-align: left; color: #fff; letter-spacing:-.5px;}
.pro_list li .desc .text_desc p span{ position: absolute; left:0px; top: 0;}
.pro_list li .desc h2{ color: #fff !important; padding-top: 10px; border-bottom: 1px solid #fff; padding-bottom: 5px;}


.pro_info_box{ padding:15px;background: #f5f5f5; }
.pro_info_box .pro_top .uk-table th{ padding-top: 15px; padding-bottom: 15px; font-weight: 400;}
.pro_info_box .pro_top .uk-table th,.pro_info_box .pro_top .uk-table td{ border:1px solid #ddd; padding-left: 20px; padding-right: 20px;}
.pro_info_box .pro_top .uk-table .uk-button:hover{ color: #fff !important; }

.pro_list_box_1,.pro_list_box_1_info{  margin-top:25px !important}
.pro_list_box_1 .box{ margin-bottom: 35px; }
.pro_list_box_1 .box .imgsbox{ border:1px solid #ddd; background: #f5f5f5; height: 300px; line-height: 300px; overflow: hidden; border-radius:3px;}
.pro_list_box_1 .box .imgsbox img{ vertical-align:middle; max-height: 100%; }
.pro_list_box_1 .box h4{ height: 40px; line-height: 40px; overflow: hidden; margin-bottom: 0px;font-size:18px; color:#4e4e4e; margin-top:10px !important;}
.pro_list_box_1 a{ display: block; }
.pro_list_box_1 .box .text{ font-size: 12px; height: 40px; line-height: 20px; overflow: hidden; color:#757474;}
.pro_list_box_1 .uk-button{ width: 140px !important; display: inline-block; border:1px solid #ddd;}





.pro_list_box_1 .uk-button{ width: 100%; display: inline-block; border:1px solid #ddd;}
.pro_list_box_1_info .pro_text_con .types .meta{ display: inline-block; margin-right: 10px; background: #facd89; color: #fff; padding: 1px 10px 2px; }
.pro_list_box_1_info .pro_text_con .sup .star .tips_t{ height: 22px; display: inline-block; }
.pro_list_box_1_info .pro_text_con .sup .star_item{ width:22px; height: 22px; display: inline-block; margin-right: 8px; background: url(../imgs/star.png) no-repeat center;} 
.pro_list_box_1_info .article{ position: relative;  line-height: 26px; padding-left:90px; margin-bottom: 30px;}
.pro_list_box_1_info .article .tips{ position:absolute;  top: 0; height: 26px; line-height: 26px;  left:0;}
.pro_list_box_1_info .article .tips span{ display: inline-block; width: 70px; text-align: center; display: inline-block; background: #facd89; color: #fff; padding: 1px 10px 2px;  }


.imgbox{ height: 100%; overflow:hidden;}
.imgbox:hover img{ transform: scale(1.1); }
.contact_box{ margin-top:30px !important;}
.contact_box .text{ padding-right:35px;}
.contact_box .text h3 { margin-bottom:25px;}
.contact_box .text p{ margin:0; margin-bottom:5px;}

.uk-news-panel .swiper-button-next{ background: url(../imgs/right_a.png) no-repeat top left !important;  }
.uk-news-panel .swiper-button-prev{ background: url(../imgs/left_a.png) no-repeat top left !important; }

.pro_msg_box{ padding: 50px 35px; border-radius: 2px; border:1px solid #ddd; }
.uk-button-job,.uk-button-job:hover{ background:#d13036 !important; color: #fff !important;}

.person_file{ position: relative; }

.uk-article a{ color:#333; font-size:16px; font-weight: bolder; text-decoration: underline;}

@media (min-width: 960px) and (max-width: 1200px) {
	.index_about_text .uk-h4{ height:136px;}
  .index_pro_list .hd_news_1 .hd_item .hd_panel{padding:20px 15px 10px;}
  .index_pro_list .hd_news_1 .hd_item .hd_panel .title{ padding:0; }
  .index_pro_list .hd_news_1 .hd_item .iamge{ position: absolute; width: 25%; right: 15px; top: 35px; }
  .index_pro_list .hd_news_1 .hd_item_2 .hd_panel{ padding-right: 0; }
  .index_pro_list .hd_panel .hd_item_2 .meta_b{ bottom: 0; padding: 0; }

  .meta_t,.meta_t_2{ display: none; }
  .hd_item_2 img{ max-width: 80%; }
  .index_pro_list .ihd_item2 .hd_panel .meta_b{ bottom: 0 !important; }
  .index_video .index_video h2 .title,.index_tab  a{ font-size: 20px !important; }

  .uk-news-panel li h3{margin-bottom: 3px;}
  .uk-news-panel li h3 a{ font-size:18px; }
  .uk-news-panel li .text{ margin-bottom:10px;}
  .uk-news-panel li .date .uk-h1{ font-size: 30px; padding-top: 5px; }
  
  .footer .footer_left{ width: 100%; float: none; margin-bottom: 50px; }
  .footer .footer_right{ width: 100% ;float: none; }
  .location_box{ width: 100%; text-align: right; padding-left:15px; padding-right: 15px;}
  .commbox{ width: 100%; padding-right:15px; }
  .commbox .left_list_nav{ left: 15px; }
  .uk-container{ padding-left:15px;padding-right:15px;}

	
}

@media (min-width: 768px) and (max-width: 1024px) {
.uk-container{ padding-left:10px;padding-right:10px;}

  .header ul li{  margin-right: 10px;width: 90px;}
  .header ul li.logo{ width: 150px; }
  .header ul li .slide a,.header ul li a{ font-size: 14px; }
  
  .index_about_text .uk-h4{line-height:22px; font-size:14px; height:134px;}
  .index_about_text img{ height:80px;}
  .index_pro_list .hd_news_1 .hd_item .hd_panel .title{ padding-top: 5px;padding-bottom: 3px; }
  
  .index_pro_list .hd_news_1 .hd_item .hd_panel{ padding: 15px; padding-right: 32%;}
  .index_pro_list .hd_news_1 .hd_item .iamge{ position: absolute; width: 25%; right: 15px; top: 25px; }
  .index_pro_list .hd_news_1 .hd_item_2 .hd_panel{ padding-right: 0; }
  .meta_t,.meta_t_2{ display: none; }

  .hd_item_2 img{ max-width: 60%; }
  .index_pro_list .hd_item_2 .hd_panel .meta_b{ bottom: 0 !important; }
  .index_video .index_video h2 .title,.index_tab a{ font-size: 18px  !important; font-weight: normal !important; }

  .uk-news-panel .more{ font-size: 18px; top: 3px; }
  .uk-news-panel li h3{margin-bottom:0px; }
  .uk-news-panel li h3 a{font-size: 16px;}
  .uk-news-panel li .text{ margin-bottom:6%; line-height: 20px; height: 40px; font-size: 12px;}
  .uk-news-panel li .date .uk-h1{ font-size: 24px; padding-top: 0; }
  .uk-news-panel li .date .time{ margin-top: 5px; padding-top: 5px; }
  .index_news_list .swiper-container{ padding-top: 70px; }
  .location_box{width: 100%; padding-left:15px; padding-right: 15px; }
  .commbox{ width: 100%; padding-right:15px; }
  .commbox .left_list_nav{ left: 15px; }

  .curture_list_box .uk-width-medium-1-3,.pro_list_box_1 .uk-width-medium-1-3, .news_list_box .uk-width-medium-1-3{ width: 50% !important; }

  .act_list_box .box .imgbox{float: left; margin-right:15px; width: 180px;}
  /*.act_list_box .box img{ }*/
  .act_list_box .box .arrow{ display: none; }
  .act_list_box .box h4{ margin-bottom: 10px; font-size:20px; }
  .act_list_box .box h4 a{ font-size: 16px; }
  .act_list_box .box{ padding:15px; }

  .act_list_box .box .text{ height: 40px; line-height: 20px; }
  .act_list_box .box .more_text{padding-top: 5px; }
  .act_list_box .box .more_text span{font-size: 14px !important;}

  .pro_list li{ padding-right: 0 !important; }
  .pro_list li .image{ width: 200px; margin-right: 15px;}
  .pro_list li .image h3{ margin-bottom:10px !important;}
  .pro_list li .image .meta{ padding-bottom: 5px; }
  .pro_list li .desc{ display: none; }
  .pro_list li .list .t_list{ margin-top:3%;}
  
  .pro_info_box .pro_top .uk-width-medium-1-2{ width:100%; margin-bottom:15px;}
  .pro_list_box_1_info .top > div{width:100%;}


  .index_pro_list .hd_item_2 .hd_panel .title{padding-top: 10px;}
}



@media (max-width:960px) and (min-width:767px) {
	.uk-container{ padding-left:10px;padding-right:10px;}
  .ipp-top-24{ margin-top: 10px !important; }
  .uk-width-mid-1-5, .uk-width-mid-2-10{ width: 100%; }
  .uk-width-mid-4-5{ width: 100%; }
  .uk-width-mid-2-5,.uk-width-mid-4-10,.uk-width-mid-1-5,.uk-width-mid-2-10,.uk-width-mid-3-5,.uk-width-mid-3-10,.uk-width-mid-1-3,.uk-width-mid-2-3,.uk-width-mid-small{ width: 100% !important;}
  .regester,.login{ width: 400px !important;}
  .ipasswallet_com{  margin-left:15px;} 
  .ipp-certification-panel{ margin-left: 15px;}
  .uk-width-mid-1-2,.uk-width-mid-2-4{ width: 50% }
  
  .footer{ background:#191919; }
  .footer .footer_top{  display: none; }
  .footer .footer_bottom{  display: block; }
  .footer .footer_left{ width: 100%; float: none; margin-bottom: 50px; }
  .footer .footer_right{ width: 100% ;float: none; }
  .location_box{ text-align: left; width: 100%; padding-left: 10px; padding-right: 10px;  }
  .common{ padding-right: 10px; padding-left: 10px; }
  .header ul li .slide{ padding:0;}


  .pro_list li{ padding-right: 0 !important; }
  .pro_list li .text{ padding-top: 10px; }
  .pro_list li .image{ width: 150px; margin-right: 10px;}
  .pro_list li .image h3{ margin-bottom:5px !important; margin-top: 10px; font-size: 18px !important;}
  .pro_list li .image .meta{ padding-bottom: 3px; }
  .pro_list li .desc{ display: none; }
  .pro_list li .image .meta{ display: none; }
  .pro_list li .list span img{ width: 65%; }
  .pro_list li .list span{ padding: 0; }
  .pro_list li .list .t_list{ display:inline-block; margin-top:5%;}
	.pro_list_box_1 .uk-button{ width:100% !important; }

	.uk-news-panel .swiper-pagination-fraction{bottom: auto; top:1px; right:83px; width: auto; left: auto; color: #222; font-size: 16px;}
  .uk-panels  .more{ position: absolute; left: auto; right: 15px;  top:1px; font-size: 16px;}
  .uk-form-horizontal .uk-form-label{ text-align: left !important; }


} 


@media screen and (max-width: 768px) {
  .uk-container{ padding-left:15px;padding-right:15px;}
  .footer{ background:#191919; }
  .footer .footer_top{  }
  .uk-container{ width: 100%; padding:0 15px; }
  .index_about_text{ padding: 0; }
  .header{position: fixed; width: 100%;}
  .header.abo{ top:10px; left: 20px; right: 20px; width: auto; border-radius: 5px;padding: 8px 0 5px; }
  .header.fixed{background:#d61518; position: fixed;top: 10px;left: 20px;right: 20px;width: auto;border-radius: 5px;padding: 8px 0 5px; z-index: 90000}
  .icon{  width: 50px !important; height: 30px !important; background:url(../imgs/icon.png) no-repeat -9999px -9999px; background-size: 250px auto}
  .index_links .icon-1{ background-position:  5px 0; }
  .index_links .icon-2{ background-position:  5px -44px; }
  .index_links .icon-3{ background-position:  5px -97px;}
  .index_links .uk-h4{ font-size: 14px; }
  .index_video .index_video h2 .title,.index_tab a{ font-size: 20px !important; font-weight: normal !important;}
  .index_video span.uk-h4{font-size:12px;}
  .index_video{background:#fff;}
  .index_news_list{ background:#f5f5f5; }
  .index_news_list .uk-news-panel .index_tab{ top: 15px; left: 15px;}
  .index_news_list .uk-news-panel .swiper-pagination-fraction{ top: 19px;right: 34px; }
  .index_news_list .uk-news-panel .swiper-button-next,.index_news_list .uk-news-panel  .swiper-button-prev  { top: 45px;  }
  
  .index_video .uk-grid,.index_video .uk-grid > *{ margin-left: 0 !important;}
  .index_video .uk-container{ padding:0 !important; }
  .index_video .index_video { padding: 0 15px; }
  .index_news_list{ padding:15px 0; }
  .uk-news-panel .swiper-button-next{ left: auto; right: 0px; }
  .uk-news-panel .swiper-button-prev{ left: auto;  right:60px;}

  .uk-news-panel li{ padding: 0 15px 0 100px; border-bottom:1px solid #ddd; margin-bottom: 10px;  }
  .uk-news-panel li .date{ left: 15px; }
  .uk-news-panel li .date .uk-h1{ padding-top:5px; }
  .index_news_list .uk-panels{ background: #f5f5f5; }
  .uk-news-panel{ height: auto; }
  .uk-news-panel{min-height: 530px; }
  .index_job .more{ display: none; }
  .index_job .more2{ display:block; }
  .footer,.index_job{ padding-left: 5%; padding-right: 5%; } 
  .footer_link a{ width: 20%; margin-right: 0; text-align: center;}
  .footer .footer_top{  display: none; }
  .footer .footer_bottom{  display: block; }
  .footer .footer_left{ width: 100%; float: none; margin-bottom: 50px; }
  .footer .footer_right{ width: 100% ;float: none; }

  .location_box{ text-align: left; width: 100%;  padding-left: 10px; padding-right: 10px; }
  .commbox{ width: 100%; padding-left:15px; padding-right: 15px;}
  .history{ width: 100%; }
  .history li .box.text{ width: 45%; }
  
	

  .honor{ min-height: 500px;}
  .honor .honnorbg{ display: none; }
  .honor li,.honor li.odd{ float:none; width: 100%; padding:10px !important;}


  .news_list_box{ background:#fff; padding:0;}

  .news_list_box{ background:#ffff; padding:0; margin-top: 0 !important}
  .news_list_box .box{ margin-bottom:15px;box-shadow:none;position: relative; padding: 10px 0; border-bottom: 1px solid #ddd; position: relative; padding-left: 120px;}
  .news_list_box .box img{ width:110px; position: absolute; left: 0;top: 10px}
  .news_list_box .box .uk-panel{ padding-top: 0; }
  .news_list_box .box .uk-panel h4,
  .news_list_box .box .uk-panel .text{ padding:0; margin-bottom:5px;}
  .news_list_box .box .uk-panel h4{ height: 30px; line-height: 30px; overflow: hidden;font-weight: 400; font-size: 16px !important; padding-bottom:0px;}
  .news_list_box .box .uk-panel .text{ font-size: 12px; color: #8d8d8d; height: 44px; line-height: 22px; overflow: hidden;}
  .news_list_box .box .uk-panel .more_text{ display:none;}
  .next .uk-button{ display: none; }

  .act_list_box{ padding:0;}
  .act_list_box .box{ padding:10px; border:1px solid #ddd;border-radius: 3px; position: relative;}
  .act_list_box .box img{ float: none; margin-right: 0; width: 100%; }
  .act_list_box .box h4{ margin-top:15px; margin-bottom:15px; font-size: 20px;}
  .act_list_box .box .text{ height: 40px; line-height: 20px; overflow: hidden; color: #5f5f5f;}
  .act_list_box .box .more_text{ padding-top: 15px; margin-top:15px; border-top: 1px solid #eee;}
  .act_list_box .box .more_text span{ font-size: 14px !important; height: 20px; line-height: 20px; padding-left: 15px;}
  .act_list_box .box .more_text span.time{ padding-right: 15px; padding-left: 0; border-right: 1px solid 
  #ddd; }
  .act_list_box .box .arrow{ display: none; }
  .act_list_box{ margin-top:0 !important; }

  .curture_list_box{ background:#fff; margin-top: 0 !important; padding:0; }



  .pro_list li{ padding-right: 0 !important; margin-bottom: 15px; border: 1px solid #ddd;}

  .pro_list .M_image{ overflow: hidden;; }
  .pro_list .M_image:after{ position: absolute;content: ''; display: block; width: 100%; height: 200%; left:0; bottom: 0; z-index: 100;background: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(255,255,255,1)); z-index: 50;}
  .pro_list .M_box{ position: absolute; top: 20px; left: 0; right: 0; line-height:40px; padding: 0 0 0 20px; z-index: 100;}
  .pro_list .M_box span{ color: #7b7474; }
  .pro_list .M_box span:nth-child(2){border-left:1px solid #666; margin-left: 15px;padding-left: 15px;}
  .pro_list .M_box span.active{ color: #e76868; margin-left: 10px; padding-right: 10px;}
  .pro_list .M_box span.uk-h3{ color: #333; font-size: 18px;}
  .pro_list li .desc{ right: auto; left:15px; top:100px; z-index: 200; bottom: 50px;padding:15px; width:47%;}
  .pro_list li .desc h2{ font-size: 18px; padding-top:0;}
  .pro_list li .M_show{ position: absolute; right: 15px; top: 38%; z-index: 100; text-align: right; width: 46%;}
  .pro_list li .M_show img{ width: 85%; }
  .pro_list_box_1_info .article { padding-left: 0;}
  .pro_list_box_1_info .article .tips{ position:relative; width: 100%; margin-bottom: 15px;}
	
	
	
  .index_pro_list_2 .imagebox{ margin:15px 0}
  .index_video h2{ padding-left:15px;padding-right:15px;}
  .index_about_text .uk-h4{ font-size:16px; height: auto;}
  .index_video .index_video{ padding:0;}
	.index_video .video a{ padding:0; margin-left:15px;padding-right:30px; display:block}
	.uk-news-panel li .text{ margin-bottom:30px;}
	
	.act_list_box .box .imgbox{margin-right:0; float:none;}
	.act_list_box .box h4{ font-size:18px;}
	.contact_box .text{ padding-right:0px;}
  .index_news_list,.index_news_list .uk-panels,.index_video{ background: #fff; }
  .uk-news-panel .v-more{background: #fff;}
  .uk-news-panel{ margin-left: 0; }
  .index_video{ padding-right: 0; }
	.popFixedNav.show{ display: block; }
	.uk-article{ padding-top:0;}
	.pro_msg_box,.curture-info{ padding:15px; margin-top:0 !important;}
	.commbox{ padding-top:20px; padding-bottom:20px;}

  .uk-form-horizontal .uk-form-label{ text-align: left !important; }

  .index_job .text{ font-size:18px; }
  .index_job .text.uk-h4{ font-size:16px !important; }

}
@media screen and (max-width: 480px) {
  .uk-news-panel li h3 a{ font-size: 18px; }
  .uk-news-panel li .date .uk-h1{padding-top:10px;}
  .copyright{ font-size: 12px; }
  .copyright span{ padding-left: 0; display: block;}
  .copyright .tech a{font-size: 12px;}
  .footer .footer_bottom .ewmbox img{ width:120px;  }
  .footer .footer_bottom .ewmbox p{ font-size: 12px; }
  .location_box{ text-align: left; width: 100%;  padding-left: 10px; padding-right: 10px; }
  .common{ padding-right: 10px; padding-left: 10px; }
  .list_nav_small .uk-list li a{ font-size: 14px; letter-spacing: -1.5px; }
	.index_pro_list_2 .imagebox{ margin:0; line-height:135px;}
	
}