@charset "utf-8";
/* CSS Document */
html{background: #c0c0c0;}
.midW{width: 94%;margin:0 auto;}
.mgt2{margin-top: .2rem;}
.mgt4{margin-top: .4rem;}

.nav{background: #f0f0f0;border-bottom:.02rem solid #000;}
.nav li{width: 20%;float: left;line-height: .6rem;color:#333;text-align: center;font-size: .3rem;}
.logo{margin-bottom: .1rem;}
.logo img{width: 100%;}

/*banner 部分*/
.banner{position: relative;}
.banner img{width: 100%;}
.banner .hd{position: absolute;width: 100%;z-index: 1;bottom: 0;}
.hd ul{overflow: hidden;text-align: center;}
.hd ul li{display: inline-block;width: .1rem;height: .1rem;background: #000;margin: 0 .05rem;opacity:.2;border-radius:50%;font-size: 0;}
.hd ul li.on{background: #006876;opacity:1;}

.sec h1{text-align: center;color:#913aaa;font-size: .32rem;}
.sec h2{text-align: center;font-size: .3rem;}
.sec p{color:#5e5e5e;line-height: .36rem;}
.img{text-align: center;}
.img img{max-width: 100%;}
.bg{background: #f2f2f2;padding: .2rem 0;}

#other .bd li{padding: .4rem;background: #f0f2f5;border-bottom: .04rem solid #e3e4e8;border-radius: 0 0 .2rem .2rem;}
#other p{text-indent: 2em;margin:.4rem 0 .2rem;}
.zixun{background: #58c865;border-radius: .1rem;line-height: .6rem;color:#fff;text-align: center;display: block;}

.secLi{margin-top: .05rem;}
.secLi li{width: 50%;float: left;text-align: center;line-height: .36rem;color:#333;padding: .35rem 0;}
.secLi li b{color:#00F;}
.secLi li:nth-child(1){background: #f186b9;}
.secLi li:nth-child(2){background: #b586f1;}
.secLi li:nth-child(3){background: #f1b986;width: 100%;}
.secLi li:nth-child(4){background: #8be37e;}
.secLi li:nth-child(5){background: #79c5ff;}

.about .fl{width: 45.83%;padding: 1%;border:1px solid #CCC;}
.about img{width: 100%;}
.about .fr{width: 49%;}
.about p{text-indent: 2em;line-height: .3rem;}
a.zt-btn{display: block;}

.box li{margin-top:3%;position: relative;}
.box li img{width: 100%;}
.box li p{width: 68%;position: absolute;right: 2.5%;line-height: .3rem;top: 18%;}

.box4{width: 85%;margin:3% auto;}
.box4 li{width: 50%;position: relative;float: left;}
.box4 li img{width: 100%;}
.box4 li div{position: absolute;width: 75%;top: 20%;left: 12.5%;}
.box4 li h3{color:#fff;font-size: .3rem;margin-bottom: 7%;text-align: center;}
.box4 li p{color:#fff;line-height: .26rem;font-size: .2rem;}

.sec5 p{text-indent: 2em;margin-top: .2rem;}

.til{width: 74%;margin:.1rem auto 0;background: #913aaa;color:#fff;line-height: .38rem;text-align: center;}
.box6 img{width: 49%;float: left;}
.box6 div{width: 49%;float: right;}
.box6 h4{margin-bottom: .15rem;}
.technology p{margin-top: 3%;}
.technology p b{padding: 0 1.4%;background: #913aaa;color:#fff;margin-right: 2%;}

.compare h2{font-weight: normal;color:#913aaa;}
.compare img{width: 100%;margin-top: .2rem;}

.intro{padding: 1%;}
.intro li{width: 32.66666%;float: left;margin:4% 1% 0 0;border:1px solid #ff965e;box-sizing: border-box;}
.intro li:nth-child(3n){margin-right: 0;}
.intro li img{width: 100%;}
.intro li div{text-align: center;background: #ff935a;padding: .1rem 0}
.intro li h4{color:#fff;}
.intro li p{color:#fff;line-height: .3rem;margin-top: .1rem;height: .9rem;}

.doc img{max-width: 100%;}
.doc .fl{width: 42%;}
.doc .fr{width: 55%;}
.doc h4{margin-top: .1rem;font-size: .3rem;}

.discuss{margin-bottom: .2rem;}
.discuss .ping{text-align: center;color:#5e5e5e;}
.ping span{color:#680576;margin-right:2%;}
.ping a{padding:0 1%;background: #680576;color:#fff;}
.discuss li{padding: .1rem 0;border-bottom: 1px dashed #cacaca;}
.discT{color:#5e5e5e;margin-bottom: .1rem;}
.discT span{color:#ff4342;margin:0 2%;}
.discT div{width:2.65rem;float: right;}
.discuss p{font-size: .2rem;}