@charset "utf-8";
/* CSS Document */
/***** 首页 *****/
.w1120{width:1120px;}
.w1160{width:1160px;}

header{height:90px; position:fixed; z-index:10; width:100%; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,.1)}
.logo a{ display:inline-block;width:200px; background:url(../images/logo.jpg) no-repeat; height:90px; }
.nav{line-height:32px; margin-top:29px; width:800px;}
.nav a{display:inline-block; margin:0 15px; padding:0 14px;}
.nav a.navSelect{ background:#3498db; color:#fff;moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;}
.lgBtn{display:inline-block; background:#fec61d; padding:0px 14px;}

.banner{width:100%; float:left; margin-top:90px;height:480px; background:url(../images/banner.jpg) center no-repeat; overflow:hidden; min-width:1200px;}
.banner a{display:inline-block;width:100%;}
.banner img{position:relative; top:105px; left:730px;}
.aboutImg span{width:360px; height:240px; overflow:hidden;}
.aboutImg img{cursor:pointer;transition: all 1.2s;}  
.aboutImg img:hover{transform: scale(1.3);}  

.p60{padding:60px 0;}
.aboutTxt{line-height:30px;}
.scopeTit{height:90px; line-height:90px; background:#3498db; font-size:30px; color:#fff;}
.scopeCon{ background:#2c2c2c; padding:60px 0 100px 0;}
.scopeLi{width:28%; margin-top:50px; margin-right:8%; box-sizing:border-box; padding:0 30px;}
.scopeLi:last-child{margin-right:0;}
.scopeImage{display:inline-block; width:90px; height:90px;}
.scopeTxt{ color:#999; font-size:16px; line-height:32px;}

.youshiLi{width:350px; margin-left:20px;}
.youshiLi em{width:75px; height:75px;}
.footBg{background:#ebebeb; padding:50px 0;}
.footLi{line-height:35px; height:35px; font-size:17px;}
.footLi em{display:inline-block; width:35px; height:35px; margin-right:10px;}
.bottomBox{ height:50px; background:#1a1a1a; font-size:13px; color:#999; line-height:50px;}
.allmap{width:500px; height:360px;}
.ewm-box{padding-left:45px; font-size:16px;}
.contact-bg{background:#f4f4f4;}

.spritePay,.spriteSale,.spriteNet,.spriteSw,.spriteFast,.spriteSafe,.spriteKefu,.spriteAdd,.spritePhone,.spriteWx,.spriteEmail{background-image:url(../images/sprite.png); background-repeat:no-repeat;}
.spritePay{background-position:0 0;}
.spriteSale{background-position:-90px 0;}
.spriteNet{background-position:-180px 0;}
.spriteSw{background-position:-270px 0;}
.spriteFast{background-position:0 -100px;}
.spriteSafe{background-position:-90px -100px;}
.spriteKefu{background-position:-180px -100px;}
.spriteAdd{background-position:0 -180px;}
.spritePhone{background-position:-90px -180px;}
.spriteWx{background-position:-180px -180px;}
.spriteEmail{background-position:-270px -180px;}

.partner-li li{float:left; width:200px; margin:10px 20px}
.scope,.bottomBox,.footBg{min-width:1200px;}

/***** 自由鲸 *****/
.free-banner{width: 100%;background:url(../images/free_banner.jpg) no-repeat #16acdd; margin-top:90px; float:left; width:100%;}
.banner-img{background:url(../images/banner-img.png) no-repeat left 80px; background-size:auto 70%;}

.free_logo{height:40px; padding-top:40px;}
.free_logo_img{float:left; width:44px; height:44px; background:url(../images/logo_white.png) no-repeat center; background-size:contain;}
.free_logo_txt{float:left; margin-left:10px; font-size:20px; font-weight:bold; line-height:24px;}
.free_logo_txt span{display:block; color:#fff;}
.free_logo_txt .logo_en{ font-size:14px; font-weight:normal;}

.inside{padding-bottom:100px;}
.publicity{padding-top:100px;}
.publicity h2{ color:#fff; font-size:34px; line-height:40px;letter-spacing:2px; font-weight:bold;}
.publicity h3{ color:#fff; font-size:20px; margin-top:5px; line-height:40px; font-weight:normal;letter-spacing:4px;}
.download-list{margin-top:30px;}
.download-list li{ margin-bottom:25px;}
.download-list li .box{background: rgba(255,255,255,0.3);width:220px;position: relative; box-sizing:border-box; padding:8px 0 ;text-align: center;display: block;border-radius: 5px; border:1px solid transparent;}
.download-list li .box:hover {border-color: rgba(255, 255, 255, 0.4);background: rgba(0, 0, 0, 0.2);}
.download-list li .box .img{display:inline-block; height:30px; width:30px;vertical-align:middle; }
.download-list li .box .ios_img{ background:url(../images/ios.png) no-repeat center;background-size:contain;}
.download-list li .box .az_img{ background:url(../images/android.png) no-repeat center;background-size:contain;}
.download-list li .box .win_img{ background:url(../images/windows.png) no-repeat center;background-size:contain;}
.download-list li .box .txt{font-size:16px;color: #ffffff;vertical-align: middle;display: inline-block;}
.download-list li .box .link{display: none; position:absolute; left:220px; background:#fff; top:0; padding:15px;}
.download-list li .box .link p{margin-top:5px;}
.download-list li .box:hover .link{display:block;}

.outside{background:rgba(0,110,146,0.5); padding:20px 0;}
.outside .message-box{clear: both;overflow: hidden;}
.outside .message-box li{float: left;width: 25%;border-left: rgba(255,255,255,0.2) 1px solid;padding: 6px 0px; box-sizing:border-box;text-align: center;}
.outside .message-box li i{ display:inline-block; width:50px; height:50px; vertical-align:middle;}
.outside .message-box li i.msg-img1{ background:url(../images/td1.png) no-repeat center;background-size:90% auto;}
.outside .message-box li i.msg-img2{ background:url(../images/td2.png) no-repeat center;background-size:90% auto;}
.outside .message-box li i.msg-img3{ background:url(../images/td3.png) no-repeat center;background-size:90% auto;}
.outside .message-box li i.msg-img4{ background:url(../images/td4.png) no-repeat center;background-size:90% auto;}
.outside .message-box li span{font-size:16px;color:#fff;line-height:25px;display: inline-block;vertical-align: middle;margin-left: 10px;}
.outside .message-box li:first-child{border-left: none;}

.con-box{padding:90px 0 50px 0; overflow:hidden; clear:both;}
.con-tit h3{font-size:34px; text-align:center; color:#333; font-weight:normal;}
.con-tit em{display:block; height:3px; background:#16acdd; width:100px; margin:20px auto;}
.pro-li{width:33.3%; box-sizing:border-box; border:1px solid #e6e6e6; border-right:none; padding:30px 0; position:relative; top:0;}
.pro-li:hover{box-shadow:12px 10px 20px rgba(0,0,0,.1); background-color:#fff; top:-1px;}
.pro-li:last-child{border-right:1px solid #e6e6e6;}
.pro-li h5{text-align:center; font-size:22px; line-height:35px; font-weight:normal;}
.pro-li ul{margin-top:15px;}
.pro-li li{ line-height:40px; margin-top:10px; float:left; width:100%; text-align:center; font-size:14px;}
.pro-price{ font-size:14px; color:#444; text-align:center; line-height:50px; margin-top:20px;}
.pro-price strong{color:#ff8400; font-family:Arial, Helvetica, sans-serif; font-size:24px; margin-right:5px; font-weight:normal; }
.pro-price strong em{font-size:38px; margin-left:3px;font-style:normal;}
.pro-tips{text-align:center; margin-top:10px; color:#999; font-size:14px; line-height:30px;}

.pb-tit{ background:#eee; height:56px;overflow:hidden;clear:both;}
.pb-tit span{float:left; padding:0 50px; font-size:16px; height:56px; line-height:56px; cursor:pointer;}
.pb-tit span.pb-tit-active{background:#16acdd; color:#fff; font-weight:bold;}
.pb-con{padding:30px; border:1px solid #e6e6e6; border-top:none; font-size:15px;}
.pb-con h3{}
.pb-con p{line-height:30px;}
.pb-con p em{font-style:normal; display:inline-block;width:20px; height:20px;line-height:18px; text-align:center; color:#fff; font-size:12px; margin-right:8px; margin-top:5px; float:left;}
.pb-qli{ margin-top:20px; padding:0 10px;}
.pb-qli em{background:#16acdd;}
.pb-ali{margin-top:10px; color:#888; border-bottom:1px dashed #ddd; padding:0 10px 20px 10px;}
.pb-ali:last-child{padding-bottom:0; border-bottom:none;}
.pb-ali em{background:#aaa;}