@charset "utf-8";
/*reset  css*/
body{margin: 0 auto; font: 12px/2em "Microsoft YaHei", tahoma, Arial, Helvetica, sans-serif; background: #fff; color: #333;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd,ul,ol,li,pre,form, fieldset, legend, button, input, textarea, th, td{margin: 0; padding: 0;}
fieldset, img {border: 0;}
li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
button, input, select, textarea {font-size: 100%;}
a{text-decoration: none; color:#656565;}
a:hover{text-decoration: underline; color:#ff4b00;}

/*common  css*/
.clear{clear: both; zoom: 1;}
.clear:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}

/*index  css*/

/* CSS Header */
#Filter_01{width: 100%;margin:0 auto;border-top:solid 30px #006ada;}
#Filter_01_top{width:1200px;margin:0px auto;margin-top:-25px;color:#f7f7f7;}
#Filter_01_mid{width: 1200px;height: 136px;margin:0 auto;position: relative;}
.fl{float:left;}
.fr{float:right;}
#Filter_01_mid a{color: #e2e2e2;padding-right: 10px;}
#Filter_01_logo{width: 800px;height: 83px;position: absolute;left: 0;top:25px;}
#Filter_01_logo a{display: block;width: 760px;height: 80px;background: url(../images/logo3.jpg) left center no-repeat;padding-left:110px;font-size:18px;color:#807f7f;margin-top:20px;line-height: 40px;}
#Filter_01_logo strong{
     font-size:32px;
     color:#1472df;
}

#Filter_01_tel{min-width: 45px;height: 50px; padding-left: 55px;/* background: url(../images/he_01_tel.png) left center no-repeat;*/line-height: 25px;position: absolute;right: 0;top:40px;color: #3c3c3c;font-size: 18px;}
#Filter_01_tel span{color: #006ada;font-size: 30px;}
#Filter_02{width: 100%;height: 60px;background: #006ada;margin:0 auto;    margin-top: 20px;}
#Filter_02_mid{width: 1200px;height: 60px;margin:0 auto;}
#Filter_02_mid li{width: 170px;height: 60px;line-height: 60px;text-align: center;float: left;border-right:solid 1px #0087e4; }
#Filter_02_mid li:last-child{border-right:none;}
#Filter_02_mid li a{display: block;color: #fff;font-size: 16px;transition:all 0.4s;}
#Filter_02_mid li a:hover{background: #df0024;}
#Filter_03{width: 100%;height: 500px;margin:0 auto;position: relative;}
#Filter_03_mid{width: 1920px;height: 500px;position: absolute;top:0;z-index: 999;}
#Filter_03_key{width: 1200px;height: 41px;font-size: 14px;color: #666666; line-height: 40px; background: url(../images/in_03_key.png) center no-repeat;position: absolute;top:0;z-index:1000;}
#Filter_03_key a{font-size: 14px;color: #666666;}
#Filter_03_key a:hover{color: #e80000;}
#Filter_03_key span{padding-left: 40px;}
#Filter_03_search{width: 264px;height: 24px;position: absolute;right: 40px;top:8px;background: url(../images/search_bg.png) center no-repeat;}
#Filter_03_search #search_name{ width: 230px; height: 24px; line-height: 22px; float: left;border:none; outline: none; color: #b8b8b8;background: none;font-family: "微软雅黑";font-size: 12px;}
#Filter_03_search #button{ width: 32px; height: 24px; float: right; cursor: pointer; background: none; border:none;}
.banner{width: 100%; height: 420px;  margin: 0px auto; overflow: hidden; position:relative;}
.slideBox{ width:1920px; height:420px; overflow:hidden; position:absolute; left:50%; margin-left:-960px;}
.slideBox .hd{width: 80px; height:15px; overflow:hidden; position:absolute; left:50%; bottom:15px; z-index:1; margin-left: -40px;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin: 0 5px;  width:12px; height:12px; line-height:12px; text-align:center; background:#fff; cursor:pointer; border-radius:50%; text-indent:-999999px;}
.slideBox .hd ul li.on{ background:#016db8; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1920px; height:420px; display:block;  }

.content{width:1170px; margin: 0px auto; padding:5px 0;}
.list{width: 222px; margin-bottom: 10px; background:#fff;}
.listTitle{width: 100%; height: 50px; line-height: 50px; border-bottom:1px solid #ccc; /* background:#be0b08; */ background:#016db8;}
.listTitle h3{font-size: 22px; padding-left: 20px; color: #fff; float: left;}
.listTitle span{margin-left: 10px; color: #fff; float: left; display: inline;}
.mainTitle{width:100%;text-align:center;}
.mainTitle b{
    display: block;
    font-size: 22px;
}
.mainTitle h3{
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    margin: 15px auto;
    position: relative;
}
.mainTitle h3:before{
    display: block;
    content: '';
    width: 42%;
    height: 1px;
    background-color: #e2e2e2;
    position: absolute;
    left: 0;
    top: 15px;
}
.mainTitle h3:after{
    display: block;
    content: '';
    width: 42%;
    height: 1px;
    background-color: #e2e2e2;
    position: absolute;
    right: 0;
    top: 15px;
}
.mainTitle p{
    font-size: 14px;
    margin-bottom: 10px;
}
.icon03 h3{width:80px; background:url(../images/icon003.gif) repeat-x; color:#fff;}
.mainTitle span{margin-left: 10px; color: #fff; font-weight: bold; float: left; display: inline;}
.more{float: right; margin-right:10px; display: inline; color:#fff;}
.more:hover{color:#fff; text-decoration:none;}
.about_big{background:#f5f5f5;padding: 30px 0px;}
.about{width:100%; margin-bottom: 10px; margin-right:10px; background:#fff;}
.aboutCon{padding: 10px;height: 260px;background: #fff;width: 623px;float: right;font-size: 16px;line-height: 30px;}
.aboutImg{width:500px; height:300px; margin-right:10px;}
.aboutCon p{text-indent:2em;}
.news{width:1200px;overflow:hidden;margin: 40px auto;}
.newsCon{width:1230px; }
.news li{height: 35px; line-height: 35px; background: url(../images/icon02.gif) no-repeat left center; border-bottom: 1px dashed #ccc; vertical-align: middle;font-size:14px;width: 570px;float: left;
    font-size: 14px;margin-right: 30px;}
.news li a{float: left; margin-left: 12px;}
.news li span{float: right; font-weight: normal; color: #333;}
.product{width: 930px; margin-bottom: 10px; background:#fff;}
.productCon{overflow: hidden; padding-bottom: 15px;width:960px;}
.productCon li{    width: 218px;float: left;margin-right: 20px;display: inline;margin-top: 20px;
    background: #f5f5f5;}
.productCon img{    width: 215px;height: 150px;border: 1px solid #eee;}
.productCon h4{    line-height: 40px;text-align: center;overflow: hidden;font-size: 14px;
    }
.flink{width: 1150px; margin: 0px auto; line-height: 24px; word-break: keep-all; text-align: left; padding:10px 5px; }
.flink a, .flink span{margin: 0 5px;}
.footer{padding: 10px 0; margin-top: 10px; text-align: center; /* background:#b80000; */ background:#016db8; color:#fff;}
.footer p{line-height: 30px;}
.footer a{color:#fff;}

.adv-title{height:200px; background:url(../images/ad.jpg) no-repeat top center;}
.adv-ys01{width: 1200px; height: 905px; background: url(../images/you1.jpg) no-repeat top center; margin: 30px auto 0;}
.adv-ys02{width: 1200px; height: 669px; background: url(../images/you2.jpg) no-repeat top center; margin: 0 auto;}

/*sidebar  css*/
.sidebar{width: 222px; overflow:hidden;}
.listCon{width:220px; /* height:280px; */ border:1px solid #ccc; overflow:hidden;}
.listCon li{width: 210px; height: 36px; line-height: 36px; overflow: hidden; border-bottom: 1px solid #e3e3e3; margin:0 5px; background:url(../images/icon01.jpg) no-repeat 10px center;}
.listCon li a{margin-left: 30px;}
.listCon li:last-child{border-botoom: none;}
.sideContact{width: 222px; margin-bottom: 10px; background:#fff;}
.sideContactCon{padding: 10px; min-height:260px; border:1px solid #ccc;}

/*main  css*/
.main{width: 930px;}
.main02{width: 913px; border:1px solid #ccc; margin-bottom: 10px;}
.mainCon{padding: 20px 10px; line-height:30px; overflow:hidden; background:#fff;font-size:14px;color:#666;}
.mainCon02{line-height: 2em; background:#fff;width:930px; overflow:hidden;}
.mainNews li{height: 30px; line-height: 30px; background: url(../images/icon05.gif) no-repeat left center; padding-left: 10px; border-bottom: 1px dotted #dfdfdf; vertical-align: middle;font-size:14px;margin-bottom:10px;}
.mainNews li span{ font-size:12px;color:#585858;}
.mainNews li a, .related_article li a{float: left;}
.mainNews li a:hover{text-decoration: none;}
.mainNews li span, .related_article li span{float: right;}
.mainPro{width:950px; overflow:hidden; margin-right: -20px;}
/* .mainPro li{width: 215px; float: left; margin: 0 20px 20px 0px; display: inline;  border:1px solid #d7d7d7;}
.mainPro li img{width: 205px; height: 150px; padding:5px 5px 0 5px;}
.mainPro li h4{font-size: 14px; line-height: 30px; text-align: center; padding-bottom:5px;} */
/* .productCon{overflow: hidden; border:1px solid #ccc; padding-bottom: 15px;} */
.mainPro li{width: 296px; float: left; margin-right: 20px;  margin-top:20px;}
.mainPro img{width: 294px; height: 220px; border:1px solid #e3e3e3;}
.mainPro h4{line-height: 20px; text-align: center; overflow:hidden; font-size: 14px; margin-top:10px;}
.mainVideo li{width: 240px; float: left; margin: 0 0 5px 10px; display: inline;}
.mainVideo li img{width: 228px; height: 164px; padding:5px 5px 0 5px; border:1px solid #d7d7d7;}
.mainVideo li h4{font-size: 14px; line-height: 20px; text-align: center; padding-bottom:5px;}
.page{ height: 20px; text-align:center; margin-top:10px;}
.page li{ display:inline; margin:0px 3px;}
.page li.thisclass a{ text-decoration:none; cursor:default; color:#C00;}

.pages{text-align: center; overflow: hidden; margin: 20px auto 0;}
.pages li{display: inline-block; margin-right: 5px;}
.pages li a{padding: 5px 8px; background-color: #fff;}
.pages li.thisclass a, .pages li a:hover{ background-color: #016db8; color: #fff; text-decoration: none;}

.article_title{font-size:16px; line-height:30px; color:#000; text-align:center;}
.article_author{text-align:center; border-bottom:1px solid #d7d7d7; padding-top:10px;}
.article_author span{margin-right:15px; line-height:2em;}
.article_content{padding:20px 0;}
.article_content img{display: block; max-width: 100%; margin: 5px auto}
.page_next{text-align:center; border-bottom:1px dotted #ccc;}
.page_next span{margin-right:40px; line-height:45px;}
.pro_top{margin-bottom:10px; overflow:hidden;}
.article_img{display:block; width:400px; float:left; margin-right:20px; border:1px solid #ccc;}
.article_img img{width:400px; height:auto;}
.pro_intr{width:445px; float:left;}
.pro_intr li{line-height:30px; border-bottom:1px dotted #ccc; }
.pro_intr li img{vertical-align:middle; margin:3px 0;}
.pro_intr li h2{font-size:16px; color:#000; font-weight:normal;}
.pro_intr{margin-bottom: 20px;}
.pro_intr li span {color: #cc0000; font-weight: bold; font-size:14px; margin:0 10px;}

.article_smalltitle,.pro_info{height:30px;line-height:30px; font-size:14px; }
.related_article li{width:45%; margin-left:15px; float:left; background:url(../images/ico01.gif) left center no-repeat; padding-left:15px; display: inline;}
.related_pro{width: 910px;}
.related_pro li{width: 205px; float: left; margin: 10px 0 15px 20px; display: inline;  border:1px solid #d7d7d7;}
.related_pro li img{width: 196px; height: 130px; padding:5px 5px 0 5px;}
.related_pro li h4{font-size: 14px; line-height: 30px; text-align: center; padding-bottom:5px;}
.pro_info{border-bottom: 1px solid #d7d7d7;}

.show{margin-bottom:10px;}
.picScroll-left{ overflow:hidden; position:relative;}
.picScroll-left .bd{ padding:10px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:205px; height:130px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:35px;  height: 35px;overflow: hidden;font-size:14px;}



/*侧边*/
.menu_list{
    background:#fff;
    /*padding:5px;*/
}
.menu_list .current {
    background: #f1f1f1 url(../images/pro_down.png) center right no-repeat;
}
.menu_head {
    height: 40px;
    line-height: 40px;
    padding:0px 10px;
    font-size: 16px;
    color: #525252;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    position: relative;
    margin: 0px;
    font-weight: bold;
    background: #f1f1f1 url(../images/pro_left.png) center right no-repeat;
    margin-top:10px;


}
.menu_head a{
    display: block;
    text-overflow: ellipsis;
    width: 91%;
    height: 40px;
    overflow: hidden;
}
.menu_body {

    height: auto;
    overflow: hidden;
    line-height: 38px;
    border-left: 1px solid #e1e1e1;
    backguound: #fff;
    border-right: 1px solid #e1e1e1;
    overflow:hidden;
}
.menu_body a {
    display: block;
    height: 38px;
    line-height: 38px;
    padding:0px 20px;
    color: #777777;
    background: #f5f5f5;
    text-decoration: none;
    border-bottom: 1px solid #e1e1e1;
    font-size:14px;
    overflow:hidden;
}