锘縝ody {padding-top:91px;background-color:#fff;}
#header {border-bottom:1px solid #f5f5f5;background-color:#fff;}
#header > div {color:#000;}
#header .lang {border-left-color:#d6d6d6;}
#header .lang a {color:#000;}
#header .nav li > a {color:#000;}
#header .nav li dl {background-color:rgba(0,0,0,0.7);}
#header .nav li dl dd a {color:#fff;}
#header .nav li dl dd a:hover {color:#fff;text-decoration:underline;}

#header.fixed {background-color:#fff;}
#header.fixed .nav li > a {color:#000;}
#header.fixed .nav li dl dd a {color:#fff;}
#header.fixed .nav li dl dd a:hover {text-decoration:underline;}

#xwds > .wrap {padding-bottom:80px;}
#xwds .wrap {width:1300px;}
#xwds .navs {padding-top:15px;padding-bottom:60px;color:#999;}
#xwds .navs a {color:#999;}
#xwds .navs a:hover {color:#222;}
#xwds .navs span {padding-left:20px;padding-right:20px;}
#xwds .name {color:#333;font-size:36px;line-height:1.4;}
#xwds .info {display:flex;align-items:center;justify-content:space-between;margin-top:35px;padding-top:30px;padding-bottom:30px;color:#333;border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;}
#xwds .info .text {}
#xwds .info .text p {display:inline-block;margin-top:10px;margin-bottom:10px;margin-right:120px;vertical-align:top;}
#xwds .info .text p:last-child {margin-right:0;}
#xwds .info .text p:nth-child(1) {color:#999;font-family:"din-bold";font-size:16px;font-weight:bold;}
#xwds .info .text p:nth-child(1) span {margin-right:8px;color:#f3150a;}
#xwds .info .text p:nth-child(2) span {color:#999;}
#xwds .info .text p:nth-child(3) span {color:#999;}
#xwds .info .shares {flex:0 0 auto;}

#xwds .related {background-color:#f8f9fc;}
#xwds .related > div {padding-top:70px;padding-bottom:70px;}
#xwds .related .tis {padding-bottom:30px;color:#333;font-size:46px;font-weight:bold;border-bottom:1px solid #eeeff2;}
#xwds .related .swiper-container {margin-top:40px;}
#xwds .related .swiper-slide {position:relative;}
#xwds .related .swiper-slide:after {position:absolute;top:0;right:-60px;display:block;width:1px;height:100%;background-color:#ebecef;content:"";}
#xwds .related .swiper-slide h2 {margin-top:15px; margin-bottom:20px;font-size:20px;}
#xwds .related .swiper-slide h2:hover {color:#f3150a;}
#xwds .related .swiper-slide .date {color:#999;font-family:"din-bold";font-size:16px;font-weight:bold;}
#xwds .related .swiper-slide .date span {margin-right:8px;color:#f3150a;}
#xwds .related .swiper-slide .desc {color:#808080;line-height:1.8;}
#xwds .related .swiper-pagination {position:static;margin-top:40px;width:100%;height:5px;font-size:0;text-align:center;}
#xwds .related .swiper-pagination span {margin:0;width:20px;height:5px;font-size:0;border-radius:0;background:#d7d7d9;opacity:1;transition:width linear 200ms;overflow:hidden;}
#xwds .related .swiper-pagination span.swiper-pagination-bullet {margin:0 4px;}
#xwds .related .swiper-pagination span.swiper-pagination-bullet-active {width:32px;background:#f3150a;}

.shares {display:flex;align-items:center;}
.shares a {position:relative;margin-left:14px;width:50px;height:50px;line-height:50px;color:#8c8c8c;text-align:center;vertical-align:top;border-radius:50%;background-color:#f6f6f6;}
.shares a i {font-size:24px;}
.shares a i.icon-qq {font-size:22px;}
.shares a i.icon-weixin {font-size:26px;}
.shares a p {position:absolute;top:100%;left:50%;margin-left:-60px;padding:5px;width:120px;font-size:0;line-height:normal;box-sizing:border-box;background-color:#f3150a;opacity:0;visibility:hidden;transform:translateY(50px);transition:all ease-out 200ms;}
.shares a p:before {position:absolute;top:-16px;left:50%;margin-left:-8px;display:block;border:8px solid transparent;border-bottom-color:#f3150a;content:"";}
.shares a p img {width:100%;}
.shares a:hover {color:#fff;background-color:#f3150a;}
.shares a:hover p {opacity:1;visibility:visible;transform:translateY(20px);}

@media only screen and (max-width: 1440px){
	#xwds .wrap {width:1280px;}
}
@media only screen and (max-width: 1280px){
	#xwds > .wrap {padding-bottom:6%;}
	#xwds .wrap {padding-left:4%;padding-right:4%;width:100%;}
	#xwds .navs {padding-bottom:5%;font-size:14px;}
	#xwds .navs span {padding-left:15px;padding-right:15px;}
	#xwds .name {font-size:26px;}
	#xwds .info {margin-top:25px;padding-top:20px;padding-bottom:20px;}
	#xwds .info .text p {margin-right:60px;}
	#xwds .info .text p:nth-child(1) {font-size:14px;}
	
	#xwds .related > div {padding-top:5%;padding-bottom:5%;}
	#xwds .related .tis {padding-bottom:2.5%;font-size:36px;}
	#xwds .related .swiper-container {margin-top:4%;}
	#xwds .related .swiper-slide h2 {margin-top:12px;margin-bottom:15px;font-size:16px;}
	#xwds .related .swiper-slide .date {font-size:14px;}
	#xwds .related .swiper-slide .desc {line-height:1.7;}
	#xwds .related .swiper-pagination {margin-top:3%;}

	.shares a {margin-left:12px;width:46px;height:46px;line-height:46px;}
	.shares a i {font-size:20px;}
	.shares a i.icon-qq {font-size:18px;}
	.shares a i.icon-weixin {font-size:22px;}
}
@media only screen and (max-width: 1024px){
	body {padding-top:81px;}
	#mheader_menu span {background-color:#222;}
	#mheader_menu span:before {background-color:#222;}
	#mheader_menu span:after {background-color:#222;}
	
	#xwds .name {font-size:22px;}
	#xwds .info {margin-top:20px;}
	#xwds .info .text p {margin-right:40px;}
	
	#xwds .related .tis {font-size:26px;}
	#xwds .related .swiper-pagination {margin-top:4%;}

	.shares a {margin-left:12px;width:40px;height:40px;line-height:40px;}
	.shares a i {font-size:18px;}
	.shares a i.icon-qq {font-size:16px;}
	.shares a i.icon-weixin {font-size:20px;}
}
@media only screen and (max-width: 800px){
	#xwds .navs {font-size:12px;}
	#xwds .navs i {font-size:14px;}
	#xwds .navs span {padding-left:10px;padding-right:10px;}
	#xwds .name {font-size:18px;}
	#xwds .info {display:block;padding-top:10px;padding-bottom:15px;}
	#xwds .info .shares {margin-top:10px;}
	#xwds .related .tis {font-size:20px;}
}
@media only screen and (max-width: 640px){
	#xwds .related .swiper-slide:after {right:-40px;}
}
@media only screen and (max-width: 480px){
	body {padding-top:46px;}
	#xwds .navs {padding-top:5px;font-size:10px;line-height:1.6;}
	#xwds .navs i {font-size:12px;}
	#xwds .navs span {padding-left:6px;padding-right:6px;}
	#xwds .name {color:#000;font-size:16px;line-height:1.6;}
	#xwds .info {margin-top:8px;padding-top:5px;padding-bottom:12px;font-size:12px;}
	#xwds .info .text p {margin-top:8px;margin-bottom:0;margin-right:30px;}
	#xwds .info .text p:nth-child(1) {font-size:12px;}
	#xwds .related .swiper-slide:after {display:none;}
	
	#xwds .related > div {padding-top:6%;padding-bottom:6%;}
	#xwds .related .tis {padding-bottom:3%;font-size:16px;}
	#xwds .related .swiper-slide h2 {margin-top:10px;margin-bottom:8px;font-size:14px;}
	#xwds .related .swiper-slide .date {font-size:12px;}
	#xwds .related .swiper-slide .desc {line-height:1.6;}
	#xwds .related .swiper-pagination {margin-top:5%;}
	#xwds .related .swiper-pagination {height:3px;}
	#xwds .related .swiper-pagination span {width:15px;height:3px;}
	#xwds .related .swiper-pagination span.swiper-pagination-bullet-active {width:24px;}
	
	.shares a {margin-left:8px;width:28px;height:28px;line-height:28px;}
	.shares a:nth-child(2) {margin-left:0;}
	.shares a i {font-size:14px;}
	.shares a i.icon-qq {font-size:14px;}
	.shares a i.icon-weixin {font-size:16px;}
	.shares a p {margin-left:-50px;padding:5px;width:100px;}
}