@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family:"微软雅黑"; background:#f7f7f7;}
*{margin:0; padding:0;}
ul,li,dl,dt,dd{list-style-type:none}
a{text-decoration:none !important;line-height:none !important}
.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ text-decoration:none !important; cursor:pointer !important;color:#999;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1030px !important;}
.container{max-width:1000px !important;padding:0;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
h1,h2,h3,h4,h5,h6{margin:0 !important; padding:0 !important}
.tr{transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s}
.tr1{transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s}
.tr2{transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}
.da{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}

/*全局样式*/
.top{background:#f1f1f1; height:34px;}
.top .left{font-size:12px; color:#d3346a; line-height:34px;}
.top .right ul li{font-size:12px; line-height:34px; float:left; padding-left:22px; margin-right:25px}
.top .right ul li:nth-child(1){background:url(../images/tou-icon1.png) no-repeat left center;}
.top .right ul li:nth-child(2){background:url(../images/tou-icon2.png) no-repeat left center;}
.top .right ul li:nth-child(3){background:url(../images/tou-icon3.png) no-repeat left center; margin:0}
.top .right ul li a{color:#888}
.top .right ul li a:hover{color:#d3346a}
header{width:100%; height:96px; background:#f7f7f7; padding-top:22px}
header .logo{float:left; position:relative; left:0;}
header .logo img{width:239px; height:56px;}
header .logo:hover{ left:-20px}
header .right{ width:620px;float:right;}
header .right ul{ float:left; width:270px}
header .right ul li{ background:url(../images/tou-icon.png) no-repeat left center;font-size:14px; color:#666; line-height:20px; padding-left:18px}
header .right ul li span{color:#d39f36; font-weight:bold}
header .right ul li b{color:#d3346a;}
header .right ul li:nth-child(2){ margin-left:15px}
header .right ul li:nth-child(3){ margin-left:30px}
header .right .dianhua{float:right; width:260px; font-size:13px; color:#888; line-height:30px; margin-top:-5px;}
header .right .dianhua span{ background:url(../images/tou-xian.png) no-repeat center 20px;display:block;text-align:center}
header .right .dianhua h4{ width:100%; height:34px; border-radius:25px; background:#d39f36 url(../images/icon-call.png) no-repeat 18px center; font-size:14px; color:#fff; line-height:34px; text-indent:40px;}
header .right .dianhua h4 b{font-size:20px;letter-spacing:-1px;}
header .right .dianhua:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}

				@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
				10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
				30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
				40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
				100%{-webkit-transform:scale(1) rotate(0);}}

				/*火狐浏览器*/
				@-moz-keyframes tada{0%{-moz-transform:scale(1);}
				10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
				30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
				40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
				100%{-moz-transform:scale(1) rotate(0);}}
.icon-menu{color:#d3346a; font-size:40px;cursor:pointer; margin-top:10px}

/*手机导航*/
.nav1{width:125px;display:none; position:absolute; top:96px; right:0; z-index:99;}
.nav1 li{ width:100%;background:rgba(0,0,0,0.5);line-height:38px;text-align:center;font-size:14px;line-height:38px;font-weight:bold;margin-bottom:2px}
.nav1 li a{display:block;color:#fff;}
.nav1 li a:hover{ background:rgba(211,52,106,0.8);}

/*pc导航*/
.nav{ background:#d3346a; width:100%;height:45px;text-align:center; }
.nav li{width:12.5%; background:url(../images/nav-li.jpg) no-repeat right center;float:left;font-size:14px;line-height:45px;position:relative}
.nav ul:first-child{border-left:1px solid #fff}
.nav li a{display:block; color:#fff;}
.nav .on,.nav li a:hover{ background:url(../images/nav-liaa.jpg) repeat-x;}
/*导航二级下拉*/
.nav li .nav-zi{width:100%;position:absolute; left:0; top:45px; z-index:99; display:none;}
.nav li .nav-zi li{background:rgba(211,159,54,0.7);font-size:13px;line-height:45px;float:none; height:45px; border:0;width:100%; margin-top:2px;}
.nav li .nav-zi li a{color:#fff; display:block;}
.nav li .nav-zi li a:hover{color:#000;background:rgba(211,159,54,0.7);}
.nav li:hover .nav-zi{display:block}

/*banner轮播*/
#myCarousel{position:relative;}
#myCarousel .carousel-inner img {margin:0 auto;}
#myCarousel .carousel-control {font-size:100px;}
#myCarousel .carousel-control.left{background-image: none;}
#myCarousel .carousel-control.right{background-image: none;}

/*主体内容*/
/*1、服务*/
.fuwu{margin-bottom:30px}
.fuwu .imgbox{display:block; width:100%; height:180px; overflow:hidden; padding-top:12px;}
.fuwu .imgbox .text h4{font-size:16px; color:#555; line-height:30px; font-weight:bold; text-align:center}
.fuwu .imgbox .text .zi{font-size:13px; color:#777; text-align:center; height:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.fuwu .imgbox:hover .text h4{color:#d3346a}

/*2、视频中心、品牌写真*/
.main1{margin-bottom:28px}
.box11{width:100%; height:auto; border:1px solid #e1e1e1; padding:0 12px 12px}
.title{background:url(../images/video-icon.png) no-repeat left top; text-indent:42px; height:40px; line-height:40px; margin-bottom:12px;}
.title h4{font-size:16px; color:#d3346a; line-height:40px; font-weight:bold;}
.title h4 span{font-size:14px; color:#666; margin-left:5px;}
.title a{background:url(../images/more.png) no-repeat right center; display:block; width:16px; height:16px; margin-top:13px}
.title a:hover{background:url(../images/more-hover.png) no-repeat right center;transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2)}
.main1 .left .video{width:100%; height:245px;}
.main1 .left .video iframe{max-width:100%; max-height:100%;}
.main1 .right .title{background:url(../images/pinpai-icon.png) no-repeat left top;}
.main1 .right .imgbox{ display:block;height:245px; overflow:hidden}
.main1 .right .imgbox .tu{width:166px; height:125px; overflow:hidden; margin-right:15px}
.main1 .right .imgbox .tu .img{width:100%; height:100%;}
.main1 .right .imgbox .text{font-size:13px; color:#666; line-height:22.3px; }
.main1 .right .imgbox .text span{color:#d39f36}
.main1 .right .imgbox:hover .tu .img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
.main1 .right .imgbox:hover .text{color:#333}




/*分页*/
.pages a,.pages span {
    display:inline-block;
    padding:2px 5px;
    margin:0 1px;
    border:1px solid #f0f0f0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.pages a,.pages li {
    display:inline-block;
    list-style: none;
    text-decoration:none; color:#58A0D3;
}
.pages a.first,.pages a.prev,.pages a.next,.pages a.end{
    margin:0;
}
.pages a:hover{
    border-color:#50A8E6;
}
.pages span.current{
    background:#50A8E6;
    color:#FFF;
    font-weight:700;
    border-color:#50A8E6;
}




/*3、月嫂服务*/
.yuesao{padding-bottom:-10px; margin-bottom:28px;}
.yuesao .row{margin:0 -8px !important}
.yuesao .col-md-3{padding:0 8px !important}
.yuesao .title{background:url(../images/yuesao-icon.png) no-repeat left top;}
.yuesao .imgbox{border:1px solid #e5e5e5; display:block; padding:8px; margin-bottom:15px;}
.yuesao .imgbox .tu{width:100%; height:174px; overflow:hidden;}
.yuesao .imgbox .tu .img{width:100%; height:100%}
.yuesao .imgbox .text{line-height:26px; border-bottom:1px solid #e5e5e5; margin-bottom:10px}
.yuesao .imgbox .text h4{ font-size:14px; color:#555; line-height:26px; width:65%;}
.yuesao .imgbox .text span{font-size:12px; color:#2ba77c; font-family:"宋体"; width:35%; text-align:right}
.yuesao .imgbox ul li{float:left !important; font-size:12px; color:#fff;font-family:"宋体"; text-align:center; width:48%; margin-bottom:5px; }
.yuesao .imgbox ul li b{ width:50%; height:19px; background:#2ba77c; line-height:19px; font-weight:normal;}
.yuesao .imgbox ul li span{border:1px solid #e5e5e5; width:48%; height:19px; color:#2ba77c;}
.yuesao .imgbox ul li:nth-child(1),.yuesao .imgbox ul li:nth-child(3){margin-right:2%}
.yuesao .imgbox ul li:nth-child(2) b{background:#5abad2}
.yuesao .imgbox ul li:nth-child(2) span{color:#5abad2}
.yuesao .imgbox ul li:nth-child(3) b{background:#f7ba59}
.yuesao .imgbox ul li:nth-child(3) span{color:#f7ba59}
.yuesao .imgbox ul li:nth-child(4) b{background:#f47a52}
.yuesao .imgbox ul li:nth-child(4) span{color:#f47a52}
.yuesao .imgbox:hover{border-color:#d3346a}
.yuesao .imgbox:hover .tu .img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}

/*4、育婴服务、母婴资讯、在线预约*/
.main4{margin-bottom:28px;}
.main4 .left .title{background:url(../images/yuying-icon.png) no-repeat left top;}
.main4 .left .row{margin:0 -8px !important}
.main4 .left .col-md-3{padding:0 8px !important}
.main4 .left .imgbox{display:block; width:100%; margin-bottom:5px}
.main4 .left .imgbox .tu{ width:100%; height:60px;}
.main4 .left .imgbox h4{font-size:12px; color:#888; line-height:28px; text-align:center;}
.main4 .left .imgbox:hover .tu{background-color:#d39f36;}
.main4 .left .imgbox:hover h4{ color:#d39f36}
.main4 .left .imgbox01 .tu{background:#d3346a url(../images/yuying-more.png) no-repeat center center;}
.main4 .left .imgbox01 h4{color:#d3346a; font-weight:bold}
.main4 .left .imgbox01:hover .tu{background-color:#d3346a;}
.main4 .left .imgbox01:hover h4{ color:#d3346a}
.main4 .left .imgbox01:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
				@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
				10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
				30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
				40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
				100%{-webkit-transform:scale(1) rotate(0);}}
				/*火狐浏览器*/
				@-moz-keyframes tada{0%{-moz-transform:scale(1);}
				10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
				30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
				40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
				100%{-moz-transform:scale(1) rotate(0);}}
.main4 .middle .title{background:url(../images/zixun-icon.png) no-repeat left top;}
.navbox{ text-align:center; font-size:0; margin-bottom:8px}
.navbox .navli{display:inline-block; background:url(../images/navli2.jpg) repeat-x; width:50%; height:40px;text-align:center; font-size:14px; color:#777; line-height:40px; font-weight:bold; border-left:1px solid #e5e5e5;}
.navbox .navli.active{background:url(../images/navli1.jpg) repeat-x; color:#d39f36}
.box-cont .lunbobox{display:none}
.box-cont .lunbobox.active{display:block}
.box-cont .lunbobox ul li{ background:url(../images/yuying-li.jpg) no-repeat left center; text-indent:3px;font-size:12px;line-height:35px; border-bottom:1px dashed #ccc; margin-bottom:5px;width:100%; overflow:hidden}
.box-cont .lunbobox ul li a{color:#666;}
.box-cont .lunbobox ul li b{font-weight:normal; width:72%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left}
.box-cont .lunbobox ul li span{width:28%; font-size:11px; float:left; text-align:right}
.box-cont .lunbobox ul li:hover{background:url(../images/yuying-li1.jpg) no-repeat left center;}
.box-cont .lunbobox ul li a:hover{color:#d39f36}
.main4 .right .title{background:url(../images/yuyue-icon.png) no-repeat left top;}
.main4 .right form div{width:100%; height:32px; border:1px solid #e6e4e4; background:#fff; margin-bottom:11px;}
.main4 .right form span{background:#fff url(../images/yuyue-icon1.png) no-repeat 40% center; display:block; width:13%; height:30px; border-right:1px solid #e6e4e4; }
.main4 .right form input{ font-size:12px; color:#a1a1a1; line-height:30px; width:87%; border:0; padding-left:10px}
.main4 .right form div:nth-child(2) span{background:#fff url(../images/yuyue-icon2.png) no-repeat 40% center;}
.main4 .right form div:nth-child(3) span{background:#fff url(../images/yuyue-icon3.png) no-repeat 40% center;}
.main4 .right form div:nth-child(4) span{background:#fff url(../images/yuyue-icon4.png) no-repeat 40% center;}
.main4 .right form button{background:url(../images/yuyue-button.png) no-repeat 36% center,url(../images/yuyue-button-bg.jpg) repeat-x; width:100%; height:46px; font-size:22px; color:#fff; line-height:46px; outline:none; border:0; border-radius:5px; margin-top:10px; padding-left:24%}
.main4 .right ul{width:100%; border-top:1px solid #e6e4e4; margin-top:30px; text-align:center}
.main4 .right ul li{ display:inline-block;font-size:15px; line-height:35px; background:url(../images/yuyue-left.png) no-repeat left center; text-indent:32px; padding-right:15px; border-right:1px solid #e6e4e4; font-weight:bold}
.main4 .right ul li a{color:#666; display:block;}
.main4 .right ul li:nth-child(2){ background:url(../images/yuyue-right.png) no-repeat left center;padding:0; border:0; margin-left:10px}
.main4 .left .box11,.main4 .middle .box11,.main4 .right .box11{height:360px; overflow:hidden;}
/*5、联系我们、保洁服务*/
.main5{margin-bottom:28px}
.main5 .left .tu img{max-width:100%; height:auto;}
.main5 .left .text{font-size:13px; color:#666; line-height:24px; margin-top:12px}
.main5 .left .text h4{font-size:15px; color:#555; line-height:33px; font-weight:bold;}
.main5 .right .box11{padding-bottom:0;}
.main5 .right .row{margin:0 -5px !important}
.main5 .right .col-md-4{padding:0 5px !important}
.main5 .right .imgbox{ display:block;border:1px solid #d7d7d7; padding:1px; margin-bottom:10px;}
.main5 .right .imgbox .tu{width:100%; height:128px; overflow:hidden; position:relative}
.main5 .right .imgbox .tu .mask{ position:absolute; left:0; top:-100%;width:100%; height:100%; background:rgba(211,159,54,0.7) url(../images/mask.png) no-repeat center 75%; z-index:1; color:#fff; text-align:center; font-size:12px; padding-top:10%}
.main5 .right .imgbox .tu .mask h4{font-size:14px;}
.main5 .right .imgbox .tu .mask .xian{width:16px; height:2px;background:#fff; margin:8px auto 5px}
.main5 .right .imgbox:hover .mask{top:0}

/*底部信息*/
footer{background:#cc3d6e; height:auto;color:#fff; padding:10px 0 5px}
footer .sao{ height:auto; border-right:1px solid #fff; text-align:center}
footer .sao img{width:124px; height:124px; margin:0 auto}
footer .sao h4{font-size:12px; line-height:30px;}
footer .right{font-size:12px; line-height:25px; margin-left:20px}
footer .right li{float:left; font-size:13px; color:#fff; line-height:30px;}
footer .right li a{color:#fff; padding:0 8px}
footer .right a:hover,footer .right li a:hover{text-decoration:underline !important}
footer .right a{color:#fff}
footer .right h4{font-size:14px; line-height:30px; font-weight:bold;}

.di{height:55px; background:#cc3d6e;position:fixed; bottom:0; left:0; z-index:99; width:100%; border-top:2px solid #fff}
.di row span{font-size:16px; line-height:20px}
.di h6{font-size:14px; line-height:20px;}
.di .row div a{ height:55px;color:#fff; display:block; padding:5px 0}
.di .row div:hover{background:#a82652}

/*子页面*/
/*1、产品展示详情页*/
.main{ padding:22px 0 50px}
.main .left .menu{ background:#d3346a url(../images/icon.png) no-repeat 15px 12px; width:100%; line-height:35px; color:#fff;font-size:16px; text-indent:40px;margin-bottom:5px}
.main .left .menu span{ margin-left:5px; font-size:12px}
.main .left ul{width:100%; padding-bottom:8px}
.main .left ul li{ background:#f2f2f2 url(../images/icon1.png) no-repeat 40px 11px; width:100%; height:36px; text-indent:82px;font-size:14px; line-height:36px; margin:5px 0; display:block}
.main .left ul li a{display:block;color:#888;}
.main .left ul li .on,.main .left ul li a:hover{ background:#e9e9e9 url(../images/icon2.png) no-repeat 40px 11px; color:#d3346a;}
.main .left .lian{width:100%; height:auto; overflow:hidden; background:#f2f2f2; padding:10px 10px 20px; font-size:12px; color:#888; line-height:22px;}
.main .right .container-fluid{padding:0 15px !important}
.main .right .cont{ margin-top:30px}
.main .right .title-zi{font-size:16px; color:#888; line-height:30px; border-bottom:3px double #cdcdcd;}
.main .right .title-zi a{ color:#888;}
.main .right .title-zi a:hover{ color:#d39f36;}
.main .right .title-zi span{color:#d39f36; font-size:14px}
.about{ font-size:15px;color:#555; line-height:30px;}

/*手机侧导航*/
.yddnav a{ display:block;}
.yddnav .xl,.yddnav .xlxl{ display:none;}
.yddnav{ margin:0 0 20px;}
.yddnav li{ margin-bottom:5px;}
.yddnav li a{font-size:18px;color:#fff; line-height:50px; background:#d3346a; text-align:center}
.yddnav span{ padding-left:40px;}
.yddnav b{ padding-right:30px; line-height:60px;}
.yddnav .xl{margin:0 0 2px 0; width:100%; }
.yddnav .xls{background:#d9d9d9; margin-bottom:5px; font-size:16px;display:block}
.yddnav .xls a{ color:#000;line-height:40px;}
.yddnav .xls a:hover{ background:#dca9ba;color:#fff;}
.yddnav .xls:hover{}

.call-us{width:100%; clear:both}
.call-us img{ border:1px solid #c4c2c2;display:block; margin:0 auto;max-width:100%; height:auto;}
.dizhi1{font-size:13px; color:#6a6a6a; line-height:25px; margin:15px 0 10px}
.dizhi1 h4{font-size:16px; color:#666; font-weight:bold !important; line-height:30px; width:100%}

.news ul{ margin-top:-15px}
.news ul li{font-size:14px;line-height:40px; width:100%; border-bottom:1px dashed #d7d7d7; background:url(../images/news-li.jpg) no-repeat left center; padding-left:8px;}
.news ul li a{color:#777;}
.news ul li b{width:85%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left; font-weight:normal}
.news ul li span{width:15%; float:right; text-align:right}
.news ul li:hover{background:url(../images/news-li2.jpg) no-repeat left center;}
.news ul li a:hover{color:#d39f36;}


.yuesao-box .col-md-4{padding:0 8px !important}

.yuesao-main{font-size:14px; color:#555; line-height:30px; width:80%; margin:0 auto}
.yuesao-main img{max-width:100%; height:auto; border:1px solid #ccc; padding:1px; margin:0 auto 10px;}


@media (max-width:1150px){
.owl-theme .owl-controls .owl-buttons div.owl-prev{ display:none}
.owl-theme .owl-controls .owl-buttons div.owl-next{ display:none}
}

@media (max-width:991px){
.fuwu{margin-bottom:10px}
.fuwu .row{margin:0 -8px !important}
.fuwu .col-md-4{padding:0 8px !important}
.fuwu .imgbox{height:240px; margin-bottom:15px;}
.main1 .left .video{height:240px}
.main1 .right .imgbox .tu{width:216px; height:175px;}
.main4 .left .imgbox .tu{ width:120px;height:120px}
.main4 .left .imgbox h4{font-size:14px; line-height:32px}
.navbox .navli{font-size:16px;}
.box-cont .lunbobox ul li{font-size:14px;line-height:40px;}
.box-cont .lunbobox ul li span{font-size:13px}
.main4 .right form span{width:10%}
.main4 .right form input{width:90%}
.main4 .right form button{background:url(../images/yuyue-button.png) no-repeat 44% center,url(../images/yuyue-button-bg.jpg) repeat-x;padding-left:10%}
.main5 .right .imgbox .tu{height:180px;}
.main5 .right .imgbox .tu .mask{background:rgba(211,159,54,0.7) url(../images/mask.png) no-repeat center 75%;font-size:14px; padding-top:20%}
.main5 .right .imgbox .tu .mask h4{font-size:16px;}
footer{padding-bottom:70px}
footer .sao{ border:0}
footer .right{text-align:center}
.main4 .left,.main4 .middle,.main4 .right{margin-bottom:20px !important}
.main4 .left .box11,.main4 .middle .box11,.main4 .right .box11{ height:auto;}
}

@media (max-width:820px){
.main4 .left .imgbox .tu{width:110px;height:110px}	
}

@media (max-width:767px){
header{height:80px;padding-top:16px}
header .logo img{width:210px; height:auto;}
.icon-menu{font-size:35px;margin-top:10px}
.nav1{top:80px}
.fuwu .imgbox{height:200px}
.main1 .right .imgbox .tu{width:186px; height:145px;}
.main4 .left .imgbox .tu{width:140px;height:140px}
.main4 .left .imgbox h4{font-size:15px; line-height:35px}
.main5 .right .imgbox .tu{height:200px;}

}

@media (max-width:600px){
.fuwu .imgbox{height:155px; padding-top:8px}
.fuwu .imgbox .text h4{font-size:14px; line-height:26px;}
.fuwu .imgbox .text .zi{font-size:12px;}
.main1 .right .imgbox .tu{width:166px; height:125px;}
.yuesao .imgbox .tu{height:160px}
.yuesao .imgbox ul li{width:100%}
.yuesao .imgbox ul li:nth-child(1), .yuesao .imgbox ul li:nth-child(3){margin-right:0}
.main4 .left .imgbox .tu{width:100px;height:100px}
.main4 .left .imgbox h4{font-size:13px; line-height:30px}
.navbox .navli{font-size:14px;}
.box-cont .lunbobox ul li{font-size:13px;line-height:35px;}
.box-cont .lunbobox ul li span{font-size:12px}
.main4 .right form button{background:url(../images/yuyue-button.png) no-repeat 40% center,url(../images/yuyue-button-bg.jpg) repeat-x; height:40px;font-size:20px;line-height:40px;}
.main5 .right .imgbox .tu{height:160px;}
.main5 .right .imgbox .tu .mask{font-size:13px;}
.main5 .right .imgbox .tu .mask h4{font-size:15px;}
.news ul li b{width:78%;}
.news ul li span{width:20%; font-size:13px; text-align:left}
}


@media (max-width:479px){
header{height:60px;padding-top:8px}
header .logo img{width:180px;}
.icon-menu{font-size:30px;margin-top:8px}
.nav1{top:60px}
.fuwu .imgbox{height:140px; padding-top:0;}
.main1 .right .imgbox{ height:200px;}
.main1 .right .imgbox .tu{width:136px; height:95px;}
.yuesao .imgbox .tu{height:140px}
.yuesao .imgbox .text h4{width:50%;}
.yuesao .imgbox .text span{width:50%}
.main4 .left .imgbox .tu{width:85px;height:85px}
.main4 .left .imgbox h4{font-size:12px; line-height:28px}
.main4 .right form button{background:url(../images/yuyue-button.png) no-repeat 33% center,url(../images/yuyue-button-bg.jpg) repeat-x; height:38px;font-size:18px;line-height:38px;}
.main5 .right .imgbox .tu{height:140px;}
.main5 .right .imgbox .tu .mask{background:rgba(211,159,54,0.7) url(../images/mask.png) no-repeat center 70%;font-size:12px; padding-top:10%}
.main5 .right .imgbox .tu .mask h4{font-size:14px;}
.yuesao-main{width:100%;}
}

@media (max-width:400px){
.title h4 span{display:none}	
.fuwu .imgbox{height:130px;}
.yuesao .row{margin:0 -5px !important}
.yuesao .col-md-3{padding:0 5px !important}
.yuesao .imgbox .tu{height:110px}
.yuesao .imgbox .text h4{ font-size:12px;width:45%;}
.yuesao .imgbox .text span{font-size:11.5px;width:55%;}
.main4 .left .imgbox .tu{width:72px;height:72px}
.box-cont .lunbobox ul li b{width:100%}
.box-cont .lunbobox ul li span{ display:none}
.main5 .right .imgbox .tu{height:125px;}
.news ul li b{width:100%;}
.news ul li span{ display:none}

}

@media (max-width:340px){
.fuwu .imgbox{height:125px;}
.yuesao .imgbox .text span{font-size:11px;}
.yuesao .imgbox .tu{height:100px}
.main4 .left .imgbox .tu{width:65px;height:65px}
.main5 .right .imgbox .tu{height:110px;}
.main5 .right .imgbox .tu .mask{background:rgba(211,159,54,0.7) url(../images/mask.png) no-repeat center 75%;}

}