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


#mould67808{ width:100%;}
#mould67813{ width:100%;}
#mould67813>div{ min-height:500px!important;}
.zx{ font-size:20px; line-height:48px; margin:30px 0 10px 0;}
.zx h1{ font-size:30px; font-weight:bold; color:#ff0; display: inline;}

/*加盟*/
.join_a{ margin-top:60px;}
.join_a img{ display: block; margin: 0 auto;}
.join_a img:last-child{ margin: 60px 0 80px 0;}
.join_b{ background: url(/images/bg5.jpg) no-repeat; min-height:420px;}
.join_b>img{ display: block; margin: 0 auto; padding-top:60px;}
.join_c>img{ display: block; margin: 0 auto; padding-top:60px;}
.join_c div{ width:72%; margin:0 auto; padding: 50px 0 80px 0;}
.join_c div>img{ float:left; margin-right:40px;}
.join_c div>p:nth-child(2){ margin-top:20px;}
.join_c div>p{ line-height:40px; font-size:18px;}
.join_c div>p span{ color:#ea1918; font-size:20px; margin-right:10px;}

/*优势样式开始*/
.advantage{ margin-bottom:60px;}
.advantage-cont{ width: 72%; height:auto; margin: 0 auto;}
.advantage .tu{ width: 500px;}
.advantage .tu .jm_1,.advantage .tu .jm_5{ height:auto;}
.advantage .tu .jm_2{ width:60%; height:auto;}
.advantage .tu .jm_3,.advantage .tu .jm_4{ width:36%; height:auto;}
.advantage .tu .jm_2,.advantage .tu .jm_3,.advantage .tu .jm_4,.advantage .tu .jm_5{ margin-top:20px;}
.advantage .advantagelist{ width:58%; height:auto;}
.advantage .advantagelist li{ width:100%; height: auto; background:#df061c;}
.advantage .advantagelist li:last-child{ top:50px;}
.advantage .advantagelist li .fl_a{ width:100%; height: auto; margin: 0; padding: 40px 30px 20px 30px; box-sizing:border-box; color:#fff;}
.advantage .advantagelist li .fl_a span{ font-size:20px; font-weight: bold; color: #ff0;}
.advantage .advantagelist li .fl_a p{ line-height:28px; margin-bottom: 6px;}

.icon_nav{ width:72%;}
.icon_nav ul{ width:100%;}
.icon_nav li{ width:12.5%;}
.icon_nav li span{ width:120px; height:120px; margin:0 auto; display:block; border-radius:50%; background:#fff url("/images/jm_bg.png") no-repeat; background-position:4px 0; transition:.5s;}
.icon_nav li:nth-child(2) span,.icon_nav li:hover:nth-child(2) span{ background-position:-120px 0;}
.icon_nav li:nth-child(3) span,.icon_nav li:hover:nth-child(3) span{ background-position:-240px 0;}
.icon_nav li:nth-child(4) span,.icon_nav li:hover:nth-child(4) span{ background-position:-360px 0;}
.icon_nav li:nth-child(5) span,.icon_nav li:hover:nth-child(5) span{ background-position:-480px 0;}
.icon_nav li:nth-child(6) span,.icon_nav li:hover:nth-child(6) span{ background-position:-600px 0;}
.icon_nav li:nth-child(7) span,.icon_nav li:hover:nth-child(7) span{ background-position:-720px 0;}
.icon_nav li:nth-child(8) span,.icon_nav li:hover:nth-child(8) span{ background-position:-840px 0;}

.icon_nav li:hover span{ background:#df061c url("/images/jm_bg1.png") no-repeat; background-position:4px 0;}
.icon_nav li p{ color:#fff; text-align:center;}

#mould60269 .foot{width:1360px;}
.footer{ background: #1a1a1a;}
.foot_nav > ul > li{ margin-right:70px;}
.foot-ewm{ float: right;}
.foot_nav li p{ font-size:18px;}
.foot_nav li a{ font-size:14px;}

.link{ width:1360px; margin:0 auto; border-top: 1px solid rgba(255,255,255,0.3); color:#ccc; padding:10px 0; box-sizing:border-box;}
.link h2{ font-size: 16px; line-height: 30px; float:left;}
.link a{ display: inline; color:#ccc; line-height: 30px; margin: 0 5px;}
.link a:hover{ color:#fff; text-decoration: underline;}

.box_218 {
    width: 1360px;
    margin: 0 auto;}
.footer-foot{ background: #000;}
.footer-foot p{ float:left;}
.footer-foot p:last-child{ float:right;}






#mould67807{ width: 100%; background:#fff;}
#mould67807 .navs>li:hover>a{ background-color:#df061c; background:#df061c;}
#mould67807 .navs>li.active>a{ background-color:#df061c; background:#df061c;}
.navbars4{ width:72%;}
.navbars4 .logo{ background:#fff; width:140px;}
.navbars4 .logo img{ margin:0 auto; display: block;}
.navbars4 li{ margin-right:24px;}
.navbars4 li a{ margin: 0 8px; padding: 10px 22px;}
.navbars4 .active a{ border-radius: 6px;}
.navbars4 li:hover a{ border-radius: 6px;}
.navbars4 .phone{ float: right;}
.navbars4 .phone a{ font-size: 32px; color: #df061c; font-family: arial; font-weight: bold; line-height: 100px; margin-left: 40px; transition:.4s;}
.navbars4 .phone a:hover{ color: #df061c;}

.children-navs2{ margin-bottom:40px;}
.children-navs2 li a{ font-size: 16px;}
.children-navs2 li::before,.children-navs2 li::after{ width:7px; height:7px;}
.children-navs2 li::before{ right:4px;}
.children-navs2 li::after{ left:12px;}

#mould67814,.picture1 .picture1-cont,.wz_main,.news001 .news_ny_bg,.tb_page,.product-list,.main3{ width:72%; margin: 0 auto;}
#mould67814{ padding-bottom:60px;}
#mould67814 p{ line-height:30px;}
#mould67814 p img{ margin:10px 0;}
.picture1 .picture1-cont > ul li a img{ height:236px;}
.picture1 .picture1-cont > ul li{ margin-bottom:10px;}
.wz_main .wz_news_ny li:hover .text span{ background: #df061c; border-radius: 4px; color: rgb(255, 255, 255);}
.tb_page{ margin-bottom:40px;}
.news_ny_cont{ min-height:400px;}
.product-list > ul li{ width:24%; margin-bottom:20px;}
.product-list > ul li p:first-child{ height:246.6px;}
.product_xq3 h2{ height:514px;}

/*留言*/
.message_179{ background: url("/images/answer.jpg") no-repeat; background-size: auto; background-size: cover; padding-bottom: 60px;}
.message_179 .width_1360{ padding: 0 30px; box-sizing: border-box; width: 76%; margin-top:20px;}
.message_179 .top{ margin-bottom: 30px;}
.message_179 .top h3{ font-size: 30px; line-height: 30px;letter-spacing: 1px;font-weight: bold;color: #df061c;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: 8px; line-height: 54px; text-align: center; color: #fff; background: #df061c; display: block;}
#submit:hover{ background: #df061c; cursor: pointer;}
.submit{ background: #bab9b9 !important; cursor: pointer;}

/*联系我们*/
#mould52519{ width: 72%; margin: 0 auto; padding-bottom: 80px;}
#mould52519 .span6{ width: 100%; float:inherit;}
#mould52519 .span6:first-child{ border: 1px solid #e5e5e5; border-bottom:none; background: #f8f8f8; padding: 30px 40px;}
#mould52519 .span6 .context1{ float: left; width:380px;}
#mould52519 .span6 .context1:first-child{ margin-right:40px;}
#mould52519 .span6 .context1 h2{ font-size:22px; color: #df061c; font-weight: bold; padding-bottom: 12px; border-bottom: 1px solid #e5e5e5; position: relative; margin-bottom: 15px;}
#mould52519 .span6 .context1 h2:after{ content: ""; clear: both; display: block; height: 3px; width:30px; background: #999; position: absolute; top: 51px; left:0;}
#mould52519 .span6 .context1 p{ line-height:30px; font-size:14px;}

#mould52519 .span6 .left{ float:left;}
#mould52519 .span6 .right{ float: right; margin-top: 10px;}
#mould52519 .span6 .right .foot-ewm p img{ border: 1px solid #e5e5e5; width: 120px; height: 120px; box-sizing:border-box;}
#mould52519 .span6 .right .foot-ewm p span{ color: #666; background: #fff; border: 1px solid #e5e5e5; box-sizing:border-box; font-size:12px; margin-top:5px; line-height:28px;}

/*招聘*/
.jobs{ padding-bottom: 100px;}
.jobs ul{ width: 1360px; margin: 0 auto;}
.jobs li{
    float: left;
    width: 23.2%;
    background: url("/images/bgm4.jpg") #fff center top no-repeat;
    margin-right: 2.4%;
    margin-bottom: 3%;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 60px;
    transition: all 0.2s ease-in-out;
    background-size: cover;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.jobs li:nth-child(4n){ margin-right: 0;}
.jobs li h1{ color: #474747; transition: 0.5s;}
.jobs li h2{ font-size: 24px; margin-top: 45px; color: #474747; transition: 0.5s;}
.jobs li p{ color: #474747; margin-top: 24px; transition: 0.5s;}
.jobs li span{ display: block; width: 48px; height: 48px; margin: auto; border: 1px solid #aaaaaa;border-radius: 100%; margin-top: 50px; background: url(/images/bg25.png) center no-repeat; transition: 0.5s;}
.jobs li:hover h1,.jobs li:hover h2,.jobs li:hover p{ color: #df061c;}
.jobs li:hover span{ border-color: #df061c; background: #df061c url(/images/bg25a.png) center no-repeat;}
.jobs li:hover{
    background: url(/images/bgm4a.jpg) center top no-repeat;
    transform:translate(0,-15px);
    -webkit-transform:translate(0,-15px);
    -moz-transform:translate(0,-15px);
    -o-transform:translate(0,-15px);
    -ms-transform:translate(0,-15px);
}
/*招聘详情*/
.jobs_xq{ background: #fff; width: 64%; margin: 0 auto; box-shadow: 0 0 10px rgba(28,74,133,0.25); background: #fff url("/images/jobs.png") no-repeat; background-position: center bottom;}
.title2{ text-align: center; border-bottom: 1px solid #e5e5e5; padding: 60px 0 30px 0; width: 80%; margin: 0 auto;}
.title2 h1{ color: #df061c; font-size: 24px;}
.title2 .jobs_menu{ margin-top: 20px;}
.title2 .jobs_menu span{ color: #474747; padding: 0 8px; display: inline;}
.content2{ padding: 0 10%;}
.content3{ margin-top: 30px;}
.content3 h1{ color: #df061c; font-size: 20px; line-height: 36px;}
.content3 p{ line-height: 36px; color: #333;}
.content4{ padding: 40px 0 60px 0;}
.content4 p{ color: #df061c; line-height: 32px; font-size: 18px;}

@media screen and (max-width: 1919px) and (min-width: 1441px){ 
  
}
@media screen and (max-width: 1440px) and (min-width: 1024px){ 
  .navbars4,#mould67814, .picture1 .picture1-cont, .wz_main, .news001 .news_ny_bg, .tb_page, .product-list, .main3,.advantage-cont,.join_c div{ width:94%;}
  .jobs_xq{ width:80%;}
  #mould52519,.message_179 .width_1360{ width:90%;}
  #map{ overflow:hidden;}
}







