@charset "utf-8";
/* header&foot */
/* @font-face {font-family: "huakang"; src: url('../font/huakang.ttc');} */
body{ color: #000; font-size: 16px; background-color: #fff;}
.box{width: 1560px; margin: 0 auto;}
a,img,button{ transition: 0.3s; color: #000;}
/*img{object-fit: cover;}*/
a:hover{ }
header{ width: 100%; position: relative; height: 116px; background-color: #fff;position: sticky; left: 0; top: 0; z-index: 9991; box-shadow:0 0px 5px rgba(0, 0, 0, 0.05);}
.head{ display: flex; align-items: center; height: 100%; width: 1560px; margin: 0 auto; justify-content: space-between;}
.logo img{ display: block; height: 75px; /*max-width:154px;*/object-fit: contain;}
nav{ height: 100%; display: flex;align-items: center;  flex-wrap: wrap; justify-content: space-between; flex: 1; margin: 0 5%;}
.nav-item{position: relative;height: 100%;}
.mc{display: none}
.first-nav{ height: 100%; width: 100%;}
.first-nav a{ font-size: 18px; display: flex; align-items: center; justify-content: center; height: 100%; position: relative; transition: 0.3s; padding:0 3px;}
.first-nav a em{position: absolute; width: 0; height: 3px; background: #000; left: 0;transition: 0.3s; top: 0;}
.first-nav.on em{ width: 100%;}
.first-nav.on a{font-weight: bold;}
.nav-item:hover em{width: 100%;}
.nav-item:hover .first-nav a{ font-weight: bold;}
.second-nav{position: absolute; left: 50%; transform: translateX(-50%); background: rgba(255,255,255,0.8); min-width: 100%;  box-sizing: border-box;/* box-shadow: 0 0 10px rgba(0,0,0,.2); */z-index: 9995; max-height: 0; overflow: hidden; opacity: 0; transition: 0.3s; padding:0 20px;}
.second-nav a{display: block; width: 100%;line-height: 2; transition: 0.3s; white-space: nowrap; text-align: center; font-size: 16px;}
.first-nav a i::before{content: "\e600";}
.first-nav.focus i{transform: rotate(180deg);}
.first-nav a i{ display: none;}
.nav-item:hover .second-nav{ max-height: 1000px; opacity: 1;padding:10px 20px;}
.second-nav a:hover{ text-decoration: underline;}
.mBtn{ display: none;  cursor: pointer;   box-sizing: border-box; width: 40px; height: 40px;align-items: center; justify-content: flex-end; /* background-color: #d02919; */ }
.mBtn span{ display: block;  width: 22px;}
.mBtn span i{width: 100%; height: 2px; background: #000; display: block; margin: 0 auto;  margin-top: 5px; transition: 0.5s;}
.mBtn span i:first-child{margin-top: 0;}
.mBtn.active span i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(4px);}
.mBtn.active span i:nth-child(2){transform: rotate(-45deg) translateY(-1px) translateX(1px);}
.mBtn.active span i:nth-child(3){ width: 0px;}
.mBtn.active span i{ background-color: #000;}
.mBtn.active{ background: none;}
.top_ri{ height: 100%;}
.topribox{ display: none; position: absolute; right: 0; background-color: #fff; box-sizing: border-box;z-index: 9991; top: 100%;}
.topri_nav{ margin: 0 5px; transition: 0.3s; position: relative; height: 100%; display: flex;align-items: center;}
.topri_nav:hover .topdian,.topri_nav.on .topdian{ background-color: #eee; cursor: pointer;}
.topri_nav .topdian{ display: flex; width: 32px; height: 32px; border-radius: 100%; justify-content: center; align-items: center; line-height: 32px;}
.topri_nav .topdian img{ width: 18px;}
.topdian{ font-size: 0;}
.topdian.on{font-size: 22px; color: #000;}
.topdian.on img{ display: none;}
.sousou{ padding: 20px; width: 330px; padding-top: 10px;}
.souk{ width: calc(100% - 40px); height: 40px; border: 1px solid #000; box-sizing: border-box; padding: 0 15px;}
.sous{ background-color: #000; color: #fff; width:80px; height: 40px; border: none;}
.topxiala{padding: 20px;}
.topxiala a{white-space: nowrap;}
.banner{ width: 100%;}
.swiper {width: 100%;height: auto;}
.swiper-slide img {display: block; width: 100%; height: auto; object-fit: cover;}
.swiper-wrapper{ height:auto;}
.swiper-pagination-bullet{position: relative; opacity: 1; width: 8px; height: 8px; background: #fff; border-radius: 100%; margin: 0 20px!important;}
.swiper-pagination-bullet::after{ content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.swiper-pagination-bullet-active::after{opacity: 1;width: 22px; height: 22px; border-radius: 100%; border: 2px solid #fff; background: transparent;}
.swiper-pagination{ bottom: 20px!important; height: 22px;}
.ban_bg{ width: 100%; height: auto;}
.swiper-button-next::after,.swiper-button-prev::after{ color: #fff; font-weight: normal; font-size: 18px; opacity: 0.5; font-weight: bold; transition: 0.3s;}
.swiper-button-prev,.swiper-button-next{ width: 42px; height: 108px; max-height: 15%; transition: 0.3s; top: 50%!important; margin: 0!important; transform: translateY(-50%)!important; background-color: rgba(0,0,0,0.3);}
.banner .swiper-button-prev{ left: 2%;}
.banner .swiper-button-next{ right: 2%;}
.swiper-button-prev:hover,.swiper-button-next:hover{  background-color: rgba(0,0,0,0.4);}
.swiper-button-prev:hover::after,.swiper-button-next:hover::after{ opacity: 1;}
#toTop{ background-color:rgba(0,0,0,0.6); right: 1%; bottom: 120px; width: 40px; height:40px;display: flex; justify-content: center; align-items: center; transition: 0.3s; z-index: 9990; }
#toTop:hover{background-color:rgba(208,41,25,0.8);}
#toTop img{ width: 60%;}

section{ padding: 60px 0;}
main{width: 1560px; margin: 0 auto;}
.tu h1{ overflow: hidden; position: relative; width: 100%;}
.tu h1 img{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.tu h1::after{ width: 100%; padding-top: 134%; content: ""; display: block;}
.tu h1 img:hover{ transform: scale(1.05);}
.title{ font-weight: bold; font-size: 34px;}
.con1{ margin-top: 70px;}
.con1box{ width: 22.5%; display: flex; flex-direction: column;align-self: baseline;}
.con1top h1{ font-size: 26px; font-weight: bold; margin-bottom: 22px;}
.con1top  .more{ background: url(../img/kuang.png) left top no-repeat; width: 97px; height: 32px; display: flex; align-items: center; box-sizing: border-box; padding-left: 10px; font-size: 14px;}
.con1top  .more:hover{ transform: translateY(-5px);}
.con1top img{ width: 76px; display: block; margin-top: 42px; margin-bottom: 24px;}
.con1con .con1box{ margin-top: 30px;}
.con2 img{ width: 100%;}
/*.con3{ margin-left: calc(50% - 780px);}*/
.con3 .tu h1::after{padding-top: 53%;}
.con3tu{ width: 100%; position: relative; display: block;}
.con3ceng{ position: absolute; left: 0; color: #fff; bottom: 0; width: 100%; box-sizing: border-box; padding: 24px; background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));transition: 0.3s;}
.con3 .swiper-slide{ width: 60%;}
.con3ceng h2{ font-size: 22px;}
.con3ceng p{ font-size: 18px; margin-top: 10px;}
.con3ceng span{ width: calc(100% - 46px);}
.con3ceng h3 img{ width: 36px;}
.con3tu:hover .con3ceng{background:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0))}
.con4box{ background-color: #f6f6f6;}
.title_ri{ position: relative; width: 140px;}
.title_ri .swiper-button-prev,.title_ri .swiper-button-next{ height: auto; max-height: auto; width: 36px;}
.title_ri .swiper-button-prev{ left: 0;}
.title_ri .swiper-button-next{ right: 0;}
.title_ri .swiper-button-next::after,.title_ri .swiper-button-prev::after{ color: #000; opacity: 1; font-size: 24px; font-weight: bold;}
.title_ri .swiper-button-prev:hover::after,.title_ri .swiper-button-next:hover::after{ color: #d02919;}
footer{ width: 100%; color: #9f9f9f; background: url(../img/ftbj.jpg) center top no-repeat; background-size: cover;}
footer a{ color: #9f9f9f;}
footer a:hover{ color: #fff; text-decoration: underline;}
.ft_top{ flex-wrap: wrap; padding: 56px 0;}
.ftlogo img{ display: block; width: 206px;/*-webkit-filter: grayscale(100%);filter: grayscale(100%);*/}
.ftsou{ width: 640px; height: 60px; max-width: calc(100% - 240px);border: 1px solid #5e5e5e;box-sizing: border-box; padding-right: 15px; background-color: #2f2f2f;}
.xian{ width: 100%; height: 1px; background-color: #5e5e5e;}
.ftsou .sous{ width: 38px; height: 34px; border: 1px solid #5e5e5e; background: #454443; display: flex; justify-content:center; align-items: center;}
.ftsou .souk{ border: none; background-color: transparent; width: calc(100% - 50px); color: #fff;}
.ftsou .souk::-webkit-input-placeholder {color:#d4d4d4;}
.ft_di{ padding: 30px 0; flex-wrap: wrap;}
.ft_di p{ display: flex; flex-wrap: wrap;}
.ft_di p i{ margin-left: 15px;}
.ftdh{ color: #fff;}
.ftdh img{ margin-right: 15px;}
.ftdh i{ font-size: 24px; font-family: Arial, Helvetica, sans-serif; margin-left: 10px;}
.ftle{ flex: 1;}
.ftxian{ width: 1px; height: auto; background-color: #5e5e5e; margin: 0 80px;}
.ft_con{ flex-wrap: wrap; padding-top: 30px; padding-bottom: 56px;}
.ftxl{ display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 72px; padding-top: 10px;}
.erweima span{ display: block; width: 140px; height: 140px; padding: 2px; background-color: #fff;}
.erweima span img{ width: 100%; display: block;}
.ftwl{ width: 72px; height: 72px; display: flex; justify-content: center; align-items: center; border: 1px solid #5e5e5e; background-color: #262626; border-radius: 15px; transition: 0.3s;}
.ftwl:hover{ cursor: pointer; border: 1px solid #fff;}
.ftwl img{ max-width: 76%;}
.sanj{ display: block; margin: 0 auto;}
.ftwl.on,.ftlian:hover .ftwl{ border: 1px solid #fff;}
.ftlian{  margin-left: 40px; position: relative;}
.ftlian:nth-child(1){ margin-left: 0;}
.ftnav{ margin-top: 15px;}
.ftnav h1{ font-size: 18px; color: #fff; position: relative; padding-bottom: 20px;}
.ftnav h1 i{ position: absolute; left: 0;bottom: 0; height: 1px; width: 12px; background-color: #d02919;}
.ftnav span{ display: block; margin-top: 8px;}
.ftnav p{ line-height: 40px;}

.sxdong{animation: dup1 3s linear infinite;}
@keyframes dup1 {
0%{transform:translateY(-50%);}
50%{transform:translateY(0);}
100%{transform:translateY(-50%); }
}
.fubox:hover{ animation-play-state: paused;}

/*分页样式*/ 
ul.yiiPager{ display: flex;  justify-content: center;}  
ul.yiiPager li{display:block; margin: 2px;}  
ul.yiiPager li a{ width: 40px; height: 40px; border-radius: 8px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; line-height: 1; border:#ddd solid 1px;color: #666; transition: 0.3s;}  
ul.yiiPager li a:hover{background:#d02919;border:#d02919 solid 1px;color:#FFF;}
ul.yiiPager li.first a::before{content: "\e741";}
ul.yiiPager li.last a::before{content: "\e741"; transform: rotate(180deg);}
ul.yiiPager li.previous a::before{content: "\e694";transform: rotate(180deg); font-size: 14px;}
ul.yiiPager li.next a::before{content: "\e694"; font-size: 14px;}
ul.yiiPager li.selected a{background:#d02919;border:#d02919 solid 1px;color:#FFF;}
.bar{ display: flex; justify-content: space-between; width: 100%; margin-top: 40px;}
.bar a{color: #666; line-height: 1; transition: 0.3s;background: #F2F2F2;}
.bar a:hover{background: #d02919; color: #fff;}
.bar a.show_prev{display: flex; align-items: center; justify-content: space-between;  padding: 15px 20px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_prev::before{content: "\e694"; transform: rotate(-180deg);}
.bar a.show_prev i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.bar a.show_next{display: flex; align-items: center; justify-content: space-between;  padding: 15px 20px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_next::after{content: "\e694"; }
.bar a.show_next i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; text-align: right;}
.bar a.back_list{display: flex;align-items: center; justify-content: center; width: 140px;}
.bar a.back_list::before{content: "\e675"; display: block; margin-right: 8px;font-size: 14px;}
.show_title{text-align: center; padding-top: 20px;}
.show_title h1{font-size: 24px; font-weight: bold; border-bottom: 1px #dadada solid; padding-bottom: 30px;}
.show_title h2{font-size: 18px;color: #666; display: flex;align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 30px;}
.show_title i{ padding:0 10px;}
.danye{line-height: 2; width: 100%; font-size: 18px;}
.danye img{max-width: 100%!important; height: auto;}
.erbanner{ width: 100%; /*height: 590px;*/ position: relative;}
.ernav{ width: 100%; height: 70px; background: rgba(255,255,255,0.9); position: absolute; left: 0; bottom: 0;}
.ernav a{ height: 100%; position: relative; display: flex; align-items: center; font-size: 20px; margin-right: 0.9rem;}
.ernav a i{ position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background-color: #d02919; transition: 0.3s;}
.ernav a:hover i,.ernav a.on i{ width: 60%;}
.ernav a:hover,.ernav a.on{ color: #d02919;}
.ernav .swiper-slide,.dd_nav .swiper-slide{ width: auto!important;display: flex; align-items: center;}
.threenav{display: flex; justify-content: center; flex-wrap: wrap; }
.threenav a{ font-size: 20px;padding:10px 20px; display: flex;border-radius: 10px; margin: 10px 20px; box-sizing: border-box;border: 1px solid #fff;}
.threenav a:hover,.threenav a.on{ border: 1px solid #b2b2b2;}
.cpzs{ display: flex; flex-wrap: wrap;}
.cpzs .tu h1{ border-radius: 10px;}
.cp_di{ width: 100%; align-items: center; font-size: 20px; font-weight: bold; margin-top: 25px;}
.cp_di span{ width: calc(100% - 75px); display: block;}
.cp_di span p{ margin-top: 12px;}
.cp_di h2{ font-weight: bold;}
.cp_di h3{ background-color: #efefef; width: 45px;transition: 0.3s; height: 45px; display: flex; margin-right: 20px; border-radius: 100%; align-items: center; justify-content: center;}
.cp_di h3 img{ display: block; width: 24px; max-width: 54%;}
.cplist{ margin-top: 0.5rem;}
.cplist:hover h3{ width: 50px; height: 50px;}

.qybox1{ background: url(../img/qybj.jpg) left top no-repeat; background-size: 100%;}
.qycon1{ flex-wrap: wrap; align-items: flex-start;}
.qy1le h2,.khtit h2{ font-size: 36px; }
.qy1le p,.khtit p{font-size: 22px; margin-top: 10px;}
.qy1le p span{ color: #d02919;}
.qycon1 .danye,.qycon1ri{width: 40%;}
.qy1le,.spneirong{width: 55%;}
.spneirong{ position: relative; display: flex; align-items: center; z-index: 3; height: auto;overflow: hidden;}
.spneirong img{ width: 100%; display: block;}
.spneirong video{ display: block; width: 100%; height: 100%;}
.spneirong span{ display: flex; text-align: center; justify-content: center; align-items: center; left: 0; top: 0; width: 100%; height: 100%; z-index: 4; position: absolute; background: rgba(0,0,0,0.3);}
.spneirong span h1{ display: flex; text-align: center; color: #fff; cursor: pointer; background-color: rgba(0,0,0,0.3); width: 100%; height: 100%; align-items: center; justify-content: center;}
.spneirong span h1 img{ width:64px; height: 64px; transition: 0.3s;}
.spneirong span h1 img:hover{transform: scale(1.05);}
.qycon1di{ align-items: flex-end; flex-wrap: wrap; width: 100%;}
.qyshu{ width: 100%; border-bottom: 1px solid #e9e9e9; padding: 30px 0;}
.qyshu p{ text-align: right; font-size: 18px; line-height: 1.5;flex: 1; margin-left: 20px;}
.qyshu h2{ font-size: 78px; color: #d02919; position: relative; padding-right: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1;}
.qyshu h2 i{ position: absolute; right: 0; top: 15%; font-size: 16px; font-weight: normal;}

.qycon3 img{ width: 100%; display: block;}
.qytit h2{ font-size: 36px; margin-top: 20px;}
.qytit p{ font-size: 22px; color: #d02919;}
.qycon4{flex-wrap: wrap; width: 100%;margin-top: 0.5rem; align-items:flex-start;}
.qycon4k{ width: 30%;}
.qycon4k span{ padding:30px; display: block;}
.qycon4k span h2{ font-size: 34px; font-weight: bold;}
.qycon4k span p{ font-size: 22px; margin-top: 10px;}
.qycon4k:nth-child(2) span{ padding-top: 50px;}
.qybox2{ background-color: #f4f4f4; padding: 0;}
.qybox2le{ width: 45%; padding: 0.6rem 0}
.qybox2ri{ width: 55%;}
.qybox2le .swiper-slide {
      height: auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
	  padding-right: 50px;
    }
.qycon2{ flex-wrap: wrap;}
.qycon2h{ width: 100%; height: 480px; margin-top: 0.6rem;}
.qytex h4{ font-size: 36px; font-weight: bold; color: #d02919; margin-bottom:0.3rem;}
.qytex{ margin-top: 0.3rem;}
.qytex:nth-child(1){ margin-top: 0;}
.qytex p{ color: #333; margin: 15px 0;}
.swiper-scrollbar-drag{ background-color: #d02919;}
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar{ width: 2px!important;}
.qybox2ri img{max-width: 100%; display: block;}
.qybox2ri{ display: flex; align-items: center;}
.kebt{ font-size: 22px;}
.kebt img{ margin-right: 15px;}
.khbox{ margin-top: 0.6rem;}
.khcon2 img{ display: block; width: 100%;}
.khh{ margin-top: 0.4rem;}
.khcon1k{ border: 1px solid #e5e1e1; padding: 30px; margin-right: 40px; position: relative;}
.khcon1k:hover{ border: 1px solid #000; cursor: pointer;}
.khcon1k span{ display: block; flex: 1; margin-left: 15px;}
.khcon1k>img{ height: 70px; display: block;width: auto;}
.khcon1k h2{font-size: 20px;}
.khcon1k p{ font-size: 16px; margin-top: 5px; color: #d02919;}
.khma{ position: absolute;left: 100%; height: calc(100% + 2px); padding: 10px; background-color: #fff; top: -1px; box-sizing: border-box; border: 1px solid #000; opacity: 0; transition: 0.3s;}
.khma img{ height: 100%; display: block;}
.khcon1k:nth-child(2):hover .khma{ opacity: 1;}
.xkcon.active{display: block;}
.xkcon{ display: none; margin-top: 34px;}
.xknav span{ position: relative; padding-bottom: 10px; font-size: 18px; margin-right: 38px;}
.xknav span i{ position: absolute;left: 50%; bottom: 0; transform: translateX(-50%); height: 2px; background-color: #d02919;}
.xknav span.on i{ width: 36px;}
.xknav span.on{ color: #d02919;}
.xknav span:hover{ cursor: pointer;color: #d02919;}
.kh_tex{ background-color: #f7f8fa; width: 100%; padding:20px; box-sizing: border-box; padding-top: 0; color: #555; padding-bottom: 30px; display: none;}
.kh_tit{ width: 100%; background-color: #f7f8fa; box-sizing: border-box; padding: 20px;}
.kh_tit h2{ font-size: 18px;}
.kh_tit i,.kh_tit span{ font-size:26px;}
.khcon3list{ margin-bottom: 10px;}
.kh_tit span,.kh_tit.on i{ display: none;}
.kh_tit.on span{ display: block;}

.zptit{font-size: 0.36rem;}
.zpcon1{ margin-top: 0.3rem;}
.zpcon1k{ display: block;width:48.2%; margin-top: 0.2rem; position: relative; color: #333;}
.zpcon1k span{ display: block; margin: 0 0.6rem; padding-left: 0.45rem; background: url(../img/qyb.png)left top no-repeat; position: absolute; left: 0; box-sizing: border-box; top: 50%; transform: translateY(-50%);}
.zpcon1k span h2{ font-size: 0.36rem; line-height: 1;}
.zpcon1k span h3{ font-size: 0.16rem; font-weight: bold; margin-top: 20px;}
.zpcon1k span b{ color: #d02919; margin-left: 10px; transition: 0.3s;}
.zpcon1k:hover b{ margin-left: 15px;}
.zpcon1k:hover{ transform: translateY(-5px); box-shadow: 0px 5px 10px rgba(0,0,0,0.1);}
.zpcon1k::after{ content: ""; display: block; padding-top: 36%; width: 100%;}
.zpcon2{ flex-wrap: wrap; width: 100%;}
.zpcon2k{ width: 25%; position: relative;}
.zpcon2k::after{ content: ""; display: block; padding-top: 84%;}
.zpcon2k:nth-child(1),.zpcon2k:nth-child(6){ width: 50%;}
.zpcon2k:nth-child(1)::after,.zpcon2k:nth-child(6)::after{padding-top: 42%;}
.zpcon2k img{ display: block; width: 100%; height: 100%; position: absolute;left: 0; top: 0;}
.zpcon2k h2{ position: absolute;left: 0; top: 0; box-sizing: border-box; padding: 0.3rem; color: #fff; font-size: 0.28rem;}
.zpcon2k span{ opacity: 0; display: block; width: 100%; height: 100%; position: absolute; left: 0 ; top: 0; background: rgba(208,41,25,0.5); opacity: 0; transition: 0.3s;}
.zpcon2k:hover span{ opacity: 1;}
.zpcon3{ flex-wrap: wrap; text-align: center;}
.zpcon3 span img{ max-width: 80%; display: block; margin: 0 auto;}
.zpcon3 span{ width: 15%; margin-top: 0.5rem; transition: 0.3s;}
.zpcon3 p{ font-size: 0.2rem; margin-top: 20px;}
.zpcon3 span:hover{ transform: translateY(-5px);}
.zpcon4 .tu h1::after{ padding-top: 56%;}
.zpcon4 .tu h1{ width: 62%;}
.zpcon4k{ background-color: #f1f1f1; flex-wrap: wrap;}
.zp4tex{ width: 38%; display: flex; text-align: center; justify-content: center; align-items: center;}
.zp4tex h2{ font-size: 0.36rem;}
.zp4tex p{ font-size: 18px; margin-top: 0.3rem;}
.zp4tex .biao{ margin: 0 auto; margin-top: 1rem; width: 18px; height: 18px;}
.zp4Swiper{ padding-bottom: 80px;}
.zp4Swiper .swiper-pagination{ bottom: 0; height: 30px;}
.zp4Swiper .swiper-pagination-bullet{ background-color: transparent; text-align: center; width: 15px; padding-top: 20px; color: #999; margin: 0 15px!important;}
.zp4Swiper .swiper-pagination-bullet-active::after{background: url(../img/pageicon.png) center center no-repeat;border-radius: 0; background-size: 100%;}
.zp4Swiper .swiper-pagination-bullet::after{ border:none; width: 15px; height: 10px; }
.zp4Swiper .swiper-pagination-bullet-active{ color: #d02919!important;}

.lxmap{ height:600px; width: 100%; border: 1px solid #e7e7e7; box-sizing: border-box; max-height: 50vh;}
.lxbox{ width: calc(100% - 50px); margin: 0 auto; background-color: #fff;border: 1px solid #e7e7e7; border-top: 2px solid #d02919; box-sizing: border-box; padding: 0 30px; position: relative; top: -50px; z-index: 9990; min-height: 50px; padding-bottom: 30px;}
.lxbox h2{ padding: 26px 0; font-size: 20px; box-sizing: border-box; border-bottom: 1px solid #e7e7e7;}
.lxcon{ margin-top: 20px; flex-wrap: wrap;}
.lxcon span{ margin-top: 10px;}
.lxcon span img{ display: block; margin-right: 10px;}
.lxcon span p{ font-size: 18px;}
.lxbox1{ padding-bottom: calc(60px - 50px);}

.newlistbox{ display: flex; width: 100%; flex-wrap: wrap;}
.newlistbox .tu h1::after{ padding-top: 30%;}
.newlist{ background-color: #f5f6f8; margin-bottom: 0.5rem;}
.newlist span{ display: block; box-sizing: border-box; width: 100%; padding: 0.3rem;}
.newlist span .h2{ position: relative; line-height: 1.8; padding-bottom: 12px;}
.newlist span .h2 h2{font-size: 18px; font-weight: bold; }
.newlist span .h2 i{ position: absolute;left: 0; bottom: 0; width: 36px; height: 2px; background: #999;}
.newlist span p{ line-height: 2; color: #666; margin-top: 20px;}
.newlist span h3{ margin-top: 0.3rem; font-size: 18px; color: #666;}
.newlist:hover{ transform: translateY(-5px);}

.gy1biao{ display: flex;justify-content: space-around; width: 100%; flex-wrap: wrap;}
.gy1biao span{ display: flex; flex-direction: column; width: 25%; margin-top: 20px;}
.gy1biao span h1{ width: 116px; height: 116px; border-radius: 50%; box-shadow: 2px 2px 10px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.gy1biao span h1 img{ max-width: 64px; width:55%;}
.gy1biao span p{ text-align: center; font-size: 20px; color: #d02919; margin-top: 30px;}
.gy1box{ display: flex; flex-direction: column; margin-top:10px;}
.gy1boxcon{ margin-top: 70px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.gy1boxle{ width: 50%; overflow: hidden;}
.gy1boxle img{ display: block; width: 100%;}
.gy1boxle img:hover{transform: scale(1.1);}
.gy1boxri{ width: 50%; box-sizing: border-box; padding-left: 90px;}
.gy1boxri h1{ font-size: 60px; color: #d02919; font-weight: bold;}
.gy1boxri h2{ font-size: 24px; line-height: 5;font-weight: bold;}
.gy1boxri p{font-size: 18px; color: #666; line-height: 2.2; text-indent: 2em; }
.gy1box .gy1boxcon:nth-child(2n){ flex-direction: row-reverse;}
.gy1box .gy1boxcon:nth-child(2n) .gy1boxri{ padding-left: 0; padding-right: 90px;}
.fctit{ font-size: 34px; font-weight: bold; text-align: center; color: #333;}

.zpxq .kh_tex{ background-color: #fff; border: 1px solid #d02919; padding:30px; position: relative;}
.zpxq .kh_tit{ background-color: #fff; box-sizing: border-box; padding: 20px 30px; border: 1px solid #ddd; transition: 0.3s; flex-wrap: wrap;}
.zpxq .kh_tit p{ font-size: 18px; min-width:10em; margin-right: 2em;}
.zpxq .khcon3list{ margin-top: 0; margin-bottom: 20px; transition: 0.3s;}
.zpxq .khcon3list:last-child{ margin-bottom: 0;}
.zpxq .khcon3list:hover .kh_tit{ border: 1px solid #d02919; cursor: pointer;}
.zpxq .kh_tit.on{ color: #fff; background-color: #d02919; border: 1px solid #d02919;}
.zpxq .kh_tex .danye{ width: calc(100% - 200px);}
.zp_more{ position: absolute; right: 30px; width: 180px; top: 50%; transform: translateY(-50%); height: 50px; justify-content: center; align-items: center; display: flex; color: #fff; background-color: #d95447; font-size: 18px; border-radius: 50px;}
.zp_more:hover{ background-color: #d02919;}

.lxbox.pinpai{ width:100%; margin: 0 auto; background-color: #fff;border: 1px solid #e7e7e7; border-top: 2px solid #d02919; box-sizing: border-box; padding: 0 30px; position: relative; top: 0; z-index: 9990; min-height: 50px; padding-bottom: 30px; margin-top: 0.5rem;}
.zs_box1{ flex-wrap: wrap;}
.zscon1{ width: 32%; border: 1px solid #e9e9e9; box-sizing: border-box; padding: 0.4rem;transition: 0.3s; text-align: center; color: #666; border-radius: 10px; margin-top: 0.2rem;}
.zscon1 img{ width: 40px; padding: 10px; border: 1px solid #e9e9e9; border-radius: 100%;  display: block; margin: 0 auto;}
.zscon1 h2{  margin: 15px 0;}
.zscon1:hover{ border: 1px solid #d02919;}
.zstu img{width: 100%;}
.zs_box4{ flex-wrap: wrap; margin-top: calc(70px + 0.3rem);}
.zscon4{ background-color: #f9f9f9; border-radius: 15px; box-sizing: border-box; width: 24%; padding: 30px; text-align: center; margin-top: 0.2rem; padding-top: 0;}
.zscon4 img{  width: 140px; height: 140px; border-radius: 100%; margin: 0 auto; display: block; margin-top: -70px;}
.zscon4 p{ margin-top: 20px;}
.zs_box2{ flex-wrap: wrap;}
.zscon2{ width: 49%; height: 508px; color: #fff; box-sizing: border-box; display: flex; flex-direction:column-reverse; padding: 40px; margin-top: 0.3rem; transition: 0.3s;}
.zscon2 span img{ border: 1px solid #fff; border-radius: 100%; padding: 10px; margin-right: 10px;}
.zscon2 span{ font-size: 20px; font-weight: bold;}
.zscon2 p{ line-height: 2; font-size: 18px; width: 80%; margin-top: 20px;}
.zscon2:hover{ transform: translateY(-5px);}
.zs_box3{ background: url(../img/zsbj.jpg) center center no-repeat; background-size: cover; width: 100%; padding: 0.6rem 0;}
.zs_box3 .fctit{ color: #fff;}
.zs3tu{ width: 100%; background-color: #fff; text-align: center; border-radius: 15px; padding: 30px; box-sizing: border-box;}
.zs3tu img{ display: block; margin: 0 auto; width: 80px; max-width: 50%; height: auto;}
.zs3tu h2{ margin-top: 10px; margin-bottom: 20px;}
.zs3tu:hover img{ transform: rotateY(180deg);}

.login{ background-color: #f7f7f7; box-shadow: 0 5px 10px rgba(0,0,0,0.1); margin-top: 50px; height: calc(100vh - 226px);}
.login_left{ width: 50%; height: 100%;}
.login_right{ width: 50%;max-height: 100%; overflow-y: overlay;}
.user{ width: 410px; max-width: 92%; margin: 0 auto; display: block;}
.user_tx h1{ font-size: 40px; line-height: 1.4; margin-top: 0.8rem;}
.input_box{margin-top: 50px;}
.input_item{height: 60px; border: 1px #a7a7a7 solid;margin-top: 35px;  box-sizing: border-box; padding: 0 30px; border-radius: 60px;}
.input_item.active{border: 1px #000 solid;}
.input_icon{display: flex; align-items: center; color: #999;}
.input_icon img{ display: block;}
.input_item input{
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	display: block;
	width: calc(100% - 50px);
	height: 100%;
	box-sizing: border-box;
	font-size: 16px;
}
.gouxuan{ margin-top: 30px; color: #666; padding: 0 20px; box-sizing: border-box;}
.gouxuan em{width: 14px;height: 14px; border-radius: 3px; background: #194b9d; display: flex; align-items: center; justify-content: center;margin-right: 10px;}
.denglu{width: 100%;height: 60px; margin-top: 30px; display: flex; justify-content: center; align-items: center; color: #fff; border-radius: 60px; background-color: #d02919; margin-bottom: 0.5rem;}
.gouxuan label{ display: flex; align-items: center; margin-right: 10px;}
.num-li {display: none;}
.b-radio {display: inline-block;border: none;width: 22px;height: 22px;position: relative;border-radius: 5px;caret-color: transparent;background: url(../img/duih.png) center center #ccc no-repeat; background-size: 80%;}
.b-radio:before { content: '';font-size: 0;caret-color: transparent;width: 22px;height: 22px;border: none;position: absolute;border-radius:5px;display: none;background: url(../img/duih.png) center center #d02919 no-repeat; background-size: 80%; color: #fff;}
.num-li:checked~.b-radio:before {display: block;}
.gouxuan p{ padding-left: 10px;}

.hybj{ background-color: #f4f4f4;}
.hyk{ background-color: #fff; box-sizing: border-box; border-radius: 10px; padding: 35px 25px; margin-top: 40px;}
.xq_nav{ width: 100%; border-bottom: 1px solid #f3f6f8;}
.xq_nav span{ display: block; padding-bottom: 20px;}
.xq_nav span.on{ font-weight: bold;}
.xq_nav span.on i{ width: 100%;}
.cpxq2 .xkcon{ min-height: 100px;}
.cpxq2{ margin-bottom: 50px;}
.xq_tit{ font-size: 18px;font-weight: bold; color: #333;}
.xq_con{ width: 100%; flex-wrap: wrap;border: 1px solid #f3f6f8; border-bottom: none;}
.tab_ti{ background-color: #f3f6f8;width: calc(7em + 40px); }
.tab_tex{  width: calc(100% - 7em - 40px);}
.tab_ti,.tab_tex{padding: 20px;box-sizing: border-box; font-size: 16px; display: flex; align-items: center; height: 100%;}
.tabk{ width: 50%; box-sizing: border-box; border-bottom: 1px solid #f3f6f8;}
.xqpj_top img{ width: 40px; height: 40px; display: block; border-radius: 100%;object-fit: cover; margin-right: 12px;}
.xqpj_top span p{ color: #50607a; margin-top: 10px;;}
.xqpj_top span{ width: calc(100% - 52px);}
.xq_pj{ margin-top: 30px;}
.xq_pj .danye{ font-size: 16px;}
.xqpj_bot{ box-sizing: border-box;padding-left: 52px; width: 100%; margin-top: 10px;}
.xq_tulist{ display: flex; flex-wrap: wrap; border-bottom: 1px solid #f3f6f8; padding-bottom: 30px;}
.xq_pj:last-child .xq_tulist{ border-bottom: none;padding-bottom: 0px;}
.xq_tulist img{ border-radius: 15px;}
.xq_tulist>div{ width: 184px; margin-right: 13px; max-width: calc(50% - 13px); margin-top: 10px;}
.xq_tulist .tu:hover img{transform: scale(1);}
.xq_tulist .tu h1::after{ padding-top: 100%;}
.cpxq1{ flex-wrap: wrap; width: 100%; align-items: flex-start;}
.xqbox1ri{ width: 36%; margin-bottom: 20px;}
.cpri_le{ color: #666; width: 4em; margin-top: 20px; line-height: 46px;}
.cpri_rilist span{ border: 1px solid #e5e7e9;border-radius: 5px; margin-top: 20px; margin-right: 10px; display: flex; align-items: center; height: 46px; width: auto; padding: 0 10px; box-sizing: border-box; transition: 0.3s;}
.cpri_rilist span img{ width: 34px; height: 34px; border-radius: 5px; display: block; margin-right: 10px;}
.cpri_rilist span:hover{ border: 1px solid #d02919;cursor: pointer;color: #d02919;}
.cpri_rilist span.on{border: 1px solid #d02919; color: #d02919;}
.cpri_ri{ width: calc(100% - 4em); flex-wrap: wrap; color: #666; display: flex;}
.cpri_ti{ font-size: 22px; line-height: 2;}
.cpri_le i{ padding: 0.5em;}
.cpri_list{ margin-top: 10px;}
.cpri_list.pc{ display: flex;}
.jiage{ font-size: 30px; color: #d02919; line-height: 46px; margin-top: 20px; font-weight: bold;}
.buy-num{display: flex; margin-top: 20px;}
.buy-num span{display: block; border: 1px #ddd solid; background: #fff; border-radius: 5px; text-align: center; height: 44px;width: 44px; cursor: pointer; margin-right: 4px; transition: 0.3s; font-size: 18px; display: flex; align-items: center; justify-content: center;}
.buy-num span:hover{background: #f2f2f2;}
/* .buy-num span:nth-child(2){width: 44px; cursor: auto;} */
.xq_anniu{ width: 406px; max-width: 100%; background-color: #d02919; color: #fff; font-size: 18px; height: 50px; border-radius: 10px; overflow: hidden; margin-top: 30px;}
.xq_anniu>div{ width: 50%; height: 100%; display: flex; justify-content: center; align-items: center;}
.jiagou{ background-color: #fe9d04;}
.xqbox1le .tu h1::after{ padding-top: 90%;}
.xqbox1le{ width: 62%; flex-wrap: wrap;}
.xq_tule{ width: 17%; display: flex; flex-direction: column; justify-content: space-between;}
.xq_turi{ width: 80%;}
.xqbox1le .xknav span{ position: relative; padding-bottom: 0px;  margin-right: 0; box-sizing: border-box; display: block; border-radius: 15px; overflow: hidden;}
.xqbox1le .xknav span.on{  border: 2px solid #d02919;}
.xqbox1le .xknav span:hover{ border: 2px solid #d02919;}
.xqbox1le .tu:hover h1 img{ transform: scale(1);}
.xqbox1le .xkcon{ margin-top: 0;}
.xq_ritutu{ border-radius: 15px; overflow: hidden; width: 100%;}

.hyhead{ margin-top: 40px;}
.hyhead h1{ font-size: 22px; color: #d02919;}
.hy_sousou{ width: 380px; height: 40px; border: 1px solid #e6e6e6; border-radius: 5px; box-sizing: border-box; padding: 3px; padding-left: 20px; background-color: #fff; max-width: calc(100% - 100px);}
.hy_souk{ border: none; height: 100%; width: calc(100% - 74px); display: block; background: transparent;}
.hy_sous{ width: 64px; display: flex;justify-content: center; align-items: center; background-color: #d02919; color: #fff; border: none; border-radius: 5px; height: 100%;}
.hyleft{ width: 240px;}
.hyright{ width: calc(100% - 260px);}
.hycon{ width: 100%; flex-wrap: wrap; margin-top: 20px;}
.hycon .hyk{ margin-top: 20px;}
.hylenav{ display: flex; flex-direction: column;}
.touxiang img{width: 90px; height: 90px; border-radius: 100%; margin-right: 20px;}
.touxiang h2{ font-size: 20px;}
.touxiang p{ font-size: 20px; margin-top:15px;}
.hy_dd{ text-align: center; margin-top: 30px;}
.hy_dd a{ width: 25%;}
.hy_dd a h2{ font-size: 22px; font-weight: bold;}
.hy_dd a p{ margin-top: 5px; font-size: 18px;}
.hyktit{ font-size: 20px; color: #333;}
.like{ display: flex; flex-wrap: wrap;}
.like .cplist h2{ font-size: 18px;}
.like .cplist{ margin-top: 30px;}
.like .cplist h1{ border-radius: 15px;}
.hyleft .hyk{ padding: 20px 10px;}
.hyleft a{ height: 40px; display: flex; justify-content: space-between; align-items: center; width: 100%; padding:0 10px; box-sizing: border-box; margin: 5px 0;}
.hyleft a i{ color: #666; font-family: "宋体";}
.hyleft a.on,.hyleft a.on:hover{ background-color: #d02919; color: #fff; border-radius: 5px;}
.hyleft a.on i,.hyleft a.on:hover i{ color: #fff;}
.hyleft a:hover,.hyleft a:hover i{ color: #d02919;}

.shanchu{ width: 60px; border-radius: 5px; border:1px solid #ccc; height: 30px; display: flex;justify-content: center; align-items: center; transition: 0.3s;}
.shanchu:hover{ border: 1px solid #d02919; color: #d02919;}
.hyright .b-radio{ background: none; border: 1px solid #ccc;}
.gwctop .b-radio{ margin-right: 14px;}
.gwctop .shanchu{ margin-left: 20px;}
.gwctop{ margin-top: 25px;}
.gwclist{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #e8e8e8;}
.gwclist .tu h1::after{ padding-top: 90%;}
.gwclist .tu:hover img{ transform: scale(1);}
.gw1{ width: 96px; margin: 0 20px;}
.gw1 h1{ border-radius: 5px;}
.gw2{ width: calc(100% - 164px); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.gw201 h2{ font-size: 18px; margin-bottom: 15px;}
.gw201{ width: 400px; max-width: 100%;}}
.gw202{ color: #666; line-height: 2; width: 176px; max-width: 100%;}
.gw203{ font-size: 18px; width: 90px; max-width: 100%;}
.gw204 .buy-num{ margin-top: 0; margin: 10px 0; margin-right: 10px;}
.shanchu1:hover{ color: #d02919;}
.gw204{ flex-wrap: wrap;}
.gwc_anniu>div{ width: 100%;}
.gwc_anniu{ width: 120px;}
.queren .gw2{ width: calc(100% - 116px);}
.queren .gw1{ margin: 0;}
.dingdanmap{ display: flex; justify-content: space-between; align-items: center; background-color: #f7f7f7; padding: 30px; box-sizing: border-box; margin-top: 20px;}
.dingdanmap h1{ font-size: 14px; font-weight: normal; padding-left: 40px; background: url(../img/dibiao.png) no-repeat center left; background-size: 30px; }
.dingdanmap h1 p{font-size: 14px; left: 30px;margin-bottom: 5px;}
.dingdanmap h1 p b{ font-weight: bold; font-size: 18px; padding-right: 10px;}
.dingdanmap a{ width: 100px; height: 30px; line-height: 30px; border: 1px solid #999; color: #666; border-radius: 20px; text-align: center; transition: 0.3s; margin-left: 20px;}
.dingdanmap a:hover{ background-color:#d02919; border: 1px solid #d02919; color: #fff;}
.mapbox{ width: 100%; box-sizing: border-box; padding: 30px; display: flex; align-items: center; justify-content: space-between; flex-direction: column; background-color: #f7f7f7; border-radius: 20px; margin-bottom: 20px;}
.mapbox .maptop,.mapbox .mapdi{ display: flex; justify-content: space-between; width: 100%; align-items: center;}
.mapbox .maptop a{ margin-left: 20px;}
.mapbox .maptop a img{ display: block; width: 30px;}
.mapbox .mapdi{ border-top: 1px solid #d9d9d9; margin-top: 20px; padding-top: 20px;}
.mapbox .maptople h1{ font-size: 18px; font-weight: bold; display: flex; align-items: center;}
.mapbox .maptople h1 em{ font-weight: normal; font-size: 16px; color: #888; padding-left: 10px;}
.mapbox .maptople h1 i{ font-size: 14px; color: #d02919; border: 1px solid #d02919; border-radius: 5px; padding: 2px 5px; margin-left: 10px;}
.mapbox .maptople p{ font-size: 16px; margin-top: 10px;}
.mapbox .mapdile{ display: flex; align-items: center;}
.mapbox .mapdile input{ margin-right: 10px;}
.mapbox .mapdi .item-del{ margin-top: 0;}
.fanhui,.tianjia{ display: flex; width: 150px; justify-content: center; align-items: auto; cursor: pointer; background-color: #ddd; border-radius: 20px; height: 40px; line-height: 40px; transition: 0.3s;}
.tianjia{ background-color: #d02919; color: #fff;}
.tanjia span a:hover{ background-color: #d02919;}
.fanhui:hover{background-color: #fdf4f3;}
.maplist,.mapjia{ margin-top: 30px;}
.mapjia{ box-sizing: border-box; background-color: #fff;}
.mapjia form{ display: flex; width: 100%; flex-direction: column;}
.mapjia .mapjiabox{ display: flex; align-items: center; width: 100%; margin-bottom: 15px;}
.mapjia .mapjiabox label{ font-size: 16px; width: 80px; font-weight: bold; color: #000;}
.mapjia .mapjiabox input,.mapjia .mapjiabox textarea{ padding: 15px; line-height: 30px; font-size: 16px; border: none; background-color: #f6f6f6; border-radius: 10px; box-sizing: border-box; width: calc(100% - 80px);}
.z_photo{line-height: 30px; font-size: 16px; border: none;border-radius: 10px; box-sizing: border-box; width: calc(100% - 80px);}
.mapjiaanniu{width: 300px;height: 46px;line-height: 46px; border-radius: 46px; text-align: center; color: #fff; background: #d02919; font-size: 16px; transition: 0.3s; max-width: 100%; margin: 0 auto;cursor: pointer;}
.mapjia .mapjiabox textarea{ resize: none;}
.login-tip{color:#d02919; margin-top: 8px; }
.login-tip.phone{display: none;}
.login-tip.code{display: none;}
.login-tip.pwdTip{display: none;}
.picker{ z-index: 9991!important;}
.xgtou img{ width: 50px; height: 50px; border-radius: 100%;}
.pj2{ width:100%;}
.pj2>div,.tubox li{ width: 80px; height: 80px; box-sizing:border-box;float: left; margin: 5px 0; margin-right: 20px;}
.pj2 img,.tubox li img{ width: 100%; height: 100%; display: block;}
.z_addImg{ position: relative; z-index: 4;}
.z_addImg p{ position: absolute; z-index: 6; width: 16px; height: 16px; right: 0; top: 0; background:url(../img/gb.png) center no-repeat rgba(0,0,0,0.4); background-size: 80%;}
.z_file{ background: url(../img/z_add.png) no-repeat; background-size: 100% 100%; }
.z_file input::-webkit-file-upload-button {width: 80px; height: 80px; border: none; position: absolute;outline: 0; opacity: 0; }
.z_file input#file {display: block;width: auto; border: 0; vertical-align: middle; font-size: 0;}
.pingjiabox{ display: flex; align-items: center; width: 100%; margin-bottom: 15px;}
.pingjiabox>label{ font-size: 16px; width: 80px; font-weight: bold; color: #000; display: block;}

.cart-item{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 20px;}
.cart-item:last-child{border-bottom: 0;}
.item-view{width: 180px;}
.item-view.tu h1::after{ padding-top: 90%;}
.item-view.tu h1{ border-radius: 10px;}
.item-view.tu:hover img{ transform: scale(1);}
.item-info{width: calc(100% - 220px);}
.item-name{font-size: 22px; font-weight: bold; border-bottom: 1px #eee solid; padding-bottom: 30px;}
.item-num{display: flex; align-items: center; justify-content: space-between;border-bottom: 1px #eee solid; padding: 30px 0;}
.item-price i{font-family: 'shuzi'; font-size: 18px;}
.item-price b{font-weight: normal;}
.item-del{display: flex; justify-content:space-between; margin-top: 30px; align-items: center; flex-wrap: wrap;}
.item-del span,.ddanniu h1{cursor: pointer; display: inline-block; color: #d02919; border: 2px solid #d02919; padding: 5px 15px; border-radius: 5px; transition: 0.3s;}
.item-del span{ margin-left: 15px;}
.item-del span:hover{ background-color: #d02919; color: #fff;}
.ordersxq{display: flex; align-items: center; justify-content: space-between;border-bottom: 1px #eee solid; padding: 15px 0; flex-direction: column;}
.ordersxq span{ display: flex; width: 100%; justify-content: space-between; align-items: center; line-height: 30px; padding: 5px 0;}
.ordersxq span h1{ color: #000; font-size: 16px;}
.ordersxq span p{ color: #000;font-size: 16px; font-weight: bold;}
.ordersxq span p i{ color: #d02919;}
.sjfoot .item-del{ width: 100%;}

 /*遮罩层弹窗*/
.z_mask{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;z-index: 9996;display: none; color:#000;}
.z_tuikuan{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;z-index: 9996;display: none; color:#000;}
.z_tuihuo{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;z-index: 9996;display: none; color:#000;}
.tcbox{ width:400px; margin:0 auto; box-sizing:border-box; margin-top:30px; padding-bottom:50px; display:flex; flex-direction: column; font-size:16px; max-width: 100%;}
.inputbox{ display:flex; width:100%;justify-content: space-between;align-items: center; height:44px; margin-top:10px;}
.inputbox label{ width:85px;text-align: left;}
.inputbox p,.inputbox select{ border:1px solid #cecfcf; box-sizing:border-box; height:44px; padding-left:20px; padding-right:14px; width:310px; border-radius:5px;}
.inputbox select{ border:1px solid #cecfcf; box-sizing:border-box; height:44px; padding-left:20px; padding-right:20px;  width:310px; border-radius:5px;font-size:16px; background:none;}
.inputbox p input{ border:none; height:100%; width:100%; box-sizing:border-box; font-size:16px; background:none;}
.inputbox span{width:310px;justify-content: space-between;align-items: center;height:44px; display:flex;}
.inputbox span p{ width:calc(50% - 5px)!important;display:flex;justify-content: space-between;align-items: center; height:100%;}
.inputbox span p input{ margin-right:10px;}
.tctit{ width:100%; background-color:#d02919; color:#fff; height:60px; line-height:60px;display:flex;}
.tctit h1{font-size:18px; padding-left:20px;}
.z_alert{width:420px; max-width: 90%;border-radius: 20px;background: #f6f9ff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); box-sizing: border-box; overflow:hidden; }
.tcanniu{width:376px;justify-content: space-between;align-items: center;height:48px; font-size:20px; margin:0 auto; margin-top:40px; display:flex; max-width: 92%;}
.tcanniu span{width: 170px; height: 48px;display: flex; justify-content: center; align-items: center; text-align: center; border-radius:5px; color: #fff; background-color: #666; cursor: pointer; max-width: 48%;}
.inputbox p input::-webkit-input-placeholder{color: #999;}
.inputbox h2{ font-size:18px; width:100%; text-align:center;}
.pjk{ flex-wrap: wrap;}
.pjk .pjkcon{ width: 100%!important; margin-top: 20px;}

.dd_nav{ width: 100%; border-bottom: 1px solid #e3e3e3;}
.dd_nav a{ display: block; padding-bottom: 30px; position: relative; margin-right: 5em; font-size: 20px; cursor:pointer;}
.dd_nav a i{ width: 0; transition: 0.3s; height: 2px; position: absolute; left: 0; bottom: 0; background-color: #d02919;}
.dd_nav a.on i{ width: 100%;}
.dd_nav a.on{ color: #d02919; font-weight: bold;}
.dd_nav a:hover{color: #d02919;}
.dd_nav .swiper-slide:last-child a{ margin-right: 0;}
.dd_list{ border: 1px solid #e8e8e8; box-sizing: border-box;width: 100%;}
.ddtit{ width: 100%; box-sizing: border-box; background-color: #fdf4f3; line-height: 40px; padding: 0 20px;}
.ddcon{ box-sizing: border-box; padding: 20px;}
.dd1{ width: 100px;}
.dd1.tu h1::after{ padding-top: 90%;}
.dd1.tu h1{ border-radius: 10px;}
.dd1.tu:hover img{ transform: scale(1);}
.dd2{ width: calc(100% - 120px); flex-wrap: wrap;}
.dd201{ width: 270px; line-height: 1.8;}
.dd201 p{ color: #666;}
.dd201 p i{ padding: 0 10px;}
.dd202{ width: 100px;}
.dd203{ width: 60px;}
.dd204{ width: 150px;}
.dd205{ width: 100px; line-height: 2; text-align: center;}
.dd206{ width: 96px; display:flex; align-items: center; text-align: center; justify-content: center;}
.fukuan{ border-radius: 5px; display: flex; justify-content: center; align-items: center; background: #d02919; color: #fff; width: 96px;}
.dd206 .dianji{ height: 40px;display: flex; justify-content: center; align-items: center;}
.dd_list{ margin-top: 20px;}
.zhifu{ text-align: center;}
.zhifu{ margin-top: 30px; flex-wrap: wrap; text-align: center;}
.zhifu img{ width:360px; max-width: 100%; border-radius: 15px; padding: 5px; background-color: #fff; box-sizing: border-box; display: block; border: 1px solid #eee;}
.zhifu p{ padding: 20px; font-size: 20px;}
.kongde{ text-align:center; max-width:100%; margin-top:30px; color:#666;}
.kongde img{ margin:0 auto; display:bold; max-width:60%; margin-bottom:20px;}
.erbannertu{ width:100%; display:block;}
.shaixuan{ background-color:#f7f7f7;box-sizing: border-box;padding:20px; border-radius:10px; width:100%; margin-bottom:0.5rem;}
.shaixuan a:hover{ cursor:pointer;}


textarea{resize:none;}
.tit{ font-size: 18px; font-weight: bold;}
.tex{ color: #666; line-height: 2;}
.kuai3{ width: calc(33.33% - 3%); margin-right: 4.5%;}
.kuai3:nth-child(3n){ margin-right: 0;}
.kuai4:nth-child(4n){ margin-right: 0;}
.kuai4{ width: calc(25% - 2.1%); margin-right: 2.8%;}
.dianji{ cursor: pointer; transition: 0.3s;}
.dianji:hover{ opacity: 0.9;}
.conf{ display: flex; justify-content: space-between;}
.conc{ display: flex; align-items: center;}
.confw{ width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start;}
.mtop100{ margin-top: 1rem;}
.mtop40{ margin-top: 0.4rem;}
.mtop50{ margin-top: 0.6rem;}
.mtop30{ margin-top: 0.3rem;}
.mtop20{ margin-top: 0.2rem;}
.ptop20{ padding-top: 20px;}
.ptop0{ padding-top: 0;}
.mbot50{ margin-bottom:50px;}
.pc{ display: block;}
.sj{ display: none;}
.cor1{ color: #d02919;}
.cor2{ color: royalblue;}
.cor3{ color: green;}
/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ziov{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.ziov2{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 2; /* 限制最大行数为2行 */
        -webkit-line-clamp: 2; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov3{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 3; /* 限制最大行数为3行 */
        -webkit-line-clamp: 3; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov4{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 4; /* 限制最大行数为4行 */
        -webkit-line-clamp: 4; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov5{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 5; /* 限制最大行数为5行 */
        -webkit-line-clamp: 5; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
		
.banner img,.con2 img{
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -webkit-optimize-contrast; /* Webkit (Safari/Chrome) */
	image-rendering: pixelated; /* Standards */
	}