.box{

	float: left;

	width: 50%;

	position: relative;

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}

.box.oem{

	background-image: url('../images/map.jpg');

}

.box.oem .label{

	position: relative;

	bottom: 5%;

	left: 5%;

	font-size: 30px;

	color: #d8020a;

}

.franchiser{

	background: #d8020a;

	color: #fff;

}

.franchiser-content{

	margin: 10% 5%;

}

.franchiser-content .label{

	font-size: 30px;

	margin-bottom: 10px;

}

.franchiser-content .desc{

	min-width: 90px;

	width: 30%;

}

.franchiser-content .btn-link{

	float: right;

}

.search{

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

}

.search .prepend{

	float: left;

	width: 32%;

	height: 40px;

	position: relative;

}

.search .prepend span{

	display: block;

	height: 40px;

	line-height: 40px;

	background: #dc2c33;

	padding-right: 10%;

	text-align: right;

}

.search .prepend i{

	position: absolute;

	top: 50%;

	right: -7px;

	margin-top: -7px;

	width: 7px;

	height: 13px;

	background: url('../images/arrow.png') no-repeat;

}

.search .input{

	float: left;

	width: 58%;

	background-color: #d0d0d0;

	height: 40px;

}

.search .text{

	border: 0 none;

	height: 30px;

	padding: 5px 0;

	line-height: 30px;

	background: none;

	*margin: -1px 0;

	width: 95%;

	margin-left: 5%;

	text-indent: 1em;

	color: #666;

	font-size: 14px;

}

.search .submit{

	float: left;

	width: 10%;

}

.search .submit input{

	background: #000000 url('../images/magnifier.png') center no-repeat;

	height: 40px;

	width: 100%;

	border: 0 none;

}

.btn-link{

	background: url('../images/circle.png') no-repeat;

	padding: 25px 0;

	height: 53px;

	width: 103px;

	text-align: center;

	color: #fff;

	margin-left: 10%;

}

.btn-link:hover{

	text-decoration: none;

}

.btn-link span{

	color: #fff;

}

.icon{

	width: 27px;

	height: 27px;

	display: block;

	background-position: center center;

	background-repeat: no-repeat;

	margin: 0 auto;

}

.icon-badge{

	background-image: url('../images/badge.png');

}

.icon-flow{

	background-image: url('../images/flow.png');

}



.address{

	position: absolute;

	bottom: 100px;

	width: 100%;

}

.address dl{

	zoom: 1;

	color: #fff;

	margin: 8% 0;

}

.address dl:first-child{

	margin-top: 3%;

}

.address dl:before,

.address dl:after{

	content: "";

	clear: both;

	display: table;

	border-collapse: collapse;

}

.address dt{

	border: 3px solid #fff;

	border-radius: 34px;

	width: 62px;

	height: 62px;

	float: left;

	text-align: center;

	line-height: 62px;

	font-size: 18px;

}

.address dd{

	float: left;

	margin-left: 3%;

	line-height: 18px;

}

.peple{

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	background-image: url('../images/peple.jpg');

}



.panel{

	position: fixed;

	z-index: 100;

	margin-top: 50px;

	width: 100%;

}

.panel .close{

	position: absolute;

	right: 3%;

	top: -16px;

	background: url('../images/close.png') no-repeat;

	width: 42px;

	height: 42px;

}

.panel .panel-content{

	background: #fff;

	padding: 3%;

	zoom: 1;

	min-height: 312px;

}

.panel .panel-content:before,

.panel .panel-content:after{

	content: "";

	clear: both;

	display: table;

	border-collapse: collapse;

}

.panel .label{

	float: left;

	width: 20%;

	font-size: 18px;

	color: #d8020a;

}

.panel .pic{

	float: left;

	width: 25%;

	height: 216px;

	margin-left: 5%;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-o-border-radius: 10px;

	border-radius: 10px;

	background: #eee;

}

.panel .info{

	float: left;

	width: 35%;

	margin-left: 5%;

	color: #666;

}

.panel .name{

	font-size: 24px;

	margin-bottom: 5%;

}

.panel .contact{

	margin-bottom: 5%;

}

.window-mask{

	display: none;

}



.article-image{

	float: left;

	width: 50%;

	height: 100%;

	background: #eee;

}

.article{

	float: left;

	width: 50%;

}

.article .article-body{

	padding: 8%;

}

.article .title{

	font-size: 30px;

	color: #d8020a;

	margin-bottom: 20px;

}



.swiper {

  width: 100%;

  height: 100%;

  position: relative;

}

.swiper-container {

  height: 100%;

  width: 100%;



}

.swiper-slide{

	width: 100%;

	height: 100%;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	position: relative;

	overflow: hidden;

}



.submenu{

	position: fixed;

	right: 10px;

	top: 45%;

	z-index: 100;

}

.submenu a{

	margin-top: 2px;

	display: block;

	width: 80px;

	height: 22px;

	position: relative;

	/*-webkit-transition: width 400ms, right 400ms;

	-moz-transition: width 400ms, right 400ms;

	-o-transition: width 400ms, right 400ms;

	-ms-transition: width 400ms, right 400ms;

	transition: width 400ms, right 400ms;*/

}

.submenu a:hover{

	text-decoration: none;

}

.submenu span{

	position: absolute;

	line-height: 22px;

	top: 0;

	right: 0;

	width: 0;

	height: 22px;

	text-indent: 0.8em;

	background: #d8020a;

	-webkit-border-radius: 12px;

	-moz-border-radius: 12px;

	-o-border-radius: 12px;

	border-radius: 12px;

	/*-webkit-transition: width 400ms;

	-moz-transition: width 400ms;

	-o-transition: width 400ms;

	-ms-transition: width 400ms;

	transition: width 400ms;*/

	color: #fff;

	z-index: 1;

	overflow: hidden;

	display: none;

}

.submenu i{

	border: 1px solid #e8676c;

	width: 12px;

	height: 12px;

	-moz-border-radius: 7px;

    -webkit-border-radius: 7px;

    -o-border-radius: 7px;

	border-radius: 7px;

	display: inline-block;

	float: right;

	margin: 4px;

	position: relative;

	z-index: 2;

}

.submenu a.active span,

.submenu a:hover span{

	width: 100px;

	display: block;

}

.submenu a.active, .submenu a:hover{

	

}

.submenu a:hover i,

.submenu a.active i{

	border: 4px solid #ffae00;

	width: 10px;

	height: 10px;

	-moz-border-radius: 9px;

    -webkit-border-radius: 9px;

    -o-border-radius: 9px;

	border-radius: 9px;

	cursor: pointer;

	margin: 2px;

}

.submenu a:hover span,

.submenu .active span{

	color: #fff;

	font-size: 12px;

}





.oem-left {

	width: 37.33528550512445%;

	float: left;

	background: #d8020a;

	height: 100%;

	color: #fff;

	position: relative;

	

}

.oem-left .oem-txt-con {

	width: 85%;

	margin-left: 7.5%;

	padding-top: 90px;

	

}



.oem-right {

	width:62.66471449487555%;

	float: left;

	height: 100%;
	background: url('../images/rmap.jpg') no-repeat center #a9cfe4;
	background-size:cover;

}



.ywcx {

	position: absolute;

	top:45%;

	width: 513px;

	height: 190px;

	left:-150px;

	background: url('../images/cx.png') no-repeat;

}



.ywcx .form {

	margin-top: 66px;

	margin-left: 40px;

}

.ywcx .form .input {

	float: left;

	width: 385px;

	height: 50px;

}



.ywcx .form input {

	height: 50px;

	width: 100%;

	border: 0 none;

	background: none;

	color: #000;

}



.ywcx .form .submit {

	float: left;

	width: 70px; 

	background: #000; 

	height: 52px;

}



.ywcx .form .submit input {

	background: url('../images/search.png') 50% 50% no-repeat;

}

@media only screen and (min-height: 530px) and (max-height: 630px) {

.address{ bottom:10%;}

}