* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #666;
}

li {
    list-style: none;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

body {
    /*max-width: 1920px;*/
    font-size: 14px;
    color: #666;
    font-family: "微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
    font-family: "PingFang SC Bold";
}

body {
    /*max-width: 1920px;*/
    overflow: hidden;
    margin: 0 auto;
}

/*顶部*/

header {
    height: 125px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    transition: all .3s;
    -webkit-transition: all .3s;
}

header .logo {
    width: 200px;
    /*width: 156px;*/
    float: left;
    padding-top: 24px;
    position: relative;
    z-index: 92;
}

nav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 91;
    width: 100%;
    height: 100%;
}

.nav-ul {
    width: 100%;
    height: 100%;
    max-width: 840px;
    margin: 0 auto;
}

.nav-ul li {
    width: 16.666%;
    height: 100%;
    float: left;
    text-align: center;
    position: relative;
}

.nav-ul li:nth-child(2) .nav-a1 {
    padding-right: 15px;
    background: url(../img/ico01.png) no-repeat right 70px;
}

.nav-ul li .nav-a1 {
    display: inline-block;
    height: 100%;
    font-size: 18px;
    color: #fff;
    line-height: 110px;
    padding-top: 15px;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.nav-ul li .nav-a1:after {
    content: "";
    width: 0%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 30px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.nav-ul li.on .nav-a1:after {
    width: 100%;
}

.nav-ul-div1 {
    width: 100%;
    padding: 10px;
    position: absolute;
    left: 0;
    top: 123px;
    background: #fff;
    display: none;
}

.nav-ul-div1 a {
    font-size: 15px;
    line-height: 30px;
    display: block;
    text-align: center;
    margin: 5px 0;
}

.nav-ul-div1 a:hover {
    background: #adbfaa;
    color: #fff;
}

.header-rt {
    width: 240px;
    height: 40px;
    float: right;
    margin-top: 50px;
    position: relative;
    z-index: 93; // border-bottom: 2px solid #fff;
    padding-right: 80px;
}

.header-rt form {
    border-bottom: 2px solid #fff;
}

.qiehuanyuyan {
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 10;
    width: 66px;
    text-align: left;
}

.qiehuanyuyan dt span {
    width: 17px;
    display: inline-block;
    height: 7px;
}

.qiehuanyuyan dt img {
    margin-right: 6px;
    width: 22px;
    height: 22px;
    border-radius: 100%;
}

.qiehuanyuyan dt {
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    background-image: url(../img/xiala.png);
    background-position: 100% center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 12px;
}

.qiehuanyuyan dd {
    font-size: 16px;
    line-height: 30px;
    border-bottom: 1px solid #ebebeb; // display:none;
}

.qiehuanyuyan dd img {
    margin-right: 10px;
    width: 22px;
    height: 22px;
    border-radius: 100%;
}

.qiehuanyuyan .yuyangidv {
    width: 130px;
    padding: 6px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    position: relative;
    display: none;
    left: 50%;
    transform: translateX(-50%);
}

.qiehuanyuyan .yuyangidv:after {
    position: absolute;
    width: 12px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    background-image: url(../img/yyimg.png);
    top: -7px;
    left: 45%;
    content: "";
}

.on .qiehuanyuyan dt {
    /*color:#787878*/
}

.qiehuanyuyan:hover .yuyangidv {
    display: block;
}

.cli .qiehuanyuyan dt {
    /*color:#787878*/
}

.cli .qiehuanyuyan dd a {
    /*color:#787878*/
}

.header-rt .int1 {
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #333;
    line-height: 40px;
    padding-right: 40px;
    background: none;
    border: initial;
}

.header-rt .int1::-webkit-input-placeholder {
    color: #fff;
}

.header-rt .int2 {
    width: 40px;
    height: 40px;
    background: url(../img/ico03.png) no-repeat center;
    position: absolute;
    right: 80px;
    top: 0;
    background-color: none;
    border: initial;
}

@media (min-width: 1025px) {
    header.on {
        /*background: #fff;*/
        background: #BF1B3E;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }
    header.on .nav-ul li .nav-a1 {
        /*color: #333;*/
        transition: all .3s;
        -webkit-transition: all .3s;
    }
    header.on .nav-ul li:nth-child(2) .nav-a1 {
        padding-right: 15px;
        /*background: url(../img/ico02.png) no-repeat right 70px;*/
    }
    header.on .nav-ul li .nav-a1:hover {}
    header.on .nav-ul li .nav-a1:hover:after {
        width: 100%;
    }
    header.on .nav-ul li .nav-a1:after {
        /*background: #333;*/
    }
    header.on .header-rt {
        /*// border-bottom: 2px solid #333;*/
    }
    header.on .header-rt form {
        /*border-bottom: 2px solid #333;*/
    }
    header.on.header-rt .int1 {
        /*color: #333;*/
    }
    header.on .header-rt .int1::-webkit-input-placeholder {
        /*color: #333;*/
    }
    header.on .header-rt .int2 {
        /*background: url(../img/ico04.png) no-repeat center;*/
    }
    header.cur {
        background: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }
    header.cur .nav-ul li .nav-a1 {
        color: #333;
        transition: all .3s;
        -webkit-transition: all .3s;
    }
    header.cur .nav-ul li:nth-child(2) .nav-a1 {
        padding-right: 15px;
        background: url(../img/ico02.png) no-repeat right 70px;
    }
    header.cur .nav-ul li .nav-a1:hover {}
    header.cur .nav-ul li .nav-a1:hover:after {
        width: 100%;
    }
    header.cur .nav-ul li .nav-a1:after {
        background: #333;
    }
    header.cur .header-rt {
        // border-bottom: 2px solid #333;
    }
    header.cur .header-rt form {
        border-bottom: 2px solid #333;
    }
    header.cur.header-rt .int1 {
        color: #333;
    }
    header.cur .header-rt .int1::-webkit-input-placeholder {
        color: #333;
    }
    header.cur .header-rt .int2 {
        background: url(../img/ico04.png) no-repeat center;
    }
}

header.cli {
    background: #bf1b3e;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

header .img1 {
    display: block;
}

header .img2 {
    display: none;
}

header.cli .img1 {
    display: none;
}

header.cli .img2 {
    display: block;
}

header.on .img1 {
    display: none;
}

header.on .img2 {
    display: block;
}

header.cli .nav-ul li .nav-a1 {
    /*color: #333;*/
    color: #fff !important;
}

header.cli .nav-ul li:nth-child(2) .nav-a1 {
    padding-right: 15px;
    /*background: url(../img/ico44.png) no-repeat right 50px;*/
}

header.cli .nav-ul li .nav-a1:hover {}

header.cli .nav-ul li .nav-a1:hover:after {
    width: 100%;
}

header.cli .nav-ul li .nav-a1:after {
    /*background: #333;*/
}

header.cli .header-rt {
    /*// border-bottom: 2px solid #333;*/
}

header.cli .header-rt form {
    /*border-bottom: 2px solid #333;*/
}

header.cli .header-rt .int1 {
    /*color: #333;*/
}

header.cli .header-rt .int1::-webkit-input-placeholder {
    /*color: #333;*/
}

header.cli .header-rt .int2 {
    /*background: url(../img/ico04.png) no-repeat center;*/
}

@media (max-width: 1025px) {
    /*header.on .img1{
		display:block;
	}
	header.on .img2{
		display:none;
	}*/
}

.w1750 {
    max-width: 1850px;
    padding: 0 50px;
    margin: 0 auto;
}

.nav2 {
    display: none;
}

.header-rt2 {
    display: none;
}

@media (max-width: 1400px) {
    .nav-ul {
        padding-right: 60px;
        max-width: 700px;
    }
    .header-rt {
        width: 180px;
    }
    .w1750 {
        padding: 0 30px;
    }
}

@media (max-width: 1023px) {
    nav {
        display: none;
    }
    .header-rt1 {
        display: none;
    }
    .header-rt2 {
        margin-top: 0; // border-bottom: 2px solid #333;
        float: left;
        margin-left: 30px;
        height: 50px;
        margin-bottom: 15px;
        width: calc(100% - 60px);
    }
    .header-rt2 .int1 {
        height: 50px;
        font-size: 16px;
    }
    .header-rt2 .int2 {
        height: 50px;
        background: url(../img/ico03.png) no-repeat center;
    }
    .header-rt2 .int2::-webkit-input-placeholder {
        color: #fff;
    }
    .header-rt2 .int1::-moz-placeholder {
        color: #fff;
    }
    .header-rt2 .int1:-ms-input-placeholder {
        color: #fff;
    }
    .header-div {
        display: block;
        width: 40px;
        float: right;
        padding-top: 45px;
        position: relative;
        z-index: 94;
    }
    .header-div div {
        width: 100%;
        height: 5px;
        border-radius: 2px;
        background: #fff;
        margin-bottom: 9px;
        opacity: 1;
        transition: all .5s;
    }
    .header-div.on div {
        background: #333;
    }
    .header-div.on .header-d1 {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        transform-origin: 0%;
        -ms-transform-origin: 0%;
        -webkit-transform-origin: 0%;
        -moz-transform-origin: 0%;
        transition: all .5s;
    }
    .header-div.on .header-d2 {
        opacity: 0;
        transition: all .5s;
    }
    .header-div.on .header-d3 {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        transform-origin: 0%;
        -ms-transform-origin: 0%;
        -webkit-transform-origin: 0%;
        -moz-transform-origin: 0%;
        transition: all .5s;
    }
    /*header.on .header-div div{
		background: #333;
	}
	header.cli .header-div div{
		background: #333;
	}*/
    .nav2 {
        display: block;
        width: 100%;
        padding-bottom: 150px;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 125px;
        display: none;
        overflow: auto;
    }
    .nav2 a:hover {
        color: #333;
    }
    .nav2-li {
        width: 100%;
        float: left;
        font-size: 16px;
        color: #333;
        line-height: 60px;
    }
    .nav2-li:first-child {
        border-top: 1px solid rgba(0, 0, 0, .1);
        padding-top: .4rem;
    }
    .nav2-a1 {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 16px;
        color: #333;
        line-height: 60px;
        padding: 0 30px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }
    .nav2-a1 span {
        font-size: 20px;
        font-weight: bold;
        float: right;
    }
    .nav2-div {
        display: none;
    }
    .nav2-div a {
        display: block;
        height: 50px;
        font-size: 14px;
        line-height: 50px;
        color: #333;
        line-height: 50px;
        padding: 0 60px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }
    header.cli {}
    header.cli .header-div div {
        background: #333;
    }
    .header-mdss {
        width: 40px;
        height: 40px;
        float: right;
        margin-top: 40px;
        margin-right: 30px;
        background: url(../img/ico03.png) no-repeat center;
        background-size: 25px;
        position: relative;
        z-index: 94;
    }
    .header-mdss.on {
        background: url(../img/ico04.png) no-repeat center;
        background-size: 25px;
    }
    .header-rt2 {
        display: none;
    }
    .header-rt2 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .5);
        margin: 0;
        z-index: 95;
        background-size: 20px;
    }
    .header-rt2 form {
        width: calc(90% - 70px);
        position: absolute;
        top: 40%;
        left: 5%;
        border-bottom: 1px solid #fff;
        position: relative;
    }
    .header-rt-gb {
        width: 50px;
        height: 50px;
        background: url(../img/x01.png) no-repeat center;
        position: absolute;
        top: 0;
        right: -70px;
    }
}

@media (max-width: 767px) {
    header {
        height: 1.2rem;
    }
    .w1750 {
        padding: 0 .4rem;
    }
    header .logo {
        width: 1.25rem;
        padding-top: .15rem;
    }
    .header-div {
        display: block;
        width: .4rem;
        float: right;
        padding-top: .5rem;
    }
    .header-div div {
        width: 100%;
        height: .03rem;
        border-radius: 0.025rem;
        background: #fff;
        margin-bottom: .11rem;
        opacity: 1;
        transition: all .5s;
    }
    .header-div.on .header-b1 {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        transform-origin: 0%;
        -ms-transform-origin: 0%;
        -webkit-transform-origin: 0%;
        -moz-transform-origin: 0%;
        transition: all .5s;
    }
    .header-div.on .header-b2 {
        opacity: 0;
        transition: all .5s;
    }
    .header-div.on .header-b3 {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        transform-origin: 0%;
        -ms-transform-origin: 0%;
        -webkit-transform-origin: 0%;
        -moz-transform-origin: 0%;
        transition: all .5s;
    }
    .nav2 {
        width: 100%;
        padding-top: 1.2rem;
    }
    .header-rt2 .int1 {
        height: .8rem;
        font-size: .24rem;
        padding: 0 .2rem;
        padding-right: 1rem;
        color: #fff;
    }
    .header-rt2 .int2 {
        width: .8rem;
        height: .8rem;
        background-size: .4rem;
    }
    .nav2-a1 {
        height: .8rem;
        padding: 0 .4rem;
        font-size: .24rem;
        line-height: .8rem;
    }
    .nav2-div a {
        height: .8rem;
        padding: 0 .8rem;
        font-size: .24rem;
        line-height: .8rem;
    }
    .header-mdss {
        width: .6rem;
        height: .6rem;
        background-size: .3rem;
        margin-top: .35rem;
        margin-right: .3rem;
    }
    .header-mdss.on {
        background: url(../img/ico04.png) no-repeat center;
        background-size: .3rem;
    }
    .header-rt-gb {
        width: .8rem;
        height: .8rem;
        background-size: 1rem;
    }
}

/*底部*/

footer {
    background: #fff;
}

.footer-a {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    height: 100px;
    line-height: 100px;
    position: relative;
    text-align: center;
}

.footer-a1 {
    display: inline-block;
    margin: 0 10px;
}

.footer-a1 img {
    width: 35px
}

.footer-a2 {
    position: absolute;
    left: 50%;
    margin-left: 10px;
}

.footer-a2 img {
    width: 50px
}

.footer-a1,
.footer-a2 {
    /*float: left;
	margin-right: 20px;*/
}

.footer-a2 {
    line-height: 100px;
}

.footer-aa {
    float: right;
    cursor: pointer;
}

.footer-b {
    padding: 20px;
    font-size: 14px;
    color: #3e3e3e;
    line-height: 40px;
    overflow: hidden;
}

.footer-b1 {
    float: left;
}

.footer-b2 {
    float: right;
}

.footer-b4 {
    display: none;
}

@media (max-width: 767px) {
    .footer-a1,
    .footer-a2 {
        line-height: 1.5rem;
    }
    .footer-a1 img {
        width: .7rem;
    }
    .footer-a2 img {
        width: 1rem;
    }
    .footer-aa {
        line-height: 1.5rem;
        width: .5rem;
    }
    .footer-a {
        height: 1.5rem;
        line-height: 1.5rem;
    }
    .footer-b {
        font-size: .22rem;
        line-height: .45rem;
        text-align: center;
        padding: .3rem .4rem;
    }
    .footer-b .w1750 {
        padding: 0;
    }
    .footer-b1 {
        display: none;
    }
    .footer-b3 {
        display: none;
    }
    .footer-b4 {
        display: block;
    }
    .footer-b4 span {
        display: block;
    }
}

/*公用*/

.w1200 {
    width: 100%;
    max-width: 1300px;
    padding: 0 50px;
    margin: 0 auto;
}

.sf-ban {
    width: 100%;
    height: 899px;
    background: no-repeat center;
    position: relative;
}

.sf-ban-div {
    width: 100%;
    max-width: 1300px;
    padding: 0 50px;
    margin: 0 auto;
    padding-top: 400px;
}

.sf-ban-d1 {
    font-size: 42px;
    color: #fff;
    line-height: 50px;
    font-family: arial;
    font-weight: bold;
    text-align: center;
}

.sf-ban-d2 {
    font-size: 42px;
    color: #fff;
    line-height: 50px;
    margin-top: 10px;
    text-align: center;
}

.sf-nav {
    height: 70px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    text-align: center;
}

.sf-nav-a {
    display: inline-block;
    width: 160px;
    height: 70px;
    font-size: 16px;
    color: #3f3f3f;
    text-align: center;
    position: relative;
    line-height: 70px;
    cursor: pointer;
}

.sf-nav-a:after {
    content: "";
    width: 1px;
    height: 20px;
    position: absolute;
    top: 25px;
    left: 0;
    background: rgba(0, 0, 0, .1);
}

.sf-nav-a:first-child:after {
    display: none;
}

.sf-nav-a:hover {
    color: #ea524f;
}

.sf-nav-a.on {
    color: #ea524f;
}

.sf-nav-pos {
    position: fixed;
    top: 10px;
    opacity: 0;
    /*display: none;*/
    /*transition: all .5s; 
   -webkit-transition: all .5s;*/
}

.sf-nav.on .sf-nav-pos {
    width: 100%;
    position: fixed;
    top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background: #fff;
    z-index: 79;
    /*display: block;*/
    opacity: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.page {
    width: 100%;
    height: 38px;
    text-align: right;
}

.page a {
    width: 38px;
    height: 38px;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    background: #f6f6f6;
    display: inline-block;
    margin: 0 2px;
}

.page .prev {
    background: #f6f6f6 url(../img/ico26.png) no-repeat center;
}

.page .next {
    background: #f6f6f6 url(../img/ico06.png) no-repeat center;
}

.page .first-page {
    background: #f6f6f6 url(../img/ico26s.png) no-repeat center;
}

.page .last-page {
    background: #f6f6f6 url(../img/ico06s.png) no-repeat center;
}

.page a:hover {
    color: #ea524f;
}

.page a.active {
    color: #ea524f;
}

.sf-tk {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 89;
    display: none;
}

.sf-tk-a {
    width: 80%;
    overflow: hidden;
    max-height: 90%;
    margin: 0 auto;
    margin-top: 2%;
}

.sf-tk-a video {
    max-width: 100%;
    max-height: 100%;
}

.sf-tk-x {
    width: 55px;
    height: 55px;
    background: url(../img/x01.png) no-repeat center;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.sf-tk-x:hover {
    opacity: .8;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.sf-ban-cli {
    width: 30px;
    height: 30px;
    background: url(../img/ico57.png) no-repeat center;
    position: absolute;
    bottom: 50px;
    left: 50%;
    z-index: 9;
    margin-left: -15px;
    -webkit-animation: span-up 2s linear infinite;
    animation: span-up 2s linear infinite;
}

@keyframes span-up {
    25% {
        transform: translateY(8px);
    }
    50%,
    100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-8px);
    }
}

@-webkit-keyframes span-up {
    25% {
        -webkit-transform: translateY(8px);
    }
    50%,
    100% {
        -webkit-transform: translateY(0);
    }
    7
}

@media (max-width: 767px) {
    .w1200 {
        padding: 0 .4rem;
    }
    .sf-ban {
        height: 7rem;
        background-size: cover;
    }
    .sf-ban-div {
        padding: 0 .4rem;
        padding-top: 2.5rem;
    }
    .sf-ban-d1 {
        font-size: .4rem;
        line-height: .5rem;
    }
    .sf-ban-d2 {
        font-size: .45rem;
        line-height: .6rem;
    }
    .sf-ban-cli {
        bottom: .6rem;
    }
    .sf-nav {
        height: .8rem;
    }
    .sf-nav .w1200 {
        padding: 0;
    }
    .sf-nav-a {
        width: 1.6rem;
        height: .8rem;
        font-size: .24rem;
        line-height: .8rem;
    }
    .sf-nav-a:after {
        height: .3rem;
        top: .25rem;
    }
    .page {
        height: .6rem;
        line-height: .6rem;
    }
    .page a {
        width: .6rem;
        height: .6rem;
        font-size: .24rem;
        line-height: .6rem;
        margin: 0 .02rem;
    }
}

/*首页*/

.ibanner {}

.ibanner .swiper-slide {
    height: 100%;
    height: 960px;
    background: no-repeat center;
    background-size: cover;
}

.ibanner .swiper-slide {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.ibanner-div {
    width: 100%;
    max-width: 1750px;
    margin: 0 auto;
    /*padding-top: 170px;*/
    padding-left: 113px;
    padding-right: 50px;
}

/*.ibanner-div .iban-d1{
	font-size: 70px;
	line-height: 85px;
	color: #000;
	font-family: arial;
	font-weight: bold;
	text-align: center;
}*/

.ibanner-div .iban-d2 {
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    margin-top: 15px;
    text-align: left;
    font-family: "Arial";
}

.ibanner-span-cont {
    height: 90px;
    position: relative;
    top: -90px;
}

.ibanner-span {
    bottom: 104px !important;
    padding-left: 113px;
}

.ibanner-span span {
    width: 50px;
    height: 5px;
    border-radius: 2.5px;
    background: #fff;
    margin-right: 20px;
    opacity: 1;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ibanner-span .swiper-pagination-bullet-active {
    background: #ea544f;
    border-radius: 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ipro {
    width: 100%;
    height: 810px;
    overflow: hidden;
    margin-bottom: 90px;
    position: relative;
}

.ipro-a {
    width: 100%;
    float: left;
    height: 135px;
    background: #fff;
}

.ipro-a1 {
    width: 25.15%;
    height: 100%;
    border-top: 1px solid rgba(0, 0, 0, .1);
    position: relative;
    cursor: pointer;
    z-index: 3;
}

.ipro-a:first-child .ipro-a1 {
    border: none;
}

.ipro-a1-a {
    font-size: 22px;
    line-height: 1;
    padding-top: 75px;
    text-align: center;
    color: #424242;
    font-family: arial;
    padding-left: 4%;
    position: relative;
    z-index: 3;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ipro-a1-b {
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    color: #424242;
    margin-top: 8px;
    padding-left: 4%;
    position: relative;
    z-index: 3;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ipro-a1-c {
    width: 0%;
    height: 100%;
    background: url(../img/img01.jpg) no-repeat center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ipro-a2 {
    width: 74.85%;
    height: 810px;
    background: no-repeat center;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    z-index: 2;
    overflow: hidden;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ipro-a2-a {
    display: block;
    width: 225px;
    height: 60px;
    border: 2px solid rgba(255, 255, 255, .6);
    border-radius: 2px;
    font-size: 18px;
    line-height: 56px;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 70px;
    right: 70px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ipro-a2-a img {
    margin-left: 8px;
    position: relative;
    top: -1px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ipro-a2-a:hover {
    background: rgba(255, 255, 255, .2);
    color: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ipro-a2-a:hover img {
    margin-left: 12px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ipro-a.on .ipro-a1-a {
    color: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ipro-a.on .ipro-a1-b {
    color: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ipro-a.on .ipro-a1-c {
    width: 105%;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ipro-a:first-child .ipro-a2 {
    display: block;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.iabout {
    overflow: hidden;
    margin-bottom: 90px;
    background: #fff;
}

.iabout-a {
    width: calc(100% - 585px);
    float: left;
    height: 597px;
}

.iabout-a div {
    background: no-repeat center;
    width: 100%;
    height: 100%;
    max-width: 1055px;
}

.iabout-b {
    width: 465px;
    float: right;
    margin-right: 60px;
    padding-top: 90px;
    margin-left: 30px;
}

.iabout-b1 {
    font-size: 46px;
    color: #424242;
    line-height: 50px;
    font-weight: bold;
}

.iabout-b2 {
    font-size: 28px;
    color: #424242;
    line-height: 35px;
    margin-top: 10px;
}

.iabout-b3 {
    padding: 30px 0;
    margin-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    font-size: 18px;
    color: #424242;
    line-height: 35px;
}

.iabout-b4 {
    display: block;
    width: 205px;
    height: 65px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px;
    font-size: 18px;
    color: #424242;
    line-height: 63px;
    text-align: center;
    padding-right: 60px;
    background: #f9f9f9;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.iabout-b4 span {
    width: 60px;
    height: 63px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/ico06.png) no-repeat center;
    border-left: 1px solid rgba(0, 0, 0, .1);
}

.iabout-b4:hover {
    color: #424242;
    opacity: .8;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ivoice-bj {
    width: 100%;
    height: 646px;
    background: no-repeat center;
}

.ivoice {
    padding-top: 70px;
}

.ivoice-a {
    font-size: 28px;
    color: #fff;
    line-height: 35px;
    font-family: arial;
    font-weight: bold;
    text-align: center;
}

.ivoice-b {
    font-size: 28px;
    color: #fff;
    line-height: 35px;
    text-align: center;
}

.ivoice-c {
    margin-top: 100px;
}

.ivoice-swiper {
    max-width: 1530px;
    height: 250px;
    padding: 10px 0;
    margin: 0 auto;
}

.ivoice-swiper .swiper-slide {
    overflow: hidden;
}

.ivoice-cc {
    display: block;
    width: 50%;
    float: left;
    padding-right: 2%;
    cursor: pointer;
}

.ivoice-c1 {
    width: 125px;
    float: left;
    text-align: center;
    padding-top: 15px;
}

.ivoice-c1-a {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    margin: 0 auto;
}

.ivoice-c1-b {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    margin-top: 12px;
}

.ivoice-c1-c {
    font-size: 12px;
    color: #fff;
    line-height: 20px;
}

.ivoice-c2 {
    width: calc(100% - 145px);
    float: right;
    border: 3px solid rgba(255, 255, 255, .6);
    border-radius: 3px;
    border-left: none;
    padding: 30px 30px;
    height: 230px;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ivoice-c2-a {
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    height: 90px;
}

.ivoice-c2-b {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    height: 1px;
    width: 100%;
    margin-top: 20px;
}

.ivoice-c2-c {
    float: left;
    margin-top: 15px;
}

.ivoice-c2-e {
    font-size: 18px;
    line-height: 30px;
    float: right;
    margin-top: 25px;
    color: #fff;
}

.ivoice-c2-e img {
    position: relative;
    top: -1px;
    margin-left: 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ivoice-c2-f {
    width: 13px;
    height: 230px;
    background: url(../img/ico17.png) no-repeat center;
    position: absolute;
    left: -11px;
    top: -2px;
    opacity: .6;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ivoice-cc.on {
    padding-right: 0;
    padding-left: 2%;
}

.ivoice-cc.on .ivoice-c1 {
    float: right;
}

.ivoice-cc.on .ivoice-c2 {
    float: left;
    border: 3px solid rgba(255, 255, 255, .6);
    border-right: none;
}

.ivoice-cc.on .ivoice-c2-f {
    width: 13px;
    height: 230px;
    background: url(../img/ico18.png) no-repeat center;
    position: absolute;
    left: initial;
    right: -11px;
    top: -2px;
    opacity: .6;
}

.ivoice-c2:hover {
    border: 3px solid rgba(255, 255, 255, 1);
    border-left: none;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ivoice-c2:hover .ivoice-c2-f {
    opacity: 1;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ivoice-c2:hover .ivoice-c2-e img {
    margin-left: 10px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ivoice-cc.on .ivoice-c2:hover {
    border: 3px solid rgba(255, 255, 255, 1);
    border-right: none;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ivoice-cc.on .ivoice-c2:hover .ivoice-c2-f {
    opacity: 1;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ivoice-cc.on .ivoice-c2:hover .ivoice-c2-e img {
    margin-left: 10px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ivoice-d {
    height: 60px;
    margin-top: 25px;
    text-align: center;
}

.ivoice-d1 {
    width: 30px;
    height: 30px;
    background: url(../img/ico09.png) no-repeat center;
    margin: 0 auto;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ivoice-d1:hover {
    background: url(../img/ico11.png) no-repeat center;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ivoice-d2 {
    width: 30px;
    height: 30px;
    background: url(../img/ico10.png) no-repeat center;
    margin: 0 auto;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ivoice-d2:hover {
    background: url(../img/ico12.png) no-repeat center;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.isearch-bj {
    width: 100%;
    height: 217px;
    background: no-repeat center;
}

.isearch {
    width: 580px;
    margin: 0 auto;
    padding-top: 65px;
    position: relative;
}

.isearch form {
    overflow: hidden;
}

.formd1 {
    width: 2px;
    height: 20px;
    background: #97a891;
    position: absolute;
    left: 28px;
    top: 91px;
}

.isearch .int1 {
    width: 475px;
    height: 70px;
    background: #fff;
    border: none;
    border-radius: 3px;
    float: left;
    padding-left: 45px;
    padding-right: 20px;
    font-size: 18px;
    color: #333;
}

.isearch .int2 {
    width: 95px;
    height: 70px;
    background: #fff url(../img/ico13.png) no-repeat center;
    float: right;
    border: none;
    border-radius: 3px;
}

.isearch-a {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin-top: 10px;
    padding-left: 40px;
}

.isearch-a a {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin-right: 12px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.isearch-a a:hover {
    border-bottom: 1px solid rgba(0, 0, 0, .9);
    opacity: .8;
    transition: all .3s;
    -webkit-transition: all .3s;
}

@media (max-width:1400px) {
    .ipro {
        height: 1000px;
    }
    .ipro-a {
        width: 16.6%;
        height: 180px;
        float: left;
    }
    .ipro-a1 {
        width: 100%;
    }
    .ipro-a2 {
        width: 100%;
        top: 180px;
    }
    .ipro-a.on .ipro-a1-c {
        width: 100%;
    }
    .iabout-a {
        width: calc(100% - 485px);
    }
    .iabout-b {
        width: 425px;
        margin-right: 30px;
    }
    .ivoice-cc {
        padding-right: 1%;
    }
    .ivoice-cc.on {
        padding-left: 1%;
    }
    .ivoice-c2-a {}
    .ipro-a1-b {
        padding-left: 0;
    }
    .ipro-a1-c {
        background-size: cover;
    }
    .ibanner-div .iban-d1 {
        font-size: 55px;
    }
    .ibanner .swiper-slide {
        height: 800px;
    }
    .ibanner-div .iban-d2 {
        font-size: 42px;
    }
}

.ivoice-cm {
    display: none;
}

@media (max-width:1023px) {
    .ipro-a {
        height: 130px;
    }
    .ipro-a1-a {
        padding-top: 30px;
    }
    .ipro-a1-b {
        font-size: 24px;
        margin-top: 20px;
    }
    .ipro-a2 {
        background-size: cover;
        height: 500px;
        top: 130px;
    }
    .ipro {
        height: 630px;
    }
    .iabout-a {
        width: 100%;
    }
    .iabout-b {
        width: 100%;
        padding: 40px 30px;
        margin: 0;
    }
    .ivoice-c {
        display: none;
    }
    .ivoice-cm {
        display: block;
        height: 370px;
        margin-top: 30px;
    }
    .ivoice-m-swiper {
        height: 100%;
        max-width: 669px;
    }
    .ivoice-cc {
        width: 100%;
    }
    .ivoice-c1 {
        width: 100%;
    }
    .ivoice-c2 {
        width: 100%;
        padding: 15px 30px;
        margin-top: 20px;
        height: 180px;
        border: 3px solid rgba(255, 255, 255, .6);
        border-top: none;
    }
    .ivoice-c2:hover {
        border: 3px solid rgba(255, 255, 255, .6);
        border-top: none;
    }
    .ivoice-c2-b {
        margin-top: 10px;
        border: 2px s;
    }
    .ivoice-c2-c {
        margin-top: 5px;
    }
    .ivoice-c2-e {
        margin-top: 15px;
    }
    .ivoice-c2-f {
        width: calc(100% + 6px);
        height: 15px;
        left: -3px;
        top: -12px;
        background: url(../img/ico20.png) no-repeat center;
    }
    .ivoice-d1 {
        display: inline-block;
        background: url(../img/ico19.png) no-repeat center;
        opacity: .6;
    }
    .ivoice-d1:hover {
        background: url(../img/ico19.png) no-repeat center;
        opacity: 1;
    }
    .ivoice-d2 {
        display: inline-block;
        background: url(../img/ico21.png) no-repeat center;
        opacity: .6;
    }
    .ivoice-d2:hover {
        background: url(../img/ico21.png) no-repeat center;
        opacity: 1;
    }
    .ibanner-div .iban-d1 {
        font-size: 45px;
    }
    .ibanner-div .iban-d2 {
        font-size: 32px;
    }
}

@media (max-width:767px) {
    .ibanner .swiper-slide {
        height: 7.5rem;
        background-size: cover;
    }
    .ibanner-div {
        padding-left: .4rem;
        padding-top: 2rem;
        padding-right: .4rem;
    }
    .ibanner-div .iban-d1 {
        font-size: .5rem;
        line-height: .7rem;
    }
    .ibanner-div .iban-d2 {
        font-size: .36rem;
        line-height: .5rem;
        margin-top: .2rem;
    }
    .ibanner-span-cont {
        width: 100%;
        height: 0;
        top: 0;
    }
    .ibanner-span {
        width: 100%;
        bottom: .0rem !important;
        padding-left: 0;
        left: 0;
    }
    .ibanner-span span {
        width: .5rem;
        height: .05rem;
        margin: 0 .1rem;
    }
    .ipro {
        width: 7.5rem;
        margin-left: -.4rem;
        height: 5.7rem;
        margin-bottom: .4rem;
    }
    .ipro-a {
        height: 1.3rem;
    }
    .ipro-a1-a {
        font-size: .26rem;
        padding-top: .3rem;
    }
    .ipro-a1-b {
        font-size: .18rem;
        line-height: .4rem;
        margin-top: .1rem;
    }
    .ipro-a2 {
        height: 4.4rem;
        top: 1.3rem;
    }
    .ipro-a2-a {
        width: 2rem;
        height: .6rem;
        font-size: .24rem;
        line-height: .56rem;
        right: .4rem;
        bottom: .3rem;
    }
    .ipro-a2-a img {
        width: .1rem;
    }
    .iabout-a {
        height: 3.85rem;
    }
    .iabout-a div {
        background-size: cover;
    }
    .iabout-b {
        padding: .5rem;
    }
    .iabout-b1 {
        font-size: .6rem;
        line-height: .8rem;
    }
    .iabout-b2 {
        font-size: .4rem;
        line-height: .6rem;
        margin-top: .15rem;
    }
    .iabout-b3 {
        font-size: .24rem;
        line-height: .5rem;
        margin-top: .3rem;
        padding: .3rem 0;
    }
    .iabout-b4 {
        font-size: .24rem;
        width: 2.2rem;
        height: .7rem;
        line-height: .68rem;
        padding-right: .7rem;
    }
    .iabout-b4 span {
        width: .7rem;
        height: .7rem;
        background-size: .1rem;
    }
    .iabout {
        margin-bottom: .4rem;
    }
    .ivoice-bj {
        height: 8.5rem;
        background-size: cover;
    }
    .ivoice {
        padding-top: .45rem;
    }
    .ivoice-a {
        font-size: .4rem;
        line-height: .6rem;
    }
    .ivoice-b {
        font-size: .4rem;
        line-height: .65rem;
    }
    .ivoice-c1-a {
        width: 1.1rem;
        height: 1.1rem;
        background-size: cover;
    }
    .ivoice-c1-b {
        font-size: .26rem;
        line-height: .4rem;
        margin-top: .1rem;
    }
    .ivoice-c1-c {
        font-size: .24rem;
        line-height: .4rem;
    }
    .ivoice-c1 {
        padding-top: 0;
    }
    .ivoice-cm {
        margin-top: .35rem;
    }
    .ivoice-c2 {
        height: 2.9rem;
    }
    .ivoice-c2-a {
        font-size: .24rem;
        line-height: .4rem;
        height: 1.2rem;
    }
    .ivoice-c2 {
        padding: .2rem .4rem;
    }
    .ivoice-c2-c {
        width: .7rem;
        margin-top: .2rem;
    }
    .ivoice-c2-e {
        font-size: .26rem;
        margin-top: .3rem;
    }
    .ivoice-c2-b {
        margin-top: .3rem;
    }
    .ivoice-cm {
        height: 5.4rem;
    }
    .ivoice-d {
        height: .6rem;
        margin-top: .2rem;
    }
    .ivoice-d div {
        width: .6rem;
        height: .6rem;
        background-size: .3rem;
    }
    .ivoice-d div:hover {
        background-size: .3rem;
    }
    .isearch-bj {
        height: 3.1rem;
        background-size: cover;
    }
    .isearch {
        padding-top: .8rem;
        width: 6.7rem;
    }
    .isearch .int1 {
        width: 5.1rem;
        height: 1rem;
        line-height: 1rem;
        font-size: .26rem;
        padding: 0 .4rem;
    }
    .formd1 {
        top: 1.1rem;
        left: .2rem;
    }
    .isearch .int2 {
        width: 1.5rem;
        height: 1rem;
    }
    .isearch-a {
        padding-left: .3rem;
        font-size: .24rem;
        line-height: .4rem;
    }
    .isearch-a a {
        font-size: .24rem;
        line-height: .4rem;
        margin-right: .2rem;
    }
}

/*联系我们*/

.contact {
    padding-top: 115px;
    padding-bottom: 135px;
}

.contact-a {
    font-size: 18px;
    color: #454545;
    line-height: 25px;
    text-align: center;
}

.contact-b {
    font-size: 28px;
    color: #454545;
    line-height: 45px;
    text-align: center;
}

.contact-c {
    width: 100%;
    height: 430px;
    margin-top: 75px;
}

.contact-c #map {
    width: 100%;
    height: 100%;
}

.contact-d {
    margin-top: 10px;
    height: 190px;
    box-shadow: 0 0 40px rgba(222, 222, 222, .3);
}

.contact-d1 {
    width: 33.3%;
    height: 100%;
    float: left;
    padding-left: 5.8%;
    padding-right: 7.5%;
}

.contact-d2 {
    width: 33.3%;
    height: 100%;
    float: left;
    padding-left: 7%;
    padding-right: 4%;
    border-left: 1px solid rgba(0, 0, 0, .1);
}

.contact-d3 {
    width: 33.4%;
    height: 100%;
    float: left;
    padding-left: 9%;
    padding-right: 4%;
    border-left: 1px solid rgba(0, 0, 0, .1);
}

.contact-d1-a {
    font-size: 20px;
    color: #454545;
    padding-top: 50px;
    line-height: 1;
}

.contact-d1-b {
    font-size: 15px;
    line-height: 25px;
    margin-top: 10px;
}

.contact-img {
    margin-top: 40px;
}

.recruit {
    background: #fcfcfc;
    padding-bottom: 90px;
}

.recruit-a {
    background: no-repeat center;
    height: 317px;
}

.recruit-a .isearch {
    padding-top: 110px;
}

.recruit-a .formd1 {
    top: 136px
}

.recruit-a .isearch .int1 {
    background: #fdfaf9;
}

.recruit-a .isearch .int2 {
    background: #fff url(../img/ico22.png) no-repeat center;
}

.recruit-b {
    padding-top: 90px;
}

.recruit-b1,
.recruit-b2,
.recruit-b3 {
    margin-bottom: 15px;
    overflow: hidden;
}

.recruit-b1-a {
    width: 145px;
    float: left;
    padding-left: 45px;
    background: no-repeat left center;
    font-size: 16px;
    line-height: 32px;
    font-weight: bold;
}

.recruit-b1-b {
    width: calc(100% - 145px);
    float: left;
    font-size: 16px;
    line-height: 32px;
    color: #333;
}

.contact-d2 .contact-d1-b {
    /*text-transform:uppercase;*/
}

.recruit-b1-b a {
    font-size: 16px;
    line-height: 32px;
    color: #333;
    margin: 0 12px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.recruit-b1-b a.on {
    color: #ea524f;
}

.recruit-b1-b a:hover {
    color: #ea524f;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.recruit-b1 .recruit-b1-a {
    background-image: url(../img/ico23.png);
}

.recruit-b2 .recruit-b1-a {
    background-image: url(../img/ico24.png);
}

.recruit-b3 .recruit-b1-a {
    background-image: url(../img/ico25.png);
}

.recruit-b4 {
    width: 100%;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 30px rgba(150, 150, 150, .4);
    margin-top: 40px;
    margin-bottom: 50px;
}

.recruit-b4-a {
    font-size: 16px;
    height: 45px;
    background: #f2f2f2;
    line-height: 45px;
    padding: 0 20px;
    font-weight: bold;
}

.recruit-b4 .rba1 {
    width: 35%;
    float: left;
    padding-right: 10px;
}

.recruit-b4 .rba2 {
    width: 23%;
    float: left;
    padding-right: 10px;
}

.recruit-b4 .rba3 {
    width: 23%;
    float: left;
    padding-right: 10px;
}

.recruit-b4 .rba4 {
    width: 19%;
    float: left;
    padding-right: 10px;
}

.recruit-b4-b {}

.recruit-b4-b li {
    background: #fafafa;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.recruit-b4-b li:first-child {
    border-top: none;
}

.recruit-b4-b1 {
    overflow: hidden;
    padding: 25px 20px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.recruit-b4-b1 .rba1 {
    font-weight: bold;
}

.recruit-b4-b1 .rba5 {
    width: 15px;
    height: 100%;
    position: absolute;
    right: 30px;
    top: 0;
    background: url(../img/ico28.png) no-repeat center;
}

.recruit-b4-b1.on .rba5 {
    background: url(../img/ico27.png) no-repeat center;
}

.recruit-b4-b li:nth-child(2n) {
    background: #fff;
}

.recruit-b4-b2 {
    padding: 15px 20px;
    background: #eee;
    display: none;
}

.recruit-b4-b2 .rbb-div {
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -webkit-box-lines: multiple;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.recruit-b4-b2 .rbb-div div {
    width: 33.333%;
    padding-right: 10px;
    font-size: 14px;
    color: #333;
    line-height: 25px;
    margin: 3px 0;
    float: left;
}

.recruit-b4-b2 .rbb-txt {
    font-size: 14px;
    color: #333;
    line-height: 25px;
    padding: 10px 0;
    margin: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.recruit-b4-b2 .rbb-a {
    display: block;
    width: 120px;
    height: 40px;
    background: #fff;
    font-size: 14px;
    text-align: center;
    color: #333;
    line-height: 40px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.recruit-b4-b2 .rbb-a:hover {
    color: #ea524f;
}

@media (max-width: 1400px) {}

@media (max-width: 1023px) {}

@media (max-width: 767px) {
    .contact {
        padding-top: .9rem;
        padding-bottom: .6rem;
    }
    .contact-a {
        font-size: .28rem;
        line-height: .4rem;
    }
    .contact-b {
        font-size: .4rem;
        line-height: .6rem;
    }
    .contact-c {
        margin-top: .3rem;
        height: 4rem;
    }
    .contact-d1,
    .contact-d2,
    .contact-d3 {
        padding: .2rem;
    }
    .contact-d1-a {
        font-size: .3rem;
        line-height: .5rem;
        padding-top: 0rem;
    }
    .contact-d {
        height: 2.6rem;
    }
    .contact-d1-b {
        font-size: .24rem;
        line-height: .4rem;
        margin-top: .15rem;
    }
    .contact-img {
        margin-top: .4rem;
    }
    .recruit-a {
        height: 3rem;
        background-size: cover;
    }
    .recruit-a .isearch {
        padding-top: .5rem;
    }
    .recruit-b {
        padding-top: .5rem;
    }
    .recruit-b1-a {
        font-size: .28rem;
        width: 2rem;
        padding-left: .5rem;
    }
    .recruit-b1-b {
        width: calc(100% - 2rem);
    }
    .recruit-b1-b a {
        font-size: .26rem;
        line-height: .4rem;
        margin: 0 .15rem;
    }
    .recruit-b1 .recruit-b1-a {
        background-size: .3rem;
    }
    .recruit-b2 .recruit-b1-a {
        background-size: .3rem;
    }
    .recruit-b3 .recruit-b1-a {
        background-size: .3rem;
    }
    .recruit-b1,
    .recruit-b2,
    .recruit-b3 {
        margin-bottom: .15rem;
    }
    .recruit-b4 {
        margin-top: .4rem;
        padding: .2rem;
    }
    .recruit-b4 .rba1 {
        width: 60%;
    }
    .recruit-b4 .rba2 {
        display: none;
    }
    .recruit-b4 .rba3 {
        display: none;
    }
    .recruit-b4 .rba4 {
        width: 40%;
    }
    .recruit-b4 {}
    .recruit-b4-a {
        font-size: .3rem;
        line-height: .8rem;
        height: .8rem;
        padding: 0 .2rem;
    }
    .recruit-b4-b1 {
        padding: .2rem;
    }
    .recruit-b4-b1 {
        font-size: .26rem;
    }
    .recruit-b4-b1 .rba5 {
        right: .4rem;
    }
    .recruit-b4-b2 {
        padding: .2rem;
    }
    .recruit-b4-b2 .rbb-div div {
        width: 50%;
        font-size: .24rem;
        line-height: .4rem;
        margin: .03rem 0;
        padding-bottom: .15rem;
    }
    .recruit-b4-b2 .rbb-txt {
        padding: .1rem 0;
        margin-top: .2rem;
        font-size: .24rem;
        line-height: .45rem;
    }
}

/*品牌介绍*/

.brand {
    padding-top: 120px;
    padding-bottom: 130px;
}

.brand-a {
    overflow: hidden;
}

.brand-banner .ibanner-span {
    padding-left: 0;
}

.brand-a1 {
    width: calc(100% - 150px);
    float: left;
    max-width: 775px;
}

.brand-a1-a {
    font-size: 32px;
    color: #373636;
    line-height: 50px;
    margin-bottom: 25px;
    font-weight: bold;
}

.brand-a1-b {
    font-size: 14px;
    color: #424242;
    line-height: 30px;
}

.brand-a2 {
    width: 120px;
    float: right;
    text-align: right;
    padding-top: 12px;
}

.brand-a2-a {}

.brand-a2-b {
    font-size: 22px;
    color: #373636;
    line-height: 45px;
    font-family: arial;
    font-weight: bold;
}

.brand-b {
    margin-top: 85px;
    overflow: hidden;
}

.brand-b1 {
    float: left;
    width: 310px;
}

.brand-b1 div {
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding-left: 20px;
    font-size: 22px;
    color: #373636;
    margin-bottom: 5px;
    cursor: default;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.brand-b1 div:hover {
    background: #b5cfcc;
    color: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.brand-b2 {
    width: calc(100% - 350px);
    float: right;
    max-width: 806px;
    height: 371px;
    background: no-repeat center;
}

.brand-b2-a {
    width: 100%;
    height: 100%;
    background: url(../img/ico30.png) no-repeat center;
    cursor: pointer;
}

.brand-c {
    margin-top: 75px;
    height: 380px;
}

.brand-swiper .swiper-slide {
    background: no-repeat center;
    background-size: cover;
    height: 380px;
}

.brand-c1 {
    width: 270px;
    padding: 30px 20px;
    background: #fff;
    position: relative;
    top: 140px;
    left: 7.15%;
    /*float: left;*/
    /*display: none;*/
}

.brand-c1-a {
    width: 30px;
    height: 2px;
    background: #333;
    display: none;
}

.brand-c1-b {
    font-size: 28px;
    line-height: 30px;
    color: #333;
    margin-top: 10px;
    font-weight: bold;
    font-family: arial;
}

.brand-c1-c {
    font-size: 28px;
    color: #333;
    line-height: 30px;
    margin-top: 5px;
    font-weight: bold;
}

.brand-span {
    position: absolute;
    width: auto !important;
    left: 70px !important;
    bottom: 45px !important;
    height: 20px;
    line-height: 20px;
    z-index: 4;
}

.brand-span span {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #3c3a39;
    opacity: 1;
    margin: 0 !important;
    margin-right: 10px !important;
}

.brand-span .swiper-pagination-bullet-active {
    background: #e5976c;
}

@media (max-width: 1024px) {
    .brand-c {
        height: 300px;
    }
    .brand-swiper .swiper-slide {
        height: 300px;
    }
    .brand-c1 {
        top: 60px;
        left: 0;
    }
}

@media (max-width: 767px) {
    .brand-c {
        margin-top: .5rem;
        height: 3rem;
    }
    .brand-swiper .swiper-slide {
        height: 3rem;
    }
    .brand-c1 {
        width: 4rem;
        padding: .3rem .2rem;
        top: 1rem;
        left: 0;
    }
    .brand-c1-a {
        width: .3rem;
    }
    .brand-c1-b {
        font-size: .32rem;
        line-height: .45rem;
        margin-top: 0;
    }
    .brand-c1-c {
        font-size: .26rem;
        line-height: .4rem;
        margin-top: .05rem;
    }
    .brand-span {
        left: .3rem;
        bottom: .3rem;
    }
    .brand-span span {
        width: .1rem;
        height: .1rem;
        margin-right: .1rem;
    }
}

.brands {
    width: 100%;
    /*margin-top: 55PX;*/
    /*border-top: 55px solid rgba(249,247,244,1);*/
    border-top-color: #bf1b3e;
    /*border:none!important;*/
    border-top-color: rgba(239, 239, 239, 1) !important;
}

.brands-m {
    display: none;
}

.brands-a {
    height: 700px;
    background: no-repeat center;
    background-size: cover;
    /*border-top-color: #bf1b3e!important;*/
    border-top-color: rgba(239, 239, 239, 1) !important;
    /*border:none!important;*/
}

/* .brands-a:first-child {
    height: 500px;
} */

.brand-c1-d {
    font-size: 18px;
    color: #333;
    line-height: 25px;
    margin-top: 20px;
    font-weight: bold;
}

.sf-brand {
    height: 700px;
    margin-top: 125px;
}

.sf-brand .sf-ban-div {
    padding-top: 240px;
}

.brand-c1.on * {
    color: #fff;
}

.brand-c1.on .brand-c1-a {
    background: #fff;
}

@media (max-width: 1023px) {
    .brands-a {
        height: 600px
    }
}

@media (max-width: 767px) {
    .brands {
        border-top: 25px solid rgba(249, 247, 244, 1);
    }
    /*.brands{
		margin-top: .4rem;
	}*/
    .brands-pc {
        display: none;
    }
    .brands-m {
        display: block;
    }
    .brands-a {
        height: auto;
        background: no-repeat top center;
        padding-top: 5rem;
        background-size: 7.5rem 5rem;
    }
    .brand-c1 {
        top: 0;
        width: 100%;
        margin-bottom: .3rem;
    }
    .brand-c1-d {
        font-size: .24rem;
        line-height: .4rem;
        margin-top: .05rem;
    }
    .sf-brand {
        display: block !important;
        height: 7rem;
        margin-top: 1.2rem;
    }
    .sf-brand .sf-ban-div {
        padding-top: 2.4rem !important;
    }
}

.team-bj {
    background: #fcfcfc;
}

.team {
    padding-top: 100px;
    padding-bottom: 110px;
    overflow: hidden;
}

.team-a {
    width: 100%;
    overflow: hidden;
}

.team-a1 {
    width: calc(100% - 150px);
    float: left;
    max-width: 775px;
}

.team-a1-a {
    font-size: 26px;
    color: #373636;
    line-height: 30px;
    font-family: arial;
}

.team-a1-b {
    font-size: 42px;
    color: #373636;
    line-height: 50px;
}

.team-a2 {
    width: 120px;
    float: right;
    text-align: center;
    padding-top: 5px;
}

.team-a2-a {}

.team-a2-b {
    font-size: 22px;
    color: #373636;
    line-height: 45px;
    font-family: arial;
    font-weight: bold;
}

.team-b {
    width: 30%;
    float: left;
}

.team-b1 {
    font-size: 20px;
    color: #2e2e2e;
    line-height: 30px;
    font-weight: bold;
    padding-bottom: 15px;
    border-bottom: 2px solid #2e2e2e;
}

.team-b2 {
    font-size: 14px;
    color: #171717;
    line-height: 30px;
    padding: 15px 0;
    font-weight: bold;
    margin-bottom: 40px;
}

.team-b3 {
    font-size: 14px;
    color: #868686;
    line-height: 28px;
    padding: 15px 0;
    font-weight: bold;
}

.team-b3 div {
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.team-b3 div:hover {
    color: #272727;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.team-b3 div.on {
    color: #272727;
}

.team-c {
    width: 66.67%;
    float: right;
}

.team-c1 {
    width: 103%;
    overflow: hidden;
    margin-top: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -webkit-box-lines: multiple;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.team-c1 li {
    width: 30.333%;
    float: left;
    margin-right: 3%;
    border-bottom: 2px solid #272727;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.team-c1-b {
    font-size: 20px;
    color: #2e2e2e;
    line-height: 25px;
    font-weight: bold;
    margin-top: 15px;
}

.team-c1-c {
    font-size: 14px;
    color: #171717;
    line-height: 25px;
    font-weight: bold;
}

.team-c1-d {
    font-size: 12px;
    color: #171717;
    line-height: 20px;
    font-weight: bold;
    margin-top: 8px;
    min-height: 60px;
}

.award {
    height: 900px;
    overflow: hidden;
    position: relative;
    background: #f5f5f5;
}

.award-a {
    width: 100%;
    max-width: 1650px;
    padding: 0 50px;
    margin: 0 auto;
    padding-top: 110px;
    position: relative;
}

.award-a1 {
    width: 425px;
    float: left;
    margin-left: 7%;
    height: 394px;
    background: url(../img/ico32.png) no-repeat center;
}

.award-a1-a {
    font-size: 26px;
    line-height: 30px;
    color: #373636;
    padding-left: 130px;
}

.award-a1-b {
    font-size: 42px;
    line-height: 55px;
    color: #373636;
    padding-left: 130px;
}

.award-a2 {
    width: calc(100% - 465px);
    max-width: 860px;
    float: right;
    position: relative;
    z-index: 3;
}

.award-a2-a {
    height: 47px;
    margin-top: 30px;
    border-bottom: 2px solid rgba(0, 0, 0, .1);
}

.award-a2-a1 {
    font-size: 18px;
    line-height: 45px;
    color: #4b4a4a;
    width: 110px;
    font-weight: bold;
    float: left;
    cursor: pointer;
}

.award-a2-a2 {
    width: calc(100% - 110px);
    float: left;
    font-size: 18px;
    line-height: 45px;
    color: #4b4a4a;
    font-weight: bold;
}

.award-a2-b {
    width: 100%;
    margin-top: 165px;
    position: absolute;
    left: 0;
    padding: 0 50px;
    z-index: 4;
}

.award-a2-b .swiper-container {
    width: 100%;
}

@media (max-width: 767px) {
    .award-a2-b {
        padding: 0 .4rem;
        position: relative;
    }
    .award-a2-b .swiper-container {
        padding: .5rem 0;
    }
}

.award-a2-b:hover {
    cursor: url(../img/ico59.ico), auto;
    ;
}

.award-b {
    width: 100%;
    height: 436px;
    background: no-repeat center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.award-swiper1 {
    width: 100%;
}

.award-swiper1 .swiper-slide {
    cursor: pointer;
    text-align: center;
}

.award-swiper1 .swiper-slide:after {
    content: "";
    width: 0px;
    height: 2px;
    background: #333;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.award-swiper1 .swiper-slide:hover:after {
    width: 50px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.award-swiper1 .swiper-slide.on:after {
    width: 50px;
}

.swp-div {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    padding: 25px;
    width: 100%;
    display: none;
}

.swp-d1 {
    font-size: 15px;
    color: #2e2e2e;
    line-height: 25px;
}

.swp-d2 {
    font-size: 20px;
    color: #2e2e2e;
    line-height: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid rgba(0, 0, 0, .1);
}

.vision {
    height: 702px;
}

.vision-m {
    display: none;
}

.vision .swiper-slide {
    background: no-repeat center;
    background-size: cover;
}

.vision-div {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 75px;
    padding-top: 255px;
}

.vision-d1 {
    font-size: 28px;
    color: #fff;
    line-height: 30px;
}

.vision-d2 {
    float: left;
    font-size: 28px;
    color: #fff;
    line-height: 45px;
    padding: 15px 0;
    /*border-bottom: 2px solid #fff;*/
}

.vision-d3 {
    width: 100%;
    float: left;
    font-size: 16px;
    font-family: arial;
    color: #fff;
    line-height: 20px;
    padding: 20px 0;
}

.vision-span {
    width: 100%;
    position: absolute;
    bottom: 70px;
    left: 0;
    z-index: 4;
}

.vision-sp1 {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 75px;
}

.vision-sp2 span {
    width: 20px;
    height: 3px;
    background: #383837;
    margin: 0 5px 0 0;
    border-radius: 0;
    opacity: 1;
}

.vision-sp2 .swiper-pagination-bullet-active {
    background: #fff;
}

@media (max-width: 1550px) {
    .award-a1 {
        margin-left: 0;
    }
    .vision-d2 {
        font-size: 26px;
        line-height: 35px;
        padding: 10px 0;
    }
}

@media (max-width: 1400px) {
    .brand-a1-a {
        font-size: 30px;
    }
}

@media (max-width: 1350px) {
    .award-a1 {
        width: 300px;
        height: 280px;
        background-size: cover;
    }
    .award-a1-a,
    .award-a1-b {
        padding-left: 60px;
    }
    .award-a2 {
        width: calc(100% - 330px);
    }
}

@media (max-width: 1023px) {
    .vision {
        height: 500px;
    }
    .vision-div {
        padding-top: 150px;
    }
    .brand-a1-a {
        font-size: 28px;
    }
    .vision-d2 {
        font-size: 28px;
    }
    .brand-b1 {
        width: 100%;
    }
    .brand-b1 div {
        width: initial;
        height: 50px;
        line-height: 50px;
        display: inline-block;
        float: left;
        padding: 0 15px;
    }
    .brand-b2 {
        width: 100%;
        margin-top: 25px;
        float: left;
    }
    .team-c1 li {
        width: 47%;
    }
    .award-a1 {
        position: absolute;
        top: 50px;
        left: 50px;
    }
    .award-a2 {
        width: 100%;
        margin-top: 30px;
    }
    .award-a2-b {
        margin-top: 50px;
    }
    .award {}
    .award-a {
        padding-bottom: 100px;
    }
    .award-a1-a,
    .award-a1-b {
        padding-left: 0;
    }
    .sf-tk-a {
        width: 95%;
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    .award {
        height: inherit;
    }
    .brand {
        padding-top: 1rem;
        padding-bottom: .6rem;
    }
    .brand-a2 {
        width: 1.2rem;
        padding-top: .1rem;
    }
    .brand-a2-b {
        font-size: .28rem;
        line-height: .45rem;
    }
    .brand-a1 {
        width: calc(100% - 1.5rem);
    }
    .brand-a1-a {
        font-size: .36rem;
        line-height: .55rem;
        margin-bottom: .25rem;
    }
    .brand-a1-b {
        font-size: .26rem;
        line-height: .5rem;
    }
    .brand-b {
        margin-top: .6rem;
    }
    .brand-b1 div {
        font-size: .3rem;
        line-height: .6rem;
        height: .6rem;
        padding: 0 .15rem;
        margin-bottom: .05rems;
    }
    .brand-b2 {
        margin-top: .2rem;
        height: 3rem;
        background-size: cover;
    }
    .team-a2 {
        width: 1.2rem;
        padding-top: .1rem;
    }
    .team-a2-b {
        font-size: .28rem;
        line-height: .45rem;
    }
    .team-a1-a {
        font-size: .28rem;
        line-height: .45rem;
    }
    .team-a1-b {
        font-size: .45rem;
        line-height: .6rem;
    }
    .team-b {
        width: 100%;
        margin-top: .2rem;
    }
    .team-b1 {
        font-size: .28rem;
        line-height: .45rem;
        padding-bottom: .05rem;
    }
    .team-b2 {
        font-size: .26rem;
        line-height: .45rem;
        padding: .15rem 0;
        margin-bottom: .25rem;
    }
    .team-b3 div {
        display: inline-block;
        float: left;
        margin: 0 .1rem;
        font-size: .24rem;
        line-height: .45rem;
        margin-bottom: .05rem;
    }
    .team-c {
        width: 100%;
        margin-top: .5rem;
    }
    .team-c1 {
        margin-top: .3rem;
    }
    .team-c1-b {
        font-size: .32rem;
        line-height: .5rem;
        margin-top: .1rem;
    }
    .team-c1-c {
        font-size: .28rem;
        line-height: .45rem;
    }
    .team-c1-d {
        font-size: .24rem;
        line-height: .45rem;
    }
    .team {
        padding-top: .6rem;
        padding-bottom: .6rem;
    }
    .award-b {
        height: 3rem;
        background-size: cover;
    }
    .award-a {
        padding: 0 .4rem;
        padding-top: .6rem;
        padding-bottom: .8rem;
    }
    .award-a1 {
        top.4rem;
        left: .4rem;
    }
    .award-a1-a {
        font-size: .28rem;
        line-height: .45rem;
    }
    .award-a1-b {
        font-size: .42rem;
        line-height: .55rem;
    }
    .award-a2 {
        margin-top: 1rem;
    }
    .award-a2-a {
        height: .8rem;
    }
    .award-a2-a1 {
        font-size: .28rem;
        height: .8rem;
        line-height: .8rem;
        width: 1.5rem;
    }
    .award-a2-a2 {
        width: calc(100% - 1.5rem);
        font-size: .28rem;
        line-height: .8rem;
    }
    .award-a2-b {
        margin-top: .4rem;
    }
    .swp-div {
        padding: .2rem;
    }
    .swp-d1 {
        font-size: .24rem;
        line-height: .45rem;
    }
    .swp-d2 {
        font-size: .28rem;
        line-height: .45rem;
        padding-bottom: .15rem;
    }
    .vision {
        height: 5rem;
    }
    .vision-pc {
        display: none;
    }
    .vision-m {
        display: block;
    }
    .vision .swiper-slide {
        background-size: cover;
    }
    .vision-div {
        max-width: 80%;
        float: left;
        padding: 0 .4rem;
        padding-top: 1rem;
    }
    .vision-d1 {
        font-size: .3rem;
        line-height: .45rem;
    }
    .vision-d2 {
        font-size: .3rem;
        line-height: .45rem;
        padding: .1rem 0;
    }
    .vision-d3 {
        font-size: .26rem;
        line-height: .45rem;
        padding: .2rem 0;
    }
    .vision-span {
        bottom: 1rem;
    }
    .vision-sp1 {
        padding: 0 .4rem;
    }
    .sf-tk-a {
        width: 95%;
        margin-top: 2.2rem;
    }
    .sf-tk-x {
        width: .4rem;
        height: .4rem;
        top: .4rem;
        right: .4rem;
    }
}

/*品质保证*/

.design {
    height: 950px;
    margin-top: 55px;
}

.design .swiper-slide {
    background: no-repeat center;
}

.design-div {
    padding-top: 240px;
}

.design-d1 {
    font-size: 28px;
    color: #fff;
    line-height: 35px;
}

.design-d2 {
    font-size: 28px;
    color: #fff;
    line-height: 1;
    padding-top: 10px;
}

.design-d3 {
    font-size: 28px;
    color: #fff;
    line-height: 1;
    padding-top: 10px;
    font-family: arial;
}

.design-d4 {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    padding-top: 85px;
    max-width: 480px;
}

.design-span {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 4;
}

.design-sp1 {
    position: relative;
}

.design-sp2 {
    width: 15px;
    height: 950px;
    line-height: 950px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.design-sp3 {
    width: 15px;
    display: inline-block;
    top: 50%;
    right: 50px;
    margin-top: -15px;
}

.design-sp3 span {
    display: block;
    float: right;
    width: 15px;
    height: 2px;
    background: #fff;
    margin: 3px 0;
    border-radius: 0;
}

.design-sp2 .swiper-pagination-bullet-active {
    width: 35px;
    background: #fff;
}

.high {
    height: 950px;
    background: no-repeat center;
    padding-top: 100px;
}

.high-a {
    font-size: 22px;
    color: #373636;
    line-height: 25px;
    font-family: arial;
    font-weight: bold;
}

.high-b {
    font-size: 28px;
    color: #373636;
    line-height: 50px;
    margin-top: 10px;
}

.high-c {
    margin-top: 15px;
}

.high-swiper {
    width: 117%;
    padding: 0;
    left: -8.5%;
}

.high-c1 {
    width: 100%;
    max-width: 259px;
    margin: 0 auto;
    padding-top: 45px;
    position: relative;
    top: 100px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.high-c1-a {
    width: 100%;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 2;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.high-c1-a1 {
    display: none;
}

.high-c1-b {
    font-size: 14px;
    color: #373636;
    line-height: 20px;
    text-align: center;
    position: relative;
    z-index: 3;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.high-c1-c {
    font-size: 18px;
    color: #3c3c3c;
    line-height: 20px;
    text-align: center;
    position: relative;
    font-weight: bold;
    font-family: arial;
    z-index: 3;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.high-c1-d {
    text-align: center;
    margin-top: 30px;
    position: relative;
    z-index: 3;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.high-c1-e {
    font-size: 13px;
    color: #3f3f3f;
    line-height: 25px;
    text-align: center;
    margin-top: 35px;
    display: none;
    transition: all .3s;
    -webkit-transition: all .3s;
}

@media (min-width: 1024px) {
    .high-swiper .swiper-slide-next .high-c1 {
        max-width: 467px;
        top: 0;
        transition: all .3s;
        -webkit-transition: all .3s;
    }
    .high-swiper .swiper-slide-next .high-c1-b {
        font-size: 26px;
        color: #fff;
        line-height: 30px;
        transition: all .3s;
        -webkit-transition: all .3s;
    }
    .high-swiper .swiper-slide-next .high-c1-c {
        font-size: 35px;
        color: #fff;
        line-height: 50px;
        transition: all .3s;
        -webkit-transition: all .3s;
    }
    .high-swiper .swiper-slide-next .high-c1-e {
        display: block;
    }
    .high-swiper .swiper-slide-next .high-c1-a1 {
        display: block;
    }
    .high-swiper .swiper-slide-next .high-c1-a2 {
        display: none;
    }
}

.chain {
    height: 964px;
    background: no-repeat center;
    padding-top: 100px;
}

.chain-a {
    font-size: 22px;
    color: #fff;
    line-height: 25px;
    font-family: arial;
    font-weight: bold;
}

.chain-b {
    font-size: 28px;
    color: #fff;
    line-height: 40px;
    margin-top: 10px;
}

.chain-c {
    margin-top: 90px;
    height: 530px;
    overflow: auto;
}

.chain-c .mCSB_inside>.mCSB_container {
    margin-right: 5px !important;
}

.chain-c .mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, .4) !important;
}

.chain-c .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px !important;
}

.chain-c li {
    margin-bottom: 70px;
    overflow: hidden;
}

.chain-c1 {
    width: 405px;
    height: 130px;
    background: #fff;
    text-align: center;
    line-height: 130px;
    border-radius: 65px;
    float: left;
}

.chain-c2 {
    width: calc(100% - 445px);
    float: right;
    max-width: 655px;
    border-left: 1px solid #fff;
    padding: 0 4%;
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    margin-top: 15px;
}

.chain-c2-a {
    font-size: 18px;
    margin-bottom: 10px;
}

@media (max-width: 1400px) {
    .design {
        height: 850px;
    }
    /*.design-d1{
		font-size: 24px;
		line-height: 30px;
	}
	.design-d2{
		font-size: 36px;
		padding-top: 15px;
	}
	.design-d3{
		font-size: 36px;
	}*/
    /*.high-b{
		font-size: 36px;
	}*/
    /*.chain-b{
		font-size: 36px;
	}*/
}

@media (max-width: 1023px) {
    /*.design-d1{
		font-size: 22px;
	}
	.design-d2{
		font-size: 34px;
	}
	.design-d3{
		font-size: 34px;
	}*/
    /*.high-b{
		font-size: 34px;
	}*/
    /*.chain-b{
		font-size: 34px;
	}*/
}

@media (max-width: 1023px) {
    .high-swiper .swiper-slide .high-c1 {
        max-width: 467px;
        top: 0;
        transition: all .3s;
        -webkit-transition: all .3s;
    }
    .high-swiper .swiper-slide .high-c1-b {
        font-size: 26px;
        color: #fff;
        line-height: 30px;
        transition: all .3s;
        -webkit-transition: all .3s;
    }
    .high-swiper .swiper-slide .high-c1-c {
        font-size: 35px;
        color: #fff;
        line-height: 50px;
        transition: all .3s;
        -webkit-transition: all .3s;
    }
    .high-swiper .swiper-slide .high-c1-e {
        display: block;
    }
    .high-swiper .swiper-slide .high-c1-a1 {
        display: block;
    }
    .high-swiper .swiper-slide .high-c1-a2 {
        display: none;
    }
    .chain-c1 {
        width: 260px;
        height: 80px;
        border-radius: 40px;
        line-height: 80px;
        overflow: hidden;
        padding: 0 20px;
    }
    .chain-c2 {
        width: calc(100% - 280px);
    }
}

@media (max-width: 767px) {
    .design {
        height: 9.5rem;
        margin-top: .4rem;
    }
    .design-sp3 {
        right: .4rem;
    }
    .design .swiper-slide {
        background-size: cover;
    }
    .design-div {
        padding-top: 3rem;
    }
    .design-d1 {
        font-size: .32rem;
        line-height: .35rem;
    }
    .design-d2 {
        font-size: .32rem;
        line-height: .55rem;
        padding-top: .15rem;
    }
    .design-d3 {
        font-size: .32rem;
        line-height: .55rem;
        padding-top: .15rem;
    }
    .design-d4 {
        font-size: .24rem;
        line-height: .45rem;
        padding-top: .6rem;
    }
    .high {
        padding-top: .6rem;
        padding-bottom: .8rem;
        height: initial;
        background-size: cover;
    }
    .high-a {
        font-size: .26rem;
        line-height: .3rem;
    }
    .high-b {
        font-size: .4rem;
        line-height: .55rem;
        margin-top: .15rem;
    }
    .high-swiper {
        width: 80%;
        left: 0;
    }
    .high-swiper .high-c1 {
        top: 0;
    }
    .high-swiper .swiper-slide .high-c1 {
        padding-top: .6rem;
    }
    .high-swiper .swiper-slide .high-c1-b {
        font-size: .3rem;
        line-height: .3rem;
    }
    .high-swiper .swiper-slide .high-c1-c {
        font-size: .38rem;
        line-height: .55rem;
    }
    .high-swiper .swiper-slide .high-c1-e {
        font-size: .24rem;
        line-height: .45rem;
    }
    .chain {
        height: 10rem;
        background-size: cover;
        padding-top: .6rem;
    }
    .chain-a {
        font-size: .28rem;
    }
    .chain-b {
        font-size: .4rem;
        line-height: .6rem;
        margin-top: .05rem;
    }
    .chain-c {
        margin-top: .6rem;
        height: 7rem;
    }
    .chain-c1 {
        width: 2rem;
        height: .6rem;
        line-height: .6rem;
        padding: 0 .2rem;
    }
    .chain-c2 {
        width: 100%;
        margin-top: .15rem;
    }
    .chain-c2-a {
        font-size: .3rem;
        line-height: .5rem;
        margin-bottom: .15rem;
    }
    .chain-c2 {
        font-size: .24rem;
        line-height: .45rem;
    }
    .chain-c li {
        margin-bottom: .6rem;
    }
}

/*资讯中心*/

.news {
    padding-top: 140px;
    padding-bottom: 110px;
}

.news-a {
    font-size: 28px;
    line-height: 40px;
    color: #2e2e2e;
    margin-bottom: 50px;
}

.news-b {
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.news-b li {
    padding: 85px 0;
    margin-bottom: 10px;
    overflow: hidden;
    border-top: 1px dashed rgba(0, 0, 0, .1);
}

.news-b li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.news-b li:first-child {
    border-top: none;
}

.news-b1 {
    width: 100px;
    float: left;
}

.news-b1-a {
    font-size: 44px;
    color: #acacac;
    line-height: 70px;
    border-bottom: 1px solid #acacac;
    text-align: center;
}

.news-b1-b {
    font-size: 14px;
    color: #acacac;
    line-height: 40px;
    text-align: center;
}

.news-b2 {
    width: 300px;
    float: left;
    margin: 0 40px;
    overflow: hidden;
}

.news-b2 img {
    max-width: 100%;
    max-height: 100%;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.news-b2:hover img {
    transform: scale(1.08);
    transition: all .3s;
    -webkit-transition: all .3s;
}

.news-b3 {
    width: calc(100% - 480px);
    float: right;
}

.news-b3-a {
    font-size: 18px;
    color: #2e2e2e;
    line-height: 55px;
    height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.news-b3-b {
    font-size: 14px;
    color: #515151;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-b3-c {
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .1);
    margin-top: 25px;
}

.news-b3-d {
    font-size: 14px;
    color: #353535;
    line-height: 20px;
    margin-top: 25px;
    font-weight: bold;
    float: left;
    padding-right: 10px;
    background: url(../img/ico06.png) no-repeat right center;
    background-size: 6px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.news-b3-d:hover {
    padding-right: 15px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.news-b3-e {
    font-size: 14px;
    color: #353535;
    line-height: 20px;
    margin-top: 25px;
    float: right;
    display: none;
}

.news .page {
    margin-top: 30px;
}

@media (max-width: 1023px) {
    .news-a {
        font-size: 28px;
        line-height: 35px;
    }
    .news-b3-a {
        font-size: 22px;
        height: 50px;
        line-height: 50px;
    }
}

@media (max-width: 1023px) {
    .news-a {
        font-size: 26px;
    }
    .news-b3-a {
        font-size: 20px;
    }
    .news-b li {
        padding: 50px 0;
    }
    .news-b1 {
        width: 80px;
    }
    .news-b2 {
        width: 260px;
        margin: 0 20px;
    }
    .news-b3 {
        width: calc(100% - 380px);
    }
    .news-b3-c {
        margin-top: 15px;
    }
    .news-b3-d {
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
    .news {
        padding-top: .8rem;
        padding-bottom: .6rem;
    }
    .news-a {
        font-size: .34rem;
        line-height: .55rem;
        margin-bottom: .2rem;
    }
    .news-b li {
        padding: .4rem 0;
        margin: 0;
    }
    .news-b1 {
        display: none;
    }
    .news-b2 {
        width: 2.8rem;
        margin: 0;
        margin-right: .2rem;
    }
    .news-b3 {
        width: calc(100% - 3rem);
    }
    .news-b3-a {
        font-size: .28rem;
        height: .35rem;
        line-height: .35rem;
        font-weight: bold;
    }
    .news-b3-b {
        font-size: .24rem;
        line-height: .4rem;
        height: .8rem;
    }
    .news-b3-c {
        margin-top: 0rem;
    }
    .news-b3-d {
        font-size: .24rem;
        line-height: .3rem;
        margin-top: .15rem;
    }
    .news-b3-e {
        display: block;
        font-size: .24rem;
        line-height: .3rem;
        margin-top: .15rem;
    }
    .news .page {
        margin-top: .3rem;
    }
}

/*资讯详情*/

.newsinfo-bj {
    background: #fcfcfc;
    padding-top: 180px;
}

.newsinfo {
    padding-top: 80px;
    padding-bottom: 140px;
    overflow: hidden;
}

.newsinfo-a {
    font-size: 26px;
    line-height: 45px;
    text-align: center;
    color: #222;
}

.newsinfo-b {
    font-size: 16px;
    line-height: 1;
    text-align: center;
    color: #888;
    margin-top: 10px;
}

.newsinfo-c {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    padding: 40px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 40px;
    margin-bottom: 20px;
}

.newsinfo-d {
    width: calc(100% - 160px);
    float: left;
}

.newsinfo-d a {
    display: block;
    font-size: 16px;
    line-height: 25px;
    margin: 5px 0;
    color: #333;
}

.newsinfo-d a:hover {
    color: #ea524f;
}

.newsinfo-e {
    width: 140px;
    height: 45px;
    background: #ea524f;
    color: #fff;
    line-height: 45px;
    text-align: center;
    display: block;
    float: right;
    margin-top: 10px;
}

.newsinfo-e:hover {
    color: #fff;
    opacity: .85;
}

@media (max-width: 1400px) {
    .newsinfo-a {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .newsinfo-bj {
        padding-top: 1.6rem;
    }
    .newsinfo {
        padding: .6rem .4rem;
    }
    .newsinfo-a {
        font-size: .36rem;
        line-height: .5rem;
    }
    .newsinfo-b {
        font-size: .24rem;
        line-height: .4rem;
        margin-top: .05rem;
    }
    .newsinfo-c {
        margin: .3rem 0;
        padding: .3rem 0;
        font-size: .24rem;
        line-height: .45rem;
    }
    .newsinfo-d a {
        font-size: .24rem;
        line-height: .45rem;
        margin: .05rem 0;
    }
    .newsinfo-e {
        width: 2.4rem;
        height: .8rem;
        font-size: .26rem;
        line-height: .8rem;
    }
    .newsinfo-d {
        width: 100%;
    }
}

/*所有产品*/

.product-a {
    padding-top: 180px;
    padding-bottom: 100px;
}

.product-a1 {
    font-size: 28px;
    color: #2e2e2e;
    line-height: 50px;
    height: 70px;
    border-bottom: 2px solid rgba(0, 0, 0, .1);
    background: url(../img/ico36.png) no-repeat right center;
    cursor: pointer;
}

.product-a1.on {
    background: url(../img/ico28.png) no-repeat right center;
}

.product-a2 {
    margin-top: 40px;
    overflow: hidden;
}

.product-a2-a {
    width: 55%;
    float: left;
}

.product-a2-a1 {
    font-size: 22px;
    line-height: 40px;
    color: #2e2e2e;
    margin-bottom: 25px;
}

.product-a2-a2 {
    overflow: hidden;
}

.product-a2-a2 a {
    display: block;
    float: left;
    margin-right: 8%;
    font-size: 16px;
    color: #2e2e2e;
    line-height: 35px;
    margin-bottom: 5px;
    position: relative;
    cursor: pointer;
}

.product-a2-a2 a:after {
    content: "";
    width: 0;
    height: 2px;
    background: #2e2e2e;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
}

@media (min-width: 1024px) {
    .product-a2-a2 a:hover:after {
        width: 100%;
        transition: all .3s;
        -webkit-transition: all .3s;
    }
}

.product-a2-a2 a.on:after {
    width: 100%;
}

.product-a2-b {
    width: 44%;
    float: right;
    cursor: pointer;
}

.product-a2-b1 {
    height: 149px;
    background: no-repeat center;
    padding-top: 50px;
}

.product-a2-b1 .pro-b1 {
    font-size: 26px;
    color: #fff;
    line-height: 30px;
    font-weight: bold;
    font-family: arial;
    text-align: center;
}

.product-a2-b1 .pro-b2 {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    text-align: center;
}

.product-a2-c {
    width: 102.1%;
    overflow: hidden;
}

/*.product-a2-c li{
	background: no-repeat center;
	width: 22.9%;
	float: left;
	margin-right: 2.1%;
	height: 115px;
	border-radius: 5px;
	margin-bottom: 25px;
	padding: 30px 25px 0 25px;
	cursor: pointer;
}*/

.product-a2-c li {
    background: no-repeat center;
    width: 16.666%;
    float: left;
    height: auto;
    border-radius: 5px;
    cursor: pointer;
    line-height: 60px;
}

.product-a2-c1 {
    display: inline-block;
    margin-top: 15px;
    font-size: 18px;
    color: #333;
    line-height: 30px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.product-a2-c1:hover {
    border-bottom: 2px solid #333;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.product-a2-c li.on .product-a2-c1 {
    border-bottom: 2px solid #333;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.product-a2-c2 {
    font-size: 16px;
    color: #333;
    line-height: 20px;
    margin-top: 5px;
}

.product-b {
    width: 100%;
    background: #f3f3f3;
    padding-top: 70px;
    padding-bottom: 70px;
}

.product-b-ul {
    width: 102%;
    padding-top: 10px;
    position: relative;
    left: -1%;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -webkit-box-lines: multiple;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.product-b-ul li {
    width: 23%;
    float: left;
    margin: 0 1%;
    margin-bottom: 25px;
    background: #fff;
    position: relative;
    top: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.product-b-ul li a {
    display: block;
}

.product-b1 {
    background: #f9f9f9;
    overflow: hidden;
    text-align: center;
}

.product-b1 img {
    transition: all .3s;
    -webkit-transition: all .3s;
}

.product-b2 {
    padding: 20px;
}

.product-b2-a {
    font-size: 16px;
    color: rgb(120, 120, 120);
    /*font-weight: bold;*/
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.product-b2-b {
    font-size: 16px;
    color: #171717;
    line-height: 30px;
    height: 60px;
    padding-top: 10px;
    margin-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-b34 {
    width: 70px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 10px;
}

.product-b3 {
    width: 27px;
    height: 35px;
    float: left;
    margin-right: 5px;
    background: url(../img/ico40.png) no-repeat center;
}

.product-b4 {
    width: 27px;
    height: 35px;
    float: left;
    margin-right: 5px;
    background: url(../img/ico39.png) no-repeat center;
}

.product-b-ul li:hover {
    box-shadow: 0 0 15px rgba(200, 200, 200, .5);
    top: -3px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.product-b-ul li:hover .product-b1 img {
    transform: scale(1.08);
    transition: all .3s;
    -webkit-transition: all .3s;
}

.product .page {
    margin-top: 25px;
}

@media (max-width: 1220px) {
    .product-a1 {
        font-size: 24px;
    }
    .product-a2-c1 {}
    .product-a2-c2 {
        font-size: 14px;
    }
    .product-b2-a {
        font-size: 16px;
    }
    .product-b2-b {
        font-size: 16px;
    }
}

@media (max-width: 1023px) {
    .product-a2-a2 a {
        margin-right: 3%;
    }
    .product-b-ul li {
        width: 31.333%;
    }
    .product-a2-c li {
        /*width: 31.233%;
		margin-bottom: 20px;*/
    }
}

@media (max-width: 767px) {
    .product-a2-a2 a {
        margin-right: 3%;
    }
    .product-b-ul li {
        width: 31.333%;
    }
    .product-a {
        padding-top: 1.8rem;
        padding-bottom: .5rem;
    }
    .product-a1 {
        font-size: .32rem;
        height: .7rem;
        line-height: .5rem;
        background-size: .3rem;
    }
    .product-a2 {
        margin-top: .3rem;
    }
    .product-a2-a {
        width: 100%;
    }
    .product-a2-a1 {
        font-size: .3rem;
        line-height: .5rem;
        margin-bottom: .1rem;
    }
    .product-a2-a2 a {
        font-size: .26rem;
        line-height: .45rem;
        margin-bottom: .1rem;
    }
    .product-a2-b {
        width: 100%;
        margin-top: .2rem;
    }
    .product-a2-b1 {
        height: 2rem;
        background-size: cover;
        padding-top: .6rem;
    }
    .product-a2-b1 .pro-b1 {
        font-size: .3rem;
        line-height: .35rem;
    }
    .product-a2-b1 .pro-b2 {
        font-size: .28rem;
        line-height: .45rem;
    }
    .product-b {
        padding-top: .6rem;
        padding-bottom: .6rem;
    }
    .product-b-ul li {
        width: 48%;
        margin-bottom: .25rem;
    }
    .product-b2 {
        padding: .2rem;
    }
    .product-b2-a {
        font-size: .28rem;
    }
    .product-b2-b {
        height: 1rem;
        padding-top: .1rem;
        margin-top: .1rem;
        font-size: .26rem;
        height: .9rem;
        line-height: .45rem;
        margin-bottom: .1rem;
    }
    .product .page {
        margin-top: .25rem;
    }
    .product-a2-c li {
        width: 33.333%;
        margin-bottom: .25rem;
        height: .6rem;
        line-height: .6rem;
        background-size: cover;
        padding: 0rem;
    }
    .product-a2-c1 {
        font-size: .26rem;
        line-height: .4rem;
        margin: 0;
    }
    .product-a2-c2 {
        font-size: .24rem;
        line-height: 0rem;
        line-height: .4rem;
        margin-top: .15rem;
    }
}

/*产品详情*/

.proinfo {
    padding-top: 255px;
    padding-bottom: 95px;
    overflow: hidden;
}

.proinfo-a {
    width: 615px;
    overflow: hidden;
    float: left;
    position: relative;
}

.proinfo-a2 {
    width: 540px;
    height: 85px;
    position: relative;
    margin: 20px 0;
}

.proinfo-swiper {
    width: 100%;
}

.proinfo-b {
    width: calc(100% - 645px);
    float: right;
    max-width: 525px;
    padding-top: 50px;
}

.proinfo-b1 {
    font-size: 26px;
    color: #2e2e2e;
    line-height: 50px;
}

.proinfo-b2 {
    font-size: 16px;
    color: #515151;
    line-height: 30px;
    margin-top: 30px;
}

.proinfo-b3 {
    padding: 40px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(0, 0, 0, .1);
    font-size: 17px;
    color: #515151;
    line-height: 30px;
    margin-top: 60px;
}

.proinfo-c {
    width: 100%;
    overflow: hidden;
    background: #fff;
    float: left;
    margin-top: 85px;
    padding: 55px 30px 100px 30px;
}

.proinfo-c1 {
    height: 30px;
    text-align: center;
    position: relative;
}

.proinfo-c1 div {
    display: inline-block;
    font-size: 24px;
    color: #2e2e2e;
    line-height: 30px;
    text-align: center;
    margin: 0 35px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.proinfo-c1:after {
    content: "";
    width: 1px;
    height: 22px;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    top: 5px;
    left: 50%;
}

.proinfo-c1 div.on {
    color: #ea524f;
}

.proinfo-c1 div:hover {
    color: #ea524f;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.proinfo-c2 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 50px;
}

.proinfo-c2-a {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    display: none;
}

.proinfo-d {
    display: block;
    width: 38px;
    height: 38px;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    float: right;
    margin-top: 70px;
    margin-left: 5px;
    background: #fcfcfc url(../img/ico06.png) no-repeat center;
}

.proinfo-e {
    display: block;
    width: 38px;
    height: 38px;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    float: right;
    margin-top: 70px;
    background: #fcfcfc url(../img/ico26.png) no-repeat center;
}

@media (max-width: 1200px) {
    .proinfo-a {
        width: 515px;
        height: initial;
    }
    .proinfo-a2 {
        width: 440px;
        bottom: 20px;
    }
    .proinfo-b {
        width: calc(100% - 545px);
    }
}

@media (max-width: 1023px) {
    .proinfo-a {
        width: 615px;
        height: initial;
    }
    .proinfo-a2 {
        width: 440px;
        bottom: 20px;
    }
    .proinfo-b {
        width: 100%;
        max-width: initial;
    }
}

@media (max-width: 767px) {
    .proinfo-a {
        width: 100%;
    }
    .proinfo {
        padding-top: 1.8rem;
        padding-bottom: .6rem;
    }
    .proinfo-a2 {
        width: 5.7rem;
        left: 0;
        bottom: .2rem;
        height: initial;
    }
    .proinfo-b {
        padding-top: .4rem;
    }
    .proinfo-b1 {
        font-size: .4rem;
        line-height: .5rem;
    }
    .proinfo-b2 {
        font-size: .28rem;
        line-height: .5rem;
        margin-top: .3rem;
    }
    .proinfo-b3 {
        padding: .3rem 0;
        font-size: .26rem;
        line-height: .45rem;
        margin-top: .4rem;
    }
    .proinfo-c {
        margin-top: .5rem;
        padding: .2rem;
    }
    .proinfo-c1 div {
        font-size: .3rem;
        line-height: .5rem;
        margin: 0 .2rem;
    }
    .proinfo-c1:after {
        height: .3rem;
        top: .25rem;
    }
    .proinfo-c2 {
        margin-top: .5rem;
    }
    .proinfo-c2-a {
        font-size: .24rem;
        line-height: .45rem;
    }
    .proinfo-d,
    .proinfo-e {
        margin-top: .4rem;
    }
}

/*业务交流*/

.market-bj {
    background: no-repeat center;
    height: 1005px;
    background-color: #eff0f0;
}

.market {
    width: 100%;
    max-width: 450px;
    padding-top: 120px;
}

.market-a {
    font-size: 18px;
    color: #fff;
    line-height: 25px;
}

.market-b {
    font-size: 28px;
    color: #fff;
    line-height: 55px;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
    margin-top: 5px;
}

.market-c {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    margin-top: 25px;
}

.market-d {
    font-size: 28px;
    color: #fff;
    line-height: 25px;
    margin-top: 35px;
}

.market-e {
    margin-top: 20px;
    overflow: hidden;
}

.market-e li {
    width: 205px;
    height: 95px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 5px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.market-f {
    font-size: 28px;
    color: #fff;
    line-height: 25px;
    margin-top: 30px;
}

.market-g {
    font-size: 14px;
    color: #fff;
    line-height: 16px;
    margin-top: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .6);
}

.market-g:hover {
    color: #ea524f;
}

.gift-bj {
    background: no-repeat center;
    background-size: cover;
}

.gift-bj .cooperation-d {
    margin-top: 30px !important;
}

.gift {
    padding-top: 125px;
    padding-bottom: 125px;
    color: #373636;
}

.gift-a {
    font-size: 22px;
    line-height: 25px;
    text-align: center;
    font-family: arial;
}

.gift-b {
    font-size: 28px;
    line-height: 70px;
    text-align: center;
}

.gift-c {
    width: 40px;
    height: 1px;
    margin: 0 auto;
    background: rgba(0, 0, 0, .1);
    margin-top: 30px;
}

.gift-d {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    margin-top: 35px;
}

.gift-e {
    font-size: 18px;
    line-height: 35px;
    margin-top: 80px;
}

.gift-f {
    margin-top: 60px;
    overflow: hidden;
    position: relative;
}

.gift-f1 {
    width: 30%;
    max-width: 299px;
    position: absolute;
    left: 0;
    top: 0;
}

.gift-f2 {
    width: 30%;
    max-width: 299px;
    margin: 0 auto;
    position: relative;
}

.gift-f3 {
    width: 30%;
    max-width: 299px;
    position: absolute;
    right: 0;
    top: 0;
}

.gift-f1-a {
    font-size: 25px;
    line-height: 1;
    padding-top: 75px;
    padding: 45px;
}

.gift-f1-a {
    font-size: 25px;
    line-height: 1;
    padding: 0 15%;
    position: absolute;
    top: 18%;
    left: 0;
    color: #fff;
}

.gift-f1-b {
    font-size: 33px;
    line-height: 45px;
    position: absolute;
    top: 25%;
    left: 0;
    padding: 0 15%;
    color: #fff;
}

.gift-g {
    font-size: 18px;
    line-height: 35px;
    margin-top: 50px;
}

.gift-h {
    margin-top: 70px;
}

.gift-i {
    font-size: 18px;
    line-height: 35px;
    margin-top: 30px;
}

.gift-j {
    width: 101.6%;
    overflow: hidden;
    margin-top: 45px;
}

.gift-j li {
    width: 23.4%;
    float: left;
    margin-right: 1.6%;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.gift-k {
    font-size: 18px;
    line-height: 35px;
    margin-top: 120px;
}

.gift-l {
    overflow: hidden;
    margin-top: 40px;
    font-size: 17px;
    color: #373636;
    line-height: 35px;
    text-align: center;
}

.gift-l1 {
    width: 90px;
    height: 125px;
    float: left;
    margin-bottom: 15px;
}

.gift-l1 img {
    margin-top: 25px;
}

.gift-l2 {
    width: 80px;
    height: 125px;
    float: left;
    background: url(../img/ico49.png) no-repeat center 10px;
    margin-bottom: 15px;
}

.league-bj {
    background: #fcfcfc;
}

.league {
    padding-top: 75px;
    padding-bottom: 50px;
    color: #373636;
}

.league-a {
    font-size: 22px;
    line-height: 25px;
    text-align: center;
    font-family: arial;
}

.league-b {
    font-size: 28px;
    line-height: 70px;
    text-align: center;
}

.league-c {
    width: 40px;
    height: 1px;
    margin: 0 auto;
    background: rgba(0, 0, 0, .1);
    margin-top: 30px;
}

.league-d {
    overflow: hidden;
    margin-top: 90px;
}

.league-hh {
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 20px;
}

.league-txt {
    font-size: 14px;
    line-height: 35px;
    margin-bottom: 60px;
}

.league-d1 {
    width: 58.5%;
    float: left;
}

.league-d2 {
    width: 40%;
    float: left;
    margin-left: 1.5%;
}

.league-d3 {
    width: 65%;
    float: left;
}

.cooperation-bj {
    /*height: 652px;*/
    height: auto;
    padding-bottom: 80px;
    background: no-repeat center;
    background-size: cover;
}

.cooperation {
    padding-top: 75px;
    text-align: center;
    color: #fff;
}

.cooperation-a {
    font-size: 28px;
    line-height: 1;
}

.cooperation-b {
    font-size: 16px;
    line-height: 30px;
    max-width: 750px;
    margin: 0 auto;
    margin-top: 60px;
}

.cooperation-c {
    max-width: 790px;
    margin: 0 auto 50px;
    margin-top: 65px;
    overflow: hidden;
}

.cooperation-c1 {
    width: 27.85%;
    float: left;
    height: 105px;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, .1);
    font-size: 18px;
    color: #fff;
    line-height: 103px;
    margin-left: 8.22%;
}

.cooperation-c1:first-child {
    margin-left: 0;
}

.cooperation-d {
    width: 375px;
    margin: 0 auto;
    margin-top: 30px;
    height: 60px;
    background: #fff;
    border-radius: 3px;
    font-size: 18px;
    color: #373636;
    line-height: 60px;
    text-align: center;
}

.cooperation-d a {
    font-size: 18px;
    color: #373636;
    font-family: arial;
    border-bottom: 1px solid #373636;
}

@media (max-width: 1400px) {
    .market-b {
        font-size: 36px;
        padding-bottom: 15px;
    }
    .market-d {
        font-size: 22px;
    }
    /*.gift-b{
		font-size: 36px;
		line-height: 60px;
	}
	.gift-e{
		font-size: 22px;
	}
	.gift-g{
		font-size: 22px;
	}
	.gift-i{
		font-size: 22px;
	}
	.gift-k{
		font-size: 22px;
	}
	.league-b{
		font-size: 36px;
		padding-bottom: 15px;
	}*/
}

@media (max-width: 1023px) {
    .gift {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .gift-h {
        width: 60%;
    }
    .league-d1,
    .league-d2,
    .league-d3 {
        width: 100%;
        margin: 0;
    }
    .league-d {
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .market-bj {
        margin-top: .4rem;
        height: 10rem;
        background-size: cover;
    }
    .market {
        padding-top: .5rem;
        max-width: 5.5rem;
    }
    .market-a {
        font-size: .28rem;
        line-height: .4rem;
    }
    .market-b {
        font-size: .36rem;
        line-height: .5rem;
        padding-bottom: .2rem;
    }
    .market-c {
        font-size: .24rem;
        line-height: .45rem;
        margin-top: .2rem;
    }
    .market-d {
        font-size: .32rem;
        line-height: .45rem;
        margin-top: .2rem;
    }
    .market-e {
        margin-top: .1rem;
    }
    .market-e li {
        width: 47%;
        margin-right: 3%;
        height: initial;
        margin-bottom: .1rem;
    }
    .market-f {
        font-size: .32rem;
        line-height: .45rem;
        margin-top: .2rem;
    }
    .market-g {
        font-size: .24rem;
        line-height: .3rem;
        margin-top: 0rem;
        position: relative;
        top: -.2rem;
    }
    .gift-bj .cooperation-d {
        margin-top: .4rem !important;
    }
    .gift {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .gift-a {
        font-size: .28rem;
        line-height: .4rem;
    }
    .gift-b {
        font-size: .42rem;
        line-height: .6rem;
    }
    .gift-c {
        margin-top: .3rem;
    }
    .gift-d {
        font-size: .26rem;
        line-height: .45rem;
        margin-top: .3rem
    }
    .gift-e,
    .gift-g,
    .gift-i,
    .gift-k {
        font-size: .3rem;
        line-height: .45rem;
    }
    .gift-e {
        margin-top: .4rem;
    }
    .gift-f {
        margin-top: .3rem;
    }
    .gift-f1-a {
        font-size: .28rem;
    }
    .gift-f1-b {
        font-size: .3rem;
    }
    .gift-g {
        margin-top: .5rem;
    }
    .gift-h {
        margin-top: .3rem;
    }
    .gift-i {
        margin-top: .3rem;
    }
    .gift-j {
        margin-top: .3rem;
    }
    .gift-j li {
        width: 31.733%;
        margin-bottom: .15rem;
    }
    .gift-k {
        margin-top: .5rem;
    }
    .gift-l {
        margin-top: .3rem;
        font-size: .26rem;
        line-height: .45rem;
    }
    .gift-l1 {
        width: 1.3rem;
        height: 1.8rem;
        margin-bottom: .15rem;
    }
    .gift-l1 img {
        width: 60%;
        margin-top: .25rem;
    }
    .gift-l2 {
        width: .8rem;
        height: 1.8rem;
        background: url(../img/ico49.png) no-repeat center .1rem;
        background-size: .2rem;
        margin-bottom: .15rem;
    }
    .league {
        padding-top: .6rem;
        padding-bottom: .5rem;
    }
    .league-a {
        font-size: .28rem;
        line-height: .4rem;
    }
    .league-b {
        font-size: .42rem;
        line-height: .6rem;
    }
    .league-c {
        margin-top: .3rem;
    }
    .league-d {
        margin-top: .6rem;
    }
    .league-hh {
        font-size: .32rem;
        line-height: .5rem;
        margin-bottom: .1rem;
    }
    .league-txt {
        font-size: .26rem;
        line-height: .5rem;
        margin-bottom: .4rem;
    }
    .cooperation-bj {
        height: auto;
        padding-bottom: .8rem;
    }
    .cooperation {
        padding-top: .75rem;
    }
    .cooperation-a {
        font-size: .42rem;
        line-height: .6rem;
    }
    .cooperation-b {
        font-size: .24rem;
        line-height: .45rem;
        margin-top: .3rem;
    }
    .cooperation-c {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }
    .cooperation-c1 {
        font-size: .28rem;
        height: 1rem;
        line-height: 1rem;
    }
    .cooperation-d {
        width: 5rem;
        height: .8rem;
        line-height: .8rem;
        font-size: .26rem;
        margin-top: .5rem;
    }
    .cooperation-d a {
        font-size: .26rem;
    }
}

.brand-banner {
    height: 899px;
}

.brand-banner .swiper-slide {
    height: 899px;
}

@media (max-width: 767px) {
    .brand-banner {
        height: 7rem;
    }
    .brand-banner .swiper-slide {
        height: 7rem;
        background-size: cover;
    }
}

.productlast .product-b-ul {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .productlast .product-b-ul {
        margin-top: .4rem;
    }
}

/*首页图片单独处理*/

.ipro-img1 {
    width: 1092px;
    position: relative;
    top: 110px;
    left: 50%;
    margin-left: -528px;
}

.ipro-img1 img {
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ipro-img1-a:hover {
    transform: scale(1.02);
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ipro-img1-b {
    position: absolute;
    top: 0px;
    right: 0px;
}

.ipro-img1-b:hover {
    transform: scale(1.02);
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ipro-img1-c {
    position: absolute;
    top: 70px;
    left: 340px;
}

.ipro-img1-c:hover {
    transform: scale(1.02);
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ipro-img1-d {
    position: absolute;
    top: 150px;
    left: 200px;
}

.ipro-img2 {
    width: 1318px;
    height: 100%;
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -659px;
}

.ipro-img2-a {
    position: absolute;
    top: -250px;
    right: -27px;
}

.ipro-img2-b {
    position: absolute;
    bottom: -73px;
    left: -346px;
}

.ipro-img2-c {
    position: absolute;
    bottom: 5px;
    left: 435px;
}

.ipro-img2-d {
    position: absolute;
    top: 476px;
    right: 363px;
}

.ipro-img2-e {
    position: absolute;
    top: 390px;
    right: 723px;
}

.ipro-img2-f {
    position: absolute;
    top: 206px;
    right: 409px;
}

.ipro-img2 img {
    transition: all .3s;
    -webkit-transition: all .3s;
}

.ipro-img2 img:hover {
    transform: scale(1.02);
    transition: all .3s;
    -webkit-transition: all .3s;
}

@media (max-width:1023px) {
    .ipro-img1 {
        display: none;
    }
    .ipro-img2 {
        display: none;
    }
}

/*区分手机和pc的banner*/

.ibanner-m {
    display: none;
}

.sf-ban-m {
    display: none;
}

.ibanner-span-cont-m {
    display: none;
}

@media (max-width:767px) {
    .ibanner {
        display: none;
    }
    .ibanner-m {
        display: block;
    }
    .ibanner-m .swiper-slide {
        height: 45vh;
        background-size: cover;
    }
    .ibanner {
        margin: 20px 0;
    }
    .sf-ban {
        display: none;
    }
    .sf-ban-m {
        display: block;
    }
    .ibanner-span-cont {
        display: none;
    }
    .ibanner-span-cont-m {
        display: block;
    }
}

.ibody {}

.loadding {
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    height: 100vh;
    width: 100vw;
    z-index: 999;
}

.loadding video {
    height: 100vh;
    width: 100vw;
}

.loadding-a {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../img/f_ico02.png) no-repeat center;
    background-size: cover;
    display: none;
}

.loadding-b {
    font-size: 19px;
    color: #ffffff;
    position: absolute;
    width: 145px;
    height: 48px;
    line-height: 48px;
    border-radius: 48px;
    background: rgba(0, 0, 0, .6) url(../img/pageback.png) no-repeat 39px center/21px auto;
    z-index: 5;
    right: 30px;
    bottom: 30px;
    padding-left: 65px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

@media (max-width: 1025px) {
    .ibody {
        display: block;
    }
    .loadding {
        display: none;
    }
}

.isearch-bj {
    background-size: cover;
}

@media (min-width:1920px) {
    .vision {
        height: 900px;
    }
    .design .swiper-slide,
    .high,
    .chain,
    .ivoice-bj,
    .market-bj,
    .recruit-a {
        background-size: cover;
    }
}

.wfull-video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.full-video {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    height: 100vh;
    -webkit-transition: width 0.56s, right 0.56s, bottom 0.56s, left 0.56s, top 0.56s, opacity 0.56s !important;
    transition: width 0.56s, right 0.56s, bottom 0.56s, left 0.56s, top 0.56s, opacity 0.56s !important;
}

.full-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.wfull-video1 {
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 2;
    overflow: hidden;
}

.brand-video {
    width: 100%;
    height: calc(100vh - 125px);
    position: relative;
    overflow: hidden;
    margin-top: 125px;
}

.full-video video {
    object-fit: cover;
}

.brand-video-a {
    height: 35vh;
}

header .logo {
    padding-top: 48px;
}

@media (max-width: 767px) {
    header .logo {
        width: 2rem;
        /*width: 1.56rem;*/
        padding-top: .48rem;
    }
    .brand-video {
        height: 35vh;
    }
}

@media (max-width: 425px) {
    header .logo {
        width: 1.56rem;
        padding-top: .48rem;
    }
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #787878;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #787878;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #787878;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #787878;
}

.recruit-b1-b a,
.recruit-b1-a,
.recruit-b4-a,
.recruit-b4-b1,
.recruit-b4-b2 .rbb-div div,
.recruit-b4-b2 .rbb-txt,
.recruit-b4-b2 .rbb-a,
.page a,
.contact-d1-a,
.contact-d2,
.contact-b,
.gift-b,
.gift-d,
.cooperation-d,
.gift-e,
.gift-g,
.gift-i,
.gift-k,
.gift-l1,
.league-b,
.league-txt,
.league-hh,
.cooperation-d a,
.newsinfo-a,
.newsinfo-b,
.news-b3-a,
.news-b3-b,
.news-b3-d,
.high-b,
.high-c1-b,
.high-c1-e,
.brand-c1-a,
.brand-c1-b,
.brand-c1-c,
.brand-c1-d,
.proinfo-b1,
.proinfo-b2,
.proinfo-b3,
.product-a1,
.product-a2-c1,
.product-b2-b,
.isearch-a,
.iabout-b2,
.iabout-b3,
.iabout-b4,
.iabout-b2,
.ipro-a1-b,
.footer-b,
header.cli .nav-ul li .nav-a1,
header.cli .header-rt .int1,
.nav-ul-div1 a,
.news-a {
    color: #787878;
}

.proinfo-b2 span {
    color: #787878 !important;
}

.footer-b1 a {
    color: #787878;
}

.brand-c1-d {
    font-weight: normal;
}

header.cli .nav-ul li .nav-a1:after {
    /*background:#787878;*/
}

header.cli .header-rt {
    // border-bottom: 2px solid #787878;
}

.product-a2-c li.on .product-a2-c1 {
    border-bottom: 2px solid #787878;
}

.cooperation-d a {
    border-bottom: 1px solid #787878;
}

.cooperation-bj1,
.cooperation-bj0,
.cooperation-bj1 img,
.cooperation-bj0 img {
    width: 100%;
}