@charset "utf-8";
/***公共样式****/

body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
b,
small,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
tt,
var,
del,
dfn,
ins,
kbd,
q,
s,
samp,
strike,
applet,
object,
iframe,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
mark,
audio,
video,
textarea,
select,
input {
    margin: 0;
    padding: 0;
    outline: none
}

ol,
ul {
    list-style: none;
}

html {
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
}

body {
    color: #696969;
    font-family: 'Source Han Sans CN', 'PingFang SC', 'Microsoft YaHei', Arial, 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', STHeitiSC-Light, sans-serif;
    font-size: 14px;
}

img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    border: none
}

/*a 链接*/

a {
    text-decoration: none;
    outline: none;
    color: #696969;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

a:hover {
    color: #c40d23;
}

/*居中*/

.juzhong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.juzhong2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.erduan {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    width: 100%
}

.shang {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.shangzhong {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.shangzuo {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.zuo {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}

.you {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
}

/*浮动*/

.fl {
    float: left;
    display: inline
}

.fr {
    float: right;
    display: inline
}

.clear {
    clear: both
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: '\20';
}

/* HTML5 重置为较旧版本的浏览器 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

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

/* 按钮样式 */

input[type="text"],
input[type="button"],
button,
textarea,
select {
    font-size: 100%;
    outline: none;
    resize: none;
    font-family: "exo_2.0light", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    -webkit-appearance: none;
}

input[type="button"] {
    cursor: pointer;
    border: 0;
}

input[type="submit"] {
    cursor: pointer;
    border: 0
}

input[type="reset"] {
    cursor: pointer;
    border: 0
}

/*删除火狐下按钮默认样式*/

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0;
    -webkit-appearance: none;
}

i,
em {
    font-style: normal
}

.mainbox {
    width: 90%;
    margin: 0 auto
}

.mainbox1200 {
    max-width: 1200px;
    margin: 0 auto;
}

.mainbox1334 {
    max-width: 1334px;
    margin: 0 auto;
}

.proshowbiaoge {
    display: flex;
    flex-flow: wrap;
}

.pd2 {
    padding-top: 2%;
    padding-bottom: 2%
}

.pd3 {
    padding-top: 3%;
    padding-bottom: 3%
}

.pd4 {
    padding-top: 4%;
    padding-bottom: 4%
}

.pd5 {
    padding-top: 5%;
    padding-bottom: 5%
}

.mm2 {
    margin-top: 2%;
    margin-bottom: 2%
}

.mm3 {
    margin-top: 3%;
    margin-bottom: 3%
}

.mm4 {
    margin-top: 4%;
    margin-bottom: 4%
}

.mm5 {
    margin-top: 5%;
    margin-bottom: 5%
}

.pt3 {
    padding-top: 3%;
}

.pp3 {
    padding-bottom: 3%;
}

.mt2 {
    margin-top: 2%;
}

.mt3 {
    margin-top: 3%;
}

.mt4 {
    margin-top: 4%;
}

.mt5 {
    margin-top: 5%;
}

.mb2 {
    margin-bottom: 2%;
}

.mb3 {
    margin-bottom: 3%;
}

.mb4 {
    margin-bottom: 4%;
}

.mb5 {
    margin-bottom: 5%;
}

.ml2 {
    margin-left: 2%
}

.ml3 {
    margin-left: 3%
}

.mr2 {
    margin-right: 2%
}

.mr3 {
    margin-right: 3%
}

.topbox {
    background: #000000;
}

.toubux {
    height: 25px;
    color: #fff
}

.toubux a {
    color: #fff
}

.toubux li img {
    margin-right: 5px;
}

.toubux li {
    margin-left: 10px;
    font-size: 12px;
    padding-left: 10px;
    cursor: pointer;
    height: 25px;
}

.jituan {
    background: url(../images/bico02.png) no-repeat 95% center;
    padding-right: 15px;
    background-size: 8px auto;
}

.yuyan {
    background: url(../images/bico02.png) no-repeat 95% center;
    padding-right: 15px;
    background-size: 8px auto
}

.jituan span {
    background: url(../images/tico01.png) no-repeat left center;
    padding-left: 13px;
    background-size: 10px auto
}

.yuyan span {
    background: url(../images/tico02.png) no-repeat left center;
    padding-left: 13px;
    background-size: 10px auto
}

.jituan.cur {
    background: url(../images/bico011.png) no-repeat 95% center #fff;
    padding-right: 15px;
    background-size: 8px auto;
    color: #696969
}

.jituan.cur span {
    background: url(../images/tico011.png) no-repeat left center;
    padding-left: 12px;
    background-size: 10px auto
}

.jituanbox {
    background: #FFF;
    padding: 2% 4%;
    display: none;
}

.jituanbox.cur {
    height: auto
}

.jituanbox li {}

.jituanbox li p {
    font-size: 16px;
    margin-bottom: 10px;
}

.jituanbox li p a {
    background: url(../images/dhr01.png) no-repeat right center;
    padding-right: 10px;
    background-size: 5px auto;
    transition: 0.1s all;
    -webkit-transition: 0.1s all;
    -moz-transition: 0.1s all;
    -o-transition: 0.1s all;
    -ms-transition: 0.1s all;
}

.jituanbox li a:hover {
    background: url(../images/dhr02.png) no-repeat left center;
    padding-left: 10px;
    padding-right: 0px;
    background-size: 5px auto;
}

.banner {
    margin: 0 auto;
    position: relative
}

.banner .swiper-slide img {
    width: 100%
}

.banner .swiper-button-next {
    width: 38px;
    height: 38px;
    background: url(../images/bjian02.png) no-repeat center center rgba(255, 255, 255, 0.2);
    background-size: 8px auto;
    right: 3%;
    border-radius: 38px
}

.banner .swiper-button-prev {
    width: 38px;
    height: 38px;
    background: url(../images/bjian01.png) no-repeat center center rgba(255, 255, 255, 0.2);
    background-size: 8px auto;
    left: 3%;
    border-radius: 38px
}

.topnav {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 99;
    width: 100%;
    line-height: 90px;
    height: 90px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.topnav.cur {
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.topnav.ding {
    position: fixed;
    left: 0px;
    top: 0px;
    line-height: 70px;
    height: 70px;
    z-index: 99999
}

.topnav.ding .navdown {
    top: 70px;
}

.topnav.cur .logonone {
    display: block
}

.topnav.cur .logoshow {
    display: none
}

.topnav.cur .nav li>a {
    color: #222;
}

.topnav.cur .nav li:hover>a {
    color: #c30d23;
}

.topnav .nav li.cur>a {
    color: #c30d23
}

.nav li>a {
    color: #fff;
    display: block;
    padding: 0px 40px;
}

.logonone {
    display: none
}

.logo img {
    max-height: 40px;
}

.nav {
    width: 80%
}

.nav li {
    /*margin-left: 5%*/
}

.nav li.cur>a {
    color: #c30d23
}

.nytopnav {
    position: relative;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.nytopnav .nav li>a {
    color: #222;
}

.nytopnav .logonone {
    display: block
}

.nytopnav .logoshow {
    display: none
}

.navdown {
    position: absolute;
    left: 0px;
    top: 90px;
    width: 100%;
    background: #fff;
    display: none;
    box-shadow: inset 0px 15px 10px -15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    line-height: 1.5
}

.navdown_left {
    width: 40%;
    background: #f5f5f5;
    width: 40%;
    padding: 20px 5% 5%;
}

.navdown_right {
    width: 40%;
    padding: 20px 5% 5%;
}

.navdown_left p {
    margin-bottom: 10px
}

.navdown_left p a {
    line-height: 40px;
    padding-left: 5%;
    font-size: 15px;
}

.navdown_left p a img {
    margin-right: 15px;
    max-width: 15px;
}

.navdown_left p a img.none {
    display: none
}

.navdown_left p a:hover {
    background-color: #c30d23;
    color: #fff;
}

.navdown_left p a:hover img.none {
    display: block
}

.navdown_left p a:hover img.show {
    display: none
}

.navheixa {
    width: 50%
}

.navdown_right p {
    margin: 20px 0px 30px;
}

.nav-btnbox {
    display: none
}

.firstpro {
    width: 37.5%;
    background-color: #f5f5f5;
    min-height: calc(100vh - 200px)
}

.firstpro p {
    line-height: 80px;
    font-size: 17px;
}

.firstpro p a {
    display: block;
    padding-left: 30%
}

.firstpro p a:hover {
    color: #c30d23;
    background-color: #fff
}

.firstpro p.cur a {
    color: #c30d23;
    background-color: #fff
}

.secondpro {
    width: 32.5%;
    border-right: 1px solid #d7d7d7;
    padding: 1% 0px;
}

.secondpro p {
    line-height: 24px;
    padding: 5px 0px;
    font-size: 15px;
}

.secondpro p a {
    display: block;
    padding-left: 20px;
    position: relative;
    color: #a2a2a2
}

.secondpro p a:hover {
    color: #c30d23
}

.secondpro p a:before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #acacac;
    border-radius: 6px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -3px;
}

.secondpro p a:hover:before {
    background-color: #c30d23;
}

.secondpro p.cur a {
    color: #c30d23
}

.secondpro p.cur a:before {
    background-color: #c30d23;
}

.secondprobox {
    display: none;
    padding-left: 10%
}

.thirdprobox {
    display: none
}

.thirdpro {
    width: 32.5%;
    padding: 1% 0px;
}

.thirdpro p {
    line-height: 24px;
    padding: 5px 0px;
}

.thirdpro p a {
    display: block;
    padding-left: 20px;
    position: relative;
    color: #a2a2a2
}

.thirdpro p a:hover {
    color: #c30d23;
    text-decoration: underline
}

.thirdproboxtwo {
    display: none;
    padding-left: 10%
}

.secondprobox:first-child {
    display: block
}

.thirdprobox:first-child {
    display: block
}

.thirdproboxtwo:first-child {
    display: block
}

.fourthpro {
    margin-right: 5%;
}

/* .fourthpro a{ border-bottom:1px solid #e18691; display:block} */

.fourthpro a {
    display: block
}

.shuzibox {
    background: #f0f0f0;
    padding: 2% 3%;
}

.shuzibox li {
    color: #696969;
    text-align: center
}

.shuzibox li b {
    font-size: 50px;
}

.shuzibox li span {
    font-size: 20px;
    font-family: Arial;
}

.shuzibox li p {
    font-size: 16px;
}

.sytit {
    text-align: center
}

.sytit.baise {
    color: #fff
}

.sytit.baise h2 {
    color: #fff
}

.sytit h2 {
    color: #222;
    font-size: 34px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.sytit h2:before {
    content: "";
    width: 35px;
    height: 3px;
    background: #c40d23;
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%)
}

.sytit.baise h2:before {
    background: #fff
}

.sytit p {
    display: inline-block
}

.sytit p span {
    display: block
}

.sytit.xiao h2 {
    font-size: 28px;
}

.sytit.zuotit {
    text-align: left
}

.sytit.zuotit h2:before {
    left: 0px;
    transform: translateX(0%)
}

.fangdapic {
    overflow: hidden
}

.fangdapic>img {
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    -ms-transition: 1s all;
    width: 100%
}

a:hover .fangdapic>img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.fangdapic:hover>img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.syprobox li {
    width: 48.333%;
    position: relative
}

.syprobox li .protan {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(196, 13, 35, 0.9);
    color: #fff;
    opacity: 0;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.syprobox li:hover .protan {
    opacity: 1
}

.syprobox li a>p {
    height: 66px;
    background-color: #f0f0f0;
    line-height: 66px;
    font-size: 22px;
    font-weight: bold;
    text-align: center
}

.prowenzi {
    width: 80%;
    text-align: center;
}

.prowenzi p {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
}

.prowenzi span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 30px
}

.jianmore {
    height: 40px;
    border: 1px solid #fff;
    color: #fff;
    background: url(../images/jianyou.png) no-repeat 90% center;
    display: inline-block;
    line-height: 40px;
    padding: 0px 60px 0px 25px;
    background-size: 20px auto;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.jianmore:hover {
    background: url(../images/jianyou.png) no-repeat 93% center #c40d23;
    background-size: 20px auto;
    border: 1px solid #c40d23;
}

a.jianmore:hover {
    background: url(../images/jianyou.png) no-repeat 93% center #c40d23;
    color: #fff;
    border: 1px solid #c40d23;
    background-size: 20px auto
}

a.jianmorehuise,
.jianmorehuise {
    height: 40px;
    border: 1px solid #d7d7d7;
    color: #8d8d8d;
    background: url(../images/jianyou2.png) no-repeat 90% center;
    display: inline-block;
    line-height: 40px;
    padding: 0px 60px 0px 25px;
    background-size: 20px auto;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

a.jianmorehuise:hover,
.jianmorehuise:hover {
    background: url(../images/jianyou.png) no-repeat 93% center #c40d23;
    color: #fff;
    border: 1px solid #c40d23;
    background-size: 20px auto
}

a.jianmorehongse {
    height: 40px;
    border: 1px solid #c40d23;
    color: #fff;
    background: url(../images/jianyou.png) no-repeat 90% center #c40d23;
    display: inline-block;
    line-height: 40px;
    padding: 0px 60px 0px 25px;
    background-size: 20px auto;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

a.jianmorehongse:hover {
    background: url(../images/jianyou3.png) no-repeat 93% center;
    color: #c40d23;
    border: 1px solid #c40d23;
    background-size: 20px auto
}

a.jianmorehongsexiao {
    height: 36px;
    border: 1px solid #c40d23;
    color: #fff;
    background: url(../images/jianyou.png) no-repeat 90% center #c40d23;
    display: inline-block;
    line-height: 36px;
    padding: 0px 50px 0px 20px;
    background-size: 18px auto;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

a.jianmorehongsexiao:hover {
    background: url(../images/jianyou3.png) no-repeat 93% center;
    color: #c40d23;
    border: 1px solid #c40d23;
    background-size: 18px auto
}

a.jianmorehongseno {
    height: 40px;
    border: 1px solid #c40d23;
    color: #c40d23;
    background: url(../images/jianyou3.png) no-repeat 90% center;
    display: inline-block;
    line-height: 40px;
    padding: 0px 60px 0px 25px;
    background-size: 20px auto;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

a.jianmorehongseno:hover {
    background: url(../images/jianyou.png) no-repeat 93% center #c40d23;
    color: #fff;
    border: 1px solid #c40d23;
    background-size: 20px auto
}

.fanganboxbj {
    background: url(../images/fanganbjx.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed
}

.fangxtxt {
    background: rgba(17, 17, 17, 0.9);
    padding: 20px;
    color: #fff
}

.fangxtxt p {
    font-size: 16px;
    margin-bottom: 10px;
}

.fangxtxt span {
    color: #8b8b8b;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.fanganbox .swiper-slide a:hover .fangxtxt {
    background-color: #c40d23
}

.fanganbox .swiper-slide a:hover .fangxtxt {
    color: #fff
}

.fanganbox .swiper-slide a:hover .fangxtxt span {
    color: #fff
}

.fangxpic {
    position: relative
}

.fangxpic:before {
    content: "";
    width: 50px;
    height: 50px;
    background: url(../images/yuanjian.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%, -50%);
    background-size: 100% auto;
    opacity: 0;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.fanganbox .swiper-slide a:hover .fangxpic:before {
    top: 50%;
    opacity: 1;
    z-index: 999
}

.syhuise {
    background: #f7f7f7
}

.synewsleft {
    width: 45%;
    background: url(../images/aboutbanner.jpg);
    /*	background:#09C;*/
    height: 430px;
}

.netime {
    font-size: 16px;
    font-family: Arial;
    text-align: right;
    padding: 3% 0px;
    font-weight: bold;
    color: #999999
}

.synewswenzi {
    border-top: 2px solid #e0e0e0;
    padding-top: 3%;
    position: relative
}

.synewswenzi p {
    font-size: 18px;
    color: #222222
}

.synewswenzi span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #848484;
    line-height: 1.8;
    margin: 2% 0px;
}

.synewswenzi em {
    background: url(../images/dhr01.png) no-repeat right center;
    padding-right: 10px;
    background-size: 5px auto
}

.synewsleft .synewswenzi:before {
    width: 0px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    content: "";
    position: absolute;
    left: 0px;
    height: 2px;
    background: #c40d23;
    top: -2px;
}

.synewsleft a:hover .synewswenzi:before {
    width: 100%;
}

.synewsleft a:hover .synewswenzi em {
    background: url(../images/dhr02.png) no-repeat right center;
    background-size: 5px auto
}

.synewsleft a:hover p {
    color: #c30d23
}

.synewspic {
    margin-top: 3%
}

.synewsright {
    width: 45%;
}

.synewsright ul {
    display: flex;
    flex-direction: column;
}

.synewsright li {
    border-bottom: 1px solid #e0e0e0;
    flex: 1;
    font-size: 16px;
    padding: 6.6% 0px;
}

.synewsright li a {
    color: #222222
}

.synewsright li a:hover {
    color: #c30d23
}

.synewsright li p {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.synewsright li span {
    color: #999999;
    font-family: Arial;
    font-weight: bold;
}

.footerbj {
    background: #3d3d3d
}

.dibulogo img {
    max-height: 40px;
}

.footernav li>p {
    font-size: 16px;
    margin-bottom: 10px;
    color: #fff;
}

.footnavdown span {
    display: block;
    padding: 5px 0px;
}

.footnavdown span a {
    color: rgba(255, 255, 255, 0.3)
}

.footnavdown span a:hover {
    color: #fff;
    text-decoration: underline
}

.footnavdown p {
    padding: 5px 0px;
}

.footnavdown p img {
    margin-right: 10px;
    max-width: 13px;
}

.erweima {
    margin-top: 10px;
    font-size: 13px;
}

.dibubox {
    text-align: center;
    color: rgba(255, 255, 255, 0.2);
    border-top: 1px solid #515151;
    padding: 20px 0px;
}

.nybanner img {
    width: 100%
}

.nynavbtn {
    border-bottom: 1px solid #d7d7d7;
}

.nynavbtn li a {
    height: 50px;
    line-height: 50px;
    padding: 0px 50px;
    font-size: 15px;
    color: #696969;
    display: inline-block
}

.nynavbtn li a:hover {
    color: #c30d23
}

.nynavbtn li.cur a {
    background: #c30d23;
    color: #fff
}

.nyproboxs ul {
    width: calc(100% + 30px);
    margin-left: -30px;
}

.nyproboxs li {
    width: calc(33.33% - 30px);
    float: left;
    margin-left: 30px;
    margin-bottom: 30px;
}

.nypropic {
    border: 1px solid #d7d7d7;
    background: #f9f9f9;
    margin-bottom: 20px;
}

.nyproboxs li p {
    font-size: 16px;
    color: #696969;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin: 10px 0px;
}

.nyproboxs li em {
    color: #c30d23;
    background: url(../images/jianyou3.png) no-repeat right center;
    padding-right: 30px;
    background-size: 18px auto
}

.nyproboxs li a:hover p {
    color: #c30d23;
}

.nyproboxs li span {
    color: #9a9a9a
}

.nyproboxs li a:hover .jianmorehuise {
    background: url(../images/jianyou.png) no-repeat 93% center #c40d23;
    color: #fff;
    border: 1px solid #c40d23;
    background-size: 20px auto
}

.nypropic {
    position: relative
}

.nypropic:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(195, 13, 35, 0.7);
    position: absolute;
    left: 0%;
    top: 0%;
    opacity: 0;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.nypropic:before {
    content: "";
    width: 50px;
    height: 50px;
    background: url(../images/fdj.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%, -50%);
    background-size: 100% auto;
    opacity: 0;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.nyproboxs li a:hover .nypropic:before {
    top: 50%;
    opacity: 1;
    z-index: 999
}

.nyproboxs li a:hover .nypropic:after {
    opacity: 1;
    z-index: 99;
}

.prolisttit li a {
    border: 1px solid #d7d7d7;
    height: 44px;
    border-radius: 3px;
    padding: 0px 10px;
    display: inline-block;
    color: #696969;
    line-height: 46px;
    font-size: 15px;
}

.prolisttit li a:hover {
    border: 1px solid #c30d23;
    background-color: #c30d23;
    color: #fff
}

.prolisttit li.cur a {
    border: 1px solid #c30d23;
    background-color: #c30d23;
    color: #fff
}

.page a {
    width: 48px;
    height: 46px;
    border: 1px solid #e5e5e5;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    line-height: 48px;
    margin: 0px 5px;
    color: #848484;
    font-family: Arial;
}

.page a:hover {
    color: #fff;
    background-color: #c30d23;
    border: 1px solid #c30d23
}

.page a.cur {
    color: #fff;
    background-color: #c30d23;
    border: 1px solid #c30d23
}

.proshowboxleft {
    width: 43.3333%;
}

.gallery-thumbs .swiper-slide {
    cursor: pointer
}

.gallery-thumbs .swiper-slide-thumb-active .kuang {
    border: 1px solid #c30d23;
}

.gallery-thumbs .kuang {
    border: 1px solid #d7d7d7;
}

.prosyxa em {
    color: #9a9a9a
}

.prosyxa h2 {
    font-size: 20px;
    margin: 5px 0px
}

.youshix {
    border-top: 1px solid #d7d7d7;
    padding: 20px 0px;
    margin-top: 10px;
}

.youshix span {
    width: 80px;
    color: #9a9a9a
}

.youshitxt {
    width: calc(100% - 80px);
    line-height: 1.8
}

a.cpzx {
    background: #c30d23;
    color: #fff;
    font-size: 15px;
    height: 60px;
    line-height: 60px;
    border-radius: 5px;
    padding: 0px 20px;
}

.dianhux {
    border: 1px solid #d7d7d7;
    font-size: 15px;
    height: 60px;
    border-radius: 5px;
    padding: 0px 20px;
    text-align: center;
    margin: 0px 20px;
}

.dianhux b {
    font-size: 24px;
    font-family: Arial;
}

.dianhux span {
    color: #9a9a9a;
    display: block;
}

.zxgm {
    border: 1px solid #d7d7d7;
    font-size: 15px;
    height: 60px;
    line-height: 60px;
    color: #696969;
    border-radius: 5px;
    padding: 0px 20px;
    text-align: center
}

.zxgm:hover {
    border: 1px solid #c30d23;
}

.proxiangtit {
    border-bottom: 1px solid #d7d7d7;
    background: #FFF
}

.proxiangtit li {
    margin: 0px 20px;
}

.proxiangtit li a {
    height: 50px;
    line-height: 50px;
    position: relative;
    font-size: 16px;
    color: #696969;
    display: block
}

.proxiangtit li a:hover {
    color: #c30d23
}

.proxiangtit li a:before {
    width: 0px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    content: "";
    position: absolute;
    left: 0px;
    height: 2px;
    background: #c40d23;
    bottom: -1px;
}

.proxiangtit li a:hover:before {
    width: 100%;
}

.proxiangtit li.cur a {
    color: #c30d23
}

.proxiangtit li.cur a:before {
    width: 100%;
}

.proshoewenx {
    line-height: 1.8;
    font-size: 16px;
}

.downbtnx {
    border: 1px solid #c30d23;
    width: 129px;
    height: 39px;
    border-radius: 39px;
    line-height: 39px;
    text-indent: 20px;
    display: inline-block;
    background: url(../images/downico.png) no-repeat 80% center;
    background-size: 12px auto;
    color: #c30d23
}

.downbtnx:hover {
    background: url(../images/downico2.png) no-repeat 80% center #c30d23;
    background-size: 12px auto;
    color: #fff
}

.item {
    display: none
}

.item:first-child {
    display: block
}

a.cpmlbtn {
    background: #c30d23;
    font-size: 22px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    width: 22px;
    padding: 10px;
    line-height: 1.2;
    display: block
}

.chanpmulu {
    position: fixed;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    z-index: 99999
}

.prodaohang.cur {
    left: 0px;
}

.prodaohang {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 280px;
    z-index: 99999;
    left: -280px;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -ms-transition: 0.3s all;
}

.prodaohang>h2 {
    background: url(../images/xiada.png) no-repeat 90% center #c30d23;
    background-size: 18px auto;
    color: #fff;
    font-size: 18px;
    padding: 10px 30px
}

.prodaohang ul {}

.prodaohang li {
    height: 50px;
    background: #f7f7f7;
    border-bottom: 1px solid #fff;
    position: relative
}

.prodaohang li>a {
    line-height: 50px;
    background: url(../images/youj01.png) no-repeat 88.5% center;
    color: #696969;
    background-size: 6px auto;
    display: block;
    padding-left: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 50px;
}

.promuludown {
    width: 360px;
    position: absolute;
    left: 279px;
    top: -1px;
    background-color: #f7f7f7;
    border: 1px solid #c30d23;
    padding: 20px;
    display: none
}

.promuludown span {
    width: 33.333%;
    float: left;
    text-align: center;
    padding: 10px 0px;
}

.promuludown span a {
    color: #696969;
}

.promuludown span a:hover {
    color: #c30d23;
}

/*.prodaohang li:hover .promuludown{ display:block}*/

.prodaohang li:hover {
    border-bottom: 1px solid #c30d23;
    border-top: 1px solid #c30d23;
    border-left: 1px solid #c30d23
}

.prodaohang li:hover>a {
    color: #c30d23;
    background: url(../images/youj02.png) no-repeat 90% center;
    background-size: 6px auto;
}

.prodaohang li:hover:before {
    width: 5px;
    height: 100%;
    background: #f7f7f7;
    position: absolute;
    content: "";
    right: -3px;
    top: 0px;
    z-index: 999
}

.wentiboxas ul {
    width: calc(100% + 60px);
    margin-left: -60px;
}

.wentiboxas li {
    width: calc(50% - 60px);
    float: left;
    border-bottom: 1px solid #d7d7d7;
    margin-left: 60px;
    line-height: 70px;
    font-size: 16px;
}

.wentiboxas li em {
    font-family: Arial;
    width: 100px;
    text-align: right
}

.wentiboxas li span {
    width: calc(100% - 120px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.wentiboxas li a {
    color: #696969
}

.wentiboxas li a:hover {
    color: #c30d23
}

.serviceboxsaf {
    background: url(../images/serbj.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed
}

.seritxsi {
    line-height: 1.8;
}

.seritxsi p {
    padding: 5px 0px;
}

.xiazaibtn {
    color: #9a9a9a;
    width: 90px;
    height: 34px;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    text-align: center;
    line-height: 34px;
}

.wentiboxas li a:hover .xiazaibtn {
    color: #fff;
    border: 1px solid #c30d23;
    background-color: #c30d23
}

.wentilist li {
    padding: 20px 0px;
    border-bottom: 1px solid #d7d7d7
}

.wentibiao span {
    width: calc(100% - 120px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.wentibiao em {
    font-family: Arial;
    width: 100px;
    text-align: right;
    color: #9a9a9a;
}

.wentibiao {
    margin-bottom: 10px;
}

.wentibiao span {
    color: #696969;
    font-weight: bold;
    font-size: 16px;
}

.wentilist li p {
    color: #9a9a9a;
    line-height: 1.8
}

.wentilist li a:hover span {
    color: #c30d23
}

.wentishowleft {
    width: 67%;
}

.wentihotit {
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
}

.wentihotit h2 {
    font-size: 20px;
    color: #2f2f2f;
    margin-bottom: 10px;
}

.wentihotit p {
    color: #999999
}

.wentihotit p span {
    margin: 0px 3%
}

.wentishotxts {
    line-height: 1.8
}

.wentishotxts p {
    padding-top: 20px;
}

.fanhuibtn {
    color: #c30d23;
    border: 1px solid #c30d23;
    width: 168px;
    height: 46px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    line-height: 48px;
}

.fanhuibtn:hover {
    color: #fff;
    background-color: #c30d23
}

.shangxaca {
    border-top: 1px solid #e0e0e0;
    padding: 20px;
    margin-top: 3%
}

.shangxaca li {
    font-size: 16px;
    padding: 5px 0px;
}

.shangxaca a {
    color: #696969
}

.shangxaca a:hover {
    color: #c30d23
}

.shangxaca li {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.shangxaca li.upone {
    background: url(../images/jianyou22.png) no-repeat left center;
    padding-left: 30px;
    background-size: 20px auto
}

.shangxaca li.downone {
    background: url(../images/jianyou2.png) no-repeat left center;
    padding-left: 30px;
    background-size: 20px auto
}

.shangxaca.newxsaix li.downone {
    background: url(../images/jianyou2.png) no-repeat right center;
    padding-right: 30px;
    background-size: 20px auto
}

.wentishowright {
    width: 30.333%
}

.wentishowright>h2 {
    border-bottom: 1px solid #e0e0e0;
    font-size: 20px;
    color: #222222;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.souhoufuax {
    line-height: 1.8;
}

.souhoufuax p {
    padding-top: 10px;
}

.tousuboxs li {
    font-size: 16px;
    margin-bottom: 20px;
}

.tousuboxs li p {
    width: 49%
}

.tousuboxs li select {
    width: calc(100% - 80px);
    border: 1px solid #cdcdcd;
    height: 50px;
    background: url(../images/xislc.png) no-repeat 95% center;
    color: #696969;
    padding-left: 20px;
}

.tousuboxs li span {
    width: 80px;
}

.tousuboxs li input[type="text"] {
    width: calc(100% - 100px);
    border: 1px solid #cdcdcd;
    height: 50px;
    padding-left: 20px;
}

.tousuboxs li textarea {
    width: calc(100% - 120px);
    border: 1px solid #cdcdcd;
    height: 280px;
    padding: 20px;
}

.with100 {
    width: 100%
}

.tisjix {
    width: 170px;
    height: 48px;
    border-radius: 5px;
    background-color: #c30d23;
    color: #fff;
    font-size: 16px;
}

.xiasousu {
    font-size: 16px;
    color: #222222
}

.xiasousu span {
    width: 50px;
}

.xiasousu input[type="text"] {
    width: calc(40% - 60px);
    border: 1px solid #cdcdcd;
    height: 48px;
    padding-left: 20px;
    border-radius: 5px;
}

.xiasousu input[type="button"] {
    width: 80px;
    height: 50px;
    border-radius: 5px;
    background-color: #c30d23;
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
}

.xiasousu input[type="submit"] {
    width: 80px;
    height: 50px;
    border-radius: 5px;
    background-color: #c30d23;
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
}

.xiazaileft {
    width: 71.6%
}

.xiazaileft li {
    border-bottom: 1px solid #d7d7d7;
    line-height: 70px;
    font-size: 16px;
}

.xiazaileft li span {
    width: calc(100% - 120px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.xiazaileft li a {
    color: #696969
}

.xiazaileft li a:hover {
    color: #c30d23
}

.xiazaileft li a:hover .xiazaibtn {
    color: #fff;
    border: 1px solid #c30d23;
    background-color: #c30d23
}

.xiazairight {
    width: 24.1%
}

.xiazairight>h2 {
    border-bottom: 1px solid #e0e0e0;
    font-size: 20px;
    color: #222222;
    padding: 10px 0px;
    margin-bottom: 20px;
}

.xiazairight li {
    border-bottom: 1px solid #e0e0e0;
    line-height: 58px;
    font-size: 16px;
}

.xiazairight li.cur a {
    color: #c30d23
}

.abouttxtbox {
    line-height: 1.8;
}

.abouttxtbox p {
    padding: 10px 0px;
}

.joblist li {
    margin-bottom: 10px;
}

.joblist li>p {
    background-color: #efefef;
    cursor: pointer;
    position: relative;
    height: 60px;
}

.joblist li>p span {
    width: 30%;
    padding-left: 3.33%
}

.joblist li>p em {
    width: 60px;
    height: 60px;
    background: #ababab;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-family: Arial;
    font-size: 20px;
}

.joblist li>p:before {
    content: "+";
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-family: Arial;
}

.jobdown {
    padding: 2%;
    background: #fff;
    border: 1px solid #ececec;
    line-height: 1.8;
    display: none
}

.jobdowntxt th {
    color: #373737;
    vertical-align: text-top;
    padding: 10px 0px;
    text-align: right;
    font-weight: normal
}

.jobdowntxt td {
    padding: 10px 0px;
}

.joblist li:first-child .jobdown {
    display: block
}

.joblist li.cur>p {
    background-color: #c30d23;
    color: #fff;
}

.joblist li.cur>p:before {
    content: "-";
    font-size: 40px;
}

.joblist li.cur>p em {
    background: #c30d23;
}

.contactleft {
    width: 60%;
}

.contscx {
    line-height: 1.8
}

.contscx h3 {
    font-weight: normal;
}

.contscx p {
    padding: 5px 0px;
}

.contscx p img {
    margin-right: 10px;
    max-width: 18px;
}

.contactright {
    text-align: center;
}

.contactright p {
    margin-top: 10px;
}

.mapboxs {
    border: 10px solid #efefef;
}

.my-map {
    margin: 0 auto;
    width: 100%;
    height: 360px;
}

.my-map .icon {
    background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;
}

.my-map .icon-cir {
    height: 31px;
    width: 28px;
}

.my-map .icon-cir-red {
    background-position: -11px -5px;
}

.amap-container {
    height: 100%;
}

.liuyanxa>h2 {
    color: #222;
    font-size: 22px;
    margin-bottom: 30px;
}

.honorbox ul {
    width: calc(100% + 30px);
    margin-left: -30px;
}

.honorbox li {
    width: calc(25% - 30px);
    float: left;
    margin-left: 30px;
    margin-bottom: 20px;
}

.honorpic {
    height: 295px;
    border: 1px solid #d7d7d7;
}

.honorbox li p {
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 48px;
    line-height: 24px;
}

.newsbox ul {
    width: calc(100% + 30px);
    margin-left: -30px;
    display: flex;
    flex-flow: wrap;
}

.newsbox li {
    width: calc(33.33% - 30px);
    float: left;
    margin-left: 30px;
    margin-bottom: 40px;
}

.newsbox li i {
    font-family: Arial;
    color: #9a9a9a;
    display: block;
    margin-top: 15px;
}

.newsbox li p {
    font-size: 17px;
    margin: 15px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.newsbox li a:hover .jianmorehuise {
    background: url(../images/jianyou.png) no-repeat 93% center #c40d23;
    color: #fff;
    border: 1px solid #c40d23;
    background-size: 20px auto
}

.solutionbox ul {
    width: calc(100% + 30px);
    margin-left: -30px;
}

.solutionbox li {
    position: relative;
    width: calc(33.33% - 30px);
    float: left;
    margin-left: 30px;
    margin-bottom: 40px;
}

.solutionbox li a {
    color: #fff
}

.jiaotesetxt {
    position: absolute;
    left: 5%;
    bottom: 0px;
    width: 90%;
}

.jiaotesetxt p {
    font-size: 20px;
    background: url(../images/banrightan.png) no-repeat right center;
    background-size: 8px auto
}

.jiaotesetxt span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    opacity: 0;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    height: 0px;
    overflow: hidden
}

.jiaotesetxt em {
    opacity: 0;
    height: 0px;
    overflow: hidden
}

.solutionbox li a:hover .jiaotesetxt {
    bottom: 20px
}

.solutionbox li a:hover .jiaotesetxt p {
    background: none
}

.solutionbox li a:hover span {
    opacity: 1;
    height: auto;
    margin: 15px 0px;
}

.solutionbox li a:hover em {
    opacity: 1;
    height: auto
}

.xiangguanpro ul {
    width: calc(100% + 20px);
    margin-left: -20px;
}

.xiangguanpro li {
    width: calc(50% - 20px);
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
}

.xiangguanpro li span {
    color: #9a9a9a
}

.xiangguanpro li p {
    font-size: 15px;
    color: #696969;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin: 5px 0px;
}

.anlitxt {
    padding: 20px;
    padding-top: 0px;
}

.caseshowix li {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1)
}

.xiangmumc span {
    padding: 0px 20px;
}

.xiangmumc dd {
    border-bottom: 1px solid #cccccc
}

.xiangmumc dd span {
    padding-top: 15px;
    padding-bottom: 15px;
}

.xiangmumc dt {
    height: 50px;
    background: #cccccc;
    font-size: 15px;
    font-weight: bold;
    color: #222222
}

.xmwhone {
    width: 40%;
}

.xmwhtwo {
    width: 22%;
}

.xmwhthree {
    width: 38%
}

.jigdiixs {
    background: url(../images/jixacbj.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    text-align: center
}

.jigdiixs p {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 20px;
}

.jigdiixs a.jianmore:hover {
    background: url(../images/jianyou3.png) no-repeat 93% center #fff;
    color: #c40d23;
    border: 1px solid #c40d23;
    background-size: 20px auto
}

.promulu.anlimulx li:hover:before {
    display: none
}

.promulu.anlimulx li:hover {
    border-right: 1px solid #c30d23
}

.tanchubj {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    display: none
}

.tanchu {
    max-width: 1200px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #FFF;
    transform: translate(-50%, -50%)
}

.anniuxsbox {
    padding: 40px;
}

.aniycsleft {
    width: 42%
}

.anisuxshtxt {
    width: 55%;
    line-height: 1.8
}

.anisuxshtxt dt {
    font-size: 20px;
    color: #222222;
    padding: 10px 0px;
}

.anisuxshtxt dd {
    border-top: 1px solid #e7e7e7;
    padding: 10px 0px;
}

.anisuxshtxt dd span {
    min-width: 70px;
}

.close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.gongyingleft {
    width: 54.1%;
}

.gongyingleft>h2 {
    font-size: 22px;
    color: #222222
}

.gongyingtxt {
    line-height: 1.8;
}

.gongyingtxt p {
    padding: 10px 0px;
}

.gongyingright {
    width: 40%
}

a.gongying_login {
    padding: 0px 20px;
    height: 34px;
    border-radius: 5px;
    background-color: #c30d23;
    border: 2px solid #c30d23;
    text-align: center;
    display: inline-block;
    line-height: 38px;
    font-size: 16px;
    color: #fff;
    margin-right: 30px;
}

a.gongying_login:hover {
    border: 2px solid #c30d23;
    background: none;
    color: #c30d23;
}

a.gongying_apply {
    padding: 0px 20px;
    height: 34px;
    border-radius: 5px;
    border: 2px solid #c30d23;
    text-align: center;
    display: inline-block;
    line-height: 38px;
    font-size: 16px;
    color: #c30d23
}

a.gongying_apply:hover {
    background-color: #c30d23;
    color: #fff
}

.jigdiixs.gongyxisy {
    background: url(../images/gycbx.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    text-align: center
}

.gongdinav {
    margin: 10px 0px;
}

.gongdinav li {
    width: 50%;
    text-align: center;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    padding: 4% 0px;
}

.gongdinav li a {
    color: #fff;
    font-size: 22px;
    display: block
}

.gongdinav li a img {
    display: inline-block;
    max-height: 40px;
}

.gongdinav li:nth-child(1) {
    background: #7f7f7f;
}

.gongdinav li:nth-child(2) {
    background: #595959;
}

.gongdinav li:nth-child(3) {
    background: #434343;
}

.gongdinav li:nth-child(4) {
    background: #333333;
}

.gongdinav li p {
    margin-top: 10px;
}

.gongdinav li:hover {
    background-color: #c30d23;
}

.zhongxintit {
    margin-bottom: 20px;
}

.zhongxintit h2 {
    font-size: 20px;
    color: #222;
}

.nyleftbox {
    width: 24.1%;
}

.nyleftnav {
    box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, 0.1);
}

.nyleftnav li {
    line-height: 60px;
    border-top: 1px solid #f0f0f0;
    font-size: 15px;
}

.nyleftnav li>a {
    padding-left: 30px;
}

.nyleftnav li>a img {
    margin-right: 5px;
    max-width: 18px;
}

.nyleftnav li>a img.none {
    display: none
}

.nyleftnav li>a:hover {
    background-color: #c30d23;
    color: #fff;
    font-weight: bold
}

.nyleftnav li>a:hover img.none {
    display: block
}

.nyleftnav li>a:hover img.show {
    display: none
}

.nyleftnav li:first-child {
    border: none
}

.nyleftnav li.cur>a {
    background-color: #c30d23;
    color: #fff;
    font-weight: bold
}

.nyleftnav li.cur>a img.show {
    display: none
}

.nyleftnav li.cur>a img.none {
    display: block
}

.ggwe {
    margin-top: 20px;
}

.nyrightbox {
    width: 74.1%;
    box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, 0.1);
}

.pd20 {
    padding-left: 20px;
    padding-right: 20px;
}

.hsixtit {
    font-size: 20px;
    color: #222;
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 0px;
}

.hsixtit a {
    font-size: 14px;
    font-weight: normal;
    color: #8d8d8d
}

.hsixtit a:hover {
    color: #c30d23
}

.gongsbiaoge ul {
    width: 70%
}

.gongsbiaoge li {
    margin-bottom: 15px;
}

.gongsbiaoge li span {
    width: 80px;
    text-align: right;
    color: #222222;
    font-size: 15px;
    padding-right: 20px;
}

.gongsbiaoge li p {
    width: calc(100% - 100px);
}

.gongsbiaoge li p input[type="text"] {
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    height: 40px;
    width: 230px;
    padding-left: 10px;
}

.xinbie input[type="radio"] {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.xinbie label {
    margin-right: 20px;
}

.gongsbiaoge li p textarea {
    height: 140px;
    width: 460px;
    padding: 10px;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
}

.gongsbiaoge li p input[type="button"] {
    width: 90px;
    height: 42px;
    background-color: #c30d23;
    color: #fff;
    border-radius: 5px;
}

.gongsbiaoge li p input[type="submit"] {
    width: 90px;
    height: 42px;
    background-color: #c30d23;
    color: #fff;
    border-radius: 5px;
}

.gosnglogo {
    width: 132px;
    height: 115px;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    padding: 10px;
}

.jinduxu li {
    margin-bottom: 20px;
    font-size: 15px;
}

.jinduxu li span {
    width: 100px;
    text-align: right
}

.jinhdrix {
    width: calc(100% - 120px);
    color: #222
}

a.xiugaisx {
    width: 90px;
    height: 42px;
    background-color: #c30d23;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    line-height: 42px;
}

.jiansubx {
    max-width: 750px;
    margin: 0 auto
}

.cahx01 {
    border: none;
    background: #fff;
    height: 56px;
    width: 100px;
    text-align: center;
    font-size: 16px;
}

.cahx02 {
    border: none;
    background: #fff;
    height: 56px;
    width: calc(100% - 235px);
    font-size: 16px;
    margin: 0px 10px;
    padding-left: 15px;
}

.cahx03 {
    border: none;
    background: #fff;
    height: 56px;
    width: 100px;
    text-align: center;
    font-size: 16px;
    color: #c30d23
}

.fenxiasc {
    border-top: 1px solid #e0e0e0
}

.sharebtnx {
    width: 100px;
    height: 40px;
    border: 1px solid #c30d23;
    color: #c30d23;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin-left: 10px;
    display: inline-block
}

.sharebtnx:hover {
    background-color: #c30d23;
    color: #fff
}

.fenxlink p {
    font-size: 16px;
}

.shengcawre {
    max-width: 240px;
    margin: 0 auto;
    text-align: center
}

.shengcawre p {
    font-size: 20px;
    color: #222;
    padding: 10px 0px;
    margin-top: 10px;
}

.yewusyx {
    width: 152px;
    border: 1px solid #cdcdcd;
    height: 135px;
    border-radius: 5px;
    overflow: hidden
}

.yewuyuanboxs ul {
    width: 60%;
}

.yewuyuanboxs li {
    font-size: 15px;
    padding: 5px 0px;
}

.yewuyuanboxs li span {
    width: 120px;
    text-align: right;
    display: inline-block
}

.yewuyuanboxs li em {
    color: #222222;
}

.huodongbox li a:hover span em {
    color: #c30d23;
}

.huodongbox li {
    margin-bottom: 30px;
}

.huodongpics {
    width: 33%;
}

.jxhuodoxtxt {
    width: 64%;
}

.jxhuodoxtxt p {
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0px;
}

.jxhuodoxtxt span {
    line-height: 1.8;
    color: #9a9a9a
}

.gerensoux p {
    font-size: 16px;
    margin-bottom: 10px;
}

.gerensoux input[type="text"] {
    border: 1px solid #cdcdcd;
    height: 58px;
    width: 230px;
    padding-left: 10px;
    width: 40%;
    margin-right: 10px;
}

.gerensoux input[type="button"] {
    width: 80px;
    height: 60px;
    background-color: #696969;
    color: #fff;
}

.gerensoux input[type="button"]:hover {
    background: #c30d23
}

.gerensoux input[type="submit"] {
    width: 80px;
    height: 60px;
    background-color: #696969;
    color: #fff;
}

.gerensoux input[type="submit"]:hover {
    background: #c30d23
}

.chanpttij {
    font-size: 22px;
    color: #fff;
}

.chanpchaxun {
    background: url(../images/jianpxcbj.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed
}

.chanpjiansuobox {
    background: #FFF;
    padding: 10px 30px;
}

.chanpjiansuobox ul {
    width: 46.9%
}

.chanpjiansuobox li {
    border-bottom: 1px solid #cdcdcd;
    font-size: 16px;
    margin-bottom: 15px;
}

.chanpjiansuobox li>a {
    height: 60px;
    background: url(../images/mcd01.png) no-repeat right center;
    background-size: auto 9px
}

.chanpjiansuobox li>a span {
    margin-right: 10px;
}

.chanpjiansuobox li>a span img.none {
    display: none
}

.chanpjiansuobox li>a:hover img.none {
    display: block
}

.chanpjiansuobox li>a:hover img.show {
    display: none
}

.chanpjiansuobox li.cur>a {
    background: url(../images/mcd02.png) no-repeat right center;
    background-size: auto 9px;
    color: #c30d23
}

.chanpjiansuobox li>a:hover {
    background: url(../images/mcd02.png) no-repeat right center;
    background-size: auto 9px;
    color: #c30d23
}

.chanpjiansuobox li.cur>a img.none {
    display: block
}

.chanpjiansuobox li.cur>a img.show {
    display: none
}

.fenndownxs {
    display: none
}

.fenndownxs span {
    display: block;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    border-top: 1px solid #ececec;
    padding-left: 30px;
    font-size: 14px;
}

.wihdxa {
    max-width: 1000px;
    margin: 0 auto
}

.wihdxa p {
    margin-bottom: 0px;
}

.hengxsca a {
    background: url(../images/dajiant.png) no-repeat 80% center;
    width: 100%;
    text-align: left;
    background-size: 30px auto
}

.hengxsca a p {
    padding-left: 10%;
    margin-top: 0px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.hengxsca a:hover {
    background: url(../images/dajiant.png) no-repeat 70% center;
    background-size: 30px auto;
}

.hengxsca a:hover p {
    padding-left: 20%
}

.gerencenterbox {
    padding: 10px 0px
}

.gerencenterbox span {
    display: block;
    line-height: 44px;
    padding: 0px 5% 0px 50px
}

.gerencenterbox span a {
    color: #999999
}

.gerencenterbox span.cur {
    background-color: #c30d23;
}

.gerencenterbox span.cur a {
    color: #fff
}

.videolist ul {
    width: calc(100% + 20px);
    margin-left: -20px;
}

.videolist li {
    width: calc(33.33% - 20px);
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
}

.shipingtxt p {
    font-size: 16px;
    margin: 10px 0px;
}

.shipingtxt span {
    color: #9a9a9a
}

a.diazixmc {
    width: 128px;
    height: 38px;
    background-color: #c30d23;
    border-radius: 38px;
    text-align: center;
    line-height: 38px;
    display: block;
    color: #fff;
    margin: 0 auto;
    margin-top: 30px
}

.delubiaoti {
    text-align: center;
    margin-bottom: 3%
}

.delubiaoti h2 {
    font-size: 32px;
    color: #2f2f2f;
    margin-bottom: 10px
}

.delubiaoti p {
    font-size: 16px;
}

.loginboxs {
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 30px;
    max-width: 670px;
    margin: 0 auto;
}

.loginboxs li {
    margin: 10px 0px;
    width: 47%;
}

.loginboxs li input[type="text"] {
    border: none;
    border-bottom: 1px solid #d6d6d6;
    width: 100%;
    height: 20px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.loginboxs li input[type="password"] {
    border: none;
    border-bottom: 1px solid #d6d6d6;
    width: 100%;
    height: 20px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

/*.loginboxs li input[type="text"]:focus{ height:40px;}*/

.loginboxs li input[type="button"] {
    width: 80px;
    height: 60px;
    background-color: #696969;
    color: #fff;
}

.changdux li {
    width: 100%
}

.changdux li textarea {
    border: 1px solid #d6d6d6;
    padding: 10px;
    width: calc(100% - 22px);
    height: 80px;
    margin-top: 20px;
}

.shangqxc {
    margin-top: 20px;
}

.shangqxc a {
    background: url(../images/yaunx.png) no-repeat left center;
    background-size: 12px auto;
    color: #c30d23;
    padding-left: 18px;
}

.tiixac {
    height: 50px;
    border-radius: 2px;
    background-color: #c30d23;
    color: #fff;
    width: 100%;
    margin-top: 40px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.tiixac:hover {
    background-color: #da162e;
}

.wailixns {
    padding: 30px 0px;
}

.wailixns a img {
    max-width: 18px;
    margin-right: 10px;
}

a.lianxibtn {
    width: 128px;
    height: 50px;
    background: #c30d23;
    text-align: center;
    line-height: 50px;
    color: #fff;
    position: fixed;
    right: 10px;
    bottom: 5%;
    z-index: 99999;
    border-radius: 2px;
}

a.fenxiangbtn {
    width: 128px;
    height: 50px;
    background: #c30d23;
    text-align: center;
    line-height: 50px;
    color: #fff;
    position: fixed;
    right: 10px;
    bottom: 25%;
    z-index: 99999;
    border-radius: 2px;
}

.tanchulianxi {
    max-width: 690px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #f8f8f8;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    overflow: hidden
}

.lixnvaix {
    background: #c30d23;
    color: #fff;
    padding: 10px 20px;
    width: auto
}

.lixnvaix h2 {
    font-size: 18px;
}

.keufbax {
    padding: 20px 30px;
}

.keufbax li {
    background: #fff;
    border-radius: 10px;
    width: calc(49% - 40px);
    padding: 15px 20px;
    text-align: center
}

.keufbax li p {
    font-size: 16px;
    color: #2f2f2f;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 15px;
}

.tixns {
    padding: 20px 0px;
}

.tixns span {
    width: 50%;
}

.tixns span a {
    display: inline-block
}

.tixns span a img {
    display: inline-block;
    max-width: 30px;
}

.tixns span a em {
    display: block;
    margin-top: 10px;
}

.dianhxua {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    margin-top: 2%;
    font-size: 18px;
    color: #2f2f2f;
    font-family: Arial;
    font-weight: bold
}

.dianhxua img {
    display: inline-block;
    max-width: 30px;
    margin-right: 10px;
}

.wapnav.cur {
    top: 50px;
}

.wapnav {
    position: fixed;
    left: 0px;
    top: 80px;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background: #FFF;
    z-index: 99999999999999;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    opacity: 0;
    visibility: hidden;
}

.wapnav li a {
    display: block
}

.wapnav>ul>li>a {
    border-bottom: 1px solid #eee;
    line-height: 38px;
    background: url(../images/dhr0s.png) no-repeat 97% center;
    display: block;
    padding: 10px 0;
    padding-left: 3%;
    font-size: 17px;
}

.wapnav>ul>li.cur>a {
    color: #c30d23;
    background: url(../images/dhr0x.png) no-repeat 97% center;
}

.wappronav>li>a {
    background: url(../images/dhr0s.png) no-repeat 100% center;
    display: block;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    padding: 10px 0;
}

.wappronav>li.cur>a {
    color: #c30d23;
    background: url(../images/dhr0x.png) no-repeat 100% center;
}

.wapnavdown {
    background: #f5f5f5;
    padding: 10px 5%;
    line-height: 34px;
    display: none
}

.wapnavdowntwo {
    padding: 10px 0;
    padding-left: 3%;
    line-height: 34px;
    display: none
}

.wapnavdowntwo>li>a {
    background: url(../images/dhr0s.png) no-repeat 100% center;
    display: block;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    color: #9a9a9a;
    padding: 5px 0;
}

.wapnavdowntwo>li.cur>a {
    color: #c30d23;
    background: url(../images/dhr0x.png) no-repeat 100% center;
}

.wapnavdownthree {
    padding: 10px 0px;
    padding-left: 3%;
    display: none
}

.wapnavdownthree>li>a {
    color: #9a9a9a
}

.kaiguan {
    display: none
}

.fenxiangfobox {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 9999
}

.fenxistop {
    background: rgba(195, 13, 35, 0.9);
    padding: 10px 5%;
    color: #fff
}

.fenxistop h2 {
    font-size: 16px;
}

.fenxiahc {
    background: rgba(248, 248, 248, 0.9);
    padding: 10px 5%;
}

.touxiangsc {
    width: 82px;
    height: 82px;
    border-radius: 82px;
    overflow: hidden
}

.touxiangsc img {
    width: 100%;
    height: 100%
}

.fenxw {
    padding-left: 20px;
    margin-right: 20px;
}

.fenxw p {
    color: #2f2f2f;
    font-size: 16px;
    margin-bottom: 5px;
}

.dianhus {
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    font-weight: bold
}

.dianhus a {
    color: #2f2f2f;
    font-size: 16px;
    padding: 10px 0px;
    width: 180px;
}

.dianhus a img {
    max-width: 25px;
    margin-right: 10px;
}

.fenxright a {
    width: 160px;
    height: 46px;
    background-color: #c30d23;
    color: #fff;
    border-radius: 5px;
}

.fenxright a img {
    max-width: 20px;
    margin-right: 10px;
}

.lixiaosybxos {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}

.mingcsx {
    font-size: 26px;
    color: #2f2f2f;
    font-weight: normal;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.mingcsx span {
    color: #696969;
    font-size: 14px;
}

.liyxsaleft {
    line-height: 1.8
}

.liyxsaright {
    text-align: center
}

.yuyan {
    position: relative
}

.yuyanxuanzeshow {
    background: #fff;
    position: absolute;
    left: 0px;
    top: 24px;
    display: block;
    width: 100%;
    padding: 5px 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    line-height: 2;
    display: none;
    z-index: 999999
}

.yuyanxuanzeshow a {
    display: block;
    text-align: center;
    color: #696969
}

.yuyanxuanzeshow a:hover {
    color: #c40d23;
}

.yuyan.cur {
    background: url(../images/bico011.png) no-repeat 95% center #fff;
    padding-right: 15px;
    background-size: 8px auto;
    color: #696969
}

.yuyan.cur span {
    background: url(../images/tico022.png) no-repeat left center;
    background-size: 10px auto
}

.pg-pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pg-pagination li {
    width: 48px;
    height: 46px;
    border: 1px solid #e5e5e5;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    line-height: 48px;
    margin: 0px 5px;
    color: #848484;
    font-family: Arial;
}

.pg-pagination li a {
    border: none;
    margin: 0px;
}

.pg-pagination li a:hover {
    color: #fff;
    background-color: #c30d23;
    border: none
}

.proshowbiaoge td {
    padding: 10px;
    word-break: break-all;
    border: 1px solid #ccc;
}

.proshowbiaoge tr:nth-child(1) {
    background-color: #e94744;
    color: #fff
}

.proshowboxleft .gallery-top {
    margin-bottom: 10px;
}

.contactboxs img {
    width: 200px;
}