/******************** setup ********************/
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;word-wrap:break-word}
body,html,input{font:14px/1.5 arial}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
ul,ol,li{list-style:none;}
img{border:none}
a{text-decoration:none;}
/*位置 尺寸 排版*/
.lf{float: left}.rt{float: right}.ct{margin:auto;}.pr{ position:relative}.pa{ position:absolute}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30,.bk40,.bk50{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}.bk40{height: 40px}.bk50{height: 50px}
.mt10{margin-top: 10px}.mt15{margin-top: 15px}.mt20{margin-top: 20px}.mt25{margin-top: 25px}.mt30{margin-top: 30px}.mt40{margin-top: 40px}.mt50{margin-top: 50px}
/*文字相关*/
.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}.f22{font-size:22px}.f24{font-size:24px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}.lh30{line-height: 30px}.lh36{line-height: 36px}.lh40{line-height: 40px}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.white,.white a{color:white}.black,.black a{color:black}.gray,.gray a{color:#999}.red, .red a{color:red;}
.ts-w{text-shadow: 0 1px 0 white;}.ts-b{text-shadow: 0 1px 0 black;}
/*其他*/
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.cu,.cu li{cursor: pointer}


/******************** main ********************/
/*初始化*/
body{color: #333;}
a{color: #333;}

/*框架*/
.wrap{width: 1000px; margin: auto; clear: both; overflow: hidden;}
.side{width:260px; float: left; margin-right: 20px;}
.main{ overflow: hidden;}

/*通用小块件*/
.breadcrumb{border-bottom: 1px solid #ccc; padding: 5px;}
.title-1{line-height: 28px; margin-bottom: 15px;}
.title-1 .a{float: left; margin-right: 5px; font: bold 20px/35px microsoft yahei; color:#39c;}
.title-1 .b{border-bottom:1px solid #666; overflow: hidden; font: 16px/28px arial; color: #999;}
.title-1 a{color: #999;}
.divide-1{background: url(images/bg_divide_1.png) center no-repeat; height: 6px; opacity: .2;}
.time{font-size: 13px; color: #999;}

/*分页*/
#pages a,#pages span{background: #999; color: white; padding: 5px 10px; border-radius: 3px;}
#pages span,#pages a:hover{background: #f93;}
#pages .a1:first-child{background: none; color: #333;}
.case-page a{padding: 5px 10px; background: #f93; color: white; border-radius: 20px; margin: 10px;}
.case-page a:hover{background: #c63;}

/*页头*/
.header{margin-bottom: 10px;}
.header .logo{0height: 80px; margin: 15px;}
.header .tel{font: bold 16px/100px microsoft yahei; color: #c00; float: right;}
.header .nav{height:40px; line-height: 40px; background: #069; background: -webkit-linear-gradient(top,#079,#39c); background: -moz-linear-gradient(top,#079,#39c); box-shadow:0px 3px 3px #369;}
.header .nav a{display: inline-block; padding:0 25px; margin: 0 1px; color:#fff; font:bold 16px/40px microsoft yahei;}
.header .nav a:hover,.header .nav .active{ background: #098; background: -webkit-linear-gradient(top,#087,#3cb); background: -moz-linear-gradient(top,#087,#3cb); }

/*页尾*/
.footer{height: 120px; font: 13px/24px arial; background: #333; border-top: 2px solid #234; text-align: center; color: #999; padding-top: 20px;}
.footer a{ color: #bbb; }

/*轮播图*/
.focus {position:relative; width:100%; overflow:hidden; height: 450px;}
.focus .focus-content a{display: block; position:absolute; width: 100%; height: 100%;}
.focus .focus-nav{position: absolute; bottom: 20px; margin-left: 50%; z-index: 20;}
.focus .focus-nav li{float: left; width:8px; height: 8px; margin: 0 5px; border: 1px solid #fff; border-radius: 15px; box-shadow: 1px 1px 2px #000;}
.focus .focus-nav li.active, .focus-nav li:hover{background: #fff; width:10px; height: 10px; margin: -2px 3px 0 5px;}
.focus .arr-l, .focus .arr-r{display: none; position: absolute; z-index: 99; width: 60px; height: 140px; top: 155px; margin-left: 50%; cursor: pointer; background-image: url("images/bt_arr.png"); background-repeat: no-repeat;}
.focus .arr-l{left:-500px; background-position: 0px 0px; }
.focus .arr-r{left: 440px; background-position: -60px 0px;}

/* 通用容器 */
.box{border:1px solid #abc;zoom:1; overflow:auto; padding-bottom:10px; 0border-radius: 5px;}
.box .title{ background: #39c; 0background: -webkit-linear-gradient(top,#333,#666); 0background: -moz-linear-gradient(top,#333,#666); height:35px; line-height:35px; margin-bottom:10px; padding-left:10px; position:relative; color: #fff; font: bold 16px/35px microsoft yahei;}
.box .more{position:absolute; font-size:13px; right:8px; color: #fff; line-height: 35px;}
.box .content{padding:0 10px; overflow:auto; line-height: 24px;}

/*关于我们*/
.aboutus{float: left; width:490px; margin-right: 20px; }
.aboutus img{width:200px; height: 150px; float:left; margin-right: 20px;}

/*联系我们*/
.contactus ul{float: left; line-height: 30px;}
.contactus .content .rt{width:150px; line-height: 30px; text-align: center;}
.contactus img{width:130px; height: 130px;}

/*产品中心*/
.product ul{float: left; line-height: 30px;}
.product li{float: left; width:146px; margin: 0 10px; line-height: 30px; text-align: center;}
.product img{width:100%; height: 130px;}

/*栏目列表*/
0.index-list{background: #ddd; box-shadow: 0 2px 4px #ccc inset; padding: 30px 0;}
.box-cat{float: left; width:320px; float: left; padding-bottom:10px; overflow:auto; margin-left: 20px;}
.box-cat:first-child{margin-left: 0}
.box-cat .title{position: relative; height:20px; font: bold 16px/20px microsoft yahei; margin-bottom:10px; padding-left:6px; border-left: 3px solid #c63; }
.box-cat .more{position:absolute; font-size:12px; right:0px;}
.box-cat ul{overflow:auto; font: 13px/2 microsoft yahei; color: #666;}
.box-cat li{position:relative;}
.box-cat li a{color: #555}
.box-cat li .time{position:absolute; right:0;}

/*产品频道页*/
.cat-pro .item{float: left; width:130px; margin-top: 20px;}
.cat-pro .title{height:20px; font: bold 16px/20px microsoft yahei; margin-bottom:10px; padding-left:6px; border-left: 3px solid #39c; }
.cat-pro .more{position:absolute; font-size:12px; right:0px;}
.cat-pro ul{overflow:auto; font: 13px/2 microsoft yahei; color: #666;}

/* 建站知识 */
.0web{0border:1px solid #abc;zoom:1; overflow:auto; padding-bottom:10px; border-radius: 5px;}
.web .title{ 0background: #444; 0background: -webkit-linear-gradient(top,#333,#666); background: -moz-linear-gradient(top,#333,#666); height:35px; line-height:35px; margin-bottom:10px; padding-left:10px; position:relative; 0color: #fff; border-bottom: 1px solid #ccc;}
.web .more{float: right; margin-right: 20px;}
.web .content{padding:0 10px; overflow:auto; line-height: 24px; 0font-size: 12px;}
.web li{width:312px; float: left;}
.web a{color: #666;}
.web .top{font-weight: bold;}


/*内容页*/
.article .title{border-bottom: 1px solid #ccc; margin: 10px 0; font-family: "微软雅黑"; text-align: center; padding: 5px;}
.article h1{font-size: 28px; font-weight: normal; line-height: 50px;}
.article .content{padding: 10px; text-indent: 28px;}
.article .content div{margin-top: 15px; line-height: 28px; text-indent: 28px;}
.article .content img{margin: 0 auto;}
.article .turnpage{margin: 20px; color: #036;}

/*产品内容页*/
.pside{width:180px; float: left; 0margin-right: 20px;}
.pside .top-title{font: bold 18px/2 microsoft yahei; background:#17a; color:white; text-align: center; margin-bottom: 2px; border-radius: 10px 10px 0 0;}
.pmain{width:800px; float: right;}
.product-list .title{background: #39c; text-indent: 10px; font: bold 16px/35px microsoft yahei; color: white; border-top: 1px solid white; cursor: pointer;}
.product-list .content{0display: none;}
.product-list a{display: block; text-indent: 20px; line-height: 28px; background: #cde; border-top: 1px solid #abc;}
.product-list a:hover,.product-list .active{background: #bcd;}

.atl-product .title{0border-bottom: 1px solid #ccc; margin: 10px 0; font-family: "微软雅黑"; text-align: center; padding: 5px;}
.atl-product h1{font-size: 28px; font-weight: normal; line-height: 50px;}
.atl-product .content{0padding: 10px; 0text-indent: 28px; overflow: auto;}
.atl-product .content img{margin: 0 auto;}
.atl-product .content table{0margin:auto; font-size: 12px; color: #666;}
.atl-product .content tr:first-child{background: #cdf; font-weight: bold; text-align: center;}
.atl-product .content td{border:1px solid #ddd;}

/*关于我们内容页*/
.about .left{width:160px; float: left;}
.about .left a{display: block; background: #39c; font: bold 16px/52px microsoft yahei; margin-bottom:20px; border-radius: 50px 0 0 50px; color: white; overflow: hidden; text-shadow: 0 1px 0 #039;}
.about .left a.active,.about .left a:hover{background: #6cf;}
.about .left div{float: left; width:12px; height: 12px; background: white; box-shadow: 1px 2px 2px #036 inset; border-radius: 10px; margin:20px}
.about .right{overflow: hidden; border-left: 1px solid #39c; padding-left: 50px;}
.about .right .title{border-bottom: 1px solid #999; font: bold 18px/2 microsoft yahei; text-align: center;}
.about .right .title span{display: inline-block; 0background: #c63; padding: 0 10px; 0color: white; border-radius: 5px 5px 0 0;}
.about .right .content{line-height: 28px; margin-top: 20px; padding-bottom: 30px;}
.about .right .content div{text-indent: 26px; margin: 10px 0;}

/*列表页*/
.list{padding: 10px; line-height: 26px;}
