?¨ÓÃ*/
body { font: 14px "microsoft yahei", Arial, Helvetica, sans-serif; color: #333; margin: 0 auto; padding: 0;}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd { margin: 0; padding: 0; border: none; list-style: none;}
.lf { float: left;}
.rt { float: right;}
.clear { clear: both;}
.clearfix { clear: both;}
.hide { display: none;}

img { border: 0;}
a { text-decoration: none; color: #333;}
h1,h2,h3,h4,h5,h6 { font-weight: normal;}

.header , .content , .container { margin: 0 auto; width: 85%; font-family: microsoft yahei;}
/* header */
.header { width: 100%; overflow: hidden; background-color: #fff;}
.headerTop  { overflow: hidden; width: 100%; height: 35px; background: url(../img/header_top.jpg) repeat-x left top;}
.headerTop p { float: left; font-size: 13px; color: #666; line-height: 35px;}
.headerTop ul { overflow: hidden; float: right; margin-top: 8px;}
.headerTop li  { float: left; font-size: 13px; padding: 0 10px; border-right: 1px dotted #666;}
.headerTop li a { color: #666;}
.headerTop li.li01 a { font-weight: bold; color: #019972;}
.headerTop li.last { border: none; padding-right: 0;}

.headerCenter { overflow: hidden; height: 110px;}
.headerCenter h1 { float: left; overflow: hidden; margin-top: 8px; width: 86px; height: 90px;}
.headerCenter h1 a { display: block;}
.headerCenter h1 img { width: 100%; height: auto;}
.headerCenter .wen { overflow: hidden; float: left; margin-left: 8px; margin-top: 18px; border-left: 1px solid #ccc; padding: 0.8em 0.6em;}
.headerCenter .wen h2 { font-size: 22px; color: #019972; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.headerCenter .wen p { font-size: 16px; color: #000; margin-top: 10px; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.headerCenter .phone { overflow: hidden; float: right; margin-top: 30px;margin-right: 1%;}
.headerCenter .phone p { font-size: 15px; color: #666; margin-bottom: 6px; line-height: 18px;}
.headerCenter .phone p em { color: #333; font-size: 16px; line-height: 18px;}
.headerCenter .phone span { display: block; font-size: 14px; color: #666; padding: 0 0 8px 25px;
    background: url(../img/phone.png) no-repeat left center;}
.headerCenter .phone span b { font-size: 24px; color: #019972; font-family: Arial;}

.headerNav { overflow: hidden; width: 100%; height: 60px; background-color: #019972;}
.headerNav li { width: 12.5%; float: left; font-size: 16px; line-height: 60px; text-align: center; letter-spacing: 1px;
    background: url(../img/header_nav_bor.png) repeat-y right top;}
.headerNav .no_bg { background: none;}
.headerNav li a { display: block; color: #fff; padding: 0 21px; text-decoration: none;}
.headerNav .last { background: none}
.headerNav li.cur,.headerNav li:hover { background: #2c2c2c;}

.headerTop .container  .top_right { float: right; width: 50%;}
.headerTop .container .top_right img { float: left; padding: 2px 2px 0 0;}
.headerTop .container .top_right li { float: right; width: 12%; padding-left: 20px;}
.headerTop .container .top_right li:hover a { color: #1B82DF;}

/* banner */
.slideBox { width: 100%; overflow: hidden; position: relative;}
.slideBox .hd { height: 25px; overflow: hidden; position: absolute; right: 46%; bottom: 25px; z-index: 1;}
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li { float: left; margin-right: 2px; width: 25px; height: 25px; line-height: 25px; 
    text-align: center; background: #2c2c2c; cursor: pointer; color: #fff;}
.slideBox .hd ul li.on { background: #f90; color: #fff;}
.slideBox .bd { position: relative; height: 100%; z-index: 0;}
.slideBox .bd li { zoom: 1; vertical-align: middle;}
.slideBox .bd img { width: 100%; display: block;}
/* Ç°/ºó°´Å¥ */
.slideBox .prev,
.slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; 
    height: 40px; background: url('../img/slider-arrow.png') -110px 5px no-repeat; 
    filter: alpha(opacity=60); opacity: 0.6;}
.slideBox .next { left: auto; right: 3%; background-position: 8px 5px;}
.slideBox .prev:hover,
.slideBox .next:hover { filter: alpha(opacity=100); opacity: 1;}
.slideBox .prevStop { display: none;}
.slideBox .nextStop { display: none;}

/*·ÖÀà±êÌâ*/
.CategoryList_Title{ height:2.968em; line-height:2.968em; padding:0 .687em; color:#333; 
    text-align:center; border-bottom:1px solid #b0b4bb; font-size:1.125em; display: none;
    background: linear-gradient(180deg , #f2f2f2 0% , #e0e0e0 100%);}
.CategoryList_Title .fl { float: left; background: url('../img/jt6.png') no-repeat left center; width: 17px; 
    height: 100%;}
.CategoryList_Title .icon-details{margin-right:.5em; float: right;}
@media screen and (max-width: 768px) {
    .CategoryList_Title, .hide {display: block;}
    .hideP { display: none;}
}

/*footer*/
.flinkbg { width: 100%; background: #32343b;}
.flink { width: 85%; margin: 0 auto;}
.flink h2 { float: left; font-size: 15px; font-weight: bold; line-height: 30px; color: #f1f1f1;}
.flink ul { padding: 5px 0; float: left;}
.flink ul li { float: left;  font-size: 14px;  margin-right: 20px;line-height: 30px; }
.flink ul li a { color: #FFFFFF;}
.flink ul li:hover a { color: #019972;}

.bottombg { width: 100%; background-color: #3c3e46;}
.bottom{ width: 85%; margin: 0 auto; padding-top: 20px; padding-bottom: 20px;}
.bottom .btm1 { float: left; width: 35%; line-height: 50px; font-size: 14px;}
.bottom .btm1 .phone { height: 50px; color: #fff; padding-left: 10%; 
    background: url("../img/phoneD.png") no-repeat left center; }
.bottom .btm1 .email { height: 50px;  color: #fff; padding-left: 10%; 
    background: url("../img/email.png") no-repeat left center;  }
.bottom .btm1 .addr { height: 50px;  color: #fff; padding-left: 10%; 
    background: url("../img/addr.png") no-repeat left center; }

.bottom .btm2 { float: left; margin-right: 4%; width: 35%; border-right: 1px solid #fff; position: relative; 
    padding-left: 2%; border-left: 1px #fff solid;}
.bottom .btm2 p { line-height: 36px; font-size: 14px; color: #fff;}
.bottom .btm2 p span { margin-left: 20px;}
.bottom .btm2 p a { color: #fff; display: inline;}
.bottom .btm2 p a:hover { color: #7bbf09;}
.bottom .btm2  img { width: 50px; height: 55px; position: absolute; bottom: 10px; left: 70%;}
.bottom .weixin { float: right; width: 23%;  font-size: 14px; padding-top: 15px; text-align: center;}
.bottom .weixin p { text-align: center; color: #fff;}
.bottom .weixin img { width: 110px; margin: 0 auto; height: 110px;}

.fttow { display: none; width: 100%; height: 56px; background: rgba(0,0,0,0.8); position: fixed; bottom: 0; 
    z-index: 999}
.fttow li { width: 33.3%; float: left;}
.fttow li span { width: 100%; float: left; height: 33px;}
.fttow li p { width: 100%; line-height: 21px; float: left; text-align: center; font-size: 13px; color: #fff;}
.fttow li a { color: #fff;}
.fttow li span img { height: 2em; padding-top: 0.2em; display: block; margin: 0 auto;}

.saoma1{width:300px; height:300px;position:fixed;bottom:10%; left:50%; margin-left:-150px;z-index: 10000;background: #000;opacity: 0.8;}
.ewm11{width:200px; height:200px; margin:0 auto; position: absolute;top:50%; left:50%;margin-top:-33%; margin-left:-33%; }
.ewm11 img{width:100%;}

@media screen and ( max-width: 1920px) and (min-width: 1440px){
    .content , .container { width: 1210px;}
}
@media screen and (max-width: 1024px){
    .top_box .top_right { display: none;}
    .top_box .top_left { width: 100%!important; float: none!important; color: #fff!important;}
    .top { background: #1a1a1a;}
    .headerTop .container .top_right { display: none;}
}
@media screen and ( max-width: 1024px) and (min-width:768px){
    .bottom .btm1 .addr{line-height:25px;padding-top:10px;}
}
@media screen and (max-width: 768px){
    .headerCenter .phone { display: none;}

    .header, .content, .footer, .container { width: 100%;}
    .headerCenter h1 { width: 20%; padding: 0 0 0 0.5em; margin-top: 10px;}
    .headerCenter .wen { width: 68%;}
    .headerCenter .wen h2 { font-size: 16px;}
    .headerCenter .wen p { font-size: 14px;}
    .headerTop { padding: 0 0 0 0.4em;}
    .headerCenter { overflow: hidden; height: auto;}
    .headerNav li { width: 24.7%; border-right: 1px solid #fff; border-bottom: 1px solid #fff; height: 42px; 
        line-height: 42px;}
    .headerNav li a { padding: 0;}
    .headerNav { height: 84px;}

    .flinkbg { background: #4d4d4d; color: #fff;}
    .flink { width: 98%;}
    .flink h2 { width: 80%; color: #fff;}
    .flink ul { width: 100%; padding: 0px;}
    .flink ul li { line-height: 26px;}
    .flink ul a { color: #eee;}

    .bottom { width: 98%; padding-bottom: 20%!important;}
    .bottom .btm1 { display: none;}
    .news .news_con .bottom { height: auto!important; padding-bottom: 0!important;}
    .bottom .btm2 { width: 100%; text-align: center; border-right: none; margin-right: 0; margin-top: 10px; }
    .bottom .btm2 p { line-height: 20px;  font-size: 12px; }
    .bottom .weixin { display: none;}
    .fttow { display: block!important;}
    .bottom .btm2  img { left: 80%;}
    .about4 { width: 98%; margin: 0 auto;}
    .hqfcBox .hqfcCont { padding-bottom: 5px}
    .fttow { display: block!important;}

    .slideBox .hd { display: none;}
}
@media screen and ( max-width: 600px ) and ( min-width: 413px ){
    .headerCenter .wen { width: 69%}
    .headerCenter .wen h2 { font-size: 15px;}
    .headerCenter .wen p { font-size: 12px;}
}
@media screen and ( max-width: 374px ) and ( min-width: 320px ){
    .headerNav li { width: 24.7%;}
    .headerNav li:nth-child(4n) { border-right: none; background: none;}
    .headerCenter .wen { width: 67%;}
}