.bgh {
   background: url(../images/boyd.png) bottom center no-repeat #ffffff;
   position: relative;
   /*padding-bottom: 20px;*/
   background-size: cover;
 }

 .bgh::after {
   content: '';
   position: absolute;
   right: 0;
   top: 0;
   /* background: #F4F4F4; */
   width: 100vw;
   height: 100%;
   z-index: -1;
 }

 .bgb {
   position: relative;
 }

 .bgb::after {
   content: '';
   position: absolute;
   right: -30px;
   top: 0;
   background: #fff;
   width: 100vw;
   z-index: -1;
   padding: 65px 0;
 }

 .bgl {
   background: #1557A7;
   position: relative;
 }

 .banner-box {
   /* position: relative; */
   /* padding-top: 40%; */
   /* overflow: hidden; */
   margin-bottom: 0;
 }

 .banner {
   /* position: absolute; */
   /* inset: 0px; */
 }

 .banner img {
   display:none;
   width: 100%;
 }

 .banner .slick-prev {
   width: 30px;
   height: 41px;
   background: url("../images/bal.png") center center / cover no-repeat;
   left: 3%;
   z-index: 9;
 }

 .banner .slick-next {
   width: 30px;
   height: 41px;
   background: url("../images/bar.png") center center / cover no-repeat;
   right: 3%;
   z-index: 9;
 }

 .banner .slick-dots {
   width: auto;
   margin-left: 50%;
   transform: translateX(-50%);
   bottom: 32px;
   height: 20px;
 }

 .banner .slick-dots::after {
   content: "";
   position: absolute;
   left: 0px;
   right: 0px;
   height: 1px;
   z-index: -1;
   width: 76%;
   margin: 10px 15px;
 }

 .banner .slick-dots li {
   width: 12px;
   height: 12px;
   margin: 0px 15px;
   background: none;
   border-radius: 50%;
   border: 2px solid #FFFFFF;
   position: relative;
 }

 .banner .slick-dots li button {
   display: none;
 }

 .banner .slick-dots li.slick-active {
   background: #fff;
 }

 .banner .slick-dots li.slick-active::after {
   content: "";
   position: absolute;
   left: -7px;
   top: -7px;
   width: 20px;
   height: 20px;
   border: 1px dashed #FFFFFF;
   border-radius: 50%;

 }

 /*  */

 .ititle {
   position: relative;
   margin-bottom: 45px;
   /* padding-bottom: 15px; */
   background: url(../images/title_bg.png) left center no-repeat;

 }

 .ititle h4 {
   font-size: 30px;
   line-height: 76px;
   text-align: left;
   color: #fff;
   font-weight: bold;
   position: relative;
   background: url(../images/title_h2bg.png) left center no-repeat;
   display: block;
   width: 307px;
   text-align: center;
 }



 .ititle a {
   text-transform: uppercase;
   font-size: 20px;
   font-weight: bold;
   line-height: 76px;
   color: #159941;
   position: absolute;
   top: 45%;
   right: 0;
   transform: translateY(-50%);
   padding-left: 28px;
 }

 .ititle a:hover {
   color: #ff9900;
 }

 /*  */
 .section1 {
   margin: 100px auto 30px auto;
 }

 .left_news {
   float: left;
   width: calc(100% - 720px);
   margin-right: 55px;
 }

 .slider-news {
   float: left;
   width: 100%;

   margin-top: 0;
 }

 .slider-news a {
   display: block;
   position: relative;
 }

 .slider-news a .pic {
   padding-top: 69%;
 }

 .slider-news a .pic img {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   height: 100%;
   transform: translateX(-50%) translateY(-50%);
 }

 .slider-news a .pic>img:hover {
   width: 105% !important;
   height: 105% !important;
 }

 .slider-news a .text {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   padding-left: 20px;
   padding-right: 190px;
   padding-top: 100px;
   padding-bottom: 25px;
   background-image: linear-gradient(to top, #000000, transparent);
   display: none;
 }

 .slider-news a .text p {
   font-size: 18px;

   line-height: 18px;
   color: #ffffff;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .slider-news .slick-dots {
   width: auto;
   right: 20px;
   bottom: 30px;
   height: 20px;
 }

 .slider-news .slick-dots li {
   width: 18px;
   height: 18px;
   margin: 0 4px;
   border: none;
   border-radius: 50%;

 }

 .slick-dots li button {
   display: block !important;
   width: 8px !important;
   height: 8px !important;
   background: #fff !important;
   height: 8px;
   border-radius: 50%;
 }

 .slider-news .slick-dots li.slick-active {
   border: #159941 1px dashed;
   padding: 3px;
   margin: 0 8px;
 }

 .slider-news .slick-dots li.slick-active button {
   background: #159941 !important;
 }

 .left_news .list {
   margin-top: 5px;
   width: 100%;
   overflow: hidden;
   padding-top: 20px;
 }

 .left_news .list li {
   line-height: 58px;
   border-bottom: 1px solid #e5e5e5;
   overflow: hidden;
   background: url(../images/listico.png) left center no-repeat;
   padding-left: 20px;
 }

 .left_news .list li:hover a {
   font-weight: bold;
 }

 .left_news .list li:hover {
   background: url(../images/listicoh.png) left center no-repeat;
 }

 .left_news .list li:last-child {
   border-bottom: none;
 }

 .left_news .list li a {
   float: left;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
   width: calc(100% - 107px);
   font-size: 16px;
 }


 .left_news .list li .date {
   float: right;
   border-left: 1px solid #999999;
   color: #999999;
   margin: 20px 0;
   padding-left: 10px;
   line-height: 18px;
   font-size: 16px;
 }


 .right_news {
   position: relative;
   overflow: hidden;
 }

 /**/



 /**/
 .date_list {
   overflow: hidden;
 }

 .date_list ul li {
   margin-top: 0;
   width: 100%;
   height: 90px;
   overflow: hidden;
   border-bottom: #dcdcdc 1px dotted;
   padding: 10px 0;
 }

 .date_list ul li a {
   display: block;
   transition: all 0.3s;
   height: auto;
   overflow: hidden;
 }

 .date_list ul li:first-child {
   margin-top: 0;
   height: auto;
   padding-top: 0;
 }

 .date_list ul li:last-child {
   border: none;
 }

 .date_list ul li .date {
   float: left;
   width: 68px;
   height: 68px;
   border: 1px solid #dddddd;
   text-align: center;
   margin-right: 20px;
   transition: all 0.3s;
 }

 .date_list ul li .date p {
   font-size: 30px;
   font-weight: bold;
   color: #1557A7;
   margin-top: 5px;
   line-height: 35px;
   transition: all 0.3s;
 }

 .date_list ul li .date span {
   display: block;
   font-size: 12px;
   color: #999999;
   transition: all 0.3s;
 }

 .date_list ul li .rtx {
   overflow: hidden;
   height: 60px;
 }

 .date_list ul li .rtx h3 {
   font-size: 18px;
   line-height: 27px;
   margin-top: 4px;
   color: #111;
   /* white-space: nowrap; */
   /* text-overflow: ellipsis; */
   overflow: hidden;
   word-break: break-all;
   transition: all 0.3s;
   font-weight: normal;
 }

 .date_list ul li .rtx p {
   font-size: 14px;
   line-height: 24px;
   height: 48px;
   color: #999;
   text-overflow: -o-ellipsis-lastline;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp: 2;
   -webkit-box-orient: vertical;
   margin-top: 10px;
   display: none;
 }

 .date_list ul li a:hover .date {
   background: #1557A7;
   border-color: #1557A7;
 }

 .date_list ul li a:hover .date p,
 .date_list ul li a:hover .date span {
   color: #fffF;
 }

 .date_list ul li a:hover .rtx h3 {
   color: #1557A7;
 }

 .section2 {
   margin: 0px auto;
   /* background: #fff; */
   background-size: cover;
   padding: 50px 0px;
 }



 .ilist ul li {
   line-height: 70px;
   position: relative;
   left: 0;
   color: #333333;
   border-bottom: #e0e3e5 1px solid;
 }



 .ilist ul li:last-child {
   border: none;
 }

 .ilist ul li a {
   font-size: 20px;
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   color: #333333;
   padding-right: 120px;
 }

 .ilist ul li span {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 0;
   color: #999;
   font-size: 20px;
   line-height: 20px;
   padding-left: 6px;
   transition: all 0.3s
 }

 .ilist ul li:hover a {
   color: #159941;
   font-weight: bold;
   transition: all 0.3s
 }

 /*  */
 .qt_list ul li {
   line-height: 70px;
   position: relative;
   left: 0;
   color: #333333;
   border-bottom: #e0e3e5 1px solid;
   width: 48%;
   float: left;
 }

 .qt_list ul li a {
   font-size: 20px;
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   color: #333333;
   padding-right: 120px;
 }

 .qt_list ul li span {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 0;
   color: #999;
   font-size: 20px;
   line-height: 20px;
   padding-left: 6px;
   transition: all 0.3s
 }

 .qt_list ul li:hover a {
   color: #159941;
   font-weight: bold;
   transition: all 0.3s
 }

 .section3 {
   height: auto;
   overflow: hidden;
   margin: 20px auto 80px auto;
 }

 .ibtn_link {}

 .ibtn_link ul {
   margin-left: -20px;
   margin-right: -20px;
 }

 .ibtn_link li {
   width: 33.3%;
   float: left;
 }

 .ibtn_link li a {
   display: block;
   font-size: 30px;
   color: #fff;
   margin: 20px 15px;
   background-image: -moz-linear-gradient(90deg, rgb(21, 153, 65) 0%, rgb(14, 242, 87) 100%);
   background-image: -webkit-linear-gradient(90deg, rgb(21, 153, 65) 0%, rgb(14, 242, 87) 100%);
   background-image: -ms-linear-gradient(90deg, rgb(21, 153, 65) 0%, rgb(14, 242, 87) 100%);
   box-shadow: 0px 27px 46px 0px rgba(0, 0, 0, 0.15);
   border-radius: 18px;
   line-height: 115px;
   /* padding-left: 80px; */
   box-shadow: 0 10px 10px #a5a5a542;
   transition: all 0.3s;
 }

 .ibtn_link li a:hover {
   box-shadow: 0 10px 15px #13131342;
   transition: all 0.3s;
   font-weight: bold;
 }

 .ibtn_link span {
   display: block;
   margin-left: 80px;
   float: left;
   margin-right: 15px;
 }

 .ibtn_link span img {
   vertical-align: middle;
 }





 @keyframes go {
   0% {
     transform: translateX(0px);
   }

   50% {
     transform: translateX(10px);
   }

   100% {
     transform: translateX(0px);
   }
 }

 @keyframes roted {
   0% {
     transform: rotate(0deg);
   }

   100% {
     transform: rotate(360deg);
   }
 }

 @media screen and (max-width: 1440px) {}

 @media screen and (max-width: 1400px) {}

 @media screen and (max-width: 1200px) {
   .ibtn_link li {
     width: 50%;
   }

   .ilist ul li {
     font-size: 18px;
     line-height: 60px;
   }

   .ilist ul li a {
     font-size: 18px;
   }

   .ilist ul li span {
     font-size: 18px;
   }

   .qt_list ul li {
     font-size: 18px;
     line-height: 60px;
   }

   .qt_list ul li a {
     font-size: 18px;
   }

   .qt_list ul li span {
     font-size: 18px;
   }

   .section1 {
     margin: 50px auto 0 auto;
   }

   .ititle {
     margin-bottom: 10px;
     background-size: 100% 50%;
   }

   .ititle h4 {
     background-size: 100%;
     width: 190px;
     font-size: 24px;
     line-height: 60px;
   }

   .ititle a {
     font-size: 16px;
     top: 50%;
     line-height: 42px;
   }

   .left_news {
     width: 100%;
     float: none;
     margin: 0 auto;
   }

   .right_news {
     width: 100%;
     float: none;
     margin: 0 auto;
   }

   .qt_list ul li {
     width: 100%;
   }

   .banner-box {
     margin-bottom: 0;
   }

   .index .section1 {
     padding-bottom: 40px;
   }






 }

 @media screen and (max-width: 1024px) {


  .banner img {
    display: block;
  }

   .end_link {
     font-size: 14px;
     color: #d0dded;
     width: 100%;
     height: auto;
     line-height: 30px;
     border-bottom: #739aca 1px solid;
     overflow: hidden;
   }

   .i_title {
     padding: 20px 0 20px 0;
   }

   .imain_right .i_title2 {
     padding: 20px 0;
   }

   .picnewbox .slick-next {
     left: 44%;
   }

   .picnewbox .linfo {
     padding: 0 4%;
   }

   .picnewbox .linfo h2 {
     margin: 0 auto 0 auto;
   }

   .banner .slick-dots {
     bottom: 10px;
   }

   .banner .slick-dots li {
     width: 10px;
     height: 10px;
     margin: 0px 5px;
   }



 }

 @media screen and (max-width: 768px) {
   .section3 {
     margin: 20px auto 40px auto;
   }

.ibtn_link span {
    display: block;
    margin-left: 54px;
    float: left;
    margin-right: 15px;
}

   .ibtn_link li {
     width: 100%;
   }

   .ibtn_link li a {
     font-size: 27px;
     margin: 10px 15px;
     line-height: 80px;
   }

   .banner .slick-dots li.slick-active::after {
     display: none;
   }


   .i_title h2 {
     font-size: 27px;
   }

   .section1 {
     padding-bottom: 20px;
   }

   .section2 {
     padding: 20px 0px;
   }


   .foot-l {
     width: 100%;
     text-align: center;
     float: none;
     height: auto;
     overflow: hidden;
     padding-top: 15px;
   }

   .foot-l h2 {
     padding-left: 0;
     border-left: none;
   }

   .foot-l p {
     text-align: center;
   }

 }

 @media screen and (max-width: 520px) {
   .banner .slick-prev {
     width: 20px;
     height: 31px;
     left: 28px;
   }

   .banner .slick-next {
     width: 20px;
     height: 31px;
     right: 28px;
   }

   .index .section1 .s1tit {
     font-size: 26px;
   }

 }

 @media screen and (max-width: 375px) {
   .banner .slick-prev {
     left: 20px;
   }

   .banner .slick-next {
     right: 20px;
   }


   .section2 {
     padding-top: 25px;
   }
 }