/*
** Name: dgy.group.css
** Date: 2018/12/11.
** Anthor: tonney@duoguyu.com.
** Version: 5.0.1.beta
** Last: 2019/04/17 tonney.
*/

/* launchTopGird */
.launchTopGird {
	padding : 130px 0 40px;
	margin-bottom : 10px;
}
.launchTopGird .leftWrap {
	float : left;
	width : 770px;
	height : 320px;
	overflow : hidden;
}
.launchTopGird .rightWrap {
	float : right;
	width : 320px;
	height : 320px;
	overflow : hidden;
}
.launchTopGird .extendBox {
	height : 100px;
	border-radius : 6px;
	overflow : hidden;
}
.launchTopGird .extendBox .img, .launchTopGird .extendBox img {
	display : block;
	width : 100%;
	height : auto;
	min-height : 100px;
}
.launchTopGird .specialWrap {
	display : block;
	height : 210px;
	overflow : hidden;
	background-image : linear-gradient(-45deg, #59ceff 0%, #6177ff 100%);
	border-radius : 6px;
	margin-bottom : 10px;
	padding : 20px 25px;
	font-size : 13px;
	color : #ffffff;
	line-height : 1.5;
	position : relative;
}
.launchTopGird .specialWrap .topBox {
	margin-bottom : 20px;
	overflow : hidden;
}
.launchTopGird .specialWrap .dateLabel {
	font-size : 60px;
}
.launchTopGird .specialWrap .dateLabel .num {
	float : right;
	line-height : 60px;
	font-weight : bold;
	margin-left : 5px;
}
.launchTopGird .specialWrap .dateLabel .topSmall {
	float : right;
	font-weight : bold;
	font-size : 14px;
	margin-top : 2px;
}
.launchTopGird .specialWrap .title {
	height : 30px;
	font-size : 14px;
	margin-bottom : 20px;
	line-height : 30px;
	overflow : hidden;
}
.launchTopGird .specialWrap .detail {
	height : 48px;
	line-height : 24px;
	font-size : 16px;
	font-weight : bold;
	overflow : hidden;
	margin-bottom : 20px;
}
.launchTopGird .specialWrap .author {
	height : 24px;
	line-height : 24px;
	font-size : 14px;
	text-align : right;
}
.launchTopGird .specialWrap .textWp {
	position : relative;
	z-index : 10;
}
.launchTopGird .specialWrap.day .detail {
	height : 72px;
}
.launchTopGird .imgGroup {
	height : 320px;
	overflow : hidden;
	position : relative;
}
.launchTopGird .imgGroup .img {
	display : block;
	border-radius : 5px;
	height : 320px;
	border : 0;
}
.launchTopGird .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom : 10px;
}
.launchTopGird .swiper-pagination-bullet {
	border-radius : 6px;
}
.launchTopGird .swiper-pagination-bullet {
	background : #ffffff;
	opacity : .5;
}
.launchTopGird .swiper-pagination-bullet-active {
	opacity : 1;
	background : #ffffff;
	width : 20px;
}
.launchTopGird .swiper-button-next, .launchTopGird .swiper-button-prev, .articleModeGrid .swiper-button-next, .articleModeGrid .swiper-button-prev {
	cursor : pointer;
	width : 30px;
	height : 30px;
	margin-top : -15px;
	opacity : 0;
	transition : all .2s ease;
}
.articleModeGrid .swiper-button-next, .articleModeGrid .swiper-button-prev {
	opacity : 1;
	z-index : 20;
	pointer-events : auto !important;
}
.launchTopGird .swiper-button-next, .articleModeGrid .swiper-button-next {
	background : url('../images/icon_arr_right.png') no-repeat;
	background-size : 30px;
}
.launchTopGird .swiper-button-prev, .articleModeGrid .swiper-button-prev {
	background : url('../images/icon_arr_left.png') no-repeat;
	background-size : 30px;
}
.launchTopGird .swiper-container:hover .swiper-button-next, .launchTopGird .swiper-container:hover .swiper-button-prev, .articleModeGrid .swiper-container:hover .swiper-button-next, .articleModeGrid .swiper-container:hover .swiper-button-prev {
	opacity : .6;
	transition : all .2s ease;
}
.launchTopGird.web {
	background : none;
	padding : 0;
	border-bottom : 0;
}
.launchTopGird.web .imgBox {
	/*width:320px;*/
	width : 490px;
	min-height : 200px;
	overflow : hidden;
	position : relative;
}
.launchTopGird.web .imgBox .img {
	display : block;
	border-radius : 5px;
	width : 100%;
	border : 1px solid #eeeeee;
}
.launchTopGird.web .swiper-button-next, .launchTopGird.web .swiper-button-prev {
	opacity : .3;
}
.launchTopGird.web .swiper-container:hover .swiper-button-next, .launchTopGird.web .swiper-container:hover .swiper-button-prev {
	opacity : .8;
}
/* indexSiteGird */
.indexSiteGird {
	margin-bottom : 20px;
}
.indexSiteGird .item {
	display : block;
	padding : 10px 30px 10px 70px;
	height : 70px;
	background : #fafafa;
	border-radius : 6px;
	overflow : hidden;
	margin-bottom : 5px;
	position : relative;
}
.indexSiteGird p {
	font-size : 12px;
	color : #888888;
	line-height : 20px;
	overflow : hidden;
	height : 20px;
	white-space : nowrap;
	text-overflow : ellipsis;
}
.indexSiteGird .moreBox {
	position : absolute;
	right : 0;
	top : 0;
	padding-right : 15px;
	height : 70px;
	line-height : 70px;
	width : 70px;
	text-align : right;
	background : linear-gradient(90deg, rgba(250, 250, 250, .4) 0%, rgba(250, 250, 250, .8) 20%, rgba(250, 250, 250, 1) 40%, rgba(250, 250, 250, 1) 100%);
}
.indexSiteGird .moreBox .icon {
	font-size : 24px;
	color : #999999;
}
.indexSiteGird .img {
	display : block;
	width : 40px;
	height : 40px;
	border-radius : 50%;
	position : absolute;
	left : 15px;
	top : 10px;
}
.indexSiteGird .title {
	font-weight : bold;
	color : #454545;
	font-size : 13px;
}
.indexSiteGird .item:hover {
	background : #f6f6f6;
}
.indexSiteGird .item:hover .title {
	color : #0051a2;
}
.indexSiteGird .item:hover p {
	color : #454545;
}
/* indexListGrid */
.indexListGrid {
	margin-bottom : 20px;
	overflow : hidden;
}
.indexListGrid .item {
	display : block;
	padding : 10px 0 20px;
	overflow : hidden;
	line-height : 1.5;
	font-size : 16px;
	color : #999999;
	border-bottom : 1px solid #eeeeee;
	margin-bottom : 20px;
	position : relative;
}
.indexListGrid .content {
	min-height : 80px;
	position : relative;
}
.indexListGrid .content.img {
	padding-right : 190px;
}
.indexListGrid .imgBox {
	position : absolute;
	right : 0;
	top : 50%;
	margin-top : -35px;
	width : 170px;
	height : 100px;
	overflow : hidden;
}
.indexListGrid .imgBox img {
	display : block;
	width : 100%;
	min-height : 100px;
	border : 0;
}
.indexListGrid .catWrap {
	margin-bottom : 5px;
	font-size : 12px;
	color : #0051a2;
}
.indexListGrid .catWrap .catBox {
	display : inline-block;
	background : #f6f6f6;
	border-radius : 15px;
	height : 30px;
	position : relative;
	padding-left : 30px;
	padding-right : 10px;
	line-height : 30px;
	overflow : hidden;
}
.indexListGrid .catWrap .catBox .i {
	display : block;
	width : 20px;
	height : 20px;
	line-height : 20px;
	text-align : center;
	border-radius : 50%;
	position : absolute;
	left : 5px;
	top : 5px;
	overflow : hidden;
	background : #0051a2;
	color : #ffffff;
	font-size : 14px;
}
.indexListGrid .item h2 {
	font-size : 24px;
	color : #454545;
	margin-bottom : 4px;
	line-height : 1.5;
	font-weight : 500;
}
.page_index .indexListGrid .item h2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}
.indexListGrid .item .detail {
	margin-bottom : 15px;
	max-height : 50px;
	overflow : hidden;
}
.indexListGrid .item .otherInfo {
	font-size : 14px;
}
.indexListGrid.aside .item {
	margin-bottom : 10px;
	padding-bottom : 10px;
	border-bottom : 1px dotted #eeeeee;
}
.indexListGrid.aside .content.img {
	padding-right : 0;
	padding-left : 105px;
}
.indexListGrid.aside .item h2 {
	font-size : 16px;
	color : #454545;
	line-height : 1.6;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.indexListGrid.aside .imgBox {
	right : auto;
	left : 0;
	top : 0;
	margin-top : 0;
	width : 92px;
	height : 70px;
	border : 1px solid #eeeeee;
}
.indexListGrid.aside .imgBox img {
	min-height : 68px;
}
.indexListGrid .catWrap.red {
	color : #ff6600;
}
.indexListGrid .catWrap.red .i {
	background : #ff6600;
}
.indexListGrid .item:hover h2 {
	color : #0051a2;
}
/*tabInfoBox*/
.indexAsideGrid {
	margin-bottom : 30px;
	margin-top : -20px;
}
.indexAsideGrid .item {
	display : block;
	padding : 20px 0;
	border-bottom : 1px solid #eeeeee;
	line-height : 30px;
	font-size : 12px;
	color : #666666;
	overflow : hidden;
}
.indexAsideGrid .item p {
	line-height : 18px;
	font-size : 13px;
	color : #999999;
	position : relative;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
}
.indexAsideGrid .item h2 {
	line-height : 20px;
	font-size : 15px;
	margin-bottom : 10px;
	color : #333333;
}
.indexAsideGrid .item .desc {
	font-size : 14px;
	line-height : 18px;
	overflow : hidden;
	text-align : justify;
}
.indexAsideGrid .item .info {
	margin-top : 10px;
	font-size : 12px;
	color : #aaaaaa;
}
.indexAsideGrid .item:hover h2 {
	color : #0051a2;
}
/* indexTagGrid */
.indexTagGrid {
	margin-bottom : 30px;
}
.indexTagGrid .item {
	float : left;
	display : inline-block;
	padding : 0 20px;
	margin : 0 10px 10px 0;
	text-align : center;
	font-size : 13px;
	color : #666666;
	height : 34px;
	line-height : 32px;
	overflow : hidden;
	transition : all .2s ease;
	border-radius : 18px;
	border : 1px solid #f6f6f6;
	background : #f6f6f6;
}
.indexTagGrid .item .i {
	color : #0051a2;
	margin-right : 5px;
}
.indexTagGrid .item:hover {
	color : #ffffff;
	border : 1px solid #0051a2;
	color : #0051a2;
	background : #ffffff;
	transition : all .2s ease;
}
/* posterGrid */
.posterGrid {
	width : 100%;
	overflow : hidden;
	font-size : 14px;
	color : #999999;
}
.posterGrid .bodyBox {
	height : 430px;
	overflow : hidden;
	width : 100%;
	position : relative
}
.posterGrid .poster {
	display : block;
	width : 100%;
	background-color : #000000;
	height : 430px;
	border-radius : 3px;
	border : 0;
	margin-bottom : 20px;
	position : absolute;
	left : 0;
	top : 0;
}
.posterGrid .author {
}
.posterGrid .bodyBox iframe {
	width : 100%;
	height : 482px;
}
.video_box .posterGrid .poster, .video_box .posterGrid .bodyBox {
	height : 438px
}
.show_video_box {
	background : #2e2e36;
	width : 100%;
	color : #dddddd;
}
.show_video {
	width : 1100px;
	margin-left : auto;
	margin-right : auto
}
.my-video-dimensions {
	width: 100%;
	height: 100%
}
.posterGrid .title {
	position : relative;
	display : inline;
	font-size : 26px;
	font-weight : 500;
	color : #cccccc;
}
.show_video .commonHeadLabel {
}
.show_video .commonHeadLabel .title {
	color : #bbbbbb
}
.show_video .indexListGrid.aside .item h2 {
	color : #bbbbbb
}
.show_video .indexListGrid.aside .item {
	margin-bottom : 0;
	padding-bottom : 0;
	border-bottom : none;
}
.show_video .indexListGrid.aside .imgBox {
	border : none;
}
.show_video .indexListGrid.aside .imgBox img {
	background-color : #666666;
}
/* indexLinkGrid */
.indexLinkGrid {
	margin-bottom : 30px;
	line-height : 1.8;
	font-size : 13px;
	color : #999999;
}
.indexLinkGrid span {
	margin-right : 10px;
}
/* searchListGrid */
.searchListGrid {
	margin-bottom : 20px;
	padding-right : 30px;
}
.searchListGrid .item {
	display : block;
	padding : 10px 20px;
	overflow : hidden;
	line-height : 1.8;
	font-size : 13px;
	color : #999999;
	border-bottom : 1px solid #eeeeee;
	margin-bottom : 20px;
	padding-bottom : 20px;
}
.searchListGrid .item h2 {
	font-size : 16px;
	color : #454545;
}
.searchListGrid .item .detail {
	margin-bottom : 15px;
	max-height : 50px;
	overflow : hidden;
}
.searchListGrid .mlr {
	margin : 0 5px;
	color : #999999;
}
.searchListGrid .content {
	min-height : 80px;
	padding-bottom : 15px;
}
.searchListGrid .imgBox {
	float : left;
	width : 120px;
	border-radius : 6px;
	height : 70px;
	margin-right : 15px;
	overflow : hidden;
}
.searchListGrid .imgBox img {
	display : inline-block;
	height : 100%;
	border : 0;
}
.searchListGrid .item:hover h2 {
	color : #0051a2;
}
.searchListGrid .tips {
	text-align : center;
	padding : 80px 0;
	font-size : 14px;
	color : #454545;
	line-height : 1.5;
}
/* tagGrid */
.tagGrid {
	margin-top : 25px;
	border-radius : 5px;
	overflow : hidden;
	background : #ffffff;
	padding : 15px 10px;
	border : 1px solid #eeeeee;
}
.tagGrid .itemUl {
	float : left;
	padding : 5px 10px;
	width : 855px;
	height : 80px;
	overflow : hidden;
}
.tagGrid .item {
	float : left;
	display : inline-block;
	padding : 0 15px;
	margin : 0 5px 5px 0;
	text-align : center;
	font-size : 14px;
	color : #666666;
	height : 30px;
	line-height : 30px;
	overflow : hidden;
	transition : all .2s ease;
}
.tagGrid .item .i {
	color : #0051a2;
	margin-right : 5px;
}
.tagGrid .item:hover {
	color : #ffffff;
	background : #0051a2;
	border-radius : 5px;
	transition : all .2s ease;
}
.tagGrid .item:hover .i {
	color : #ffffff;
}
.tagGrid .titleBox {
	float : left;
	width : 120px;
	border-right : 1px solid #eeeeee;
	text-align : center;
	height : 65px;
	margin-top : 7px;
	font-size : 16px;
	color : #454545;
	line-height : 1.5;
	overflow : hidden;
}
.tagGrid .titleBox .flag {
	color : #0051a2;
	font-size : 30px;
	line-height : 36px;
	font-family : Impact, sans-serif;
}
/* newArticleGrid */
.newArticleGrid {
	margin : -5px -5px 35px;
}
.newArticleGrid .itemLi {
	width : 33.33333%;
	float : left;
	padding : 5px;
}
.newArticleGrid .content {
	display : block;
	height : 100px;
	border : 1px solid #eeeeee;
	padding : 25px 20px 25px 95px;
	position : relative;
	font-size : 12px;
	color : #999999;
	line-height : 1.8;
	border-radius : 5px;
	background : #ffffff;
	overflow : hidden;
	-webkit-transition : all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	transition : all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	will-change : transform;
}
.newArticleGrid .img {
	display : block;
	width : 60px;
	height : 60px;
	position : absolute;
	left : 20px;
	top : 20px;
	border-radius : 6px;
	background : #f6f6f6;
	overflow : hidden;
}
.newArticleGrid .catName {
	display : block;
	width : 60px;
	height : 60px;
	text-align : center;
	line-height : 60px;
	padding : 0 10px;
	color : #ffffff;
	font-size : 13px;
	font-weight : bold;
	position : absolute;
	left : 20px;
	top : 20px;
	border-radius : 50%;
	background : #f6f6f6;
	overflow : hidden;
}
.newArticleGrid .catName.green {
	background : linear-gradient(-125deg, #57bdbf, #2f9de2);
}
.newArticleGrid .catName.red {
	background : linear-gradient(-128deg, #e14062, #a13582);
}
.newArticleGrid .catName.grayBlue {
	background : linear-gradient(-113deg, #81328d, #592984);
}
.newArticleGrid .catName.yellow {
	background : linear-gradient(-141deg, #ffc000, #ea942e);
}
.newArticleGrid .itemLi h2 {
	line-height : 26px;
	color : #454545;
	font-size : 15px;
	height : 26px;
	white-space : nowrap;
	text-overflow : ellipsis;
	overflow : hidden;
}
.newArticleGrid .content:hover {
	z-index : 9;
	-webkit-transition-delay : .15s;
	transition-delay : .15s;
	-webkit-transform : translate3d(0, -7px, 0);
	transform : ranslate3d(0, -7px, 0);
	-webkit-box-shadow : 0 20px 60px rgba(61, 79, 127, 0.17);
	box-shadow : 0 20px 60px rgba(61, 79, 127, 0.17);
}
.newArticleGrid .content:hover h2 {
	color : #0051a2;
}
.newArticleGrid.link .itemLi {
	width : 50%;
}
.newArticleGrid.web .itemLi {
	width : 33.33333%;
}
.newArticleGrid.link .itemLi h2 {
	margin-bottom : 0;
}
.newArticleGrid.link .itemLi p {
	line-height : 21px;
	height : 21px;
	white-space : nowrap;
	text-overflow : ellipsis;
	overflow : hidden;
}
.newArticleGrid.link .content {
	height : 90px;
	padding : 20px 20px 20px 85px;
}
.newArticleGrid.link .img {
	width : 50px;
	height : 50px;
	border-radius : 50%;
}
.newArticleGrid.list .content {
	height : 170px;
}
.newArticleGrid.list .btmBox {
	height : 80px;
	position : absolute;
	left : 0;
	right : 0;
	bottom : 0;
	padding : 15px 20px;
	border-top : 1px dotted #eeeeee;
}
.newArticleGrid.list .itemLi p {
	font-size : 13px;
	color : #777777;
}
/* layoutGroup */
.layoutGroup {
	border-left : 1px solid #eeeeee;
	border-bottom : 1px solid #eeeeee;
	background : #ffffff;
	overflow : hidden;
	border-radius : 6px;
	margin-bottom : 40px;
}
.layoutGroup .item {
	float : left;
	border-right : 1px solid #eeeeee;
	border-top : 1px solid #eeeeee;
	padding : 40px 40px 70px 40px;
	font-size : 13px;
	color : #999999;
	line-height : 1.8;
	overflow : hidden;
	width : 33.3333333%;
	height : 300px;
	position : relative;
	cursor : pointer;
	transition : all .2s ease;
}
.layoutGroup .item .wrap {
	content : "";
	display : block;
	position : absolute;
	top : -10px;
	left : 40px;
	width : 100px;
	height : 8px;
	border-radius : 6px;
	background : #0051a2;
	transition : all .2s ease;
}
.layoutGroup .item:hover {
	background : #ffffff;
	box-shadow : inset 0 0 20px rgba(0, 0, 0, .09);
	transition : all .2s ease;
}
.layoutGroup .item:hover .wrap {
	top : -4px;
	transition : all .2s ease;
}
.layoutGroup .otherInfo {
	position : absolute;
	left : 0;
	bottom : 40px;
	width : 100%;
	height : 24px;
	line-height : 24px;
	padding : 0 40px;
	color : #666666;
	overflow : hidden;
}
.layoutGroup .item h2 {
	font-size : 16px;
	color : #454545;
	line-height : 24px;
	max-height : 48px;
	overflow : hidden;
}
.layoutGroup .item .detail {
	max-height : 100px;
	margin-top : 30px;
	text-align : justify;
	position : relative;
	overflow : hidden;
}
/* articleModeGrid */
.articleModeGrid {
	margin : 20px -5px;
}
.articleModeGrid .itemLi {
	float : left;
	width : 25%;
	padding : 5px;
	position : relative;
	transition : all .2s ease;
}
.articleModeGrid .content {
	display : block;
	height : 265px;
	background : #ffffff;
	border : 1px solid #eeeeee;
	font-size : 12px;
	line-height : 1.5;
	cursor : pointer;
	border-radius : 6px;
	-webkit-transition : all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	transition : all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	will-change : transform;
	overflow : hidden;
	position : relative;
}
.articleModeGrid .articleGroup {
	padding : 30px 30px 50px 30px;
}
.articleModeGrid .imgBox {
	position : relative;
	height : auto;
	overflow : hidden;
	margin-bottom : 20px;
}
.articleModeGrid .imgBox.full {
	display : block;
	height : 0;
	margin-bottom : 0;
	transition : all .2s ease;
}
.articleModeGrid .imgBox .img {
	display : block;
	width : 100%;
	height : 100%;
	border : 0;
}
.articleModeGrid .itemLi h2 {
	font-size : 16px;
	line-height : 20px;
	max-height : 40px;
	overflow : hidden;
}
.articleModeGrid .detail {
	height : 80px;
	margin-top : 20px;
	text-align : justify;
	overflow : hidden;
	margin-bottom : 10px;
	position : relative;
}
.articleModeGrid .btmInfo {
	display : flex;
	line-height : 30px;
	font-size : 12px;
	color : #999999;
	padding : 0 30px;
	position : absolute;
	left : 0;
	right : 0;
	bottom : 25px;
	overflow : hidden;
}
.articleModeGrid .btmInfo .strong {
	font-size : 13px;
	color : #454545;
}
.articleModeGrid .btmInfo .text {
	flex : 1;
	text-align : right;
}
.articleModeGrid .topText {
	margin-bottom : 5px;
}
.articleModeGrid.on .articleGroup {
	padding : 0 20px 50px;
}
.articleModeGrid.on .content {
	height : 310px;
}
.articleModeGrid.on .imgBox {
	height : 150px;
	margin-bottom : 20px;
	transition : all .2s ease;
}
.articleModeGrid.on .itemLi h2 {
	max-height : 60px;
	height : 60px;
	font-size : 18px;
	line-height : 1.5;
	font-weight : 500;
	border-bottom : 1px dotted #eeeeee;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.articleModeGrid.on .topText, .articleModeGrid.on .itemLi .detail {
	display : none;
}
.articleModeGrid.on .btmInfo {
	bottom : 12px;
	padding : 0 20px;
}
.articleModeGrid.on .btmInfo .strong {
	font-size : 12px;
	color : #999999;
}
.articleModeGrid.w3 .itemLi {
	width : 25%;
}
.articleModeGrid.w3 .imgBox {
	height : 150px;
}
.articleModeGrid.w3 .content {
	height : auto;
}
.articleModeGrid.w3 .articleGroup {
	padding-bottom : 55px;
}
.articleModeGrid.w3 .btmInfo .strong {
	font-size : 13px;
	color : #454545;
}
.articleModeGrid.index .itemLi {
	width : 33.33333%;
}
.articleModeGrid.index .imgBox {
	height : 185px;
}
.articleModeGrid.full .itemLi {
	width : 100%;
	float : none;
}
.articleModeGrid .content:hover {
	z-index : 9;
	background : #ffffff;
	-webkit-transition-delay : .15s;
	transition-delay : .15s;
	-webkit-transform : translate3d(0, -7px, 0);
	transform : ranslate3d(0, -7px, 0);
	-webkit-box-shadow : 0 20px 60px rgba(61, 79, 127, 0.17);
	box-shadow : 0 20px 60px rgba(61, 79, 127, 0.17);
}
.articleModeGrid.index .content:hover {
	transform : none;
	box-shadow : none;
}
.fullTabs {
	width : 100%;
	height : 50px;
	border-bottom : 1px solid #eeeeee;
	background : #ffffff;
	padding : 0 20px;
	position : relative;
}
.fullTabs.index {
	position : fixed;
	top : 0;
	z-index : 100;
}
.fullTabs .menuBox {
	text-align : center;
	min-width : 600px;
	margin : 0 auto;
	padding-top : 10px;
	line-height : 30px;
}
.fullTabs .menuBox .item {
	font-size : 14px;
	color : #333333;
	padding : 0 20px;
}
.fullTabs .menuBox .item a {
	color : #333333;
	position : relative;
}
.fullTabs .item.on, .fullTabs .item a.current, .fullTabs .item a:hover {
	color : #0051a2;
}
.fullTabs .rtMenu {
	position : absolute;
	right : 20px;
	top : 10px;
	height : 30px;
	line-height : 30px;
}
.fullTabs .rtMenu .text {
	font-size : 12px;
	color : #999999;
	float : left;
	margin-right : 10px;
	line-height : 30px;
}
.fullTabs .rtMenu .switchBtn {
	margin-top : 5px;
}
.fullTabs.user {
	background : none;
	padding : 0;
	margin-bottom : 30px;
}
.fullTabs.user .menuBox {
/*text-align:left;*/
}
.fullTabs.user .menuBox .item a {
	color : #a6a5ad;
	position : relative;
}
.fullTabs.user .item.on, .fullTabs.user .item a.current, .fullTabs.user .item a:hover {
	color : #0051a2;
}
.fullTabs.user .menuBox .item a.current:after {
	content : "";
	display : block;
	position : absolute;
	left : 0;
	bottom : -16px;
	width : 100%;
	height : 4px;
	background : #0051a2;
}
/* switchMode */
.switchMode {
	display : inline-block;
	cursor : pointer;
	width : 20px;
	height : 20px;
	position : relative;
	overflow : hidden;
	background : url('../images/icon_articlemode.png') no-repeat center;
	background-size : 20px;
	-webkit-transition : all 0.2s ease;
	-moz-transition : all 0.2s ease;
	transition : all 0.2s ease;
}
.switchMode.on {
	background : url('../images/icon_imgmode.png') no-repeat center;
	background-size : 20px;
}
.planetGroup {
	position : relative;
	width : 1000px;
	height : 100%;
	padding : 0 20px;
	margin : 0 auto;
	color : #eaeaea;
}
.planetGroup .title {
	margin-top : 25px;
	font-size : 18px;
	line-height : 28px;
}
.planetGroup .detail {
	font-size : 12px;
	line-height : 18px;
}
.planetGroup .planet {
	position : absolute;
	opacity : .3;
	border-radius : 50%;
}
.planetGroup .planet.a1 {
	width : 135px;
	height : 135px;
	right : 432px;
	top : -95px;
	background : linear-gradient(0deg, #ff5a25, #ff005a);
}
.planetGroup .planet.a2 {
	width : 25px;
	height : 25px;
	right : 278px;
	top : 41px;
	background : linear-gradient(-90deg, #bd4c86, #c864ae);
}
.planetGroup .planet.a3 {
	width : 78px;
	height : 78px;
	right : 577px;
	top : 65px;
	background : linear-gradient(-90deg, #00d5c8, #00b481);
}
.planetGroup .planet.a4 {
	width : 90px;
	height : 90px;
	right : -23px;
	top : 45px;
	background : linear-gradient(-90deg, #271e5b, #0d76ef);
}
.planetGroup.w1100 {
	width : 1100px;
}
/* userHeadGrid */
.userHeadGrid {
	width : 100%;
	background : #090723;
	height : 95px;
	overflow : hidden;
}
.userHeadGrid.member {
	height : 135px;
}
.userHeadGrid.user {
	height : 200px;
}
.userInfoGroup {
	margin-top : -65px;
}
.userInfoGroup .menuWrap {
	width : 680px;
	float : left;
}
.userInfoGroup .userBox {
	width : 280px;
	height : 200px;
	float : left;
	text-align : center;
	font-size : 12px;
	color : #999999;
	line-height : 24px;
	margin-top : -20px;
}
.userInfoGroup .userBox .avatar {
	display : block;
	width : 100px;
	height : 100px;
	margin : 10px auto;
	border-radius : 50%;
	border : 4px solid #ffffff;
	overflow : hidden;
}
.userInfoGroup .userBox .avatar img {
	display : block;
	width : 92px;
	height : 92px;
}
.userInfoGroup .userBox .userName {
	height : 24px;
	overflow : hidden;
	white-space : nowrap;
	text-overflow : ellipsis;
	font-size : 14px;
	color : #333333;
}
.userInfoGroup .userBox span {
	margin-left : 5px;
	margin-right : 5px;
}
.userInfoGroup .adWrap {
	width : 680px;
	float : left;
	margin-top : 20px;
	padding-bottom : 20px;
	margin-bottom : 20px;
	overflow : hidden;
}
.userInfoGroup .adWrap .holder {
	height : 80px;
	background : #f1f1f1;
	border-radius : 5px;
}
.memberGroup {
	width : 680px;
}
.memberGroup.user {
	width : 800px;
	margin : 0 auto 50px;
	min-height : 300px;
}
.userBaseInfo {
	margin-bottom : 20px;
	overflow : hidden;
}
.userBaseInfo .itemLi {
	width : 33.33333%;
	text-align : center;
	padding : 30px 25px 40px;
	float : left;
}
.userBaseInfo .itemBox {
	border-radius : 5px;
	border : 1px solid #eeeeee;
	padding : 20px;
	overflow : hidden;
	-webkit-transition : all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	transition : all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	will-change : transform;
}
.userBaseInfo .itemBox:hover {
	z-index : 9;
	-webkit-transition-delay : .15s;
	transition-delay : .15s;
	-webkit-transform : translate3d(0, -7px, 0);
	transform : ranslate3d(0, -7px, 0);
	-webkit-box-shadow : 0 20px 60px rgba(61, 79, 127, 0.17);
	box-shadow : 0 20px 60px rgba(61, 79, 127, 0.17);
}
.userBaseInfo .iconWrap {
	width : 80px;
	height : 80px;
	margin : 20px auto;
	font-size : 42px;
	color : #ffffff;
	line-height : 80px;
	border-radius : 50%;
	background : #98c9fc;
	overflow : hidden;
}
.userBaseInfo .iconWrap.vip {
	background : none;
}
.userBaseInfo .iconVip {
	display : block;
	width : 50px;
	margin : 15px auto 0;
	border : 0;
}
.userBaseInfo .iconWrap .iconfont {
	font-size : 42px;
	/*color:#0051a2;*/
	color : #ffffff;
}
.userBaseInfo .title {
	font-size : 16px;
	color : #454545;
	line-height : 30px;
}
.userBaseInfo p {
	font-size : 12px;
	color : #777777;
	line-height : 24px;
	margin-bottom : 10px;
}
.memberTabBox {
	text-align : center;
	padding-top : 20px;
}
.memberTabBox .item {
	float : left;
	width : 135px;
	font-size : 14px;
	color : #333333;
	padding : 0 20px;
}
.memberTabBox .strong {
	color : #ffffff;
	font-size : 32px;
	line-height : 40px;
	height : 40px;
	margin-bottom : 10px;
}
.memberTabBox .tips {
	color : #454545;
	font-size : 14px;
	line-height : 30px;
	height : 30px;
}
/* myhome */
.userInfoGroup.myhome {
	position : relative;
	z-index : 10;
}
.userInfoGroup.myhome .menuWrap {
	width : 100%;
	float : none;
}
.userInfoGroup.myhome .item {
	width : 180px;
}
.tableDgy {
	border-radius : 5px;
	border : 1px solid #eeeeee;
	padding : 10px 20px;
	text-align : left;
	overflow : hidden;
	margin-bottom : 15px;
}
.tableDgy table {
	width : 100%;
}
.tableDgy th {
	line-height : 24px;
	padding : 10px;
}
.tableDgy td {
	line-height : 24px;
	padding : 10px;
	border-top : 1px solid #eeeeee;
}
/* channelItemGrid */
.channelItemGrid {
	margin : 10px -10px;
	overflow : hidden;
}
.channelItemGrid .item {
	float : left;
	padding : 10px;
	overflow : hidden;
	width : 33.3333333%;
}
.channelItemGrid .content {
	display : block;
	background : #ffffff;
	border-radius : 6px;
	border : 1px solid #eeeeee;
	padding : 40px 40px 70px 40px;
	font-size : 13px;
	color : #999999;
	line-height : 1.8;
	overflow : hidden;
	height : 300px;
	position : relative;
	cursor : pointer;
	-webkit-transition : all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	transition : all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	will-change : transform;
}
.channelItemGrid .item .wrap {
	content : "";
	display : block;
	position : absolute;
	top : -4px;
	left : 50%;
	margin-left : -60px;
	width : 120px;
	height : 4px;
	z-index : 1;
	background : #0051a2;
	transition : all .2s ease;
}
.channelItemGrid .content:hover {
	z-index : 9;
	background : #ffffff;
	-webkit-transition-delay : .15s;
	transition-delay : .15s;
	-webkit-transform : translate3d(0, -7px, 0);
	transform : ranslate3d(0, -7px, 0);
	-webkit-box-shadow : 0 10px 20px rgba(61, 79, 127, 0.1);
	box-shadow : 0 10px 20px rgba(61, 79, 127, 0.1);
}
.channelItemGrid .content:hover .wrap {
	top : 0;
}
.channelItemGrid .otherInfo {
	position : absolute;
	left : 0;
	bottom : 40px;
	display : flex;
	width : 100%;
	height : 24px;
	line-height : 24px;
	padding : 0 40px;
	overflow : hidden;
}
.channelItemGrid .otherInfo .strong {
	font-size : 13px;
	color : #454545;
}
.channelItemGrid .otherInfo .text {
	flex : 1;
	text-align : right;
}
.channelItemGrid .item h2 {
	font-size : 16px;
	color : #454545;
	line-height : 24px;
	max-height : 48px;
	overflow : hidden;
}
.channelItemGrid .item .detail {
	max-height : 100px;
	margin-top : 30px;
	text-align : justify;
	overflow : hidden;
}
/* searchListGrid */
.searchListGrid {
	margin-bottom : 20px;
	padding-right : 30px;
}
.searchListGrid .item {
	display : block;
	padding : 10px 20px;
	overflow : hidden;
	line-height : 1.8;
	font-size : 13px;
	color : #999999;
	border-bottom : 1px solid #eeeeee;
	margin-bottom : 20px;
	padding-bottom : 20px;
}
.searchListGrid .item h2 {
	font-size : 16px;
	color : #454545;
}
.searchListGrid .item .detail {
	margin-bottom : 15px;
	max-height : 50px;
	overflow : hidden;
}
.searchListGrid .mlr {
	margin : 0 5px;
	color : #999999;
}
.searchListGrid .content {
	min-height : 80px;
	padding-bottom : 15px;
}
.searchListGrid .imgBox {
	float : left;
	width : 120px;
	border-radius : 6px;
	height : 85px;
	margin-right : 15px;
	overflow : hidden;
}
.searchListGrid .imgBox img {
	display : inline-block;
	width : 100%;
	height : auto;
	border : 0;
}
.searchListGrid .item:hover h2 {
	color : #0051a2;
}
.searchListGrid .tips {
	text-align : center;
	padding : 80px 0;
	font-size : 14px;
	color : #454545;
	line-height : 1.5;
}
/* detailGrid */
.detailHeadLabel {
	position : relative;
	margin-bottom : 40px;
	font-size : 12px;
	color : #999999;
	line-height : 24px;
}
/* .detailHeadLabel:before{ content:"#"; position:absolute; left:0; top:0; color:#666; font-size:28px; font-weight:lighter; height:30px; line-height:28px; width:15px;} */
.detailHeadLabel .title {
	font-size : 42px;
	color : #262626;
	line-height : 1.3;
	font-weight : bold;
	margin-top : 30px;
	margin-bottom : 40px;
}
.detailHeadLabel .title small {
	margin-left : 5px;
	font-size : 12px;
	color : #999999;
	font-weight : normal;
}
.detailHeadLabel .info {
	color : #999999;
}
.detailHeadLabel .info span {
	margin-right : 10px;
}
.detailHeadGrid {
	height : 160px;
	padding : 40px 0;
	text-align : center;
	overflow : hidden;
	font-size : 24px;
	color : #666666;
	line-height : 24px;
}
.detailHeadGrid h1 {
	font-size : 26px;
	color : #333333;
	line-height : 32px;
}
.detailHeadGrid .anthorInfo {
	font-size : 14px;
	color : #666666;
}
.detailHeadGrid .anthorInfo span {
	margin : 0 5px;
	color : #999999;
}
.original_comment {
	display: block;
	background-color: #fff;
	padding: 5px;
	border: 1px solid rgba(0,0,0,.2)
}
.commentGroup p .uname {
	display: none
}
.commentGroup p .original_comment .uname {
	display: inline-block
}
.detailGrid {
	padding : 30px 300px 0 0;
	position : relative;
	font-size : 14px;
	line-height : 24px;
}
.detailGrid .tagInfo {
	margin-bottom : 30px;
	font-size : 12px;
	border-bottom : 1px dashed #eeeeee;
	padding-bottom : 20px;
}
.detailGrid .tagInfo span {
	margin : 0 5px;
	color : #999999;
}
.detailGrid h2 {
	font-size : 18px;
	color : #333333;
	margin-bottom : 10px;
}
.detailGrid h3 {
	font-size : 16px;
	margin-bottom : 10px;
}
.detailGrid h4 {
	font-size : 14px;
	color : #666666;
	margin-bottom : 10px;
}
.description {
	padding-left : 20px;
	position : relative;
	color : #666666;
	margin-bottom : 60px;
}
.description .detail {
	padding : 20px 25px;
	background : #f7f8f9;
	border-radius : 6px;
	text-align : justify !important;
	font-size : 18px;
	line-height : 32px;
}
.description p {
	text-indent : 2em;
	text-align : justify;
}
.description .flag {
	position : absolute;
	top : -20px;
	left : 10px;
	z-index : 5;
	width : 60px;
	height : 60px;
	background : url('../images/icon-flag2.png') no-repeat;
	background-size : 45px;
}
.articleBaseInfo {
	text-align : right;
	margin : 50px 10px;
	overflow : hidden;
	position : relative;
	padding-top : 30px;
}
.articleBaseInfo::after {
	content : "";
	position : absolute;
	top : 0;
	right : 0;
	width : 25px;
	height : 4px;
	background : #0051a2;
}
.articleBaseInfo p {
	font-size : 14px;
	color : #666666;
	line-height : 24px;
	margin-bottom : 5px;
}
.articleBaseInfo b {
	color : #333333;
	margin-right : 8px;
}
.rightGrid {
	position : absolute;
	left : 50%;
	top : 0;
	margin-left : 260px;
	width : 240px;
	/*height:100%;*/
	color : #999999;
	line-height : 24px;
}
.rightGrid.fixed {
	position : fixed;
	top : 140px;
}
.leftGrid {
	position : absolute;
	left : 0;
	top : 0;
	width : 280px;
	height : 100%;
	color : #666666;
	font-size : 12px;
	line-height : 24px;
}
.leftGrid .userBox {
	text-align : center;
	font-size : 12px;
	color : #999999;
	line-height : 24px;
	margin-bottom : 30px;
}
.leftGrid .userBox .avatar {
	display : block;
	width : 100px;
	height : 100px;
	margin : 10px auto;
	border-radius : 50%;
	border : 4px solid #ffffff;
	overflow : hidden;
}
.leftGrid .userBox .avatar img {
	display : block;
	width : 92px;
	height : 92px;
}
.leftGrid .userBox .userName {
	height : 24px;
	overflow : hidden;
	white-space : nowrap;
	text-overflow : ellipsis;
	font-size : 14px;
	color : #333333;
}
.leftGrid .userBox span {
	margin-left : 5px;
	margin-right : 5px;
}
.detailGrid.my {
	padding-right : 320px;
}
.detailGrid.web {
	padding-right : 0;
}
.rightGrid.my {
	margin-left : 270px;
	width : 280px;
}
.detailGrid .boxGroup {
	border-right : 1px solid #eeeeee;
	min-height : 600px;
}
.webHeadLabel {
	position : relative;
	margin-bottom : 40px;
	min-height : 100px;
	padding : 20px 240px 20px 100px;
	font-size : 12px;
	color : #999999;
	line-height : 24px;
	overflow : hidden;
}
.webHeadLabel .webImg {
	display : block;
	position : absolute;
	left : 0;
	top : 50%;
	margin-top : -40px;
	width : 80px;
	height : 80px;
	border : 0;
	overflow : hidden;
	border-radius : 50%;
}
.webHeadLabel .website {
	display : block;
	position : absolute;
	right : 55px;
	top : 50%;
	margin-top : -20px;
	width : 120px;
	height : 40px;
	text-align : center;
	font-size : 13px;
	line-height : 40px;
	background : #0051a2;
	color : #ffffff;
	overflow : hidden;
	border-radius : 20px;
}
.webHeadLabel .webStar {
	cursor : pointer;
	display : block;
	position : absolute;
	right : 0;
	top : 50%;
	margin-top : -20px;
	width : 40px;
	height : 40px;
	text-align : center;
	font-size : 24px;
	line-height : 40px;
	background : #0051a2;
	color : #ffffff;
	overflow : hidden;
	border-radius : 50%;
}
.webHeadLabel .webStar .iconfont {
	font-size : 20px;
}
.webHeadLabel .website:hover {
	opacity : .9;
	transition : all .2s ease;
}
.webHeadLabel h1 {
	font-size : 26px;
	color : #333333;
	line-height : 32px;
}
.webHeadLabel .info {
	font-size : 14px;
	color : #666666;
}
.webHeadLabel .info span {
	margin-right : 7px;
	color : #999999;
}
.detailGrid.user {
	padding : 0 0 0 280px;
	min-height : 700px;
}
.labelItem {
	margin-bottom : 10px;
	color : #999999;
	line-height : 20px;
}
.labelItem .item {
	display : block;
	margin-bottom : 15px;
}
.labelItem .item h3 {
	font-size : 16px;
	line-height : 1.6;
	margin-bottom : 5px;
}
.labelItem .item span {
	margin-right : 7px;
	color : #999999;
}
.commentGrid {
	margin-bottom : 20px;
}
.commentGrid .commentForm {
	margin-bottom : 30px;
}
.commentGrid .commentTextarea {
	padding : 10px 15px;
	font-size : 14px;
	color : #333333;
	line-height : 18px;
	background : #f6f6f6;
	border-radius : 6px;
	border : 1px solid #dddddd;
	width : 100%;
	min-height : 80px;
}
.commentGrid .code {
	padding : 10px 15px;
	font-size : 14px;
	color : #333333;
	line-height : 18px;
	background : #f6f6f6;
	border-radius : 6px;
	border : 1px solid #dddddd;
	vertical-align : text-bottom;
}
.commentGrid .commentTextarea.reply {
	background : #ffffff;
	margin-top : 20px;
}
.commentGrid .btnBox {
	text-align : right;
}
.commentGrid .submitBtn {
	display : inline-block;
	width : 110px;
	height : 36px;
	cursor : pointer;
	line-height : 36px;
	text-align : center;
	color : #ffffff;
	font-size : 14px;
	border-radius : 18px;
	background : #0051a2;
}
.commentGrid .submitBtn:hover {
	opacity : .8;
}
.commentGrid .commentList {
	padding-top : 20px;
}
.commentGrid .commentList .title {
	border-bottom : 1px solid #eeeeee;
	padding-bottom : 10px;
	margin-bottom : 20px;
	font-size : 14px;
	color : #666666;
}
.commentGrid .commentList .tips {
	text-align : center;
	font-size : 14px;
	color : #999999;
	padding : 30px;
}
.commentGrid .commentGroup {
	padding : 15px 20px;
	border-left : 3px solid #dddddd;
	background : #f6f6f6;
}
.commentGrid .commentGroup .detailText {
	line-height : 20px;
}
.commentGrid .commentGroup .adminText {
	margin-top : 10px;
	line-height : 20px;
}
.commentGrid .itemUl {
}
.commentGrid .item {
	margin-bottom : 20px;
	padding-bottom : 20px;
	border-bottom : 1px dashed #dddddd;
}
.commentGrid .username {
	font-size : 15px;
	color : #333333;
	line-height : 24px;
	margin-bottom : 10px;
}
.commentGrid .username span {
	font-size : 12px;
	color : #999999;
	margin-left : 5px;
}
.commentGrid .username .reply {
	float : right;
	font-size : 12px;
	color : #999999;
}
.commentGrid .moreBtn {
	display : block;
	height : 40px;
	cursor : pointer;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border : 1px solid #0051a2;
	color : #0051a2;
	font-size : 14px;
	text-align : center;
	line-height : 38px;
	transition : all .2s ease;
}
.commentGrid .moreBtn:hover {
	background : #0051a2;
	color : #ffffff;
	opacity : .9;
	transition : all .2s ease;
}
/* articleDetailGroup */
.articleDetailGroup {
	text-align : justify !important;
	font-size : 18px;
	line-height : 32px;
	padding : 0 15px;
}
.articleDetailGroup p {
	margin-bottom : 26px;
	text-align : justify !important;
	;
	word-wrap : break-word;
	font-size : 18px;
	letter-spacing : 0.5px;
	line-height : 32px;
}
.articleDetailGroup img {
	text-align : center;
	max-width : 100% !important;
	height : auto !important;
	width : auto;
	margin-top : 20px;
	margin-left : auto;
	margin-right : auto;
	display : block;
	margin-bottom : 20px
}
.articleDetailGroup img.focus {
	max-width : 680px;
}
.articleDetailGroup em {
	color : #777777;
}
/* friendsGrid */
.friendsGrid {
	font-size : 12px;
	color : #999999;
	line-height : 18px;
}
.myInfoGrid {
	padding : 30px;
	position : relative;
	border : 1px solid #eeeeee;
	border-radius : 6px;
	overflow : hidden;
	line-height : 24px;
	font-size : 12px;
	color : #999999;
}
.myInfoGrid.user {
	width : 230px;
	margin : 0 auto;
}
.myInfoGrid .avatar {
	display : block;
	width : 60px;
	height : 60px;
	border-radius : 50%;
	margin : 30px auto;
	background : url('../images/avatar_tonney.jpg') no-repeat center;
	background-size : 60px;
	overflow : hidden;
}
.myInfoGrid .userName {
	font-size : 14px;
	color : #333333;
	text-align : center;
	line-height : 24px;
	margin-bottom : 10px;
}
.myInfoGrid .detail {
	font-size : 13px;
	color : #999999;
	line-height : 20px;
	padding-top : 25px;
	margin-top : 25px;
	border-top : 1px solid #eeeeee;
	margin-bottom : 20px;
}
.myInfoGrid .detail.down {
	border-top : 0;
}
.myInfoGrid .detail p {
	margin-bottom : 10px;
	text-indent : 2em;
}
.myInfoGrid .detail p.title {
	text-indent : 0;
	color : #ff3300;
}
.myInfoGrid .cfBlue, .myInfoGrid .detail a {
	color : #0051a2;
}
.myInfoGrid .itemTitle {
	font-size : 14px;
	color : #333333;
	line-height : 16px;
	margin-bottom : 15px;
}
.myInfoGrid .itemTitle p {
	font-size : 12px;
	color : #999999;
	line-height : 14px;
}
.myInfoGrid .itemTitle h6 {
	font-size : 14px;
	line-height : 16px;
}
.myInfoGrid .itemTitle.float {
	border-bottom : 1px dotted #dddddd;
	padding-bottom : 10px;
	margin-bottom : 10px;
}
.myInfoGrid .itemTitle.float h6 {
	float : right;
	line-height : 30px;
}
.myInfoGrid .itemTitle.float p {
	float : left;
	line-height : 30px;
}
.myInfoGrid .downloadBtn {
	padding : 0 20px;
	background : #0051a2;
	color : #ffffff;
	border-radius : 6px;
	display : inline-block;
}
.myInfoGrid .thumbBox {
	margin-bottom : 10px;
}
.myInfoGrid .thumbBox img {
	width : 100%;
	height : auto;
	display : block;
	border-radius : 6px;
}
.myInfoGrid .itemTitle.w2 {
	float : left;
	width : 50%;
	height : 50px;
	padding : 10px;
}
.friendsGrid .itemUl {
	margin-bottom : 10px;
}
.friendsGrid .item {
	width : 25%;
	float : left;
	padding : 10px;
}
.friendsGrid .areaBox {
	background : #ffffff;
	border : 1px solid #eeeeee;
	border-radius : 6px;
	padding : 30px 20px;
	overflow : hidden;
	-webkit-transition : all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	transition : all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	will-change : transform;
}
.friendsGrid .areaBox .logo {
	display : block;
	width : 50px;
	height : 50px;
	margin : 10px auto;
	border-radius : 50%;
	overflow : hidden;
}
.friendsGrid .areaBox .logoHolder {
	display : block;
	width : 50px;
	height : 50px;
	color : #ffffff;
	text-align : center;
	background : #0051a2;
	font-size : 24px;
	line-height : 50px;
	margin : 10px auto;
	border-radius : 50%;
	overflow : hidden;
}
.friendsGrid .areaBox .title {
	height : 30px;
	line-height : 30px;
	text-align : center;
	font-size : 16px;
	color : #333333;
	overflow : hidden;
	margin-bottom : 10px;
}
.friendsGrid .areaBox .detail {
	height : 72px;
	overflow : hidden;
	padding-bottom : 10px;
	margin-bottom : 10px;
	border-bottom : 1px dotted #eeeeee;
}
.friendsGrid .areaBox .website {
	display : block;
	height : 30px;
	color : #0051a2;
	line-height : 30px;
	font-size : 12px;
	overflow : hidden;
	white-space : nowrap;
	text-overflow : ellipsis;
}
.friendsGrid .item.w3 {
	width : 33.333333%;
}
.friendsGrid .areaBox.flag {
	padding : 20px;
}
.friendsGrid .areaBox.flag .logo {
	float : left;
	width : 24px;
	height : 24px;
	margin : 0 10px 0 0;
}
.friendsGrid .areaBox.flag .title {
	height : 24px;
	line-height : 24px;
	text-align : left;
	font-size : 14px;
}
.friendsGrid .areaBox.flag .detail {
	height : 48px;
	padding-top : 10px;
	padding-bottom : 0;
	margin-top : 10px;
	margin-bottom : 0;
	border-bottom : 0;
	border-top : 1px dotted #eeeeee;
}
.friendsGrid .areaBox:hover {
	z-index : 9;
	-webkit-transition-delay : .15s;
	transition-delay : .15s;
	-webkit-transform : translate3d(0, -7px, 0);
	transform : ranslate3d(0, -7px, 0);
	-webkit-box-shadow : 0 20px 60px rgba(61, 79, 127, 0.17);
	box-shadow : 0 20px 60px rgba(61, 79, 127, 0.17);
}
.updateGroup {
	margin-bottom : 10px;
}
.updateGroup li {
	padding-left : 35px;
	position : relative;
	font-size : 14px;
	color : #777777;
	line-height : 24px;
	padding-bottom : 30px;
}
.updateGroup li:before {
	content : "";
	display : block;
	position : absolute;
	width : 16px;
	height : 16px;
	border-radius : 50%;
	background : #0051a2;
	left : 4px;
	top : 4px;
	border : 4px solid #d5e8fb;
	z-index : 5;
}
.updateGroup li:after {
	content : "";
	display : block;
	position : absolute;
	width : 1px;
	height : 100%;
	background : #eeeeee;
	left : 12px;
	top : 4px;
}
.updateGroup li .title {
	font-size : 15px;
	color : #454545;
}
.updateGroup .tipsInfo {
	margin-top : 10px;
	padding : 5px 15px;
	border-left : 3px solid #eeeeee;
	background : #f7f8f9;
	font-size : 12px;
	color : #999999;
}
.updateGroup .cfBlue, .updateGroup li a {
	color : #0051a2;
}
.thankGroup {
	padding : 0 20px;
	color : #777777;
}
.thankGroup .cfBlue, .thankGroup a {
	color : #0051a2;
}
/*guestBookGroup*/
.guestBookGroup {
	padding : 0 10px;
	margin-bottom : 20px;
}
.guestBookGroup .inputLabel {
	margin-bottom : 15px;
	position : relative;
	border : 1px solid #dddddd;
	background : #ffffff;
	font-size : 12px;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	overflow : hidden;
	color : #333333;
}
.guestBookGroup .inputBlock, .guestBookGroup .textareaBlock {
	display : block;
	width : 100%;
	height : 40px;
	line-height : 20px;
	padding : 10px 15px;
	background : none;
	border : 0;
}
.guestBookGroup .textareaBlock {
	height : 90px;
}
.guestBookGroup .inputLabel.qrcode {
	padding-right : 100px;
}
.guestBookGroup .inputLabel.qrcode:after {
	content : '';
	display : block;
	height : 40px;
	width : 1px;
	background : #dddddd;
	position : absolute;
	right : 100px;
	top : 0;
}
.guestBookGroup .inputLabel.qrcode .qrcode {
	display : block;
	cursor : pointer;
	width : 80px;
	height : 25px;
	border : 0;
	position : absolute;
	top : 8px;
	right : 10px;
	overflow : hidden;
}
.guestBookGroup .submitBtn {
	display : block;
	width : 100%;
	height : 40px;
	cursor : pointer;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	background : #0051a2;
	color : #ffffff;
	font-size : 14px;
	text-align : center;
	line-height : 40px;
}
/* msgInfo */
.msgInfo {
	margin-bottom : 20px;
	padding : 20px;
}
.msgInfo .title {
	font-size : 13px;
	color : #777777;
	line-height : 24px;
	margin-bottom : 10px;
}
.msgInfo .msg {
	font-size : 14px;
	color : #454545;
	line-height : 24px;
	margin-bottom : 10px;
}
.msgInfo .time {
	text-align : right;
	font-size : 12px;
	color : #777777;
	line-height : 24px;
	margin-bottom : 30px;
	padding-bottom : 10px;
	border-bottom : 1px dotted #eeeeee;
}
/* layui 代码修饰 */
.articleDetailGroup pre {
	margin : 10px 0;
	border : 0;
	color : #454545;
	font-size : 13px;
	border-left-width : 0;
	background-color : #f8f8f8;
	white-space : pre-wrap;
	word-wrap : break-word;
	word-break : break-all;
}
.articleDetailGroup pre .layui-code-ol {
	padding : 20px;
	border-left : 3px solid #e7e9ed;
}
.articleDetailGroup pre .layui-code-ol li {
	line-height : 16px;
	padding : 2px 0;
	border : 0;
	background-color : #f8f8f8;
	margin-left : 0;
	list-style-type : none;
}
.articleDetailGroup pre .layui-code-h3 {
	display : none;
}
/* zanGroup */
.zanGroup {
	padding : 30px;
	text-align : center;
	overflow : hidden;
	margin-top : 40px;
}
.zanGroup .zanBtn {
	display : block;
	cursor : pointer;
	width : 70px;
	height : 70px;
	border-radius : 50%;
	text-align : center;
	font-size : 26px;
	color : #ffffff;
	background : #0051a2;
	margin : 0 auto 5px;
	overflow : hidden;
}
.zanGroup .zanBtn .iconfont {
	font-size : 26px;
	color : #ffffff;
	line-height : 68px;
}
.zanGroup p {
	line-height : 24px;
	color : #0051a2;
	font-size : 18px;
}
.zanGroup .zanBtn.red {
	background : #e60012;
}
.zanGroup p #up.red {
	color : #e60012;
}
/* link */
.linkGroup {
	margin-top : 40px;
	color : #454545;
	font-size : 12px;
	line-height : 24px;
	position : relative;
	height : 20px;
}
.linkGroup .website {
	color : #999999;
	margin-left : 10px;
}
.linkGroup .website:hover {
	color : #0051a2;
}
.linkGroup .favoriteBtn {
	position : absolute;
	right : 0;
	top : -5px;
	width : 80px;
	height : 28px;
	text-align : center;
	line-height : 26px;
	color : #0051a2;
	border-radius : 40px;
	border : 1px solid #0051a2;
	overflow : hidden;
	font-size : 12px;
}
.linkGroup .favoriteBtn a {
	color : #0051a2;
}
.linkGroup .favoriteBtn:hover {
	background : #0051a2;
	color : #ffffff;
}
.linkGroup .favoriteBtn:hover a {
	color : #ffffff;
}
/* tag */
.tagGroup {
	border-top : 1px solid #eeeeee;
	padding : 20px 0;
	margin : 10px 0 20px;
	overflow : hidden;
}
.tagGroup .tag {
	display : inline-block;
	background : #f1f1f1;
	color : #9b9b9b;
	font-size : 12px;
	line-height : 28px;
	padding : 0 15px;
	margin-bottom : 10px;
	margin-right : 10px;
}
/* websiteGrid 20190408 */
.websiteGrid {
	margin : 10px -10px;
	overflow : hidden;
}
.websiteGrid .labelItem {
	float : left;
	padding : 10px;
	overflow : hidden;
	width : 33.3333333%;
}
.websiteGrid .displayBox {
	background : #ffffff;
	padding : 20px 20px 10px;
	background : #ffffff;
	overflow : hidden;
	border-radius : 5px;
	border : 1px solid #eeeeee;
}
.websiteGrid .banner {
	height : 140px;
	background : #f3f4f5;
	margin-bottom : 10px;
	overflow : hidden;
}
.websiteGrid .title {
	font-size : 16px;
	color : #454545;
	line-height : 30px;
	padding-bottom : 10px;
	border-bottom : 1px solid #eeeeee;
	overflow : hidden;
}
.websiteGrid .title .more {
	font-size : 12px;
	color : #0051a2;
	line-height : 30px;
	float : right;
	font-weight : normal;
}
.websiteGrid .itemLi {
	display : block;
	height : 80px;
	border-bottom : 1px dotted #eeeeee;
	padding : 18px 90px 10px 65px;
	position : relative;
	font-size : 12px;
	color : #999999;
	line-height : 1.8;
	overflow : hidden;
}
.websiteGrid .itemLi .top {
	font-size : 15px;
	color : #454545;
	line-height : 24px;
	height : 24px;
	white-space : nowrap;
	text-overflow : ellipsis;
	overflow : hidden;
}
.websiteGrid .itemLi p {
	font-size : 12px;
	color : #999999;
	line-height : 18px;
	height : 18px;
	white-space : nowrap;
	text-overflow : ellipsis;
	overflow : hidden;
}
.websiteGrid .itemLi .cfBlue {
	color : #0051a2;
}
.websiteGrid .itemLi .img {
	display : block;
	width : 50px;
	height : 50px;
	position : absolute;
	left : 0;
	top : 15px;
	border-radius : 50%;
	background : #f6f6f6;
	overflow : hidden;
}
.websiteGrid .moreBtn {
	display : block;
	position : absolute;
	right : 0;
	top : 50%;
	margin-top : -15px;
	width : 60px;
	height : 30px;
	text-align : center;
	font-size : 13px;
	line-height : 28px;
	border : 1px solid #eeeeee;
	color : #666666;
	overflow : hidden;
	border-radius : 15px;
}
.websiteGrid .moreBtn:hover {
	background : #0051a2;
	color : #ffffff;
	border : 1px solid #0051a2;
	transition : all .2s ease;
}
.websiteGrid .btmMore {
	display : block;
	text-align : center;
	color : #0051a2;
	margin-top : 5px;
	font-size : 12px;
	height : 30px;
	line-height : 30px;
	overflow : hidden;
}
.websiteGrid .btmMore:hover {
	opacity : .8;
	transition : all .2s ease;
}
/* diyFormGrid */
.diyFormGrid {
	border : 1px solid #eeeeee;
	border-radius : 5px;
	padding : 20px;
	background : #ffffff;
	overflow : hidden;
	font-size : 13px;
	color : #666666;
	line-height : 1.5;
}
.diyFormGrid td {
	padding : 10px 5px;
	min-height : 45px;
	line-height : 1.8;
	border-bottom : 1px solid #eeeeee;
	position : relative;
}
.diyFormGrid td:first-of-type {
	width : 90px;
	font-size : 14px;
	color : #454545;
	font-weight : bold;
}
.diyFormGrid .input_text, .diyFormGrid textarea {
	width : 100%;
	height : 36px;
	line-height : 20px;
	border-radius : 3px;
	border : 0;
	background : #f6f6f6;
	padding : 0 20px;
}
.diyFormGrid textarea {
	height : 80px;
}
.diyFormGrid .option_box {
	margin-right : 20px;
	font-size : 13px;
	color : #666666;
	line-height : 1.5;
	margin-bottom : 10px;
}
.diyFormGrid input[type='checkbox'] {
	margin-right : 5px;
}
.diyFormGrid .codeBox {
	position : relative;
	padding-right : 120px;
}
.diyFormGrid .codeBox .code {
	position : absolute;
	right : 10px;
	top : 0;
	height : 35px;
	cursor : pointer;
	width : 100px;
	border : 0;
}
.diyFormGrid .submitBtn {
	display : block;
	width : 160px;
	height : 40px;
	text-align : center;
	font-size : 13px;
	line-height : 40px;
	color : #ffffff;
	background : #0051a2;
	overflow : hidden;
	border-radius : 6px;
}
.diyFormGrid .submitBtn:hover {
	opacity : .9;
	transition : all .2s ease;
}
/* banner */
.brandGrid img {
	width : 100%
}
.page_pic .detailGrid.my {
	padding-right : 0
}
.page_pic .articleDetailGroup img {
	height : auto !important;
	width : auto;
	max-width : 100% !important;
}
.share_box {
	height : 50px;
	line-height : 50px;
}
.share_box img {
	height : 50px;
	vertical-align : middle;
	cursor : pointer;
	margin-right: 7px;
}
.share_box_2 {
	height : 30px;
	line-height : 30px;
}
.share_box_2 img {
	height : 30px;
	vertical-align : middle;
	float : right;
	margin-right : 10px;
	cursor : pointer
}
.share_box img:hover, .share_box_2 img:hover {
	opacity : .7;
}
.articleDetailGroup table {
	border : 2px solid #d1d1d1;
	margin : 0px auto 15px;
	border-collapse : collapse;
	max-width : 100% !important;
	line-height : 22px;
	margin-bottom : 40px;
}
.articleDetailGroup table caption {
	text-align : center;
	line-height : 40px;
	border : 2px solid #d1d1d1;
	border-bottom : 0;
}
.articleDetailGroup table th p {
	text-align : center;
	font-weight : bold;
}
.articleDetailGroup table td, .articleDetailGroup table th {
	padding : 5px 10px;
	border : 1px solid #d1d1d1 !important;
	border-left : none !important;
	text-align : left;
	font-size : 16px;
	width : auto !important;
}
.page_index .swiper-wrapper {
	height : 354px;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom : 50px;
}
.index-title .lianmeng, .index-title span {
	vertical-align : top;
	display : inline-block;
	line-height : 48px
}
.friends-links .tabs-cons1 a.img {
	width : 124px;
	height : 44px
}
.index-title {
	height : 50px;
	border-top : 1px solid #e5e5e5;
	font-size : 0
}
.index-title#friendsLinksTabs {
	border-top : 0
}
.index-title span {
	margin-top : -1px;
	border-top : 2px solid #d60000;
	padding-top : 1px;
	font-size : 24px;
	font-weight : 500;
	padding-left : 10px;
	padding-right : 10px;/*background    : url(../images/t.png) 10px center no-repeat*/
}
.index-title span.noline {
	margin-top : 1px;
	border-top : none
}
.index-title .index-more {
	font-size : 16px;
	font-weight : 500;
	margin-top : 10px;
}
.index-title .lianmeng {
	font-size : 18px;
	padding : 1px 38px 0;
	font-weight : 500;
	margin-top : 1px
}
.index-title .lianmeng.active {
	margin-top : -1px;
	border-top : 2px solid #d60000
}
.index-div2-left {
	width : 100%
}
.div2-contents1 {
	padding-top : 2px;
	display : none
}
.div2-contents1.active {
	display : block
}
.div2-contents1-left {
	width : 300px;
	height : auto
}
.div2-contents1-left .box-slider-o {
	background-color : #ffffff;
	width : 300px;
	height : 186px;
	margin-bottom : 20px
}
.div2-contents1-left .box-slider-o .box-slider {
	width : 300px;
	height : 186px;
	position : relative
}
.div2-contents1-left .box-slider-o .box-slider .box-slider-a {
	display : block;
	position : relative
}
.div2-contents1-left .box-slider-o .box-slider .box-slider-img, .div2-contents1-left .box-slider-o .box-slider .box-slider-img img {
	display : block;
	width : 300px;
	height : 186px;
	vertical-align : top;
	overflow : hidden
}
.div2-contents1-left .box-slider-o .box-slider .box-slider-desc {
	display : block;
	height : 36px;
	line-height : 36px;
	background : url(../images/bgcline.png) repeat-x;
	padding : 0 10px;
	position : absolute;
	bottom : 0;
	left : 0;
	right : 0;
	color : #ffffff
}
.div2-contents1-left .box-slider-o .box-slider .box-slider-desc span {
	display : block
}
.div2-contents1-left .box-slider-o .box-slider .dots {
	position : absolute;
	bottom : 59px;
	left : 15px;
	height : 8px
}
.div2-contents1-left .box-slider-o .box-slider .dots .swiper-pagination-switch {
	width : 8px;
	height : 8px;
	border-radius : 6px;
	display : inline-block;
	vertical-align : top;
	background-color : #cccccc;
	margin-left : 8px
}
.div2-contents1-left h3 a:after, .div2-contents1-left p a:after, .div2-contents1-right h3 a:after, .div2-contents1-right p a:after {
	border-radius : 50%;
	left : 0;
	content : ''
}
.div2-contents1-left .box-slider-o .box-slider .dots .swiper-pagination-switch.swiper-active-switch {
	background-color : #ffffff
}
.div2-contents1-left .box-slider-o .box-slider .btns {
	position : absolute;
	top : 50%;
	width : 30px;
	height : 69px;
	margin-top : -34.5px
}
.div2-contents1-left .box-slider-o .box-slider .btns.left-btn {
	background : url(../images/left1.png) no-repeat;
	left : 0
}
.div2-contents1-left .box-slider-o .box-slider .btns.right-btn {
	background : url(../images/right1.png) no-repeat;
	right : 0
}
.div2-contents1-left .image {
	display : block;
	width : 300px;
	height : 225px;
	overflow : hidden;
	position : relative
}
.div2-contents1-left .image:first-child {
	margin-bottom : 15px
}
.div2-contents1-left .image img {
	width : 100%;
	height : 100%
}
.div2-contents1-left .image span.txt {
	position : absolute;
	bottom : 0;
	left : 0;
	right : 0;
	color : #ffffff;
	padding : 0 10px;
	font-size : 16px;
	font-weight : 500;
	padding : 50px 10px 10px 10px;
	background : linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
	white-space : nowrap;
	overflow : hidden;
	text-overflow : ellipsis;
}
.div2-contents1-left .top a, .div2-contents1-left h3 a {
	position : relative;
	display : block
}
.div2-contents1-left .top a i {
	height : 150px;
	width : 300px;
	display : block;
	overflow : hidden
}
.div2-contents1-left .top a i img {
	width : 100%;
	height : 100%
}
.div2-contents1-left .top a span {
	display : block;
	height : 36px;
	line-height : 36px;
	background-color : #f8f8f8;
	padding : 0 10px;
	font-size : 16px
}
.div2-contents1-left h3 {
	line-height : 44px;
	height : 44px;
	padding-top : 12px
}
.div2-contents1-left h3 a {
	font-size : 16px;
	padding-left : 12px
}
.div2-contents1-left h3 a:after {
	position : absolute;
	top : 50%;
	margin-top : -3px;
	width : 6px;
	height : 6px;
	background-color : #d60000
}
.div2-contents1-left p {
	line-height : 28px;
	height : 28px
}
.div2-contents1-left p a {
	display : block;
	position : relative;
	padding-left : 12px
}
.div2-contents1-left p a:after {
	position : absolute;
	top : 50%;
	margin-top : -2px;
	width : 4px;
	height : 4px;
	background-color : #cecece
}
.csld {
	width : 760px
}
.csld a {
	position : relative;
	display : block;
	border-bottom : 1px solid #efefef;
	margin-top : 13px
}
.csld a:first-child {
	margin-top : 0
}
.csld a:last-child {
	border-bottom : none
}
.csld a em {
	display : block;
	font-size : 15px;
	line-height : 24px;
	height : 48px;
	color : #444444;
	margin : 16px 190px 17px 0;
	overflow : hidden;
	font-style : inherit;
}
.csld a:hover h2, .csld a.cf_red h2 {
	color : #e60012;
}
.csld a i, .csld a i img {
	width : 150px;
	height : 84px
}
.csld a i {
	position : absolute;
	top : 4px;
	right : 0;
	overflow : hidden
}
.div2-contents1-right {
	width : 420px;
	margin : 0 40px;
	overflow : hidden
}
.div2-contents1-right .div2-contents1-right1 {
	margin-top : -26px
}
.div2-contents1-right h3 {
	line-height : 44px;
	height : 44px;
	padding-top : 12px;
	position : relative
}
.div2-contents1-right h3.line {
	padding-top : 26px
}
.div2-contents1-right h3.line:after {
	content : '';
	position : absolute;
	left : 0;
	top : 16px;
	width : 100%;
	height : 0;
	border-top : 1px dashed #e5e5e5
}
.div2-contents1-right h3 a {
	position : relative;
	font-size : 16px;
	padding-left : 12px;
	display : block
}
.div2-contents1-right h3 a:after {
	position : absolute;
	top : 50%;
	margin-top : -3px;
	width : 6px;
	height : 6px;
	background-color : #d60000
}
.div2-contents1-right p {
	line-height : 28px;
	height : 28px
}
.div2-contents1-right p a {
	position : relative;
	padding-left : 12px;
	display : block
}
.div2-contents1-right p a:after {
	position : absolute;
	top : 50%;
	margin-top : -2px;
	width : 4px;
	height : 4px;
	background-color : #cecece
}
.index-div2-right {
	width : 300px;
	border-top : 1px solid #e5e5e5;
	background-color : #f9f9f9
}
.index-div2-right h2 {
	height : 60px;
	line-height : 60px;
	padding-left : 34px;
	font-size : 18px;
	background : url(../images/1.png) 13px center no-repeat
}
.index-div2-right .title-tabs {
	font-size : 0;
	padding : 0 15px
}
.index-div2-right .title-tabs a {
	display : inline-block;
	vertical-align : top;
	padding : 0 8px;
	height : 24px;
	text-align : center;
	line-height : 24px;
	font-size : 14px;
	border-radius : 2px
}
.index-div2-right .title-tabs a.active {
	background-color : #d60000;
	color : #ffffff
}
.index-div2-right .contents {
	padding : 18px 0
}
.index-div2-right .contents .contents1 {
	display : none
}
.index-div2-right .contents .contents1.active {
	display : block
}
.index-div2-right table {
	width : 100%
}
.index-div2-right table th {
	font-size : 16px
}
.index-div2-right table td, .index-div2-right table th {
	height : 40px;
	padding : 0 15px;
	text-align : right
}
.index-div2-right table td.left, .index-div2-right table th.left {
	text-align : left
}
.index-div2-right table td span, .index-div2-right table th span {
	color : #d60000
}
.index-div1-right, .index-div3-left {
	width : 300px
}
.index-div3-left .top a {
	display : block;
	position : relative
}
.index-div3-left .top a i {
	overflow : hidden;
	display : block;
	height : 150px;
	width : 300px
}
.index-div3-left .top a i img {
	width : 100%;
	height : 100%
}
.index-div3-left .top a span {
	display : block;
	background-color : #f8f8f8;
	padding : 0 10px;
	font-size : 16px
}
.index-div3-left .bottom {
	font-size : 0;
	width : 310px;
	margin-left : -10px
}
.index-div3-left .bottom a {
	display : inline-block;
	vertical-align : top;
	width : 145px;
	margin-left : 10px
}
.index-div3-left .bottom a i {
	display : block;
	overflow : hidden;
	width : 145px;
	height : 90px
}
.index-div3-left .bottom a i img {
	width : 100%;
	height : 100%
}
.index-div3-left .bottom a span {
	display : block;
	line-height : 30px;
	font-size : 14px
}
.index-div3-right {
	width : 760px;
	height : 628px;
	overflow : hidden
}
.index-div3-right #scrollContainerData, .index-div3-right #scrollContainerData1, .index-div3-right #scrollContainerData2 {
	margin-top : -18px
}
.index-div3-right a {
	position : relative;
	display : block;
	border-bottom : 1px solid #efefef;
	margin-top : 14px
}
.index-div3-right a.noline {
	border-bottom : none
}
.index-div3-right a i {
	position : absolute;
	top : 4px;
	right : 0;
	width : 150px;
	height : 84px;
	overflow : hidden
}
.index-div3-right a img {
	width : 100%;
	height : 100%
}
.index-div3-right a span {
	display : block;
	height : 30px;
	line-height : 30px;
	font-size : 20px;
	font-weight : 500;
	margin-right : 190px
}
.index-div3-right a em {
	display : block;
	font-size : 15px;
	line-height : 24px;
	height : 48px;
	color : #444444;
	margin : 16px 190px 17px 0;
	overflow : hidden
}
.place-infos {
	width : 1100px;
	overflow : hidden
}
.place-infos a {
	display : inline-block;
	vertical-align : top;
	width : 260px;
	font-size : 14px;
	margin-right : 15px
}
.place-infos a .ly, .place-infos a .times {
	margin-left : 8px;
	color : #bababa;
	font-size : 12px
}
.place-infos a:nth-child(4), .place-infos a:nth-child(8) {
	margin-right : 0
}
.place-infos a .img {
	width : 260px;
	height : 173px;
	overflow : hidden
}
.place-infos a .img img {
	width : 100%;
	height : 100%
}
.place-infos a .txt {
	font-size : 16px;
	font-weight : 500;
	height : 40px;
	line-height : 20px;
	margin-left : 8px;
	overflow : hidden;
	margin-top : 5px;
	margin-bottom : 20px;
}
.place-infos a .times span {
	position : relative;
	padding-left : 10px;
	margin-right : 20px
}
.place-infos a .times span:after {
	top : 50%;
	left : 0;
	content : '';
	position : absolute;
	margin-top : -2px;
	width : 4px;
	height : 4px;
	background-color : #a3a3a3
}
.place-infos a .ly {
	margin-top : 6px
}
.place-infos a .ly .gl {
	color : #ce0000;
	font-weight : 500;
	margin-right : 85px;
	font-size : 14px
}
.page_index .indexListGrid .item.cf_red {
	margin-top : -15px
}
.page_index .indexListGrid .item.cf_red p {
	color : #999999 !important;
}
.page_index .indexListGrid .imgBox {
	width : 150px;
	height : 80px;
	margin-top : -40px;
}
.page_index .indexListGrid {
	margin-bottom : 0px;
}
.banner_box {
	overflow : hidden;
	position : relative;
}
.banner_box a {
	line-height : 1 !important;
	display : block
}
.banner_box img {
	width : 100%
}
.banner_box::before {
	content : "\5e7f\544a";
	display : block;
	width : 28px;
	height : 15px;
	line-height : 1.1;
	font-size : 12px;
	font-weight : 500;
	text-align : center;
	border-radius : 2px;
	white-space : nowrap;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
	color : rgba(255,255,255,.7);
	background: rgba(0,0,0,.5);
	position : absolute;
	left : 8px;
	bottom : 8px;
	z-index : 2;
}
.index-div4 .index-title {
	height : 58px
}
.qiche-videos {
	font-size : 0;
	margin-left : -20px;
}
.qiche-videos a {
	position : relative;
	display : inline-block;
	vertical-align : top;
	width : 260px;
	height : 150px;
	margin-left : 20px;
	overflow : hidden;
	margin-bottom : 20px;
}
.qiche-videos a img {
	width : 100%;
	height : 100%
}
.qiche-videos a span {
	position : absolute;
	bottom : 0;
	left : 0;
	right : 0;
	color : #ffffff;
	display : inline-block;
	white-space : nowrap;
	overflow : hidden;
	text-overflow : ellipsis;
	font-size : 16px;
	font-weight : 500;
	padding : 50px 10px 10px 10px;
	background : linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
}
.qiche-videos a em {
	position : absolute;
	bottom : 34px;
	left : 10px;
	width : 48px;
	height : 48px;
	background : url(../images/play.png) no-repeat
}
a *, a, .place-infos a .txt {
	-webkit-transition : color ease 0.2s;
	-o-transition : color ease 0.2s;
	-moz-transition : color ease 0.2s;
	transition : color ease 0.2s;
}
a.hot-pics1-a, .hot-pics1-div a, a.lazy, .page_index .indexListGrid a.item .lazy {
	-webkit-transition : opacity ease 0.2s;
	-o-transition : opacity ease 0.2s;
	-moz-transition : opacity ease 0.2s;
	transition : opacity ease 0.2s;
}
.page_index .indexListGrid a.item:hover .lazy {
	opacity : .9;
}
.div2-contents1-left a.image:hover span, a.hot-pics1-a:hover span, .hot-pics1-div a:hover span, .indexListGrid .item:hover h2, .qiche-videos a:hover span, .place-infos a:hover .txt, .index-news .index-div3-left a:hover span {
	color : #e60012
}
.h_box, .page_index .indexListGrid a.item .lazy, a.hot-pics1-a, .hot-pics1-div a, .banner_box a img, .banner_box a, .banner_box {
	transition : box-shadow .15s ease-out;
}
.h_box:hover, .page_index .indexListGrid a.item:hover .lazy, a.hot-pics1-a:hover, .hot-pics1-div a:hover, .banner_box a:hover img, .banner_box a:hover {
	box-shadow : inset 0 0 38px rgba(0, 0, 0, .3);
	transition : all .15s ease;
}
.banner_box a:hover {
	opacity : .85
}
.index_box::after {
	clear : both;
	content : "";
	display : block;
	height : 0;
	visibility : hidden;
	clear : both;
}
.index_video_box {
	background : #2e2e36;
	padding-top : 30px;
	padding-bottom : 10px
}
.index-div1-right a {
	display : block;
	line-height : 28px;
	position : relative;
	padding-left : 12px;
	font-size : 16px;
	margin-top : 5px;
	white-space : nowrap;
	overflow : hidden;
	text-overflow : ellipsis;
}
.index-div1-right a:hover {
	color : #e60012;
}
.index-div1-right a:after {
	content : '';
	position : absolute;
	left : 0;
	top : 50%;
	margin-top : -2px;
	width : 4px;
	height : 4px;
	background-color : #cecece;
	border-radius : 50%
}
.index-news .index-div3-left a {
	overflow : hidden;
	display : block;
	height : 225px;
	width : 300px;
	position : relative
}
.index-news .index-div3-left a span {
	position : absolute;
	bottom : 0;
	left : 0;
	right : 0;
	color : #ffffff;
	padding : 0 10px;
	font-size : 16px;
	font-weight : 500;
	padding : 50px 10px 10px 10px;
	background : linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
	white-space : nowrap;
	overflow : hidden;
	text-overflow : ellipsis;
}
.index-news .index-title {
	height : 58px
}
.index-news .index-div1-right {
	width : 760px
}
.index-news .index-div1-right .index-news-l {
	width : 45%;
	margin-right : 5%
}
.page_list .catWrap {
	display : none;
}
banner_box b_24 {
	margin-top : 15px
}
.page_new .get_location {
	display : inline-block;
	margin : 33px 0 0 15px;
	font-size : 16px;
}
.page_new .rightGrid.fixed {
	top : 270px;
}
.page_new .detail_title {
	padding-right : 0;
	padding-top : 10px
}
.page_new .info_share_box {
	padding : 20px 0;
	border : 1px solid #e5e5e5;
	border-width : 1px 0;
	font-size : 16px
}
.page_new .commonHeadGrid .headGrid.nav {
	margin-bottom : 20px !important;
}
.page_new .commonHeadGrid .searchGroup {
	width : 280px;
}
.page_new .commonHeadGrid .headGrid.nav {
	background-color : #0051a2;
}
.page_new .commonHeadGrid .menuGroup a.current, .page_new .commonHeadGrid .menuGroup a:hover {
	background-color : #e60012;
}
.page_show_vide.page_new .rightGrid {
	margin-top : 30px;
}
.page_list .banner_box, .page_category .banner_box {
	margin-top : 10px;
}
.user_box {
	border: 1px solid #e6e6e6;
	margin-top: 50px;
	min-height: 600px;
}
.user_r {
	padding: 0 20px;
}
.clearfix:after {
	display: block;
	content: "\200B";
	height: 0;
	overflow: hidden;
	clear: both;
}
.c_item_head {
	padding: 20px 0 0 0;
	border-bottom: 3px solid #ebebeb;
}
.c_item_head h3 {
	display: inline-block;
	padding: 0 0 10px;
	margin-bottom: -3px;
	margin-right: 24px;
	font-size: 18px;
	border-bottom: 3px solid #e60012;
}
.company_txt {
	padding: 24px 0;
	font-size: 16px;
	color: #666;
	line-height: 24px;
}
.I_title .iconfont {
	font-size : 22px;
}
.qr_code_pc_inner {
	position: relative;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.qr_code_pc {
	box-sizing: border-box;
	position: absolute;
	right: -140px;
	top: -21px;
	width: 140px;
	padding: 16px;
	border: 1px solid #d9dadc;
	background-color: #fff;
	word-wrap: break-word;
	word-break: break-all;
	transition: all .5s;
	-moz-transition: all .5s;	/* Firefox 4 */
	-webkit-transition: all .5s;	/* Safari 和 Chrome */
	-o-transition: all .5s;	/* Opera */
}
.qr_code_pc img {
	height: 106px;
	width: 106px
}
.qr_code_pc p {
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}
.dropload-up, .dropload-down {
	position: relative;
	height: 0;
	overflow: hidden;
	font-size: 12px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
.dropload-down {
	height: 50px;
}
.dropload-refresh, .dropload-update, .dropload-load, .dropload-noData {
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
}
.dropload-load .loading {
	display: inline-block;
	height: 15px;
	width: 15px;
	border-radius: 100%;
	margin: 6px;
	border: 2px solid #666;
	border-bottom-color: transparent;
	vertical-align: middle;
	-webkit-animation: rotate 0.75s linear infinite;
	animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
}
 50% {
-webkit-transform: rotate(180deg);
}
 100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
 50% {
transform: rotate(180deg);
}
 100% {
transform: rotate(360deg);
}
}

@media screen and (min-width : 768px) {
.page_category .baseGroup .rightWrap, .page_list .baseGroup .rightWrap {
	float : none;
	width : 320px;
	position : absolute;
	top : 0;
	margin-left : 780px;
}
.page_index .csld {
	width : 780px;
}
.indexListGrid {
	overflow : initial
}
.indexListGrid a.item {
	-webkit-transition : all .2s linear;
	transition : all .2s linear;
	border-radius : 2px;
	padding : 15px;
	margin-top : 0;
	margin-bottom : 0
}
.indexListGrid a:hover {
	box-shadow : 0 0 25px 2px rgba(0, 0, 0, .2);
	background : #ffffff;
}
.page_index .indexListGrid .item .detail {
	margin-bottom : 0;
}
.description .detail {
	margin-right : 20px;
}
.articleDetailGroup {
	padding : 0 20px;
}
.page_new .show_video_box .indexListGrid .item .otherInfo {
	display : none
}
.page_new .show_video_box .indexListGrid a:hover h2 {
	color : #e60012
}
/*.page_new .headGrid,*/
  /*.page_new .layoutAuto,*/
  /*.page_new .bgfa .baseGroup.w1100,.show_video{*/
  /*	width: 1240px!important;*/
  /*}*/
  /*.page_new .nav,.page_new .layoutAuto.show_video_box{width: 100%!important}*/
  /*.page_new .rightGrid.my {*/
  /*	margin-left: 340px;*/
  /*}*/
  /*.page_new .show_video_box .rightGrid.my {*/
  /*	margin-left: 320px;*/
  /*	width: 310px;*/
  /*}*/
  /**/
  /*.show_video_box .author_box{padding: 10px 0;    border: 1px solid rgba(255,255,255,.1);*/
  /*	border-width: 1px 0; font-size: 16px; margin-top: 20px;}*/
.indexListGrid_item_img .catWrap,  .indexListGrid_item_img p {
	display : none !important
}
.indexListGrid_item_img {
	display : inline-block !important;
	width : 269px;
	height : 190px;
	overflow : hidden !important;
	position : relative;
	margin-left : -13px;
	margin-right : -6px;
}
.indexListGrid .indexListGrid_item_img .imgBox {
	width : 100%;
	height : 150px
}
.indexListGrid .indexListGrid_item_img h2 {
	position : absolute;
	padding : 30px 10px 10px 10px;
	background : linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
	white-space : nowrap;
	overflow : hidden;
	text-overflow : ellipsis;
	z-index : 10;
	color : #ffffff;
	font-size : 16px;
	left : 0px;
	right : 0px;
	top : 91px;
}
/*	 banner  */




	.header{    -moz-transition: all .5s;
		-webkit-transition: all .5s;
		-o-transition: all .5s;}

	.Head_down .header{
		position: fixed;
		z-index: 99;
		width: 100%;
		top: -60px;}

	.Head_up .header{
		position: fixed;
		z-index: 99;
		width: 100%;
		top: 0px;
		box-shadow: 0 0 1px 0px rgba(0,0,0,0.3), 0 0 6px 2px rgba(0,0,0,0.15);
	}

	.fixedHeadSwitch .header .headGrid.nav{margin-bottom: 0!important;}


}