@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')}input[type="submit"], input[type="reset"], input[type="button"], button {  -webkit-appearance: none;  }

html{font-family: "arial","微软雅黑","宋体",'FontAwesome';background-color:#fff;font-size:14px;}

body{ background-color: #fff; font-size:14px;line-height:2;color:#5a5a5a;}

.container{ max-width: 1400px;}

.clearfix:after{

    content:"";

    height:0;

    visibility:hidden;

    display:block;

    clear:both;

}

a{ text-decoration: none;color: #5a5a5a }

a:hover{color:#016D3B}

.lsidebar{ margin-top: 20px;}

.lsideBox{ width:230px; float: left;}

.rmainBox{ width:calc( 100% - 230px); float: right;}

iframe{ max-width: 100%;}

@media (max-width:767px) {

    .infotools .page_preinfo,.infotools .page_next{ float: none; clear: both; width:100%; text-align: left;}

}

.top{ height: 44px; background-color:#016D3B; color:#fff;  }

.top .container{ justify-content: space-between; align-items:center; height: 44px; }

.top .welcome{}

.top .right { }

.top .email{ padding: 0 10px}

.top .email:before{ content: "\f003" ; margin-right: 10px;}

.top .tel{ padding: 0 10px}

.top .tel:before{ content: "\f2a0" ;}

.top .langchange{  border-left: 1px solid #fff; }

.langchange ul{ display: flex;}

.langchange ul li{ padding: 0 10px;}

.top .tools{ float: left; font-size: 13px; line-height: 1; margin-top: 60px;}

.top  a{ color:#fff;}







.top .tool{float: left; margin-right: 20px; position: relative;}

.top .tool:before{ content: ""; position: absolute; top:0; right:-10px; width:0; height: 100%; border-left: 1px solid #Fff}

.top .tool:last-child{ margin-right: 0;}

.top .tool:last-child:before{ border-left: 0;}



@media (max-width:767px) {

    .top .container{ justify-content: center;}

    .top .welcome,.top .email,.top .tel{display: none;}

    .top .langchange{ border: 0;}

    .langchange ul{ justify-content: center; width:100%;}

}



.companynav-box{ background: #fff;}

.companynav-box.am-sticky{ border-bottom: 1px solid #016D3B;}

.companynav { align-items: center;}

.logo img{ height: 100px; width:auto;}



.navbar,.nav-box{ flex-grow: 1; height: 100px; line-height: 100px;}

.nav-box .wap {flex-grow:0;}

.nav-box .navul1 {flex-grow:1; }

.nav-box  .navli1 {text-align: center;flex-grow:1; padding: 0; position: relative;}

.nav-box  .nava1{ line-height: 1; padding: 10px 15px; white-space: nowrap;  overflow: hidden; }



.nav-box .navul1:hover  .nava1{ background: transparent; color:#5a5a5a;}

.nav-box  .active .nava1,.nav-box .navli1:hover .nava1  { background: #016D3B; color:#fff;}



.nav-box .navul2{ visibility: hidden; opacity: 0; background: #fff;position: absolute; top:150%; left:50%;transform:translate(-50% , 16px);  z-index: 999999; transition: 200ms; text-align: left; line-height: 40px; border: 1px solid #016D3B;  min-width: 100%; }

.nav-box .navli1:hover .navul2{ visibility: visible; opacity: 1; top:50%;}

.nav-box .navli2{padding: 0 10px;}

.nav-box  .nava2{ display: block; width:100%;  border-bottom:1px dashed #016D3B; }

.nav-box  .navli2:last-child .nava2{ border-bottom: 0;}



.search_sign{ position: relative; width:37px; height: 37px; flex-grow: 0; cursor: pointer;}

.search_sign .sign{ width:37px; height: 37px;}

.search_sign .sign:before{ content: "\f002"; position: absolute;   width:37px; height: 37px; text-align: center; line-height: 37px; font-size: 22px; border-radius: 20%; background-color:#016D3B; color:#fff;  }

.search_sign  .searchform{display: none;  position: absolute; top:100%; right:0; padding-top: 20px; z-index: 999999999999;}

.search_sign:hover .searchform{  display: block;}



.search_sign .searchword{  width:300px; height: 50px; line-height: 50px; padding: 0 60px 0 10px; outline: none; border: 1px solid #016D3B;  }

.search_sign .searchgo{ position: absolute; z-index: 9999999; right: 0; top:50%  ; height: 50px; line-height: 50px;  width:50px; transform:translateY(calc(-50% + 10px )); background-color: #016D3B; color: #016D3B;}

.search_sign .searchgo:before{ content: "\f002"; color:#fff; font-size: 22px; position: absolute; top:50%; left:50%;  transform:translate(-50% , -50%); }



@media (max-width:767px) {

    .search_sign{ display: none;}

    .companynav-box{ position: relative}

    .logo img{ height: 60px;}

    .navbar,.nav-box{ height: 60px; line-height: 60px;}

    .nav-box{ position: absolute; top:0; right:0; z-index: 999999;}

    .nav-box .navbar.flex{ display: block; position: relative;}

    .nav-box .navbar .wap{ height: 60px; width:auto; display: block; text-align: center; line-height: 60px; font-size: 48px; color:#016D3B; padding: 0 10px; }

    .nav-box .navbar .wap:before{content: "\f0c9";}

    .nav-box .navul1{display: block; background-color: #fff; border: 1px solid #016D3B; border-top: 0; line-height: 40px;  display: none; }

    .nav-box .navul2{ display: none;}

}



.bannerItem{display: none; background-position: center ;}

.bannerItem:first-child{display: block;}



.index-pro-class .class-title

,.index_ys .ystitle

    ,.index_about .abouttitle

    ,.index-news_t_title

,.index-partners_t_title

{ line-height:50px;text-align: center; font-weight: bold; font-size: 26px; position: relative;}

.index-pro-class .class-title:before

,.index_ys .ystitle:before

,.index_about .abouttitle:before

,.index-news_t_title:before

,.index-partners_t_title:before

{

    content: ""; position: absolute;left:50%; bottom:0px; width: 150px; margin-left: -75px;  height: 0; border-bottom: 2px solid #016D3B;

}

.index-pro-class{ background:  #f6f6f6; padding: 40px 0; }


.index-pro-class .item{ float: left;  width:25%; margin-bottom: 30px;  }

.index-pro-class .item a{display: block; width:90%; margin: 0 auto; text-align: center; font-size: 16px; font-weight: bold;  line-height: 50px;   border: 1px solid #016D3B;   border-radius: 5px;}





@media (max-width:767px) {

    .index-pro-class .list { display: none;}

}



.index-pro{ background: #f6f6f6; padding-bottom: 90px; position: relative;}

.index-pro .promore{ position: absolute; left:50%; bottom:40px;  transform:translate(-50% , 0%);  height: 40px; line-height: 40px; padding: 0 25px; display: block;  background:#016D3B; color:#fff; }

.index-pro .item{ width:25%; float: left;}

.index-pro .item .proitemdiv{ margin:20px; background: #fff; text-align: center; position: relative;}
.index-pro .item .proitemdiv .pic{ overflow: hidden;}
.index-pro .item .proitemdiv img{ transition: 500ms;}
.index-pro .item .proitemdiv:hover img{transform: scale(1.1)}
.index-pro .item .title{ line-height:50px; height:50px;font-size: 16px; font-weight: bold;}

.index-pro .item .title a{ display: block; width:100%; height: 100%; }




@media (max-width:767px) {

    .index-pro{ padding-top: 20px;}

    .index-pro .item{ width:50%;}

    .index-pro .item .proitemdiv{ margin: 5px;}

    .index-pro .item:hover .desc{display: none;}

}

.index_ys{ padding-top: 40px;}

.index_ys .yslist { margin: 40px 0; }

.index_ys .item{ width:25%; float: left; }

.index_ys .item .divmain{ margin: 0px 30px; cursor: pointer;}

.index_ys .item .pic{ width:100px; height: 100px; overflow: hidden; position: relative;}

.index_ys .item .pic .img{ position: absolute; top:0; left:0; transition: 200ms;}

.index_ys .item .pic .img2{ left:-100%;}

.index_ys .item .divmain:hover .img1{ left:100%;}

.index_ys .item .divmain:hover .img2{ left:0%;}

.index_ys .item .title{ font-size: 16px; font-weight: bold; line-height: 2.5; text-align: center;}

.index_ys .item .desc{ line-height: 1.5;  text-align: center;}

@media (max-width:767px) {

    .index_ys .item{ width:50%;}

    .index_ys .item .divmain{margin: 0px 10px;}

}



.index_about{ padding-top: 40px; padding-bottom: 40px; background: #016D3B ; color:#fff;}

.index_about .abouttitle:before{ border-color: #fff;}

.index_about .aboutlist{ margin:20px; justify-content: space-between;}



.index_about .aboutlist .item{ float: left; }

.index_about .aboutlist .divmain{ margin: 20px;}

.index_about  .item .txt1{  float: left; font-size: 48px; font-weight: bold; line-height: 60px;   }

.index_about  .item .txt-box{  float: left; margin-left: 20px; line-height: 20px;  }

.index_about  .item .txt2{ margin-top: 10px;}

.index_about   .aboutmain{ margin-top: 30px;}

.index_about .pic{ float: left; width:640px; text-align: center;}

.index_about  .content{ float: left; margin-left: 20px; width:calc( 100% - 20px - 640px); padding:30px 0 60px; position: relative; }

.index_about  .content .aboutmore{ position: absolute; left:0; bottom:10px; display: block; line-height: 40px; padding: 0 25px; color:#fff; background: #2e2e2e; }

@media (max-width:767px) {

    .index_about  .aboutlist{ display: none; }

    .index_about .pic{ float:  none; clear: both; max-width: 100%; }

    .index_about .content{ float: none; clear: both; width:100%; margin: 0;}

}



.index-news{ padding-top: 40px; padding-bottom: 90px; position: relative; background: #f5f7fa;}

.index-news .index-news_c_box{ margin: 40px 0;}

.index-news  .group_0{ width:100%; overflow: hidden; }

.index-news  .list0{ width:8000%; white-space: nowrap;}

.index-news .item{ width:400px; padding:0 20px; float: left; margin-right: 10px;}

.index-news .item .title{text-align: center; font-size: 16px; font-weight: bold; line-height: 2.5;}

.index-news .item .desc{ white-space: normal; line-height: 25px; height: 50px; overflow: hidden; color:#afafaf;}

.index-news .item .time{ color:#016D3B; position: relative; padding-left:30px; height: 28px; line-height: 28px; margin-top: 10px; }

.index-news .item .time:before{ content:"\f017"; font-size: 28px; line-height: 1; position: absolute; left:0; top:0%;}

.index-news .morenews1{ position: absolute; left:50%; bottom:40px;  transform:translate(-50% , 0%);  height: 40px; line-height: 40px; padding: 0 25px; display: block;  background:#016D3B; color:#fff; }





.index-contact{ padding: 40px 0 30px;}

.index-contact .container{ justify-content: space-around;}

.index-contact .feedback-title

,.index-contact-box .title

{

    line-height:50px;text-align: left; font-weight: bold; font-size: 24px; position: relative;

}

.index-contact  .feedback { width:700px;}

.index-contact  .feedback-content-box{ margin-top: 20px;}

.index-contact  tr{float: left;  display: inline-block; position: relative; width:45%; margin-right: 5%; margin-bottom: 10px; }

.index-contact  tr:nth-child(5){ width:95%; display: block;}



.index-contact .feedback .info{ position: absolute; line-height: 25px; height: 25px; top:0; right:30px; color:#b40000;}

.index-contact  .text{ height: 25px; line-height: 25px; display: block;  padding-left:10px; }

.index-contact  .text:after{

    content:" : ";

}

.index-contact  tr:nth-child(6) td.text ,.index-contact  tr:nth-child(6) td.input{ display: inline-block; float: left; width:auto;}

.index-contact  tr:nth-child(6) td.text{ display: none;}

.index-contact  .input{ display: block; width:100%; }

.index-contact   .input-text { width:100%; line-height: 40px; height: 40px; padding: 0 20px; border-radius:20px ;  border: 1px solid #016D3B;  outline: 0; }

.index-contact  .textarea-text { width:100%; line-height: 25px; height: 95px; padding: 10px 20px; border-radius: 15px;  border: 1px solid #016D3B;  outline: 0;}



.index-contact .code{height: 40px; line-height: 40px; padding: 0 20px; min-width:150px; border: 1px solid #016D3B; outline: none; text-transform: uppercase; border-radius:20px 0 0 20px ; }

.index-contact  .new_code { height: 40px; width:auto; border-radius: 0px 20px  20px  0px;}

.index-contact  tr:nth-child(7) td.text{ display: none;}

.index-contact td.submint{ width:100%; display: block;}

.index-contact  tr .button{ width:45%; height: 40px; line-height: 40px;background-color:#016D3B;  border: 1px solid #016D3B;  color: #fff; cursor: pointer; border-radius:20px ; outline: none;}

.index-contact  tr .reset{ margin-left: 5%; background-color:#f5f7fa;  border: 1px solid #f5f7fa;color: #5a5a5a;  }

.index-contact-box{ flex: auto;}

.index-contact-box .item{ width:400px; padding: 20px ; padding-left: 50px; border: 1px solid #016D3B; margin-top: 35px; border-radius: 20px; position: relative; }

.index-contact-box .item:before{ position: absolute; top:50%; left: 10px;  transform:translate(0% , -50%); line-height: 1; color:#016D3B; }

.index-contact-box .item a{ color: #5a5a5a;}

.index-contact-box .address:before{ content: "\f041"; font-size: 36px; }

.index-contact-box .mail:before{ content: "\f2b6"; font-size: 30px; }

.index-contact-box .tel:before{ content: "\f095"; font-size: 36px; }



@media (max-width:767px) {

    .index-contact .container{display: block;}

    .index-contact  .feedback{ width:100%; }

    .index-contact  tr:nth-child(6){ width:95%; clear: both; float: none;}

    .index-contact .code{ min-width: 100px;}

    .index-contact  tr:nth-child(7){ width:95%; clear: both; float: none;}

    .index-contact-box .item{ max-width: 100%;}

}



.index-partners{  padding-top: 40px; padding-bottom: 100px; background: #f5f7fa; }

.index-partners_c_box{ width:100%; overflow: hidden; margin-top: 40px;}

.index-partners .caseslist{ white-space: nowrap; width:8000%;}

.index-partners .casesitem{ float: left; margin-right: 10px;}

.index-partners .casesimg{ border: 1px solid #eee;}



@media (max-width:767px) {

    .index-partners{ padding-bottom: 40px; }

}

.footer-box{ padding: 20px 0; padding-top: 80px; background-color: #272727; color:#fff; justify-content: center;}

.footer-box a{ color:#fff;}

.footer-box .container{ display: inline-block; width:auto; position: relative; }

.footer-show-part1{ position: absolute; lfet:0; top:-110px; width:100%; height: 60px;  background:#016D3B; color:#fff; justify-content: space-between; padding: 0 30px;  }

.footer-show-part1 .item{ background-repeat: no-repeat; background-position: 0px center;  padding-left:50px; line-height: 60px; font-weight: bold;font-size: 16px;}

.footer-company{ width:300px; float: left; line-height: 1.5;}

.foot_logo{ height: 60px; line-height: 60px;}

.footer-company .company_content{ text-align:left;margin: 20px 15px;}





.footer-box .footer-nav{ float: left; display: inline-block;  line-height: 1.5; margin-left: 50px;}

.footer-box .footer-nav .navli1{ float: left; margin-right: 50px; position: relative; min-width: 200px;}

.footer-box .footer-nav .navli1:last-child{ margin-right: 0;}

.footer-box .footer-nav .navli1:before{ content: ""; width:100%; height: 0; border-bottom: 1px solid #dcdcdc; position: absolute; top:60px; left:0;}

.footer-box .footer-nav .nava1{display: inline-block;   height: 40px;  line-height: 40px;  margin-top: 20px; font-size: 20px; border-bottom: 2px solid #dcdcdc; }

.footer-box .footer-nav  .navul2{ margin-top: 20px;}

.footer-box .footer-nav  .navli2{ line-height: 35px; padding-right: 50px; border-bottom: 1px solid #353535; position: relative;}

.footer-box .footer-nav  .navli2:before{ content:"\f105"; position: absolute; top:50%; right:10px; transform:translateY(-50%); line-height: 1; }

.footer-box .footer-nav  .navli2:hover{ border-color: #f6f6f6;}



.footer_contact{ float: left; margin-left: 50px; width:300px; position: relative;}

.footer_contact:before{ content: ""; width:100%; height: 0; border-bottom: 1px solid #dcdcdc; position: absolute; top:62px; left:0;}

.footer_contact_title{ display: inline-block; line-height: 40px; margin-top: 20px; font-size: 20px; border-bottom: 2px solid #dcdcdc; }

.footer_contact_content{ margin-top: 20px; clear: both; line-height: 1.5;}

@media (max-width:767px) {

    .footer-box{ padding-top: 0px;}

    .footer-box .container{ width:96%;}

    .footer-show-part1{ display: none;}

    .footer-company{ display: none;}

    .footer-box .footer-nav{ display: none;}

    .footer_contact{ margin: 0 2%; width: 96%;}



}



.footer-copyright{ background-color: #222; text-align: center; padding: 10px; color:#fff;}

.footer-copyright a{ color:#fff;}

.main_location{ height: 68px; line-height: 68px; background: #016D3B; color:#fff;}

.main_location a{color:#fff;}

.currlocatinon { width:calc( 100% - 50px - 250px); float: left; position: relative; padding-left: 25px;}

.currlocatinon:before{ content: "\f015"; font-size: 20px; color:#fff; position: absolute; left:0; top:50%; transform:translateY(-50%); }



@media (max-width:767px) {

    .currlocatinon { width:100%; float: left; position: relative; padding-left: 25px;}

}



.page { margin-top: 40px; padding-bottom: 80px; }

@media (max-width:767px) {

    .page { margin-top: 20px; padding-bottom: 20px; }

}

.productpage .item{ width:25%; float: left; }

.productpage .proitemdiv{ margin: 20px; margin-top: 0; padding: 15px; }

.productpage .proitemdiv .pic{ border: 1px solid #f2f2f2; overflow: hidden; }

.productpage .proitemdiv .pic img{transition: 500ms;}

.productpage .proitemdiv:hover .pic{border: 1px solid #016D3B;  }

.productpage .proitemdiv:hover img{ transform: scale(1.1);}

.productpage .proitemdiv .title{ font-size: 16px; line-height: 3; text-align: center;}



.productshowpage .proshow-img-box { text-align: center;}

.pro-bigimg-img{ max-width: 650px; height: auto; }

.pro-imglist{ width:100%; margin-top: 20px; overflow: hidden; position: relative; }

.pro-imglist li

,.showdiv .imglist-box li

{ float: left;  margin-right: 10px; border: 1px solid #7f7f7f; }

.pro-imglist li.curr

,.showdiv .imglist-box li.curr{ border: 1px solid #016D3B;  }



.productshowpage  .pro-title{ font-size: 16px; font-weight: bold; line-height: 3;  text-align: center;}

.productshowpage .productshowbody{ margin-top: 40px;}

.productshowpage .protabbar_div { line-height: 50px; height: 50px;  border-bottom: 1px solid #016D3B;}

.productshowpage .tabli{ float: left; padding: 0 20px; margin-right: 10px; cursor: pointer; }

.productshowpage .tabli.active{ background-color: #016D3B; 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 (max-width:767px) {

    .productpage .item{ width:50%;}

    .productpage .proitemdiv{ padding: 5px;}

    .pro-bigimg-img{max-width:100%;}

}

.imgpage .imglist .item{ width:25%; float: left;}

.imgpage .imglist .itembox{ margin: 10px ; margin-bottom: 20px;  text-align: center; cursor: pointer; }

.imgpage  .itembox .pic{ padding: 10px; margin: 10px; margin-bottom: 0; overflow: hidden;  border: 1px solid #f2f2f2; }



.imgpage  .itembox  img{ max-width: 100%; height: auto; transition: 200ms;}

.imgpage .imglist .itembox:hover .pic{ border-color: #016D3B;}

.imgpage  .itembox  .title{ font-size: 14px; line-height: 3;  margin: 0 10px;}



.imgshowpage .titlebox{ text-align: center;}

.imgshowpage  .title{ line-height: 3; font-size: 16px; font-weight: bold;}

@media (max-width:767px) {

    .imgpage .imglist .item{ width:50%;}

    .imgpage .itembox .pic{ padding: 5px; margin: 0;}

}

.newsList  .newsitem{ padding: 20px ; margin-bottom: 20px; position: relative; background: #f6f6f6; }

.newsList  .pic{  overflow: hidden;}

.newsList  .pic .img{ transition: 500ms;}

.newsList   .titleanddesc{ margin-left:20px;margin-right: 10px; }

.newsList  .title{ font-size: 16px; font-weight: bold;  line-height: 40px; width:calc( 100% - 100px); margin-left: 0; }

.newsList   .desc{ height: 100px; line-height: 25px;-webkit-line-clamp:4 ;color:#7f7f7f; }

.newsList   .time{ width: 100px; height: 40px ; line-height: 40px;  position: absolute; top:20px; right:0px; }

.newsList .newsitem :hover  .pic .img{ transform: scale(1.1);}

.shownewpage .shownewstitle{ text-align: center;}

.shownewpage  .time{color:#ccc; text-align: center; }

@media (max-width:767px) {

    .newsList .pic{ display: none;}

    .newsList   .titleanddesc{ width:100%;}

}



@media (max-width:400px) {

    .newsList .title{ width:100%;}

    .newsList   .time{ display: none;}

}







@media (max-width:767px) {

    .bdmap{ max-width:100%; float: none; clear: both;}

    .pointlist{width:90%; float: none; clear: both;}

}

.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; }





.feedbackpage .feedback_table {max-width: 100%; width: 100%; line-height: 2;}



.feedbackpage .feedback_table .text{ width:100px;  text-align:right; padding-right: 10px; display: none; }

.feedbackpage .feedback_table .input{ padding:  5px 0; }

.feedbackpage .feedback_table .input .input-text{ width:90%;  line-height: 30px; padding: 10px;}



.feedbackpage .feedback_table .input img{ height: 22px; vertical-align: middle; padding-left: 1rem;}

.feedbackpage .feedback_table .info{ padding-left:5px; color: #f00; }



.feedbackpage .feedback_table .input .textarea-text{ width:90%; height: 120px;  line-height: 25px; padding:  10px;}

.feedbackpage .feedback_table td.submint{ padding-top: 20px;}

.feedbackpage .feedback_table .button { width:45%; line-height: 3; background-color:#c00;  border: 1px solid #c00;  color: #fff; cursor: pointer;}

.feedbackpage .feedback_table .reset{  background-color:#edecea;  border: 1px solid #edecea; color: #626669; }





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





.aboutpage30 .pagetitle{ justify-content: center; margin-bottom: 20px; }

.aboutpage30 .pagetitle .txt{ color:#333; font-weight: bold; font-size: 30px; letter-spacing: 5px; line-height: 3; padding: 0; position: relative;}

.aboutpage30 .pagetitle .txt:before

,.aboutpage30 .pagetitle .txt:after

{ content:""; width:50px; height: 0; border-bottom: 1px solid #333; position: absolute; top:50%;}

.aboutpage30 .pagetitle .txt:before{ left:-30px; transform: translateX(-100%);}

.aboutpage30 .pagetitle .txt:after{ right:-75px; }

.aboutpage30  .path{}

.aboutpage30  .pic{ width:50%; flex: none;}

.aboutpage30  .txtbox{width:50%; flex: none; flex-direction: column; padding: 30px; justify-content: center; font-size: 18px; line-height: 2;}

.aboutpage30 .numlist{ justify-content: space-around; text-align: center; margin-top: 20px;}

.aboutpage30 .numlist .num{ font-size: 30px; font-weight: bold; line-height: 1.5;}

.aboutpage30 .numlist .num .sup{ font-size: 14px; font-weight: normal; vertical-align: super;  }

.aboutpage30 .numlist .desc{ font-size: 14px;}

.aboutpage30  .split{ border-left: 1px solid #eee;}