/***************************************************站点全局***************************************************/
.bg-glo{background:#0073D6;}
.bg-glo2{background:#1C93FF;}
.bg-org{background: #FF9900;}
.bg-blue{background: #3368BA;}
.bg-zi{background: #9347C3;}
.bg-red{background: #DF394C;}
.bg-gray{background: #333333}
.bg-pic{background: url(../images/banner-bg.jpg) repeat-x;}
.g-fc{color:#0073D6}
.box{padding: 60px 0px;}
.ico-glo-title{height:50px; line-height: 50px; font-size: 23px; padding-left: 10px; font-weight: normal;}
.goods-classlist li{line-height: 40px; border-bottom: 1px dotted #ccc; background: url(../images/ico.png) -630px -445px repeat-x; padding-left: 20px;}
.goods-classlist li dd{line-height: 35px; border-top: 1px dotted #ccc;}
.layout-current{height:45px; line-height: 45px; font-size: 23px; font-size: 14px;}
.layout-current i{ display: inline-block; min-width: 100px; padding: 0px 10px; text-align: center; color: #fff; background: #51ACFF; position: relative; font-size: 18px;}
.layout-current i em{width:10px; height:10px; background: #51ACFF; position: absolute; right: -5px; top: 17px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.layout-current label{margin-right: 10px;  color: #fff;}
.layout-form dd{line-height: 50px;}
.layout-form dd i{width: 100px; text-align: right; display: inline-block;}


/***************************************************IOCN***************************************************/
.icon-list{width: 35px; height: 35px; display: inline-block; vertical-align: middle; margin-right: 10px; background: url(../images/icon.png) no-repeat;}
.icon-linkus{width: 35px; height: 35px; display: inline-block; vertical-align: middle; margin-right: 10px; background: url(../images/icon.png) 0px -56px no-repeat;}


/***************************************************站点首页模块排版***************************************************/

/*--头部排版--*/
.layout-header-df{width:100%; height: 84px; position: fixed; top: 0px; z-index: 1000; box-shadow: 2px 2px 2px #ccc; background: url(../images/ico.png) repeat-x;}
.layout-header-df .logo{float:left;}
.layout-header-df .navmain{float:right; margin-top: 25px;}
.layout-header-df .navmain li{width:90px; height:35px; line-height:35px; display:block; float:left; margin-left: 10px;  font-size:16px;  text-align:center; position:relative}
.layout-header-df .navmain li.on{background: #35C685;}
.layout-header-df .navmain li.on a{color: #fff;}

.layout-header-updwon{width:100%;}
.layout-header-updwon .logo{float:left;}
.layout-header-updwon .tel{float:right;}
.layout-header-updwon .navbg{background: #005BAC; height:55px; margin-top: 25px;}
.layout-header-updwon .navmain li{width:145px; height:55px; line-height:55px; display:block; float:left; margin-left: 10px;  font-size:16px;  text-align:center; position:relative}
.layout-header-updwon .navmain li a{color: #fff;}
.layout-header-updwon .navmain li.on{background: #FF7E00;}

/*--站点幻灯--*/
.layout-banner{height:600px; position:relative; z-index:-1; background:#FFF;}
.layout-banner li{width:100%; height:600px; overflow:hidden; float:left; position:absolute; left:0px; top:0px;}
.layout-botton{width:100%; margin:0 auto ; position:relative; z-index:9}
.layout-botton-qie{width:200px; position:relative; text-align:center; margin:-30px auto 0px auto; z-index:-1}
.layout-botton-qie li{width:18px; height:18px; display:inline-block; background:url(../images/ico.png) -40px -123px no-repeat; margin:0px 5px; cursor:pointer;}
.layout-botton .botshow{background:url(../images/ico.png) 0px -123px no-repeat}

/*--产品展示--*/
.layout-class-goods{}
.layout-class-goods .layout-class{width:20%; float: left;}
.layout-class-goods .layout-class h1{text-align: center; color: #FFFFFF; font-size: 20px; padding: 20px 0px;}
.layout-class-goods .layout-class h1 i{display: block;}
.layout-class-goods .layout-class ul li{position: relative;}
.layout-class-goods .layout-class ul li dl{display: none; width: 120px; z-index: 10; position: absolute; right: -130px; top: -5px;}
.layout-class-goods .layout-class ul li dl dd{background: #FFFFFF;}
.layout-class-goods .layout-class ul li a{line-height: 35px; border: 1px solid #ccc; padding-left: 10px; margin-top: 5px; display: block;}
.layout-class-goods .layout-class ul li a:hover{background: #CEE8FF; }
.layout-class-goods .layout-goods{width:80%; float: left;}

/*--中间排版--*/
.layout-txtdf{}
.layout-txtdf .layout-txtdf-list h2{margin: 10px 0px 10px 0px;}
.layout-txtdf .layout-txtdf-list .layout-txtdf-ico{width: 140px; height: 140px; display: inline-block; transition:transform 0.5s; background-image: url(../images/ico.png);}
.layout-txtdf .layout-txtdf-list .layout-txtdf-ico:hover{transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.layout-txtdf .layout-txtdf-list .ico-1{background-position: 0px -200px;}
.layout-txtdf .layout-txtdf-list .ico-2{background-position: -188px -200px;}
.layout-txtdf .layout-txtdf-list .ico-3{background-position: -376px -200px;}
.layout-txtdf .layout-txtdf-list .ico-4{background-position: -564px -200px;}

.layout-thumbdf{}
.layout-thumbdf dt{width:100%; height: 50px; line-height: 50px; text-align: center; position: absolute; display: block; bottom:0px}
.layout-thumbdf i{width:50px; height:50px; line-height: 50px; border-radius: 25px; font-size: 30px; position: absolute; display: block; left: 145px; bottom:40px; text-align: center; }
.layout-thumbdf .hidebck{width: 100%; height: 100%; position: absolute; top: 0px; background: #000000; display: none; filter:alpha(opacity=50);opacity: 0.5;}
.layout-thumbdf .layout-thumbdf-1{width:340px; height: 480px; position: relative; color: #FFFFFF;}
.layout-thumbdf .layout-thumbdf-2{width:340px; height: 230px; position: relative; color: #FFFFFF; margin-left:auto; margin-right:auto;}

.layout-artdf .layout-artdf-thumb{width: 440px; margin-right: 30px; float: left; }
.layout-artdf .layout-artdf-list{width: 630px; float: right;}
.layout-artdf .layout-artdf-list dt{height:60px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc;}
.layout-artdf .layout-artdf-list h3{font-weight: normal; margin-bottom: 5px;}
.layout-artdf .layout-artdf-list i{width: 60px; height: 60px; display: block; text-align: center; background: #0073D6; color: #FFFFFF; font-size: 12px; margin-right: 10px; float: left;}
.layout-artdf .layout-artdf-list i em{display: block; font-size: 20px; font-style: normal; margin-top: 10px;}
/*--底部排版--*/
.layout-footer-df{padding: 50px 0px;}
/*--客服排版--*/
.layout-servers-df{width:80px; position: fixed; right: 10px; bottom: 50px; border-radius: 3px; background: #fff; border: 1px solid #ccc; color: #fff;}
.layout-servers-df dd{display: block; border-bottom: 1px solid #ccc;  padding: 5px 0px; text-align: center;}
.layout-servers-df dd a{color: #fff;}
.layout-servers-df dd a img{margin-top: 5px;}
.layout-servers-df dd i{display: block;}

/***************************************************站点商品模块排版***************************************************/
/*--商品列表排版--*/
.layout-goodsdf{margin-left: -20px;}
.layout-goodsdf li{width: 254px; height: 250px; background: #FFF; float: left; margin-bottom: 20px; margin-left: 20px;}
.layout-goodsdf li img{width: 100%;}
.layout-goodsdf li:hover{box-shadow: 2px 2px 2px #ccc;}
.layout-goodsdf li i{color: #C2C2C2; font-size: 12px;}
.layout-goodsdf li dt{padding: 10px;}
/*--商品详情排版--*/
.layout-goodsinfo{position: relative;}
.layout-goodsinfo .layout-goodsinfo-pic{width:40%; margin-right: 5%; display: block; float: left;}
.layout-goodsinfo .layout-goodsinfo-pic .big-pic{width: 100%; border: 1px solid #ccc; padding: 5px;}
.layout-goodsinfo .layout-goodsinfo-txt{width:55%; display: block; float: left;}
.layout-goodsinfo .big-pic-box{display:none; position: absolute; top: -100px; left: 340px; background: #FFF;}
.layout-goodsinfo .big-pic-box img{width: 600px; padding: 2px; border:1px solid #ccc;}
/*--商品详情相关产品排版--*/
.layout-goodslike{margin-left: -10px;}
.layout-goodslike li{width: 152px; height: 150px; background: #FFF; float: left; margin-left: 10px;}
.layout-goodslike li img{width: 100%;}
.layout-goodslike-w{margin-left: -10px;}
.layout-goodslike-w li{width: 148px; float: left; margin-left: 10px; text-align: center;}
.layout-goodslike-w li img{width: 148px; height: 132px;}
/***************************************************站点留言模块排版***************************************************/
.layout-onlinedf{}
.layout-onlinedf .layout-onlinedf-title{width:213px; height: 66px; display: block; padding-top: 10px;  text-align: center; margin: 40px auto; font-size: 30px; background: url(../images/ico.png) 0px -423px;}
.layout-onlinedf .layout-onlinedf-title i{display: block; font-size: 14px; font-weight: 100;}
.layout-onlinedf .layout-onlinedf-msg dt{padding: 5px 0px;}
.layout-onlinedf .layout-onlinedf-msg input{width: 420px; height: 40px; line-height: 40px; padding-left: 10px; border: 1px solid #0073D6;}
.layout-onlinedf .layout-onlinedf-msg button{width: 430px; height: 40px; line-height: 40px; border: none; color: #fff; background: #0073D6;}
.layout-onlinedf .layout-onlinedf-tag{margin:50px auto; padding: 30px 0px; font-size: 30px; text-align: center; font-weight: bold; color: #0073D6; border-top: 3px solid #0073D6; border-bottom: 3px solid #0073D6;}

/***************************************************站点顶端***************************************************/
.topline{height:35px; line-height:35px; background:#595556;}


/***************************************************站点二级***************************************************/
.warpbody{margin-bottom: 60px;}
.warpbody .warpl{width:25%; float:left; margin-right: 2%;}
.warpbody .warpr{width:73%; float:right;}
.page-banner{width: 100%; height: 340px; background: #FF6600;}
.nanny li:hover{box-shadow: 0px 0px 10px #CCCCCC;}
.nanny-reserve{}
.nanny-reserve input{width:97%; height: 50px; border-radius: 3px; font-size: 16px; background: #F7F7F7; padding-left: 10px;  line-height: 50px; border: none;}
.nanny-reserve button{width: 100%; height: 50px; border: none; color: #fff; font-size: 16px; border-radius: 3px;}

.art-logo{width: 100%; line-height:100px; background: #0073D6; margin-top:-70px ; position: relative; z-index: 1000;}
.art-logo h1{ font-size: 30px; color: #fff;  text-align: center;}
.art-nav-list dt a{line-height: 50px; background: #F7F7F7; display: block; text-align: center; font-size: 16px; margin-top: 10px;}
.art-nav-list dt a:hover{color: #fff; background: #0073D6;}
.art-nav-list dt.on a{color: #fff; background: #0073D6;}