@charset "utf-8";

/* CSS Document */
html {
	font-size: calc(100vw / 7.5);
	font-size: -webkit-calc(100vw / 7.5);
	font-size: -moz-calc(100vw / 7.5);
	/*此时1rem = 100px*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: none;
}

body,
div,
p,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
th,
td,
iframe {
	margin: 0;
	padding: 0;
}

body {
	overflow: scroll !important;
	font: 0.24rem "PingFangSC, sans-serif";
	display: flex;
	flex-flow: column;
	min-height: 100vh;
}

img {
	border: 0;
	vertical-align: bottom;
}

ol,
ul {
	list-style: none;
}

input {
	outline: none;
	background: none;
}

a {
	text-decoration: none;
}

a:visited,
a:hover,
a:active,
a:focus {
	text-decoration: none;
}

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

.clearfix:after {
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	content: " ";
}

.clearfix {
	*zoom: 1
}

/*sticky footers*/
.wap-main {
	flex: 1;
}

/*顶部LOGO 电话*/
.nav_top {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #585858;
	position: relative;
}

.nav_logo {
	position: absolute;
	top: -9px;
	left: 10px;
}

.nav_phone {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	font-family: "微软雅黑";
}

.nav_home {
	position: absolute;
	top: -9px;
	right: 20px;
}

.nav_phone a {
	color: #fff;
}

/*wap-main*/
.wap-main {
	width: 100%;
	height: auto;
}

.wap-main img {
	width: 100%;
	display: block;
	vertical-align: bottom;
	margin: 0;
	line-height: 0;
}

.wap-main .wap-zx {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	background: #b90510;
}

.wap-main .wap-zx .wap-zx-icon1 {
	margin: 0.2rem 0;
	width: 35%;
	background: #e7df94;
	text-align: center;
	padding: 0.2rem 0;
	color: #ac2d1e;
	border-radius: 0.1rem;
	font-size: 0.24rem;
	font-weight: bold;
}

.wap-main .wap-zx .wap-zx-icon2 {
	margin-right: 0.2rem;
	margin-bottom: 0.4rem;
	width: 35%;
	text-align: center;
	padding: 0.2rem 0;
	color: #fff;
	border-radius: 0.5rem;
	font-size: 0.24rem;
	font-weight: bold;
}

.wap-order {
	width: 80%;
	height: 4.56rem;
	margin: 0 auto;
	border-radius: 8px;
	margin-top: 5%;
	background: rgba(255, 255, 255, 1);
	box-shadow: -1px 6px 15px 0px rgba(128, 128, 128, 0.25);
}

.wap-order-form,
.wap-order-form2 {
	height: 5rem;
	padding: 0 10%;
	position: relative;
}

.wap-order-form .form-contain,
.wap-order-form2 .form-contain {
	width: 100%;
	height: auto;
	transform: translate(-50%, 10%);
	position: absolute;
	top: 0;
	left: 50%;
	text-align: center;
}

.wap-order-form .form-common input,
.wap-order-form2 .form-common input {
	line-height: 0.4rem;
	border: 1px solid #e0e0e0;
	width: 4.8rem;
	height: 0.66rem;
	margin: 0 0 0.3rem 0;
	background: #fff;
	padding: 0 0.2rem;
	border-radius: 0.04rem;
	font-size: 0.28rem;
}

.wap-order-form .form-common button,
.wap-order-form2 .form-common button {
	display: inline-block;
	height: 0.66rem;
	width: 70%;
	font-size: 0.3rem;
	text-align: center;
	cursor: pointer;
	background: #b40a00;
	color: #fff;
	outline: none;
	border: 0;
	-webkit-appearance: none;
}

.wap-order-form .form-common .yzmcode,
.wap-order-form1 .form-common .yzmcode,
.wap-order-form2 .form-common .yzmcode,
.wap-order-form5 .form-common .yzmcode {
	width: 33%;
}

.wap-order-form .form-common .codetxt,
.wap-order-form1 .form-common .codetxt,
.wap-order-form2 .form-common .codetxt,
.wap-order-form5 .form-common .codetxt {
	width: 30%;
	background: #f0f0f0;
	color: #000;
}

.disabled {
	background-color: #b3b3b3
}


.wap-main .swiper-scroll {
	width: 100%;
	height: auto;
	padding: 0.4rem auto;
}

.wap-main .swiper-scroll .swiper-container {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.wap-main .swiper-scroll .swiper-slide {
	background-size: cover;
	background-position: center;
}

.wap-main .swiper-scroll .gallery-top {
	height: 80%;
	width: 100%;
}

.wap-main .swiper-scroll .gallery-thumbs {
	height: 20%;
	padding: 10px 0;
	font-size: 0.28rem;
}

.wap-main .swiper-scroll .gallery-thumbs .swiper-slide {
	height: 100%;
	opacity: 0.4;
	text-align: center;
	border: 0.01rem solid #2e3192;
	color: #000;
	padding: 0.2rem 0.1rem;
	border-radius: 0.1rem;
}

.wap-main .swiper-scroll .gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
	font-weight: bold;
	background: #2e3192;
	color: #f6f705;
}
/* 顶部导航栏样式 */
 .bigbox ul{
    display: flex;
    list-style: none;
    align-items: center;
    padding: 0;
    margin: 0;
    height: 50px;
	text-align: center;
	margin: 0 auto;
	margin: 2%;

}

 .bigbox ul li{
    padding: 0;
    margin: 0;
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
	font-size: 0.25rem;
	font-weight: 800;
		border: 2px solid #052960;
	opacity: 0.8;
	margin-left: 2%;
}

.bigbox ul li:hover{
	background-color:#052960 ;
    color: #FFFFFF;
	opacity: 1;
}
/* 选中样式 */
 .bigbox .show{
    background-color: #052960;
    color: #fff;
	opacity: 1;
}
/* 图片样式 */
 .contentbox{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0;
}

 .bigbox .contentbox img{
width: 100%; height: 100%;
 }
/*底部信息*/
.step_dx {
	width: 100%;
	height: 3.2rem;
	overflow: hidden;
	margin: 0.1rem auto 0.3rem;
	padding-top: 0.1rem;
	padding-bottom: 0.3rem;
}

.step_dx p {
	font-size: 0.25rem;
	text-align: center;
	line-height: 0.46rem;
	font-family: "微软雅黑";
	color: #999999;
}

/*btnav*/
.btnav {
	position: fixed;
	left: 0;
	bottom: 0;
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	height: 0.8rem;
	z-index: 9999;
	box-shadow: 0 0 15px #b7babd;
}

.btnav .btnav-item {
	width: 30%;
	text-align: center;
	line-height: 0.8rem;
	font-size: 0.28rem;
	color: #707070;
	background: #fff;
	position: relative;
}

.btnav .btnav-item a {
	color: #707070;
}

.btnav .btnav-item:nth-of-type(1):after {
	content: '';
	height: 0.4rem;
	width: 0.01rem;
	background: #dfdfdf;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-50%, -50%);
}

.btnav .btnav-itemright {
	width: 40%;
	text-align: center;
	line-height: 0.8rem;
	font-size: 0.28rem;
	color: #fff;
	background: linear-gradient(to right, #ffa302, #ff5700);
}

src: url('iconfont.eot?t=1562142978897');
src: url('iconfont.eot?t=1562142978897#iefix') format('embedded-opentype'),
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASUAAsAAAAACPQAAARGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqFNIRBATYCJAMQCwoABCAFhG0HQxuuB1FUTiJkPwcbx7GUUSRNYIxQtz8O+6/7FN3dOx6+xtr7u3uCaVKNDNWnk+humU6C2CjZo5dww7+nvbRjMuMNcqb0pHYHFS+pU08+fxZHKe1BTNxf8ATs/P+fY6bL5wPLb7O5ZCQlDnAUrQPqxryjid6By6nfMHZ5kdcJNBuSDdugxkwBXgp9XiDOFIwYeCWUSgUu1CXVgq1FPHFXTw/pJuDR+/34VxheJJVMj908aJYB8suIfZz7Gsx0EFjD6cF2kbEAKMRRoXEHPwgu4GuW490sAeqGPjFUH/XhcWPM3oqwjv/lEbJEVOnCVoRdDGW+SItC8EUxi0SPoVLC6DK7jho+AYhegB1YmiR5pTbAoxTHzw8fcKaanxY5nYn7XdHhK85UnSA2bQrdxOXs2xsSYg1ZZA21cRkch9kc4eGOHTuOhDoOhYZuupWx62F6iHVr+skOe/LRrY1y18au44QcV7IJrl6ctWOHw7EmavvtVHtYmB3fOMSq9JOU1SmyO+OWr0lzhEdXyFffZx9o98Fw4FMheARGACITQlpWy6BO3OkUPXw4BT94NwZ0r4TYciYac7laOE4I8kbbN+P4xpN9p1KIxTuiwR+BOPIgHlt9X71oO4b17yAIwNqK4xixeBuYNDqo9eeBjtlTGUZ1512OZ9Ng6spblqQY2CHLGCEYO53d8v3nEyySYAWTd4glVJHb23+JxS2U1fOurviRa9QVxSOPacFCatFXMqWxSb9EdCYrrTf/x13pOfHcWS2b9aMFDf4ws+CYaNHimAfB+ZGuBvFcnAya317KX6mfUKpQ3WDMwyn23C3bf8kCtv1utQ1ZQMkEQcxbw9uY9Iqf29++e7v9Z8X0NXsOGXKX3ef6MCUJjNU6tq7r4kGaQwuOSewTepFewj64tgjfm9C8eYiHaGg4D70Co7ZUTUFdOwPI/C2lRWvJkH9zp4YY53nOgvXjrp72C/QjLSfsWxPv8iEZDa4ANMoXMukR5Bd5RPi8N8OfZJq57drAOf7V/72Ih1Tz0rCIhxwNBTRnvWmWzPol1AV7fByFoytKkYRRzLSUwjff49/HPJo140eI0u3FEOK+xumEur4IkppByOomkAW7ABUtFqGqbhmazRPsbtHDgC9KE+YMAwid9kDS7hmyTreQBfscKvp9h6rO4EOzrQg+ssVUKPBGAxKbkAxK2qFCymppU2PC/cxJiDGrxYY4x8OLkMGo8MCC3Px0RIC0yDDECqOFKTSZaEgbWA2kwG1IrWahzsAqkdSUKzeZdJV5eXTRN+VKWQ3ArTNAxEwQGUiiHaQgxdKineomeObnJ0EYZmpihoqyMrUIYmCkGBwqkCu/AVIg1DYqu5R7jCwYhUxMaBDNgKUBUUCPqI0gC9IVT1JCpExyyTv4dSrloUp0U2Hu9GLNHW6BZvoXlEiRo0RF051ZohCzhQX5HkY5a25HbipEmwEAAAA=') format('woff2'),
url('iconfont.woff?t=1562142978897') format('woff'),
url('iconfont.ttf?t=1562142978897') format('truetype'),
url('iconfont.svg?t=1562142978897#iconfont') format('svg');
}

*/ .iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
	content: "\e640";
}

.icon-homepage:before {
	content: "\e6d9";
}

.icon-ly:before {
	content: "\e646";
}