body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
th,
td,
dl,
dd,
form,
fieldset,
legend {
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 320px) {
    html {
        font-size: 62.5% !important;
    }
}

@media only screen and (min-width: 640px) {
    html {
        font-size: 125% !important;
    }
}

@media only screen and (min-width: 750px) {
    html {
        font-size: 150% !important;
    }
}

@media only screen and (min-width: 1242px) {
    html {
        font-size: 187.5% !important;
    }
}

body {
    font-size: 1.2rem;
    line-height: 2.2rem;
    color: #666;
    background: #210c2bdb;
    -webkit-text-size-adjust: 100%
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

i,
em {
    font-style: normal
}

li {
    list-style: none
}

img {
    border: 0;
    vertical-align: middle;
  	  width: 100%;
}

input,
textarea,
select {
    vertical-align: middle;
    font-size: 12px;
    margin: 0
}

input:-moz-placeholder {
    color: #999
}

label {
    cursor: pointer
}

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

p {
    word-wrap: break-word
}

.fontSimsun {
    font-family: \5B8B\4F53
}

.fontYaHei {
    font-family: 'Microsoft YaHei', \5FAE\8F6F\96C5\9ED1
}

pre {
    font-family: \5b8b\4f53, tahoma, arial, 'Hiragino Sans GB', sans-serif;
    white-space: pre-line;
    white-space: -moz-pre-line;
    white-space: -pre-line;
    white-space: -o-pre-line;
    word-wrap: break-word
}

.clear {
    clear: both
}

.clearfix {
    clear: both;
    width: 100%;
    height: 3px;
    background: #ccc;
    margin: 15px auto
}

header,
section,
article,
aside,
footer {
    display: block
}

:focus {
    outline: none;
}


/*for IE*/

::-moz-focus-inner {
    border-color: transparent;
}


/*for mozilla*/

#wrap {
    width: 100%;
    margin: auto;
}

header {
    width: 100%;
    background: #ffffff;
}

header .logo {
    width: 100%;
    height: 76px;
    overflow: hidden;
    top: 0;
    z-index: 8;
    box-shadow: 0 -2px 10px #c9ae83;
}

.nav_fixed {
    position: fixed;
    background: #ffffff;
}

header .logo h1,
header .logo h2 {
    float: left;
    margin-left: 1rem;
    display: inline-block;
    margin-top: 1rem;
    width: 9rem;
}

.logo h1 a img,
.logo h2 a img {
    width: 100%;
    height: 70px;
}

.tnav {
    float: left;
    margin-top: 3rem;
    margin-left: 1rem;
    line-height: 2.4rem;
}

.tnav li {
    float: left;
    padding: 0 1.1rem 0 0;
}

.tnav li:last-child {
    padding-right: 0
}

.tnav li a {
    color: #c9ae83;
    font-size: 1.5rem;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 25px;
    margin-right: 3px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer
}

.navbar-toggle:focus {
    outline: 0;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #eddaa7;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

header nav {
    width: 40%;
    background-color: #ffffff;
    position: absolute;
    z-index: 2;
    display: none;
    right: 0;
    height: 100%;
    top: 76px
}

header nav ul li {
    width: 100%;
    height: 38px;
}

header nav ul li a {
    display: block;
    font-size: 14px;
    color: #c9ae83;
    line-height: 38px;
    border-bottom: 1px dotted #444;
    background: url(../images2/f_ico1.gif) no-repeat 4px 15px;
    padding: 0 0 0 25px;
    margin: 0 10px;
}

.section {
    min-height: 100vh;
    box-shadow: 0 5px 5px #c9ae83;
}

.hgroup {
    top: 10rem;
    text-align: center;
    line-height: 1.8;
    position: relative;
}

.hgroup h1 {
    font-size: 3rem;
    font-weight: lighter;
}

.hgroup h2 {
    font-size: 1.2rem;
    font-weight: normal;
    text-transform: uppercase;
    padding-top: 0.6rem
}

.hgroup p a {
    font-size: 1.2rem;
    padding-top: 1rem;
    display: inline-block
}

.hgroup h1 a,
.hgroup p a,
.hgroup p,
.hgroup h2,
.p11 {
    color: #c9ae83;
    text-align: center
}

.p11 {
    top: 11rem;
    position: relative;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold
}

.about2tit {
    margin: 5rem 8% 0;
    font-size: 2rem;
    color: #c9ae83;
}

.about2tit2 {
    margin: 0 8%;
    color: #c9ae83;
    text-transform: uppercase;
}

.about2tit3 {
    margin: 0 8%;
    color: #c9ae83;
    line-height: 0
}

.section h3 {
    margin: 0 8%;
    color: #c9ae83;
    margin-top: 1.6rem;
}

.p1 {
    margin-left: 8%;
    margin-top: 3rem;
    font-size: 1.4rem;
    padding-right: 5%;
    color: #ecd9a6;
    box-sizing: border-box
}

.p3 {
    margin-left: 8%;
    font-size: 1.4rem;
    color: #ecd9a6;
    box-sizing: border-box;
    padding: 1rem;
    line-height: 1.8;
}

.section4 .p1 {
    left: auto;
    width: 100%;
    margin-top: 30px;
    text-align: right;
    padding-right: 0;
    margin-left: 0;
    color: #fff;
    font-size: 12px;
    text-shadow: 1px 1px 3px #999;
}

.pp {
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 30px;
}

.pp ul {
    margin-left: 15px
}

.pp li {
    margin-right: 10px;
    width: 46%;
    display: inline-block;
}

.pp li img {
    transform: scale(0.9, 0.9);
    width: 100%
}

.txt6 {
    margin: 2rem 5% 2rem 8%;
    color: #ecd9a6;
    font-size: 1.4rem
}

.section7 {
    margin-top: 50vh;
}

.section7 h3 {
    text-align: center;
    font-size: 3rem
}

.txt7 {
    font-size: 1.5rem;
    width: 100%;
    text-align: center;
    color: #ecd9a6;
    margin-top: 2rem;
}

.dianji {
    margin-top: 6rem;
    text-align: center;
}

.ssa1,
.ssa2 {
    background: #b37c32;
    padding: 1rem;
    color: #eee;
    margin-right: 2rem;
}

.ssa2 {
    background: #ee7800;
    margin-right: 0
}

.section8 li img {
    width: 50%;
}

.section8 li span,
.section2 .p3 li span {
    display: block;
    margin: 1rem;
}

.section8 li {
    text-align: center;
    margin-bottom: 2rem;
}

.section8 li p {
    text-align: left;
}

.black {
    overflow: hidden;
    background: #0a0605;
    padding-left: 1rem;
    box-shadow: 0 1px 1px #222;
}

.about_tit {
    height: 46px;
    line-height: 46px;
}

.about_tit span,
.about_tit h3,
.about_tit h1 {
    float: left;
    font-size: 14px;
    color: #c9ae83;
    font-family: \5b8b\4f53;
    letter-spacing: 2px;
}

.about_tit span a,
.about_tit h3 a,
.about_tit h1 a,
.about_tit b {
    color: inherit;
    font-family: microsoft yahei;
    letter-spacing: 0;
}

.about_tit h3 b,
.about_tit h1 b {
    font-size: 1.8rem
}

.about_tit b,
.series_m h3,
.tuijian h3,
.liuyan h3 {
    border-left: 1rem solid #b37c32;
    font-weight: normal;
    padding-left: 0.8rem;
}

.about_tit em {
    float: right;
    margin-right: 10px;
}

.about_tit em a {
    color: #c9ae83;
    font-size: 14px;
    background: #222;
    padding: 6px 20px;
    height: 26px;
    display: block;
    line-height: 26px;
    letter-spacing: 2px;
    margin-top: 4px;
    border-radius: 2px;
}

.news-word {
    font-size: 1.6rem;
    line-height: 2;
    padding: 1.2rem;
    color: #c9ae83
}

.news-word a,
.news-word strong a {
    color: #ecd9a6;
    border-bottom: 1px solid #ecd9a6
}

div.addblue {
    font-size: 1.22rem;
    color: #c8a76c;
    margin: 1.15rem;
}

div.addblue a {
    color: #c9ae83;
    font-size: inherit;
}

.contact {
    background: url(../images/f-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    overflow: hidden;
}

.map {
    padding: 3rem 1rem 0 1rem;
}

.map img {
    max-width: 100%;
}

.lian {
    padding: 5rem 0 4rem 3.5rem;
    color: #e3b883
}

.desc-b {
    color: #ecd9a6;
    font-size: 2.6rem;
    font-weight: normal;
    display: inline;
}

.desc-s {
    font-size: 2rem;
    margin-bottom: 3rem;
    margin-top: 1rem;
}

.zs,
.sj {
    margin: 20px 0;
    font-size: 22px;
    color: #c9ae83;
    display: inline-block;
}

.dz {
    font-size: 2rem;
    display: inline-block;
    margin: 2rem 0;
    width: 90%;
}

.zd,
.zd a {
    color: #c8a76c;
    margin: 20px 0;
    font-size: 18px;
}

.zd a {
    border-bottom: 1px dotted #c9ae83;
    padding-bottom: 3px
}

#main {
    width: 100%
}

.sousuobg {
    background: white;
}

.sousuo {
    font-size: 13px;
    line-height: 26px;
}

.sousuo span {
    float: left;
    color: #c9ae83;
    padding: 12px;
}

.sousuo span a {
    color: #ecd9a6;
    margin-left: 10px;
}

.f_bj {
    color: #c9ae83;
    clear: both;
    overflow: hidden;
    background: #07063a;
    line-height: 2.6rem;
    font-size: 1.4rem;
    padding-bottom: 7rem
}

.f_bj a {
    color: #c9ae83;
}

.f_ontop {
    height: 5rem;
    line-height: 5rem;
    overflow: hidden;
    display: block;
    text-align: right;
    border-bottom: solid 1px #493f2f;
    background: url(../images2/ico_top.gif) no-repeat right 1.35rem;
    padding: 0 2.4rem;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

.f_ontop a {
    display: block;
    color: #b79e77;
}

.f_lianx {
    width: 100%;
    text-align: center;
}

.f_pho {
    height: 4.2rem;
    line-height: 4.2rem;
    font-size: 3.2rem;
    font-style: italic;
    background: url(../images2/f_pho.gif) no-repeat 15% 0;
    padding: 0 0 0 4rem;
    font-weight: bold;
}

.f_logo {
    height: 70px;
}

.f_logo img {
    width: 100%;
    display: block;
    text-align: center;
    max-width: 50px;
    margin: auto;
}

.f_text {
    width: 650px;
    padding: 28px 0 0 22px;
    font-size: 12px;
}

.f_code {
    text-align: center;
}

.f_code p {
    display: inline-block;
    text-align: center;
}

.f_code img {
    width: 90px;
    height: 90px;
    display: block;
    padding: 4px;
    border: solid 1px #765925;
}

.f_code span {
    display: block;
    line-height: 34px;
}

.origin {
    margin: 0.34rem 0.3rem 0.22rem 0.3rem;
    padding: .16rem 0;
    border-top: 1px solid #333;
    text-align: left;
    border-bottom: 1px solid #333;
    line-height: 2;
    font-size: 1.2rem;
    color: #765;
}

.origin a {
    color: inherit
}

.title {
    width: 100%;
    height: 74px;
    position: relative;
    text-align: center;
    background: url(../images2/title_07.gif) repeat-x center
}

.title h3 {
    font-size: 24px;
    color: #000;
    line-height: 74px;
    padding: 0 15px;
    display: inline-block;
    background-color: #fff
}

h3.title3 {
    line-height: 74px;
    text-align: center
}

h3.title3 .sp1 {
    font-size: 30px;
    color: #0e3c86;
    padding-left: 8px;
    border-left: 4px solid #0e3c86;
    display: inline-block;
    line-height: 28px
}

h3.title3 .sp2 {
    font-size: 24px;
    color: #ccc;
    font-weight: normal;
    margin-left: 4px
}

h3.title4 {
    font-size: 30px;
    color: #0e3c86;
    width: 94%;
    margin: 40px auto;
    padding-left: 10px;
    border-left: 4px solid #0e3c86;
    line-height: 27px
}

h3.title4 span {
    font-size: 24px;
    color: #ccc;
    font-weight: normal
}

h3.title4 a {
    float: right;
    display: inline-block;
    font-size: 16px;
    color: #005bac;
    text-align: center;
    width: 90px;
    line-height: 26px;
    border: 1px solid #ccc;
    font-weight: normal;
    border-radius: 5px
}

ul.cptj li {
    float: left;
    width: 190px;
    margin-bottom: 1.46rem;
}

ul.cptj li:nth-child(2n) {
    float: right;
}

.cptj li a {
    margin: auto;
    display: block;
}

ul.cptj li div {
    height: auto;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

ul.cptj li div img {
    width: 190px;
	height:190px;
}

ul.cptj li p {
    margin-top: 0.5rem;
    vertical-align: top;
    text-align: center;
    font-size: 1.2rem;
    color: #ecd9a6;
    height: 1.46rem;
    line-height: 1.46rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.more {
    display: block;
    width: 179px;
    line-height: 34px;
    border: 1px solid #949494;
    text-align: center;
    font-size: 18px;
    color: #949494;
    margin: auto
}

.join {
    width: 94%;
    margin: auto;
    text-align: center
}

.company {
    padding: 0 27px 27px 27px;
    text-align: center
}

.company p {
    font-size: 14px;
    color: #666;
    text-indent: 2em;
    line-height: 24px;
    text-align: left
}

.news-one {
    width: 96%;
    margin: auto
}

.news-one img {
    float: left
}

.news-one div {
    float: right;
    width: 377px
}

.news-one div h3 {
    font-size: 18px;
    color: #11479f;
    line-height: 30px
}

.news-one div p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin: 10px 0
}

.news-one div span {
    font-size: 16px;
    color: #666
}

ul.news {
    width: 96%;
    margin: 20px auto
}

ul.news li {
    line-height: 44px;
    border-bottom: 1px solid #eee
}

ul.news li a {
    font-size: 16px;
    color: #666
}

.info {
    padding: 26px 0;
    text-align: center;
    background-color: #f7f7f7;
    margin-top: 20px
}

.info p {
    font-size: 14px;
    color: #bfbfbf;
    line-height: 26px
}

h1.title2,
h3.title2 {
    line-height: 46px;
    width: 100%;
    font-size: 24px;
    color: #11479f;
    background: url(../images2/title_03.gif) repeat-x bottom;
    text-align: center;
    position: relative;
    border-radius: 4px
}

h1.title2 a,
h3.title2 a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    line-height: 30px;
    width: 74px;
    background: url(../images2/back.png);
    margin: 9px 8px 0 0;
    position: absolute;
    right: 5px;
    font-weight: normal
}

h3.title5 {
    line-height: 55px;
    width: 98%;
    background: url(../images2/title_03.gif);
    border-radius: 4px;
    margin: 8px auto 3px auto
}

h3.title5 span {
    font-size: 24px;
    color: #11479f;
    padding-left: 5px;
    border-left: 4px solid #11479f;
    margin-left: 8px
}

h3.title5 a {
    font-size: 16px;
    color: #333;
    float: right;
    margin-right: 5px;
    cursor: pointer
}

ul.znav {
    width: 620px;
    margin: auto;
    background-color: #f7f7f7;
    display: none
}

ul.znav li {
    float: left;
    margin-left: 20px;
    margin-top: 14px
}

ul.znav li a {
    color: #666;
    font-size: 1.6rem
}

ul.znav li a.active {
    color: #013fba;
    border: 0;
    text-decoration: underline
}

ul.znav1 {
    width: 100%
}

ul.znav1 li {
    float: left;
    margin-left: 14px;
    margin-top: 14px
}

ul.znav1 li a {
    display: block;
    line-height: 4rem;
    padding: 0 1.8rem;
    color: #ecd9a6;
    font-size: 1.6rem;
    border: 1px solid #765925;
    border-radius: 3px;
    height: 3.8rem
}

ul.znav1 li a.active {
    background-color: #b37c32;
    color: #f7e896;
    border: 0;
    height: 4rem
}

.bpic {
    vertical-align: middle;
    text-align: center;
    margin-top: 2rem
}

.bpic img,
.cppz img {
    width: 100%;
}

.cppz .fl {
    float: left;
    width: 49%;
}

.cppz .fr {
    width: 49%;
    float: right;
}

h3.protitle,
h1.protitle {
    line-height: 2;
    color: #c9ae83;
    font-size: 1.8rem;
    margin-top: 1rem;
    padding: 2rem 1rem 1rem
}

.cppz {
    padding: 3rem 0;
    border-bottom: 1px solid #c9ae83;
    display: inline-block
}

.cppz h3 {
    color: #c8a76c;
    font-size: 1.6rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px dotted #c9ae83
}

.cppz h4 {
    color: #c9ae83;
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 1rem
}

.cppz li {
    color: #c8a76c;
    list-style: decimal inside
}

.proword {
    color: #c9ae83;
    padding: 3rem 1rem 0;
    font-size: 1.4rem;
    line-height: 2
}

.proword img {
    width: 100% !important;
    height: auto !important;
    padding: 1rem 0
}

.proword a {
    color: #ecd9a6;
    font-weight: bold;
}

.prod h4 {
    font-size: 1.6rem;
    text-align: center;
    margin: 2rem 2rem 1rem;
    font-weight: normal;
}

.prod h4 a {
    color: #ecd9a6;
    border-bottom: 1px solid #765925;
    padding-bottom: 0.5rem;
}

.prod p {
    color: #c9ae83;
    padding: 1rem;
}

.prod {
    display: inline-block;
    border-bottom: 1px solid #765925;
    box-shadow: 0 2px 10px #666;
}

.about_titt {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #b89668;
    margin: 0.5rem 0.12rem 20px;
}

.about_titt span {
    float: left;
    font-size: 14px;
    color: #b89668;
    border-bottom: 3px solid #b89668;
    line-height: 39px;
}

.about_titt span a {
    color: inherit;
}

.about_titt>a {
    float: right;
    font-size: 14px;
    color: #b89668;
}

ul.newslist {
    width: 90%;
    margin: auto
}

ul.newslist li {
    margin-bottom: 25px;
    display: inline-block;
    background: url(../images2/news-bg.png) no-repeat bottom center;
    padding-bottom: 20px;
}

ul.newslist li img {
    float: left
}

ul.newslist li div {
    float: right;
}

ul.newslist li div h3 {
    font-size: 1.8rem;
    color: #c9ae83;
    line-height: 3rem
}

ul.newslist li div p {
    font-size: 1.4rem;
    color: #999;
    line-height: 2.4rem;
    margin: 1rem 0
}

ul.newslist li div span {
    font-size: 16px;
    color: #666
}

.yema {
    width: 100%;
    background-color: #31190f;
}

.yema li {
    float: left;
    font-size: 1.25rem;
    color: #fff;
    padding: 0 1.12rem;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.thisclass {
    background-color: #765925
}

.yema li a {
    color: #fff;
    display: block
}

.news-title,
.news-title h1 {
    font-size: 2.4rem;
    line-height: 3rem;
    color: #c9ae83;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #765925;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
}

.news-title h1 {
    padding: 0;
    border: 0;
}

.news-title span {
    font-weight: normal;
    font-size: 1.4rem;
    color: #e3b883
}

.news-word img {
    max-width: 600px
}

.page {
    padding: 20px
}

ul.hover li {
    float: left;
    height: 229px;
    width: 252px;
    padding: 16px;
    border: 1px solid #ccc;
    text-align: center;
    margin-left: 22px;
    margin-bottom: 20px
}

ul.hover li p {
    font-size: 14px;
    color: #333;
    display: table-cell;
    vertical-align: middle;
    width: 252px;
    height: 53px
}

.partner {
    width: 100%
}

.partner h3 {
    font-size: 36px;
    color: #000;
    text-align: center;
    line-height: 100px
}

.partner h3 span {
    font-weight: normal
}

.partner ul li {
    float: left;
    width: 281px;
    height: 147px;
    margin-left: 24px;
    margin-bottom: 24px
}

.partner ul li div {
    width: 280px;
    height: 146px;
    border: 1px solid #ccc;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.adv {
    margin: 30px auto;
    height: 753px;
    position: relative
}

.adv ul.adv-run li {
    height: 753px;
    line-height: 40px
}

.adv ul.adv-run li h3 {
    font-size: 30px;
    color: #000;
    position: absolute
}

.adv ul.adv-run li h3 span {
    color: #005bac
}

.adv ul.adv-run li p {
    padding-left: 20px;
    background: url(../images2/pp_03.gif) no-repeat left 7px;
    color: #000;
    line-height: 24px;
    position: absolute;
    font-size: 16px
}

ul.hd {
    background-color: #fff;
    position: absolute;
    bottom: 40px;
    left: 240px;
    border-radius: 8px;
    padding: 10px 50px
}

ul.hd li {
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #005bac;
    margin-left: 20px
}

ul.hd li.on {
    background-color: #005bac
}

.project {
    width: 600px;
    margin: auto;
    position: relative;
    height: 427px
}

.project ul li {
    float: left;
    height: 427px
}

.project ul li p {
    font-size: 24px;
    line-height: 40px;
    background: rgba(51, 124, 189, 0.9);
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: center;
    width: 100%
}

.honor {
    width: 100%;
    margin: 20px 0
}

ul.tab {
    width: 600px;
    margin: auto
}

ul.tab a {
    display: inline-block;
    width: 296px;
    height: 52px;
    border: 2px solid #00278e;
    text-align: center;
    color: #333;
    font-size: 18px;
    line-height: 52px;
    float: left;
    cursor: pointer
}

ul.tab a.on {
    color: #fff;
    background-color: #00278e
}

.feedback {
    padding: 20px;
    font-size: 16px;
    color: #696969
}

.feedback .t1 {
    width: 15%
}

.feedback .t2 {
    width: 85%
}

footer {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    background: #ffffff;
}

footer nav ul li {
    width: 33%;
    float: left;
    height: 5.7rem;
    color: #e3b883;
    font-size: 1.6rem;
    text-align: center;
}

footer nav ul li>a {
    display: block;
    width: 100%;
    padding-top: 2rem;
    color: #524536;
    line-height: normal;
    font-weight: 600;
}

form {
    margin: 0
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,
select {
    text-transform: none
}

input {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #FFF;
    border: 1px solid #797979;
    margin: 3px 0;
    padding: 5px 3px;
    width: 90%;
    line-height: normal
}

textarea {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    background-color: #FFF;
    border: 1px solid #797979;
    margin: 3px 0;
    padding: 5px 3px;
    width: 90%
}

.required {
    color: red;
    font-weight: bold
}

.news-word img {
    width: 100% !important;
    height: auto !important;
    margin: 1rem 0;
}

.swiper-container,
.swiper-container1,
.swiper-container2,
.swiper-container3,
.swiper-container4,
.swiper-container5,
.swiper-container6,
.swiper-container7 {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.tongdian {
    background: url(../images2/jmzcbg.jpg) no-repeat center top;
    background-size: cover;
}

.jzzp h3,
.yyjy h3,
.tongdian h3,
.qianjing h3,
.jmyoushi h3,
.cpys h3,
.jmzhichi h3,
.zmd h3,
.about h3,
.news h3,
.product_c h3 {
    text-align: center;
    color: #f7e896;
    font-size: 1.8rem;
    padding: 1.8rem 0 1.2rem;
}

.tongdian h3 em,
.jzzp h3 em,
.yyjy h3 em,
.qianjing h3 em,
.jmyoushi h3 em,
.cpys h3 em,
.jmzhichi h3 em,
.zmd h3 em,
.about h3 em,
.news h3 em,
.product_c h3 em {
    display: block;
    font-size: 1.2rem;
    margin-top: 0.3rem;
    color: #ecd9a6;
    font-weight: normal;
}

.swiper-container1 .swiper-slide p {
    color: #ecd9a6;
    font-size: 1.22rem;
    background-color: rgb(64 46 72);
    padding: 8px 10px 15px;
    text-align: justify
}

.rxp img {
    width: 100%;
}

.rxp {
    position: relative;
}

.rexd {
    z-index: 1;
    bottom: 0;
}

.swiper-container1 .swiper-pagination1,
.swiper-container2 .swiper-pagination2,
.swiper-container5 .swiper-pagination5,
.swiper-container6 .swiper-pagination6 {
    bottom: -6px !important
}

.zxzixun {
    color: #765925;
    text-align: center;
    font-size: 1.22rem;
    margin-top: 0.9rem;
    border-top: 1px solid;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.zxzixun a {
    color: #f7e896;
    display: inline-block;
    background-color: #765925;
    padding: 6px 6px 6px 11px;
    border-radius: 2px;
}

.product_c .swiper-slide ul {
    padding: 2%;
    display: inline-block;
}

.product_c ul li {
    width: 49%;
    position: relative;
    margin-bottom: 2%
}

.product_c ul li:nth-child(even) {
    float: right;
}

.product_c ul li:nth-child(odd) {
    float: left;
}

.product_c ul li a div {
    color: #ecd9a6;
    position: absolute;
    background: rgb(23 1 58 / 95%);
    width: 100%;
    bottom: 0;
    text-align: center;
}

.qianjing {
    background: url(../images2/cpbg.jpg) no-repeat center top;
    background-size: cover;
}

.qj {
    margin-top: 1rem;
}

a.shadow_more {
    position: relative;
    display: block;
    color: #ecd9a6;
}

.zxdetail img {
    width: 100%;
}

p.zxtxt {
    position: absolute;
    z-index: 1;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 1rem;
    width: 90%;
    border-radius: 0 6px 0 0;
}

.zxtitle h4 {
    color: #f7e896;
    font-size: 1.4rem;
    font-weight: normal;
    padding: 0.5rem 1rem 1rem;
    border-bottom: 1px dotted #c9ae83;
    margin-bottom: 1rem;
}

.yyjy,
.news {
    background: url(../images2/ysbg1.jpg) no-repeat center top;
    background-size: cover
}

.yyjy .content,
.swiper-container3 .swiper-slide .txt,
.swiper-container5 .swiper-slide .txt,
.about p,
.about p a {
    color: #c8a76c;
    line-height: 2;
    padding-bottom: 0.5rem;
    font-size: 1.22rem
}


/*.swiper-container4 .swiper-slide .txt {
	line-height: 1.6;
	color: #c8a76c;
	padding: 0.23rem 0.23rem 0.2rem;
	font-size: 0.22rem
}*/

.yyjy h4,
.swiper-container3 .swiper-slide h4,
.swiper-container5 .swiper-slide h4,
.about h4 {
    font-size: 1.29rem;
    color: #c9ae83;
    margin-bottom: 12px;
    font-weight: normal;
    margin-top: 10px;
}

.pinpai h4 a {
    font-size: 1.5rem;
}

.pinpai,
.chanl,
.shouhou {
    padding: 0.23rem;
}

.swiper-container3 .swiper-slide .txt,
.swiper-container5 .swiper-slide .txt,
.swiper-container3 .swiper-slide h4,
.about h4,
.about p {
    padding: 0 0.23rem;
}

.swiper-container3 .swiper-slide h4 em {
    font-size: 0.2rem;
    text-transform: uppercase;
    font-family: arial;
    padding-left: 5px;
    color: #765;
}

.swiper-container3,
.swiper-container5,
.swiper-container6 {
    margin: 0.5rem 0 0;
    padding-bottom: 0.5rem;
}

.spp {
    width: 2.1rem;
    height: auto;
    margin-top: 0.6rem;
}

.ppimg {
    width: 100%;
    display: block;
    margin: 1rem 0;
    height: 260px;
}

.jmyoushi,
.product_c,
.cpys,
.zmd,
.about {
    background: url(../images2/jmzcbg.jpg) no-repeat center top;
    background-size: cover;
    padding-bottom: 0.4rem;
}

.zmd .product_c {
    display: inline-block;
    padding-top: 1rem;
}

.home_banner {
    background: url(../images2/home_banner.jpg) no-repeat left top;
    background-size: cover;
}

.home_banner .word_content h2 {
    color: #ecd9a6;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 1.2rem 1.17rem;
    line-height: 1.6;
}

.home_banner .word_content .cont {
    margin: 0 auto;
    height: 35px;
    padding-bottom: 15px;
}

.home_banner .word_content .cont p {
    float: left;
    line-height: 35px;
    color: #ecd9a6;
    font-size: 1.25rem;
    padding: 0 1.17rem;
}

.home_banner .word_content .cont a {
    float: right;
    display: block;
    width: 120px;
    height: 35px;
    line-height: 35px;
    background: #765925;
    font-size: 1.2rem;
    color: #ecd9a6;
    text-align: center;
    margin-right: 10px;
}

.swiper-container4 {
    padding: 1rem 0 0;
}

.swiper-pagination4 {
    bottom: 0px !important;
    z-index: 0 !important;
    top: 18px;
}

.swiper-pagination7 {
    bottom: 0px !important;
    z-index: 0 !important;
    top: 0px;
}

.swiper-container4 .swiper-wrapper img {
    width: 100%;
    display: block;
    height: 160px;
}

.swiper-pagination7 span:before {
    content: "琛屼笟璧勮";
    line-height: 42px;
    color: #e5dca1;
}

.swiper-pagination7 span:last-child:before {
    content: "浼佷笟鏂伴椈";
}

.swiper-pagination4 span:before {
    content: "楂樺箔鍦?;
    line-height: 51px;
    color: #e5dca1;
}

.swiper-pagination4 span:nth-child(2):before {
    content: "鐭宠嫳鐮?;
}

.swiper-pagination4 span:nth-child(3):before {
    content: "閽鹃挔鐭?;
}

.swiper-pagination4 span:nth-child(4):before {
    content: "鐢垫睜闄ら搧";
}

.swiper-pagination4 span:nth-child(5):before {
    content: "闄剁摲闄ら搧";
}

.swiper-pagination4 span:last-child:before {
    content: "灏剧熆闄ら搧";
}

.swiper-pagination4 .swiper-pagination-bullet {
    width: 16.6%;
    height: 5rem;
    display: inline-block;
    background: url(../images2/imgdesc1.png) no-repeat;
    text-align: center;
    border-radius: 0;
    margin: 0 !important;
}

.swiper-pagination4 .swiper-pagination-bullet-active {
    opacity: 1;
    width: 16.6%;
    height: 5.3rem;
    display: inline-block;
    background: url(../images2/imgdesc2.png) no-repeat;
    color: #0f0e0c
}

.swiper-pagination4 .swiper-pagination-bullet-active:before {
    color: #ffffff
}

.swiper-pagination7 .swiper-pagination-bullet {
    width: 50%;
    height: 42px;
    display: inline-block;
    background: url(../images2/imgdesc1.png) repeat;
    text-align: center;
    border-radius: 0;
    margin: 0 !important;
}

.swiper-pagination7 .swiper-pagination-bullet-active {
    opacity: 1;
    width: 50%;
    height: 42px;
    display: inline-block;
    background: url(../images2/imgdesc2.png) repeat;
    color: #0f0e0c
}

.swiper-pagination7 .swiper-pagination-bullet-active:before {
    color: #ffffff
}

.jmzhichi {
    background: url(../images2/yfbg.jpg) no-repeat left top;
    background-size: cover;
}

.jmzhichi .content {
    margin-top: 1rem;
    display: inline-block;
}

.jmzhichi .jmzc {
    width: 33.3333%;
    float: left;
    text-align: center;
}

.jmzc dt em {
    display: block;
    width: 90%;
    height: 90%;
    margin: 0px auto 12px;
    text-align: center;
}

.jmzc dt em img {
    width: 100%;
}

.about_pic {
    margin: 0.7rem 0 0.5rem;
}

.news .content {
    padding: 0.7rem 0;
}

.news li {
    background: url(../images2/f_ico1.gif) no-repeat 0.4rem 1.2rem;
    border-bottom: 1px dashed #272726;
    margin: 0 0.25rem;
    padding-left: 20px;
}

.news li a {
    display: block;
    line-height: 36px;
    height: 36px;
    color: #c9ae83;
    font-size: 1.2rem;
    overflow: hidden;
}


/**/

.zixun {
    font-size: 1.4rem;
    padding: 1rem;
    text-align: center;
    color: #c9ae83;
    border-bottom: 1px solid #765
}

.zixun a {
    color: #eee;
    font-size: 1.3rem;
    margin: 1rem;
    display: inline-block;
    padding: 1rem;
    background: #c8a76c;
}

.seriespic {
    margin-top: 0.5rem;
}

.series_m h3,
.tuijian h3,
.liuyan h3 {
    font-size: 1.4rem;
    color: #c9ae83;
    margin: 1rem 0;
}

.series_m h3 span,
.tuijian h3 span,
.liuyan h3 span {
    padding-left: 0.4rem;
    font-size: 1.2rem;
    text-transform: uppercase
}

.seriestd,
.seriested {
    padding-bottom: 1rem
}

.seriestd li {
    text-indent: 2rem;
    color: #ecd9a6;
    list-style: square inside;
}

.seriested h4 {
    font-size: 1.3rem;
    color: #ecd9a6;
    margin: 1rem 0.4rem;
    border-bottom: 1px dotted
}

.seriested p {
    color: #c8a76c;
    margin: 0.5rem
}

.seriescs p {
    text-align: right;
    padding-top: 0.5rem;
    color: #ecd9a6;
}

.fl-table {
    text-align: center;
    table-layout: fixed;
    color: #c9ae83
}

.fl-table th,
.fl-table tr,
.fl-table td {
    border: 1px solid #765;
    word-wrap: break-word;
}

.tuijian {
    border-top: 1px solid #765;
}

.series_m {
    margin-bottom: 1.5rem;
}

.list_i p {
    color: #c9ae83;
    margin: 1rem 1rem 2rem;
}

.liuyan {
    padding-top: 1rem;
}

.coolbg {
    width: 8rem;
    color: #ecd9a6;
    background: #765925;
}

.intxt,
#need {
    color: #765925;
    font-size: 1.2rem;
    font-family: microsoft yahei;
}

.section2 .p3 {
    padding: 0 5% 3rem 0;
    margin-top: 1.5rem;
    text-align: center
}

.section3 .p3 i,
.section5 .p3 i {
    display: inline-block;
    width: 1.5rem;
}

.section3 {
    padding-bottom: 3rem
}

.section3 .pp li span {
    display: block;
    text-align: center;
    width: 96%;
    color: #c9ae83;
    padding-bottom: 1rem;
}

.section3 .pp li:last-child {
    width: 96%;
}

.section6 .pp li span {
    display: block;
    color: #c9ae83;
    text-align: center;
}

.section8 .p3 a {
    color: #ecd9a6;
}

.section8 .p3 a img {
    width: 100%;
}

.txt6 p {
    line-height: 1.8;
}

.section5 .cptj {
    margin-top: 4rem;
}

.box {
    position: fixed;
    top: 25%;
    z-index: 9999
}

#LXB_CONTAINER_SHOW.lxb-container-btn-show {
    z-index: 999 !important
}

.change-type {
    min-width: 40px;
    min-height: 160px;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    display: flex;
}

.change-type .type-left {
    width: 0;
    background: #fff;
    height: 100%;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5);
    border-bottom-right-radius: 5px;
    overflow: hidden;
    transition: width 0.4s;
    -moz-transition: width 0.4s;
    -webkit-transition: width 0.4s;
    -o-transition: width 0.4s;
}

.change-type .showListType {
    width: 130px;
    transition: width 0.4s;
    -moz-transition: width 0.4s;
    -webkit-transition: width 0.4s;
    -o-transition: width 0.4s;
}

.change-type .type-left ul li {
    line-height: 40px;
    height: 40px;
    text-align: left;
    width: 100%;
    position: relative;
    cursor: pointer;
}

.change-type .type-left ul li a {
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    padding-left: 15px;
    overflow: hidden;
    width: calc(100% - 17px);
    color: #333;
    font-size: 14px;
    border-left: 2px solid #26778d;
    /*#26778d  00ba97 */
}

.change-type .type-left ul li span {
    display: block;
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 8;
    overflow: hidden;
    transition: width 0.5s;
    -moz-transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -o-transition: width 0.5s;
}

.change-type .type-left ul li:hover span {
    transition: width 0.5s;
    -moz-transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -o-transition: width 0.5s;
}

.type-left ul li:nth-child(1):hover span,
.type-left ul li:nth-child(1).active span,
.type-left ul li:nth-child(8):hover span,
.type-left ul li:nth-child(8).active span {
    background: #ad1457;
    width: 100%;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.type-left ul li:nth-child(1):hover a,
.type-left ul li:nth-child(1).active a,
.type-left ul li:nth-child(8):hover a,
.type-left ul li:nth-child(8).active a {
    border-left: 2px solid #ad1457;
    color: #fff;
}

.type-left ul li:nth-child(2):hover span,
.type-left ul li:nth-child(2).active span,
.type-left ul li:nth-child(9):hover span,
.type-left ul li:nth-child(9).active span {
    background: #1976d2;
    width: 100%;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.type-left ul li:nth-child(2):hover a,
.type-left ul li:nth-child(2).active a,
.type-left ul li:nth-child(9):hover a,
.type-left ul li:nth-child(9).active a {
    border-left: 2px solid #1976d2;
    color: #fff;
}

.type-left ul li:nth-child(3):hover span,
.type-left ul li:nth-child(3).active span,
.type-left ul li:nth-child(10):hover span,
.type-left ul li:nth-child(10).active span {
    background: #ef5350;
    width: 100%;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.type-left ul li:nth-child(3):hover a,
.type-left ul li:nth-child(3).active a,
.type-left ul li:nth-child(10):hover a,
.type-left ul li:nth-child(10).active a {
    border-left: 2px solid #ef5350;
    color: #fff;
}

.type-left ul li:nth-child(4):hover span,
.type-left ul li:nth-child(4).active span,
.type-left ul li:nth-child(11):hover span,
.type-left ul li:nth-child(11).active span {
    background: #e91e63;
    width: 100%;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.type-left ul li:nth-child(4):hover a,
.type-left ul li:nth-child(4).active a,
.type-left ul li:nth-child(11):hover a,
.type-left ul li:nth-child(11).active a {
    border-left: 2px solid #e91e63;
    color: #fff;
}

.type-left ul li:nth-child(5):hover span,
.type-left ul li:nth-child(5).active span,
.type-left ul li:nth-child(12):hover span,
.type-left ul li:nth-child(12).active span {
    background: #8e24aa;
    width: 100%;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.type-left ul li:nth-child(5):hover a,
.type-left ul li:nth-child(5).active a,
.type-left ul li:nth-child(12):hover a,
.type-left ul li:nth-child(12).active a {
    border-left: 2px solid #8e24aa;
    color: #fff;
}

.type-left ul li:nth-child(6):hover span,
.type-left ul li:nth-child(6).active span,
.type-left ul li:nth-child(13):hover span,
.type-left ul li:nth-child(13).active span {
    background: #64b5f6;
    width: 100%;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.type-left ul li:nth-child(6):hover a,
.type-left ul li:nth-child(6).active a,
.type-left ul li:nth-child(13):hover a,
.type-left ul li:nth-child(13).active a {
    border-left: 2px solid #64b5f6;
    color: #fff;
}

.type-left ul li:nth-child(7):hover span,
.type-left ul li:nth-child(7).active span,
.type-left ul li:nth-child(14):hover span,
.type-left ul li:nth-child(14).active span {
    background: #388e3c;
    width: 100%;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.type-left ul li:nth-child(7):hover a,
.type-left ul li:nth-child(7).active a,
.type-left ul li:nth-child(14):hover a,
.type-left ul li:nth-child(14).active a {
    border-left: 2px solid #388e3c;
    color: #fff;
}

.change-type .type-right {
    width: 40px;
    background: #765925;
    height: 110px;
    overflow: hidden;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.5);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: table;
}

.change-type .type-right p {
    text-align: center;
    padding: 0 5px;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    line-height: 20px;
}

.epc li img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 5px solid #c9ae83;
}

.epc {
    margin: 2rem 5px;
    padding-bottom: 9rem
}

.epc li {
    display: inline-flex;
    width: 30%;
    margin-right: 3%;
    position: relative;
}

.epc li:last-child {
    margin-right: 0
}

.epc li i {
    position: absolute;
    top: 0;
    font-size: 4rem;
    font-weight: bold;
    color: #ecd9a6;
}

.epc li span {
    position: absolute;
    bottom: -3rem;
    left: 1.3rem;
    color: #ecd9a6;
    font-weight: bold;
}

.epc li dl {
    position: absolute;
    bottom: -10rem;
    color: #c9ae83;
    left: 1.6rem;
    font-weight: bold;
    font-size: 1.22rem
}

.modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 10%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px #999;
}

.modal-content {
    margin: 5% auto 0;
    display: block;
    max-width: 800px;
    padding: 20px;
}

#caption {
    margin: auto;
    display: block;
    text-align: center;
    color: #fff;
    padding: 0 0 20px 0;
}


/* 娣诲姞鍔ㄧ敾 */

.modal-content,
#caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}


/* 鍏抽棴鎸夐挳 */

.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}


/* 灏忓睆骞曚腑鍥剧墖瀹藉害涓 100% */

@media only screen and (max-width: 700px) {
    .modal-content {
        width: 90%;
        padding: 2rem 0;
    }
}

.fl-table td a {
    color: #ffebcd;
    font-weight: bold;
    text-decoration: underline;
}

.pj1 span {
    color: #c9ae83;
    text-align: center;
    display: block;
    margin: 0.5rem 0 1.2rem;
}