﻿/*fp-seed:a2te1d87vc79 utils-vpqkxg*/
.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/e7bad4f4_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/d77d42ac_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}/*@min 5lalff4q*/
.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/58c63383_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/8d42840f_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/5a1e9c9a_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/5a1e9c9a_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-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%}/*@vendor ycmxgd2n1e*/
  
  #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%}/*flex:xiuhl7*/
  .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%}
}



