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


/*顶部导航*/
#mould82366{ background:#fff; position:fixed; top:0; z-index:9999; width:100%; box-shadow: 0 0 10px rgb(0 0 0 / 30%);}
#mould82366 .navs>li{ position: relative;}
#mould82366 .navs>li:hover{ background:#bb010c;}
#mould82366 .navbars4 .active{ background: #bb010c;}
#mould82366 .navs>li>a{ line-height:100px; font-size:18px; padding: 0 24px; display: block; text-align: center;}
#mould82366 .navs>li:hover>a{ color:#fff; border-radius:0; background: none;}
#mould82366 .navbars4 .active a{ background: none; color:#fff;}
.navbars4{ width:1600px;}
.navbars4 .phone_a{ float: right; margin:23px 0 0 36px;}
.navbars4 .phone_a h2{ line-height:30px; font-weight:bold; font-family:arial; font-size:30px; margin-top:3px; color:#bb010c;}
.navbars4 ul{ margin-right: 30px;}


.header_active,.header_active .navbars4,.header_active ul,.header_active .logo{ height:80px!important;}
.header_active .navs>li>a{ line-height:80px!important; font-size:16px!important;}
.header_active .nav li h5{ padding-top:20px;}
.header_active .logo{ width:160px!important;}
.header_active .phone_a{  margin-top:13px;}
.header_active .phone_a h2{ font-size:26px;}


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

/*底部导航*/
.footer6-nav li{ margin-right:40px; text-align: left;}


/*页面宽度*/
#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;}

/*企业文化*/
.joining_a{ background: url(/images/join_bg.jpg) no-repeat center; width: 100%; padding: 80px 0; min-height: 650px; position: relative;}
.joining_b .menu{ width:20%; float:left;}
.joining_b .menu a{ line-height:75px; background: #fff url(/images/btn_y1.png) no-repeat center left 30px; display:block; 
  margin-bottom:24px; text-align:center; font-size:20px; position:relative;transition: 0.5s;}
.joining_b .menu a:last-child{ margin-bottom:0;}
.joining_b .menu a.on{ background: #bb010c url(/images/btn_y2.png) no-repeat center left 30px; color:#fff;}

.joining_b .content{ margin-top:75px; position:absolute; right:0; width:58%; height:420px; border-top-left-radius:200px; border-bottom-left-radius:200px; background: #bb010c;}
.joining_b .content .join_list{ display:none; color:#fff;}
.joining_b .content .join_list img{ float:left; margin:70px 30px 0 70px;transition: 1.5s;}

.joining_b .content .join_list:hover img{transform: scale(1.1, 1.1); }
.joining_b .content .join_list h3{ font-size:48px; line-height:48px; position:relative; float:left; width:580px; padding-bottom:40px; margin-bottom:30px; letter-spacing: 5px; font-weight: bold; color:#fff; 
  margin-top: 12%;}
.joining_b .content .join_list h3:after{ content:"";  position:absolute; bottom:0; left:0; width:100%; height:1px; background:#fff;}
.joining_b .content .join_list h3:before{ content:""; position:absolute; bottom:-1px; left:0; width:64px; height:3px; background:#fff; z-index:2;transition: 1.5s;}
.joining_b .content .join_list:hover h3:before{width:100%; }
.joining_b .content .join_list p{ line-height:36px; font-size:20px; width:520px; float:left;}



/*产品*/
.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; padding-bottom:2%;}
.product-list > ul li{ width:49%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden;}
.product-list > ul li:nth-child(even){ margin-right:0;}
.product-list > ul li p:first-child{ height: 588px;}

.product-list .product_bg{
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(187,1,12,0.8);
    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:-24%; z-index: 2; width:100%; text-align:center; transition:1s;}
.content_a h2{ color:#fff; font-family:"hyll"; font-size: 48px; margin-bottom:18px;}
.content_a p{ color:#fff; line-height:36px; font-size: 18px;}

/*荣誉页面翻页*/
.paging{margin-bottom: 30px;}
.picture1 .picture1-cont{width: 1600px;}
.picture1 .picture1-cont > ul li{width: 32.5%;}
.picture1 .picture1-cont > ul li a img{width: 100%;  height: auto;}

/*新闻翻页*/
.newcontent{width: 1600px;}
#mould73385{width: 1600px; margin:0 auto;}
/*新闻*/
.wz_main .wz_news_ny li .img_box {  height: 300px;}
.wz_main {
  width: 1600px;}

.wz_main .wz_news_ny li:hover .text span{border: 1px solid #c6000b;   border-radius: 10px; color: #fff;   background: #c6000b;}

/*招聘*/
.zp_headst tr td { background: #bb010c;}

/*联系*/
#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: #8d8d8d; 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;}
.commonality{ padding:0;}
.ly8-wrap .ly8-form1Input,.form1Textarea1{ border:1px solid #ccc;}

.footer6{ background:url(/images/foot_bg.jpg) no-repeat;}
.footer6 .footer6-main{ width:1600px; padding: 50px 0 50px; border-bottom: 1px solid rgba(255,255,255,0.2);}
.footer6 .copy{ width:1600px;}

/*留言*/
.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: #bb010c;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;}

.title-a h2{font-size: 40px; font-weight: bold; letter-spacing: 2px; color:#fff; line-height: 40px; font-family:arial;}
.title-a h3{font-size: 30px; color: #fff;  margin-top: 20px; line-height: 30px; margin-bottom: 50px;}
.title-b{ text-align: center;}
.title-b h2{font-size: 40px; font-weight: bold; letter-spacing: 2px;  line-height: 40px; font-family:arial;color:#bb010c;}
.title-b h3{font-size: 30px;  margin-top: 20px; line-height: 30px; margin-bottom: 50px; color:#bb010c;}
.title-c{ text-align: center;padding-top: 30px}
.title-c h2{font-size: 40px; font-weight: bold; letter-spacing: 2px;  line-height: 40px; font-family:arial;color:#bb010c;}
.title-c h3{font-size: 30px;  margin-top: 20px; line-height: 30px; margin-bottom: 50px; color:#bb010c;}
  
  
       /*优势*/
#mould42855{ background: url(/images/02.jpg) no-repeat;}
.ys29{ background:none;}
.ys29 .ys29_cont{ width:1600px;padding: 70px 0 30px 0;}
.ys29 .ys29_cont .ys29_img{ width:46%;}
.ys29 .ys29_cont .ys29_img .title-a h2,.ys29 .ys29_cont .ys29_img .title-a h3{ color:#bb010c; text-transform: uppercase;}
.ys29 .ys29_cont .ys29_img img{ margin:0 0 150px 0;}
.ys29 .ys29_cont .ys29_img:after{ width:241px; background: url(/images/huan.png) no-repeat; right:-120px; top:30px;}
.ys29 .ys29_cont .ys29_body{ float:left; margin:45px 0 0 200px; width:auto;}
.ys29 .ys29_cont .ys29_body li{ margin:0 0 50px 0;}
.ys29 .ys29_cont .ys29_body li:nth-child(2){ margin-left:-36px;}
.ys29 .ys29_cont .ys29_body li:nth-child(3){ margin-left:0; margin-top:70px!important;}
.ys29 .ys29_cont .ys29_body li:nth-child(4){ margin-left:-36px; margin-top:70px!important;}
.ys29 .ys29_cont .ys29_body li:nth-child(5){ margin-left:-100px;}
.ys29 .ys29_cont .ys29_body .conten{ line-height:24px; margin-top:5px; font-size:16px; width: 650px;}
.ys29 .ys29_cont .ys29_body .tit.ys29 .ys29_cont .ys29_body .tit {    font-size: 22px;    font-weight: bold;    line-height: 30px;  color: #333;}
.ys29 .ys29_cont .ys29_body li {    margin: 0 0 30px 0;}
.jiameng{text-align: center;   margin: 30px 0;}
   .peixun_cont{ width:1600px; margin:40px auto 0 auto;}
    .peixun_cont .img_box{ float:left; width:48%; height:463px;}
    .peixun_cont .img_box img{ width:100%; height:100%;}
    .peixun_cont ul{ float:right; width:51.8%;}
    .peixun_cont li{ width:100%; float:left; background: #bb010c; padding: 28px 30px; box-sizing:border-box; color:#fff; }
    .peixun_cont li h2{ font-size:22px; line-height:30px; margin-bottom:10px; font-weight:bold;}
    .peixun_cont li p{ line-height:28px;}


.join_a ul{ border:1px solid #bb010c; box-sizing:border-box;}
.join_a li{ width:25%; height:280px; float:left; padding:40px; box-sizing:border-box;}
.join_a li:nth-child(2),.join_a li:nth-child(4),.join_a li:nth-child(5),.join_a li:nth-child(7){ background:#bb010c; color:#fff;}
.join_a li h2{ font-size:24px; line-height:24px; font-weight:bold; text-align:center;}
.join_a li h3{ font-size:28px; line-height:28px; text-align:center; margin:24px 0 28px 0;}
.join_a li p{ text-indent:2em; line-height:28px;}
.join_a li:last-child{ background:url(/images/btn_jt.png) no-repeat center;}
.join_a li:last-child a{ height:100%; display:block;}
  .width_1600{ width:1600px; margin:0 auto;}




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


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

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

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





@media screen and (max-width:1680px){ 
  #mould78174 .nav{ width:94%;}
  
  #mould76976,.footer6 .footer6-main,.footer6 .copy,.wz_main, .news001 .news_ny_bg, .main2, .picture1 .picture1-cont, .product-list, .newcontent, .main3,.tb_page{ width:92%;}
  .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: 95%;}
  .tiaojian {  width: 95%!important;}
  .width_1360 .width_1600 {    width: 92%;}
  .width_1600{  width: 92%!important;}
  .navbars4, #mould35389{width: 92%;}
  .ys29 .ys29_cont{width: 92%!important;}
  .ys29 .ys29_cont .ys29_img{    width: 45%!important;}
  #mould73385, .width_1360{width: 92%;}
  .peixun_cont{ width: 92%!important;}
  
  .joining_b .content .join_list h3,.joining_b .content .join_list p{ width:52%;}
}


@media screen and (max-width:1500px){
  .ys29 .ys29_cont{width: 92%!important;}
  .ys29 .ys29_cont .ys29_img img {  margin: 64px 0 75px 0!important;}
  .ys29 .ys29_cont .ys29_body .conten{width: 544px!important;}
}

@media screen and (max-width:1440px){ 
  #mould78174 .nav{ width:96%;}
  #mould78174 .nav ul{ width:60%;}
  #mould78174 .nav li{ width:108px;} 
  #mould76976,.footer6 .footer6-main,.footer6 .copy,.wz_main, .news001 .news_ny_bg, .main2, .picture1 .picture1-cont, .product-list, .newcontent, .main3,.tb_page{ width:92%;}
  .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: 95%;}
  .tiaojian {  width: 95%!important;}
  .width_1360 {    width: 92%;}
  .ys29 .ys29_cont .ys29_body .conten{width: 500px!important;}
  .joining_b .content{width: 67%;}
  .join_a li h3 {
    font-size: 22px;
    margin: 24px 0 10px 0;}
}


@media screen and (max-width:1360px){ 
  .navbars4{width: 96%;}
  .join_list > img {width: 20%;}
  .joining_b .content{width: 63%;}
  .joining_b .content .join_list img{margin: 130px 30px 0 70px;}
  .joining_b .content .join_list h3{line-height: 74px;}
  .ys29 .ys29_cont{width:92%!important;}
  .ys29 .ys29_cont .ys29_img{width: 44%!important;}
  .peixun_cont li{padding: 26.3px 30px!important;}
  .dizhi .contact-container{    margin-top: 40px;}
  .contact-container{padding: 30px 0;}
   .rtyTextEdit p img{width: 600px; height:auto!important;}
  #mould76976 p img{margin: 40px 0 0 0;}
  .ys29 .ys29_cont .ys29_img img {  margin: 64px 0 111px 0!important;}
 .join_a li h3 {
    font-size: 22px;
    margin: 24px 0 10px 0;}
  .content_a h2{font-size: 36px;
    margin-bottom: 11px;}
  
  .joining_b .content{ width:62%;}
}



