/* commom css start */
@charset "utf-8";
*               {margin: 0;padding: 0;box-sizing: border-box;}
@font-face      {font-family: "microsoft yahei";}
html            {font-family: "microsoft yahei";height: 100%;}
body, button, input, select, textarea    {font: 90% "microsoft yahei"!important;}
input,textarea    {font-size: 100%;-webkit-appearance : none;}
input:focus, select:focus, textarea:focus{border: 1px solid #66A6FF !important;outline:0 !important;}
table           {border-collapse: collapse;border-spacing: 0;table-layout:fixed;}
/* address, caption, cite, code, dfn, em, th, var, strong      {font-style: normal;font-weight: normal;}*/
ol, ul          {list-style: none;}
h1, h2, h3, h4, h5, h6  {font-size: 100%;font-weight: bold;}
a               { color: #323232;text-decoration: none;display: inline-block;}
a:hover         {text-decoration: none;}
.clearfix:before, 
.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;overflow: hidden;}
.clearfix       {zoom: 1;}
.fl, .fr        {display: inline;}
.fl             {float: left;}
.fr             {float: right;}
.main           {width: 1200px;margin: 0 auto;max-width: 96%;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
/* commom css end */
img{display: block;}
i{font-style: normal;}
img{max-width:100%;border: none;}
body{height: 100%;overflow-x: hidden; flex-direction: column;display: flex;}
/*头部*/
.header {flex: 0 0 auto;}
.header .logo_box{padding: 20px 0;padding-left: 40px;}
.phone{text-align: right;margin-top: 8px;}
.phone i{color: #999;font-size: 12px;display: block;}
.phone span{display: inline-block;color: #666;font-size: 18px;padding-left: 12px;background: url(../images/phone.png) no-repeat left center;}
.menu_box{width: calc(100% - 300px);}
.menu_box li{float: left;width: calc(100% / 6); text-align: center;position: relative;}
.menu_box li>a{display: block;background: url(../images/nav_line.png) no-repeat right center;color: #666;font-size: 18px;line-height: 35px;}
.menu_box li:last-of-type>a{background: none;}
.menu_box li dl{position: absolute;top: 35px;left: 0;width: 100%;background-color:#fff;display: none;z-index: 99;}
.menu_box li dl dd{border-bottom: 1px solid #fff;line-height: 35px;font-size: 18px;}
.menu_box li dl dd>a{color: #666;}
.menu_box li:hover>a,.menu_box li.cur>a{color: #005bac;}
.menu_box li dl dd>a:hover{color: #005bac;}
.search_box #keyboard{width: 190px;height: 35px;border: 1px solid #ccc;font-size: 14px;padding-left: 10px;float: left;}
.searchButton{width: 55px;height: 35px;background: #005bac url(../images/search.png) no-repeat center;border: none;cursor: pointer;}
/*中间*/
.section{flex: 1 0 auto;margin-top: 10px;}
.banner_slide li{width: 100%;height: 545px;overflow: hidden;}
.banner_slide li img{width: 100%;height: 100%;overflow: hidden;object-fit: cover;}
.banner_slide .swiper-pagination-bullet{width: 12px;height: 12px;background-color:#fff;opacity: 1;}
.banner_slide .swiper-pagination-bullet-active{background-color:#007aff;}
.banner_slide.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin: 0 10px;}

.index_product{margin-top: 40px;position: relative;top: 0;left: 0;}
.index_product h3{color:#000 ;font-size: 20px;font-weight: normal;line-height: 40px;position: relative;margin-bottom: 20px;}
.index_product h3:before{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 15px;height: 1px ;background-color: #000;}
.product_slide{text-align: center;}
.product_slide li{padding: 0 15px;text-align: center;transition: all 0.5s;width: calc(100% / 4);}
.product_slide li a{display: block;}
.product_img{display:inline-block;text-align: center;padding: 25px;background-color: #f3f3f3;border-radius: 50%;transition: all 0.5s;}
.product_img img{margin: 0 auto;transform: scale(1);transition: all 0.5s;width:92px;height:99px;object-fit:cover;}

.product_slide h4{color: #000;font-size: 16px;font-weight: normal;padding: 15px 0;position: relative;}
.product_slide h4:before{content: '';display: block;position: absolute;left: 50%;bottom: 0;width: 25px;height: 1px ;background-color: #000;transform: translateX(-50%);transition: all 0.5s;}
.product_slide p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #999;font-size: 14px;margin: 15px 0 20px 0;height: 38px;}
.product_slide i{color: #000;font-size: 14px;}
.product_slide li:hover .product_img{background-color: #005bac;transition: all 0.5s;}
.product_slide li:hover .product_img img{transform: scale(1.1);transition: all 0.5s;}
.product_slide li:hover  h4:before{background-color: #005bac;transition: all 0.5s;}
.product_slide li:hover i{transition: all 0.5s;color: #005bac;}
.product_button{width: 30px;height: 48px;background: url(../images/swiper_right.png) no-repeat; position: absolute;top: 35%;transform: translateY(-50%);border: none;background-size: 25px auto;z-index: 999;cursor: pointer;}
.product_button.product_next{right: 0;margin-right: -40px;background-position: right center;}
.product_button.product_prev{left: 0;margin-left: -40px;background-position: left center;background-image: url(../images/swiper_left.png);}

.index_column{margin: 60px 0;}
.index_column ul li{float: left;width: calc(100% / 4); overflow: hidden;background: url(../images/column_line.png) no-repeat right center;padding-left: 50px;min-height: 210px;}
.index_column ul li:last-of-type{background: none;}
.column_first i{width: 60px;height: 60px;background: #005bac url(../images/about_icon.png) no-repeat center;border-radius: 10px;transition: all 0.5s;}
.index_column ul li:nth-of-type(2) .column_first i{background-image: url(../images/news_icon.png);}
.index_column ul li:nth-of-type(3) .column_first i{background-image: url(../images/jobs_icon.png);}
.index_column ul li:nth-of-type(4) .column_first i{background-image: url(../images/message_icon.png);}
.column_name{margin-left: 15px;color: #333;}
.column_name  h3{font-size: 20px;font-weight: normal;}
.column_name  p{font-size: 14px;}
.index_column dl{margin-top: 30px;}
.index_column dl a{display: block;line-height: 40px;color: #333;font-size: 14px;padding-left: 15px;background: url(../images/column_icon.png) no-repeat left center;}
.index_column dl a:hover{color: #005bac;}
/*底部*/
.footer {flex: 0 0 auto;background-color: #005bac;padding:30px 0 ;color: #fff;}
.footer_logo,.footer_wrap{width: 50%;}
.footer_wrap {background: url(../images/footer_line.png) no-repeat -1px center;padding-left: 100px;}
.footer_logo{padding-left: 50px;min-height: 144px;position: relative;}
.footer_logo_img{position: absolute;top: 50%;left: 50px;transform: translateY(-50%);}
.footer_logo_img h3{font-size: 30px;font-weight: normal;}
.footer_logo_img i{font-size: 16px;}
.footer_wrap ul li{padding-right: 10px;position:relative ;float: left;overflow: hidden;font-size: 16px;}
.footer_wrap ul li:before{content: '';display: block;position: absolute;top: 50%;right: 5px;border-right: 1px solid #fff;height: 14px;transform: translateY(-50%);}
.footer_wrap ul li a{color: #fff;}
.footer_wrap ul li:last-of-type:before{display: none;}
.footer_wrap ul{margin-bottom: 45px;}
.footer_wrap p{font-size: 16px;line-height: 26px;}
.footer_wrap a{color: #fff;}



.bg{background-color: #f8f8f8;}
.list_box{margin: 30px 0 40px 0;}
.sidebar{background-color: #fff;width: 240px;padding: 0 20px;text-align: center;color: #005bac;font-size: 18px;padding-bottom: 15px;font-weight: bold;}
.sidebar dt{line-height: 60px;border-bottom: 2px solid #005bac;}
.sidebar dd a{color: #005bac;line-height: 60px;border-bottom: 2px solid #eee;display: block;}
.sidebar dd.cur a,.sidebar dd:hover a{background-color: #f6f6f6;}
.sidebar dd:last-of-type a{border-bottom: 0;}
.list_detail{background-color: #fff;width: calc(100% - 265px);}
.newsnav{line-height: 60px;padding-left: 25px;border-bottom: 2px solid #eee;}
.newsnav p{color: #000;font-size: 16px;padding-left: 30px;background: url(../images/newsnav.png) no-repeat left center;}
.newsnav p a{color: #000;}
.list_news {padding:0 70px 30px 25px;}
.list_news li{display: block;}
.list_news li a{display: block;line-height: 50px;padding-left: 30px;background: url(../images/list_icon.png) no-repeat left center;}
.list_news li a p{color: #333;font-size: 16px;width: calc(100% - 200px);}
.list_news li a time{color: #999;font-size: 14px;width: 100px;text-align: right;}
.list_news li:hover p{color: #005bac;}

.content_wrap{padding: 35px 0 60px 0;}
.content_title{padding:0 40px 30px 40px;border-bottom: 1px solid #eee;text-align: center;}
.content_title h3{color: #005bac;font-size: 30px;font-weight: normal;margin-bottom: 20px;}
.content_time span{margin-right:10px;color: #999;font-size: 14px;}
.content_text{padding: 20px 40px 0 40px;color: #333;font-size: 18px;line-height: 30px;text-align: justify;}
.content_text img{margin: 0 auto;height:auto !important;}
.list_pic{padding:25px 55px 30px 55px ;}
.list_pic li{float: left;width: calc((100% - 30px) / 3);margin-right: 15px;text-align: center;}
.list_pic li a{display: block;}
.pic_img {width: 100%;height: 150px;position: relative;transition:all .2s ease-in-out;overflow: hidden;border:1px solid #eee;}
.pic_img img{height: 95%;transform:;transition:all .2s ease-in-out;object-fit: cover;overflow: hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.list_pic p{padding: 15px 0;color: #000;font-size: 14px;}
.list_pic li:hover img{transform: scale(1.1) translate(-50%,-50%) ;}
.list_pic li:hover p{color: #005bac;}
.list_pic li:nth-of-type(3n){margin-right: 0;}


.search-jieguo{color: #666;margin: 20px 0;font-size: 16px;}
.search-jieguo strong{color: red;}
.search_info{padding:0 70px 30px 30px}
.search_info li{width: 100%;display: block;padding-left: 30px;background: url(../images/list_icon.png) left center no-repeat;}
.search_info li a{display: block;color: #333;font-size: 16px;line-height: 50px;}
.search_info li a p{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.search_info li.cur a{color: #005bac;}
.search_info li:hover a{color: #005bac;}
.list_detail.searchBox{width: 100%;}



.pages {margin-top: 20px;text-align: center;font-size: 0;margin-top: 20px;}
.pages * {display: inline-block;font-size: 14px;}
.pages a, .pages b {padding: 0px 15px;border: 1px solid #e4eaec;border-right: none;background: #fff;text-align: center;color: #76838f;height: 40px;line-height: 40px;}
.pages b {background: #005bac;border-color: #005bac;color: #fff;cursor: default;}
.pages a:last-child {border-right: 1px solid #e4eaec;}

.nav-btn {display: none;}


@media screen and (max-width:768px){
	.nav-btn{display: block;line-height: 48px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);color: #fff;transition: all .3s ease-out;background: #007fdd;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border-radius: 3px;color: #fff;cursor: pointer;display: block;height: 40px;outline-style: none;pointer-events: all;position: fixed;text-align: center;width: 40px;z-index: 1020;right: 10px;top: 20px;}
    .nav-btn-icon           {-webkit-transform: rotate(0deg);cursor: pointer;display: inline-block;height: 17.3px;position: relative;transform: rotate(0deg);transition: .5s ease-in-out;width: 22px;}
    .nav-btn-icon span      {-webkit-transform: rotate(0deg);background-color: #fff;border-radius: 2px;display: block;height: 2px;left: 0;opacity: 1;position: absolute;transform: rotate(0deg);transition: .25s ease-in-out;width: 100%;}
    .nav-btn-icon span:first-child              {-webkit-transform-origin: left center;top: 0;transform-origin: left center;}
    .nav-open .nav-btn-icon span:first-child    {-webkit-transform: rotate(45deg);left: 3px;top: 0;transform: rotate(45deg);}
    .nav-btn-icon span:nth-child(2)             {-webkit-transform-origin: left center;top: 6px;transform-origin: left center;}
    .nav-open .nav-btn-icon span:nth-child(2)   {opacity: 0;width: 0;}
    .nav-btn-icon span:nth-child(3)             {-webkit-transform-origin: left center;top: 12px;transform-origin: left center;}
    .nav-open .nav-btn-icon span:nth-child(3)   {-webkit-transform: rotate(-45deg);left: 3px;top: 16px;transform: rotate(-45deg);}
    .menu_box .nav-level            {width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0;top: 0;background: rgba(255, 255, 255, 0.8);opacity: 0;z-index: -2;display: none;}
   .nav-open .nav-level       {top: 84px;height: auto;opacity: 1;z-index: 99;background:#007fdd;overflow: hidden;position: absolute;left: 0;border-top: 1px solid #007fdd;}
   .phone,.search_box {display: none;}
  .header .logo_box{padding-left: 0;}
  .logo img{height: 40px;}
  .header{position: fixed;background-color: #fff;position: fixed;width: 100%;box-shadow: #ccc 0px 0px 5px 0px;z-index:1020;}
  .menu_box li{width: 100%;text-align: left;}
    .menu_box li>a{line-height: 40px;padding: 0 20px;}
  .menu_box li>a i{position: absolute;width:20px;height:20px;display: block;top: 50%;transform: translateY(-50%);right: 10px;background:url(../images/add.png) no-repeat center;}
 .menu_box li.cur>a i, .menu_box li:hover>a i{background-image: url(../images/minus.png);}
 .menu_box li a{background-image: none;color: #fff;position: relative;}
 .menu_box li dl{position: static;background: none;}
 .menu_box li:hover>a, .menu_box li.cur>a{color: #fff;}
 .menu_box li dl a{padding-left: 40px;}
 .menu_box li dl dd>a,.menu_box li dl dd:hover>a{color: #fff;display: block;}
 .menu_box li.cur>a, .menu_box li:hover>a,.menu_box li dl dd>a:hover{background-color: #0564A5;}
 .section {margin-top: 84px;}
 .banner_slide li{height: 240px;}
 .product_slide li{width: calc(100% / 2);}
 .product_button{display: none;}
 .index_column ul li{width: calc(100% / 2);padding-left: 10px;}
 .column_first i{width: 45px;height: 45px;background-size:30px auto ;}
 .index_column ul li:nth-of-type(2n){background-image: none;}
 .column_name{margin-left: 10px;}
 .column_name p{font-size: 12px;}
.index_column ul li:nth-of-type(2n+1){padding-left: 0;}
.footer_logo, .footer_wrap{width: 100%;padding-left: 0;background-image: none;}
.footer_logo_img{position: static;left: auto;top: auto;transform: translate(0);}
.footer_logo_img h3{font-size: 28px;}
.footer_logo_img i{font-size: 14px;}
.footer_logo{margin-bottom: 20px;min-height: auto;}
.index_column {margin: 30px 0;}
.sidebar{display: none;}
.list_detail{width: 100%;}
.content_title {padding: 0 10px 30px 10px;}
.content_text{padding: 20px 10px 0 10px;}
.list_news,.search_info{padding:0 10px 30px 25px;}
.list_news li a p{width: calc(100% - 110px);}
.list_pic li{width: calc((100% - 10px) / 2);margin-right: 10px;}
.list_pic li:nth-of-type(3n){margin-right: 10px;}
.list_pic li:nth-of-type(2n){margin-right: 0;}
.list_pic{padding: 25px 10px 30px 10px;}
.newsnav p{font-size:14px;}
.content_text table{width:100% !important;}
}