@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none !important; }
body{ margin:0px; padding:0px; font-size:12px;font-family: "微软雅黑";color:#000;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}
h2,h3,h4,h5,h6,h1,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.bgf2{ background-color: #fff; padding-bottom: 4rem;height: 100%; }
.bgbt{width: 100%; min-height: 100vh; background: url(../index-img/icon04.jpg) #efefef no-repeat; background-size:contain; background-position:center bottom; }


.bannerbox{ width: 100%; height: 4.74rem; position: relative; }
.bannerbox .dwbox{ position: absolute; left: 0.2rem; top: 0.2rem; background: rgba(0,0,0,0.65); border-radius: 100px; padding: 0 0.2rem; height: 0.66rem; line-height: 0.66rem; display: flex; justify-content: center; align-items: center; z-index: 99 }
.bannerbox .dwbox a{ display: block; display: flex; align-items: center; overflow: hidden; }
.bannerbox .dwbox a>img{ width: 0.28rem; height: 0.32rem; float: left; }
.bannerbox .dwbox a>p{ float: left; font-size: 0.28rem; color: #fff; margin-left: 0.14rem;}
.bannerbox .dwbg{ position: absolute; left: 0; bottom: 0; width: 100%; height: 0.41rem; background: url(../index-img/bai.png) no-repeat; background-size:100% 100%; background-position:center; z-index: 99 }
.mySwiper{}
.mySwiper img{ width: 100%; }
.mySwiper .swiper-pagination-bullet{ background: #ff8901 }

.iconbox{ width: 100%; padding: 0 0.3rem; margin-top: 0.3rem; }
.iconbox .icon{ overflow: hidden; }
.iconbox .icon li{ float: left; margin-right: 0.2rem;border-radius: 0.2rem; margin-bottom: 0.2rem; }
.iconbox .icon li:nth-child(2n){margin-right: 0; }
.iconbox .icon li a{ display: block; border-radius: 0.2rem; width: 3.35rem; height: 1.68rem; overflow: hidden; display: flex; align-items: center; }
.iconbox .icon li:nth-child(1) a{ background: #DBDFFF; }
.iconbox .icon li:nth-child(2) a{ background: #FEEBED; }
.iconbox .icon li:nth-child(3) a{ background: #CDEEFF; }
.iconbox .icon li:nth-child(4) a{ background: #FBF3E8; }
/*.iconbox .icon li:nth-child(1) a .icle{ box-shadow: 0px 10px 30px 2px rgba(255,137,1,0.5); }*/
/*.iconbox .icon li:nth-child(2) a .icle{ box-shadow: 0px 10px 30px 2px rgba(255,0,0,0.5);  }*/
/*.iconbox .icon li:nth-child(3) a .icle{ box-shadow: 0px 10px 30px 2px rgba(0,127,187,0.5); }*/
/*.iconbox .icon li:nth-child(4) a .icle{ box-shadow: 0px 10px 30px 2px rgba(80,150,0,0.5); }*/

.iconbox .icon li a .icle{  float: left; width: 1.5rem; height: 1.5rem; border-radius: 0.2rem;}
.iconbox .icon li a .icrig{  float: left;  }
.iconbox .icon li a .icrig p{ font-size: 0.36rem; font-weight: bold; color: #000; }
.iconbox .icon li a .icrig span{ display: block; font-size: 0.24rem; font-weight: normal; color: #808080; margin-top: 0.2rem; }

.btbox{ padding: 0.2rem;}
.btbox>img{ width: 100%; border-radius: 0.2rem;}
.btbox>p{  font-size: 0.3rem; text-align: center; color: #808080; margin-top: 0.3rem; }

.btbox-bt{  padding-left: 0.2rem;padding-right: 0.15rem;height: 1rem;}
.btbox-bt>button{margin-left: 0.1rem; float: left;  width: 47%; color: #3D3D3D; border: 0;  font-size: 0.3rem;  border-radius: 0.1rem;padding: 0.1rem 0.5rem 0.1rem 0.5rem;}
.btbox-bt>button>img{float: left;}
.btbox-bt>button>p{width: 1.5rem;float: left;line-height: 0.7rem;}

.btbox1{margin: 0.2rem 0rem 0.2rem;}
.btbox1>img{width: 100%;}

/*底部导航栏目*/
.footer{ background-color: #fff; height: 1rem; padding: 0.12rem 0; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 3; box-shadow: 0px 0.01rem 0.24rem 0px rgba(229, 229, 229, 0.75); }
.footer .lina{ width: 33.33%; float: left; text-align: center; font-size: 0.2rem; color: #808080; padding-top: 0.46rem; background-position: top center; background-repeat: no-repeat; background-size: auto 0.42rem;  }
.footer .lina.on{ color: #ff8901; } 
.footer .lina:nth-child(1){ background-image: url(../index-img/img20.png); }
.footer .lina:nth-child(2){ background-image: url(../index-img/img23.png); }
.footer .lina:nth-child(3){ background-image: url(../index-img/img22.png); }
.footer .lina.on:nth-child(1){ background-image: url(../index-img/img19.png); }
.footer .lina.on:nth-child(2){ background-image: url(../index-img/img24.png); }
.footer .lina.on:nth-child(3){ background-image: url(../index-img/img21.png); }
/*底部导航栏目*/