@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family:"微软雅黑"; background:url(../images/bg.jpg) repeat;}
*{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)}

/*全局样式*/
header{width:100%; height:100px;}
header .logo img{width:155px; height:72px;position:relative; left:0; margin-top:13px}
header .logo img:hover{left:-20px}
/*pc导航*/
.nav{text-align:center; }
.nav li{float:left;font-size:15px;line-height:100px; font-weight:bold; width:75px;position:relative}
.nav li a{display:block; color:#242424;}
.nav .on,.nav li a:hover{ background:#eee;}
/*导航二级下拉*/
.nav li .nav-zi{width:100%;position:absolute; left:0; top:100px; z-index:99; display:none;}
.nav li .nav-zi li{background:#f2f2f2;font-size:16px;line-height:45px;float:none; height:45px;margin-top:1px;width:100%; font-weight:normal}
.nav li .nav-zi li a{color:#333; display:block;}
.nav li .nav-zi li a:hover{color:#eb3d68; }
.nav li:hover .nav-zi{display:block}

.icon-menu{color:#eb3d68; font-size:40px;cursor:pointer; margin:30px 0 0 0}

/*手机导航*/
.nav1{width:125px;display:none; position:absolute; top:100px; right:0; z-index:99;}
.nav1 li{ width:100%;background:rgba(235,61,104,0.65);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(235,61,104,0.8)}


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

/*主体内容*/
/*1、产品展示*/
.ketang{background:#bacbe9; padding-bottom:70px;}
.title{padding:70px 0 60px; font-size:32px; color:#333; line-height:40px; text-align:center;}
.ketang .imgbox{display:block;}
.ketang .imgbox .tu{width:207px; height:207px; border:6px solid #eb3d68; border-radius:50%; overflow:hidden; margin:0 auto; z-index:2; position:relative;}
.ketang .imgbox .tu .img{width:100%; height:100%; border-radius:50%}
.ketang .imgbox h4{font-size:18px; color:#333; line-height:40px; text-align:center}
.ketang .imgbox:hover .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)}
.ketang .imgbox:hover h4{color:#eb3d68;}
.ketang .text{text-align:center; color:#333; margin-top:40px}
.ketang .text h4{font-size:18px;}
.ketang .text .zi{font-size:15px; line-height:26px; height:85px; overflow:hidden; margin-top:10px;}

/*2、个性定制*/
.main2{background:#e9e9e9; padding-bottom:100px;}
.title1{color:#505050}
.navbox{ text-align:center; font-size:0; margin-bottom:45px}
.navbox .navli{display:inline-block; width:144px; height:46px; background:#eb3d68; border-radius:8px; border:2px solid #ff6c90; text-align:center; font-size:16px; color:#fff; line-height:46px; margin:0 11px;}
.navbox .navli.active{background:#ff6c90; border-color:#eb3d68;}
.box-cont .lunbobox{display:none}
.box-cont .lunbobox.active{display:block}
.box-cont .lunbobox .imgbox{width:100%; height:151px; overflow:hidden; display:block; margin-bottom:30px}
.box-cont .lunbobox .imgbox .tu{width:100%; height:100%}
.box-cont .lunbobox .imgbox:hover .tu{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)}

.datu{width:100%; height:auto; padding:40px 0; font-size:30px; color:#fff;text-align:center;}
.datu span{font-size:20px; margin-top:15px}


/*3、关于乐陶*/
.jianjie{background:#fff}
.jianjie .left{width:100%; height:352px; overflow:hidden; display:block;}
.jianjie .left .tu{width:100%; height:100%;}
.jianjie .text{font-size:14px; color:#333; line-height:25px; height:174px; overflow:hidden; display:block; margin-bottom:13px;}
.jianjie .tubox{border-top:1px solid #dfdfdf; padding-top:15px;}
.jianjie .tubox .imgbox{width:100%; height:149px; overflow:hidden; display:block}
.jianjie .tubox .imgbox .tu{width:100%; height:100%}
.jianjie .left:hover .tu,.jianjie .tubox .imgbox:hover .tu{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、花语资讯*/
.zixun{background:#fff}
.zixun .imgbox{display:block;}
.zixun .imgbox .tu{width:100%; height:179px;border:3px solid #fff; overflow:hidden}
.zixun .imgbox .tu .img{width:100%; height:100%}
.zixun .imgbox .text{font-size:14px; color:#666; line-height:20px; margin-top:8px;}
.zixun .imgbox .text h4{font-size:16px; color:#505050; line-height:26px;}
.zixun .imgbox .text span{font-size:12px;}
.zixun .imgbox .text .zi{height:38px; overflow:hidden}
.zixun .imgbox:hover .tu{border-color:#eb3d68}
.zixun .imgbox:hover .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)}
.zixun .imgbox:hover .text h4,.zixun .imgbox:hover .text{color:#eb3d68}
.zixun .more{display:block; width:105px; height:40px; border:1px solid #eb3d68; border-radius:5px; font-size:14px; color:#eb3d68; line-height:38px; text-align:center; margin:40px auto 0}
.zixun .more:hover{background:#eb3d68; color:#fff}

/*底部信息*/
footer{background:#242424; height:auto;color:#fff; padding:20px 0}
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 li:first-child a{padding-left:0}
footer .right a:hover,footer .right li a:hover{ color:#eb3d68;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:#000;position:fixed; bottom:0; left:0; z-index:99; width:100%;}
.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:#1a1a1a}

/*子页面*/
/*1、关于我们*/
.main{ padding:22px 0 30px}
.main .left .menu{ background:#eb3d68; border-radius:5px; width:100%; line-height:55px; color:#fff;font-size:18px; font-weight:bold; text-align:center}
.main .left ul{width:100%; padding-bottom:8px}
.main .left ul li{ width:100%; border-radius:25px;text-align:center;font-size:14px;line-height:35px; border:1px solid #d0d0d0;display:block; margin:10px 0}
.main .left ul li a{display:block;color:#333; padding:0 15px}
.main .left ul li .on,.main .left ul li a:hover{ color:#eb3d68; text-decoration:underline !important; font-weight:bold}
.main .left .lian{border:1px solid #ccc; padding:3px;font-size:14px; color:#333; line-height:23px;}
.main .left .lian img{width:100%; height:auto}
.main .left .lian .zi{ padding:10px 10px 20px;}
.main .right .container-fluid{padding:0 15px !important}
.main .right .cont{ margin-top:30px}
.main .right .title-zi{ont-size:14px; color:#333; line-height:35px;border-bottom:1px solid #d0d0d0;}
.about{ font-size:14px;color:#333; line-height:26px;}
.about img{max-width:100%; height:auto;display:block; margin:10px auto 20px}

/*手机侧导航*/
.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:#eb3d68; text-align:center;border-radius:5px;}
.yddnav span{ padding-left:40px;}
.yddnav b{ padding-right:30px; line-height:50px;}
.yddnav .xl{margin:0 0 2px 0; width:100%; }
.yddnav .xls{background:#fff; margin-bottom:5px; font-size:16px;display:block;border:1px solid #d0d0d0;border-radius:25px;}
.yddnav .xls a{ color:#000;border-radius:25px;line-height:40px;}
.yddnav .xls a:hover{color:#eb3d68;text-decoration:underline !important; }
.yddnav .xls:hover{}

.dingzhi .imgbox{display:block; margin-bottom:10px}
.dingzhi .imgbox .tu{width:100%; height:167px; border:1px solid #fff; overflow:hidden;}
.dingzhi .imgbox .tu .img{width:100%; height:100%;}
.dingzhi .imgbox h4{font-size:14px; color:#333; line-height:35px; text-align:center}
.dingzhi .imgbox:hover .tu{border-color:#eb3d68}
.dingzhi .imgbox:hover .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)}
.dingzhi .imgbox:hover h4{ color:#eb3d68;}

.huayi-main .tu{width:80%; margin:0 auto}
.huayi-main img{ border:1px solid #ccc; padding:5px;}
.huayi-main h4{ font-size:15px; color:#333; line-height:50px; text-align:center; border-bottom:1px solid #ccc;}
.huayi-main span{ width:100%;font-size:12px; color:#999; text-align:center !important; display:block; margin:10px auto 0}

.huayi .imgbox{display:block; position:relative; margin-bottom:20px}
.huayi .imgbox .tu{width:230px; height:162px; border:1px solid #d1d1d1; padding:5px; position:absolute;}
.huayi .imgbox .tu .imgbg{width:100%; height:100%; overflow:hidden}
.huayi .imgbox .tu .imgbg .img{width:100%; height:100%;}
.huayi .imgbox .text{ margin-left:250px; height:162px; color:#333}
.huayi .imgbox .text h4{font-size:16px; line-height:35px; border-bottom:1px solid #ccc}
.huayi .imgbox .text .zi{font-size:14px; line-height:25px; height:100px; overflow:hidden; margin:5px 0;}
.huayi .imgbox .text .more{font-size:14px; color:#eb3d68;}
.huayi .imgbox:hover .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)}
.huayi .imgbox:hover .text{color:#eb3d68;}
.huayi .imgbox:hover .tu,.huayi .imgbox:hover .text h4{border-color:#eb3d68}

.call-us{font-size:16px; color:#323045; line-height:24px;}


@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){
.ketang .imgbox{ margin-bottom:25px}
footer{padding-bottom:70px}
footer .sao{ border:0}
footer .right{text-align:center}
.box-cont .row{margin:0 -8px !important}
.box-cont .col-md-3{padding:0 8px !important}
.box-cont .lunbobox .imgbox{height:180px; margin-bottom:15px;}
.jianjie .tubox .imgbox{ height:180px;}
.zixun .imgbox{ margin-bottom:25px}
.zixun .more{ margin-top:15px}
.dingzhi .imgbox .tu{height:180px}
.dingzhi .imgbox h4{font-size:15px; line-height:40px}
.datu{padding:40px 0; font-size:27px;}
.datu span{font-size:20px}
}

@media (max-width:767px){
header{height:80px;}
header .logo img{width:130px; height:auto;margin-top:10px}
.nav1{top:80px;}
.icon-menu{font-size:35px; margin-top:23px}
.title{padding:50px 0 40px; font-size:28px;}
.ketang{padding-bottom:50px}
.main2{ padding-bottom:70px;}
.box-cont .lunbobox .imgbox{height:200px}
.jianjie .tubox .row{margin:0 -8px !important}
.jianjie .tubox .col-xs-6{padding:0 8px !important}
.jianjie .tubox .imgbox{ height:200px; margin-bottom:15px;}
.dingzhi .row,.zixun .tow{margin:0 -8px !important}
.dingzhi .col-xs-6,.zixun .col-xs-6{padding:0 8px !important}
.zixun .imgbox .tu{height:220px}
.dingzhi .imgbox{margin-bottom:5px}
.dingzhi .imgbox .tu{height:200px}
.dingzhi .imgbox h4{font-size:16px; line-height:40px}
.datu{padding:20px 0; font-size:20px;}
.datu span{font-size:16px;}
}

@media (max-width:600px){
.title{padding:40px 0 40px; font-size:26px;line-height:30px;}
.ketang{padding-bottom:35px}
.main2{ padding-bottom:50px;}
.ketang .imgbox .tu{ width:180px; height:180px;}
.ketang .imgbox h4{font-size:16px; line-height:35px;}
.ketang .imgbox{ margin-bottom:18px}
.box-cont .lunbobox .imgbox{height:170px}
.navbox{margin-bottom:30px}
.navbox .navli{font-size:14px; width:110px; height:38px; line-height:38px;}
.jianjie .tubox .imgbox{ height:180px;}
.zixun .imgbox .tu{height:190px}
.dingzhi .imgbox .tu{height:170px}
.dingzhi .imgbox h4{font-size:15px; line-height:35px}
.huayi .imgbox .tu{width:200px; height:132px;}
.huayi .imgbox .text{ margin-left:215px; height:132px; }
.huayi .imgbox .text h4{font-size:15px; line-height:30px;}
.huayi .imgbox .text .zi{font-size:13px; line-height:22px; height:65px;}
.huayi .imgbox .text .more{font-size:13px;}
.datu{padding:20px 0; font-size:18px;}
.datu span{font-size:14px;}

}


@media (max-width:479px){
header{height:60px;}
header .logo img{width:110px;margin-top:5px}
.nav1{top:60px;}
.icon-menu{font-size:30px; margin-top:18px}
.title{font-size:24px;}
.ketang .imgbox .tu{ width:155px; height:155px;}
.ketang .text{ margin-top:20px; margin-bottom:10px}
.ketang .imgbox h4{font-size:15px; line-height:35px;}
.ketang .text .zi{font-size:14px; line-height:22px; height:48px;}
.box-cont .lunbobox .imgbox{height:140px}
.jianjie .tubox .imgbox{ height:150px;}
.zixun .imgbox .tu{height:160px}
.zixun .imgbox .text h4{ font-size:15px;}
.zixun .imgbox .text{font-size:13px}
.dingzhi .imgbox .tu{height:150px}
.dingzhi .imgbox h4{font-size:14px; line-height:30px}
.huayi-main .tu{width:100%;}
.huayi .imgbox .tu{width:160px; height:110px;padding:2px;}
.huayi .imgbox .text{ margin-left:170px; height:110px; }
.huayi .imgbox .text h4{font-size:14px; line-height:30px;}
.huayi .imgbox .text .zi{font-size:12px; line-height:22px; height:45px;}
.huayi .imgbox .text .more{font-size:13px;}
.datu{font-size:16px;}
.datu span{font-size:13px;}
}

@media (max-width:400px){
.ketang .imgbox .tu{ width:140px; height:140px;}
.box-cont .lunbobox .imgbox{height:120px}
.jianjie .tubox .imgbox{ height:130px;}
.zixun .imgbox .tu{height:130px}
.dingzhi .imgbox .tu{height:135px}
.huayi .imgbox .tu{width:140px; height:100px;}
.huayi .imgbox .text{ margin-left:150px; height:100px; }
.huayi .imgbox .text .more{font-size:12.2px;}
.datu{font-size:15px; padding:15px 0}
.datu span{font-size:12px;}
}

@media (max-width:340px){
.box-cont .lunbobox .imgbox{height:110px}
.jianjie .tubox .imgbox{ height:120px;}
.zixun .imgbox .tu{height:115px}
.dingzhi .imgbox .tu{height:120px}
}