.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}

/*返回顶部*/
.yb_top{ z-index:10; width:56px; height:56px; background:rgba(0,0,0,0.2)url(/images/jt.png) no-repeat center; background-size:60%; position:fixed; right:48px; bottom:20%; border-radius:8px; transform:rotate(180deg); display:none;}
.yb_top:hover{ background:rgba(25,108,207,0.6)url(/images/jt.png) no-repeat center; background-size:60%; cursor: pointer;}
.yb_top_active{ display:block;}


/*产品列表*/
.pro_lanmu{ width:1600px; margin:48px auto; border: solid 1px #e5e5e5; box-sizing:border-box; padding:20px; box-sizing:border-box;}
.pro_lanmu_a{ border-bottom: dashed 1px #e0e0e0; overflow: hidden;}
.pro_lanmu_a:last-child{ border-bottom:none;}
.pro_lanmu label{ 
    display: block;
    float: left;
    width: 100px;
    text-align: right;
    font-size: 16px;
    line-height: 56px;
    color: #333;
    margin-bottom:0;
}
.pro_lanmu ul{ 
    float: left;
    padding-left: 20px;
    background-color: #fff;
}
.pro_lanmu li{ float:left; line-height: 36px; margin:10px 12px 0 0; padding:0 15px; font-size: 15px; color:#666;}
.pro_lanmu li.active{ background:#0067b7; color:#fff; border-radius:6px;}
.pro_lanmu li:hover{ background:#0067b7; color:#fff; border-radius:6px; cursor: pointer;}


/*产品列表*/
.product-list{ width:1600px; margin-bottom:48px;}
.product-list > ul li{ margin-bottom:20px; width:23.5%;}
.product-list > ul li p:first-child{ height:100%; border-radius:8px;}
.product-list > ul li h2{ text-align:center;}

.main3{ width:1600px; padding:0; margin:0 auto 36px auto;}
.product3_txt h3{ font-size:36px; font-weight:bold; text-align:Center; margin-bottom:24px;}


/*顶部导航开始*/
#mould82295{ width: 100%; z-index: 999; transition:.5s; background: #f5f5f5; box-shadow: 0 0 10px rgb(0 0 0 / 30%); position: relative;}
.navbars4{ width: 1600px; position: static;}
.navbars4 .logo{ width:490px;}

.navbars4 li>a{ padding: 0px; margin: 0px 30px; position:relative; display:block; line-height:100px; color: #333;}
.navbars4 li.active>a{ background:none; color:#0067b7; font-weight:bold;}
.navs >li:hover>a{ color: #0067b7; background: none;}
.navs >li>a:after{ content: ""; width: 0; height: 3px; positiontion: absolute; background: #0067b7; bottom: 0; left: 0; transition:.5s; transform-origin: center center;}
.navs >li>a:hover:after{ width: 100%;}

.search{ width:46px; height:46px; float:right; background:#196ccf; margin:27px 0 0 24px; border-radius:50%;display: flex;justify-content: center;align-items: center;}
.search img{ width:16px;}

.header_active{ background: #f5f5f5!important; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.header_active .navbars4 .logo img:first-child{ display:none;}
.header_active .navbars4 .logo img:last-child{ display:block;}
.header_active .navbars4 li>a{ color:#333;}
.header_active .navs >li>a:before{ border:1px solid rgba(25,108,207,0.4);}


/*下拉搜索*/
.head-search{ width:100%; background:rgba(0,0,0,0.3); position: absolute; left:0; top:-200px; transition:.5s; z-index:0;}
.head-search div{ width:1200px; margin:30px auto; position:relative;}
.head-search input{
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: #f5f5f5;
    font-size: 16px;
    transition:.5s;
    box-shadow:none;
    border: 2px solid #0067b7;
    padding: 0 20px;
    box-sizing:border-box;
    margin-bottom: 0;
}
.head-search a{ background:#0067b7 url(/images/search.png) no-repeat center; width:48px; height:48px;display:block; position:absolute; right:0; top:0; background-size: 76%;}
.btn_active{ top:100px;}

/*顶部导航结束*/


/*标签栏*/
.crumbs{ width: 1600px; margin: 0 auto;}
.crumbs_nav{ float: left; width: 30%; line-height: 80px;}
.crumbs_nav a{ display: inline-block; margin: 0 15px;}
.crumbs_nav a:hover{ color: #0067b7;}
.crumbs_nav a.b{ background: url("/images/btn.png") no-repeat; background-position: -157px 0; width: 20px; height: 20px; position: relative; top: 5px;}
.crumbs_nav span{ margin-left: 15px; color: #0067b7;}
.crumbs ul{ float: right; width: auto;}
.children-navs{ margin-bottom:36px;}
.children-navs ul li{ min-width: auto; margin:0 5px;}
.children-navs ul li:last-child{ margin-right:0;}
.children-navs ul li a{ font-size:16px; padding: 0 15px;}
.children-navs ul li:hover a{ color: #0067b7;}
.children-navs ul li.active a{ color: #0067b7;}
.children-navs ul li.active:after, .children-navs ul li.active:before{ bottom: -2px; background: #0067b7;}
.children-navs ul li:hover:after, .children-navs ul li:hover:before{ bottom: -2px; background: #0067b7;}



/*通用*/
.width_1600{ width:1600px; margin:0 auto;}
#mould76972{ width:100%;}
.f-pageone.fenye li:hover{ border: 1px solid #0067b7;}
.f-pageone.fenye li a:hover{ color:#0067b7;}
.fenye3_all h4 a{ color:#0067b7;}
.fixed_img a{ display:block;}
.fixed_img a img{ width:100%;}



/*简介整合页*/
.width_ny_{ width:1600px; margin:80px auto;}
.about_list_a .left{ width:48%; float:left; border-top-left-radius:60px; border-bottom-right-radius:60px; overflow:hidden;}
.about_list_a .left img{ width:100%; height:100%;}
.about_list_a .right{ width:48%; float:right;}
.about_list_a .right h2{ font-size:36px; font-weight:bold; margin-top:36px;}
.about_list_aa .right h2{ margin-top:64px;}
.about_list_a .right h3{ font-size:24px; line-height:36px; margin:24px 0 40px 0;}
.about_list_a .right p{ font-size:18px; line-height:36px; color:#666;}
.about_list_aa .right p{ position:relative; padding-left:30px; box-sizing:border-box; }
.about_list_aa .right p:before{ content:""; width:16px; height:16px; border-radius:2px; background:#0067b7; position:absolute; top:10px; left:0;}

.about_list_b{ margin:36px 0;}
.about_list_b .left{ width:48%; float:right; border-top-right-radius:60px; border-bottom-left-radius:60px; overflow:hidden;}
.about_list_b .left img{ width:100%; height:100%;}
.about_list_b .right{ width:48%; float:left;}
.about_list_b .right h2{ font-size:36px; font-weight:bold; margin-top:36px;}
.about_list_b .right h3{ font-size:24px; line-height:36px; margin:24px 0 48px 0;}
.about_list_b .right p{ font-size:18px; line-height:36px; color:#666; background:url(/images/nimg20_3.png) no-repeat top 9px left; padding-left:36px; box-sizing:border-box;}


.about_list_d{ text-align:center; margin-top:48px;}
.about_list_d h2{ font-size:36px; font-weight:bold; margin-top:36px;}
.about_list_d h3{ font-size:24px; line-height:36px; margin:24px 0 40px 0;}
.about_list_d li{ width:23.5%; float:left; margin-right:2%; box-shadow: 0 0 10px rgb(0 0 0 / 20%); border-radius:12px; padding:48px 0; transition:.5s;}
.about_list_d li:last-child{ margin-right:0;}
.about_list_d li div{ width:60px; height:60px; margin:0 auto; background: url(/images/btn_icon1.png) no-repeat; background-position:0 0; transition:.5s;}
.about_list_d li:nth-child(2) div{ background-position:-60px 0;}
.about_list_d li:nth-child(3) div{ background-position:-120px 0;}
.about_list_d li:nth-child(4) div{ background-position:-180px 0;}
.about_list_d li:hover div{ transform:rotate(360deg);}
.about_list_d li p{ font-size:30px; line-height:36px; color:#0067b7; margin:30px 0 20px 0; transition:.5s;}
.about_list_d li span{ display:block; font-size:18px; line-height:30px; height:60px; transition:.5s;}

.about_list_d li:hover{ background:#0067b7; cursor: pointer;}
.about_list_d li:hover p,.about_list_d li:hover span{ color:#fff;}
.about_list_d li:hover div{ background: url(/images/btn_icon.png) no-repeat;}
.about_list_d li:hover:nth-child(2) div{ background-position:-60px 0;}
.about_list_d li:hover:nth-child(3) div{ background-position:-120px 0;}
.about_list_d li:hover:nth-child(4) div{ background-position:-180px 0;}


/*荣誉*/
.honor_a{ background:#fff url(/images/honor_bg.jpg) no-repeat bottom; background-size: cover; padding:20px 0 60px 0;}
.honor_a_bg{ width:1600px; margin:0 auto;display: flex;
    align-items: center;}
.honor_a_bg .left{ float:left; width: 28%;}
.honor_a_bg .left h2{ font-size:36px; line-height:40px; font-weight:bold; margin-bottomom:36px;}
.honor_a_bg .left p{ line-height:30px;}
.honor_a_bg .left a{ margin-top:24px; display: block;}
.honor_a_bg .left a:hover{ color:#0067b7;}
.honor_a_bg .right{ float:right; width: 70%;}
.honor_a_bg .right img{ margin-top:48px;}


/*风采*/
.about_list_e{ width:1600px; margin:64px auto; text-align:center;}
.about_list_e h2{ font-size:36px; font-weight:bold;}
.about_list_e p{ font-size:24px; line-height:36px; margin:24px 0 40px 0;}
.about_list_e li{ float:left; width:23.5%; margin-right:2%; border-radius:12px; overflow:hidden;}
.about_list_e li img{ width:100%; transition:1s;}
.about_list_e li:hover img{ transform:scale(1.1); cursor: pointer;}
.about_list_e li:nth-child(-n+2){ width:49%; margin-bottom:2%;}
.about_list_e li:nth-child(2),.about_list_e li:nth-child(6){ margin-right:0;}



/*基本页*/
#mould76974{ min-height:400px;}
#mould76976{ width:1600px; margin:0 auto;}
#mould76976 p{ line-height:30px;}
#mould76976 p img{ margin:5px auto; display:block;}


/*新闻列表*/
.news_list{ }
.news_list li{ width:32%; float:left; margin-right:2%; margin-bottom:3%;}
.news_list li:nth-child(3n){ margin-right:0;}
.news_list li .newsimgs{ width:100%; height:328px; position:relative; border-radius:8px; overflow:hidden;}
.news_list li:hover .newsimgs{ box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.news_list li .newsimgs img{ width:100%; height:100%; transition:1s;}
.news_list li:hover .newsimgs img{ transform:scale(1.1);}
.news_list li .newsimgs time{ position:absolute; top:0; left:0; width:120px; height:42px; line-height:42px; background:rgba(0,0,0,0.3); color:#fff; text-align:center; font-size:18px; font-family:arial;
border-bottom-right-radius:12px; transition:.5s;}
.news_list li .newsimgs:hover time{ background:#0067b7; color:#fff;}

.news_list li .newsconts h3{ font-size:24px; line-height:24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin:24px 0 15px 0; position:relative; padding-left:16px;}
.news_list li:hover .newsconts h3{ color:#0067b7;}
.news_list li .newsconts h3:before{ content:""; width:3px; height:24px; background:#0067b7; position:absolute; left:0; top:0;}
.news_list li .newsconts p{ color:#666; line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom:20px;}
.news_list li .newsconts span{ border-top-right-radius:16px; border-bottom-left-radius:16px; border:1px solid #ccc; box-sizing:border-box; width:120px; line-height:36px; text-align:center; 
  display:inline-block; transition:.5s;}
.news_list li .newsconts span:hover{ border:1px solid #0067b7; background:#0067b7; color:#fff;}


/*新闻详情*/
.newcontent,.tb_page{ width:1600px;}
.newcontent h2{ font-size:32px; line-height:40px; font-weight: bold;}
.newcontent h3{ margin:12px 0 30px 0; line-height: 24px;}
.newcontent .content{ min-height:300px;}

.tb_page{ margin:30px auto;}
.tb_page h4 a{ color:#0067b7;}


/*招聘页*/
.zhaopin_list{ width:1600px; margin: auto; min-height:800px;}
.zhaopin_a .left{ width:70%; float:left;}
.zhaopin_a .left .zhaopin_column{ background:#0067b7; color:#fff; padding:0 24px; box-sizing:border-box; border-radius:4px; margin-bottom:1px;}
.zhaopin_a .left .zhaopin_column span{ display:inline-block; line-height:100px;}
.zhaopin_a .left .zhaopin_column span:nth-child(-n+2){ width:24%;}
.zhaopin_a .left .zhaopin_column span:nth-child(3){ width:20%;}
.zhaopin_a .left .zhaopin_column span:nth-child(4){ width:32%;}
.zhaopin_a .left li{ border-bottom:1px solid #e5e5e5;}
.zhaopin_a .left li .title{ padding:0 24px; box-sizing:border-box;}
.zhaopin_a .left li .title span{ line-height:80px; float: left;}
.zhaopin_a .left li .title span:nth-child(-n+2){ width:24%;}
.zhaopin_a .left li .title span:nth-child(3){ width:20%;}
.zhaopin_a .left li .title span:nth-child(4){ width:30%;}
.zhaopin_a .left li .title em{ float:left; width:2%; width:14px; height:14px; background-position:center; background-image: url(/images/ico2.png); margin-top:33px;}

.zhaopin_a .left li .title.active{ background:#0067b7; color:#fff;}

.zhaopin_a .left li .requirement{ padding:24px; box-sizing:border-box; display:none; border:2px solid #0067b7; box-sizing:border-box;}
.zhaopin_a .left li .requirement h2{ font-size:18px; font-weight:bold;}
.zhaopin_a .left li .requirement p{ line-height:30px;}


.zhaopin_a .right{ width:24%; float:right;}
.zhaopin_a .right .img_boxs{ background:url(/images/zhaopin.jpg) no-repeat; background-size: cover; color:#fff; padding:40px 36px 80px 36px; box-sizing:border-box; border-radius:6px;}
.zhaopin_a .right .img_boxs span{ font-size:24px;}
.zhaopin_a .right .img_boxs h2{ font-size:36px; font-weight:bold; line-height:40px; margin:12px 0;}
.zhaopin_a .right .img_boxs p{ line-height:18px;}
.zhaopin_a .right .img_boxs a{ border:1px solid #fff; width:128px; line-height:40px; display:inline-block; color:#fff; text-align:Center; margin-top:20px;}
.zhaopin_a .right .img_boxs a:hover{ color:#0067b7; background:#fff;}
.zhaopin_a .right .text_boxs{ background:#f2f2f2; color:#333; border-radius:6px; margin-top:20px; padding:36px;}
.zhaopin_a .right .text_boxs h2{ font-size:24px; margin-bottom:10px;}
.zhaopin_a .right .text_boxs p{ line-height:30px;}




/*简历*/
.resume{ margin-bottom:64px; width:1080px;}
.resume input{ }
.resume textarea{ width:100%; padding:20px; box-sizing:border-box;}
.resume .resume_submit{ margin-top: 30px; height:48px; line-height:48px; border-radius:6px;}
.resume .resume_submit:hover{ background:#116dbc;}


/*视频*/
#mould35389{ width:1600px; margin: 0 auto;}
#mould35389 li{ width:48%; float:left; margin-bottom:2%;margin-right:4%;}
#mould35389 li:nth-child(2){ margin-right:0;}
#mould35389 li:nth-child(4){ margin-right:0;}
#mould35389 li:nth-child(6){ margin-right:0;}
#mould35389 li .videos{ height: 432px;background-color:#000;}
#mould35389 li video{ width:100%; height: 100%; border:none;}
#mould35389 li p{ text-align:center; line-height:60px;}
#mould35389 li:hover p{ color: #333;}
.map{ width:100%; height:auto;}
#mould52519 .span6:first-child{ width:60%; overflow: hidden;}
#mould52519 .span6:last-child{ width:36%; float:right;}
#mould52519{ width:1300px; margin:0 auto 40px;}



/*版权*/
.footer_bg{ }
.footer_bg .left{ width:36%; float:left;}
.footer_bg .left .foot_logo img{ margin-bottom:16px;}
.footer_bg .left .foot_logo p{ color:#fff; font-size:18px; line-height:36px;}
.footer_bg .left .erweima_a{ margin-top:16px;}
.footer_bg .left .erweima_a div{ float:left; width:124px;}
.footer_bg .left .erweima_a div:first-child{ margin-right:24px;}
.footer_bg .left .erweima_a div p{ color:#fff; text-align:Center; line-height:40px;}

.footer_bg .right{ width:50%; float:right;}
.footer_bg .right a{ color:#fff;}
.footer_bg .right li{ float:left; width:20%;}
.footer_bg .right li:last-child{ margin-right:0;}
.footer_bg .right li h4{ font-size:20px; line-height:20px; font-weight:bold; margin-bottom:20px;}
.footer_bg .right li h5{ line-height:40px;}
.footer_bg .right li h5 a{ color:#ccc;}
.footer_bg .right li h5 a:hover{ text-decoration: underline; color:#fff;}


.copyright{ border-top:1px solid rgba(255,255,255,0.3); margin-top:30px;}
.copyright .fl{ float:left;}
.copyright .fr{ float:right;}
.copyright .fl,.copyright .fr,.copyright a{ line-height:48px; color:#fff;}




@media (min-width: 1441px) and (max-width: 1700px){
  .navbars4,.width_1600,.crumbs,#mould76976,.ny_lanmu,.tb_page,.newcontent,.picture1 .picture1-cont,.main3,.width_ny_,.about_list_e,.honor_a_bg,.pro_lanmu{ width:94%;}
  .navs > li .hide1 .left{ padding: 55px 80px 0 5%;}
  .product-list{ width:93%;}
  
  .navbars4 li>a{ margin: 0px 24px;}
  .navs > li .hide1 .left{ padding: 55px 0 0 5%;}
  .navs > li .hide1 .left .hide_btn a{ width: 31%; margin: 0 3% 1% 0;}
	
  .footer_bg .right li h4{ font-size:18px;}

  .z-container, .z_form{width:93%!important;margin:0 auto;}
  .about_list_a .right h2{ margin-top:24px;}
  .about_list_a .right h3{ font-size:20px; line-height:30px; margin: 16px 0 24px 0;}
  .about_list_a .right p{ line-height:30px;}
  .about_list_b .right h3{ font-size:20px; line-height:30px; margin: 16px 0 24px 0;}
}

@media (min-width: 1360px) and (max-width: 1440px){
  .navbars4,.width_1600,.crumbs,#mould76976,.ny_lanmu,.tb_page,.newcontent,.picture1 .picture1-cont,.main3,.width_ny_,.about_list_e,.honor_a_bg,.pro_lanmu{ width:94%;}
  .navs > li .hide1 .left{ padding: 55px 80px 0 5%;}
  .product-list{ width:93%;}
  
  .navbars4 li>a{ margin: 0px 24px;}
  .navs > li .hide1 .left{ padding: 55px 0 0 5%;}
  .navs > li .hide1 .left .hide_btn a{ width: 31%; margin: 0 3% 1% 0;}
  
  .footer_bg .right li h4{ font-size:18px;}
  .z-container, .z_form{width:93%!important;margin:0 auto;}
  
  .about_list_a .right h2{ margin-top:12px;}
  .about_list_a .right h3{ font-size:18px; line-height:28px; margin: 16px 0 24px 0;}
  .about_list_a .right p{ font-size:16px; line-height:24px;}
  .about_list_aa .right p{ font-size:18px; line-height:36px;} 
  .about_list_b .right h3{ font-size:18px; line-height:28px; margin: 16px 0 24px 0;}
  
  .about_list_d h3,.about_list_e p{ font-size: 22px;}
}