@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
body { font-size: 12px; font-family:"Microsoft Yahei",Helvetica,Tahoma,sans-serif;line-height: 150%; color: #333;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
ins { text-decoration: none; display:block;}
legend { display: none; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
a:link, a:visited { color: #333; text-decoration: none; }
a:hover { color: #c00;  text-decoration:none;}
a strong { color: #c00; }
object, embed { display: block }
input, select { border-radius: 0 }
.clear { clear: both; height: 0; overflow: hidden; }
.clearfix { *zoom:1}
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
.f_l{float:left}
.f_r{float:right}
.b10{height:10px;overlflow:hidden;clear:both;width:100%}
.b20{height:20px;overlflow:hidden;clear:both;width:100%}
.b1{height:5px;overlflow:hidden;clear:both;width:100%}
body {margin:0px;font-size:12px;color:#000000; background:#F3EDDF url(bodybg.png)}
.b15{font-size:1px;width:100%;clear:both;overflow:hidden;height:10px;}
/* common */
.m {width:1180px;margin:auto;}
.top{display:none}
.topline {height:31px;line-height:31px;background:#3C2F26;color:white}
.topline a{color:white}
#top a {text-decoration:none;}
.topbg {height:120px;}
.head{ position: relative;}
.head div {float:left;}
.head .logo {padding:30px 10px 0 0px;overflow:hidden; float:left}
.head h1 {font-size:36px;margin:35px 0 5px 0px;color:#BC8E31;font-family: "微软雅黑", "黑体";}
.head h1 a{color:#BC8E31}
.head h4 {font-size:16px;margin:20px 0 0 0px;font-weight:normal;color:#BC8E31;font-family: "微软雅黑", "黑体";}
.head h5 {display:none}

/* sign */
.sign {z-index:1000;position:absolute;width:180px;height:70px;background:url('../../image/vip_bg.gif') no-repeat;margin:35px 0 0 940px;}
.sign div {padding:23px 0 0 73px;}
.sign strong {font-size:18px;color:red;}
.sign span {font-size:18px;color:red;font-weight:bold;padding:0 0 0 60px;}
.sign p {font-size:14px;color:red; text-align:center;padding-top:10px}


.dis{display:none}

.telphone{position:absolute;width:300px;height:30px;right:0px;top:30px;font-size:20px;padding-left:67px; background:url(tel.png) no-repeat;color:#BC8F31;padding-top:30px;font-weight:bold}

.menu {height:45px;font-size:16px; background:#BC8F31;width:100%;}
.menu ul li{line-height:45px;height:45px;float:left; position:relative;}
.menu ul li.menu_on a {background:url(41.jpg) repeat-x}
.menu ul li a{color:white;padding:0px 25px; display:block}
.menu ul li a:hover{color:#ffffff;background:url(41.jpg) repeat-x}
.menu ul li ul {
display: none;width:180px; border-left:none;overflow:hidden; background:#BC8F31;
}
.menu ul li:hover ul {
display:block; 
position:absolute; 
z-index:2;
top:45px; 
left:0; 
border-left:none
}
.y10{ background:#BC8F31;width:115px;height:10px;clear:both}
.menu ul li:hover ul li{border-right:#e1e1e1 0px solid;border-right:#e1e1e1 0px solid; }
.menu ul li:hover ul li a {
display:block; 
 background:#BC8F31;
font-size:16px;
color:#ffffff;
font-weight:normal;
line-height:30px;
padding-top:8px;
height:30px;
}


.sidebar{width:230px; float:left;overflow:hidden;background:#FFF6DB;padding:15px;}



.fix-bar{display:none}

/*内容页*/
.mleft{width:330px;float:left}
.mright{width:500px;float:right}
.viewbox h2{font-size:16px;color:#1269d3;line-height:50px;font-weight:bold;clear:both;height:50px;padding:0px 20px;border-bottom:#e7e7e7 1px solid}
.viewbox h2 span{font-weight:normal}
.mright ul li{line-height:28px;font-size:14px}


.m-focus{width:100%;overflow:hidden; }
.m-focus-box{overflow:hidden; margin:0 auto; position:relative;}
.m-focus{	display: block;overflow: hidden; position: relative; }
.m-focus .m-focus-box { margin: 0 auto; overflow: hidden; position: relative; backface-visibility: hidden; }
.m-focus .m-focus-box .swiper-wrapper li { float: left; list-style-type:none }
.m-focus .m-focus-box .swiper-wrapper li a { position: relative; width: 100%; display: block; }
.m-focus .m-focus-box .swiper-wrapper img { width: 100%; display: block; }
.m-focus .swiper-container { display: none; }
.m-focus-box .b-menu{text-align: center;position: absolute;width: 100%;left: 0;bottom:30px;z-index: 10;}
.m-focus-box .swiper-pagination-switch{display:inline-block; width:12px; height:12px; border-radius:10px; margin-right:5px; cursor:pointer;}

.swiper-pagination-bullet {
  display: inline-block;
  border-radius: 100%;
  background:#fff;
  cursor:pointer;
  margin: 0 5px;
  width:12px; height:12px;
}



.w1180{width:1180px;overflow:hidden;margin:0px auto;background:url(1180.png) repeat-y}
.ad4 {width:1150px;overflow:hidden}
.ad4 ul{width:1180px;}
.ad4 ul li{float:left;margin-right:50px}



.yalilogo{padding:20px 0px;height:67px;}
.yl-logo{float:left;width:500px}
.yl-tel{float:right}

.case-box{text-align:center;padding-top:20px;}
.case-box dl{float:left;width:250px;margin-left:15px; margin-right:15px;margin-top:30px;height:250px;position: relative;overflow:hidden}
.main .case-box{width:900px}
.main .case-box dl{float:left;width:250px;margin-left:5px; margin-right:30px;margin-top:20px;height:250px;position: relative;overflow:hidden}
.case-box p{font-size:14px;color:#888}
.case-box h3{font-size:14px; line-height:25px; text-align:center;font-weight:normal}


.case-box dl img{
				cursor: pointer;
				transition: all 0.6s;
				width:250px;height:250px;
			}
.case-box dl:hover img{
				transform: scale(1.1);
			}


.case-box dl:hover h3{bottom:0px;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6}
.case-box dl h3{position:absolute;width:250px;height:250px;bottom:-250px;left:0;text-align:center;transition:center .6s;font-size:18px;background:#000;line-height:250px;}
.case-box dl h3 a{color:white;display:block}

.about-yali{text-align:center;background:#ffffff;width:100%;padding:20px 0px 30px 0px;margin-top:30px }
.about-yali dl{float:left;width:350px;margin-top:15px;padding:20px 10px;border-top:#efefef 1px solid;border-bottom:#efefef 1px solid;border-right:#efefef 1px solid}
.about-yali dl:hover{background:#ddd}
.about-yali p{font-size:14px;color:#888}
.about-yali h3{font-size:18px; line-height:55px; text-align:center;font-weight:normal}
.about-yali ul li{line-height:25px;font-size:14px;color:#888}
.about-yali .infos{font-size:14px;line-height:25px; text-align:left;padding-top:15px;}

.more{width:100px;margin:10px auto}
.more a{border:#BC8E31 1px solid;border-radius:3px;display:block;font-size:16px;padding:10px 15px;color:#BC8E31;text-align:center}
.more a:hover{background:#BC8E31;color:white}
.about-yali dl span{width: 72px;
    height: 72px;
    display: block;
    background-position: 0 0;
    background-repeat: no-repeat;
	margin:0px auto;
}
.about-yali dl span.fw{background: url(201701112020551802441.png)}

.about-yali dl span.kj{background: url(201702091529054342760.png)}

.about-yali dl span.gc{background: url(201702081630180695158.png)}

.about-yali dl span.dh{background: url(201702081630044132997.png)}

.about-yali dl span.dz{background: url(201702081629373825889.png)}

.about-yali dl span.yx{background: url(201702081630334136004.png)}



h2{font-size:28px;color:#000;padding:0;margin:0 0 10px 0;line-height:50px;height:65px;font-weight:normal; text-align:center;background:url(icon_4.png) no-repeat center bottom;}
h2:after,h2:before{display:inline-block;height:1px;background-color:#ccc;margin:0;padding:0;content:"";width:60px;margin:10px 20px}

.yali-news p{font-size:14px;color:#888;text-align:center}
.yali-news ul{padding-top:15px;padding:15px 30px;}
.yali-news ul li{width:40%;float:left;line-height:35px;height:35px;overflow:hidden;font-size:16px;margin-right:10%}
.yali-news ul li span{float:right;color:#666}
.footer{text-align:center; background:white}
.footer dl{float:left;width:360px;margin-left:10px; margin-right:10px;margin-top:15px;line-height:30px}
.footer p{font-size:14px;color:#888}
.footer h3{font-size:14px; line-height:25px; text-align:center;font-weight:normal}

#pos_show{font-size:14px;line-height:45px;height:45px;border-bottom:#dadada 2px solid;}
#pos_show h3{font-size:18px;}
#pos_show span{float:right}
.viewlist{padding-top:20px}
.viewlist ul li{line-height:33px;font-size:16px}
.viewlist ul li span{float:right}

.view{padding:15px 0px}
.view h1{font-size:28px;line-height:50px;font-weight:normal;text-align:center}
.content {font-size:16px;padding-top:10px;line-height:28px;}
.info {line-height:35px;text-align:center;font-size:14px;color:#888}
.main{width:860px;float:right;overflow:hidden;padding:10px 30px; background:white}

.side_head {border-bottom:none; background:#9B6010; line-height:45px; font-size:18px;  color:white;font-weight:normal; text-indent:0px;padding:0 20px 0 20px; }
.side_head strong{font-weight:normal}
.side_head .f_r{padding-top:10px;display:none}
.side_body {background:#FFFFFF;padding:10px 20px;margin:0 0 20px;border:0px solid #e1e1e1;border-top:none;font-size:14px;}
.side_body li {padding:0 0 0 0px;height:28px;line-height:28px;overflow:hidden;color:#777}
.side_body li a{color:#777}
.side_body h1{font-size:14px;}
.main_head{line-height:45px; font-size:18px; text-indent:0px;padding:0 10px 0 10px; }
.main_head div {overflow:hidden;display:block;height:45px;border-bottom:#e1e1e1 1px solid}
.main_body {background:#FFFFFF;margin:0 0 20px;font-size:14px; line-height:28px}
.main_head .f_r{padding-top:10px}


.fo1{ height:28px;line-height:28px;color:white; background:#156D9B; margin-bottom:10px}
.fo1 a{color:white; text-decoration:none
}

.foot_page {text-align:center;line-height:23px;font-size:12px;color:#fff;background:url(bobg.png) repeat-x;height:112px;overflow:hidden;}
.foot_page .m{color:#fff;text-align:center;background:url(bottom.png) no-repeat center top;height:82px;padding-top:30px;}

.foot_page a{color:#fff}
#copyright span{font-family:"font-family:Georgia, "Times New Roman", Times, serif"}
.fnav{height:38px; line-height:38px;color:white;margin-bottom:10px;}
.fnav a{color:white;padding:0px 5px 0px 3px}
.pages {padding:10px 0 20px 0;text-align:center;font-size:14px;}
.pages a:link,.pages a:visited,.pages a:active  {background:#FFFFFF;border:#E6E6E6 1px solid;padding:1px;text-decoration:none;}
.pages a:hover  {background:#FFFFFF;border:#CCCCCC 1px solid;color:#FF6600;padding:1px;text-decoration:none;}
.pages strong {background:#2E6AB1;padding:1px;border:#CCCCCC 1px solid;color:#FFFFFF;}
.pages_inp {border:#CCCCCC 1px solid;padding:1px;width:30px;text-align:center;color:#666666;}
.pages_btn {width:26px;background:#F6F6F6;border:#CCCCCC 1px solid;font-weight:bold;font-size:11px;}
.pages label {background:#FFFFFF;border:#CCCCCC 1px solid;padding:1px 5px 1px 5px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}

.fenlei {padding-top:20px;width:100%;margin:0px auto}

.fenlei a{border:#BC8E31 1px solid;border-radius:3px;display:block;font-size:16px;padding:10px 15px;color:#BC8E31;text-align:center;float:left;margin-right:10px}
.fenlei a:hover{background:#BC8E31;color:white}
/* album */
#mid_pos {position:absolute;}
#mid_div {width:230px;height:230px;cursor:crosshair; float:right}
#mid_div img{width:230px;height:226px}
#zoomer {border:#D4D4D4 1px solid;width:120px;height:90px;background:#FFFFFF url('../image/zoom_bg.gif');position:absolute;opacity:0.5;filter:alpha(opacity=50);}
#big_div {width:320px;height:240px;border:#CCCCCC 1px solid;background:#FFFFFF;position:absolute;overflow:hidden;}
#big_pic {position:absolute;}
.ab_im {padding:2px;margin:0px 0 10px 10px;border:#C0C0C0 1px solid;}
.ab_on {padding:2px;margin:0px 0 10px 10px;border:#FF6600 1px solid;background:#FF6600;}