@charset "utf-8";
/* CSS Document */
body, html {
	width:100%;height:100%;
}
html{font-size:100px;}
@media screen and (max-width: 750px) {
  html {
    font-size: 100px;
    font-size: 13.33333333vw;
  }
}
::-webkit-scrollbar {
    width: 0px;
	height:0px;
	background:#efefef;
	border-radius:0px;
}
::-webkit-scrollbar-thumb {
    background: #dddddd;
    scrollbar-arrow-color:#898989;
	border-radius:0px;
}
body{font-family:"Montserrat","微软雅黑", Arial;padding:0px; margin:0px; }
.app{width:100%; max-width:750px; color:#333333; margin:auto;line-height:1.5; padding:0; font-size:0.26rem;min-height:100%;}
div,span,h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{ margin:0; padding:0; list-style:none;vertical-align:baseline;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
[v-cloak]{ display:none;}
input{ outline:none; font-size:inherit;}
a { color:#333333; text-decoration:none;}
a:hover { color:#333333;}
img{
	width:auto;
	max-width:100%;
	height:auto;
	border:0 none;
	vertical-align:top;
}
i, em {
	font-style:normal
}

.container{ margin:auto 0.40rem;}
.flex-between {display: flex;align-items: center;justify-content: space-between;}
.flex-center-y {display: flex;align-items: center;}
* {
    box-sizing: border-box;
}
.flex_1{display: flex;flex-direction: column;}

/*首页*/
.header{ background:#fff; height:1.5rem; padding:0rem 0.4rem;}
.header .logo{ width:2.3rem;}
.header .logo img{ width:100%; height:auto;}
.header .tpright{ color:#B02023;}
.header .tpright img{ width:0.4rem; height:auto;}
.banner ul li{ position:relative;}
.banner ul li img{ height:5.96rem;}
.banner ul li .pic{ position:absolute; width:3.52rem; left:0.21rem; bottom:0.8rem;}
.banner ul li span img{ height:auto;}
.banner .swiper-pagination-bullet{ background-color:#999; width:30px; height:5px; border-radius:5px;}
.banner .swiper-pagination-bullet-active{background-color:#B02023;}
.part_1{ padding-top:1.1rem; padding-bottom:1.23rem;}
.index_bt{ line-height:1; margin-bottom:0.48rem;}
.index_bt .eng{ font-size:0.3rem; letter-spacing:0.01rem;color:#f6e6e8;text-transform: uppercase;}
.index_bt .title{ color:#B02023; font-size:0.45rem;}
.part_1 .aboutjs{ line-height:1.7; margin-bottom:0.45rem;}
.part_1 .clture ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0.63rem 0.63rem;
align-items: stretch;}
.part_1 .clture ul li{ background:#fff;box-shadow:0px 0px 20px #e4e4e4;padding:0.4rem 0.32rem;}
.part_1 .clture ul li .photo { margin-bottom:0.25rem;}
.part_1 .clture ul li .photo img{ height:0.56rem; width:auto;}
.part_1 .clture ul li .title{ font-size:0.28rem; color:#B02023; font-weight:600; margin-bottom:0.18rem;}

.part_2{ color:#fff; padding:0.31rem 0.2rem; background:#b02023;}
.part_2 ul{ display:flex;}
.part_2 ul li{ flex:1; text-align:center; border-right:0.02rem #c14e50 solid;}
.part_2 ul li .cout{ font-size:0.39rem; font-weight:600;text-shadow: 0 2px 2px rgb(0 0 0 / 22%);
text-shadow: 1px 1px #850c0f;
    text-shadow: 0 0 5px #850c0f;}
.part_2 ul li:last-child{ border-right:0rem;}
.feature ul{display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 0.63rem 0rem;}
.feature ul li{ background:#f3f4f4; display:flex;align-items: center;}
.feature ul li .tpleft{ width:1.82rem; height:1.56rem; background:#B02023;display: flex;
    align-items: center;
    justify-content: center; color:#fff; font-size:0.22rem;}
.feature ul li .tpleft .cont{ text-align:center;}
.feature ul li .tpleft .cont img{ width:0.56rem; height:auto;display:block; margin:0rem auto 0.1rem;}
.feature ul li .desc{ padding:0rem 0.29rem; flex:1; overflow:hidden; line-height:1.8;}
.feature ul li:nth-child(2n){flex-direction: row-reverse; }
.part_1 .pic{}

.part_4{ background-image:url(../images/Group%2076@2x.png); background-repeat:no-repeat; background-position:center top; background-size:cover; padding-top:1.25rem; padding-bottom:1.29rem;}
.part_4 .index_bt{ color:#fff;}
.part_4 .index_bt .title{ color:#fff;}
.part_4 .index_bt .eng{color:rgba(255,255,255,0.5);}
.part_4 .w_desc{ color:#fff; line-height:2; margin-bottom:0.4rem;}
.tearn ul{display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 1.30rem 0rem; padding-top:1.36rem;}
.tearn ul li{ position:relative;}	
.tearn ul li .box{ background:url(../images/Group%20110@2x.png);background-repeat:no-repeat; background-position:center top; background-size:cover; border-radius:0.15rem;height:2.35rem; width:100%;display:flex;align-items: stretch;}
.tearn ul li .tpleft{ flex:1; position:relative;}
.tearn ul li .content{ width:2.7rem; height:2.35rem;border-radius:0.15rem; background:#b02023; color:#fff; padding:0.36rem 0.25rem; font-size:0.24rem;}
.tearn ul li .content .title{ margin-bottom:0.2rem;}
.tearn ul li .content .star{ display:flex;align-items: center;}
.tearn ul li .content .star img{ height:0.17rem; width:auto; margin-right:0.06rem;}
.tearn ul li .photo{ position:absolute; left:0.1rem; bottom:0px; z-index:10}
.tearn ul li .photo img{ height:3.6rem; width:auto;}
.tearn ul li .tpleft .intro{ position:absolute; right:0.2rem; bottom:0.3rem;}
.tearn ul li .tpleft .intro .c_name{ font-size:0.28rem; font-weight:600;}
.tearn ul li:nth-child(2n) .box{flex-direction: row-reverse; }
.tearn ul li:nth-child(2n) .photo{ left:auto; right:0.1rem;}
.tearn ul li:nth-child(2n) .tpleft .intro{ right:auto; left:0.2rem;}
.part_6{ background:#b02023; height:2.36rem; display:flex;align-items: center;
    justify-content: center;}
.part_6 .pic{ width:6.38rem;}
.part_6 .pic img{ width:100%; height:auto;}
.biness ul {display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 0.63rem 0rem;}
.biness ul li{ position:relative;}
.biness ul li .photo{ width:3.32rem; height:3.30rem;}
.biness ul li .photo img{ width:100%; height:100%;object-fit: cover;
 object-position: center center;}
.biness ul li .content{ position:absolute; width:3.93rem; height:2.6rem; color:#fff; background:#b02023; right:0px; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); padding:0.40rem 0.35rem;}
.biness ul li .content .title{ font-size:0.31rem; margin-bottom:0.15rem;}
.biness ul li .content .title .tpright img{ height:0.4rem; width:auto;}
.biness ul li .content .desc { line-height:1.7;}
.graybg{ background:#f8f8f8;}
.book { margin-top:0.63rem;}
.video { position:relative; height:5.96rem; overflow:hidden; background-color:#000;}
.video .videoPlayer{content:""; background-color:rgba(0,0,0,.2);position:absolute; width:100%; height:100%; top:0; left:0;}
.video video{ width:100%; height:5.96rem;}
.book ul li{ font-size:0.28rem;}
.book ul li .formbit{ margin-bottom:0.3rem; padding:0rem 0.32rem; height:0.88rem; line-height:normal; width:100%; border:0.02rem #d58586 solid; border-radius:0.07rem;}
.book ul li .textarea{width:100%; border:0.02rem #d58586 solid; border-radius:0.07rem;padding:0.22rem 0.32rem;font-family:"Montserrat","微软雅黑", Arial; margin-bottom:0.63rem; font-size:0.26rem;}
.book ul li .sumbit{border-radius:0.07rem; text-align:center; height:0.9rem; line-height:normal; color:#fff; background:#111111; width:100%; border:0px;}

.news ul li{ background:#b02023; display:flex;align-items: stretch; margin-bottom:0.63rem;}
.news ul li:last-child{ margin-bottom:0px;}
.news ul li .photo{ width:50%; height:3.27rem;}
.news ul li .photo img{ width:100%; height:100%;object-fit: cover;
 object-position: center center;}
.news ul li .content{ flex:1; overflow:hidden; padding:0.3rem 0.25rem 0.23rem; color:#fff;}
.news ul li .content .title{ font-size:0.31rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:0.19rem;}
.news ul li .content .title a{color:#fff;}
.news ul li .content .desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:0.4rem; font-size:0.24rem;}
.news ul li .content .more{ color:#fff;font-size:0.24rem;}
.part_8 { padding-bottom:1.27rem;}
.part_8 .index_bt{ text-align:center;}
.part_8 .index_bt .title{ font-size:0.6rem;}
.part_8 .index_bt .line{ height:0.04rem; width:1.05rem; margin:0rem auto; background:#B02023; margin-top:0.48rem;}
.part_8 .ditu{ text-align:center;}

.footer{ background:#B02023; padding-top:0.62rem; padding-bottom:1rem;}
.footer .content{ background:#f3f4f4; padding:0.62rem 0.44rem; margin-bottom:0.58rem;}
.footer .content .dblogo{ height:0.62rem; width:auto; margin-bottom:0.54rem;}
.footer .content ul li{ display:flex;align-items:flex-start; line-height:2;}
.footer .content ul li .tpright{ flex:1;}
.footer .desc_j .weix{ width:2.19rem; text-align:center; color:#fff; font-size:0.28rem;}
.footer .desc_j .weix img{ width:100%; height:auto; margin-bottom:0.1rem;}
.footer .desc_j .pic{ flex:1; margin-right:0.4rem;}

.gotoback{ position:fixed; right:0.4rem; bottom:1rem; z-index:100;}
.gotoback img{ width:0.7rem; height:0.7rem;}