@charset "UTF-8";
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


/*初始化样式*/

body {
    min-width: 320px;
    margin: 0;
    padding: 0;
    zoom: 1;
    /*设置字体*/
    font-size: 12px;
    line-height: 24px;
    font-family: Regular, "微软雅黑";
    color: #666;
    height: 100%;
}

ul,
li,
form,
dl,
dt,
dd,
div,
i,
em {
    font-style: normal;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.ul,
.ul li {
    list-style: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.p {
    padding: 0px;
    margin: 0px;
}

select,
input,
textarea {
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #414446;
}

input:focus {
    outline: none;
}


/*强制去除表单自带的样式*/

input,
button,
select,
textarea {
    outline: none;
    /*-webkit-appearance:none;*/
}


/*强制去除textarea自带的样式*/

textarea {
    resize: none;
    /*-webkit-appearance:none;*/
}

textarea,
input,
select {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}


/*html5设置*/

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

figure,
figcaption {
    margin: 0px;
    padding: 0px;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

em {
    font-style: normal;
}

img {
    border: none;
    border: 0;
    vertical-align: bottom;
    font-size: 0
}

a {
    color: #414446;
    text-decoration: none;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

a:focus {
    outline: none;
    -moz-outline: none;
}

a:hover {
    text-decoration: none;
}

*:hover {
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}


/*页面框架结构*/

.Contain {
    width: 100%;
    max-width: 1200px;
    min-width: 320px;
    margin: 0 auto;
}

.Content {
    width: 100%;
    max-width: 700px;
    min-width: 320px;
    margin: 0 auto;
}

.box {
    padding: 10px;
}

.SinglePage {
    /*单片*/
    text-justify: inter-ideograph;
    text-align: justify;
    word-wrap: break-word;
    clear: both;
    overflow: hidden;
}

.SinglePage img {
    max-width: 1200px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.clearfix {
    *zoom: 1
}

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

.por {
    position: relative;
}


/*当宽度为1200px的时候的样式*/

@media only screen and (max-width:1200px) {
    .Contain {
        padding: 0 10px;
    }
}

.scale:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}


/*header*/

.header-Top {
    color: #fff;
    background: #4d4d4d;
    padding: 6px 0;
    line-height: 20px;
}

.Top-Right {
    float: right;
}

.Top-Right li {
    margin-left: 15px;
    float: left;
}

.Top-Right li a {
    display: block;
    padding-left: 25px;
    color: #fff;
}

.Top-Right li a:hover {
    color: #c0975b;
}

.top-img1 {
    background: url("../images/headtop1.png")no-repeat left center;
}

.top-img2 {
    background: url("../images/headtop2.png")no-repeat left center;
}

.top-img3 {
    background: url("../images/headtop3.png")no-repeat left center;
}

.top-img4 {
    background: url("../images/headtop4.png")no-repeat left center;
}

.header {
    /*position: fixed;left: 0;top: 0;width: 100%;*/
    background: rgba(255, 255, 255, .8);
    z-index: 999;
}

.header-center {
    height: 90px;
    line-height: 90px;
    position: relative;
}

.header-center .logo {
    display: block;
    vertical-align: middle;
}

.header-center .logo img {
    vertical-align: middle;
    width: 246px;
}

.header-center .Menu {
    transition: all 0s;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
}

.header-center .Menu li {
    margin: 0 25px;
}

.header-center .Menu li:last-child {
    margin-right: 0;
}

.header-center .Menu li {
    position: relative;
}

.header-center .Menu li>a,
.header-center .Menu li>span {
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    padding: 0 8px;
}

.header-center .Menu li>dl {
    display: none;
    position: absolute;
    z-index: 999;
    background-color: #fff;
    width: 100%;
    transition: all 0s;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
}

.header-center .Menu li>dl {
    border-radius: 0 0 5px 5px;
    width: 100px;
    left: 50%;
    margin-left: -50px;
}

.header-center .Menu li>dl dd a {
    display: block;
    text-align: center;
    line-height: 40px;
}

.header-center .Menu li>dl dd a:hover {
    background-color: #bc955c;
    color: #fff;
}

.header-center .Menu li.on>a,
.header-center .Menu li.on>span,
.header-center .Menu li:hover>a,
.header-center .Menu li:hover>span {
    color: #bc955c;
    background: url("../images/xiaxian.jpg")repeat-x bottom;
}

.menu-nav {
    display: none;
    width: 40px;
    height: 100%;
    background: url("../images/menu.png")no-repeat center;
    float: right;
    border: none;
}


/*Banner*/

.Index-Banner {
    clear: both;
}

.Index-Banner .owl-item .img {
    display: block;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-position: center;
}

.Index-Banner .owl-nav {
    display: none;
}

.Index-Banner .owl-dots {
    position: absolute;
    left: 0px;
    text-align: center;
    width: 100%;
    bottom: 6%;
}

.Index-Banner .owl-dots .owl-dot {
    width: 13px;
    height: 13px;
    margin: 0 10px;
    border-radius: 50%;
    background: #fff;
}

.Index-Banner .owl-dots .owl-dot.active {
    background: #c0975b;
}

.MainBox1 {
    background: #fafafa;
    padding: 50px 0;
}

.MainBox1 li:hover>.YW-Box{color: #C0975B !important;}

.title-h3 {
    font-family: "Bold", "微软雅黑";
    font-size: 24px;
    color: #333333;
    text-align: center;
}

.title-h3 p {
    font-size: 16px;
    font-family: "Myriad Pro", "Arial";
    color: #888888;
    font-weight: normal;
    margin-top: 10px;
    text-transform: Uppercase;
}

.YW-Boxs li {
    float: left;
    margin-right: 3%;
    overflow: hidden;
    width: 11.666667%;
    max-width: 140px;
    height: 140px;
    position: relative;
    overflow: hidden;
}

.YW-Box {
    margin-top:20px;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #333;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top 20px center;
}
.YW-Box .img{display: block;margin:0px auto 20px;width: 77px;}
.YW-Box .img img{display:block;width: 55px;margin:0px auto;}
.YW-Box .img .sj{display:none;}
.YW-Box:hover .img .pc{display:none;}
.YW-Box:hover .img .sj{display:block;}

.YW-Boxs li:last-child {
    margin-right: 0;
}

/* .YW-Box img {
    position: absolute;
    top: -200%;
    left: 0;
}

.YW-Box:hover img {
    top: 0;
} */

.YW1 {
    background-image: url("../images/yw1.png")
}

.YW2 {
    background-image: url("../images/yw2.png")
}

.YW3 {
    background-image: url("../images/yw3.png")
}

.YW4 {
    background-image: url("../images/yw4.png")
}

.YW5 {
    background-image: url("../images/yw5.png")
}

.YW6 {
    background-image: url("../images/yw6.png")
}

.YW7 {
    background-image: url("../images/yw7.png")
}

@media(max-width:768px){
.YW-Box .img{margin:0px auto 12px;width: 40px;}
.YW-Box .img img{width: 40px;}
}

/*MainBox2*/

.MainBox2 {
    overflow: hidden;
}

.JJ-Box1 {
    padding-top: 50px;
    padding-bottom: 170px;
}

.JJ-Box1 .p1 {
    line-height: 26px;
    margin-top: 30px;
    font-size: 14px;
    color: #666;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 78px;
}

.JJ-Box1 .GD-a {
    width: 140px;
    height: 30px;
    display: block;
    margin: 35px auto 0;
    background: url("../images/gd.png")no-repeat center;
    border: 1px solid #cccccc;
}

.JJ-Box2 {
    padding-bottom: 90px;
    background: url("../images/bg2.jpg") no-repeat center 100%;
}

.videoBox {
    width: 100%;
    max-width: 700px;
    min-width: 320px;
    background-size: cover;
    padding: 18px;
    transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    -webkit-transform: translateY(-35%);
}

.videoBox video {
    object-fit: fill;
}

.videoBox video:focus {
    outline: none;
}

.JJ-Text {
    margin-top: -64px;
    text-align: center;
}

.JJ-Text li {
    display: inline-block;
    width: 33%;
    padding: 0 36px 20px;
    max-width: 198px;
    height: 75px;
    vertical-align: top;
}

.JJ-t1,
.JJ-t2,
.JJ-t3 {
    background: url("../images/shu.jpg")no-repeat right center;
}

.JJ-Text li a {
    font-weight: bold;
    display: block;
    height: 75px;
    width: 100%;
    padding-top: 0;
    color: #fff;
    font-size: 16px;
}

.JJ-Text li a img{display:block;margin:0 auto 10px;}


/* .JJ-t1 a {
    background: url("../images/JJ1.png")no-repeat top 3px center;
}

.JJ-t2 a {
    background: url("../images/JJ2.png")no-repeat top center;
}

.JJ-t3 a {
    background: url("../images/JJ3.png")no-repeat top center;
}
 */
.JJ-t4 {
    display: none;
}

.JJ-t4 a {
    background: url("../images/JJ4.png")no-repeat top center;
}

.JJ-Text i {
    border-bottom: 1px solid #e4d5be;
    display: block;
    margin: 0px auto 5px;
    width: 20px;
    height: 6px;
}

.JJ-Text p {
    line-height: 21px;
    font-size: 14px;
    color: #f3ece5;
}

.JJ-Box3 {
    padding: 60px 0;
    background: #fafafa;
}

.Top-p {
    font-size: 14px;
    color: #666666;
    line-height: 26px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ececec;
}

.MK-Box {
    margin-top: 55px;
    position: relative;
}

.MK-Box .box {
    width: 350px;
    margin: 0px auto;
}

.MK-Box img {
    border-radius: 50%;
    width: 124px !important;
    height: 124px;
}

.nk-right {
    margin-top: 20px;
    margin-left: 150px;
    background: url("../images/nk1.png")no-repeat top 30px left;
    padding: 20px 0 20px 60px;
}

.nk-right b {
    font-size: 24px;
    color: #666;
    display: block;
}

.nk-right p {
    line-height: 20px;
    height: 40px;
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.MK-Box .owl-prev,
.MK-Box .owl-next {
    width: 21px;
    height: 13px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    z-index: 99;
    color: transparent;
}

.owl-carousel.MK-Box .owl-nav button.owl-prev {
    text-indent: 999em;
    background: url("../images/prev.png")no-repeat center;
    left: -70px;
}

.owl-carousel.MK-Box .owl-nav button.owl-next {
    text-indent: 999em;
    background: url("../images/next.png")no-repeat center;
    right: -70px;
}


/*MainBox3*/

.MainBox3 {
    padding: 50px 0;
}

.NEWS-Box {
    margin-top: 40px;
}

.NEWS-Box li {
    width: 31.25%;
    max-width: 375px;
    float: left;
    margin-right: 3%;
}

.NEWS-Box li:last-child {
    margin-right: 0;
}

.NEWS-Box li i {
    display: block;
    width: 100%;
    height: 180px;
    vertical-align: middle;
    line-height: 180px;
    text-align: center;
}

.NEWS-Box li i img {
    max-width: 100%;
    max-height: 180px;
    vertical-align: middle;
    border-radius: 5px;
}

.NEWS-Box li .new-a1 {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin-top: 20px;
    display: block;
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.NEWS-Box li p {
    margin-top: 10px;
    font-size: 14px;
    color: #999;
    line-height: 22px;
    padding: 0 20px;
    height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.NEWS-Box li .new-a2 {
    font-size: 14px;
    color: #999;
    display: block;
    margin-top: 15px;
    padding: 0 20px;
}

.NEWS-Box li:hover .new-a1,
.NEWS-Box li:hover .new-a2 {
    color: #bc955c;
}


/*footer*/

.foot-top {
    background: #f5f5f5;
    padding: 50px 0;
}

.foot-box li {
    width: 90px;
    float: left;
    margin-right: 89px;
}

.foot-box li:last-child {
    margin-right: 0;
    float: right;
    width: 123px;
}

.foot-box li dt a {
    display: block;
    padding-bottom: 15px;
    background: url("../images/footxian.jpg")no-repeat bottom;
    color: #4c4c4c;
    font-size: 16px;
    font-weight: 600;
    font-family: "Bold", "微软雅黑";
    margin-bottom: 10px;
}

.foot-box li dd a {
    display: block;
    font-size: 14px;
    color: #b8b8b8;
    line-height: 30px;
}

.foot-box li .wxewm-Box {
    margin-top: 35px;
    display: block;
}

.foot-box li .wxewm-Box img {
    width: 100%;
}

.foot-box li .wx-box {
    font-size: 16px;
    color: #b8b8b8;
    padding-left: 45px;
    background: url("../images/weixin.png")no-repeat left 20px center;
    margin-top: 5px;
}

.foot-but {
    font-size: 14px;
    color: #fff;
    background: #4d4d4d;
    padding: 18px 0;
}

.foot-but a {
    color: #fff;
}

.linkbox {
    float: right;
    width: 250px;
    position: relative;
    line-height: 32px;
    margin-left: 20px;
    text-indent: 1em;
    color: #fff;
    border-radius: 4px;
    background: #5d5b5b url(../images/linkarr.png) right center no-repeat;
}

.linkbox dt {
    cursor: pointer;
}

.linkbox dd {
    position: absolute;
    left: 0px;
    font-size: 12px;
    bottom: 32px;
    display: none;
    width: 100%;
    background: #5d5b5b;
}

.linkbox a {
    display: block;
    padding: 0px 3;
    color: #fff;
}


/*发展历程*/

.MainMat {
    /*margin-top: 127px;*/
}

.Top-Img {
    width: 100%;
    min-width: 320px;
}

.Top-Img img {
    width: 100%;
    min-width: 320px;
}

.Top-Text {
    line-height: 56px;
    border-bottom: 1px solid #f3f3f3;
}

.NavsBox {
    float: right;
}

.NavsBox dd {
    display: inline-block;
    font-size: 14px;
    color: #999;
}

.NavsBox dd a {
    display: inline-block;
    margin: 0 7px;
    font-size: 14px;
    color: #999;
}

.NavsBox dd:last-child a {
    color: #ba8f5a;
}

.MenuBox2 li {
    float: left;
    margin-right: 25px;
}

.MenuBox2 li a {
    display: inline-block;
    font-size: 14px;
    color: #999;
}

.MenuBox2 li.on a,
.MenuBox2 li:hover a {
    color: #bc955c;
    border-bottom: 2px solid #bc955c;
    line-height: 54px;
    height: 54px;
}

.FaZhan {
    width: 100%;
    max-width: 880px;
    min-width: 320px;
    padding-top: 50px;
    margin: 0 auto;
}

.JianTou {
    width: 19px;
    height: 55px;
    background: url("../images/fzlc11.png")no-repeat;
    margin: 0 auto;
}

.FaZhan ul {
    background: url(../images/xian_03.jpg) center top repeat-y;
    padding: 20px 0 60px;
}


/* .FaZhan ul li{margin-top: 80px;} */

.FaZhan ul li:first-child {
    margin-top: 0;
}

.FaZhanText {
    width: 80%;
    max-width: 325px;
    padding: 20px;
    border: 1px solid #f1f1f1;
}

.FaZhanText p {
    font-size: 14px;
    color: #999;
    line-height: 20px;
}

.FZ-Img {
    display: block;
    width: 100%;
    margin-top: 15px;
}

.FZ-Img img {
    width: 100%;
}

.FZ-Time {
    font-family: Impact;
    font-size: 20px;
    color: #ccc;
    width: 120px;
    margin-top: 25px;
    background-image: url("../images/fzlc12.jpg");
    background-repeat: no-repeat;
}

.LeftList {
    /*float: left*/
    ;
    width: 50%;
}

.LeftList .FZ-Time {
    float: right;
    text-align: right;
    padding-right: 30px;
    background-position: right center;
    margin-right: -8px;
}

.RightList {
    width: 50%;
    margin-left: 50%;
}

.RightList .FZ-Time {
    float: left;
    text-align: left;
    padding-left: 30px;
    background-position: left center;
    margin-left: -7px;
}

.RightList .FaZhanText {
    float: right;
}

.FaZhan ul li:hover .FZ-Time,
.FaZhan ul li:hover .FaZhanText p {
    color: #bc955c;
}

.FaZhan ul li:hover .FZ-Time {
    background-image: url("../images/fzlc13.png");
}


/*集团简介*/

.JTJJ-Img {
    float: right;
    width: 34%;
    max-width: 409px;
}

.JTJJ-Img img {
    width: 100%;
}

.JTJJ-Box {
    padding-top: 40px;
    padding-bottom: 80px;
}

.JTJJ-Box *{ font-family: Regular, "微软雅黑" !important; font-size: 16px !important; color: #222  !important;text-indent:2em !important;line-height:2!important;}
.JTJJ-Box img{width:100% !important;max-width:600px;display:block;margin:0 auto;height:auto !important;}

.JTJJ-Text {
    width: 61%;
    max-width: 740px;
}

.JTJJ-Text h3 {
    margin-top: 60px;
    font-size: 24px;
    color: #666;
    font-weight: normal;
}

.JTJJ-Text span {
    font-size: 16px;
    font-family: "Regular", "Arial";
    color: #666;
    margin-top: 10px;
    display: block;
    margin-bottom: 30px;
}

.JTJJ-Text p {
    font-size: 14px;
    color: #888;
    line-height: 30px;
    margin-top: 10px;
}


/*集团荣誉*/

.JTRY-Box {
    margin-top: 10px;
}

.JTRY-Box li {
    float: left;
    width: 25%;
    margin-top: 35px;
}

.RY-Img {
    display: block;
    width: 100%;
    height: 185px;
    padding-bottom: 25px;
    background: url("../images/ry1.png")repeat-x bottom;
    text-align: center;
    vertical-align: bottom;
    line-height: 160px;
}

.RY-Img img {
    max-width: 100%;
    max-height: 160px;
    vertical-align: bottom;
}

.RY-P {
    font-size: 14px;
    color: #4c4948;
    text-align: center;
    max-width: 190px;
    margin: 0 auto;
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0 10px;
}


/*pages*/

.Pages {
    margin: 50px 0;
    text-align: center;
}

.Pages p {
    margin: 0 auto;
}

.Pages a {
    display: inline-block;
    min-width: 34px;
    height: 34px;
    line-height: 34px;
    background-color: #cccccc;
    margin: 0 5px;
    font-size: 16px;
    color: #fff;
}

.Pages a.page-prev {
    background-image: url("../images/ry_z.png");
    background-position: center;
    background-repeat: no-repeat;
}

.Pages a.page-next {
    background-image: url("../images/ry_y.png");
    background-position: center;
    background-repeat: no-repeat;
}

.Pages a:hover {
    background-color: #bc955c;
}

.Pages .a_cur {
    background-color: #bc955c;
}


/*联系我们*/

.LXWM-Box {
    padding: 40px 0;
}

.ZB-Box img {
    max-width: 100%;
}

.ZB-Text {
    background-color: #f7f7f7;
}

.ZB-Logo {
    width: 27%;
    max-width: 320px;
    height: 163px;
    padding-left: 60px;
    background: url("../images/hf.png")no-repeat 100%;
    padding-top: 55px;
    float: left;
}

.ZB-Logo .b1 {
    font-size: 18px;
    font-family: "Bold", "微软雅黑";
    color: #0f0f0f;
    display: block;
    font-weight: bold;
}

.ZB-Logo .b2 {
    display: block;
    font-size: 24px;
    font-family: "Bold", "微软雅黑";
    color: #bc955c;
    font-weight: bold;
    margin-top: 10px;
}

.ZB-Ewm {
    float: right;
    width: 15%;
    max-width: 170px;
    padding-right: 50px;
    height: 163px;
    line-height: 163px;
    vertical-align: middle;
}

.ZB-Ewm img {
    max-width: 100%;
    vertical-align: middle;
}

.ZB-Dress {
    width: 58%;
    max-width: 710px;
    padding-left: 45px;
    padding-top: 50px;
    font-size: 16px;
    font-family: "Regular", "微软雅黑";
    color: #515151;
    float: left;
}

.dress1 span,
.dress2 span,
.dress3 span {
    color: #a0a0a0
}

.dress1,
.dress2 {
    display: inline-block;
}

.dress1 {
    margin-right: 45px;
}

.dress3 {
    margin-top: 10px;
}

.FB-Box {
    padding-top: 20px;
}

.FB-Box li {
    padding: 16px;
    border: 1px solid #e1e1e1;
    margin-top: 25px;
}

.FB-ImgBox {
    display: block;
    width: 28%;
    height: 153px;
    line-height: 153px;
    vertical-align: middle;
    text-align: center;
    float: left;
}

.FB-ImgBox img {
    max-width: 100%;
    max-height: 153px;
    vertical-align: middle;
}

.FB-Text {
    padding-left: 70px;
    padding-right: 30px;
    width: 72%;
    float: left;
}

.FB-Top {
    line-height: 55px;
    font-size: 20px;
    color: #111;
    border-bottom: 1px solid #f0f0f0;
    background: url("../images/lxwm_27.jpg")no-repeat left bottom -1px;
}

.WX-EwmBox {
    display: inline-block;
    float: right;
    width: 26px;
    height: 55px;
    background: url("../images/lxwm_22.png")no-repeat center;
    position: relative;
}

.FB-ewm {
    position: absolute;
    top: 50%;
    left: 30px;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    display: none;
}

.FB-Foot {
    padding-top: 20px;
}

.phone {
    float: left;
    width: 35%;
    padding-left: 60px;
    background: url("../images/lxwm_14.png")no-repeat left top;
}

.spa1 {
    display: block;
    font-size: 16px;
    color: #a0a0a0;
}

.spa2 {
    display: block;
    font-size: 16px;
    color: #515151;
}

.A-dress {
    float: left;
    width: 65%;
    padding-left: 60px;
    background: url("../images/lxwm_16.png")no-repeat left top;
}


/*企业文化*/

.QYWH-Box {
    margin-top: 50px;
}

.LeftImg {
    float: left;
    width: 50%;
    height: 370px;
}

.RightText {
    float: right;
    width: 50%;
    background: #f7f7f7;
    height: 370px;
    padding-top: 35px;
    padding-left: 100px;
}

.RightText h3 {
    font-size: 26px;
    color: #4c4c4c;
    margin-top: 40px;
}

.RightText p {
    margin-top: 25px;
    font-size: 16px;
    color: #4c4c4c;
}

.WH-Center {
    margin-top: 40px;
    background: url("../images/qywh_15.jpg")no-repeat center;
    margin-bottom: 40px;
}

.PPHX-Box1 {
    width: 50%;
    float: left;
    padding-right: 4%;
}

.PPHX-bg1 {
    width: 100%;
    height: 280px;
    background: url("../uploadfiles/images/qywh_10.jpg")no-repeat center 100%;
    text-align: center;
    color: #fff;
    padding: 55px 0;
    font-size: 16px;
    font-weight: bold;
}

.PPHX-bg1 h3 {
    font-size: 22px;
    font-family: Bold, "微软雅黑";
    margin-top: 30px;
}

.PPHX-bg1 p {
    margin-top: 15px;
}

.PPHX-Box2 {
    width: 50%;
    float: right;
    padding-left: 4%;
}

.PPHX-bg2 {
    width: 100%;
    height: 280px;
    background: url("../uploadfiles/images/qywh_12.jpg")no-repeat center 100%;
    text-align: center;
    color: #fff;
    padding: 55px 0;
    font-size: 16px;
    font-weight: bold;
}

.PPHX-bg2 h3 {
    font-size: 22px;
    font-family: Bold, "微软雅黑";
    margin-top: 30px;
}

.PPHX-bg2 p {
    margin-top: 15px;
}


/*人力资源*/

.RL-Box {
    margin-top: 40px;
}

.RL-xia {
    display: inline-block;
    width: 11px;
    height: 10px;
    background: url("../images/jiantou_03.png")no-repeat center;
}

.YunYingList-top {
    width: 100%;
    height: 50px;
    line-height: 50px;
}

.YunYingList-page {
    width: 20%;
    text-align: center;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.YunYingList-top .YunYingList-page {
    background-color: #bc955c;
    color: #fff;
    font-size: 16px;
}

.YunYingList-top .YunYingList-page:last-child {
    margin-right: 0;
}

.YunYing-cont li {
    border-bottom: 1px solid #d5d5d5;
    background: #fff;
}

.YunYing-contTop {
    background: #fafafa;
}

.YunYing-cont li:nth-child(2n) .YunYing-contTop {
    background: #f2f2f2;
}

.YunYing-contTop .YunYingList-page {
    height: 55px;
    line-height: 55px;
    vertical-align: middle;
}

.KaiGuan {
    background: url("../images/jiantou_11.png")no-repeat center;
}

.KaiGuan.on {
    background: url("../images/jiantou_07.png")no-repeat center;
}

.YunYing-cont li .YunYing-contTop .KaiGuan a {
    display: inline-block;
    width: 85px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border: 1px solid #7c7c7c;
    border-radius: 15px;
    vertical-align: middle;
}

.YunYing-contTop .YunYingList-page:last-child {
    margin-right: 0;
}

.YunYing-contCenter {
    margin-top: 30px;
    display: none;
    padding: 0 66px 50px;
    transition: all 0s;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
}

.RL-t1 {
    font-size: 14px;
    color: #222;
}

.YunYing-contCenter .YunYing-info .YunYing-infoCon {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
    font-size: 14px;
    color: #222222;
    margin-top: 15px;
    line-height: 26px;
}

.YunYing-contCenter .YunYing-info .YunYing-infoCon dt {
    color: #888888;
}

.YunYing-contCenter .YunYing-info .LJSQ-a {
    display: block;
    width: 90px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #bc955c;
    border: 1px solid #bc955c;
    border-radius: 20px;
    margin-top: 25px;
}


/*新闻中心*/

.XW-Box {
    margin-top: 40px;
}

.XW-ImgBox {
    display: block;
    width: 33.3333333%;
    height: 270px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.XW-Text {
    width: 66.6666667%;
    height: 270px;
    float: left;
    padding: 30px 6%;
    background: #fcfafb;
}

.XW-Time {
    display: block;
    line-height: 30px;
    height: 30px;
    padding-left: 40px;
    background: url("../images/xw_time.png")no-repeat left center;
    font-size: 24px;
    color: #bc955c;
    font-family: "Bold", "Arial";
    font-weight: bold;
}

.XW-Text h3 {
    margin-top: 25px;
    font-size: 24px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 24px;
}

.XW-Text p {
    font-size: 14px;
    margin-top: 15px;
    line-height: 25px;
    color: #515151;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 75px;
}

.XW-Top .owl-dots {
    position: absolute;
    bottom: 25px;
    width: 60%;
    right: 0;
}

.XW-Top .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: #b5b5b5;
    margin: 0 5px;
}

.XW-Top .owl-dots .owl-dot.active {
    background: #bc955c;
}

.XW-UL-box li {
    padding: 20px 15px;
    border: 1px solid #eaeaea;
    min-height: 130px;
    margin-top: 20px;
}

.XW-UL-Time {
    width: 67px;
    float: left;
    text-align: center;
}

.XW-UL-Day {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 48px;
    font-family: Arial, "Regular";
    color: #fff;
    background: #cccccc;
}

.XW-UL-Month {
    display: block;
    width: 100%;
    height: 22px;
    line-height: 22px;
    background: #cccccc;
    color: #fff;
    margin-top: 2px;
}

.XW-UL-right {
    display: block;
    width: 135px;
    height: 85px;
    line-height: 85px;
    vertical-align: middle;
    text-align: center;
    border-left: 1px solid #eeeeee;
}

.XW-Right {
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    background: url("../images/xw_1.png")no-repeat center;
}

.XW-UL-Text {
    margin-left: 95px;
    margin-right: 150px;
}

.XW-UL-Text a {
    display: block;
    font-size: 16px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 24px;
}

.XW-UL-Text P {
    margin-top: 15px;
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 48px;
}

.XW-UL-box li:hover .XW-UL-Text a {
    color: #bc955c;
}

.XW-UL-box li:hover .XW-UL-Day {
    background: #bc955c;
}

.XW-UL-box li:hover .XW-UL-Month {
    background: #bc955c;
}

.XW-UL-box li:hover .XW-Right {
    background: url("../images/xw_2.png")no-repeat center;
}


/*业务领域*/

.YWLY-Box {
    margin-top: 40px;
}

.YWLY-LeftBox {
    width: 56.6667%;
    max-width: 680px;
    float: left;
}

.YWLY-ImgBox1 {
    position: relative;
}

.YWLY-ImgBox1 img {
    max-width: 100%;
}

.YWLY-title {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    width: 28%;
    max-width: 190px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    background: rgba(201, 170, 125, .8);
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.YWLY-title img {
    width: 23px;
    height: 23px;
    vertical-align: middle;
    margin-right: 5px;
}

.YWLY-TxtBox {
    padding: 40px 15px;
    line-height: 30px;
    font-size: 16px;
    color: #515151;
}

.YWLY-TxtBox p {
    margin-top: 15px;
}

.YWLY-TxtBox dl {
    margin-top: 15px;
}

.YWLY-RightBox {
    width: 40%;
    float: right;
    max-width: 480px;
}

.XGXW-Box {
    padding: 30px;
    background: #fcf9f4;
}

.XGXW-Box dt {
    font-size: 26px;
    color: #bc955c;
    font-weight: bold;
}

.XGXW-Box dt span {
    font-weight: normal;
    color: #ddcbb2;
}

.XGXW-Box dd {
    margin-top: 30px;
}

.XGXW-Box dd a {
    display: block;
    padding-left: 20px;
    background: url("../images/xgxw_03.jpg")no-repeat left center;
    font-size: 16px;
    color: #3f464b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.XGXW-Box dd a:hover {
    color: #bc955c;
}

.YWLY-Phones {
    padding: 30px 45px;
    margin-top: 30px;
    background: #f3efef;
}

.YWLY-Phones li {
    padding-left: 75px;
    min-height: 33px;
    margin-top: 30px;
}

.li1 {
    background: url("../images/phone.png")no-repeat left center;
}

.li2 {
    background: url("../images/mail.png")no-repeat left center;
}

.li3 {
    background: url("../images/dress.png")no-repeat left center;
}

.YWLY-Phones li p {
    padding-left: 20px;
    background: url("../images/ywly_18.jpg")no-repeat left top;
}

.phone1 {
    display: block;
    font-size: 30px;
    font-family: "Bold", "Arial";
    color: #363636;
}

.phone2 {
    display: block;
    font-size: 14px;
    color: #0669b2;
}

.mail1,
.dress1 {
    font-size: 16px;
    color: #515151;
    display: block;
}

.mail2,
.dress2 {
    font-size: 16px;
    color: #363636;
    display: block;
}

.LPHD-Box {}

.LPHD-title {
    height: 60px;
    line-height: 60px;
    padding-left: 55px;
    background: url("../images/lphd_03.png")no-repeat left top;
    border-bottom: 1px solid #dfe3e8;
    font-size: 18px;
    color: #515151;
    font-weight: bold;
}

.LPHD-UL {
    padding-top: 30px;
}

.LPHD-UL li {
    width: 31.6667%;
    max-width: 380px;
    float: left;
    margin-right: 2.5%;
    padding-bottom: 25px;
}

.LPHD-UL li:last-child {
    margin-right: 0;
}

.LPHD-Img {
    display: block;
    height: 230px;
    width: 100%;
    line-height: 230px;
    vertical-align: middle;
    text-align: center;
}

.LPHD-Img img {
    max-width: 100%;
    max-height: 230px;
    vertical-align: middle;
}

.LPHD-UL li a {
    font-size: 16px;
    color: #222;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin-top: 25px;
    padding: 0 20px;
}

.LPHD-UL li p {
    font-size: 14px;
    color: #999;
    margin-top: 15px;
    line-height: 25px;
    padding: 0 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 50px;
}

.LPHD-UL li:hover {
    background: #bc955c;
}

.LPHD-UL li:hover a {
    color: #fff;
}

.LPHD-UL li:hover p {
    color: #decaae;
}


/*招标发布*/

.ZBFB-Box {
    padding-top: 40px;
    width: 100%;
}

.ZBFB-Box table {
    background: #fafafa;
    width: 100%;
}

.ZBFB-Box table tbody {
    max-width: 100%;
}

.ZBFB-Box table th {
    background: #bc955c;
    color: #fff;
    padding: 10px 0;
    font-size: 16px;
}

.ZBFB-Box table tr:nth-child(2n) {
    background: #f2f2f2;
}

.ZBFB-Box table td {
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    color: #666;
}

.BM-a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 80px;
    border: 1px solid #bc955c;
    border-radius: 15px;
    color: #bc955c;
}


/*招标报名*/

.BM-Boxs {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: none;
}

.bg-ZBFB {
    width: 100%;
    height: 100%;
    background: rgba(50, 50, 50, .8);
}

.ZBFB-BM {
    height: 526px;
    width: 100%;
    max-width: 410px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -243px;
    margin-left: -205px;
    border-radius: 10px;
    padding: 40px;
}

.ZBFB-BM h3 {
    font-size: 20px;
    font-family: "Regular", "微软雅黑";
    color: #333;
    text-align: center;
    padding-bottom: 20px;
}

.ZBFB-BM input {
    width: 100%;
    border: 1px solid #e3e7ed;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    padding-left: 45px;
}

.ZBBM1 {
    background: url("../images/bm_07.png")no-repeat left 12px center;
    margin-top: 25px;
}

.ZBBM2 {
    background: url("../images/bm_10.png")no-repeat left 12px center;
    margin-top: 25px;
}

.ZBBM3 {
    background: url("../images/bm_12.png")no-repeat left 12px top 11px;
    margin-top: 25px;
    border: 1px solid #e3e7ed;
    padding-left: 45px;
    width: 100%;
    line-height: 40px;
    height: 110px;
}

.ZBFB-BM .SCFJ-Box {
    margin-top: 20px;
}

.ZBFB-BM .scfj1 {
    padding-left: 0;
}

.ZBFB-BM input.ZBBM5 {
    padding-left: 0;
    text-align: center;
    background: #bc955c;
    color: #fff;
    letter-spacing: 20px;
    margin-top: 25px;
    font-size: 16px;
}

.GB-x {
    display: block;
    width: 12px;
    height: 12px;
    background: url("../images/bm_03.png")no-repeat center;
    position: absolute;
    top: 15px;
    right: 15px;
}


/*招聘表单*/

.ZPZW-Text {
    width: 100%;
    height: 55px;
    line-height: 55px;
    background: #f6f6f6;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding-left: 20px;
}

.ZPBD-form {
    padding: 15px;
}

.ZPBD-form ul li {
    margin-top: 20px;
}

.width2 {
    width: 45%;
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 10%;
}

.width2 label {
    display: inline-block;
    width: 24%;
    float: left;
    color: #666666;
    font-size: 14px;
}

.width2 input {
    width: 76%;
    float: right;
    height: 30px;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
}

.width2 select {
    width: 50%;
    border: 1px solid #dbdbdb;
    height: 30px;
    padding-left: 20px;
}

.width2:nth-child(2) {
    margin-right: 0;
}

.width2 input[type="radio"] {
    width: 15px;
    height: 15px;
    margin: 7px 0;
}

.HYZK {
    width: 76%;
    float: right;
    height: 30px;
}

.HYZK label {
    width: auto;
    float: none;
}

.HYZK input {
    float: none;
}

.width1 textarea {
    width: 89%;
    height: 150px;
    border: 1px solid #dbdbdb;
    padding: 10px;
}

.width1 label {
    display: inline-block;
    width: 11%;
    float: left;
    color: #666666;
    font-size: 14px;
}

.form-tj {
    margin-top: 30px;
    width: 100%;
    padding-left: 14%;
}

.form-tj input[type="button"] {
    width: 120px;
    height: 40px;
    font-size: 16px;
}

.button1 {
    background: #bc955c;
    margin-right: 15px;
    color: #fff;
}

.button2 {
    background: #f6f6f6;
    color: #666666;
}

.SCFJ-Box {
    border: 1px solid #e3e7ed;
    border-radius: 5px;
    padding: 6px 0;
}

input.path1 {
    width: 75%;
    float: left;
    height: 18px;
    line-height: 18px;
    border: none;
    color: #999;
    padding-left: 20px;
}

input.scfj1 {
    width: 25%;
    float: left;
    height: 18px;
    line-height: 18px;
    border: none;
    border-left: 1px solid #e3e7ed;
    color: #598ee2;
}


/*新闻详情*/

.News-Top {
    padding: 40px 0 25px;
}

.News-Top h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 20px;
}

.News-Tittle {}

.News-Tittle li {
    float: left;
    margin: 0 10px;
    line-height: 28px;
}

.News-Tittle .date {
    display: none;
}

.News-Text p {
    line-height: 25px;
    font-size: 14px;
    text-indent: 2em;
}

.News-Text img {
    display: block;
    margin: 0px auto;
    max-width: 100%;
}

.News-Foot {
    padding: 45px 0px;
}

.News-Foot li {
    line-height: 30px;
    font-size: 14px;
    width: 50%;
    float: left;
}

.News-Foot li span {
    color: #000;
}

.News-Foot li a {
    display: block;
    padding-left: 10px;
    background: #f5f5f5;
    height: 120px;
    padding-top: 45px;
}

.News-Foot li:hover a {
    color: #fff;
    background: #bc955c;
}

.Newsleft {
    border-right: 1px solid #f3f3f3;
    width: 75%;
    float: left;
    padding: 0 5% 0 105px;
    position: relative;
}

.Newsleft .dates {
    background: #bc955c;
    line-height: 23px;
    color: #fff;
    width: 68px;
    text-align: center;
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    left: 0px;
    top: 40px;
}

.Newsleft .dates b {
    border-bottom: 2px solid #fff;
    display: block;
    font-weight: normal;
    line-height: 61px;
    font-size: 48px;
}

.Newsright {
    width: 22%;
    padding: 50px 0px 30px;
    float: right;
}

.Newsright .img {
    margin-bottom: 20px;
}

.Newsright .img img {
    width: 100%;
}

.qklist {
    margin: 0 0 0 -3%;
}

.qklist li {
    width: 17%;
    margin: 0 0 2% 3%;
    float: left;
    text-align: center;
}

.qklist li .img img {
    width: 100%;
    display: block;
    height: 280px;
}

.qklist li .tit {
    text-overflow: ellipsis;
    white-space: nowrap;
    *white-space: nowrap;
    overflow: hidden;
    width: 99%;
}


/*企业文化*/

.qywhtp {
    padding-top: 3.5%;
}

.qywhtp img {
    width: 100%;
}

.qywhtxt1 {
    padding: 4% 5%;
}

.qywhtxt1 img {
    width: 100%;
}

.qywhtxt1 .txt {
    width: 45%;
    float: left;
    padding-top: 4%;
}

.qywhtxt1 .txt .tithead h2 {
    font-size: 26px;
    margin-bottom: 8px;
}

.qywhtxt1 .txt .tithead p {
    font-size: 26px;
    font-family: Arial, Helvetica, sans-serif;
}

.qywhtxt1 .txt .p1 {
    font-size: 18px;
    margin: 13px 0px;
}

.qywhtxt1 .img {
    width: 45%;
    float: right;
}

.qywhtxt1 .img img {
    width: 100%;
}

.qywhtxt2 {
    background: #bc955c;
    color: #fff;
}

.qywhtxt2 .img {
    width: 50%;
    float: left;
}

.qywhtxt2 .txt {
    width: 40%;
    padding-left: 5%;
    float: left;
}

.qywhtxt2 .txt .tithead h2 {
    font-size: 26px;
    padding-top: 15%;
    margin-bottom: 8px;
}

.qywhtxt2 .txt .tithead p {
    font-size: 26px;
    font-family: Arial, Helvetica, sans-serif;
}

.qywhtxt2 .txt .p1 {
    font-size: 18px;
    margin: 13px 0px;
}

.qywhtxt3 .tithead {
    text-align: center;
    padding: 25px 0px;
}

.qywhtxt3 .tithead h2 {
    font-size: 26px;
    padding-top: 5%;
    margin-bottom: 8px;
}

.qywhtxt3 .tithead p {
    font-size: 26px;
    font-family: Arial, Helvetica, sans-serif;
}

.qywhtxt3 ul {
    margin-left: -3%;
}

.qywhtxt3 li {
    width: 33.33333%;
    padding: 0 0 7% 3%;
    position: relative;
    float: left;
}

.qywhtxt3 li .box {
    padding: 0 10% 0 0;
    border-right: 1px dashed #e6e6e6;
    position: relative;
}

.qywhtxt3 li .box img {
    display: block;
    width: 100%;
}

.qywhtxt3 li .box .txt {
    position: absolute;
    left: 0px;
    top: 25%;
    text-align: center;
    color: #fff;
    width: 100%;
}

.qywhtxt3 li .box .txt .icon {
    width: 50%;
    margin: 0px auto 21px;
}

.qywhtxt3 li .box .txt .icon img {
    display: block;
    margin: 0px auto;
    width: auto;
    max-width: 100%;
}

.qywhtxt3 li .box .txt h3 {
    line-height: 48px;
    font-size: 22px;
}

.qywhtxt3 li .box .txt p {
    font-size: 16px;
}

@media ( max-width:1200px) {
    .header-center .Menu li {
        margin: 0 10px;
    }
    .foot-box li {
        margin-right: 7%;
    }
    .FB-ewm {
        right: 30px;
        left: auto;
    }
}

@media ( max-width:1024px) {
    .menu-nav {
        display: block;
    }
    .header-center .Menu {
        display: none;
        position: absolute;
        width: 250px;
        right: 0;
        background: rgba(255, 255, 255, .8);
        top: 90px;
        text-align: center;
        z-index: 9;
    }
    .header-center .Menu li {
        float: none;
        width: 100%;
        line-height: 35px;
    }
    .header-center .Menu li>dl {
        position: static;
        margin-left: 0;
        width: 100%;
    }
    /* .Index-Banner{margin-top: 125px;} */
    .phone {
        padding-left: 25px;
    }
    .A-dress {
        padding-left: 25px;
    }
}

@media ( max-width:768px) {
    .foot-box li dl dd {
        display: none;
    }
    .foot-box li {
        width: 33.3333%;
        margin-right: 0;
        text-align: center;
    }
    .foot-box li:last-child {
        width: 100%;
    }
    .ewm-1 {
        display: block;
        width: 124px;
        margin: 0 auto;
    }
    .phone {
        float: none;
        width: 100%;
    }
    .A-dress {
        float: none;
        width: 100%;
    }
    .spa1,
    .spa2 {
        display: inline;
    }
    .FB-Text {
        padding-left: 30px;
        padding-right: 10px;
    }
    .ZB-Logo {
        width: 60%;
    }
    .ZB-Ewm {
        width: 40%;
        text-align: right;
    }
    .ZB-Dress {
        width: 100%;
        padding: 15px;
    }
    .YWLY-Phones {
        padding: 20px;
    }
    .YWLY-Phones li {
        padding-left: 55px;
    }
    .LPHD-Img {
        height: 145px;
        line-height: 145px;
    }
    .LPHD-Img img {
        max-height: 145px;
    }
    .ZBFB-Box table th {
        font-size: 14px;
    }
    .ZBFB-Box table td {
        font-size: 14px;
    }
    .Newsleft {
        border-right: 0px solid #f3f3f3;
        width: auto;
        float: none;
        padding: 0;
    }
    .Newsleft .dates {
        display: none;
    }
    .Newsright {
        display: none;
    }
    .News-Tittle .date {
        display: inline-block;
    }
    .News-Foot {
        padding: 45px 0px;
    }
    .News-Foot li {
        float: none;
        width: auto;
        height: 30px;
        padding-top: 0px;
    }
    .qywhtxt1 {
        padding: 4% 0%;
    }
    .qywhtxt1 .txt {
        width: auto;
        float: none;
        padding-bottom: 15px;
    }
    .qywhtxt1 .img {
        width: auto;
        float: none;
    }
    .qywhtxt1 .txt .tithead h2 {
        font-size: 18px;
    }
    .qywhtxt1 .txt .tithead p {
        font-size: 18px;
    }
    .qywhtxt2 .img {
        width: auto;
        float: none;
    }
    .qywhtxt2 .txt {
        width: auto;
        padding: 10px;
        float: none;
    }
    .qywhtxt2 .txt .tithead h2 {
        font-size: 18px;
        padding-top: 0;
    }
    .qywhtxt2 .txt .tithead p {
        font-size: 18px;
        padding-top: 0;
    }
    .qywhtxt3 ul {
        margin-left: 0%;
    }
    .qywhtxt3 li {
        width: auto;
        padding: 0 0 7% 0%;
        position: relative;
        float: none;
    }
    .qywhtxt3 li .box {
        padding: 0 0% 0 0;
    }
}

@media ( max-width:640px) {
    .header-center .logo img {
        width: 160px;
    }
    .time-top {
        float: none;
        display: block;
    }
    .Top-Right {
        float: none;
    }
    .Top-Right li {
        margin-right: 15px;
        margin-left: 0;
    }
    .header-center {
        height: 70px;
        line-height: 70px;
    }
    .YW-Boxs li {
        width: 25%;
        margin-right: 0;
    }
    .YW-Box {
        font-size: 16px;
        background-size: 40px 40px;
        /* padding-top: 70px; */
    }
    .YW-Boxs li {
        height: 110px;
    }
    .NEWS-Box li {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    .NEWS-Box li:last-child {
        margin-right: auto;
    }
    .foot-but span,
    .foot-but a {
        float: none;
        display: block;
        text-align: center;
    }
    .hallo {
        display: none;
    }
    .FZ-Time {
        width: 100%;
    }
    .FaZhanText {
        padding: 5px;
    }
    .Top-Text {
        height: auto;
        line-height: 30px;
    }
    .MenuBox2 li {
        float: none;
    }
    .JTRY-Box li {
        width: 50%;
    }
    .FB-ImgBox {
        float: none;
        width: 100%;
    }
    .FB-Text {
        float: none;
        width: 100%;
        padding: 0;
    }
    .LeftImg {
        width: 100%;
        float: none;
    }
    .RightText {
        width: 100%;
        float: none;
        padding-left: 8%;
    }
    .PPHX-Box1,
    .PPHX-Box2 {
        width: 100%;
        float: none;
        padding: 0;
    }
    .WH-Center {
        background: none;
    }
    .YunYingList-page {
        width: 33.333333%;
    }
    .moblie-hidden {
        display: none;
    }
    .YunYing-contCenter {
        padding: 0 20px 30px;
    }
    .XW-ImgBox {
        width: 100%;
        float: none;
    }
    .XW-Text {
        width: 100%;
        float: none;
    }
    .XW-UL-right {
        width: 40px;
    }
    .XW-UL-Text {
        margin-left: 75px;
        margin-right: 50px;
    }
    .XW-Right {
        width: 30px;
        height: 30px;
        background-size: 100%;
    }
    .YWLY-LeftBox {
        width: 100%;
        float: none;
    }
    .YWLY-RightBox {
        width: 100%;
        float: none;
        max-width: 100%;
    }
    .LPHD-UL li {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .ZBFB-Box table td {
        font-size: 12px;
        line-height: 1.5;
    }
    .BM-a {
        width: 60px;
        height: 25px;
        line-height: 25px;
    }
    /*招聘表单*/
    .width1 label {
        width: 19%;
    }
    .width2 label {
        width: 40%;
    }
    .width1 textarea {
        width: 80%;
    }
    .width2 input {
        width: 60%;
    }
    .HYZK {
        width: 60%;
    }
    .HYZK label {
        width: auto;
    }
    .form-tj {
        padding-left: 19%;
    }
    .linkbox {
        float: none;
        margin: 0px auto;
    }
}

@media ( max-width:526px) {
    .ZBFB-BM {
        left: 0;
        margin-left: 0;
        margin-top: -263px;
    }
    .MK-Box .box {
        width: auto;
    }
    .videoBox {
        background: none;
        height: auto;
    }
    .JJ-Box2 {
        background: #bc955c;
    }
    .JJ-Text li {
        max-width: none;
        display: block;
        width: auto;
        height: auto;
    }
}

@media ( max-width:480px) {
    /*招聘表单*/
    .width2 {
        width: 100%;
        margin-right: 0;
    }
    .width2:nth-child(2) {
        margin-top: 20px;
    }
    .width1 label {
        width: 25%;
    }
    .width2 label {
        width: 25%;
    }
    .width1 textarea {
        width: 74%;
    }
    .width2 input {
        width: 74%;
        float: left;
    }
    .HYZK input {
        float: none;
    }
    .HYZK {
        width: 74%;
    }
    .HYZK label {
        width: auto;
    }
    .form-tj {
        padding-left: 25%;
    }
    .form-tj input[type="button"] {
        width: 90px;
    }
}

@media ( max-width:410px) {
    .JTJJ-Img {
        width: 100%;
        float: none;
    }
    .JTJJ-Text {
        width: 100%;
        float: none;
    }
    .ZB-Ewm {
        padding-right: 0;
    }
    .XW-UL-Time {
        width: 55px;
    }
    .XW-UL-box li {
        padding: 15px 8px;
    }
    .XW-UL-Day {
        font-size: 36px;
    }
    .XW-UL-Text {
        margin-left: 65px;
    }
    .YWLY-title {
        width: 110px;
    }
    .BM-a {
        width: 45px;
        height: 20px;
        line-height: 20px;
    }
    .ZBFB-Box table td {
        padding: 10px 3px;
    }
    .BM-a {
        line-height: 18px;
    }
    .ZPBD-form {
        padding: 15px 0;
    }
}


/*业务领域20180902*/

.ywlymenu {
    margin: -3.5% 0 5% -2%;
    position: relative;
    z-index: 2;
}

.ywlymenu li {
    width: 10.5%;
    float: left;
    text-align: center;
    margin-left: 2%;
    height: 83px;
    color: #fff;
}

.ywlymenu li p {
    line-height: 24px;
    display: table-cell;
    vertical-align: middle;
    height: 84px;
    width: 2%;
}

.ywlymenu li p i {
    display: block;
    width: 40px;
    margin: 0px auto;
    font-style: normal;
    font-size: 16px;
}

.ywlymenu li em {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
}

.ywlymenu li a {
    color: #fff;
}

.ywlymenu li.m1 {
    background-color: #6b99f8;
}

.ywlymenu li.m2 {
    background-color: #ff923f;
}

.ywlymenu li.m3 {
    background-color: #29a2cf;
}

.ywlymenu li.m4 {
    background-color: #ffbd3f;
}

.ywlymenu li.m5 {
    background-color: #7553f7;
}

.ywlymenu li.m6 {
    background-color: #8ec949;
}

.ywlymenu li.m7 {
    background-color: #fe577e;
}

.ywlymenu li.m8 {
    background-color: #6fe9d9;
}

.ywlymenu li.onli {
    height: 120px;
    margin-top: -1.8%;
    background-image: url(../images/lwlybg.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.ywlymenu li.onli em {
    display: block;
}

.ywlymenu li.onli p {
    height: 120px;
}

.dckfinfo1 .leftimg {
    float: left;
    position: relative;
}

.dckfinfo1 .leftimg .img {
    margin-left: -360px;
}

.dckfinfo1 .leftimg .tithead {
    width: 330px;
    height: 330px;
    background: rgba(188, 149, 92, 0.9);
    color: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
}

.dckfinfo1 .leftimg .tithead .box {
    padding: 20% 0 0 10%;
    text-transform: uppercase;
}

.dckfinfo1 .leftimg .tithead .ico {
    width: 45px;
    padding-bottom: 20px;
    border-bottom: 3px solid #fff;
    text-transform: uppercase;
}

.dckfinfo1 .leftimg .tithead h2 {
    line-height: 36px;
    font-size: 28px;
    padding-top: 27px;
}

.dckfinfo1 .con {
    width: 60%;
    float: right;
}

.dckfinfo1 .con .tit {
    position: relative;
    border-bottom: 2px solid #f8f8f8;
    color: #bc955c;
    font-size: 24px;
    padding: 8% 0 7%;
}

.dckfinfo1 .con .tit .ico {
    position: absolute;
    left: -66px;
    bottom: -55px;
}

.dckfinfo1 .con .txt {
    line-height: 31px;
    color: #515151;
    padding: 5% 0;
    font-size: 16px;
}

.dckfinfo2 {
    background: #f8f8f8;
    margin-bottom: 6.5%;
    clear: both;
}

.dckfinfo2 .leftimg {
    float: left;
    position: relative;
}

.dckfinfo2 .leftimg .img {
    margin-left: -360px;
}

.dckfinfo2 .img {
    float: left;
    width: 30%;
}

.dckfinfo2 .info {
    width: 60%;
    float: right;
    line-height: 30px;
    font-size: 16px;
    color: #515151;
}

.dckfinfo2 .info .tit {
    padding: 8% 0 5%;
    font-size: 24px;
    color: #bc955c;
}

.dckfinfo2 .info .nav {
    padding-top: 5%;
}

.dckfinfo2 .info .nav a {
    display: inline-block;
    margin-right: 4%;
    font-size: 16px;
    color: #515151;
}

.dckfinfo2 .info .nav a.on {
    color: #bc955c;
    text-decoration: underline;
}

.dckfinfo3 {
    background: #f8f8f8;
    padding: 6% 0;
}

.dckfinfo3 .tithead {
    width: 20%;
    float: left;
    color: #333333;
    font-size: 16px;
    line-height: 25px;
}

.dckfinfo3 .tithead h2 {
    line-height: 60px;
    font-size: 24px;
    color: #333333;
}

.dckfinfo3 .tithead h2 i {
    display: block;
    width: 41px;
    height: 30px;
    border-top: 2px solid #e4e4e4;
}

.dckfinfo3 .tithead img {
    display: block;
    margin: 23px 0 66px;
}

.dckfinfo3 .info {
    width: 60%;
    float: right;
}

.dckfinfo3 .info li {
    width: 33%;
    float: left;
    text-align: center;
    height: 135px;
    border-right: 1px solid #f0eae3;
    border-bottom: 1px solid #f0eae3;
}

.dckfinfo3 .info li p {
    height: 135px;
    display: table-cell;
    vertical-align: middle;
    width: 2%;
}

.dckfinfo3 .info li img {
    display: block;
    max-width: 100%;
    margin: 0px auto;
}

.dckfinfo4 {
    padding: 5% 0;
}

.dckfinfo4 .tithead {
    text-align: center;
    line-height: 63px;
    color: #bc955c;
    font-size: 24px;
}

.dckfinfo4 .tithead i {
    display: block;
    width: 41px;
    height: 40px;
    margin: 0px auto;
    border-top: 2px solid #bc955c;
}

.dckfinfo4 .list {
    margin-left: -1.3333%;
    height: 310px;
    overflow: hidden;
}

.dckfinfo4 .list ul {
    overflow: hidden;
    zoom: 1;
}

.dckfinfo4 .list li {
    width: 32%;
    float: left;
    margin-left: 1.3333%;
}

.dckfinfo4 .list li .img {
    height: 253px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dckfinfo4 .list li .tit {
    text-align: center;
    border: 1px solid #f0f0f0;
    font-size: 16px;
}

.dckfinfo4 .list li .tit span {
    text-overflow: ellipsis;
    white-space: nowrap;
    *white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 98%;
    margin: 0px auto;
    padding: 4% 0;
}

.dckfinfo4 .list li:hover .tit {
    background: #bc955c;
    border: 1px solid #bc955c;
    color: #fff;
}

@media ( max-width:900px) {
    .ywlymenu li p i {
        font-size: 14px;
    }
    .dckfinfo1 .leftimg {
        float: none;
    }
    .dckfinfo1 .leftimg .img {
        margin-left: 0px;
    }
    .dckfinfo1 .leftimg .img img {
        width: 100%;
    }
    .dckfinfo1 .leftimg .tithead {
        width: 180px;
        height: 250px;
    }
    .dckfinfo1 .leftimg .tithead h2 {
        font-size: 18px;
    }
    .dckfinfo1 .con {
        width: auto;
        float: none;
    }
    .dckfinfo2 .leftimg {
        float: none;
    }
    .dckfinfo2 .leftimg .img {
        margin-left: 0px;
    }
    .dckfinfo2 .leftimg .img img {
        width: 100%;
    }
    .dckfinfo2 .info {
        width: auto;
        float: none;
        padding: 10px;
    }
    .dckfinfo2 .info .tit {
        font-size: 18px;
    }
    .dckfinfo3 .tithead {
        width: auto;
        float: none;
    }
    .dckfinfo3 .tithead h2 {
        font-size: 18px;
    }
    .dckfinfo3 .tithead img {
        display: block;
        margin: 0px 0 15px;
        width: 50%;
    }
    .dckfinfo3 .info {
        width: auto;
        float: none;
    }
    .dckfinfo4 .list {
        padding: 0 10px;
    }
    .dckfinfo4 .list li .tit {
        font-size: 14px;
    }
    .ywlymenu li.onli em {
        display: none;
    }
    .dckfinfo4 .list {
        height: 227px;
    }
    .dckfinfo4 .list li .img {
        height: 180px;
    }
}

@media ( max-width:480px) {
    .dckfinfo4 .list {
        height: 136px;
    }
    .dckfinfo4 .list li .img {
        height: 100px;
    }
}

.content {
    font-size: 16px;
    color: #515151;
    line-height: 32px;
    padding: 0 0 6%;
}

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

.subtit {
    padding-bottom: 4%;
    font-size: 26px;
    color: #222222;
    text-align: center;
}

.wygltxt {}

.wygltxt li {
    padding-top: 5%;
    float: left;
    width: 20%;
    text-align: center;
    color: #444444;
}

.wygltxt li .box {
    padding: 0 3%;
    font-size: 14px;
    background: url(../images/ywly/line.gif) right 32px no-repeat;
}

.wygltxt li .box .ico {
    width: 50%;
    margin: 0px auto 8px;
}

.wygltxt li .box .ico img {
    display: block;
    max-width: 100%;
}

.wygltxt li .box .tit {
    line-height: 33px;
    font-size: 18px;
}

.wygltxt li:last-child .box {
    background: none;
}

@media ( max-width:900px) {
    .subtit {
        font-size: 18px;
    }
}

@media ( max-width:480px) {
    .wygltxt li {
        width: auto;
        float: none;
        padding-top: 0;
    }
    .wygltxt li .box {
        background: none;
        border-bottom: 1px solid #dadada;
    }
    .wygltxt li:last-child .box {
        border-bottom: 0px solid #dadada;
    }
}

.jrtzinfo {
    background: url(../images/ywly/jrtzlogo.jpg) 0px center no-repeat;
    background-size: contain;
}

.jrtzinfo .info {
    width: 50%;
    padding-bottom: 5%;
    float: left;
    color: #515151;
    font-size: 16px;
    line-height: 30px;
}

.jrtzinfo .info .box {
    padding-right: 15%;
}

.jrtzinfo .info .tithead {
    padding: 14% 0 5%;
}

.jrtzinfo .img {
    width: 50%;
    float: right;
}

.jrtztit {
    height: 56px;
    line-height: 56px;
    border-bottom: 2px solid #f2f4f6;
    margin-bottom: 4%;
    font-size: 18px;
    color: #515151;
}

.jrtztit .ico {
    display: block;
    float: left;
    border-bottom: 2px solid #2086ac;
    padding-top: 15px;
    height: 56px;
    line-height: 20px;
    width: 41px;
    margin-right: 15px;
}

.jrtzlist {}

.jrtzlist li {
    padding: 0 1.5%;
    font-size: 18px;
    width: 16.6666%;
    float: left;
    text-align: center;
    background: url(../images/ywly/line2.gif) right 23px no-repeat;
}

.jrtzlist .ico {
    width: 50%;
    margin: 0 auto 8%;
}

.jrtzlist li:last-child {
    background: none;
}

@media ( max-width:900px) {
    .jrtzlist li {
        font-size: 16px;
    }
    .jrtzinfo .info {
        width: auto;
        float: none;
    }
    .jrtzinfo .img {
        width: auto;
        float: none;
    }
}

@media ( max-width:480px) {
    .jrtzlist li {
        padding: 15px 0;
        width: auto;
        float: none;
        background: none;
        border-bottom: 1px solid #dadada;
    }
    .jrtzlist .ico {
        margin-bottom: 10px;
        width: 10%;
    }
    .jrtzlist li:last-child {
        border-bottom: 0px solid #dadada;
    }
}

.jzgcinfo .img {
    /* width: 30%; */
    float: left;
}

.jzgcinfo .info {
    width: 65%;
    float: right;
}

@media ( max-width:480px) {
    .jzgcinfo .img {
        width: auto;
        float: none;
    }
    .jzgcinfo .info {
        width: auto;
        float: none;
    }
}

.zsylinfo1 {
    padding: 4% 8%;
}

.zsylinfo1 .info {
    width: 52%;
    float: left;
}

.zsylinfo1 h2 {
    font-size: 28px;
    color: #222222;
    padding-bottom: 12px;
}

.zsylinfo1 .img {
    width: 35%;
    float: right;
}

.zsylinfo1 p {
    margin-bottom: 20px;
}

.zsybg {
    padding-top: 4%;
    background: #fafafa;
}

@media ( max-width:480px) {
    .zsylinfo1 {
        padding-left: 0;
        padding-right: 0;
    }
    .zsylinfo1 .img {
        width: auto;
        float: none;
    }
    .zsylinfo1 .info {
        width: auto;
        float: none;
    }
    .zsylinfo1 h2 {
        font-size: 18px;
    }
}

.jdgcinfo .img {
    width: 30%;
    float: left;
    padding-top: 2%;
}

.jdgcinfo .info {
    width: 65%;
    float: right;
}

.jdgcinfo .info .tit {
    color: #222222;
    line-height: 41px;
    font-size: 24px;
    margin-bottom: 3%;
}

.jdgcinfo .info .tit span {
    display: block;
    color: #3466ad;
}

.tplist {
    margi-left: -2%;
    padding-top: 4%;
    overflow: hidden;
}

.tplist ul {
    overflow: hidden;
    zoom: 1;
}

.tplist li {
    width: 24%;
    padding-left: 1%;
    float: left;
}

@media ( max-width:480px) {
    .jdgcinfo .img {
        width: auto;
        float: none;
    }
    .jdgcinfo .info {
        width: auto;
        float: none;
    }
    .jdgcinfo .info .tit {
        font-size: 18px;
        line-height: 32px;
    }
    .tplist li {
        width: 48%;
        padding-bottom: 2%;
    }
}


/* 20210325 */

.EwmFloat {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0;
    padding: 10px;
    background: #bc955c;
    z-index: 999;
}

.EwmFloat ul li {
    width: 110px;
    text-align: center;
}

.EwmFloat ul li p {
    font-size: 14px;
    padding: 5px 0 0 0;
    color: #fff;
}

.EwmFloat ul li img {
    width: 100%;
}

.EwmFloat ul li:last-child {
    margin-top: 10px;
}

@media(max-width:768px) {
    .EwmFloat {
        display: none;
    }
}

.foot-top {
    display: none;
}

.foot-but .Copy {
    line-height: 130px;
}

.foot-but .Copy::after {
    content: '';
    display: block;
    clear: both;
}

.BottomEwa {
    margin-left: 20px;
}

.BottomEwa ul li {
    display: inline-block;
    margin-left: 20px;
    text-align: center;
}

.BottomEwa ul li img {
    width: 120px;
}

@media(max-width:1024px) {
    .BottomEwa {
        width: 100%;
        margin: 0;
        text-align: center;
        margin-bottom: 20px;
    }
    .BottomEwa ul li {
        margin: 0 10px;
    }
    .foot-but .Copy {
        width: 100%;
        line-height: 25px;
    }
    .foot-but .Copy span {
        display: block;
        width: 100%;
    }
}


/*20210406*/

.effict {
    transition: all ease 0.3s;
}

.imgbox {
    width: 100%;
    overflow: hidden;
    position: relative;
    /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/
}

.imgbox span {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.imgbox img {
    width: 100%;
    max-height: 100%;
    height: 100%;
}

.content .txt {
    color: #636363;
    line-height: 45px;
}

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

.HealthBox1 {
    background: #efefef url(../images/cy_bg2.jpg) center bottom no-repeat;
    padding: 53px 0 47px;
}

.HealthBox1 .left {
    float: left;
    width: 40%;
    text-align: center;
}

.HealthBox1 .right {
    float: right;
    width: 54%;
    text-align: center;
}

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

.HealthBox3 {
    padding: 97px 0;
    background: url(../images/cy_bg4.jpg) center bottom no-repeat;
    background-size: cover;
    overflow: hidden;
}

.HealthBox3 .info {
    text-align: center;
    color: #fff;
    line-height: 48px;
    font-size: 24px;
}

.HealthBox3 .info img {
    max-width: 100%;
}

.HealthBox3 .info .txt {
    padding: 41px 0 99px;
}

.HealthBox3 .owl-carousel {
    position: relative;
}

.HealthBox3 .owl-carousel .imgbox {
    padding-top: 60%;
}

.HealthBox3 .owl-nav button {
    width: 54px;
    height: 54px;
    line-height: 45px !important;
    position: absolute;
    border-radius: 50%;
    color: #fff !important;
    background: rgba(0, 0, 0, 0.3) !important;
    font-size: 40px !important;
    top: 50%;
    margin-top: -27px;
    text-align: center;
    z-index: 10;
}

.HealthBox3 .owl-nav button:hover {
    background: rgba(0, 0, 0, 0.6) !important;
}

.HealthBox3 .owl-nav .owl-prev {
    left: 0;
}

.HealthBox3 .owl-nav .owl-next {
    right: 0;
}

.HealthBox3 .owl-nav .disabled {
    display: none;
}

@media(max-width:1024px) {
    .HealthBox3 {
        padding: 6% 0;
    }
}

@media(max-width:640px) {
    .HealthBox3 .info {
        line-height: 28px;
        font-size: 16px;
    }
    .HealthBox3 .info .txt {
        padding: 20px 0;
    }
    .HealthBox3 .owl-nav button {
        width: 30px;
        height: 30px;
        line-height: 25px !important;
        margin-top: -15px;
        font-size: 30px !important;
    }
    .HealthBox1 .left {
        width: auto;
        float: none;
    }
    .HealthBox1 .right {
        width: auto;
        float: none;
    }
    .content .txt {
        font-size: 14px;
        line-height: 24px;
    }
}

/* 21-04-25 商业运营 */

.relative{position: relative;}
.ptb80{padding: 80px 0;}
.mb80{margin-bottom: 80px;}
.Greybg{background: #f8f8f8;}
.whitebg{background: #fff;}
.tc{text-align: center;}
.tit{display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.p{overflow: hidden;word-break:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.empty{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.boxbg{background-repeat: no-repeat; background-position: center center; background-size: cover;}
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden; position: relative; z-index: 3;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;display: block; width: 100%;}
.Scale-img:hover img,.Scale-img:hover span,li:hover .Scale-img img,li:hover .Scale-img span {opacity: 1;-webkit-transform: scale3d(1.03,1.03,1.03);transform: scale3d(1.03,1.03,1.03); top:0px; left:0px;}
.Scale-img span{background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.Title01 h2{position: relative; line-height: 77px; font-size: 28px; color: #333; z-index: 2;}
.Title01 span{position: absolute; left: 0; bottom: 0; font-size: 40px; line-height: 40px; color: rgba(51,51,51,0.08); text-transform: uppercase; font-weight: bold;}
.Title01 span em{display: block;}
.Title01 i{display: block; width: 46px; height: 3px; background: #bd2525;}
.AdvSlider .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: 5%; height: 16px; line-height: 16px;}
.AdvSlider .owl-dots .owl-dot{display: inline-block; vertical-align: middle; width: 7px; height: 7px; margin: 0px 7px;background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .6); border-radius: 50%;}
.AdvSlider .owl-dots .owl-dot.active{width: 14px; height: 14px; background: none; border: 1px solid #fff;}

.HandeBox .boxs{padding: 4%;}
.HandeBox .boxs .title{padding-bottom: 3%; margin-bottom: 3%; border-bottom: 1px solid #eeeeee;}
.HandeBox .boxs .con{width: 49.365%; float: right;}
.HandeBox .boxs .con .info{margin-top: 25px; font-size: 16px; line-height: 30px; color: #515151;}
.HandeBox .boxs .img{width: 59.42%; position: absolute; left: -14%; bottom: -8%;}

.ProductLine .hd{position: absolute; width: 61%; right: 0; top: 14px; z-index: 3;}
.ProductLine .hd li{float: left; width: 33.3333%;}
.ProductLine .hd li a{display: block; position: relative; margin-left: 14px; line-height: 60px; border: 3px solid #e5e5e5; font-size: 20px; color: #333; text-align: center;}
.ProductLine .hd li a::after{content: ''; opacity: 0; position: absolute; left: -3px; top: -3px; right: -3px; bottom: -3px; z-index: 3; background-size: 100% 100%; background-image: url(../images/pics/hdlibg.png);}
.ProductLine .hd li.on a{background: #ac8855; border: 3px solid #ac8855; color: #fff;}
.ProductLine .hd li.on a::after{opacity: 1;}
.MarketSlider .Market_Logo,.MarketSlider .Market_con{position: absolute; right: 0; width: 50%; height: 50%;}
.MarketSlider .Market_Logo{top: 0; background-image: url(../images/pics/m_logobg.jpg); text-align: center; display: flex; align-items: center; justify-content: center;}
.MarketSlider .Market_con{bottom: 0; background-image: url(../images/pics/m_infobg.jpg); padding: 4% 3%;}
.MarketSlider .Market_con .title h3{font-size: 28px; line-height: 36px;color:#333;}
.MarketSlider .Market_con .title i{display: block; width: 20px; height: 2px; margin-top: 25px; background: #bc955c;}
.MarketSlider .Market_con .p{font-size: 16px; line-height: 30px; margin-top: 20px; -webkit-line-clamp: 2;color:#777777;}
.MarketSlider .boxs{width: 50%; height: 630px;}
.MarketSlider .Scale-img{height: 100%;}
.MarketSlider .boxs .tit{position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; height: 78px; line-height: 78px; text-align: center; background: rgba(0, 0, 0, 0.4); font-size: 16px; color: #fff;}
.MarketSlider .boxs .tit a{color: #fff;}
.MarketSlider .boxs .tit img{display: inline-block; vertical-align: middle; margin-right: 10px; width: 30px;}
.MarketSlider .owl-nav{text-align: center; width: 160px; margin: 0 auto; height: 62px; background: #8a8a8a url(../images/pics/dot.png) no-repeat center center;}
.MarketSlider .owl-nav button{display: inline-block; width: 50%;}
.MarketSlider .owl-nav span{display: block; height: 62px; line-height: 1000px; overflow: hidden; background-repeat: no-repeat; background-position: center center; position: static; margin-top: 0; border: none;}
.MarketSlider .owl-nav .owl-prev span{background-image: url(../images/pics/left.png);}
.MarketSlider .owl-nav .owl-next span{background-image: url(../images/pics/right.png);}

.LayoutBox .con{width: 34.1666%; float: left;}
.LayoutBox .con .title{font-weight: bold; padding-bottom: 30px; margin-bottom: 35px; border-bottom: 1px solid #eee;}
.LayoutBox .con .title i{display: block; width: 80px; height: 1px; background: #bc955c; margin: 0 0 30px -35px;}
.LayoutBox .con .title span{display: block; font-size: 24px; color: #333; line-height: 43px;}
.LayoutBox .con .title p{font-size: 30px; line-height: 49px; color: #bc955c;}
.LayoutBox .con .info{font-size: 16px; color: #999; line-height: 30px;}
.LayoutBox .con .hotline{font-weight: bold; font-size: 18px; color: #333; line-height: 34px;}
.LayoutBox .con .hotline span{color: #bd2525; font-size: 36px; font-family: 'osw';}

.Mapbox{width: 64%; float: right;}
.Mapbox .hd{width: 341px; float: left;}
.Mapbox .hd .img img{display: block; width: 100%;}
.Mapbox .hd li{position: absolute;}
.Mapbox .hd li a{display: block; line-height: 27px; font-size: 16px; color: #fff; padding-top: 18px; background-image: url(../images/pics/cur2.png); background-repeat: no-repeat; background-position: center top;}
.Mapbox .hd li.i1{top: 220px; left: 169px;}
.Mapbox .hd li.i2{top: 216px; left: 88px;}
.Mapbox .hd li.i3{top: 120px; left: 38px;}
.Mapbox .hd li.on a{background-image: url(../images/pics/dot2.png);}
.Mapbox .hd li.on span{opacity: 0;}
.Mapbox .hd li::before,.Mapbox .hd li::after{content: ''; position: absolute; left: 50%; opacity: 0;}
.Mapbox .hd li::before{width: 1px; height: 150px; border-left: 1px dashed rgba(0, 0, 0, 0.3); top: -150px;}
.Mapbox .hd li::after{width: 480px; height: 1px; border-bottom: 1px dashed rgba(0, 0, 0, 0.3); top: -151px;}
.Mapbox .hd li.i3::before{height: 100px; top: -100px;}
.Mapbox .hd li.i3::after{top: -101px;}
.Mapbox .hd li.on::before,.Mapbox .hd li.on::after{opacity: 1;}
.Mapbox .bd{width: 290px; float: right; background: #fff; position: relative; z-index: 2;}
.SlideCon{padding: 50px; font-size: 16px; line-height: 30px; color: #666;}
.SlideCon h3{font-size: 24px; margin-bottom: 16px; color: #ac8855;}

.BrandBox{background-image: url(../images/pics/boxbg.jpg);}
.BrandBox .list{margin: 3% 0 0 -2%;}
.BrandBox .list li{width: 14.6666%; float: left; margin: 2% 0 0 2%;}
.BrandBox .list li:hover{box-shadow: 10px 0 25px rgba(0, 0, 0, 0.1);}

@media(max-width:1200px) {
    .ptb80{padding: 40px 0;}
    .mb80{margin-bottom: 40px;}
    .HandeBox .boxs .img{left: -8%;}
    .MarketSlider .Market_Logo img{height: 100px; width: auto;}
}

@media(max-width:1024px) {
    .Title01 h2{font-size: 22px; line-height: 60px;}
    .Title01 span{font-size: 30px; line-height: 30px;}
    .HandeBox .boxs .title img{height: 36px;}
    .HandeBox .boxs .con{width: auto; float: none; margin-bottom: 4%;}
    .HandeBox .boxs .img{position: static; text-align: center; width: auto;}
    .ProductLine .hd{position: static; width: auto; text-align: center; margin: 20px 0 0;}
    .ProductLine .hd li{float: none; display: inline-block; width: auto;}
    .ProductLine .hd li a{display: block; padding: 0 15px; font-size: 16px; line-height: 45px; margin: 0 5px;}
    .MarketSlider .boxs{height: 500px;}
    .MarketSlider .Market_con .title h3{font-size: 20px; line-height: 30px;}
    .LayoutBox .con,.Mapbox{width: auto; float: none;}
    .LayoutBox .con .title span{font-size: 20px; line-height: 30px;}
    .LayoutBox .con .title p{font-size: 23px; line-height: 35px;}
    .LayoutBox .con .hotline span{font-size: 30px;}
    .Mapbox{max-width: 770px; margin: 20px auto 0;}
}

@media(max-width:640px) {
    .HandeBox .boxs .title img{height: 30px;}
    .MarketSlider .Market_Logo{position: static; width: auto; padding: 25px;}
    .MarketSlider .boxs{width: auto;}
    .MarketSlider .Market_con{width: auto; position: static;}
    .LayoutBox .con .title{padding-bottom: 20px; margin-bottom: 25px;}
    .Mapbox .hd{margin: 0 auto; float: none;}
    .Mapbox .hd li::before,.Mapbox .hd li::after{display: none;}
    .Mapbox .bd{width: auto; float: none; margin-top: 20px;}
    .SlideCon{padding: 25px;}
}

@media(max-width:480px) {
    .ptb80{padding: 25px 0;}
    .mb80{margin-bottom: 25px;}
    .ProductLine .hd li a{font-size: 14px; line-height: 30px; margin: 0; padding: 0 5px;}
    .MarketSlider .boxs{height: 300px;}
    .BrandBox .list li{width: 23%;}
}