@charset "utf-8";

@font-face {

    font-family: DINB;

    src: url(../fonts/DIN-Medium.ttf);

}

@font-face {

    font-family: Oswald;

    src: url(../fonts/Oswald-Medium.ttf);

}



* {

    margin: 0;

    padding: 0;

}



body {

    font-family:思源黑体 cn,SourceHanSansCN, Microsoft YaHei,arial, sans-serif;

    margin: 0px;

    padding: 0px;

    margin: 0px auto;

    font-size: 16px;

    color: #414446;

    width: 100%;

    zoom: 1;

    max-width: 1920px;

    margin: 0 auto;

}



ul,

li,

form,

dl,

dt,

dd,

div,

ul,

li,

p,

em,

i,

address {

    font-style: normal;

    list-style: none;

    padding: 0px;

    margin: 0px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    padding: 0px;

    margin: 0px;

}



select,

input,

textarea,

button {

    font-size: 14px;

    border-radius: 0;

    -webkit-border-radius: 0;

    color: #545454;

    font-family:思源黑体 cn,SourceHanSansCN, Microsoft YaHei,arial, sans-serif;

}



input:focus {

    outline: none;

}



input,

button,

select,

textarea {

    border: 0px;

    outline: none;

    /*-webkit-appearance:none;*/

    /*强制去除表单自带的样式*/

}



button {

    cursor: pointer;

}



textarea {

    resize: none;

    /*-webkit-appearance:none;*/

    /*强制去除textarea自带的样式*/

}



textarea,

input,

select {

    background: none;

    border: none;

    margin: 0;

    padding: 0;

}



article,

aside,

footer,

header,

hgroup,

nav,

section,

figure,

fxigcaption,

address {

    display: block;

}





/*html5设置*/



figure,

figcaption {

    margin: 0px;

    padding: 0px;

}



audio,

canvas,

progress,

video {

    display: inline-block;

    vertical-align: baseline;

}



img {

    max-width: 100%;

    border: none;

    border: 0;

    vertical-align: middle;

}



a {

    color: #333333;

    text-decoration: none;

}



a:focus {

    outline: none;

    -moz-outline: none;

}



a:hover {

    text-decoration: none;

    color: #df202e;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.clear {

    clear: both;

}





/*单行文本省略号*/



.dot {

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.dot2,

.dot3,

.dot4 {

    display: -webkit-box;

    display: box;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

}



.dot2 {

    -webkit-line-clamp: 2;

}





/*多行文本省略号*/



.dot3 {

    -webkit-line-clamp: 3;

}



.dot4 {

    -webkit-line-clamp: 4;

}





/*input字体*/



:-moz-placeholder {

    color: #999999;

}



::-moz-placeholder {

    color: #999999;

}



input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

    color: #999999;

}



input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

    color: #999999;

}



select {

    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/

    border: solid 1px #d9d9d9;

    text-indent: 1em;

    /*很关键：将默认的select选择框样式清除*/

    appearance: none;

    color: #999999;

    -moz-appearance: none;

    -webkit-appearance: none;

    /*在选择框的最右侧中间显示小箭头图片*/

    background: url(../images/selectarr.png) no-repeat scroll 95% center transparent;

    /*为下拉小箭头留出一点位置，避免被文字覆盖*/

    padding-right: 14px;

}





/*清除ie的默认选择框样式清除，隐藏下拉箭头*/



select::-ms-expand {

    display: none;

}





/*网页滚动条*/



::-webkit-scrollbar {

    width: 6px;

    height: 6px;

    -webkit-overflow-scrolling: touch;

    background-color: #e6e6e6;

}



::-webkit-scrollbar-track {

    background-color: #e6e6e6;

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    background-color: #58504a;

}



::-webkit-scrollbar-button {

    height: 0px;

    background-color: #e6e6e6;

}





/*effict*/



.Scale-img {

    overflow: hidden;

    cursor: pointer;

    zoom: 1;

    overflow: hidden;

}



.Scale-img img,

.Scale-img span {

    opacity: 1;

    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;

    transition: opacity 0.6s, transform 0.6s;

}



.Scale-img:hover img,

.Scale-img:hover span {

    opacity: 1;

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05);

    top: 0px;

    left: 0px;

}



.effict {

    transition: all ease 0.3s;

}



.imgbox {

    overflow: hidden;

    position: relative;

    /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/

}



.imgbox span {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.imgbox img {

    width: auto !important;

    max-height: 100%;

}





/*pages*/



.Pages {

    text-align: center;

    margin-top: 50px;

}



.Pages a.a_first,

.Pages a.a_end,

.Pages>span:not(.p_page) {

    display: none;

}



.Pages em {

    float: left;

    margin: 0 3vw;

    font-style: normal;

}



.Pages .p_page {

    display: table;

    margin: 0 auto;

}



.Pages a {

    float: left;

    line-height: 50px;

    width: 50px;

    margin: 0 1px;

}



.Pages a.a_cur,

.Pages a:hover {

    color: #fff;

    background: #df202e;

}



.Pages .p_page>a {

    font-size: 0;

    height: 50px;

    position: relative;

}



.Pages .p_page>a:before {

    position: absolute;

    content: '';

    border: 5px solid transparent;

    left: 50%;

    top: 50%;

    margin: -5px 0 0 -10px;

}



.Pages .p_page>a.a_prev:before {

    border-right-color: #000;

    border-right-width: 8px;

}



.Pages .p_page>a.a_next:before {

    border-left-color: #000;

    border-left-width: 8px;

    margin-left: -4px;

}



.Pages a.a_prev:hover:before {

    border-right-color: #fff;

}



.Pages a.a_next:hover:before {

    border-left-color: #fff;

}



@media(max-width:640px) {

    .Pages {

        margin-top: 20px;

    }

    .Pages em {

        display: none;

    }

    .Pages a {

        background-color: #eee;

    }

}





/*pages end*/



.Contain {

    max-width: 1600px;

    margin: 0 auto;

    width: 95%;

}



.w800 {

    max-width: 1200px;

    margin: 0 auto;

    width: 95%;

}



@media(max-width:768px) {

    body {

        font-size: 14px;

    }

}





/* Top s*/



.Top {

    z-index: 9999;

    background: #fff;

    width: 100%;

}



.Header {

    height: 90px;

    line-height: 90px;

    position: relative;

    border-bottom: 1px solid #e5e5e5;

    background: #fff;

    z-index: 999;

    position: relative;

}



.Header.fix {

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    opacity: 1;

    height: 60px;

    line-height: 60px;

    transform: translateY(-60px);

    -webkit-transform: translateY(-60px);

}



.Header.fix.on {

    transform: translateY(0);

    -webkit-transform: translateY(0);

    transition: all .3s;

}



.Top .Header.fix .Search {

    margin-top: 5px;

}



.Top .Header.fix .Search .SearchBox {

    top: 55px;

}



.Top .Logo img {

    max-width: 239px;

}



.Top .m-btn {

    display: none;

    cursor: pointer;

    padding: 15px 5px;

    border-radius: 5px;

    z-index: 999;

    margin-top: 13px;

    margin-left: 10px;

}



.Top .m-btn span {

    display: block;

    width: 25px;

    height: 3px;

    background: #df202e;

    position: relative;

    -webkit-transition: all 200ms cubic-bezier(.4, 0, 0, 1);

    -o-transition: all 200ms cubic-bezier(.4, 0, 0, 1);

    transition: all 200ms cubic-bezier(.4, 0, 0, 1);

}



.Top .m-btn span::before,

.m-btn span::after {

    content: '';

    display: block;

    height: 3px;

    width: 25px;

    background: #df202e;

    position: absolute;

    left: 0;

    -webkit-transition: all 200ms cubic-bezier(.4, 0, 0, 1);

    -o-transition: all 200ms cubic-bezier(.4, 0, 0, 1);

    transition: all 200ms cubic-bezier(.4, 0, 0, 1);

}



.Top .m-btn span:before {

    top: -8px;

}



.Top .m-btn span:after {

    bottom: -8px;

}



.Top .m-btn.active span {

    background: transparent;

}



.Top .m-btn.active span:before {

    transform: rotate(-48deg) translate(-6px, 5px);

    -webkit-transform: rotate(-48deg) translate(-6px, 5px);

    -o-transform: rotate(-48deg) translate(-6px, 5px);

    width: 24px;

}



.Top .m-btn.active span:after {

    transform: rotate(48deg) translate(-6px, -5px);

    -webkit-transform: rotate(48deg) translate(-6px, -5px);

    -o-transform: rotate(48deg) translate(-6px, -5px);

    width: 24px;

}



.Top .Search {

    position: relative;

    margin-top: 22px;

    margin-left: 30px;

}



.Top .Search .search_02 {

    display: none;

}



.Top .Search .search_01 {

    border: 1px solid #e5e5e5;

    height: 45px;

    line-height: 40px;

    padding: 0 10px;

}



.Top .Search .search_01 input {

    width: 150px;

    margin-left: 10px;

}



.Top .Search .search_01 button {

    background: none;

}



.Top .Search .SearchIco {

    width: 45px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    cursor: pointer;

}



.Top .Search .SearchBox {

    width: 250px;

    height: 45px;

    line-height: 45px;

    box-sizing: border-box;

    padding-right: 50px;

    position: absolute;

    right: 0;

    top: 68px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    background: #fff;

    z-index: 99;

    display: none;

}



.Top .Search .SearchBox button {

    width: 45px;

    height: 45px;

    background: #e5e5e5;

    position: absolute;

    top: 0;

    right: 0;

}



.Top .Search .SearchBox input {

    box-sizing: border-box;

    padding: 0 10px;

}



.Top .MainNav {

    z-index: 9999;

}



.Top .MainNav .pdc_tit {

    text-align: center;

    margin-top: 30px;

}



.Top .MainNav .pdc_tit .blackLine {

    margin-bottom: 9px;

    display: inline-block;

    width: 100px;

    height: 1px;

    background-color: #000000;

    line-height: 30px;

}



.Top .MainNav .pdc_tit span:hover {

    background: none;

    color: #DF202E;

    border: 1px solid #DF202E

}



.Top .MainNav .pdc_tit span {

    font-weight: bold;

    font-size: 18px;

    letter-spacing: 0px;

    color: #fff;

    background: #DF202E;

    border-radius: 50px;

    height: 40px;

    line-height: 40px;

    display: inline-block;

    padding: 0px 15px;

    box-shadow: 0 0 10px rgba(223, 32, 46, 0.8);

    transition: all 0.3s

}



.Top .MainNav ul li {

    float: left;

    margin: 0 10px;

    font-size: 16px;

    position: relative;

}



.Top .MainNav ul li a {

    display: block;

    position: relative;

}



.Top .MainNav ul li>a::before {

    content: '';

    display: block;

    width: 0;

    height: 2px;

    background: #df202e;

    position: absolute;

    bottom: -1px;

    left: 0;

    transition: all .5s;

    -webkit-transition: all .5s;

}



.Top .MainNav ul li>a::after {

    content: '';

    display: block;

    border-bottom: 5px solid #df202e;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-top: 5px solid transparent;

    position: absolute;

    right: -2px;

    bottom: -0.5px;

    opacity: 0;

    transition: all .5s .3s;

    -webkit-transition: all .5s .3s;

}



.Top .MainNav ul li .NavPull {

    width: 150px;

    background: #f5f5f5;

    text-align: center;

    line-height: 40px;

    position: absolute;

    top: calc(100% + 1px);

    left: 50%;

    margin-left: -75px;

    font-size: 15px;

    z-index: 999;

    display: none;

    min-height: 327.5px;

}



.Top .MainNav ul li .NavPull dl {

    padding: 10px 0;

}



.Top .MainNav ul li:hover>a::before {

    width: 100%;

}



.Top .MainNav ul li:hover>a::after {

    opacity: 1;

}





/* .Header.on .MainNav ul li .NavPull {

    top: 76px;

} */



.Top .MainNav ul li.on>a::before {

    width: 100%;

}





/* .Top .MainNav ul li.on>a::after{opacity: 1;} */



.Top .MainNav ul li .NavPull dl dd:hover {

    background: #df202e;

}



.Top .MainNav ul li .NavPull dl dd:hover a {

    color: #fff;

}



.Top .MainNav ul li#nav1 {

    position: static;

}



.Top .MainNav ul li#nav1 .NavPull {

    background: #fff;

}



.Top .MainNav ul li#nav1 .NavPull {

    width: 100%;

    left: 0;

    margin-left: 0;

    text-align: left;

}



.Top .MainNav ul li#nav1 .NavPull .Contain {

    padding: 30px 0;

}



.Top .MainNav ul li#nav1 .NavPull .NavTit {

    font-size: 26px;

    color: #565656;

    font-weight: bold;

    margin-bottom: 10px;

}



.Top .MainNav ul li#nav1 .NavPull .NavTit1 {

    font-size: 20px;

}



.Top .MainNav ul li#nav1 .NavPull .NavTit span {

    color: #df202e;

}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon {}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl {

    margin-left: -2%;

    padding: 0;

}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl::after {

    content: '';

    display: block;

    clear: both;

}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd {

    width: 9.111%;

    margin-left: 2%;

    float: left;

    text-align: center;

}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd .img {

    background: #fff;

    text-align: center;

    height: 118px;

    line-height: 118px;

    border: 1px solid #fff;

}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd .img img {

    /* max-width: 80%;

    max-height: 80%; */

}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd:hover {

    background: none;

}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd:hover .img {

    border: 1px solid #df202e;

}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd:hover a {

    color: #555;

}



.Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd p {

    line-height: 28px;

    font-size: 14px;

    padding: 10px 0;

    text-align: left;

}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian {

    margin-top: 10px;

}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian .NavCon {}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian .NavCon dl {

    margin-left: -2%;

}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian .NavCon dl::after {

    content: '';

    display: block;

    clear: both;

}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian .NavCon dl dd {

    float: left;

    width: 9.11%;

    margin-left: 2%;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 14px;

    text-align: center;

}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian .NavCon dl dd:hover {

    background: none;

}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian .NavCon dl dd:hover a {

    color: #555;

}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian .NavCon dl dd a:hover {

    color: #df202e;

}



.Top .MainNav ul li#nav1 .NavPull .NavTuijian .NavCon dl dd a {

    display: block;

    line-height: 30px;

    color: #999;

    text-align: left;

}



.Top .MainNav ul .Navc {

    position: static;

}



.Top .MainNav ul .Navc .NavPull {

    width: 100%;

    left: 0;

    margin-left: 0;

    text-align: left;

}



.Top .MainNav ul .Navc .NavPull .Contain {

    padding: 49px 0;

}



.Top .MainNav ul .Navc .NavPull .NavTit {

    font-size: 26px;

    color: #565656;

    font-weight: bold;

    margin-bottom: 10px;

}



.Top .MainNav ul .Navc .NavPull .NavTit span {

    color: #df202e;

}



.Top .MainNav ul .Navc .NavPull .CaseNav {

    padding-right: 200px;

    position: relative;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl {

    margin-left: -3%;

}



.Top .MainNav ul .Navc#nav3 .NavPull .CaseNav dl,

.Top .MainNav ul .Navc#nav8 .NavPull .CaseNav dl {

    margin-left: -5%;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl::after {

    content: '';

    display: block;

    clear: both;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd {

    width: 9%;

    margin-left: 3%;

    float: left;

}



.Top .MainNav ul .Navc#nav3 .NavPull .CaseNav dl dd,

.Top .MainNav ul .Navc#nav8 .NavPull .CaseNav dl dd {

    width: 15%;

    margin-left: 5%;

    float: left;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd h1 {

    margin-top: 10px;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd h1 a {

    color: #000;

    font-size: 20px;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd .img {

    padding-top: 60%;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd .img span {

    transition: all .5s;

    -webkit-transition: all .5s;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd .txt {

    text-align: center;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd .txt h4 {

    font-size: 14px;

    margin-top: 10px;

    line-height: 28px;

    margin-bottom: 10px;

    margin-top: 10px;

    color: #000;

    font-weight: normal;

}



.Top .MainNav ul .Navc#nav3 .NavPull .CaseNav dl dd .txt h4,

.Top .MainNav ul .Navc#nav8 .NavPull .CaseNav dl dd .txt h4 {

    font-size: 18px;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd .txt .more {

    border: 1px solid #df202e;

    box-shadow: 0 10px 20px rgba(223, 32, 46, 0.1);

    width: 90px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    font-size: 14px;

    margin: 0 auto;

    border-radius: 30px;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd:hover {

    background: none;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd:hover .img span {

    transform: scale(1.05);

    -webkit-transform: scale(1.05);

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd:hover .CaseNavbox h4 {

    color: #df202e;

}



.Top .MainNav ul .Navc .NavPull .CaseNav dl dd:hover .CaseNavbox .more {

    background: #df202e;

    border: 1px solid #df202e;

}



.Top .MainNav ul .Navc .NavPull .pdc_tit {

    position: absolute;

    right: 0;

    margin-top: -25px;

    top: 50%;

}



.Top .MainNav ul .Navb {

    position: static;

}



.Top .MainNav ul .Navb .NavPull {

    width: 100%;

    left: 0;

    margin-left: 0;

    text-align: left;

    min-height: 327.5px;

}





/* .Top .MainNav ul #nav4 .NavPull,.Top .MainNav ul #nav5 .NavPull,.Top .MainNav ul #nav6 .NavPull{min-height:500px;} */



.Top .MainNav ul .Navb .NavPull .Contain {}



.Top .MainNav ul .Navb .NavPull .NavbCon {}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL {

    width: 50%;

    padding: 60px 0;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL h1 {

    font-size: 26px;

    margin-bottom: 20px;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL dl {

    min-height: 110px;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL dl::after {

    content: '';

    display: block;

    clear: both;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL dl dd {

    width: 33.33%;

    box-sizing: border-box;

    float: left;

    line-height: 45px;

    padding-left: 15px;

    background: url(../images/jt2.png) no-repeat center left;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbR {

    width: 48%;

    padding: 60px 0;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbR h1 {

    font-size: 22px;

    margin: 20px 0;

    display: none;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbR .img {

    padding-top: 180px;

    margin-top: 10px;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbR .img span {

    background-size: cover;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL dl dd:hover {

    background: url(../images/more.png) no-repeat center left;

}



.Top .MainNav ul .Navb .NavPull .NavbCon .NavbL dl dd:hover a {

    color: #df202e;

}



.Top .MainNav ul li#nav7 {

    position: static;

}



.Top .MainNav ul li#nav7 .NavPull {

    width: 100%;

    left: 0;

    margin-left: 0;

    text-align: left;

}



.Top .MainNav ul li#nav7 .NavPull .Contain {

    padding: 40px 0;

}



.Top .MainNav ul li#nav7 .NavPull dl {

    margin-left: -5%;

}



.Top .MainNav ul li#nav7 .NavPull dl::after {

    content: '';

    display: block;

    clear: both;

}



.Top .MainNav ul li#nav7 .NavPull dl dd {

    width: 28.33%;

    float: left;

    margin-left: 5%;

    background: #fff;

    text-align: center;

    padding: 3vw 2vw;

    box-sizing: border-box;

}



.Top .MainNav ul li#nav7 .NavPull dl dd .ico {

    height: 64px;

}



.Top .MainNav ul li#nav7 .NavPull dl dd .ico img {

    max-height: 100%;

}



.Top .MainNav ul li#nav7 .NavPull dl dd:hover .ico {

    -webkit-animation: icon-bounce 0.5s alternate;

    -moz-animation: icon-bounce 0.5s alternate;

    -o-animation: icon-bounce 0.5s alternate;

    animation: icon-bounce 0.5s alternate;

}



.Top .MainNav ul li#nav7 .NavPull dl dd p {

    font-size: 14px;

    color: #999;

    margin: 10px 0;

    line-height: 30px;

}



.Top .MainNav ul li#nav7 .NavPull dl dd span {

    font-size: 16px;

    height: 60px;

    line-height: 30px;

    display: block;

}



.HomePro {

    height: 200px;

    line-height: 150px;

    padding: 20px 0;

    box-sizing: border-box;

    position: relative;

    transition: all .5s;

    -webkit-transition: all .5s;

}



.HomePro .HomeProLogo {

    max-width: 15%;

}



.HomePro .HomePro_r {

    width: 80%;

}



.HomePro .HomePro_r dl {

    margin-left: -1%;

}



.HomePro .HomePro_r dl::after {

    content: "";

    display: block;

    clear: both;

}



.HomePro .HomePro_r dl dd {

    width: 15.667%;

    margin-left: 1%;

    float: left;

    box-sizing: border-box;

}



.HomePro .HomePro_r dl dd .img {

    height: 110px;

    line-height: 110px;

    text-align: center;

    border: 1px solid #fff;

}



.HomePro .HomePro_r dl dd .img img {

    max-height: 90%;

    transition: all .5s;

    -webkit-transition: all .5s;

}



.HomePro .HomePro_r dl dd p {

    line-height: 22px;

    text-align: center;

    font-size: 13px;

    margin-top: 10px;

}



.HomePro .HomePro_r dl dd:hover .img {

    border: 1px solid #df202e;

}



.HomePro .HomePro_r dl dd:hover .img img {

    transform: scale(1.05);

    -webkit-transition: all .5s;

}



.HomePro .Close {

    position: absolute;

    right: 0;

    top: 0;

    width: 32px;

    height: 32px;

    line-height: 32px;

    display: none;

}



.HomePro.hide {

    height: 0;

    overflow: auto;

    padding: 0;

}



@media(max-width:1440px) {

    .Top .MainNav ul li {

        margin: 0 20px;

    }

    .Top .Search {

        margin-left: 10px;

    }

}



@media(max-width:1366px) {

    .Top .MainNav ul li {

        font-size: 16px;

        margin: 0 15px;

    }

}



@media(max-width:1280px) {

    .Top .MainNav ul li {

        font-size: 16px;

        margin: 0 10px;

    }

}



@media(max-width:1200px) {

    .Top .Logo img {

        width: 180px;

    }

    .Top .MainNav ul li {

        margin: 0 10px;

    }

    .Top .Search {

        margin-left: 0;

    }

}



@media(max-width:1130px) {

    .Top .MainNav ul li {

        font-size: 14px;

        margin: 0 5px;

    }

}



@media(max-width:1024px) {

    .Header {

        height: 60px;

        line-height: 60px;

    }

    .Top .m-btn {

        display: block;

    }

    .Top .Search {

        margin-top: 6px;

    }

    .Top .Search .search_02 {

        display: block;

    }

    .Top .Search .search_01 {

        display: none;

    }

    .Top .MainNav {

        position: absolute;

        top: 60px;

        right: 0;

        width: 0;

        background: rgba(0, 0, 0, 0.2);

        height: calc(100vh - 60px);

        overflow: auto;

        z-index: 999;

        overflow: hidden;

        opacity: 0;

        transition: all .3s;

        -webkit-transition: all .3s;

    }

    .Top .MainNav ul {

        width: 0;

        background: #fff;

        height: 100%;

        position: absolute;

        right: 0;

        top: 0;

        box-sizing: border-box;

        padding: 20px 20px;

        transition: all .5s;

        -webkit-transition: all .5s;

        opacity: 0;

        overflow: auto;

    }

    .Top .MainNav ul li {

        width: 100%;

        min-width: 150px;

        margin: 0;

        box-sizing: border-box;

        line-height: 45px;

        border-bottom: 1px solid #e5e5e5;

        font-size: 15px;

    }

    .Top .MainNav.show {

        width: 100%;

        opacity: 1;

    }

    .Top .MainNav.show ul {

        width: 90%;

        opacity: 1;

    }

    .Top .Search .SearchBox {

        top: 54px;

    }

    .Top .MainNav ul li b {

        display: block !important;

        width: 40px;

        height: 45px;

        position: absolute;

        right: 0;

        top: 0;

        background: url(../images/more.png) no-repeat center center;

    }

    .Top .MainNav ul li#nav1 {

        position: relative;

    }

    .Top .MainNav ul .Navc {

        position: relative;

    }

    .Top .MainNav ul .Navb {

        position: relative;

    }

    .Top .MainNav ul li#nav7 {

        position: relative;

    }

    .Top .MainNav ul li .NavPull {

        width: 100%;

        margin-left: 0;

        left: 0;

        position: static;

    }

    .Top .MainNav ul li>a::before {

        display: none;

    }

    .Top .MainNav ul li>a::after {

        display: none;

    }

    .Top .MainNav ul li#nav1 .NavPull .NavTuijian {

        display: none;

    }

    .Top .MainNav ul li#nav1 .NavPull .Contain {

        padding: 10px 0;

    }

    .Top .MainNav ul .Navc .NavPull .Contain {

        padding: 10px 0;

    }

    .Top .MainNav ul .Navb .NavPull .Contain {

        padding: 10px 0;

    }

    .Top .MainNav ul li#nav7 .NavPull .Contain {

        padding: 10px 0;

    }

    .Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd {

        width: 31.33%;

        margin-bottom: 10px;

    }

    .Top .MainNav ul li#nav1 .NavPull .NavTit {

        font-size: 18px;

        margin-bottom: 0;

    }

    .Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd .img {

        height: 80px;

        line-height: 80px;

    }

    .Top .MainNav ul li#nav1 .NavPull .NavType .NavCon dl dd p {

        font-size: 12px;

        line-height: 20px;

    }

    .Top .MainNav ul li .NavPull dl dd {

        font-size: 14px;

        text-align: left;

        padding: 0 10px;

    }

    .Top .MainNav ul li#nav1 .NavPull dl dd {

        padding: 0;

    }

    .Top .MainNav ul .Navb .NavPull dl {

        padding: 0;

    }

    .Top .MainNav ul .Navb .NavPull .NavbCon .NavbL {

        width: 100%;

        margin-top: 20px;

    }

    .Top .MainNav ul .Navb .NavPull .NavbCon .NavbR {

        width: 100%;

    }

    .Top .MainNav ul .Navb .NavPull .NavbCon .NavbL h1 {

        font-size: 18px;

        margin-bottom: 0;

    }

    .Top .MainNav ul .Navb .NavPull .NavbCon .NavbR h1 {

        font-size: 16px;

        line-height: 28px;

        margin: 0;

    }

    .Top .MainNav ul .Navb .NavPull .NavbCon .NavbL dl dd {

        line-height: 30px;

    }

    .Top .MainNav ul .Navc .NavPull .CaseNav dl dd {

        width: 46%;

        margin-bottom: 20px;

        padding: 0;

    }

    .Top .MainNav ul .Navc#nav3 .NavPull .CaseNav dl dd {

        width: 48%;

        margin-left: 2%;

    }

    .Top .MainNav ul .Navc .NavPull .NavTit {

        font-size: 18px;

        margin-bottom: 0;

    }

    .Top .MainNav ul .Navc .NavPull .CaseNav dl dd h1 {

        margin-bottom: 5px;

    }

    .Top .MainNav ul .Navc .NavPull .CaseNav dl dd h1 a {

        font-size: 16px;

    }

    .Top .MainNav ul li#nav7 .NavPull dl dd span {

        font-size: 14px;

        line-height: 25px;

        height: 50px;

    }

    .Top .MainNav ul .Navc .NavPull .CaseNav dl dd .txt h4 {

        font-size: 14px;

        line-height: 20px;

        margin-top: 10px;

    }

    .Top .MainNav ul .Navb .NavPull .NavbCon .NavbR .img {

        padding-top: 26%;

    }

    .Top .MainNav ul .Navc .NavPull .CaseNav {

        padding-right: 0;

    }

    .Top .MainNav ul .Navc .NavPull .pdc_tit {

        position: static;

        margin-top: 0;

        margin: 10px auto

    }

    .Top .MainNav ul .Navb .NavPull .NavbCon .NavbL {

        padding: 0;

    }

    .Top .MainNav ul .Navb .NavPull .NavbCon .NavbR {

        padding: 0;

    }

    .HomePro {

        display: none;

    }

}



@media(max-width:640px) {

    .Top .MainNav ul .Navc .NavPull .CaseNav dl {

        margin-left: -2%;

    }

    .Top .MainNav ul .Navc .NavPull .CaseNav dl dd {

        width: 48%;

        margin-left: 2%;

    }

    .Top .MainNav ul .Navc .NavPull .CaseNav dl dd .txt h4 {

        margin-top: 10px;

    }

    .Top .MainNav ul .Navc .NavPull .CaseNav dl dd .txt .more {

        width: 80px;

        height: 25px;

        line-height: 25px;

        font-size: 12px;

    }

    .Top .MainNav ul li#nav7 .NavPull dl dd {

        width: 95%;

        margin-bottom: 10px;

    }

    .Top .MainNav ul li#nav7 .NavPull dl dd .ico {

        max-height: 35px;

    }

}





/* Top end*/





/* Bottom s*/



.Bottom {

    background: #242424;

}



.Bottom .BottomTop {

    padding: 40px 0 40px 0;

}



.Bottom .BottomTop .BottomCont {

    width: 26.5%;

}



.Bottom .BottomTop .BottomCont .tel {

    padding: 20px 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.06);

    margin: 50px 0 20px 0;

    color: #fff;

}



.Bottom .BottomTop .BottomCont .tel p {

    color: #df202e;

    font-size: 36px;

    font-family: Oswald;

}



.Bottom .BottomTop .BottomCont ul li {

    color: #fff;

    line-height: 36px;

}



.Bottom .BottomTop .BottomCont ul li a {

    color: #fff;

}



.Bottom .BottomTop .BottomCont dl {

    margin-bottom: 30px;

}



.Bottom .BottomTop .BottomCont dl dd {

    width: 90px;

    margin-right: 10px;

    text-align: center;

    display: inline-block;

}



.Bottom .BottomTop .BottomCont dl dd p {

    font-size: 14px;

    color: #fff;

    margin-top: 10px;

}



.Bottom .BottomTop .BottomNav {

    width: 68%;

}



.Bottom .BottomTop .BottomNav .NavBox {

    width: 13.6667%;

    float: left;

}



.Bottom .BottomTop .BottomNav .NavBox h1 {

    font-size: 18px;

    color: #fff;

    font-weight: normal;

    margin-bottom: 20px;

}



.Bottom .BottomTop .BottomNav .NavBox h1 a {

    font-size: 18px;

    color: #fff;

}



.Bottom .BottomTop .BottomNav .NavBox ul li {

    font-size: 14px;

    line-height: 36px;

}



.Bottom .BottomTop .BottomNav .NavBox ul li a {

    color: #fff;

    opacity: 1;

}



.Bottom .BottomTop .BottomNav .NavBox .box:nth-child(2) {

    margin-top: 50px;

}



.Bottom .BottomTop .BottomNav .NavBox ul li:hover a {

    color: #df202e;

}



.Bottom .Footer {

    padding: 20px 0;

    border-top: 1px solid rgba(255, 255, 255, 0.06);

}



.Bottom .Footer .FooterEwa img {

    height: 90px;

}



.Bottom .Footer .Copy {

    font-size: 14px;

    padding-top: 20px;

}



.Bottom .Footer .Copy ul li {

    display: inline-block;

    padding: 0 10px;

    position: relative;

}



.Bottom .Footer .Copy ul li:first-child {

    padding-left: 0;

}



.Bottom .Footer .Copy ul li::before {

    content: '';

    display: block;

    width: 1px;

    height: 10px;

    background: #fff;

    opacity: 0.06;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -5px;

}



.Bottom .Footer .Copy ul li a {

    color: #fff;

    opacity: 0.4;

}



.Bottom .Footer .Copy ul li:first-child:before {

    display: none;

}



.Bottom .Footer .Copy p {

    color: #fff;

    opacity: 0.4;

    margin-top: 10px;

}



.Bottom .Footer .Copy p a {

    color: #fff;

}



@media(max-width:1024px) {

    .Bottom .BottomTop {

        padding: 40px 0 20px 0;

    }

    .Bottom .BottomTop .BottomNav {

        display: none;

    }

    .Bottom .BottomTop .BottomCont {

        width: 100%;

    }

}



@media(max-width:768px) {

    .Bottom .BottomTop .BottomCont .FootLogo img {

        width: 150px;

    }

    .Bottom .BottomTop .BottomCont .tel {

        padding: 10px 0;

        margin: 10px 0;

    }

    .Bottom .BottomTop .BottomCont .tel p {

        font-size: 25px;

    }

    .Bottom .BottomTop .BottomCont ul li {

        line-height: 25px;

        font-size: 13px;

    }

    .Bottom .Footer {

        padding: 10px 0;

    }

    .Bottom .Footer .FooterEwa {

        width: 100%;

        text-align: center;

    }

    .Bottom .Footer .Copy {

        text-align: center;

        margin-top: 10px;

    }

}





/* Bottom end*/





/* 首页 */



.HomeBan .item {

    position: relative;

}



.HomeBan .item video {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 999;

    object-fit: cover;

}



.HomeBan .item .sj {

    display: none;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 999;

}



.HomeBan .item .txt {

    position: absolute;

    width: 100%;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}



.HomeBan .item .txt .txtImg img {

    max-width: 40%;

}



.HomeBan .item .txt .p {

    font-size: 22px;

    color: #fff;

    line-height: 40px;

    margin: 40px 0 70px 0;

}



.HomeBan .item .txt .Banmore {

    width: 280px;

    height: 70px;

    background: url(../images/morebg.png) no-repeat center center;

    background-size: 100% 100%;

    line-height: 70px;

    text-align: center;

}



.HomeBan .item .txt .Banmore a {

    color: #fff;

}



.HomeBan .item .txt .Banmore img {

    display: inline-block;

    margin-left: 10px;

}



.HomeBan .slick-dots {

    position: absolute;

    width: 100%;

    text-align: center;

    left: 0;

    bottom: 20px;

}



.HomeBan .slick-dots li {

    width: 22px;

    height: 22px;

    background: url(../images/dot1.png) no-repeat center center;

    display: inline-block;

    margin: 0 5px;

}



.HomeBan .slick-dots li.slick-active {

    background: url(../images/dot.png) no-repeat center center;

}



.HomeBan .slick-dots li button {

    display: none;

}



/* 本例子css */

.index_ban{ width:100%;  position:relative;  overflow:hidden;  }

.index_ban .bd{ position:relative; z-index:0;  }

.index_ban .bd ul{ width:100% !important; }

.index_ban .bd li{ width:100% !important;  }

.index_ban .bd li .siteWidth{ width:100%; position:relative;  margin:0 auto;}

.index_ban .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; left:0; height:30px; line-height:30px; text-align:center; }

.index_ban .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:22px; height:22px; margin:4px; background:url(../images/dot1.png) no-repeat center center; overflow:hidden;

    line-height:9999px;

}

.index_ban .hd ul .on{ background:url(../images/dot.png) no-repeat;  }











@media(max-width:1440px) {

    .HomeBan .item .txt .p {

        font-size: 18px;

        line-height: 36px;

    }

    .HomeBan .item .txt .Banmore {

        width: 200px;

        height: 55px;

        line-height: 55px;

    }

    .HomeBan .item video {

        max-height: 600px;

    }

}



@media(max-width:1366px) {

    .HomeBan .item video {

        max-height: 569px;

    }

}



@media(max-width:1200px) {

    .HomeBan .item video {

        max-height: 500px;

    }

}



@media(max-width:1024px) {

    .HomeBan .item .txt .p {

        font-size: 16px;

        line-height: 30px;

        margin: 20px 0 40px 0;

    }

    .HomeBan .item video {

        max-height: 427px;

    }

    .HomeBan .item video.pc {

        display: none;

    }

    .HomeBan .item .sj {

        display: block;

    }

}



@media(max-width:768px) {

    .HomeBan .item .txt .Banmore {

        width: 180px;

        height: 45px;

        line-height: 45px;

    }

    .HomeBan .item video {

        max-height: 320px;

    }

}



@media(max-width:640px) {

    .HomeBan .item .txt .p {

        font-size: 12px;

        line-height: 20px;

        margin: 10px 0;

    }

    .HomeBan .item .txt .Banmore {

        width: 120px;

        height: 30px;

        line-height: 30px;

        font-size: 12px;

    }

    .HomeBan .item .txt .Banmore img {

        width: 14px;

    }

    .HomeBan .item video {

        max-height: 267px;

    }

}



@media(max-width:414px) {

    .HomeBan .item video {

        max-height: 173px;

    }

}



@media(max-width:375px) {

    .HomeBan .item video {

        max-height: 156px;

    }

}



@media(max-width:360px) {

    .HomeBan .item video {

        max-height: 150px;

    }

}



.HomeTit {

    text-align: center;

    margin-bottom: 60px;

}



.HomeTit b {

    display: block;

    width: 50px;

    height: 1px;

    background: #df202e;

    margin: 0 auto;

}



.HomeTit h1 {

    font-size: 44px;

    margin-top: 30px;

}



.HomeCom {

    padding-top: 100px;overflow:hidden;

}



.HomeProduct {

    position: relative;

}



.HomeProduct::before {

    content: '';

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    /*background: url(../images/homeprobg.png) no-repeat left top;*/

    top: 0;

    left: 0;

    background-size: 36%;

    z-index: 0;

}



.HomeProduct .HomeProBox {

    margin-left: -1.5%;

}



.HomeProduct .HomeProBox .item {

    width: 31.83%;

    float: left;

    margin-left: 1.5%;

    margin-bottom: 20px;

    background: #f6f6f6;

    border-radius: 20px 0 20px 0;

    box-sizing: border-box;

    position: relative;

    height: 260px;

    box-sizing: border-box;

}



.HomeProduct .HomeProBox .item a {

    display: block;

    position: relative;

    padding-right: 200px;

    padding-left: 40px;

}



.HomeProduct .HomeProBox .item a::before {

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    border-radius: 20px 0 20px 0;

    background: rgba(0, 0, 0, 0.5);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 0;

    opacity: 0;

    transition: all .3s;

    -webkit-transition: all .5s;

}



.HomeProduct .HomeProBox .item::before {

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    background: url(../images/probg.png) no-repeat center bottom;

    position: absolute;

    bottom: 0;

    left: 0;

    background-size: 100%;

    z-index: 0;

}



.HomeProduct .HomeProBox .item .txt {

    height: 260px;

    display: flex;

    justify-content: center;

    flex-direction: column;

    position: relative;

    z-index: 9;

}



.HomeProduct .HomeProBox .item .txt .cn {

    font-size: 22px;

    font-weight: bold;

}



.HomeProduct .HomeProBox .item .txt .en {

    font-size: 20px;

    font-family: Oswald;

    color: #cccccc;

    margin-top: 5px;

}



.HomeProduct .HomeProBox .item .txt .more {

    width: 15px;

    height: 2px;

    background: #df202e;

    margin-top: 10px;

    transition: all .3s;

    -webkit-transition: all .3s;

}



.HomeProduct .HomeProBox .item .img {

    position: absolute;

    right: 40px;

    top: 0;

    width: 200px;

    line-height: 260px;

    text-align: center;

    z-index: 99;

}



.HomeProduct .HomeProBox .item .img img {

    max-height: 200px;

}



.HomeProduct .HomeProBox .item:hover .txt .more {

    width: 65px;

    height: 40px;

    background: url(../images/promore.png) no-repeat center center;

}



.HomeProduct .HomeProBox .item:hover a::before {

    opacity: 1;

}



.HomeProduct .HomeProBox .item:hover .txt .en {

    color: #fff;

}



.HomeProduct .HomeProBox .item:hover .txt .cn {

    color: #fff;

}



@media(max-width:1440px) {

    .HomeCom {

        padding-top: 60px;

    }

    .HomeTit {

        margin-bottom: 30px;

    }

    .HomeTit h1 {

        font-size: 35px;

    }

    .HomeProduct .HomeProBox .item .img {

        right: 20px;

    }

}



@media(max-width:1366px) {

    .HomeProduct .HomeProBox .item .txt .cn {

        font-size: 20px;

    }

    .HomeProduct .HomeProBox .item .txt .en {

        font-size: 18px;

    }

    .HomeProduct .HomeProBox .item {

        height: 220px;

    }

    .HomeProduct .HomeProBox .item .img {

        line-height: 220px;

    }

    .HomeProduct .HomeProBox .item .img img {

        max-height: 160px;

    }

    .HomeProduct .HomeProBox .item .txt {

        height: 220px;

    }

}



@media(max-width:1024px) {

    .HomeCom {

        padding-top: 30px;

    }

    .HomeTit {

        margin-bottom: 20px;

    }

    .HomeTit h1 {

        font-size: 28px;

        margin-top: 10px;

    }

    .HomeTit b {

        width: 30px;

    }

    .HomeProduct .HomeProBox .item {

        height: 180px;

    }

    .HomeProduct .HomeProBox .item a {

        padding-left: 20px;

        padding-right: 140px;

    }

    .HomeProduct .HomeProBox .item .img {

        width: 150px;

        right: 0;

        line-height: 180px;

    }

    .HomeProduct .HomeProBox .item .txt {

        height: 180px;

    }

    .HomeProduct .HomeProBox .item .txt .cn {

        font-size: 16px;

    }

    .HomeProduct .HomeProBox .item .txt .en {

        font-size: 16px;

    }

}



@media(max-width:768px) {

    .HomeTit h1 {

        font-size: 20px;

    }

    .HomeProduct .HomeProBox .item {

        width: 48.5%;

        margin-bottom: 10px;

    }

}



@media(max-width:480px) {

    .HomeProduct .HomeProBox .item {

        height: auto;

    }

    .HomeProduct .HomeProBox .item a {

        padding-right: 10px;

        padding-left: 10px;

    }

    .HomeProduct .HomeProBox .item .img {

        position: static;

        height: 100px;

        line-height: 100px;

        width: 100%;

    }

    .HomeProduct .HomeProBox .item .img img {

        max-height: 100px;

    }

    .HomeProduct .HomeProBox .item .txt {

        height: 100px;

    }

    .HomeProduct .HomeProBox .item .txt .en {

        font-size: 14px;

    }

}



.HomeCase {}



.HomeCase .HomeCaseBox {

    margin-left: -2px;

}



.HomeCase .HomeCaseBox .item {

    margin-bottom: 2px;

    width: 50%;

    float: left;

    overflow: hidden;

    position: relative;

}



.HomeCase .HomeCaseBox .item a {

    display: block;

    margin-left: 2px;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    transition: all .5s;

    -webkit-transition: all .5s;

    position: relative;

    overflow: hidden;

    height: 420px;

}



.HomeCase .HomeCaseBox .item .txt {

    position: relative;

    z-index: 99;

}



.HomeCase .HomeCaseBox .item .txt .ico {

    height: 98px;

    width: 98px;

    border-radius: 50%;

    /*border: 1px solid #fff;*/

    line-height: 98px;

    text-align: center;

}



.HomeCase .HomeCaseBox .item .txt .tit {

    margin-top: 30px;

    padding-right: 65px;

    position: relative;

}



.HomeCase .HomeCaseBox .item .txt .tit .cn {

    font-size: 28px;

    font-weight: bold;

    color: #fff;

}



.HomeCase .HomeCaseBox .item .txt .tit .en {

    font-size: 30px;

    font-family: Oswald;

    color: #fff;

    opacity: 0.3;

    text-transform: uppercase;

}



.HomeCase .HomeCaseBox .item .txt .tit .more {

    position: absolute;

    right: 0;

    bottom: 10px;

    transition: all .5s;

    -webkit-transition: all .5s;

    opacity: 0;

    transform: translateX(-30px);

    -webkit-transform: translateX(-30px);

}



.HomeCase .HomeCaseBox .item:hover .txt .tit .more {

    transform: translateX(0);

    -webkit-transform: translateX(0);

    opacity: 1;

}



.HomeCase .HomeCaseBox .item:hover .txt .ico {

    -webkit-animation: icon-bounce 0.5s alternate;

    -moz-animation: icon-bounce 0.5s alternate;

    -o-animation: icon-bounce 0.5s alternate;

    animation: icon-bounce 0.5s alternate;

}



.HomeCase .HomeCaseBox .item video {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 999;

    object-fit: cover;

}



.HomeCase .HomeCaseBox .item img {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 999;

    /*display: none;*/

}



@media(max-width:1440px) {

    .HomeCase .HomeCaseBox .item .txt .tit .cn {

        font-size: 20px;

    }

    .HomeCase .HomeCaseBox .item .txt .tit .en {

        font-size: 20px;

    }

    .HomeCase .HomeCaseBox .item .txt .ico {

        width: 78px;

        height: 78px;

        line-height: 78px;

    }

}



@media(max-width:1024px) {

    .HomeCase .HomeCaseBox .item .txt .ico {

        width: 50px;

        height: 50px;

        line-height: 50px;

    }

    .HomeCase .HomeCaseBox .item .txt .ico img {

        max-width: 25px;

        max-height: 25px;

    }

    .HomeCase .HomeCaseBox .item .txt .tit {

        margin-top: 20px;

    }

    .HomeCase .HomeCaseBox .item .txt .tit .cn {

        font-size: 16px;

    }

    .HomeCase .HomeCaseBox .item .txt .tit .en {

        font-size: 16px;

    }

}



@media(max-width:768px) {

    .HomeCase .HomeCaseBox .item a {

        height: 180px;

    }

    .HomeCase .HomeCaseBox .item video {

        display: none;

    }

    .HomeCase .HomeCaseBox .item img {

        display: block;

    }

}



@media(max-width:480px) {

    .HomeCase .HomeCaseBox .item {

        width: 100%;

    }

}



.HomeAbout {

    padding: 100px 0;

    position: relative;

    background: url(../images/aboutbg.png) no-repeat center left;

    background-size: 50%;overflow:hidden;

}



.HomeAbout .Txt {

    width: 45%;

}



.HomeAbout .Txt .HomeTit {

    text-align: left;

}



.HomeAbout .Txt .HomeTit b {

    margin: 0;

}



.HomeAbout .Txt .dec {

    line-height: 30px;

    margin-bottom: 3vw;

    display: -webkit-box;

    display: box;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 7;

}



.HomeAbout .Img {

    width: 50%;    max-height: 387px;

    position: absolute;

    right: 0;

    top: 100px;

    padding-top: 26.13%;

}



.HomeAbout .Img.video video {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 999;

    object-fit: cover;

}



.HomeAbout .Number {

    width: 100%;

    background: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    position: relative;

    z-index: 9;

    margin-top: 3.55vw;

}



.HomeAbout .Number ul::after {

    content: '';

    display: block;

    clear: both;

}



.HomeAbout .Number ul {

    padding: 20px;

}



.HomeAbout .Number ul li {

    float: left;

    width: 25%;

    height: 100px;

    display: flex;

    justify-content: center;

    flex-direction: column;

    text-align: center;

    position: relative;

}



.HomeAbout .Number ul li::before {

    content: '';

    display: block;

    width: 1px;

    height: 50px;

    background: #e5e5e5;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}



.HomeAbout .Number ul li:first-child::before {

    display: none;

}



.HomeAbout .Number ul li p {

    color: #df202e;

    font-size: 40px;

    font-family: Oswald;

    line-height: 40px;

}



.HomeAbout .Number ul li p strong {

    font-weight: normal;

}



.HomeAbout .Number ul li span {

    color: #777;

    display: block;

    margin-top: 10px;

}



@media(max-width:1440px) {

    .HomeAbout {

        padding: 60px 0;

    }

    .HomeAbout .Number {

        margin-top: 3.55vw;

    }

    .HomeAbout .Number ul li {

        height: 70px;

    }

    .HomeAbout .Number ul li p {

        font-size: 32px;

        line-height: 32px;

    }

    .HomeAbout .Txt .HomeTit {

        margin-bottom: 20px;

    }

    .HomeAbout .Txt .dec {

        margin-bottom: 3vw;

    }

    .HomeAbout .Img {

        top: 60px;

    }

}



@media(max-width:1024px) {

    .HomeAbout {

        padding: 30px 0;

    }

    .HomeAbout .Number ul li {

        height: 80px;

    }

    .HomeAbout .Number ul li p {

        font-size: 25px;

        line-height: 25px;

    }

    .HomeAbout .Img {

        top: 30px;

    }

    .HomeAbout .Txt .dec {

        font-size: 14px;

        line-height: 25px;

    }

}



@media(max-width:768px) {

    .HomeAbout .Txt {

        width: 100%;

    }

    .HomeAbout .Img {

        width: 100%;

        position: relative;

        padding-top: 65%;

        top: 10px;

    }

    .HomeAbout .Number {

        width: 100%;

    }

    .more img {

        width: 40px;

    }

    .HomeAbout .Number ul li p {

        font-size: 22px;

    }

}



@media(max-width:480px) {

    .HomeAbout .Number ul {

        padding: 5px;

    }

    .HomeAbout .Number ul li span {

        font-size: 12px;

        margin-top: 5px;

    }

}



.HomeSale {

    padding: 100px 0;overflow:hidden;

    background: #f6f6f6;

}



.HomeSale .saleMap {

    width: 50%;

}



.HomeSale .saleMap .slick-dots {

    display: block;

    width: 100%;

    text-align: center;

    margin-top: 20px;

}



.HomeSale .saleMap .slick-dots li {

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #aaa;

    margin: 0 5px;

    display: inline-block;

}



.HomeSale .saleMap .slick-dots li.slick-active {

    background: #df202e;

}



.HomeSale .saleMap .slick-dots li button {

    display: none;

}



.HomeSale .HomesaleTxt {

    width: 50%;

}



.HomeSale .HomesaleTxt .saleNav ul {

    margin-left: -0.5%;

}



.HomeSale .HomesaleTxt .saleNav ul::after {

    content: '';

    display: block;

    clear: both;

}



.HomeSale .HomesaleTxt .saleNav ul li {

    width: 32.83%;

    margin-left: 0.5%;

    float: left;

    height: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff;

}



.HomeSale .HomesaleTxt .saleNav ul li.on {

    background: #df202e;

}



.HomeSale .HomesaleTxt .saleNav ul li:hover {

    background: #df202e;

}



.HomeSale .HomesaleTxt .saleNav ul li a {

    display: flex;

    align-items: center;

    justify-content: center;

}



.HomeSale .HomesaleTxt .saleNav ul li .ico {

    display: inline-block;

    width: 46px;

    height: 46px;

    margin-right: 10px;

    overflow: hidden;

    line-height: 46px;

}



.HomeSale .HomesaleTxt .saleNav ul li .ico img {

    display: inline-block;

    transition: all .5s;

    -webkit-transition: all .5s;

}



.HomeSale .HomesaleTxt .saleNav ul li .ico .img2 {

    opacity: 0;

}



.HomeSale .HomesaleTxt .saleNav ul li p {

    display: inline-block;

    font-size: 20px;

}



.HomeSale .HomesaleTxt .saleNav ul li:hover .ico .img1 {

    transform: translateY(-46px);

    -webkit-transform: translateY(-46px);

    opacity: 0;

}



.HomeSale .HomesaleTxt .saleNav ul li:hover .ico .img2 {

    opacity: 1;

    transform: translateY(-46px);

    -webkit-transform: translateY(-46px);

}



.HomeSale .HomesaleTxt .saleNav ul li.on .ico .img1 {

    transform: translateY(-46px);

    -webkit-transform: translateY(-46px);

    opacity: 0;

}



.HomeSale .HomesaleTxt .saleNav ul li.on .ico .img2 {

    opacity: 1;

    transform: translateY(-46px);

    -webkit-transform: translateY(-46px);

}



.HomeSale .HomesaleTxt .saleNav ul li.on p {

    color: #fff;

}



.HomeSale .HomesaleTxt .saleNav ul li:hover p {

    color: #fff;

}



.HomeSale .HomesaleTxt .bd .item {

    padding: 3vw;

}



.HomeSale .HomesaleTxt .bd .item1 {

    padding-top: 4vw;

}



.HomeSale .HomesaleTxt .bd .item1 dl dd {

    display: inline-block;

    margin-right: 3vw;

}



.HomeSale .HomesaleTxt .bd .item1 dl dd p {

    font-size: 70px;

    line-height: 70px;

    font-family: Oswald;

}



.HomeSale .HomesaleTxt .bd .item1 dl dd p strong {

    font-weight: normal;

}



.HomeSale .HomesaleTxt .bd .item1 dl dd span {

    color: #777;

    display: block;

    margin-top: 10px;

}



.HomeSale .HomesaleTxt .bd .item1 .dec {

    font-size: 20px;

    line-height: 40px;

    margin: 3vw 0 4vw 0;

}



.HomeSale .HomesaleTxt .bd .item2 {

    padding-top: 5vw;

}



.HomeSale .HomesaleTxt .bd .item2 .telBox {

    padding-left: 90px;

    background: url(../images/kf.png) no-repeat center left;

    margin-bottom: 30px;

}



.HomeSale .HomesaleTxt .bd .item2 .telBox span {

    color: #777;

    ;

}



.HomeSale .HomesaleTxt .bd .item2 .telBox p {

    font-size: 50px;

    font-family: Oswald;

    color: #df202e;

}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm {}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm .inputBox {

    width: 100%;

    border: 1px solid #ddd;

    height: 55px;

    line-height: 55px;

    padding-left: 90px;

    position: relative;

    margin-bottom: 10px;

    background: #fff;

}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm .inputBox span {

    width: 90px;

    text-align: center;

    position: absolute;

    left: 0;

    top: 0;

}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm .inputBox input {

    width: 100%;

    height: 100%;

}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm .inputBox select {

    width: 40%;

    height: 35px;

    text-align: center;

    border: none;

    background: #f5f5f5;

}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm .textareaBox {

    height: auto;

}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm .textareaBox textarea {

    width: 100%;

    height: 150px;

    line-height: 55px;

}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm .FormBtn {

    margin-top: 30px;

}



.HomeSale .HomesaleTxt .bd .item3 .HomeForm .FormBtn button {

    width: 150px;

    height: 55px;

    background: #df202e;

    line-height: 55px;

    text-align: center;

    color: #fff;

    font-size: 16px;

    font-family: pf;

}



@media(max-width:1440px) {

    .HomeSale {

        padding: 60px 0;

    }

    .HomeSale .HomesaleTxt .saleNav ul li {

        height: 80px;

    }

    .HomeSale .HomesaleTxt .saleNav ul li p {

        font-size: 16px;

    }

    .HomeSale .HomesaleTxt .bd .item1 dl dd p {

        font-size: 50px;

        line-height: 50px;

    }

    .HomeSale .HomesaleTxt .bd .item1 .dec {

        font-size: 16px;

        line-height: 30px;

    }

    .HomeSale .HomesaleTxt .bd .item2 .telBox p {

        font-size: 35px;

    }

    .HomeSale .HomesaleTxt .bd .item3 .HomeForm .inputBox {

        height: 50px;

        line-height: 50px;

    }

    .HomeSale .HomesaleTxt .bd .item3 .HomeForm .textareaBox {

        height: auto;

    }

    .HomeSale .HomesaleTxt .bd .item3 .HomeForm .textareaBox textarea {

        height: 120px;

        line-height: 50px;

    }

}



@media(max-width:1024px) {

    .HomeSale {

        padding: 30px 0;

    }

    .HomeSale .HomesaleTxt .saleNav ul li {

        height: 60px;

    }

    .HomeSale .HomesaleTxt .bd .item1 dl dd p {

        font-size: 30px;

        line-height: 30px;

    }

    .HomeSale .HomesaleTxt .bd .item2 .telBox p {

        font-size: 13px;

    }

    .HomeSale .HomesaleTxt .bd .item3 .HomeForm .inputBox {

        height: 40px;

        line-height: 40px;

    }

    .HomeSale .HomesaleTxt .bd .item3 .HomeForm .textareaBox {

        height: auto;

    }

    .HomeSale .HomesaleTxt .bd .item3 .HomeForm .textareaBox textarea {

        height: 100px;

        line-height: 40px;

    }

    .HomeSale .HomesaleTxt .bd .item3 .HomeForm .inputBox select {

        height: 28px;

    }

    .HomeSale .HomesaleTxt .bd .item3 .HomeForm .FormBtn button {

        height: 40px;

        line-height: 40px;

        width: 120px;

    }

}



@media(max-width:768px) {

    .HomeSale .saleMap {

        width: 100%;

    }

    .HomeSale .HomesaleTxt {

        width: 100%;

    }

}



@media(max-width:480px) {

    .HomeSale .HomesaleTxt .saleNav ul li .ico {

        width: 30px;

        height: 30px;

        line-height: 30px;

    }

    .HomeSale .HomesaleTxt .saleNav ul li:hover .ico .img1 {

        transform: translateY(-30px);

        -webkit-transform: translateY(-30px);

    }

    .HomeSale .HomesaleTxt .saleNav ul li:hover .ico .img2 {

        opacity: 1;

        transform: translateY(-30px);

        -webkit-transform: translateY(-30px);

    }

    .HomeSale .HomesaleTxt .saleNav ul li.on .ico .img1 {

        transform: translateY(-30px);

        -webkit-transform: translateY(-30px);

    }

    .HomeSale .HomesaleTxt .saleNav ul li.on .ico .img2 {

        opacity: 1;

        transform: translateY(-30px);

        -webkit-transform: translateY(-30px);

    }

    .HomeSale .HomesaleTxt .saleNav ul li p {

        font-size: 14px;

    }

    .HomeSale .HomesaleTxt .bd .item {

        padding: 20px 0;

    }

    .HomeSale .HomesaleTxt .bd .item1 dl dd p {

        font-size: 22px;

    }

    .HomeSale .HomesaleTxt .bd .item1 .dec {

        font-size: 14px;

        line-height: 25px;

    }

}



.nBan .img {

    padding-top: 20%;

}



.nBan.SearchBan .img {

    padding-top: 15%;

}





/* 产品列表1 */



.nNav {

    background: #f5f5f5;

    width: 100%;

    line-height: 40px;

    height: 40px;

}



.nNav ul {

    flex-wrap: nowrap;

    overflow-x: auto;

    width: auto;

    white-space: nowrap;

}



.nNav ul li {

    display: inline-block;

    margin-right: 20px;

    position: relative;

    padding-left: 15px;

}



.nNav ul li a {

    color: #666;

}



.nNav ul li::before {

    content: '';

    display: none;

    width: 3px;

    height: 15px;

    background: #df202e;

    border-radius: 3px;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -7px;

}



.nNav.fix {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

}



.nNav ul li.onli a {

    font-weight: bold;

    color: #333;

}



.nNav ul li.onli::before {

    display: block;

}



.nNav ul li.on a {

    font-weight: bold;

    color: #333;

}



.nNav ul li.on::before {

    display: block;

}



.Product .ProductBox {

    padding: 60px 0;

}



.Product .ProductBox:nth-child(2n) {

    background: #eee;

}



.Product .ProductBox .ProductTit {

    width: 28%;

}



.Product .ProductBox .ProDuctCon {

    width: 65%;

}



.Product .ProductBox .ProDuctCon::after {

    content: '';

    display: block;

    clear: both;

}



.Product .ProductBox .ProDuctCon .item {

    width: 50%;

    box-sizing: border-box;

    float: left;

    border-top: 1px solid #D5D7D8;

    border-right: 1px solid #D5D7D8;

    height: 370px;

    padding: 20px;

}



.Product .ProductBox .ProDuctCon .item .img {

    height: 280px;

    line-height: 280px;

    text-align: center;

}



.Product .ProductBox .ProDuctCon .item .img img {

    max-height: 85%;

    max-width: 80%;

}



.Product .ProductBox .ProDuctCon .item:nth-child(1),

.Product .ProductBox .ProDuctCon .item:nth-child(2) {

    border-top: none;

}



.Product .ProductBox .ProDuctCon .item:nth-child(2n) {

    border-right: none;

}



.Product .ProductBox .ProDuctCon .item p {

    font-size: 18px;

    font-weight: bold;

    margin-top: 10px;

}



.Product .ProductBox .ProductTit {}



.Product .ProductBox .ProductTit h1 {

    font-size: 22px;

}



.Product .ProductBox .ProductTit p {

    font-size: 18px;

    color: #666;

    margin: 10px 0 20px 0;

}



.Product .ProductBox .ProductTit .dec {

    font-size: 14px;

    line-height: 25px;

    color: #999;

}



.nNav ul::-webkit-scrollbar {

    width: 3px;

    height: 3px;

    -webkit-overflow-scrolling: touch;

    background-color: #e5e5e5;

}



.nNav ul::-webkit-scrollbar-track {

    background-color: #e5e5e5;

}



.nNav ul::-webkit-scrollbar-thumb {

    border-radius: 3px;

    background-color: #aaa;

}



.nNav ul::-webkit-scrollbar-button {

    height: 0px;

    background-color: #e5e5e5;

}



.ProductBottom {

    padding: 60px 0;

    background: #4C4D4F;

    color: #fff;

    text-align: center;

}



.ProductBottom h1 {

    font-size: 36px;

    margin-bottom: 20px;

}



.ProductBottom a {

    display: inline-block;

    padding: 0 30px;

    height: 40px;

    line-height: 40px;

    border-radius: 40px;

    background: #df202e;

    color: #fff;

    ;

}



@media(max-width:1440px) {

    .nNav ul li {

        margin-right: 15px;

        padding-left: 10px;

    }

}



@media(max-width:1024px) {

    .Product .ProductBox .ProDuctCon .item p {

        font-size: 16px;

    }

}



@media(max-width:768px) {

    .Product .ProductBox .ProductTit {

        width: 100%;

        margin-bottom: 20px;

    }

    .Product .ProductBox .ProductTit h1 {

        font-size: 18px;

    }

    .Product .ProductBox .ProductTit p {

        margin: 5px 0 10px 0;

        font-size: 16px;

    }

    .Product .ProductBox .ProDuctCon {

        width: 100%;

    }

    .nNav {

        line-height: 50px;

        height: 53px;

    }

    .nNav ul li {

        padding-left: 10px;

        margin-right: 15px;

    }

    .Product .ProductBox {

        padding: 30px 0;

    }

    .Product .ProductBox .ProDuctCon .item {

        height: 200px;

        padding: 10px;

    }

    .Product .ProductBox .ProDuctCon .item .img {

        height: 140px;

        line-height: 140px;

    }

    .Product .ProductBox .ProDuctCon .item p {

        font-size: 14px;

        font-weight: normal;

    }

}





/* 产品列表2 */



.Localtion {

    height: 50px;

    line-height: 50px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);

    font-size: 15px;

}



.Localtion a {

    color: #666;

}



.Localtion a:last-child {

    color: #df202e;

}



.Product1 {

    padding: 40px 0;

}



.Product1 .ProductMenu {

    width: 20%;

}



.Product1 .ProductMenu h1 {

    font-size: 24px;

    color: #df202e;

    line-height: 50px;

}



.Product1 .ProductMenu ul li {

    line-height: 50px;

    padding-left: 20px;

    background: url(../images/jt2.png) no-repeat center left;

    border-bottom: 1px solid #e5e5e5;

}

.Product1 .ProductMenu ul li.on a{color: #df202e;}

.Product1 .ProductCon {

    width: 75%;

}



.Product1 .ProductCon .ProductTop .tit {

    font-size: 24px;

    color: #000;

    font-weight: bold;

    line-height: 50px;

}



.Product1 .ProductCon .ProductTop .ProductImg {

    padding-top: 22%;

    margin-top: 20px;

    margin-bottom: 30px;

}



.Product1 .ProductCon .ProductList {}



.Product1 .ProductCon .ProductList .tit {

    font-size: 18px;

    font-weight: bold;

    color: #666;

    line-height: 40px;

    border-bottom: 1px dashed #d5d5d5;

    margin-bottom: 20px;

}



.Product1 .ProductCon .ProductList .ProList {

    margin-left: -2%;

}



.Product1 .ProductCon .ProductList .ProList::after {

    content: '';

    display: block;

    clear: both;

}



.Product1 .ProductCon .ProductList .ProList .item {

    width: 23%;

    margin-left: 2%;

    float: left;

    text-align: center;

    margin-bottom: 20px;

}



.Product1 .ProductCon .ProductList .ProList .item .img {

    height: 230px;

    text-align: center;

    line-height: 230px;

}



.Product1 .ProductCon .ProductList .ProList .item .img img {

    max-height: 80%;

}



.Product1 .ProductCon .ProductList .ProList .item p {

    margin-top: 10px;

    font-size: 14px;

    height: 40px;

}



@media(max-width:1366px) {

    .Product1 .ProductCon .ProductList .ProList .item .img {

        height: 200px;

        line-height: 200px;

    }

}



@media(max-width:1280px) {

    .Product1 .ProductCon .ProductList .ProList .item .img {

        height: 150px;

        line-height: 150px;

    }

}



@media(max-width:1024px) {

    .Product1 {

        padding: 30px 0;

    }

    .Product1 .ProductMenu {

        width: 100%;

        margin-bottom: 20px;

    }

    .Product1 .ProductCon {

        width: 100%;

    }

    .Product1 .ProductMenu h1 {

        cursor: pointer;

        font-size: 16px;

        height: 40px;

        line-height: 40px;

        background: url(../images/more1.png) no-repeat center right 20px #df202e;

        color: #fff;

        padding: 0 20px;

    }

    .Product1 .ProductMenu ul {

        display: none;

    }

    .Product1 .ProductMenu ul li {

        line-height: 40px;

        line-height: 40px;

        font-size: 14px;

    }

    .Product1 .ProductCon .ProductTop .tit {

        font-size: 20px;

        line-height: 30px;

    }

    .Product1 .ProductCon .ProductTop .ProductImg {

        margin: 10px 0 20px 0;

    }

}



@media(max-width:768px) {

    .Product1 .ProductCon .ProductTop .tit {

        font-size: 18px;

    }

    .Product1 .ProductCon .ProductList .ProList .item {

        width: 23%;

    }

}



@media(max-width:480px) {

    .Product1 .ProductCon .ProductList .ProList .item {

        width: 48%;

    }

    .Product1 .ProductCon .ProductList .tit {

        font-size: 16px;

        line-height: 30px;

    }

}





/* 产品详情 */



.ProductInfo {

    padding: 60px 0;

}



.ProductInfo .Part1 .ProductInfoImg {

    width: 45%;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for {

    border: 1px solid #cdcdcd;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .item {

    height: 415px;

    line-height: 415px;

    text-align: center;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .item .img img {

    width: 100%;

    display: inline-block;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    border: 1px solid #cdcdcd;

    background: none;

    position: absolute;

    margin-top: -26px;

    top: 50%;

    font-size: 0;

    color: transparent;

    z-index: 99;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow.slick-prev {

    left: 10px;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow.slick-next {

    right: 10px;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow::before {

    display: block;

    font-size: 25px;

    font-family: "宋体";

    position: absolute;

    top: 0;

    left: 0;

    color: #999;

    width: 100%;

    height: 100%;

    text-align: center;

    line-height: 50px;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow.slick-prev::before {

    content: '<';

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow.slick-next::before {

    content: '>';

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow:hover {

    background: #df202e;

    border: 1px solid #df202e;

}



.ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow:hover::before {

    color: #fff;

}



.ProductInfo .Part1 .ProductInfoImg .slider-nav {

    margin-top: 10px;

}



.ProductInfo .Part1 .ProductInfoImg .slider-nav .slick-list {

    margin-left: -10px;

    padding: 0 10px;

}



.ProductInfo .Part1 .ProductInfoImg .slider-nav .item {

    margin-left: 8px;

}



.ProductInfo .Part1 .ProductInfoImg .slider-nav .item .img {

    border: 1px solid #cdcdcd;

    box-sizing: border-box;

    height: 115px;

    line-height: 115px;

    text-align: center;

    width: 100%;

}



.ProductInfo .Part1 .ProductInfoImg .slider-nav .item .img img {

    display: inline-block;

}



.ProductInfo .Part1 .ProductInfoImg .slider-nav .item.slick-current .img {

    border: 1px solid #df202e;

}



.ProductInfo .Part1 .ProductInfoTxt {

    width: 52%;

}



.ProductInfo .Part1 .ProductInfoTxt .tit {

    background: url(../images/star.png) no-repeat top left;

    padding-left: 50px;

}



.ProductInfo .Part1 .ProductInfoTxt .tit h1 {

    font-size: 22px;

}



.ProductInfo .Part1 .ProductInfoTxt .tit p {

    color: #999;

    ;

}



.ProductInfo .Part1 .ProductInfoTxt .dec {

    line-height: 30px;

    margin: 30px 0 30px 0;

    padding-left: 50px;

}



.ProductInfo .Part1 .ProductInfoTxt .con {

    padding-left: 50px;

}



.ProductInfo .Part1 .ProductInfoTxt .con h1 {

    font-size: 18px;

    position: relative;

    margin-bottom: 10px;

}



.ProductInfo .Part1 .ProductInfoTxt .con h1::before {

    content: '';

    display: block;

    width: 3px;

    height: 16px;

    background: #df202e;

    position: absolute;

    left: -10px;

    top: 50%;

    margin-top: -8px;

}



.ProductInfo .Part1 .ProductInfoTxt .con ul li {

    line-height: 30px;

    padding-left: 20px;

    position: relative;

}



.ProductInfo .Part1 .ProductInfoTxt .con ul li::before {

    content: '';

    display: block;

    width: 4px;

    height: 4px;

    background: #df202e;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    margin-top: -2px;

    left: 0;

}



.ProductInfo .Part1 .ProductInfoTxt .HqbjBtn {

    padding-left: 50px;

    margin-top: 4vw;

}



.ProductInfo .Part1 .ProductInfoTxt .HqbjBtn a {

    width: 150px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    display: inline-block;

    margin-right: 20px;

    background: #df202e;

    color: #fff;

    text-align: center;

    border-radius: 5px;

}



.ProductInfo .Part2 {

    margin-top: 80px;

}



.ProductInfo .Part2 .Part2_t {

    width: 100%;

    display: inline-block;

    margin-bottom: 0px;

    text-align: center;

    font-size: 0

}



.ProductInfo .Part2 .Part2_t .Part2_tbox {

    width: 23%;

    display: inline-block;

    margin: auto 1%;

    position: relative;

    height: 198px;

    overflow: hidden;

    cursor: pointer;

}



.ProductInfo .Part2 .Part2_t .PartBigImg {

    margin: 0 1.5%;

    margin-bottom: 20px;

    border-radius: 10px;

    overflow: hidden;

    padding-top: 40%;

}





/*.ProductInfo .Part2 .Part2_t .PartBigImg img{width:100%;}*/



.ProductInfo .Part2 .Part2_t .Part2_tbox img {

    max-width: 100%;

    height: 100%;

    transition: all 0.6s;

    border-radius: 10px

}



.ProductInfo .Part2 .Part2_t .Part2_tbox:hover>img {

    transform: scale(1.1);

}



.ProductInfo .Part2 .PartNav {

    height: 55px;

    width: 100%;

    background: white;

    border: solid 1px #cdcdcd;

    box-shadow: 0px 5px 5px #cccccc;

    line-height: 55px;

}



.ProductInfo .Part2 .PartNav.fix {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99;

    width: 100%;

}



.ProductInfo .Part2 .PartNav ul {

    max-width: 1200px;

    margin: 0 auto;

}



.ProductInfo .Part2 .PartNav ul::after {

    content: '';

    display: block;

    clear: both;

}



.ProductInfo .Part2 .PartNav ul li {

    width: 25%;

    float: left;

    text-align: center;

    border-left: 1px solid #eee;

    box-sizing: border-box;

}



.ProductInfo .Part2 .PartNav ul li:first-child {

    border-left: none;

}



.ProductInfo .Part2 .PartNav ul li::after {

    content: '';

    display: block;

    width: 100%;

    height: 2px;

    background: #df202e;

    transform: rotateY(90deg);

    -webkit-transform: rotateY(90deg);

    transition: all .5s;

    -webkit-transition: all .5s;

}



.ProductInfo .Part2 .PartNav ul li.onli::after {

    transform: rotateY(0);

    -webkit-transform: rotateY(0);

}



.ProductInfo .Part2 .PartBox {

    padding-top: 40px;

}



.ProductInfo .Part2 .PartBox .PartCon {

    margin-bottom: 80px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_tit {

    text-align: center;

    margin-bottom: 40px;

}



.PartCon .videoView {

    max-width: 800px;

    margin: 0 auto;

}



.PartCon .videoView video {

    width: 100%;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_tit .blackLine {

    margin-bottom: 9px;

    display: inline-block;

    width: 149px;

    height: 2px;

    background-color: #000000;

    line-height: 30px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_tit span {

    margin-left: 28px;

    margin-right: 23px;

    font-weight: bold;

    font-size: 30px;

    letter-spacing: 0px;

    color: #000000;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content {

    color: #666;

    line-height: 30px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content.pdot p {

    padding-left: 20px;

    position: relative;

}



/*.ProductInfo .Part2 .PartBox .PartCon .pdc_Content.pdot p::before {*/

    /*content: "";*/

    /*display: block;*/

    /*width: 5px;*/

    /*height: 5px;*/

    /*background: #df202e;*/

    /*border-radius: 50%;*/

    /*position: absolute;*/

    /*left: 0;*/

    /*top: 12px;*/

/*}*/



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content img {

    display: block;

    margin: 0 auto;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content iframe {

    margin: 0 auto;

    display: block;

    width: 100%;

    max-width: 800px;

    height: 480px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content strong {

    color: #df202e;

    margin-bottom: 10px;

}



.w1200 {

    width: 95%;

    max-width: 1200px;

    margin: 0 auto;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content .tableBox {

    height: auto;

    overflow-y: auto;

    padding-right: 10px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content .tableBox table {

    border-collapse: collapse;

    border: none;

    width: 100%;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content .tableBox td {

    text-align: center;

    vertical-align: middle;

    height: 32px;

    border: solid #818181 1px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content .tableBox .tdTitle {

    border: 0;

    padding: 30px 0 10px;

    vertical-align: middle;

    cursor: pointer;

    width: 250px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content .tableBox .suo {

    width: 16px;

    height: 20px;

    display: inline-block;

    background: url(../images/suo.png) no-repeat center center;

    vertical-align: middle;

    margin-right: 5px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content .tableBox .addCompare {

    display: block;

    width: 73px;

    height: 20px;

    line-height: 20px;

    background-color: #d7000d;

    border-radius: 5px;

    color: white;

    margin: 0 auto;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content .tableBox .tdTitle.on .suo {

    background: url(../images/fang.png) no-repeat center center;

}



.ProductInfo .Part2 .PartBox .PartCon .pdc_Content .tableBox table.on {

    display: none;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent {

    max-width: 1200px;

    margin: 0 auto;

}



.ProductInfo .Part2 .PartBox .PartCon:nth-child(2) .pdcContent {

    margin-top: -20px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent .box {

    margin-bottom: 30px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent .box .tit {

    font-size: 20px;

    font-weight: bold;

    background: url(../images/down.png) no-repeat center right;

    margin-bottom: 20px;

    cursor: pointer;

    padding-bottom: 15px;

    border-bottom: 1px solid #e6e6e6;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent .box .pdc_Content {

    display: none;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox {

    width: 31.333%;

    float: left;

    text-align: center;

    padding-bottom: 30px;

    background: #f9f9f9;

    margin-top: 20px;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox .imgbox {

    padding-top: 70%;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox:nth-child(2),

.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox:nth-child(5) {

    margin-left: 3%;

    margin-right: 3%;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox p {

    color: #666;

    font-size: 16px;

    padding: 0 20px;

    line-height: 30px;

    height: 60px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: box;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    text-align: left;

}



.ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox h2 {

    font-size: 20px;

    margin: 10px auto;

    color: #333;

}



.ProductInfo .Part2 .PartBox .ProInfoBtn {

    width: 60%;

    max-width: 300px;

    margin: 0 auto;

    height: 55px;

    line-height: 55px;

    background: #df202e;

    text-align: center;

    margin: 65px auto;

}



.ProductInfo .Part2 .PartBox .ProInfoBtn a {

    color: #fff;

}



.ProductInfo .Part2 .PartBox .ProInfoBtn img {

    display: inline-block;

    margin-left: 10px;

}



@media(max-width:768px) {

    .ProductInfo .Part2 .Part2_t .Part2_tbox {

        width: 48%;

        height: 120px;

        margin-bottom: 20px;

    }

    .ProductInfo .Part2 .Part2_t .Part2_tbox img {

        width: 100%

    }

    .ProductInfo .Part2 .Part2_t .Part2_tbox p {

        font-size: 16px;

        height: 40px;

        line-height: 40px;

    }

    .ProductInfo .Part2 .PartBox .PartCon {

        margin-bottom: 40px;

    }

    .ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox {

        width: 48.333%;

        padding-bottom: 20px;

    }

    .ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox:nth-child(2),

    .ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox:nth-child(5) {

        margin-left: 0%;

        margin-right: 0%;

    }

    .ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox p {

        font-size: 14px;

        line-height: 18px;

    }

    .ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox:nth-child(2n) {

        float: right;

    }

    .ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox h2 {

        margin: 5px auto;

        font-size: 18px

    }

}



@media(max-width:480px) {

    .ProductInfo .Part2 .PartBox .PartCon .pdcContent .cptdbox {

        width: 100%;

    }

}



.ProInfoForm {

    max-width: 1000px;

    margin: 0 auto;

    padding-top: 15px;

}



.ProInfoForm .inputBox {

    padding-left: 100px;

    position: relative;

    box-sizing: border-box;

    height: 50px;

    line-height: 50px;

    margin-bottom: 20px;

}



.ProInfoForm .inputBox input {

    border-radius: 5px;

    height: 100%;

    width: 100%;

    border: 1px solid #ccc;

    box-sizing: border-box;

    padding: 0 10px;

}



.ProInfoForm .inputBox span {

    width: 100px;

    text-align: right;

    position: absolute;

    left: 0;

    top: 0;

}



.ProInfoForm .InputList {

    margin-left: -2%;

}



.ProInfoForm .InputList::after {

    content: '';

    display: block;

    clear: both;

}



.ProInfoForm .InputList .inputBox {

    width: 48%;

    margin-left: 2%;

    float: left;

}



.ProInfoForm .inputBox.textareaBox {

    height: auto;

}



.ProInfoForm .inputBox.textareaBox textarea {

    height: 150px;

    line-height: 50px;

    border: 1px solid #ccc;

    border-radius: 5px;

    width: 100%;

    padding: 0 10px;

    box-sizing: border-box;

}



.ProInfoForm .FormBtn {

    padding-left: 100px;

    margin-top: 30px;

}



.ProInfoForm .FormBtn button {

    width: 200px;

    height: 50px;

    border-radius: 5px;

    background: #df202e;

    text-align: center;

    line-height: 50px;

    color: #fff;

    letter-spacing: 0.2em;

}



@media(max-width:768px) {

    .ProductInfo .Part1 .ProductInfoImg {

        width: 100%;

    }

    .ProductInfo .Part1 .ProductInfoTxt {

        width: 100%;

        margin-top: 20px;

    }

    .ProductInfo .Part2 {

        margin-top: 40px;

    }

    .ProductInfo .Part2 .PartBox {

        padding-top: 40px;

    }

    .ProductInfo .Part2 .PartBox .PartCon .pdc_tit span {

        font-size: 22px;

    }

    .ProductInfo .Part2 .PartBox .PartCon .pdc_tit .blackLine {

        width: 100px;

    }

    .ProductInfo .Part2 .PartBox .PartCon .pdcContent .box .tit {

        font-size: 16px;

        padding-bottom: 10px;

        margin-bottom: 10px;

    }

}



@media(max-width:480px) {

    .ProductInfo .Part2 .PartBox .PartCon .pdc_Content iframe {

        max-width: 90%;

        height: 250px;

    }

    .ProductInfo .Part1 .ProductInfoImg .slider-for .item {

        height: 250px;

        line-height: 250px;

    }

    .ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow {

        width: 35px;

        height: 35px;

        margin-top: -17.5px;

    }

    .ProductInfo .Part1 .ProductInfoImg .slider-for .slick-arrow::before {

        font-size: 18px;

        line-height: 35px;

    }

    .ProductInfo .Part1 .ProductInfoImg .slider-nav .item .img {

        height: 70px;

        line-height: 70px;

    }

    .ProductInfo .Part1 .ProductInfoTxt .tit h1 {

        font-size: 18px;

    }

    .ProductInfo .Part1 .ProductInfoTxt .dec {

        margin: 20px 0;

        line-height: 25px;

    }

    .ProductInfo .Part2 .PartNav {

        height: 40px;

        line-height: 40px;

    }

    .ProductInfo .Part2 .PartBox .PartCon .pdc_tit .blackLine {

        width: 60px;

    }

    .ProductInfo .Part2 .PartBox .PartCon .pdc_tit span {

        font-size: 20px;

    }

    .ProductInfo .Part2 .PartBox .PartCon .pdc_tit {

        margin-bottom: 15px;

    }

    .ProductInfo .Part2 .PartBox .PartCon .pdc_Content {

        line-height: 25px;

    }

    .ProductInfo .Part1 .ProductInfoTxt .HqbjBtn a {

        width: 120px;

        height: 40px;

        line-height: 40px;

    }

    .ProductInfo .Part2 .PartBox .ProInfoBtn {

        height: 45px;

        line-height: 45px;

        margin: 30px auto;

    }

    .ProInfoForm {

        padding-top: 20px;

    }

    .ProInfoForm .InputList .inputBox {

        width: 98%;

        line-height: 40px;

        height: 40px;

    }

    .ProInfoForm .inputBox {

        margin-bottom: 5px;

    }

    .ProInfoForm .FormBtn {

        margin-top: 5px;

    }

    .ProInfoForm .FormBtn button {

        height: 40px;

        line-height: 40px;

    }

}





/* 客户案例 */



.nNav .Contain.W1344 {

    max-width: 1344px;

    margin: 0 auto;

    width: 95%;

}



.Case {

    padding: 60px 0;

}



.Case .Contain {

    max-width: 1344px;

    margin: 0 auto;

    width: 95%;

}



.Case .CaseBox {

    margin-left: -5%;

}



.Case .CaseBox .item {

    width: 28.33%;

    float: left;

    margin-left: 5%;

    margin-bottom: 60px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.Case .CaseBox .item .img {

    padding-top: 65%;

}



.Case .CaseBox .item .img span {

    transition: all .5s;

    -webkit-transition: all .5s;

}



.Case .CaseBox .item .txt {

    padding: 25px 20px;

    padding-right: 200px;

    position: relative;

}



.Case .CaseBox .item .txt .caseLogo {

    width: 200px;

    position: absolute;

    right: 20px;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    text-align: center;

}



.Case .CaseBox .item .txt .caseLogo img {

    max-width: 100%;

}



.Case .CaseBox .item .txt .txtbox {}



.Case .CaseBox .item .txt .txtbox h1 {

    font-size: 22px;

}



.Case .CaseBox .item .txt .txtbox span {

    display: inline-block;

    height: 32px;

    line-height: 32px;

    border-radius: 32px;

    padding: 0 10px;

    background: #ededed;

    font-size: 14px;

    color: #999;

    margin-top: 10px;

}



.Case .CaseBox .item .CaseMore {

    margin-bottom: 30px;

    padding: 0 20px;

    color: #999;

}



.Case .CaseBox .item:hover .img span {

    transform: scale(1.05);

    -webkit-transform: scale(1.05);

}



.Case .More {

    width: 60%;

    max-width: 300px;

    margin: 0 auto;

    height: 55px;

    line-height: 55px;

    background: #df202e;

    text-align: center;

    margin: 0 auto;

}



.Case .More a {

    color: #fff;

}



.Case .More img {

    display: inline-block;

    margin-left: 10px;

}





/* .nNav ul{display: block;white-space:normal;} */



@media(max-width:1366px) {

    .Case .CaseBox .item .txt {

        padding-right: 170px;

    }

    .Case .CaseBox .item .txt .caseLogo {

        width: 150px;

    }

}



@media(max-width:1200px) {

    .Case .CaseBox .item .txt {

        padding: 20px;

        padding-right: 100px;

    }

    .Case .CaseBox .item .txt .caseLogo {

        width: 80px;

    }

    .Case .CaseBox .item .txt .txtbox h1 {

        font-size: 18px;

    }

    .Case .CaseBox .item .CaseMore {

        font-size: 14px;

    }

}



@media(max-width:992px) {

    .Case {

        padding: 30px 0;

    }

    .Case .CaseBox .item {

        width: 48%;

    }

}



@media(max-width:768px) {

    .Case .CaseBox .item {

        width: 45%;

    }

}



@media(max-width:480px) {

    .Case .CaseBox .item {

        width: 95%;

        margin-bottom: 20px;

    }

    .Case .CaseBox .item .txt {

        padding-right: 120px;

    }

    .Case .CaseBox .item .txt .caseLogo {

        width: 100px;

    }

    .Case .More {

        height: 45px;

        line-height: 45px;

        margin: 30px auto;

    }

}





/* 案例详情 */



.CaseInfo {

    padding: 60px 0;

}



.CaseInfo .w1200 {

    max-width: 1000px;

}



.CaseInfo .Part1 {

    /* padding-left: 250px; */

    position: relative;

    border-bottom: 1px solid #e6e6e6;

    padding-bottom: 20px;

}



.CaseInfo .Part1 .caseLogo {

    width: 220px;

    position: absolute;

    left: 0;

    top: 0;

    display: none;

}



.CaseInfo .Part1 .Txt .tit {

    margin-bottom: 20px;

    text-align: center;

}



.CaseInfo .Part1 .Txt .tit em {

    display: inline-block;

    font-size: 30px;

    line-height: 40px;

    color: #444;

}



.CaseInfo .Part1 .Txt .tit span {

    margin-left: 12px;

    margin-top: -5px;

    display: inline-block;

    font-size: 16px;

    line-height: 30px;

    color: #666;

    background: #ededed;

    border-radius: 30px;

    padding: 0 10px;

}



.CaseInfo .Part1 .Txt .dec {

    line-height: 30px;

    color: #666;

}



.CaseInfo .Part2 .CaseCon {

    margin-top: 50px;

    line-height: 30px;

    /*text-align: center;*/

    /* text-indent: 2em; */

}



.CaseInfo .Part2 .CaseCon video {

    width: 100% !important;

    height: auto;

    margin: 20px;

}



.CaseInfo .Part2 .CaseCon img {

    display: block;

    margin: 0 auto;

    width: 100% !important;

    /*max-width: 560px;*/

}



.CaseInfo .Part3 {

    margin-top: 50px;

}



.CaseInfo .Part3 .PartTit {

    padding-left: 15px;

    position: relative;

    font-size: 22px;

    font-weight: bold;

    color: #000;

    margin-bottom: 20px;

}



.CaseInfo .Part3 .PartTit::before {

    content: '';

    display: block;

    width: 3px;

    height: 20px;

    background: #df202e;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -10px;

    margin-bottom: 10px;

}



.CaseInfo .Part3 .PartBox {

    margin-left: -2%;

}



.CaseInfo .Part3 .PartBox::after {

    content: '';

    display: block;

    clear: both;

}



.CaseInfo .Part3 .PartBox .item {

    margin-bottom: 30px;

    width: 31.33%;

    float: left;

    background: #f5f5f5;

    margin-left: 2%;

}



.CaseInfo .Part3 .PartBox .item .img {

    padding-top: 240px;

}



.CaseInfo .Part3 .PartBox .item .img span {

    transition: all .5s;

    -webkit-transition: all .5s;

    background-size: cover;

}



.CaseInfo .Part3 .PartBox .item .txt {

    box-sizing: border-box;

    padding: 20px;

    /* display: flex;

    justify-content: center;

    flex-direction: column;*/

}



.CaseInfo .Part3 .PartBox .item .txt h1 {

    font-size: 18px;

    margin-bottom: 10px;

}



.CaseInfo .Part3 .PartBox .item .txt span {

    margin-bottom: 0;

    display: inline-block;

    height: 32px;

    line-height: 32px;

    border-radius: 32px;

    padding: 0 10px;

    background: #ededed;

    font-size: 14px;

    color: #999;

}



.CaseInfo .Part3 .PartBox .item .txt .dec {

    font-size: 14px;

    line-height: 28px;

    color: #999;

    /*height:20px;*/

}



.CaseInfo .Part3 .PartBox .item .txt .more {

    margin-top: 20px;

    font-size: 14px;

    color: #999;

}



.CaseInfo .Part3 .PartBox .item .txt .more img {

    display: inline-block;

    margin-left: 10px;

}



.CaseInfo .Part3 .PartBox .item:hover .img span {

    transform: scale(1.05);

    -webkit-transform: scale(1.05);

}



@media(max-width:768px) {

    .CaseInfo {

        padding: 30px 0;

    }

    .CaseInfo .Part3 .PartBox .item .img {

        padding-top: 220px;

    }

    .CaseInfo .Part3 .PartBox .item .txt {

        height: 220px;

    }

    .CaseInfo .Part1 .Txt .tit em {

        font-size: 22px;

    }

    .CaseInfo .Part3 .PartBox .item {

        width: 100%;

        margin-bottom: 20px;

    }

    .CaseInfo .Part3 .PartBox .item .img {

        width: 55%;

    }

    .CaseInfo .Part3 .PartBox .item .txt .more img {

        width: auto !important;

    }

}



@media(max-width:480px) {

    .CaseInfo .Part1 {

        padding-left: 0;

        padding-bottom: 5px;

    }

    .CaseInfo .Part1 .caseLogo {

        position: static;

        margin-bottom: 10px;

    }

    .CaseInfo .Part1 .Txt .tit {

        margin-bottom: 10px;

    }

    .CaseInfo .Part1 .Txt .tit em {

        font-size: 18px;

    }

    .CaseInfo .Part1 .Txt .tit span {

        font-size: 14px;

    }

    .CaseInfo .Part1 .Txt .dec {

        line-height: 25px;

    }

    .CaseInfo .Part2 .CaseCon {

        margin-top: 20px;

        line-height: 25px;

    }

    .CaseInfo .Part3 .PartTit {

        font-size: 20px;

    }

    .CaseInfo .Part3 .PartBox .item .img {

        width: 100%;

        padding-top: 65%;

    }

    .CaseInfo .Part3 .PartBox .item .txt {

        width: 100%;

        height: auto;

        padding: 20px;

    }

}





/* 关于我们 */



.About {

    padding: 60px 0 100px 0;

}



.aboutTit {

    margin-bottom: 30px;

}



.aboutTit h1 {

    font-size: 30px;

    color: #000;

    margin-bottom: 10px;

}



.aboutTit b {

    display: block;

    width: 15px;

    height: 2px;

    background: #df202e;

}



.aboutTit1 {

    text-align: center;

}



.aboutTit1 b {

    margin: 0 auto;

}



.Company .CompanyBox .Txt {

    width: 48%;

    line-height: 30px;

    height: 600px;

    overflow: auto;

    padding-right: 10px;

}



.Company .CompanyBox .Img {

    width: 48%;

    position: relative;

}





/*.Company .CompanyBox .Img video{

    position:absolute;

    top: 0;

    left: 0;

    z-index: 99;

}*/



.Company .CompanyBox .Img img {

    width: 100%;

}



.Company .CompanyBox .Txt::-webkit-scrollbar {

    width: 3px;

    height: 3px;

    -webkit-overflow-scrolling: touch;

    background-color: #e6e6e6;

}



.Company .CompanyBox .Txt::-webkit-scrollbar-track {

    background-color: #e6e6e6;

}



.Company .CompanyBox .Txt::-webkit-scrollbar-thumb {

    border-radius: 3px;

    background-color: #df202e;

}



.Company .CompanyBox .Txt::-webkit-scrollbar-button {

    height: 0px;

    background-color: #e6e6e6;

}



@media(max-width:1440px) {

    .Company .CompanyBox .Txt {

        height: 515px;

    }

}



@media(max-width:1366px) {

    .Company .CompanyBox .Txt {

        height: 500px;

    }

}



@media(max-width:1280px) {

    .Company .CompanyBox .Txt {

        height: 470px;

    }

}



@media(max-width:1024px) {

    .About {

        padding: 30px 0 50px 0;

    }

    .aboutTit {

        margin-bottom: 20px;

    }

    .aboutTit h1 {

        font-size: 20px;

    }

    .Company .CompanyBox .Txt {

        height: 380px;

    }

}



@media(max-width:768px) {

    .Company .CompanyBox .Txt {

        width: 100%;

        height: auto;

        line-height: 25px;

    }

    .Company .CompanyBox .Img {

        width: 100%;

        margin-top: 20px;

    }

}





/* 发展历程 */



@media(max-width:768px) {

    .Timeline000913 .title {

        padding-bottom: 6vw;

    }

}



@media(max-width:640px) {

    .Timeline000913 .title .cn {

        font-size: 6vw;

    }

}



.Timeline000913 .main {

    position: relative;

    z-index: 1;

    padding-bottom: 7.396vw;

}



.Timeline000913 .main .quan {

    display: block;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #fff;

    border: 1px solid #dedede;

}



.Timeline000913 .main:before {

    position: absolute;

    content: '';

    width: 1px;

    top: 10px;

    bottom: 0;

    background: #d9d9d9;

}



@media(min-width:769px) {

    .Timeline000913 .main .quan {

        margin: 0 auto;

    }

    .Timeline000913 .main:before {

        left: 50%;

    }

    .Timeline000913 .outer>.ytable-cell {

        width: 50%;

    }

}



@media(max-width:768px) {

    .Timeline000913 .outer,

    .Timeline000913 .outer>.ytable-cell {

        display: block;

    }

    .Timeline000913 .main:before {

        left: 5px;

    }

}



.Timeline000913 .item {

    position: relative;

    z-index: 4;

}



.Timeline000913 .item:not(:last-child) {

    margin-bottom: 2.08vw;

}



.Timeline000913 .info {

    position: relative;

}



.Timeline000913 .info:before {

    position: absolute;

    content: '';

    top: 50%;

    margin-top: -16px;

    border: 16px solid transparent;

}



.Timeline000913 .info .inner {

    background: #f0f0f0;

    padding: 1.5vw;

}



.Timeline000913 .pic {

    width: 32.787%;

}



.Timeline000913 .pre pre {

    font-size: 15px;

    line-height: 1.867em;

}



.Timeline000913 .year {

    font-family: DINB;

    color: #df202e;

    font-size: 40px;

}



.Timeline000913 .year aside {

    background-repeat: no-repeat;

    background-image: url("../images/yuan.png");

}



@media(min-width:769px) {

    .Timeline000913 .item:nth-of-type(2n-1) .info {

        padding-right: 32px;

    }

    .Timeline000913 .item:nth-of-type(2n) .info {

        padding-left: 32px;

    }

    .Timeline000913 .item:nth-of-type(2n-1) .info:before {

        right: 0;

        border-left-color: #f0f0f0;

    }

    .Timeline000913 .item:nth-of-type(2n) .info:before {

        left: 0;

        border-right-color: #f0f0f0;

    }

    .Timeline000913 .item:nth-of-type(2n-1) .pre {

        padding-left: 2vw;

    }

    .Timeline000913 .item:nth-of-type(2n) .pre {

        padding-right: 2vw;

    }

    .Timeline000913 .item:nth-of-type(2n-1) .year aside {

        margin-left: -10px;

        background-position: left center;

    }

    .Timeline000913 .item:nth-of-type(2n-1) .year aside:before,

    .Timeline000913 .item:nth-of-type(2n) .year aside:after {

        display: inline-block;

        content: '';

        width: 30px;

        height: 1px;

        vertical-align: middle;

        background: #d9d9d9;

        margin: -10px 32px 0;

    }

    .Timeline000913 .item:nth-of-type(2n) .year aside {

        background-position: right center;

        margin-right: -11px;

        text-align: right;

    }

}



@media(max-width:768px) {

    .Timeline000913 .main {

        margin-left: 3vw;

    }

    .Timeline000913 .year {

        font-size: 7vw;

    }

    .Timeline000913 .year aside {

        padding-left: 32px;

        background-position: left center;

        margin-left: -5px;

    }

    .Timeline000913 .year aside:before {

        display: inline-block;

        content: '';

        width: 30px;

        height: 1px;

        vertical-align: middle;

        background: #d9d9d9;

        margin: -1vw 3vw 0;

    }

    .Timeline000913 .info {

        padding: 3vw;

    }

    .Timeline000913 .pre {

        padding-left: 3vw;

    }

}



@media(max-width:480px) {

    .Timeline000913 .pic {

        width: 45%;

    }

    .Timeline000913 .pre pre {

        font-size: 3.5vw;

    }

}





/* 资质荣誉 */



.PicList002925 {

    background: #f5f5f5;

    padding: 3.125vw 0;

    overflow: hidden;

}



.PicList002925 .auto {

    max-width: 1400px;

}



.PicList002925 .title {

    margin-bottom: 2.5vw;

    text-align: center;

}



.PicList002925 .title .cn {

    font-size: 30px;

    color: #a52d33;

    padding-bottom: 10px;

    font-weight: bold;

}



.PicList002925 .title .en {

    font-family: 'bebas-neue';

    color: #d2d2d2;

    letter-spacing: 2px;

}



@media(max-width:768px) {

    .PicList002925 .title {

        padding-bottom: 6vw;

    }

}



@media(max-width:640px) {

    .PicList002925 .title .cn {

        font-size: 6vw;

    }

}



.PicList002925 .list {

    padding: 0 3.4375vw;

}



.PicList002925 .list ul {

    margin: 0 -2vw;

}



.PicList002925 li {

    float: left;

    text-align: center;

    position: relative;

    background: url("../images/PicList002925_taibg.png") repeat-x top 70% left;

}



.PicList002925 li a {

    display: block;

    position: relative;

    z-index: 3;

}



.PicList002925 li .pic {

    padding-bottom: 1.98vw;

}



.PicList002925 li .Ispic {

    padding-bottom: 55%;

    background-size: contain;

}



.PicList002925 li .tit {

    margin-top: 1.303vw;

    margin-bottom: 2.08vw;

    padding: 0 5%;

}



.PicList002925 li .tit aside {

    font-size: 16px;

    line-height: 1.25em;

    height: 2.5em;

}



@media(min-width:769px) {

    .PicList002925 li {

        width: 25%;

    }

    .PicList002925 li:first-child:before,

    .PicList002925 li:nth-child(4n+1):before {

        position: absolute;

        top: 0;

        content: '';

        height: 100%;

        background: url("../images/PicList002925_taibg_l.png") no-repeat left top 70% #f5f5f5;

        width: 7.4375vw;

        left: -2vw;

    }

    .PicList002925 li:last-child:before,

    .PicList002925 li:nth-child(4n):before {

        position: absolute;

        top: 0;

        content: '';

        height: 100%;

        background: url("../images/PicList002925_taibg_r.png") no-repeat right top 70% #f5f5f5;

        width: 7.4375vw;

        right: -2vw;

    }

}



@media(max-width:768px) {

    .PicList002925 .list {

        padding: 0 6vw;

    }

    .PicList002925 li {

        width: 50%;

    }

    .PicList002925 li .pic {

        padding-bottom: 7vw;

    }

    .PicList002925 li .tit {

        margin-bottom: 5vw;

    }

    .PicList002925 li:first-child:before,

    .PicList002925 li:nth-child(2n+1):before {

        position: absolute;

        top: 0;

        content: '';

        height: 100%;

        background: url("../images/PicList002925_taibg_l.png") no-repeat left top 70% #f5f5f5;

        width: 7.4375vw;

        left: -3vw;

    }

    .PicList002925 li:last-child:before,

    .PicList002925 li:nth-child(2n):before {

        position: absolute;

        top: 0;

        content: '';

        height: 100%;

        background: url("../images/PicList002925_taibg_r.png") no-repeat right top 70% #f5f5f5;

        width: 7.4375vw;

        right: -3vw;

    }

    .PicList002925 li .tit aside {

        font-size: 3vw;

    }

}





/* 组织架构 */



.Zuzhijg .ZuzhijgBox .p {

    text-align: center;

    font-size: 16px;

    color: #808080;

    line-height: 1.875em;

}



.Zuzhijg .ZuzhijgBox .ZuzhijgCon {

    margin-top: 2em;

}



.Zuzhijg .ZuzhijgBox h4 {

    text-align: center;

    font-size: 18px;

    color: #000;

}



.Zuzhijg .ZuzhijgBox h4:after {

    display: block;

    margin: 5px auto 0;

    content: '';

    border: 4px solid transparent;

    border-top-color: #a52d33;

    width: 0;

    height: 0;

    border-top-width: 6px;

}



.Zuzhijg .ZuzhijgBox .ZuzhijgCon .Img {

    background: #f0f0f0;

    padding: 3.125vw;

    margin-top: 10px;

}





/* 企业文化 */



.RighInfo003073 .col-title {

    font-size: 35px;

    padding-bottom: 3.18vw;

}



.RighInfo003073 .col-title .cn {

    font-size: 30px;

    color: #333;

}



.RighInfo003073 .col-title .cn:after {

    display: inline-block;

    content: '';

    height: 1px;

    background: #df202e;

    width: 5.36em;

    margin-left: 0.521em;

    vertical-align: middle;

}



.RighInfo003073 .col-title .en {

    font-family: 'Arial';

    color: #df202e;

    line-height: 1em;

    padding-top: 0.2em;

}



@media(min-width:769px) and (max-width:1024px) {

    .RighInfo003073 .col-title {

        font-size: 4vw;

    }

}



@media(max-width:640px) {

    .RighInfo003073 .col-title {

        font-size: 20px;

        margin-bottom: 10px;

    }

    .RighInfo003073 .col-title .cn {

        font-size: 22px;

    }

}



.RighInfo003073 .row {

    margin-bottom: 3vw;

}



.RighInfo003073 h3 {

    font-size: 24px;

    color: #df202e;

    margin: 0 0 0.3em 0;

}



.RighInfo003073 p {

    color: #939393;

    font-size: 16px;

    margin: 0;

}



.RighInfo003073 .box-2 {

    position: relative;

    z-index: 1;

}



.RighInfo003073 .box-2:before {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background: #df202e;

    content: '';

}



.RighInfo003073 .box-2 .auto {

    position: relative;

    z-index: 5;

}



.RighInfo003073 .box-2 .y-1 {

    margin-bottom: 1.72vw;

    position: relative;

    z-index: 99;

}



.RighInfo003073 .box-2 .y-1 .ytable-cell {

    padding-left: 4.48vw;

    padding-top: 3vw;

}



.RighInfo003073 .box-2 .y-1 .ytable-cell:not(:nth-child(1)) * {

    color: #fff;

}



.RighInfo003073 .box-2 .y-2 {

    min-height: 14.58vw;

}



@media(min-width:1025px) {

    .RighInfo003073 .box-1 .fl {

        width: 48%;

    }

    .RighInfo003073 .box-1 .fr {

        width: 50%;

    }

    .RighInfo003073 .box-1 .col-title {

        padding-right: 40%;

    }

    .RighInfo003073 .box-2 .y-1 .ytable-cell:nth-child(1) {

        width: 50%;

    }

    .RighInfo003073 .box-2 .y-2 .ytable-cell {

        table-layout: fixed;

        padding-left: 4.48vw;

        width: 25%;

    }

}



@media(max-width:1024px) {

    .RighInfo003073 .box-2 .ytable,

    .RighInfo003073 .box-2 .ytable-cell {

        display: block;

        overflow: hidden;

    }

    .RighInfo003073 .box-2 .y-1 .row {

        width: 50%;

        float: left;

        padding-right: 2%;

    }

    .RighInfo003073 .box-2 .y-2 .ytable-cell {

        padding: 2vw 4vw;

    }

}



@media(max-width:640px) {

    .RighInfo003073 h3 {

        font-size: 4.5vw;

    }

    .RighInfo003073 p {

        font-size: 3.5vw;

    }

}





/* 销售网络 */



.Sale {

    padding: 60px 0;

}



.SaleNet .Img {

    text-align: center;

}



.SaleNet .Part1 {

    margin-bottom: 30px;

}



.aboutTit1 p {

    color: #666;

    margin-top: 10px;

}



.SaleNet .Part2 {

    padding: 60px 0;

    background: #f6f6f6;

    margin-bottom: 60px;

}



.SaleNet .Part2 .PartBox {

    max-width: 1200px;

    margin: 0 auto;

    margin-top: 5vw;

}



.SaleNet .Part2 .PartBox .item {

    width: 31.33%;

    margin: 0 1%;

    float: left;

    text-align: center;

    padding: 30px;

    box-sizing: border-box;

    background: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

}



.SaleNet .Part2 .PartBox .item .ico {

    height: 100px;

    width: 100px;

    border-radius: 50%;

    border: 1px solid #df202e;

    line-height: 100px;

    margin: 0 auto;

}



.SaleNet .Part2 .PartBox .item h1 {

    font-size: 22px;

    margin: 20px 0 10px 0;

}



.SaleNet .Part2 .PartBox .item .dec {

    font-size: 14px;

    color: #666;

    height: 40px;

}



.SaleNet .Part2 .PartBox .item .ico img {

    max-width: 48px;

    max-height: 48px;

}



@media(max-width:1024px) {

    .Sale {

        padding: 30px 0;

    }

    .SaleNet .Part2 .PartBox .item .ico {

        width: 70px;

        height: 70px;

        line-height: 70px;

    }

    .SaleNet .Part2 .PartBox .item .ico img {

        max-width: 35px;

        max-height: 35px;

    }

    .SaleNet .Part2 .PartBox .item h1 {

        font-size: 20px;

    }

}



@media(max-width:768px) {

    .SaleNet .Part2 .PartBox .item {

        padding: 20px 10px;

    }

}



@media(max-width:480px) {

    .SaleNet .Part2 .PartBox .item {

        width: 98%;

        margin-bottom: 10px;

    }

    .SaleNet .Part2 .PartBox .item h1 {

        font-size: 18px;

        margin: 10px 0 5px 0;

    }

}





/* 新闻中心 */



.News {

    padding: 60px 0;

}



.News .NewsBox .item {

    padding: 2.5vw;

}



.News .NewsBox .item:nth-child(2n+1) {

    background: #f5f5f5;

}



.News .NewsBox .item .img {

    width: 25%;

    padding-top: 220px;

}



.News .NewsBox .item .img span {

    transition: all .5s;

    -webkit-transition: all .5s;

}



.News .NewsBox .item .txt {

    width: 72%;

}



.News .NewsBox .item .txt .txtbox {

    padding-left: 120px;

    position: relative;

    padding-bottom: 20px;

    border-bottom: 1px dashed #ddd;

    margin-bottom: 25px;

}



.News .NewsBox .item .txt .txtbox .date {

    position: absolute;

    width: 100px;

    top: 0;

    left: 0;

    font-family: Oswald;

    text-align: center;

}



.News .NewsBox .item .txt .txtbox .date p {

    font-size: 50px;

    line-height: 50px;

    margin-bottom: 10px;

}



.News .NewsBox .item .txt .txtbox .date span {

    color: #777;

}



.News .NewsBox .item .txt .txtbox h1 {

    font-size: 18px;

    margin-bottom: 15px;

}



.News .NewsBox .item .txt .txtbox .dec {

    font-size: 14px;

    line-height: 25px;

    color: #777;

    height: 75px;

}



.News .NewsBox .item .txt .newsMore {

    float: right;

    width: 105px;

    height: 38px;

    line-height: 36px;

    border: 2px solid #e1e1e1;

    text-align: center;

    font-size: 14px;

}



.News .NewsBox .item:hover .img span {

    transform: scale(1.05);

    -webkit-transform: scale(1.05);

}



.News .NewsBox .item:hover .txt .newsMore {

    background: #df202e;

    color: #fff;

}



@media(max-width:1024px) {

    .News {

        padding: 30px 0;

    }

}



@media(max-width:768px) {

    .News .NewsBox .item .img {

        width: 100%;

        padding-top: 65%;

    }

    .News .NewsBox .item .txt {

        width: 100%;

        margin-top: 20px;

    }

}



@media(max-width:480px) {

    .News .NewsBox .item {

        padding-bottom: 20px;

    }

    .News .NewsBox .item .txt .txtbox {

        padding-left: 70px;

        padding-bottom: 10px;

        margin-bottom: 10px;

    }

    .News .NewsBox .item .txt .txtbox .date {

        width: 60px;

    }

    .News .NewsBox .item .txt .txtbox .date p {

        font-size: 25px;

        line-height: 25px;

    }

    .News .NewsBox .item .txt .txtbox h1 {

        font-size: 16px;

        margin-bottom: 5px;

    }

    .News .NewsBox .item .txt .newsMore {

        width: 90px;

        height: 28px;

        line-height: 26px;

        font-size: 12px;

    }

}





/* 新闻详情 */



.NewsInfo {

    padding: 60px 0;

}



.Titleinfo {

    border-bottom: 1px solid #e6e6e6;

    text-align: center;

    margin-bottom: 35px;

    padding: 0px 0 18px;

}



.Titleinfo .tits {

    font-size: 26px;

    color: #010101;

    line-height: 40px;

}



.Titleinfo .date {

    font-size: 14px;

    padding: 5px 0 0 0;

    color: #808080;

}



.Titleinfo .date i {

    display: inline-block;

    margin: 0 10px;

}



.Titleinfo .share {

    display: inline-block;

    *display: inline;

    zoom: 1;

    vertical-align: middle;

}



.PrevNextBox {

    margin: 50px 0 0 0;

    position: relative;

    padding-top: 11px;

    border-top: 1px solid #e6e6e6;

    color: #888888;

    font-size: 16px;

}



.PrevNextBox dl {

    width: 70%;

    line-height: 50px;

    height: 50px;

    overflow: hidden;

    border-bottom: 1px dotted #d9d9d9;

    position: relative;

}



.PrevNextBox dl span {

    padding: 0 75px 0 55px;

    position: relative;

    display: block;

}



.PrevNextBox dl span em {

    position: absolute;

    left: 0px;

    top: 0px;

    color: #333333;

}



.PrevNextBox dl span .date {

    position: absolute;

    right: 0;

    top: 0;

    color: #808080;

    font-size: 14px;

    font-family: Arial, Helvetica, sans-serif;

}



.PrevNextBox dl a {

    margin: 0px auto;

    display: block;

    text-overflow: ellipsis;

    white-space: nowrap;

    *white-space: nowrap;

    overflow: hidden;

    width: 95%;

    color: #333333;

}



.PrevNextBox dl a.none {

    color: #999;

}



.PrevNextBox a.back {

    position: absolute;

    right: 0;

    top: 54px;

    color: #b30506;

    font-size: 16px;

    padding-right: 31px;

    background: url(../images/ico/back.png) right center no-repeat;

}



.SinglePage {

    line-height: 30px;

}



.SinglePage img {

    display: block;

    max-width: 1200px;

    margin: 10px auto 0;

    width: 100%;

}



@media(max-width:768px) {

    .NewsInfo {

        padding: 30px 0;

    }

    .Titleinfo {

        line-height: 20px;

        font-size: 12px;

        padding-bottom: 15px;

        margin-bottom: 20px;

    }

    .Titleinfo .tits {

        font-size: 18px;

        line-height: 24px;

        padding-bottom: 10px;

    }

    .Titleinfo .share {

        display: none;

    }

    .PrevNextBox {

        margin: 50px 0 0 0;

        font-size: 14px;

    }

    .PrevNextBox dl {

        width: auto;

        line-height: 30px;

        height: 30px;

        margin-bottom: 8px;

    }

    .PrevNextBox dl span {

        padding-left: 45px;

    }

    .PrevNextBox a.back {

        font-size: 14px;

        top: -35px;

    }

}





/* 成为经销商 */





/* 售前服务 */



.Jingxiaos {

    padding: 60px 0;

}



.Jingxiaos .Part1 .PartBox {

    background: url(../images/jxsbg.png) no-repeat center center;

    background-size: cover;

    text-align: center;

    padding: 60px 0;

}



.Jingxiaos .Part1 .PartBox .txt .tit {

    font-size: 25px;

    font-weight: bold;

    color: #000;

    margin-bottom: 10px;

}



.Jingxiaos .Part1 .PartBox .txt .tit::before,

.Jingxiaos .Part1 .PartBox .txt .tit::after {

    content: '';

    display: inline-block;

    width: 150px;

    height: 2px;

    background: #333;

    margin: 0 10px;

    position: relative;

    top: -7px;

}



.Jingxiaos .Part1 .PartBox .txt .dec {

    color: #000;

    margin: 2vw 0;

}



.Jingxiaos .Part1 .PartBox .txt .dec h3 {

    font-size: 22px;

}



.Jingxiaos .Part1 .PartBox .txt .dec p {

    font-size: 18px;

    margin: 1vw 0;

}



.Jingxiaos .Part1 .PartBox .txt .dec .sp1 {

    font-size: 20px;

}



.Jingxiaos .Part1 .PartBox .txt .dec .sp2 {

    font-size: 36px;

}



.Jingxiaos .Part1 .PartBox .txt .dec h1 {

    font-size: 30px;

}



.Jingxiaos .Part1 .PartBox ul {

    max-width: 1000px;

    margin: 0 auto;

    margin: 4vw auto;

}



.Jingxiaos .Part1 .PartBox ul::after {

    content: '';

    display: block;

    clear: both;

}



.Jingxiaos .Part1 .PartBox ul li {

    width: 33.33%;

    float: left;

    box-sizing: border-box;

    padding: 0 1.5vw;

}



.Jingxiaos .Part1 .PartBox ul li .ico {

    width: 100px;

    height: 100px;

    background: #fff;

    text-align: center;

    line-height: 100px;

    border-radius: 50%;

    margin: 0 auto;

}



.Jingxiaos .Part1 .PartBox ul li .ico img {

    max-width: 50px;

    max-height: 50px;

}



.Jingxiaos .Part1 .PartBox ul li p {

    font-size: 18px;

    font-weight: bold;

    margin-top: 20px;

    line-height: 30px;

    text-align: center;

    height: 60px;

}



.Jingxiaos .Part1 .PartBox .apply {}



.Jingxiaos .Part1 .PartBox .apply a {

    display: block;

    width: 150px;

    height: 45px;

    line-height: 45px;

    border-radius: 5px;

    color: #fff;

    text-align: center;

    background: #df202e;

    margin: 0 auto;

}



.Jingxiaos .Part1 .PartBox ul li:hover .ico {

    -webkit-animation: icon-bounce 0.5s alternate;

    -moz-animation: icon-bounce 0.5s alternate;

    -o-animation: icon-bounce 0.5s alternate;

    animation: icon-bounce 0.5s alternate;

}



.Jingxiaos .Part2 {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    padding: 60px 0;

}



.Jingxiaos .Part2 .aboutTit h1 {

    color: #fff;

}



.Jingxiaos .Part2 .PartBox {

    max-width: 1000px;

    margin: 0 auto;

    margin: 5vw auto 2vw;

}



.Jingxiaos .Part2 .PartBox ul {

    margin-left: -5%;

}



.Jingxiaos .Part2 .PartBox ul::after {

    content: '';

    display: block;

    clear: both;

}



.Jingxiaos .Part2 .PartBox ul li {

    width: 15%;

    margin-left: 5%;

    float: left;

    height: 200px;

    background: rgba(0, 0, 0, 0.2);

    display: flex;

    justify-content: center;

    flex-direction: column;

    box-sizing: border-box;

    padding: 15px;

    position: relative;

}



.Jingxiaos .Part2 .PartBox ul li .ico {

    height: 50px;

    line-height: 50px;

    text-align: center;

}



.Jingxiaos .Part2 .PartBox ul li .ico img {

    max-height: 50px;

}



.Jingxiaos .Part2 .PartBox ul li p {

    font-size: 16px;

    font-weight: bold;

    color: #fff;

    line-height: 28px;

    height: 56px;

    margin-top: 20px;

    text-align: center;

}



.Jingxiaos .Part2 .PartBox ul li::before {

    content: "";

    display: block;

    width: 32px;

    height: 32px;

    background: url(../images/xy.png) no-repeat center center;

    background-size: 100%;

    position: absolute;

    left: -26%;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}



.Jingxiaos .Part2 .PartBox ul li:first-child:before {

    display: none;

}



.Jingxiaos .Part2 .PartBox ul li:hover .ico {

    -webkit-animation: icon-bounce 0.5s alternate;

    -moz-animation: icon-bounce 0.5s alternate;

    -o-animation: icon-bounce 0.5s alternate;

    animation: icon-bounce 0.5s alternate;

}



.Jingxiaos .Part3 {

    padding: 60px 0;

}



.Jingxiaos .Part3 .PartBox {

    background: url(../images/formbg.png) no-repeat center center;

    background-size: cover;

    max-width: 1200px;

    margin: 0 auto;

}



.Jingxiaos .Part3 .PartBox .PartForm {

    padding: 4vw 2vw;

    max-width: 1000px;

    margin: 0 auto;

}



.Jingxiaos .Part3 .PartBox .PartForm .inputBox {

    padding-left: 90px;

    position: relative;

    box-sizing: border-box;

    height: 50px;

    line-height: 50px;

    margin-bottom: 20px;

}



.Jingxiaos .Part3 .PartBox .PartForm .inputBox input {

    border-radius: 5px;

    height: 100%;

    width: 100%;

    border: 1px solid #fff;

    box-sizing: border-box;

    padding: 0 10px;

    background: #fff;

}



.Jingxiaos .Part3 .PartBox .PartForm .inputBox span {

    width: 90px;

    text-align: right;

    position: absolute;

    left: 0;

    top: 0;

    color: #fff;

    padding-right: 10px;

}



.Jingxiaos .Part3 .PartBox .PartForm .InputList {

    margin-left: -2%;

}



.Jingxiaos .Part3 .PartBox .PartForm .InputList::after {

    content: '';

    display: block;

    clear: both;

}



.Jingxiaos .Part3 .PartBox .PartForm .InputList .inputBox {

    width: 48%;

    margin-left: 2%;

    float: left;

}



.Jingxiaos .Part3 .PartBox .PartForm .inputBox.textareaBox {

    height: auto;

}



.Jingxiaos .Part3 .PartBox .PartForm .inputBox.textareaBox textarea {

    height: 150px;

    line-height: 50px;

    border: 1px solid #ccc;

    border-radius: 5px;

    width: 100%;

    padding: 0 10px;

    box-sizing: border-box;

    background: #fff;

}



.Jingxiaos .Part3 .PartBox .PartForm .FormBtn {

    padding-left: 90px;

    margin-top: 30px;

}



.Jingxiaos .Part3 .PartBox .PartForm .FormBtn button {

    width: 150px;

    height: 50px;

    border-radius: 5px;

    background: #fff;

    text-align: center;

    line-height: 50px;

    color: #df202e;

}



.Jingxiaos .Part3 .PartBox .PartForm .FormBtn button.reset {

    margin-right: 10px;

}



@media(max-width:1024px) {

    .Jingxiaos {

        padding: 30px 0;

    }

    .Jingxiaos .Part1 .PartBox {

        padding: 30px 0;

    }

    .Jingxiaos .Part1 .PartBox .txt .tit {

        font-size: 20px;

    }

    .Jingxiaos .Part1 .PartBox .txt .dec h3 {

        font-size: 18px;

    }

    .Jingxiaos .Part1 .PartBox .txt .dec p {

        font-size: 14px;

    }

    .Jingxiaos .Part1 .PartBox .txt .dec h1 {

        font-size: 25px;

    }

    .Jingxiaos .Part2 {

        padding: 30px 0;

    }

    .Jingxiaos .Part3 {

        padding: 30px 0;

    }

    .Jingxiaos .Part1 .PartBox .txt .dec .sp1 {

        font-size: 18px;

    }

    .Jingxiaos .Part1 .PartBox .txt .dec .sp2 {

        font-size: 30px;

    }

}



@media(max-width:768px) {

    .Jingxiaos .Part1 .PartBox ul li .ico {

        width: 80px;

        line-height: 80px;

        height: 80px;

    }

    .Jingxiaos .Part1 .PartBox ul li .ico img {

        max-height: 40px;

        max-width: 40px;

    }

    .Jingxiaos .Part1 .PartBox ul li p {

        font-size: 16px;

    }

    .Jingxiaos .Part2 .PartBox ul li .ico {

        height: 40px;

        line-height: 40px;

    }

    .Jingxiaos .Part2 .PartBox ul li .ico img {

        max-height: 35px;

    }

    .Jingxiaos .Part2 .PartBox ul li {

        padding: 5px;

    }

    .Jingxiaos .Part1 .PartBox .txt .dec .sp1 {

        font-size: 16px;

    }

    .Jingxiaos .Part1 .PartBox .txt .dec .sp2 {

        font-size: 26px;

    }

}



@media(max-width:480px) {

    .Jingxiaos .Part1 .PartBox .txt .tit::before,

    .Jingxiaos .Part1 .PartBox .txt .tit::after {

        display: none;

    }

    .Jingxiaos .Part1 .PartBox .txt .dec h1 {

        font-size: 22px;

    }

    .Jingxiaos .Part1 .PartBox ul li .ico {

        width: 65px;

        height: 65px;

        line-height: 65px;

    }

    .Jingxiaos .Part1 .PartBox ul li .ico img {

        max-height: 30px;

        max-width: 30px;

    }

    .Jingxiaos .Part1 .PartBox ul li p {

        font-size: 14px;

        line-height: 22px;

    }

    .Jingxiaos .Part1 .PartBox .apply a {

        width: 120px;

        height: 35px;

        line-height: 35px;

    }

    .Jingxiaos .Part2 .PartBox ul {

        margin-left: -2%;

    }

    .Jingxiaos .Part2 .PartBox ul li {

        width: 31.33%;

        margin-left: 2%;

        margin-bottom: 10px;

        height: 150px;

    }

    .Jingxiaos .Part2 .PartBox ul li::before {

        display: none;

    }

    .Jingxiaos .Part2 .PartBox ul li p {

        font-size: 14px;

        line-height: 22px;

    }

    .Jingxiaos .Part3 .PartBox .PartForm .InputList .inputBox {

        width: 98%;

    }

    .Jingxiaos .Part3 .PartBox .PartForm .inputBox {

        margin-bottom: 5px;

    }

    .Jingxiaos .Part3 .PartBox .PartForm .InputList .inputBox {

        width: 98%;

        line-height: 40px;

        height: 40px;

    }

    .Jingxiaos .Part3 .PartBox .PartForm .inputBox {

        margin-bottom: 5px;

    }

    .Jingxiaos .Part3 .PartBox .PartForm .FormBtn {

        margin-top: 5px;

    }

    .Jingxiaos .Part3 .PartBox .PartForm .FormBtn button {

        width: 100px;

        height: 40px;

        line-height: 40px;

    }

    .Jingxiaos .Part1 .PartBox .txt .dec .sp2 {

        font-size: 20px;

    }

}





/* 悬浮框 */



.FloatBox {

    position: fixed;

    right: 0;

    z-index: 999;

    bottom: 0;

}



.FloatBox ul li {

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    background: #df202e;

    margin-bottom: 1px;

    position: relative;

}



.FloatBox ul li .tcBox {

    position: absolute;

    right: 100%;

    top: 0;

    opacity: 0;

    transform: translateX(200px);

    -webkit-transform: translateX(200px);

    transition: all .5s;

    -webkit-transition: all .5s;

}



.FloatBox ul li .tcEwa {

    width: 100px;

    height: 100px;

    border: 3px solid #791017;

}



.FloatBox ul li .tcTel {

    width: 180px;

    height: 100%;

    background: #791017;

    color: #fff;

    text-align: center;

    font-size: 18px;

}



.FloatBox ul li:hover .tcBox {

    transform: translateX(0);

    -webkit-transform: translateX(0);

    opacity: 1;

}



.FloatBox ul li a {

    display: block;

}



.FloatBox ul li:hover {

    background: #791017

}



.FloatBox ul li.goTop {

    opacity: 0;

    transform: translateY(30px);

    -webkit-transform: translateY(30px);

    transition: all .5s;

    -webkit-transition: all .5s;

}



.FloatBox ul li.goTop.on {

    opacity: 1;

    transform: translateY(0);

    -webkit-transform: translateY(0);

}



@media(max-width:768px) {

    .FloatBox ul li {

        width: 45px;

        height: 45px;

        line-height: 45px;

    }

}





/* 资料下载 */



.Service {

    padding: 60px 0;

}



.Download .DownloadBox {

    margin-left: -10%;

}



.Download .DownloadBox .item {

    padding-bottom: 40px;

    position: relative;

    padding-right: 60px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    width: 40%;

    margin-left: 10%;

    box-sizing: border-box;

    float: left;

    margin-bottom: 60px;

}



.Download .DownloadBox .item .txt {

    padding-left: 70px;

    position: relative;

}



.Download .DownloadBox .item .txt .ico {

    position: absolute;

    left: 0;

    top: 0;

    background: #f5f5f5;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

}



.Download .DownloadBox .item .txt p {

    font-size: 18px;

    margin-bottom: 5px;

}



.Download .DownloadBox .item .txt span {

    font-size: 14px;

    opacity: 0.3;

}



.Download .DownloadBox .item .download {

    position: absolute;

    top: 0;

    right: 0;

}



.Download .DownloadBox .item .download .img2 {

    display: none;

}



.Download .DownloadBox .item:hover .download .img1 {

    display: none;

}



.Download .DownloadBox .item:hover .download .img2 {

    display: block;

}



@media(max-width:1366px) {

    .Download .DownloadBox {

        margin-left: -5%;

    }

    .Download .DownloadBox .item {

        width: 45%;

        margin-left: 5%;

        padding-bottom: 30px;

        margin-bottom: 60px;

    }

}



@media(max-width:1024px) {

    .Service {

        padding: 30px 0;

    }

    .Download .DownloadBox .item .txt p {

        font-size: 16px;

    }

    .Download .DownloadBox .item {

        padding-bottom: 20px;

        margin-bottom: 40px;

    }

}



@media(max-width:640px) {

    .Download .DownloadBox .item {

        width: 95%;

    }

}





/* 售后服务 */



.Shouhou .ShouhouBox .Part {

    position: relative;

}



.Shouhou .ShouhouBox .Part .txt {

    width: 100%;

    box-sizing: border-box;

    position: absolute;

    left: 0;

    top: 0;

    padding: 8vw;

}



.Shouhou .ShouhouBox .Part .txt h1 {

    font-size: 30px;

    color: #000;

}



.Shouhou .ShouhouBox .Part .txt .dec {

    max-width: 600px;

    margin-top: 10px;

    color: #000;

    line-height: 30px;

}



.Shouhou .ShouhouBox .Part2 {

    margin-top: 30px;

    margin-left: -2%;

}



.Shouhou .ShouhouBox .Part2 .item {

    width: 48%;

    float: left;

    margin-left: 2%;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.Shouhou .ShouhouBox .Part2 .item .txt {

    padding: 3vw;

}



.Shouhou .ShouhouBox .Part2 .item .txt h1 {

    font-size: 22px;

    margin-bottom: 10px;

}



.Shouhou .ShouhouBox .Part2 .item .txt .dec {

    line-height: 30px;

}



.Shouhou .ShouhouBox .Part3 {

    margin-top: 30px;

}



.Shouhou .ShouhouBox .Part3 .txt h1 {

    color: #333;

}



.Shouhou .ShouhouBox .Part3 .txt .dec {

    color: #666;

}



.Shouhou .ShouhouBox .Part4 {

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    margin-top: 30px;

}



.Shouhou .ShouhouBox .Part4 .item {

    width: 50%;

    float: left;

    box-sizing: border-box;

    padding: 4vw 4vw;

}



.Shouhou .ShouhouBox .Part4 .item:nth-child(1),

.Shouhou .ShouhouBox .Part4 .item:nth-child(4) {

    background: #f7f7f7;

}



.Shouhou .ShouhouBox .Part4 .item .txt {

    font-size: 20px;

}



.Shouhou .ShouhouBox .Part4 .item .txt span {

    font-size: 50px;

}



.Shouhou .ShouhouBox .Part4 .item .line {

    width: 20px;

    height: 2px;

    background: #df202e;

    margin: 20px 0 20px 10px;

}



@media(max-width:1024px) {

    .Shouhou .ShouhouBox .Part .txt h1 {

        font-size: 20px;

    }

    .Shouhou .ShouhouBox .Part .txt .dec {

        font-size: 14px;

        line-height: 22px;

    }

    .Shouhou .ShouhouBox .Part2 .item .txt h1 {

        font-size: 20px;

    }

    .Shouhou .ShouhouBox .Part2 .item .txt .dec {

        font-size: 14px;

        line-height: 22px;

        min-height: 66px;

    }

    .Shouhou .ShouhouBox .Part4 .item .txt {

        font-size: 16px;

    }

    .Shouhou .ShouhouBox .Part4 .item .txt span {

        font-size: 30px;

    }

}



@media(max-width:768px) {

    .Shouhou .ShouhouBox .Part .txt {

        position: relative;

        padding: 3vw;

    }

    .Shouhou .ShouhouBox .Part .txt h1 {

        color: #333;

        font-size: 18px;

    }

    .Shouhou .ShouhouBox .Part .txt .dec {

        color: #666;

    }

    .Shouhou .ShouhouBox .Part2 .item {

        width: 98%;

        margin-bottom: 10px;

    }

    .Shouhou .ShouhouBox .Part2 .item .txt h1 {

        font-size: 18px;

    }

    .Shouhou .ShouhouBox .Part4 .item .txt {

        font-size: 14px;

    }

    .Shouhou .ShouhouBox .Part4 .item .txt span {

        font-size: 20px;

    }

}





/* 联系我们 */



.Contact {

    padding: 60px 0;

}



.Contact .Part1 {

    max-width: 1200px;

    margin: 0 auto;

}



.contact1-icon {

    overflow: hidden;

    background: 0 0;

    display: inline-block;

    padding: 0 20px;

    width: 106px;

    height: 106px;

    text-align: center;

    line-height: 106px;

    border-radius: 50%;

    border: 1px solid #dedede;

    margin: 0 auto;

}



.contact1-icon img {

    display: inline-block;

    max-width: 100%;

    line-height: 106px;

    transition: ease .5s

}



.Contact .Part1 li h3 {

    margin-bottom: 20px;

    font-size: 20px;

    line-height: 30px;

    color: #333;

    font-family: Arial

}



.Contact .Part1 li p {

    font-size: 16px;

    /*line-height: 28px;*/

    color: #666

}



.Contact .Part1 ul::after {

    content: '';

    display: block;

    clear: both;

}



.Contact .Part1 ul li {

    width: 50%;

    float: left;

    text-align: center;

}



.Contact .Part2 {

    margin-top: 60px;

}



.Contact .Part2 .map #map {

    height: 500px;

}



@media(max-width:768px) {

    .Contact {

        padding: 30px 0;

    }

    .Contact .Part1 li h3 {

        font-size: 18px;

    }

    .contact1-icon {

        width: 80px;

        line-height: 80px;

        height: 80px;

    }

}



@media(max-width:480px) {

    .Contact .Part1 ul li {

        width: 100%;

        margin-bottom: 20px;

    }

    .Contact .Part2 .map #map {

        height: 300px;

    }

}





/*20210806*/





/* 解决方案 */



.Solution {

    padding: 60px 0;

    background: #fff;

    background-size: cover;

}



.Solution .SolutionBox {

    max-width: 1300px;

    margin: 0 auto;

    /*margin-top: -120px;*/

    position: relative;

    z-index: 99;

}



.Solution .SolutionBox .item {

    background: #fff;

    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */

}



.Solution .SolutionBox .item .img {

    width: 50%;

    float: left;

    padding-top: 350px;

}



.Solution .SolutionBox .item .img span {

    transition: all .5s;

    -webkit-transition: all .5s;

}



.Solution .SolutionBox .item .txt {

    width: 50%;

    float: right;

    height: 350px;

    display: flex;

    justify-content: center;

    flex-direction: column;

    box-sizing: border-box;

    padding: 3vw;

    box-shadow: 0 5px 20px #ccc;

}



.Solution .SolutionBox .item .txt .ico {

    width: 50px;

    height: 50px;

    line-height: 50px;

    margin-bottom: 2vw;

}



.Solution .SolutionBox .item .txt h1 {

    font-size: 20px;

}



.Solution .SolutionBox .item .txt .dec {

    font-size: 14px;

    color: #999;

    line-height: 28px;

    margin: 10px 0;

}



.Solution .SolutionBox .item .txt .more {

    padding-top: 15px;

    border-top: 1px dotted #e6e6e6;

    font-size: 14px;

    color: #999;

    ;

}



.Solution .SolutionBox .item:hover .img span {

    transform: scale(1.05);

    -webkit-transform: scale(1.05);

}



.Solution .SolutionBox .item:nth-child(2n) .img {

    float: right;

}



.Solution .SolutionBox .item:nth-child(2n) .txt {

    float: left;

}



@media(max-width:1024px) {

    .Solution {

        padding: 30px 0;

    }

    .Solution .SolutionBox {

        margin-top: 0;

    }

    .Solution .SolutionBox .item .txt .more img {

        width: auto;

    }

}



@media(max-width:768px) {

    .Solution .SolutionBox .item {

        margin-bottom: 10px;

    }

    .Solution .SolutionBox .item .txt .ico img {

        max-height: 35px;

    }

    .Solution .SolutionBox .item .img {

        width: 100%;

        padding-top: 50%;

    }

    .Solution .SolutionBox .item .txt {

        width: 100%;

        height: auto;

    }

    .Solution .SolutionBox .item .txt h1 {

        font-size: 16px;

    }

}





/* 解决方案详情 */



.SolutionInfo {

    background: #ffffff;

    background-size: cover;

}



.SolutionInfo .SoliInfoPart1 .img {

    width: 50%;

    padding-top: 350px;

    float: right;

}



.SolutionInfo .SoliInfoPart1 .img span {

    transition: all .5s;

    -webkit-transition: all .5s;

}



.SolutionInfo .SoliInfoPart1 .txt {

    width: 50%;

    height: 350px;

    /* background: url(../uploadfiles/image/mining1.png) no-repeat center center; */

    background: #fff;

    background-size: cover;

    box-sizing: border-box;

    padding: 2vw;

    overflow: hidden;

    /* color: #fff; */

    display: flex;

    justify-content: center;

    flex-direction: column;

    float: left;

    box-shadow: 0 5px 20px #ccc;

}



.SolutionInfo .SoliInfoPart1:nth-child(2n) .img {

    float: left;

}



.SolutionInfo .SoliInfoPart1:nth-child(2n) .txt {

    float: right;

}



.SolutionInfo .SoliInfoPart1 .img:hover span {

    transform: scale(1.05);

    -webkit-transform: scale(1.05);

}



.SolutionInfo .SoliInfoPart2 {

    margin-top: 60px;

}



.SolutionInfo .SoliInfoPart2 .aboutTit h1 {

    /* color: #fff; */

}



.SolutionInfo .SoliInfoPart2 .advantage {

    width: 100%;

    margin-top: 0.7rem;

    display: flex;

    flex-wrap: wrap;

}



.SolutionInfo .SoliInfoPart2 .advantage .box {

    width: 32%;

    margin-bottom: 2%;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

}



.SolutionInfo .SoliInfoPart2 .advantage .box:not(:nth-child(3n)) {

    margin-right: 2%;

}



.SolutionInfo .SoliInfoPart2 .advantage .box:hover .content .text-box .img img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.SolutionInfo .SoliInfoPart2 .advantage .box:hover .top .img img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.SolutionInfo .SoliInfoPart2 .advantage .box .top {

    width: 100%;

    height: 85px;

    padding: 0 20px;

    background: linear-gradient(to right, #555, #666);

    display: flex;

    align-items: center;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .top .img {

    width: 44px;

    height: 44px;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .top .img img {

    width: 100%;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .top .name-box {

    margin-left: 10px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .top .name-box .name {

    color: #fff;

    font-size: 24px;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .top .name-box .name-en {

    color: #777;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 12px;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .content {

    height: 270px;

    padding: 20px;

    background-color: #fff;

    box-shadow: 0 5px 20px #ccc;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .content .text-box {

    height: 100%;

    overflow: hidden;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .content .text-box .text {

    line-height: 1.6;

    color: #666;

    margin-bottom: 10px;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .content .text-box .text:not(:first-child) {

    margin-top: 0.2rem;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .content .text-box .img {

    width: 100%;

    overflow: hidden;

}



.SolutionInfo .SoliInfoPart2 .advantage .box .content .text-box .img img {

    width: 100%;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box {

    flex: auto;

    width: 64%;

    margin-bottom: 2%;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box:hover .top .img img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box:hover .content .text-box .img img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .top {

    width: 100%;

    height: 85px;

    padding: 0 20px;

    background-color: #646464;

    display: flex;

    align-items: center;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .top .img {

    width: 44px;

    height: 44px;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .top .img img {

    width: 100%;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .top .name-box {

    margin-left: 10px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .top .name-box .name {

    color: #fff;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .top .name-box .name-en {

    color: #777;

    -webkit-line-clamp: 1;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    overflow: hidden;

    line-height: 1.5;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .content {

    height: 270px;

    padding: 20px;

    background-color: #fff;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box {

    height: 100%;

    display: flex;

    overflow: hidden;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box .img {

    flex: none;

    width: 48%;

    overflow: hidden;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box .img img {

    width: 100%;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box .word {

    flex: none;

    width: 52%;

    padding-left: 10px;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box .word .text {

    line-height: 1.6;

    color: #666;

    margin-bottom: 10px;

}



.SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box .word .text:not(:first-child) {

    margin-top: 0.2rem;

}



.SoliInfoPart3 {

    padding: 60px 0;

    background: #ffffff;

    border-top: 1px solid #e5e5e5;

    background-size: cover;

}



.SoliInfoPart3 .w1200 {

    max-width: 1220px;

}



.SoliInfoPart3 .slick-list {

    margin-left: -25px;

}



.SoliInfoPart3 .item {

    margin-left: 25px;

    background: #f8f8f8;

    border: 1px solid #e3e3e3;

    box-shadow: 0 5px 20px #ccc;

}



.SoliInfoPart3 .item .img {

    background: #fff;

    height: 270px;

    line-height: 270px;

    text-align: center;

}



.SoliInfoPart3 .item .img img {

    transition: all .5s;

    -webkit-transition: all .5s;

}



.SoliInfoPart3 .item:hover .img img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

}



.SoliInfoPart3 .item .img img {

    max-height: 90%;

    max-width: 90%;

    display: inline-block;

}



.SoliInfoPart3 .tjPart .item .img {

    overflow: hidden;

}



.SoliInfoPart3 .tjPart .item .img img {

    max-height: 100%;

    max-width: 100%;

    width: 100%;

}



.SoliInfoPart3 .item .txt {

    padding: 20px;

    border-top: 1px solid #e3e3e3;

}



.SoliInfoPart3 .item .txt h1 {

    font-size: 18px;

}



.SoliInfoPart3 .item .txt .dec {

    font-size: 14px;

    color: #999;

    margin-top: 10px;

}



.SoliInfoPart3 .slider {

    overflow: hidden;

    padding: 30px 10px;

}



.SoliInfoPart3 .slick-arrow {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    border: 1px solid #cdcdcd;

    background: none;

    position: absolute;

    margin-top: -26px;

    top: 50%;

    font-size: 0;

    color: transparent;

    z-index: 99;

    transition: all .5s;

    -webkit-transition: all .5s;

}



.SoliInfoPart3 .slick-arrow.slick-prev {

    left: -5%;

}



.SoliInfoPart3 .slick-arrow.slick-next {

    right: -5%;

}



.SoliInfoPart3 .slick-arrow::before {

    display: block;

    font-size: 25px;

    font-family: "宋体";

    position: absolute;

    top: 0;

    left: 0;

    color: #999;

    width: 100%;

    height: 100%;

    text-align: center;

    line-height: 50px;

}



.SoliInfoPart3 .slick-arrow.slick-prev::before {

    content: '<';

}



.SoliInfoPart3 .slick-arrow.slick-next::before {

    content: '>';

}



.SoliInfoPart3 .slick-arrow:hover {

    background: #df202e;

    border: 1px solid #df202e;

}



.SoliInfoPart3 .slick-arrow:hover::before {

    color: #fff;

}



.SoliInfoPart3 .slider:hover .slick-arrow.slick-prev {

    left: 10px;

}



.SoliInfoPart3 .slider:hover .slick-arrow.slick-next {

    right: 10px;

}



.SoliInfoPart3 .slider .slick-list,

.SoliInfoPart3 .slider .slick-track {

    overflow: unset;

}



@media(max-width:768px) {

    .SolutionInfo .SoliInfoPart2 {

        margin-top: 30px;

    }

    .SoliInfoPart3 {

        padding: 30px 0;

    }

}



@media(max-width:768px) {

    .SoliInfoPart3 .slick-arrow {

        width: 30px;

        height: 30px;

        line-height: 30px;

    }

    .SolutionInfo .SoliInfoPart1 .img {

        width: 100%;

        padding-top: 55%;

    }

    .SolutionInfo .SoliInfoPart1 .txt {

        width: 100%;

        height: auto;

    }

    .SolutionInfo .SoliInfoPart2 .advantage .box {

        width: 98%;

    }

    .SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box .img {

        width: 100%;

    }

    .SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box .word {

        width: 100%;

        padding-left: 0;

    }

    .SolutionInfo .SoliInfoPart2 .advantage .two-box .content .text-box {

        display: block;

    }

    .SoliInfoPart3 .slick-arrow.slick-prev {

        left: 10px;

    }

    .SoliInfoPart3 .slick-arrow.slick-next {

        right: 10px;

    }

    .SoliInfoPart3 .slick-arrow::before {

        line-height: 30px;

        font-size: 16px;

    }

    .SoliInfoPart3 .slick-arrow.slick-prev::before {

        top: -1px;

        left: -1px;

    }

    .SoliInfoPart3 .slick-arrow.slick-next::before {

        top: -1px;

        left: 1px;

    }

}



.TopContact_r {

    /* height: 300px; */

    width: 50%;

}



.TopContact_r #map2 {

    height: 210px;

}



.TopContact_l p {

    background: url(../images/jt2.png) no-repeat center left;

    padding-left: 20px;

}



.TopContact_l h1 {

    margin-bottom: 40px;

    margin-top: 20px;

    font-size: 26px;

}



.TopContact_l p a {

    display: inline-block !important;

}



.BMap_cpyCtrl,

.anchorBL {

    display: none !important;

}



@media(max-width:1024px) {

    .TopContact_r {

        width: 100%;

    }

    .TopContact_l h1 {

        font-size: 18px;

        margin: 0 0 10px 0;

    }

    .TopContact_l p {

        font-size: 14px;

        line-height: 25px;

    }

    .TopContact_r #map2 {

        height: 200px;

    }

}



.goBackBtn {

    text-align: right;

    margin-top: 50px;

}



.goBackBtn a {

    display: inline-block;

    width: 150px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    background: #df202e;

    color: #fff;

    border-radius: 10px;

}



@media(max-width:768px) {

    .goBackBtn {

        margin-top: 30px;

    }

    .goBackBtn a {

        width: 120px;

        height: 35px;

        line-height: 35px;

    }

}





/* 新加侧边留言弹窗 */



.MessPopup {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.6);

    z-index: 9999;

    display: none;

}



.MessPopup .PopupBox {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    max-width: 800px;

    width: 95%;

    box-sizing: border-box;

    padding: 30px;

    background: #fff;

}



.MessPopup .PopupBox .Close {

    position: absolute;

    top: 10px;

    right: 10px;

}



.MessPopup .PopupBox .tit {

    font-size: 25px;

    font-weight: bold;

    text-align: center;

    margin: 20px 0;

    color: #000;

}



.MessPopup .PopupBox .MessForm .formtit {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 10px;

}



.MessPopup .PopupBox .MessForm .radio {

    margin-bottom: 30px;

}



.MessPopup .PopupBox .MessForm .radio ul li {

    display: inline-block;

    margin-right: 30px;

    width: 120px;

    height: 40px;

    line-height: 40px;

    border-radius: 40px;

    text-align: center;

    border: 1px solid #e6e6e6;

    color: #666;

}



.MessPopup .PopupBox .MessForm .radio ul li a {

    color: #666;

}



.MessPopup .PopupBox .MessForm .radio ul li.on {

    background: #df202e;

    border: 1px solid #df202e;

}



.MessPopup .PopupBox .MessForm .radio ul li.on a {

    color: #fff;

}



.MessPopup .PopupBox .MessForm .FormInput {

    margin-left: -3%;

}



.MessPopup .PopupBox .MessForm .FormInput::after {

    content: '';

    display: block;

    clear: both;

}



.MessPopup .PopupBox .MessForm .FormInput .inputBox {

    width: 47%;

    float: left;

    margin-left: 3%;

    border: 1px solid #e6e6e6;

    box-sizing: border-box;

    margin-bottom: 15px;

    border-radius: 5px;

}



.MessPopup .PopupBox .MessForm .FormInput .inputBox_01 {

    width: 97%;

}



.MessPopup .PopupBox .MessForm .FormInput .inputBox input,

select {

    width: 100%;

    height: 50px;

    line-height: 50px;

    box-sizing: border-box;

    padding: 0 10px;

}



.MessPopup .PopupBox .MessForm .FormInput .inputBox textarea {

    height: 120px;

    box-sizing: border-box;

    width: 100%;

    padding: 10px;

}



.MessPopup .PopupBox .MessForm .FormBtn {

    text-align: center;

}



.MessPopup .PopupBox .MessForm .FormBtn button {

    width: 150px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    border-radius: 5px;

    background: #df202e;

    color: #fff;

}



@media(max-width:640px) {

    .MessPopup .PopupBox {

        padding: 20px;

    }

    .MessPopup .PopupBox .tit {

        font-size: 20px;

    }

    .MessPopup .PopupBox .MessForm .formtit {

        font-size: 16px;

    }

    .MessPopup .PopupBox .MessForm .radio {

        margin-bottom: 20px;

    }

    .MessPopup .PopupBox .MessForm .radio ul li {

        width: 90px;

        height: 30px;

        line-height: 30px;

        border-radius: 30px;

        margin-right: 5px;

    }

    .MessPopup .PopupBox .MessForm .FormInput .inputBox input,

    select {

        height: 35px;

    }

    .MessPopup .PopupBox .MessForm .FormInput .inputBox textarea {

        height: 90px;

    }

    .MessPopup .PopupBox .MessForm .FormBtn button {

        width: 100px;

        height: 35px;

        line-height: 35px;

    }

}





/*公告栏*/



.topBox {

    height: 40px;

    line-height: 40px;

    background: #242424;

    color: #fff;

}



.topBox a {

    color: #e2e2e2;

    font-size: 14px;

}



.topBox span {

    padding: 0 10px;

    color: #848484;

}



.topBox a:hover {

    color: #fff;

}



.topBox .tel a {

    font-size: 18px;

    font-weight: bold;

    color: #df202e;

    margin-right: 20px;

}



.weblinks .langu {

    display: inline-block;

    position: relative;

    margin-right: 10px;

}



.weblinks .langu:before {

    content: '';

    width: 1px;

    height: 14px;

    position: absolute;

    right: -10px;

    top: 13px;

    background: #e2e2e2;

}



.weblinks .langu span {

    color: #e2e2e2;

    font-size: 14px;

}



.weblinks .langu ul {

    position: absolute;

    top: 40px;

    left: 0;

    width: 100%;

    background: #242424;

    display: none;

    z-index: 9999;

}



.weblinks .langu ul li {

    line-height: 30px;

}



.weblinks .langu ul li a {

    display: block;

    text-align: center;

}



.weblinks .langu.show ul {

    display: block;

}



.weblinks .pj {

    float: right;

    padding-left: 17px;

}



.weblinks .langu ul li:hover a {

    color: #df202e;

}



@media(max-width:1024px) {

    .topBox {

        display: none;

    }

}



.HomeNews {

    background: #ffffff;

    padding: 5% 0;

    border-top: 1px #e7eaf4 solid;position: relative;

}



.HomeNews .news_list {

    overflow: unset;

}



.HomeNews .news_list li {

    /*margin: 0 25px;*/

    position: relative;width: 23%;float: left;    margin: 25px 1%;

}



.HomeNews .news_list li a {

    display: block;

}



.HomeNews .news_list li .imgbox {

    padding-top: 67.8%;

}

.HomeNews .news_list li .imgbox span{display:flex;align-items:center;justify-content:center;}

.HomeNews .news_list li .imgbox span img{width:100%;height:100%;}



.HomeNews .hd .next{

    font-size: 0;text-align: center;

    z-index: 10;

    position: absolute;

    background: #fff;

    cursor: pointer;

    padding: 0;

    transition: all ease 0.3s;

    color: #000;

    width: 35px;

    height: 65px;

    line-height: 65px;

    background-size: contain;

    background-repeat: no-repeat;

    border-radius: 0;

    top: 50%;left: 5%;

    transform: translateY(-50%);

}

.HomeNews .hd .prev{

    font-size: 0;text-align: center;

    z-index: 10;

    position: absolute;

    background: #fff;

    cursor: pointer;

    padding: 0;

    transition: all ease 0.3s;

    color: #000;

    width: 35px;

    height: 65px;

    line-height: 65px;

    background-size: contain;

    background-repeat: no-repeat;

    border-radius: 0;

    top: 50%;right: 5%;

    transform: translateY(-50%);

}

.HomeNews .hd .next:before,

.HomeNews .hd .prev:before {

    display: block;

    font-size: 20px;

    font-family: "宋体";

    font-weight: bold;

}



.HomeNews .hd .next:before {

    content: '<';

}

.HomeNews .hd .prev:before {

    content: '>';

}

.HomeNews .hd .next:hover {

    color: #fff;

    background-color: #df202e;

    border: 1px solid #df202e;

}

.HomeNews .hd .prev:hover {

    color: #fff;

    background-color: #df202e;

    border: 1px solid #df202e;

}





.HomeNews .news_list .slick-arrow {

    font-size: 0;

    z-index: 10;

    position: absolute;

    background: #fff;

    cursor: pointer;

    padding: 0;

    transition: all ease 0.3s;

    color: #000;

    width: 35px;

    height: 65px;

    line-height: 65px;

    background-size: contain;

    background-repeat: no-repeat;

    border-radius: 0;

    top: 50%;

    transform: translateY(-50%);

}



.HomeNews .news_list .slick-prev {

    left: 0px;

}



.HomeNews .news_list .slick-next {

    right: 0px;

}



.HomeNews .news_list .slick-arrow:hover {

    color: #fff;

    background-color: #df202e;

    border: 1px solid #df202e;

}



.HomeNews .news_list .slick-prev:before,

.HomeNews .news_list .slick-next:before {

    display: block;

    font-size: 20px;

    font-family: "宋体";

    font-weight: bold;

}



.HomeNews .news_list .slick-prev:before {

    content: '<';

}



.HomeNews .news_list .slick-next:before {

    content: '>';

}



.HomeNews .news_list li:before {

    content: '';

    width: 0;

    height: 2px;

    background-color: #df202e;

    position: absolute;

    bottom: 0px;

    left: 0;

    transition: all 0.3s;

}



.HomeNews .news_list li .txtbox {

    overflow: hidden;

    padding: 10px;

    border: 1px #eee solid;

    box-sizing: border-box;

}



.HomeNews .news_list li .tit {

    font-family: MicrosoftYaHei-Bold;

    font-size: 18px;

    font-weight: bold;

    font-stretch: normal;

    letter-spacing: 0px;

    color: #333333;

    height: 48px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: box;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.HomeNews .news_list li .txt {

    font-family: MicrosoftYaHei;

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 25px;

    height: 50px;

    letter-spacing: 0px;

    color: #6c6c6c;

    overflow: hidden;

    text-overflow: ellipsis;

    display: box;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    text-align: justify;

    margin: 20px 0;

}



.HomeNews .news_list li .date {

    font-family: MicrosoftYaHei;

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 24px;

    letter-spacing: 0px;

    color: #b0b3b9;

    position: relative;

}



.HomeNews .news_list li:hover:before {

    width: 100%;

}



.HomeNews .news_list li:hover .tit {

    color: #df202e;

}



@media(max-width:1366px) {

    .HomeNews .news_list {

        overflow: hidden;

    }

    .HomeNews .news_list .slick-prev {

        left: 0;

    }

    .HomeNews .news_list .slick-next {

        right: 0;

    }

}



@media(max-width:1024px) {}



@media(max-width:768px) {

    .HomeNews .news_list li {

        /*margin: 0 25px;*/

    }

    .HomeNews .news_list li .txt {}

}



@media(max-width:480px) {

    .HomeNews {

        padding-bottom: 10%;

    }

    .HomeNews .news_list li .txt {

        width: 88%;

    }

    .HomeNews .news_list li .txt {

        margin: 4% 0;

    }

    .HomeNews .news_list li .more_btn {

        margin-bottom: 5%;

    }

}



@media(max-width:375px) {}



@media(max-width:360px) {}



.HomeTeam {

    padding-bottom: 5%;

}



.zy-Slide-mb li .tit {

    font-size: 30px;

    color: #333;

    padding-bottom: 3%;

    text-align: center;

    font-weight: bold;

}



.zy-Slide-mb li .txt {

    font-size: 14px;

    color: #666;

    margin: 0 auto 3%;

    text-align: center;

    width: 80%;

}



.zy-Slide-mb {}



.slideWrapper {

    max-width: 1000px;

    margin: 0 auto

}



.zy-Slide-mb .imgbox {

    padding-top: 50%;

}



.zy-Slide-mb .slick-arrow {

    width: 28px;

    height: 51px;

    position: absolute;

    top: 59%;

    transform: translateY(-50%);

}



.zy-Slide-mb .slick-prev {

    left: -5%;

    background: url(../images/icon_arrow_left_1.png) center no-repeat;

}



.zy-Slide-mb .slick-next {

    right: -5%;

    background: url(../images/icon_arrow_right_1.png) center no-repeat;

}



.zy-Slide-mb .slick-prev:hover {

    background: url(../images/icon_arrow_left_1_hover.png) center no-repeat;

}



.zy-Slide-mb .slick-next:hover {

    background: url(../images/icon_arrow_right_1_hover.png) center no-repeat;

}



@media(max-width:1024px) {

    .zy-Slide-mb {

        display: block;

    }

    .zy-Slide-mb li .tit {

        font-size: 18px;

        text-align: center;

        font-weight: bold;

        padding-bottom: 2%;

    }

    .zy-Slide-mb li .txt {

        font-size: 14px;

        text-align: center;

        padding-bottom: 2%;

    }

}





/*解决方案详情弹框*/



.appCardPop {

    position: fixed;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    top: 0;

    left: 0;

    z-index: 999;

    display: none;

}



.appCardPop .appCardBox {

    background: #fff;

    border-radius: 10px;

    max-width: 1200px;

    width: 80%;

    box-sizing: border-box;

    padding: 50px 40px;

    text-align: center;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

}



.appCardPop .appCardBox .Close {

    position: absolute;

    right: 10px;

    top: 10px;

    cursor: pointer;

    z-index: 999;

}



.appCardBox .Part1 {

    /* padding-left: 250px; */

    position: relative;

    border-bottom: 1px solid #e6e6e6;

    padding-bottom: 20px;

}



.appCardBox .Part1 .caseLogo {

    width: 220px;

    position: absolute;

    left: 0;

    top: 0;

    display: none;

}



.appCardBox .Part1 .Txt .tit {

    margin-bottom: 20px;

    text-align: center;

}



.appCardBox .Part1 .Txt .tit em {

    display: inline-block;

    font-size: 30px;

    line-height: 40px;

    color: #444;

}



.appCardBox .Part1 .Txt .tit span {

    margin-left: 12px;

    margin-top: -5px;

    display: inline-block;

    font-size: 16px;

    line-height: 30px;

    color: #666;

    background: #ededed;

    border-radius: 30px;

    padding: 0 10px;

}



.appCardBox .Part1 .Txt .dec {

    line-height: 30px;

    color: #666;

}



.appCardBox .Part2 {

    max-height: 500px;

    overflow-y: auto;

}



.appCardBox .Part2 p {

    text-align: left;

}



.appCardBox .Part2 .CaseCon {

    margin-top: 50px;

    line-height: 30px;

    text-align: center;

    /* text-indent: 2em; */

}



.appCardBox .Part2 .CaseCon img {

    display: block;

    margin: 0 auto;

    width: 100% !important;

    max-width: 560px;

}



.appCardBox .Part2 video {

    max-width: 560px;

    width: 100%;

    height: auto;

}



@media(max-width:768px) {

    .appCardPop .appCardBox {

        padding: 2%;

    }

    .appCardBox .Part1 .Txt .tit em {

        font-size: 22px;

    }

}



@media(max-width:480px) {

    .appCardBox .Part1 {

        padding-left: 0;

        padding-bottom: 5px;

    }

    .appCardBox .Part1 .caseLogo {

        position: static;

        margin-bottom: 10px;

    }

    .appCardBox .Part1 .Txt .tit {

        margin-bottom: 10px;

    }

    .appCardBox .Part1 .Txt .tit em {

        font-size: 18px;

    }

    .appCardBox .Part1 .Txt .tit span {

        font-size: 14px;

    }

    .appCardBox .Part1 .Txt .dec {

        line-height: 25px;

    }

    .appCardBox .Part2 .CaseCon {

        margin-top: 20px;

        line-height: 25px;

    }

}





/*搜索页产品列表*/



.ProBox {

    padding: 60px 0;

}



.ProBox .tit {

    font-size: 24px;

    padding-bottom: 2%;

    margin-bottom: 2%;

    border-bottom: 1px #eee solid;

}



.ProBox .ProList {

    margin-left: -2%;

}



.ProBox .ProList::after {

    content: '';

    display: block;

    clear: both;

}



.ProBox .ProList .item {

    width: 23%;

    margin-left: 2%;

    float: left;

    text-align: center;

    margin-bottom: 20px;

}



.ProBox .ProList .item .img {

    height: 230px;

    text-align: center;

    line-height: 230px;

}



.ProBox .ProList .item .img img {

    max-height: 80%;

}



.ProBox .ProList .item p {

    margin-top: 10px;

    font-size: 14px;

    height: 40px;

}



.News .tit {

    font-size: 24px;

    padding-bottom: 2%;

    border-bottom: 1px #eee solid;

    margin-bottom: 2%;

}



@media(max-width:1366px) {

    .ProBox .ProList .item .img {

        height: 200px;

        line-height: 200px;

    }

}



@media(max-width:1280px) {

    .ProBox .ProList .item .img {

        height: 150px;

        line-height: 150px;

    }

}



@media(max-width:1024px) {}



@media(max-width:768px) {

    .ProBox .ProList .item {

        width: 23%;

    }

}



@media(max-width:480px) {

    .ProBox .ProList .item {

        width: 48%;

    }

    .ProBox .tit {

        font-size: 16px;

        line-height: 30px;

    }

    .News .tit {

        font-size: 16px;

        line-height: 30px;

    }

}





/* 仓储集成 */



.Warehouse {}



.Warehouse .Contain {

    max-width: 1200px;

    width: 96%;

    margin: 0 auto;

}



.Warehouse .wh1 {

    background-color: #f3f3f3;

    padding: 3% 0;

}



.project_tit {

    text-align: center;

}



.project_tit .proj_t1 {

    font-size: 32px;

    font-weight: bold;

    text-align: center;

}



.project_tit .proj_t2 {

    font-size: 14px;

    color: #333333;

}



.project_tit .proj_t3 {

    color: #999999;

    background: #f3f3f3;

    font-size: 12px;

    font-family: "Arial";

    text-transform: uppercase;

    z-index: 5;

    position: absolute;

    left: 50%;

    padding: 10px;

    transform: translateX(-50%);

}



.project_tit .proj_en_tit {

    position: relative;

    height: 34px;

}



.project_tit .proj_t {

    height: 1px;

    border-bottom: 1px solid #cccccc;

    width: 100%;

    position: absolute;

    left: 0px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1;

}



.p_contact {

    margin: 33px auto 40px;

}



.p_contact p {

    float: left;

    background: url(../images/h_tel.png) no-repeat left top

}



.p_contact p span {

    display: block;

    padding-left: 29px;

    font-size: 14px;

    color: #1e1e1e;

    line-height: 24px

}



.p_contact p em {

    display: block;

    font-size: 30px;

    color: #333;

    line-height: 100%;

    margin-top: 13px;

    font-weight: 700

}



.p_contact .more {

    float: right;

    margin-top: 30px

}



.wh1 .pro_list {

    padding: 2% 0;

}



.wh1 .pro_list .pro_nav {

    width: 25%;

    height: 555px;

    background: #fff;

    float: left;

}



.wh1 .pro_list .pro_nav .pro_center {

    width: 100%;

    height: 113px;

    background: #df202e;

}



.wh1 .pro_list .pro_nav .pro_center a {

    display: block;

}



.wh1 .pro_list .pro_nav .pro_center img {

    display: block;

    margin: 0 auto;

    position: relative;

    top: 35px;

}



.wh1 .pro_list .pro_nav ul {

    padding: 73px 0 14px 35px;

    position: relative

}



.wh1 .pro_list .pro_nav ul:before {

    position: absolute;

    content: "";

    width: 1px;

    height: 392px;

    background: #E3E3E3;

    left: 36px;

    top: 13px

}



.wh1 .pro_list .pro_nav ul li {

    padding-left: 23px;

    position: relative

}



.wh1 .pro_list .pro_nav ul li a {

    font-size: 20px;

    color: #333;

    line-height: 100%;

    padding-bottom: 49px;

    line-height: 27px;

    display: block

}



.wh1 .pro_list .pro_nav ul li.on a {

    color: #df202e;

    font-weight: 700

}



.wh1 .pro_list .pro_nav ul li.on:before {

    position: absolute;

    content: "";

    width: 11px;

    height: 27px;

    background: url(../images/pro_i.png) no-repeat center;

    left: 0;

    top: 0

}



.wh1 .pro_list .pro_nav p {

    padding-left: 58px;

    padding-top: 44px;

    background: url(../images/h_tel.png) no-repeat 58px top

}



.wh1 .pro_list .pro_nav p span {

    display: block;

    font-size: 14px;

    color: #333;

    line-height: 100%;

    margin-bottom: 7px

}



.wh1 .pro_list .pro_nav p em {

    display: block;

    font-size: 30px;

    color: #333;

    line-height: 100%;

    font-weight: 700

}



.wh1 .pro_list .pro_con {

    width: 75%;

    height: 555px;

    float: right;

}



.wh1 .pro_list .pro_con dt {

    width: 100%;

    overflow: hidden

}



.wh1 .pro_list .pro_con dt a {

    float: left;

    width: 49%;

    margin-bottom: 2%;

}



.wh1 .pro_list .pro_con dt a:nth-child(2n) {

    margin-left: 2%;

}



.wh1 .pro_list .pro_con dt img {

    width: 100%;

    height: 200px;

}



.wh1 .pro_list .pro_con dd {

    padding: 23px 2px 0 26px

}



.wh1 .pro_list .pro_con dd h3 a {

    display: block;

    padding-left: 3px;

    position: relative;

    font-size: 18px;

    color: #333;

    line-height: 100%

}



.wh1 .pro_list .pro_con dd h3 a:before {

    position: absolute;

    content: "";

    width: 2px;

    height: 25px;

    background: #df202e;

    left: -25px;

    top: -3px

}



.wh1 .pro_list .pro_con dd p {

    font-size: 14px;

    color: #666;

    line-height: 24px;

    width: 85%;

    margin-top: 12px

}



.wh1 .pro_list .pro_con dd .more {

    float: right;

    margin-top: 22px

}



.wh1 .pro_list .pro_con dd .more a {

    display: block;

    width: 94px;

    height: 31px;

    background: #333;

    border-radius: 16px;

    font-size: 14px;

    color: #fff;

    line-height: 31px;

    text-align: center;

    transition: ease .3s;

}



.wh1 .pro_list .pro_con dd .more a:hover {

    background: #df202e;

}



@media(max-width:1024px) {

    .wh1 .pro_list .pro_nav p em {

        font-size: 18px;

    }

    .p_contact p em {

        font-size: 20px;

    }

}



@media(max-width:768px) {

    .wh1 .pro_list .pro_nav .pro_center img {

        height: 30px;

    }

}



@media(max-width:480px) {

    .project_tit .proj_t1 {

        font-size: 24px;

    }

    .wh1 .pro_list .pro_nav {

        width: 100%;

        height: auto;

        background: #fff;

        float: none;

    }

    .wh1 .pro_list .pro_con {

        height: auto;

        width: 100%;

        float: none;

    }

    .wh1 .pro_list .pro_nav .pro_center {

        height: 72px;

    }

    .wh1 .pro_list .pro_nav .pro_center img {

        top: 18px;

    }

    .wh1 .pro_list .pro_nav ul {

        padding: 2%;

        overflow: hidden;

    }

    .wh1 .pro_list .pro_nav ul:before {

        display: none;

    }

    .wh1 .pro_list .pro_nav ul li {

        padding-left: 23px;

        position: relative;

        width: 30%;

        float: left;

    }

    .wh1 .pro_list .pro_nav p {

        padding: 20px 0 20px 50px;

        background: url(../images/h_tel.png) no-repeat 18px top;

    }

    .wh1 .pro_list .pro_nav ul li a {

        padding-bottom: 10px;

        font-size: 18px;

    }

    .wh1 .pro_list .pro_con dd p {

        width: 70%;

    }

    .project_tit .proj_en_tit {

        height: 60px;

    }

}





/* 其他货架 */



.wh2,

.wh3 {

    padding-top: 3%;

    background-color: #fff;

}



.wh2 .Contain,

.wh3 .Contain {

    position: relative

}



.wh2 .tempWrap,

.wh3 .tempWrap {

    width: 1200px !important

}



.wh2 h3 a,

.wh3 h3 a {

    display: block;

    font-size: 18px;

    color: #333;

    line-height: 100%;

    padding-left: 20px;

    padding-bottom: 16px;

    border-bottom: 1px solid #DADADA;

    position: relative;

    margin-bottom: 19px

}



.wh2 h3 a:before,

.wh3 h3 a:before {

    position: absolute;

    content: "";

    width: 6px;

    height: 6px;

    background: #df202e;

    border: 3px solid #df202e;

    border-radius: 50%;

    left: 0;

    top: 3px

}



.pro_container li,

.anc_container li {

    margin-right: 23px;

    float: left;

    text-align: center;

    overflow: hidden;

    transition: .3s ease;

    line-height: 0

}



.pro_container li img,

.anc_container li img {

    width: 283px;

    height: 213px

}



.pro_container li span,

.anc_container li span {

    display: block;

    position: relative;

    z-index: 2;

    transition: .3s ease;

    padding: 20px 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 14px;

    color: #666;

    line-height: 100%

}



.pro_container li:hover span,

.anc_container li:hover span {

    color: #df202e

}



.anc_container .slick-arrow,

.pro_container .slick-arrow,

.brand_con .slick-arrow {

    position: absolute;

    cursor: pointer;

    width: 52px;

    height: 52px;

    border-radius: 50%;

    transition: .3s ease;

    top: 50%;

    transform: translateY(-50%);

    z-index: 99;

}



.brand_con .slick-arrow {

    top: 34%;

}



.anc_container .slick-prev,

.pro_container .slick-prev,

.brand_con .slick-prev {

    left: -84px;

    background: #F3F3F3 url(../images/p_prev.png);

}



.anc_container .slick-next,

.pro_container .slick-next,

.brand_con .slick-next {

    right: -84px;

    background: #F3F3F3 url(../images/p_next.png);

}



.anc_container .slick-prev:hover,

.pro_container .slick-prev:hover,

.brand_con .slick-prev:hover {

    background: #df202e url(../images/p_prev.png);

}



.anc_container .slick-next:hover,

.pro_container .slick-next:hover,

.brand_con .slick-next:hover {

    background: #df202e url(../images/p_next.png);

}



.wh3 {

    background: 0 0

}



.pro1_switch div {

    background: #F3F3F3

}



@media(max-width:1200px) {

    .anc_container .slick-prev,

    .pro_container .slick-prev,

    .brand_con .slick-prev {

        left: 0;

    }

    .anc_container .slick-next,

    .pro_container .slick-next,

    .brand_con .slick-next {

        right: 0;

    }

}



@media(max-width:1024px) {

    .anc_container .slick-arrow,

    .pro_container .slick-arrow,

    .brand_con .slick-arrow {

        top: 42%;

    }

}



@media(max-width:480px) {

    .pro_container li img,

    .anc_container li img {

        width: 100%;

    }

}



.wh4 {

    padding: 3% 0;

}



.wh4 .project_tit .proj_t3 {

    background-color: #fff;

}



.tosol li {

    width: 20%;

    float: left;

    height: 200px;

    background: #F3F3F3;

    margin-top: 80px;

    text-align: center;

    transition: .3s ease;

}



.tosol li i {

    display: block;

    width: 91px;

    height: 91px;

    background: #fff;

    border-radius: 50%;

    box-shadow: 0 0 27px rgba(0, 0, 0, .05);

    margin: -45px auto 22px

}



.tosol li em {

    font-size: 20px;

    color: #333;

    line-height: 100%;

    font-weight: 700;

    display: block

}



.tosol li span {

    display: block;

    font-size: 14px;

    color: #333;

    line-height: 24px;

    padding: 15px 29px

}



.tosol li:nth-child(even) {

    background: #EEEEF0

}



.tosol li:hover {

    background: #df202e;

}



.tosol li:hover em,

.tosol li:hover span {

    color: #fff

}



@media(max-width:1024px) {

    .tosol li em {

        font-size: 18px;

    }

}



@media(max-width:768px) {

    .tosol li {

        width: 33%;

    }

}



@media(max-width:480px) {

    .tosol li {

        width: 100%;

    }

}





/* 货架定制成功案例 */



.wh5 {

    padding-top: 55px;

    padding-bottom: 63px;

    background: #F3F3F3;

    position: relative

}



.wh5:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 1px;

    background: #e1e1e1;

    left: 0;

    top: 170px;

}



.case_nav {

    width: 100%;

    text-align: center;

    margin: 40px 0;

    position: relative;

    z-index: 2;

}



.case_nav li {

    display: inline-block;

    margin: 0 33px;

    cursor: pointer;

}



.case_nav li i {

    display: block;

    width: 11px;

    height: 11px;

    background: #333;

    border-radius: 50%;

    border: 5px solid #F3F3F3;

    margin: 0 auto 9px;

    transition: .3s ease;

    box-sizing: content-box;

}



.case_nav li span {

    display: block;

    font-size: 16px;

    color: #333;

    line-height: 100%

}



.case_nav li.on i,

.case_nav li:hover i {

    background: #fff;

    border: 5px solid #df202e

}



.case_nav li.on span,

.case_nav li:hover span {

    color: #df202e;

    font-weight: 700;

}



.case_con {

    position: relative;

}



.case_con .case_box {}



.case_con .case_box .case_item {

    display: none;

}



.case_con .cases {

    position: absolute;

    right: 0;

    top: 0;

    width: 200px;

    height: 559px;

    z-index: 99;

}



.case_con .cases li {

    width: 200px;

    height: 181px;

    box-sizing: border-box;

    position: relative;

    margin-bottom: 8px;

}



.case_con .cases li a {

    display: block;

    overflow: hidden;

}



.case_con .cases li img {

    height: 181px;

    width: 200px;

}



.case_con .cases li.on {

    border: 4px solid #df202e;

}



.case_con .cases li.on img {

    height: 173px;

    width: 192px;

}



.case_con .cases li.on:before {

    position: absolute;

    content: "";

    border-width: 13.5px 16px;

    border-style: solid;

    border-color: transparent #df202e transparent transparent;

    left: -36px;

    top: 73px;

}



.cases_con dl {

    display: none;

}



.cases_con dt {

    width: 994px;

    height: 559px;

    overflow: hidden;

}



.cases_con dt img {

    width: 994px;

    height: 559px;

}



.cases_con dd {

    margin-top: 10px;

}



.cases_con dd h4 a {

    display: block;

    padding-top: 17px;

    font-size: 16px;

    color: #333;

    line-height: 100%;

    font-weight: 700;

    transition: .3s ease;

}



.cases_con dd h4 a:hover {

    color: #df202e;

}



.cases_con dd>p {

    font-size: 14px;

    color: #333;

    line-height: 24px;

    margin-top: 15px;

}



.wh5 .p_contact {

    position: absolute;

    right: 0;

    bottom: 10px;

    margin: 20px 0 0;

    width: 30%;

}



.wh5 .p_contact p {

    background-image: url(../images/h_tel.png);

}



.wh5 .p_contact .more a {

    display: block;

    width: 94px;

    height: 31px;

    background: #333;

    border-radius: 16px;

    font-size: 14px;

    color: #fff;

    line-height: 31px;

    text-align: center;

    transition: ease .3s;

}



.wh5 .p_contact .more a:hover {

    background: #df202e;

}



@media(max-width:1200px) {

    .cases_con dt {

        width: 943px;

        height: 559px;

        overflow: hidden;

    }

}



@media(max-width:1024px) {

    .cases_con dt img {

        width: 82%;

        height: 559px;

    }

    .case_nav li {

        display: inline-block;

        margin: 0 10px;

    }

}



@media(max-width:768px) {

    .cases_con dt {

        width: 100%;

        height: auto;

        overflow: hidden;

    }

    .case_con .cases {

        position: static;

        right: 0;

        top: 0;

        width: 100%;

        height: auto;

        z-index: 99;

        overflow: hidden;

        margin-bottom: 20px;

    }

    .case_con .cases li {

        width: 33.33%;

        height: 181px;

        box-sizing: border-box;

        position: relative;

        margin-bottom: 0;

        float: left;

    }

    .case_con .cases li img,

    .case_con .cases li.on img {

        width: 100%;

    }

    .cases_con dt img {

        width: 100%;

        height: auto;

    }

    .wh5 .p_contact {

        position: static;

        right: 0;

        bottom: 10px;

        margin: 20px 0 0;

        width: 100%;

    }

}



@media(max-width:480px) {

    .case_con .cases li,

    .case_con .cases li img {

        height: 150px;

    }

    .wh5:before {

        top: 158px;

    }

    .case_nav li span {

        font-size: 12px;

    }

    .wh5:after {

        position: absolute;

        content: "";

        width: 100%;

        height: 1px;

        background: #e1e1e1;

        left: 0;

        top: 203px;

    }

}



.wh6 {

    height: 273px;

}



.wh6 .Contain {

    position: relative

}



.wh6 .tempWrap {

    width: 1200px !important

}



.wh6 h2 {

    padding-top: 28px;

    margin-bottom: 40px

}



.wh6 h2 a {

    display: block;

    font-size: 18px;

    color: #fff;

    line-height: 100%;

    padding-left: 13px;

    position: relative

}



.wh6 h2 a:before {

    position: absolute;

    content: "";

    width: 3px;

    height: 16px;

    background: #fff;

    left: 0;

    top: 1px

}



.wh6 li {

    width: 218px;

    margin-right: 28px;

    float: left;

    text-align: center;

    line-height: 0

}



.wh6 li img {

    width: 218px;

    height: 122px;

    transition: .3s ease

}



.wh6 li span {

    display: block;

    font-size: 14px;

    color: #fff;

    line-height: 100%;

    padding: 20px 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.brand_switch div {

    top: 121px

}



@media(max-width:1440px) {}



.wh7 {

    padding: 5% 0;

}



.reason_w {

    background: #333333;

    height: 90px;

    width: 600px;

    position: absolute;

    left: -600px;

}



.reason_n {

    width: 855px;

    background: #333333;

    height: 90px;

    position: relative;

}



.reason_n_l {

    float: left;

    margin-top: 15px;

}



.reason_n_l .r_cn {

    font-size: 30px;

    font-weight: bold;

    color: #3187e4;

    letter-spacing: 4px;

}



.reason_n_l .r_en {

    font-size: 12px;

    color: #b1b1b1;

    font-family: "Arial";

}



.reason_n_r {

    color: #f65e00;

    font-weight: bold;

    font-size: 54px;

    line-height: 90px;

    height: 90px;

    margin-right: 20px;

}



.reason_n_r span {

    font-size: 72px;

}



.reason_b {

    margin-top: 60px;

    overflow: hidden;

}



.reason_i {

    width: 554px;

    height: 180px;

}



.reason_i2 {

    width: 550px;

    height: 180px;

    margin-left: 12px;

}



.reason_one {

    overflow: hidden;

}



.reason_b_l {

    float: left;

    height: 180px;

    width: 50%;

}



.reason_b_r {

    width: 50%;

    float: right;

    margin-top: 34px;

}



.reason_one:nth-child(odd) .reason_b_l {

    float: left;

}



.reason_one:nth-child(even) .reason_b_l {

    float: right;

}



.reason_one:nth-child(odd) .reason_b_r {

    float: right;

}



.reason_one:nth-child(even) .reason_b_r {

    float: left;

}



.reason_i_p {

    width: 85px;

    height: 110px;

}



.rea_i_m {

    margin-left: 10px;

}



.rea_i_m2 {

    margin-right: 5px;

}



.exper_detail {

    color: #4d4d4d;

    font-size: 14px;

    line-height: 24px;

}



.exper_tit {

    color: #3187e4;

    font-size: 18px;

    font-weight: bold;

    border-bottom: 1px dashed #c1c1c1;

    line-height: 24px;

    height: 24px;

    padding-bottom: 10px;

    margin-bottom: 5px;

    text-transform: uppercase;

}



.exper_tit span {

    color: #cccccc;

    font-size: 18px;

    font-family: "Arial";

    margin-left: 12px;

    font-weight: normal;

}



.rea_b_n {

    width: 92px;

    float: left;

    background: #fff;

}



.exper {

    width: 440px;

}



@media(max-width:1024px) {

    .wh8 {

        background: #e6f0fa;

    }

    .reason_i {

        width: 100%;

        height: 180px;

    }

    .reason_b_r2 {

        width: 50%;

    }

    .exper {

        width: 76%;

    }

}



@media(max-width:768px) {

    .reason_w {

        display: none;

    }

    .reason_n {

        width: 100%;

        display: flex;

        justify-content: center;

    }

    .reason_one .reason_b_l,

    .reason_one .reason_b_r {

        width: 100%;

        float: none !important;

        height: auto;

    }

    .reason_one .reason_b_l img {

        height: auto;

        width: 100%;

    }

    .exper {

        width: 100%;

    }

}



@media(max-width:480px) {

    .reason_n {

        height: unset;

    }

    .reason_n_l .r_cn {

        font-size: 18px;

    }

    .reason_n_r {

        font-size: 26px;

        height: auto;

        line-height: unset;

        margin-right: 0;

    }

    .reason_n_r span {

        font-size: 42px;

    }

    .reason_n_l {

        float: left;

        margin: 15px 0;

    }

    .reason_i_p {

        width: 85px;

        height: 90px;

    }

}



@media(max-width:480px) {}



.wh8 {

    position: relative;

    overflow: hidden;

}



.wh8:before {

    content: '';

    background: #e6f0fa;

    position: absolute;

    width: 63%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: -1;

}



.about_left {

    background: url(../images/video.png) no-repeat;

    width: 45%;

    height: 315px;

    float: left;

}



.about_left img,

.about_left video {

    width: 417px;

    height: 262px;

    margin-left: 66px;

    margin-top: 15px;

}



.about_right {

    width: 55%;

    background: #e6f0fa;

    height: 314px;

    position: relative;

    float: left;

}



.about_top {

    font-size: 18px;

    color: #404040;

    padding-top: 30px;

    font-weight: bold;

}



.about_list {

    color: #404040;

    font-size: 14px;

    line-height: 28px;

    overflow: hidden;

    margin-top: 10px;

    border-bottom: 1px dashed #a86b66;

    padding-bottom: 20px;

    width: 90%;

}



.about_more {

    color: #404040;

    font-size: 13px;

    margin-top: 10px;

    display: block;

}



@media(max-width:1024px) {

    .about_right {

        width: 100%;

        height: auto;

        padding-bottom: 20px;

        float: none;

    }

    .about_list {

        height: auto;

    }

    .about_left {

        background: url(../images/video.png) no-repeat;

        width: 100%;

        height: auto;

        float: none;

        background-size: 100%;

        padding-bottom: 20%;

    }

    .about_left img,

    .about_left video {

        width: 76%;

        height: auto;

        margin-left: 12%;

        margin-top: 3%;

    }

}



@media(max-width:768px) {

    .about_list {

        width: 100%;

    }

}



.ProductInfo .SoliInfoPart2 {

    margin-top: 0px;

}



.ProductInfo .SoliInfoPart3 {

    border: 0;

}



.MatchCon {

    padding-bottom: 2%;

}



.MatchCon ul {

    margin-left: -1.75%;

    overflow: hidden;

}



.MatchCon ul li {

    width: 31.58%;

    margin-left: 1.75%;

    float: left;

    border: 1px #cecece solid;

    margin-bottom: 3%;

    cursor: pointer;

    position: relative;

}



.MatchCon ul li .hBox {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    display: flex;

    justify-content: center;

    flex-direction: column;

    align-items: center;

    padding: 0 5%;

    opacity: 0;

    visibility: hidden;

    transition: 0.3s;

}



.MatchCon ul li .hBox .tit {

    font-family: SourceHanSansCN-Medium;

    font-size: 20px;

    font-weight: bold;

    color: #fff;

    padding-bottom: 20px;

    text-align: center;

}



.MatchCon ul li .hBox .txt {

    font-size: 16px;

    color: #fff;

    line-height: 30px;

    overflow: hidden;

    text-align: left;

}



.MatchCon ul li .imgbox {

    padding-top: 62.4%;

}



.MatchCon ul li:hover .hBox {

    opacity: 1;

    visibility: visible;

}



.MatchCon ul li .txtbox1 {

    font-size: 20px;

    line-height: 60px;

    letter-spacing: 0px;

    color: #333333;

    text-align: center;

    background-color: #cecece;

    transition: all ease 0.1s;

}



@media(max-width:640px) {

    .MatchCon ul {

        margin-left: -2%;

    }

    .MatchCon ul li {

        width: 48%;

        margin-left: 2%;

    }

}



@media(max-width:480px) {

    .MatchCon ul li .txtbox1 {

        font-size: 14px;

        line-height: 40px;

    }

}



.Form002324 {

    margin-top: 3%;

}





/* 22-08-11 */



.DownLoadForm {

    position: fixed;

    top: 0%;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(11, 11, 11, 0.8);

    z-index: 99999;

    display: none;

}



.DownLoadForm .DownLoadFormBox {

	width: 90%;

    max-width: 700px;

    background: #fff;

    border-radius: 20px;

    box-sizing: border-box;

    padding: 2%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



.DownLoadForm .DownLoadFormBox .Close {

    opacity: 1;

    width: 39px;

    height: 39px;

    position: absolute;

    right: -15px;

    top: -15px;

    line-height: 39px;

    text-align: center;

    color: #fff;

    background: #33cccc;

    border-radius: 50%;

    font-size: 28px;

    font-family: Arial, Baskerville, monospace;

	cursor:pointer;

}



.DownLoadForm .DownLoadFormBox .tit {

    text-align: center;

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 10px;

}



@media(max-width:640px) {

    .DownLoadForm .DownLoadFormBox {

        padding: 20px;

        padding-top: 30px;

        padding-bottom: 30px;

    }
    .HomeNews .news_list li{width: 100%;}
}

@media(max-width:1200px) {

    .HomeNews .news_list li{width: 48%;}

}

.foot_link{width: 95%;margin: 0 auto 20px;text-align: center;color: #fff;}
.foot_link a{color: #fff;}
.foot_link a:hover{color: #df202e;}