@charset "utf-8";
body {  }

.m_header { position: relative; background:#fff; z-index:999999999999999; height:54px;  }
.m_header .logo { position:absolute; width:120px; top:5px; left:4%; z-index:5; background-image:url(../images/logo.png); background-size:contain; background-repeat:no-repeat; }
.m_header .logo a { width:100%; height:100%; display:block;  }
.m_header .menu { position:absolute; top:0; right:0; z-index:5;   }
.m_header .menu img { width:38px;}
.m_header .tel {
	position:absolute;
	top:17px;
	right:56px;
	color:#513914;
	z-index:5;
	font-family:'微软雅黑';
	font-size:16px;
}
.m_header .tel img { vertical-align:middle; width:25px; height:auto; }


.m_header .menu .menu_model-1 { display:block; width:42px; height:50px; overflow:hidden; position:relative;    z-index:221; }
.m_header .menu .menu_bars { height: 100%; width:100%;  position: relative; margin: auto; transition: 0.3s; cursor: pointer; }
.m_header .menu .bar { height: 4px; width: 34px; display: block; margin: 0 auto; position: relative; background-color: #513914; border-radius: 4px; transition: 0.4s; }
.m_header .menu .menu_model-1 .bar { position: absolute; }
.m_header .menu .menu_model-1 .bar:nth-of-type(1) { top: 14px; transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s; }
.m_header .menu .menu_model-1 .bar:nth-of-type(2) { top: 24px; transition: ease 0.3s 0.3s; }
.m_header .menu .menu_model-1 .bar:nth-of-type(3) { top: 34px; transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s; }
.m_header .menu .menu_model-1 .menu_bars.on .bar:nth-of-type(1) { top: 24px; transform: rotate(45deg); animation: mrotr33x .5s cubic-bezier(0.5, 0.2, 0.2, 1.01); }
.m_header .menu .menu_model-1 .menu_bars.on .bar:nth-of-type(2) { opacity: 0; animation: fade22x .5s cubic-bezier(0.5, 0.2, 0.2, 1.01); }
.m_header .menu .menu_model-1 .menu_bars.on .bar:nth-of-type(3) { top: 24px; transform: rotate(-45deg); animation: mrotl22f .5s cubic-bezier(0.5, 0.2, 0.2, 1.01); }

@keyframes mrotr33x {
  0% {transform: translateY(0px) rotate(0);} 
  100% {transform: translateY(0) rotate(45deg);}
}

@keyframes mrotl22f {
  0% { transform: translateY(0px) rotate(0);} 
  100% { transform: translateY(0) rotate(-45deg); }
}

@keyframes fade22x {
  from { opacity: 1; }
  to { opacity: 0; }
}

.main-navigation { position:fixed; z-index:3232234; text-align:center; width:100%;top:54px; overflow:hidden; }
.main-navigation li { background:rgba(255,255,255,.95); height:0; overflow:hidden; transition: all .2s ease-in-out .01s; }
.main-navigation li a { color:#333; display:block; height:98.5%; line-height:47px; border-bottom:1px solid #ccc; text-transform:uppercase;  }
.main-navigation li a img { vertical-align:middle; }
.txt_input { border:1px solid #aaaaaa; background:url(../images/txt_inputbg.png); padding:12px; font-size:14px; font-family:Verdana, Geneva, sans-serif; border-radius:5px; }
.input_submit { padding:15px 30px; background:#ff6a00; border:0; border-radius:5px; color:#fff; }

footer {  font-size:11px; width:100%; background:#333; }

.datalist { line-height: 48px; color: #666; }
.datalist div{  overflow:hidden; }
.datalist .clearfix { border-bottom: 1px dashed #ccc; width: 100%;}
.datalist a { color: #666; }
.datalist a:hover { color: #666; text-decoration:underline; }

.newslist { font-size: 14px; }

.newsinfo { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center;padding:10px 0; font-family:"微软雅黑"; }
.news_title { padding:0 0 20px 0;font-size:12px; }
.news_title h2 { text-align:center; font-size:16px; }

.pageinfo { text-align: center;line-height:18px; }
.pageinfo a { display: inline-block; border: 1px solid #ccc; padding:5px 9px 4px 9px; background:#fff; color: #666; border-radius:5px; }
.pageinfo a:hover { background:#008a0c; color: #fff;border: 1px solid #008a0c;}
.pageinfo .currentpage{border:0;background:#fff;}

.textarea_content {  line-height:28px; font-size:14px; color:#666; }
.textarea_content img { width:100%; }

.swiper-container { width: 100%; overflow:hidden; position:relative;  }
.swiper-wrapper { transform-style:flat;  height:100%; }
.swiper-slide {  width: 100%;  height:100%; position:relative; background-size:cover; background-position:center;background-repeat:no-repeat; overflow:hidden; }
.swiper-pagination { z-index: 20;  position: absolute; width:100%; text-align:center; }
.swiper-pagination-bullet { display:inline-block; width:10px; height:10px;   background: #fff;   margin:0 7px; opacity: 1; }
.swiper-pagination-bullet-active { opacity: 1; background: #a3833a; }

.site_title_   { margin:30px 0; }
.site_title_ img { width:100%; }

.i_ser { position:relative; width:100%; }
.i_ser .i_tabs { position:relative; width:100%; }
.i_ser .i_tabs a { width:33.3%; display:block; font-size:16px; padding:20px 0; background-color:#f6f6f6; background-size:contain; background-position:top center; background-repeat:no-repeat; float:left; text-align:center; }
.i_ser .i_tabs a.current { background-image:url(/public/theme/images/i_tab_curr.png);background-color:#fff; }

.i_ser .i_con {position:relative;width:100%; overflow:hidden; }
.i_ser .i_con .con_  { font-size:12px; width:44%; line-height:21px; font-weight:lighter;  overflow:hidden; margin-left:12px;word-break:break-all;display:-webkit-box; -webkit-line-clamp:4;-webkit-box-orient:vertical;   }
.i_ser .i_con h2 { font-size:18px; font-weight:lighter; line-height:0;  padding:5px 0 6px;  }
.i_ser  .more_ { position:relative; clear:both; width:23%; float:left; display:block; margin-top:-20px; margin-left:10px;  }
.i_ser  .more_ img { width:100%; }
@media handheld,only screen and (max-width:320px) {
    .i_ser .i_con .con_  {  text-overflow:ellipsis; font-weight:lighter;  -webkit-line-clamp:3;  }
}

.i_ser .i_ser_td   { width:68%; position:relative; float:left; margin-left:12px;margin-top:12px; }
.i_ser .i_ser_td  img{ width:100%; }

.i_med { position:relative;width:100%; overflow:hidden; background-image:url(/public/theme/images/i_med_bg.jpg); background-position:top center; background-repeat:no-repeat; background-size:contain; }
.i_med_item { width:85%;  overflow:hidden;  margin:0 auto; font-size:12px;  color:#fff; }
.i_med_item .biaoti {
	width:140px;
	height:40px;
	margin:0 auto;
	background-image:url(../../wapjk/images/tubiao.jpg);
	line-height:40px;
	font-size:18px;
	text-align:center;
	color:#fff;
	background-repeat: no-repeat;
}
.i_med_item .biaoti a {

	color:#fff;

}
.i_med_item img.pho { width:50%; float:left;    }
.i_med_item .con_ {  float:left;  width:50%;   }
.i_med_item .con_ p {  padding:15px;  font-size:11px; }
.i_med_item .con_ a {    color:#fff; font-size:11px; display:inline-block; margin-top:10px; padding: 3px 10px 4px 10px; border:1px solid rgba(255,255,255,.5); }
.i_med_item .more_ { width:50%; display:block;   }
.i_med_item .more_ img { width:100%; }

@media handheld,only screen and (max-width:375px) {
    .i_med_item .con_ a { margin-top:7px; }
}

@media handheld,only screen and (max-width:320px) {
    .i_med_item .con_ a { display:none; }
}
.i_videowindow { width:100%;  text-align:center; }
.i_videowindow img { width:80%; }

.i_news0 { position:relative; overflow:hidden;width:85%; margin:0 auto;  }
.i_news0 a {    width:100%;  display:block;  }
.i_news0 img {    width:100%;  display:block;  }
.i_news0 div { font-weight:lighter; color:#fff;  background-color:rgba(0,0,0,.6); font-size:14px; position:absolute; width:100%;   padding:10px  ; bottom:0; }

.i_news1 { position:relative; overflow:hidden;width:85%; margin:0 auto;  }
.i_news1 .item { font-size:12px; clear:both; padding:20px 0; border-bottom:1px solid #ccc; }
.i_news1 .item h2 { font-size:12px; padding-top:2px;   }
.i_news1 .item p { overflow:hidden; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;     }
.i_news1 .item .date { float:left; width:65px; font-family:'Simplifica'; font-size:16px; margin-right:20px; line-height:25px; padding-top:5px; border-right:1px solid #ccc; }
.i_news1 .item .date span { font-size:48px; font-weight:lighter;  line-height:40px; }


.btn_style_0 { background:#86746b; padding:10px 30px; font-size:14px; color:#fff;  display:inline-block; }
.btn_style_1 { background:#d98a00; padding:10px 30px; font-size:14px; color:#fff;  display:inline-block; }
.btn_style_1 .icon-Layer-25 { font-size:28px; vertical-align:middle; }
.btn_style_2 { background:#86746b; padding:10px 30px; font-size:14px; color:#fff;  display:inline-block; }

.banner { background-position:center; background-size:cover; position:relative; width:100%; overflow:hidden; }

.sub_nav { background-color:#513914; position:relative; width:100%; padding:10px 0; overflow:hidden;  }
.sub_nav nav .item { float:left; color:#fff; font-size:12px; text-align:center; width:33.3%;  }
.sub_nav nav a { display: inline-block; width:50px; height:50px; border:1px solid #fff; border-radius:50px;  }
.sub_nav nav a span  {  font-size:30px; height:auto;  color:#fff; margin-top:9px; display: inline-block;  }

.sub_nav nav .item.current a { background:#fff;   }
.sub_nav nav .item.current a span { color:#513914; }

.ser_data0 { position:relative; width:80%; margin:0 auto; }
.ser_data0 table { width:100%; }
.ser_data0 td {  border:1px solid #ccc;    text-align:center; padding:10px ; }
 
.ser_data0 td span { display:block; color:#d00; }

.yangl_ret a { display:block; width:100%; height:100%;  }
.yangl_ret span { position:absolute; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; bottom:0; display:block; padding:10px; background:rgba(0,0,0,.6); font-size:11px; color:#fff; }

.yangl_abouttxt { font-size:14px ; line-height:30px; }

.yanglao_a_ser .swiper-slide { text-align:center; }
.yanglao_a_ser .swiper-slide img { width:45%; }
.yanglao_a_ser .swiper-slide p { font-size:12px;  line-height:24px; text-align:left; }

.yanglao_a_coooo td { border:1px solid #ccc; padding:5px;  line-height:0; }
.yanglao_a_coooo td img { width:100%; }

.yangl_b_news_title { color:#000; position:absolute; bottom:0; padding-left:20px; padding-bottom:10px; width:100%; background-image:url(/public/theme/images/yanglao_b_news_title_bg.png); background-position:bottom;  background-repeat:repeat-x; height:76px;  }
.yangl_b_news_title h2 { font-weight:lighter; line-height:0; font-family:'DINOT-CondLight'; font-size:30px; }
.yangl_b_news_title p { font-size:12px;   }
.yangl_b_a { display:block; position:absolute; width:100%; height:100%; }

.news_list_0 { position:relative; width:100%; }
.news_list_0 .item { border-bottom:1px solid #ccc; padding-bottom:15px; }
.news_list_0 .item img { float:left; /*width:150px;*/height:75px;width:120px; margin-right:10px;  }
.news_list_0 .item h2 {  font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:12px; padding-top:4px;  }
.news_list_0 .item p {  font-size:11px; line-height:16px; color:#888;  }
.news_list_0 .con_ { overflow:hidden; word-break:break-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;  }

.news_class_0 a { display:inline-block; width:23%; height:20px;background:#f0f0f0; text-align:center; padding:15px 0 16px 0; position:relative;  }
.news_class_0 a.current { background:#513914; color:#fff;  }
.news_class_0 a.current span { background:#513914;  width:10px; height:10px; display:block; position:absolute; left:47%; transform:rotate(45deg); top:46px; z-index:1;  }

.jiank_i_yy_btn { position:relative; width:100%; line-height:0; overflow:hidden; z-index:2; }
.jiank_i_yy_btn a { width:50%; float:left; }
.jiank_i_yy_btn a img  { width:100%; }

.jiank_i_yy_con { position:relative; width:100%; margin-top: -10px;  } 
.jiank_i_yy_con .con_ .pho_ { width:100%; }


.jiank_i_bbbb { position:relative; width:100%; }
.jiank_i_bbbb .item { position:relative; width:50%; float:left; text-align:center; }
.jiank_i_bbbb .item .more_ { width:50%;  margin-top:-20px; }
.jiank_i_bbbb .item .pho_ { width:90%; }

.jiank_a_team a { display:block; width:40%; height:16%;  position:absolute; z-index:11; }
.jiank_a_team span { width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  display:block; padding:10px 20px 20px 20px; font-size:11px; color:#999; }
.jiank_a_team h2 { text-align:center; line-height:0; font-size:16px;   color:#5cb6e5; }
.jiank_a_team .swiper-slide   { background:#f1f1f1; }
.jiank_a_team .swiper-slide img { width:100%; text-align:center }
.jiank_a_team a { display:block; width:40%; height:16%;  position:absolute; z-index:11; }

.jiank_a_team .jka { width:85%; height:100%; margin:0 auto; }
.jiank_a_team .jka .jka-lm { width:45%; float:left;background:#f1f1f1; margin-bottom:30px; margin-right:10px }
.jiank_a_team .jka .jka-lm1 { width:45%; float:right;background:#f1f1f1; margin-bottom:30px;margin-left:10px}
.jiank_a_team .jka .jka-lm img { width:100%; }
.jiank_a_team .jka .jka-lm1 img { width:100%; }

.jiank_a_team span { width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  display:block; padding:10px 20px 20px 20px; font-size:11px; color:#333; }
.jiank_a_team h2 { text-align:center; line-height:0; font-size:14px;   color:#004098; }
.jiank_a_team .swiper-slide   { background:#f1f1f1; }
.jiank_a_team .swiper-slide img { width:100%; }



.photolist_div {  }
.photolist_div .item { float:left; width:50%; text-align:center; padding-bottom:15px; }
.photolist_div .item img { width:95%; }


/*---------------  footer  ---------------*/
.footer1{bottom: 0; left: 0; width: 100%; background-color: #513914;}
.footer1 a{float: left; display: block; padding: 20px 0 20px 4%; width: 21% ; font-size: 1.2em; font-weight: bold; color: #fff;  background-repeat: no-repeat; background-size: 228%; text-align:center}

.footer1 a.nth-child1{
	background-position: center center;
	background : url(../images/icon01.png) no-repeat 6px 12px;

}
.footer1 a.nth-child2{background-position: center center;
	background : url(../images/icon02.png) no-repeat 6px 12px;}
.footer1 a.nth-child3{background-position: center center;
	background : url(../images/icon03.png) no-repeat 6px 12px;}
.footer1 a.nth-child4{background-position: center center;
	background : url(../images/icon04.png) no-repeat 6px 12px;}

.pageBox{ height: 25px; line-height: 25px; padding-bottom: 55px; padding-left:100px; width: 90%;  text-align: center; margin:0 auto}
.pageBox a{ display: block; float: left;}
.pageBox span{display: block; float: left; padding:0 25px;}
.pageBox label{  float: left; margin-right: 10px;}
.pageBox .pages{float: left;}
.pageBox .pageBtn{ width: 65px; color: #fff; font-size: 12px; background-color: #787878; text-align: center; border-radius: 5px;}
.pageBox .page{ width: 20px; height: 20px; margin-left: 10px; line-height: 20px;}
.pageBox .page:hover{background-color: #787878; border-radius: 50%; color: #fff;}
.pageBox .page.cur{ background-color: #787878; border-radius: 50%; color: #fff;}
.pageBox .more{ width: 20px; height: 20px; margin: 0 10px;line-height: 20px;}
.pageBox .pages{ border: none; border:1px solid #cccccc; border-radius: 3px;}
.pageBox .go{ width: 25px; height: 25px; background: #000; color: #fff; font-size: 12px; border-radius: 4px;}