.icon-nav:before { content: "\e608"; }
.icon-pc:before { content: "\e621"; }
.icon-product:before { content: "\e668"; }
.icon-contact:before { content: "\e631"; }
.icon-home:before { content: "\e60c"; }
.icon-kefu:before { content: "\e713"; }
.icon-fengsan:before { content: "\e623"; }
a{ color: #333;}

.Hidden{ display: none;}
.fontRed{color:#f32626;}
.fontOrange{color:#f60;}.fontGay{color:#999}.lh25{ line-height:25px;}
.fontBlue{color:#0b67c5;}.fontWhite,a.fontWhite,.fontWhite a{ color: #FFF;}.fontgreen,.fontgreen a{ color:#00aa3a;}
.bgOrange{ background:#f60;}
.bgYellow{ background:#ffa800;}
.bgCs{ background:#ff7a51;}
.bgBlue{ background: #000;}
.bgHs{ background: #ffbb40;}
.bgGreen{ background: #00ae66;}
.bgZs{ background: #9576ff;}
.bgFs{ background: #ff85ac;}
.bgWhite{ background: #FFF;}.aui-bg-white{ background: #FFF;}.aui-text-white{ color: #FFF;}
.borderBottom{ border-bottom:#ececec solid  1px;}
.borderRight{ border-right:#ececec solid  1px;}
.borderTop{ border-top: #f1f1f1 solid  1px;}.lh40{ line-height:30px;}
.marginTop{ margin-top:.6rem;}.aui-padded-b-40{ padding-bottom: 2rem;}
.marginBottom{ margin-bottom:.6rem;}.dib{ display: inline-block;} .plr10{ padding-left: 10px; padding-right: 10px;}
.box-shadow {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*html>body .clearfix{display:inline-block;width:100%}*html .clearfix{height:1%}.floatLeft{float:left}.floatRight{float:right}
.fontArail{font-family:Arial,Helvetica,sans-serif}
.bar:after{ background:none;}
.bar-nav{ background:#FFF; border: none; height: 3rem; background:#FFF url("../images/logo.png") no-repeat 10px center; height:3rem; background-size:20%;}
.bar-nav h1{ text-indent: -99999px; width: 50%;}
.bar-nav .pull-right{ line-height: 3rem !important; width:2.5rem; text-align: center; }
.bar .open-panel{ color: #FFF; background: #00aa3a; line-height:3rem; height: 3rem; font-size: .7rem;}
.bar .lan{ color:#999; font-size:.6rem; margin:0 .5rem 0 0; width: auto !important; text-align: right; z-index:999999999;}
.bar .lan a{ color: #666; margin-left:.5rem; }
.swiper-container { padding: 0px;}
.panel{ background:#00aa3a;width:10rem;}
.panel .con{ padding:.8rem 1rem; }
.panel .titles{ font-size:.8rem; height: 3rem; line-height: 3rem; background:#11c14d; padding:0 .5rem;}
.panel p{ margin: 0; font-size:1.4rem; line-height:1rem; margin-bottom:.5rem; }
.panel div.conss{ padding-bottom: .5rem; }
.panel div a{ line-height:1rem; font-size:.6rem;}
.panel div a span{ margin:0 5px; font-size:1rem;}


.pages{ text-align:center;clear:both; margin:1rem 0; font-size: 12px;}
.pages li{ display: inline-block; background: #FFF; padding:10px 15px; margin:0 3px; }
.pages li.current{font-family:Arial; background: #000; color: #FFF; font-size: 14px;}
.pages li.current a{ color: #FFF;}
.pages li.num{ font-family:Arial; font-size: 14px;}
.pages li a{ color: #333;}

.with-panel-right-reveal .page-group{ margin-left:-2rem; }
.close-panel{ position: absolute; top:0px;right:0px; text-align: center; line-height:3rem; width:3rem; height:3rem; font-size:1.5rem; background:rgba(0,170,58,.5);}


.foot .row{ padding:1.2rem 0 .6rem .5rem; text-align: center;}
.foot .row .col{color: #999; font-size: .6rem; line-height:1.5rem; display:inline-block; padding: 0 .3rem; text-align: center;}
.foot .row .col a{ color:#999;}
.foot .row .col span{ width:2.5rem; font-size:1.2rem; height:2.5rem; line-height:2.5rem; text-align: center; border: #ececec solid 1px; border-radius: 50%;}
.foot .nav{ text-align: center; font-size: .6rem; padding: 0 0 .5rem 0; margin: 0;}
.foot .nav.active{ color: #999;}

.foot .nav a{ color: #666 !important;}
.foot .nav.active a{ color: #999 !important;}
.foot .nav span{ padding: 0 .75rem; color: #ececec;}
.foot p{ margin: 0; text-align: center;font-size:.5rem; color: #999; padding-bottom: 1rem;}
.foot b{ font-size: .8rem !important;}
.pr{ position: relative;}
.pa{ position:absolute;}
.lh20{ line-height: 20px;}
.aui-border-blue{ border-bottom: #666db5 solid 1px;}
.aui-font-size-12 {font-size: 0.6rem !important;}
.aui-padded-l-20{padding-left: 1rem;  }
.aui-padded-r-20{padding-right: 1rem;}
.aui-padded-20{padding: 1rem;}.aui-padded-15{padding:.75rem;}.aui-padded-t-40{padding-top:2rem;}
.aui-padded-l-10{padding-left: .5rem;  }
.aui-padded-r-10{padding-right: .5rem;}.aui-padded-b-20{ padding-bottom: 1rem;}.aui-padded-b-10{ padding-bottom: .5rem;}
.aui-padded-10{padding: .5em;}.sban{ background: url("../images/about02.jpg") no-repeat; background-size: cover; height:5rem; line-height:5rem; font-size: 1rem; padding: 1rem;}
.aui-padded-l-5{padding-left: .25rem;}.aui-padded-t-20{ padding-top: 1rem;}.aui-padded-t-40{ padding-top: 2rem;}
.aui-padded-r-5{padding-right:.25rem;}.aui-line-height-40{ line-height: 40px;}
.aui-padded-5{padding: .25em;}
.aui-margin-b-10{ margin-bottom: .5rem;}.aui-margin-b-15{ margin-bottom: .75rem;}.aui-margin-b-20{ margin-bottom:1rem;}
.aui-margin-b-10{ margin-top: .5rem;}.aui-margin-t-15{ margin-top: .75rem;}.aui-margin-t-20{ margin-top:1rem;}.aui-margin-t-40{ margin-top:2rem;}
.aui-text-center{ text-align: center;}
.aui-ellipsis-1 {overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.aui-ellipsis-2 {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.licenter{vertical-align: middle;text-align: center;display: table}
.licenter span{height: 100%;display: inline-block;vertical-align: middle;}
.licenter img{text-align: center;vertical-align: middle;}
.aui-text-left{ text-align: left;}.aui-text-center{ text-align: center;}
.aui-text-right{ text-align: right;}.aui-width-50{ width: 50%;}
.clear{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.aui-font-size-14 {
    font-size: 0.7rem !important;
}
.aui-font-size-16 {
    font-size: 0.8rem !important;
}
.aui-font-size-18 {
    font-size: 0.9rem !important;
}
.aui-font-size-20 {
    font-size: 1rem !important;
}
.aui-font-size-22 {
    font-size: 1.1rem !important;
}
.aui-font-size-24 {
    font-size: 1.2rem !important;
}
.aui-font-size-26 {
    font-size: 1.3rem !important;
}
.aui-font-size-28 {
    font-size: 1.4rem !important;
}
.aui-font-size-30 {
    font-size: 1.5rem !important;
}
.aui-font-size-32 {
    font-size: 1.6rem !important;
}
.aui-font-size-34 {
    font-size: 1.7rem !important;
}
.aui-font-size-36 {
    font-size: 1.8rem !important;
}
.aui-font-size-38 {
    font-size: 1.9rem !important;
}
.aui-font-size-40 {
    font-size: 2rem !important;
}
.aui-font-size-45 {
    font-size: 2.5rem !important;
}
.aui-font-size-50 {
    font-size: 3rem !important;
}
.aui-border-b{ border-bottom: #ddd solid 1px;}
.aui-bg-gay{ background: #f7f7f7;}
.aui-border-radius-5{ border-radius:5px;}
.aui-margin-0{ margin: 0;}
.aui-padded-t-10{ padding-top:.5rem}
.newsdetail{ padding: 1rem;}
.newsdetail h2{ margin:0; font-size:1rem; line-height: 1.2rem; font-weight:normal; margin-bottom:.5rem;}
.newsdetail h5{ font-size:.8rem; text-align:left; margin:0; padding-left:.5rem; line-height:2.5rem; background:#f7f7f7; }
.newsdetail h5 span{ font-size:.6rem;}
.newsdetail .subtitle{ font-size:.6rem; color:#999; border-bottom:#ececec solid 1px; margin-bottom:.5rem; padding-bottom:.5rem; }

.location{ color:#999; }
.location span{ padding:0 .2rem;}
.location a{ color: #666;}
.location i{ margin-right: .2rem;}

.aboutcon{ color: #333; padding:1rem;}
.aboutcon p{ margin-bottom:1rem; line-height: 1.2rem; font-size:.7rem; }
.aboutcon img{ max-width: 100%;}
.subnav{ margin:0; padding:0; background:#FFF;}
.subnav a{ display:block; }
.subnav li{ margin:0; padding:0 .5rem 0; line-height:2rem; list-style: none; width:33.3333333%; float: left; border-bottom:#ececec solid 1px; font-size:.6rem;}
.subnav li.cur{ background:#00aa3a; color: #FFF;}
.subnav li.cur a{ color:#FFF; }

.newslist .row{ padding: 1rem;}
.newslist .col-25 img{ max-width: 100%; }
.newslist b{ font-size:.7rem; line-height:.8rem; margin-bottom:.5rem; display: inline-block; color:#333; } 
.newslist p{ font-size: .6rem; color: #999; margin:0px;}

.detail{ font-size: .7rem; line-height:1rem; } 
.detail img{ max-width:100%;}
.other h2{ font-size:.8rem; font-weight:bold; padding: 1rem 0 .5rem; margin:0;}
.other .li{ font-size:.7rem; line-height:1rem; margin-bottom: .3rem;}

.message p{ margin-bottom:5px; line-height:21px; padding-bottom:15px;}
.message h5{ font-size:14px; line-height:35px;}
.message strong { color:red; padding:0 5px; }
.message .li { margin-bottom: 10px; list-style: none;}
.message .li big { width:4rem; display:block; text-align:right; float:left; font-size:12px;line-height:1.8rem;}
.message .li input { height:1.8rem; line-height:1.8rem; border:#dbdfe6 solid 1px; width:12rem; padding-left:10px;}
.message .li textarea { width:12rem; height:80px; border:#dbdfe6 solid 1px; margin-top:5px;padding:10px;}
.message .li.btn { padding:10px 0 0 100px}
.message .li input.btn {height:40px; background:#00aa3a; border:0px; padding: 0px; text-align:center; font-size:15px; cursor:pointer; width:140px; color:#FFF;}
input[type=submit],input[type=reset],input[type=button],input[type=text],textarea{-webkit-appearance:none; border-radius: 0px;}


.iproduct .dt,.newslist .dt{text-transform: uppercase; font-weight: bold; padding: 0 .6rem; line-height: 2.5rem; border-bottom: #ececec solid 1px; font-size:.8rem;}
.iproduct .dt span,.newslist .dt span{ font-size:.5rem; font-weight:normal; }
.iproduct .con{ padding: .6rem; font-size:.6rem; line-height:2rem;}
.iproduct .con .img{ width: 100%; height: 5rem; display: table; text-align: center; vertical-align: middle; border:#ececec solid 1px;}
.iproduct .con .img span {height: 100%;display: inline-block; vertical-align: middle;}
.iproduct .con .img img{max-width: 90%; max-height:100%; text-align: center;vertical-align: middle;}