/*****公共样式?�*****/
html {
-webkit-tap-highlight-color: transparent;
overflow-x: hidden;
height: 100%;
font-size: 312.5%;
-webkit-text-size-adjust: none;
}
*, :after, :before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
article, aside, blockquote, body, button, code, dd, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: 400;
}
caption, th {
text-align: left;
}
fieldset, img {
border: none;
}
ul {
overflow: hidden;
}
li {
list-style: none;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
button, input, optgroup, option, select, textarea {
border: none;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
outline: 0;
}
button {
-webkit-appearance: none;
border: none;
}
a {
-webkit-touch-callout: none;
text-decoration: none;
}
:focus {
outline: 0;
}
em, i {
font-style: normal;
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
-webkit-appearance: none!important;
margin: 0;
}
input[type=submit] {
-webkit-appearance: none;
}
p {
line-height: 1.6em;
}
.clear:before, .clearfix:after {
display: table;
content: '';
}
.clearfix:after {
clear: both;
overflow: hidden;
}
.clearfix {
zoom: 1;
}
ul, ul li {
list-style: none;
}
.clear {
clear: both;
}
.mt3 {
margin-top: 3%;
}
.fl {
float: left;
}
.fr {
float: right;
}
.hd {
overflow: hidden;
}
.none {
display: none;
}
img {
vertical-align: middle;
max-width: 100%;
border: 0;
margin: 0 auto;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
body {
font-family: Microsoft YaHei, Helvetica, STHeiTi, sans-serif;
color: #545252;
background-color: #f3e7d1;
outline: 0;
max-width: 640px;
min-width: 320px;
width: 100%;
margin: auto;
font-size: .22rem;
}
@media screen and (min-width: 350px) {
html {
font-size: 342%;
}
}
@media screen and (min-width: 410px) {
html {
font-size: 400%;
}
}
@media screen and (min-width: 480px) {
html {
font-size: 469%;
}
}
@media screen and (min-width: 640px) {
html {
font-size: 625%;
}
}
ul.u0 {
overflow: hidden;
}
ul.u0 li {
float: left;
}
ul.u0 li:first-of-type {
margin-left: 0;
}
dl.d0 {
overflow: hidden;
}
dl.d0 dt, dl.d0 dd {
float: left;
}
.clearfloat:after {
display: block;
clear: both;
content: "";
visibility: hidden;
height: 0;
}
.clearfloat {
zoom: 1;
}
/*****公共样式结束*****/
/* css S */
.i {
display: block;
width: 100%;
}
.m3 {
margin: .3rem auto;
}
.logo {
margin-bottom: .3rem;
}
/*FOOTER*/
.gh h2.titleh {
background: #2d2123;
text-align: center;
color: #fff;
padding: 2.5% 0;
margin-bottom: 0;
border-radius: .1rem .1rem 0 0;
}
.gh h2.titleh strong {
font-size: .3rem;
}
.gh h2.titleh a {
color: #fff;
float: right;
margin-right: 2%;
margin-top: 1%;
}
.gh .ghh {
margin: 3% auto;
}
.form {
background: #fff;
padding-top: 1%;
padding-bottom: 1%;
}
.form p.hint {
text-align: center;
color: #ff0000;
margin: 2% 0;
}
.formBar {
text-align: center;
margin-bottom: 2%;
}
.formBar input {
padding: 1.5% 2%;
width: 60%;
color: #666;
border: 1px solid #d3d3d3;
border-radius: .07rem;
-webkit-appearance: none;
height:0.52rem
}
.formBar input, .formBar span, .formBar select {
font-size: 95%;
color: #999999;
}
.formBar span {
color: #545454;
}
.formBar select {
padding: 1.5%;
width: 60%;
border: 1px solid #d3d3d3;
border-radius: .07rem;
color: #999999;
}
.formBtn {
overflow: hidden;
text-align: center;
margin: 3% auto;
}
.formBtn input, .formBtn select {
display: inline-block;
vertical-align: middle;
width: 30%;
margin-left: 3%;
padding: 2% 0;
text-align: center;
color: #fff;
border: 0;
}
.formBtn input, .formBtn select, .formBtn a {
display: inline-block;
vertical-align: middle;
width: 30%;
margin-left: 3%;
padding: 2% 0;
text-align: center;
color: #fff;
border: 0;
}
.formBtn input {
background: url(../images/wj1221_zx01.png) left bottom no-repeat;
background-size: 100% 100%;
}
.formBtn a {
background: url(../images/wj1221_zx02.png) left bottom no-repeat;
background-size: 100% 100%;
padding: 4% 0;
}
.ft {
position: relative;
margin-bottom: 0;
}
.ft .ftm {
position: absolute;
bottom: 0;
left: 0;
width: 96%;
margin: 0 2%;
height: 24%;
}
.ft .ftm img {
display: inline-block;
width: .25rem;
}
.ft .ftm ul {
margin-bottom: 1%;
}
.ft .ftm ul li {
width: 47%;
color: #2f2023;
font-size: .22rem;
}
.ft .ftm ul li:last-of-type {
width: 53%;
}
.ft .ftm ul li span {
color: #ff5a29;
}
.ft .ftm ul li span a{
color: #ff5a29;
}
nav {
overflow: hidden;
background: #fffcf3;
}
nav ul li {
padding: 3% 0 2%;
width: 24.5%;
}
nav ul li img.i {
width: 1.12rem;
margin: 3% auto;
}
nav ul li img {
display: block;
width: .71rem;
}
nav ul li b {
width: 100%;
display: block;
font-size: .24rem;
color: #2d2123;
text-align: center;
}
nav ul .navl {
width: .5%;
float: left;
margin: 2% auto;
height: 1.28rem;
}
.b {
border-radius: .1rem;
border: 1px solid #d3d3d3;
background: #fff;
padding: .2rem .1rem;
margin-left: .1rem;
margin-right: .1rem;
}
.wz_xsjl2 {
width: 100%;
overflow: hidden;
}
.wz_xsjl2 .qimo {
width: 1000%;
}
.wz_xsjl2 .qimo ul {
overflow: hidden;
float: left;
}
.wz_xsjl2 li {
float: left;
margin-left: .1rem;
width: 1.88rem;
}
.tel {
width: 5.95rem;
margin-bottom: .1rem;
}
#listser-cate1 {
width: 4rem;
}
#listser-cate1 li {
width: 49.7%;
}
.ser-cate, .ser-cate1 {
width: 4.05rem;
height: .64rem;
margin: 0 auto;
background: #eee;
border-radius: .48rem;
}
.ser-cate li, .ser-cate1 li {
position: relative;
width: 50%;
float: left;
line-height: .6rem;
font-size: .28rem;
text-align: center;
color: #666666;
cursor: pointer;
}
.ser-cate1 {
width: 100%;
background: none;
}
.ser-cate1 li {
background: #eee;
width: 33%;
margin-left: .3%;
}
.ser-cate li.active, .ser-cate1 li.active {
font-weight: bold;
color: #fff;
}
.ser-cate li span, .ser-cate1 li span {
display: block;
position: relative;
z-index: 22;
width: 100%;
}
.ser-cate li em, .ser-cate1 li em {
display: block;
position: absolute;
z-index: 11;
top: 0;
width: 100%;
height: 100%;
background: #d6ac94;
display: none;
}
.ser-cate li.active em, .ser-cate1 li.active em {
display: block;
}
.shadow-bg01 {
left: 0;
border-radius: .48rem 0 0 .48rem;
box-shadow: 0.06rem 0.06rem 0.09rem rgba(214, 172, 148, 0.75);
}
.shadow-bg02 {
right: 0;
border-radius: 0 .48rem .48rem 0;
box-shadow: -0.06rem 0.06rem 0.09rem rgba(214, 172, 148, 0.75);
}
.shadow-bg03 {
right: 0;
border-radius: 0;
box-shadow: -0.06rem 0.06rem 0.09rem rgba(214, 172, 148, 0.75);
}
.serb1 {
overflow: hidden;
margin-top: -2%;
}
.serb1 li {
padding: 0;
border: none;
float: left;
width: 49%;
margin-left: 2%;
margin-top: 2%;
}
.serb1 li img {
display: block;
width: 100%;
}
.serb1 li:nth-of-type(2n+1) {
margin-left: 0;
}
.ser-box {
margin-top: .2rem;
}
.serbb, .serb1 {
display: none;
}
.ser-show {
display: block;
}
.ser-box .li {
zoom: 1;
padding: .24rem 0;
border-bottom: #d6d6d6 1px solid;
}
.ser-box .li:last-child {
border-bottom: none;
}
.ser-box .li::after, .ser-box li::before {
display: table;
content: "";
}
.ser-box .li::after {
clear: both;
overflow: hidden;
}
.ser-docPho {
position: relative;
width: 28.214%;
height: auto;
float: left;
padding: .1rem;
border: #d5d5d5 1px solid;
border-radius: 100%;
}
.ser-docPho img {
width: 100%;
}
.ser-num {
display: block;
position: absolute;
left: 68.75%;
top: -0.1rem;
width: .44rem;
height: .44rem;
text-align: center;
line-height: .32rem;
font-size: .2rem;
color: #fff;
background: #fc4c07;
border: #fff .05rem solid;
border-radius: 100%;
box-shadow: -0.04rem 0.04rem 0.05rem rgba(0, 0, 0, 0.3);
}
.doc-docInfo {
width: 66%;
float: right;
}
.doc-docInfo h3 {
position: relative;
height: .3rem;
font-size: .16rem;
font-weight: bold;
color: #747474;
}
.doc-docInfo h3 span {
display: inline-block;
font-size: .26rem;
color: #251f1f;
width: 1rem;
}
.doc-docInfo h3 a {
display: block;
position: absolute;
right: .04rem;
bottom: 0;
width: .9rem;
height: .3rem;
text-align: center;
line-height: .3rem;
font-size: .2rem;
color: #fff;
background: #35c320;
border-radius: .16rem;
}
.doc-docInfo h4 {
color: #b7b6b6;
clear: both;
padding: .12rem 0;
}
.doc-docInfo p {
font-size: .2rem;
line-height: .3rem;
padding-right: .1rem;
}
.ba {
overflow: hidden;
}
.ba a {
display: block;
width: 100%;
float: left;
color: #fff;
font-weight: bold;
text-align: center;
background: #bf9980;
border-radius: .7rem;
width: 48%;
margin-left: 2%;
font-size: .22rem;
}
.ba a:last-of-type {
background: #ff5907;
}
.ba a img {
display: inline-block;
width: .45rem;
}
.tro-show {
margin: .3rem auto;
}
.tro-show li {
width: 31.17%;
float: left;
text-align: center;
margin: 0 3.215% .22rem 0;
}
.tro-show li:nth-child(3n) {
margin-right: 0;
}
.tro-show li img {
width: 100%;
}
.tro-img {
position: relative;
height: auto;
}
.tro-imgCate img {
border-radius: .08rem .08rem 0 0;
}
.tro-imgIcon {
display: block;
position: absolute;
z-index: 22;
left: 50%;
bottom: -0.3rem;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: .62rem;
height: .62rem;
border: #fff .03rem solid;
border-radius: 100%;
}
.tro-info {
position: relative;
z-index: 11;
height: 2.14rem;
background: #fff;
border: #d2d2d2 1px solid;
border-radius: 0 0 .08rem .08rem;
}
.tro-info h3 {
font-size:0.24rem;
line-height: .3rem;
font-weight: bold;
color: #251f1f;
padding: .4rem 0 0;
}
.tro-info p {
padding: .08rem .08rem 0;
font-size: .2rem;
line-height: .26rem;
color: #767676;
}
/* .tro-info a { display: block; position: absolute; left: 50%; bottom: 1rem; width: 2.15rem; -webkit-transform: translateX(-50%); transform: translateX(-50%);} */
.tro-info span {
display: block;
position: absolute;
left: 50%;
bottom: .2rem;
width: .43rem;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.tro-info span a {
display: block;
position: absolute;
left: 50%;
bottom: .2rem;
width: .43rem;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.tro-skin {
margin-bottom: .3rem;
}
.tro-skin li {
width: 48.5%;
height: 1.9rem;
text-align: center;
float: left;
padding-top: .22rem;
background: #fff;
border: #dcdcdc 1px solid;
border-radius: .08rem;
}
.tro-skin li:nth-child(2n) {
float: right;
}
.tro-skin li h3 {
font-size:0.24rem;
height: .34rem;
line-height: .34rem;
font-weight: bold;
color: #251f1f;
}
.tro-skin li h3 img {
width: .34rem;
vertical-align: middle;
margin: -0.04rem 0.05rem 0;
}
.tro-skin li h4 {
font-size: 0;
margin: .1rem 0 .1rem;
}
.tro-skin li h4 span {
display: inline-block;
vertical-align: top;
font-size: .2rem;
height: .28rem;
line-height: .26rem;
padding: 0 .02rem;
color: #fff;
background: #251f1f;
border-right: #fff 1px solid;
}
.tro-skin li h4 span a {
display: inline-block;
font-size: .2rem;
height: .28rem;
line-height: .26rem;
color: #fff;
background: #251f1f;
}
.tro-skin li p {
width: 2.8rem;
margin: 0 auto;
padding-bottom: .08rem;
}
.tro-skin li a {
display: block;
margin: 0 auto;
width: .9rem;
height: .3rem;
text-align: center;
line-height: .28rem;
font-size: .2rem;
color: #fff;
background: #856857;
border-radius: .12rem;
}
.title {
margin-bottom: .3rem;
}
.title strong, .title small {
display: block;
width: 100%;
text-align: center;
}
.title strong {
font-size: .4rem;
}
.title small {
background: url(../images/ts.png) center no-repeat;
background-size: 105% 100%;
width: 5.5rem;
font-size: .26rem;
height: .36rem;
line-height: .32rem;
margin: 0 auto;
margin-top: 1%;
}
.title small img {
margin: 0 1%;
display: inline-block;
height: .12rem;
vertical-align: middle;
position: relative;
top: -0.1em;
}
.b4 ul {
margin-top: -2%;
}
.b4 li {
width: 32%;
margin-left: 2%;
margin-top: 2%;
position: relative;
}
.b4 li img {
display: block;
width: 100%;
}
.b4 li:nth-of-type(3n+1) {
margin-left: 0;
}
.b4 li p {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: .45rem;
line-height: .45rem;
border-radius: .07rem .07rem 0 0;
background: rgba(0, 0, 0, 0.75);
text-align: center;
color: #fff;
}
.b3 .swiper-pagination-bullet {
width: .6rem;
height: .1rem;
border-radius: .07rem;
}
.b3 .swiper-pagination-bullet-active {
background: #d5ac95;
}
/* list */
nav.listn ul li {
width: 19.6%;
}
.nav-bar {
padding: .2rem 0;
margin: 0 .1rem;
border-bottom: #e1e1e1 1px solid;
padding-bottom: 2%;
}
.nav-bar li {
font-size: .3rem;
font-weight: bold;
float: left;
color: #292322;
padding-right: .06rem;
height: .46rem;
line-height: .5rem;
}
.nav-bar li span {
display: inline-block;
vertical-align: top;
height: .46rem;
line-height: .46rem;
}
.nav-bar li span img {
display: block;
height: .46rem;
line-height: .46rem;
}
.nav-bar li a {
color: #292322;
padding-right: .06rem;
}
.nav-bar .current-page {
font-weight: bold;
}
.listb1 {
padding: 0 0 .4rem;
}
.l-conter {
margin: 0 auto;
height: auto;
}
.l-conter .tabs3 {
margin: 2% auto;
padding: 0 .1rem;
}
.l-conter .tabs3 a {
display: inline-block;
width: 23.5%;
padding: 1% 0;
text-align: center;
box-sizing: border-box;
margin-bottom: 2%;
font-size: .26rem;
color: #545454;
background: #e7e7e7;
border-radius: .04rem;
}
.l-conter .tabs3 a.active {
background: #ff5a29!important;
color: #fff;
font-weight: bold;
}
.l-conter .tabs3 a {
margin-left: 0.8%;
}
.l-conter .tabs3 a:nth-child(1), .l-conter .tabs3 a:nth-child(4) {
margin-left: 0;
}
.l-conter .tabs3 a:nth-child(1), .l-conter .tabs3 a:nth-child(2), .l-conter .tabs3 a:nth-child(3) {
width: 32%;
}
.list {
width: 100%;
background: #fff;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.list:nth-of-type(even) {
background: #f6f6f6;
}
.list-info {
margin-left: 0.1rem;
margin-right: .1rem;
}
.list-info h3 {
margin-top: .13rem;
font-weight: 700;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: .28rem;
color: #2d2123;
padding-bottom: 2%;
margin-bottom: 2%;
border-bottom: 1px dashed #dfdfdf;
}
.list-info p {
font-size: .22rem;
color: #545454;
margin-bottom: 2%;
overflow: hidden;
}
.list-info p a {
color: #f00;
}
.llistb1 {
padding: 0.2rem .1rem 0;
overflow: hidden;
}
.llistb1 .li {
width: 50%;
margin: 0 auto;
}
.llistb1 .li:nth-of-type(1) {
width: 50%;
background: url(../images/listb1.png) center no-repeat;
background-size: 100% 100%;
}
.llistb1 .li:nth-of-type(1) a {
color: #fff;
font-size: .22rem;
}
.llistb1 .li:last-of-type a {
color: #fff;
}
.llistb1 .li a {
display: block;
text-align: center;
color: #999999;
font-size: .3rem;
height: .58rem;
line-height: .58rem;
}
.pageList ul {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.pageList ul li {
width: 48%;
display: inline-block;
text-align: center;
color: #999999;
font-size: .3rem;
height: .58rem;
line-height: .58rem;
}
.ltel img {
width: 6.2rem;
}
.allW {
width: 100%;
margin: auto;
overflow: hidden;
}
.super-tx .gallery-top .super-main .img {
width: 43.75%;
height: 3.05rem;
}
.super-tx .gallery-top .super-main .txt {
height: 3.05rem;
width: 53%;
background: url(../images/docr_bg.jpg) center no-repeat;
background-size: 100% 100%;
}
.super-tx .gallery-top .super-main .txt .txtcap {
margin-bottom: .02rem;
overflow: hidden;
}
.super-tx .gallery-top .super-main .txt .txtcap strong, .super-tx .gallery-top .super-main .txt .txtcap small {
display: block;
float: left;
height: .5rem;
line-height: .5rem;
}
.super-tx .gallery-top .super-main .txt .txtcap strong {
font-size: .38rem;
color: #ff5a29;
}
.super-tx .gallery-top .super-main .txt .txtcap small {
font-size: .26rem;
color: #545454;
line-height: .6rem;
margin-left: 5%;
}
.super-tx .gallery-top .super-main .txt h4 {
font-size: .22rem;
padding-left: 7%;
padding-bottom: .065rem;
}
.super-tx .gallery-top .super-main .txt .sc {
position: relative;
width: 100%;
height: 44%;
}
.super-tx .gallery-top .super-main .txt .sc p {
width: 100%;
padding: 4% 0 2% 17%;
line-height: 1.4em;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%;
}
.super-tx .gallery-top .super-main .txt .sc p a {
color: #ff0000;
}
.super-tx .gallery-top .super-main .txt1 {
background: url(../images/docr_bg1.jpg) center no-repeat;
background-size: 100% 100%;
}
.super-tx .gallery-thumbs {
background-color: #fff;
height: 1.08rem;
margin-top: 0.13rem;
padding: 0 .35rem;
}
.super-tx .gallery-thumbs .swiper-button-prev, .super-tx .gallery-thumbs .swiper-button-next {
background: none;
height: 100%;
line-height: 1.08rem;
background-color: #eeeeed;
color: #fff;
width: .33rem;
text-align: center;
top: 0;
margin-top: 0;
}
.super-tx .gallery-thumbs .swiper-button-prev {
left: 0;
background: url(../images/pre.jpg) center no-repeat;
background-size: 100% 100%;
}
.super-tx .gallery-thumbs .swiper-button-next {
right: 0;
background: url(../images/nex.jpg) center no-repeat;
background-size: 100% 100%;
}
.super-tx .gallery-thumbs .swiper-slide {
height: 100%;
}
/* article */
.article {
padding: 0 .1rem;
}
.article h2 {
color: #000000;
font-weight: bold;
text-align: center;
margin: 5% auto 2%;
font-size: .36rem;
}
.artzx {
position: relative;
}
.artzx .aw {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 55%;
overflow: hidden;
}
.artzx .aw a {
display: block;
width: 100%;
float: left;
width: 34%;
height: 100%;
}
.artzx .aw a:last-of-type {
width: 66%;
}
.article p {
margin-top: 2%;
color:#333;
line-height: 1.7em;
word-break: break-all;
text-justify: inter-ideograph;
font-size:0.26rem;
padding-left:1%
}
.article .red {
color: #e40000;
font-size: .24rem;
margin-top: 2%;
}
.hot-title {
font-size: .24rem;
color: #999999;
margin-bottom: .2rem;
}
.hot-title h2 {
position: relative;
}
.hot-title h2 img, .hot-title h2 span {
display: inline-block;
width: 28%;
height: .4rem;
line-height: .4rem;
}
.hot-title h2 img {
width: .4rem;
vertical-align: top;
}
.hot-title h2 span {
font-size: .3rem;
text-indent: .3em;
color: #ff4a05;
font-weight: bold;
}
.hot-title h2 a {
display: block;
width: .8rem;
height: .4rem;
line-height: .35rem;
text-align: center;
font-size: 0.22rem;
position: absolute;
right: 0.16rem;
top: 0.05em;
color: #ff4a05;
border: 1px #ff4a05 solid;
border-radius: 0.05rem;
}
.artmore dl{
position: relative;
}
.artmore dt{
width: 80%;
}
.artmore dt li{
float: left;
padding: 3% 0;
text-align: center;
margin: 1% 1% 0 0;
font-size: 0.2rem;
background: #f9f3e8;
}
.artmore dt li a{
color: #333;
}
.artmore dt li:nth-of-type(1){
width: 45%;
margin-top: 0 !important;
}
.artmore dt li:nth-of-type(2){
width: 53%;
margin-top: 0 !important;
background: #dcdcdc;
}
.artmore dt li:nth-of-type(3){
width: 50%;
background: #dcdcdc;
}
.artmore dt li:nth-of-type(4){
width: 48%;
}
.artmore dd{
font-size: 0.2rem;
text-align: center;
width: 20%;
background: #f9f3e8;
height: 100%;
display: inline-block;
position: absolute;
right: 0;
padding-top: 1%;
top: 0;
}
.artmore dd a{
color: #333;
}
.ser-box .ser-show a{
display: block;
color:#363636;
border-bottom:1px dashed #666;
padding:1.2%;
margin-top:1.5%;
background:url(../images/hot1.gif) right center no-repeat;
background-size:.22rem .1rem;
padding-right:.2rem;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.ser-box .ser-show a span{
width: .3rem;
height: .3rem;
display: inline-block;
}