body {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto
}

.w1840 {
    width: 100%;
    max-width: 1840px;
    margin: 0 auto
}

.w1600 {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto
}

.w1500 {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto
}

.w1400 {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto
}

.btn-phone {
    display: none;
    cursor: pointer
}

.headfixed {
    transition: all .5s;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 100;
    vertical-align: middle;
    clear: both;
}

.headfixed .headfixed-top {
    padding: 20px 0;
}

.headfixed .headfixed-top-left {
    width: 60%;
    align-items: center
}

.headfixed .headfixed-top-right {
    width: 40%;
    align-items: flex-start;
}
.headfixed .headfixed-top-righttel{
    padding-top: 6px;
}
.headfixed .headfixed-bot {
    align-items: center;
    background-color: #b81b22;
}

.headfixed .headfixed-bot.active {
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.headfixed .headfixed-top-lefth2 {
    padding-left: 20px;
    align-items: center
}

.headfixed .headfixed-top-lefth2 h3 {
    font-size: 0.28rem;
    letter-spacing: 2px;
    color: #333;
}

.headfixed .headfixed-top-lefth2 h3 span {
    padding: 0 2px 0 5px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background-color: #b81b22;
    border-radius: 6px;
    margin-right: 9px;
    display: inline-block;
    vertical-align: 2px;
    font-family: Gilroy-Regular;
    font-size: 30px;
    color: #fff
}

.headfixed .headfixed-top-font {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #666
}

.headfixed .headfixed-top-font span {
    color: #333
}

.headfixed .logo {
    overflow: hidden;
    padding-right: 20px;
    border-right: 1px solid #e5e5e5;
}

.headfixed .logo p {
    font-weight: 700;
    font-size: 12px;
    line-height: 28px;
    color: #1a4985
}

.headfixed .headfixed-top-rightcont {
    padding-left: 17px
}

.headfixed .headfixed-top-rightcont p {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 2px;
    color: #666
}

.headfixed .headfixed-top-rightcont a {
    font-family:" Gilroy-Bold";
    font-weight: bold;
    font-size: 23px;
    line-height: 30px;
    color: #b81b22;
    display: inline-block;
    position: relative;
}
.headfixed .headfixed-top-rightcont span{
    color: #b81b22;
    font-size: 18px;
    vertical-align: 2px;
}
.headfixed .menu-list {
    align-items: center;
    position: relative
}

.headfixed .menu-list>ul {
    width: 100%;
    position: relative
}

.headfixed .menu-list>ul>li {
    position: relative;
    vertical-align: top
}

.headfixed .menu-list>ul>li:hover .nav-two {
    display: block !important
}

.headfixed .mobile-nav-box>ul>li>a {
    font-size: 14px;
    text-align: center;
    letter-spacing: 2px;
    color: #282828
}

.headfixed .mobile-nav-box ul li {
    width: 100%;
    border-bottom: 1px solid #ddd
}

.headfixed .mobile-nav-box>ul li a {
    color: #716b61;
    line-height: 45px;
    text-align: left
}

.headfixed1 .mobile-nav-box ul li a {
    color: #282828
}

.headfixed .btn-list {
    width: 3%;
    text-align: center;
}
.btn-search{
    display: none;
}
.headfixed .btn-list .btn-right {
    width: 100%;
    align-items: center
}

.headfixed .btn-menu {
    margin: 0 auto;
    display: none
}

.headfixed .btn-menu .mobile-nav {
    color: #fff;
    font-size: 13px;
    display: block;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px
}

input::-webkit-input-placeholder {
    font-size: 12px
}

.headfixed .toggle-btn {
    width: 100%;
    height: 30px;
    position: relative;
    display: block
}

.headfixed .toggle-btn span {
    width: 26px;
    height: 2px;
    background: #b81b22;
    position: absolute;
    left: 50%;
    cursor: pointer;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.headfixed .headfixed-bot.active .toggle-btn span {
    background: #333;
}

.headfixed1 .toggle-btn span {
    background: #fff
}

.headfixed .toggle-btn span:first-child {
    top: 8px
}

.headfixed .toggle-btn span:nth-child(2) {
    top: 50%;
    width: 70%
}

.headfixed .toggle-btn span:last-child {
    bottom: 6px
}

.headfixed .toggle-btn.cur span:first-child {
    -webkit-transform: translate(-50%, 7px) rotate(45deg);
    -ms-transform: translate(-50%, 7px) rotate(45deg);
    -o-transform: translate(-50%, 7px) rotate(45deg);
    transform: translate(-50%, 7px) rotate(45deg)
}

.headfixed .toggle-btn.cur span:nth-child(2) {
    opacity: 0
}

.headfixed .toggle-btn.cur span:last-child {
    -webkit-transform: translate(-50%, -3px) rotate(-45deg);
    -ms-transform: translate(-50%, -3px) rotate(-45deg);
    -o-transform: translate(-50%, -3px) rotate(-45deg);
    transform: translate(-50%, -3px) rotate(-45deg);
    bottom: 10px
}

.mobile-nav-box {
    position: fixed;
    top: 70px;
    z-index: 99;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    padding: 0 0 60px 0;
    border-top: 1px solid #ddd;
    display: none
}

.headfixed .mobile-nav-box>ul>li>h3 {
    position: relative;
    padding: 8px 30px
}

.headfixed .mobile-nav-box .head-subnav {
    width: 100%;
    display: none;
    padding: 8px 30px;
    background: #f5f5f5
}

.headfixed .mobile-nav-box .head-subnav .link-tit {
    text-align: left;
    position: relative
}

.headfixed .mobile-nav-box .head-subnav .link-tit a {
    width: 100%;
    line-height: 45px;
    text-align: left;
    font-size: 15px;
    color: #333;
    display: block
}

.headfixed .mobile-nav-box>ul>li>h3>a {
    font-size: 16px;
    display: block;
    text-align: center;
    letter-spacing: 2px;
    padding: 5px 0;
    color: #333;
    text-align: left
}

.headfixed .mobile-nav-box .head-suba {
    display: none
}

.headfixed .mobile-nav-box .head-suba>a,
.headfixed .mobile-nav-box .head-subnav>a {
    font-size: 14px;
    display: block;
    text-align: center;
    letter-spacing: 2px;
    color: #333;
    text-align: left;
    padding: 0 15px
}

.headfixed .mobile-nav-box .link-tit>i,
.headfixed .mobile-nav-box>ul>li>h3>i,
.headfixed1 .mobile-nav-box .link-tit>i,
.headfixed1 .mobile-nav-box>ul>li>h3>i {
    position: absolute;
    top: 0;
    right: 30px;
    height: 100%;
    width: 80px
}

.headfixed .mobile-nav-box .link-tit>i,
.headfixed1 .mobile-nav-box .link-tit>i {
    right: -10px
}

.headfixed .mobile-nav-box .link-tit>i::before,
.headfixed .mobile-nav-box>ul>li>h3>i::before {
    content: "";
    position: absolute;
    top: 20px;
    right: 0;
    width: 10px;
    height: 10px;
    border-bottom: solid 1px #aaa;
    border-left: solid 1px #aaa;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.headfixed .mobile-nav-box>ul>li>h3.cur>i::before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.btn-search,
.headfixed1 .btn-search {
    width: 21px;
    height: 21px
}

.header-button,
.headfixed .header-button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    outline: 0;
    background: url(../images/in-ssicon.png) no-repeat center center;
    border: none;
    cursor: pointer
}

.headfixed .header-button {
    background: url(../images/in-ssicon.png) no-repeat center center
}

.headfixed .headfixed-bot.active .header-button {
    background: url(../images/in-hssicon.png) no-repeat center center
}

#toggle-search.open:after {
    top: 40px;
    color: #fff
}

#search-form {
    -moz-transition: max-height, .5s;
    -o-transition: max-height, .5s;
    -webkit-transition: max-height, .5s;
    transition: max-height, .5s;
    position: absolute;
    top: 100%;
    right: 0;
    width: 25%;
    max-height: 0;
    overflow: hidden;
    background: #fff
}

#search-form.open {
    max-height: 50px;
    border: 1px solid #f1f1f1
}

#search-form fieldset {
    position: relative;
    margin: 0 60px 0 0;
    padding: 0;
    border: none;
    z-index: 9;
    width: 85%
}

#search-form input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 50px
}

#search-form .search {
    width: 100%;
    padding: 0 5px 0 22px;
    background: #fff;
    border: none;
    color: #b81b22;
    font-size: 16px;
    z-index: 9
}

#search-form .header-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15%;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background: url(../images/in-ssicon.png) no-repeat center #b81b22;
    border: none;
    cursor: pointer;
    z-index: 11
}

@media (min-width:1200px) {
    .phone {
        display: none
    }
}

.menu-list h3 a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 2px;
    width: 0;
    background-color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.menu-list>ul>li.cur h3 a::after,
.menu-list>ul>li:hover h3 a::after {
    width: 60px
}

.menu-list>ul>li:hover .head-subnav {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    pointer-events: auto;
    opacity: 1
}

.menu-list h3 {
    width: 100%;
    position: relative
}

.menu-list h3 a {
    height: 50px;
    line-height: 50px;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    font-size: 18px;
    display: block;
    color: #fff
}

.menu-list>ul>li .head-subnav {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    -o-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    min-width: 180px;
    background: #fff;
    padding: 10px 0;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: solid 1px #e4e6ee;
    border-top: 0
}

.menu-list .head-subnav a {
    padding: 15px 0;
    text-align: center;
    color: #333;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: block;
    font-size: 16px;
    border-bottom: solid 1px #efefef
}
.menu-list .head-subnav a:last-child{
    border-bottom: none;
}
.menu-list .head-subnav a:hover {
    color: #b81b22;
}

.menu-list .lang-box {
    top: 100%;
    width: 100%
}

.menu-list .lang-box a {
    padding: 8px 0
}

.headfixed .headfixed-bot.active .menu-list h3 a {
    color: #333;
}

.headfixed .headfixed-bot.active .menu-list>ul>li.cur>h3>a,
.headfixed .headfixed-bot.active .menu-list>ul>li:hover>h3>a {
    color: #b81b22;
}
.mainer .banner,
.me-banner{
    position: relative;
    overflow: hidden;
    background: #fff;
    margin-top: 150px
}

.mainer .pcimg {
    display: block;
    overflow: hidden;
    width: 100%
}

.mainer .phoneimg {
    display: none;
    overflow: hidden;
    width: 100%
}

.mainer .banner .banner-img {
    overflow: hidden
}

.mainer .banner .banner-img .pcimg,
.mainer .banner .banner-img .phoneimg {
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.mainer .banner .swiper-button-next,
.mainer .banner .swiper-button-prev {
    display: none
}

.mainer .banner .swiper-container-horizontal>.swiper-pagination-bullets,
.mainer .banner .swiper-pagination-custom,
.mainer .banner .swiper-pagination-fraction {
    bottom: 30px
}

.mainer .banner .swiper-slide-active .swiper-font-ft {
    -webkit-animation: fadeInDown 2.8s;
    animation: fadeInDown 2.8s
}

.mainer .banner .swiper-slide-active .swiper-font-p {
    -webkit-animation: fadeInUp 3.5s;
    animation: fadeInUp 3.5s
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: rgba(184, 27, 34, 0.5);
    border-radius: 50% !important;
}

.swiper-pagination-bullet-active {
    background-color: #b81b22
}

.banner .swiper-fontlist {
    width: 100%;
    z-index: 3;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -20%);
    -ms-transform: translate(-50%, -20%);
    -moz-transform: translate(-50%, -20%);
    -webkit-transform: translate(-50%, -20%);
    -o-transform: translate(-50%, -20%)
}

.banner .swiper-font {
    width: 100%;
    position: relative;
    padding: 0 2%;
    z-index: 3;
    text-align: center;
}

.banner .swiper-font-ft {
    font-size: 0.46rem;
	line-height: 1.5;
    font-weight: bold;
	color: #000000;
    z-index: 3;
    position: relative;
    margin-bottom: 13px;
}

.banner .swiper-font-ft h3 {
    font-family: "Arial-BoldMT";
    font-size: 148px;
    line-height: 140px;
    color: #b81b22;
    margin-right: 8px
}

.banner .swiper-font-ftdec {
    font-size: 46px;
    line-height: 60px;
    color: #b81b22;
    font-weight: 700
}

.banner .swiper-font-p p {
    position: relative;
    font-size: 20px;
    line-height: 36px;
    color: #333;
    display: inline-block;
    margin-right: 25px;
    font-weight: 700
}

.banner .swiper-font-p p:last-child {
    margin-right: 0
}

.banner .swiper-font-p p img {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-right: 12px
}

.banner .swiper-pagination-bullet {
    background-color: #fff;
    border-radius: 0px;
}

.banner .swiper-pagination-bullet-active {
    background-color: #b81b22;
    border-radius: 0px;
}

.section {
    position: relative
}

.index-tit {
    text-align: center
}

.index-tit h3 {
    font-size: 48px;
    line-height: 70px;
    color: #333;
    font-weight: 700
}

.index-tit h3 span {
    font-family: Arial-BoldMT;
    color: #b81b22;
    font-size: 65px;
    vertical-align: -6px
}

.index-tit .index-tit-dec {
    font-size: 18px;
    line-height: 30px;
    color: #666;
    margin-top: 6px
}

.section1 {
    padding-top: 4.5%;
    padding-bottom: 5.7%
}

.section1 .index-tit h3 {
    color: #fff
}

.section1 .section1-list {
    position: relative;
    margin-top: 4%
}

.section1 .section1-btn {
    width: 152px;
    position: relative
}

.section1 .section1-btn li {
    margin-bottom: 30px;
    position: relative
}

.section1 .section1-btn li:last-child {
    margin-bottom: 0
}

.section1 .section1-btn li.active a,
.section1 .section1-btn li:hover a {
    color: #fff;
    font-weight: 700
}

.section1 .section1-btn a {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 41px;
    color: #9da2a9;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    text-overflow: ellipsis;
    z-index: 3;
    padding: 0 12px
}

.section1 .section1-btn li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0;
    height: 41px;
    background: url(../images/in-fimg2.png) no-repeat center center;
    background-size: cover;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.section1 .section1-btn li.active::before,
.section1 .section1-btn li:hover::before {
    width: 152px
}

.section1 .section1-cont {
    width: calc(100% - 152px);
    position: relative;
    padding-left: 18px
}

.section1 .section1-cont-left {
    position: relative;
    width: 45.55%
}

.section1 .section1-cont-left .section1-contimg {
    position: relative;
    height: 350px;
    overflow: hidden;
    margin-bottom: 4px
}

.section1 .section1-cont-left::before,
.section1 .section1-cont-mobile .swiper-slide::before,
.section1 .section1-cont-rightbt::before,
.section1 .section1-righttp-lf::before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: url(../images/in-fimg3.png) no-repeat center center;
    background-size: cover
}

.section1 .section1-contimg img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.section1 .section1-conttit {
    font-size: 22px;
    text-align: center;
    line-height: 30px;
    color: #333;
    z-index: 3;
    position: relative
}

.section1 .section1-cont a {
    display: block;
    width: 100%;
    height: 100%
}

.section1 .section1-cont-left a {
    padding-top: 1.5%
}

.section1 .section1-cont-left:hover .section1-contimg img,
.section1 .section1-cont-rightbt:hover .section1-contimg img,
.section1 .section1-righttp-lf:hover .section1-contimg img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.section1 .section1-cont-rightbt:hover .section1-conttit,
.section1 .section1-righttp-lf:hover .section1-conttit {
    color: #b81d24
}

.section1 .section1-righttp-lf {
    width: 48%;
    position: relative
}

.section1 .section1-righttp-lf a {
    padding-top: 10%;
    padding-bottom: 10%;
}

.section1 .section1-righttp-lf .section1-contimg {
    overflow: hidden;
    height: 200px;
    position: relative;
    margin-bottom: 4%
}

.section1 .section1-righttp-lf img {
    padding: 20px
}

.section1 .section1-cont-rightbt {
    position: relative;
    width: 100%;
    margin-top: 4.5%
}

.section1 .section1-cont-right {
    position: relative;
    width: 54.45%;
    padding-left: 2.5%
}

.section1 .section1-cont-rightbt .section1-contimg {
    position: relative;
    overflow: hidden;
    height: 200px
}

.section1 .section1-cont-rightbt a {
    padding-top: 6%;
    padding-bottom: 5%
}

.section1 .section1-cont-rightbt .section1-conttit {
    padding-top: 4%
}

.section1 .section1-cont-li {
    display: none
}

.section1 .section1-cont-li:first-child {
    display: block
}

.section1 .section1-cont-mobile .section1-contimg {
    overflow: hidden;
    height: 200px;
    position: relative
}

.section1 .section1-cont-mobile {
    margin-top: 25px;
    display: none;
    width: 100%
}

.section1 .section1-cont-mobile a {
    padding: 30px;
    display: block;
    width: 100%
}

.section1 .section1-cont-mobile .swiper-container {
    padding-bottom: 35px
}

.section1 .section1-mobile-li {
    display: none
}

.section1 .section1-mobile-li:first-child {
    display: block
}

.section1 .section1-left-ft {
    background-color: #737f87;
    padding: 6.5% 9% 7% 9%
}

.section1 .section1-left-ft .tit {
    text-align: left;
    padding-bottom: 5.3%
}

.section1 .section1-left-ft .tit p {
    font-family: ArialMT;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.section1 .section1-left-ft .tit h4 {
    font-size: 30px;
    line-height: 44px;
    color: #fff
}

.section1 .section1-left-ft .dec-font {
    font-size: 16px;
    text-align: left;
    line-height: 28px;
    color: #fff;
    margin-top: 20px
}

.section1 .section1-left-ft .dec {
    border-top: 1px solid #fff;
    padding-top: 5.8%
}

.section1 .section1-left-ft .tag {
    font-size: 20px;
    line-height: 28px;
    text-align: left;
    color: #fff
}

.section2 {
    padding: 4.8% 0%;
}

.section2 .quality-tit .quality-tit-dec {
    font-size: 20px
}

.section2 .section2-left {
    width: 52.5%;
    position: relative;
    padding: 2.5% 7%
}

.section2 .section2-left-top {
    padding-left: 6.5%
}

.section2 .section2-left-num {
    font-size: 36px;
    line-height: 46px;
	color: #333333;
    position: relative;
    padding-bottom: 4.5%
}

.section2 .section2-left-num::before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 2px;
    background-color: #b81b22
}

.section2 .section2-left-font {
	font-size: 16px;
    line-height: 30px;
    color: #666;
    text-align: justify;
    padding-top: 4.5%;
}

.section2 .section2-left-font span {
    font-weight: 700;
    color: #b81b22
}

.section2 .section2-right {
    width: 47.5%;
    position: relative
}

.section2 .section2-list {
    padding-top: 4%
}

.section2 .section2-left-botimg:first-child {
    margin-right: 6%
}

.section2 .section2-left-bot {
    margin-top: 6%;
}

.section2 .section2-list li,
.section2 .section2-mobile .swiper-slide {
    align-items: center;
    background-color: #fff;
    margin-bottom: 6.8%
}

.section2 .section2-list li:last-child {
    margin-bottom: 0px;
}

.section2 .section2-left-botimg {
    border-radius: 0 0 30px 0
}

.section2 .section2-left .tag {
	width: 58px;
	height: 65px;
    position: absolute;
    top: -31.5%;
    background-size: cover;
    font-size: 33px;
    letter-spacing: 3px;
    color: #fff;
    text-align: center;
    font-family: Gilroy-Regular;
    line-height: 65px;
    color: #fff;
    background-color: #b81b22
}
.section2 .section2-list .swiper-slide .section2-left .tag,
.section2 .section2-list li .section2-left .tag {
    left: 0
}
.section2 .section2-pc li:first-child .section2-left .tag{
    top: 0px;
}
.section2 .section2-left .tag p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.section2 .section2-rightimg {
    width: 100%;
    overflow: hidden
}

.section2 .section2-left-botimg {
    width: 31%;
    overflow: hidden;
}

.section2 .section2-rightimg img {
    width: 100%
}

.section2 .section2-left-botimg:hover img,
.section2 .section2-right:hover .section2-rightimg img,
.section3 .swiper-slide:hover .section3-swiper-img img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.section2 .section2-mobile-ct {
    align-items: center
}

.section2 .section2-mobile {
    display: none
}

.section3 {
    padding-top: 4.5%;
    padding-bottom: 5.7%;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important
}

.section3 .index-tit .index-tit-dec,
.section3 .index-tit h3 {
    color: #fff
}

.section3 .section3-swiper-img {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: 9px;
    height: 100px;
    width: 100%;
    overflow: hidden;
    position: relative
}

.section3 .section3-swiper-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.swiper-container {
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0
}

.section3 .section3-swiper {
    padding-top: 3.3%
}

.section3 .swiper-container {
    padding-bottom: 4.5%
}

.section3 .c-dot,
.about-cont5 .c-dot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.section3 .swiper-pagination,
.about-cont5 .swiper-pagination {
    position: relative;
    text-align: center
}

.section3 .loading,
.about-cont5 .loading {
    margin-right: 20px;
    width: 14px;
    height: 14px;
    position: relative;
    border: 1px solid transparent;
    background: 0 0
}

.section3 .loading:last-child,
.about-cont5 .loading:last-child {
    margin-right: 0
}

.section3 .loading.swiper-pagination-bullet-active,
.about-cont5 .loading.swiper-pagination-bullet-active {
    border-color: rgba(255, 255, 255, 0)
}

.section3 .loading .c-progress,
.about-cont5 .loading .c-progress {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    text-align: center
}
.about-cont5 .loading .c-progress{
    background-color: #bdbdbd;
}
.section3 .loading.swiper-pagination-bullet-active .c-progress,
.about-cont5 .loading.swiper-pagination-bullet-active .c-progress {
    background-color: #b81b22
}

.section3 .loading .left,
.section3 .loading .right,
.about-cont5 .loading .left,
.about-cont5 .loading .right {
    opacity: 0;
    width: 7px;
    height: 14px;
    overflow: hidden;
    position: absolute;
    left: -1px;
    top: -1px;
    overflow: hidden
}

.section3 .loading.swiper-pagination-bullet-active .left,
.section3 .loading.swiper-pagination-bullet-active .right,
.about-cont5 .loading.swiper-pagination-bullet-active .left,
.about-cont5 .loading.swiper-pagination-bullet-active .right {
    opacity: 1
}

.section3 .loading .right,
.about-cont5 .loading .right  {
    left: auto;
    right: -1px;
    top: -1px
}

.section3 .loading .left:after,
.section3 .loading .right:after,
.about-cont5 .loading .left:after,
.about-cont5 .loading .right:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 7px;
    height: 14px;
    border: 1px solid #b81b22;
    border-radius: 12px 0 0 12px;
    border-right: 0
}

.section3 .loading .right:after,
.about-cont5 .loading .right:after {
    content: "";
    position: absolute;
    display: block;
    border-radius: 0 12px 12px 0;
    border: 1px solid #b81b22;
    border-left: 0
}

.section3 .loading.swiper-pagination-bullet-active .left:after,
.about-cont5 .loading.swiper-pagination-bullet-active .left:after {
    transform-origin: right center;
    animation-fill-mode: forwards;
    animation-duration: 3.9s;
    animation-timing-function: linear;
    animation-name: spin-left
}

.section3 .loading.swiper-pagination-bullet-active .right:after,
.about-cont5 .loading.swiper-pagination-bullet-active .right:after {
    transform-origin: left center;
    animation-duration: 3.9s;
    animation-timing-function: linear;
    animation-name: spin-right
}

@keyframes spin-right {
    0% {
        transform: rotate(180deg)
    }

    50% {
        transform: rotate(360deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes spin-left {
    0% {
        transform: rotate(180deg)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.section4 {
    background: #f0f1f5;
    padding-top: 4%;
    padding-bottom: 3%
}

.section4 .section4-time h5 {
    font-family: DIN-Regular;
    font-size: 40px;
    line-height: 55px;
    color: #333;
    margin-left: -7px
}
.section4 .section4-time .tag{
    font-size: 22px;
    line-height: 28px;
    color: #333;
    margin-bottom: 5px;
}
.section4 .section4-time p {
    font-family: DIN-Regular;
    font-size: 16px;
    line-height: 26px;
    color: #333
}

.section4 .section4-font {
    margin-top: 8%
}

.section4 .section4-font h3 {
    font-size: 20px;
    line-height: 35px;
    color: #333
}

.section4 .section4-font .dec {
    font-size: 16px;
    line-height: 24px;
    color: #777;
    margin-top: 5%
}

.section4 .swiper-pagination {
    display: none
}

.section4 .swiper-slide {
    background: #fff
}

.section4 .swiper-slide a {
    display: block;
    width: 100%;
    padding: 15% 11% 11.5% 11%
}

.section4 .section4-swiper-font {
    padding-bottom: 13.5%
}

.section4 .section4-img {
    overflow: hidden;
    margin-bottom: -33%;
    position: relative;
    z-index: 3;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.section4 .swiper-container {
    padding-bottom: 5%
}

.section4 .swiper-slide:hover .section4-img img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.section4 .faq-more:hover em,
.section4 .swiper-slide:hover .section4-font h3,
.section4 .swiper-slide:hover .section4-time h5,
.section4 .swiper-slide:hover .section4-time p,
.section4 .swiper-slide:last-child ul a:hover {
    color: #b81b22
}

.section4 .section4-swiper {
    margin-top: 4%
}

.section4 .faq-tit {
    font-size: 22px;
    line-height: 28px;
    color: #333
}

.section4 .swiper-slide:last-child {
    padding: 4.8% 3% 3.5% 3%
}

.section4 .swiper-slide:last-child::after {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 199px;
    height: 227px;
    background: url(../images/in-img25.jpg) no-repeat bottom right;
    background-size: cover;
}

.section4 .swiper-slide:last-child ul a {
    padding: 0;
    position: relative;
    z-index: 3
}

.section4 .section4-ul {
    margin-top: 4%
}

.section4 .section4-ul li a {
    font-size: 16px;
    line-height: 38px;
    color: #333
}

.section4 .faq-more {
    width: 100%;
    height: 50px;
    border: 2px solid #cacaca;
    color: #858585;
    font-size: 14px;
    padding: 0 !important;
    display: block;
    margin-top: 40%;
    position: relative;
    z-index: 3
}

.section4 .faq-more span {
    display: inline-block;
    vertical-align: middle;
    line-height: 46px;
    width: calc(100% - 95px);
    padding-left: 7%
}

.section4 .faq-more em {
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    color: #000;
    width: 95px;
    text-align: center;
    border-left: 2px solid #cacaca;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.section4 .faq-more:hover {
    border: 2px solid #b81b22;
    color: #b81b22
}

.section4 .faq-more:hover em {
    padding-left: 20px
}

.section5 {
	background-color: #363636;
}

.section5 .tit {
    font-size: 30px;
    line-height: 50px;
    color: #fff;
    margin-bottom: 7%
}

.section5 .section5-left {
    width: 45.5%;
    padding: 5% 10% 2.3% 13.5%;
    position: relative
}

.section5 .section5-form li {
    margin-bottom: 15px
}

.section5 .section5-form input,
.section5 .section5-form textarea {
    width: 100%;
    height: 50px;
    background-color: #fff;
    padding: 0 15px;
    font-size: 16px;
    line-height: 28px;
    color: #9c9c9c
}

.section5 .section5-form li:last-child input {
    width: 171px;
    height: 53px;
    border: solid 1px #fff;
    font-size: 16px;
    text-align: center;
    line-height: 51px;
    background: 0 0;
    color: #fff;
    cursor: pointer;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.section5 .section5-form li:last-child input:hover {
    border: solid 1px rgba(255, 255, 255, .5);
    color: rgba(255, 255, 255, .8)
}

.section5 .section5-form li:last-child {
    margin-top: 10%
}

.section5 .section5-form textarea {
    height: 140px;
    padding: 10px 15px
}

.section5 .section5-right {
    width: 54.5%;
    padding: 5% 13.5% 2.3% 3.8%;
    position: relative
}

.section5 .section5-form {
    margin-top: 2%
}

.section5 .section5-icon {
    width: 43px;
    height: 43px;
    position: relative;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.section5 .section5-addr {
    width: calc(100% - 43px);
    position: relative;
    padding-left: 20px
}

.section5 .section5-addr dd,
.section5 .section5-addr dd a,
.section5 .section5-addr dt {
    font-size: 16px;
    line-height: 30px;
    color: #fff
}

.section5 .section5-addr .tel {
    font-family: "Arial-BoldMT";
    font-size: 30px;
    line-height: 45px;
    color: #fff
}

.section5 .section5-cont li {
    margin-bottom: 2%
}

.section5 .section5-cont li:last-child dd {
    margin-bottom: 2.8%
}

.section5 .section5-cont li:hover .section5-icon {
    transform: translateY(-10px)
}

.footer {
    background: #2a2a2a;
    position: relative;
    padding-top: 4.5%
}

.footer .foot-top {
    padding-bottom: 2.5%;
}
.frindlink {
    padding-bottom: 1.5%;
}
.footer .footerphone-menu {
    width: 100%
}
.frindlink span,.frindlink a{
color: rgba(255, 255, 255, .3);
font-size: 14px;
}
.frindlink a:hover{
color:#fff;
}
.footer .footerphone-menu h3 a {
    font-size: 20px;
    line-height: 38px;
    color: #fff
}

.footer .footerphone-menu h3,
.footer .footerphone-menu li {
    position: relative
}

.footer .footerphone-menu h3 i {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 40px;
    display: none
}

.footer .footerphone-menu h3 i::before {
    content: '';
    position: absolute;
    top: 50%;
    height: 2px;
    width: 15px;
    background: #ababab;
    margin-top: -1px;
    right: 11px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.footer .footerphone-menu h3 i::after {
    content: '';
    position: absolute;
    top: 50%;
    height: 15px;
    width: 2px;
    background: #ababab;
    margin-top: -7px;
    right: 17px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.footer .footerphone-menu h3.cur i::after {
    opacity: 0
}

.footer .footer-subnav a {
    font-size: 16px;
    line-height: 32px;
    color: rgba(255, 255, 255, .5);
    display: block;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.footer .footerphone-menu h3 {
    margin-bottom: 25px
}

.footer .foot-bot-left p a:hover,
.footer .foot-bot-right a:hover,
.footer .footer-subnav a:hover {
    color: #fff
}

.footer .footer-bot {
    padding: 1% 0;
    border-top: 1px solid rgba(161, 161, 161, .1)
}

.footer .foot-bot-left p,
.footer .foot-bot-left p a,
.footer .foot-bot-right a {
    font-size: 16px;
    line-height: 32px;
    color: rgba(255, 255, 255, .3);
}

.footer .foot-bot-left p a {
    display: inline-block;
    padding-left: 16px
}
@keyframes tel {
    0% {
        transform: rotateZ(0)
    }

    20% {
        transform: rotateZ(20deg)
    }

    40% {
        transform: rotateZ(-20deg)
    }

    60% {
        transform: rotateZ(20deg)
    }

    80% {
        transform: rotateZ(-20deg)
    }

    100% {
        transform: rotateZ(0)
    }
}

.product-con .about-tit {
    text-align: center;
    padding: 23px 23px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

.product .about-tit {
    text-align: left;
}

.product .about-tit h3 {
    font-size: 30px;
    /* font-weight: bold; */
    color: #333;
}

.about-tit h3 {
    font-size: 40px;
    font-weight: bold;
    line-height: 46px;
    color: #333333;
}
.about-tit h3 b{
    font-family: "Arial-BoldMT";
}
.about-tit h3 span {
    color: #b81b22
}

.about-tit p {
    font-family: "ArialMT";
    font-size: 18px;
    color: #666;
    margin-top: 19px;
}

.about-tit p span {
    color: #b81b22;
    font-family: "ArialMT";
}

.about-tit p span b {
    font-weight: 400;
    font-family: "ArialMT";
    color: #b81b22
}
.add-more:hover,
.contact-submit:hover .message-submit:hover,
.insrecruit-list .load-more:hover,
.insrecruit-list .rectue-send a:hover,
.quality-more:hover {
    background-color: rgba(184, 27, 34, .8)
}
.add-more{
    width: 360px;
    margin-top: -5px;
    height: 60px;
    background-color: #b81b22;
    display: block;
    text-align: center;
    line-height: 60px;
    border-radius: 10px;
    font-size: 18px;
    color: #fff;
    margin: 0 auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}
.quality-cont4 .quality-cont4-ulimg {
    overflow: hidden
}

.quality-cont3 .quality-cont3-ulimg img,
.quality-cont4 .quality-cont4-ulimg img,
.quality-cont7 .quality-cont7-swiperimg img {
    width: 100%;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.quality-cont2 .quality-cont2-bot li:hover .quality-cont2-botimg img,
.quality-cont3 .quality-cont3-ul li:hover .quality-cont3-ulimg img,
.quality-cont4 .quality-cont4-ul li:hover .quality-cont4-ulimg img,
.quality-cont7 .swiper-slide:hover .quality-cont7-swiperimg img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.quality-cont2 .quality-cont2-bot .quality-cont2-botimg img,
.quality-cont2 .quality-cont2-topimg img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.quality-cont2 {
    position: relative;
    padding-top: 5%;
    padding-bottom: 4.1%
}

.quality-cont2 .quality-cont2-top {
    margin: 50px auto;
    width: 80%
}

.quality-cont2 .quality-cont2-top li {
    margin-right: 160px;
    width: 25%;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.quality-cont2 .quality-cont2-bot li:last-child,
.quality-cont2 .quality-cont2-top li:last-child {
    margin-right: 0
}

.quality-cont2 .quality-cont2-top li:hover .quality-cont2-topimg img {
    transform: rotateY(180deg)
}

.quality-cont2 .quality-cont2-topimg {
    width: 90px;
    height: 90px;
    border: solid 1px #b81b22;
    border-radius: 50%;
    position: relative;
    margin: 0 auto
}

.quality-cont2 .quality-cont2-topfont {
    text-align: center;
    margin-top: 15px
}

.quality-cont2 .quality-cont2-topfont h3 {
    font-size: 20px;
    line-height: 35px;
    color: #333;
    margin-bottom: 4px
}

.quality-cont2 .quality-cont2-topfont h3 span {
    font-family: Arial-BoldMT;
    font-weight: 700
}

.quality-cont2 .quality-cont2-topfont p {
    font-size: 18px;
    line-height: 30px;
    color: #666
}

.quality-cont2 .quality-cont2-topfont p span {
    font-family: ArialMT;
    font-size: 18px;
    font-weight: 700;
    color: #b81b22
}

.quality-cont2 .quality-cont2-bot li {
    width: 23.6%;
    margin-right: 26px;
    position: relative
}

.quality-cont2 .quality-cont2-bot .quality-cont2-botimg {
    width: 100%;
    height: 460px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    position: relative
}

.quality-cont3 {
    position: relative;
    background: #f8f8f8;
    padding-top: 4%;
    padding-bottom: 1.6%
}

.quality-cont3 .quality-cont3-ul {
    position: relative;
    flex-wrap: wrap;
    margin-top: 48px
}

.quality-cont3 .quality-cont3-ul li {
    width: 18.6%;
    margin-right: 1.73%;
    margin-bottom: 3%
}

.quality-cont3 .quality-cont3-ul li:nth-child(5n) {
    margin-right: 0
}

.quality-cont3 .quality-cont3-font {
    text-align: center;
    padding-top: 2px
}

.quality-cont3 .quality-cont3-font strong {
    font-family: "Arial-BoldMT";
    font-weight: 700;
    font-size: 36px;
    letter-spacing: 1px;
    color: rgba(189, 45, 52, .1)
}

.quality-cont3 .quality-cont3-font h3 {
    font-size: 20px;
    line-height: 28px;
    color: #333;
    margin-top: -28px
}

.quality-cont3 .quality-cont3-ulimg {
    overflow: hidden
}

.quality-cont3 .quality-cont3-ul li:hover .quality-cont3-font h3 {
    color: #bd2d34
}

.quality-cont4 {
    position: relative;
    padding-top: 4%
}

.quality-cont4 .quality-cont4-ulfontnum {
    width: 70px;
    height: 70px;
    background-color: #b81b22;
    border-radius: 5px;
    text-align: center;
    line-height: 70px;
    font-family: ArialMT;
    font-size: 48px;
    letter-spacing: 1px;
    color: #fff
}

.quality-cont4 .quality-cont4-ulfont,
.quality-cont4 .quality-cont4-ulimg {
    width: 50%
}

.quality-cont4 .quality-cont4-ulfontdec {
    width: 85%;
    padding-left: 30px
}

.quality-cont4 .quality-cont4-ulfontdec h3 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 1px;
    color: #b81b22;
    margin-bottom: 10px
}

.quality-cont4 .quality-cont4-ulfontdec p {
    font-size: 18px;
    line-height: 44px;
    color: #333
}

.quality-cont4 .quality-cont4-ulfontdec p span {
    font-family: ArialMT
}

.quality-cont4 .quality-cont4-ul {
    margin-top: 50px
}

.quality-cont4 .quality-cont4-ul li {
    margin-bottom: 50px
}

.quality-cont4 .quality-cont4-ul li:last-child {
    margin-bottom: 0
}

.quality-cont4 .quality-cont4-ulfont {
    padding: 80px 0 80px 82px;
    background-color: #f7f7f7
}

.quality-cont7 {
    position: relative;
    padding: 4% 0
}

.quality-cont7 .quality-cont7-swiper {
    margin-top: 46px;
    position: relative
}

.quality-cont7 .swiper-slide {
    overflow: hidden
}

.quality-cont7 .swiper-wrapper {
    padding-bottom: 20px;
}

.quality-cont7 .swiper-pagination-bullet {
    width: 25px;
    height: 3px;
    border-radius: 0;
    background: #b81b22;
    opacity: .5
}

.quality-cont7 .swiper-pagination-bullet-active {
    opacity: 1
}

.quality-cont7 .swiper-pagination {
    display: none
}

.quality-more {
    width: 280px;
    height: 60px;
    background-color: #b81b22;
    display: block;
    text-align: center;
    line-height: 60px;
    border-radius: 10px;
    font-size: 18px;
    color: #fff;
    margin: 0 auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.pub-banner .pub-banner-font {
    width: 23%;
    position: absolute;
    top: 48%;
    transform: translateY(-48%);
    text-align: left;
    color: #222;
    z-index: 9;
    margin: 0 auto;
}
.pub-banner1 .pub-banner-font {
    width: 100%;
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%,-42%);
    -moz-transform: translate(-50%,-42%);
    -o-transform: translate(-50%,-42%);
    -ms-transform: translate(-50%,-42%);
    -webkit-transform: translate(-50%,-42%);
}
.pub-banner .pub-banner-font h3 {
    font-size: 0.40rem;
    color: #333333;
    position: relative
}
.pub-banner1 .pub-banner-font h3{
    color: #fff;
}
.pub-banner .pub-banner-font h3 strong{
    font-weight: bold;
}
.pub-banner .pub-banner-font1{
    width: 28%;
}
.pub-banner .pub-banner-font1 h3{
    color: #fff;
    font-weight: normal;
}
.pub-banner .pub-banner-font1 h3 span{
    font-family: "Arial-BoldMT";
    font-weight: bold;
    position: relative;
}
.pub-banner .pub-banner-font1 h3 span::after{
    content: " ";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0px;
    bottom: 0px;
    background-color: #ffffff;
}
.pub-pcbanner {
    display: block
}

.pub-mbanner {
    display: none
}

.pub-mbanner,
.pub-pcbanner {
    width: 100%
}

.lbanner-bread {
    font-size: 15px;
    line-height: 26px;
    color: #222;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    z-index: 3;
    display: none;
}

.lbanner-bread a {
    display: inline-block;
    color: #222
}

.index-search {
    background: #f7f7f7
}

.index-keywords {
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%
}

.index-searinput {
    float: right;
    padding: 5px 20px;
    border: 1px solid #dcdcdc;
    display: none
}

.index-keywords span {
    display: inline-block;
    font-size: 16px;
    color: #000;
    padding-right: 12px
}

.index-keywords a {
    display: inline-block;
    font-size: 18px;
    color: #222;
    line-height: 30px;
    margin: 0 2%;
    display: block;
    line-height: 70px;
    height: 70px;
    position: relative
}

.index-keywords a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 2px;
    width: 0;
    background-color: #b81b22;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.index-keywords a:first-child {
    margin-left: 0
}

.index-keywords a.active,
.index-keywords a:hover {
    color: #b81b22
}

.index-keywords a.active::after,
.index-keywords a:hover::after {
    width: 60px
}

.index-searinput input {
    font-size: 14px;
    color: #bebebe
}

.index-searinput i {
    color: #666369;
    font-size: 17px;
    cursor: pointer
}

@media(max-width:640px) {
    .index-search {
        display: none
    }

    .index-searinput {
        float: none;
        margin-top: 20px;
        padding: 5px 10px
    }

    .index-keywords {
        float: none
    }

    .index-searinput input {
        width: 93%
    }

    .index-keywords a {
        font-size: 14px;
        padding: 0 5px
    }

    .index-keywords span {
        font-size: 14px;
        padding-right: 8
    }
}

@media(max-width:320px) {
    .index-searinput input {
        width: 91%
    }
}

.appsecond-nav {
    position: relative;
    display: none;
    z-index: 5
}

.bot {
    position: absolute;
    top: 48px;
    background: #fff;
    z-index: 10
}

.se-bot {
    width: 100%;
    display: none
}

.se-top {
    height: 48px;
    line-height: 48px;
    border-bottom: solid 1px #d8d8d8;
    position: relative
}

.se-top1 {
    background: #fff
}

.se-top .se-a {
    color: #222;
    font-size: 16px;
    display: block;
    padding: 0 20px
}

.se-tig.P_tig {
    font-size: 16px;
    color: #333;
    text-align: center;
    transition: all .5s;
    line-height: 48px;
    width: 48px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.se-btop {
    height: 48px;
    line-height: 48px
}

.se-a1 {
    color: #444;
    font-size: 16px;
    padding: 0 20px;
    display: block
}

.se-a1.hover {
    color: #fff;
    background: #f9be00;
    border-bottom: solid 1px #fff
}

.se-tig.P_tig.open {
    transform: rotateZ(90deg);
    opacity: 1
}

.se-bottom {
    display: none;
    background: #f9be00
}

.se-bottom a {
    display: block;
    font-size: 14px;
    color: #fff;
    border-bottom: 1px dashed #fff;
    padding: 10px 30px
}

.se-bottom a:last-child {
    border-bottom: none
}

.se-bottom a.on {
    font-weight: 700
}

.se-btop .se-tig.P_tig {
    color: #fff
}

.se-btop.active .se-a1,
.se-btop:hover .se-a1 {
    color: #b81b22
}

.se-btop .se-a1 {
    color: #222;
    display: block;
    width: 100%
}

@media(max-width:767px) {
    .appsecond-nav {
        display: block
    }

    .product-menu,
    .produmenu-hover {
        display: none
    }

    .lmenu {
        display: none
    }
}

/* 2019.12.31 */
@media(max-width:640px) {
    .lappbanner {
        display: block
    }

    .lbanner {
        background: 0 0 !important;
        height: auto;
        position: relative
    }

    .lbanner-cont {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .lbanner-txt {
        padding: 130px 0 100px
    }

    .qual-lbannertxt {
        padding: 120px 0 70px
    }

    .lbanner-bread {
        font-size: 14px
    }

    .qual-bannertxt {
        height: auto
    }
}

@media(max-width:375px) {
    .lbanner-txt {
        padding: 120px 0 85px
    }

    .qual-lbannertxt {
        padding: 105px 0 60px
    }
}

@media(max-width:360px) {
    .lbanner-txt {
        padding: 115px 0 80px
    }

    .qual-lbannertxt {
        padding: 95px 0 60px
    }
}

@media(max-width:320px) {
    .lbanner-txt {
        padding: 105px 0 60px
    }

    .qual-lbannertxt {
        padding: 85px 0 40px
    }
}

.product {
    padding: 4.6% 0
}

.product>div {
    align-items: flex-start
}

.product-search {
    background: #fff;
    box-shadow: 0 12px 8px -12px rgb(236 236 236);
    overflow: hidden
}

.product-leftmenu {
    width: 300px;
    position: sticky;
    top: 70px;
}
.product-leftmenu .procat1 {
    margin-bottom: 20px;
    background: #b81b22;
    padding: 30px 0;
}

.product-leftmenu .procat2 {
    background: #fff;
}

.product-leftmenu .procat2 .pro-contact {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    position: relative;
    padding: 7% 24px 7%;
    margin-bottom: 15px;
    background: #b81b22;
}

.product-leftmenu .procat2 ul {
    padding: 0px 10px 20px;
    line-height: 26px;
    font-size: 15px;
}

.product-leftmenu .procat2 ul li {
    margin-bottom: 5px;
}
.product .search-box {
    position: relative;
    width: 100%;
    margin-bottom: 10%;
}

.product .search-box .search-input {
    width: 100%;
    height: 40px;
	background-color: #f3f3f3;
    padding: 0 45px 0 15px;
    font-size: 16px;
    color: #333;
}

.product .search-box .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: url(../images/pro-ssicon.png)no-repeat center center;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    cursor: pointer;
    background-size: 15px;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.product-leftmenu-tit {
    font-size: 0.30rem;
    color: #333333;
    font-weight: 700;
    position: relative;
    padding: 0;
    margin-bottom: 15px
}

.product-leftmenu-tit::before {
    position: absolute;
    content: "";
    width: 52px;
    height: 2px;
    background: #fff;
    left: 24px;
    bottom: 0
}

.product-leftmenu-app {
    display: none
}

.product-first {
    padding: 0 2px;
    border-bottom: 1px solid #e7e7e7;
}

.product-first-tit {
    position: relative;
}
.product-first-tit em{
    color: #666666;
    font-size: 13px;
    vertical-align: -1px;
    font-weight: 600;
    position: absolute;
    display: block;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
}
.product-first-tit a {
    padding: 13px 0;
    font-size: 18px;
    color: #666666;
    display: block;
    height: 100%;
    float: left;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.product-first.active .product-first-tit a,
.product-first.active .product-first-tit em ,
.product-first:hover .product-first-tit a,
.product-first:hover .product-first-tit em {
    color: #b81b22;
    font-weight: bold;
}

.product-first-tit i {
    color: #a7a7a7;
    display: inline-block;
    font-size: 14px;
    float: right;
    transition: ease .5s;
    line-height: 30px
}

.product-first-tit.on i {
    transform: rotate(90deg)
}

.product-second {
    display: none;
    padding-left: 15px;
    padding-bottom: 20px
}

.product-second a {
    display: block;
    font-size: 18px;
    color: #fff;
    padding: 5px 0;
    border-bottom: 1px dashed #fff
}

.product-con,
.product-info {
    width: calc(100% - 300px);
    position: relative;
    padding-left: 4.5%;
}
.product .pro-top img{
    width: 100%;
}
.product-con ul {
    margin-bottom: 30px;
}

.product-con li {
    float: left;
    width: 32%;
    padding: 0 10px;
    margin-bottom: 20px;
    border: 1px solid #EEEEEE;
    margin-right: 2%;
}
.product-con li:nth-child(3n){
    margin-right: 0px;
}
.product-con .pri-three li {
    float: left;
    width: calc(50% - 40px);
    padding: 10px 20px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    display: revert;
    height: 250px;
    margin: 0px 20px 30px;
    position: relative;
}
.product .product-lfcont{
    position: relative;
    margin-top: 12%;
}
.product .pro-top{
    position: relative;
}
.product .pro-top h4{
    font-size: 0.22rem;
	color: #ffffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}
.product .pro-bot{
    padding: 20px;
    background-color: #f9f9f9;
}
.product .pro-bot dd,
.product .pro-bot dd a{
    font-size: 14px;
	line-height: 30px;
	color: #666666;
}
.product .pro-bot dd a:hover{
    color: #b81b22;
}
.product-con li a {
    display: block;
    width: 100%;
    background: #fff;
    padding-top: 50px;
    position: relative;
    transition: ease .5s;
    overflow: hidden
}

.product-con li:hover a::before {
    top: 0
}

.product-img {
    width: 220px;
    height: 220px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.product-img img {
    width: 100%;
    transition: ease .5s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.product-con li:hover .product-img img {
    transform: scale(1.04)
}

.product-txt {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #111;
    width: 100%;
    transition: ease .5s;
    border-top: 1px solid #eee;
    padding: 11px 0 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product-con li:hover .product-txt {
    color: #b81b22;
}

.product-menu {
    background: #000;
    position: relative;
    display: none;
    margin-bottom: 20px
}

.product-menu-more {
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: #b81b22;
    font-weight: 700;
    text-align: right;
    background: #f3f3f3;
    padding-bottom: 5px
}

.product-menu .swiper-slide {
    text-align: center
}

.product-menu li {
    position: relative;
    overflow: visible
}

.product-menu i {
    color: #fff;
    margin-left: 5px;
    display: inline-block;
    font-weight: 700
}

.product-menu .swiper-slide {
    position: relative;
    transition: ease .5s;
    overflow: hidden
}

.product-menu .swiper-slide a {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    position: relative;
    transition: ease .5s;
    padding: 23px 0;
    width: 100%
}

.product-menu .swiper-slide.on::before,
.product-menu .swiper-slide:hover::before {
    width: 100%
}

.product-menu .swiper-slide.on a,
.product-menu .swiper-slide:hover a {
    color: #fff;
    font-weight: 700
}

.product-menu .swiper-slide:first-child a {
    font-size: 30px;
    font-weight: 700;
    padding: 16px 0
}

.product-menu .swiper-slide.on i,
.product-menu .swiper-slide:hover i {
    color: #fff
}

.product-menu .swiper-button-prev {
    background: url(../images/pro-left.png) no-repeat center left;
    left: 0
}

.product-menu .swiper-button-next {
    background: url(../images/pro-right.png) no-repeat center right;
    right: 0
}

.product-menu .swiper-button-next,
.product-menu .swiper-button-prev {
    width: 16px;
    height: 29px;
    top: 58%;
    display: none;
    background-size: cover !important
}

.product-menu>div {
    position: relative
}

.product-menu-li {
    display: none;
    padding: 10px 20px 20px;
    margin-bottom: 20px;
    background: #fff
}

.product-menu-li.on {
    display: block
}

.produmenu-hover {
    display: none
}

.product-menu-li a {
    display: inline-block;
    font-size: 14px;
    color: #9b9b9b;
    border: 1px solid #9b9b9b;
    border-radius: 2px;
    padding: 5px 13px;
    margin-right: 10px;
    margin-top: 10px;
    background: #fff
}

.product-menu-li a:last-child {
    margin-right: 0
}

@media(max-width:1025px) {

    .product-menu,
    .produmenu-hover {
        display: block
    }
    .product-con {
        float: none;
        width: 100%
    }

    .product-img {
        width: 180px;
        height: 180px
    }
}

@media(max-width:767px) {
    .product-menu .swiper-slide:first-child a {
        font-size: 18px;
        padding: 11px 0 10px
    }

    .product-menu .swiper-slide a {
        font-size: 16px;
        padding: 12px 0 11px
    }

    .product-menu-li {
        padding: 10px
    }

    .product-menu-li a {
        font-size: 14px;
        line-height: 22px
    }

    .product-con li {
        padding: 0 5px;
        margin-bottom: 10px
    }

    .product-con li a {
        padding-top: 20px
    }

    .product-img {
        width: 75%;
        margin: 0 auto 20px
    }

    .product-txt {
        font-size: 16px;
        padding: 10px 0
    }

    .product {
        padding: 20px 0 40px
    }

    .product-menu .swiper-button-next,
    .product-menu .swiper-button-prev {
        width: 12px;
        height: 24px;
        top: 68%
    }

    .product-search .index-keywords {
        display: none
    }

    .product-search .index-searinput {
        margin-top: 0
    }
}

/* product-info */
.product-info .product-infotp-lf{
    width: 46%;
    position: relative;
    overflow: hidden;
    border: solid 1px #e6e6e6;
}
.product-info .product-infotp-lf .product-infoimg{
    width: 100%;
    height: 450px;
    position: relative;
}
.product-info .product-infotp-lf .product-infoimg img,
.product-info .product-feature-icon img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.product-info .product-infotp-lf:hover .product-infoimg img,
.product-info .product-rele .swiper-slide:hover .product-img img{
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.product-info .product-infotp{
    align-items: center;
}
.product-info .product-infotp-rt{
    width: 54%;
    padding-left: 5.5%;
}
.product-info .product-infotp-rt .tit{
	font-size: 0.36rem;
    line-height: 1.3;
	color: #333333;
}
.product-info .product-infotp-rt .dec{
    font-size: 16px;
	line-height: 28px;
	color: #666666;
    margin-top: 2.5%;
}
.product-info .product-infotp-rt .tag{
    font-size: 20px;
	line-height: 28px;
	color: #333333;
    margin-top: 8%;
    margin-bottom: 3%;
}
.product-info .product-infotp-dl{
    flex-wrap: wrap;
}
.product-info .product-infotp-dl dd{
    font-size: 16px;
	color: #666666;
    background-color: #f6f6f6;
	border-radius: 2px;
    padding: 6px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.product-info .product-infotp-dl dd:nth-child(6){
    margin-right: 0px;
}
.product-info .pro-more{
    width: 150px;
	height: 50px;
	background-color: #b81b22;
	border-radius: 4px;
    font-size: 18px;
    text-align: center;
    display: block;
	line-height: 50px;
	color: #ffffff;
    margin-top: 6%;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.product-info .product-feature-ul{
    margin-top: 7%;
    padding-right: 10%;
}
.product-info .pro-more:hover{
    background: rgb(184,27,34, 0.8);
}
.product-info .product-info-tit{
    font-size: 0.26rem;
    padding: 3px 10px;
	color: #333333;
    font-weight: bold;
    background-color: #f4f4f4;
}
.product-info .product-feature{
    margin-top: 6.5%;
}
.product-info .product-feature li{
    align-items: center;
    margin-bottom: 5%;
}
.product-info .product-feature li:last-child{
    margin-bottom: 0px;
}
.product-info .product-feature-icon{
    width: 80px;
	height: 80px;
	background-color: #ffffff;
	border: solid 1px #b81b22;
    border-radius: 50%;
    position: relative;
}
.product-info .product-feature-font{
    width: calc(100% - 85px);
    font-size: 16px;
	line-height: 30px;
    padding-left: 2%;
	color: #666666;
}
.product-info .product-advan{
    margin-top: 6%;
}
.product-info .product-advan-img{
    margin-top: 3%;
}
.product-info .product-advan-ul li{
    width: 33.333%;
    font-size: 16px;
	line-height: 26px;
	color: #666666;
    border: 1px solid #dfdfdf;
    padding: 2.2%;
}
.product-info .product-rele{
    margin-top: 6%;
}
.product-info .product-rele .swiper-slide{
    border: 1px solid #EEEEEE;
    padding: 0 10px;
}
.product-info .product-rele .swiper-slide:hover .product-txt{
    color: #b81b22;
}
.product-info .product-rele-swiper{
    margin-top: 4.5%;
}
.product-info .swiper-pagination{
    display: none;
}
.college2-page {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap
}

.college2-page a {
    display: block;
    margin: 0 5px;
    font-size: 16px;
    color: #999;
    background: 0 0;
    transition: ease .5s;
    border: 1px solid #eee;
    background: #fff;
    padding: 13px 20px
}

.news-left .college2-page a,
.search-cont-right .college2-page a,
.service .college2-page a {
    background: #f5f5f5
}

.college2-page a.on,
.college2-page a:hover {
    color: #fff;
    background: #b81b22
}

.college2-page a i {
    display: block;
    font-size: 16px;
    color: #999;
    width: 10px
}

.college2-page a:hover i {
    color: #fff
}

@media(max-width:790px) {
    .college2-page a {
        font-size: 14px;
        padding: 8px 14px
    }

    .college2-page a i {
        width: 7px;
        font-size: 14px
    }
}
.swiper-pagination-bullet {
    opacity: 1;
    border-radius: 0px;
}
.msg-box-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 10001;
    background: rgba(0, 0, 0, .5)
}

.msg-box {
    width: 860px;
    height: 524px;
    padding: 50px;
    background-color: #f3f3f3;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    margin-top: -262px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .3)
}

.msg-box .close-box {
    width: 38px;
    height: 38px;
    font-size: 30px;
    color: #666;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.msg-box .close-box:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.service {
    padding: 4% 0
}

.service-title {
    font-size: 40px;
    color: #111;
    text-align: center;
    font-weight: 700
}

.service-menu {
    text-align: center;
    margin-top: 30px
}

.service-menu li {
    display: inline-block
}

.service-menu li a {
    display: inline-block;
    font-size: 20px;
    color: #777;
    margin: 0 8px;
    padding-bottom: 5px
}

.service-menu li.on a {
    color: #11298b;
    font-weight: 700;
    border-bottom: 2px solid #11298b
}

.service-list {
    margin-bottom: 40px
}

.service-list1 {
    display: none
}

.service-list1.on {
    display: block
}

.service-list1 li {
    margin-top: 50px
}

.service-kf {
    width: 101px;
    height: 101px;
    border-radius: 50%;
    float: left
}

.service-kf img {
    border-radius: 50%;
    width: 100%
}

.service-answer {
    float: right;
    width: 90%;
    position: relative;
    padding-left: 15px
}

.service-answer>div {
    background: #f4f4f4;
    padding: 30px;
    border-radius: 3px
}

.service-answer::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 23px;
    background: url(../images/answer-bef.png) no-repeat center left;
    left: 0;
    top: 30px
}

.service-answer h3 {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    font-weight: 700;
    margin-bottom: 10px
}

.service-answer p {
    font-size: 16px;
    color: #666;
    line-height: 30px
}

@media (max-width:1259px) {
    .service-answer {
        width: 86%
    }
}

@media (max-width:991px) {
    .service-answer {
        width: 80%
    }
}

@media (max-width:767px) {
    .service-kf {
        width: 80px;
        height: 80px
    }

    .service-answer {
        width: 86%
    }

    .service-answer h3 {
        font-size: 16px;
        line-height: 26px
    }

    .service-answer p {
        font-size: 14px;
        line-height: 24px
    }

    .service {
        padding: 40px 0
    }

    .service-title {
        font-size: 24px
    }

    .service-menu li a {
        font-size: 18px
    }

    .service-list1 li {
        margin-top: 20px
    }

    .service-menu {
        margin: 30px 0
    }

    .service-list {
        margin-bottom: 20px
    }
}

@media (max-width:640px) {
    .service-kf {
        width: 60px;
        height: 60px
    }

    .service-answer {
        width: 78%
    }

    .service-answer>div {
        padding: 30px 20px
    }
}

/* deliver */
.deliver-cont1{
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
}
.deliver-cont1 li{
    width: 33.333%;
    padding: 0 5%;
    margin-bottom: 5.2%;
}
.deliver-cont1 .deliver-cont1-img{
    height: 70px;
    margin-bottom: 4%;
    position: relative;
}
.deliver-cont1 .deliver-cont1-img img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.deliver-cont1 .deliver-cont1-font{
    text-align: center;
}
.deliver-cont1 .deliver-cont1-font .tit{
    font-size: 20px;
    font-weight: bold;
	color: #333333;
}
.deliver-cont1 .deliver-cont1-font .dec{
    font-size: 16px;
	color: #666666;
    margin-top: 6px;
}
.deliver-cont1 li:hover .deliver-cont1-img img{
    transform: rotateY(180deg);
}
.deliver-cont1 li:hover .tit{
    color: #b81b22;
}
.deliver-cont2{
    margin-top: 1.5%;
}
.deliver-cont2 .swiper-pagination,
.metal-cont3 .swiper-pagination{
    display: none;
}
.deliver-cont2 .swiper-container{
    margin-top: 3.5%;
}
.deliver-cont2 .deliver-cont2-img{
    overflow: hidden;
}
.deliver-cont2 .deliver-cont2-img img{
    width: 100%;
}
.deliver-cont2 .deliver-cont2-font{
    font-size: 20px;
    background-color: #f6f6f6;
    text-align: center;
	color: #666666;
    padding: 4%;
}
.deliver-cont2 .deliver-cont2-font span{
    font-family: "ArialMT";
	color: #b81b22;
}
.deliver-cont2 .swiper-slide:hover .deliver-cont2-font,
.deliver-cont3 .deliver-cont3-ul1 li:hover .dec{
    color: #b81b22;
}
.deliver-cont2 .swiper-slide:hover .deliver-cont2-img img{
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.deliver-cont3{
    margin-top: 5%;
    margin-bottom: 1.5%;
}
.deliver-cont3 .deliver-cont3-ul1{
    margin-top: 4%;
    align-items: flex-start;
}
.deliver-cont3 .tag{
    width: 86px;
	height: 40px;
    text-align: center;
	background-color: #b81b22;
	border-radius: 2px;
    font-size: 18px;
	line-height: 40px;
	color: #ffffff;
    margin-top: 14%;
    margin-left: 31%;
}
.deliver-cont3 .deliver-cont3-ul1 li{
    text-align: center;
    width: 16.66%;
    position: relative;
}
.deliver-cont3 .deliver-cont3-ul1 .num,
.deliver-cont3 .deliver-cont3-mobile .num{
    width: 84px;
	height: 84px;
    border-radius: 50%;
	background-color: #f6f6f6;
    font-size: 0.32rem;
    line-height: 84px;
    text-align: center;
	line-height: 84px;
    font-family: "Arial-BoldMT";
	color: #999999;
    margin: 0 auto;
}
.deliver-cont3 .deliver-cont3-ul1 .dec,
.deliver-cont3 .deliver-cont3-mobile .dec{
    font-size: 18px;
	color: #333333;
    margin-top: 10%;
}
.deliver-cont3 .deliver-cont3-ul1 .line,
.deliver-cont3 .deliver-cont3-mobile .line{
    top: 40px;
    right: -25px;
    display: block;
    position: absolute;
    width: 58px;
    height: 14px;
    background: url(../images/de-jticon.png) no-repeat center;
    background-size: 100%;
}
.deliver-cont3 .deliver-cont3-ul1 li:last-child .line,
.deliver-cont3 .deliver-cont3-mobile{
    display: none;
}
.deliver-cont3 .deliver-cont3-mobile .swiper-slide{
    text-align: center;
}
.deliver-cont3 .deliver-cont3-mobile .tag{
    margin: 30px auto 0 auto;
}
.deliver-cont3 .deliver-cont3-mobileli .swiper-container{
    margin-top: 20px;
    padding-bottom:25px;
}
.deliver-cont3 .deliver-cont3-mobile .dec{
    margin-top: 20px;
}
/* metal */
.metal{
    position: relative;
    margin-top: 4.5%;
}
.metal-cont1 .metal-cont1-dec{
    width: 79%;
    margin: 0 auto;
    font-size: 16px;
	line-height: 32px;
	color: #666666;
    padding-top: 1%;
}
.metal-cont2{
    margin-bottom: 5.2%;
}
.metal-cont2 .metal-cont2-img{
    margin-top: 4%;
}
.metal-cont2 .metal-cont2-img .mobile{
    display: none;
}
.metal-cont2 .metail-cont2-ul li{
    position: absolute;
}
.metal-cont2 .metail-cont2-font{
    font-size: 18px;
	color: #333333;
    background-color: #eeeeee;
	border-radius: 2px;
    display: inline-block;
    padding: 0px 20px;
}
.metal-cont2 .metail-cont2-font span{
    font-size: 0.34rem;
    font-family: "Arial-BoldMT";
    font-style: italic;
	color: #333333;
    padding-right: 10px;
}
.metal-cont2 .metail-cont2-ul li:nth-child(1){
    top: 8%;
    left: 22%;
}
.metal-cont2 .metail-cont2-ul li:nth-child(2){
    top: 15%;
    right: 22.5%;
}
.metal-cont2 .metail-cont2-ul li:nth-child(3){
    top: 21%;
    left: 15.5%;
}
.metal-cont2 .metail-cont2-ul li:nth-child(4){
    top: 33%;
    left: 13.5%;
}
.metal-cont2 .metail-cont2-ul li:nth-child(5){
    top: 32.5%;
    right: 25%;
}
.metal-cont2 .metail-cont2-ul li:nth-child(6){
    top: 46%;
    right: 19%;
}
.metal-cont2 .metail-cont2-ul li:nth-child(7){
    top: 50%;
    left: 26%;
}
.metal-cont2 .metail-cont2-ul li:nth-child(8){
    top: 60.5%;
    left: 14.5%;
}
.metal-cont2 .metail-cont2-ul li:nth-child(9){
    top: 69.5%;
    right: 23%;
}
.metal-cont2 .metail-cont2-ul li:nth-child(10){
    top: 81.5%;
    left: 26%;
}
.metal-cont2 .metail-cont2-swiper{
    display: none;
}
.metal-cont3{
    padding: 5% 0;
    background-color: #f6f6f6;
}
.metal-cont3 .metal-cont3-swiper{
    margin-top: 4%;
}
.metal-cont3 .metal-cont3-img{
    height: 55px;
    position: relative;
}
.metal-cont3 .metal-cont3-img img{
    position: absolute;
    top: -55%;
    right: 0;
    bottom: 0;
    margin: auto;
}
.metal-cont3 .metal-cont3-font{
    font-size: 18px;
    font-weight: bold;
	color: #333333;
    min-height: 56px;
    margin-top: 3.5%;
    padding-right: 30%;
}
.metal-cont3 .metal-cont3-num{
    font-family: "Arial-BoldMT";
    font-style: italic;
	font-size: 0.34rem;
	color: #d1d1d1;
    position: absolute;
    left: 8%;
    top: 8%;
}
.metal-cont3 .swiper-slide{
    background-color: #ffffff;
    padding: 3%;
}
.metal-cont3 .swiper-slide:hover .metal-cont3-font{
    color: #b81b22;
}
.metal-cont3 .swiper-slide:hover .metal-cont3-img img{
    transform: translateY(-20px);
}
.metal-cont4 .metal-cont4-table{
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: 4%;
}
.metal-cont4 .metal-cont4-table table{
    border: 1px solid #E3E3E3;
    width: 1400px;
}
.metal-cont4 .metal-cont4-table th{
    font-weight: bold;
	font-size: 20px;
	line-height: 26px;
    text-align: left;  
    background-color: #333333;
	color: #ffffff;
    height: 83px;
}
.metal-cont4 .metal-cont4-table td{
    font-size: 16px;
	line-height: 26px;
	color: #666666;
    height: 83px;
}
.metal-cont4 .metal-cont4-table td,
.metal-cont4 .metal-cont4-table th{
    padding:8px 20px;
}
.metal-cont4 .metal-cont4-table tr:nth-child(odd){
    background-color: #efefef;
}
.metal-cont4 .metal-cont4-table td:nth-child(2){
    color: #333;
    font-weight: bold;
	box-shadow: 0px 0px 62px 0px 
		rgba(64, 63, 64, 0.1);
}
.metal-cont5{
    padding-bottom: 4.2%;
}
.metal-cont5 .metal-cont5-cswiper .swiper-container{
    padding-bottom: 20px;
}
.metal-cont5 .metal-cont5-tswiper{
    position: relative;
    margin: 4% auto;
}
.metal-cont5 .metal-cont5-fontlf{
    position: relative;
    overflow: hidden;
}
.metal-cont5 .metal-cont5-tab{
    display: block;
    width: 100%;
    border-radius: 10px;
    border: solid 2px #9E9E9E;
    background: #fff;
    padding: 10px;
    font-size: 20px;
    color: #9E9E9E;
    text-align: center;
    position: relative;
    z-index: 3;
}
.metal-cont5 .metal-cont5-fontrt{
    width: 41%;
    height: 550px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/me-bzimg2.png)no-repeat center center;
    background-size: 100%;
}
.metal-cont5 .metal-cont5-ft{
    width: 68%;
    overflow: hidden;
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
}
.metal-cont5 .swiper-button-next,
.metal-cont5 .swiper-button-prev,
.metal-cont5 .swiper-pagination,
.about-cont2 .swiper-pagination{
    display: none;
} 
.metal-cont5 .metal-cont5-tswiper .swiper-slide.active a{
    background-color: black;
    color: #ffffff;
}
.metal-cont5 .metal-cont5-tswiper .swiper-container{
    width: 93%;
    margin: 0 auto;
    z-index: 5;
}
.metal-cont5 .metal-cont5-tswiper::after{
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 2px;
    background-color: #9E9E9E;
    z-index: 1;
}
.metal-cont5 .metal-cont5-ft .tit{
    font-size: 0.30rem;
    padding-bottom: 6.5%;
	color: #333333;
    position: relative;
}
.metal-cont5 .metal-cont5-ft .tit::after{
    content: " ";
    position: absolute;
    left: 0;
    top: 100%;
    width: 60px;
    height: 2px;
    background-color: #b81b22;
}
.metal-cont5 .metal-cont5-ft .dec{
    font-size: 18px;
	line-height: 28px;
	color: #666666;
    padding-top: 7%;
    text-align: justify;
}
.metal-cont5 .metal-cont5-fontlf .mobile{
    display: none;
}
.metal-cont5 .swiper-slide:hover .metal-cont5-fontlf img,
.about-cont1 .about-cont1-rtimg:hover img,
.about-cont2 .swiper-slide:hover .about-cont2-img img{
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.metal-cont5 .swiper-slide:hover .tit{
    color: #b81b22;
}
.about-cont2-swiper .about-cont2-img img{
    width: 100%;
}
.about-cont2 .swiper-slide:nth-child(1),
.about-cont2 .swiper-slide:nth-child(3){
    margin-top: 2.5%;
}
/* about */
.about-cont1 .about-cont1-img img{
    display: inline-block;
}
.about-cont1 .about-tit{
    text-align: left;
}
.about-cont1 .about-cont1-list{
    margin-top: 3.5%;
    position: relative;
}
.about-cont1 .about-cont1-left,
.about-cont1 .about-cont1-right{
    width: 50%;
    position: relative;
}
.about-cont1 .about-cont1-left{
    padding-right: 10%;
}
.about-cont1 .about-cont1-right{
    padding-left: 3.2%;
}
.about-cont1 .about-cont1-ul{
    margin-top: 14%;
}
.about-cont1 .about-cont1-lfdec{
    font-size: 16px;
	line-height: 1.875;
	color: #666666;
    margin-top: 6.5%;
}
.about-cont1 .about-cont1-num span{
    font-family: "ArialMT";
	font-size: 0.60rem;
    line-height: 1.2;
	color: #333333;
    display: inline-block;
    vertical-align: middle;
}
.about-cont1 .about-cont1-num em{
    font-family: "ArialMT";
	font-size: 0.40rem;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}
.about-cont1 .about-cont-numdec{
    font-size: 18px;
	color: #666666;
}
.about-cont1 .about-cont-numdec span{
    font-family: "ArialMT";
}
.about-cont1 .about-cont1-rtfont{
    font-size: 16px;
    line-height: 1.875;
	color: #666666;
    padding-left: 16%;
    position: relative;
    margin-top: 8%;
}
.about-cont1 .about-cont1-rtimg{
    overflow: hidden;
}
.about-cont1 .about-cont1-list{
    align-items: center;
}
.about-cont2 {
    padding: 5.3% 0;
    background: url(/PC/images/ab-bgm2.jpg)no-repeat center center;
    background-size: cover;
}
.about-cont2 .about-cont2-font h4{
    font-size: 0.28rem;
	line-height: 28px;
	color: #ffffff;
}
.about-cont2 .about-cont2-font .dec{
	font-size: 16px;
    line-height: 2.5;
	color: #ffffff;
    margin-top: 10%;
}
.about-cont2 .about-cont2-swiper{
    margin-top: 4.3%;
}
.about-cont2 .about-cont2-font{
    position: absolute;
    top: 30%;
    transform: translateY(-30%);
    padding: 8.5%;
}
.about-cont2 .swiper-slide{
    overflow: hidden;
}
.about-cont3{
    margin-top: 0px;
    padding: 4.5% 0;
    background: url(/PC/images/ab-bgm1.png)no-repeat center 20%;
    background-size: cover;
}
.about-cont3 .about-cont3-year{
    font-family: "Arial-BoldMT";
	font-size: 18px;
    padding-left: 14%;
	color: #888888;
}
.about-cont3 .about-cont3-month{
    font-size: 26px;
    font-weight: bold;
	color: #333333;
}
.about-cont3 .about-cont3-month span{
    font-family: "Arial-BoldMT";
}
.about-cont3 .about-cont-dec{
    font-size: 18px;
    line-height: 1.7;
	color: #333333;
    margin-top: 6px;
}
.about-cont3 .about-cont3-swiper{
    position: relative;
    margin-top: 4%;
}
.about-cont3 .about-cont3-swiper .swiper-button-next,
.about-cont3 .about-cont3-swiper .swiper-button-prev{
    width: 48px;
	height: 48px;
    right: 0px;
    border-radius: 50%;
	border: solid 1px #acacac;
    background: url(../images/ab-next.png)no-repeat center center;
}
.about-cont3 .about-cont3-swiper .swiper-button-prev{
    left: 0px;
    background: url(../images/ab-prev.png)no-repeat center center;
}
.about-cont3 .about-cont3-swiper .swiper-button-prev:hover{
    border: solid 1px #b81b22;
    background: url(../images/ab-hprev.png)no-repeat center center;
}
.about-cont3 .about-cont3-swiper .swiper-button-next:hover{
    border: solid 1px #b81b22;
    background: url(../images/ab-hnext.png)no-repeat center center;
}
.about-cont3 .about-cont3-swiper .swiper-container{
    width: 90%;
    margin: 0 auto;
}
.about-cont3 .about-cont3-swiper .swiper-container::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background: rgba(111,111,111,0.2);
}
.about-cont3 .about-cont3-swiper .swiper-slide .about-cont3-font{
    height: 170px;
    /* overflow-x: hidden;
    overflow-y: auto; */
    padding-left: 28%;
    position: relative;
    padding-top: 10px;
}
.about-cont3 .about-cont3-swiper .swiper-slide:nth-child(odd) .about-cont3-font::before{
    content: "";
    position: absolute;
    top: 18px;
    left: 20.5%;
    width: 1px;
    height: 100%;
    background-color: #6f6f6f;
}
.about-cont3 .about-cont3-swiper .swiper-slide:nth-child(even) .about-cont3-font::before{
    content: "";
    position: absolute;
    bottom: 18px;
    left: 20.5%;
    width: 1px;
    height: 100%;
    background-color: #6f6f6f;
}
/* .about-cont3 .about-cont3-swiper .swiper-slide:nth-child(even) .about-cont3-font{
    padding-top: 10%;
} */
.about-cont3 .about-cont3-swiper .swiper-slide::before{
    content: " ";
    position: absolute;
    left: 19%;
    width: 11px;
	height: 11px;
    background: url(../images/ab-yuan.png)no-repeat center center;
    background-size: 100%;
}
.about-cont3 .about-cont3-swiper .swiper-slide:nth-child(even){
    margin-top: 11%;
}
.about-cont3 .about-cont3-swiper .swiper-slide:nth-child(odd)::before{
    bottom: 35px;
}
.about-cont3 .about-cont3-swiper .swiper-slide:nth-child(even)::before{
    top: 35px;
}
.about-cont3 .about-cont3-swiper .swiper-slide:nth-child(odd) .about-cont3-year{
    margin-top: 30px;
}
.about-cont3 .about-cont3-swiper .swiper-slide:nth-child(even) .about-cont3-year{
    margin-bottom: 30px;
}
.about-cont3 .about-cont3-swiper .swiper-slide-active .about-cont3-year,
.about-cont3 .about-cont3-swiper .swiper-slide:hover .about-cont3-year{
    font-family: "Arial-BoldMT";
	font-size: 0.48rem;
	color: #b81b22;
}
.about-cont3 .about-cont3-swiper .swiper-slide-active::before,
.about-cont3 .about-cont3-swiper .swiper-slide:hover::before{
    content: " ";
    position: absolute;
    left: 19%;
    width: 21px;
	height: 21px;
    background: url(../images/ab-hyuan.png)no-repeat center center;
    background-size: 100%;
}
.about-cont3 .about-cont3-swiper .swiper-slide-active:nth-child(odd)::before,
.about-cont3 .about-cont3-swiper .swiper-slide:hover:nth-child(odd)::before {
    bottom: 75px;
    left: 18%;
}
.about-cont3 .about-cont3-swiper .swiper-slide-active:nth-child(even)::before,
.about-cont3 .about-cont3-swiper .swiper-slide:hover:nth-child(even)::before {
    top: 75px;
    left: 18%;
}
.about-cont3 .about-cont3-swiper .swiper-slide-active:nth-child(odd) .about-cont3-font::before,
.about-cont3 .about-cont3-swiper .swiper-slide-active:nth-child(even) .about-cont3-font::before,
.about-cont3 .about-cont3-swiper .swiper-slide:hover:nth-child(odd) .about-cont3-font::before,
.about-cont3 .about-cont3-swiper .swiper-slide:hover:nth-child(even) .about-cont3-font::before{
    left: 21.8%;
    background-color: #b81b22;
}
.about-cont3 .about-cont3-swiper .swiper-slide-active .about-cont3-year,
.about-cont3 .about-cont3-swiper .swiper-slide:hover .about-cont3-year{
    padding-left: 5px;
}
.about-cont3 .about-cont3-swiper .swiper-slide-active:nth-child(even),
.about-cont3 .about-cont3-swiper .swiper-slide:hover:nth-child(even) {
    margin-top: 7.5%;
}
.about-cont3 .about-cont3-swiper .swiper-slide-active .about-cont3-month,
.about-cont3 .about-cont3-swiper .swiper-slide-active .about-cont-dec,
.about-cont6 .about-cont6-font h4 span,
.about-cont6 .about-cont6-font .dec span,
.about-cont6 .about-cont6-ul li:hover h4,
.about-cont3 .about-cont3-swiper .swiper-slide:hover .about-cont3-month,
.about-cont3 .about-cont3-swiper .swiper-slide:hover .about-cont-dec{
    color: #b81b22;
}
.about-cont4{
    margin-top: 0px;
    padding: 7% 0 6.5% 0;
    background: url(/PC/images/ab-bgm5.jpg)no-repeat center 20%;
    background-size: cover;
}
.about-cont4 .about-cont4-left{
    width: 25%;
    padding-right: 7%;
}
.about-cont4 .about-cont4-right{
    width: 75%;
}
.about-cont4 .about-tit{
    text-align: left;
}
.about-cont4 .about-tit h3,
.about-cont4 .about-tit p{
    color: #fff;
}
.about-cont4 .swiper-pagination-bullet{
    background: rgba(255, 255, 255, .5);
}
.about-cont4 .swiper-pagination-bullet-active{
    background-color: #fff;
}
.about-cont4 .swiper-slide:hover .about-cont4-rtimg img{
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.about-cont4 .about-cont4-rtimg{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.about-cont4 .about-cont4-rtimg img{
    width: 100%;
}
.about-cont4 .about-cont4-rtimg::after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/ab-imgbgm.png)no-repeat center bottom;
    background-size: 100%;
}
.about-cont4 .swiper-container{
    padding-bottom: 40px;
}
.about-cont4 .about-cont4-rtfont{
    padding: 5%;
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.about-cont4 .about-cont4-rtfont h4{
	font-size: 18px;
    text-align: center;
	color: #ffffff;
    position: relative;
    z-index: 3;
}
.about-cont5{
    margin-bottom: 5%;
}
.about-cont5 .swiper-container{
    margin-top: 4%;
    padding-bottom: 4.5%;
}
.about-cont5 .swiper-container .swiper-slide{
    width: auto;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transition: all, .5s;
    -o-transition: all, .5s;
    transition: all, .5s;
}
.about-cont5 .swiper-container .swiper-slide-active{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.about-cont5 .abount-cont5-img{
    overflow: hidden;
}
.about-cont5 .abount-cont5-img img{
    width: 100%;
}
.about-cont6{
    background: #F6F6F6;
    padding: 4.5% 0 6% 0; 
}
.about-cont6 .about-cont6-ul{
    flex-wrap: wrap;
    margin-top: 3%;
}
.about-cont6 .about-cont6-img{
    position: relative;
    overflow: hidden;
}
.about-cont6 .about-cont6-ul li{
    width: 47.7%;
    margin-left: 2.2%;
    position: relative;
}
.about-cont6 .about-cont-tag{
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.about-cont6 .about-cont6-ul li:last-child{
    margin-right: 0px;
}
.about-cont6 .about-cont6-font{
    text-align: center;
    background-color: #ffffff;
	box-shadow: 0px 0px 10px 0px 
		rgba(0, 0, 0, 0.1);
    padding: 4%;
}
.about-cont6 .about-cont6-font h4{
    font-size: 0.24rem;
	color: #333333;
}
.about-cont6 .about-cont6-font .dec{
    font-size: 18px;
	color: #666666;
}
.about-cont6 .about-cont6-font img{
    margin: 15px auto;
}
.about-cont6 .about-cont6-ul li:hover .about-cont6-img img,
.about-cont5 .swiper-slide:hover .abount-cont5-img img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.about-cont7{
    padding: 7.5% 0;
    margin-top: 0px;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background: url(/PC/images/ab-bgm3.jpg)no-repeat center 20%;
    background-size: cover;
}
.about-cont7 .about-cont7-left .tit h3{
    font-size: 0.48rem;
	color: #ffffff;
    font-weight: bold;
}
.about-cont7 .about-cont7-left .tit p{
    font-size: 18px;
	color: #ffffff;
    margin-top: 5px;
}
.about-cont7 .about-cont7-left{
    width: 40%;
    margin-top: 5%;
}
.about-cont7 .about-cont7-right{
    width: 60%;
    padding-left: 8%;
}
.about-cont7 .about-cont7-rightul li{
    align-items: center;
    margin-bottom: 14%;
}
.about-cont7 .about-cont7-rightul li:last-child{
    margin-bottom: 0px;
}
.about-cont7 .about-cont7-rightimg{
    width: 65px;
    height: 65px;
}
.about-cont7 .about-cont7-rightfont{
    width: calc(100% - 65px);
    padding-left: 3%;
}
.about-cont7 .about-cont7-rightfont h3{
    font-size: 0.30rem;
	color: #ffffff;
    font-weight: bold;
}
.about-cont7 .about-cont7-rightfont p{
    font-size: 20px;
    margin-top: 8px;
	color: #ffffff;
}
.about-cont7 .about-cont7-rightul li:hover .about-cont7-rightimg img{
    transform: translateY(-20px);
}
/* new */
.news {
    padding: 4% 0;
    position: relative
}

.news-left {
    float: left;
    width: 70.7%
}

.news-right {
    float: right;
    width: 21.57%;
    position: sticky;
    top: 80px
}

.news-right::after {
    content: "";
    display: block;
    clear: both
}

.news-left ul {
    border-bottom: 1px solid #ededed;
    margin-bottom: 40px
}

.news-left li {
    padding: 1.5% 0
}

.news-left li:first-child {
    padding-top: 0
}

.news-left li a {
    display: block;
    position: relative;
    height: 100%
}

.news-left p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-bottom: 15px
}

.news-left-img {
    float: left;
    width: 31.3%;
    overflow: hidden
}

.news-left-img img {
    width: 100%;
    transition: ease .5s
}

.news-left li:hover .news-left-img img {
    transform: scale(1.04)
}

.news-left-text {
    float: right;
    width: 64.6%;
    padding: 25px 0;
}

.news-left-time {
    display: inline-block;
    font-size: 14px;
    color: #888
}

.news-left-label {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background: #b81b22;
    padding: 2px 12px;
    margin-left: 20px;
    display: none;
}

.news-left-title {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    margin-top: 20px;
    transition: ease .5s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.news-left li:hover .news-left-title {
    color: #b81b22
}

.news-left-p {
    font-size: 16px;
    color: #666;
    margin-top: 10px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news-right-title {
    font-size: 18px;
    color: #111;
    font-weight: 700
}

.news-right-one-menu {
    margin-top: 20px
}

.news-right-one-menu a {
    display: inline-block;
    font-size: 14px;
    color: #9b9b9b;
    transition: ease .5s;
    border-radius: 3px;
    border: 1px solid #9b9b9b;
    padding: 7px 13px;
    margin-right: 10px;
    margin-bottom: 10px
}

.news-right-one-menu .on {
    color: #b81b22;
    border-color: #b81b22
}

.news-right-one-menu a:hover {
    color: #b81b22;
    border-color: #b81b22
}

.news-right-two {
    margin-top: 30px
}

.news-right-two li a {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #f2f2f2
}

.news-right-two li:last-child a {
    border-bottom: none
}

.news-right-two li .news-left-time {
    margin-bottom: 10px
}

.news-right-two li p {
    font-size: 16px;
    color: #333;
    transition: ease .5s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.news-right-two li:hover p {
    color: #b81b22;
    font-weight: 700
}

@media (max-width:1259px) {
    .news-left-text {
        padding: 0
    }

    .news-left-p {
        margin-top: 20px;
        -webkit-line-clamp: 1
    }

    .news-left-title {
        font-size: 20px
    }
}

@media (max-width:767px) {
    .news {
        padding: 40px 0
    }

    .news-left {
        float: none;
        width: 100%
    }

    .news-right {
        float: none;
        width: 100%;
        margin-top: 20px
    }

    .news-left-text {
        padding: 10px 0
    }

    .news-left-p {
        -webkit-line-clamp: 2;
        font-size: 14px;
        line-height: 24px
    }

    .news-left-title {
        font-size: 18px
    }

    .news-left ul {
        margin-bottom: 20px
    }

    .news-right-two {
        margin-top: 20px
    }
}

@media (max-width:640px) {
    .news-left-img {
        float: none;
        width: 100%
    }

    .news-left-text {
        float: none;
        width: 100%;
        margin-top: 15px
    }

    .news-left-p {
        margin-top: 15px
    }

    .news-left li {
        padding: 10px 0
    }
}


/* ===================newsinfo================== */
.newsinfo {
    padding: 4% 0
}

.newsinfo-title {
    font-size: 30px;
    line-height: 40px;
    color: #333;
    font-weight: 700;
    margin-bottom: 20px
}

.newsinfo-p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-bottom: 30px
}

.newsinfo-img {
    max-width: 100%;
    margin: 30px 0
}

.newsinfo-img img {
    max-width: 100%
}

.newsinfo-h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 30px
}

.newsinfo-time {
    font-size: 16px;
    color: #a3a3a3
}

.newsinfo-p h5 {
    font-size: 16px;
    color: #666;
    line-height: 30px
}

.newsinfo-p-text,
.newsinfo-p-title {
    text-indent: 30px
}

.newsinfo-page li {
    background: #f7f7f7;
    padding: 30px;
    margin-top: 20px
}

.newsinfo-page li a {
    display: block
}

.newsinfo-page li h3 {
    margin-bottom: 10px
}

.newsinfo-page .dec {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    transition: ease .5s
}

.newsinfo-page .dec:hover {
    color: #b81b22
}

.newsinfo-page li span {
    display: block;
    font-size: 16px;
    color: #a3a3a3;
    line-height: 30px;
    margin-top: 10px
}

.newsinfo-share {
    margin-top: 20px
}

.newsinfo-share a {
    background-image: none !important;
    display: inline-block !important;
    color: #fff !important;
    font-size: 18px !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    line-height: 32px !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    transition: ease .5s;
    margin-right: 12px !important;
    margin-bottom: 10px !important
}

.newsinfo-share a:last-child {
    margin-right: 0 !important
}

.newsinfo-share a.icon-weibo {
    background-color: #da3c3c !important
}

.newsinfo-share a.icon-weixin {
    background-color: #21ba41 !important
}

.newsinfo-share a.icon-qq {
    background-color: #3e91ee !important
}

.newsinfo-share a.icon-kongjian {
    background-color: #f4c50b !important
}

.newsinfo-return {
    display: inline-block !important;
    font-size: 16px;
    color: #fff;
    background: #b4b4b4;
    padding: 15px 0;
    width: 210px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
    transition: ease .5s
}

.newsinfo-return:hover {
    background: #b81b22
}

.newsinfo-return i {
    display: inline-block;
    margin-left: 15px
}

.newsinfo-cont {
    margin-top: 4%
}

.newsinfo-cont p {
    text-indent: 2em
}

@media (max-width:1259px) {
    .newsinfo-return {
        width: 100%
    }
}

@media (max-width:991px) {
    .newsinfo-title {
        font-size: 24px
    }

    .newsinfo-return {
        font-size: 14px
    }

    .newsinfo-page li p {
        font-size: 16px
    }

    .newsinfo-page li span {
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-width:767px) {
    .newsinfo {
        padding: 40px 0
    }

    .newsinfo-return {
        width: 180px
    }

    .newsinfo-title {
        font-size: 19px
    }

    .newsinfo-p {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 20px;
        text-align: justify
    }

    .newsinfo-h3 {
        font-size: 17px;
        margin-bottom: 20px
    }

    .newsinfo-img {
        margin: 20px 0
    }
}

@media (max-width:640px) {
    .newsinfo-return {
        width: 150px;
        padding: 12px 0
    }
}

/* contact */
.contact {
    padding: 4% 0
}

.contact-one {
    padding-bottom: 4%
}

.contact-one-p {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    width: 77%
}

.contact-one ul {
    margin-top: 80px
}

.contact-one li {
    float: left;
    width: 25%;
    text-align: center
}

.contact-icon {
    width: 106px;
    height: 106px;
    margin: 0 auto;
    position: relative;
    border-radius: 50%;
    border: 1px solid #dedede;
    text-align: center;
    line-height: 106px;
    overflow: hidden;
    transition: ease .5s;
    margin-bottom: 20px
}

.contact-icon img {
    width: 45px;
    height: 45px;
    margin: 0 auto;
    line-height: 106px;
    display: inline-block
}

.contact-icon1 {
    transition: ease .5s;
    top: 30%;
    left: 29%;
    position: absolute
}

.contact-icon2 {
    position: absolute;
    top: 100%;
    transition: ease .5s;
    left: 29%
}

.contact-one li:hover .contact-icon2 {
    top: 30%;
    left: 29%
}

.contact-one li:hover .contact-icon1 {
    top: -100%
}

.contact-one li:hover .contact-icon {
    background: #b81b22;
    border-color: #b81b22
}

.BMapLabel {
    text-align: center;
    border: none !important;
    box-shadow: 0 1px 4px 1px #c2c2c2;
    overflow: hidden
}

.contact1-txt span {
    font-size: 20px;
    line-height: 32px;
    color: #333;
    font-family: ArialMT;
    display: block
}

.contact-one li:last-child .contact1-txt span {
    font-size: 16px
}

.contact1-txt p {
    font-size: 16px;
    line-height: 32px;
    color: #666
}

.contact-two {
    position: relative;
    align-items: center;
    height: 545px
}

.contact2-left {
    width: 50%;
    height: 100%;
    position: relative
}

.contact2-left .swiper-container {
    height: 100%
}

.contact2-right {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.contact2-right .map {
    width: 100%;
    height: 100%
}

.contact2-right .map img {
    max-width: none
}

.contact2-left .swiper-slide img {
    width: 100%;
    height: 100%
}

.contact-swip-con {
    font-size: 20px;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%
}

.contact2-left .swiper-button-next,
.contact2-left .swiper-button-prev {
    width: 18px;
    height: 34px
}

.contact2-left .swiper-button-next {
    background: url(../images/down-right.png) no-repeat center right
}

.contact2-left .swiper-button-prev {
    background: url(../images/down-left.png) no-repeat center left
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .5 !important
}

.contact-three {
    padding-top: 4%
}

.contact-tit {
    font-size: 42px;
    color: #333;
    text-align: center
}

.contact-input {
    margin-top: 50px
}

.contact-input1 {
    margin: 0 -10px
}

.contact-input1>div {
    float: left;
    width: 50%;
    padding: 10px 10px
}

.contact-input input {
    font-size: 16px;
    color: #666;
    background: #f5f5f5;
    padding: 18px 20px;
    width: 100%;
    margin-bottom: 5px
}

.contact-input textarea {
    font-size: 16px;
    color: #666;
    background: #f5f5f5;
    padding: 18px 20px;
    width: 100%;
    min-height: 115px
}

.contact-submit {
    position: relative;
    width: 166px;
    height: auto;
    transition: ease .5s;
    margin: 0 auto;
    margin-top: 29px;
    transition: ease .5s
}

.message-submit {
    position: relative;
    font-size: 16px;
    color: #fff;
    background: #b81b22;
    margin: 0 auto;
    display: block;
    padding: 15px 67px;
    cursor: pointer;
    border-radius: 5px;
    transition: ease .5s
}

@media (max-width:992px) {
    .contact-one-p {
        width: 100%
    }

    .contact-one li {
        width: 50%;
        margin-top: 20px
    }
}

@media (max-width:767px) {
    .contact {
        padding: 40px 0 35px
    }

    .contact-one-p {
        font-size: 14px;
        line-height: 22px
    }

    .contact-one ul {
        margin-top: 0
    }

    .contact-icon {
        width: 80px;
        height: 80px
    }

    .contact-icon img {
        width: 35px;
        height: 35px
    }

    .contact1-txt span {
        font-size: 16px;
        line-height: 28px
    }

    .contact1-txt p {
        font-size: 15px;
        line-height: 24px
    }

    .contact-one li:last-child .contact1-txt span {
        font-size: 14px;
        line-height: 22px
    }

    .contact-tit {
        font-size: 26px
    }

    .contact2-left,
    .contact2-right {
        float: none;
        width: 100%;
        position: inherit
    }

    .contact-three {
        padding-top: 40px
    }

    .contact-input1>div {
        float: none;
        width: 100%
    }

    .contact-input input {
        padding: 12px 20px;
        font-size: 15px;
        margin-bottom: 10px
    }

    .contact-input {
        margin-top: 20px
    }

    .contact-input textarea {
        font-size: 15px
    }

    .message-submit {
        padding: 10px 50px;
        font-size: 15px
    }

    .contact-submit {
        width: auto;
        margin-top: 20px
    }

    .contact2-left .swiper-button-next,
    .contact2-left .swiper-button-prev {
        width: 12px;
        height: 28px
    }

    .contact-swip-con {
        font-size: 17px
    }
}
.swiper-pagination {
    width: 100%
}

.join-list {
    padding: 4% 0 2.5% 0;
    position: relative
}

.insrecruit-list {
    padding: 20px 0 0
}

.insrecruit-list ul {
    padding: 0 0 20px
}

.insrecruit-list li {
    padding: 0 0 20px;
    transition: all .5s
}

.insrecruit-list li.cur .rectue-top,
.insrecruit-list li:hover .rectue-top {
    background-color: #b81b22;
    border-color: #b81b22
}

.insrecruit-list li.cur .rectue-top span,
.insrecruit-list li:hover .rectue-top span {
    color: #fff
}

.insrecruit-list li.cur .rectue-top .date,
.insrecruit-list li:hover .rectue-top .date {
    background-image: url(../images/jo-hsjicon.png)
}

.insrecruit-list li.cur .rectue-top .icon em {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff
}

.insrecruit-list li:hover .rectue-top .icon em {
    background-color: #fff
}

.insrecruit-list .rectue-top {
    border: 1px solid #e5e5e5;
    padding: 25px 510px 25px 40px;
    color: #333;
    position: relative;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.insrecruit-list .rectue-top span {
    font-size: 18px;
    display: block;
    margin-bottom: 5px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #323232
}

.insrecruit-list .rectue-top .loac,
.insrecruit-list .rectue-top .pnum {
    color: #929292
}

.insrecruit-list .rectue-top .date {
    background: url(../images/jo-sjicon.png) no-repeat 0 center;
    padding-left: 28px;
    position: absolute;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: auto;
    margin-right: 0
}

.insrecruit-list .rectue-top .icon {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0
}

.insrecruit-list .rectue-top .icon em {
    position: absolute;
    background: #bfbfbf;
    width: 20px;
    height: 1px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    left: 0;
    top: 48%
}

.insrecruit-list .rectue-top .icon em:nth-child(2) {
    width: 1px;
    height: 20px;
    left: 50%;
    top: 0
}

.insrecruit-list .rectue-min {
    padding: 50px 40px;
    color: #757575;
    display: none;
    background: #f5f5f5;
    position: relative
}

.insrecruit-list .rectue-min .desc {
    padding: 0 0 10px
}

.insrecruit-list .rectue-min h3 {
    color: #333;
    padding: 0 0 5px
}

.insrecruit-list .rectue-send {
    padding: 10px 0 0
}

.insrecruit-list .rectue-send a {
    width: 156px;
    height: 50px;
    border-radius: 10px;
    display: block;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: #b81b22;
    transition: all .3s
}

@media (min-width:1024px) {
    .insrecruit-list {
        padding: 25px 0 58px
    }

    .insrecruit-list ul {
        padding: 0 0 40px
    }

    .insrecruit-list .rectue-top {
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        cursor: pointer;
        padding: 25px 510px 25px 38px
    }

    .insrecruit-list .rectue-top span {
        margin-bottom: 0
    }

    .insrecruit-list .rectue-top .date {
        right: 250px
    }

    .insrecruit-list .rectue-top .icon {
        width: 25px;
        height: 25px;
        right: 40px
    }

    .insrecruit-list .rectue-top .icon em {
        width: 25px
    }

    .insrecruit-list .rectue-top .icon em:nth-child(2) {
        width: 1px;
        height: 25px
    }

    .insrecruit-list .rectue-min {
        padding: 50px 40px;
        line-height: 24px
    }

    .insrecruit-list .rectue-min .desc {
        padding: 0 0 30px 0;
        line-height: 38px;
        font-size: 16px;
        color: #828282
    }

    .insrecruit-list .rectue-min h3 {
        padding: 0 0 10px
    }

    .insrecruit-list .rectue-send {
        padding: 0
    }
}

@media (min-width:1260px) {
    .insrecruit-list {
        margin-top: 40px
    }

    .insrecruit-list ul {
        padding-bottom: 55px
    }
}

.insrecruit-list .desc .dec-h3 {
    font-size: 18px;
    line-height: 60px;
    color: #282828
}

.insrecruit-list .desc .dec-margintop {
    margin-top: 50px
}

.insrecruit-list .load-more {
    width: 200px;
    height: 50px;
    border-radius: 10px;
    background-color: #b81b22;
    margin: 0 auto
}

.insrecruit-list .load-more a {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    letter-spacing: 1px;
    color: #fff
}

.join-list .join-list-tit h3 {
    font-size: 34px;
    line-height: 48px;
    letter-spacing: -1px;
    color: #333;
    text-align: center
}

.join-list .join-list-tit .join-tit-p {
    margin-top: 6px
}

.join-list .join-list-tit .join-tit-p p {
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: #828282
}

.insrecruit-list .rectue-top .name {
    width: 30%
}

.lbanner-bread a:hover {
    color: #b81b22
}
.search {
    position: relative;
    padding-top: 172px;
    padding-bottom: 4.3%
}

.search .search-form {
    width: 50%;
    margin: 4.1% auto 0 auto;
    text-align: center;
    position: relative
}

.search .search-form .search-input {
    width: 700px;
    width: 100%;
    height: 50px;
    background-color: #fff;
    border-radius: 10px;
    border: solid 1px #dbdbdb;
    margin: 0 auto;
    padding-left: 45px;
    padding-right: 20px;
    position: relative
}

.search .search-form .search-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 36px;
    height: 50px;
    font-size: 0;
    line-height: 50px;
    color: #fff;
    background: url(../images/hssicon.png) no-repeat center center;
    cursor: pointer;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.search .search-sear {
    padding-bottom: 3.5%;
    border-bottom: 1px solid #dbdbdb
}

.search .search-cont {
    margin-top: 3.5%;
    position: relative;
    align-items: flex-start
}

.search .search-cont-left {
    width: 25%;
    position: sticky;
    top: 180px
}

.search .search-cont-left dt,
.search .search-cont-left dt a {
    font-size: 20px;
    font-weight: 700;
    line-height: 46px;
    color: #333
}

.search .search-cont-left dt a span,
.search .search-cont-left dt span {
    font-family: ArialMT
}

.search .search-cont-left dd,
.search .search-cont-left dd a {
    font-size: 16px;
    color: #333;
    line-height: 46px
}

.search .search-cont-left dd a:hover {
    color: #b81b22
}

.search .search-cont-right {
    width: 75%;
    overflow: hidden;
    position: relative
}

.search .search-cont-rt {
    align-items: center
}

.search .search-cont-rtimg {
    width: 200px;
    overflow: hidden;
    position: relative
}

.search .search-cont-rtfont {
    width: calc(100% - 200px);
    position: relative;
    padding-left: 3.5%
}

.search .search-cont-rtfont h4 {
    font-family: ArialMT;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    display: inline-block;
    border-bottom: 1px solid #333
}

.search .search-rtfont-dec {
    font-size: 16px;
    line-height: 26px;
    color: #666;
    margin-top: 7px;
    margin-bottom: 10px
}

.search .search-rtfont-sour {
    font-size: 14px;
    line-height: 24px;
    color: #666
}

.search .search-cont-right .tag {
    background-color: #b81b22;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    padding: 8px 14px;
    display: inline-block;
    color: #fff;
    margin-bottom: 10px
}

.search .search-cont-right li {
    padding-bottom: 20px;
    padding-top: 5%;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.search .search-cont-right li:first-child {
    padding-top: 1.3%
}

.search .search-cont-right li::after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background-color: #b81b22;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.search .search-cont-right li:hover::after {
    width: 100%
}

.search .search-cont-right ul {
    padding-bottom: 7.5%;
    position: relative
}

.ny-content {
    /* padding: 0 25px 0px; */
    margin-bottom: 30px;
    width: 90%;
    margin: 0 auto;
}

.ny-content table {
    width: 100% !important;
    line-height: 20px;
    padding: 20px;
}

.ny-content table td {
    padding: 15px 15px;
}

.ny-content table td p,
.ny-content table td span {
    font-family: "微软雅黑" !important;
}

.product-con .pri-three li .protd {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* padding-top: 15px; */
    line-height: 24px;
}

.pri-three li h4 {
    font-size: 22px;
    margin-bottom: 10px;
    text-align: center;
}

.pri-three li p {
    max-height: 170px;
    overflow: auto;
    font-size: 16px;
}

.pri-four li {
    width: calc(33.3% - 20px);
    float: left;
    margin: 10px;
    border: 1px solid #eee;
}

.pri-four li a {
    padding-top: 0px;
}

.pri-four li a .product-img img {
    padding: 20px;
}

.pri-four li a .product-txt {
    margin-top: 0px;
}

@media (max-width:1459px) {
    .pri1-swiper {
        margin-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .product-con .pri-three li {
        width: calc(100% - 40px);
        height: auto;
        position: static;
        padding: 20px
    }

    .product-con .pri-three li .protd {
        position: static;
        transform: none;
    }

    .product .pri-two,
    .product .pri-three,
    .product .pri-four {
        padding-top: 0px;
        padding-bottom: 30px;
    }

    .product-con .pri-three li:last-child {
        margin-bottom: 0px;
    }

    .product-con .pri-three li p {
        font-size: 14px;
    }

    .product-con .pri-four li {
        width: 100%;
        margin: 0px;
        margin-bottom: 20px;
    }

    .product-con .pri-four li .product-img {
        width: 250px;
        height: 200px;
    }

    .product-con .pri-four li .product-img img {
        padding: 32px;
    }
}

.about-tit {
    text-align: center;
}