/******************** 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}
.cuta li a{display: inline-block; width: 100%; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.sbt{display: flex; justify-content: space-between;}
p{margin: 10px;}

/******************** main ********************/
/*colors*/
.blue{color: #27e; background: #27e;}
.red{color: #e35; background: #e35}
.orange{color: #e63; background: #e63}
.aqua{color: #2cb; background: #2cb}
.yellow{color: #dc3; background: #dc3}
.purple{color: #a5b; background: #a5b}
.green{color: #7c4; background: #7c4}

.blue-bg{background: #7cf}
.red-bg{background: #f68}
.orange-bg{background: #fa7}
.aqua-bg{background: #6fe}
.yellow-bg{background: #fe9}
.purple-bg{background: #f9e}
.green-bg{background: #af8}

/*初始化*/
body{color: #333; font-size: 14px;}
a{color: #333; font-size: 14px;}

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

/*页头*/
header{margin-bottom: 10px;}
header .logo{_height: 10px; margin: 10px;}
header .tel{font: bold 16px/90px microsoft yahei; color: #27e; float: right;}
header nav{height:40px; line-height: 40px; background: #333; box-shadow:0px 3px 3px #666;}
header nav a{display: inline-block; padding:0 25px; color:#fff !important; font:bold 16px/40px microsoft yahei;}
header nav a:hover,header nav a.active{ border-bottom: 3px solid #fff;}

/*页尾*/
footer{width: 100%; clear: both; text-align: center; height: 70px; font: 12px/24px arial; background: #333; border-top: 5px solid #026; color: #999; padding-top: 40px; margin-top: 50px;}
footer a{font: 12px/24px arial; color: #999;}


/******************** index ********************/
/* slide */
.slide{position:relative; width: 1000px; height: 500px; overflow: hidden; margin:0px auto;}
.slide a{display: block; width: 1000px; height: 500px; background-repeat: no-repeat; position: absolute; left: -1000px;}
.slide a:first-child{left: 0;}
.slide .btns{position: absolute; bottom: 50px; width: 100%; text-align: center; z-index: 9;}
.slide button{width: 18px; height: 18px; margin: 0 3px; border-radius: 9px; border: 2px solid #fff; background-color: transparent;}
.slide button:first-child{background-color: white;}

/* product */
.product{position: relative; margin-top: 60px;}
.circle{display: flex; justify-content: space-around;}
.circle div{display: inline-block; position: relative; width: 180px; height: 180px; border-radius: 90px; background-color: aquamarine; 
    box-sizing:border-box; padding: 20px; transition: border-radius 0.5s;}
.circle div span{opacity: 0; transition: opacity 0.5s;}
.circle div img{position: absolute; top: 70px; left: 70px; _margin: 0 auto; _opacity: 0; transition: all 0.5s;}
.circle div:hover{border-radius: 10px;}
.circle div:hover span{opacity: 1;}
.circle div:hover img{opacity: 0; transform: rotate(300deg);}
.product .bll{position: absolute; top: 0; font: 36px arial}

/* news */
.news{display: flex; justify-content: space-between; margin-top: 60px;}
.news>div{width: 310px;}
.news .title{display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.news .title a{color: #aaa;}
/* .news li a{display: inline-block; width: 100%; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;} */

/* list */
.list{margin-top: 20px;}
.list main{width: 650px;}
.list main a{width: 550px;}
.list aside{width: 330px;}

/* article */
.article{margin-top: 20px;}
.article main{width: 650px;}
/* .article main a{width: 550px;} */
.article aside{width: 330px;}

/* single */
.single{margin-top: 20px; font-size: 16px;}
.single main{width: 735px;}
.single aside{width: 250px;}

/* topic */
.topic{margin-top: 20px; }



/*通用小块件*/
.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;}

/* 通用容器 */
.box{border:1px solid #abc;zoom:1; overflow:auto; padding-bottom:10px; border-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;}


/*栏目列表*/
.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;}



/*内容页*/
.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; margin-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{display: 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;}