@charset "utf-8";

/* CSS Document */
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Helvetica Neue','Helvetica','PingFang SC','Microsoft YaHei', 'Microsoft YaHei UI', 'Source Han Sans CN', 'Source Han Serif CN', 'SimSun', 'SimHei', 'Arial';
}

html {
    font-size: calc(100vw/19.2);
}



ul,
li,
h1,
h2,
h3,
p {
    padding: 0;
    margin: 0;
    list-style: none
}

a {
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex-el {
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    display: flex;
    /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.tel { margin-right: 0.35rem; position: relative; z-index: 0;
    font-size: 0.24rem;
    color: #fff;
    padding-left: 0.32rem;
    background: url(../images/tel.png) left center / 0.19rem no-repeat;
    float: left;
}

.tel2 {margin-right: 0.2rem; position: relative; z-index: 0;
    font-size: 16px;
    color: #fff;
    float: left;
	}
.tel2 .telPic { display: inline-block; position: relative; z-index: 1; width: 0.48rem; height: 0.48rem;
	display: block; background:#001ea3 url(../images/tel.png) center center / 0.19rem no-repeat;
	-moz-border-radius:0.24rem; -webkit-border-radius:0.24rem; border-radius:0.24rem;}
.tel2 .telNum { width: 0; top: 0; right: 0.24rem; display: block; position: absolute; z-index: 0;
background:#001ea3; color: #fff; text-align: left; text-indent: 1.5em;
   height: 0.48rem; overflow: hidden; transition: all 1s;
   
   -moz-border-top-left-radius:0.24rem;
   -webkit-border-top-left-radius:0.24rem; 
   border-top-left-radius:0.24rem;
   
   -moz-border-bottom-left-radius:0.24rem;
   -webkit-border-bottom-left-radius:0.24rem; 
   border-bottom-left-radius:0.24rem;
}
.tel2:hover .telNum { font-size: 1em; width: 10.5em;}
@media (max-width: 1440px) {
   .tel2:hover .telNum  { font-size: 12px;}
}

.header {
    width: 100%;
    height: 1.2rem;
    line-height: 0.48rem;
    /* padding: 0.36rem 0; */
    position: fixed;
    left: 0;
    top: 0;
    z-index: 12;
    background: transparent;
    transition: all ease-in 0.5s; 
}

.header img {
    vertical-align: middle;
}

.header-inner {
    padding: 0 0.6rem;display: flex; align-items: center; justify-content: space-between;
}

.logo {
    float: left;
}

.logo img {
    width: 2.94rem;
}

.logo-black {
    display: none;
}

.logo-white {
    display: block;
}

.header .nav { float: right; font-size: 18px; color: #fff;}
.header .nav>ul { display: flex; margin-right: 0.8rem; }
.header .nav>ul>li { line-height: 1.2rem; position: relative; z-index: 0; margin: 0 0.22rem;}
.header .nav a { color: #fff;}
.header .nav .h-sub-nav { 
	display: none;
position: absolute; left:-1.2em; top: 1.2rem; background-color: #fff;
 font-size: 16px; width: 12em; line-height: 3em;}
.header .nav .h-sub-nav a {padding: 0 1.2em;  display: block; color: #666;}
.header .nav .h-sub-nav a:hover { color: #fff; background-color: #001ea3;}
.header .nav .h-sub-nav li { padding: 0; margin: 0; list-style: none; border-top:1px solid #f2f2f2 ;}
/* .header .nav>ul>li:hover .h-sub-nav { 
 display: block;} */
 .header .nav>ul>li:hover>a { color: #001ea3;}

@media (max-width: 1440px) {
.header .nav .h-sub-nav { font-size: 12px;}	
}
.header.fixed .nav { color: #333;}
.header.fixed .nav a { color: #333;}
@media (max-width: 1340px) {
.header .btn {font-size: 0.2rem;}
.header .lan { font-size: 0.24rem;}
.header .nav { font-size: 0.24rem;}
.header .nav>ul { margin-right: 0.4rem;}
.header .nav>ul>li { margin: 0 0.18rem;}
}
@media (max-width:890px) {

.header .nav>ul { margin-right: 0.3rem;}
.header .nav>ul>li { margin: 0 0.1rem;}
}
@media (max-width: 768px) {
   .header .nav  { display: none;}
}

.right-part {
    float: right; display: flex; justify-content: flex-start; align-items: center;
}

.select-language {
    float: left;
    margin: 0 0.35rem;
}

.select-language .info {
    border-radius: 0.24rem;
    width: 1.96rem;
    height: 0.48rem;
    font-size: 16px;
    color: #666666;
    line-height: 0.44rem;
    background: url(../images/earth.png) 0.22rem center / 0.2rem no-repeat, url(../images/arrow.png) 1.6rem center / 0.12rem no-repeat;
    background-color: #fff;
    display: block;
    padding: 0 0.38rem 0 0.52rem;
    box-sizing: border-box;
    transition: all ease-in 0.3s;
    border: 1px solid #fff;
}

@media (max-width: 1120px) {
    .select-language .info {
        width: 2rem;
    }
}

@media (max-width: 768px) {
    .tel {
        display: none;
    }

    .select-language {
        display: none;
    }

    .apply-btn {
        display: none;
    }
}

.select-language:hover .info {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.drop-ul {
    /* width: 0; */
    height: 0;
    overflow: hidden;
    background-color: #f8f8f8;
    transition: all ease-in 0.3s;
    border-bottom-left-radius: 0.24rem;
    border-bottom-right-radius: 0.24rem;
    border-top-left-radius: 0.24rem;
    border-top-right-radius: 0.24rem;
}

.drop-ul ul {
    padding: 0.13rem 0;
}

.drop-ul li {
    line-height: 0.3rem;
    height: 0.3rem;
}

.drop-ul li a {
    color: #999999;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.drop-ul li.active a,
.drop-ul li:hover a {
    color: #0c1f6b;
}

.select-language:hover .drop-ul {
    /* width: 196px; */
    height: 0.88rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn {
    padding: 0.15rem 0.38rem;
    font-size: 16px;
    color: #666;
    border: none;
    border-radius: 0.24rem;
    text-align: center;
    line-height: 0.18rem;
    background-color: #fff;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
}

.btn:hover {
    color: #0c1f6b;
}

.btn-blue {
    background-color: #001ea3;
    border-color: #001ea3;
    color: #fff;
}

.btn-blue:hover {
    color: #fff;
}

.btn-transparent {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff; transition: all 0.5s;
}

.btn-transparent:hover {
	border: 1px solid #001ea3;
    background-color: #001ea3;
    color: #fff;
}

.gray-btn {
    background-color: #f4f5f6;
    font-size: 16px;
    color: #666666;
}

.apply-btn {
    float: left;
    margin-right: 0.35rem;
    border: 1px solid #fff;
}

.apply-btn.blue {
    background-color: #001ea3;
    border-color: #001ea3;
    color: #fff;
}

.apply-btn.blue:hover {
    color: #fff;
}

.menu { display: none;
    float: left;
    margin-top: -0.13rem;
}

.menu .black {
    display: none;
}

.menu .white {
    display: inline;
}
@media (max-width: 768px) {
	.menu{ display: block;}
}
.header.fixed .menu .black {
    display: inline;
}

.header.fixed .menu .white {
    display: none;
}
.header .lan { font-size: 18px; float: left; color: #fff;}
.header .lan a { color: #fff;}
.header .lan a:hover { color: #001ea3;}
.header.fixed .lan {color: #001ea3;}
.header.fixed .lan a {color: #001ea3;}

.mouse-wrapper {
    position: absolute;
    width: 100%;
    height: 66vh;
}

.mouse-box {
    font-size: 16px;
    color: #fff;
    padding-bottom: 0.5rem;
    background: url(../images/mouse.png) bottom center / 0.24rem no-repeat;
    text-align: center;
    position: absolute;
    bottom: 0.4rem;
    left: 0;
    right: 0;
}

.header.fixed {
    background: #fff;
    border-bottom: 1px solid #efefef;
}

.header.fixed::after {
    /* content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #f4f4f4;
    transform: scaleY(0.5); */
}

.header.fixed .select-language .info,
.header.fixed .apply-btn {
    border: 1px solid #ddd;
}

.header.fixed .apply-btn.blue {
    border-color: #001ea3;
}

.header.fixed .logo-black {
    display: block;
}

.header.fixed .logo-white {
    display: none;
}

.header.fixed .tel {
    color: #666;
    background: url(../images/tel2.png) left center / 0.19rem no-repeat;
}

.section {
    width: 100%;
    position: relative;
}

.bg-1 {
    width: 100%;
    height: 100vh;
    background: no-repeat;
    background-size: cover;
}

.ibox3 {
    width: 100%;
    position: relative;
    background: #fff;
    height: 300vh;
}

@media (max-width: 500px) {
    .ibox3 {
        height: 150vh;
    }
}

.ibox3 .tbox {
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0;
    z-index: 5;
    /* background: #fff; */
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
    transition: all ease-in 0.5s;
    padding-top: 34vh;
}

.ibox3 .tbox .title {
    font-size: 1.32rem;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    background-image: url(../images/bg2.jpg);
    background-size: 100vw auto;
    display: inline-block;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-position:center center;
	background-attachment:fixed ;
    background-repeat: no-repeat;
    white-space: nowrap;
}

.ibox3 .tbox .txt {
    width: 100%;
    padding: 0 5%;
    font-size: 0.5rem;
    line-height: 0.68rem;
    color: #fff;
    text-align: center;
    margin-top: 0.3rem;
}
.ibox3 .tbox .txt p span { font-size: inherit !important;}

.ibox3 .tbox .txt2 {
    font-size: 20px;
}

.ibox3 .video {
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0;
    margin-top: -50vh;
    z-index: 1;
}
.ibox3 .video .txt { position: absolute; z-index: 100; left: 4.74rem; top: 50%; right: 4.74rem;
 text-align: center; font-weight: bold;
 font-size: 0.5rem; color: #fff; line-height: 1.6; opacity: 0; transition: all 2s;}

@media (max-width: 500px) {
    .ibox3 .video {
        margin-top: -80vh;
    }
}

.ibox3 .video img {
    position: absolute; z-index: 0; left: 0; top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.ibox3 .video video { 
    position: absolute; z-index: 1; left: 0; top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.float-circle {
    width: 100%;
    height: 66vh;
    position: absolute;
}

.float-circle .layer {
    position: absolute;
    /* left: 0;
    top: 0; */
    /* margin-left: -300px;
    margin-top: -20%; */
    /* width: 638px;
    height: 638px; */
    border-radius: 100%;
    /* background-image: -webkit-linear-gradient(
90deg, rgb(213,224,217) 0%, rgb(255,255,255) 100%);
    opacity: 0.2; */
    z-index: 5;
}

.float-circle .layer img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.circle-1 {
    width: 0.38rem;
    height: 0.38rem;
    margin-top: -1%;
    margin-left: 17%;
}

.circle-2 {
    width: 0.5rem;
    height: 0.5rem;
    margin-left: 24%;
    margin-top: -8%;
}

.circle-3 {
    width: 0.38rem;
    height: 0.38rem;
    margin-top: 13%;
    margin-left: 57%;
}

.circle-4 {
    width: 0.88rem;
    height: 0.88rem;
    margin-top: 2%;
    margin-left: 76.5%;
}

.circle-5 {
    width: 0.26rem;
    height: 0.26rem;
    margin-top: 3%;
    margin-left: 82%;
}

.section2 {
    padding-bottom: 1.2rem;
    padding-top:1rem;
}

.section2 .title {
    font-size: 0.46rem;
    color: #333;
    text-align: center;
    margin-bottom: 0.5rem;
}

.section2 .sm-title {
    font-size: 0.18rem;
    margin: 0 0 0.1rem;
}

.section2 .products-swiper-box .more { margin-top: 0.7rem;}

.products-swiper-box {
    width: 100%;
}

.products-swiper-box .inner {
    width: 77%;
    margin: 0 auto;
    position: relative;
}

.product-item a {
    display: block;
    position: relative;
    overflow: hidden;
}

.product-item .img-center {
    width: 100%;
    height: 100%; display: block;
    object-fit: cover;  transition: all 0.5s;
}
.product-item .img-center:hover {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.product-item .img { position: relative; z-index: 0; overflow: hidden; margin-bottom: 0.24rem;}
.product-item .img_s { position: absolute; bottom: 0; right: 0; border-top: 1px solid #fff;
 border-left: 1px solid #fff; background-color: #fff;
width: 34%; padding-top: 23.8%; cursor: pointer;}
.product-item .img_s img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover; display: block;}

.product-item .title-1 {
    font-size: 0.24rem;
    color: #333333;
    margin-bottom: 0.1rem;
}

.product-item .title-2 {
    font-size: 0.16rem;
    color: rgba(0, 0, 0, .6);
}

.products-swiper-box .swiper-button-next,
.products-swiper-box .swiper-button-prev {
    background: #001ea3;
    border-radius: 50%;
    width: 0.56rem;
    height: 0.56rem;
    color: #999999;
}

.products-swiper-box .swiper-button-prev {
    left: -0.8rem;
}

.products-swiper-box .swiper-button-next {
    right: -0.8rem;
}

.products-swiper-box .swiper-button-next::after,
.products-swiper-box .swiper-button-prev::after {
    /* font-size: 20px; */
    content: '';
    width: 0.19rem;
    height: 0.09rem;
}

.products-swiper-box .swiper-button-next::after {
    background: url(../images/next-white.png) center center / 0.19rem no-repeat;
}

.products-swiper-box .swiper-button-prev::after {
    background: url(../images/prev-white.png) center center / 0.19rem no-repeat;
}

.products-swiper-box .swiper-button-next.swiper-button-disabled,
.products-swiper-box .swiper-button-prev.swiper-button-disabled {
    background-color: #f3f3f3;
    opacity: 1;
}

.products-swiper-box .swiper-button-next.swiper-button-disabled::after {
    background: url(../images/next-gray.png) center center / 0.19rem no-repeat;
}

.products-swiper-box .swiper-button-prev.swiper-button-disabled::after {
    background: url(../images/prev-gray.png) center center / 0.19rem no-repeat;
}

.product-item .text {
    background: url(../images/arrow-right.png) right 0.2rem / 0.19rem no-repeat;
    position: relative;
    padding-bottom: 0.28rem;
}

.product-item .text::before {
    content: '';
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    bottom: 0;
}

.product-item .text::after {
    content: '';
    width: 0;
    border-bottom: 2px solid #001ea3;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all ease 0.4s;
}

.product-item a:hover .text {
    background: url(../images/arrow-right-on.png) right 0.2rem / 0.19rem no-repeat;
}

.product-item a:hover .text::after {
    width: 100%;
}

.products-swiper-box .more {
    text-align: center;
}
.btn-w { width: 100%; display: flex; justify-content: flex-end;}
.btn-w .btn-more { margin: 0 0 0 auto;}
.btn-more {
    background-color: #001ea3;
    color: #fff;
}

.btn-more:hover {
    color: #fff;
}

.cursor {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    display: block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cursor__point-zero {
    position: relative;
    width: 0;
    height: 0
}

.cursor__container {
    position: absolute;
    left: -100px;
    top: -100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    height: 200px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cursor__circle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 50px;
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-radius: 100px;
    background-color: #001ea3;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out, height .4s cubic-bezier(.339, -.18, .228, 1.656), width .4s cubic-bezier(.339, -.18, .228, 1.656);
    transition: opacity .3s ease-in-out, height .4s cubic-bezier(.339, -.18, .228, 1.656), width .4s cubic-bezier(.339, -.18, .228, 1.656)
}

.cursor__arrow {
    width: 10px;
    height: 12px;
    margin-right: 4px;
    margin-left: 4px;
    -webkit-transition: margin .4s cubic-bezier(.339, -.18, .228, 1.656);
    transition: margin .4s cubic-bezier(.339, -.18, .228, 1.656)
}

.cta__heading {
    margin-bottom: 45px;
    font-size: 30px
}

.cursor {
    pointer-events: none
}

.cursor__circle {
    width: 0px;
    height: 0px;
    opacity: 0;
}

.cursor.cursor__active .cursor__circle {
    width: 100px;
    height: 100px;
    opacity: 1;
    font-size: 16px;
    color: #fff;
}

.cursor.cursor__active .cursor__circle.cursor__circle__drag {
    width: 120px;
    height: 120px;
}

.cursor.cursor__active .cursor__circle.cursor__circle__drag .cursor__arrow {
    margin: 0 10px;
}

@media screen and (max-width: 991px) {
    .cursor {
        display: none;
    }
}

.section3 {
    width: 100%;
    background: url(../images/bg3.png) no-repeat;
    background-size: cover;
    padding: 0.72rem 0 0.96rem;
}

.section3 .inner {
    width: 77%;
    margin: 0 auto;
    position: relative;
}

.section3-top {
    display: flex;
    justify-content: space-between;
    height: 0.8rem;
}

@media (max-width: 786px) {
    .section3-top {
        flex-direction: column;
        /* height: 1.8rem; */
		height: auto
    }
}
.section3-title {display:none}
.section3-title-active { display: block;}
.section3-title .t1 {
    font-size: 18px;
    color: #001ea3;
    padding-left: 0.35rem;
    margin-bottom: 0.06rem;
    background: url(../images/website.png) left center / 0.23rem no-repeat;
}

.section3-title .t2 {
    font-size: 0.36rem;
    color: #000;
}

.section3-tab {
    line-height: 0.18rem;
}

.section3-tab li {
    display: inline-block; margin-left: 0.3rem;
}

.section3-tab li a {
    font-size: 18px;
    color: rgba(0, 0, 0, .4);
}

.section3-tab li.active a {
    color: #001ea3;
}


.third-swiper { margin-top: 0.5em;}

.third-swiper-next,
.third-swiper-prev {
    /* background: #001ea3;
    border-radius: 50%; */
    width: 0.41rem;
    height: 0.41rem;
    color: #999999;
}

.third-swiper-prev {
    left: -0.8rem;
}

.third-swiper-next {
    right: -0.8rem;
}

.third-swiper-next::after,
.third-swiper-prev::after {
    content: '';
    width: 0.41rem;
    height: 0.2rem; display: block;
}

.third-swiper-next::after {
    background: url(../images/third-right2-on.png) center center / 0.41rem no-repeat;
}

.third-swiper-prev::after {
    background: url(../images/third-left2-on.png) center center / 0.41rem no-repeat;
}

.third-swiper-next.swiper-button-disabled,
.third-swiper-prev.swiper-button-disabled {
    /* background-color: #f3f3f3; */
    opacity: 1;
}

.third-swiper-next.swiper-button-disabled::after {
    background: url(../images/third-right2.png) center center / 0.41rem no-repeat;
}

.third-swiper-prev.swiper-button-disabled::after {
    background: url(../images/third-left2.png) center center / 0.41rem no-repeat;
}
.third-swiper .swiper-slide { position: relative; z-index: 0;}
.third-swiper .txtList { position: absolute;
left: 0; bottom: 0; width: 100%; text-align: center;
   
}

.third-swiper .txtList li { display: inline-block; font-size: 18px; color: #333;
margin-right: 0.64rem;}

.third-swiper .txtList li:last-child { margin-right: 0;}
.third-swiper .txtList li::before { position: relative; top: -2px; width: 6px; height: 6px; display: inline-block;
content: ""; background-color: #999999; vertical-align: middle; margin-right: 0.2em;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.third-swiper .txtList li a { color: #333;}
.third-swiper .txtList li a:hover { color: #001ea3;}

.third-swiper .tipTxt { position: absolute; left: 50%; bottom: 4.5em; width: 100%;
 font-size: 16px; color: #aaa; width: 18em; margin-left: -9em;
 background: url(../images/mouse-gray.png) center bottom no-repeat;
 background-size:1.5em auto ; padding-bottom: 2.8em; text-align: center;}
@media (max-width: 786px) {
	.section3 {padding: 0.5rem 0 0.5rem}
	.third-swiper .txtList { margin-top: 0.3em; position: static; line-height: 1.5;}	
	.third-swiper .txtList li { display: block; font-size: 16px;margin-right: 0; text-align: left;}
	.third-swiper .tipTxt { margin-top: 0.8em; position: static; margin-left:auto ;}
	
	.section3-tab { margin-top: 0.2em;
	}
	
	.section3-tab li { margin-left: 0; margin-right: 0.3em;}
}
.section4 {
    display: block;
    overflow: hidden;
    padding: 0.95rem 7vw 1rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.h-projekte__item {
    width: 62vw;
    height:33.3vw;
    padding-right: 3vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.h-projekte__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    height: 100%
}

.h-projekte__container {
    overflow: visible;
    height: 100%
}

.p-hero__block {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.h-hero__heading {
    margin-bottom: 50px
}

.p-hero__block__top-container {
    position: relative;
    z-index: 20;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.p-hero__block__icon-container {
    position: relative;
    z-index: 20;
    overflow: hidden;
    width: 20px;
    height: 20px;
    margin-left: auto;
}

.p-hero__block__img-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: #1c1c1c
}

.p-hero__block__gradient {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-image: linear-gradient(202deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.p-hero__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: 100%;
    height: 100%;
    margin-right: auto;
    margin-left: auto
}

.p-hero__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    height: 100%
}

.p-hero__item {
    width: 65vw;
    padding-right: 3vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.p-hero__block__img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; transition: all 0.5s;
}
.p-hero__link-block:hover{
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.p-hero__link-block {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: 100%;
    height: 100%;
    padding: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box; transition: all 0.5s;
}

.p-hero__block__heading {
    position: relative;
    z-index: 20;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Gordita, sans-serif;
    color: #fff;
    font-size: 30px;
	 font-size: 0.3rem;
    line-height: 40px;
    font-weight: 300;
    letter-spacing: -.2px;
    text-decoration: none; font-weight: bold;
}

.p-hero__block__fact-heading {
    margin-bottom: 5px;
    font-family: Gordita, sans-serif;
    font-size: 10px;
    line-height: 12px;
	font-size: 0.1rem;
	line-height: 1.2;
    font-weight: 300;
    letter-spacing: .5px;
    text-transform: uppercase; color: #666; transition: all 0.5s;
}
.p-hero__block:hover .p-hero__block__fact-heading  {color: #fff;}

.inline {
    display: inline;
}

.p-hero__block__fact {
    margin-top: 10px;
    font-family: Gordita, sans-serif;
    color: #fff;
    font-size: 22px;
	font-size:0.22rem;
    line-height: 25px;
	line-height: 1.13;
    font-weight: bold;
}

.p-hero__block__bottom-container {
    position: relative;
    z-index: 20;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.p-hero__block__bottom-column {
    margin-right: 40px
}

.image-6,
.image-15 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.section4-bottom {
    position: relative;
    overflow: hidden;
    padding: 5% 0 0 0;
}

.index-latest-products-progressbar {
    width: 100%;
    height: 2px;
    background: #e5e5e5;
    top: auto;
    bottom: 0;
}

.index-latest-products-progressbar .swiper-pagination-progressbar-fill {
    background: #001ea3;
    height: 1px;
}

.section4-top {
    overflow: hidden;
    font-size: 0.36rem;
    color: #333;
    line-height: 0.56rem;
    margin-bottom: 0.5rem;
}

.section4-top .see-more {
    float: right;
    font-size: 16px;
    color: #333;
    padding: 0 0.4rem 0.02rem 0;
    background: url(../images/arrow-right.png) right 0.22rem / 0.19rem no-repeat;
    border-bottom: 1px solid #999;
}
.section4-top .see-more:hover {
	color: #001ea3;border-bottom: 1px solid #001ea3;
	background-image: url(../images/arrow-right-on.png);
}

.section5 {
    width: 100%;
    position: relative;
}

.section5 .inner {
    width: 77%;
    margin: 0 auto;
    position: relative;
}

.section5 .friends {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.section5 .lt {
    width: 35%;
    position: relative;
}

.section5 .lt .title {
    font-size: 0.24rem;
}

.section5 .rt {
    width: 65%;
}


.home-section3 .pag {
    margin: 0.3rem 0 0;
    position: relative;
    display: flex; flex-wrap: wrap;
   /* top:4.25rem; */
    left: 0;
    padding: 0;
    width: 100%;
}
.home-section3 .pag .pagItem { margin-right: 15px;}
.home-section3 .pag .pagItem span { margin: 0 auto;}
.home-section3 .pag .pagItem p{ margin-top: 0.6em; font-size: 16px;}
/* 
@media (max-width: 1681px) {
    .home-section3 .pag {
        bottom: 60px;
    }
}

@media (max-width: 1366px) {
    .home-section3 .pag {
        bottom: 30px;
    }
}
 */
@media (max-width: 1208px) {
    .home-section3 .pag {
        padding: 0 30px;
        /* display: none; */
        position: relative;
        width: 100%;
        /* bottom: 0; */
    }
}

@media (max-width: 991px) {
    .home-section3 .pag {
        padding: 34px 0;
        width: 100%;
        /* display: none; */
    }
}

@media (max-width: 767px) {
    .home-section3 .pag {
        justify-content: center;
    }
	.home-section3 .pag .pagItem p{ font-size: 14px;}

    .section5 .lt {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .section5 .rt {
        width: 100%;
    }
}

.home-section3 .pag span {
    background-color: transparent;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    opacity: 1;
    pointer-events: auto;
    position: relative;
    width: 30px;
    height: 30px;
    border: 2px solid #efefef;
    border-radius: 50%;
    margin-right:3.5em;
    cursor: pointer;
    box-sizing: border-box;
}

@media (max-width: 991px) {
    .home-section3 .pag span {
        font-size: 14px;
        width: 32px;
        height: 32px;
        border-width: 2px;
    }
}

.home-section3 .pag span:last-child {
    margin-right: 0;
}

.home-section3 .pag span .left,
.home-section3 .pag span .right {
    opacity: 0;
    width: 15px;
    height: 30px;
    position: absolute;
    left: -2px;
    top: -2px;
    overflow: hidden;
}

@media (max-width: 1199px) {

    .home-section3 .pag span .left,
    .home-section3 .pag span .right {
        width: 15px;
        height: 30px;
        left: -2px;
        top: -2px;
    }
}

.home-section3 .pag span .left:after,
.home-section3 .pag span .right:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 15px;
    height: 30px;
    border: 2px solid #001ea3;
    border-radius: 22px 0 0 22px;
    border-right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 1199px) {

    .home-section3 .pag span .left:after,
    .home-section3 .pag span .right:after {
        border-width: 2px;
        width: 15px;
        height: 30px;
        border-radius: 16px 0 0 16px;
    }
}

.home-section3 .pag span i {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #333;
}

.home-section3 .pag span .right {
    left: auto;
    right: -2px;
}

@media (max-width: 1199px) {
    .home-section3 .pag span .right {
        right: -2px;
    }
}

.home-section3 .pag span .right:after {
    content: "";
    position: absolute;
    display: block;
    border-radius: 0 22px 22px 0;
    border: 2px solid #001ea3;
    border-left: 0;
}

@media (max-width: 1199px) {
    .home-section3 .pag span .right:after {
        border-width: 2px;
        border-radius: 0 16px 16px 0;
    }
}

.home-section3 .pag span p {
    /* position: absolute;
    top: calc(100% + 10px);
    left: 0; */
    font-size: 14px;
    color: #555555;
    width: 120px; 
}

.home-section3 .pag .on {
    color: #e86f00;
}

.home-section3 .pag .on .left {
    opacity: 1;
}

.home-section3 .pag .on .left:after {
    transform-origin: right center;
    /* animation-iteration-count: infinite; */
    animation-fill-mode: forwards;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-name: spinleft;
}

@keyframes spinright {
    0% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(360deg);
    }

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

@keyframes spinleft {
    0% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
    }

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

.home-section3 .pag .on .right {
    opacity: 1;
}

.home-section3 .pag .on .right:after {
    transform-origin: left center;
    /* animation-iteration-count: infinite; */
    animation-fill-mode: forwards;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-name: spinright;
}

.home-section3 .pag .on i {
    background-color: #001ea3;
}

.home3-cont .img {
    width: 100%;
    position: relative;
}

.home3-cont .img img {
    width: 100%;
}

.f-list {
    display: flex;
    flex-wrap: wrap;
    padding-left: 1%;
}

.f-list li { position: relative; z-index: 0;
    width: 18%;
    height: 1rem;
    text-align: center;
    overflow: hidden;
    border: 1px solid #ededed;
    background-color: #fff;
    margin-top: 0.15rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0.2rem 0.3rem;
    box-sizing: border-box; transition: all 0.5s;
}

.f-list li:not(:nth-child(5n)) {
    margin-right: calc(10% / 5);
}
.f-list li .def_s,
.f-list li .on_s{
	display: block; position: absolute; z-index: 0; top: 0;
	left: 0; width: 100%; height: 100%;
	align-items: center;
	justify-content: center;
	display: flex;
	box-sizing: border-box; transition: all 0.5s;padding: 0.2rem 0.3rem
}
.f-list li img { display: block;
    max-width: 100%;
    max-height: 100%;
    vertical-align: top; 
}

.f-list li .def_s { z-index: 1; opacity: 1;   }

.f-list li .on_s { opacity: 0; z-index: 0;  }

.f-list li:hover {
    box-shadow: 0 0px 10px 1px rgba(20, 33, 96, .1);
}

.f-list li:hover .def_s {
   z-index: 0; opacity:0;
}

.f-list li:hover .on_s {
    z-index: 1; opacity:1;
}

.section5 {
    padding: 1rem 0 2.5rem;
    background: url(../images/bg5.png) no-repeat;
    background-size: cover;
}

.section5 .b-title {
    font-size: 0.36rem;
    font-weight: normal;
    color: #333333;
    margin-bottom: 0.5rem;
}

.drop-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    padding: 0.6rem;
    background: #fff;
}

.drop-nav .close {
    border-radius: 0.24rem;
    padding: 0.05rem 0.75rem 0.05rem 0.25rem;
    font-size: 0.24rem;
    color: #000;
    background: url(../images/close.png) 1rem center / 0.22rem no-repeat;
    border: 1px solid #ddd;
    cursor: pointer;
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
}

.sub-nav {
    display: none;
    line-height: 0.36rem;
    padding-left: 0.2rem;
}

.sub-nav a {
    font-size: 18px;
    color: #666;
}

.sub-nav li {
    position: relative;
    padding-left: 0.2rem;
    display: flex;
}

.sub-nav li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.15rem;
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    background-color: #666;
}

.sub-nav li:hover::before {
    background-color: #001ea3;
}

.sub-nav li:hover a {
    color: #001ea3;
}

body.over,
body.over2 {
    overflow: hidden;
}

.nav-ul {
    width: 70%;
}

.nav-ul>li {
    border-bottom: 1px solid #ddd;
    padding: 0 0 0.25rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 0.2rem;
}

.nav-ul>li:last-child {
    border-bottom: none;
}

.nav-ul .title {
    font-size: 0.36rem;
    color: #000;
}

.nav-ul .pot {
    display: none;
    margin-right: 0.1rem;
}

.nav-ul li:hover .sub-nav,
.nav-ul li.active .sub-nav {
    display: block;
}

.nav-ul li:hover .pot,
.nav-ul li.active .pot {
    display: inline;
}

.drop-nav {
    display: none;
}

.drop-nav .t1 {
    font-size: 0.24rem;
    color: #000;
}

.drop-nav .t2 {
    font-size: 0.64rem;
    color: #000;
    margin: 0.1rem 0 0.6rem;
}

.drop-nav .right-part,
.drop-nav .left-part {
    width: 50%;
}

.drop-nav .right-part {
    padding-top: 1.1rem;
    text-align: right;
}

.drop-nav {
    background: url(../images/nav-bg.png) #fff right center no-repeat;
    background-size: 50%;
}

.apply-btn-blue {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    line-height: 1.4rem;
    font-size: 16px;
    background: #001ea3;
    border: none;
    cursor: pointer;
}

.bottom-info {
    font-size: 18px;
    color: #000;
    position: absolute;
    right: 0.6rem;
    bottom: 0.6rem;
}

.bottom-info .lab {
    color: #999;
}

.link {
    margin-top: 0.6rem;
}

.link .wx {
    margin-right: 0.3rem;
}

.copy-right {
    font-size: 18px;
    color: #999;
    position: absolute;
    bottom: 0.6rem;
    left: 0.6rem;
}

@media (max-width: 1280px) {
    .nav-ul>li {
        padding: 0 0 0.2rem;
        /* line-height: 0.1rem; */
        margin-bottom: 0.2rem;
    }

    .nav-ul .title {
        font-size: 0.26rem;
        color: #000;
    }

    .sub-nav a {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px){
	.nav-ul { margin-top: 0.5em;}
	.nav-ul .title {
	    font-size: 0.34rem; line-height: 1.9;
	}
}

.float-bar {
    height: 2.15rem;
    position: fixed;
    left: 0.6rem;
    top: 50%;
    margin-top: -1.075rem;
    z-index: 11;
    display: none;
}

.float-bar li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.2rem;
    cursor: pointer;
}

.float-bar li a {
    font-size: 18px;
    color: #999;
}

.float-bar li:hover a,
.float-bar li.active a {
    background: url(../images/on.png) left center / 0.18rem no-repeat;
    padding-left: 0.28rem;
    color: #001ea3;
}

.support-part { position: relative; z-index: 0; overflow: hidden;
    width: 100%;
    height: 5.78rem;
    /* background: url(../images/bg6.png) center center no-repeat;
    background-size: cover; */
}
.support-part .pic-bg {
	position: absolute; z-index: -1; left: 0; top: 0; width: 100%;
	height: 100%;
	animation:animBg 35s infinite;
	-webkit-animation:animBg 35s infinite; /* Safari and Chrome */
	
}
@keyframes animBg
{
	0%   {
		-ms-transform:scale(1.2,1.2); /* IE 9 */
		-webkit-transform: scale(1.2,1.2); /* Safari */
		transform: scale(1.2,1.2); /* 标准语法 */
	}
	50%  {
		-ms-transform:scale(1,1); /* IE 9 */
		-webkit-transform: scale(1,1); /* Safari */
		transform: scale(1,1); /* 标准语法 */
	}
	100% {
		-ms-transform:scale(1.2,1.2); /* IE 9 */
		-webkit-transform: scale(1.2,1.2); /* Safari */
		transform: scale(1.2,1.2); /* 标准语法 */
	}
}

.support-part .inner {
    width: 70%;
    margin: 0 auto;
    padding-top: 2rem;
}

.support-part .sec {
    width: 5.78rem;
    height: 2.48rem;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0.4rem 0.35rem;
}

.support-part .p1 {
    font-size: 0.24rem;
    color: #333;
    margin-bottom: 0.3rem;
}
.support-part .p1 span {background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 94%, #333 0%);
	background-size: 0 100%;
	 background-repeat: no-repeat;
	 transition: all 0.5s; display: inline;}
.support-part .inner .sec:hover .p1 span {
	background-size: 100% 100%;
}

.support-part .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.support-part .info li {
    font-size: 16px;
    color: #666;
    position: relative;
    padding-left: 0.2rem;
    margin-bottom: 0.1rem;
}

.support-part .info li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.1rem;
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    background-color: #666;
}

.support-btn {
    background-color: #001ea3;
    color: #fff;
}

.support-btn:hover {
    color: #fff;
}

.support-btn img { transition: all 0.5s;
    width: 0.19rem; position: relative; top: -1px; margin-left: 0.2rem;
}
.support-btn:hover img {
	transform: translate(8px,0);
	-ms-transform: translate(8px,0); /* IE 9 */
	-webkit-transform: translate(8px,0); /* Safari and Chrome */
}

/** footer **/
.footer {
    width: 100%;
    background: #2F2F2F;
}

.footer .box {
    width: 84%;
    margin: auto;
}

@media (max-width: 1024px) {
    .footer .box {
        width: 90%;
    }
}

.footer .box .tbox1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0.7rem 0 0.46rem;
}

@media (max-width: 768px) {
    .footer .box .tbox1 {
        padding: 0.72rem 0;
    }
}

@media (max-width: 500px) {
    .footer .box .tbox1 {
        padding: 0.72rem 0 0.36rem;
    }
}

.footer .box .tbox1 .left {
    padding-top: 0.08rem;
}

.footer .box .tbox1 .left .f-logo {
    width: 2.22rem;
    height: 0.4rem;
}

.footer .box .tbox1 .left .f-logo a {
    display: flex;
}

.footer .box .tbox1 .left .f-logo a img {
    width: 100%;
    height: 100%; display: block;
}

.footer .box .tbox1 .left .txt {
    font-size: 18px;
    color: #FFFFFF;
    color: #999;
    margin-top: 0.42rem;
    line-height: 0.3rem;
}

@media (max-width: 1600px) {
    .footer .box .tbox1 .left .txt {
        font-size: 14px;
        line-height: 24px;
    }
}

@media (max-width: 768px) {
    .footer .box .tbox1 .left .txt {
        margin-top: 0.24rem;
    }
}

.footer .box .tbox1 .left .share {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    margin-top: 0.8rem;
}

@media (max-width: 1600px) {
    .footer .box .tbox1 .left .share {
        font-size: 14px;
    }
}

.footer .box .tbox1 .left .share a {
    width: auto;
    height: 20px;
    display: flex;
    align-items: center;
    margin-right: 0.26rem;
    position: relative;
}

.footer .box .tbox1 .left .share a img {
    width: auto; height: 100%;
    transition: all ease-in 0.3s;
    object-fit: contain;
}

.footer .box .tbox1 .left .share a img {opacity: 0.2;}

.footer .box .tbox1 .left .share a:hover img {
    opacity: 1;
}

.footer .box .tbox1 .left .share a .img {
    width: 1.2rem;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.footer .box .tbox1 .left .share a:hover .img {
    display: block;
}

.footer .box .tbox1 .left .share a .img img {
    opacity: 1;
}

.footer .box .tbox1 .right {
    display: flex;
}



.footer .box .tbox1 .right .f-menu {
    margin-right: 0.6rem;
}

@media (max-width: 1260px) {
    .footer .box .tbox1 .right .f-menu {
        margin-right: 1rem;
    }
}

.footer .box .tbox1 .right .f-menu:last-child {
    margin-right: 0;
}

.footer .box .tbox1 .right .f-menu .f-t1 {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 0.48rem;
    margin-bottom: 0.06rem;
}

@media (max-width: 1440px) {
    /* .footer .box .tbox1 .right .f-menu .f-t1 {
        font-size: 18px;
    } */
}

@media (max-width: 1366px) {
    /* .footer .box .tbox1 .right .f-menu .f-t1 {
        font-size: 16px;
    } */
}


.footer .box .tbox1 .right .f-menu .f-a {
    font-size: 16px;
    font-weight: 300;
    color: #999;
    line-height: 0.36rem;
    display: flex;
    transition: all ease-in-out 0.5s;
}

@media (max-width: 1600px) {
    /* .footer .box .tbox1 .right .f-menu .f-a {
        font-size: 14px;
        line-height: 24px;
    } */
}

.footer .box .tbox1 .right .f-menu .f-a:hover {
    color: #001ea3;
}

.footer .box .tbox2 {
    width: 100%;
    border-top: 1px solid rgba(116, 116, 116, 0.2);
    font-size: 16px;
    font-weight: 300;
    color: #666;
    line-height: 0.48rem;
    padding: 0.41rem 0 0.36rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 768px) {
    .footer .box .tbox1 .right {
        width: 100%;
        margin-top: 0.36rem;
        justify-content: space-between;
		flex-wrap: wrap;
    }
	.footer .box .tbox1 .right .f-menu { width: 47%; margin-right: 0;}
	.footer .box .tbox1 .right .f-menu .f-t1 { margin-top: 0.5rem; margin-bottom: 0.2rem;}
	.footer .box .tbox1 .right .f-menu .f-a { line-height: 1.5;}
}
.rt-p {
    /* float: right; */
}

.rt-p .loy {
    margin-right: 0.4rem;
}

@media (max-width: 768px) {
    .footer .box .tbox2 {
        justify-content: center;
        line-height: 36px;
    }
}

@media (max-width: 500px) {
    .footer .box .tbox2 {
        padding: 0.24rem 0;
    }
}

.footer .box .tbox2 a {
    color: #999;
    transition: all ease-in-out 0.5s;
    margin: 0 0.16rem;
}

.footer .box .tbox2 a:hover {
    color: #001ea3;
}

.footer .box .tbox2 span {
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {
    .footer .box .tbox2 span {
        width: 100%;
    }
}

.footer .box .tbox2 span a {
    display: flex;
    align-items: center;
}

.footer .tx {
    margin-top: 0.54rem;
}

.footer .tx .p1 {
    font-size: 16px;
    color: #fff;
}

.footer .tx .p2 {
    font-size: 0.28rem;
    color: #fff;
}

.footer .white {
    color: #fff;
}

.custom-dialog-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, .4);
	display: flex; justify-content: center; align-items: center;
}

.custom-dialog {
    position: relative;
    margin: 0 auto 0;
    background: #fff;
    border-radius: 0.6em; overflow: hidden;
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
    box-sizing: border-box;
    width: 57.3%; font-size: 16px;
	display: flex; justify-content: space-between; align-items: stretch;
}

.custom-dialog__header { width: 50%; flex: 1;
    padding: 0.32rem 0.4rem;
    background: #293894 url(../images/dia_pic.png) center center no-repeat;
	background-size:cover;
    text-align: center;
    line-height: 0.3rem;
    box-sizing: border-box;
}
.custom-dialog__header .title { color: #fff; font-size: 0.24rem; line-height: 1.3; text-align: left;}

.custom-dialog__header img {
    width: 1.15rem;
    vertical-align: middle;
}

.custom-dialog-body { width: 50%; flex: 1;
    padding: 0.4rem;
    color: #606266;
    font-size: 14px;
    word-break: break-all;
}

.custom-dialog-footer {
    padding: 0.3rem 0.2rem 0.4rem;
    text-align: center;
    box-sizing: border-box;
}

.custom-dialog-close { cursor: pointer; position: absolute; z-index: 10; top:0.16rem; 
right: 0.16rem;
width: 0.16rem; height: 0.16rem; }
.custom-dialog-close img {width: 0.16rem; height: 0.16rem;}


@media (max-width: 768px) {
	.custom-dialog { display: block;}
	.custom-dialog__header { width: auto; height: 2rem;}
	.custom-dialog-body {width: auto;}
}

.custom-form {
    text-align: center;
}

.custom-form .item {
    margin-bottom: 0.18rem;
}

.custom-form .title {
    font-size: 0.24rem;
    color: #000;
    text-align: left;
}

.custom-form .sub-title {
    font-size: 16px;
    color: #666;
    text-align: left;
    margin-bottom: 0.24rem;
    margin-top: 0.1rem;
}

.custom-input {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 0.46rem;
    line-height: 0.46rem;
    outline: none;
    padding: 0 0.15rem;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%;
}

.custom-textarea {
    resize: none;
    padding: 0.05rem 0.15rem;
    line-height: 1.5;
    box-sizing: border-box;
    width: 100%;
    font-size: inherit;
    color: #606266;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    outline: none;
}

.custom-form .item.mb0 {
    margin-bottom: 0;
}

.custom-form .tip {
    font-size: 16px;
    color: #000;
    margin: 0.2rem auto 0;
    text-align: left;
}

.sub {
    margin-top: 0.2rem;
}

.btn-submit {
    width: 100%;
    height: 0.48rem;
    line-height: 0.48rem;
    background-color: #293894;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 0;
    border: none;
    outline: none;
    cursor: pointer;
	-moz-border-radius:0.05rem; -webkit-border-radius:0.05rem; border-radius:0.05rem;
}

.close-img {
    width: 0.31rem;
    cursor: pointer;
}

/*产品列表*/
.p-banner {
    width: 100%;
    /* height: 7.5rem; */
    position: relative;
    padding-top: 36.0625%;
}

.p-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.p-banner .video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.p-banner .video video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-banner .txt {
    position: absolute;
    top: 50%;
    margin-top: -0.2rem;
    width: 100%;
    text-align: center;
    color: #fff;
	box-sizing: border-box;
}

.p-banner .txt .txt1 {
    font-size: 16px;
    margin-bottom: 0.1rem;
}

.p-banner .txt .txt2 {
    font-size: 0.48rem;
}

.p-panel-content {
    will-change: height;
    background-color: #fff;
    overflow: hidden;
    box-sizing: border-box;
    /* border-bottom: 1px solid #ebeef5; */
    padding-bottom: 0.8rem;
    display: none;
}

.p-panel-item {
    height: 2.35rem;
    background-color: #f8f8f8;
    transition: all ease 0.5s;
    overflow: hidden;
}

.p-panel-item .inner {
    width: 77%;
    margin: 0 auto;
}

.p-panel-item.open {
    height: auto;
    background-color: #fff;
}

.p-panel-item.open .p-panel-content {
    display: block;
    animation: slideIn 0.5s; margin-top: -0.64rem; padding-bottom: 1.04rem;
}

@keyframes slideIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.p-panel-content .desc-txt {
    font-size: 16px;
    color: #666666;
}

.p-panel-content .info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; flex-wrap: wrap;
}
.p-panel-content .info_1 { width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.p-panel-content .info_2 {width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex; justify-content: space-between; border-top:1px solid #ddd ; margin-top: 0.5rem; padding-top: 0.5rem;
}

.p-panel-content .info_2 .proSub {font-size: 0.24rem; position: relative;
 margin-right: 1.3rem; line-height: 2; 
     max-width: 6.7rem; width: 14em; height: 3.45rem; overflow: hidden;}
.p-panel-content .info_2 .proSub a { position: relative; z-index: 0; display: inline-block; color: #999; transition: all 0.5s;}
.p-panel-content .info_2 .proSub a::before { display: inline-block; width: 0; height: 0.0125rem;
background-color: #001ea3; content: ""; 
position: absolute; left: 0; margin-top: -0.006rem; top: 50%; transition: all 0.5s;
}
.p-panel-content .info_2 .proSub li:hover a {padding-left: 1em;  color: #001ea3}
.p-panel-content .info_2 .proSub .cur a { padding-left: 1em; color: #001ea3;}

.p-panel-content .info_2 .proSub li:hover a::before,
.p-panel-content .info_2 .proSub li.cur a::before{
	width: 0.66em;}

.p-panel-content .desc {
    margin-right: 1.3rem; width: 6.7rem;
}

.p-panel-content .thumb {
    width: 6.75rem; position: relative; padding-top: 3.42rem;
}

.p-panel-content .thumb .img-wr { overflow: hidden;
    padding-top: 50.3%; top: 0; left: 0; width: 100%;
    position: absolute; z-index: 0; opacity: 0; transition:opacity 0.5s;
}


.p-panel-content .thumb img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; transition: all 0.5s;
}
.p-panel-content .thumb img:hover {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.p-panel-content .thumb .img-wr.cur { z-index: 1; opacity: 1;}
.p-panel-content .thumb .img-wr.li-hover img{ -ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);}

.p-panel-tab {
    height: 2.35rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.p-panel-tab .p-panel-title {
    font-size: 0.36rem;
    color: #000;
}

.p-panel-tab .tab-btn {
    /* float: right; */
}

.tab-btn img {
    width: 0.5rem;
    height: 0.5rem;
    vertical-align: middle;
}

.p-panel-item .minus {
    display: none;
}

.p-panel-item .plus {
    display: flex;
}

.p-panel-item.open .minus {
    display: flex;
}

.p-panel-item.open .plus {
    display: none;
}

.p-panel .btn { margin-top: 0.62rem;}

.product-box {
    width: 100%;
    height: 5.96rem;
    position: relative;
}

.product-box>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.product-box .custom-container {
    height: 100%;
    position: relative;
}

.ad-txt {
    position: absolute;
    top: 30%;
    margin-top: -0.2rem;
    width: 100%;
    text-align: left;
    color: #fff;
}

.ad-txt .txt1 {
    font-size: 0.48rem;
    margin-bottom: 0.6rem;
}

.ad-txt .txt2 {
    font-size: 16px; font-weight: bold;
}
.product-cate-b {position: absolute;width: 100%;
    bottom: -0.8rem; height: 1.68rem; left: 0; width: 100%;}
.product-cate {
    width: 100%;
    height: 1.68rem;
    text-align: center;
    border: 1px solid #dcdde3;
    font-size: 18px;
    color: #000;
    position: absolute;
    bottom: -0.8rem;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-cate-fiexed { z-index: 11; top:1.2rem; position: fixed; bottom: auto; 
left: 0; right: 0; width: auto}


.product-cate .title {
    white-space: nowrap;
}

.product-cate .item {
    display: inline-block;
    overflow: hidden;
    margin-left: 0.3rem;
    cursor: pointer;
}

@media (max-width: 1400px){
	.product-cate  { font-size: 16px;}
}
@media (max-width: 1300px){
	.product-cate  { font-size: 14px;}
}
@media (max-width: 1200px){
	.product-cate-fiexed {left: 7.5%; width: 85%;}
	.product-cate  { font-size: 14px;}
}
@media (max-width: 1000px){
	.product-cate  { font-size: 14px;}
	
}
@media (max-width: 960px){
	.product-cate  { font-size: 12px;}
	.product-cate .item{ margin-left: 0.25rem;}
}


.product-cate .item:hover img,
.product-cate .item.active img {
    border: 2px solid #001ea3;
}

.product-cate .item img {
    width: 0.68rem;
    height: 0.68rem;
    border-radius: 100%;
    border: 1px solid #dcdde3;
    vertical-align: middle;
    margin-right: 0.1rem;
}

.custom-container {
    width: 77%;
    margin: 0 auto;
}

.product-wrapper {
    padding-top: 1.35rem;
    padding-bottom: 1.28rem;
}

.product-wrapper .su-tip {
    font-size: 16px;
    color: #000;
    margin-bottom: 0.36rem;
}

.product-list {
    overflow: hidden;
}

.product-list .item { cursor: pointer;
    width: 24%; margin-right: 1.33%;
    float: left;
    margin-bottom: 0.4rem;
    box-sizing: border-box;
}
.product-list .item:nth-child(4n) {
	margin-right: 0;
}

.product-list .item .img-wr {
    padding-top: 60.28%; overflow: hidden;
    position: relative; display: block;cursor: pointer;
}

.product-list .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0; transition: all 0.5s;
}

.product-list .item .info {
    font-size: 18px;
    color: #000;
    margin-top: 0.14rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-list .item .img-wr::after {
	content: ""; display: block; position: absolute;
	top: 0; left: 0; width: 100%; height: 100%; 
	background: url(../images/search_white.png) center center no-repeat;
	background-size:0.34rem auto ;
	opacity: 0; transition: all 0.5s;
}
.product-list .item:hover img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.product-list .item:hover .img-wr::after {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.product-list .item:hover .img-wr::after {
	opacity: 1;
}

.product-list .item .code {
    color: #999999;
    margin-left: 0.1rem;
}

.adv-box {
    height: 2.22rem;
    font-size: 0.24rem;
    color: #000;
    background: url(../images/d1.png) no-repeat;
    background-size: cover;
}

.adv-box .custom-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.adv-box .custom-container span {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 94%, #333 0%);
		background-size: 0 100%;
		 background-repeat: no-repeat;
		 transition: all 0.5s; display: inline;
}
.adv-box:hover .custom-container span {
	background-size: 100% 100%; 
}

.adv-box .contact { position: relative; z-index: 0;
    font-size: 18px;
    padding: 0.15rem 0.70rem 0.15rem 0;
    /* background: url(../images/arrow2.png) right center / 0.5rem no-repeat; */
}
.adv-box .contact .arr { position: absolute; right: 0; top: 50%; margin-top: -0.19rem;
width: 0.48rem; height: 0.48rem;
background: url(../images/arrow2.png) center center  no-repeat;
background-size:contain; transition: all 0.5s;
padding-bottom: 0;
    border-bottom: 0;}
.adv-box .contact:hover .arr {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Safari and Chrome */
}

.adv-box .contact>span {
    padding-bottom: 0.1rem;
    /* border-bottom: 1px solid #666666; */
}

.load-more {
    text-align: center;
    font-size: 18px;
}

.load-more img {
    width: 0.44rem;
    height: 0.44rem;
    margin-top: 0.2rem;
}


/*产品详情*/
.p-banner-1 {
    margin-top: 1.2rem;
    padding: 0 0 1.13rem;
    /* height: 8.5rem; */
    position: relative;
}

.p-banner-1 .custom-container {
    width: 77%;
    padding-top: 0.6rem;
}

.p-banner-1 .bg-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    object-fit: cover;
}

.bread-crumb {
    height: 0.6rem;
    padding: 0 0.6rem;
    display: flex;
    align-items: center;
}
.custom-container .bread-crumb { padding-left: 0;}
.bread-crumb-item {
    font-size: 16px;
    color: #666;
    padding-right: 0.16rem;
    margin-right: 0.08rem;
    background: url(../images/arrow-right-gray.png) right center / 0.06rem no-repeat;
}

.bread-crumb-item.page {
    padding-right: 0;
    background: none;
    margin-right: 0;
}

.p-detail__box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-detail__box .btn-blue { margin-top: 0.68rem;}

.p-detail__img {
    width: 7.39rem;
    height: 6rem;
    background-color: #fff;
}

.p-detail__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.p-banner-1 .p-detail__img {
    height: auto;
}

.p-banner-1 .p-detail__img .img-wr {
    position: relative;
    padding-top: 81.19%;
}

.p-banner-1 .p-detail__img .img-wr img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.p-detail__content {
    padding-left: 0.6rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}

.p-detail__content .p1 {
    font-size: 16px;
    color: #999;
}

.p-detail__content .p2 {
    font-size: 0.46rem;
    color: #000;
    margin-bottom: 0.3rem;
}

.p-detail__content .p3 {
    font-size: 16px;
    color: #000;
    padding-left: 0.12rem;
    margin-bottom: 0.2rem;
    background: url(../images/block.png) left 0.2em no-repeat;
	background-size: auto 80% ;
}

.p-detail__content .p4 { padding-top: 0.3rem; border-top:1px solid #ddd;}

.yh-style-swiper {
    height: 0.8rem;
}

.style-swiper-next,
.style-swiper-prev {
    outline: none;
}

.yh-style-swiper .style-img {
    width: 0.68rem;
    height: 0.68rem;
    border-radius: 100%;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

.yh-style-swiper .style-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: top;
}

.yh-style-swiper .swiper-slide-active .style-img {
    border: 2px solid #001ea3;
}

.style-swiper-box {
    position: relative;
    padding: 0.2rem 0.4rem 0.15rem;
}
.p-detail__box  .style-swiper-box { border-top: 1px solid #ddd;}

.style-swiper-box .swiper-button-next:after,
.style-swiper-box .swiper-button-prev:after {
    font-size: 16px;
    color: #001ea3;
}
.style-swiper-box .swiper-button-next.swiper-button-disabled,
.style-swiper-box .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
}
.style-swiper-box .swiper-button-next.swiper-button-disabled:after, 
.style-swiper-box .swiper-button-prev.swiper-button-disabled:after {
	color: #999; opacity: 1;
}

.style-swiper-box .swiper-button-prev,
.style-swiper-box .swiper-container-rtl .swiper-button-next {
    left: 0;
}

.style-swiper-box .swiper-button-next,
.style-swiper-box .swiper-container-rtl .swiper-button-prev {
    right: 0;
}

.p-detail__content .p4>p {
    line-height: 0.36rem;
    font-size: 16px;
    color: #666;
    padding-left: 0.2rem;
    background: url(../images/dot-gray.png) left 0.14rem / 0.06rem no-repeat;
}

.p-intro {
    padding: 1rem 0 0.7rem;
}

.p-intro__box {
    display: flex;
    justify-content: space-between; align-items: flex-start;
}

.p-intro__box .c1 {
    padding-right: 0.8rem;
}

.p-intro__box .c1 .item {
    display: flex;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.7rem;
    margin-bottom: 0.7rem;
}

.p-intro__box .c1 .item:last-child {
    /* border-bottom: none; */
}

.p-intro__box .c1 .item .title {
    font-size: 0.24rem;
    color: #000;
    white-space: nowrap;
    padding-right: 0.6rem;
}

.p-intro__box .c1 .item .con {
    font-size: 16px;
    color: #333;
    line-height: 0.36rem;
}

.p-intro__box .c1 .item .con .con-item {
    text-decoration: underline;
    font-size: 16px;
    color: #333;
    margin: 0 0.4rem 0 0;
    position: relative;
}

.p-intro__box .c1 .item .con .con-item img {
    width: 3.28rem;
    height: 1.77rem;
    object-fit: cover;
    display: none;
    position: absolute;
    top: 0.35rem;
    left: 50%;
    z-index: 1;
}

.p-intro__box .c1 .item .con .con-item:hover {
    color: #001ea3;
}

.p-intro__box .c1 .item .con .con-item:hover img {
    display: inline;
}

.p-intro__box .c2 {
    width: 3.8rem;
    background-color: #f8f8f8;
    padding: 0.24rem 0.24rem 0.4rem 0.26rem;
}

.p-intro__box .c2 img {
    width: 3.28rem;
    height: 1.99rem;
    object-fit: cover;
	margin-bottom: 0.27rem;
}

.p-intro__box .c2 .p1 {
    font-size: 18px;
    color: #000;
    margin-bottom: 0.26rem;
}

.p-intro__box .c2 .p2 {
    font-size: 16px;
    color: #000;
    padding-left: 0.3rem;
    margin-bottom: 0.16rem;
    background: url(../images/tel-gray.png) left center / 0.19rem no-repeat;
}

.p-intro__box .c2 .p3 {
    font-size: 16px;
    color: #000;
    padding-left: 0.3rem;
    background: url(../images/email.png) left center / 0.19rem no-repeat;
}
.p-intro__box .c2 .btn-blue {margin-top: 0.38rem;}

.custom-panel .title {
    overflow: hidden;
    font-size: 0.36rem;
    color: #000;
    line-height: 0.56rem;
    margin-bottom: 0.4rem;
}

.custom-panel .more {
    float: right;
    font-size: 16px; line-height: 2.3em;
    color: #999;
    padding: 0 1.1em 0 0;
    background: url(../images/plus2.png) right center / 0.7em no-repeat;
    border-bottom: 1px solid #999;
}
.custom-panel .more:hover {
	color: #001ea3; border-bottom: 1px solid #001ea3;
	background-image: url(../images/plus4.png);
}

.custom-panel-con {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
}

.custom-panel-con .item {
    width: 32%; margin-right:2% ;
    /* height: 3.3rem; */
    position: relative;
    /* margin-right: 0.5rem; */
    box-sizing: border-box;
    /* padding: 0.2rem 0.2rem 0.3rem; */
    background: #fff;
}
.custom-panel-con .item:nth-child(3n) { margin-right: 0;}

.custom-panel-con .item:hover {
    /* box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2); */
	
}
.custom-panel-con .item:hover .title-1 { color: #fff;}
.custom-panel-con .item:hover .text {  background-image: url(../images/arrow-up-white.png);}

.custom-panel-con .item a {
     padding: 0.25rem;
    display: block;
    position: relative;
    overflow: hidden;
}


.custom-panel-con .img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover; transition: all 0.5s;
}

.custom-panel-con .img-wr {
    padding-top: 47.28%;
    position: relative; overflow: hidden;
}
.custom-panel-con .img-wr:hover .img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.custom-panel-con .text {
    background: url(../images/arrow-up-gray.png) right 0.5rem / 0.16rem no-repeat;
    position: relative;
    padding-top: 0.28rem;
}

.p-example .custom-panel-con .text {padding-top: 0.26rem;}
.custom-panel-con .title-2 {
    font-size: 18px;
    color: #000;
}
.p-example .custom-panel-con .title-2 {margin-bottom: 0.04rem; transition: all 0.5s;}
.p-example .custom-panel-con .item:hover .title-2 { color: #fff;}
.custom-panel-con .title-1 {
    font-size: 16px;
    color: #999999;
    margin-bottom: 0.1rem;
}
.p-example .custom-panel-con .title-1 {margin-bottom: 0.06rem;}

.p-example {
    background-color: #f8f8f8;
    padding: 1rem 0 1.38rem;
}

.p-example.your-like {
    background-color: #fff;
}

.your-like .custom-panel-con .item {
    background: #f8f8f8;
}
.p-example.your-like .item:hover .text  { background-image: none;}
.your-like .custom-panel-con .item:hover {
	background: #001ea3;
}

.your-like .custom-panel-con .text {
    background: none;
    text-align: center;
}

.your-like .custom-panel-con .img {
    background-color: #bebebe;
}


/*核心技术*/
.strength.bread-crumb {
    height: 0.9rem;
}
.strength-tab-box{ display: flex; flex-wrap:wrap;
 justify-content: space-between; align-items: center; flex-direction: row-reverse;}
.strength-tab-box .custom-container {display: flex; flex-wrap:wrap;
 justify-content: space-between; align-items: center; flex-direction: row-reverse;}
.strength-tab-box .strength-tab {
    margin-right: 0.6rem;
    display: flex;
    height: 0.97rem;
    box-sizing: border-box;
}
.strength-tab-box .custom-container .strength-tab { margin-right: 0;}

.strength-tab-box.border {
    border-bottom: 1px solid #ddd;
}

.strength-tab .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #999;
    margin-left: 0.54rem; position: relative; z-index: 0;
}

.strength-tab .item:hover::after,
.strength-tab .item.active::after {
	display: block; content: ""; position: absolute; bottom: -1px;
	left: 0; width: 100%; height: 0;
    border-bottom: 2px solid #001ea3;
}
.strength-tab .item.active {
    color: #001ea3;
}

.strength-1 { width: 100%;
    padding: 0.8rem 0 1.2rem;
    background: #f8f8f8;
}
.strength-1-bg { background: url(../images/stre1_bg.jpg) center center no-repeat;
background-size:cover;}

.strength-1 .p-detail__content {
    margin-right: 0.2rem;
}

.strength-1 .p-detail__img {
    width: 5.8rem;
    height: 6.9rem;
    background: transparent; overflow: hidden;
}

.strength-1 .p-detail__img img { transition: all 0.5s;}
.strength-1 .p-detail__img:hover img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.strength-1 .strength-title {
    font-size: 0.36rem;
    color: #000;
}

.strength-1 .p-panel {
    width: 5.8rem; margin-top: 0.15rem;
}

.strength-1 .p-panel-tab .p-panel-title {
    font-size: 0.24rem; 
    color: #666;
}
.strength-1 .p-panel-tab {cursor: pointer;}

.strength-1 .p-panel-item.open .p-panel-tab .p-panel-title {
    color: #001ea3;
}

.strength-1 .tab-btn img {
    width: 0.17rem;
    height: 0.1rem;
}

.strength-1 .p-panel-item {
    height: auto;
    background: transparent;
    border-bottom: 1px solid #ddd;
}

.strength-1 .p-panel-tab {
    height: 1.02rem;
}

.strength-1 .p-panel-content {
    background-color: transparent;
    padding: 0 0 0.5rem 0.2rem;
}

.strength-1 .p-panel-item.open {
    height: auto;
}

.strength-1 .p-panel-content .desc {
    padding-right: 0;
}

.strength-1 .p-panel-content .desc-txt {
    line-height: 0.3rem;
}

.strength-2 {
    padding-top: 0.9rem;
}

.strength-2 .t-title {
    font-size: 0.56rem;font-size: 0.36rem;
    color: #000;
    text-align: center;
}

.strength-2 .tab-div { margin-top: 0.48rem;
    text-align: center;
}

.strength-2 .tab-div .btn {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    font-size: 16px;
    color: #333333;
    vertical-align: super;
}

.strength-2 .tab-div .btn:hover,
.strength-2 .tab-div .btn.active {
    background-color: #001ea3;
    border-color: #001ea3;
    color: #fff;
}

.strength-2 .pic-compare {
    width: 100%;
    height: 5.65rem;
    margin: 0.44rem auto 0;
}

.strength-2 .pic-compare .beer-slider {
    width: 100%;
    height: 100%;
}

.strength-2 .pic-compare img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.strength-3 {
    background-color: #f8f8f8;
    padding: 0.98rem 0 1.2rem;
}

.strength-3 .top-text {
    text-align: center;
    margin-bottom: 0.57rem;
}

.strength-3 .top-text .t1 {
    font-size: 0.36rem;
    color: #000;
    margin-bottom: 0.37rem;
}

.strength-3 .top-text .t2 {
    font-size: 16px;
    color: #666;
    line-height: 1.56;
}

.strength-3 .custom-panel-con {
    justify-content: space-between;
}

.strength-3 .custom-panel-con .title-2 {
    font-size: 0.24rem;
}

.strength-3 .custom-panel-con .item {
    width: 32%;
    margin-right: 0; transition: all 0.5s;
}
.strength-3-swiper { margin: 0 -0.15rem; flex: 1;}
.strength-3-swiper .swiper-slide { width: 33.33%;}
.strength-3 .custom-panel-con .strength-3-swiper .item { margin: 0 0.15rem; width: auto;}
.strength-3 .custom-panel-con .img-wr {
    padding-top: 146.23%; overflow: visible;
}

.strength-3 .custom-panel-con .item a {
    text-align: center;
    padding: 0.85rem 0.8rem 0.38rem;
    box-sizing: border-box; border: 1px solid #ddd;
}
.strength-3 .custom-panel-con .item a:hover { border: 1px solid #001ea3;}
.strength-3 .custom-panel-con .item .img { transition: all 0.5s;}
.strength-3 .custom-panel-con .item a:hover .img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.strength-3.strength2-2 { padding: 0.95rem 0 1.52rem;}
.strength-3.quality-2.strength2-2 .top-text { margin-bottom: 0.86rem;}
.strength-3.strength2-2 .custom-panel-con .item {
    width: 16%;
}
.strength-3.strength2-2 .custom-panel-con .item:nth-child(1) {
	animation-delay:0;
	-webkit-animation-delay:0; /* Safari 和 Chrome */
}
.strength-3.strength2-2 .custom-panel-con .item:nth-child(2) {
	animation-delay:0.2s;
	-webkit-animation-delay:0.2s; /* Safari 和 Chrome */
}
.strength-3.strength2-2 .custom-panel-con .item:nth-child(3) {
	animation-delay:0.4s;
	-webkit-animation-delay:0.4s; /* Safari 和 Chrome */
}
.strength-3.strength2-2 .custom-panel-con .item:nth-child(4) {
	animation-delay:0.6s;
	-webkit-animation-delay:0.6s; /* Safari 和 Chrome */
}
.strength-3.strength2-2 .custom-panel-con .item:nth-child(5) {
	animation-delay:0.8s;
	-webkit-animation-delay:0.8s; /* Safari 和 Chrome */
}

.strength-3.strength2-2 .custom-panel-con .item:hover { background-color: transparent;}
.strength-3.strength2-2 .custom-panel-con .item a { border: 0;}
.strength-3.strength2-2 .custom-panel-con .item:hover .title-2{ color: #000;}
.strength-3.strength2-2 .custom-panel-con .item:hover .title-1{ color: #666;}
.strength-3.strength2-2 .custom-panel-con .text { margin-left: auto; margin-right: auto;}

.strength-3 .custom-panel-con .text {
    padding-top: 0.38rem;
    border-top: 1px solid #ddd;
    margin: 0.8rem -1.3rem 0;
    background: none;
}

.strength-1 .custom-panel-con .item:hover .text,
.strength-3 .custom-panel-con .item:hover .text {
	background-image: none;
}
.strength-1 .p-panel-item.open .p-panel-content { margin-top: -0.16rem;}
.strength-1 .p-panel-item .p-panel-content {display: block;}
.strength-1 .p-panel-item.open .p-panel-content {display: block;}

.strength-3.border {
    background-color: #fff;
}

.strength-3.border .custom-panel-con .item {
    border: 1px solid #ddd;
}

.strength-3.border .custom-panel-con .text {
    border: none;
    margin-top: 0;
}

.strength-3.border .custom-panel-con .item a {
    padding: 0;
}

.strength-3.border .custom-panel-con .item .pd {
    padding: 0 0.8rem;
}

.strength-3.border .custom-panel-con .item .pd:last-child {
    border-top: 1px solid #ddd;
    margin-top: 0.5rem;
}

.strength-3 .button-area {
    text-align: center; margin-top: 0.6rem;
}

.case-swiper { margin: 0 -0.15rem; flex: 1;}
.case-swiper .swiper-slide { width: 33.33%;}
.custom-panel-con .case-swiper .swiper-slide .item { transition: all 0.5s;
	width: auto; margin-left: 0.15rem; margin-right: 0.15rem;
}
.custom-panel-con .case-swiper .swiper-slide .item:hover { background-color: #001ea3;}

.pro-fun-swiper { margin: 0 -0.15rem; flex: 1;}
.pro-fun-swiper .swiper-slide { width: 33.33%;}
.custom-panel-con .pro-fun-swiper .swiper-slide .item {
	width: auto; margin-left: 0.15rem; margin-right: 0.15rem;
}

.strength-4 {
    height: 4.46rem;
    vertical-align: middle;
    overflow: hidden;
}

.strength-4 .part {
    width: 50%;
    height: 100%; overflow: hidden;
    display: inline-block;
    position: relative;
    float: left;
}
.part-3 .part {  width: 33.33%;}
.strength-4 .part .img {
    width: 100%;
    height: 100%;
    object-fit: cover; transition: all 0.5s;
	-ms-transform:scale(1.05,1.05); /* IE 9 */
	-webkit-transform: scale(1.05,1.05); /* Safari */
	transform: scale(1.05,1.05); /* 标准语法 */
}
.strength-4 .part:hover .img {
	-ms-transform:scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari */
	transform: scale(1,1); /* 标准语法 */
}

.strength-4 .part .text-area {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    padding-left: 0.8rem;
}

.strength-4 .part .text-area .t1 {
    font-size: 18px;
    color: #fff;
}

.strength-4 .part .text-area .t2 {
    font-size: 0.24rem;
    color: #fff;
    margin-bottom: 0.6rem;
}

/*生产质量*/
.strength-1.quality-1 {
    background: url(../images/bg11.png) no-repeat;
    background-size: cover;
    padding: 1.6rem 0;
}

.strength-1.quality-1.strength2-1 {
    background: url(../images/bg13.png) no-repeat;
    background-size: cover;
}

.quality-1 .tit1 {
    font-size: 0.36rem;
    color: #000;
    padding-bottom: 0.26rem;
}
.quality-1 .tit1 span {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 94%, #333 0%);
	background-size: 0 100%;
	 background-repeat: no-repeat;
	 transition: all 0.5s; display: inline;
}
.quality-1 .custom-container:hover .tit1 span {
	background-size: 100% 100%;
}

.quality-1 .tit2 {
    font-size: 0.24rem;
    color: #333;
    line-height: 1.7;
    position: relative;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}

.quality-1 .tit2::after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #ddd;
}

.quality-1 .tit3 {
    font-size: 18px;
    color: #666;
    line-height: 1.7;
}

.quality-1 .button-area {
    margin-top: 0.6rem;
}
.quality-1 .p-detail__box .btn-blue { margin-top: 0;}

.quality-1.strength-1 .p-detail__content {
    padding-left: 0;
    padding-right: 0.6rem;
}

.quality-1.strength-1 .p-detail__img {
    width: 7.4rem;
    height: auto;
}

.quality-1.strength-1 .p-detail__img .img-wr {
    position: relative;
    padding-top: 61.35%;
}

.quality-1.strength-1 .p-detail__img .img-wr img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.strength-3.quality-2 {
    background-color: #fff;
    padding: 1rem 0;
}

.strength-3.quality-2 .top-text,
.strength-3.quality-2 .top-text .t1 {
    margin-bottom: 0;
}
.strength-3.quality-2 .top-text { margin-bottom: 0.86rem;}
.strength-3.quality-2 .custom-panel-con .item:hover { background-color: transparent;}
.strength-3.quality-2 .custom-panel-con .item a { border: 0;}
.strength-3.quality-2 .custom-panel-con .item:hover .title-2{ color: #000;}
.strength-3.quality-2 .custom-panel-con .item:hover .title-1{ color: #666;}
.strength-3.quality-2 .custom-panel-con .text { margin-left: auto; margin-right: auto;}

.quality-2 .custom-panel-con .item {
    width: 27%;
    cursor: default;
}

.quality-2 .custom-panel-con .item:hover {
    box-shadow: none;
}

.quality-2 .custom-panel-con .item a {
    cursor: default;
    padding: 0;
}

.strength-3.quality-2 .custom-panel-con .img-icon {
    height: 0.65rem;
}

.strength-3.quality-2.strength2-2 .custom-panel-con .img-icon {
    width: 2rem;
    height: 2rem;
}

.strength-3.quality-2 .custom-panel-con .text {
    border-top: none;
    margin-top: 0;
    padding-top: 0.4rem;
}

.quality-2 .custom-panel-con .title-1 {
    position: relative;
    margin-top: 0.2rem;
    padding-top: 0.2rem; transition: all 0.5s;
}

.quality-2 .custom-panel-con .title-1::before {
    content: '';
    width: 0.3rem;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -0.15rem;
    border-top: 3px solid #ddd;
}

.quality-3 {
    height: 9.7rem;
    padding: 1.1rem 2rem;
    box-sizing: border-box;
    background: url(../images/bg12.png) no-repeat;
    background-size: cover;
    position: relative;
}

.quality-3 .custom-panel-con {
    height: 6.08rem;
    /* background: url(../images/l16.png) no-repeat #8b8b8b; */
    background-size: cover;
}

.strength-3.quality-3 .top-text {
    text-align: left;
    height: 0.5rem;
}

.strength-3.quality-3 .top-text .t1 {
    color: #fff;
}

.strength-3.quality-3 .top-text .s-tab {
    float: right;
    display: flex;
    height: 0.5rem;
    box-sizing: border-box;
}

.strength-3.quality-3 .top-text .s-tab>a {
    font-size: 16px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-left: 0.3rem;
}

.strength-3.quality-3 .top-text .s-tab>a.active,
.strength-3.quality-3 .top-text .s-tab>a:hover {
    border-bottom: 1px solid #fff;
}

.strength-3.quality-3 .custom-panel-con .item {
    width: auto;
    height: 100%;
    flex: 1;
    padding: 0;
    background: transparent;
}

.quality-3 .info-con {
    width: 6.6rem;
}

.quality-3 .info-con .img-icon {
    width: 0.45rem;
    height: 0.45rem;
}

.quality-3 .info .text {
    padding-top: 0;
    border-top: none;
    margin-top: 0;
}

.quality-3 .info-con .title-1 {
    color: #fff;
    font-size: 0.24rem;
}

.quality-3 .info-con .title-2 {
    color: #fff;
    font-size: 16px;
    margin-top: 0.2rem;
    line-height: 0.3rem;
}

.quality-3 .info-con .item a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.quality-3 .custom-panel-con .item:hover {
    box-shadow: none;
    background: rgba(0, 0, 0, .4);
}

.quality-3 .button-area {
    position: absolute;
    bottom: 0.65rem;
    left: 50%;
    margin-left: -0.8rem;
}

.quality-3 .button-area .flex-el {
    justify-content: center;
    margin-top: 0.6rem;
}

.quality-4 .item {
    align-items: center;
    justify-content: center;
    padding: 1.5rem 2rem;
}

.quality-4 .item.gray {
    background-color: #f8f8f8;
}

.quality-4 .item-con {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    padding-right: 0.8rem;
}

.quality-4 .item-con .t1 {
    font-size: 0.36rem;
    color: #333;
    padding-bottom: 0.3rem; 
}
.quality-4 .item-con .t1 span {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 94%, #333 0%);
	background-size: 0 100%;
	 background-repeat: no-repeat;
	 transition: all 0.5s; display: inline;
}
.quality-4 .item:hover .item-con .t1 span {
	background-size: 100% 100%;
}

.quality-4 .item-con .t2 {
    font-size: 24px;
    color: #333;
    line-height: 1.25;
    position: relative;
    margin-bottom: 0.4rem;
    padding-bottom: 0.5rem;
}

.quality-4 .item-con .t2::after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #ddd;
}

.quality-4 .item-con .t3 {
    font-size: 16px;
    color: #333;
    line-height: 1.87;
}

.quality-4 .item-img {
    width: 7.4rem;
}

.quality-4 .item-img .img-wr {
    position: relative;
    padding-top: 61.35%; overflow: hidden;
}

.quality-4 .item-img .img-wr img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover; transition: all 0.5s;
}
.quality-4 .item-img .img-wr:hover img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.beer-slider[data-beer-label]:after,
.beer-reveal[data-beer-label]:after {
    font-size: 18px;
    color: #fff;
    padding-top: 0.6rem;
    white-space: pre;
    top: 2.2rem;
}

.beer-slider[data-beer-label]:after {
    background: url(../images/right.png) center top / 0.4rem no-repeat;
}

.beer-reveal[data-beer-label]:after {
    background: url(../images/error.png) center top / 0.4rem no-repeat;
}

.beer-handle {
    width: 0.36rem;
    height: 0.36rem;
}

.beer-handle:after {
    display: none;
}

.beer-handle::before {
    width: 0.14rem;
    height: 0.14rem;
    border: none;
    background: blue;
    border-radius: 100%;
    left: 0.08rem;
}


/*工程案例列表*/
.example-swiper-container-1 {
    overflow: visible;
    height: 100%;
}

.example-swiper-wrapper-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    height: 100%;
}

.example-swiper-wrapper-1 .example-slide-item {
    width: 11.92rem !important;
    /* height: 5.6rem; */
    padding-right: 3vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
	transform: translate(-1.35rem,0);
	-ms-transform: translate(-1.35rem,0); /* IE 9 */
	-webkit-transform: translate(-1.35rem,0); /* Safari and Chrome */
}

.example-swiper-wrapper-1 .example-slide-item>a { 
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: 100%;
    /* height: 100%;
    padding: 40px; */
    padding-top: 49.68%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;overflow: hidden;transition: all 0.5s;
}
.example-swiper-wrapper-1 .example-slide-item>a:hover {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.example-swiper-wrapper-1 .example-slide-item>a .img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 100%; overflow: hidden;
    object-fit: cover; 
}
.example-swiper-wrapper-1 .example-slide-item:hover .text-bottom__heading { color: #fff;}

.example-swiper-wrapper-1 .text-top {
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    right: 0.4rem;
    z-index: 20;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* width: 100%; */
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.example-swiper-wrapper-1 .text-top__heading {
    position: relative;
    z-index: 20;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Gordita, sans-serif;
    color: #fff;
    font-size: 0.32rem;
    font-weight: 300;
    letter-spacing: -.2px;
    text-decoration: none;
}

.example-swiper-container-1 .text-top .arrow {
    position: relative;
    z-index: 20;
    overflow: hidden;
    width: 0.2rem;
    height: 0.2rem;
    margin-left: auto;
}

.example-swiper-wrapper-1 .text-bottom {
    position: absolute;
    bottom: 0.4rem;
    left: 0.4rem;
    right: 0.4rem;
    z-index: 20;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.example-swiper-wrapper-1 .text-bottom__column {
    margin-right: 0.4rem;
}

.example-swiper-wrapper-1 .text-bottom__heading {
    margin-bottom: 5px;
    font-family: Gordita, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .5px;
    text-transform: uppercase; color: #666; transition: all 0.5s;
}

.example-swiper-wrapper-1 .text-bottom__fact {
    margin-top: 10px;
    font-family: Gordita, sans-serif;
    color: #fff;
    font-size: 0.26rem;
    font-weight: 300;
}

.example-1 {
    padding: 0.8rem 0 1rem;
    background-color: #f5f5f5;
    overflow: hidden;
}

.example-1 .pa-info {
    margin-top: 0.48rem;
    font-size: 18px;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.example-1 .pa-info .info {
    padding-left: 0.3rem;
    background: url(../images/arrow-right2.png) left center / 0.18rem no-repeat;
}

.example-1 .example-swiper-pagination {
    width: auto;
    font-size: 18px;
    text-align: right;
    color: #000;
}

.example-1 .swiper-pagination-total {
    color: #999;
}

.example-2 {
    padding: 0.8rem 0;
}

.example-2 .total-info {
    font-size: 16px;
    color: #999999;
    margin-bottom: 0.4rem;
}

.example-2-list .item {
    width: 49%;
    /* height: 2.5rem; */
    margin-bottom: 0.4rem;
	transition: all 0.5s;
}

.example-2-list .item:hover {
    /* box-shadow: 1px 1px 10px 5px rgba(0, 0, 0, .2); */
	transform: translate(0,-0.1rem);
	-ms-transform: translate(0,-0.1rem); /* IE 9 */
	-webkit-transform: translate(0,-0.1rem); /* Safari and Chrome */
}
.example-2-list .item:hover .text {
	background-image: url(../images/arrow-up-blue.png);
}

.example-2 .link-block {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    padding: 0.28rem;
    background-color: #f5f5f5;
}

.example-2-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.example-2-list .item .img {
    width: 3.2rem;

}

.example-2-list .item .img .img-wp {
    padding-top: 62.5%;
    position: relative; overflow: hidden;
}

.example-2-list .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0; transition: all 0.5s;
}

.example-2-list .item .img:hover img {
	 -ms-transform: scale(1.05, 1.05);
	 -webkit-transform: scale(1.05, 1.05);
	 transform: scale(1.05, 1.05);
}

.example-2-list .text {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    padding-left: 0.2rem;
    background: url(../images/arrow-up-gray.png) right top / 0.16rem no-repeat;
}

.example-2-list .text .t1 {
    font-size: 18px;
    color: #000000;
    margin-bottom: 0.16rem;
}
.example-2-list .text .t1 span {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 94%, #333 0%);
	background-size: 0 100%;
	 background-repeat: no-repeat;
	 transition: all 0.5s; display: inline;
}
.example-2-list .item:hover .text .t1 span {
	background-size: 100% 100%; 
}

.example-2-list .item .t2 {
    font-size: 14px;
    color: #666666;
    line-height: 1.5;
}

.example-2-list .item .date {
    font-size: 16px;
    color: #999;
}

.example-1 .custom-container,
.example-2 .custom-container {
    width: 80%;
}

.page-box {
    text-align: center;
    margin-top: 0.5rem;font-size: 16px;
}

.page-box .layui-laypage a,
.page-box .layui-laypage span {
    color: #666;
    margin: 0 5px 0 5px;
	height: 3em;
	    line-height: 3em;
	padding: 0 1.2em;font-size: 16px;
}
.page-box .layui-laypage .layui-laypage-prev,
.page-box .layui-laypage .layui-laypage-next { font-family: "宋体";}
.page-box .layui-laypage-em { border-radius: 0;}

/* @media (max-width: 1024px) {
	.page-box { font-size: 12px;}
	.page-box .layui-laypage a,
	.page-box .layui-laypage span { font-size: 12px;}
} */

.example-2 .custom-container {
    position: relative;
    padding-top: 0.58rem;
}

.example-2 .example-2-top {
    padding: 0.4rem 0.3rem;
    background-color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: -1.5rem;
    box-shadow: 0 0 12px 3px rgba(0, 0, 0, .04);
    box-sizing: border-box;
}

.example-2-top .layui-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    align-items: center
}

.example-2-top .layui-form .layui-inline {
    width: 23%;
    display: flex
}

.example-2-top .layui-inline-search .layui-input {
    font-size: 16px;
    color: #000;
    border-right: none;
}

.example-2-top .layui-inline-search .layui-input:focus {
    border-color: #eee !important;
}

.example-2-top .layui-inline-search .layui-btn-primary {
    border-left: none;
    border-color: #eee;
    padding: 0 0.2rem;
}

.example-2-top .search-img {
    width: 0.2rem; margin-bottom: 0.03rem;
}

.example-2-top .e-label {
    /* margin-bottom: 0.2rem; */
    font-size: 14px;
    color: #999999;
}

.example-2-top .layui-form-select .layui-input {
    font-size: 16px;
    color: #000000;
    border-top: none;
    border-left: none;
    border-right: none;
    padding-left: 0;
}
.example-2-top .layui-form-select .layui-input::-webkit-input-placeholder{
        color: #000;
}
.example-2-top .layui-form-select .layui-input::-moz-placeholder{ 
        color: #000;        
}
.example-2-top .layui-form-select .layui-input:-ms-input-placeholder{ 
        color: #000;        
}


.example-2-top .layui-form-select .layui-edge {
    width: 4px;
    height: 4px;
    border-right-color: #999999;
    transform: rotate(135deg);
    border-width: 2px;
    border-top-color: #999999;
}

.example-2-top .layui-form-selected .layui-edge {
    margin-top: -3px;
}

.example-2-top .layui-form-select dl {
    background-color: #f5f5f5;
}

.example-2-top .layui-form-select dl dd {
    font-size: 14px;
    color: #666666;
}
.example-2-top .layui-form-select dl dd:hover { background-color: #001ea3;
color: #fff;}

.example-2-top .layui-form-select dl dd.layui-this {
    background-color: #001ea3;
    color: #fff;
}

.example-2-top .layui-form-select dl dd.layui-select-tips {
    display: none;
}

/*案例详情*/
.example-detail-container .example-detail-slide .img-wr {
    position: relative;
    padding-top: 50.52%;
}

.example-detail-container .example-detail-slide .img-wr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.example-detail-container .example-detail-slide::after { position: absolute;
width: 100%; height: 100%;
left: 0; top: 0; z-index: 2; background-color: rgba(0,0,0,0.2); content: ""; display: block;}
.example-detail-container .example-detail-slide .con { position: absolute; z-index: 3;
 left: 0;
top: 0; width: 100%; height: 100%; color: #fff;
display: flex; justify-content: center; align-items: center;}
.example-detail-container .example-detail-slide .con .tit { letter-spacing: 0.05em; font-size: 0.48rem;}
.example-detail-container .example-detail-slide .con .intro { font-size: 18px;
color:rgba(255,255,255,0.6); line-height: 1.3; margin-top: 0.8em; font-weight: bold;}

.example-detail-thumb .thumb-slide .img-wr {
    padding-top: 54.44%;
    position: relative;
}

.example-detail-thumb .thumb-slide .img-wr img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.example-detail-banner {
    position: relative;
}

.example-detail-thumb {
    position: absolute;
    bottom: 0.4rem;
    left: 0;
    right: 0;
    text-align: center;
}

.example-thumb-wrapper {
    justify-content: center;
}

.example-detail-thumb .thumb-slide {
    width: 1.8rem !important;
    box-sizing: border-box;
}

.example-detail-thumb .swiper-slide-thumb-active {
    border: 3px solid #001ea3;
}

.example-detail-1 {
    background-color: #fff;
	    position: relative;
	    z-index: 10;
}

.example-detail-1 .item {
    border-bottom: 1px solid #ddd;
    padding: 0.7rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.example-detail-1 .item .title {
    flex: 0 0 40%;
}

.example-detail-1 .t1 {
	margin-top: -0.6em;
    font-size: 0.24rem;
    color: #000;
    line-height: 2.3em;
}

.example-detail-1 .t2 {
    font-size: 16px;
    color: #999999;
}

.example-detail-1 .info {
    font-size: 18px;
    color: #666;
    display: flex;
    flex: 1;
    justify-content: space-between;
    line-height: 0.3rem;
}

.example-detail-1 .info .dark {
    color: #333;
}

.example-detail-1 .share {
    font-size: 18px;
    color: #000;
}
.example-detail-1 .share a { margin: 0 0 0 0.2rem; display: inline-block; position: relative; z-index: 0;
width: 0.3rem;
    height: 0.3rem;
    padding: 0;
    border-radius: 50%;
    margin: 0 0 0 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.example-detail-1 .share a::before{
	display: none;
}

.example-detail-1 .share img {
    vertical-align: middle; display: block;width: 100%;height: 100%;
}
/* .example-detail-1 .share img:nth-child(1) { position: relative; z-index: 0; opacity: 1;
transition:opacity 1s;}
.example-detail-1 .share img:nth-child(2) {position: absolute; top: 0; left: 0; z-index: 1; opacity: 0;
transition:opacity 1s;} */
/* .example-detail-1 .share a:hover img:nth-child(1) {
	 z-index: 0; opacity: 0;
}
.example-detail-1 .share a:hover img:nth-child(2) {
	z-index: 1; opacity: 1;
} */

.example-detail-1 .share .wx {
    width: 0.24rem;
}

.example-detail-1 .share .qq {
    width: 0.20rem;
}

.example-detail-1 .share .wb {
    width: 0.24rem;
}

.opt-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between; align-items: center;
    margin-bottom: 0.7rem; padding-top: 0.6rem;
}

.opt-bar .link { 
    font-size: 18px; margin-top: 0;
    color: #999;
    flex: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.opt-bar .link a {
    display: block;
    line-height: 0.4rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
.opt-bar .link a:hover {
    color: #001ea3;
}
.opt-bar .back-part {
    width: 2rem;
    text-align: right;
}

.opt-bar .back {
    font-size: 18px;
    color: #999;
    padding-left: 0.24rem;
    background: url(../images/back.png) left center / 0.14rem no-repeat;
}
.opt-bar .back:hover {
    color: #001ea3;
	background-image: url(../images/back-blue.png);
}

.p-example.example-detail-product {
    background-color: #f8f8f8; padding-bottom: 0;
}

.p-example.example-detail-product .text {
    text-align: center;
    background: none;
}
.p-example.example-detail-product .custom-panel-con .item:hover .text {
	background-image: none;
}
.p-example.example-about {
	padding-top: 1.3rem;
}
/*常见问题*/
.question-1 {
    border-bottom: 1px solid #ddd;
}

.question-2 .form-box {
    background-color: #f5f5f5;
    padding: 0.36rem 0.42rem 0.32rem 0.5rem;
}

.question-2 .hot-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.2rem;
}

.question-2 .hot-box>a {
    font-size: 16px;
    color: #999;
    text-decoration: underline;
    margin: 0 0.2rem 0 0;
}

.question-2 .hot-box .title {
    color: #000;
    font-size: 16px;
}

.question-2 .input-area {
    background-color: #fff;
    width: 100%;
    height: 0.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.question-2 .search-input {
    height: 0.6rem;
    line-height: 0.6rem;
    border: none;
    outline: none;
    flex: 1;
    padding: 0 0.4rem 0.24rem;
    font-size: 16px;
    color: #333;
}

.question-2 .search-icon {
    height: 0.6rem;
    border: none;
    outline: none;
    flex: 0 0 0.8rem;
    background-color: #fff;
}

.question-2 .search-icon img {
    vertical-align: middle;
    width: 0.25rem;
}

.question-2 {
    padding-bottom: 0.8rem;
}

.question-2 .con {
    overflow: hidden;
    margin-top: 0.6rem;
}

.question-2 .con .nav {
    width: 3.17rem;
    float: left;
}

.question-2 .con .nav li {
    padding: 0.2rem 0.18rem 0.2rem 0.36rem;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #fff;
}

.question-2 .con .nav li:first-child {
    border-top: 1px solid #ddd;
}

.question-2 .con .nav li.active,
.question-2 .con .nav li:hover {
    background-color: #001ea3;
    border-color: #001ea3;
}

.question-2 .con .nav a {
    display: block;
    font-size: 18px;
    color: #666666;
    background: url(../images/arrow-to.png) right center / 0.07rem no-repeat;
}

.question-2 .con .nav li.active a,
.question-2 .con .nav li:hover a {
    color: #fff;
    background: url(../images/arrow-to-white.png) right center / 0.07rem no-repeat;
}

.question-2 .con .nav-con {
    margin-left: 3.8rem;
}
.question-2 .con .nav-con .p-panel { margin-top: 0.3rem; border: 1px solid #ddd;}
.question-2 .p-panel-item {
    height: 0.8rem;
    padding: 0.3rem 0.5rem 0;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.question-2 .p-panel-item:last-child {
    border-bottom: none;
}

.question-2 .p-panel-item.open {
    height: auto;
}

.question-2 .tab-btn img {
    width: 0.3rem;
    height: auto;
}

.question-2 .p-panel-tab {
    height: 0.8rem;
    line-height: 0.4rem;
    align-items: flex-start;
}

.question-2 .p-panel-content {
    padding-top: 0.1rem;
    padding-bottom: 0.2rem;
}

.question-2 .p-panel-tab .tab-btn {
    padding-top: 0.05rem;
}

.question-2 .p-panel-tab .p-panel-title {
    height: 0.4rem;
    overflow: hidden;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    padding-right: 0.3rem;
}

.question-2 .p-panel-item.open .p-panel-tab .p-panel-title {
    color: #001ea3;
    height: auto;
}

.question-2 .p-panel-tab .p-panel-title .sort {
    margin-right: 0.8rem;
}

.question-2 .p-panel-tab .p-panel-title .title {
    display: inline-block;

}

.question-2 .p-panel-content .desc-txt {
    padding-left: 0.8rem; margin-left: 1.34em; line-height: 1.5; 
}
@media (max-width: 10200px) {
	
	.question-2 .p-panel-content .desc-txt {margin-left: 1.7em;}
}
	
.question-2 .p-panel-content .info { width: 100%;}
.question-2 .p-panel-content .desc { width: 100%;}
.question-2 .p-panel-item.open .p-panel-content {margin-top: 0;}
.question-2 .p-panel-item.open .p-panel-tab { height: auto;}
.question-2 .p-panel-item.open .p-panel-tab .p-panel-title { line-height: 1.9;}

.line2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*技术支持-服务体系*/
.strength-1.quality-1.service-1 {
    background: url(../images/bg16.png) no-repeat;
    background-size: cover;
}

.service-1 .sub-tit {
    font-size: 18px;
    color: #999999; margin-bottom: 0.08rem;
}

.quality-1.service-1 .tit2 {
    font-size: 18px;
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

.quality-1.service-1 .tit2:after {
    display: none;
}
.quality-1.service-1 .tit23 {font-size: 18px;line-height: 1.7;}
.quality-1.service-1 .tit23 .t2{ color: #000; }
.quality-1.service-1 .tit23 .t3{ color: #666;}

.service-2 {
    padding: 0.9rem 0;
}

.service-2 .con {
    flex-wrap: wrap;
    justify-content: space-between;
}

.service-2 .top-text {
    text-align: center;
    margin-bottom: 0.48rem;
}

.service-2 .top-text .t1 {
    font-size: 0.36rem;
    color: #000;
    margin-bottom: 0.1rem;
}

.service-2 .top-text .t2 {
    font-size: 18px;
    color: #666;
}

.service-2 .item {
    width: 49%;
    align-items: center;
    background-color: #f8f8f8;
    margin-bottom: 0.3rem;
    padding: 0.7rem 0.42rem 0.7rem 0.5rem;
    box-sizing: border-box; transition: all 0.5s;
}
.service-2 .item:hover {
	-ms-transform: scale(1.03, 1.03);
	-webkit-transform: scale(1.03, 1.03);
	transform: scale(1.03, 1.03);
}

.service-2 .img {
    width: 1.2rem;
    height: 1.2rem;
    vertical-align: middle;
}

.service-2 .info {
    padding-left: 0.4rem;
}

.service-2 .info .p1 {
    font-size: 0.24rem;
    color: #000;
    margin-bottom: 0.24rem;
}

.service-2 .info .p2 {
    font-size: 16px;
    color: #000; line-height: 1.7;
}

.service-4 {
    padding: 0.95rem 0 1.4rem;
}

.service-4 .top-text {
    text-align: center;
    margin-bottom: 0.44rem;
}

.service-4 .top-text .t1 {
    font-size: 0.36rem;
    color: #000;
    margin-bottom: 0.1rem;
}

.service-4 .top-text .t2 {
    font-size: 18px;
    color: #666;
}

.service-4 .custom-container {
    width: 80%;
}

.service-4 .con {
    height: 5.2rem;
}

.service-4 .con .item {
    /* width: 2.86rem; */
    height: 100%;
    width: 50%;
    flex: 0 0 1;
    position: relative;
    transition: all 0.4s;
}

.service-4 .con .item .button-area,
.service-4 .con .item .t2 {
    display: none;
}

.service-4 .con .item.on {
    width: 9.1rem;
    flex-shrink: 0;
}

.service-4 .con .item.on .button-area,
.service-4 .con .item.on .t2 {
    display: block;
}

.service-4 .con .item .img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
}

.service-4 .con .item .img::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.service-4 .con .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    transition: all 0.4s;
}

.service-4 .item .text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: flex-start;
    padding-top: 0.6rem;
    flex-direction: column;
    padding-left: 0.6rem;
    box-sizing: border-box;
}

.service-4 .item.on .text {
    /* justify-content: space-around;
    padding-top: 0; */
}

.service-4 .con .t1 {
    font-size: 0.24rem;
    color: #fff;
    margin-bottom: 0.38rem;
}

.service-4 .con .t2 {
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 0.5rem;
}

.strength-2 .custom-container-w { width: 77%; margin: 0.44rem auto 0; 
    height: 400px; position: relative; z-index: 0;}
.strength-2 .custom-container { display: block; position: absolute; z-index: 0; top: 0;
    left: 0; width: 100%;
   opacity: 0;  transition: all 0.5s;
}

.strength-2 .custom-container.active { 
	position: relative;  z-index: 1; left: 0;
	opacity: 1;
}

.a {}


.strength-2 .con {
    height: 5.2rem;
}


.strength-2 .con .item {
    /* width: 2.86rem; */
    height: 100%;
    width: 50%;
    flex: 0 0 1;
    position: relative;
    transition: all 0.4s;
}

.strength-2 .con .item .button-area,
.strength-2 .con .item .t2 {
    display: none;
}

.strength-2 .con .item.on {
    width: 11rem;
    flex-shrink: 0;
}
@media only screen and (max-width:828px) { 
	.strength-2 .custom-container-w {width: 90%; }
	.strength-2 .con .item.on { width: 4.8rem;}
}
.strength-2 .con .item.on .button-area,
.strength-2 .con .item.on .t2 {
    display: block;
}

.strength-2 .con .item .img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
}

.strength-2 .con .item .img::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.strength-2 .con .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    transition: all 0.4s;
}
.strength-2 .con .item img.img_1 { z-index: 1; opacity: 1;}
.strength-2 .con .item img.img_2 { z-index: 0; opacity: 0;}

.strength-2 .con .item.on img.img_1 { z-index: 0; opacity: 0;}
.strength-2 .con .item.on img.img_2 { z-index: 1; opacity: 1;}

.strength-2 .item .text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.15);
    display: flex;
    justify-content: flex-start;
    padding-top: 0.6rem;
    flex-direction: column;
    padding-left: 0;
    box-sizing: border-box; text-align: center;
}

.strength-2 .item.on .text {
    /* justify-content: space-around;
    padding-top: 0; */
	padding-left: 0.6rem; text-align: left;
}

.strength-2 .con .t1 {
    font-size: 0.24rem;
    color: #fff;
    margin-bottom: 0.38rem; white-space:nowrap; *white-space:nowrap;
}

.strength-2 .con .t2 {
    font-size: 18px;
    color: #fff;
    position: absolute;
    bottom: 0.5rem;
}

.service-3 {
    padding: 0.9rem 0;
    background: #f8f8f8;
}

.service-3 .top-text {
    text-align: center;
    margin-bottom: 0.5rem;
}

.service-3 .top-text .t1 {
    font-size: 0.36rem;
    color: #000;
    margin-bottom: 0.2rem;
}

.service-3 .top-text .t2 {
    font-size: 18px;
    color: #666;
}

.service-3 .num {
    font-size: 0.24rem;
    color: #cccccc;
    text-align: center;
    width: 0.47rem;
    height: 0.55rem;
    box-sizing: border-box;
    line-height: 0.55rem;
}

.service-3 .swiper-wrapper {
    width: 100%;
    height: 5.14rem;
    position: relative;
    align-items: center;
}

.service-3 .swiper-wrapper .swiper-slide {
    width: 3.5rem;
    height: 3.75rem;
    margin: 0;
}

.service-3 .swiper-wrapper .swiper-slide.swiper-slide-active {
    height: 4.7rem;
    
}

.service-3 .swiper-wrapper .swiper-slide.swiper-slide-active .num {
    color: #001ea3;
    background: url(../images/icon-18.png) center center / 0.47rem no-repeat;
}

.service-3 .swiper-wrapper .swiper-slide .content {
    height: 100%; margin: 0 0.15rem; padding: 0 0.26rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	background-color: #fff;
}

.service-3 .swiper-wrapper .swiper-slide.swiper-slide-active .content {
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .04);
	border-bottom: 3px solid #001ea3;
}

.service-3 .swiper-wrapper .swiper-slide .icon {
    width: 0.75rem;
    margin: 0 auto 0.25rem;
}

.service-3 .swiper-wrapper .swiper-slide .icon img {
    width: 100%;
}

.service-3 .swiper-wrapper .swiper-slide .label {
    font-size: 0.24rem;
    letter-spacing: .9px;
    color: #000;
    text-align: center;
    margin-bottom: 0.2rem;
}
.service-3 .swiper-wrapper .swiper-slide-active .label {
	 margin-bottom: 0.08rem;
}

.service-3 .swiper-wrapper .swiper-slide .info {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .9px;
    color: #666666;
    text-align: center;
    margin-bottom: 30px;
}

/*关于我们*/
.about-1 {
    padding: 1.32rem 0 1.3rem;
}

.about-1 .con-box {
    align-items: center;
    justify-content: center;
}

.about-1 .con-box__content {
    padding-right: 0.6rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}

.about-1 .sub-tit {
    font-size: 18px;
    color: #999999;
}

.about-1 .tit1 {
    font-size: 0.36rem;
    color: #000;
}

.about-1 .tit2 {
    font-size: 16px;
    color: #333;
    margin-bottom: 0.32rem;
    margin-top: 0.42rem;
}

.about-1 .tit3 {
    font-size: 16px;
    color: #000;
    padding-bottom: 0.48rem;
    border-bottom: 1px solid #ddd;
}

.about-1 .con-box__img {
    width: 9.64rem;
}

.about-1 .con-box__img .img-wr {
    padding-top: 63.29%;
    position: relative;
}

.about-1 .con-box__img .img-wr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;transition: all 1s;
}
.about-1 .con-box__img .img-wr:hover img {
	 -ms-transform: scale(1.05, 1.05);
	 -webkit-transform: scale(1.05, 1.05);
	 transform: scale(1.05, 1.05);
}

.about-1 .custom-container {
    width: 84.4%; margin: 0 4% 0 auto;
}

.about-1 .about-us {
    margin-top: 0.62rem;
}

.about-1 .about-us .title {
    font-size: 18px;
    color: #000;
    position: relative;
    padding-left: 0.12rem;
}

.about-1 .about-us .title::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    bottom: 1px;
    width: 3px;
    background-color: #001ea3;
}

.about-1 .about-us .ca {
    flex-wrap: wrap;
    margin-top: 0.45rem;
    justify-content: space-between;
}

.about-1 .about-us .ca-item {
    width: 49%;
    margin-bottom: 0.5rem;
}

.about-1 .about-us .ca-item.mr3 {
    margin-right: 0.3rem;
}

.about-1 .about-us .ca-item .num {
    font-size: 0.62rem;
    color: #001ea3;
    line-height: 0.5rem;
}

.about-1 .about-us .ca-item .unit {
    font-size: 14px;
    color: #001ea3; margin-left: 0.1rem;
}

.about-1 .about-us .ca-item .line2 {
    font-size: 16px;
    color: #000000;
}

.about-1 .about-us .ca-item .line1 {
    margin-bottom: 0.12rem;
}

.about-2 {
    height: 9.7rem;
    background: url(../images/l27.jpg) center center no-repeat;
    background-size: cover;
    position: relative;
}

.about-2 .con {
    height: 100%;
}

.about-2 .con .item {
    width: 25%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 0.3rem;
    transition: all 0.4s;
	border-right:1px solid rgba(255,255,255,0.2);
}
.about-2 .con .item>img { width: 0.5rem; height: 0.5rem; object-fit: contain;}
.about-2 .con .item:nth-child(4n) {border-right:0}

.about-2 .con .item .t1 {
    font-size: 0.24rem;
    color: #ffffff;
    position: relative;
    text-align: center;
    margin-top: 0.2rem;
}

.about-2 .con .item .t1::after {
    content: '';
    width: 0.3rem;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -0.15rem;
    border-top: 3px solid #ddd;
    display: none;
}

.about-2 .con .item .t2 {
    font-size: 16px; line-height: 1.7;
    color: #ffffff; height: 0;
    overflow: hidden;
    text-align: center;
    margin-top: 0.3rem; transition: all 0.5s; opacity: 0;
}

.about-2 .con .item:hover {
    background: rgba(0, 0, 0, .4);
}

.about-2 .con .item:hover .t2 {
    display: block; height: auto; opacity: 1; height: 5.1em;
}

.about-2 .con .item:hover .t1:after {
    display: block;
}

.about-2 .con .item:hover .t1 {
    padding-top: 0.2rem;
}

.about-2 .top-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0.98rem;
    text-align: center;
}

.about-2 .top-text .t1 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0.1rem;
}

.about-2 .top-text .t2 {
    font-size: 0.36rem;
    color: #fff;
}

.about-3 {
    height: 11.8rem;
    background: url(../images/bg22.png) no-repeat;
    background-size: cover;
    padding: 1.4rem 0.6rem;
    box-sizing: border-box;
}

.about-3 .history-txt { width: 100%; text-align: center;
 font-size: 16px; color: #000; width: 18em; margin:0.32rem auto 0;
 background: url(../images/mouse-gray.png) center bottom no-repeat;
 background-size:1.5em auto ; padding-bottom: 2.8em; text-align: center;}

.about-3 .history-thing {
    justify-content: center;
    align-items: center;
    margin-top: 0.52rem;
}

.about-3 .history-thing .img {
    width: 8.76rem;
    height: 4.72rem;
    box-shadow: -10px -10px 0px 0px #001ea3;
}

.about-3 .history-thing .img img {
    width: 8.76rem;
    height: 4.72rem;
    object-fit: cover;
}

.about-3 .history-thing .info {
    width: 5.2rem;
    padding-left: 0.6rem;
}

.about-3 .history-thing .t1 {
    font-size: 0.24rem;
    color: #333;
    margin-bottom: 0.1rem;
}

.about-3 .history-thing .t2 {
    font-size: 16px;
    color: #333;
    margin-bottom: 0.1rem;
}

.about-3 .title {
    font-size: 0.36rem;
    color: #333;
    padding-left: 1rem;
    margin-bottom: 0.6rem;
}
.history-swiper {
    border-bottom: 1px solid #999999;
}
.history-swiper::before, .history-swiper::after {
    content: '';
    height: 8px;
    width: 2px;
    background-color: #999;
    position: absolute;
    bottom: 0;
    z-index: 10;
}
.history-swiper::before {
    left: 0;
}
.history-swiper::after {
    right: 0;
}
.history-swiper .swiper-wrapper {
    width: 100%;
    height: 2.3rem;
	height: 1.65rem;
}

.history-swiper .swiper-slide {
    width: 5rem;
    height: 2.3rem;
	height: 1.65rem; cursor: pointer;
}
.history-swiper .swiper-slide::after {
    content: '';
    height: 8px;
    width: 2px;
    background-color: #ddd;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    bottom: 0;
}
.history-swiper .swiper-slide.swiper-slide-active::after {
    background-color: #001ea3;
}
.history-swiper .swiper-slide .inner {
    height: 100%;
}
.history-swiper .year-text {
    height: 100%;
    text-align: center;
}
.history-swiper .year-text span{
    /* font-size: 1.84rem; */
	font-size: 1rem;
    color: #333;
    background-image: -webkit-linear-gradient(top, #d7d7d7, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.history-swiper .inner {
    position: relative;
}

.history-swiper .mask {
    position: absolute;
    width: 100%;
    /* height: 0.86rem; */
	height: 0.5rem;
    bottom: 0;
    left: 0;
    box-shadow: 0 -10px 10px 4px rgba(255,255,255,1);
    background: #fff;
}
.history-swiper .swiper-slide-active .mask {
    height: 0.84rem;
    box-shadow: none;
}
.history-swiper .swiper-slide-active .year-text span{
    color: #001ea3;
    background-image: #001ea3;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #001ea3;
	font-weight: bold;
}
.about-4 {
    padding: 1.1rem 0 1.4rem;
    background: url(../images/bg23.png) no-repeat;
    background-size: cover;
}
.about-4 .top-text{
    text-align: center;
    margin-bottom: 0.88rem;
}
.about-4 .flex-el {
    justify-content: center;
}
.about-4 .top-text .t1{
    font-size: 0.36rem;
    color: #000;
    margin-bottom: 0.3rem;
}
.about-4 .top-text .t2{
    font-size: 16px; line-height: 1.75;
    color: #333;
    margin-bottom: 0.36rem;
}
.about-4 .con {
    margin: 0 0.8rem;
}
.about-4 .con-list {
    justify-content: space-between; position: relative; z-index: 0;
}
.about-4 .con-list .item {
    width: 19%;
    padding: 0.36rem 0 0.24rem;
    margin-right: 0;
    position: relative;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
}

.about-4 .con-list .swiper-slide .item {
	width: 95%; margin: 0 auto;
}
.about-4 .con-list .item:hover {
   border: 1px solid #001ea3;
}
.about-4 .con-list .item a {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
}
.about-4 .con-list .img-wr {
    position: relative;
    padding-top: 146.23%;
}
.about-4 .con-list .img-wr img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
.about-4 .pd {
    padding: 0 0.8rem;
}
.about-4 .pd:nth-child(2) { padding: 0 0.6rem; font-size: 16px;}
.about-4 .item .pd:last-child {
    border-top: 1px solid #ddd;
    margin-top: 0.36rem;
}
.about-4 .con-list .text {
    padding-top: 0.24rem;
    position: relative;
}
.about-4 .con-list .text .title-2 {
    font-size: 16px;
    color: #000;
}
.strength-4.about-5 .part {
    width: 50%;
}


.about-4 .swiper-button-next,
.about-4 .swiper-button-prev {
    background: #001ea3;
    border-radius: 50%;
    width: 0.56rem;
    height: 0.56rem;
    color: #999999;
}

.about-4 .swiper-button-prev {
    left: -0.4rem;
}

.about-4 .swiper-button-next {
    right: -0.4rem;
}

.about-4 .swiper-button-next::after,
.about-4 .swiper-button-prev::after {
    /* font-size: 20px; */
    content: '';
    width: 0.19rem;
    height: 0.09rem;
}

.about-4 .swiper-button-next::after {
    background: url(../images/next-white.png) center center / 0.19rem no-repeat;
}

.about-4 .swiper-button-prev::after {
    background: url(../images/prev-white.png) center center / 0.19rem no-repeat;
}

.about-4 .swiper-button-next.swiper-button-disabled,
.about-4 .swiper-button-prev.swiper-button-disabled {
    background-color: #f3f3f3;
    opacity: 1;
}

.about-4 .swiper-button-next.swiper-button-disabled::after {
    background: url(../images/next-gray.png) center center / 0.19rem no-repeat;
}

.about-4 .swiper-button-prev.swiper-button-disabled::after {
    background: url(../images/prev-gray.png) center center / 0.19rem no-repeat;
}

/*人才计划*/
.program-1 {
    padding: 0.95rem 2.2rem 1.3rem;
    background: url(../images/l32.png) right 2.4rem /9.97rem no-repeat;
}
.program-1 .top-text {
    margin-bottom: 0.75rem;
}
.program-1 .top-text .t1 {
    font-size: 0.36rem;
    color: #000;
    margin-bottom: 0.42rem;
}
.program-1 .top-text .t2 {
    font-size: 0.24rem;
    color: #000;
}
.program-1 .top-text .t3 {
    font-size: 0.24rem;
    color: #999;
}
.program-1 .con {
    justify-content: space-between;
}
.program-1 .con .item {
    width: 49%;
    position: relative;
}
.program-1 .con .item .img-wr {
    padding-top: 50.07%;
    position: relative; overflow: hidden;
}
.program-1 .con .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0; transition: all 0.5s;
}
.program-1 .con .item:hover img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.program-1 .con .item .text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0.24rem;
    color: #fff;
    align-items: center;
    justify-content: center;transition: all 0.5s;
}
.program-1 .con .item:hover .text {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.program-2 {
    padding: 1rem 0 1.16rem;
    background: url(../images/bg25.jpg) no-repeat;
    background-size: cover;
}
.program-2 .top-text {
    margin-bottom: 0.95rem;
    text-align: center;
}
.program-2 .top-text .t1 {
    font-size: 0.24rem;
    color: #999999;
    margin-bottom: 0.2rem;
}
.program-2 .top-text .t2 {
    font-size: 0.36rem;
    color: #000;
}
.program-2 .t3 {
    font-size: 0.24rem;
    color: #333333;
    margin-top: 0.9rem;
    text-align: center;
}
.program-2 .inner {
    width: 5.84rem;
    margin: 0 auto;
}
.program-2 .circle-box {
    width: 5.44rem;
    height: 5.44rem;
    border-radius: 100%;
    /* border: 1px dashed #001ea3; */
    position: relative;
    align-items: center;
    justify-content: center;
}
.program-2 .circle-box img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.program-2 .circle-a {
    width: 4.86rem;
    height: 4.86rem;
    border-radius: 100%;
    background-color: #fff;
    align-items: center;
    justify-content: center;
}
.program-2 .circle-inner {
    width: 2.42rem;
    height: 2.42rem;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 0 30px 15px rgba(0, 0, 0, .04);
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.program-2 .circle-inner img {
    width: 1.15rem;
}
.program-2 .circle-inner .txt {
    font-size: 0.28rem;
    color: #333333;
    margin-top: 0.1rem;
}
.program-2 .circle-box .circle {
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.4rem;
    border-radius: 50%;
    background-color: #001ea3;
    color: #fff;
    font-size: 18px;
    text-align: center;
    position: absolute;
}
.program-2 .circle1 {
    top: 0;
    left: -0.1rem;
}
.program-2 .circle2 {
    top: 0;
    right: -0.1rem;
}
.program-2 .circle3 {
    bottom: 0;
    right: -0.1rem;
}
.program-2 .circle4 {
    bottom: 0;
    left: -0.1rem;
}
.program-3 {
    height: 7.42rem;
    padding: 1rem 0.3rem 1.2rem 2.2rem;
    background: url(../images/bg26.jpg) no-repeat;
    background-size: cover;
    box-sizing: border-box;
}
.program-3 .top-text {
    margin-bottom: 0.6rem;
    position: relative;
}
.program-3 .top-text .t1 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0.1rem;
}
.program-3 .top-text .t2 {
    font-size: 0.36rem;
    color: #fff;
    margin-bottom: 0.34rem;
}
.program-3 .top-text .t3 {
    font-size: 16px;
    color: #fff;
}
.program-swiper-3 .swiper-slide {
    width: 5.36rem;
}
.program-swiper-3 .swiper-slide .img-wr {
    padding-top: 57.46%;
    position: relative; overflow: hidden;
}
.program-swiper-3 .swiper-slide .img-wr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0; transition: all 0.5s;
}
.program-swiper-3 .swiper-slide:hover .img-wr img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.program-swiper-3 .text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.3rem;
}
.program-swiper-3 .text .p1 {
    font-size: 18px;
    color: #ffffff;
}
.program-swiper-3 .text .p2 {
    font-size: 18px;
    color: #ffffff;
}
.program-3 .program-swiper-prev, .program-3 .program-swiper-next {
    width: 0.68rem;
    height: 0.68rem;
    border-radius: 100%;
    background-color: #001ea3;
    outline: none;
}
.program-3 .program-swiper-next { margin-left: 0.2rem;}
.program-3 .program-swiper-next::after {
    width: 0.21rem;
    height: 0.18rem;
    content: '';
    background: url(../images/next-on.png) center center / 0.21rem no-repeat;
}
.program-3 .program-swiper-prev::after {
    width: 0.21rem;
    height: 0.18rem;
    content: '';
    background: url(../images/prev-on.png) center center / 0.21rem no-repeat;
}
.program-3 .program-swiper-next.swiper-button-disabled::after {
    background: url(../images/next.png) center center / 0.21rem no-repeat;
}
.program-3 .program-swiper-prev.swiper-button-disabled::after {
    background: url(../images/prev.png) center center / 0.21rem no-repeat;
}
.program-3 .program-swiper-next.swiper-button-disabled,
.program-3 .program-swiper-prev.swiper-button-disabled {
    opacity: 1;
    background-color: #fff;
}
.program-3 .program-swiper-prev {
    left: auto;
    right: 0.98rem;
}
.program-4 {
    padding: 1rem 1.7rem 0.2rem;
}
.program-4 .top-text {
    text-align: center;
    margin-bottom: 0.1rem;
}
.program-4 .top-text .t1 {
    font-size: 0.24rem;
    color: #999;
    margin-bottom: 0.1rem;
}
.program-4 .top-text .t2 {
    font-size: 0.36rem;
    color: #000000;
}
.program-4 .swiper-wrapper {
    height: 4rem;
    padding: 0.3rem 0.8rem;
}
.program-4 .swiper-slide {
    /* width: 6.84rem;
    height: 2.65rem; */
    width: 8.54rem;  margin-right: 0.6rem;
	 height: 3.31rem;
    display: flex; align-items: stretch;
   box-shadow: 0 0 5px 8px rgba(0, 0, 0, .04);
    box-sizing: border-box;
    background: url(../images/icon-23.png) 0.5rem 0.3rem / 0.71rem no-repeat, 
	url(../images/icon-24.png) 5.68rem center / 3.9rem no-repeat, #fff;
}
/* .program-4 .swiper-slide.swiper-slide-active {
    width: 8.54rem;
   
} */
.program-4 .swiper-slide .itemp {
	padding: 0.65rem 0 0.45rem 1.5rem;}
.program-4 .swiper-slide .inner {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.program-4 .swiper-slide .text {
    font-size: 18px;
    color: #000000; margin-right: 42%;
}
.program-4 .swiper-slide .info {
    font-size: 16px;
    color: #999999;
    align-items: center;
}
.program-4 .swiper-slide .info img {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 100%;
    margin-right: 0.2rem;
}
.program-4 .swiper-slide .info .item {
    margin-right: 0.25rem;
}
.program-4 .swiper-slide .info .txt {
    color: #000000;
}



/*招聘中心*/
.recruitment-1 {
    background-color: #f5f5f5;
    padding: 0.42rem 0 1rem;
}
.question-2.recruitment-1 .con {
    margin-top: 0;
}
.recruitment-1 .p-panel-tab {
    padding: 0.1rem 0.5rem 0.1rem;
    height: auto;
    line-height: 0.3rem;
    min-height: 0.64rem;
    align-items: center;
    box-sizing: border-box;
}
.recruitment-1 .p-panel-content {
    padding: 0.3rem 0.5rem;
}
.recruitment-1.question-2 .p-panel-tab .p-panel-title {
    width: 100%;
    height: auto;
    align-items: center;
}
.recruitment-1 .p-panel-tab .p-panel-title .item {
    /* flex: 1;
    flex-wrap: nowrap; */
}
.recruitment-1 .p-panel-tab .p-panel-title .item1 {
    width: 28%;
}
.recruitment-1 .p-panel-tab .p-panel-title .item2 {
    width: 18%;
}
.recruitment-1 .p-panel-tab .p-panel-title .item3 {
    width: 18%;
}
.recruitment-1 .p-panel-tab .p-panel-title .item4 {
    width: 18%;
}
.recruitment-1 .p-panel-tab .p-panel-title .item5 {
    width: 18%;
}
.recruitment-1 .p-panel-content .desc {
    font-size: 16px;
    color: #666;
}
.recruitment-1.question-2 .con .nav-con {
    border: none;
}
.recruitment-1.question-2 .p-panel-item {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    height: auto;
    min-height: 0.64rem;
    border: none;
    margin-bottom: 0.2rem;
}
.recruitment-1.question-2 .p-panel-item.open {
    height: auto;
}
.recruitment-1.question-2 .p-panel-tab .tab-btn {
    padding-top: 0;
}
.recruitment-1.question-2 .p-panel-item.open .p-panel-tab {
    background-color: #001ea3;
}
.recruitment-1.question-2 .p-panel-item.open .p-panel-tab .p-panel-title {
    color: #fff;
}

/*资质证书*/
.certificate-1 {
    background-color: #f8f8f8;
    padding: 0.8rem 0 1.2rem;
}
.certificate-1 .con {
    width: 77%;
    margin: 0 auto;
}
.certificate-1 .con-list {
    justify-content: space-between;
    flex-wrap: wrap;
}
.certificate-1 .con-list .item {
    width: 24%;
    padding: 0 0 0.4rem;
    margin-right: 0;
    margin-bottom: 0.4rem;
    position: relative;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
}
.certificate-1 .con-list .item:hover {
    /* box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2); */
	border: 1px solid #001ea3;
}
.certificate-1 .con-list .item>a { padding-top: 0.8rem;
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
}
.certificate-1 .pd {
    padding: 0 0.8rem;
}
.certificate-1 .pd2 {
    padding: 0 0.2rem;
}
.certificate-1 .con-list .img-wr {
    position: relative;
    padding-top: 146.23%; 
}
.certificate-1 .con-list .img-wr img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover; transition: all 0.5s;
}
.certificate-1 .con-list .item:hover .img-wr img {
	 -ms-transform: scale(1.05, 1.05);
	 -webkit-transform: scale(1.05, 1.05);
	 transform: scale(1.05, 1.05);
}
.certificate-1 .con-list .text {
    padding-top: 0.37rem;
    position: relative;
}
.certificate-1 .con-list .text .title-2 {
    font-size: 0.24rem;
    color: #000;
}
.certificate-1 .item .pd:last-child {
    border-top: 1px solid #ddd;
    margin-top: 0.8rem;
}
.certificate-1 .page-box {
    text-align: center;
}

/*新闻列表*/
.news-1 {
    background-color: #f8f8f8;
    padding: 0.8rem 0 1.35rem;
}
.news-1 .con {
    width: 80%;
    margin: 0 auto;
}
.news-1 .news-list {
    justify-content: flex-start;
    flex-wrap: wrap;
}
.news-1 .news-list .item {
    width: 32%; margin-right: 2%;
    position: relative;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 0.4rem; transition: all 0.5s;
}
.news-1 .news-list .item:nth-child(3n) { margin-right: 0;}
.news-1 .news-list .item a {
     padding: 0.22rem 0.32rem 0.15rem;
    display: block;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}
.news-list .img-wr {
    padding-top: 53.66%;
    position: relative; overflow: hidden;
}
.news-list .img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover; transition: all 0.5s;
}
.news-list .img-wr:hover .img {
	 -ms-transform: scale(1.05, 1.05);
	 -webkit-transform: scale(1.05, 1.05);
	 transform: scale(1.05, 1.05);
}
.news-list .text {
    position: relative;
    padding-top: 0.28rem;
}

.news-list .title-2 {
    font-size: 0.24rem; line-height: 1.4; height: 2.8em; overflow: hidden;
    color: #000; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
}

.news-list .title-2 span {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 94%, #333 0%);
	background-size: 0 100%;
	 background-repeat: no-repeat;
	 transition: all 0.5s; display: inline;
}
.news-list .item:hover .title-2 span {
	background-size: 100% 100%; 
}

.news-list .title-1 {
    font-size: 16px;
    color: #999;
    margin-bottom: 0.08rem;
}
.news-list .item .intro { margin-top: 0.15rem; color: #999; 
  overflow: hidden;font-size: 14px; line-height: 1.5em; height:42px; overflow: hidden;
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; 
}
.news-list .item .title-3 {
    font-size: 16px; position: relative; z-index: 0;
    color: #999;
    margin-top: 0;
    padding: 0.2rem 0 0.2rem;
    /* background: url(../images/link.png) right center / 0.48rem no-repeat; */
}
.news-list .text .arr { position: absolute; width: 0.48rem; height: 0.48rem;
background: url(../images/link.png) center center no-repeat;
background-size:contain; right: 0; top: 50%; margin-top: -0.24rem;}

.news-list .item .text .arr { 


transform: rotate(0);
	-ms-transform: rotate(0); /* IE 9 */
	-webkit-transform: rotate(0); /* Safari and Chrome */

transition: transform 0.5s;
-ms-transition: -ms-transform 0.5s;
-webkit-transition: -webkit-transform 0.5s;
}
.news-list .item:hover .text .arr {
	background-image:url(../images/link-on2.png); 
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Safari and Chrome */
}

.news-1 .news-list .item:hover {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1);
}
.news-1 .news-list .item:hover .title-3 {
   /* background: url(../images/link-on.png) right center / 0.48rem no-repeat; */
}
.news-1 .page-box { margin-top: 0.1rem;
    text-align: center;
}


/*新闻详情*/
.news-detail-wrapper {
    margin-top: 1.2rem;
    background-color: #f8f8f8;
}
.news-detail-box {
    width: 80%;
    margin: 0 auto;
    padding: 0 0.8rem 0.8rem;
    position: relative;
}
.news-detail-box .con {
    padding-top: 0.5rem;
}
.news-detail-box .bread-crumb {
    padding-left: 0;
}
.news-detail-box .left-part {
    margin-right: 5.95rem;
	background: none;
}
.news-detail-box .right-part {
    width: 5.05rem;
    float: right; display: block;
}
.news-detail-box .top-text {
    margin-bottom: 0.38rem;
}
.news-detail-box .top-text .t1 {
    font-size: 0.36rem;
    color: #000;
    margin-bottom: 0.5rem;
}
.news-detail-box .top-text .t2 {
    font-size: 14px;
    color: #999;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #ddd;
}
.news-detail-box .news-content img{
    max-width: 100%;
    max-height: 100%;
}
.news-detail-box .news-content {
    font-size: 16px;
    color: #555;
}
.news-detail-box .share-bar {
    padding-bottom: 0.15rem;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    color: #555555;
    margin-top: 0.7rem;
}
.news-detail-box .share-bar > span {
    margin: 0 5px;
}
.news-detail-box .share-bar .item {
    width: 31px;
    height: 31px;
    line-height: 29px;
    border-radius: 100%;
    background-color: #c0c0c0;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}
.news-detail-box .share-bar .item img {
    vertical-align: middle;
    height: 17px;
}
.news-detail-box .share-bar .item:hover, .news-detail-box .share-bar .item.on {
    background-color: #001ea3;
}
.news-detail-box .right-part .top-text {
    margin-bottom: 0;
}
.news-detail-box .right-part .t1 {
    font-size: 18px;
    color: #333;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
}
.news-detail-box .relative-list .item {
    border-bottom: 1px solid #ddd;
    padding: 0.3rem 0;
}
.news-detail-box .relative-list .item:hover { 
	border-bottom:1px solid #001ea3 ;
}
.news-detail-box .relative-list .item a {
    align-items: center;
}
.news-detail-box .relative-list .item img {
    width: 1.34rem;
    height: 0.87rem;
    object-fit: cover;
}
.news-detail-box .relative-list .item .info {
    flex: 0 0 1;
}
.news-detail-box .relative-list .info {
    padding-left: 0.3rem;
}
.news-detail-box .relative-list .info .p1 {
    font-size: 14px;
    color: #333;
}
.news-detail-box .relative-list .info .p2 {
    font-size: 0.12rem;
    color: #999; margin-top: 0.3em;
}
.news-detail-box .relative-list .item a:hover .p1{
    color: #001ea3;
}


/*联系我们*/
.contact-1 { background: #f0f0f0 url(../images/mapbg.jpg) center 0 no-repeat;
    background-size:100% auto ;
    padding: 1.16rem 0 0;
    position: relative;
}
.contact-1 .top-text {
    font-size: 0.36rem;
    color: #333;
    text-align: center;
    margin-bottom: 0.74rem;
}
.contact-1 .con { position: relative; z-index: 10;
    width: 77%; padding: 0.66rem 0;
    margin: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: -1.17rem;
	background-color: #fff;
}
.contact-1 .item {
    position: relative;
    width: 33.33%;
    text-align: center;
    padding: 0 0.6rem;
}
.contact-1 .item.border::after {
    content: '';
    position: absolute;
    top: 0.1rem;
    bottom: 0.2rem;
    right: 0;
    border-right: 1px solid #ddd;
}
.contact-1 .item .text .t1 {
    font-size: 16px;
    color: #666;
	margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}
.contact-1 .item .text .t2 {
    font-size: 0.24rem;
    color: #000;
}
.contact-1 .item .text .t3 {
    font-size: 18px;
    color: #000;
}
.contact-1 .map-img { position: relative; z-index: 0;
    margin: 0 auto; padding-top: 140%;
}
.contact-1 .map-con { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.contact-1 .map-img img {
    width: 100%;
    height: 100%; display: block;
    object-fit: cover;
}
.BMap_bubble_title { font-size: 14px; font-weight: bold;}
.contact-1 .bg-mask {
    height: 3.25rem;
    background-color: #f8f8f8;
    position: absolute;
    bottom: -1rem;
    left: 0;
    right: 0;
    z-index: -1;
}
.contact-2 {
    padding: 0.92rem 0 0.8rem;
}
.contact-2 .top-text {
    font-size: 0.42rem;
    color: #333333;
    margin-bottom: 0.6rem;
    text-align: center;
}
.contact-2 .con-form {
    width: 77%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.contact-2 .con-form .item {
    width: 32%;
}
.contact-2 .con-form .item.doc {
    width: 100%;
    margin-top: 0.3rem;
}
.contact-2 .con-form .label {
    font-size: 18px; padding-left: 1.1em;
    color: #2b2b2b;
    margin-bottom: 0.2rem;
}
.contact-2 .con-form .con-input-box {
    background-color: #fff;
    width: 100%;
    height: 0.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 0 0.5rem;
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
}
.contact-2 .con-form .con-input-box.user {
    background: url(../images/icon-contact.png) 0.2rem center / 0.12rem no-repeat;
}
.contact-2 .con-form .con-input-box.tel {
    background: url(../images/icon-tel.png) 0.2rem center / 0.14rem no-repeat;
}
.contact-2 .con-form .con-input-box.corp {
    background: url(../images/icon-dialog.png) 0.2rem center / 0.14rem no-repeat;
}
.contact-2 .con-form .con-input-box.doc {
    height: 3.2rem;
    padding: 0.2rem 0.5rem;
    background: url(../images/icon-doc.png) 0.2rem 0.2rem / 0.14rem no-repeat;
}
.contact-2 .con-form .con-input {
    font-size: 18px;
    color: #000;
    width: 100%;
    height: 0.55rem;
    box-sizing: border-box;
    border: none;
    outline: none;
}
.contact-2 .con-form .con-textarea {
    font-size: 16px;
    color: #000;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: none;
    outline: none;
    resize: none;
    padding: 0;
}
.contact-2 .info {
    width: 100%;
    font-size: 18px;
    color: #b2b2b2;
    margin-top: 0.17rem;
}
.contact-2 .sub-area {
    width: 100%;
    margin-top: 0.25rem;
    text-align: center;
    display: flex;
    justify-content: center;
}
.contact-2 .sub-area .btn {
    width: 1.92rem;
    height: 0.54rem;
    margin: 0 0.15rem;
    box-sizing: border-box;
}
.contact-2 .btn-sub {
    background-color: #001ea3;
    color: #fff;
}
.contact-2 .btn-sub:hover {
    background-color: #193cd7;
    color: #fff;
}
.contact-2 .btn-reset {
    background-color: #d7d7d7;
    color: #fff;
}
.contact-2 .btn-reset:hover {
    background-color: #979797;
    color: #fff;
}



/*media媒体查询*/
@media (max-width: 1200px) {
    .custom-container {
        width: 85%;
    }

    .custom-dialog {
        width: 40%;
    }
}

@media (max-width: 1050px) {
    .drop-nav .close {
        border-radius: 0.3rem;
        padding: 0.1rem 0.75rem 0.1rem 0.45rem;
        background: url(../images/close.png) 1.1rem center / 0.22rem no-repeat;
    }
}

@media (max-width: 1024px) {
    .p-banner-1 .custom-container {
        width: 90%;
    }

    .quality-3 .info-con .title-2 {
        line-height: 0.4rem;
    }

    .service-3 .swiper-wrapper .swiper-slide .info {
        line-height: 1.5;
        margin-bottom: 12px;
    }
}

@media (max-width: 940px) {
    .custom-dialog {
        width: 50%;
    }

    .product-list .item {
        padding-right: 0.2rem;
    }

    .example-2-list {
        flex-direction: column;
    }

    .example-2-list .item {
        width: 100%;
        /* height: 3rem; */
        margin-bottom: 0.5rem;
    }

    .example-2-list .item .t2 {
        line-height: 0.3rem;
    }

    .example-2-list .item .img {
        width: 4.5rem;
    }
}



@media (max-width: 767px) {
    html {
        font-size: 66px;
    }

    .custom-container {
        width: 88%;
    }

    .product-cate .item .name {
        display: block;
        text-align: center;
    }

    .product-cate .item img {
        margin-right: 0;
    }

    .ibox3 .tbox .title {
        font-size: 0.8rem;
    }

    .drop-nav .t2 {
        font-size: 0.4rem;
    }

    .custom-dialog {
        width: 60%;
    }

    .p-banner-1 .custom-container {
        width: 100%;
    }

    .p-detail__img {
        width: 3.39rem;
    }

    .strength-1 .p-detail__img {
        width: 3.39rem;
    }

    .strength-1 .p-panel {
        width: 3.8rem;
    }

    .yh-style-swiper {
        height: 0.45rem;
    }

    .yh-style-swiper .style-img {
        width: 0.38rem;
        height: 0.38rem;
    }

    .strength-4 .part .text-area {
        padding-left: 0.3rem;
    }

    .strength-4 .part .text-area .t2 {
        font-size: 18px;
    }

    .p-banner .txt .txt2 {
        font-size: 0.36rem;
    }

    .example-swiper-wrapper-1 .example-slide-item {
        width: 5.92rem !important;
    }

    .example-1 .custom-container,
    .example-2 .custom-container {
        width: 90%;
    }

    .example-2-list .item .img {
        width: 3.3rem;
    }

    .quality-1.strength-1 .p-detail__img {
        width: 4.4rem;
    }

    .quality-3 {
        padding: 1rem 0.8rem;
    }

    .strength-3.quality-2.strength2-2 .custom-panel-con .img-icon {
        width: 1rem;
        height: 1rem;
    }

    .quality-4 .item {
        padding: 1rem 0.8rem;
    }

    .quality-4 .item-img {
        width: 3.4rem;
    }

    .service-2 .item {
        width: 100%;
    }

    .service-4 .con {
        flex-direction: column;
        height: auto;
    }

    .service-4 .con .item .button-area,
    .service-4 .con .item .t2 {
        display: block;
    }

    .service-4 .con .item {
        width: 100% !important;
        flex-shrink: 0;
        margin-bottom: 0.2rem;
    }

    .service-4 .con .item .img {
        height: auto;
    }

    .service-4 .item .text {
        display: flex;
        flex-direction: column;
        padding: 0.83rem 0 0 0.8rem;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .about-1 .con-box {
        flex-direction: column;
    }
    .history-swiper .year-text span {
        font-size: 0.8rem;
    }
    .history-swiper .swiper-slide, .history-swiper .swiper-wrapper {
        height: 1.6rem;
    }
    .history-swiper .mask {
        height: 0.46rem;
    }
    .history-swiper .swiper-slide-active .mask {
        height: 0.66rem;
    }
    .program-1 {
        padding: 0.6rem 0.5rem; background-size:90% auto ;
		background-position: right center;
    }
    .certificate-1 .con-list .item {
        width: 48%;
    }
    .news-1 .news-list .item {
        width: 48%;
    }
    .contact-1 .con {
        flex-wrap: wrap;
    }
    .contact-1 .item {
        width: 100%;
        margin-bottom: 0.2rem;
    }
    .contact-1 .item.border::after {
        display: none;
    }
    .contact-2 .con-form .item {
        width: 100%;
        margin-bottom: 0.2rem;
    }
	.news-list .title-2 { font-size: 0.44rem;}
	
	.strength-1.quality-1 {padding:1rem 0}
	.quality-1.strength-1 .p-detail__content {
	    margin-bottom: 1rem;
	}
	.example-detail-container .example-detail-slide .con .intro { font-size: 0.26rem;}
	.example-detail-thumb { bottom: 0.05rem;}
	.example-detail-thumb .thumb-slide { width: 1.2rem;}
	.quality-1 .tit1 { font-weight: bold; font-size: 0.48rem;}
	.quality-1.service-1 .tit23 .t2 { font-weight: bold;}
	.certificate-1 .con-list .item>a { padding-top: 1.2rem;}
	.certificate-1 .pd {padding: 0 1.2rem;}
	.certificate-1 .item .pd:last-child { margin-top: 1.2rem;}
}

@media (max-width: 652px) {
    .product-cate .item {
        margin-left: 0.1rem;
    }

    .strength-1 .p-panel {
        width: auto;
    }

    .strength-4 .part .text-area {
        padding-left: 0.05rem;
    }

    .question-2 .form-box {
        padding: 0.6rem 0.1rem;
    }

    .question-2 .con .nav {
        float: none;
        width: 100%;
    }

    .question-2 .con .nav-con {
        margin-left: 0;
        margin-top: 0.5rem;
    }
    .certificate-1 .con-list .item {
        width: 100%;
    }
}

@media (max-width: 590px) {
    .bottom-info {
        bottom: 1.6rem;
    }

    .custom-dialog {
        width: 90%;
    }

    /* .p-banner-1 {
        height: 9.5rem;
    } */
	.example-2 .link-block { align-items: stretch;}
	.example-2-list .item .img .img-wp { padding-top: 0; height: 100%;}
    .example-2-list .item .img {
        width: 2.8rem;
    }

    .strength-3 .custom-panel-con .item a {
        padding: 0 0.4rem;
    }

    .example-detail-1 .item {
        flex-direction: column;
    }

    .quality-1 .p-detail__box {
        flex-direction: column;
    }

    .quality-1.strength-1 .p-detail__content {
        padding-right: 0;
    }

    .p-intro__box {
        flex-direction: column;
    }

    .p-intro__box .c1 {
        padding-right: 0;
    }

    .p-intro__box .c2 {
        margin: 0 auto;
    }

    .p-banner-1 .p-detail__box {
        flex-direction: column;
    }

    .p-banner-1 .p-detail__content {
        box-sizing: border-box;
        width: 100%;
    }

    .strength-3.quality-2.strength2-2 .custom-panel-con .img-icon {
        width: 0.65rem;
        height: 0.65rem;
    }

    .quality-4 .item {
        padding: 1rem 0.4rem;
    }

    .quality-4 .item-img {
        width: 2.4rem;
    }
}

@media (max-width: 500px) {
    html {
        font-size: 54px;
    }

    .ibox3 .tbox .title {
        font-size: 0.6rem;
    }

    .ibox3 .tbox .txt {
        font-size: 0.3rem;
    }

    .drop-nav .t2 {
        font-size: 0.3rem;
    }

    .product-cate .item img {
        width: 0.48rem;
        height: 0.48rem;
    }
    .news-1 .news-list .item {
        width: 100%;
    }
}

@media (max-width: 440px) {
    .example-2-list .item .img {
        width: 2rem;
    }

    .p-banner .txt .txt2 {
        font-size: 0.26rem;
    }

    .example-swiper-wrapper-1 .example-slide-item {
        width: 4.92rem !important;
    }
}



@media (max-width: 400px) {
    .nav-ul {
        width: 95%;
    }

    .drop-nav {
        padding: 0.3rem;
    }
}

/*弹出图片轮播*/
.popupPic { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%;
background-color: rgba(0,0,0,0.4); display: flex; justify-content: center; align-items: center;
display: none;}
.popupPic .close { cursor: pointer; position: absolute; z-index: 2000; right: 0.2rem; top: 0.35rem;
width: 0.5rem; height: 0.5rem; 
background:#fff url(../images/close.png) center center no-repeat;
background-size:0.16rem auto ;
-moz-border-radius:0.1em; -webkit-border-radius:0.1em; border-radius:0.1em;}
.popupPic .picPro { max-width: 80%; width: auto; height: auto; max-height: 90%; display: block; object-fit:contain;}
.pro-big-swiper { width: 100%; height: auto; }
.pro-big-swiper .itemb {background-color: #000;margin: 0 0.3rem; }
.pro-big-swiper .item {position: relative; z-index: 0; opacity: 0.7;
 background-color: #fff; 
 padding: 0.18rem 0.27rem 0.26rem; cursor: pointer;}
.pro-big-swiper .pic { position: relative; z-index: 0; padding-top: 55%; }
.pro-big-swiper .pic img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%;
object-fit: cover;}
.popupCert .pro-big-swiper .pic img { object-fit: contain;}
.pro-big-swiper .info { text-align: center; margin-top: 0.24rem; font-size: 18px;}

.pro-big-swiper .swiper-slide-active .item { opacity: 1;}

.pro-big-swiper  .product-swiper-next,.pro-big-swiper .product-swiper-prev {
	position: absolute; z-index: 100; top: 50%; margin-top: -0.25rem; cursor: pointer;
	 width: 0.5rem; height: 0.5rem; 
	 display: flex; justify-content: center; align-items: center;
	 background: #fff ;
	 background-size:0.2rem auto ;
	 -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	 transition: all 0.5s;
}
.pro-big-swiper .product-swiper-next {
	right: 4.23rem;
}
.pro-big-swiper .product-swiper-next::after {
	content: ""; display: block; width: 0.2rem;
	height: 0.2rem;
	background: url(../images/arrow.svg) center center no-repeat;
	background-size:0.2rem auto ;
}
.pro-big-swiper .product-swiper-prev {
	left: 4.23rem;
	
}
.pro-big-swiper .product-swiper-prev::after {
	content: ""; display: block; width: 0.2rem;
	height: 0.2rem;
	background: url(../images/arrow.svg) center center no-repeat;
	background-size:0.2rem auto ;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
}
.pro-big-swiper .product-swiper-next:hover {
	-ms-transform:scale(1.6,1.6); /* IE 9 */
	-webkit-transform: scale(1.6,1.6); /* Safari */
	transform: scale(1.6,1.6); /* 标准语法 */
	background-color: #001ea3;
}
.pro-big-swiper .product-swiper-prev:hover {
	-ms-transform:scale(1.6,1.6); /* IE 9 */
	-webkit-transform: scale(1.6,1.6); /* Safari */
	transform: scale(1.6,1.6); /* 标准语法 */
	background-color: #001ea3;
}

.pro-big-swiper .product-swiper-next:hover::after {
	background-image: url(../images/four-right.png);
}
.pro-big-swiper .product-swiper-prev:hover::after {
	background-image: url(../images/four-right.png);
}

.pro-big-swiper .swiper-button-disabled { opacity: 0.3; cursor: default;}
.pro-big-swiper .swiper-button-disabled:hover {-ms-transform:scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari */
	transform: scale(1,1); /* 标准语法 */
	background-color: #fff;
	
	}
.pro-big-swiper .swiper-button-disabled:hover::after {
	background-image: url(../images/arrow.svg) !important;
}

@media (max-width: 768px) {
	.pro-big-swiper .itemb {background-color: #000;margin: 0 0.0.5rem; }
}

.scroll_tiao { width: 3px !important;}
.scroll_huakuai { width: 3px !important; right: 0 !important;}


.bshare-custom { display: inline-block !important; color: #000;}
.bshare-custom a { display: inline-block;  margin-right: 0.9em  !important;; }
.bshare-custom .bshare-weixin { background:url(../images/wx.png)  center center no-repeat !important;
background-size: contain !important;}
.bshare-custom .bshare-weixin:hover { background-image: url(../images/wx_blue.png);}
.bshare-custom #bshare-sinaminiblog {  background:url(../images/wb.png) center center no-repeat !important;
background-size: contain !important;}
.bshare-custom #bshare-sinaminiblog:hover { background-image: url(../images/wb_blue.png);}
.bshare-custom .bshare-qqim {  background:url(../images/qq.png)  center center no-repeat !important;
background-size: contain !important;}
.bshare-custom .bshare-qqim:hover {background-image:url(../images/qq_blue.png)}
/*微信分享弹出*/
 .weChatShare { cursor: pointer; position: relative; z-index: 0; 
		      line-height: 1.3em;
		      &:hover {color: #002969;
			    .weChatPop { display: block;}
			  }
		      .weChatPop { display: none; border: 1px solid #eee; font-size: 12px;
			    position: absolute; bottom: 2.2em; left: -3.8em; padding: 0.4em 0.4em 0.7em;
			     background-color: #fff; text-align: center;
				 -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
				 -moz-box-shadow: 0 -0.3em 0.3em rgba(0, 0, 0, .05);
				 -webkit-box-shadow: 0 -0.3em 0.3em rgba(0, 0, 0, .05);
				  box-shadow: 0 -0.3em 0.3em rgba(0, 0, 0, .05);
			     img { display: block; width: 8em; height:8em;}
				 .arr { position: absolute; bottom: -0.5em; left: 50%; margin-left: -0.5em;
				  width: 1em; height: 1em; background-color: #fff;
				 border-right: 1px solid #eee; border-bottom: 1px solid #eee;
				 transform: rotate(45deg);
				 -ms-transform: rotate(45deg); /* IE 9 */
				 -webkit-transform: rotate(45deg); /* Safari and Chrome */}
			  }
		  }
		  
@media screen and (max-width: 767px) {
	html { font-size: calc(100vw/7.5);}
	/* 导航 */
	.header-inner{height: 100%;}
	.tel2{display: none;}
	.header .lan{font-size: 0.28rem;margin-right: 0.3rem;}
	.drop-nav .right-part{display: none;}
	.drop-nav .left-part{width: 100%;}
	.drop-nav{padding-top: 0.8rem;background: #fff;}
	.drop-nav .close{top: 0.3rem;}
	.copy-right{display: none;}
	.ibox3 .tbox .txt{padding: 0 8.85%;
		/* font-size: 0.36rem; */
	    font-size: 0.28rem; line-height: 1.2; 
		 text-align: left;
	}
	.ibox3 .tbox .txt p strong {font-weight: normal !important;}
	.ibox3 .tbox .txt span { display: block;}
	.ibox3 .tbox .txt2{
	   /* font-size: 0.28rem; */
	   margin-top: 4vw; font-weight: normal;
	   font-size: 0.6rem; line-height: 1.3; font-weight: bold;
	}
	.ibox3 .video{display: flex;align-items: center;justify-content: center;flex-direction: column;}
	.ibox3 .video .txt{position: initial;}
	.ibox3 .video img{display: block;}
	.section2 .sm-title{font-size: 0.28rem;}
	.section2 .title{font-size: 0.4rem;padding: 0 0.2rem;}
	.products-swiper-box .swiper-button-next, .products-swiper-box .swiper-button-prev{display: none;}
	.products-swiper-box .inner{width: 90%;}
	/* .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{display: none !important;} */
	.section3 .inner{width: 90%;}
	.section3-tab{line-height: 1.5;}
	.third-swiper .tipTxt{margin: 0.2rem 0 0;bottom: 0.3rem;width: 100%;}
	.btn{font-size: 0.28rem;padding: 0.15rem 0.5rem;border-radius: 100px;line-height: 1.5;}
	.third-swiper .tipTxt{font-size: 14px;background-size: 1.2em auto;padding-bottom: 2.4em;}
	.section4-top .see-more{font-size: 0.28rem;}
	.p-hero__block__heading{font-size: 0.28rem;line-height: 1;}
	.h-projekte__item{width: 100%;height: 6rem;}
	.p-hero__link-block{padding: 0.4rem;}
	.p-hero__block__icon-container{width: 0.3rem;height: 0.3rem;}
	.p-hero__block__fact-heading{font-size: 12px;color: #fff;}
	.p-hero__block__fact{font-size: 0.28rem;}
	.p-hero__block__bottom-column{margin-right: 0.3rem;}
	.p-hero__block__icon-container img{object-fit: contain;width: 100%;height: 100%;}
	.section5 .b-title{margin-bottom: 0.8rem;}
	.section5 .inner{width: 90%;}
	.f-list{justify-content: space-between; padding: 0 4%;}
	.f-list li{width: 45%;height: 1.3rem;margin: 0 0 0.2rem 0 !important;border: none;}
	.home-section3 .pag{bottom: 0.38rem;}
	.home-section3 .pag span p{text-align: center;transform: translateX(-50%);left: 50%;}
	.section5{padding: 1rem 0;}
	.support-part .pic-bg{object-fit: cover;}
	.support-part{height: auto;padding: 1rem 0;}
	.support-part .inner{width: 90%;padding: 0;}
	.support-part .sec{width: 100%;height: 100%;}
	.support-part .p1{font-size: 0.36rem;}
	.support-part .info{flex-direction: column;justify-content: flex-start;align-items: flex-start;}
	.support-part .info li::before{top: 0.18rem;}
	.support-part .info ul{margin-bottom: 0.5rem;}
	.support-part .info>a{margin: auto;}
	.support-btn img{width: 0.3rem;}
	.support-part .info li{font-size: 0.28rem;}
	.footer .box .tbox1 .left .f-logo{width: 3.22rem;height: auto;}
	.footer .box .tbox2 span{flex-direction: column;font-size: 0.28rem;line-height: 1.5;margin-bottom: 0.1rem;}
	.footer .box .tbox2 a{margin: 0;}
	.footer .box .tbox2 .rt-p{flex-direction: row;justify-content: flex-start;}
	.footer .box .tbox2 .rt-p a{margin-right: 0.2rem;}
	.p-banner{padding-top: 70%;}
	.p-banner .txt .txt1{font-size: 0.28rem;margin-bottom: 0.2rem;}
	.p-banner .txt .txt2{font-size: 0.44rem;}
	.p-banner .txt{padding: 0 5%;}
	.inner{width: 90% !important;}
	.p-panel-tab{height: auto;padding: 0.5rem 0;}
	.p-panel-item.open .p-panel-content{margin-top: 0;}
	.p-panel-content .info_2{margin-top: 0;flex-direction: column;}
	.p-panel-content .info_2 .proSub{height: auto;}
	.p-panel-content .info_2 .proSub .scroll_cont{position: initial !important;}
	.scroll_huakuai{width: 0 !important;}
	.product-box .video-bg{display: none !important;}
	.product-box>img{display: block !important;}
	.product-cate{height: 2rem;bottom: -1rem;flex-wrap: wrap;padding: 0.2rem;align-items: flex-start;justify-content: flex-start;font-size: 0.28rem;box-sizing: border-box;position: absolute !important;}
	.product-cate .title{display: block;margin-bottom: 0.2rem;width: 100%;text-align: left;width: 95%;}
	.product-cate .item{margin: 0 0.2rem 0 0;}
	.product-list .item{width: 48%;margin: 0 0 0.3rem;
    padding: 0;}
	.product-list #list{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.product-list .item .info{font-size: 0.28rem;}
	.adv-box{font-size: 0.25rem;}
	.adv-box .contact{font-size: 0.28rem;}
	.header-inner{padding: 0 5%;}
	.bread-crumb{height: 1rem;padding: 0 5%;}
	.p-detail__img{width: 90%;margin-bottom: 0.3rem;}
	.p-banner-1 .p-detail__content{padding: 0 5%;}
	.p-detail__content .p2 { font-size: 0.56rem;}
	.p-detail__content .p3{padding-left: 0.6em;
	background-position: left 0.1em;}
	.yh-style-swiper{height: 1rem;}
	.yh-style-swiper .style-img{width: 0.7rem;height: 0.7rem;}
	.p-detail__content .p4>p{line-height: 1.5;}
	.p-intro__box .c1 .item {padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;}
	.p-intro__box .c1 .item .con{line-height: 1.5;}
	.p-intro__box .c2{width: 100%;box-sizing: border-box;}
	.p-intro__box .c2 img{width: 100%;height: 100%;}
	.p-intro__box .c2 .p1{font-size: 0.32rem;}
	.custom-panel .more{font-size: 0.28rem;}
	.strength-tab-box .custom-container{justify-content: flex-start; flex-direction:row}
	.strength-tab .item{margin: 0 0.2rem;font-size: 0.28rem;}
	.p-detail__box{flex-direction: column-reverse;}
	.strength-1 .p-detail__img{width: 100%;box-sizing: border-box;}
	.strength-1 .p-detail__img{margin-bottom: 0.5rem;}
	.strength-1 .p-detail__content{width: 90%;box-sizing: border-box;padding: 0;margin: 0 auto;}
	.strength-1 .p-panel-item.open .p-panel-content{margin-top: 0;}
	.strength-1 .p-panel-tab{padding: 0;}
	.p-panel-content .desc-txt{font-size: 0.28rem;}
	.strength-1 .p-panel-tab .p-panel-title{font-size: 0.32rem;}
	.strength-2 .tab-div .btn{font-size: 0.28rem;padding: 0.15rem 0.3rem;}
	.strength-3 .top-text{padding: 0 5%;}
	.strength-3 .custom-panel-con .text{padding: 0.38rem;width: 100%;box-sizing: border-box;margin: 0;}
	.strength-4{height: auto;padding: 0.4rem 5%;}
	.part-3 .part{width: 100%;margin-bottom: 0.5rem;}
	.strength-4 .part .text-area{padding: 0 0.3rem;box-sizing: border-box;}
	.quality-1 .tit3{font-size: 0.28rem;line-height: 1.5;}
	.quality-1.strength-1 .p-detail__img{width: 100%;}
	.strength-3.strength2-2 .custom-panel-con .item{width: 100%;}
	.strength-3 .custom-panel-con{flex-wrap: wrap;}
	.strength-3.quality-2.strength2-2 .custom-panel-con .img-icon{width: 1.65rem;height: 1.65rem;}
	.strength-3 .custom-panel-con .title-2{font-size: 0.36rem;}
	.custom-panel-con .title-1{font-size: 0.28rem;}
	.quality-2 .custom-panel-con .item{width: 100%;}
	.strength-3.quality-2 .custom-panel-con .img-icon{height: 1rem;}
	.quality-4 .item{flex-direction: column-reverse;}
	.quality-4 .item-img{margin-bottom: 0.4rem;width: 100%;}
	.quality-4 .item-con{padding: 0;}
	.quality-4 .item-con .t1{font-size: 0.48rem;}
	.quality-4 .item-con .t2{font-size: 0.36rem;}
	.quality-4 .item-con .t3{font-size: 0.28rem;line-height: 1.5;}
	.example-swiper-wrapper-1 .example-slide-item{width: 100% !important;transform: translate(0,0);-ms-transform: translate(0,0);-webkit-transform: translate(0,0);}
	.example-2 .custom-container{padding: 0;}
	.example-2 .example-2-top{position: initial;margin-bottom: 0.4rem;}
	.example-2-top .layui-form{flex-wrap: wrap;}
	.example-2-top .layui-form .layui-inline{width: 100%;margin-bottom: 0.2rem;}
	.example-2-top .layui-form .layui-inline .inner{width: 100% !important;}
	.example-2-list .item .t2{line-height: 1.5;}
	.example-2-list .item .date{font-size: 12px;}
	.example-1 { padding-bottom: 0.48rem;}
	.page-box .layui-laypage a, .page-box .layui-laypage span{font-size: 12px;}
	.example-detail-1 .t1{font-size: 0.4rem;line-height: 1.5;}
	.example-detail-1 .t2{font-size: 0.28rem;}
	.example-detail-1 .info{font-size: 0.28rem;line-height: 1.5;flex-direction: column;}
	.example-detail-1 .share a{margin: 0 0.1rem !important;width: 25px;height: 25px;}
	.example-detail-1 .item .title{margin-bottom: 0.4rem;}
	.example-detail-1 .info .info-text{margin-bottom: 0.3rem;}
	.example-detail-1 .share{font-size: 0.28rem;display: flex;align-items: center;}
	.example-detail-1 .share>span{margin-right: 0.3rem;}
	
	.example-swiper-wrapper-1 .text-top__heading { font-size: 0.42rem;}
	.example-swiper-wrapper-1 .text-bottom__heading {font-size: 0.24rem;}
	.example-swiper-wrapper-1 .text-bottom__fact { font-size: 0.32rem;}
	
	.custom-panel-con .item{width: 48%;}
	.p-example .custom-panel-con .title-2{font-size: 0.28rem;}
	.question-2 .search-input{height: 0.8rem;padding: 0 0.24rem;}
	.question-2 .input-area{height: 0.8rem;padding: 0 0.24rem;box-sizing: border-box;align-items: center;}
	.question-2 .hot-box{flex-wrap: wrap;}
	.question-2 .p-panel-tab .p-panel-title {flex-wrap: wrap;}
	.p-panel-content .desc { margin-right: auto;}
	.recruitment-1 .p-panel-tab { align-items: flex-start; }
	.recruitment-1.question-2 .p-panel-tab .tab-btn {margin-top: 0.1em;}
	.recruitment-1 .p-panel-tab {padding: 0.3em 0.3em 0.3em; line-height: 1.3;}
	.recruitment-1 .p-panel-tab .p-panel-title .item1 { width: 95%; margin-right: 5%;}
	.recruitment-1 .p-panel-tab .p-panel-title .item2 {margin-top: 0.5em; width: 47%;margin-right: 3%;}
	.recruitment-1 .p-panel-tab .p-panel-title .item3 { margin-top: 0.5em; width: 47%;}
	.recruitment-1 .p-panel-tab .p-panel-title .item4 { margin-top: 0.5em; width: 47%;margin-right: 3%;}
	.recruitment-1 .p-panel-tab .p-panel-title .item5 {margin-top: 0.5em; width: 47%;}
	
	.adv-box .custom-container>span{width: 60%;}
	.adv-box:hover .custom-container>span{background-size: 0;}
	.service-1 .sub-tit{font-size: 0.28rem;}
	.quality-1.service-1 .tit23{font-size: 0.32rem;line-height: 1.5;}
	.service-3{padding: 0.9rem 5%;}
	.service-3 .swiper-wrapper .swiper-slide .info{font-size: 0.28rem;}
	.about-1 .custom-container{width: 90%;margin: auto;}
	.about-1 .sub-tit{font-size: 0.28rem;margin-bottom: 0.2rem;}
	.service-3 .swiper-wrapper .swiper-slide{margin: 0;}
	.service-4{padding: 0.8rem 5%;}
	.service-4 .custom-container{width: 100%;}
	.service-4 .top-text .t1 { font-size: 0.48rem;}
	.service-4 .top-text .t2 { font-size: 0.26rem;}
	.service-4 .con .t1 { font-size: 0.38rem;}
	.service-4 .con .t2 { font-size: 0.28rem;}
	.about-1 .con-box__img{width: 100%;}
	.about-2::after { position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%;
	   background-color: rgba(0,0,0,0.4);
	   display: block; content: "";
	}
	.about-2 .con{flex-wrap: wrap;padding-top: 3rem;}
	.about-2 .con .item{width: 100%;height:auto;padding: 0.3rem;}
	.about-2{height: auto;}
	.about-2 .con .item .t2{height: auto;font-size: 0.28rem;line-height: 1.5;}
	.about-2 .con .item {
		background: rgba(0, 0, 0, .4);
		background:transparent;
	}
	.about-2 .top-text .t1 { font-size: 0.28rem;}
	.about-2 .top-text .t2 { font-size: 0.48rem;}
	.about-2 .con .item>img { width: 0.6rem; height: 0.6rem;}
	.about-2 .con .item .t2 {
	    display: block; height: auto; opacity: 1; height: 5.1em;
	}
	
	.about-2 .con .item .t1:after {
	    display: block;
	}
	.about-2 .con .item .t1 {
	    padding-top: 0.2rem;
		font-size: 0.46rem;
	}
	.history-swiper .year-text span{font-size: 0.4rem;}
	.history-swiper .swiper-slide, .history-swiper .swiper-wrapper{height: 1rem;}
	.history-swiper .swiper-slide-active .mask{height: 0;}
	.about-3 { height: 8.1rem;}
	.about-3 .title{padding: 0;text-align: center;}
	.about-3 .history-thing .img { width: 3rem; height: 1.6rem;}
	.about-3 .history-thing .img img {width: 3rem; height: 1.6rem;}
	.about-3 .history-thing .t1 { font-size: 0.41rem;}
	.about-3 .history-thing .t2{font-size: 0.28rem;}
	.about-4{padding: 1rem 5%;}
	.about-4 .con-list .about-swiper{overflow: hidden;}
	.about-4 .con{margin: 0;}
	.about-4 .swiper-button-next, .about-4 .swiper-button-prev{display: none !important;}
	.strength-4.about-5 .part{width: 100%;height: 3.6rem;margin-bottom: 0.4rem;}
	.program-1 .inner{width: 100% !important;}
	.program-1 .con .item .text{font-size: 0.28rem;}
	.program-2 .circle-box{margin: auto;}
	.program-3{padding: 1rem 5%;height: auto;}
	.program-3 .top-text .t1 { font-size: 0.28rem;}
	.program-3 .top-text .t2 { font-size: 0.44rem; font-weight: bold;}
	.program-3 .top-text .t3 { font-size: 0.28rem;}
	/* .swiper-button-next, .swiper-button-prev{display: none !important;} */
	.third-swiper-next {display: block !important; right: -0.25rem;}
	.third-swiper-prev {display: block !important; left: -0.25rem;}
	.program-4{padding: 1rem 0;height: auto;}
	.program-4 .top-text .t1{font-size: 0.28rem;}
	.program-4 .swiper-slide{width: 5rem;box-shadow: 0 0 5px 8px rgb(0 0 0 / 4%);
	  margin-right: 0.3rem; margin-left: -1.4rem;
	  background: url(../images/icon-23.png) 0.2rem 0.3rem / 0.5rem no-repeat, 
	      url(../images/icon-24.png) right center / 2.5rem no-repeat, #fff;
	}
	.program-4 .swiper-slide .text{font-size: 0.28rem;margin: 0;}
	.program-4 .swiper-slide .itemp{padding: 0.3rem;}
	.program-4 .swiper-slide .inner{width: 100% !important;}
	.program-4 .swiper-slide .info { font-size: 0.24rem;}
	.program-4 .swiper-slide .text { margin: 0.24rem 0 0 0.45rem;}
	.program-4 .swiper-container-3d{margin-left: 0}
	
	.strength-tab-box{justify-content: center;}
	.strength-tab-box .strength-tab{margin-right: 0;}
	.news-1 .con{width: 90%;}
	.news-detail-box{width: 90%;box-sizing: border-box;}
	.news-detail-box .bread-crumb{overflow: auto;}
	.bread-crumb-item{white-space: nowrap;}
	.news-detail-box{padding: 0;}
	.news-detail-box .right-part{display: none;}
	.news-detail-box .left-part{margin-right: 0;}
	.opt-bar .link{font-size: 0.28rem;}
	.opt-bar .back{font-size: 0.28rem;}
	.certificate-1 .con{width: 90%;}
	.contact-2 .con-form{width: 90%;}
	.contact-2 .con-form .con-input-box{height: 0.8rem;align-items: center;}
	.contact-2 .con-form .con-input{font-size: 0.32rem;}
	.contact-2 .sub-area .btn{width: auto;height: auto;}
	.contact-2 .info{font-size: 0.28rem;}
	.contact-1 .con{width: 90%; margin-bottom: 5%;}
	.contact-2 .con-form .label{font-size: 0.28rem;}
}

.footerM { display: none; justify-content: space-around; align-items: stretch;}
.footerM .btn { flex: 1; width: 28%; margin: 0 2%; 
line-height: 2em; color: #fff; background-color: #00cb81;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
display: flex; justify-content: center; align-items: center; font-size: 1em;
}
.footerM .btn img { width: 1.1em; height: 1.1em; margin-right: 0.2em; object-fit: contain;}
.footerM .btn span { display: inline-block; }

@media only screen and (max-width:828px) {
.footerM { display: flex; position: fixed; z-index: 1000; bottom: 0; left: 0; width: 100%;}


}

.example-detail-1 .share{
	display: flex;
}
.bshare-custom{
	display: flex !important;
	
}
.example-detail-1 .share a:hover{
	background: none;
}

@media screen and (max-width: 767px) {
	
	.footerM .btn{
		background-color: #001ea3;
		width: calc(100%/3);
		margin: 0;
		border-right: 1px solid #fff;
		border-radius: 0;
	}
	.footer .box{
		padding-bottom: 43px;
	}
	
	.footerM .btn:last-child{border: none;}
	
	.program-3 .program-swiper-next,
	.program-3 .program-swiper-prev
	{display: none;}
}