* {margin: 0;padding: 0;text-decoration: none;list-style: none;font-size: 16px; font-family: "Microsoft YaHei";box-sizing: border-box; color: #333;}
.W{width:1080px;margin:auto;}
.tL{float:left;}
.tR{float:right}
.C{overflow: hidden;}
.web .W{width:100%;}
header{height: 2rem;margin:1.5%;}

.logo{width:30%;}
.nav{width:70%;}
.navL ul>li,.navR ul>li{float:left;}
.navL ul>li a{display: block;width:140px;line-height: 32px;text-align: center;}
.navR ul>li a{display: block;width:60px;line-height: 32px;text-align: center;}
.navL ul>li a:hover,.navL ul>li a.on,.navR ul>li a:hover,.navR ul>li a.on{color:#00bbd1;}
.color{color:#00bbd1;}

/*头部*/
.navL ul>li{position: relative;height:38px;}
.book{position: absolute;top:38px;z-index: 999;background: #fafafa;display: none;}
.navL .book li a{line-height: 45px;font-size:14px;border-bottom:1px solid #dfdfdf;}
.navL ul li:hover .book{display: block;animation:mybook 0.3s linear;-webkit-animation:mybook 0.3s linear;-moz-animation:mybook 0.3s linear; -o-animation:mybook 0.3s linear; }
@-webkit-keyframes mybook {from{height: 0;} to { height:180px;}}
@-moz-keyframes mybook {from {height: 180px;} to {height: 180px;}}
@-o-keyframes mybook {from {height: 180px;} to {height: 180px;}}
.navL .book li{height:45px;}
.menuTit,.wapMenu{display: none;}

/*尾部*/
.foot{background: #000;}
.footT{width:1200px;max-width:100%;margin:auto;padding:2% 0;border-bottom: 1px solid #393939;}
.footT>div{float: left;width:20%;}

.footT h6{width:60%;line-height:2.5rem;font-size: 16px;color:#00BBD1;font-weight: normal;text-align: center;}
.footT h5{width:60%;text-align:center;color:#b7bdbe;}
.footT ul li a{display:block;width:50%;padding-left:10%;line-height:2.5rem;font-size:14px;text-align: center;color:#b7bdbe;}
.footT ul li a:hover{color:#00BBD1;}
.wechat{display:block;margin:5%;width:50%;}
.footB{width:1200px;max-width:100%;margin:auto;padding:1.5% 0;}
.footB span{display:block;text-align:center;font-size:14px;color:#b7bdbe;}
.footBa,.footB b{display: inline-block;float: right;margin:0 0.5rem;color:#b7bdbe;font-size:14px;font-weight: normal;}
.footBa:hover{color:#00BBD1;}
.footBa, .footB b{display: none;}

/*轮播图*/
.banner-box{width:100%;height:420px;position:relative;text-align:center;overflow: hidden; /*box-shadow: 1px 1px 0px 2px #eee inset;*/}
.banner-box .img,.banner-box .partner{width:5000%;position:absolute;top:0;left:0;}
.banner-box .img li{float:left;width:2%;height:420px;}
.banner-box .img img{width:100%;height:420px;}
.banner-box .li,.banner-box .partLi{width:100%;position:absolute;left:0;bottom:10px;}
.banner-box .li li,.banner-box .partLi li{width:10px;height:10px;margin:0 5px;background:#ccc;border-radius:50%;display:inline-block;cursor:pointer;}
.banner-box .but{position: absolute;top:50%;margin-top:-30px;width:80px;height:80px;cursor:pointer;display: none;}
.banner-box:hover .but{display:block;}
.banner-box .prev{left:0;background:url("./imgs/prev_1.png")no-repeat center;}
.banner-box .prev:hover{background:url("./imgs/prev_2.png")no-repeat center;}
.banner-box .next{right:0;background:url("./imgs/next_1.png")no-repeat center}
.banner-box .next:hover{background:url("./imgs/next_2.png")no-repeat center}
.banner-box .li .index,.banner-box .partLi .index{width: 30px;background:#6fe0f6;border-radius:10px;}

@media only screen and (min-width: 1450px){ .banner-box,.banner-box .img li,.banner-box .img img{height: 500px;} }

.tNew{height:398px;padding:4% 0;background:url("../style/imgs/news_bg.png") center top;display: none;}
.tTit{padding:0 0 1%;font-size:36px;text-align: center;}
.scro{width: 40%;  height: 80px; line-height: 80px; margin: 57px auto 0;background: #23c3e0; border-radius: 5px; box-shadow: 1px 1px 10px rgba(35, 195, 224, 0.5); overflow: hidden;}
#notice_news{ height: 80px; line-height: 80px; width: 100%; }
#notice_news li{line-height: 80px; overflow:hidden;text-align: center;}
#notice_news li a{ font-size:14px;color:#fff;}
#notice_news li a:hover{ text-decoration:underline;}
.tFor{padding:4% 0;background: #efefef url("../style/imgs/provide_bg.png") no-repeat center bottom;}
.tFor ul{padding-bottom:1%;}
.tFor ul li{position:relative;float: left;width:31.33%;height:260px;margin:3% 1%;}
.tFor ul li>a{display: block;margin:2% auto;}
.tFor ul li a>img{display: block;width: 96%;height:96%;margin: auto;}
.tFor ul li a .imgAb{position: absolute;width:90px;height: 90px;top:30%;left:37%;}
.tFor ul li>a div{width:100%;height:245px;background-position: center;background-repeat:no-repeat;background-size: 100% 100%; }
.tFor .idx1{background-image: url("./imgs/index_1.png"); }
.tFor .idx2{background-image: url("./imgs/index_2.png"); }
.tFor .idx3{background-image: url("./imgs/index_3.png"); }
.tFor .idx4{background-image: url("./imgs/index_4.png"); }
.tFor .idx5{background-image: url("./imgs/index_5.png"); }
.tFor .idx6{background-image: url("./imgs/index_6.png"); }

.tFor ul li a>h3{height: 50px;  line-height: 50px; margin: auto; padding:0 3%; font-size: 13px;text-align: center;  overflow: hidden;  background:#fff;font-weight: normal;}
.tFor ul li>a:hover img{width:98%;height: 98%;margin: auto;padding:0; }
.tFor ul li>a:hover .imgAb{width:90px;height: 90px;}
.tFor ul li>a:hover div{background-size:105% 105%; }
.tWul{padding:6% 0 4%;}
.twL{padding-left: 2%;}
.twL{width:36%;}
.twR{width:50%;}
.twR>img{width:520px;}
.twL>h2{padding:10% 0;font-size: 24px;}
.twL>p{line-height: 30px;font-size: 14px;}
.twL>a{display: inline-block;  min-width: 50px;   margin-top: 15%; border: 2px solid #00bbd1;  text-align: center;  padding: 5px 15px;  -webkit-border-radius: 50px;  -moz-border-radius: 50px;  border-radius: 50px; font-size: 14px; color: #00bbd1;}
.twL>a:hover{color:#fff;background:#00bbd1;}

.top{position: relative;}
.top img{width:100%;height: 320px;}
.topT{position: absolute;width:80%;height:30%;top:35%;left:10%;}
.top h1{text-align: center;font-size: 38px;color:#fff;letter-spacing: 2px;font-weight: 400;}
.top h2{text-align:center;font-size: 22px; color: #dad9d9;font-weight: 300;}
.main{padding:2% 0;background: #f7f8fa;}
.slider{width:24%;background:#fff;}
.slider ul{width:60%;margin:auto;padding:15% 0;}
.slider ul li{padding:2% 4%;border-bottom:1px solid #d6d7d9;}
.slider ul li a,.slider ul li span{width:100%;line-height: 40px;font-size: 18px;cursor: pointer;}
.slider ul li a:before,.slider ul li span:before{ content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 15px; margin-top: -1px; }
.slider .active{color:#00bbd1;}
.slider .active:before{ background: #00bbd1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; vertical-align: middle; }
.contain{width:74%;background:#fff;}
.intro,.caseP{padding:4%;}
.intro h3{margin:1.5rem 0 1rem;font-size:20px;}
.intro p,.intro ul li,.caseP ul li{ line-height: 28px;color: #4d4d4d;font-size: 14px;}
.intro ul li:before,.caseP ul li:before{ content: ''; width: 6px; height: 6px; background: #00bbd1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; margin-right: 15px; vertical-align: middle; margin-top: -1px; }
.intro ul li>a{font-size: 12px; color: #337ab7;}

.intro h4{ height: 60px; line-height: 60px; margin: 22px 0 0; padding: 0 22px;color: #4b4b4b; font-size: 22px;  background: #eff0f2;font-weight: normal;cursor: pointer;}
.intro h4:hover,.intro h4.active{color:#fff;background: #00bbd1;}
.intro h4:hover i,.intro h4.active i{color:#fff;}
.intro h4>i{ display: inline-block; float: right;width:60px;height: 60px;background: url("../style/about/imgs/arrbottom.png")no-repeat center;}
.intro h4 .up{display: none; background: url("../style/about/imgs/arrtop.png")no-repeat center; }




/*加入我们*/
.join{display: none;padding:0 2% 3%;    border: 1px solid #02bbd2;}
.intro h5{margin:20px 0 10px;font-weight: bold;font-size:18px;}

/*联系我们*/
.cont{line-height: 20px;margin:1rem 0;}
.cont span,.cont a{font-size: 12px;}
.icon{float:left;width:20px;height:20px;margin-right:15px;}
#dituContent{width:720px;height:550px;border:1px solid #ccc;}



.efeff0{background: #efeff0;}
.business{position: relative;height: 365px;}
.business.Co{background:url("../style/business/imgs/cooperation-banner.png")no-repeat center;}
.business.So{height:320px;background:url("../style/business/imgs/cooperation-pic2.png")no-repeat center;}
.busT{position: absolute;width:80%;height:40%;top:30%;left:10%;}
.busT h1{font-size: 50px;text-align: center;color:#fff;}
.busT h3{font-size: 28px;margin-top:1%;text-align: center;color:#fff;}

/*合作方式*/
.basicL{padding:4% 0;}
.basicL h2,.busT h2{font-size: 36px;margin:0 0 3%;text-align: center;}
.basicL p,.busT p{margin-bottom:1rem;font-size: 14px;text-align: center;}
.basicL h6{width:65%;margin:5% auto;font-size: 14px;line-height: 28px;font-weight: normal;}
.busT h2,.busT p{color:#fff;}
.basicL img{display:block;margin:auto;}
.basicL ul{margin:4% auto;}
.basicL ul li{float: left;padding: 0 1.2%;}
/*成功案例*/
.caseP{display: none;}
.caseP.on{display: block;}

/*合作伙伴*/
.partD{float:left;width:540px;height:310px;background: #f5f5f7;}
.partD p{padding:20% 4%;text-align: left;}
.partD p>span{font-size: 30px;color:#28a1d1;}

/*app*/
.tyappT{position:relative;height:30rem;background: #1c5687 url("./imgs/tyapp_1.png")no-repeat center top;}
.tyappT .appTxt{bottom: 0;}
.tyappT .appTxt h2,.tyappT .appTxt p{color:#fff;}
.appCon{position:relative;}
.appCon>img{display: block;width:100%;}
.appTxt{position: absolute;width:60%;height:80%;top:20%;left:20%;}
.tyappT .appTxt>img{height: 100%;}
.appTxt>img{display: block;float: left;width:35%;}
.downL,.appTxt>h2,.appTxt>p{float: right;width: 60%;text-align: center;}

.downL{position:relative;width:55%;margin:10% 0 0;}
.downL a,.downL>i,.downL a>i{display: inline-block;line-height:2rem;font-size:12px;color:#fff;vertical-align: middle;}
.downL a{width:30%;margin:0 1%;border:1px solid #fff;border-radius: 5px;}
.downL a:hover{background: #00BBD1;}
.downL>i{width:2rem;height:2rem;background:url("./imgs/tyapp_1_4.png")no-repeat center;cursor: pointer;}
.downL a>i{width:1.5rem;height:1.5rem;}
.downL a .ios{background:url("./imgs/tyapp_1_2.png")no-repeat center;}
.downL a .and{background:url("./imgs/tyapp_1_3.png")no-repeat center;}
.appTxt h2{font-size: 32px;line-height: 3rem;margin:7% 0 2%;font-weight: normal;}

.er{position: absolute;width:30%;right: 0;top: 2.5rem;display: none;}
.appTxt .appAb{position: absolute;width:70%;left:-27%;bottom:0;}

.downL>i:hover .er{display: block;}