@charset "utf-8";
/* CSS Document */
html{
	font-size:10px;
}

@media (max-width:1920px){
	html{
		font-size:0.52083333vw;
	}
}

*{box-sizing:border-box;}

body{ font-size:14px; color:#333; background:#fff; padding:0; margin:0; font-family:"PingFang SC","微软雅黑","Microsoft Yahei"; line-height: 1.5;}

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;
}
a{ text-decoration:none; color:#333;}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-center-y {
	display: flex;
	align-items: center;
}

.container{ width:92%; max-width:1400px; margin:auto;}
html.active {
	height: 100%;
	overflow: hidden;
}


header{ position: sticky;width:100%; left:0; top: 0px; background-color: #fff; box-shadow: 0px 0px 8px rgb(0 0 0 / 18%); z-index:1000;}
header .container{  height: 10rem;}
header .logo img{ width:21.9rem;}
header .menu ul li{ margin-right:4.4rem;  display: flex; align-items: center; align-items: center;}
header .menu a{ white-space:nowrap; font-size:1.8rem;}
header .menu ul li .title{ display: flex; align-items: center;justify-content: center; position: relative;}
header .menu ul li .title span{ display: none;}
header .menu ul li.active .title span{ display: block;}
header .menu ul li.active a{color:#ff3600; font-weight: 700;}
header .menu ul li.active a .title:before{ content: ""; position: absolute; left: 0px; width: 100%; height: 1px; background-color: #ff3600;bottom: -2px;}
header .langer{ cursor: pointer; color: #333;position: relative; font-size: 18px; line-height: 1.8;}
header .langer .icon-duoyuyan{ font-size: 20px; margin-right: 5px;}
header .langer .icon-xiangxiajiantou{ font-size: 12px; margin-left: 5px;}
header .langer .l_content{ width:140px; padding:5px 0px; border-radius:5px; position:absolute;  top:100%;z-index:600; border: 1px #999999 solid; background-color:#fff;  font-weight:normal;transform-origin: 50% 0; transform: scaleY(0) translateZ(0);opacity: 1;
    transition: transform 0.3s,opacity 0.3s; right: 0px;}

header .langer:hover .l_content{transform: scaleY(1) translateZ(0);opacity:1;}
header .langer .l_content dl dd{ }
header .langer .l_content dl dd a{ color: #6c6c6b; font-size: 18px; display: flex; align-items: center; padding: 0rem 8px; line-height: 1.8;}
header .langer .l_content dl dd a img{ width: 2.6rem; margin-right:2rem;}
header .langer .l_content dl dd a:hover{ color:#000;}
header .langer:after {
	width:100%; height:10px;
	position: absolute;
	left: 0%;
	top: 100%; z-index:0;
	content: '';
}

header .menubtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 40px;
    right: 0px;
    z-index: 100;
    display: none;
    position: relative;
    margin-left: 7rem;
}
header .menubtn .navbar-icons {
    height: 20px;
    width: 100%;
    position: relative;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
}
header .menubtn .navbar-icons span {
    display: block;
    height: 2px;
    width: 100%;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    top: 0;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    background-color: #333;
    position: relative;
    border-radius: 5px;
}
header .menubtn .navbar-icons span:first-child {
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
.menubtn.open .navbar-icons span:first-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 1px;
}

.menubtn.open .navbar-icons span:nth-child(2) {
	opacity: 0;
}

.menubtn.open .navbar-icons span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 1px;
}
/*手机菜单*/
.menu-mc {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FF671B;
	z-index: 500;
	transition: all .5s;
	-webkit-transition: all .5s;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	padding-top: 85px;
	display: flex;
	flex-direction: column;
	display: none;

}

.menu-mc.active {
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.menu-mc .list {
	flex: 1;
	overflow: auto;
}

.menu-mc .list ul {
	padding: 0 24px;
}

.menu-mc .list ul li {
	line-height: 60px;
}

.menu-mc .list ul li .submenu {
	display: none;
}

.menu-mc .list ul li .title {
	border-bottom: 1px solid rgba(255, 255, 255, .19);
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	color: #fff;
}

.menu-mc .list ul li .title .iconfont {
	font-size: 16px;
	margin-right: 5px;
}

.menu-mc .list ul li a {
	display: block;
	font-size: 15px;
	color: #fff;
}

.menu-mc .list ul li .submenu a {
	padding-left: 20px;
	line-height: 45px;
}

.menu-mc .list ul li .submenu a:hover {

	font-weight: 600;
}
.banner{ position: relative;}
.banner ul li{ text-align: center;}
.banner .s_btn{display: flex; align-items: center; justify-content: flex-end; position: absolute; left: 50% !important; z-index: 10; transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom:7% !important;width:92% !important; max-width:1400px !important; margin:auto;}
.banner .s_btn span{background-color:rgba(255,255,255,0.6) !important; width: 10px; height: 10px;display: inline-block; cursor: pointer;  border-radius: 50%; margin-left: 6px;opacity:1;}
.banner .s_btn span.active{  background-color:rgba(255,255,255,1) !important;opacity:1;}
.index_bt{ font-size: 30px;text-transform: uppercase; padding: 39px 0px;}
.index_bt .more{ font-size: 2.2rem; color: #999999;}
.index_bt .more .iconfont{ margin-left: 10px; font-size: 2.2rem;}
.index_bt .more:hover{ color: #ff3600;}
.part_1{ overflow:hidden; max-width:1920px; margin:auto;}
.promo_list{ position: relative;}
.promo_list.adSwiper{ overflow:visible;}
.promo_list ul li{ opacity:.5;}
.promo_list ul li.swiper-slide-active{opacity:1;}
.promo_list ul li img{ border-radius: 20px;}
.promo_list .s_btn1{display: flex; align-items: center; justify-content: center; position: absolute; left: 0; z-index: 10; bottom:4%;text-align:center;}
.promo_list .s_btn1 span{background-color:rgba(255,255,255,0.6); width: 10px; height: 10px;display: inline-block; cursor: pointer;  border-radius: 50%; margin: 0px 3px; opacity:1; }
.promo_list .s_btn1 span.active{  background-color:rgba(255,255,255,1);}

.cate_list ul{    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 3rem 3rem;align-items: stretch;}
.cate_list ul li:nth-child(1) {
		grid-column: 1 / span 2;
	}

.cate_list ul li{ border-radius: 20px; overflow: hidden;}
.cate_list ul li a{ width: 100%;display: block; height: 100%;position: relative;}
.cate_list ul li a img{ width:100%; height:100%;object-fit: cover;
	object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.cate_list ul li a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.cate_list ul li a .title{ font-size: 30px; color: #fff; position: absolute; right: 2.7rem; top: 3rem; z-index: 10;}
.cate_list ul li a .iconfont{ position: absolute; right: 2.7rem; bottom: 2.7rem; width: 5.6rem; height: 5.6rem; border-radius: 50%; background-color:rgba(0,0,0,0.2); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold;}
.cate_list ul li a .iconfont:before{ display: block;transition: all .3s ease;-webkit-transition: all .3s ease;}
.cate_list ul li a:hover .iconfont:before{ margin-top: 5px;}
.cate_list ul li:nth-child(6) {
	grid-column:3 / span 2;
}
.part_2{ margin-bottom: 50px;}
.part_3{ background-color: #f5f5f5; padding-bottom: 77px;}
.trend_list ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 3rem 3rem;
align-items: stretch;}
.trend_list ul li{ display: flex; flex-flow: column; background-color: #fff; border-radius: 20px; overflow: hidden; font-size: 2.6rem;  cursor: pointer;}
.trend_list ul li .photo{ padding-top: 110.3%; position: relative; overflow: hidden;}
.trend_list ul li .photo img{ object-fit: cover;
	object-position: center center; position: absolute; left: 0px; top: 0px;width: 100%; height: 100%;}
.trend_list ul li .photo .box{}
.trend_list ul li .content{ padding: 17px 17px 23px; display: flex; flex-flow: column; justify-content: space-between; flex: 1;}
.trend_list ul li .content .title{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.trend_list ul li .content .price{ font-size: 2.8rem; color: #ff3600; margin-top: 5px; font-weight: 600;}
.trend_list ul li .photo .box{ display: flex; align-items: center; justify-content: center;  background-color:rgba(51,51,51,0.8); position: absolute; left: 0px; top: 100%; width: 100%; height: 100%; color: #fff;transition: all .3s ease;-webkit-transition: all .3s ease; opacity:.0;}
.trend_list ul li:hover .photo .box{ top: 0px;opacity:1;}
.trend_list ul li .photo .box .infor{ width: 100%; text-align: center;}
.trend_list ul li .photo .box .pic{ width: 60%; background-color: #fff; border-radius: 10px; padding: 1rem; margin: 0px auto 5px; overflow: hidden;}
.trend_list ul li .photo .box .pic img{ position: static;}

/*底部*/
footer{ background-color: #333333; color: #999; font-size: 2rem;}
footer a{ color: #999;}
footer .f_bottom{ padding: 50px 0px;}
footer .f_bottom .weix ul li{ text-align: center; margin-right: 6.3rem;}
footer .f_bottom .weix ul li .box{ width: 19.4rem; background-color: #fff; border-radius: 10px; padding: 1rem; margin: 0px auto 5px; overflow: hidden;}
footer .f_bottom .weix ul li .box img{ width: 100%; height: auto;}
footer .f_bottom .tpright{ flex:1; overflow: hidden; display: flex; align-items: center; justify-content: center;}
footer .f_bottom .tpright .list li{ display: flex; align-items: center; white-space: nowrap; padding: 5px 0px;}
footer .f_bottom .tpright .list li .txt{ color: #fff; margin-left: 2rem;}
footer .f_bottom .tpright .list li div{ width: 35%; display: flex; align-items: center; min-width: 70px; margin-right: 2.5rem;}
footer .f_bottom .tpright .list li img{ width: 2.7rem; height: auto;}
footer .f_bottom .tpright .online{ margin-top: 2.4rem; justify-content: center;}
footer .f_bottom .tpright .online img{ width: 4.8rem; height: auto;}
footer .f_bottom .tpright .online a{ margin-right: 10px;}
.copyright{ background-color: #242424; text-align: center; padding: 20px 0px;}
.goback{ position:fixed; right:10px; bottom:5%; width:14rem; height:14.2rem; z-index:100; background-color:#fff; border-radius:10px; display:flex; align-items:center;  flex-direction: column;justify-content:center; font-size: 2.2rem; color: #999999;box-shadow: 0px 0px 8px rgb(0 0 0 / 18%);}
.goback .iconfont{ font-size: 22px; margin-bottom: 10px;}

/*活动*/
.ac_box{ display: flex; align-items: stretch;}
.ac_box .photo{ width: 73.5%; border-radius: 20px; overflow: hidden;}
.ac_box .photo img{ width:100%; height:100%; object-fit: cover;
	object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.ac_box .photo:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.ac_box .content{ margin-left: 4.4%; flex:1; overflow: hidden; padding-top: 7.6rem; display: flex; flex-direction: column; justify-content: space-between;color: #666666;}
.ac_box .content .txt{ font-size: 3rem; color: #000; margin-bottom: 1.8rem;}
.ac_box .content .desc{ font-size: 2rem;  margin-bottom: 10px; flex:1;}
.ac_box .content .online1 { font-size: 1.8rem; margin-bottom: 10px;}
.ac_box .content .online1 img{ width: 14.2rem; height: auto; margin-bottom: 5px;}
.activity{ padding: 49px 0px;}
.part_3.no1{ padding-top: 53px;}

.sub_banner{ position: relative; border-radius: 20px; overflow: hidden;margin-bottom: 45px;}
.sub_banner ul li{ text-align: center; }
.sub_banner .s_btn{display: flex; align-items: center; justify-content: center; position: absolute; left: 50% !important; z-index: 10; transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom:7% !important;width:92% !important; max-width:1400px !important; margin:auto;}
.sub_banner .s_btn span{background-color:rgba(255,255,255,0.6) !important; width: 10px; height: 10px;display: inline-block; cursor: pointer;  border-radius: 50%; margin:0px 3px;opacity:1;}
.sub_banner .s_btn span.active{  background-color:rgba(255,255,255,1) !important;opacity:1;}
.sub_class{ margin-bottom: 45px;}
.sub_class ul{ display: flex; align-items: stretch; flex-wrap: wrap;}
.sub_class ul li{ margin: 5px 1.3rem;}
.sub_class ul li a{ line-height: 2.5; border-radius: 25px; display: block;background-color: #d9d9d9;  padding: 0px 4.8rem; font-size: 2.6rem;}
.sub_class ul li.active a{ background-color: #ff3600; color: #fff;}
.sub_class ul li:hover a{ background-color: #ff3600; color: #fff;}

/*翻页*/
.fany{display:flex;align-items: center; justify-content: center; margin-top:75px;text-transform: uppercase; margin-bottom:20px;
}
/*分页*/
.divid-a {
   display: flex;
   align-items: center;
   justify-content: space-between;
flex-wrap: wrap; font-size:14px; width:100%; margin:0px auto;
}
.divid-a a {
   background: #fff;
   color: #999; font-size:14px;
  min-width:35px;
   padding:0px 10px; height:32px;
   cursor:pointer; margin:5px 4px;
   display: flex;
   align-items: center;
   justify-content: center;
   border:1px #eaeaea solid; border-radius:3px;
   
} 
.divid-a span{ margin:5px 10px;}
.divid-a .active ,.divid-a a:hover{
  color: #fff;
   background:#FF671B;
   border:1px #FF671B solid;
}
.divid-a .box{display: flex;
   align-items: center;
   justify-content: center;flex-wrap: wrap;}
.divid-a .all{ color:#666;}
.divid-a .specia{ border:0px;}
.divid-a .specia:hover{ background-color:#fff; color:#000; border:0px;}

.nybanner{ text-align: center; position: relative;}
.nybanner .container{text-align: left; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); color: #fff; z-index: 10;}
.nybanner .container .title{ font-size: 6rem; margin-bottom: 2rem; }
.nybanner .container .eng{ font-size: 3.4rem;text-transform: uppercase;}
.midd_l{}
.about_m{ padding: 65px 0px; display: flex; align-items: flex-start; justify-content: space-between; color: #000;}
.about_m .ab_right{ width: 75.6%;font-size: 2.6rem; line-height: 1.8;}
.about_m .ab_left{ text-align: right; letter-spacing: 1px;}
.about_m .ab_left .title{ font-size: 3rem; font-weight: 600; margin-bottom: 2rem;}
.about_m .ab_left ul { margin-bottom: 2rem;}
.about_m .ab_left ul li{ position: relative;}
.about_m .ab_left ul li:before{ content: ""; width: 17px; height: 1px; background-color: #000; position: absolute; right: 0px; top: 0px;}
.about_m .ab_left ul li a{ font-size: 2.6rem; display: block; padding: 2rem 0px;}
.about_m .ab_left ul li:last-child:after{ content: ""; width: 17px; height: 1px; background-color: #000; position: absolute; right: 0px; bottom: 0px;}
.about_m .ab_left ul:last-child li:last-child:after{ display: none;}
.about_m .ab_left ul li a:hover{ color: #ff3600;}
.about_m .ab_right .a_title{ font-size: 5rem; font-weight: 600; margin-bottom: 3.5rem;}
.about_m .ab_right .items{ padding-bottom: 3.8rem; border-bottom: 1px #000 solid; margin-bottom: 3.8rem;}
.about_m .ab_right .items:last-child{ border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px;}
.about_m .ab_right .items .txt{ font-size: 4rem; margin-bottom: 2.8rem;}
.about_2{ text-align: center; position: relative;}
.about_2 .container{}
.about_2 .container{text-align: left; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); color: #fff; z-index: 10;}
.about_2 .container .title{ font-size: 5.4rem; margin-bottom: 0.5rem; }
.about_2 .container .eng{ font-size: 2.6rem;text-transform: uppercase;}
.about_m .ab_right .infor{ }
.about_m .ab_right .r_title{ font-size: 5rem; margin-bottom:3.2rem;}
.nybanner.no1 .container{ color: #ff3600;}
.new_list{}
.midd_l.no1{ padding-top: 47px; padding-bottom: 80px;}
.new_list ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 4.8rem 7rem;
align-items: stretch;
}
.new_list ul li a{ display: block; font-size: 1.6rem;}
.new_list ul li a .photo{position:relative; display:block; padding-top:62.9%; width:100%; overflow:hidden;}
.new_list ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
 .new_list ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
 .new_list ul li a .title{ font-size: 2.6rem; color: #666; margin: 3.5rem 0px;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; }
 .new_list ul li a .cont{ color: #999;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom: 2.6rem;}
 .new_list ul li a .date{ color: #666;}
 .new_list ul li a .date .more{text-transform: uppercase;}
 .new_list ul li a .date .more .iconfont{ margin-left: 2.2rem; font-size: 14px;}
 .new_list ul li a:hover .title{ color: #ff3600;}
 .new_list ul li a:hover .cont{ text-decoration: underline;}

 .new_show{ margin-top: 3rem;}
.new_show .title{ font-size: 4rem; color: #2e2e2e; text-align: center;}
.new_show .date{ color: #999999; text-align: center; padding-top: 15px;
    margin-bottom: 5.5rem; font-size: 2rem;}
.new_show .new_content{ line-height: 1.7; font-size: 16px; margin-bottom: 50px;}
.new_show .new_content p{ margin-bottom: 25px;}
.new_fy{ margin-bottom: 40px;}
.new_fy ul li{ display: block; font-size: 16px; margin-top: 10px; flex:1; overflow: hidden;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.new_fy ul li a{ color: #666;}
.new_fy ul li:last-child{ text-align:right; margin-left: 24px;}
.new_fy ul li a span{ color: #333; margin-right: 10px;}

.help_m{ display: flex; align-items: flex-start;}
.help_m .help_l{ width: 230px; border: 1px #e0e0e0 solid; line-height: 59px; text-align: center;margin-right: 29px; }
.help_m .help_l .title{border-bottom: 1px #e0e0e0 solid; background-color: #f4f4f4;}
.help_m .help_l ul li{border-bottom: 1px #e0e0e0 solid; font-size: 2.2rem;}
.help_m .help_l ul li .txt{position: relative; cursor:pointer;}
.help_m .help_l ul li .txt a{ display: block; }
.help_m .help_l ul li .txt .iconfont{position: absolute; font-size: 12px; color: #989898; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); right: 20px;}
.help_m .help_l ul li.hide .txt .iconfont:before{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.help_m .help_l ul li .txt .iconfont:before{ display: block; transform: rotate(
	180deg);-webkit-transform: rotate(180deg);}
.help_m .help_l ul li dl dd{border-top: 1px #e0e0e0 solid;}
.help_m .help_l ul li:last-child{ border-bottom: 0px;}
.help_m .help_l .title{ font-size: 2.6rem;}
.help_m .help_l ul li dl dd a{ color: #666;}
.help_m .help_l ul li dl dd.active a{ color: #ff3600;}
.help_m .help_r{ border: 1px #e0e0e0 solid; flex:1; padding: 5rem 4.5rem; min-height: 420px;}
.help_m .help_r .h_title{ text-align: center; font-size: 3rem; color: #000; font-weight: 600; border-bottom: 2px #ff3600 solid; padding-bottom: 2.8rem; margin-bottom: 3.2rem;}
.process { margin-top: 30px;}
.process ul{ display: flex; align-items: stretch;}
.process ul li { flex:1; display: flex; justify-content: center; font-size: 2.2rem; color: #000;}
.process ul li a{ display: flex; flex-direction: column; text-align: center;}
.process ul li.no2{ flex:none; width: 6.6rem;}
.process ul li.no2 img{ width: 100%; height: 2.3rem; margin-top:7rem;}
.process ul li img{ margin: 3rem auto; width: 8.6rem; height: auto;}
.midd_l.no2{ padding-top: 76px; padding-bottom: 50px;}
.he_content{ line-height: 1.9; font-size: 1.8rem;}

.search_m{ position: relative;}
.search_m img{ width: 100%; height: auto;}
.search_m .search_1{ max-width: 1200px; width: 90%; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); display: flex; align-items: stretch;}
.search_m .sumbit{ width: 24.5%;height: 70px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 2.6rem; letter-spacing: 3px; border: 0px; background-color: #000; color: #fff; border-radius: 5px; cursor:pointer;}
.search_m .sumbit:hover{ background-color:#222;}
.search_m .formbit{ flex:1; background-color: #fff; border-radius: 5px; border: 0px; margin-right: 10px; padding: 0px 22px; border: 0px; outline: none; font-size: 2rem; height: 70px; line-height: normal;}
.search_m .sumbit .iconfont{ margin-right: 20px; font-size: 22px;}
.app_m{background: linear-gradient(130deg,#ff7200,#ff3700); padding-top: 88px; padding-bottom: 100px;}
.app_content{ display: flex; align-items: flex-start; justify-content: space-between;}
.app_content .box{ width: 72.4rem; margin-right: -8.9rem;}
.app_content .photo{ width: 83.6rem;}
.app_content .box .pic{ margin-bottom: 8.7rem;}
.app_content .box .content{ margin-left: 1.6rem; color: #fff;}
.app_content .box .content .weix2{ width: 19.4rem;border-radius: 10px;
    padding: 1rem; background-color: #fff; overflow: hidden;}
.app_content .box .content .tpright{ flex:1; overflow: hidden; margin-left: 4rem;}
.app_content .box .content .tpright .title{ font-size: 4rem; line-height: 1.2; margin-bottom: 15px;}
.app_content .box .content .tpright .more{ width: 24rem; height: 6rem; border-radius: 3rem; display: flex; align-items: center; justify-content: center; background-color:rgba(255,255,255,0.2); border: 1px #fff solid; font-size: 2.4rem; color: #fff;}
.app_content .box .content .tpright .more .iconfont{ font-size: 3rem; margin-left: 5px;}
.app_content .box .content .tpright .more:hover{background-color:rgba(255,255,255,1); color: #ff3600; }

@media screen and (max-width: 1540px){
	header .menu a{ font-size: 16px;}
	header .langer{ font-size: 16px;}
	header .langer .l_content { width: 130px;}
	header .langer .l_content dl dd a{  font-size: 16px;}
	.cate_list ul li a .title{ font-size: 25px; }
	.index_bt{ font-size: 25px;}
	.ac_box .content .txt{ font-size: 25px;}
	.ac_box .content .desc{ font-size: 16px;}
	.ac_box .content .online1{ font-size: 12px;}
	.new_list ul li a{ font-size: 13px;}
	.help_m .help_l{line-height: 59px;}
	.he_content{ font-size: 16px;}
	.search_m .sumbit{ height: 55px;}
	.search_m .formbit{ height: 55px;}
}
@media screen and (max-width: 1200px){
	.container{
		width: 92%;
	}
	.cate_list ul li a .title{ font-size: 20px;}
	.trend_list ul li{ border-radius: 10px; font-size: 16px;}
	.trend_list ul li .content .price{ font-size: 18px;}
	footer{ font-size: 14px;}
	.goback .iconfont{ font-size: 18px; margin-bottom: 5px;}
	.ac_box .content .txt{ font-size: 20px; margin-bottom: 10px;}
	.ac_box .content .desc{ font-size: 14px;}
	.ac_box .content .online1 img{ width: 100px;}
	.sub_class ul li a{ font-size: 16px;}
	.sub_class ul li{ margin: 5px 5px;}
	.about_m .ab_right .r_title{ font-size: 25px;}
	.about_m .ab_right .a_title{ font-size: 25px;}
	.about_m .ab_right .items .txt{ font-size: 20px;}
	.new_list ul li a .title{ font-size: 16px;}
	.new_show .title{ font-size: 20px;}
	.new_show .date{ font-size: 14px; padding-top: 5px; margin-bottom: 25px;}
	.new_show .new_content{ font-size: 14px;}
	.new_show .new_content p{ margin-bottom: 20px;}
	.process ul li{ font-size: 14px;}
	.he_content{ font-size: 14px;}
	.search_m .formbit{ font-size: 14px;}
	.search_m .sumbit{ font-size: 16px;}
	.search_m .sumbit .iconfont{ font-size: 20px; margin-right: 10px;}
}
@media screen and (max-width: 1000px){
	header .menu{ display: none;}
	header .menubtn {display: flex;}
	.menu-mc {display: flex;}
	header .container{ height: 60px;}
	header .langer{ font-size: 14px !important;}
	header .langer .l_content dl dd a{ font-size: 14px;}
	header .langer .l_content{ width: 115px;}
	header .langer .l_content dl dd a img{ width: 20px;}
	header .logo img{ width: 130px;}
	.index_bt .more{ font-size: 14px;}
	.index_bt .more .iconfont{ font-size: 14px; margin-left: 5px;}
    .about_m .ab_right{ font-size: 14px;}
	.about_m .ab_left .title{ font-size: 18px;}
	.about_m .ab_left ul li a{ font-size: 14px;}
	.banner ul li img{ min-height: 200px;object-fit: cover;
		object-position: top center;}
	.help_m .help_l ul li{ font-size: 14px;}
	.help_m .help_l .title{ font-size: 18px;}
	.help_m .help_l{ width: 200px;}
	.help_m .help_l ul li .txt .iconfont{ right: 45px;}
	.help_m .help_r .h_title{ font-size: 20px;}
}
@media screen and (max-width: 768px){
	.index_bt{ font-size: 20px; padding: 23px 0px;}
	.promo_list ul li img{ border-radius: 10px;}
	.cate_list ul li a .iconfont{ width: 25px; height: 25px; font-size: 14px;}
	.cate_list ul li a .title{ font-size: 18px;}
	.cate_list ul li{ border-radius: 10px;}
	.trend_list ul {    grid-template-columns: repeat(2, 1fr);    grid-gap:15px 15px;}
	.trend_list ul li{  font-size: 14px;}
	.trend_list ul li .content .price{ font-size: 16px;}
	.trend_list ul li .content{ padding: 12px 12px 16px;}
	.trend_list ul li .photo .box .pic{ padding: 5px;}
	footer .f_bottom .tpright .list li img{ width: 15px;}
	footer .f_bottom .tpright .list li .txt{ margin-left: 10px; margin-right: 20px;}
	footer .f_bottom .tpright .online{ padding-left: 25px;}
	footer .f_bottom .tpright .online img{ width: 25px;}
	.ac_box{ flex-direction: column;}
	.ac_box .photo{ width: 100%;border-radius: 10px;}
	.activity{ padding: 30px 0px;}
	.specia.no1 {
        display: none;
    }
	.fany{ margin-top: 30px;}
	.part_3.no1{ padding-top: 30px;}
	.sub_banner{ margin-bottom: 20px; border-radius: 10px;}
	.sub_banner .s_btn span{ width: 7px; height: 7px;}
	.sub_class{ margin-bottom: 20px;}
	.sub_class ul li a{ padding: 0px 15px;}
	.about_m .ab_left{ display: none;}
	.about_m .ab_right{ width: 100%;}
	.nybanner img{ min-height: 150px;object-fit: cover;
		object-position: top center;}
		.nybanner .container .title{ font-size: 23px; margin-bottom: 6px;}
		.nybanner .container .eng{  font-size: 16px;}
		.about_m{ padding: 35px 0px;}
		.about_m .ab_right .r_title{ font-size: 22px;}
	.about_m .ab_right .a_title{ font-size: 22px;}
	.about_m .ab_right .items .txt{ font-size: 18px;}
	.about_m .ab_right .items{ padding-bottom: 15px; margin-bottom: 15px;}
	.new_list ul{grid-template-columns: repeat(2, 1fr);    grid-gap:25px 25px;}
	.new_show .new_content{ margin-bottom: 30px;}
	.new_fy ul{ flex-direction: column;}
	.new_fy ul li{ flex:none; width: 100%;}
	.new_fy ul li a{ font-size: 14px;}
	.midd_l.no2{ padding-top: 36px; padding-bottom: 36px;}
	.help_m .help_l{ display: none;}
	.help_m .help_r .h_title{ padding-bottom: 20px; margin-bottom: 20px;}
	.help_m .help_r{ padding: 20px;}
	.process ul{ flex-wrap: wrap;}
	.process ul li{ width: 34%; flex:none;margin-bottom: 10px;}
	.process ul li img{ width: 50px;}
	.process ul li.no2{ width: 30px;}
	.process ul li.no2 img{width: 30px; height: 10px; margin-top: 25px;}
	.search_m .pic{ min-height: 500px;object-fit: cover;
		object-position: center center;}
		.app_content { flex-direction: column;}
		.app_content .box{ width: 100%; margin-bottom: 30px; margin-right: 0px;}
		.app_content .box .pic img{ max-width: 500px; width: 100%;}
		.app_content .photo{ width: 100%; text-align: center;}
		.app_content .box .content{ width: 100%;}
		.app_content .box .content .weix2{ width: 100px; padding: 5px;}
		.app_content .box .content .tpright .title{ font-size: 20px;}
		.app_content .box .content .tpright .more{ width: 140px; height: 35px; border-radius: 25px; font-size: 14px;}
		.app_content .box .content .tpright .more .iconfont{ font-size: 16px;}
		.app_content .box .content .tpright{ margin-left: 15px;}
		.app_content .box .pic{ margin-bottom: 30px;}
		.app_m{ padding: 50px 0px;}
}
@media screen and (max-width: 540px){
	.cate_list ul{ display: flex; flex-wrap: wrap; justify-content: space-between;   grid-gap: 0rem 0rem; }
	.cate_list ul li{ width: 48.5%; margin-bottom: 10px;}
	.cate_list ul li:nth-child(1),.cate_list ul li:nth-child(6){ width: 100%;}
	.cate_list ul li:nth-child:last-child{ margin-bottom: 0px;}
	.part_2{ margin-bottom: 30px;}
	.cate_list ul li a .title{ top: 12px; right: 12px;}
	.cate_list ul li a .iconfont{ bottom: 12px; right: 12px; font-size: 12px;}
	.promo_list .s_btn1 span{ width: 7px; height: 7px;}
	.promo_list .s_btn1{ bottom: 10px;}
	.cate_list ul li a .title{ font-size: 16px;}
	.part_3{ padding-bottom: 40px;}
	footer .f_bottom{flex-direction: column;}
	footer .f_bottom .weix{ margin-bottom: 20px;}
	footer .f_bottom .weix ul li .box{ width: 100px; padding: 5px;}
	footer .f_bottom .weix ul li{ margin: 0px 10px;}
	footer .f_bottom .tpright .online{ margin-top: 15px;}
	footer .f_bottom{ padding: 30px 0px;}
	.copyright{ padding: 10px 0px;}
	.goback{width: 50px; height: 50px; font-size: 10px; right: 5px; bottom: 3%;}
	.goback .iconfont{ font-size: 16px;}
	.new_list ul{grid-template-columns: repeat(1, 1fr);    grid-gap:30px 25px;}
	.new_list ul li a .title{ margin: 15px 0px;}
	.new_list ul li a .cont{ margin-bottom: 15px;}
	.midd_l.no1{ padding-top: 40px; padding-bottom: 30px;}
}
@media screen and (max-width: 450px){
	.search_m .search_1{ flex-direction: column;}
	.search_m .search_1 .formbit{ flex:none; width: 100%; margin-right: 0px; margin-bottom: 15px; height: 50px;}
	.search_m .search_1 .sumbit{ width: 50%; margin: 0px auto; height: 50px;}
}