@font-face {
 font-family:fontDin;
 src: url(../cssnew/DIN-MEDIUM_otf.txt),url(../cssnew/DIN-MEDIUM_woff.txt),url(../cssnew/DIN-MEDIUM_eot.txt),url(../cssnew/DIN-MEDIUM_woff2.txt),url(../cssnew/DIN-MEDIUM_ttf.txt)}
  @font-face {
 font-family:fontDin1;
 src: url(../cssnew/DIN-MEDIUMITALIC_otf.txt),url(../cssnew/DIN-MEDIUMITALIC_woff.txt),url(../cssnew/DIN-MEDIUMITALIC_eot.txt),url(../cssnew/DIN-MEDIUMITALIC_woff2.txt),url(../cssnew/DIN-MEDIUMITALIC_ttf.txt)}
/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1400px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #222222; text-decoration: none; font-size:14px;}
a:hover{color: #0f45c1;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
.w1300{ width:1300px; margin:0 auto;}
.fr{ float:right;}
.fl{ float: left;}
.hovermaincolor a:hover{color: #0f45c1;}
.title{text-align:center;font-size:42px;color: #222222;}
.title.title1:after{background: url(../uploadfile/image/20201016/20201016102803_1972090767.png) no-repeat center;}
.title b{color:#0f45c1;}
.title span{display:block;font-size: 20px; color: #585858;font-weight: lighter; margin: 5px 0 20px 0;}
.title:after{content:'';display: block; height:18px; background: url(../uploadfile/image/20201016/20201016102802_1197211190.png) no-repeat center; animation: downup 2s linear infinite; }
@keyframes downup { 
0% {
transform:translateY(-10px);
}
50% {
transform:translateY(10px);
}
100% {
transform:translateY(-10px);
}
}

#newBridge .icon-right-center{    top: 36% !important;    left: 4px !important;  right: auto !important;}

/*抬头*/
.htop{height: 42px; line-height: 42px; border-bottom: 1px solid #efefef; font-size: 14px; color: #575757; font-weight: lighter;}
.htop p.fr{ width: 378px;height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #ffffff; background: url(../uploadfile/image/20201016/20201016092355_895023690.png) no-repeat center; font-weight: normal;}
.htop p.fr span{display: inline-block;padding-left: 25px;background: url(../uploadfile/image/20201016/20201016092355_1579880648.png) no-repeat left center;}
.htop p.fr em{font-size: 18px;font-family: fontDin;}
.hleft p{display:inline-block;vertical-align:middle;font-size: 16px;color: #616161;font-weight: lighter;}
.hleft b{display: block;font-size: 23px; color: #333;margin-bottom: 3px;letter-spacing:0px;}
.hleft{font-size:0;margin-top: 35px;}
.hsecond{height:138px;position: relative;}
.hline{width: 16px;height: 76px;background:url(../uploadfile/image/20201016/20201016092355_482727271.png) no-repeat center;margin:0 10px 0 15px;}
.nav{font-size:0;margin-top:-10px;}
.nav li{display:inline-block;}
.nav li>a{display: block;font-size: 16px;color: #222222;line-height: 138px;}
.nav li+li{margin-left:30px;}
.nav li.cur>a,.nav li:hover>a{color:#0f45c1;}
.dropmenu{ position:absolute; width:100%; left:0; background:rgba(0,0,0,0.6); top:110%; opacity:0; visibility:hidden; transition:all .6s ease; z-index:333; padding:10px 0; text-align:center;}
.dropmenu table td table{ display:none;}
.dropmenu a,.dropmenu table td a{ display:inline-block;  line-height:40px; color:#fff;font-size:16px;}
.dropmenu a+a{ margin-left:100px;}
.dropmenu table,.dropmenu table tbody{ width:100% !important; display:block;}
.dropmenu table tr{ display:inline-block;}
.dropmenu a:hover{color:#e10006;}
.dropmenu table tr+tr{ margin-left:35px;}
.nav li:hover .dropmenu{ top:100%; opacity:1; visibility:visible;}


/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#f5f5f5;}
.banner-box{ min-width:1300px; height:685px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:685px; background-position: center; background-repeat: no-repeat; background-color: #f5f5f5}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:250px; left: 0; margin-left: 0; height: 390px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../uploadfile/image/20201016/20201016090301_524493892.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../uploadfile/image/20201016/20201016090301_524493892.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #0f45c1;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
/*搜索*/
.search{border-bottom:1px solid #f5f5f5;}
.keyword{line-height:75px;padding-left: 58px;background: url(../uploadfile/image/20201016/20201016092356_2007060496.png) no-repeat left center;}
.keyword,.keyword a{font-size:14px;color: #666666; }
.search_bg{ margin-top:1px;}
.search_bg input{ display: inline-block; vertical-align:top;}
#soo{ background:#0f45c1;}
#infoname{ padding-left:70px; width:200px; box-sizing:content-box;border:none; border-left:2px solid #e9e9e9; background:url(../uploadfile/image/20201016/20201016092355_1373348665.png) no-repeat left center; height:75px;}
/*实力厂家 · 专注各类挂具制品定制*/
.trait{padding-top:75px;height:680px;background: url(../uploadfile/image/20201016/20201016102802_1481376756.jpg) no-repeat center;}
.trait .w1300{margin-top:40px;}
.trait ul dl{width:436px;height: 186px; border: 1px solid #e0e0e0; border-radius: 60px 0 60px 0; background: #fff; font-size: 16px; color: #888888; line-height: 30px;overflow: hidden;}
.trait ul dl p+p span{display:block; font-size: 28px; color: #101112; margin-bottom: 10px;}
.trait ul dl+dl{ margin-top: 30px;}
.trait ul dl p{display:inline-block; vertical-align: middle;}
.tracon{position:relative; border:1px solid #d4d4d4; overflow: hidden;margin-left: 28px;}
.tracon img{transition:all .6s ease;}
.tracon p{position:absolute;left: 0;bottom: 000000;width: 100%;}
.tracon p a span{ display:inline-block; padding-left:36px; background: url(../uploadfile/image/20201016/20201016102802_1670666893.png) no-repeat left center;}
.trait ul dl p+p{margin-left:30px;width:280px;}
.tracon p a{display:block;padding: 0 25px; font-size: 18px; line-height: 62px; color: #fff; background: #0f45c1;}
.tracon p a i{ font-size:26px;}
.tracon:hover img{transform:scale(1.1);}
.traicon{height:186px; width:98px;background: #e8ebef;text-align: center;position: relative;transition:all .3s ease;}
.traicon  span{display: inline-block;width: 45px;height: 48px;margin: 35px 0 20px 0; background: url(../uploadfile/image/20201016/20201016111130_355894684.png) no-repeat left top;transition:all .3s ease;}
.trait ul dl:hover .traicon{background:#0f45c1;}
.trait ul dl:hover .traicon:after{border-left: 10px solid #0f45c1;}
.trait ul dl:hover .traicon span{ background-position-y:-69px;}
.trait ul dl:hover .traicon i{background:#fff;}
.traicon em{display:block;}
.traicon:after{content:'';display: block; position: absolute;border-left: 10px solid #e8ebef;border-top: 12px solid transparent;border-bottom: 12px solid transparent;top: 23px; right: -10px; transition: all .3s ease;}
.traicon i{display:block;width: 9px;height: 9px;border-radius: 50%; margin: 0 auto; background: #0f45c1;animation: bounce_fountainG 1.2s linear infinite;transition:all .3s ease;}
.traicon i+i{margin-top:13px;}
.traicon i:nth-child(2){background: #aabde0;}
.traicon i:nth-child(3){background: #cdd9f1;}
.trait ul.fl dl:nth-child(2) .traicon  span{background-position-x:-73px; }
.trait ul.fr dl:nth-child(1) .traicon  span{background-position-x:-152px; }
.trait ul.fr dl:nth-child(2) .traicon  span{background-position-x:-236px; }
.traicon em i:nth-child(1){animation-delay: .4s;}
.traicon em i:nth-child(2){animation-delay: .6s;}
.traicon em i:nth-child(3){animation-delay: .8s;}
@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}
/*万业产品中心*/
.product{padding:70px 0 80px 0;}
.protab{margin:40px 0 30px 0;}
.protab table,.protab tbody,.protab td{display:block;width:100%;}
.protab tr{display:inline-block;width: 259px;height: 65px; line-height: 65px; text-align: center; margin: 0 1px 1px 0;}
.protab tr:nth-child(6n){margin-right:0;}
.protab td a{display:block; font-size: 18px; color: #333333; font-weight: lighter; background: #f3f3f3; transition: all .3s ease;}
.protab td a:hover{background:#0f45c1;color:#fff;}
.proshow tr{ display:block; white-space:nowrap;font-size: 0;}
.proshow td{ display:inline-block; vertical-align:top; width:315px; padding:0 !important;}
.proshow td br{ display:none;}
.proshow td>a{border:1px solid #f1f1f1;}
.proshow td a,.proshow td span{ display:block; position:relative; overflow:hidden;}
.proshow td>a img{ width:100%; height:auto; transition:all .6s ease;}
.proshow td span a{ line-height:55px; background:#f1f1f1;  font-size:18px; color:#333333;  font-weight: lighter;transition:all .3s ease;}
.proshow td+td{ margin-left:13px;}
.proshow tr+tr{ margin-top:24px;}
.proshow td:hover span a{ background:#0f45c1; color:#fff;}
.proshow td:hover>a img{ transform:scale(1.1);}
/*做好每处产品细节，只因我们更懂您的需求*/
.proadv{padding:70px 0  0 0;background:url(../uploadfile/image/20201016/20201016140825_1224651927.jpg) no-repeat top center;}
.proadv .title b{ color:#fff;}
.proadv .title:after{background:url(../uploadfile/image/20201016/20201016140826_877365305.png) no-repeat center;}
.proadv .title span{color:#fff;}
.proadv ul{font-size:0; margin-top: 45px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1); text-align: center;}
.proadv ul li{ position:relative; width: 25%; height: 528px; box-sizing: border-box; padding: 50px; display: inline-block;vertical-align: top;}
.pa_t{margin-top:30px; font-size: 30px; color: #222;}
.pa_t span{display:block; font-size: 16px; color: #666666; font-weight: lighter; line-height: 30px; margin: 20px 0 20px 0;}
.pa_num{ font-family:fontDin1; font-size: 80px; color: #efefef;}
.proadv ul li p{position:relative;}
.proadv ul li:after,.proadv ul li:before{content:'';display: block;position: absolute;transition: all .3s ease;}
.proadv ul li+li:after{width: 1px;height:420px; left: 0;top: 0;bottom: 0;margin: auto 0; background: #ededed;}
.proadv ul li:before{width:100%;top: 0;height:0; background: #f9f9f9; left: 0;} 
.proadv ul li:hover:before{height:100%;}
/*万业经典案例*/
.case{padding: 70px 0 80px 0;}
.casecenter{position:relative; margin-top: 40px;}
.casejt{cursor:pointer; position: absolute;top: 45%; left: -72px;}
.casejt.next{right:-72px;left: auto;}
.casecon .divdgweb_new_div_item{width:416px !important; height: 506px; box-sizing: border-box;margin:0 29px 0 0; position:relative; padding:302px 0 0 0; transition:all .3s ease; padding: 255px 11px 0 11px; background: #f3f3f3;}
.casecon .news_div_item_pic { position:absolute; top:11px; left: 11px; overflow:hidden; border:1px solid #e0e4e2; width:394px;}
.casecon .divdgweb_new_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.casecon .divdgweb_new_div_item:hover .divdgweb_new_div_item_a{ color:#0f45c1;}
.casecon .news_div_item_pic img{ width:394px;height:240px; transition:all .6s ease;}
.casecon .divdgweb_new_div_item_content{ padding:40px 40px 0 40px;text-align: center;}
.casecon .divdgweb_new_div_item_a{ font-size:24px; color:#333333;}
.casecon .divdgweb_new_div_item_body{ font-size:16px;font-weight:lighter; color: #666666; line-height:30px; margin:15px 0 0 0;}
.casecon .divdgweb_new_div_item_a:after{content:'+';display: block; position: absolute; width:45px; height: 45px;border-radius: 50%;background: #fff; line-height: 45px;text-align: center; font-size: 28px; color: #0b40b7;left: 0;right: 0;margin: 0 auto;bottom: 25px; transition: all .3s ease;}
.casecon .divdgweb_new_div_item:hover .divdgweb_new_div_item_a:after{background:#0f45c1;color: #fff; transform: rotate(360deg);}
/*选择万业实业的四大优势*/
.adv{ height:851px; background:url(../uploadfile/image/20201016/20201016151115_106463182.jpg) no-repeat  center; padding-top:80px;}
.advtitl{ text-align:center; font-size:45px; color:#ffffff; }
.advtitl span{ display:block; font-size:20px; color:#bac3d7; font-weight:lighter; margin-top: 10px;}
.advtab{ font-size:0; margin:50px 0 25px 0;}
.advtab li{ display:inline-block; vertical-align:top; cursor:pointer;}
.advtab li+li{ margin-left:20px;}
.advtab li i{ display:inline-block; vertical-align:top; background:#d40006; position:relative; margin-right:4px; border-radius: 20px 0 0 0;}
.advtab li span{ display:inline-block; vertical-align:top; text-align:center; line-height:96px; font-size:30px; color:#06173d;  width:218px; background:#e3ebfb; border-radius: 0 0 20px 0;}
.advtab li i:after{ content:''; display:block; position:absolute; width:23px; height:12px; background:url(../uploadfile/image/20201016/20201016151744_171961035.png) no-repeat center; bottom:-20px; opacity:0; visibility:hidden; transition:all .3s ease; left:0; right:0; margin:0 auto;}
.advtab li.on i:after{ bottom:-12px; opacity:1; visibility:visible;}
.advcon{ padding:45px; background:#e3ebfb; border-radius: 50px 0 50px 0;}
.adv_c p{ font-size:16px; color:#3a3c40; font-weight:lighter; padding-left:32px; line-height:35px; position:relative;}
.adv_c p+p{ margin-top:40px;}
.advleft{ width:520px; margin-top:20px;}
.adv_c p:after{ content:''; display:block; position:absolute; left:0; width:8px; height:8px; background:#d40006; border-radius:50%; top:13px;}
.adv_c{ margin:45px 0 0 25px;}
.adv_t{ font-size:16px; color:#a7afbe; white-space:nowrap;}
.adv_t span{ vertical-align:top; display:inline-block; width:87px; height:79px; background:#d40006; line-height:79px; text-align:center; font-size:56px; color:#ffffff; font-family:fontDin1;}
.adv_t p{ display:inline-block; vertical-align:top; margin-left:25px;}
.adv_t p b{ display:block; font-size:35px; color:#06173d; padding:3px 0 5px 0;}
/*关于万业*/
.about{background:url(../uploadfile/image/20201016/20201016152355_723315721.jpg) no-repeat center bottom; padding: 74px 0 62px 0;}
.abright{ box-sizing:border-box; width:700px; height:431px; background:#fff; padding:50px; margin:36px 0 0 -85px; position:relative; z-index:9; margin-top: 78px;}
.ab_t{ font-size:35px; color:#343434;}
.ab_t em{display:inline-block; font-size:24px; text-transform: uppercase;}
.ab_t:after{ content:''; display:block; width:28px; height:4px; background:#dedede; margin-top:15px;}
.ab_c{ margin:25px 0 55px 0; font-size:16px; color:#666666; font-weight:lighter; line-height:35px;}
.ab_btn{ font-size:0;}
.ab_btn a{ display:inline-block; vertical-align:top; width:164px; line-height:48px; background:#0f45c1; font-size:16px; color:#fff; transition:all .3s ease; text-align:center;}
.ab_btn a+a{ background:#d40006; margin-left: 20px;}
.ab_btn a:hover{ width:190px; text-align:center;}
/*万业新闻中心*/
.news{padding:65px 0 75px 0;}
.newstab{ margin:40px 0; font-size:0; text-align:center;}
.newstab a{ display:inline-block; width:148px; line-height:54px; font-size:20px; color:#333333; font-weight:lighter; transition:all .3s ease; background:#f2f2f2;}
.newstab a+a{ margin-left:35px;}
.newstab a.on{ background:#0f45c1; color:#fff;}
.newsleft{ width:625px;}
.newsright{ width:654px;}
.newsleft .news_div_item{ padding:26px; background:#f7f7f7; position:relative;}
.newsleft .news_div_item+.news_div_item{ margin-top:15px;}
.newsleft .news_div_item_pic{ overflow:hidden;width:250px;}
.news .news_div_item_pic img{ width:100%; height:auto; transition:all .6s ease;}
.news .news_div_item:hover .news_div_item_pic img{ transform: scale(1.1);}
.news_div_item:hover .news_div_item_a{color:#0f45c1;}
.newsleft .news_div_item_content{ right:40px; top:40px; bottom:0; width:285px; position:absolute;}
.news .news_div_item_a{ display:block; position:relative; white-space:nowrap;text-overflow:ellipsis; font-size:18px; color:#666666;}
.news .news_div_item_body{ font-size:14px; color:#666666; font-weight:lighter; line-height:30px; height:120px; overflow:hidden; margin-top:10px;}
.newsleft .news_div_item_a:after{ content:''; display:block; position:absolute; right:0; top:155px; width:25px; height:25px; background:url(../uploadfile/image/20201016/20201016153639_1046333374.png) no-repeat center;}
.newsright .news_div_item{ padding:15px; background:#f7f7f7; position:relative;}
.newsright .news_div_item_pic{ width:165px;overflow:hidden;}
.newsright .news_div_item_content{ position:absolute; right:110px; width:330px; top:40px;}
.newsright .news_div_item_body{ height:60px;}
.newsright .news_div_item+.news_div_item{ margin-top:16px;}
.newsright .news_div_item_date{ position:absolute; padding-left:20px; text-align:center; height:115px; border-left:1px solid #f0f2f1; top:32px; right:15px; font-size:16px; color:#666666; font-family:fontDin; line-height:30px;}
.newsright .news_div_item_month,.newsright .news_div_item_day{ display:inline-block;}
.newsright .news_div_item_year{ font-size:25px;}
.newsright .news_div_item_a:after{ content:''; display:block; position:absolute; right:-80px; bottom:-65px; width:25px; height:25px; background:url(../uploadfile/image/20201016/20201016153639_1046333374.png) no-repeat center;}
/*版权*/
.copyright{ background:#232323; }
.crcon{ padding:70px 0; border-bottom:1px solid #2e2e2e;}
.kslj{ font-size:0;}
.kslj li{ display:inline-block; vertical-align:top;}
.kslj li p{ font-size:18px; color:#fff;}
.kslj li p:after{ content:''; display:block; width:19px; height:2px; background:#f3f3f3; margin:20px 0;}
.kslj li a{ display:block; font-size:14px; color:#b0b0b0; line-height:32px;}
.kslj li a:hover,.links p.fr a:hover,.end a:hover{ color:#fff;}
.kslj li+li{ margin-left:100px;}
.crconcat{ width:556px;}
.cr_tel{ padding:0 0 20px 20px; border-bottom:1px solid #2e2e2e; background:url(../uploadfile/image/20201016/20201016161507_598014763.png) no-repeat right top; margin-bottom:25px; font-size:14px; color:#afafaf;}
.cr_tel em{ display:block; font-size:27px; color:#d40006; font-family:fontDin;}
.craddr{ margin-left:20px; font-size:14px; color:#b0b0b0; line-height:35px;}
.craddr p{ padding-left:28px; background:url(../uploadfile/image/20201016/20201016161507_587549414.png) no-repeat left center;}
.craddr p:nth-child(2){background:url(../uploadfile/image/20201016/20201016161507_2075217739.png) no-repeat left center;}
.craddr p:nth-child(3){background:url(../uploadfile/image/20201016/20201016161507_1449748779.png) no-repeat left center;}
.links{ height:92px; padding:0 15px; background:#2f2f2f; line-height:92px; font-size:18px; color:#b0b0b0;}
.links p.fl{ background:url(../uploadfile/image/20201016/20201016161507_1133480314.png) no-repeat left center; padding-left:33px;}
.links p.fr a{ font-size:14px; color:#b0b0b0; font-weight:lighter;}
.end{ text-align:center; padding:35px 0;}
.end,.end a{ font-size:14px; color:#b0b0b0; font-weight:lighter; line-height:35px;}

.tracon img{width: 365px;height: 408px;}

.protab table tr td table tr td:nth-child(2) {display:none;}