*,*:before,*:after {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,form
{margin:0;padding:0;border:0;outline:none;}
input{margin:0;padding:0;outline:none;}
input:focus { outline: none; } /*控制聚焦时不出现蓝色边框;seclect用line-height不兼容ie8，只能用padding撑开*/
input{-webkit-appearance:none;}/*åŽ»é™¤åœ¨æ‰‹æœºç«¯è‡ªå¸¦çš„æŒ‰é’®æ ·å¼*/
li{list-style:none;}
a,ins{text-decoration:none;}
*:focus{outline:none;}
.fl{float:left;}
.fr{float:right;}
.cf:after{display:block;content:'';height:0;visibility:hidden;clear:both;}
.cf:after, .cf:before {
    display: table;
    content: "";
}
.cf{zoom:1;}
.hide{display:none;}
.block{display:block;}
body{font-family: '微软雅黑','Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei UI','Microsoft YaHei',Arial,sans-serif,思源黑体 CN;background-color: #333!important;
}

.w1440{width:1440px;margin:0 auto;}
.w1840{width:1840px;margin:0 auto;}
.w1184{width:1184px;margin:0 auto;}
/* 主体内容开始 */

/* æ ‡é¢˜ */
.main-title{width:1440px;margin:20px auto;text-align: center;}
.main-title .theme{
    display: inline-block;
    font-size: 22px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 600;
    margin-right: 16px;
    line-height:30px;
}
.main-title .author{
    display: inline-block;
    font-size: 16px;
    color: #999999;
    letter-spacing: 0;
    text-align: center;
    line-height: 32px;
    font-weight: 400;
}
.w1840{width: 1840px;margin: 0 auto;}
.w1440{width: 1440px;margin: 0 auto;}
.large_box{position: relative;height:600px;}
.large_box ul li span{position: absolute;}
.large_box ul li a{margin:0 auto;}
.large_box a span.sp{width: 14px;height: 14px;bottom: -38px;position: absolute;left:320px;}
.large_box ul li a div{display: inline-block;position: absolute;}
.large_box ul li span{width: 100px;height: 60px;background: red;color: blueviolet;}
.spotlight-group{width: 1440px;margin: 0 auto;height:600px;position: relative;}
.small-title{
width: 280px;
 margin: 20px auto;
}
.small-title .date {
    font-size: 14px;
    color: #666666;
    display: block;
    float: left;
}
.small-title span {
    font-size: 14px;
    line-height: 20px;
    float: left;
    display: block;
    color: #666666;
}

.jiesh-box{padding: 0 150px;
    width: 100%;}
.jiesh-box   p{font-size: 16px;
        color: #333333;
        text-align: justify;
        line-height: 32px;}
/* 图片集 */
.large_box {
    margin-bottom:10px;
}
.large_box .pic_center{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 600px;}
.large_box .slide-big-img img{
    width:800px;
    height:574px;
    vertical-align: middle;
    display: inline-block;
}
.large_box{margin-bottom:0;}
.large_box a{display:none;}
  a:first-child{display:inline-block;}
.large_box img {
    display: inline-block;
}
.small_box {
    width: 1064px;
    height: 150px;
    margin: 0 auto;
    position: relative;
   
}
.small_list {
    position: relative;
    float: left;
    width: 1064px;
    height:150px;
    overflow: hidden;
}
.small_list ul {
    width: 1064px;
    height:150px;
    overflow: hidden;
    text-align: left;
}
.small_list ul li {
    position: relative;
    float: left;
    margin-right: 16px;
    width:200px;
    height:150px; 
}
.small_list ul li .slide-small-img{position: relative;}
.small_list ul li .spp{width: 200px;height: 150px;display: block; background-color: #000000; 
    opacity: 0.4;position: absolute;left:0;top:0;}
.small_list ul li img {
    display:inline-block;
    width:200px;
    height:150px;
    vertical-align: middle;
}
.btn {
    display: block;
    width: 56px;
    height: 56px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    position: absolute;
    z-index: 5;
    top: 55px;
    z-index: 999;
}
.small_list ul li.on .spp{
    background:none;
    opacity: 1;
    display: none;

}
.small_list ul li.on .bun_bg {
    display: block;
    
}
.large_box .left_btn {
    left:-7px;
    top: 46%;
    background-image: url(left.png);
    display: block!important;
}
.large_box .right_btn {
    right:-7px;
    top: 46%;
    background-image: url(right.png);
    display: block!important;
}
.small_box .left_btn {
    left:-60px;
    background-image: url(left_btn.svg);
    width: 40px;
    height: 40px;
}
.small_box .right_btn {
    right:-60px;
    background-image: url(right_btn.svg);
    width: 40px;
    height: 40px;
}
.slide-big-img {
    width:1064px;
    height:574px;
    background-size: cover;
    background-position: center;
    margin: 0 auto;
    text-align: center;
}
.zxj.svg
.slide-small-img {
    width: 106px;
    height: 80px;
    margin-right: 10px;
    background-size: cover;
    background-position: center;
    text-align: center;
    display:table;
}
.func_box{margin-bottom: 26px;margin-top:24px;}
.func_box ul{height:16px;margin-bottom: 0;}
.funcList {
    width:800px;
    height:16px;
    margin: 0 auto;
    color: #666;
}
.funcList{line-height:16px;display:none;}
.func_box .funcList:first-child{display: inline-block;}

.funcList .fl a,.funcList .fl span{display: inline-block;}
.funcList .fr a{display:inline-block;}

.funcList .pic-large{
    background:url(jia.svg) center no-repeat;
    width:12px;
    height:12px;
    cursor: pointer;
    display: none!important;
}
.funcList .pic-small{
    background:url(jian.svg) center no-repeat;
    width:12px;
    height:12px;
    cursor: pointer;
    display: none!important;
}
.funcList .percentage{
    padding:0 8px;
    font-size: 16px;
    color: #FFFFFF;
    text-align: justify;
    font-weight: 400;
    display: none!important;
}
.funcList .line{
    width:1px;
    height:12px;
    opacity: 0.2;
    background: #D8D8D8;
    margin:0 13px;
}
.funcList .fullscreen_new{
    background: url(qp.png) center no-repeat;
    width:14px;
    height:14px;
    cursor: pointer;
}
.spotlight-group a .sp .shcc{
    position: absolute;
    display: none;
    width: 75px;
    line-height: 32px;
    background: url(xxmd.svg) no-repeat;
    top:17px;
    z-index: 999;
    font-size: 14px;
    left:-34px;
    color:#fff;
    text-align: center;
}
.spotlight-group a .sp:hover .shcc{display:block;}
.funcList .download{
    background: url(xzyt.svg) center no-repeat;
    width:14px;
    height:14px;
    cursor: pointer;
}
.funcList .bt-downfile {position: relative;}
.bt-downfile .xzyt{
    position: absolute;
    display: none!important;
    width: 75px;
    line-height: 32px;
    background: url(xxmd.svg) no-repeat;
    top: 18px;
    z-index: 999;
    font-size: 14px;
    left: -30px;
    color:#fff;
    text-align: center;
}
.funcList .bt-downfile:hover .xzyt{display: block!important;}
.funcList .attribute{
    background:url(tpxq.svg) center no-repeat;
    width:16px;
    height:14px;
    margin-right:12px;
    cursor: pointer;
    position: relative;
    display: inline-block;
}
.funcList .discuss{
    background:url(pl.svg) center no-repeat;
    width:14px;
    height:14px;
    cursor: pointer;
    position: relative;
    margin-right:18px;
    display: inline-block;
}
.review,.zpxx{
    background:url(plmd.svg) no-repeat;
    display:none;
    cursor: pointer;
    width:49px;
    height:30px;
    position: absolute;
    top:18px;
    z-index:999;
    text-align:center;
    left:-16px;
    font-size: 14px;
    color: #979797;
    line-height:30px;
    font-weight: 400;
}
.zpxx{left:-30px;background:url(xxmd.svg) no-repeat;width: 75px;line-height: 32px;}
.funcList .discuss:hover .review,.funcList .attribute:hover .zpxx{display: block;}
.slide-big-img .btn {background-color: rgba(255, 255, 255, 0);}
.slide-big-img .btn:hover{display: block;}
.slide-big-img .left_btn {top:50%;left:15px;}
.slide-big-img .right_btn {top: 50%;right:15px;}

.gallery-toolbar a{color:#fff;width:85px;height: 22px;display: inline-block;margin-bottom:10px; color:#fff;font-size:12px;line-height:22px;}
.gallery-toolbar .ckyt{background:#3a3a3a url(ckyt.png) 10px center no-repeat;padding-left:30px;}

.pic-tit{font-size: 12px;display: inline-block;color: #fff;line-height:21px;margin: 1em 0;}

.information-fix{
    /* position: absolute;top:849px; */
    width:1440px;}
.img-information{
    margin-top: 39px;
}
.img-information .img-tit{ 
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 600;
    line-height:20px;
    text-align: left;
}
.information-box{
    background:url(tmbg.png) no-repeat;
    background-size: cover;
    width: 1440px;
    height:255px;
    /* position: absolute;
    top:48px; */
    padding:34px 30px 0 27px;
}
.information_box .pic-information li {
    display: none;
    margin-top: 18px;
}
.information_box .pic-information li:first-child{display: block;}
.attr-list{text-align: left;}
.attr-lf{float: left;}
.attr-tit{
    height:22px;
    line-height:22px;
    background:url(zpsx.svg) left center no-repeat;
    padding-left:24px;
    font-size: 16px;
    color: #FFFFFF;
    text-align: justify;
    font-weight: 600;
    margin-bottom:13px;
}
.attr-name{
    display:inline-block;
    min-width:96px;
    line-height:32px;
    font-size: 16px;
    color: #999999;
    font-weight: 400;
    text-align: left;
}
.attr-value{
    display:inline-block;
    min-width:85px;
    margin:0 60px 0 63px;
    font-size: 16px;
    color: #DBDBDB;
    line-height: 32px;
    font-weight: 400;
}
.attr-rt .attr-value{
    min-width:169px;
    margin-left:30px;}
.attr-rt .attr-name{min-width:112px;}
.attr-rt .attr-value2{margin-right:0;min-width:30px;}
.attr-rt{float: left;}
.attr-rt .attr-tit{ background: url(zxj.svg) no-repeat;}
.divide{
    float: left;
    width:1px;
    height:195px;
    border:1px solid #4F4F4F;
    margin:0 30px 0 74px;
}
.zxj.svg
.slide-small-img {
    width: 106px;
    height: 80px;
    margin-right: 10px;
    background-size: cover;
    background-position: center;
    text-align: center;
    display:table;
}
.divide{margin: 0 30px 0 60px;}
.attr-value {min-width: 120px;
  margin: 0 40px 0 40px;}


/* ä¸åŒåˆ†è¾¨çŽ‡ä¸‹çš„æ ·å¼ */
@media only screen and (max-width: 1880px) and (min-width: 1440px){
    .main{width:100%;padding:0 40px;}
    .w1840{width:100%;}
    .w1440,.main-title,.large_box{width: 1280px;}
    .main .spotlight-group{width: 1280px;}
    .information-fix,.information-box,.information-box{width:1280px;}
    .attr-value{margin:0 30px 0 30px;}
    .comment .tmx{width:1280px;}
    .comment .comment-lf-main{width:930px;}
    .comment #comment-listcon-content{width:902px;}
    .little-pic.w1840{width:1280px!important;}
    .small_box{margin-left:0;margin: 0 auto}
    .large_box .left_btn{left:0;}
    .large_box .right_btn{right:0;}
    .large_box a span.sp{left:240px;}
}

@media only screen and (max-width: 1439px) and (min-width: 1279px){
    .main{width:100%;padding:0 40px;}
    .w1840{width:100%;}
    .w1440,.main-title,.information-box,.comment .tmx,.information-fix,.large_box{width: 1200px;}
    .small_box{margin-left:0;}
    .comment .comment-lf-main{width:849px;}s
    .attr-value{margin: 0 20px 0 20px;}
    .attr-rt .attr-value{margin-left:30px;}
    .divide{margin:0 30px 0 30px;}
    .comment #comment-listcon-content{width:820px;}
    .little-pic.w1840{width:1064px;margin:0 auto;}
    .main .spotlight-group{width: 1200px;}
    .large_box .left_btn{left:0;}
    .large_box .right_btn{right:0;}
    .large_box a span.sp{left:200px;}
    
}

@media only screen and (max-width: 1279px) and (min-width: 769px){
    body{width:1280px;}
    .main{width:1280px;padding:0 40px;}
    .w1840{width:100%;}
    .w1440,.main-title,.information-box,.comment .tmx,.information-fix,.large_box{width: 1200px;}
    .small_box{margin-left:0;}
    .comment .comment-lf-main{width:849px;}
    .attr-value{margin: 0 20px 0 20px;}
    .attr-rt .attr-value{margin-left:30px;}
    .divide{margin:0 30px 0 30px;}
    .comment #comment-listcon-content{width:820px;}
    .little-pic.w1840{width:1064px;margin:0 auto;margin-left: 66px;}
    .main .spotlight-group{width: 1200px;}
    .large_box .left_btn{left:0;}
    .large_box .right_btn{right:0;}
    .large_box a span.sp{left:200px;}
    
}