/*基础部分*/
html, body, div, span, iframe, h1, h3, h4, h5, h6, p, blockquote, pre, a, address,
big, cite, code, del, em, font, img, ins, small, strong, var, b, u, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend{margin: 0;padding: 0}
body{color:#3c3c3c;line-height: 25px;font-family: "microsoft yahei";min-width: 1190px;background: #f5f5f5;}
html{font-size: 14px;}
ul li{ list-style:none;}
a{text-decoration:none; color:#3c3c3c; cursor: pointer;}
.overflow{overflow: hidden;}
.pointer{cursor: pointer}
.fl{ float:left}
.fr{ float:right}
li{list-style:none}
input{vertical-align:middle}
img{vertical-align: top;}
img{ border:none}
a:link,a:visited{text-decoration:none;cursor:pointer}
a:hover{text-decoration: underline;}

.w_396{width: 396px!important;}
.w_1190{width: 1190px;margin:0 auto;}

.mar_r0{margin-right: 0!important;}
.mar_t10{margin-top: 10px;}
.mar_t20{margin-top: 20px;}
.mar_b10{margin-bottom: 10px;}
.mar_b20{margin-bottom: 20px;}

.pad_b10{padding-bottom: 10px;}

.center{text-align: center;}
.noborder{border:none!important;}
.empty{width: 100%!important;height: 0!important;}

/*头部*/
.header{}
.header>div{height: 133px;}
.header-top{height: 37px;background: url("../images/top.png")}
.header-top p{color: #fff;text-align: right;line-height: 37px;margin-right: 10px;}
.header .logo{float: left;margin-top: 18px;}
.header .nav{float:right;margin-right: 5px;margin-top:30px; }
.header .nav li{float: left;margin-left: 50px;line-height: 34px;border-bottom: 2px solid transparent;cursor: pointer;}
.header .nav li:hover{border-color:#2c9bc8;}
.header .nav a:hover{text-decoration: none;}
.header .nav .checked{border-color:#2c9bc8;}
.header .banner{width: 100%;height: 200px;}
.header .banner img{width: 100%;height: 100%;}

/*首页内容*/
#main .middle{margin-top: 20px;text-align: justify;height: 393px;}
#main .middle>div{display: inline-block;width: 377px;overflow: hidden;position: relative;}
#main .info{height: 393px;background: url("../images/icon1.png") 0 -353px;}
#main .video{height: 352px;background: url("../images/1.jpg");}
#main .video span{position: absolute;width: 68px;height: 69px;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background:url("../images/icon1.png") -562px -536px;cursor: pointer;}
#main .culture{height: 393px;background: url("../images/icon1.png") -811px -353px;}
#main .info,#main .culture{padding: 106px 34px 0 34px;box-sizing: border-box;}
#main .middle .title{height: 4px;background: #2dcdff;position: relative;}
#main .middle .title span{position: absolute;padding: 0 24px;background: #f5f5f5;font-size: 16px;top:-12px;margin-left: 98px;}
#main .middle .list-box{margin-top: 20px;font-size: 12px;}
#main .middle .more{position: absolute;height: 36px;width: 90px;cursor: pointer;right: 1px;bottom: 1px;}
.item{padding-right: 75px;position: relative;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}
.item .square{height: 2px;width: 2px;float: left;background: #3c3c3c;margin-top: 12px;margin-right: 5px;}
.item .date{position: absolute;right: 0;top: 0;}


#main .bottom{height: 294px;background: #ebebeb;}
#main .bottom>div{width:397px;float: left;height: 294px;}
#main .bottom .title{height: 50px;line-height: 50px;padding-left: 31px;padding-right:14px;font-size: 16px;position: relative;color:#3ec3ed;}
#main .bottom .title .icon{position: absolute;background: url("../images/icon1.png");width: 20px;height: 22px;left:8px;top:14px;}
#main .bottom .title p{border-bottom:1px solid #c4c4c4;}
#main .bottom .secure .icon{background-position: -9px -785px;}
#main .bottom .life .icon{background-position: -406px -784px;}
#main .bottom .public .icon{background-position: -815px -785px;}
#main .bottom .more{float: right;font-size: 12px;color: #7d7d7d;}
#main .bottom .container{padding:0 45px 0 30px;border-right: 1px dashed #3ec3ed;padding-top: 15px;}
.list-box{font-size: 12px;}
#main .links{text-align: center;padding: 8px 0;background: #ebebeb;}
#main .links a{padding-left: 5px;padding-right: 10px;font-size: 12px;}

/*详情页面*/
#detail .left{float: left;width: 332px;overflow: hidden;}
#detail .left>div{padding:0 10px 10px 32px;padding-right: 10px;background: #ebebeb;position: relative;margin-bottom: 10px;overflow: hidden;font-size: 12px}
#detail .title{line-height: 40px;color: #3ec3ed;font-size: 16px;border-bottom: 1px solid #c5c5c5;height: 40px;}
#detail .icon{position: absolute;background: url("../images/icon1.png");width: 20px;height: 22px;left:8px;top:10px;}
#detail .culture .icon{background-position: -290px -183px;}
#detail .public .icon{background-position: -815px -785px;}
#detail .contact .icon{background-position: -19px -182px;}
#detail .links .icon{background-position: -585px -178px;width: 21px;}
#detail #list .icon{background-position: -862px -167px;}
#detail .culture div{float: left;margin-top: 10px;margin-right: 10px;width: 140px;height: 114px;}
#detail .culture div img{width: 100%;height: 100%;cursor: pointer;}
#detail .links a{padding-left: 5px;padding-right: 10px;}

#detail .right{float: right;width: 851px;overflow: hidden;background: #fff;min-height: 872px;box-sizing: border-box;padding: 20px;}

#detail .article{text-align:center;font-size:16px;color:#000;margin-bottom:10px;}
#detail .author{text-align:center;}
#detail .content{padding:20px 0;}
#detail .next{font-size:14px;line-height:30px;}
#detail .accessory{margin-bottom:20px;}
#detail .accessory .name{font-size:14px;}

#list{padding: 0 20px 0 32px!important;position: relative;}
#list .location{color: #3c3c3c;font-size: 14px;}
#list .square{margin-top:14px;}
#list .item{line-height: 30px;}

#list .xg-list-btn{margin-top: 100px;margin-bottom: 20px;text-align: center;font-size: 14px;}
#list .xg-page-btn{display: inline-block;height: 20px;width: 20px;margin-left:6px; line-height: 20px;text-align: center;border: 1px solid #ccc;cursor: pointer;font-size: 12px;}
#list .xg-page-btn:hover{border: 1px solid #3ec3ed;color: #3ec3ed;}
#list .xg-page-btn.active{background-color: #3ec3ed;border: 1px solid #3ec3ed;color: #fff;}