/* CSS Document */
body{
	width:100%;
	height:auto;
	
}
body,p,img,a,div,span{
	margin:0;
	padding:0;
}
@font-face {
  	font-family: 'Geometos';
	src: url("../font/Geometos-1.ttf")format('truetype');
}
@font-face {
  font-family: '思源黑体-R';
	src: url("../font/SourceHanSansCN-Regular.otf")format('opentype');
}
@font-face {
  font-family: '思源黑体-M';
	src: url("../font/SourceHanSansCN-Medium.otf")format('opentype');
}
@font-face {
  font-family: '思源黑体-B';
	src:url("../font/SourceHanSansCN-Bold.otf")format('opentype');
}
.clearfix{
	clear:both;
}
a{
	text-decoration:none;
	color: inherit;
	outline: none; 
}
a img{
	border:none;
}
ul,li{
    list-style: none;
    margin: 0;
    padding: 0;
}
input{ 
	padding:0; 
	margin:0; 
	border:0;
	outline:none;
	list-style:none;
}

/*导航*/
.nav_box {
    width: 100%;
    height: 65px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
    box-sizing: border-box;
    position: relative;
    z-index: 999;
}

.nav {
    height: 65px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.nav li {
    float: left;
    width: 227px;
    font-size: 18px;
    line-height: 65px;
    font-family: "思源黑体-R";
    text-align: center;
    position: relative;
}

.nav li a {
    color: #282828;
    padding: 0 10px;
    font-family: "思源黑体-R";
    display: block;
    transition: all 0.3s ease;
}

.nav li a:hover {
    color: #d8614d;
}

/* 当前激活项样式 */
.nav li a.active {
    color: #d8614d;
}

/* 分隔线 */
.nav_line {
    color: rgba(0,0,0,0.5);
    float: left;
    line-height: 65px;
}

/* 联系我们按钮 */
.nav_lxwm {
    width: 123px;
    height: 35px;
    line-height: 35px;
    background-color: #c84849;
    color: #fff;
    text-align: center;
    border-radius: 17.5px;
    font-family: "思源黑体-R";
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

.nav_lxwm:hover {
    background-color: #a53c3d;
}

/* 右侧图标 */
.nav_right {
    display: flex;
    align-items: center;
}

.nav_right img {
    width: 21px;
    height: 23px;
    margin-right: 27px;
}

/* 二级菜单样式 */
.subnav {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 1000;
}

.subnav li {
    width: 100%;
    line-height: 50px;
    margin: 0;
    padding: 0;
}

.subnav li a {
    color: #282828;
    font-size: 16px;
    padding: 0;
    display: block;
}

.subnav li a:hover {
    color: #fff;
    background-color: #c44546;
}
.nav li:hover > .subnav {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
/*搜索弹框*/
.search-box {
    display: none;
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 20px 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 9;
}

.search-container {
    display: flex;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}

.search-input {
    flex: 1;
    height: 38px;
    padding: 0 20px;
    border: 1px solid #ddd;
    border-radius: 20px 0 0 20px;
    outline: none;
    font-size: 16px;
}
.search-button {
    width: 100px;
    height: 40px;
    background-color: #c84849;
    line-height: 38px;
    color: #fff;
    border: none;
    border-radius: 0 20px 20px 0;
    cursor: pointer;
    font-size: 16px;
    outline: none;
}
.close-icon {
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color:#d6d6d6;
    cursor: pointer;
}
.close-icon:hover {
    color: #d6d6d6;
}

/* 搜索框动画效果 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.search-box.active {
    display: block;
    animation: fadeIn 0.3s ease-out forwards;
}

/* Banner区域样式 */
.banner_box {
    width: 100%;
    min-height: 715px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

/*banner首页*/
.banner_box {
    width: 100%;
    min-height: 715px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    margin-top: 0;
}

.banner{
    display: flex;
    width: 500%;
    height: 715px;
    transition: transform 0.5s ease;
    transform: translateX(0);
}

.banner img{
    width: 20%;
    height: 715px;
    object-fit: cover;
}

.banner_nav{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
}

.b_dot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 10px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.5); 
    transition: background-color 0.3s ease;
    position: relative;
}

.b_dot.active {
    background-color: white;
    border-color: white;
}

.b_dot.active::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.5); 
    opacity: 1;
    transform-origin: center center;
    animation: circleProgress 4s linear forwards; 
}

/*首页定制方案*/
.content01_box{
	display: flex;
	width:100%;
	height: 755px;
	float:left;
	background-position:top center;
	background-repeat:no-repeat;
	background-image: url("../images/content01_bg.png");
	}
.content01{
	width:1360px;
	margin:0 auto;
}
.content_title{
	margin: 50px 0;
	font-family: "思源黑体-B";
	font-weight: 900;
	color: #282828;
	font-size: 35px;
	text-align: center;
}
.content_title_en{
	font-size: 18px;
	color: #4e4e4e;
	font-family:  'Geometos';
	text-transform: uppercase;
	padding: 10px 0;
}
.content01_title_en{
	font-size: 18px;
	color: #4e4e4e;
	font-family:  'Geometos';
	text-transform: uppercase;
	padding: 10px 0 0;
}
.content01_xz_box {
  float: left;
  width: calc(25% - 15px);
  height: 515px;
  overflow: hidden;
  position: relative;
  margin-right: 20px;
}
.content01_xz_box:last-child {
  margin-right: 0;
}
.content01_xz_box img {
    position: absolute;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    transition: transform 0.5s ease;
}
.content01_xz_box:hover img {
    transform: translateX(-50%) scale(1.15);
}
/*一站式服务流程*/
.content02_box {
      height: 400px;
      width: 100%;
      background-image:url("../images/process_bg.jpg");
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
      overflow: hidden;
      position: relative;
      margin: 50px 0 0;
}
.content02{
    width:1360px;
    margin:0 auto;
}
.timeline {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
  font-size: 20px;
  counter-reset: step;
}

.step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  counter-reset: step;
}

.icon {
  width: 70px;
  height: 70px;
  transition: transform 1s ease;
}

.icon:hover {
  transform: rotateY(360deg);
}

.dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin: 15px 0;
  transition: background-color 0.3s ease;
  position: relative;
  background-color: #7e7e7e;
}

.point-to-point-progress {
  width: 95%;
  height: 4px;
  position: absolute;
  top: 62%;
  left: 50%;
   transform: translate(-50%, 50%);
  background-color: #7e7e7e;
  z-index: 0;
}

.progress-line {
  height: 100%;
  background-color: #fc8f0f;
	background:#fc8f0f;
}

.step p{
  font-family: "思源黑体-R";
  color: #282828;
}
/*首页行业资讯*/
.content03_box{
	display: flex;
	width:100%;
	height: 1141px;
	float:left;
	background-position:top center;
	background-repeat:no-repeat;
	background-image: url("../images/news_bg.png");
	}
.content03{
	width:1360px;
	margin:0 auto;
}
.card{
     width: 443px;
     height: 380px;
	float: left;
     border-radius: 8px;
     overflow: hidden;
	background-color: #fff;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	margin-right: 15px;
	margin-bottom: 36px;
}
.card-img{
     width: 100%;
     height: 252px;
     object-fit: cover;
 }

.card-content {
       padding: 16px;
       position: relative;
       height: calc(380px - 252px - 32px); 
}
 .card-title {
      color: #282828;
      font-size: 20px;
      line-height: 35px;
      text-align: justify;
      margin: 0;
      font-family: "思源黑体-B";
      max-height: 105px;
      overflow: hidden;
}
.card-date {
       color: #666666;
       font-size: 18px;
       font-family: "Arial";
       position: absolute;
       bottom: 16px;
       right: 16px;
}
.more_box {
  text-align: center;
  margin: 30px auto 0;
}

.more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 164px;
  height: 57px;
  border: 2px solid #a72325;
  border-radius: 28.5px;
  color: #a72325;
  font-size: 20px;
  text-decoration: none;
  line-height: 1;
  padding: 0 16px;
  box-sizing: border-box;
  font-family: "思源黑体-R";
  transition: all 0.3s ease;
}

.more-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  background-image: url(images/more01.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.more-btn:hover {
  background-color: #a72325;
  color: #fff;
}

.more-btn:hover .more-icon {
  background-image: url(images/more02.png);
}
/*工业机器人主页*/
.robot_banner01 {
    width: 100%;
    height: 778px;
    background-image: url("../images/robot01_bg.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 10%;
    box-sizing: border-box;
}
.robot_banner01::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.15);
            z-index: 1;
}
.robot_banner01_title {
    font-size: 40px;
    color: #c44546;
    letter-spacing: 2px;
    text-shadow: 
        0 0 2px rgba(255, 255, 255, 0.5),
        -2px -2px 0 rgba(255, 255, 255, 0.5), 
        -1px -2px 0 rgba(255, 255, 255, 0.5), 
        0 -2px 0 rgba(255, 255, 255, 0.5), 
        1px -2px 0 rgba(255, 255, 255, 0.5), 
        2px -2px 0 rgba(255, 255, 255, 0.5),
        -2px -1px 0 rgba(255, 255, 255, 0.5), 
        2px -1px 0 rgba(255, 255, 255, 0.5),
        -2px  0   0 rgba(255, 255, 255,0.5), 
        2px  0   0 rgba(255, 255, 255, 0.5),
        -2px  1px 0 rgba(255, 255, 255,0.5), 
        2px  1px 0 rgba(255, 255, 255,0.5),
        -2px  2px 0 rgba(255, 255, 255,0.5), 
        -1px  2px 0 rgba(255, 255, 255,0.5), 
        0  2px 0 rgba(255, 255, 255,0.5), 
        1px  2px 0 rgba(255, 255, 255,0.5), 
        2px  2px 0 rgba(255, 255, 255,0.5);
    margin: 0 0 20px;
    z-index: 2;
    position: relative;
    font-family: "思源黑体-R";
}
.robot_content_wrapper {
    max-width: 1280px;
    margin-top: 135px;
    z-index: 2;
    position: relative;
}
 .robot_banner01_p {
            font-size: 22px;
            color: #fff;
            line-height: 2.2;
            margin: 0;
            z-index: 2;
            position: relative;
	 font-family:"思源黑体-R";
}
.content_ny_title{
	margin: 50px 0;
	font-family: "思源黑体-B";
	font-weight: 900;
	color: #282828;
	font-size: 30px;
	text-align: center;
}
.content_ny_title_en{
	font-size: 16px;
	color: #4e4e4e;
	font-family:  'Geometos';
	text-transform: uppercase;
	padding: 10px 0;
}
.content01_xz0_box {
  float: left;
  width: calc(25% - 15px);
  height: 515px;
  overflow: hidden;
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
}
.content01_xz0_box img {
    position: absolute;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    transition: transform 0.5s ease;
}
.content01_xz0_box:hover img {
    transform: translateX(-50%) scale(1.15);
}
.content01_ny_box{
	display: flex;
	width:100%;
	float:left;
	background-position:top center;
	background-repeat:no-repeat;
	padding-bottom: 50px;
	}
.content01_ny{
	width:1360px;
	margin:0 auto;
}
.content01_ny_p{
	width: 1280px;
	margin: 0 auto;
	text-align: justify;
}
.content01_ny_p h2{
	font-size: 28px;
	font-family: "思源黑体-B";
	margin: 0;
}
.content01_ny_p p{
	font-size: 20px;
	/*font-family: "思源黑体-R";*/
	line-height: 50px;
	text-indent: 2em;
}
.feature-list{
  list-style: none; 
  padding-left: 2em;
  font-size: 20px;
  /*font-family: "思源黑体-R";*/
  line-height: 50px;
}
.content01_ny_p_img {
  margin-top: 50px;
  width: 1280px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.content01_ny_p_img > div:not(.w-100) {
  position: relative;
  overflow: hidden;
  height: 515px;
}
.w-100 {
  position: relative;
  width: 100%;
  height: auto;
  /*margin-top: 20px;*/
}
.content01_ny_p_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.overlay-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: rgba(40, 40, 40, 0.6);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  text-align: center;
  transition: opacity 0.3s ease;
}

/* 宽度类 */
.w-25 { width: calc(25% - 15px); }
.w-50 { width: calc(50% - 10px); }
.w-75 { width: calc(75% - 5px); }
.w-100 { width: 100%; }
/*通用人形机器人主页*/
.robot_banner02{
    width: 100%;
    height: 778px;
    background-image: url("../images/robot02_bg.jpg");
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 10%;
    box-sizing: border-box;
}
.robot_banner02::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.15);
            z-index: 1;
}
/*服务机器人主页*/
.robot_banner03{
    width: 100%;
    height: 778px;
    background-image: url("../images/robot03_bg.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 10%;
    box-sizing: border-box;
}
.robot_banner03::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.15);
            z-index: 1;
}
.content01_xz1_box {
  float: left;
  width: calc(50% - 15px);
  height: 515px;
  overflow: hidden;
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
}
.content01_xz1_box img {
    position: absolute;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    transition: transform 0.5s ease;
}
.content01_xz1_box:hover img {
    transform: translateX(-50%) scale(1.15);
}
/*外骨骼机器人主页*/
.robot_banner04 {
    width: 100%;
    height: 778px;
    background-image: url("../images/robot04_bg.png");
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat; 
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 10%;
    box-sizing: border-box;
}
.robot_banner04::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.15);
            z-index: 1;
}
/*内页banner*/
.robot_banner05{
    width: 100%;
    height: 425px;
    background-image: url("../images/ny01_bg.png");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 10%;
    box-sizing: border-box;
}
.robot_banner05::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.15);
            z-index: 1;
}
.robot_banner06{
    width: 100%;
    height: 425px;
    background-image: url("../images/ny02_bg.jpg");
    background-size: cover;
    background-position: center bottom;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 10%;
    box-sizing: border-box;
}
.robot_banner06::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.15);
            z-index: 1;
}
.robot_banner07{
    width: 100%;
    height: 425px;
    background-image: url("../images/ny03_bg.png");
    background-size: cover;
    background-position: center bottom;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 10%;
    box-sizing: border-box;
}
.robot_banner07::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.15);
            z-index: 1;
}
/*联系我们*/
.contact-wrapper {
      width: 1360px;
      margin: 20px auto;
      display: flex;
      gap: 20px;
}
.contact-card {
      width: 320px;
      height: 68px;
      background-color: #f0f0f0;
      padding: 10px 20px;
      display: flex;
	border-radius: 4px;
      flex-direction: column;
      justify-content: center;
}
.first-text {
      color: #282828;
      opacity: 0.5;
      font-size: 18px;
      margin-bottom: 4px;
	font-family: "思源黑体-R";
}
.second-text{
      color: #282828;
      font-size: 16px;
	font-family:"思源黑体-R";
}
.second-text span{
      color: #282828;
      font-size: 18px;
	  font-family: 'Geometos';
}
.container {
    display: flex;
    gap: 20px;
}
.form-section {
    width: 660px;
    border-radius: 8px;
}
.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 10px;
}
.form-item {
    flex: 1; 
    min-width: 300px;
    display: flex;
    flex-direction: column;
}
.message-box {
    width: 100%;
}
.message-box .form-item {
    flex: 1 0 100%;
}
.form-input01,
.message-input {
    height: 40px;
    padding: 0 15px;
    border: 1px solid #efebe9;
    border-radius: 20px;
    font-size: 16px;
    background-color: #f7f7f7;
	outline: none;
	font-family: "思源黑体-R";
}
.message-input {
    height: 142px;
    padding: 15px;
    resize: none;
}
.submit-btn {
    width: 100%;
    height: 50px;
    background-color: #cc4b4c;
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 18px;
    cursor: pointer;
	outline: none;
}
.form-label {
    font-size: 18px;
    color: #282828;
    margin-bottom: 8px;
	font-family: "思源黑体-R";
}
.map-section {
     width: 680px;
     border-radius: 20px;
     overflow: hidden;
 }
.map-iframe {
     width: 100%;
     height: 400px;
     border: none;
}
/* 行业资讯部分样式 */
.content02_ny_box {
    display: flex;
    width: 100%;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
    background-image: url("../images/hyzx_bg.png");
}
.content02_ny {
    width: 1360px;
    margin: 0 auto;
}
.search-container-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 50px;
    margin-bottom: 36px;
}
.searchny-container {
    width: 425px;
    height: 50px;
    background-color: #fff;
    border-radius: 25px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    box-sizing: border-box;
    direction: rtl;
}
.searchny-input {
    border: none;
    outline: none;
    font-size: 18px;
    flex: 1;
    background-color: transparent;
    text-align: left;
    direction: ltr;
}
.searchny-icon {
    font-size: 20px;
    color: #999;
    margin-left: 10px;
    order: -1;
}
.searchny-icon img{
    width: 21px;
    height: 23px;
    vertical-align: middle;
	margin-top: -3px;
}
.card:nth-child(3n) {
    margin-right: 0;
}
.card a {
    display: block;
    text-decoration: none;
    color: #333;
}
/*翻页*/
.pagination {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    width: fit-content;
    margin: 0 auto;
}
.page-count {
    font-size: 15px;
    color: #282828;
}
.page-btn,
.arrow {
    width: 35px;
    height: 35px;
    border-radius: 2px;
    border: none;
    background-color: #fff;
    color: #282828;
    font-size: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
	outline: none;
}

.arrow {
    color: #9ea2af;
}

.page-btn.active {
    background-color: #a72325;
    color: #fff;
}

.page-btn:hover {
    background-color: #a72325;
    color: #fff;
}

.ellipsis {
    font-size: 15px;
    color: #282828;
    margin: 0 4px;
}
/*底部*/
.footer_box {
    width: 100%;
    min-height: 200px; 
    background-image: url("../images/footer.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    float: left;
    position: relative;
}

.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
	font-family:"思源黑体-R";
}
.footer_01 {
    width: 100%;
    max-width: 1200px; 
    font-size: 16px;
    color: #ffffff;
    line-height:50px;
    float: none;
	font-family: "思源黑体-R";
}
.footer_01_title{
	font-size: 25px;
	padding-bottom: 50px;
	font-family: "思源黑体-R";
}
.footer_01 span{
	font-family: 'Geometos';
}
.footer_01_01 img {
    display: block;
	padding-bottom: 55px;
    margin: 0;
}
.footer_01_01 {
	float: left;
    font-size: 16px;
    color:rgba(255,255,255,0.8);
    line-height:50px;
	padding-top: 40px;
	font-family:"思源黑体-R";
}
.footer_01_02 {
	float: left;
    font-size: 16px;
    color:rgba(255,255,255,0.8);
    line-height:30px;
	padding-top: 35px;
	padding-left: 157px;
	font-family:"思源黑体-R";
}
.footer_01_03 {
	float: left;
    font-size: 16px;
    color:rgba(255,255,255,0.8);
    line-height:30px;
	padding-top: 35px;
	padding-left: 157px;
	font-family:"思源黑体-R";
}
.footer_01_04 {
	float: left;
    font-size: 16px;
    color:rgba(255,255,255,0.8);
    line-height:30px;
	padding-top: 35px;
	padding-left: 157px;
	padding-bottom: 50px;
	font-family:"思源黑体-R";
}
.footer_02 {
    width: 100%;
    font-size: 16px;
    color:#d7d7d7;
    text-align: center;
    line-height:50px;
    float: none;
	font-family:"思源黑体-R";
	border-top: 1px solid #a2a2a4;
}

.footer_03 {
    width: 100%;
    height: 1px;
	font-family:"思源黑体-R";
    background-color: #a4a4a7;
}

/*侧边栏*/
.fd_box {
    position: fixed;
    right: 0;
    top: 85%;
    transform: translateY(-50%);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 0 10px 0 0;
}
.fd_item {
    position: relative;
    width: 59px;
    height: 59px;
    margin-bottom: 10px;
    transition: width 0.3s ease-out;
    overflow: hidden;
}

.fd_item a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.fd_item::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    transition: background-image 0.2s ease-out;
}
.fd_box01::before { background-image: url(../images/bt_01.png); }
.fd_box02::before { background-image: url(../images/bt_02.png); }
.fd_box03::before { background-image: url(../images/bt_03.png); }
.fd_box04::before { background-image: url(../images/bt_04.png); }
.fd_box01:hover { width: 197px; }
.fd_box02:hover { width: 197px; }
.fd_box03:hover { width: 197px; }

.fd_box01:hover::before { background-image: url(../images/bt_05.png); }
.fd_box02:hover::before { background-image: url(../images/bt_06.png); }
.fd_box03:hover::before { background-image: url(../images/bt_07.png); }

.fd_box04:hover { width: 59px; }

.fd_item:active::before {
    transform: scale(0.95);
    transition: transform 0.5s ease;
}

.fd_item::before {
    will-change: background-image, width;
}