﻿@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
/*通用格式化样式css CSS Document */html {    -webkit-text-size-adjust: none;}body, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, input, button, textarea, p, blockquote, th, td {    margin: 0;    padding: 0;    font-family: "微软雅黑";    font-size: 14px;    background: none;    color: #646464;}table {    border-collapse: collapse;    border-spacing: 0;}td, th {    word-wrap: break-word;    word-break: break-all;}img {    border: 0;}del, ins {    text-decoration: none;}caption, th {    text-align: left;}h1, h2, h3, h4, h5, h6 {    font-size: 100%;}q:before, q:after {    content: '';}abbr, acronym {    border: 0;    font-variant: normal;}sup, sub {    vertical-align: baseline;}/* because legend doesn't inherit in IE */input, select {    vertical-align: middle;}i, cite, em {    font-style: normal}/* New Clearfix */.clearfix:after {    visibility: hidden;    display: block;    font-size: 0;    content: '';    clear: both;    height: 0;}* html .clearfix {    zoom: 1;}/* IE6 */*:first-child + html .clearfix {    zoom: 1;}/* IE7 *//* Defaults */a {    text-decoration: none;    color: #646464;    font-size: 14px;}a:hover {    text-decoration: none;    color: #646464;}a:focus {    outline: none;    color: #646464;}.L, .l, .C, .c, .Left, .Center, .left, .center {    float: left;}.R, .r, .Right, .right {    float: right;}.reset_ul {    margin: 0;    padding: 0;    list-style: none;}ul {    margin: 0;    padding: 0;    list-style: none;}li {    margin: 0;    padding: 0;    list-style: none;}/*头部*/.header {    width: 100%;    height: 205px;}.header .upper {    width: 100%;    overflow: hidden;    height: 35px;    background: #21252e;}.header .upper .box {    width: 1200px;    overflow: hidden;    height: 100%;    margin: 0 auto;    text-align: left;    color: #6f7175;    line-height: 35px;}.header .upper .box .r {    width: auto;    overflow: hidden;}.header .upper .box .r a {    display: block;    float: right;    margin-left: 15px;    margin-top: 5px;}.header .upper .box .r a img {    display: block;}.header .in {    width: 1200px;    overflow: hidden;    margin: 0 auto;}.header .in .l {    width: auto;    overflow: hidden;    height: 107px;}.header .in .l img {    display: block;    float: left;    height: 100%;}.header .in .l .company-name {    width: auto;    font-size: 30px;    font-weight: normal;    padding-top: 25px;    margin-left: 10px;}.header .in .l .company-name p {    display: block;    font-size: 12px;    color: #a7a7a7;}.header .in .r {    width: auto;    float: right;    overflow: hidden;}.header .in .r div {    margin-left: 20px;}.header .in .r div span {    display: block;    font-size: 12px;    color: #adadad;    margin-top: 35px;    font-weight: normal;}.header .in .r .time {    background: url(http://oldfile.4e8.com/skin/lhzbty9256/img/header-in-time.png) left center no-repeat;    padding-left: 61px;    font-size: 24px;}.header .in .r .phone {    font-size: 24px;    font-weight: bold;    padding-left: 50px;    background: url(http://oldfile.4e8.com/skin/lhzbty9256/img/header-in-phone.png) left center no-repeat;}.header .lower {    width: 100%;    height: 63px;}.header .lower .line {    width: 1920px;    overflow: hidden;    position: relative;    left: 50%;    margin-left: -960px;}.header .lower .line .l {    width: 1083px;    overflow: hidden;    height: 3px;    background: #13a0b2;}.header .lower .line .r {    width: 837px;    height: 3px;    background: #f6bb19;}.header .lower .nav {    width: 1200px;    height: 60px;    margin: 0 auto;}.header .lower .nav li {    width: auto;    height: 100%;    float: left;    padding-left: 100px;    position: relative;}.header .lower .nav li a {    display: block;    line-height: 60px;    font-size: 16px;    color: #333;}.header .lower .nav .home {    padding-left: 0;}.header .lower .nav li ul{    width: 160px;    overflow: hidden;    position: absolute;    top:60px;    left:50%;    margin-left: -15px;    z-index: 1;    background: #fff;    display: none;}.header .lower .nav li ul li{    padding:0;    float: none;}.header .lower .nav li ul li a{    text-align: center;}.header .lower .nav li:hover ul{    display: block;}/* banner */.banner {    width: 100%;    overflow: hidden;    position: relative;}#index-banner {    height: 468px;}.banner .bd {    position: relative;    height: 100%;    z-index: 0;    width: 100%;}.banner .bd li {    zoom: 1;    vertical-align: middle;}.banner .bd img {    width: 1920px;    height: 100%;    position: relative;    left: 50%;    margin-left: -960px;}.banner .prev,.banner .next {    position: absolute;    left: 3%;    top: 50%;    margin-top: -25px;    display: block;    width: 32px;    height: 40px;    background: url(http://oldfile.4e8.com/skin/lhzbty9256/img/slider-arrow.png) -110px 5px no-repeat;    filter: alpha(opacity=50);    opacity: 0.5;}.banner .next {    left: auto;    right: 3%;    background-position: 8px 5px;}.banner .prev:hover,.banner .next:hover {    filter: alpha(opacity=100);    opacity: 1;}.banner .prevStop {    display: none;}.banner .nextStop {    display: none;}.index-pro {    width: 100%;    margin: 34px auto;    overflow: hidden;}.bg-box{    width: 1200px;    margin:0 auto;    position: relative;}.fl {    width: 262px;    border: 3px solid #13a0b2;    overflow: hidden;}.fl h2 {    display: block;    background: #13a0b2;    text-align: center;    font-weight: normal;    font-size: 24px;    color: #fff;    padding: 15px 0;}.fl h2 p {    display: block;    width: 85px;    line-height: 24px;    border: 1px solid #ffffff;    font-size: 12px;    color: #fff;    position: relative;    margin: 10px auto auto auto;}.fl h2 p span {    width: 27px;    height: 1px;    position: absolute;    background: #fff;    top: 12px;}.fl h2 p .l {    left: -28px;}.fl h2 p .r {    right: -28px;}.txtScroll-top {    width: 100%;    overflow: hidden;    position: relative;}.txtScroll-top .bd {    width: 100%;    overflow: hidden}.txtScroll-top .bd ul {    width: 100%;    overflow: hidden;}.txtScroll-top .bd ul li {    width: 100%;    overflow: hidden;}.txtScroll-top .bd ul li a {    display: block;    line-height: 49px;    border-bottom: 1px dotted #dddddd;    font-size: 16px;    color: #333;    padding:0 20px;}.txtScroll-top .hd {    overflow: hidden;    background: #f4f4f4;    padding: 13px 20px;}.txtScroll-top .hd span {    font-size: 12px;    color: #a0a0a0;}.txtScroll-top .hd .prev, .txtScroll-top .hd .next {    display: block;    width: 9px;    height: 9px;    float: right;    margin-right: 5px;    overflow: hidden;    cursor: pointer;    background: url(http://oldfile.4e8.com/skin/lhzbty9256/img/icoUp.gif) no-repeat;    margin-top: 10px;}.txtScroll-top .hd .next {    background: url(http://oldfile.4e8.com/skin/lhzbty9256/img/icoDown.gif) no-repeat;}.txtScroll-top .hd ul {    float: right;    overflow: hidden;    zoom: 1;    margin-top: 10px;}.txtScroll-top .hd ul li {    float: left;    width: 9px;    height: 9px;    overflow: hidden;    margin-right: 5px;    text-indent: -999px;    cursor: pointer;    background: url(http://oldfile.4e8.com/skin/lhzbty9256/img/icoCircle.gif) 0 -9px no-repeat;}.txtScroll-top .hd ul li.on {    background-position: 0 0;}.index-pro .box {    width: 897px;    overflow: hidden;}.prolist{    width: 100%;    overflow: hidden;}.prolist .bd{    width: 100%;    overflow: hidden;}.prolist .bd .picList{    width: 100%;    overflow: hidden;}.prolist ul{    width: 100%;    overflow: hidden;}.prolist ul li{    width: 275px;    height: 310px;    overflow: hidden;    border: 1px solid #e3e3e3;    float: left;    margin:11px;    position: relative;    background:#fff;}.prolist ul li a{    display: block;    width: 100%;    height: 100%;}.prolist ul li img{    width: 100%;    height: 232px;    display: block;}.prolist ul li p{    display: block;    padding:0 20px;    font-size: 16px;    line-height: 50px;}.prolist ul li span{    display: block;    padding:0 20px;    font-size: 12px;    color: #adadad;}.prolist ul li i{    display: block;    width: 99px;    height: 25px;    background: #f6bb19;    font-weight: bold;    border-radius: 20px;    position: absolute;    right:10px;    bottom:8px;    font-size: 12px;    text-align: center;    line-height: 25px;    color: #fff;}.index-pro .bg-l{    position: absolute;    left:-400px;    z-index: -1;    top:-5px;}.index-pro .bg-r{    position: absolute;    right:-400px;    z-index: -1;}.hf{    width: 100%;    overflow: hidden;    height: 193px;    background: url(http://oldfile.4e8.com/skin/lhzbty9256/img/hf.jpg) top center no-repeat;}.hf .box{    width: 1200px;    overflow: hidden;    margin:0 auto;}.hf .box .text{    width: auto;    float: right;}.hf .box .text span{    display: block;    text-align: right;    color: #fff;    font-size: 16px;    margin-top: 20px;}.hf .box .text p{    display: block;    text-align: right;    font-size: 45px;    color: #fff;    font-weight: bold;    margin:10px 0;}.hf .box .text .phone{    width: auto;    -webkit-border-radius: 40px;    -moz-border-radius: 40px;    border-radius: 40px;    background: #f6bb19;    font-size: 24px;    font-weight: bold;    line-height: 45px;    color: #fff;    padding:0 15px;}.index-about{    width: 1200px;    margin:100px auto auto auto;    position: relative;    height: 487px;}.index-about .l{    width: 480px;    height: 387px;    background: #13a0b2;    padding:50px;    position: relative;}.index-about .l h2{    display: block;    color: #fff;    font-size: 24px;    font-weight: normal;}.index-about .l .by{    display: block;    font-size: 30px;    color: #fff;    border-bottom: 1px solid #50b9c6;    padding:30px 0;    margin-bottom: 30px;}.index-about .l .text{    width: 100%;    overflow: hidden;    font-size: 12px;    color: #b0d7de;    line-height: 25px;}.index-about .l .more{    display: block;    text-align: center;    line-height: 30px;    -webkit-border-radius: 40px;    -moz-border-radius: 40px;    border-radius: 40px;    background: #f6bb19;    color: #fff;    width: 104px;    position: absolute;    bottom:50px;    left:50px;}.index-about .r{    position: absolute;    right:0;    bottom: 0;    width: 706px;    height: 539px;    display: block;    z-index: -1;}.index-case{    width: 1200px;    margin:0 auto;    overflow: hidden;}.why{    width: 100%;    overflow: hidden;    margin: 40px auto auto auto;    background: #f7f7f7;}.why .title{    width: 100%;    overflow: hidden;    background: url(http://oldfile.4e8.com/skin/lhzbty9256//img/why-title-bg.png) top center no-repeat;    text-align: center;    color: #fff;    height: 197px;}.why .title p{    color: #fff;    font-size: 30px;    font-weight: bold;    margin-top: 60px;}.why .title span{    font-size: 12px;}.why .nr{    width: 1200px;    margin:30px auto 50px auto;    height: 1072px;    position: relative;    /*-webkit-box-shadow: 0px 0px 30px #e1e1e1;*/    /*-moz-box-shadow: 0px 0px 30px #e1e1e1;*/    /*box-shadow: 0px 0px 30px #e1e1e1;*/    /*border:1px solid #fff;*/}.why .nr .text{    width: 540px;    overflow: hidden;    height: 208px;    background: #fff;    padding:30px;    position: relative;}.why .nr .text span{    display: block;    font-size: 48px;    color: #13a0b2;    border:3px solid #13a0b2;    width: 98px;    height: 116px;    text-align: center;    font-weight: bold;    line-height: 80px;}.why .nr .text .bt{    display: block;    background: #fff;    font-size: 20px;    font-weight: bold;    color: #13a0b2;    z-index: 1;    position: absolute;    padding:0 10px;    top:110px;    left:42px;}.why .nr .text .bt i{    display: block;    color: #333;    font-size: 12px;    line-height: 30px;    font-weight: normal;}.why .nr .text div{    font-size: 14px;    position: absolute;    top:170px;    width: 540px;    line-height: 25px;}.why .nr .img{    width: 600px;    height: 268px;    overflow: hidden;}.why .nr .img img{    display: block;    width: 100%;    height: 100%;}.why .nr .bg-l{    position: absolute;    left:-400px;    z-index: 0;}.why .nr .bg-r{    position: absolute;    right:-545px;    top:400px;}.index-news{    width:100%;    overflow: hidden;    padding:40px 0;}.index-news .box{    width: 1200px;    overflow: hidden;    margin:0 auto;}.index-news .box .l{    width: 893px;    overflow: hidden;}.index-news .box .r{    width: 280px;    overflow: hidden;}.index-news .title{    width: 100%;    border-bottom: 1px solid #13a0b2;    overflow: hidden;    padding-bottom: 10px;    color: #bbbbbb;    font-size: 16px;    line-height: 35px;}.index-news .title span{    display: block;    float:left;    color: #13a0b2;    font-size: 24px;    border-left:2px solid #13a0b2;    padding-left: 10px;    font-weight: bold;    margin-right:10px;}.index-news ul{    width: 100%;    overflow: hidden;    margin-top: 10px;}.index-news .l ul li{    width:434px;    overflow: hidden;    float:left;    border-bottom: 1px dashed #d7d7d7;}.index-news ul li a{    font-size: 14px;    color: #333;    line-height: 40px;}.index-news ul li a span{    float:right;    color: #ababab;    font-size: 12px;}.index-news ul .double{    float:right !important;}.index-news .r ul li{    width:100%;    overflow: hidden;    float:left;    border-bottom: 1px dashed #d7d7d7;}.index-link{    width: 1200px;    overflow: hidden;    margin:0 auto 30px auto;}.index-link li{    float:left;    overflow: hidden;    margin:0 5px;}.index-link li a{    display: block;}.foot{    width: 100%;    overflow: hidden;    background: #2f3541;}.foot .box{    width: 1200px;    overflow: hidden;    margin:30px auto 20px auto;    margin-bottom: 20px;}.foot .box ul{    width: auto;    float: left;    overflow: hidden;}.foot .box ul li{    width: auto;    float:left;    color: #9ea4a0;    line-height: 30px;    margin-right: 100px;    margin-top: 10px;}.foot .box ul li p{    display: block;    font-weight: bold;    font-size: 14px;    color: #fff;    margin-bottom: 5px;}.foot .box ul li img{    float: left;    display: block;    margin-right: 5px;    margin-top: 7px;}.foot .box img{    float: right;}.foot .bq{    width: 100%;    overflow: hidden;    height: 40px;    background: #21252e;}.foot .bq p{    display: block;    width: 1200px;    margin:0 auto;    overflow: hidden;    line-height: 40px;    color: #bcbcbc;}.lmmc{    width: 100%;    overflow: hidden;    height: 150px;    background: url(http://oldfile.4e8.com/skin/lhzbty9256/img/nei-banner.jpg) center no-repeat;}.lmmc p{    display: block;    width: 1200px;    overflow: hidden;    text-align: center;    line-height: 150px;    margin: 0 auto;    color: #fff;    font-size: 30px;    font-weight: bold;    letter-spacing: 5px;}.main{    width: 1200px;    margin:30px auto;    overflow: hidden;}.fl ul li:hover{    background: #f4f4f4;}.fl ul li ul {    padding:0 20px;    display: none;}.fl ul li:hover ul{    display: block;}#nei-banner .bd img{    height: 250px;}.main .right{    width: 900px;    overflow: hidden;}.main .right .now{    color: #adadad;    font-size: 12px;    background: #f4f4f4;    padding:20px;}.main .right .now a{    font-size: 12px;    color: #adadad;}.main .about{    overflow: hidden;    background: #f4f4f4;    padding:0 20px;}.main .about h1{    display: block;    font-size: 24px;    font-weight: normal;    margin-top: 20px;}.main .about .info{    width: 100%;    overflow: hidden;    font-size: 12px;    color: #838383;    margin:10px 0 20px 0;}.main .line{    width:100%;    overflow: hidden;    margin-bottom: 30px;}.main .line .l{    width: 50%;    overflow: hidden;    height: 3px;    background: #13a0b2;}.main .line .r{    width: 50%;    overflow: hidden;    height: 3px;    background: #f6bb19;}.main .about .fy{    width: 100%;    overflow: hidden;    margin-top: 30px;    padding-top: 30px;    border-top:1px dotted #adadad;    margin-bottom: 30px;}.hot{    width: 100%;    overflow: hidden;    background: #f4f4f4;    margin-top: 30px;}.hot-title{    width: 100%;    overflow: hidden;    text-align: center;    font-size: 24px;    margin-top: 30px;    color: #13a0b2;}.list-mun{    overflow: hidden;    padding:20px;}.hot .index-news .box{    width: auto !important;}.hot .index-news .box .l{    width: auto;    padding:0 20px;}.hot .index-news .l ul li{    width: 420px;}.hot .index-news{    padding: 0 0 30px 0;}.newslist{    overflow: hidden;    background:#f4f4f4 ;    padding:20px;}.newslist li{    width: 100%;    overflow: hidden;    border-bottom: 1px dotted #d8d8d8;    padding:20px 0;}.newslist li a{    display: block;    line-height: 25px;    color: #828282;}.newslist li a span{    width: 80px;    overflow: hidden;    float:left;    color: #949494;    text-align: right;    margin-right: 15px;    height:80px;}.newslist li a span i{    display: block;    color: #13a0b2;    font-weight:bold;    font-size: 24px;}.newslist p{    display: block;    font-size: 14px;    font-weight: bold;}.channelform th { text-align:left; width: 20%; color: #000000;}.channelform input { border: 1px dotted #CCC; width:100%; height:35px; line-height:35px; margin-left: -89px; }.channelform textarea { border: 1px dotted #CCC; width:100%; margin-left: -89px; }.channelform .submit { background-color: #fae25f; width:160px; cursor:pointer; border:none; color:#FFF;}