body{ margin: 0; padding: 0;}
*{ margin: 0; padding: 0; list-style: none; font-family: 'Regular', '微软雅黑'; font-size: 16px; color: #222;}
a{ text-decoration: none; cursor: pointer; display: block;}
img{ border: 0; display: block; /*cursor: pointer;*/}
h1, h2, h3, h4, h5{ font-weight: normal;}
ul, li{ list-style: none; /*cursor: pointer;*/}
b, i, em{ font-weight: normal; font-style: normal;}
button, textarea, input{ outline: none;}
select, option{ outline: none; appearance: none;}
html,body{ font-size: calc(100vw/19.2);}
.ani, .wow{ visibility: hidden;}
.swiper-button-next::after, 
.swiper-button-prev::after{ display: none;}
table{ border-collapse: collapse; border: none; margin: 0; padding: 0;}
@font-face{
	font-family: 'Medium';
	src:url('../fonts/AlibabaPuHuiTi-Medium.ttf');
}
@font-face{
	font-family: 'Regular';
	src:url('../fonts/AlibabaPuHuiTi-Regular.ttf');
}
@font-face{
	font-family: 'Bold';
	src:url('../fonts/AlibabaPuHuiTi-Bold.ttf');
}
@font-face{
	font-family: 'DINPro';
	src:url('../fonts/DINPro-Bold.otf');
}
::-webkit-scrollbar{}
::-webkit-scrollbar-thumb{}
/* 清除浮动 */
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.w1600{ width: 16rem; margin: auto;}
.w1240{ width: 12.4rem; margin: auto;}

.headercp{ position: fixed; top: 0; left: 0; right: 0; z-index: 50; transition: all 0.5s; background: #fff;}
.headercp2{ box-shadow: 0 0 10px hsla(0,0%,0%,0.10);}
.headercp .cont{ height: 1.1rem; display: flex; justify-content: space-between; align-items: center;}
.headercp .cont .logo a img{ display: block; height: 0.59rem;}
.headercp .cont .nav{ display: flex;}
.headercp .cont .nav .wli .tit a{ display: block; font-size: 0.18rem; line-height: 1.1rem; color: #4D4D4D; position: relative; transition: all 0.5s;}
.headercp .cont .nav .wli.cur .tit a,
.headercp .cont .nav .wli:hover .tit a{ color: #004F87;}
.headercp .cont .nav .wli + .wli{ margin-left: 0.9rem;}
.headercp .cont .nav .wli{ position: relative; z-index: 10;}
.headercp .cont .nav .min{ position: absolute; top: 1.1rem; left: 0; display: none;}
.headercp .cont .nav .min .mk{ display: flex;}
.headercp .cont .nav .min a{ display: block; font-size: 0.16rem; line-height: 0.7rem; color: #666; transition: all 0.5s; white-space: nowrap;}
.headercp .cont .nav .min a + a{ margin-left: 0.5rem;}
.headercp .cont .nav .min a:hover{ color: #004F87;}
.headercp .cont .up{ background: hsla(0,0%,100%,0.80); position: absolute; top: 1.1rem; left: 0; width: 100%; height: 0.7rem; z-index: 0; display: none;}

.indexbanner{ margin: 1.1rem 0 0 0; overflow: hidden; position: relative;}
.indexbanner a{ display: block; width: 100%; height: 6.6rem; overflow: hidden;}
.indexbanner a img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.indexbanner .swiper-pagination{ display: flex; justify-content: center; bottom: 0.15rem!important;}
.indexbanner .swiper-pagination span{ display: block; width: 0.14rem; height: 0.14rem; border-radius: 100%; margin: 0 0.1rem!important; background: hsla(0,0%,0%,0.30); opacity: 1;}
.indexbanner .swiper-pagination span.swiper-pagination-bullet-active{ background: #BB0114;}

.indexmaxboxone{ background: #FAFAFA; padding: 0.55rem 0 0.5rem 0;}
.indextitle{ text-align: center;}
.indextitle .h{ font-size: 0.36rem; line-height: 0.4rem; color: #4D4D4D; font-weight: 600;}
.indextitle .p{ font-size: 0.18rem; line-height: 0.28rem; color: #808080; margin-top: 0.15rem;}
.indexmaxboxone .list{ display: flex; margin: 0.45rem -0.12rem 0 -0.12rem;}
.indexmaxboxone .list .li{ background: #fff; transition: all 0.5s; margin: 0 0.12rem; width: calc((100% - 1.2rem) / 5);}
.indexmaxboxone .list .li:hover{ box-shadow: 0 3px 10px hsla(0,0%,0%,0.13);}
.indexmaxboxone .list .li .m{ width: 100%; height: 2.2rem; overflow: hidden;}
.indexmaxboxone .list .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.indexmaxboxone .list .li:hover .m img{ transform: scale(1.1);}
.indexmaxboxone .list .li .ter{ padding: 0.2rem;}
.indexmaxboxone .list .li .ter .h{ font-size: 0.2rem; line-height: 0.26rem; color: #004F87; min-height: 0.52rem;}
.indexmaxboxone .list .li .ter .p{ margin-top: 0.12rem;}
.indexmaxboxone .list .li .ter .p .i{ font-size: 0.15rem; line-height: 0.22rem; color: #808080;}

.indexmaxboxtwo{ padding: 0.1rem 0 0.2rem 0;}
.indexmaxboxtwo .cont{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexmaxboxtwo .cont .wli{ width: 7.67rem; padding: 0.3rem 0;}
.indexmaxboxtwo .cont .top{ display: flex; justify-content: space-between; padding-bottom: 0.1rem; margin-bottom: 0.2rem; border-bottom: 1px solid #E6E6E6;}
.indexmaxboxtwo .cont .top .h{ font-size: 0.26rem; color: #4D4D4D; font-weight: 600; padding-left: 0.15rem; border-left: 4px solid #BB0114; line-height: 0.28rem;}
.indexmaxboxtwo .cont .top a{ font-size: 0.14rem; line-height: 0.28rem; padding-right: 0.2rem; font-family: '宋体'; transition: all 0.5s; background: url(../images/3.png) no-repeat right center; background-size: 0.14rem auto;}
.indexmaxboxtwo .cont .top a:hover{ color: #BB0114;}
.indexmaxboxtwo .cont .list .li + .li{ margin-top: 0.2rem;}
.indexmaxboxtwo .cont .list .li a{ display: flex; justify-content: space-between; line-height: 0.2rem;}
.indexmaxboxtwo .cont .list .li .h{ font-size: 0.16rem; line-height: 0.2rem; color: #4D4D4D; max-width: 70%; transition: all 0.5s;}
.indexmaxboxtwo .cont .list .li:hover .h{ color: #004F87;}
.indexmaxboxtwo .cont .list .li .t{ font-size: 0.14rem; color: #808080;}
.indexmaxboxtwo .cont .min{ display: flex; justify-content: space-between; align-items: flex-start;}
.indexmaxboxtwo .cont .min .m{ width: 2.91rem; padding: 2px; border: 1px solid #cdbf9c;}
.indexmaxboxtwo .cont .min .m img{ display: block; width: 100%;}
.indexmaxboxtwo .cont .min .ter{ width: 4.53rem; font-size: 0.16rem; line-height: 0.24rem; color: #4D4D4D;}
.indexmaxboxtwo .cont .tel{ display: flex; justify-content: space-between; align-items: flex-start;}
.indexmaxboxtwo .cont .tel .p .i{ font-size: 0.16rem; line-height: 0.24rem; color: #4D4D4D;}
.indexmaxboxtwo .cont .tel .p .i + .i{ margin-top: 0.16rem;}
.indexmaxboxtwo .cont .tel .wear img{ display: block; border: 1px solid #CCCCCC; padding: 0.08rem; width: 1.91rem;}

.footercp{ background: #E6E6E6; display: flex; justify-content: center; flex-wrap: wrap;}
.footercp a,
.footercp .p{ font-size: 0.14rem; line-height: 0.24rem; color: #666666; transition: all 0.5s;}
.footercp a:hover{ color: #004F87;}
.footercp .p{ margin: 00.05rem 0.1rem;}

.aboutbanner{ margin-top: 1.1rem; overflow: hidden; position: relative;}
.aboutbanner .m img{ display: block; width: 100%;}
.aboutcontbox{ padding: 0.6rem 0 1.2rem 0;}
.aboutcontbox .cont{ display: flex; justify-content: space-between;}
.aboutcontbox .cont .left{ width: 3rem;}
.aboutcontbox .cont .right{ width: 12.4rem;}
.aboutcontbox .cont .left .h{ font-size: 0.22rem; color: #4D4D4D; font-weight: 600; line-height: 1; padding: 0 0 0.18rem 0.3rem; border-bottom: 2px solid #E6E6E6;}
.aboutcontbox .cont .left .min .li{ border-bottom: 1px solid #E6E6E6;}
.aboutcontbox .cont .left .min a{ display: block; font-size: 0.18rem; line-height: 0.28rem; color: #4D4D4D; transition: all 0.5s; padding: 0.15rem 0.3rem;}
.aboutcontbox .cont .left .min .li.cur a,
.aboutcontbox .cont .left .min .li:hover a{ color: #004F87;}
.aboutcontbox .cont .left .min .li.cur a{ background: url(../images/8.png) no-repeat center right 0.2rem; background-size: 0.08rem auto;}
.aboutcontbox .cont .one .h{ font-size: 0.26rem; color: #4D4D4D; font-weight: 600; text-align: center; line-height: 1; margin-bottom: 0.3rem;}
.aboutcontbox .cont .one .ps{ font-size: 0.2rem; line-height: 0.28rem;}

.newsboxmax{ padding: 0.7rem 0;}
.newsboxmax .list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.newsboxmax .list .li{ width: calc((100% - 1.02rem) / 2); margin-bottom: 0.5rem;}
.newsboxmax .list .li a{ display: flex; justify-content: space-between; align-items: center;}
.newsboxmax .list .li .time{ display: flex; justify-content: center; align-items: center; text-align: center; width: 1rem; height: 1rem; background: #DBDBDB; transition: all 0.5s;}
.newsboxmax .list .li:hover .time{ background: #004F87;}
.newsboxmax .list .li .time .h{ font-size: 0.4rem; line-height: 1; font-weight: 600; color: #fff;}
.newsboxmax .list .li .time .p{ font-size: 0.14rem; line-height: 1; color: #fff; margin-top: 0.05rem;}
.newsboxmax .list .li .ter{ width: 6.18rem;}
.newsboxmax .list .li .ter .h{ font-size: 0.2rem; line-height: 0.3rem; color: #4D4D4D; font-weight: 600; transition: all 0.5s;}
.newsboxmax .list .li:hover .ter .h{ color: #004F87;}
.newsboxmax .list .li .ter .p{ font-size: 0.14rem; line-height: 0.24rem; color: #808080; min-height: 0.48rem; margin-top: 0.1rem;}
.pageing{ display: flex; justify-content: center; flex-wrap: wrap; margin-top: 0.1rem; padding-top: 0.4rem; border-top: 1px solid #F5F5F5;}
.pageing a{ margin: 0 0.03rem; line-height: 0.3rem; border-radius: 3px; min-width: 0.2rem; display: flex; justify-content: center; padding: 0 0.05rem; border: 1px solid #E6E6E6; font-size: 0.16rem; color: #808080; transition: all 0.5s;}
.pageing a.next,
.pageing a.prev{ padding: 0 0.12rem; margin: 0 0.16rem;}
.pageing .active a,.pageing a.cur,
.pageing a:hover{ border-color: #FF5000; color: #FF5000;}

.newsdataboxmax{ padding: 0.7rem 0 1rem 0;}
.newsdataboxmax .title{ text-align: center; border-bottom: 1px solid #E6E6E6; margin-bottom: 0.5rem; padding-bottom: 0.4rem;}
.newsdataboxmax .title .h{ font-size: 0.26rem; color: #4D4D4D; line-height: 0.36rem; font-weight: 600;}
.newsdataboxmax .title .p{ font-size: 0.16rem; margin-top: 0.2rem; line-height: 1; color: #808080;}
.newsdataboxmax .ps{ font-size: 0.18rem; line-height: 0.28rem; color: #4D4D4D;}
.newsdataboxmax .more{ margin-top: 0.8rem; padding-top: 0.3rem; border-top: 1px solid #E6E6E6; display: flex; justify-content: space-between;}
.newsdataboxmax .more a{ display: flex; white-space: nowrap; max-width: 45%;}
.newsdataboxmax .more a,
.newsdataboxmax .more a i{ font-size: 0.16rem; line-height: 0.26rem; color: #808080; transition: all 0.5s;}
.newsdataboxmax .more a:hover i{ color: #004F87;}

.aboutcontbox .cont .left .wker .li{ border-bottom: 1px solid #E6E6E6;}
.aboutcontbox .cont .left .wker .li .m a{ display: block; position: relative; font-size: 0.18rem; line-height: 0.28rem; padding: 0.15rem 0.3rem; transition: all 0.5s;}
.aboutcontbox .cont .left .wker .li.cur .m a,
.aboutcontbox .cont .left .wker .li:hover .m a{ color: #004F87;}
.aboutcontbox .cont .left .wker .li .m{ position: relative;}
.aboutcontbox .cont .left .wker .li .m i{ display: block; width: 0.48rem; height: 0.48rem; background: url(../images/8.png) no-repeat center; background-size: 0.08rem auto; position: absolute; top: 50%; right: 0; margin-top: -0.24rem; cursor: pointer; transition: all 0.5s;}
.aboutcontbox .cont .left .wker .li .m i.i{ transform: rotate(90deg);}
.aboutcontbox .cont .left .wker .li .down a{ display: block; font-size: 0.16rem; line-height: 0.26rem; color: #4D4D4D; padding: 0.05rem 0.3rem; transition: all 0.5s; margin-bottom: 1px;}
.aboutcontbox .cont .left .wker .li .down a:hover,
.aboutcontbox .cont .left .wker .li .down a.on{ background: #004F87; color: #fff;}
.aboutcontbox .cont .left .wker .li .down{ padding: 0 0 0.1rem 0; display: none;}

.caseboxmax{ padding: 0.7rem 0;}
.caseboxmax .list{ display: flex; flex-wrap: wrap; margin: 0 -0.12rem;}
.caseboxmax .list .li{ background: #fff; transition: all 0.5s; margin: 0 0.12rem 0.4rem 0.12rem; width: calc((100% - 0.96rem) / 4);}
.caseboxmax .list .li:hover{ box-shadow: 0 3px 10px hsla(0,0%,0%,0.13);}
.caseboxmax .list .li .m{ width: 100%; height: 2.78rem; overflow: hidden;}
.caseboxmax .list .li .m img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.caseboxmax .list .li:hover .m img{ transform: scale(1.1);}
.caseboxmax .list .li .ter{ padding: 0.2rem;}
.caseboxmax .list .li .ter .h{ font-size: 0.2rem; line-height: 0.26rem; color: #004F87;}
.caseboxmax .list .li .ter .p{ margin-top: 0.12rem;}
.caseboxmax .list .li .ter .p .i{ font-size: 0.15rem; line-height: 0.22rem; color: #808080;}

.contactboxmax{ padding: 0.7rem 0;}
.contactboxmax .cont{ display: flex; justify-content: space-between;}
.contactboxmax .cont .left{ width: 5.8rem;}
.contactboxmax .cont .left .h{ font-size: 0.26rem; line-height: 0.36rem; color: #004F87; font-weight: 600; margin-bottom: 0.3rem;}
.contactboxmax .cont .left .min .li{ display: flex; justify-content: space-between; align-items: flex-start;}
.contactboxmax .cont .left .min .li + .li{ margin-top: 0.35rem;}
.contactboxmax .cont .left .min .li .m{ width: 0.3rem; height: 0.3rem; display: flex; justify-content: center; align-items: center;}
.contactboxmax .cont .left .min .li .m img{ display: block; width: 100%;}
.contactboxmax .cont .left .min .li .p{ width: calc(100% - 0.4rem); font-size: 0.18rem; color: #4D4D4D; line-height: 0.3rem;}
.contactboxmax .cont .right img{ display: block; width: 9.9rem;}