@charset "utf-8";

article,aside,dialog,footer,header,section,footer,nav,figure,menu{
	display:block
}

body{
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
.r_content{

	font-size: 14px;
	font-family: '微软雅黑','Microsoft YaHei',Verdana,Arial,Helvetica,sans-serif;
	font-style: normal;
	font-weight: normal;
	list-style: none;
	text-decoration: none;
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6{
	margin: 0;
}




a{
	color: #333;
}

input,textarea,button{
	border: 0;
	outline: none;
}

input:focus{
	outline: 0 none;
	border: none;
}

select{
	outline: none;
}
[placeholder]:focus::-webkit-input-placeholder {
	-webkit-transition:opacity 0.5s ease;
	-moz-transition:opacity 0.5s ease;
	-o-transition:opacity 0.5s ease;
	transition:opacity 0.5s ease;
	opacity:0
}
[placeholder]:focus::-moz-input-placeholder {
	-webkit-transition:opacity 0.5s ease;
	-moz-transition:opacity 0.5s ease;
	-o-transition:opacity 0.5s ease;
	transition:opacity 0.5s ease;
	opacity:0
}
.clearfix::after{
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix{
	zoom: 1;
}
.justify_li{
	width: 100%;
	font-size: 0;
	text-align: justify;
}
.justify_li::after{
	content: "";
	display: inline-block;
	width: 100%;
}
.justify_li li{
	display: inline-block;
}
.justify_fix {
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.nowrap{
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
}
.container{
	z-index: 11;
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}
.mt20{
	margin-top: 20px;
}
.mt10{
	margin-top: 10px;
}
.mt30{
	margin-top: 30px;
}
.mb30 {
	margin-bottom:30px;
}
.mr10 {
	margin-right:10px;
}
.mb10 {
	margin-bottom:10px;
}
.mob_show,.none{
	display: none;
}
/*首页*/

header{
	z-index: 9999;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 20px;
    -webkit-transition: all 0.36s ease-out;
    -o-transition: all 0.36s ease-out;
    -moz-transition: all 0.36s ease-out;
    transition: all 0.36s ease-out;
}
.head-box{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 1400px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.36s ease-out;
	-o-transition: all 0.36s ease-out;
	-moz-transition: all 0.36s ease-out;
	transition: all 0.36s ease-out;
	-ms-transition: all 0.36s ease-out;
}
.pull-down{
	padding-top: 0;
	background: rgba(0,0,0,.88);
	top: 0;
	-webkit-transition: all 0.36s ease-out;
	-o-transition: all 0.36s ease-out;
	-moz-transition: all 0.36s ease-out;
	transition: all 0.36s ease-out;
}
.header-not{
	top: -100px;
	-webkit-transition: all 0.36s ease-out;
	-o-transition: all 0.36s ease-out;
	-moz-transition: all 0.36s ease-out;
	transition: all 0.36s ease-out;
}
.navgation{
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	   -moz-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	height: 70px;
}
.navgation li{
	position: relative;
	float: left;
	padding: 0 15px;
}
.navgation li a{
	position: relative;
	display: block;
	color: #d4d4d4;
	line-height: 70px;
}
.navgation li.active a::after{
	position: absolute;
	content: "";
	bottom: 15px;
	left: 50%;
	width: 4px;
	height: 4px;
	margin-left: -2px;
	background: #fff;
	-moz-border-radius: 4px;
	     border-radius: 4px;
}
.navgation li:hover>a,.navgation li.active>a{
	color: #fff;
}
.navgation li div{
	z-index: 6666;
	position: absolute;
	left: 0;
	top: 60px;
	width: 140px;
	height: 0;
	overflow: hidden;
	opacity: 0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.navgation li div a{
	height: 40px;
	padding: 0 15px;
	line-height: 40px;
	color: #e9e9e9;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: rgba(0,0,0,.7);
	transition: all 0.26s ease;
	-webkit-transition: all 0.26s ease;
	-moz-transition: all 0.26s ease;
	-ms-transition: all 0.26s ease;
	-o-transition: all 0.26s ease;
}
.navgation li div a:hover{
	color: #fff;
	background: rgba(0,0,0,.9);
	transition: all 0.26s ease;
	-webkit-transition: all 0.26s ease;
	-moz-transition: all 0.26s ease;
	-ms-transition: all 0.26s ease;
	-o-transition: all 0.26s ease;
}
.toggle-search{
	position: absolute;
    right: 0;
    top: 50%;
    font-size: 24px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    color: #ccc;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    -webkit-text-stroke: 1px black;
}
.toggle-search:hover{
	color: #fff;
}
.search-content{
	z-index: 9999;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.search-active{
	display: block;
}
.search-top{
	position: absolute;
	top: -33%;
	left: 0;
	width: 100%;
	height: 33%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: #fff;
}
.search-top form{
	position: relative;
	width: 1110px;
	max-width: 100%;
}
.search-content .search_input{
	background: #fff;
    border: 0;
    display: block;
    width: 100%;
    height: 50px;
    color: #949494;
    font-size: 15px;
    padding: 0 15px;
    padding-right: 100px;
    border: 1px solid #f1f1f1;
}
.search-content .fa-close{
	z-index: 33;
	position: absolute;
	right: 50px;
	top: 30px;
	font-size: 36px;
	cursor: pointer;
	-webkit-text-stroke: 4px white;
}
.search-content button{
	z-index: 999;
	position: absolute;
    right: 0px;
    top: 0;
    height: 50px;
    width: 98px;
    color: #fff;
    font-size: 16px;
    background: #333;
    cursor: pointer;
}
.search-bottom{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 67%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: #f4f4f5;
}
.search-bottom .container{
	width: 1110px;
}
.groom strong{
	display: block;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 5px;
}
.groom strong i{
	margin-right: 6px;
	font-size: 20px;
	color: #999;
}
.groom ul{
	font-size: 0;
	margin: 0 -10px;
	margin-top: 30px;
}
.groom li{
	padding: 0 10px;
	margin-bottom: 20px;
}
.groom li a{
	-moz-border-radius: 8px;
	     border-radius: 8px;
}
.groom li h3{
	font-size: 16px;
}
/*headerBox*/
.ban-area{
	position: relative;
	-padding: 120px 0 50px 0;
	height: 540px;
	background: url(../images/banner.jpg) center no-repeat;
	-moz-background-size: cover;
	  -o-background-size: cover;
	     background-size: cover;
}
.ban-area::before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
}
.item-box a{
	z-index: 99;
	display: block;
	position: relative;
	overflow: hidden;
}
.item-box a::before{
	z-index: 3;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,.3);
	-webkit-transition: all 0.36s ease-out;
	-o-transition: all 0.36s ease-out;
	-moz-transition: all 0.36s ease-out;
	transition: all 0.36s ease-out;
}
.item-box a:hover::before{
	background: rgba(0,0,0,.2);
	-webkit-transition: all 0.36s ease-out;
	-o-transition: all 0.36s ease-out;
	-moz-transition: all 0.36s ease-out;
	transition: all 0.36s ease-out;
}
.item-box img{
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.item-box a:hover img{
	-webkit-transform: scale(1.06);
	   -moz-transform: scale(1.06);
	    -ms-transform: scale(1.06);
	     -o-transform: scale(1.06);
	        transform: scale(1.06);
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.item-box a div{
	z-index: 66;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 20px;
	background: -webkit-gradient(linear,left top, left bottom,color-stop(0, transparent),to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top,transparent 0,rgba(0,0,0,0.7) 100%);
	background: -moz-linear-gradient(top,transparent 0,rgba(0,0,0,0.7) 100%);
	background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,0.7) 100%);
	background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,0.7) 100%);
}
.item-box h3{
	font-size: 24px;
	color: #fff;
	line-height: 1.4;
	overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.item-box p{
	margin-top: 15px;
	text-align: right;
	line-height: 20px;
}
.item-box p span{
	float: left;
	font-size: 12px;
	color: #dfdfdf;
}
.item-box time{
	font-size: 12px;
	color: #dfdfdf;
}
.item-box p i{
	margin-left: 10px;
	font-size: 12px;
	color: #dfdfdf;
}
.item-box p i::before{
	margin-right: 4px;
}
.pc_show .item-box{
	float: left;
	width: 50%;	
	max-height: 185px;
	overflow: hidden;
}
.pc_show .item-box h3{
	font-size: 18px;
}
/* hot */
.hot-tj{
	max-height: 50px;
	margin-top: 20px;
	margin-bottom: 15px;
	line-height: 24px;
	overflow: hidden;
}
.hot-tj span{
	float: left;
	margin-right: 6px;
	height: 40px;
	color: #666;
}
.hot-tj a{
	display: inline-block;
	vertical-align: top;
	margin-right: 6px;
	color: #777;
}
.hot-tj a:hover{
	text-decoration: underline;
	color: #000;
}
/**/
.macke-1 ul{
	font-size: 0;
	margin: 0 -10px;
}
.macke-1 li{
	padding: 0 10px;
	margin-bottom: 30px;
}
.macke-1 li a{
	z-index: 66;
	position: relative;
	display: block;
	-moz-border-radius: 8px;
	     border-radius: 8px;
	overflow: hidden;
}
.macke-1 li a::before{
	z-index: 33;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background: rgba(21,21,21,.7);
	-webkit-transition: all 0.36s ease-out;
	-o-transition: all 0.36s ease-out;
	-moz-transition: all 0.36s ease-out;
	transition: all 0.36s ease-out;
}
.macke-1 li a:hover::before{
	background: rgba(21,21,21,.2);
	-webkit-transition: all 0.36s ease-out;
	-o-transition: all 0.36s ease-out;
	-moz-transition: all 0.36s ease-out;
	transition: all 0.36s ease-out;
}
.macke-1 li img{
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: all 0.36s ease-out;
	-o-transition: all 0.36s ease-out;
	-moz-transition: all 0.36s ease-out;
	transition: all 0.36s ease-out;
}
.macke-1 li:hover img{
	-webkit-transform: scale(1.08);
	   -moz-transform: scale(1.08);
	    -ms-transform: scale(1.08);
	     -o-transform: scale(1.08);
	        transform: scale(1.08);
	-webkit-transition: all 0.36s ease-out;
	-o-transition: all 0.36s ease-out;
	-moz-transition: all 0.36s ease-out;
	transition: all 0.36s ease-out;
}
.macke-1 li h3{
	z-index: 44;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 30px;
	margin-top: -15px;
	padding: 0 20px;
	line-height: 30px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
}
.macke-1 li:hover h3{
	opacity: 0;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
}
/*list*/
.nlist{
	margin: 0 -10px;
}
.nlist li{
	padding: 0 10px;
	margin-bottom: 30px;
}
.nlist li a{
	position: relative;
	z-index: 33;
	display: block;
	-moz-border-radius: 8px;
	     border-radius: 8px;
	background: #fff;
	border: 1px solid rgba(0,0,0,.125);
	overflow: hidden;
}
.nlist li a:hover{
	border: 1px solid #eee;
	-webkit-box-shadow: 0px 11px 122px -15px rgba(11,10,39,0.22);
	   -moz-box-shadow: 0px 11px 122px -15px rgba(11,10,39,0.22);
	        box-shadow: 0px 11px 122px -15px rgba(11,10,39,0.22);
}
.nlist li div{
	position: relative;
	overflow: hidden;
}
.nlist li div::before{
	z-index: 66;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(21,21,21,.3);
	-webkit-transition: all 0.36s ease;
	-o-transition: all 0.36s ease;
	-moz-transition: all 0.36s ease;
	transition: all 0.36s ease;
}
.nlist li div:hover::before{
	background: rgba(21,21,21,.2);
	-webkit-transition: all 0.36s ease;
	-o-transition: all 0.36s ease;
	-moz-transition: all 0.36s ease;
	transition: all 0.36s ease;
}
.nlist li img{
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.nlist li div:hover img{
	-webkit-transform: scale(1.06);
	   -moz-transform: scale(1.06);
	    -ms-transform: scale(1.06);
	     -o-transform: scale(1.06);
	        transform: scale(1.06);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.nlist li span{
	position: relative;
	display: block;
	padding: 0 16px;
	margin-top: 15px;
	font-size: 12px;
	text-indent: 20px;
}
.nlist li span::before{
	position: absolute;
	content: "";
	top: 50%;
	left: 16px;
	width: 6px;
	height: 6px;
	margin-top: -6px;
	border: 3px solid #f66666;
	-moz-border-radius: 50px;
	     border-radius: 50px;
}
.nlist li h3{
	padding: 0 16px;
	margin-top: 8px;
	font-size: 16px;
	line-height: 1.4;
}
.nlist li em{
	font-size: 12px;
}
.nlist li p{
	padding: 0 16px;
	margin: 12px 0;
	overflow: hidden;
	text-align: right;
	line-height: 1.4;
}
.nlist li p time{
	float: left;
	margin-top: 2px;
	font-size: 12px;
	color: #999;
}
.nlist li p i{
	margin-left: 10px;
	font-size: 12px;
	color: #999;
}
.nlist li p i::before{
	margin-right: 4px;
}
.tab-content .view-more a{
	display: block;
	width: 110px;
	height: 42px;
	margin: 0 auto;
	background: #F5F5F5;
	color: #666;
	-moz-border-radius: 20px;
	     border-radius: 20px;
	text-align: center;
	line-height: 42px;
	-webkit-transition: all 0.36s ease-out;
	-o-transition: all 0.36s ease-out;
	-moz-transition: all 0.36s ease-out;
	transition: all 0.36s ease-out;
}
.tab-content .view-more a:hover{
	width: 140px;
	background: #000;
	color: #fff;
}
/**/
.push-box{
	position: relative;
	margin-top: 30px;
	padding-top: 36px;
	padding-bottom: 20px;
	background: url(../images/2018092517163620.jpg) center no-repeat;
	-moz-background-size: cover;
	  -o-background-size: cover;
	     background-size: cover;
}
.push-box::before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,.5);
}
.push-box>.container{
	z-index: 33;
}
.push-title{
	margin-bottom: 24px;
	line-height: 24px;
	font-size: 20px;
	color: #fff;
}
.push-title a{
	float: right;
	color: #fff;
	letter-spacing: 3px;
}
.push-title i{
	margin-left: 8px;
}
.nlist li em{
	display: block;
	padding: 0 16px;
	max-height: 40px;
	line-height: 1.4;
	color: #666;
	margin-top: 8px;
	overflow: hidden;
}
/* SEO 资讯 */
.zxlist>div{
	padding: 20px 12px 10px;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.zxlist .zli{
	overflow: hidden;
}
.zxlist .zli .fl{
	width: 130px;
	margin-right: 10px;
}
.zxlist .fbox a{
	display: block;
	margin-top: 8px;
}
.zxlist .zli p{
	height: 56px;
	margin-top: 6px;
	line-height: 1.6;
	overflow: hidden;
	font-size: 12px;
	color: #777;
}
.zxlist li{
	position: relative;
	padding-left: 16px;
}
.zxlist li::before{
	position: absolute;
	content: "";
	left: 5px;
	top: 50%;
	width: 4px;
	height: 4px;
	margin-top: -2px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background: #bbb;
}
/* SEO 动态 */
.itemlist{
	overflow: hidden;
}
.itemlist .push-title{
	margin-bottom: 16px;
	color: #333;
}
.itemlist .push-title a{
	margin-top: 2px;
	font-size: 12px;
	color: #666;
}
.itemlist>div{
	float: left;
	width: 380px;
}
.itemlist>div:nth-of-type(2){
	margin: 0 30px;
}
.itemlist .item-img{
	margin-bottom: 10px;
}
.itemlist li{
	overflow: hidden;
	line-height: 30px;
}
.itemlist li a{
	float: left;
	max-width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	color: #666;
}
.itemlist li a:hover{
	color: #222;
}
.itemlist li span{
	float: right;
	font-size: 12px;
	color: #999;
}
/**/
.botlist .push-title{
	color: #333;
}
.botlist .push-title a{
	color: #666;
}
.botlist ul{
	margin: 0 -10px;
}
.botlist li{
	padding: 0 10px;
	margin-bottom: 20px;
}
.botlist li a{
	position: relative;
	z-index: 33;
	display: block;
	-moz-border-radius: 8px;
	     border-radius: 8px;
	overflow: hidden;
}
.botlist li a::before{
	z-index: 11;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.botlist li a:hover::before{
	background: rgba(0,0,0,.2);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.botlist li img{
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.botlist li a:hover img{
	-webkit-transform: scale(1.06);
	   -moz-transform: scale(1.06);
	    -ms-transform: scale(1.06);
	     -o-transform: scale(1.06);
	        transform: scale(1.06);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
/*  */
.a-seo{
	height: 120px;
	overflow: hidden;
}
.a-seo-fold{
	height: auto;
}
/* footer */

footer{
	margin-top: 80px;
	padding-top: 40px;
	background: #111;
}
.footer-con strong{
	position: relative;
	display: block;
	padding-bottom: 20px;
	margin-bottom: 20px;
	color: #fff;
	font-weight: normal;
	letter-spacing: 3px;
}
.footer-con strong::before{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 30px;
	border-bottom: 2px solid #fff;
}
.footer-con p{
	width: 80%;
	margin-bottom: 20px;
	color: #d4d4d4;
	line-height: 1.6;
}
.footer-con a{
	display: inline-block;
	margin-right: 10px;
	color: #d4d4d4;
}
.footer-con a:hover{
	color: #fff;
}
.friendlink li{
	display: inline-block;
	font-size: 12px;
	color:#ccc;
	line-height: 26px;
}
.friendlink li a{
	display: inline-block;
	margin: 0 5px;
	font-size: 12px;
	color: #999;
}
.foot-bottom{
	border-top: 1px solid #181818;
	margin-top: 20px;
	padding: 30px 0;
	font-size: 12px;
	color: #666;
}
/*list*/
.topbar{
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 550px;
	margin-top: 54px;
	text-align: center;
	background: url(../images/banner_2.jpg) center no-repeat;
}
.topbar::before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-background: rgba(0,0,0,.5);
}
.topbar h2{
	position: relative;
	z-index: 66;
	display: block;
	font-size: 40px;
	color: #fff;
	font-weight: normal;
	letter-spacing: 2px;
}
.curmbs{
	line-height: 30px;
}
.curmbs i{
	margin-right: 4px;
	font-size: 16px;
	color: #555;
}
.curmbs a{
	color: #666;
}
.curmbs a:hover{
	color: #333;
}
.con_box{
	position: relative;
	margin-top: 15px;
	border: 1px solid #ddd;
}
.con_box::after{
	position: absolute;
	content: "";
	top: 0px;
	left: 240px;
	height: 100%;
	border-right: 1px solid #ddd;
}
.sidebar{
	float: left;
	width: 180px;
	height: 100%;
	text-align: center;
}
.sidebar .t_box h2{
	height: 50px;
	background: #333;
	font-size: 18px;
	color: #f6f6f6;
	line-height: 50px;
	text-align: center;
}
.sidebar .t_box p{
	padding: 0 10px;
	margin-top: 6px;
	margin-bottom: 20px;
	color: #666;
	line-height: 22px;
	text-align: justify;
}
.sidebar li,.sidebar_nav a{
	border-bottom: 1px solid #ddd;
}
.sidebar a{
	display: block;
	padding: 0 15px;
	line-height: 48px;
	text-align: center;
	transition: all 0.26s ease-out;
	-webkit-transition: all 0.26s ease-out;
	-moz-transition: all 0.26s ease-out;
	-ms-transition: all 0.26s ease-out;
	-o-transition: all 0.26s ease-out;
}
.sidebar a:last-child{
	border-bottom: 0;
}
.sidebar a:hover{
	padding-left: 30px;
	transition: all 0.26s ease-out;
	-webkit-transition: all 0.26s ease-out;
	-moz-transition: all 0.26s ease-out;
	-ms-transition: all 0.26s ease-out;
	-o-transition: all 0.26s ease-out;
}
.sidebar  li.active a,.sidebar_nav .active,.sidebar_nav .active i{
	color: #e91e28;
}
.sidebar i{
	margin-right: 10px;
	font-size: 16px;
	color: #777;
	-webkit-text-stroke: 1px white;
}
.r_content{
	width: 958px;
	padding: 20px;
}
.rzlist li{
	padding: 15px;
	margin-bottom: 20px;
	overflow: hidden;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05),
				0 3px 1px -2px rgba(0, 0, 0, .08),
				0 1px 5px 0 rgba(0, 0, 0, .08);
}
.rzlist li:hover{
	box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12),
				0 4px 15px 0 rgba(0, 0, 0, 0.11)
}
.rzlist li .fl{
	width: 190px;
	padding: 0 15px;
	padding-top: 6px;
	margin-right: 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	overflow: hidden;
}
.rzlist li h3{
	padding-top: 8px;
}
.rzlist li h3 a{
	font-size: 16px;
	font-weight: bold;
}
.rzlist li h3 a:hover{
	text-decoration: underline;
}
.rzlist li .frbox span{
	display: inline-block;
	vertical-align: top;
	margin-top: 6px;
	margin-right: 20px;
	font-size: 12px;
	color: #999;
	line-height: 20px;
}
.rzlist li .frbox span a{
	font-size: 12px;
	color: #777;
}
.rzlist li p{
	max-height: 52px;
	margin-top: 4px;
	color: #666;
	line-height: 24px;
	overflow: hidden;
}
.pageBox{
	margin-top: 50px;
	margin-bottom: 20px;
	text-align: center;
}
.pageBox li{
	display: inline-block;
	margin: 0 2px;
}
.pageBox li a,.pageBox li span{
	display: block;
	height: 28px;
	padding: 0 10px;
	color: #777;
	line-height: 28px;
	border: 1px solid #bbb;
	border-radius: 3px;
}
.pageBox li.active a,.pageBox li.active span,
.pageBox li.thisclass a,.pageBox li.thisclass span{
	background: #333;
	color: #fff;
	border: 1px solid #333;;
}
.delist>div{
	width: 47%;
	margin-top: 50px;
}
.delist>div:nth-of-type(2){
	float: right;
	margin: 0;
	margin-top: 50px;
}
/*article*/
.art-content{
	padding: 0 30px;
}
.article-title{
	padding: 30px 30px 20px;
	font-size: 24px;
	text-align: center;
	line-height: 1.6;
}
.entry-action{
	line-height: 20px;
	padding: 0 30px;
	text-align: center;
	color: #999;
}
.entry-action time,.entry-action span,.entry-action i{
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px;
}
.entry-action i{
	vertical-align: middle;
	font-size: 12px;
	color: #999;
}
.entry-action i::before{
	font-size: 14px;
	margin-right: 5px;
}
.entry-body{
	padding: 20px;
}
.entry-body img{
	max-width: 90%;
	width: auto;
	margin: 20px auto;
}
.entry-body div,.entry-body p{
	margin-bottom: 20px;
	line-height: 1.8;
	color: #666;
	text-align: justify;
}
.tag-box{
	padding: 0 30px;
	text-align: center;
	color: #777;
}
.tag-box a:hover{
	color: #777;
}
.site-main .bdsharebuttonbox a{
	float: left;
	width: 25%;
	height: 40px;
	padding: 0;
	margin: 0;
	margin-top: 40px;
	background: none;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}
.site-main .bdsharebuttonbox a:hover{
	color: #666;
}
.site-main .bdsharebuttonbox a:last-child{
	border-right: 0;
}
.explanation{
	padding: 25px 20PX;
	margin-bottom: 30px;
	overflow: hidden;
	border: 1px solid #dedede;
	border-radius: 10px;
	background: #f4f4f4;
	text-align: center;
}
.explanation>div{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	max-width: 300px;
}
.explanation img{
	display: inline-block;
	width: 70px;
	height: 70px;
	margin-right: 15px;
	border-radius: 50%;
	overflow: hidden;
}
.explanation strong{
	display: block;
	margin-top: 12px;
	font-size: 16px;
	font-weight: normal;
}
.explanation p{
	margin-top: 6px;
	color: #666;
	line-height: 22px;
}
.turn-page ul{
	font-size: 0;
	margin-bottom: 60px;
}
.turn-page li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 100px;
	text-align: center;
}
.turn-page li::before{
	z-index: 11;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	transition: all 0.36s ease-out;
}
.turn-page li:hover::before{
	background: rgba(0,0,0,.5);
	transition: all 0.36s ease-out;
}
.turn-page li img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.turn-page li a{
	z-index: 22;
	position: relative;
	display: block;
	padding: 0 15px;
	padding-top: 25px;
	font-size: 16px;
	color: #fff;
}
.turn-page li span{
	display: block;
	margin-bottom: 8px;
	color: #fff;
}
.art-content .groom ul{
	margin: 30px -10px;
}
/* 网站建设 */
.web-build{
	height: 400px;
	background: url(../images/web1.jpg) center no-repeat;
}
.web-build p{
	margin-top: 20px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0;
}
.web-title{
	position: relative;
	font-size: 32px;
	padding-top: 50px;
	padding-bottom: 15px;
	margin-bottom: 50px;
	text-align: center;
}
.web-title::after{
	position: absolute;
	content: "";
	left: 50%;
	bottom: 0;
	width: 160px;
	margin-left: -80px;
	border-top: 2px solid #fb4f00;
}
.soluBox .fl,.soluBox .fr{
	width: 600px;
}
.soluBox .fl img{
	width: auto;
	margin: 0 auto;
}
.soluBox .fr p{
	height: 68px;
	margin-top: 10px;
	font-size: 18px;
	color: #111;
}
.soluBox .fr span{
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
	font-size: 16px;
	color: #888;
}
/* 网站制作 */
.wb-content-2{
	margin-top: 50px;
	padding-bottom: 50px;
	background: #f8f8f8;
}
.wb-content-2 .fl{
	width: 700px;
}
.wb-content-2 ul{
	overflow: hidden;
}
.wb-content-2 li{
	float: left;
	width: 50%;
	height: 120px;
	padding: 0 15px;
	padding-left: 100px;
	margin-top: 10px;
	margin-bottom: 30px;
	background: url(../images/1.png) left top no-repeat;
	overflow: hidden;
}
.wb-content-2 li:nth-of-type(2){
	background: url(../images/2.png) left top no-repeat;
}
.wb-content-2 li:nth-of-type(3){
	background: url(../images/3.png) left top no-repeat;
}
.wb-content-2 li:nth-of-type(4){
	background: url(../images/4.png) left top no-repeat;
}
.wb-content-2 li strong{
	display: block;
	font-size: 18px;
	font-weight: normal;
}
.wb-content-2 li p{
	margin-top: 10px;
	line-height: 1.5;
	text-align: center;
}
.wb-content-2 li p b{
	color: #e91e28;
}
.experience{
	display: block;
	width: 180px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background: rgba(0, 0, 0,.6);
	color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	transition: all 0.26s ease-out;
	-webkit-transition: all 0.26s ease-out;
	-moz-transition: all 0.26s ease-out;
	-ms-transition: all 0.26s ease-out;
	-o-transition: all 0.26s ease-out;
}
.experience:hover{
	background: #222;
	transition: all 0.26s ease-out;
	-webkit-transition: all 0.26s ease-out;
	-moz-transition: all 0.26s ease-out;
	-ms-transition: all 0.26s ease-out;
	-o-transition: all 0.26s ease-out;
}
/* 网站定制 */
.wb-content-3 img{
	width: auto;
	margin: 0 auto;
}
.wb-content-3 .experience{
	margin: 0 auto;
	margin-top: 70px;
}
/* 整站优化 */
.albox{
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px 0;
}
.albox .bt{
	display: block;
	font-size: 38px;
	color: #DE2D01;
	line-height: 55px;
	margin: 10px 0 0;
}
.albox img{
	width: auto;
}
.albox .lc{
	width: 320px;
}
.albox .bc{
	width: 540px;
}
.alt-seo .fl{
	margin-top: 50px;
}
.albox li{
	line-height: 66px;
	font-size: 16px;
	color: #666;
	border-bottom: 1px solid #ccc;
}
.albox li:last-child{
	border-bottom: 0;
}
.albox li i{
	font-size: 16px;
	color: #DE2D01;
	text-decoration: underline;
	font-style: normal;
}
.bgcolor{
	background: #efefef;
}
.fuwufs li{
	overflow: hidden;
}
.fuwufs li span{
	margin-right: 20px;
	font-size: 20px;
}
.flow li{
	padding: 20px 0;
}
.flow li em{
	display: block;
	line-height: 26px;
	font-size: 18px;
	font-style: normal;
}
.flow li p{
	line-height: 34px;
}
.abstract .fl{
	width: 394px;
}
.share-hurt .fl span{
	font-size: 38px;
	color: #666;
}
.share-hurt li{
	padding: 12px 0;
}
.share-hurt li a{
	display: inline-block;
	margin: 0 10px;
	padding: 0 20px;
	line-height: 36px;
	font-size: 16px;
	border: 1px solid #ccc;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
}
.share-hurt li a:hover{
	color: #DE2D01;
}
/* contact us */
.contact_banner{
	height: 670px;
	margin-top: 70px;
	background: url(../images/nbanabo.jpg) center no-repeat;
}
.lx-title{
	margin-top: 50px;
	margin-bottom: 60px;
	font-size: 30px;
	text-align: center;
}
.contact-box{
	overflow: hidden;
}
.contact-box .ewm{
	width: 200px;
}
.contact-box p{
	margin-bottom: 20px;
	font-size: 16px;
	color: #555;
}
.contact-box form{
	width: 550px;
	margin-top: 30px;
	font-size: 0;
}
.contact-box label{
	display: inline-block;
	width: 50%;
	padding-right: 20px;
	margin-bottom: 20px;
}
.contact-box .liuyan{
	width: 100%;
}
.contact-box label input{
	width: 100%;
	padding: 0 12px;
	line-height: 40px;
	border: 1px solid #ddd;
}
.contact-box label input::placeholder{
	color: #999;
}
.contact-box .liuyan input{
	line-height: 100px;
}
.contact-box .submit input{
	width: 120px;
	height: 46px;
	margin-top: 15px;
	font-size: 16px;
	color: #fff;
	background: #555;
	transition: all 0.26s ease-out;
	-webkit-transition: all 0.26s ease-out;
	-moz-transition: all 0.26s ease-out;
	-ms-transition: all 0.26s ease-out;
	-o-transition: all 0.26s ease-out;
}
.contact-box .submit input:hover{
	background: #111;
	transition: all 0.26s ease-out;
	-webkit-transition: all 0.26s ease-out;
	-moz-transition: all 0.26s ease-out;
	-ms-transition: all 0.26s ease-out;
	-o-transition: all 0.26s ease-out;
}
.advan{
	margin-top: 50px;
	padding: 40px 0;
	background: #f6f6f6;
}
.lxtop{
	margin-bottom: 50px;
	text-align: center;
	font-size: 26px;
	color: #666;
	line-height: 1.6;
}
.advan ul{
	width: 1040px;
	margin: 0 auto;
}
.advan li{
	padding: 20px 0;
	overflow: hidden;
	border-top: 1px solid #dadada;
}
.advan li .adle{
	display: inline-block;
	width: 280px;
	text-align: center;
}
.advan li .adle img{
	width: auto;
	margin: 0 auto;
}
.advan li .adle strong{
	display: block;
	font-size: 18px;
	line-height: 40px;
	color: #555;
}
.advan li p{
	display: inline-block;
	vertical-align: top;
	width: 700px;
	margin-top: 15px;
	font-size: 16px;
	color: #666;
	line-height: 1.7;
}
.cooperate ul{
	width: 1165px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	box-shadow: 0 0 8px rgba(0, 0, 0, .1);
}
.cooperate li{
	float: left;
	width: 166px;
	height: 115px;
	border-left: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}
.cooperate li img{
	height: 114px;
	transition: 0.26s ease;
	-webkit-transition: 0.26s ease;
	-moz-transition: 0.26s ease;
	-ms-transition: 0.26s ease;
	-o-transition: 0.26s ease;
}
.cooperate li img:hover{
	opacity: 0.8;
	transition: 0.26s ease;
	-webkit-transition: 0.26s ease;
	-moz-transition: 0.26s ease;
	-ms-transition: 0.26s ease;
	-o-transition: 0.26s ease;
}
.web-tab-title{
	text-align: center;
	height: 90px;
}
.web-tab-title span{
	display: inline-block;
	margin: 0 30px;
	margin-top: 30px;
	padding: 10px 30px;
	cursor: pointer;
	font-size: 18px;
	letter-spacing: 1px;
	border: 1px solid #ddd;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.web-tab-title span.on{
	background: rgba(0, 0, 0, .7);
	color: #fff;
}
.web-tab-content .web-tab-box{
	display: none;
}
.web-tab-content .web-tab-active{
	display: block;
}
/* 手机建站 */
.p_container{
	max-width: 1010px;
	margin: 0 auto;
	margin-top: 30px;
}
.phone_banner{
	width: 100%;
	height: 524px;
	margin-top: 70px;
	background: url(../images/ban_02.jpg) no-repeat;
	background-size: 100% 100%;
}
.p_cause_1{
	position: relative;
	height: 1172px;
	background: url(../images/one_03.jpg) center no-repeat;
}
.p_cause_1 .bt{
	padding: 232px 0 0 350px;
}
.p_cause_1 .bt strong{
	display: block;
	font-size: 18px;
}
.p_cause_1 .bt p{
	margin-top: 6px;
	line-height: 1.5;
	font-size: 18px;
}
.p_cause_1 .bt b{
	font-size: 18px;
	color: #f08300;
}
.p_cause_1 ul{
	margin-top: 130px;
}
.p_cause_1 li:nth-of-type(2n){
	text-align: right;
}
.p_cause_1 li .lbox{
	display: inline-block;
	width: 362px;
	height: 140px;
	padding: 10px;
	background: #e6e6e6;
	overflow: hidden;
	text-align: left;
}
.p_cause_1 li:nth-of-type(2n) .lbox{
	width: 380px;
	padding-left: 30px;
}
.p_cause_1 li .lbox img{
	max-width: 100px;
	width: auto;
	margin: 15px 10px 0 0px;
}
.p_cause_1 li .lbox div{
	width: 220px;
}
.p_cause_1 li .lbox strong{
	display: block;
	margin-top: 15px;
	font-size: 18px;
	color: #4c4948;
}
.p_cause_1 li .lbox p{
	max-height: 74px;
	margin-top: 6px;
	color: #4c4948;
	line-height: 24px;
	overflow: hidden;
}
.p_con02{
	height: 1660px;
	margin-top: 80px;
	padding-top: 383px;
	background: url(../images/two_02.jpg) center top no-repeat;
}
.p_con02_box{
	width: 740px;
	margin: 0 auto;
	overflow: hidden;
}
.p_con02_box .words{
	width: 444px;
	padding-left: 168px;
	margin-top: 225px;
	background: url(../images/ts_03.png) left 10px no-repeat;
}
.p_con02_box .words strong{
	display: block;
	font-size: 24px;
	font-weight: normal;
	color: #f08300;
	height: 60px;
}
.p_con02_box .words p{
	width: 262px;
	color: #4c4948;
	line-height: 25px;
}
.p_con02_box .words a{
	display: block;
	width: 87px;
	height: 30px;
	margin-top: 20px;
	line-height: 28px;
	text-align: center;
	color: #4c4948;
	border: 1px solid #ccc;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
}
.p_two .words{
	width: 429px;
	margin-top: 225px;
	padding-left: 0;
	background: url(../images/ts_07.jpg) left 10px no-repeat;
}
.p_tips{
	position: relative;
	width: 863px;
	margin: 0 auto;
	margin-top: 30px;
	padding-bottom: 20px;
	border: 1px solid #f08300;
}
.p_tips span{
	position: absolute;
	display: block;
	left: 50%;
	top: -17px;
	width: 570px;
	height: 34px;
	margin-left: -285px;
	background: #fff url(../images/zis_03.jpg) center no-repeat;
}
.p_tips p{
	padding-top: 32px;
	text-align: center;
	line-height: 28px;
}
/* 网站建设 */
.w_banner{
	height: 480px;
	margin-top: 70px;
	background: url(../images/bannerweb3.jpg) center no-repeat;
}
.swiper-container{
	margin-top: 70px;
}
.w_con{
	position: relative;
	padding-top: 10px;
	background: #f3f3f3;
}
.w_con .line{
	width: 100%;
	border-top: 1px dashed #ccc;
}
.w_con_1{
	height: 647px;
	padding-top: 190px;
	margin-top: 0;
	background: url(../images/jz_01.jpg) right no-repeat;
}
.w_con_1 .toqi{
	width: 465px;
	padding-left: 50px;
	font-size: 30px;
	line-height: 1.5;
}
.w_con_1 .toqi b{
	font-size: 30px;
}
.w_con_1 p{
	width: 529px;
	height: 230px;
	padding: 40px 32px 85px 32px;
	margin-top: 24px;
	font-size: 18px;
	color: #666;
	line-height: 1.8;
	background: url(../images/yx_10.jpg) no-repeat;
}
.w_con_2 .fr{
	width: 508px;
	margin-top: 160px;
}
.w_con_2 .fr h2{
	margin-bottom: 10px;
	font-size: 30px;
	text-align: center;
	font-weight: normal;
}
.w_con_2 .fr span{
	display: inline-block;
	margin-right: 30px;
	font-size: 18px;
	line-height: 40px;
}
.w_con_1,.w_con_2,.w_con_3,.w_con_4{
	border-bottom: 1px solid #ccc;
}
.w_con_3 h2{
	padding-top: 30px;
	font-size: 30px;
	text-align: center;
}
.w_con_3 img{
	width: auto;
	margin: 0 auto;
}
.xibot{
	height: 332px;
	padding-bottom: 60px;
	background: url(../images/yx_13.jpg) right no-repeat;
}
.xibot div{
	width: 478px;
	padding-top: 100px;
}
.xiconb span{
	display: block;
	height: 54px;
	line-height: 54px;
	padding-left: 55px;
	letter-spacing: 2px;
	font-size: 28px;
	color: #ff6600;
	background: url(../images/yx_14.jpg) right no-repeat;
}
.xiconb p{
	font-size: 18px;
	line-height: 1.8;
	color: #555;
}
.w_con_4{
	height: 578px;
	padding: 196px 0px 181px 566px;
	background: url(../images/yx_15.jpg) left no-repeat;
}
.w_con_5_tit{
	width: 685px;
	margin: 0 auto;
	padding-top: 30px;
}
.w_con_5_tit h2{
	height: 48px;
	line-height: 48px;
	font-size: 30px;
	font-weight: normal;
	padding-left: 113px;
	background: url(../images/yx_16.jpg) left no-repeat;
}
.w_con_5_tit p{
	width: 480px;
	margin: 10px auto;
	line-height: 30px;
	background: #333;
	font-size: 22px;
	color: #fff;
	text-align: center;
}
.w_con_5_tit span{
	display: block;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
}
.w_con_5 ul{
	margin: 50px auto;
	overflow: hidden;
}
.w_con_5 li{
	position: relative;
	float: left;
	width: 135px;
	height: 180px;
	margin: 1px;
	background: #f60;
	text-align: right;
	cursor: pointer;
}
.w_con_5 li.out{
	background: #ff9b57;
	font-size: 20px;
	color: #fff;
	padding: 0 15px;
	padding-top: 60px;
	text-align: center;
	line-height: 1.6;
}
.w_con_5 li:nth-of-type(2),
.w_con_5 li:nth-of-type(11){
	background: #ff9b57;
}
.w_con_5 li b{
	display: block;
	padding-top: 12px;
	padding-right: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80px;
	color: #fff;
	opacity: 0.8;
}
.w_con_5 li .litb p{
	padding-right: 6px;
	font-size: 20px;
	color: #fff;
	line-height: 1.4;
}
.w_con_5 li .liafter{
	z-index: 33;
	position: absolute;
	display: none;
	width: 460px;
	height: 182px;
	padding: 24px 30px;
	background: #fff;
}
.w_con_5 li .liafter h3{
	font-size: 30px;
	color: #f75a00;
	text-align: center
}
.w_con_5 li .liafter p{
	margin-top: 10px;
	color: #666;
	line-height: 1.6;
	text-align: justify;
}
.w_con_5 li:nth-of-type(1):hover .liafter,
.w_con_5 li:nth-of-type(2):hover .liafter,
.w_con_5 li:nth-of-type(3):hover .liafter,
.w_con_5 li:nth-of-type(4):hover .liafter,
.w_con_5 li:nth-of-type(5):hover .liafter,
.w_con_5 li:nth-of-type(6):hover .liafter{
	display: block;
	left: 0;
	top: 180px;
}
.w_con_5 li:nth-of-type(5):hover .liafter,
.w_con_5 li:nth-of-type(6):hover .liafter{
	right: 0;
	left: auto;
}
.w_con_5 li:nth-of-type(8):hover .liafter,
.w_con_5 li:nth-of-type(9):hover .liafter,
.w_con_5 li:nth-of-type(10):hover .liafter,
.w_con_5 li:nth-of-type(11):hover .liafter,
.w_con_5 li:nth-of-type(12):hover .liafter{
	display: block;
	left: 0;
	bottom: 180px;
}
.w_con_5 li:nth-of-type(12):hover .liafter{
	right: 0;
	left: auto;
}
/* 免费电话咨询 */
.tel_zx{
	z-index: 1111;
	position: fixed;
	left: 0;
	top: 50%;
	width: 140px;
	height: 220px;
	margin-top: -110px;
}
/* online */
.online_zx{
	position: fixed;
	z-index: 999;
	left: 0;
	bottom: 0;
	width: 140px;
	height: 50px;
	background: rgba(0, 0, 0, .8);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	overflow: hidden;
}
.online_zx a{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/iconword0.png) center no-repeat;
	background-size: 100%;
}
/* 回到顶部 */
.r_sidebar{
	z-index: 666;
	position: fixed;
	right: 0;
	bottom: 150px;
	width: 50px;
	height: 300px;
	-overflow: hidden;
}
.r_sidebar>div{
	position: relative;
	left: 0;
	width: 160px;
	height: 50px;
	margin-bottom: 6px;
	background: rgba(0,0,0,.7);
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	line-height: 50px;
	color: #fff;
	cursor: pointer;
	transition: all 0.36s ease-out;
	-webkit-transition: all 0.36s ease-out;
	-moz-transition: all 0.36s ease-out;
	-ms-transition: all 0.36s ease-out;
	-o-transition: all 0.36s ease-out;
}
.r_sidebar>div a{
	color: #fff;
}
.r_sidebar>div:hover{
	left: -110px;
	background: rgba(0, 0, 0, .9);
	transition: all 0.36s ease-out;
	-webkit-transition: all 0.36s ease-out;
	-moz-transition: all 0.36s ease-out;
	-ms-transition: all 0.36s ease-out;
	-o-transition: all 0.36s ease-out;
}
.r_sidebar .phone{
	-font-size: 12px;
}
.r_sidebar>div i{
	vertical-align: middle;
	width: 50px;
	margin-top: -1px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.r_sidebar .go_top{
	display: none;
	width: 50px;
	height: 50px;
	text-align: center;
}
.go_top i{
	font-size: 20px;
	color: #fff;
}
.r_sidebar .go_top:hover,.r_sidebar .wxjm:hover{
	left: 0;
	width: 50px;
}
.r_sidebar .wxjm{
	width: 50px;
}
.r_sidebar .wxjm em{
	display: block;
	height: 100%;
	background: url(../images/sys.png) center no-repeat;
	background-size: 24px;
}
.r_sidebar .wxjm span{
	position: absolute;
	right: 60px;
	top: 50%;
	display: block;
	width: 100px;
	height: 124px;
	margin-top: -62px;
	padding: 2px;
	background: #fff;
	text-align: center;
	line-height: 16px;
	color: #333;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform-origin: right 50%;
	transition: all 0.36s ease-out;
	-webkit-transition: all 0.36s ease-out;
	-moz-transition: all 0.36s ease-out;
	-ms-transition: all 0.36s ease-out;
	-o-transition: all 0.36s ease-out;
}
.r_sidebar .wxjm:hover span{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.36s ease-out;
	-webkit-transition: all 0.36s ease-out;
	-moz-transition: all 0.36s ease-out;
	-ms-transition: all 0.36s ease-out;
	-o-transition: all 0.36s ease-out;
}
.r_sidebar .wxjm span::after{
	position: absolute;
	content: "";
	right: -16px;
	top: 50%;
	margin-top: -8px;
	border: 8px solid transparent;
	border-left-color: #fff;
}
/*屏幕自适应*/
@media screen and (max-width: 1200px){
	.container{
		padding: 0 15px;
	}
}
@media screen and (max-width: 992px){
	.item-box h3{
		font-size: 18px;
	}
	.ban-area .pc_show .item-box h3{
		font-size: 16px;
	}
	.pc_show .item-box time{
		display: none;
	}
	.nlist li p .fa-commenting-o{
		display: none;
	}
	.topbar h2{
		font-size: 24px;
		color: #555;
		text-align: left;
	}
}
@media screen and (max-width: 768px){
	.pc_show{
		display: none;
	}
	.mob_show{
		display: block;
	}
	header{
		padding-top: 0;
		height: 50px;
		background: #000;
	}
	header .logo{
		width: 50%;
	}
	.head-box{
		height: 100%;
	}
	header .fa-bars{
		position: absolute;
		right: 10px;
		top: 50%;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		font-size: 24px;
		color: #fff;
		line-height: 30px;
		-webkit-text-stroke: 2px black;
	}
	.mob-nav{
		z-index: 9999;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: #fff;
	}
	.mob-nav ul{
		padding-top: 90px;
	}
	.mob-nav li{
		float: none;
		display: block;
	}
	.mob-nav li a{
		font-size: 16px;
		text-align: center;
		color: #333;
		line-height: 50px;
	}
	.mob-nav li a span{
		font-size: 16px;
	}
	.mob-nav li>a:hover,.mob-nav li.active>a{
		color: #666;
	}
	.mob-nav .fa-remove{
		position: absolute;
		right: 20px;
		top: 20px;
		font-size: 28px;
		-webkit-text-stroke: 3px white;
	}
	.ban-area{
		height: 240px;
		padding: 0;
		margin-top: 60px;
		background-size: 120% 100%;
	}
	.ban-area::before{
		background: none;
	}
	.hot-tj span,.hot-tj a{
		font-size: 12px;
	}

	.macke-1 li h3{
		font-size: 16px;
	}
	.footer-con p{
		width: 100%;
	}
	.itemlist>div:nth-of-type(2){
		margin: 0 0 15px 0;
	}
	.itemlist>div{
		width: 100%;
		margin-bottom: 15px;
	}

	.sidebar{
		width: 100%;
	}
	.sidebar ul{
		overflow: hidden;
		border-left: 1px solid #ddd;
	}
	.sidebar li{
		float: left;
		width: 33.3%;
		border-bottom: 1px solid #ddd;
	}
	.sidebar li a,.sidebar_nav a{
		display: block;
		padding: 0 6px;
		font-size: 13px;
		line-height: 40px;
		border-right: 1px solid #ddd;
		border-bottom: 0;
	}
	.sidebar li i{
		font-size: 14px;
	}
	.sidebar_nav a{
		float: left;
		width: 33.33%;
		border-bottom: 1px solid #ddd;
	}
	.sidebar_nav a:last-child{
		border-bottom: 1px solid #ddd;
	}
	/* 列表页 */
	.r_content{
		width: 100%;
		padding: 0 15px;
		margin-top: 20px;
	}
	.rzlist li .fl{
		float: none;
		width: 65%;
		padding: 0;
		margin: 0;
		border-radius: 4px;
		overflow: hidden;
	}
	.rzlist li h3{
		padding-top: 15px;
	}
	.pageBox li {
		margin: 0;
	}
	.pageBox li a, .pageBox li span{
		padding: 0 8px;
		margin-bottom: 10px;
		height: 24px;
		line-height: 22px;
		font-size: 12px;
	}
	.delist>div{
		margin-top: 30px;
	}
	/* 文章页 */
	.topbar{
		display: block;
		height: 140px;
		padding: 0 20px;
		margin-top: 50px;
		background-position: center top;
		background-size: 100% 100%;
	}
	.con_box{
		padding: 0;
		border-left: 0;
		border-right: 0;
	}
	.con_box::after{
		height: 0;
	}

	.art-content{
		width: 100%;
		padding: 0;
	}
	.article-title{
		padding: 15px;
		margin-top: 10px;
		font-size: 18px;
	}
	.entry-action{
		padding: 0 10px;
	}
	.entry-action time, .entry-action span, .entry-action i{
		font-size: 12px;
	}
	.entry-body{
		padding: 10px
	}
	.turn-page ul{
		margin-bottom: 0;
	}
	.turn-page li{
		width: 100%;
		height: 70px;
		margin-bottom: 15px;
	}
	.turn-page li a{
		padding-top: 10px;
	}
	.item-box a div{
		padding: 10px;
	}
	.explanation{
		width: 90%;
		padding: 15px;
		margin: 20px auto;
	}
	.delist>div{
		width: 100%;
		margin-top: 20px;
	}
	.delist>div:nth-of-type(2){
		margin-top: 20px;
	}
	.r_sidebar{
		width: 40px;
		height: 40px;
	}
	.r_sidebar>div i{
		width: 40px;
	}
	.r_sidebar>div{
		display: none;
	}
	.r_sidebar .go_top{
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.r_sidebar .go_top:hover {
		width: 40px;
	}
	.online_zx{
		width: 100px;
		height: 45px;
	}	
}