html, body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, object, code, legend, button, input, textarea, label, th, a, img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

* {
    /* margin: 0; */
    /* padding: 0; */
    /* font-family: "microsoft yahei"; */
    /* font-size: 14px; */
    /* box-sizing: border-box; */
}

img {
    /* display: block; */
}

ul,li {
    list-style: none;
}

a {
    text-decoration: none;
    cursor: pointer;
    outline: none
}

p {
    /* line-height:24px; */
}

textarea {
    resize: none;
}

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

.main {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.innermain {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

/*主体列表*/
.selected-solution .solution-cardlist {
    max-width: 1200px;
    margin: auto 0;
}

.swiper-slide,.swiper-wrapper {
    height: 410px!important
}

.selected-solution .solution-cardlist .col-sm-4 {
    padding: 0 5px;
    top: 0;
    transition: all .15s linear;
    box-sizing: border-box;
    position: relative;
}

/* index-news 新闻中心 */
.index-news {
    overflow: hidden;
    margin-bottom: 30px;
}

.index-news-m {
    display: none;
}

.choices {
    width: 100%;
    height: 360px;
}

.choices_banner {
    width: 1200px;
    height: 360px;
    float: left;
    overflow: hidden;
}

.choices_banner ul {
    width: 12000px;
    overflow: hidden;
}

.choices_banner ul li {
    width: 1200px;
    height: 360px;
    float: left;
    overflow: hidden;
}

.choices_left {
    width: 540px;
    height: 360px;
    float: left;
}

.choices_left img {
    width: 540px;
    height: 360px;
}

.choices_right {
    width: 580px;
    height: 360px;
    float: right;
    padding: 60px 20px 0 60px;
    background-color: #eaeaea;
    color: #555555;
    box-sizing: content-box;
}

.choices_right .time {
    width: 200px;
    height: 30px;
    font-size: 18px;
    background: url(../image/rili.jpg) 0 0 no-repeat;
    padding-left: 40px;
    color: #d0202a;
}

.choices_right h3 {
    font-size: 20px;
    margin: 0 auto 30px auto;
}

.choices_right h3 a {
    color: #333333;
    font-size: inherit;
}

.choices_right h3 a:hover {
    color: #d0202a;
}

.choices_right p {
    line-height: 24px;
    color: #555555;
    margin-bottom: 30px;
}

.choices_right .more {
    width: 90px;
    height: 32px;
    text-align: center;
    border: 1px solid #d0202a;
    line-height: 30px;
    border-radius: 15px;
    color: #d0202a;
    display: block;
}

.choices_right .more:hover {
    color: #fff;
    background: #d0202a;
}

/* about 走进 */
.ny-main {
    width: 1400px;
    margin: 0 auto;
    margin-top: 50px;
}

.position {
    width: 100%;
    /*margin-bottom: 10px;*/
    height: 60px;
    line-height: 60px;
}

.position .ny-main {
    color: #666;
}

.position a {
    color: #666;
}

.position a:hover {
    color: #cf000d;
}

.ny-con {
    overflow: hidden;
    padding-bottom: 40px;
}

.ny-con h3 {
    font-size: 20px;
    color: #666;
    margin-bottom: 30px;
}

.about h3 {
    color: #0a3480;
}

.ny-con span {
    font-size: 16px;
    /* font-weight: bold; */
    color: #333333;
}

.ny-con p {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    letter-spacing: 0.5px;
}

.ny-con p dd {
    margin-bottom: 30px;
}

.ny-con p img {
    margin: 0 auto;
}

.ny-con .jjsz {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.ny-con .jjsz::before, .ny-con .jjsz::after {
    content: '';
    display: block;
}

.ny-con .jjsz li {
    font-size: 16px;
    color: #0a3480;
}

.ny-con .jjsz li .big {
    font-size: 70px;
    line-height: 1em;
    color: #0a3480;
}

.ny-con .zzzl li {
    width: 262px;
    float: left;
    margin-right: 50.5px;
    margin-bottom: 40px;
}

.ny-con .zzzl li p {
    text-align: center;
    margin-bottom: 0px;
}

.ny-con .zzzl li:nth-child(4n) {
    margin-right: 0px;
}

/* page */
.dsj-box-m {
    display: none;
}

label[for],input[type="button"],input[type="submit"],input[type="reset"] {
    cursor: pointer;
    font-size: 16px;
}

input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.dsj-box {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.event_year {
    width: 110px;
    text-align: center;
    float: left;
}

.event_year li {
    height: 32px;
    line-height: 32px;
    background: #c3c3c3;
    margin-bottom: 2px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.event_year li.current {
    width: 110px;
    background: #0066ff;
}

.event_list {
    width: 950px;
    float: right;
    background: url('../image/shardow.png') 139px 0 repeat-y;
    margin: 10px 0 20px 0;
}

.event_list h3 {
    margin: 0 0 10px 132px;
    font-size: 24px;
    font-family: Georgia;
    color: #0066ff;
    padding-left: 45px;
    background: url('../image/arrss.png') 0 -45px no-repeat;
    height: 38px;
    line-height: 30px;
    font-style: italic;
}

.event_list li {
    background: url('../image/arrss.png') 136px -80px no-repeat;
}

.event_list li span {
    width: 127px;
    text-align: right;
    display: block;
    float: left;
    margin-top: 10px;
}

.event_list li p {
    width: 780px;
    margin-left: 24px;
    display: inline-block;
    padding-left: 10px;
    line-height: 25px;
    _float: left;
}

.event_list li p span {
    width: auto;
    text-align: left;
    padding: 10px 15px;
    background: #FFF;
    margin: 0;
    font-size: 14px;
    font-weight: 300;
}

/* contact 联系我们 */
.ny-con .lxfs {
    overflow: hidden;
}

.ny-con .lxfs li {
    width: 575px;
    height: 250px;
    background: #cf000d;
    float: left;
    margin-right: 50px;
    padding: 93px 0 0 100px;
    margin-bottom: 20px;
}

.ny-con .lxfs li:last-child {
    margin-right: 0px;
}

.ny-con .lxfs li p {
    color: #fff;
    font-weight: bold;
    margin-bottom: 0px;
}

.ny-con .map iframe {
    width: 100%;
    height: 500px;
    display: block;
    margin-top: 10px;
    margin-bottom: 60px;
}

.ny-con .gfmt {
    width: 100%;
    height: 430px;
    background: #f1f1f1;
    padding: 80px 80px 0 80px;
    margin-bottom: 60px;
}

.ny-con .gfmt h3 {
    text-align: center;
    color: #666;
    margin-bottom: 60px;
}

.ny-con .gfmt .gfmt-lb {
    display: flex;
    justify-content: space-between;
}

.ny-con .gfmt .gfmt-lb p {
    text-align: center;
    line-height: 24px;
    margin-top: 10px;
}

/* tech 技术支持 */
.ny-con .yfdt-m {
    display: none;
}

.map-service {
    position: relative;
}

.china-map {
    width: 1200px;
    height: 793px;
    background: url(../image/map.jpg) center no-repeat;
    position: relative;
    margin-bottom: 40px;
}

.region-list {
    position: absolute;
    left: 0;
    top: 0
}

@-webkit-keyframes warn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-moz-keyframes warn {
    0% {
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-o-keyframes warn {
    0% {
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    100% {
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes warn {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.area-box .dot {
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #a2a9b4;
    opacity: 1;
    filter: alpha(opacity=100)
}

.area-box .pulse {
    position: absolute;
    top: -28px;
    left: -28px;
    height: 66px;
    width: 66px;
    border: 2px solid #b7b7b7;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
    -webkit-box-shadow: 0 0 4px #82878f,0 0 10px #82878f inset;
    -moz-box-shadow: 0 0 4px #82878f,0 0 10px #82878f inset;
    box-shadow: 0 0 4px #82878f,0 0 10px #82878f inset;
    opacity: .12;
    filter: alpha(opacity=0);
    -webkit-animation: warn 2s ease-out both;
    -moz-animation: warn 2s ease-out both;
    -o-animation: warn 2s ease-out both;
    animation: warn 2s ease-out both;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background: 0 0
}

.area-box .delay-04 {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.area-box .delay-05 {
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    -o-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.area-box .delay-08 {
    -webkit-animation-delay: -.4s;
    -moz-animation-delay: -.4s;
    -o-animation-delay: -.4s;
    animation-delay: -.4s
}

.area-box .delay-09 {
    -webkit-animation-delay: -.8s;
    -moz-animation-delay: -.8s;
    -o-animation-delay: -.8s;
    animation-delay: -.8s
}

.region-list.active .area-box .dot {
    background: #cf000d;
}

.region-list.active .area-box .pulse {
    border-color: #cf000d;
    top: -39px;
    left: -39px;
    height: 88px;
    width: 88px;
    -webkit-box-shadow: 0 0 12px #cf000d,0 0 20px #cf000d inset;
    -moz-box-shadow: 0 0 12px #cf000d,0 0 20px #cf000d inset;
    box-shadow: 0 0 12px #cf000d,0 0 20px #cf000d inset
}

.show-regin {
    position: absolute;
    left: 2px;
    height: 0;
    top: 0;
    width: 11px;
    opacity: 0;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin {
    height: 127px;
    opacity: 1
}

.show-regin span {
    width: 80px;
    position: absolute;
    left: 8px;
    top: -11px;
    padding: 6px 10px;
    font-size: 14px;
    color: #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    white-space: nowrap;
}

.postition-10 .show-regin span {
    left: 0
}

.area-box {
    z-index: 77
}

.show-regin {
    z-index: 66
}

.region-list.active .show-regin span {
    position: relative;
    color: #000
}

.region-list.waite .show-regin span {
    color: #ccc
}

.postition-8 {
    left: 800px;
    top: 505px
}

.postition-9 {
    left: 935px;
    top: 477px
}

.postition-9.region-list.active .area-box .pulse {
    top: -50px;
    left: -50px;
    width: 110px;
    height: 110px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.postition-10 {
    left: 816px;
    top: 667px
}

.douhao {
    width: 0
}

.ny-con .mb-fz li {
    float: left;
    margin-right: 4px;
}

.ny-con .mb-fz li:last-child {
    margin-right: 0px;
}

.mhcg ul li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.mhcg .mhcg-img {
    width: 290px;
    height: 185px;
    float: left;
}

.mhcg .mhcg-img img {
    width: 100%;
}

.mhcg .mhcg-txt {
    width: 910px;
    height: 185px;
    background: #eeeeee;
    float: left;
    padding: 30px 40px 0 60px;
    position: relative;
}

.mhcg .mhcg-txt .date {
    position: absolute;
    border-right: 1px solid #ccc;
    padding-right: 40px;
}

.mhcg .mhcg-txt .date p {
    line-height: 24px;
    margin-bottom: 0px;
    color: #333333;
}

.mhcg .mhcg-txt .date .d {
    font-size: 30px;
    margin-bottom: 20px;
}

.mhcg .mhcg-txt .info {
    margin-left: 150px;
}

.mhcg .mhcg-txt .info h4 {
    margin-bottom: 20px;
}

.mhcg .mhcg-txt .info h4 a {
    font-size: 20px;
    color: #333333;
}

.mhcg .mhcg-txt .info h4 a:hover {
    color: #cf000d;
}

.mhcg .mhcg-txt .info p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0px;
}

.mhcg .mhcg-txt .info .more {
    color: #cf000d;
    display: block;
    margin-top: 30px;
}

.tech-fwzc p {
    line-height: 30px;
    margin-bottom: 5px;
}

.fwzc {
    margin-bottom: 40px;
}

.tech-fwzc .lxfs {
    margin: 40px 0 30px 0;
}

.dzxcc li {
    font-size: 0;
    margin-bottom: 80px;
}

.dzxcc .dzxcc-img {
    width: 306px;
    display: inline-block;
    margin-right: 60px;
}

.dzxcc .dzxcc-txt {
    width: 830px;
    display: inline-block;
    vertical-align: top;
}

.dzxcc .dzxcc-txt h4 {
    font-size: 18px;
    color: #666;
    margin: 20px 0;
}

.dzxcc .dzxcc-txt .txt-l {
    width: 590px;
    float: left;
}

.dzxcc .dzxcc-txt .txt-l .time {
    font-size: 14px;
    margin-top: 70px;
    margin-bottom: 0;
    background: none;
    padding-left: 0;
}

.dzxcc .dzxcc-txt .txt-r {
    float: right;
}

.dzxcc .dzxcc-txt .txt-r a {
    display: block;
    width: 100px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 15px;
    line-height: 28px;
    text-align: center;
    color: #666;
    font-size: 14px;
}

.dzxcc .dzxcc-txt .txt-r a:hover {
    color: #cf000d;
    border: 1px solid #cf000d;
}

.dzxcc .dzxcc-txt .txt-r a:first-child {
    margin: 70px 0 20px 0;
}

.jjfa ul li {
    width: 396px;
    height: auto;
    float: left;
    margin-right: 4px;
}

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

.jjfa ul li h4 {
    text-align: center;
    line-height: 40px;
    letter-spacing: 0.8px;
    font-weight: 300;
}

.jjfa ul li h4 a {
    font-size: 16px;
    color: #333;
}

.jjfa ul li h4 a:hover {
    color: #cf000d;
}

.jjfa ul li a {
    display: block;
    overflow: hidden;
}

.jjfa ul li a img {
    cursor: pointer;
    transition: all 0.9s;
}

.jjfa ul li a img:hover {
    transform: scale(1.03);
    -ms-transform: scale(1.03);
    /* IE9 */
}

.ny-con h2 {
    color: #666;
    font-size: 22px;
    margin-bottom: 25px;
}

.ny-con h4 {
    color: #666;
    font-size: 18px;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.jjfa-txt {
    overflow: hidden;
    margin-bottom: 30px;
}

.jjfa-hyzx {
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;
    padding-bottom: 60px;
    border-bottom: 1px solid #ccc;
}

.hyzx-txt {
    width: 640px;
    height: 292px;
    float: left;
    background: #f5f5f5;
    padding: 35px
}

.hyzx-txt li {
    margin-bottom: 15px;
}

.hyzx-txt li a {
    color: #666;
    font-size: 16px;
}

.hyzx-txt li a:hover {
    color: #cf000d;
}

.hyzx-img {
    float: right;
}

.online .online-l {
    width: 420px;
    float: left;
}

.online .online-r {
    width: 700px;
    float: right;
}

.online-txt p:first-child {
    margin-bottom: 90px;
}

.cjwt-content {
    overflow: hidden;
    margin-bottom: 20px;
}

.cjwt-nav {
    height: 550px;
    width: 289px;
    float: left;
    background: #f2f2f2;
}

.cjwt-info {
    float: left;
    width: 890px;
    background: #fff;
    border-radius: 0 4px 4px 0;
    padding: 40px;
}

.cjwt-info li {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    cursor: pointer;
}

.cjwt-info li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.cjwt-nav-list .cjwt-item {
    margin-top: 15px;
    border-left: 2px #f7f9fa solid;
    padding-left: 25px;
    height: 52px;
    cursor: pointer;
    font-size: 16px;
    line-height: 52px;
}

.cjwt-nav-list .cjwt-item.on {
    background: #fff;
    border-color: #cf000d;
}

.cjwt-info ul li p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-bottom: 15px;
}

.cjwt-info ul li a {
    color: #08acee;
    text-decoration: underline;
}

.cjwt-info ul li:hover p {
    color: #cf000d;
}

.cjwt-m {
    display: none;
}

/*jjfa-qcdz 解决方案-汽车电子*/
.jjfa-product {
    overflow: hidden;
    margin-bottom: 30px;
}

.jjfa-p-bg {
    float: left;
}

.jjfa-p-bg img ,.jjfa-product p img {
    width: 796px;
    height: 448px;
}

.jjfa-p-txt {
    width: 404px;
    height: 448px;
    background: #f5f5f5;
    float: right;
    padding-top: 30px;
}

.jjfa-p .p-item {
    font-size: 0;
    overflow: hidden;
    display: block;
    margin-bottom: 13px;
}

.jjfa-p .p-item img {
    width: 365px;
    height: 365px;
}

.jjfa-p .p-item .p-img {
    width: 120px;
    height: 120px;
    display: inline-block;
    vertical-align: top;
}

.jjfa-p .p-item .p-img img {
    width: 100%;
}

.jjfa-p .p-item p {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    margin-bottom: 0;
    line-height: 120px;
    font-size: 14px;
}

.jjfa-p .p-item:hover p {
    color: #cf000d;
}

/*jjfa-rtjc 解决方案-人体检测*/
.rtjc-5 .jjfa-p-txt {
    width: 366px;
}

.rtjc-6 .jjfa-p-txt {
    width: 810px;
}

/*product-index 产品中心*/
.ny-pro-index {
    width: 1140px;
    margin: 0 auto;
}

.pro-list {
    overflow: hidden;
}

.list-l {
    width: 37.49%;
    float: left;
}

.list-l img{
    width:100%;
}

.list-r {
    width: 61.31%;
    float: right;
}

.list-r li {
    width: 32.15%;
    float: left;
    margin-right: 1.7%;
    margin-bottom: 22px;
    background: #fff;
}

.list-r li:hover h4 a {
    color: #cf000d;
}

.list-r li:hover .more {
    color: #cf000d;
    border-color: #cf000d;
}

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

.list-r li:nth-child(n+4) {
    margin-bottom: 0;
}

.list-r .pro-list-img {
    display: block;
    width: 100%;
    /* height: 225px; */
}

.list-r .pro-list-img img {
    width: 100%;
}

.list-r .tit-txt {
    height: 80px;
    overflow: hidden;
    text-align: center;
}

.list-r .tit-txt h4 {
    font-weight: 300;
}

.list-r .tit-txt h4 a {
    color: #666;
    font-size: 14px;
}

/*
.list-r .tit-txt h4 a:hover{ color:#cf000d;}
*/
.list-r .tit-txt .more {
    color: #666;
    display: block;
    width: 90px;
    margin: 0 auto;
    line-height: 24px;
    border: 1px solid #666;
    border-radius: 15px;
    font-size: 14px;
}

/*
.list-r .tit-txt .more:hover{ color:#cf000d; border-color:#cf000d;}
*/


.lift-nav {
    position:absolute;
    /* top:50%; */
    /* left: 20px; */
    /* display: none; */
    z-index: 999;
    /* transform: translateY(-50%); */
}




.lift-nav.bbon {
    position:absolute;
    top:300px;
    /* transform: translateY(-50%); */
    left: 20px;
    /* display: none;  */
    z-index: 999;

}









.lift-nav li {
    width: 130px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #333;
    /*margin-bottom: 5px;*/
    background: #f5f5f5;
    cursor: pointer;
    font-size: 12px;
}

.lift-nav li a{
      color: #333;  
}

.lift-nav li.current,.lift-nav li:hover {
    background: #cf000d;
    color: #fff;
}

.lift-nav li.current a,.lift-nav li:hover a{
     color: #fff;
}

.t1,.t2,.t3,.t4,.t5,.t6,.t7,.t8,.t9,.t10,.t11,.t12,.t13,.t14,.t15,.t16,.t17,.t18 {
    width: 100%;
    /* height: 711px; */
    padding: 30px 0 0 0;
    background: #f5f5f5;
    margin-bottom: 50px;
    color: #fff;
}

.t16 {
    margin-bottom: 0;
}

/*product-list 产品分类列表*/
.product-li .list-r {
    width: 100%;
    float: none;
}

.product-li .list-r li {
    margin-right: 1.5625%;
    width: 18.75%;
}

.product-li .list-r li:nth-child(3n) {
    margin-right: 1.5625%;
}

.product-li .list-r li:nth-child(5n) {
    margin-right: 0px;
}

.list-r li:nth-child(n+4) {
    margin-bottom: 22px;
}

/*product 产品单页*/
.pro-img-txt {
    overflow: hidden;
    margin-bottom: 40px;
}

.pro-img {
    width: 500px;
    float: left;
    border: 1px solid #666;
}

.pro-img img {
    width: 100%;
}

.pro-txt {
    width: 540px;
    height: 100%;
    float: right;
}

.pro-txt p {
    margin-bottom: 80px;
}

.pro-txt p span {
    font-weight: normal;
}

.pro-txt .dianji {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.pro-txt .dianji a {
    font-size: 16px;
    display: block;
    padding: 13px 17px;
    background: #bfbdbe;
    color: #fff;
    float: left;
    margin-right: 20px;
}

.pro-txt .dianji a:hover {
    background: #cf000d;
}

.pro-txt .dianji .chat {
    background: #cf000d;
}

.pro-txt .phone {
    padding-left: 30px;
    color: #cf000d;
    font-weight: 300;
    background: url(../image/telr.jpg) 0 0 no-repeat;
}

.pro-nr h3 {
    text-align: center;
}

.zyyy, .jszb, .cptj {
    width: 100%;
    padding: 65px 0 30px 0;
    background: #f3f3f3;
    margin-bottom: 40px;
}

.zyyy-txt {
    display: flex;
    justify-content: space-between;
}

.zyyy-txt::before, .zyyy-txt::after {
    content: '';
    display: block;
}

.zyyy-txt li {
    color: #666;
    font-size: 16px;
}

.cptd ul li {
    width: 372px;
    height: 264px;
    background: #f3f3f3;
    float: left;
    margin-right: 35px;
    margin-bottom: 30px;
    padding: 40px 35px 0 35px;
    color: #666;
    text-align: center;
}

.cptd ul li:hover {
    background: #cf000d;
    color: #fff;
}

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

.cptd ul li span {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto 25px auto;
}

.cptd ul li icon {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto 25px auto;
}

.cptd ul li .cptd1 img {
    max-width: 100%;
}

.cptd ul li .cptd1 img.img2 {
    display: none;
}

.cptd ul li:hover .cptd1 img.img1 {
    display: none;
}

.cptd ul li:hover .cptd1 img.img2 {
    display: inline;
}

.jszb table {
    line-height: 30px;
    text-align: center;
    width: 100%;
    color: #666;
}

.mt-tabpage {
    width: 100%;
    overflow: hidden;
}

.mt-tabpage-title {
    height: 50px;
    font-size: 0;
    width: 100%;
    margin: auto;
    background: #e1e1e1;
    margin-bottom: 40px;
}

.mt-tabpage-title .mt-tabpage-item {
    display: inline-block;
    width: 400px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #666;
    font-size: 16px;
}

.mt-tabpage-title .mt-tabpage-item:hover {
    color: #fff;
}

.mt-tabpage-title .mt-tabpage-item-cur {
    color: #fff;
    background: #cf000d;
}

.mt-tabpage-count {
    position: relative;
    width: 1200px;
    height: 390px;
    overflow: hidden;
}

.mt-tabpage-cont__wrap {
    position: absolute;
}
.mt-tabpage-count .mt-tabpage-item{
     width: 1200px;
    height: 280px;
}
.mt-tabpage-count .mt-tabpage-item:nth-child(1) {
    width: 1200px;
    height: 390px;
}

.mt-tabpage-count .mt-tabpage-item .img-tj img {
    display: block;
    width: 390px;
    height: 280px;
    border: 1px solid #e1e1e1;
    float: left;
    margin-right: 15px;
}
.mt-tabpage-count .mt-tabpage-item:nth-child(1) .img-tj img{
     width: 390px;
    height: 390px;
}


.mt-tabpage-count .mt-tabpage-item .img-tj img:last-child {
    margin-right: 0px;
}

.xgcp {
    overflow: hidden;
    padding: 20px 20px 0 20px;
    margin-bottom: 60px;
}

.xgcp li {
    width: 300px;
    float: left;
    margin-right: 130px;
}

.xgcp li:last-child {
    margin-right: 0px;
}

.xgcp li .xgcp-img {
    width: 300px;
    height: 300px;
    display: block;
    box-shadow: 0 0 12px #ccc;
    -ms-box-shadow: 0 0 12px #ccc;
    margin-bottom: 10px;
}

.xgcp li .xgcp-img img {
    width: 100%;
}

.xgcp li h4 {
    text-align: center;
    font-weight: 300;
}

.xgcp li h4 a {
    color: #666;
}

.xgcp li:hover h4 a {
    color: #cf000d;
}

/*news 新闻*/
.news-gs-m {
    display: none;
}

.news-lb {
    overflow: hidden;
    margin-bottom: 50px;
}

.title {
    height: 26px;
    margin-bottom: 20px;
}

.title h4 {
    float: left;
    margin-bottom: 0;
}

.title .more {
    width: 74px;
    height: 26px;
    display: block;
    text-align: center;
    line-height: 24px;
    border: 1px solid #cf000d;
    border-radius: 15px;
    float: right;
    color: #cf000d;
}

.title .more:hover {
    background: #cf000d;
    color: #fff;
}

.hyzx-lb {
    display: flex;
    justify-content: space-between;
}

.hyzx-lb li {
    display: block;
    width: 350px;
}

.hyzx-lb li h4 {
    margin-bottom: 10px;
    overflow: initial;
    white-space: initial;
}

.hyzx-lb li h4 a, .zhhg li h4 a, .news-hy li h4 a, .news-zh li h4 a {
    color: #333;
    font-size: 18px;
}

.hyzx-lb li h4:hover a, .zhhg li h4:hover a, .news-hy li h4:hover a {
    color: #cf000d;
}

.hyzx-lb li span, .zhhg li span, .news-txt span, .news-hy li span, .news-zh li span {
    font-size: 14px;
    font-weight: 300;
    color: #666;
}

.time {
    display: block;
    width: 130px;
    margin-bottom: 15px;
    background: url(../image/rilis.jpg) 0 2px no-repeat;
    padding-left: 25px;
    color: #00469b;
    margin-bottom: 20px;
}

.hyzx-lb li p, .zhhg li p, .news-zh li p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    letter-spacing: 0;
}

.yuebao {
    width: 100%;
    height: 384px;
    background: #eaeaea;
}

.yuebao .yuebao-l {
    width: 50%;
    float: left;
}

.yuebao .yuebao-r {
    width: 50%;
    height: 100%;
    float: right;
    padding: 35px 40px;
}

.yuebao .yuebao-r ul li {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.yuebao .yuebao-r ul li:last-child {
    margin-bottom: 0px;
}

.yuebao .yuebao-r ul li .date {
    position: absolute;
    border-right: 1px solid #ccc;
    padding-right: 40px;
}

.yuebao .yuebao-r ul li .date p {
    line-height: 24px;
    margin-bottom: 0px;
    color: #333333;
}

.yuebao .yuebao-r ul li .date .d {
    font-size: 30px;
    margin-bottom: 20px;
}

.yuebao .yuebao-r ul li .info {
    margin-left: 150px;
}

.yuebao .yuebao-r ul li .info h4 {
    margin-bottom: 20px;
    line-height: 26px;
}

.yuebao .yuebao-r ul li .info h4 a {
    font-size: 20px;
    color: #333333;
}

.yuebao .yuebao-r ul li .info h4 a:hover {
    color: #cf000d;
}

.yuebao .yuebao-r ul li .info p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0px;
}

.yuebao .yuebao-r ul li:hover {
    border-bottom-color: #cf000d;
}

.yuebao .yuebao-r ul li:hover .date p {
    color: #cf000d;
}

.yuebao .yuebao-r ul li:hover .info h4 a {
    color: #cf000d;
}

.zhhg {
    display: flex;
    justify-content: space-between;
}
.zhhg li{
    width: 49%;
}

.zhhg li .zh-img, .news-zh li .zh-img {
    display: block;
    margin-bottom: 20px;
}

.zhhg li h4, .news-zh li h4 {
    margin-bottom: 10px;
    overflow: initial;
    white-space: initial;
    line-height: 26px;
}

.zhhg li p, .news-zh li p {
    margin-bottom: 20px;
}

.news-txt {
    overflow: hidden;
    margin-bottom: 40px;
}

.news-txt h3 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #333;
}

.news-txt h4 {
    font-size: 16px;
    margin-bottom: 15px;
    color: #333;
}

.news .type-name {
    font-size: 18px;
    display: block;
    margin-bottom: 30px;
}

.news p {
    color: #333;
    letter-spacing: 0;
}

.news p a {
    font-size: 16px;
    color: #000;
}

.news p a:hover {
    color: #cf000d;
}

.news h1 {
    margin-bottom: 10px;
    color: #333;
}

.news .pre-next li {
    line-height: 30px;
    color: #666;
}

.news .pre-next li a {
    color: #666;
}

.news .pre-next li a:hover {
    color: #cf000d;
}

.news-gs li {
    height: 360px;
    overflow: hidden;
    margin-bottom: 20px;
}

.news-hy li {
    padding: 30px 40px;
    background: #f0f0f0;
    margin-bottom: 30px;
}

.news-hy li p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    margin-bottom: 30px;
}

.news-hy li a {
    color: #cf000d;
}

.news-yb {
    display: flex;
    flex-wrap: wrap;
}

.news-yb li {
    display: block;
    width: 333px;
    margin-right: 100px;
    margin-bottom: 40px;
}

.news-yb li:nth-child(3n), .news-zh li:nth-child(3n) {
    margin-right: 0px;
}

.news-zh {
    display: flex;
    flex-wrap: wrap;
}

.news-zh li {
    /* margin-right: 15px; */
    margin-bottom: 30px;
}

/*application 应用领域*/
.app-fl {
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 70px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.app-fl li {
    width: 160px;
    float: left;
    margin-right: 13px;
}

.app-fl li:nth-child(7n) {
    margin-right: 0px;
}

.app-fl li a {
    display: block;
    overflow: hidden;
}

.app-fl li a img {
    width: 100%;
    cursor: pointer;
    transition: all 0.3s;
}

.app-fl li a img:hover {
    transform: scale(1.05);
    -ms-transform: scale(1.3);
    /* IE9 */
}

.app-fl li h4 {
    text-align: center;
    font-weight: 300;
    margin-top: 20px;
}

.app-fl li h4 a {
    color: #333;
    font-size: 14px;
}

.app-fl li h4 a:hover {
    color: #cf000d;
}

.app-txt h2 {
    text-align: center;
    color: #333;
}

.app-txt-ms {
    overflow: hidden;
}

.app-txt-td {
    text-align: center;
    font-size: 0;
    margin: 60px auto;
}

.app-txt-td li {
    display: inline-block;
    margin: 0 25px;
    color: #666;
    font-size: 16px;
}

.app-txt-td li img {
    display: block;
    margin: 0 auto 15px auto;
    max-width: 100%;
    width: auto!important;
}

.app-cptj-con {
    overflow: hidden;
    padding-bottom: 50px;
    margin-bottom: 60px;
    border-bottom: 1px solid #ccc;
}

.app-cptj-m {
    display: none;
}

.change-content {
    overflow: hidden;
}

.change-main {
    width: 1200px !important;
    margin: 0 auto;
    position: relative;
    transition: all .3s ease;
    overflow: hidden;
}

.change-box .change-cut {
    margin: 0 0 40px 0;
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
}

.transition {
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.change-box .change-cut .tab {
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    background-color: #F5F5F5;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    width: auto;
    float: left;
    padding: 0 32px;
}

.flex-rows {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.change-box .change-cut ul {
    margin-left: 0px;
}

.contents {
    width: 1200px;
}

.change-box .change-cut .tab.on {
    background-color: #cf000d;
    color: #fff;
}

.change-box .contents .xgcp-item {
    width: 49%;
    height: 150px;
    float: left;
    margin-bottom: 30px;
    position: relative;
}

.change-box .contents .xgcp-item .cptj-img {
    width: 150px;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
}

.change-box .contents .xgcp-item .cptj-img img {
    width: 100%;
    cursor: pointer;
    transition: all 0.5s;
}

.change-box .contents .xgcp-item .cptj-img img:hover {
    transform: scale(1.05);
    -ms-transform: scale(1.1);
    /* IE9 */
}

.change-box .contents .xgcp-item .cptj-txt {
    margin-left: 180px;
    padding-top: 15px;
}

.change-box .contents .xgcp-item .cptj-txt a {
    color: #333;
}

.change-box .contents .xgcp-item .cptj-txt .txt1 {
    margin-bottom: 70px;
}

.change-box .contents .xgcp-item .cptj-txt .txt1 a:hover {
    color: #cf000d;
}

.change-box .contents .xgcp-item .cptj-txt .txt2 a {
    color: #cf000d;
}

.change-box .contents .xgcp-item .cptj-txt .txt2 a:hover {
    text-decoration: underline;
}

/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
    .nav ul li .f_a {
        font-size:14px
    }

    .nav ul li .s_navbox .s_a a {
        font-size: 12px
    }

    .foot_top ul {
        margin-left: 60px
    }

    .nav ul li .s_navbox .s_a {
        width: 100%
    }
}

/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px) {
    .msgNum {
        display: none;
    }

    .slider {
        margin-top: 70px;
    }

    .head {
        display: none
    }

    .m_img {
        display: block;
        height: 70px;
        background: #fff;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 9999;
        border-bottom: 1px solid #ddd;
        overflow: hidden;
    }

    .m_img .headlf {
        padding-top: 12px;
        padding-left: 10px;
        float: left;
    }

    .m_img .headlf .m_logo {
        display: block
    }

    .m_img .headrg {
        padding-right: 5%;
        padding-top: 27px;
        float: right;
    }

    .m_img .headrg a .m_menuimg {
        height: 16px;
        vertical-align: top;
        display: block
    }

    .m_nav {
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 0px;
        height: 0px;
        overflow: hidden;
        z-index: 10000
    }

    .m_nav .closecover {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #0b0d19;
        filter: alpha(opacity=0);
        opacity: 0;
        left: 0px;
        top: 0px;
        z-index: 1
    }

    .m_nav .closeicon {
        position: absolute;
        width: 20%;
        left: 30px;
        top: 5%;
        z-index: 100;
        text-align: center;
        filter: alpha(opacity=0);
        opacity: 0
    }

    .m_nav .m_navList {
        position: absolute;
        width: 80%;
        right: 0px;
        top: 0px;
        background: #0b0d19;
        height: 100%;
        z-index: 100;
        right: -80%;
        overflow-y: scroll;
    }

    .m_nav .m_navList ul {
        padding-left: 5%;
        padding-right: 5%
    }

    .m_nav .m_navList ul li {
        border-bottom: 1px solid #232530
    }

    .m_nav .m_navList ul li a {
        display: block;
        height: 45px;
        color: #fff;
        line-height: 45px;
        padding-left: 5%;
        font-size: 16px
    }

    .m_nav .m_navList ul li .m_f_a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    .m_nav .m_navList ul li .m_f_a a {
        flex: 1;
    }

    .m_nav .m_navList ul li .m_f_a i {
        width: 40px;
        height: 35px;
        box-sizing: border-box;
        padding: 0 5px;
        display: block;
    }

    .icon {
        background: url(../image/plus.png) 100% no-repeat;
        background-position: 50% 50%;
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        transition: all 0s
    }

    .icon_on {
        background: url(../image/reduce.jpg) 50% no-repeat!important;
        background-position: 50% 50%;
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        transition: all 0s
    }

    .m_nav .m_navList ul li .m_s_nav {
        display: none;
        width: 100%;
    }

    .m_nav .m_navList ul li .m_s_nav a {
        display: block;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        padding-left: 10%;
        overflow: hidden;
        white-space: nowrap;
        width: 90%;
        text-overflow: ellipsis;
    }
}

@media(max-width: 1200px) {
    .top {
        display:none;
    }

    .main {
        width: 94%;
    }

    .ny-main {
        width: 94%;
        /* margin-top: 110px; */
    }

    .header-banner {
        display: none;
    }

    .ny-con {
        /* margin-bottom: 80px; */
    }

    .ny-con h2 {
        font-size: 20px;
    }

    .ny-con h3 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .ny-con h4 {
        font-size: 16px;
    }

    .ny-con span {
        font-size: 14px;
    }

    .ny-con p {
        font-size: 14px;
        line-height: 26px;
        letter-spacing: 0px;
    }

    .news-hy li p {
        margin-bottom: 15px;
    }

    .ny-con dd {
        margin-bottom: 15px;
    }

    .ny-con p img {
        width: 100%!important;
        height: auto!important;
    }

    /* about 移动端 */
    .ny-con .jjsz {
        margin: 10px 0;
    }

    .ny-con .jjsz li {
        font-size: 14px;
    }

    .ny-con .jjsz li .big {
        font-size: 2em;
    }

    .dsj-box {
        display: none;
    }

    .dsj-box-m {
        display: block;
        padding-top: 10px;
    }

    .dsj-box-m ul li {
        overflow: hidden;
        margin-bottom: 25px;
    }

    .dsj-box-m ul li span {
        color: #cf000d;
        font-weight: 700;
        display: block;
        margin-bottom: 10px;
        padding-left: 15px;
        position: relative;
    }

    .dsj-box-m ul li span::before {
        background: #cf000d;
        display: block;
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 5px;
        position: absolute;
        left: 0;
        top: 7px;
    }

    .dsj-box-m ul li p {
        margin-bottom: 8px;
        line-height: 24px;
    }

    .ny-con .zzzl, .news-yb, .cptd ul, .zhhg, .news-zh {
        display: block;
        font-size: 0;
        text-align: justify;
    }

    .ny-con .zzzl li {
        width: 48%;
        display: inline-block;
        float: none;
        margin-right: 0px;
        vertical-align: top;
    }

    .ny-con .zzzl li img {
        width: 100%;
        max-width: 270px;
    }

    .ny-con .zzzl::after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 0;
        vertical-align: top;
    }

    /* contact 联系我们 */
    .ny-con .lxfs li {
        width: auto;
        height: auto;
        float: none;
        margin-right: 0;
        padding: 50px;
    }

    .ny-con .gfmt {
        display: none;
    }

    /* tech 技术支持 */
    .map-service {
        display: none;
    }

    .ny-con .yfdt-m {
        display: block;
        margin-bottom: 30px;
    }

    .ny-con .yfdt-m img {
        width: 100%;
    }

    .ny-con .mb-fz li {
        float: none;
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .ny-con .mb-fz li img {
        width: 100%;
        max-width: 598px;
        margin: 0 auto;
    }

    .fwzc img {
        width: 100%;
    }

    .mhcg .mhcg-img {
        display: none;
    }

    .mhcg .mhcg-txt {
        width: 100%;
        height: auto;
        float: none;
        padding: 15px;
        position: inherit;
    }

    .mhcg .mhcg-txt .date {
        display: none;
    }

    .mhcg .mhcg-txt .info {
        margin-left: 0px;
    }

    .mhcg .mhcg-txt .info h4 a {
        font-size: 16px;
    }

    .jjfa ul {
        font-size: 0;
        text-align: justify;
    }

    .jjfa ul::after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 0;
        vertical-align: top;
    }

    .jjfa ul li {
        width: 48%;
        display: inline-block;
        margin-bottom: 20px;
        float: none;
        margin-right: 0;
    }

    .jjfa ul li a img {
        width: 100%;
    }

    .hyzx-txt {
        width: 100%;
        height: auto;
        float: none;
        padding: 25px
    }

    .hyzx-txt li a {
        font-size: 14px;
    }

    .hyzx-img {
        display: none;
    }

    .online .online-l {
        width: 100%;
        float: none;
    }

    .online .online-r {
        width: 100%;
        float: none;
    }

    .online-txt p:first-child {
        margin-bottom: 20px;
    }

    .online-txt img {
        max-width: 414px;
    }

    .dzxcc .dzxcc-img {
        width: 100%;
        display: block;
        margin-right: 0px;
    }

    .dzxcc .dzxcc-img img {
        width: 100%;
        max-width: 306px;
    }

    .dzxcc .dzxcc-txt {
        width: 100%;
        display: block;
        overflow: hidden;
    }

    .dzxcc .dzxcc-txt h4 {
        font-size: 14px;
    }

    .dzxcc .dzxcc-txt .txt-l {
        width: 100%;
        float: none;
    }

    .dzxcc .dzxcc-txt .txt-l p {
        display: none;
    }

    .dzxcc .dzxcc-txt .txt-r {
        float: none;
    }

    .dzxcc .dzxcc-txt .txt-r a {
        font-size: 12px;
        float: left;
        width: 80px;
        height: 24px;
        line-height: 22px;
    }

    .dzxcc .dzxcc-txt .txt-r a:first-child {
        margin: 0px 40px 0 0;
    }

    .cjwt-m {
        display: block;
    }

    .cjwt-content {
        display: none;
    }

    .cjwt-m-list {
        margin-bottom: 30px;
        padding-bottom: 5px;
        overflow: hidden;
        border-bottom: 1px solid #ccc;
    }

    /* news 新闻 */
    .choices {
        display: none;
    }

    .news-gs-m {
        display: block;
    }

    .choices_left {
        display: none;
    }

    .choices_right {
        width: 100%;
        height: auto;
        float: none;
        padding: 20px;
        box-sizing: border-box;
    }

    .choices_right .more {
        width: 70px;
        height: 22px;
        line-height: 20px;
        font-size: 12px;
    }

    .choices_right .time {
        font-size: 14px;
        line-height: 30px;
        background: url(../image/index-news-t.jpg) 0 4px no-repeat;
        padding-left: 30px;
    }

    .news-lb {
        margin-bottom: 30px;
    }

    .title .more {
        width: 54px;
        height: 22px;
        line-height: 20px;
        font-size: 12px;
    }

    .hyzx-lb {
        display: block;
    }

    .hyzx-lb li {
        width: auto;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
    }

    .hyzx-lb li h4, .zhhg li h4, .news-hy li h4, .news-zh li h4 {
        font-weight: 300;
    }

    .hyzx-lb li h4 a, .zhhg li h4 a, .news-hy li h4 a, .news-zh li h4 a, .yuebao .yuebao-r ul li .info h4 a {
        font-size: 16px;
    }

    .hyzx-lb li p, .zhhg li p, .news-zh li p {
        font-size: 12px;
        line-height: 20px;
    }

    .yuebao {
        height: auto;
        padding: 15px;
        overflow: hidden;
    }

    .yuebao .yuebao-l {
        display: none;
    }

    .yuebao .yuebao-r {
        width: 100%;
        float: none;
        padding: 0;
    }

    .yuebao .yuebao-r ul li .date {
        padding-right: 10px;
    }

    .yuebao .yuebao-r ul li .date .d {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .yuebao .yuebao-r ul li .info {
        margin-left: 80px;
        padding-top: 5px;
    }

    .yuebao .yuebao-r ul li .info .des {
        display: none;
    }

    .zhhg li, .news-zh li {
        /* width: 48%; */
        display: inline-block;
        margin-bottom: 20px;
        vertical-align: top;
    }

    .zhhg li .zh-img img, .news-zh li .zh-img img {
        width: 100%;
    }

    .zhhg li p, .news-zh li p {
        margin-bottom: 10px;
    }

    .zhhg li .time, .news-zh li time {
        display: none;
    }

    .news-zh::after, .zhhg::after, .news-yb::after, .cptd ul::after, .list-r::after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 0;
        vertical-align: top;
    }

    .news-zh li {
        margin-right: 0px;
    }

    .news-gs li {
        height: auto;
        margin-bottom: 30px;
    }

    .news-yb li {
        width: 48%;
        margin-right: 0px;
        display: inline-block;
    }

    .news-yb li a img {
        width: 100%;
    }

    .news p a {
        font-size: 14px;
    }

    .news .type-name {
        font-size: 16px;
    }

    /*product-index 产品中心*/
    /*.left {
        display: none;
    }*/

    .t1,.t2,.t3,.t4,.t5,.t6,.t7,.t8,.t9,.t10,.t11,.t12,.t13,.t14,.t15,.t16,.t17,.t18 {
        height: auto;
        /* padding: 30px 0; */
    }

    .t2 .ny-main, .t3 .ny-main, .t4 .ny-main, .t5 .ny-main, .t6 .ny-main, .t7 .ny-main, .t8 .ny-main, .t9 .ny-main, .t10 .ny-main, .t11 .ny-main, .t12 .ny-main, .t13 .ny-main, .t14 .ny-main, .t15 .ny-main, .t16 .ny-main, .t17 .ny-main, .t18 .ny-main {
        margin-top: 0px;
    }

    .t1 .ny-con, .t2 .ny-con, .t3 .ny-con, .t4 .ny-con, .t5 .ny-con, .t6 .ny-con, .t7 .ny-con, .t8 .ny-con, .t9 .ny-con, .t10 .ny-con, .t11 .ny-con, .t12 .ny-con, .t13 .ny-con, .t14 .ny-con, .t15 .ny-con, .t16 .ny-con, .t17 .ny-con, .t18 .ny-con {
        margin-bottom: 0px;
    }

    .t18 {
        margin-bottom: 70px;
    }

    .list-l {
        width: 100%;
        float: none;
        display: none;
    }

    .list-r {
        width: 100%;
        float: none;
        text-align: justify;
        font-size: 0;
    }

    .list-r li {
        width: 48%!important;
        float: none;
        display: inline-block;
        margin-right: 0px;
        margin-bottom: 22px;
    }

    .list-r .pro-list-img {
        width: 100%;
        height: auto;
    }

    .list-r .tit-txt {
        height: auto;
        padding-bottom: 20px;
    }

    .product-li .list-r li {
        margin-right: 0px;
    }

    .product-li .list-r li:nth-child(3n) {
        margin-right: 0px;
    }

    /*product 产品*/
    .position {
        display: none;
    }

    .pro-img-txt {
        margin-bottom: 0;
    }

    .pro-img {
        width: 100%;
        max-width: 800px;
        height: auto;
        float: none;
        margin-bottom: 25px;
    }

    .pro-txt {
        width: 100%;
        float: none;
    }

    .pro-txt h1 {
        font-weight: 300;
        margin-bottom: 10px;
    }

    .pro-txt .dianji a {
        font-size: 14px;
        padding: 10px 13px;
        margin-right: 30px;
    }

    .pro-txt .dianji .down {
        /* display: none; */
    }

    .pro-nr .ny-main {
        margin-top: 0;
    }

    .pro-nr .ny-con {
        margin-bottom: 0;
    }

    .zyyy, .jszb, .cptj {
        padding-top: 30px;
    }

    .zyyy-txt {
        display: block;
    }

    .zyyy-txt li {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .cptd ul li {
        width: 48%;
        height: auto;
        display: inline-block;
        float: none;
        margin-right: 0;
        padding: 30px;
    }

    .cptj {
        display: none;
    }

    .xgcp {
        font-size: 0;
        text-align: justify;
    }

    .xgcp li {
        width: 48%;
        float: none;
        display: inline-block;
        margin-right: 0px;
        margin-bottom: 15px;
        vertical-align: top;
    }

    .xgcp li .xgcp-img {
        width: 100%;
        height: auto;
    }

    /*application 应用领域*/
    .app-cptj li .cptj-txt {
        margin-left: 170px;
    }

    .change-content {
        display: none;
    }

    .app-cptj-m {
        display: block;
    }

    .cptj-m-item {
        overflow: hidden;
        width: 100%;
        font-size: 0;
        text-align: justify;
    }

    .cptj-m-item::after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 0;
        vertical-align: top;
    }

    .app-cptj-m .cptj-m-tit {
        font-size: 16px;
        color: #666;
        margin-bottom: 15px;
        padding-bottom: 5px;
        border-bottom: 1px solid #cf000d;
    }

    .app-cptj-m li {
        width: 48%;
        display: inline-block;
        margin-bottom: 20px;
        vertical-align: top;
    }

    .app-cptj-m li .cptj-m-img {
        display: block;
        margin-bottom: 8px;
    }

    .app-cptj-m li .cptj-m-img img {
        width: 100%;
    }

    .app-cptj-m li h4 {
        text-align: center;
        font-weight: 300;
    }

    .app-cptj-m li h4 a {
        color: #666;
    }
}

@media(max-width: 768px) {
    /*application 应用领域*/ .app-fl {
        display:block;
        display: -webkit-block;
        /* Safari */
        font-size: 0;
        text-align: justify;
        margin-bottom: 40px;
    }

    .app-fl::after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 0;
        vertical-align: top;
    }

    .app-fl li {
        width: 48%;
        display: inline-block;
        float: none;
        margin-right: 0;
    }

    .app-txt-td li {
        display: block;
        margin: 0 20px 20px 20px;
        font-size: 14px;
    }

    .app-cptj li {
        width: 100%;
        height: 150px;
        float: none;
    }

    .app-cptj li .cptj-txt .txt1 {
        margin-bottom: 50px;
    }

    .app-cptj li .cptj-txt .txt1 a {
        font-size: 14px;
    }
}

.zh-img img {
    width: 100%;
}


@media(max-width: 849px){
    /* .klv table{
        overflow-x: auto;
        width: 100vw!important;
    } */
    .jszb table{
        width: 100%!important;
    }
}

@media screen and (max-width: 1199px) and (min-width:769px) {
    .app-fl {
        display:block;
        overflow: hidden;
    }

    .app-fl li:nth-child(7n) {
        margin-right: 13px;
    }
}





.bbcp{position: relative;}



@media(max-width: 780px){
    .jjfa-p-bg img, .jjfa-product p img{
        width: 100%;
        height: auto;
    }
    .jjfa-p-txt{
        width: 100%;
        height: auto;
    }
}

@media(max-width: 480px){
    .jjfa-p .p-item p{
        line-height: 80px;
    }
    .jjfa-p .p-item .p-img{
        width: 80px;
        height: 80px;
    }
}


.small_banner {width: 100%;height: 500px;background-position: center;background-size: cover;position: relative; overflow: hidden;}
.small_banner .inner_title {position: absolute;z-index: 5;left: 15%;top: 40%;width: 50%;}
.small_banner .inner_title .tt1 {color: #fff;font-size: 45px;padding-left: 5%;text-align: left;position: relative;margin-bottom: 2%;}
.small_banner .inner_title .tt1 i {display: block;position: absolute;width: 32px;height: 4px;background-color: #e52129;left: 0;top: 50%;}
.small_banner .inner_title .tt2 {color: #fff;font-size: 22px;text-align: left;}




/*第二导航*/
.containers {
    position: relative;
    width: 1400px;
    margin: 0 auto;
}
.nav_pc {width: 100%;height: 60px;background-color:#f1f1f1;position: relative; overflow: hidden;}
.nav_phone.hides{display:none !important}
/*.nav_pc{width:100%;height:60px;background-color:#f6f6f6;position: relative;z-index: 5;}*/
.nav_pc .home{float:left;display:block}
.nav_pc .first,.nav_pc .second,.nav_pc .third{cursor:pointer;float:left;position:relative;}
.nav_pc .first h4,.nav_pc .second h4,.nav_pc .third h4{height:60px;line-height:60px;min-width:180px;font-size:16px;color:#333;padding:0 42px 0 30px;position:relative;border-right:1px solid #eaebeb}
.nav_pc .active h4{border-bottom:3px solid #0f6ab4;color:#0f6ab4}
.nav_pc .first h4::after,.nav_pc .second h4::after{content:'';border:4px solid transparent;border-top:4px solid #333;border-bottom:none;position:absolute;width:0;height:0;right:30px;top:0;bottom:0;margin:auto}
.nav_pc .active h4::after{border-top-color:#0f6ab4}
.nav_pc .first.no-a h4,.nav_pc .second.no-a h4,.nav_pc .third h4{padding-right:30px}
.nav_pc .first.no-a h4::after,.nav_pc .second.no-a h4::after{display:none}
.nav_pc .first ul,.nav_pc .second ul{display:none;position:absolute;top:60px;left:0;z-index:99;min-width:100%}
.nav_pc .first ul li a,.nav_pc .second ul li a{font-size:14px;color:#333;display:block;background:#f6f6f6;padding:0 30px;line-height:48px;height:48px;width:100%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
.nav_pc .first ul li a:hover,.nav_pc .second ul li a:hover{color:#fff;background:#0f6ab4}
.nav_pc .right{float:right}
.nav_pc .right a{font-size:16px;line-height:60px;color:#333;margin-left:60px}
.nav_pc .right a:first-child{margin-left:0}
.nav_pc .right a.active{color:#0f6ab4}


/*荣誉资质*/
#honor .honor-box {margin-top:40px;margin-bottom: 20px;display:flex;flex-wrap:wrap;}
#honor .honor-box .item {width:23.4%;margin-right:2.13%;margin-bottom:2.13%;transition:all 0.6s;padding:30px 30px 20px;background-color:#fff;cursor:pointer;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);}
#honor .honor-box .item .pic {width:100%;overflow:hidden;}
#honor .honor-box .item .pic img {width:100%;transition:transform .5s ease-out;-webkit-transition:transform .5s ease-out;-moz-transition:transform .5s ease-out;}
#honor .honor-box .item .info {font-size:16px;color:#333;padding-top:20px;}
#honor .honor-box .item:hover {box-shadow:0px 15px 20px 0px rgba(0,89,156,0.2);}
#honor .honor-box .item:hover .pic img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
#honor .honor-box .item:hover .info {color:#0f6ab4;}
#honor .honor-box .item:nth-of-type(4n) {margin-right:0;}
#honor .honor-cover {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(15,64,104,0.8);z-index:1000;display:none;}
#honor .honor-cover .pic-box {width:500px;padding:30px 40px 20px;background-color:#fff;position:absolute;top:120px;left:calc(50% - 250px);}
#honor .honor-cover .pic-box .pic {width:100%;}
#honor .honor-cover .pic-box .pic img {width:100%;}
#honor .honor-cover .pic-box .info {font-size:16px;color:#333;padding-top:20px;text-align:center;}
#honor .honor-cover .pic-box .close-box {width:50px;height:50px;border-radius:50%;background-color:#fff;position:absolute;right:-15px;top:-15px;display:flex;align-items:center;justify-content:center;}
#honor .honor-cover .pic-box .close-box i {width:22px;height:22px;margin:auto;display:inline-block;}


.case-box {margin-top:40px;margin-bottom: 20px;display:flex;flex-wrap:wrap; width: 100%}
.case-box .item {width:32.3%;margin-right:1.5%;margin-bottom:2.13%;transition:all 0.6s;padding:30px 30px 20px;background-color:#fff;cursor:pointer;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);}
.case-box .item .pic {width:100%;overflow:hidden;}
.case-box .item .pic img {width:100%;transition:transform .5s ease-out;-webkit-transition:transform .5s ease-out;-moz-transition:transform .5s ease-out;}
.case-box .item .info {font-size:16px;color:#333;padding-top:20px;}
.case-box .item:hover {box-shadow:0px 15px 20px 0px rgba(0,89,156,0.2);}
.case-box .item:hover .pic img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.case-box .item:hover .info {color:#0f6ab4;}
.case-box .item:nth-of-type(3n) {margin-right:0;}


/*分页*/
ul.pagination{width:100%;height:auto;text-align:center;position:relative;overflow:hidden;margin-bottom: 50px;}
.pagination li{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;background-color:#fff;margin:0px 3px;border: 1px solid #e5e5e5;transition:all 0.3s ease;}
.pagination li a{display:block;width:40px;height:40px;}
.pagination li.active, .pagination li:hover{color:#ffffff;background-color:#0f6ab4;border-color:#0f6ab4;}


.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {display: flex;justify-content: center;margin-top: 10px;}
.pagination a {background: #fff;border: 1px solid #ccc;color: #333;font-size: 12px;padding: 8px 10px;margin: 0 2px;border-radius: 3px; line-height:100%}
.pagination span {color: #333;font-size: 12px;padding: 7px 2px;margin: 0 2px;border-radius: 3px;}
.pagination a:hover {color: #333;border: 1px solid #333;}
.pagination a.page-num-current {color: #fff;background: #333;border: 1px solid #333;}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

.maximg img{ max-width:100% !important; height:auto !important}
.maximg{ line-height:24px;}
.maximg p{ margin-bottom:20px}

/*解决方案*/
.news-items {margin:20px 0 20px;}
.news-items .items .item {display:flex;padding:40px;background-color:#fff;border-bottom:1px solid #eee;transition:all 0.6s;position:relative;}
.news-items .items .item .pic {width:300px;flex-shrink:0;background-repeat:no-repeat;background-position:center;background-size:cover;}
.news-items .items .item .pic img {width:100%;transition:all 0.4s ease-in 0s;-webkit-transition:all 0.4s ease-in 0s;-moz-transition:all 0.4s ease-in 0s;-o-transition:all 0.4s ease-in 0s;}
.news-items .items .item .pic:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.news-items .items .item .info {padding-left:40px;}
.news-items .items .item .info .tt {font-size:22px;line-height:22px;font-weight: bold;}
.news-items .items .item .info .tt:hover {color:#0f6ab4;}
.news-items .items .item .info .desc {font-size:16px;line-height:25px;height:75px;color:#666;margin-top:10px; overflow: hidden;}
.news-items .items .item .info .date {font-size:16px;line-height:30px;height:30px;color:#666;margin-top:10px; overflow: hidden;}
.news-items .items .item .info .nmore {width:140px;height:40px;line-height:40px;text-align:center;border:1px solid #ddd;color:#999;display:flex;align-items:center;justify-content:center;margin-top:30px;transition:all 0.6s;}
.news-items .items .item .info .nmore i {font-size:16px;color:#bbb;}
.news-items .items .item:hover .info .nmore {border:1px solid #0f6ab4;background-color:#0f6ab4;color:#fff;}
.news-items .items .item:hover .info .nmore i {color:#fff;}

.article-detail {padding:0 10px;margin:30px 0 60px;background-color:#fff;}
.article-detail .ntitle {font-size:30px;line-height:30px;border-bottom:1px solid #eee;padding:40px 0 30px;}
.article-detail .ntitle span{font-size:14px;line-height: 22px;color: #777777;margin: 0 0 0 50px;}
.article-detail .content {padding:30px 0; font-size:16px; line-height: 35px}
.article-detail .content img {max-width:100%;}
.article-detail .detail-bottom {padding:30px 40px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;}
.article-detail .detail-bottom .left {font-size:16px;color:#999;}
.article-detail .detail-bottom .left .pg {line-height:30px;}
.article-detail .detail-bottom .left .pg .item {color:#999;}
.article-detail .detail-bottom .left .pg:hover .item {color:#333;}
.article-detail .detail-bottom .back {width:130px;height:40px;line-height:40px;font-size:14px;color:#999;border:1px solid #ddd;text-align:center;display:block;}


/*产品详情*/

/*#product_dt .product-detail {margin:50px 0;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);}*/
#product_dt .product-detail .tops-box {display:flex;justify-content:space-between;padding:40px 40px 50px;background-color:#fff;}
#product_dt .product-detail .tops-box .probanner { width:600px; height: 600px; position:relative;}
#product_dt .product-detail .tops-box .probanner .swiper-pro {height:100%;}
#product_dt .product-detail .tops-box .probanner .swiper-wrapper {height:100%;}
#product_dt .product-detail .tops-box .probanner .swiper-slide {position:relative;}
#product_dt .product-detail .tops-box .probanner .swiper-slide > img {width:100%;opacity:100;}
#product_dt .product-detail .tops-box .probanner .swiper-pagination-pro {width:100%;bottom:-30px;z-index:100;}
#product_dt .product-detail .tops-box .probanner .swiper-pagination-bullet {width:15px;height:3px;background-color:#ddd;opacity:1;outline:none;transition:all .6s;margin:0 10px;border-radius:0;}
#product_dt .product-detail .tops-box .probanner .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1;background-color:#0f6ab4;transition:all .6s;}
#product_dt .product-detail .tops-box .info-box {padding-left:50px;width: 52%;}
#product_dt .product-detail .tops-box .info-box .title-box {padding-bottom:20px;border-bottom:1px solid #ddd;}
#product_dt .product-detail .tops-box .info-box .title-box .t1s {font-size:30px;line-height:30px;font-weight:bold;color:#000;}
#product_dt .product-detail .tops-box .info-box .title-box .t2s {font-size:18px;line-height:18px;margin-top:20px;color:#333;}
#product_dt .product-detail .tops-box .info-box .desc {color:#666;font-size:16px;line-height:30px;margin-top:30px;height:60%;}
#product_dt .product-detail .tops-box .info-box .bottoms .query {width:150px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;display:block;background-color:#0f6ab4;}
#product_dt .product-detail .tops-box .info-box .bottoms .txt {color:#bbb;font-size:12px;line-height:18px;margin-top:25px;}
#product_dt .product-detail .pro-cont {margin-top:20px;background-color:#fff;}
#product_dt .product-detail .pro-cont .pro-nav {height:64px;border-bottom:1px solid #f1f2f3;background-color:#fff;padding:0 40px;}
#product_dt .product-detail .pro-cont .pro-nav .item {font-size:25px;color:#666;padding:0 15px;height:100%;line-height:64px;position:relative;display:inline-block;margin-right:60px;cursor:pointer;}
#product_dt .product-detail .pro-cont .pro-nav .item:hover,#product_dt .product-detail .pro-cont .pro-nav .item.active {color:#0f6ab4;font-weight:bold;}
#product_dt .product-detail .pro-cont .pro-nav .item:hover:before,#product_dt .product-detail .pro-cont .pro-nav .item.active:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#0f6ab4;}
#product_dt .product-detail .pro-cont .content {padding:40px; font-size: 16px; line-height: 30px}
#product_dt .product-detail .pro-cont #cont01.content,#product_dt .product-detail .pro-cont #cont02.content {}
#product_dt .product-detail .pro-cont .content img {max-width:100%;}
#product_dt .product-detail .pro-cont .content h1 {font-size:24px;line-height:24px;color:#333;margin-bottom:20px;margin-top:20px;}

@media (max-width: 1024px) {
    ul.pagination {margin-bottom: 30px;}
    .containers{width:100%;padding:0 2%;overflow-x: auto;overflow-y: hidden;}

    .small_banner{ height:250px; }
    .small_banner .inner_title {left: 10%;top: 25%;width: 100%;}
    .small_banner .inner_title .tt1 {font-size: 30px;padding-left: 15%;}
    .small_banner .inner_title .tt2 {font-size: 16px;}

    .nav_phone.hides{display:block !important}
    .nav_pc.hides{display:none !important}
    .nav_phone{line-height:60px;background:#fff;border-bottom:1px solid #E6E6E6}
    .nav_phone p{display:inline-block;font-size:16px;color:#333}
    .nav_phone p::after{content:'>';display:inline-block;margin:0 10px}
    .nav_phone p:last-child::after{display:none}
    .nav_phone p a{color:inherit}

    /*荣誉资质*/
    #honor .honor-box .item {width:49%;margin-right:2%;margin-bottom:2%;padding:0.6rem;}
    #honor .honor-box .item .info {padding-top:0.2rem;font-size:14px;}
    #honor .honor-box .item:nth-of-type(2n) {margin-right:0;}
    #honor .honor-box .item {padding:15px;}
    #honor .honor-box .item .info {padding-top:15px;}
    #honor .honor-cover .pic-box {width:300px;padding:20px;left:calc(50% - 150px);}

    .case-box .item {width:100%;margin-bottom:2%;padding:0.6rem;}
    .case-box .item .info {padding-top:0.2rem;font-size:14px;}
    .case-box .item:nth-of-type(2n) {margin-right:0;}
    .case-box .item {padding:15px;}
    .case-box .item .info {padding-top:15px;}


    .news-items .items .item {flex-wrap:wrap;}
    .news-items .items .item .pic {width:100%;}
    .news-items .items .item .info {width:100%;}
    .news-items .items .item .info .desc {line-height:25px;height:75px; overflow: hidden;}
    .news-items .items .item .info {padding:1.0rem 0 0 0;}
    .news-items .items .item .info .tt {font-size:16px;line-height:20px;}
    .news-items .items .item .info .nmore {line-height:2.0rem;margin-top:0.2rem;}
    .news-items {margin:30px 0 20px;}

     /*产品中心详情*/
    #product_dt .product-detail {margin: 30px 0;}
    #product_dt .product-detail .tops-box {flex-wrap:wrap;}
    #product_dt .product-detail .tops-box .probanner {width:100%; height: 100%;}
    #product_dt .product-detail .tops-box .probanner .swiper-pro {height:auto;}
    #product_dt .product-detail .tops-box .probanner .swiper-wrapper {height:auto;}
    #product_dt .product-detail .tops-box .probanner .swiper-pagination-pro {bottom:-15px;}
    #product_dt .product-detail .tops-box {padding:0.5rem;}
    #product_dt .product-detail .tops-box .info-box {padding-left:0;width: 100%;}
    #product_dt .product-detail .tops-box .info-box .title-box {padding-top:1.2rem;}
    #product_dt .product-detail .tops-box .info-box .title-box .t1s {font-size:20px;}
    #product_dt .product-detail .tops-box .info-box .title-box .t2s {font-size:14px;line-height:24px;margin-top:0.3rem;}
    #product_dt .product-detail .tops-box .info-box .desc {height:auto;margin-top:20px;font-size:14px;line-height:20px;}
    #product_dt .product-detail .tops-box .info-box .bottoms {margin-top:1.2rem;}
    #product_dt .product-detail .tops-box .info-box .bottoms .query {width:120px;height:40px;line-height:40px;font-size:14px;}
    #product_dt .product-detail .pro-cont .pro-nav {height:40px;padding:0 0.6rem;display:flex;align-items:center;}
    #product_dt .product-detail .pro-cont .pro-nav .item {line-height:40px;margin-right:0;padding:0 0.5rem;font-size:20px;}
    #product_dt .product-detail .pro-cont .content {padding:0.6rem;}
    #product_dt .product-detail .pro-cont #cont01.content,#product_dt .product-detail .pro-cont #cont02.content {width: 100%;}
    #product_dt .product-detail .pro-cont .content .download-item {width:100%;height:auto;}
    #product_dt .product-detail .pro-cont .content .download-item .info {width:75%;padding:0.6rem;}
    #product_dt .product-detail .pro-cont .content .download-item .download {width:60px;flex-shrink:0;height:100%;}
    #product_dt .product-detail .pro-cont .content .download-item .info .t1 {font-size:14px;}
    #product_dt .product-detail .pro-cont .content .download-item .info .t2 {font-size:14px;}
}




.wrap {
    max-width: 1600px;
    margin: auto;
}

/*1440*/
@media (max-width:1679px) {
.wrap {
    max-width: 1350px;
}
}

/*1366*/
@media (max-width:1439px) {
.wrap {
    max-width: 1280px;
}
}

/*1280*/
@media (max-width:1365px) {
.wrap {
    max-width: 1200px;
}
}

/*MP*/
@media (max-width:1279px) {
.wrap {
    max-width: 100%;
}
}
/* 产品目录列表页 */
#category {
    padding: 0 0 10px 0;
    background: #f6f7fb;
    font-size:16px;
}
#category .wrap {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}
.catalog {
    width: 317px;
    font-family: 'Microsoft YaHei';
}
.catalog>.titles {
    font-size:16px;
    color: #2b2b2b;
}
.catalog>.mp-title {
    display: none;
    font-size:16px;
    color: #2b2b2b;
}
.catalog .box {
    margin-top: 20px;
    border: 1px solid #e6e7e7;
    background: #fff;
}
.catalog .box>.titles {
    font-size:16px;
    color: #2b2b2b;
    font-weight: bold;
    padding: 16px 20px;
    border-bottom: 1px solid #eee;
    position: relative;
}
/*.catalog .box>.titles::after {
    display: block;
    content: "\e600";
    font-family: 'iconfont';
    margin-right: 8px;
    font-size:16px;
    position: absolute;
    right: 16px;
    top: 17px;
    color: #bbb;
    transform: rotate(90deg);
    margin: auto;
    transition: all .3s;
}*/
.catalog .box>.titles.active::after {
    transform: rotate(-90deg);
}
.catalog .box>.list {
    padding: 15px 0 20px 0;
}
.catalog ul>li {
    margin: 5px 0;
    position: relative;
}
.catalog ul>li a.canav  {
    font-weight: bold;
}
.catalog ul>li.active>a {
    z-index: 1;
    position: relative;
}
.catalog ul>li.active>a::before {
    position: absolute;
    width: 3px;
    height: 33px;
    background: #5f8cec;
    content: '';
    left: -1px;
    top: 0;
}
.catalog ul>li li>a::before {
    display: none;
}
.catalog ul>li>a {
    display: block;
    padding: 0 20px;
    color: #2b2b2b;
    font-size:16px;
    line-height: 33px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.catalog ul>li ul {
/*    display: none;*/
    padding-left: 15px;
}
.catalog ul>li.active>a {
    color: #5f8cec;
    font-weight: bold;
}
.catalog ul>li.active>ul {
    display: block;
}
.catalog ul>li .plus {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 10px;
    top: 0;
    margin-top: 5px;
    cursor: pointer;
    z-index: 2;
}
.catalog ul>li .plus:before {
    width: 12px;
    height: 2px;
    background: #cdcdcd;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1px auto auto -7px;
}
.catalog ul>li .plus:hover:before {
    background: #999;
}
.catalog ul>li .plus:after {
    width: 2px;
    height: 12px;
    background: #cdcdcd;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -6px auto auto -2px;
}
.catalog ul>li .plus:hover:after {
    background: #999;
}
.catalog ul>li .less {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 10px;
    top: 0;
    margin-top: 5px;
    cursor: pointer;
    z-index: 2;
}
.catalog ul>li .less:before {
    width: 12px;
    height: 2px;
    background: #cdcdcd;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1px auto auto -7px;
}
.catalog ul>li .less:hover:before {
    background: #999;
}

@media (max-width:1679px) { /*1440*/
.catalog {
    width: 300px;
}
}

@media (max-width:1439px) { /*1366*/
.catalog {
    width: 300px;
}

}

@media (max-width:1365px) { /*1280*/
.catalog {
    width: 280px;
}
.catalog ul>li>a {
    font-size:16px;
    line-height: 31px;
}

}
.product-list {
    width: 1230px;
    font-family: 'Microsoft YaHei';
}
.product-list .title {
    text-align: right;
}
.product-list .title>a {
    display: inline-block;
    font-size:16px;
    color: #999;
}
.product-list .title>a.grid {
    margin-right: 12px;
}
.product-list .title>a.grid::before {
    content: '\e81c';
    font-family: 'iconfont';
    font-size:16px;
    margin-right: 6px;
}
.product-list .title>a.list::before {
    content: '\e74d';
    font-family: 'iconfont';
    font-size:16px;
    margin-right: 6px;
}
.product-list .title>a.active {
    color: #0a3480;
}

@media (max-width:1679px) { /*1440*/
.product-list {
    width: 1020px;
}
}

@media (max-width:1439px) { /*1366*/
.product-list {
    width: 950px;
}
}

@media (max-width:1365px) { /*1280*/
.product-list {
    width: 890px;
}
}

@media (max-width:1279px) { /*mp*/

#category {
    padding: 0 15px 60px 15px;
    margin-top: -25px;
}
#category .wrap {
    display: block;
}
.catalog {
    width: 100%;
}
.catalog>.title {
    display: none;
}
.catalog>.mp-title {
    display: block;
}
.catalog>.mp-title>span {
    display: inline-block;
    background: #ffff00;
    padding: 5px;
    color: #111;
    position: relative;
    top: -1px;
}
.catalog .box>.title::after {
    transform: rotate(-90deg);
}
.catalog .box>.title.active::after {
    transform: rotate(90deg);
}
.catalog .box>.list {
    display: none;
}
.product-list {
    width: 100%;
}
.product-list .title {
    text-align: left;
    margin-top: 30px;
}
}
.product-list .related {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.product-list .related>.item {
    width: calc(25% + 1px);
    box-sizing: border-box;
    border: 1px solid #e6e7e7;
    padding: 20px;
    background: #fff;
    margin-right: -1px;
    margin-bottom: -1px;
    position: relative;
    transition: box-shadow .2s;
}
.product-list .related>.item:hover {
    box-shadow: 0 8px 16px rgba(0,0,0, .1);
    position: relative;
    z-index: 1;
}
.product-list .related>.item::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0);
    z-index: 1;
    transition: background .35s;
    visibility: hidden;
}
.product-list .related>.item.dark::after {
    background: rgba(0,0,0, .3);
    visibility: visible;
}

@media (max-width:1439px) { /*1366*/
.product-list .related>.item {
    width: calc(33.33333% + 1px);
}
}
.product-list .related>.item>a {
    display: block;
    position: relative;
}
.product-list .related>.item>a .img {
    margin: 0 10px;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
}
.product-list .related>.item>a .img>img {
    transition: transform .35s;
    width: 100%;
}
.product-list .related>.item:hover>a .img>img {
    transform: scale(.94);
}
.product-list .related>.item .pname {
    display: block;
}
.product-list .related>.item .pname .model {
    color: #2b2b2b;
    font-size: 16px;
    font-weight: bold;
}
.product-list .related>.item .pname .name {
    font-size: 16px;
    margin-top: 8px;
}
.product-list .related>.item .pname:hover .name {
    color: #5f8cec;
}
.product-list .related>.item .view {
    display: block;
    line-height: 38px;
    height: 40px;
    background: #0a3480;
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
}
.product-list .related>.item .view:hover {
    background: linear-gradient(#85a8f1, #5f8cec);
}

@media (max-width:1679px) { /*1440*/
.product-list .related>.item .pname .model {
    font-size:16px;
}
.product-list .related>.item .view {
    font-size:16px;
}
}
.product-list .related .doc-container {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding-bottom: 10px;
    z-index: 2;
    transition: border-radius .3s;
}
.product-list .related .doc-container.active {
    border-radius: 10px 10px 0 0;
}
.product-list .related .doc-container>.tit {
    display: block;
    font-size:16px;
    text-align: center;
    line-height: 46px;
    height: 46px;
}
.product-list .related .doc-container>.tit::before {
    content: '\e626';
    font-family: 'iconfont';
    color: #bbb;
    margin-right: 8px;
}
.product-list .related .doc-container>.tit::after {
    content: '\e624';
    font-family: 'iconfont';
    color: #999;
    margin-left: 9px;
    transform: rotate(90deg) scale(.6);
    display: inline-block;
}
.product-list .doc-container .doc-list {
    display: none;
}
.product-list .doc-container .doc-list>a {
    display: block;
    padding: 13px 20px;
    font-size:16px;
    transition: background .25s;
}
.product-list .doc-container .doc-list>a:hover {
    background: #eee;
}
.product-list .doc-container .doc-list>a svg {
    position: relative;
    top: -1px;
    margin-right: 5px;
}
.product-list .doc-container .doc-list>a.all {
    padding-left: 44px;
    font-size:16px;
    color: #5f8cec;
}
.product-list .doc-container .doc-list>a.all::after {
    content: '\e615';
    font-family: 'iconfont';
    margin-left: 5px;
}
.product-list .doc-container .doc-list>a.all:hover {
    background: none;
}
.product-list>.list {
    display: block;
}
.product-list>.list>.item {
    width: 100%;
    height: 250px;
    display: flex;
}
.product-list>.list>.item::after {
    display: none;
}
.product-list>.list>.item>a .img {
    margin: 0 20px;
    width: 210px;
    height: 210px;
    padding-bottom: 0;
    overflow: hidden;
}
.product-list>.list>.item>a .img>img {
    max-height: 210px;
    max-width: 210px;
}
.product-list>.list>.item>div {
    padding-top: 20px;
    padding-left: 10px;
}
.product-list>.list>.item .view {
    display: block;
    width: 150px;
    margin-top: 40px;
}
.product-list>.list .doc-container {
    position: relative;
    width: 150px;
    margin-top: 12px;
}
.product-list>.list .doc-container .tit {
    border: 1px solid #e6e7e7;
    height: 38px;
    line-height: 38px;
    margin-bottom: -1px;
}
.product-list>.list .doc-container .tit:hover {
    border: 1px solid #bbb;
}
.product-list>.list .doc-container>.tit::after {
    transform: rotate(-90deg) scale(.6);
}
.product-list>.list .doc-container .doc-list {
    width: 350px;
    background: #fff;
    border: 1px solid #e6e7e7;
    box-shadow: 0 5px 10px rgba(0,0,0, .06);
}

@media (max-width:1279px) { /*mp*/
.product-list .related>.item {
    width: calc(50% + 1px);
}
.product-list .related>.item .pname .model {
   font-size:16px;
   
}
.product-list .related>.item .pname .name {
    font-size:16px;
    display: none;
}
.product-list .related>.item .view {
    font-size:16px;
}
.product-list .related .doc-container>.tit {
   font-size:16px;
}
.product-list .doc-container .doc-list>a {
    font-size:16px;
    padding: 10px 15px;
}
.product-list .doc-container .doc-list>a svg {
    margin-right: 2px;
}
.product-list .doc-container .doc-list>a.all {
    padding-left: 34px;
}
.product-list>.list>.item {
    width: 100%;
    padding: 15px;
    height: auto;
}
.product-list>.list>.item>a {
    width: 40%;
}
.product-list>.list>.item>a>.img {
    margin: 0;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
}
.product-list>.list>.item>a>.img>img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.product-list>.list>.item>div {
    width: 55%;
}
.product-list>.list>.item .view {
    width: 130px;
    margin-top: 20px;
}
.product-list>.list .doc-container {
    width: 130px;
    margin-top: 12px;
}
.product-list>.list .doc-container .doc-list {
    width: 190px;
    position: absolute;
    box-sizing: border-box;
}
}

/* 简介 */
#about {
    padding: 30px 0 0 0;
}
#about .m1 {
    background: url('../image/building.png') no-repeat right bottom;
    position: relative;
    padding-bottom: 260px;
}
#about .m1::after {
    content: '';
    display: block;
    width: 100%;
    height: 220px;
    background: rgba(30,121,239, .92);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
#about .m1>.wrap>.tit {
    font-size: 40px;
    color: #2b2b2b;
    font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';
}
#about .m1>.wrap>.tit-en {
    color: #bbb;
    font-size: 20px;
    font-family: 'Montserrat';
    margin-top: 12px;
}
#about .m1>.wrap>.desc {
    margin: 60px 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.9;
    max-width: 55%;
}
#about .m1>.wrap .box {
    max-width: 55%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
#about .m1>.wrap .box .item {
    width: 50%;
    margin-bottom: 50px;
}
#about .m1>.wrap .box .item .tit i {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    width: 50px;
}
#about .m1>.wrap .box .item .tit .icon-nianling {
    font-size:40px;
}
#about .m1>.wrap .box .item .tit .icon-zhishichanquanguanli {
    font-size: 40px;
}
#about .m1>.wrap .box .item .tit .icon-zhengshu {
    font-size: 40px;
}
#about .m1>.wrap .box .item .num {
    font-size: 40px;
    font-family: 'Montserrat';
    font-weight: 700;
    vertical-align: middle;
}
#about .m1>.wrap .box .item .plus {
    font-size: 20px;
    vertical-align: middle;
    font-weight: bold;
    position: relative;
    top: -4px;
}
#about .m1>.wrap .box .item .desc {
    max-width: 260px;
    margin: 15px 0 0 0;
    line-height: 1.6;
    font-size: 20px;
    font-weight: 300;
}
#about .m1 .brand {
    width: 100%;
    height: 220px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
#about .m1 .brand>.wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
#about .m1 .brand>.wrap .logo {
    color: #fff;
    font-size: 40px;
}
#about .m1 .brand>.wrap .slogan {
    color: #fff;
    font-size: 40px;
}
#about .m1 .brand>.wrap .slogan span {
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    letter-spacing: .1rem;
    position: relative;
    top: -4px;
}
#about .m1 .brand>.wrap .slogan i {
    font-style: normal;
    font-size: 16px
    vertical-align: middle;
    display: inline-block;
    margin: 0 25px;
    position: relative;
    top: -4px;
}
#about .m2 {
    padding: 100px 0 0 0;
}
#about .m2 .wrap {
    padding-bottom: 200px;
    background: url('../image/about-m2.png') no-repeat center bottom/100% auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#about .m2 .wrap .l {
    width: 100%;
}
#about .m2 .wrap .tit {
    font-size: 20px;
    color: #2e2d3c;
}
#about .m2 .wrap .con {
    font-size: 20px;
    margin-top: 40px;
    line-height: 2.1;
}
#about .m2 .wrap .con p {
    font-size: 20px;
    margin-bottom: 25px;
    line-height: 2.1;
    font-weight: 300;
}
#about .m2 .wrap .r {
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
#about .m2 .wrap .r>.img {
    width: 23%;
    height: 0;
    padding-bottom: 23%;
    margin-right: 2%;
    box-sizing: border-box;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}
#about .m2 .wrap .r>.img:nth-child(4n) {
    margin-right: 0;
}
#about .m2 .wrap .r>.img>img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media (max-width:1679px) { /*1440*/
#about .m1>.wrap>.tit {
    font-size: 30px;
}
#about .m1>.wrap>.tit-en {
    font-size: 16px;
}
#about .m1>.wrap>.desc {
    font-size: 16px;
}
#about .m1>.wrap .box .item .tit i {
    font-size: 20px
}
#about .m1>.wrap .box .item .tit .icon-nianling {
    font-size: 20px;
}
#about .m1>.wrap .box .item .tit .icon-zhishichanquanguanli {
    font-size: 20px;
}
#about .m1>.wrap .box .item .tit .icon-zhengshu {
    font-size: 20px;
}
#about .m1>.wrap .box .item .num {
    font-size: 30px;
}
#about .m1>.wrap .box .item .plus {
    font-size: 20px;
}
#about .m1>.wrap .box .item .desc {
    font-size: 16px;
}
#about .m2 .wrap .con {
    font-size: 16px;
}
#about .m2 .wrap .con p {
    font-size: 16px;
}
}

@media (max-width:1439px) { /*1366*/

#about .m1>.wrap>.desc {
    font-size: 16px;
}
#about .m1>.wrap .box .item .tit i {
    font-size: 20px;
}
#about .m1>.wrap .box .item .tit .icon-nianling {
    font-size: 20px;
}
#about .m1>.wrap .box .item .tit .icon-zhishichanquanguanli {
    font-size: 20px;
}
#about .m1>.wrap .box .item .tit .icon-zhengshu {
    font-size: 20px;
}
#about .m1>.wrap .box .item .num {
    font-size: 20px;
}
#about .m1>.wrap .box .item .plus {
    font-size: 20px;
}
#about .m1>.wrap .box .item .desc {
    font-size: 16px;
}
#about .m2 .wrap .con {
    font-size: 16px;
}
#about .m2 .wrap .con p {
    font-size: 16px;
}
}


@media (max-width:1279px) { /*mp*/
#about {
    padding: 0 15px 0 15px;
}
#about .m1 {
    background: none;
    padding-bottom: 20px;
}
#about .m1::after {
    height: 10px;
}
#about .m1>.wrap>.tit {
    font-size: 30px;
    margin-top: 30px;
}
#about .m1>.wrap>.tit-en {
    font-size: 16px;
    margin-top: 6px;
}
#about .m1>.wrap>.desc {
    margin: 30px 0;
    font-size: 16px;
    line-height: 1.7;
    max-width: unset;
}
#about .m1>.wrap .box {
    max-width: unset;
    display: flex;
    flex-wrap: wrap;
}
#about .m1>.wrap .box .item {
    width: 50%;
    margin-bottom: 30px;
}
#about .m1>.wrap .box .item .tit {
    height: 32px;
}
#about .m1>.wrap .box .item .tit i {
    font-size: 20px;
    width: 36px;
}
#about .m1>.wrap .box .item .tit .icon-nianling {
    font-size: 20px;
}
#about .m1>.wrap .box .item .tit .icon-zhishichanquanguanli {
    font-size: 20px;
}
#about .m1>.wrap .box .item .tit .icon-zhengshu {
    font-size: 20px;
}
#about .m1>.wrap .box .item .num {
    font-size: 30px;
}
#about .m1>.wrap .box .item .plus {
    font-size: 20px;
    top: -2px;
}
#about .m1>.wrap .box .item .desc {
    max-width: unset;
    margin: 10px 15px 0 0;
    line-height: 1.6;
    font-size: 16px;
}
#about .m1 .brand {
    height: 150px;
    display: none;
}
#about .m1 .brand>.wrap {
    display: block;
}
#about .m1 .brand>.wrap .slogan {
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
}
#about .m1 .brand>.wrap .slogan span {
    font-weight: bold;
}
#about .m1 .brand>.wrap .slogan i {
    transform: scale(.5);
    margin: 0 5px;
}
#about .m1 .brand>.wrap .slogan i:nth-of-type(2) {
    display: none;
}
#about .m1 .brand>.wrap .logo {
    text-align: center;
    padding-top: 20px;
}
#about .m1 .brand>.wrap .logo>img {
    height: 60px;
}
#about .m2 {
    padding: 50px 0 0 0;
}
#about .m2 .wrap {
    padding-bottom: 60px;
    display: block;
}
#about .m2 .wrap .l {
    width: 100%;
}
#about .m2 .wrap .tit {
    font-size: 28px;
}
#about .m2 .wrap .con {
    font-size:16px;
    margin-top: 30px;
    line-height: 1.8;
}
#about .m2 .wrap .con p {
    font-size: 16px;
    line-height: 30px;
}
#about .m2 .wrap .r {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}
#about .m2 .wrap .r>.img {
    width: 20%;
    height: 0;
    padding-bottom: 20%;
    margin-right: 5%;
    box-sizing: border-box;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
}
}


/* 联系 */
#contact {
    padding: 100px 0 60px 0;
    margin-top: -80px;
}
#contact .wrap>.tit {
    font-size: 40px;
    color: #2b2b2b;
    font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';
}
#contact .wrap>.tit-en {
    color: #bbb;
    font-size: 16px;
    font-family: 'Montserrat';
    margin-top: 12px;
}
#contact .box {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
#contact .box .item {
    width: calc((100% - 100px)/3);
    padding: 50px 45px 60px 45px;
    box-sizing: border-box;
    background: #fff;
    text-align: center;
    box-shadow: 6px 6px 30px rgba(0,0,0, .06);
}
#contact .box .item .tit {
    font-size:28px;
    color: #2e2d3c;
    font-weight: bold;
    letter-spacing:10px;
}
#contact .box .item .ico {
    margin: 20px 0;
    height: 80px;
}
#contact .box .item .ico i {
    color: #2e7eef;
    font-size: 70px;
}
#contact .box .item .ico .icon-dianhua {
    font-size: 70px;
    margin-top: 5px;
    display: inline-block;
}
#contact .box .item .ico .icon-fuwu {
    font-size: 70px;
    margin-top: 2px;
    display: inline-block;
}
#contact .box .item .con {
    margin-top: 20px;
    font-size: 20px;
    color: #2e2d3c;
    line-height:30px;
}
#contact .box .item .con a {
    color: #2e2d3c;
}
#contact .box .item .con a:hover {
    text-decoration: underline;
}
#contact .detail {
    margin-top: 50px;
    background: #fff;
    padding: 50px 50px 60px 50px;
    display: flex;
    justify-content: space-between;
    box-shadow: 6px 6px 30px rgba(0,0,0, .06);
}
#contact .detail .l {
    width: 60%;
}
#contact .detail .l .tit {
    font-size: 30px;
    color: #2e2d3c;
    border-bottom: 1px solid #eee;
    padding-bottom: 25px;
    font-weight: bold;
}
#contact .detail .l .con {
    font-size:16px;
    color: #2e2d3c;
    margin-top: 30px;
}
#contact .detail .l .con p, #contact .detail .l .con div {
    font-size: 16px;
    color: #2e2d3c;
    line-height: 32px;
    margin-bottom: 16px;
}
#contact .detail .l .con a {
    color: #2e2d3c;
    text-decoration: underline;
}
#contact .detail .l .con a:hover {
    color: #2e7eef;
    text-decoration: none;
}
#contact .detail .r {
    width: calc(40% - 50px);
    display: flex;
    justify-content: center;
    align-items: center;
}
#contact .detail .r .item {
    margin: 0 25px;
}
#contact .detail .r .qr {
    width: 150px;
    text-align: center;
}
#contact .detail .r .qr img {
    width: 150px;
    text-align: center;
}
#contact .detail .r .tit {
    text-align: center;
    font-size: 20px;
    margin-top: 10px;
    font-weight: 300;
}

@media (max-width:1679px) { /*1440*/
#contact .wrap>.tit {
    font-size: 30px;
}
#contact .wrap>.tit-en {
    font-size: 16px;
}
#contact .box .item .tit {
    font-size:  30px;
}
#contact .box .item .ico {
    height:  50px;
}
#contact .box .item .ico i {
    font-size:  60px;
}
#contact .box .item .ico .icon-dianhua {
    font-size: 60px;
}
#contact .box .item .ico .icon-fuwu {
    font-size: 60px;
}
#contact .box .item .con {
    font-size:  20px;
}
#contact .detail .l .con {
    font-size:  16px;
}
#contact .detail .l .con p, #contact .detail .l .con div {
    font-size:  16px;
}
}


@media (max-width:1279px) { /*mp*/
#contact {
    padding: 80px 15px 60px 15px;
}
#contact .wrap>.tit {
    font-size: 30px;
}
#contact .wrap>.tit-en {
    font-size: 20px;
    margin-top: 6px;
}
#contact .box {
    display: block;
    margin-top: 30px;
}
#contact .box .item {
    width: 100%;
    padding: 30px 20px;
    margin-bottom: 15px;
}
#contact .box .item .tit {
    font-size: 20px;
}
#contact .box .item .ico {
    margin: 20px 0;
    height: unset;
}
#contact .box .item .ico i {
    font-size: 50px;
}
#contact .box .item .ico .icon-dianhua {
    font-size: 50px;
}
#contact .box .item .ico .icon-fuwu {
    font-size:  50px;
}
#contact .box .item .con {
    font-size:  16px;
}
#contact .detail {
    margin-top: 30px;
    padding: 30px 20px;
    display: block;
}
#contact .detail .l {
    width: 100%;
}
#contact .detail .l .tit {
    font-size: 20px;
    padding-bottom: 20px;
}
#contact .detail .l .con {
    font-size:  16x;
    margin-top: 20px;
    line-height: 30px;
}
#contact .detail .l .con p, #contact .detail .l .con div {
    font-size:  16x;
    line-height: 30px;
}
#contact .detail .r {
    display: none;
}
}
#map {
    margin-top: 50px;
}