.menu{text-align:center; border-bottom: 3px solid #eeeeee ; padding-top: 5px; background: #ffffff; }
.menu ul{ display: flex; flex-direction:row; justify-content: space-between; align-items: center;}
.menu li{ width:25%;   text-align: center;}
.menu li a{transition:all 0.2s linear;border-bottom: 5px solid #ffffff;display: inline-block; height:40px; line-height: 40px; font-size:0.75rem;  font-weight: bold;}
.menu li a:hover,.menu li a.cur{ color: #369cd1; border-bottom: 5px solid #369cd1;}
.menu li:last-child {  background: none; }
.nav_fixed{position:fixed;top:0; width:100%; margin:0px auto; z-index:10}
@media (min-width: 375px) {
	.menu li a{ font-size:0.875rem; }
}
@media (min-width: 576px) {
	.menu li a{ font-size:1.125rem;height:50px; line-height: 50px;}
}
@media (min-width: 992px) {
	.menu li a{ font-size:1.5rem;height:60px; line-height: 60px;}
}
@media (min-width: 1230px) {
	.menu li a{ font-size:2.125rem;height:80px; line-height: 80px;}
}


.sec01 .col-lg-4{ display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;  }
.sec01 .col-lg-8{ display: flex; flex-direction: column; align-items: flex-start; justify-content:center;  }

.sec01 .hdp4 .swiper-container { width: 660px; max-width: 100%;}
.sec01 p{ text-indent: 2em;width: 100%; box-sizing: border-box;}

@media (min-width: 1230px) {
.sec01 .col-lg-4{  font-size: 1rem;  line-height: 30px;}
}

.yjbtn{ display: inline-block; padding: 2px 15px ; text-align: center; background: #01c9cf; border-radius: 8px; color: #ffffff;}
.yjbtn:hover{ color: #ffffff;}

.yjbtn2{ display: inline-block; padding: 5px 20px ; text-align: center; background: #01c9cf; border-radius: 8px; color: #ffffff; box-shadow:0px 0px 8px rgba(28,28,28,0.4); font-size: 16px; font-weight: bold;}
.yjbtn2:hover{ color: #ffffff;}



/*专题板块标题*/
.tbar{  color: #333333;}
@media (min-width: 768px) {
	.tbar{ font-size:1.625rem;}
}
@media (min-width: 1230px) {
	.tbar{ font-size: 2.5rem;}
}

.tbar2{ text-align: center;  color: #ffffff;   }
.tbar2 h3{display: inline-block;background: url(../img/tbarbg.png) no-repeat center; background-size: 100% 100%;padding: 0px 30px 6px 30px;margin: 0px auto; font-size: 18px; line-height: 2; }

@media (min-width: 768px) {
	.tbar2 h3{ font-size:1.375rem;padding: 0px 40px 8px 40px;}
}
@media (min-width: 1230px) {
	.tbar2 h3{ font-size: 1.875rem;padding: 0px 60px 10px 60px;}
}

.titbg1{ background: url(../img/titbg1.png) no-repeat center; background-size: auto 100%;}
.titbg2{ background: url(../img/titbg2.png) no-repeat center; background-size: auto 100%;}


/*表格图文形式一*/
.bgtw1{ display: flex; flex-direction: row; flex-wrap: wrap; align-items:stretch; justify-content: space-between; border: 1px solid #aeaeae;  width: 100%; padding: 1px; box-sizing: border-box;}
.imgtw{ width: 33.33333333333333333333%; display: flex; flex-direction: column; align-items: center; justify-content: center;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d; box-sizing: border-box;padding: 30px 10px;  margin-top: 0px;border: 1px solid #aeaeae;}
.imgtw:hover{  /*-webkit-animation-name:bounceIn;animation-name:bounceIn;*/ background: rgba(0,180,223,0.1); color: #00b4df; }
.imgtw h3{   display: block; margin-top: 10px; font-size:0.875rem; text-align: center; }
.imgtw img{ width: 36%;}
@media (min-width: 768px) {
	.imgtw h3{ font-size: 1.125rem;}
}
@media (min-width: 992px) {
	.imgtw h3{ font-size: 1.25rem;}
}
@media (min-width: 1230px) {
	.imgtw h3{ font-size: 1.75rem;}
}



.sec05 ul{ display: flex; flex-direction: row; flex-wrap: wrap; height: 400px; overflow-y: auto; }
.sec05 ul li{ width: 20%;display: flex;align-items: center; justify-content: center; padding: 5px 0px;}
.sec05 ul li:nth-child(odd){ background: #ffffff;}
.sec05 ul li:nth-child(even){background: #f3f4f6;}

.sec05 ul li img{ max-width: 80%; height: auto;flex-shrink: 0;}
@media (min-width: 576px){
	.sec05 ul li{ width: 20%;}
}
@media (min-width: 992px){
	.sec05 ul li{ width: 14.28571%;}
}
@media (min-width: 1230px){
	.sec05 ul li{ width: 11.1111111%;}
}

.sec05 ul{scrollbar-base-color:#f00;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.sec05 ul::-webkit-scrollbar  
{  
    width: 5px;  /*滚动条宽度*/
    height: 5px;  /*滚动条高度*/
}  
.sec05 ul::-webkit-scrollbar-button  
{  
background-color:#eaeaea;
-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);  
    border-radius: 2px;color:#900; height: 2px;
} 

/*定义滚动条轨道 内阴影+圆角*/  
.sec05 ul::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);  
    border-radius: 0px;  /*滚动条的背景区域的圆角*/
    background-color: #eaeaea;/*滚动条的背景颜色*/  
}  
  
/*定义滑块 内阴影+圆角*/  
.sec05 ul::-webkit-scrollbar-thumb  
{  
    border-radius: 2px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color:  #00b4df;  /*滚动条的背景颜色*/ 
}


.wjhg{display: flex; flex-direction: row; flex-wrap: wrap;justify-content: space-between; align-items: center;}
.wjhg a{ width: 49%; box-shadow: 0px 0px 8px rgba(40,40,40,0.8);border-radius: 5px;}
.wjhg a img{ width: 100%; height: auto; border-radius: 5px;}

@media (min-width: 768px){
	.wjhg a{width: 24.5%;}
}

.adimg{ width: 100%; padding-top: 5px;}
.adimg img{ width: 100%; height: auto;}

.jxbg{ background: url(../img/jxbg.jpg) no-repeat top center; background-size: 100% 100%;}

.tbarimg{ height: 70px; margin: 0px auto; width: auto;}

@media (min-width: 768px){
	.tbarimg{ height: 90px;}
}
@media (min-width: 992px){
	.tbarimg{ height: 116px;}
}

.tsbox{ width:90%; display: flex; flex-direction: row; justify-content: flex-end; background: #ffffff; box-shadow: 7px 0px 13px rgba(170,170,170,0.4); border-top: 7px solid #e6bc8b; margin-top: -35px; position: relative; z-index: 2;}
.tscon{ padding-left: 5%; padding-top: 5px; padding-right: 5%; padding-bottom: 40px; font-size: 14px;}
.tscon p{ text-indent: 2em; padding-top: 15px;}
.tscon h4{padding-top: 15px; display: block; color: #b18d5a; font-weight: bold;}
@media (min-width: 768px){
	.tscon{font-size: 16px;}
}
@media (min-width: 1230px){
	.tsbox{ width:73%;margin-top: -75px;}
	.tscon{padding-left: 30%;padding-top: 15px; padding-right: 30px; padding-bottom: 50px;font-size: 20px;}
}

.tbqy{text-align: center; line-height: 1.8;}
.tbqy img{width: 30%; max-width: 150px; height: auto; margin: 0px auto 10px auto;}



.change-main{ width: 100%; }
.change-main .change-cut{  height: auto; width: 100%; margin: 0px auto; }
.change-main .change-cut .tab{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;flex-wrap: wrap; background: #f1f1f1;  border-radius: 17px; }
.change-main .change-cut li{font-size: 14px; color: #999999; width: 25%; text-align: center; height: 34px; line-height: 34px; color: #000000;}
.change-main .change-cut li.on{ color: #ffffff; background: url(../img/btn1.jpg) repeat-x center; background-size: 100% 34px; border-radius: 17px;}

.change-main .contents{ width: 100%;height:auto}
.change-main .contents .content{ width: 100%;height:auto;}
.change-main .contents .imgs { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.change-main .contents .imgs img{ width: 100%; height: auto;max-width: 367px;}
@media (min-width: 576px) {
	.change-main .change-cut li{width: 14.28%;}
	.change-main .contents .imgs img{ width: 33%; height: auto; max-width: 367px;}
}


@media (min-width: 768px) {
	.change-main .change-cut{ width: 90%;}
	.change-main .change-cut .tab{border-radius: 22px;}
	.change-main .change-cut li{font-size: 16px;width: 14.28%;height: 44px; line-height: 44px;}
	.change-main .change-cut li.on{  background-size: 100% 44px; border-radius: 22px;}
}

@media (min-width: 992px) {

	.change-main .change-cut li{font-size: 18px;width: 14.28%;height: 44px; line-height: 44px;}

}


@media (min-width: 1230px) {
	.change-main .change-cut .tab{border-radius: 25px;}
	.change-main .change-cut li{font-size: 24px;width: 14.28%;height: 50px; line-height: 50px;}
	.change-main .change-cut li.on{  background-size: 100% 50px; border-radius: 25px;}
}

.jyjx{ display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; flex-wrap: wrap;}
.jyjx li{   width: 48%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; background: #ffffff; box-sizing: border-box; padding: 12px; box-shadow: 0px 0px 9px rgba(0,0,0,0.1);}
.jyjx li img{ width: 50%; height: auto; margin: 0px auto;}
.jyjx li h6{ font-weight: bold; color: #cda469; margin-top: 15px; text-align: center; width: 100%;}
.jyjx li p{ font-size: 12px; margin-top: 5px; text-align: center; width: 100%;color: #cda469;}

@media (min-width: 992px) {

	.jyjx li{   width: 23.5%; padding: 12px;}
	.jyjx li img{ width: 50%;}
	.jyjx li h6{ }
	.jyjx li p{ font-size: 14px;}
}



.fj-cut ul{ display: flex; flex-direction: row;  justify-content:center; align-items: center; }
.fj-cut ul li{  font-size: 14px; padding: 0px 15px 0px 5px;   text-align: center; background: url(../img/ic_line.png) no-repeat right center; background-size: auto 16px; }
.fj-cut ul li:last-child{ background: none;}
.fj-cut ul li.on{ font-weight: bold; color: #00cfd7;}
.fj-con .imgs{ display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
.fj-con .imgs img{ width:50%; height: auto; padding: 1px; box-sizing: border-box;}

@media (min-width: 576px) {
	.fj-cut ul li{ font-size: 16px;padding: 0px 25px 0px 15px;  }
}
@media (min-width: 768px) {
	.fj-cut ul li{ font-size: 18px;padding: 0px 35px 0px 25px;  }
	.fj-con .imgs img{ width: 25%; height: auto;}
}
@media (min-width: 992px) {
	
}
@media (min-width: 1230px) {
	.fj-cut ul li{  }
}

.hdp9 .swiper-container {width: 100%;height: auto;margin-left: auto;margin-right: auto; }
.hdp9 .swiper-slide { height: auto;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: flex-start;align-items: flex-start;}
.hdp9 .swiper-slide img{ width: 100%;  height: auto;}

.hdp9 .swiper-button-next{background-image: url(../img/ic_next.png); }
.hdp9 .swiper-button-prev{background-image: url(../img/ic_prve.png); }

.hdp9 .swiper-button-prev:after,.hdp9 .swiper-container-rtl .swiper-button-next:after{content:''} 
.hdp9 .swiper-button-next:after,.hdp9 .swiper-container-rtl .swiper-button-prev:after{content:''}

.hdp9 .swiper-button-next,.hdp9 .swiper-button-prev{ width:46px;height:46px; margin-top: -23px; z-index:10;cursor:pointer;background-size:46px 46px;background-position:center;background-repeat:no-repeat; color:#000000 }
.hdp9 .swiper-button-next:after,.hdp9 .swiper-button-prev:after{ font-size: 20px;  font-weight: bold;}
.hdp9 .swiper-pagination-fraction{ bottom:0px;left:0;width:100%; font-size: 16px; color: #000000; font-weight: bold;line-height: 24px;}
@media (min-width:1230px) {
	.hdp9 .swiper-pagination-fraction{ font-size: 20px; }
}

.hdp6 .imgtt4 .text2 p,.hdp6 .imgtt4 .text2 h5{ font-size: 12px;}
@media (min-width: 768px) {
.hdp6 .imgtt4 .text2 p,.hdp6 .imgtt4 .text2 h5{ font-size: 16px;}
}

.pldhs{ display: flex; flex-direction:row; justify-content:center; align-items: center; flex-wrap: wrap; width: 100%;}
.pldhs img{ width: 100%; max-width: 444px; height: auto;padding: 0px 10px; box-sizing: border-box; flex-shrink: 0;}
.pldhs img.tsimg{ width: 10%; max-width: 162px; flex-grow: 0.3;}

@media (min-width: 576px) {
.pldhs { flex-wrap: nowrap;justify-content: space-between;}
.pldhs img{ width: auto;  flex-grow: 1; max-width: 45%;}
.pldhs img.tsimg{ width: 10%;  flex-grow: 0.3;}
}

.pldha{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.pldha a{ width: 31%; text-align: center; background: #ffffff; box-shadow: 0px 0px 5px rgba(34,24,21,0.3); border-radius: 6px; font-size: 13px; font-weight: bold; padding: 8px 0px;}
.pldha a:hover{ background: #00cfd7; color: #ffffff;}

@media (min-width: 576px) {
	.pldha a{font-size: 16px;}
}

@media (min-width: 992px) {
	.pldha a{font-size: 18px;}
}

.tkximg{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.tkximg li{ width: 49%; position: relative;}
.tkximg li img{ width: 100%; height: auto;}
.tkximg li a{ display: none; font-size: 12px;}
.tkximg li:hover a{ display: block; position: absolute; bottom: 0; left: 0; width: 80%;padding: 8px 10px;  box-sizing: border-box; box-shadow: 0px 5px 8px rgba(34,24,21,0.3); background: url(../img/ic_jia.png) no-repeat right top #ffffff; background-size: 25px 26px; color: #000000;}
.tkximg li a span{ display: block; color: #00cfd7; font-size: 14px; font-weight: bold;}

@media (min-width: 768px) {
	.tkximg li{ width: 24.5%;}
	.tkximg li:hover a{ }
}
@media (min-width: 992px) {
	.tkximg li:hover a{ padding: 15px 20px;font-size: 16px;  }
	.tkximg li a span{font-size: 18px;}
}

.dsbox,.dsbox2{ width: 100%; box-shadow: 0px 0px 5px rgba(34,24,21,0.3); position: relative; border-radius: 10px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 10px;}
.dsbox a,.dsbox2 a{ position: absolute; bottom: 6px; font-size: 14px;color: #00cfd7; font-weight: bold;}
.dsbox a{ right: 10px;}
.dsbox2 a{ left: 10px;}
.dsbox .dsyh,.dsbox2 .dsyh{ align-self: flex-start;}
.dsbox h3,.dsbox2 h3{ font-weight: bold; font-size: 18px;}
.dsbox h4,.dsbox2 h4{ display: block; margin-top: 8px; font-size: 14px;}
.dsbox .dsrw,.dsbox2 .dsrw{ width:30%;}
.dsbox .dsyh,.dsbox2 .dsyh{ width:5%;}
.dsbox .ttwz,.dsbox2 .ttwz{ width: 10px; flex-grow: 1; box-sizing: border-box; padding:30px 10px;}

.dsbox .dsrw img,.dsbox2 .dsrw img,.dsbox .dsyh img,.dsbox2 .dsyh img{ width:100%; height: auto;}

@media (min-width: 576px) {
	.dsbox .dsrw,.dsbox2 .dsrw{ width:30%;}
	.dsbox .dsyh,.dsbox2 .dsyh{ width:7%;}
	.dsbox .ttwz,.dsbox2 .ttwz{padding:0px 15px;}
	
}
@media (min-width: 768px) {
	.dsbox .dsrw,.dsbox2 .dsrw{ width:20%;}
	.dsbox .dsyh,.dsbox2 .dsyh{ width:9%;}
	.dsbox h3,.dsbox2 h3{   font-size: 22px;}
	.dsbox h4,.dsbox2 h4{   font-size: 18px;}
}
@media (min-width: 992px) {
	.dsbox,.dsbox2{   padding: 25px;}
	.dsbox .dsrw,.dsbox2 .dsrw{ width:215px;}
	.dsbox .dsyh,.dsbox2 .dsyh{ width:107px;}
	.dsbox .ttwz,.dsbox2 .ttwz{padding:0px 25px;}
	.dsbox a,.dsbox2 a{ bottom: 20px; font-size: 20px; }
	.dsbox a{ right: 25px;}
	.dsbox2 a{ left: 25px;}
	.dsbox h3,.dsbox2 h3{   font-size: 26px;}
	.dsbox h4,.dsbox2 h4{   font-size: 22px;}
}

@media (min-width:1230px) {
	.dsbox,.dsbox2{ width: 76%;}
	.dsbox{ margin-left: 10%;}
	.dsbox2{ margin-left: 14%;}
	.dsbox .dsrw{ margin-left: -16%;}
	.dsbox2 .dsrw{margin-right: -16%;}
	.dsbox .ttwz,.dsbox2 .ttwz{padding:0px 45px;}
	.dsbox h3,.dsbox2 h3{   font-size: 30px;}
	.dsbox h4,.dsbox2 h4{   font-size: 26px;}

}

.jxm{ display: block; width: 70px; height:70px; position:fixed; left: 10px; bottom: 80px;z-index: 100;}
.jxm img{ width: 100%; height: 100%; object-fit: cover;}
@media (min-width:1900px) {
	.jxm{left:200px;bottom: 180px;width: 80px; height:80px;}
}