* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: #000;
    text-decoration: none;
}

img {
    max-width: 100%;
}

body {
    max-width: 1920px;
    margin: 0 auto;
    padding-top: .55rem;
}

.header {
    position: fixed;
    width: 100%;
    height: .55rem;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    z-index: 9999;
}

.header ul {
    width: 12rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header ul li a {
    display: block;
    width: 1.72rem;
    height:.55rem;
    line-height: 0.55rem;
    text-align: center;
    font-size: .18rem;
    color: #1b1b1b;
    border-right: 0.01rem solid #999;
}
.header ul li:nth-child(1) a{
    border-left: 0.01rem solid #999;
}

.header ul a:hover {
    background: #b90909;
    color: #fff;
}

.header_img {
    width: 100%;
    height: 8.22rem;
    background-image: url(../images/24.png);
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}

.header_img ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0.4rem;
}

.header_img ul a {
    width: 2.82rem;
    line-height: 0.78rem;
    background: linear-gradient(180deg, #fbedc1, #ffd98a);
    box-shadow: 0px 0.08rem 0.08rem 0.01rem rgba(101, 6, 6, 0.43);
    border-radius: 0.08rem;
    text-align: center;
    font-size: 0.28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #923f20;
    margin: 0 0.53rem;
}

.header_tesd {
    width: 12rem;
    margin: 0 auto;
}

.header_tesd span {
    display: block;
    font-size: 0.36rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    line-height: 0.28rem;
    text-align: center;
}

.header_tesd img {
    width: 12rem;
    margin-top: 0.09rem;
}

.header_tesd p {
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    text-align: center;
    padding-top: 0.13rem;
}

.content {
    padding-top: 0.58rem;
}

.content .content_top {
    width: 12rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.75rem;
}

.content .content_top .content_lite {
    width: 2.55rem;
    height: 3.25rem;
    background: linear-gradient(180deg, #ffddad, #fecd8b);
    box-shadow: 0px 5px 40px 3px rgba(101, 6, 6, 0.11);
    border-radius: 0.12rem;
    padding-top: 0.14rem;
}

.content .content_top .content_lite .w1200 {
    width: 1.02rem;
    height: 1.02rem;
    display: block;
    margin: 0 auto;
}

.content .content_top .content_lite p {
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #8f241a;
    padding-top: 0.13rem;
    text-align: center;
}

.content .content_top .content_lite ul {
    padding: 0.1rem 0.2rem 0.18rem;
}

.content .content_top .content_lite ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 0.25rem;
}

.content .content_top .content_lite ul li img {
    width: 0.12rem;
}

.content .content_top .content_lite ul li span {
    padding-left: 0.08rem;
    font-size: 0.16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
}

.content .content_top .content_lite a {
    display: block;
    width: 1.6rem;
    line-height: 0.43rem;
    background: #c73e3e;
    border-radius: 0.22rem;
    font-size: 0.16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
}

.container {
    margin-top: 0.76rem;
    width: 100%;
    height: 6.56rem;
    background-image: url(../images/7.png);
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}

.container .header_tesd {
    padding-top: 0.49rem;
}

.container .header_tesd span {
    color: #ffffff;
}

.container .header_tesd p {
    color: #ffffff;
}

.container .container_top {
    width: 12rem;
    margin: 0 auto;
    padding-top: 0.11rem;
}

.container .container_top ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 0.38rem;
}

.container .container_top ul a {
    width: 1.54rem;
    line-height: 0.61rem;
    background: #ffffff;
    margin-top: 0.24rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    text-align: center;
}

.container .container_top ul a:hover {
    background: #fedd96;
    color: #9e3c2b;
}

.container .container_top ul .w1200 {
    background: #fedd96;
    color: #9e3c2b;
}

.container .container_top .w1300 {
    display: block;
    width: 2.96rem;
    line-height: 0.56rem;
    background: linear-gradient(0deg, #ffdb91, #fbecbf);
    border-radius: 0.08rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #92261b;
    text-align: center;
    margin: 0 auto;
}

.main {
    width: 12rem;
    margin: 0 auto;
    padding-top: 0.59rem;
}

.main .main_top {
    width: 12rem;
    background: #ffffff;
    box-shadow: 0px 5px 40px 3px rgba(101, 6, 6, 0.11);
    border-radius: 0.12rem;
    margin-top: 0.38rem;
}

.main .main_top .main_top_li ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.3rem;
}

.main .main_top .main_top_li ul li {
    width: 1.57rem;
    text-align: center;
}

.main .main_top .main_top_li ul li a {
    width: 1.4rem;
    line-height: 0.43rem;
    background: #ffeed4;
    border-radius: 0.22rem;
    text-align: center;
    display: block;
    color: #76391a;
}

.main .main_top .main_top_li ul li:nth-child(2) {
    width: 0.8rem;
}

.main .main_top .main_top_li ul li:nth-child(3) {
    width: 2.56rem;
}

.main .main_top .main_top_li ul li:nth-child(4) {
    width: 1.17rem;
}

.main .main_top .main_top_li ul li:nth-child(5) {
    width: 1.4rem;
}

.main .main_top .main_top_li ul li:nth-child(6) {
    width: 1.4rem;
}

.main .main_top .main_top_li ul li:nth-child(6) a {
    color: #eeeeee;
    background: #ff5b4b;
}

.main .main_top .divyus {
    height: 0.67rem;
    background: #fe5b48;
    border-radius: 0.12rem 0.12rem 0 0;
}

.main .main_top .divyus ul li {
    line-height: 0.67rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #ffffff;
}

.main .main_top .divyu_tys {
    background-color: #ffffff;
}

.main .main_top .divyu_tys ul li {
    padding: 0.27rem 0;
    font-size: 0.16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 0.28rem;
}

.main .main_top .w1400 {
    background: #ffeed4;
}

.main .main_top .w1400 ul li a {
    background-color: #fff;
}

.section {
    padding-top: 0.64rem;
}

.section .section_lite {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 12rem;
    margin: 0 auto;
}

.section .section_lite .section_box {
    margin-top: 1.22rem;
    width: 3.5rem;
    height: 4.57rem;
    background: linear-gradient(180deg, #fff1da, #ffecce);
    box-shadow: 0px 0.05rem 0.4rem 3px rgba(101, 6, 6, 0.11);
    border-radius: 0.12rem;
    position: relative;
}

.section .section_lite .section_box img {
    position: absolute;
    width: 3.5rem;
    z-index: 1;
    top: -17%;
}

.section .section_lite .section_box span {
    display: block;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #ffffff;
    line-height: 0.57rem;
    background: #ff654f;
    text-align: center;
    margin-top: 2.02rem;
}

.section .section_lite .section_box p {
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #863821;
    line-height: 0.28rem;
    padding: 0.2rem 0.4rem;
    text-align: justify;
}

.section .section_lite .section_box a {
    display: block;
    width: 1.37rem;
    line-height: 0.46rem;
    background: #ff654f;
    border-radius: 0.23rem;
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
}

.region {
    width: 100%;
    height: 4.75rem;
    background-image: url(../images/9.png);
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    margin-top: 1rem;
}

.region .header_tesd {
    padding-top: 0.5rem;
}

.region .header_tesd span {
    color: #952d23;
}

.region .region_lite {
    width: 12rem;
    margin: 0 auto;
}

.region .region_lite ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 0.25rem;
}

.region .region_lite ul li {
    width: 2.73rem;
}

.region .region_lite ul li img {
    width: 2.73rem;
}

.region .region_lite ul li span {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    width: 100%;
    line-height: 0.5rem;
    text-align: center;
    background: #ee3e40;
    border-radius: 0 0 0.15rem 0.15rem;
    display: block;
}

.region .region_lite ul li p {
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #952a20;
    line-height: 0.3rem;
    padding-top: 0.2rem;
    padding-left: 0.35rem;
}

.indicator {
    padding: .5rem 0;
}

.indicator .indicator_lite {
    width: 12rem;
    margin: 0 auto;
}

.indicator .indicator_lite ul {
    padding-top: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.indicator .indicator_lite ul li {
    width: 3.63rem;
    height: 3.9rem;
    background: #ffffff;
    box-shadow: 0px 8px 24px 3px rgba(142, 142, 145, 0.18);
    padding: 0.1rem;
}

.indicator .indicator_lite ul li span {
    display: block;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    line-height: 0.28rem;
    text-align: center;
    padding-top: 0.14rem;
}
.indicator .indicator_lite ul li video{
    width: 100%;
}

.transparent{display: none !important;}

.indicator .indicator_lite ul li p {
    font-size: 0.2rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 0.35rem;
    text-align: justify;
    padding-top: 0.1rem;
    /* padding-left: 0.58rem; */
}
.indicator .indicator_lite ul li img{
    width: 100%;
    height: 2rem;
    
}
.modal {
    width: 12rem;
    margin: 0 auto;
    padding-top: 0.15rem;
}

.modal ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.modal ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 5.5rem;
    padding-top: 0.09rem;
}

.modal ul li span {
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #434343;
}

.modal ul li a {
    width: 1.44rem;
    line-height: 0.4rem;
    background: #ff654f;
    border-radius: 0.2rem;
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
}

.footer {
    width: 100%;
    background: #b90909;
    padding: 0.5rem 0;
    margin-top: 0.7rem;
}

.footer ul {
    width: 12rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer ul li {
    display: flex;
    align-items: center;
    justify-content: left;
}

.footer ul li input {
    width: 2.7rem;
    height: 0.42rem;
    background: #f6f6f6;
    padding: 0 0.15rem;
}

.footer ul .w1200 input {
    width: 2rem;
}

.footer ul .w1200 a {
    width: 1.45rem;
    line-height: 0.43rem;
    background: #ffdba7;
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #90281d;
    text-align: center;
}

.footer ul button {
    width: 1.94rem;
    line-height: 0.45rem;
    background: #ffdaa5;
    border-radius: 0.23rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #98271c;
    text-align: center;
}

.region_fr {
    width: 1.8rem;
    background: linear-gradient(180deg, #ffddad, #ffcd8e);
    border-radius: 0.11rem;
    position: fixed;
    top: 30%;
    left: .54rem;
    padding: 0.32rem 0.1rem 0.18rem;
}

.region_fr .w1200 {
    position: absolute;
    top: -1.34rem;
    width: 1.47rem;
}

.region_fr ul a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.08rem;
    width: 1.59rem;
    line-height: 0.42rem;
    background: #ffffff;
    border: 1px solid #ff644e;
    border-radius: 0.11rem;
    font-size: 0.16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #a53625;
}

.region_fr ul a img {
    width: 0.22rem;
    margin-right: 0.17rem;
}

.region_fr ul .w1300 {
    width: 1.59rem;
    line-height: 0.42rem;
    background: #ffebd0;
    border: 1px solid #ff644e;
    border-radius: 0.11rem;
    font-size: 0.19rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #a53625;
    text-align: center;
}

.region_fr ul .w1400 {
    background: #ffebd0;
}

.region_fr span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .19rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #a53625;
    cursor: pointer;
}

.region_fr span img {
    width: 0.14rem;
    margin-right: 0.07rem;
}


.state-stopped{
    width: 5rem !important;
}

.play_vidp{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    top: 0;
    z-index: 99999;
    left: 0;
    display: none;
}
.play_vidp video{
    position: absolute;
    width: 40%;
    top: 20%;
    left: 30%;
    display: none;
}

.play_vidp .close{
    position: absolute;
    width: .5rem;
    top: 14%;
    left: 70%;
}
@font-face {
    font-family: 'cjh';

    src: url('fonts//xqzpzt.eot');

    src: 

    url('./cjh.TTF') format('truetype');

    font-weight: normal;

    font-style: normal;

}


.header_img .big-title{
    font-family: 'cjh';
	font-size: 1.3rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.4rem;
	letter-spacing: 0px;
	color: #ffffff;
    /* text-shadow:rgba(101, 5, 5, 0.16) .0rem .08rem .08rem; */
	/* box-shadow: 0px .08rem .03rem 0px 
		rgba(101, 5, 5, 0.16); */
    padding-top: .9rem;
    text-align: center;
    background-image:-webkit-linear-gradient(bottom,#ffd98d,#fde3a8,#fbedc1); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
.header_img .tow-title{
    font-family: 'cjh';
    text-align: center;
    margin-top: .18rem;
    font-size: .98rem;
    color: #ffffff;
    letter-spacing: .05rem;
    text-shadow:rgba(101, 5, 5, 0.16) .03rem .05rem .05rem;
}
.header_img .ys-unit{
    width: 8.8rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: .44rem;
}
.header_img .ys-unit ._item{
    color: #f6f6f6;
    display: flex;
    align-items: flex-end;
    font-size: .34rem;
}
.header_img .ys-unit ._item img{
    width: .48rem;
    height: .48rem;
    margin-right: .04rem;
}
.header_img .hint-title{
    font-size: .26rem;
    color: #fff;
    text-align: center;
    letter-spacing: .02rem;
    margin-top: .66rem;
}