@charset "utf-8";

/** 
 * 作者：ICE
 * 地址：http://zblog.uzjz.com
 */
body{padding:0;margin:0;color:#353535;font-size:15px;line-height:20px;letter-spacing:0.5px;background:#fff;overflow-x:hidden;}
*{padding:0;margin:0;box-sizing:border-box;}
div,h1,h2,h3,h4,p,form,ul,label,input,textarea,img,span,dl,dt,dd{margin:0;padding:0;}
table{border-collapse:collapse;}
a{text-decoration:none;color:#595959;}
a:hover{color:#a56086;text-decoration:none;}
ul{padding:0;margin:0;}
li{list-style-type:none;}
img{border:none;}
.clear{clear:both;}
.code{margin:20px;}

/*iceui框架*/
.breadcrumb{display:inline-block;}
.section-list{padding-bottom:50px;}
.section-gary{background:#f7f7f7;}
.section-black{background:#242424;}
.section-photo{padding:50px 0;background:#242424;}
.section-photo-info{color:#bbb;padding:20px;text-align:center;}
.section-photo-info h3{margin-bottom:20px;}
.section-photo-info p{margin-bottom:11px;color:#888;}
.section-photo-info h3 span{color:#a56086;}
.section-footer{background:#000000;padding:20px;text-align:center;color:#8c8c8c;}
.section-footer a{color:#a56086;}
.section-footer img{vertical-align:bottom;margin-left:10px;}
.btn-gray-bordered{border:1px solid #a56086;color:#a56086;display:inline-block;padding:0 20px;height:30px;line-height:30px;}
.btn-gray-bordered:hover{border:1px solid #d68db5;color:#d68db5;}
.page-box{margin-bottom:20px;padding:22px;}
.page-content{font-size:16px;}
.page-content img{max-width:100%;}
.page-content p{margin-bottom:10px;}
.btn{background:#a56086;}
@media (min-width:1400px){
	.wz5{flex:0 0 20%;max-width:20%;}
}

/*网站顶部*/
.header{color:#333333;overflow-x:hidden;}
.header-main{width:100%;height:100%;text-align:center;/* margin-top: 20px; */}
.header-banner{color:#BDBDBD;background:url(img/banner.jpg) center center repeat;width:100%;height:300px;overflow:hidden;position:absolute;top:0;left:0;z-index:-1;}
.header-banner::before{content:'';display:block;background:rgba(0,0,0,0.61);width:100%;height:100%;position:absolute;top:0;left:0;}
.header-info{text-align:center;margin:0 auto;margin-top:150px;color:#fff;display:flex;justify-content:center;}
.header-num{flex:0 0 200px;text-align:center;display:inline-block;position:relative;}
.header-num:nth-child(1)::after{content:'';display:inline-block;width:1px;height:32px;background:rgba(255,255,255,0.45);position:absolute;top:10px;right:0;}
.header-num:nth-child(2){margin-right:50px;}
.header-num:nth-child(3){margin-left:50px;}
.header-num:nth-child(4)::after{content:'';display:inline-block;width:1px;height:32px;background:rgba(255,255,255,0.45);position:absolute;top:10px;left:0;}
.header-num div:first-child{color:#bdbdbd;}
.header-num div:last-child{font-size:28px;margin-top:10px;}
.header-logo img{width:130px;height:130px;border:5px solid rgba(255,255,255,0.81);border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,0.48);margin-top:-40px;}
.header-login{margin-top:20px;}
.header-title{color:#fff;font-size:35px;margin-top:50px;letter-spacing:13.5px;font-family:iceui-en,Helvetica,Arial,"Microsoft YaHei","微软雅黑";}
.header-name{font-size:25px;margin-top:20px;margin-bottom:10px;color:#5f5f5f;}
.header-subname{color:#888;}

/*导航*/
.navbar{width:100%;line-height:28px;margin-top:50px;padding:0 35px;box-sizing:border-box;text-align:center;border-bottom:1px solid rgba(0,0,0,0.07);}
.navbar ul li{font-size:13px;display:inline-block;position:relative;}
.navbar ul li a{height:30px;display:inline-block;vertical-align:middle;font-size:16px;margin:0 13px;}
.navbar ul li a:hover,.navbar ul li a.on{color:#a56086;border-bottom:2px solid #a56086;}
.navbar ul li>ul{visibility:hidden;}
.navbar ul li:hover>ul{visibility:visible;top:42px;opacity:1;}
.navbar ul li:hover>ul::before{content:"";color:#676767;font-size:50px;text-align:center;margin:0 auto;position:absolute;left:21px;top:-16px;width:0;height:0;border-width:8px;border-style:solid;border-color:transparent transparent #ffffff transparent;}
.navbar ul li>ul{position:absolute;background:#fff;padding:10px 0;top:60px;visibility:hidden;z-index:9;margin-top:0;transition:all .3s;opacity:0;box-shadow:0 0 9px rgba(0,0,0,0.06);}
.navbar ul li>ul li{display:block;text-align:left;white-space:nowrap;}
.navbar ul li>ul li a{display:inline-block;white-space:nowrap;border-bottom:none!important;}

/*首页*/
.index-msg{text-align:center;padding:30px;margin-bottom:30px;}
.index-msg img{width:150px;height:150px;border-radius:50%;margin:0 auto;}
.index-msg h2{text-align:center;margin:30px;}
.index-msg p{color:#888;}

/*主要内容*/
.single-info{padding:20px 0;border-top:1px solid #eee;margin-top:20px;}
.single-info p{margin-bottom:5px;}
.single-info a{margin-right:5px;font-weight:bold;}

/*上一篇下一篇*/
.single-nav{height:35px;line-height:35px;}
.single-nav a{display:inline-block;vertical-align:middle;}

/*相关文章*/
.single-rec li{margin-top:10px;}
.single-rec-title{font-size:16px;margin-bottom:10px;font-weight:bold;}
.single-rec-title:before{content:" ";width:15px;height:15px;border-radius:50%;background:#a56086;display:inline-block;vertical-align:middle;margin-right:10px;}
.single-rec-title span{display:inline-block;vertical-align:middle;}
.search{float:right;margin-top:12px;}
.search-input{margin-right:-1px;padding:0 10px;}
.search .btn{background:#888;}
.search-content p{margin-bottom:37px;}
.search-content a{font-size:14px;}
.search-content a:first-child{font-size:17px;display:block;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:-7px;}
.search-content a:first-child::before{content:" ";width:12px;height:12px;border-radius:50%;background:#a56086;display:inline-block;vertical-align:middle;margin-right:5px;}
.search-content strong{color:#a56086;}

/* 分页 */
.paging{padding:8px;text-align:center;font-size:16px;display:table;margin:auto;}
.paging a{min-width:40px;height:35px;line-height:35px;margin:5px 2px;background:none!important;color:#4a4a4a;text-align:center;padding:0 20px;display:inline-block;border:1px solid #d4d4d4;font-size:15px;transition:all .5s;}
.paging .paging-el{background:#f3f3f3;}
.paging a.paging-active{color:#ffffff;background:#d68db5;border:1px solid #d68db5;}
.paging a:hover{color:#ffffff;background:#d68db5;border:1px solid #d68db5;}
.paging .paging-prev{border-radius:0;}
.paging .paging-prev:hover{color:#696a6b;background:#ffffff;border:1px solid #e2e2e2;}
.paging .paging-next{border-radius:0;}
.paging .paging-next:hover{color:#696a6b;background:#ffffff;border:1px solid #e2e2e2;}
.paging .paging-disabled{color:#cecece!important;cursor:not-allowed!important;}
.paging.paging-group a{margin:5px 0;margin-left:-1px;}
.paging.paging-group .paging-prev{border-radius:2px 0 0 2px;}
.paging.paging-group .paging-next{border-radius:0 2px 2px 0;}
.paging.paging-line a{margin:5px 0;margin-left:-1px;border:none;border-bottom:2px solid #eaeaea;}
.paging.paging-line a:hover{border:none;background:none;border-bottom:2px solid #d68db5;color:#d68db5;}
.paging.paging-line a.paging-active{color:#d68db5;background:none;border:none;border-bottom:2px solid #d68db5;}
.paging.paging-line .paging-prev{border-radius:2px 0 0 2px;}
.paging.paging-line .paging-next{border-radius:0 2px 2px 0;}
.paging.paging-line .paging-prev:hover{color:#d68db5;background:none;border:none;border-bottom:2px solid #d68db5;}
.paging.paging-line .paging-next{border-radius:0;}
.paging.paging-line .paging-next:hover{color:#d68db5;background:none;border:none;border-bottom:2px solid #d68db5;}
.paging.paging-line .paging-el{background:none;}
@media (max-width:1400px){
	.section-photo .wz5:nth-child(5){display:none;}
}
@media (max-width:900px){
	.header-num{flex:0 0 150px;}
	.search{float:none;}
}
@media (max-width:670px){
	.header-num{flex:0 0 120px;}
}
@media (max-width:600px){
	.header-banner{width:100%;height:210px;}
	.header-info{margin-top:30px;}
	.header-num{flex:0 0 100px;}
	.header-num:nth-child(2){margin-right:0;}
	.header-num:nth-child(3){margin-left:0;}
	.header-num:nth-child(2)::after{content:'';display:inline-block;width:1px;height:32px;background:rgba(255,255,255,0.45);position:absolute;top:10px;right:0;}
	.header-logo img{width:110px;height:110px;margin-top:16px;}
	.navbar{margin-top:10px;padding:0;/* overflow-x: hidden; */}
	.navbar ul li a{height:30px;display:inline-block;vertical-align:middle;font-size:16px;margin:3px 10px;}
	.navbar ul li a:hover,.navbar ul li a.on{color:#a56086;border-bottom:none;}
	.navbar ul li>ul{visibility:hidden;}
	.navbar ul li:hover>ul{visibility:visible;top:0;opacity:1;right:0;}
	.navbar ul li:hover>ul::before{display:none;}
	.navbar ul li>ul{position:fixed;background:#fff;height:100%;padding:10px 0;top:0;visibility:hidden;z-index:9;margin-top:0;transition:all .3s;opacity:0;box-shadow:0 0 9px rgba(0,0,0,0.06);right:-50px;z-index:9999;}
	.navbar ul li>ul li{display:block;text-align:left;white-space:nowrap;}
	.navbar ul li>ul li a{display:inline-block;white-space:nowrap;border-bottom:none!important;margin:3px 20px;}
	.section-list{padding:20px 0;}
}