/*日历start*/
.calendar {
  POSITION: absolute;
  WIDTH: 190px;
  HEIGHT: 180px;
  PADDING: 0;
  DISPLAY: none;
  FLOAT: left;
  border: 1px solid #819dba;
  background: #fff;
}

.calendar .calMain {
  WIDTH: 100%;
  HEIGHT: 180px;
  FLOAT: left;
  OVERFLOW: hidden;
  POSITION: absolute;
}

.calendar .calMain .calTitle {
  WIDTH: 100%;
  FLOAT: left;
  HEIGHT: 23px;
  BACKGROUND: #fff;
  OVERFLOW: hidden;
}

.calendar .calMain .calTitle .t_date {
  WIDTH: 149px;
  FLOAT: left;
  HEIGHT: 23px;
  COLOR: #51729D;
  FONT-WEIGHT: bold;
  LINE-HEIGHT: 23px;
  TEXT-ALIGN: center;
}

.calendar .calMain .calTitle .prevMonth {
  WIDTH: 15px;
  HEIGHT: 15px;
  FLOAT: left;
  MARGIN: 8px 0 0 5px;
  CURSOR: pointer;
  BACKGROUND: url(../images/date_bg.png) no-repeat 5px -87px;
}

.calendar .calMain .calTitle .nextMonth {
  WIDTH: 15px;
  HEIGHT: 15px;
  FLOAT: right;
  MARGIN: 8px 5px 0 0;
  CURSOR: pointer;
  BACKGROUND: url(../images/date_bg.png) no-repeat 6px -157px;
}

.calendar .calMain .calTitle .currentYear {}

.calendar .calMain .calTitle .currentMonth {}

.calendar .calMain .calTitle .currentYearText {
  FLOAT: left;
  MARGIN: 0 0px 0 39px;
  CURSOR: pointer;
}

.calendar .calMain .calTitle .currentMonthText {
  FLOAT: left;
  CURSOR: pointer;
  WIDTH: 30px;
  TEXT-ALIGN: right;
}

.calendar .calMain .calContent {
  WIDTH: 378px;
  HEIGHT: 157px;
  FLOAT: left;
}

.calendar .calMain .calContent .enabled {
  POSITION: absolute;
  WIDTH: 100%;
  HEIGHT: 157px;
  FLOAT: left;
}

.calendar .calMain .calContent .reserve {
  POSITION: absolute;
  WIDTH: 100%;
  HEIGHT: 157px;
  FLOAT: left;
}

.calendar .calMain .calContent .tabD {
  WIDTH: 100%;
  FLOAT: left;
  BORDER-COLLAPSE: collapse;
  BORDER-SPACING: 0;
  BORDER: 0;
}

.calendar .calMain .calContent .tabD th {
  BACKGROUND: url(../images/date_bg.png) repeat-x;
  LINE-HEIGHT: 22px;
  FONT-WEIGHT: normal;
  PADDING-BOTTOM: 4px;
  COLOR: #fff;
}

.calendar .calMain .calContent .tabD td {
  COLOR: #1F3959;
  TEXT-ALIGN: center;
  LINE-HEIGHT: 19px;
  WIDTH: 27px;
  FONT-FAMILY: "Georgia";
}

.calendar .calMain .calContent .tabD td span {
  COLOR: #C0C0C0;
}

.calendar .calMain .calContent .tabD td a {
  WIDTH: 23px;
  LINE-HEIGHT: 18px;
  FLOAT: left;
  MARGIN: 1px 0 0 2px;
  CURSOR: pointer;
  COLOR: #51729D;
}

.calendar .calMain .calContent .tabD td .nextD {
  COLOR: #BCCADC;
}

.calendar .calMain .calContent .tabD td .prevD {
  COLOR: #BCCADC;
}

.calendar .calMain .calContent .tabD td .hover {
  WIDTH: 21px;
  LINE-HEIGHT: 16px;
  BORDER: 1px solid #7D99BD;
  FLOAT: left;
  MARGIN: 1px 0 0 2px;
}

.calendar .calMain .calContent .tabD td .current {
  WIDTH: 21px;
  LINE-HEIGHT: 16px;
  BORDER: 1px solid #51729D;
  FLOAT: left;
  MARGIN: 1px 0 0 2px;
}

.calendar .calMain .calContent .tabD td .select {
  WIDTH: 21px;
  LINE-HEIGHT: 16px;
  BACKGROUND: #51729D;
  BORDER: 1px solid #51729D;
  COLOR: #fff;
  FLOAT: left;
  MARGIN: 1px 0 0 2px;
}

.calendar .calMain .calContent .tabM {
  WIDTH: 100%;
  FLOAT: left;
  BORDER-COLLAPSE: collapse;
  BORDER-SPACING: 0;
  BORDER: 0;
}

.calendar .calMain .calContent .tabM td {
  COLOR: #1F3959;
  TEXT-ALIGN: center;
  HEIGHT: 50px;
  WIDTH: 47px;
  FONT-FAMILY: "Georgia";
}

.calendar .calMain .calContent .tabM td a {
  WIDTH: 42px;
  LINE-HEIGHT: 42px;
  FLOAT: left;
  MARGIN: 0px 0 0 2px;
  CURSOR: pointer;
  COLOR: #51729D;
}

.calendar .calMain .calContent .tabM td .hover {
  WIDTH: 40px;
  LINE-HEIGHT: 40px;
  BORDER: 1px solid #7D99BD;
  FLOAT: left;
  MARGIN: 0px 0 0 2px;
}

.calendar .calMain .calContent .tabM td .current {
  WIDTH: 40px;
  LINE-HEIGHT: 40px;
  BORDER: 1px solid #51729D;
  FLOAT: left;
  MARGIN: 0px 0 0 2px;
}

.calendar .calMain .calContent .tabM td .select {
  WIDTH: 40px;
  LINE-HEIGHT: 40px;
  BACKGROUND: #51729D;
  BORDER: 1px solid #51729D;
  COLOR: #fff;
  FLOAT: left;
  MARGIN: 0px 0 0 2px;
}

.calendar .calMain .calContent .tabY {
  WIDTH: 100%;
  FLOAT: left;
  BORDER-COLLAPSE: collapse;
  BORDER-SPACING: 0;
  BORDER: 0;
}

.calendar .calMain .calContent .tabY td {
  COLOR: #1F3959;
  TEXT-ALIGN: center;
  HEIGHT: 50px;
  WIDTH: 47px;
  FONT-FAMILY: "Georgia";
}

.calendar .calMain .calContent .tabY td a {
  WIDTH: 42px;
  LINE-HEIGHT: 42px;
  FLOAT: left;
  MARGIN: 0px 0 0 2px;
  CURSOR: pointer;
  COLOR: #51729D;
}

.calendar .calMain .calContent .tabY td .nextY {
  COLOR: #BCCADC;
}

.calendar .calMain .calContent .tabY td .prevY {
  COLOR: #BCCADC;
}

.calendar .calMain .calContent .tabY td .hover {
  WIDTH: 40px;
  LINE-HEIGHT: 40px;
  BORDER: 1px solid #7D99BD;
  FLOAT: left;
  MARGIN: 0px 0 0 2px;
}

.calendar .calMain .calContent .tabY td .current {
  WIDTH: 40px;
  LINE-HEIGHT: 40px;
  BORDER: 1px solid #51729D;
  FLOAT: left;
  MARGIN: 0px 0 0 2px;
}

.calendar .calMain .calContent .tabY td .select {
  WIDTH: 40px;
  LINE-HEIGHT: 40px;
  BACKGROUND: #51729D;
  BORDER: 1px solid #51729D;
  COLOR: #fff;
  FLOAT: left;
  MARGIN: 0px 0 0 2px;
}

.calendar .calMain a:hover {
  TEXT-DECORATION: none;
}
/* 日历end */



header {
  width: 100%;
  height: 0.8rem;
}

header .pc-header {
  background-color: #fff;
  width: 100%;
  position: fixed;
  top: 0;
  display: flex;
  z-index: 999;
  align-items: center;
  height: 0.8rem;
}

header .pc-header .logo {
  width: 1.72rem;
  height: 0.52rem;
  margin-left: 12.5%;
}

header .pc-header .logo img {
  width: 100%;
  height: 100%;
}

header .pc-header .logo a {
  width: 100%;
  height: 100%;
}

header .pc-header .nav {
  display: flex;
  margin-left: 3.2rem;
}

header .pc-header .nav li {
  text-align: center;
  display: flex;
  align-items: center;
  margin-right: 0.1rem;
}

header .pc-header .nav li a {
  color: #333;
  font-size: 0.16rem;
  font-weight: 400;
  display: block;
  padding: 0.09rem 0.24rem;
}

header .pc-header .nav li a:hover {
  background: #FD8402;
  border-radius: 2rem;
  padding: 0.09rem 0.24rem;
  color: #fff;
}

header .pc-header .nav li .headerActive {
  background: #FD8402;
  border-radius: 2rem;
  padding: 0.09rem 0.24rem;
  color: #fff;
}

/* 侧边栏 */
.silder {
  position: fixed;
  right: 0.3rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  /* width: 80px;
    height: 240px; */
  background: #FFFFFF;
  box-shadow: 0px 0px 9px 1px rgba(51, 51, 51, 0.1);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  /* top */
}

.silder li {
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  padding: 0 9px;
  padding-bottom: 15px;
  padding-top: 18px;
  position: relative;
}

.silder li:hover a {
  color: #fff;
}

.silder .o:hover,
.silder .d:hover,
.silder .top:hover,
.silder .t:hover,
.silder .h:hover {
  background-color: #0774E5;
  width: 100%;
  height: 100%;
  border: none;
}

.silder .o .oneImg {
  background-image: url("../img/silder-phone.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 0.35rem;
  height: 0.35rem;
}

.silder .o:hover .oneImg {
  background-image: url("../img/silder-phone2.png");
}

.silder li .twoImg {
  background-image: url("../img/weibo.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 0.35rem;
  height: 0.35rem;
}

.silder .t:hover .twoImg {
  background-image: url("../img/weibo1.png");
}

.silder li .dImg {
  background-image: url("../img/d.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 0.35rem;
  height: 0.35rem;
}

.silder .d:hover .dImg {
  background-image: url("../img/d1.png");
}

.silder li .hourImg {
  background-image: url("../img/silder-concat.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 0.35rem;
  height: 0.35rem;
}

.silder .h:hover .hourImg {
  background-image: url("../img/silder-concat2.png");
}

.silder li .topImg {
  background-image: url("../img/top.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 0.35rem;
  height: 0.35rem;
}

.silder .top:hover .topImg {
  background-image: url("../img/top2.png");
}

.silder .silder #top {
  display: none;
}

.silder li .noHover {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.silder li .noHover:hover {
  cursor: pointer;
}

.silder li .isHover {
  position: absolute;
  right: 100px;
  top: 0;
  display: none;
  background-color: #0774E5;
  width: 210px;
  font-size: 28px;
  color: #fff;
  text-align: center;
  padding: 20px 0;
}

.silder li .isHovers {
  display: none;
  position: absolute;
  right: 100px;
  top: 0;
  background-color: #fff;
  padding: 10px 21px 5px 21px;
  background: #FFFFFF;
  box-shadow: 0px 0px 9px 1px rgba(51, 51, 51, 0.1);
  border-radius: 6px;
  width: 160px;
}

.silder li .isHovers img {
  width: 108px;
  height: 107px;
}

.silder li .isHovers p {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 13px;
}

.silder li .noHove img {
  width: 26px;
  height: 26px;
}

.silder li .noHove .ttt {
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  margin-top: 9px;
}

.main {
  width: 100%;
  height: 100%;
}

.main .banner {
  width: 100%;
  height: 7.45rem;
  background-color: #fff;
}

.main .banner #bannerSwiper {
  width: 100%;
  height: 100%;
}

.main .banner #bannerSwiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}

.main .banner #bannerSwiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
}
.main .banner #bannerSwiper .swiper-wrapper .swiper-slide img{
width:100%;
 height: 100%;
object-fit:cover;
}

.main .banner #bannerSwiper .swiper-wrapper .swiper-slide .moadl {
  position: absolute;
  right: 12.5%;
  top: 1.08rem;
  background: #FFFFFF;
  opacity: 0.85;
  padding: 0.44rem 0.57rem 0.48rem 0.59rem;
  display: none;
}

.main .banner #bannerSwiper .swiper-wrapper .swiper-slide .moadl .tit {
  font-size: 0.86rem;
  font-family: SourceHanSansSC;
  font-weight: bold;
  color: #7E5428;
  line-height: 0.92rem;
  width: 3.44rem;
}

.main .banner #bannerSwiper .swiper-wrapper .swiper-slide .moadl .subtitle {
  font-size: 0.57rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #7E5428;
  line-height: 0.5rem;
  padding-top: 0.22rem;
  border-bottom: 2px solid #7E5428;
  padding-bottom: 0.15rem;
}

.main .banner #bannerSwiper .swiper-wrapper .swiper-slide .moadl .subtitle-t {
  padding-top: 0.22rem;
}

.main .banner #bannerSwiper .swiper-wrapper .swiper-slide .moadl .subtitle-t,
.main .banner #bannerSwiper .swiper-wrapper .swiper-slide .moadl .subtitle-b {
  font-size: 0.26rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #7E5428;
  line-height: 0.38rem;
}

.main .banner #bannerSwiper .swiper-wrapper .swiper-slide .moadl .btn {
  width: 1.62rem;
  border: 1px solid #7E5428;
  border-radius: 0.26rem;
  display: block;
  padding: 0.15rem 0;
  font-size: 0.22rem;
  font-weight: 400;
  color: #7E5428;
  line-height: 0.24rem;
  margin-top: 0.37rem;
  text-align: center;
}

.main .banner #bannerSwiper .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.5);
}

.main .banner #bannerSwiper .swiper-pagination-bullet-active {
  background-color: #ffffff;
}

.main .company-Profile {
  width: 100%;
  background: url("/Theme/JY/images/bgc.jpg") no-repeat;
  background-size: 100% 7.3rem;
}

.main .company-Profile .profile-content {
  padding: 1rem 3.56rem 0.76rem 3.56rem;
  text-align: center;
}

.main .company-Profile .profile-content .profile-tit {
  font-size: 0.48rem;
  font-weight: bold;
  color: #333333;
}

.main .company-Profile .profile-content .line {
  width: 0.56rem;
  height: 0.03rem;
  background: #FD8402;
  border-radius: 1px;
  margin: 0.2rem auto;
}

.main .company-Profile .profile-content .profile-time {
  font-size: 0.3rem;
  font-weight: 400;
  color: #565656;
}

.main .company-Profile .profile-content .profile-msg {
  font-size: 0.16rem;
  font-weight: 400;
  color: #555555;
  margin-top: 0.5rem;
  line-height: 0.3rem;
}

.main .company-Profile .profile-content .profile-li {
  display: flex;
  justify-content: space-around;
}

.main .company-Profile .profile-content .profile-li li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.76rem;
}

.main .company-Profile .profile-content .profile-li li .li-d {
  font-size: 0.42rem;
  font-weight: bold;
  color: #333333;
}

.main .company-Profile .profile-content .profile-li li .li-msg {
  font-size: 0.2rem;
  font-weight: bold;
  color: #333333;
  margin-top: 0.32rem;
}

.main .company-Profile .profile-content .profile-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.77rem;
}

.main .company-Profile .profile-content .profile-btn .btn {
  width: 2.41rem;
  height: 0.67rem;
  background: rgba(7, 39, 71, 0);
  border: 1px solid #797979;
  border-radius: 0.33rem;
  line-height: 0.67rem;
display: flex;
    align-items: center;
    justify-content: center;
}

.main .company-Profile .profile-content .profile-btn .btn span {
  font-size: 0.17rem;
  font-weight: 400;
  color: #555555;
  text-transform: uppercase;
}
.main .company-Profile .profile-content .profile-btn .btn .right{
    background: url(/Theme/JY/images/btn-right.png);
    width: 0.17rem;
    height: 0.13rem;
    margin-left: 0.19rem;
    background-size: cover;
}
.main .company-Profile .profile-content .profile-btn .btn:hover{
background:#FD8402;
border:0;
}
.main .company-Profile .profile-content .profile-btn .btn:hover span{
color:#fff;

}
.main .company-Profile .profile-content .profile-btn .btn:hover .right{
 background: url(/Theme/JY/images/btn-right-white.png);
    width: 0.17rem;
    height: 0.13rem;
    margin-left: 0.19rem;
    background-size: cover;
}

.main .company-Profile .profile-content .profile-btn .btn img {
  width: 0.17rem;
  height: 0.13rem;
}

.main .Retirement {
  text-align: center;
  margin-top: 0.59rem;
}

.main .Retirement .Retirement-content {
  display: flex;
  width: 100%;
  height: 8.67rem;
  margin-top: 0.49rem;
}

.main .Retirement .Retirement-content .box2List {
  position: relative;
  padding-right: 25%;
  overflow: hidden;
}

.main .Retirement .Retirement-content .box2List .box2Lef {
  width: 100%;
}

.main .Retirement .Retirement-content .box2List .box2Lef .swiper-slide a {
  display: block;
  height: 100%;
}

.main .Retirement .Retirement-content .box2List .box2Lef .swiper-slide a .box2LefImg {
  position: relative;
  overflow: hidden;
}

.main .Retirement .Retirement-content .box2List .box2Lef .swiper-slide a .box2LefImg img {
  width: 100%;
  margin: 0 auto;
  transform: scale(1.2);
  transition: all 6s ease 0s;
}

.main .Retirement .Retirement-content .box2List .box2Lef .swiper-slide a .box2LefTit {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: #000000;
  background: rgba(0, 0, 0, 0.6);
  color: #FFFFFF;
  font-weight: bold;
  font-size: 0.16rem;
  padding: 5px 10px;
  display: none;
}

.main .Retirement .Retirement-content .box2List .box2Rig {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 25%;
  padding-left: 0.06rem;
}

.main .Retirement .Retirement-content .box2List .box2Rig .box2RigImg {
  height: 50%;
  width: 100%;
  padding: 0.03rem 0;
  position: relative;
  cursor: pointer;
}

.main .Retirement .Retirement-content .box2List .box2Rig .box2RigImg .box2RigCon {
  height: 100%;
  position: relative;
}

.main .Retirement .Retirement-content .box2List .box2Rig .box2RigImg .box2RigCon .imgFull {
  height: 100%;
}

.main .Retirement .Retirement-content .box2List .box2Rig .box2RigImg .box2RigCon .imgFull img {
  width: 100%;
  height: 100%;
object-fit:cover;
}

.main .Retirement .Retirement-content .box2List .box2Rig .box2RigImg .box2RigCon .box2RigMask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(227, 227, 227, 0.45);
  transition: all 0.6s ease 0s;
}

.main .Retirement .Retirement-content .box2List .box2Rig .box2RigImg .box2RigCon .box2RigTit {
  font-size: 0.3rem;
  color: #111111;
  position: absolute;
  left: 0;
  text-align: center;
  top: 50%;
  width: 100%;
  padding: 0 0.1rem;
  transform: translateY(-50%);
  transition: all 0.6s ease 0s;
  display: none;
  font-weight: 400;
}

.main .Retirement .Retirement-content .box2List .box2Rig .box2RigImg.active .box2RigMask {
  background: rgba(253, 132, 2, 0.88);
}

.main .Retirement .Retirement-content .box2List .box2Rig .box2RigImg.active .box2RigTit {
  color: #FFFFFF;
  display: block;
}

.main .Retirement .Retirement-content .box2List .box2Rig .box2RigImg:first-child {
  padding-top: 0px;
}

.main .Retirement .Retirement-content .box2List .box2Rig .box2RigImg:last-child {
  padding-bottom: 0px;
}

.main .Retirement .Retirement-content .box2List .swiper-slide-active .box2LefImg img {
  transform: scale(1);
}

.main .Retirement .Retirement-content .box2LefMask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.5s ease 0s;
}

.main .Retirement .Retirement-content .box2LefText {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scaleX(-1);
  color: #FFFFFF;
  margin: 0 auto;
  width: 80%;
  border-top: none;
  opacity: 0;
  transition: all 0.5s ease 0s;
}

.main .Retirement .Retirement-content .box2LefText .box2LefH4 {
  overflow: hidden;
  font-size: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.94rem;
}

.main .Retirement .Retirement-content .box2LefText .box2LefBrief {
  font-size: 0.24rem;
  line-height: 0.45rem;
  overflow: hidden;
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 0.5s ease 0s;
  font-weight: 400;
  color: #FFFFFF;
}

.main .Retirement .Retirement-content .box2Lef .swiper-slide a:hover .box2LefMask,
.main .Retirement .Retirement-content .box2Lef .swiper-slide a:hover .box2LefText {
  opacity: 1;
}

.main .Retirement .Retirement-content .box2Lef .swiper-slide a:hover .box2LefText {
  transform: translate(-50%, -50%) scaleX(1);
}

.main .Retirement .Retirement-content .box2Lef .swiper-slide a:hover .box2LefBrief {
  opacity: 1;
  transform: translate(0, 0);
  transition: all 0.5s ease 0.3s;
}

.main .community {
  width: 100%;
  text-align: center;
  margin-top: 0.57rem;
}

.main .community .box {
  display: flex;
  margin-top: 0.49rem;
  justify-content: space-between;
}

.main .community .box .box1,
.main .community .box .box2 {
  width: 49.9%;
  background: #F9F8F8;
  padding-bottom: 0.71rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main .community .box .box1 .t-img,
.main .community .box .box2 .t-img {
  width: 100%;
  height: 4.27rem;
}

.main .community .box .box1 .t-img img,
.main .community .box .box2 .t-img img {
  width: 100%;
  height: 100%;
object-fit:cover; 
}

.main .community .box .box1 .name,
.main .community .box .box2 .name {
  font-size: 0.3rem;
  font-weight: 400;
  color: #333333;
  margin-top: 0.66rem;
}

.main .community .box .box1 .info,
.main .community .box .box2 .info {
  font-size: .16rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.3rem;
  padding: 0 1.65rem;
  margin-top: 0.34rem;
}

.main .community .box .box1 .btn,
.main .community .box .box2 .btn {
  width: 2.41rem;
  height: 0.67rem;
  background: rgba(7, 39, 71, 0);
  /*border: 1px solid #E6E8EC;*/
  border-radius: 0.34rem;
  text-transform: Uppercase;
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
border: 1px solid #797979;
}

.main .community .box .box1 .btn span,
.main .community .box .box2 .btn span {
  font-size: 0.16rem;
  font-weight: 400;
  color: #737373;
}

.main .community .box .box1 .btn .right,
.main .community .box .box2 .btn .right {
  background: url("/Theme/JY/images/btn-right.png");
  width: 0.17rem;
  height: 0.13rem;
  margin-left: 0.19rem;
  background-size: cover;
}

.main .community .box .box1 .btn:hover,
.main .community .box .box2 .btn:hover {
  background-color: #FD8402;
border:0;
}

.main .community .box .box1 .btn:hover span,
.main .community .box .box2 .btn:hover span {
  color: #fff;
}

.main .community .box .box1 .btn:hover .right,
.main .community .box .box2 .btn:hover .right {
  background: url("/Theme/JY/images/btn-right-white.png");
    width: 0.17rem;
    height: 0.13rem;
    margin-left: 0.19rem;
    background-size: cover;
}

.main .forms {
  background: url("/Theme/JY/images/form-bgc.jpg") no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  padding: 0 2.4rem;
  text-align: center;
  margin-top: 0.05rem;
}

.main .forms .top {
  padding-top: 0.99rem;
}

.main .forms .forms-scope {
  text-align: center;
}

.main .forms .forms-scope .index-title-chai {
  font-size: 0.16rem;
  font-weight: 400;
  color: #AFAFAF;
}

.main .forms .financing {
  padding: 1.08rem 0 0.71rem 0;
  text-align: center;
  margin-top: 0.49rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 0.35rem 0px rgba(143, 142, 142, 0.18);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.main .forms .financing .form-t {
  font-size: 0.2rem;
  font-weight: 400;
  color: #555555;
}

.main .forms .financing .line {
  width: 0.54rem;
  height: 0.02rem;
  background: #AAAAAA;
  margin-top: 0.2rem;
}

.main .forms .financing .phone {
  font-size: 0.4rem;
  font-weight: bold;
  color: #4C4C4C;
  margin-top: 0.22rem;
}

.main .forms .financing .sub {
  width: 100%;
  margin-top: 0.76rem;
  padding-left: 0.78rem;
  font-size: 0.16rem;
  font-weight: 400;
  color: #7F7F7F;
}

.main .forms .financing .sub .t {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 0.11rem;
}

.main .forms .financing .sub input {
  padding-bottom: 0.12rem;
  margin-right: 0.5rem;
  width: 2rem;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
color:#7F7F7F;
}
.main .forms .financing .sub  #select{
                    border: none;
                    border-bottom: 1px solid #d7d7d7;
                    padding-bottom: .1rem;
                    width: 2rem;
color:#7F7F7F;
                }

.main .forms .financing .sub  #select  option{
                        color: #000;
                    }
.main .forms .financing button:hover {
  cursor: pointer;
  background: #FD8402;
  border: 0;
  color: #fff;
}

.main .forms .financing button:hover .right {
  background: url("/Theme/JY/images/btn-right-white.png");
    width: 0.17rem;
    height: 0.13rem;
    margin-left: 0.19rem;
    background-size: cover;
}

.main .forms .financing button {
  width: 2.4rem;
  height: 0.67rem;
  background: rgba(7, 39, 71, 0);
  border: 1px solid #797979;
  border-radius: 0.33rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.88rem;
  font-size: 0.17rem;
  font-weight: 400;
  color: #555555;
}

.main .forms .financing button .right {
  background: url("/Theme/JY/images/btn-right.png");
  width: 0.17rem;
  height: 0.13rem;
  margin-left: 0.19rem;
    background-size: cover;
}

.main #introductionBanner {
  height: 5.8rem;
}

.main #introductionBanner .swiper-slide {
  width: 100%;
  height: 100%;
}

.main #introductionBanner .swiper-slide img {
  width: 100%;
  height: 100%;
}

.main .introduction {
  width: 100%;
  padding: 0.65rem 2.4rem;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
}

.main .introduction .l {
  padding-right: 0.3rem;
  padding-top: 1rem;
  width: 50%;
}

.main .introduction .l p {
  font-size: 0.48rem;
  font-weight: 400;
  color: #333333;
}

.main .introduction .l .subtit {
  display: flex;
  align-items: center;
  padding-top: 0.06rem;
}

.main .introduction .l .subtit .lines {
  width: 0.51rem;
  height: 2px;
  background: #333333;
  display: block;
}

.main .introduction .l .subtit .t {
  font-size: 0.36rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.3rem;
}

.main .introduction .l .info {
  margin-top: 0.56rem;
  font-size: 0.16rem;
  font-weight: 400;
  color: #555555;
  line-height: 0.34rem;
}

.main .introduction .l .info p {
  font-size: .16rem;
  font-weight: 400;
  color: #555555;
  line-height: .34rem;
}

.main .introduction .r {
  width: 50%;
}

.main .introduction .r img {
  width: 100%;
  height: 100%;
}

.main .list {
  width: 100%;
  background-color: #f5f5f5;
  padding: 0.6rem 2.4rem 0 2.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.main .list a {
  width: 49%;
  text-align: center;
  margin-bottom: 0.3rem;
}

.main .list a img {
  width: 100%;
  height: 3.32rem;
}

.main .list a .boxs {
  padding: 0 0.65rem 0.93rem 0.59rem;
  background: #FFFFFF;
  border-bottom: 4px solid #FD8402;
}

.main .list a .boxs .tit {
  font-size: 0.24rem;
  font-weight: 400;
  color: #333333;
  padding: 0.42rem 0;
  line-height: 0.3rem;
  display: inline-block;
}

.main .list a .boxs .infos {
  text-align: left;
  font-size: 0.16rem;
  font-weight: 400;
  color: #555555;
  line-height: 0.34rem;
  /*height: 1.7rem;*/
}

.main .institution {
  width: 100%;
  padding: 0.71rem 2.4rem 0.75rem 2.4rem;
  text-align: center;
}

.main .institution .boxtion {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0.57rem;
}

.main .institution .boxtion .box1 {
  width: 60%;
  font-size: 0.16rem;
  font-weight: 400;
  color: #555555;
  line-height: 0.34rem;
  text-align: left;
}

.main .institution .boxtion .box2 {
  height: 5.03rem;
  width: 37%;
}

.main .institution .boxtion .box2 img {
  width: 100%;
  height: 100%;
}

.main .institution .number {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.6rem;
}

.main .institution .number li {
  width: 33%;
  background: #F9F8F8;
  overflow: hidden;
  position: relative;
  padding: 0.92rem 0;
}

.main .institution .number li .masktop {
  color: #333333;
  position: absolute;
  top: 50%;
  z-index: 3;
  left: 50%;
  transform: translate(-50%, -50%);
width:100%;
}

.main .institution .number li .masktop .digit {
  font-size: 0.42rem;
  font-weight: bold;
  z-index: 2;
}

.main .institution .number li .masktop .introduce {
  margin-top: 0.32rem;
  font-size: 0.2rem;
  font-weight: bold;
  z-index: 2;
}

.main .institution .number li .mask {
  background: rgba(253, 132, 2, 0.82);
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
}

.main .institution .number li:hover {
  background: url("/Theme/JY/images/banner1.jpg") no-repeat;
  background-size: cover;
}

.main .institution .number li:hover .mask {
  display: inline-block;
}

.main .institution .number li:hover .masktop {
  color: #fff;
}

.main .activity {
  width: 100%;
  background: url("/Theme/JY/images/bgc2.jpg") no-repeat;
  background-size: contain;
  padding: 0.7rem 2.4rem 0 2.4rem;
  text-align: center;
}


.main .activity .videoBox {
  margin-top: 0.6rem;
  position: relative;
  width: 100%;
  height: 6.77rem;
}

.main .activity .videoBox #video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.main .activity .videoBox .bottoms {
  background: #FD8402;
  opacity: 0.88;
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.14rem 0.19rem;
}

.main .activity .videoBox .bottoms span {
  font-size: 0.24rem;
  font-weight: 400;
  color: #FFFFFF;
}

.main .activity .videoBox .bottoms img {
  width: 0.43rem;
  height: 0.43rem;
}

.main .activity .videoBox .bottoms img:hover {
  cursor: pointer;
}

.main .environment {
  margin-top: 0.82rem;
  width: 100%;
  text-align: center;
  margin-bottom: 0.83rem;
}

.main .environment .swiperBox {
  position: relative;
  padding: 0 2.4rem;
  margin-top: 0.49rem;
}

.main .environment .environmentSwiper {
  width: 100%;
  height: 100%;
}

.main .environment .environmentSwiper .swiper-slide {
  width: 100%;
  height: 5.59rem;
  position: relative;
}

.main .environment .environmentSwiper .swiper-slide img {
  width: 100%;
  height: 100%;
}

.main .environment .environmentSwiper .swiper-slide .tit {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.23rem 0;
  background: #333333;
  opacity: 0.7;
  font-size: 0.24rem;
  font-weight: 400;
  color: #FFFFFF;
}

.main .environment .environmentSwiper .swiper-slide:hover .tit {
  background: #FD8402;
  opacity: 0.88;
}

.main .environment .environmentNext:hover,
.main .environment .environmentPrev:hover {
  cursor: pointer;
  background-color: #FD8402;
}

.main .environment .environmentPrev {
  position: absolute;
  left: 1.58rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.42rem;
  height: 0.42rem;
  background: #DCDCDC;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main .environment .environmentPrev img {
  width: 0.2rem;
  height: 0.2rem;
  transform: rotate(-180deg);
}

.main .environment .environmentNext {
  position: absolute;
  right: 1.58rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.42rem;
  height: 0.42rem;
  background: #DCDCDC;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main .environment .environmentNext img {
  width: 0.2rem;
  height: 0.2rem;
}

.main .contact {
  width: 100%;
  padding: 0 2.4rem;
  text-align: center;
}

.main .contact .contactbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.5rem;
}

.main .contact .contactbox .le {
  width: 38%;
  text-align: left;
}

.main .contact .contactbox .le p {
  font-size: 0.24rem;
  font-weight: 400;
  color: #333333;
}

.main .contact .contactbox .le .le-lin {
  display: flex;
  align-items: center;
  margin-top: 0.37rem;
}

.main .contact .contactbox .le .le-lin .sol {
  width: 0.28rem;
  border: 1px solid #555;
}

.main .contact .contactbox .le .le-lin .xu {
  border: 1px dashed #C0C0C0;
  width: 90%;
}

.main .contact .contactbox .le .info {
  margin-top: 0.45rem;
}

.main .contact .contactbox .le .info p {
  margin-bottom: 0.25rem;
  font-size: 0.18rem;
  font-weight: bold;
  color: #666666;
}

.main .contact .contactbox .le .info p span {
  font-size: 0.16rem;
  font-weight: 400;
  color: #666666;
}

.main .contact .contactbox .map {
  width: 61%;
  height: 4.68rem;
}

.main .contact .contactbox .map .index_map {
  width: 100%;
  height: 100%;
}

.main .AllTitle {
  font-size: 0.48rem;
  font-weight: bold;
  color: #333333;
}

.main .AllLine {
  width: 0.56rem;
  height: 0.03rem;
  background: #FD8402;
  border-radius: 1px;
  margin: 0.2rem auto;
}

.main .AllSubtitle {
  font-size: 0.2rem;
  font-weight: 400;
  color: #8D8D8D;
padding: 0 0.2rem;
}

.footer {
  width: 100%;
  height: 0.71rem;
  padding: 0 2.4rem;
  /*margin-top: 1.08rem;*/
  background: #333333;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer p {
  font-size: 0.14rem;
  font-weight: 400;
  color: #FFFFFF;
  opacity: 0.5;
}

.footer img {
  width: 1.56rem;
  height: 0.45rem;
  opacity: 0.5;
}

.tip-box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 0.8rem;
  background: #fff;
}

.tip-box .area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.8rem;
  padding: 0 0.3rem;
}

.tip-box .area .logo-box a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tip-box .area .logo-box a img {
  width: 2rem;
  height: auto;
}

.tip-box .area .logo-box a .company_info .line1 {
  font-size: 0.22rem;
  font-weight: 400;
  color: #333333;
}

.tip-box .area .logo-box a .company_info .line2 {
  font-size: 0.1rem;
  font-weight: 400;
  color: #333333;
  margin-top: 0.05rem;
  opacity: 0.5;
}

.tip-box .area .nav-box {
  width: 0.5rem;
  min-height: 0.35rem;
}

.tip-box .area .nav-box .menu {
  display: block;
  width: 0.5rem;
  height: 0.35rem;
  background: center / 100% no-repeat url(/Theme/JY/images/menu.png);
}

.tip-box .area .nav-box .spread {
  width: 0.51rem;
  height: 0.35rem;
  background: center / 100% no-repeat url(/Theme/JY/images/close.png);
}

.tip-box .area .nav-box ul {
  left: 0;
  position: fixed;
  top: -200%;
  z-index: 10;
  background-color: #f9fafd;
  width: 100%;
  flex-direction: column;
  transition: all 0.35s;
  opacity: 0;
  justify-content: inherit;
  padding: 0 0.25rem;
  overflow: scroll;
}

.tip-box .area .nav-box ul li {
  position: relative;
  height: auto;
  border-bottom: 0.02rem solid #eee;
}

.tip-box .area .nav-box ul li a {
  display: block;
  padding: 0;
  line-height: 1rem;
  font-size: 0.3rem;
  color: #666;
  border-left: 2px solid transparent;
  position: relative;
}

.tip-box .area .nav-box ul li .j-li a::before {
  content: "";
  display: block;
  width: 0.34rem;
  height: 0.03rem;
  background-color: #b9b9ba;
  position: absolute;
  top: 50%;
  margin-top: -0.02rem;
  right: 0;
}

.tip-box .area .nav-box ul li .j-li a::after {
  content: "";
  display: block;
  height: 0.34rem;
  width: 0.03rem;
  background-color: #b9b9ba;
  position: absolute;
  top: 50%;
  right: 0.16rem;
  margin-top: -0.16rem;
}

.tip-box .area .nav-box ul li .active a::after {
  content: "";
  display: none;
}

.tip-box .area .nav-box .open {
  top: 0.8rem;
  opacity: 1;
  padding-bottom: 0.9rem;
  background: #FFF;
}

@media (max-width: 1100px) {
  header .pc-header {
    display: none;
  }

  header .tip-box {
    display: block;
  }
.main .banner{
height:auto !important;
}
.main .banner #bannerSwiper .swiper-wrapper .swiper-slide img{
/*object-fit:contain;*/ 
height:4rem; 
}
  .main .company-Profile .profile-content {
    padding: 0 0.2rem;
  }

  .main .community .box {
    padding: 0 0.2rem;
  }
.main .community .box .box1{
width:49%;
}

  .main .community .box .box1 .t-img,
  .main .community .box .box2 .t-img {
    height: 3rem;
  }

  .main .community .box .box1 .info,
  .main .community .box .box2 .info {
    padding: 0 0.2rem;
font-size:.24rem;
  }
.main .introduction .l .info p,.main .list a .boxs .infos,.main .institution .boxtion .box1 p ,.main .contact .contactbox .le .info p span{
font-size:16px;
line-height:220%;
}
.footer p{
font-size:12px;
}
.main .contact .contactbox .le .info p,.main .contact .contactbox .le p{
font-size:16px;  
}
.footer img{
width:2rem;
height:.65rem;
}

  .main .institution {
    padding:  .3rem .2rem;
  }

  .main .institution .boxtion {
    display: flex;
    flex-direction: column-reverse;
  }
  .main .institution .boxtion .box1{
margin-top:.2rem;
}
  .main .institution .boxtion .box1,
  .main .institution .boxtion .box2 {
    width: 100%;
  }

  .main .forms {
    padding: 0 0.2rem;
    padding-bottom:.99rem;
    height: auto;
  }

  .main .Retirement .Retirement-content {
    height: auto;
  }

  .main .Retirement .Retirement-content .box2List {
    padding: 0;
  }

  .main .Retirement .Retirement-content .box2List .box2Rig {
    position: relative;
    height: auto;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .main .Retirement .Retirement-content .box2List .box2Rig {
    padding: 0;
  }

  .main .Retirement .Retirement-content .box2List .box2Rig .box2RigImg {
    width: 50%;
    padding: 0; 
  }

  .main .forms .financing button .right {
    background: url(/Theme/JY/images/btn-right.png) no-repeat;
    width: 0.5rem;
    height: 0.3rem;
    margin-left: 0.19rem;
    margin-top: 0.05rem;
  }

  .main .forms .financing .sub input {
    margin-bottom: 0.2rem;
  }

  .footer {
    padding: 0.2rem;
  }

  .main .activity {
    padding: .3rem .2rem;
  }

  .main .contact {
    padding: 0 .2rem;
  }

  .main .contact .contactbox {
    display: flex;
    flex-direction: column;
  }

  .main .contact .contactbox .le,
  .main .contact .contactbox .map {
    width: 100%;
  }

  .main .contact .contactbox .map {
    margin-top: .2rem;
  }

  .footer {
    height: auto;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }
    .footer div {
      display: flex;
      flex-direction: column !important;
      align-items: flex-start !important;
    }
        .footer div p:nth-of-type(2){
          flex-direction: column;
          align-items: flex-start !important;
        }

  .footer p {
    padding: .05rem 0;
  }

  .footer p:last-child {
    padding: 0;
  }

  .main .environment .swiperBox {
    padding: 0 .8rem;
  }

  .main .environment .environmentPrev {
    left: .1rem;
  }

  .main .environment .environmentNext {
    right: .1rem;
  }

  .main .introduction {
    padding: 0 .2rem;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
margin-bottom:.3rem;
  }

  .main .introduction .r {
    margin-top: .2rem;
height:3.5rem;
  }

  .main .introduction .l {
    padding-top: .1rem;
  }

  .main .introduction .r,
  .main .introduction .l {
    width: 100%;
  }

  .main .list {

    padding: 0 .2rem;
flex-direction: column;
  }
.main .list a{
width:100%;
margin-bottom:.5rem;
}

  .main .list a .boxs .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: .1rem;
font-size:18px;
  }

  .main .list a .boxs {
    padding: .1rem;
padding-bottom:.3rem;
  }

  .main .list a img {
    object-fit: cover;
  }
  #fromMsg{
    display: flex;
    flex-direction: column;
  }
  #fromMsg input{
    width: 90%;
  }
    .main .company-Profile{
      padding:.5rem 0;
      background-size: 100% 100%;
    }
        .main .company-Profile .profile-content .profile-msg p{
          line-height: .4rem; 
text-align:left !important;
        }
.main .company-Profile .profile-content .profile-li{
display:flex; 
flex-wrap:wrap;
}
.main .company-Profile .profile-content .profile-li li{
width:50%;
}
.main .forms .financing .sub  #select{
width:90%;
}
.main .forms .financing button{
width:auto;
}

    
}