*{
    padding: 0;
    margin: 0;
    font-family: "Arial","Microsoft Yahei","Helvetica Neue", "Helvetica", "sans-serif";
}
body,div,hr,p,dl,dt,dd,ul,ol,li,form,button,input,textarea,th,td {
    margin: 0;
    padding: 0;
    border: 0;
}
body{
    max-width: 2560px;
    margin: 0 auto;
}
h1,h2,h3,h4,h5,h6{
    font-family: "Arial","Microsoft Yahei","Helvetica Neue", "Helvetica", "sans-serif";
}
/*@font-face {
    font-family: "Hel";
    src: url("../fonts/bootstrap-icons.woff2");
}*/
h1,h2,h3,h4,h5,h6{
    margin:15px 0;
}
ul,ol,li,dl,dd,dt{
    list-style: none;
}

/*清除浮动*/
.clear { clear: both; }

.container-fluid,.container div{
    padding:0;
}
.row{
    display: flex;
    flex-wrap: wrap;
    margin:0;
    padding:0;
}
a:link{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
    color: #D93831;
}
a:visited{
    text-decoration: none;
}
a:active{
    text-decoration: none;
}
p{
    word-wrap: break-word;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
    background-color: #cdcbcb;
    border-radius: 4px;
}
/* 设置滚动条的样式结束 */
/*header*/
/*移动端导航样式*/
.m_nav{
    display: none;
}
.m_nav.open {
    transform: translateX(0);
    overflow-y: auto;
    height: 100vh;
}
.top #navToggle {
    display: none;
    padding: 10px 10px;
    position: fixed;
    right: 10px;
    top: 5px;
    z-index: 999;
    background: #de3e30;
}
.top #navToggle span {
    position: relative;
    width: 30px;
    height: 2px;
    margin-top: 19px;
}
.top #navToggle span,.top #navToggle span:before,.top #navToggle span:after {
    content: '';
    position: relative;
    width: 30px;
    height: 2px;
    left: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: block;
    background: #fff;
}
.top #navToggle span:before {
    top: -18px;
}
.top #navToggle span:after {
    top: -11px;
}
.m_nav {
    position: fixed;
    width: 100%;
    background: #c5dde4;
    background: linear-gradient(135deg, #fcfaec 10%, #f28383);
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    z-index: 1000;
    top: 0;
    transform: translateX(100%);
}
.m_nav .m-top {
    height: 40px;
    padding: 0;
    box-sizing: border-box;
    width: 20%;
    float: right;
}
.m_nav .m-top .closed {
    width: 45px;
    height: 45px;
    vertical-align: middle;
    float: right;
    cursor: pointer;
}
.m_nav .m-logo {
    width: 100%;
    margin: 0 auto;
    float: left;
}
.m_nav .m-logo img {
    display: block;
    margin: 10px auto;
}
.m_nav .ul {
    margin-top: 20px;
}
.m_nav.open .ul li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li {
    padding: 0 20px;
    border-bottom: 1px solid #c9c9c9;
}
.m_nav .ul li a {
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    width: 100%;
    font-weight: bold;
}
.m_nav .ul li .half {
    width: 50%;
    float:left;
}
.m_nav .ul li .m-dropdown-menu a{
    color: #0949E7;
    padding-left: 10px;
    width: 50%;
    float: left;
}
/*移动端导航样式over*/
.nav-out{
    padding: 0 16%;
}
.nav-mid{
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nav-out .navbar{
    margin: 0;
}
.nav-mid .navbar-nav > li > a{
    border-bottom: 2px solid #fff;
    font-size: 16px;
}
.nav-mid .navbar-nav > li > a:hover{
    border-bottom:2px solid red;
}
.top-tel p{
    font-weight: bold;
    font-size: 20px;
    color: #D93831;
}
.top-tel .bi{
    color: #D93831;
}

.banner .swiper-pagination-bullet {
    width: 50px;
    height: 6px;
    display: inline-block;
    border-radius: 0;
    background: #ec1c24;
    opacity: .5;
}
.banner .swiper-pagination-bullet-active {
    background: #ec1c24;
    opacity: 1;
}
.index-banli{
    padding: 0 16%;
    margin-top: 80px;
}
.index-bl-l{
    border-left: 5px solid #63C191;
}
.index-banli > .row{
    align-items: center;
}
.index-bl-l h3{
    font-size: 28px;
    font-weight: bold;
    color: #000;
}
.index-bl-l p{
    font-size: 18px;
}
.index-bl-r{
    text-align: center;
}
.index-bl-r a{
    padding: 20px 30px;
    background-color: #D93831;
    font-size: 30px;
    border-radius: 10px;
    color: #fff;
}
.index-bl-btm{
    margin-top: 80px;
}
.index-banli-in{
    cursor: pointer;
    padding: 50px 20px;
    text-align: center;
    box-shadow: 0 2px 10px #f7474a1f;
    transition: box-shadow .3s, border .3s, background-color .3s, color .3s, transform .3s;
}
.index-banli-in:hover{
    transform: translateY(-3px);
    box-shadow: 0 2px 30px #f7474a1f;
}
.index-banli-in .bi{
    font-size: 50px;
    color: #D93831;
}
.index-banli-in h3{
    font-weight: bold;
    color: #000;
}
.index-banli-in p{
    font-size: 16px;
}
.index-hot{
    padding: 0 16%;
    text-align: center;
    margin-top: 80px;
}
.index-hot > h3{
    font-weight: bold;
    font-size: 28px;
    color: #000;
}
.index-hot > p{
    font-size: 16px;
}
.hot-l{
    position: relative;

}
.huodong{
    position: absolute;
    top: 0;
    left: 0;
}
.index-hot-in {
    display: flex;
    padding: 10px;
    margin-top: 30px;
}
.hot-r{
    padding: 10px 20px 10px 0;
}
.hot-r-t h2{
    color: #000;
    font-size: 26px;
    border-bottom: 1px solid #D93831;
    padding-bottom: 20px;
    text-align: left;
}
.hot-r-t p{
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
    text-align: left;
}
.hot-r-b{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 80px;
}
.hot-r-b a{
    display: block;
    padding: 10px 30px;
    border-radius: 5px;
    border: 1px solid #D93831;
    color: #D93831;
}
.index-hot-in > div{
    box-shadow: 1px 1px 10px 2px #b1c0c51a;
}
.index-good {
    padding: 0 16%;
    margin-top: 50px;
}
.index-good-top {
    display: flex;
    align-items: center;
}
.index-good-top > h2{
    display: inline-block;
    width: 25%;
    font-weight: bold;
}
.index-good-top > h2 span{
    font-size: 18px;
    color: #D93831;
    font-weight: normal;
}
.index-good-top > div{
    content: "";
    height: 5px;
    width: 70%;
    background: #D93831;
}
.index-good > .row{
    margin-top: 50px;
}
.index-good-in{
    text-align: center;
    padding: 40px 10px;
    background: #f7f7f7;
    border-radius: 10px;
}
.index-good-in:hover{
    background: #e57973;
}
.index-good-in:hover p{
    color: #fff;
}
.index-good-in h3{
    font-weight: bold;
    font-size: 23px;
}
.index-good-in .bi {
    font-size: 50px;
    color: #e41f1f;
}
.index-good-in > p{
    line-height: 28px;
    font-size: 15px;
    color: #888888;
    height: 50px;
}
.index-news{
    margin-top: 80px;
    padding: 0 16%;
}
.index-news > .row{
    margin-top: 50px;
}
.index-news .row .news-l img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.new-one-l{
    background-color: #D93831;
    color: #fff;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.new-one-l > h3{
    font-weight: bold;
    font-size: 20px;
}
.new-one-l > p{
    font-size: 15px;
    line-height: 28px;
}
.news-r {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news-r .new-l {
    padding: 0;
}
.news-r .new-l img{
    border-radius: 5px;
}
.new-r > h4{
    font-weight: bold;
}
.new-r > p{
    color: #6f6f6f;
}
.new-r .time{
    position: absolute;
    left: 15px;
    bottom: 0;
    font-size: 13px;
    color: #999;
}
.news-r > .row .new-l{
    overflow: hidden;
    border-radius: 5px;
}
.news-l img{
    transition: all .3s linear;
}
.news-l > a{
    display: block;
    overflow: hidden;
    border-radius: 10px;
}
.news-l:hover img{
    transform: scale(1.05);
}
.news-r > .row img{
    transition: all .3s linear;
}
.news-r > .row:hover img{
    transform: scale(1.05);
}
.news-r > .row:hover h4{
    color: #599bef;
}
.footer{
    padding: 50px 16% 5px;
    background-color: #1E2837;
}
.footer > .row{
    align-items: center;
}
.btm-about{
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
}
.btm-mid a{
    color: #fff;
    width: 50%;
    padding: 15px 10px;
    display: block;
    float: left;
    text-align: center;
}
.btm-right{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btm-tel{
    color: #fff;
    font-size: 18px;
}
.btm-tel p{
    margin: 15px 0;
}
.safe{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 15px;
    border-bottom: 1px solid #9c9c9c;
    padding-bottom: 10px;
}
.beian{
    padding: 10px 15px;
    color: #b7b7b7;
    text-align: center;
    font-size: 14px;
}
.beian a{
    color: #b7b7b7;
}
.index-show{
    padding: 0 16%;
    margin-top: 50px;
    text-align: center;
    background: url("../images/about-bg.webp") no-repeat center center;

}
.index-show h3{
    font-weight: bold;
    font-size: 28px;
    color: #000;
}
.index-show > p {
    font-size: 16px;
}
.index-show > .row{
    margin-top: 30px;
    align-items: center;
    justify-content: center;
}
.index-show > .row img{
    display: block;
    margin: 0 auto;
}
.index-show .col-lg-5 p{
    font-size: 17px;
    text-align: left;
    line-height: 45px;
    text-indent: 4ex;
}
.pay{
    padding: 10px 50px;
    margin-top: 30px;
}
.pay .bank{
    margin-top: 30px;
}
.index-order{
    padding: 0 16%;
    margin-top: 80px;
    text-align: center;
}
.index-order > h3{
    font-weight: bold;
    font-size: 28px;
    color: #000;
}
.index-get > div.col-lg-5 {
    padding: 30px 20px;
}
.index-order > p{
    font-size: 16px;
}
.get-left {
    border: 2px solid #d5d5d5;
    padding: 17px;
    border-radius: 10px;
}
.get-left h2 {
    color: #D93831;
    letter-spacing: 5px;
    font-size: 40px;
    font-weight: bold;
}
.get-btm {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.get-btm p {
    font-size: 16px;
    color: #7c7a7a;
    text-align: center;
}
.get-foot > p {
    font-size: 20px;
    margin-top: 10px;
}
.get-foot > div {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.get-foot div p {
    font-size: 35px;
    color: #7c7a7a;
    font-weight: bold;
}
.get-foot div p span {
    color: #D93831;
}
.index-get > div.col-lg-7 {
    padding: 30px 50px;
}
.get-right {
    border: 2px solid #d5d5d5;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
}
.order {
    width: 95%;
    margin: 0 auto;
}
.order .wpforms-field-container > .wpforms-field {
    display: flex !important;
    align-items: center !important;
    justify-content: space-evenly !important;
}
.order .wpforms-container .wpforms-field {
    padding: 10px 0 !important;
}
.order .wpforms-field-label {
    text-align: left;
    margin: 5px !important;
    font-weight: normal !important;
    font-size: 20px !important;
}
.order .wpforms-container .wpforms-field input {
    border-radius: 5px;
}
.order .wpforms-submit-container .wpforms-submit {
    background-color: #D93831 !important;
    height: 55px;
    line-height: 55px;
    width: 185px;
    border-radius: 8px;
}
.get-right > h3{
    font-weight: bold;
}
.get-foot .bi{
    font-size: 40px;
    color: #D93831;
}
.index-main {
    background: url(../images/main4-bg.webp) no-repeat center;
    padding: 50px 16%;
    margin-top: 50px;
    height: 860px;
}
.index-main .index-title h2, .index-main .index-title p {
    color: #FFF;
}
.index-main .index-title p {
    font-size: 18px;
    line-height: 38px;
    padding-bottom: 30px;
    color: #FFF;
}
.srcospcur{
    padding-top: 20px;
}
.index-title .line {
    height: 3px;
    background: #F6F6F6;
}
.index-title .line::before {
    position: relative;
    content: "";
    display: inline-block;
    width: 80px;
    height: 3px;
    background: #EC1C24;
    top: -11.5px;
}
.index-title ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 20px;
}
.index-main ul li {
    margin-bottom: 25px;
    overflow: hidden;
    width: 47%;
    height: 160px;
    padding: 30px;
    float:left;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.07);
}
.index-main ul li h3{
    font-size: 20px;
}
.index-main ul li p{
    color: #E8E8E8;
    font-size: 14px;
}
.index-main ul li:nth-child(2n){
    margin-left: 6%;
}
.index-main ul li img {
    float: left;
    margin-right: 30px;
    margin-top: 12px;
}
.position{
    padding: 10px 16%;
    font-size: 13px;
    color: #7c7b7b;
    background-color: #f5f5f5;
}
.position a {
    color: #7c7b7b;
}
.new-list{
    padding: 10px 16%;
    background-color: #f5f5f5;
}

.new-list .new-l-l{
    width: 73%;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
}
.new-l-l .row div{
    padding-left: 0;
}
.new-l-l .row .new-l-content{
    position: relative;
}
.new-list .new-l-r{
    width: 25%;
    margin-left: 2%;
}
.htr-out-one{
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
}
.htr-out-two{
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-top: 30px;
}
.new-l-img a{
    display: block;
    border-radius: 10px;
    overflow: hidden;
}
.new-l-img img{
    transition: all .3s linear;
}
.new-l-l .row{
    margin-top: 20px;
}
.new-l-l .row:hover .new-l-img img{
    transform: scale(1.05);
}
.new-l-l .row:hover {
    background: #f8f8f8;
    border-radius: 10px;
}
.item-title h3{
    font-size: 20px;
    color: #222;
}
.item-des p{
    line-height: 25px;
    font-size: 15px;
    color: #555;
}
.item-title h3 a:hover{
    color: #D93831;
}
.item-des a{
    color: #D93831;
}
.item-content .item-meta {
    position: absolute;
    bottom: 1rem;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 15px;
}
.item-meta span {
    color: #8c8c8c;
    font-size: 13px;
}
.zan:before {
    margin-right: 5px;
}
.new-list-in {
    padding-bottom: 20px;
    border-bottom: 1px solid #dfdfdf;
}
.htr-out-one h3{
    font-size: 20px;
}
.htr-out-one ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.htr-out-one ul li {
    margin-top: 20px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e7e5e5;
}
.hth-title-img {
    width: 37%;
}
.hth-title-p {
    width: 60%;
    margin-left: 3%;
    position: relative;
    height: 63px;
    overflow: hidden;
}
.hth-title-p p:last-child {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #888;
    font-size: 12px;
}
.hth-content ul li{
    position: relative;
    counter-increment: index;
}
.hth-content ul li:nth-child(1):before, .hth-content ul li:nth-child(2):before, .hth-content ul li:nth-child(3):before {
    content: "TOP " counter(index);
    background: linear-gradient(135deg, #f84975 10%, #f36);
    border: 0;
    border-radius: 0 10px 10px 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    color: #fff;
    display: block;
    font-size: 1.2rem;
    font-weight: 500;
    height: auto;
    left: 0;
    line-height: 1.2rem;
    padding: 3px 5px 3px 2px;
    position: absolute;
    text-align: center;
    top: 1rem;
    width: auto;
    z-index: 1;
}
.hth-content ul li:nth-child(2):before {
    background: linear-gradient(42deg, #d7486d 10%, #766cbb);
}
.hth-content ul li:nth-child(3):before {
    background: linear-gradient(135deg, #eda50f 10%, #f36);
}
.htr-out-one-t a img{
    border-radius: 10px;
}
.hth-content ul li a img{
    border-radius: 5px;
}
.htr-out-one h3{
    font-size: 18px;
    padding-left: 10px;
    border-left: 4px solid #D93831;
}
.htr-out-two h3{
    font-size: 18px;
    padding-left: 10px;
    border-left: 4px solid #D93831;
}
.htr-out-two ul li{
    margin-top: 20px;
}
.bi-caret-right-fill {
    color: #d8d8d8;
    font-size: 10px;
    line-height: 20px;
}
.htr-out-two ul li p a {
    margin-left: 5px;
    color: #1a1a1acc;
}
.htr-out {
    position: sticky;
    top: 80px;
}
.home-two-more {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
.home-two-more .page .fenye a {
    border: 1px solid #08c;
    color: #08c;
    font-weight: 400;
    margin: 0;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 10px;
}
.pro-content {
    padding: 20px 16%;
}
.pro-btm {
    text-align: center;
    padding: 0 10px;
}
.pro-btm > h3{
    color: #D93831;
    font-size: 20px;
}
.pro-in{
    padding: 20px 7px;
}
.proin-in{
    box-shadow: 0 0 10px 2px #00000012;
    padding-bottom: 20px;
}
.pro-in a{
    display: block;
}
.pro-a{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 10px;
}
.proa-l{
    font-size: 14px;
    background: #0067FF;
    color: #FFF;
    padding: 6px 30px;
    border: 1px solid #0067FF;
    border-radius: 5px;
}
.proa-r{
    font-size: 14px;
    background: #ec1c24;
    color: #FFF;
    padding: 6px 32px;
    border: 1px solid #ec1c24;
    border-radius: 5px;
    margin-left: 10px;
}
.proa-l:hover{
    color: #000;
}
.proa-r:hover{
    color: #000;
}
.article{
    padding: 10px 16%;
    margin-top: 20px;
}
.pro-pic {
    border: 1px solid #f1f1f1;
    overflow: hidden;
}
.pro-pic img {
    transition: all .3s linear;
    margin: 0 auto;
}
.small-pic {
    margin-top: 30px;
}
.small-pic ul {
    display: inline-block;
    height: auto;
}
.small-pic ul li {
     width: 23.5%;
     float: left;
     border: 1px solid #e1dede;
     margin-left: 2%;
}
.small-pic ul li:nth-child(1) {
    margin: 0;
}
.pro-title h1 {
    font-size: 26px;
}
.description {
    font-size: 16px;
    color: #545454;
}
.model-pro {
    margin-top: 20px;
    border-top: 1px dashed #b3b3b3;
}
.model-pro ul li {
    width: 50%;
    float: left;
    padding: 5px 5px;
    line-height: 30px;
    font-size: 15px;
    color: #545454;
}
.goods {
    padding-top: 10px;
}
.goods h4 {
    font-weight: 600;
    font-size: 20px;
    color: #545454;
    margin-top: 10px;
}
.goods div {
    color: #545454;
    font-size: 15px;
    line-height: 30px;
}
.contact {
    margin-top: 20px;
}
.contact .contact-btn-l {
    background: #2C93FD;
    padding: 10px 35px;
    color: #f1f1f1;
    border-radius: 5px;
    font-weight: bold;
}
.contact .contact-btn-r {
    background: #F96161;
    padding: 10px 35px;
    color: #f1f1f1;
    border-radius: 5px;
    margin-left: 50px;
    font-weight: bold;
}
.article-btm {
    margin-top: 30px;
    padding: 0 16%;
}
.article-left {
    background-color: #fff;
    padding: 20px 15px;
}
.article-left h4 {
    background-color: #3E97FD;
    border-top-right-radius: 50px;
    padding: 10px;
    color: #fff;
}
.goods-like {
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
    border: 1px solid #e7e7e7;
}
.goods-like p {
    padding: 10px 5px;
}
.article-in {
    padding: 50px 30px 20px 30px;
    background-color: #fff;
}
.art-content {
    margin-top: 30px;
    line-height: 40px;
}
#message2 {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    transform: scale(0);
    transition: .3s;
}
.messagebg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .001);
    z-index: 1001;
}
#message2 .m-content{
    margin-top: 10%;
}
#message2 .m-content .m-message {
    background: #fff;
    width: 250px;
    border-radius: 8px;
    padding: 50px;
    margin: 0 auto;
    position: relative;
    z-index: 1002;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
}
#message {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    transform: scale(0);
    transition: .3s;
}
#message .m-content{
    background: #fff;
    width: 450px;
    border-radius: 8px;
    padding: 30px 30px 15px;
    margin: 10% auto 0;
    position: relative;
    z-index: 1002;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
}
.m-message .message-title{
    font-size: 14px;
    text-align: center;
}
.m-message .order .wpforms-field-label {
    text-align: left;
    margin: 5px !important;
    font-weight: bold !important;
    font-size: 15px !important;
}
.m-message .wpforms-submit-container{
    text-align: center !important;
}
.m-message .order .wpforms-submit-container .wpforms-submit {
    background-color: #5C9AF7 !important;
    height: 45px;
    line-height: 45px;
    width: 160px;
    border-radius: 8px;
}
.new-list  .news-left {
    padding: 15px 30px;
}
.news-left h1 {
    font-size: 26px;
    text-align: center;
}
.news-left img{
    display: block;
    margin: 0 auto;
}
.article-author {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 20px 0;
    color: #555;
    font-size: 14px;
}
.article-author a {
    color: #D93831;
}
.art-content {
    margin-top: 30px;
    line-height: 40px;
}
.pages a, .pages {
    font-size: 16px;
    margin-top: 30px;
}
.tags h2{
    font-size: 18px;
    font-weight: bold;
}
.tags a{
    margin-left: 20px;
    border: 1px solid #D93831;
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 20px;
    display: inline-block;
}
.htr-out-three{
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-top: 30px;
}
.htr-out-three h3{
    font-size: 18px;
    padding-left: 10px;
    border-left: 4px solid #D93831;
}
.htr-out-three a{
    padding: 5px 10px;
    border-radius: 5px;
    margin-top: 10px;
    display: inline-block;
    margin-left: 5px;
    border: 1px solid #D93831;
}
.download {
    padding: 20px 16%;
}
.dowm-top h2 {
    padding: 15px;
    text-align: center;
    background-color: #de3e30;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 0;
    color: #fff;
    font-size: 28px;
}
.down-btm {
    border: 1px solid #dbdbdb;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.down-btm .col-lg-3 {
    padding: 0;
    background: #fafafa;
    border-right: 1px solid #dbdbdb;
    border-bottom-left-radius: 10px;
}
.down-btm .col-lg-3 ul li.down-li-one {
    background-color: #fff;
}
.down-btm .col-lg-3 ul li {
    background: #fafafa;
    text-align: center;
    font-size: 17px;
    color: #de3e30;
}
.down-btm .col-lg-3 ul li a {
    display: inline-block;
    width: 100%;
    padding: 20px 5px;
    border-top: 1px solid #dbdbdb;
}
.down-btm .col-lg-3 ul li:nth-child(1) a {
    border: none;
}
.down-content {
    display: none;
    min-height: 500px;
    padding: 30px;
}
.down-content > div {
    width: 100%;
}
.down-content p {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.contactes{
    text-align: center;
    padding: 50px 16%;
}
.contactes .row{
    align-items: center;
    margin-top: 50px;
}
.contact-in{
    padding: 55px 10px;
    text-align: center;
    font-size: 30px;
    background: #fff;
    box-shadow: 1px 5px 18px 0 rgba(0, 103, 255, 0.1);
    border-radius: 4px;
    min-height: 305px;
}
.contact-in img{
    display: block;
    margin: 0 auto;
}
.contact-in .c-name {
    color: #333333;
    font-size: 18px;
    margin-top: 15px;
}
.contact-in .c-text {
    color: #333333;
    font-size: 22px;
    margin-top: 10px;
}
.pos-content{
    padding: 50px 16% 80px;
    background: #f5f5f5;
}
.pos-out{
    display: flex;
    justify-content: space-between;
    width: 1108px;
    margin: 0 auto;
    border-radius: 15px;
    overflow: hidden;
}
.pos-out .form-fl {
    background: url(../images/form-left.webp) no-repeat center center;
    width: 30%;
}
.pos-out .form-fl ul {
    padding-left: 30px;
    padding-top: 50px;
}
.pos-out .form-fl ul li {
    margin-bottom: 50px;
}
.pos-out .form-fl ul li p:nth-child(1) {
    color: #FFF;
    font-size: 18px;
}
.pos-out .form-fl ul li p:nth-child(2) {
    color: #FFF;
    font-size: 28px;
    padding-top: 10px;
}
.pos-out .form-fl ul li p:nth-child(3) {
    color: #FFF;
    font-size: 16px;
    padding-top: 2px;
}
.pos-out .form-fl .ewm img {
    width: 101px;
    margin-left: 182px;
    margin-top: 125px;
}
.pos-out .form-fr {
    width: 70%;
    height: 600px;
    border: 1px solid #F9F9F9;
    padding: 40px 90px;
    background: #FFF;
}
.form-fr h4 {
    font-size: 24px;
    font-weight: bold;
}
.form-fr p {
    font-size: 14px;
    padding-top: 12px;
}
.form-fr .order .wpforms-field-container > .wpforms-field {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}
.form-fr .order{
    width: 100%;
}
.form-fr .order .wpforms-submit{
    width: 70%;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.form-fr .order .wpforms-field-label{
    width: 20% !important;
    font-size: 17px !important;
}

.form-fr .order .wpforms-field-medium{
    max-width: 80% !important;
}
/*侧边栏start*/
.slidebar {
    background: #de3e30;
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 10000;
    border-radius: 12px 12px 12px 12px;
    height: 160px;
}
.slidebar .button {
    width: 36px;
    float: left;
    position: relative;
    z-index: 1;
    margin-top: 10px;
    height: 181px;
}
.slidebar .button div {
    cursor:pointer;
}
.btnOpen, .btnCtn {
    position: relative;
    z-index: 9;
    background: url(../images/shopnc.png) no-repeat;
    display: block;
    height: 146px;
    padding: 8px;
}
.btnOpen {
    background-position: -41px -143px;
}
.btnCtn {
    background-position: 10px -143px;
}
.floatR {
    float: left;
    overflow: hidden;
    width: 180px;
    border: 12px solid #de3e30;
    border-radius: 12px;
}
.contacts {
    background: #F7F7F7;
    border-radius: 6px;
    text-align: center;
}
.contacts h4 {
    height: 45px;
    line-height: 45px;
    font-weight: 600;
    font-size: 19px;
    margin-bottom: 0;
}
.contacts li {
    border-bottom: solid 1px #E6E4E4;
    height: 55px;
    line-height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.contacts li:nth-child(1) a {
    display: block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #de3e30;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}
.contacts li:nth-child(2) a {
    display: block;
    width: 140px;
    background: url(../images/shopnc.png) no-repeat right 18px;
    text-align: left;
}
.contacts li:nth-child(3) {
    height: 150px;
}
/*侧边栏end*/

.cpys {
    background: #F7F8FA;
    padding: 10px 20%;
}
.title-sty h2 {
    color: #333;
    font-size: 30px;
    margin-bottom: 15px;
    text-align: center;
}
.cpys ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    text-align: center;
    padding-top: 15px;
}
.cpys ul li {
    margin: 20px 0;
    overflow: hidden;
    width: 25%;
}
.adList li img{
    display: block;
    margin: 0 auto;
}
.cpys ul li h3 {
    color: #333333;
    font-size: 20px;
    line-height: 35px;
    padding-top: 10px;
}
.cpys ul li p {
    color: #666666;
    font-size: 15px;
    line-height: 24px;
    padding: 0 10px;
}
.dlys{
    background-color: #fff;
}
.dlys-in{
    padding-top: 20px;
}
.dlys ul li {
    margin: 20px 0;
    overflow: hidden;
    width: 21.25%;
    margin-left: 5%;
    box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    padding-bottom: 20px;
}
.dlys ul li:nth-child(1),.dlys ul li:nth-child(4n+1){
    margin-left: 0;
}
.pos-business{
    padding-left: 20%;
    padding-right: 20%;
}
.dlbz {
    background: url(../images/main9-bg.png) no-repeat;
    height: 590px;
    padding: 60px 20% 20px;
}
.dlbz .title-sty h2 {
    color: #FFF;
}
.dlbz .padT{
    margin-top: 60px;
}
.dlbz ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    text-align: center;
    padding-top: 40px;
}
.dlbz ul li {
    width: 21.25%;
    margin-left: 5%;
    background: #FFFFFF;
    opacity: 0.9;
    border-radius: 12px;
}
.dlbz ul li:nth-child(1){
    margin-left: 0;
}
.dlbz ul li img {
    width: 106px;
    height: 106px;
    margin-top: -50px;
}
.dlbz ul li h3 {
    color: #333333;
    font-size: 20px;
    line-height: 50px;
    padding-top: 20px;
}
.dlbz ul li p {
    color: #333333;
    font-size: 16px;
    line-height: 40px;
}
.dlbz ul li p:nth-last-child(1){
    padding-bottom: 20px;
}
.zhengce{
    padding: 30px 20%;
}
.zhengce .srcospcur > p{
    text-align: center;
    color: #666666;
    font-size: 17px;
    line-height: 35px;
}
.zhengce .table {
    border-color: #E1E1E1;
    margin-bottom: 30px;
    margin-top: 50px;
    text-align: center;
    height: 1000px;
}
.zhengce .table tr td {
    vertical-align: inherit;
    border: 1px solid #E1E1E1;
}
.zhengce .sty4 {
    background: #ec1c24;
    font-size: 20px;
    color: #FFF;
}
.zhengce .sty5 {
    width: 250px;
    font-size: 20px;
    color: #333;
}
.zhengce .sty3 {
    width: 150px;
}
.zhengce .sty2 {
    width: 300px;
    font-size: 18px;
}
.zhengce td {
    display: table-cell;
    vertical-align: inherit;
    unicode-bidi: isolate;
}
.zhengce .sty1 {
    background: #E1E1E1;
    font-size: 20px;
    color: #ec1c24;
}
.mainb6 {
    padding: 30px 20%;
    text-align: center;
    background: url(../images/mainb6-bg.png) no-repeat center center;
    background-size: 100%;
}
.mainb6 .title-sty h2 {
    color: #FFF;
    font-size: 36px;
    margin-bottom: 35px;
    letter-spacing: 5px;
}
.mainb6 a {
    font-size: 24px;
    background: rgba(200, 22, 29, 0.8);
    border-radius: 5px;
    padding: 8px 50px;
    color: #FFF;
}
.reg-content{
    padding: 50px 16% 20px;
}
.reg-content img{
    display: block;
    margin: 0 auto;
}
.reg-in{
    padding: 15px 30px;
    background: #fcfcfc;
    border-radius: 10px;
}