@charset "gbk";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{ margin:0 auto; padding:0}a,p,span,strong,b,h1,h2,h3,h4,h5,input,dl,dt,dd,li,td,table{ font:14px/1.5 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif;}


/*banner*/
.banner1{width: 100%;height: 249px;margin: 0 auto;background: url("/mat/dist/images/index/huawa/banner_01.jpg") top center no-repeat;}
.banner2{width: 100%;height: 234px;margin: 0 auto;background: url("/mat/dist/images/index/huawa/banner_02.jpg") top center no-repeat;}
/*关于花娃寶*/
.about{width: 100%;height: auto;padding: 50px 0;background: #fff;}.about .about-layout{width: 100%;height: auto;margin: 0 auto;overflow: hidden;}
.about .about-layout .title{width: 100%;height: 72px;text-align: center;}
.about .about-layout .title .box{width: 308px;height: 20px;border-bottom: 1px solid #999;}
.about .about-layout .title .box p{padding: 0 15px;font-size: 24px;color: #333;background: #fff;display: inline-block;}
.about .about-layout .title P.eng{font-size: 16px;color: #666;margin-top: 18px;}
.about .about-layout p.msg{font-size: 16px;color: #333;line-height: 42px;text-indent: 2em;margin-top: 16px;}

/*可接入的第三方網絡花店平臺*/

.gray {    background: #f5f5f5;}
.about .about-layout .title .box p.gray1 {    background: #f5f5f5;}
.about .about-layout .title .wd-510{width: 510px;}
.about .about-layout .third-party{width: 800px;height: auto;overflow: hidden;margin-top: 60px;}
.about .about-layout .third-party ul li{width: 33.3%;height: auto;overflow: hidden;float: left;text-align: center;}
.about .about-layout .third-party ul li i.jd{width: 116px;height: 116px;display: block;margin: 0 auto;background: url("/mat/dist/images/index/huawa/icon.png") 0 0 no-repeat;}
.about .about-layout .third-party ul li a{font-size: 16px;color: #158ee3;line-height: 56px;text-decoration: underline;}
.about .about-layout .third-party ul li i.tianmao{background: url("/mat/dist/images/index/huawa/icon.png") -140px 0 no-repeat;}
.about .about-layout .third-party ul li i.taobao{background: url("/mat/dist/images/index/huawa/icon.png") -280px 0 no-repeat;}
.about .about-layout .third-party1{width: 100%;}
.about .about-layout .third-party1 ul li{width: 20%;}
.about .about-layout .third-party ul li i.api{background: url("/mat/dist/images/index/huawa/icon.png") 0 -140px no-repeat;}.about .about-layout .third-party ul li i.e{background: url("/mat/dist/images/index/huawa/icon.png") -140px -140px no-repeat;}   
.about .about-layout .third-party ul li i.baidu{background: url("/mat/dist/images/index/huawa/icon.png") -280px -140px no-repeat;}    
.about .about-layout .third-party ul li i.meituan{background: url("/mat/dist/images/index/huawa/icon.png") -422px -140px no-repeat;}    
.about .about-layout .third-party ul li i.more{background: url("/mat/dist/images/index/huawa/icon.png") -564px -140px no-repeat;}       
.about .about-layout .button{width: 100%;height: 140px;}    
.about .about-layout .button a{width: 100%;height: 140px;display: block;background: url("/mat/dist/images/index/huawa/button.png") center 50px no-repeat;font-size: 26px;color: #fff;text-align: center;line-height: 170px;text-decoration: none;}   
/*花娃寶網店管理系統*/   
.about .about-layout .title .wd-408{width: 408px;}    
.about .about-layout .system{width: 100%;height: 615px;margin-top: 30px;}   
.about .about-layout .system .left{width: 977px;height: 616px;float: left;}  

.about .about-layout .system .right{width: 223px;height: 615px;float: left;}    
.about .about-layout .system .right a{width: 223px;height: 205px;background: #f5f5f5;text-align: center;overflow: hidden;display: block;text-decoration: none;} 

.about .about-layout .system .right a.white{background: #fff;}.about .about-layout .system .right a i.wangdian{width: 64px;height: 58px;display: block;background: url("/mat/dist/images/index/huawa/wangdian.png") no-repeat;margin: auto;margin-top: 44px;margin-bottom: 20px;}   
.about .about-layout .system .right a p{font-size: 30px;color: #666;}    
.about .about-layout .system .right a i.dingdan{width: 50px;height: 56px;background: url("/mat/dist/images/index/huawa/dingdan.png") no-repeat;}       
.about .about-layout .system .right a i.white {    background: #fff;}    
.about .about-layout .system .right a i.shuju{width: 57px;height: 52px;background: url("/mat/dist/images/index/huawa/shuju.png") no-repeat;}
.about .about-layout .system .right a:hover{display: block;background: url("/mat/dist/images/index/huawa/hover.jpg") no-repeat;}
.about .about-layout .system .right a:hover i.wangdian{background: url("/mat/dist/images/index/huawa/white-wangdian.png") no-repeat;}
.about .about-layout .system .right a:hover p{color: #fff;}
.about .about-layout .system .right a:hover i.dingdan{background: url("/mat/dist/images/index/huawa/white-dingdan.png") no-repeat;}
.about .about-layout .system .right a:hover i.shuju{background: url("/mat/dist/images/index/huawa/white-shuju.png") no-repeat;}

/*解決第三方店鋪的運營難題*/   

.about .about-layout .title .wd-486{width: 486px;}
.about .about-layout .operation{width: 100%;height: auto; overflow: hidden;margin-top: 50px;}
.about .about-layout .operation .left{width: 50%;height: 518px;float: left;margin-top: 16px;background: url("/mat/dist/images/index/huawa/operation.png") no-repeat;}
.about .about-layout .operation .right{width: 50%;height: auto;overflow: hidden;float: left;}
.about .about-layout .operation .right ul li{width: 625px;height: auto;overflow: hidden;margin-bottom: 18px;}
.about .about-layout .operation .right p.title{width: 100%;height: 30px;display: block;background: url("/mat/dist/images/index/huawa/dianpu.png") left center no-repeat;margin-bottom: 8px;}
.about .about-layout .operation .right p.title span{font-size: 24px;color: #333;line-height: 30px;margin-left: 40px;}
.about .about-layout .operation .right p{font-size: 16px;color: #666;text-align: left;line-height: 36px;}
.about .about-layout .operation .right p.daoru{background: url("/mat/dist/images/index/huawa/daoru.png") left center no-repeat;}
.about .about-layout .operation .right p.zhuandan{background: url("/mat/dist/images/index/huawa/zhuandan.png") left center no-repeat;}
.about .about-layout .operation .right p.guanli{background: url("/mat/dist/images/index/huawa/guanli.png") left center no-repeat;}
.about .about-layout .operation .right p.genzong{background: url("/mat/dist/images/index/huawa/genzong.png") left center no-repeat;}
.about .about-layout .operation .right p.fenxi{background: url("/mat/dist/images/index/huawa/fenxi.png") left center no-repeat;}


/*我們的優勢*/
.about .about-layout .odds{width: 100%;height: auto;overflow: hidden;margin-top: 55px;    }
.about .about-layout .odds ul li{width: 25%;height: 260px;float: left;text-align: center;list-style: none;}
.about .about-layout .odds ul li i.jishu{width: 114px;height: 111px;display: block;margin: auto;background: url("/mat/dist/images/index/huawa/jishu.png") no-repeat;}
.about .about-layout .odds ul li p.title{height: auto;font-size: 24px;color: #333;margin-top: 40px;margin-bottom: 8px;}
.about .about-layout .odds ul li p{font-size: 16px;color: #333;line-height: 32px;}
.about .about-layout .odds ul li i.shishi{background: url("/mat/dist/images/index/huawa/shishi.png") no-repeat; }
.about .about-layout .odds ul li i.wancheng{background: url("/mat/dist/images/index/huawa/wancheng.png") no-repeat; }
.about .about-layout .odds ul li i.piliang{background: url("/mat/dist/images/index/huawa/piliang.png") no-repeat; }


/*常見問題*/
.about .about-layout .title .wd-286{width: 486px;}
.about .about-layout .problem{width: 100%;height: auto;overflow: hidden;padding: 30px 0;border-bottom: 1px solid #ddd;}
.about .about-layout .problem .top{width: 100%;height: 38px;background: url("/mat/dist/images/index/huawa/box.png") left center no-repeat;line-height: 38px;}
.about .about-layout .problem .top p{font-size: 26px;color: #fff;font-weight: 700;margin-left: 9px;}
.about .about-layout .problem .top p span{font-size: 24px;color: #333;margin-left: 26px;}
.about .about-layout .problem .top p a{font-size: 24px;color: #ff5a00;text-decoration: underline;margin-left: 6px;}
.about .about-layout .problem .content{font-size: 16px;color: #666;line-height: 34px;margin-top: 24px;}
.about .about-layout .problem .content a{font-size: 16px;color: #1d94e8;text-decoration: underline;}
.about .about-layout .b-b-hid{border-bottom: hidden;}