@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:"arial","微软雅黑",'FontAwesome';background-color: #fff; font-size: 12px;}
body{font-size: 12px; line-height: 2; color: #37474f; width:640px;  max-width: 100%; }
body,li,ul,p,img,div,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,figure, form,a,button,nav {
    margin: 0; border: 0; padding: 0; list-style: none;
}
.flex-none{ flex:none;}
.flex-auto{ flex:auto; width:150px;}
em{font-style:normal;}
body{ margin: 0px auto;}
div{ margin: 0px auto; }
a,a:hover{ text-decoration: none;color: #37474f }
.single-over{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display: block;}.clamp-voer{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.marginTop{ margin-top: 20px;}
.margintitleandcontent{ margin-top: 20px;}
.logo{margin: 10px auto;}
.container {max-width: 640px; padding: 0px 10px;}
.clearfix:after{content:""; height:0; visibility:hidden;display:block; clear:both; }
.wapnavbar .hiddennav, .wapnavbar .shownav .hide, .wapnavbar .shownav .back {width:40px; height: 40px; position: absolute; top:-42px; right:5px;background-color: #2454ac; border:1px solid #2454ac; border-radius: 5px; }
.wapnavbar .shownav .hide{ z-index: 5;  display: none;}
.wapnavbar .shownav .back{ right:50px; display: none; }
.wapnavbar .hiddennav:before, .wapnavbar .shownav .hide:before, .wapnavbar .shownav .back:before{ font-family: 'FontAwesome'; content: "\f0c9";   width:28px; height: 28px; color: #fff; position: absolute; margin: 6px; z-index: 3; font-size: 28px; line-height: 28px;}
.wapnavbar .shownav .hide:before{content: "\f00d"; }
.wapnavbar .shownav .back:before{content: "\f0e2"; }
.wapnavbar{  position: fixed; top:45px; right:5px;  background-color: #2454ac; z-index: 4000; padding:  0px; }

.navliby1{ width:31%; margin: 5px 1%; float: left; text-align: center; background-color: #2454ac; }
a.navby1a{ display: block; color:#fff; padding: 5px 0px; display: block;}
@media screen and (min-width: 640px){
    .wapnavbar{ right:50%; transform:translateX(310px)  }
}
.wapnavbar li{ width:100%; border-bottom: 2px solid #2454ac;  display: none;}
.wapnavbar a{ color: #fff;text-indent: 20px; width:100%; height: 40px; line-height: 40px; display: block; padding-right: 20px;}
.logoAndTel-box{ background-color: #2454ac; }
.comnametop-txt0{ color: #fff; font-size: 16px; float:left; font-weight: bold; line-height: 50px; }
.comnametop-txt0 em{color:#2454ac}
.lang-box{ float: right; margin-right: 60px;  line-height: 50px; }
.index-product_t_title,.index-about_t_title,.index-news-c-t{background-color: #f6f7f8; font-size: 16px;line-height: 50px; text-align: center; color: #2454ac; }
.index-product_c_box{ margin-top: 20px; position: relative; padding-bottom:40px; }
.index-product_c_box .item{ width:48%; float: left; margin-bottom: 10px; margin-right: 1%;}
.index-product_c_box .content{max-width: 100%;}
.index-product_c_box  .morepro1{ line-height: 30px; position: absolute; padding: 0px 20px; display: block; background-color: #2454ac; bottom:0px; left:50%; transform:translateX(-50%); color:#fff;}
.index-product_c_box .img{ max-width: 100%; height: auto; }
.index-product_c_box .img-t-box { text-align: center; line-height: 3;}
.index-about_c_box{ margin-top: 20px; margin-bottom: 20px;}
.index-about_c_box  img{ max-width: 100%; height: auto;}
.index-about_c_box .content{ padding-bottom: 40px; position: relative; max-width: 100%;}
.index-about_c_box .content .more{ line-height: 30px; position: absolute; padding: 0px 20px; display: block; background-color: #2454ac; bottom:0px; left:50%; transform:translateX(-50%); color:#fff;}


.index-news  .item{ margin-bottom: 20px; border: 1px solid #ececec; padding: 10px;}
.index-news  .item:hover  .datebox{ color:#1048a0;}
.index-news  .datebox{ width:80px; text-align: center; flex: none; border-right: 1px dashed #ececec;}
.index-news  .datebox span{display: block;  }
.index-news .datebox .d{ font-size: 44px;line-height: 1; }
.index-news  .datebox .ym{ font-size: 18px;line-height: 1.5;}
.index-news  .txtbox{ flex: auto; padding-left: 20px;}
.index-news  .txtbox .title{ font-weight: bold; }
.index-news  .txtbox .desc{ line-height: 1.5; font-size: 14px;}




a.morenews1{ line-height: 30px; position: absolute; padding: 0px 20px; display: block; background-color: #2454ac; bottom:0px; left:50%; transform:translateX(-50%); color:#fff; margin-bottom: 20px;}
.footer-info{ color:#fff; background-color: #252525; text-align: center; padding: 10px ;}
.footerbottom{ height: 65px;}
.footer-nav{position: fixed; z-index: 10000; bottom: 0px;  background-color: #2454ac; width:100%; height: 65px;}
.lnr {
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    width:32%;
    height: 100%;
    display: inline-block;
    text-align: center;
    position: relative;

}

.lnr a{color: #fff; height: 100%; width:100%; display: block; vertical-align: bottom; }
.lnr a span{ position: absolute; width:100%; bottom:10px; left: 0px;}
.lnr:before {  position: absolute; top:10px; left:0px; width: 100%; text-align: center;font-size: 25px; z-index: -1;  }
.lnr-home:before {  content: "\f015";  }
.lnr-hpone:before {  content: "\f095";  }
.lnr-sms:before {  content: "\f0e0";  }
.lnr-map:before {  content: "\f041";  }
.lnr-qq:before{content: "\f1d6";   }
.lnr-column:before{content: "\f15c";}
.lnr-align-justify:before{content: "\f039";}
.lnr-mees:before{content: "\f086";}
.currlocatinon {border-bottom: 1px solid #2454ac; }
.currlocatinon{ justify-content: space-between;}
.currlocatinon  .nav_x{ display: block; flex:auto; text-align: right; line-height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.currlocatinon  .curr{flex:none;  line-height: 50px; font-size: 14px; color:#2454ac;   display: block; position: relative;  text-align: left; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }
.page{ padding-top: 18px; }
.imgpage .imglist li{ width:50%; float: left; text-align: center;   padding-bottom: 20px;}
.imgpage .imglist li div{  margin:10px; text-align: center; border: 1px solid #d5d5d5; padding-bottom: 20px;   }
.imgpage .imglist li img{ max-width: 95%; height: auto; display: block; margin: 10px auto;}
.imgshowpage{  padding: 10px; }
.imgshowpage .img-box{float: left; width:100%;}
.imgshowpage .img-box img{max-width: 100%;}
.imgshowpage .prams{ float: right; width:100%;}
.imgshowpage .img-box .imglist ul ,.showdiv ul { white-space: nowrap; }
.imgshowpage .img-box .imglist li,.showdiv li{ display: inline-table; margin:10px ; }
.imgshowpage .content-box{ margin-top: 20px;}
.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;}
.infotools { margin: 20px auto;}
.infotools li{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



.newspage2 .newsList .item { background-color: #f5f5f5; border: 1px solid #f5f5f5; margin-bottom: 16px;  }
.newspage2 .newsList .divmain{ margin: 16px;}
.newspage2 .newsList .itema{  width:100%; height: 100%;}

.newspage2 .newsList .title{ height: 30px; line-height: 2rem; font-weight: bold; font-size: 18px;}
.newspage2 .newsList .desc{ height:46px; ;  line-height: 23px; font-size: 14px; overflow: hidden;}
.newspage2 .newsList .item:hover{background-color: #1048a0; border: 1px solid #1048a0;  }
.newspage2 .newsList .item:hover .itema{ color:#fff;}

.newspage2 .anewsinfo { position: absolute; display: block; padding: 5px 20px; border-radius: 10px; bottom:20px; left:370px; background-color:#999 ; color: #fff; }

.shownewpage .shownewstitle{ text-align: center ; font-size: 16px;}
.shownewpage .time{ display: block; text-align: center;}
.shownewpage  .shownewscontent{ margin-top: 10px;}
.shownewpage  .shownewscontent img{ max-width: 100%; height: auto;}

.productpage{min-height: 100px;  }
.productpage .productlist li{ width:50%; float: left; text-align: center;   padding-bottom: 20px;}
.productpage .productlist li div{  margin:10px; text-align: center; border: 1px solid #d5d5d5; padding-bottom: 20px;   }
.productpage .productlist li img{ max-width: 90%; height: auto; display: block; margin: 10px auto; }
.productpage .productlist  .title{ display: block;}

.productshowpage .proshow-title-box{ clear: both; margin-top: 20px;}
.productshowpage .proshow-img-box{ width:100%; float: left;}
.productshowpage .pro-bigimg-img {max-width: 100%; padding: 3px; border: 1px solid #e4e4e6; }
.productshowpage .proshow-img-box .pro-imglist{ overflow: hidden; margin-top: 20px;}
.productshowpage .imglist-box{white-space: nowrap; }
.productshowpage .imglist-box li{ float: left; margin-right: 10px; border: 1px solid #fff; }
.productshowpage .imglist-box li.curr{border: 1px solid #eee;}
.productshowpage .proshow-title-intor{ width:100%; float: right;}
.productshowpage .proshow-title-intor .title{ font-size: 18px; font-weight: bold; color: #2454ac; text-align: center;}
.productshowpage .productshowbody{ margin: 20px auto;}
.productshowpage .productshowbody .titlebar{ height: 40px; line-height: 40px; border-bottom: 1px solid  #eee; font-size: 20px; font-weight: bold; color: #2454ac; }
.productshowpage .productshowbody .titlebar li{ padding-right:  40px; display: inline-block; float: left;  cursor: pointer; border-bottom: 1px solid #2454ac; }

.productshowpage .productshowbody .contentpanel{ margin-top: 20px; }
.productshowpage .productshowbody .tab-panel{ margin-top: 10px; }
.productshowpage .productshowbody .contentpanel .hide{ display: none;}
.productshowpage .productshowbody .tab-panel table td{ border:  1px solid #dedede; padding-left: 10px;}
.feedbackpage .feedback_table {max-width: 100%; width: 100%; line-height: 2;}
.feedbackpage .feedback_table .text{ width:75px;  text-align:right; padding-right: 10px;}
.feedbackpage .feedback_table .input{}
.feedbackpage .feedback_table .input .input-text{ width:90%;}
.feedbackpage .feedback_table .input .textarea-text{ width:90%; height: 80px; }
.feedbackpage .feedback_table .input img{ height: 22px; vertical-align: middle; padding-left: 20px;}
.feedbackpage .feedback_table .info{ padding-left:5px; color: #f00; }
.feedbackpage .feedback_table .input .input-text,.feedbackpage .feedback_table .input .textarea-text,.feedbackpage .feedback_table .code{ }
.feedbackpage .feedback_table td.submint{ padding-top: 20px;}
.feedbackpage .feedback_table .button { width:45%; line-height: 3; background-color:#D20104;  border: 1px solid #D20104;  color: #fff; cursor: pointer;}
.feedbackpage .feedback_table .reset{  background-color:#edecea;  border: 1px solid #edecea; color: #626669; }



.index-lingyu{}
.index-lingyu .titlebox{ text-align: center;}
.index-lingyu .titlebox .title{ background-color: #f6f7f8; font-size: 16px;line-height: 50px; text-align: center; }

.index-lingyu .list { margin-top: 40px; justify-content: space-around; }
.index-lingyu .item{ width:90%; margin-bottom: 10px;}
.index-lingyu .item .content{ margin: 0 5px; height: 200px;  position: relative; background-size: cover; background-repeat: no-repeat; background-position: center;}
.index-lingyu .item .content .colorbg{background-color: #37c684; width:100%; position: absolute; left:0; bottom:0; transition: 500ms;}
.index-lingyu .item .dian{background-color: #37c684; overflow: hidden; width:50px; height: 50px; text-align: center; line-height: 50px; font-size: 25px; color:#fff; border-radius: 30px; position: absolute; top:0px; left:50%;  transform: translate(-50%,-50%);}
.index-lingyu .item1 .content{ background-image:url("/runtime/jpg/bf/66/f4/a4/7d/47601fcffb1e6ee6bf414f.jpg"); }

.index-lingyu .item2 .content{ background-image:url("/runtime/jpg/e8/02/dd/f1/01/201a9be14609aae673d31c.jpg"); }
.index-lingyu .item2 .content .colorbg
,.index-lingyu .item2 .content .dian{ background-color: #df394c;}
.index-lingyu .item3 .content{ background-image:url("/runtime/jpg/70/6b/9d/ba/56/dad469b17fe205164f2faf.jpg"); }
.index-lingyu .item3 .content .colorbg
,.index-lingyu .item3 .content .dian{background-color: #9347c3;}
.index-lingyu .item4 .content{ background-image:url("/runtime/jpg/a5/64/e5/fb/25/a11a237a719bf3cb203de1.jpg");}
.index-lingyu .item4 .content .colorbg
,.index-lingyu .item4 .content .dian{ }
.index-lingyu .item  .txtbox{ padding:  20px; color:#fff;  }
.index-lingyu .item .content .title{ text-align: center; font-size: 18px;}
.index-lingyu .item .content .desc{ overflow: hidden; line-height: 1.5; margin-top: 10px; display: none;}
.index-lingyu .item .content:hover .colorbg{ height: 100%; opacity: 0.9;  }
.index-lingyu .item .content:hover .desc{ height: auto; display: block; }
.index-lingyu .item .content:hover .dian{ height: 0; width:0; font-size: 0;  }
.index-lingyu  .lingyua{position: absolute; top:0; left:0; z-index: 2; width:100%; height: 100%; }



.banner {width: 100%;  position:relative; overflow:hidden;  text-align:center; }

.flashsbox{  overflow:hidden; position:relative; }
#flashs{overflow:hidden; position:relative; }
#flashs .bgitem{  z-index:1;position: relative;right:0;; top:0; left:0;cursor:pointer; width: 100%; margin:0 auto; background-repeat:no-repeat;background-attachment:scroll;}
#flashs .bgitem:nth-child(n+2){ display: none;position: absolute;}
#flashs .btn{ position:absolute; z-index:7; bottom:10px; left:50%; transform: translateX(-50%); padding:5px 6px;}
#flashs .btn span{ color:#fff;  background:#c70000; border:1px solid #cc0000; cursor: pointer;display: inline-block;margin-left: 5px;padding:2px 6px;}
#flashs .btn span.cur{ background:#ec3f3d; color:#fff;border:1px solid #ec3f3d}
.flash_bot{ height:4px; background:url(../bg2.gif);}

.content{ width:1220px; margin:auto; padding:10px 0 30px 0; overflow:hidden;}
.ullist{ display: table; padding:20px 0 50px 0; width:1220px;}
.ullist li{float:left; margin-right:10px; font-size:16px;}
.ullist li a:link{ border: 1px solid #ccc; -webkit-border-radius: 6px; border-radius: 6px; display:block;  padding:10px 40px; }
.ullist li a:visited{ border: 1px solid #ccc; -webkit-border-radius: 6px; border-radius: 6px; display:block;  padding:10px 40px; }
.ullist li a:hover{ border: 1px solid #0168b5; -webkit-border-radius: 6px; border-radius: 6px; color:#0168b5; display:block;  padding:10px 40px; }