@charset "utf-8";

/* CSS Document */





.header{

	width: 100%;

	height: 76px;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 99;

	border-bottom: 1px solid rgba(255,255,255,.1);

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}

.header:hover,

.header.on{

	background: #fff;

	border-bottom: 1px solid #f3f3f3;

}

.header .header-con{

	width: 1480px;

	margin: 0 auto;

}



.header .logo{

	float: left;

	width: 150px;

	height: 42px;

	position: relative;

    top: 18px;

}

.header .logo a{

	background: url(../images/logo-white.png) no-repeat;
	
	background-size: 100%;

	display: block;

	width: 100%;

	height: 100%;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}

.header.on .logo a,

.header:hover .logo a{

	background: url(../images/logo-purple.png) no-repeat;
	background-size: 100%;	

}

.nav{

	float: right;

}

.nav .nav-ul{}

.nav .nav-li{

	padding-right: 24px;

	float: left;

}

.nav .nav-li:last-child{

	padding-right: 0;

}

.nav .nav-li > a{

	font-size: 16px;

	line-height: 76px;

	color: #fff;

	opacity: 0.7;

	

}

.nav .nav-li > a i{

	font-size: 16px;

	color: #fff;

	opacity: .7;

}

.header:hover .nav .nav-li:hover > a{

	opacity: 1;

	color: #7c1c72;

	

}

.header:hover .nav .nav-li:hover > a i{

	color: #7c1c72;

}



.header:hover .nav .nav-li > a,

.header.on .nav .nav-li > a{

	color: #222;

	opacity: 0.9;

}

.header:hover .nav .nav-li > a i,

.header.on .nav .nav-li > a i{

	color: #888;

}





.nav .nav-li .nav-down{

	position: fixed;

    top: 76px;

    left: 0;

    width: 100%;

    height: 0;

	overflow: hidden;

    box-sizing: border-box;

    background: #f3f3f3;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}

.nav .nav-li:hover .nav-down{

	height: 190px;

}

.nav .nav-li .nav-down-content{

    width: 1480px;

    margin: 0 auto;

}

.nav .nav-li .nav-down-content h4{

    position: absolute;

    top: 40px;

    font-size: 20px;

    font-weight: bold;

}

.nav .nav-li .nav-down-content ol{

    border-left: 1px solid #dfdfdf;

    float: right;

    width: 80%;

    min-height: 110px;

	position: relative;

    top: 40px;

}

.nav .nav-li .nav-down-content ol li{

    opacity: .6;

    float: left;

    width: 33%;

    padding-left: 62px;

    box-sizing: border-box;

    margin-bottom: 26px;

}

.nav .nav-li .nav-down-content ol li a{

    font-size: 16px;

    color: #222;

}

.nav .nav-li .nav-down-content ol li a i{

    float: right;

}



.nav .nav-li .nav-down-content ol li:hover{

	opacity: 1;

}

.nav .nav-li .nav-down-content ol li:hover a{

	color: #7c1c72;

}







.header .menu-btn{

	position: absolute;

    right: 4%;

    top: 33%;

	width: 28px;

	display: none;

}

.header .menu-btn i{

	display: block;

    width: 28px;

    height: 3px;

	position: absolute;

	top: 0;

	left: 0;

    background: #fff;

	transition: .3s;

}

.header .menu-btn i:nth-child(1){

	

}

.header .menu-btn i:nth-child(2){

	top: 9px;

}

.header .menu-btn i:nth-child(3){

	top: 9px;

}

.header .menu-btn i:nth-child(4){

	top: 18px;

}

.header:hover .menu-btn i,

.header.on .menu-btn i{

	background: #222;

}



.header .menu-btn.on i:nth-child(1){

	transform: scaleX(0);

}

.header .menu-btn.on i:nth-child(2){

	transform: rotate(45deg);

}

.header .menu-btn.on i:nth-child(3){

	transform: rotate(-45deg);

}

.header .menu-btn.on i:nth-child(4){

	transform: scaleX(0);

}



/*======*/
.nav .dianhref{
	padding-right: 10px;
}
.nav .dianhref a{
	font-size: 12px;
	color: #fff;
}
.nav .dianhref a > i{
	opacity: 1;
	color: #fff;
	
}
.header:hover .nav .dianhref > a,
.header:hover .nav .dianhref > a i,
.header.on .nav .dianhref > a,
.header.on .nav .dianhref  a i{
	color: #ff4000;
}


/*======*/



.mobile-nav{

    position: fixed;

    width: 100%;

    height: calc(100% - 67px);

    bottom: 0;

    background: #fff;

	transition: .48s;

	transform: translateX(100%);

}

.mobile-nav.on{

	transform: translateX(0);

}

.mobile-nav ul{}

.mobile-nav ul li{

    padding: 0 30px;

}

.mobile-nav ul li a{

    display: block;

    height: 60px;

    line-height: 60px;

    text-align: left;

    font-size: 16px;

    color: #333;

    border-bottom: 1px solid #f3f3f3;

}

.mobile-nav ul li i{

    float: right;

    display: block;

    color: #ccc;

}

.mobile-nav ul li a:hover{}

.mobile-nav ul li a:hover i{}

.mobile-nav .cat{

    position: absolute;

    width: 100%;

    text-align: center;

    font-size: 0;

}

.mobile-nav .cat p{

    display: inline-block;

    padding: 20px;

}

.mobile-nav .cat p i{

    display: block;

    font-size: 16px;

    background: #eee;

    border-radius: 50%;

    width: 42px;

    height: 42px;

    line-height: 42px;

    color: #353535;

}

.mobile-nav .cat p span{

    color: #333;

    height: 30px;

    line-height: 30px;

}







.moble-footer{

	width: 100%;

	background: #f2f2f2;

	padding: 30px 0 0;

	display: none;

}

.moble-footer .nav-bottom{

	padding: 10px 0;

	border-top: 1px solid #e4e4e4;

}

.moble-footer .nav-bottom .nav-item{

}

.moble-footer .nav-bottom .nav-item h2{}

.moble-footer .nav-bottom .nav-item h2 a{

	height: 58px;

	line-height: 58px;

	color: #212121;

	display: block;

	padding: 0 20px;

	font-size: 16px;

	font-weight: bold;

	border-bottom: 1px solid #e4e4e4;

}

.moble-footer .nav-bottom .nav-item h2 a i{

	float: right;

	color: #2f2f2f;

	font-size: 12px;

}

.moble-footer .nav-bottom .nav-item ul{

	display: none;

	border-bottom: 1px solid #e4e4e4;

	padding-bottom: 12px;

}

.moble-footer .nav-bottom .nav-item ul li{

    padding: 10px 20px;

}

.moble-footer .nav-bottom .nav-item ul li a{}

.moble-footer .nav-bottom .nav-item ul li a{

    font-size: 14px;

    color: #666;

}



.moble-footer .customer-support{

	

text-align: center;

	

padding: 22px 0;

}

.moble-footer .customer-support a{

    color: #333;

}

.moble-footer .customer-support i{

    font-size: 30px;

    margin-right: 10px;

}

.moble-footer .customer-support strong{

    font-size: 26px;

}

.moble-footer .customer-support span{

    font-size: 14px;

    display: block;

    padding: 10px 0;

}

.moble-footer .ico-box{

    text-align: center;

    font-size: 0;

}

.moble-footer .ico-box p{

    display: inline-block;

	padding: 0 10px;

}

.moble-footer .ico-box p i{

    display: block;

    font-size: 18px;

    background: #fff;

    border-radius: 50%;

    width: 42px;

    height: 42px;

    line-height: 42px;

    color: #353535;

}

.moble-footer .ico-box p span{

    height: 30px;

    line-height: 30px;

}

.moble-footer .bottom-text{

    /* border-top: 1px solid #e4e4e4; */

    padding: 20px 0;

    margin-top: 30px;

    background: #e8e8e8;

}

.moble-footer .bottom-text p{

    text-align: center;

    color: #666;

    line-height: 30px;

}

.moble-footer .bottom-text p a{

    color: #666;

}





.Rep-height{

	height: 77px;

}







.Sidebar-button-icon{

	padding: 12px 8px;

	border-radius: 34px;

	background: #fff;

	position: fixed;

	right: 20px;

	bottom: 50px;

	z-index: 8;

}

.Sidebar-button-icon .btn{

	width: 50px;

	height: 50px;

	border: 1px solid #e9e9e9;

	margin-bottom: 8px;

	border-radius: 50%;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

	position: relative;

}

.Sidebar-button-icon .btn:hover{

	background: #7c1c72;

	border-color: #7c1c72;

}

.Sidebar-button-icon .btn:last-child{

	margin-bottom: 0;

}

.Sidebar-button-icon .btn div{

	overflow: hidden;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}

.Sidebar-button-icon .btn  i{

	display: inline-block;

	width: 50px;

	height: 50px;

	background: url("../images/sidebar-button-icon.png") no-repeat 0 -50px;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

	float: left;

}

.Sidebar-button-icon .tel  i{}

.Sidebar-button-icon .xin  i{

	background: url("../images/sidebar-button-icon.png") no-repeat -50px -50px;

}

.Sidebar-button-icon .top i{

	background: url("../images/sidebar-button-icon.png") no-repeat -100px -50px;

}



.Sidebar-button-icon .tel:hover  i{

	background: url("../images/sidebar-button-icon.png") no-repeat 0 0;

}

.Sidebar-button-icon .xin:hover i{

	background: url("../images/sidebar-button-icon.png") no-repeat -50px 0px;

}

.Sidebar-button-icon .top:hover i{

	background: url("../images/sidebar-button-icon.png") no-repeat -100px 0;

}





.Sidebar-button-icon .tel div p{

	display: inline-block;

	float: left;

	color: #fff;

	font-size: 18px;

	font-family: Arial;

	position: absolute;

	left: 50px;

	

}

.Sidebar-button-icon .tel div p a{

	color: #fff;

}

.Sidebar-button-icon .tel .tel-con{

	



	height: 52px;



	line-height: 52px;



	position: absolute;



	right: -1px;



	top: -1px;



	background: #7c1c72;



	



	border-radius: 54px;



	width: 0;

	padding: 0;

	

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

	

}

.Sidebar-button-icon .tel .tel-con em{

	display: inline-block;

	width: 50px;

	height: 50px;

	position: relative;

	top: 1px;

	background: url("../images/sidebar-button-icon.png") no-repeat 0 0;

}

.Sidebar-button-icon .tel:hover .tel-con{

	width: 176px;

		padding: 0px 0 0 6px;

}







.Bread-crumbs{

	width: 1480px;

	margin: 0 auto;

	height: 80px;

	line-height: 80px;

	border-bottom: 1px solid #f1f1f1;

}

.Bread-crumbs a{

	font-size: 14px;

	color: #222;

}

.Bread-crumbs span{

	color: #cccccc;

	display: inline-block;

	padding: 0 6px;

}

.Bread-crumbs a:last-child{

	pointer-events:none;

	color: #7c1c72;

}

.Bread-crumbs a:hover{

	color: #7c1c72;

}





#sub_nav{

	padding: 70px 0 0;
	
}

#sub_nav.on{
	position: fixed;
    width: 100%;
    top: 76px;
    left: 0;
    background: #fff;
    padding: 26px 0;
    z-index: 9;
    box-shadow: 0 4px 10px rgb(100 100 100 / 10%);
}

#sub_nav ul{

	text-align: center;

	font-size: 0;

}

#sub_nav ul li{

	display: inline-block;

	margin: 0 10px;

}

#sub_nav ul li a{

	display: block;

	padding: 0 56px;

	height: 62px;

	line-height: 62px;

	background: #f2f2f2;

	font-size: 16px;

	color: #222;

	border-radius: 60px;

}

#sub_nav ul li.on a{

	pointer-events:none;

}

#sub_nav ul li.on a,

#sub_nav ul li a:hover{

	background: #7c1c72;

	color: #fff;

}







#footer{

	background: #f3f3f3;

	padding: 74px 0 0;

}

#footer ul{

	width: 1480px;

	margin: 0 auto;

	display: -webkit-flex; /* Safari */

    display: flex;

	flex-wrap: nowrap;

	justify-content: space-between;

}

#footer ul li{

	width: 70px;

	

}

#footer ul li h3{

	padding-bottom: 26px;

}

#footer ul li h3 a{

	font-size: 16px;

	color: #333;

	font-weight: normal;

	

}

#footer ul li a:hover{

	color: #7c1c72;

}

#footer ul li p{}

#footer ul li p a{

	font-size: 14px;

	color: #aaa;

	line-height: 32px;

	display: block;

}

#footer ul li p a:hover{}

#footer .ft-share-logos{

	text-align: center;

	padding: 100px 0 50px;

}

#footer .ft-share-logos a{

	display: inline-block;

	width: 36px;

	height: 36px;

	line-height: 36px;

	text-align: center;

	background: #fff;

	border-radius: 50%;

	margin: 0 3px;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

	position: relative;

}

#footer .ft-share-logos a:hover{

	background: #7c1c72;

}

#footer .ft-share-logos a i{

	color: #cbcbcb;

	font-size: 16px;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}

#footer .ft-share-logos a:hover i{

	color: #fff;

}

#footer .ft-share-logos .foot-QRCode{

    position: absolute;

    bottom: 42px;

    left: -79px;

    width: 200px;

    background: #fff;

    padding: 6px;

    box-sizing: border-box;

    border-radius: 4px;

    /* box-shadow: 0 0 10px rgba(100,100,100,.1); */

	display: none;

}

#footer .ft-share-logos a:hover .foot-QRCode{

	display: block;

}

#footer .ft-share-logos .foot-QRCode img{

    display: block;

    width: 100%;

}

#footer .ft-share-logos .foot-QRCode span{

    color: #9a9a9a;

}

#footer .ft-share-logos .foot-QRCode:after{

	content: "";

	display: block;

}



#footer .foot-bottom{

	width: 1480px;

	margin: 0 auto;

	border-top: 1px solid #e0e0e0;

	padding: 36px 0;

}

#footer .foot-bottom p{

	font-size: 14px;

	color: #aaa;

	float: left;

}

#footer .foot-bottom a{

	font-size: 14px;

	color: #aaa;

}

#footer .foot-bottom a:hover{

	color: #666;

}

#footer .foot-bottom p span{

	display: inline-block;

}

#footer .foot-bottom p span:nth-child(2){

	margin-left: 28px;

}



#footer .foot-bottom p:nth-child(2){

	float: right;

}

#footer .foot-bottom p:nth-child(2) a{

	display: inline-block;

	margin-left: 20px;

}













.Pop-ups-Img-Box{

	position: fixed;

	width: 100%;

	height: 100%;

	z-index: 999;

	left: 0;

	top: 0;

	display: none;

}

.Pop-ups-Img-Box.on{

	display: block;

}

.Pop-ups-Img-Box .bg{



	position: absolute;

	width: 100%;

	height: 100%;

	background: #000;

	opacity: .6;

}

.Pop-ups-Img-Box .out-btn{

	position: absolute;

    right: 20px;

    top: 20px;

    z-index: 10;

    cursor: pointer;

}

.Pop-ups-Img-Box .out-btn i{

	    font-size: 38px;

    color: #fff;

}

.Pop-ups-Img-Box .out-btn:hover i{}

.Pop-ups-Img-Box .content{

	

}



.Pop-ups-Img-Box  img{

	    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    max-height: 100%;

    z-index: 2;

}

.Pop-ups-Img-Box .text{

	    position: absolute;

    background: #fff;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 18px;

    color: #222;

    bottom: 22px;

    left: 50%;

    padding: 0 30px;

    transform: translateX(-50%);

    z-index: 3;

}

.Pop-ups-Img-Box .text p{}









.in-tit-box{}

.in-tit-box h2{

	font-size: 46px;

	font-weight: 500;

	color: #222;

	text-align: center;

}

.in-tit-box em{

	display: block;

	width: 60px;

	height: 3px;

	background: #7c1c72;

	margin: 15px auto;

}



.in-tit-box h3{

	font-size: 26px;

    line-height: 42px;

    font-weight: normal;

    color: #222;

    text-align: center;

    width: 820px;

    margin: 0 auto;

}











.big-banner-top{

	width: 100%;

	height: 100%;

	position: relative;

	overflow: hidden;

}

.big-banner-top video{

	position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    width: 1920px;

}

.big-banner-top .bg{

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	transform: scale(1.1);

	transition: 5s;

}

.big-banner-top.active .bg{

	transform: scale(1);

}

.big-banner-top .text-box{

	width: 1480px;

	margin: 0 auto;

	position: absolute;

	bottom: 100px;

	left: 50%;

	margin-left: -740px;

	z-index: 2;

}

.big-banner-top .text-box h2{

	font-size: 36px;

	color: #fff;

	font-weight: 100;

}

.big-banner-top .text-box p{

	font-size: 56px;

	color: #fff;

	font-weight: 100;

}







.Picture-display-style-01{

	width: 1480px;

	margin: 0 auto;

}

.Picture-display-style-01 ul{}



.Picture-display-style-01 ul li{

	float: left;

	width: 472px;

	height: 472px;

	background: #e1e1e1;

	border-radius: 30px;

	overflow: hidden;

	margin-right: 32px;

	margin-bottom: 32px;

}

.Picture-display-style-01 ul li:nth-child(1){

	width: 976px;

}

.Picture-display-style-01 ul li:nth-child(2),

.Picture-display-style-01 ul li:nth-child(5),

.Picture-display-style-01 ul li:nth-child(8),

.Picture-display-style-01 ul li:nth-child(11),

.Picture-display-style-01 ul li:nth-child(14),

.Picture-display-style-01 ul li:nth-child(17),

.Picture-display-style-01 ul li:nth-child(20){

	margin-right: 0;

}

.Picture-display-style-01 ul li img{
	display: block;
	width: 100%;
}







.video-display-style-01{

	width: 1380px;

	margin: 0 auto;

}

.video-display-style-01 .con{

	height: 630px;

	background: #cfcfcf;

	border-radius: 30px;

	overflow: hidden;

}

.video-display-style-01 .con{}

.video-display-style-01 .con ul{

	width: 100%;

	height: 100%;

	position: relative;

}

.video-display-style-01 .con ul li{

	position: absolute;

	left: 100%;

	top: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

}

.video-display-style-01 .con ul li.on{

	opacity: 1;

	left: 0;

}

.video-display-style-01 .con ul li img{

	transition: 5s;

	transform: scale(1.1);

	max-height: 100%;

	margin: 0 auto;

	display: block;

}

.video-display-style-01 .con ul li.on img{

	transform: scale(1);

}

.video-display-style-01 .con ul li i{

	position: absolute;

	left: 48%;

	top: 48%;

	font-size: 46px;

	color: #fff;

}



.video-display-style-01 .tab{

	border-bottom: 1px solid #ececec;

}

.video-display-style-01 .tab p{

	height: 90px;

	line-height: 90px;

	font-size: 24px;

	color: #222;

	position: relative;

	float: left;

	width: 25%;

	text-align: center;

	cursor: pointer;

	transition: .3s;

}

.video-display-style-01 .tab p:last-child:before,

.video-display-style-01 .tab p:after{

	content: "";

    display: block;

    position: absolute;

    width: 1px;

    height: 20px;

    top: 34px;

	left: 0;

    background: #ececec;

	

}

.video-display-style-01 .tab p:last-child:before{

	left: inherit;

	right: 0;

}

.video-display-style-01 .tab p:hover{

	color: #7c1c72;

}

.video-display-style-01 .tab p.on{

	font-weight: bold;

	color: #7c1c72;

}

.video-display-style-01 .tab p em{

	background: #7c1c72;

	display: block;

	position: absolute;

	bottom: -1px;

	left: 0;

	width: 100%;

	height: 0;

	transition: .3s;

}

.video-display-style-01 .tab p.on em{

	height: 4px;

}







.next-list{

	width: 1480px;

	margin: 0 auto;

	padding-bottom: 100px;

}

.next-list ul{}

.next-list ul li{

	width: 460px;

	float: left;

	margin: 0 50px 50px 0;

}

.next-list ul li:nth-child(3n){

	margin-right: 0;

}

.next-list ul li:nth-child(3n+1){

	clear: left;

}

.next-list ul li a{}

.next-list ul li .img-box{

	width: 100%;

	height: 0;

	padding-bottom: 70%;

	border-radius: 30px;

	overflow: hidden;

	background: #ccc;
		
	position: relative;

}

.next-list ul li .img-box img{
	display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.next-list ul li h3{

	font-size: 18px;

	line-height: 28px;

	font-weight: normal;

	color: #222;

	height: 56px;

	overflow: hidden;

	margin: 16px 0 10px;

}

.next-list ul li span{

	font-size: 14px;

	color: #cdcdcd;

}







.more-btn{

	display: block;

	width: 200px;

	height: 56px;

	line-height: 56px;

	border: 1px solid #efefef;

	border-radius: 56px;

	margin: 0 auto;

	text-align: center;

	font-size: 14px;

	color: #222;

	-webkit-transition: .2s;

	-moz-transition: .2s;

	transition: .2s;

}

.more-btn:hover{

	border-color: #7c1c72;

	background: #7c1c72;

	color: #fff;

}









.zhengshu-box{

	width: 1480px;

	margin: 0 auto;

	padding-bottom: 100px;

}

.zhengshu-box .bar{

	height: 400px;

	border-radius: 20px;

	background: #ededed;

	margin-bottom: 30px;

}

.zhengshu-box .bar img{}

.zhengshu-box ul{}

.zhengshu-box ul li{

	width:260px;

	float: left;

	margin: 16px 45px 0 0;

}

.zhengshu-box ul li .img-box{

	border-radius: 20px;

	width:260px;

	height: 320px;

	background: #ededed;



}

.zhengshu-box ul li:nth-child(5n){

	margin-right: 0;

}

.zhengshu-box ul li:nth-child(5n+1){

	clear: left;

}

.zhengshu-box ul li .img-box img{}

.zhengshu-box ul li p{

	text-align: center;

	font-size: 14px;

	color: #222;

	line-height: 52px;

}









.tanchuang-weixin{

	position: fixed;

	z-index: 9999;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	transform: translateX(100%);

}

.tanchuang-weixin.show{

	transform: translateX(0);

}

.tanchuang-weixin .bg{

	position: absolute;

	z-index: 1;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: #000;

	opacity: 0;

	transition: .2s;

}

.tanchuang-weixin.show .bg{

	opacity: .8;

}

.tanchuang-weixin .con{

	position: absolute;

	width: 240px;

	top: 36%;

	left: 50%;

	margin-left: -120px;

	z-index: 2;

	opacity: 0;

	transition: .3s;

}

.tanchuang-weixin.show .con{

	top: 30%;

	opacity: 1;

}

.tanchuang-weixin .img-box{

	display: block;

	margin: 0 auto;

}

.tanchuang-weixin .img-box img{

	display: block;

	width: 100%;

}

.tanchuang-weixin .con p{

	height: 30px;

	line-height: 30px;

	font-size: 16px;

	color: #fff;

	text-align: center;

}

.tanchuang-weixin .con .off-btn{

	width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background: #fff;

    border-radius: 50%;

    position: absolute;

    left: 50%;

    margin-left: -20px;

    top: -74px;

}

.tanchuang-weixin .con .off-btn i{

	font-size: 20px;

    color: #888;

}







#article{

    padding-bottom: 100px;

	border-bottom: 1px solid #f1f1f1;

}

#article .featured-header{

    width: 1480px;

    margin: 0 auto;

    text-align: center;

    padding: 80px 0 40px;

    border-bottom: 1px solid #f1f1f1;

}

#article .featured-header .category-eyebrow{}

#article .featured-header .category-eyebrow span{

    font-size: 14px;

    color: #888;

}

#article .featured-header .category-eyebrow span:last-child{

    display: inline-block;

    border-left: 1px solid #eee;

    padding-left: 20px;

    margin-left: 20px;

}

#article .featured-header .tit{

    padding: 30px 0;

}

#article .featured-header .tit h1{

    font-size: 42px;

    font-weight: normal;

}

#article .featured-header .tit p{

    width: 70%;

    margin: 30px auto 0;

    font-size: 14px;

    line-height: 28px;

}

#article .featured-header .share{

    font-size: 0;

}

#article .featured-header .share p{

    display: inline-block;

    margin: 0 10px;

}



#article .featured-header .share p i{

    width: 38px;

    height: 38px;

    line-height: 38px;

    border-radius: 50%;

    background: #f1f1f1;

    display: block;

    text-align: center;

    color: #636363;

}

#article .article-content{

	padding: 30px 0;

	width: 980px;

	margin: 0 auto;

}

#article .article-content p{

	font-size: 14px;

	line-height: 28px;

}
#article .article-content img{
	max-width: 100%;
}