@charset "utf-8";
.title {}
.title .hd {padding-top: .3rem;padding-bottom: .4rem;border-bottom: 1px solid #e6e5e5;background: #f5f5f5;text-align: center;}
.title .hd h2 {color: #333;font-size: .4rem; line-height: .8rem; font-weight: normal;}
.title .hd p {padding-left: 1rem; padding-right: 1rem;color: #a1a1a1; font-size: .22rem;line-height: .36rem;}

.section-1 { padding: 3% 0; background-color: #fff; }
.section-1 .hd { padding-bottom: 0; border: 0; background-color: #fff; }
.section-1 .bd ul { padding: 3% 1.5% 0; }
.section-1 .bd ul li { position: relative; float: left; width: 30.3333%; margin: 0 1.5% 3%; background-color: #f1f1f1; border-radius: .08rem; text-align: center; }
.section-1 .bd ul li a { display: block; position: relative; padding: .74rem 0 .2rem 0; }
.section-1 .bd ul li h4 { font-weight: normal; font-size: .24rem; line-height: .42rem; }
.section-1 .bd ul li a:after { position:absolute; top:.27rem; left:50%; width:1.4rem; height:.47rem; margin-left: -.7rem; content:"" }


.pro-1 a:after { background: url(z12.png) no-repeat; background-size: contain; }
.pro-2 a:after { background: url(z13.png) no-repeat; background-size: contain; }
.pro-3 a:after { background: url(z14.png) no-repeat; background-size: contain; }
.pro-4 a:after { background: url(z15.png) no-repeat; background-size: contain; }
.pro-5 a:after { background: url(z16.png) no-repeat; background-size: contain; }
.pro-6 a:after { background: url(z17.png) no-repeat; background-size: contain; }


.section-2 { }
.section-2 .hd { border-bottom: 0; }
.section-2 .bd { padding-bottom: .5rem; }
.section-2 .bd .mt {}
.section-2 .bd .mt ul {}
.section-2 .bd .mt ul li { position: relative; float: left; width: 25%; margin-left: -1px; border:1px solid #e7e7e7; font-size: .24rem; line-height: 1.1rem; text-align: center; }
.section-2 .bd .mc { margin-bottom: .3rem; padding: .4rem .4rem 0; }
.section-2 .bd .info { padding: .28rem .2rem 0; border:1px solid #f0f0f0; }
.section-2 .bd .info h4 { margin-bottom: .1rem; font-weight: normal; font-size: .32rem; line-height: .44rem; }
.section-2 .bd .info .txt { margin-bottom: .3rem; min-height: .36rem; line-height: .36rem; opacity: .5; }
.section-2 .bd .info .more { position: relative; padding-top: .06rem; border-top:1px solid #f0f0f0; font-size: .16rem; line-height: .56rem; text-transform: uppercase; }
.section-2 .bd .info .more a { display: block; }
.section-2 .bd .info .more:after { position:absolute; top:50%; right:0; width:.24rem; height:.08rem; margin-top: -.04rem; background:url(z6.png) no-repeat; background-size: contain; content:"" }

.section-2 .swiper-container-horizontal>.swiper-pagination-bullets { position: relative; bottom: 0; padding-top: .2rem; }
.section-2 .swiper-container .swiper-pagination-bullet { width: 16px; height: 16px; border:1px solid #333; background: none; }
.section-2 .swiper-container .swiper-pagination-bullet-active { border:1px solid #3780d2; background: none; }

.section-3 { border-bottom: 1px solid #e6e5e5; }
.section-3 .hd { border-bottom: 0; background-color: #fff; }
.section-3 .bd { padding-bottom: .5rem; }
.section-3 .bd .mt {}
.section-3 .bd .mt ul {border-right:1px solid #e7e7e7;}
.section-3 .bd .mt ul li { position: relative; float: left; width: 25%; border:1px solid #e7e7e7; border-right:0; font-size: .24rem; line-height: 1.1rem; text-align: center; }
.section-3 .bd .mt ul .on { color: #3680d2; }
.section-3 .bd .mc { margin-bottom: .3rem; padding: .4rem .4rem 0; }

.section-3 .bd .info { padding: .28rem .2rem 0; border:1px solid #f0f0f0; }
.section-3 .bd .info h4 { margin-bottom: .1rem; font-weight: normal; font-size: .32rem; line-height: .44rem; }
.section-3 .bd .info .txt { margin-bottom: .3rem; min-height: 1.08rem; line-height: .36rem; opacity: .5; }
.section-3 .bd .info .more { position: relative; padding-top: .06rem; border-top:1px solid #f0f0f0; font-size: .16rem; line-height: .56rem; text-transform: uppercase; }
.section-3 .bd .info .more a { display: block; }
.section-3 .bd .info .more:after { position:absolute; top:50%; right:0; width:.24rem; height:.08rem; margin-top: -.04rem; background:url(z6.png) no-repeat; background-size: contain; content:"" }

.section-3 .swiper-container-horizontal>.swiper-pagination-bullets { position: relative; bottom: 0; padding-top: .2rem; }
.section-3 .swiper-container .swiper-pagination-bullet { width: 16px; height: 16px; border:1px solid #333; background: none; }
.section-3 .swiper-container .swiper-pagination-bullet-active { border:1px solid #3780d2; background: none; }



.section-4 .hd p {padding-left: .5rem; padding-right: .5rem; }
.section-4 .bd { padding: .3rem 0 .5rem; }
.section-4 .bd .pic { width: 48.3%; margin: 0 auto .48rem; text-align: center; }
.section-4 .bd ul li { position: relative; float: left; width: 33.333%; text-align: center; }
.section-4 .bd ul li:after {position:absolute;top:.08rem;right:0;width:2px;height: 1.1rem;background-color: #f6f6f6;content:"";}
.section-4 .bd ul li:last-child:after { display: none; }
.section-4 .bd ul li .num { width:70%; margin: 0 auto; }
.section-4 .bd ul li .txt {margin-bottom: .13rem;font-size: .24rem;line-height: .5rem;}
.section-4 .bd ul li .txt-a a {display: inline-block;padding:0 .2rem;border:1px solid #dadada;font-size: .22rem;line-height: .4rem;}