html{overflow: hidden;}
body{overflow-y: scroll;overflow-x:auto;}
#main{margin: 80px auto;margin-bottom:0;overflow: hidden;font-size: 14px;max-width: 1190px;}

.l-main{float: left;width:100%;margin-right: -100%;}
.l-main-in{margin-right:340px;padding-right:40px;}
.l-main-in > :first-child{margin-top: 10px;}
h1{font-size: 24px;margin: 0;text-align: center;}
.l-main .banner{padding:10px;border:1px solid #cccccc;background-color:#ffffff;text-align: center;}
.l-main .banner img{width: 100%;height: auto;}
.l-main img{max-width: 100%;}
.l-main .h-tit{line-height: 24px;margin-top: 52px;margin-bottom:20px;border-top:1px solid #ccc;zoom:1;}
.l-main .h-tit:after{content: '';display: block;clear: both; height: 0;overflow: hidden;}
.l-main .h-tit-in{float: left;background: #f5f5f5;margin-top:-13px;}
.l-main .h-tit .num{display: inline-block;height: 24px;min-width: 24px;text-align: center;vertical-align: middle;background: #eb8928;color: #fff}
.l-main .h-tit .text{display: inline-block;padding: 0 20px;font-size: 24px;font-weight: 700;vertical-align: middle;}
.l-main .h-cnt{margin-left: 45px;}
.l-main .pic-box{text-align: center;zoom:1;overflow: hidden;margin-right: -3px;margin-top: -20px}
.l-main .pic-box-in{margin-right: -20px;}
.l-main .pic-box .item{display:inline-block;/* float: left; */width: 33.33%;+width: 33%;height:172px;overflow:hidden;margin-top:20px;font-size:0;white-space: nowrap;}
.l-main .pic-box a{display: block;vertical-align: top;text-align:left;height:100%;position: relative;overflow:hidden;background-color: #fff;margin-right:20px;font-size: 12px}
.l-main .pic-box a img{width: 100%;height: 100%;}
.l-main .pic-box a .text{display: block;background: url(../images/web/bg-opacity-08.png);padding:2px 10px;position:absolute;left:0;bottom: 15px;width: 100%;font-size: 14px}
.l-main .article-tit{margin-top: 40px}
.l-main-in h1{margin: 15px 0 10px;}
.article-about{text-align: center;font-size: 12px;color:#999999;text-align: center;border-bottom: 1px dashed #ccc;padding-bottom: 3px;margin-bottom: 5px;}
.article-about .date{display: inline-block;vertical-align: middle;margin: 0 5px;}
.article-about span{margin: 0 10px;}
.article-tip{text-align: center;color: #f00;font-weight: 700}
.article-main{zoom:1;}
.article-main:after{content: '';display: block;height: 0;overflow: hidden;clear: both}
.article-main .img{padding:10px;border:1px solid #cccccc;background-color:#ffffff}
.article-main .img img{max-width: 410px;}
.article-content{text-align: justify;line-height:1.8;max-width: 1000px;margin: 0 auto}
.article-content p{margin-top: 0;margin-bottom:1em}
.article-m-end{text-align: right;margin-top:10px}
.article-m-end a{color:#3366cc;}
.article-m-end a:hover{color: #0033FF}
.article-end{max-width: 1000px;margin: 40px auto 0;padding-top:10px;clear: both;border-top: 1px solid #cccccc}
.article-end .first,.article-end .prev{float: left;}
.article-end .first{color:#eb8928;}
.article-end .next{float: right;}
.article-end .prev, .article-end .next{max-width:20em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background: url(../images/web/arrow-02.png) no-repeat 10px 50%;padding-left: 25px;}
.article-end .prev:hover, .article-end .next:hover{color:#eb8928;}

.projector .p-pic{background-color:#fff;text-align: center;overflow: hidden;}
.projector .p-pic img{width:100%;height: 100%}
.projector .p-pic li{height:420px;overflow: hidden;}
.projector .p-num{zoom:1;overflow: hidden;margin-top: 10px}
.projector .p-num ul{float: right;}
.projector .p-num li{float: left;padding:4px;margin-left:6px}
.projector .p-num .active{background-color:#eb8928;}

.cnt-box2{margin-top: 40px}
.cnt-box2 .col-a{float: left;width:220px;margin-right: -25%}
.cnt-box2 .col-b .col-in{padding-left:260px;}
.cnt-box2 h2{margin-top: 0}

.r-bar{float: right;width:340px;}
.r-bar .r-bar-in h2:first-child{margin-top: 0}
.r-bar .link-list .level-2{margin-left: 26px;}
.r-bar .link-list a{padding-left:25px;background: url(../images/web/arrow-02.png) no-repeat 10px 50%;display:block;height: 36px;line-height: 36px;vertical-align: middle;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.r-bar .link-list .active a,.r-bar .link-list .active:hover a{background-color:#ffcda0;background-image: url(../images/web/arrow-01.png);}
.r-bar .link-list a:hover{background-color:#ffe5ce;}
.r-bar .link-list a{text-decoration: none}
.r-bar .more{width: 60px;height: 24px;margin: 10px auto 0;cursor: pointer;background: url(../images/web/btn-bg-01.png) no-repeat 50% 0;text-align: center;font: 700 14px/24px Arial}
.r-bar .more:hover{background-position: 50% -24px;color: #ffffff}