﻿@charset "utf-8";
/* CSS Document */

/*切图：wyf*/
/*网站：雅乐*/
/*全局*/
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none;}
body{ margin:0;font-size:12px; font-family:"microsoft yahei"; color:#464646;}
body.en{ font-family:Arial, Helvetica, sans-serif}
img{border:0}
a{ text-decoration:none; color:#464646;}
a:hover{color:#ea7809; cursor:pointer;}

#pz_top{ float:left; width:100%; min-width:1000px; }
#pz_banner{ float: left; width:100%; min-width:1000px; overflow:hidden; }
#pz_main{ float:left; width:100%; min-width:1000px;}
#pz_down{ float:left; width:100%; min-width:1000px;  }

.w_0100{ float:left; width:100%;}
.w_1000{ margin:0 auto; width:1000px;}
.w_229{ float:left; width:229px;}
.w_751{ float:right; width:751px; border:#e3e3e3 solid 1px; margin-top:1px;}
/*top*/
.c_0100_bg1{ background:url(images/top_img1.jpg) repeat-x; border-bottom:#e9e9e9 solid 1px;}
.c_1000_1{ float:left; width:200px; height:36px; color:#484848; line-height:36px;}
.c_1000_1 a{color:#484848;}
.c_1000_1 a:hover{ color:#ea7809;}
.c_1000_2{ float:left; width:1000px; height:105px;}
.yuyan{ float:right; height:36px; line-height:36px;}
.yuyan a{ float:left; height:36px; padding-left:30px; background:url(images/logort1.jpg) no-repeat left center; margin-left:10px;}
.yuyan a.zz2{ background-image:url(images/logort.jpg)}
.yuyan a.hover{ color:#F00}
.logo{ float:left; padding:12px 0 0 0;}
.c_1000_2 .r_200{ float:right; width:200px; padding:22px 0 0 0;}

.c_0100_bg2{ background:url(images/menu_img1.jpg) repeat-x;}

/*menu 效果*/
.menu{ float:left; width:1000px; height:43px;}
.menu ul .nli{ float:left; width:142px; height:43px;  position:relative; z-index:15;}
.menu ul .nli span a{ float:left; width:142px; height:43px; line-height:43px; color:#fff; font-size:16px; text-align:center; }
.menu ul .nli span a:hover,
.menu ul .nli.on span a{color:#fff; font-weight:bold;}

/*下拉菜单（漂浮在menu .nli上）*/
.menu .sub{ float:left; width:140px; display:none; background:url(images/menu_img2.png) top no-repeat; padding:15px 0 0 0;position:absolute; left:0px; top:43px;}

.menu .sub .div_menu{ float:left; width:138px; border-left:#dadada solid 1px; border-right:#dadada solid 1px;}
.menu .sub li{ float:left; width:138px; padding:1px 0;  text-align:center; background-color:#fff;  }
.menu .sub li a{ float:left; width:138px; line-height:28px;  color:#232323; font-size:12px;}
.menu .sub li a:hover{color:#fff; background:#ea7809; font-weight:bold; } 

.menu .sub .div_down{ float:left; width:140px; height:8px; background: url(images/menu_img3.png) no-repeat;}

/*banner*/
.pz_slides_3{ width:1680px; height:265px; overflow:hidden; position:relative;  }
		.pz_slides_3 ._btn{overflow:hidden; position:absolute; right:24%; bottom:20px; z-index:2; }
		.pz_slides_3 ._btn ul{ overflow:hidden; zoom:1; float:left;  }
		.pz_slides_3 ._btn ul li{float:left;width:47px; height:5px; margin:0 2px; background:url(images/imgPlayer.png) -50px -82px no-repeat;  cursor:pointer;}
		.pz_slides_3 ._btn ul li.on{ BACKGROUND-POSITION: 0px -82px}
        .pz_slides_3 ._pic{ position:relative; height:100%; z-index:0;}
		.pz_slides_3 ._pic li{ zoom:1; vertical-align:middle;position:relative;}
		.pz_slides_3 ._pic li img{ width:1680px; height:265px; display:block;}


.c_0100_bg3{ position:absolute; width:100%; height:6px; background:url(images/menu_img4.png) repeat-x; left:0; top:0; z-index:12;}

/*main*/
.c_0100_bg4{ background:url(images/main_img1.jpg) repeat;}
.c_1000_3{ float:left; width:1000px; padding:38px 0 46px 0;}
.title_1{ float:left; width:1000px; height:58px; background:url(images/main_img2.png) repeat-x;}
.title_1 .tit_1{ float:left; width:270px; height:58px; background:url(images/main_img1.jpg) repeat; margin:0 0 0 365px;}
.title_1 .tit_1 .cha_1{ float:left; width:270px; height:34px; color:#000000; font-size:24px; text-align:center; line-height:34px;}
.title_1 .tit_1 .eng_1{ float:left; width:270px; height:24px; color:#5d5d5d; font-size:16px; text-align:center; line-height:24px; text-transform:uppercase;}
.title_1 .more_1{ float:right; width:16px; height:16px; margin:25px 0 0 0;}
.d_1000_1{ float:left; width:1000px; height:236px; padding:22px 0 0 0; overflow:hidden;}
.d_1000_1 ul{ float:left; width:1016px;}
.d_1000_1 li{ float:left; width:236px; padding:0  18px 0 0;}
.d_1000_1 li .img_main{ float:left; width:230px; height:170px; padding:2px; border:#dadada solid 1px; background-color:#fff;}
.d_1000_1 li .img_main img{ width:228px; height:168px; border:#fff solid 1px;}
.d_1000_1 li .img_main:hover{ background-color:#f0a154; border:#f0a154 solid 1px;}
.d_1000_1 li .tit_main{ float:left; width:236px; height:60px; line-height:60px;}
.d_1000_1 li .tit_main a{  float:left; width:236px; height:60px ; color:#3c3c3c; font-size:14px; font-weight:bold; text-align:center; background:url(images/main_img5.jpg) bottom center no-repeat; overflow: hidden; text-overflow:ellipsis; }
.d_1000_1 li:hover .tit_main a,
.d_1000_1 li .tit_main a:hover{ color:#ea7809; background:url(images/main_img6.jpg) bottom center no-repeat;}

.c_1000_4{ float: left; width:1000px; padding:35px 0;}
.slide_main{ float:left; width:629px;}
.title_2{ float:left; width:100%; height:49px; background:url(images/main_img7.png) no-repeat;}
.title_2 ul{ float:left; }
.title_2 ul li{ float:left; width:119px; height:49px; margin-right:4px; background:url(images/main_img8.png) no-repeat; color:#171717; font-size:20px; text-align:center; line-height:42px;}
.en .title_2 ul li{ font-size:14px;}
.title_2 ul li.on{ background:url(images/main_img9.png) no-repeat; color:#fff; font-weight:bold;}
.title_2 .more_2{ float:right; height:42px; color:#414141;}
.title_2 .more_2 a{color:#414141; line-height:42px;}
.title_2 .more_2 a:hover{ color:#ea7809;}
.slide_main .bd{ float:left; width:591px; height:432px; border:#e5e5e5 solid 1px; border-top:none; padding:3px 18px 18px 18px; }
.slide_main .bd ul{ float:left;}
.slide_main .bd li{ float:left; width:591px; padding:13px 0 0 0;}
.slide_main .bd li .img_mai{ float:left; width:120px; height:89px; padding:2px; background-color:#d5d4d4;}
.slide_main .bd li .r_453{ float:right; width:591px;}
.slide_main .bd li .r_453 .tit_453{ float:left; width:450px; height:29px; line-height:29px;  overflow: hidden; text-overflow:ellipsis; }
.slide_main .bd li .r_453 .tit_453 a{ color:#010101; font-size:14px; font-weight:bold;}
.slide_main .bd li .r_453 .tit_453 a:hover{ color:#ea7809;}
.slide_main .bd li .r_453 .text_453{ float:left; width:591px; height:44px; color:#4b4b4b; line-height:22px; overflow: hidden; }
.slide_main .bd li .r_453 .time_453{ float:right;height:22px;  color:#4b4b4b; line-height:22px;}
.c_1000_4 .r_338{ float:right; width:338px;}

.multipleLine{ float:left; width:300px; border:#e6e6e6 solid 1px; border-top:none; padding:0 18px 0 18px;}
		.multipleLine .hd{ overflow:hidden;  height:0px;   }
		.multipleLine .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.multipleLine .hd ul li{ float:left;  }
		.multipleLine .hd ul li.on{ background-position:0 0; }
		.multipleLine .bd{ float:left; width:300px; height:453px; overflow:hidden;}
		.multipleLine .bd ul{ float:left; width:312px;  overflow:hidden; zoom:1; }
		.multipleLine .bd ul li{float:left; width:143px; margin:14px 13px 0 0;  border-bottom:#cccccc dashed 1px;  _display:inline; overflow:hidden; text-align:center;  }
		.multipleLine .bd ul li .pic{ float:left; width:137px; height:84px; padding:2px; border:#dcdcdc solid 1px;  text-align:center; }
		.multipleLine .bd ul li .pic img{ width:137px; height:84px; display:block;   }
		.multipleLine .bd ul li .pic a:hover img{  }
		.multipleLine .bd ul li .title{ float:left; width:143px; height:46px; line-height:46px; text-align:center; overflow: hidden; text-overflow:ellipsis;}
		.multipleLine .bd ul li .title a{ color:#3c3c3c;}
		.multipleLine .bd ul li .title a:hover{ color:#ea7809;}

.c_1000_5{ float:left; width:1000px; padding:38px 0 0 0;}
.d_1000_2{ float:left; width:978px; border:#c5c3c3 solid 1px; padding:12px 10px; color:#323232; line-height:26px;  }
.d_1000_2 a{color:#323232;}
.d_1000_2 a:hover{ color:#ea7809;}

.d_1000_3{ float:left; width:1000px; padding:16px 0;}
.d_1000_3 .pleft{ float:left; width:35px; height:59px; margin:13px 14px 0 0; background:url(images/main_img13.png) 0px 0px no-repeat; cursor:pointer;}
.d_1000_3 .pnext{ float:right; width:35px; height:59px; margin:13px 0 0 0; background: url(images/main_img13.png) -45px 0 no-repeat; cursor:pointer;}
.d_1000_3 .link_show{ float:left; width:900px; height:87px;}
.d_1000_3 .link_show ul{ float:left;}
.d_1000_3 .link_show li{ float: left; width:160px; padding:0 10px;} 
.d_1000_3 .link_show li .img_link{ float:left; width:85px; height:61px; padding:0 38px 0 37px; }
.d_1000_3 .link_show li .tit_link{ float:left; width:160px; height:26px; text-align:center; line-height:26px; overflow: hidden; text-overflow:ellipsis;}
.d_1000_3 .link_show li .tit_link a{ color:#171717;}
.d_1000_3 .link_show li .tit_link a:hover{ color:#ea7809;}

/*down*/
.c_0100_bg5{ background:url(images/down_img1.jpg) repeat;}
.c_1000_44{ float:left; width:1000px; background:url(images/down_img2.png) 784px  top no-repeat; padding:19px 0 45px 0;}
.c_1000_44 .l_774{ float:left; width:774px;}
.c_1000_44 .l_774 .l_129{ float:left; width:120px; padding:0 9px 0 0;}
.c_1000_44 .l_774 .l_129 .tit_129{ float:left; width:120px; height:34px; color:#ffffff; font-size:14px; font-weight:bold; line-height:34px;}
.c_1000_44 .l_774 .l_129 .ul_down{ float:left; width:120px;}
.c_1000_44 .l_774 .l_129 .ul_down .li_down{ float:left; width:120px; padding:4px 0; line-height:18px;}
.c_1000_44 .l_774 .l_129 .ul_down .li_down a{ color:#c6c6c6; line-height:18px;}
.c_1000_44 .l_774 .l_129 .ul_down .li_down a:hover{ color:#ea7809;}
.c_1000_44 .r_154{ float:right; width:154px; padding:12px 0 0 0; color:#fff;}

.c_0100_bg6{ background:url(images/down_img4.jpg) top repeat-x #c26205;}
.c_1000_55{ float:left; width:1000px; padding:11px 0 12px 0;text-align: center;}
.c_1000_55 .l_610{ float:left; width:610px; color:#fff; line-height:20px;}
.c_1000_55 .l_610 a{ color:#ffffff;}
.c_1000_55 .l_610 a:hover{ color:#000;}
.c_1000_55 .r_350{ float:right; width:350px; color:#fff; line-height:20px; text-align:right;}
.c_1000_55 .r_350 a{ color:#fff; line-height:20px;}
.c_1000_55 .r_350 a:hover{ color:#000;}

/*1关于雅乐*/
.c_1000_6{ float:left; width:1000px; height:53px; padding:7px 0 0 0; border-bottom:#d3d0d0 solid 1px;}
.c_1000_6 .l_tit{ float:left; line-height:53px; color:#ea7809; font-size:24px;}
.address{ float:right; padding:15px 0 0 0;line-height:38px; text-align:right; color:#171717; font-size:12px;}
.address a{ margin:0 5px; color:#171717;}
.address a.hover,
.address a:hover{color:#ea7809;}

.w_1000_1{ float:left; width:1000px; padding:17px 0 20px 0;}
.pz_SideLayer{ float:left; width:229px;}
.pz_SideLayer .l1{ float:left; width:229px; padding:1px 0 0 0;}
.pz_SideLayer .l1 a{ float:left; width:209px; line-height:37px; padding-left:20px; background:url(images/about_img2.jpg) no-repeat; color:#353535; font-size:16px;}
.pz_SideLayer .l1 a:hover,
.pz_SideLayer .l1 .hover{ background:url(images/about_img3.jpg) no-repeat; color:#fff;}
.pz_SideLayer .l2.first{ padding-top:5px;}
.pz_SideLayer .l2.last{ padding-bottom:5px;}
.pz_SideLayer .l2{float:left; width:229px;  background-color:#f2f2f2;}
.pz_SideLayer .l2 a{float:left; width:196px; padding-left:33px; background:url(images/about_img5.png) 21px center no-repeat;  line-height:26px; color:#464646; font-size:14px;}
.pz_SideLayer .l2 a:hover,.pz_SideLayer .l2 a.hover{ color:#ea7809;}
.pz_SideLayer .l3{float:left; width:229px;}
.pz_SideLayer .l3 a{float:left; width:196px; padding-left:33px;line-height:24px; color:#464646; font-size:14px;}
.pz_SideLayer .l3 a:hover,.pz_SideLayer .l3 a.hover{ color:#ea7809;}
.pz_SideLayer .l3.first{ padding-top:5px;}
.pz_SideLayer .l3.last{ padding-bottom:5px;}


.c_717_1{ float:left; width:717px; padding:12px 17px 17px 17px; color:#464646; line-height:24px;}

/*2新闻资讯*/
.c_717_2{ float:left; width:717px; padding:1px 17px 0 17px;}
.c_717_2 ul{ float:left;}
.c_717_2 ul li{ float:left; width:717px; padding:17px 0 0 0;}
.c_717_2 ul li .l_120{float:left; width:120px; height:89px; padding:2px; background-color:#d5d4d4;}

.c_717_2 ul li .r_572{ float:right; width:717px;}
.c_717_2 ul li .r_572 .tit_572{ float:left; width:517px; height:27px; line-height:27px;  overflow: hidden; text-overflow:ellipsis; }
.c_717_2 ul li .r_572 .tit_572 a{ color:#010101; font-size:14px; font-weight:bold;}
.c_717_2 ul li .r_572 .tit_572 a:hover{ color:#ea7809;}
.c_717_2 ul li .r_572 .text_572{ float:left; width:717px; height:44px; color:#4b4b4b; line-height:22px; overflow:hidden}
.c_717_2 ul li .r_572 .time_572{ float:right; height:22px;  color:#4b4b4b; line-height:22px;}

.waik_1{ float:left; width:717px; padding:15px 0;}
/*
3成功案例*/
.c_728_3{ float:left; width:728px; padding:12px 11px 0 12px;}
.c_728_3 .li_case{ float:left; width:218px; margin:13px 12px 0 12px;  height: 178px;}
.c_728_3 .li_case .img_152{ float:left; width:212px; padding:2px; border:#dcdcdc solid 1px;}
    .c_728_3 .li_case .img_152 img {
        width:100%; float:left;
    }
.c_728_3 .li_case .tit_158{ float:left; width:100%; height:44px; line-height:44px; text-align:center; overflow: hidden; text-overflow:ellipsis;}
.c_728_3 .li_case .tit_158 a{ color:#3c3c3c;}
.c_728_3 .li_case .tit_158 a:hover{ color:#ea7809;}
.waik_2{ float:left; width:751px; padding:24px 0 32px 0;}

/*4雅乐品牌*/
.c_717_4{ float:left; width:717px; padding:0 18px 0 16px;}
.c_717_4 .li_pro{ float:left; width:717px; padding:18px 0 17px 0; border-bottom:#d7d7d7 dotted 1px;}
.c_717_4 .li_pro .img_pro{ float:left; width:130px; height:92px; padding:2px; border:#d6d6d6 solid 1px;}
.c_717_4 .li_pro .r_562{ float:right; width:562px;}
.c_717_4 .li_pro .r_562 .tit_562{ float:left; width:562px; height:27px; line-height:27px;  overflow: hidden; text-overflow:ellipsis; }
.c_717_4 .li_pro .r_562 .tit_562 a{ color:#323232; font-size:14px; font-weight:bold;}
.c_717_4 .li_pro .r_562 .tit_562 a:hover{ color:#ea7809;}
.c_717_4 .li_pro .r_562 .text_562{ float:left; width:562px; height:48px; color:#464646; line-height:24px;}
.c_717_4 .li_pro .r_562 .more_562{ float:left; width:562px; height:24px; line-height:24px;}
.c_717_4 .li_pro .r_562 .more_562 a{color:#464646;}
.c_717_4 .li_pro .r_562 .more_562 a:hover{ color:#ea7809;}
.waik_3{ float:left; width:751px; padding:15px 0 15px 0;}

/*4-2产品中心*/
.c_723_5{ float:left; width:723px; padding:0 14px 0 14px;}
.c_723_5 .li_pr{ float:left; width:228px; padding:19px 6px 9px 7px;}
.c_723_5 .li_pr .img_pr{ float:left; width:222px; height:162px; padding:2px;border:#dadada solid 1px; background-color:#fff; }
.c_723_5 .li_pr .img_pr img{ float:left; width:220px; height:160px; border:#fff solid 1px; display:block;}
.c_723_5 .li_pr .img_pr:hover{ background-color:#f0a154; border:#f0a154 solid 1px;}
.c_723_5 .li_pr .tit_pr{ float:left; width:228px; height:57px; line-height:57px; }
.c_723_5 .li_pr .tit_pr a{float: left; width:228px; height:57px; color:#3b3b3b; font-size:14px; font-weight:bold; text-align:center; background:url(images/main_img5.jpg) bottom center no-repeat; overflow: hidden; text-overflow:ellipsis;}
.c_723_5 .li_pr:hover .tit_pr a,
.c_723_5 .li_pr .tit_pr a:hover{color:#ea7809; background:url(images/main_img6.jpg) bottom center no-repeat;}
.waik_4{ float:left; width:751px; padding:40px 0 40px 0;}

/*4-3产品中心-内页*/
.c_660_6{ float:left; width:660px; padding:0 45px 40px 46px;}
.c_660_6 .tit_pron{ float:left; width:660px; padding:39px 0 32px 0; color:#3b3b3b; font-size:18px; text-align:center; font-weight:bold; line-height:25px;}
.c_660_6 .img_pron{ float:left; width:647px;  border:#d7d7d7 solid 1px; padding:5px;}
.c_660_6 .bit_pron{ float:left; width:660px; padding:30px 0 0 0;}
.c_660_6 .bit_pron .bit_left{ float:left; width:96px; height:37px; background-color:#ea7809; color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:37px;}
.c_660_6 .con_pron{ float:left; width:660px; color:#3b3b3b; font-size:14px; line-height:24px; padding:10px 0 0 0;}

/* 分页 */
.pz_fy{width:100%; float:left; padding:10px 0px; text-align:center;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy li{ display:inline; width:auto}
.pz_fy a { border: #d3d3d3 1px solid; PADDING:3px 7px; COLOR: #151515; text-decoration:none; margin:0 1px; }
.pz_fy a:hover,.pz_fy .thisclass a{color: #fff; border: #dc7813 1px solid; background-color:#dc7813; text-decoration:none;}/*鼠标经过和默认当前页样式*/

/*    新闻中心内页   */
.news_tit{ width:100%; float:left; border-bottom:1px dashed #999999; padding:20px 0 10px; text-align:center; line-height:32px;}
.news_tit h2{  font-size:16px; line-height:initial;}
.news_tit span{ color:#969696;}

.news_ct{ width:100%; float:left; padding:10px 0; line-height:24px;font-size:14px;}


/*2015-05-08*/
.sitemap
{
    width:100%;float:left;
}
    .sitemap li
    {
        border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:30px;width:98%; padding-left:2%; 
    }
        .sitemap li a
        {
            margin-right:10px;font-size:12px; float:left; white-space: nowrap;
        }
        .sitemap li .font14
        {
           font-size:16px; 
        }

.search {
    width:100%; margin-top:10px; float:left;
}
    .search input[name="q"] {
        width:177px; border:1px solid #dadada; float:left; line-height:24px; height:24px; text-indent:5px;
    }
    .search input[type="submit"] {
        width:50px; text-align:center; float:left; background: transparent url("images/about_img3.jpg") no-repeat scroll 0% 0%;
        border:0;line-height:24px; font-size:16px; color:#fff;
    }



    /*招聘css*/
/*加入我们——社会招聘*/
.zhaopin{ width:100%; float:left;} 	
.zhaopin .wt2{  width:100%; border-bottom:1px #e8e8e8 solid; float:left;} 	
.zhaopin .wt2 h3{  width:100%; float:left; line-height:50px; font-weight:lighter; height:50px; background:url(images/pig_03.jpg) no-repeat 711px center;}
.zhaopin .wt2 h3.on{ background: url(images/pig_06.jpg) no-repeat 711px center; color:#323232}	
.zhaopin .wt2 h3 .z1{ width:227px; float:left; padding-left:20px;}
.zhaopin .wt2 h3 .z1 a{ font-size:14px; color:#DC7813;}
.zhaopin .wt2 h3 .z1 a:hover,
.zhaopin .wt2 h3.on .z1 a{ font-size:14px; color:#DC7813;}
    .zhaopin .wt2 h3 div
    {
         float:left; font-size:12px; color:#969696;
    }
    .zhaopin .wt2 h3.on div
    {
        color:#323232
    }
.zhaopin .wt2 h3 .z2{ width:145px;}
.zhaopin .wt2 h3 .z3{ width:183px;}
.zhaopin .wt2 h3 .z4{float:left;}


.zhaopin .wt2 ul{ width:711px; padding-left:40px;border-top:1px #e8e8e8 solid; background:#f5f5f5; padding-top:20px; padding-bottom:30px; line-height:30px; float:left;display:none;}	
.zhaopin .wt2 ul li{ width:100%; line-height:30px; color:#323232; float:left;}
.zhaopin .wt2 ul li span{ font-size:16px; color:#DC7813;}

.an9{ width:90px; height:30px; float:left; text-align:center;color:#323232; line-height:30px; margin-top:28px; background: url(images/tt_03.jpg) no-repeat; }
.an9:hover{ width:90px; height:30px; float:left; text-align:center; line-height:30px;background: url(images/yye_03.jpg) no-repeat; color:#fff;}
