@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Microsoft YaHei";
}

ul,
ol,
li {
    list-style: outside none none;
}

a {
    text-decoration: none;
}

.clear {
    clear: both
}

.bg {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    position: relative
}

.bg .bg1 {
    width: 100%;
    transition-duration: 3s;
    height: 100%
}

.bg .bg1:hover {
    transform: scale(1.05)
}



.succ {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
}

.succ1 {
    width: 1200px;
    margin: 0 auto;
}

.succ1 h2 {
    font-size: 20px;
    color: #333;
    line-height: 1;
    width: 243px;
    height: 38px;
    margin: 38px auto 0;
    background: url(../img/line.jpg) no-repeat bottom center;
    text-align: center;
    animation: bounceInDown 1 1.2s
}

.succ1 ul {
    width: 480px;
    height: 39px;
    margin: 34px auto 0;
}

.succ1 ul li a {
    padding: 7px 24px;
    border-radius: 15px;
    color: #333;
    background: #ebebeb;
    text-align: center;
    line-height: 24px;
    font-size: 15px;
    display: block;
    float: left;
    margin-right: 16px;
    transition-duration: 500ms
}

.succ1 ul .last a {
    float: right;
    margin-right: 0
}

.succ1 ul .on a {
    background: #f86603;
    color: #fff;
}

.succ1 ul li a:hover {
    background: #f86603;
    color: #fff;
}


.jshao {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
}

.jshao #jshao {
    overflow: hidden
}

#jshao .abu {
    display: none;
}

#jshao .abu.one {
    display: block;
    padding-bottom: 78px;
    ;
    width: 1200px;
    margin: 0 auto;
}

#jshao .abu.one .abu1 {
    width: 1200px;
    height: 347px;
    /* background: url(../img/5.jpg) no-repeat center; */
    background: no-repeat center;
    position: relative
}

.he_j1ph3ul {
    margin: 0 -25px;
    padding-top: 55px;
}


.he_j1ph3ul .slick-arrow {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 5px 0.5px 15px 0 rgb(0, 0, 0, 0.07);
    z-index: 20;
}

.he_j1ph3ul .slick-arrow::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 20px;
    background-size: 100% 100%;
}

.he_j1ph3ul .slick-prev::after {
    background-image: url(../images/heari.png);
}

.he_j1ph3ul .slick-next::after {
    background-image: url(../images/hearle.png);
}

.he_j1ph3ul .slick-prev {
    left: -75px;
}

.he_j1ph3ul .slick-next {
    right: -75px;
}

.he_j1ph3li {
    width: 25%;
    padding: 0 25px;
}

.he_j1ph3bh {
    width: 100%;
}

.he_j1ph3bh img {
    width: 100%;
}

#jshao .abu.one .abu1 p {
    font-size: 33px;
    color: #08837b;
    position: absolute;
    top: 151px;
    right: 129px;
    animation: ziti infinite 2s alternate linear;
}

@-webkit-keyframes ziti {
    from {
        color: #08837b
    }

    to {
        color: #f57809
    }
}

@keyframes ziti {
    from {
        color: #08837b
    }

    to {
        color: #f57809
    }
}

#jshao .abu.one h3 {
    color: #f86603;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    margin-top: 25px;
    visibility: hidden
}

#jshao .abu.one .jieshao {
    font-size: 14px;
    color: #f86603;
    text-align: center;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 15px;
    visibility: hidden
}

#jshao .abu.one .word p {
    font-size: 14px;
    color: #333;
    line-height: 45px;
    text-indent: 35px;
    visibility: hidden
}

#jshao .abu.one .one {
    visibility: visible;
    animation: bounceInDown 1 1s
}

#jshao .abu.one .jieshao.two {
    animation: flipInY 1 1s;
    visibility: visible
}

#jshao .abu.one .word.thr p {
    animation: fadeInUp 1 1s;
    visibility: visible
}

#jshao .abu.two {
    padding-top: 73px;
    width: 1200px;
    margin: 0 auto;
}

#jshao .abu.two .peo {
    width: 1200px;
    height: 298px;
    border-bottom: 1px dashed #b6b6b6;
    display: block;
    position: relative;
    margin-bottom: 50px
}

#jshao .abu.two .peo img {
    width: 196px;
    height: 248px;
    display: block;
    background-size: contain;
    float: left;
    margin-top: 32px;
    margin-left: 55px;
}

#jshao .abu.two .m_peo {
    width: 740px;
    float: left;
    margin-top: 32px;
    margin-left: 40px;
}

#jshao .abu.two .m_peo h3 {
    color: #251b14;
    font-size: 24px;
    margin-left: 37px;
    margin-top: 10px;
    margin-bottom: 18px;
    font-weight: normal
}

#jshao .abu.two .m_peo h3 span {
    font-size: 18px;
}

#jshao .abu.two .m_peo p {
    font-size: 14px;
    color: #333;
    margin-left: 41px
}

#jshao .abu.two .m_peo .jianjie {
    font-size: 14px;
    color: #333;
    line-height: 1;
    margin-bottom: 18px;
    margin-left: 41px
}

#jshao .abu.two .m_peo .jianjie1 {
    line-height: 2;
    width: 480px
}

#jshao .abu.two .m_peo .jianjie2 {
    width: 590px;
    line-height: 2
}

#jshao .abu.two .m_peo hr {
    border: 1px solid #e8e9e9;
    width: 765px;
    margin-bottom: 18px;
    margin-left: 41px;
    margin-top: 15px;
}

#jshao .abu.two .m_peo .lianjie {
    font-size: 14px;
    color: #fd9127;
    width: 113px;
    height: 23px;
    border: 1px solid #fd9127;
    transition-duration: 500ms;
    display: block;
    text-align: center;
    line-height: 23px;
    letter-spacing: 1px;
    position: absolute;
    bottom: 35px;
    right: 55px;
}

#jshao .abu.two .m_peo .lianjie:hover {
    background: #fd9127;
    color: #fff
}

#jshao .abu.two .m_peo .top {
    width: 29px;
    height: 18px;
    background: url(../img/1.png) no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
}

#jshao .abu.two .m_peo .bottom {
    width: 29px;
    height: 18px;
    background: url(../img/2.png) no-repeat center;
    position: absolute;
    bottom: 1px;
    right: 0;
}


.abu.two .jianT {
    width: 100%;
    overflow: hidden;
    padding-top: 23px;
    padding-bottom: 81px;
    min-width: 1200px;
}

.abu.two .jianT .anniu {
    width: 1131px;
    margin: 0 auto;
}

.abu.two .jianT .anniu1 {
    margin-left: 35%;
}

.abu.two .jianT .anniu1 li {
    width: 27px;
    height: 27px;
    float: left;
    margin-right: 10px;
    background: #dcdbdb;
    display: block;
    text-align: center;
    line-height: 27px;
    font-size: 16px;
    color: #3a3a3a;
    cursor: pointer
}

.abu.two .jianT .anniu1 .first {
    background: #dcdbdb url("../img/jiantou.png") no-repeat center;
}

.abu.two .jianT .anniu1 .on {
    color: #fff;
    background: #6ea403
}

.abu.two .jianT .anniu1 .last {
    background: #3d3d3d url("../img/jiantou1.png") no-repeat center;
}

.abu.thr {
    padding-top: 55px;
    width: 1200px;
    overflow: hidden;
    padding-bottom: 88px;
    margin: 0 auto;
}

.abu.thr .map {
    float: left;
    width: 610px;
    height: 400px;
    margin-left: 54px;
}

.abu.thr .pho {
    float: left;
    margin-left: 55px;
}

.abu.thr .pho h3 {
    font-size: 24px;
    line-height: 1;
    color: #f86603;
    margin-bottom: 35px;
    margin-top: 23px;
}

.abu.thr .pho li {
    font-size: 14px;
    color: #333;
    line-height: 1;
    margin-bottom: 22px;
}

.abu.for {
    width: 100%;
    overflow: hidden;
    margin-top: 70px;
    min-width: 1200px;
}

.abu.for .wms {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

.abu.for .wms .hr {
    margin-left: 110px
}

.abu.for .wms hr {
    border-top: 1px solid #333;
    float: left;
    margin-top: 18px;
    width: 300px;
}

.abu.for .wms .check {
    float: left;
    font-size: 28px;
    color: #333;
    line-height: 1;
    margin: 0 24px;
}

.abu.for .wms .num {
    width: 960px;
    margin: 96px auto 52px;
    position: relative;
    height: 270px;
}

.abu.for .wms .num1 {
    width: 960px;
    margin: 96px auto 52px;
    position: relative;
    height: 3910px;
}

.abu.for .wms .num1 .container {
    width: 1000px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: 50px;
     /* 添加背景阴影效果 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); 
    padding: 20px; /* 添加内边距，使内容与阴影有一定间距 */
    margin: 20px; /* 添加外边距，使容器与其他元素有间距 */
    border-radius: 10px; /* 图片圆角 */
}

.abu.for .wms .num1 .text {
    width: 800px;
    font-size:14px;
    /* 修改字体，这里以宋体为例 */
    /* font-family: "宋体", SimSun, sans-serif;  */
    /* 字体的粗细 */
    font-weight: 100;
}

.abu.for .wms .num1 .image {
    margin-right: 20px;
}


.abu.for .wms .num1 .imageRight {
    margin-left: 20px;
}

.abu.for .wms .num1 .yinhao {
    color: #F66302;
}

.abu.for .wms .num div {
    width: 274px;
    height: 270px;
    display: block;
    position: absolute;
}

.abu.for .wms .num div h3 {
    font-size: 22px;
    line-height: 1;
    text-align: center;
    margin-top: 48px;
    color: #fff
}

.abu.for .wms .num div p {
    width: 150px;
    margin: 5px auto;
    font-size: 20px;
    line-height: 33px;
    text-align: center;
    color: #fff
}

.abu.for .wms .num .one1 {
    left: 0;
    top: 0;
    background: url(../img/one.png) no-repeat center;
    z-index: 10
}

.abu.for .wms .num .two1 {
    left: 229px;
    top: 0;
    background: url(../img/two.png) no-repeat center;
    z-index: 9
}

.abu.for .wms .num .thr1 {
    left: 458px;
    top: 0;
    background: url(../img/thr.png) no-repeat center;
    z-index: 8
}

.abu.for .wms .num .for1 {
    right: 0;
    top: 0;
    background: url(../img/for.png) no-repeat center;
    z-index: 7
}

.abu.for .wms .num div:hover {
    z-index: 11;
}

.abu.for .supp {
    width: 975px;
    margin: 0 auto 0;
    overflow: hidden;
    height: 675px;
}

.abu.for .supp h2 {
    width: 278px;
    height: 73px;
    background: url(../img/huoban.png) no-repeat center;
    display: block;
    margin: 67px auto 81px
}

.abu.for .supp i {
    height: 350px;
    width: 241px;
    display: block;
    float: left;
    margin-right: 125px;
}

.abu.for .supp i p {
    text-align: center;
    color: #010101;
    font-size: 24px;
    line-height: 1;
    margin-top: 325px;
    font-style: normal
}

.abu.for .supp .send {
    background: url(../img/jineng.png) top center no-repeat
}

.abu.for .supp .last {
    margin-right: 0;
    float: right;
    background: url(../img/jineng.png) top right no-repeat
}

.abu.for .supp .first {
    background: url(../img/jineng.png) no-repeat 0 0;
}

.abu.for .add {
    width: 100%;
    min-height: 602px;
    background: #f2f1f1;
    min-width: 1200px;
    overflow: hidden;
    padding-bottom: 10px;
}

.abu.for .add .add1 {
    width: 1200px;
    margin: 0 auto;
}

.abu.for .add1 h4 {
    text-align: center;
    color: #333;
    line-height: 1;
    font-size: 24px;
    margin-top: 72px;
}

.abu.for .add1 .input {
    width: 475px;
    margin: 26px auto 0
}

.abu.for .input input {
    width: 473px;
    height: 43px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    outline: none;
    margin-bottom: 5px;
    font-size: 14px;
    color: #a9a9a9;
    text-indent: 20px;
    line-height: 43px;
}

.abu.for .input .last {
    height: 86px;
    width: 473px;
    outline: none;
    line-height: 43px;
    text-indent: 20px;
    border: 1px solid #dcdcdc;
    color: #a9a9a9;
    font-size: 14px;
}

.abu.for .input .btn3 {
    width: 131px;
    height: 38px;
    border-radius: 19px;
    display: block;
    line-height: 38px;
    font-size: 14px;
    border: 1px solid #f75910;
    color: #f75910;
    transition-duration: 500ms;
    margin: 15px auto 0;
    background: #ffffff;
    cursor: pointer
}

.abu.for .input .btn3:hover {
    background: #f75910;
    color: #fff;
}

.xzTi {
    text-align: center;
    margin: 35px 0;
}

.xzTi h1 {
    font-size: 24px;
    font-weight: normal;
}

.xzTi p {
    font-size: 14px;
    color: #f86603;
    padding-top: 0px;
}

.xzLis {
    margin: 50px 0;
}



.xzLis dl {
    width: 23%;
    float: left;
    border: 1px solid #e2e2e2;
    text-align: center;
    margin-right: 1.5%;
}

.xzLis dl:nth-child(1) {
    border-top: 6px solid #f86603;
}

.xzLis dl:nth-child(2) {
    border-top: 6px solid #4bcdda;
}

.xzLis dl:nth-child(3) {
    border-top: 6px solid #9ac047;
}

.xzLis dl:nth-child(4) {
    border-top: 6px solid #30a0e0;
    margin-right: 0;
}

.xzLis dl dt {
    padding: 30px 0;
}

.xzLis dl dt .icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.xzLis dl dt .icon h1 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #e2e2e2;
    position: relative;
}

.xzLis dl dt .icon h1 img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.xzLis dl dt .icon h2 {
    font-size: 22px;
    color: #333;
    margin-left: 10px;

}

.xzLis dl dt p {
    font-size: 20px;
    color: #333;
    padding-top: 10px;
}

.xzLis dl dd {
    height: 64px;
    border-top: 1px solid #e2e2e2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #777777;
}

.xzLis dl dd img {
    margin-right: 10px;
}

.khAl {
    background: #f7f7f7;
    padding: 50px 0;
}

.xzMenu {
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #dddddd;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.xzMenu li a {
    font-size: 20px;
    color: #666666;
    padding-bottom: 14px;
    display: block;
    border-bottom: 2px solid #f7f7f7;
}

.xzMenu li a:hover,
.xzMenu li .on {
    color: #f86603;
    border-bottom: 2px solid #f86603;
}

.khLis dl {
    width: 30%;
    float: left;
    margin-right: 5%;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 22px;
    margin-bottom: 50px;
}

.khLis dl:nth-child(3n) {
    margin-right: 0;
}

.khLis dl dt {
    display: flex;

    align-items: flex-start;
}

.khLis dl dt p {
    font-size: 18px;
    margin-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
}

.khLis dl dd {
    text-align: right;
    margin-top: 10px;
}

.jjFalis dl {
    border-top: 6px solid #f86603 !important;
}

.jjfaBox1 .succ1 ul {
    display: flex;
    justify-content: center;
    align-items: center;

}

.ywtzLis li {
    width: 30%;
    float: left;
    height: 284px;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    border-radius: 15px;
    margin-bottom: 50px;
    text-align: center;
    padding-top: 45px;
}

.ywtzLis li:nth-child(2) {
    margin: 0 5%;
}

.ywtzLis li h1 {
    font-size: 22px;
    font-weight: normal;
    padding: 10px 0 20px 0;
}

.ywtzLis li p {
    font-size: 16px;
    color: #777;
    width: 80%;
    margin: 0 auto;
    line-height: 1.5;
}

.kjImg {
    border: 1px solid #e0e0e0;
    text-align: center;

}

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

.jjfaBox3 ul {
    margin-bottom: 50px;
}

.jjfaBox3 ul li {
    width: 23.5%;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    float: left;
    transition-duration: .5s;
    margin-right: 2%;
    margin-bottom: 15px;
    height: 105px;
    position: relative;
}

.jjfaBox3 ul li img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.jjfaBox3 ul li:hover {
    border-radius: 20px;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4);
}

.jjfaBox3 ul li:nth-child(4n) {
    margin-right: 0;
}

.xzLis:after,
.khLis:after,
.ywtzLis:after,
.jjfaBox3 ul:After {
    content: '';
    clear: both;
    display: block;
}

.w980 {
    width: 980px;
    margin: 0 auto;
}

.Menubox ul {
    display: flex;
    justify-content: space-between;
}

.Menubox ul li {
    width: 14.2%;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    height: 341px;
    position: relative;
    background: #fff;
    padding-top: 65px;
    box-sizing: border-box;
    transition-duration: .5s;
    text-align: center;
}

.Menubox ul li h1 {
    font-size: 20px;
    line-height: 1.2;
}

.Menubox ul li h2 {
    position: relative;
    width: 75px;
    margin: 0 auto;
    overflow: hidden;
    height: 75px;
}

.Menubox ul li h2 img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition-duration: .5s;
    width: 100%;
    height: 100%;
}

.Menubox ul li h2 .icon02 {
    opacity: 0;
}

.Menubox ul li p {
    padding: 0 15px;
    font-size: 16px;
    opacity: 0;
}

.Menubox ul li.hover {
    width: 27%;
    transition-duration: .5s;
}

.pbg,
.icon03 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.icon03 {
    width: 50%;
}

.pbg {
    width: 100%;
}

.Menubox ul li.hover {
    background: #f86603;
    color: #fff;
}

.Menubox ul li.hover .pbg {
    opacity: 0;
}

.Menubox ul li.hover p {
    opacity: 1;
}

.Menubox ul li.hover h2 .icon01 {
    opacity: 0;
}

.Menubox ul li.hover h2 .icon02 {
    opacity: 1;
}

.Menubox ul li.hover .icon03 {
    top: 0;
    left: 0;
    margin: auto;
}

/*搜索框弹出*/
.animated {
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

#dialogBg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

#dialog {
    width: 360px;
    padding: 75px 50px;
    background: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    border-radius: 10px;
}

form li {
    background: #f0f0f0;
    position: relative;
    height: 45px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    position: relative;
}

form li p {
    font-size: 16px;
}

form li input {
    width: 200px;
    height: 45px;
    line-height: 45px;
    border: none;
    outline: none;
    background: none;
}

form li a {
    position: absolute;
    right: 0;
    top: 0;
    height: 45px;
}

form li a img {
    display: block;
    height: 100%;
}

form .button {
    width: 100%;
    line-height: 40px;
    background: #f86603;
    color: #fff;
    border-radius: 4px;
    outline: none;
    border: none;
    font-size: 19px;
    cursor: pointer;
}

.claseDialogBtn {
    color: #cecbcb;

}

.dialogTop {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 30px;
}

.name {
    text-align: center;
    font-size: 22px;
    margin-bottom: 30px;
}