/*全局控制*/



* {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
div, dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
h1, h2, h3, h4, h5, h6,
pre, code, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
p, blockquote, th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0;
}
/** 设置默认字体 **/

button, input, select, textarea /* for ie */ {
    font: 14px/1.5 ;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

address, cite, dfn, em, var {
    font-style: normal;
}
/* 将斜体扶正 */
code, kbd, pre, samp {
    font-family: courier, courier, monospace;
}
/* 统一等宽字体 */
small {
    font-size: 12px;
}
/* 小于 12px 的中文很难阅读，让 small 正常化
*/
table, td, tr, th {
    font-size: 13px;
}

caption, th {
    text-align: left;
}

html {
    word-break: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}
/** 重置列表元素 **/
ul, ol, li {
    list-style: none;
}

li {
    list-style-type: none;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

address, caption, cite, code, dfn, em, th, var, optgroup {
    font-weight: normal;
    font-style: normal;
}

del, ins {
    text-decoration: none;
}
/** 重置文本格式元素 **/
a {
    color: #333;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}
    /* a:visited {color:#000;text-decoration:none;} */
    a:hover {
        text-decoration: none;
    }
/* a:active {color:#666;} */
/** 重置表单元素 **/
legend {
    color: #666;
}
/* for ie6 */
fieldset, img {
    border: 0;
    max-width: 100%;
}
/* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
    font-size: 100%;
}
/* 使得表单元素在 ie 下能继承字体大小 */
sup {
    /*vertical-align: text-top;*/
}
/* 重置，减少对行高的影响 */
sub {
    vertical-align: text-bottom;
}
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/** 清除浮动 **/
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: none;
}

body {
    font-size: 1.04vw;
    overflow-x: hidden;
    width: 100%;
    background: #fff;
   font-family: Hiragino Sans GB,Microsoft Yahei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 300;
    color: #000;
    position: relative;
}

input[type="text"], textarea {
    -webkit-appearance: none;
}

input {
    _background: #fff;
}

textarea {
    background: #fff;
}

select {
    *background: #fff;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.bl1 {
    clear: both;
    height: 1px;
    overflow: hidden;
    display: block;
}

.bl5 {
    clear: both;
    height: 5px;
    overflow: hidden;
    display: block;
}

.bl10 {
    clear: both;
    height: 10px;
    overflow: hidden;
    display: block;
}

.bl15 {
    clear: both;
    height: 15px;
    overflow: hidden;
    display: block;
}

.bl20 {
    clear: both;
    height: 20px;
    overflow: hidden;
    display: block;
}

.bl30 {
    clear: both;
    height: 30px;
    overflow: hidden;
    display: block;
}

.bl40 {
    clear: both;
    height: 40px;
    overflow: hidden;
    display: block;
}

.bl50 {
    clear: both;
    height: 50px;
    overflow: hidden;
    display: block;
}

.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.dis {
    display: block;
}

.undis {
    display: none;
}

.cl {
    clear: both;
}

.fb {
    font-weight: bold;
}

.fnb {
    font-weight: 200;
    margin-left: -1px;
}

.hr_1, .hr_10 {
    font-size: 1px;
    line-height: 1px;
    clear: both;
}

html {
    font-size: .78125vw;
    /* overflow: hidden */
}

@media (min-width: 2561px) {
    html {
        font-size: 20px
    }
}

@media (max-width: 1024px) {
    html {
        font-size: .97656vw
    }
}

@media (max-width: 768px) {
    html {
        font-size: 1.30208vw
    }
}

@media (max-width: 414px) {
    html {
        font-size: .28rem;
    }
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    outline: none;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
    text-align: left;
}

.aui-ellipsis {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.aui-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.aui-ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

._block {
    display: block;
}

.d-flex {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.align-items-center {
    align-items: center;
    -webkit-align-items: center;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
}

.justify-content-center {
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit--moz-box-pack: center;
}

.justify-content-space-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-box-pack: space-between;
    box-pack: space-between;
    -webkit--moz-box-pack: space-between;
}

.flex-direction-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-end {
    justify-content: flex-end;
}

.flex-align-end {
    align-items: flex-end;
}

.position-relative {
    position: relative;
}

.backimage {
    background-repeat: no-repeat;
    background-size: cover;
}

.ft14 {
    font-size:14px;
}

.ft18 {
    font-size:18px;
}

.ft16 {
    font-size: 16px!important;
}

.ft20 {
    font-size: 20px;
}
.ft22{
        font-size: 22px;
   }

.ft24 {
   font-size: 24px;
}

.globalheader {
    padding: 0 8.35%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 210;
    width: 100%;
    height: 5.31vw;
    border-bottom: #fff 1px solid;
}

    .globalheader .logo img {
        width: 7.75vw;
        display: block;
    }

        .globalheader .logo img.img2 {
            display: none;
        }

    .globalheader .nav > li {
        float: left;
        margin: 0 2.60vw;
    }

        .globalheader .nav > li > a {
            line-height: 5.31vw;
            transition: all .5s ease;
            position: relative;font-weight: 500;
            display: block; color:#fff;
        }

        .globalheader .nav > li.on > a, .globalheader .nav > li:hover > a {
            color: #C31821 !important;
        }

            .globalheader .nav > li.on > a::after, .globalheader .nav > li:hover > a::after {
                opacity: 1;
            }

        .globalheader .nav > li > a::after {
            content: '';
            width: 100%;
            height: 4px;
            background: #C31821;
            position: absolute;
            bottom: 0;
            left: 0;
            opacity: 0;
            transition: opacity .5s ease;
        }

.globalnav-list .login {
    margin-left: 16px; color:#fff;
}
.globalnav-list .login a{color:#fff; font-weight:bold;}

.search-icon {
    margin-right: 28px;
    width: 1.56vw;
    height: 1.56vw;
    background: url(/static/picture/searchIco.png) no-repeat center;background-size:86%;
}

    .search-icon.on {
        background: url(/static/picture/colse.png) no-repeat center;
		background-size:86%;
		
    }

.globalnav-menutrigger {
    margin-left: 1.04vw;
    width: 27px;
    display: none;
}

    .globalnav-menutrigger .img2 {
        display: none;
    }

.lang-check {
    font-weight: bold;
    color: #C31821;
}

.lang-list {
    position: absolute;
    display: none;
	width:60px;padding-top: 5px;
    font-weight: 500;
}

    .lang-list a:hover, .login a:hover {
        color: #C31821;
    }

.globalnav-list .search {
    display: none;
    height: 2.60vw;
    width: auto;
    vertical-align: top; float:none; padding:0;
}

    .globalnav-list .search input {
        vertical-align: top;
        display: inline-block;
        width: 280px;
        height: 100%;
        padding: 0 20px;
        border-radius: 2px;
        background: #fff;
        border: none;
        font-size: 15px;
        color: #666;
    }

    .globalnav-list .search button {
        vertical-align: top;
        display: inline-block;
        width: 96px;
        height: 100%;
        background-color: #C31821;
        border: none;
        color: #fff;
        font-size: 15px;
        margin-left: 10px;
        margin-right: 20px;
        border-radius: 2px;
    }
#_header1_liSolutions,#_header1_liServices,#_header1_liServices,#_header1_liCommunitys,#_header1_liAbouts{ position:relative;}
.styleNav{display:none; position:absolute;
    top: 100%;
    left: 52%;
    transform: translateX(-50%);
    z-index: 200;
    background-color: #fff;
    /*border-top: 2px solid #C31821;*/
    padding: 10px 0;
}
/*.styleNav::before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #C31821;
    border-right: 8px solid transparent;
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
}*/
.styleNav>li{
	display: block;
	width: 298px;
	height: 40px;
	position: relative;
}
.styleNav>li>a{
	display: block;
	line-height: 40px;
	font-size: 15px;
	color: #333;
	padding: 0 40px 0 18px;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow: hidden;
	background-image: url(/static/picture/right1.png);
	background-repeat: no-repeat;
	background-position: 276px center;
	background-size: 7px 14px;
}
.styleNav>li>a.active{
	background-image: url(/static/picture/right2.png);
	background-color: #C31821;
	color: #fff;
}
.styleNav>li:hover>a{
	background-image: url(/static/picture/right2.png);
	background-color: #C31821;
	color: #fff;
}
.styleNav>li img{
	display: inline-block;
	width: 20px;
	margin-right:10px;
}
.styleNav>li:hover>a .img1{ display:none;}
.styleNav>li:hover>a .img2{ display:inline-block !important;}

.styleNav>li>ul>li>ul{
	display: none;
	height: auto;
	position: absolute;
	top: 0;
	left: 100%;
	background: rgba(56, 66, 82, 0.95);
	padding: 11px 0;
}
.styleNav>li>ul>li>ul>li{
	display: block;
	width: 316px!important;
	height: auto;
	position: relative;
}
.styleNav>li>ul>li>ul>li>a{
	display: block;
	width: 100%;
	height: 40px;
	padding: 0 64px 0 22px;
	line-height: 40px;
	font-size: 15px;
	color: #b7c1cf;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow: hidden;
	position: relative;
}
.styleNav>li>ul>li>ul>li:hover>a{
	color: #fff;
}
.styleNav>li>ul>li>ul>li>a.active{
	color: #fff;
}
.styleNav>li>ul>li>ul>li>a.active::before{
	content: "";
	display: block;
	width: 2px;
	height: 16px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
}
.styleNav>li>ul>li>ul>li:hover>a::before{
	content: "";
	display: block;
	width: 2px;
	height: 16px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
}
.styleNav>li>ul>li>ul>li>span{
	display: block;
	width: 34px;
	height: 14px;
	position: absolute;
	right: 18px;
	top: 50%;
	margin-top: -7px;
	text-align: center;
	line-height: 14px;
}


.main {
}

.banners {
    position: relative;
    overflow: hidden;
    width: 100% !important;
}

    .banners .slide,
    .banners .swiper-slide {
        width: 100% !important;
		height: 41.56vw;
        /* height: 710px; */
    }

    .banners a {
        display: block;
    }

    .banners .dot_style {
        position: absolute;
        width: 100%;
        text-align: center;
        z-index: 10;
        bottom: 3%;
    }

    .banners .swiper-pagination-bullet {
        width: 32px;
        height: 3px;
        opacity: 1;
        background: #fff;
        border-radius: 0;
        transition: all .3s ease;
    }

    .banners .swiper-pagination-bullet-active {
        width: 46px;
        background: #C41721;
    }
	.origin-video-box{height: 46.88vw; overflow: hidden;} 
.origin-video-box .video-js .vjs-big-play-button{width: 5.00vw; height: 5.1vw;}
.banners  .button-prev,.banners  .button-next{position:absolute; top:50%;transform:translateY(-50%); width:54px; height:54px; z-index:10;}
.banners  .button-next{ right: 9.3vw; background:url(/static/picture/btn1-r.jpg) no-repeat;}
.banners  .button-prev{ left: 9.3vw;background:url(/static/picture/btn2-r.jpg) no-repeat;}
.indexProduct {
    padding: 4.17vw 13.5% 0;
    background: url(/static/picture/bg1.jpg) no-repeat;
    background-size: cover;
}

.divTitle b {
    font-weight: bold;
    color: #000000;
    font-size: 2.50vw;
}

.divTitle em {
    font-weight: bold;
    color: #AFAFAF;
    opacity: 0.1;
    font-size: 3.13vw;
    text-transform: uppercase;
    margin-top: -2.5vw;
}

.productList {
    margin-top: 2vw;
}

    .productList dl {
        float: left;
        width: 20.83vw;
        height: 18.75vw;
        position: relative;
    }

    .productList dt {
        position: relative;
        height: 100%;
        z-index: 1;
        padding: 0 1.56vw;
    }

        .productList dt img {
            height: 4.69vw;
            display: block;
            margin: 0 auto 1.04vw;
            transition: all .5s ease;
        }

        .productList dt .img2 {
            display: none;
        }

        .productList dt h4 {
            text-align: center;
            font-weight: bold;
            color: #333333;
            transition: all .5s ease;
        }

        .productList dt p {
            font-weight: 500;
            margin-top: 10px;
            color: #FEFEFE;
            opacity: 0;
            line-height: 160%;
            transition: all .5s ease;
        }

    .productList dd {
        opacity: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: all .8s ease;
    }

    .productList dl:hover dd {
        opacity: 1;
    }

    .productList dl:hover .img2 {
        display: block;
        transform: translateY(-1.5vw);
    }

    .productList dl:hover .img1 {
        display: none;
    }

    .productList dl:hover dt p {
        opacity: .8;
        transform: translateY(-1.5vw);
    }

    .productList dl:hover dt h4 {
        color: #fff;
        transform: translateY(-1.5vw);
    }

.soluPic {
    width: 65%;
}

.soluList {
    width: 35%;
    background: #FFFFFF;
    padding-top: 3.13vw;
}

.soluPic dl img {
    display: block;
    width: 100%;
}

.soluPic dd {
    position: relative;
    padding: 0 4.60vw 0 8.33vw;
    width: 100%;
    height: 9.48vw;
    background: rgba(0,0,0,.4);
    position: absolute;
    bottom: 0;
    left: 0;
}

    .soluPic dd b {
        color: #FFFFFF;
        font-size: 1.46vw;
    }

    .soluPic dd p {
        color: #fff;
        margin-top: 1.04vw;
        width: 90%;
    }

    .soluPic dd::before {
        content: '';
        background: url(/static/picture/ico2.png) no-repeat;
        background-size: 100%;
        width: 1.67vw;
        height: 1.67vw;
        position: absolute;
        right: 2.04vw;
        top: 50%;
        transform: translateY(-50%);
    }

.soluList li {
    padding-left: 1.67vw;
    height: 7.29vw;
    position: relative;
}

    .soluList li span {
        margin-left: 1.98vw;
        font-weight: bold;
        color: #333333;
    }

    .soluList li .img2, .soluList li:hover .img1, .soluList li.active .img1 {
        display: none;
    }

    .soluList li img {
        width: 2.55vw;
        display: block;
    }

    .soluList li i, .soluList li span {
        position: relative;
        z-index: 1;
    }

    .soluList li::after {
        content: '';
        opacity: 0;
        width: 24.95vw;
        height: 100%;
        background: #C31821;
        position: absolute;
        top: 0;
        left: 0;
        transition: all .6s;
    }

    .soluList li:hover::after, .soluList li.active::after {
        opacity: 1;
        left: -1.04vw;
    }

    .soluList li:hover .img2, .soluList li.active .img2 {
        display: block;
    }

    .soluList li:hover span, .soluList li.active span {
        color: #fff;
    }

.soluList ul {
    margin-top: 0.1vw;
}

.indexCommunity {
    background: url(/static/picture/bg2.jpg) no-repeat;
    background-size: cover;
    padding: 4.17vw 8.3% 3vw;
}

.indexNews .newPic {
    width: 40.63vw;
   /* max-height: 31.98vw;*/
    min-height: 31.98vw;
    overflow: hidden;
    padding: 2.08vw;
    background-color: #fff;
    box-shadow: 0px 2px 30px 0px rgba(211,211,211,0.3);
}

.newsName {
    position: relative; font-weight:bold;
    padding-bottom: 1.35vw;
    border-bottom: #F4F4F4 1px solid;
}

    .newsName::before {
        content: '';
        position: absolute;
        left: -2.08vw;
        top: 5px;
        width: 3px;
        height: 1.35vw;
        background: #C31821;
    }
.newsName .ico{ 
    display:block; width:1.67vw;height:1.67vw; position:absolute; 
    top:0;
    z-index: 20;
     min-width:24px;
    min-height:24px;
	background:url(/static/picture/ico2-1.png) no-repeat; right:0; background-size:100%;
}
.newsName .ico:hover{background:url(/static/picture/ico2.png) no-repeat; background-size:100%;}
.newsName .ico:hover img{display:none;}
.newPic dt a p {
    background: rgba(0,0,0,.4);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    color: #FFFFFF;
    height: 3.75vw;
    line-height: 3.75vw;
}

.newPic dd {
    color: #666666;
    line-height: 160%;
    margin-top: 1.04vw;
}

.newPic dl {
    margin-top: 1.3vw;
}

.newPic dt {
    overflow: hidden;
}

.newPic dl:hover dt span {
    transform: scale(1.06);
}

.newPic dl dt span{
	height:20.26vw;
    transition: all .5s ease; width:100%;
}

.indexNews .newList {
    width: 40.63vw;
    /* max-height: 31.98vw;*/
    min-height: 31.98vw;
    overflow: hidden;
    padding: 2.08vw;
    background-color: #fff;
    box-shadow: 0px 2px 30px 0px rgba(211,211,211,0.3);
}

.indexNews .nDate {
    width: 70px;
   width: 70px;
    background: rgba(195, 24, 33, .1);
    color: #C31821;
}

.indexNews .nText .p1 {
    font-weight: 500;
    margin-bottom: 0.4vw;
    color: #333333; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.nText {
    padding-left: 0.89vw;
    width: calc(100% - 70px);
}

.indexNews .newList li {
    padding: 1.30vw 0;
}

.indexNews {
    margin-top: 4.17vw;
}

    .indexNews .newList li:hover .p1 {
        color: #C31821;
    }



/*侧导航*/
.leftNavPop-bg {
    display: none;
    width: 100%;
    /* max-width: 750px; */
    height: calc(100% - 1.02rem);
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 1.02rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
}

.leftNavPop {
    display: none;
    width: 100%;
    max-width: 750px;
    height: auto;
    max-height: calc(100% - 1.02rem);
    position: fixed;
    top: 1.02rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 198;
    overflow: auto;
}

    .leftNavPop > ul > li > a {
        display: block;
        width: 100%;
        height: 1rem;
        border-bottom: 1px solid #e7e7e7;
        font-size: 0.3rem;
        color: #000000;
        line-height: 0.98rem;
        background: #fff;
        position: relative;
        padding: 0 0.9rem 0 0.3rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .leftNavPop > ul > li > a span {
            display: flex;
            width: 0.28rem;
            height: 0.28rem;
            align-items: center;
            justify-content: center;
            position: absolute;
            right: 0.3rem;
            top: 50%;
            transform: translateY(-50%);
        }

            .leftNavPop > ul > li > a span img {
                display: block;
                max-width: 100%;
                max-height: 100%;
            }

    .leftNavPop > ul > li:last-child > a {
        border: none;
    }

    .leftNavPop > ul > li > ul > li > div {
        display: block;
        width: 100%;
        height: 1rem;
        border-bottom: 1px solid #e1e1e1;
        font-size: 0.28rem;
        color: #282828;
        line-height: 0.98rem;
        background: #f6f6f6;
        position: relative;
        padding: 0 0.3rem 0 0.82rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        position: relative;
    }

        .leftNavPop > ul > li > ul > li > div span {
            display: flex;
            width: 0.98rem;
            height: 0.98rem;
            padding: 0.31rem;
            align-items: center;
            justify-content: center;
            position: absolute;
            left: 0rem;
            top: 50%;
            transform: translateY(-50%);
            z-index: 19;
        }

        .leftNavPop > ul > li > ul > li > div > a {
            display: block;
            width: 100%;
            height: 100%;
            line-height: 0.98rem;
        }

        .leftNavPop > ul > li > ul > li > div span img {
            display: block;
            max-width: 100%;
            max-height: 100%;
        }

    .leftNavPop > ul > li > ul > li:last-child > a {
        border: none;
    }

    .leftNavPop > ul > li > ul > li > ul > li {
        display: flex;
        width: 100%;
        height: 0.9rem;
        align-items: center;
        padding: 0 0.3rem 0 0.82rem;
        font-size: 0.26rem;
        color: #474747;
        background: #ececec;
        border-bottom: 1px solid #dbdbdb;
    }

        .leftNavPop > ul > li > ul > li > ul > li span {
            display: flex;
            width: auto;
            height: 0.9rem;
            align-items: center;
            margin-left: 0.1rem;
        }

        .leftNavPop > ul > li > ul > li > ul > li a {
            line-height: 0.9rem;
            display: block;
            width: auto;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .leftNavPop > ul > li > ul > li > ul > li > a p {
            max-width: 5.3rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .leftNavPop > ul > li > ul > li > ul > li > a img {
            min-height: 0.3rem;
            margin-left: 0.06rem;
            display: block;
        }

        .leftNavPop > ul > li > ul > li > ul > li:last-child > a {
            border: none;
        }

    .leftNavPop > ul > li > ul {
        display: none;
    }

	.leftNavPop > ul > li > ul > li > ul {
		display: none;
	}
	

/* 解决方案 start */
.insideBan {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .insideBan img.bg {
        display: block;
        width: 100%;
    }
	.insideBan1 img.bg{ display: block; width: 100%;}
.insideBan1 .sideDiv{display: none; height: 34.3vw; overflow: hidden;}
.insideBan1 .sideDiv:nth-child(1){display: block;}

.inHeader {
    background-color: #fff;
    position: fixed;
    border-bottom: #E8E8E8 1px solid;
}
.zw-height{height:5.31vw;}
.inHeader.static{ position:static;}
    .inHeader.globalheader .logo img.img1 {
        display: none;
    }

    .inHeader.globalheader .logo img.img2 {
        display: block;
    }

    .inHeader .search-icon {
        background: url(/static/picture/searchIco1.png) no-repeat center;background-size:86%;
    }
.inHeader .search-icon.on {
        background: url(/static/picture/colse.png) no-repeat center;
		background-size:86%;
		
    }
	.inHeader .globalnav-list .search input{background:#f1f1f1;}
    .inHeader .globalnav-menutrigger .img1 {
        display: none;
    }

    .inHeader .globalnav-menutrigger .img2 {
        display: block;
    }
	.inHeader.globalheader .nav > li > a,.inHeader .globalnav-list .login,.inHeader .globalnav-list .login a{ color:#333;}

.caseContent {
    padding: 2.08vw 16.15vw;
}

    .caseContent ul li {
        position: relative;
        float: left;
        font-size: 0.94vw;
        margin-bottom: 1.04vw;
        padding: .5vw;
        width: 25%;
    }

        .caseContent ul li a.tc {
            min-height: 10.21vw;
            width: 100%;
            padding: 1.04vw;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

            .caseContent ul li a.tc> img {
                display: block;
                margin: 0 auto 12px;
                transition: all .5s ease;
            }

        .caseContent ul li a.tc img.img2, .caseContent ul li:hover a.tc img.img1 {
            display: none;
        }

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

        .caseContent ul li:hover  a.tc{
            background: #C31821;
        }

            .caseContent ul li:hover a span {
                color: #fff;
            }

        .caseContent ul li em {
            left: 0;
            bottom: 1.5vw;
            width: 100%;
            padding: 0 1.04vw;
            transition: all .5s ease;
            margin-top: 1.04vw;
            vertical-align: middle;
            opacity: 0;
            position: absolute;
        }

        .caseContent ul li:hover em {
            color: #fff;
            opacity: 1;
        }

       /* .caseContent ul li:hover a.tc img {
           transform:translateY(-2.04vw);
        }*/

            .caseContent ul li:hover  a.tc img.img2 {
                display: block;
            }

.caseTypes {
    padding: 2.08vw 16.15vw;
    background: #F4F4F4;
}

    .caseTypes .name {
        font-weight: bold;
        color: #040000;
        font-size: 1.88vw;
        text-align: center;
    }

.caseSwiper {
    margin-top: 2.08vw;
}

    .caseSwiper .swiper-slide {
        width: 32.5%;
    }
	.caseSwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#C31821;}

        .caseSwiper .swiper-slide h5 {
            height: 4.17vw;
            text-align: center;
            line-height: 4.17vw;
            background: #C31821;
            color: #fff; 
        }

        .caseSwiper .swiper-slide:nth-child(2n) h5 {
            background: #8B8B8B;
        }

        .caseSwiper .swiper-slide ul {
            padding: 0 1.04vw 1.04vw;
            background-color: #fff;height: 28.13vw;
    overflow: hidden;

        }

        .caseSwiper .swiper-slide li {
            padding: 2.08vw 0;
            border-bottom: #eee 1px solid;
        }

            .caseSwiper .swiper-slide li span {
                width: 8.85vw;
            }

                .caseSwiper .swiper-slide li span img {
                    display: block;
                }

            .caseSwiper .swiper-slide li .testInfo {
                width: calc(100% - 8.85vw);
                padding-left: .7vw;
            }

            .caseSwiper .swiper-slide li:last-child {
                border-bottom: none;
            }

            .caseSwiper .swiper-slide li .testInfo .p1 {
                color: #040000;
            }

            .caseSwiper .swiper-slide li .testInfo .p2 {
                color: #999;
                margin-top: .5vw;
            }

    .caseSwiper .arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 2.81vw;
        height: 2.81vw;
    }

    .caseSwiper .button-prev1 {
        background: url(/static/picture/btn2-r.jpg) no-repeat;
        background-size: 100%;
        left: -3.91vw;
    }

    .caseSwiper .button-next1 {
        background: url(/static/picture/btn1-r.jpg) no-repeat;
        background-size: 100%;
        right: -3.91vw;
    }

   /* .caseSwiper .button-prev1:hover {
        background: url(/static/picture/btn2-r.jpg) no-repeat;
        background-size: 100%;
    }

    .caseSwiper .button-next1:hover {
        background: url(/static/picture/btn1-r.jpg) no-repeat;
        background-size: 100%;
    }*/
	.caseSwiper .paginations {position:relative; top:auto;bottom:0; }

.case-btn a {
    display: block;
    width: 8.33vw;
    height: 2.71vw;
    line-height: 2.71vw;
    color: #fff;
    text-align: center;
    background: #C31821;
    margin: 2.08vw 1.56vw 0;
}
/* 解决方案 end */
/* 详情 */
.modelForm .xunjia {display:inline-block; width:auto; line-height:140%;}
.tableScroll input[type="checkbox"]{ appearance:auto;-webkit-appearance:auto; margin-right:5px; vertical-align:middle;position:relative;top:-2px;}
.tableScroll input[type="checkbox"]::after{
	position:absolute;top:0;
	background:#fff; color:#000;width:14px; height:14px; border-radius:2px;
	display:inline-block;visibility:visible;
	padding-left:0;text-align:center;content:'';
	border:#E0E0E0 1px solid;
}
.tableScroll input[type="checkbox"]:checked::after{
	background:#C31821; border:#C31821 1px solid;
}
.tableScroll input[type="checkbox"]:checked::before{
	content:'✓'; font-size:12px;font-weight:bold; position:absolute;
	color:#fff;z-index: 1;
    left: 3px;
    top: -2px;
}
.xjbtn{display:none;}
.detail-content {
    padding: 3.13vw 16.15vw;
}

    .detail-content h1 {
        font-size: 2.29vw;
    }

    .detail-content .d-txt {
        margin-top: 1.56vw; font-size:20px; text-align:left; font-weight:bold;
    }

        .detail-content .d-txt img {
            width: 1.15vw;
            margin-right: .3vw;
        }

.detail-top {
    margin-top: 1.56vw;
    margin-bottom: 2.60vw;
}

.detail-pic {
    width: 38.85vw;
}

    .detail-pic .pro-pic {
        width: 100%;
        text-align: center;
		height:21.2vw;
    }

.pro-pic .pro_360 {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 10;
}

.pro-piclist {
    margin-top: 1.02vw;
    position: relative;
}

    .pro-piclist .arrow {
        width: 1.56vw;
        height: 4.17vw;
        overflow: hidden;
        background: #FFFFFF;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .pro-piclist .btn-prev {
        left: 0;
    }

    .pro-piclist .btn-next {
        right: 0;
    }

    .pro-piclist .arrow i {
        display: block;
        width: 100%;
        height: 100%;
    }

    .pro-piclist .btn-prev i {
        background: url(/static/picture/btn3.jpg) no-repeat center;
        background-size: 100%;
    }

    .pro-piclist .btn-next i {
        background: url(/static/picture/btn4.jpg) no-repeat center;
        background-size: 100%;
    }
    /* .pro-piclist .arrow:hover{background: #E60012;
    box-shadow: 0px 4px 6px 0px rgba(230,0,18,0.2);}   */
    .pro-piclist .btn-prev:hover i {
        background: url(/static/picture/btn3-r.jpg) no-repeat center;
        background-size: 100%;
    }

    .pro-piclist .btn-next:hover i {
        background: url(/static/picture/btn4-r.jpg) no-repeat center;
        background-size: 100%;
    }

    .pro-piclist .swiper-slide {
        width: 7.71vw;
        
        background: #FFFFFF;
    }

        .pro-piclist .swiper-slide img {
            position: relative;
            display: block; /* top: 50%; transform: translateY(-50%); display: block; width: 100%;*/
        }

.pro-piclist {
    padding: 0 43px;
}

    .pro-piclist .swiper-slide-thumb-active {
        border: 1px solid #E60012;
    }

.detail-tips {
   
    width: 31.25vw;
    position: relative;
    z-index: 1;
}
.scrollTxt{
	    overflow: auto;
    height: 21.2vw;
    padding: 3.13vw 2.5vw 3.13vw;
    background: #f9f9f9;
}
.scrollTxt::-webkit-scrollbar{/*滚动条整体样式*/
	width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 4px; background:#eee;
}
.scrollTxt::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px #C31821;
	background: #C31821;
}
.scrollTxt:-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 0;
	background: rgba(0,0,0,0.1);
}


    .detail-tips p {
       font-weight: 300;
        width: 100%;
       text-align:justify;
       font-size:16px;
        margin-bottom: 1.4vw;
        line-height: 28px !important;
    }
	
.proXq-text,.desctipt p{font-size:16px;}
    .detail-tips ul {
        margin-left: 1vw;
        margin-top: 2.5vw;
    }

        .detail-tips ul li {
            width: 25%;
            float: left;
            text-align: center; position:relative;
        }

            .detail-tips ul li img {
                width: 2.29vw;
            }

            .detail-tips ul li span {
                font-weight: 500;
                color: #040000;
            }
	 .detail-tips	dl {
			width: 140px;
			left: 50%;
			position: absolute;
			padding: 0;
			background: #fff;
			margin-left: -70px;
			padding: 5px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			display: none;
			margin-top: 0;
			top: -33px; font-size:14px;
		}
	.detail-tips	dl dd {
    margin: 0;
    width: 100%;
    line-height: 30px;
    padding: 0 10px;
}

.detail-tips	dl dd:hover {
    background: #c9000b;
}

.detail-tips	dl dd:hover a {
    color: #fff;
}

		
.detail-nav {
    height: 5.21vw;
    width: 100%;
    transition: all .5s ease;
    z-index: 60;
}

.height80 {
    height: 0;
}

    .height80.show {
        height: 5.21vw;
    }

.detail-nav.fixed {
    opacity: 1;
}

.e-cistern {
    width: 67.71vw;
    justify-content: space-around;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.e-cistern a {
    height: 100%;
    position: relative;
    line-height: 5.21vw;
}

    .e-cistern.on, .pc-navs .on{
        font-weight: bold;
        color: #C31821;
    }

.detail-nav .swiper-slide {
    position: relative;
    text-align: center;
	  width:auto;
}

    .e-cistern a.on::after, .detail-nav .swiper-slide.on a::after {
        content: '';
        width: 2.71vw;
        height: 4px;
        background: #C31821;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .detail-nav .swiper-slide.on a::after {
        width: 20%;
    }

.modelName span {
    font-weight: bold;
    margin: 0 auto;
    color: #040000;
    font-size: 1.88vw;
    text-align: center;
    z-index: 1;
    padding: 0 .2vw;
    background: #fff;
    position: relative;
    display: inline-block;
}
.modelName span b{ font-weight: bold;}

    .modelName span::before {
        content: '';
        width: 95%;
        height: 8px;
        background: linear-gradient(0deg, #C31821 0%, #FFFFFF 100%);
        position: absolute;
        bottom: 3px;
        left: 50%;
        transform: translateX(-50%);
    }

.modelName {
    margin-bottom: 2.08vw;
    text-align: center;
}

    .modelName::after {
        content: '';
        width: 100%;
        height: 1px;
        left: 0;
        background: #EEEEEE;
        position: absolute;
        top: 50%;
    }

.marginTop90 {
    margin-top: 4.69vw;
}

.modelForm .input {
    width: 11.46vw;
    height: 42px;
    text-indent: 1em;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
}
.modelForm form{display:block;}

.f-btn button {
    width: 5.10vw;
    height: 42px;
    border: none;
    background: #999999;
}

.f-btn .r-search {
    background: #C31821;
    color: #fff;
}

.f-btn button img {
    margin-right: 5px;
    width: 1.04vw;
}

.f-btn .r-reset input {
    background: none;
    border: none;
    color: #fff;
}

.modelForm .submit {
    width: 6.25vw;
    height: 42px;
    background: #C31821;
    color: #fff;
    border: none;
    position: absolute;
    right: 0;
}

.modelForm .table {
    width: 100%;
    margin-top: 1.15vw;
}

    .modelForm .table th {
        font-weight: bold;
        height: 50px;
        border: #E0E0E0 1px solid;
        background: #F0F0F0;
        text-align: center; font-size:16px;
      
    }

    .modelForm .table tr {
        border: #E0E0E0 1px solid;
    }

    .modelForm .table td {
        border: #E0E0E0 1px solid; font-size:16px;
        height: 50px;
        text-align: center; 
        
    }

.tableCont>p {
    color: #C31821;
    margin-top: 1.56vw;
}

.detailModel2 ul li {
    padding: 1.04vw;
    background: #F0F0F0;
    width: 12.29vw;
    min-height: 12.29vw;
    margin-bottom: 1.56vw;
}

    .detailModel2 ul li img {
        width: 3.39vw;
    }

    .detailModel2 ul li p {
        margin-top: 1.04vw;
    }

.desctipt {
    padding-top: 1.04vw;
}
/*.desctipt p{line-height:180%;}*/
    .desctipt p, .desctipt img {
        margin-top: 1.04vw;  line-height:28px;
    }

    .desctipt img {
        display: block;
        margin: 1.04vw auto 0;
    }

.detailModel6 li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 1.04vw;
    cursor: pointer;
}
.detailModel6 li span{width:100%;height:11.98vw;}

    .detailModel6 li:hover p {
        color: #C31821;
    }

    .detailModel6 li:nth-child(3n) {
        margin-right: 0;
    }

    .detailModel6 li p {
        background: #EEEEEE; padding:0 10px;
        height: 3.65vw;
        text-align: center;
        line-height: 3.65vw;
    }

.zl-type a {
    display: inline-block;
    padding: 0 10px;
    height: 4.17vw;
    margin: 0 .5vw;
    background: #FFFFFF;
    text-align: center;
    line-height: 4.17vw;
    min-width: 10.42vw;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

    .zl-type a:hover, .zl-type a.active {
        background: #C31821;
        color: #fff;
    }

    .zl-type a img {
        vertical-align: middle;
        margin-right: 10px;
        width: 1.41vw; position:absolute; opacity:0;
    }
.zl-type a.active img, .zl-type a:hover img{opacity:1; position:static;}
.docList ul li {
    float: left;
    margin-top: 1.88vw;
    padding: 1.56vw;
    width: 49%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

    .docList ul li:nth-child(2n) {
        float: right;
    }

    .docList ul li > div {
        padding-left: .8vw;
    }

    .docList ul li img {
        width: 2.81vw;
    }

.rProduct .swiper-slide {
    width: 33.3%;
    padding: 10px;
}

    .rProduct .swiper-slide dl {
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        cursor: pointer;
    }

        .rProduct .swiper-slide dl:hover dd a {
            color: #C31821;
        }

    .rProduct .swiper-slide dd {
        padding: 1.04vw;
        background: #fff;
        text-align: center;
    }

        .rProduct .swiper-slide dd span {
            color: #999;
            padding-top: 10px;
            margin-top: 10px;
            position: relative;
        }

            .rProduct .swiper-slide dd span::before {
                content: '';
                width: 20px;
                height: 2px;
                background: #999;
                position: absolute;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
            }

.swiperBtn > div {
    width: 2.81vw;
    height: 2.81vw;
    margin: 2vw 5px;
	
}

    .swiperBtn > div.button-prev2 {
        background: url(https://www.ngitech.cn/img/btn5.jpg) no-repeat center;
        background-size: 100%;
    }

    .swiperBtn > div.button-next2 {
        background: url(/static/picture/btn6.jpg) no-repeat center;
        background-size: 100%;
    }

    .swiperBtn > div.button-prev2:hover {
        background: url(/static/picture/btn2-r.jpg) no-repeat center;
        background-size: 100%;
    }

    .swiperBtn > div.button-next2:hover {
        background: url(/static/picture/btn1-r.jpg) no-repeat center;
        background-size: 100%;
    }

#navbg.fixed {
    position: fixed;
    z-index: 200;
    top: 5.31vw;
    left: 0;
    background: #fff;
}

.mobileNavs {
    display: none;
}

.videoPop_bg1,.videoPop_bg2 {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1005;
}

.videoPop1,.videoPop2 {
    display: none;
    width: 80%;
    /* height: 400px; */
    /*background: #fff;*/
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1006;
}

    .videoPop1 .videoPop1-wailian,.videoPop2 .videoPop2-wailian {
        display: none;
        width: 100%;
        height: 100%;
    }

.videoPop1-bendi1,.videoPop2-bendi2 {
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
}

    .videoPop-bendi1 > div,.videoPop-bendi2 > div {
        width: 60%;
        margin: 0 auto;
        height: 400px;
    }

    .videoPop-bendi1 video,.videoPop-bendi2 video {
        display: block;
        width: 100%;
        height: 100%;
    }

.videoPop1 > div.active,.videoPop2 > div.active {
    display: block;
}

.videoPop-colse1,.videoPop-colse2 {
    display: block;
    width: 64px;
    height: 64px;
    position: absolute;
    top: -64px;
    right: 0;
    z-index: 299;
    cursor: pointer;
}


.navlinks {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 5.31vw;
    padding: 35px 8.33vw 50px;
    width: 100%;
    z-index: 100;
    display: none;
}

    .navlinks .leftNavs {
        width: 12.50vw;
        background: #F7F7F7;
    }

        .navlinks .leftNavs li {
            height: 3.13vw;
            text-align: center;
            line-height: 3.13vw;
            cursor: pointer; font-size:14px;
        }
		 .navlinks .leftNavs li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

            .navlinks .leftNavs li.on a, .navlinks .leftNavs li:hover {
                background: #C31821;
                color: #fff;
            }

.rightNavs {
    width: calc(100% - 12.5vw);
	height:35vw; 
	overflow:auto; position:relative;
	
}
.navChild.shows:before{content:'';width:16px;height:16px;background:url(/static/picture/1.jpg) no-repeat; position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.rightNavs::-webkit-scrollbar{/*滚动条整体样式*/
	width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 4px; background-color: #eee;	border-radius: 5px;
}
.rightNavs::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px #C31821;
	background: #C31821;
}
.rightNavs:-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
	border-radius: 0;
	background: rgba(0,0,0,0.2);
}
.rightNavs .navswich{display:flex;width:100%; flex-wrap:wrap;}

    .rightNavs .thirdNavlist {
        margin-left: 3.65vw; 
        margin-bottom: 3.65vw;width: 18.23vw;
    }

        .rightNavs .thirdNavlist span {
            width: 18.23vw;
            height: 2.4vw;
            background: #FFFFFF;
            border: 1px solid #C31821;
            line-height: 2.4vw;
             font-size:14px;
            color: #C31821;
        }

        .rightNavs .thirdNavlist > div a {
            display: flex; align-items:center;
            border-bottom: #eee 1px solid; font-size:14px !important;
            line-height:2.5vw;
			
        }
		.rightNavs .thirdNavlist > div a em{display:inline-block;max-width:94%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-weight:300;}

            .rightNavs .thirdNavlist > div a img {
                vertical-align: middle;
                margin-left: 8px;
            }

            .rightNavs .thirdNavlist > div a:hover {
                color: #C31821;
            }

.thirdNavlist {
    float: left;
}

.pro_target1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 888;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}

    .pro_target1 img {
        width: 100%;
        max-width: 660px;
        margin: 0 auto 20px;
        display: block;
        background: #fff;
    }

    .pro_target1 .Box {
        padding: 1.56vw 0;
        width: 46.88vw;
        background: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background: #fff;
        background-size: 100% 100%;
    }

    .pro_target1 .h3 {
        color: #333333;
        font-size: 1.04vw;
        text-align: center;
        line-height: 28px;
        padding: 1.56vw 15px 2.08vw;
    }

    .pro_target1 .close {
        width: 17px;
        height: 17px;
        background: url(/static/picture/close1.png) no-repeat center;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 888;
        cursor: pointer;
    }

    .pro_target1 .h5 {
        color: #999999;
        text-align: center; display:none;
    }

.yc_div {
    width: 200px;
    height: 16px;
    line-height: 0;
    position: relative;
    /* left: 0;
	right: 0;
	bottom: 30px; */
    z-index: 20;
    background: #a7aeb2;
    font-size: 0;
    display: block;
    margin: 0 auto;
    border-radius: 5px;
}

    .yc_div span {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 20;
        width: 16px;
        height: 16px;
        display: block;
        background: url(/static/picture/btn360.png) no-repeat;
        cursor: pointer;
    }

.btn-prev1, .btn-next1 {
    display: flex;
    width: 80px;
    height: 35px;
    background: #E60012;
    color: #fff;
    font-family: "宋体";
    font-size: 24px;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    margin: 0 .1rem;
}

.Multiple360Btn {
    padding: 0 5%;
    margin-top: .3rem;
    display: none;
}

#greencar {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
}

#greencar_video {
    width: 100%;
    /* min-width: 1200px; */
    height: 33.54vw;
    overflow: hidden;
    position: relative;
}

    #greencar_video .mvideo {
            width: 53.65vw;
		/* height: 17.5vw; */
		position: absolute;
		background: rgba(0, 0, 0, 0.4);
		top: 50%;
		left: 50%;
		z-index: 2;
		padding: 1.35vw 1.04vw;
		transform: translate(-50%,-50%);

    }
	.ft50{font-size:2.60vw;}

    #greencar_video h2 {
      /*  padding-bottom: 1.35vw;
      
        border-bottom: rgba(255,255,255,.5) 1px solid;*/
        color: #ffffff;  margin-bottom: 1.04vw;
        text-align: center; font-weight:bold;
    }

    #greencar_video p {
        line-height: 180%;
        color: #ffffff;
    }

    #greencar_video .lunbo_video_s {
        width: 100%;
        /* height: 644px; */
    }

.sTitle {
    font-weight: bold;
    color: #333333;
    background: #F0F0F0;
    border-bottom: 1px solid #E0E0E0;
}

    .sTitle li {
        height: 50px;
        line-height: 50px;
    }

.sText li {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sText {
    border-bottom: 1px solid #E0E0E0;
}

    .sText a {
        color: #C31821;
    }

.support {
    padding: 50px 16.15vw;
}

    .support h3 {
        font-weight: bold;
        color: #000000;
        font-size: 1.67vw;
    }

    .support p {
        font-weight: 400;
        color: #000000;
        margin-top: 1.04vw;
    }

.line {
    margin: 1.04vw auto;
    display: block;
}

.supportForm {
    margin: 2.08vw auto;
}

    .supportForm input {
        height: 42px; font-size:14px;
        background: #FFFFFF;
        text-indent: 2em;
        border: 1px solid #E0E0E0;
        width: 393px;
    }

    .supportForm button {
        width: 98px;
        height: 42px;
        background: #C31821;
        border: none;
        color: #fff;
    }

        .supportForm button img {
            margin-right: 10px;
        }

.supportList ul {
    justify-content: space-around;
    text-align: center;
}

.supportList li {
    width:26%;
    border-right: 1px solid #E0E0E0;
}
.supportList ul li:nth-child(3) ,.supportList ul li:nth-child(5) {
    width: 8%;
}
    .supportList li img {
        width: 27px;
    }

.supportList {
    border: 1px solid #E0E0E0;
}

.pro_target_box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}

    .pro_target_box .Box {
        width: 43.75vw;
        background-color: #fff;
        padding: 1.56vw;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

.pro_target2_title {
    color: #333;
    font-size: 24px;
    text-align: center;
    margin: 0 0 20px;
}

.pro_target2 .pro_target2_title .i {
    display: block;
    width: 25px;
    height: 1px;
    background: #c9000b;
    margin: 10px auto;
}

.pro_hd a {
    width: 50%;
    line-height: 35px;
    position: relative;
    text-align: center;
    font-size: 18px;
    border: 1px solid #ddd;
}

    .pro_hd a.active {
        background: #c9000b;
        color: #fff;
        border: 1px solid #c9000b;
    }

    .pro_hd a:before {
        content: '';
        display: block;
        border-top: 10px solid #c9000b;
        border-bottom: 10px solid transparent;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        opacity: 0;
    }

    .pro_hd a.active:before {
        opacity: 1;
    }

.pro_bd {
    padding-top: 20px;
}

.pro_bd_list {
    height: 250px;
    overflow: auto;
}

    .pro_bd_list li {
        line-height: 160%;
        margin-bottom: 15px;
        font-size: 14px;
    }

        .pro_bd_list li img {
            vertical-align: middle;
            margin-left: 7px;
        }

        .pro_bd_list li:hover a {
            color: #C31821;
        }

#pro-closed {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
}
.mlogin{display: none;}
@media screen and (max-width:1440px) {
	.indexNews .nDate {width:60px; height:60px;}
    .float_menu li a.f_m_a0 {
        width: 4.4375vw;
        height: 4.9583vw;
    }
	.rightNavs .thirdNavlist > div a{font-size:12px;}
	
	.detail-content .d-txt {font-size: 18px;}
   /* #greencar_video {
        height: 500px;
    }

        #greencar_video .mvideo {
            width: 32vw;
        }*/
		.ft14{font-size:14px;}
		.ft16 {
         font-size:15px;;
        }
		.ft18 {
			font-size: 16px;;
		}
		
}
@media screen and (max-width:1366px){
	.detail-tips p, .proXq-text{
       font-size:15px;
      
    }
	
	.desctipt p{font-size:16px;}
}

@media screen and (max-width:1220px) {
    
	
 /*   .ft16 {
        font-size: 1.2vw !important;
    }

    .ft18 {
        font-size: 1.3vw;
    }*/

    .ft20{
        font-size: 18px;
    }
	.ft22{
		 font-size: 20px;
	}

    .ft24 {
        font-size: 22px;
    }
	

    .globalheader .nav, .gl-search, .globalheader .lang, .globalheader .login {
        display: none;
    }

    .globalnav-menutrigger {
        display: block;
    }

    .detail-pic, .detail-tips {
        width: 100%;
    }

    .detail-top {
        flex-wrap: wrap;
    }

    .detail-tips p {
        margin-left: 0;
		
    }
	

    .globalheader {
        position: fixed;
        background: #fff;
        height: .6rem;
    }
	.zw-height{display:none;}

        .globalheader .logo img.img1 {
            display: none;
        }

        .globalheader .logo img.img2 {
            display: block;
        }

    .globalnav-menutrigger .img1 {
        display: none;
    }

    .globalnav-menutrigger .img2 {
        display: block;
    }

    .main {
        padding-top: .6rem;
    }

    .footer-top {
        padding: 30px 3%;
    }

    .leftNavPop-bg {
        height: calc(100% - 0.6rem);
        top: 0.6rem;
    }

    .leftNavPop > ul > li > a {
        height: .4rem;
        line-height: .4rem;
        font-size: .2rem;
    }

        .leftNavPop > ul > li > a span {
            width: 11px;
        }

    .f_m_cover_inner img {
        width: 11vw;
    }

    .caseSwiper .swiper-slide {
        width: 49%;
    }

    #greencar_video {
        height: 460px;
    }

    .pro_target2_title {
        font-size: 18px;
    }
	.mlogin{
		display: flex;
		width: auto;
		height:4.04vw;
		align-items: center;
		justify-content: flex-end;
		margin-right: .3rem;
	}
	.mlogin a{
		display: flex;
		width: 1.14rem;
		height: 100%;
		border: 1px solid #6a7783;
		margin-left: 0.12rem;
		justify-content: center;
		align-items: center;
		font-size:1.8vw;
		color: #afbcc8;
	}
	.mlogin a:first-child{
		color: #fff;
		background: #E60012;
		border-color: #E60012;
	}
	
}

@media screen and (max-width:1100px) {
    .indexNews .nDate {
        width: 5.5vw;
        height: 5.5vw;
    }

    .float_menu li a.f_m_a0 {
        width: 5.4375vw;
        height: 5.9583vw;
    }

    .footer-top > div {
        display: block;
        float: none;
    }

    .footer-rexian {
        margin-left: 0;
    }

    .pro-piclist .swiper-slide {
        width: 13.45vw;
    }

    .pro-piclist .arrow {
        height: 100%;
        width: 2.7vw;
    }

    .yc_div {
        display: none;
    }

    .Multiple360Btn {
        display: flex;
    }

    #greencar_video .lunbo_video_s {
        width: 100%;
        height: 400px;
        display: none;
    }

    #greencar_video {
        height: 400px;
    }

    .pro_target_box .Box {
        width: 80%;
        padding: 3vw;
    }
	/*.detail-content .d-txt{font-size: 1.8vw;}*/
	
}

@media screen and (max-width:1080px) {
    .case-btn a {
        width: 12vw;
        height: 3.5vw;
        line-height: 3.5vw;
    }

    .productList dl:hover dd {
        display: none;
    }

    .productList dl:hover .img2 {
        display: none;
    }

    .productList dl:hover .img1 {
        display: block;
    }

    .productList dl:hover dt p {
        opacity: .8;
    }

    .productList dl:hover dt h4 {
        color: #333;
        transform: translateY(0);
    }

    .float_menu li i {
        height: 3.5vw;
    }

    .float_menu li a.f_m_a0 {
        width: 6.4375vw;
        height: 6.9583vw;
    }

  /*  #greencar_video .mvideo {
        width: 30vw;
    }*/

    .detailModel2 ul li {
        width: 32%;
    }

    .float_menu li.f_m_phone .f_m_cover {
        width: 20vw;
    }
}

@media screen and (max-width:900px) {
    .detail-content {
        padding: 1rem 8%;
    }

    .detail-nav a {
        line-height: 8vw; color:#333;
    }

    .detail-nav {
        height: 8vw;
    }

    .height80 {
        height: 0;
    }

        .height80.show {
            height: 8vw;
        }

    .modelForm .input {
        width: 48%;
        margin-right: 4%;
        height: 5.5vw;
        margin-bottom: 1vw; font-size:1.4vw;
    }
.width100{width:100%;}
        .modelForm .input:nth-child(2n) {
            margin-right: 0;
        }

    .modelForm .submit {
        position: static;
    }

    .f-btn {
        width: 100%;
    }

        .f-btn button img {
            width: 15px;
        }

        .f-btn button{
            width: 48%;
            height: 5.5vw;
            margin-right: 4%; font-size:1.4vw;
        }
		.f-btn .r-reset input{font-size:1.4vw;}

            .f-btn button:last-child {
                margin-right: 0;
            }
		.modelForm .submit{font-size:1.5vw;}

    .modelForm .submit {
        width: 12vw;
        height: 5.5vw;
        margin-top: 1vw;
    }

    .modelName span {
        font-size: 2.4vw;
    }
	.e-cistern{width:84.71vw;}
	.ft50{font-size:3.65vw}
}

@media screen and (max-width:768px) {
	.supportForm input{font-size:.24rem;}
	.banners .button-prev, .banners .button-next{display:none;}
	  .detail-content .d-txt {
       font-size:.2rem;
    }
    .globalheader {
        height: 1.26rem;
        /* position: static; */
    }

        .globalheader .logo img {
            width: 20vw;
        }

    .indexProduct {
        padding: .3rem;
    }

    .divTitle b {
        font-size: .36rem;
    }

    .divTitle em {
        font-size: .48rem;
        margin-top: -.4rem;
    }

    .productList dl {
        width: 33.3%;
        margin-top: .3rem;
        height: auto;
    }

    .productList dt img {
        height: .6rem;
    }

    .productList dd, .productList dt p {
        display: none;
    }

    .ft20 {
        font-size: .24rem;
    }

    .ft14 {
        font-size: .2rem;
    }

    .ft16 {
        font-size: .22rem !important;
    }
	.ft22{
		font-size: .26rem;
	}

    .ft24 {
        font-size: .28rem;
    }
	.ft50{font-size:.35rem;}
	.detail-tips p {
       font-size: .22rem ;
      
    }
	.proXq-text,.desctipt p{font-size: .24rem;}
    .soluPic {
        width: 100%;
    }

    .soluList {
        width: 100%;
        padding: 0 .3rem;
        margin-bottom: .3rem;
    }

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

        .soluList li::after {
            display: none;
        }

    .soluPic dd {
        padding: .3rem;
        height: auto;
    }

        .soluPic dd::before {
            width: .4rem;
            height: .4rem;
        }

    .soluList li {
        height: .8rem;
        line-height: .8rem;
        padding: 0;
        width: 50%;
        justify-content: center;
    }

        .soluList li.active {
            background: #BA1B21;
        }

    .indexSolution {
        flex-wrap: wrap-reverse;
        padding: .3rem 0;
    }

    .soluList li img {
        width: .35rem;
    }

    .indexNews .newPic, .indexNews .newList {
        width: 100%;
        padding: .3rem;
        height: auto;
        max-height: fit-content;
        min-height: auto;
    }

    .indexNews {
        flex-wrap: wrap;
    }

    .indexCommunity {
        padding: .4rem .3rem;
    }

    .indexNews .nDate {
        width: 1.1rem;
        height: 1.1rem;
    }

    .nText {
        padding-left: .2rem;
        width: calc(100% - 1.2rem);
    }

    .newsName::before {
        left: -.3rem;
        height: 0.25rem;
    }

    .newPic dt a p {
        height: .8rem;
        line-height: .8rem;
    }

    .float_menu li a.f_m_a0 {
        width: 1rem;
        height: 1.2rem;
    }

    .float_menu li i {
        height: .4rem;
    }

    .soluPic dd b {
        font-size: .28rem;
    }

    

    .float_menu li i {
        margin-bottom: .1rem;
    }
    /* 解决方案 */
    .caseContent, .caseTypes {
        padding: .4rem .3rem;
    }

        .caseContent ul li a > img {
            width: .6rem;
        }

        .caseContent ul li {
            width: 33.33%;
        }

    .caseSwiper .swiper-slide {
        width: 100%;
    }

        .caseSwiper .swiper-slide h5 {
            height: .8rem;
            line-height: .8rem;
        }

        .caseSwiper .swiper-slide li span {
            width: 3rem;
        }

    .ft18 {
        font-size: .24rem;
    }

    .caseSwiper .swiper-slide li .testInfo {
        padding-left: .2rem;
    }

    .caseSwiper .swiper-slide ul {
        padding: 0 .3rem;
    }

        .caseSwiper .swiper-slide ul li {
            padding: .3rem 0;
        }

    .caseSwiper .arrow {
        display: none;
    }

    .caseTypes .name {
        font-size: .36rem;
    }

    .caseSwiper {
        margin-top: .4rem;
    }

    .case-btn a {
        margin: .3rem .1rem 0;
        width: 2rem;
        height: .7rem;
        line-height: .7rem;
        font-size: .22rem;
    }

    .detail-content {
        padding: 1.7rem .3rem .4rem;
    }

    .pro-piclist {
        margin-top: .3rem;
        padding: 0 1rem;
    }

    .detail-tips p {
        height: auto;
    }

    .detail-tips ul li img {
        width: .5rem; margin-bottom:.1rem;
    }

    .modelName span {
        font-size: .38rem;
    }

    .marginTop90 {
        margin-top: .35rem;
    }

    .tableCont {
       
        margin-top: .3rem;
    }
	.tableScroll{overflow:auto;}

        .tableCont .table {
            width: 18rem;
        }
	
    .modelForm .input {
        width: 48%;
        margin-right: 4%;
        height: .7rem;
        margin-bottom: .3rem;
    }

        .modelForm .input:nth-child(2n) {
            margin-right: 0;
        }

    .modelForm .submit {
        position: static;
    }

    .f-btn {
        width: 100%;
    }

        .f-btn button img {
            width: .3rem;
        }

        .f-btn button {
            width: 48%;
            height: .7rem;
            margin-right: 4%;font-size: .2rem;
        }
		.f-btn .r-reset input{font-size: .2rem;}

            .f-btn button:last-child {
                margin-right: 0;
            }

    .modelForm .submit {
        width: 2.3rem;
        height: .7rem;
        margin-top: .3rem;
		display:none;
    }
	.xjbtn{display:block;margin-top: .1rem;}
	.xjbtn button{ width: 1.8rem;
        height: .6rem;background: #C31821;
    color: #fff; border-radius:4px; 
    border: none;}
	
    .detailModel2 ul li {
        padding: .3rem;
        width: 49%;
        margin-right: 2%;
        margin-bottom: .2rem;
        min-height: auto;
    }

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

        .detailModel2 ul li p {
            font-size: .24rem;
        }

        .detailModel2 ul li img {
            width: .6rem;
        }

    .detail-content .d-txt {
        font-size: .26rem;
    }

        .detail-content .d-txt img {
            width: .3rem;
            margin-right: .1rem;
        }

    .desctipt p, .desctipt img {
        margin-top: .2rem;
       
        font-size: .24rem;
    }

    .detailModel6 li {
        margin-bottom: .3rem;
        cursor: pointer;
    }

    .modelName {
        margin-bottom: .3rem;
    }

    .detailModel6 li p {
        height: auto;
        font-size: .24rem;
        line-height: .6rem;
    }

    .zl-type a {
        
        font-size: .24rem;
        margin-top: .2rem;
        height: .7rem;
        line-height: .7rem;
    }

        .zl-type a img {
            width: 0;
        }

        .zl-type a.active img {
            width: .3rem;
        }


    .docList ul li {
        padding: .3rem .2rem;
        margin-top: .3rem;
    }

        .docList ul li img {
            width: .5rem;
        }

        .docList ul li > div {
            padding-left: .2rem;
        }

    .rProduct .swiper-slide {
        width: 50%;
    }

    .swiperBtn > div {
        width: .6rem;
        height: .6rem;
    }

    .pc-navs {
        display: none;
    }

    .detail-nav {
        height: .8rem;
        line-height: .8rem;
    }

    .height80 {
        height: 0;
    }

        .height80.show {
            height: .8rem;
        }

    .detail-top {
        margin-bottom: .4rem;
        margin-top: .3rem;
    }

    .detail-content h1 {
        font-size: .3rem;
		padding-top:.3rem;
    }

    .modelForm .input, .modelForm {
        font-size: .24rem;
    }

        .modelForm .table th, .modelForm .table td {
            font-size: .24rem;
        }

    .caseContent ul li a {
        padding: .2rem .1rem;
    }

    .caseContent ul li:hover a.tc img {
        margin-top: 0;
    }
	
    .footer-top {
        padding: .3rem;
    }

        .footer-top > .footer-left {
            display: none;
        }

    .footer-bottom .width {
        padding: 0 .3rem;
    }

    .caseContent ul li:hover em {
        display: none;
    }

    .footer-bottom-right {
        display: none;
    }

    .footer-top > div.footer-rexian {
        margin-left: 0;
    }

    .footer-bottom-left {
        width: 100%;
        float: none;
        white-space: pre-wrap;
        line-height: 180%;
    }

    .globalheader {
        position: fixed;
        background: #fff;
    }

        .globalheader .logo img.img1 {
            display: none;
        }

        .globalheader .logo img.img2 {
            display: block;
        }

    .globalnav-menutrigger .img1 {
        display: none;
    }

    .globalnav-menutrigger .img2 {
        display: block;
    }

    .zw-height {
        height: 1.26rem;
    }
	.banners .slide, .banners .swiper-slide,.origin-video-box{height:3.2rem;}

    .mobileNavs {
        display: block;
    }

    .leftNavPop > ul > li > a {
        height: 1rem;
        line-height: 1rem;
    }

    .float_menu li a.f_m_a0 {
        width: 1.2rem;
        height: 1.4rem;
    }

    .float_menu li i {
        height: .5rem;
    }

    .insideBan {
    }

    .float_menu li.f_m_phone:hover .f_m_cover {
        display: none;
    }
    /* .f_m_cover_inner{height: 2rem;} */
    .float_menu li.f_m_call.ft14 .f_m_cover {
        width: 2.4rem;
    }

    .f_m_cover_inner img {
        width: 100%;
        height: auto;
    }

    .pro-piclist .arrow {
        width: .7rem;
        height: 100%;
    }

    .pro-piclist .swiper-slide {
        width: 2rem;
    }

    .pro-pic .pro_360 {
        width: .7rem;
    }

    .pro_target1 .Box {
        width: 95%;
    }

    .pro_target1 .h3 {
        font-size: .25rem;
        padding: 0 1rem;
        line-height: 180%;
    }

    .pro_target1 img {
        max-width: 90%;
    }

    .pro_target1 .Box {
        padding: .3rem 0;
    }

    #greencar_video .mvideo {
        width: 90%;
       
        height: auto;
        padding: 0.2rem;
    }

    #greencar_video {
        height: 260px;
    }

    .main {
        padding-top: 1.26rem;
    }

   

    .support {
        padding: 1.5rem .3rem .5rem;
    }

        .support h3 {
            font-size: .3rem;
        }

    .line {
        margin: .2rem auto;
    }

    .supportList {
        overflow: auto;
    }
	.supportList::-webkit-scrollbar,.tableScroll::-webkit-scrollbar{/*滚动条整体样式*/
	width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
}
.supportList::-webkit-scrollbar-thumb ,.tableScroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px #C31821;
	background: #C31821;
}
.supportList::-webkit-scrollbar-track,.tableScroll:-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 0;
	background: rgba(0,0,0,0.1);
}

        .supportList ul {
            width: 160%;
        }

    .videoPop-bendi1 > div {
        width: 100%;
        height: 4.5rem;
    }

    .videoPop-colse1 {
        width: .8rem;
        height: .8rem;
    }
	 .mlogin {
       
        height: 0.48rem;
    }
    .mlogin a{
       
        width: 1.14rem;
        
        font-size: 0.22rem;
      
    }
}

/*底部*/
footer {
    background: #efefef;
}

.footer {
    display: block;
    height: auto;
    width: 100%;
    background-color: #efefef;
    border-top: 1px solid #e0e0e0;
}

.footer-bottom {
    display: block;
    height: 50px;
    background-color: #e3e3e3;
}

.footer-bottom-left {
    display: inline-block;
    float: left;
    width: 50%;
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    color: #717171;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.footer-bottom-right {
    display: inline-block;
    width: 50%;
    float: right;
    height: 50px;
    text-align: right;
}

    .footer-bottom-right a {
        display: inline-block;
        width: auto;
        height: 50px;
        line-height: 50px;
        font-size: 13px;
        color: #717171;
        margin-left: 26px;
    }

        .footer-bottom-right a:hover {
            color: #c31821;
        }

.footer-top {
    padding: 38px 0 32px;
}

.footer-list {
    display: inline-block;
    float: left;
    width: auto;
    line-height: 30px;
    margin-right: 74px;
}

    .footer-list:last-child {
        margin-right: 0;
    }

    .footer-list h3 {
        font-size: 16px;
        color: #1a1a1a;
        margin-bottom: 22px;
        position: relative;
    }

        .footer-list h3::after {
            content: "";
            display: block;
            width: 20px;
            height: 1px;
            background-color: #c31821;
            position: absolute;
            left: 0;
            bottom: -12px;
        }

    .footer-list li a {
        font-size: 13px;
        color: #4f4f4f;
    }

        .footer-list li a:hover {
            color: #c31821;
        }

.footer-left {
    display: inline-block;
    float: left;
}

.footer-ewm {
    display: inline-block;
    float: right;
    width: 120px;
    padding-top: 8px;
    text-align: center;
    font-size: 14px;
    color: #4f4f4f;
    line-height: 42px;
}

    .footer-ewm span {
        display: block;
        width: 100%;
        height: 120px;
        background-color: #fff;
        text-align: center;
        line-height: 120px;
    }

.footer-rexian {
    display: inline-block;
    float: right;
    margin-left: 80px;
    padding-top: 10px;
}

    .footer-rexian span {
        display: block;
        width: 45px;
        height: 45px;
        margin-bottom: 18px;
    }

    .footer-rexian h4 {
        font-size: 16px;
        color: #4f4f4f;
        line-height: 24px;
    }

    .footer-rexian h2 {
        font-size: 28px;
        color: #3b3b3b;
        line-height: 40px;
        font-weight: bold;
    }

    .footer-rexian a {
        display: block;
        width: 108px;
        height: 36px;
        background-color: #fff;
        border: 1px solid #d6d6d6;
        text-align: center;
        line-height: 34px;
        font-size: 15px;
        color: #6e6e6e;
        vertical-align: middle;
        margin-top: 14px;
    }

        .footer-rexian a img {
            display: inline-block;
            margin-right: 8px;
            vertical-align: middle;
        }

footer div.bot {
    font-size: 0.22rem;
    color: #757575;
    text-align: center;
    line-height: 0.38rem;
    padding: 0.3rem;
    border-top: 1px solid #dbdbdb;
}

footer div.top {
    padding: 0.42rem 0.3rem 0.4rem;
    display: flex;
    justify-content: space-between;
}

    footer div.top a {
        display: flex;
        width: 1.78rem;
        height: 0.56rem;
        border-radius: 0.04rem;
        background: #c31821;
        justify-content: center;
        align-items: center;
        font-size: 0.24rem;
        color: #fff;
        margin-top: 0.1rem;
        margin-right: 0.34rem;
    }

        footer div.top a img {
            display: block;
            width: 0.22rem;
            height: auto;
            margin-right: 0.1rem;
        }

    footer div.top div.left {
        display: block;
        width: auto;
        padding-left: 0.8rem;
        min-height: 0.78rem;
        background: url(/static/picture/footer_phone.png) no-repeat left center;
        background-size: 0.65rem auto;
    }

        footer div.top div.left h5 {
            font-size: 0.2rem;
            color: #474747;
            margin-bottom: 0.04rem;
            line-height: 0.32rem;
        }

        footer div.top div.left h2 {
            font-size: 0.34rem;
            color: #474747;
            line-height: 0.42rem;
        }
/*登录弹窗*/
.loginPop {
    display: none;
    width: 6rem;
    height: auto;
    border-radius: 0.1rem;
    overflow: hidden;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 201;
}

.loginPop-head {
    display: flex;
    height: 0.94rem;
    border-bottom: 1px solid #dadde0;
    position: relative;
    justify-content: center;
    align-items: center;
    font-size: 0.34rem;
    color: #000000;
}

.loginPop-colse {
    display: block;
    width: 0.8rem;
    height: 100%;
    background: url(/static/picture/colse1.png) no-repeat center;
    background-size: 0.28rem auto;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.loginPop-in {
    display: block;
    width: 100%;
    padding: 0.2rem 0.4rem;
}

.loginPop-form li h3 {
    font-size: 0.26rem;
    color: #000000;
    line-height: 0.52rem;
}

.loginPop-in li input {
    width: 100%;
    height: 0.76rem;
    border-radius: 0.08rem;
    border: 1px solid #dbdbdb;
    padding: 0 0.28rem 0 0.72rem;
    margin-bottom: 0.15rem;
    background-repeat: no-repeat;
    background-size: 0.28rem auto;
    background-position: 0.22rem center;
}

.userPhone {
    background: url(/static/picture/login_user.png);
}

.userPw {
    background: url(/static/picture/login_pw.png);
}

.loginPop-in li button {
    display: block;
    width: 100%;
    height: 0.76rem;
    border-radius: 0.08rem;
    border: none;
    background: #c31821;
    color: #fff;
    font-size: 0.26rem;
    margin-top: 0.2rem;
    margin-bottom: 0.18rem;
}

.loginPop-foot {
    display: flex;
    height: 0.74rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 0.24rem;
    color: #000000;
}

    .loginPop-foot a {
        color: #c31821;
    }
/*侧导航*/
.leftNavPop-bg {
    display: none;
    width: 100%;
    max-width: 750px;
    height: calc(100% - 1.02rem);
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 1.02rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
}

.leftNavPop {
    display: none;
    width: 100%;
    max-width: 750px;
    height: auto;
    max-height: calc(100% - 1.02rem);
    position: fixed;
    top: 1.02rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 198;
    overflow: auto;
}

    .leftNavPop > ul > li > a {
        display: block;
        width: 100%;
        height: 1rem;
        border-bottom: 1px solid #e7e7e7;
        font-size: 0.3rem;
        color: #000000;
        line-height: 0.98rem;
        background: #fff;
        position: relative;
        padding: 0 0.9rem 0 0.3rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .leftNavPop > ul > li > a span {
            display: flex;
            width: 0.28rem;
            height: 0.28rem;
            align-items: center;
            justify-content: center;
            position: absolute;
            right: 0.3rem;
            top: 50%;
            transform: translateY(-50%);
        }

            .leftNavPop > ul > li > a span img {
                display: block;
                max-width: 100%;
                max-height: 100%;
            }

    .leftNavPop > ul > li:last-child > a {
        border: none;
    }

    .leftNavPop > ul > li > ul > li > div {
        display: block;
        width: 100%;
        height: 1rem;
        border-bottom: 1px solid #e1e1e1;
        font-size: 0.28rem;
        color: #282828;
        line-height: 0.98rem;
        background: #f6f6f6;
        position: relative;
        padding: 0 0.3rem 0 0.82rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        position: relative;
    }

        .leftNavPop > ul > li > ul > li > div span {
            display: flex;
            width: 0.98rem;
            height: 0.98rem;
            padding: 0.31rem;
            align-items: center;
            justify-content: center;
            position: absolute;
            left: 0rem;
            top: 50%;
            transform: translateY(-50%);
            z-index: 19;
        }

        .leftNavPop > ul > li > ul > li > div > a {
            display: block;
            width: 100%;
            height: 100%;
            line-height: 0.98rem;
        }

        .leftNavPop > ul > li > ul > li > div span img {
            display: block;
            max-width: 100%;
            max-height: 100%;
        }

    .leftNavPop > ul > li > ul > li:last-child > a {
        border: none;
    }

    .leftNavPop > ul > li > ul > li > ul > li {
        display: flex;
        width: 100%;
        height: 0.9rem;
        align-items: center;
        padding: 0 0.3rem 0 0.82rem;
        font-size: 0.26rem;
        color: #474747;
        background: #ececec;
        border-bottom: 1px solid #dbdbdb;
    }

        .leftNavPop > ul > li > ul > li > ul > li span {
            display: flex;
            width: auto;
            height: 0.9rem;
            align-items: center;
            margin-left: 0.1rem;
        }

        .leftNavPop > ul > li > ul > li > ul > li a {
            line-height: 0.9rem;
            display: block;
            width: auto;
        }

        .leftNavPop > ul > li > ul > li > ul > li > a p {
            max-width: 5.3rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .leftNavPop > ul > li > ul > li > ul > li > a img {
            min-height: 0.3rem;
            margin-left: 0.06rem;
            display: block;
        }

        .leftNavPop > ul > li > ul > li > ul > li:last-child > a {
            border: none;
        }

    .leftNavPop > ul > li > ul {
        display: none;
    }

        .leftNavPop > ul > li > ul > li > ul {
            display: none;
        }
/*右侧悬浮*/
.rightNav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 1.7rem;
    position: fixed;
    bottom: 20%;
    right: 0.1rem;
    z-index: 100;
}

.rightNav-footer {
    display: block;
    width: 0.64rem;
    height: 0.64rem;
    background-image: url(/static/picture/shouqi.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    position: fixed;
    bottom: 14%;
    right: 0.1rem;
}

.rightFlex {
    display: block;
    /*position: fixed;
	right: 0.2rem;
	top: 48%;
	transform: translateY(-50%);*/
    z-index: 90;
    width: auto;
    position: relative;
}

    .rightFlex > a {
        display: block;
        width: 0.96rem;
        height: 0.96rem;
        border-radius: 0.06rem;
        background: #c31821;
        margin-bottom: 0.14rem;
        position: relative;
        text-align: center;
        font-size: 0.2rem;
        color: #fff;
        line-height: 0.32rem;
    }

        .rightFlex > a span {
            display: flex;
            width: 100%;
            height: 0.54rem;
            align-items: center;
            justify-content: center;
            padding: 0.12rem 0 0.04rem;
        }

            .rightFlex > a span img {
                display: block;
                max-height: auto;
                max-width: 0.48rem;
            }

.rightFlex-but {
    display: block;
    width: 0.96rem;
    height: 0.98rem;
    border-radius: 0.06rem;
    background: #c31821;
    position: relative;
    text-align: center;
    font-size: 0.24rem;
    color: #fff;
    line-height: 0.32rem;
    cursor: pointer;
}

    .rightFlex-but > span {
        display: flex;
        width: 100%;
        height: 0.54rem;
        align-items: center;
        justify-content: center;
        padding: 0.15rem 0 0.04rem;
    }

        .rightFlex-but > span img {
            display: block;
            max-height: auto;
            max-width: 0.48rem;
        }

.rightFlex-in {
    display: none;
    width: auto;
    background: #fff;
    border-radius: 0.08rem;
    position: absolute;
    top: 0;
    right: 1.16rem;
    border: 1px solid #dadada;
    padding: 0 0.24rem;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
}

    .rightFlex-in a {
        display: block;
        text-align: center;
        font-size: 0.28rem;
        color: #252525;
        line-height: 0.4rem;
        border-bottom: 1px solid #dadada;
        padding: 0.24rem 0.1rem 0.2rem;
    }

        .rightFlex-in a:last-child {
            border: none;
        }

        .rightFlex-in a h3 {
            font-size: 0.34rem;
        }

        .rightFlex-in a span {
            display: flex;
            width: 0.48rem;
            height: 0.48rem;
            margin: 0 auto 0.06rem;
        }

    .rightFlex-in::after {
        display: block;
        content: "";
        width: 0.12rem;
        height: 0.2rem;
        background: url(/static/picture/sanjiao_03.jpg) no-repeat center;
        background-size: 100%;
        position: absolute;
        right: -0.12rem;
        top: 0.36rem;
    }

.rightFlex-ewm {
    display: block;
    width: 1.7rem;
    height: 1.9rem;
    border-radius: 0.08rem;
    background: #fff;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
    /*position: fixed;
	top: 54%;
	right: 0.2rem;
	transform: translateY(-50%);*/
    position: relative;
    /*margin-top: 2.12rem;*/
    padding: 0.2rem 0.24rem 0;
    font-size: 0.2rem;
    color: #212121;
    line-height: 0.36rem;
    text-align: center;
    z-index: 90;
}

    .rightFlex-ewm span {
        display: block;
        width: 100%;
        height: 1.2rem;
        overflow: hidden;
        margin: 0 auto 0.05rem;
        text-align: center;
    }

.rightFlex-ewm-colse {
    display: block;
    width: 0.36rem;
    height: 0.36rem;
    position: absolute;
    top: -0.15rem;
    right: -0.15rem;
}