@font-face {

    font-family: "AlimamaFangYuan";

    src: url(../font/AlimamaFangYuanTiVF-Thin2.ttf);

}



/* ===============================index*/



.inner {

    width: 90%;

    margin: 0 auto;

}



.padd {

    padding: 98px 0;

}



.padd2 {

    padding: 60px 0;

}



/* =====================================================================公共 */

/*css主要部分的样式*/

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/



::-webkit-scrollbar {

    width: 6px;

    /*对垂直流动条有效*/

    height: 6px;

    /*对水平流动条有效*/

}



/*定义滚动条的轨道颜色、内阴影及圆角*/

::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: fff;

    border-radius: 0px;

}





/*定义滑块颜色、内阴影及圆角*/

::-webkit-scrollbar-thumb {

    border-radius: 2px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555555;

}



/*定义两端按钮的样式*/

::-webkit-scrollbar-button {

    background-color: none;

    height: 0;

}



/*定义右下角汇合处的样式*/

::-webkit-scrollbar-corner {

    background: khaki;

}



.moHead_mlb .img3 {

    display: block;

}



/*  */









.header {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 90px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    z-index: 99999;

    /* border-bottom: 1px solid rgba(255,255,255, .1); */

    transition: all .48s;

}



.header::after {

    content: '';

    width: 100%;

    height: 1px;

    border-bottom: 1px solid rgba(255, 255, 255, .1);

    position: absolute;

    left: 0;

    bottom: 0;

}



.header .logo {

    padding-left: 3%;

    display: flex;

    justify-content: center;

}



.header .logo img {

    width: 200px;

}



.header .logo .img1 {

    display: block;

}



.header .logo .img2 {

    display: none;

}



.header .TBox {

    display: flex;

    align-items: center;

    height: 100%;

}



.header ul {

    display: flex;

    align-items: center;

    height: 100%;

}



.header ul li {

    height: 100%;

    padding: 0 30px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.header ul li a {

    position: relative;

    font-size: 16px;

    color: #fff;

}



.header ul li.on a {

    color: #da251c;

    font-weight: 600;

}



/* .header ul li a::after{

    content: '';

    width: 0%;

    height: 2px;

    position: absolute;

    left: 50%;

    bottom: -5px;

    transform: translateX(-50%);

    background: #47796e;

} */



.header .phone {

    display: flex;

    align-items: center;

    padding: 0 30px;

    border-left: 1px solid rgba(255, 255, 255, .1);

    height: 100%;

    border-right: 1px solid rgba(255, 255, 255, .1);

    height: 100%;

}



.header .phone p {

    font-size: 18px;

    color: #fff;

}



.header .phone span {

    font-size: 18px;

    font-weight: 600;

    margin-left: 10px;

    color: #fff;

    font-family: "Nexa";

    line-height: 1;

}



/*  */



.header .nav {

  

}



.headR {

    display: flex;

    align-items: center;

    margin-right: 3%;

}



.hSS {

    display: flex;

    align-items: center;

    padding: 5px 0;

    border-bottom: 1px solid rgba(255, 255, 255, .18);

}



.hSS svg {

    width: 20px;

    height: 20px;

}



.hSS input {

    width: 200px;

    background: none;

    border: none;

    padding: 4px 20px;

    color: #fff;

}



.hSS input::placeholder {

    color: rgba(255, 255, 255, .6);

}



.hLan {

    position: relative;

    width: 42px;

    height: 42px;

    border-radius: 50%;

    background: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    margin-left: 40px;

}



.hLan svg {

    width: 50%;

    height: 50%;

}



.hLan svg path {

    fill: #da251c;

}





/*  */



.header_bg.header ul li a {

    color: #333;

}



.header_bg.header .phone span {

    color: #333;

}



.header_bg.header .phone p {

    color: #333;

}



.header_bg.header .phone {

    border-right: 1px solid rgb(0, 0, 0, .1);

    border-left: 1px solid rgb(0, 0, 0, .1);

}



.header_bg.header ul li a::after {

    background: #333;

}



.header_bg.header {

    border-bottom: 1px solid rgb(0, 0, 0, .1);

}



.header_bg .headMenu span {

    background: #333;

}



.header.header_bg .logo .img2 {

    display: block;

}



.header.header_bg .logo .img1 {

    display: none;

}





.headMenu {

    flex-direction: column;

    cursor: pointer;

    padding: 0 3%;

    height: 100%;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;



    display: none;

}



.headMenu span {

    display: block;

    width: 26px;

    height: 2px;

    margin: 3px 0;

    background: #fff;

    transition: all 0.48s ease-in-out;

    -webkit-transition: all 0.48s ease-in-out;

    -moz-transition: all 0.48s ease-in-out;

    -ms-transition: all 0.48s ease-in-out;

    -o-transition: all 0.48s ease-in-out;

}



.header.white .headMenu span,

.header.headerN .headMenu span {

    background: #333;

}



.headerMain-bg .headMenu span {

    background: #333;

}



.headMenu.active span {

    background: #333;

}



.headMenu.active span.headMenu_span1 {

    transform: rotate(45deg) translate(6px, 7px);

    -webkit-transform: rotate(45deg) translate(6px, 7px);

    -moz-transform: rotate(45deg) translate(6px, 7px);

    -ms-transform: rotate(45deg) translate(6px, 7px);

    -o-transform: rotate(45deg) translate(6px, 7px);

}



.headMenu.active span.headMenu_span2 {

    opacity: 0;

}



.headMenu.active span.headMenu_span3 {

    transform: rotate(-45deg) translate(4px, -6px);

    -webkit-transform: rotate(-45deg) translate(4px, -6px);

    -moz-transform: rotate(-45deg) translate(4px, -6px);

    -ms-transform: rotate(-45deg) translate(4px, -6px);

    -o-transform: rotate(-45deg) translate(4px, -6px);

}



/*  */



.header.headerMain-bg {

    background: #fff;

    border-bottom: 1px solid rgb(0, 0, 0, .1);

}



.header.white,

.header.headerN {

    background: #fff;

    border-bottom: none;

}



.header.white::after,

.header.headerN::after {

    border-color: rgb(0, 0, 0, .1);

}



.header.headerMain-bg .img2,

.header.white .img2,

.header.headerN .img2 {

    display: block;

}



.header.headerMain-bg .img1,

.header.white .img1,

.header.headerN .img1 {

    display: none;

}



.header.headerMain-bg ul li a,

.header.white ul li a,

.header.headerN ul li a {

    color: #333;

}



.header.headerMain-bg .hSS,

.header.white .hSS,

.header.headerN .hSS {

    border-color: #ddd;

}



.header.headerMain-bg .hSS svg path,

.header.white .hSS svg path,

.header.headerN .hSS svg path {

    fill: #666;

}



.header.headerMain-bg .hSS input::placeholder,

.header.white .hSS input::placeholder,

.header.headerN .hSS input::placeholder {

    color: #999;

}



.header.headerMain-bg .hLan,

.header.white .hLan,

.header.headerN .hLan {

    background: #da251c;

}



.header.headerMain-bg .hLan svg path,

.header.white .hLan svg path,

.header.headerN .hLan svg path {

    fill: #fff;

}



.header_h {

    transform: translateY(-90px);

    -webkit-transform: translateY(-90px);

    -moz-transform: translateY(-90px);

    -ms-transform: translateY(-90px);

    -o-transform: translateY(-90px);

}





.header.none .logo .img1 {

    display: none;

}



.header.none .logo .img2 {

    display: block;

}



.header.none .hLan {

    background: #da251c;

}



.header.none .hLan svg path {

    fill: #fff;

}



/* ===================================================  手机导航 */



.moHead_mlb {

    display: none;

    position: fixed;

    top: 0;

    right: 0;

    width: 100%;

    height: 100vh;

    overflow-y: scroll;

    background-color: #fff;

    /* background-image: url(.../images/bg3.jpg); */

    background-repeat: no-repeat;

    background-position: center left;

    background-size: cover;

    z-index: 99990;

}



.moHead_mlb .moHead_ico {

    text-align: center;

}



.moHead_mlb .moHead_ico a:last-child {

    display: inline-block;

}



.moHead_mlb ul {

    padding: 80px 0;

}



.moHead_mlb li {

    font-size: 18px;

    line-height: 2;

    /* padding: 14px 28px; */

    border-bottom: 1px solid rgba(27, 47, 95, 0.18);

}



.moHead_mlb li:first-child {

    border-top: 1px solid rgba(27, 47, 95, 0.18)

}



.moHead_mlb a {

    font-size: 18px;

    color: #242b3e;

    letter-spacing: 1px;

}



.moHead_mlb a svg {

    float: right;

    width: 18px;

    height: 32px;

    opacity: 0.8;

    transition: all .48s;

}



.moHead_mlb a svg path {

    fill: #242b3e;

}



.moHead_mlb .moHead_ico a {

    vertical-align: top;

    margin: 0 14px;

    display: inline-block;

    width: 45px;

    height: 45px;

    line-height: 45px;

    border-radius: 50%;

    border: 1px solid rgba(27, 47, 95, 0.23);

}



.moHead_mlb .moHead_ico svg {

    width: 24px;

    height: 24px;

}



.moHead_mlb .moHead_ico svg path {

    fill: #242b3e;

}



.moHead_mlb .moHead_ico img, .moHead_mlb .moHead_ico svg {

    margin-top: 10px;

}



/*  */



.moHead_mlb li.open a svg {

    transform: rotateX(180deg);

}



.mlb_zk {

    width: 90%;

    margin: 0 auto;

    display: none;

    padding: 10px 0 10px 10px;

    border-top: 1px solid rgba(0, 0, 0, .1);

}



.mlb_top {

    text-transform: uppercase;

    padding: 15px 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.mlb_zk a {

    font-size: 14px !important;

    display: flex;

    align-items: center;

    color: #666;

    font-weight: 300;

    padding: 10px 0;

}



.mlb_zk a i {

    background-color: #fff;

    border-radius: 8px;

    box-shadow: 0 7px 30px rgba(188, 199, 235, .5);

    flex-shrink: 0;

    width: 26px;

    height: 26px;

    padding: 8px;

    position: relative;

    margin-right: 10px;

    transition: background-color .25s;

}



.mlb_zk a svg, .mlb_zk a img {

    width: 100%;

    height: 100%;

    padding: 18%;

    position: absolute;

    left: 0;

    top: 0;

    transition: all .25s;

}



.moHead_mlb li.open {

    background: rgb(15 54 133 / 10%);

    color: #fff;

}



/* .moHead_mlb li.open a svg path {

    fill: #fff;

} */



@media (max-width: 1024px) {



    .headMenu {

        display: block;

    }



    .hLogo {

        position: relative;

        z-index: 99999;

    }





    .header.white .hLogo .img2,

    .header.headerN .hLogo .img2 {

        display: block;

    }



    .header.white .hLogo .img1,

    .header.headerN .hLogo .img1 {

        display: none;

    }

}



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



@media (max-width: 680px) {

    .moHead_mlb a {

        font-size: 16px;

    }



    .moHead_mlb a svg {

        width: 16px;

        height: 34px;

    }

}



/* =====end */





.Tit {

    font-size: 40px;

    line-height: 1.2;

    text-transform: uppercase;



    font-weight: 600;

    margin-bottom: 30px;

}



.Tit span {

    font-size: 40px;

    line-height: 1.2;

    color: #000;

    display: block;

    text-transform: uppercase;

 

    /* text-shadow: 3px 3px 6px rgb(71, 121, 110,.2); */

    font-weight: 600;



}



.Tit p {

    margin-top: 20px;

    font-size: 16px;

    line-height: 1.4;

    text-shadow: 3px 3px 6px rgb(0, 0, 0, .1);

}



.Tit img {

    width: 40px;

    position: absolute;

    left: -50px;

    top: 10px;

}



.Tit.white span {

    color: #fff;

}



.Tit.white p {

    color: #fff;

}



.Tit.center {

    text-align: center;

}



.Tit.flex {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

}



/*  */





.More a {

    display: inline-block;

    position: relative;

    z-index: 2;

}



.More a i {

    display: flex;

    align-items: center;

    padding: 14px 30px;

    border-radius: 8px;

    background: #fff;

    box-shadow: 0 -5px 10px rgb(0, 0, 0, .1);

    font-size: 16px;

    color: #da251c;

    position: relative;

    z-index: 2;

    transition: all .48s;

}



.More a::after {

    content: '';

    width: 100%;

    height: 100%;

    border-radius: 8px;

    background: #da251c;

    position: absolute;

    left: 4px;

    top: 4px;

    z-index: -1;

    transition: all .48s;

}



.More a svg {

    width: 20px;

    height: 20px;

    margin-left: 15px;

}



.More a svg path {

    stroke: #da251c;

}



.More a:hover::after {

    left: 0;

    top: 0;

}



.More a:hover i {

    color: #fff;

    background: #da251c;

}



.More a:hover i svg path {

    stroke: #fff;

}





/* ================================================================== index */



.menu {

    width: 7%;

    height: 100vh;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 998;

    /* border-right: 1px solid rgba(255, 255, 255, .2); */

}



.menu_s {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



.menu span {

    display: inline-block;

    width: 2px;

    height: 30px;

    background: rgba(255, 255, 255, .9);

    margin: 0 1px;

}



.menu.black0 span,

.menu.black1 span,

.menu.black2 span,

.menu.black3 span {

    background: #333;

}



.menu.white span {

    background: rgba(255, 255, 255, .9);

}



.menu .ewm {

    width: 80px;

    position: absolute;

    left: 50%;

    bottom: 10%;

    transform: translateX(-50%);

}



/*  */



/* .headerN {

    padding-left: 10%;

} */



.leftNav.black li a {

    color: #fff;

}



.leftNav.black li.on a {

    color: #fff;

}



.leftNav.white0 li a,

.leftNav.white1 li a,

.leftNav.white2 li a,

.leftNav.white3 li a {

    color: #333 !important;

}



.leftNav.black0 li a,

.leftNav.black1 li a,

.leftNav.black2 li a,

.leftNav.black3 li a {

    color: #333 !important;

}



.leftNav {

    width: 7%;

    height: 100vh;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 1000;

    /* border-right: 1px solid rgb(0 0 0 / 18%); */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.leftNav i {

    display: block;

    width: 2px;

    height: 8%;

    border-radius: 1px;

    background: #da251c;

    position: absolute;

    right: -1px;

    top: 50%;

    transform: translateY(-50%);

    transition: all .48s;

}



.leftNav .logo {

    display: block;

    width: 80%;

    margin: 20px 0;

    position: absolute;

    left: 10%;

    top: 0;

}



.logo img {

    width: 100%;

}



.logo img.img1 {

    display: none;

}



.leftNav h5 {

    font-size: 24px;

    font-weight: 600;

    color: #083483;

    padding: 40px 18% 300px;

    position: relative;

}



.leftNav h5::after {

    content: '';

    width: 2px;

    height: 200px;

    border-left: 2px solid #083483;

    border-radius: 1px;

    position: absolute;

    left: 18%;

    bottom: 50px;

}



.leftNav ul {

    /* padding: 120px 18% 0; */

    width: 90px;

}



.leftNav li {

    margin-bottom: 40px;

}



.leftNav li a {

    font-size: 16px;

    color: #333;

}



/* .leftNav li.on a {

    color: #fff;

    font-weight: 600;

} */



/*  */



.inBan img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.inTBox {

    width: 100%;

    height: 100vh;

    position: relative;

    overflow: hidden;

}





.inBswiper {

    width: 100%;

    height: 100vh;

    /* position: absolute;

	left: 0;

	bottom: 0; */

}



.inBItem {

    width: 100%;

    position: relative;

}



.inBItem .image {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transform: scale(1.1);

    transition: all 5s;

}



.inBItem::after {

    width: 100%;

    height: 100%;

    /* background: rgb(0 0 0 / 20%); */

    position: absolute;

    left: 0;

    top: 0;

    content: '';

}



.inBItem .indBanText {

    position: absolute;

    left: 7%;

    top: 60%;

    width: 60%;

    transform: translateY(-50%);

    z-index: 6;

}



.inBItem .indBanText .tit {

    font-size: 26px;

    color: #fff;

    line-height: 1.6;

    font-weight: 300;

    margin-top: 40px;

    opacity: 0;

    margin-bottom: 60px;

}



.inBItem .indBanText span {

    font-size: 60px;

    line-height: 1.2;

    color: #fff;

    display: block;

    text-transform: uppercase;

    letter-spacing: 2px;

    text-shadow: 3px 3px 6px rgb(71 121 110 / 20%);

    font-weight: 600;

    opacity: 0;

}



.inBItem .indBanText .More {

    opacity: 0;

}



.inBItem.swiper-slide-active .indBanText span {

    animation: zy2 1s linear;

    animation-fill-mode: forwards;

}



.inBItem.swiper-slide-active .indBanText .tit {

    animation: zy2 1s linear .2s;

    animation-fill-mode: forwards;

}



.inBItem.swiper-slide-active .indBanText .More {

    animation: zy2 1s linear .4s;

    animation-fill-mode: forwards;

}



.inBItem.swiper-slide-active .image {

    transform: scale(1);

}



@keyframes zy2 {

    0% {

        opacity: 0;

        transform: translateX(-200px);

    }



    100% {

        opacity: 1;

        transform: translateX(0);

    }

}



.inTslide {

    position: absolute;

    left: 10%;

    bottom: 10%;

    z-index: 6;

    opacity: .8;

    animation: up 5s linear infinite;

}



.inTslide span {

    font-size: 14px;

    font-weight: 600;

    line-height: 1;

    color: #fff;

    display: block;

    text-transform: uppercase;

    transform: rotate(90deg);

    position: absolute;

    left: -16px;

    top: -55px;

}



.inTslide img {

    width: 30px;

}



.inTsBox {

    width: 35%;

    position: absolute;

    bottom: 10%;

    right: 10%;

    z-index: 6;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.inTsBox.act {

    animation: zy 1s linear;

}



.inTsBox .swiper-pagination-progressbar {

    width: calc(100% - 180px);

    height: 1px;

    background: rgba(255, 255, 255, .3);

    position: relative;

}



.inTsBox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: rgba(255, 255, 255, 1);

}



.inTsBox .btnBox {

    display: flex;

    align-items: center;

}



.inTsBox .btnBox .btn {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(255, 255, 255, .3);

    margin-left: 15px;

    cursor: pointer;

    transition: all 0.48s;

}



.inTsBox .btnBox .btn img {

    width: 40%;

    opacity: .5;

}



.inTsBox .btnBox .btn:hover {

    background: #da251c;

}



.inTsBox .btnBox .btn:hover img {

    opacity: 1;

}







@keyframes up {

    0% {

        bottom: 10%;

    }



    50% {

        bottom: 7%;

    }



    100% {

        bottom: 10%;

    }

}



.inBNswiper {

    width: 100px;

}



.inBNswiper span {

    font-size: 48px;

    line-height: 1.2;

    color: #fff;

    display: block;

    text-transform: uppercase;

    letter-spacing: 2px;

}



.inBNswiper .swiper-slide {

    opacity: 0 !important;

}



.inBNswiper .swiper-slide-thumb-active {

    opacity: 1 !important;

}



.inBItem::after {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: rgb(0, 0, 0, .1);

}



/*  */



/* < !-- 关于 --> */

.indAb {

   

    padding-bottom: 0 !important;

    position: relative;

    border-bottom: 1px solid rgb(8 49 122 / 18%);

}





/* .indAb::before {

			content: '';

			width: 1px;

			height: 100%;

			position: absolute;

			left: 50%;

			top: 0;

			border-left: 1px solid rgb(8 49 122 / 18%);

		} */



.indAbBox {

    display: flex;

    align-items: center;

    justify-content: space-between;

    overflow: hidden;

}



.indAbImg {

    width: 50%;

    padding-top: 38%;.indPro

    border-radius: 12px;

}



/* .indAbImg img {

			animation: zhuan 200s linear infinite;

		} */



@keyframes zhuan {

    0% {

        transform: rotate(0);

    }



    50% {

        transform: rotate(720deg);

    }



    100% {

        transform: rotate(0);

    }

}



.indAbText {

    width: 45%;

}



.abText {

    width: 100%;

}



/* .indAb_flex{

			display: flex;

			justify-content: space-between;

		} */



.indAbText .Tit {

    margin-bottom: 30px;

}



.indAb_s {

    width: 100%;

    margin-bottom: 30px;

}



.indAb_s span {

    color: #da251c;

    font-size: 20px;

    font-weight: 600;

    line-height: 2;

}



.indAb_p {

    width: 100%;    margin-bottom: 20px;

}



.indAb_p p {

    font-size: 15px;

    line-height: 2;

  

}



.abText .indAb_p p {

    font-size: 16px;    text-indent: 2em;

}

.abText .indAb_p b {

    font-size: 16px;  

}





.indAbText .More {

    margin-top: 40px;

}







.abJj .indShuJu {

    margin-top: 0;

}



.abJj .indShuJuA {

    margin-top: 60px;

}



.indShuJu {

    display: flex;

    flex-wrap: wrap;

    margin-top: 80px;

}



.indShuJu_li {

    width: 33.33%;

    padding: 70px 50px;

    position: relative;

    border-top: 1px solid rgba(0, 0, 0, .06);

    text-align: center;

}



.indShuJu_li::after {

    content: '';

    background: rgba(0, 0, 0, .06);

    width: 1px;

    height: 50%;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}



.indShuJu_li:last-child::after {

    display: none;

}



.indShuJu_li span {

    font-size: 20px;

}



.indShuJu_li span b {

    font-size: 60px;

    line-height: 1;

    font-weight: 700;

    color: #da251c;

    padding-right: 10px;

}



.indShuJu_li p {

    font-size: 18px;

    margin-top: 20px;

}



/*  */



.indShuJuA .indShuJu_li span b {

    font-size: 100px;

}



.indShuJuA .indShuJu_li {

    width: 50%;

}



/* < !-- 产品 --> */



.indPro {



    padding-bottom: 0 !important;

    position: relative;

}







.indPro .Tit p {

    width: 60%;

    margin: 20px auto 0;

}



.indPro .More {

    margin-top: 40px;

}



.indProBox {

    display: flex;

    flex-wrap: wrap;

    /* justify-content: space-between; */

    border-top: 1px solid rgb(8 49 122 / 18%);

    position: relative;

}



.indProL {

    width: 66.66%;

}



.indProL .indProItem {

    width: 100%;

    height: 100%;

}



.indProL .indProItem .indProImg {

    padding-top: 70%;

}



.indProR {

    width: 33.33%;

}



.indProR .indProItem {

    width: 100%;

}



/* .indProBox::after {

			content: '';

			width: 1px;

			height: 100%;

			border-right: 1px solid rgba(0, 0, 0, .18);

			position: absolute;

			left: 50%;

			top: 0;

		} */



.indProItem {

    display: block;

    width: 33.33%;

    border-bottom: 1px solid rgb(8 49 122 / 18%);

    border-right: 1px solid rgb(8 49 122 / 18%);

    position: relative;

    overflow: hidden;

}









.indProImg {

    width: 100%;

    padding-top: 60%;

}



.indProImg img {

     width: 80%;

    height: 80%;

    left: 10%;

    top: 10%;

    object-fit: contain;

}

.indProImg img:hover{

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

	opacity: 0.90;

}



.indProText {

    text-align: center;

    padding: 0 0 50px;

}



.indProText span {

    font-size: 28px;

    width: 100%;

    color: #da251c;

    font-weight: 600;

}



.indProText p {

    width: 100%;

    display: block;

    font-size: 18px;

    opacity: .8;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



/*  */



.indProItem:hover .indProImg::after {

    background: rgb(9 52 131 / 20%);

    opacity: 1;

    transform: translate(-50%, -50%) scale(1.1);

}



.indProItem:hover .indProImg::before {

    transform: translate(-50%, -50%) scale(1.1);

}



/* 解决方案 */



.indSol {

   

    padding-bottom: 0 !important;

    background: url(../images/indSol_bg.jpeg) no-repeat;

    background-size: cover;

    background-attachment: fixed;

    position: relative;

}







.indSol::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: rgb(0, 0, 0, .4);

}



.indSolBox {

    position: relative;

    z-index: 2;

}



.indSolBox .Tit {

    width: 60%;

    padding-left: 5%;

    margin-bottom: 200px;

}



.indSolBox .Tit p {

    line-height: 1.8;

}



.indSolBox .More {

    margin-top: 40px;

}



.indSolXq {

    width: 100%;

    display: flex;

    /* border-left: 1px solid rgba(255, 255, 255, .2); */

}



.indSolLi {

    width: 33.3%;

    padding: 80px 80px;

    border: 1px solid rgba(255, 255, 255, .2);

    border-left: none;

    border-bottom: none;

    position: relative;

    overflow: hidden;

    cursor: pointer;    text-align: center;

}



.indSolLi i{

	

	    font-size: 30px;

    color: #fff;

}

.indSolLi::after {

    content: '';

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: rgb(218 37 28 / 46%);

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%) scale(0);

    z-index: -1;

    transition: all 1s;

}



.indSolLi img {

    width: 40px;

    margin-bottom: 30px;

}



.indSolLi span {

    display: block;

    font-size: 24px;

    color: #fff;

}



/*  */



.indSolLi:hover::after {

    transform: translate(-50%, -50%) scale(1.5);

}



/* 新闻 */



.indNew {

    position: relative;

    padding-bottom: 0 !important;

   

}







.indNewBox {

    display: flex;

    justify-content: space-between;

    border-top: 1px solid rgba(0, 0, 0, .18);

    border-bottom: 1px solid rgba(0, 0, 0, .18);

}



.indNewLi {

    width: 33.33%;

    padding: 40px 40px 80px;

    border-right: 1px solid rgba(0, 0, 0, .18);

    position: relative;

    overflow: hidden;

}



.indNewText {

    width: 100%;

    /* padding-right: 10%; */

    transition: all .68s;

}



.indNewText i {

    color: #999;

    display: block;

    margin-bottom: 20px;

    transition: all .48s .28s;

}



.indNewText span {

    display: block;

    font-size: 20px;

    font-weight: 600;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    margin-bottom: 20px;

}



.indNewText .newMs {

    font-size: 18px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    margin-bottom: 30px;

    transition: all .48s .28s;

}



.indNewText dd {

    display: inline-flex;

    align-items: center;

    padding: 12px 20px;

    border-radius: 8px;

    border: 1px solid rgba(0, 0, 0, .18);

    font-size: 14px;

    margin-bottom: 40px;

    transition: all .48s .28s;

}



.indNewText dd svg {

    width: 14px;

    height: 14px;

    margin-left: 15px;

}



.indNewText dd svg path {

    stroke: #333;

    transition: all .48s .28s;

}



.indNewImg {

    width: 100%;

    padding-top: 68%;

    border-radius: 12px;

}



/*  */



.indNewLi:hover span {

    color: #da251c;

}



.indNewLi:hover dd {

    background: #da251c;

    color: #fff;

}



.indNewLi:hover dd svg path {

    stroke: #fff;

}



.indNewLi:hover .indNewImg img {

    transform: scale(1.1);

}





/* ================================================== 底部 */



.footer {

    width: 100%;

    position: relative;

    padding-top: 80px;



    background: #000;

}





.footTop {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 40px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.18);

}



.footEwm {

    text-align: center;

}



.footEwm img {

    width: 80px;

}



.footEwm p {

    color: #fff;

    font-size: 12px;

    margin-top: 8px;

}



.footBox h5 {

    color: #fff;

    font-size: 24px;

}



.footBox {

    display: flex;

    justify-content: space-between;

    margin: 60px 0;

    overflow: hidden;    padding: 0px 10px;

}



.footL {

    width: 30%;

}



.footLogo img {

    width: 180px;

}



.footLogo p {

    margin-top: 20px;

    font-size: 18px;

    color: rgba(255, 255, 255, .6);

}



.fdXList {

    margin-top: 20px;

}



.fdXItem {

    display: flex;

    align-items: center;

    margin-bottom: 10px;

}

.fdXItem i{  font-size: 16px;

    color: rgba(255, 255, 255, .6);padding-right: 5px;}

.fdXItem span {

    font-size: 14px;

    color: rgba(255, 255, 255, .6);

}

.fdXItem span a{ color: rgba(255, 255, 255, .6);}

.fdXItem img {

    width: 20px;

    margin-right: 5px;

}



.fdXText {

    width: 90%;

    font-size: 18px;

    color: rgba(255, 255, 255, .6);

    opacity: .6;

    margin: 20px 0 30px;

}



/*  */



.footNav {

    width: 65%;

}



.footNav ul {

    display: flex;

    justify-content: space-between;

}



.footNav ul li a {

    display: block;

    font-size: 14px;

    color: rgba(255, 255, 255, .6);

    margin-bottom: 20px;

}



.footNav ul li a span {

    font-size: 16px;

    color: #fff;

    font-weight: 600;

}



/*  */



.footLink {

    margin-bottom: 10px;

}



.footLink p {

    color: #fff;

}



.footLink a {

    color: rgba(255, 255, 255, .6);

    margin-left: 20px;

}



/*  */



.fdUBon {

    display: flex;

    justify-content: space-around;

    align-items: center;

    padding: 30px 0;

    border-top: 1px solid rgba(255, 255, 255, .18);

}



.fdUBon p,

.fdUBon a {

    font-size: 14px;

    color: rgba(255, 255, 255, .6);



}

.fdUBon a:hover{

    font-size: 14px;

    color: rgba(255, 255, 255, .6);



}



/*  */



.footNav ul li a:hover {

    color: #da251c;

}



/* ======================================================================= 内页公共 */



.banner {

    width: 100%;

    height:60vh;

    position: relative;

}



.banner::after {

    content: '';

    width: 100%;

    height: 100%;

    background: linear-gradient(360deg, #000000 0%, rgb(0 0 0 / 50%) 10%);

    position: absolute;

    left: 0;

    top: 0;

}







.banner img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.banText {

    width: 50%;

    position: absolute;

    left: 5%;

    top: 50%;

    transform: translateY(-50%);

    z-index: 2;

}



.banner h5 {

    font-size: 40px;

    line-height: 1.4;

    font-weight: 600;

    color: #fff;

    margin: 10px 0 20px;

}



.banner p {

    color: #fff;

    font-size: 20px;

}



.dwNav {

    position: absolute;

    left:5%;

    bottom: 6%;

    z-index: 2;

}



.dwNav i {

    font-size: 18px;

    color: rgba(255, 255, 255, 0.4);

    padding: 0 10px;

}



.dwNav a {

    color: rgba(255, 255, 255, 0.4);

    font-size: 18px;

}



.dwNav a.on {

    color: #fff;

}



.dwNav a:hover {

    color: #fff;

}



.dwNav p {

    color: #fff;

    font-size: 16px;

}





.banBtn {

    margin-top: 60px;

    display: inline-flex;

    align-items: center;

    color: #fff;

    font-size: 18px;

}



.banBtn i {

    width: 50px;

    height: 50px;

    background: #f70109;

    border-radius: 50%;

    position: relative;

    margin-right: 15px;

}



.banBtn i svg {

    width: 30px;

    height: 30px;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



.banBtn i svg path {

    fill: #fff;

}



/* ======================================================================= new */



.Fanye {

    width: 70%;

    margin: 40px auto 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.Fanye_a {

    display: inline-block;

    padding: 10px 60px;

    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);

    background: #fff;

    font-weight: bold;

    transition: all .48s;

}



.FanyeXq a {

    font-weight: bold;

    font-size: 14px;

    margin: 0 15px;

}



.FanyeXq a.on {

    color: #da251c;

}



.FanyeXq a:hover {

    color: #da251c;

}



.Fanye_a:hover {

    background: #da251c;

    color: #fff;

}



@media(max-width: 1024px) {

    .Fanye_a {

        padding: 8px 40px;

    }

}



@media (max-width: 680px) {

    .Fanye {

        width: 90%;

    }



    .Fanye_a {

        padding: 6px 20px;

        font-size: 12px;

    }



    .FanyeXq a:nth-child(3),

    .FanyeXq a:nth-child(4) {

        display: none;

    }



    .FanyeXq a {

        font-size: 12px;

        margin: 0 10px;

    }

}





/* ======================================================================= contact */



.contact {

    width: 100%;

    padding-left: 7% !important;

    position: relative;

    overflow: hidden;

}



.contact::before {

    content: '';

    width: 1px;

    height: 100%;

    border-left: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    top: 0;

    z-index: 2;

}



.contact::after {

    content: '';

    width: 93%;

    height: 1;

    border-top: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    bottom: 0;

    z-index: 2;

}



.contact .Tit p {

    width: 70%;

}



.conBox {

    /* display: flex; */

    align-items: center;

}



.conImg {

    width: 100%;

    padding-top: 42%;

}



#dTu {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border-radius: 12px;

    object-fit: cover;

}



/*  */

.conText {

    width: 100%;

    margin-bottom: 80px;

}



.conUl {

    border-top: 1px solid rgba(0, 0, 0, 0.18);

    border-bottom: 1px solid rgba(0, 0, 0, 0.18);

    display: flex;

    justify-content: space-between;

}



.conLi {

    padding: 40px;

    flex: 1;

    display: flex;

    justify-content: space-between;

    position: relative;

}



.conLi::after {

    content: '';

    background: rgba(0, 0, 0, .18);

    width: 1px;

    height: 50%;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}



.conLi:last-child::after {

    display: none;

}



.conLi svg {

    margin-top: 20px;

    width: 30px;

    height: 30px;

}



.conLi svg path {

    fill: #00326d;

}



.conLi>div {

    width: calc(100% - 60px);

}



.conLi span {

    font-size: 24px;

    font-weight: 400;

    color: rgb(0 50 109 / 54%);

    display: block;

    margin-bottom: 5px;

}



.conLi p {

    font-size: 18px;

    color: #666;

    letter-spacing: 2px;

}



.conEwm {

    display: flex;

    text-align: center;

    margin-top: 60px;

}



.conEwm>div {

    margin-right: 100px;

}



.conEwm>div:last-child {

    margin-right: 0;

}





.conEwm img {

    width: 130px;

    border-radius: 10px;

}



.conEwm p {

    font-size: 16px;

    margin-top: 20px;

}



@media(max-width:1680px) {

    .conLi svg {

        width: 28px;

        height: 28px;

    }



    .conLi span {

        font-size: 24px;

    }



    .conLi p {

        font-size: 16px;

    }



    .conLi>div {

        width: calc(100% - 50px);

    }

}



@media(max-width:1480px) {

    .conLi {

        padding-right: 2%;

    }

}



@media(max-width:1368px) {

    .conLi span {

        font-size: 21px;

        margin-bottom: 0px;

    }



    .conLi svg {

        width: 25px;

        height: 25px;

        margin-top: 16px;

    }



    .conLi>div {

        width: calc(100% - 40px);

    }



    .conText {

        margin-bottom: 60px;

    }





}



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



@media(max-width:1024px) {

    .conUl {

        flex-wrap: wrap;

    }



    .conLi {

        flex: auto;

        width: 50%;

        margin: 15px 0;

    }



    .conText {

        margin-bottom: 40px;

    }

}



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



@media(max-width:768px) {

    .conLi {

        width: 100%;

        padding: 10px 0;

    }





    .conImg {

        padding-top: 84%;

    }

}





/*  */



.conBot {

    width: 100%;

    padding-left: 7% !important;

    overflow: hidden;

    position: relative;

}



.conBot::before {

    content: '';

    width: 1px;

    height: 100%;

    border-left: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    top: 0;

    z-index: 2;

}



.conBot::after {

    content: '';

    width: 93%;

    height: 1;

    border-top: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    bottom: 0;

    z-index: 2;

}



.conBotBox {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.conBotImg {

    width: 45%;

    padding-top: 40%;

    border-radius: 12px;

}





.conR_form {

    width: 55%;

    padding-right: 5%;

}







/*  */



.conR_form form {

    margin-bottom: 40px;

}





.conR_l {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.conR_ipt {

    width: calc(50% - 10px);

    margin-bottom: 20px;

}



.conR_ipt.w100 {

    width: 100%;

}



.conR_ipt input,

.conR_ipt textarea {

    width: 100%;

    background: none;

    border-bottom: 1px solid #ddd;

    padding: 20px;

}



.conR_ipt textarea {

    height: 100%;

    border-left: none;

}



.conR_ipt input::placeholder,

.conR_ipt textarea::placeholder {

    font-size: 16px;

    color: #999;

}





.conR_r .conR_ipt {

    width: 100%;

    height: 100%;

}



.conR_form .More {

    position: relative;

    z-index: 2;

}





/* ======================================================================= join */



.joinFz {

    padding-left: 7% !important;

    position: relative;

}



.joinFz::before {

    content: '';

    width: 1px;

    height: 100%;

    border-left: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    top: 0;

    z-index: 2;

}



/* .joinFz::after {

            content: '';

            width: 93%;

            height: 1px;

            border-bottom: 1px solid rgba(0, 0, 0, 0.18);

            position: absolute;

            left: 7%;

            bottom: 0;

            z-index: 2;

        } */



.joinFzBox {

    display: flex;

    justify-content: space-between;

}



.joinItem {

    width: calc(25% - 30px);

    padding: 80px 60px 100px;

    border-radius: 12px;

    text-align: center;

    border: 1px solid rgba(0, 0, 0, 0.18);

    transition: all .48s;

}



.joinItem img {

    width: 60px;

    margin-bottom: 40px;

    transition: all .68s;

}



.joinItem span {

    display: block;

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 15px;

}



.joinItem p {

    font-size: 16px;

}



/*  */



.joinItem:hover img {

    transform: rotateY(180deg);

}



.joinItem:hover {

    border-color: #da251c;

}





/*  */



/* < !-- 员工风采 --> */



.joinFc {

    padding-left: 7% !important;

    position: relative;

    background: #f6f8fa;

}



.joinFc::before {

    content: '';

    width: 1px;

    height: 100%;

    border-left: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    top: 0;

    z-index: 2;

}



.joinFcBut {

    display: flex;

    align-items: center;

}



.joinFcBut a {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgb(9 52 131 / 18%);

    margin-left: 15px;

    cursor: pointer;

    transition: all 0.48s;

}



.joinFcBut a img {

    position: initial;

    width: 40%;

    opacity: 0.8;

}



.joinFcBut a:hover {

    background: #da251c;

}



.joinFcBox {

    padding-left: 5%;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.joinFcUl {

    width: 30%;

    position: relative;

    z-index: 2;

}



.joinFcUl h5 {

    white-space: nowrap;

    color: #da251c;

    text-transform: uppercase;

    font-size: 80px;

    font-weight: 600;

    line-height: 1;

}



.joinFcLi {

    padding: 30px 0;

    border-bottom: 1px solid #dcdcdc;

    position: relative;

    cursor: pointer;

}



.joinFcLi span {

    color: #666;

    font-size: 24px;

}



.joinFcLi::after {

    content: '';

    width: 0%;

    height: 2px;

    border-bottom: 2px solid #da251c;

    position: absolute;

    left: 0;

    bottom: -1px;

    transition: all .68s;

}



.joinFcLi.on::after {

    width: 130%;

}



.joinFcLi.on span {

    color: #333;

    font-weight: 500;

}



/*  */



.joinFcWarp {

    width: 65%;

    margin: 0;

}



.joinFcXq {

    width: 100%;

    display: none;

}



.joinFcXq:first-child {

    display: block;

}



.joinFcImg {

    padding-top: 58%;

    border-radius: 12px;

}



.joinFcItem p {

    font-size: 20px;

}





/* == */



.join {

    padding-left: 7% !important;

    position: relative;

}



.join::before {

    content: '';

    width: 1px;

    height: 100%;

    border-left: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    top: 0;

    z-index: 2;

}



/* .join::after {

            content: '';

            width: 93%;

            height: 1px;

            border-top: 1px solid rgba(0, 0, 0, 0.18);

            position: absolute;

            left: 7%;

            bottom: 0;

            z-index: 2;

        } */



/* .joinBox {

            background: url(./images/focus_bg.png) no-repeat left bottom;

            background-size: 100% auto;

        } */



.conHr_top {

    margin-bottom: 40px;

    text-align: center;

}



.conHr_top form {

    display: flex;

    justify-content: space-between;

    text-align: center;

}



.conHr_top form select {

    width: 24%;

    padding: 14px 25px;

    border: 1px solid #e6e6e7;

    border-radius: 6px;

    font-size: 18px;

    font-weight: 500;

}



select {

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    background: url(../images/arrow.png) no-repeat 95% center;

    background-size: 24px 24px;

}





.conHr_top form input {

    width: 30%;

    padding: 14px 25px;

    background: none;

    border: 1px solid #e6e6e7;

    border-radius: 6px;

    font-size: 18px;

    font-weight: 500;

}



.conHr_top form input::placeholder {

    font-size: 18px;

    font-weight: 500;

}



.conHr_top form a {

    width: 18%;

    margin-left: 1%;

    padding: 14px 0;

    border-radius: 6px;

    border: 1px solid rgb(8 52 131 / 76%);

    color: rgb(8 52 131 / 76%);

    text-align: center;

    letter-spacing: 10px;

    font-size: 20px;

    font-weight: 600;

    transition: all .48s;

}



.conHr_top p {

    margin-top: 30px;

    font-size: 18px;

}



.conHr_top p i {

    font-size: 18px;

    color: #da251c;

}



.conHr_top form a:hover {

    background: #da251c;

    color: #fff;

}





.hrZpBot {

    border-radius: 12px;

    border: 1px solid #f0f0f0;

}



.hrZp_li {

    border-radius: 12px;

    background: #fff;



    border-bottom: 1px solid #f0f0f0;

}



.hrZp_li:last-child {

    border-bottom: none;

}



.hrZp_head {

    background: #da251c;

}



.hrZp_head span {

    color: #fff !important;

}



.hrZp_div {

    width: 100%;

    padding: 0 60px;

    height: 80px;

    border-radius: 1000px;



    display: flex;

    justify-content: space-between;

    align-items: center;

    cursor: pointer;

}



.hrZp_span {

    flex: 1;

}



.hrZp_span span {

    color: #666;

    font-size: 18px;

    font-weight: bold;

}



.hrZp_span b {

    color: #da251c;

    font-weight: bold;

    font-size: 18px;

}



.hrZp_span i {

    display: block;

}



.hrZp_one span {

    font-size: 18px;

    font-weight: bold;

    color: #666;

}



.hrZp_R {

    flex: 0.5;

    text-align: center;

}





/*  */

.hrZp_R {

    display: flex;

    align-items: center;

    justify-content: center;

}



.hrZp_R b {

    color: #fff;

    font-weight: 600;

    margin-right: 20px;

    font-size: 16px;

}



.hrZp_R span {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    width: 90px;

    height: 30px;

    border: 1px solid #ebe9e6;

    box-shadow: 0 15px 30px -10px rgb(97 97 97 / 15%);

    border-radius: 12px;

    font-size: 14px;

    color: #da251c;

    transition: all .48s;

}



.hrZp_R svg {

    width: 16px;

    height: 16px;

    transition: all .48s;

}



.hrZp_R svg path {

    fill: #666;

}



.hrZp_div.on .hrZp_R svg {

    transform: rotate(90deg) translateX(-5px);

}



/*  */

.hrZp_zk {

    width: 100%;

    padding: 60px;

    border-top: 1px solid rgba(118, 108, 172, 0.2);

    display: none;

}



.hrZp_zk .list {

    display: inline-block;

    width: 48%;

    vertical-align: text-top;

}



.hrZp_zk .list:first-child {

    margin-right: 3%;

}



.hrZp_zk .list .mc {

    font-size: 18px;

    color: #da251c;

    font-weight: bold;

    margin-bottom: 30px;

    position: relative;

}



.hrZp_zk .list .list_p {

    font-size: 16px;

    color: #666666;

    line-height: 2.2;

}



.hrZp_zk a {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    width: 260px;

    height: 80px;

    border: 1px solid #ebe9e6;

    box-shadow: 0 15px 30px -10px rgb(97 97 97 / 15%);

    border-radius: 1000px;

    font-size: 20px;

    color: #da251c;

    transition: all .48s;

}



.hrZp_zk a svg {

    width: 20px;

    height: 20px;

    margin-right: 10px;

}



.hrZp_zk a svg path {

    fill: #da251c;

}



.hrZp_zk a:hover {

    color: #fff;

    background: #da251c;

    border-color: #da251c;

}



.hrZp_zk a:hover svg path {

    fill: #fff;

    transition: all .48s;

}









.pagination {

	display:flex;

	padding-left: 0;

	border-radius: 4px;justify-content: center;

}

.pagination>li {

	display: inline

}

.pagination>li>a, .pagination>li>span {

	position: relative;

	float: left;

	padding: 6px 12px;

	margin-left: -1px;





	text-decoration: none;

	background-color: #fff;

	border: 1px solid #ddd

}

.pagination>li:first-child>a, .pagination>li:first-child>span {

	margin-left: 0;

	border-top-left-radius: 4px;

	border-bottom-left-radius: 4px

}

.pagination>li:last-child>a, .pagination>li:last-child>span {

	border-top-right-radius: 4px;

	border-bottom-right-radius: 4px

}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {

	z-index: 2;

	color:#da251c;

	background-color: #eee;

	border-color: #ddd

}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {

	z-index: 3;

	color: #fff;

	cursor: default;

	background-color:#da251c;

	border-color:#da251c

}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {

	color: #777;

	cursor: not-allowed;

	background-color: #fff;

	border-color: #ddd

}

.pagination-lg>li>a, .pagination-lg>li>span {

	padding: 10px 16px;

	font-size: 18px;

	line-height: 1.3333333

}

.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {

	border-top-left-radius: 6px;

	border-bottom-left-radius: 6px

}

.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {

	border-top-right-radius: 6px;

	border-bottom-right-radius: 6px

}

.pagination-sm>li>a, .pagination-sm>li>span {

	padding: 5px 10px;

	font-size: 12px;

	line-height: 1.5

}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {

	border-top-left-radius: 3px;

	border-bottom-left-radius: 3px

}

.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {

	border-top-right-radius: 3px;

	border-bottom-right-radius: 3px

}







.tz-gallery {

	padding: 1px 0px;

	box-sizing: border-box;

}

.tz-gallery .thumbnail {

	padding: 0;

	border: none;margin-bottom: 15px;

}

.tz-gallery img {

	border-radius: 2px;

	    width: 100%;

    height: 300px;

}

.tz-gallery .caption {

	padding: 10px;

	text-align: center;line-height: 40px;

}

.tz-gallery .caption h3 {

	font-size: 14px;

	font-weight: bold;

	margin-top: 0;line-height: 40px;    color: #000;

}

.tz-gallery .caption p {

	font-size: 12px;

	color: #7b7d7d;

	margin: 0;

}



.w1200{  width: 90%;margin: 0 auto;}

.n_nav_box{height: 70px;line-height: 70px;position:relative;border-bottom: #e8e8e8 1px solid;}

.position{height: 72px;line-height: 72px;left: 0px;bottom: 0;color: #9c9ca0;font-size: 14px;background: url(../images/home_icon.png) left 30px no-repeat;}

.position span, .position a, .position i{font-size: 14px;color: #5b5b5b;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.position i{margin: 0px 10px 0 0px;font-style:normal;}

.position i img{vertical-align:middle;margin-top: -2px;}

.position em{font-size: 13px;color: #da251c;font-style: normal;}

.position a:hover{color: #da251c;}



.list_box_n_news{ margin:0 -1.25rem; }

.list_box_n_news li{ float:left; width:25%; padding:0 1.25rem; margin-bottom:1.875rem}

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

.list_box_n_news li a .img .img_hezi{ }

.list_box_n_news li a .img .time{width: 7.5rem;height: 2.5rem;text-align:center;background:rgba(255,255,255,.9);font-size: .9375rem;color: #63666a;position:absolute;top:1.875rem;left:1.875rem;transition:.5s;font-family: BEBASNEUE_BOLD;display: flex;justify-content: center;align-items: center;}

.list_box_n_news li a .img .time img{width:auto;height:auto;fill:#9ba7b9;transition:.5s;vertical-align:middle;margin: -3px .5rem 0 0;}

.list_box_n_news li a .con{background: #f2f4f7;padding:1rem;}

.list_box_n_news li a .con h5{font-size:1rem;color:#303030;line-height:1.875rem;transition:.5s;white-space: normal;}

.list_box_n_news li a .con p{font-size:.8rem;color:#787878;line-height:24px;height:48px;overflow:hidden;margin: .5rem 0 1.375rem;}

.list_box_n_news li a .con span{ font-size:14px; color:#343637;  transition:.5s}

.list_box_n_news li a .con .btn_xq .btn_bg { transform: skewX(0); -webkit-transform: skewX(0); -moz-transform: skewX(0); -ms-transform: skewX(0); -o-transform: skewX(0);}

.list_box_n_news li a .con .btn_xq .btn_bg i{ border:#da251c 2px solid; background:#da251c}

.list_box_n_news li a .con .btn_xq{color:#fff;font-family: BEBASNEUE_BOLD;font-size: .875rem;margin: 0;}

img{ }

.img img{ width:100%; height:100%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; }

li:hover .img img{ transform: scale(1.05) rotate(.1deg); -webkit-transform: scale(1.05) rotate(.1deg); -moz-transform: scale(1.05) rotate(.1deg); -ms-transform: scale(1.05) rotate(.1deg); -o-transform: scale(1.05) rotate(.1deg); }



.onePorfile .t1 { font: 30px/1.4 "microsoft yahei"; color: #000; }

.onePorfile .con { text-align: center; color: #323232; font-size: 14px; }

.cen-03 {

    padding-top: 5px;

}

.cen-04 {

    float: left;

    width: 100%;

    font-size: 20px;

    font-weight: bold;

    color: #000;

    text-align: center;

    line-height: 50px;

    font-family: "Microsoft YaHei";

}

.cen-04-1 {

    text-align: center;

    border-bottom: 1px dashed #ccc;

    line-height: 40px;

    color: #666;

    float: left;

    width: 100%;

    padding-bottom: 10px;

}

.cen-04-2 {

    float: left;

    width: 100%;

    background: #f2e3d0;

    border: 1px solid #e7d1b4;

    padding: 5px;

}

.cen-04-3 {

    float: left;

    width: 100%;

    font-size: 14px;

    padding-top: 8px;

    padding-bottom: 8px;

    line-height: 30px;    text-align: left;

}

.cen-04-2 span {

    font-weight: bold;

    color: #d41833;

}

.cen-04-6 {

    float: left;

    width: 100%;

    border: 1px solid #fec3d7;

    font-size: 12px;

}



.sx {

    width: 100%;

    float: left;

    padding: 20px 0;

    text-align: left;

    border-top: 1px dashed #ddd;

    color: #333;

    margin-top: 10px;

    font-family: Verdana, microsoft Yahei, Helvetica, sans-serif

}

.sx p {

    clear: both;

    line-height: 30px;

    font-weight: bold;

}

.sx a {

    padding-left: 0px;

    font-weight: normal

}

.sx a:link {

    color: #999;

    text-decoration: none;

}

.sx a:visited {

    color: #999;

    text-decoration: none;

}

.sx a:hover {

    color: #da251c;

    text-decoration: underline;

}

.sx a:active {

    color: #da251c;

    text-decoration: underline;

}

.sx span {

    float: right;

    padding-right: 20px;

}

.sx span a {

    padding-left: 20px;

    color: #999 !important;

    text-transform: uppercase;

    font-family: Verdana, microsoft Yahei, Helvetica, sans-serif

}

.btn3{ margin-top:10px; text-align: right  }

.btn3 a{ display:inline-block; height:35px; line-height:35px; background:#fff; color:#000;    border: 1px solid #e4eaec;  width:100PX; font-size:12px; border-radius: 3px; text-align: center;}

.btn3 a:hover{ background:#000; color:#fff;}





.dis-t, .dis-m, .dis-b, .dis-s { display: inline-block; }

.dis-t { vertical-align: top; }



.dis-b { vertical-align: bottom; }

.dis-s { vertical-align: sub; }

.v-align-m1{font-size:0;}

.v-align-m1:before, .v-align-m2:before,.v-align-m3:after, .v-align-m4:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }

.v-align-m2:before { margin-left: -5px; }

.down_load li { font-size:14px; display: inline-block; width: 100%;margin-bottom: 2%; vertical-align: top; }

.down_load a {  background: #fff; height: 3.25vw; display: block; border-radius: 5px; overflow: hidden; border-bottom: 1px dashed #e8e4e4;}

.down_load .L { box-sizing: border-box;     width: 95%; }

.down_load .LL { box-sizing: border-box;    margin-bottom: 2%; height: 2.2vw; width:2.2vw; border: 1px solid #eee; text-align: center; background: #fff; }

.down_load .LL img { max-width: 80%; max-height: 80%; }

.down_load .LR { width: calc(100% - 5.2vw);   margin-bottom: 2%; }

.down_load .L p { font-size: 16px; line-height: 1.5; color: #333; max-height: 50px;word-break: break-word;text-indent: 0 }

.down_load .L p img{width:3%}

.down_load .R { transition: 0.3s ease 0s; background: #999; height: 80%; width:4%; text-align: center;margin-bottom: 3% }

.down_load .R img { width: 26.5%; }

.down_load { font-size: 0; }

.down_load a:hover .R { background: #da251c; }







[class^="btn_"] {

    position: relative; z-index: 1; font-size: .9375rem;

    display: block;

    width: 12.1875rem;

    height: 3.75rem; line-height: 3.75rem;

    text-transform: uppercase;

    overflow: hidden; text-align: center;-webkit-transition: 0.5s;

    transition: 0.5s;

}

[class^="btn_"]:before,[class^="btn_"]:after,[class^="bg_"]:before,[class^="bg_"]:after{box-sizing: border-box;

    -webkit-transition: 0.5s;

    transition: 0.5s;}



.btn_ts{ display: block; color: #fff; overflow: visible; margin-top: 3rem;}

.btn_bg{ position: absolute; overflow: hidden; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: -1; transform:skewX(-15deg) ; -webkit-transform:skewX(-15deg) ; -moz-transform:skewX(-15deg) ; -ms-transform:skewX(-15deg) ; -o-transform:skewX(-15deg) ; }

.btn_bg:before {

    content: '';

    width: 0;

    height: 0;

    -webkit-transform: rotate(360deg);

    border-style: solid;

    border-width: 0 0 0 0;

    border-color: transparent transparent transparent #0066b2;

    position: absolute;

    bottom: 0;

    left: 0;

}

.btn_bg:after {

    content: '';

    width: 0;

    height: 0;

    -webkit-transform: rotate(360deg);

    border-style: solid;

    border-width: 0 0 0 0;

    border-color: transparent #0066b2 transparent transparent;

    position: absolute;

    top: 0;

    right: 0;

}

.btn_ts:hover .btn_bg:before {border-width: 165px 0 0 165px;}

.btn_ts:hover .btn_bg:after {border-width: 0 165px 165px 0;}



.btn_xq{ position: relative; overflow: visible; width: 6.625rem; height: 2.8125rem; line-height: 2.8125rem; margin: 0 auto; font-size: .875rem; color: #747474;}

.btn_xq .btn_bg{ background: none;}

.btn_xq .btn_bg i{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 2px solid #c4c6c9; box-sizing: border-box; z-index: -1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

.btn_xq .btn_bg:before {border-color: transparent transparent transparent #000 !important;}

.btn_xq .btn_bg:after {border-color: transparent #000 transparent transparent !important;}

.btn_xq:hover .btn_bg:before {border-width: 165px 0 0 165px;}

.btn_xq:hover .btn_bg:after {border-width: 0 165px 165px 0;}

.btn_xq:hover{ color: #fff;}

.btn_xq:hover .btn_bg i{ border: 2px solid #fff;}





.contact_info{ }

.contact_info .titbar{     font-weight: 600;border-bottom:1px solid #e5e5e5; padding: 20px 0; position: relative; font-size: 32px; margin-bottom: 40px;     color: #000;}

@media (max-width:1440px) {

	.contact_info .titbar{ border-bottom:1px solid #e5e5e5; padding: 20px 0; position: relative; font-size: 24px; margin-bottom: 20px; }

	

}

.contact_info .titbar .tel{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);text-align: right; color: #878787; font-size: 14px;}

.titbar .tel em{ display: block; color: #009944; font-weight: bold; font-size: 20px; margin-top: 5px; }

.contact_btm{ display: flex; align-items: flex-end; }

.conatct_addre{ float: left;}



.conatct_addre p{ margin-bottom: 10px; color: #666;text-indent: 0em!important}

.conatct_addre p a{ color: #666;}

.conatct_addre p i{margin-right: 10px;}

.contact_code{ margin-left: auto; text-align: right; display: flex; align-items: flex-end;}



.contact_map{ width: 100%;float:left;}

.contact_code em{ display: block;}

.contact_code span{ margin-right: 20px; color: #666666;}

.contact_code img{ width: 200px; height: 200px;}

.contact_lz{ background: url(../img/bg5.jpg) no-repeat center; padding: 18vh 0; background-attachment: fixed; position: relative; z-index: 1;}

.contact_lz .index_tit{ margin-bottom: 0; color: #fff; }

.contact_lz:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4);}





.sidebar-widget{    border: 1px solid #ececec;

    background: #fff;

    padding: 20px;    margin: 0 0 15px;}

.widget-title {

    color: #222;

    font-weight: 600;

    font-size: 18px;

    text-transform: capitalize;

    margin-bottom: 20px;

}



.blog-serch-form form {

    position: relative;

}

.blog-serch-form .form-control {

    padding: 0 55px 0 20px;

    color: #9a9a9a;

    font-size: 1em;

    height: 46px;

    line-height: 46px;

    border: 1px solid #e7e7e7;

    border-radius: 0;

}

.blog-serch-form .form-control:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

}

.blog-serch-form .form-control:focus::-webkit-input-placeholder {

    color: transparent;

}

.blog-serch-form .form-control:focus::-moz-placeholder {

    color: transparent;

}

.blog-serch-form .form-control:focus:-ms-input-placeholder {

    color: transparent;

}

.blog-serch-form .form-control:focus::-ms-input-placeholder {

    color: transparent;

}

.blog-serch-form .form-control:focus::placeholder {

    color: transparent;

}

.blog-grid-list {

    margin-bottom: 60px;

}

.form-search-btn {

    position: absolute;

    top: 6px;

    right: 0px;

    font-size: 20px;

    border: 0;

    background: transparent;

    padding: 0px;

    width: 55px;

}





.product-left {



    width: 100%;

}

.product-left h3 {

    padding: 20px;

    background-color: #ca1f26;

    color: #fff;

    font-size: 18px;

    font-weight: 700; text-transform: uppercase;    margin-bottom: 0;

}

.product-left ul {



}

.product-left ul ul {

    border: 0;

    display: none;

}

.product-left ul li {

    position: relative;

}

.product-left .product-nav ul li span {



    display: block;

    width: 15px;

    height: 15px;

    position: absolute;

    right: 0;

    top: 15px;

    transform: translate(-50%, 0%);

}

.product-left  ul li .btn:hover {

    font-weight: 300;

}



.product-left .product-nav ul li i{padding-right: 10px;}

.product-left .product-nav ul li a {

    display: block;

    padding: 15px 20px 15px 10px;

    border-bottom: 1px solid #e9e9e9;

    font-size: 14px;

    line-height: 14px;    text-align: left;

}

.product-left ul li .btn span {

    width: auto;

    padding: 10px 15px;

    background-color: #28a8af;

    color: #fff;

    font-size: 14px;

}

.product-left  ul li .btn span:hover {

    background-color: #239399;

}

.product-left ul li a:hover {

    font-weight: 700;

}

.product-left ul li .current {

    background: inherit;

    font-weight: 700;

}

.product-left ul li ul li {

    padding-left: 10px;

}

.product-left .product-nav ul li ul li a {



    background-position-y: 15px;

    padding-left: 16px;

}

.product-left .product-nav ul li ul li a i{ padding-right: 10px;}

.product-left {



}

.product-left li {

    

}

.product-left  li a {

    display: -webkit-flex;

    display: flex;

    align-items: center;

    padding: 15px 0;

    border-bottom: 1px solid #ccc;

}

.product-left img {

    width: 30%;

}

.product-left span {

    display: inline-block;

    width: 65%;

    margin-left: 5%;

}



.fl {float: left;}

.fr {float: right;}

.productList{ width:58%; padding-left:20px;padding-top: 30px;}



.productList_li{ width:100%; height:34px; line-height:34px;    margin-bottom: 10px;

    font-size: 24px;

    font-weight: bold;

    color: #000;

}



.productList_li li{  float:left; text-align:center; padding:0px 10px 0px 10px;}



.productList_li li a{ color:#fff; display:block;}



.productList_li li.current{ background:#ff8533;color:#fff;}



.productList_li li.current a{ color:#fff;}





.productList_xx{ width:100%; margin-top:10px; overflow:hidden; zoom:1;   line-height: 30px;}





.product-card {

    position: relative;

    overflow: hidden;    border: 1px solid #e1e1e3;    margin-bottom: 15px;

}

.product-card:hover .action {

    right: 20px;

    opacity: 1;

    visibility: visible;

}

.product-card:hover .product-btn {

    opacity: 1;

    top: 0;

}

.product-card:hover .product-price {

    -webkit-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    transform: translateY(-100px);

}

.product-group {

    position: relative;

    overflow: hidden;

}



.product-thumb {

    display: block;

    overflow: hidden;

}

.product-thumb img {

    width: 100%;

    -webkit-transition: 0.3s ease-out 0s;

    -o-transition: 0.3s ease-out 0s;

    transition: 0.3s ease-out 0s;

}

.product-thumb:hover img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}

.product-title {

    display: block;

    color: #222;

    font-size: 14px;

    line-height:2;

    margin-bottom: 10px; text-align: center;

}



.mb-15 {



    margin-bottom: 15px; }

.pro-detail-box {

    padding: 20px;

    background: #FFFFFF;    width: 100%;

    float: left;

}

.item-pic__box {

  	position: relative;

	width: 50%;

	float: left;

	margin: 0 25%;



	

}

.blo-image-and-date img{

	 transition: all 1s;

	 -moz-transition: all 1s;

	 -ms-transition: all 1s;

	 -webkit-transition: all 1s;

	 -o-transition: all 1s;max-width: 100%;

 }

.blo-image-and-date:hover img{

	transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-o-transform: scale(1.1);

}



.showproducts_b {

	width:100%;

	float:left;

	height:50px;

	border-bottom:solid 1px #da251c;

	margin-top:10px;

}

.showproducts_b span {

	background-color:#da251c;

	color:#FFF;

	float:left;

	padding-left:30px;

	padding-right:30px;

	height:50px;

	line-height:50px;

}

.showproducts_c {

	width:100%;

	float:left;

	word-wrap: break-word;

	text-align:left; padding:10PX;

}

.small-box {

	position: relative;

	width:100%;



	margin-bottom: 5px;



}

.small-box img{

	width: 100%;

	height: 100%;

	object-fit: cover;

	text-align: center;border: 1px solid #e6e6e6;

}

.small-box > .hover {

	display: none;

	left: 0;top: 0;

	position: absolute;

	border: 1px solid #fff;

	background-color: #000;

	filter: alpha(opacity=15);

	-moz-opacity: .15;

	opacity: .15;

	cursor: move;

}

.thumbnail-box {

	position: relative;

	width: 100%;

}

.thumbnail-box .btn {

	position: absolute;

	top: 0;bottom: 0;

	width: 26px;

	border: 0;

	background: #eee url(../images/thumb-but.gif) no-repeat;

}

.thumbnail-box .btn:active {background: #da251c url(../images/thumb-but_active.gif) no-repeat}

.thumbnail-box .btn-prev {left: 0}

.thumbnail-box .btn-next {right: 0;background-position: center right}

.thumbnail-box .btn-next:active {background: #da251c url(../images/thumb-but_active.gif) no-repeat center right}

.thumbnail-box > .thumb-list {

	overflow: hidden;

	width: 300px;

	margin: 0 auto;

}

.thumbnail-box .wrapper {

	font-size: 0;

	margin-bottom: 0;

	white-space: nowrap;

	text-align: center;

}

.thumbnail-box > .thumb-list .item {

	width: 56px;

	height: 56px;

	margin: 0 2px;

	cursor: pointer;

	display: inline-block;

	border: 2px solid #fff;

}



.thumbnail-box > .thumb-list .item img{

	width: 100%;

	height: 100%;

	object-fit: cover;

	text-align: center;    border: 1px solid #e6e6e6;

}

.thumbnail-box > .thumb-list .item.active {



}

.big-box {

	z-index: 100;

	display: none;

	overflow: hidden;

	position: absolute;

	left:102%;top: 0;

	border: 1px solid #e6e6e6;

	width: 300px;height: 300px;

}



.sx1{width:100%; float:left;padding:10px 0; text-align:left;border-top:1px dashed #ddd;color:#333;margin-top:10px;font-family:Verdana, microsoft Yahei, Helvetica, sans-serif}

.sx1 p{      text-align: center;

	line-height: 40px;

	border: 1px solid #e6e6e6;



	float: left;

	margin-right: 10px;

	padding: 0px 20px;    margin-bottom: 5px;}

.sx1 a{font-weight:normal}

.sx1 a:link{    color: #393939;text-decoration:none;}

.sx1 a:visited{    color: #393939;text-decoration:none;}

.sx1 a:hover{color: #393939;text-decoration:none;}

.sx1 a:active{    color: #393939;text-decoration:none;}

.sx1 span{ float:right;  padding-right:20px;}

.sx1 span a{ padding-left:20px; color:#999 !important; }



.neiye{padding:10px; font-size:14px;line-height: 25px;    width: 100%; float: left;  background: #fff; }

.neiye img{max-width: 100%}

.n_nav2{ text-align:center; margin-bottom:10px;  font-size: 20px; font-weight: bold; color: #000;}









/*  */

@media (max-width:1480px) {

    .conTop_li img {

        height: 30px;

        margin-bottom: 15px;

    }



    .conTop_li span {

        font-size: 16px;

        margin-bottom: 10px;

    }



    .conTop_li i {

        font-size: 18px;

        margin-bottom: 0;

    }



    .conTop_li p {

        font-size: 12px;

    }



    .conTop {

        padding-top: 20px;

        margin-bottom: 60px;

    }



    /*  */

    .conBot_tit {

        font-size: 30px;

        margin-bottom: 30px;

    }

}





/* ======================================================================= new */



.new {

    padding-left: 7% !important;

    position: relative;

    overflow: hidden;

}



.new::before {

    content: '';

    width: 1px;

    height: 100%;

    border-left: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    top: 0;

    z-index: 2;

}



.new::after {

    content: '';

    width: 93%;

    height: 1;

    border-top: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    bottom: 0;

    z-index: 2;

}





.newBox {

    display: flex;

    flex-wrap: wrap;

    border-bottom: 1px solid rgba(0, 0, 0, 0.18);

}



.newBox .indNewLi {

    border-top: 1px solid rgba(0, 0, 0, 0.18);

}





/* ======================================================================= sol */



.solution {

    padding-left: 7% !important;

    position: relative;

    overflow: hidden;

}



.solution::before {

    content: '';

    width: 1px;

    height: 100%;

    border-left: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    top: 0;

    z-index: 2;

}



.solution::after {

    content: '';

    width: 93%;

    height: 1;

    border-top: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    bottom: 0;

    z-index: 2;

}





.solBox {

    display: block;

    padding-right: 5%;

}



.solItem {

    padding-left: 5%;

    width: 100%;

    display: flex;

    justify-content: space-between;

    margin-bottom: 80px;

    padding-bottom: 80px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.18);

}



.solItem:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: none;

}



.solImg {

    width: 65%;

    padding-top: 36%;

    border-radius: 12px;

}



.solText {

    width: 35%;

    padding: 30px 0 30px;

    /* background: #f6f8fa; */



}



.solText span {

    display: block;

    font-size: 30px;

    font-weight: 500;

    margin-bottom: 30px;

}



.solText p {

    width: 80%;

    font-size: 16px;

    margin-bottom: 40px;

}



.solText .More i {

    padding: 10px 20px;

    font-size: 14px;

}



.solText .More a svg {

    width: 24px;

    height: 24px;

    margin-left: 8px;

}



/* ======================================================================= sol_info */



.solInfo_fa {

    /* background: url(./images/indBan5.jpeg);

            background-repeat: no-repeat;

            background-size: cover; */

    /* background: #052155; */

    padding-left: 7% !important;

    position: relative;

}



.solInfo_fa::before {

    content: '';

    width: 1px;

    height: 100%;

    border-left: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    top: 0;

    z-index: 2;

}



/*  */



.solInfo_faBox {

    position: relative;

    z-index: 2;

}



.solInfo_faTop {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 5%;

}



.solInfo_faText {

    width: 45%;

    margin-bottom: 0;

}



.solInfo_faText span{

    font-size: 36px;

    color: #083483;

    font-weight: 600;

    display: block;

    margin-bottom: 15px;

}



.solInfo_faText p {

    font-size: 14px;

    line-height: 1.8;

}



.solInfo_faText .More {

    margin-top: 40px;

}



.solInfo_faImgBox{

    width: 50%;

    order: -1;

}



.solInfo_faImgBox .swiper-container{

    width: 100%;

}



.solInfo_faImgBox .swiper-slide{

    width: 100%;

}



.solInfo_faImg {

    width: 100%;

    padding-top: 68%;

    border-radius: 12px;

}



/*  */



.solInfo_faBot{

    background: #f6f8fa;

    padding-left: 7% !important;

    position: relative;

    overflow: hidden;

}



.solInfo_faBot::before {

    content: '';

    width: 1px;

    height: 100%;

    border-left: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    top: 0;

    z-index: 2;

}



.solInfo_faBot::after {

    content: '';

    width: 100%;

    height: 1px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    bottom: 0;

    z-index: 2;

}



.solInfo_faXq {

    margin-top: 60px;

    width: 100%;

    display: flex;

    justify-content: space-between;

}



.solInfo_faLi {

    width: calc(25% - 10px);

    padding: 60px 40px;

    border-radius: 12px;

    background: #da251c;

    position: relative;

    overflow: hidden;

    cursor: pointer;

}



.solInfo_faLi img {

    width: 40px;

    margin-bottom: 30px;

}



.solInfo_faLi i{

    display: block;

    font-size: 30px;

    font-weight: 600;

    color: #fff;

    margin-bottom: 15px;

}



.solInfo_faLi span {

    display: block;

    font-size: 24px;

    color: #fff;

}



/* == */



.solInfo_case {

    padding-left: 7% !important;

    position: relative;

    background: #f6f8fa;

}



.solInfo_case::before {

    content: '';

    width: 1px;

    height: 100%;

    border-left: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    top: 0;

    z-index: 2;

}



.solInfo_caseImg {

    padding-top: 76%;

    border-radius: 12px;

}



.solInfo_caseText {

    padding: 20px 0;

    text-align: center;

}



.solInfo_caseText span {

    font-size: 24px;

    font-weight: 600;

    display: block;

    margin-bottom: 10px;

}



.solInfo_caseText p {

    font-size: 16px;

}





/* == */



/* ======================================================================= pro */



.product {

    padding-left: 7% !important;

    position: relative;

}



.product .Tit {

    position: relative;

    z-index: 2;

}



.product::before {

    content: '';

    width: 1px;

    height: 100%;

    border-left: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    top: 0;

    z-index: 2;

}



/* .product::after {

            content: '';

            width: 93%;

            height: 1px;

            border-top: 1px solid rgba(0, 0, 0, 0.18);

            position: absolute;

            left: 7%;

            bottom: 0;

            z-index: 2;

        } */





.proBox {

    display: flex;

    flex-wrap: wrap;

}



.product .Tit select {

    width: 320px;

    padding: 14px 25px;

    border: 1px solid #e6e6e7;

    border-radius: 6px;

    font-size: 18px;

    font-weight: 500;

}



.proBox .indProImg {

    padding-top: 80%;

}



.proNav {

    width: 320px;

}



.proNav_tit {

    background-color: #004f99;

    padding: 24px 28px;

    border-radius: 8px 8px 0px 0px;

    overflow: hidden;

}



.proNav_tit span {

    display: flex;

    justify-content: space-between;

    align-items: center;

    color: #fff;

    font-size: 20px;

    font-weight: bold;

}



.proNav_tit span svg {

    width: 20px;

    height: 20px;

}



.proNav_tit span svg path {

    fill: #fff;

}



.proNav ul {

    padding-top: 5px;

    padding-bottom: 40px;

    background-color: #f1f7ff;

    max-height: 100%;

    overflow: auto;

}



.proNav ul li {

    padding-left: 30px;

    padding-right: 30px;

    margin-top: 15px;

    cursor: pointer;

}



.proNav ul li span {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px 0;

    font-size: 16px;

}



.proNav ul li span svg {

    width: 15px;

    height: 15px;

}



.proNav_zk {

    display: none;

    padding-left: 20px;

}



.proNav_zk a {

    display: block;

    padding: 8px 0;

    font-size: 14px;

}



.proNav ul li.on span {

    color: #da251c;

}



.proNav ul li.on svg {

    transform: rotate(90deg);

}



.proNav_zk a.on {

    color: #da251c;

    font-weight: 500;

}



/*  */



.proXq {

    width: calc(100% - 400px);

}





/* ======================================================================= pro_info */



.leftNav.proInfoNav::after {

    content: '';

    width: 1px;

    height: 100%;

    border-right: 1px solid rgba(0, 0, 0, .18);

    position: absolute;

    right: 0;

    top: 90px;

}



.proInfo {

    position: relative;

    padding-left: 7% !important;

    padding-top: 160px;

}



.proInfo::before {

    content: '';

    width: 1px;

    height: 100%;

    border-left: 1px solid rgba(0, 0, 0, .18);

    position: absolute;

    left: 7%;

    top: 90px;

    z-index: 2;

}



.proInfoBox {

    display: flex;

    justify-content: space-between;

}





/*  */



.proXq {

    width: 100%;

}





.proXq_dh {

    padding: 0 3%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid rgba(0, 0, 0, .18);

    margin-bottom: 40px;

    position: sticky;

    top: 0;

    background: #fff;

    z-index: 9;

}





.proXq_tit {

    display: flex;

}



.proXq_tit span {

    display: block;

    padding: 20px 0;

    margin-left: 50px;

    font-size: 18px;

    font-weight: 500;

    border-bottom: 2px solid transparent;

    position: relative;

    bottom: -1px;

}



.proXq_tit span.on {

    color: #da251c;

    border-color: #da251c;

}



/*  */



.proXqJj {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 5% 120px;

    position: relative;

    overflow: hidden;

}



.proXqJj_i {

    white-space: nowrap;

    position: absolute;

    left: 5%;

    bottom: 0;



    display: block;

    color: rgb(9 52 131 / 7%);

    font-size: 120px;

    font-weight: 600;

    line-height: 0.7;

    z-index: 2;

}





.proXqJj_imgBox {

    width: 45%;

    position: relative;

}



.proXqJj_img {

    padding-top: 78%;

    /* background: #f6f8fa; */

    border: 2px solid transparent;

    transform: scale(0);

    transition: all 1s;

}



.proXqJj_imgBox::after {

    content: '';

    width: 80%;

    padding-top: 80%;

    border-radius: 50%;

    background: #e6eaf2;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: -2;

    opacity: .6;

    transition: all .68s;

}



.proXqJj_imgBox::before {

    content: '';

    width: 55%;

    padding-top: 55%;

    border-radius: 50%;

    background: #fff;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: -1;

    transition: all .68s;

}



.proXqJj_img img {

    object-fit: contain;

}



.proSwiper {

    margin-bottom: 10px;

}



/* .swiper-slide-thumb-active .proXqJj_img {

            border-color: #da251c;

        } */



.swiper-slide-active .proXqJj_img {

    transform: scale(1);

}



/*  */



.proXqJj_r {

    width: 25%;

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.proXqJj_btn {

    display: flex;

    margin-bottom: 80px;

}



.proXqJj_btn .btn {

    width: 60px;

    height: 60px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #d9dfeb;

    cursor: pointer;

    z-index: 2;

    transition: all 0.48s;

    margin: 0 15px;

}



.proXqJj_btn .btn img {

    width: 40%;

    opacity: .5;

}



.proXqJj_btn .btn:hover {

    background: #da251c;

}



.proXqJj_btn .btn:hover img {

    opacity: 1;

}



.proXqJj_xh span {

    font-size: 20px;

    display: block;

    margin-bottom: 20px;

}



.proXqJj_xh p {

    font-size: 18px;

    color: #666;

}



.proXqJj_xh p b {

    width: 25px;

    display: inline-block;

    text-align: right;

    margin-right: 5px;

    font-size: 18px;

    color: #333;

}



/*  */



.proXqJj_text {

    width: 50%;

}



.proXqJj_text span {

    font-size: 24px;

    font-weight: 600;

    color: #da251c;

    display: block;

    margin-bottom: 15px;

}



.proXqJj_text b {

    font-size: 36px;

    color: #083483;

    font-weight: 600;

    display: block;

    margin-bottom: 15px;

}



.proXqJj_text p {

    width: 100%;

    color: #666;

    font-size: 14px;

    line-height: 2;

    margin-bottom: 15px;

}



.proXqJj_text .More {

    margin-top: 60px;

}



.proXqJj_text .More a {

    margin-right: 15px;

}



.proXq_bt {

    padding-bottom: 25px;

    margin-bottom: 30px;

    border-bottom: 1px solid rgba(0, 0, 0, .18);

}



.proXq_bt span {

    font-size: 24px;

    font-weight: 500;

}



.proPagination {

    position: initial;

    display: flex;

    width: 140px;

}



.proPagination span {

    width: 10px;

    height: 10px;

    background: #da251c;

    opacity: 0.4;

}



.proPagination .swiper-pagination-bullet-active {

    opacity: 1;

}



/* == */



.ProBLd {

    position: relative;

    background: #f6f8fa;

}





.ProBLdBox {

    display: flex;

    flex-wrap: wrap;

    position: relative;

    z-index: 2;

}



.ProBLd .solTit {

    position: relative;

    z-index: 2;

}



.ProBLdItem {

    width: calc(25% - 20px);

    margin-right: 26px;

    margin-bottom: 26px;

    border-radius: 10px;

    background: #fff;

    padding: 40px;

    text-align: center;

    position: relative;

}



.ProBLdItem::after {

    content: '';

    width: 0%;

    height: 4px;

    background: #da251c;

    position: absolute;

    left: 50%;

    bottom: 0;

    transform: translateX(-50%);

    transition: all .68s;

}



.ProBLdItem:nth-child(4n) {

    margin-right: 0;

}



.ProBLdItem img {

    width: 40px;

}



.ProBLdItem span {

    margin: 30px 0 15px;

    display: block;

    font-size: 24px;

}



.ProBLdItem p {

    min-height: 58px;

    font-size: 16px;

    line-height: 1.8;

}





/*  */

.ProBLdItem:hover::after {

    width: 80%;

}



/* == */



.proXqCs {

    border-top: 1px solid #f6f8fa;

}



.proXqChange {

    display: flex;

    justify-content: center;

    margin-bottom: 30px;

}



.proXqChange h5 {

    font-size: 18px;

    padding: 10px 25px;

    border-radius: 8px;

    border: 1px solid rgba(0, 0, 0, .18);

    margin: 0 8px;

    cursor: pointer;

}



.proXqChange h5.on {

    background: #da251c;

    color: #fff;

}



.proXqCs_tableWarp {

    position: relative;

}



.proXqCs_tableWarp img {

    width: 100%;

}



.proXqCs_table {

    display: none;

}



.proXqCs_table:first-child {

    display: block;

}



.proXqCs_table table {

    width: 100%;

    border-collapse: collapse;

    border-spacing: 0px;

    margin-bottom: 30px;

}



.proXqCs_table thead tr {

    background: #da251c;

    text-align: center;

}



.proXqCs_table thead th {

    color: #fff;

    font-size: 18px;

    padding: 15px 10px;

    border: 1px solid rgba(255, 255, 255, 0.1);

}



.proXqCs_table tbody tr {

    background: #fff;

    text-align: center;

}



.proXqCs_table tbody td {

    color: #333;

    font-size: 16px;

    padding: 15px 10px;

    border: 1px solid rgba(0, 0, 0, 0.1);

}



/* == */





.proXqHj {

    background: #f6f8fa;

}



.proXqHj p {

    width: 80%;

    font-size: 18px;

    line-height: 2;

    margin-bottom: 20px;

}



.proXqHjBox {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.proXqHj_text {

    width: 45%;

}



.proXqHj_img {

    width: 50%;

    border-radius: 12px;

}



.proXqHj_img img {

    width: 100%;

    border-radius: 12px;

}





/* ======================================================================= about */





.abJj {

    padding-bottom: 30px !important;



    position: relative;



}







/* == */



.abVidBox {

    position: relative;

}



.abVidBox::after {

    content: '';

    width: 1px;

    height: 100%;

    position: absolute;

    left: 7%;

    top: 0;

    border-left: 1px solid rgb(0 0 0 / 18%);

}



.abVidImg {

    padding-top: 40%;

}



.abVidImg img {

    transform: scale(0.8);

    z-index: 2;

}



.abVid_bf {

    display: flex;

    align-items: center;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 2;

}



.abVid_bf img {

    width: 90px;

    margin-right: 15px;

}



.abVid_bf p {

    color: #fff;

    font-size: 20px;

}





/* == */



.abWh {

    padding-left: 7% !important;

    position: relative;

    background: #f6f8fa;

    /* background: url(../images/abWh_bg.jpeg) no-repeat;

    background-size: cover; */

    /* background-attachment: fixed; */

}



.abWh::before {

    content: '';

    width: 1px;

    height: 100%;

    border-left: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    top: 0;

    z-index: 2;

}





.abWhXq {

    width: 100%;

    display: flex;

    justify-content: space-between;

}





.abWhLi {

    flex: 1;

    margin: 0 3px;

    padding: 60px 40px 260px;

    border-radius: 12px;

    /* border: 1px solid rgba(255, 255, 255, .2);

                        border-left: none;

                        border-bottom: none; */

    background: #fff;

    position: relative;

    overflow: hidden;

    cursor: pointer;

    transition: all .68s;

}







.abWhImg {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

}





.abWhLi span {

    font-size: 24px;

    color: #fff;

    display: block;

    margin-bottom: 20px;

    position: relative;

    z-index: 2;

}



.abWhLi p {

    color: rgba(255, 255, 255, .8);

    font-size: 16px;

    min-height: 105px;

    position: relative;

    z-index: 2;

}



.abWhLi.blue span {

    color: #da251c;

}



.abWhLi.blue p {

    color: #da251c;

}



.abWhLi a {

    width: 30px;

    height: 30px;

    position: absolute;

    right: 40px;

    bottom: 40px;

}



.abWhLi a svg {

    width: 100%;

    height: 100%;

}



.abWhLi a svg path {

    stroke: #fff;

}



/*  */



.abWhLi.on {

    flex: 3;

}



/* .abWhLi.on span {

    color: #da251c;

} */





/* == */



.abRyu {



    padding-bottom: 0 !important;

    position: relative;

}



.abRyu .inner {

    padding-left: 7% !important;

}



.abRyu::before {

    content: '';

    width: 1px;

    height: 100%;

    border-left: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    top: 0;

    z-index: 2;

}



.abRyuBut {

    display: flex;

    align-items: center;

    justify-content: center;

    padding-bottom: 120px;

}



.abRyuBut a {

    margin-left: 15px;

    cursor: pointer;

    transition: all 0.48s;

}



.abRyuBut a img {

    position: initial;

    width: 40px;

}



.abRyuBox {

    margin-top: 220px;

    background: #031f45;

    padding: 0 5% 0 12%;

}



.abRyuBox .swiper-container {

    transform: translateY(-160px);

    margin-bottom: -80px;

}



.abRyuItem {

    background: #da251c;

    padding: 12px;

}



.abRyuImg {

    padding-top: 106%;

    padding-top: 138%;

    /* margin-bottom: 20px; */

}



/* .abRyuImg img {

    object-fit: contain;

} */



.abRyuItem p {

    text-align: center;

    font-size: 18px;

    font-weight: 500;

}



.abRyu .Tit {

    align-items: flex-start;

}



.abRyu_more {

    width: 60%;

}



.abRyu_more p {

    margin: 0 0 40px;

}



.abRyuBut .swiper-pagination {

    width: auto;

    position: initial;

    display: flex;

    align-items: center;

    font-size: 24px;

    color: #fff;

    margin: 0 40px;

}



.abRyuBut .swiper-pagination span {

    font-size: 24px;

    color: #fff;

}



/* == */



.about_body #r6 {

    padding-left: 7%;

    position: relative;

    background: url(../images/abHis_bg2.jpg) no-repeat;

    background-size: cover;

}



.about_body #r6::before {

    content: '';

    position: absolute;

    left: 53.5%;

    top: 0;

    width: 1px;

    height: 100%;

    background-color: rgba(255, 255, 255, 0.18);

}



.about_body #r6::after {

    content: '';

    width: 1px;

    height: 100%;

    border-left: 1px solid rgba(255, 255, 255, 0.18);

    position: absolute;

    left: 7%;

    top: 0;

    z-index: 2;

}



.about_body #r6 .vh_full {

    border-bottom: 1px solid rgba(255, 255, 255, 0.18);

    position: relative;

}



#r6 .Tit {

    position: absolute;

    left: 5%;

    top: 100px;

}



/*  */



.abo_left {

    display: flex;

    flex-direction: column;

    justify-content: center;

    position: relative;

    transition: all .68s;

}



.abHisText {

    padding-left: 200px;

    position: relative;

    z-index: 2;

}



.abHisText p {

    font-size: 24px;

    color: rgba(255, 255, 255, 0.4);

}



/* .swiper-slide.active .abo_left {

                        height: 50vh;

                    } */



/* .swiper-slide.active .abHisImg {

                        opacity: 1;

                    } */



.swiper-slide.active .abHisText p {

    color: #fff;

}



.about_body #r6 .v_time_box .swiper-container .abo_scr7_con .abo_right {

    padding-left: 120px;

}



.abHisText span {

    display: block;

    color: rgba(255, 255, 255, 0.4);

    font-size: 26px;

    margin-bottom: 10px;

}



.abHisText p {

    margin: 10px 0;

    padding-left: 25px;

    position: relative;

}



.abHisText p::after {

    content: '';

    width: 8px;

    height: 8px;

    border-radius: 50%;

    border: 2px solid rgba(255, 255, 255, 0.4);

    position: absolute;

    left: 0;

    top: 14px;

}



.swiper-slide.active .abHisText span {

    color: #fff;

}



.swiper-slide.active .abHisText p::after {

    border-color: #fff;

}



/* == */



/* < !-- 厂房设备 --> */



.abSb {

    padding-left: 7% !important;

    position: relative;

}



.abSb::before {

    content: '';

    width: 1px;

    height: 100%;

    border-left: 1px solid rgba(0, 0, 0, 0.18);

    position: absolute;

    left: 7%;

    top: 0;

    z-index: 2;

}





.abSbBut {

    display: flex;

    align-items: center;

}



.abSbBut a {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgb(9 52 131 / 18%);

    margin-left: 15px;

    cursor: pointer;

    transition: all 0.48s;

}



.abSbBut a img {

    position: initial;

    width: 40%;

}



.abSbBut a:hover {

    background: #da251c;

}



.abSbBox {

    padding-left: 5%;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.abSbUl {

    width: 20%;

    position: relative;

    z-index: 2;

}



.abSbUl h5 {

    white-space: nowrap;

    color: #da251c;

    text-transform: uppercase;

    font-size: 80px;

    font-weight: 600;

    line-height: 1;

}



.abSbLi {

    padding: 30px 0;

    border-bottom: 1px solid #dcdcdc;

    position: relative;

    cursor: pointer;

}



.abSbLi span {

    color: #666;

    font-size: 24px;

}



.abSbLi::after {

    content: '';

    width: 0%;

    height: 2px;

    border-bottom: 2px solid #da251c;

    position: absolute;

    left: 0;

    bottom: -1px;

    transition: all .68s;

}



.abSbLi.on::after {

    width: 140%;

}



.abSbLi.on span {

    color: #333;

    font-weight: 500;

}



/*  */



.abSbWarp {

    width: 75%;

    margin: 0;



    width: 100%;

}



.abSbImg {

    padding-top: 58%;

    border-radius: 12px;

}



.abSbItem p {

    font-size: 20px;

}









/* ================================================================ 公共新增 */



/* 语言展开 */



.hLan {

    position: relative;

    cursor: pointer;

}



.hLanZk {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    width: 120px;

    top: 150%;

    border-radius: 6px;

    background: rgba(255, 255, 255, 0.8);

    box-shadow: 0 0 10px rgb(8 52 131 / 18%);

    display: none;

}



.hLanZk a {

    font-size: 14px;

    text-transform: uppercase;

    line-height: 36px;

    color: #666;

    white-space: nowrap;

    display: block;

    text-align: center;

    border-bottom: 1px solid rgb(0 0 0 / 5%);

    transition: .4s;

}



.hLanZk a:last-child {

    border-bottom: none;

}



.hLanZk a:hover {

    color: #da251c;

}





/* pc导航展开 */

.menu_s {

    cursor: pointer;

}



.menu.active {

    border-right: 1px solid rgb(0 0 0 / 18%);

}



.menu.active span {

    background: #333 !important;

    transition: all .48s;

}



.menu.active span:nth-child(1) {

    transform: rotate(45deg) translate(6px, -7px);

}



.menu.active span:nth-child(2) {

    opacity: 0;

}



.menu.active span:nth-child(3) {

    transform: rotate(-45deg) translate(-6px, -7px);

}



.menuZk {

    position: fixed;

    top: 0;

    padding: 120px 3% 0 10%;

    left: 0;

    width: 100%;

    height: 100%;

    background: #fff url(../public/home/images/bg3.png) no-repeat right center;

    z-index: 6;

    transition: clip-path 0.6s, -webkit-clip-path 0.6s;

    -webkit-clip-path: ellipse(0 0 at 100% 0);

    clip-path: ellipse(0 0 at 100% 0);

    pointer-events: none;

}



.menuZk.active {

    -webkit-clip-path: ellipse(141% 141% at 100% 0);

    clip-path: ellipse(141% 141% at 100% 0);

    pointer-events: auto;

}



.menuSs {

    width: 60%;

    display: flex;

    align-items: center;

    padding-top: 36px;

    border-bottom: 1px solid #ddd;

    padding-bottom: 20px;

}



.menuSs svg {

    width: 25px;

    height: 25px;

}



.menuSs input {

    width: 80%;

    margin-left: 20px;

    background: none;

    font-size: 18px;

}



.menuSs input::placeholder {

    color: #999;

    font-size: 18px;

}



/*  */

.menuNav {

    margin-top: 120px;

}



.menuNav ul {

    display: flex;

    justify-content: space-between;

}



.menuNav ul li a {

    display: block;

    font-size: 16px;

    color: #999;

    margin-bottom: 20px;

}



.menuNav ul li a span {

    font-size: 24px;

    color: #333;

    font-weight: 500;

}



.menuBot {

    margin-top: 10vh;

    padding-top: 70px;

    border-top: 1px solid #ddd;



    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.menuBot .left {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.menuBot .left p {

    margin-right: 50px;

    color: #999;

}



.menuBot .left p svg {

    width: 20px;

    height: 20px;

    vertical-align: middle;

    margin-right: 10px;

}



.menuBot .right>div,

.menuBot .right span,

.menuBot .right a {

    color: #999;

}



@media (max-width: 1680px) {

    .menuNav ul li a span {

        font-size: 20px;

    }

}



@media (max-width: 1480px) {

    .menuNav {

        margin-top: 60px;

    }



    .menuNav ul li a span {

        font-size: 18px;

    }



    .menuNav ul li a {

        font-size: 14px;

        margin-bottom: 15px;

    }



    .menuBot {

        padding-top: 40px;

    }



    .menuBot .left p,

    .menuBot .right>div,

    .menuBot .right span,

    .menuBot .right a {

        font-size: 12px;

    }

}



@media (max-width: 1024px) {

    .menuZk.active{

        display: none;

    }

}



/* ================================================================ 产品详情修改 */



.proTjBox {

    display: flex;

    justify-content: space-between;

}



.proTjNav {

    width: 200px;

    padding-right: 50px;

}



.proTjNav span {

    display: block;

    font-size: 18px;

    padding: 10px 0;

    text-align: center;

    border-radius: 8px;

    border: 1px solid rgba(0, 0, 0, .18);

    margin-bottom: 15px;

    cursor: pointer;

}



.proTjNav span.on {

    background: #da251c;

    color: #fff;

    border-color: #da251c;

}



.proTjXq {

    width: calc(100% - 200px);

    padding-left: 50px;

    border-left: 1px solid rgba(0, 0, 0, .18);

}



.proTjItem {

    display: none;

}



.proTjItem:first-child {

    display: block;

}



.proTj_bt {

    padding-bottom: 25px;

    margin-bottom: 30px;

    border-bottom: 1px solid rgba(0, 0, 0, .18);

}



.proTj_bt span {

    font-size: 24px;

    font-weight: 500;

}



.proTj_p p {

    padding-left: 20px;

    font-size: 16px;

    color: #da251c;

    position: relative;

    margin: 5px 0;

}



.proTj_p p::before {

    content: '';

    width: 14px;

    height: 14px;

    background: #da251c;

    position: absolute;

    left: 0;

    top: 5px;

}



@media (max-width: 1480px) {



    .proXqJj_text b {

        font-size: 32px;

    }



    .proXqJj_text .More {

        margin-top: 40px;

    }



    .proTjNav span {

        font-size: 16px;

    }



    .proXqJj {

        padding: 0 5% 100px;

    }

}



@media (max-width: 1368px) {

    .proXqJj_text span {

        font-size: 20px;

        margin-bottom: 10px;

    }



    .proXqJj_text b {

        font-size: 26px;

    }

}



@media (max-width: 1024px) {



    .proXqJj_text span {

        font-size: 18px;

        margin-bottom: 5px;

    }



    .proXqJj_text b {

        font-size: 20px;

    }



    /*  */



    .proTjNav {

        width: 180px;

    }



    .proTjNav span {

        font-size: 14px;

    }



    .proTjXq {

        width: calc(100% - 180px);

    }



    .proTj_bt {

        padding-bottom: 15px;

        margin-bottom: 20px;

    }



    .proTj_p p {

        font-size: 14px;

        padding-left: 15px;

    }



    .proTj_p p::before {

        top: 6px;

        width: 10px;

        height: 10px;

    }

}



@media (max-width: 768px) {

    .proTjNav {

        width: 140px;

        padding-right: 30px;

    }



    .proTjXq {

        width: calc(100% - 140px);

        padding-left: 30px;

    }



    .proTjNav span {

        padding: 6px 0;

    }

}



@media (max-width: 680px) {



    .proTjBox{

        flex-wrap: wrap;

    }



    .proTjNav {

        width: 100%;

        padding-right: 0;

        display: flex;

    }



    .proTjNav span {

        font-size: 14px;

        padding: 6px 10px;

        margin-right: 10px;

    }



    .proTj_bt span {

        font-size: 20px;

    }



    .proTj_bt {

        padding-bottom: 10px;

        margin-bottom: 15px;

    }



    .proTjXq {

        width: 100%;

        padding-left: 0;

        border: none;

    }

}





/* === */

.proXqItem {

    padding: 60px 5%;

}



.proXqTd {



    background: #f6f8fa;

}



.proXqTd_p p {

    padding-left: 20px;

    font-size: 16px;

    color: #da251c;

    position: relative;

    margin: 5px 0;

}



.proXqTd_p p::before {

    content: '';

    width: 14px;

    height: 14px;

    background: #da251c;

    position: absolute;

    left: 0;

    top: 5px;

}





  .header ul li{

                        height: 90px;

                    }

                    .header.headerMain-bg ul li.on a,

                    .header.white ul li.on a {

                        color: #da251c;

                    }



                    .navZk {

                        width: 100vw;

                        padding: 30px 8%;

                        background: #fff;

                        position: absolute;

                        left: 0;

                        top: 100%;

                        box-shadow: 0 0px 10px rgba(0, 0, 0, 0.08);



                        display: none;

                    }



                    .navZkBox {

                        display: flex;

                        flex-wrap: wrap;

                    }



                    .navZkUl {

                        width: 100%;

                        display: flex;

                        justify-content: center;

                        align-items: center;

                    }



                    .navZkUl a {

                        color: #333 !important;

                        display: flex;

                        align-items: center;

                        font-size: 16px;

                        font-weight: 500 !important;

                        margin: 0 40px;

                    }



                    .navZkUl a img {

                        width: 24px;

                        margin-right: 10px;

                    }



                    .navZkUl a:hover{

                        color: #da251c !important;

                    }



                    /*  */







                    .navZkR {

                        width: 100%;

                        display: flex;

                    }



                    .navZkImg {

                        width: 25%;

                        padding-top: 16%;

                        overflow: initial;

                    }



                    .navZkImg i {

                        display: block;

                        width: 1px;

                        height: 90%;

                        border-left: 1px solid rgba(0, 0, 0, 0.08);

                        position: absolute;

                        right: 0;

                        top: 5%;

                    }



                    .navZkImg:last-child i{

                        display: none;

                    }



                    .navZkImg img {

                        width: 70%;

                        height: 70%;

                        left: 15%;

                        top: 5%;

                        object-fit: contain;

                        z-index: 3;

                    }





                    .navZkImg p {

                        font-weight: 500;

                        width: 100%;

                        padding: 0 10%;

                        text-align: center;

                        position: absolute;

                        left: 0;

                        bottom: 2%;

                        z-index: 3;

                    }



                    .navZkImg:hover img{

                        transform: scale(1.1);

                    }

                    .navZkImg:hover p{

                        color: #da251c;

                    }





@media (max-width: 640px)

{

	.padd2 { padding: 30px 0;}

	.banText{    top: 60%;}

	.tz-gallery img{    height: 130px;}

	.indAb_p img{width:100%}

	.sidebar-widget{border:none; padding: 0px}

	.item-pic__box {width: 100%; margin: 0;}

	.list_box_n_news li{width:100%}

	.onePorfile .t1{font: 20px / 1.4 "microsoft yahei";}

	.down_load a{    height: 9vw;    line-height: 9vw;}

	.down_load .L{    width: 85%;}

	.down_load .R{ width: 12%;}

	.down_load .L p img {width: 10%;}

	.down_load .L p{    text-indent: 0;}

	.contact_btm{    flex-wrap: wrap;}

	.contact_info .titbar{    padding: 10px 0; position: relative;font-size: 22px; margin-bottom: 10px;}

	.contact_code{    margin-left: inherit;}



}