html {
    font-size: 100px;
    overflow-x: hidden;
}

body {
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    overflow-x: hidden;
    font-size: .14rem;
    max-width: 768px;
    margin: 0 auto;
}

img {
    max-width: 100%;
}

dd {
    padding: 0;
    margin: 0;
}

.iconfont {
    font-family: 'basefont';
    display: inline-block;
    font-style: normal;
}

.layui-container {
    font-size: .14rem;
}

.hide {
    display: none;
}

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

.clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0;
}

* html .clear {
    zoom: 1;
}

*:first-child+html .clear {
    zoom: 1;
}

input,
textarea,
textarea:focus,
input:focus {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

a {
    text-decoration: none;
}

a:hover {
    color: inherit;
}

:-moz-placeholder {
    color: #000;
    opacity: 1;
}

::-moz-placeholder {
    color: #000;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #000;
    opacity: 1;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}

input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px white inset !important;
}

.none {
    display: none;
}

.layui-row,
.ui-row {
    width: 100%;
    margin: 0;
}


.noscroll,
.noscroll body {
    overflow: hidden;
}

.noscroll body {
    position: relative;
}

.bgcwhite {
    background-color: #fff;
}

.smmk ul li {
    background-color: #fff;
}

.basefont {
    font-family: 'basefont';
    font-style: normal;
    display: inline-block;
}

@font-face {
    font-family: 'basefont';
    /* project id 674963 */
    src: url('//at.alicdn.com/t/font_674963_csxjlzbqqwr.eot');
    src: url('//at.alicdn.com/t/font_674963_csxjlzbqqwr.eot?#iefix') format('embedded-opentype'),
        url('//at.alicdn.com/t/font_674963_csxjlzbqqwr.woff2') format('woff2'),
        url('//at.alicdn.com/t/font_674963_csxjlzbqqwr.woff') format('woff'),
        url('//at.alicdn.com/t/font_674963_csxjlzbqqwr.ttf') format('truetype'),
        url('//at.alicdn.com/t/font_674963_csxjlzbqqwr.svg#basefont') format('svg');
}

/*====头部样式====*/

.header {
    position: relative;
    z-index: 10;
}

.header_con {
    position: relative;
    /* background-color:#000; */
    z-index: 12;
    overflow: hidden;
}

.header .logo {
    display: inline-block;
    margin-left: .2rem;
    width: 1.5rem;
    overflow: hidden;
    float: left;
    margin-top: -.04rem;
}

.header .logo img {
    height: .44rem;
    margin-top: 0;
    /* margin-left: -.4rem; */
}

.header .menubtn {
    float: right;
    margin-right: .2rem;
    font-size: .16rem;
    line-height: .4rem;
    vertical-align: middle;
}

.header .menubtn .basefont:before {
    content: "\e641";
    font-size: .2rem;
    vertical-align: middle;
    margin-top: -.07rem;
    margin-left: .05rem;
    display: inline-block;
}

.header .menubtn .act:before {
    content: "\e66c";
    margin-top: -.03rem;
}

.header .menutop {
    overflow: hidden;
    padding: .05rem 0 .02rem;
    background-color: #000;
}


.aside,
.aside-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.aside {
    -webkit-transition: visibility .25s;
    transition: visibility .25s;
    z-index: 3;
    visibility: hidden;
    overflow: hidden;
}

.aside.active {
    -webkit-transition: none;
    transition: none;
    visibility: visible;
}

.aside-overlay {
    background-color: black;
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}

.active>.aside-overlay {
    opacity: .3;
}

.aside .module-main {
    position: absolute;
    left: 0;
    right: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #000;
}

.aside .scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.aside-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    width: 47%;
    -webkit-transition: transform .15s;
    transition: transform .15s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.active>.aside-content {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

#menubox {}

#menubox .aside-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 38%;
    margin-left: 62%;
    -webkit-transition: transform .15s;
    transition: transform .15s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

#menubox.active>.aside-content {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.aside ul {
    padding: .1rem 0 .2rem;
    overflow-y: scroll;
    background-color: rgba(0, 0, 0, .9);
}

.aside li {
    border-bottom: .01rem solid #333;
    margin: 0 .2rem;
}

.aside a {
    color: #fff;
    padding: .1rem 0;
    display: inline-block;
}

.aside .citem {
    padding: .1rem 0 .2rem;
    overflow-y: scroll;
    background-color: rgba(0, 0, 0, .9);
}

.aside .citem dd a {
    display: block;
}

.aside dl {
    padding-left: .1rem;
    margin-bottom: .1rem;
}

.aside dt {
    color: #40a960;
    font-weight: bold;
    margin-bottom: .1rem;
    position: relative;
}

.aside dt:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -.1rem;
    background-color: #40a960;
    width: .02rem;
    height: 100%;
}

.submenu {
    background-color: #fff;
    padding: 0;
    border-bottom: .01rem solid #ddd;
}

.submenu .custombtn {
    float: left;
    line-height: .4rem;
    margin-left: .2rem;
    font-size: .16rem;
}

.submenu .custombtn .basefont:before {
    content: "\e63d";
    font-size: .2rem;
    vertical-align: middle;
    margin-top: -.02rem;
    margin-left: .05rem;
    display: inline-block;
}

.submenu .custombtn .act:before {
    transform: rotate(180deg);
    margin-top: 0rem;
}

.getform {
    float: right;
    margin-right: .1rem;
}

.getform {
    padding: 0;
    font-weight: 400;
    height: .4rem;
    margin-left: .1rem;
}

.getform button {
    border: none;
    background-color: #40a960;
    color: #fff;
    line-height: .32rem;
    margin-top: .04rem;
    padding: 0 .06rem;
    border-radius: .0rem;
    position: relative;
    transition: all .5s;
    cursor: pointer;
    font-size: .13rem;
}

/*.getform button:before{ content: ' '; border-left: 1px solid #333; position: absolute; left:0rem; top:0; height: .8rem; }*/
.getform button:hover {
    background-color: #299b4c;
}

.getform .secondBtn {
    margin-left: .03rem;
    background-color: #09f;
}

.getform .secondBtn:hover {
    background-color: #007aff;
    border: .02rem solid #007aff;
}

.posh {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
}

.posh .getform {
    display: inline-block;
}

.header .show {
    display: block;
}

.header .none {
    display: none;
}



.topbar {
    background-color: #333;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 12;
}

.topbar_con {
    padding: .05rem 0;
    font-size: .14rem;
}

.topbar .saletext {
    display: inline-block;
    font-weight: 700;
    color: #fff;
    margin-left: .15rem;
}

.topbar .saletext span {
    text-transform: uppercase;
    color: #e83611;
}

#sticky-buttons {
    position: fixed;
    right: 0;
    bottom: 0;
    /* width: 100%; */
    z-index: 9;
}

#sticky-buttons .chat {
    background-color: #40a960;
    color: #fff;
    padding: .09rem .15rem .07rem;
    display: inline-block;
    margin-right: .1rem;
    margin-bottom: .15rem;
    float: right;
    box-shadow: 0px .05rem .1rem 0px rgba(0, 0, 0, 0.2);
    font-size: .14rem;
}

#sticky-buttons .chat .iconfont {
    font-size: .24rem;
    line-height: .24rem;
    margin-right: .05rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -.04rem;
}

#sticky-buttons .chat:hover {}

#sticky-buttons .backtop {
    background-color: rgba(5, 131, 187, .8);
    color: #fff;
    padding: .1rem .2rem .08rem;
    border-radius: 1rem;
    display: inline-block;
    margin: .1rem 0;
    float: left;
    box-shadow: 0px .05rem .1rem 0px rgba(0, 0, 0, 0.2);
    font-size: .17rem;
    display: none;
}

#sticky-buttons .backtop .iconfont {
    font-size: .24rem;
    line-height: .24rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -.04rem;
}

/******* header end ********/




.inbanbox {}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-pagination-fraction {
    color: #fff;
    text-shadow: .01rem .01rem .02rem #333;
}

.swiper-pagination-fraction .swiper-pagination-current {
    color: #e83611;
    font-size: .32rem;
}

.swiper-pagination-fraction .swiper-pagination-total {}

.picname {
    display: none;
}

.inbanbox .inban1 {
    background: url(../images/banner/fp1.jpg) no-repeat top center;
}

.inbanbox .inban2 {
    background: url(../images/banner/fp2.jpg) no-repeat top center;
}

.inbanbox .inban3 {
    background: url(../images/banner/fp3.jpg) no-repeat top center;
}

/*====页面底部样式====*/
footer {
    background-color: #000;
    color: #fff;
    /*z-index: 0;*/
    position: relative;
    font-size: .14rem;
    padding-top: .2rem;
    padding-bottom: .5rem;
}

footer dl {
    margin-left: .2rem;
    /*border-bottom: 1px solid #444; */
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

footer dl:first-child {
    width: 30%
}

footer dt {
    font-size: .16rem;
    font-weight: 700;
    padding: .1rem 0;
    text-transform: uppercase;
    position: relative;
}

footer dt.active {}

footer dt .expandArrow {
    position: absolute;
    right: 0;
    top: .14rem;
    font-size: .2rem;
    width: .2rem;
    line-height: .2rem;
    padding-left: 5px;
}

footer dt .expandArrow:before {
    content: '\e63d';
    font-family: basefont;
    transition: all .4s;
    display: none;
}

footer dt.active .expandArrow:before {
    transform: rotate(180deg);
}

footer dd {
    /* padding-bottom: .25rem; */
}

footer dd a {
    display: block;
    margin: .1rem 0;
    line-height: .3rem;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #fff;
}

footer .coninfo {
    border-top: 1px solid #444;
}

footer .coninfo p {
    margin: .2rem .2rem;
    text-align: center;
}

footer .coninfo p:nth-child(4) {
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .pptu {
    margin-left: 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

footer .lo {
    display: inline-block;
}

footer .lo img {
    height: .4rem;
    vertical-align: middle
}

footer .cp {
    text-align: center;
    content: #fff;
    background-color: #000;
    padding: .15rem 0;
}

/* footer .msg{ display: none; }
footer .msg .layui-inline{ width: 100%; margin-right: 0; }
footer .msg .layui-inline:nth-child(2){ margin-right: 0; }
footer .msg h4{ color:#444; padding-bottom: .05rem; padding-top: .1rem; }
footer .msg .layui-form-item{ margin-bottom: 0; }
footer .msg .textareaBox{ width: 100%!important; margin-right: 0 }
footer .msg .submitBtn{ width: 100%!important; }
footer .msg .submitBtn button{ width: 100%!important; }
footer .msg .layui-uploadbox{ margin-top: 0; height: auto; }
footer .uploadFile{ height: .38rem; line-height: .38rem; border:1px solid #e6e6e6; box-shadow: none; }
footer .uploadImgView{ height: .38rem; line-height: .38rem;}
footer .layui-btn{height: .4rem; line-height: .4rem;} */

footer .msg {
    display: none;
}

footer .msg .layui-inline {
    width: 100%;
    margin-right: 0;
}

footer .msg .layui-inline:nth-child(2) {
    margin-right: 0;
}

footer .msg h4 {
    color: #444;
    padding-bottom: .05rem;
    padding-top: .05rem;
}

footer .msg .layui-form-item {
    margin-bottom: 0;
}

footer .msg .textareaBox {
    width: 100% !important;
    margin-right: 0
}

footer .msg .submitBtn {
    width: 100% !important;
    margin-top: .1rem;
}

footer .msg .submitBtn button {
    width: 100% !important;
}

/* footer dl{padding: .2rem 0 .2rem;} */

footer .layui-uploadbox {
    height: .38rem;
    line-height: .38rem;
    border: 1px solid #e6e6e6;
    box-shadow: none;
    color: #000;
    margin-top: 0;
}

footer .uploadImgView {
    height: .38rem;
    line-height: .38rem;
    flex: 0 58%;
    margin-bottom: 0;
    padding-bottom: 0;
    border-top: none;
}

footer .layui-btn {
    height: .4rem;
    line-height: .4rem;
}

footer .msg .uploadFile {
    font-size: .13rem;
    flex: 0 30%;
    color: #000;
    line-height: .32rem;
    margin-bottom: 0;
}

footer .msg .uploadFile .layui-icon {
    margin-right: .05rem;
    font-size: .22rem;
}

footer .msg .uploadImgView {
    line-height: 100%;
}

footer .uploadImgView .delImg {
    margin-top: .1rem;
    vertical-align: middle;
    background-color: #fff;
    padding: .01rem .03rem .01rem .02rem;
}

footer .msg .uploadImgView .thumbbox {
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: .28rem;
    margin-top: .03rem;
}

footer :-moz-placeholder {
    color: #000;
    opacity: .5;
}

footer ::-moz-placeholder {
    color: #000;
    opacity: .5;
}

footer input:-ms-input-placeholder,
footer textarea:-ms-input-placeholder {
    color: #000;
    opacity: .5;
}

footer input::-webkit-input-placeholder,
footer textarea::-webkit-input-placeholder {
    color: #000;
    opacity: .5;
}

.sns {
    width: .4rem;
    height: .4rem;
    border-radius: .4rem;
    line-height: .4rem;
    text-align: center;
    display: inline-block;
    font-family: "basefont";
    font-size: .2rem;
    margin-right: .1rem;
}

.facebook {
    /* background-color: #3c5b97; */
}

.twitter {
    /* background: #38b1e9; */
}

.pinterest {
    /* background-color: #ce2129; */
}

.instagram {
    /* background-color: #e2442b; */
    font-size: .23rem;
}

.sns img {
    width: 100%;
}

.cpmTextmod {
    margin: 0rem 0 .3rem;
}

.cpmTextmod .hd {
    font-size: .21rem;
    /* text-transform: uppercase */
}

.center {
    text-align: center;
}

.yhtext {
    padding: 0 .2rem
}

.yhtext i {
    font-style: normal;
    display: inline-block;
    padding-right: .02rem;
}

.yhtext .tags {
    padding: .05rem .15rem;
    display: inline-block;
    margin: 0 .03rem .1rem;
    border: .01rem solid #eee;
    background-color: #fff;
    border-radius: .8rem;
    box-shadow: #eee 0 4px 8px;
}

/* 首页头部标签模块 end*/


.newS {
    padding: .2rem 0;
    border-top: .2rem solid #f9f9f9;
}

.newS .modntit {
    flex: 100%;
    font-size: .21rem;
    font-weight: 700;
    text-align: center;
    padding: .3rem .2rem .3rem
}

.newS .modntit p {
    font-size: .14rem;
    font-weight: 300;
    margin-top: .1rem;
}

.index .newD {
    padding-bottom: 0;
}

.newS h3 {
    font-size: .18rem;
    margin-bottom: .1rem;
    font-weight: 700;
    line-height: 140%;
    /* text-transform: uppercase; */
}

.newS h4 {
    font-size: .16rem;
    font-weight: 500;
    margin-bottom: .15rem;
    color: #E83611;
}

.newS .bigfont {
    font-size: .18rem;
    font-weight: 400;
}

.newS img {
    width: 100%;
}

.newS .text {
    line-height: 160%;
    margin-bottom: .2rem;
}

.newS .swiper-pagination,
.newS .swiper-pagination-fraction {
    position: static;
    font-size: .24rem;
    width: auto;
    text-align: left;
    display: inline-block;
    text-shadow: none;
    vertical-align: middle;
    height: .28rem;
    line-height: .28rem;
    color: #8a8a8a;
    font-weight: 300;
    margin: .02rem .1rem 0;
}

.newS .ctrl {
    padding-top: .3rem;
    text-align: center;
}

.newS .swiper-pagination-fraction .swiper-pagination-current {
    font-size: .24rem;
    color: #40a960;
}

.newS .swiper-button-next,
.newS .swiper-button-prev {
    position: static;
    vertical-align: middle;
    margin-top: 0;
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background-size: auto 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAACgElEQVRoQ+XbwXXbMAwAUMB+4rUZIZ2gzgS1J2myQXwweWxvfqQPfp2g7iRNJqi7QbtBc7UP6EMe3afqSRcJINFn3mXrmwBFgDLClQ28Mi+IgFNK3wFgAQAP3vuD5R9RCkwtpGm0FPgeAL78D2gRMENjjAdE/GAdLQYeQN9574+WcloU3IP+DQArS2hxsHW0CpjRKaUnAHifw9nMTKuB9/v9zel0ekLEd5bQamBGdtFE9NM5d7der3nGqwxVcB8aAI5N06xqodXB1tBFwIzebre3s9nsiIhvcixXmeli4LxyL4iIF7Jq6KLgAfTBe/9QagUrDq6NrgK+oAGA6+jLKDLT1cAZ3S0r1dFVwQPoz977R62crg4eQKt1TUyAS6LNgHNZ+QkRP2p2TUyBB7omouFtDtyHRsTVZrPh+nryMAnuQYs1EMyCtdCmwRpdE9PgvlqauyYhhLdjk9k8OD+j+VSDt6FARD9CCHyONWqYB6eU/sE655ZT2kOmwR3si3PudgqWQ8IsuItFxKXECYZJcIzxERH3OWdfpLAmZzil9LdGJiJRrDlwG5uXYPHTRzMh3YMVLRouzzAT4FJYEyG92+2WRPRNswZu71CqznBKiXdMjL3JN6USxibAPVjV5l3VHO5iiehrCOF1r6w9iod0TWzxRYtPEOfzOZ82vOZsyZktHtJczJ/PZ16gLqXds/d+qR3C3c8vEtJdLNe0U8u8sT+UOtgSVj2HrWFVwT05+6tpmsXUAn5sKKsvWloFvEmwVaxKSFvGioOtY0XBbWypymdMPos8h9tNN8tYsRlOKV3XnzxijPxKIb8mrF7AjwljEw2AqTc+9nqRHB775TWu+wNbfJRMVWYBtgAAAABJRU5ErkJggg==);
}

.newS .swiper-button-prev {
    transform: rotate(180deg);
}

.newS .swiper-button-next:hover,
.newS .swiper-button-prev:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAACZElEQVRoQ+XbsVXDMBAG4N8UpIQRYALCBCgj0ECoEBuwAWzAYwJERULDCIgJCBvABlBCgXlyBI/YTmPfST/EvRN/uTvZd3IKrNhRrJgXImAztY8Ahihw4g+cY/4RpcDlD5IcLQO+tRYlrv4CWgQcoGZqQyofs6PFwEvQu/7AzZhqWhTcgn5FgRETWhzMjlYBR7QHsBfTmSbSeuA7u4l3eBTYYUKrgaso19ElnjHArt93r7kWMlVwKxqYYR2jXGh1MBs6CbhC39gtrCHckzdiOmeJdDJwhb61Q5QIq3c2dFJwK7qE82N3kmoRSw7Ojc4C/oUOffT8SBTpbOCIXmwrE6CzgpegL/3YnWrVdHZwK1pxakIBTommAccO6xzAmebUhAq8ZGoiOgmlA7eiPzHyRy48ofU+KMEtaLEBAi1YC80NVpiaUIOXTU382G13LWZ6cIWe2CsUsPGZ+8mP3fDfgutYDGD6jIeoI7yABd6wjq0+2JAVtOAGtoCR2MGgBJuJPUWBi1inbxDCUkbYLG69imLpwDVsKDjx3UealG7BijYN37cxCnAqLEVKmxtrsIZ7zR7490NK1gjHwXzAblYXpTjayZ7SDWwJ1eFdVnADC1z7Qzd/VlY+kqd0TmzyRSvuIIbdhnnNJoxs8pSu3gb4qFbj79buwR86o5zBjY9PktINbImnvm1e1x9KHcyEVa9hNqwquAX7ggGGfRv4rqmsvmhpNfCUYFasSkozY8XB7FhRcA2bpPPpUs8i9+Ha0I0WKxZhM7Ur9iePiZ1VrwknaOC7pDHNxKPvxXc5X6SGu3xxrnO+AAupXExz0oRxAAAAAElFTkSuQmCC);
}


.newS .btnbox {
    margin-top: .3rem;
}

.newS .bct {}

.newS .btnbox {
    text-align: center;
}

.newS .btnbox a {
    display: inline-block;
    width: 100%;
    font-size: .18rem;
    line-height: .54rem;
    color: #fff;
    background-color: #40a960;
    border: .02rem solid #40a960;
    cursor: pointer;
}

.newS .btnbox a:hover {
    color: #fff;
    background-color: #40a960;
}

.newS .uText {
    padding: .2rem .3rem .2rem;
    position: relative;
}

.newS .uImg {}

.newS .uImg img {
    width: 100%;
    /*height: 2.26rem;*/
}

.newE .c {
    display: none;
}

.newE .show {
    display: block;
}

.newF .text {
    text-align: center;
}

.newF .text .bf30 {
    width: 52%;
}

.newE .bct {
    text-align: center;
}

.newE .ctrl {
    text-align: center
}

.newE .uText b {
    padding-top: .1rem;
    display: inline-block;
    font-size: .16rem;
}

.newE .uText .date {
    font-size: .16rem;
    color: #666;
    float: right;
}

.newE .uText h3 {
    position: relative;
    overflow: hidden;
}

.swiper-factory {
    width: 100%;
    height: 100%;
}


.newB .uText,
.newF .uText {
    background-color: #fff;
    padding-bottom: 0;
}

.newA,
.newA .uText {}


.newB {
    padding-top: 0;
}

.newA .uImg,
.newD .uImg,
.newF .uImg {
    padding-left: .3rem;
    padding-right: .3rem;
}

.newA .uImg {
    padding-left: .1rem;
    padding-right: .1rem;
    /* padding-top: .2rem; */
}

.gaWall {
    margin: 0 .2rem;
}

.gaWall span {
    box-sizing: border-box;
}

.gaWall .row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.gaWall .row a {
    display: inline-block;
    margin-bottom: .1rem;
}

.gaWall .col12 {
    flex: 0 0 100%;
}

.gaWall .col12 img {
    width: 3.7rem;
    /*height: 2.5rem;*/
}

.gaWall .col6 {
    flex: 0 0 49%;
}

.gaWall .col6 img {
    width: 1.8rem;
    /*height: 1.21rem;*/
}



.index .flexwrap {
    margin-bottom: .3rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.index .dlItem {
    padding: 0 .2rem;
}

.index .dlItem .hd {
    padding-top: 0.4rem;
}

.index .dlItem .t {
    font-size: .21rem;
}

.index .dlItem dl {
    flex: 0 0 47.5%;
    text-align: center;
    display: inline-block;
    font-size: .14rem;
    margin-bottom: .2rem;
    background-color: #f;
    position: relative;
    padding: .15rem;
    box-sizing: border-box;
}

.index .dlItem dl:nth-child(5n) {
    margin-right: 0;
}

.index .dlItem dl dt {
    font-size: .16rem;
    font-weight: 400;
    line-height: 120%;
    color: black;
}

.index .dlItem dl dd {
    font-size: .14rem;
    padding-top: .1rem;
    line-height: 180%;
    color: #666;
    line-height: 140%;
}

.index .dlItem dl .jiajia {
    text-align: center;
    color: #e83611;
    margin-bottom: .15rem;
    font-size: .12rem;
    line-height: 140%;
}

.index .dlItem dl .jiajia>span {
    color: #000;
    display: block;
}

.index .dlItem dl .jiajia+dd {
    margin-bottom: .15rem;
}

.stepTurn .dlItem dl .jiajia+dd {
    margin-bottom: .55rem;
}

.index .dlItem dl dd p {
    margin-top: .1rem;
}

.index .dlItem dl dd .price {
    background: #f5f5f5;
    padding: 10px 15px;
    font-weight: bold;
    text-align: center;
    color: #e83611;
}

.index .dlItem dl dd p b {
    color: #000;
    font-size: .14rem;
}

.index .dlItem dl .mimg {
    text-align: center;
    margin-bottom: .15rem;
}

.index .dlItem dl .mimg img {
    width: 100%;
}

.index .indexForm {
    /* margin-top: .2rem; */
}

.subtit {
    font-size: .14rem;
    margin-top: .1rem;
    font-weight: normal;
    font-weight: 300;
    text-align: center;
}

.savings {
    border-top: .2rem solid #f9f9f9;
    padding-bottom: .4rem;
}

.savings dt {
    font-size: .2rem;
    font-weight: 500;
    text-align: center;
    width: 100%;
}

.savings dt p {
    font-size: .14rem;
    margin-top: .1rem;
    font-weight: 300;
    color: #606266;
    text-align: center;
}

.savings dt p.tleft {
    text-align: left;
}

.savings .ui-row {
    padding: 0 .2rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.savings dl {
    width: 100%;
    margin-bottom: .2rem;
    background-color: #fff;
    position: relative;
    padding: .15rem;
    box-sizing: border-box;
    transition: all .5s;
    border: 1px solid #dcdfe6;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.savings dl .imgbox {
    align-self: flex-start;
    width: 100%;
    text-align: center;
}

.qualityDiv {
    /* margin-bottom: .4rem; */
    border-top: .2rem solid #f9f9f9;
    padding-bottom: .2rem;
}

.qualityDiv .hd {
    padding-top: .4rem;
}

.index .pgmod .hd {
    padding-top: .4rem;
}

.index .pgmod {
    margin-bottom: 0;
}

.pgmod {
    margin-bottom: .4rem;
    background: #f9f9f9;
    padding-bottom: .3rem;
}

.cgGallery {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: .4rem;
    padding: 0 .2rem;
}

.cgGallery a {
    width: 47%;
    /* box-shadow: 2px 2px 6px #aaa; */
    box-sizing: border-box;
    padding: .1rem;
    margin-bottom: .25rem;
}

/* .inQuteIndex .cgGallery a{ width: 47%; background:#fff;} */
/*  .inQuteIndex .pgmod{} */
.tlGallery {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 1% 2% .3rem;
}

.tlGallery a {
    width: 32.2%;
    /*box-shadow: 2px 2px 6px #aaa;*/
    box-sizing: border-box;
    margin-bottom: .1rem;
}


.inQuteIndex .pgmod {
    margin-bottom: 0;
    padding-bottom: 0rem;
}

.inQuteIndex .newF {
    margin-top: .5rem;
    padding-top: .4rem;
}

.inQuteIndex .newF .uText {}

.inQuteIndex .newE {
    padding-top: 0;
    background: #fff;
}

.inQuteIndex .newE .uText {
    background: #fff;
}

.inQuteIndex .newD {
    padding-top: .2rem;
}

.inQuteIndex .newD .uText {}

.inQuteIndex .pgmod {
    background: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
}

.templatePage .newF {
    margin-top: .5rem;
    padding-top: .4rem;
    /*background: #f9f9f9;*/
}

.templatePage .newF .uText {
    /*background: #f9f9f9;*/
}

.templatePage .newE {
    padding-top: 0;
    background: #fff;
}

.templatePage .newE .uText {
    background: #fff;
}

.templatePage .newD {
    padding-top: .2rem;
}

.templatePage .newD .uText {}

.templatePage .pgmod {
    background: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
    border-top: .2rem solid #f9f9f9;
}

.bgc_info {
    /* background-color: #f9f9f9; */
}

.laym {
    padding: 0 0 .3rem;
    margin-bottom: .3rem;
}

.item-4 {
    margin: 0 auto;
}

.item-4 h2 {
    font-size: .21rem;
    color: #e83611;
    font-weight: 700;
    padding: .2rem 0;
}

.item-4 ul {
    margin: .2rem;
}

.item-4 li {
    padding: .1rem .1rem;
    box-sizing: border-box;
    border: 1px solid #dcdfe6;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin-top: .2rem;
    transition: transform 0.85s ease;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}

.item-4 li .c {
    flex: 0 0 67%;
}

.item-4 li .pic {
    flex: 0 0 30%;
    padding-bottom: .1rem;
    text-align: center;
}

.item-4 li .pic img {
    width: 100%;
}

.item-4 li h3 {
    text-align: left;
    color: #000;
    font-weight: 400;
    margin-top: .1rem;
    border-bottom: 1px solid #eee;
    padding-bottom: .1rem;
    font-size: .16rem;
}

.item-4 li h3 i {
    font-style: normal;
    font-weight: normal;
    color: #888;
    font-size: .16rem;
}

.item-4 li p:first-of-type {
    padding-bottom: .15rem;
}

.item-4 li .desc {
    font-size: .13rem;
    line-height: 140%;
    margin-top: .1rem;
    /*word-break:break-all;*/
}

.item-4 li .red {
    color: #e83611
}


.baseStyle {
    border-top: .2rem solid #f9f9f9;
}

.baseStyle .hd {
    padding-top: .1rem;
}

.dpmod .hd {
    padding-top: .4rem;
}

.baseStyle .itemdp {
    margin: .2rem;
}

.baseStyle dl {
    text-align: center;
    margin-bottom: .6rem;
}

.baseStyle dt {
    font-weight: 700;
    font-size: .18rem;
    margin: .2rem 0 .1rem;
}

.dpmod dl a {
    align-self: flex-start;
}

/* .savingmod dl dt{ font-size: .16rem;} */

.pbomod {
    border-top: .2rem solid #f9f9f9;
}

.pbomod .hd {}

.pbomod .itemdp {
    margin: 0 .2rem .2rem;
}

.pbomod dl {
    text-align: left;
    margin-bottom: .2rem;
    border: 1px solid #dcdfe6;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: .2rem .1rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}

.pbomod dl>a {
    flex: 0 0 35%;
}

.opmod .imgbox {
    flex: 0 0 35%;
    align-self: flex-start;
}

.pbomod .c {
    flex: 0 0 62%;
}

.pbomod dt {
    font-weight: 600;
    font-size: .18rem;
    margin: 0 0 .1rem;
}

.hd .t .jst {
    font-size: .14rem;
    font-weight: 300;
    padding-top: .06rem;
    text-transform: none;
}


.customOptionbox {
    border-top: .2rem solid #f9f9f9;
}

.customOptionbox .ui-row {}

.customOptionbox .optionItem {
    margin: 0 .2rem;
}

.optionItem h2 {
    padding-bottom: .2rem;
    margin-top: .4rem;
}

.optionItem dd {
    display: none;
}

.optionItem dt {
    font-size: .16rem;
    color: #303133;
    position: relative;
    border-top: 1px solid #e4e7ed;
    font-weight: 700;
    padding: .2rem .5rem .2rem 0;
}

.optionItem dl {
    border-bottom: 1px solid #e4e7ed;
    margin-bottom: .2rem;
}

.optionItem dt:after {
    content: '\e727';
    font-family: "basefont";
    font-size: .18rem;
    position: absolute;
    right: 0;
    top: 46%;
    margin-top: -.07rem;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    color: #000;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    background-color: #fff;
    border-radius: .03rem;
}

.optionItem .bbotm {
    padding: .2rem 0 0;
}

.optionItem dd {
    display: none;
    border-bottom: 1px solid #e4e7ed;
    padding-bottom: .3rem;
}

.optionItem dt:first-of-type {
    border-top: 1px solid #e4e7ed;
}

.optionItem dt.active {
    color: #000;
    font-weight: 700;
}

.optionItem dt.active:after {
    font-size: .18rem;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    content: '\e729';
    background-color: #fff;
}

.optionItem dt.active+dd {
    border-bottom: none;
}

.optionItem dd p {
    text-align: left;
    padding: .1rem 0 0rem;
    /*word-break:break-all;*/
}

.optionItem dd li {
    margin-bottom: .1rem;
}

.optionItem .spimg {
    margin-bottom: .2rem;
}

.optionItem .btext {}

.optionItem .btext span {
    color: #000;
}



/*blog*/

.blogpage .hd:before {
    display: none;
}

.blogpage .hd {
    margin-bottom: 0;
    padding-top: .3rem;
    font-weight: 700;
}

.blogpage .bd {
    margin: 0 .2rem .3rem;
    text-align: center
}

.blogpage .bd p:before {
    content: "\e643";
    font-family: "basefont";
    position: absolute;
    right: 0;
    bottom: -.05rem;
    font-size: .3rem;
    color: #eee;
}

.blogpage .bd p:after {
    content: "\e643";
    font-family: "basefont";
    position: absolute;
    left: 0;
    top: -.1rem;
    font-size: .3rem;
    color: #eee;
    transform: rotate(180deg);
}

.blogpage .bd p {
    font-size: .2rem;
    display: inline-block;
    position: relative;
    padding: 0 .2rem;
}

.blogItem {
    width: 100%;
    margin: 0 auto;
    padding-bottom: .5rem;
    border-top: .2rem solid #f9f9f9;
}

.blogItem ul {
    margin: 0 .2rem .3rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.blogItem li {
    flex: 0 100%;
    overflow: hidden;
    padding: .1rem .1rem 0.05rem;
    box-sizing: border-box;
    margin-top: .2rem;
    background-color: #f9f9f9;
}

.blogItem li h3 {
    padding: .2rem 0;
    font-size: .14rem;
    text-align: center;
}

.blogItem li .pic {
    text-align: center;
}

body[pagename="blogpage"] .blogItem {
    width: 100%;
    margin: 0 auto;
    padding-bottom: .5rem
}

body[pagename="blogpage"] .blogItem ul {
    margin: 0 .2rem .3rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

body[pagename="blogpage"] .blogItem li {
    flex: 0 47.5%;
    overflow: hidden;
    padding: .1rem .1rem 0.05rem;
    box-sizing: border-box;
    margin-top: .2rem;
    background-color: #f9f9f9;
}

body[pagename="blogpage"] .blogItem li h3 {
    padding: .2rem 0;
    font-size: .14rem;
}

body[pagename="blogpage"] .blogItem li .pic {}

body[pagename="blogpage"] .blogItem li img {
    width: 100%;
}

.blogpage .fpage {
    text-align: center;
    font-size: .16rem;
}

.blogpage .fpage span {
    display: inline-block;
    color: #98a2b1;
    margin-right: .3rem;
}

.blogpage .fpage a {
    display: inline-block;
    color: #98a2b1;
    transition: color .5s;
    margin-right: .2rem
}

.blogpage .fpage a:hover {
    color: #000;
}

.artiCon {
    padding: 0 .3rem .5rem;
    max-width: 7rem;
    box-sizing: border-box;
}

.artiCon h2 {
    font-size: .24rem;
    padding: .5rem 0 .2rem;
    text-align: center;
    font-weight: 400;
}

.artiCon h2 span {
    font-weight: 300;
    display: block;
    font-size: .24rem;
}

.artiCon .pic {
    text-align: center
}

.artiCon .con {
    padding-top: .3rem;
}

.artiCon .con h3 {
    margin: .15rem 0;
    font-size: .24rem
}

.artiCon .con p {
    margin: .15rem 0;
}

.backblog {
    margin: .4rem 0 0;
    font-size: .2rem
}

.backblog a {
    color: #0066e2;
}


.moremod {
    text-align: center;
    margin-top: .3rem;
}

.moremod a {
    display: inline-block;
    width: 2rem;
    line-height: .44rem;
    background-color: #40a960;
    color: #fff;
}



.pageTit {
    padding: .2rem;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.pageTit h1 {
    font-weight: 700;
    font-size: .24rem;
    /* text-align: left; */
}

.pageTit .jst {
    /* text-align: left; */
}

/* .banner{}
.banner img{ width: 100% }
.banner .text{ font-size: .62rem; }
.banner .tl{ font-size: .24rem; } */

.banner {
    background-color: #dbd9d9;
}

.banner .con {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: .2rem;
}

.banner .con img {
    width: 100%;
}

.banner .con .text {
    width: 100%;
    text-align: center;
}

.banner .con h2 {
    font-size: .3rem;
    font-weight: 700;
    text-align: center;
}

.banner .con h2 .s1 {
    font-size: .21rem;
    display: block;
}

.banner .con h2 .s2 {
    line-height: 100%;
}

.banner .con .text p {
    display: inline-block;
    text-align: left;
    font-size: .16rem;
    line-height: 150%;
    margin-top: .2rem;
}

.banner .btnbox {
    margin-top: .3rem;
}

.banner .btnbox a {
    display: inline-block;
    font-size: .16rem;
    line-height: .54rem;
    color: #40a960;
    border: .02rem solid #40a960;
    cursor: pointer;
    background: #40a960;
    color: #fff;
    padding: 0 .2rem
}

.banner .btnbox a:hover {
    color: #fff;
    background-color: #40a960;
}


.inQuteIndex .flexwrap {
    margin-bottom: 0rem;
}

.inQuteIndex .dlItem {
    background-color: #f1f1f1;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.inQuteIndex .dlItem dl {
    margin: .2rem;
    font-size: .14rem;
    background-color: #fff;
    position: relative;
    padding: .2rem .15rem .15rem;
    box-sizing: border-box;
    transition: all .5s;
}

.inQuteIndex .dlItem .t {
    font-size: .28rem;
}

.inQuteIndex .dlItem dl dt {
    font-size: .18rem;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

.inQuteIndex .dlItem dl dd {
    font-size: .14rem;
    padding-top: .1rem;
    line-height: 180%;
    color: #666;
    line-height: 140%;
    text-align: center;
}

.inQuteIndex .dlItem dl .jiajia {
    text-align: center;
    color: #e83611;
    margin-bottom: .15rem;
    font-size: .12rem;
    line-height: 140%;
}

.inQuteIndex .dlItem dl .jiajia>span {
    color: #000;
    display: block;
}

.inQuteIndex .dlItem dl .jiajia+dd {
    margin-bottom: .15rem;
}

.stepTurn .dlItem dl .jiajia+dd {
    margin-bottom: .55rem;
}

.inQuteIndex .dlItem dl dd p {
    margin-top: .1rem;
}

.inQuteIndex .dlItem dl dd .price {
    /* background:#eaeaea; */
    padding: 0 .15rem .1rem;
    font-weight: bold;
    text-align: center;
    color: #40a960;
}

.inQuteIndex .dlItem dl dd p b {
    color: #000;
    font-size: .14rem;
}

.inQuteIndex .dlItem dl .mimg {
    text-align: center;
    margin-bottom: .15rem;
}

.inQuteIndex .dlItem dl .mimg img {
    width: 50%;
}

.inQuteIndex .dlItem .tags {
    font-size: 0;
    text-align: center;
    padding-top: .1rem
}

.inQuteIndex .dlItem .tags span {
    font-size: .14rem;
    display: inline-block;
    padding: .03rem .1rem;
    background: #09f;
    color: #fff;
    margin: .05rem;
}

.simTemplate .flexwrap {
    margin-bottom: 0rem;
}

.simTemplate .dlItem {
    background-color: #f1f1f1;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.simTemplate .dlItem dl {
    margin: .2rem;
    font-size: .14rem;
    background-color: #fff;
    position: relative;
    padding: .2rem .15rem .15rem;
    box-sizing: border-box;
    transition: all .5s;
}

.simTemplate .dlItem .t {
    font-size: .28rem;
}

.simTemplate .dlItem dl dt {
    font-size: .18rem;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

.simTemplate .dlItem dl dd {
    font-size: .14rem;
    /* padding-top: .1rem; */
    line-height: 180%;
    color: #666;
    line-height: 140%;
    text-align: center;
}

.simTemplate .dlItem dl .jiajia {
    text-align: center;
    color: #e83611;
    margin-bottom: .15rem;
    font-size: .12rem;
    line-height: 140%;
}

.simTemplate .dlItem dl .jiajia>span {
    color: #000;
    display: block;
}

.simTemplate .dlItem dl .jiajia+dd {
    margin-bottom: .15rem;
}

.stepTurn .dlItem dl .jiajia+dd {
    margin-bottom: .55rem;
}

.simTemplate .dlItem dl dd p {
    margin-top: .1rem;
}

.simTemplate .dlItem dl dd .price {
    /* background:#eaeaea ; */
    padding: 0 .15rem .1rem;
    font-weight: bold;
    text-align: center;
    color: #40a960;
}

.simTemplate .dlItem dl dd p b {
    color: #000;
    font-size: .14rem;
}

.simTemplate .dlItem dl .mimg {
    text-align: center;
    margin-bottom: .15rem;
}

.simTemplate .dlItem dl .mimg img {
    width: 50%;
}

.simTemplate .dlItem .tags {
    font-size: 0;
    text-align: center;
    padding-top: .1rem
}

.simTemplate .dlItem .tags span {
    font-size: .14rem;
    display: inline-block;
    padding: .03rem .1rem;
    background: #09f;
    color: #fff;
    margin: .05rem;
}


.simTemplate .pgmod {
    margin-bottom: .1rem;
    padding-bottom: .15rem;
}

.simTemplate .pgmod .cgGallery {
    margin-bottom: 0rem;
}

/*询价样式*/
.formbmod {
    background-color: #f9f9f9;
}

.xunjiaFormBox {
    margin: 0 auto;
}

.xunjiaFormBox .bold {
    font-weight: 500;
}

.pricingFormMod .leftbox .pic {
    padding: 0 .3rem;
    box-sizing: border-box;
    margin-bottom: .4rem;
}

.pricingFormMod .leftbox .pic img {}

.pricingFormMod .leftbox dl {
    background-color: #fff;
    margin-bottom: .1rem;
    border: 1px solid #eaeaea;
    padding: .1rem;
    box-shadow: 1px 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.pricingFormMod .leftbox dt {
    font-weight: 700;
    font-size: .18rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: .1rem;
    margin-bottom: .1rem;
}

.pricingFormMod .leftbox dd {
    padding-bottom: .05rem;
    font-size: .16rem;
}

.formbox {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    padding: .5rem .3rem .2rem;
}

.formbox h3 {
    font-size: .24rem;
    /* text-transform: uppercase; */
    padding-bottom: .1rem;
    margin-bottom: .05rem;
}

.formbox .thd {
    width: 93%;
    margin: 0 auto;
    margin-bottom: .2rem;
}

.formbox .thd h3 {
    color: #000;
    text-align: center;
    font-size: .24rem;
    font-weight: 700;
    padding-bottom: .1rem;
    margin-bottom: .05rem;
}

.formbox .thd p {
    text-align: center;
    font-size: .16rem;
}

.formbox .layui-form-item {
    width: 100%;
    vertical-align: top;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
    /* max-width: 63.5rem; */
    margin: 0;
}

.formbox .layui-input,
.formbox .layui-textarea {
    font-size: .18rem;
    border: none;
    height: .5rem;
    vertical-align: middle;
    padding-left: .15rem;
    padding-right: .15rem;
    border-radius: 0;
    margin: 0;
    margin-top: .23rem;
    width: 100%;
    font-weight: 500;
}

.formbox .layui-inline b,
.formbox .layui-input-block b {
    position: absolute;
    left: -.1rem;
    top: 0;
    line-height: .4rem;
    color: #E83611;
}

.formbox .layui-inline {
    position: relative;
    flex: 0 100%;
    margin: 0;
    margin-top: .15rem;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

.formbox .layui-inline button,
.formbox .layui-input-block button {
    margin-right: 0;
    width: 100%;
    display: block;
}

.formbox .layui-input-block {
    margin: 0;
    flex: 0 100%;
    margin-top: .15rem;
}

.formbox .threeCol {
    flex: 0 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.formbox .threeCol .layui-inline {
    flex: 0 43%;
    margin-top: .15rem;
}

.formbox .threeCol .tra {
    flex: 0 14%;
    float: left;
    line-height: .47rem;
    text-align: center;
    margin-top: .15rem;
}

.formbox .threeCol .tra span {
    display: block;
    line-height: 100%;
}

.formbox .threeCol .unit {
    position: absolute;
    right: .1rem;
    top: .25rem;
    font-size: .14rem;
}

.layui-form-select dl {
    font-size: .14rem
}

.layui-form-select dl {
    top: .72rem;
}

.layui-form-selectup dl {
    top: auto;
    bottom: .72rem;
}

.layui-form-select dl dd.layui-this {
    background-color: #000;
}

body .layui-laydate .layui-this {
    background-color: #000 !important;
}

.layui-select-title .layui-input {
    padding-right: .3rem;
}

.formbox .textareaBox {
    flex: 0 100%;
    height: 1.2rem;
}

.formbox .textareaBox textarea {
    box-sizing: border-box;
    min-height: .8rem;
    line-height: 140%;
    padding-top: .23rem;
}

.formbox .textareaBox .cd-label {
    background-color: #fff;
}

.cd-label {
    position: absolute;
    z-index: 2;
    display: inline-block;
    left: .15rem;
    top: .05rem;
    color: #777;
    transition: all .2s;
    font-size: .12rem;
    width: 90%;
    line-height: .24rem;
    font-weight: 400;
    /* background-color: #fff; */
}

.cd-label i {
    color: #e83611;
    padding-right: .03rem;
    font-size: .22rem;
    margin-right: .03rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: .04rem;
}

.cd-label.float {
    display: inline-block;
    color: 888;
}

.dateCtrl {
    position: relative;
}

.dateCtrl .dateOpacity {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}


.artioption {
    border: none;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    vertical-align: middle;
    background-color: #fff;
    width: 100%;
    margin-top: .2rem
}

.artioption dt {
    color: #303133;
    height: .4rem;
    margin: .1rem 0 .1rem;
    line-height: .4rem;
    padding-left: 0.1rem;
    font-size: .12rem;
    color: #909399;
}

.artioption dt:before {
    content: '\e66c';
    font-family: "basefont";
    font-size: .16rem;
    position: absolute;
    right: .1rem;
    top: 0;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    color: #606266;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.artioption dt {
    position: relative;
}

.artioption dd {
    display: none;
}

.artioption dd .radioitem {
    padding-bottom: .15rem;
    padding-left: .1rem
}

.artioption dd .radioitem * {
    font-size: .12rem;
}

.artioption dd .radioitem i {
    display: inline-block;
    padding-right: .06rem;
    vertical-align: top;
}

.artioption dd .radioitem span {
    cursor: pointer;
    display: block;
    padding-right: .15rem;
    margin-bottom: .15rem;
}

.artioption dd .radioitem i:before {
    content: '\e6d7';
    font-size: .16rem;
    font-family: "basefont";
    color: #aaa;
    font-style: normal;
}

.artioption dd .radioitem .ssel i:before {
    content: '\e657';
    color: #40a960
}

.artioption dt.active {
    color: #000;
}

.artioption dt.active:before {
    font-size: .16rem;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    color: #000;
}

.artioption dt.active+dd {}

.formbox .selectblock {
    flex: 0 100%;
}

.formbox .selectcus {
    /* padding-left: 1.46rem; */
}

.rowmodle {
    width: 100%;
}

.rowmodle .rowbox {
    /* display: none; */
}

.rowmodle .rowbox .textareaBox {
    width: 100%;
    border-top: .01rem solid #fff;
}

.layui-uploadbox {
    background: #fff;
    margin-top: .2rem;
    width: 100%;
    color: #333;
    box-sizing: border-box;
    border-radius: 0.02rem;
    display: inline-block;
    font-size: .15rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.layui-uploadbox label {
    color: #909399;
    padding-right: .08rem;
}

.layui-uploadbox a:hover label {
    color: #909399;
}

.layui-uploadbox a:hover {
    color: #000
}

.uploadImgView {
    flex: 0 100%;
    /*padding-bottom:.08rem; */
    padding-left: .1rem;
    box-sizing: content-box;
    text-align: left;
    width: 50%;
    border-top: 1px solid #eee;
}

.uploadImgView .thumbbox {
    display: inline-block;
    line-height: .32rem;
    padding-bottom: .02rem;
    font-size: .12rem;
    background-color: #f5f5f5;
    margin-top: .08rem;
    border-radius: .2rem;
    padding-right: .3rem;
    padding-left: .05rem;
    vertical-align: top;
}

.uploadImgView .thumbbox:before {
    content: '\e644';
    display: inline-block;
    margin: 0 .04rem 0 .02rem;
    font-family: "basefont";
}

.uploadImgView .thumbbox:nth-child(2n) {
    margin-bottom: .28rem;
}

.uploadImgView img {
    width: .3rem;
    background-color: #fff;
    height: .3rem;
    border-radius: .2rem;
    margin: .02rem;
}

.uploadImgView .delImg {
    color: #333;
    margin-top: .17rem;
    margin-left: -.26rem;
    margin-right: .17rem;
    background-color: #fff;
    padding: .02rem .02rem .01rem .02rem;
    border-radius: .2rem;
    cursor: pointer;
    font-size: .1rem;
}

.uploadImgView .delImg:hover {
    color: #fff;
    background-color: #e83611
}

.uploadFile {
    flex: 0 100%;
    padding-left: 0.1rem;
    line-height: .5rem;
    align-items: center;
    justify-content: center;
}

.uploadFile i {
    margin-right: .1rem;
    font-size: .2rem;
    vertical-align: middle;
    font-size: .24rem;
}

.nofile {
    line-height: .5rem;
}

.addfile {
    height: 34px;
    line-height: 34px;
    margin-top: .08rem;
    width: 81px;
    text-align: center;
    font-size: .24rem;
    border-radius: .06rem;
    vertical-align: top;
    background-color: #f5f5f5;
    color: #303133;
}

.file {
    display: inline-block;
    margin-right: .05rem;
}

.file:last-child {
    margin-bottom: .08rem;
}

.none {
    display: none;
}

.selects {
    display: block;
    position: relative;
    overflow: hidden;
    background: white;
    height: .67rem;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.selects:after {
    content: '';
    position: absolute;
    right: .11rem;
    width: 0;
    height: 0;
    top: .31rem;
    border-top: .06rem solid #000;
    border-left: .06rem outset transparent;
    border-right: .06rem outset transparent;
    z-index: 4;
}

.selects:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
    width: .3rem;
    height: 100%;
    z-index: 3;
}

.selects>select {
    position: relative;
    z-index: 2;
    width: 100%;
    height: .5rem;
    margin-top: .17rem;
    padding-right: 0;
    padding-left: .15rem;
    color: #000;
    background: transparent;
    background: rgba(0, 0, 0, 0);
    border: 0;
    -webkit-appearance: none;
    font-weight: 500;
    font-size: .18rem;
}

.selects>select:focus {
    color: #000;
    outline: 0;
}

.layui-btn {
    background-color: #40a960;
    height: .67rem;
    font-size: .18rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}

.formbox .buttonWrap {
    flex: 0 100%;
}

.queBtn {
    position: absolute;
    right: .05rem;
    top: 0;
    color: #888;
    cursor: pointer;
    line-height: .36rem;
    width: .16rem;
}

.upInfoQue {
    font-size: .16rem;
    left: 1.3rem;
}

.queBtn:hover {
    color: #000;
}


/*弹窗成功提示*/
.success_msg {
    text-align: center;
    padding: .3rem;
}

.success_msg .iconfont {
    font-size: 66px;
    color: #000;
    margin-bottom: .1rem;
}

.error_msg .iconfont {
    color: #E83611;
}

.success_msg h5 {
    font-weight: 700;
    font-size: .24rem;
    text-transform: uppercase;
    color: #000;
}

.error_msg h5 {
    color: #E83611;
}

.success_msg .desc {
    width: 3.2rem
}

.tips_msg {
    padding: .2rem .2rem .2rem .2rem;
}

.tips_msg h4 {
    font-size: .16rem;
    margin-bottom: .1rem;
    color: #E83611;
    font-weight: 500;
}

.tipsmsglayer {
    border: 2px solid #000;
    border-radius: .1rem !important;
}

#whw {
    color: #fff;
}

/*==========================首页结束==========================*/

/*====大标题样式====*/
.hd {
    position: relative;
    color: #000;
    font-size: .21rem;
    padding: .3rem .2rem .3rem;
    font-weight: 700;
    /*margin-bottom: .2rem;*/
    text-align: center;
}

/* .hd:before { content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -.4rem; width: .8rem; height: .02rem; background-color: #000; } */
.hd h2 {
    font-size: .21rem;
    font-weight: 700;
    text-align: center;
}

.hd span {
    color: #dc4430;
    font-size: .52rem;
}

.mod-text .bd {
    font-size: .16rem;
    text-align: center;
    padding: 0 .3rem;
}

.mod-text .bd p {
    margin: .15rem 0 0;
}

body[pageName="index"] .mod-text .bd p {
    font-weight: 300;
}

.qualityDiv .bd {
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.qualityDiv .bd img {
    width: 100%;
}

/*.qualityDiv .bd img{max-width: 5rem;margin-left: -.4rem;}*/




.yjh {
    font-size: .16rem;
    font-weight: 500;
    padding: .2rem 0 0;
    display: inline-block;
    position: relative;
}

/*.yjh:before { content: "\e643"; font-family: basefont; position: absolute; right: 0; top: .1rem; font-size: .3rem; color:#eee; }
.yjh:after { content: "\e643"; font-family: basefont; position: absolute; left: 0; top: .1rem; font-size: .3rem; color:#eee;transform:rotate(180deg); }*/
.tbc {
    width: 100%;
    font-size: .16rem;
    background: #000;
    color: #fff;
    padding: .1rem 0 .02rem;
    margin-top: .0rem;
    text-align: center;
    font-weight: 500;
}

.tbc .red {
    font-weight: bold;
}

.oInfo {
    padding-top: .3rem
}

.oInfo .tbc {
    margin-bottom: .6rem;
    margin-top: .3rem;
}

.oInfo .mtu {
    margin-bottom: .25rem;
    text-align: center;
}

.oInfo .mtu img {
    width: 90%
}

.oInfo dl {
    background-color: #fff;
    margin: .2rem .3rem .15rem .3rem;
    border: 1px solid #eaeaea;
    padding: .1rem 0;
    box-shadow: 1px 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.oInfo dt {
    font-weight: 700;
    font-size: .16rem;
    border-bottom: 1px solid #ccc;
    padding: 0 .15rem .1rem;
    margin-bottom: .1rem;
}

.oInfo dd {
    padding: 0 .15rem .1rem;
}

.successconWrap {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.mask {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .7);
}

.successcon {
    position: absolute;
    left: 0;
    right: 0;
    width: 90%;
    height: 78%;
    padding-bottom: 2%;
    background-color: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate(5%, 10%);
    transform: translate(5%, 5%);
}

.successcon .thkstext {
    padding: 0 .3rem 0rem;
}

.stepzcb .successcon li {
    padding: .09rem 0;
}

.btnClosesc {
    position: fixed;
    bottom: 3%;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    font-weight: 700;
}

.btnClosesc a {
    display: inline-block;
    width: 30%;
    line-height: .3rem;
    background-color: #40a960;
    color: #fff;
    border-radius: .5rem;
}

.s_size {
    margin-top: .3rem;
    margin-bottom: .3rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.s_size dl {
    flex: 0 48%;
}

.s_size dl:last-child {
    text-align: right;
}




/*mod-testi 客户留言*/
body[pageName="testimonials"] .mod-testi {
    margin-top: 0;
}

.testimonialsPage {
    background-color: #f9f9f9;
}

.mod-testi {
    margin-top: 0rem;
}

.mod-testi .bd {
    padding: .3rem 0 .6rem;
}

.mod-testi .more {
    text-align: center;
    margin-top: .1rem;
}

.mod-testi .more a {
    display: inline-block;
    width: 2rem;
    line-height: .44rem;
    background-color: #000;
    color: #fff;
    border-radius: .22rem;
}

.tItem {
    border: 1px solid #e3e3e3;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    margin: .2rem .2rem 0;
    box-sizing: border-box;
    background: #fff;
    transition: all 1s;
}

.tItem .face {
    width: 100%;
    display: block;
    vertical-align: top;
    text-align: center;
    margin-bottom: .2rem;
}

.tItem .face img {
    width: 100%;
    max-width: auto;
}

.tItem .con {
    display: inline-block;
    padding: 0 .2rem .2rem;
}

.tItem .con .zl {
    margin-bottom: .1rem
}

.tItem .con .name {
    font-weight: 700;
    font-size: .18rem;
    display: block;
    color: #000;
    padding-right: .4rem;
    position: relative;
}

.tItem .con .msgcon {}

.tItem .con .date {
    color: #666;
}

.mod-testi .swiper-slide {
    min-height: 120px;
}

.testimonials_ban .text {
    padding-top: 1.45rem;
    font-size: .82rem;
}

.testimonialsPage .mod-testi .bd {
    padding: 0rem 0 .4rem;
}

.testimonialsPage .mod-testi .yinyan {
    margin-bottom: .3rem;
    margin-top: .3rem;
    padding: 0 .2rem;
    text-align: left;
}


/*layer插件弹窗样式修改 start*/
.mod_nav {}

.mod_nav .layui-layer-setwin .layui-layer-close1 {
    background: none;
    margin-top: -1px;
    display: inline-block;
}

.mod_nav .layui-layer-setwin .layui-layer-close1:after {
    content: "\e66c";
    font-family: "basefont";
    font-size: 15px;
    color: #606266;
}


.mod_pop {
    border: 4px solid #000;
    border-radius: .08rem !important;
}

body .mod_pop .layui-layer-content {
    overflow: visible;
}

body .popFormskin .layui-layer-content {
    overflow: auto;
}

.mod_pop .layui-layer-title {
    background-color: #fff;
    border-top: 2px solid #E83611;
    font-weight: 500;
}

.mod_pop .layui-layer-setwin .layui-layer-close1 {
    background: none;
    margin-top: -1px;
    display: inline-block;
}

.mod_pop .layui-layer-setwin .layui-layer-close1:after {
    content: "\e66c";
    font-family: "basefont";
    font-size: 15px;
    color: #606266;
}

.mod_pop .layui-layer-dialog {
    border-radius: 6px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}

.layui-tab-brief>.layui-tab-title .layui-this {
    color: #E83611;
}

.layui-tab-brief>.layui-tab-more li.layui-this::after,
.layui-tab-brief>.layui-tab-title .layui-this::after {
    border-bottom: 2px solid #E83611;
}

.mod_pop .layui-layer-setwin {
    right: 0;
    top: 0;
}

.mod_pop .layui-layer-setwin .layui-layer-close2 {
    background: none;
    right: .08rem;
    top: .1rem;
}

.mod_pop .layui-layer-setwin .layui-layer-close2:before {
    content: "\e66c";
    font-family: "basefont";
    background-color: none;
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    display: inline-block;
    text-align: center;
    border-radius: .3rem;
    font-size: 28px;
    color: #333;
    margin-left: .03rem;
    margin-top: -.05rem;
    font-weight: 700;
    transition: background-color .5s;
}

.mod_pop .layui-layer-setwin .layui-layer-close2:hover:before {
    background-color: none;
    color: #E83611;
    opacity: .8;
}

.mod_pop .layui-form-radio>i:hover,
.mod_pop .layui-form-radioed>i {
    color: #000
}

/*layer插件弹窗样式修改 end*/

/*==========================子页面开始==========================*/

.patchoptionPage .mod-text {
    margin-bottom: .2rem;
}

.patchoptionPage .fourit {
    text-align: left
}


.fourit dl {
    background-color: #fff;
    margin: .2rem 0 .15rem 0;
    border: 1px solid #eaeaea;
    padding: .1rem 0;
    box-shadow: 1px 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.fourit dt {
    font-weight: 700;
    font-size: .16rem;
    border-bottom: 1px solid #ccc;
    padding: 0 .15rem .1rem;
    margin-bottom: .1rem;
}

.fourit dd {
    padding: 0 .15rem .1rem;
}

.patchoptionItem {
    padding: 0 .3rem;
    box-sizing: border-box;
}

.patchoptionItem ul {
    margin-bottom: .3rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.patchoptionItem li {
    flex: 0 46.5%;
    padding: .12rem;
    box-sizing: border-box;
    border: 1px solid #dcdfe6;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    margin-top: .2rem;
    transition: transform .85s;
}

.patchoptionItem li h3 span {
    color: #e83611;
    padding-left: 8px;
}

.patchoptionItem li .pic {
    overflow: hidden;
}

.patchoptionItem li h3 {
    text-align: center;
    color: #000;
    font-size: .14rem;
    font-weight: 500;
    margin-top: .1rem;
}

.banli {
    padding: 0 .2rem;
    box-sizing: border-box;
}

.banli ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.banli li {
    flex: 0 49.5%;
    box-sizing: border-box;
    margin-top: .2rem;
}

.banli li h3 span {
    color: #e83611;
    padding-left: 8px;
}

.banli li .pic {
    overflow: hidden;
}

.banli li .pic img {}

.banli li h3 {
    text-align: center;
    color: #000;
    font-size: .16rem;
    font-weight: 500;
    margin-top: .2rem;
}

.ppomod {
    background-color: #f9f9f9;
    padding-bottom: .5rem;
}

.ppomod .bd {
    padding-top: .5rem;
}

.ppomod .ppo {
    margin-top: .5rem;
    padding: .3rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.ppomod .ppo li {
    margin: .2rem 0;
    text-align: center;
    background-color: #fff;
    flex: 0 19%;
    padding: .15rem;
    box-sizing: border-box;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    transition: transform .85s;
}

.ppomod .ppo li:hover {
    transform: translateY(-.15rem);
}

.ppomod .ppo li i {
    display: inline-block;
    background-color: #000;
    color: #fff;
    font-style: normal;
    width: .3rem;
    line-height: .3rem;
    text-align: center;
    border-radius: .2rem;
    margin-right: .1rem;
    margin-bottom: .1rem;
    margin-top: .05rem;
}

.ppomod .ppo li p {
    text-align: left;
}

/**/

/*about*/
.aboutmod {
    padding: 0 .2rem;
}

.aboutmod .hd:before {
    display: none;
}

.aboutmod .hd {
    padding: .6rem 0 .3rem;
    font-size: .2rem;
    font-weight: 700;
}

.aboutmod .bd {
    position: relative;
    padding-top: .3rem;
    font-size: .14rem;
    margin-bottom: .3rem;
}

.aboutmod p {
    margin: 0rem 0 .2rem;
    text-align: center;
}

.aboutmod dl {
    margin-bottom: .4rem;
    margin: 0 0 .4rem;
    border-top: .01rem dashed #ddd;
    padding-top: .3rem;
}

.aboutmod dt {
    font-size: .21rem;
    font-weight: 700;
    margin-bottom: .1rem;
    text-align: center;
}

.aboutmod dt .jst {
    font-size: .14rem;
    font-weight: 400;
}

.aboutmod dd p {
    text-align: center;
    font-size: .14rem;
}

.aboutmod .pic {}

.aboutmod .pic img {
    box-sizing: border-box;
    margin-bottom: .1rem;
}

.red {
    color: #e83611;
}

/*faq*/
/*privacyPolicy*/
.faqmod .faqimgtit {
    margin-top: 0rem;
    margin-bottom: .4rem;
}

.privacyPolicy_mod .mod-text {}

.privacyPolicy_mod .hd {
    font-size: .2rem;
    padding-top: .6rem;
}

.privacyPolicy_mod .wvyp {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: .5rem
}

.itemdd dd {
    display: none;
}

.itemdd dl {
    border-bottom: 1px solid #e4e7ed;
    margin: .2rem .3rem .6rem;
}

.itemdd dt:before {
    content: '\e66c';
    font-family: "basefont";
    font-size: .18rem;
    font-weight: 300;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: .18rem;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    color: #606266;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.itemdd dt {
    border-top: 1px solid #e4e7ed;
    font-weight: 700;
    padding: .2rem .5rem .2rem 0;
    position: relative;
}

.itemdd dd {
    display: none;
    padding: 0;
    font-size: .14rem;
    border-bottom: 1px solid #e4e7ed;
    padding-bottom: .3rem;
}

.itemdd dt:first-of-type {
    border-top: .01rem solid #e4e7ed;
}

.itemdd dt.active {
    color: #000;
    font-weight: 700;
}

.itemdd dt.active:before {
    font-size: .18rem;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    color: #000;
}

.itemdd dt.active+dd {
    border-bottom: none;
}

/*contact*/
.acmod {
    background-color: #f9f9f9;
    padding: .4rem;
    margin-top: .4rem;
    margin-bottom: .4rem;
}

.acmod p {
    line-height: 200%
}

.contactPage .mod-text h3 {
    margin-bottom: .4rem;
}

.contactPage .mod-text .bd {
    margin-bottom: .4rem;
    margin-top: .4rem;
}

.contact_ban .text {
    padding-top: 1.5rem;
    font-size: .82rem;
}

.contact_mod {}

.messagebox {
    box-sizing: border-box;
    padding: 0rem 0 .4rem;
    border-bottom: 1px solid #ddd;
    background-color: #f9f9f9;
}

.messagebox .formbox {
    padding: .1rem .2rem .2rem;
}

.messagebox .mod-text h3 {
    padding-top: .3rem;
    margin-bottom: 0;
}

.layerOnline {
    display: none;
    color: #333;
}

.layerOnline h3 {
    font-weight: 500;
    line-height: .3rem;
    padding: 0.05rem .2rem;
    background-color: #444;
    color: #fff;
    border-bottom: 1px solid #eee;
    text-align: center;
    font-size: .16rem;
}

.layerOnline p {
    padding: .2rem .2rem 0;
}

.layerMsg {
    border: none;
    border-radius: 0 !important;
}

.layerMsg .msg {
    overflow: hidden;
}

.layerMsg .layui-inline {
    margin-top: 0;
    margin-bottom: 0;
}

.layerMsg .layui-form-item {
    margin-bottom: 0;
}

.layerMsg .layui-form {
    padding: .05rem .2rem .2rem;
}

.layerMsg .row2 {
    overflow: hidden;
    font-size: 0;
}

.layerMsg .row2 .layui-inline {
    width: 49%;
    display: inline-block;
    font-size: .14rem;
    margin-left: 2%;
    box-sizing: border-box;
}

.layerMsg .row2 .layui-inline:first-child {
    margin-left: 0;
    display: inline-block;
}

.layerMsg .row2 .layui-inline:last-child {
    display: inline-block;
}

.layerMsg .row2 .layui-input {
    display: inline-block;
}

.layerMsg .layui-layer-setwin .layui-layer-close2::before {
    content: "\e729";
    color: #fff;
    font-size: 20px;
}

.layerMsg .layui-layer-setwin .layui-layer-close2:hover::before {
    color: #fff;
    opacity: .6;
}

.layerMsg .textareaBox {
    margin-bottom: .1rem;
}

.layerMsg .textareaBox textarea {
    min-height: auto;
    height: .75rem;
}

.submitBtn .layui-btn {
    background-color: #40a960;
}

#focus2 {
    margin-top: 20px;
}

.sp-mask {
    border: 1px solid #eee;
    border-right: none;
    box-sizing: border-box;
}

.sp-thumbnails-container {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}

.sp-thumbnail-container {}

.sp-thumbnail {
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    padding: .05rem;
    height: 100%;
    box-sizing: border-box;
    background-color: #fff;
}

.sp-left-thumbnails .sp-thumbnail-container:last-child,
.sp-right-thumbnails .sp-thumbnail-container:last-child .sp-thumbnail {
    border-bottom: 0;
}

.sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
    margin: 0;
}

.sp-thumbnail img {
    height: 99.2%;
    width: 100%;
}

.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
    left: 0;
}

.sp-selected-thumbnail .sp-thumbnail:before {
    content: '';
    position: absolute;
    height: 100%;
    border-left: 5px solid #F00;
    left: 0;
    top: 0;
    margin-left: -5px;
    border-color: #000;
    display: none;
}

.sp-selected-thumbnail .sp-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: 50%;
    margin-top: -8px;
    border-right: 13px solid #000;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    display: none
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail::before,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail::after {
    display: none;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail .sp-thumbnail {
    background-color: #000;
}

.sp-image-container {
    box-sizing: border-box;
    padding: .08rem .1rem .11rem .09rem;
    background-color: #fff;
}

.sp-arrow {}

.sp-previous-arrow::before,
.sp-previous-arrow::after,
.sp-next-arrow::before,
.sp-next-arrow::after {
    background-color: #000;
}

.sp-right-thumbnails.sp-has-pointer {
    margin-left: 0
}

.fixedNav {
    position: fixed;
    top: .5rem;
    height: 90%;
    overflow-y: auto;
    z-index: 0;
    display: block
}

/*留言列表无缝滚动*/
/* .liMarqueeBox { height: 200px; }
.str_wrap { overflow: hidden; width: 100%; position: relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space: nowrap; }
.str_wrap.str_active { }
.str_move { white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move; }
.str_move_clone { display: inline-block;  vertical-align: top; position: absolute; left: 100%; top: 0; }
.str_vertical .str_move_clone { left: 0; top: 100%; }
.str_down .str_move_clone { left: 0; bottom: 100%; }
.str_vertical .str_move,
.str_down .str_move { white-space: normal; width: 100%; }
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move { cursor: inherit; } */


.ui-row {
    width: 100%;
    margin: 0 auto;
}

.templatePage .bgc_gallery {
    margin-top: 0;
}

.templatePage .banner {
    background-color: none;
    height: auto;
    overflow: hidden;
    /*padding: .3rem .2rem 0;*/
}

.templatePage .banner img {
    box-sizing: border-box;
}

.templatePage .banner img:first-child {
    margin-bottom: .3rem;
}

.templatePage .banner img:last-child {
    margin-bottom: 0;
}

.titleName {
    line-height: 1.2rem;
    font-size: .42rem;
    text-align: center;
    font-weight: 500;
    color: #000;
    border-bottom: 1px solid #eee;
}

.crumb {
    padding: .2rem 0;
    font-size: .22rem;
}

.crumb i {
    font-family: 'basefont';
    font-style: normal;
    font-size: .18rem;
    vertical-align: middle;
    padding: 0 .1rem;
}

.crumb label {
    color: #e83611;
}

.mainfunc {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.spic {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
    margin-top: .1rem;
}

.spic a {
    flex: 0 14%;
}

.mainfunc .introh {
    padding: 0 .2rem 0;
}

.mainfunc dt {
    text-align: center;
    padding-top: .4rem;
    padding-bottom: .2rem;
}

.mainfunc dd {
    text-align: center;
    padding-top: 0rem;
    padding-bottom: .2rem;
}

.mainfunc dd:last-child {
    padding-bottom: 0;
}

.bgc_info {
    /* background-color: #f5f5f5; */
    padding: 0 0 .3rem;
}

/* .item{ width: 100%;}
.item ul{ margin-bottom: .3rem; }
.item li{ margin:.2rem .3rem;box-sizing: border-box;background-color: #f5f5f5;margin-top: .2rem;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: unset;}
.item li .pic{ flex:0 .88rem; margin-top: .05rem;}
.item li .conit{ flex:0 69%; padding-left: .15rem; box-sizing:border-box;}
.item li h3 { color: #000; font-weight: 600; font-size: .15rem; }
.item li h3 i{ font-style:normal; font-weight: normal; color: #888; font-size: .16rem; }
.item li .desc{ font-size: .14rem; line-height: 140%; margin-top: .05rem; }
.item li .red{ color: #e83611 } */

.bgc_info .item li {
    background-color: #fff;
}


.hdt {
    position: relative;
    margin-top: .5rem;
    padding-left: .2rem;
    padding-right: .3rem;
    padding-bottom: .2rem;
    margin-bottom: .4rem
}

.hdt h2 {
    font-size: .24rem;
    font-weight: 700;
    color: #000;
    text-align: center;
}

.hdt h2:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -.4rem;
    width: .8rem;
    height: .02rem;
    background-color: #000;
}

.hdt .sharebox {
    position: absolute;
    right: 0;
    top: 0;
}

.hdt .more {
    position: absolute;
    right: 0;
    top: .13rem;
    display: none;
}

.hdt .more:hover {
    color: #000
}

.otherPro {
    margin-bottom: .2rem;
    /* background-color: #f5f5f5; */
    border-top: .2rem solid #f9f9f9;
}

.otherPro ul {
    margin: 0 .3rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.otherPro li {
    flex: 0 100%;
    margin-bottom: .2rem;
    display: none;
    background-color: #f9f9f9;
}

.otherPro li img {
    width: 100%;
}

.otherPro li h3 {
    text-align: center;
    font-weight: 700;
    margin-top: .14rem;
}

.otherPro li p {
    text-align: left;
    margin-top: .1rem;
    font-size: .14rem;
    padding: 0 .14rem .2rem;
    line-height: 150%;
}

.otherPro li p strong {
    font-weight: 600;
    display: inline-block;
}

.otherPro li:hover a {
    color: #000;
}

/* .two_row_img .hd .jst{ font-size: .16rem; }
.two_row_img { margin-bottom: .2rem; }
.two_row_img ul{ margin: 0 .3rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: unset;}
.two_row_img li{ flex: 0 46.5%; margin-bottom: .2rem; }
.two_row_img li p{ text-align: center; margin-top: .1rem; }
.two_row_img li:hover a{ color: #000; }
 */



/* 
.bgc_htma{ padding:0rem .3rem .2rem;}
.item-3{ margin:0 auto;}
.item-3 ul{ margin-bottom: .3rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: unset; }
.item-3 li{ flex:0 46.5%; box-sizing: border-box; border:1px solid #dcdfe6; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); background-color: #fff;  margin-top: .2rem; transition: transform 0.85s ease;}
.item-3 li h3 { color: #000; padding:.2rem .1rem; font-size: .16rem; } */




/* .cateSide{ background-color: #f9f9f9; width: 2.3rem; position: absolute; top:.2rem; left:0; padding:.1rem; overflow-y: auto; overflow-x: hidden;  }
.cateSide ul{padding-bottom: .5rem;}
.cateSide li{ line-height: .3rem; }
.cateSide li:hover a{ color: #000; cursor: pointer; }
.cateSide .sel a{ color: #000; cursor: pointer; } */
.item-5 {
    margin: 0 auto;
}

.item-5 .ui-row {
    position: relative;
}

.item-5 .cusitem {
    margin-bottom: .3rem;
    margin: 0 .2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.item-5 .cusitem li {
    flex: 0 47.5%;
    vertical-align: top;
    box-sizing: border-box;
    border: 1px solid #dcdfe6;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin-top: .2rem;
    transition: transform 0.85s ease;
}

.item-5 .cusitem li h3 {
    color: #000;
    font-weight: 500;
    margin-top: .1rem;
    padding: 0 .1rem .1rem;
    font-size: .15rem;
    word-break: break-all;
}

.item-5 .cusitem li div {
    display: none;
    font-size: .14rem;
    margin-top: .1rem;
}

.item-5 .cusitem li .red {
    color: #e83611
}


.pricing {
    background-color: #f1f1f1;
}

.pricing .pageTit {
    background-color: #fff;
    margin-bottom: .3rem;
}

.eo2 {
    font-size: .2rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: .1rem;
    margin-top: .3rem;
}

.eo2 span {
    color: #40a960;
}

.dcItem {
    font-size: 0;
    display: flex;
    box-sizing: border-box;
    padding-top: .2rem;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    margin-bottom: .3rem;
    background-color: #f1f1f1;
}

.dcItem .tags {
    font-size: 0;
    text-align: center
}

.dcItem .tags span {
    font-size: .14rem;
    display: inline-block;
    padding: .03rem .1rem;
    background: #09f;
    color: #fff;
    margin: .05rem;
}

.dcItem .each {
    text-align: center;
    color: #40a960;
    border-top: .01rem solid #eee;
    border-bottom: .01rem solid #eee;
    padding-top: .1rem;
    margin-bottom: .1rem;
    padding-bottom: .1rem;
    margin-top: .15rem;
}

.dctit span {
    font-weight: 400;
    font-size: .14rem;
}

.dcItem dl {
    margin-left: .2rem;
    margin-right: .2rem;
    vertical-align: top;
    display: inline-block;
    font-size: .14rem;
    margin-bottom: .2rem;
    background-color: #fff;
    position: relative;
    padding: .15rem .15rem .8rem;
    box-sizing: border-box;
    border: .02rem solid #fff;
    transition: all .5s;
}

.dcItem dl dt {
    font-size: .16rem;
    font-weight: bold;
    line-height: 120%;
}

.dcItem dl dd {
    font-size: .14rem;
    padding-top: .1rem;
    line-height: 180%;
    color: #666;
    line-height: 140%;
}


.dcItem dl .mimg {
    text-align: center;
    margin-bottom: .15rem;
}

.dcItem dl .mimg img {
    width: 80%;
}

.dcItem dl .dlBottom {
    position: absolute;
    left: 0;
    bottom: .15rem;
    width: 100%;
    text-align: center;
}

.dcItem dl .selectbtn {
    line-height: .45rem;
    height: .45rem;
    border: .02rem solid #40a960;
    color: #40a960;
    font-weight: bold;
    display: inline-block;
    width: 76%;
    text-align: center;
    transition: all .5s;
    cursor: pointer;
    /* border-radius: .04rem; */
}

.dcItem dl .selectbtn i:after {
    content: "\e6e7";
    font-family: "basefont";
    font-size: 0rem;
    font-style: normal;
}

.dcItem dl .selectbtn:hover {
    background-color: #40a960;
    color: #fff;
}

.dcItem dl .selectbtn:hover i:after {
    font-size: .18rem;
}

.dcItem dl .selectbtn:hover span {
    display: none;
}

.dcItem dl.cur .selectbtn {
    background-color: #40a960;
    color: #fff;
}

.dcItem dl.cur .selectbtn i:after {
    font-size: .18rem;
}

.dcItem dl.cur .selectbtn span {
    display: none;
}

.dcItem dl.disable dt,
.dcItem dl.disable .mimg,
.dcItem dl.disable .jiajia,
.dcItem dl.disable dd {
    opacity: .5;
}

.dcItem dl.disable .selectbtn {
    display: none;
}

.dcItem dl.disable .disInfo {
    height: .29rem;
    padding: .1rem;
    line-height: 120%;
    font-size: .12rem;
    background: #e9f4fa;
    color: #09f
}

.dcItem dl.disable .disInfo:before {
    content: "\e64d";
    font-family: basefont;
    display: inline-block;
    vertical-align: top;
    margin-right: .05rem;
    font-size: .16rem;
}


.tsbox {
    background-color: #000;
}

.tsbox .stepProcessWrap {
    padding: .05rem 0 .07rem;
    background-color: #000;
}

.tsbox .stepProcess {
    margin: 0 .1rem 0 .06rem;
    position: relative;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    flex-wrap: wrap;
    transition: all .1s;
}

.tsbox .stepProcess::before {
    content: "";
    height: .03rem;
    position: absolute;
    top: .13rem;
    left: 5%;
    z-index: 0;
    background-color: #eee;
}

.tsbox .stepProcess {
    position: relative;
}

.tsbox .stepProcess dl::after {
    content: "";
    width: 142%;
    height: .03rem;
    position: absolute;
    top: .13rem;
    z-index: 0;
    background-color: #eee;
}

.tsbox .stepProcess dl:nth-child(4):after {
    width: 170%;
}

.tsbox .stepProcess dl:nth-child(5):after {
    width: 0%;
}

.tsbox .stepProcess dl {
    position: relative;
    z-index: 1;
    text-align: center;
    cursor: pointer;
}

.tsbox .stepProcess dt {
    width: .28rem;
    height: .28rem;
    font-size: .18rem;
    display: inline-block;
    border-radius: .4rem;
    line-height: .28rem;
    text-align: center;
    color: #fff;
    font-weight: 400;
    background-color: #e1e1e1;
    position: relative;
    z-index: 1;
}

.tsbox .stepProcess dl:nth-child(5) dt {
    right: -.12rem;
}

.tsbox .stepProcess dd {
    font-size: .11rem;
    font-weight: 500;
    margin-top: .05rem;
    color: #fff;
}

.tsbox .stepProcess .step-ready dt,
.tsbox .stepProcess .step-reached dt {
    background-color: #40a960;
}

.tsbox .stepProcess dl i:after {
    content: "\e6e7";
    font-family: "basefont";
    font-size: 0rem;
    font-style: normal;
}

.tsbox .stepProcess .step-ready i:after {
    font-size: .18rem;
}

.tsbox .stepProcess .step-ready::after {
    background-color: #40a960;
}

.tsbox .stepProcess .step-ready span {}



body .fancybox-image {
    padding: .2rem;
    background-color: #fff;
}

.htpp .item li .pic {
    flex: 0 26%;
    margin-top: 0;
}

.htpp .item li .conit {
    flex: 0 73%;
    text-align: center;
    padding-top: .12rem;
    box-sizing: border-box;
    padding-left: 0;
}


.scrollable::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.scrollable::-webkit-scrollbar-button {
    background-color: #FF7677;
    display: none;
}

.scrollable::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 1);
}

.scrollable::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 4px;
}

.scrollable::-webkit-scrollbar-corner {
    background: #82AFFF;
    display: none;
}

.scrollable::-webkit-scrollbar-resizer {
    background: #FF0BEE;
}

.scrollable::scrollbar {
    width: 4px;
    height: 4px;
}

.scrollable::scrollbar-button {
    background-color: #FF7677;
    display: none;
}

.scrollable::scrollbar-track {
    background: rgba(255, 255, 255, 0.7);
}

.scrollable::scrollbar-thumb {
    background: #aaa;
    border-radius: 4px;
}

.scrollable::scrollbar-corner {
    background: #82AFFF;
    display: none;
}

.scrollable::scrollbar-resizer {
    background: #FF0BEE;
}


/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
.successcon::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #f5f5f5;
}

/*定义滚动条的轨道，内阴影及圆角*/
.successcon::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

/*定义滑块，内阴影及圆角*/
.successcon::-webkit-scrollbar-thumb {
    /*width: 10px;*/
    height: 20px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

.layui-layer {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.empty {
    font-size: 18px;
    text-align: center;
    width: 100%;
    margin: 30px 0;
    color: #666;
}

.layui-inline {
    overflow: hidden;
}

.paging {
    display: flex;
    justify-content: center;
}