@charset "UTF-8";
/* ========================reset=============================== */
html {
  font-size: 13.34vw;
  width: 100%;
}

body {
  width: 100%;
  overflow: scroll;
  background: #f6f5f5;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
ul,
li,
dl,
dt,
dd,
ol,
input,
figure,
figcaption {
  padding: 0;
  margin: 0;
}

ul,
ol {
  list-style: none;
}

img {
  display: block;
}

input {
  outline: none;
}

header,
footer,
nav,
aside,
article,
section,
main {
  display: block;
}

body {
  font-size: 12px;
  /* color: #3e3e3e; */
  font-family: "微软雅黑";
  background: #f6f5f5 !important;
}

a {
  text-decoration: none !important;
  /* color: #909090 */
}

/* a:hover { 
    text-decoration: underline;
    color: #f60;
} */
/* =======================手机端========================== */
* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

/* ========================public=============================== */
.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
  float: none;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.mobile {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.mobile .mfooter {
  background: #1161b9;
  width: 100%;
  height: .92rem;
  display: flex;
  justify-content: space-between;
  padding: 0 .4rem;
}

.mobile .mfooter a {
  display: block;
  width: 1.48rem;
  height: 100%;
  padding-top: .55rem;
  color: #fff;
  font-size: .22rem;
  text-align: center;
  background-repeat: no-repeat;
}

.mobile .mfooter a:nth-child(1) {
  background-image: url(../images/mfootericon1.png);
  background-size: .34rem .34rem;
  background-position: center .14rem;
}

.mobile .mfooter a:nth-child(2) {
  background-image: url(../images/mfootericon2.png);
  background-size: .47rem .4rem;
  background-position: center .1rem;
}

.mobile .mfooter a:nth-child(3) {
  background-image: url(../images/mfootericon3.png);
  background-size: .39rem .39rem;
  background-position: center .14rem;
}

.mobile .mMain {
  flex: 1;
  width: 100%;
  overflow-y: scroll;
  padding-bottom: .2rem;
}

.mobile .mMain .mlogo {
  width: 100%;
  height: 1.28rem;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
}

.mobile .mMain .mlogo img {
  width: 5.57rem;
  height: auto;
  display: block;
}

.mobile .mMain .mnav {
  width: 100%;
  height: auto;
  background: #1161b9;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: .26rem 0 0;
}

.mobile .mMain .mnav li {
  height: .33rem;
  line-height: .33rem;
  width: 25%;
  margin-bottom: .3rem;
}

.mobile .mMain .mnav li a {
  display: block;
  width: 100%;
  height: .33rem;
  line-height: .33rem;
  text-align: center;
  color: #fff;
  border-right: .01rem solid #88b0dc;
  font-size: .24rem;
}

.mobile .mMain .mnav li:nth-child(4n) a {
  border-right: 0;
}

.mobile .mMain .mswiper {
  width: 100%;
  height: 3.2rem;
}

.mobile .mMain .mswiper img {
  display: block;
  width: 100%;
  height: 100%;
}

.mobile .mMain .mList01 {
  width: 100%;
  height: 2.02rem;
  padding: 0 .2rem;
  display: flex;
  justify-content: space-between;
  background: #fff;
}

.mobile .mMain .mList01 li {
  flex: 1;
  text-align: center;
  background-size: .9rem .9rem;
  background-position: center 0.39rem;
  background-repeat: no-repeat;
}

.mobile .mMain .mList01 li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 1.4rem;
  color: #333333;
  font-size: .22rem;
}

.mobile .mMain .mList01 li:nth-child(1) {
  background-image: url(../images/micon1.png);
}

.mobile .mMain .mList01 li:nth-child(2) {
  background-image: url(../images/micon2.png);
}

.mobile .mMain .mList01 li:nth-child(3) {
  background-image: url(../images/micon3.png);
}

.mobile .mMain .mList01 li:nth-child(4) {
  background-image: url(../images/micon4.png);
}

.mobile .mMain .mList01 li:nth-child(5) {
  background-image: url(../images/micon5.png);
}

.mobile .mMain .mtitle {
  width: 100%;
  height: .65rem;
  line-height: .65rem;
  display: flex;
  justify-content: space-between;
  border-bottom: .01rem solid #c1bebe;
}

.mobile .mMain .mtitle span {
  font-size: .26rem;
  color: #333333;
  font-weight: bold;
}

.mobile .mMain .mtitle a {
  color: #666666;
  font-size: .22rem;
}

.mobile .mMain .mAboutus {
  width: 100%;
  height: auto;
  background: #fff;
  margin-top: .2rem;
  padding: .08rem .2rem;
}

.mobile .mMain .mAboutus .mAboutusvideo {
  width: 100%;
  height: 3.56rem;
  margin-top: .25rem;
}

.mobile .mMain .mAboutus .mAboutusvideo video,
.mobile .mMain .mAboutus .mAboutusvideo img {
  display: block;
  width: 100%;
  height: 100%;
}

.mobile .mMain .mAboutus .mAboutusart {
  width: 100%;
  height: auto;
  line-height: .43rem;
  color: #333333;
  font-size: .24rem;
  text-indent: 2em;
}

.mobile .mMain .mAboutus .mAboutusart a {
  color: #d9251c;
}

.mobile .mMain .mproduct {
  width: 100%;
  margin-top: .2rem;
  height: 1.94rem;
  background-image: url(../images/mproduct.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  padding: .3rem 0 0 2.74rem;
}

.mobile .mMain .mproduct p {
  height: .4rem;
  line-height: .4rem;
  color: #afd2f9;
  font-size: .22rem;
  overflow: hidden;
}

.mobile .mMain .mproduct a {
  width: 1.85rem;
  height: .4rem;
  line-height: .38rem;
  text-align: center;
  color: #fff;
  margin-top: .14rem;
  border: .01rem solid #fff;
  border-radius: .05rem;
  display: block;
}

.mobile .mMain .madvantage {
  width: 100%;
  height: auto;
  background: #fff;
  margin-top: .2rem;
  padding: .08rem .2rem;
}

.mobile .mMain .madvantage .tab_list {
  width: 3.28rem;
  height: .48rem;
  margin: 0.3rem auto 0;
  display: flex;
  justify-content: space-between;
}

.mobile .mMain .madvantage .tab_list li {
  border: .01rem solid #1161b9;
  color: #1161b9;
  width: 1.54rem;
  height: .48rem;
  border-radius: .04rem;
  text-align: center;
  line-height: .48rem;
}

.mobile .mMain .madvantage .tab_list .current {
  background: #1161b9;
  color: #fff;
}

.mobile .mMain .madvantage .tab_con {
  width: 100%;
  height: auto;
  margin-top: .23rem;
}

.mobile .mMain .madvantage .tab_con .item {
  display: none;
}

.mobile .mMain .madvantage .tab_con .item .madvantageList {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4%;
}

.mobile .mMain .madvantage .tab_con .item .madvantageList li {
  width: 48%;
  height: 2.8rem;
  margin-bottom: .24rem;
}

.mobile .mMain .madvantage .tab_con .item .madvantageList li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.mobile .mMain .madvantage .tab_con .item .madvantageList li a img {
  display: block;
  width: 100%;
  height: 100%;
}

.mobile .mMain .madvantage .tab_con .item .madvantageList li a p {
  position: absolute;
  width: 100%;
  height: .48rem;
  background-color: rgba(0, 0, 0, 0.4);
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: .48rem;
  color: #fff;
  font-size: .24rem;
}

.mobile .mMain .mnews {
  width: 100%;
  height: auto;
  background: #fff;
  margin-top: .2rem;
  padding: .08rem .2rem .2rem;
}

.mobile .mMain .mnews .mnewsBox {
  width: 100%;
  height: 1.69rem;
  margin-top: .25rem;
  display: flex;
  justify-content: space-between;
}

.mobile .mMain .mnews .mnewsBox img {
  width: 2.58rem;
  height: 1.69rem;
  display: block;
  border-radius: .08rem;
}

.mobile .mMain .mnews .mnewsBox .mnewsBoxR {
  flex: 1;
  padding-left: .2rem;
}

.mobile .mMain .mnews .mnewsBox .mnewsBoxR .nnewstitle {
  width: 100%;
  height: .32rem;
  line-height: .32rem;
  color: #333333;
  font-size: .26rem;
}

.mobile .mMain .mnews .mnewsBox .mnewsBoxR .nnewsdate {
  width: 100%;
  height: .3rem;
  line-height: .3rem;
  margin-top: .12rem;
  color: #909090;
  font-size: .22rem;
}

.mobile .mMain .mnews .mnewsBox .mnewsBoxR .nnewsart {
  width: 100%;
  height: .84rem;
  line-height: .42rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #666;
  font-size: .24rem;
}

.mobile .mMain .mnews .mnewsList {
  width: 100%;
  height: auto;
  margin-top: .2rem;
}

.mobile .mMain .mnews .mnewsList li {
  width: 100%;
  height: .68rem;
  line-height: .68rem;
  background: #f5f7f8;
}

.mobile .mMain .mnews .mnewsList li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 .1rem 0 .27rem;
  display: flex;
  justify-content: space-between;
  background-image: url(../images/mpoint.png);
  background-repeat: no-repeat;
  background-size: .04rem .04rem;
  background-position: .13rem center;
}

.mobile .mMain .mnews .mnewsList li a span:nth-child(1) {
  width: 70%;
  color: #333;
  font-size: .26rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mobile .mMain .mnews .mnewsList li a span:nth-child(2) {
  width: 30%;
  text-align: right;
  color: #666666;
  font-size: .26rem;
}

.mobile .mMain .mnews .mnewsList li:nth-child(2n) {
  background: #fff;
}

.mlocation {
  width: 100%;
  height: auto;
  padding: .2rem .2rem .2rem .4rem;
}

.mlocation .mlocation1 {
  text-align: right;
  background-repeat: no-repeat;
  line-height: .26rem;
}

.mlocation .mlocation1 .dangqian {
  padding-left: .26rem;
  background-repeat: no-repeat;
  background-size: .15rem .21rem;
  background-position: 0 center;
  background-image: url(../images/mlocation.png);
}

.mlocation .mlocation1 span,
.mlocation .mlocation1 a {
  color: #666666;
  font-size: .22rem;
}

.mlocation .mlocationtitle {
  width: 100%;
  line-height: .45rem;
  color: #333333;
  font-size: .28rem;
  font-weight: bold;
}


.mlocation .img_list{
  width: 49%;
  height: .6rem;
  line-height: .6rem;
  margin-bottom: .2rem;
  background: #56779b;
  color: #fff;
  text-align: center;
}

.mlocation .img_list .current {
  background: #1161b9;
}


.mLists {
  width: 100%;
  height: auto;
  background: #fff;
  padding: 0.14rem .2rem;
}

.mLists li {
  width: 100%;
  height: .72rem;
  line-height: .72rem;
  background-image: url(../images/mpoint.png);
  background-repeat: no-repeat;
  background-size: .04rem .04rem;
  background-position: 0.11rem center;
  padding-left: .3rem;
  border-bottom: .01rem solid #dbdbdb;
}

.mLists li a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
}

.mLists li a span:nth-child(1) {
  width: 70%;
  color: #333;
  font-size: .26rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mLists li a span:nth-child(2) {
  width: 30%;
  text-align: right;
  color: #666666;
  font-size: .26rem;
}

.mLists li:hover a span {
  color: #1161b9;
}

.page {
  width: 100%;
  height: auto;
  padding: .4rem 0 .5rem;
  background: #fff;
  text-align: center;
  color: #000;
  font-size: .24rem;
}
.page a{
  color:#000;
}
.marticle {
  width: 100%;
  height: auto;
  background: #fff;
  padding: .32rem .2rem;
}

.marticle .marticletop {
  width: 100%;
  height: auto;
  border-bottom: .01rem solid #dcdcdc;
  padding-bottom: .12rem;
  text-align: center;
}

.marticle .marticletop p:nth-child(1) {
  color: #000000;
  font-size: .28rem;
  line-height: .45rem;
}

.marticle .marticletop p:nth-child(2) {
  color: #1161b9;
  font-size: .22rem;
  line-height: .57rem;
}

.marticle .marticlebox {
  width: 100%;
  height: auto;
  padding: .18rem;
  line-height: .52rem;
  color: #595757;
  font-size: .24rem;
}

.marticle .marticlebox p {
  text-align: center;
}

.marticle .marticlebox img {
  max-width: 100%;
  margin: .2rem auto;
  height: auto!important;
}

.marticle .mnextto {
  width: 100%;
  height: auto;
  padding: .3rem 0;
  border-top: .01rem solid #dcdcdc;
}

.marticle .mnextto li {
  width: 100%;
  height: .45rem;
  line-height: .45rem;
  color: #595757;
  font-size: .22rem;
}

.marticle .mnextto li a {
  color: #595757;
  width: 80%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.imgList {
  width: 100%;
  height: auto;

}


.imgList_bj {
  background: #fff;
  padding-top:10px;

}



.imgList .img_list {
  width: 100%;
  height: auto;
  display: flex;
  padding: 0 .2rem;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2%;
}

.imgList .img_list li {
  width: 49%;
  height: .6rem;
  line-height: .6rem;
  margin-bottom: .2rem;
  background: #56779b;
  color: #fff;
  text-align: center;
}

.imgList .img_list .current {
  background: #1161b9;
}

.imgList .img_list a{
    color: #fff;
}
.imgList .img_con {
  width: 100%;
  height: auto;
  padding: 0 .2rem;
}

.imgList .img_con .item {
  display: none;
}

.imgList .img_con .item .img_conlist {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2%;
}

.imgList .img_con .item .img_conlist li {
  width: 49%;
  height: auto;
  border: .01rem solid #e4e6e7;
  border-radius: .09rem;
  overflow: hidden;
  margin-bottom: .18rem;
}

.imgList .img_con .item .img_conlist li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: .09rem .09rem 0;
  border-bottom: .03rem solid #6191d0;
}

.imgList .img_con .item .img_conlist li p {
  line-height: .65rem;
  height: .65rem;
  text-align: center;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333333;
  font-size: .26rem;
}

.imgList .img_con .item .img_conlist li img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.imgList .img_con .item .img_conlist1 li a img {
  height: 2.55rem;
}

.imgList .img_con .item .img_conlist2 li a img {
  height: 4.4rem;
}