body{ margin:0 auto; padding:0; background:url(../images/bg.jpg) repeat; }
*{ margin:0 auto; padding:0;  font-family: 'microsoft yahei'; font-weight:normal;  }
a{ text-decoration:none;}
a:hover{ text-decoration:underline; }
ul { list-style: none outside none; margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ text-decoration:none;}
img{ border:0 none;}
div, form, img, p {
	border:0 none;
	font-family: 'microsoft yahei';
	font-size:12px;
	overflow:hidden;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


.clear {clear:both;display:block;}
.block1{ clear:both; width:100%; height:10px;}
.block2{ clear:both; width:100%; height:20px;}
.ff{ font-family:'microsoft yahei';}
.fl{ float:left;}
.fr{ float:right;}
.ml1{ margin-left:1px;}
.ml3{ margin-left:3px;}
.ml5{ margin-left:5px;}
.ml8{ margin-left:8px;}
.mr8{ margin-right:8px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.pt5{ padding-top:5px;}
.more{ float:right; font-size:12px; margin:5px 5px 0 0; color:#565656;}
.yuan1{ border-radius:10px; padding:5px; background:#a72929; color:#fff; text-align:center;}
.yuan2{ font-size:35px; font-family:'microsoft yahei'; color:#fff; background:#000; border-radius:30px; padding:0 16px 0 12px; vertical-align:-5px; margin-right:5px;}
.blue{ font-size:14px; font-family:'microsoft yahei'; color:#239ff6;}
.dsn{ display:none;}



.top{ width:100%; height:auto;  }
.top .top1{ width:1000px;  margin:0 auto; text-align:center;}
.top .top1 a{ color: #fff; font-size: 14px;  text-align: center; padding: 10px 5px 0 5px; display: inline-block; height: 29px; line-height: 20px;}
.top .top1 a:hover{  color:#fff; text-decoration:none;}


.banner{ width:100%; height:340px; margin:0 auto; text-align:center; }

.main{ width:1200px; height:1000px; position:relative; overflow:visible; }
.nav{ margin-left:-250px; width:200px; cursor:pointer; position:absolute; }
.nav-fix{ position:fixed; top:60px; z-index:999999999;}

.content{ width:1100px; height:auto; }
.content .box{}
.content .box .boxin{ width:260px; min-height:260px; float:left; margin-bottom:10px; cursor:pointer; margin:6px; /*display:flex; align-items: center;*/}

.s1{ width:260px; height:260px; background:url(../images/s1.png) no-repeat; padding:30px; padding-top:45px; padding-right: 35px; box-sizing:border-box; font-size:26px; color:#3d79a3; font-weight:800; line-height:42px; text-align:justify; }
.s2{ width:260px; height:300px; background:url(../images/s2.png) no-repeat; padding:50px; padding-top:40px; padding-right: 55px; box-sizing:border-box; font-size:26px; color:#fff;  line-height:42px; text-align:justify;  }
.s2 font{ display: block; transform:rotate(-4deg); font-weight:800; }
.s3{ width:260px; height:300px; background:url(../images/s3.png) no-repeat; padding:30px; padding-top:45px; padding-right: 35px; box-sizing:border-box; font-size:26px; color:#3d79a3; font-weight:800;  line-height:42px; text-align:justify;  }
.s4{ width:260px; height:260px; background:url(../images/s4.png) no-repeat; padding:30px; padding-top:20px; padding-right: 35px; box-sizing:border-box; font-size:26px; color:#fff; font-weight:800;  line-height:42px; text-align:justify;  }

.s5{ width:260px; height:260px; background:url(../images/s5.png) no-repeat; padding:30px; padding-top:20px; padding-right: 35px; box-sizing:border-box; font-size:26px; color:#fff; font-weight:800;  line-height:42px; text-align:justify;  }
.s6{ width:260px; height:260px; background:url(../images/s6.png) no-repeat; padding:30px; padding-top:20px; padding-right: 35px; box-sizing:border-box; font-size:26px; color:#fff; font-weight:800;  line-height:42px; text-align:justify;  }
.s7{ width:260px; height:300px; background:url(../images/s7.png) no-repeat; padding:50px; padding-top:40px; padding-right: 55px; box-sizing:border-box; font-size:26px; color:#296995; font-weight:800;  line-height:42px; text-align:justify;  }
.s7 font{ display: block; transform:rotate(-4deg); font-weight:800; }
.s8{ width:260px; height:300px; background:url(../images/s8.png) no-repeat; padding:50px; padding-top:40px; padding-right: 55px; box-sizing:border-box; font-size:26px; color:#296995; font-weight:800;  line-height:42px; text-align:justify;  }
.s8 font{ display: block; transform:rotate(-4deg); font-weight:800; }






.footer{ width:100%; height:auto; padding:40px 0; background:#efefef; position:relative; z-index:99999; margin-top:40px;}
.footer .fin{ margin:0 auto; width:980px; color:#333; text-align:center; line-height:30px; font-size:14px;}
.footer .fin a{ color:#333; font-size:14px; margin:0 5px;}




.pubu{ width: 1100px; height:auto; overflow:hidden;  position: relative;}
.masonry {
	/*
	-moz-column-count:4; 
    -webkit-column-count:4;
    column-count:4;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;
	*/
    width: 100%;
}
.masonry .item { position: relative;
    margin-bottom: 2em;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}
.masonry .item img{ width: 100%; border-radius:20px; }
.masonry .item p{ z-index: 6; width: 200px; text-align: center;;  font-size: 21px ;color: #fff; font-weight: 800; position: absolute; top: 30%; left: 50%; margin-left: -90px; }

@media screen and (max-width: 800px) {
    .masonry {
        column-count: 2; // two columns on larger phones
    }
}
@media screen and (max-width: 500px) {
    .masonry {
        column-count: 1; // two columns on larger phones
    }
}




.shadowbox {z-index: 999999998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);display:none;}
.show-box {z-index:999999999;position:fixed;top:30%;left:50%;width:830px;height:600px;margin:-180px 0 0 -420px;border-radius:5px;border:solid 2px #666;background-color:#fff;display:none;box-shadow: 0 0 10px #666;}
.show-box  .showpic{ float:left; width:360px; height:600px; background:#efefef; }
.show-box  .showin{ float:right; width:465px; height:600px; padding:80px 35px 0 30px; box-sizing:border-box; position:relative; }
.show-box  .showin .logo{ position:absolute; top:20px; left:30px; }
.show-box  .showin .daan{ position:absolute; top:20px; right:30px; }
.show-box  .showin h2{ font-size:26px; color:#3d79a3; letter-spacing:2px; line-height:40px; margin-bottom:40px;}
.show-box  .showin p{ font-size:24px; color:#7e7e7e; text-align:justify; margin-bottom:20px; line-height:40px; }
.show-box  .showin .source{ position:absolute; bottom:0; right:0; font-size:12px; color:#a3a3a3; right:30px; bottom:30px; }
.showin .showin_content{width:410px; height:460px; overflow:auto; padding-right:20px;}

.show-box_video {z-index:999999999; position:fixed; top:30%; left:50%; width:830px; height:600px; margin:-180px 0 0 -420px;border:solid 2px #666; background-color:#000; display:none; box-shadow:0 0 10px #666;}

div::-webkit-scrollbar {
    width: 4px;
}
/* 滚动条滑块（里面小方块） */
div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    opacity: 0.2;
    background-color: #CCC;
}

/* 滚动条轨道 */
div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
	/* background-color: #FFF; */
    
}