@charset "UTF-8";
.minsideone,
.minsideone .minsideonebtn a,
.minsidetwo {
	position: relative;
	display: block;
	clear: both
}

.minsideone {
	background: url(../images/mnewbg.jpg) center top no-repeat;
	background-size: 100%;
	border-radius: .6666666667rem .6666666667rem 0rem 0rem;
	margin-left: -.4rem;
	margin-right: .4rem;
	padding: .5333333333rem .4rem 2.1333333333rem .8rem
}

.minsideone h1 {
	clear: both;
	display: block;
	color: #fff;
	font-size: .5066666667rem;
	line-height: .8266666667rem;
	padding-bottom: .5333333333rem
}

.minsideone .minsideonetit {
	clear: both;
	display: block;
	font-size: .3733333333rem;
	line-height: 1;
	color: #2d3834;
	text-align: left;
	padding-bottom: .3733333333rem;
	padding-right: 3.0666666667rem
}

.minsideone .minsideonetxt {
	clear: both;
	display: block;
	font-size: .2933333333rem;
	line-height: 1;
	color: #3f524b;
	text-align: left;
	padding-right: 1.8666666667rem
}

.minsideone .minsideonetxt span:first-child {
	padding-right: .2133333333rem
}

.minsideone .minsideonebtn {
	background: url(../images/mnewicon05.png) center bottom no-repeat;
	background-size: 2.44rem;
	padding-bottom: .3333333333rem;
	position: absolute;
	right: .16rem;
	bottom: .5333333333rem
}

.minsideone .minsideonebtn i {
	float: right;
	display: block;
	width: 1.7066666667rem;
	height: 1.6933333333rem;
	margin-right: .4266666667rem;
	overflow: hidden
}

.minsideone .minsideonebtn i img {
	width: 100%
}

.minsideone .minsideonebtn a {
	background: #fb8525;
	background: -webkit-linear-gradient(left, #fb8525, #f95b1e);
	background: -o-linear-gradient(left, #fb8525, #f95b1e);
	background: linear-gradient(to right, #fb8525, #f95b1e);
	border-radius: .1866666667rem;
	padding: .0533333333rem;
	z-index: 3;
	width: 2.5333333333rem;
	height: .7866666667rem
}

.minsideone .minsideonebtn a span {
	clear: both;
	display: block;
	text-align: center;
	border: 1px dotted #fff;
	color: #fff;
	font-size: .4266666667rem;
	line-height: .6533333333rem;
	padding: 0rem .2rem;
	border-radius: .1866666667rem;
	font-weight: 700
}

.minsidetwo {
	background: #fff;
	background-size: 4px;
	border-radius: .8933333333rem 0rem .8933333333rem .8933333333rem;
	padding: .4666666667rem .4rem;
	margin-top: -1.3333333333rem;
	box-shadow: 0rem .1466666667rem .1733333333rem rgba(112, 142, 131, .22);
	font-size: .3733333333rem;
	line-height: .8rem;
	color: #555
}

.minsidetwo:before {
	content: "";
	position: absolute;
	right: .4rem;
	top: -.6666666667rem;
	width: .6666666667rem;
	height: .6666666667rem;
	background: url(../images/mnewicon12.png) right bottom no-repeat;
	background-size: .6666666667rem
}

.minsidetwo:after {
	content: "";
	position: absolute;
	right: 0rem;
	top: -2.8rem;
	width: .4rem;
	height: 2.8rem;
	background: #fff;
	border-radius: .8933333333rem 0rem 0rem;
	box-shadow: 0rem .1466666667rem .1733333333rem rgba(112, 142, 131, .22);
	z-index: -1
}

.minsidetwo h2,
.minsidetwo h3 {
	clear: both;
	font-size: .5066666667rem;
	line-height: .8rem;
	margin: .6666666667rem 0rem .4rem;
	color: #333;
	background: url(../images/mcaseoneicon03.png) left .0666666667rem no-repeat;
	background-size: .6666666667rem;
	padding-left: .9333333333rem
}

.minsidetwo p {
	clear: both;
	font-size: .4266666667rem;
	line-height: .72rem;
	margin: .4rem 0rem;
	color: #555
}

.minsidetwo span.showtime {
	font-size: .4266666667rem;
	line-height: .8rem;
	color: #777
}

.minsidetwo strong {
	color: #333;
	font-size: .4266666667rem
}

.minsidetwo a {
	color: #ff1d18
}

.minsidetwo ul li {
	clear: both;
	font-size: .4266666667rem;
	line-height: .8rem;
	margin: .4rem 0rem;
	color: #555;
	background: url(../images/mprozhtwoicon01.png) left .2666666667rem no-repeat;
	background-size: .2666666667rem;
	padding-left: .4666666667rem
}

.minsidetwo video {
	width: 100%
}

.minsidetwo img {
	max-width: 100%
}

.minsidetwo table {
	clear: both;
	margin: 0rem 0rem .2666666667rem;
	width: 100%;
	border-collapse: collapse;
	border: none;
	text-align: center
}

.minsidetwo table td,
.minsidetwo table th {
	border: 1px solid #eee;
	font-size: .3733333333rem;
	padding: .1333333333rem;
	line-height: .6666666667rem;
	/* min-width: 170px; */
	white-space: nowrap;
}
.minsidetwo table tr:first-of-type{
	background-color: #2ba77c;color: #ffffff;
}

.fuji{
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
}
.fuji::-webkit-scrollbar
{
-webkit-appearance: none;
width: 14px;
height: 14px;
}

.fuji::-webkit-scrollbar-thumb
{
border-radius: 8px;
border: 3px solid #fff;
background-color: rgba(0, 0, 0, .3);
}




.mnewpage {
	padding: .6rem .4rem
}

.mnewpage p {
	background: url(../images/mnewicon07.jpg) left .2666666667rem no-repeat;
	background-size: .36rem;
	font-size: .3733333333rem;
	line-height: .6666666667rem;
	padding: .1333333333rem 0rem .1333333333rem .5333333333rem
}

.mnewpage p:first-child {
	background-image: url(../images/mnewicon06.jpg)
}

.mcontactthree {
	clear: both;
	background: url(../images/mcontactthreebg.png) left top no-repeat;
	background-size: 100%;
	overflow: hidden;
	padding-bottom: .4666666667rem;
	border-radius: 0rem 0rem .5333333333rem .5333333333rem
}

.mcontactthree .mcontactthreetop {
	padding: 1.0266666667rem 0rem .6666666667rem .4rem;
	position: relative
}

.mcontactthree .mcontactthreetop h3 {
	clear: both;
	display: block;
	font-size: .64rem;
	margin-bottom: .4666666667rem;
	color: #fff;
	line-height: .64rem;
	border-left: .12rem solid #ffb62c;
	padding-left: .24rem
}

.mcontactthree .mcontactthreetop p {
	clear: both;
	display: block;
	line-height: .5866666667rem;
	font-size: .3733333333rem;
	color: #b9d9cf;
	padding-right: 3.7333333333rem
}

.mcontactthree .mcontactthreebom {
	clear: both;
	margin: 0rem .2rem;
	padding: .3733333333rem .4rem .6rem;
	border-radius: .5333333333rem;
	background: #fff;
	box-shadow: 0rem .0666666667rem .4266666667rem rgba(158, 191, 186, .44);
	position: relative;
	z-index: 3
}

.mcontactthree .mcontactthreebom .mcontactthreeul li {
	clear: both;
	margin-top: .5333333333rem;
	position: relative;
	background: #fff;
	border: 1px solid #dbdada;
	border-radius: .2666666667rem;
	overflow: hidden
}

.mcontactthree .mcontactthreebom .mcontactthreeul li .err {
	color: #ff461f;
	background: url(../images/cancel.png) right center no-repeat;
	padding-right: 25px;
	text-align: right
}

.mcontactthree .mcontactthreebom .mcontactthreeul li input {
	clear: both;
	display: block;
	width: 100%;
	height: 1.3066666667rem;
	line-height: 1.3066666667rem;
	color: #97959f;
	font-size: .3733333333rem;
	padding: 0rem .2666666667rem;
	position: relative;
	z-index: 2;
	background: 0 0
}

.mcontactthree .mcontactthreebom .mcontactthreeul li input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0rem 1000px #fff inset;
	-webkit-text-fill-color: #423d5c!important
}

.mcontactthree .mcontactthreebom .mcontactthreeul li textarea {
	clear: both;
	display: block;
	width: 100%;
	height: 3.2533333333rem;
	border-radius: .5333333333rem;
	line-height: .6666666667rem;
	color: #97959f;
	font-size: .3733333333rem;
	padding: .1333333333rem .2666666667rem;
	font-family: "Heiti SC", HelveticaNeue, Droidsansfallback, "Droid Sans", "微软雅黑";
	position: relative;
	z-index: 2;
	background: 0 0
}

.mcontactthree .mcontactthreebom .mcontactthreeul li textarea:-webkit-autofill {
	-webkit-box-shadow: 0 0 0rem 1000px #fff inset;
	-webkit-text-fill-color: #423d5c!important
}

.mcontactthree .mcontactthreebom .mcontactthreeul li span {
	position: absolute;
	left: .2666666667rem;
	right: .2666666667rem;
	top: .1333333333rem;
	line-height: 1.04rem;
	color: #97959f;
	font-size: .3733333333rem;
	z-index: 1;
	cursor: pointer
}

.mcontactthree .mcontactthreebom .mcontactthreeul li span font {
	color: #fd0000
}

.mcontactthree .mcontactthreebom .mcontactthreeul li.wenb span {
	line-height: .6666666667rem
}

.mcontactthree .mcontactthreebom .btnclick {
	clear: both;
	position: relative;
	text-align: right;
	height: 1.3333333333rem;
	margin-top: .7466666667rem;
	background: #f7ede8;
	border-radius: .6666666667rem;
	padding: .08rem
}

.mcontactthree .mcontactthreebom .btnclick .btn_submit {
	float: right;
	z-index: 2;
	cursor: pointer;
	display: inline-block;
	width: 2.1733333333rem;
	height: 1.1733333333rem;
	background: #ff7121;
	font-size: .4266666667rem;
	color: #fff;
	font-weight: 700;
	border-radius: .5866666667rem;
	border: .0266666667rem solid #ff9a48;
	line-height: 1.12rem;
	text-align: center
}

.mcontactthree .mcontactthreebom .btnclick span {
	float: left;
	color: #858c8f;
	font-size: .32rem;
	position: relative;
	padding-right: .1733333333rem;
	line-height: 1;
	padding-left: .3733333333rem;
	margin-top: .4266666667rem
}

.mcontactthree .mcontactthreebom .btnclick span:after {
	content: "";
	position: absolute;
	right: -1.5733333333rem;
	width: 1.5733333333rem;
	height: .0266666667rem;
	background: #fbb187;
	background: -webkit-linear-gradient(left, #f8e0d3, #ff7121);
	background: -o-linear-gradient(left, #f8e0d3, #ff7121);
	background: linear-gradient(to right, #f8e0d3, #ff7121);
	top: 50%;
	margin-top: .0133333333rem
}

.mcontactwd {
	clear: both;
	display: block;
	height: 8.16rem;
	position: relative;
	background: #fff
}

.mcontactwd:after {
	content: "";
	position: absolute;
	right: 0rem;
	bottom: 0rem;
	background: url(../images/mcontactwdbg.jpg) right bottom no-repeat;
	background-size: 100%;
	width: 100%;
	height: 15.8rem;
	border-radius: 0rem 0rem .5333333333rem .5333333333rem;
	overflow: hidden
}

.mcontactwd .mcontactwdBox {
	position: relative;
	z-index: 1;
	padding-top: 5.7866666667rem;
	padding-left: 4.4rem
}

.mcontactwd .mcontactwdBox h4 {
	clear: both;
	display: block;
	font-size: .3733333333rem;
	color: #fff;
	font-weight: 700;
	line-height: 2
}

.mcontactwd .mcontactwdBox .marqueetop {
	width: 100%;
	height: 1.3333333333rem;
	padding-right: .6666666667rem;
	margin: 0 auto;
	overflow: hidden
}

.mcontactwd .mcontactwdBox .marqueetop ul {
	clear: both;
	display: block
}

.mcontactwd .mcontactwdBox .marqueetop ul li {
	clear: both;
	display: block;
	margin-top: .2rem
}

.mcontactwd .mcontactwdBox .marqueetop ul li i {
	position: absolute;
	left: 0rem;
	top: .0933333333rem;
	width: .3733333333rem;
	height: .3733333333rem;
	border-radius: 50%;
	background: #8ee7b3;
	background: -webkit-linear-gradient(left, #8ee7b3, #64d092);
	background: -o-linear-gradient(left, #8ee7b3, #64d092);
	background: linear-gradient(to right, #8ee7b3, #64d092);
	font-size: .2133333333rem;
	text-align: center;
	line-height: .3733333333rem;
	font-style: normal;
	color: #067359
}

.mcontactwd .mcontactwdBox .marqueetop ul li span,
.mcontactwd .mcontactwdBox .marqueetop ul li strong {
	display: block;
	font-size: .32rem;
	line-height: .5333333333rem;
	padding-left: .5333333333rem;
	position: relative
}

.mcontactwd .mcontactwdBox .marqueetop ul li strong {
	clear: both;
	color: #fff;
	margin-bottom: .0666666667rem
}

.mcontactwd .mcontactwdBox .marqueetop ul li span {
	clear: both;
	color: #9fcdbc
}

.reltop {
	clear: both;
	text-align: center;
	padding: .4rem .4rem 0rem;
	background: url(../images/mreltitbg.png) center top no-repeat;
	background-size: 4.8933333333rem;
	line-height: 1;
	position: relative
}

.reltop h3 {
	display: inline-block;
	font-size: .64rem;
	color: #393939;
	position: relative;
	line-height: 1
}

.reltop h3:after,
.reltop h3:before {
	content: "";
	position: absolute;
	background: #ffb62c;
	width: .2933333333rem;
	height: .08rem;
	top: 50%;
	margin-top: -.1333333333rem
}

.reltop h3:after {
	left: -.7066666667rem
}

.reltop h3:before {
	right: -.7066666667rem
}

.reltop a {
	position: absolute;
	right: .4rem;
	bottom: 0rem;
	background: url(../images/mcontactthreeicon07.png) right center no-repeat;
	background-size: .1866666667rem;
	padding-right: .3333333333rem;
	font-size: .3466666667rem;
	color: #999
}

.relnews ul li .relnewstit,
.relpro ul li .relprotit {
	color: #333;
	font-size: .4266666667rem;
	clear: both;
	display: block
}

.relpro {
	clear: both;
	padding-top: .9333333333rem
}

.relpro ul {
	clear: both;
	width: 100%;
	padding: .6666666667rem .0666666667rem 0rem
}

.relpro ul li {
	float: left;
	display: block;
	position: relative;
	width: 50%;
	margin-bottom: .5333333333rem;
	border-radius: .2666666667rem;
	padding: .1333333333rem .4666666667rem
}

.relpro ul li:after {
	content: "";
	position: absolute;
	left: .3333333333rem;
	right: .3333333333rem;
	top: 0rem;
	bottom: 0rem;
	background: rgba(255, 255, 255, .6);
	border-radius: .2666666667rem
}

.relpro ul li .relpropic {
	clear: both;
	display: block;
	border-radius: .2666666667rem;
	overflow: hidden;
	position: relative;
	z-index: 2;
	box-shadow: 0rem 0rem .1733333333rem rgba(79, 112, 136, .88)
}

.relpro ul li .relpropic img {
	width: 100%
}

.relpro ul li .relprotit {
	text-align: center;
	font-weight: 700;
	line-height: 1;
	position: relative;
	z-index: 2;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-top: .2933333333rem;
	margin-bottom: .2rem
}

.relnews {
	clear: both;
	padding-top: .4666666667rem;
	padding-bottom: .4666666667rem
}

.relnews ul {
	clear: both;
	padding: .4rem
}

.relnews ul li {
	clear: both;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
	padding: .4rem 0rem .4666666667rem
}

.relnews ul li:last-child {
	border-bottom: 0rem;
	padding-bottom: 0rem
}

.relnews ul li .relnewstit {
	line-height: .72rem;
	padding-bottom: .2666666667rem
}

.relnews ul li .newlistitemtime {
	clear: both;
	display: block;
	color: #999;
	text-align: right;
	line-height: 1;
	overflow: hidden
}

.relnews ul li .newlistitemtime span {
	float: left;
	background: url(../images/mnewicon09.png) left center no-repeat;
	background-size: .3066666667rem;
	padding-left: .4rem;
	line-height: .4rem;
	font-size: .3466666667rem
}

.relnews ul li .newlistitemtime span:first-child+span {
	float: right;
	background: url(../images/mhomefiveicon02.png) left center no-repeat;
	background-size: .3733333333rem;
	padding-left: .4666666667rem;
	color: #2f9989;
	line-height: .4rem;
	font-size: .3466666667rem;
	max-width: 3.4933333333rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: left
}

.relnews ul li.relnewsone .relnewstit {
	padding-bottom: 0rem
}

.relnews ul li.relnewsone .newlistitempic {
	clear: both;
	display: block;
	margin: 0 -.0666666667rem;
	padding: .2rem 0rem .2666666667rem;
	overflow: hidden
}

.relnews ul li.relnewsone .newlistitempic span {
	float: left;
	width: 33.3333%;
	padding: 0rem .0666666667rem
}

.relnews ul li.relnewsone .newlistitempic span img {
	border-radius: .1333333333rem;
	overflow: hidden;
	height: 1.84rem!important;
	width: 100%
}

.relnews ul li.relnewstwo .relnewsfl {
	float: left;
	width: 66.6666666667%
}

.relnews ul li.relnewstwo .relnewsfr {
	float: right;
	width: 30.4347826087%;
	border-radius: .1333333333rem;
	overflow: hidden
}

.relnews ul li.relnewsthree .relnewsfl {
	float: left;
	width: 66.6666666667%
}

.relnews ul li.relnewsthree .relnewsfr {
	float: right;
	width: 30.4347826087%;
	border-radius: .1333333333rem;
	overflow: hidden;
	position: relative
}

.relnews ul li.relnewsthree .relnewsfr:after {
	content: "";
	position: absolute;
	width: .6666666667rem;
	height: .6666666667rem;
	background: url(../images/mvideoicon01.png) center center no-repeat;
	background-size: 100%;
	left: 50%;
	top: 50%;
	margin-left: -.3333333333rem;
	margin-top: -.3333333333rem;
	opacity: .85
}


.minsidetwo{position: relative;z-index: 0;}