@charset "UTF-8";
/* CSS Document */
/*公共样式*/
.clear: after { 
display: block; 
clear: both; 
height: 1px; 
content: '' 
}
.f_both{ clear:both;} html {
    scroll-behavior: smooth
}
   html,
      body {
        position: relative;
        height: 100%;
      }

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

      .swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* 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;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .swiper-slide {
        width: 1000px;
      }
      .swiper-pagination-bullet-active{background: #fff;}
      .swiper-pagination{width: 150px !important;left: auto !important;right: 10px !important; z-index: 9999;text-align: left;}
      .swiper-pagination-bullet{width: 10px;height: 10px;}
  .banner{width: 100%;height: 400px;background: url(../images/banner.jpg) top center no-repeat;}
  .tittle{width: 1200px;margin:0 auto;text-align: left;margin-top: 55px;margin-bottom: 30px;}
  .flash_div{width: 1200px;margin:0 auto; position: relative;top: 0;left: 0;}
  .flash_right{width: 170px;height: 600px;position:absolute;right: 0;top: 0; z-index: 400}

  .flash_layout{width: 1000px;height: 600px;background: #000;display: block;}
  .swiper-button-next{z-index: 999909999;right: 60px; color: #fff;}

  .layout_div1{width: 1200px;margin:0 auto;background: #f8f9fb;}

  .layout_div1_list1{width: 100%;height: 80px;border-bottom: 1px #2b90d9 solid;}
  .layout_div1_list1 li{float: left;width: 200px;display: block;}
  .layout_div1_list1 li a{color: #2b90d9;font-size: 26px;border-bottom: 5px #f8f9fb solid;display: block;line-height: 75px;}
  .layout_div1_list1 li a:hover{color: #2b90d9;font-size: 26px;border-bottom: 5px #2b90d9 solid;display: block;line-height: 75px;text-decoration: none;font-weight: bold;}
  .layout_div1_list1_hover{border-bottom: 5px #2b90d9 solid !important;font-weight: bold !important;}

  .plist1{margin-top: 30px;}
  .plist1_img{width: 560px;float: left;margin-left: 15px;}
  .plist1_img p{padding:10px 0;}
  .plist1_img p a{color: #282c37;font-size: 20px; line-height: 30px;}
  .plist1_list{width: 600px;float: right;}
  .plist1_list ul{margin-top: -30px;}
  .plist1_list li{border-bottom: 1px #e7ecf1 dashed;padding:26px 0;padding-right: 20px;}
  .plist1_list li .span1{background: url(../images/icon1.jpg) top left no-repeat;width: 10px;height: 10px;display: block;display: block;float: left;margin-top: 7px;}
  .plist1_list li a{width: 555px;float: left;margin-left: 15px; color: #282c37;font-size: 22px;display:block;text-align: left; line-height: 30px;}
  .plist1_list li a:hover{text-decoration: none;font-weight: bold;}
  .plist1_list li:hover .span1{background: url(../images/icon2.jpg) top left no-repeat;}

  .layout_div2{width: 1200px;margin:0 auto;}
  .plist2{margin-top: 30px;}
  .plist2_img{width: 585px;float: right;position: relative;top: 0;left: 0;height: 585px;}
  .plist2_img p{padding:10px 0;}
  .plist2_img p a{color: #282c37;font-size: 20px; line-height: 30px;}
  .plist2_list{width: 600px;float: left;}
  .plist2_list ul{margin-top: -30px;}
  .plist2_list li{border-bottom: 1px #e7ecf1 dashed;padding:26px 0;padding-right: 20px;}
  .plist2_list li .span1{background: url(../images/icon1.jpg) top left no-repeat;width: 10px;height: 10px;display: block;display: block;float: left;margin-top: 7px;}
  .plist2_list li a{width: 555px;float: left;margin-left: 15px; color: #282c37;font-size: 22px;display:block;text-align: left; line-height: 30px;}
  .plist2_list li a:hover{text-decoration: none;font-weight: bold;}
  .plist2_list li:hover .span1{background: url(../images/icon2.jpg) top left no-repeat;}
  .icon_1{position:absolute;top:50%;margin-top: -60px;left: 50%;margin-left: -150px; z-index: 400; width:300px;}
  .plist2_img_m{position:absolute;top:0;left: 0; z-index: 200}
  .icon_1 p{font-size: 20px; color: #fff;line-height: 40px;}
  .icon_1 a:hover{text-decoration: none;}

  .more1{color: #282c37;font-size: 18px;margin-top: 16px;display: block;font-weight: normal;margin-right: 20px;}


  .layout_div3{width: 1200px;margin:0 auto;}
  .layout_div3_left{width: 820px;float: left;}
  .layout_div3_left li{width: 380px;height: 300px; float: left;margin-right: 30px;margin-bottom: 30px;}
  .plist3_p{margin-top: 10px;text-align: left;}
  .plist3_p a{font-size: 20px; color: #282c37;}
  .plist3_p a:hover{font-weight: bold;text-decoration: none;}
  .layout_div3_right{width: 380px;float: right;}
  .layout_div3_right_list{}
  .layout_div3_right_list li{margin-bottom: 20px;text-align: left;}
  .layout_div3_right_list li a{ color: #282c37;font-size: 22px;display: block;background: #f8f9fb;padding:20px 5px;}
  .layout_div3_right_list li a:hover{background: #2b90d9;text-decoration: none; color: #fff;}
  .layout_div3_right_list_{background: #2b90d9 !important;text-decoration: none !important; color: #fff !important;}

  .plist5{width: 100%;margin-bottom: 60px;}
  .plist5_img{width: 240px;height: 135px; float: left;}
  .plist5_p{width: 522px;margin-left: 20px;float: left;text-align: left;}
  .plist5_p a{color: #282c37;font-size: 22px; line-height: 28px;}
  .plist5_p a:hover{font-weight: bold;text-decoration: none;}

  .plist6{width: 100%; position: relative;top: 0;left: 0;height: 214px;margin-bottom: 50px;}
  .plist6_img{width: 100%;position: absolute;top: 0;left: 0; z-index: 200}
  .plist6_bg{width: 100%;height: 50px;background: #000;opacity: 0.4; z-index: 210; position: absolute;bottom: 0;left: 0;}
  .plist6_zi{width: 96%;height: 50px;z-index: 230; position: absolute;bottom: 0;left: 0;padding:0 2%;text-align: center;}
  .plist6_zi a{color: #fff;font-size: 18px; line-height: 50px;}
  .plist6_zi a:hover{font-weight: bold;text-decoration: none;}

  .layout_div4{width: 1200px;margin:0 auto;overflow: hidden;}
  .layout_div4_left{width: 380px;float: left;overflow: hidden;}
  .layout_div4_c{width: 380px;float: left;margin:0 30px;overflow: hidden;}
  .layout_div4_right{width: 380px;float: left; overflow: hidden;}

  .layout_div4_list{width: 380px;}
  .layout_div4_list ul{margin-top: -30px;}
  .layout_div4_list li{border-bottom: 1px #e7ecf1 dashed;padding:26px 0;padding-right: 20px;}
  .layout_div4_list li .span1{background: url(../images/icon1.jpg) top left no-repeat;width: 10px;height: 10px;display: block;display: block;float: left;margin-top: 7px;}
  .layout_div4_list li a{width: 335px;float: left;margin-left: 15px; color: #282c37;font-size: 22px;display:block;text-align: left; line-height: 30px;}
  .layout_div4_list li a:hover{text-decoration: none;font-weight: bold;}
  .layout_div4_list li:hover .span1{background: url(../images/icon2.jpg) top left no-repeat;}

  .foot_div{width: 100%;background: #2b90d9;height: 130px;padding:40px 0;margin-top: 70px;}
  .foot_div p{font-size: 16px; color: #fff; line-height: 30px;}



@media only screen and (min-width: 768px) 
{
body{ width:1600px;}
} 
@media only screen and (min-width: 1200px) 
{
body{ width:100%;}
.foot_div{width:100%;}
}