@charset "utf-8";body {margin:0;padding:0;background:#fff;color:#666666;font:"Microsoft YaHei",微软雅黑,黑体,宋体,Microsoft JhengHei,华文细黑,STHeiti,MingLiu;font-size:14px;} div,form,img,ul,ol,li,dl,dt,dd {margin:0;padding:0;border:0;} body,img,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,strong,b,em,i,pre,code,form,fieldset,legend,input,button,textarea,p,a,blockquote,th,td {margin:0;padding:0;} h1,h2,h3,h4,h5,h6,b,em,i {font-weight:normal;font-style:normal;} ul,ol,li {list-style:none;padding:0px;margin:0px;} img {border:none;vertical-align:middle;max-width:100%;} select {appearance:none;-moz-appearance:none;-webkit-appearance:none;} input,textarea,select {border:none;outline:none;} table {border-spacing:0;border-collapse:collapse;} .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {*zoom:1;} a:link,a:visited {color:#666666;text-decoration:none;} a:hover {color:#fc6e00;text-decoration:none;} a:active {color:#666666;text-decoration:none;} a:focus {outline:none;} .fl {float:left} .fr {float:right;} .text-left{ text-align: left;} .text-center{ text-align: center;} .text-right{ text-align: right;} .color-white{ color: #fff;} .clear {clear:both;} .overflow{ overflow: hidden;} .position-r{ position: relative;} .ww {width:1200px;margin:0 auto;font-size:14px;} .w750{width:750px;margin:0 auto;font-size:14px;} .textblack{ color: #2b2e2e;} .fwb{font-weight: bold;} .pt100 {padding-top:100px !important;} .pt90 {padding-top:90px !important;} .pt80 {padding-top:80px !important;} .pt70 {padding-top:70px !important;} .pt60 {padding-top:60px !important;} .pt50 {padding-top:50px !important;} .pt40 {padding-top:40px !important;} .pt30 {padding-top:30px !important;} .pt20 {padding-top:20px !important;} .pt10 {padding-top:10px !important;} .pt5 {padding-top:5px !important;} .pb100 {padding-bottom:100px !important;} .pb90 {padding-bottom:90px !important;} .pb80 {padding-bottom:80px !important;} .pb70 {padding-bottom:70px !important;} .pb60 {padding-bottom:60px !important;} .pb50 {padding-bottom:50px !important;} .pb40 {padding-bottom:40px !important;} .pb30 {padding-bottom:30px !important;} .pb20 {padding-bottom:20px !important;} .pb10 {padding-bottom:10px !important;} .pb5 {padding-bottom:5px !important;} .pl100 {padding-left:100px !important;} .pl90 {padding-left:90px !important;} .pl80 {padding-left:80px !important;} .pl70 {padding-left:70px !important;} .pl60 {padding-left:60px !important;} .pl50 {padding-left:50px !important;} .pl40 {padding-left:40px !important;} .pl30 {padding-left:30px !important;} .pl20 {padding-left:20px !important;} .pl10 {padding-left:10px !important;} .pl5 {padding-left:5px !important;} .pr100 {padding-right:100px !important;} .pr90 {padding-right:90px !important;} .pr80 {padding-right:80px !important;} .pr70 {padding-right:70px !important;} .pr60 {padding-right:60px !important;} .pr50 {padding-right:50px !important;} .pr40 {padding-right:40px !important;} .pr30 {padding-right:30px !important;} .pr20 {padding-right:20px !important;} .pr10 {padding-right:10px !important;} .pr5 {padding-right:5px !important;} .pp100 {padding:100px !important;} .pp90 {padding:90px !important;} .pp80 {padding:80px !important;} .pp70 {padding:70px !important;} .pp60 {padding:60px !important;} .pp50 {padding:50px !important;} .pp40 {padding:40px !important;} .pp30 {padding:30px !important;} .pp20 {padding:20px !important;} .pp10 {padding:10px !important;} .pp5 {padding:5px !important;} .mt100 {margin-top:100px !important;} .mt90 {margin-top:90px !important;} .mt80 {margin-top:80px !important;} .mt70 {margin-top:70px !important;} .mt60 {margin-top:60px !important;} .mt50 {margin-top:50px !important;} .mt40 {margin-top:40px !important;} .mt30 {margin-top:30px !important;} .mt20 {margin-top:20px !important;} .mt10 {margin-top:10px !important;} .mt5 {margin-top:5px !important;} .mb100 {margin-bottom:100px !important;} .mb90 {margin-bottom:90px !important;} .mb80 {margin-bottom:80px !important;} .mb70 {margin-bottom:70px !important;} .mb60 {margin-bottom:60px !important;} .mb50 {margin-bottom:50px !important;} .mb40 {margin-bottom:40px !important;} .mb30 {margin-bottom:30px !important;} .mb20 {margin-bottom:20px !important;} .mb10 {margin-bottom:10px !important;} .mb5 {margin-bottom:5px !important;} .ml100 {margin-left:100px !important;} .ml90 {margin-left:90px !important;} .ml80 {margin-left:80px !important;} .ml70 {margin-left:70px !important;} .ml60 {margin-left:60px !important;} .ml50 {margin-left:50px !important;} .ml40 {margin-left:40px !important;} .ml30 {margin-left:30px !important;} .ml20 {margin-left:20px !important;} .ml10 {margin-left:10px !important;} .ml5 {margin-left:5px !important;} .mr100 {margin-right:100px !important;} .mr90 {margin-right:90px !important;} .mr80 {margin-right:80px !important;} .mr70 {margin-right:70px !important;} .mr60 {margin-right:60px !important;} .mr50 {margin-right:50px !important;} .mr40 {margin-right:40px !important;} .mr30 {margin-right:30px !important;} .mr20 {margin-right:20px !important;} .mr10 {margin-right:10px !important;} .mr5 {margin-right:5px !important;} .mp100 {margin:100px !important;} .mp90 {margin:90px !important;} .mp80 {margin:80px !important;} .mp70 {margin:70px !important;} .mp60 {margin:60px !important;} .mp50 {margin:50px !important;} .mp40 {margin:40px !important;} .mp30 {margin:30px !important;} .mp20 {margin:20px !important;} .mp10 {margin:10px !important;} .mp5 {margin:5px !important;} .fs34 {font-size:34px !important;} .fs32 {font-size:32px !important;} .fs30 {font-size:30px !important;} .fs28 {font-size:28px !important;} .fs26 {font-size:26px !important;} .fs24 {font-size:24px !important;} .fs22 {font-size:22px !important;} .fs20 {font-size:20px !important;} .fs18 {font-size:18px !important;} .fs16 {font-size:16px !important;} .fs14 {font-size:14px !important;} .fs12 {font-size:12px !important;} .lh20 {line-height:20px !important;} .lh24 {line-height:24px !important;} .lh28 {line-height:28px !important;} .lh30 {line-height:30px !important;} .lh40 {line-height:40px !important;} .lh50 {line-height:50px !important;} .animationtime{transition: all 0.5s;} .centertext{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; } .text1 {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .text2 {line-height:20px;overflow:hidden;height:40px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .text3 {line-height:20px;overflow:hidden;height:60px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;} @media screen and (max-width:1220px) {.ww {width:98%;margin:0 auto;} } @media screen and (max-width:769px) { .ww {width:95%;margin:0 auto;font-size:.24rem} .w750{width:100%;margin:0 auto;font-size:.24rem} body {font-size:.24rem;} .pt100 {padding-top:1rem !important;} .pt90 {padding-top:.9rem !important;} .pt80 {padding-top:.8rem !important;} .pt70 {padding-top:.7rem !important;} .pt60 {padding-top:.6rem !important;} .pt50 {padding-top:.5rem !important;} .pt40 {padding-top:.4rem !important;} .pt30 {padding-top:.3rem !important;} .pt20 {padding-top:.2rem !important;} .pt10 {padding-top:.1rem !important;} .pt5 {padding-top:.05rem !important;} .pb100 {padding-bottom:1rem !important;} .pb90 {padding-bottom:.9rem !important;} .pb80 {padding-bottom:.8rem !important;} .pb70 {padding-bottom:.7rem !important;} .pb60 {padding-bottom:.6rem !important;} .pb50 {padding-bottom:.5rem !important;} .pb40 {padding-bottom:.4rem !important;} .pb30 {padding-bottom:.3rem !important;} .pb20 {padding-bottom:.2rem !important;} .pb10 {padding-bottom:.1rem !important;} .pb5 {padding-bottom:.05rem !important;} .pl100 {padding-left:1rem !important;} .pl90 {padding-left:.9rem !important;} .pl80 {padding-left:.8rem !important;} .pl70 {padding-left:.7rem !important;} .pl60 {padding-left:.6rem !important;} .pl50 {padding-left:.5rem !important;} .pl40 {padding-left:.4rem !important;} .pl30 {padding-left:.3rem !important;} .pl20 {padding-left:.2rem !important;} .pl10 {padding-left:.1rem !important;} .pl5 {padding-left:.05rem !important;} .pr100 {padding-right:1rem !important;} .pr90 {padding-right:.9rem !important;} .pr80 {padding-right:.8rem !important;} .pr70 {padding-right:.7rem !important;} .pr60 {padding-right:.6rem !important;} .pr50 {padding-right:.5rem !important;} .pr40 {padding-right:.4rem !important;} .pr30 {padding-right:.3rem !important;} .pr20 {padding-right:.2rem !important;} .pr10 {padding-right:.1rem !important;} .pr5 {padding-right:.05rem !important;} .pp100 {padding:1rem !important;} .pp90 {padding:.9rem !important;} .pp80 {padding:.8rem !important;} .pp70 {padding:.7rem !important;} .pp60 {padding:.6rem !important;} .pp50 {padding:.5rem !important;} .pp40 {padding:.4rem !important;} .pp30 {padding:.3rem !important;} .pp20 {padding:.2rem !important;} .pp10 {padding:.1rem !important;} .pp5 {padding:.05rem !important;} .mt100 {margin-top:1rem !important;} .mt90 {margin-top:.9rem !important;} .mt80 {margin-top:.8rem !important;} .mt70 {margin-top:.7rem !important;} .mt60 {margin-top:.6rem !important;} .mt50 {margin-top:.5rem !important;} .mt40 {margin-top:.4rem !important;} .mt30 {margin-top:.3rem !important;} .mt20 {margin-top:.2rem !important;} .mt10 {margin-top:.1rem !important;} .mt5 {margin-top:.05rem !important;} .mb100 {margin-bottom:1rem !important;} .mb90 {margin-bottom:.9rem !important;} .mb80 {margin-bottom:.8rem !important;} .mb70 {margin-bottom:.7rem !important;} .mb60 {margin-bottom:.6rem !important;} .mb50 {margin-bottom:.5rem !important;} .mb40 {margin-bottom:.4rem !important;} .mb30 {margin-bottom:.3rem !important;} .mb20 {margin-bottom:.2rem !important;} .mb10 {margin-bottom:.1rem !important;} .mb5 {margin-bottom:.05rem !important;} .ml100 {margin-left:1rem !important;} .ml90 {margin-left:.9rem !important;} .ml80 {margin-left:.8rem !important;} .ml70 {margin-left:.7rem !important;} .ml60 {margin-left:.6rem !important;} .ml50 {margin-left:.5rem !important;} .ml40 {margin-left:.4rem !important;} .ml30 {margin-left:.3rem !important;} .ml20 {margin-left:.2rem !important;} .ml10 {margin-left:.1rem !important;} .ml5 {margin-left:.05rem !important;} .mr100 {margin-right:1rem !important;} .mr90 {margin-right:.9rem !important;} .mr80 {margin-right:.8rem !important;} .mr70 {margin-right:.7rem !important;} .mr60 {margin-right:.6rem !important;} .mr50 {margin-right:.5rem !important;} .mr40 {margin-right:.4rem !important;} .mr30 {margin-right:.3rem !important;} .mr20 {margin-right:.2rem !important;} .mr10 {margin-right:.1rem !important;} .mr5 {margin-right:.05rem !important;} .mp100 {margin:1rem !important;} .mp90 {margin:.9rem !important;} .mp80 {margin:.8rem !important;} .mp70 {margin:.7rem !important;} .mp60 {margin:.6rem !important;} .mp50 {margin:.5rem !important;} .mp40 {margin:.4rem !important;} .mp30 {margin:.3rem !important;} .mp20 {margin:.2rem !important;} .mp10 {margin:.1rem !important;} .mp5 {margin:.05rem !important;} .fs34 {font-size:.44rem !important;} .fs32 {font-size:.42rem !important;} .fs30 {font-size:.4rem !important;} .fs28 {font-size:.38rem !important;} .fs26 {font-size:.36rem !important;} .fs24 {font-size:.34rem !important;} .fs22 {font-size:.32rem !important;} .fs20 {font-size:.3rem !important;} .fs18 {font-size:.28rem !important;} .fs16 {font-size:.26rem !important;} .fs14 {font-size:.24rem !important;} .fs12 {font-size:.22rem !important;} .lh20 {line-height:.3rem !important;} .lh24 {line-height:.34rem !important;} .lh28 {line-height:.38rem !important;} .lh30 {line-height:.4rem !important;} .lh40 {line-height:.5rem !important;} .lh50 {line-height:.6rem !important;} .text2 {line-height:.4rem;overflow:hidden;height:.8rem;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .text3 {line-height:.4rem;overflow:hidden;height:1.2rem;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;} } /* 基础部分 完 */ .yellowtext{color: #fc6e00;} .bg-ash{ background-color: #fafafa;} .bg-white{background-color: #fff;} /* 导航 */ /* 弹窗 */ .apply_pop_up {display:none;} .applyform {width:500px;margin:30px 0;} .applyform .item-title { text-align: center; } .applyform .item-title h3{ font-weight: bold; color: #2b2e2e; margin-bottom: 10px; } .applyform form {width:90%;margin:0 auto;} .applyform ul li {margin-bottom:20px; background-color: #f8f8f8; border-radius: 5px; line-height:44px;height:44px; position: relative;} .applyform dl{overflow: hidden;} .applyform dl dt{ float: left; width: 65%;} .applyform dl dd{ float: right; width: 33%; overflow: hidden; box-sizing: border-box; cursor: pointer; color: #fc6e00;} .applyform dl img{ height: 42px;} .applyform .inp {border:none;width: 100%;line-height:44px; font-family:"微软雅黑";font-size:14px;color:#666;text-indent:10px; background:none;} .applyform .select1 {appearance:none;width: 100%;height:44px;line-height:44px;color:#666;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;border:none;padding-left:10px;background: url(../images/offer_22.png) no-repeat scroll right center; border-radius: 5px; font-size: 14px;} .applybtn {width: 100%; margin-bottom:0;font-size:20px;color: #fff; height: 44px; line-height: 44px; text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid #fc6e00;border-radius:4px;background-color:#fc6e00;color:#fff;} .applybtn:hover {border:1px solid #eb6905;background-color:#eb6905;color:#fff;} .layui-layer-title {background-color:#eb6905 !important;color:#fff !important;} .formcontact{ overflow: hidden; margin-left: -5%; } .formcontact a{ display: block;} .formcontact li{ float: left; width: 45%; margin: 0 0 20px 5%; text-align: center; font-size: 16px; } .formcontact li i{ margin-right: 10px; font-size: 20px;} @media screen and (max-width:768px) { .applyform {width:7rem;margin:.4rem 0;} .applyform .item-title h3{ margin-bottom: .1rem; } .applyform form {width:80%;} .applyform ul li {margin-bottom:.2rem; border-radius: 5px; line-height:.8rem;height:.8rem;} .applyform dl dt{ float: left; width: 65%;} .applyform dl dd{ float: right; width: 33%; } .applyform dl img{ height: .6rem;} .applyform .inp {font-size:.24rem;text-indent:.1rem; } .applybtn {font-size:.3rem; height: .8rem; line-height: .8rem; border-radius:5px;} .formcontact{ overflow: hidden; margin-left:0; } .formcontact li{ float: none; width: 100%; margin: 0 0 .2rem 0; font-size: .26rem; } .formcontact li i{ margin-right: .1rem; font-size: .3rem;} } #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button {margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #cssmenu:after,#cssmenu > ul:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} #cssmenu #menu-button {display:none;} #cssmenu {width:auto;line-height:1; } #menu-line {position:absolute;bottom:0;left:50%; transform: translate(50%, 0); height:3px;background:#fff;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-ms-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out;} #cssmenu > ul > li {float:left; padding: 0 30px;} #cssmenu.align-center > ul {font-size:0;text-align:center;} #cssmenu.align-center > ul > li {display:inline-block;float:none;} #cssmenu.align-center ul ul {text-align:left;} #cssmenu.align-right > ul > li {float:right; } #cssmenu.align-right ul ul {text-align:right;} #cssmenu > ul > li > a {padding:15px 0;font-size:16px; font-weight: bold; text-decoration:none;text-transform:uppercase;color:#fff;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;} #cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a {color:#fff; } #cssmenu > ul > li.has-sub > a {padding-right:0;} #cssmenu > ul > li.has-sub > a::after { display: none; position:absolute;top:25px;right:10px;width:4px;height:4px;border-bottom:1px solid #fff;border-right:1px solid #fff;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;} #cssmenu > ul > li.has-sub:hover > a::after {border-color:#fc6e00;} #cssmenu ul ul {position:absolute;left:-9999px; padding-top: 20px;} #cssmenu li:hover > ul {left:auto;} #cssmenu.align-right li:hover > ul {right:0;} #cssmenu ul ul ul {margin-left:100%;top:0;} #cssmenu.align-right ul ul ul {margin-left:0;margin-right:100%;} #cssmenu ul ul li {height:0;-webkit-transition:height .1s ease;-moz-transition:height .1s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .1s ease; background-color: #fff;} #cssmenu ul li:hover > ul > li {height:32px;} #cssmenu ul ul li a {padding:5px 0;width:260px;font-size:16px;text-decoration:none;color:#666666;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;} #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color:#2b2e2e;} #cssmenu ul ul li.has-sub > a::after {position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;} #cssmenu.align-right ul ul li.has-sub > a::after {right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #dddddd;border-left:1px solid #dddddd;} #cssmenu ul ul li.has-sub:hover > a::after {border-color:#ffffff;} @media all and (max-width:768px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px) {#cssmenu {width:100%;} #cssmenu ul {width:100%;display:none;} #cssmenu.align-center > ul,#cssmenu.align-right ul ul {text-align:left;} #cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li {width:100%;height:auto;border-top:1px solid rgba(120,120,120,0.15);} #cssmenu ul li a,#cssmenu ul ul li a {width:100%;} #cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li {float:none;display:block;} #cssmenu ul ul li a {padding:20px 20px 20px 30px;font-size:14px;color:#2b2e2e;background:none;} #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color:#2b2e2e;} #cssmenu ul ul ul li a {padding-left:40px;} #cssmenu ul ul,#cssmenu ul ul ul {position:relative;left:0;right:auto;width:100%;margin:0;} #cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after {display:none;} #menu-line {display:none;} #cssmenu #menu-button {display:block;padding:20px;color:#2b2e2e;cursor:pointer;font-size:12px;text-transform:uppercase;} #cssmenu #menu-button::after {content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#2b2e2e;} #cssmenu #menu-button::before {content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #2b2e2e;border-bottom:2px solid #2b2e2e;} #cssmenu .submenu-button {position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.15);height:52px;width:52px;cursor:pointer;} #cssmenu .submenu-button::after {content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#2b2e2e;z-index:99;} #cssmenu .submenu-button::before {content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#2b2e2e;z-index:99;} #cssmenu .submenu-button.submenu-opened:after {display:none;} #cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a {color:#444; } #cssmenu > ul > li > a{color:#444; } } /* 新加 */ #cssmenu > ul > li > a{border-bottom: 3px solid rgba(252,110,0,0); } #cssmenu > ul > li > a:hover{ border-bottom: 3px solid rgba(252,110,0,1); } #cssmenu > ul > li > a{position: relative;} #cssmenu > ul > li > a:hover::before{ content: ''; position: absolute; bottom: 0; border-bottom: 1px solid #000;} #cssmenu > ul > li:nth-child(1){ display: none;} .intop #cssmenu{ margin-top: 10px;} .layui-layer-setwin .layui-layer-close2{ top: -6px !important; right: -6px !important;}