/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

/*主体样式*/
.flex_a{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}

/* 合作伙伴 */
.hzbg{padding: 0 0 3.5vw 0;}
.hztt{max-width: 1265px;margin:0 auto;	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;}

.wbtt{margin-top: 3vw;}
.wbtt h2{	font-size: 48px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #cccccc;text-transform: uppercase;}

.wbtt h3{	font-size: 60px;
	color: #193b7e;	font-weight: 600;margin-top: 10px;}


.hz_ll{margin-top: 45px;background: #fff;}
.hz_ll li{width:24%; margin-bottom:30px;}

.hz_ll li a.img{display: block;}
.hz_ll li a.img img{width: 100%; height:240px;}





@media (max-width: 1440px) {
.wbtt h2{font-size: 40px;}
.wbtt h3{font-size: 52px;}
.hztt{font-size: 25px;}
  }



@media (max-width: 1280px) {
.wbtt h2{font-size: 30px;}
.wbtt h3{font-size: 42px;}
.hztt{font-size: 20px;}
.hz_ll li{width: 48%;}
  }



@media (max-width: 992px) {
.wbtt h2{font-size: 20px;}
.wbtt h3{font-size: 32px;}
.hztt{font-size: 15px;line-height: 30px;}
.hz_ll{margin-top: 25px;border-left: 2px solid #ededed;background: #fff;}
.hz_ll li a.img img{ height:150px;}
.hz_ll li{width:48%; margin-bottom:20px;}
  }



/* 分类样式 */
.pro-inner-cate {
  background: #eee;
  height: 80px;
}
.pro-inner-cate .xypg-left-nav {
  margin: 0;
  height: 80px;
  text-align: left;
}
.pro-inner-cate .xypg-left-nav > li {
  display: inline-block;
  border-bottom: none;position: static;
}
.pro-inner-cate .xypg-left-nav > li > a {
  padding: 0;
  height: 80px;
  width:160px;
  line-height: 80px;
  text-align: center;
  font-size: 18px;
  border-radius: 0;
}
.pro-inner-cate .xypg-left-nav > li > a:hover {
  background: #fff;
  color: #06428B !important;font-weight:bold;
}
.pro-inner-cate .xypg-left-nav > li:hover > a {
  color: #06428B !important;
}
.pro-inner-cate .xypg-left-nav > li .first-nav-btn {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: none;display:none;
}
.pro-inner-cate .xypg-left-nav > li .xypg-left-subnav {
  position: absolute;
  width: 100%;
  left: 0;
  background: #fff;
  box-shadow: 0px 5px 8px rgb(0 0 0 / 10%);
  z-index: 9999;
  padding: 30px 0;
}

.pro-inner-cate .xypg-left-nav > li .xypg-left-subnav > div {
  max-width:1230px;
  margin: 0 auto;padding:0 15px;
}
.pro-inner-cate .xypg-left-nav > li .xypg-left-subnav > div > li {
  float:left;
  width: 160px;
  text-indent: 28px;
  margin: 0 15px;
}
.pro-inner-cate .xypg-left-nav > li .xypg-left-subnav > div > li > a {
  font-size: 16px;
  font-weight: bold;
  color: #666;
  padding-bottom: 10px !important;
  display: block;
}
.pro-inner-cate .xypg-left-nav > li .xypg-left-subnav > div > li a {
  padding: 0;
  line-height: 30px;
}
.pro-inner-cate .xypg-left-nav > li .xypg-left-subnav > div > li a:before {
  display: none;
}

{margin-top:5.3vw;background-color:#f7f7f7;padding-bottom:5vw}
.zty221z{background-color:#fff;width:65.8%;float:left;padding-left:48px;padding-top:3.8vw;padding-bottom:35px}
.zty221z1{width:65%;float:left}
.zty221z1 h2{font-size:34px;font-weight:700;font-stretch:normal;letter-spacing:0;color:#06428B}
.zty221z1 h3{font-size:18px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#666;margin-top:22px}
.zty221z1 h4{width:40px;height:2px;background-color:#666;margin-top:30px}
.zty221z1 h5{font-size:18px;font-weight:400;font-stretch:normal;line-height:36px;letter-spacing:0;color:#555;margin-top:43px}
.zty221z2{width:35%;float:left;margin-top:48px}
.zty221z2 h2{font-size:18px;font-weight:400;font-stretch:normal;line-height:18px;letter-spacing:0;color:#444}
.zty221z2 h3{width:40px;height:2px;background-color:#666;margin-top:45px}
.zty221z2 h4{margin-top:50px}
.zty221z2 h4 li{width:100%;float:left;position:relative}
.zty221z2 h4 li .img{max-width:135px;float:left;border:solid 2px #e9e9e9;margin-bottom:14px}
.zty221z2 h4 li .img img{width:100%}
.zty221z2 h4 li dd{font-size:16px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#555;float:left;line-height:125px;margin-left:20px}
.zty221y{width:34.2%;float:right;height:556px;overflow:hidden}
.zty221y img{width:100%}

@media (max-width:1630px){.zty22w1600{max-width:1430px}
.zty221z2{margin-top:30px}
.zty221z2 h4{margin-top:30px}
.zty221z{padding-top:2.7vw}
.zty221y{height:490px;overflow:hidden}
}
@media (max-width:1430px){.zty22w1600{max-width:1230px}
.zty221z2{margin-top:21px}
.zty221z2 h4{margin-top:30px}
.zty221z{padding-top:2.7vw;padding-left:30px}
.zty221z1 h2{font-size:28px}
.zty221z1 h3{font-size:13px}
.zty221z1 h5{font-size:16px;line-height:30px}
.zty221z2 h4 li .img{max-width:100px}
.zty221z2 h4 li dd{line-height:100px}
.zty221y{height:417px}
}
@media (max-width:1230px){.zty22w1600{max-width:992px}
.zty221z2{margin-top:21px}
.zty221z2 h4{margin-top:22px}
.zty221z{padding-top:2.7vw;padding-left:15px;padding-bottom:17px}
.zty221z1 h2{font-size:23px}
.zty221z1 h3{font-size:12px;margin-top:11px}
.zty221z1 h5{font-size:14px;line-height:27px;margin-top:30px}
.zty221z2 h4 li .img{max-width:85px}
.zty221z2 h4 li dd{line-height:85px;font-size:14px;margin-left:10px}
.zty221z1 h4{margin-top:20px}
.zty221z2 h3{margin-top:24px}

.zty221y{height:334px}
}
@media (max-width:992px){.zty22w1600{padding:0 2%}
.zty221y{width:100%}
.zty221z1{width:100%}
.zty221z2{margin-top:21px;width:100%}
.zty221z{padding-top:2.7vw;padding-left:10px;padding-bottom:17px;width:100%}
.zty222z{width:100%}
.zty222zbt h2{font-size:28px}
.zty222zbt h3{font-size:16px;margin-top:13px}
.zty222zbt h4{font-size:16px;margin-top:28px}
.zty222lx{padding-bottom:20px;margin-top:43px}
.zty222lx li h2{font-size:16px}
.zty222lx li h3{font-size:16px;margin-top:13px}

}


/* 资质荣誉 */
.page_about_honor {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 70px 0 66px;
}

.about_honor_swiper {
    margin-top: 4.2%;
    position: relative;
}
.about_honor_swiper::after {
    content: "";
    display: block;
    width: 108%;
    margin: 0 -4%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: calc(83 / 1480 * 100%);
    background-image: url("../imgs/dccc386359f765c170fe591546dc550af5fe4f2c.png");
    margin-top: 1.6%;
}

.about_honor_swiper .swiper-button-prev,
.about_honor_swiper .swiper-button-next {
    display: flex;
    width: 36px;
    height: 60px;
    top: 40%;
    margin: 0;
}
.about_honor_swiper .swiper-button-prev::after, 
.about_honor_swiper .swiper-button-next::after {
    width: 26px;
    height: 26px;
    border-width: 4px;
    border-color: transparent transparent #cccccc #cccccc;
    left: 10px;
}
.about_honor_swiper .swiper-button-prev:hover::after, 
.about_honor_swiper .swiper-button-next:hover::after {
    border-color: transparent transparent #06428B #06428B;
}
.about_honor_swiper .swiper-button-prev {
    left: -6%;
}
.about_honor_swiper .swiper-button-next {
    right: -6%;
}

.about_honor_swiper .swiper {}
.about_honor_swiper li {
}
.about_honor_swiper li a {
    display: block;
    transform-origin: center 90%;
    transform: scale(0.71);
}
.about_honor_swiper li.swiper-slide-active a {
    transform: scale(1);
}
.about_honor_swiper li .imgs {
    position: relative;
    padding: 6% 5.625%;
}
.about_honor_swiper li .imgs .fixed_ratio {
    padding-top: calc(340 / 410 * 85%);
    z-index: 10;
}
.about_honor_swiper li .imgs::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("../imgs/52bf10bb153abed3ea4efb679096e1ebe7cdeb69.png");
    z-index: 20;
}
.about_honor_swiper li h4 {
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0px;
	color: #666666;
    margin-top: 1em;
    opacity: 0;
    visibility: hidden;
    padding: 0 1em;
}
.about_honor_swiper li.swiper-slide-active h4 {
    opacity: 1;
    visibility: visible;
}

@media (min-width: 1921px) {
    .page_about_honor {
        padding: 3.6vw 0 3.4vw;
    }
    .about_honor_swiper li h4 {
        font-size: 0.83vw;
    }
}
@media (max-width: 1650px) {
    .page_about_honor {
        padding: 4.2% 0 4%;
    }
    .about_honor_swiper {
        padding: 0 30px;
    }
    .about_honor_swiper .swiper-button-prev, 
    .about_honor_swiper .swiper-button-next {
        width: 30px;
    }
    .about_honor_swiper .swiper-button-prev {
        left: 0;
    }
    .about_honor_swiper .swiper-button-next {
        right: 0;
    }
    .about_honor_swiper .swiper-button-prev::after, 
    .about_honor_swiper .swiper-button-next::after {
        width: 22px;
        height: 22px;
        left: 7px;
    }
}
@media (max-width: 1200px) {
    .about_honor_swiper li h4 {
        font-size: 15px;
        margin-top: 0.8em;
    }
}
@media (max-width: 990px) {
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
    .page_about_honor {
        padding: 36px 0;
    }
    .about_honor_swiper {
        margin-top: 24px;
    }
    .about_honor_swiper .swiper {
        margin: 0 -50%;
        width: 200%;
    }
    .about_honor_swiper li h4 {
        font-size: 14px;
        margin-top: 0.5em;
    }
}