@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');

}



html {

    font-size: 62.5%;

    font-family: SansCN;

}



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 #059;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: #059;

    padding: 50px 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;

}



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:500px; 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;}

.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:1200px;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 #059;}

.jishufuwu .biaoti a{width:80px; display:block; float:right; text-align:center; font-size:12px; font-weight:100;}          

.jishufuwu ul{overflow:hidden; display: flex;justify-content: space-between;flex-wrap: wrap}

.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:#059; 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{ overflow:hidden;width:580px;clear:both; height:50px; line-height:50px;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;line-height: 50px}



/*main_che*/

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

.main_left_menu{width:250px; float:left;overflow:hidden;}



/* 产品 */

.chanpin{width:920px; overflow:hidden; float:right;}

.chanpin img{width:70%;display:block;}

.chanpin_che{width:920px;height:45px; line-height:45px;border-bottom:3px solid #eee;}

.biaotis{display:block;width:180px;height:45px; line-height:45px;border-bottom:3px solid #059; 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:1000px; overflow:hidden; float:right;}

.chanpin_table{width:100%;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; padding-left:15px;}

.chanpin_table tr td a{font-weight:bold;}

.chanpin_table tr td a:hover{color:#059;}

.chanpin_table tr td a.xiangxixx{width:70px; font-weight:100; display:block; height:25px; line-height:25px; color:#fff;text-align:center; background:#059; border-radius:5px; font-size:12px;}



/*新闻*/

.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:#059;}



/*当前位置和菜单*/

.weizhi_che{width:1200px; margin:0 auto; height:52px; line-height:50px;border-bottom:2px solid #ddd; margin-bottom:20px;}

.weizhi_che .location{width:450px; 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 #059;}

.weizhi_che .fenlei ul #current a{color:#059;}



/**/

.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; height:300px; overfloW:hidden;float:left;}

.index_mainl_tab{width:361px;overflow:hidden; float:left;}

.index_mainl2{margin-left:6px;}

.tabs{width:200px;height:45px; line-height:45px;}

.tabs li{width:200px; height:45px; line-height:45px; display:block; margin-bottom:7px; background:#059; list-style: none; text-align:center;}

.tabs li a{ color:#fff}

.tabs .thistab a{color:#ff0;}

.tabs .thistab{background:#059;}

/* .szyw_ls{margin-left:10px;} */

.szyw_ls a{color:rgb(161, 159, 159);}

/* .szyw_rs{margin-left:3px;} */

.tab_conbox2{width:1000px; float:right; border-top:2px solid #059;list-style: none;}

.tab_conbox2 ul{border:1px solid #e8e9eb; border-top:0; padding:10px;overflow：hidden; list-style:none;}

.tab_conbox2 ul li{overflow: hidden;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;}