body {
    background: #fff;
    color: #000;
}

.bgs {
    background: #eaeaea;
}

.banner img {
    width: 100%;
}

.banner .hide {
    display: none;
}

.navtop ul {
    overflow: hidden;
    zoom: 1;
    padding: 1rem 10px 1rem 0;
}

.navtop ul li {
    display: inline;
    float: left;
    width: 25%;
    padding-left: 10px;
}

.navtop ul li a {
    background: #ec7a00;
    display: block;
    text-align: center;
    font-size: 1.2rem;
    padding: 0.3rem 0;
    color: #fff;
    border-radius: 0.5rem;
    webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

nav {
    background: #fff;
    padding: 5px 0 15px 0;
}

nav ul {
    overflow: hidden;
    zoom: 1;
}

nav ul li {
    float: left;
    display: inline;
    width: 25%;
    font-size: 1.2rem;
    padding-top: 10px;
    position: relative;
}

nav ul li {
    display: inline-block;
    width: 25%;
    text-align: center;
    float: left;
}

nav .ntitle {
    display: block;
    padding-top: 5px;
}

nav .ntitle a {
    font-size: 1.2rem;
    display: block;
    color: #545454;
}

nav em {
    display: block;
    width: 4.5rem;
    height: 4.5rem;
    margin: 0 auto;
    ;
}

nav ul li:nth-child(1) em {
    background: url(../Images/tu_12.jpg) no-repeat;
    background-size: 100% 100%;
}

nav ul li:nth-child(2) em {
    background: url(../Images/sdxhmo_dh_btn2.png) no-repeat;
    background-size: 100% 100%
}

nav ul li:nth-child(3) em {
    background: url(../Images/sdxhmo_dh_btn3.png) no-repeat;
    background-size: 100% 100%
}

nav ul li:nth-child(4) em {
    background: url(../Images/sdxhmo_dh_btn4.png) no-repeat;
    background-size: 100% 100%
}

nav ul li:nth-child(5) em {
    background: url(../Images/sdxhmo_dh_btn5.png) no-repeat;
    background-size: 100% 100%
}

nav ul li:nth-child(6) em {
    background: url(../Images/sdxhmo_dh_btn6.png) no-repeat;
    background-size: 100% 100%
}

nav ul li:nth-child(7) em {
    background: url(../Images/sdxhmo_dh_btn7.png) no-repeat;
    background-size: 100% 100%
}

nav ul li:nth-child(8) em {
    background: url(../Images/sdxhmo_dh_btn8.png) no-repeat;
    background-size: 100% 100%
}

.main .btcon {
    display: block;
    text-align: center;
    font-size: 1.7rem;
    font-weight: bold;
    color: #ff4e00;
}

.mjx hr {
    width: 3rem;
    height: 0.3rem;
    background: #ff4e00;
    border: none;
    margin: 0.5rem auto;
}

.mxl hr {
    width: 3rem;
    height: 0.3rem;
    background: #ff4e00;
    border: none;
    margin: 0.5rem auto;
}

.main .wzcon {
    display: block;
    font-size: 1.1rem;
    line-height: 2rem;
    padding: 10px 10px 0 10px;
    text-align: center
}

.main .tlist ul {
    overflow: hidden;
    zoom: 1;
    padding: 5px 10px 0 0;
}

.main .tlist ul li {
    display: inline;
    float: left;
    width: 50%;
    padding: 10px 0 0 10px;
}

.main .tlist ul li img {
    width: 100%;
}

.main .zxbtn {
    display: block;
    text-align: center;
    padding: 2rem 0;
}

.main .zxbtn a {
    padding: 0.5rem 3rem;
    background: #ff4552;
    color: #fff;
    font-size: 1.5rem;
    border-radius: 100px;
    webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.main .mjx .tlist ul li {
    position: relative;
    padding: 5px 0 0 2.5%;
    height: 16rem;
}

.main .mjx .tlist ul li .title {
    display: block;
    font-size: 1rem;
    padding: 0.5rem 0;
    width: 95%;
    text-align: center;
}


.tlist_a1 {
    display: block;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.3rem;
    color: #ff4e00;
    text-align: center;
    /* margin: 0.5rem auto; */
    background: #fff;
    border-radius: 1rem;
    border: 1px solid #ff4e00;
    font-weight: 700;
}

.tlist_a11 {
    display: block;
    width: 45%;
    height: 2rem;
    line-height: 2rem;
    font-size: 1rem;
    color: #ffffff;
    text-align: center;
    /* margin: 0.5rem auto; */
    background: #5d92ff;
    border-radius: 0.5rem;
    float: left;
    margin-left: 2%
}

.tlist_a22 {
    display: block;
    width: 45%;
    height: 2rem;
    line-height: 2rem;
    font-size: 1rem;
    color: #ffffff;
    text-align: center;
    /* margin: 0.5rem auto; */
    background: #ff4e00;
    border-radius: 0.5rem;
    float: right;
    margin-right: 2%
}

.main .mdy ul {
    overflow: hidden;
    zoom: 1;
    padding-right: 10px;
}

.main .mdy ul li {
    display: inline;
    float: left;
    width: 50%;
    padding: 15px 0 0 15px;
}

.main .mdy ul li a {
    background: #5d92ff;
    display: block;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    padding: 0.3rem 0;
    border-radius: 0.5rem;
}

.main .mdy ul li:nth-child(1),
.main .mdy ul li:nth-child(2) {
    padding: 0 0 0 10px;
}

.pssj3 {
    height: 18rem;
    text-align: left;
    /* transform: translateY(300px); */
    -webkit-animation: mt 1s ease 1 normal forwards;
}

.talkbox {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    box-sizing: border-box;
    border-top: 30px solid #EDEDED;

    /* background: #eee; */
}

.speak {
    position: relative;
    top: 500px;
    display: flex;
    justify-content: left;
    margin: 1rem auto;
    align-items: flex-start;
    width: 96%;
}

.speak>img {
    width: 2rem;
    border-radius: 0.3rem;
    overflow: hidden;
    background: #808396;
    font-size: 0.15rem;
}

.speak p {
    padding: 0.6rem 1rem 0.6rem 2.5rem;
    color: #313233;
    font-size: 1rem;
    line-height: 1.5rem;
}

.speak p::before,
.speak p::after {
    border: 0.06rem solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    top: 0.1rem;
    right: 100%;
    border-right-color: #d8d8d8;
}

.speak p::after {
    border-right-color: #ffffff;
    margin-right: -2px;
}

.speak p>img {
    display: inline-block;
    vertical-align: middle;
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 0;
    }

    /* 25% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    } */

    75% {
        opacity: 1;
    }
}



.speak.one {
    -webkit-transition-delay: 1s;

    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    /* -webkit-animation-iteration-count: infinite; */
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: alternate;

}

.speak.two {
    -webkit-transition-delay: 2s;

    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    /* -webkit-animation-iteration-count: infinite; */
    -webkit-animation-duration: 8s;
    -webkit-animation-direction: alternate;
}

.speak.there {
    -webkit-transition-delay: 3s;

    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    /* -webkit-animation-iteration-count: infinite; */
    -webkit-animation-duration: 10s;
    -webkit-animation-direction: alternate;
}

.speak i {
    font-size: 1.3rem;
    font-weight: bold;
    color: #ff0000;
}

.speak.top {
    top: 0;
}

.inputbox {
    padding: 0.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-top: 1px solid #bfbfbf;
    background: #fff;
}

.inputbox img {
    width: 1.8rem;
    font-size: 0.15rem;
}

.inputbox input {
    outline: none;
    color: #333 !important;
    width: 80%;
    height: 2.5em;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    text-indent: 1em;
    margin: 0 2%;
    font-size: 15px;
}

.inputbox a {
    display: inline-block;
    min-width: 4em;
    line-height: 2em;
    background: #45C01A;
    color: #fff;
    border-radius: 0.3rem;
    text-align: center;
    font-size: 15px;
}

.inputbox a.wys {
    background: none;
    border-radius: 0;
}

#sdxhmb_dh_btn {
    width: 96%;
    margin: 5% auto;
    font-size: 0.18rem;
}

#sdxhmb_dh_btn ul {
    padding: 0;
    margin: 0 0 2%;
    display: flex;
    flex-wrap: wrap;
}

#sdxhmb_dh_btn li {
    width: 25%;
    margin-top: 2%;
    list-style: none;
    float: left;
}

#sdxhmb_dh_btn a {
    width: 100%;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #333;
}

#sdxhmb_dh_btn img {
    width: 66.7%;
    max-width: 100px;
    max-height: 100px;
    margin: 0 auto;
}

#sdxhmb_dh_btn p {
    margin: 4%;
}

#LRMINIBar {
    bottom: 2rem !important;
}

.main .pic img {
    width: 100%;
}

.main .btpt {
    padding-top: 15px;
}

.mdy_p1 {
    text-align: center;
    font-size: 1.7rem;
    line-height: 1.6rem;
    /* margin: 1rem auto; */
    font-weight: 700;
}

.hslbox1{height:3.5rem;line-height: 3.5rem;text-align: center; background-color:#D11F1B;display: flex; justify-content: space-between; flex-wrap: wrap;}
.hslbox1-wrap{flex: 0 0 32%;color: white;font-size: 1.3rem;}
.hslbox1-wrap img{width: 2.5rem;height: 2.5rem;margin-bottom: 0.7rem; display: inline-block;}

.hslbox2{ width: 97%;max-width:640px; margin:0 auto;}
.hslbox2-wrap{ display: flex; justify-content: space-between; flex-wrap: wrap;font-size: 1.3rem;text-align: center;margin: 1rem 0; }
.hslbox2-wrap-card{flex: 0 0 30%;color: white;margin: 0.5rem 0.4rem;width: 0.1rem;height: 3.3rem;line-height: 3.3rem;border-radius: 0.3rem;}
.hslbox2-wrap-card span{display: inline-block;width: 2rem;height: 2rem;line-height: 2rem;font-size: 1.3rem;font-weight: bold; border-radius: 50%;background-color: white;}

.hslbox3{width: 100%;background-color: #FFE6E7;margin-bottom: 3rem;}
.hslbox3-wrap{width: 95%;margin: 0 auto;padding: 1rem 0; text-align: center; display: flex; justify-content: space-between; flex-wrap: wrap;}
.hslbox3-wrap-card{flex: 0 0 30%;background-color: white;padding: 0.8rem 0;}
.hslbox3-wrap-card h4{font-size: 1.3rem;font-weight: bold;}
.hslbox3-wrap-card p{font-size: 1.1rem;color: #666666;}
.hslbox3-wrap-img1{width: 6rem; height: 6rem;line-height: 6rem; margin: 0 auto; border-radius: 50%;background-color: #ECECEC;background-image: url(../Picture/wrap1.jpg);background-size: 100% 100%;}
.hslbox3-wrap-img2{width: 6rem; height: 6rem;line-height: 6rem; margin: 0 auto; border-radius: 50%;background-color: #ECECEC;background-image: url(../Picture/wrap2.jpg);background-size: 100% 100%;}
.hslbox3-wrap-img3{width: 6rem; height: 6rem;line-height: 6rem; margin: 0 auto; border-radius: 50%;background-color: #ECECEC;background-image: url(../Picture/wrap3.jpg);background-size: 100% 100%;}

.talkbox-title{margin: 0 auto; text-align:center;font-size: 1.6rem;font-weight: bold;position: relative;}
.talkbox-title:before{content: '';width: 29%;height: 1px;top: 50%;background-color: #D2D2D2;position: absolute;left: 0.5rem;}
.talkbox-title:after{content: '';width: 29%;height: 1px;top: 50%;background-color: #D2D2D2;position: absolute;right: 0.5rem;}

.hello-span:before{content: "";position: absolute;right: 100%;top: 0.7rem;border-top: 0.3rem solid transparent;border-right: 0.6rem solid #fff;border-bottom: 0.3rem solid transparent;}