﻿.main_body{
  padding:20px 15px;
  width: 906px;
  box-sizing: border-box;
}
.m_body_top{
  height: 260px;
  overflow: hidden;
}
/* 顶部左侧 */
.mb_left{
  width:400px;
  display: inline-block;
  /* height: 300px; */
  overflow: hidden;
}
.mb_left img{
  width:100%;
  transition: all .8s;
}
.mb_left:hover img{
  transform: scale(1.2);
}
/* 顶部右侧 */
.mb_right{
  width:476px;
  /* height:280px; */
  text-align: center;
  padding: 30px 15px 25px;
  box-sizing: border-box;
  display: inline-block;
  background: url(/Sites/Uploaded/UserUpLoad/20190729/20190729112549.png) no-repeat left top;
  background-size: 100% 100%;
}
.mb_right .jztx_title{
  color:#333333;
  font-size:24px;
  /* background: url(/Sites/Uploaded/UserUpLoad/20190729/20190729104112.png) no-repeat 60px center,url(/Sites/Uploaded/UserUpLoad/20190729/20190729104143.png) no-repeat 370px center; */
  margin-bottom: 20px;
}
.right_icon,.left_icon{
  margin-top:-6px;
}
.left_icon{
  margin-right:15px;
}
.right_icon{
  margin-left: 15px;
}
.mb_right p{
  font-size: 18px;
  color:#333;
  line-height: 28px;
  text-indent: 2em;
  text-align: left;
}
.mb_right a,.btm_foot a{
  margin-top: 10px;
  font-size: 18px;
  color:#fff;
  display: inline-block;
  padding:8px 25px;
  background: url(/Sites/Uploaded/UserUpLoad/20190729/20190729104811.png) no-repeat center center;
  background-size: 100% 100%;
  transition: all 1s;
}
.mb_right a:hover,.btm_foot a:hover{
  background: url(/Sites/Uploaded/UserUpLoad/20190729/20190729173232.png) no-repeat center center;
  background-size: 100% 100%;
}
/* 中部 */
.middle{
  width:100%;
  margin: 20px 0 20px;
}
.mob_middle{
  display: none;
}
.middle li{
  float: left;
  width: 292px;
  height: 280px;
  transition: all 2s;
}
.middle li a{
  display: inline-block;
  width:100%;
  height: 100%;
}
.middle li p{
  text-align: center;
  color:#fff;
  line-height: 40px;
  font-family: '楷体';
  font-size: 26px;
}
.middle li.yx.middle_btn{
  background: url(/Sites/Uploaded/UserUpLoad/20190730/20190730112647.png) no-repeat left top;
  background-size: 100% 100%;
}
.middle li.yx.middle_btn:hover{
  background: url(/Sites/Uploaded/UserUpLoad/20190730/20190730133424.png) no-repeat left top;
  background-size: 100% 100%;
}
.middle li.zz.middle_btn{
  background: url(/Sites/Uploaded/UserUpLoad/20190730/20190730112709.png) no-repeat left top;
  background-size: 100% 100%;
}
.middle li.zz.middle_btn:hover{
  background: url(/Sites/Uploaded/UserUpLoad/20190730/20190730133447.png) no-repeat left top;
  background-size: 100% 100%;
}
.middle li.yj.middle_btn{
  background: url(/Sites/Uploaded/UserUpLoad/20190730/20190730114938.png) no-repeat left top;
  background-size: 100% 100%;
}
.middle li.yj.middle_btn:hover{
  background: url(/Sites/Uploaded/UserUpLoad/20190730/20190730133504.png) no-repeat left top;
  background-size: 100% 100%;
}
.middle li.middle_btn img{
  margin-top: 48px;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-bottom: 30px;
}
/* 移动端中部按钮 */
.mob_middle li{position: relative;height: auto;}
.mob_middle li .middle_bg{
  width: 100%;
}
.mob_middle li .icon{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

/* 底部 */
.fot_scroll{
  height:468px;
  width:803px;
  /* background: url(/Sites/Uploaded/UserUpLoad/20190729/20190729145714.png) repeat-x left top;
  background-size: 73px 100%; 
  padding: 55px 0;*/
  overflow: hidden;
}
.scroll_content{
  width:5989px;
  height: 100%;
  overflow: hidden;
  background: url(/Sites/Uploaded/UserUpLoad/20190729/20190729145714.png) repeat-x left top;
  background-size: 73px 100%;
  padding: 55px 0;
  box-sizing: border-box;
  transition: all 1s;
}
.scroll_content p{
  writing-mode: vertical-lr;
  writing-mode: tb-lr;
  color:#ffd200;
  line-height: 73px !important;
  float: left;
  font-size:24px;
  font-family: '楷体';
  letter-spacing: 3px;
}
.fot_scroll,.scroll_content,.scroll_content p,.scroll_parent{
  cursor: url(/Content/images/shubiao48.ico),auto;
}
.scroll_parent{
  position: relative;
  background: url(/Sites/Uploaded/UserUpLoad/20190729/20190729145714.png) repeat-x left top;
  background-size: 73px 100%;
}
.scroll_parent .btn{
  position: absolute;
  top:50%;
  display: inline-block;
  width: 18px;
  height:26px;
  transition: all .8s;
}
.scroll_parent .left_btn{
  left: -50px;
  background: url(/Sites/Uploaded/UserUpLoad/20190729/20190729104112.png) no-repeat center center;
}
.scroll_parent .right_btn{
  left:908px;
  background: url(/Sites/Uploaded/UserUpLoad/20190729/20190729104143.png) no-repeat center center;
}
.btm_foot{
  display:none;
  text-align: center;
  padding: 30px 15px 25px;
  box-sizing: border-box;
}
.btm_foot .jztx_title{
  color: #333333;
  font-size: 24px;
  margin-bottom: 20px;
}
.btm_foot p{
  font-size: 18px;
  color: #333;
  line-height: 28px;
  text-indent: 2em;
  text-align: left;
}

@media only screen and (max-width:768px){
  .main_body{
 width:100%;
  }
  .main_content{margin:0 auto;}
  .main{
 margin:0;
 padding:0;
  }
  .main_body,.pd0-15{padding:0;}
  .title_header,.scroll_parent,.pc_text,.middle{display: none;}
  .m_body_top,.mb_left,.mb_right{
 width:100%;
  }
  .mb_right,.btm_foot{
 /* background: url(/Sites/Uploaded/UserUpLoad/20190729/20190729112549.png) no-repeat left top;
 background-size: 150% 102%; */
 background: none;
  }
  .m_body_top{
 height:auto;
  }
  .middle li{
 width:33.3%;
  }
  .btm_foot{
 display: block;
 padding: 0px 15px 25px;
  }
  .mb_right .jztx_title,.btm_foot .jztx_title{
 font-size: 20px;
  }
  .mb_right p,.btm_foot p{
 font-size: 14px;
  }
  .mb_right a, .btm_foot a{
 font-size: 12px;
  }
  .middle li img{
 width: 50%;
  }
  .middle li p{
 line-height: 34px;
 font-size: 18px;
  }
  .mob_middle{
 display: block;
  }
  .mb_left:hover img{
 transform: scale(1);
  }
  .mb_right{padding: 30px 15px 0px;}
} 