@charset "utf-8";
/*css reset*/
body,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,label,input,select,dl,dt,dd,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,textarea {margin:0;padding:0;}
body {font-size:12px;line-height:1;color:#666;font-family:"Microsoft YaHei","微软雅黑",SimSun,"Oxygen",Arial,"Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",sans-serif;-webkit-text-size-adjust:none; background:#fff;}
header,footer,section,hgroup,nav,article,aside,details,figcaption,figure,menu {display:block;}
input {font-size:12px;line-height:1;}
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
img{border:0; width:100%;display:block;}
ul {list-style:none;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
textarea{resize:none; overflow:auto;}
/* 颜色链接 */
a:link,a:visited {text-decoration:none;}
a:hover {transition:all 0.3s ease-in-out 0s;}
textarea{outline:none;}
/* HTY Common Reset*/
html{overflow-x:hidden;}
html button::-moz-focus-inner{border-color:transparent!important;}
input,button,textarea,select,option{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;}
fieldset{border:0;}
iframe{background-image:none;}
p{margin:0;padding:0;}
a{text-decoration:none;outline:none;}
/* HTY Common Atom*/
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear-fix:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
.c_b{clear:both;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}

.index {
    width: 100%;
    position: relative;
}
.index > img {
    width: 100%;
}
.index > .btn1, .index > .btn2 {
    position: absolute;
    left: 13%;
    top: 62%;
    width: 74%;
}
.index > .btn1 > a > img, .index > .btn2 > a > img {
    width: 100%;
}
.index > .btn2 {
    top: 70%;
}
.header {
    width:100%;
    position: relative;
}
.header > a > img {
    width: 100%;
}
.header > .h {
    width: 10vw;
    position: absolute;
    left: 4.3vw;
    top: 0.15rem;
    z-index: 9;
}
.header > .h > a > img {
    width: 100%;   
}
.header > .text {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    color: #fff0d0;
    font-weight: 500;
    text-align: center;
    font-size: .285rem;
    padding-top: .15rem;
}
.bg {
    width: 100vw;
    min-height: 100vh;
    background: #eeeeed;
}
.about_con {
    width: 100vw;
    box-sizing: border-box;
    padding: .3rem;
}
.about_con > .video {
    width: 100%;
    margin-bottom: .3rem;
}
.about_con > .video > video {
    width: 100%;
}
.about_con > .con {
    width: 100%;
    font-size: .25rem;
    line-height: 180%;
    font-family: "Arial";
}
.about_con > .con img {
    max-width: 100%;
}
.about_con > .list {
    width: 100%;
}
.about_con > .list > .item {
    width: 100%;
    margin-bottom: .5rem;
}
.about_con > .list > .item > a > img {
    width: 100%;
}
.about_con > .audio, .about_con > .audio > img {
    width: 100%;
}
.about_con > .detail_con {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: .4rem .3rem;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.about_con > .detail_con > .title {
    color: #7d2626;
    font-size: .4rem;
    font-weight: 250;
    font-family: "Arial";
    padding-bottom: .3rem;
    position: relative;
    margin-bottom: .2rem;
}
.about_con > .detail_con > .title > .line {
    width: 20px;
    height: 2px;
    overflow: hidden;
    background: #7d2626;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.about_con > .detail_con > .con {
    color: #676767;
    font-size: .25rem;
    line-height: 180%;
    font-family: "Arial";
}
.about_con > .lj {
    margin-top: .6rem;
    margin-bottom: .2rem;
    width: 100%;
}
.about_con > .lj > a > img {
    width: 100%;
}
.about_con > .text {
    width: 100%;
    background: #fff;
    color: #676767;
    font-size: .25rem;
    position: relative;
    margin-bottom: .25rem;
    box-sizing: border-box;
    padding: .3rem .4rem;
    border-radius: 3px;
}
.about_con > .text > span {
    color: #010101;
}
.about_con > .text > .icon {
    position: absolute;
    right: 20px;
    top: 12px;
    width: 25px;
    height: 25px;
}
.about_con > .text > .icon > img, .about_con > .text > .icon > a > img {
    width: 100%;
}