body,
 p,
 input,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 ul,
 li,
 dl,
 dt,
 dd,
 form {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 	vertical-align: middle;
 	font-weight: normal;
 }

 .dg {
 	width: 100%;
 	margin: 0 auto;
 	background: url(../../lmbz/img/beijing83.png) no-repeat center top;
 	background-size: 100%;
 	padding-bottom: 15px;
 }

 #write-comment-shipin9,
 #write-comment-shipin8 {
 	width: 346px;
 	height: 210px
 }

 .boxk {
 	float: left;
 	position: relative;
 	border-radius: 4px;
 	margin: 10px 20px 20px 0;
 	width: 100%;
 }

 .card-img-hover img:hover {
 	transform: scale(1.1);
 	-webkit-transform: scale(1.1);
 	-moz-transform: scale(1.1);
 	-ms-transform: scale(1.1);
 	-o-transform: scale(1.1);
 	border: 4px solid #ccc;
 	-o-transition: all 0.2s;
 	-webkit-transition: all 0.2s;
 	-moz-transition: all 0.2s;
 	transition: all 0.2s;
 }

 .boxk .card-img,
 .boxk .card-img a img {
 	width: 96%;
 	margin: 0 auto;
 	position: relative;
 	border-radius: 4px 4px 0 0;
 	overflow: hidden;
 }

 .boxk .card-img .video-open {

 	width: 48px;
 	height: 48px;
 	background: url(/course/ysdm/img/play.png) no-repeat;
 	position: absolute;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	margin: auto;
 	z-index: 2;
 }

 .boxk .card-img a img {
 	vertical-align: middle;
 	border: none;
 	width: 100%;
 	border-radius: 4px 4px 0 0;
 	-webkit-transition: .1s linear;
 	transition: .1s linear;
 	display: block;
 }

 .boxk .card-info {
 	padding: 11px 16px 13px;
 	height: 20px;
 	position: relative;
 }

 .boxk .card-info .card-info-title {
 	margin-bottom: 1px;
 	position: relative;
 	height: 20px;
 	line-height: 20px;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden
 }

 .boxk .card-info .card-info-title .title-content {
 	display: inline-block;
 	float: left;
 	vertical-align: middle;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	font-size: 14px;
 	color: #333;
 	text-decoration: none;
 }

 .boxk .card-info .card-info-title a:hover {
 	color: #d36f16
 }

 .boxk .card-info .card-info-item {
 	font-size: 12px;
 	color: #bbb;
 	position: absolute;
 	bottom: 14px;
 }

 .boxk .card-info .card-info-item span {
 	cursor: default;
 }

 .boxk .card-info .card-info-item .statistics-tuijian {
 	margin-left: 34px;
 }

 .boxk .card-info .card-info-type {
 	font-size: 12px;
 	color: #bbb;
 	margin-bottom: 17px;
 	height: 18px;
 }

 .boxk .card-info .card-info-item span.statistics-view:before {
 	content: "";
 	display: inline-block;
 	vertical-align: top;
 	background-size: 16px auto;
 }

 .boxk .card-info .card-info-item span.statistics-comment:before {
 	background: url(../img/card-pinglun.svg?v=1) 0 2px no-repeat;
 	background-size: 16px auto
 }

 .boxk .card-info .card-info-item span.statistics-tuijian:before {
 	content: "";
 	display: inline-block;
 	width: 16px;
 	height: 16px;
 	vertical-align: top;
 	margin-right: 5px;
 	background: url(../img/card-liulan.svg?v=1) no-repeat;
 	background-size: 16px 16px
 }

 .boxk .card-item {
 	height: 50px;
 	line-height: 50px;
 	padding: 0 16px;
 	font-size: 12px;
 	position: relative;
 }

 .boxk .card-item .user-avatar {
 	width: 120px;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;
 	display: inline-block;
 }

 .boxk .card-item a {
 	color: #333;
 }

 .boxk .card-item .user-avatar>a>img {
 	border-radius: 50%;
 	margin-right: 10px;
 	width: 24px;
 	height: 24px;
 	border: none;
 	vertical-align: middle;
 }

 .boxk .card-item .time {
 	float: right;
 	color: #bbb;
 }

 /*.boxk .card-info .card-info-item span.statistics-collect:before {
    background: url(../img/svg/shoucang.svg?v=1) no-repeat;
    background-size: 16px 16px
}

 .boxk .card-info .card-info-item span.statistics-product:before {
    background: url(../img/product-icon.png) no-repeat;
    background-size: 16px 16px
}

 .boxk .card-info .card-info-item span.statistics-content:before {
    background: url(../img/svg/card-contents.svg) 0 3px no-repeat;
    background-size: 16px auto
}

 .boxk .card-info .card-info-item span.statistics-participant:before {
    background: url(../img/svg/canyuzhe.svg) 0 3px no-repeat;
    background-size: 16px 16px
}
*/


 @font-face {
 	font-family: 'ziti';
 	src: url('../font/pangmenzhengdao.TTF');
 	font-weight: normal;
 	font-style: normal;

 }

 .bigger2 {
 	width: 94%;
 	margin: 0 auto;
 	padding-bottom: 4%;
 }

 .db3 {
 	font-size: 1em;
 }

 .db3_1,
 .db3_2,
 .db3_3 {
 	width: 31%;
 	float: left;
 }

 .db3_2,
 .db3_3 {
 	margin-left: 3.5%;
 }

 .db3_1 {
 	color: #3a7da1;
 }

 .db3_2 {
 	color: #e85b4d;
 }

 .db3_3 {
 	color: #439fa8;
 }

 .db3_1 dl,
 .db3_2 dl,
 .db3_3 dl {
 	margin-top: 1%;
 	height: 9em;
 	padding: 4%;
 }

 .db3_1 dl {
 	border: 1px dashed #3a7da1;
 }

 .db3_2 dl {
 	border: 1px dashed #e85b4d;
 }

 .db3_3 dl {
 	border: 1px dashed #439fa8;
 }

 .db3_1 dl dt,
 .db3_2 dl dt,
 .db3_3 dl dt {
 	font-size: 1.2em;
 	font-weight: bold;
 	margin-top: 4%;
 }


 #kzk {
 	margin: 0 auto;
 	max-width: 1000px;
 	margin-top: 105px;
 	background: linear-gradient(180deg, #010030 0%, #050115 30%, #170a39 60%, #11072b 100%);
 }

 .center {
 	text-align: center;
 }

 .clear {
 	clear: both;
 }

 .line4 {
 	width: 100%;
 	/*background: url(/course/yshbsj/3.jpg);*/
 	background-size: 100%;
 }

 .line4 .content {
 	width: 98%;
 	margin: 0 auto;
 }

 .line4 .content>h2 {
 	width: 80%;
 	margin: 20px auto 20px;
 	font-size: 16px;
 	text-align: center;
 	position: relative;
 	color: #fff;
 	color: rgb(232, 208, 142);
 }

 .line4 .content>h2:before {
 	content: "";
 	display: block;
 	position: absolute;
 	width: 32px;
 	height: 33px;
 	transform: rotate(1deg) scale(0.8);
 	opacity: 0.6;
 	top: 0px;
 	left: -23px;
 	/* background: url(/course/UI2019/banner44.png) no-repeat center top; */
 }

 .line4 .content>h2:after {
 	content: "";
 	display: block;
 	position: absolute;
 	width: 48px;
 	height: 49px;
 	transform: scale(0.6);
 	top: -17px;
 	right: -17px;
 	opacity: 0.8;

 }

 .threeC {
 	padding: 0.17rem;
 }

 .threeC ul {
 	text-align: center;
 	font-size: 0;
 }

 .threeC ul li {
 	display: inline-block;
 	vertical-align: top;
 }

 .threeC ul li {
 	width: 42.2%;
 	height: 30PX;
 	border: 2PX solid #7e60e2;
 	border-radius: 4px;
 	font-size: 14PX;
 	color: #bfb1b1;
 	line-height: 30PX;
 	margin: 2% 2% 0;
 }

 .threeC-1 ul li {
 	width: 26% !important;
 }


 .threeC>.banniu2 {
 	width: 222px;
 	height: 34px;
 	line-height: 34px;
 	font-size: 14px;
 	animation: 2s tag linear infinite;
 	/* border-radius: 30px; */
 	text-align: center;
 	background: rgba(102, 102, 102, 1);
 	color: #fff;
 	margin: 30px auto;
 	overflow: hidden;
 	position: relative;
 }

 .threeC>.banniu2:hover {
 	background: rgba(199, 181, 133, 1)
 }

 .threeC>.banniu2>a {
 	color: #fff;
 	height: 34px;
 	line-height: 34px;
 }

 .threeC>.banniu2 :after {
 	content: "";
 	background: #d8e0fd;
 	position: absolute;
 	width: 222px;
 	height: 100px;
 	left: 0px;
 	left: 0;
 	top: 0;
 	bottom: 0;
 	opacity: 0;
 	margin: auto;
 	border-radius: 50%;
 	transform: scale(1);
 	animation: 2s btn ease-in-out infinite;
 }



 .aniut {
 	width: 100%;
 }

 .aniut>a {
 	display: block;
 }

 .aniut>a>img {
 	display: block;
 	width: 33%;
 	margin: 30px auto;
 }

 .banniu {
 	width: 230px;
 	height: 35px;
 	line-height: 35px;
 	font-size: 14px;
 	animation: .8s tag linear infinite;
 	border-radius: 30px;
 	text-align: center;
 	background: linear-gradient(154deg, #9c5bff 0%, #634ef7 100%);
 	color: #fff;
 	margin: 30px auto 30px;
 	overflow: hidden;
 	position: relative;
 	-webkit-animation: .8s tag linear infinite;
}

 .banniu:hover {
 	background: #8a80f7;
 }

 .banniu>a {
 	color: #fff;
 	height: 35px;
	font-size: .9rem;
	letter-spacing: 1px;
 	line-height: 35px;
 }

 .banniu :after {
 	content: "";
 	background: #d8e0fd;
 	position: absolute;
 	width: 230px;
 	height: 100px;
 	left: 0px;
 	left: 0;
 	top: 0;
 	bottom: 0;
 	opacity: 0;
 	margin: auto;
 	border-radius: 50%;
 	transform: scale(1);
 	animation: 2s btn ease-in-out infinite;
 }

 @keyframes btn {
 	0% {
 		transform: scale(0);
 		opacity: 1;
 	}

 	100% {
 		transform: scale(1);
 		opacity: 0;
 	}
 }

 @-webkit-keyframes btn {
 	0% {
 		transform: scale(0);
 		opacity: 1;
 	}

 	100% {
 		transform: scale(1);
 		opacity: 0;
 	}
 }

 @-moz-keyframes btn {
 	0% {
 		transform: scale(0);
 		opacity: 1;
 	}

 	100% {
 		transform: scale(1);
 		opacity: 0;
 	}
 }

 @-o-keyframes btn {
 	0% {
 		transform: scale(0);
 		opacity: 1;
 	}

 	100% {
 		transform: scale(1);
 		opacity: 0;
 	}
 }


 /*banner特效样式*/
 .slider-focus {
 	position: relative;
 	overflow: hidden;
 	margin: 0 auto;
 	clear: both;
 }

 .slider-focus .hd {
 	position: absolute;
 	width: 100%;
 	height: 10px;
 	left: 0;
 	bottom: 2%;
 	z-index: 1;
 	line-height: 28px;
 	text-align: center;
 }

 .slider-focus .hd li {
 	display: inline-block;
 	vertical-align: middle;
 	width: 10px;
 	height: 10px;
 	margin: 0 5px;
 	-webkit-border-radius: 50%;
 	-moz-border-radius: 50%;
 	-o-border-radius: 50%;
 	border-radius: 50%;
 	font-size: 0;
 	line-height: 0;
 	text-indent: -9999em;
 	background: #ff4900;
 	cursor: pointer;
 }

 .slider-focus .hd li.on {
 	background: #30a5af;
 }

 .slider-focus .bd {
 	position: relative;
 	z-index: 0;
 }

 .slider-focus .bd li {
 	position: relative;
 	text-align: center;
 }

 .slider-focus .bd li img {
 	vertical-align: top;
 	width: 100%;
 	/* 图片宽度100%，达到自适应效果 */
 }

 .slider-focus .bd li a {
 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }

 /* 去掉链接触摸高亮 */
 .slider-focus .bd li .tit {
 	display: block;
 	width: 100%;
 	position: absolute;
 	bottom: 0;
 	text-indent: 10px;
 	height: 28px;
 	line-height: 28px;
 	background: url(images/focusBg.png) repeat-x;
 	color: #fff;
 	text-align: left;
 }

 .picScrollac {
 	margin: 10px auto;
 	text-align: center;
 }

 .picScrollac .bd ul {
 	width: 100%;
 	float: left;
 	padding-top: 10px;
 }

 .picScrollac .bd li {
 	width: 49%;
 	margin-left: 1%;
 	margin-top: 1%;
 	float: left;
 	font-size: 14px;
 	text-align: center;
 }

 .picScrollac .bd li a {
 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 	/* 取消链接高亮 */
 }

 .picScrollac .bd li img {
 	width: 98%;
 }


 .picScrollac .hd {
 	height: 40px;
 	line-height: 40px;
 	overflow: hidden;
 	text-align: left;
 	padding: 0 10px;
 	display: inline-block;
 	vertical-align: middle;
 }

 .picScrollac .hd ul {
 	/*float:right;*/
 	padding-top: 16px;
 	display: inline-block;
 	vertical-align: middle;
 }

 .picScrollac .hd li {
 	font-size: 0;
 	line-height: 0;
 	float: left;
 	width: 10px;
 	height: 5px;
 	background: #8aa0d4;
 	margin: 0 5px;
 	overflow: hidden;
 	-webkit-border-radius: 8px;
 	-moz-border-radius: 8px;
 	border-radius: 8px;
 }

 .picScrollac .hd .on {
 	background: #5db8fe;
 }

 .picScrollac .prev,
 .picScroll .next {
 	display: block;
 	float: right;
 	width: 18px;
 	height: 18px;
 	background: url(images/pisScrollIcons.gif) -6px -7px no-repeat;
 	overflow: hidden;
 	margin: 11px 5px 0 5px;
 }

 .picScrollac .next {
 	background-position: -34px -7px;
 }

 .picScrollac .prevStop {
 	background-position: -6px -40px;
 }

 .picScrollac .nextStop {
 	background-position: -34px -40px;
 }


 /* 本例子css -------------------------------------- */
 .picScroll {
 	margin: 10px auto;
 	text-align: center;
 }

 .picScroll .bd ul {
 	width: 100%;
 	float: left;
 	padding-top: 10px;
 }

 .picScroll .bd li {
 	width: 98%;
 	margin-left: 1%;
 	margin-top: 1%;
 	float: left;
 	font-size: 14px;
 	text-align: center;
 }

 .picScroll .bd li a {
 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 	/* 取消链接高亮 */
 }

 .picScroll .bd li img {
 	width: 98%;
 	/*height:142px;*/
 }


 .picScroll .hd {
 	height: 40px;
 	line-height: 40px;
 	overflow: hidden;
 	text-align: left;
 	padding: 0 10px;
 	display: inline-block;
 	vertical-align: middle;
 }

 .picScroll .hd ul {
 	/*float:right;*/
 	padding-top: 16px;
 	display: inline-block;
 	vertical-align: middle;
 }

 .picScroll .hd li {
 	font-size: 0;
 	line-height: 0;
 	float: left;
 	width: 10px;
 	height: 5px;
 	background: #8aa0d4;
 	margin: 0 5px;
 	overflow: hidden;
 	-webkit-border-radius: 8px;
 	-moz-border-radius: 8px;
 	border-radius: 8px;
 }

 .picScroll .hd .on {
 	background: #5db8fe;
 }

 .picScroll .prev,
 .picScroll .next {
 	display: block;
 	float: right;
 	width: 18px;
 	height: 18px;
 	background: url(images/pisScrollIcons.gif) -6px -7px no-repeat;
 	overflow: hidden;
 	margin: 11px 5px 0 5px;
 }

 .picScroll .next {
 	background-position: -34px -7px;
 }

 .picScroll .prevStop {
 	background-position: -6px -40px;
 }

 .picScroll .nextStop {
 	background-position: -34px -40px;
 }

 @keyframes tag {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
}

	100% {
		transform: scale(1);
	}
}

 /*第二模块*/
 .xm {
 	font-size: 1em;
 	/* background: #ffffff; */
 }

 .smk .h2 {
 	color: #f7f2f2;
 	font-family: 'ziti';
 	transform: scale(1, 1.3);
 	-ms-transform: scale(1, 1.3);
 	-webkit-transform: scale(1, 1.3);
 	-moz-transform: scale(1, 1.3);
 	-o-transform: scale(1, 1.3);
 }

 .xm .smk {
 	width: 86%;
 	margin: 0px auto;
 	padding: 20px 0;
 }

 .xm .smk p {
 	margin-top: 16px;
 	color: #bdbfbf
 }

 .xm .tit4 {
 	font-size: 2.1em;
 	height: 20px;
 }

 .xm .xmlist {
 	width: 47%;
 	float: left;
 	margin-left: 2%;
 	margin-top: 2%;
 }

 .xm .xmlist p {
 	text-align: center;
 	padding-top: 10px;
 	color: #cecece;
 	font-size: 14px;
 }

 .xm .xmlist img {
 	width: 100%;
 	border-radius: 4px;
 }

 .bg1 {
 	background: url(../../images/yx3d/3.jpg) no-repeat center bottom;
 	height: 35em;
 	background-size: 100%;
 }

 .wenzi {
 	margin: 0 auto;
 	max-width: 440px;
 	padding-top: 20px;
 }

 .wenzi .ti {
 	font-size: 1em;
 	line-height: 1.8em;
 	color: #f7f2f2;
 	font-family: 'ziti';
 	transform: scale(1, 1.3);
 	-ms-transform: scale(1, 1.3);
 	-webkit-transform: scale(1, 1.3);
 	-moz-transform: scale(1, 1.3);
 	-o-transform: scale(1, 1.3);
 }

 .wenzi .ti1 {
 	font-size: 0.9em;
 	width: 86%;
 	margin: 10px auto;
 	color: #dedada
 }

 .wenzi .tit {
 	font-size: 1.2em;
 	color: #fff;
 }

 .wenzi .tit1 {
 	font-size: 1em;
 	color: #2b2a2a;
 }


 .line2 {
 	width: 100%;
 }

 .line2 .content {
 	width: 98%;
 	margin: 0 auto;
 }

 .line2 .content>h2 {
 	width: 60%;
 	margin: 20px auto 20px;
 	font-size: 16px;
 	text-align: center;
 	font-weight: normal;
 	position: relative;
 }

 .line2 .content>h2:before {
 	content: "";
 	display: block;
 	position: absolute;
 	width: 48px;
 	height: 49px;
 	transform: rotate(80deg) scale(0.6);
 	top: -7px;
 	left: -23px;
 	background: url(/course/UI2019/banner33.png) no-repeat center top;
 }

 .line2 .content>h2:after {
 	content: "";
 	display: block;
 	position: absolute;
 	width: 32px;
 	height: 33px;
 	transform: rotate(0deg) scale(0.7);
 	top: -18px;
 	right: -10px;
 	background: url(/course/UI2019/banner44.png) no-repeat center top;
 }

 .line2 .design2_con {
 	width: 96%;
 	/* height: 500px; */
 	margin: 0px auto;
 }

 .line2 .design2_con p {
 	padding-left: 17px;
 	color: #d6d8da;
 	padding-top: 8px;
 }

 .line2 .design2_con>ul {
 	width: 98%;
 	margin: 20px auto 0;
 }

 .line2 .design2_con>ul>li {
 	width: 32%;
 	float: left;
 	margin-left: 1%;
 }

 .d_content {
 	width: 100%;
 	float: left;
 	background: #FFFFFF;
 	border-radius: 10px;
 	position: relative;
 	top: 0;
 	left: 0;
 }

 .design2_con .div_word1 {
 	font-size: 14px;
 	color: #fff6f6;
 	text-align: center;
 }

 .design2_con .div_word2 {
 	padding-top: 5px;
 	line-height: 20px;
 	color: #e4e0e0;
 	text-align: center;
 	font-size: 12px;
 	margin-bottom: 25px;

 }

 .d_content:hover {
 	animation: dt .6s linear both;
 }


 .design2_con>.banniu {
 	width: 230px;
 	height: 35px;
 	line-height: 35px;
 	font-size: 14px;
 	animation: .8s tag linear infinite;
 	border-radius: 30px;
 	text-align: center;
 	background: linear-gradient(154deg, #46c8ff 0%, #2b7afd 100%);
 	color: #fff;
 	margin: 30px auto;
 	overflow: hidden;
 	position: relative;
 	-webkit-animation: .8s tag linear infinite;
}

 .design2_con>.banniu:hover {
 	background: #8a80f7
 }

 .design2_con>.banniu>a {
 	color: #fff;
 	height: 35px;
 	line-height: 35px;
	 font-size: .9rem;
	 letter-spacing: 1px;
 }

 .design2_con>.banniu :after {
 	content: "";
 	background: #d8e0fd;
 	position: absolute;
 	width: 230px;
 	height: 100px;
 	left: 0px;
 	left: 0;
 	top: 0;
 	bottom: 0;
 	opacity: 0;
 	margin: auto;
 	border-radius: 50%;
 	transform: scale(1);
 	animation: 2s btn ease-in-out infinite;
 }

 @keyframes btn {
 	0% {
 		transform: scale(0);
 		opacity: 1;
 	}

 	100% {
 		transform: scale(1);
 		opacity: 0;
 	}
 }

 @-webkit-keyframes btn {
 	0% {
 		transform: scale(0);
 		opacity: 1;
 	}

 	100% {
 		transform: scale(1);
 		opacity: 0;
 	}
 }

 @-moz-keyframes btn {
 	0% {
 		transform: scale(0);
 		opacity: 1;
 	}

 	100% {
 		transform: scale(1);
 		opacity: 0;
 	}
 }

 @-o-keyframes btn {
 	0% {
 		transform: scale(0);
 		opacity: 1;
 	}

 	100% {
 		transform: scale(1);
 		opacity: 0;
 	}
 }

 @-webkit-keyframes dt {
 	from {
 		height: 100%;
 		position: relative;
 		top: 0;
 		left: 0;
 	}

 	to {
 		height: 110%;
 		position: relative;
 		top: -2%;
 		left: 0;
 	}
 }

 /*xinshizi*/

 .line6 {
 	width: 100%;
 	padding-top: 10px;
 	background: url(../../lmbz/img/rt6y.png) no-repeat center top;
 }

 .line6 .content {
 	width: 98%;
 	margin: 0 auto;
 }

 .line6 .content>h2 {
 	width: 75%;
 	margin: 20px auto 20px;
 	font-size: 16px;
 	text-align: center;
 	position: relative;
 	color: white;
 	font-family: 'ziti';
 	transform: scale(1, 1.3);
 	-ms-transform: scale(1, 1.3);
 	-webkit-transform: scale(1, 1.3);
 	-moz-transform: scale(1, 1.3);
 	-o-transform: scale(1, 1.3);
 }


 .line6>.banniu4 {
 	width: 193px;
 	height: 34px;
 	line-height: 34px;
 	font-size: 14px;
 	animation: 2s tag linear infinite;
 	border-radius: 30px;
 	text-align: center;
 	background: linear-gradient(154deg, #46c8ff 0%, #2b7afd 100%);
 	color: #fff;
 	margin: 0px auto 10px;
 	overflow: hidden;
 	position: relative;
 }

 .line6>.banniu4:hover {
 	background: #954bfc
 }

 .line6>.banniu4>a {
 	color: #fff;
 	height: 34px;
 	line-height: 34px;
 }

 .line6>.banniu4 :after {
 	content: "";
 	background: #d8e0fd;
 	position: absolute;
 	width: 193px;
 	height: 100px;
 	left: 0px;
 	left: 0;
 	top: 0;
 	bottom: 0;
 	opacity: 0;
 	margin: auto;
 	border-radius: 50%;
 	transform: scale(1);
 	animation: 2s btn ease-in-out infinite;
 }

 .c6 {
 	padding-bottom: 0.88rem;
 	background-size: 100%;
 }

 .c6 .ctit {
 	color: #fff;
 	margin-bottom: 0.4rem;
 }

 .c6 .ctit span {
 	color: #fff;
 }

 .c6 .c6_list {
 	width: 60%;
 	margin: 0 auto 20px;
 	height: 50px;
 }

 .c6 .c6_list li {
 	float: left;
 	margin-right: 5%;
 	width: 20%;
 	position: relative;
 	box-sizing: border-box;
 	text-align: center;
 	opacity: .8;
 }

 .c6 .c6_list li>img {
 	width: 100%
 }

 .c6 .c6_list li.active {
 	opacity: 1;
 }

 .c6 .c6_list li.active:after {
 	display: block;
 }

 .c6 .c6_cont {
 	margin-bottom: 0.6rem;
 	height: 204px;
 }

 .c6 .c6_cont div {
 	display: none;
 	width: 90%;
 	height: 170px;
 	margin: 0 auto;
 }

 .c6 .c6_cont div img {
 	width: 32%;
 	float: left;
 	margin-left: 5%;
 }

 .c6 .c6_cont div p {
 	width: 55%;
 	margin: 0 auto;
 	font-size: 12px;
 	padding: 32px 0 17px 0px;
 	color: #dcdcdc;
 	line-height: 21px;
 	float: right;
 	margin-right: 4%;
 }

 .c6 .c6_cont div p span:nth-child(1) {
 	font-size: 16px;
 	display: block;
 	margin-bottom: 10px;
 	color: #fff;
 }

 .c6 .c6_cont div p span:nth-child(2) {
 	font-size: 15px;

 	margin-bottom: 10px;
 	color: #eae5e5;
 }

 .c6 .c6_cont div:nth-child(1) {
 	display: block;
 }

 .c6 .hd {
 	margin: 0 auto;
 	line-height: 40px;
 	overflow: hidden;
 	text-align: center;
 	padding: 0 10px;
 	display: block;
 	vertical-align: middle;
 }

 .c6 .hd ul {
 	padding-top: 16px;
 	display: inline-block;
 	vertical-align: middle;
 }

 .c6 .hd li {
 	font-size: 0;
 	line-height: 0;
 	float: left;
 	width: 10px;
 	height: 5px;
 	background: #8aa0d4;
 	margin: 0 5px;
 	overflow: hidden;
 	-webkit-border-radius: 8px;
 	-moz-border-radius: 8px;
 	border-radius: 8px;
 }

 .c6 .hd .on {
 	background: #5db8fe;
 }


 .kcdh .ti1 {
 	font-size: 1em;
 	width: 100%;
 	line-height: 29px;
 	letter-spacing: 1px;
 	color: #d8d0d0;
 	display: inline-block;
 }

 .kcdh .ti1 p:nth-child(1) {
 	font-size: 1.2em;
 	text-align: center;
 	font-family: 'ziti';
 	transform: scale(1, 1.3);
 	-ms-transform: scale(1, 1.3);
 	-webkit-transform: scale(1, 1.3);
 	-moz-transform: scale(1, 1.3);
 	-o-transform: scale(1, 1.3);
 	color: #fff
 }

 .kcdh .ti1 p:nth-child(2) {
 	font-size: 1em;
 	width: 86%;
 	padding: 10px;
 	line-height: 29px;
 	letter-spacing: 1px;
 	color: #d8d0d0;
 	margin: 0 auto;
 }

 .kcdh .ti1 p:nth-child(3) img {
 	width: 100%;
 	margin-bottom: 16px;
 	pointer-events: none;
 	text-align: center;
 	transform: scale(1, 1);
 	-ms-transform: scale(1, 1);
 	-webkit-transform: scale(1, 1);
 	-moz-transform: scale(1, 1);
 	-o-transform: scale(1, 1);
 }

 ul,
 ul li {
 	list-style: none outside none;
 }


 .lctbg {
 	width: 100%;
 	padding-top: 10px;
 	padding-bottom: 10px;
 	background: url(../../images/yx3d/lctbg.png) no-repeat center top;
 }

 .lct {
 	width: 100%;
 	margin: 10px auto;
 }

 .lct .tit5 {
 	font-size: 2.1em
 }

 .lct .titnr {
 	font-size: 1em;
 	color: #dedada;
 }

 .kc2 {
 	width: 100%;
 	margin: 0 auto;
 	background: url(../../lmbz/img/mk3.jpg) no-repeat center top #170a36;

 	background-size: 100%;
 }

 .kc1 {
 	width: 100%;
 	margin: 0 auto;
 	background: url(../../lmbz/img/mk6.jpg) no-repeat center top #062238;

 	background-size: 100%;
 }

 .kc3 {
 	width: 100%;
 	margin: 0 auto;
 	background: url(../../lmbz/img/mk02.jpg) no-repeat center top #1b0e3a;

 	background-size: 100%;
 }

 .kc4 {
 	width: 100%;
 	margin: 0 auto;
 	background: url(../../lmbz/img/mk01.jpg) no-repeat center top #031557;

 	background-size: 100%;
 }

 .kc5 {
 	width: 100%;
 	margin: 0 auto;
 	background: url(../../lmbz/img/mk0.jpg) no-repeat center top #062238;

 	background-size: 100%;
 }

 .kc6 {
 	width: 100%;
 	margin: 0 auto;
 	background: url(../../lmbz/img/mk1.jpg) no-repeat center top #170A36;

 	background-size: 100%;
 }


 .kctp {
 	width: 100%;
 	margin: auto;
 }

 .bufen {
 	display: block;
 	width: 90%;
 	margin: 0 auto;
 	text-align: left;
 }

 .jiangshi {
 	width: 95%;
 	margin: 16px auto;
 	font-size: 1em;
 	min-width: 320px;
 }

 .jiangshi .tit4 {
 	font-size: 2.1em;
 	height: 20px;
 }

 .jiangshi .jiangs1 {
 	width: 46%;
 	float: left;
 	margin-left: 3%;
 	background: #1e274c;
 	padding-bottom: 2%;
 	margin-top: 4%;
 	color: #cec5c5;
 }

 .jiangshi .jiangs1 p {
 	text-align: center;
 }

 .jiangshi .jiangs1 p b {
 	font-family: 'ziti';
 	transform: scale(1, 1.3);
 	-ms-transform: scale(1, 1.3);
 	-webkit-transform: scale(1, 1.3);
 	-moz-transform: scale(1, 1.3);
 	-o-transform: scale(1, 1.3);
 	font-weight: 100;
 	font-size: 21px;
 }

 .jiangshi .jiangs1 img {
 	width: 100%;
 }

 .lct {
 	width: 98%;
 	margin: 10px auto;
 }

 .lct .tit5 {
 	font-size: 2.1em
 }

 .lct .titnr {
 	font-size: 1em
 }

 /*适应pad*/
 @media screen and (max-width: 320px) {
 	#kzk {
 		margin-top: 87px !important;
 	}

 	.bg1 {
 		height: 22em;
 	}

 	.xm .smk {
 		width: 90%;
 		padding: 20px 0 11px;
 	}

 	.xm .smk {
 		width: 86%;
 		margin: 0px auto;
 		padding: 20px 0;
 	}

 	.xm .smk p {
 		margin-top: 11px;
 		font-size: 0.85em;
 	}

 	.xm .xmlist p {
 		padding-top: 10px;
 		font-size: 0.7em;
 	}

 	.lct .titnr {
 		font-size: 0.85em;
 	}

 	.kcdh {
 		margin: 0 auto;
 		max-width: 440px;
 		margin-top: 8px;
 	}

 	.kcdh .ti1 p:nth-child(1) {
 		font-size: 1em;
 		text-align: center;
 		line-height: 1em;
 	}

 	.kcdh .ti1 p:nth-child(2) {
 		font-size: 0.8em;
 		padding: 10px;
 		margin: 0px auto 0px;
 		line-height: 25px
 	}



 	.wenzi {
 		margin: 0 auto;
 		max-width: 440px;
 	}

 	.wenzi .ti {
 		font-size: 1em;
 		line-height: 1.8em;
 	}

 	.wenzi .ti1 {
 		font-size: 0.85em;
 		width: 86%;
 		margin: 10px auto;
 	}

 	.line2 .design2_con p {
 		font-size: 0.85em;
 	}

 	.wenzi .tit {
 		font-size: 1.2em;
 	}

 	.wenzi .tit1 {
 		font-size: 1em;
 	}

 	.wenzi .shuju {
 		width: 90%;
 		margin: 4px auto;
 	}

 	.wenzi .shuju img {
 		width: 100%;
 	}

 	.wenzi .shuju1 {
 		font-size: 0.9em;
 		width: 74%;
 		margin: 10px auto;
 		text-align: center;
 	}

 	.wenzi .shuju1 span {
 		color: #ea8b11;
 	}

 	/*国产动漫*/
 	.wenzi1 {
 		margin: 0px auto;
 		width: 100%;
 	}

 	.wenzi1 .tit2 {
 		font-size: 1.2em;
 	}

 	.wenzi1 .lygj {
 		font-size: 0.9em;
 		color: #543cd0;
 		text-align: center;
 		width: 56%;
 		border: 2px solid #543cd0;
 		display: block;
 		margin: 28px auto;
 		line-height: 30px;
 		border-radius: 24px;
 		font-weight: bolder;
 	}

 	.wenzi1 .lygj:hover {
 		background: #543cd0;
 		color: #ffffff;
 	}

 	.lct .tit5 {
 		font-size: 1.2em;
 	}

 	.sdbz_1 {
 		width: 40%;
 		float: left;
 		margin-left: 4%;
 		background: #f8f8f8;
 		padding: 2%;
 		margin-top: 4%;
 		height: 18em !important;
 		color: #5e5e5e;
 	}

 	.mkzz4 {

 		height: 13em;
 	}

 	.mkzz444 {
 		height: 11em;
 	}

 	.smk .h2,
 	.line6 .content>h2 {
 		font-size: 1em;
 	}

 	.db3_1 dl dt,
 	.db3_2 dl dt,
 	.db3_3 dl dt {
 		font-size: 0.9em;

 	}

 	.db3_1 dl dd,
 	.db3_2 dl dd,
 	.db3_3 dl dd {
 		font-size: 0.8em;

 	}

 	.db3_1 dl,
 	.db3_2 dl,
 	.db3_3 dl {
 		margin-top: 1%;
 		height: 7em;
 		padding: 4%;
 	}


 }

 @media screen and (min-width: 321px) and (max-width: 370px) {

 	#kzk {
 		margin-top: 103px !important;
 	}

 	.bg1 {
 		height: 23em;
 	}

 	.mkzz4 {
 		height: 15em;
 	}

 	.mkzz4 .xq1 {
 		padding-top: 1em;
 	}

 	.mkzz444 {
 		height: 13em;
 	}

 	#write-comment-shipin9,
 	#write-comment-shipin8 {
 		width: 304px;
 		height: 206px;
 	}

 	.kcdh {
 		margin: 0 auto;
 		max-width: 440px;
 		margin-top: 7px;
 	}

 	.kcdh .ti1 p:nth-child(1) {
 		font-size: 1.2em;
 		text-align: center;
 		line-height: 1em;
 		margin-top: 40px;
 	}

 	.kcdh .ti1 p:nth-child(2) {
 		font-size: 0.875em;
 		padding: 10px;
 	}

 	h6,
 	#a1,
 	#a2 {
 		font-size: 1.3em !important;
 	}



 	.wenzi {
 		margin: 0 auto;
 		max-width: 440px;
 	}

 	.wenzi .ti {
 		font-size: 1.2em;
 		line-height: 1.8em;
 	}

 	.wenzi .ti1 {
 		font-size: 0.9em;
 		width: 86%;
 		margin: 10px auto;
 	}

 	.line2 .design2_con p {
 		font-size: 0.9em;
 	}

 	.wenzi .tit {
 		font-size: 1.2em;
 	}

 	.wenzi .tit1 {
 		font-size: 1em;
 	}

 	.wenzi .shuju {
 		width: 90%;
 		margin: 4px auto;
 	}

 	.wenzi .shuju img {
 		width: 100%;
 	}

 	.wenzi .shuju1 {
 		font-size: 1em;
 		width: 74%;
 		margin: 10px auto;
 		text-align: center;
 	}

 	.wenzi .shuju1 span {
 		color: #ea8b11;
 	}

 	/*国产动漫*/
 	.wenzi1 {
 		margin: 0px auto;
 		width: 100%;
 	}

 	.wenzi1 .tit2 {
 		font-size: 1.2em;
 	}

 	.wenzi1 .lygj {
 		font-size: 0.9em;
 		color: #543cd0;
 		text-align: center;
 		width: 56%;
 		border: 2px solid #543cd0;
 		display: block;
 		margin: 28px auto;
 		line-height: 30px;
 		border-radius: 24px;
 		font-weight: bolder;
 	}

 	.wenzi1 .lygj:hover {
 		background: #543cd0;
 		color: #ffffff;
 	}

 	.lct .tit5 {
 		font-size: 1.2em;
 	}

 	.sdbz_1 {
 		width: 40%;
 		float: left;
 		margin-left: 4%;
 		background: #f8f8f8;
 		padding: 2%;
 		margin-top: 4%;
 		height: 21em !important;
 		color: #5e5e5e;
 	}

 	.lct .titnr {
 		font-size: 0.9em;
 		color: #dedada;
 	}

 	.xm .smk p {
 		margin-top: 16px;
 		color: #bdbfbf;
 		font-size: 0.9em;
 	}

 	.xm .xmlist p {

 		font-size: 0.7em;
 	}

 	.smk .h2,
 	.line6 .content>h2 {
 		font-size: 1.2em;
 	}

 	.db3_1 dl dt,
 	.db3_2 dl dt,
 	.db3_3 dl dt {
 		font-size: 0.9em;

 	}

 	.db3_1 dl dd,
 	.db3_2 dl dd,
 	.db3_3 dl dd {
 		font-size: 0.8em;

 	}

 	.db3_1 dl,
 	.db3_2 dl,
 	.db3_3 dl {
 		margin-top: 1%;
 		height: 7em;
 		padding: 4%;
 	}

 }

 @media screen and (min-width: 371px) and (max-width: 480px) {
 	#kzk {
 		margin-top: 103px !important;
 	}

 	.bg1 {
 		height: 23.1em;
 	}

 	#write-comment-shipin9,
 	#write-comment-shipin8 {
 		width: 307px;
 		height: 180px;
 	}

 	.mkzz4 {
 		height: 15em;
 	}

 	.mkzz4 .xq1 {
 		padding-top: 1em;
 	}

 	.mkzz444 {
 		height: 13em;
 	}

 	.mkzz444 .xq1 {
 		padding-top: 2em;
 	}

 	.jiangshi .magint {
 		margin-top: 4% !important;
 	}

 	.jiangshi .jiangs1 {
 		margin-top: 0.2%;
 	}

 	.kcdh {
 		margin: 0 auto;
 		max-width: 440px;
 		margin-top: 7px;
 	}

 	.kcdh .ti1 p:nth-child(1) {
 		font-size: 1.2em;
 		text-align: center;
 		line-height: 2em;
 	}

 	.kcdh .ti1 p:nth-child(2) {
 		font-size: 0.875em;
 	}

 	h6,
 	#a1,
 	#a2 {
 		font-size: 1.3em !important;
 	}

 	.xm .smk p {

 		font-size: 0.9em;
 	}

 	.xm .xmlist p {
 		font-size: 0.8em;
 	}

 	.lct .titnr {
 		font-size: 0.9em;
 		color: #dedada;
 	}

 	.wenzi {
 		margin: 0 auto;
 		max-width: 440px;
 	}

 	.wenzi .ti {
 		font-size: 1.2em;
 		line-height: 1.8em;
 	}

 	.wenzi .ti1 {
 		font-size: 0.9em;
 		width: 86%;
 		margin: 10px auto;
 	}

 	.line2 .design2_con p {
 		font-size: 0.9em;
 	}

 	.wenzi .tit {
 		font-size: 1.2em;
 	}

 	.wenzi .tit1 {
 		font-size: 1em;
 	}

 	.wenzi .shuju {
 		width: 90%;
 		margin: 4px auto;
 	}

 	.wenzi .shuju img {
 		width: 100%;
 	}

 	.wenzi .shuju1 {
 		font-size: 1em;
 		width: 74%;
 		margin: 10px auto;
 		text-align: center;
 	}

 	.wenzi .shuju1 span {
 		color: #ea8b11;
 	}

 	/*国产动漫*/
 	.wenzi1 {
 		margin: 0px auto;
 		width: 100%;
 	}

 	.wenzi1 .tit2 {
 		font-size: 1.2em;
 	}

 	.wenzi1 .lygj {
 		font-size: 0.9em;
 		color: #543cd0;
 		text-align: center;
 		width: 56%;
 		border: 2px solid #543cd0;
 		display: block;
 		margin: 28px auto;
 		line-height: 30px;
 		border-radius: 24px;
 		font-weight: bolder;
 	}

 	.wenzi1 .lygj:hover {
 		background: #543cd0;
 		color: #ffffff;
 	}

 	.lct .tit5 {
 		font-size: 1.2em;
 	}

 	.sdbz_1 {
 		width: 40%;
 		float: left;
 		margin-left: 4%;
 		background: #f8f8f8;
 		padding: 2%;
 		margin-top: 4%;
 		height: 21em !important;
 		color: #5e5e5e;
 	}

 	.smk .h2,
 	.line6 .content>h2 {
 		font-size: 1.2em;
 	}

 	.db3_1 dl dt,
 	.db3_2 dl dt,
 	.db3_3 dl dt {
 		font-size: 0.9em;

 	}

 	.db3_1 dl dd,
 	.db3_2 dl dd,
 	.db3_3 dl dd {
 		font-size: 0.8em;

 	}

 	.db3_1 dl,
 	.db3_2 dl,
 	.db3_3 dl {
 		margin-top: 1%;
 		height: 7em;
 		padding: 4%;
 	}

 }

 @media screen and (min-width: 481px) and (max-width: 768px) {
 	#kzk {
 		margin-top: 112px !important;
 	}

 	.bg1 {
 		height: 32em;
 	}

 	#write-comment-shipin9,
 	#write-comment-shipin8 {
 		width: 500px;
 		height: 250px;
 	}

 	.c6 .c6_cont div p {
 		width: 55%;
 		height: 148px;
 	}

 	.c6 .c6_cont div img {
 		width: 36%;
 	}

 	.jiangshi .magint {
 		margin-top: 4% !important;
 	}

 	.kcdh {
 		margin: 0 auto;
 		max-width: 640px;
 		margin-top: 33px;
 	}

 	.kcdh .ti1 p:nth-child(1) {
 		font-size: 1.2em;
 		text-align: center;
 		line-height: 2em;
 	}

 	.kcdh .ti1 p:nth-child(2) {
 		font-size: 1em;
 		margin: auto;
 		padding: 10px;
 	}

 	/*新加*/
 	.wenzi {
 		margin: 0 auto;
 		max-width: 640px;
 	}

 	.wenzi .ti {
 		font-size: 1.4em;
 	}

 	.wenzi .ti1 {
 		font-size: 1em;
 		width: 78%;
 		margin: auto;
 	}

 	.line2 .design2_con p {
 		font-size: 1em;
 	}

 	.wenzi .tit {
 		font-size: 1.2em;
 	}

 	.wenzi .tit1 {
 		font-size: 1em;
 	}

 	.wenzi .shuju {
 		width: 90%;
 		margin: 4px auto;
 	}

 	.wenzi .shuju img {
 		width: 100%;
 	}

 	.wenzi .shuju1 {
 		font-size: 1em;
 		width: 74%;
 		margin: 10px auto;
 		text-align: center;
 	}

 	.wenzi .shuju1 span {
 		color: #ea8b11;
 	}

 	/*国产动漫*/
 	.wenzi1 {
 		margin: 0px auto;
 		width: 100%;
 	}

 	.wenzi1 .tit2 {
 		font-size: 1.2em;
 	}

 	.wenzi1 .lygj {
 		font-size: 0.9em;
 		color: #543cd0;
 		text-align: center;
 		width: 56%;
 		border: 2px solid #543cd0;
 		display: block;
 		margin: 28px auto;
 		line-height: 30px;
 		border-radius: 24px;
 		font-weight: bolder;
 	}

 	.wenzi1 .lygj:hover {
 		background: #543cd0;
 		color: #ffffff;
 	}

 	.lb {
 		width: 90%;
 		margin: 0 auto;
 	}

 	.lb .tit3 {
 		font-size: 1.4em;
 		text-align: center;
 	}

 	.db3_1 dl dt,
 	.db3_2 dl dt,
 	.db3_3 dl dt {
 		font-size: 0.9em;
 	}

 	.db3_1 dl dd,
 	.db3_2 dl dd,
 	.db3_3 dl dd {
 		font-size: 0.8em;
 	}
 }


 /*大于等于768*/
 @media screen and (min-width: 769px) {
 	.c6 .c6_cont div p {
 		width: 65%;
 		height: 148px;
 		padding-top: 95 px;
 		font-size: 14px
 	}

 	.bg1 {
 		height: 45em;
 	}

 	#kzk {
 		margin: 0 auto;
 		max-width: 1000px;
 		margin-top: 120px;
 	}

 	.jiangshi .magint {
 		margin-top: 4% !important;
 	}

 	.kcdh {
 		margin: 0 auto;
 		margin-top: 40px;
 	}

 	.kcdh .ti1 p:nth-child(1) {
 		font-size: 1.1em;
 		text-align: center;
 		line-height: 2.6em;
 	}

 	.kcdh .ti1 p:nth-child(2) {
 		font-size: 1em;
 		width: 78%;
 		margin: auto;
 		padding: 10px;
 	}

 	/*新加*/
 	.wenzi {
 		margin: 0 auto;
 		max-width: 690px;
 	}

 	.wenzi .ti {
 		font-size: 2em;
 	}

 	.wenzi .ti1 {
 		font-size: 1.1em;
 		width: 78%;
 		margin: 16px auto;
 	}

 	.line2 .design2_con p {
 		font-size: 1.1em;
 	}

 	.wenzi .tit {
 		font-size: 2em;
 	}

 	.wenzi .tit1 {
 		font-size: 1.6em;
 	}

 	.wenzi .shuju {
 		width: 90%;
 		margin: 4px auto;
 	}

 	.wenzi .shuju img {
 		width: 100%;
 	}

 	.wenzi .shuju1 {
 		font-size: 1.8em;
 		width: 74%;
 		margin: 10px auto;
 		text-align: center;
 	}

 	.wenzi .shuju1 span {
 		color: #ea8b11;
 	}

 	.lb .h3 {
 		font-size: 2.2em;
 		padding-top: 1em;
 		padding-bottom: 1em;
 	}

 	/*国产动漫*/
 	.wenzi1 {
 		margin: 0px auto;
 		width: 100%;
 	}

 	.wenzi1 .tit2 {
 		font-size: 2.2em;
 		font-weight: bold;
 	}

 	.wenzi1 .lygj {
 		font-size: 0.9em;
 		color: #543cd0;
 		text-align: center;
 		width: 56%;
 		border: 2px solid #543cd0;
 		display: block;
 		margin: 28px auto;
 		line-height: 30px;
 		border-radius: 24px;
 		font-weight: bolder;
 	}

 	.wenzi1 .lygj:hover {
 		background: #543cd0;
 		color: #ffffff;
 	}

 	.lb {
 		width: 90%;
 		margin: 0 auto;
 	}

 	.lb .tit3 {
 		font-size: 1.4em;
 		text-align: center;
 	}

 	.smk .h2,
 	.line6 .content>h2 {
 		font-size: 2em;
 	}

 	.smk .h2p {
 		font-size: 1.8em
 	}

 	.smk .mkxq {
 		font-size: 1.5em
 	}

 	.lct .tit5 {
 		font-size: 2.6em;
 	}

 	.lct .titnr {
 		font-size: 1.7em;
 	}

 	.db3_1 dl dt,
 	.db3_2 dl dt,
 	.db3_3 dl dt {
 		font-size: 1em;

 	}

 	.db3_1 dl dd,
 	.db3_2 dl dd,
 	.db3_3 dl dd {
 		font-size: 0.9em;

 	}

 	.c6 .c6_cont {
 		margin-bottom: 0.6rem;
 		height: 180px;
 	}

 	.c6 .c6_cont div img {
 		margin-left: 13%;
 		width: 17%;
 		float: left;
 	}
 }