﻿* { margin: 0; padding: 0; }
body { font: 12px/20px "Microsoft YaHei","微软雅黑", Arial, Helvetica, sans-serif, "宋体"; color: #555; background: #eeeeee; border-top: #d50012 3px solid; }
h1,h2,h3,h4,h5,h6 { font-size: 14px; }
ul,ol { list-style: none; }
input,select,textarea { font-size: 12px; font-family: "Microsoft YaHei","微软雅黑", Arial, Helvetica, sans-serif, "宋体"; color: #555; }
em,i,address { font-style: normal; }
strong { color: #000; }
a img { border: 0; }
a { color: #555; text-decoration: none; }
a:hover { color: #d50014; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tr { text-align: right; }
.fl { float: left; }
.fr { float: right; }

/*首页*/
header { }
header hgroup { width: 1100px; margin: 0 auto;  }
header #logo { height: 460px; height: 110px; float: left; overflow: hidden; }
header #logo a { display: block; width: 460px; height: 110px; text-indent: -9999999px; overflow: hidden; background: url(logo.jpg) no-repeat; margin-top: 10px; }
header #tops { width: 640px; height: 110px; float: left; background: url(s.jpg) no-repeat bottom right; }
header #tops .tel { background: url(tel.png) no-repeat 410px 10px; padding: 10px 10px 0 0; text-align: right; height: 25px; line-height: 25px; }
header #tops .tel b { color: #d70012; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
header #tops .search { padding: 26px 0 0 394px; }
header #tops .search .ipts { width: 170px; background: transparent; border: 0; height: 28px; line-height: 28px; padding: 0 10px; float: left; }
header #tops .search .btns {width: 56px; background: transparent; border: 0; height: 28px; float: left; cursor: pointer; text-indent: -9999999px; overflow: hidden; }

header nav { width: 1110px; margin: 0 auto; height: 54px; }
header nav ul { background:url(nav.jpg) no-repeat 5px 0; height: 54px; padding-left: 5px; }
header nav li { float: left; position: relative; z-index: 9; padding-right: 2px; background: url(navl.jpg) no-repeat right center; }
header nav li.hover {  }
header nav li a { color: #222; font-weight: bold; width: 120px; height: 47px; line-height: 47px; display: block; text-align: center; font-size: 14px; }
header nav li.hover a,header nav li.hover a:hover { background: url(navh.jpg); color: #fff; }
header nav li.current a,header nav li.current a:hover { background: url(navh.jpg); color: #fff; }
header nav li.lt { background: 0; }
header nav li.lt a { width: 124px; }
header nav li a:hover { background: #eb3d01; color: #fff; }
header nav ul .smenu { position: absolute; top: 47px; left: 0; z-index: 9999; width: 280px; height:auto; padding: 0 15px 15px 0; margin: 0; display: none; background: url(w2.png) no-repeat bottom left; }
header nav ul .smenu ul { background: none; padding: 10px; height: auto; }
header nav ul .smenu img { float: right; width: 120px; height: 160px; margin: 15px; }
header nav li li { height: 26px; line-height: 26px; float: none; padding: 0; margin: 0; background: none; }
header nav li li a,
header nav li.hover li a { font-weight: normal; color: #333; background: url(ar.png) no-repeat 10px 10px; height: 26px; line-height: 26px; font-size: 13px; text-align: left; padding: 0 5px 0 25px; width: 90px; }
header nav li.hover li a:hover { color: #fff; background: #d60113 url(ar.png) no-repeat 10px -43px; }
header nav ul ul ul { display: none; }
header nav li#l_3 .smenu { left: -151px; }
header nav li#l_13 .smenu { left: -29px; }

#content { width: 1100px; margin: 0 auto; min-height: 300px; height:auto!important; height: 300px; }
#left { width: 240px; float: left; }
#right { width: 840px; float: right;  }
#right img { max-width: 760px; }
#right .rcontent {padding: 20px; background: #fff; border: #ddd 1px solid; border-width: 0 1px 1px 1px; min-height: 300px; height:auto!important; height: 300px;}
 
footer { background: url(bgf.jpg) no-repeat top center; padding: 20px 0; margin-top: 15px; }
footer hgroup { width: 1100px; margin: 0 auto; background: url(flogo.jpg) no-repeat 940px 0; }
footer .copyright { padding: 5px 0 20px 10px; }

#flinks { height: 134px; background: #fff; border: #ddd 1px solid; margin: 20px 0 0 0; }
#flinks h3 { width: 35px; height: 134px; background: url(flinks.jpg) no-repeat; text-indent: -999999px; overflow: hidden; float: left; }
#flinks ul { float: left; padding: 11px 0; }
#flinks li { float: left; margin: 5px; }
#flinks li img { width: 157px; height: 100px; border: #ddd 1px solid; }

#yqlj { margin:20px 0 0 0; }
#yqlj a { margin: 0 8px; }

#category { }
#category li { margin: 0 0 1px 0; }
#category li a { height: 32px; line-height: 32px; padding: 0 0 0 40px; display: block; background: #333 url(l1.jpg) no-repeat; color: #333; }
#category li a:hover,
#category li.hover a { color: #fff; background: url(l2.jpg) no-repeat; }
#category li ul {}
#category li li {}
#category li li a { height: 24px; line-height: 24px; background: none #fff; padding-left: 60px; color: #333; }
#category li li a:hover { height: 24px; line-height: 24px; background: none #fff; padding-left: 60px; color: #FF3300; }
#category li.hover li a { background: none #fff; color: #333; }
#category li.hover li a:hover { background: none #aaa; color: #fff; }
#category li li.hover a { background: none #777; color: #fff; }

#ct {  margin: 20px 0; background: url(sd.png) no-repeat bottom center; padding-bottom: 10px; }
#ct ul { padding: 115px 15px 15px 15px; background: #fff url(ct.jpg) no-repeat center 10px; }
#ct li { padding: 2px 0; }

#smenu {}
#smenu li { float: left; margin: 5px; }
#smenu li a { background: #bbb; color: #fff; padding: 3px 8px; }
#smenu li.current a { background: #f60; }

#location { height: 33px; line-height: 28px;  background: url(add2.gif) no-repeat; overflow: hidden; border: #ddd 1px solid; border-width: 1px 1px 0 1px; }
#location h1,#location h2 { float: left; font-size: 14px; color: #111; padding-left: 45px; }
#crumbs { float: right; color: #666; background: url(home.png) no-repeat 0 8px; padding-left: 20px; padding-right: 15px; }
#crumbs a { color: #666; }



#pbanner { width: 1100px; height: 240px; margin: 0 auto; overflow: hidden; }
#pbanner img { width: 100%; height: 100%; }

.plist { }
.plist li { float: left; margin: 5px; width: 150px; height: 150px; overflow: hidden; }
.plist li img { width: 150px; height: 150px; }

.plist2 { }
.plist2 li { border-bottom: #ddd 1px solid; padding: 15px 0; }
.plist2 li dl {}
.plist2 li dt { width: 200px; float: left; text-align: center; }
.plist2 li dt img { width: 180px; height: 180px; }
.plist2 li dd { width: 580px; float: right; }
.plist2 li dd h2 { margin-bottom: 10px; }
.plist2 li dd h2 a { font-size: 18px; color: #000; font-weight: normal; }
.plist2 li dd p { margin: 5px 0; }
.plist2 li dd p span { color:#d50012; }

.alist {}
.alist li { height: 22px; line-height: 22px; overflow: hidden; background: url(a1.gif) no-repeat 0 10px; padding: 0 0 0 10px; }
.alist li a {}
.alist li a:hover {}
.alist li span { float: right; font-family: Arial, Helvetica, sans-serif; color: #999; font-size: 11px; margin-left: 10px; }

.alist2 { }
.alist2 li { height: 36px; line-height: 36px; overflow: hidden; background: url(a1.gif) no-repeat 0 12px; padding: 0 0 0 20px; border-bottom: #ccc 1px dotted; }
.alist2 li span { float: right; font-family: Arial, Helvetica, sans-serif; color: #999; font-size: 11px; }

.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}



.slist { padding: 20px 0 0 0; }
.slist li { height: 26px; line-height: 26px; overflow: hidden; background: url(ic.jpg) no-repeat 0 10px; padding: 0 0 0 10px; }
.slist li a {}
.slist li a:hover {}
.slist li span { float: right; font-family: Arial, Helvetica, sans-serif; color: #999; font-size: 11px; margin-left: 10px; }

.olist {}
.olist li { width:350px; height: 220px; border: #ddd 1px solid; padding: 4px; float: left; margin: 15px; text-align: center; overflow: hidden; }
.olist li:hover { border: #999 1px solid; }
.olist li img { height: 220px; width: auto; max-width: 350px; margin: 0 auto 5px; }



/*文章详细页 Start*/
article { font-size: 14px; line-height: 24px; background: #fff; }
article h1 { text-align: center; font-size: 20px; line-height: 1.6em; margin: 0 0 10px 0; color: #000; font-weight: normal; }
article h2,article h3,article h4,article h5,article h6 { margin: 10px 0; color: #222; }
article h2 { font-size: 18px; }
article h3 { font-size: 16px; }
article p { margin: 10px 0; text-indent: 2em; }
article .i { text-align: left; margin: 10px 0; border: #eee 1px solid; background: #f3f3f3; padding: 5px 10px; font-size: 12px; line-height: 24px; color: #888; }
article .i span { padding: 0 10px; }
article ol,
article ul { margin: 0 0 0 4em; }
article ol li { list-style: decimal-leading-zero; }
article ul li { list-style: circle; }
article img { max-width: 780px; }
article li p { text-indent: 0; margin: 0; }
article a { font-weight:bold; text-decoration:underline; }

.the_article_link { margin: 10px 0; }
.the_article_tags { margin: 10px 0; }

.article_prev_next { padding: 5px 0; margin: 10px 0; border: #eee 1px solid; background: #f3f3f3; }
.article_prev_next li { width: 45%; float: left; padding: 0 10px; }
.article_prev_next li.prev {}
.article_prev_next li.next { text-align: right; }

.article_related { border: #eee 1px solid; background: #f3f3f3; padding: 15px; }
.article_related h2 { padding-bottom: 10px; border-bottom: #ddd 1px solid; }
.article_related ul { padding: 10px 0; border-top: #fff 1px solid; }
.article_related li { width: 44%; float: left; overflow: hidden; margin: 3px 15px; height: 30px; line-height: 30px; padding: 0 0 0 15px; }

.product_related { margin: 20px 0; }
.product_related ul { }
.product_related li { float: left; width: 180px; height: 220px; float: left; text-align: center; margin: 8px; }
.product_related li img { width: 170px; height: 170px; background: #fff; border: #ccc 1px solid; padding: 4px; }
.product_related li a:hover img { border: #d50014 1px solid; }


.bdlikebutton { margin: 20px auto; }



#banner { height: 300px; background: url(bannerbg.png) no-repeat center bottom; padding-bottom: 30px; margin: 0 auto; }
#slides { width:1100px; height: 300px; margin: 0 auto; position:relative; }
#slides .slides_container { width:1100px; overflow:hidden; display:none; position: absolute; top: 0; left: 0; z-index: 1; }
#slides .slides_container a { width:1100px; height:300px; display:block; }
#slides .slides_container a img { display:block; width: 100%; height: 100%; }
#slides .pagination { position: absolute; bottom: 10px; right: 10px; z-index: 2; }
#slides .pagination li { float:left; margin:0 2px; }
#slides .pagination li a { display:block; width:40px; height:10px; float:left; overflow:hidden; text-indent: -9999999px; overflow: hidden; background: url(black.png); }
#slides .pagination li.current a { background: #d70012; }


.wrap { position: relative; z-index: 1; border: #d7d7d7 1px solid; min-height: 250px; background: #fff; }
.wrap h2 { height: 35px; line-height: 33px; color: #fff; background: url(w.jpg) no-repeat; font-weight: normal; font-size: 13px; }
.wrap h2 span { width: 118px; display: block; text-align: center; margin: 0 0 0 10px; float: left; }
.wrap a.vmore { width: 37px; height: 13px; background: url(more.gif) no-repeat; text-indent: -99999px; overflow: hidden; position: absolute; top: 9px; right: 9px; }
.wrap .c { padding: 10px; }

#overview { width: 324px; float: left; }
#overview img { width: 100%; height: 80px; }
#news { width: 480px; float: left; margin: 0 15px; }
#news dl { height: 80px; overflow: hidden; }
#news dt { width: 120px; float: left; }
#news dt img { width: 120px; height: 80px; }
#news dd { width: 330px; float:right; }
#news dd h3 a { color: #000; font-weight: normal; font-size: 13px; }
#news dd p { line-height: 18px; margin: 5px 0 0 0; }
#news ul { padding: 10px 0 0 0; }
#news li { height: 22px; line-height: 22px; background: url(a1.gif) no-repeat 0 5px; padding-left: 15px; }
#news li span { float: right; }

#contact { width: 260px; float: left; }
#contact img { width: 100%; height: 80px; }

#pros { height: 240px; }
/*#pros li { width: 320px; float: left; }
#pros li dt { width: 115px; height: 63px; padding: 3px; background: url(picbg.jpg) no-repeat; float: left; }
#pros li dt img { width: 115px; height: 63px; }
#pros li dd { width: 190px; float: right; }
#pros li dd a { color: #222; font-size: 13px; margin-bottom: 5px; }
#pros li dd p { color: #777; }*/


/*.rollBox{width:1080px;overflow:hidden; margin: 0 auto;}
.rollBox .LeftBotton{width:30px; height:200px;background: url(l.png) no-repeat 5px 65px;overflow:hidden;float:left;display:inline;cursor:pointer; }
.rollBox .RightBotton{width:30px; height:200px;background: url(r.png) no-repeat 5px 65px;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .Cont{width:1020px;height:200px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px; padding: 20px 0 0 0;}
.rollBox .Cont .pic {width:310px; float:left; padding: 0 15px; }
.rollBox .Cont .pic dt { width: 115px; height: 123px; padding: 3px; background: url(picbg.jpg) no-repeat; float: left; }
.rollBox .Cont .pic dt img { width: 115px; height: 123px; }
.rollBox .Cont .pic dd { width: 180px; float: right; }
.rollBox .Cont .pic dd a { color: #d50014; font-size: 13px; background: url(dd.jpg) no-repeat 0 7px; padding: 0 0 0 12px; }
.rollBox .Cont .pic dd p { line-height: 18px; padding: 2px 0 0 0; }
.rollBox #List1,.rollBox #List2{float:left;}*/

.rollBox{width:1080px;overflow:hidden; margin: 0 auto;}
.rollBox .LeftBotton{width:30px; height:200px;background: url(l.png) no-repeat 5px 65px;overflow:hidden;float:left;display:inline;cursor:pointer; }
.rollBox .RightBotton{width:30px; height:200px;background: url(r.png) no-repeat 5px 65px;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .Cont{width:1020px;height:200px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px; padding: 10px 0 0 0;}
.rollBox .Cont .pic {width:225px; float:left; padding: 0 15px; }
.rollBox .Cont .pic img { width: 215px; height: 130px; display: block; margin-bottom: 5px; background: url(picbg.jpg) no-repeat; padding: 5px; }
.rollBox .Cont .pic a span { color: #222; font-size: 12px; background: url(dd.jpg) no-repeat 0 5px; padding: 0 0 0 12px; }
.rollBox #List1,.rollBox #List2{float:left;}

.pimg { width: 300px; float: left; margin-bottom: 20px; }
.pimg img { width: 300px; height: 300px; border: #ddd 1px solid; padding: 9px; }
.ptxt { width: 450px; float: right; margin-bottom: 20px; }
.ptxt h1 { font-size: 20px; color: #000; font-weight: normal; margin-bottom: 15px; }
.ptxt ul { padding: 15px 0; }
.ptxt li { padding-bottom: 10px; }
.ptxt li span { color: #d50014; }
.ptxt p { margin-bottom: 10px; }

h2.h2title { border-bottom: #d50014 3px solid; margin-bottom: 20px; }
h2.h2title span { background: #d50014; padding: 2px 20px; color: #fff; font-size: 14px; font-weight: normal; }


#ct_content { height: 550px; }
#ct_content ul { padding: 50px; margin: 0; }
#ct_content li { list-style: none; }

.pic2 { padding-bottom: 20px; }
.pic2 dl { height: 140px; overflow: hidden; }
.pic2 dt { width: 225px; height: 140px; float: left; }
.pic2 dt img { width: 215px; height: 130px; background: url(picbg.jpg) no-repeat; padding: 5px; }
.pic2 dd { width: 550px; float: right; }
.pic2 dd a { color: #222; font-size: 14px; background: url(dd.jpg) no-repeat 0 7px; padding: 0 0 0 12px; font-weight: bold; }
.pic2 dd p { padding: 8px 0 0 0; }





#ctbox { position: fixed; right: 10px; top: 200px; z-index: 9999; border: #d70012 3px solid; background: #fff;  }
#ctbox h3 { height: 28px; line-height: 28px; color: #fff; background: #d70012; text-align: center; }
#ctbox ul { padding: 15px; }
#ctbox li b { font-size: 15px; color: #111; }
#ctbox .close { position: fixed; right: 10px; top: 200px; padding: 5px 10px; font-size: 18px; color: #fff; cursor: pointer; }





.bz { margin: 0; padding: 0; }
.bz li { list-style: none; }
.bz li p { text-indent: 0; }
.bz li p strong {padding: 5px; text-align: center; list-style: none; background: #eee; border: #ddd 1px solid; color: #000; display: block; }









/*clear float*/
.m10 { clear: both; height: 15px; overflow: hidden; display: block; }
.clear { clear: both; }
.clearfix:after,header:after,#content:after,footer:after,nav:after,.article_related ul:after,.product_related ul:after,.article_prev_next:after,hgroup:after,.plist2 li:after { content:"\0020"; display:block; clear:both; visibility:hidden; overflow:hidden; height:0; font-size:0;}
.clearfix,header,#content,footer,nav,.article_related,.product_related,.article_prev_next,hgroup,.plist2 li { zoom:1; }