@charset "utf-8";
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

li, ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
}

input, select, button, textarea {
    border: none;
    border-radius: 0;
    font-family: SansCN;
    font-size: 1.4rem;
}

button {
    cursor: pointer;
    outline: none;
}

input, textarea {
    outline: 0;
    -webkit-appearance: none;
    font-family: SansCN;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    color: #444;
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

* {
    font-family: SansCN;
}

@font-face {
    font-family: SansCN;
    /*
	src: url('../fonts/SourceHanSansCN-Normal.otf');
	202303*/
}

html {
    font-size: 62.5%;
    font-family: SansCN;
}
label{margin:0;}

body {
    overflow-x: hidden;
    font-size: 1.4rem;
    color: #444;
    font-family: SansCN;
    margin: 0 auto;
}
.wrap {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-top:30px;
}

.wrap2 {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.hide {
    display: none!important;
}

.xs-visible {
    display: none!important;
}

.xs-hidden {}

/*@media screen and (min-width: 768px){
   ::-webkit-scrollbar {
    width: 6px;
    height: 40px; 
    }
}

::-webkit-scrollbar-thumb {
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.5);
}*/

.p-h-menu {
    float: right;
}

.p-h-line {
    position: fixed;
    right: 20px;
    top: 24px;
    z-index: 11;
}

.p-h-line span {
    transition: all 300ms ease-in-out;
    width: 25px;
    height: 2px;
    display: block;
    margin-bottom: 7px;
    background: #1268b9;
}

.p-h-line.curr .head-l-x {
    top: 10px;
    transform: translate(0, 9px) rotate(45deg);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.p-h-line.curr .head-l-y {
    opacity: 0;
}

.p-h-line.curr .head-l-z {
    transform: translate(0, -9px) rotate(-45deg);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.p-h-m-list.on {
    left: 0;
}

.p-h-m-list {
    position: fixed;
    z-index: 11;
    overflow-y: scroll;
    top: 0;
    padding-top: 50px;
    bottom: 0;
    left: 100%;
    z-index: 10;
    width: 100%;
    background-color: #002751;
    transition: all .3s;
}

.p-h-main {
    display: block;
    padding: .5rem 5%;
    font-size: 14px;
    ;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.p-h-main.p-h-arrow {
    background-image: url(../images/arrow-b1.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 20px;
}

.p-h-main.p-h-arrow:hover {
    color: #fff;
}

.p-h-main.curr {
    background: #0f6eca url(../images/arrow-b1.png) no-repeat 95% center;
    background-size: 20px;
}

.p-h-submenu {
    padding: .5rem 7%;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: none;
    transition: none;
}

.p-h-submenu a {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 1.8;
}

@keyframes move {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes move {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/****************phone*************/

#site-navigation {
    margin-left: auto;
    position: fixed;
    top: 25px;
    right: 20px;
    z-index: 21;
}

#site-navigation .menu-toggle {
    cursor: pointer;
    width: 25px;
    z-index: 120;
    position: relative;
}

#site-navigation .menu-toggle span {
    transition: all 300ms ease-in-out;
    width: 25px;
    height: 2px;
    display: block;
    margin-bottom: 5px;
    background: #76b52f;
}

#site-navigation .menu-toggle div {
    font-weight: bold;
    font-size: 14px;
    color: #444;
    margin-top: 10px;
}

.m #site-navigation .menu-toggle span {
    background: #444;
}

.m #site-navigation .menu-toggle div {
    color: #444;
}

#site-navigation .menu-toggle.active span:first-of-type {
    transform: translate(0, 7px) rotate(45deg);
}

#site-navigation .menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

#site-navigation .menu-toggle.active span:last-of-type {
    transform: translate(0, -7px) rotate(-45deg);
}

#site-navigation .menu-main_menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease-in-out;
    position: fixed;
    background: #c2da68;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    transform: scale(0.9);
}

#site-navigation .menu-main_menu-container.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

#site-navigation .menu-main_menu-container ul {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

#site-navigation .menu-main_menu-container ul li {
    width: 100%;
    display: block;
    text-align: center;
}

#site-navigation .menu-main_menu-container ul li a {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    color: #30163c;
    font-weight: 300;
    font-size: 30px;
    line-height: 60px;
    text-transform: uppercase;
}

#site-navigation .menu-main_menu-container ul li a:hover {
    color: #eb2961;
    text-decoration: none;
    font-weight: 900;
}

#site-navigation .menu-main_menu-container ul li div a {
    display: block;
    font-size: 2.1rem;
    line-height: 50px;
}

/***************************/

.user {
    color: #1d2534;
    position: relative;
    margin: 5% auto;
    padding: 0 15px;
}

.user .wrap>h3 {
    font-size: 2.6rem;
    margin: 40px 0 20px;
}

.user .wrap>div {
    overflow: hidden;
    padding-right: 10px
}

.user .content {
    float: left;
    width: 70%;
    border-top: 2px solid #ebeef0;
    padding-right: 40px;
    line-height: 1.8;
    padding-top: 30px;
    box-sizing: border-box;
}

.user .list {
    padding-right: 0;
}

.user .menu {
    margin-left: 75%;
    width: 25%;
    margin-top: 3px;
    margin-right: 3px;
}

.user .menu dl {
    box-shadow: 0 2px 10px #ccc;
    padding: 30px;
}

.user .menu dt {
    font-size: 2.4rem;
    margin-bottom: 25px;
}

.user .menu dl a {
    color: #1d2534;
}

.user .menu dl a:hover {
    color: #1268b9;
}

.user .menu .cur a {
    color: #1268b9;
}

.user .menu dd {
    border-bottom: 1px solid #dcdcdc;
    padding: 10px 15px;
    font-size: 1.5rem;
}

.user .menu>p {
    text-align: center;
    background: #1268b9;
    padding: 20px 0;
    color: #fff;
    font-size: 1.7rem;
    margin-top: 30px;
}

.user .list ul li {
    background: #f6f8f9;
    margin-bottom: 25px
}

.user h3 {
    font-size: 1.75rem;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}

ol, ul, dl {
    margin-bottom: 0;
}

/*通用 */

.xm-box {
    margin-bottom: 10px;
}

.xm-box .hd {
    height: 50px;
    border-bottom: 1px solid #e6e9ed;
}

.xm-box .hd .title {
    float: left;
    margin: 0;
    padding: 0;
    padding-left: 30px;
    font: 400 20px/50px arial, "Hiragino Sans GB", "Microsoft YaHei", SimHei, sans-serif;
    color: #434a54;
}

.xm-addresslist {
    padding: 10px 0 10px 15px;
}

.xm-addresslist li {
    position: relative;
    padding: 10px 30px;
    color: #000;
    box-sizing: border-box;
    border: 1px solid transparent;
}

.xm-addresslist .addressId {
    position: absolute;
    left: 10px;
    top: 16px;
}

.xm-addresslist .user-address {
    float: left;
}

.xm-addresslist .user-address em {
    color: gray;
}

.xm-addresslist .fr a {
    color: #444;
    margin-left: 10px;
}

.my_shop_btn {
    padding: 15px 0;
    padding-right: 20px;
    overflow: hidden;
    margin: 0 auto;
}

.my_shop_btn a {
    float: right;
    background: #fff;
    width: 151px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e6e1e2;
    text-align: center;
    margin-right: 20px;
    color: #000;
}

.my_shop_btn a:hover {
    text-decoration: none;
}

.my_shop_btn a.my_shop_btn2 {
    background: #1268b9;
    color: #fff;
    border: 0;
}

.xm-addresslist .selected {
    border: 1px solid #1268b9;
    background: #eafde9;
}

.btn-new-address {
    display: inline-block;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    background-color: #656d78;
    border: 1px solid #e6e9ed;
    color: #fff;
    margin: 0 0 0 20px;
    width: 140px;
}

.btn-new-address:hover {
    color: #fff;
}

.user-address {
    margin-bottom: 0;
}

.xm-radio-box {
    padding: 10px 15px;
}

.xm-radio {
    float: left;
    width: 120px;
    padding: 10px 20px;
    margin: 10px 10px 0 0;
    border: 1px solid #dfdfdf;
    cursor: pointer;
}

.xm-radio .radio {
    vertical-align: middle;
    margin-right: 5px;
    float: left;
    margin-top: 3px;
    margin-bottom: 1px;
}

.order .content {
    padding-top: 0;
    border-top: none;
}

.xm-radio.selected {
    border: 1px solid #f50;
}

.xm-box-tab {
    border: 1px solid #dedede;
    border-radius: 2px 2px 0 0;
    margin: 20px 0px 0;
    overflow: hidden;
    border-bottom: none;
}

.xm-box-t {
    padding: 12px 0;
    font-size: 14px;
    line-height: 14px;
    background: #f5f7fa;
    color: #aab2bd;
}

.xm-box-t ul {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    list-style: none;
}

.xm-box-t ul li {
    float: left;
    margin-top: 8px;
    text-align: center;
}

.xm-box-t ul li.t_1, .xm-box-i ul li.t_1 {
    width: 80%;
    text-align: left;
    padding-left: 20px;
}

.xm-box-t ul li.t_2, .xm-box-i ul li.t_2 {
    width: 15%;
}

.xm-box-t ul li.t_3, .xm-box-i ul li.t_3 {
    width: 18%;
}

.xm-box-t ul li.t_4, .xm-box-i ul li.t_4 {
    width: 15%;
}

.xm-box-t ul li.t_5, .xm-box-i ul li.t_5 {
    width: 15%;
}

.xm-box-i {
    font-size: 13px;
    line-height: 13px;
    color: #000;
}

.xm-box-i ul {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    list-style: none;
    border-top: 1px solid #dedede;
    padding: 10px 0;
}

.xm-box-i ul li {
    float: left;
    margin-top: 8px;
    text-align: center;
}

.xm-bo-total {
    text-align: right;
    background: #f5f7fa;
    padding: 10px 40px 10px 0;
    font-size: 15px;
    font-weight: normal;
    color: #f40;
}

.checkout-confirm {
    text-align: right;
    padding-right: 20px;
}

.table-bordered td {
    vertical-align: middle;
    padding: 0.45rem;
    text-align: center;
}

.table-bordered th {
    vertical-align: middle;
    padding: 0.45rem;
    text-align: center;
}

.table-bordered {
    border: none;
}

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

.btn-primary {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    background-color: #b1191e;
    border: 0;
    color: #fff;
    padding: 0;
    width: 140px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

dt {
    font-weight: normal;
}

.dropdown {
    position: static;
}

.nav {
    display: block;
}

input[type=checkbox] {
    -webkit-appearance: checkbox;
}

input[type=radio] {
    -webkit-appearance: radio;
}

/*通用 End*/

.a2 #map img {
    object-fit: initial;
}

header {
    display: flex;
    height:120px; line-height:120px;
    justify-content: space-between;
    align-items: center;
}

header .middle {
    position: relative;
}

header .middle form {
    margin: 20px auto 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 500px;
    border: 1px solid #e02e2e;
    border-radius: 15px;
    padding: 0 15px;
    color: #999;
}

header .middle form input {
    width: 75%;
    padding: 5px;
}

header .middle form div {
    position: relative;
}

header .middle form div ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    ;
    background: #fff;
    min-width: 100%;
    white-space: nowrap;
    filter: drop-shadow(0px 1px 1px #aaa);
    z-index: 20;
}

header .middle form div ul li {
    padding: 2px 5px;
    text-align: center;
}

header .middle form div ul li:hover {
    background: #1268b9;
    color: #fff;
    cursor: pointer;
}

header .middle form button {
    background: none;
}

header .middle form button img {
    vertical-align: middle;
}

header .middle form span {
    background: url(../images/ic5.png) no-repeat right center;
    display: inline-block;
    padding-right: 20px;
    cursor: pointer;
}

/*header .middle form div:hover ul{display: block;}*/

header .middle>ul>li {
    display: inline-block; margin: 0 10px;
}

header .middle>ul>li>a {
    display: block;
    padding: 20px 5px;
    position: relative;
}

header .middle>ul>li>a:after {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #1268b9;
    content: "";
    display: none;
}

header .middle>ul>li:hover>a:after, header .middle>ul>li.active>a:after {
    display: block;
    z-index: 3;
}

header .middle>ul>li:hover>a, header .middle>ul>li.active>a {
    color: #1268b9;
}

header .middle form input::-webkit-input-placeholder {
    color: #aaa;
}

header .right {
    display: flex;
    align-items: center;
}

header .rl a {
    display: inline-block;
    margin: 0 3px;
    vertical-align: middle;
}

header .rr {padding-left: 15px;margin-left: 15px;}
header .rr span {color: #1268b9;}

header .rr p {
    color: #e02e2e;
    font-size: 1.6rem;
}

.has:hover .dropdown {
    display: block;
}

.has .dropdown {
    display: none;
    padding: 0 12%;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    filter: drop-shadow(0px 1px 1px #aaa);
    width: 1200px;
    z-index: 2;
    background: url(../images/bg.png) no-repeat;
    background-size: cover;
}

.two-Navigation {
    background-color: #ffffff !important;
}

.has .dropdown ul {
    border-right: 1px solid #aaa;
    display: table;
    margin-top: 18px;
    margin-bottom: 10px;
}

.has .dropdown ul li {
    margin-bottom: 10px;
    padding-right: 30px;
}

.has .dropdown ul li>a {
    display: block;
    padding-right: 20px;
}

.has .dropdown ul li:hover>a {
    color: #1268b9;
    background: url(../images/jt.png) no-repeat right center;
}

.has .dropdown ul li .last {
    display: none;
    position: absolute;
    padding-left: 100px;
    left: 200px;
    top: 10%;
    width: 760px;
    height: 200px;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: wrap;
}

.has .dropdown ul li .last a {
    width: 160px;
    margin-right: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.has .dropdown ul li:hover .last {
    display: flex;
}

.has .dropdown ul li .last a:hover {
    color: #1268b9;
}

.banner .swiper-pagination-bullet {
    border-radius: 0;
    background: none;
    opacity: 1;
    border: 1px solid #1268b9;
    width: 12px;
    height: 12px;
}

.banner .swiper-pagination-bullet-active {
    border: 1px solid #fff;
    background: #fff;
}

.s1 {display: flex;justify-content: space-between;}
.s1 a {width:24%; display:block; overflow:hidden;margin-left: 10px;}
.s1 a.cp0{margin-left:0;}
.s1 a img{width:100%;line-height:400px;}
.s1 a p {font-size: 1.5rem;font-weight: bold;padding: 0px 10px;border-left: 5px solid #039;margin-bottom: 12px;}

.s2 {width: 1200px; margin:0 auto;justify-content: space-between;padding-bottom: 30px;}
.s2 .l {width:100%;display: flex;justify-content: space-between;margin-bottom: 2%;flex-wrap: wrap;}
.s2 .l dl {width:50%;margin-bottom: 2%;}
.s2 .l dt {color: #444;font-size: 1.5rem;padding: 5px 8px;background: #d0e1f1;font-weight: bold;margin-bottom: 15px;}
.s2 .l dl a {color: #727272;display: block;padding-left: 18px;position: relative;}
.s2 .l dl a:before {position: absolute;content: "";width: 5px;height: 5px;background: #727272;left: 5px;top: 50%;transform: translateY(-50%);}
.s2 .l dd {margin-bottom: 7px;}
.s2 .r {width: 25%;}
.s2 .r ul {padding: 15px;background: #f8f8f8;overflow-y: scroll;height: 250px;}
.s2 .r li {margin-bottom: 7px;padding-left: 15px;position: relative;}
.s2 .r li:before {position: absolute;left: 0;top: 50%;transform: translateY(-50%);content: "";border: 5px solid transparent;border-left: 6px solid #727272;}
.s2 .r a {color: #727272;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;display: block;}

.s3 {width: 1200px; margin:0 auto; justify-content: space-between;padding-bottom: 30px; margin-top: 40px;}
.s3 .item {width: 45%; float:left; margin-left:30px;}
.s3 .item>a {color: #e02e2e;display: block; margin-top: 10px;}
.s3 .item>p {font-size: 1.5rem;font-weight: bold;padding: 0px 10px;border-left: 5px solid #e02e2e; margin-bottom: 12px; color: #444;}
.s3 .item li {display: flex;justify-content: space-between;margin-bottom: 7px; color: #727272;}

.s3 .item li.active a:after {
    background: url(../images/hot.png) no-repeat;
    width: 32px;
    height: 21px;
    right: 0;
    top: 0;
    content: "";
    position: absolute;
}

.s3 .item li a {
    color: #727272;
    padding-left: 18px;
    position: relative;
    max-width: calc(100% - 100px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 38px;
}

.s3 .item li a:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: #727272;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.s4 {
    margin: 40px 0;
}

.s4>p {
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0px 10px;
    border-left: 5px solid #e02e2e;
    margin-bottom: 12px;
    color: #444;
    margin-bottom: 25px;
}

.s4 ul {
    display: flex;
    flex-wrap: wrap;
}

.s4 ul li {
    width: 15%;
    margin-right: 2%;
    margin-bottom: 2%;
    border: 1px solid #71a4d5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

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

footer {
    background: #039;
    padding: 1px 0 0;
    color: #fff;
    /* line-height: 1.8; */
}

footer a {
    color: #fff;
}

footer dt {
    height: 40px;
    font-weight: bold;
    font-size: 1.7rem !important;
}

footer .wrap {
    display: flex;
    justify-content: space-between;padding:20px 0;
}

footer #dizhi dd {
    max-width: 331px !important;
    word-break: break-all !important;
}

footer .wx {
    text-align: center;
}

footer .wx img {
    margin-bottom: 10px;
    max-width: 84px;
}

footer .copyright {
    text-align: center;
    padding: 20px 10px;
    /* margin-top: 40px; */
    border-top: 1px solid #0e639d;
}

.product {
    /* padding: 4% 0; */
    min-height: 600px;
}

.product .title {
    display: inline-block;
    font-size: 1.6rem;
}

.product>ul {
    overflow: hidden;
    margin: 20px 0;
    padding: 12px 0;
}

.product>ul li {
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ccc;
}

.product>ul li:last-child {
    border-right: 0;
}

.product>ul li a {
    color: #f00;
    font-size: 1.6rem;
    position: relative;
}

.product>ul li:hover a:after, .product>ul .active a:after {
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 1px;
    background: #1268b9;
    content: "";
    left: 0;
}

.product .tb>span a {
    color: #fff;
    font-size: 1.6rem;
    padding: 10px 40px;
    background: #1268b9;
    display: table;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.product .tb table {
    width: 100%;
    border-spacing: 0;
    border-top: 2px solid #1268b9;
    border-bottom: 1px solid #1268b9;
}

.product .tb table td {
    border-right: 1px solid #88b3dc;
    border-bottom: 1px solid #88b3dc;
    padding: 10px;
}

.product .tb table td[rowspan] a {
    color: #1268b9;
}

.product .tb table td:last-child {
    border-right: 0;
}

.tb {
    margin-bottom: 35px;
}

.product .tb table td {
    width: 25%;
}

.product2 {
    padding: 4% 0;
    min-height: 600px;
}

.product2 .bread a {
    margin-right: 5px;
}

.product2 .bread a:nth-child(n+2) {
    margin-left: 5px;
}

.product2>.title {
    color: #1268b9;
    font-size: 2rem;
    position: relative;
    margin: 20px 0;
}

.product2 table {
    width: 100%;
    border-spacing: 0;
}

.product2 table td {
    border-right: 1px solid #88b3dc;
    border-bottom: 1px solid #88b3dc;
    padding: 10px;
}

.product2 table td:last-child {
    border-right: 0;
}

.product2 table tr a:hover, .product2 table td.active a {
    color: #1268b9;
}

.product2 .biaoti {
    color: #1268b9;
    display: block;
    padding: 5px 0;
    border-bottom: 2px solid #1268b9;
    font-size: 1.6rem;
    margin-top: 30px;
}

.product2 .content {
    line-height: 1.8;
    margin-top: 18px;
}

.product3 {
    padding: 1% 0 4%;
    min-height: 600px;
}

.bread a {
    margin-right: 5px;
}

.bread a:nth-child(n+2) {
    margin-left: 5px;
}

.product3>.title {
    color: #1268b9;
    font-size: 2rem;
    position: relative;
    margin: 20px 0;
}

.product3 .content {
    line-height: 1.8;
}

.product3 .biaoti {
    color: #1268b9;
    display: block;
    padding: 5px 0;
    border-bottom: 2px solid #1268b9;
    font-size: 1.6rem;
    margin-top: 30px;
}

.product3 table {
    width: 100%;
    border-spacing: 0;
}

.product3 thead td {
    border-bottom: 2px solid #1268b9;
    padding: 10px;
}

.product3 tbody td {
    border-bottom: 1px solid #88b3dc;
    padding: 10px;
}

.product3.pp tbody td[rowspan] {
    width: 10%;
}

.product3 tbody td span:nth-child(2) {
    display: none;
    background: linear-gradient(to bottom, #6087e2, #284698);
    margin-left: 5px;
    padding: 5px 10px;
    color: #fff;
}

.product3 tbody td.show span:nth-child(2) {
    display: inline-block;
}

.product3 tbody td.show span:nth-child(1) {
    text-decoration: line-through;
}

.product3 tbody tr:hover {
    background: #e7f0f8;
}

.detail .item table thead td {
    padding: 0 10px;
}

.detail .item table tbody td {
    padding: 0 10px;
}

.detail .jiman table thead td {
    padding: 10px;
}

.detail .jiman table tbody td {
    padding: 10px;
}

.product3>.title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product3>.title .xz {
    color: #fff;
    padding: 5px 10px;
    background: linear-gradient(to bottom, #6087e2, #284698);
    font-size: 1.4rem;
}

.pp thead td {
    border-bottom: 0;
    color: #fff;
    background-color: #1268b9;
    padding: 15px 10px;
}

.pp tbody tr:hover td:nth-last-child(8) {
    background: #fff;
}

.pp .name {
    font-weight: bold;
    margin: 40px 0 15px;
    font-size: 1.7rem;
    color: #1268b9;
}

.r1 thead td {
    border-bottom: 0;
    color: #fff;
    background-color: #1268b9;
    padding: 15px 10px;
}

.r1 tbody tr:hover td:nth-last-child(8) {
    background: #fff;
}

.r1 .name {
    font-weight: bold;
    margin: 40px 0 15px;
    font-size: 1.7rem;
    color: #1268b9;
}

.detail .label a {
    display: inline-block;
    background: #dcf1ff;
    padding: 5px 20px;
    font-size: 1.6rem;
    margin-right: 10px;
    margin-bottom: 10px;
}

.detail>.content {
    margin-top: 40px;
}

.detail>.intro {
    display: flex;
    justify-content: space-between;
    margin: 50px 0 70px;
}

.detail>.intro .pic {
    width: 30%;
}

.detail>.intro .tb {
    width: 65%;
}

.detail>.intro .tb>a {
    display: table;
    margin: 25px 0 0 auto;
    padding: 8px 15px 8px 40px;
    background: #838383 url(../images/zixun.png) no-repeat 10px center;
    color: #fff;
}

.detail .qh>ul {
    margin-bottom: 30px;
}

.detail .qh>ul li {
    display: inline-block;
    background: #838383;
    color: #fff;
    margin-right: 10px;
    cursor: pointer;
}

.detail .qh>ul li a {
    display: block;
    padding: 10px 30px;
    color: #fff;
}

.detail .qh>ul li:hover, .detail .qh>ul li.active {
    background: #1268b9;
}

.detail .qh .list {
    line-height: 1.8;
}

.detail .qh .list>p {
    font-weight: bold;
    margin: 10px 0;
    font-size: 1.6rem;
    color: #1268b9;
}

.detail .item {
    margin-bottom: 30px;
}

/*.detail .item:nth-child(n+2){display: none;}*/

.my form {
    padding: 7% 12% 12%;
    position: relative;
}

.my form p {
    text-align: center;
    margin-bottom: 20px;
    font-size: 2rem;
}

.my form span {
    display: table;
    margin-top: 20px;
    margin-bottom: 5px;
}

.my form input {
    width: 100%;
    padding: 10px 10px 7px 30px;
    border-bottom: 1px solid #ccc;
}

.my form button {
    width: 100%;
    padding: 7px;
    color: #fff;
    cursor: pointer;
    background: #000;
    outline: none;
}

.my form a {
    display: block;
    width: 100%;
    padding: 7px;
    color: #fff;
    cursor: pointer;
    background: #000;
    outline: none;
    text-align: center;
}

.my form .name {
    background: url(../images/user.png) no-repeat 0 center;
}

.my form .pass {
    background: url(../images/pass.png) no-repeat 0 center;
}

.my form .code {
    background: url(../images/code.png) no-repeat 0 center;
}

.my form .code+img {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100%;
}

.my form div {
    margin-bottom: 20px;
    position: relative;
}

.service {
    padding: 4% 0;
}

.fenlei {
    border-bottom: 1px solid #e0e0e0;
}

.fenlei .wrap {
    display: flex;
    justify-content: space-between;
    padding: 3% 0;
}

.fenlei a div {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fenlei a p {
    font-size: 1.6rem;
}

.fenlei img:nth-child(2) {
    display: none;
}

.fenlei a:hover img:nth-child(1), .fenlei a.active img:nth-child(1) {
    display: none;
}

.fenlei a:hover img:nth-child(2), .fenlei a.active img:nth-child(2) {
    display: block
}

.fenlei a:hover, .fenlei a.active {
    color: #1268b9;
}

.service .tb>span {
    color: #fff;
    font-size: 1.6rem;
    padding: 10px 40px;
    background: #1268b9;
    display: table;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.service .tb table {
    width: 100%;
    border-spacing: 0;
    border-top: 2px solid #1268b9;
    border-bottom: 1px solid #1268b9;
}

.service .tb table td {
    border-right: 1px solid #88b3dc;
    border-bottom: 1px solid #88b3dc;
    padding: 10px;
}

/*.service .tb table td:last-child{border-right: 0;}*/

.service .tb table tr:nth-child(1) td:last-child {
    border-right: 0
}

.service .tb table tr:nth-child(2) td:nth-child(5) {
    border-right: 0
}

.service .tb table tr:nth-child(2) td {
    border-bottom: 0;
}

.service .tb {
    margin-bottom: 5%;
}

.service .tb td {
    width: 20%;
}

.service2 {
    margin-bottom: 50px;
}

.service2 .bread {
    margin: 1% 0 1%;
}

.service2 .name {
    font-weight: bold;
    margin: 20px 0 15px;
    font-size: 1.8rem;
    color: #1268b9;
}

.service2>ul {
    border-bottom: 1px solid #e0e0e0;
}

.service2>ul li a {
    font-weight: bold;
    margin: 5px 0;
    font-size: 1.6rem;
    color: #444;
    position: relative;
    padding-left: 20px;
}

.service2>ul li a:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 6px;
    height: 6px;
    background: #444;
}

.service2>ul li a:hover, .service2>ul li.active a {
    color: #1268b9;
}

.service2>ul li a:hover:before, .service2>ul li.active a:before {
    background: #1268b9;
}

.service2>.title {
    margin: 30px 0 15px;
    font-size: 1.6rem;
    color: #1268b9;
}

.service2 .content {
    color: #282828;
    line-height: 1.8;
    margin-top: 30px;
}

.service2 .content img {
    margin: 30px 0;
}

.service2 table {
    border-spacing: 0;
}

/*.service2 table tr:nth-child(odd){background: #f3f7fb;}*/

.service2 table tr:nth-child(1) td {
    font-weight: bold;
}

.service2 table td {
    padding: 0px 15px;
}

.research ul {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0;
}

.research li {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 3%;
}

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

.research li p {
    text-align: center;
    margin-top: 10px;
    font-size: 1.6rem;
}

.research li img {
    transition: all .4s cubic-bezier(0.39, 0.575, 0.565, 1);
    clip-path: inset(0 0);
}

.research li:hover img {
    -webkit-clip-path: inset(10px 15px);
    clip-path: inset(5px 10px);
    transform: scale(1.02);
}

.rsc2 table {
    border-top: 2px solid #1268b9;
    border-bottom: 1px solid #1268b9;
}

.download {
    padding: 50px 0;
}

.download .title {
    font-weight: bold;
    margin: 10px 0;
    font-size: 1.8rem;
    color: #1268b9;
    margin-bottom: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #a0c3e3;
}

.download .ml {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5%;
}

.download .ml li {
    width: 30%;
    margin-right: 5%;
    margin-bottom: 8px;
}

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

.download .hc {
    display: flex;
    flex-wrap: wrap;
}

.download .hc li {
    width: 17%;
    margin-right: 3.75%;
    margin-bottom: 25px;
}

.download .hc li img {
    width: 100%;
    margin-bottom: 8px;
}

.download .hc li p {
    margin-top: 5px;
    text-align: center;
}

.download .hc li:nth-child(5n) {
    margin-right: 0;
}

.news {
    padding: 50px 0;
}

.news>p {
    font-weight: bold;
    margin: 10px 0;
    font-size: 1.8rem;
    color: #1268b9;
    margin-bottom: 30px;
}

.news>div {
    display: flex;
    justify-content: space-between;
}

.news>div .left {
    width: 13%;
}

.news>div .left a {
    display: block;
    text-align: center;
    padding: 10px 0;
}

.news>div .left a:hover, .news>div .left a.active {
    background: #1268b9;
    color: #fff;
}

.news>div .list {
    width: 80%;
}

.news>div .list li {
    margin-bottom: 30px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 20px;
}

.news>div .list a .title {
    display: flex;
    margin-bottom: 10px;
}

.news>div .list a .title span {
    color: #fff;
    padding: 2px 7px;
    background: #1268b9;
    display: table;
    margin-left: 45px;
}

.news>div .list a .title p {
    color: #000;
    font-size: 1.8rem;
    max-width: calc(100% - 250px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.news>div .list a>p {
    -webkit-box-orient: vertical;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 50px;
}

.news>div .list a:hover .title p {
    color: #1268b9;
}

.news>div .page {
    text-align: center;
    margin-top: 30px;
}

.news>div .page a {
    margin: 0 3px;
}

.news>div .page a.on {
    color: #1268b9;
}

.news>div .info {
    border-top: 1px solid #f5f5f5;
    padding-top: 30px;
    margin-top: 30px;
    line-height: 1.8;
    margin-bottom: 40px;
}

.news>div .content .title {
    position: relative;
    text-align: center;
    font-size: 2.2rem;
    margin-bottom: 40px;
}

.news>div .content .title span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    background: #1268b9;
    font-size: 1.4rem;
    padding: 2px 10px;
}

.news>div .list .btn {
    display: flex;
    justify-content: space-between;
}

/* .label2 {
    border-bottom: 1px solid #e0e0e0;
} */

.label2>ul {
    overflow: hidden;
    margin: 40px auto;
    padding: 12px 0;
}

.label2>ul li {
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #1268b9;
}

.label2>ul li:last-child {
    border-right: 0;
}

.label2>ul li a {
    color: #1268b9;
    font-size: 1.6rem;
    position: relative;
}

.label2>ul li:hover a:after, .label2>ul .active a:after {
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 1px;
    background: #1268b9;
    content: "";
    left: 0;
}

.about .name {
    font-weight: bold;
    padding: 40px 0 20px;
    font-size: 1.9rem;
    color: #1268b9;
}

.about .name+div {
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
    border-bottom: 1px solid #a0c3e3;
}

.a1 .txt {
    width: 51%;
    height: 250px;
    overflow-y: scroll;
    padding-right: 10px;
    position: relative;
    line-height: 1.8;
}

.a1 .pic {
    width: 43%;
}

.a1 .txt::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

.a1 .txt::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #1268b9;
}

.a2 #map {
    width: 50%;
    height: 400px;
}

.a2 .txt {
    width: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0 7%;
    line-height: 2;
    background: #e5eef7;
}

.a3 {
    margin-top: 40px;
}

.slide {
    position: relative;
    /* width: 20%; */
}

.slide .swiper-container {
    height: 500px;
    padding-right: 14px;
}

.slide .swiper-slide {
    background: #e5eef7;
    padding: 0px 40px 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slide .swiper-slide span {
    color: #1268b9;
    font-size: 1.7rem;
}

.slide .swiper-button-next {
    width: 24px;
    height: 14px;
    background-image: url(../images/bottom.png);
    background-size: 24px 14px;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    top: 107%;
}

.slide .swiper-button-prev {
    width: 24px;
    height: 14px;
    background-image: url(../images/top.png);
    background-size: 24px 14px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.slide .swiper-slide-active {
    position: relative;
    background: #1268b9;
    color: #fff;
}

.slide .swiper-slide-active span {
    color: #fff;
}

.slide .swiper-slide-active:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-left: 8px solid #1268b9;
}

.a3 .zw {
    border-top: 19px solid #e5eef7;
    background: #fafcfd;
    padding: 4% 6%;
    width: 75%;
}

.a3 .zw>.title {
    color: #1268b9;
    font-size: 1.8rem;
    margin-bottom: 35px;
}

.a3 .zw>.intro {
    color: #282828;
    line-height: 2;
    height: 280px;
    overflow-y: scroll;
}

.a3 .zw>.intro::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

.a3 .zw>.intro::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #1268b9;
}

.a3 .zw>.intro .item:nth-child(n+2) {
    display: none;
}

.a4 ul {
    width: 100%;
}

.a4 li {
    margin-bottom: 20px;
}

.a4 li>h3 {
    display: block;
    padding: 10px 25px;
    background: #e7f0f8 url(../images/bottom.png) no-repeat right 25px center;
    background-size: 2% 38%;
}

.a4 li>h3:visited {
    background-image: url(../images/top.png);
}

#nav {
    width: 100%;
}

#nav img {
    width: 3%;
    height: 58%;
    display: inline;
    float: right;
    margin-right: 20px;
}

/* #nav h3 {
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    background-color: #000000;
    color: #fff
}
 */

#nav div {
    padding: 30px;
    line-height: 2;
    display: none;
}

.spec {
    padding: 3% 0 2%;
    border-bottom: 1px solid #e0e0e0;
}

.spec .wrap>p {
    color: #1268b9;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.spec .wrap .item {
    display: flex;
    margin-bottom: 10px;
}

.spec .wrap .item>span {
    font-weight: bold;
    display: inline-block;
    width: 110px;
}

.spec .wrap .item ul li {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 8px;
}

.spec .wrap .item ul li a {
    display: block;
    padding-left: 22px;
    background: url(../images/yes1.gif) no-repeat 0 center;
}

.spec .wrap .item ul li.selected a {
    background-image: url(../images/yes2.gif);
}

.spec .wrap .item ul {
    width: calc(100% - 150px);
}

.spec .wrap .item ul li a output {
    color: #1268b9;
}

.togbtn1 {
    display: none;
}

.togbtn1 span img, .togbtn2 span img {
    width: 16px;
    height: 16px;
    margin-left: 10px;
    margin-top: 5px;
}

#wrapper {
    display: none;
}

.result {
    padding: 5% 0;
}

.result .r1 {
    margin-bottom: 50px;
}

.result .title {
    color: #fff;
    font-size: 1.6rem;
    padding: 10px 40px;
    background: #1268b9;
    display: table;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.result table {
    width: 100%;
    border-spacing: 0;
}

.result thead td {
    border-bottom: 2px solid #1268b9;
    padding: 10px;
}

.result tbody td {
    border-bottom: 1px solid #88b3dc;
    padding: 10px;
}

.result tbody tr:hover {
    background: #e7f0f8;
}

.result .r2 {
    margin-bottom: 50px;
}

.result .r2 ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.result .r2 ul li {
    width: 22.5%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.result .r2 ul li p {
    text-align: center;
    margin-top: 5px;
}

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

.result .r3 ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.result .r3 ul li {
    width: 48%;
    margin-bottom: 10px;
}

.result .r3 ul li a {
    display: block;
    padding: 10px 25px;
    background: #ececec;
}

.result .r3 ul li:nth-child(odd) {
    margin-right: 4%;
}

.way {
    padding: 3% 0;
}

.way .item {
    display: flex;
    align-items: space-between;
    margin-bottom: 20px;
}

.way .item .pic {
    width: 100px;
}

.way .item .txt {
    margin-top: 15px;
    padding-bottom: 50px;
    border-bottom: 1px solid #a0c3e3;
    width: calc(100% - 100px);
}

.way .item .txt>p {
    color: #1268b9;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px
}

.way .item .txt>div {
    line-height: 1.8;
}

.rsc2>.title {
    color: #444;
    margin-bottom: 30px;
}

/************************/

@media screen and (max-width:1450px) {
    header {
        padding: 0 4%;
    }
    header .middle>ul>li {
        margin: 0 20px;
    }
}

@media screen and (max-width:1320px) {
    header .middle>ul>li {
        margin: 0 15px;
    }
}

@media screen and (max-width:768px) {
    .xs-hidden {
        display: none!important;
    }
    .xs-visible {
        display: block!important;
    }
    header {
        padding: 4% 5%;
        flex-wrap: wrap;
    }
    header .rr {
        display: none;
    }
    .logo {
        width: 150px;
    }
    header .middle {
        max-width: 100%;
        margin: 0 auto;
    }
    header .middle form {
        max-width: 100%;
    }
    header .right {
        margin: 0 0 0 auto;
        margin-top: 20px;
    }
    header .rl a:not(:first-child) {
        display: none;
    }
    header .rl a:first-child {
        position: absolute;
        right: 52px;
        top: 17px;
    }
    header .middle form input {
        width: 60%;
    }
    .wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
    body {
        font-size: 1.2rem;
    }
    .product {
        padding: 6% 15px 8%;
    }
    .product .title {
        font-size: 1.4rem;
    }
    .product>ul li a {
        font-size: 1.3rem;
    }
    .product>ul li {
        padding-right: 5px;
        margin-right: 5px;
    }
    .product {
        min-height: 300px;
    }
    footer .wrap {
        flex-wrap: wrap;
        justify-content: center;
    }
    footer .wrap dl {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }
    footer dt {
        font-size: 1.5rem;
        height: 30px;
    }
    footer .wrap dl:nth-last-child(n+3) {
        display: none;
    }
    footer .copyright {
        margin-top: 10px;
    }
    footer {
        padding-top: 30px;
    }
    .banner img {
        height: 200px;
    }
    .s1 {
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .s1 a {
        width: 48%;
        margin-bottom: 17px;
    }
    .s1 a:nth-child(odd) {
        margin-right: 4%;
    }
    .s1 a p {
        font-size: 1.3rem;
        padding: 0px 7px;
        margin-bottom: 8px;
    }
    .s2 {
        flex-wrap: wrap;
    }
    .s2 .l {
        width: 100%;
    }
    .s2 .l dt {
        font-size: 1.3rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .s2 .l dl {
        width: 30%;
    }
    .s2 .r {
        width: 100%;
    }
    .s2 .r li {
        margin-bottom: 10px;
        padding-left: 20px;
    }
    .s2 .r ul {
        padding: 15px 20px;
    }
    .s3 {
        flex-wrap: wrap;
    }
    .s3 .item {
        width: 100%;
        margin-bottom: 25px;
    }
    .s3 .item>a {
        font-size: 1.3rem;
    }
    .s4 ul li {
        width: 32%;
    }
    .s4 ul li:nth-child(6n) {
        margin-right: 2%;
    }
    .s4 ul li:nth-child(3n) {
        margin-right: 0;
    }
    .product .tb>span {
        font-size: 1.3rem;
        padding: 6px 20px;
    }
    .product2>.title {
        font-size: 1.6rem;
    }
    .product3>.title {
        font-size: 1.6rem;
    }
    .product3 .biaoge {
        overflow-x: scroll;
    }
    .product3 td {
        white-space: nowrap;
    }
    .pp .name {
        font-size: 1.5rem;
    }
    .detail .label a {
        font-size: 1.2rem;
        margin-right: 5px;
        padding: 5px 10px;
        margin-bottom: 10px;
    }
    .detail>.content {
        margin-top: 20px;
    }
    .detail>.intro {
        flex-wrap: wrap;
    }
    .detail>.intro .pic {
        width: 45%;
        margin: 0 auto 20px;
    }
    .detail>.intro .tb {
        width: 100%;
    }
    .biaoge {
        width: 100%;
        overflow-x: scroll;
    }
    .detail .qh>ul li a {
        padding: 8px 18px;
    }
    .fenlei .wrap {
        padding: 3% 15px;
        flex-wrap: wrap;
    }
    .fenlei .wrap a {
        width: 33%;
        text-align: center;
        margin-bottom: 10px;
    }
    .fenlei a p {
        font-size: 1.3rem;
    }
    .fenlei a div {
        height: 70px;
        width: 31%;
        margin: 0 auto;
    }
    .service .tb>span {
        font-size: 1.3rem;
        padding: 6px 20px;
    }
    .service .tb table td {
        padding: 5px;
    }
    .research li {
        width: 32%;
    }
    .research li:nth-child(4n) {
        margin-right: 2%;
    }
    .research li:nth-child(3n) {
        margin-right: 0;
    }
    .research li p {
        font-size: 1.3rem;
    }
    .label2>ul {
        margin: 15px auto;
        padding: 12px 15px;
    }
    .label2>ul li a {
        font-size: 1.4rem;
    }
    .way .item .pic {
        width: 55px;
    }
    .way .item .pic img {
        max-width: 40px;
    }
    .way .item .txt>p {
        font-size: 1.5rem;
    }
    .way .item .txt {
        margin-top: 8px;
        padding-bottom: 30px;
    }
    .download .ml li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .download .ml li:nth-child(3n) {
        margin-right: 4%;
    }
    .download .ml li:nth-child(2n) {
        margin-right: 0;
    }
    .download .hc li {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 4%;
    }
    .download .hc li:nth-child(5n) {
        margin-right: 2%;
    }
    .download .hc li:nth-child(3n) {
        margin-right: 0;
    }
    .about .name+div {
        display: block;
    }
    .about .name+div>div {
        width: 100%;
    }
    .a1 .pic {
        margin-top: 25px;
    }
    .about .name {
        font-size: 1.6rem;
    }
    .a2 #map {
        width: 100%;
    }
    .a2 .txt {
        padding: 7%;
    }
    .about .name+.a3 {
        display: flex!important;
    }
    .about .name+.a3 .slide {
        width: 32%;
    }
    .about .name+.a3 .zw {
        width: 68%;
        padding: 4% 4%;
    }
    .slide .swiper-slide {
        padding: 0 0 0 10px;
    }
    .slide .swiper-slide span {
        font-size: 1.3rem;
    }
    .a3 .zw>.intro {
        height: 350px;
    }
    .a3 .zw>.title {
        margin-bottom: 20px;
    }
    .a4 li {
        margin-bottom: 7px;
    }
    .a4 li>a {
        background-size: 18px 10px;
    }
    .spec .wrap .item>span {
        width: 70px;
    }
    .spec .wrap .item ul {
        width: calc(100% - 70px);
    }
    .spec .wrap .item ul li {
        margin-right: 20px;
    }
    .spec .wrap .item ul li a {
        padding-left: 20px;
    }
    .result .r1 td {
        white-space: nowrap;
        padding: 5px;
    }
    .result .title {
        font-size: 1.3rem;
        padding: 6px 20px;
    }
    .result .r1 .name {
        margin: 25px 0 10px;
        font-size: 1.6rem;
    }
    .result .r2 ul li {
        width: 32%;
        margin-right: 2%;
    }
    .result .r2 ul li:nth-child(4n) {
        margin-right: 2%;
    }
    .result .r2 ul li:nth-child(3n) {
        margin-right: 0;
    }
    .result .r3 ul li a {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 10px 12px;
    }
}

.video-h4{
    margin-top: 40px;
}
.service .tb>span a{
    color: #fff;
}
.link-friend{
    background-color: #fff;
}

/*顶部*/
.top_che{width:1200px; height:120px; line-height:120px; margin:0 auto; overflow:hidden;}
.top_che .logo{padding-top:18px;display:block; width:500px; float:left;}
.top_che .right_che{width:700px; float:right; overflow:hidden;}
.top_che .right_che .sousuo_che{width:480px; height:35px; line-height:35px; float:left; margin-left:50px; margin-top:43px;}
/*
.top_che .right_che .sousuo_che .sousuo_b{float:left; width:420px;height:35px; line-height:35px; border:1px solid #ccc; border-radius:30px 0 0 30px;; padding-left:30px;background:url(../images/search.png) no-repeat 10px 10px;}
202303*/
.top_che .right_che .tel{width:150px; float:right; font-size:20px; line-height:26px; font-weight:bold; color:#888; text-align:center;padding-top:35px;}

/*首页*/
.jishufuwu{width:1200px; overflow:hidden; margin:30px auto;}
.jishufuwu_left{width:580px;height:385px;float:left;}
.jishufuwu_right{width:580px;height:385px;float:right; }
.jishufuwu .biaoti{ font-size:16px; height:40px; line-height:40px; border-bottom:3px solid #ccc;}
.jishufuwu .biaoti h3{padding:0 10px; display:block; height:40px; line-height:40px; float:left;text-align:center; font-weight:bold; border-bottom:3px solid #039;}
.jishufuwu .biaoti a{width:80px; display:block; float:right; text-align:center; font-size:12px; font-weight:100;}          
.jishufuwu ul{overflow:hidden;height:380px;}
.jishufuwu .tuijiantu{height:150px;width:580px; overflow:hidden; margin:8px 0;}
.jishufuwu .tuijiantu .imgs{width:200px;height:150px; float:left;}
.jishufuwu .tuijiantu .imgs img{width:100%;}
.jishufuwu .tuijiantu .wenben{width:370px;float:right; overflow:hidden;}
.jishufuwu .tuijiantu .wenben p{height:40px;line-height:40px;color:#039; font-size:16px; font-weight:bold;border-bottom:1px solid #eee;}
.jishufuwu .tuijiantu .wenben span{color:#666;line-height:25px;}
.jishufuwu .tuijiantu .wenben font{color:#999;}
.jishufuwu ul li{width:580px;clear:both; height:35px; line-height:35px;border-bottom:1px solid #eee;}
.jishufuwu ul li a{width:490px; float:left;}
.jishufuwu ul li .times{width:90px; float:right; color:#999; text-align:right;}

/*main_che*/
.main_che{width:1200px; margin:0 auto; overflow:hidden;}
.main_left_menu{width:200px; float:left;overflow:hidden;}

/* 产品 */
.chanpin{width:980px; overflow:hidden; float:right;}
.chanpin img{width:70%;display:block;}
.chanpin_che{width:980px;height:40px; line-height:40px;border-bottom:3px solid #eee;}
.biaotis{display:block;width:180px;height:40px; line-height:40px;border-bottom:3px solid #039; float:left; text-align:center; font-size:16px; font-weight:bold;}
.mores{display:block;width:80px; float:right; text-align:center;color:#999;}

/*产品载体列表*/
.chanpin_liebiao2{width:100%; overflow:hidden; float:right;}
.chanpin_table{width:100% !important;overflow:hidden;border-left:1px solid #eee; margin-bottom:20px; border:1px solid #eee;}
.chanpin_table tr td{height:40px; line-height:40px; border-right:1px solid #eee;border-bottom:1px solid #eee;text-align:center; font-size:12px;padding:0 2px;}
.chanpin_table tr td a{}
.chanpin_table tr td a:hover{color:#039;}
.chanpin_table tr td a.xiangxixx{width:40px; font-weight:100; display:block; height:25px; line-height:25px; color:#fff;text-align:center; background:#039; border-radius:3px; font-size:12px;margin:0 auto;}

/*新闻*/
.news_table{width:100%;overflow:hidden;border-top:1px solid #eee; margin-bottom:20px;}
.news_table tr td{height:40px; line-height:40px; border-bottom:1px solid #eee; padding-left:15px;}
.news_table tr td a{font-weight:bold;}
.news_table tr td a:hover{color:#039;}

/*当前位置和菜单*/
.weizhi_che{width:1200px; margin:0 auto; height:52px; line-height:50px;border-bottom:2px solid #ddd; margin-bottom:20px;}
.weizhi_che .location{float:left;}
.weizhi_che .fenlei{float:right;border:0;}
.weizhi_che .fenlei ul{overflow:hidden;}
.weizhi_che .fenlei ul li{padding:0 10px; float:left;}
.weizhi_che .fenlei ul #current{border-bottom:2px solid #039;}
.weizhi_che .fenlei ul #current a{color:#039;}

/**/
.center_title{width:1200px; margin:0 auto; height:70px;line-height:70px; text-align:center; font-size:20px; font-weight:bold;}
.nieyes{height:3px;}


/*tab1,/*tab2*/
.product_che{width:1200px; overflow:hidden; margin:0 auto;}
.table_title{width:200px; overfloW:hidden;float:left;}
.index_mainl_tab{width:361px;overflow:hidden; float:left;}
.index_mainl2{margin-left:6px;}
.tabs{width:200px; line-height:45px;}
.tabs li{width:200px; line-height:45px; display:block; margin-bottom:7px; background:#039; list-style: none; text-align:center;}
.tabs li a{ color:#fff}
.tabs .thistab a{color:#ff0;}
.tabs .thistab{background:#039;}
/* .szyw_ls{margin-left:10px;} */
.szyw_ls a{color:rgb(161, 159, 159);}
/* .szyw_rs{margin-left:3px;} */
.tab_conbox2{width:980px; float:right;list-style: none;}
.tab_conbox2 ul{border:1px solid #e8e9eb; border-top:0; padding:10px;overflow：hidden; list-style:none;}
.tab_conbox2 ul li{height:35px; line-height:35px; border-bottom:1px dashed #ccc;list-style:none;}
.tab_conbox2 ul li a{padding-left:7px;background:url(/r/cms/images/ioc1.jpg) no-repeat center left;}
.jianjies{ font-size:14px; line-height:28px;color:#666;border:1px solid #eee; border-top:0;padding:10px;}
.jianjies span{font-size:14px;color:#666;line-height:28px;}
.jianjies img{display:block; border:1px dashed #ccc; display:block; height:auto !important; margin:0 auto; padding:5px; border-radius:20px;}
/*tab3*/
.index_mains2_l_tab{width:728px;overflow:hidden;}
.tab_ul{width:728px; background:url(/r/cms/images/main2_l_top_tab.jpg) no-repeat; height:37px; line-height:37px;}
.tab_ul li{width:92px; height:30px;display:block; float:left; text-align:center;margin-top:6px; margin-right:2px;}
.tab_ul .thistab a{color:#fff;}
.tab_ul .thistab{background:url(/r/cms/images/main2_l_top_tab1.jpg) no-repeat;}
.leftspan1{margin-left:12px;}
.leftspan1 a{color:#555;}
.tab_conbox3 ul{border:1px solid #f1ceb2; border-top:0; height:199px; padding:10px;list-style:none;}
.tab_conbox3 ul li{width:350px; height:28px; line-height:28px; float:left; background:url(/r/cms/images/ioc3.jpg) no-repeat left;}
.tab_conbox3 ul li a{padding-left:10px;}

.left_che{width:250px; float:left;}

.jishu_remen{width:100%; overflow:hidden; margin-bottom:10px;}
.jishu_remen h3{height:40px; line-height:40px; background:#039;color:#fff; font-size:14px; text-align:center;}
.jishu_remen ul{overflow:hidden;}
.jishu_remen ul li{height:35px; line-height:35px;overflow: hidden;}
.jishu_remen ul li a{width:100%; line-height:35px; border-bottom:1px dashed #eee;color:#000;}
.jishu_remen ul li a:hover{color:#0e639d}

.dongwu_biati{width:805; font-size:14px; text-align:center; height:45px; line-height:45px; font-size:20px; font-weight:bold; margin:15px 0;}
.dongwu_biaoge{border-left:1px solid #ddd; border-top:1px solid #ddd; width:100%; margin-bottom:30px;}
.dongwu_biaoge tr td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; height:35px; line-height:35px;padding-left:20px;}
.dongwu_biaoge .biatis{font-weight:bold;}