* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #333;
}

body {
    font-family: "微软雅黑";
}

ul,
li {
    list-style: none;
}

img {
    max-width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


/*缓存*/


/*.myPhone{
    position: absolute;
    top: 108px;
    width: 301px;
    overflow: hidden;
    transform: translate(0,0);
    display: none;
    transition: transform 500ms, opacity 500ms 100ms, left 0s 0s;
    transform: translate(0,10px);
    right: 0;
    z-index: 10;
}

.tel-bar {
    display: inline-block;
    background: #008DD5;
    color: #fff;
    padding: 2em 4em;
    text-align: center;
}

.tel-bar img {
    width: 4em;
    margin-bottom: 1em;
}

.tel-bar .tel-link {
    font-size: 2em;
    display: block;
    color: #fff!important;
}
.tel-bar p {
    display: inline-block;
    font-size: 0.9em;
    padding: 0.5em;
    line-height: 1;
    margin: auto;
    /* background-color: #34B7FB; */


/*}*/

.load_box {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    background: #fff;
    text-align: center;
}

.load_box .loader_loader {
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.loader_loader {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%;
    height: 200px;
    align-items: center;
    justify-content: center;
}

@-webkit-keyframes line-scale-party {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes line-scale-party {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.line-scale-party>div:nth-child(1) {
    -webkit-animation-delay: 0.77s;
    animation-delay: 0.77s;
    -webkit-animation-duration: 1.26s;
    animation-duration: 1.26s;
}

.line-scale-party>div:nth-child(2) {
    -webkit-animation-delay: 0.29s;
    animation-delay: 0.29s;
    -webkit-animation-duration: 0.43s;
    animation-duration: 0.43s;
}

.line-scale-party>div:nth-child(3) {
    -webkit-animation-delay: 0.28s;
    animation-delay: 0.28s;
    -webkit-animation-duration: 1.01s;
    animation-duration: 1.01s;
}

.line-scale-party>div:nth-child(4) {
    -webkit-animation-delay: 0.74s;
    animation-delay: 0.74s;
    -webkit-animation-duration: 0.73s;
    animation-duration: 0.73s;
}

.line-scale-party>div {
    background-color: #7aba1e;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation-name: line-scale-party;
    animation-name: line-scale-party;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}


/*end*/


/*头部*/


/*.headers{
    width: 100%;
    background: #fff;
    position: relative;
    top: 0;
    left: 0;
    z-index: 12;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.headers>div{
    max-width: 1310px;
    margin: auto;
    height: 129px;
}*/

.listheader {
    width: 100%;
}

.myTop {
    width: 100%;
    background: #f8f8f8;
    line-height: 43px;
    height: 43px;
    font-size: 12px;
}

.myTop>div {
    max-width: 1460px;
    margin: auto;
    padding: 0 10px;
    position: relative;
}

.myTop>div>span {
    float: left;
    color: #909090;
}

.myTopright {
    float: right;
}

.myTopright .myTopright_a {
    height: 43px;
    line-height: 43px;
    display: inline-block;
    float: right;
}

.myTopright .myTopright_a span {}

.myTopright .myTopright_a img {
    margin: 0 7px;
}

.myTopright .myTopright_a a {
    color: #909090;
}

.youimg_top {
    max-width: 1460px;
    margin: auto;
    padding: 0 10px;
    position: relative;
    overflow: hidden;
}

.youimg_topLeft {
    float: left;
}

.youimg_topRight {
    float: right;
    overflow: hidden;
}

.youimg_topRight p {
    margin: 0;
    line-height: 110px;
    float: left;
}

.youimg_topRight p img {
    cursor: pointer;
}

.youimg_topRight div {
    float: left;
    font-size: 20px;
    color: #4f4e4e;
    background: url(../image/2.png)left 0 no-repeat;
    background-position: left;
    padding-left: 38px;
    margin-top: 40px;
    margin-left: 18px;
}

.listheaderRight {
    width: 100%;
    background: #246ec4;
}

.nas {
    max-width: 1460px;
    margin: auto;
    padding: 0 10px;
    position: relative;
    display: flex;
}

.nas>li {
    position: relative;
    height: 55px;
    flex: 1;
    line-height: 53px;
}

.nas>li>a {
    display: block;
    font-size: 16px;
    overflow: hidden;
    color: #fff;
    height: 53px;
    width: 100%;
    text-align: center;
    position: relative;
    transition: all 0.3s;
}

.navs {
    transition: 0.3s linear;
}

.nas>li:hover>a {
    background: #c01b2c;
}


/*.nas span{
    color: #ce9d59;
    display: block;
}*/

.topnav {
    display: none;
}


/**/

.clear {
    clear: both;
}

header .nav-btn {
    width: 45px;
    height: 34px;
    margin-top: 7px;
    position: relative;
}

.fl {
    float: left;
    display: inline;
}

header .nav-btn span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
    background: #068585;
    position: absolute;
    left: 0;
    top: 12px;
    transition: left 0.3s, top 0.3s;
}

header .nav-btn span.line1,
header .nav-btn span.line3,
header .nav-btn span.line3 {
    left: 15px;
}

header .nav-btn span.line2 {
    left: 30px;
    background: #e8921f;
}

header .logo {
    margin: 0 auto;
    width: 96px;
    display: block;
    padding-top: 1rem;
}

header .logo img {
    width: 100%;
}

header .nav-btn.hover span.line2 {
    left: 12px;
}

header .nav-btn.hover span.line0 {
    top: 0;
}

header .nav-btn.hover span.line1 {
    top: 0;
    left: 24px;
}

header .nav-btn.hover span.line3 {
    top: 24px;
    left: 0;
}

header .nav-btn.hover span.line4 {
    top: 24px;
    left: 24px;
}

.headerphone {
    line-height: 100%;
    font-size: 18px;
    color: #2759a3;
    margin-left: 2rem;
    margin-top: 4.5rem;
}

.headerphone img {
    margin-left: 2.5rem;
    margin-right: 1rem;
}

.clear {
    clear: both;
}

.fr {
    float: right;
    display: inline;
}

.headers a.menu {
    display: block;
    width: 22px;
    float: left;
    z-index: 1;
    margin-top: 4.5rem;
}

.headers a.menu span:first-child {
    margin-top: 0;
}

.headers a.menu span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #3f6db3;
    margin-top: 5px;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

.headers a.menu span:last-child {
    width: 12px;
}

.headers a.menu:hover span:nth-child(1) {
    width: 11px;
}

.headers a.menu:hover span:nth-child(2) {
    width: 18px;
}

.headers a.menu:hover span:nth-child(3) {
    width: 22px;
}

.search {}

.search-box {
    width: 22%;
    position: absolute;
    right: 25%;
    top: 15%;
    display: none;
    z-index: 10;
    background: #246ec4;
    padding: 18px 2%;
}

.search-box .close {
    float: right;
    width: 35px;
    height: 35px;
    background: url(../image/wel26.png) no-repeat center;
    background-size: 100%;
    margin-top: 2px;
    opacity: 1;
}

.search-box form {
    width: 76%;
    height: 40px;
    line-height: 40px;
    position: relative;
    border: 1px solid rgba(255, 255, 255, .2);
}

.search-box form .text {
    font-size: 12px;
    color: #fff;
    border: none;
    background: none;
    padding: 0 28px 0 18px;
    width: 100%;
    height: 40px;
    color: #fff;
    line-height: 40px;
}

.search-box form .submit {
    width: 14px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 14px;
    margin-top: -15px;
    background: url(../image/wel25.png) no-repeat center;
    border: none;
}

.search-box form .text::-webkit-input-placeholder {
    color: #fff;
}

.search-box form .text:-moz-placeholder {
    color: #fff;
}

.search-box form .text::-moz-placeholder {
    color: #fff;
}

.search-box form .text:-ms-input-placeholder {
    color: #fff;
}


/*.clickPhone:hover .myPhone{
    opacity: 1;
    transition: transform 500ms, opacity 500ms 100ms, left 0s 0s;
}*/

.nas>li .more {
    position: absolute;
    top: 55px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 7px 0 21px;
    z-index: 100;
    display: none;
    border-top: 3px solid #c01b2c;
    padding-top: 30px;
}

.nas>li .more a {
    display: block;
    color: #333;
    text-align: center;
    font-size: 14px;
    height: 41px;
    line-height: 41px;
    transition: all 0.3s linear 0s;
}

.nas>li .more a:hover {
    color: #c01b2c;
}

.banner {
    width: 100%;
}

.banner img {
    width: 100%;
}

.banner .bannerswiperpagination span.swiper-pagination-bullet-active {
    background: #246ec4;
}

.you_a {
    max-width: 1460px;
    margin: auto;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.6);
    position: relative;
    padding: 35px 0;
    text-align: center;
    margin-top: -110px;
    z-index: 10;
    padding-bottom: 20px;
}

.you_a div {
    display: inline-block;
    background: #fff;
    width: 70%;
    overflow: hidden;
    height: 40px;
    border-radius: 4px;
}

.you_a div img {
    float: left;
    margin-left: 1%;
    margin-top: 7px;
    margin-right: 7%;
}

.you_a div input {
    display: block;
    float: left;
    width: 29%;
    height: 34px;
    border: 0;
    border-left: 1px solid #ccc;
    padding-left: 19px;
    margin-top: 4px;
    outline: none;
}

.you_a button {
    display: inline-block;
    background: #246ec4;
    height: 40px;
    color: #fff;
    border: 0;
    border-radius: 5px;
    width: 10%;
    position: relative;
    top: -15px;
    margin-left: 1%;
}

.you_b {
    width: 100%;
    background: #f8f8f8;
    overflow: hidden;
}

.you_bs {
    max-width: 1460px;
    margin: auto;
    overflow: hidden;
    padding: 0 10px;
    line-height: 93px;
}

.you_bsleft {
    float: left;
    font-size: 15px;
}

.you_bsleft span {
    color: #5e5e5e;
}

.you_bsleft a {
    color: #5e5e5e;
}

.you_bsRight {
    float: right;
}

.you_bsRight a {
    color: #5e5e5e;
    font-size: 15px;
}

.allTop {
    max-width: 1460px;
    margin: 40px auto;
    overflow: hidden;
    padding: 0 10px;
}

.allTop .allTopLeft {
    float: left;
}

.allTop .allTopLeft label {
    font-size: 24px;
}

.allTop .allTopLeft img {
    margin-right: 20px;
    margin-left: 20px;
}

.allTop .allTopLeft span {
    font-size: 16px;
    color: #5e5e5e;
}

.allTop .allTopLeft div {
    color: #aaaaaa;
    text-transform: uppercase;
}

.allTop .allTopRight {
    float: right;
    line-height: 59px;
    font-size: 16px;
    color: #5e5e5e;
}

.allTop .allTopRight label {
    margin: 0;
}

.allTop .allTopRight span {
    font-weight: 400;
}

.you_cnav {
    text-align: center;
    margin-bottom: 40px;
}

.you_cnav a {
    background: #f8f8f8;
    font-size: 15px;
    color: #246ec4;
    display: inline-block;
    padding: 10px 27px;
    transition: all 0.3s;
    margin: 0 3px;
}

.you_cnav a:hover {
    background: #c01b2c;
    color: #fff;
}

.you_c {
    max-width: 1460px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    margin-bottom: 40px;
}

.you_cimg_a {
    float: left;
    width: 58%;
}

.you_cimg_b {
    float: left;
    width: 42%;
}

.you_ctext {
    width: 70%;
    position: absolute;
    right: 10px;
    bottom: 19px;
    background: rgba(63, 57, 117, 0.6);
    padding: 26px 20px;
    color: #fff;
}

.you_ctext label {
    font-size: 18px;
}

.you_ctext div {
    line-height: 29px;
}

.you_ctext a {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #3f3975;
    color: #fff;
    padding: 6px 14px;
}

body .you_cswiper {
    max-width: 1460px;
}

body .you_cswiper a {
    display: block;
    border: 1px solid #dddddd;
}

body .you_cswiper a div {
    overflow: hidden;
}

body .you_cswiper a div img {
    width: 100%;
    transition: all 0.3s;
}

body .you_cswiper a span {
    display: block;
    font-size: 15px;
    text-align: center;
    color: #5e5e5e;
    line-height: 45px;
    border-top: 1px solid #dddddd;
    transition: all 0.3s
}

body .you_cswiper a:hover span {
    color: #246ec4;
}

body .you_cswiper a:hover div img {
    transform: scale(1.1);
}

body .you_dswiper {
    max-width: 1460px;
    margin-bottom: 40px;
}

body .you_dswiper .you_dswipernext {
    width: 71px;
    height: 29px;
    background: url(../image/11.png)center 0 no-repeat;
    bottom: 2%;
    top: auto;
    right: 0;
}

body .you_dswiper .you_dswiperprev {
    width: 71px;
    height: 29px;
    background: url(../image/12.png)center 0 no-repeat;
    bottom: 2%;
    top: auto;
    right: 7%;
    left: auto;
}

.you_d_a {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 1%;
}

.you_d_aLeft {
    float: left;
    width: 72%;
    position: relative;
    overflow: hidden;
}

.you_d_aLefttext {
    position: absolute;
    left: 0;
    background: #f8f8f8;
    height: 100%;
    width: 62.8%;
}

.you_d_aLefttexts {
    display: table;
    height: 100%;
    width: 100%;
}

.you_d_aLefttexts div {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.you_d_aLefttexts label {
    display: block;
    font-size: 25px;
    color: #333333;
    font-weight: 400;
    background: url(../image/8.png)center 0 no-repeat;
    background-position: center;
}

.you_d_aLefttexts span {
    color: #a7a7a8;
}

.you_d_aLeft img {
    float: right;
    width: 37.2%;
}

.you_d_aRight {
    float: right;
    width: 26.8%;
}

.you_d_aRight img {}

.you_d_b {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 1%;
}

.you_d_bLeft {
    float: left;
    width: 72%;
    position: relative;
    overflow: hidden;
}

.you_d_btext {
    position: absolute;
    right: 0;
    background: #246ec4;
    height: 100%;
    width: 37.2%;
}

.you_d_btexts {
    display: table;
    height: 100%;
    width: 100%;
}

.you_d_btexts div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    color: #fff;
}

.you_d_btexts div label {
    display: block;
    font-size: 24px;
}

.you_d_btexts div span {
    font-size: 12px;
}

.you_d_btexts div i {
    height: 3px;
    display: block;
    background: #a4a1bc;
    width: 58px;
    margin-top: 12px;
    margin-bottom: 30px;
}

.you_d_btexts div p {
    line-height: 36px;
}

.you_d_btexts div a {
    font-size: 12px;
    color: #246ec4;
    background: #fff;
    padding: 6px 19px;
    display: inline-block;
    border-radius: 30px;
    margin-top: 52px;
}

.you_d_bLeft img {
    float: left;
    width: 62.8%;
}

.you_d_bRight {
    float: right;
    width: 26.8%;
}

.you_d_bRight img {}

.you_e {
    width: 100%;
    background: url(../image/16.png)left 0 no-repeat;
    height: 580px;
    overflow: hidden;
}

.you_es {
    max-width: 1460px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    margin-bottom: 40px;
    height: 440px;
}

.you_estext {
    padding-left: 16%;
    overflow: hidden;
}

.you_estext label {
    font-size: 24px;
    color: #333333;
}

.you_estext div {
    color: #666666;
    line-height: 33px;
    font-size: 15px;
    margin-top: 48px;
    margin-bottom: 129px;
}

.you_estext a {
    background: #246ec4;
    color: #fff;
    padding: 6px 31px;
    display: inline-block;
}

.you_esbox {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    background: #c01b2c;
    width: 49.4%;
    padding: 22px 0;
}

.you_esbox a {
    display: inline-block;
    color: #fff;
    width: 23%;
}

.you_esbox a div {
    height: 63px;
}

.you_esbox a div img {}

.you_esbox a span {}

.you_f {
    max-width: 1460px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    margin-bottom: 40px;
}

.you_fnav {
    width: 100%;
    background: #f8f8f8;
    line-height: 47px;
    overflow: hidden;
}

.you_fnav span {
    display: block;
    float: left;
    width: 130px;
    color: #333333;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
}

.you_fnav a {
    float: right;
    color: #333333;
    text-transform: uppercase;
    margin-right: 13px;
}

.you_fnav span.on {
    background: #246ec4;
    color: #fff;
}

.you_ftext {
    width: 100%;
    overflow: hidden;
}

.you_ftextbox {
    display: none;
    overflow: hidden;
}

.you_ftextbox_a {
    display: block;
    overflow: hidden;
    padding: 34px 0;
}

.you_ftextbox_aLeft {
    float: left;
    width: 15%;
}

.you_ftextbox_aLeft img {}

.you_ftextbox_aRight {
    float: right;
    width: 82%;
    overflow: hidden;
    margin-top: 1%;
}

.you_ftextbox_aRight span {
    font-size: 15px;
    color: #246ec4;
}

.you_ftextbox_aRight div {
    font-size: 12px;
    color: #666666;
    margin: 7px 0;
}

.you_ftextbox_aRight p {
    margin: 0;
    color: #666666;
    line-height: 26px;
}

.you_ftextbox_b {
    width: 100%;
    background: #f8f8f8;
    overflow: hidden;
    padding: 20px 10px;
}

.you_ftextbox_b div {
    border-bottom: 1px solid #dddddd;
    padding: 0 10px;
}

.you_ftextbox_b a {
    display: block;
    height: 58px;
    line-height: 58px;
    padding-right: 5px;
    color: #333333;
    overflow: hidden;
    padding-left: 22px;
    background: url(../image/18.png)left 0 no-repeat;
    background-position: left;
    transition: all 0.3s
}

.you_ftextbox_b a span {
    float: right;
}

.you_ftextbox_b div:hover {
    background: #246ec4;
}

.you_ftextbox_b a:hover {
    background: url(../image/20.png)left 0 no-repeat;
    background-position: left;
    color: #fff;
}

.you_ftextbox_b div:last-child {
    border: 0;
}

.bottom {
    width: 100%;
    background: #201d20;
    overflow: hidden;
    border-top: 6px solid #246ec4;
}

.bottoms {
    max-width: 1460px;
    margin: 30px auto;
    overflow: hidden;
    padding: 0 10px;
}

.bottomsLeft {
    float: left;
    overflow: hidden;
}

.bottomsLeft div {
    float: left;
}

.bottomsLeft div label {
    display: block;
    color: #DFDFDF;
    font-size: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DFDFDF;
    margin-bottom: 16px;
}

.bottomsLeft div img {}

.bottomsLeft p {
    float: left;
    color: #dfdfdf;
    margin: 0;
    line-height: 29px;
    margin-left: 29px;
    margin-top: 48px;
}

.bottomsLeft p span {
    display: block;
    font-size: 20px;
    color: #c01b2c;
    font-weight: 700;
    background: url(../image/22.png)left 0 no-repeat;
    padding-left: 31px;
    background-position: left;
    margin-bottom: 8px;
}

.bottomsRight {
    float: right;
    display: flex;
    width: 65%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bottomsRight div {
    width: 20%;
}

.bottomsRight div span {
    display: block;
    color: #DFDFDF;
    font-size: 18px;
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 14px;
    margin-bottom: 22px;
}

.bottomsRight div a {
    color: #DFDFDF;
    display: block;
    margin-bottom: 10px;
}

.allbottom {
    width: 100%;
    background: #110e11;
    line-height: 63px;
    color: #A09FA0;
    text-align: center;
}

.allbottom a {
    color: #A09FA0;
}


/**/

.topnav {
    width: 100%;
    float: left;
    height: 88px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}

.topnav .logo {
    float: left;
    width: auto;
    margin-top: 2rem;
}

.topnav .logo img {
    width: 100%;
    float: left;
}

.pz_top.on_1 .topnav {
    height: 70px;
}

.pz_top.on_1 .topnav .logo {
    margin-top: 18px;
    width: auto;
}

.pz_top.on_1 .topnav .menu,
.pz_top.on_1 .topnav .menu ul .nli,
.pz_top.on_1 .topnav .search_i {
    height: 70px;
}

.pz_top.on_1 .topnav .menu ul .nli span>a {
    height: 70px;
    line-height: 70px;
}

.pz_top.on_1 .topnav .lang,
.pz_top.on_1 .topnav .search_i .search_ico {
    margin-top: 16px;
}

.topnav .topnav_right {
    float: right;
}

.topnav .lang {
    float: right;
    width: 38px;
    height: 38px;
    margin-top: 25px;
    margin-left: 13px;
    overflow: hidden;
    border: solid 1px #b0b0b0;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.topnav .lang a {
    display: block;
    width: 38px;
    height: 38px;
    font-size: 14px;
    color: black;
    text-transform: uppercase;
    line-height: 36px;
    font-family: Arial;
}

.topnav .lang:hover,
.topnav .search_i .search_ico:hover {
    border-color: black;
}

.topnav .lang.on .a1 {
    margin-top: -38px;
}

.topnav .search_i {
    float: right;
    margin-left: 46px;
    height: 88px;
    position: relative;
    cursor: pointer;
}

.topnav .search_i .search_ico {
    width: 38px;
    height: 38px;
    margin-top: 25px;
    border: solid 1px #b0b0b0;
    background: url(../image/6.png) no-repeat center center;
    cursor: pointer;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.search .search_k {
    width: 348px;
    height: 44px;
    float: left;
    line-height: 44px;
    background: white;
    font-size: 16px;
    color: #1b62ba !important;
    padding-left: 20px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.search .search_b {
    border: 0;
    width: 50px;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../image/top8.png) no-repeat center center #000;
    background-size: contain;
    cursor: pointer;
}

.search_i .search {
    width: 400px;
    height: 50px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -5;
    padding-right: 50px;
    border: solid 3px #000;
    display: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.search_i.on .search {
    display: block;
    -webkit-animation: fadeInUp1 0.5s 0s ease both;
    -moz-animation: fadeInUp1 0.5s 0s ease both;
}

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

@-moz-keyframes fadeInUp1 {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

.menu {
    z-index: 99;
    float: right;
}

.menu>ul {
    float: left;
    width: 100%;
}

.menu ul .nli {
    float: left;
    z-index: 99;
    margin: 0 0 0 65px;
    height: 88px;
    position: relative;
}

.menu ul .nli span {
    display: block;
    width: 100%;
    float: left;
}

.menu ul .nli span a {
    display: block;
    float: left;
    height: 88px;
    line-height: 88px;
    color: black;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    border-bottom: solid 3px transparent;
}

.so span {
    display: block;
    float: left;
    width: 110px;
    height: 44px;
    border-right: 3px solid #000;
    background: url(http://unifoam.cn/image/img_1_11.png) no-repeat 88px center #fff;
    cursor: pointer;
    position: relative;
    z-index: 9999;
}

.so span input.sou_inp {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 110px;
    height: 44px;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=00);
}

.so span div {
    float: left;
    padding-left: 10px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #4c4c4c;
    position: relative;
    z-index: 9;
    width: 88px;
}

.so span ul {
    display: none;
    position: absolute;
    left: -3px;
    top: 44px;
    background: #f5f5f5;
    border: 3px solid #000;
    width: 113px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 9
}

.so span ul li {
    float: left;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #4c4c4c;
}

.so span ul li:hover {
    background: #fff;
}


/*下拉菜单（漂浮在menu .nli上）*/

.sub {
    z-index: 21;
    position: absolute;
    width: 180px;
    left: 50%;
    margin-left: -90px;
    top: 100%;
    display: none;
    text-align: center;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.sub .l2 {
    width: 100%;
    position: relative;
}

.sub .l2 .l2_a {
    display: block;
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 44px;
    color: #fff;
    overflow: hidden;
    position: relative;
    padding: 0 8px;
    background: rgba(0, 0, 0, 0.6);
}

.sub .l2:hover .l2_a {
    background: #7e9ac6;
}

.sub .l2 .l3_ul {
    width: 180px;
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    padding-left: 1px;
}

.sub .l2 .l3_ul .l3 {
    width: 100%;
    position: relative;
}

.sub .l2 .l3_ul .l3 .l3_a {
    display: block;
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 44px;
    color: #fff;
    overflow: hidden;
    position: relative;
    padding: 0 8px;
    background: rgba(0, 0, 0, 0.6);
}

.sub .l2 .l3_ul .l3:hover .l3_a {
    background: #f7680f;
}

.sub .l2:hover .l3_ul {
    display: block;
    -webkit-animation: fadeInUp1 0.5s 0s ease both;
    -moz-animation: fadeInUp1 0.5s 0s ease both;
}

.menu ul .nli:hover .sub {
    display: block;
    -webkit-animation: fadeInUp1 0.5s 0s ease both;
    -moz-animation: fadeInUp1 0.5s 0s ease both;
}

.menu.white {
    background-image: url(http://unifoam.cn/image/top2.png);
}

.menu ul .nli.on span a,
.menu ul .nli:hover span a {
    color: #7e9ac6;
    border-color: #7e9ac6;
}

.pf_menu {
    display: none;
}

.section .c_1570 {
    height: 100%;
    position: relative;
}

@media screen and (max-width: 1440px) {
    .menu ul .nli {
        margin: 0 0 0 35px;
    }
    .topnav .logo {
        float: left;
        width: 310px;
        margin-top: 3rem;
    }
    .pz_top.on_1 .topnav .logo {
        margin-top: 26px;
        width: 310px;
    }
}

@media screen and (max-width: 1380px) {
    .top .top_r {
        padding-left: 8px;
    }
    .top .top_r a {
        padding-left: 17px;
        padding-right: 22px;
    }
    .topnav .search_i {
        margin-left: 26px;
    }
}

@media screen and (max-width: 1280px) {
    .menu ul .nli {
        margin: 0 0 0 30px;
    }
}

@media screen and (max-width: 1199px) {
    .menu ul .nli {
        margin: 0 0 0 20px;
    }
    .topnav .logo {
        width: 296px;
    }
    .top .top_r a {
        padding-left: 7px;
        padding-right: 12px;
    }
    .menu ul .nli span a {
        font-size: 13px;
    }
}

@media screen and (max-width: 1023px) {
    .topnav {
        height: 58px;
    }
    .menu {
        display: none;
    }
    .topnav .logo {
        width: 209px;
        height: 58px;
        line-height: 58px;
        position: absolute;
        left: 16px;
        top: 0;
        margin-left: 0;
        margin-top: 0;
    }
    .pz_top.on_1 .topnav .logo {
        margin-top: 0px;
    }
    .topnav .logo img {
        float: none;
        display: inline-block;
    }
    .topnav .topnav_right {
        float: left;
    }
    .topnav .search_i {
        display: none;
    }
    .topnav .lang {
        width: 30px;
        height: 30px;
        margin-top: 14px;
        margin-left: 0;
    }
    .topnav .lang a {
        width: 30px;
        height: 30px;
        line-height: 28px;
        font-size: 12px;
    }
    .menuph {
        float: right;
        cursor: pointer;
        width: 30px;
        height: 50px;
        position: relative;
    }
    .menuph .point {
        display: block;
        width: 30px;
        height: 30px;
        margin-top: 30px;
    }
    .menuph .navbtn {
        position: absolute;
        top: 28px;
        right: 10px;
        display: inline-block;
        width: 18px;
        height: 2px;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;
        background: #000;
        z-index: 9999;
    }
    .menuph .navbtn::after,
    .menuph .navbtn::before {
        position: absolute;
        right: 0;
        display: inline-block;
        width: 18px;
        height: 2px;
        content: '';
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;
        background: #000;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
    }
    .menuph .navbtn::after {
        top: -6px;
    }
    .menuph .navbtn::before {
        top: 6px;
    }
    .menuph .point.active .navbtn {
        background: transparent;
    }
    .menuph .point.active .navbtn::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0px;
    }
    .menuph .point.active .navbtn::before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 0px;
    }
    .pz_top_index .menuph .navbtn,
    .pz_top_index .menuph .navbtn::after,
    .pz_top_index .menuph .navbtn::before {
        background: white;
    }
    .pf_menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        right: 0px;
        top: -100%;
        z-index: 11 !important;
        display: block;
        z-index: 98;
        background: #fff;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }
    .pf_menu.on_1 {
        top: 0;
    }
    .ph_menu {
        float: left;
        width: 100%;
        text-align: left;
        padding: 58px 0 0 0px;
    }
    .nav_box {
        width: 100%;
        float: left;
    }
    .ph_menu .nli {
        list-style: none;
        float: left;
        width: 100%;
        position: relative;
    }
    .ph_menu .nli span {
        float: left;
        width: 100%;
    }
    .ph_menu .nli .l1_a {
        float: left;
        width: 100%;
        color: #000;
        font-size: 14px;
        line-height: 50px;
        white-space: nowrap;
        position: relative;
        letter-spacing: 1px;
        border-bottom: dashed 1px #ccc;
        padding: 0 10px;
    }
    .ph_menu .nli svg {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 0;
        top: 5px;
        background: url(../image/top_6_h.png) no-repeat center center;
        background-size: auto 14px !important;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }
    .ph_menu .nli.on .l1_a {
        color: #00BDF7;
    }
    .ph_menu .nli.on svg {
        background-image: url(../image/top_6_h.png);
        transform: rotate(90deg);
    }
    .ph_menu .nli .l2_ul {
        display: none;
        height: auto;
        float: left;
        width: 100%;
        padding: 5px 15px;
        border-bottom: dashed 1px #ccc;
    }
    .ph_menu .nli .l2_ul .l2 {
        width: 100%;
        float: left;
        position: relative;
    }
    .ph_menu .nli .l2_ul .l2 .l2_a {
        line-height: 30px;
        font-size: 12px;
        color: #333;
        text-transform: uppercase;
        opacity: 0.6;
    }
    .ph_menu .nli .l2_ul .l2 i {
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 0;
        top: 0px;
        background: url(../image/top_6_h.png) no-repeat center center;
        background-size: auto 12px !important;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }
    .ph_menu .nli .l2_ul .l2.on .l2_a {
        opacity: 1;
    }
    .ph_menu .nli .l2_ul .l2.on i {
        background-image: url(../image/top_6_h.png);
        transform: rotate(90deg);
    }
    .ph_menu .nli .l3_ul {
        display: none;
        height: auto;
        float: left;
        width: 100%;
        padding: 5px 15px;
        border-bottom: dashed 1px #ccc;
    }
    .ph_menu .nli .l3_ul .l3 {
        width: 100%;
        float: left;
    }
    .ph_menu .nli .l3_ul .l3 .l3_a {
        line-height: 30px;
        font-size: 12px;
        color: #333;
        text-transform: uppercase;
        opacity: 0.6;
    }
    .ph_menu .searchs {
        display: block;
        float: left;
        height: 40px;
        border: solid 1px #000;
        width: 96%;
        padding: 0 0 0 0;
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        margin-top: 10px;
        z-index: 1;
        margin-left: 2%;
    }
    .ph_menu .searchs .search_k {
        height: 38px;
        line-height: 38px;
        width: 100%;
        background: white;
        font-size: 14px;
        color: #000;
        padding-left: 10px;
        font-weight: bold;
    }
    .ph_menu .searchs .search_b {
        position: absolute;
        right: -1px;
        top: 0;
        height: 38px;
        width: 40px;
        background: #000 url(../image/top8.png) no-repeat center center;
        background-size: 40px 40px;
    }
    .ph_menu .searchs .so1 span {
        position: absolute;
        left: 0;
        top: 0;
    }
    .so1 span {
        display: block;
        float: left;
        width: 110px;
        height: 38px;
        border-right: 1px solid #000;
        background: url(http://unifoam.cn/templates/image/img_1_11.png) no-repeat 88px center #fff;
        cursor: pointer;
        position: relative;
        z-index: 9999;
    }
    .so1 span input.sou_inp {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 110px;
        height: 38px;
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=00);
    }
    .so1 span div {
        float: left;
        padding-left: 10px;
        text-align: center;
        height: 38px;
        line-height: 38px;
        font-size: 14px;
        color: #4c4c4c;
        position: relative;
        z-index: 9;
        width: 88px;
    }
    .so1 span ul {
        display: none;
        position: absolute;
        left: -1px;
        top: 38px;
        background: #f5f5f5;
        border: 1px solid #000;
        width: 111px;
        height: auto;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 9
    }
    .so1 span ul li {
        float: left;
        width: 100%;
        text-align: center;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        color: #4c4c4c;
    }
    .so1 span ul li:hover {
        background: #fff;
    }
    .ph_menu .msg {
        width: 100%;
        float: left;
        margin-top: 10px;
    }
    .ph_menu .msg a {
        display: block;
        width: 100%;
        float: left;
        height: 36px;
        line-height: 36px;
        text-align: center;
        background: #073d6f;
        font-size: 14px;
        color: white;
        font-weight: bold;
        font-family: Arial;
        -moz-border-radius: 18px;
        -webkit-border-radius: 18px;
        -khtml-border-radius: 18px;
        border-radius: 18px;
    }
    .pf_menu.on {
        padding: 64px 95px 0 95px;
    }
    .pz_top_index.active {
        background: black;
    }
    .ph_menu_down {
        width: 100%;
        float: left;
        padding: 10px;
        margin-top: 10px;
    }
    .ph_menu_down li {
        width: 100%;
        float: left;
        font-size: 14px;
        color: #333;
        line-height: 28px;
    }
    .ph_menu_down li a {
        color: #333;
    }
    .ph_menu_down li a img {
        height: 20px;
        vertical-align: middle;
        margin: -3px 5px 0 0;
    }
    .ph_menu_down li a p {
        display: inline-block;
    }
}

.tablebox {
    display: table;
    vertical-align: middle;
    height: 100%;
    position: relative;
    width: 100%;
    table-layout: fixed;
}

.middlebox {
    display: table-cell;
    vertical-align: middle;
    padding-top: 88px;
}

.tit_1 {
    width: 100%;
    float: left;
    position: relative;
    font-size: 36px;
    color: #788395;
    line-height: 74px;
    font-weight: bold;
    letter-spacing: 4px;
}

@media screen and (max-width:1380px) {
    .tit_1 {
        font-size: 26px;
        line-height: 64px;
        letter-spacing: 3px;
    }
    .tit_1 h1 {
        height: 64px;
        line-height: 64px;
        font-size: 80px;
        letter-spacing: 6px;
    }
}

@media screen and (max-width:1023px) {
    .middlebox {
        padding-top: 0;
    }
    .tit_1 {
        font-size: 20px;
        line-height: 44px;
        letter-spacing: 2px;
    }
    .tit_1 h1 {
        height: 44px;
        line-height: 44px;
        font-size: 60px;
        letter-spacing: 4px
    }
    .fp-scrollable {
        overflow: visible;
    }
    .pf_menu.on_1 {
        top: 0;
    }
}

@media screen and (max-width:767px) {
    .middlebox {
        padding-top: 0;
    }
    .tit_1 {
        font-size: 16px;
        line-height: 34px;
        letter-spacing: 1px;
    }
    .tit_1 h1 {
        height: 34px;
        line-height: 34px;
        font-size: 40px;
        letter-spacing: 2px
    }
}

.pz_top {
    float: left;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 90;
    background: white;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.tit_1 h1 {
    position: absolute;
    left: 0;
    top: 0;
    height: 74px;
    line-height: 74px;
    font-size: 100px;
    color: #333;
    letter-spacing: 8px;
    text-transform: uppercase;
    opacity: 0.05;
    z-index: -1;
    margin: 0;
}

.c_1570 {
    width: 100%;
    float: left;
    padding: 0 5.3%;
}


/**/

.myhar {
    position: relative;
    border: 0;
}

.myhar .nas>li>a {
    color: #333;
}

.myhar .English a {
    color: #333333;
    border: 1px solid #ccc;
}

.listc_1570 {
    max-width: 1320px;
    padding: 0 10px;
    margin: auto;
}


/*技术支持*/

.pz_menu {
    width: 100%;
    position: relative;
    z-index: 9;
}

.listbanner {
    width: 100%;
    position: relative;
    overflow: hidden;
	padding:120px 0;

}

.listbanner.on {
    margin-top: 88px;
}

.listbanner img {
	display:none;
}

.nynav {
    width: 100%;
    float: left;
    margin-top: -47px;
    position: relative;
    background: url(../image/nygy3.png) repeat-x;
    background-size: 100% 100%;
    height: 126px;
    display: none;
}

.nynav .headline {
    width: 423px;
    height: 126px;
    position: relative;
    z-index: 5;
    background: url(../image/nygy1.png) no-repeat right center;
    float: left;
}

.nynav .headline:before {
    content: '';
    width: 500px;
    top: 0;
    height: 100%;
    background: #246ec4;
    position: absolute;
    left: -500px;
}

.nynav .headline h4 {
    margin-bottom: 0;
    width: 100%;
    margin-top: 28px;
    font-size: 36px;
    color: white;
    line-height: 35px;
    font-family: Arial;
    text-transform: uppercase;
    font-style: oblique;
    font-weight: bold;
}

.nynav .headline h3 {
    margin: 0;
    width: 100%;
    padding-left: 166px;
    position: relative;
    font-size: 30px;
    color: white;
    line-height: 36px;
}

.nynav .headline h3:before {
    content: '';
    width: 500px;
    height: 1px;
    background: white;
    position: absolute;
    left: -350px;
    top: 50%;
}

.nynav .subhead {
    float: right;
    font-size: 12px;
    color: white;
    line-height: 41px;
}

.nynav .subhead a {
    color: white;
}

.nynav .subhead a:hover {
    color: #246ec4;
}

.nynav .subhead span {
    margin: 0 9px;
}

.nynav .subhead img {
    vertical-align: middle;
    margin: -2px 4px 0 0;
    height: 13px;
}

.pz_SideLayer_box {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.pz_SideLayer {
    /*width:100%;*/
    float: right;
    height: 85px;
    /*padding-left:475px;*/
}

.pz_SideLayer li {
    list-style: none;
    float: left;
    margin-right: 2px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.pz_SideLayer li a {
    display: block;
    padding: 0 20px;
    font-size: 16px;
    color: #000000;
    line-height: 85px;
}

.pz_SideLayer li.l2,
.pz_SideLayer li.l3 {
    display: none;
}

.pz_SideLayer li.on,
.pz_SideLayer li:hover {
    margin-top: -4px;
}

.pz_SideLayer li.on a,
.pz_SideLayer li:hover a {
    color: #fff;
    background: #246ec4;
    padding-top: 4px;
    height: 89px;
}

@media screen and (max-width:1380px) {
    .nynav .headline {
        width: 323px;
    }
    .nynav .headline h4 {
        font-size: 30px;
    }
    .nynav .headline h3 {
        padding-left: 70px;
        font-size: 24px;
    }
    .nynav .headline h3:before {
        left: -450px;
    }
    .nynav .subhead span {
        margin: 0 5px;
    }
    /*.pz_SideLayer{ padding-left:350px;}*/
    .pz_SideLayer li a {
        padding: 0 15px;
        font-size: 14px;
    }
}

@media screen and (max-width:1023px) {
    .nynav {
        height: 86px;
        margin-top: -29px;
    }
    .nynav .headline {
        display: none;
    }
    .nynav .subhead {
        line-height: 29px;
    }
    .nynav .subhead span {
        margin: 0 4px;
    }
    .nynav .subhead img {
        height: 12px;
    }
    .pz_SideLayer {
        height: 57px;
        padding-left: 0px;
    }
    .pz_SideLayer li a {
        padding: 0 10px;
        display: block;
        width: 100%;
        text-align: center;
        font-size: 14px;
        line-height: 57px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .pz_SideLayer li.on,
    .pz_SideLayer li:hover {
        margin-top: -2px;
    }
    .pz_SideLayer li.on a,
    .pz_SideLayer li:hover a {
        padding-top: 2px;
        height: 59px;
    }
}

@media screen and (max-width:767px) {
    .nynav {
        height: auto;
        background-position: top center;
        margin-top: -29px;
        background-size: 100% auto;
    }
    .pz_SideLayer_box {
        position: relative;
        bottom: auto;
        left: auto;
        width: auto;
        margin: 0 0;
    }
    .pz_SideLayer_box .c_1570 {
        padding: 0;
    }
    .pz_SideLayer {
        background: #3d4047;
        height: auto;
        float: left;
        width: 100%;
    }
    .pz_SideLayer li {
        margin-right: 0px;
        width: 50%;
    }
    .pz_SideLayer li a {
        color: #fff;
        line-height: 37px;
    }
    .pz_SideLayer li.on,
    .pz_SideLayer li:hover {
        margin-top: 0px;
    }
    .pz_SideLayer li.on a,
    .pz_SideLayer li:hover a {
        height: 37px;
        padding-top: 0;
    }
    .listc_1570 {
        padding: 0 0;
    }
}

.zhaoxin {
    max-width: 1320px;
    margin: auto;
    padding: 0 10px;
    overflow: hidden;
    margin-top: 6rem;
    margin-bottom: 8rem;
}

.zhaoxintop {
    display: flex;
    width: 100%;
    background: #7F7F7F;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.zhaoxintop span {
    flex: 1;
    text-align: center;
    color: #fff;
    font-size: 24px;
    padding: 1rem 0;
}

.zhaoxins li {
    position: relative;
    margin-bottom: 2rem;
    border: #eee solid 1px;
}

.zhaoxins li .topDiv {
    height: 48px;
    position: relative;
}

.zhaoxins li .topDiv a {
    display: block;
    height: 48px;
}

.zhaoxins li.liNow .topDiv a {
    background: #246ec4;
    color: #fff;
}

.zhaoxins li.liNow .msgDiv {
    color: #fff;
}

.zhaoxins li .msgDiv {
    color: #999;
}

.zhaoxins li .msgDiv {
    color: #999;
}

.zhaoxins li .msgDiv .dd01 {
    text-align: left;
    text-indent: 50px;
    width: 248px;
}

.zhaoxins li .msgDiv dl {
    display: flex;
    overflow: hidden;
    text-decoration: none;
}

.zhaoxins li .msgDiv dd {
    height: 48px;
    float: left;
    line-height: 48px;
    font-size: 14px;
    margin: 0;
    flex: 1;
    text-align: center;
    text-decoration: none;
}


/*.zhaoxins li .msgDiv .dd02 {
    width: 256px;
}
.zhaoxins li .msgDiv .dd03 {
    width: 210px;
}
.zhaoxins li .msgDiv .dd04 {
    width: 192px;
}
.zhaoxins li .msgDiv .dd05 {
    width: 165px;
}*/

dl {
    margin-bottom: 0;
}

.clear_f {
    clear: both;
    height: 0px;
    padding: 0px;
    margin: 0px;
    display: block;
    display: inherit;
}

.zhaoxins li .zhaoxinsbox {
    display: none;
    color: #5d5d5d;
    padding: 45px 50px 60px;
    overflow: hidden;
    width: 100%;
}

.zhaoxins li h2 {
    position: relative;
    height: 30px;
    color: #246ec4;
    font-size: 14px;
}

.zhaoxins li .zhaoxinscontent {
    line-height: 24px;
    padding-bottom: 40px;
    font-size: 14px;
    color: #999;
}

.zhaoxins li .btnDiv a:hover {
    border: #246ec4 solid 1px;
    background: #246ec4;
    color: #fff;
    transition: 0.2s linear;
}

.zhaoxins li .btnDiv {
    margin-top: 1rem;
}

.zhaoxins li .btnDiv a {
    display: block;
    width: 118px;
    height: 33px;
    color: #8b8b8c;
    font-size: 14px;
    text-align: center;
    line-height: 33px;
    border: #e0e0e0 solid 1px;
}

.listabout {
    max-width: 1220px;
    padding: 0 10px;
    overflow: hidden;
    margin: 8rem auto;
}

.listaboutTop {
    text-align: center;
    overflow: hidden;
}

.listaboutTop img {}

.listaboutTop div {
    font-size: 36px;
    font-weight: 700;
    margin-top: -44px;
}

.listaboutTop i {
    display: block;
    width: 5px;
    height: 30px;
    background: #246ec4;
    margin: auto;
    margin-top: 18px;
    margin-bottom: 3rem;
}

.listaboutTop p {
    text-align: left;
    color: #666666;
    font-size: 16px;
    line-height: 38px;
    margin-bottom: 7rem;
}

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

.listabouts .listabouts_a {
    position: relative;
    width: 49%;
    overflow: hidden;
    margin-bottom: 2rem;
}

.listabouts .listabouts_a>img {
    width: 100%;
}

.listabouts .listabouts_a .listabouts_as {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: table;
}

.listabouts_asmy {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    padding-left: 3rem;
}

.listabouts .listabouts_a .listabouts_asmy img {
    float: left;
}

.listabouts .listabouts_a .listabouts_asmy div {
    float: left;
    margin-top: 1rem;
    margin-left: 2rem;
}

.listabouts .listabouts_a .listabouts_asmy label {
    font-size: 24px;
    margin-bottom: 9px;
}

.listabouts .listabouts_a .listabouts_asmy p {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
}

.listabouts_a:nth-child(2) .listabouts_asmy div {
    margin-top: 0;
}

.leinew {
    max-width: 1320px;
    padding: 0 10px;
    margin: 7rem auto;
    overflow: hidden;
}

.leinew a {
    display: block;
    background: #f5f5f5;
    overflow: hidden;
    padding: 26px 0;
    transition: all 0.3s;
    margin-bottom: 3.5rem;
}

.leinew a .leinewLeft {
    float: left;
    height: 165px;
    width: 12.5%;
    border-right: 1px solid #DCDCDC;
    text-align: center;
}

.leinew a .leinewLeft div {
    font-size: 72px;
    font-family: Arial Bold;
    color: #c2c2c2;
    font-weight: 700;
}

.leinew a .leinewLeft p {
    margin: 0;
    font-size: 20px;
    color: #333333;
    font-family: Arial Regular;
}

.leinew a .leinewCenter {
    float: left;
    overflow: hidden;
    width: 13.75%;
    margin: 0 3rem;
}

.leinew a .leinewCenter img {
    width: 100%;
    transition: all 0.3s;
}

.leinew a .leinewRight {
    float: left;
    width: 62%;
    overflow: hidden;
}

.leinew a .leinewRight div {
    font-size: 18px;
    color: #1a1a1a;
    margin-top: 3rem;
    margin-bottom: 11px;
}

.leinew a .leinewRight p {
    margin: 0;
    color: #666666;
    line-height: 27px;
}

.leinew a:last-child {
    margin-bottom: 0;
}

.leinew a:hover {
    background: #246ec4;
}

.leinew a:hover .leinewLeft {
    border-right: 1px solid #fff;
}

.leinew a:hover .leinewLeft div {
    color: #fff;
}

.leinew a:hover .leinewLeft p {
    color: #fff;
}

.leinew a:hover .leinewCenter img {
    transform: scale(1.1);
}

.leinew a:hover .leinewRight div {
    color: #fff;
}

.leinew a:hover .leinewRight p {
    color: #fff;
}

.listhonor {
    max-width: 1320px;
    overflow: hidden;
    margin: 7rem auto;
    padding: 0 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.listhonor a {
    display: block;
    margin-bottom: 3rem;
    width: 23%;
    overflow: hidden;
}

.listhonor a div {
    overflow: hidden;
}

.listhonor a div img {
    width: 100%;
    text-align: center;
    transition: all 0.3s;
}

.listhonor a span {
    display: block;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background: #f0f0f0;
    text-align: center;
    color: #505050;
    transition: all 0.3s;
}

.listhonor a:hover img {
    transform: scale(1.1);
}

.listhonor a:hover span {
    background: #246ec4;
    color: #fff;
}

.listcontact {
    max-width: 1320px;
    overflow: hidden;
    margin: auto;
    padding: 0 10px;
    margin-bottom: 9rem;
}

.listcontactTop {
    width: 100%;
    margin-top: 5rem;
    margin-bottom: 6.4rem;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.listcontactTop .listcontactTop_a {
    width: 32%;
    border: 1px solid #CCC;
    border-radius: 20px 0 20px 0;
    overflow: hidden;
    position: relative;
    padding: 30px;
    transition: all 0.3s;
    cursor: pointer;
}

.listcontactTop .listcontactTop_a div {
    font-size: 24px;
    color: #246ec4;
    font-weight: 700;
    height: 43px;
    border-bottom: 1px solid #ccc;
    position: relative;
    margin-bottom: 1.5rem;
}

.listcontactTop div span {
    width: 95px;
    height: 1px;
    background: #246ec4;
    display: block;
    bottom: -1px;
    position: absolute;
}

.listcontactTop p {
    margin: 0;
    color: #666666;
    line-height: 27px;
}

.listcontactTop a {
    color: #666666;
}

.listcontactTop img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.listcontactTop .listcontactTop_a:hover {
    background: #246ec4;
}

.listcontactTop .listcontactTop_a:hover div {
    color: #fff;
    border-bottom: 1px solid #21C4F8;
}

.listcontactTop .listcontactTop_a:hover div span {
    background: #fff;
}

.listcontactTop .listcontactTop_a:hover p {
    color: #fff;
}

.listcontactTop .listcontactTop_a:hover a {
    color: #fff;
}

.listcontactTop .listcontactTop_a.on {
    background: #246ec4;
}

.listcontactTop .listcontactTop_a.on div {
    color: #fff;
    border-bottom: 1px solid #21C4F8;
}

.listcontactTop .listcontactTop_a.on div span {
    background: #fff;
}

.listcontactTop .listcontactTop_a.on p {
    color: #fff;
}

.listcontactTop .listcontactTop_a.on a {
    color: #fff;
}

.listcontactmap {
    width: 100%;
}

.listcontactmap .listcontactmapbox {
    display: none;
    width: 100%;
    height: 814px;
}

#map1 {
    width: 100%;
    height: 100%;
}

#map2 {
    width: 100%;
    height: 100%;
}

#map3 {
    width: 100%;
    height: 100%;
}

.loginheard {
    width: 100%;
    height: 110px;
    line-height: 110px;
    overflow: hidden;
}

.loginheards {
    max-width: 1220px;
    padding: 0 10px;
    margin: auto;
    overflow: hidden;
}

.loginheards a {}

.loginheards a img {}

.loginheards span {
    font-size: 24px;
    color: #e60101;
    border-left: 1px solid #ccc;
    padding-left: 11px;
    margin-left: 11px;
}

.mylogin {
    width: 100%;
    background: url(../image/31.png)center 0 no-repeat;
    height: 870px;
    overflow: hidden;
}

.mylogins {
    max-width: 1200px;
    padding: 0 10px;
    margin: auto;
    overflow: hidden;
}

.denglu {
    margin-top: 194px;
    overflow: hidden;
    background: #fff;
    float: right;
    padding: 30px 44px;
    width: 460px;
}

.denglu_a {
    font-size: 20px;
    color: #e60101;
    margin-bottom: 20px;
}

.denglu_a img {
    margin: 0 10px;
}

.denglu_b {
    width: 100%;
    border: 1px solid #E4E4E4;
    height: 50px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 19px;
}

.denglu_b img {
    float: left;
}

.denglu_b input {
    display: block;
    float: left;
    width: 87%;
    height: 100%;
    font-size: 15px;
    outline: none;
    border: 0;
    padding-left: 13px;
}

.denglu_b input::-webkit-input-placeholder {
    color: #e2e2e2;
}

.denglu_b input::-moz-input-placeholder {
    color: #e2e2e2;
}

.denglu_b input::-ms-input-placeholder {
    color: #e2e2e2;
}

.denglu_c {
    width: 100%;
    overflow: hidden;
    margin-bottom: 27px;
}

.denglu_cLeft {
    float: left;
    border: 1px solid #E4E4E4;
    height: 48px;
    border-radius: 4px;
    overflow: hidden;
    width: 66%;
}

.denglu_cLeft div {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    float: left;
}

.denglu_cLeft div img {}

.denglu_cLeft input {
    float: left;
    width: 79%;
    height: 48px;
    border: 0;
    padding-left: 11px;
    outline: none;
}

.denglu_c>img {
    float: right;
}

.denglu_c input::-webkit-input-placeholder {
    color: #e2e2e2;
}

.denglu_c input::-moz-input-placeholder {
    color: #e2e2e2;
}

.denglu_c input::-ms-input-placeholder {
    color: #e2e2e2;
}

.denglu_d {
    width: 100%;
    overflow: hidden;
    margin-bottom: 2rem;
}

.denglu_d .denglu_dLeft {
    float: left;
}

.denglu_d .denglu_dLeft input {
    margin: 0;
    width: 15px;
    height: 15px;
    float: left;
}

.denglu_d .denglu_dLeft span {
    display: inline-block;
    float: left;
    margin-top: -3px;
    margin-left: 6px;
}

.denglu_d .denglu_dright {
    float: right;
}

.denglu_d .denglu_dright a {
    color: #333;
}

.denglu button {
    width: 100%;
    background: #e50012;
    height: 52px;
    text-align: center;
    border: 0;
    border-radius: 4px;
    color: #fff;
    font-size: 25px;
    color: #fff;
    outline: none;
}

.xiaznavs {
    transition: 0.3s linear;
    border-bottom: 2px solid rgba(0, 187, 247, 0);
    height: 79px;
}

.nas>li:hover>a .xiaznavs {
    border-bottom: 2px solid rgba(0, 187, 247, 1);
    color: #246ec4;
}

.mk_a {
    text-align: right;
    font-size: 30px;
    color: #246ec4;
    margin-right: 2rem;
    line-height: 74px;
}

.mk_a img {
    margin-top: -7px;
    margin-right: 1rem;
}

.listxiazai {
    max-width: 1320px;
    padding: 0 10px;
    margin: auto;
    overflow: hidden;
    margin-top: 5rem;
    margin-bottom: 7rem;
}

.listxiazaiLeft {
    float: left;
    min-height: 724px;
    overflow: hidden;
    width: 16%;
    background: #eeeeee;
}

.listxiazaiLeft .listxiazaiLeft_a {
    height: 52px;
    line-height: 52px;
    color: #333333;
    padding-left: 3.6rem;
    font-size: 20px;
    cursor: pointer;
}

.listxiazaiLeft .listxiazaiLeft_a img {
    margin-right: 1rem;
    margin-top: -4px;
}

.listxiazaiLeft .listxiazaiLeft_b {
    height: 48px;
    line-height: 48px;
    position: relative;
    background: url(../image/4_03.jpg)center 0;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    color: #333333;
    padding-left: 6.3rem;
    cursor: pointer;
}

.listxiazaiLeft .listxiazaiLeft_b a {
    color: #333333;
}

.listxiazaiLeft .listxiazaiLeft_b img {
    position: absolute;
    top: 50%;
    margin-top: -4.5px;
    right: 2rem;
}

.listxiazaiLeft .listxiazaiLeft_b a:hover {
    color: #246ec4;
}

.listxiazaiLeft .listxiazaiLeft_c {
    display: none;
}

.listxiazaiLeft .listxiazaiLeft_c a {
    display: block;
    height: 51px;
    background: #f8f8f8;
    font-size: 16px;
    line-height: 51px;
    border-bottom: 1px solid #EEEEEE;
    color: #666666;
    padding-left: 6.3rem;
    transition: all 0.3s;
}

.listxiazaiLeft .listxiazaiLeft_c a:hover {
    color: #246ec4;
}

.listxiazaiRight {
    float: right;
    width: 82%;
    overflow: hidden;
}

.ul_5 {
    width: 100%;
}

.ul_5 li {
    width: 100%;
    border: solid 1px #e9e9e9;
    padding: 20px 138px 17px 134px;
    position: relative;
    overflow: hidden;
    margin-bottom: 2.6rem;
}

.ul_5 li .tab {
    width: 92px;
    height: 107px;
    background: url(../image/jszz1.jpg) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    background-position: center center;
    background-size: contain;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.ul_5 li .tab .ico {
    width: 100%;
    margin-top: 29px;
    height: 36px;
}

.ul_5 li .tab .ico img {
    height: 100%;
}

.ul_5 li .tab h6 {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: white;
    line-height: 32px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ul_5 li .c_674 {
    width: 51.37%;
    float: left;
    padding-top: 0;
}

.ul_5 li .c_674 h4 {
    margin: 0;
    width: 100%;
    font-size: 16px;
    color: #333;
    line-height: 27px;
}

.ul_5 li .c_674 h5 {
    width: 100%;
    font-size: 12px;
    color: #888;
    line-height: 23px;
}

.ul_5 li .c_674 h5 img {
    vertical-align: middle;
    margin: -3px 6px 0 0;
    height: 12px;
}

.ul_5 li .c_637 {
    width: 48.63%;
    float: left;
    padding: 0 52px 0 41px;
    height: 65px;
    line-height: 65px;
    background: url(../image/jszz5.png) no-repeat left center;
}

.ul_5 li .c_637 .p {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
}

.ul_5 li .down {
    width: 153px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: url(../image/jszz6.png) no-repeat left center;
    padding-top: 29px;
}

.ul_5 li .down .ico {
    width: 100%;
    height: 24px;
    background: url(../image/jszz4.png) no-repeat center center;
    background-size: contain;
}

.ul_5 li .down h5 {
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    margin-top: 10px;
}

.ul_5 li:hover .tab {
    background-image: url(../image/jszz1_h.jpg);
}

.ul_5 li:hover .c_674 h4 {
    color: #246ec4;
}

.ul_5 li:hover .down .ico {
    background-image: url(../image/jszz4_h.png);
}

.ul_5 li:hover .down h5 {
    color: #246ec4;
}

@media screen and (max-width:1380px) {
    .ul_5 li .c_674 {
        width: 40%;
    }
    .ul_5 li .c_637 {
        width: 60%;
        padding: 0 32px 0 21px;
    }
}

@media screen and (max-width:1199px) {
    .ul_5 li {
        margin-top: 20px;
        padding: 20px 123px 20px 103px;
    }
    .ul_5 li .down {
        width: 123px;
    }
}

@media screen and (max-width:1023px) {
    .c_1570_1 {
        padding: 20px 0 40px 0;
    }
    .ul_5 li .tab {
        width: 76px;
        height: 88px;
    }
    .ul_5 li .c_674 {
        padding-top: 5px;
    }
    .ul_5 li .c_674 h4 {
        font-size: 14px;
        line-height: 23px;
    }
    .ul_5 li .c_674 h5 {
        line-height: 20px;
    }
    .ul_5 li .c_674 h5 img {
        vertical-align: middle;
        margin: -3px 6px 0 0;
        height: 12px;
    }
    .ul_5 li .c_637 {
        padding: 0 12px 0 11px;
        height: 58px;
        line-height: 58px;
    }
    .ul_5 li .c_637 .p {
        font-size: 12px;
        line-height: 22px;
        max-height: 44px;
    }
    .ul_5 li .down {
        width: 103px;
        padding-top: 20px;
    }
    .ul_5 li .down .ico {
        height: 20px;
    }
    .ul_5 li .down h5 {
        font-size: 12px;
        line-height: 18px;
        margin-top: 6px;
    }
    .ul_5 li .tab .ico {
        margin-top: 20px;
        height: 30px;
    }
    .ul_5 li .tab h6 {
        font-size: 12px;
        line-height: 28px;
    }
    .ul_5 li {
        padding: 15px 103px 15px 93px;
    }
    .ul_5 li .down {
        width: 103px;
    }
}

@media screen and (max-width:767px) {
    .c_1570_1 {
        padding: 10px 0 30px 0;
    }
    .ul_5 li .tab {
        width: 68px;
        height: 79px;
    }
    .ul_5 li .c_674 {
        width: 100%;
        padding-top: 0px;
    }
    .ul_5 li .c_674 h4 {
        line-height: 21px;
    }
    .ul_5 li .c_674 h5 {
        margin: 0;
        line-height: 18px;
    }
    .ul_5 li .c_637 {
        width: 100%;
        padding: 0;
        height: 20px;
        line-height: 0px;
        background: none;
    }
    .ul_5 li .c_637 .p {
        line-height: 20px;
        height: 18px;
    }
    .ul_5 li .down {
        width: 63px;
        padding-top: 18px;
    }
    .ul_5 li .down .ico {
        height: 18px;
    }
    .ul_5 li .down h5 {
        line-height: 16px;
        margin-top: 4px;
    }
    .ul_5 li .tab .ico {
        margin-top: 18px;
        height: 24px;
    }
    .ul_5 li .tab h6 {
        line-height: 24px;
    }
    .ul_5 li {
        padding: 10px 0 10px 76px;
        margin-top: 10px;
    }
    .ul_5 li .down {
        width: 43px;
        display: none;
    }
}

.listxiazaiRightTop {
    height: 53px;
    line-height: 53px;
    background: #eeeeee;
    overflow: hidden;
}

.listxiazaiRightTop img {
    margin-top: -4px;
    margin-left: 14px;
    margin-right: 5px;
}

.listxiazaiRightTop span {
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
}

.listxiazaiRighttime {
    width: 100%;
    min-height: 670px;
    border: 1px solid #eeeeee;
}

.listxiazaiRighttime a {
    display: block;
    height: 55px;
    line-height: 55px;
    padding: 0 19px;
    font-size: 16px;
    color: #666666;
    border-bottom: 1px dashed #ccc;
}

.listxiazaiRighttime a img {}

.listxiazaiRighttime a div {
    display: inline-block;
    margin-left: 3px;
}

.listxiazaiRighttime a span {
    float: right;
}

.listxiazaiRighttime a:hover {
    color: #246ec4;
}

.listpro {
    width: 100%;
    margin: 4rem 0;
    overflow: hidden;
}

.listpro_a {
    width: 100%;
    overflow: hidden;
}

.listpro_as {
    max-width: 1320px;
    padding: 0 10px;
    overflow: hidden;
    margin: 4rem auto;
    position: relative;
}

.listpro_aLeft {
    float: left;
    width: 50%;
    overflow: hidden;
}

.listpro_aLeft img {
    transition: all 0.3s;
    width: 100%;
    cursor: pointer;
}

.listpro_aLeft:hover img {
    transform: scale(1.1);
}

.listpro_aRight {
    position: absolute;
    right: 10px;
    width: 49.5%;
    height: 100%;
    overflow: hidden;
    text-align: right;
}

.listpro_aRights {
    width: 100%;
    height: 100%;
    display: table;
}

.listpro_aRights div {
    display: table-cell;
    vertical-align: middle;
}

.listpro_aRights span {
    font-size: 40px;
    color: #246ec4;
    line-height: 100%;
    display: block;
    margin-bottom: 26px;
}

.listpro_aRights p {
    font-size: 20px;
    color: #808080;
    min-height: 112px;
}

.listpro_aRights a {
    font-size: 16px;
    color: #246ec4;
}

.listpro_a:nth-child(2n) {
    background: #f2f2f2;
}

.listpro_a:nth-child(2n) .listpro_aLeft {
    float: right;
}

.listpro_a:nth-child(2n) .listpro_aRight {
    left: 10px;
    right: 0;
    width: 48.5%;
    text-align: left;
}


/**/

.listjiejue {
    width: 100%;
    margin: 9rem 0;
    overflow: hidden;
}

.listjiejue_a {
    width: 100%;
    overflow: hidden;
}

.listjiejue_as {
    max-width: 1320px;
    padding: 0 10px;
    overflow: hidden;
    margin: auto;
    position: relative;
}

.listjiejue_aLeft {
    float: left;
    width: 50%;
    overflow: hidden;
}

.listjiejue_aLeft img {
    transition: all 0.3s;
    width: 100%;
    cursor: pointer;
}

.listjiejue_aLeft:hover img {
    transform: scale(1.1);
}

.listjiejue_aRight {
    position: absolute;
    right: 10px;
    width: 49.33%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    background: #f2f2f2;
}

.listjiejue_aRights {
    width: 100%;
    height: 100%;
    display: table;
}

.listjiejue_aRights div {
    display: table-cell;
    vertical-align: middle;
}

.listjiejue_aRights span {
    font-size: 30px;
    color: #333333;
    line-height: 100%;
    display: block;
    margin-bottom: 20px;
}

.listjiejue_aRights a {
    font-size: 16px;
    color: #333333;
}

.listjiejue_a:nth-child(2n) {}

.listjiejue_a:nth-child(2n) .listjiejue_aLeft {
    float: right;
}

.listjiejue_a:nth-child(2n) .listjiejue_aRight {
    left: 10px;
    right: 0;
    width: 49.33%;
}

.mylistjiejuedetail {
    width: 100%;
    margin: 7.7rem 0;
    overflow: hidden;
}

.listjiejuedetail {
    max-width: 1320px;
    padding: 0 10px;
    overflow: hidden;
    margin: auto;
    position: relative;
    margin-bottom: 6rem;
}

.listjiejuedetail:last-child {
    margin-bottom: 0;
}

.listjiejuedetailLeft {
    float: left;
    overflow: hidden;
    width: 49%;
}

.listjiejuedetailLeft img {
    transition: all 0.3s;
    cursor: pointer;
    width: 100%;
}

.listjiejuedetailLeft img:hover {
    transform: scale(1.1);
}

.listjiejuedetailRight {
    width: 44.65%;
    float: right;
    overflow: hidden;
}

.listjiejuedetailRight .title {
    width: 100%;
    float: left;
    padding-bottom: 37px;
    border-bottom: dashed 1px #e5e5e5;
    padding-right: 100px;
    font-size: 40px;
    color: #333;
    line-height: 50px;
    font-weight: bold;
    margin-top: 45px;
    position: relative;
    letter-spacing: 1px;
}

.listjiejuedetailRight .title a {
    position: absolute;
    right: 0;
    top: 11px;
    font-size: 16px;
    color: #666;
    line-height: 39px;
    display: block;
    font-weight: normal;
}

.listjiejuedetailRight .title a img {
    width: 20px;
    vertical-align: middle;
    margin: -3px 0 0 9px;
}

.listjiejuedetailRight .p {
    width: 100%;
    float: left;
    padding: 33px 0 35px 0;
    border-bottom: dashed 1px #e5e5e5;
    font-size: 16px;
    color: #676767;
    line-height: 30px;
}

.listjiejuedetailRight .p strong {
    display: block;
    color: #343434;
}

.listjiejuedetailRight .mybtn {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.listjiejuedetailRight .mybtn a {
    display: block;
    float: left;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background: #246ec4;
    text-align: center;
    font-size: 18px;
    color: white;
}

.listjiejuedetailRight .mybtn a img {
    width: 30px;
    vertical-align: middle;
    margin: -3px 9px 0 0;
}

.listjiejuedetailRight .mybtn a:hover {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}

.listjiejuedetailRight .title a:hover {
    color: #246ec4;
}

@media screen and (max-width:1580px) {
    .listjiejuedetailRight .title {
        margin-top: 5px;
    }
}

@media screen and (max-width:1366px) {
    .listjiejuedetailRight .title {
        padding-bottom: 27px;
        padding-right: 90px;
        font-size: 30px;
        line-height: 40px;
    }
    .listjiejuedetailRight .title a {
        top: 6px;
        font-size: 14px;
        line-height: 30px;
    }
    .listjiejuedetailRight .p {
        padding: 23px 0 25px 0;
        font-size: 14px;
        line-height: 24px;
    }
    .listjiejuedetailRight .mybtn {
        margin-top: 30px;
    }
    .listjiejuedetailRight .mybtn a {
        width: 160px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
}

@media screen and (max-width:1023px) {
    .listjiejuedetailRight .title {
        padding-bottom: 17px;
        padding-right: 0px;
        font-size: 20px;
        line-height: 24px;
    }
    .listjiejuedetailRight .title a {
        top: auto;
        right: auto;
        position: relative;
        float: right;
        font-size: 12px;
        line-height: 24px;
    }
    .listjiejuedetailRight .p {
        padding: 13px 0 15px 0;
        line-height: 22px;
    }
    .listjiejuedetailRight .mybtn {
        margin-top: 20px;
    }
    .listjiejuedetailRight .mybtn a {
        width: 140px;
    }
    .listjiejuedetailRight .mybtn a img {
        width: 20px;
        margin: -3px 5px 0 0;
    }
}

@media screen and (max-width:767px) {
    .mylistjiejuedetail {
        margin: 3.7rem 0;
    }
    .listjiejuedetailLeft {
        width: 100%;
    }
    .listjiejuedetailRight {
        width: 100%;
        margin-top: 20px;
        float: left;
        margin-left: 0;
    }
}

.productdetail {
    max-width: 1320px;
    padding: 0 10px;
    margin: auto;
    overflow: hidden;
    margin-top: 14rem;
    margin-bottom: 7rem;
}

.productdetail_a {
    border: 1px solid #ccc;
    overflow: hidden;
    width: 100%;
}

.productdetail_aTop {
    text-align: center;
    font-size: 18px;
    color: #333333;
    font-weight: 700;
    line-height: 68px;
}

.productdetail_aTop img {
    margin-right: 7px;
}

.productdetail_acenter {
    overflow: hidden;
}

.productdetail_acenter div {
    line-height: 50px;
    background: #246ec4;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding-left: 38px;
}

.productdetail_acenter p {
    margin: 0;
    padding: 46px 38px;
    font-size: 16px;
    line-height: 39px;
    color: #666666;
}

.productdetail_b {
    overflow: hidden;
}

.productdetail_bTop {
    width: 248px;
    height: 60px;
    background: #246ec4;
    margin: auto;
    overflow: hidden;
    line-height: 60px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    margin-top: 6rem;
    margin-bottom: 4rem;
    cursor: pointer;
}

.productdetail_bs {
    width: 850px;
    margin: auto;
    overflow: hidden;
    background: #ebecec;
    overflow: hidden;
    display: none;
    font-size: 16px;
}

.productdetail_bs span {
    display: block;
    line-height: 48px;
    color: #fff;
    text-align: center;
    background: #246ec4;
    margin-bottom: 3.8rem;
}

.productdetail_bs textarea {
    width: 89%;
    margin: auto;
    display: block;
    height: 147px;
    outline: none;
    border: 1px solid #DCDCDC;
    padding-left: 10px;
    padding-top: 13px;
    margin-bottom: 5px;
}

.productdetail_bsinput {
    background: #fff;
    overflow: hidden;
    width: 89%;
    margin: auto;
    display: block;
    margin-bottom: 5px;
    border: 1px solid #DCDCDC;
    height: 45px;
}

.productdetail_bsinput div {
    float: left;
    height: 100%;
    line-height: 45px;
    width: 6%;
    text-align: center;
}

.productdetail_bsinput div img {}

.productdetail_bsinput input {
    float: left;
    width: 94%;
    height: 100%;
    border: 0;
    outline: none;
}

.productdetail_bs button {
    display: block;
    margin: auto;
    width: 121px;
    height: 36px;
    background: #246ec4;
    color: #fff;
    border: 0;
    border-radius: 4px;
    margin-top: 3rem;
    margin-bottom: 2.5rem;
}

.proshow {
    max-width: 1600px;
    margin: 0 10px;
    margin: 8rem auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    background: #f0f0f0;
}

.proshowTop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.proshowTop label {
    width: 11.7125%;
    margin: 0;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    border-right: 1px solid #fff;
    min-height: 57px;
    background: #d1d1d1;
    line-height: 57px;
    border-bottom: 1px solid #fff;
    font-size: 20px;
    color: #282828;
}

.proshow label:nth-child(1) {
    width: 6.3%;
}

.myproshow {
    width: 100%;
    overflow: hidden;
}

.myproshow a {
    display: flex;
    flex-wrap: wrap;
    color: #282828;
}

.myproshow a div {
    min-height: 109px;
    text-align: center;
    display: table;
    width: 11.7125%;
    background: #f0f0f0;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    overflow: hidden;
    padding: 15px;
    border-right: 1px solid #fff;
    transition: all 0.3s;
}

.myproshow a div span {
    display: table-cell;
    vertical-align: middle;
}

.myproshow a div:nth-child(1) {
    width: 6.3%;
}

.myproshow a:hover div {
    background: #246ec4;
    color: #fff;
}


/*.proshow .proshow_a:nth-child(1){
    width: 6.3%;
}
.proshow .proshow_a{
    width: 11.7125%;
    overflow: hidden;
    box-sizing: border-box;
    border-right: 1px solid #fff;
}
.proshow .proshow_a label{
    min-height: 57px;
    background: #d1d1d1;
    line-height: 57px;
    margin: 0;
    display: block;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #fff;
    font-size: 20px;
    color: #282828;
}
.proshow .proshow_a div{
        min-height: 109px;
    text-align: center;
    display: table;
    width: 100%;
    background: #f0f0f0;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    color: #282828;
    padding: 15px;
}
.proshow .proshow_a div span{
        display: table-cell;
    vertical-align: middle;
}*/

.page-banner {
    display: table;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    height: 270px;
}

.brand-banner {
    background: url(../image/brand-banner.jpg) no-repeat center;
    background-size: cover;
}

.page-banner .page-banner-taxt {
    display: table-cell;
    vertical-align: middle;
    color: #eee;
    text-align: center;
}

.page-banner .page-banner-taxt span {
    color: #999;
}

.text-shadow {
    text-shadow: 0 0 1px #000;
    color: #fff !important;
}

.page-banner .page-banner-taxt li {
    font-size: 36px;
    margin-bottom: 25px;
}

.brand-cat {
    padding: 100px 0 60px;
    overflow: hidden;
}

.brand-cats {
    position: relative;
    margin: 0 auto;
    max-width: 1320px;
    padding: 30px 10px;
}

.brand-cat .brand-cat-left {
    width: 50%;
    float: left;
    padding: 0 45px;
}

.brand-cat .brand-cat-left .brand-cat-l-t {
    padding: 60px 30px 50px;
    border-bottom: 1px solid #e0e0e0;
}

.brand-cat .brand-cat-left .brand-cat-l-t:before {
    left: 0;
    top: -40px;
}

.brand-cat .brand-cat-left .brand-cat-l-t:after,
.brand-cat .brand-cat-left .brand-cat-l-t:before {
    content: '"';
    display: block;
    font-size: 120px;
    color: #eaeaea;
    font-style: italic;
    position: absolute;
}

.brand-cat .brand-cat-left .brand-cat-l-t p {
    padding-bottom: 30px;
    color: #6f6f6f;
    line-height: 2rem;
    text-indent: 2rem;
}

.brand-cat .brand-cat-left .brand-cat-l-t:after {
    right: 0;
    bottom: -60px;
}

.brand-cat .brand-cat-left .brand-cat-l-b {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 30px;
}

.brand-cat .brand-cat-left .brand-cat-l-b li {
    width: 25%;
    float: left;
    text-align: center;
}

.brand-cat .brand-cat-left .brand-cat-l-b li span {
    color: #246ec4;
    font-size: 36px;
}

.brand-cat .brand-cat-left .brand-cat-l-b li p {
    margin-top: 10px;
    font-size: 14px;
    color: #999;
}

.brand-cat .brand-cat-right {
    width: 50%;
    float: left;
    padding: 0 35px;
}

.brand-cat .brand-cat-right div.jy {
    margin: 15px 0;
}

.brand-cat .brand-cat-right p {
    text-align: right;
    font-size: 14px;
    color: #999;
}

.brand-three .brand-three-t {
    padding: 30px 0;
    text-align: center;
}

.brand-three .brand-three-t li {
    font-size: 28px;
    color: #555;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 25px;
    margin-bottom: 25px;
    position: relative;
    list-style: none;
}

.brand-three .brand-three-t li:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100px;
    height: 1px;
    background: #246ec4;
    margin-left: -50px;
}

.brand-threecenter {
    position: relative;
    margin: 0 auto;
    max-width: 1320px;
    padding: 30px 10px;
}

.brand-three .brand-three-box {
    overflow: hidden;
}

.brand-three .brand-three-box .brand-three-item {
    position: relative;
    float: left;
    width: 33.333%;
    padding: 40px 0;
    text-align: center;
}

.brand-three .brand-three-box .brand-three-item img {
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
    transition: all 1s;
}

.brand-three .brand-three-box .brand-three-item li {
    margin: 25px auto;
    font-size: 24px;
    color: #5e5e5e;
}

.brand-three .brand-three-box .brand-three-item p {
    color: #6f6f6f;
}

.brand-three .brand-three-box .brand-three-item:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 100px;
    margin-top: -50px;
    background: #e1e1e1;
}

.brand-three .brand-three-box .brand-three-item:nth-last-child(1):after {
    width: 0;
}

.brand-three .brand-three-box .brand-three-item:hover img {
    transform: rotateY(180deg);
}

.brand-goodnesscenter {
    position: relative;
    margin: 0 auto;
    max-width: 1320px;
    padding: 30px 10px;
}

.brand-goodness {
    margin: 30px 0;
    padding: 85px 0;
    background: #212121;
    text-align: center;
}

.brand-goodness .brand-goodness-box {
    overflow: hidden;
}

.brand-goodness .brand-goodness-box .brand-goodness-list {
    position: relative;
    padding: 60px 0 30px;
    width: 25%;
    float: left;
}

.brand-goodness .brand-goodness-box .brand-goodness-list li {
    font-size: 36px;
    color: #246ec4;
    margin-bottom: 30px;
}

.brand-goodness .brand-goodness-box .brand-goodness-list p {
    color: #888;
}

.brand-goodness .brand-goodness-box .brand-goodness-list:after {
    content: '...';
    color: #ccc;
    font-size: 50px;
    display: block;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -40px;
}

.brand-goodness .brand-goodness-t .brand-three-t li {
    border-color: #333;
}

.brand-goodness .brand-goodness-box .brand-goodness-list:last-child:after {
    content: '...';
    color: #ccc;
    font-size: 50px;
    display: block;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -40px;
    display: none;
}

.brand-goodnesscentertext {
    position: relative;
    margin: 0 auto;
    max-width: 1320px;
    padding: 30px 10px;
    overflow: hidden;
}

.brand-ten {
    margin-bottom: 20px;
}

.brand-cat .brand-cat-left {
    width: 50%;
    float: left;
    padding: 0 45px;
}

.brand-ten .brand-goodnesscentertext .brand-cat-left {
    padding: 0;
}

.brand-cat .brand-cat-right {
    width: 50%;
    float: left;
    padding: 0 35px;
}

.brand-ten .brand-goodnesscentertext .brand-cat-right {
    padding: 20px 0 0 80px;
}

.brand-ten .brand-goodnesscentertext li {
    position: relative;
    color: #888;
    padding: 5px 0 10px 15px;
    transition: all .5s;
    cursor: pointer;
    font-size: 16px;
}

.brand-ten .brand-goodnesscentertext li:before {
    content: '.';
    display: block;
    color: #246ec4;
    position: absolute;
    top: -6px;
    left: 0;
    font-size: 20px;
}

.brand-ten .brand-goodnesscentertext li:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 0;
    left: 0;
    height: 1px;
    background: #246ec4;
    font-size: 20px;
    transition: all .5s;
}

.brand-ten .brand-goodnesscentertext li:hover:after {
    width: 100%;
}

.brand-honor .brand-honor-box {
    overflow: hidden;
    padding: 5px 0px;
    position: relative;
}

.brand-honorswiper {
    position: relative;
    margin: 0 auto;
    max-width: 1320px;
    padding: 30px 10px;
    overflow: hidden;
}

.brand-honor .brand-honor-box .brand-honor-item {
    padding: 30px 15px;
    float: left;
    text-align: center;
    transition: all .5s;
}

.brand-honor .brand-honor-box .brand-honor-item li {
    margin: 20px auto;
    color: #666;
}

.news-next,
.news-prev {
    display: inline-block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 58%;
    transition: all .5s;
    border-radius: 2px;
}

.news-next {
    right: 0;
    background: url(../image/new-right.png) no-repeat center center;
}

.news-prev {
    left: 0;
    background: url(../image/new-left.png) no-repeat center center;
}

.mycontacttop {
    text-align: center;
}

.mycontacttop label {
    display: block;
    height: 143px;
    line-height: 160px;
    margin: 0;
    font-size: 26px;
}

.mycontacttop img {}

.mycontacttops {
    max-width: 1200px;
    margin: 43px auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mycontacttops a {
    display: block;
    width: 30%;
    position: relative;
    overflow: hidden;
}

.mycontacttops a img {
    width: 100%;
}

.mycontacttops a div {
    text-align: center;
    color: #333;
    position: absolute;
    width: 100%;
    bottom: 29%;
}

.mycontacttops a label {
    font-size: 16px;
}

.mycontacttops a p {
    margin-top: 6px;
    margin-bottom: 0;
}

#allmaps {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    height: 500px;
    margin-bottom: 45px;
}

.contactliuTop {
    background: url(../image/221.png)center 0 no-repeat;
    width: 742px;
    background-position: 0;
    text-align: center;
    margin: auto;
    margin-bottom: 5rem;
    background-size: 100%;
}

.contactliuTop label {
    color: #005FBD;
    font-family: Arial Bold;
    display: block;
    font-size: 24px;
}

.contactliuTop span {
    color: #04254d;
    font-size: 23px;
}

.liuyan {
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 3rem;
}

.liuyanLeft {
    float: left;
    width: 40%;
    overflow: hidden;
}

.liuyanLeft input {
    display: block;
    width: 100%;
    height: 49px;
    padding-left: 10px;
    margin-bottom: 2rem;
    outline: none;
}

.liuyan textarea {
    display: block;
    float: right;
    width: 53%;
    height: 194px;
    padding: 7px;
    outline: none;
}

.liuyanbottom {
    float: left;
    width: 100%;
    text-align: right;
    margin-top: 1rem;
}

.liuyanbottom input {
    width: 162px;
    height: 48px;
    background: #005FBD;
    color: #fff;
    border: 0;
    font-size: 18px;
}

.listWrapper {
    padding: 40px 0 60px 0;
    overflow: hidden;
    background: #f4f4f4;
}

.grWidth {
    max-width: 1320px;
    padding: 0 10px;
    margin: auto;
}

.pTitle {
    font-size: 30px;
    font-weight: normal;
    color: #246ec4;
    margin: 0;
    margin-bottom: 20px;
}

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

.proIndex ul {
    width: 100%;
    overflow: hidden;
}

.proIndex li {
    float: left;
    width: 24.5%;
    background: #fff;
    margin: 0 0.5% 8px 0;
}

.proIndex li .pImg {
    width: 100%;
    display: block;
    overflow: hidden;
}

.proIndex li img {
    width: 100%;
    transition: all 0.5s;
}

.proIndex li .font {
    padding: 10px 15px 0 15px;
    color: #999;
    text-align: center;
    line-height: 22px;
}

.proIndex li h4 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
}

.proIndex li .font p {
    text-align: left;
}

.proIndex li:nth-child(1) {
    width: 49.5%;
}

.proIndex li:nth-child(1) img,
.proIndex li:nth-child(1) .pImg {
    width: 100%;
}

.proIndex li:nth-child(1) .font {
    padding: 10px 35px 5px 35px;
    font-size: 14px;
}

.proIndex li:nth-child(1) .font h4 {
    font-size: 18px;
    height: 35px;
}

.proIndex li:nth-child(1) .font h4 a {
    color: #333;
}

.proIndex li:nth-child(1) .font h4 a:hover {
    color: #246ec4;
}

.proIndex li:nth-child(1) .box {
    height: 90px;
    margin-bottom: 10px;
    overflow: hidden;
}

.proIndex li:nth-child(1) .btns a,
.proList li .btns a {
    display: inline-block;
    width: 90px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    background: #999;
    color: #fff;
    margin-right: 10px;
    transition: all 0.3s;
    border-radius: 3px;
    font-size: 12px;
}

.proIndex li:nth-child(1) .btns a:hover,
.proList li .btns a:hover {
    background: #246ec4;
}

.proIndex li:hover {
    box-shadow: 0 0 5px #ccc;
}

.proIndex li h4:hover {
    color: #246ec4;
}

.pTitle a {
    float: right;
    font-size: 14px;
    color: #333;
    margin-top: 10px;
}

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

.proIndex1 ul {
    width: 100%;
    overflow: hidden;
}

.proIndex1 li {
    float: left;
    width: 24.5%;
    background: #fff;
    margin: 0 0.5% 8px 0;
}

.proIndex1 li .pImg {
    width: 100%;
    display: block;
    overflow: hidden;
}

.proIndex1 li img {
    width: 100%;
    transition: all 0.5s;
}

.proIndex1 li .font {
    padding: 10px 15px 0 15px;
    color: #999;
    text-align: center;
    line-height: 22px;
}

.proIndex1 li h4 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
}

.proIndex1 li .font p {
    text-align: left;
}

.proIndex1 li:hover {
    box-shadow: 0 0 5px #ccc;
}

.proIndex1 li h4:hover {
    color: #246ec4;
}


/* 采购表单样式 */

.orderBox {
    padding: 25px;
    max-width: 1600px;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
}

.orderBox h3 {
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    font-family: "微软雅黑";
}

.orderBox .table {
    padding-top: 20px;
    overflow: hidden;
}

.orderBox .table li {
    width: 46%;
    float: left;
    height: 35px;
    margin-bottom: 10px;
}

.orderBox .table li span {
    float: left;
    border: 1px solid #ddd;
    line-height: 33px;
    height: 33px;
    width: 24%;
    display: inline-block;
    text-align: center;
    background: #f5f5f5;
}

.orderBox .table li .iptTxt {
    outline: none;
    float: right;
    width: 76%;
    border: 1px solid #ddd;
    border-left-width: 0;
    height: 33px;
    line-height: 33px;
    background: #f5f5f5;
    color: #666;
    padding-left: 10px;
}

.orderBox .table li .iptCode {
    float: left;
    width: 48%;
    border: 1px solid #ddd;
    border-left-width: 0;
    height: 33px;
    line-height: 33px;
    background: #f5f5f5;
    color: #666;
    padding-left: 10px;
    outline: none;
}

.orderBox .table li .checkcode {
    width: 63px;
    height: 36px;
    float: left;
    border: 1px solid #ddd;
    border-left-width: 0;
    background: #eee;
    margin-left: 2px;
    padding: 6px;
}

.orderBox .table li .btn {
    padding: 0;
    width: 72%;
    height: 35px;
    line-height: 35px;
    background: #333;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: none;
}

.orderBox .table li .btn:hover {
    background: #246ec4;
    color: #fff;
}

.orderBox .table li.areLi {
    width: 47%;
    float: right;
    height: 171px;
    overflow: hidden;
}

.orderBox .table li.areLi .txtContent {
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    outline: none;
    resize: none;
    padding: 15px;
    color: #666;
    line-height: 18px;
    background: #f1f1f1;
}

.sWrapper .sMain {
    background: #fff;
    overflow: hidden;
    padding: 20px;
    max-width: 1320px;
    margin-bottom: 20px;
}


/* 产品详情 */

.productshow_top {
    height: ;
    overflow: hidden;
}

.product-show-pic {
    width: 66.666667%;
    padding-left: 15px;
    padding-right: 15px;
}

.product-show-pic img {
    max-width: none;
}

.jqzoom>img {
    width: 100%;
    height: auto;
}

.jqzoom {
    float: left;
    border: none;
    position: relative;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    display: block;
}

.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
    height: 310px;
    background: #fff;
    border: 1px solid #CCC;
    display: none;
    text-align: center;
    overflow: hidden;
}

.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #fff;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}


/* 图片小图样式 */

.spec-preview {
    width: 78%;
    float: left;
}

.spec-scroll {
    width: 14%;
    overflow: hidden;
    float: right;
    margin-top: 3px;
}

.spec-scroll a.prev {
    display: block;
    width: 100%;
    height: 5px;
    background: url(../image/gotop.gif) no-repeat center top;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 10px;
}

.spec-scroll a.prev:hover {
    background: url(../image/gotop2.gif) no-repeat center top;
}

.spec-scroll a.next {
    display: block;
    width: 100%;
    height: 5px;
    background: url(../image/gobottom.gif) no-repeat center top;
    overflow: hidden;
    cursor: pointer;
    margin-top: 10px;
}

.spec-scroll a.next:hover {
    background: url(../image/gobottom2.gif) no-repeat center top;
}

.spec-scroll .items {
    width: 100%;
    height: 445px;
    overflow: hidden;
    position: relative;
}

.spec-scroll .items ul {
    position: absolute;
    width: 100%;
}

.spec-scroll .items ul li {
    width: 100%;
    height: 115px;
    text-align: center;
}

.spec-scroll .items ul li img {
    width: 100%;
    height: 90px;
    cursor: pointer;
    border: 1px solid #ececec;
}

.spec-scroll .items ul li:hover img,
.spec-scroll .items ul .on img {
    border: 1px solid #246ec4;
}


/* 产品右侧简介样式 */

.proShwo_right {
    width: 33.333333%;
    overflow: hidden;
    font-size: 14px;
}

.proShwo_right .title {
    font-size: 30px;
    color: #246ec4;
    line-height: 30px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #e5e5e5;
}

.proShwo_right .p1 {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dotted #e5e5e5;
}

.proShwo_right .font {
    height: 180px;
    overflow: hidden;
    margin-bottom: 10px;
    padding-top: 20px;
}

.proShwo_right .font strong {
    font-size: 18px;
    color: #333;
}

.proShwo_right .phone {
    background: url('../image/picon2.jpg') no-repeat left center;
    padding-left: 25px;
    margin-bottom: 25px;
    color: #5fb139;
}

.proShwo_right .phone span {
    font-size: 22px;
    font-family: Arial;
}

.proShwo_right .btn {
    padding: 0;
    display: inline-block;
    width: 130px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #5fb139;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    margin-right: 20px;
    transition: all .3s;
}

.proShwo_right .btn2 {
    background: #246ec4;
}

.proShwo_right .btn:hover {
    opacity: .8;
}

.gr-tab-list {
    overflow: hidden;
    margin-top: 40px;
}

.gr-tab-list .hd {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 16px;
}

.gr-tab-list .hd li {
    width: 150px;
    float: left;
    text-align: center;
    background: #f2f2f2;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
}

.gr-tab-list .hd li.on {
    background: #246ec4;
    color: #fff;
}

.gr-tab-list .hd li.on::before {
    position: absolute;
    content: "";
    bottom: -12px;
    left: 70px;
    border: 6px solid transparent;
    border-top-color: #246ec4;
}

.gr-tab-list .bd {
    overflow: hidden;
    padding-top: 15px;
}

.about-4 {
    height: 540px;
    background: #2f2f2f url(../image/s-about-6.jpg) no-repeat top right / auto 100%;
}

.about-4 .data-list {
    position: relative;
    margin: 0 auto;
    max-width: 1380px;
    padding: 0 10px;
    padding-top: 39px;
}

.data-list .hd.c-w {
    color: #FFF;
}

.data-list .hd {
    position: relative;
}

.data-list .hd.c-w h4 {
    font-weight: 300;
}

.data-list .hd.lg h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
}

.data-list .hd.lg h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

.data-list .tab {
    margin: 20px 0 30px;
}

.data-list .tab a {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 30px;
    color: #333;
    font-size: 14px;
    background: #f5f5f5;
}

.data-list .tab a:hover,
.data-list .tab a.active {
    color: #FFF;
    background: #333;
}

.about-4 .desc {
    width: 420px;
    font-size: 13px;
    color: #8d8d8d;
    line-height: 24px;
    padding: 40px 0;
}

.about-4-list i {
    float: left;
    color: #f07d22;
    font-size: 45px;
    margin: 0 15px;
}

.about-4-item {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    float: left;
    width: 225px;
    height: 83px;
}

.about-4-item span {
    font-size: 45px;
    color: #f07d22;
    display: inline-block;
    padding: 0 50px 0 20px;
    float: left;
    line-height: 83px;
    font-style: italic;
    background: url(../image/s-about-7.png) no-repeat 68px 9px / auto;
}

.about-4-item p {
    font-size: 13px;
    color: #FFF;
    float: left;
    margin-top: 10px;
}

.about-5-list {
    width: 1450px;
    padding-top: 40px;
}

.about-5-list a {
    display: block;
    width: 170px;
    height: 80px;
    overflow: hidden;
    float: left;
    margin: 0 10px 10px 0;
}

.about-5-list a img {
    width: 100%;
}

.listcase {
    max-width: 1320px;
    padding: 0 10px;
    margin: 7rem auto;
    overflow: hidden;
}

.new-ul-list {
    width: 100%;
    overflow: hidden;
}

.new-list-item {
    width: 24%;
    float: left;
    background: #FFF;
    display: block;
    margin-right: 1.3%;
    margin-bottom: 3.33%;
}

.new-list-item .pic {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.new-list-item .pic:before {
    content: '';
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: all .8s;
    z-index: 2;
    position: absolute;
}

.new-list-item .pic img {
    position: relative;
    width: 100%;
    transition: all .8s;
    z-index: 1;
}

.new-list-item .pic:hover img {
    transform: scale(1.1, 1.1);
}

.new-list-item .pic-info {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 0;
    width: 100%;
    z-index: 10;
    color: #FFF;
    font-size: 14px;
    text-align: center;
}

.new-list-item .pic-info p {
    padding: 5px 0;
    position: relative;
    width: 200px;
    margin: 0 auto;
    line-height: 20px;
    opacity: 0;
    transition: all .4s;
}

.new-list-item .pic-info span {
    width: 200px;
    margin: 0 auto;
    height: 1px;
    display: block;
    position: relative;
}

.new-list-item .pic-info span:before {
    content: '';
    display: block;
    right: 100px;
    background: #FFF;
    height: 1px;
    position: absolute;
    padding-left: 100px;
    transition: all .4s;
    opacity: 0;
}

.new-list-item .pic-info span:after {
    content: '';
    display: block;
    left: 100px;
    background: #FFF;
    height: 1px;
    position: absolute;
    padding-right: 100px;
    transition: all .4s;
    opacity: 0;
}

.new-list-item .pic:hover:before {
    opacity: .6;
}

.new-list-item .pic:hover span:before {
    padding-left: 20px;
    opacity: 1;
}

.new-list-item .pic:hover span:after {
    padding-right: 20px;
    opacity: 1;
}

.new-list-item .pic:hover p {
    opacity: 1;
}

.new-list-item:nth-child(4n) {
    margin-right: 0;
}

.new-list-item .info {
    padding: 15px;
    border: 1px solid #f2f2f2;
}

.new-list-item .info .title {
    font-size: 16px;
    color: #373737;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: center;
}

.new-list-item .info .desc {
    font-size: 12px;
    color: #9a9a9a;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /*height:44px;*/
    line-height: 22px;
    overflow: hidden;
    text-align: center;
}

.new-list-item .info .time {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eaeaea;
    font-family: "Microsoft YaHei";
    font-size: 12px;
    color: #9a9a9a;
    line-height: 20px;
    display: none;
}

.new-list-item .info .time span {
    float: right;
    display: inline-block;
    padding-right: 15px;
    position: relative;
    height: 20px;
    line-height: 20px;
}

.new-list-item .info .time span:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #9a9a9a;
    border-left: 2px solid #9a9a9a;
    transform: rotate(135deg);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
}

.new-list-item:hover .info .title {
    color: rgba(20, 90, 170, 0.95);
}

.new-list-item:hover .time span {
    color: rgba(20, 90, 170, 0.95);
}

.new-list-item:hover .info .time span:before {
    border-color: rgba(20, 90, 170, 0.95);
}

.xincontact {
    max-width: 1220px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 10px;
}

.p12-aboutinfo-1 {
    display: inline-block;
    width: 100%;
    background: #fff;
    margin-bottom: 38px;
    overflow: hidden;
}

.p12-aboutinfo-1 .tit {
    height: 160px;
    background: url(../image/d63899212b4c4e7d99ac9ed293b3ac9f_2.jpg)no-repeat center 91px;
    clear: both;
    text-align: center;
}

.p12-aboutinfo-1 .tit span {
    display: block;
    font-size: 28px;
    color: #000;
    padding-top: 45px;
}

.p12-aboutinfo-1 .tit em {
    font-style: normal;
    color: #999;
    text-transform: uppercase;
    font-family: "Times New Roman";
    padding-top: 18px;
    display: block;
}

.kfay {
    width: 100%;
    height: 260px;
    overflow: hidden;
    padding-top: 0px;
}

.kfay dt {
    width: 188px;
    float: left;
}

.kfay dd {
    width: 930px;
    float: right;
}

.kfay dd h4 {
    height: 59px;
    padding-top: 20px;
    font: 22px "Microsoft YaHei";
    color: #000;
    background: url(../image/836e2f7320ba461896830a024dc368af_4.jpg) no-repeat left bottom;
    margin: 0;
}

.kfay dd p {
    font: 14px "Microsoft YaHei";
    color: #333333;
    line-height: 30px;
    padding-top: 15px;
    margin: 15px 0;
}

.g-gywm {
    height: 530px;
    overflow: hidden;
    width: 100%;
}

.wm-l {
    width: 40%;
    float: left;
    color: #fff;
    height: 460px;
    overflow: hidden;
    background: #014091;
    padding: 60px 0 0 40px;
}

.wm-l h4 {
    font: 20px "Microsoft YaHei";
    line-height: 60px;
    padding-bottom: 30px;
    margin: 0;
}

.wm-l li {
    font: 16px "Microsoft YaHei";
    color: #fff;
    line-height: 40px;
}

.wm-l li b {
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}

.wm-r {
    float: left;
    width: 60%;
}

#map {
    width: 100%;
    height: 460px;
    border: 1px solid rgb(204, 204, 204);
    font-size: 12px;
}

.map-title {
    font-size: 16px;
    line-height: 24px;
}

.map-list {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    margin-top: 6px;
}

.sitemap_con {
    overflow: hidden;
}

.sitemap_con h4 {
    line-height: 30px;
    font-size: 16px;
    font-weight: 700;
}

.sitemap_con h4 a {
    color: #666;
}

.sitemap_con div {
    border-bottom: solid 1px #E0E0E0;
    overflow: hidden;
    padding-bottom: 10px;
}

.sitemap_con div a {
    color: #666;
    float: left;
    line-height: 25px;
    width: 20%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.sitemap_con h4 a:hover {
    color: #d14342;
    text-decoration: underline;
}

.sitemap_con div a:hover {
    color: #d14342;
    text-decoration: underline;
}

.listcontacts {
    width: 100%;
    overflow: hidden;
}

.listcontacts>div {
    max-width: 1210px;
    margin: 5rem auto;
    overflow: hidden;
}

.listcontacts>div>span {
    font-size: 28px;
    color: #6a6a6a;
}

.listcontacts>div>span>i {
    font-style: normal;
    font-size: 19px;
    color: #8d8c8c;
    font-family: Arial Regular;
    text-transform: uppercase;
    margin-left: 5px;
}

.listcontactsTitle {
    overflow: hidden;
    margin-top: 3rem;
}

.listcontactsTitle input {
    height: 58px;
    display: block;
    float: left;
    padding-left: 47px;
    box-sizing: border-box;
    width: 48%;
    font-size: 16px;
    margin-bottom: 2rem;
    border: 1px solid #ccc;
    outline: none;
}

.listcontactsTitle input:nth-child(1) {
    background: url(../image/122.png)left 0 no-repeat #fff;
    background-position: 11px;
}

.listcontactsTitle input:nth-child(2) {
    float: right;
    background: url(../image/123.png)left 0 no-repeat #fff;
    background-position: 17px;
}

.listcontactsTitle input:nth-child(3) {
    background: url(../image/124.png)left 0 no-repeat #fff;
    background-position: 8px;
}

.listcontactsTitle input:nth-child(4) {
    float: right;
    background: url(../image/125.png)left 0 no-repeat #fff;
    background-position: 12px;
}

.listcontactsTextarea {
    width: 100%;
    border: 1px solid #ccc;
    background: url(../image/126.png)left 0 no-repeat #fff;
    background-position: 12px 16px;
    padding-left: 47px;
    font-size: 16px;
    padding-top: 18px;
    height: 174px;
    outline: none;
}

.listcontactsubmit {
    text-align: center;
    margin-top: 3rem;
}

.listcontactsubmit input {
    background: #246ec4;
    color: #fff;
    border: 0;
    width: 260px;
    height: 50px;
    font-size: 16px;
    margin: 0 5px;
}

.listcontactsubmit input:nth-child(2) {
    background: #484848;
}
.degswiper img{
    width: 100%;
}
.recommend_pro{
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
}
.recommend_pro_title{
    width: 100%;
    text-align: left;
    padding-left: 15px;
    font-size: 24px;
    color: #333;
    font-weight: bold;
}
.recommend_pro a{
    display: block;
    width: 18%;
    float: left;
    margin-right: 2.5%;
}
.recommend_pro a img{
    width: 100%;
}
.recommend_pro a p{
    text-align: center;
}
.recommend_pro a:last-child{
    margin-right: 0;
}

.section-title3 h1 {
    float:left;
    font-weight:700;
    color: #000;
    font-size: 35px;
    text-align:left;
    padding-bottom:20px;
    line-height: 1;
    border-bottom:1px solid rgba(0,0,0,0.2);
    width:100%;
    position:relative;
    margin-bottom: 0;
    margin-top: 0;
}
.section-title3 h1:before {
    content:'';
    position:absolute;
    bottom:-5px;
    right:0;
    width:50px;
    height:4px;
    background-color: #b8b8b8;
}

.section-title3 h1 span {
    color: #b8b8b8;
}
.section-title h1 span{
    opacity:1;
}

.section-title3 h1 span a {
    color: #b8b8b8;
}

.section-title3 h1 span a:hover {
    color: #b8b8b8;
}
.works-filter{
    list-style: none;
    padding: 0;
    margin: 0 0 45px 0;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.4em;
    color: #555;
    cursor: default;
}
.works-filter a{
    display: inline-block;
    margin: 0 27px;
    color: #999;
    text-decoration: none;
    background: none;
    -webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    
    cursor: pointer;
}
.works-filter a:hover{
    color: #111;
    text-decoration: none;
    background: none;
}
.works-filter a.active{
    color: #111;
    cursor: default;
}
.works-filter a.active:hover{
    color: #111;
}

.banner_more a {
    display: block;
    width: 119px;
    height: 35px;
    line-height: 33px;
    font-size: 18px;
    color: #333;
    margin: auto;
    text-align: center;
	border:1px solid #333;
	border-radius:5px;
	background:#fff;
}
.banner_more a:hover{
	background:rgb(20, 90, 170);
	border:1px solid rgb(20, 90, 170);
	color: #fff;
}
.banner_more{
    width: 100%;
    position: absolute;
    left: 0;
    top: 65%;
}
.banner_title1{
    width: 100%;
    position: absolute;
    left: 0;
    top: 37%;
    font-size: 30px;
    text-align: center;
    color: #fff;
	text-shadow: 2px 2px #666;
}
.banner_title2{
    width: 100%;
    position: absolute;
    left: 0;
    top: 45%;
    font-size: 40px;
    text-align: center;
    color: #fff;
	font-weight:bold;
	text-shadow: 2px 2px #666;
}
@media(max-width:1320px){
	.brand-cats {
		padding-left:20px;
		padding-right:20px;
	}
}