@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: #333333;
}

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: #333;
    font-size: 14px;
}

a:hover {
    text-decoration: none;
    color: #333;
}

a:focus {
    outline: none;
    color: #333;
}

.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: 181px;
}

.header .text {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}

.header .text .box {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    height: 25px;
    line-height: 25px;
    color: #8c8c8c;
}

.header .text .r {
    width: auto;
    overflow: hidden;
}

.header .text .r li {
    width: auto;
    float: right;
    margin: 0 5px;
}

.header .text .r li a {
    display: block;
    line-height: 25px;
    color: #8c8c8c;
}

.header .title {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    padding: 20px 0;
}

.header .title .l {
    width: auto;
    overflow: hidden;
}

.header .title .l img {
    display: block;
    float: left;
    margin-right: 10px;
    height: 59px;
    width: auto;
}

.header .title .l p {
    display: block;
    float: left;
    color: #606060;
}

.header .title .l p span {
    display: block;
    font-size: 33px;
    overflow: hidden;
    color: #bd050e;
    font-weight: bold;
}

.header .title .r {
    width: auto;
    color: #5b5b5b;
    background: url(http://oldfile.4e8.com/skin/lh9043/img/top-phone.png) left center no-repeat;
    min-height: 36px;
    padding-left: 50px;
}

.header .title .r span {
    display: block;
    color: #bd050e;
    font-size: 20px;
    font-weight: bold;
}

.header .title #searchform {
    width: 247px;
    overflow: hidden;
    border: 1px solid #dddddd;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    margin-top: 15px;
}

.header .title #searchform input {
    outline: medium;
    line-height: 20px;
    padding: 10px;
    border: none;
    color: #c2c2c2;
}

.header .title #searchform .text {
    width: 187px;
}

.header .title #searchform #button {
    float: right;
    width: 40px;
    height: 40px;
    background: url(img/icon.jpg) no-repeat center #bd050e;
}

.header .nav {
    width: 1200px;
    height: 54px;
    background: #d8d8d8;
    margin: 0 auto;
}

.header .nav li {
    width: 171.4px;
    float: left;
    position: relative;
}

.header .nav li a {
    display: block;
    color: #333;
    font-size: 16px;
    text-align: center;
    line-height: 54px;
  font-weight:bolder;
}

.header .nav .on {
    background: #bd050e;
}
.header .nav .on a{color:#fff;}

.header .nav li a:hover {
    background: #bd050e;
}

.header .nav li ul {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 54px;
    background: #f6f6f6;
    display: none;
    z-index: 9999;
}

.header .nav li:hover ul {
    display: block;
}

.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
    max-width: 1920px;
    margin:0 auto;
}

.banner .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.banner .bd li {
    zoom: 1;
    vertical-align: middle;
}

.banner .bd img {
    width: 1920px;
    height: 442px;
    display: block;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
.nei-banner .bd img{
    height:300px !important;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.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/lh9043/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: 1200px;
    overflow:hidden;
    margin:50px auto 30px auto;
}
.index-pro .l ,.main .l{
    width: 266px;
    overflow: hidden;
}
.index-pro .l .fl ,.main .l .fl{
    width: 100%;
    overflow: hidden;
    background: #d8d8d8;
}
.index-pro .l .fl .title ,.main .l .fl .title{
    height: 85px;
    background: url(img/bd.jpg);
    font-size:12px;
    color: #f09497;
    padding: 0 20px;
    overflow: hidden;
}
.index-pro .l .fl .title span ,.main .l .fl .title span{
    display: block;
    font-weight: bold;
    font-size:20px;
    color: #fff;
    line-height:30px;
    margin-top: 15px;
}
.index-pro .l .fl .txtScroll-top ,.main .l .fl .txtScroll-top{
    overflow:hidden;
    padding:10px 20px 0 20px;
}
.index-pro .l .fl .txtScroll-top .bd ,.main .l .fl .txtScroll-top .bd{
    width: 100%;
    overflow:hidden;
}
.index-pro .l .fl .txtScroll-top .bd .infoList ,.main .l .fl .txtScroll-top .bd .infoList{
    width: 100%;
    overflow: hidden;
}
.index-pro .l .fl .txtScroll-top .bd .infoList li ,.main .l .fl .txtScroll-top .bd .infoList li{
    overflow:hidden;
    width: 100%;
    border-bottom: 1px dotted #353e4b;
}
.index-pro .l .fl .txtScroll-top .bd .infoList li a ,.main .l .fl .txtScroll-top .bd .infoList li a{
    display: block;
    color: #333;
    line-height: 50px;
}
.index-pro .l .fl .txtScroll-top .hd ,.main .l .fl .txtScroll-top .hd{
    width: 50%;
    overflow: hidden;
    margin:0 auto;
}
.index-pro .l .fl .txtScroll-top .hd .next ,.main .l .fl .txtScroll-top .hd .next{
    background: url(http://oldfile.4e8.com/skin/lh9043/img/index-pro-fl-bottom.png) center no-repeat;
    width: 49%;
    padding:25px 0;
    display: block;
    float:left;
}
.index-pro .l .fl .txtScroll-top  .hd .prev ,.main .l .fl .txtScroll-top .hd .prev{
    background: url(http://oldfile.4e8.com/skin/lh9043/img/index-pro-fl-top.png) center no-repeat;
    width: 49%;
    padding:25px 0;
    display: block;
    float:right;
}
.index-pro .l .lx ,.main .l .lx{
    overflow: hidden;
    background: #bd050e;
    padding:20px;
    margin-top: 20px;
}
.index-pro .l .lx .title ,.main .l .lx .title{
    width: 100%;
    color: #f09497;
    font-size: 12px;
}
.index-pro .l .lx .title span ,.main .l .lx .title span{
    display: block;
    font-size:20px;
    font-weight: bold;
    color: #fff;
}
.index-pro .l .lx .phone ,.main .l .lx .phone{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #5a5a5a;
    background: url(http://oldfile.4e8.com/skin/lh9043/img/index-pro-phone.png) left center no-repeat #fff;
    padding:5px 0 5px 50px;
    margin:10px 0;
}
.index-pro .l .lx .phone span ,.main .l .lx .phone span{
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #e6212a;
}
.index-pro .l .lx .ly ,.main .l .lx .ly{
    background: url(http://oldfile.4e8.com/skin/lh9043/img/index-pro-ly.png) left center no-repeat;
    padding:5px 0 5px 50px;
    color: #f19d9f;
    font-size: 12px;
}
.index-pro .l .lx .ly a,.main .l .lx .ly a{
  	color: #f19d9f;
    font-size: 12px;
}
.index-pro .l .lx .ly span ,.main .l .lx .ly span{
    display: block;
    color: #fff;
}

.index-pro .r{
    width: auto;
    overflow: hidden;
}
.multipleColumn ,.casemultipleColumn {
    overflow: hidden;
    position: relative;
    width: auto;
}

.multipleColumn .bd ul ,.casemultipleColumn .bd ul {
    overflow: hidden;
    zoom: 1;
    width: auto;
    float: left;
    _display: inline;
    max-width: 930px;
}

.multipleColumn .bd ul li , .casemultipleColumn .bd ul li,.main .prolist li{
    width:285px;
    height:373px;
    overflow:hidden;
    border:1px solid #d8d8d8;
    float:left;
    margin:0 11px 22px 11px ;
}
.multipleColumn .bd ul li a ,.casemultipleColumn .bd ul li a,.main .prolist li a{
    display: block;
    position: relative;
    color: #777777;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    width: 100%;
    height: 100%;
}
.multipleColumn .bd ul li img ,.casemultipleColumn .bd ul li img ,.main .prolist li img{
    display: block;
    width: 100%;
    height:271px;
}
.multipleColumn .bd ul li .title ,.casemultipleColumn .bd ul li .title ,.main .prolist li .title{
    background: #d8d8d8;
    padding:20px;
    position: absolute;
    bottom:-56px;
    left:0;
    width: 245px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.multipleColumn .bd ul li .title span ,.casemultipleColumn .bd ul li .title span,.main .prolist li .title span{
    display: block;
    font-size: 16px;
    color: #333;
    height: 22px;
    overflow: hidden;
}
.multipleColumn .bd ul li .title img ,.casemultipleColumn .bd ul li .title img,.main .prolist li .title img{
    display: block;
    width: 36px;
    height: 36px;
    margin:20px auto auto auto;
}
.multipleColumn .bd ul li:hover .title ,.casemultipleColumn .bd ul li:hover .title,.main .prolist li:hover .title{
    bottom:0;
    background: #bd050e;
    color: #fff;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.multipleColumn .bd ul li:hover .title span ,.casemultipleColumn .bd ul li:hover .title span,.main .prolist li:hover .title span{
    color: #fff;
}
.good{
    width: 100%;
    background: #e7e7e7;
    overflow: hidden;
}
.good .title{
    width: 1200px;
    overflow: hidden;
    margin:0 auto;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding:30px 0;
}
.good .title span{
    font-size: 30px;
    font-weight: bold;
    color: #bd050e;
    font-style: italic;
    margin-right: 30px;
}
.good .title p{
    display: block;
    font-size: 14px;
    background: #bd050e;
    font-weight: normal;
    width: 350px;
    margin: 0 auto;
    color: #fff;
    line-height: 30px;
    margin-top:20px;
}
.good .nr{
    width: 1200px;
    overflow: hidden;
    margin:0 auto;
    position: relative;
}
.good .nr .center{
    width:324px;
    height: 324px;
    display: block;
    margin:0 auto;
    float:none;
}
.good .nr div{
    width: 400px;
    overflow: hidden;
    position: absolute;
}
.good .nr div i{
    display: block;
    width: 71px;
    height: 71px;
    border: 1px dashed #8a8a8a;
    overflow: hidden;
}
.good .nr div i img{
    display: block;
    margin:15px auto;
}
.good .nr .l{
    left:0;
    top:47px;
}
.good .nr .xin{
    top:189px;
}
.good .nr .l i{
    float:left;
}
.good .nr div p{
    display: block;
    font-size: 12px;
    width: 310px;
}
.good .nr .l p{
    float: right;
}
.good .nr div span{
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
}
.good .nr .r{
    right:0;
    top:47px;
}
.good .nr .qian{
    top:189px;
    overflow: hidden ;
}
.good .nr .r i{
    float: right;
}
.good .nr .r p{
    text-align: right;
    float: left;
}
.good .phone{
    width: 320px;
    overflow: hidden;
    margin:30px auto;
}
.good .phone .l{
    width: auto;
    overflow: hidden;
    color: #333;
    font-size: 14px;
    background: url(http://oldfile.4e8.com/skin/lh9043/img/top-phone.png) left center no-repeat;
    padding-left: 50px;
}
.good .phone .l span{
    display: block;
    color: #bd050e;
    font-size: 20px;
    font-weight: bold;
}
.good .phone .r{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background:#bd050e ;
    line-height: 40px;
    padding:0 20px;
    color: #fff;
    font-size: 14px;
}
.good .phone .r a{
  	color:#fff
}
.index-case{
    width: 100%;
    overflow: hidden;
    padding:20px 0;
}
.index-case .bigtitle{
    width: 100%;
    overflow: hidden;
    font-size: 12px;
    color: #8c8c8c;
    text-align: center;
    line-height: 30px;
    position: relative;
}
.index-case .bigtitle p{
    display: block;
    color: #333333;
    font-size: 24px;
    font-weight: bold;
}
.index-case .bigtitle i{
    display: block;
    width: 100%;
    height: 1px;
    background: #dddddd;
    position: absolute;
    bottom: 1px;
    z-index: -1;
}
.index-case .bigtitle span{
    display: block;
    width: 54px;
    height: 4px;
    margin:0 auto;
    background:#bd050e ;
    margin-top: 20px;
}
.index-case .casemultipleColumn{
    width: 1200px;
    overflow: hidden;
    margin:30px auto auto auto;
    float: none;
}
.index-case .casemultipleColumn ul{
    width: 1200px;
    overflow: hidden;
    max-width: none;
}
.index-case .casemultipleColumn ul li{
    margin:7px;
}
.index-about{
    width: 100%;
    overflow: hidden;
   /* background: url(http://oldfile.4e8.com/skin/lh9043/img/index-about-bg.jpg) top center no-repeat;*/
    height:421px;
    margin:30px 0;
  background-color:#e7e7e7;
}
.index-about .box{
    width: 1200px;
    overflow: hidden;
    margin:0 auto;
}
.index-about .box .l{
    width: 600px;
    overflow: hidden;
    color: #919499;
    font-size: 12px;
    line-height: 25px;
    margin-top: 60px;
}
.index-about .box .l .title{
    width: 100%;
    overflow: hidden;
    font-size: 12px;
    color: #919499;
    line-height: 30px;
    margin-bottom: 30px;
}
.index-about .box .l .title span{
    display: block;
    font-size: 24px;
    color: #333;
    font-weight: bold;
}
.index-about .box .l .more{
    display: block;
    width: 135px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    border: 1px solid #c0c0c0;
    color: #505050;
    margin-top: 40px;
}
.index-about .box .r{
    width: 500px;
    position: relative;
    height: 380px;
    margin:25px 0;
}
.index-about .box .r .one{
    width: 245px;
    height: 245px;
    left:0;
    top:55px;
}
.index-about .box .r div{
    transform:rotate(45deg);
    position: absolute;
    border: 3px solid #fff;
    overflow: hidden;
}
.index-about .box .r div img{
    transform:rotate(-45deg) scale(1.5,1.5);
    width: 100%;
    height: 100%;
}
.index-about .box .r .two{
    right:40px;
    top:90px;
    width: 176px;
    height: 176px;
}
.index-about .box .r .three{
    width: 99px;
    height: 99px;
    top:250px;
    left:219px;
}
.index-news{
    width: 1200px;
    overflow: hidden;
    margin:0 auto;
}
.index-news .l{
    width: 370px;
    overflow: hidden;
    float: left;
}
.index-news .title{
    width: 100%;
    overflow: hidden;
    font-size: 18px;
    font-weight: bold;
    background: url(http://oldfile.4e8.com/skin/lh9043/img/index-news-line.png) bottom left no-repeat;
    line-height: 50px;
}
.index-news .title a{
    float: right;
    color: #e6212a;
    font-weight: normal;
    font-size: 12px;
}
.index-news .nr{
    border: 1px solid #cbced2;
    padding:10px;
    margin-top: 20px;
}
.index-news .nr img{
    width: 100%;
    height: 166px;
}
.index-news .nr ul{
    overflow: hidden;
    width: 100%;
}
.index-news .nr ul li{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dotted #cbcbcb ;
}
.index-news .nr ul li a{
    display: block;
    line-height: 40px;
    font-size: 12px;
}
.index-news .nr ul li a span{
    float: right;
}
.index-news .nr ul li a:hover{
    color: #e6212a;
}
.index-news .r{
    width: 370px;
    overflow: hidden;
}
.index-news .r ul li{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dotted #cbcbcb ;
    padding:10px 0;
}
.index-news .r ul li a{
    display: block;
    overflow: hidden;
    line-height: normal;
}
.index-news .r ul li a p{
    display: block;
    background: url(http://oldfile.4e8.com/skin/lh9043/img/Q.jpg) left top no-repeat;
    padding-left: 20px;
    overflow: hidden;
}
.index-news .r ul li a span{
    display: block;
    background: url(http://oldfile.4e8.com/skin/lh9043/img/A.jpg) left top no-repeat;
    padding-left: 20px;
    overflow: hidden;
    margin-top: 5px;
    color: #8c8c8c;
    line-height: 23px;
}
.link{
    width: 1200px;
    overflow: hidden;
    margin:20px auto auto auto;
}
.link a{
    display: block;
    float:left;
    width: auto;
    margin:5px;
    line-height: 25px;
    font-size: 12px;
}
.foot{
    width: 100%;
    background: #9e9e9e;
    overflow: hidden;
}
.foot ul{
    width: 1200px;
    margin:0 auto;
    overflow: hidden;
    padding:40px 0;
}
.foot ul li{
    float:left;
    overflow: hidden;
    width: 33%;
    line-height: 25px;
    color: #ffffff;
}
.foot ul li p{
    display: block;
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
}
.foot ul li p i{
    display: block;
    font-size: 12px;
    color: #b6b6b6;
}
.main{
    width: 1200px;
    overflow: hidden;
    margin:50px auto;
}
.main .right{
    width: 900px;
}
.main .right .webnav{
    width: 100%;
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
    line-height: 85px;
}
.main .right .webnav .nei{
    float:right;
    font-size: 12px;
    color: #5a5a5a;
    font-weight: normal;
}
.main .right .about{
    width: 100%;
    overflow: hidden;
    line-height: 30px;
}
.main .right .about h1{
    display: block;
    font-size: 20px;
    line-height: 50px;
    margin-top: 20px;
}
.main .right .about .wzxx{
    width: 100%;
    overflow: hidden;
    font-size: 12px;
    color: #bebebe;
    margin-bottom: 20px;
}
.main .right .about .wzxx img{
    max-width:100%;
}
.hot-pro .bigtitle span{
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}
.hot-pro .bigtitle i{
    top: 1px;
}
.main .prolist{
    width: 100%;
    overflow: hidden;
    margin: 20px 0;
}
.main .prolist li{
    margin:6px;
}
.main .listnum{
    width: 100%;
    overflow:hidden;
    color: #8c8c8c;
}
.main .listnum a{
    color:#5a5a5a;
}
.newslist .tj{
    width: 100%;
    overflow: hidden;
    background: #f5f5f5;
    margin: 20px 0;
}
.newslist .tj a{
    display: block;
    padding:30px;
    color: #828282;

}
.newslist .tj p{
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
    color: #333;
}
.newslist .tj .line{
    width: 60px;
    height: 2px;
    background: #b70005;
    margin:15px 0;
}
.newslist .tj .date{
    display: block;
    font-size: 16px;
    font-weight: bold;
}