﻿@charset "utf-8";
/* Init 初始化部分 */
    * {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        border: none;
        background-color: transparent;
        -webkit-tap-highlight-color: transparent;
        font-family: "微软雅黑",Arial,Helvetica,STHeiTi,sans-serif;
    }
    html { -webkit-text-size-adjust: none; overflow-y: scroll; }
    a { text-decoration: none; }
    a:active { filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7; }
    a:hover { filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7; }
    img { max-width: 100%; }
    h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: 500; }
    li,ol,ul { list-style: none; }
    em,i { font-style: normal; }
    del { text-decoration: line-through; }
    input,select,textarea { font-size: 100%; vertical-align: middle; }
    input,button,select,textarea { outline: 0; }
    input { width: 100%; border: 0 none; }
    textarea { resize: none; }
    table { border-collapse: collapse; border-spacing: 0; }
    caption,th { text-align: left; }
    address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: 500; }
    html { font-size: 50px; }
    body { font-size: 24px; }

/* 自适应页面设置 */
    @media screen and (max-width: 320px) { html { font-size: 21.33px; } body { font-size: 12.00px; } }
    @media screen and (min-width: 320px) { html { font-size: 21.33px; } body { font-size: 12.00px; } }
    @media screen and (min-width: 360px) { html { font-size: 24.00px; } body { font-size: 12.00px; } }
    @media screen and (min-width: 375px) { html { font-size: 25.00px; } body { font-size: 12.00px; } }
    @media screen and (min-width: 384px) { html { font-size: 25.60px; } body { font-size: 14.00px; } }
    @media screen and (min-width: 400px) { html { font-size: 26.67px; } body { font-size: 14.00px; } }
    @media screen and (min-width: 414px) { html { font-size: 27.60px; } body { font-size: 14.00px; } }
    @media screen and (min-width: 424px) { html { font-size: 28.27px; } body { font-size: 14.00px; } }
    @media screen and (min-width: 480px) { html { font-size: 32.00px; } body { font-size: 15.36px; } }
    /*@media screen and (min-width: 540px) { html { font-size: 36.00px; } body { font-size: 17.28px; } }*/
    /*@media screen and (min-width: 720px) { html { font-size: 48.00px; } body { font-size: 23.04px; } }*/
    /*@media screen and (min-width: 750px) { html { font-size: 50.00px; } body { font-size: 24.00px; } }*/

/* z-index ~~~ */
    .zix-min, .zix-f1 { z-index: -1 !important; }
    .zix-max, .zix-999 { z-index: 999 !important; }
    .zix-0 { z-index: 0 !important; }
    .zix-1 { z-index: 1 !important; }
    .zix-2 { z-index: 2 !important; }
    .zix-3 { z-index: 3 !important; }
    .zix-4 { z-index: 4 !important; }
    .zix-5 { z-index: 5 !important; }
    .zix-6 { z-index: 6 !important; }
    .zix-7 { z-index: 7 !important; }
    .zix-8 { z-index: 8 !important; }
    .zix-9 { z-index: 9 !important; }
    .zix-10 { z-index: 10 !important; }
    .zix-11 { z-index: 11 !important; }
    .zix-12 { z-index: 12 !important; }
    .zix-13 { z-index: 13 !important; }
    .zix-14 { z-index: 14 !important; }
    .zix-15 { z-index: 15 !important; }
    .zix-16 { z-index: 16 !important; }
    .zix-17 { z-index: 17 !important; }
    .zix-18 { z-index: 18 !important; }
    .zix-19 { z-index: 19 !important; }

/* opacity ~~~ */
    /*透明度*/
    .opacity-0 { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
    .opacity-1 { filter: alpha(opacity=10); -moz-opacity: .1; opacity: .1; }
    .opacity-2 { filter: alpha(opacity=20); -moz-opacity: .2; opacity: .2; }
    .opacity-3 { filter: alpha(opacity=30); -moz-opacity: .3; opacity: .3; }
    .opacity-4 { filter: alpha(opacity=40); -moz-opacity: .4; opacity: .4; }
    .opacity-5 { filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; }
    .opacity-6 { filter: alpha(opacity=60); -moz-opacity: .6; opacity: .6; }
    .opacity-7 { filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7; }
    .opacity-8 { filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8; }
    .opacity-9 { filter: alpha(opacity=90); -moz-opacity: .9; opacity: .9; }
    .opacity-10 { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

/* 公共样式设置 */
    body {
        /*background-color: #e0d7d0;*/
        background-color: rgb(240,240,240);
    }

    /* flex 和 box 内容: */
        .flex_row_center,
        .flex_col_center {
        }
        .flex_row_center>*,
        .flex_col_center>* {
        }
        .flex_col_center {
            flex-direction: column;
        }
        .flex_items_start {
            align-items: flex-start;
        }

        .flex_box {
        }
        .flex_box_item {
        }

    .ui-loader-default { display:none; }  
    .ui-mobile-viewport { border:none; }  
    .ui-page { padding: 0; margin: 0; outline: 0 }
    .body {
        width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
        background-color: #fff;
        overflow: hidden;
    }
    .ModelBox {
        /*max-width: 1080px;*/
        max-width: 800px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
    }
    .textalign_center {
        text-align: center;
    }
    .font_color_black { color: #000 !important; }
    .font_weight_bold { font-weight: bold !important; }
    .margin_top_0 { margin-top: 0 !important; }
    .margin_bottom_0 { margin-bottom: 0 !important; }
    .position_relative { position: relative !important; }
    .position_fixed { position: fixed !important; }
    .position_top { top: 0;left: 0; }
    .position_bottom { bottom: 0;left: 0; }
    .z_index_10 { z-index: 10; }
    a {
        display: block;
        width: 100%;
    }
    .box_shadow {
        -moz-box-shadow: 0px 0px 4px #888888; /* 老的 Firefox */
        box-shadow: 0px 0px 4px #888888;
    }
    .displayNone {
        display: none !important;
    }


/* 悬浮盒子 */
.SuspensionBox {
    position: fixed;
    z-index: 10;
    width: 100%;
    background-color: transparent;
    /*overflow: hidden;*/
}

/* 版权 */
.banquan_p {
    text-align: center;
    width: 100%;
    margin-top: 3em;
}
    .banquan_p .txt_banquan {
        height: 1em;
        display:inline-block;
        font-size: .4em;
        color: #888;
    }

/* 顶部悬浮 提示栏 */
.HerderTop {
    height: 4em;
    max-height: 149px;
    background-color: #4ea45d;
    border-bottom: 2px solid #e9e9e9;
    position: relative;
    z-index: 10;
}
    .HerderTop.position_relative {
        position: relative;
        background-color: #fff;
        border-bottom: 2px solid #fff;
        z-index: 9;
    }
    .ht_NameTitle {
        width: 100%;
        height: 100%;
        text-align: center;
    }
        .ht_NameTitle img.img_name {
            display: inline-block;
            height: 2.2em;
            max-height: 82px;
            margin-top: .9em;
            margin-bottom: .9em;
            vertical-align: middle;
        }
    .ht_TelIcon {
        width: auto;
        height: 100%;
        position: absolute;
        top: 0;
        right: .7em;
    }
        .ht_TelIcon .ht_TelIconBOX {
            height: 100%;
            text-align: center;
        }
        .ht_TelIcon .ht_TelIconBOX img.img_tel {
            display: inline-block;
            height: 2.2em;
            max-height: 82px;
            margin-top: .9em;
            vertical-align: middle;
        }
        .ht_TelIcon .ht_TelIconBOX img.img_tel_pc {
            display: inline-block;
            height: 1.2em;
            max-height: 82px;
            margin-top: 1.4em;
            vertical-align: middle;
        }

    .ht_lineNav {
        width: 100%;
        height: 100%;
    }
        .ht_lineNav .ht_lineNav_li {
            display: inline-block;
            height: 100%;
            width: 33%;
            text-align: center;
        }
        .ht_lineNav .ht_lineNav_li a {
            display: block;
            font-size: .9em;
            height: 1em;
            margin-top: 1.5em;
            margin-bottom: 1.5em;
            vertical-align: middle;
        }

/* 底部悬浮 微信号 */
.FooterButton {
    height: 2rem;
    height: 4em;
    background-color: #fff;
    text-align: center;
}
    .FooterButton.flex_row_center {
        border-top: 2px solid #e9e9e9;
        z-index: 10;
    }
    .FooterButton span {
        display: inline-block;
        vertical-align: middle;
    }

    .fb_box {
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        text-align: center;
    }
        .fb_box img.img_fb_btn_greenwx {
            margin-top: .49em;
            height: 3em;
            margin-bottom: .8em;
        }
        .fb_box span.txt_iscWx {
            height: auto;
            color: #646464;
            font-size: 1.54em;
            display: inline-block;

            vertical-align: middle;
            margin: 0 .8em;
            border-bottom: 1px solid #4ea45d;
            line-height: 1.7em;
            margin-top: .2em;
        }
        .fb_box img.img_changan {
            margin-top: 1.47em;
            height: 1em;
            margin-bottom: 1.52em;
        }

/* 播放视频内容区域 */
.PlayBox {
    margin-top: 0.12em;
    width: 100%;
    height: auto;
    position: relative;
}
    .PlayModelBoxItemBox {
        width: 100%; height: 100%; position: absolute; top: 0; left: 0;
    }
    .PlayModelBoxItemBox > * {
        width: 100% !important;
        height: 100% !important;
    }
    .playboxContent {
        width: 100%;
        height: auto;
        position: relative;
    }
        #playboxContent {
            position: relative;
            z-index: 4;
        }
        #playbox {
            width: 100%;
            position: relative;
            z-index: 5;
        }
        .play_showimg {
            width: 100%;
            height: auto;
        }
            .play_showimg img.img_playshow {
                width: 100%;
                height: auto;
                display: block;
            }
        .play_button {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }
            .play_button img.img_playbtn {
                height: 33%;
            }

/*171027改版描述信息*/
.video_description {
    width: 90% !important;
    margin: 0 auto !important;
    margin-top: 1em !important;
    margin-bottom: .5em !important;
}
    .video_description p {
        text-align: center !important;
        color: rgb(205,1,0) !important;
        font-weight: bold !important;
    }
    .video_description img {
        width: 2em;
    }
.video_content {
    width: 90% !important;
    margin: 0 auto !important;
}
.video_border {
    border: 1px solid #000 !important;
}

/* 日志消息内容样式 */
.LogMessage {
    width: 100%;
    margin-bottom: 5em;
}
    .lm_user_margin {
        margin-top: 1.65em !important;
        margin-bottom: 1.85em !important;
    }
    .lm_user {
        width: 90%;
        margin: 0 5%;
        overflow: hidden;
        position: relative;
    }
        .lmu_uheadimg {
            width: 4em;
            height: 4em;
            overflow: hidden;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }
            .lmu_uheadimg img.img_uh {
                display: block;
                width: 100%;
                height: 100%;
            }
        .lmu_info {
            position: absolute;
            top: 0;
            left: 5em;
            height: 100%;
            max-height: 100%;
        }
            .lmu_info span {
                display: block;
                vertical-align: middle;
                height: 2em;
                line-height: 2em;
            }
            .lmu_info span.txt_uname {
                color: #636563;
                font-size: .54rem;
            }
            .lmu_info span.txt_utime {
                color: #a0a0a0;
                font-size: .475rem;
            }
    .lm_article {
        width: 100%;
        padding:0px 8px 0px 8px ;
        box-sizing:border-box;
    }
        .lm_article p {
            color: #666;
            font-size: .59rem;
            word-spacing:8px;
            letter-spacing: 3px;
            line-height: 1.1rem;
        }
        .lm_article p.font_color_black {
            
        }
    .lm_showimg {
        width: 100%;
    }
        .lm_showimg img {
            width: 100%;
            display: block;
        }
        .lm_showimg span.txt_imgnote {
            display: block;
            width: 88%;
            margin: .38em 6%;
            color: #82aa96;
            font-size: .46rem;
            letter-spacing: 2px;
        }

/* 开始时的信息介绍 */
.StartIntroduce {
    margin-top: 2em;
    overflow: hidden;
}
    .sti_target {
        width: 88%;
        margin-left: 6%;
        margin-right: 6%;
        margin-top: 2em;
    }
        .sti_target span.txt_target {
            font-size: .75rem;
            word-spacing:8px;
            letter-spacing: 2px;
            line-height: .85rem;
        }
    .sti_greenline {
        width: 88%;
        margin: 1.5em 6%;
        height: 1px;
        background-color: #4ea45d;
    }

/* 微信 */
.WxShowNum {
    width: 100%;
    overflow: hidden;
}
    .wsn_margin {
        margin: 2em .45em !important;
        position: relative;
    }
        .wsn_linedeco {
            width: 2.5em;
            position: absolute;
            z-index: 2;
        }
            .wsn_linedeco img.img_wsnline {}
        .wsn_line_left {
            bottom: .65em;
            left: -1em;
        }
        .wsn_line_right {
            top: .65em;
            right: -1em;
        }
        .wsn_border {
            border: 1px solid #000;
            margin: .3em;
            position: relative;
            z-index: 1;
        }
            .wsn_border.flex_col_center {
                padding-top: .1rem;
                padding-bottom: .4rem;
            }
            .wsn_txt_one_line {
                width: 100%;
                display: block;
                overflow: hidden;
                text-align: center;
                margin-top: .3rem;
            }
                .wsn_border img.img_wsntxt {
                    display: inline-block;
                    height: .75rem;
                    vertical-align: middle;
                }
            
            .wsn_txt_two_line {
                width: 100%;
                display: block;
                overflow: hidden;
                text-align: center;
                margin-top: .2rem;
            }
                .wsn_txt_two_line span.txt_wsn_WxNumber {
                    display: inline-block;
                    margin: .1rem .45em;
                    color: #2ca743;
                    font-size: .68rem;
                    line-height: .75rem;
                    vertical-align: middle;
                }
                .wsn_txt_two_line img.img_wsntxt {
                }

            .wsn_qrcode_box_two,
            .wsn_qrcode_box {
                width: 100%;
                display: block;
                overflow: hidden;
                text-align: center;
                margin-top: 1.2em;
            }
            .wsn_qrcode_box_two {
                margin-top: 0;
            }
                .wsn_qrcode_box_border {
                    border: 2px solid #4ea45d;
                }
                .wsn_qrcode_box_show {
                    display: inline-block;
                    text-align: center;
                    padding: .3em;
                }
                .wsn_qrcode_box_show img.img_qrcode_show {
                    display: block;
                    height: 13em;
                }
                .wsn_qrcode_box_two img.img_qrcode_txt_tishi {
                    display: inline-block;
                    height: .55rem;
                    vertical-align: middle;
                }

        .playBox {}
    .SuspensionBoxWxShowNum {
        /*width: 17em;*/
        width: 185px;
        height: 250px;
        position: absolute;
        top: 5px;
        left: 101%;
    }
        .subwsn-cont-margin5 {
            margin: 5px !important;
        }
        .subwsn-cont-bordertran {
            border-color: transparent;
        }
        .wxshowimg_bg {
            width: 185px;
            height: 250px;
        }
        .wxshowimg_cont {
            width: 133px;
            height: 133px;
            position: absolute;
            top: 101px;
            left: 24px;
        }

/* 故事内容 */
.StoryContent {
    width: 100%;
}
    .stc_title {
        width: 88%;
        margin: 1.5em 6%;
        margin-top: 2px;
    }
        .stc_title span.txt_stc {
            border-top: 1px solid #d6d6d6;
            color: #999999;
            letter-spacing: 2px;
            font-size: .62rem;
        }

/* 实拍照片 */
.RealShotImg {
    width: 100%;
    overflow: hidden;
}
    .rsi_imgList {
        width: 100%;
        margin-bottom: -1.1rem;
    }
        .rsi_imgList img {
            width: 100%;
            display: block;
            margin-bottom: 1.1rem;
        }



/* 手机端样式 */
@media screen and (max-width: 800px) {
    .noPCShow { display: none !important; }

}


/* 电脑端样式 */
@media screen and (min-width: 800px) {
    .yesPCShow { display: none !important; }
    .pc_position { position: relative!important; }

    .banquan_p { margin-bottom: 1em; }
    .banquan_p .txt_banquan { font-size: .8em; }


/* 顶部悬浮 提示栏 */
.HerderTop {
    height: 5.6em;
}
        .ht_NameTitle img.img_name {
            height: 3.8em;
        }
        .ht_TelIcon .ht_TelIconBOX img.img_tel {
            height: 3.8em;
        }
        .ht_TelIcon .ht_TelIconBOX img.img_tel_pc {
            height: 2.2em;
            margin-top: 1.7em;
        }
}

.linkAddressBox {
    height: 2em;
}
.linkAddressMarginTop {
    margin-top: 2em !important;
}
.linkAddressContent {
    text-align: center;
}
    .linkAddressContent a {
        display: inline-block;
        width: auto;
        height: 100%;
        margin: 0 5px;
        font-size: .9em;
        line-height: 2em;
    }

.title{
	font-family: microsoft yahei;
	font-size: 30px;
	font-weight: bold;
	color: #fef771;
	text-shadow: 0 3px 1px rgb(92,134,86);
	}
	
.title2{
	font-family: microsoft yahei;
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
	text-shadow: 0 3px 1px rgb(92,134,86);
	}