@charset "utf-8";
body,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select,
div,
span,
a,
aside,
article,
section,
header,
nav,
footer,
label,
img {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

fieldset,
img {
    border: 0;
}

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

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

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button,
input,
select,
textarea {
    font-size: .875rem;
    font-family: inherit;
    margin: 0;
    outline: none;
    resize: none;
    border: none;
    background: none;
}

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

.clearfix {
    zoom: 1;
}

html {
    verflow: -Scroll;
    overflow-x: hidden;
    zoom: 1;
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

body {
    color: #555;
    line-height: 1.6;
    font-family: 'Microsoft YaHei', Arial, 'simsun', HELVETICA;
    min-width: 320px;
}

a {
    color: #555;
    text-decoration: none;
    transition: all ease 0.3s;
}

a:hover {
    color: #ff0000;
}


/* CSS活动的公共样式 */

.fl {
    float: left;
}

.fr {
    float: right;
}

.ce {
    text-align: center;
}

.hide {
    overflow: hidden;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.container {
    position: relative;
    min-width: 320px;
    margin: 0 8%;
}

.pImg {
    position: relative;
    padding-top: 100%;
    display: block;
    overflow: hidden;
}

.pImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.bgImg {
    background-position: center;
    background-size: cover;
    position: relative;
    transition: all 0.5s;
    display: block;
    width: 100%;
    height: 100%;
}

.pd60 {
    padding: 90px 0;
    overflow: hidden;
}

.mb40 {
    margin-bottom: 40px;
}

.font14 {
    font-size: .875em;
}

.gray {
    background: #efefef;
}

@font-face {
    font-family: 'iconfont';
    /* Project id 2948650 */
    src: url('../fonts/font_2948650_103tg4xygghh.eot');
    /* IE9 */
    src: url('../fonts/font_2948650_103tg4xygghh.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/font_2948650_103tg4xygghh.woff2') format('woff2'), url('../fonts/font_2948650_103tg4xygghh.woff') format('woff'), url('../fonts/font_2948650_103tg4xygghh.ttf') format('truetype'), url('../fonts/font_2948650_103tg4xygghh.svg') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}


/* 头部 */

.header {
    width: 100%;
    height: 100px;
    line-height: 100px;
    position: fixed;
    z-index: 99;
    padding: 0 60px;
    color: #fff;
    top: 0;
    left: 0;
}

.logo {
    position: absolute;
    left: 60px;
    top: 0;
}

.logo span {
    color: #ff0000;
    font-size: 1.5em;
    margin-left: 20px;
}

.nav {
    padding: 0 24% 0 28%;
    display: flex;
    justify-content: space-between;
}

.nav .m {
    float: left;
    text-align: center;
}

.nav .m>a {
    color: #fff;
    display: inline-block;
    position: relative;
}

.nav .m>a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    height: 2px;
    background: #fff;
    transform-origin: right;
    transform: scale(0, 1);
    transition: transform .5s;
}

.nav .cur>a,
.nav .m>a:hover,
.nav .on>a {
    color: #fff;
}

.nav .cur>a::after,
.nav .m>a:hover::after {
    transform-origin: left;
    transform: scale(1);
}

.nav .navSub {
    position: absolute;
    top: 120%;
    background: rgba(255, 255, 255, .8);
    color: #333;
    font-size: 0.938rem;
    transform: scale(0);
    transition: top .4s, opacity .4s;
    opacity: 0;
    width: 100%;
    left: 0;
    text-align: center;
    padding: 15px 0;
    line-height: 40px;
    z-index: 2;
    box-shadow: 0 3px 5px #eee;
    border-top: 1px solid #f3f3f3;
}

.nav .navSub::after {
    content: "";
    position: absolute;
    width: 200%;
    left: -50%;
    background: rgba(255, 255, 255, .8);
    height: 100%;
    z-index: -1;
    top: 0;
}

.nav .navSub li {
    display: inline-block;
    margin: 0 15px;
}

.nav .navSub a {
    color: #333;
    display: block;
}

.nav .navSub a:hover {
    color: #ff0000;
}

.nav .m:hover .navSub {
    transform: scale(1);
    opacity: 1;
    top: 100%;
}

.headTel {
    position: absolute;
    right: 60px;
    top: 20px;
    font-size: 1.125em;
    font-family: Arial;
    line-height: 1.4;
}

.headTel::before {
    content: "\e65b";
    font-family: "iconfont";
    margin-right: 10px;
    font-size: 26px;
    float: left;
}

.headTel span {
    display: block;
}

.headR li {
    float: left;
    position: relative;
}

.headR .phone {
    font-family: "iconfont";
    font-size: 26px;
    margin-left: 25px;
}

.wapTel {
    font-family: "iconfont";
    position: absolute;
    color: #005ab0;
    right: 60px;
    font-size: 1.5rem;
    line-height: 1;
    top: 20px;
    display: none;
}

.listHead {
    background: none;
}

.headFix {
    background: #fff !important;
    padding-top: 0;
    height: 70px;
    line-height: 70px;
    box-shadow: 0 0 6px #ddd;
    color: #222;
}

.headFix .logo img {
    height: 42px;
}

.headFix .nav .m>a,
.listHead .nav .m>a {
    color: #222;
}

.listHead .nav .m>a::after {
    bottom: 30px;
    background: #f00;
}

.headFix .nav .m>a::after {
    background: #f00;
    bottom: 0;
}

.headFix .nav .cur>a,
.headFix .nav .m>a:hover,
.headFix .nav .on>a,
.headFix .headTel::before,
.headFix .headR .phone,
.listHead .nav .cur>a,
.listHead .nav .m>a:hover,
.listHead .nav .on>a,
.listHead .headTel::before,
.listHead .headR .phone {
    color: #f00;
}

.headFix .headTel {
    top: 10px;
}

.listHead {
    color: #222;
}

.headHome {
    background: rgba(255, 255, 255, .9);
    transition: all .5s;
    color: #222;
}


/*  导航按钮 */

.navTrigger {
    position: absolute;
    top: 22px;
    right: 15px;
    width: 28px;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    z-index: 20;
    cursor: pointer;
    display: none;
}

.navTrigger span {
    display: block;
    height: 2px;
    background: #ff0000;
    margin-bottom: 6px;
    transition: all 0.3s;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.navTrigger span:nth-child(3) {
    margin-bottom: 0;
}

.navTrigger-on span:nth-child(1) {
    transform: translateX(4px) translateY(0px) rotate(45deg);
}

.navTrigger-on span:nth-child(2) {
    opacity: 0;
}

.navTrigger-on span:nth-child(3) {
    transform: translateX(2px) translateY(2px) rotate(-45deg);
}

.wapTel {
    font-family: "iconfont";
    position: absolute;
    color: #ff0000;
    right: 60px;
    font-size: 1.5rem;
    line-height: 1;
    top: 20px;
    display: none;
}


/* 广告轮播图 */

.banner {
    position: relative;
    overflow: hidden;
}

.banner img {
    width: 100%;
}

.banner .small {
    display: none;
}

.swiper-wrapper {
    transition-timing-function: ease-in-out;
}

.fraction {
    color: #888;
    font-size: 24px;
    font-family: Arial;
    text-align: left;
    left: 9%;
    width: auto;
    bottom: 40px;
    line-height: 1;
}

.fraction .swiper-pagination-current {
    color: #fff;
    font-size: 36px;
}

.swiperBtn {
    display: inline-block;
    height: 13px;
    width: 116px;
    background: url('../images/swiperbtn.png') no-repeat left top;
    opacity: .7;
    transition: all .3s;
    cursor: pointer;
    font-size: 0;
}

.swiperNext {
    background-position: -120px 0;
}

.swiperBtn:hover {
    opacity: 1;
}

.banner .swiperBtn {
    position: absolute;
    bottom: 45px;
    right: 10%;
    z-index: 3;
}

.banner .swiperPrev {
    right: 20%;
}


/* 产品 */

.hTitle {
    font-size: 2.5rem;
    margin-bottom: 40px;
    color: #f00;
    text-transform: uppercase;
    line-height: 1.2;
}

.hTitle b {
    display: block;
    color: #2e3136;
    font-size: 1.2em;
}

.hTitle span {
    position: relative;
    padding-right: 60px;
}

.hTitle span::after {
    content: "";
    position: absolute;
    right: 0;
    background: #f00;
    width: 50px;
    height: 2px;
    top: 20px;
}

.product .hTitle span {
    font-size: 30px;
    color: #2e3136;
}

.product {
    background: #f8f8f8 url('../images/pro_bg.jpg') no-repeat center bottom;
    overflow: hidden;
    background-size: cover;
}

.proMain li .txt {
    float: left;
    width: 40.5%;
    line-height: 2;
}

.proMain li .pic {
    float: right;
    width: 50.5%;
    margin-top: -140px;
    text-align: center;
}

.proMenu {
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    overflow: hidden;
    height: 60px;
    line-height: 60px;
    font-size: 1.5em;
    position: absolute;
    left: 0;
    bottom: 28%;
}

.proMenu a {
    float: left;
    padding: 0 20px;
    color: #333;
    position: relative;
    z-index: 2;
}

.proMenu a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f00;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform-origin: right;
    transform: scale(0, 1);
    transition: transform .5s;
}

.proMenu .on,
.proMenu a:hover {
    color: #fff;
}

.proMenu .on::after,
.proMenu a:hover::after {
    transform-origin: left;
    transform: scale(1)
}

.product .btn {
    margin-top: -50px;
    position: relative;
    z-index: 5;
}

.product .btn a {
    display: inline-block;
    width: 200px;
    height: 54px;
    line-height: 50px;
    border: 2px solid #2e3136;
    margin-right: 15px;
    ;
    color: #333;
    padding: 0 25px;
    text-align: left;
}

.product .btn i {
    font-style: normal;
    font-family: "iconfont";
    font-size: 1.286em;
    float: right;
}

.product .btn a:hover {
    color: #f00;
    border-color: #f00;
}


/* 合作案例 */

.case {
    position: relative;
    overflow: hidden;
}

.caseTie {
    position: absolute;
    text-align: center;
    z-index: 5;
    color: #fff;
    width: 100%;
    padding-top: 90px;
}

.caseTie p span {
    display: block;
}

.caseTie .title {
    color: #f00;
    font-size: 2.5em;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}

.caseTie .title span {
    color: #fff;
    font-weight: 700;
    margin-right: 10px;
}

.caseTie .title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    background: #f00;
    width: 50px;
    margin-left: -25px;
}

.caseTie p {
    line-height: 1.8;
    opacity: .8;
}

.caseSlide {
    font-size: .875em;
    overflow: hidden;
}

.caseSlide li {
    float: left;
    width: 16.666%;
    line-height: 1.6;
}

.caseSlide li a {
    display: block;
    position: relative;
    height: 880px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.caseSlide li a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #2e3136;
    opacity: .8;
    transition: all .5s;
}

.caseSlide li .txt {
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 3;
    color: #fff;
    text-align: center;
    padding: 0 8%;
}

.caseSlide li .pic {
    border-radius: 100%;
    transform: rotateY(180deg);
    transition: all .5s;
    backface-visibility: hidden;
    opacity: 0;
    transition-delay: .1s;
    height: 0;
}

.caseSlide li h4 {
    margin: 15px 0 20px 0;
    font-size: 1.786em;
}

.caseSlide li h4 span {
    display: block;
    opacity: .8;
    font-weight: 400;
    font-size: 0.72em;
    margin-top: 10px;
    transition: all .5s;
}

.caseSlide li i {
    font-size: 3.4rem;
    transition: all .5s;
}

.caseSlide li p {
    opacity: .8;
    height: 180px;
    background: url('../images/c_more.jpg') no-repeat center bottom;
    padding-bottom: 40px;
    opacity: 0;
    transition-delay: .15s;
    transition: all .5s;
    top: 20px;
    position: relative;
}

.caseSlide li a:hover i {
    display: none;
}

.caseSlide li a:hover .pic {
    opacity: 1;
    transform: rotateY(0);
    height: auto;
}

.caseSlide li a:hover::after {
    background: #fa8282;
    opacity: .85;
}

.caseSlide li a:hover h4 span {
    margin-top: 0;
}

.caseSlide li a:hover p {
    opacity: 1;
    top: 0;
}

.caseSlide .swiperBtn {
    position: absolute;
    bottom: 30px;
    left: 34%;
    z-index: 5;
    text-align: center;
}

.caseSlide .swiperNext {
    left: auto;
    right: 34%;
}

.case .cMore {
    width: 200px;
    height: 54px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    border: 2px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    bottom: 10px;
    z-index: 5;
    opacity: .7;
}

.case .cMore:hover {
    background: #fff;
    color: #f00;
    opacity: 1;
}


/* 合作客户 */

.tieTop {
    margin-bottom: 50px;
    line-height: 1.8;
    color: #333;
}

.tieTop .hTitle {
    margin-bottom: 25px;
}

.tieTop p span {
    display: block;
}

.partnerSlide li {
    float: left;
    width: 16.6%;
    text-align: center;
}

.partnerSlide li .pImg {
    border: 1px solid #ddd;
    padding-top: 46%;
    transition: all .5s;
}

.partnerSlide li p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
}

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

.partnerSlide li:hover .pImg {
    border-color: #f00;
}

.partner .swiperBtn {
    position: absolute;
    top: 230px;
    background-position: 0 -15px;
    right: 180px;
    opacity: .35;
}

.partner .swiperNext {
    background-position: -120px -15px;
    right: 0;
}

.partner .swiperBtn:hover {
    opacity: .8;
}


/* 优势 */

.odds {
    color: #fff;
    overflow: hidden;
    position: relative;
}

.odds::after {
    content: "";
    position: absolute;
    bottom: 90px;
    width: 100%;
    height: 1px;
    background: #fff;
    z-index: 2;
    left: 0;
}

.odds li {
    float: left;
    width: 20%;
    height: 880px;
    position: relative;
    transition: all .5s;
}

.odds li .txt {
    position: absolute;
    top: 50px;
    transition: all .5s;
    left: 10%;
    right: 5%;
    opacity: 0;
    transition: all .5s;
}

.odds li .tie {
    position: absolute;
    top: 260px;
    transition: all .5s;
    text-align: center;
    padding: 0 15%;
    line-height: 1.2;
    transition: all .5s;
}

.odds li .tie::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 144px;
    height: 144px;
    background: url('../images/click.png') no-repeat;
    margin-left: -72px;
    bottom: -180px;
}

.odds li h4 {
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    margin-bottom: 100px;
    top: -20px;
}

.odds li h4 span {
    font-size: 1.875em;
    display: block;
    color: #fff;
    margin-bottom: 10px;
}

.odds li h4 b {
    font-weight: 400;
    opacity: .7;
}

.odds li h3 {
    font-size: 3.75em;
    font-weight: 700;
    margin-bottom: 20px;
}

.odds li p {
    line-height: 2;
    max-width: 500px;
    opacity: 0;
}

.odds .hBtn {
    margin-top: 40px;
    display: none;
    opacity: 0;
}

.hBtn {
    display: inline-block;
    width: 200px;
    height: 54px;
    line-height: 50px;
    color: #fff;
    border: 2px solid #fff;
    padding: 0 25px;
    text-align: left;
}

.hBtn i {
    float: right;
    font-family: "iconfont";
    font-size: 1.8rem;
    font-style: normal;
}

.hBtn:hover {
    background: #f00;
    border-color: #f00;
    color: #fff;
    padding: 0 40px;
}

.odds .cur {
    width: 80% !important;
}

.odds .cur .txt {
    opacity: 1;
}

.odds .cur .tie {
    opacity: 0;
}

.odds .cur p,
.odds .cur .hBtn {
    opacity: 1;
    display: block;
}

.odds .btn {
    display: inline-block;
    width: 60px;
    height: 60px;
    top: auto;
    bottom: 60px;
    background: #fff;
    border-radius: 100%;
    color: #333;
    font-family: "iconfont";
    text-align: center;
    line-height: 60px;
    left: 8%;
    font-size: 26px;
    transform: rotate(180deg);
    transition: all .5s;
}

.odds .swiper-button-next {
    left: 74%;
    transform: rotate(0deg);
}

.odds .btn:hover {
    background: #f00;
    color: #fff;
}


/* 营销网络 */

.marketing::after {
    content: "";
    position: absolute;
    left: 49%;
    top: 0;
    height: 100%;
    background: #aaa;
    width: 1px;
}

.marketingL {
    width: 47%;
    color: #333;
}

.marketing ul,
.yfzzBox3 ul,
.aboutBox1 ul {
    padding-top: 40px;
    overflow: hidden;
    text-align: left;
    max-width: 600px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.marketing li,
.yfzzBox3 li,
.aboutBox1 li {
    float: left;
}

.marketing li span,
.yfzzBox3 li span,
.aboutBox1 li span {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

.marketing li b,
.yfzzBox3 li b,
.aboutBox1 li b {
    float: left;
    font-size: 3.750em;
    line-height: 1;
    margin-right: 10px;
}

.marketingR {
    text-align: right;
}

.marketingR ul {
    margin-right: 8%;
}


/* 关于我们 */

.about {
    background: url('../images/about_bg.jpg') no-repeat center;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-attachment: fixed;
}

.about::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 150px;
    background: #f8f8f8;
}

.aboutMain {
    color: #fff;
    max-width: 930px;
    margin: 0 auto;
    text-align: center;
}

.aboutMain .title {
    font-size: 1.5em;
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.aboutMain .title span {
    display: block;
    font-size: 1.667em;
    margin-top: 10px;
}

.aboutMain .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #f00;
    left: 50%;
    margin-left: -25px;
}

.aboutMain .txt {
    line-height: 2em;
    opacity: .8;
    margin-bottom: 50px;
}

.aboutMain .hBtn {
    margin: 0 15px;
}

.layer_video {
    width: 80% !important;
    height: 80%;
}

.aboutMenu {
    background: #fff;
    overflow: hidden;
    z-index: 2;
}

.aboutMenu li {
    float: left;
    width: 20%;
    border-right: 1px solid #ddd;
}

.aboutMenu li a {
    display: block;
    height: 300px;
    color: #222;
    position: relative;
    overflow: hidden;
}

.aboutMenu li .bgImg {
    opacity: 0;
    transition: all .5s;
    transform: scale(1.1);
}

.aboutMenu li a::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #f00;
    opacity: .5;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    transition: all .5s;
}

.aboutMenu li .txt {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    padding: 10%;
}

.aboutMenu li h4 {
    font-size: 1.563em;
    text-transform: uppercase;
    line-height: 1.6;
    margin-bottom: 100px;
}

.aboutMenu li h4 span {
    display: block;
    opacity: .6;
    font-size: 0.720em;
}

.aboutMenu li i {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #f00;
    text-align: center;
    font-style: normal;
    font-size: 22px;
    line-height: 30px;
    color: #f00;
    transition: all .5s;
}

.aboutMenu li .pic {
    position: absolute;
    width: 85px;
    height: 82px;
    bottom: 30px;
    right: 10%;
    transition: all .5s;
}

.aboutMenu li a:hover .pic {
    transform: scale(0);
    opacity: 0;
}

.aboutMenu li a:hover {
    color: #fff;
}

.aboutMenu li a:hover i {
    background: #fff;
    border-color: #fff;
    color: #f00;
}

.aboutMenu li a:hover .bgImg {
    opacity: 1;
    transform: scale(1);
}

.aboutMenu li a:hover::after {
    opacity: .6;
}


/* 新闻快讯 */

.news {
    font-size: .875em;
    background: #f8f8f8;
}

.newsL {
    width: 48%;
    overflow: hidden;
}

.newsTie {
    margin-bottom: 30px;
    font-size: 1.714em;
    color: #f00;
}

.newsTie a {
    color: #333;
    margin-right: 30px;
}

.newsTie .on,
.newsTie a:hover,
.newsR .pic h4 a:hover {
    color: #f00;
}

.newsBox .pic {
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.newsBox .pic a {
    height: 480px;
    position: relative;
    overflow: hidden;
    display: block;
}

.newsBox .pic p {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 0 5%;
    font-size: 1.429em;
    height: 80px;
    line-height: 80px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .4) 70%);
}

.news .pic:hover .bgImg {
    transform: scale(1.06);
}

.news .txt {
    float: left;
    width: 48%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 15px;
}

.newsBox .txt:nth-child(2n-1) {
    float: right;
}

.news .txt span {
    float: right;
    opacity: .5;
    margin-left: 20px;
}

.newsR {
    width: 24%;
    margin-left: 2%;
}

.newsR .pic {
    color: #999;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 25px;
    overflow: hidden;
    height: 410px;
}

.newsR .pic .bgImg {
    height: 240px;
}

.newsR .pic h4 {
    font-size: 1.286em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 20px 0 15px 0;
    position: relative;
    z-index: 2;
    background: #f8f8f8;
}

.newsR .pic h4 a {
    color: #333;
}

.newsR .pic p {
    height: 65px;
}

.newsR .txt {
    float: none;
    width: 100%;
}


/* 在线留言 */

.message {
    background: url('../images/message_bg.jpg') no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

.messageL {
    width: 40%;
}

.messageL .p1 {
    color: #222;
    margin-top: -20px;
    margin-bottom: 100px;
}

.messageL h4 {
    color: #f00;
    font-size: 2em;
    margin-bottom: 15px;
}

.messageL .hBtn {
    color: #f00;
    border-color: #f00;
}

.messageL .hBtn:hover {
    color: #fff;
}

.messageR {
    width: 50%;
    overflow: hidden;
}

.messageR p {
    width: 49%;
    float: left;
    ;
    height: 60px;
    line-height: 60px;
    position: relative;
    margin-bottom: 15px;
    background: #fff;
    padding: 0 20px;
}

.messageR p:nth-child(2n) {
    float: right;
}

.messageR p input {
    width: 100%;
    height: 100%;
    font-size: 16px;
}

.messageR .tarea {
    width: 100%;
    height: 130px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.6;
}

.messageR textarea {
    width: 100%;
    height: 100%;
}

.messageR .code {
    clear: both;
    padding-top: 40px;
}

.messageR .code input {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #fff;
}

.messageR .code .c {
    width: 20%;
    padding: 0 15px;
}

.messageR .code img {
    padding: 19px;
    background: #fff;
}

.messageR .sub {
    width: 30%;
    cursor: pointer;
    transition: all .3s;
    color: #fff;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    color: #333;
    font-size: 18px;
    border: 2px solid #333;
}

.messageR .sub:hover {
    background: #f00;
    color: #fff;
    border-color: #f00;
}


/*底部 */

.footer {
    background: #2e3136;
    font-size: .938em;
    color: #bebfc0;
    overflow: hidden;
    position: relative;
}

.footer::after {
    content: "";
    position: absolute;
    height: 1px;
    background: #404349;
    width: 100%;
    left: 0;
    top: 90px;
}

.footMain {
    padding: 50px 0;
    overflow: hidden;
    line-height: 2.4;
}

.footMenu_wap {
    display: none;
    overflow: hidden;
    text-align: center;
}

.footMenu {
    width: 74%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.footMenu ul {
    float: left;
    overflow: hidden;
}

.footMain h4 {
    color: #fff;
    height: 40px;
    font-size: 1.2em;
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
    line-height: 1;
}

.footMain h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 25px;
    background: #ff0000;
}

.footContact {
    max-width: 25%;
}

.footContact .tel {
    font-size: 2em;
    color: #ff0000;
    line-height: 1.2;
}

.footer a {
    color: #bebfc0;
}

.footer a:hover {
    color: #fff;
}

.copyright {
    padding: 20px 0;
    background: #24272b;
    position: relative;
    z-index: 2;
}

.copyright::after {
    content: "";
    position: absolute;
    top: 0px;
    background: #24272b;
    width: 200%;
    left: -50%;
    height: 100%;
    z-index: -1;
}

.firendlink {
    clear: both;
    padding-top: 10px;
}

.firendlink span {
    font-size: 14px;
    color: #fff;
}

.firendlink a {
    margin: 0 8px;
}


/*内页公用 */

.listWrap {
    overflow: hidden;
    padding: 60px 0;
}

.listBan,
.mzsmBanner {
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    font-size: 1.250em;
}

.listBan .txt {
    position: absolute;
    left: 8%;
    top: 50%;
    transform: translateY(-38%);
    animation: leftPic .8s;
    color: #222;
    line-height: 2.2;
}

.listBan .bai {
    color: #fff;
}

.listBan .txt h3 {
    font-size: 2.8em;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 30px;
}

.listBan .hBtn {
    margin-top: 70px;
    margin-right: 20px;
    border-color: #222;
    color: #222;
    font-size: .9em;
}

.listBan .hBtn:hover {
    border-color: #f00;
    color: #fff;
}

@keyframes leftPic {
    0% {
        opacity: 0;
        padding-top: 80px;
    }
    100% {
        opacity: 1;
        padding-top: 0;
    }
}

.breadCrumb {
    overflow: hidden;
    padding: 15px 0;
    border-top: 1px solid #eee;
    line-height: 30px;
    background: #f8f8f8;
}

.breadCrumb p,
.listMenu p {
    background: url('../images/home_icon.png') no-repeat left center;
    padding-left: 30px;
    background-size: 20px;
}

.breadCrumb .back i {
    font-family: "iconfont";
    margin-right: 5px;
    font-style: normal;
}

.listMenu {
    height: 100px;
    line-height: 100px;
    border-bottom: 1px solid #ddd;
    font-size: 1.125rem;
}
.listMenu_pro{
    line-height: 50px;
}

.listMenu .m {
    margin-right: 70px;
    position: relative;
    display: inline-block;
}

.listMenu .m::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #f00;
    transform-origin: right;
    transform: scale(0, 1);
    transition: transform .5s;
}

.listMenu p {
    position: absolute;
    right: 0;
    font-size: 16px;
    top: 0;
}

.listMenu .cur {
    color: #f00;
}

.listMenu .cur::after,
.listMenu .m:hover::after {
    transform-origin: left;
    transform: scale(1);
}

.listMenu2 {
    height: auto;
    line-height: 100%;
    overflow: hidden;
    border: none;
    margin-top: 40px;
    text-align: center;
}

.listMenu2 .m {
    padding: 0 20px;
    margin: 0 10px;
    border: 1px solid #ddd;
    height: 55px;
    line-height: 55px;
    margin-bottom: 10px;
}

.listMenu2 p {
    display: none;
}

.listMenu2 .cur::after,
.listMenu2 .m:hover::after {
    height: 100%;
    z-index: -1;
}

.listMenu2 .cur,
.listMenu2 a:hover {
    color: #fff;
}


/* 产品列表 */

.proWrap {
    background: #f8f8f8;
    overflow: hidden;
    padding-bottom: 60px;
}

.proWrap .p1 {
    background: url('../images/home_icon.png') no-repeat left center;
    padding: 20px 25px;
    margin-bottom: 20px;
}

.proList {
    padding-top: 60px;
}

.proList ul {
    margin-right: -20px;
}

.proList li {
    float: left;
    width: 20%;
    margin-bottom: 10px;
    padding-right: 20px;
}

.proList li a {
    display: block;
}

.proList li .pImg {
    padding-top: 78%;
    transition: all .3s;
    border: 1px solid #ddd;
    transition: all .4s;
}

.proList li p {
    height: 60px;
    line-height: 60px;
    color: #191919;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

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

.proList li a:hover p {
    color: #ff0000;
}

.get_more {
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #81868e;
    color: #fff;
    margin-top: 30px;
}

.get_more:hover {
    background: #f00;
    color: #fff;
}


/*  产品详情 */

.pd70 {
    padding-top: 70px;
    padding-bottom: 70px;
    overflow: hidden;
}

.gallery {
    width: 50%;
    border: 1px solid #ddd;
    position: relative;
}

.gallery li .pImg {
    padding-top: 78%;
}

.gallery .fraction {
    color: #fff;
    left: 5%;
    bottom: 30px;
}

.gallery .btn {
    right: 5px;
    z-index: 5;
    bottom: 30px;
    font-family: "iconfont";
    color: #fff;
    background: rgba(0, 0, 0, .6);
    width: 40px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    right: 10px;
    top: auto;
    bottom: 30px;
}

.gallery .swiper-button-prev {
    left: auto;
    right: 55px;
    transform: rotate(180deg);
}

.gallery .btn:hover {
    background: #f00;
}

.proShow_R {
    width: 46%;
}

.proShow_R .title {
    margin-bottom: 20px;
    color: #333;
    border-bottom: 1px solid #ddd;
    font-size: 2.250em;
    padding-bottom: 20px;
}

.proShow_R .font {
    min-height: 240px;
    line-height: 2;
    font-size: 14px;
    margin-bottom: 20px;
}

.proShow_R .font span {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
}

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

.proShow_R .hBtn {
    border-color: #f00;
    color: #f00;
    margin-right: 10px;
    float: left;
}

.proShow_R .zx {
    border-color: #333;
    color: #333;
}

.proShow_R .hBtn:hover {
    color: #fff;
    border-color: #f00;
}

.proShow_R .tel {
    color: #191919;
    background: url('../images/zxtel.png') no-repeat left center;
    padding-left: 35px;
    font-size: 1.125em;
}

.proShow_con {
    background: #f8f8f8;
}

.proShow_tie {
    font-size: 2.250em;
    color: #222;
    padding-left: 20px;
    margin-bottom: 25px;
    position: relative;
}

.proShow_tie::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    background: #f00;
    margin-top: -4px;
}

.proShow_con .info {
    background: #fff;
    padding: 3%;
    border-top: 2px solid #ddd;
    margin-bottom: 50px;
}


/* 案例列表 */

.partnerC {
    background: url('../images/partner_bg.jpg');
}

.partnerC .swiperBtn {
    position: static;
    margin: 0 40px;
    margin-top: 60px;
}

.csaeList {
    font-size: .875em;
    overflow: hidden;
}

.csaeList li {
    float: left;
    border: 1px solid #e1e1e1;
    width: 49%;
    margin-bottom: 30px;
    padding: 10px 25px 10px 10px;
    overflow: hidden;
}

.csaeList li:nth-child(2n) {
    float: right;
}

.csaeList li .pic {
    float: left;
    border: 1px solid #e5e5e5;
    width: 380px;
    height: 240px;
    overflow: hidden;
    text-align: center;
    margin-right: 30px;
}

.csaeList li .pic img {
    height: 100%;
    transition: all .5s;
}

.csaeList li h4 {
    font-size: 1.714em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
    padding-top: 10px;
}

.csaeList li h4 a {
    color: #222;
}

.csaeList li h4 a:hover,
.csaeList li .more:hover {
    color: #f00;
}

.csaeList li p {
    color: #888;
    height: 120px;
    margin-bottom: 20px;
    overflow: hidden;
    line-height: 1.8;
}

.csaeList li .more {
    color: #888;
}

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


/* 案例详情 */

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

.caseShow_list .title {
    margin-bottom: 40px;
    text-align: center;
    color: #f00;
    font-size: 2.5em;
    position: relative;
    padding-bottom: 20px;
}

.caseShow_list .title::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 50px;
    height: 2px;
    margin-left: -25px;
    background: #f00;
    bottom: 0;
}

.caseShow_list li {
    float: left;
    width: 25%;
}

.caseShow_list li .pImg {
    border: 1px solid #eee;
    padding-top: 78%;
    transition: all .5s;
}

.caseShow_list li p {
    text-align: center;
    margin-top: 15px;
}

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

.caseShow_list li:hover .pImg {
    border-color: #f00;
}

.caseShow_list .swiperBtn,
.jcxbSlide .swiperBtn,
.settingMain .swiperBtn {
    position: static;
    background-position: 0 -15px;
    opacity: .35;
    margin: 0 40px;
    margin-top: 50px;
}

.caseShow_list .swiperNext,
.jcxbSlide .swiperNext,
.settingMain .swiperNext {
    background-position: -120px -15px;
}

.caseShow_list .swiperBtn:hover,
.jcxbSlide .swiperBtn:hover,
.settingMain .swiperBtn:hover {
    opacity: .8;
}


/* 研发智造 */

.listBan3 .txt h3 {
    line-height: 1.4;
}

.yfzzBox1 .info {
    width: 49%;
    border-bottom: 1px solid #eee;
    color: #333;
    line-height: 2;
}

.yfzzBox1 .info .pic {
    display: block;
    overflow: hidden;
}

.yfzzBox1 .info .pic img {
    width: 100%;
}

.yfzzBox1 .txt {
    padding: 5%;
    position: relative;
}

.yfzzBox1 .txt h4 {
    font-size: 2.5em;
    color: #222;
    margin-bottom: 20px;
    line-height: 1.2;
}

.yfzzBox1 .txt p span {
    display: block;
}

.yfzzBox1 .txt i {
    position: absolute;
    right: 2%;
    z-index: -1;
    font-family: "iconfont";
    font-style: normal;
    opacity: .1;
    font-size: 10rem;
    line-height: 1;
    bottom: 40px;
    color: #999;
}

.yfzzBox2 {
    background: url('../images/kycg_bg.jpg') no-repeat center;
    background-size: cover;
    overflow: hidden;
    color: #222;
}

.yfzzBox2 .txt {
    padding: 3% 4%;
    background: #f8f8f8;
    width: 800px;
    margin-right: 8%;
    line-height: 2;
}

.yfzzBox2 h4,
.rdTie h4 {
    font-size: 2.5em;
    margin-bottom: 20px;
    line-height: 1.4;
}

.yfzzBox2 ul {
    margin-top: 30px;
    overflow: hidden;
}

.yfzzBox2 li {
    float: left;
    text-align: center;
    margin-right: 60px;
}

.yfzzBox2 li p {
    margin-top: 10px;
}

.yfzzBox3 {
    text-align: center;
    color: #222;
}

.yfzzBox3 .title {
    font-size: 2.5em;
    margin-bottom: 20px;
}

.yfzzBox3 .p1 {
    line-height: 2;
}

.yfzzBox3 .p1 span {
    display: block;
}

.yfzzBox3 .zzjd_map {
    margin: 60px auto;
}

.yfzzBox3 ul {
    padding-top: 0;
    width: 880px;
    margin: 0 auto;
    max-width: 100%;
}

.yfzzBox4 {
    position: relative;
    z-index: 2;
    text-align: center;
}

.yfzzBox4::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 360px;
    background: url('../images/process_bg.jpg') no-repeat center;
    background-size: cover;
}

.rdTie {
    color: #222;
    line-height: 2.2;
    margin-bottom: 50px;
}

.rdTie_w {
    color: #fff;
}

.rdTie span {
    display: block;
}

.process {
    overflow: hidden;
    padding-top: 30px;
    font-size: .875em;
}

.process li {
    float: left;
    width: 16.6%;
    padding: 0 2%;
}

.process li i {
    display: inline-block;
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 120px;
    font-style: normal;
    box-shadow: 0 2px 6px #e1e1e1;
    font-size: 3.429em;
    font-family: "Arial";
    transition: all .5s;
    position: relative;
    top: 0;
}

.process li h4 {
    font-size: 1.786em;
    color: #222;
    margin: 30px 0 15px 0;
}

.process li p {
    line-height: 1.6;
    opacity: .8;
}

.process .swiperBtn {
    display: none;
}

.process li:hover i {
    color: #f00;
    top: -10px;
}


/* 品质管理 */

.qTitle {
    margin-bottom: 50px;
    font-size: 1rem;
    text-align: center;
    color: #222;
}

.qTitle span {
    display: block;
    font-size: 2.5em;
    margin-bottom: 20px;
}

.xntd .main {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    font-size: .875em;
    color: #222;
    padding-top: 70px;
}

.xntd .pic {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.xntd li {
    float: left;
    text-align: right;
    width: 26%;
    min-height: 120px;
}

.xntd li span {
    display: block;
    font-size: 1.714em;
}

.xntd li:nth-child(2n) {
    float: right;
    margin-left: 30%;
    text-align: left;
}

.xntd li:nth-child(3),
.xntd li:nth-child(7) {
    padding-right: 3%;
}

.xntd li:nth-child(4),
.xntd li:nth-child(8) {
    padding-left: 3%;
}

.xntd li:nth-child(5) {
    padding-right: 5%;
}

.xntd li:nth-child(6) {
    padding-left: 5%;
}

.xntd li:nth-child(3),
.xntd li:nth-child(4),
.xntd li:nth-child(5),
.xntd li:nth-child(6) {
    min-height: 160px;
}

.yyfw,
.pzrz_bg {
    background-image: url('../images/yyfw_bg.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}

.yyfw ul {
    margin-right: -20px;
}

.yyfw li {
    float: left;
    width: 16.6%;
    text-align: center;
    margin-bottom: 40px;
    padding-right: 20px;
}

.yyfw li .pImg {
    padding-top: 64%;
}

.yyfw li p,
.jcxb li p,
.pzrz li p {
    margin-top: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.yyfw li:hover img,
.jcxb li:hover img,
.pzrz li:hover img {
    transform: scale(1.1);
}

.yyfw .more a {
    background: #fff;
    position: relative;
    display: block;
}

.yyfw .more .pImg {
    opacity: 0;
}

.yyfw .more p {
    position: absolute;
    top: 45%;
    width: 100%;
    margin-top: 0;
}

.yyfw .more a:hover {
    background: #f00;
    color: #fff;
}

.jcxbSlide {
    text-align: center;
}

.jcxb li {
    float: left;
    width: 20%;
}

.jcxb li .pImg {
    padding-top: 74%;
}

.pzrz {
    background-image: url('../images/pzrz_bg.jpg');
    text-align: center;
}

.qTitle_w {
    color: #fff;
}

.pzrz li {
    float: left;
    text-align: center;
    width: 14.28%;
}

.pzrz li .pImg {
    border-radius: 100%;
}

.pzrz li p {
    color: #fff;
}

.pzrz .swiperBtn {
    margin: 0 40px;
    margin-top: 50px;
}


/* 新闻列表 */

.listWrap {
    font-size: .875em;
}

.newsList ul {
    margin-right: -20px;
}

.newsList li {
    float: left;
    padding-right: 20px;
    width: 25%;
    margin-bottom: 30px;
    overflow: hidden;
}

.newsList li a {
    display: block;
    border-bottom: 1px solid #ddd;
    color: #999;
}

.newsList li .pImg {
    padding-top: 65%;
    margin-bottom: 20px;
}

.newsList li h3 {
    font-size: 1.286em;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsList li p {
    height: 50px;
    margin: 10px 0;
    overflow: hidden;
}

.newsList li i {
    font-style: normal;
    float: right;
    font-size: 16px;
    margin-right: -40px;
    color: #f00;
    transition: all .5s;
}

.newsList li .date {
    margin-bottom: 20px;
    display: block;
}

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

.newsList li a:hover h3 {
    color: #f00;
}

.newsList li a:hover i {
    margin-right: 0;
}


/* 新闻详情 */

.newsShow {
    width: 66%;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 40px 2.5%;
    box-shadow: 10px 10px 0 #f1f1f1;
}

.newsShow .title {
    text-align: center;
    font-size: 2.286em;
    color: #333;
}

.newsShow .tieTip {
    margin: 15px 0 30px 0;
    text-align: center;
}

.newsShow .tieTip span {
    margin: 0 30px;
}

.show-synopsis {
    background: url('../images/news_bg1.jpg');
    padding: 30px 4% 5% 5%;
    margin-bottom: 40px;
    font-size: 1.143em;
    position: relative;
}

.show-synopsis span {
    display: block;
    font-size: 1.125em;
    color: #222;
    margin-bottom: 10px;
    padding-left: 30px;
}

.show-synopsis::after,
.show-synopsis::before {
    content: "";
    position: absolute;
    width: 26px;
    height: 21px;
    background: url('../images/a_l.png') no-repeat;
    left: 4%;
}

.show-synopsis::after {
    background: url('../images/a_r.png') no-repeat;
    left: auto;
    right: 4%;
    bottom: 20px;
}

.showCon {
    overflow: hidden;
    margin-bottom: 30px;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 40px;
}

.showPage {
    margin-top: 25px;
    overflow: hidden;
}

.showPage i {
    font-style: normal;
}

.showPage p {
    max-width: 49%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.picShow_r {
    width: 30%;
    overflow: hidden;
    font-size: 1.143em;
}

.picShow_r .proShow_tie {
    font-size: 28px;
    margin-bottom: 20px;
}

.rightNews,
.rightPro {
    background: #f8f8f8;
    padding: 5%;
    margin-bottom: 30px;
    overflow: hidden;
}

.rightNews li {
    overflow: hidden;
    margin-bottom: 20px;
}

.rightNews li .pic {
    float: left;
    width: 40%;
    margin-right: 20px;
    height: 120px;
    overflow: hidden;
}

.rightNews li .pic img {
    height: 120px;
    max-width: inherit;
    transition: all .5s;
}

.rightNews li h4 {
    color: #333;
    height: 80px;
    margin-bottom: 10px;
}

.rightNews li p {
    color: #999;
}

.rightNews li:hover h4 {
    color: #f00;
}

.rightPro ul {
    margin-right: -10px;
}

.rightPro li {
    float: left;
    width: 50%;
    text-align: center;
    padding-right: 10px;
}

.rightPro li .pImg {
    padding-top: 80%;
}

.rightPro li p {
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rightPro li:hover img,
.rightNews li:hover img {
    transform: scale(1.1);
}


/* 关于我们 */

.listBan6 .txt {
    color: #fff;
}

.aboutTxt {
    width: 27%;
    margin-left: 8%;
    padding-top: 5%;
    line-height: 2;
}

.aboutTxt .hTitle i {
    font-style: normal;
    display: block;
    margin-bottom: 10px;
}

.aboutPic {
    width: 61.5%;
}

.aboutPic img {
    width: 100%;
}

.aboutBox1 ul {
    color: #333;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    width: auto;
}

.culture {
    position: relative;
}

.culture::after {
    content: "";
    position: absolute;
    right: 0;
    top: 23%;
    bottom: 0;
    width: 82%;
    background: #f8f8f8;
    z-index: -1;
}

.cultureL {
    width: 50%;
    height: 800px;
}

.cultureR {
    width: 45%;
    padding-right: 8%;
}

.cultureR li {
    height: 160px;
    padding-top: 20px;
    padding-left: 150px;
    color: #767676;
}

.cultureR li h5 {
    color: #222;
    font-size: 1.750em;
    margin-bottom: 10px;
}

.cultureR li i {
    float: left;
    width: 85px;
    height: 82px;
    background-size: 100%;
    margin-left: -150px;
    margin-top: 10px;
    background-repeat: no-repeat;
}

.history {
    color: #222;
    position: relative;
    overflow: hidden;
}

.history::after {
    content: "";
    position: absolute;
    left: 0;
    top: 458px;
    height: 1px;
    background: #ddd;
    width: 60%;
}

.history .hTitle {
    position: absolute;
    top: 50px;
    z-index: 3;
}

.historyMenu {
    position: absolute;
    top: 300px;
    width: 45%;
    font-size: 2.250em;
    font-family: Arial;
    z-index: 3;
    padding-bottom: 40px;
}

.historyMenu li {
    float: left;
    width: 25%;
    padding-bottom: 40px;
    position: relative;
}

.historyMenu li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f8f8f8;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    border: 6px solid #dedede;
    transition: all .5s;
}

.historyMenu li.on::after {
    background: #f00;
}

.historyMenu li.on {
    color: #f00;
}

.swiperBtn2 {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #fff;
    text-align: center;
    border: 1px solid #ddd;
    color: #666;
    font-size: 26px;
    line-height: 58px;
    font-family: "iconfont";
    transform: rotate(180deg);
    transition: all .5s;
    top: 63%;
    left: 44%;
}

.history .swiper-button-next {
    transform: rotate(0);
    left: 52%;
    right: auto;
}

.swiperBtn2:hover {
    background: #f00;
    border-color: #f00;
    color: #fff;
}

.historyMain .bgImg {
    float: right;
    width: 50%;
    height: 600px;
}

.historyMain li .txt {
    float: left;
    width: 45%;
    padding-top: 460px;
    font-size: 1.5em;
    color: #333;
}

.honor {
    background: #f8f8f8;
    position: relative;
    z-index: 2;
}

.honor::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 42%;
    background: url('../images/honor_bg.jpg') no-repeat center;
    background-size: cover;
    z-index: - 1;
}

.honorSlide {
    width: 48%;
    overflow: hidden;
    margin-right: 4%;
    text-align: center;
}

.honorSlide li {
    float: left;
    width: 50%;
}

.honorSlide li .pImg {
    padding-top: 66%;
    border: 1px solid #e3e3e3;
}

.honorSlide li p {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 15px;
}

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

.honorSlide .swiperBtn2 {
    left: 0;
    bottom: 50px;
    top: auto;
}

.honorSlide .swiper-button-next {
    left: 100px;
    transform: rotate(0);
}

.honor .hTitle {
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 2;
    max-width: 40%;
}

.hTitleW,
.hTitleW b {
    color: #fff;
}

.hTitleW span::after {
    background: #fff;
}

.setting .title {
    text-align: center;
    font-size: 2.5em;
    color: #222;
    margin-bottom: 40px;
}

.caseMenu {
    text-align: center;
    font-size: 1.125em;
    margin-bottom: 50px;
}

.caseMenu a {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    width: 200px;
    background: #fff;
    box-shadow: 0 3px 8px #e1e1e1;
    position: relative;
    z-index: 1;
}

.caseMenu a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f00;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform-origin: right;
    transform: scale(0, 1);
    transition: all .5s;
}

.caseMenu .on {
    color: #fff;
}

.caseMenu .on::after {
    transform-origin: left;
    transform: scale(1);
}

.settingMain {
    max-height: ;
    overflow: hidden;
    text-align: center;
}

.settingBox {
    margin-bottom: 30px;
    display: none;
}

.settingMain li {
    float: left;
    width: 33.3%;
}

.settingMain li .pImg {
    padding-top: 70%;
}

.settingMain li p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 15px;
}


/* 图片列表 */

.picList ul {
    margin-right: -30px;
}

.picList li {
    width: 33.3%;
    text-align: center;
    float: left;
    padding-right: 30px;
    margin-bottom: 30px;
}

.picList li a {
    display: block;
    overflow: hidden;
}

.picList li .pImg {
    padding-top: 75%;
    border: 1px solid #e1e1e1;
}

.honorList li .pImg {
    padding-top: 142%;
}

.honorList li {
    width: 20%;
}

.picList li p {
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    z-index: 2;
    position: relative;
    margin-top: 20px;
}

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

.picList li a:hover p {
    color: #ee1d23;
}


/* 联系我们 */

.contactWrap {
    background: #f8f8f8;
}

.contactBox1 {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 50px;
}

.contactBox1 li {
    float: left;
    background: #fff;
    width: 24%;
    margin: 0 10px;
    height: 280px;
    position: relative;
    padding: 2%;
    flex-grow: 1;
    color: #222;
}

.contactBox1 li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 3px;
    background: #f00;
    width: 100%;
    transition: all .5s;
    transform-origin: right;
    transform: scale(0, 1);
    transition: transform .5s;
}

.contactBox1 li:hover::after {
    transform-origin: left;
    transform: scale(1);
}

.contactBox1 li h4 {
    font-size: 1.563em;
    font-weight: 700;
}

.contactBox1 li h4 span {
    display: block;
    font-size: 14px;
    color: #767676;
    font-weight: 400;
}

.contactBox1 li p {
    position: absolute;
    bottom: 35px;
    font-size: 1.275em;
}

.contactBox1 li p span {
    display: block;
}

.contactBox1 li i {
    font-family: "iconfont";
    font-style: normal;
    position: absolute;
    right: 10px;
    bottom: 20px;
    line-height: 1;
    opacity: .1;
    font-size: 10rem;
    color: #999;
    transition: all .5s;
}

#dituContent {
    height: 600px;
    border: 10px solid #fff;
}

.contactBox1 li:hover i {
    color: #f00;
    transform: scale(.9);
}

.contactBox2 .qTitle {
    margin-bottom: 20px;
}

.contactBox2 .qTitle span {
    margin-bottom: 0;
}

.contactBox2 ul {
    margin: 0 -1%;
    padding-bottom: 20px;
    overflow: hidden;
}

.contactBox2 li {
    float: left;
    width: 31.3%;
    padding: 2%;
    background: #fff;
    min-height: 280px;
    margin: 0 1% 30px 1%;
    line-height: 1.8;
    transition: all .5s;
}

.contactBox2 li span {
    display: block;
    color: #333;
    font-size: 1.429em;
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.contactBox2 li span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 25px;
    height: 2px;
    background: #af1d1f;
}

.contactBox2 li:hover {
    box-shadow: 0 0 10px #ccc;
}