body{background-color: #efefef;}
.banner{height: 480px;width: 100%;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 28px;flex-direction: column;}
.banner p{font-size: 24px;}
.ban1{background: url(../images/b1.jpg) no-repeat center center;}
.ban4{background: url(../images/b4.jpg) no-repeat center center;}
.ban3{background: url(../images/b3.jpg) no-repeat center center;}
.ban5{background: url(../images/b5.jpg) no-repeat center center;height: 840px;}
.ban6{background: url(../images/b6.jpg) no-repeat center center;}
.breadcrumb{background: none;font-size: 16px;padding: 20px 15px 10px 15px;}
.breadcrumb i{margin-right:5px;}
.breadcrumb  a{color: #333;}
.list img,.ltcp img{width: 100%;}
.list img{height:250px;    object-fit: cover;}
.l_news{margin-bottom: 20px;}
.l_news_t{background-color: #012b5b;text-align: center;line-height: 70px;height: 70px;font-size: 18px;color:#fff;font-weight: bold;}
.l_news_p{background-color: #fff;border-bottom: 1px solid #bfbfbf;border-right:1px solid #bfbfbf;border-left: 1px solid #bfbfbf;}
.l_news li{height: 50px;line-height: 50px;text-align: center;}
.l_news_p a{color:#333;font-size: 16px;}
.l_news_p a:hover,.list_p_t a:hover{color: #2b6cb6;}
.l_news_tp{margin:0;padding:0}
.l_news_tp img,.list img{width: 100%;}
.l_nd .l_news_p{padding: 10px;}
.l_n_p a{font-size: 14px;}

.list{margin-bottom: 20px;}
.list_p{border-bottom: 1px solid #bfbfbf;border-right:1px solid #bfbfbf;border-left: 1px solid #bfbfbf;padding: 10px;background-color: #fff;height:190px}
.list_p_t a{font-size: 16px;color:#060606;}
.list_p p{color: #aaa;font-size: 14px;line-height: 25px;margin-top: 10px;height:80px}
.newsbg{background-color: #fff;}
.news_show h1{font-size: 24px;color:#000e3f;text-align: center;padding-top: 20px;}
.news_shij{color: #616161;font-size: 16px;margin: 20px 0;}
.news_info{font-size: 14px;line-height: 30px;color:#333}
/*.news_info p,.news_info div{text-indent: 2em;}*/
.ltcp{margin-bottom: 20px;}
.ltcp img{border-bottom: 1px solid #c0c0c0;height:250px;object-fit: cover;}
.ltcp .list_p{border:none;text-align: center;height:170px}
.ltcp .list_p .list_p_t a{font-size: 18px;font-weight: 600;}
.ltcp .list_p p{color: #333;}

.chanpin{background-color: #fff;padding-bottom:40px;}
.zx a{display: block; border-radius: 10px;background: #337ab7;color: #fff;width: 200px; height: 40px;line-height: 40px; text-align: center;margin-top: 20px;}


.pc-slide .view {border: 1px solid #ddd;}
.view .swiper-slide .img-center {width:100%;height:400px;line-height:400px;}
.view .swiper-container{width:100%;}
.preview{width:100%;margin-top:10px;position:relative;}
.preview .swiper-container{margin:0 30px;}
.preview .swiper-slide .img-center{height:80px;border:1px solid #ddd;cursor:pointer;position:relative;line-height: 80px;    overflow: hidden;}
.preview .arrow-left{position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;font-size: 20px;color: #000;}
.preview .arrow-right{position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;font-size: 20px;color: #000;}
.preview .active-nav .img-center{border-color: #357ca9;}
div.zoomDiv {z-index: 999;position: absolute;top: 0;left: 0;background: #ffffff;border: 1px solid #ddd;display: none;text-align: center;overflow: hidden;font-size: 0;}
div.zoomMask {position: absolute;background: url(../images/mask.png) repeat scroll 0 0 transparent;cursor: move;z-index: 1;}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 0.5s;}

.cp_r h1{font-size: 26px;font-weight: bold;}
.cp_r_cont{font-size: 18px;line-height: 35px;margin-top: 20px;}
.js_list img{height: 350px;object-fit: contain;}
.js_menu{background-color: #fff;width: 100%;height: 74px;display: flex;justify-content: space-between;align-items: center;margin-top:-74px}
.js_menu li{width: 33.3333%;height: 100%;}
.js_menu2 li{width:50%}
.js_menu li a{width: 100%;height: 100%;color:#1d1d1d;font-size: 16px;display: flex;justify-content: center;align-items: center;}
.js_menu li.active a,.js_menu li a:hover{background-color: #cecece;color: #000;font-weight: bold;}
.js_desc{background-color: #012b5b;color: #fff;height: 285px;}
.js_desc_c{display: flex;justify-content: center;align-items: center;flex-direction: column;height: 285px;}
.js_d_t{font-size: 28px;line-height: 45px;margin-bottom: 20px;}
.js_desc_c p{font-size: 18px;width: 60%;text-align: center;}
.white{background-color: #fff;padding:20px}
.js_list{margin-bottom: 20px;}
.js_list img,.sc_tp img{width: 100%;}
.js_p{background-color: #efefef;padding: 10px;height:90px}
.js_p h3{margin:10px 0;text-align: center;color: #0143a1;font-size: 20px;}
.js_p p{color:#333;text-align: center;}

.xiazhai{background-color: #fff;border: 1px solid #bfbfbf;}
.cpshow{text-align:center}
.cpshow img{max-width:100%;}
.listx{margin: 3% ;}
.listx li{border-bottom: 1px solid #686868;}
.listx li a{color: #686868;font-size: 18px;display: flex;justify-content: space-between;align-items: center;height: 60px;}
.xia_tit {display: flex;width: 80%;align-items: center;}
.xia_tit .xibg{display: block;width: 22px;height: 28px;margin-right: 2%;}
.xia2{width: 30px;height: 32px;}
.xia_tit .xibg{display: block;background: url(../images/xia_03.png) no-repeat 100% 100%;width: 25px;height: 32px;margin-right: 2%;}
.xia2{background: url(../images/xia_06.png) no-repeat 100% 100%;width: 33px;height: 36px;}
.shengc{overflow: hidden;border: 1px solid #bfbfbf;padding:2%}
.shengc .sbei{background-color: #efefef;        width: 100%;height: 100%;overflow: hidden;position: relative;}
.sc_tp,.sc_cont{width: 50%;float: left}
.sc_cont{padding:2%}
.yuns {margin-top: 20px;}
.yuns img,.about_tp img,.we_cont img,.tab-pane img{width: 100%;}
.about{background-color: #fff;margin-top: -100px;padding: 2%;}
.shipin video{border-radius: 20px;margin-bottom:40px}
.about_tit{margin-bottom: 20px;}
.about_tit h3{color: #002b4e;font-size: 24px;font-weight: bold;position: relative;height: 40px;border-bottom: 1px solid #c4c4c4;width: 160px;margin: 10px auto}

.about_p:nth-last-child(1){border-right: 1px solid #c7cccf;}

.about_p p{color: #484c4f;font-size: 14px;}
.about_cont{color: #333;line-height: 35px;font-size: 16px;margin-top: 20px;}


.huanjin_pc{margin-top:-220px;overflow: hidden;width: 100%;}

.wenhua{background-color: #fff;margin-top: 20px;padding-top: 20px;padding-bottom: 40px;}
.we_cont{border-radius: 20px;overflow: hidden;box-shadow: 0 2px 12px 0 #b0bac2;}
.we_cont p{height: 100px;display: flex;justify-content: center;align-items: center;font-size:16px;color: #000;font-weight: bold;}

.tab-pane div{margin-bottom: 20px;}
.nav1{display: flex;justify-content: center;align-items: center;margin-bottom: 20px;}
.nav1 li a{width: 180px;height: 40px;text-align: center;line-height: 40px;background-color: #bbbbbb;color: #2b2b2b;font-size: 18px;display: block;margin-right: 20px;border-radius: 8px;font-weight:bold;}
.nav1 li.active a{background-color: #012b5b;color: #fff;}

.linker{background-color: #fff;}
.linkerdd{height: 350px;}
.linker .linker_l { width: 100%; height: 400px;margin-bottom: 40px;}
.linker_p{border:1px solid #cbcbcb;padding-top:40px;padding-bottom:20px;border-right:none;height: 250px;}
.linker_tit{color: #000;font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.linker_cont p{line-height: 25px;color:#272727;font-size: 14px;}
.linker_rd{background-color: #012b5b;color: #fff;height: 250px;font-size: 16px;}
.linker_r{display: flex;align-items: left;flex-direction: column;height: 250px;justify-content: center;}
.wda{width: 90%;margin:20px auto 60px auto;color: #fff;}
.wen,.da{display: flex;flex-wrap: nowrap;margin-bottom: 20px;}
.wen i,.da i{background-color: #004ea1;width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 40px;font-size: 22px;margin:0 15px 0 0;display:block;font-style:normal}
.wen .wen_c{padding:10px;background-color: #004ea1;font-size: 16px;border-radius: 6px;position: relative;}
.wen .wen_c::before{content:'';position: absolute;left: -10px; top: 6px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 10px solid #004ea1;}

.da_c{border-radius: 6px;border:1px solid #c4c4c4;color: #333;line-height: 30px;font-size: 16px;min-height: 80px;position: relative;margin-right: 20px;padding: 15px;width: 90%;}
.da_c::before{content:'';     position: absolute; right: -10px; top: 14px;  border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #c4c4c4;}
.da_c::after{content:'';   position: absolute; right: -8px; top: 14px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #fff;}
      .anli{background:#fff;padding-top:20px}
          .an_tp img{width:100%;}
		  .list_anli{background:#efefef;margin-bottom:20px;width:100%;padding:0;}
		  .list_anli .an_tp{margin-left:0;padding-left:0}
		  .list_p_t{padding-top:30px;margin-bottom:10px}
		  .list_p_t a{font-size:20px;}
		  .list_an_p p{color:#333;font-size:16px;line-height:35px}
.cp_show{background-color: #fff;border-radius: 20px;margin-top: 40px}
.cp_tit{color: #333;font-weight: bold;font-size: 28px;text-align: center;line-height: 65px;}
.pages_style {
      display: inline-block;
      padding: 0;
      margin: 20px 20px 40px 0 ;
      height: 40px;
  }

.news_info img{max-width:100%}
 .pages_style a, .pages_style span {
      color: black;
      float: left;
      padding: 8px 16px;
      text-decoration: none;
      transition: background-color .3s;
      border: 1px solid #ddd;
      background:#fff;
  }

.pages_style span{background-color:#12587f;color:#fff; border: 1px solid #12587f;}
  .pagination li:first-child a {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
  }

  .pagination li:last-child a {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
  }

 .pages_style a.active {
      background-color: #f00;
      color: white;
      border: 1px solid #f00;
  }
.huanjindd div img{height:217px !important;}
.zzdfef img{height:520px}
 .pages_style a:hover:not(.active) {background-color: #ddd;}


 @media (max-width: 768px){
	 .linker_p{height: auto;border-right:1px solid #cbcbcb;}
	 .banner{height:300px}
	 .cpshow img,.news_info img{width:100% !important;height:auto !important}
	 .list_p,.list_p p{height:auto}
	 .l_news{display:none}
	 
	 
 }