@charset "utf-8";
/* CSS Document */
body{font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;text-align:center;margin:0 auto;font-size:62.5%;color:#000; background:#f6f6f6;}
.main{width:100%;max-width:760px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>760?"760px":""); margin:0 auto; background:#d10300;}
*{ margin:0; padding:0;list-style:none; outline-style:none;}
img{border:none;display: block;}
input[type=search]{-webkit-appearance: none;outline: none;}
input[type=text]{-webkit-appearance: none;outline: none;}
input[type=”submit”] {-webkit-appearance: none;outline: none;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {display: none;}
.Mip_box {width: 100%;max-width: 760px;margin: 0 auto;text-align: left;background-color: #d10300;}	
.nlnone{display: none;}
.indent{text-indent:2em;}
a{text-decoration:none;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}

@media screen and (max-width:319px) {
    #times{ font-size:1.7em;color:#d10300;font-weight:bold; width: 100%; position:absolute; top:26%; letter-spacing:1px}
#times span{ color:#d10300;font-size: 1.2em;}
}

@media screen and (min-width:320px) and (max-width:359px) {
   #times{ font-size:1.7em;color:#d10300;font-weight:bold; width: 100%; position:absolute; top:16%; letter-spacing:1px}
#times span{ color:#d10300;font-size: 1.2em;}
}

@media screen and (min-width:360px) and (max-width:374px) {
   #times{ font-size:1.7em;color:#d10300;font-weight:bold; width: 100%; position:absolute; top:16%; letter-spacing:1px}
#times span{ color:#d10300;font-size: 1.3em;}
}

@media screen and (min-width:375px) and (max-width:383px) {
   #times{ font-size:1.7em;color:#d10300;font-weight:bold; width: 100%; position:absolute; top:16%; letter-spacing:1px}
#times span{ color:#d10300;font-size: 1.2em;}

}

@media screen and (min-width:384px) and (max-width:399px) {
   #times{ font-size:1.7em;color:#d10300;font-weight:bold; width: 100%; position:absolute; top:16%; letter-spacing:1px}
#times span{ color:#d10300;font-size: 1.2em;}
}

@media screen and (min-width:400px) and (max-width:750px) {
    #times{ font-size:1.7em;color:#d10300;font-weight:bold; width: 100%; position:absolute; top:16%; letter-spacing:1px}
#times span{ color:#d10300;font-size: 1.2em;}
}

@media screen and (min-width:750px) {
   #times{ font-size:1.7em;color:#d10300;font-weight:bold; width: 100%; position:absolute; top:22%; letter-spacing:1px}
#times span{ color:#d10300;font-size: 1.2em;}
}

/****************banner****************/
header{ margin: 0 auto;}
footer{padding: 0.5em 0;}
.line img{width: 100%;}
.mnlist .Bn img{width:100%; height: auto;overflow:hidden }
/*.Daodu{width:88%; background: url(images/jian.jpg) top no-repeat; border-radius:0.5em; padding:6% 6% 6% 6%; text-indent: 2em;}*/
.mnlist{margin-bottom:-1.5%;}
/****************寄语****************/
.jianjie-con{ background:url(../images/jianjie.jpg);background-size:100% 100%; padding:20px 0;}
@media screen and (max-width:405px) {
   .jianjie-con{ background:url(../images/jianjie.jpg);background-size:100% 100%; padding:20px 0;}
}
.jianjie p{font-size: 2em; color: #000; text-indent: 2.0em; text-align:left; padding: 0 8%; line-height: 1.7em; padding-bottom: 1%; font-weight:bold;}
.jianjie span{ color: #f00;}
/*内容*/
.CN_box {margin: 0 auto;border-radius: 2px; background-color: #d10300;}
.Box_haoli1{ background:url(../images/hao1-center.jpg);background-size:100% 100%; padding:20px 0;}
.Box_haoli2{ background:url(../images/hao2-center.jpg);background-size:100% 100%; padding:20px 0;}
.Box_haoli3{ background:url(../images/hao3-center.jpg);background-size:100% 100%; padding:20px 0;}
.Box_haoli4{ background:url(../images/hao4-center.jpg);background-size:100% 100%; padding:20px 0;}
.Box_haoli5{ background:url(../images/hao5-center.jpg);background-size:100% 100%; padding:20px 0;}
.Box_haoli6{ background:url(../images/hao6-center.jpg);background-size:100% 100%; padding:20px 0;}
/*.Box_haoli1 em{font-style: normal;}*/
.Box_text .jiazhi{ text-align:right; padding-right:8%; font-size:1.7em;}
.Box_text p{ font-size:2em;text-indent:2em; line-height:1.7em; font-weight:bold; padding:0 8%;padding-bottom: 0.2em; }
.Box_text span{ color:#e00000}
.Box_text3 p{font-size:0.9em; font-weight:bold}
/*.Box_tu{ padding-top: 0em; padding:20px 8% 0 8%;}*/
.Box_tu{ width:84%;margin:20px auto 0 auto;}
.Box_tu img,.Box_tu1 img,.Box_tu3 img,.Box_tu4 img{width: 100%;}
.Box_video,.Box_video1{border:solid 4px #d10000;margin: 0 auto; margin: 0.5em 0;}
.Box_video video,.Box_video1 video{display: block;}
.Box_video,.Box_video1{border:solid 4px #d10000;margin: 0 auto; margin: 0.5em 0;}
.Box_video video,.Box_video1 video{display: block;}
.Box_video1{width:77%; border:0; margin:1% 15% 5% 0.4% }
.huodong{ position: relative; margin-top: 4%;}
.huodong img{width:100%;}
/*客服中心和版权*/
.Kefu{color: #fff; width: 100%; margin: 0 auto; background:#d00300;  padding-bottom:4%}
.Kefu h6{ font-size:2em; height: 1.6em; line-height: 1.6em; padding-top:4%; text-align: center; color:#fff;font-weight: bold;}
.Kefu ul{ padding: 1em 0;}
.Kefu li{text-align: center; width: 98%; margin: 0 auto;font-size: 2em; line-height: 1.7em; height:1.7em; color: #fff; }
.Kefu li.quan{ margin-top: 2%; font-size: 1.2em; color:#fff;}
.Kefu li a{color: #fff !important; text-decoration: none;}
.Kefu span{font-size: 0.9em; padding-left: 0.2em;}
.Banquan{text-align: center; color: #fff; width: 96%; margin: 0 auto; padding-top: 1em;}
.Banquan img{margin: 0.2em auto;}

.video{ position:relative;}
/*.video .project{ position:absolute; top:11%; left:37%; width:29%;}*/
.video .project{ position:absolute;top:min(1.3vw,9.8px);left:37%;}
/*.video .project video{ width:100%;border-radius: 10px;}*/
.video .project video{ width:48.5%;border-radius: 15px; aspect-ratio:209/420;object-fit:cover;overflow:hidden;}

    .video .project1 {
        position: absolute;
        top: min(1.3vw,9.8px);
        left: 70.8%;
    }

        .video .project1 video {
            width: 95.5%;
            border-radius: 20px;
            aspect-ratio: 204/420;
            object-fit: cover;
            overflow: hidden;
        }

    .video .project2 {
        position: absolute;
        top: min(5vw,58px);
        left: 40%;
    }

        .video .project2 video {
            width: 39%;
            border-radius: 15px;
            aspect-ratio: 204/403;
            object-fit: cover;
            overflow: hidden;
        }


/**********结束语**********/
.Box_biaoti1 {text-align: center;padding:2% 2% 1% 2%;font-size: 2.8em;color: #FFF; line-height:1.7em; font-weight: bold;color: #ffe487;background-color: #d10300}

/* header*/
header {margin: 0 auto;}
.Top {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    max-width: 760px;
    top: 0px;
    z-index: 9999;
    background: #06a65e;
    height: 4.3em;
}
/*transition:background 3s;*/
/* .transparent{filter: alpha(opacity=100);background-color: rgb(0, 0, 0);background-color: rgba(223, 48, 49, 1); }*/
.red {
    background: #df3031
}

.Top .logo1988 {
    width: 29%;
    float: left;
    margin: 0 auto;
    margin-left: 2%;
    margin-right: 3%;
    margin-top: 0.8em;
}

    .Top .logo1988 img {
        max-width: 100%;
        max-height: 30px;
    }

.Top .search {
    float: left;
    width: 55%;
    background: #fff;
    border-radius: 15px;
    height: 27px;
    margin-top: 0.8em;
    overflow: hidden;
}

    .Top .search span {
        float: left;
        background: url(/images/index/sear.jpg) no-repeat 2px 1px;
        width: 19px;
        height: 26px;
        line-height: 30px;
        margin-left: 3px;
    }

    .Top .search input {
        border: 0;
        display: inline-block;
        background: 0;
        font-size: 1.3em;
        line-height: 1.3em;
        height: 30px;
        width: 85%;
        vertical-align: middle;
    }

.Top .text {
    float: left;
    color: #FFF;
    margin-top: 0.6em;
    padding-left: 1%;
    font-size: 1.3em;
    line-height: 30px;
}

    .Top .text a {
        color: #FFF
    }

.Top .text img {
    width: 50%;
    padding-top: 2%;
}


.TOPfix {
    position: fixed;
    top: 0;
    z-index: 9999;
}

.searchPanel {
    width: 100%;
    margin: 0 auto;
    max-width: 760px;
}

.search_show {
    filter: alpha(opacity=40);
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    margin: 0 auto;
}

.search_wrap {
    height: 36px;
    padding: 7px 6px;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
}

.search_wrap .search_box {
    height: 36px;
    float: right;
    width: 96%;
}

.search_wrap .search_box .Selectbox {
    width: 57px;
    position: absolute;
    top: 10px;
    left: 17%;
    background-color: transparent;
    height: 25px;
    overflow: hidden;
    border-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.search_wrap .search_box .Select {
    width: 65px;
    height: 33px;
    line-height: 33px;
    top: -2px;
    position: absolute;
    left: -3px;
    cursor: pointer;
}

.search_wrap .search_box .search_txt {
    text-indent: 70px;
    height: 36px;
    line-height: 36px;
    padding: 2px 2px 2px 10px;
    font-size: 14px;
    width: 90%;
    border: 1px solid #cdcdcd;
    color: #333;
    border-radius: 15px;
    float: right;
}

.search_wrap .search_box .icon-search {
    position: absolute;
    top: 10px;
    right: 14px;
    cursor: pointer;
}

.search_wrap2 {
    padding: 7px 6px;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    text-align: left;
}

.search_wrap2 .search_type ul li {
    float: left;
    background: #fff;
    border: 1px solid #e9e9e9;
    font-size: 14px;
    text-align: center;
    border-radius: 15px;
    margin-right: 1%;
    width: 28%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 6px;
}

.search_wrap2 .search_type ul li a {
    color: #333;
}

.search_wrap2 .search_type .current {
    background: #e9e9e9;
}

.search_close {
    display: block;
    width: 60%;
    margin: 15px auto;
    background: #df3031;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 8px 0;
    border-radius: 6px;
    cursor: pointer;
}
/* 底部 */
#foot {
    width: 100%;
    max-width: 760px;
    _width: expression((document.documentElement.clientWidth||document.body.clientWidth)>760?"760px":"");
    margin: 0 auto;
    padding: 2% 0 0 0;
   /* background: #ba0500;*/
    font-size: 1.5em;
    color: #FFFFFF;
    padding: 1% 0;
    bottom: 0;
    z-index: 99999;
    line-height: 1.7em;
    text-align: center;
}

#foot a {
    display:inline;
    color: #FFFFFF;
    text-align: center;
}

#foot a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}