body{ margin: 0; padding: 0;}
.yn_banner{ width: 100%; }
.yn_banner a{ display: block;}
.yn_banner img{ width: 100%;}
.yn_box1{ width: 100%; margin: 0px auto; height: 594px;background-image:url("../images/bbbbb.jpg"); padding-top: 60px; padding-bottom: 60px;}
.yn_box1_1{ width: 1200px;margin: 0px auto;}
.yn_header{ background-image: url("../images/ycjx_05.jpg"); width: 448px; height: 127px; margin: 0 auto;margin-bottom: 40px;}
.yn_pic{ float: left; width: 1200px; }
ul, li{list-style: none; margin: 0; padding: 0;}
.yn_pic li{ float: left; margin-right: 22px; margin-bottom: 25px;}
.yn_pic li:nth-child(4){margin-right: 0px;}
.yn_pic li:nth-child(8){margin-right: 0px;}

.yn_box2{ width: 100%; height: 1018px; padding: 60px 0;}
.yn_box2_box{ width: 1200px; margin: 0 auto; }
.box2_header{ background-image: url("../images/ycjx_30.jpg"); width: 616px; height: 127px; margin: 0 auto;margin-bottom: 40px;}
.yn_box2_box ul{ width: 1200px; float: left;}
.yn_box2_box ul li{float: left; width: 584px; height: 403px;}
.yn_box2_box ul li:nth-child(2),.yn_box2_box ul li:nth-child(4){float: right;}
.yn_box2_box ul li:nth-child(2),.yn_box2_box ul li:nth-child(1){ margin-bottom: 30px;}


.yn_box3{ background-image:url("../images/box3-pic.jpg"); background-color: #fff; background-repeat:no-repeat ; width: 100%; height: 640px; padding: 60px 0;}
.box3_header{ background: url("../images/ycjx_43.jpg"); width:512px; height: 129px;  margin: 0 auto ; margin-bottom: 40px;}

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

.yyc_box{background-image:url("../images/ycjx_33.jpg"); width: 100%; height:739px; padding: 60px 0 60px 0; margin-top: 10px;}

.yyc_box_box{ width: 1200px; margin: 0 auto;}
.yyc_box_box_header{background: url("../images/ycjx_51.jpg"); width:787px; height: 136px;  margin: 0 auto ; margin-bottom: 60px;}






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;
}
.mySwiper_3d{ width: 1200px;  height: 500px;}
.slide_3d{ width:400px ;}
.slide_3d img{ border-radius: 25px;}
.yn_box3 .swiper-slide img {
 
  box-shadow: 0px 0px 35px #888888;
 
 
}
.swiper-slide-prev,.swiper-slide-next{opacity:0.5}
.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: 533px; 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;}
.mySwiper_box5{ height: 600px; position: relative;
    top: -15px;}
.swiper-pagination-bullet-active{ background: url("../images/show.jpg"); width: 84px; height: 3px; border-radius:0}
.swiper-pagination-bullet{background-color:#fff}
.swiper-pagination-horizontal{ position: relative; z-index: 100; top:-597px; text-align: left; margin-left: 100px; margin-top: 0;}
.swiper-pagination-bullet:nth-child(2){ left: 205px;position: relative; z-index: 100; }
.swiper-pagination-bullet:nth-child(3){ left: 418px;position: relative; z-index: 100; }
.swiper-pagination-bullet:nth-child(4){ left: 621px;position: relative; z-index: 100; }
.swiper-pagination-bullet:nth-child(5){ left: 825px;position: relative; z-index: 100; }

.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;}