@charset "utf-8";
/*reset  css*/
body{margin: 0 auto; font: 12px/1.5em "Microsoft YaHei", tahoma, Arial, Helvetica, sans-serif; background: #fff; color: #333;font-family:微软雅黑;}
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, div{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:#305dc3;}

/*common  css*/
.clear{clear: both; zoom: 1;}
.clear:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
.content{
    width:1200px;margin:10px auto;
    overflow:hidden;
}

/*index  css*/
.header{width: 1200px; height: 100px; margin: 0 auto; overflow: hidden;}
.header h1{width: 484px; height: 84px; float: left; margin-top: 8px;}
.header p{/* width: 250px; */ line-height: 40px; font-size: 26px;  color: #ff0000; float: right; margin-top: 10px; /* margin-right: -60px; */font-weight:600;}
.header .sitemap{width: 60px; line-height: 20px; color: #fff; float: right;}
.header_right {float: right;}
.header_right .searchPlaceholder{line-height: 30px; width: 170px; height: 30px; padding: 0 10px; border: 1px solid #666;}
.header_right .btn-search {width: 60px; line-height: 30px; border: 1px solid #666; padding: 0;}
.nav{width:100%;height: 44px; background:#305dc3;font-family: 微软雅黑;overflow:hidden;}
.nav ul{width: 1200px; height: 44px; margin: 0 auto;overflow:hidden;}
.nav li{width: 150px; height: 44px; line-height: 44px; float: left; text-align: center;}
.nav li a{display: block; width: 100%; height: 44px; font-size: 14px; color: #fff;border-bottom:none;}
.nav li a:hover{color:#fff; text-decoration: none; background:#2752b3}
.banner img{width: 100%;max-width: 1920px;margin: 0px auto;}
/* qqshop focus */
/*#frame{width: 100%; height:500px; position: relative; overflow: hidden; margin: 0 auto;}
#frame #img img{width: 100%; height: 500px; }
#btn{position: absolute; bottom: 10px; right: 20px;}
#img a{display: block; width: 100%; height: 500px; position: absolute; left: 0px; top: 0px;}*/
.banner{width:100%; height:500px; margin:0px auto; overflow:hidden; text-align:center; position: relative;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:1920px; height:500px; background:#fff; position:absolute; left: 50%; margin-left: -960px; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{cursor:pointer; width:45px; height:45px;  position:absolute; top:200px; left:25px; z-index:10; background:url(../images/prevBtn.png) no-repeat;}
#playBox .next{cursor:pointer; width:45px; height:45px; position:absolute; top:200px; right:25px; z-index:10; background:url(../images/nextBtn.png) no-repeat;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:20px; z-index:10; text-align:center;}
#playBox .smalltitle ul{margin:0 auto; width:120px;}
#playBox .smalltitle ul li{cursor:pointer; margin:0 5px; width:20px; height:10px; color:#fff; background-color:#fff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{color:#D40404; background-color:#D40404;}


.footer{background: #f2f2f2; padding: 10px 0 15px 0; min-height: 60px; margin-top: 10px; text-align: center; border-top: 1px solid #ddd;}
.footer p{line-height: 30px;}
.flink{width: 1170px; margin: 0 auto; margin-bottom: 0px; min-height: 24px; _height:24px; line-height: 24px; word-break: keep-all; text-align: left;font-size:12px;}
.flink a, .flink span{margin: 0 5px;}

/*sidebar  css*/
.sidebar{width: 218px;font-size:14px;}
.sidebar_list h3{height: 35px; line-height: 35px; font-size: 14px; color: #fff; padding-left: 15px; background: url(../images/title_bg.jpg) repeat-x;}
.sidebar_list ul{ border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: #f2f2f2;}
.sidebar_list li{ height: 37px; line-height: 37px; border-bottom: 1px solid #c0c0c0;}
.sidebar_list li a{display:block; height: 37px; vertical-align: middle; background: url(../images/icon02.gif) no-repeat left center; padding-left: 10px; color:#333;padding-left:15px;}
.sidebar_list li a:hover{text-decoration: none;color:#305dc3;}
.sidebar_contact{ border: 1px solid #ccc; margin-top: 10px;overflow:hidden; }
.sidebar_contact h3{font-size: 22px;color: #1168d2;background: url(../images/QQ.jpg) no-repeat left top;width:100%;height:50px;background-position:center;
    padding-top: 20px;}
.sidebar_contact p{padding: 5px 10px; line-height: 1.8em;}

/*main  css*/
.main{width: 960px;overflow:hidden;}
.main_about, .main_news, .main_picture, .main_product, .main_top, .main_hot_product, .main_info{width: 100%; /*border:1px solid #ddd; background: url(../images/title02.jpg) repeat-x;*/}
.main_about h3, .main_news h3, .main_picture h3, .main_product h3, .main_top h3, .main_hot_product h3, .main_info h3{height: 40px; line-height: 40px; width:100%;border-bottom:2px solid #1168d2;overflow:hidden;padding-left:0px; color:#fff;margin-bottom:20px;}
.main_about h3 span, .main_news h3 span, .main_picture h3 span, .main_product h3 span, .main_top h3 span, .main_hot_product h3 span, .main_info h3 span{
    height: 40px; line-height: 40px; float: left; padding:0px 10px; font-size: 18px; background:#1168d2;
}
.more{width: 39px; height: 11px; float: right;  margin-top: 25px; background: url(../images/more.gif) no-repeat; padding-right: 10px; text-indent: -9999px;}
.main_about_con{padding: 10px; line-height: 1.7em;}
.main_about_con p{
    font-size:14px;line-height:28px;
}
.main_about_con img{    width: 270px;height: 218px;float: left; margin-right: 10px;}
.news{width:1200px;overflow:hidden;}
.main_news, .main_info{width: 590px; margin-top: 10px;margin-bottom:20px;}
.main_news ul, .main_info ul{padding: 0 10px;}
.main_news li, .main_info ul li{height: 35px; line-height: 35px; border-bottom: 1px dotted #dfdfdf; vertical-align: middle; background: url(../images/icon01.jpg) no-repeat left center; padding-left: 10px;}
.main_news li a, .main_info ul a, .related_article li a{float: left;font-size:14px;}
.main_news li a:hover, .main_info ul a:hover{text-decoration: none;}
.main_news li span, .main_info ul span, .related_article li span{float: right;font-size:13px;}
.main_picture{width: 321px; margin-top: 10px; overflow: hidden;}
.main_picture_con{height: 248px;}
.main_hot_product{margin-top: 10px;}
.hot_product_con{    width: 975px; padding: 8px 0 5px 0; overflow: hidden;}
.hot_product_con li{width:175px; float:left; margin: 0 20px 0 0;}
.hot_product_con li img{    width: 173px;
    height: 140px;border: 1px solid #ccc;}
.hot_product_con li h4{width:148px; line-height: 38px; text-align: center;}

#leftBtn{width: 31px; height: 30px; position: absolute; right: 0px; top: 70px;}
#rightBtn{width: 31px; height: 30px; position: absolute; left: 0px; top: 70px;}
#scrollCon{width: 1200px;  overflow: hidden;margin-right:-10px;}
#scrollCon li{width: 230px; float: left; margin-right: 10px;}
#scrollCon li img{width: 230px; height: 170px;}
#scrollCon li h4{height: 26px; line-height: 26px; text-align: center;}

.position{line-height: 35px; float: right; padding-right: 10px;font-size:14px;color: #666;}
.main_con{padding: 20px; min-height: 638px;font-size: 14px;
    line-height: 28px;}
.main_con_img{padding: 20px 0; min-height: 638px; _height: 637px;}
.img_list li{width: 170px; float: left; margin: 0 0 20px 20px; display: inline; border: 1px solid #ddd;}
.img_list li img{width: 170px; height: 120px;}
.img_list li h4{line-height: 26px; text-align: center;}
.arlist_list li{height: 30px; line-height: 30px; background: url(../images/news_bg.jpg) no-repeat left center; padding-left: 21px; border-bottom: 1px dotted #ccc; vertical-align: middle;}
.arlist_list li a{float: left;}
.arlist_list li span{float: right;}
.page{ height: 40px;
    text-align: center;
    margin-top: 10px;
    overflow: hidden;
    width: 100%;}
.page li{ display:inline; margin:0px 3px;}
.page li.thisclass a{ text-decoration:none; cursor:default; color:#C00;}

.article_title{font-size:16px; line-height:26px; color:#000; text-align:center;}
.article_author{text-align:center; border-bottom:1px dotted #ccc; padding-top:10px;}
.article_author span{margin-right:15px; line-height:2em;}
.article_content{width: 100%; padding:20px 0; line-height: 2em;}
.page_next{text-align:center; border-bottom:1px dotted #ccc;margin-bottom:20px;}
.page_next span{margin-right:40px; line-height:45px;}
.pro_intr{margin-bottom: 20px;}
.pro_intr h2{font-size: 20px;
    line-height: 30px;
    color: #333;
    font-weight: 600; margin-bottom: 10px;}
.pro_intr p{ margin-bottom: 10px; font-size: 14px;}
.pro_intr p span {font-weight: bold;}
.pro_intr a{}
.article_img{width:360px; height:260px; float: left; margin-right: 20px;}
.article_img img{width:360px; height:260px; padding: 4px; border: 1px solid #ccc;}
.pro_intr_right {float: right; width: 540px;}
.article_smalltitle,.pro_info{width: 100%; height:30px;line-height:30px; font-size:18px; }
.related_pro li{ border: 1px solid #eee;padding: 10px; }
.related_article li {border-bottom: 1px dashed #eee;}
.pro_da{
    margin-bottom:10px;
}
.pro_da img{
    width:100%;
    height:160px;
}
.pro_info{border-bottom: 1px dotted #ccc;}

.mar20{
    margin-top:20px;

}

h3{
    padding-left:20px;
    font-size:22px;
}
.news_list{
    border-bottom:1px solid #eee;
    padding:10px;
    margin-bottom:10px;
}
.news-item b{
    font-size:16px;
}
.news-item span{
    font-size:12px;color:#333;
    line-height:25px;
}
.news-item p{
    height: 50px;
    overflow: hidden;
    font-size: 14px;
    color: #666;
    line-height: 26px;
}


.related_pro{
    width:950px;
    overflow:hidden;
}
.related_pro li{
    width: 193px;
    height: 185px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    background:#f5f5f5;
}
.related_pro li img{
    width:191px;
    height:160px;

}
.related_pro li span{
    width:100%;
    height:35px;
    line-height:35px;
    display:block;
    text-align:center;
    font-size:14px;
    color:#666;
}

.related_article{
    width:948px;
    overflow:hidden;
}
.related_article li{
    float: left;
    width: 428px;
    margin-right: 20px;
    margin-bottom: 20px;

}