@charset "utf-8"; /* CSS Document */ .proFocusInfo{padding-top:70px;} .DetailFocusHull{background: url("../img/nenghao/focus-bg.jpg") no-repeat 50% 0 #25262a;} /* .DetailFocusHull h2{font-size: 36px;line-height: 46px;padding: 0 0 15px;letter-spacing: 1px;} .DetailFocusHull h1{border-top: 1px solid #3c3c3c;font-size: 20px;color: #c0c0c0;line-height: 30px;padding: 15px 0 10px 0;} .DetailFocusHull .subtitle{} .proFocusInfo .type dl.price{display: none;} */ .DetailFocusHull .subtitle{font-size: 34px;color: #fff;line-height: 44px;padding: 0 0 10px;font-weight: normal;word-break: initial;text-align: initial;letter-spacing: 1px;} .DetailFocusHull h1{color: #b1b1b1;text-align: left;padding: 0px 0 15px 0;font-size: 20px;line-height: 30px;border: none;word-break: initial;} .proFocusInfo .type dl.price dd p{padding: 0px 0 0 10px;letter-spacing: 0px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .section-con{/* background-repeat: no-repeat; */background-position: 50% 100%;min-height: 880px;text-align: center;} .section-con .hull{max-width: 1200px; margin: 0 auto; position: relative;} .section-con .hull .desc{position: absolute;text-align: center;padding: 90px 0 20px 0;width: 100%;} .section-con .desc h2{ font-size: 36px; line-height: 1; color: #111; margin-bottom: 20px;} .section-con .desc p{ font-size: 16px; line-height: 26px; color: #666;} .section-con .desc.left{ text-align:left;} .section-con.positonInherit{min-height: inherit;} .section-con.positonInherit .desc{position: inherit;} .section-service{ background: #e1e7ee; padding: 80px 0; margin-top: 0px;} .section-service ul{ max-width: 1200px; margin: 0 auto; overflow: hidden;} .section-service li{text-align: center;font-size: 16px;line-height: 24px;color: #333;border: 1px solid #d4dbe3;border-width: 1px 0 0 1px;margin: -1px 0 0 -1px;min-height: 150px;float: left;width: 25%;padding: 25px 0 0 0;} .section-service li img{margin-bottom: 15px;width: 35px;} .section-service li span{display: block;} .section-kefu{max-width: 1200px; margin: 0 auto;background: url("../img/nenghao/kefu.gif") no-repeat 50% 50%;min-height: 270px;text-align: center;margin: 0 auto;} .section-kefu a{ display: inline-block; font-size: 28px; color: #444; margin-top: 52px;} .section-kefu a p{line-height: 1.5;} .section-kefu a em{ color: #111;} .section-kefu a span{font-size: 18px;line-height: 50px;height: 50px;background: #f69603;color: #fff;display: inline-block;padding: 0 30px;border-radius: 10px;margin-top: 20px;letter-spacing: 2px;} .systemTabs{position:relative;min-height: 880px;overflow: hidden;} .systemTabs .TabsHd{width: 200px;height: 100%;background: rgba(0, 18, 34, 0.35);position: absolute;z-index: 2;top: 0;text-align: right;} .systemTabs .TabsHd h2{font-size: 24px;line-height: 1;color: #fff;padding: 55px 30px 50px 0;} .systemTabs .TabsHd ul{} .systemTabs .TabsHd li{} .systemTabs .TabsHd li.last{margin-bottom: 25px;} .systemTabs .TabsHd li a{position: relative;padding: 0 30px 0 0;display: block;font-size: 14px;line-height: 26px;color: #999;} .systemTabs .TabsHd li a span{display: block;font-size: 18px;color: #fff!important;/* line-height: 1; *//* padding: 0 0 10px; */} .systemTabs .TabsHd li a:before{content: '';background: url(../img/nenghao/system-icon.png) no-repeat;width: 12px;height: 22px;position: absolute;right: -12px;bottom: 2px;display: none;} .systemTabs .TabsHd li a:hover{color: #fff;} .systemTabs .TabsHd li.m a{font-size: 18px;color: #fff;} .systemTabs .TabsHd li.m a:before{} .systemTabs .TabsHd li.m a:hover{} .systemTabs .TabsHd li.on a:before{display:block;} .systemTabs .TabsHd li.on a{color: #fff;} .systemTabs .TabsHd li.m.on a{color: #00cccc;} .systemTabs .TabsBd{} .systemTabs .TabsBd dd{min-height: 880px;background-repeat: repeat;background-position: 50% 50%;background-size: cover;} .systemTabs .TabsBd .desc {padding: 60px 80px 20px 80px;position: absolute;left: 0;top: 0;width: 100%;} .systemTabs .TabsBd .desc h2 { font-size: 30px; line-height: 1; color: #00cccc; padding: 0 0 35px; } .systemTabs .TabsBd .desc .hd { padding: 0 0 0 30px; position: relative; line-height: 1; } .systemTabs .TabsBd .desc .hd span { font-size: 24px; line-height: 1; color: #fff; position: relative; display: block; } .systemTabs .TabsBd .desc .hd em { position: absolute; left: 0; top: -10px; font-size: 24px; line-height: 1; color: #515059; } .systemTabs .TabsBd .desc p {font-size: 18px;color: #ccc;line-height: 30px;padding: 5px 0 0px;} .systemTabs .TabsBd ul{color: #ccc;font-size: 18px;line-height: 33px;padding: 50px 0 20px 0;position: absolute;} .systemTabs .TabsBd li { float: left; width: 50%; padding: 0 140px 0 50px; } .systemTabs .TabsBd li h3{ font-size: 20px; color: #0cc; padding: 0 0 10px; line-height: 1; } .systemTabs .TabsBd li p{} .systemTabs .wrap{ position: relative; width: 1300px;} @media (max-device-width:1440px) { .systemTabs .TabsHd{width: 120px;} .systemTabs .TabsHd h2{font-size: 16px; padding-right: 10px;} .systemTabs .TabsHd li a{font-size: 12px; padding-right: 10px;} .systemTabs .TabsHd li a span{font-size: 15px;} .systemTabs .wrap{width: 1200px;} .systemTabs .TabsBd .desc{ padding: 40px 0 0 40px;} .systemTabs .TabsBd li{padding-right: 50px;} }