@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
i,em{ font-style:normal;}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%;font-size: 12px;min-width: 1100px!important; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;color: #444;background: #f6f7f9;}
#footer_bx{clear: both;}


a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.wrap{position: relative; width: 1200px; margin: 0 auto;font-size: 0;text-align: center;}

 /* 输入框填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
}
 
/* 输入框填充透明 */
/* input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-out 0.5s;
} */
 
 /*banner */
.banner-box{height:240px;width:100%; text-align:center; text-align: center;
	background: url(../images/banner01.png) no-repeat center;
	background-size: 100%;
}
.banner-box span{font-size: 16px; line-height: 26px; color: #fff; width: 100%; clear: both;float: left; margin-top: 72px;}
.banner-box font{font-size: 32px; line-height: 58px; color: #fff; font-weight: bold; clear: both;}
.banner-box font::before,.banner-box font::after{content: '';width: 241px; height: 1px; display: inline-block; vertical-align: middle; margin: auto 30px;}
.banner-box font::before{
	background: url(../images/ban-line01.png) no-repeat center;
	background-size: 100%;
}
.banner-box font::after{
	background: url(../images/ban-line02.png) no-repeat center;
	background-size: 100%;
}

.banner-box img{width: 100%;display: block;}
.main{width: 100%; clear: both; float:left; margin-top:50px;}
.main h2{font-size:28px; line-height:58px; color:#3a3d4b; font-weight:bold; clear:both; float: left;}
.main .content{width:100%; clear: both; float: left; margin-top: 30px; margin-bottom: 70px;}
.content .left{float: left;}
.content .left .item{width: 230px; height: 480px; display: block; float: left; margin-right: 20px; position: relative; overflow: hidden;
	border-radius: 16px;
	cursor: pointer;
}
.content .left .item img{width: 100%;}
 
.content .right{float: right; width: 450px;}
.content .right .item{width: 100%; height: 230px; display: block; float:left; overflow: hidden;border-radius: 16px; position: relative;
	cursor: pointer;
}
.content .right .item05{margin-top: 20px;}
.content .right .item img{width: 100%;}

.caption{position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.captionbg{position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); /* Firefox 3.6 - 15 */
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); /* 标准的语法 */
	-webkit-transition: all .5s;
	transition: all .5s;
}
.item:hover .captionbg{
	background: rgba(0,0,0,.7);
}
.caption-text{position: absolute; bottom: 60px; left: 0;width: 100%; padding: 0 5%; color: #fff; text-align: left; min-height: 152px;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
.left .caption-text{padding: 0 7%;}
.right .caption-text{height: auto;}
.right .item05 .caption-text{min-height: 120px;}
.caption-text h4{font-size: 30px; line-height: 42px; position:absolute; }
.item04 .caption-text h4{bottom: 105px;}
.item:hover .caption-text{bottom: 0;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.caption-text p{font-size: 16px; line-height: 30px;  color: rgba(255,255,255,.7); position: absolute; top: 55px;}