/*reset*/
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
p,
select,
textarea {
margin: 0;
}
ol,
ul {
margin: 0;
padding: 0;
list-style: none;
}
a {
color: #333;
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none;
}
a:active,
a:hover {
outline: 0;
}
audio,
canvas,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
padding: 0;
border: 0;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input,
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
textarea {
resize: none;
border: 1px solid #ccc;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
del {
text-decoration: line-through;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
.clearfix:after {
display: block;
content: '';
height: 0;
clear: both;
visibility: hidden;
}
html {
font-size: 12px;
-webkit-tap-highlight-color: transparent;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: "Microsoft YaHei", Arial, SimSun, SimHei, sans-serif;
font-size: 14px;
color: #333;
background-color: #fff;
}
body {
max-width: 480px;
margin: 0 auto;
padding-bottom: 50px;
}
/*banner*/
.banner {
width: 100%;
height: 12rem;
background: url(../img/ban.jpg) no-repeat;
background-size: 100% 100%;
position: relative;
}
.banner a {
width: 6.5rem;
height: 1.65rem;
display: block;
border-radius: 0.75rem;
position: absolute;
bottom: 1.5rem;
font-size: 0.65rem;
color: #333;
text-align: center;
line-height: 1.65rem;
left: 1.5rem;
background: -webkit-gradient(linear, left top, right top, from(#fab939), to(#ffdb1d));
background: -webkit-linear-gradient(left, #fab939, #ffdb1d);
background: -o-linear-gradient(left, #fab939, #ffdb1d);
background: linear-gradient(to right, #fab939, #ffdb1d);
}
.banner a:last-child {
left: 10.75rem;
}
.wrapper {
padding: 0 0.75rem;
}
.daoyu {
margin-top: 0.5rem;
}
.daoyu h6 {
font-size: 0.7rem;
color: #333;
text-align: center;
line-height: 1.25rem;
width: 1.95rem;
height: 1.25rem;
position: relative;
margin-left: 0.35rem;
background: -webkit-gradient(linear, left top, right top, from(#fab939), to(#ffdb1d));
background: -webkit-linear-gradient(left, #fab939, #ffdb1d);
background: -o-linear-gradient(left, #fab939, #ffdb1d);
background: linear-gradient(to right, #fab939, #ffdb1d);
}
.daoyu h6:before {
position: absolute;
content: '';
width: 0.15rem;
height: 1.25rem;
left: -0.35rem;
background: -webkit-gradient(linear, left top, right top, from(#fab939), to(#ffdb1d));
background: -webkit-linear-gradient(left, #fab939, #ffdb1d);
background: -o-linear-gradient(left, #fab939, #ffdb1d);
background: linear-gradient(to right, #fab939, #ffdb1d);
}
.daoyu p {
font-size: 0.6rem;
color: #333;
line-height: 1.05rem;
margin-top: 0.25rem;
}
.nav_tar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 0.5rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.nav_tar .item {
width: 8.25rem;
height: 1.65rem;
font-size: 0.65rem;
color: #000;
text-align: center;
line-height: 1.65rem;
border-radius: 1.25rem;
border: 1px solid #fdb048;
background-color: #fff;
}
.nav_tar .item.active {
border-color: transparent;
background: -webkit-gradient(linear, left top, right top, from(#fab939), to(#ffdb1d));
background: -webkit-linear-gradient(left, #fab939, #ffdb1d);
background: -o-linear-gradient(left, #fab939, #ffdb1d);
background: linear-gradient(to right, #fab939, #ffdb1d);
}
.titlejs {
font-size: 1.05rem;
font-weight: bold;
color: #000;
margin-top: 0.75rem;
text-align: center;
background: url(../img/titlebg.png) center no-repeat;
background-size: 10.25rem 1.3rem;
}
.jianjie {
padding-bottom: 1rem;
}
.jianjie dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 0.75rem;
}
.jianjie dl dt {
width: 7.9rem;
height: 4.75rem;
margin-right: 0.4rem;
}
.jianjie dl dt img {
width: 7.9rem;
height: 4.75rem;
}
.jianjie dl dd h6 {
font-size: 0.7rem;
color: #000;
font-weight: normal;
margin: 0.2rem 0;
}
.jianjie dl dd p {
font-size: 0.5rem;
color: #666;
line-height: 0.8rem;
}
.jianjie dl dd span {
font-size: 0.45rem;
color: #999;
}
.jianjie .ws_td {
font-size: 0.6rem;
color: #000;
line-height: 0.65rem;
padding-left: 0.95rem;
margin-top: 0.5rem;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM3QkU0MjcxMzM3MDExRUE4MDRBRTY0MTRCODcwMjk3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM3QkU0MjcyMzM3MDExRUE4MDRBRTY0MTRCODcwMjk3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzdCRTQyNkYzMzcwMTFFQTgwNEFFNjQxNEI4NzAyOTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzdCRTQyNzAzMzcwMTFFQTgwNEFFNjQxNEI4NzAyOTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6y6GHAAAAB5ElEQVR42rSWzStEURjG71zDCiVlJyXGiixmTCk2EhZEvsnCJEVZYKcoSlkgWbCwsBHlc6SYRFKiMMrHCBvzD1hYaFbK8+odTad775n74alf3XvPufc5573vec9xfQdrFYlyQR3wgWJQBFLAG4iAG3DM97pyGRjRR4dBD3Arcu2AOXCl1ajqvDQFHkBvkiakZnAJlpI12gDjinUNgHOZ0TroUOyrEpzoGU2CTsU5VYE10SgPTCjOqxuUJxrNOPRhyriY8GwhbpTj0H9p5dHPC89p/ZWqnJZ21Q62QSqo0WjvcrOjHfWBTZDJVcKj0cdHRiU2TFq4ImSAMCjQ6ZdPoSvUaIhwzIOSSkAm6eDOwISUpepUh3uOeROPVFQA7HK4biUmvzWVTN41GigLR/naC64T2sh8lU3CXM1l+lS5eGqVplkwzfd+sA8GOZyyfyIqquqEJq4xMMLXjWDZRLgSFSajPUkn2mOG+DqNB+YxmZ1bZBQFIUnHRQ7do8mZkF7BRTzjRpN4ocHCTBTepf9S+xms/EP1PgVH4n7UT1N00OQF1OvtsBXizmhRT7z+YkZnhmpekFZ1AMrAVzKnoACf5czMjqpHGyeNuPkZHqVCjJ9f9nJqZ/MAP3hp0OI9BGdGo/gRYABXVFn/3V+BqwAAAABJRU5ErkJggg==) left center no-repeat;
background-size: 0.65rem 0.65rem;
}
.btn {
width: 15.5rem;
height: 1.65rem;
display: block;
border-radius: 1.25rem;
margin: 1rem auto 0;
font-size: 0.65rem;
color: #000;
text-align: center;
line-height: 1.65rem;
background: -webkit-gradient(linear, left top, right top, from(#fab939), to(#ffdb1d));
background: -webkit-linear-gradient(left, #fab939, #ffdb1d);
background: -o-linear-gradient(left, #fab939, #ffdb1d);
background: linear-gradient(to right, #fab939, #ffdb1d);
-webkit-box-shadow: 0 0 0.3rem 0.1rem rgba(250, 185, 57, 0.3);
box-shadow: 0 0 0.3rem 0.1rem rgba(250, 185, 57, 0.3);
}
.shihe {
padding: 1px 0.75rem 1rem;
background-color: #f9f9f9;
}
.shihe ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 0.6rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.shihe ul li {
width: 8.25rem;
}
.shihe ul li img {
width: 8.25rem;
height: 6.5rem;
}
.shihe ul li p {
font-size: 0.6rem;
color: #000;
margin-top: 0.4rem;
line-height: 0.75rem;
text-align: center;
}
.tese {
padding-bottom: 1rem;
}
.tese .gallery-tese {
margin-top: 0.75rem;
}
.tese .gallery-tese .swiper-slide {
width: 9.625rem;
height: 10.5rem;
margin-right: 0.5rem;
}
.tese .gallery-tese .swiper-slide img {
width: 9.625rem;
height: 10.5rem;
}
.tese .gallery-tese .swiper-slide h6 {
width: 100%;
font-size: 0.75rem;
color: #fff;
text-align: center;
display: block;
font-weight: normal;
top: 1.25rem;
position: absolute;
}
.tese .gallery-tese .swiper-slide p {
width: 100%;
display: block;
font-size: 0.5rem;
color: #fff;
text-align: center;
line-height: 0.85rem;
position: absolute;
top: 2.5rem;
}
.tese .gallery-tese .swiper-slide a {
width: 5.5rem;
height: 1.5rem;
border-radius: 0.75rem;
position: absolute;
bottom: 1.5rem;
left: 2.7rem;
font-size: 0.6rem;
color: #000;
line-height: 1.5rem;
text-align: center;
background: -webkit-gradient(linear, left top, right top, from(#fab939), to(#ffdb1d));
background: -webkit-linear-gradient(left, #fab939, #ffdb1d);
background: -o-linear-gradient(left, #fab939, #ffdb1d);
background: linear-gradient(to right, #fab939, #ffdb1d);
}
.daoshi {
background-color: #f9f9f9;
padding-top: 1px;
padding-bottom: 1rem;
}
.daoshi .pc-slide {
width: 17.25rem;
height: 14.85rem;
border-radius: 0.25rem;
margin: 0.75rem auto 0;
background-color: #fff;
-webkit-box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.05);
box-shadow: 0 0 0.5rem 0.25rem rgba(0, 0, 0, 0.05);
}
.daoshi .pc-slide .gallery-top {
height: 8.65rem;
}
.daoshi .pc-slide .gallery-top .swiper-slide dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0.75rem 0 0 0.5rem;
}
.daoshi .pc-slide .gallery-top .swiper-slide dl dt {
width: 3.25rem;
height: 3.25rem;
margin-right: 0.5rem;
}
.daoshi .pc-slide .gallery-top .swiper-slide dl dt img {
width: 3.25rem;
height: 3.25rem;
border-radius: 50%;
}
.daoshi .pc-slide .gallery-top .swiper-slide dl dd h6 {
font-size: 0.65rem;
color: #000;
margin-top: 0.5rem;
line-height: 0.65rem;
}
.daoshi .pc-slide .gallery-top .swiper-slide dl dd span {
font-size: 0.55rem;
color: #000;
margin-top: 0.5rem;
display: block;
line-height: 0.65rem;
}
.daoshi .pc-slide .gallery-top .swiper-slide p {
padding: 0 0.5rem;
font-size: 0.5rem;
color: #666;
line-height: 0.9rem;
}
.daoshi .gallery-thumbs .swiper-slide {
width: 2.5rem;
height: 2.7rem;
margin-left: 0.5rem;
}
.daoshi .gallery-thumbs .swiper-slide img {
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
}
.daoshi .gallery-thumbs .swiper-slide-thumb-active img {
width: 2.35rem;
height: 2.35rem;
border: 0.1rem solid #fdbe68;
}
.anli {
padding-bottom: 1rem;
}
.anli .zhanshi {
height: 12.5rem;
margin-top: 0.75rem;
}
.anli .zhanshi .zhanshi_left {
width: 2.75rem;
height: 10rem;
float: left;
margin-left: 0.75rem;
background: url(../img/al_bg.jpg) no-repeat;
background-size: 2.75rem 12.5rem;
font-size: 0.75rem;
font-weight: bold;
color: #333;
line-height: 0.95rem;
padding-top: 2.5rem;
text-align: center;
margin-right: 0.5rem;
}
.anli .zhanshi .gallery-anli .swiper-slide {
width: 11.05rem;
margin-right: 0.5rem;
}
.anli .zhanshi .gallery-anli .swiper-slide img {
width: 11.05rem;
height: 12.5rem;
border-radius: 0.5rem;
border: 2px solid #dbdbdb;
}
.anli .zhanshi .gallery-anli .swiper-slide:last-child {
width: 14.45rem;
}
.anli .zhanshi .gallery-anli .swiper-slide:last-child img {
width: 14.45rem;
}
.anli .zhanshi .zhanshi_right {
width: 12.5rem;
height: 12.5rem;
float: left;
}
.anli .zhanshi .zhanshi_right img {
width: 12.5rem;
height: 12.5rem;
border-radius: 0.5rem;
border: 2px solid #dbdbdb;
}
.zhongwen .shihe ul li {
width: 17.25rem;
}
.zhongwen .shihe ul li img {
width: 17.25rem;
height: 11.25rem;
}
.zhongwen .tese ul {
margin-top: 0.75rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.zhongwen .tese ul li {
width: 8.25rem;
height: 8rem;
position: relative;
}
.zhongwen .tese ul li img {
width: 8.25rem;
height: 8rem;
}
.zhongwen .tese ul li p {
width: 100%;
display: block;
text-align: center;
font-size: 0.65rem;
color: #fff;
line-height: 1.15rem;
top: 1.9rem;
position: absolute;
}
.zhongwen .tese ul li a {
width: 5.5rem;
height: 1.5rem;
display: block;
border-radius: 0.75rem;
font-size: 0.6rem;
color: #000;
text-align: center;
line-height: 1.5rem;
position: absolute;
bottom: 1rem;
left: 1.4rem;
background: -webkit-gradient(linear, left top, right top, from(#fab939), to(#ffdb1d));
background: -webkit-linear-gradient(left, #fab939, #ffdb1d);
background: -o-linear-gradient(left, #fab939, #ffdb1d);
background: linear-gradient(to right, #fab939, #ffdb1d);
}
.zhongwen .anli .anli_zs img {
width: 14.5rem;
border-radius: 0.25rem;
border: 1px solid #dbdbdb;
margin: 0.75rem auto 0;
}
.yuyue {
width: 100%;
height: 12.4rem;
background: url(../img/yybg.jpg) no-repeat;
background-size: 100% 12.4rem;
}
.yuyue #lxForm .lxform-title {
color: #fff;
font-size: 1.05rem;
font-weight: bold;
padding-top: 0.5rem;
}
.yuyue #lxForm input {
background: none;
border-radius: 1.25rem;
height: 1.6rem;
}
.yuyue #lxForm .web-name {
background: url(../img/icon1.png) 0.5rem center no-repeat;
background-size: 0.75rem 0.75rem;
}
.yuyue #lxForm .web-tel {
background: url(../img/icon2.png) 0.5rem center no-repeat;
background-size: 0.75rem 0.75rem;
}
.yuyue #lxForm .web-yxgj {
background: url(../img/icon3.png) 0.5rem center no-repeat;
background-size: 0.75rem 0.75rem;
}
.yuyue #lxForm .lxSubmit {
background: -webkit-gradient(linear, left top, right top, from(#fab939), to(#ffdb1d));
background: -webkit-linear-gradient(left, #fab939, #ffdb1d);
background: -o-linear-gradient(left, #fab939, #ffdb1d);
background: linear-gradient(to right, #fab939, #ffdb1d);
-webkit-box-shadow: none;
box-shadow: none;
color: #000;
height: 1.65rem;
border-radius: 1.25rem;
}
input::-webkit-input-placeholder {
color: #fff;
}
input:-moz-placeholder {
color: #fff;
}
input:-ms-input-placeholder {
color: #fff;
}