@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
html{font-size:1px;}
@media screen and (max-width: 1440px) {
  html {
    font-size: 0.06944444444vw;
  }
}

body {
	margin:0;
	padding:0;
	font-family:"Montserrat","Microsoft YaHei", Arial;
	line-height:1.5;
	color:#000;
	width:100%; background:#fff;
	font-size:16px;
	margin:0px auto;
}
a {
	color:#000;
	text-decoration:none;
	cursor: pointer;
}
a:hover {
	
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.clear {
	clear:both;
}
.container {
	margin:0px auto;
	width: 92%;
   max-width:1284px;
}
.container1 {
	margin:0px auto;
	width: 92%;
   max-width:1340px;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* {
	box-sizing: border-box;
}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}


/* 首页 */
.head_1{ justify-content: flex-end; padding: 40rem 0px; gap: 14rem;}
.head_1 .btn img{ height: 48rem; width: auto;}
.head_1 .more{  color: #120D26; border: 1px #120D26 solid; font-weight: 600; padding: 0px 18rem; border-radius: 4px;display: inline-block; line-height: 48rem; margin-left: 13rem;}
.part_1 { gap: 18px;align-items: flex-start; margin-bottom: 32rem;}
.part_1 .photo{ width: 47.9%;}
.part_1 .content{ flex:1; overflow: hidden;}
.part_1 .content .lab{ text-align: right;color: rgba(33, 150, 243, 1); font-size: 20rem; font-weight: 600;}
.part_1 .content .title{ color: rgba(66, 183, 207, 1); font-size: 24rem; font-weight: 600; line-height: 1.3;text-transform: uppercase; margin: 15px 0px;}
.part_1 .content .desc{ line-height: 1.2; font-weight: 700; margin-bottom: 20px;}
.part_1 .content .list{ max-width: 432px; width: 100%; margin-bottom: 20px;}
.part_1 .content .list li{ display: flex; align-items: center;gap: 16rem; font-size: 13px; margin-bottom: 15px;}
.part_1 .content .list li img{ height: 33rem; width: auto;}
.index_more{ text-align: center;}
.button_1{border-radius: 6px;
background: rgba(42, 130, 228, 1); text-align: center; width: 351rem; padding: 5px 5px; line-height: 1.4; color: #fff; margin: 0px auto; display: inline-block; font-size: 24rem; font-weight: 600;}
.button_1:hover{ opacity: .9;}
.part_2{ max-width: 836px; margin: 0px auto 20px; width: 90%;}
.part_2 ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 57rem;
align-items: stretch;}
.part_2 ul li{ display: flex; align-items: center; justify-content: center;gap: 15px;  padding: 22rem 14rem;}
.part_2 ul li .desc{ flex:1; overflow: hidden; font-weight: 600;}
.part_2 ul li img{ width: 42rem; height: auto;}
.part_3{ text-align: center; margin-bottom: 20px;}
.part_3 .title{ font-weight: 600;text-transform: uppercase;}
.part_4{ background-color: #def6f4; padding-top: 41px; padding-bottom: 75px;}
.index_bt{ max-width: 900px; margin: 0px auto; text-align: center; margin-bottom: 25px;}
.index_bt .title{ color: #262b42;text-transform: uppercase; font-size: 22rem; font-weight: 600; margin-bottom: 15px; line-height: 1.2;}
.index_bt .desc{ font-weight: 600;}
.part_4 .list{display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 44rem;
align-items: stretch;}
.part_4 .list li{ background-color: #fff; padding: 34px 36rem 18px;text-align: center;  overflow: hidden;}
.part_4 .list li .icon img{ height: 51px; width: auto;}
.part_4 .list li .num{ color: #44485c; font-weight: 700; line-height: 1; margin: 22px 0px; font-size: 36px;}
.part_4 .list li .desc{ color: #737373; font-weight: 600; font-size: 16px;word-break:break-word;}
.part_4 .container{ max-width: 1245px;}
.part_5{ background-color: #f1f1f1; padding-top: 53px; padding-bottom: 73px;}
.part_5 ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 39rem;
align-items: stretch;}
.part_5 ul li{ background-color: #fff; padding: 80rem 45rem; border-radius: 10px; text-align: center;}
.part_5 ul li .title{ font-size: 24rem; font-weight: 600;color: rgba(18, 13, 38, 1); display: flex; align-items: center; justify-content: center; min-height: 102rem; line-height: 34rem;}
.part_5 ul li .desc{ height: 75rem;display: flex; align-items: center;justify-content: center; min-height: 102rem; line-height: 25rem;color: rgba(148, 149, 154, 1); font-size: 18rem; margin: 20rem 0rem;}
.part_5 ul li .star img{ height: 27rem; width: auto;}

.part_6{ background-color: #ededed; width: 100%; overflow: hidden;}
.part_6 .photo .pic{ width: 621rem; position: absolute; right: -51rem;  top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.part_6 .container{ position: relative; z-index: 10; gap: 110rem;font-weight: 600;}
.part_6 .photo .img2{ position: relative; z-index: 10;}
.part_6 .photo{  width: 51%; padding-top: 53px; padding-bottom: 74px; position: relative;}
.part_6 .content{ flex:1; overflow: hidden;text-transform: uppercase;}
.part_6 .content .title{ font-size: 28rem;  margin-bottom: 30px; color: #120d26;}
.part_6 .content .list{ font-size: 18rem; line-height: 1.8; padding-right: 20px;letter-spacing: 1px; margin-bottom: 32px;}
.part_6 .content .list li:before{ content: "•"; margin-right: 5px;}
.part_6 .content .list li{ display: flex;align-items: flex-start;}
.part_6 .content .button_1{ width: 247rem;text-transform:none;}
.part_7{ background-color: #d2eae8; padding: 37px 0px 57px;}
.part_7 .photo{ width: 40%; padding: 0rem 20rem; text-align: center;}
.part_7 .container{ gap: 42rem;}
.part_7 .content{ flex:1;  overflow: hidden;font-size: 24rem;}
.part_7 .content .lab{ font-size: 24rem;text-transform: uppercase; line-height: 1; margin-bottom: 20px;}
.part_7 .content .title{color: rgba(0, 186, 173, 1); font-weight: 600;text-transform: uppercase; margin-bottom: 25px;line-height: 1;}
.part_7 .content .list li{border: 1px solid rgba(0, 186, 173, 1); border-radius: 9px; margin-bottom: 15px; padding: 5px 20px;}
.part_7 .button_1{ width: 309rem;text-transform:none;}
.part_8{ background-color:#f5f5f5;padding: 42px 0px;}
.part_8 .container{ max-width: 931px; margin: 0px auto; }
.part_8 .fac_title{ text-align: center; font-size: 16px;text-transform: uppercase;color: rgba(37, 43, 66, 1); font-weight: 700; margin-bottom: 30px; line-height: 1;}
.index_fac ul li{ background-color: #fff; padding: 14px 24px; margin-bottom: 29px; border-radius: 8px; cursor: pointer; transition: all .5s;}
.index_fac ul li .title{ font-weight: 700;}
.index_fac ul li .desc{ font-size: 12px; display: none; margin-top: 10px;line-height: 1.3;}
.index_fac ul li.active{ background-color: #383838; color: #fff;}
.part_8 .button_1{ width: 432rem; font-size: 18rem;text-transform: uppercase; border-radius: 12px; padding: 10px 5px;}
footer{ background: rgba(56, 56, 56, 0.94); color: #fff; font-size: 18rem; padding: 100rem 0px;}
footer a{ color: #fff;}
footer .container{ display: flex; flex-direction: column;text-align: center; line-height: 1.3; gap: 20px; max-width: 1134px;}
.p_frame{background: rgba(128, 128, 128, 0.7); position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1000; display: none;}
.p_frame.show{display: flex;}
.p_frame .p_content{background-color: #fff;border-radius: 18px; overflow: hidden; max-width: 648px; width: 90%;display: flex; align-items: stretch;}
.p_frame .p_content .photo{ width: 38%;}
.p_frame .p_content .content{ flex:1;overflow: hidden; padding: 38px 28px;}
.p_frame .p_content .photo img{ width: 100%; height: 100%;object-fit: cover;
 object-position: center center; display: block;}
 .p_frame .p_content .content .title{text-transform: uppercase;color: rgba(42, 130, 228, 1); font-size: 16px; font-weight: 600; text-align: center;}
 .p_frame .p_content .content .desc{text-transform: uppercase; font-size: 12px;text-align: center;font-weight: 600; margin-top: 38px; margin-bottom: 70px;}
.p_frame .p_content .content .infor{ padding: 0px 30px;gap: 40rem;}
.p_frame .p_content .content .infor .btn{ flex:1;background: rgba(204, 204, 204, 1); height: 56px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 700;}
.p_frame .p_content .content .infor .btn.active{background: rgba(42, 130, 228, 1); color: #fff;}

@media screen and (max-width: 768px) {
	body{ font-size: 14px;}
.head_1 .more{ line-height: 2; font-size: 12px;}
.head_1 .btn img{ height: 20px;}
.head_1{ gap: 10px; padding: 15px 0px;}
.part_1 .content .lab{ font-size: 16px;}
.part_1{ flex-direction: column;gap: 25px; margin-bottom: 30px;}
.part_1 .content .title{ font-size: 20px;}
.part_1 .content .list li{ font-size: 13px; gap: 7px;}
.part_1 .content .list li img{ height: 15px;}
.button_1{ width: 200px; font-size: 16px;}
.part_1 .photo{ width: 100%;text-align: center;}
.part_1 .content{ flex:none; width: 100%;}
.part_2 ul{    grid-template-columns: repeat(1, 1fr);
    gap:10px;}
.part_2 ul li img{ width: 20px;}
.part_3 .title{ margin-bottom: 5px;}
.index_bt .title{ font-size: 18px;}
.part_4 .list{grid-template-columns: repeat(2, 1fr); gap: 20px;}
.part_4 .list li .icon img{ height: 35px;}
.part_4 .list li .num{ font-size: 30px;}
.part_4{ padding-bottom: 40px;}
.part_5 ul li .title{ font-size: 18px; line-height: 1.1;}
.part_5 ul{grid-template-columns: repeat(1, 1fr); gap: 20px;}
.part_5 ul li .desc{ font-size: 14px; line-height: 1.3; margin: 20px 0px; min-height: auto;}
.part_5 ul li{ padding: 40px 15px;}
.part_5 ul li .star img{ height: 20px;}
.part_6 .container{ flex-direction: column;}
.part_6{ padding-top: 53px; padding-bottom: 50px;}
.part_6 .content{ flex:none; width: 100%;}
.part_6 .content .title{ font-size: 20px; margin-bottom: 20px;}
.part_6 .content .list{ font-size: 14px; padding-right: 0px;}
.part_6 .content .button_1{ width: 200px;}
.part_6 .photo{ width: 100%; padding: 0px;}
.part_6 .photo .pic{ width: 250px; right: -40px;}
.part_6 .container{ gap: 30px;}
.part_7 .content .lab{ font-size: 18px;}
.part_7 .content .title{ font-size: 18px;}
.part_7 .photo{ display: none;}
.part_7 .content .list li{ font-size: 14px;}
.part_7 .button_1{ width: 200px;}
.index_fac ul li{ margin-bottom: 20px;}
.part_8 .button_1{  width: 100%; font-size: 14px;}
footer{ font-size: 12px;}
footer .container{ gap: 12px;}
.p_frame .p_content .content .infor{ padding: 0px 10px;gap: 20px;}
.p_frame .p_content .content .desc{    margin-top: 28px;
    margin-bottom: 50px;}
}
@media screen and (max-width: 640px) {
.p_frame .p_content .photo{ display: none;}
	
}