html {
overflow-y: scroll;
}
.news_list{
background:#F4F4F6;
margin-bottom:-15px;
padding-bottom:25px;
}
.news_listxc{
padding-top:15px;
}
.news_list_bg{
background:#FFF;
padding-top:15px;
padding-bottom:15px;
}
.postyiom{
font-size:14px;
background:#fff;
padding:10px 0px;
border-bottom:4px solid #09AC94;
box-shadow: 1px 1px 5px #888888;
margin-right:15px;
margin-bottom:15px;
}
.postyiom ul{
margin-left:20px;
}
.postyiom ul li{
display:inline;
background: url('imagesdian_lanm.png') 0px 7px no-repeat;
margin-right:30px;
padding-left:15px;
color:#666
}
.postyiom ul li a{
color:#FF8000;
}
.title{
margin: 0;
padding: 10px 20px;
font-size: 16px;
background-color:#EEEEEE;
border-bottom: 1px solid #eaeaea;
font-weight: normal;
}
.title span{
color:#FF6215;
}
.muted{color:#999999; font-size:13px; line-height:20px; padding:0px; margin:0px;}
a.muted:hover,a.muted:focus{color:#808080}
.sticky{overflow: hidden; margin-left:-15px; margin-right:-15px; margin-top:-15px; background-color:#eeeeee;}
.sticky ul{margin-right: -2px;}
.sticky li{width: 50%;float: left;margin-bottom: 1px;}
.sticky li span{margin-left: -20px;}
.sticky li a{display:block;background-color: #fff;margin-right: 1px;padding: 15px 20px 15px 140px;}
.sticky h3{font-size: 14px;margin: 0;font-weight: normal;overflow: hidden; height:30px;}
.sticky img{float: left;margin:0px 0 0px -120px;max-width: 100px;max-height: 70px;}
.sticky p{overflow: hidden;height: 40px;}
.sticky a:hover{background-color: #F8FCFE; color:#2B6DA7;}
.sticky a:hover span{background-color: #0AA770;}
.title_ls{
padding: 10px 20px;
overflow: hidden;
}
.pull-right{
line-height:18px;
font-size:12px;
}
.sticky_list{
background-color:#eeeeee;
margin-left:-15px;
margin-right:-15px;
border-bottom:1px solid #EDEDED;
}
.excerpt{background-color:#fff;padding:20px 20px 20px 20px;margin-bottom:1px;position:relative;border-left:solid 4px #fff;*zoom:1}
.excerpt:before,.excerpt:after{display:table;content:"";line-height:0}
.excerpt:after{clear:both}
.excerpt header{margin:0 20px 10px 0}
.excerpt .focus{float:left;width:210px;margin-left:0px;text-align:center;position:relative; margin-right:20px;}
.excerpt .thumbnails img{width:205px;height:140px;display:block; border:0px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.excerpt .thumbnails:hover{border-color:#ccc;border-bottom-color:#bbb}
.excerpt header .label{margin-right:5px;position:relative;top:-2px}
.excerpt h2{display:inline;font-size:20px;margin:0;font-weight:normal;position:relative;top:1px;line-height:25px}
.excerpt h2 strong{color:#8CAC52;margin-right:10px}
.excerpt h2 a{
color:#111;
}
.excerpt h2 a:hover{
color:#FF8000;
}
.excerpt .timest{
color:#999;
font-size:13px;
}
.excerpt .note{color:#777;font-size: 14px;line-height: 24px; padding-top:15px; padding-bottom:20px;}
.post-tags a{
color:#999;
}
.ghkld_f{
text-align:right;
}
.excerpt .note{margin-bottom:0}
.excerpt:hover{border-left-color:#0AA770;background-color:#FAFAFA;}
.post-tags{
padding-left:20px;
}
.muteds{
padding-left:20px;
}
.pagination{padding:0px;text-align:center; background:#FFF; padding-top:15px; padding-bottom:10px;}
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;padding: 0; margin-top:10px;}
.pagination ul > li{ float:left; margin-right:5px;}
.pagination ul > li > a{ padding:8px 15px;text-decoration:none;background-color:#ddd;color:#666;border-radius: 3px;opacity: .88}
.pagination ul > li > span{text-decoration:none; line-height:22px;}
.pagination ul > li > a:hover,.pagination ul > li > a:focus{opacity: 1}
.pagination ul > .active > a,.pagination ul > .active > span{background-color:#0AA770;color:#fff}
.pagination ul > .active > a,.pagination ul > .active > span{cursor:default}
.pagination ul > li > span,.pagination ul > .disabled > span,.pagination ul > .disabled > a,.pagination ul > .disabled > a:hover,.pagination ul > .disabled > a:focus{color:#999999;background-color:transparent;cursor:default}
.pagination ul > li.next-page > a{background-color: #0AA770;color: #fff;}
.pagination ul > li.thisclass > a{background-color: #0AA770;color: #fff;}
.prev-page-zi{
color:#596059;
font-size:14px;
padding-left:15px;
}
.pageinfo{
color:#596059;
font-size:14px;
padding-left:15px;
}
.widget_tit{margin:0 0 10px}
.widget{clear:both;background-color:#fff}
.widget h3{position:relative;margin:0;padding:10px 20px 11px 20px;font-size:15px;background-color:#EEEEEE;border-bottom: 1px solid #eaeaea;font-weight: normal;}
.widget ul{*zoom:1; padding-top:5px;}
.widget ul:before,.widget ul:after{display:table;content:"";line-height:0}
.widget ul:after{clear:both}
.d_postlist li a{padding:10px 15px 10px 105px;border-bottom:solid 1px #eee;border-left:3px solid transparent;margin-left:-3px;overflow:hidden;position:relative;display:block;font-size:14px}
.d_postlist li a:hover{background-color:#F8FCFE;border-left-color:#0AA770}
.d_postlist .text{display:block; font-size:13px; line-height:21px;}
.d_postlist .thumbnaillk{float:left;margin-left:-90px}
.d_postlist .thumbnaillk img{max-width:80px;max-height:48px; border:0px;}
.d_postlist .muted{margin-right:20px;font-size:12px}
.d_postlist .nopic li a{padding: 8px 15px;}
.d_postlist .nopic .text{margin-top:0;}
.d_postlk li a{padding:10px 15px 10px 0px;border-bottom:solid 1px #eee;border-left:3px solid transparent;display:block;font-size:14px;}
.d_postlk li a:hover{background-color:#F8FCFE;border-left-color:#0AA770;}
.d_postlk li span{
padding:2px 6px;
color:#FFF;
font-size:13px;
margin-left:10px;
margin-right:8px;
}
.li1{
background:#EB6100;
}
.li2{
background:#00A0E9;
}
.li3{
background:#0AA770;
}
.li4,.li5,.li6,.li7,.li8,.li9,.li10{
background:#ADADAD;
}
.d_postimg{
margin-top:15px;
}
.d_postimg li{
}
.d_postimg li a{}
.d_postimg li a:hover{}
/*------------------------------------------------------
Pic-L Styles
--------------------------------------------------------*/
.slider {
position: relative;
margin-top:15px;
}
.LR_Container {
padding-left: 0px;
padding-right: 0px;
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.callbacks_tabs a:after {
content: "\f111";
font-size: 0;
font-family: FontAwesome;
visibility: visible;
display: block;
height: 12px;
width: 12px;
display: inline-block;
background: #bcbcbc;
border-radius:50px;
}
.callbacks_here a:after{
background:#c33737;
}
.callbacks_tabs a{
visibility:hidden;
}
.callbacks_tabs li{
display:inline-block;
display:none;
}
ul.callbacks_tabs.callbacks1_tabs {
position: absolute;
bottom: 14px;
z-index: 999;
left: 45%;
}
.d_postlk{
margin-top:15px;
}
.pinpai_p{
padding-top:10px;
font-size:13px;
padding-bottom:5px;
}
.pinpai_p a{
color:#333;
}
.pinpai_p a:hover{
color:#2E6AA7;
}
.work-post {
overflow: hidden;
}
.work-post-gal {
position: relative;
}
.work-post-gal img {
width: 100%;
-webkit-backface-visibility: hidden;
}
.news_list_bg_titke{
text-align:center;
font-size:28px;
color:#333;
background:#FFF;
padding: 20px 0px;
margin-bottom: 15px;
width: 98.99%;
}
.hover-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
transition: all 0.17s ease-in-out;
-moz-transition: all 0.17s ease-in-out;
-webkit-transition: all 0.17s ease-in-out;
-o-transition: all 0.17s ease-in-out;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
}
.hover-box a {
width: 50px;
height: 50px;
display: inline-block;
position: absolute;
top: 50%;
margin-top: -25px;
transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transform: scale(0.1);
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-o-transform: scale(0.1);
-webkit-backface-visibility: hidden;
}
.work-post:hover .hover-box {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-webkit-backface-visibility: hidden;
}
.work-post:hover .hover-box a {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-webkit-backface-visibility: hidden;
}
.hover-box a:after {
position: absolute;
content: '';
width: 50px;
height: 50px;
background: url('imageszoom-after.png') center center no-repeat;
transition: all 0.17s ease-in-out;
-moz-transition: all 0.17s ease-in-out;
-webkit-transition: all 0.17s ease-in-out;
-o-transition: all 0.17s ease-in-out;
}
.hover-box a:hover:after {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
opacity: 0;
}
.hover-box a.zoom {
right: 30%;
background: url('imageszoom.png') center center no-repeat;
}
.hover-box a.video {
right: 36%;
background: url('imagesvideo_ico.png') center center no-repeat;
}
.kml_pl{
padding-bottom:10px;
}
.tushuo{
margin-top:10px;
}
@media(max-width:1280px){
}
@media(max-width:1024px){
}
@media(max-width:768px){
.sticky h3{font-size: 13px;}
.muted{font-size:12px;}
.news_list_tel{
display:none;
}
.excerpt h2{font-size:18px;top:0px;line-height:20px}
}
@media(max-width:736px){
.sticky_tel{
display:none;
}
.pull-right{
display:none;
}
.postyiom{
margin-right:0px;
}
.postyiom ul{
margin-left:5px;
}
.postyiom ul li{
display:inline;
background:none;
margin-right:5px;
padding-left:5px;
}
.excerpt{padding:10px 5px 8px 5px; border-left:solid 2px #fff;*zoom:1}
.excerpt header{margin:0px; margin-bottom:10px;}
.excerpt .focus{width:100px; margin-right:5px;}
.excerpt .thumbnails img{width:95px;height:65px; border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.excerpt h2{font-size:15px;top:0px;line-height:20px}
.excerpt .note{
display:none;
}
.ghkld_f{
display:none;
}
.excerpt h2 a{
color:#2F2F2F;
}
.excerpt .timest{
color:#AFAFAF;
font-size:12px;
}
.prev-page-zi{
display:none;
}
.pagination{
padding-top:2px;
padding-bottom:2px;
}
.pagination ul{margin-top:-4px; margin-bottom:-16px;}
.pagination ul > li > a,.pagination ul > li > span{margin:0px 0px 0px 10px;float:left;padding:6px 12px;text-decoration:none;background-color:#ddd;color:#666;border-radius: 3px;opacity: .88; font-size:14px;}
.news_list_tel{
display:none;
}
.ToTop{
padding-top:15px;
}
}
@media(max-width:640px){
.pagination ul > li > a,.pagination ul > li > span{margin:0px 0px 0px 10px;float:left;padding:5px 10px;text-decoration:none;background-color:#ddd;color:#666;border-radius: 3px;opacity: .88; font-size:14px;}
.pageinfo{
display:none;
}
}
@media(max-width:480px){
.pagination ul > li > a,.pagination ul > li > span{margin:0px 0px 0px 8px;float:left;padding:4px 8px;text-decoration:none;background-color:#ddd;color:#666;border-radius: 3px;opacity: .88; font-size:14px;}
.news_list_bg_titke{
text-align:center;
font-size:18px;
color:#333;
background:#FFF;
padding: 15px 0px;
font-weight: bold;
margin-bottom: 12px;
width: 100%;
}
}
@media(max-width:320px){
.pagination ul > li > a,.pagination ul > li > span{margin:0px 0px 0px 4px;float:left;padding:3px 6px;text-decoration:none;background-color:#ddd;color:#666;border-radius: 3px;opacity: .88; font-size:14px;}
.news_list_bg_titke{
text-align:center;
font-size:16px;
color:#333;
font-weight: bold;
background:#FFF;
padding: 12px 0px;
margin-bottom: 10px;
}
}