/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
 
/*==========@@HTML默认 开始@@==========*/
/*基本*/
@media screen and (max-width: 640px) {

	* {
		padding: 0px;
		margin: 0px
	}

	body {
		font-size: 100px;
	}

	* {
		margin: 0;
		padding: 0;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		box-sizing: border-box;
	}

	.trans {
		transition: all .3s ease-in;
	}

	html {
		width: 100%;
		min-height: 100%;
	}

	body {
		width: 100%;
		min-height: 100%;
		max-width: 640px;
		min-width: 320px;
		margin: 0 auto;
		font: .24rem/1.5 "PingFang SC", Helvetica, "Helvetica Neue", "microsoft yahei", Tahoma, Arial, sans-serif;
		color: #666;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background: #fff;
		position: relative;
	}

	body:before, body:after {
		content: "";
		width: 100%;
		display: block;
	}

	body:before {
		height: 1rem;
	}

	body:after {
		height: .88rem;
	}

	img {
		border: 0px;
	}

	em {
		font-style: normal;
	}

	s, i {
		font-style: normal;
	}

	ul, ol {
		list-style-type: none;
	}

	li {
		list-style: none outside none;
	}

	b {
		font-weight: normal;
	}

	/*表单*/
	input, button, select, textarea {
		outline: none;
		font-family: "PingFang SC", "Microsoft Yahei", Arial;
		font-size: .24rem;
		-webkit-appearance: none !important;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
		color: #999;
	}

	input:-moz-placeholder, textarea:-moz-placeholder {
		color: #999;
	}

	input::-moz-placeholder, textarea::-moz-placeholder {
		color: #999;
	}

	input:-ms-input-placeholder, textarea:-ms-input-placeholder {
		color: #999;
	}

	/*公用样式*/
	.layout {
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-wrapper: 101;
		background: #000;
		opacity: 1;
	}

	.blue {
		color: #28a5f4;
	}

	/*链接*/
	a, a:link, a:visited, a:hover, a:active {
		color: #666;
		text-decoration: none;
	}

	a:focus {
		outline: none;
	}

	a:hover, a:active {
		color: #d12b74;
		outline: none;
	}

	/*标题*/
	h1, h2, h3, h4, h5, h6, h7 {
		font-weight: normal;
	}

	.icon {
		background: url(../image/icon.png) no-repeat;
		display: inline-block;
		background-size: 2.4rem auto;
		vertical-align: middle;
	}

	.icon, .iconbef:before, .iconbef:after {
		content: "\20";
		display: block;
	}

	/*清除浮动*/
	.fl {
		float: left;
	}

	.fr {
		float: right;
	}

	.hidden {
		display: none;
	}

	.clearfix:after {
		content: "";
		display: block;
		clear: both;
		width: 100%;
		height: 0;
		line-height: 0;
		font-size: 0;
	}

	.clear, .clearfix:after {
		content: "";
		display: block;
		clear: both;
		width: 100%;
		height: 0;
		line-height: 0;
		font-size: 0;
	}

	#newBridge{display:none;!important;}
	#newBridge #nb_nodeboard{display:none;!important;}
	#newBridge #nb_icon_wrap{display:none;!important;}
	#newBridge #nb_invite_wrap{display:none;!important;}
    #newBridge #nb_invite_wrap .nb-invite-body{display:none;!important;}



    /*==========@@HTML默认 结束@@==========*/
	.wrapper {
		width: 100%;
	}

	/*==========@@公共模块 开始@@==========*/
	.header {
		background-size: 100% 1.04rem;
	}

	#top_main {
		width: 100%;
		height: 1rem;
		*zoom: 1;
		z-index: 300;
		position: fixed;
		top: 0px;
		left: 0px;
	}

	#top {
		max-width: 640px;
		min-width: 320px;
		height: 1rem;
		margin: 0px auto;
		position: relative;
		background: #fff;
	}

	#top .logo {
		text-align: center;
		display: block;
		color: #000;
		font-size: .32rem;
		padding-top: .2rem;
		margin-left: .2rem;
	}

	#top .logo a {
		display: block;
	}

	#top .logo img {
		display: block;
		height: .5rem;
		margin-left: .2rem;
	}

	#top .topsearch {
		display: block;
		position: absolute;
		right: 20%;
		top: .1rem;
		text-align: center;
		cursor: pointer;
		width: .5rem;
		height: .5rem;
		margin: .16rem auto;
	}

	#top .topsearch span {
		display: block;
		width: 100%;
		height: 0.42rem;
		background-position: 0rem -1.19rem;
		width: .42rem;
	}

	#top_main .tsearch * {
		box-sizing: border-box;
	}

	#top_main .tsearch {
		position: absolute;
		height: 1rem;
		width: 6.4rem !important;
		padding: .2rem 5%;
		left: 0;
		top: .99rem;
		z-index: 99;
		background: #f2f2f2;
		box-sizing: border-box;
		display: none;
	}

	#top_main .tsearch input {
		-webkit-appearance: none;
	}

	#top_main .tsearch .txt {
		width: 80%;
		color: #000;
		text-indent: .1rem;
		font-size: .22rem;
		height: .64rem;
		background: #fff;
		border: 1px solid #fff;
		border-radius: 0.1rem;
		position: absolute;
		left: 5%;
		top: .2rem;
		border-top-left-radius: .6rem;
		border-bottom-left-radius: .6rem;
	}

	#top_main .tsearch .btn {
		color: #fff;
		font-size: .22rem;
		width: 12%;
		height: .62rem;
		line-height: .6rem;
		text-align: center;
		border: 0px;
		background-color: #d12b74;
		background-position: -0.9rem -1.055rem;
		position: absolute;
		right: 5%;
		top: .2rem;
		border-top-right-radius: .6rem;
		border-bottom-right-radius: .6rem;
	}

	#top_main .btn_close_main {
		width: .88rem;
		height: 1.5rem;
		background-color: #f2f2f2;
		position: absolute;
		top: -0.1rem;
		right: 18%;
		z-index: 9;
		display: none;
	}

	#top_main .btn_close_main .btn_close {
		width: .34rem;
		height: .33rem;
		margin-top: .38rem;
		margin-left: .26rem;
		background-position: -2rem -1rem;
	}

	#top #m_nav {
		width: .6rem;
		height: 50%;
		position: absolute;
		right: 3%;
		top: .26rem;
		text-align: center;
		cursor: pointer;
	}

	#top .nav {
		width: .39rem;
		height: .36rem;
		background-position: -.5rem -1.2rem;
	}

	#top .close {
		background-position: -2.06rem 0;
		width: .34rem;
		height: .34rem;
		cursor: pointer;
		position: absolute;
		right: 44%;
		top: -0.02rem;
		text-align: center;
	}

	/*subNav*/
	.subNav {
		position: fixed;
		width: 100%;
		height: 100%;
		right: 0;
		top: .99rem;
		z-index: 999;
		max-width: 640px;
		min-width: 320px;
		background: #d12b74;
		-webkit-transform: translateX(4rem);
		-moz-transform: translateX(7rem);
		-ms-transform: translateX(7rem);
		transform: translateX(7rem);
	}

	.subNavCon {
		margin: 0px;
		background: #d12b74;
		width: 100%;
		border-top: 1px solid #e5e5e5;
	}

	.subNav .closrbox {
		width: 20%;
		height: 0.5rem;
		line-height: .5rem;
		background: #fff;
		position: absolute;
		right: 2%;
		top: -5%;
	}

	.subNav .close {
		background-position: -1.64rem -1.5rem;
		width: .4rem;
		height: .4rem;
	}

	.subNav .c_clos {
		width: 52%;
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
	}

	.subNav .list {
		margin-top: .6rem;
	}

	.subNav li {
		width: 100%;
		display: block;
		line-height: 1rem;
		margin: 0 auto;
		position: relative;
	}

	.subNav li:first-child {
		margin-top: .6rem;
	}

	.subNav .subnav2 {
		width: 100%;
		display: none;
	}

	.subNav .subnav2 a {
		margin-bottom: .1rem;
		background: #eeeeee;
		font-size: .24rem;
	}

	.subNav li a {
		display: block;
		width: 4rem;
		margin: 0 auto;
		color: #fff;
		font-size: 0.34rem;
		text-align: center;
		border-bottom: 1px solid #46baff;
	}

	.subNav li a:hover {
		color: #00923f;
	}

	.subNav li em {
		width: .3rem;
		height: .3rem;
		display: inline-block;
		background-position: 0 -2.2rem;
		vertical-align: middle;
		position: absolute;
		right: 3%;
		top: .26rem;
	}

	.subNav li:hover {
		background: #F00001;
	}

	.subNav li:hover a {
		color: #fff;
	}

	.subNav.show {
		right: 0 !important;
	}

	.subNavShow {
		-webkit-transform: translateX(-48%);
		-moz-transform: translateX(-48%);
		-ms-transform: translateX(-48%);
		transform: translateX(-48%);
		display: block;
	}

	.subNavShow2 {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	/*首页导航*/
	.inav_t {
		width: 100%;
		height: 1.4rem;
		background: #d12b74;
	}

	.inav_t dl {
		height: 1.4rem;
		overflow: hidden;
	}

	.inav_t dl dd {
		width: 33.33%;
		height: 0.7rem;
		float: left;
		text-align: center;
		border-right: 1px #C40000 solid;
		border-bottom: 1px #C40000 solid;
	}

	.inav_t dl dd:nth-child(5), .inav_t dl dd:nth-child(6), .inav_t dl dd:nth-child(7), .inav_t dl dd:nth-child(8) {
		/* border-bottom: 1px #474747 solid; */
	}

	.inav_t dl dd a {
		display: block;
		width: 100%;
		height: .69rem;
		line-height: .69rem;
		color: #fff;
	}

	/* banner */
	#banner_main {
		width: 100%;
		overflow: hidden;
		position: relative;
		z-index: 1;
		height: 4.5rem;
		background-size: 1px auto;
	}

	.banner {
		margin: 0 auto;
		width: 100%;
		*zoom: 1;
		overflow: hidden;
		position: relative;
		height: 4.5rem;
	}

	.banner .list {
		width: 100%;
		overflow: hidden;
	}

	.banner .list li {
		float: left;
		width: 100%;
		overflow: hidden;
	}

	.banner .list li img {
		width: 100%;
		height: 4.5rem;
	}

	#banner .tip {
		width: 100%;
		height: 0.35rem;
		line-height: 0.35rem;
		clear: both;
		position: absolute;
		left: 6%;
		bottom: 10%;
		z-index: 2;
		font-size: 0;
	}

	#banner .tip span {
		display: inline-block;
		vertical-align: middle;
		width: 0.12rem;
		height: 0.12rem;
		margin: 0 0.05rem;
		vertical-align: middle;
		background-position: -.26rem 0;
	}

	#banner .tip span.cur {
		width: .24rem;
		height: .2rem;
		background-position: 0rem 0rem;
	}

	.showInfo #banner .tip {
		width: 100%;
		text-align: center;
		margin-left: 0;
		left: 0;
		bottom: .2rem;
	}

	/*版权信息*/
	#footer_main {
		text-align: center;
		width: 100%;
		background: #fff;
		padding: 0.1rem 0 0.4rem;
	}

	#returntop {
		width: 1rem;
		height: 1rem;
		background: url(../image/gotop.png) no-repeat center top;
		background-size: 1rem auto;
		position: fixed;
		bottom: 20%;
		right: 2%;
		cursor: pointer;
		z-index: 99;
	}

	#copyright {
		width: 94%;
		margin: 0 auto;
		color: #666;
		font-size: 0.24rem;
		line-height: .4rem;
		padding: 0.2rem 0;
	}

	#footer_main .bottomNav {
	}

	#footer_main .bottomNav .list {
		border-top: .02rem solid #ddd;
	}

	#footer_main .bottomNav .list li {
		width: 100%;
		height: .8rem;
		border-bottom: .02rem solid #ddd;
	}

	#footer_main .bottomNav .list li a {
		display: block;
		height: 0.8rem;
		line-height: 0.8rem;
		padding: 0 0.4rem;
	}

	#footer_main .bottomNav .list li .tit {
		display: block;
		font-size: 0.26rem;
		color: #444444;
		line-height: 0.8rem;
		float: left;
	}

	#footer_main .bottomNav .list li em {
		display: block;
		float: right;
		width: 0.2rem;
		height: 0.3rem;
		margin-top: 0.25rem;
		background-position: -2.2rem -.5rem;
	}

	#footer_main .bottomNav .list li:hover .tit {
		color: #d12b74;
	}

	#copyright a {
		color: #666;
	}

	#fix-sider {
		width: 1rem;
		height: 1rem;
		position: fixed;
		right: 2%;
		bottom: 29%;
		background: url(http://www.yuanchunbao.com/m/skin/images/tel.png) no-repeat center top;
		background-size: 1rem auto;
		cursor: pointer;
		z-index: 999;
	}

	/* 工具栏 */
	#toolbar {
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 888;
		height: 1.1rem;
		left: 0;
	}

	#toolbar .list {
		width: 100%;
		max-width: 640px;
		min-width: 320px;
		margin: 0 auto;
		background: #d12b74;
	}

	#toolbar .list li {
		float: left;
		width: 25%;
		text-align: center;
	}

	#toolbar .list a {
		display: block;
		height: 1.1rem;
		line-height: 0.24rem;
		font-size: 0.26rem;
		padding-top: 0.2rem;
	}

	#toolbar .list a span {
		text-align: center;
		color: #fff;
		display: block;
		font-size: 0.24rem;
	}

	#toolbar .list a s {
		margin-left: auto;
		margin-right: auto;
		width: 0.31rem;
		height: 0.32rem;
		display: block;
		margin-bottom: .12rem;
		background-position: -.76rem -.2rem;
	}

	#toolbar .list li:nth-child(2) s {
		background-position: -.0rem -.2rem;
	}

	#toolbar .list li:nth-child(3) s {
		background-position: -.38rem -.2rem;
	}

	#toolbar .list li:nth-child(4) s {
		background-position: -1.2rem -.2rem;
		width: .34rem;
		height: .34rem;
	}

	#toolbar .list li:hover {
		background: #d12b74;
	}

	/*==========@@页面布局 开始@@==========*/
	#search {
		background: #fff;
		width: 96%;
		margin: 0.2rem auto;
		height: 0.6rem;
		-moz-border-radius: 0.5rem;
		-webkit-border-radius: 0.5rem;
		border-radius: 0.5rem;
		padding: 0;
		-webkit-box-shadow: 1px 1px 1px #e7e9e9;
		-moz-box-shadow: 1px 1px 1px #e7e9e9;
		box-shadow: 1px 1px 1px #e7e9e9;
	}

	#search input {
		display: block;
		font-family: "微软雅黑";
		padding: 0;
		margin: 0;
	}

	#search .txt {
		border: none;
		width: 66%;
		height: 0.5rem;
		line-height: 0.6rem;
		margin-right: 1%;
		padding: 0 4%;
		color: #666;
		font-size: 0.22rem;
		background: none;
	}

	#search .searchbtn {
		cursor: pointer;
		border: none;
		font-size: 0.24rem;
		width: 0.8rem;
		height: 0.6rem;
		text-align: center;
		background-position: -0.63rem 0;
	}

	.index #floor_1_main, .index #floor_2_main, .index #floor_3_main {
		width: 100%;
		margin: 0 auto;
		background: #fff;
	}

	.index {
		background: #fff;
		overflow: hidden;
	}

	/* 首页产品 */
	.index #floor_1_main {
		margin: 0 auto;
		background: #fff;
	}

	.index .title_main {
		padding-top: .5rem;
	}

	.index .in_title {
		padding-top: .6rem;
	}

	.index .in_title .entit {
		margin-bottom: .12rem;
		font: normal .4rem "AvantGarde Bk BT";
		color: #666;
		text-align: center
	}

	.index .in_title .tit {
		width: 2.6rem;
		margin: 0 auto;
		font-size: .34rem;
		font-weight: bold;
		text-align: center;
		/* color: #d12b74; */
		color: var(--color-primary);
	}

	.index .in_title .tit em {
		display: block;
		width: .5rem;
		height: .02rem;
		margin-top: .2rem;
		/* background: #d12b74; */
		background: var(--color-primary);
	}

	.index .look_more {
		display: block;
		width: 5.6rem;
		height: .78rem;
		margin: 0 auto;
		font-size: .3rem;
		line-height: .78rem;
		text-align: center;
		color: #d12b74;
		background: #fff;
		border: .01rem solid #ddd;
	}

	.index .tab {
		text-align: center;
		margin-top: .2rem;
	}

	.index .tab a {
		width: 29%;
		height: 0.48rem;
		line-height: 0.48rem;
		margin: .05rem;
		display: inline-block;
		padding: 0 .1rem;
		/* background: #d12b74; */
		background: var(--color-primary);
		color: #fff;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.index .tab a:hover {
		background: #d12b74;
	}

	/*关于我们*/
	.index #floor_1_main {
		background: #f6f6f6;
	}

	#floor_1_main .floor_1 {
		padding-bottom: .8rem;
	}

	#floor_1_main .about {
		padding-top: .6rem;
	}

	#floor_1_main .about .item {
		display: block;
		width: 100%;
		height: 4.523rem;
	}

	#floor_1_main .about img {
		display: block;
		width: 100%;
		height: 100%;
	}

	#floor_1_main .contW {
		position: relative;
		display: block;
		width: 100%;
	}

	#floor_1_main .contW .cont {
		width: 5.5rem;
		margin: 0 auto;
		margin-top: .3rem;
		font-size: .26rem;
		color: #666;
		line-height: .5rem;
		text-align: justify;
	}

	#floor_1_main .contW .view_detail {
		display: block;
		width: 5.6rem;
		height: .7rem;
		margin: 0 auto;
		margin-top: .5rem;
		font-size: .3rem;
		line-height: .7rem;
		text-align: center;
		color: #d12b74;
		background: #fff;
		font-weight: bold;
	}

	/*产品中心*/
	.index #floor_2_main {
		width: 100%;
		background: #fff;
	}

	.index .floor_2 {
		padding-bottom: .4rem;
	}

	.index .floor_2 .proCenter .list {
		margin-left: .25rem;
		margin-top: .2rem;
	}

	.index .floor_2 .proCenter .list li {
		position: relative;
		float: left;
		display: block;
		width: 2.8rem;
		margin-right: .26rem;
		margin-bottom: .5rem;
	}

	.index .floor_2 .proCenter .list li .img {
		width: 2.8rem;
		height: 2.1rem;
	}

	.index .floor_2 .proCenter .list li .img img {
		display: block;
		width: 100%;
		height: 100%;
	}

	.index .floor_2 .proCenter .list li .txt {
		height: 1rem;
		background: #f6f6f6;
	}

	.index .floor_2 .proCenter .list li .txt .tit {
		font-size: .26rem;
		text-align: center;
		color: #333;
		padding-top: 0.24rem;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.index .floor_2 .proCenter .list li .detail {
		position: absolute;
		bottom: -.26rem;
		left: .49rem;
		width: 1.84rem;
		height: .52rem;
		font-size: .2rem;
		color: #d12b74;
		text-align: center;
		line-height: .52rem;
		background: #fff;
		border-radius: 1rem;
		border: 0.01rem solid #d12b74;
	}

	.index_slip {
		position: relative;
		width: 100%;
		height: 2rem;
		background: url("../image/ixbannerbg.png") no-repeat;
	}

	.index_slip .tit {
		width: 4.7rem;
		padding-top: .4rem;
		margin-left: .4rem;
		font: bold .32rem "Microsoft YaHei";
		color: #fff;
		line-height: .5rem;
	}

	.index_slip .slip_btn {
		display: block;
		position: absolute;
		bottom: .4rem;
		right: .4rem;
		width: 2.44rem;
		height: .56rem;
		background: url("../image/ixbanner-btn.png") no-repeat;
		font: bold .26rem "microsoft yahei";
		line-height: .56rem;
		text-align: center;
		color: #10479f;
	}

	.index_slip1 .tit {
		width: 5.2rem;
	}

	/* 产品优势 */
	.index #floor_3_main {
		width: 100%;
		background: #fff;
	}

	.index .floor_3 .proAdvant .list li {
		display: block;
		width: 5.6rem;
		margin: 0 auto;
		padding-top: .4rem;
		padding-bottom: .4rem;
		border-top: .02rem solid #ddd;
	}

	.index .floor_3 .proAdvant .list li:first-child {
		border-top: none;
	}

	.index .floor_3 .proAdvant .list li .img {
		float: left;
		width: 1.34rem;
		height: 1.5rem;
	}

	.index .floor_3 .proAdvant .list li .img img {
		display: block;
		width: 100%;
		height: 100%;
	}

	.index .floor_3 .proAdvant .list li .txt {
		float: right;
		display: block;
		width: 3.8rem;
	}

	.index .floor_3 .proAdvant .list li:nth-child(2) .img {
		float: right;
	}

	.index .floor_3 .proAdvant .list li:nth-child(2) .txt {
		margin-left: 0;
		float: left;
	}

	.index .floor_3 .proAdvant .list li .txt .tit {
		font: bold .3rem "Microsoft YaHei";
		color: #d12b74;
	}

	.index .floor_3 .proAdvant .list li .txt .cont {
		margin-top: .12rem;
		font-size: .2rem;
		color: #666;
		line-height: .4rem;
		text-align: justify;
	}

	/*工程案例*/
	.index #floor_4_main {
		width: 100%;
		background: #f0f0f0;
	}

	.index .floor_4 {
		padding-bottom: .6rem;
	}

	.index .floor_4 .caseList {
		margin-top: .3rem;
		overflow: hidden;
		position: relative;
	}

	.index .floor_4 .caseList .bd {
		position: relative;
		width: 5.6rem;
		margin: 0 auto;
		overflow: hidden;
	}

	.index .floor_4 .caseList .list li {
		position: relative;
		float: left;
		display: block;
		width: 5.6rem;
		height: 6.72rem;
	}

	.index .floor_4 .caseList .bd .list li a {
		display: block;
		width: 5.6rem;
		height: 3.15rem;
	}

	.index .floor_4 .caseList .bd .list {
		display: inline-block;;
	}

	.index .floor_4 .caseList .bd .list li .img {
		display: block;
		width: 5.6rem;
		height: 4.2rem;
	}

	.index .floor_4 .caseList .bd .list li .txt {
		width: 5.6rem;
		z-index: 9;
	}

	.index .floor_4 .caseList .bd .list li .txt .tit {
		margin-top: .4rem;
		margin-bottom: .2rem;
		font-size: .26rem;
		color: #d12b74;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.index .floor_4 .caseList .bd .list li .txt .cont {
		font-size: .24rem;
		color: #666;
		line-height: .4rem;
	}

	.index .floor_4 .caseList .hd {
		width: 100%;
		height: .2rem;
		position: absolute;
		bottom: .2rem;
		margin-top: .4rem;
	}

	.index .floor_4 .caseList .hd ul {
		max-width: 100%;
		text-align: center;
	}

	.index .floor_4 .caseList .hd li {
		display: inline-block;
		float: none;
		width: .16rem;
		height: .16rem;
		background-color: #999;
		border-radius: 100%;
		margin-right: .16rem;
		font-size: 0px;
		cursor: pointer;
	}

	.index .floor_4 .caseList .hd li.on {
		background-color: #d12b74;
	}

	/*新闻动态*/
	.index #floor_5_main {
		width: 100%;
		background: #fff;
	}

	.index .floor_5 {
		height: auto;
		padding-bottom: .8rem;
	}

	.index .floor_5 .inews {
		margin-top: .1rem;
	}

	.index .floor_5 .inews .list li {
		display: block;
		width: 5.6rem;
		margin: 0 auto;
		border-top: .02rem solid #ddd;
		line-height: 1rem;
		overflow: hidden;
	}

	.index .floor_5 .inews .list li:first-child {
		border-top: none;
	}

	.index .floor_5 .inews .list li .tit {
		float: left;
		width: 74%;
		font-size: .26rem;
		color: #333;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.index .floor_5 .inews .list li .time {
		float: right;
		width: 25%;
		font-size: .26rem;
		color: #999;
	}

	.index .floor_5 .look_more {
		background: #f6f6f6;
	}

	/* 搜索 */
	#top .search {
		margin: 0.1rem auto;
		width: 4.6rem;
		height: 0.56rem;
		line-height: 0.56rem;
		border-radius: 0.5rem;
		background: #fff;
	}

	#top .search input {
		border: none;
	}

	#top .search .txt {
		width: 80%;
		display: block;
		background: none;
		height: 0.56rem;
		line-height: 0.56rem;
		text-indent: 0.08rem;
		color: #333;
		font-size: 0.22rem;
	}

	#top .search .searchbtn {
		background-position: -1.2rem -1.7rem;
		width: 0.4rem;
		height: 0.4rem;
		display: block;
		margin: 0.05rem 0.2rem 0 0;
	}

	.searchinfo {
		background: #fff;
		padding: 0.4rem 2%;
		height: 100%;
	}

	.searchinfo h2 {
		color: #000;
	}

	.searchinfo .searchlist {
		padding: 0.2rem 0;
	}

	.searchinfo .searchlist a {
		display: inline-block;
		margin: 0 1.0rem 0.3rem 0;
		color: #fff;
		background: #093c84;
		font-size: 0.24rem;
		text-align: center;
		height: 0.64rem;
		line-height: 0.64rem;
		padding: 0 0.2rem;
		border-radius: 0.5rem;
	}

	/*******************content*************/
	.dialog-layout {
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 101;
		background: #000;
		opacity: .5;
	}

	.index .hd {
		padding: 0 3%;
	}

	.index .hd li {
		width: 25%;
		float: left;
		background: #ccc;
		color: #fff;
		font-size: .3rem;
		height: .56rem;
		line-height: .56rem;
		text-align: center;
	}

	.index .hd li.on {
		background: #2b5899;
	}

	/*内页样式*/
	.content {
		width: 100%;
		padding-bottom: .2rem;
		padding-top: 0.2rem;
		background: #fff;
	}

	.iconn {
		background: url(../image/iconn.png) no-repeat;
		background-size: 1.4rem auto;
		vertical-align: middle;
	}

	/*recom*/
	.recom {
		padding-top: .2rem;
		background: #f1f1f1;
		transition: none;
	}

	.recom * {
		transition: none;
	}

	.recom .recomCon {
		width: 100%;
		overflow: hidden;
		background: #fff;
		box-sizing: border-box;
	}

	.recom .recomConList {
		width: 200%;
	}

	.recom .list {
		float: left;
		width: 50%;
	}

	.recom .list li {
		border-bottom: 1px solid #eeeeee;
	}

	.recom .list li a {
		display: block;
		padding: .16rem .2rem .16rem .3rem;
	}

	.recom .list li.item {
		position: relative;
	}

	.recom .list li.item .img {
		width: 1.2rem;
		height: .9rem;
		float: left;
		margin-right: .15rem;
		padding: .04rem;
		border: 1px solid #f1f1f1;
	}

	.recom .list li.item h3 {
		color: #000;
		height: .4rem;
		overflow: hidden;
	}

	.recom .list li.item .txt {
		font-size: .2rem;
		color: #aaaaaa;
		line-height: .28rem;
	}

	.recom .list li.item .time {
		color: #aaaaaa;
		position: absolute;
		right: .25rem;
		font-size: .18rem;
		bottom: .2rem;
	}

	.recom .list li.item .time:before {
		width: .22rem;
		height: .22rem;
		display: inline-block;
		background-position: -1.4rem 0;
	}

	.recom .list li .tit {
		color: #2b5899;
	}

	.recom .list li .tit:after {
		width: 1px;
		height: .28rem;
		content: "\20";
		display: inline-block;
		margin: 0 .18rem;
		vertical-align: middle;
		background: #eeeeee;
	}

	.newslist {
		padding: 0 3%;
	}

	.newslist .item {
		width: 100%;
		border-bottom: 1px solid #eeeeee;
	}

	.newslist .item * {
		transition: all .3s linear;
	}

	.newslist .item a {
		padding: .3rem 0;
		width: 100%;
		display: block;
	}

	.newslist .item img {
		width: 1.44rem;
		height: .96rem;
		display: block;
		margin-top: .06rem;
		float: right;
		margin-right: .1rem;
	}

	.newslist .item h3 {
		font-size: .3rem;
		line-height: .36rem;
		max-height: .72rem;
		overflow: hidden;
		color: #000000;
	}

	.newslist .item .dec {
		color: #999999;
		font-size: .2rem;
		margin-top: .08rem;
	}

	.newslist .item .dec span {
		margin-right: .2rem;
	}

	.newslist .item.pic4 h3 {
		height: .36rem;
		margin-bottom: .08rem;
	}

	.newslist .item.pic4 img {
		float: left;
		margin-right: .06rem;
	}

	.newslist .item.pic4 img:last-child {
		margin-right: 0;
	}

	.g-top {
		width: 0.68rem;
		height: .68rem;
		position: fixed;
		bottom: 15%;
		z-index: 998;
		right: 2%;
		cursor: pointer;
		background: url(http://www.yuanchunbao.com/m/skin/images/ico-top.png) no-repeat;
		background-size: 100% auto;
	}

	/*subCate*/
	.subCate {
		padding: 0rem 0 .2rem;
	}

	.subCate a {
		width: 48%;
		margin: 0 1%;
		font-size: .22rem;
		height: .5rem;
		overflow: hidden;
		display: block;
		float: left;
		line-height: .5rem;
		text-align: center;
		color: #666;
		border: 1px solid #ddd;
		box-sizing: border-box;
		margin-bottom: .1rem;
	}

	.subCate a.on {
		border-color: #d12b74;
		color: #d12b74;
	}

	/*cateList*/
	.iconbef:before {
		background: url(../image/iconn.png) no-repeat;
		background-size: 1.4rem auto;
		vertical-align: middle;
	}

	.cateList {
		width: 100%;
		line-height: 0.8rem;
		text-align: center;
		background: #f6f6f6;
		color: #d12b74;
		position: relative;
	}

	.cateList .goBack {
		width: .8rem;
		height: .8rem;
		padding-top: .23rem;
		position: absolute;
		left: .1rem;
		top: 0;
		z-index: 12;
	}

	.cateList .goBack:before {
		width: .4rem;
		height: .4rem;
		display: block;
		margin: 0 auto;
		background-position: -1.0rem -0.64rem;
	}

	.cateList h3 {
		position: relative;
		font-size: .3rem;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
	}

	.cateList h3 s {
		position: absolute;
		top: 0.34rem;
		right: .4rem;
		width: .25rem;
		height: .2rem;
		margin-left: .1rem;
		background-position: -1.16rem 0;
		display: none;
	}

	.cateList .box {
		width: 100%;
		padding: .2rem 3% .0;
		z-index: 11;
		background: #fff;
		display: none;
		border-bottom: 1px solid #ddd;
	}

	.cateList .box a {
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: .15rem;
		height: .62rem;
		line-height: .6rem;
		border: 1px solid #dddddd;
		font-size: .26rem;
		text-align: center;
		display: block;
		float: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.cateList .box a:nth-child(2n) {
		margin-right: 0;
	}

	.cateList .box a.on {
		background: #d12b74;
		border-color: #d12b74;
		color: #fff;
	}

	/*pager*/
	.pager {
		width: 100%;
		text-align: center;
		background: #f6f6f6;
		padding: .2rem 0;
		font-size: .2rem;
	}

	.pager a, .pager span {
		width: 1.6rem;
		height: .4rem;
		line-height: .4rem;
		display: inline-block;
		background: #e59f19;
		color: #fff;
		border-radius: 5px;
	}

	.pager .yem {
		height: .4rem;
		display: inline-block;
		margin: 0px .1rem;
		line-height: .4rem;
	}

	/*reLink*/
	.reLink {
		margin: .2rem 4% .1rem;
		width: 92%;
	}

	.reLink .prevLink, .reLink .nextLink {
		display: block;
		height: .6rem;
		line-height: .6rem;
		font-size: .24rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #e8e8e8;
	}

	.reLink a {
		color: #333333;
	}

	/*m-share*/
	.m-share {
		margin-left: 3%;
		margin-bottom: .2rem;
	}

	.showInfo .showTit {
		width: 96%;
		margin: 0 auto;
		line-height: .3rem;
		padding: .2rem 2% .1rem;
		border-bottom: 1px dashed #ccc;
		text-align: center;
	}

	.showInfo .showTit h1 {
		color: #333333;
		font-size: .4rem;
		line-height: .45rem;
		margin-bottom: .05rem;
	}

	.showInfo .showTit .mark {
		font-size: .22rem;
		color: #999;
		margin-top: .1rem;
	}

	.moreBtn {
		width: 94%;
		margin: 2% auto 6%;
		height: 0.88rem;
		line-height: 0.88rem;
		display: block;
		text-align: center;
		background: #d12b74;
		color: #fff;
		font-size: .22rem;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	}

	.moreBtn a {
		display: block;
		color: #fff;
	}

	.moreBtn:active, .moreBtn:hover {
		background: #d12b74;
		color: #fff;
	}

	/*showInfor*/
	.showInfo {
		width: 100%;
		background: #fff;
		overflow: hidden;
	}

	.showInfo .showSubTit {
		width: 100%;
		height: .65rem;
		line-height: .65rem;
		font-weight: normal;
		margin: .2rem 0 .1rem;
		background: #f6f6f6;
		border-bottom: 1px solid #d12b74;
		font-size: .24rem;
		text-indent: .15rem;
	}

	/*recomNew*/
	.recomNew {
		width: 96%;
		padding: 0.1rem 0 2%;
		margin: 0 auto;
	}

	.recomNew li {
		width: 100%;
		height: .6rem;
		line-height: .6rem;
		border-bottom: 1px solid #eeeeee;
		overflow: hidden;
	}

	.recomNew li a {
		font-size: .24rem;
		display: block;
		position: relative;
		padding-left: 2%;
	}

	.recomNew li a:before {
		content: "";
		position: absolute;
		background: #cccccc;
		width: 3px;
		height: 3px;
		left: 0;
		top: 0.28rem;
		z-index: 11;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	/*showSubTit*/
	.showInfo .contxt {
		font-size: .24rem;
		line-height: .34rem;
		padding: 3% 3% 5%;
	}

	.showInfo .contxt img {
		max-width: 100%;
		margin: 0px auto;
		/* 	height: auto !important; */
		display: inline;
	}

	.showInfo .contxt p {
		line-height: .4rem;
	}

	.showInfo .contxt .biao td {
		padding: .09rem;
		border: 1px solid #ccc;
		vertical-align: middle;
		WORD-WRAP: break-word;
		table-layout: fixed;
		word-break: break-all;
	}

	.showmenu {
		width: 100%;
		padding: 0.1rem 0 .2rem;
		background: #fff;
	}

	.showmenu a {
		width: 48%;
		height: .6rem;
		display: block;
		float: left;
		line-height: .6rem;
		text-align: center;
		border-radius: .04rem;
		color: #333;
		background: #fff;
		margin: 0 1% 2%;
		border: 1px solid #ddd;
		box-sizing: border-box;
	}

	.showmenu a.hover {
		border: 1px solid #d12b74;
		color: #fff;
		background: #d12b74;
	}

	.erro {
		padding: 0.2rem;
	}

	/*news.html*/
	.newsList .list {
		width: 100%;
		margin-bottom: .3rem;
	}

	.newsList .item {
		padding: 0.3rem 0.2rem;
		overflow: hidden;
		position: relative;
		border-bottom: 1px solid #f3f3f3;
	}

	.newsList .item:nth-child(2n) {
		background: #f9f9f9;
	}

	.newsList .item:nth-child(2n) {
		background: #fff;
	}

	.newsList .item:nth-child(2n) span:after {
		background: #f9f9f9;
	}

	.newsList .item:last-child {
		border: 0px;
	}

	.newsList .item a {
		width: 100%;
		display: block;
	}

	.newsList .item img {
		width: 1.6rem;
		height: 1.2rem;
		margin-right: .2rem;
		float: left;
	}

	.newsList .item h3 {
		font-size: .26rem;
		line-height: .38rem;
		font-weight: normal;
		margin-bottom: .2rem;
		color: #000;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.newsList .item .txt {
		color: #666666;
		font-size: .23rem;
		line-height: .35rem;
	}

	.addimglist .item img {
		width: 1.2rem;
		height: 1.48rem;
		margin-right: .1rem;
		float: left;
	}

	.addimglist .item h3 {
		width: 4.7rem;
		font-size: .3rem;
		line-height: .38rem;
		font-weight: normal;
		margin-bottom: .28rem;
		color: #000;
		margin-top: .02rem;
		float: left;
	}

	.addimglist .item .txt {
		color: #666666;
		font-size: .22rem;
		line-height: .28rem;
		width: 4.7rem;
		float: left;
	}

	.newsList .item:hover h3 {
		color: #d12b74;
	}

	/*fenx*/
	#nativeShare {
		margin: 0 auto;
		width: 100%;
		padding-top: 0.3rem;
		max-width: 640px;
		min-width: 320px;
	}

	#nativeShare .label {
		margin-left: 0.2rem;
		font-size: 0.24rem;
		color: #666666;
		line-height: 0.6rem;
	}

	#nativeShare .list {
		width: 5.4rem;
		float: right;
	}

	#nativeShare .list span {
		height: 0.9rem;
		width: 0.9rem;
		padding: 0;
		display: inline-block;
	}

	#nativeShare .list span i {
		margin: 0 auto;
		width: 0.63rem;
		height: 0.63rem;
		display: block;
	}

	#nativeShare .weibo i {
		background-image: url('http://www.yuanchunbao.com/m/skin/images/weibo.png');
		background-size: cover;
	}

	#nativeShare .weixin i {
		background-image: url('http://www.yuanchunbao.com/m/skin/images/weixin_friend.png');
		background-size: cover;
	}

	#nativeShare .weixin_timeline i {
		background-image: url('http://www.yuanchunbao.com/m/skin/images/weixin.png');
		background-size: cover;
	}

	#nativeShare .qq i {
		background-image: url('http://www.yuanchunbao.com/m/skin/images/qq.png');
		background-size: cover;
	}

	#nativeShare .qzone i {
		background-image: url('http://www.yuanchunbao.com/m/skin/images/qqzone.png');
		background-size: cover;
	}

	#nativeShare .more i {
		background-image: url('http://www.yuanchunbao.com/m/skin/images/more.png');
		background-size: cover;
	}

	#nativeShare .list span.qzone, #nativeShare .list span.more {
		width: 0.73rem;
	}

	#fenxiang {
		display: none;
	}

	.fenx {
		height: 1.0rem;
		width: 100%;
	}

	.fenx .tt {
		margin-left: 0.2rem;
		font-size: 0.24rem;
		color: #666666;
		line-height: 0.6rem;
	}

	.fenx .bdsharebuttonbox {
		width: 80%;
		float: right;
	}

	.fenx .bdsharebuttonbox a {
		margin-left: 0.2rem;
	}

	#bdfx {
	}

	#bdfx a {
		height: 0.6rem;
		width: 0.6rem;
		margin: 0;
		padding: 0;
		margin: 0px 0.08rem;
		display: inline-block;
	}

	#bdfx .d1 {
		background: url(http://www.yuanchunbao.com/m/skin/images/qqzone.png) no-repeat center;
		background-size: 100% 100%;
	}

	#bdfx .d2 {
		background: url(http://www.yuanchunbao.com/m/skin/images/weibo.png) no-repeat center;
		background-size: 100% 100%;
	}

	/*catelist*/
	.catelist .item span {
		display: block;
		width: 9px;
		height: 16px;
		position: absolute;
		top: 28%;
		margin-top: -8px;
		right: 2%;
	}

	.catelist .item span:before {
		content: "";
		position: absolute;
		background: #ccc;
		width: 11px;
		height: 11px;
		right: 0;
		top: 0;
		z-indx: 10;
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.catelist .item span:after {
		content: "";
		position: absolute;
		background: #fff;
		width: 11px;
		height: 11px;
		right: 4px;
		top: 0;
		z-indx: 11;
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.caselist li {
		width: 47%;
		margin-left: 2%;
		margin-bottom: 2%;
		float: left;
		box-sizing: border-box;
	}

	.caselist li a {
		display: block;
	}

	.caselist li figure {
		width: 100%;
		padding-top: 75%;
		position: relative;
		overflow: hidden;
	}

	.caselist li figure img {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		min-height: 100%;
		display: block;
	}

	.caselist li h3 {
		height: .65rem;
		line-height: .65rem;
		text-align: center;
		font-size: 0.26rem;
		font-weight: normal;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	/*.list_imgH li figure{padding-top: 133.333333%;}*/
	.list_4 li figure {
		padding-top: 75%;
	}

	.messagePage {
		padding: 3% 3% 5%;
	}

	.messagePage .indexTit {
		margin-bottom: .4rem;
		text-align: center
	}

	.messagePage .indexTit h3 {
		font-size: .3rem;
		text-align: center;
	}

	.messagePage .item {
		width: 100%;
		height: 0.7rem;
		line-height: 0.7rem;
		position: relative;
		-webkit-border-radius: 0.06rem;
		border-radius: 0.06rem;
		margin-bottom: .18rem;
		border: 1px solid #dedede;
	}

	.messagePage .item label {
		width: 1rem;
		color: #333;
		display: block;
		float: left;
		text-align: center;
		height: 0.7rem;
		line-height: 0.7rem;
	}

	.messagePage .item input {
		width: 4.5rem;
		height: 0.7rem;
		line-height: 0.7rem;
		border: 0;
		background: none;
		color: #999;
	}

	.messagePage .item select {
		width: 4.5rem;
		height: 0.7rem;
		line-height: 0.7rem;
		border: 0;
		background: none;
		background: #fff url(http://www.yuanchunbao.com/m/skin/images/mess.jpg) right no-repeat;
		background-size: auto 100%;
	}

	.messagePage .item .b {
		position: absolute;
		right: .12rem;
		color: #ff9f00;
	}

	.messagePage .item.con {
		height: 2.8rem;
	}

	.messagePage .item.con textarea {
		width: 100%;
		height: 2.1rem;
		padding: .1rem .16rem .1rem;
		resize: none;
		background: none;
		border: 0px;
	}

	.messagePage .item.con .b {
		top: 0;
	}

	/*.messagePage .btn .reset{width: 2.72rem; height: 0.68rem; line-height: 0.68rem; text-align: center; float: left; border: 1px solid #d2d2d2; background: #f9f9f9; color: #333333; font-size: .28rem;}*/
	.messagePage .btn input {
		width: 100%;
		height: 0.68rem;
		line-height: 0.68rem;
		text-align: center;
		display: block;
		float: right;
		background: #d12b74;
		color: #fff;
		font-size: .28rem;
		border: 0;
	}

	.showtel {
		position: fixed;
		width: 5rem;
		height: 2rem;
		top: 60%;
		left: 50%;
		margin-left: -2.5rem;
		z-index: 999;
		display: none;
		text-align: center
	}

	.showtel a {
		display: inline-block;
		width: 5rem;
		height: .8rem;
		line-height: .8rem;
		border-radius: 5px;
		background: #00633d;
		color: #fff;
		font-size: .3rem;
		margin-bottom: .2rem
	}

	/*产品导航*/
	.m-navwrap {
		position: relative;
		width: 100%;
		margin-top: -.2rem;
		padding-bottom: .2rem;
	}

	#navwrap {
		width: 100%;
		float: right;
		top: 38px;
		background-color: #f6f6f6;
		z-index: 2;
		display: none;
		left: 0;
	}

	#navwrap .tit {
		display: block;
		width: 100%;
		padding: 0 17% 0 5%;
		height: .8rem;
		line-height: .8rem;
		font-size: .24rem;
		color: #fff;
		background: url("http://www.yuanchunbao.com/m/skin/images/ico_down1.png") no-repeat 92% center #fff;
		background-size: auto 42%;
		cursor: pointer;
		border-bottom: 1px solid #e8e8e8;
	}

	#navwrap a {
		color: #333;
		display: block;
	}

	#navwrap .sub-box {
		width: 100%;
		background: #f6f6f6;
		display: none;
	}

	#navwrap .sub-box a {
		display: block;
		width: 100%;
		padding: 0 6.4% 0 4.6%;
		height: .7rem;
		line-height: .7rem;
		border-top: 1px solid #e8e8e8;
		color: #333;
		font-size: .2rem;
		text-indent: .3rem;
		background: url("http://www.yuanchunbao.com/m/skin/images/ico_right1.png") no-repeat 92% center;
		background-size: auto 35%;
	}

	.nav-ico {
		position: absolute;
		top: .1rem;
		right: .2rem;
		width: .4rem;
		height: .36rem;
		background-position: -.5rem -1.2rem;
	}

	#navwrap .sub-box a:first-child {
		border-top: none;
	}

	#navwrap .sub-box a:hover {
		background: url("http://www.yuanchunbao.com/m/skin/images/ico_right.png") no-repeat 92% center #d12b74;
		color: #fff;
	}
}
/*字体*/
@media only screen and (max-width:640px) {
	html {
		font-size: 100px;
	}
}
@media only screen and (max-width:540px) {
	html {
		font-size: 84.375px;
	}
}
@media only screen and (max-width:480px) {
	html {
		font-size: 75px;
	}
}
@media only screen and (max-width:414px) {
	html {
		font-size: 64.6875px;
	}
}
@media only screen and (max-width: 400px) {
	html {
		font-size: 62.5px;
	}
}
@media only screen and (max-width: 375px) {
	html {
		font-size: 58.5938px;
	}
}
@media only screen and (max-width: 360px) {
	html {
		font-size: 56.25px;
	}
}
@media only screen and (max-width: 320px) {
	html {
		font-size: 50px;
	}
}
@media only screen and (max-width:640px) {

	#topnav.menu-btn .menu-line {
		background: #000;
		height: 4px;
		position: absolute;
		width: 24px;
		right: 0;
	}

	#topnav.menu-btn #menu-line1 {
		top: 0;
	}

	#topnav.menu-btn #menu-line2 {
		top: 50%;
	}

	#topnav.menu-btn #menu-line3 {
		top: 100%;
	}

	#topnav.menu-btn .menu-line {
		animation-duration: 0.5s;
		animation-timing-function: ease;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-delay: 0;
		animation-play-state: running;
		animation-fill-mode: forwards;
	}

	#topnav.menu-btn.inactive #menu-line1 {
		animation: 800ms ease 0s normal none 2 running menu;
	}

	#topnav.menu-btn.inactive #menu-line2 {
		animation: 800ms ease 0.16s normal none 2 running menu;
	}

	#topnav.menu-btn.inactive #menu-line3 {
		animation: 800ms ease 0.32s normal none 2 running menu;
	}

	/*导航动画*/
	@keyframes menu-line1-hover {
		0% {
		}
		50% {
			transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
		}
		100% {
			top: 50%;
			transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-o-transform: rotate(45deg);
		}
	}
	@keyframes menu-line2-hover {
		0% {
			opacity: 1
		}
		50% {
			opacity: 1
		}
		51% {
			opacity: 0
		}
		100% {
			opacity: 0
		}
	}
	@keyframes menu-line3-hover {
		0% {
		}
		50% {
			transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
		}
		100% {
			top: 50%;
			transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
		}
	}
	@keyframes menu-line1 {
		0% {
			top: 50%;
			transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-o-transform: rotate(45deg);
		}
		50% {
			top: 50%;
			transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
		}
		100% {
			top: 0%;
			transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
		}
	}
	@keyframes menu-line2 {
		0% {
			opacity: 0
		}
		50% {
			opacity: 0
		}
		51% {
			opacity: 1
		}
		100% {
			opacity: 1
		}
	}
	@keyframes menu-line3 {
		0% {
			top: 50%;
			transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
		}
		50% {
			top: 50%;
			transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
		}
		100% {
			top: 100%;
		}
	}
	@-webkit-keyframes menu {
		0% {
			width: 24px;
		}
		45% {
			width: 6px;
		}
		90% {
			width: 24px;
		}
		100% {
			width: 24px;
		}
	}
	@keyframes menu {
		0% {
			width: 24px;
		}
		45% {
			width: 6px;
		}
		90% {
			width: 24px;
		}
		100% {
			width: 24px;
		}
	}

	.ycb_proCenter {
		box-sizing: border-box;
		padding: .25rem .25rem 0 .25rem;
	}

	.ycb_in_title {
		padding-top: .3rem !important;
	}

	.ycb_tit {
		width: 90% !important;
		font-size: .5rem !important;
	}

	.ycb_jx {
		font-size: .21rem !important;
		transform: scale(.88);
	}

	.ycb_jianjie_wrap {
		position: relative;
		height: 6rem;
		margin-top: .6rem;
	}

	.ycb_center {
		width: 2.8rem !important;
		height: 2.8rem !important;
		display: flex;
		overflow: hidden;
		justify-content: center;
		align-content: center;
		transform: translate3d(-32%, -32%, 0) !important;
	}

	.ycb_zx {
		width: 100%;
		margin-top: .6rem;
	}

	.health-title {
		color: #333;
		margin: .1rem 0;
		font-weight: bold;
	}

	.health-desc {
		color: #999;
		padding-bottom: .2rem;
		border-bottom: 1px solid #A6A6A6;
	}

	.health-demo-wrap {
		padding: 0 .25rem .25rem .25rem;
		box-sizing: border-box;
	}

	.health-demo {
		display: flex;
		border-bottom: 1px solid #a6a6a6;
		align-items: center;
		box-sizing: border-box;
		padding: .2rem 0;
	}

	.health-demo .health-date {
		background-color: #FE0000;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		color: #fff;
		min-width: 1.1rem;
		height: 1.1rem;
		margin-right: .2rem;
		box-sizing: border-box;
		padding: .2rem;
	}

	.health-demo .health-date .day {
		font-size: .3rem;
		font-weight: bold;
		text-align: center;
	}

	.health-demo .health-date .time-line {
		display: flex;
		height: 1px;
		width: 100%;
		background-color: #fff;
	}

	.health-demo .health-date .year {
		font-size: .2rem;
		text-align: center;
	}

	.health-demo .health-demo-desc h3 {
		color: #333;
		padding: .1rem 0;
		font-weight: bold;
	}

	.ycb_view {
		border: 1px solid #E9E9E9;
	}

	.play {
		width: 3.5rem;
		margin: .15rem auto;
		border: 2px solid #6569FF;
		color: #6569FF;
		border-radius: .5rem;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: .05rem 0;
		font-weight: bold;
	}

	.play img {
		vertical-align: middle;
		width: .5rem;
		height: .5rem;
		margin-right: .1rem;
	}

	.ycb_video {
		height: 100%;
		background: #fff;
	}
}