* { margin: 0; padding: 0; }
body { font: 12px/22px "宋体", arial, helvetica, sans-serif; color: #333; overflow-x:hidden; }
h1,h2,h3,h4,h5,h6 { font-size: 14px; }
ul,ol { list-style: none; }
input,select,textarea { font-size: 12px; font-family: "宋体", arial, helvetica, sans-serif; color: #333; }
em,i,address { font-style: normal; }
strong { color: #000; }
a img { border: 0; }
a { color: #333; text-decoration: none; }
a:hover { color: #0c559f; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tr { text-align: right; }
.fl { float: left; }
.fr { float: right; }

/*首页*/
#container { }

header { background: #fff url(header.jpg) repeat-x bottom; height: 120px; }
header hgroup { width: 1100px; margin: 0 auto; height: 60px; padding: 10px 0; }
header #logo { height: 500px; height: 60px; float: left; overflow: hidden; }
header #logo a { width: 500px; height: 60px; display: block; background: url(logo.png) no-repeat; text-indent: -999999px; overflow: hidden; float: left; }
header #tops { width: 230px; float: right; }
header #tops .tel { background: url(tel.png) no-repeat 0 14px; text-align: left; padding: 10px 0 0 65px; }
header #tops .tel span { display: block; }
header #tops .tel b { color: #d70012; font-size: 22px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; }

/*header #tops .search { padding: 20px 0 0 0; }
header #tops .search .ipts { width: 180px; background: url(searul.jpg) no-repeat; border: 0; height: 26px; line-height: 26px; padding: 0 10px; float: left; }
header #tops .search .btns {width: 30px; background: url(btn1.jpg) no-repeat; border: 0; height: 26px; color: #fff; float: left; cursor: pointer; font-size: 0; }
*/
header nav { width: 1100px; margin: 0 auto; }
header nav ul { padding: 5px 0 0 0; }
header nav li { float: left; position: relative; z-index: 9; background: url(navli.jpg) no-repeat right center; padding: 0 1px; }
header nav li a { color: #333; font-weight: bold; width: 155px; height: 35px; line-height: 35px; display: block; text-align: center; font-size: 14px; }
header nav li a:hover { color: #222; background: url(navhover.jpg) repeat-x top; }
header nav ul ul { position: absolute; top: 35px; left: 0; z-index: 9999; width: 155px; height:auto; padding: 0; margin: 0; display: none; background: url(w.png); }
header nav li li { height: 26px; line-height: 26px; float: none; padding: 0; margin: 0; background: none; border: 0; }
header nav li li a { font-weight: normal; color: #333; height: 26px; line-height: 26px; font-size: 12px; text-align: center; background: none; }
header nav li li a:hover { color: #222; }
header nav li.hover a { background: url(navhover.jpg) repeat-x; color: #0e5ca4; }
header nav li.current a,header nav li.current a:hover { background: url(navhover.jpg) repeat-x; color: #222; }
header nav li.current li a,header nav li.current li.current a { background: none; color: #333; }
header nav li.current li a:hover,header nav li.current li.current a:hover { background: url(navc.png) repeat-x; color: #fff; }
/*header nav li.hover {  }
header nav li.ft { padding: 0 40px 0 40px; border: 0; }
header nav li.ft a { }
header nav li a { color: #fff; font-weight: bold; width: 120px; height: 45px; line-height: 45px; display: block; text-align: center; font-size: 14px; }
header nav li a:hover { color: #fff; }
header nav li.current a,header nav li.current a:hover { background: #333; color: #fff; }
header nav li.current li a {  }
header nav li.current li a:hover { color: #fff; background: #d1030d; }
header nav ul ul ul { display: none; }*/

#pbanner { height: 240px; text-align: center; overflow: hidden; background: url(p1.jpg) no-repeat top center; }
#pbanner img { width: 100%; height: 100%; }

#content { width: 1100px; margin: 0 auto; padding: 20px 0; background: url(bgl.jpg) repeat-y; }
#left { width: 220px; float: left; }
#right { width: 880px; float: right; }
#right img { max-width: 720px; }
.rcontent { width: 830px; margin: 0 auto; padding: 20px 0; }
 
footer { background: #777; color: #fff; }
footer hgroup { text-align: center; }
footer .copyright { padding: 15px 0; }

#flinks { width: 1100px; margin: 0 auto; }
#flinks h3,
#flinks ul,
#flinks li { display: inline; }

#category { margin-bottom: 25px; }
#category h3 { text-align: center; font-size: 18px; margin-bottom: 10px; color: #222; }
#category ul { padding-left: 10px; }
#category li { padding: 2px 0; }
#category li a { display: block; height: 23px; line-height: 23px; padding: 0 0 0 50px; background: url(l1.jpg) no-repeat 0 0; color: #333; }
#category li a:hover,
#category li.hover a {  color:#fff; background: url(l2.jpg) no-repeat 0 0; }

#ct { padding: 100px 0 0 10px; background: url(ct.jpg) no-repeat 10px 0; }
#ct ul { }
#ct li { padding: 1px 0; }

.qlinks { padding-left: 10px; }
.qlinks li { margin-bottom: 10px; }

#position { height: 33px; line-height: 33px; background: url(add2.gif) no-repeat bottom left; }
#position h1,#position h2 { float: left; font-size: 14px; color: #111; padding-left: 45px; }
#crumbs { float: right; color: #666; padding-right: 15px; }
#crumbs a { color: #666; }

/*
.plist { text-transform: uppercase; display:table; }
.plist li { float: left; margin: 15px; width: 375px; height: 310px; overflow: hidden; text-align: left; }
.plist li span { width: 360px; height: 250px; display:block; border: #ddd 1px solid; padding: 4px; background: #fff; text-align: center; overflow: hidden; display:table-cell; vertical-align:middle; }
.plist li img { max-height: 250px; width: auto; max-width: 350px; margin: 0 auto; vertical-align:middle; }
.plist .p1 { padding: 5px; font-weight: bold; }
*/

.plist { }
.plist li { float: left; margin: 15px; width: 375px; height: 310px; overflow: hidden; text-align: left; }
.plist li span { }
.plist li img { width: 360px; height: 250px; padding: 4px; border: #ddd 1px solid; }
.plist .p1 { padding: 0 0; font-weight: bold; }


.plist2 { width: 830px; min-height: 200px; height: auto!important; height: 200px; background: url(classapplbg.jpg) no-repeat bottom; margin-bottom: 20px; }
.plist2 h2 { height: 32px; line-height: 32px; color: #fff; font-size: 15px; padding: 0 15px; background: #6ea0d2; width: 782px; margin: 0 auto; }
.plist2 h2 a { color: #fff; font-size: 15px; }
.plist2 ul { padding: 15px; }
.plist2 li { float: left; height: 22px; line-height: 22px; background: url(a1.gif) no-repeat 0 5px; padding: 0 0 0 15px; margin: 5px; }

.pplist { }
.pplist li { height: 32px; line-height: 32px; padding: 0 15px; color: #fff; font-size: 15px; background: #6ea0d2; width: 782px; margin: 0 auto; }
.pplist img { width: 200px; height: 129px; float: left; margin: 21px 0 0 32px; }



.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; padding: 20px 0; }
.list_page li { display: inline; padding: 0 5px; }
.list_page li.active { font-weight: bold; color: #222; }
.list_page b { display: none; }


/*文章详细页 Start*/
article { }
article h1 { text-align: center; font-size: 20px; line-height: 1.6em; margin: 0 0 10px 0; color: #000; }
article h2,article h3,article h4,article h5,article h6 { margin: 10px 0; color: #222; }
article h2 { font-size: 16px; }
article h3 { font-size: 14px; }
article p { margin: 10px 0; text-indent: 2em; }
article ul,article ol { margin: 0 0 0 4em; }
article ol li { list-style: decimal-leading-zero; }
article ul li { list-style: circle; }
article li p { text-indent: 0; margin: 0; }

article table { border-top: #333 1px solid; border-left: #333 1px solid; width: 100%; border-spacing: 0; border-collapse: collapse; margin: 15px 0; }
article th { border-bottom: #333 1px solid; border-right: #333 1px solid; background: #ddd; color: #000; padding: 5px 10px; }
article td { border-bottom: #333 1px solid; border-right: #333 1px solid; padding: 5px 10px; }

.article_prev_next { padding: 5px 25px; margin: 30px 0; border: #eee 1px solid; background: #f3f3f3; }

.bdlikebutton { margin: 20px auto; }

article h2.h22title { border-bottom: #30619b 2px solid; height: 30px; line-height: 30px; margin: 20px 0 0 0; padding: 0; font-size: 14px; color: #fff; }
article h2.h22title span { background: #30619b; padding: 0 20px; height: 30px; line-height: 30px; display: block; float: left; width: auto; }

article .procs { border: #ccc 1px solid; border-width: 0 1px 1px 1px; background: #f3f3f3; padding: 20px; }
article .procs p { text-indent: 0; }

/*#banner { width:1400px; margin: 0 auto; position: relative; z-index: 1; }
#banner img { width: 1400px; height: 420px; }

.flexslider{margin:0 auto;position:relative;width:1400px;height:420px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
*/


/*banner*/
.banner{ height:413px; position:relative; overflow:hidden;}
#index_pic{width:1600px;height:413px; left:50%; margin-left:-800px; position:absolute;}
#index_pic ul{right:305px; bottom:0px ;position:absolute; text-align:left;z-index:9;}
#index_pic ul li{display:block; float:left; width:70px; color:#aaa; position:relative; height:50px;}
#index_pic li div{display:none;padding-left:10px;margin-left:70px;}
#index_pic li img{left:10px;float:left;width:46px;cursor:pointer;margin-right:4px; position:absolute;top:5px;height:31px; display:block; background:url(sbg.png) no-repeat; padding:5px 8px 8px 5px;}
#back{width:1600px;height:413px;overflow:hidden;}
#back .gray{ border:1px solid #f00;}
.kong{ background:url(bannerbg.jpg) repeat-x left bottom; height:32px; position:absolute; bottom:0px; z-index:1; width:1600px;}






h2.h2title { border-bottom: #6ea0d2 2px solid; height: 36px; line-height: 36px; }
h2.h2title span { background: #6ea0d2; color: #fff; font-size: 14px; line-height: 36px; display: block; width: 120px; text-align: center; }


.wrap { position: relative; z-index: 1; border: #ddd 1px solid; height: 265px; }
.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: 43px; height: 13px; background: url(more.gif) no-repeat; text-indent: -99999px; overflow: hidden; position: absolute; top: 9px; right: 9px; }
.wrap .c { padding: 10px; }

#contact { width: 300px; float: left; background: url(cct.jpg) no-repeat 20px 140px; }
#contact img { width: 100%; height: 60px; margin-bottom: 5px; }
#contact li { height: 30px; line-height: 30px; background: url(a1.gif) no-repeat 0 10px; padding-left: 20px; }

#news { width: 400px; float: left; margin: 0 20px; }
#news .c { padding-top: 5px; }
#news li { height: 22px; line-height: 22px; background: url(a1.gif) no-repeat 0 5px; padding-left: 20px; }
#news li span { float: right; }
#news dl { height: 75px; overflow: hidden; margin-bottom: 8px; }
#news dt { width: 120px; height: 70px; float: left; padding-top: 5px; }
#news dt img { width: 120px; height: 70px; }
#news dd { width: 250px; float: right; line-height: 18px; }
#news dd h3 { margin-bottom: 3px; }
#news dd h3 a { font-weight: bold; font-size: 12px; }
#news dd p a { font-size: 12px; font-weight: normal; color: #333; }


#pros { width: 348px; float: left; }
#pros .c { padding: 0; }
#pros img { float: right; }
#pros ul { padding: 10px; }
#pros li { height: 22px; line-height: 22px; background: url(a1.gif) no-repeat 0 5px; padding-left: 20px; font-weight: bold; }

.imgl { width: 360px; float: left; }
.imgl img { border: #ddd 1px solid; width: 350px; height: auto; padding: 9px; }
.imgr { width: 430px; float: right; }
.imgr h1 { background: #6ea0d2; color: #fff; padding: 5px 5px 5px 15px; font-size: 14px; }
.imgr .intro { background: #f1f1f1; padding: 15px; }

#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; }

#default #content { background: none; }

.bookadd {}
.bookadd .ip { width: 300px; height: 24px; line-height: 24px; padding: 0 5px; border: #ccc 1px solid; }
.bookadd .ips { width: 500px; height: 80px; padding: 5px; border: #ccc 1px solid; }
#code { width: 120px; }
.bookadd .bnt { cursor: pointer; }

#ar_2 { background: url(map.jpg) no-repeat top right; height: 280px; }
#ar_2 ul { margin: 1em 0 0 4em; }
#ar_2 li { list-style: none; padding: 2px 0; }


/*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; }