﻿
*{font-family: "Microsoft YaHei";}
body{width: 100%;max-width: 640px;min-width: 320px;margin: 0 auto;padding: 0;font-family: "Microsoft YaHei";}
ul{list-style: none;}
a,a:hover{text-decoration: none;}
img{display: block;}
.clear{clear: both;}
.height-1{width: 100%;height: .2rem;background: #F0F0F0;}

.banner{width: 100%;}
.banner img{width: 100%;}

.cont{width: 100%;padding: .5rem 0;}
.cont .main{width: 94%;margin: 0 3%;}
.cont .main h3{margin: .5rem 0;text-align: center;font-size: 1.2rem;color: #F33;}
.cont .main h4{margin: .5rem 0;text-align: center;font-size: 1.2rem;color: #F33;}
.cont .main p{margin: .5rem 0;}
.cont .main p font{color: #F00;}
.cont .main .zixun{display: -webkit-flex; /* Safari */display: flex;width: 100%;height: 2.5rem;justify-content: center;}
.cont .main .zixun a{display: block;width: 40%;height: 2.5rem;line-height: 2.5rem;text-align: center;color: #FFF;background: #F03;border-radius: 1.5rem;}
.cont .main .zixun div{width: 10%;}
.zx{width: 100%;margin: .5rem 0;}
.zx a{display: block;width: 96%;margin: 0 2%;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.2rem;color: #FFF;background: #0a93d6;border-radius: 1.5rem;}

.cont0 .main{width: 100%;margin: 0;padding: .5rem 0;background: #0a93d6;} 
.cont0 .main h3{color: #FFF;}
.cont0 .main .li-lxb{width: 90%;min-width: 288px;margin: 0 5%;}

.cont1 .main h3{}
.cont1 .main p.p1{text-align: center;font-size: .9rem;}
.cont1 .main .sj{padding: .5rem 0;background: #f0f0f0;}
.cont1 .main .sj .h4{font-size: 1.2rem;}
.cont1 .main .sj p{}
.cont1 .main .sj img{width: 90%;margin: .5rem 5%;}
.cont1 .main .jy{margin-top: .8rem;padding: .5rem 0;background: #f0f0f0;}
.cont1 .main .jy .left{float: left;width: 40%;}
.cont1 .main .jy .left img{width: 100%;margin: .5rem auto;}
.cont1 .main .jy .right{float: left;width: 60%;}
.cont1 .main .jy .right p{text-align: left;}

.cont2 .main .img{width: 100%;}
.cont2 .main .img img{width: 100%;}

.cont3{padding: .5rem 0;}
.cont3 .main .img{width: 100%;margin: .5rem 0;}
.cont3 .main .img img{width: 100%;margin: .5rem 0;}
.cont3 .main .input{width: 100%;margin: .8rem 0;}
.cont3 .main .input input{display: block;width: 100%;height: 3rem;line-height: 3rem;margin: .3rem 0;text-align: center;border: 1px solid #0a93d6;border-radius: 1.5rem;}
.cont3 .main .input button{display: block;width: 100%;height: 3rem;line-height: 3rem;margin: .3rem 0;text-align: center;font-size: 1.2rem;color: #FFF;background: #0a93d6;border: 0;border-radius: 1.5rem;}
.cont3 .main .input button:hover{font-size: 1.3rem;}

.cont4 .main  .swiper-container { width: 100%;height: 100%;}
.cont4 .main  .swiper-container .swiper-wrapper{width: 100%;}
.cont4 .main  .swiper-container .swiper-wrapper .swiper-slide {
	    width: 100%;
        text-align: center;
        font-size: 18px;
        background: #fff;  
        /* 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: center;*/
}
.cont4 .main .swiper-slide img{width: 100%;}

.cont5 .main{width: 90%;margin: 0 5%;}
.cont5 .main .input{width: 100%;margin: .8rem 0;}
.cont5 .main .input input{display: block;width: 100%;height: 3rem;line-height: 3rem;margin: .3rem 0;text-align: center;border: 1px solid #0a93d6;border-radius: 1.5rem;}
.cont5 .main .input button{display: block;width: 100%;height: 3rem;line-height: 3rem;margin: .3rem 0;text-align: center;font-size: 1.2rem;color: #FFF;background: #0a93d6;border: 0;border-radius: 1.5rem;}
.cont5 .main .input button:hover{font-size: 1.3rem;}

.cont6{margin: 1.5rem 0;}
.cont6 .main h3{width: 100%;}
.cont6 .main .img{width: 100%;}
.cont6 .main .img img{width: 100%;}
.cont6 .main ul{width: 100%;}
.cont6 .main ul li{float: left;width: 48%;margin: .5rem 0;text-align: center;border: 1px solid #f0f0f0;}
.cont6 .main ul li.li2{margin-left: 2%;}
.cont6 .main ul li img{width: 100%;}
.cont6 .main ul li h4{margin: .3rem 0;font-size: 1rem;}
.cont6 .main ul li p{margin-bottom: .5rem;}
.cont6 .main a{display: block;width: 90%;height: 3rem;line-height: 3rem;margin: .5rem auto;color: #FFF;background: #0a93d6;text-align: center;font-size: 1.2rem;border-radius: 1.5rem;}

.cont7 .main  .swiper-container { width: 100%;height: 100%;}
.cont7 .main  .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;  
        /* 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: center;
}
.cont7 .main  .swiper-slide img{width: 100%;}

.cont8{padding: .5rem 0;}
.cont8 .main .slideBox{width: 100%;margin-top: .8rem;}
.cont8 .main .slideBox .hd{}
.cont8 .main .slideBox .hd ul{width: 100%;}
.cont8 .main .slideBox .hd ul li{float: left;width: 50%;}
.cont8 .main .slideBox .hd ul li span{display: block;width: 50%;margin: 0 25%;text-align: center;font-size: 1rem;font-weight: bold;letter-spacing: 2px;color: #39F;}
.cont8 .main .slideBox .hd ul li.on span{border-bottom: .3rem solid #0a93d6;}
.cont8 .main .slideBox .bd{}
.cont8 .main .slideBox .bd ul{width: 100%;}
.cont8 .main .slideBox .bd ul li .img img{float: left;width: 48%;margin: .3rem 1%;}