@charset "utf-8";
/* CSS Document */

body, html {
	width:100%
}
html{font-size:10px;}
@media screen and (max-width: 1242px) {
  html {
    font-size: 0.8051529791vw;
  }
}

body { margin:0; padding:0;font-family:"Montserrat","微软雅黑", Arial;font-size:max(4.8rem,13px); background:#f6f6f6; line-height:1.5; color:#333333; width:100%; max-width:1242px; margin:0px auto;}
a { color:#333333; text-decoration:none;cursor:default;}
a:hover { color:#333333;}
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;}
input,textarea{ outline:none;}


.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-column{flex-direction: column;}
*{ box-sizing: border-box;}
::-webkit-scrollbar {
    width: 7px;
	height:7px;
	background:#ffffff;
}
::-webkit-scrollbar-thumb {
    background: rgba(214,216,221,.7);
    scrollbar-arrow-color:#898989;
	border-radius:7px;
}
.container{ padding:0rem 6rem; width:100%;}

/* 头部 */
.phone{width:100%; max-width:1242px; margin:auto;line-height:1.5; padding:0;min-height:100%; }
.phone.main1{padding-bottom:20.8rem;}
.login_bg{ background:#fff;}
.login_1{ height:78.4rem;background:linear-gradient(130deg,#4678d9,#1b57c9);padding-top:11.3rem;}
.login_1 .logo { text-align:center; }
.login_1 .logo .tit{ font-size:7.2rem; color:#fff; margin-top:2.8rem;}
.login_1 .logo img{ width:23.8rem; height:auto;}
.login_2{ padding:0px 3.9rem;}
.login_k{ background:#fff; border-radius:3.5rem; padding:6rem 9.3rem 3rem; margin-top:-18.2rem;box-shadow: 0 0 13px 0 rgb(0 104 183 / 18%);margin-bottom:14.7rem;}
.login_k ul li{display: flex;
    align-items: center;
    justify-content: space-between; border-bottom:0.01rem #cccccc solid; margin-bottom:5.4rem; padding-bottom:2rem;}
.login_k ul li .pic{ width:4.8rem; margin-right:2.9rem;}
.login_k ul li input{ flex:1; height:11.5rem; padding:0rem 1rem; border:0px; font-size:4.8rem; overflow:hidden;}
.login_k ul li input::-webkit-input-placeholder {
color:#999999; 
}

.login_k ul li .code{ width:26.2rem; cursor:pointer;}
.login_k ul li .send{ width:19.8rem; height:11rem; background:#1c58ca; color:#fff;display: flex;
    align-items: center;
    justify-content:center; border-radius:6rem; cursor:pointer; font-size:4.8rem;}
.login_bt{display: flex;
    align-items: center;
    justify-content:center;}
.login_bt input{ width:87.6rem; height:18rem;display: flex;
    align-items: center;
    justify-content:center;border-radius:9.5rem; cursor:pointer;background:linear-gradient(130deg,#4678d9,#2767e3); color:#fff; font-size:6.6rem;border:0px; outline:none;}
.login_k ul li .second{ background:#eaeaea; padding:0rem 2rem; height:10.6rem; line-height:7.8rem; min-width:19.6rem;border-radius:5.3rem;display: flex;
    align-items: center;
    justify-content:center; color:#666; font-size:4.8rem;}

.header{ font-size:6rem; color:#fff;display: flex;
    align-items: center;
    justify-content: center;background:linear-gradient(130deg,#4678d9,#2767e3); height:20rem;position: sticky; left:0px; top:0px;}
.stop_class{ background:#fff; padding-top:3.3rem;}
.stop_class ul{ padding-left:3.6rem;}
.stop_class ul li{ font-size:4.8rem; margin-right:11.8rem; position:relative; line-height:2; padding:0rem 1rem; padding-bottom:0.5rem;}
.stop_class ul li.active:before {
	width: 100%;
	height: 0.8rem;
	position: absolute;
	left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);
	bottom: 0px;
	background: #1d58ca; border-radius:1rem;
	content: '';
}
.stop_class ul li.active a{ color:#1d58ca;}
.cen_m{ padding-top:5.4rem;}
.car_1 ul li{box-shadow: 0px 4px 7px rgb(0 0 0 / 3%);    background: #fff;border-radius: 4rem; overflow:hidden; font-size:4.8rem; margin-bottom:6.5rem;}
.car_1 ul li .title{ background:#1d58ca; height:9.9rem; padding:0rem 3.6rem; color:#fff; line-height:9.9rem;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.car_1 ul li .content{ padding:5rem 3.8rem;}
.car_1 ul li .content .date{ font-size:4rem; color:#666666; margin:2.8rem 0rem 3.2rem;}
.car_1 ul li .price{ border-top:0.1rem #cccccc solid; padding-top:2.8rem;}
.car_1 ul li .price .red{ color:#e00000;}
.car_1 ul li .price .blue{ color:#1d58ca;}
.index_bt{ font-size:6rem; position:relative; padding-left:3.8rem; margin-bottom:7rem; font-weight:bold;}
.index_bt:before {
	width: 0.8rem;
	height: 6rem;
	position: absolute;
	top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);
	left: 0px;
	background:linear-gradient(to bottom,#4678d9,#2767e3); border-radius:1rem;
	content: '';
}
.car_2{ background:#fff;box-shadow: 0px 4px 7px rgb(0 0 0 / 3%);    border-radius: 4rem; overflow:hidden; font-size:4.8rem; margin-bottom:9rem; padding:0rem 3.8rem 3.8rem;}
.car_2 ul li{ padding:3.6rem 0rem;display: flex; justify-content: space-between;align-items: flex-end;border-bottom:0.1rem #cccccc solid; }
.car_2 ul li .more{ display:flex;align-items: center;}
.car_2 ul li .more a{ line-height:10rem; height:10rem; min-width:16.6rem;display: flex;
    align-items: center;
    justify-content:center; background:#1d58ca; color:#fff; font-size:3.6rem; padding:0rem 3.1rem; margin-left:2.5rem; border-radius:5rem;}
.car_2 ul li .more a.active{ background:#e00000;}

.add_1{display: flex;
    align-items: center;
    justify-content:center;}
.add_1 a{ width:60.5rem; height:12.4rem;display: flex;
    align-items: center;
    justify-content:center;border-radius:9.5rem; background:linear-gradient(130deg,#4678d9,#2767e3); color:#fff; font-size:6rem; }
	
.menber_1{ height:58.8rem;background:linear-gradient(130deg,#4678d9,#1b57c9);padding-top:7.5rem;}
.menber_1 .content{ width:72.7rem; margin:0rem auto; color:#fff;}
.menber_1 .content .pic{ width:20rem; height:20rem; border-radius:50%;object-fit: cover;
 object-position: center center; border:0.4rem #fff solid; margin-right:3.8rem;}
.menber_1 .content .infor{ flex:1;}
.menber_1 .content .infor .tit{ font-weight:bold; margin-bottom:2rem;}
.menber_1 .content .infor .desc{ font-size:4rem;}
.menber_2{ margin-top:-17.3rem;}
.menber_2 ul li{background:#fff;box-shadow: 0px 4px 7px rgb(0 0 0 / 3%);    border-radius: 4rem; margin-bottom:7.5rem; padding:3.9rem;}
.menber_2 ul li .title{ display:flex;align-items: center; font-size:5.2rem; color:#1d58ca;border-bottom: 0.1rem #cccccc solid; padding-bottom:2.8rem; margin-bottom:4.5rem;}
.menber_2 ul li .title img{ width:6.5rem; margin-right:2.6rem;}
.menber_2 ul li .desc{ align-items: flex-end;}
.menber_2 ul li .tpright a{ line-height:9rem; height:9rem; min-width:16.6rem;display: flex;
    align-items: center;
    justify-content:center; background:#1d58ca; color:#fff; font-size:3.6rem; padding:0rem 2.6rem; border-radius:5rem;}
	
.cd_menu{ background:#fff; position:fixed; max-width:1242px; width:100%; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom:0px;box-shadow: 0 0 5px 0 rgb(0 104 183 / 5%); z-index:100;}
.cd_menu ul{display: flex;
    justify-content: space-between;
align-items: stretch;}
.cd_menu ul li{display: flex;
    align-items: center;
    justify-content: center; flex:1; height:19rem;}
.cd_menu ul li a{display: flex;
    flex-direction: column;align-items: center; font-size:3.2rem; color:#1d58ca;}
.cd_menu ul li a .iconfont{ font-size:6rem;}

/*3月17日*/
.part_1{ background-color: #fff; background-image: url(../images/carico_03.png);background-repeat: no-repeat; background-position: left top; background-size: 53.6rem auto; border-radius: 2rem;box-shadow: 0px 0px 8px rgb(0 0 0 / 8%); padding: 6.2rem 5.2rem; margin-top: -9.5rem; position: relative; z-index: 10; margin-bottom: 8.3rem;} 
.part_1 .title { margin-bottom: 5rem;}
.part_1 .title img{ width: 7.2rem; margin-right: 3.5rem;}
.part_1 .title .txt{ font-size: 5.6rem;}
.part_1 .title .lab{ font-size: 3.6rem; color: #666; background-color:rgba(190,190,190,0.2); padding: 0px 2rem; border: 1px #d6d6d6 solid; border-radius: 2rem; margin-left: 1.8rem;}
.part_1 .box .photo{ width: 54.8rem;}
.part_1 .box .tpright{ margin-left: 11.8rem; flex:1; display: flex; flex-direction: column; justify-content: space-between;}
.part_1 .box .tpright .list{ font-size: 4.2rem; color: #666; margin-bottom: 4rem;}
.part_1 .box .tpright .list ul li{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 4rem;}
.part_1 .box .tpright .list ul li .count{ color: #e74e0f;}
.part_1 .box .tpright .list ul li .count span{ font-size: 4.8rem; font-weight: 600;}
.part_1 .box .tpright .more{ width: 100%; height: 12.8rem; display: flex; align-items: center; justify-content:center; border-radius: 2rem; color: #fff; font-size: 4.8rem;background:linear-gradient(to bottom,#ffa657,#f04c13);}
.part_2{background:linear-gradient(to bottom,#ffa657,#f04c13); border-radius: 2rem; padding: 8rem 0px;}
.part_2 ul li{ flex:1;}
.part_2 ul li a{ font-size: 4.2rem; color: #fff; text-align: center; display: block; line-height: 1;}
.part_2 ul li a img{ height: 9.5rem; width: auto; margin-bottom: 2.5rem;}
.part_3{ padding: 10.8rem 0rem;}
.part_3 ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10rem 0px;
align-items: stretch;}
.part_3 ul li a{ display: block; text-align: center; font-size: 4.2rem; line-height: 1;}
.part_3 ul li a img{ width: 14.8rem; height: 14.8rem; margin-bottom: 2.5rem;}
.part_4{ background-color: #fff; border-radius: 2rem; padding: 2.7rem 3.3rem; margin-bottom: 6.9rem;}
.part_4 .tpleft img{ width: 8.8rem;}
.part_4 .tpleft{ border-right: 1px #999999 solid; padding-right: 4.3rem; margin-right: 4.3rem;}
.part_4 .cont{ flex:1;}
.part_4 .cont a{ display: flex; align-items: center; justify-content: space-between;}
.part_4 .cont a .txt{ margin-right: 5px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-size: 4.2rem;}
.part_4 .cont a .icon{ width: 1.9rem;}
.part_4 .cont a .icon img{ display: block;}
.part_5 { margin-bottom: 6.9rem;}
.part_5 img{ width: 100%; border-radius: 2rem;}
.part_6{ background-color: #dfdfdf; border-radius: 2rem; overflow: hidden; margin-bottom: 5.3rem;}
.part_6 ul{ display: flex; align-items: center;}
.part_6 ul li{ flex:1; cursor: pointer; height: 14rem; display: flex; align-items: center; justify-content: center; }
.part_6 ul li img{ height: 5rem; width: auto; margin-right: 4rem; color: #666; font-size: 5.6rem;}
.part_6 ul li.cur{background:linear-gradient(to bottom,#ffa657,#f04c13); color: #fff;}
.part_6 ul li .img2{ display: none;}
.part_6 ul li.cur .img1{ display: none;}
.part_6 ul li.cur .img2{ display: block;}
.pro_list ul li{ background-color: #fff; padding: 5rem 4rem 3.7rem; border-radius: 2rem;margin-bottom: 5.3rem;}
.pro_list ul li .title{ margin-bottom: 5rem;}
.pro_list ul li .title .tpleft{ font-size: 5.6rem;display:flex; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.pro_list ul li .title .tpleft img{ width: 5rem; margin-right: 2.7rem; display: block;}
.pro_list ul li .title .count{ border: 0.2rem #34c46b solid; border-radius:4rem; font-size: 4.8rem; line-height: 8rem; overflow: hidden;}
.pro_list ul li .title .count .txt1{background-color: #34c46b; color: #fff; padding: 0px 2.6rem;}
.pro_list ul li .title .count .txt2{ padding: 0px 2rem;}
.pro_list ul li .item{ display: flex; align-items: flex-start; font-size: 4.2rem; color: #666; margin-bottom: 4.6rem;}
.pro_list ul li .item .infor{ flex:1; margin-left: 2.1rem;}
.pro_list ul li .item img{ width: 4rem; margin-top: 1.3rem;}
.pro_list ul li .tool{font-size: 3.6rem; color: #999999; border-top: 0.1rem #999999 solid; padding-top: 3.9rem; }
.pro_list ul li .tool .lab{ background-color: #ff9d1e; color: #fff; border-radius: 3.2rem; padding: 0rem 1.3rem; line-height: 1.6;}
.pro_list ul li .tool .dance_1 img{ width: 5.6rem; height: auto; margin-right: 1.8rem;}
.pro_list ul li .tool .dance_1{ color: #0078fc;}
.part_1 .box .tpright .infor{ flex:1; font-size: 4.2rem; text-align: center; margin-bottom: 5rem;}

.foot1{ height: 18.8rem;}
.xf_menu{ max-width:1242px; width:100%; background:#fff;position: fixed; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom:0px;background:#fff; z-index:600; box-shadow: 0px 0px 8px rgb(0 0 0 / 8%);}
.xf_menu ul{ display:flex;align-items: stretch;}
.xf_menu ul li{ flex:1;display: flex;
    align-items: center; 
    justify-content: center; height:18.8rem; line-height:1.2;}
.xf_menu ul li .icon{ margin:0px auto 5px; line-height:1; display:block;}
.xf_menu ul li .icon img{ height: 6.1rem; width: auto;}
.xf_menu ul li .icon .img2{ display: none; }
.xf_menu ul li a{ color:#999999; text-align:center; font-size: 3.2rem;  display: flex; flex-direction: column;}
.xf_menu ul li.active a{ color:#e74e0f;}
.xf_menu ul li.active .icon .img2{ display: block;}
.xf_menu ul li.active .icon .img1{ display: none;}