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


/*顶部导航*/
#mould76321{ position:fixed; top:0; width:100%; z-index: 9999; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); transition:1s;}
.navbars4{ width:1680px;}
.navbars4 .logo{ width:260px;}
.navbars4 ul{ height:100px;}
.navbars4 li a{ padding:0; margin-right:48px; position:relative; background:none;}
.navbars4 li.active a{ background:none; color:#e60012;}
.navbars4 li:hover a{ background:none; color:#e60012;}
.navbars4 li:last-child a{ margin-right:0;}
.navbars4 li a:after{ content:""; display:block; width:0; height:2px; background:#e60012; position:absolute; top:30px; transition:.6s;}
.navbars4 li:hover a:after{ width:100%;}
.navbars4 li.active a:after{ width:100%;}
#mould76321 .phone{ float:right; background:#e60012 url(/images/phone.png) no-repeat center left 12px; font-size: 26px; font-weight: bold; color: #fff; font-family: arial; line-height:48px; 
  text-align:center; margin:26px 0 0 30px; padding: 0 10px 0 50px; border-radius:6px;}


/*标签栏*/
.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: #da0011;}
.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: #e60012;}
.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: #e60012;}
.children-navs ul li.active a{ color: #e60012;}
.children-navs ul li.active:after, .children-navs ul li.active:before{ bottom: -2px; background: #e60012;}
.children-navs ul li:hover:after, .children-navs ul li:hover:before{ bottom: -2px; background: #e60012;}

/*底部导航*/

.footer6-nav li h4 {padding: 0px 0 22px;}
.footer6-nav li h5 {line-height: 40px;}
.footer6-main .ewm .tu {width: 112px;height: 112px;}
.footer6-main .ewm .tu img {width: 112px;height: 112px;border-radius: 20px;}
.footer6-main .ewm {float: left;margin-top: 5%;width: 112px;margin-right: 32px;}
.footer6-main .ewm:last-child{ margin-right:0;}
.footer6-nav li {margin-right: 38px;}
.footer6 .f-right{width:25%;float:right;border-left: 0.5px solid rgba(255,255,255,.6);padding-left: 13%;}
.footer6 .f-right .logos{margin-bottom:2%;}
.footer6 .footer6-main .f-right h2{font-size:18px;color:#fff!important;}

.commonality{ padding:0;}
.ly8-wrap .ly8-form1Input,.form1Textarea1{ border:1px solid #ccc;}
.footer6{ background:#333;}
.footer6 .footer6-main{ width:1600px; padding: 50px 0 50px; border-bottom: 1px solid rgba(255,255,255,0.2);}
.footer6 .copy{ width:1600px;}

/*页面宽度*/
#mould76972{width:100%;}
#mould76973{background-color:#3DA9A1;background:#3DA9A1;margin-bottom:30px!important;}
#mould76974{width:100%;}
#mould76974>div{min-height:400px!important;}
#mould76976{ width:1600px; margin:0 auto;}
#mould76976 p{ line-height:30px;}
#mould76976 p img{ margin:5px 0;}


/*产品*/
.picture1 .picture1-cont > ul li{ width:23.5%; margin-top:10px;}
.picture1 .picture1-cont > ul li a img{ height:100%;}
.honor1 .picture1-cont > ul li a img{ height:426px;}
.product-list > ul li{ margin-bottom:20px; width:24%;}
.product-list > ul li p:first-child{ height:220px;}
.product_xq3 h2{ height: auto; width: 50%;}
.main3{ padding:0;}
.picture1 .picture1-cont {
  width: 1600px;}


#mould54304{ width:1600px; margin:0 auto;}
#mould54304>ul li{ width:24%;}
#mould54304>ul li a{ display:block;}
.newslist>ul li:hover .newsconts h3{ color: #333;}
.newslist>ul li .newsconts{ padding: 3% 3.2% 2% 3.2%;}
.newslist li .newsconts time{ display: block; margin-top:40px;}
.newslist li .newsconts time em{ background: url("/images/yan.png") no-repeat left center; padding-left:24px; float: right; font-size: 14px;}
.news001 .news_ny_cont{ min-height:300px;}
.news001 .news_ny_cont_xq h2{ font-size: 30px; line-height: 48px;}
.tb_page{ width:1600px; margin:30px auto;}
.tb_page h4 a,.news001 .news_ny_cont_xq h3 a,.fenye3_all h4 a{ color: #e60012;}




/*留言*/
.message_179{ background: url("/images/answer.jpg") no-repeat; background-size: cover; padding: 50px 0 100px 0;}
.message_179 .width_1360{ padding: 0 30px; box-sizing: border-box;}
.message_179 .top{ margin-bottom: 50px; padding: 0;}
.message_179 .top h3{ font-size: 30px; line-height: 30px;letter-spacing: 1px;font-weight: bold;color: #e60012;margin-bottom: 15px;}
.message_179 .top p{ color: #666; line-height:24px;}
.message_179 .form{ }
.message_179 .form .left{ float:left; width:38%;}
.message_179 .form .left li h2{ color: #b0b0b0; line-height:36px;}
.message_179 .form .left li .company{ position: relative;}
.message_179 .form .left li em{ background: url("/images/btn-2.png") no-repeat; width: 30px; height:30px; display: block; position: absolute; top: 25px; left: 25px; background-position: 3px 0;}
.message_179 .form .left li:nth-child(2) em{ background-position: -34px 0;}
.message_179 .form .left li:nth-child(3) em{ background-position: -74px 0;}
.message_179 .form .left li:nth-child(4) em{ background-position: -112px 0;}
.message_179 .form .left li input{ width: 100%; height: 80px; border: 2px solid #dcdcdc; border-radius: 5px; padding: 0 0 0 80px; color: #666; box-sizing: border-box; margin-bottom:10px;}
.message_179 .form .left li input:focus{ box-shadow: none;}

.message_179 .form .right{ float:right; width:52%;}
.message_179 .form .right h2{ color: #b0b0b0; line-height:36px;}
.message_179 .form .right .detail{ position: relative;}
.message_179 .form .right .detail textarea{ width: 100%; height:460px; border: 2px solid #dcdcdc; border-radius: 5px; display: block; background: transparent; padding-top: 60px; padding-left: 28px; box-sizing: border-box;}
.message_179 .form .right .detail textarea:focus{ box-shadow: none;}
.message_179 .form .right .detail span{ position: absolute; top:15px; left: 25px;}
.message_179 .form .right .detail span em{ background: url("/images/btn-2.png") no-repeat; width: 30px; height:30px; display: inline-block; background-position: -152px 0; position: relative; top: 8px; margin-right:8px;}
#submit{ width: 340px; margin: 36px auto 0 auto; border-radius: 12px; line-height: 54px; text-align: center; color: #fff; background: #ff6600; display: block;}
#submit:hover{ background: #d70c19; cursor: pointer;}
.submit{ background: #bab9b9 !important; cursor: pointer;}
#mould52735{ width: 1600px; margin:0 auto;}


/*联系*/
#mould54317{ background: url(/images/contact_bg.fff97c3a.png) no-repeat right 50px top 50px; background-size: 90%; padding: 0 0 90px 0; box-sizing: border-box;}
.width_1360{ width: 1600px; margin: 0 auto;}
.contact-box h2{ font-size: 70px; font-family: Patrician; position: relative; padding-bottom:20px;}
.contact-box h2:after{ content: ""; display: block;width: 70px; height: 1px; border-top: 1px solid #000; position: absolute;bottom: 0;left: 0;}
.contact-box h3{ font-size: 30px; line-height:30px; margin-top:20px;}
.contact-box h3 em{ font-size: 24px; margin: 0 25px; color: #666;}
.contact-box h3 span{ font-size: 20px; color: #e60012 ; display: inline-block;}
.contact-container{ width: 48%; padding: 50px 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 18px;}
.contact-container .left{ width: 80px; float: left; margin: 0 24px 0 40px;}
.contact-container .left img{ width: 100%;}
.contact-container .right{ float: left; margin-top: 8px;}
.contact-container .right p{ font-size: 24px; line-height:30px; margin-top: 10px; color: #1a1a1a;}
.dizhi .contact-container{ float: left;  margin-top: 60px;}
.dizhi .contact-container:nth-child(even){ float: right;}
#mould54317 .map{ margin-top:60px;}
.allmap{ overflow: hidden;}


/*视频*/
#mould35389{ width:1600px; margin: 0 auto;}
#mould35389 li{ width:48%; float:left; margin-bottom:2%;}
#mould35389 li:nth-child(even){ float:right;}
#mould35389 li .videos{ border:1px solid #ccc; height: 488px;}
#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;}



/*内页大图*/
#mould76972 {margin: 100px 0 0 0;}


/*简历*/
#mould76461 {margin-bottom: 40px;}

/*标签栏*/
#mould76973 {background-color: #e60012;background: #e60012!important;}

#mould76991 .form1Bt a{ background: #D9000C!important;}

.paging{padding-bottom: 40px;}


/*产品*/
.product-list{width: 1600px;margin: 0 auto;}
.menu_a{ margin:48px auto;}
.menu_a a{ line-height:48px; width:120px; text-align:center; border:1px solid #ccc; border-radius:6px; display:block; float:left; margin:0 10px;}
.menu_a a:hover{ border:1px solid #ff6600; background:#ff6600; color:#fff;}
.menu_a a.active{ border:1px solid #ff6600; background:#ff6600; color:#fff;}

.product-list{ width:1600px; margin: 0 auto; }
.product-list > ul li{ width:32%; padding:10px; box-sizing: border-box; position:relative; overflow:hidden;}
.product-list > ul li:nth-child(even){ margin-right:0;}
.product-list > ul li p:first-child{ height: auto;}

.product-list .product_bg{
    width: 96.3%;
    height: 20%;
    position: absolute;
    
    bottom: 10px;
    z-index: 1;
    background: #e60012;
    transition: 1s;
    opacity: 0;
}
.product-list> ul li:hover .product_bg{ opacity: 1;}
.product-list > ul li:hover .content_a{ bottom:3%;}
.content_a{ position: absolute; bottom:-17%; z-index: 2; width:100%; text-align:center; transition:1s;}
.content_a h2{ color:#fff; font-family:"hyll"; font-size: 48px; margin-bottom:30px;}
.content_a p{ color:#fff; line-height:36px; font-size: 18px;}





@media screen and (min-width:1501px) and (max-width:1680px){ 
  .navbars4{ width:96%;}
  
  #mould76976,.footer6 .footer6-main,.footer6 .copy,.wz_main, .news001 .news_ny_bg, .main2, .picture1 .picture1-cont, .product-list, .newcontent, .main3,.tb_page,.join_a .width_1600,#mould54304,.width_1360,
  .cp25 .cp25-main,.zhichi_cont,.peixun_cont,#liucheng ul,.liuyan{ width:92%!important; margin:0 auto;}
  
  .footer6-nav li{ margin-right: 42px;}
  .product-list > ul li p:first-child{ height:auto;}
  .picture1 .picture1-cont > ul li a img{ height:auto;}
  .crumbs{ width: 94%;}
  .tiaojian{ width: 95%!important;}
  
  .join_a .left{ padding-left:0!important;}
  .join_a .left .title_a{ display:none;}
  .join_a .left .swiper-slide{ margin-top:0!important; padding:0 30px!important;}
  .tb_page{ margin:30px auto!important;}
  .footer6-nav li {margin-right: 26px;}
  .footer6 .f-right {width: 30%;}
  .footer6 .f-right {padding-left: 9%;}
}

@media screen and (max-width:1440px){ 
  .navbars4{ width:96%;}
  .navbars4 li a{ margin-right:40px;}
  
  #mould76976,.footer6 .footer6-main,.footer6 .copy,.wz_main, .news001 .news_ny_bg, .main2, .picture1 .picture1-cont, .product-list, .newcontent, .main3,.tb_page,.join_a .width_1600,#mould54304,.width_1360,
  .cp25 .cp25-main,.zhichi_cont,.peixun_cont,#liucheng ul,.liuyan{ width:92%!important; margin:0 auto;}
  .footer6 .f-right {width: 31%;}
  
  .product-list > ul li p:first-child{ height:auto;}
  .picture1 .picture1-cont > ul li a img{ height:auto;}
  .crumbs{ width: 94%;}
  .tiaojian{ width: 95%!important;}
  
  .join_a .left{ padding-left:0!important; height:520px;}
  .join_a .left .title_a{ display:none;}
  .join_a .left .swiper-slide{ margin-top:0!important; padding:0 20px!important; height:100%!important;}
  .join_a .left .swiper-slide:last-child{ margin-right:0;}
  .tb_page{ margin:30px auto!important;}
  .join_a .left .swiper-slide span{ margin:40px auto!important;}
  .join_a .right{ height:520px;}
  .join_a .right img{ height:100%;}
  .zhichi_cont li{ height:18vw!important;}
  .cp252 .swiper-slide img{ height:auto!important;}
}
@media screen and (max-width: 1400px){
  .footer6-nav li {margin-right: 20px;}
  .footer6-nav li h5 {line-height: 36px;}
  .footer6 .f-right {width: 32%;}
  .footer6 .f-right {padding-left: 7%;}
}
@media screen and (max-width:1360px){ 
  .navbars4{ width:96%;}
  .navbars4 li a{ margin-right:36px;}
  .footer6 .f-right {width: 33%;}
  .footer6-nav li {margin-right: 18px;}
  .footer6 .f-right {padding-left: 6%;}
}
@media screen and (max-width:1300px){ 
.footer6-nav li h5 {line-height: 34px;}
  .footer6 .f-right {width: 34%;}
}



