/*-----------------------------------------------------------*/



/*copyright by 动力无限  www.btoe.cn*/



/*邮箱 btoe@btoe.cn*/



/*合作电话 400-0599-360*/



/*版权所有违者必究*/



/*-----------------------------------------------------------*/



.sjcTop,



.sjcTop2,



.sjcBottom,



.sjcLeft,



.sjcRight,



.bg,



.leftWow,



.rightWow,



.bottomWow {



  -webkit-transition: all 0.8s ease-out;



  transition: all 0.8s ease-out;



}



















.left {



  float: left;



}



.right {



  float: right;



}



.clearboth {



  clear: both;



}















.top_bg{



  width: 100%;



  height: 130px;



  margin: 0 auto;



  position: relative;



  z-index: 9;



  background: none;



}











/* banner */







.banner {

  width: 100%;

  height: 100%;

  overflow: hidden;

  position: relative;

  top: 0;

}







.banner .swiper-container {



  width: 100%;



  height: 100%;



  overflow: hidden;



  margin: 0 auto;







}







.banner .swiper-slide {



  width: 100%;



  height: 100%;



  overflow: hidden;



  position: relative;



}







.banner .swiper-slide {



  background-size: 100%;



  background-position: center;



  background-repeat: no-repeat;



}







.banner .swiper-slide img {



  width: 100%;



  height: 100%;



  display: block;



}











.banner .swiper-button-next1{



  position: absolute;



  width: 65px;



  height: 65px;



  background: url(../images/bannerR.png) no-repeat  center;



  right: 5%;



  top: 50%;



  z-index: 5;



  cursor: pointer;



}







.banner .swiper-button-prev1{



  position: absolute;



  width: 65px;



  height: 65px;



  background: url(../images/bannerL.png) no-repeat  center;



  left: 5%;



  top: 50%;



  z-index: 5;



  cursor: pointer;



}







.banner .swiper-pagination {



  width: 100%;



  bottom: 40px;



  left: 0%;



  display: none;



}











.banner .swiper-pagination-bullets .swiper-pagination-bullet {



  margin: 0 15px;



  background-color: #fff;



  width: 10px;



  height: 10px;



  opacity: 1;



  border-radius: 50%;



}







.banner .swiper-pagination-bullets .swiper-pagination-bullet-active {



  background-color: #eb6123;



}























.title {



  display: block;



}



.title h3 {



  padding-top: 50px;



}



.title h3 a {



  color: #333;



  text-align: center;



  display: block;



  font-size: 32px;



  font-weight: bold;



}



.title h3 p {



  color: #333;



  opacity: 0.2;



  font-size: 19px;



  display: block;



  text-align: center;



  font-weight: normal;



  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;



}



.white h3 a {



  color: #fff;



}



.white h3 p {



  color: #fff;



}



.dl-container {



  width: 1300px;



  margin: 0 auto;



}







.about {

  padding-top: 0px;

  margin: 60px auto 0 auto;

}



.about .abouttop {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  width: 100%;



}



.about .abouttop .abouttext {



  width: 648px;



}



.about .abouttop .abouttext h3 {



  margin-top: 40px;



}



.about .abouttop .abouttext h3 a {



  display: block;



  display: flex;



  align-items: flex-end;



}



.about .abouttop .abouttext h3 a b {



  font-size: 32px;



  font-weight: bold;



  line-height: 1;



}



.about .abouttop .abouttext h3 a span {



  line-height: 1;



  padding-left: 11px;



  font-size: 19px;



  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;



  color: #333333;



}



.about .abouttop .abouttext p {



  font-size: 19px;



  line-height: 35px;



  padding-top: 40px;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 4;



  -webkit-box-orient: vertical;



  color: #575757;



}



.about .abouttop .abouttext .aboutmore ul {



  display: flex;



}



.about .abouttop .abouttext .aboutmore ul li {



  width: 240px;



  height: 78px;



  background: #434343;



  display: block;



  margin-right: 30px;



  margin-top: 55px;



  background-color: #434343;



  border-radius: 10px;



  text-align: center;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.about .abouttop .abouttext .aboutmore ul li.on {



  background-image: linear-gradient(269deg, #f38e4b 0%, #c8310e 100%), linear-gradient(#a6250a, #a6250a);



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.about .abouttop .abouttext .aboutmore ul li.on a {



  line-height: 78px;



  color: #fff;



  font-size: 20px;



}



.about .abouttop .abouttext .aboutmore ul li a {



  width: 240px;



  height: 78px;



  display: block;



  border-radius: 10px;



  text-align: center;



  line-height: 78px;



  color: #fff;



  font-size: 20px;



}



.about .abouttop .aboutimg {



  width: 605px;



  height: 385px;



  display: block;



  position: relative;



}



.about .abouttop .aboutimg img {



  display: block;



  width: 100%;



  height: 100%;



  position: absolute;



  left: 0;



  top: 0px;



}



.about .abouttop .aboutimg iframe {



  width: 100%;



  height: 100%;



  display: block;



  background: #333;



}



.about .aboutbottom {



  margin-top: 68px;



}



.about .aboutbottom ul li {



  height: 166px;



  background-color: #f4f5fa;



}



.about .aboutbottom ul li i,



.about .aboutbottom ul li a {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  padding: 33px 0 33px 28px;



  box-sizing: border-box;



  width: 100%;



}



.about .aboutbottom ul li i img,



.about .aboutbottom ul li a img {



  display: block;



  width: 100px;



  height: 100px;



  border-radius: 50%;



}



.about .aboutbottom ul li i em,



.about .aboutbottom ul li a em {



  width: 170px;



}



.about .aboutbottom ul li i em b,



.about .aboutbottom ul li a em b {



  font-size: 24px;



  line-height: 1.2;



  display: block;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  padding-top: 10px;



}



.about .aboutbottom ul li i em span,



.about .aboutbottom ul li a em span {



  display: block;



  font-size: 18px;



  padding-top: 15px;



  line-height: 1;



}



.about .aboutbottom ul li i em u,



.about .aboutbottom ul li a em u {



  display: block;



  text-decoration: none;



  padding-top: 5px;



  font-size: 16px;



  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;



}



.about .aboutbottom ul li i strong,



.about .aboutbottom ul li a strong {



  width: 68px;



  height: 28px;



  background-color: #c7c9d2;



  text-align: center;



  font-weight: normal;



  line-height: 28px;



  font-size: 16px;



  font-weight: bold;



  color: #fff;



  margin-top: 10px;



}



.about .aboutbottom ul li.active i img,



.about .aboutbottom ul li.active a img {



  box-shadow: 0px 0px 14px 5px rgba(0, 16, 33, 0.14);



}



.about .aboutbottom ul li.active i strong,



.about .aboutbottom ul li.active a strong {



  background-image: linear-gradient(269deg, #f38e4b 0%, #c8310e 100%), linear-gradient(#c7c9d2, #c7c9d2);



  background-blend-mode: normal,



                                normal;



}



.review {



  margin-top: 67px;



  background: url(../images/review.jpg) no-repeat center;



  background-size: cover;



  padding-bottom: 38px;



}



.review .reviewtop {



  margin-top: 55px;



}



.review .reviewtop ul {



  border: 1px solid rgba(255, 255, 255, 0.1);



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  width: 100%;



}



.review .reviewtop ul li {



  width: calc(20% - 1px);



  border-right: 1px solid rgba(255, 255, 255, 0.1);



  display: flex;



  justify-content: center;



  height: 180px;



  align-items: center;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.review .reviewtop ul li:last-child {



  border-right: 0;



}



.review .reviewtop ul li i {



  width: 28px;



  height: 28px;



  display: block;



  background-position: 0 0;



  background-repeat: no-repeat;



  margin-right: 22px;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.review .reviewtop ul li:nth-child(1) i {



  background-image: url(../images/reviewtoplist1.png);



}



.review .reviewtop ul li:nth-child(2) i {



  background-image: url(../images/reviewtoplist2.png);



}



.review .reviewtop ul li:nth-child(3) i {



  background-image: url(../images/reviewtoplist3.png);



}



.review .reviewtop ul li:nth-child(4) i {



  background-image: url(../images/reviewtoplist4.png);



}



.review .reviewtop ul li:nth-child(5) i {



  background-image: url(../images/reviewtoplist5.png);



}



.review .reviewtop ul li p span {



  display: block;



  display: flex;



  align-items: flex-end;



}



.review .reviewtop ul li p span b {



  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;



  color: #fff;



  font-size: 33px;



  font-weight: normal;



  line-height: 1;



}



.review .reviewtop ul li p span em {



  font-size: 16px;



  color: #fff;



  padding-left: 5px;



}



.review .reviewtop ul li p u {



  font-size: 16px;



  padding-top: 10px;



  color: rgba(255, 255, 255, 0.8);



  display: block;



  text-decoration: none;



}



.review .reviewtop ul li.on {



  background: #fff;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.review .reviewtop ul li.on i {



  background-position: 0 -28px;



}



.review .reviewtop ul li.on p span b {



  color: #ca3410;



}



.review .reviewtop ul li.on p span em {



  color: #333333;



}



.review .reviewtop ul li.on u {



  color: rgba(0, 0, 0, 0.8);



}



.review .reviewtext {



  font-size: 20px;



  color: #fff;



  line-height: 42px;



  padding: 50px 0 60px;



}



.review .reviewvideo {



  width: 1453px;



  height: 351px;



  background: rgba(255, 255, 255, 0.15);



  margin: 0 auto;



}



.review .reviewvideo .reviewvideocenter {



  width: 1300px;



  margin: 0 auto;



}



.review .reviewvideo .reviewvideocenter ul {



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  padding-top: 40px;



}



.review .reviewvideo .reviewvideocenter ul li a img {



  display: block;



  width: 310px !important;



  height: 228px !important;



}



.review .reviewvideo .reviewvideocenter ul li a iframe {



  width: 310px !important;



  display: block;



  height: 228px !important;



  background: #333;



}



.review .reviewvideo .reviewvideocenter ul li a span {



  display: block;



  text-align: center;



  line-height: 4;



  font-size: 16px;



  color: #fff;



}



.theme {



  background: #f4f5fa;



  padding-bottom: 40px;



}



.theme ul {



  margin-top: 40px;



}



.theme ul::after {



  clear: both;



  content: "";



  display: block;



  visibility: hidden;



}



.theme ul li {



  width: 310px;



  height: 392px;



  background: #fff;



  float: left;



  margin-right: 20px;



  margin-bottom: 28px;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.theme ul li:nth-child(4n) {



  margin-right: 0;



}



.theme ul li .themeimg {



  width: 290px;



  height: 212px;



  display: block;



  object-fit: cover;



  margin: 10px;



}



.theme ul li .themeimg img {



  width: 100%;



  height: 100%;



  display: block;



}



.theme ul li .themetext {



  width: 290px;



  margin: 0 auto;



  display: block;



}



.theme ul li .themetext i {



  margin-top: 30px;



  margin-bottom: 17px;



  display: block;



  text-align: center;



  font-size: 17px;



  font-weight: bold;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



}







.theme ul li:hover .themetext i{



  color: #eb6123;



}



.theme ul li .themetext em {



  display: block;



  font-size: 16px;



  color: #898989;



  text-align: center;



  overflow: hidden;



  text-overflow: ellipsis;



  display: -webkit-box;



  -webkit-line-clamp: 3;



  -webkit-box-orient: vertical;



}



.theme ul li:hover {



  box-shadow: 0px 0px 30px 0px rgba(0, 16, 33, 0.16);



}



.exhibition {



  position: relative;



  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);



}



.exhibition .title {



  position: absolute;



  text-align: center;



  display: block;



  width: 100%;



  z-index: 2;



}



.exhibition ul {



  display: flex;



}



.exhibition ul li {



  width: 20%;



  display: block;



  position: relative;



  overflow: hidden;



}



.exhibition ul li a {



  display: block;



}



.exhibition ul li a i {



  display: block;



  width: 384px;



  height: 925px;



}



.exhibition ul li a i img {



  display: block;



  width: 100%;



  object-fit: cover;



  height: 100%;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.exhibition ul li a span {



  display: block;



  position: absolute;



  top: 0;



  padding: 0 50px;



  box-sizing: border-box;



  width: 100%;



  background: url(../images/exhibitionJb.png) no-repeat center;



  height: 100%;



}



.exhibition ul li a span img {



  display: block;



  width: 110px;



  height: 110px;



  margin: 230px auto 0;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.exhibition ul li a span b {



  display: block;



  margin-top: 78px;



  font-size: 22px;



  font-weight: bold;



  text-align: center;



  color: #fff;



}



.exhibition ul li a span em {



  font-size: 18px;



  line-height: 36px;



  color: #fff;



  text-align: center;



  display: block;



  margin-top: 30px;



}



.exhibition ul li a u {



  height: 245px;



  position: absolute;



  bottom: 0;



  right: 50%;



  transform: translateX(50%);



  text-decoration: none;



  padding-top: 70px;



  box-sizing: border-box;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.exhibition ul li a u em {



  position: relative;



  font-size: 22px;



  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;



  color: #fff;



  line-height: 1;



  display: flex;



  align-items: center;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.exhibition ul li a u em::after {



  content: "";



  width: 23px;



  height: 1px;



  background: #fff;



  margin-left: 18px;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.exhibition ul li a u em::before {



  content: "";



  width: 23px;



  height: 1px;



  background: #fff;



  margin-right: 18px;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.exhibition ul li.on a i img {



  transform: scale(1.1);



}



.exhibition ul li.on a span img {



  transform: scale(1.1);



}



.exhibition ul li.on a u {



  width: 264px;



  background: url(../images/exhibitionimgbg.png) no-repeat bottom right;



  transform: translateX(0);



  right: 0;



  text-align: center;



}



.exhibition ul li.on a u em {



  text-align: center;



  font-weight: bold;



  display: block;



  font-size: 120px;



}



.exhibition ul li.on a u em::after {



  display: none;



}



.exhibition ul li.on a u em::before {



  display: none;



}



.past {



  padding-bottom: 80px;



}



.past ul {



  width: 100%;



  position: relative;



  margin-top: 34px;



  height: 880px;



}



.past ul li {



  position: absolute;



  overflow: hidden;



}



.past ul li:nth-child(1) {



  width: 512px;



  height: 344px;



  top: 0;



  left: 0;



}



.past ul li:nth-child(2) {



  width: 512px;



  height: 166px;



  top: 0;



  left: 525px;



}



.past ul li:nth-child(3) {



  width: 250px;



  height: 344px;



  top: 0;



  right: 0;



}



.past ul li:nth-child(4) {



  width: 250px;



  height: 344px;



  top: 357px;



  left: 0;



}



.past ul li:nth-child(5) {



  width: 249px;



  height: 346px;



  top: 178px;



  left: 525px;



}



.past ul li:nth-child(6) {



  width: 249px;



  height: 166px;



  top: 178px;



  left: 788px;



}



.past ul li:nth-child(7) {



  width: 249px;



  height: 166px;



  top: 357px;



  left: 263px;



}



.past ul li:nth-child(8) {



  width: 512px;



  height: 344px;



  right: 0;



  top: 357px;



}



.past ul li:nth-child(9) {



  width: 249px;



  height: 166px;



  bottom: 0;



  left: 0;



}



.past ul li:nth-child(10) {



  width: 512px;



  height: 344px;



  bottom: 0;



  left: 263px;



}



.past ul li:nth-child(11) {



  width: 249px;



  height: 166px;



  bottom: 0;



  left: 788px;



}



.past ul li:nth-child(12) {



  width: 249px;



  height: 166px;



  bottom: 0;



  right: 0;



}



.past ul li a {



  display: block;



  width: 100%;



  height: 100%;



  position: relative;



}



.past ul li a img {



  display: block;



  width: 100%;



  height: 100%;



  object-fit: cover;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.past ul li a em {



  width: 100%;



  height: 100%;



  position: absolute;



  top: -100%;



  left: 0;



  background: rgba(200, 49, 14, 0.8);



  color: #fff;



  text-align: center;



  padding: 0 20px;



  box-sizing: border-box;



  display: flex;



  justify-content: center;



  font-size: 18px;



  align-items: center;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.past ul li:hover a img {



  transform: scale(1.1);



}



.past ul li:hover a em {



  top: 0;



}



.news {



  background: url(../images/news.jpg) no-repeat center;



  padding-bottom: 0px;



  background-size: cover;



  height: 839px;



}



.news .dl-container {



  display: flex;



  margin-top: 40px;



  justify-content: space-between;



}



.news .dl-container .newsl {



  width: 816px;



}



.news .dl-container .newsl .hd ul {



  display: flex;



}



.news .dl-container .newsl .hd ul li {



  width: 150px;



  height: 57px;



  border: 1px solid rgba(255, 255, 255, 0.5);



  border-radius: 10px;



  margin-right: 15px;



  display: flex;



  justify-content: center;



  align-items: center;



  cursor: pointer;



}



.news .dl-container .newsl .hd ul li a {



  font-size: 18px;



  color: #fff;



}



.news .dl-container .newsl .hd ul li a i {



  width: 23px;



  height: 23px;



  background-repeat: no-repeat;



  background-position: 0 0;



  display: inline-block;



  vertical-align: middle;



  margin-right: 10px;



}



.news .dl-container .newsl .hd ul li:nth-child(1) a i {



  background-image: url(../images/newshd1.png);



}



.news .dl-container .newsl .hd ul li:nth-child(2) a i {



  background-image: url(../images/newshd2.png);



}



.news .dl-container .newsl .hd ul li.on {



  background: #fff;



}



.news .dl-container .newsl .hd ul li.on a {



  color: #333;



}



.news .dl-container .newsl .hd ul li.on a i {



  background-position: 0 -23px;



}



.news .dl-container .newsl .bd {



  margin-top: 40px !important;



}



.news .dl-container .newsl .bd ul li {



  padding-top: 40px;



  padding-bottom: 40px;



  border-top: 1px solid rgba(255, 255, 255, 0.1);



  width: 100%;



}



.news .dl-container .newsl .bd ul li a {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  width: 100%;



  align-items: center;



  -webkit-transition: 0.5s;



  transition: 0.5s;



}



.news .dl-container .newsl .bd ul li a i {



  width: 116px;



  text-align: center;



}



.news .dl-container .newsl .bd ul li a i em {



  display: block;



  font-size: 44px;



  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;



  font-weight: bold;



  color: #fff;



}



.news .dl-container .newsl .bd ul li a i b {



  font-size: 14px;



  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;



  color: #fff;



  font-weight: normal;



  line-height: 1;



}



.news .dl-container .newsl .bd ul li a span {



  width: 560px;



}



.news .dl-container .newsl .bd ul li a span em {



  display: block;



  font-size: 18px;



  color: #fff;



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: block;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



}



.news .dl-container .newsl .bd ul li a span b {



  font-weight: normal;



  color: rgba(255, 255, 255, 0.6);



  font-size: 16px;



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: block;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



  margin-top: 3px;



}



.news .dl-container .newsl .bd ul li a u {



  width: 36px;



  height: 36px;



  display: block;



  border-radius: 50%;



  background: #fff;



  text-align: center;



  text-decoration: none;



  line-height: 32px;



  font-size: 18px;



  font-family: Arial, Helvetica, sans-serif;



  line-height: 36px;



  margin-left: 38px;



  margin-right: 38px;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



}



.news .dl-container .newsl .bd ul li:hover a {



  transform: translateY(-5px);



}







.news .dl-container .newsl .bd ul li:hover a u{



  background: #eb6123;



}







.news .dl-container .newsr {



  position: relative;



  width: 427px;



  height: 490px;



  padding: 38px 22px 0;



  background: #f38e4b;



  box-sizing: border-box;



  margin-top: 90px;



}



.news .dl-container .newsr ul {



  width: 100%;



  height: 100%;



  box-sizing: border-box;



}



.news .dl-container .newsr ul li {



  height: 450px;



}



.news .dl-container .newsr ul li i {



  display: block;



  font-size: 29px;



  font-weight: bold;



  color: #fff;



  line-height: 1;



}



.news .dl-container .newsr ul li .newsrtitle {



  font-size: 18px;



  line-height: 3;



  color: #fff;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  display: block;



}



.news .dl-container .newsr ul li .newsimg {



  width: 100%;



  height: 268px;



  display: block;



}



.news .dl-container .newsr ul li .newsimg img {



  display: block;



  width: 100%;



  height: 100%;



  object-fit: cover;



}



.news .dl-container .newsr ul li .newsmore {



  width: 144px;



  height: 40px;



  line-height: 40px;



  border-radius: 50px;



  background: #fff;



  display: block;



  text-align: center;



  margin-top: 30px;



  position: absolute;



  bottom: 40px;



  right: 0;



  font-size: 16px;



  color: #eb6123;



}



.news .dl-container .newsr .newsrlist {



  position: absolute;



  bottom: 40px;



  left: 22px;



  z-index: 222;



}



.news .dl-container .newsr .newsrlist span {



  margin-right: 10px;



  width: 20px;



  height: 20px;



  border: 1px solid transparent;



  border-radius: 50%;



  background: transparent;



  position: relative;



  opacity: 1;



}



.news .dl-container .newsr .newsrlist span::after {



  content: "";



  width: 8px;



  height: 8px;



  background: #fff;



  border-radius: 50%;



  position: absolute;



  top: 50%;



  transform: translate(-50%, -50%);



  left: 50%;



}



.news .dl-container .newsr .newsrlist span.swiper-pagination-bullet-active {



  border: 1px solid #fff;



}







.aboutmore{



  font-size: 19px;



  line-height: 35px;



  color: #0400f7;



  display: block;



  cursor: pointer;



}















/* hz */ 











.hz_bg{



  width: 100%;



  margin: 0 auto;



  height: 930px;



  background: #f4f5fa;



}







.hz_bg .hz{



  margin: 0 auto;



  width: 1300px;



  padding-top: 10px;



}







.hz_bg .hz .hz_box{



  margin: 30px auto 0 auto;



}







.hz_bg .hz .hz_box .mySwiper{



  margin: 0 auto;



  overflow: hidden;



}











.hz_bg .hz .hz_box .mySwiper .swiper-slide{



  margin: 0 auto;



}







.hz_bg .hz .hz_box .mySwiper .swiper-slide ul li{



  float: left;



  width: 200px;



  height: 92px;



  margin: 0 16px 20px 0;



}







.hz_bg .hz .hz_box .mySwiper .swiper-slide ul li .pic{



  width: 200px;



  height: 92px;



  background:  #fff;



}







.hz_bg .hz .hz_box .mySwiper .swiper-slide ul li .pic img{



  width: 100%;



  height: 100%;



  object-fit: contain;



}







.hz_bg .hz .hz_box .swiper-pagination1{



  margin:  25px auto 0 auto;



  transform: translateX(0%);



  text-align: center;



}







.hz_bg .hz .hz_box .swiper-pagination1 .swiper-pagination-bullet{



  display: inline-block;



  width: 8px;



  height: 8px;



  border-radius: 50%;



  border: 1px solid #eb6123;



  margin: 0 10px;



 background: #fff;



 opacity: 1;



}







.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {



  transform: scale(1);



}







.hz_bg .hz .hz_box .swiper-pagination1 .swiper-pagination-bullet-active{



  background: #eb6123;



}







.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {



  margin: 0 10px;



}



























/* hz2 */ 







.hz2{



  margin: 10px auto 0 auto;



  width: 1300px;



}







.hz2 .hz2_box{



  margin: 30px  auto 0 auto;



  width: 1360px;



}







.hz2 .hz2_box ul li{



  float: left;



  width: 226px;



  height: 92px;



  margin: 0 42px 25px 0;



}







.hz2 .hz2_box ul li .pic{



  border: 1px solid #dcdcdc;



  width: 224px;



  height: 90px;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



}







.hz2 .hz2_box ul li .pic img{



  width: 224px;



  height: 90px;



  object-fit: contain;



}







.hz2 .hz2_box ul li:hover .pic{



  border: 1px solid #eb6123;







}











/* fc */ 











.fc_bg{



  margin: 50px auto 0 auto;



  width: 100%;



  height: 560px;



  background:  #ebecf0;



}







.fc_bg .fc{



  margin: 0 auto;



  width: 1300px;



  padding-top: 65px;



}







.fc_bg .fc .fc_l{



  float: left;



  width: 900px;



}







.fc_bg .fc .fc_l .fc_t{



  height: 65px;



  line-height: 35px;



}







.fc_bg .fc .fc_l .fc_t h3{



  float: left;



  font-size: 24px;



  color: #333333;



  background: url(../images/buttom1.png) no-repeat left center;



  padding-left: 36px;



}







.fc_bg .fc .fc_l .fc_t .more{



  display: block;



  float: right;



  font-size: 14px;



  color: #eb6123;



  margin-right: 110px;



}







.fc_bg .fc .fc_l .fc_box{



  margin: 0 auto;



  height: 355px;



  position: relative;



}







.fc_bg .fc .fc_l .fc_box ul li{



  float: left;



}







.fc_bg .fc .fc_l .fc_box ul li .pic{



  width: 100%;



  height: 100%;



  position: absolute;



  left: 0;



  top: 0px;







}



.fc_bg .fc .fc_l .fc_box ul li .pic img{



  width: 100%;



  height: 100%;







}







.fc_bg .fc .fc_l .fc_box ul li:nth-child(1){



  width: 444px;



  height: 355px;



  position: absolute;



  left: 0;



  top: 0px;







}







.fc_bg .fc .fc_l .fc_box ul li:nth-child(2){



  width: 444px;



  height: 173px;



  position: absolute;



  right: 0;



  top: 0px;



}







.fc_bg .fc .fc_l .fc_box ul li:nth-child(3){



  width: 219px;



  height: 173px;



  position: absolute;



  left: 454px;



  bottom: 0px;



}







.fc_bg .fc .fc_l .fc_box ul li:nth-child(4){



  width: 219px;



  height: 173px;



  position: absolute;



  right: 0;



  bottom: 0px;



}







.fc_bg .fc .fc_r{



  float: right;



  width: 352px;



}







.fc_bg .fc .fc_r .fc_t{



  height: 65px;



  line-height: 35px;



}







.fc_bg .fc .fc_r .fc_t h3 a{



  display: block;



  font-size: 24px;



  color: #333333;



  background: url(../images/buttom1.png) no-repeat left center;



  padding-left: 36px;



}







.fc_bg .fc .fc_r ul{







}











.fc_bg .fc .fc_r ul li{



  text-align: center;



  width: 352px;



  height: 81px;



  line-height: 81px;



  margin-bottom: 10px;



  background: url(../images/buttom2.png) no-repeat left center;



}







.fc_bg .fc .fc_r ul li a{



  display: inline-block;



  text-align: center;



  font-size: 20px;



  color: #fff;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



}







.fc_bg .fc .fc_r ul li a img{



  vertical-align: middle;



  margin-right: 25px;



}







.fc_bg .fc .fc_r ul li:hover a{



  font-weight: bold;



}