body{ margin: 0; padding: 0;}
.yn_banner{ width: 100%; }
.yn_banner a{ display: block;}
.yn_banner img{ width: 100%;}
.yn_box1{ width: 1200px; margin: 60px auto; height: 640px;}
.yn_header{ background-image: url("../images/bkqk_05.jpg"); width: 416px; height: 86px; float: left; margin-bottom: 40px;}
.yn_pic{ float: left; width: 1200px; height: 509px;}
ul, li{list-style: none; margin: 0; padding: 0;}
.yn_pic li{ float: left;  width: 585px; background-color: #eeeeee;height: 509px; border-radius: 30px;}
.yn_pic li:nth-child(2){float: right;}
.yn_pic li a{ display: block; float: left;}
.zzz{ width: 522px; height: 150px; float: left; padding: 0 31px;}
.bkqk_line{background-image:url("../images/show.jpg");  height: 3px; background-repeat:no-repeat ; background-position: center;margin: 15px 0 20px 0;}
.zzz h1{ text-align: center; font-size: 36px; padding: 0; margin: 0; margin-top: 22px;}
.zzz p{ font-size: 16px; line-height: 30px;}

.yn_box2{ background-image:url("../images/bkbj.jpg"); width: 100%; height: 753px; padding: 60px 0}
.yn_box2_1{ width: 1200px; margin: 0px auto; }
.box2_header{ background-image: url("../images/bkqk_16.jpg") ; width: 573px; height: 84px; float: left; margin-bottom: 58px;}
.yn_box2_2{ width: 1200px; float: left;}
.yn_box2_left{background-image: url("../images/bkqk_20.jpg") ; background-repeat: no-repeat; width: 430px; height: 607px; float: left; border-radius: 30px; margin-right: 28px;}
.yn_box2_right{ float: right; margin-top: 55px; width: 700px;}
.yn_box333{ width: 1152px; height: 404px; margin: 0 auto; box-shadow: 0px 0px 35px #888888;}
.yn_box444{width: 1212px; height: 568px; margin: 0 auto; margin-top: 50px;}
.yn_box2_right_1{background-image: url("../images/363.png") ; background-repeat: no-repeat; width: 505px; height: 282px; float: left;}
.yn_box2_right_2{ width: 700px ; float: left; font-size: 16px; margin: 40px 0; line-height: 30px;}
.yn_box2_right_3{ width: 700px; float: left;}
.yn_box2_right_4{ float: right; margin-top: -30px;}


.yn_box3{ background-image:url("../images/box3-pic.jpg"); width: 100%; height: 597px; padding: 60px 0}
.box3_header{ background: url("../images/bkqk_28.jpg"); width: 595px; height: 129px;  margin: 0 auto ; margin-bottom: 60px;}

.yn_box4{ background-image:url("../images/box4_bj.jpg"); width: 100%; height:750px; padding: 60px 0 0px 0; margin-top: 40px;}
.box4_header{ background: url("../images/zjheaer.jpg"); width: 620px; height: 132px;  margin: 0 auto ; margin-bottom: 20px;}










html,
body {
  position: relative;
  height: 100%;
}

body {
 
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}

.swiper {
  width:1200px;
  height: 474px;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  width: 1056px;


  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.yn_box3 .swiper-slide img {
 
  box-shadow: 0px 0px 35px #888888;
 
 
}
.mySwiper_box4{ height: 710px;}
.swiper-slide_box4{ width: 1200px; height:710px; }
.slide_box4_left{ background: url("../images/box4_bbj.jpg"); width: 680px; height: 534px; float: left; box-shadow: 0px 0px 15px #888888;}
.slide_box4_right{ height:710px; float: left;}
.slide_box4_left_header{ height: 97px;text-align: left; text-indent: 2rem;line-height: 97px; font-size: 28px;}

.slide_box4_left_header  span{ margin-left: 10px;}
.slide_box4_left_header img{ position: relative; top: 10px;}

.slide_box4_left ul {  float: left; width: 646px; padding-left:34px; font-size: 18px; margin-top: 28px;}
.slide_box4_left ul li{ text-align: left;font-size: 18px; margin-bottom: 6px;}
.slide_box4_left ul li span{ margin-right: 5px;}

.box4_ms{float: left; width: 646px; padding-left:34px; font-size: 18px; margin-top: 33px;  text-align: left; line-height: 32px;}
.box4_ms_s{ font-size: 30px;}

.yn_box5{ width: 1200px; height: 820px; margin: 0 auto; padding: 60px 0;}
.yn_box5_header{background: url("../images/ynzzy_36.jpg"); width: 473px; height: 130px; margin: 0 auto; margin-bottom: 75px;}

.yn_box5 ul{ width: 1060px; padding: 0 70px; height: 76px; margin: 0 auto;}
.yn_box5 ul li,.line_box5{ float: left;}
.yn_box5 ul li{ width: 150px;}
.line_box5{ margin: 0 20px;}
.yn_box5 ul li h2{text-align: center; padding: 0; margin: 0; margin-bottom: 9px;}
.yn_box5 ul li span{ display: block; text-align: center; font-size: 18px;}

.yn_box5 h2{ font-size: 24px;}
.yn_box5_lb{ width: 1200px; height: 600px; margin: 0 auto; margin-top: 10px;}
.mySwiper_box5{ height: 700px; position: relative;
    top: -80px;}

.swiper-pagination-bullet{ width: 150px;height: 90px;border-radius:0%; flex: 1; outline: 0; background: #fff;}
.swiper-pagination-horizontal{ position: relative; z-index: 100; top:-700px; text-align: left;  margin-top: 0; display: flex;}
.swiper-pagination-bullet:nth-child(1){position: relative; z-index: 100;background-position-x: 68%;height: 70px; }
.swiper-pagination-bullet:nth-child(2){ position: relative; z-index: 100; background-position-x: 56%;height: 70px; }
.swiper-pagination-bullet:nth-child(3){ position: relative; z-index: 100; background-position-x: 45%;height: 70px; }
.swiper-pagination-bullet:nth-child(4){position: relative; z-index: 100; background-position-x: 31%;height: 70px; }
.swiper-pagination-bullet:nth-child(5){ position: relative; z-index: 100; background-position-x: 20%;height: 70px; }
.swiper-pagination-bullet-active{ background: url("../images/show.jpg") no-repeat bottom; width: 84px; height: 3px; border-radius:0; }

.yn_box6{background: url("../images/box6-pic.jpg"); width: 100%; height: 466px; padding: 60px 0;}

.yn_box6_header{background: url("../images/box6-header.png"); width: 571px; height: 122px; margin: 0 auto; margin-bottom: 65px;}

.yn_box6 ul{ width: 1200px; margin: 0 auto; display: flex;}
.yn_box6 ul li{flex: 1;}