@charset "UTF-8";
/*--公共部分--*/
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    touch-callout: none;
    cursor: pointer;
    min-width:1400px;
}
.pages ul li.thisclass {
    display: inline-block;
    border: 1px solid #e77918;
    padding: 6px 15px;
    margin: 0 1px;
    background: #e77918;
    color: #fff;
}
.pages ul li.thisclass a {
    color: #fff;
}
.pages ul li a {
    display: block;
    color: #999
}
.pages ul li a:hover {
    color: #fff;
}
body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre {
    margin: 0;
    padding: 0;
    border: 0;
    background-repeat: no-repeat;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
ul, li {
    list-style: none;
}
em, i, b {
    font-style: normal;
}
img {
    border: 0;
    max-width: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
}
article, aside, header, nav, section {
    display: block;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
    color: #333;
    outline: none;
    cursor: pointer;
}
body, button, input, select, textarea {
    font-size: 14px;
    line-height: 24px;
    color: #333;
}
a:hover {
    background-repeat: no-repeat;
    text-decoration: none;
}
a, input[type="button"], button, label, input[type="submit"] {
    cursor: pointer;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
audio, video {
    display: inline-block;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
[type="checkbox"], [type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}
input, textarea, select {
    outline: none;
}
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea {
    outline-style: none;
    -webkit-appearance: none;
    resize: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {
    *zoom: 1;
}
.clear {
    clear: both;
    line-height: 0;
    height: 0;
    font-size: 0;
}
.hide {
    display: none !important;
}
.commonweb {
    width: 1400px;
    height: auto;
    padding: 0 0;
    margin: 0 auto;
}
.commonwebbox {
    margin-left: 0;
    margin-right: 0;
}
.commonleft {
    float: none;
}
.commonright {
    float: none;
}
.visible-sm, .visible-md, .visible-lg .visible-lg2 {
    display: none;
}
.hidden-sm, .hidden-md, .hidden-lg {
    display: block;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.show {
    display: block !important;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}

body {
    /*padding-top: 60px;
    overflow-x: hidden;*/
}
@media (max-width: 1300px) {
    body {
        min-width: 1300px;
    }
}
/*@media (max-width: 320px) {*/
/*body {*/
/*min-width: 320px;*/
/*}*/
/*}*/
@media (min-width: 768px) {
    /*.commonweb {*/
    /*padding: 0 20px;*/
    /*}*/
    .commonwebbox {
        margin-left: -10px;
        margin-right: -10px;
    }
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 33.3333333%;
    }
    .col-sm-3-1 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .visible-sm {
        display: block;
    }
    .hidden-sm {
        display: none;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
}
@media (min-width: 992px) {
    /*.commonweb {*/
    /*padding: 0 40px;*/
    /*}*/
    /*.commonwebbox {*/
    /*margin-left: -10px;*/
    /*margin-right: -10px;*/
    /*}*/
    .visible-md {
        display: block;
    }
    .hidden-md {
        display: none;
    }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .commonleft {
        float: left;
    }
    .commonright {
        float: right;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
}
@media (min-width: 1200px) {
    html {
        cursor: default;
    }
    .commonleft {
        float: left;
    }
    .visible-lg2 {
        display: inline-block;
    }
    .hidden-lg {
        display: none;
    }
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
    .col-lg-12 {
        width: 100%;
    }
    .commonright {
        float: right;
    }
    .visible-lg {
        display: block;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
}
/*@media (min-width: 1260px) {*/
/*.commonweb {*/
/*!*max-width: 1200px;*!*/
/*!*padding: 0;*!*/
/*width: 1400px;*/
/*padding: 0 0;*/
/*margin: 0 auto;*/
/*}*/
/*}*/
/* layout start*/

/*.w_1200{*/
/*width: 100%;*/
/*height: 60px;*/
/*background: #ebf0f5;*/
/*position: fixed;*/
/*top:0;*/
/*left: 0;*/
/*z-index: 9999;*/
/*overflow: hidden;*/
/*min-width: 1300px;*/
/*}*/
.web-nav{
    display: block;
    height: 60px;
    background: #ebf0f5;
    width: 100%;
    top:0;
    /*position: fixed;*/
    position: relative;
    /*padding: 0 10%;*/
    z-index: 9999;
}
.web-nav-w{ width: 1400px;height: 100%;margin: 0 auto;}
.web-nav .logo{
    display: block;
    float: left;
    width: 25%;
    height: 60px;
}
.web-nav .logo a {
    display: block;
    overflow: hidden;
}
.web-nav .logo a img {
    height: 45px;
    margin-top: 6px;
}
.web-navers {
    width: 57%;
    float: left;
    display: block;
    text-align: center;
}
.web-navers dl:nth-last-of-type(1){
    padding: 0;
}
.web-navers dl {
    padding: 0 4% 0 0;
    width: auto;
    float: none;
    display: inline-block;
}
.web-navers dl div.nav_one a {
    height: 60px;
    line-height: 60px;
    display: block;
    color: #555;
    font-size: 16px;
}
.web-navers dl:hover div.nav_two{
    display: block;
}
.web-navers dl div.nav_two{
    background: #f7f7f7;
    display: none;
    overflow: hidden;
    position: absolute;
    width: 200px;
}
.web-navers dl div.nav_two a{
    display: block;
    color: #666;
    font-size: 14px;
    line-height: 2em;
    padding: 5% 0 5% 10%;
    text-align: left;
}
.web-navright {
    text-align: right;
    display: block;
    float: right;
    width: 18%;
}
.web-navright .r_nav{
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 60px;
    line-height: 60px;
    color: #999;
    margin-left: 0px;
}
.web-navright a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 60px;
    line-height: 60px;
    color: #999;
    margin-left: 8px;
}
.web-navright a:nth-of-type(1){
    margin-left: 0;
}
.web-navright a img {
    /*margin-top: 0;*/
    vertical-align: middle;
}
.web-navright a #web-r-topimg {
    position: absolute;
    top: 60px;
    display: none;
    background: #fff;
    padding: 1em;
    right: 0;
    width: 132px;
}
.web-navright a #web-r-topimg img {
    margin-top: 0;
    height: 100px;
    display: block;
}
.web-navright a:hover #web-r-topimg {
    display: block;
}
.web-navright a #web-r-topimg b {
    line-height: 1em;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    display: block;
    margin: 1em 0 0 0
}
.web-navright form {
    margin-top: 14px;
    position: relative;
    border: 0;
    background: none;
    width: auto;
    display: inline-block;
    margin-left: 1em;
}
.web-navright form .s_txt {
    font-size: 14px;
    font-weight: normal;
    color: #999;
    height: 30px;
    border: 0;
    background: #eee;
    padding-left: 0;
    line-height: 30px;
    width: 0;
    float: left;
}
.web-navright form .s_btn {
    border: 0;
    background: none;
}
.web-navers dl div.nav_one a:hover, .web-navers dl div.nav_two a:hover {
    color: #e77918;
}

/*尾部*/
body .target.in-footer{
    /*opacity: 0;*/
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transition: 200ms ease 200ms;
    -webkit-transition: 400ms ease 400ms;
}
body .action.in-footer{
    opacity: 1;
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
}
.in-footer{
    background: #333;
    padding: 3% 10% 1%;
    display: block;
    overflow: HIDDEN;
}
.in-f-left {
    display: block;
    float: left;
    width: 20%;
    border-right: 1px solid #737373;
    overflow: hidden;
}
.in-f-left #img {
    width: 100px;
    -webkit-filter: grayscale(100%);
    margin-bottom: 1em;
}
.in-f-left dl {
    margin-bottom: 1em;
    display: block;
    overflow: hidden;
}
.in-f-left dl h3 {
    display: block;
    overflow: hidden;
}
.in-f-left dl h3 img {
    margin-right: 5px;
    width: 22px;
    display: block;
    float: left;
}
.in-f-left dl h3 span {
    line-height: 1;
    display: block;
    float: left;
    font-size: 14px;
    color: #eee;
}
.in-f-left dl h4 {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #ccc;
    line-height: 2em;
    font-weight: bold;
}
.in-f-center {
    display: block;
    text-align: center;
    overflow: hidden;
    float: left;
    width: 50%;
}
.in-f-center dl {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin: 0 4%;
    overflow: hidden;
}
.in-f-center dl dt {
}
.in-f-center dl dt a {
    color: #eee;
    font-size: 17px;
    margin-bottom: 0.5em;
    display: block;
}
.in-f-center dl dd {
}
.in-f-center dl dd a {
    color: #ccc;
    font-size: 13px;
    display: block;
    line-height: 2em;
}
.in-f-right {
    border-left: 1px solid #737373;
    display: block;
    float: right;
    width: 28%;
    overflow: hidden;
    margin-bottom: 5em;
    display:none
}
.in-f-right h3 {
    text-align: right;
    display: block;
    color: #eee;
    font-size: 17px;
    margin-bottom: 1em;
}
.in-f-right h4 {
    display: block;
    overflow: hidden;
    width: 120px;
    float: right;
}
.in-f-right h4 img {
    display: block;
    width: 90px;
    float: right;
    margin-bottom: 0.2em;
}
.in-f-right h4 span {
    width: 100%;
    float: right;
    text-align: right;
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #ccc;
}
.in-f-bottom {
    display: block;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 13px;
    color: #ccc;
    border-top: 1px solid #737373;
    line-height: 2em;
}
@media (max-width: 1400px) and (min-width: 1300px) {
    .web-navers dl div.nav_one a{
        /*font-size: 14px;*/
        font-size: 16px;
    }
    .in-footer{
        padding: 3% 5% 1%;
    }
}
@media (max-width: 1300px) and (min-width: 1200px) {
    .web-navers dl div.nav_one a{
        font-size: 14px;
    }
    .in-footer{
        padding: 3% 5% 1%;
    }
}

.zdsbacktop {
    z-index: 100;
    position: fixed;
    right: 20px;
    bottom: 10%;
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    display: none;
    background: #333333 url(../images/wicon89.png) no-repeat center center;
}
@media (min-width: 1180px) {
    .zdsbacktop {
        width: 50px;
        height: 50px;
    }
}
.visible-md {
    display: block;
}

@-webkit-keyframes fadeHeaderInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes fadeHeaderInDown {
    0% {
        opacity: 0;
        -moz-transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes fadeHeaderInDown {
    0% {
        opacity: 0;
        -o-transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -o-transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeHeaderInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.headerweb {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    padding: 0 15px;
}
.header-nav ul{
    text-align: center;
}
.header-nav li {
    position: relative;
    border-bottom: 1px solid #898989; /*padding: 0 10px;*/
    display: inline-block;
}
.header-nav li h3 {
    font-size: 16px;
    position: relative;
}
.header-nav li h3 a {
    display: block;
    padding: 10px 0;
}
.header-nav li.cur .phsearchicon:after {
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    top: 13px;
}
.phsearchicon {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 45px;
    width: 80%;
}

.phsearchicon:after {
    content: "";
    position: absolute;
    top: 17px;
    right: 10px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #bebebe;
    border-top: 1px solid #bebebe;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.full-inside-subnav .channel-title::after {
    _font-size: 0;
    _line-height: 0;
    _overflow: hidden;
    width: 0;
    height: 0;
}
/*common*/
.padtb {
    padding-top: 30px;
    padding-bottom: 30px;
}
.padtbb {
    padding-bottom: 30px;
}
.nopadtb {
    padding-top: 0;
    padding-bottom: 0;
}
.font24 {
    font-size: 20px;
}
.font22 {
    font-size: 19px;
}
.font20 {
    font-size: 18px;
}
.font18 {
    font-size: 16px;
}
.font15 {
    font-size: 15px;
}
.font16 {
    font-size: 16px;
}
.font36 {
    font-size: 22px;
}
.font30 {
    font-size: 20px;
}
.alcenter {
    text-align: center;
}
.c666666 {
    color: #666666;
}
.cd82019 {
    color: #e77918;
}
.c90c42f {
    color: #90c42f;
}
.c4c4c4c {
    color: #4c4c4c;
}
.h28 {
    height: 28px;
}
.h18 {
    height: 18px;
}
.h13 {
    height: 13px;
}
.h12 {
    height: 12px;
}
.h10 {
    height: 10px;
}
.h5 {
    height: 5px;
}
@media (min-width: 1024px) {
    .font36 {
        font-size: 28px;
        line-height: 30px;
    }
    .font34 {
        font-size: 28px;
        line-height: 30px;
    }
    .font22 {
        font-size: 22px;
    }
    .font20 {
        font-size: 20px;
    }
    .font18 {
        font-size: 18px;
    }
    .font32 {
        font-size: 27px;
        line-height: 30px;
    }
    .font30 {
        font-size: 26px;
        line-height: 30px;
    }
    .font24 {
        font-size: 24px;
    }
}
@media (min-width: 1199px) {
    .font36 {
        font-size: 36px;
        line-height: 38px;
    }
    .font34 {
        font-size: 34px;
        line-height: 38px;
    }
    .font32 {
        font-size: 32px;
        line-height: 36px;
    }
    .font30 {
        font-size: 30px;
        line-height: 32px;
    }
}
.cffffff {
    color: #ffffff;
}
.c333333 {
    color: #333333;
}
.c696161 {
    color: #696161;
}
.center {
    text-align: center;
}
.fontbold {
    font-weight: bold;
}
.inside-banner {
    position: relative;
    overflow: hidden;
    width: 100%;/* 2020.5.15*/
}
.inside-banner img {
    display: block;
    width: 100%;
    height:auto !important;
    /*position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);*/
}
@media (max-width: 414px) {
    .inside-banner img {
        max-height: 120px;
    }
}

::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #e0e0e0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}

::-webkit-scrollbar-thumb {
    background-color: #aeaeae;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}
.fontfamMontser {
    font-family: Montserrat;
}
.full-inside-subnav {
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
}
.full-inside-subnav .inside-subnav {
    position: relative;
    z-index: 25;
}
.full-inside-subnav .channel-title {
    font-size: 16px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
}
.full-inside-subnav .channel-title::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 -3px 10px;
    border-width: 7px;
    border-style: solid dashed dashed dashed;
    border-color: #333 transparent transparent transparent;
}
.full-inside-subnav .subnav {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 10;
    width: 100%;
    background-color: #fff;
    padding-bottom: 20px;
    border-top: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
    font-size: 0;
    overflow: hidden;
}
.full-inside-subnav .subnav.padding {
    padding: 0 44px;
}
.full-inside-subnav .subnav .sub-btn {
    display: none;
}
.full-inside-subnav .crumb {
    display: none;
}
.common-clumb-box {
    position: relative;
}
.full-inside-subnav .subnav a {
    display: block;
    padding-left: 20px;
    font-size: 14px;
    line-height: 45px;
    border-bottom: 1px solid #ccc;
}
.full-inside-subnav .subnav a.cur {
    color: #d82019;
}
.common-clumb {
    font-size: 0;
    padding-top: 20px;
    overflow: hidden;
}
.common-clumb .clumb-box {
    width: auto;
}
.common-clumb a {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    color: #999999;
    font-size: 14px;
    text-align: center;
    padding: 5px 10px;
    width: auto;
    position: relative;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}
.common-clumb a:hover, .common-clumb a.cur {
    color: #ffffff;
}
.common-clumb a:hover:before, .common-clumb a.cur:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.common-clumb a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ea3800;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.clumb-title .en {
    color: #e77918;
    /*background: linear-gradient(to left, #e77918, #a31907, #e77918);*/
    text-transform: uppercase;
}
.clumb-title .cn {
    color: #34364b;
    padding: 0 0 4px 0;
}
.common-clumb-min {
    padding-top: 30px;
}
@media (min-width: 762px) {
    .clumb-title .cn {
        padding: 0 0 7px 0;
    }
}
@media (min-width: 1024px) {
    .full-inside-subnav {
        overflow: hidden;
    }
    .full-inside-subnav .channel-title {
        display: none;
    }
    .full-inside-subnav .subnav {
        display: block;
        position: static;
        background-color: transparent;
        padding-bottom: 0;
        border-top: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .full-inside-subnav .subnav ul {
        height: 60px;
    }
    .full-inside-subnav .subnav li {
        width: auto;
        display: inline-block;
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 100%;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        margin-right: 25px;
    }
    .full-inside-subnav .subnav li:hover a, .full-inside-subnav .subnav li.cur a {
        color: #e77918;
    }
    .full-inside-subnav .subnav li:hover a:after, .full-inside-subnav .subnav li.cur a:after {
        left: 0;
        right: 0;
        z-index: 1;
    }
    .full-inside-subnav .subnav a {
        float: left;
        display: block;
        line-height: 60px;
        border-bottom: 0;
        padding: 0;
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
        position: relative;
    }
    .full-inside-subnav .subnav a:after {
        content: "";
        height: 3px;
        position: absolute;
        bottom: 0;
        left: 51%;
        right: 51%;
        z-index: -1;
        background-color: #e77918;
        -o-transition-property: left, right;
        -moz-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-property: left, right;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-timing-function: ease-out;
    }
    .full-inside-subnav .subnav .sub-btn {
        width: 44px;
        height: 100%;
        cursor: pointer;
        z-index: 10;
        background-color: #ffffff;
        position: absolute;
        z-index: 3;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0;
    }
    .full-inside-subnav .subnav .sub-btn:before {
        display: block;
        content: "";
        width: 16px;
        height: 16px;
        border-left: 2px solid #848484;
        border-bottom: 2px solid #848484;
    }
    .full-inside-subnav .subnav .sub-btn.sub-prev {
        left: 0;
    }
    .full-inside-subnav .inside-subnav {
        width: 73%;
        float: left;
    }
    .full-inside-subnav .crumb {
        position: relative;
        float: right;
        max-width: 27%;
        padding-left: 18px;
        display: block;
        color: #737373;
        font-size: 0;
        line-height: 60px;
        border-left: 1px solid #e0e0e0;
    }
    .full-inside-subnav .crumb .inner {
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        text-align: right;
    }
    .full-inside-subnav .crumb a {
        position: relative;
        z-index: 3;
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
        color: #737373;
        font-size: 14px;
    }
    .full-inside-subnav .crumb a:nth-last-of-type(1){ display: none}
    .full-inside-subnav .crumb a:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 0;
        margin: -2px 4px 0 8px;
        border: 3px solid rgba(255, 255, 255, 0);
        border-left-color: #757575;
    }
    .full-inside-subnav .crumb a:hover {
        color: #e77918;
    }
    .full-inside-subnav .crumb span {
        position: relative;
        z-index: 3;
        font-size: 13px;
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
    }
    .full-inside-subnav .crumb .home {
        padding-left: 14px;
        vertical-align: middle;
        background: url("../images/homeico.png") no-repeat 0 center;
    }
    .common-clumb {
        padding: 12px 0 0 0;
    }
    .common-clumb a {
        padding: 6px 20px;
    }
    .common-clumb-box .sub-btn {
        width: 44px;
        height: 38px;
        cursor: pointer;
        position: absolute;
        z-index: 3;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0;
    }
    .common-clumb-box .sub-btn:before {
        display: block;
        content: "";
        width: 14px;
        height: 14px;
        border-left: 2px solid #666666;
        border-bottom: 2px solid #666666;
    }
    .common-clumb-box .sub-btn:hover:before {
        border-color: #d82019;
    }
    .common-clumb-box .sub-btn.sub-prev {
        left: 0;
    }
    .full-inside-subnav .subnav .sub-btn.sub-prev:before {
        transform: rotate(40deg);
        -webkit-transform: rotate(40deg);
        -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        -o-transform: rotate(40deg);
        margin: 22px 0 0 17px;
    }
    .full-inside-subnav .subnav .sub-btn.sub-next {
        right: 0;
    }
    .full-inside-subnav .subnav .sub-btn.sub-next:before {
        transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        margin: 22px 0 0 8px;
    }
    .common-clumb-box .sub-btn.sub-prev:before {
        transform: rotate(40deg);
        -webkit-transform: rotate(40deg);
        -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        -o-transform: rotate(40deg);
        margin: 18px 0 0 17px;
    }
    .common-clumb-box .sub-btn.sub-next {
        right: 0;
    }
    .common-clumb-box .sub-btn.sub-next:before {
        transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        margin: 18px 0 0 8px;
    }
    .common-clumb-min {
        padding-top: 40px;
    }
    .common-clumb-min .clumb-title.fl {
        max-width: 50%;
    }
    .common-clumb-min .common-clumb-box.fr {
        max-width: 50%;
    }
}
@media (min-width: 1199px) {
    .common-clumb-min {
        padding-top: 25px;
    }
}
.comloading {
    text-align: center;
    color: #868686;
}
.comloading .loadtext {
    display: block;
    color: #868686;
    opacity: 0.5;
}
.loadEffect {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 auto 15px;
}
.loadEffect span {
    display: inline-block;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #000000;
    position: absolute;
    -webkit-animation: load 1.5s ease infinite;
}
@-webkit-keyframes load {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.loadEffect span:nth-child(1) {
    left: 0;
    top: 50%;
    margin-top: -2px;
    -webkit-animation-delay: 0.13s;
}
.loadEffect span:nth-child(2) {
    left: 2px;
    top: 9px;
    -webkit-animation-delay: 0.26s;
}
.loadEffect span:nth-child(3) {
    left: 9px;
    top: 2px;
    -webkit-animation-delay: 0.39s;
}
.loadEffect span:nth-child(4) {
    left: 50%;
    top: 0;
    margin-left: -2px;
    -webkit-animation-delay: 0.52s;
}
.loadEffect span:nth-child(5) {
    right: 9px;
    top: 2px;
    -webkit-animation-delay: 0.65s;
}
.loadEffect span:nth-child(6) {
    right: 2px;
    top: 9px;
    -webkit-animation-delay: 0.78s;
}
.loadEffect span:nth-child(7) {
    right: 0;
    top: 50%;
    margin-top: -2px;
    -webkit-animation-delay: 0.91s;
}
.loadEffect span:nth-child(8) {
    bottom: 9px;
    right: 2px;
    -webkit-animation-delay: 1.04s;
}
.loadEffect span:nth-child(9) {
    bottom: 2px;
    right: 9px;
    -webkit-animation-delay: 1.17s;
}
.loadEffect span:nth-child(10) {
    bottom: 0;
    left: 50%;
    margin-left: -2px;
    -webkit-animation-delay: 1.3s;
}
.loadEffect span:nth-child(11) {
    bottom: 9px;
    left: 2px;
    -webkit-animation-delay: 1.43s;
}
.loadEffect span:nth-child(12) {
    bottom: 2px;
    left: 9px;
    -webkit-animation-delay: 1.56s;
}
/*产品中心*/
.product-list {
    padding-top: 30px;
}
.product-list ul {
    margin: 0 -5px;
    padding-bottom: 20px;
}
.product-list li {
    padding: 0 5px;
    margin: 0 0 10px 0;
}
.product-list li a {
    border: 1px solid #e3e3eb;
    display: block;
}
.product-list li img {
    display: block;
    margin: 0 auto;
}
.product-list li .pro-img {
    background-color: #eaebf5;
}
.product-list li .pro-text {
    border-top: 1px solid #e3e3eb;
    text-align: center;
    padding: 0 10px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 45px;
    color: #58596d;
}
@media (min-width: 1024px) {
    .product-list {
        padding-top: 57px;
        padding-bottom: 20px;
    }
    .product-list ul {
        padding-bottom: 30px;
    }
    .product-list li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .product-list li a {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
    }
    .product-list li .pro-img {
        overflow: hidden;
    }
    .product-list li .pro-img img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
    .product-list li .pro-text {
        font-size: 16px;
    }
    .product-list li:hover .pro-text {
        color: #d82019;
    }
    .product-list li:hover a {
        -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px);
    }
}
@media (min-width: 1199px) {
    .product-list ul {
        margin: 0 -15px;
    }
    .product-list li {
        padding: 0 15px;
        margin: 0 0 30px 0;
    }
    .product-list li .pro-text {
        line-height: 83px;
    }
}
/*产品详情*/
.product-detail .mainimg-info {
    border: 1px solid #ebebeb;
}
.product-detail .mainimg-info img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.product-detail .maintxt-info {
    padding: 20px 0 0 0;
    line-height: 24px;
}
.product-detail .maintxt-info .name {
    color: #757575;
    padding: 15px 0;
    font-size: 14px;
}
.product-detail .maintxt-info .desc {
    border-top: 1px solid #eeeeee;
    color: #929292;
    padding: 15px 0 0 0;
}
@media (min-width: 1024px) {
    .product-detail {
        padding-top: 50px;
    }
    .product-detail .mainimg-info {
        float: left;
        width: 56%;
        max-width: 557px;
    }
    .product-detail .maintxt-info {
        overflow: hidden;
        padding: 0 0 0 20px;
    }
}
@media (min-width: 1199px) {
    .product-detail {
        padding-top: 98px;
        padding-bottom: 71px;
    }
    .product-detail .maintxt-info {
        padding: 20px 20px 0 60px;
    }
    .product-detail .maintxt-info .name {
        font-size: 15px;
        line-height: 30px;
        padding: 29px 0 19px;
    }
    .product-detail .maintxt-info .desc {
        line-height: 30px;
        padding: 21px 0 0 0;
        max-width: 510px;
    }
}
.pro-datial-tab {
    color: #929292;
    padding-bottom: 25px;
}
.tab-options {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    text-align: center;
    background-color: #ffffff;
}
.tab-options a {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    position: relative;
    font-size: 16px;
    line-height: 40px;
    margin: 0 5px;
}
.tab-options a:after {
    content: "";
    height: 3px;
    position: absolute;
    bottom: -1px;
    left: 51%;
    right: 51%;
    z-index: -1;
    background-color: #e77918;
    -o-transition-property: left, right;
    -moz-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-property: left, right;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}
.tab-options a:hover:after, .tab-options a.cur:after {
    left: 0;
    right: 0;
    z-index: 1;
}
.pro-title {
    padding: 0 0 10px 0;
    color: #4c4c4c;
    font-size: 16px;
}
.pro-title img {
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.comtablemin {
    text-align: center;
}
.Features {
    border-bottom: 1px solid #e6e6e6;
}
@media (min-width: 1024px) {
    .pro-datial-tab {
        line-height: 30px;
    }
    .tab-options {
        height: 68px;
    }
    .tab-options a {
        line-height: 67px;
        margin: 0 47px;
        font-size: 20px;
    }
    .pro-title {
        font-size: 20px;
        padding: 0 0 16px 0;
    }
    .Features {
        padding-top: 71px;
        padding-bottom: 52px;
    }
    .Technical {
        padding-top: 40px;
    }
    .tab-optionsbox {
        height: 68px;
    }
}
/*相关推荐*/
.Related-minbox {
    background-color: #fafafa;
}
.Related-minbox .relat-tit {
    text-align: center;
}
.relat-solute-wrapper {
    position: relative;
}
.relat-solute-wrapper .solwrapper-min {
    overflow: hidden;
    padding: 30px 0 0 0;
}
.relat-solute-wrapper ul {
    margin: 0 -5px;
}
.relat-solute-wrapper ul.momargin {
    margin: 0;
}
.relat-solute-wrapper ul.momargin li {
    padding: 0;
}
.relat-solute-wrapper li {
    float: left;
    width: 50%;
    padding: 0 5px;
    margin: 0 0 10px 0;
}
.relat-solute-wrapper li a {
    display: block;
    border: 1px solid #e3e3eb;
}
.relat-solute-wrapper li .solut-img img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.relat-solute-wrapper li .solut-text {
    border-top: 1px solid #e3e3eb;
    text-align: center;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 45px;
    padding: 0 10px;
    background-color: #ffffff;
}
.relat-btn {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: 30px;
    -o-background-size: 30px;
    background-size: 30px;
}
.relat-btn.relat-prev {
    background-image: url(../images/prev.png);
    left: 0;
}
.relat-btn.relat-prev.swiper-button-disabled {
    display: none !important;
}
.relat-btn.relat-prev:hover {
    background-image: url(../images/prevho.png);
}
.relat-btn.relat-next {
    background-image: url(../images/next.png);
    right: 0;
}
.relat-btn.relat-next.swiper-button-disabled {
    display: none !important;
}
.relat-btn.relat-next:hover {
    background-image: url(../images/nextho.png);
}
.relat-case-wrapper {
    position: relative;
}
.relat-case-wrapper .caeslwrapper-min {
    overflow: hidden;
    padding: 30px 0 0 0;
}
.relat-case-wrapper ul.momargin {
    margin: 0;
}
.relat-case-wrapper ul.momargin li {
    padding: 0;
}
.relat-case-wrapper li {
    margin: 0 0 20px 0;
}
.relat-case-wrapper li a {
    display: block;
}
.relat-case-wrapper li .solut-img img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.relat-case-wrapper li .solut-text {
    padding: 10px;
    background-color: #ffffff;
    border-top: 2px solid #d82019;
    text-align: center;
    position: relative;
}
.relat-case-wrapper li .solut-text:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: -2px;
    background: #0c337f;
    height: 2px;
    -webkit-transition-property: right;
    -o-transition-property: right;
    -moz-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.relat-case-wrapper li .solut-text h3 {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 45px;
}
.relat-case-wrapper li .solut-text p {
    display: -webkit-box;
    height: 96px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    color: #929292;
}
.relat-case-wrapper li:hover .solut-text:before {
    right: 0;
    z-index: 2;
}
.relat-product-wrapper {
    position: relative;
}
.relat-product-wrapper .soproduct-min {
    overflow: hidden;
    padding: 30px 0 0 0;
}
.relat-product-wrapper ul {
    margin: 0 -5px;
}
.relat-product-wrapper ul.momargin {
    margin: 0;
}
.relat-product-wrapper ul.momargin li {
    padding: 0;
}
.relat-product-wrapper li {
    float: left;
    width: 50%;
    padding: 0 5px;
    margin: 0 0 10px 0;
}
.relat-product-wrapper li a {
    display: block;
    border: 1px solid #e3e3eb;
}
.relat-product-wrapper li .solut-img img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.relat-product-wrapper li .solut-text {
    border-top: 1px solid #e3e3eb;
    text-align: center;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 45px;
    padding: 0 10px;
    background-color: #ffffff;
}
@media (min-width: 768px) {
    .relat-solute-wrapper ul {
        margin: 0;
    }
    .relat-solute-wrapper li {
        float: left;
        width: 25%;
        padding: 0;
    }
    .relat-case-wrapper ul {
        margin: 0;
    }
    .relat-case-wrapper li {
        float: left;
        width: 33.33%;
        padding: 0;
    }
    .relat-product-wrapper ul {
        margin: 0;
    }
    .relat-product-wrapper li {
        float: left;
        width: 25%;
        padding: 0;
    }
}
@media (min-width: 1024px) {
    .Related-minbox {
        padding-bottom: 78px;
    }
    .relat-btn {
        width: 40px;
        height: 40px;
        -moz-background-size: 40px;
        -o-background-size: 40px;
        background-size: 40px;
    }
    .Relat-solution {
        padding-top: 53px;
    }
    .Relat-cases {
        padding-top: 76px;
    }
    .Relat-product {
        padding-top: 53px;
    }
    .relat-solute-wrapper .solwrapper-min {
        padding: 61px 0 0 0;
    }
    .relat-solute-wrapper li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .relat-solute-wrapper li a {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
    }
    .relat-solute-wrapper li .solut-img {
        overflow: hidden;
    }
    .relat-solute-wrapper li .solut-img img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
    .relat-solute-wrapper li .solut-text {
        height: 84px;
        line-height: 84px;
        font-size: 16px;
    }
    .relat-solute-wrapper li:hover .solut-text {
        color: #d82019;
    }
    .relat-solute-wrapper li:hover a {
        -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    .relat-case-wrapper .caeslwrapper-min {
        padding-top: 60px;
    }
    .relat-case-wrapper li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .relat-case-wrapper li a {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
    }
    .relat-case-wrapper li .solut-img {
        overflow: hidden;
    }
    .relat-case-wrapper li .solut-img img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
    .relat-case-wrapper li .solut-text {
        padding: 24px 30px 31px;
    }
    .relat-case-wrapper li .solut-text h3 {
        margin: 0 0 9px 0;
    }
    .relat-case-wrapper li:hover .solut-text h3 {
        color: #d82019;
    }
    .relat-product-wrapper .soproduct-min {
        padding: 61px 0 0 0;
    }
    .relat-product-wrapper li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .relat-product-wrapper li a {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
    }
    .relat-product-wrapper li .solut-img {
        overflow: hidden;
    }
    .relat-product-wrapper li .solut-img img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
    .relat-product-wrapper li .solut-text {
        height: 84px;
        line-height: 84px;
        font-size: 16px;
    }
    .relat-product-wrapper li:hover .solut-text {
        color: #d82019;
    }
    .relat-product-wrapper li:hover a {
        -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px);
    }
}
@media (min-width: 1400px) {
    .relat-btn.relat-prev {
        left: -96px;
    }
    .relat-btn.relat-next {
        right: -96px;
    }
}
/*新闻中心*/
.newscenter-list ul {
    padding: 0 0 20px 0;
}
.newscenter-list li {
    margin: 0 0 20px 0;
}
.newscenter-list li a {
    display: block;
    border: 1px solid #e3e3eb;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}
.newscenter-list li img {
    display: block;
    width: 100%;
}
.newscenter-list li .news-text {
    padding: 10px;
    border-top: 1px solid #e3e3eb;
}
.newscenter-list li .news-text .name {
    color: #58596d;
    font-size: 16px;
    display: -webkit-box;
    height: 32px;
    line-height: 32px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.newscenter-list li .news-text .desc {
    color: #b2b2b2;
    font-size: 13px;
    display: -webkit-box;
    /*height: 72px;*/
    height: 48px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 5px 0;
}
.newscenter-list li .news-text .date {
    display: block;
    color: #999999;
    font-family: Montserrat;
}
.newscenter-list li .news-img{
    height: 270px;
}
@media (max-width: 1705px) {
    .newscenter-list li .news-img{
        height: auto;
    }
}

@media (min-width: 1024px) {
    .newscenter-list {
        padding-top: 40px;
        padding-bottom: 18px;
    }
    .newscenter-list ul {
        margin: 0 -15px;
        padding-bottom: 32px;
    }
    .newscenter-list li {
        padding: 0 15px;
        margin: 0 0 30px 0;
    }
    .newscenter-list li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .newscenter-list li .news-img {
        overflow: hidden;
        /*height: auto;*/
    }
    .newscenter-list li .news-img img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
    .newscenter-list li .news-text {
        padding: 15px 15px 10px;
    }
    .newscenter-list li .news-text .name {
        font-size: 18px;
        line-height: 30px;
        /*height: 60px;*/
    }
    .newscenter-list li .news-text .desc {
        margin: 4px 0 8px;
    }
    .newscenter-list li:hover a {
        -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    .newscenter-list li:hover .news-text .name {
        color: #e77918;
    }
}
/*新闻详情*/
.news-detail-title {
    position: relative;
    border-bottom: 3px solid #f2f2f2;
    padding: 0 0 20px 0;
}
.news-detail-title:before {
    content: "";
    display: block;
    width: 30%;
    max-width: 330px;
    height: 3px;
    background-color: #e0e0e0;
    position: absolute;
    left: 0;
    bottom: -3px;
}
.news-detail-title .date {
    display: block;
    font-family: Montserrat;
    color: #666666;
    padding: 0 0 5px 0;
}
.news-detail-title #newshare {
    background: url(../images/wicon6.png) no-repeat left center;
    color: #999999;
    padding: 0 0 0 23px;
    height: 18px;
    line-height: 18px;
    margin: 15px 0 0 0;
}
.news-detail-title #newshare a {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    width: 22px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    float: none;
    margin: 0;
    padding: 0;
}
.news-detail-title #newshare a.txinlang {
    background-image: url(../images/weibo2.png);
}
.news-detail-title #newshare a.tweixin {
    background-image: url(../images/weixin2.png);
    margin-left: 2px;
}
.news-detail-title #newshare a.tQQ {
    background-image: url(../images/qq.png);
}
.news-datail-content {
    color: #808080;
    font-size: 13px;
}
.news-detail-foot dl {
    border-top: 1px solid #ebebeb;
    font-size: 14px;
    padding: 10px 0;
}
.news-detail-foot dl span {
    display: inline-block;
    line-height: 27px;
    padding: 0 10px 0 0;
}
.news-detail-foot dl a {
    color: #666666;
}
.news-detail-foot dl dd, .news-detail-foot dl dt {
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news-detail-foot dl dd:hover a, .news-detail-foot dl dt:hover a {
    color: #e77918;
}
@media (min-width: 768px) {
    .news-detail-foot dl {
        padding: 39px 0 22px;
    }
    .news-detail-foot dl dd, .news-detail-foot dl dt {
        float: left;
        width: 50%;
    }
    .news-detail-foot dl dt {
        text-align: right;
    }
}
@media (min-width: 1024px) {
    .newscenter-detail {
        padding-top: 55px;
        line-height: 30px;
    }
    .news-detail-title {
        padding: 0 0 28px 0;
    }
    .news-detail-title .date {
        padding: 0 0 9px 0;
    }
    .news-detail-title #newshare {
        position: absolute;
        right: 0;
        bottom: 33px;
        margin: 0;
    }
    .news-datail-content {
        padding-top: 47px;
    }
}
/*公司声明*/
.cstatement-list ul {
    padding-bottom: 30px;
}
.cstatement-list li {
    border-bottom: 1px solid #ebebeb;
    position: relative !important;
    top: auto !important;
}
.cstatement-list li a {
    display: block;
    padding: 15px 80px 15px 0;
    position: relative;
}
.cstatement-list li .desc {
    color: #666666;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.cstatement-list li .date {
    font-family: Montserrat;
    color: #999999;
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}
@media (min-width: 1024px) {
    .cstatement-list {
        padding-top: 44px;
        padding-bottom: 58px;
    }
    .cstatement-list ul {
        padding-bottom: 56px;
    }
    .cstatement-list li {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
    }
    .cstatement-list li:hover {
        border-bottom-color: #d82019;
    }
    .cstatement-list li:hover .desc {
        color: #d82019;
    }
    .cstatement-list li a {
        padding: 18px 100px 18px 0;
    }
}
/*交通枢纽*/
.Traffic-list {
    padding-top: 30px;
}
.Traffic-list ul {
    margin: 0 -5px;
    padding-bottom: 20px;
}
.Traffic-list li {
    padding: 0 5px;
    margin: 0 0 10px 0;
}
.Traffic-list li a {
    border: 1px solid #e3e3eb;
    display: block;
}
.Traffic-list li img {
    display: block;
    margin: 0 auto;
}
.Traffic-list li .pro-img {
    background-color: #eaebf5;
}
.Traffic-list li .pro-text {
    border-top: 1px solid #e3e3eb;
    text-align: center;
    padding: 0 10px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 45px;
    color: #58596d;
}
@media (min-width: 1024px) {
    .Traffic-list {
        padding-top: 57px;
        padding-bottom: 74px;
    }
    .Traffic-list ul {
        padding-bottom: 30px;
    }
    .Traffic-list li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .Traffic-list li a {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
    }
    .Traffic-list li .pro-img {
        overflow: hidden;
    }
    .Traffic-list li .pro-img img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
    .Traffic-list li .pro-text {
        font-size: 16px;
    }
    .Traffic-list li:hover .pro-text {
        color: #d82019;
    }
    .Traffic-list li:hover a {
        -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px);
    }
}
@media (min-width: 1199px) {
    .Traffic-list ul {
        margin: 0 -15px;
    }
    .Traffic-list li {
        padding: 0 15px;
        margin: 0 0 30px 0;
    }
    .Traffic-list li .pro-text {
        line-height: 83px;
    }
}
/*交通枢纽详情*/
.Traffic-detail {
    color: #929292;
}
@media (min-width: 1024px) {
    .Traffic-detail {
        padding-top: 58px;
        padding-bottom: 78px;
        line-height: 30px;
    }
}
/*工程案例*/
.classific-list {
    position: relative;
}
.classific-list .caeslwrapper-min {
    overflow: hidden;
    padding: 30px 0 0 0;
}
.classific-list ul {
    padding-bottom: 20px;
}
.classific-list ul.momargin {
    margin: 0;
}
.classific-list ul.momargin li {
    padding: 0;
}
.classific-list li {
    margin: 0 0 20px 0;
}
.classific-list li a {
    display: block;
}
.classific-list li .solut-img img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.classific-list li .solut-text {
    padding: 10px;
    background-color: #fafafa;
    border-top: 2px solid #d82019;
    text-align: center;
    position: relative;
}
.classific-list li .solut-text:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: -2px;
    background: #0c337f;
    height: 2px;
    -webkit-transition-property: right;
    -o-transition-property: right;
    -moz-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.classific-list li .solut-text h3 {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 45px;
}
.classific-list li .solut-text p {
    display: -webkit-box;
    height: 96px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    color: #929292;
}
.classific-list li:hover .solut-text:before {
    right: 0;
    z-index: 2;
}
@media (min-width: 768px) {
    .classific-list ul {
        padding-bottom: 35px;
        margin: 0 -15px;
    }
    .classific-list li {
        float: left;
        width: 33.33%;
        padding: 0 15px;
        margin: 0 0 30px 0;
    }
}
@media (min-width: 1024px) {
    .classific-list {
        padding-top: 41px;
        padding-bottom: 75px;
    }
    .classific-list .caeslwrapper-min {
        padding-top: 60px;
    }
    .classific-list li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .classific-list li:hover a {
        -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    .classific-list li a {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
    }
    .classific-list li .solut-img {
        overflow: hidden;
    }
    .classific-list li .solut-img img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
    .classific-list li .solut-text {
        padding: 24px 30px 31px;
    }
    .classific-list li .solut-text h3 {
        margin: 0 0 9px 0;
    }
    .classific-list li:hover .solut-text h3 {
        color: #d82019;
    }
}
/*工程案例详情*/
.classific-detail {
    color: #929292;
}
@media (min-width: 1024px) {
    .classific-detail {
        padding-top: 58px;
        padding-bottom: 78px;
        line-height: 30px;
    }
    .classific-detail h3 {
        color: #333333;
    }
}
/*联系我们*/
.Dealerbtn {
    display: inline-block;
    background: #d82019 url(../images/wicon7.png) no-repeat 20px center;
    color: #ffffff;
    padding: 10px 20px 10px 50px;
    text-align: left;
    margin: 10px 0 0;
}
@media (min-width: 1024px) {
    .Dealerbtn {
        padding: 17px 40px 17px 69px;
        font-size: 18px;
        margin: 0;
        background-position: 38px center;
    }
}
.contact-dl {
    background-color: #fcfcfc;
}
.contact-dl .thumb img {
    display: block;
    width: 100%;
}
.contact-dl .infor {
    padding: 15px;
    border: 1px solid #f2f2f2;
    color: #929292;
}
.contact-dl .infor h3 {
    color: #e77918;
    padding: 0 0 10px 0;
}
.contact-dl .infor .name {
    float: left;
    display: block;
}
.contact-dl .infor .text {
    overflow: hidden;
    display: block;
}
.contact-dl .infor a {
    color: #929292;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}
@media (min-width: 1024px) {
    .contact-minbox {
        padding-top: 52px;
    }
    .contact-dl {
        border: 1px solid #f2f2f2;
    }
    .contact-dl .thumb {
        float: left;
        width: 46.5%;
        margin: -1px 0 -1px -1px;
    }
    .contact-dl .infor {
        overflow: hidden;
        border: 0;
        padding: 3.3% 2% 0 5.8%;
        line-height: 28px;
    }
    .contact-dl .infor h3 {
        padding: 0 0 16px 0;
    }
}
@media (min-width: 1199px) {
    .contact-dl .infor {
        line-height: 36px;
    }
}
#allmap {
    width: 100%;
    height: 298px;
    margin: 31px 0 10px;
}
.BMap_Marker img {
    width: auto !important;
    max-width: none !important;
}
.BMap_shadow img, .BMap_pop img {
    max-width: none !important;
}
@media (min-width: 1024px) {
    #allmap {
        height: 437px;
        margin: 47px 0 30px 0;
    }
}
/*客户展示*/
.Customer-list ul {
    margin: 0 -5px;
    padding: 0 0 20px 0;
}
.Customer-list li {
    padding: 0 5px;
    margin: 0 0 10px 0;
}
.Customer-list li a {
    display: block;
    border: 1px solid #dbdced;
}
.Customer-list li img {
    display: block;
    width: 100%;
}
@media (min-width: 768px) {
    .Customer-list li {
        width: 20%;
    }
}
@media (min-width: 1024px) {
    .Customer-list {
        padding-top: 59px;
        padding-bottom: 43px;
    }
    .Customer-list ul {
        margin: 0 -12px;
        padding-bottom: 34px;
    }
    .Customer-list li {
        padding: 0 12px;
        margin: 0 0 24px 0;
    }
    .Customer-list li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .Customer-list li a {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
    }
    .Customer-list li:hover a {
        -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px);
        overflow: hidden;
    }
    .Customer-list li:hover a img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
}
/*经销商查询*/
.pro-screening {
    padding: 20px;
    background-color: #e3e5e6;
}
.pro-screening .select-box {
    background: #ffffff url(../images/wicon9.png) no-repeat 92% center;
    font-size: 14px;
    margin: 0 0 10px 0;
}
.pro-screening select {
    display: block;
    height: 38px;
    line-height: 38px;
    width: 100%;
    padding: 0 10px;
    cursor: pointer;
    background: none;
    color: #929292;
}
.pro-screening .input-box {
    width: 100%;
    float: left;
}
.pro-screening .input-box label {
    display: block;
    width: 100%;
    background-color: #ffffff;
    position: relative;
    padding: 0 60px 0 0;
}
.pro-screening .input-box label input {
    display: block;
    background: none;
    font-family: "Microsoft YaHei";
    font-size: 14px;
}
.pro-screening .input-box label input::-webkit-input-placeholder {
    color: #929292;
}
.pro-screening .input-box label input:-moz-placeholder {
    color: #929292;
}
.pro-screening .input-box label input::-moz-placeholder {
    color: #929292;
}
.pro-screening .input-box label input:-ms-input-placeholder {
    color: #929292;
}
.pro-screening .input-box label .inputxt {
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
}
.pro-screening .input-box label .submit {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/wicon10.png) no-repeat center center;
    width: 60px;
    height: 38px;
}
.pro-screening select::-ms-expand {
    display: none;
}
@media (min-width: 768px) {
    .pro-screening {
        padding: 20px 3% 20px 3%;
        text-align: center;
    }
    .pro-screening .select-box { /*float: left;*/
        width: 23.5%;
        margin: 0 10px 0 0;
        max-width: 236px;
        display: inline-block;
    }
    .pro-screening .select-box.input-box {
        max-width: 282px;
        float: none;
    }
}
@media (min-width: 1199px) {
    .inquiry-fliter {
        padding-top: 55px;
    }
    /*.pro-screening { padding: 20px 1% 20px 6%; }*/
    .pro-screening .select-box {
        margin: 0 20px 0 0;
    }
    .pro-screening .select-box.input-box {
        width: 25%;
        margin: 0 0 0 10px;
    }
}
.inquirydel-list li {
    margin: 0 0 20px 0;
}
.inquirydel-list li .inqui-cont {
    border: 2px solid #e3e3eb;
    padding: 20px;
    color: #929292;
}
.inquirydel-list li a {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    color: #929292;
}
.inquirydel-list li h3 {
    color: #333333;
    margin: 0 0 10px 0;
    padding: 0 0 15px 0;
    position: relative;
}
.inquirydel-list li h3:after {
    content: "";
    display: block;
    width: 27px;
    height: 3px;
    background-color: #d82019;
    position: absolute;
    left: 0;
    bottom: 0;
}
@media (min-width: 768px) {
    .inquirydel-list ul {
        margin: 0 -10px;
    }
}
@media (min-width: 1024px) {
    .inquirydel-list {
        padding-top: 34px;
        padding-bottom: 66px;
    }
    .inquirydel-list ul {
        margin: 0 -18px;
        padding-bottom: 13px;
    }
    .inquirydel-list li {
        padding: 0 18px;
        margin: 0 0 36px 0;
    }
    .inquirydel-list li:hover .inqui-cont {
        -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    .inquirydel-list li .inqui-cont {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
        padding: 31px 30px 22px;
    }
    .inquirydel-list li .inqui-cont p {
        padding: 0 0 11px 0;
    }
    .inquirydel-list li h3 {
        padding: 0 0 22px 0;
        margin: 0 0 19px 0;
    }
    .inquirydel-list li a:hover {
        color: #d82019;
    }
}
/*经销商加盟*/
.Complaintsm li {
    margin-bottom: 13px;
}
.Complaintsm label {
    display: block;
    position: relative;
}
.Complaintsm label span {
    display: block;
    margin-bottom: 5px;
    color: #4c4c4c;
    font-size: 16px;
}
.Complaintsm label em {
    color: #fb0013;
    margin-right: 2px;
}
.Complaintsm label input {
    font-family: "Microsoft YaHei";
}
.Complaintsm label .inputext {
    display: block;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dddddd;
    width: 100%;
    padding: 10px;
}
.Complaintsm label .vccode {
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
    width: 79px;
    height: 30px;
    cursor: pointer;
}
.Complaintsm label .changecode {
    display: block;
}
.Complaintsm label textarea {
    display: block;
    width: 100%;
    border: 1px solid #dddddd;
    padding: 10px 20px;
    height: 190px;
    font-family: "Microsoft YaHei";
}
.Complaintsm label .submit {
    display: block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    background-color: #d82019;
    margin: 0 auto;
}
.Complaintsm .licode .inputext {
    width: 70%;
}
@media (min-width: 768px) {
    .Complaintsm li {
        margin-bottom: 34px;
    }
    .Complaintsm label span {
        float: left;
        width: 85px;
        font-size: 16px;
        margin-right: 20px;
        margin-bottom: 0;
        height: 57px;
        line-height: 57px;
        text-align: right;
    }
    .Complaintsm label .inputext {
        height: 56px;
        line-height: 56px;
        float: left;
        width: 280px;
    }
    .Complaintsm label .vccode {
        top: 50%;
        margin-top: -15px;
    }
}
@media (min-width: 1024px) {
    .Dealerjoining {
        padding-top: 62px;
        padding-bottom: 61px;
    }
    .Complaintsm {
        max-width: 1155px;
        margin: 0 auto;
    }
    .Complaintsm li {
        float: left;
        width: 50%;
        max-width: 385px;
    }
    .Complaintsm li:nth-child(odd) {
        margin-right: 60px;
    }
    .Complaintsm .litextarea {
        margin-top: -7px;
    }
    .Complaintsm .litextarea, .Complaintsm .lisubmit {
        width: 100%;
        max-width: 100%;
    }
    .Complaintsm .licode .inputext {
        max-width: 183px;
    }
    .Complaintsm label textarea {
        float: left;
        width: 88%;
        max-width: 730px;
    }
    .Complaintsm label .inputext .vccode {
        width: 280px;
        height: 40px;
        float: left;
    }
    .Complaintsm label .submit {
        width: 300px;
        height: 52px;
        line-height: 52px;
        font-size: 18px;
    }
}
@media (min-width: 1199px) {
    .Complaintsm {
        background: url(../images/wicon11.png) no-repeat 0 0;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        padding: 56px 70px;
    }
    .Complaintsm li {
        margin-bottom: 50px;
    }
}
@media (min-width: 1260px) {
    .Complaintsm {
        padding: 70px 70px 88px;
    }
}
/*服务承诺*/
.Pledge-min {
    background: url(../images/wicon12.png) no-repeat 100% 30px;
    color: #929292;
}
@media (min-width: 1024px) {
    /*.Pledetext {*/
    /*padding-right: 16%;*/
    /*}*/
    .Pledge-min {
        padding-top: 20px;
        padding-bottom: 52px;
        background-position: 100% 49px;
    }
    .Pledge-min h4 {
        line-height: 30px;
    }
}
/*下载中心*/
.Download-list ul {
    padding-bottom: 20px;
}
.Download-list li {
    border: 1px solid #e6e6e6;
    position: relative;
    padding: 10px 80px 10px 15px;
    margin: 0 0 15px 0;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
    position: relative !important;
    top: auto !important;
}
.Download-list li .down-text {
    display: block;
    display: -webkit-box;
    height: 48px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #666666;
}
.Download-list li .down-btn {
    display: block;
    width: 68px;
    height: 100%;
    background: #f2f2f2 url(../images/wicon13.png) no-repeat center center;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}
.Download-list li:hover {
    border-color: #d82019;
    background-color: #d82019;
}
.Download-list li:hover .down-text {
    color: #ffffff;
}
.Download-list li:hover .down-btn {
    background-color: #e31a13;
    background-image: url(../images/wicon13ho.png);
}
@media (min-width: 768px) {
    .Download-list li {
        padding: 32px 80px 32px 15px;
        margin: 0 0 22px 0;
    }
    .Download-list li .down-text {
        font-size: 16px;
        display: block;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        height: 24px;
        line-height: 24px;
    }
    .Download-list li .down-btn {
        width: 90px;
        height: 90px;
        top: -1px;
        right: -1px;
    }
}
@media (min-width: 1024px) {
    .Download-list {
        padding-top: 56px;
        padding-bottom: 32px;
    }
    .Download-list ul {
        padding-bottom: 45px;
    }
    .Download-list li {
        padding: 32px 180px 32px 56px;
    }
}
/*常见问题*/
.Problem-list ul {
    padding-bottom: 20px;
}
.Problem-list li {
    margin: 0 0 15px 0;
    position: relative !important;
    top: auto !important;
}
.Problem-list li .prob-title {
    position: relative;
    padding: 20px 60px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #e6e6e6;
    color: #666666;
}
.Problem-list li .prob-title:before, .Problem-list li .prob-title:after {
    content: "";
    display: block;
    width: 60px;
    position: absolute;
    top: -1px;
    bottom: -1px;
    background-position: center center;
    background-repeat: no-repeat;
}
.Problem-list li .prob-title:before {
    left: 0;
    background-image: url(../images/wicon14.png);
    -moz-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
}
.Problem-list li .prob-title:after {
    right: -1px;
    background-color: #f2f2f2;
    background-image: url(../images/wicon16.png);
}
.Problem-list li .prob-title span {
    display: block;
}
.Problem-list li.cur .prob-title {
    color: #ffffff;
    background-color: #e77918;
    border-color: #e77918;
}
.Problem-list li.cur .prob-title:before {
    background-image: url(../images/wicon14ho.png);
}
.Problem-list li.cur .prob-title:after {
    background: #e77918 url(../images/wicon16ho.png) no-repeat center center;
}
.Problem-list .prob-cont {
    background: #fafafa;
    padding: 22px 20px 35px 60px;
    font-size: 13px;
    line-height: 24px;
    position: relative;
    display: none;
    color: #929292;
}
.Problem-list .prob-cont:before {
    content: "";
    display: block;
    background: url(../images/wicon15.png) no-repeat;
    width: 18px;
    height: 24px;
    position: absolute;
    left: 20px;
    top: 28px;
}
@media (min-width: 1024px) {
    .Problem-list {
        padding-top: 57px;
        padding-bottom: 10px;
    }
    .Problem-list ul {
        padding-bottom: 40px;
    }
    .Problem-list li {
        margin: 0 0 22px 0;
    }
    .Problem-list li .prob-title {
        font-size: 16px;
        padding: 32px 90px 32px 100px;
    }
    .Problem-list li .prob-title:before {
        width: 97px;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto;
        left: 6px;
    }
    .Problem-list li .prob-title:after {
        width: 90px;
    }
    .Problem-list .prob-cont {
        font-size: 14px;
        padding-top: 29px;
        padding-left: 92px;
        padding-bottom: 38px;
    }
    .Problem-list .prob-cont:before {
        left: 47px;
    }
}
/*维保服务*/
.Mainserv-dl .serv-thumb {
    position: relative;
    padding: 0 0 0 20px;
}
.Mainserv-dl .serv-thumb img {
    display: block;
    width: 100%;
}
.Mainserv-dl .serv-thumb:before {
    content: "";
    display: block;
    width: 95%;
    height: 100%;
    z-index: -1;
    background: url(../images/wicon17.png) no-repeat 0 0;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 20px;
    bottom: -20px;
}
.Mainserv-dl .serv-infor {
    padding: 40px 0 0 0;
    color: #929292;
}
@media (min-width: 1024px) {
    .Mainservice {
        padding-bottom: 82px;
    }
    .Mainserv-dl {
        padding: 28px 0;
    }
    .Mainserv-dl .serv-thumb {
        float: right;
        width: 50%;
        max-width: 592px;
        padding: 0 0 0 28px;
    }
    .Mainserv-dl .serv-thumb:before {
        top: 28px;
        bottom: -28px;
    }
    .Mainserv-dl .serv-infor {
        overflow: hidden;
        padding: 23px 30px 0 0;
    }
    .Mainserv-dl .serv-infor p {
        margin: 0 0 12px 0;
    }
}
/*投诉维修*/
.Comprepair li {
    margin-bottom: 13px;
}
.Comprepair label {
    display: block;
    position: relative;
}
.Comprepair label span {
    display: block;
    margin-bottom: 5px;
    color: #4c4c4c;
    font-size: 16px;
}
.Comprepair label em {
    color: #fb0013;
    margin-right: 2px;
}
.Comprepair label input {
    font-family: "Microsoft YaHei";
}
.Comprepair label .inputext {
    display: block;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dddddd;
    width: 100%;
    padding: 10px;
}
.Comprepair label .vccode {
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
    width: 79px;
    height: 30px;
    cursor: pointer;
}
.Comprepair label .changecode {
    display: block;
}
.Comprepair label textarea {
    display: block;
    width: 100%;
    border: 1px solid #dddddd;
    padding: 10px 20px;
    height: 190px;
    font-family: "Microsoft YaHei";
}
.Comprepair label .submit {
    display: block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    background-color: #e77918;
    /*background: linear-gradient(to right, #1e519b, #4895cc, #1e519b);*/
    margin: 0 auto;
}
.Comprepair .licode .inputext {
    width: 70%;
}
@media (min-width: 768px) {
    .Comprepair li {
        margin-bottom: 34px;
    }
    .Comprepair label span {
        float: left;
        width: 92px;
        font-size: 16px;
        margin-right: 20px;
        margin-bottom: 0;
        height: 57px;
        line-height: 57px;
        text-align: right;
    }
    .Comprepair label .inputext {
        height: 56px;
        line-height: 56px;
        float: left;
        width: 380px;
    }
    .Comprepair label .vccode {
        top: 50%;
        margin-top: -15px;
    }
}
@media (min-width: 1024px) {
    .Comprepairform {
        padding-top: 62px;
        padding-bottom: 97px;
    }
    .Comprepair {
        max-width: 1200px;
        margin: 0 auto;
    }
    .Comprepair li {
        float: left;
        width: 50%;
        max-width: 500px;
    }
    .Comprepair li:nth-child(odd) {
        margin-right: 60px;
    }
    .Comprepair .litextarea {
        margin-top: -7px;
    }
    .Comprepair .litextarea, .Comprepair .lisubmit {
        width: 100%;
        max-width: 100%;
    }
    .Comprepair .licode .inputext {
        max-width: 183px;
    }
    .Comprepair label textarea {
        float: left;
        width: 90%;
        max-width: 940px;
    }
    .Comprepair label .inputext .vccode {
        width: 280px;
        height: 40px;
        float: left;
    }
    .Comprepair label .submit {
        width: 300px;
        height: 52px;
        line-height: 52px;
        font-size: 18px;
    }
}
@media (min-width: 1199px) {
    .Comprepair {
        background: url(../images/wicon18.png) no-repeat 0 0;
        background-size: 100% 100%;
        /*-moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;*/
        padding: 56px 47px 56px 70px;
    }
    .Comprepair li {
        margin-bottom: 50px;
    }
}
@media (min-width: 1260px) {
    .Comprepair {
        padding: 70px 70px 30px 47px;
    }
}
/*我要参观红门*/
.Cvisitrepair li {
    margin-bottom: 13px;
}
.Cvisitrepair label {
    display: block;
    position: relative;
}
.Cvisitrepair label span {
    display: block;
    margin-bottom: 5px;
    color: #4c4c4c;
    font-size: 16px;
}
.Cvisitrepair label em {
    color: #fb0013;
    margin-right: 2px;
}
.Cvisitrepair label input {
    font-family: "Microsoft YaHei";
}
.Cvisitrepair label .inputext {
    display: block;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dddddd;
    width: 100%;
    padding: 10px;
}
.Cvisitrepair label .vccode {
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
    width: 79px;
    height: 30px;
    cursor: pointer;
}
.Cvisitrepair label .changecode {
    display: block;
}
.Cvisitrepair label textarea {
    display: block;
    width: 100%;
    border: 1px solid #dddddd;
    padding: 10px 20px;
    height: 190px;
    font-family: "Microsoft YaHei";
}
.Cvisitrepair label .submit, .Cvisitrepair label .reset {
    display: inline-block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    margin: 0 auto;
    cursor: pointer;
}
.Cvisitrepair label .submit {
    background-color: #d82019;
}
.Cvisitrepair label .reset {
    background-color: #aeaeae;
}
.Cvisitrepair .licode .inputext {
    width: 70%;
}
.Cvisitrepair .lisubmit {
    text-align: center;
}
.Cvisitrepair .liselect {
    background: none;
    padding: 0;
}
.Cvisitrepair .liselect .select-box {
    background: #ffffff url(../images/wicon20.png) no-repeat 92% center;
    font-size: 14px;
    margin: 0 0 10px 0;
    border: 1px solid #dddddd;
}
.Cvisitrepair .liselect .select-box:last-child {
    margin-right: 0;
}
.Cvisitrepair .liselect select {
    display: block;
    height: 38px;
    line-height: 38px;
    width: 100%;
    padding: 0 10px;
    cursor: pointer;
    background: none;
    color: #929292;
}
.Cvisitrepair .liselect select::-ms-expand {
    display: none;
}
@media (min-width: 768px) {
    .Cvisitrepair li {
        margin-bottom: 34px;
    }
    .Cvisitrepair label span {
        float: left;
        width: 140px;
        font-size: 16px;
        margin-right: 20px;
        margin-bottom: 0;
        height: 57px;
        line-height: 57px;
        text-align: right;
    }
    .Cvisitrepair label .inputext {
        height: 56px;
        line-height: 56px;
        float: left;
        width: 300px;
    }
    .Cvisitrepair label .vccode {
        top: 50%;
        margin-top: -15px;
    }
    .Cvisitrepair .liselect .select-box {
        float: left;
        width: 40%;
        margin: 0 10px 0 0;
        max-width: 145px;
    }
    .Cvisitrepair .liselect .select-box select {
        height: 57px;
        line-height: 57px;
    }
}
@media (min-width: 1024px) {
    .Comvisitform {
        padding-top: 62px;
        padding-bottom: 70px;
    }
    .Cvisitrepair {
        max-width: 1155px;
        margin: 0 auto;
    }
    .Cvisitrepair li {
        float: left;
        width: 50%;
        max-width: 460px;
    }
    .Cvisitrepair li:nth-child(odd) {
        margin-right: 20px;
    }
    .Cvisitrepair .litextarea {
        margin-top: -7px;
    }
    .Cvisitrepair .litextarea, .Cvisitrepair .lisubmit {
        width: 100%;
        max-width: 100%;
    }
    .Cvisitrepair .licode .inputext {
        max-width: 183px;
    }
    .Cvisitrepair label textarea {
        float: left;
        width: 88%;
        max-width: 730px;
    }
    .Cvisitrepair label .inputext .vccode {
        width: 280px;
        height: 40px;
        float: left;
    }
    .Cvisitrepair label .submit, .Cvisitrepair label .reset {
        width: 168px;
        height: 52px;
        line-height: 52px;
        font-size: 18px;
        margin: 0 15px;
    }
}
@media (min-width: 1199px) {
    .Cvisitrepair {
        background: url(../images/wicon21.png) no-repeat 0 0;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        padding: 56px 38px 56px 0;
    }
    .Cvisitrepair li {
        margin-bottom: 50px;
    }
    .Cvisitrepair li:nth-child(odd) {
        margin-right: 50px;
    }
    .Cvisitrepair .liselect .select-box.input-box {
        width: 25%;
        margin: 0 0 0 10px;
    }
}
@media (min-width: 1260px) {
    .Cvisitrepair {
        padding: 70px 38px 30px 0;
    }
    .Cvisitrepair .liselect {
        max-width: 580px;
    }
    .Cvisitrepair .liselect .select-box {
        margin: 0 20px 0 0;
        max-width: 180px;
    }
}
/*公司简介*/
.compro-dl .sname, .compro-dl .title {
    font-family: Montserrat;
}
.compro-dl .sname {
    opacity: 0.24;
    text-transform: uppercase;
    padding: 5px 0;
    line-height: 16px;
}
.compro-dl .title {
    color: #ccc2c2;
    font-size: 30px;
    line-height: 30px;
    padding: 0 0 10px;
}
.compro-dl .thumb {
    color: #8e8989;
}
.compro-dl .infor {
    padding: 20px 0 0 0;
    color: #666666;
    opacity: 0.7;
    font-size: 13px;
}
@media (min-width: 768px) {
    .compro-dl .title {
        font-size: 40px;
        line-height: 40px;
    }
    .compro-dl .infor {
        columns: 50px 2;
        -webkit-columns: 50px 2;
        -moz-columns: 50px 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
}
@media (min-width: 1199px) {
    .comprofile-min {
        position: relative;
    }
    .comprofile-min:before {
        content: "";
        display: block;
        width: 32%;
        max-width: 740px;
        border-top: 6px solid #faf9f9;
        border-right: 6px solid #faf9f9;
        position: absolute;
        top: 35px;
        left: 0;
        bottom: 0;
    }
    .compro-dl .title {
        font-size: 52px;
        line-height: 42px;
        padding: 22px 0 12px;
    }
    .compro-dl .thumb {
        float: left;
        width: 32%;
        max-width: 380px;
        padding: 30px 0 0 0;
        position: relative;
    }
    .compro-dl .infor {
        overflow: hidden;
        padding: 0 0 45px 30px;
    }
}
@media (min-width: 1440px) {
    .comprofile-min:before {
        width: 34%;
    }
    .compro-dl .thumb {
        padding: 43px 0 0 0;
    }
}
@media (min-width: 1680px) {
    .comprofile-min:before {
        width: 36%;
    }
}
@media (min-width: 1800px) {
    .comprofile-min:before {
        width: 40%;
    }
}
/*公司简介*/
.compGlobal-min {
    background: url(../images/wimg14m.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.compGlobal-min .commonweb {
    position: relative;
}
.compGlobal-min .comgtext {
    color: #9b9b9f;
}
@media (min-width: 1024px) {
    .compGlobal-min {
        min-height: 513px;
        padding-top: 43px;
    }
    .comgimg {
        position: absolute;
        top: -12px;
        right: -100px;
        width: 83%;
        max-width: 992px;
    }
    .comgtext {
        position: relative;
        z-index: 1;
        max-width: 800px;
        padding: 10px 360px 0 0;
    }
    .comgtext .posit {
        position: absolute;
        top: 0;
        right: 0;
    }
}
/*企业文化*/
.Comculture-dl {
    background: #cccccc url(../images/wicon24.png) no-repeat 100% 100%;
}
.Comculture-dl .thumb img {
    display: block;
    width: 100%;
}
.Comculture-dl .infor {
    padding: 15px;
    color: #ffffff;
}
.Comculture-dl .infor .name {
    font-size: 20px;
    padding: 0 0 8px 0;
}
.Comculture-dl .infor .text {
    opacity: .7;
}
@media (min-width: 768px) {
    .Comculture-dl .thumb {
        float: left;
        width: 70%;
        max-width: 769px;
    }
    .Comculture-dl .infor {
        overflow: hidden;
        padding: 20px;
    }
}
@media (min-width: 1024px) {
    .Comculture-dl {
        margin: 19px 0 0 0;
    }
    .Comculture-dl .infor {
        padding: 7.5% 5% 10px 5%;
    }
    .Comculture-dl .infor .name {
        font-size: 26px;
        line-height: 30px;
        padding: 0 0 25px 0;
    }
}
.Comculture-list li {
    margin: 0 0 20px 0;
}
.Comculture-list li .content {
    border: 1px solid #e3e3eb;
}
.Comculture-list li .content .img img {
    display: block;
    width: 100%;
}
.Comculture-list li .content .cult-text {
    text-align: center;
    padding: 20px;
    border-top: 1px solid #e3e3eb;
    color: #929292;
}
.Comculture-list li .content .name {
    font-size: 16px;
    color: #58596d;
}
@media (min-width: 768px) {
    .Comculture-list {
        padding-top: 55px;
        padding-bottom: 43px;
    }
    .Comculture-list ul {
        margin: 0 -10px;
    }
    .Comculture-list li {
        float: left;
        width: 25%;
        padding: 0 10px;
    }
    .Comculture-list li .content .cult-text {
        padding: 20px 20px 30px;
    }
    .Comculture-list li .content .name {
        font-size: 18px;
        padding: 0 0 18px;
    }
}
/*荣誉证书*/
.Honor-list ul {
    padding-bottom: 30px;
}
.Honor-list li {
    margin: 0 0 15px 0;
}
.Honor-list a {
    display: block;
}
.Honor-list a img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.Honor-list .elc-text {
    text-align: center;
    margin: 5px 0 0 0;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 40px;
    color: #4c4c4c;
}
@media (min-width: 768px) {
    .Honor-list {
        overflow: hidden;
    }
    .Honor-list ul {
        margin: 0 -7px;
    }
    .Honor-list li {
        padding: 0 7px;
        margin: 0 0 20px 0;
    }
    .Honor-list li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .Honor-list li:hover .elc-text {
        color: #d82019;
    }
    .Honor-list .elc-img {
        overflow: hidden;
    }
    .Honor-list .elc-img img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
}
@media (min-width: 1024px) {
    .Honors-min {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .Honor-list ul {
        margin: 0 -15px;
        padding-bottom: 36px;
    }
    .Honor-list li {
        padding: 0 15px;
        margin-bottom: 48px;
    }
    .Honor-list .elc-text {
        font-size: 18px;
        height: 24px;
        line-height: 24px;
        margin-top: 27px;
    }
}
/*弹窗*/
.probg {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: black;
    z-index: 90;
    display: none;
    opacity: 0.7;
}
.thumb-popup {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
}
.thumb-wraper {
    width: 80%;
    position: fixed;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    word-wrap: break-word;
    line-height: 28px;
    z-index: 9;
}
.thumb-copy-wrapper {
    position: relative;
    overflow: hidden;
}
.thumb-popup .swiper-wrapper {
    width: 100%;
}
.thumb-popup .swiper-wrapper li {
    position: relative;
    height: 100%;
    width: 100%;
    text-align: center;
}
.thumb-popup .swiper-wrapper li img {
    display: block;
    max-width: 100%;
    max-height: 90%;
    position: relative;
    top: 50%;
    left: 50%;
    -moz-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
}
.thumb-popup .close {
    width: 35px;
    height: 35px;
    position: fixed;
    display: block;
    top: 105px;
    right: 3%;
    background: #e77918 url(../images/winco04.png) no-repeat center center;
    -o-background-size: 12px auto;
    background-size: 12px auto;
    cursor: pointer;
    z-index: 99;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.banner-btn {
    cursor: pointer;
}
.swiper-left {
    left: -40px;
}
.swiper-right {
    right: -40px;
    background-position: right 0;
}
.popup-btn {
    position: fixed;
    width: 50px;
    height: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1000;
}
.popup-btn:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.swiper-left:after {
    border-right: 15px solid #fff;
}
.swiper-right:after {
    border-left: 15px solid #fff;
}
.popup-btn:hover {
    border-color: #fff;
}
.thumb-text {
    text-align: center;
    font-size: 16px;
    padding: 20px 0;
    color: #fff;
    bottom: 20%;
    width: 100%;
    left: 0;
    position: absolute;
    left: 50%;
    max-width: 1200px;
    transform: translateX(-50%);
}
/*品牌历程*/
.History-min {
    padding-top: 30px;
}
.history-list {
    padding: 0 40px;
    position: relative;
}
.historyulitem {
    position: relative;
    overflow: hidden;
}
.historyulitem ul {
    font-size: 0;
    width: 9999px;
    webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
}
.historyulitem li {
    display: inline-block;
    vertical-align: bottom;
    background: url(../images/wicon25.png) 7px 0 repeat-y;
    position: relative;
    color: #4c4c4c;
}
.historyulitem li:after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    border: 3px solid #d5d5d5;
    top: 0;
    left: 1px;
    display: block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #ffffff;
}
.historyulitem li .history-con {
    padding: 0 10px 30px 30px;
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: relative;
    -webkit-font-smoothing: none;
    font-size: 14px !important;
    color: #868686;
}
.historyulitem li .year-num {
    margin-top: 20px;
    display: block;
    color: #999999;
    font-size: 30px;
    line-height: 30px;
    font-family: Rubik;
}
.history-btn {
    display: block;
    position: absolute;
    width: 32px;
    height: 33px;
    background-position: center center;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    bottom: 50px;
}
.history-btn.hisswiper-left {
    left: -5px;
    background-image: url(../images/prev2.png);
}
.history-btn.hisswiper-left:hover {
    background-image: url(../images/prev2ho.png);
}
.history-btn.hisswiper-right {
    right: -5px;
    background-image: url(../images/next2.png);
}
.history-btn.hisswiper-right:hover {
    background-image: url(../images/next2ho.png);
}
@media (min-width: 1024px) {
    .History-min {
        padding-top: 85px;
    }
    .history-btn {
        width: 42px;
        height: 42px;
        bottom: 144px;
    }
    .history-list {
        padding: 0;
    }
    .historyulitem li .year-num {
        margin-top: 52px;
        font-size: 42px;
        line-height: 42px;
    }
    .historyulitem li .history-con {
        padding: 23px 20px 51px 30px;
    }
    .thumb-text {
        bottom: 17%;
    }
}
@media (min-width: 1440px) {
    .history-btn.hisswiper-left {
        left: -113px;
    }
    .history-btn.hisswiper-right {
        right: -113px;
    }
}
/*社会责任*/
.Social-text {
    color: #929292;
    max-width: 980px;
}
.Erespon-list ul {
    padding: 0 0 30px 0;
    margin: 0 -5px;
}
.Erespon-list li {
    margin: 0 0 10px 0;
    padding: 0 5px;
}
.Erespon-list a {
    display: block;
    border: 1px solid #e3e3eb;
}
.Erespon-list a img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.Erespon-list .elc-text {
    border-top: 1px solid #e3e3eb;
    text-align: center;
    line-height: 40px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #4c4c4c;
    padding: 0 10px;
}
@media (min-width: 768px) {
    .Erespon-list {
        overflow: hidden;
    }
    .Erespon-list ul {
        margin: 0 -7px;
    }
    .Erespon-list li {
        padding: 0 7px;
        margin: 0 0 20px 0;
    }
    .Erespon-list li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .Erespon-list li:hover .elc-text {
        color: #d82019;
    }
    .Erespon-list .elc-img {
        overflow: hidden;
    }
    .Erespon-list .elc-img img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
}
@media (min-width: 1024px) {
    .Social-min {
        padding-top: 35px;
        padding-bottom: 48px;
    }
    .Erespon-list ul {
        margin: 0 -15px;
        padding-bottom: 36px;
    }
    .Erespon-list li {
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .Erespon-list .elc-text {
        font-size: 18px;
        height: 83px;
        line-height: 83px;
    }
}
/*公司环境*/
.Environ-min {
    padding-bottom: 30px;
}
.Environ-list ul {
    padding: 0 0 30px 0;
    margin: 0 -5px;
}
.Environ-list li {
    margin: 0 0 10px 0;
    padding: 0 5px;
}
.Environ-list a {
    display: block;
    border: 1px solid #e3e3eb;
}
.Environ-list a img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.Environ-list .elc-text {
    border-top: 1px solid #e3e3eb;
    text-align: center;
    line-height: 40px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #4c4c4c;
    padding: 0 10px;
}
@media (min-width: 768px) {
    .Environ-list {
        overflow: hidden;
    }
    .Environ-list ul {
        margin: 0 -7px;
    }
    .Environ-list li {
        padding: 0 7px;
        margin: 0 0 20px 0;
    }
    .Environ-list li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .Environ-list li:hover .elc-text {
        color: #d82019;
    }
    .Environ-list .elc-img {
        overflow: hidden;
    }
    .Environ-list .elc-img img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
}
@media (min-width: 1024px) {
    .Environ-min {
        padding-top: 5px;
        padding-bottom: 38px;
    }
    .Environ-list ul {
        margin: 0 -15px;
        padding-bottom: 27px;
    }
    .Environ-list li {
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .Environ-list .elc-text {
        font-size: 18px;
        height: 83px;
        line-height: 83px;
    }
}
/*视频中心*/
.Videos-min ul {
    padding-bottom: 30px;
}
.Videos-min li {
    margin: 0 0 15px 0;
}
.Videos-min a {
    display: block;
}
.Videos-min a img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.Videos-min .elc-img {
    position: relative;
}
.Videos-min .video-show {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #FFFFFF;
    width: 100%;
}
.Videos-min .video-show .videoicon {
    display: block;
    width: 65px;
    height: 65px;
    background: url(../images/wq_icon11.png) no-repeat center center;
    -moz-background-size: 40px;
    -o-background-size: 40px;
    background-size: 40px;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, -o-transform 0.35s;
    -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.Videos-min li:hover .Video-img:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.Videos-min li:hover .videoicon {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.Videos-min .elc-text {
    text-align: center;
    margin: 5px 0 0 0;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 40px;
    color: #4c4c4c;
}
@media (min-width: 768px) {
    .Video-list {
        overflow: hidden;
    }
    .Video-list ul {
        margin: 0 -7px;
    }
    .Video-list li {
        padding: 0 7px;
        margin: 0 0 20px 0;
    }
    .Video-list li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .Video-list li:hover .elc-text {
        color: #d82019;
    }
    .Video-list .elc-img {
        overflow: hidden;
    }
    .Video-list .elc-img img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
}
@media (min-width: 1024px) {
    .Videos-min {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .Video-list ul {
        margin: 0 -15px;
        padding-bottom: 36px;
    }
    .Video-list li {
        padding: 0 15px;
        margin-bottom: 48px;
    }
    .Video-list .video-show .videoicon {
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto;
    }
    .Video-list .elc-text {
        font-size: 18px;
        height: 24px;
        line-height: 24px;
        margin-top: 27px;
    }
}
/*视频弹窗*/
.recruitmentfloat {
    display: none;
    z-index: 110;
    width: 100%;
    position: fixed;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    left: 0px;
    top: 0px;
}
.tianjiatvwrap {
    width: 95%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.tianjiatvwrap .videobox {
    height: 250px;
    position: relative;
    z-index: 1;
}
.recclosebtn {
    width: 35px;
    height: 35px;
    position: fixed;
    display: block;
    top: 20px;
    right: 3%;
    background-image: url(../images/winco04.png);
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: 12px auto;
    -o-background-size: 12px auto;
    background-size: 12px auto;
    cursor: pointer;
    z-index: 99;
    background-color: #d82019;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
@media (min-width: 640px) {
    .tianjiatvwrap .videobox {
        height: 350px;
    }
}
@media (min-width: 1024px) {
    .tianjiatvwrap {
        width: 1000px;
    }
    .tianjiatvwrap .videobox {
        height: 600px;
    }
}
/*员工风采*/
.Employee-list ul {
    padding: 0 0 30px 0;
    margin: 0 -5px;
}
.Employee-list li {
    margin: 0 0 10px 0;
    padding: 0 5px;
}
.Employee-list a {
    display: block;
    border: 1px solid #e3e3eb;
}
.Employee-list a img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.Employee-list .elc-text {
    border-top: 1px solid #e3e3eb;
    text-align: center;
    line-height: 40px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #4c4c4c;
    padding: 0 10px;
}
@media (min-width: 768px) {
    .Employee-list {
        overflow: hidden;
    }
    .Employee-list ul {
        margin: 0 -7px;
    }
    .Employee-list li {
        padding: 0 7px;
        margin: 0 0 20px 0;
    }
    .Employee-list li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .Employee-list li:hover .elc-text {
        color: #d82019;
    }
    .Employee-list .elc-img {
        overflow: hidden;
    }
    .Employee-list .elc-img img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
}
@media (min-width: 1024px) {
    .Employee-min {
        padding-top: 5px;
        padding-bottom: 38px;
    }
    .Employee-list ul {
        margin: 0 -15px;
        padding-bottom: 27px;
    }
    .Employee-list li {
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .Employee-list .elc-text {
        font-size: 18px;
        height: 83px;
        line-height: 83px;
    }
}
/*职业发展*/
.Careerment-min {
    background: url(../images/wimg21.jpg) no-repeat top center;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 0 30px 0;
}
.Career-wrapper {
    position: relative;
    padding: 0 30px;
}
.Career-wrapper .wrapper-min {
    overflow: hidden;
    padding: 30px 0 0 0;
}
.Career-wrapper ul.momargin {
    margin: 0;
}
.Career-wrapper ul.momargin li {
    padding: 0;
}
.Career-wrapper li {
    margin: 0 0 20px 0;
}
.Career-wrapper li a {
    display: block;
}
.Career-wrapper li .solut-img img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.Career-wrapper li .solut-text {
    padding: 10px;
    background-color: #f0f0f2;
    border-top: 2px solid #d82019;
    text-align: center;
    position: relative;
}
.Career-wrapper li .solut-text:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: -2px;
    background: #0c337f;
    height: 2px;
    -webkit-transition-property: right;
    -o-transition-property: right;
    -moz-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.Career-wrapper li .solut-text h3 {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 45px;
}
.Career-wrapper li .solut-text p {
    display: -webkit-box;
    height: 96px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    color: #929292;
}
.Career-wrapper li:hover .solut-text:before {
    right: 0;
    z-index: 2;
}
.Career-wrapper .relat-btn.relat-prev {
    background-image: url(../images/prev3.png);
}
.Career-wrapper .relat-btn.relat-prev:hover {
    background-image: url(../images/prev3ho.png);
}
.Career-wrapper .relat-btn.relat-next {
    background-image: url(../images/next3.png);
}
.Career-wrapper .relat-btn.relat-next:hover {
    background-image: url(../images/next3ho.png);
}
@media (min-width: 768px) {
    .Career-wrapper .relat-btn {
        height: 43px;
    }
}
@media (min-width: 1024px) {
    .Careerment-min {
        margin: 0 0 76px 0;
    }
    .Career-wrapper {
        padding: 0 40px;
    }
    .Career-wrapper .wrapper-min {
        padding-top: 12%;
    }
    .Career-wrapper li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .Career-wrapper li a {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
    }
    .Career-wrapper li .solut-img {
        overflow: hidden;
    }
    .Career-wrapper li .solut-img img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
    .Career-wrapper li .solut-text {
        padding: 14px 30px 41px;
    }
    .Career-wrapper li .solut-text h3 {
        margin: 0 0 9px 0;
    }
    .Career-wrapper li:hover .solut-text h3 {
        color: #d82019;
    }
}
@media (min-width: 1199px) {
    .Careerment-min {
        -moz-background-size: 100% 374px;
        -o-background-size: 100% 374px;
        background-size: 100% 374px;
    }
}
@media (min-width: 1400px) {
    .Career-wrapper {
        padding: 0;
    }
}
/*招聘中心*/
.Platfbtn {
    display: inline-block;
    background: #d82019 url(../images/wicon26.png) no-repeat 20px center;
    color: #ffffff;
    padding: 10px 20px 10px 50px;
    text-align: left;
    margin: 10px 0 0;
}
@media (min-width: 1024px) {
    .Platfbtn {
        padding: 17px 40px 17px 69px;
        font-size: 18px;
        margin: 0;
        background-position: 38px center;
    }
}
.recruiting-list ul {
    margin: 0 -10px;
    padding: 0 0 30px;
}
.recruiting-list li {
    padding: 0 10px 20px 10px;
}
.recruiting-list .recontent {
    border: 2px solid #f2f0ec;
    padding: 20px 20px 40px;
    position: relative;
    height: 357px;
}
.recruiting-list .recontent .retitle {
    color: #333333;
}
.recruiting-list .recontent .posititext {
    color: #929292;
}
.recruiting-list .recontent .Delivery {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e77918;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}
.recruiting-list li:hover .recontent .Delivery {
    opacity: 1;
}
.dot_conter{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px 0 0;
}
.dot_conter p{
    margin-top: 5px 0 0;
}

@media (min-width: 1024px) {
    .recruiting-list {
        padding-top: 49px;
        padding-bottom: 22px;
    }
    .recruiting-list ul {
        padding: 0 0 40px 0;
    }
    .recruiting-list .recontent {
        padding: 33px 30px 44px;
    }
    .recruiting-list .recontent .retitle {
        padding: 0 0 5px 0;
    }
    .recruiting-list .recontent h4 {
        padding-bottom: 5px;
    }
    .recruiting-list .recontent .Delivery {
        height: 45px;
        line-height: 45px;
        font-size: 16px;
    }
}
.grid {
    list-style: none;
    margin: 30px auto;
    padding: 0;
}
.grid li {
    display: block;
    opacity: 0;
    height: 377px;
    overflow: hidden;
}
.grid li.shown, .no-js .grid li, .no-cssanimations .grid li {
    opacity: 1;
}
.grid li a, .grid li img {
    outline: none;
    border: none;
    display: block;
    max-width: 100%;
}
/* Effect 1: opacity */
.grid.effect-1 li.animate {
    -webkit-animation: fadeIn 0.65s ease forwards;
    -moz-animation: fadeIn 0.65s ease forwards;
    -o-animation: fadeIn 0.65s ease forwards;
    animation: fadeIn 0.65s ease forwards;
}
@-webkit-keyframes fadeIn {
    0% {
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes fadeIn {
    0% {
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
    }
    100% {
        opacity: 1;
    }
}
/* Effect 2: Move Up */
.grid.effect-2 li.animate {
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 0.65s ease forwards;
    -moz-animation: moveUp 0.65s ease forwards;
    -o-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards;
}
@-webkit-keyframes moveUp {
    0% {
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@-moz-keyframes moveUp {
    0% {
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@-o-keyframes moveUp {
    0% {
    }
    100% {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes moveUp {
    0% {
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
/* Effect 3: Scale up */
.grid.effect-3 li.animate {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-animation: scaleUp 0.65s ease-in-out forwards;
    -moz-animation: scaleUp 0.65s ease-in-out forwards;
    -o-animation: scaleUp 0.65s ease-in-out forwards;
    animation: scaleUp 0.65s ease-in-out forwards;
}
@-webkit-keyframes scaleUp {
    0% {
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes scaleUp {
    0% {
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-o-keyframes scaleUp {
    0% {
    }
    100% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes scaleUp {
    0% {
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
/* Effect 4: fall perspective */
.grid.effect-4 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.grid.effect-4 li.animate {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -moz-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -webkit-animation: fallPerspective .8s ease-in-out forwards;
    -moz-animation: fallPerspective .8s ease-in-out forwards;
    -o-animation: fallPerspective .8s ease-in-out forwards;
    animation: fallPerspective .8s ease-in-out forwards;
}
@-webkit-keyframes fallPerspective {
    0% {
    }
    100% {
        -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes fallPerspective {
    0% {
    }
    100% {
        -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes fallPerspective {
    0% {
    }
    100% {
        -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes fallPerspective {
    0% {
    }
    100% {
        -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1;
    }
}
/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-5 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.grid.effect-5 li.animate {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -300px;
    -moz-transform-origin: 50% 50% -300px;
    -ms-transform-origin: 50% 50% -300px;
    -o-transform-origin: 50% 50% -300px;
    transform-origin: 50% 50% -300px;
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-animation: fly .8s ease-in-out forwards;
    -moz-animation: fly .8s ease-in-out forwards;
    -o-animation: fly .8s ease-in-out forwards;
    animation: fly .8s ease-in-out forwards;
}
@-webkit-keyframes fly {
    0% {
    }
    100% {
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes fly {
    0% {
    }
    100% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes fly {
    0% {
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
}
@keyframes fly {
    0% {
    }
    100% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
}
/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-6 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.grid.effect-6 li.animate {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotateX(-80deg);
    -moz-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    -webkit-animation: flip .8s ease-in-out forwards;
    -moz-animation: flip .8s ease-in-out forwards;
    -o-animation: flip .8s ease-in-out forwards;
    animation: flip .8s ease-in-out forwards;
}
@-webkit-keyframes flip {
    0% {
    }
    100% {
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flip {
    0% {
    }
    100% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flip {
    0% {
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flip {
    0% {
    }
    100% {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1;
    }
}
/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-7 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.grid.effect-7 li.animate {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-animation: helix .8s ease-in-out forwards;
    -moz-animation: helix .8s ease-in-out forwards;
    -o-animation: helix .8s ease-in-out forwards;
    animation: helix .8s ease-in-out forwards;
}
@-webkit-keyframes helix {
    0% {
    }
    100% {
        -webkit-transform: rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes helix {
    0% {
    }
    100% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1;
    }
}
@-o-keyframes helix {
    0% {
    }
    100% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1;
    }
}
@keyframes helix {
    0% {
    }
    100% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1;
    }
}
/* Effect 8:  */
.grid.effect-8 {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.grid.effect-8 li.animate {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -o-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-animation: popUp .8s ease-in forwards;
    -moz-animation: popUp .8s ease-in forwards;
    -o-animation: popUp .8s ease-in forwards;
    animation: popUp .8s ease-in forwards;
}
@-webkit-keyframes popUp {
    0% {
    }
    70% {
        -webkit-transform: scale(1.1);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes popUp {
    0% {
    }
    70% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-o-keyframes popUp {
    0% {
    }
    70% {
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    100% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes popUp {
    0% {
    }
    70% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
/*index*/
.indexbanner {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.indexbanner li {
    width: 100%;
    position: relative;
    overflow: hidden;
    float: left;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
}
.indexbanner ul {
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform, -moz-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.ipages {
    position: absolute;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 10px;
    z-index: 10;
    text-align: center;
    font-size: 0;
    line-height: 0;
}
.ipages span {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    width: 10px;
    height: 10px;
    border: 2px solid #8e8987;
    margin: 0 6px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: none;
    opacity: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.ipages .swiper-pagination-bullet-active {
    background-color: #d82019;
    border-color: #d82019;
}
.indexbanner li a img {
    display: block;
    width: 100%;
    position: relative;
}
@media (min-width: 1024px) {
    .indexbanner .ipages {
        bottom: 20px;
    }
    .ipages span {
        width: 12px;
        height: 12px;
    }
}
.index-text .en {
    font-family: 'raleway';
    text-transform: uppercase;
    font-weight: bold;
    color: #e77918;
    padding: 5px 0 0 0;
}
.index-btn {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: 30px;
    -o-background-size: 30px;
    background-size: 30px;
}
.index-btn.index-prev {
    background-image: url(../images/prev.png);
    left: 0;
}
.index-btn.index-prev:hover {
    background-image: url(../images/prevho.png);
}
.index-btn.index-next {
    background-image: url(../images/next.png);
    right: 0;
}
.index-btn.index-next:hover {
    background-image: url(../images/nextho.png);
}
.index-more a {
    display: inline-block;
    border: 2px solid #e1e1e4;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 35px;
    line-height: 33px;
    text-align: center;
    padding: 0 20px;
    color: #6e6f7b;
    font-size: 13px;
}
@media (min-width: 1024px) {
    .index-text .en {
        padding: 13px 0 0 0;
    }
    .index-btn {
        width: 46px;
        height: 46px;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
    }
    .index-btn.index-prev {
        left: -30px;
    }
    .index-btn.index-next {
        right: -30px;
    }
    .index-more a {
        -webkit-transform: perspective(1px) translateZ(0);
        -moz-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        position: relative;
        -webkit-transition-property: color;
        -o-transition-property: color;
        -moz-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        height: 60px;
        line-height: 60px;
        padding: 0 46px;
    }
    .index-more a:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(to right, #1e519b, #4895cc, #1e519b);
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: transform;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: -o-transform;
        -moz-transition-property: transform, -moz-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .index-more a:hover {
        color: #ffffff;
        border-color: #ffffff;
    }
    .index-more a:hover:before {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
}
@media (min-width: 1400px) {
    .index-btn.index-prev {
        left: -80px;
    }
    .index-btn.index-next {
        right: -80px;
    }
}
@media (min-width: 1440px) {
    .index-btn.index-prev {
        left: -106px;
    }
    .index-btn.index-next {
        right: -106px;
    }
}
.indxNews-wraper {
    position: relative;
    padding: 30px 35px;
}
.inxnews-list {
    overflow: hidden;
}
.inxnews-list li a {
    display: block;
    border: 1px solid #e3e3eb;
}
.inxnews-list li .tiothumb img {
    display: block;
    width: 100%;
}
.inxnews-list li .tioinfor {
    padding: 15px;
    border-top: 1px solid #e3e3eb;
}
.inxnews-list li .tioinfor .text {
    color: #58596d;
    display: -webkit-box;
    height: 48px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.inxnews-list li .tioinfor .date {
    color: #e77918;
    display: block;
}
@media (min-width: 1024px) {
    .indxNewsmin {
        padding-top: 56px;
        padding-bottom: 60px;
    }
    .indxNews-wraper {
        padding: 37px 30px;
    }
    .inxnews-list li {
        float: left;
        width: 25%;
        margin-right: 30px;
    }
    .inxnews-list li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .inxnews-list li .tiothumb {
        overflow: hidden;
    }
    .inxnews-list li .tiothumb img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
    .inxnews-list li:hover .tioinfor .text {
        color: #e77918;
    }
    .inxnews-list li .tioinfor {
        font-size: 16px;
        padding: 24px 30px 34px;
    }
    .inxnews-list li .tioinfor .date {
        padding: 11px 0 0 0;
    }
}
@media (min-width: 1400px) {
    .indxNews-wraper {
        padding: 37px 0;
    }
}
.indxAboutus {
    background-color: #f1f4f9;
}
.indxAboutus .par-posimg {
    background: url(../images/wimg26.jpg) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 230px;
    position: relative;
}
.indxAboutus .par-text {
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    color: #ffffff;
    text-transform: uppercase;
}
.indxAboutus .par-text h2 {
    font-weight: lighter;
}
.indxAboutus .par-text h3 {
    padding: 8px 0;
}
.indxAboutus .par-content {
    padding: 20px;
}
.indxAboutus .par-content h2 {
    text-transform: uppercase;
    font-family: DINPro;
    padding: 0 0 5px 0;
}
.indxAboutus .par-content p {
    color: #34364b;
    opacity: 0.8;
}
@media (min-width: 1024px) {
    .indxAboutus .par-posimg {
        height: 383px;
        float: right;
        width: 50%;
    }
    .indxAboutus .par-text {
        top: 45%;
        left: 38px;
        max-width: 385px;
    }
    .indxAboutus .par-text h3 {
        padding: 22px 0 20px;
    }
    .indxAboutus .par-content {
        float: right;
        width: 50%;
        max-width: 600px;
        padding: 4% 40px 0;
    }
    .indxAboutus .par-content h2 {
        padding: 0 0 10px 0;
    }
}
@media (min-width: 1280px) {
    .indxAboutus .par-content {
        padding-left: 0;
    }
}
.inxprod-list li {
    margin: 0 0 20px 0;
}
.inxprod-list li a {
    display: block;
    position: relative;
}
.inxprod-list li .imgbox img {
    display: block;
    width: 100%;
}
.inxprod-list li .inxpro-img {
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    width: 44%;
}
.inxprod-list li .inxpro-img img {
    display: block;
    max-width: 100%;
}
.inxprod-list li .inxpro-text {
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    color: #ffffff;
    width: 40%;
}
.inxprod-list li .inxpro-text h3 {
    color: #34364b;
    padding: 0 0 5px;
}
.inxprod-list li .inxpro-text p {
    color: #58596d;
    opacity: 0.5;
    line-height: 14px;
    text-transform: uppercase;
}
@media (min-width: 1024px) {
    .indxProduct {
        padding-top: 57px;
    }
    .inxprod-list {
        padding-top: 38px;
        padding-bottom: 10px;
    }
    .inxprod-list li a {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
    }
    .inxprod-list li:hover a {
        -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    .inxprod-list li:hover .inxpro-img {
        margin-left: -10px;
    }
    .inxprod-list li .inxpro-img {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
    }
}
@media (min-width: 1199px) {
    .inxprod-list ul {
        margin: 0 -15px;
    }
    .inxprod-list li {
        padding: 0 15px;
    }
    .inxprod-list li .inxpro-text {
        width: 43%;
    }
}
.indxArrivals {
    background-color: #f1f4f9;
}
.arrivals-wrapper {
    padding: 0 30px;
    position: relative;
}
.arrivals-wrapper .arrivalsp-min {
    overflow: hidden;
    padding: 30px 0 0 0;
}
.arrivals-wrapper ul.momargin {
    margin: 0;
}
.arrivals-wrapper ul.momargin li {
    padding: 0;
}
.arrivals-wrapper li {
    margin: 0 0 20px 0;
}
.arrivals-wrapper li a {
    display: block;
}
.arrivals-wrapper li .solut-img img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.arrivals-wrapper li .solut-text {
    padding: 10px;
    background-color: #ffffff;
    border-top: 2px solid #d82019;
    text-align: center;
    position: relative;
}
.arrivals-wrapper li .solut-text:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: -2px;
    background: #0c337f;
    height: 2px;
    -webkit-transition-property: right;
    -o-transition-property: right;
    -moz-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.arrivals-wrapper li .solut-text h3 {
    color: #58596d;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 45px;
}
.arrivals-wrapper li:hover .solut-text:before {
    right: 0;
    z-index: 2;
}
@media (min-width: 768px) {
    .arrivals-wrapper .relat-btn {
        height: 43px;
    }
    .arrivals-wrapper li {
        float: left;
        width: 33.33%;
    }
}
@media (min-width: 1024px) {
    .indxArrivals {
        padding-top: 57px;
        padding-bottom: 55px;
    }
    .arrivals-wrapper li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .arrivals-wrapper li a {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
    }
    .arrivals-wrapper li .solut-img {
        overflow: hidden;
    }
    .arrivals-wrapper li .solut-img img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
    .arrivals-wrapper li .solut-text {
        padding: 34px 30px 30px;
    }
    .arrivals-wrapper li .solut-text h3 {
        margin: 0 0 9px 0;
    }
    .arrivals-wrapper li:hover .solut-text h3 {
        color: #e77918;
    }
}
@media (min-width: 1400px) {
    .arrivals-wrapper {
        padding: 5px 0;
    }
}
.inxSolution {
    background: url(../images/wimg33.jpg) no-repeat 0 0;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.inxSolution .index-more {
    padding: 20px 0 0;
}
.inxSolution .index-more a {
    color: #fff;
}
.inxSolut-wrapper {
    padding: 0 30px 30px;
    position: relative;
}
.inxSolut-wrapper .inxSolut-min {
    overflow: hidden;
    padding: 30px 0 0 0;
}
.inxSolut-wrapper ul.momargin {
    margin: 0;
}
.inxSolut-wrapper ul.momargin li {
    padding: 0;
}
.inxSolut-wrapper li {
    margin: 0 0 20px 0;
}
.inxSolut-wrapper li a {
    display: block;
}
.inxSolut-wrapper li .solut-img img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.inxSolut-wrapper li .solut-text {
    padding: 10px;
    background-color: #ffffff;
    text-align: center;
    position: relative;
    background: -webkit-linear-gradient(135deg, transparent 20px, #fff 0);
    background: -moz- oldlinear-gradient(135deg, transparent 20px, #fff 0);
    background: -o-linear-gradient(135deg, transparent 20px, #fff 0);
    background: linear-gradient(-45deg, transparent 20px, #fff 0);
}
.inxSolut-wrapper li .solut-text h3 {
    color: #58596d;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.inxSolut-wrapper li .solut-text .en {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #d82019;
    text-transform: uppercase;
    font-family: DINPro;
}
.inxSolut-wrapper .index-btn.index-prev {
    background-image: url(../images/prev4.png);
}
.inxSolut-wrapper .index-btn.index-prev:hover {
    background-image: url(../images/prev4ho.png);
}
.inxSolut-wrapper .index-btn.index-next {
    background-image: url(../images/next4.png);
}
.inxSolut-wrapper .index-btn.index-next:hover {
    background-image: url(../images/next4ho.png);
}
.inxSolut-wrapper .ipages {
    bottom: 10px;
}
@media (min-width: 768px) {
    .inxSolut-wrapper .relat-btn {
        height: 43px;
    }
    .inxSolut-wrapper li {
        float: left;
        width: 33.33%;
    }
}
@media (min-width: 1024px) {
    .inxSolution {
        padding-top: 57px;
        padding-bottom: 59px;
    }
    .inxSolution .index-more {
        padding: 0;
    }
    .inxSolution .index-more a {
        border-color: #3b2d2a;
    }
    .inxSolut-wrapper {
        padding: 5px 30px 72px;
    }
    .inxSolut-wrapper .ipages {
        bottom: 40px;
    }
    .inxSolut-wrapper li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .inxSolut-wrapper li a {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
    }
    .inxSolut-wrapper li .solut-img {
        overflow: hidden;
    }
    .inxSolut-wrapper li .solut-img img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
    .inxSolut-wrapper li .solut-text {
        padding: 24px 30px 32px;
    }
    .inxSolut-wrapper li .solut-text h3 {
        margin: 0 0 2px 0;
    }
    .inxSolut-wrapper li:hover .solut-text h3 {
        color: #e77918;
    }
}
@media (min-width: 1400px) {
    .inxSolut-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}
.inxPartner {
    background-color: #f1f4f9;
}
.inxpart-list {
    position: relative;
    padding: 20px 30px;
}
.inxpart-list li a {
    display: block;
    border: 1px solid #dbdced;
}
.inxpart-list li img {
    display: block;
    width: 100%;
}
.inxpart-list .index-btn.index-prev.swiper-button-disabled {
    display: none !important;
}
.inxpart-list .index-btn.index-next.swiper-button-disabled {
    display: none !important;
}
.partner-wrapper {
    overflow: hidden;
}
@media (min-width: 1024px) {
    .inxpart-list {
        padding: 36px 30px;
    }
    .inxpart-list li:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
    .inxpart-list li a {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        -moz-transition: all ease .5s;
        transition: all ease .5s;
        overflow: hidden;
    }
    .inxpart-list li a img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
    .inxpart-list li:hover a {
        border-color: #d82019;
    }
    .inxPartner {
        padding-top: 56px;
        padding-bottom: 25px;
    }
}
@media (min-width: 1400px) {
    .inxpart-list {
        padding-left: 0;
        padding-right: 0;
    }
}
.searchcont401 {
    padding: 36px 0;
    background-color: #ffffff;
}
.searchtitle401 {
    padding: 28px 15px;
    background-color: #f2f2f2;
}
.searchtitle401 span {
    color: #d82019;
}
.resultlist401 {
    font-size: 13px;
    padding: 3% 0;
}
.resultlist401 img {
    display: block;
    width: 100%;
    margin-bottom: 2%;
}
.resultlist401 ul {
    padding-bottom: 40px;
}
.resultlist401 li {
    padding: 15px 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: -1px;
    position: relative !important;
    top: auto !important;
}
.resultlist401 h4 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 3%;
}
.resultlist401 h4 em {
    color: #da251d;
}
.resultlist401 h4 a {
    display: block;
}
.resulttext401 {
    overflow: hidden;
    height: 72px;
    color: #999;
}
.resultlabel401 {
    color: #999;
    display: inline-block;
    padding-top: 30px;
}
.searchinputcont401 dt {
    float: left;
    width: 78%;
}
.searchinputcont401 dd {
    float: left;
    width: 22%;
}
.searchinputcont401 dt input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 12px;
    font-size: 15px;
    color: #333333;
    background-color: #ffffff;
    font-family: "Microsoft YaHei";
}
.searchinputcont401 dd input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    background-color: #d82019;
    text-align: center;
    font-family: "Microsoft YaHei";
}
.keywords {
    color: #da251d;
}
@media (min-width: 768px) {
    .searchtitle401 {
        font-size: 24px;
    }
    .resultlist401 h4 {
        font-size: 20px;
        margin-bottom: 2%;
    }
    .searchimg401 {
        float: left;
        margin: 0 3% 0 0;
        display: block;
        width: 200px;
        height: 150px;
        overflow: hidden;
        position: relative;
    }
    .resultlist401 img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        max-width: 100%;
        width: auto;
    }
}
@media (min-width: 992px) {
    .searchinputcont401 {
        width: 45%;
        margin: 0 auto;
    }
    .searchinputcont401 dt input {
        font-size: 18px;
    }
    .searchinputcont401 dd input {
        font-size: 18px;
        font-weight: bold;
    }
}
/*20181107*/
.minimg-wrapper {
    overflow: hidden;
    position: relative;
}
.product-table {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 10px;
}
/*2018.11.16*/
.prodatile-btn {
    display: block;
    width: 30px;
    height: 100%;
    top: 0;
    position: absolute;
    z-index: 5;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px;
    transition: all ease 0.5s;
}
.prodatile-prev {
    background-image: url(../images/prevho.png);
    left: 0;
}
.prodatile-next {
    background-image: url(../images/nextho.png);
    right: 0;
}
@media (min-width: 1024px) {
    .prodatile-btn {
        background-size: 42px;
        width: 50px;
    }
    .prodatile-prev {
        background-position-x: -50px;
    }
    .prodatile-prev:hover {
        background-position-x: 0;
    }
    .prodatile-next {
        background-position-x: 50px;
    }
    .prodatile-next:hover {
        background-position-x: 0;
    }
}


/*2018.11.21*/
.loadingmore {
    display: block;
    width: 100%;
    font-size: 14px;
    background: #d82019;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}
.loadingmore:hover {
    background-color: #e85a55;
}
@media (min-width: 1024px) {
    .loadingmore {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }
}
/*2018.11.26*/
.contact-clumb-box .Dealerbtn {
    margin-bottom: 8px;
    width: 182px;
}
@media (min-width: 1024px) {
    .contact-clumb-box {
        width: 253px;
    }
    .contact-clumb-box .Dealerbtn {
        width: 253px;
        float: right;
    }
}
/*2018.12.5*/
.ebsgovicon img {
    height: 59px !important;
    width: auto !important;
}
/*分页样式*/


.pages {
    clear: both;
    margin: 0 auto 20px auto;
    padding-top: 50px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    border-top: 5px solid #f4f5f6;
}
.pages ul li {
    display: inline-block;
    border: 1px solid #ccc;
    margin: 0 1px;
    line-height: 24px;
    background: #fff;
    color: #999;
    border-radius: 2px
}
.pages ul li:nth-of-type(1),.pages ul li:nth-last-of-type(1){
    padding: 6px 15px;
}
.pages ul li a{
    padding: 6px 15px;
}
.pages ul li:nth-of-type(1) a,.pages ul li:nth-last-of-type(1) a{
    padding: 0;
}
.pages ul li:hover {
    background: #e77918;
    color: #fff;
    cursor: pointer;
    border: 1px solid #e77918
}
.pages ul li:hover a {
    color: #fff;
}

.dow_list{
    width: 100%;
    height: auto;
    margin: 30px 0;
    overflow: hidden;
}
.dow_list ul li{
    float: left;
    width: 100%;
    height: 75px;
    line-height: 75px;
    overflow: hidden;
    text-align: left;
    font-size: 14px;
    color: #3d3d3d;
    border: 2px solid #f2f0ec;
    margin-bottom: 15px;
}
.dow_list ul li p:nth-of-type(1){
    float: left;
    width: 62%;
    height: 100%;
    padding: 0 4%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.dow_list ul li p:nth-of-type(2){
    float: right;
    width: 20%;
    padding: 0 10% 0 0;
    height: 100%;
    text-align: center;
    overflow: hidden;
    background: url("../images/down.png") no-repeat 60% center;
    transition: all .6s;
}
.dow_list ul li:hover p:nth-of-type(2){
    background: url("../images/down_hover.png") no-repeat 60% center;
}

.index_sear{position:fixed;width: 1000px;top:85px;left: 50%;margin-left: -500px;background-color: #ffffff;z-index: 9998;}
/*搜索框*/
#search {
    height: 45px;
    width: 100%;
    line-height: 45px;
    /* box-shadow: 0 0 4px 0 #eee; */
    padding-left: 50px;
    /*background: #fff url('../images/ss.png') 14px center no-repeat;*/
    opacity: 0;
    display: none;
    z-index: 99;
    /* border: 1px solid rgba(51,51,51,0.1); */
}
#search input{color:#333;font-size:14px;height:43px;line-height:43px;border: none;outline: none;border-bottom:1px solid #e3e3e3;}
#search input::placeholder{color:#333;font-size:14px;}
#close{cursor:pointer;float:right;margin-right:18px;width: 25px;height: 45px;}
#close img{vertical-align:middle;max-width: 100%}
#search li{float:left;width: 33%;}
#search li span{width: 85px;
    float: left;}
/*首页-关于我们*/
.detail_list {
    display: block;
    height: 250px;
    text-align: center;
}
.detail_list li {
    float: unset;
    height: 100%;
    width: 390px;
    text-align: center;
    margin-right: 20px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.detail_list li a {
    display: block;
    height: 100%;
    width: 100%;
}
.detail_list li a:after {
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(231, 121, 24, 0.7);

    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}
.detail_list li p {
    display: block;
    float: left;
    font-size: 30px;
    height: 40px;
    line-height: 35px;
    font-style: italic;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    z-index: 3;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    transform: translate(-50%, 0);
    transition: border-bottom 0.3s ease-out;
    padding-bottom: 5px;
    -webkit-transition: width 1s linear;
}
.detail_list li p:after {
    content: ' ';
    width: 0;
    height: 2px;
    background: #fff;
    bottom: -2px;
    left: 0;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
}
.detail_list li img {
    display: block;
    height: 100%;;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transform: scale(1);
    transition: transform 0.3s ease-out;
}
.detail_list li:nth-last-of-type(1) {
    margin-right: 0;
}
.detail_list li a:hover:after {
    opacity: 1;
}
.detail_list li a:hover p:after {
    opacity: 1;
    left: 0;
    width: 100%;
}
.detail_list li a:hover img {
    transform: scale(1.024);
}

/*首页-产品列表*/
.index_prod{
    float:left;
    width: 100%;
    height: auto;
    padding: 0 10%;
    overflow: hidden;
    background: url("../images/bg1.jpg") repeat;
    position: relative;
}
.index_prod_tit{
    width: 100%;
    height: auto;
    margin: 50px auto 0;
    overflow: hidden;
}
.index_prod_tit h3{
    width: 100%;
    text-align: center;
    color: #e77918;
    font-size: 24px;
    font-weight: 400;
    overflow: hidden;
}
.index_prod_tit p{
    width: 10%;
    height: 2px;
    background-color: #e77918;
    margin: 15px auto 0;
    overflow: hidden;
}
.prod_list{
    width: 100%;
    height: auto;
    /*overflow: hidden;*/
    position: relative;
    margin-bottom: 50px;
}
.index_prod ul{
    width: 100%;
    height: 370px;
    margin: 20px 0 40px;
}
.index_prod ul li{
    float: left;
    width: 24%;
    height: 350px;
    margin: 10px 0;
    overflow: hidden;
    /*box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);*/
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.index_prod ul li a{
    float: left;
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    background-color: #fff;
}
.index_prod ul li a span.prod_yy{
    width: 100%;
    height: 300px;
    overflow: hidden;
    transition: all .6s;
    top:-100%;
    left: 0;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    z-index: 888;
    display: table;
}
.index_prod ul li a span.prod_yy > div{
    width: 100%;
    height: 100%;
    padding: 0 5%;
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
    line-height: 20px;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}
.index_prod ul li a span.prod_yy > div p{
    text-align: left;
}
.index_prod ul li:hover a span{
    top:0;
}
.prod_img{
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: table;
}
.prod_img > div{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.index_prod ul li a .prod_img > div img{
    height: 100%;
    display: inline-block;
}
.index_prod ul li .prod_tit{
    width: 100%;
    height: 50px;
    color: #000;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    overflow: hidden;
}
.index_prod .index_btt{
    width: 46px;
    height: 46px;
    display: block;
    position: absolute;
    z-index: 3;
    top: 50%;
    background-size: 100%;
}
.index_prod .index-prev {
    background-image: url(../images/arrow-left-light.png);
    left: 5%;
}
.index_prod .index-next {
    background-image: url(../images/arrow-right-light.png);
    left: 92%;
}
.index_prod .ipages .swiper-pagination-bullet-active{
    background-color: #e77918;
    border-color: #e77918;
}

/* 内页-产品列表 */
.product_list{
    width: 1400px;
    height: auto;
    overflow: hidden;
    padding: 0 0;
    margin: 40px auto 20px;
  	min-height: 480px;
}
.product_list .layui-form{ height:auto !important;}
.product_list .layui-table-body{ height:auto !important;}
.product_title{
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    height: auto;
}
.product_title .tr{
    float: left;
    height: 70px;
    color: #000;
    font-size: 12px;
    text-align: center;
    line-height: 70px;
    overflow: hidden;
    background-color: #F4F4F4;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #ccc;
}
.product_title .tr:nth-of-type(1){
    width: 12%;
    border-width: 1px 1px 1px 1px;
}
.product_title .tr:nth-of-type(2){
    width: 8%;
}
.product_title .tr:nth-of-type(3){
    width: 12%;
}
.product_title .tr:nth-of-type(4){
    width: 6%;
}
.product_title .tr:nth-of-type(5){
    width: 6%;
}
.product_title .tr:nth-of-type(6){
    width: 6%;
}
.product_title .tr:nth-of-type(7){
    width: 15%;
}
.product_title .tr:nth-of-type(8){
    width: 6%;
}
.product_title .tr:nth-of-type(9){
    width: 6%;
}
.product_title .tr:nth-of-type(10){
    width: 18%;
}
.product_title .tr:nth-of-type(11){
    width: 5%;
}
.product_title .th .th_1,.product_title .th .th_2{
    width: 100%;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
.product_title .th .th_2 p{
    float: left;
    width: 33.33%;
    height: 35px;
    overflow: hidden;
    border-right: 1px solid #ccc;
}
.product_title .th .th_2 p:nth-of-type(3){
    border-right: none;
}
.product_nav{
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.product_nav .td{
    float: left;
    width: auto;
    height: 35px;
    line-height: 35px;
    text-align: center;
    overflow: hidden;
    font-size:12px;
    background-color: #fff;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #ccc;
}
.product_nav .td:nth-of-type(1){
    width: 12%;
    border-width: 0 1px 1px 1px;
}
.product_nav .td:nth-of-type(2){
    width: 8%;
}
.product_nav .td:nth-of-type(3){
    width: 12%;
}
.product_nav .td:nth-of-type(4){
    width: 6%;
}
.product_nav .td:nth-of-type(5){
    width: 6%;
}
.product_nav .td:nth-of-type(6){
    width: 6%;
}
.product_nav .td:nth-of-type(7){
    width: 15%;
}
.product_nav .td:nth-of-type(8){
    width: 6%;
}
.product_nav .td:nth-of-type(9){
    width: 6%;
}
.product_nav .td:nth-of-type(10){
    width: 18%;
}
.product_nav .td:nth-of-type(11){
    width: 5%;
    background: url('../images/dow.png') no-repeat center center;
    background-size: 35%;
}
.product_nav .td:nth-of-type(11) a{
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
}
.product_nav:hover{
    cursor: pointer;
}
.product_nav .tf p{
    float: left;
    width: 33.33%;
    height: 35px;
    overflow: hidden;
    border-right: 1px solid #ccc;
}
.product_nav .tf p:nth-of-type(3){
    border-right: none;
}

@media  (max-width: 1300px) and (min-width: 400px) {
    .index_banner {
        padding-top: 0;
    }
}

/*新闻列表*/
.column_level{
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background: #f7f7f7;
}
.level_inner{
    width: 1400px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 14px;
    vertical-align: middle;
    background: url(../images/homeico.png) no-repeat 0 center;
}
.level_inner a {
    position: relative;
    z-index: 3;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    color: #737373;
    font-size: 14px;
}
.level_inner a:hover {
    color: #e77918;
}
/*.level_inner a:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    margin: -2px 4px 0 8px;
    border: 3px solid rgba(255, 255, 255, 0);
    border-left-color: #757575;
}*/
.column_sort{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.column_sort ul{
    width: 1400px;
    margin: 20px auto 15px;
    height: auto;
    text-align: left;
    padding-bottom: 10px;
    overflow: hidden;
}
.column_sort ul li{
    display: inline-block;
    position: relative;
    margin-right:15px;
}
.column_sort ul li a {
    display: block;
    padding: 0 30px;
    height: 35px;
    line-height: 33px;
    font-size: 14px;
    color: #333;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    border: 1px solid #000;
    border-radius: 25px;
}
.column_sort ul li.cur a,.column_sort ul li a:hover{
    background: #e77918;
    color: #fff;
    border: 1px solid #fff;
}

.new{
    width: 1400px;
    padding: 20px 0 0;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #f2f2f2;
    background-color: #FFFFFF;
  	min-height: 480px;
}
#con_one_1{
    float: left;
    width: 1025px;
    position: relative;
    /*padding-top: 30px;*/
    padding-right: 30px;
    border-right: 1px solid #f2f2f2;
}
.post{
    padding:20px 1%;
    overflow:hidden;
    background-color:#fff;
    border-bottom:1px solid #eee;
    border-radius:2px;
    position:relative;
    min-height: 120px;
    border-bottom: 1px dashed #ddd;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    font-family: "PingFang SC"
}
#con_one_1 .post:nth-of-type(1){
    padding:0 1% 20px;
}
#con_one_1 .post:nth-last-of-type(1){
    border-bottom: none;
}
.post:hover{background:#fcfcfc;}
.post .new_txt{position:relative}
.post .new_txt h2{padding:0 0 5px;font-size:20px;line-height:41px;height:41px;overflow: hidden;}
.post-img{float:left;margin-right:0.5%;max-width:180px;height:auto;position:relative}
.float-left{ overflow: hidden;display: block;}
.post-img .mask-tags{position:absolute;top:0;left:0;color:#fff;padding:2px 10px;font-size:12px;display:block;background:#f45170;z-index:50}
.post-text{font-size:14px;line-height:24px;display:block;height: 48px;overflow: hidden;}
.post .new_con{color:#999;height:auto;margin:8px 0 0;float: left;}
.post .new_con span{font-size:13px;color:#999;margin-right:10px;display:inline-block}
.post .new_con span a{color:#999}
.post .new_con span .fa{width:13px;display:inline-block;margin-right:4px;font-size:13px}

#con_one_2{
    float: right;
    display: inline;
    width: 335px;
}
.com-title{
    border-bottom: 3px solid #F5F5F5;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.com-title span{
    border-bottom: 3px solid #e77918;
    padding-bottom: 7px;
    font-size: 18px;
    color: #3C3B3C;
}
.new_hot{
    width: 100%;
    height: auto;
    margin-bottom: 25px;
    overflow: hidden;
}
.new_hot ul{
    padding: 0 0;
    background: url('../images/hot.png') no-repeat 0 8px;
    overflow: hidden;
}
.new_hot ul li{
    color: #3e3e3e;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    text-indent: 30px;
    width: 317px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.new_hot ul li a{
    transition: all .7s;
}
.new_hot ul li a:hover{
    color: #e77918;
}

.new_follow{
    width: 100%;
    height: auto;
    overflow: hidden;
    display:none;
}
.follow_ewm{
    width: 100%;
    height: auto;
    padding-top: 10px;
    text-align: center;
    overflow: hidden;
    display:none;
}
.follow_ewm p{
    width: 100%;
    height: 24px;
    display: block;
    margin: 10px 0 20px;
    text-align: center;
    font-size: 16px;
    color: #4c4c4c;
    line-height: 24px;
    overflow: hidden;
}
.follow_ewm img{
    width: 240px;
    margin: 0 auto;
}

/*登录个人面板*/
.login-items {
    position: absolute;
    top: 66px;
    right: -132px;
    width: 320px;
    height: 210px;
    z-index: 99;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2);
    display: none;
}
.web-navright .r_nav_into:hover .login-items {
    display: block;
}
.login-items > em {
    position: absolute;
    top: -12px;
    right: 142px;
    width: 30px;
    height: 14px;
    background-size: 100%
}
.login-items .logins-top {
    position: relative;
    width: 100%;
    height: 48px;
    margin-top: 24px;
    padding-left: 20px
}

.login-items .logins-top > img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: 0
}

.login-items .logins-top .logins-qd.disabled {
    background: #dae7fc
}

.login-items .logins-top .logins-qd {
    width: 50px;
    height: 20px;
    position: absolute;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    right: 20px;
    top: 10px;
    background: #ff5e00;
    border-radius: 9px;
    cursor: pointer
}

.login-items .logins-top .logins-topxx {
    width: 172px;
    text-align: left;
    margin-left: 56px
}

.login-items .logins-top .logins-topxx a {
    color: #1e1f30;
    font-size: 14px;
    display: block;
    height:auto;
    line-height: 20px;
    padding-top: 4px;
    font-weight: 700;
    cursor: pointer
}

.login-items .logins-top .logins-topxx a:hover {
    color: #0067ed
}

.login-items .logins-top .logins-topxx p.rank img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 4px
}
.login-items .logins-top .logins-topxx p.rank span {
    color: #ff5e00;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    line-height: 18px
}
.logins-center {
    min-height: 70px;
    margin: 20px 20px 0 20px;
    border-bottom: 1px solid #edf0f5
}
.logins-center > li {
    float: left;
    display: inline-block;
    width: 25%;
    text-align: center
}
.logins-bottom {
    padding: 0 20px;
    line-height: 38px
}
.logins-bottom > a > i {
    width: 16px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAA7klEQVQ4T2NcuH6v5z+G/zMZGBhkGbCDx0wMjOnxgc7bsUkzzl+/5xEjE1Nkgr/TUWwKFmzcZ/3/37/liYEucrgM+J8Y6MKIw3aw8Pz1e3CqAbmAoAHIhm/efIbL19fkG0yMJANWrVrF/I1V+AITE2N9nL/TOpAhJBkA0jB38z59pt//djAzM2WDDMFqwPz1e+vxhQkDA4Mew///vgwM/yPIM+D/f1MGBgZnBgaGQJK9sGjDPvO/DP83Mvz7n5AY5LKDJAP+///PtGDDvnMM//9XgDQTHYjIUb1q1Sq2sLCwXyRFI6GERFlSpjQzAQDwWY+6W4e0swAAAABJRU5ErkJggg==) no-repeat 50%;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px
}
.logins-center > li > a {
    display: block;
    height: auto;
    line-height: normal;
    font-size: 12px;
    color: #000;
}
.logins-bottom a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height:auto;
    line-height: 38px;
    color: #373636;
    font-size:12px;
}
.logins-bottom a:nth-of-type(1){
    float: left;
}
.logins-bottom > a:hover {
    color: #0067ed
}
.logins-center > li > a > p {
    width: 40px;
    height: 40px;
    margin-left: 15px;
    margin-bottom: 6px;
    transition: all .6s;
}
.logins-center > li:hover > a > span {
    color: #0067ed
}
.logins-center > li.order > a > p {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACRElEQVRYR+2Zz0sUYRjHv8/MbMP6o1YDf4Geig57kM4JBhWJB/Xu0T24UCAK9Rd0CSqh0KJOdfaYEBVBefAqugftlAgqOK61zrprM/PEO8vG4o64s+vOvOA+t5f3fd7nM9933nfe5xnCCTPyHIftJMC4B0IfmFtPjjnXNlEGjE0QPkNV3l3VKVU6PxUbKeZL3UfOM2ZOAlDPFaLyyWwimt+OKjNxomPh5gIKuK4cL8Jx7lQ+Vx1HEr7uRNVhAekC7mftl8z8oI4hfU9NRK/am9SH5L5zlr0S4rKeBm9DU/vJyNovwDzl+xGDcCCaJcO01wCOBxHPfwxKCQX/1P0o8U9W8CDKkGFaXK1/EH4NwFpVvgAKMiOytgg63IP+4w1AKvIDCTiXO2HFh2oVEFUpqK1/g/bzu/udVIxf0Jffe4Lkbk2AYz0Qu9C6cRvW9UHfwFUBxqauQMmbZcEykwuAEkHr3EhZn6M342D2dzCA7UnNM5A5/hqsaGj5kPDs35+3wgU8K3oDsKhQ6RI7TTE4bb2e4inpLSjZ9P++UBTMjj1B7v5jT0D9y3M0LzwKF5DFYaNFvF8/6y/IPWQKFoqCZ22M0v5QAO2Oa7B6b3pyalsrUHc3wlXw6O408oMiESw3fektop+ehgso/RJLCdiW1AoJtQ8Tezkd1KeuZW4UkdWPFUMKuOP+UZjiMuHTqrrN+IxR0/AGYE3yicxT/rRT6sQdInGXv/QhefFI9vKbe0+TuYApAKUvARchpS2ilx6msv2G+AfEe1n3diArIQAAAABJRU5ErkJggg==) no-repeat 50%
}
.logins-center > li.sc > a > p {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACyUlEQVRYR+2ZS2gTURSG/zMzmWZiXjao7aLBUKmLCAqCggtBqgu1G5G6VAQ3goLSrkpFBAVFxDduuhNcKZUqbqS40VUFEduNL0ptbWoabTJN0szryqRG0qIwd5LGATu7gf8//zdn5l64ZwjLrkyJJWFaJ8CwD4Q4GAst19T1nkgFwwQIzyEKA7EmGquuT5WbMcbk1qJ1jTF2EoBYVwjnxUwiujetCD1JIs22lQFtuJYF9gyW1em81goqCcMpRTxgQ5YBvxfM24yxUysYyV2aiO40B8TTVP7mDPPtP3ytf4M3IYlbKVMwr4OxM9yP2AgD0Q3K5M1RgCUbkcefQWN2B3MrvpXwky06iFTK5A3m1t8I3ypgrV3+fzpIegqhzwfBBBnziSEwaV2tzVtcJ/VaJMHxbsjZx+WiWrgL84lB7wD6sk8RGj+0BGi+bQBa87GaIWvuIBlphN/vhKh/WQJjCWHkNr+BJcdrgnQFSNok5OwjyNkhSPlXIJh/hLCkFmjh/dBDe2EEO8GkGDcsN6AydRb+2bsg8O3vDAIW1vei2HqJC5IbMDoag2DmuEIqYkuMYG7LLJeXG1CZ6oEye4srpCIubuhHseU8l5cbEKyE0Mc98BVGuIL0Nbugtg8DJHH5+AHtzVObROTDDghG2lGYJTYj1/EaltzmSF8tcgVoF/B/u4LAdL+jQDX+APrabkfa5SL3gDOXEUidcxSa7RiBqWxzpK0fYOoCAjMXHYXm2odhBHc70tYNUPnaByV91VGomhiEHu5ypK0jYC+U9M3f9SwxBi16BOLCO0j5l4sH7l+XunEQeqTBgL7sEwQnjsJQtqMUOw4tchgQ/GUkofQJ8o/7aJp7CEY+qJtegInRxnbQVZoLk+tV7CLLlWUV0FXbqkweP7jDPrh7f/Th8eGR18dv9vfo6QGmDej5EXAF0rND9Oq9ymu/IX4CLSNv98Jk+2gAAAAASUVORK5CYII=) no-repeat 50%
}
.logins-center > li.ls > a > p {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAC7ElEQVRYR+2ZT0gUURzHv78ZNf+QpQuhSIL059Ae+nOM0CI8qLcSBEH0YEGiZEURdYk6VES0UOihqCQJ6qAHYw0tOkWUJEhuRBSpQUa1WdquWvPmF2/DcncU98242xTObZj3e+8z39+f9+Y3hJgrOM1eCLMejFIQCsG8PHbMot4TTYAxAkIvdO2KZxkFZs9PMzcB5rT8SfM8M+8DoC8qRPyTCSJqHc3QDnmJvkuzCKCEy5tiP0xzZ/xzJXAk4f77DL1cQkYAP4fFRWZuTOCSylMT0aXcTL2JIjFniIG/6Nb54AVS9I0UDIsLYG5WfsVkGBD5KBgSgwB7k7Ge+hoUkAqOJ7yUqJP9siCaoGDIYLv2ybBbAnSq8v+nYInPiIiSlw201ehIT/29WzoVa057ZQW7n5voH2H0vGDs2aph25r4AbPTgdys+MdHEtlOFr/5xKhrF8qKZaUB/oYUJTtbgKFpRnmrOuD6VcDl6iQASgnKWgyEIwei6Cs/G5g25AHE+qxyM6GpRO0kZ0tBuXTtDQNDQSuEb7eG0XHgbK9peXiyQkPJOi3xLpYrHO4UeDJs3YRaqnSMfgVO3bWGQOdeHbmZSUgSCXjunsCdwWjAwhzAV6mjb4hxOkbB1TlAe61a/NnOYmnY9tjE1Ud/3JiZBnTU6/jwDTjeJfB2LNqTFV7CkVK1+HME2B0wcSZGpeK1hL5hxuQPa5gdLdVQ5lWLP0eAT0dMHOywJsJ8GXCzTkfBSrX4cwQ4FmZUXxMIz6FWLGSRB7heox5/jgCl8fgUIxhauGrI2mh3z7ZdByWWP2Cic8DEgR06NuRHu+/LJOOEX6DIQ9i/XT05Zl7bEWDjbQPP3gFVWzQ0FEcnwMPXjGNdAhoBPY0pSLXJ6Ajw1UfGg5eMXZsInphTijCBW/0mClZAefeYHTSOABeOPucjlgCdavgPKOjqD3fID3f3tz5c3jxye/tNZpmrG5gS0PUt4BlI1zbRZxdTt/2G+Amkg3v3y4oA3wAAAABJRU5ErkJggg==) no-repeat 50%
}
.logins-center > li.address > a > p {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADEklEQVRYR+2ZX0hTURzHv79dne5fs7m5lSSlltiM6M2CQpIgjCiE3qIH8aGoIPAtkAysIFgJFb70EpRvvQjVQ9RbPWRBgqvonzPEzeYkN90fd+89cWYbbs7c7nTewvN27n6/8/3sd37nd3d+I2SMQIw5IcmdYDgCQg0YM2XarOqcKASGHyA8h6C5X1lG7sXrU3LiZky7JSK7GGPnAAirCpH7YhIR9Xt1mi4n0Tx3SwByOEeUPYUst+a+1hpaEl74dEIbh0wAToelO4yxC2somffSRHTXohcuUiLnRGl4Hbd1OXgJJcJeCoSl22DsUt5fsRgORH0UmJNGAOYshl7+GuTmEQyueSnJn2zBgyhEgTmRKfUvht8GYKFR/v8j6BVjGAj68Cr8CxNiDFoi1Jbq0Wqw4JSpCuWawt6aBUXwcWgSNwMezLPs58whaOGyN2B3mUHxTisG5HC9U6MrChtIwIOtTtRp9SvaZjNQBMi39eT4+2UjlynUqDXgUXUTaOG3SV5DEaBregwPZ7xpQjxSB/UVCMoiXkdmlkD0OxrRrDPnBZeo1UoKdfv4MEbjkZQYhxuo3oOa0vLEs8GQH1emvqXBnDY70GXZXhzAZs8bxJicEjtqqMSNqp2pOT8yLWNDCMpS6tlhvQUu+67iALaMvcWMLKbEDujMuOdoTM05/KGxobQcbTNacc1WXxzArsnPeBmeThO7aq3DcZMN80zG9alRDM760z7vtu5Au8leHMB30SA6vR+WiG3SCIgyecnp3qwpwZNt+6BTULQVHRJOdvnnFzybC+QUkV5bPY4ZrTnZZhopBgzJIs5MjMATj/5V+ITRhh5bnSI4xWUmqTYej6LD64ZfimcF2K8zo8/eAC1p1geQq3riEZz1fsSklLjGpgaHu1XVgHKNcriCI5ik8YkxnPd9wvc/xZuXlB5rLUoLiFxybcU5mLlns7KEbv9XNJUZ0VFRreCtmz0LVg1QcZKt4LgBWGhk/4EIqvriDn5xV3/rQ+XNI7W33/gpU3UDkwOqvgWchFRtE31xMVXb3xC/AZ10j/eURGDJAAAAAElFTkSuQmCC) no-repeat 50%
}
.logins-center > li.order:hover > a > p {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAB90lEQVRYR+2ZTStEURjHf8dbFBuysDCWlAVfQEhKXkrKwgYLmhSlZuMrKKKQRBhLNlKkJLKnhCQrFrKRlyHCzNGd8XLjau49xtwjc3en8zzP+Z3/c8/Lfa7g0yPbKAY6kFQDHiDrs02M2wHgFMEaMCX8HJjji7eGbCaNDAaBLiA5xhB2wwWBce7xiQUeDacw4CvcClBlN9Iv261zT60BGQFsZQTo/uVBnYYfFXP0iPA7J9l1Ma3fgQcRlBiAQ0h6nU4vLvaCYSFb2YfwytXxOTAAb+KwlahOPmAASlXvePglAH+q8j9RsKQOsnKh0gsyCJtTcH0Oe6s/FRA1BYsqoag8clDmFEBZuzXI5iRcnYGUcLgBR1uOgdUAJwKQnvl1sOFGCD6Bb/lr38MteJ1fjNQA/d/sTNOdEHqGjhlrpdreL0+2lYwtYLRhE4BvCplTfHcJF6fW2mXnQ2b2R58rCs73wXK/NWCND1oGXAaUIXh+sgZMSQWR5DJgtIVh7nclxefHcLJjjekphbxClxVcGYD1MWvACi809LkMqH2KtQScDYFweGwZF4Z204q2OTG1o653CUrr7UMacNuLMNJkE+vDTA3Q8TDqDglAde0inn9CQe0/3DUvfWhfPNK9/GasFK0LmGHASH1a3xKwCVLPIrp5M9XtN8QLg3Datcqx0O4AAAAASUVORK5CYII=) no-repeat 50%
}
.logins-center > li.sc:hover > a > p {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACeElEQVRYR+2ZS2gTURSGvzum6ULiI9YHSZuIiFACKQoqgqAibsRWEak7QXAjWBBdFLsoRZAufFRQcKMLcSPaVVER1IUiFawIkQaruDIVwTZN06DQNMmVyWCaBoW5N8k4YgdmMXD+83/zz/uMoGKRr4mQM06A3AeEAF9lTY23M8BnEE/wFG6KbcTL+4tfG/IeXlqMy0h5ElhSYwi77fIIcYNE4azoJGuKioAWnHiEZK/dTnWue8a43G9CWoCvjGtIearOpmrthbgudhS6hHXOidhfPKx/As/jkW1CDhsDIE+r7Z5T1eKqkMNiFIg4ZanoEzcBZxy4lShylcozJqDUVTuhWwSsNuX/KMGGtdD6GAqzMNYOuYlqwyvqa5fgpkFYddiCmhqCD4dcBLjiALQOLQT6dBwmblcNWX2CniaIjkBjeCFMLg2xKGQTVUHqAXqD4D8C/oOwbCcIz+8hsl8h9RDST601N6UMqw64fgDWdYEw1MxkHr5chESPkk4dcGsKPMuVTErFuWkY8Stp1QHDVyCg+fKTOA/jfXUGFF6IPAffdiUjZl5CfA+QV9KpJ2i29zZD9A00rLFnNpeEd1u0rmg9QBMr0A3hfnuAH49C8r692ooqfcDgOQhdsGca2ww/zK8K9UUfsLkPWnrtOY7uhswLe7U1SzDUD8Fue6bvO2D6gb3amgGGL0HgzHy7uUmYvAtL28BnPl1KMwEY64CU04Ar22HjHfj+Fr7dguQgyFkLuHEDrD4GTZ1QyEJ8F+TTDieoZacu0r9I1L20FIuAWrGVif6JD3e3jz7cPjxy+/jNPB9dPcAsArp9BDwP6dIhevm9ym2/IX4C1fEI6IX5hG4AAAAASUVORK5CYII=) no-repeat 50%
}
.logins-center > li.ls:hover > a > p {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADCElEQVRYR+2ZXUgUURTH/2d2d9bM0sgikD6toNYtKkKwICkikiQLw0AikD4QDAp7CAkSakUkKzOSQihJ6EkqAiH86DGRHopNQQyKzILKtOxjd3b33piplp1di7kzug3hfRvm/O/5zX/OPXP3LiFurK4NehyMH2LAduK0COCz4mMm95rGOfFXEtARkai5/5S7L3Z++n3hqeayJIfqOWflAByTC2F4tgiR1MQUV2VfNSmqSgPU4FzBdg5sMzzVFAYS0MVC7gIVUgP01iiNnLOKKcwpPDWRdMVfJR8jteakCH/6D1/rn+AjzEFryVsTuMg5jgs/YhIERLhEnprAM+LwJCGfcApO6KMcX/Dz1LcSYbZfAhqnHF+Am5UnQzcNaNXl/89Bf5VbM2V4jKHoegiBsFWP/q4XdnC3V0LuEgmFXgcaHobRPcgME376zjHy1XC4FigMqIqyM4G7R346KTLGAxx5F7Q9gOFhCnCmDPScFAfsf8tQciNkGM60g6rwUaWMNHd0txZN+nqUIcVFyExLvHerN4y6zkhyAO8cdmH5PCkhWVmrgqwMwtldroR7J9pC6BwwXrOWHGwqcWJzduK+trRFQVY6oa5ID8g5R36Dgo/fhAw0t0jUFGd2OlG8Tg/4YoShrDWEvGUSfIV6wJcjDIXXxOrPkoNHNzlQscUZteNLkGPrZQULZhMaip1YOlf/+tueRFDdLt40Ta1ilUrth+diXFJfYdcA09xLlRMXyOn7Idzzi9WfJQdzFxOaS2XDBVVwNYihMcPh0UDTDs5JBdrLJ2418RiD7xj2NovXnyUHVXF6Cibsd/GAw2Pc9DfbtIMqRNEaCfs3OOB7EIb/jX7fmzEDOL/HhefvGWo7xJpz7ANaAmw54ML6hRJu9oRR362HyF9BaNwnI8w4NtYpCIuvD43TEuDK+YQdqyTcfhzBh7hdikTAwVwHhka58Ndj0hwUX5PiCksOiqcTV0wDinumV9j/h7vtjz5sf3hk++M3tSRtfYCpAtr+CDgKaddD9NjOY7e/IX4A+x5fSkgEUaEAAAAASUVORK5CYII=) no-repeat 50%
}
.logins-center > li.address:hover > a > p {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADEUlEQVRYR+2ZX0hTURzHv+fO/cnUZljmpsv8W60/RCBCQkH0UEEUhBA9BP2joEhI6qWHHnzoxf5QVFAvPQhlgT7ZQ0YFew10bKVulWxdYbnY5s025/TEmbi5OXE7266X8L7dw+/8fp/7/Z3zu+f+LkHSZbJbzKA4D+AQCEygKE62yek9gQQKF4B3IHjuMrfYF/onsRt7t6YKhk7M4jIhUOUUIk1nlGIGAp64MXYd5tYwmzYHaO/WmGDsA6UH0/SVXzNC3rsgHmGQUcAqu+UhobiS36iZeacEj9zmlquErTk6i8GVSutS2CzdRMBuYrJZ7gFoy+z5ZLO+zwBtAMyyhcwskJ2leCLvpSQzqLg1gcQUpLzz5Zi3Cpityv+/gga1BmfXG3CgqBSVGi3ClMIx9Rd9AS+6fB6E6GxWImal4Cl9OW5X1EAnCCkhxHAIF91DsIUmuSG5ARncHWPdsoGlmQhO/LDCMRVc1jaVARcgS+uHur1LKpccyBqUcOy7FTz1jAvwVnk1LpQZEzj+zETQL/mgVxVgf5EehMRPcszw9KgNlslAxipyAfbX7kG9rjAWjMEd/TaI0elQdOzkug3orGxIgHnmFdHhGZUHcGhbM9YI8TNtr38c18SRhOCDjU3QF6hjY28nvLjkHpYHcKCxCaULgn+UfDjj+hILriUE1q3NCWu0x/8LbaJDHsCnVY04XFIWC0YpRbvowJvAOBhcR0UtWkvLE2Buik689HvkAWwqLMHrLTsXBfNHpqETVIt29+9IGPtGPiPIUbS5Ngkje2Csx3H9xrQUafs5jJ6ANy3bZCNuwGJBhd6aXajTxndzKoJXPg9ujDm54NgkbkA22aTWRlO9Sa1NCfBJ8uGc+yumKU+JnnOZFSBzUKPRoat6BwxJkAyOvYdX9LAwL5uhQIMXm7ejQbc2OsRKSrvoRITr5ZaYjKwVnHdXJKhw11iPgaCEx16Re83lbJPkjGAZRzlTMF/Aq4DZKqvsD3fMfbgrvPWh+OaR0ttvbBEruoEZ3WVKbwHPQyq3ib6gWCntN8Q/j6hV42VBabwAAAAASUVORK5CYII=) no-repeat 50%
}

.wap-top-header{ float: left;width: 100%;height: auto;display: none;overflow: hidden;}
.wap-header{ height:65px;background:#fff;position:fixed;top:0; left:0;width:100%;z-index:999;border-bottom:1px solid rgba(0,0,0,0.16);}
.wap-header .logo{ float: left;height:65px;text-align:left;display: table;padding-left:1%}
.wap-header .logo a{ display: table-cell;vertical-align: middle;}
.wap-header .logo img{ max-width: 65%;display:inline-block;}
.bind-eunm{ position:absolute;width:25px;height:29px;top:0;bottom:0;right:15px;margin:auto;cursor: pointer;}
.bind-eunm .icon{ position:relative;display:block;width:25px;height:3px;background:#2b2b2b;margin:5px 0;opacity:1;top:0;transition-duration:.5s;}
.bind-eunm.active .icon:nth-of-type(2){ opacity:0;}
.bind-eunm.active .icon:nth-of-type(1){ transform:rotate(45deg);top:8px;}
.bind-eunm.active .icon:nth-of-type(3){ transform:rotate(-45deg);top:-8px;}
.wep-ht{ float: right;width: auto;height: 100%;line-height: 65px;margin-right: 80px;}
.h-65{ height: 65px;}
.wep-ht span a{ color: #ffffff;font-size: 16px;}
.wap-nav{ position:fixed;top:65px;left:-72%;width:60%;height:calc(100% - 50px);background:#fff;z-index:99999;overflow-y:auto;transition-duration:.5s;}
.wap-nav.active{ left:0;}
.wap-nav-close{ position:fixed;top:65px;right:0;width:100%;height:calc(100% - 50px);z-index:99998;background:rgba(0,0,0,.6);display:none; }
/*.wap-nav .scroll > ul{ padding-bottom: 25px;}*/
.wap-nav ul li{ line-height:48px;}
.wap-nav ul li>a{ display:block;font-size:15px;color:#2B2B2B;border-bottom:1px solid #ddd;padding:0 0 0 10px;}
.wap-nav ul li .subnav{ display: inline !important;}
.wap-nav ul li .subnav a{ display:block;padding-left:20px;font-size:16px;line-height:45px;border-bottom:1px solid #ddd;color: #2b2b2b;}
.wap-nav ul li .subnav .sub_nav{ width: 100%;height: auto;overflow: hidden;}
.sub_nav h1{ display: block;padding-left: 20px;font-size: 14px;line-height: 40px;border-bottom: 1px solid #ddd;color: #2b2b2b;font-weight: bold;}
.wap-nav ul li .subnav .sub_nav .sub_nav_list ul.sub_nav_product{ display: none;}
.wap-nav ul li .subnav .sub_nav .sub_nav_list > a{ padding-left: 10px;background: url('../images/images_03.png') no-repeat 90% center ;background-size: 10px 5px;}
.wap-nav ul li .subnav .sub_nav .open > a{background: url( '../images/images_02.png') no-repeat 90% center ;background-size: 10px 5px;}
.wap-nav ul li.swiper-slide{ height: auto}
.wap-nav ul li .subnav .sub_nav ul li a{ padding-left: 30px;font-size: 14px;border-bottom: 1px dashed #ddd;}
.wap-nav ul li .lang,.wap-nav ul li .search{ float: left;width: 50%;height: 46px;text-align: center; border-bottom: 1px solid #ddd; }
.wap-nav ul li .lang{ border-right: 1px solid #ddd;}
.wap-nav ul li .lang a,.wap-nav ul li .search a{ width:100%;height:100%;display: inline-block;}
.wap-nav .wap-nav-bottom{ padding:30px 0;}
.wap-nav .wap-nav-bottom ol{ text-align:center;}
.wap-nav .wap-nav-bottom ol li{ display:inline-block;margin:0 5px;}
.wap-nav .wap-nav-bottom .login{ text-align:center;}
.wap-nav .wap-nav-bottom .login a{ font-size:16px;color:#333;}
#j-user-wrap {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 100%;margin: 0;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
#j-user-wrap .login {width: 48%;margin: 5px;padding: 8px 30px!important;line-height: 22px;text-align: center;color: rgba(0,0,0,.8);background: rgba(0,0,0,.1);}
#j-user-wrap .profile {display: inline-block;width: 100%;height: auto;margin-bottom: 0;list-style: none;font-size: 13px;vertical-align: top;padding: 20px;}
#j-user-wrap .profile .menu-item {height: auto;position: relative;}
#j-user-wrap .profile a{ line-height: 26px;display: block;color: #2B2B2B;text-decoration: none;vertical-align: top;padding: 20px;font-size: 13px;background: rgba(0,0,0,.1); }
#j-user-wrap .profile .menu-item-avatar {position: relative;display: inline-block;width: 26px;height: 26px;margin-right: 5px;vertical-align: top;}
#j-user-wrap .profile img {display: block;width: 100%;height: 100%;border-radius: 50%;}
#j-user-wrap .profile .m-dropdown {right: 0;height: 38px;display: block;position: absolute;top: 0;width: auto;text-align: center;color: #fff;font-size: 13px}

.index_banner_x{ float: left;width: 100%;height: 750px;overflow: hidden;position: relative;}
.banner_allx{float: left;width: 100%;height: auto;overflow: hidden;}
.banner_allx .swiper-container {width: 100%;height: 100%;}
.banner_allx .swiper-slide {float: left;background: #fff;cursor: pointer;}
.banner_allx .swiper-slide a{ width:100%;height:100%;display:inline-block}
.banner_allx .swiper-slide img { width:100%;display: none}
.banner_allx .swiper-slide .index_banner_wab{ display: none;}
.banner_allx .swiper-pagination-bullet{width: 18px;height: 18px;background: rgba(255,255,255,.5);cursor: pointer;border-radius: 50%;opacity: 1;}
.banner_allx .swiper-pagination-bullet-active{background: #ffffff;}
.banner_allx .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 5px 10px;}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 10px;}

.index_prod .swiper-button-next:after, .index_prod .swiper-container-rtl .swiper-button-prev:after{ content:"" }
.index_prod .swiper-button-prev:after, .index_prod .swiper-container-rtl .swiper-button-next:after { content:""  }
.index_prod .swiper-button-next,.index_prod .swiper-button-prev{ outline: none;}

.Pledetext p{ color: rgb(0, 0, 0);font-size: 18px;text-indent:2em;text-align: left;line-height: 30px;margin-bottom: 30px;}
.Pledetext p img{ display: block;}

.cont_left{ width: 488px;height: auto;overflow: hidden;float: left}
.cont_left img{ width: 100%}
.cont_right{ width: calc( 100% - 500px);height: auto;overflow: hidden;float: right;padding: 30px 10px 0 }
.cont_right p{ font-size: 16px;color: rgb(0, 0, 0);font-weight: bold}

.map { width: 100%; height: 440px; margin-top: 81px;overflow: hidden;}
@media (max-width: 768px) {
    body,html{ min-width: 100%;}
    .web-nav{ display: none}
    .wap-top-header { display: inline-block;}
    .quick_links_wrap, .mui-mbar-tabs{ display: none}
    .index_banner_x{ height: auto}
    .banner_allx{height: fit-content;}
    .banner_allx .swiper-slide{ background: none !important;}
    .banner_allx .swiper-slide img { display: inline-block}
    .banner_allx .swiper-pagination-bullet{width: 10px;height: 10px}

    .index_prod{ padding: 0 10px;}
    .index_prod .index_btt{ display: none}
    .index_prod_tit{ margin-top: 35px}
    .index_prod_tit h3{ font-size: 18px;}
    .index_prod_tit p { margin: 5px auto 0;}
    .index_prod ul { margin: 5px 0 25px;}
    .index_news_n_top dl dd:nth-child(3n){ border-right: none}
    .index_apply h1{ font-size: 18px;}
    .index_apply h2 a{ font-size: 15px;}
    .in-f-left,.in-f-center{display: none}
    .in-footer{padding:1% 0}
    .in-f-bottom{ border-top: none;padding: 0 !important;}

    .full-inside-subnav{ display: none}
    .commonweb{ width: 100%;padding: 30px 1% 0;}
    .Pledetext p{ font-size: 14px;margin-bottom: 5px}

    .product_list{ width: 100%;padding: 0 5px}
    #lfCat{ display: none}
    #rfCat{ width: 100% !important;}
    #search_2 li{ width: 50% !important;}
    #search_2 li span{ width: 100px !important;}
    .threee{ width: 28.5% !important;}
    .inputFull{ width: calc(100% - 105px) !important;}
    .layui-table-view .layui-table th.layui-unselect .layui-table-cell span{ font-size: 12px !important;}
    .laytable-cell-1-0-0{ width: 100px !important;}
    .laytable-cell-1-0-1,.laytable-cell-1-0-2{ width: 88px !important;}
    .laytable-cell-1-0-3,.laytable-cell-1-0-5{ width: 70px !important;}

    .column_level{ display: none}
    .new{ width: 100%;padding: 0 5px}
    #con_one_1{ width: 100%;padding: 15px 0 0}
    #con_one_2,.news-detail-title #newshare{ display: none}
    .cont_left{ width: 100%}
    .cont_right{ width: 100%}
    .Pledetext p{ width: 100%;height: auto;overflow: hidden;float: left;font-size: 14px;margin-bottom: 8px;}

    .w1200{ width: 100%}
    .loginRegister-header > div.w1200 > div{ width: 100% !important;}
    
    .post .new_txt{ width:100%;}
    .post .new_txt h2{ font-size:18px;width:100%}
  	.post .new_con{ width:100%;}
}
@media (max-width: 610px) {
    .register-form{ width: 98%;margin: 0 1%}
}
@media (max-width: 580px) {
    .threee{ width: 27.5% !important;}
    .inputFull{ width: calc(100% - 105px) !important;}
}
@media (max-width: 553px) {
    .threee{ width: 26.5% !important;}
    .inputFull{ width: calc(100% - 105px) !important;}
}
@media (max-width: 540px) {
    .register-wrap{ width: 98% !important; margin: 0 1%}
}
@media (max-width: 530px) {
    .threee{ width: 25.5% !important;}
    .inputFull{ width: calc(100% - 105px) !important;}
    
    .post-img{ width:100%;height:auto;margin-right: 0;max-width: 100%;}
    .post-img img{ width:100%;} 
    .post .new_txt{ float:left;}
    .post-text{ float: left;}
}
@media (max-width: 510px) {
    .threee{ width: 24.5% !important;}
    .inputFull{ width: calc(100% - 105px) !important;}
  	.form-other .item-info{ width: calc(100% - 140px) }
}
@media (max-width: 490px) {
    #search_2 li{ width: 100% !important;}
    .inputFull{ width: calc(100% - 105px) !important;}
    
    .get_pwd_form{ width:98%;margin:0 auto;padding:10px 1%;}
}
@media (max-width: 360px) {
    .login-wrap{ padding: 0 15px}
    .login-form{ width: 100%;height: auto;}
    .form .item-info{ width: 100%}
    .form .text{ width: 100%;padding: 0 0 0 90px;}
    .login-box{ padding: 20px 2% 30px;}
    .form .btn{ width: 100%}
  	.form-other .item-label{ width: auto;position:absolute;left:5px;font-size:14px;}
  	.get_pwd_form .form-other .item-label{ display:none}
    .get_pwd_form .form .text{ width: 100%;padding: 0 0 0 10px;}
    .gp-tab li{ width:48%;}
    .get_pwd_form .form .item-info,.get_pwd_form .form .btn,.get_pwd_form .form .item{ width: 96%}
}