@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;src:url(/public/fonts/font-awesome/fontawesome.otf?v=4.7.0);src:url(/public/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0#iefix) format('embedded-opentype'),url(/public/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(/public/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg')}
html{font-family: Tahoma,"arial",FontAwesome;background-color:#fff;font-size:14px;}
body{ background-color: #fff; font-size:14px;line-height:2;color:#5a5a5a;}
body,li,ul,ul>li,ul>li>ul,p,img,div,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,dl>dt,dl>dd,figure,form,a,button
{margin:0;border:0;padding:0;list-style:none;}img{vertical-align:bottom; max-width: 100%; height: auto;}
div{margin:0px auto;}
em{font-style:normal;}
.single-over{width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.clamp-voer{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.container{width:98%; max-width: 1200px; margin:0px auto;}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both;}
.infotools{width:95%;margin:10px auto;}
.infotools .page_preinfo{ text-align: left; width:48%;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.infotools .page_next{ text-align:right; width:48%;float:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pagerlist{text-align:center;clear:both;padding:3px;margin:5px;}
.pagerlist a,.pagerlist span{margin:2px;padding:2px 5px;border:1px solid #ccc;}
.pagerlist .current{background-color:#ccc;color:#fff;}
.pagerlist .disabledfy{font-family:Tahoma,Verdana;cursor:pointer;background:no-repeat}
a{ text-decoration: none;color: #5a5a5a }
a:hover{color:#017bce}
.show{ display: block;}
.hide{ display: none;}
.naver-box
,.naver-box .logo
,.naver-box .naver-navbar-box
{ height: 110px; background-color: #fff; }
.naver-box.am-sticky{height: 111px; border-bottom: 1px solid #017bce;}

.naver-box { position: relative;}
.naver-box .naver-logo-box{max-width:250px;  float: left; }
.naver-logo-box .logo{ width:200px; position: relative;}
.naver-logo-box .logo img{ max-height: 100%; max-width: 100%;  height: auto;  position: absolute; left:0; top:50%; transform:translateY(-50%); }
.naver-navbar-box{ margin-left: 20px; float: left; width:calc(100%  - 250px - 200px - 30px);}
.naver-navbar-box .navul1{z-index: 2;}
.naver-navbar-box .navli1{ float: left;  margin: 50px 10px 0; padding-bottom: 20px;   }
.naver-navbar-box .nava1{ font-size: 17px; height: 40px; line-height: 40px;}
.naver-navbar-box  .navul2{ z-index: 999999; width:100%; position: absolute;  left:0; top: 200%; padding: 20px 0;  background-color: rgba(255,255,255,0.9);  opacity: 0; visibility: hidden; transition: 200ms;}
.naver-box.am-sticky .naver-navbar-box  .navul2{background-color:rgba(255,255,255,0.95);border-bottom: 1px solid #017bce;  }
.naver-navbar-box .navli1:hover .navul2{top: 108px; opacity: 1; visibility: visible; }
.navul1 .navli1.active .nava1 { color:#017bce; }
.navul1:hover .navli1 .nava1{ color:#5a5a5a;}
.navul1 .navli1:hover .nava1  { color:#017bce; }

.naver-navbar-box  .navul2 .showarea{ width:98%; max-width: 1200px;}
.naver-navbar-box  .navul2 .showarea .pic{ float: left;}
.naver-navbar-box  .navul2 .showarea .lilist { float: left; width:calc(100% - 300px - 240px); margin-left: 20px;}
.naver-navbar-box  .navul2 .showarea .lilist .navli2{ width:33%; float: left;}
.naver-navbar-box  .navul2 .showarea .lilist .navli2:nth-child(-n+3) .nava2{ border-top: 1px solid #dcdcdc;}
.naver-navbar-box  .navul2  .nava2 { font-size: 16px; text-indent: 10px; display: block; width:90%; height: 50px; line-height: 50px; margin: 0 5%; border-bottom: 1px solid #dcdcdc;  }
.naver-navbar-box  .navul2  .nava2:hover{ background-color: #017ebc; color:#fff;}
.naver-lang-box{ width:200px; float: right; margin-top: 25px; }
.langchange { padding-left:20px; position: relative;}
.langchange:before{ content: "\f0ac";  position: absolute;left:0; top:50%; transform:translateY( calc(-50%  - 5px)); font-size: 20px; color:#017bce;  }
.langchange li{ float: left; padding: 0 10px; border-left: 1px solid #5a5a5a; line-height: 1; margin: 5px 0 10px;}
.langchange li:first-child{ border-left: 0;}

 .searchword{ height: 28px; line-height: 28px; padding: 0 10px; outline: 0; color:#333; width:150px;}
.searchgo{height: 28px; line-height: 28px;padding: 0 5px; background-color:#017bce;  border: 0px solid #017bce;  color: #fff; cursor: pointer; }
@media only screen and (max-width: 768px){
    .naver-lang-box{ width:auto;}
 .naver-lang-box{  float: right;  display: block; margin-top: 10px; }
    .naver-lang-box li:first-child{ display: none;}
  .naver-lang-box .searchform{ display: none;}
  .langchange li{border-left:0;}
}

@media only screen and (max-width: 768px){
    .naver-box .naver-navbar-box{ position: fixed!important; top:30px; height: 50px; right: 0; z-index: 100000000; min-width: 120px; text-align: right; }
 .naver-navbar-box .wap {
  width: 44px;
  height: 44px;
  font-size: 34px;
  display: block;
  text-align: center;
  color:#017bce;
  margin-right: 0;
  position: absolute;
  top:0; right:0;
 }
 .naver-navbar-box .wap:before {
  content: "\f0c9";
  width: 100%;
  height: 100%;
 }
 .naver-navbar-box .navul1 {
  margin-left: 0;
  background-color: #017bce;
  display: none;
  position: absolute;
  top:44px;
  right:0;
 }
 .naver-navbar-box .navli1, .naver-box.am-sticky .naver-navbar-box .navli1 {
     float: none;
  display: block;
  clear: both;
  height: 40px;
  line-height: 40px;
  background:#017bce ;
  margin-top:0;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
 }
 .naver-navbar-box .navli1 a {
     display: block;;
     line-height: 40px;
  font-size: 14px;
  color:#fff;
     text-align: left;
 }

 .navul1 .navli1.active .nava1{
  color:#fff;

 }
}


.index_about{ padding: 40px 0; background-color: #f2f2f2; }
.index_about_t_title{ text-align: center; font-size: 30px; font-weight: bold; color:#017bce;}
.index_about_t_desc{text-align: center; font-size: 14px; color:#707070; text-transform: uppercase; }
.index_about .maincontent{ padding: 0 30px;}
.subbox-aboutsub{ margin-top: 20px;}
.subbox-aboutsub .aboutsub{ width:33%; float: left;}
.subbox-aboutsub .aboutsub .main{ width:380px; height: 200px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.subbox-aboutsub .aboutsub .w_box{float: left; padding:0 20px;  min-width:50%; height: 100%; background-color: rgba(0,0,0,0.4); color:#fff; position: relative;}
.subbox-aboutsub  .mark{ margin-top: 20px; line-height: 1.8; text-transform: uppercase; }
.subbox-aboutsub .title{ font-size: 18px;}
.subbox-aboutsub .info{ position: absolute; left:20px; bottom:20px; border: 1px solid #fff; width:30px; height: 30px; text-align: center; line-height: 30px; }
.subbox-aboutsub  .infoa{ width:100%; height: 100%; display: block; color:#fff; font-weight: bold; font-size: 20px; }
@media only screen and (max-width: 768px){
 .index_about{ padding: 20px 0;}
 .index_about_t_title{ font-size: 24px}
 .index_about .maincontent{ padding: 0 10px;}
 .subbox-aboutsub .aboutsub{width:100%; margin-top: 5px; }
 .subbox-aboutsub .aboutsub .main{ max-width: 100%; height: 150px;}
}
.index_ys{ margin-top: 40px;  }
.index_ys_t_title{ text-align: center; font-size: 30px; font-weight: bold; color:#017bce;}
.index_ys_t_desc{text-align: center; font-size: 14px; color:#707070; text-transform: uppercase; }
.index_ys_c_box{ margin-top: 20px;}
.index_ys_c_box .item{ width:25%; float: left; }
.index_ys_c_box .paragroup{ margin: 0 20px;}
.index_ys_c_box  .paragroup0 {  height: 77px; overflow: hidden;  margin: 0 auto; position: relative; }
.index_ys_c_box  .paragroup0 .pic{ width:84px; height: 77px; transition: 500ms; transform:translateX(-50%);position: absolute;  top:0;}
.index_ys_c_box  .paragroup0 .pic0{left:50%;}
.index_ys_c_box  .paragroup0 .pic1{ left:-50%;}
.index_ys_c_box .item:hover .pic0{ left:150%; }
.index_ys_c_box .item:hover .pic1{ left:50%;}
.index_ys_c_box .paragroup1 { margin-top: 20px; text-align: center; padding: 5px 0;}
.index_ys_c_box .paragroup1 .txt0{ font-size: 16px; font-weight: bold;}
.index_ys_c_box .paragroup1 .txt1{ display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2; line-height: 25px; height: 50px; overflow: hidden;}
@media only screen and (max-width: 768px){
 .index_ys{ margin-top: 20px;  }
 .index_ys_t_title{ font-size: 24px;}
 .index_ys_c_box .item{ width:50%; float: left; }
}
.index-news{ margin-top: 40px;  padding: 40px 0; background-color: #f2f2f2; }
.index-news .subbox-img{ width:500px; float: left;}
.index-news .subbox-news { width:calc( 100% - 500px - 20px); float: right; background-color: #fff;}
.index-news .panel_mult{ padding: 0 10px; min-height: 322px;}
.index-news  .title_tab {height: 40px; line-height: 40px; text-align: center;}
.index-news  .title_tab .tabitem{ width:33.33%; float: left; text-align: center; background-color: #707070; color:#fff; font-size: 18px; cursor: pointer;  }
.index-news  .title_tab .tabitem.curr{ background-color:#017bce; }
.index-news   .panel_mult{ margin-top: 27px;}
.index-news  .listg1 .title{ text-align: center; font-weight: bold; font-size: 16px;}
.index-news  .listg2 .title{ width:calc(100% - 120px); float: left;}
.index-news  .listg2 .time{ width:100px; float: right;}
.index-news .item{ border-bottom: 1px dashed #dcdcdc;}
.index-news  .listg1 .item{ padding-bottom: 8px;}
.index-news  .listg2 .item{ padding: 8px 0;}
@media only screen and (max-width: 768px){
 .index-news{ padding-top: 0;}
 .index-news .subbox-img{ width:100%; height: auto; float : none;  clear: both;}
 .index-news .subbox-img img{ max-width: 100%; height: auto;}
 .index-news .subbox-news{ width:100%; float: none; clear: both;}
}
.index_js{ margin-top: 40px;}
.index_js_t_title{ text-align: center; font-size: 30px; font-weight: bold; color:#017bce;}
.index_js_t_desc{text-align: center; font-size: 14px; color:#707070; text-transform: uppercase; }
.index_js_c_box{ margin-top: 20px;}
.index_js .jssub { width:33.33%; float: left;}
.index_js .jssub div{ width:380px; background-color: #f2f2f2; line-height: 1.5;}
.index_js .title{  text-align: center; font-size: 18px; line-height: 2.5; padding: 0px 10px; }
.index_js .jssub div.desc{ display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3; line-height: 25px; height: 75px; max-height:75px; overflow: hidden;padding: 0px 10px;}
@media only screen and (max-width: 768px){
 .index_js{ margin-top: 20px;}
 .index_js_t_title{ font-size: 24px;}
 .index_js .jssub { width:100%; float: left;}
 .index_js .jssub div{ max-width: 100%;}
}
.footer-box{ margin-top: 20px; padding: 20px 0; background-color: #1f2024; color:#fff;}
.footer-footnav-box{ width:calc( 100% - 150px); float: left;}
.footer-box a{color:#fff;}
.footer-box .navli1{ padding-right: 60px; position: relative; }
.footer-box .navli1:after{ content:""; width:0; height: 100%; border-left: 2px solid #48494b; position: absolute; top:0; right:30px;  }
.footer-box .navli1:last-child:after{ border: 0;}
.footer-box .nava1 { font-size: 16px; font-weight: bold;}
.footer-box .navli2{ }
.footer-box .navul2{ margin-top: 10px;}
.footer-box .navul2 ul{ float: left; padding-right: 30px;}
.footer-box .navul2 ul:last-child{ padding-right: 0;}
.footer-qrcode-box{ width:120px; float: right; margin-top: 5px; text-align: center;}
.footer-qrcode-box .txt{ line-height: 3;}

.footer-copyright{ background-color: #1f2024; text-align: center; padding: 10px; color:#fff; border-top: 1px solid #48494b; }
.footer-copyright a{ color:#fff;}
@media only screen and (max-width: 768px){
 .footer-box .navli1{  padding-right: 15px; }
 .footer-box .navli1:after{ border: 0;}
 .footer-box .navli2{ display: none; }
}
.subnav { padding: 10px; line-height: 50px; overflow: hidden; background-color:#eee;}
.subnav  .navul2{ width:100%; max-width: 1200px; margin: 0 auto;}
.subnav  .navli2{ float: left; padding: 0 5px;}
.subnav .nava2{ display: block; padding: 0 20px; width:100%; height: 100%; font-size: 16px; }
.subnav .nava2:hover,.subnav .curr .nava2{background-color: #017ebc; color:#fff; }
@media only screen and (max-width: 768px){
 .subnav .nava2{ display: block; padding: 0 10px; width:100%; height: 100%; font-size: 14px; }
}
.page { margin-top: 40px; }
.aboutpage img{ max-width: 100%; height: auto;}
.aboutpage .title{ font-size: 30px; font-weight: bold; text-align: center ; line-height: 1; padding-bottom: 30px; position: relative;}
.aboutpage .title:before{ content: ""; width:50px; height: 0; border-bottom: 5px solid #017ebc; position: absolute; bottom:15px; left:50%; margin-left: -25px;}

.aboutpage2 .txt{ width:50%; float: left;}
.aboutpage2 .txt .title{ font-size: 36px; font-weight: bold; text-align: left ; line-height: 1; padding-bottom: 30px; position: relative; }
.aboutpage2 .txt .title:before{ content: ""; width:50px; height: 0; border-bottom: 5px solid #017ebc; position: absolute; bottom:15px; left:0%; }
.aboutpage2  .img{ width:48%; float: right;}
@media only screen and (max-width: 768px){
.aboutpage .title{ font-size: 20px;}
 .aboutpage2 .txt{ width:100%; float: none;}
 .aboutpage2 .img{ display: none; width:0;}
}
.imgpage10 .imglist .item{ width:25%; float: left;}
.imgpage10 .imglist .itembox{ margin: 10px ; margin-bottom: 20px; border: 1px solid #017ebc; text-align: center; cursor: pointer;  }
.imgpage10  .itembox .pic{ margin: 10px; overflow: hidden;}
.imgpage10  .itembox  img{ max-width: 100%; height: auto; transition: 200ms;}
.imgpage10 .imglist .itembox:hover img{ transform: scale(1.1,1.1);}
.imgpage10  .itembox  .title{ background-color: #017ebc; color:#fff; line-height: 3;}
@media only screen and (max-width: 768px){
 .imgpage10 .imglist .item{ width:50%; float: left;}
}
.newsList .newsitem { height: 201px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #eee; position: relative; }
.newsList .newsitem  .pic{ width:300px; float: left;}
.newsList .newsitem .titleanddesc{ width:calc( 100%  - 20px - 300px); float: right;}
.newsList .newsitem .title{ font-weight: bold; font-size: 16px; line-height: 50px;}
.newsList .newsitem .desc{ margin-top: 30px; text-indent: 2rem;}
.newsList .newsitem .time{ height: 30px; line-height: 30px; position: absolute; left:320px; top:50px; color:#ccc;}
.shownewpage .shownewstitle{ text-align: center;}
.shownewpage  .time{color:#ccc; text-align: center; }

.productpage{}

.productpage  .item { width:25%; float: left;}
.productpage .proitemdiv{ margin: 10px; border: 1px solid #017ebc;  padding-bottom: 0; text-align: center;  }
.productpage .proitemdiv .pic{ margin: 10px; margin-bottom: 0; overflow: hidden;}
.productpage .proitemdiv img{ max-width: 100%; height: auto; transition: 200ms;}
.productpage .proitemdiv:hover img{ transform: scale(1.1,1.1);}
.productpage .proitemdiv .title{ background-color: #017ebc; color:#fff; line-height: 3;}
.productpage .proitemdiv .title a{ color:#fff; }
.productpage .proitemdiv:hover{border-color:#017ebc;  }


.productshowpage .pro-title{ font-weight: bold; font-size: 16px;  color:#017ebc; line-height: 60px;text-align: center; }
.productshowpage .proshow-img-box{ border: 1px solid #e4e4e4 ;}
.productshowpage .pro-bigimg{ text-align: center; width: calc( 100% - 100px - 1px); height: auto; float: left; border-right: 1px solid #e4e4e4 ; padding: 10px 0;}

.productshowpage .pro-imglist{ width:100px; float: right;  margin: 10px 0; overflow: hidden;   }
.productshowpage .imglist-box{ margin: 0 auto;  text-align: center; }
.productshowpage .imglist-box li,.showdiv .imglist-box li{ margin-bottom: 10px; border: 1px solid #fff; }
.productshowpage .imglist-box li img{  border: 1px solid #eee;}
.productshowpage .imglist-box li.curr img{ border: 1px solid #017ebc;}
.productshowpage .productshowbody{ margin-top: 40px;}
.productshowpage .protabbar_div { line-height: 50px; height: 50px;  border-bottom: 1px solid #017ebc;}
.productshowpage .tabli{ float: left; padding: 0 20px; margin-right: 10px; cursor: pointer; }
.productshowpage .tabli.active{ background-color: #017ebc; color:#fff;}
.productshowpage .tabname{font-weight: bold; font-size: 16px; text-align:left; border-bottom: 1px dashed #eee;}
.productshowpage .contentpanel{ margin-top: 20px;}
.productshowpage .tabcontent img{ max-width: 100%; height: auto;}
@media only screen and (max-width: 768px){
 .productpage  .item { width:100%; float: left;}
 .productshowpage .pro-bigimg{ width:100%; }
 .productshowpage .pro-imglist{ width:0; display: none;}
}
#allmap { border: 1px solid #c9caca;}
#allmap img{ max-width: 1000%; height: auto;}
.bdmap{ max-width: 80%; float: left;}
.pointlist{ width:19%; float: right; line-height: 30px;}
.pointlist em{ width:15px; height: 15px;  line-height: 15px; text-align: center;  display: inline-block; background-color: #017ebc; color:#fff;}
.pointlist a{ cursor: pointer; margin-left: 10px;}
@media only screen and (max-width: 768px){
 .bdmap{ max-width: 100%; float: none;}
 .pointlist{ width:100%; float: none; line-height: 30px;}
}
.jobpage .title { line-height: 80px; height: 80px; font-size: 18px; padding: 0 20px; border-bottom:  1px solid #eeeeee; cursor: pointer; position: relative;}
.jobpage .title:before{ content: "\f105"; position: absolute; top:0%; right: 30px; font-size: 28px; }
.jobpage .title.open:before{content: "\f107"; }
.jobpage .desc{padding:  20px; background-color:#eeeeee; display: none; }

@media only screen and  (min-width:770px){ /* pad  */
    .footerbottomwap,.footer-navwap{ display: none;}
}
.footerbottomwap{ height: 65px;}
.footer-navwap{position: fixed; z-index: 10000; bottom: 0px;  background-color: #171717; width:100%; height: 65px;}

/*searchpage page*/
.searchpage  .pagelist .item{ height: 40px; line-height: 40px; border-bottom: 1px solid #eee;}
/*searchpage page end */