@charset "utf-8";
/*
 *懒人CSS Bate V0.10
 *作者：懒人建站 http://www.51xuediannao.com/
 *2015-02-04———
*/
/*这里是主站页面的整体布局*/
/*--大布局-------------------------------------*/
.inbox{width:1200px;min-width:1200px; margin:0 auto;clear:both;overflow:hidden;}
.body{ min-width:1200px; }	/*页面超出出现横向滚动条，右侧出现空白bug*/
.body-page{background: #f9f9f9;}

.ui-box01{ border: #eee solid 1px; padding:10px;}
.fn-mb24{ margin-bottom: 24px;}
.fn-mb26{ margin-bottom: 26px;}
.fn-mb28{ margin-bottom: 28px;}

pre code{ background:none; border:none; color:#666;}

.tit02-skin-1 .h, .tit02-skin-1 .h a{ color: #666;}

.tab{ cursor: pointer;}

/*左中右三列布局 实际的数值自行定义*/
.layout-margin .container{ float:left; width:100%;		margin-right:-300px;/*偏移10*/	margin-left:-134px; position:relative; z-index:1;}
.layout-margin .content,.layout-margin .container-inner{ 			margin-right:300px;/*偏移10*/	margin-left:170px;/*偏移10*/}
.layout-margin .sidebar-end{ float:right; 				width:250px;	position:relative; z-index:2;}
.layout-margin .sidebar-start{ float:left; width:170px;					position:relative; z-index:2;}
/*卸载开始的siderbar*/
.unstart .sidebar-start{ display:none;}
.unstart .container,.unstart .content,.unstart .container-inner{ margin-left:0;}
/*卸载结束的siderbar*/
.unend .sidebar-end{ display:none;}
.unend .container,.unend .content,.unend .container-inner{ margin-right:0;}
/*卸载两边siderbar*/
.unside .sidebar-start,.unside .sidebar-end{ display:none;}
.unside .container,.unside .content,.unside .container-inner{ margin-right:0; margin-left:0;}
.unside .container{ float:none;}

.layout-margin .content,.layout-margin .container-inner{margin-right:340px}
.layout-margin .sidebar-end{ width: 300px;}

.site-bar{
    height: 34px;  line-height:34px;
    background: #222;
    font-size: 14px;  color: #fff;
    /*position: fixed; left: 0; right: 0; top: 0; z-index: 100;*/
}
.main{ margin-top:50px;}
.content{ min-height: 500px; position: relative;}
.sidebar-end{ min-height: 500px;}
.sidebar-box{ margin-bottom: 20px;}
.main-user .sidebar-start {
    width: 134px;}

.page-main{ position: relative; z-index: 99; margin-top: -200px;}
.page-content{ padding:50px 46px; background: #fff;}

.sidebar-fix{top: 10px;}

img[data-original]{ background: url(../images/loading.gif) no-repeat center center;}

.tab-show{ display: none;}
.tab-show .list-h{ display: none;}



.search{ margin-top: -3px;}
.search-form{ position: relative;}
.search input,.search button{ margin: 0;background-color: transparent; height: 46px; line-height: 46px\9; vertical-align: top;}
.search .search-key{ padding:0 10px;  border: #00b38a solid 2px; width: 220px; border-radius: 2px 0 0 2px;}
.search .search-submit{text-align: center; border: none;height: 50px; line-height: 50px\9;
    background: #00a57f;color: #fff; padding: 0 18px; border-radius: 0 2px 2px 0; font-size: 16px;}
.search .search-submit:hover{ background: #00b38a;}


.logo{}
.logo-a{ display: block; line-height: 78px;}
.logo-a img{ vertical-align: middle; height:55px;}

/* .nav{ position: absolute; left: 0; right: 0; top: 80px; z-index: 999;
    background: url(../images/nav-bg.png) no-repeat center top;
}
.nav .inbox{ height: 92px; overflow: visible; position: relative;
    text-align: right;
}
.nav .logo{}
.nav-l{ width: 98px;height: 92px;  position: absolute; left: -98px; top: 0;    background: url(../images/nav-l.png) no-repeat left top;}
.nav-r{ width: 173px;height: 92px;  position: absolute; right: -173px; top: 0; background: url(../images/nav-r.png) no-repeat right top;}
.nav-list{height: 92px; display: inline-block;}
.nav-list li{ display: inline-block; line-height: 82px; position: relative}
.nav-search .iconfont{ font-size: 20px; font-weight: 700;line-height: 84px;
    display: block; padding: 0 10px; cursor: pointer;}
.nav-search:hover .iconfont{ color: #118850;}

.nav-search-box{
    background: #f1f1f1; padding: 10px; border: #ddd solid 1px; display: inline-block;
    position: absolute; right: 0; top: 100%; margin-top: -10px;
} */

.dialog-search{ background: #eee;}
.search-form .search-key{ border: #ddd solid 1px; height: 40px; padding: 0 6px; width: 230px;}
.search-form .search-submit{
    border: none;
    background-color: #49afcd; color: #fff;
    height: 42px; padding: 0; width: 80px; text-align: center; vertical-align: top;}
.search-form .search-submit:hover,
.search-form .search-submit:focus{color:#fff; 	background-color: #2f96b4;}


.nav-list .one{ display: block; font-size: 16px; padding:0 16px;}
.nav-list .has-sub .one:after{
    color: #666; width:16px;
    font-family:"iconfont" !important;
    content:"\e61b"; display: inline-block; margin-left: 2px;
}
.nav-list > li:hover .one:after,
.nav-list > .cur .one:after{color:#118850;}

.nav-list-techan{ padding-top: 6px; padding-bottom: 6px;}
.nav-list-techan >li{ height:36px;}
.nav-list-techan .one{height: 36px; line-height: 36px;}
.nav-list-techan .suffix{ display: none;}

.nav-list .sub-nav{ position: absolute; left:100%; top: 100%; margin-left: -120px;
    width: 130px;border: #eee solid 1px; background-color: #fff;
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);}

.sub-nav .j{position: absolute; left: 50%; top:-16px; margin-left: -8px;
    display: block; line-height: 0; height: 0; font-size: 0;}
.sub-nav .j:after,
.sub-nav .j:before{content: ""; display:block; width:0; height:0; border-style:solid;border-width:8px;
    position: absolute; left: 0; top: 0;}
.sub-nav .j:after{ border-color:transparent transparent #fff transparent; top:1px;}
.sub-nav .j:before{ border-color:transparent transparent #ddd transparent; }

.sub-nav-list{ padding:14px 20px; overflow: hidden; text-align: center; }
.sub-nav-list a{line-height: 38px; color: #333; display: block;}
.sub-nav-list a:hover{color:#118850;}

.sub-nav{display: none;  }
.nav-list > li:hover .sub-nav{display: block;}
/*IE9及以上浏览器*/
@media screen and (min-width:1024px) and (max-width:2920px){
    .sub-nav{
        display: block;
        opacity: 0;
        -ms-transform:scale(0,0);
        -webkit-transform:scale(0,0);
        transform:scale(0,0);

        -ms-transform-origin:50% 10%;
        -webkit-transform-origin:50% 10%;
        transform-origin:50% 10%;

        -webkit-transition:all .3s ease 0s;
        transition:all .3s ease 0s;
    }
    .nav-list > li:hover .sub-nav{
        opacity: 1;
        -ms-transform:scale(1,1);
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
}


.nav-fixed{width: 100%; position: fixed; left: 0; top: 0; z-index: 999;
    background-color: #fff;  border-bottom: #00b38a 2px solid; }

.site-banner,
.banner-page{ height: 498px; position: relative; z-index: 1; }
.site-banner{  background: url(../images/loading2.gif) no-repeat center center;}
.site-banner .inbox{ overflow: hidden; height: 100%;}
.banner-page{background-size: auto 100%!important;}

.banner-01{
    color: #fff;
   /* background-image: url(../images/banner1.jpg);*/
    background-size: auto 100%!important;
    text-shadow: 1px 1px 2px #555;
}

.banner-01 .title{ font-size: 54px; margin-top:280px; line-height: 1em; font-weight: 700;text-align: center;}
.banner-01 .sub-title{ font-size:30px; margin-top: 33px; margin-bottom: 38px;text-align: center;}
.banner-01 span{display: inline-block}
.banner-01 .txt-1,.banner-01 .txt-2{ margin-right: 20px;}
.banner-01 .txt-2{color:#eda819;}
.banner-01 .txt-01{ margin-left:16px;}
.banner-btn{ display: inline-block; height: 40px; line-height: 40px; padding: 0 24px; font-size: 18px;
    background-color:#ff8633; color: #fff; box-shadow:0 0 8px 1px rgba(0,0,0,0.1); transition: background-color 0.4s;}
.banner-btn:hover{ background-color:#fb7012; color: #fff;}

.banner-btn-skin2{ border:#04F5CB solid 1px; background-color:transparent; color: #04F5CB;}
.banner-btn-skin2:hover{ background-color:transparent; color: #04F5CB;}

.banner-02{color: #fff;}
.banner-02 .title{ font-size: 36px; margin-top: 160px; line-height: 1.4; }
.banner-02 .sub-title{ font-size: 24px; margin-top:40px; margin-bottom: 60px; color: #04F5CB;}

.banner-03{color: #fff;}
.banner-03 .title{ font-size: 46px; margin-top: 120px; line-height: 1.4; }
.banner-03 .sub-title{ font-size: 30px; margin-top:30px; margin-bottom: 160px; }
.banner-03 .banner-btn{ border:#fff solid 1px; background-color:transparent; color: #fff; padding: 0 30px;}
.banner-03 .banner-btn:hover{ background-color:transparent; color: #fff;}

.draw-layer{ display: none;}


.section .section-h{
    padding-bottom: 20px;
    position: relative;
    line-height: 1;
    font-size: 36px;
    text-align: center;
    font-weight: 400;
    display: block;
}
.section .ename{
    color: #999;
    font-size: 30px;text-transform:uppercase;
    position: relative;
    text-align: center;
}
.section .sub-h{
    color: #333;
    font-size: 28px;
    position: relative;
    text-align: center;
}
.section .section-des{
    color: #666;
    font-size: 18px;
    line-height: 30px;
    padding-top: 20px;
    text-align: center;
}
.has-bottom-line:after{
    content: ""; width: 60px; line-height: 0; height:2px; display: block; margin-top: 20px;
    position:relative; left: 50%; margin-left: -30px; background: #2ae0c8 ;
}
.has-bottom-line-left:after{left: 0; margin-left: 0;}

.section-tab{ text-align: center;}
.section-tab .tab{ display: inline-block; width: 160px; line-height: 50px; border-radius: 6px; border: #ddd solid 1px; font-size: 18px; margin: 0 2px;}
.section-tab .tab:hover{ background-color:#f0f0f0;}
.section-tab .tab.cur{ background-color:#b5b5b5; color: #fff;}

.section-tab-list{ margin-bottom:60px;}
.section-tab .tab.cur{ background: #2ae0c8 ; color: #fff;}

.section-links a{ display: inline-block; margin-bottom: 12px; margin-right: 16px; white-space: nowrap;}

.page-ztlist{ margin-bottom: 20px;}
.tag-list{ padding-top:8px;}

.bread-nav,.bread-nav a{ color: #666;}
.bread-nav{ margin-bottom:16px;}
.bread-nav a:hover{ color: #00b38a;}

/*列表*/
.list-img-user .inner{ display: block;}
.list-img-user img{ width: 100%; height: 70px;}

.images-text01-list{ margin-right: -30px;}
.images-text01-list .in{display: block; margin-right:30px;
    /*border: #ddd solid 1px; border-bottom: none;*/
    position: relative; z-index: 11;
    transition:all .3s ease-in 0s; background-color: #fff;}
.images-text01-list li:hover .in{ border-color:#00a57f;}
.images-text01-list .ia{ height:170px;}
.images-text01-list .h{ margin: 0 8px; padding-bottom: 4px;  font-size: 16px;}
.images-text01-list > li{ width:33.33%; margin-bottom:20px; float:left; position: relative;}

.images-text01-list .more-info{ display: block; margin-right: 50px; background-color: #fff;
    /*position: absolute; left: 0; top:100%; right: 0; z-index: 10;  margin-top: 0;*/
    /*border: #ddd solid 1px; border-top: none;*/
    overflow: hidden; height: 30px;
    transition:all .3s ease-in 0s;}
.images-text01-list .fn-time{ height: 30px; line-height: 30px; padding: 0 8px;}
.images-text01-list .des{padding:0 10px 10px 10px; margin-top: 0; display: none;}
.images-text01-list > li:hover .more-info{border-color:#00a57f;}
/*.images-text01-list > li:hover{ z-index: 12;}
.images-text01-list > li:hover .more-info{height:136px;}*/

.list-img-text li{border-bottom: #ddd dashed 1px; margin-bottom: 20px; padding-bottom: 20px; position: relative;}
.list-img-text .ia{ width: 180px; float: left; margin-right: 22px; overflow: hidden; cursor: pointer; min-height: 120px; max-height: 132px; display: block;}
.list-img-text .ia img{ width: 100%;}
.list-img-text .h a{ font-size: 22px; font-weight: 400;}
.list-img-text .des{ margin-top: 10px;}
.list-img-text .cite{ margin-top: 16px; color: #999;}
.list-img-text .cite a{color: #999;}
.list-img-text .cite a:hover{    color: #00b38a;}
.list-img-text .list-tag{ margin-top: 16px;}
.list-img-text .list-tag a{ margin-right: 12px;}
.list-img-text .list-tag a:hover{ text-decoration: underline;}

.list-img-text .h a b{ font-weight: 400;}

.imglist-icon{ margin-right: -16px;}
.imglist-icon li{ width: 16.66%; margin-bottom: 16px;}
.imglist-icon .inner{ margin-right: 16px; height:100px; line-height: 100px; text-align: center; border: #ddd solid 1px;}
.imglist-icon img{ width: auto; height: auto; vertical-align: middle; max-width: 40%;}
.imglist-icon strong{ display: none;}

.imglist-icon-2{ margin-right: -16px;}
.imglist-icon-2 li{ width: 33.33%; margin-bottom: 16px;}
.imglist-icon-2 .inner{ margin-right: 16px; height:250px; line-height:250px; overflow: hidden;}
.imglist-icon-2 img{ width: auto; height: auto; max-width: 100%; max-height: 100%;vertical-align: middle;}
.imglist-icon-2 strong{ display: none;}

.h-des-list li p:first-child{ margin-bottom:0;}

.list-list-img-text{padding:8px;}
.list-list-img-text li{ border: #eee solid 1px; padding: 20px 26px; margin-bottom:40px; overflow: hidden;
    background: #f7f7f7;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0);
    transition: all 0.3s;
}
.list-list-img-text .bd{ overflow: hidden;}
.list-list-img-text .h{ margin-top: 4px;}
.list-list-img-text .h a{ font-size: 20px; transition: color 0.3s;}
.list-list-img-text .des{ margin-right: 120px; margin-top: 12px;}
.list-list-img-text .time{ position: absolute; right: 20px; top: 24px;}
.list-list-img-text .go{position: absolute; right: 20px; bottom: 24px;
    font-size: 32px; color: #999; transition: color 0.3s;}
.list-list-img-text li:hover{
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.1);
}
.list-list-img-text li:hover .h a,
.list-list-img-text li:hover .go{ color: #2ae0c8 ; cursor: pointer;}

.list-list-images{ margin-right: -18px;}
.list-list-images li{ width: 33%; float: left; margin-bottom: 22px;list-style-type: none;}
.list-list-images .inner{ margin-right: 18px; background: #fafaf9; padding-bottom: 60px;}
.list-list-images .img{ height: 350px;object-fit: cover; display: block; position: relative}
.list-list-images img{width: 100%;height: 350px;object-fit: cover;position: relative;z-index: 1;}
.list-list-images .h,
.list-list-images .des{ padding: 0 20px;}
.list-list-images .h{ display: block; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; margin-top: 45px; font-size: 22px;}
.list-list-images .des{ margin-top: 45px; line-height: 1.75; color: #999;overflow: hidden;}
.list-list-images .go{ width: 144px; line-height: 48px; display: inline-block;
    text-align: center; border: #ddd solid 1px; cursor: pointer; margin-top: 34px; margin-left: 20px; transition: all 0.3s;}
.list-list-images .go:hover{ background-color: #2ae0c8 ; border-color:#2ae0c8 ; color: #fff;}
.list-list-images .play{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2;
    transition: opacity 0.3s;opacity:1;
    background: url(../images/play.png) no-repeat center center;}
.list-list-images .play:hover{
    opacity:0.6;}

.list-images-mask{ margin-right: -18px;}
.list-images-mask li{ width: 50%; float: left; margin-bottom: 22px;list-style-type: none;}
.list-images-mask .inner{ display: block; margin-right: 18px; background: #fafaf9; position: relative;}
.list-images-mask .img{ height: 380px; display: block;}
.list-images-mask img{ width: 100%; height: 100%;}

.list-images-mask .mask,.list-images-mask .h{ position: absolute; left: 0; bottom: 0; right: 0;z-index: 2; height: 60px;}
.list-images-mask .mask{ background: #000; opacity: 0.3;}
.list-images-mask .h{ color: #fff;line-height: 60px; font-size: 20px; font-weight: 400; text-align: center;
    left:16px;right:16px; z-index: 3;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list-images-mask .des{ display: none;}


.breadcrumb_nav{ margin-bottom:40px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.breadcrumb_nav,.breadcrumb_nav a{    color: #666;}
.breadcrumb_nav .tag-title{ font-size: 14px; color: #118850;}

.page-child-nav{ margin-bottom: 16px;}
.page-child-nav li{ display: inline-block; border: #ddd solid 1px; line-height: 35px;
    padding: 0 12px; margin-right: 5px; margin-bottom: 5px;}

/*---------分页---------*/
.bl-pagination{padding:20px 0;text-align:center; /*color:#C10000;*/ font-size:0; line-height:normal;}
.bl-pagination li{display:inline-block;*display:inline;*zoom:1; font-size:14px;}
.bl-pagination span,.bl-pagination a{display:inline-block; padding:10px 16px;/*margin:0 2px;*/ cursor:pointer;
    border:#eee solid 1px;text-align:center;vertical-align:middle;font-family:Arial; font-size:14px;color:#333;}
.bl-pagination a:hover,.bl-pagination .active,.bl-pagination .active a{
    text-decoration:none;
    /*border-color:#C10000; background-color:#C10000;color:#fff;*/
}

.bl-pagination .disabled span,.bl-pagination .disabled a{border-color:#ddd;color:#999;}
.bl-pagination .disabled span:hover,.bl-pagination .disabled a:hover{border-color:#ddd; background-color:#fff;color:#999;}

.current.prev,.current.next{
    border: 1px solid #ccc!important;
    background-color: #f5f5f5!important; color:#999!important; cursor:default!important;
}

.pagination-skin01{ padding:0; margin:40px 30px 60px 30px;}
.pagination-skin01 span,.pagination-skin01 a{ margin-right:3px; background: #fff; border:#ddd solid 1px;padding:9px 16px; height: 18px; line-height: 18px; font-size:14px;}
.pagination-skin01 a:hover{ color:#e22835;}
.pagination-skin01 a:hover,.pagination-skin01 .pagination-current{background:#2ae0c8 ; border-color: #2ae0c8 ; color:#fff;}
.pagination-skin01 a{ cursor: pointer;}

.pagination-disabled{ opacity: 0.5;filter:alpha(opacity=50);}

.nextPage{ display: none; line-height:36px;text-align: center; font-size: 14px;
    border-bottom: #eee solid 1px; margin-bottom: 4px;}

/*onepage*/
.type-list{}
.type-list-tit{
    padding-bottom: 20px;
    position: relative;
    line-height: 1;
    font-size:32px;
    font-weight: 400;
    margin-top:40px;
    text-align: left;
}
.type-list-tit:after{
    content: "";
    width: 30px;
    line-height: 0;
    height: 2px;
    display: block;
    margin-top: 20px;
    position: relative;
    left: 0;
    background: #e67817;
}
.section-yewu{ margin-bottom: 30px;}
.section-yewu .tit{ margin-bottom: 30px;}
.section-yewu .section-h{padding-bottom: 0;}
.section-yewu .col{ width: 33.33%}
.section-yewu .img{ height:280px;}
.section-yewu .mask{ height: 100%; transition:opacity 0.3s; }
.section-yewu .h{ line-height: 280px; height: auto; white-space: normal; font-size: 22px; opacity: 0.7;
    transition:opacity 0.3s ;
    }
.section-yewu .h-inner{ line-height: 1.7; display: inline-block; vertical-align: middle; width: 100%;
    /*border-bottom: #eee solid 1px;border-top: #eee solid 1px; padding: 16px 0;*/}
.section-yewu .inner:hover .h{ opacity: 1;}
.section-yewu .inner:hover .mask{ opacity:0.6;}

.section-yewu .col-null .img{ background: #f1f1f1;}

    /*内页*/
.ver-line{ line-height: 0; font-size: 0; float: left; width: 4px; height:57px; background: #00b38a; margin-right: 12px;}
.ptit{ font-size: 30px;font-weight: 400; line-height: 1.3;padding:16px 0 24px; text-align: center;color: #2ae0c8 ;


}
.ptit02{margin-bottom: 40px;}
.page-cite{ text-align: center; border-bottom: none; padding-bottom: 0; margin-bottom:60px; display: block; color: #999;}
.page-cite a{color: #118850; text-decoration: underline;}
.page-cite span{ margin-right: 12px;}
.page-cite span:first-child{ padding-left: 0;}
.page-cite .pc-show{ display: inline;}

.page-body{ overflow: hidden; position: relative; text-align:left; line-height: 1.75}
.page-body,.page-body a{ font-size: 16px;}
.page-body a{ color: #118850; text-decoration: underline;}
.page-body h2{margin-top: 30px; margin-bottom: 14px;}
.page-body h2,.page-body h2 a{ font-size: 22px; }
.page-body h3,.page-body h3 a{font-size: 20px;}
.page-body h4,.page-body h4 a{font-size: 18px;}
.page-body h5,.page-body h5 a{font-size: 16px;}
.page-body h6,.page-body h6 a{font-size: 14px;}

.page-body h3,
.page-body h4,
.page-body h5{margin-top:24px; margin-bottom:12px;}
.page-body h1,.page-body h2,.page-body h3,.page-body h4,.page-body h5,.page-body h6{
    font-weight: 700; line-height: 1;}

/*.page-body h2{ border: #ddd solid 1px;}*/
.page-body h2:before{ content: ""; width: 6px; height:24px; background:#00b38a;
    display: inline-block; margin-right:6px;
    vertical-align: top;}

.page-body p{ margin-bottom: 16px;}

.page-body pre{background-color:#f7f7f7; border:#eee solid 1px; padding:10px; line-height:1.7; overflow: hidden;zoom:1;
    white-space: pre-wrap;word-wrap: break-word;*white-space:normal;}
.page-body hr{ margin: 10px 0;}
.page-body img{margin:10px 0; max-width: 100%; height: auto!important;}

.page-body th,.page-body td{ border: #ddd solid 1px; padding:6px 8px;}
.page-body td img{ margin: 0;}

.page-body .editer{ display: none;}

.runCode{ position: relative;}
.run-code-btn{ position: absolute; right: 0; top: 0; line-height: 32px; padding: 0 14px;
    background: #00a57f; color: #fff!important; text-decoration: none!important; text-align: center; font-size: 14px; cursor: pointer;}
.run-code-btn:hover{ background-color: #009270;}

.page-intro{ padding: 12px; border: #ddd dashed 1px; margin-bottom:20px; line-height: 1.75; color: #666; font-size: 16px; display: none;}

.page-image{ margin-bottom: 20px; height: 250px; overflow: hidden;}
.page-image .img{ width: 300px;height: 250px; float: left;margin-right: 20px;}
.page-image .img img{ width: 100%; height: 100%;}
.page-image .img-info{ height: 250px;}
.page-image .img-info img{height: 100%; border: #eee solid 1px;}
.un-body-top{
    /*width: 300px; height: 250px; float: left; margin-right: 30px;margin-bottom: 20px;*/
    width: 100%; height: 90px; margin-bottom: 20px; position: relative;
}
.un-body-top img{ width: 100%; height: 100%; margin: 0!important;}
/*.un-body-top:after{ content: "AD"; position: absolute; right: 6px; top: 3px; font-size: 10px; color: #fff; font-family: Arial}*/


.page-body .fn-btn,
.page-body .btn{ display: inline-block;*display: inline;*zoom:1;
    color: #fff; text-decoration: none; padding: 9px 16px; font-size: 16px;}

.body-more-btn{ position: absolute; left: 0;right: 0;bottom: 0; color: #AD0000;
    height:65px; line-height:85px; overflow: hidden; font-size: 16px; cursor: pointer;
    text-align: center; background: url(../images/jb2.png) repeat-x left top; display: none;}

.page-file{ margin-bottom: 10px; line-height: inherit; display: none;}

.page-body-html{ overflow: hidden; position: relative;}
.page-body-more{ text-align: center;  cursor: pointer;
    position: absolute; left: 0; right: 0; bottom: 0; display: none;
    background: url(../images/jb1.png) repeat-x left top;
    height:100px; line-height: 150px; color: #da4f49; font-weight: 700; overflow: hidden;
}

.page-body-litpic{ margin-bottom: 20px; overflow: hidden; text-align:center;}
.page-body-litpic .litpic{ /*float: left;*/}
.page-body-litpic .litpic img{ min-width: 40%;}

.article-footer{ margin: 16px 0;}

.article-footer-links{ text-align: center; margin-top: 30px;}
.article-footer-links .reg,
.article-footer-links .return-class{ display: inline-block; line-height: 40px; padding: 0 16px; margin: 0 6px;
    min-width: 90px; text-decoration: none;}
.article-footer-links .reg{background: #e22835; color: #fff; }
.article-footer-links .return-class{background:#54bf78; color: #fff; }
.article-footer-links .return-class a{color: #fff; text-decoration: none;}
.article-footer-links .reg:hover{ background:#fd4e5a; }
.article-footer-links .return-class:hover{ background: #64d289;}

.context{ margin-top: 10px;}
.context .up,
.context .next{ line-height: 36px;}

.related-articles{ margin-top: 30px;}
.related-articles .tit{ margin-bottom:10px; padding-bottom: 10px; border-bottom: #ddd dashed 1px; }
.related-articles .tit .h{ font-size: 22px; font-weight: 400;}
.related-articles li{ width: 50%; float: left; line-height: 40px; border-bottom: #ddd dashed 1px;}
.related-articles li a{ white-space: nowrap; display: block; overflow: hidden;text-overflow: ellipsis;
    padding-left: 16px; background: url(../images/jiantou.jpg) no-repeat left center;}

.related-images-text .images-text01{ margin-top:16px;  margin-right: -22px;}
.related-images-text li{ width: 25%; margin-bottom: 20px;}
.related-images-text .in{ margin-right: 20px; border: #eee solid 1px; text-align: center;}
.related-images-text .ia{ height: 136px;}
.related-images-text li .h{ padding: 8px 0; margin: 0 8px; height: 20px;}

.images-text01-col-2{ margin-right: -16px;}
.images-text01-col-2 li{ width: 50%; float: left; margin-top: 16px;}
.images-text01-col-2 .in{ margin-right: 16px;}
.images-text01-col-2 .ia{ height:80px;}
.images-text01-col-2 li .h{ padding: 8px 0 0 0;}

.zt-list{ overflow: hidden; margin-top: -6px;}
.zt-list a{ line-height: 32px; display: inline-block; padding: 0 16px; border: #eee solid 1px; margin-right: 4px; margin-top: 6px;
    font-size: 14px;border-radius: 2px;}
.zt-list .cur,
.zt-list a:hover{background-color:#00b38a; color: #fff;}

.tags-box{ margin-bottom: 30px;}
.tags-box .tag-list{ padding-top: 0;}

.list-title{ font-size: 22px; font-weight: 400; margin-bottom: 26px;
    border: #eee solid 1px; border-left:#00b38a solid 4px;
    padding:8px 8px 8px 10px;
    white-space: nowrap; overflow: hidden; text-overflow:ellipsis ;
    display: none;
}
.class-content{ padding:14px 16px; line-height: 1.75; border: #ccc dashed 1px; margin-bottom: 26px; display: none;}
.class-content h2{ font-size: 24px; margin-bottom: 8px; font-weight: 400;}
.class-content h3{ font-size: 20px; margin-bottom: 8px; font-weight: 400;}
.class-content p{ margin-bottom: 10px;}
.class-content p:last-child{ margin-bottom: 0;}
.class-content a{ color: #00b38a; text-decoration: underline;}

.video-iframe{ margin-bottom: 10px;}

/*内页上下翻页*/
.page-prev,.page-next{
    text-align: center;
    color: #ddd;
    position: fixed; top: 50%; margin-top: -20px; z-index: 999; opacity: 0.4;
}
.page-prev{ left:0;}
.page-next{ right:0;}
.page-prev .iconfont,.page-next .iconfont{ font-size: 70px; vertical-align: top;}

.page-video{ position: relative; width:400px; height: 300px; display: none;}
.play-before{ width: 100%; height: 100%;line-height: 300px; text-align: center; color: #00b38a;
    background-size: 100% 100%!important;}
.play-before:after{ content: "\e639";
    font-family: "iconfont" !important; font-size: 54px; opacity: 0.8;
    display:inline-block;
}

.pop-down{width: 360px;min-height: 90px;}
.pop-down,.pop-down a{ font-size: 18px;}
.pop-down a{    color: #0070c9;
    text-decoration: underline;}

@media screen and (max-width:700px){
    .page-video{width: 100%; height: 230px;}
    .play-before{ line-height: 230px;}
}

.page-images-list-hor li{ margin-right: 6px; margin-bottom: 6px;
    display: inline-block;*display: inline;*zoom:1;}

/*图集*/
.atlas-ver > li{ text-align: center; position: relative;}
.atlas-ver > li strong{ display: none;}
.atlas-ver img{ max-width: 100%;}
.image-source{ text-align: center; padding: 10px 0;}
.image-source .fn-btn{padding: 0; line-height: 40px; font-size: 16px;}
.btn-source{ display: none; overflow: hidden;}
.btn-view{display: block; }
.has-source .btn-source{display: block;}
.has-source .btn-view{float: right; margin-left: 8px; width: 48%;}

.atlas-ver-img-link{ position: absolute; right: 8px; top: 8px; text-decoration: none!important;}
.atlas-ver-img-link .iconfont{font-size: 30px;}
@media screen and (min-width:10px){
    .atlas-ver-img-link .iconfont{font-size: 26px;}
    .atlas-ver-img-link{
        width:42px; text-align: center; height:42px; line-height: 42px; overflow: hidden;
        background-color: rgba(0,0,0,0.4); border-radius: 50%;
        transform:translate(80px,0);
        transition-property: all;
        transition-duration: 0.6s;
        opacity: 0;
    }
    .atlas-ver > li:hover .atlas-ver-img-link{transform:translate(0,0); opacity: 1;}
    .atlas-ver-img-link .iconfont{ color: #fff;}
}

.full-screen-album{
    display: none;
    position: fixed; left: 0;top:0;right:0;bottom: 0; z-index: 99999;
    background: #000;
}
/*.full-screen-album .mask{ position: absolute;left: 0;top:0;right:0;bottom: 0;z-index: 1; background-color: #000;}*/
.full-screen-album-header{height:60px; line-height:60px; overflow: hidden;}
.full-screen-album-body{ position: absolute; left:0; right:0; bottom: 0; top:60px; background: #fff;}
.full-screen-album-header,.full-screen-album-header a{ color: #eee; font-size: 18px;}
.full-screen-album-header .h{ font-weight: 100; margin-left: 20px;}
.full-screen-album-header .close{ float: right; width: 60px; height: 60px; line-height: 58px; font-size: 28px; cursor: pointer;
    opacity: 0.6; transition:opacity .2s ease-in 0s;}
.full-screen-album-header .close:hover{ opacity: 1;}



/*内页图集*/
/*------------------------------------------------------------*/
.img-main{ margin-bottom: 30px; overflow: hidden;}
.imgTitles{ text-align:center; line-height:28px; font-size:22px; font-weight:bold;}
.imgTool{line-height:34px; text-align:right; border-bottom:1px solid #DDDDDD;color:#666}

#imgContent{
    width:100%;border: #eee solid 1px;
    position:relative; text-align:center; padding-bottom:16px; padding-top:16px;
}
.bigImgContent{width:758px;height:504px;
    text-align:center; vertical-align:middle; overflow:hidden; margin:0 auto;}
#aimgcon{ width: 100%; height: 100%; display: block; line-height: 500px;}
#aimgcon img{ vertical-align: middle; max-height: 100%; max-width: 100%;}

.bigImgContent span{ display:table-cell; *display:inline-block; vertical-align:middle; *font-size:504px; width:758px;height:504px; overflow:hidden;}
.bigImgContent span img{vertical-align:middle; max-height:504px; max-width:758px;
    /*cursor:url("images/zoom.cur"), pointer;*/}
.imageDescription{ width:100%;clear:both;/*height:56px;*/overflow:hidden; text-indent:2em; padding:10px 6px; line-height:1.75;display: none;}
#smallImgContent{ /*border-top:1px solid #dddddd;*/height:112px;/*padding-left:33px;*/}
.prevImgAtlas,.nextImgAtlas{width:110px;height:112px;float:left; text-align:center; margin-top:18px;}
.nextImgAtlas{ float:right;}

.prevImgAtlas img,.nextImgAtlas img{width:100px;height:75px;}
.pic-up,.pic-next{ color: #999; }
.pic-up span,
.pic-next span{ font-size: 59px;line-height: 1em; font-family: SimSun;}

.smallImgTab{/*width:600px;*/height:112px;/*float:left;padding:0 29px;*/ margin:0 120px;}
.prevPic,.nextPic{width:20px;height:65px; display:block; float:left; text-indent:-9999px;margin-top:23px;}
.prevPic{ background:url(../images/prev_next.gif) no-repeat right top; border-right:#fff solid 4px;}
.nextPic{ background:url(../images/prev_next.gif) no-repeat left top; float:right; border-left:#fff solid 4px;}
.prevPic:hover{background-position:left bottom;}
.nextPic:hover{background-position:right bottom;}
#smallImgScroll{/*width:550px;float:left;*/height:110px; position:relative; overflow:hidden;margin:0 4px;}
.smallImgList{ position:absolute;height:97px; left:0; top:0; z-index:2; padding-top:7px; padding-bottom:2px;}
.smallPicBg{width:104px;height:82px; position:absolute; left:4px; top:0; z-index:1;}
.smallImgList li{width:117px; height:97px;float:left; padding:0 6px;}
.smallImglist li div{ width: 100%;height:82px;}
.smallImgList li a{ display:block;width: 100%;height:100%; position:relative; top:8px; margin:0 auto;}
.smallImgList li img{width:116px; height: 86px; margin-left: 1px;}

.smallImgList li span{ display:block; position:absolute; padding:0 2px; background:#000; right:2px;bottom:2px; line-height:16px; color:#999;}
.smallImgList li a:hover{ text-decoration:none;}
.smallImgList li a:hover span{background:#333;color:#fff;}
.scrollLine{height:7px; position:relative; margin:0 26px; display:none;}
#scrollButton{ position:absolute;width:172px;height:13px; left:0; top:0;cursor:e-resize;}


#imgLoading{position:absolute; width:20px;height:21px; left:50%; top:240px; margin-left:-10px;}
#slideVideo{ cursor:pointer;}
.popup-layer{position:absolute; z-index:110;width:260px;height:109px;left:50%;margin-left:-130px;border:1px solid #f3ece8;top:0;color:#fff;display:none;}
.popup-layer-rel{position:relative;height:109px;}
.layer-bg{width:260px;height:109px; position:absolute; left:0; top:0; z-index:5; background:#000; opacity:0.7;filter:Alpha(opacity=70);}
.popup-msg{position:relative;z-index:6; text-align:center;padding-top:16px;}
.popup-msg a{color:#fff; padding:0 14px; display:inline-block;height:27px; line-height:27px;border:1px solid #b7b3b0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#100d0a; margin:20px 0 0 3px;}
.layer-close{display:block;position:absolute; top:7px;right:9px;border:1px solid #fff;width:9px;height:9px;font-size:13px; text-align:center; line-height:9px; cursor:pointer; overflow:hidden; z-index:6; font-family:Arial, Helvetica, sans-serif;}

.thisimg{background-image: url(../images/thisimg.png);background-repeat:no-repeat;background-position:center top;}

.imgpn{display:block;width:40%; height:100%; text-indent:-9999px; background-image:url(../images/blank.png);
    position:absolute; top:0px; z-index:100; overflow:hidden;*zoom:1}
.img-prev{left:0px;cursor:url("../images/left.cur"), pointer;}							/*如果ie下无法看到自定义鼠标把这个鼠标文件的路径改为绝对路径就OK了*/
.img-next{right:0px;cursor:url("../images/right.cur"), pointer;}						/*如果ie下无法看到自定义鼠标把这个鼠标文件的路径改为绝对路径就OK了*/
.imgzoom{ width:100%;left:0px;cursor:url("../images/zoom.cur"), pointer; z-index:90;}	/*如果ie下无法看到自定义鼠标把这个鼠标文件的路径改为绝对路径就OK了*/

.qq-qun{ position: absolute; right: 0; top: 39px; color: #00b38a;}

.section-contact{
    background: url(../images/lx-bg.jpg) no-repeat center top;
    padding: 40px 0; margin-bottom: 0!important;}
.inbox-map{
    height: 322px; overflow: hidden;
    background: url(../images/map.jpg) no-repeat center center;
}
.inbox-map .map-img{ margin-top: 35px; text-align: center; opacity: 0.8;}
.inbox-map .map-text{ margin-top: 20px; font-size: 16px; text-align: center;}
.inbox-map .map-text p{ margin-bottom: 10px;}
.inbox-map .map-text .p-2{ margin-bottom: 40px;}
.inbox-contact{ margin-top: 60px;}
.inbox-contact .iconfont{ font-size: 28px; vertical-align: middle; margin-right: 8px;}
.inbox-contact .section-h{ font-size: 18px; font-weight: 700; padding-bottom: 12px;}
.inbox-contact .ename{ font-size: 16px; font-weight: 700;}
.inbox-contact .section-des{ font-size: 16px;font-weight: 700;}
.inbox-contact .section-bd{ margin-top: 62px; color: #999;}
.inbox-contact .qrcod{ margin-top: 60px; text-align: center; color: #999;}
.inbox-contact .qrcod img{ width: 120px; height: 120px; margin-bottom: 10px; border: #ddd solid 1px; padding: 4px;}
.inbox-contact .qrcod .h{}

.inbox-map{ position: relative;}
.contact-map{ height:322px; position:absolute; left: 0; top: 0; right: 0; z-index: 2;
    background: #fff; opacity: 0.4; display: none;}
.map-img{ position: relative; z-index: 10;}

/* .footer,.footer a{ color: #fff;}
.footer{ line-height: 68px;background-color: #a0a0a0; text-align: right;}
.footer-nav{ float: left;}
.footer .vline{ margin: 0 10px;}
.footer a:hover{ text-decoration: underline;} */

.copyright{}
.copyright .rlzyxkz{ margin-right: 8px;}

/*评论*/
.comments-box{ margin-top: 30px;}
.comments-box .tit{
    font-size: 22px;
    font-weight: 400;margin-bottom: 14px;}
.comment-form{ margin-bottom: 20px;}
.comment-form-text textarea{
    box-sizing: border-box;
    padding:8px;
    border: #00a0c6 solid 1px;
    width: 100%; height: 100px; border-radius:4px;
    font-size: 14px;
}
.comment-form-tool{ margin-top: 12px; text-align: right; overflow: hidden;}
.commentator{ float: left; height: 33px; border: #eee solid 1px; width: 200px; padding: 0 8px; font-size: 14px;
    border-radius:4px;
}
.btn-comment-submit{ border:none; background-color: #00a0c6; height: 36px; padding: 0 20px;
    font-size: 14px; color: #fff;
    border-radius:4px;
}
.btn-comment-submit:hover{ background:#008cad;}

.appComment{
    /*padding:20px 24px; border: #ddd solid 1px;*/
}

.comment-item{ overflow: hidden; margin-top: 24px;}
.comment-item:first-child{ margin-top: 0;}
.comment-item .comment-head{ width:50px; height:50px; float: left; margin-right: 18px;}
.comment-item .comment-head a{ display: block; width: 100%; height: 100%; border-radius:6px; overflow: hidden;}
.comment-item .comment-head img{ width: 100%; height: 100%; border: none;}

.comment-tit{overflow: hidden; text-align: right; margin-bottom: 6px;}
.comment-tit .h{ float: left; font-weight: 400;}
.comment-time{ color: #999; font-size: 90%;}

.comment-item .comment-bd{ overflow: hidden;}

.comment-text,.comment-reply{ line-height: 1.6;}

.comment-reply{ margin-top: 12px;border: #ddd dashed 1px; padding: 12px;
    /* color: #ff561c;*/}
.comment-replier{ margin-bottom: 4px;}
.at-topic-user{ color: #00a0c6; margin-right: 6px;}

.comment-reply-item{ margin-top: 16px;}
.comment-reply .comment-reply-item:first-child{ margin-top: 0;}

.comment-null{
    line-height:36px;
    text-align: center;
    margin: 20px 0;
    background: #f0f0f0;
}

.comment-foot{ margin-top: 10px;}

.btn-reply{ cursor: pointer; }
.btn-reply:hover{color: #00a0c6;}

.comment-reply-form{ margin-top: 20px;}

.gt_holder.gt_popup{ z-index: 999;}

[disabled],a.disabled,a.disabled:hover,[disabled]:focus{
    box-shadow:none!important;border-color:#ddd!important;background-images:none!important;background-color: #f5f5f5!important;
    color:#999!important; cursor:not-allowed!important;
    text-decoration: none!important;
}
[disabled]{ position: relative;}

/*滚动*/
.lrscroll{ position:relative;width: 100%; }
.lrscroll,
.lrscroll .scrollcon,
.lrscroll .scrolllist{
    display: block;
    width: 100%; height:100%; background-position: 0 0!important;
}

.scroll-fade li{ opacity: 0;}
.section-focus li,
.section-focus li .focus-img{ display: block;
    width: 100%; height:100%; /*background-position: 0 0!important;*/
}

.scroll-hor li{ float: left;}
.scroll-fade li{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;
    z-index: 1;}
.scroll-fade .lr-scroll-cur{ z-index: 2;}

.lrscroll .scrollcon{z-index: 100;}

.lrscroll .scrollnav{ position:absolute; left:0; right: 0; bottom:2px; z-index: 102; text-align:center;}
/*.scroll-banner .scrollnav a{ width:56px; opacity:0.8;}*/
.lrscroll .focustit{ display: none;}


.full-screen-album-focus{ height: 100%; padding-top: 0; /*font-family: georgia, Helvetica, Sans-Serif;*/}
.full-screen-album-focus ul,
.full-screen-album-focus li{ width: 100%; height: 100%; overflow: hidden;}
.full-screen-album-focus li{ overflow: auto; text-align: center;}
.full-screen-album-focus li img{ max-width: 100%;}
.full-screen-album-focus .prev,
.full-screen-album-focus .next{
    position: absolute; top: 50%; z-index: 100; margin-top: -50px; font-family: simsun;
    font-size: 70px; color: #000; opacity: 0.3;filter:alpha(opacity=30); transition:opacity .2s ease-in 0s;}
.full-screen-album-focus .prev{ left: 30px;}
.full-screen-album-focus .next{ right:30px;}
.full-screen-album-focus .prev:hover,
.full-screen-album-focus .next:hover{color: #fff; opacity: 1;filter:alpha(opacity=99);}

.full-screen-album-focus .scrollnav{right: 10px; bottom: 20px; text-align: center;}
.full-screen-album-focus .s-nav-link{display:inline-block; font-family: "Times New Roman";
    width: 10px; height: 10px; line-height: 10px; font-size: 0; text-align: center;
    background-color: #fff; margin: 0 5px; cursor: pointer; border-radius: 50%;
    opacity: 0.3;filter:alpha(opacity=30);}
.full-screen-album-focus .cur{
    opacity: 0.8;filter:alpha(opacity=80);
}
/*.full-screen-album-focus:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; z-index: 101; height: 40px; background-color: #000;
    opacity: 0.7;filter:alpha(opacity=70);}*/
.section-case .prev,
.section-case .next{ display: none!important;}


.section-partner .scroll-hor{height:45px;}
.scroll-hor-01 .scrollcon{ margin: 0 40px; width: auto;}
.scroll-hor-01 .scrollnav{ display: none;}
.scroll-hor-01 .prev,
.scroll-hor-01 .next{ height: 100%; line-height: 45px;
    position: absolute; top:0; z-index: 100; font-family: simsun;
    font-size:46px; color: #000; opacity: 0.3;filter:alpha(opacity=30);}
.scroll-hor-01 .prev{ left: 0;}
.scroll-hor-01 .next{ right:0;}
.scroll-hor-01 .prev:hover,
.scroll-hor-01 .next:hover{color: #900000; opacity: 1;filter:alpha(opacity=100);}


/*右边浮动客服*/
.fix-tools{ position: fixed; right: 0; bottom:130px; z-index: 100;}
.fix-tools a{ display: block; width: 60px; height: 60px; line-height: 60px; color: #fff; text-align: center;
    transition:background 0.2s;
    border-bottom: #f8f8f8 solid 1px;
   /* background: #005197;*/
    background-color:#6F8587;
}
.fix-tools .tool-go-top{ border-bottom: none; line-height: 50px;}
.fix-tools .txt{ font-size: 12px;}
.fix-tools .f-icon{font-family: 'iconfontfixqq';}
.fix-tools .f-icon,.fix-tools .iconfont{ font-size: 26px;}
.fix-tools .icon-arrow-up{font-size: 30px;}
.fix-tools-item-in{ line-height: normal; vertical-align: middle;}
.fix-tools a:hover{ /*background: #004a8a;*/ background-color:#5c7274;}


/*留言*/
.guestbook-form .fn-tinput,
.guestbook-form textarea{
    width: 100%;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.guestbook-form .fn-tinput{ height: 44px;}
.guestbook-form textarea{
    padding:8px;
    border: #00a0c6 solid 1px;
    height: 100px;
    font-size: 14px;
}
.label-block-code{ margin-left: 6px;}
.btn-guestbook-submit{
    border:none; background-color: #00a0c6;
    height: 44px; width: 140px;
    font-size: 14px; color: #fff;
}
.btn-guestbook-submit:hover{ background:#008cad;}
.contact-box .fn-tinput{ width: 150px;}

.code-box{ width: 300px;}
.guestbook-form .form-group-gt{}
.guestbook-form .form-group-btn{ padding-top: 20px;}
.guestbook-form .error{ color: red; margin-top: 4px; font-size: 14px;}


/*---------默认皮肤（非必需）---------*/
input[type="text"]:focus{ border-color:#00b38a; background-color: #fff;}

.a1{ color: #00b38a;}
.a_,.a_:hover{ text-decoration: underline;}
em,.em{ color: #E84C3D;}

.list-img-text .list-tag a{color: #106330;}

.fix-qq .iconfont{ color: #ccc;}
.fix-qq li{ background: #00b38a;}
.fix-qq li:hover{ border-color:#00b38a;}
.fix-qq li:hover .iconfont{color: #00b38a}

.tit02 .tab{ border-bottom: transparent solid 3px; padding: 0 6px; margin-right: 12px;
    cursor: pointer;}
.tit02 .tab.cur{
    background-color: transparent; color: #00b38a;
    border-color: #00b38a;
}
.tit02 .tab:hover{background-color: transparent; color: #00b38a;}

.unRelatedSearch{ margin-bottom: 20px; margin-top: -18px;}

/*为移动端准备*/
.header .inbox{ position: relative; overflow: visible;}
.btn-nav-mobile{ position: absolute; right: 0; top:0; z-index: 100; background-color: #fff;
    font-size: 24px; padding:0 16px; line-height: 44px;}
.btn-nav-mobile:hover{ color: #333;}

#64{display: none;}
#lrExceptional{display: none;}

.pc-show{ display: block;}
.mobile-show{ display: none;}
.menu-btn{ display: none;}
.mobile-nav{display: none;}

/*底部浮动导航*/
.site-footer-nav{ position: fixed; left: 0;right: 0;bottom: 0; z-index: 100; display: none;}
.site-footer-nav .cell{ float: left; width: 25%; text-align: center; padding: 6px 0;
    background-color: #fff;
    border-top: #eee solid 1px;}
.site-footer-nav .iconfont{ font-size: 22px;}
.site-footer-nav p{ font-size: 12px;}
.site-footer-nav .cell a{ display: block;}
.page-body img{ text-indent: 0!important;}
.article-qrcode{ text-align: center; display: none;}

.search-title{ font-size: 30px; font-weight: 400; margin-bottom: 50px; text-align: center;}

.lr-wow{ visibility: hidden;}

#YSF-BTN-HOLDER{ display: none!important;}

/*--媒体查询-------------------------------------*/
/*@media screen and (min-width:1440px) and (max-width:1600px){}*/
@media screen and (min-width:1440px){ /*大于等于1440*/
    /*这里是特定的样式表*/

}
@media screen and (min-width:1440px) and (max-width:1920px){

}
@media screen and (max-width:1024px){
    .inbox{width:980px;}
    body{ min-width:980px;}

    .nav-list .one,
    .zt-list a{ padding:0 12px;}
    .images-text01 .ia{ height:140px;}
    .images-text01-col-2 .ia{ height:80px;}
}
@media screen and (max-width:1000px){
    .pc-show{ display: none;}
    .mobile-show,
    .mobile-nav{ display: block;}
    .site-footer-nav{display: block; background-color: #fff;}
    .menu-btn{ display: block; float: right; margin-left: 12px;}
    .inbox{width:auto; padding: 0 16px; box-sizing: border-box;}
    .inbox,body{min-width:100%; min-width:auto;}
    .header{ display: none;}
    .nav-search{ display: none;}
    .mobile-nav{ position: absolute; left: 0; right: 0; top: 0; z-index: 900;
        background-color: rgba(255,255,255,0.3); height: 48px; line-height: 48px;}
    .mobile-nav .logo-a{ display: inline-block; vertical-align: top; height: 100%; line-height: 48px; margin-left: 12px;}
    .mobile-nav .logo-a img{height: 30px; }
    .mobile-nav .nav-menu{ float: right; padding: 0 12px;}
    .mobile-nav .icon-menu{ font-size: 26px; vertical-align: -3px;}

    .site-banner, .banner-page{ height:230px;  }
    .banner-page{background-size: auto 100%!important;}
    .banner-01 .title{ margin-top: 95px; font-size: 32px;}
    .banner-01 .sub-title{ font-size: 20px; margin-top: 20px;}
    .full-screen-album-focus .prev, .full-screen-album-focus .next{ display: none!important;}
    .full-screen-album-focus li{ background-size: auto 100%!important;}
    .full-screen-album-focus .scrollnav{ bottom: 12px;}

    .section-tab .tab{ margin: 0; border: none; width: 50%; background-color: #f1f1f1;}

    .news-left,.fix-tools{ display: none;}

    .main{ margin-top:20px;}
    .breadcrumb_nav{ margin-bottom: 30px;}
    .list-list-img-text{ padding: 0;}
    .section .section-h{ font-size: 28px;}
    .inbox-contact .section-h{ font-size: 22px;}
    .inbox-contact .section-des{ padding-top: 0;}
    .section-yewu .tit{ margin-bottom: 10px; margin-top: 20px;}
    .col-null{ display: none;}
    .section-yewu .col{ width: 100%; float: none;}
    .section-yewu .img{ height: 200px;}
    .section-yewu .h{line-height: 200px; font-size: 18px;}

    .type-list-tit{ font-size: 28px; text-align: center;}
    .type-list-tit:after{ left: 50%; margin-left: -15px;}

    .inbox-contact .section-bd > .col{ width: 100%;}
    .inbox-contact .qrcod img{ width:50%; height: auto;}
    .footer{ line-height: normal; padding: 24px 0; text-align: center;}
    .footer-nav{ float: none; display: none;}
    .copyright{ text-align: center;}
    .footer .beian{ display: block; margin-top: 10px;}

    .section-tab-list{margin-bottom: 40px;}

    /*.layout-margin .container{ float: none; margin-left: 0; margin-right: 0;}
    .layout-margin .content,.layout-margin .container-inner{ float: none; margin-left: 0; margin-right: 0;}
    .layout-margin .sidebar-end{ display: none;}*/

    /* .search,.nav{ display: none;} */

    .h-body .headlines li{ width: 100%;}
    .h-body .section .images-text01 >li{ width: 33.33%;}

    .ui-cols-4 > .col{ width: 50%;}

    .page-main{ padding:20px 12px; background-color: #fff; margin-top: 0;}
    .page-content{ padding: 0;}
    .page-cite{ margin-bottom: 20px;}
    .page-cite span:first-child{ display: none;}
    .page-body img{ width: 100%!important;}

    .bigImgContent{ width: 100%; height: 400px;}

    .page-child-nav{ margin-right: -5px;}
    .page-child-nav li{
        width: 33.33%; margin-right: 0; border: none; padding:0;line-height: 32px;
    }
    .page-child-nav li a{ display: block; border: #eee solid 1px; margin-right: 5px; text-align: center;}

    .page-prev .iconfont, .page-next .iconfont{ font-size: 38px;}

    .contact-box .label-block{ display: none;}
    .contact-box .fn-tinput{ width: 100%; margin-bottom: 4px;}
    .btn-guestbook-submit{ width: 100%;}



    .list-list-images .inner{ padding-bottom: 32px;}
    .list-list-images .h{ margin-top: 20px;}
    .list-list-images .des{ margin-top: 12px;}
    .list-list-images .go{ width:auto; display: block; margin-right: 20px;    line-height: 44px;}
}
@media screen and (max-width:1000px){
    .list-list-images li{float: none; width:auto;}
    .list-list-images .img{height: auto;}

    .list-list-img-text li{ padding: 10px; margin-bottom: 20px;}
    .list-list-img-text .go{ position: absolute; left: 0; top: 0; right: 0;bottom: 0; text-indent: -9999px;}
    .list-img-text .ia{
        width: 100%;
        height:auto;
        max-height: none;
        margin-left: 0;
        margin-right: 0;
        float: none; display: block;
    }
    .bl-img-text .h{ white-space: normal;margin-top: 8px; text-align: center;}
    .list-img-text .h a{ font-size: 16px;}
    .list-img-text .des{ display: none;}
    .list-img-text .cite{ display: none;}

    .images-text01-list{ margin-right: -16px;}
    .images-text01-list > li{ width: 50%; margin-bottom: 16px;}
    .images-text01-list .in{ margin-right: 16px;}
    .images-text01 .ia{ height:110px;}

    .imglist-icon li{ width: 50%;}
    .imglist-icon-2 li{ width: 100%; }
    .imglist-icon-2 .inner{height: auto; line-height: normal;}

    .h-body .h-ad1{ width: 100%; display: none;}
    .h-body .section-first{ margin-top: 20px;}
    .h-body .section-first .ui-box01{ padding: 0; border: none;float: none; height: auto; margin-bottom: 0;}
    .h-body .section-first .h-ad1{ margin-bottom: 16px;}
    .h-body .section-zt{ display: none;}
    .h-body .section .images-text01{ margin-right: -16px; margin-top: -12px;}
    .h-body .section .images-text01 >li{ width: 50%; margin-top: 12px;}
    .h-body .section .images-text01 .in{ margin-right: 16px;}
    .h-body .section .images-text01 .h{ margin: 0; padding:10px 0}
    .h-body .tit02 .tab{ display: none;}
    .h-body .section-article .col{ width: 100%;}

    .page-list:empty{ display: none;}
    .page-list li:nth-of-type(1),
    .page-list li:last-child{ display: none;}
    .page-list span, .page-list a, .page-list .thisclass{ padding: 8px 12px; font-size: 14px;}

    .related-articles .tit .h,
    .comments-box .tit{ font-size: 20px;}
    .related-images-text{ margin-right:0;}
    .related-images-text li{ width: 33.33%;}
    .related-images-text .in{ margin-right: 16px;}
    .related-images-text .ia{ height: 80px;}


    .ptit{ font-size: 26px; line-height: 1.4; padding-bottom: 16px; padding-top:0;}
    .ver-line{ height: 54px;}
    .content .intro{ display:none;}
    .page-image .img{ float: none; margin: 0 auto;}
    .page-image .img-info{ display: none;}
    .down-tools{ text-align: center;}
    .down-tools .comment,.down-tools .to-ask{ display: none;}

    .page-body{ text-align: left;}
    .page-body h1,.page-body h2,.page-body h3,.page-body h4,.page-body h5,.page-body h6{
        line-height: 1.2; }
    .page-body h2{ margin-top: 20px;}

    .related-articles li{ width: 100%;}
    .img-main{ display: none;}

    .full-screen-album-header .h{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

    .tit01 .h{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; text-align: left}
    .un-article-bottom-text{ display: none;}


    /*移动端导航*/
    .nav-mobile{ padding: 16px; box-sizing: border-box; overflow: hidden; overflow-y: auto; background-color: #fff;
        height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 999;
        -ms-transform:translate(0,-100%);
        -moz-transform:translate(0,-100%);
        -webkit-transform:translate(0,-100%);
        transform:translate(0,-100%);
        transition-property: all;
        transition-duration: 0.6s;
        opacity: 0;
    }
    .nav-mobile-show{
        -ms-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -webkit-transform:translate(0,0);
        transform:translate(0,0);
        opacity: 1;
    }
    .nav-mobile .close{ width: 60px; text-align: center;height:60px; line-height:60px;
        position: absolute; right:0; top:0; z-index: 100; background-color: #fff; }
    .nav-mobile .icon-close{ font-size:32px; color: #999;}
    .nav-mobile .close:hover .icon-close{ color: #333;}

    .nav-mobile .sub-nav{
        display: block;
    }
    .nav-mobile .one{ font-size: 20px; display: block; width: 80%;}
    .nav-list-mobile > li{ margin-bottom: 20px;}
    .sub-nav-list{ padding: 8px 0 0 16px;}
    .sub-nav-list a{ line-height:40px; text-align: left; float: left; width:33.33%; font-size: 16px;}


    .un-body-top{ float: none; margin: 0 auto 16px auto;}

    .commentator{ width: 45%;}
}
@media screen and (max-width:360px){

}
@media screen and (max-width:320px){

}


