@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%;}
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: #535962; }
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: #646464; }
body { font: normal 14px tahoma, Arial, \5FAE\8F6F\96C5\9ED1, \5B8B\4F53; color: #535962; line-height: 24px; background: #fff; }
.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 ,li { list-style: none; margin: 0; padding: 0;}


/*顶部*/
.head { width: 100%; overflow: hidden; position: relative;background:#027f71;  }
/*banner*/
.slideBox { width: 1920px; overflow: hidden; position: relative; left:50%; margin-left:-960px;}
.slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 2px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; }
.slideBox .hd ul li.on { background: #f00; color: #fff; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd ul { width: 100%; overflow: hidden; margin: 0; padding: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; }
.slideBox .bd img { width: 100%; height: 684px; display: block; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev, .slideBox .next { position: absolute; left: 3%; top: 47%; margin-top: -25px; display: block; width: 48px; height: 77px; filter: alpha(opacity=50); opacity: 0.5; }
.slideBox .next { left: auto; right: 0px; background: url(http://oldfile.4e8.com/skin/ls6453/"img/banner_right.png") no-repeat; }
.slideBox .prev { left:0; background: url(http://oldfile.4e8.com/skin/ls6453/"img/banner_left.png") no-repeat; }
.slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }
.slideBox .prevStop { display: none; }
.slideBox .nextStop { display: none; }
.head .nav { width:1200px; overflow:hidden; margin:0 auto; }
.head .nav ul { position:absolute; z-index:2; width:1200px;margin-top:20px; }
.head .nav ul li{ width: 150px; float: left; color: #fff;}
.head .nav ul .logo{ width: 272px;}
.head .nav ul li a{ display: block; color: #fff; font-size: 16px; line-height: 50px; font-weight:bold; text-align:center;}
/*首页*/
.index_about{ width: 1200px; overflow: hidden; margin: 80px auto; font-size: 14px; color: #989898; }
.index_about .left{ width: 663px; overflow: hidden;}
.index_about .left h2{ display: block; font-size: 16px; color: #01544a; font-weight: normal; margin-bottom: 37px;}
.index_about .left h2 p{ font-size: 24px; color: #01544a; width: auto; float: left; margin-right: 10px; font-weight:bold;}
.index_about .left h2 span{ display: block; font-size: 13px;}
.index_about .left a{ display: block; width: 99px; height: 37px; text-align: center; color:#989898; border: 1px solid #969696; line-height: 37px; margin-top: 37px; }
.index_about .right{ width: 471px; overflow: hidden;}
.index_about .right li{ width: 157px; height: 157px; float: left;}
.index_about .right li a{ padding: 15px; color: #fff; display: block; width: 127px; height: 127px; font-size: 12px;}
.index_about .right li span{ display: block; font-size: 18px; padding-bottom: 12px; background: url(http://oldfile.4e8.com/skin/ls6453/img/about_right_line.jpg) left bottom no-repeat; margin-bottom: 12px; }
.index_about .right .yellow{ background: #ffa700;}
.index_about .right .green{ background: #01544a;}
.index_about .right .black{ background: url(http://oldfile.4e8.com/skin/ls6453/img/about_right_03.jpg) no-repeat;}
.index_case{ width: 100%; overflow: hidden; padding: 50px 0; background:#f6f6f6;}
.index_title{ width: 100%; overflow: hidden; color: #01544a; text-align: center;}
.index_title span{ font-size: 24px; display: block; padding-bottom:15px; background: url(http://oldfile.4e8.com/skin/ls6453/img/index_title_line.png) center bottom no-repeat; margin-bottom: 10px; font-weight: bold;}
.index_case .multipleColumn{  position:relative; width:1200px; margin: 30px auto auto auto; }
.index_case .multipleColumn .hd{ position: relative;}
.index_case .multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block;  width:30px; height:56px; float:right; overflow:hidden;  cursor:pointer; position: absolute; z-index: 99; top:180px;}
.index_case .multipleColumn .hd .prev{ background: url(http://oldfile.4e8.com/skin/ls6453/"img/index_yuzhong_left.png") no-repeat; left:-50px;}
.index_case .multipleColumn .hd .next{ background: url(http://oldfile.4e8.com/skin/ls6453/"img/index_yuzhong_right.png") no-repeat; right:-50px;}
.index_case .multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.index_case .multipleColumn .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; }
.index_case .multipleColumn .hd ul li.on{ background-position:0 0; }
.index_case .multipleColumn .bd{overflow:hidden; width: 100%;}
.index_case .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:1200px;  float:left; _display:inline;  }
.index_case .multipleColumn .bd ul li{ margin:8px; float:left; _display:inline; overflow:hidden; text-align:center; width: 283px; height:230px; line-height:30px; text-align:center; color:#333;}
.index_case .multipleColumn .bd ul li img{ width: 100%; height:196px;}
.index_case .multipleColumn .bd ul li a{ display: block; width:100%; height:196px; overflow:hidden;}
.index_case .multipleColumn .bd ul li a:hover img{-ms-transform:scale(1.1); /* IE 9 */    -webkit-transform: scale(1.1); /* Safari */    transform: scale(1.1); transition-duration:0.5s; -o-transition-duration:0.5s;  -ms-transition-duration:0.5s;-webkit-transition-duration:0.5s;}
.index_fwlc{ width: 100%; overflow: hidden; padding: 50px 0;}
.index_fwlc ul{ width: 1200px; margin: 30px auto 30px auto;}
.index_fwlc ul li{ float: left; width: 144px; margin:0 12px;}
.index_fwlc ul .jiantou{ width: 11px; background: url(http://oldfile.4e8.com/skin/ls6453/"img/fwlc_jiantou.png") center no-repeat; height: 150px;}
.index_fwlc ul li p{ width: 100%; height: 148px; overflow: hidden;}
.index_fwlc ul li span{ display: block; font-size: 18px; color: #333; margin: 10px auto 5px auto;}
.index_fwlc ul li a{ color: #989898; text-align: center;  display: block;}
.index_fwlc ul li a:hover img{transform: rotateY(180deg);    -webkit-transform: rotateY(180deg); transition-duration: 1s;}
.index_why{ width: 100%; background: url(http://oldfile.4e8.com/skin/ls6453/img/why_bg.jpg) bottom center no-repeat;}
.index_why img{ display: block; margin: 50px auto 50px auto;}
.index_news{ width: 100%; overflow:hidden; height: 383px; background: url(http://oldfile.4e8.com/skin/ls6453/img/index_news_bg.jpg) center no-repeat; padding: 60px 0 0 0; margin-bottom: 20px;}
.index_news ul{ width: 1200px; margin:20px auto auto auto;}
.index_news ul li{ width: 377px; height: 225px; overflow: hidden; border: 1px solid #e1e1e2; background: #fff; float: left; margin: 0 10px;}
.index_news ul li h2{ display:block; width:100%; overflow: hidden; font-weight: normal; line-height: 80px; height: 67px; overflow: hidden;}
.index_news ul li h2 p{ width: 67px; height:67px; float:left; display: block; background: #01544a; text-align: center; font-size: 12px; color: #fff; line-height: 33px;margin-right: 15px;}
.index_news ul li h2 p i{ display: block; width: 100%; height: 34px; background: #016f63; font-size: 16px; line-height: 34px;}
.index_news ul li a{ display: block; margin:20px; border-top:1px solid #e5e5e5; padding-top: 15px; line-height: 25px; font-size: 12px; color: #858585;}
.index_news ul li:hover{ box-shadow:0 0 10px #d7d7d7; -moz-box-shadow:0 0 10px #d7d7d7; -o-box-shadow:0 0 10px #d7d7d7; -ms-box-shadow:0 0 10px #d7d7d7; -webkit-box-shadow:0 0 10px #d7d7d7;}
.index_zzry{ width: 100%; overflow: hidden;}
.index_zzry .picScroll-left{ width:1200px;  position:relative; margin:40px auto; }
.index_zzry .picScroll-left .hd{ position: relative;}
.index_zzry .picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:30px; height:56px; float:right; margin-right:5px; cursor:pointer; position: absolute; top:90px;}
.index_zzry .picScroll-left .hd .prev{ background: url(http://oldfile.4e8.com/skin/ls6453/"img/index_yuzhong_left.png") no-repeat; left:-50px;}
.index_zzry .picScroll-left .hd .next{ background: url(http://oldfile.4e8.com/skin/ls6453/"img/index_yuzhong_right.png") no-repeat; right:-50px;}
.index_zzry .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.index_zzry .picScroll-left .hd ul li{ float:left;  width:30px; height:56px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; }
.index_zzry .picScroll-left .hd ul li.on{ background-position:0 0; }
.index_zzry .picScroll-left .bd{ width: 100%; overflow: hidden;}
.index_zzry .picScroll-left .bd ul{ overflow:hidden; zoom:1; width: 1200px; overflow: hidden;}
.index_zzry .picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width: 170px; height: 246px; margin:0 15px; }
.index_zzry .picScroll-left .bd ul li img{width:100%; height:100%;}
.link{ width: 1200px; overflow: hidden; margin: 0 auto;}
.link li{ width: auto; float:left; margin:5px;}
.link li a{ color: #858585;}
/*底部*/
.foot{ width: 100%; overflow: hidden; background: #323232;}
.foot .up{ width: 1200px; margin: 30px auto; overflow: hidden;}
.foot .up .left{  margin-right: 87px; color: #a3a3a3;}
.foot .up .left h2{ font-size: 16px; margin-bottom: 10px; color: #fff; font-weight: normal;}
.foot .up .liuyan{ width: 426px; overflow: hidden; }
.foot .up .liuyan input{ display: block; border: none; background: #4f4f4f; padding: 0 10px; width: 406px; color: #fff; height: 39px; line-height: 39px; margin: 10px 0; outline: medium;}
.foot .up .liuyan .tj{ width: 426px;}
.foot .up .lxfs{ width:400px; line-height: 25px;}
.foot .up .ewm{ width: 190px;}
.foot .up .ewm h2{font-size: 16px; margin-bottom: 10px; color: #fff; font-weight: normal; color: #fff; text-align: right;margin-right: 10px;}
.foot .up .ewm img{ float: right; width: 160px; margin-bottom: 10px; margin-right: 10px;}
.foot .bq{ width: 100%; overflow: hidden; background: #1b1b1b; color: #fff; line-height: 33px;}
.foot .bq span{ width: 1200px; margin: 0 auto; display: block;}
.foot .bq span i{ float: right;}



/*简介*/
.container { padding-bottom:100px; background: #fff; }
.container .wrap { width:1120px; height:auto !important; height:400px; min-height:400px; margin:0 auto; }
.wrap .sidebar { float:left; width:204px;overflow: hidden; }
.wrap .main { float:right; width:884px; }
.colPicTitle { width:202px; height:148px; background: #01544a; padding: 43px 0 0 26px; }
.colPicTitle h2 { color:#fff; font-size: 24px; line-height: 24px; font-weight: normal; text-transform: uppercase; }
.colPicTitle h2:after { content: ""; display: block; width: 33px; height: 3px; margin-top: 24px; background: #fff; }
.left_menu .current{position: relative;
    display: block;
    padding: 0 30px 0 22px;
    color: #717171;
    font-size: 14px;
    line-height: 60px;
    cursor: pointer; }
.menu { width: 202px; border: 1px solid #cfcfcf; border-top: none; margin-bottom: 50px; list-style:none; margin:0; padding:0; }
.menu li { /*padding: 19px 0;*/ border-top: 1px solid #cfcfcf; }
.menu li>a { position: relative; display: block; padding: 0 30px 0 22px; color: #717171; font-size: 14px; line-height: 60px; cursor:pointer; }
.menu li:hover{ background:#f6f6f6;}
.menu li:hover>a:before, .menu li.current>a:before { position: absolute; top: 50%; right: 18px; content: ""; margin-top: -8px; width: 16px; height: 16px; background: #4d4d4d; border-radius: 100%; }
.menu li:hover>a:after, .menu li.current>a:after { position: absolute; top: 50%; right: 19px; content: ""; margin-top: -4px; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 4px; }

.menu li:hover>a, .menu li.current>a { color: #4d4d4d; }
.menu li.current dl { display: block; }
.menu dl { display: none; padding: 0 22px; }
.menu dl dd { position: relative; margin-top: 10px; color: #8a8a8a; font-size: 12px; line-height: 14px; padding-left: 17px; }
.menu dl dd:after { content: ""; display: block; position: absolute; top: 8px; left: 0; width: 8px; height: 1px; background: #8a8a8a; }
.menu dl dd:hover, .menu dl dd.current { color: #4d4d4d; }
.menu dl dd:hover:after, .menu dl dd.current:after { background: #4d4d4d; }
.menu-b { width: 204px; }
.menu-b li { border-bottom: 1px solid #d9d9d9; padding: 20px 8px 17px 49px; }
.menu-b li a { position: relative; display: block; }
.menu-b li a:before { position: absolute; top: 50%; right: 0; content: ""; margin-top: -6px; width: 12px; height: 12px; background: #afafaf; border-radius: 100%; }
.menu-b li a:after { position: absolute; top: 50%; right: 3px; margin-top: -2px; content: ""; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 2px; }
.menu-b li span { display: block; color: #828282; font-size: 12px; line-height: 16px; }
.menu-b li em { display: block; color: #bfbfbf; font-size: 12px; line-height: 16px; text-transform: uppercase; }
.menu-b li:hover a:before { background: #4d4d4d; }
.menu-b li:hover span { color: #4d4d4d; }
.menu-b li.ico1 { background: url(http://oldfile.4e8.com/skin/xsmy4691/img/md-icon-1.png) no-repeat 5px center; }
.menu-b li.ico2 { background: url(http://oldfile.4e8.com/skin/xsmy4691/img/md-icon-2.png) no-repeat 5px center; }
.menu-b li.ico3 { background: url(http://oldfile.4e8.com/skin/xsmy4691/img/md-icon-3.png) no-repeat 5px center; }
.breadcrumbs { float:right; color:#4d4d4d; font-size: 12px; line-height: 12px; height: 12px; margin: 20px 0 10px; }
.breadcrumbs a { color:#a2a2a2; font-size: 12px; line-height: 16px; }
.breadcrumbs a:after { padding: 0 3px; content: ">"; }
.breadcrumbs a:hover { color: #4d4d4d; }
.colCurTit { clear: both; padding-bottom: 12px; margin-bottom: 26px; border-bottom: 1px solid #cfcfcf; overflow: hidden; }
.colCurTit i { float: left; display: block; position: relative; margin: 0 11px 0 6px; width: 23px; height: 23px; }
.colCurTit i:before, .colCurTit i:after { position: absolute; top: 0; left: 0; content: ""; width: 15px; height: 15px; background: #4d4d4d; opacity: 0.7; }
.colCurTit i:after { top: auto; left: auto; bottom: 0; right: 0; }
.colCurTit h2 { float: left; color: #535962; font-size: 24px; line-height: 24px; font-weight: normal; }
.colCurTit em { color: #979797; font-size: 24px; line-height: 24px; text-transform: uppercase; }
.pro-fh { display: block; margin: 80px 0 40px; width: 120px; height: 26px; background: #eee; border-radius: 4px; color: #999; font-size: 14px; line-height: 26px; text-align: center; }
.pro-fh:hover { background: #00a0e9; color: #fff; }
/* article */
.article { line-height:200%; word-wrap:break-word; text-align:justify; }
.article h1{ font-size:18px; display:block; text-align:center; line-height:40px; margin-bottom:20px; color:#535962}
.article img, .article table { max-width: 750px; }
#dituContent img { max-width: 2000px; }
#dituContent { width: 754px !important; }


/* news */

.news li { clear: both;padding: 15px 5px 15px 5px;border-bottom: 1px solid #d7d7d7;}
.news li img { float: left; padding-right: 30px;}
.news li h2 a { display: block; padding: 7px 0 10px; color: #535962; font-size: 16px; line-height: 22px; font-weight: normal;}
.news li h2 a:hover {color: #4d4d4d;}
.news li em { color: #a2a2a2; font-size: 12px; line-height: 12px; display: block; padding-bottom: 20px;}
.news li p { color: #a2a2a2; font-size: 12px; line-height: 20px;}

.news-tittle { width: 754px; height: 68px; background: #d6d7d9; margin-bottom: 25px;}
.news-tittle h2 { padding: 16px 0 10px; color: #696969; font-size: 14px; line-height: 14px; text-align: center;}
.news-tittle p { display: table; margin: 0 auto;}
.news-tittle span { margin: 0 12px; color: #696969; font-size: 12px; line-height: 12px;}
.news-page { margin-top: 40px; padding-top: 20px; border-top: 1px solid #d7d7d7;}
.news-page a { display: block; color: #656565; font-size: 12px; line-height: 30px;}
.news-page a:hover { color: #4d4d4d;}
/* page */
.page { color:#000; line-height:24px; clear:both; display:table; margin:50px auto 0;  }
.page a:nth-child(2) { border:0;}
.page a { float:left; padding:0 15px; color:#b7b7b7; margin-top: 3px; font-size: 12px; line-height: 12px; border-left:1px solid #b7b7b7; display:table-cell; }
.page a.prev { background: #b7b7b7; width:24px; height:17px; line-height: 17px; color: #fff; text-align: center; display:block; border:0; padding:0; margin:0;}
.page a.next { background: #b7b7b7; width:24px; height:17px; line-height: 17px; color: #fff; text-align: center; display:block; border:0; padding:0; margin:0;}
.page a:hover,.page a.current { color:#4d4d4d; }
.page a.prev:hover,.page a.next:hover { background: #4d4d4d; color: #fff;}

/*产品列表*/
.productlist {line-height:200%; word-wrap:break-word; text-align:justify; }
.productlist ul  { width:100%; overflow:hidden; }
.productlist ul li { display:block; width: 266px; height: 275px; float: left;    margin: 0 13px 20px 13px;border: #ebebeb 1px solid; text-align: center;}
.productlist ul li a { display: block; /* width: 252px; */ height: 292px; background: url(http://oldfile.4e8.com/skin/xsmy4691/img/lipicyinying.png) no-repeat 8px 276px; /* float: left; */ /* margin: 0 auto; */ margin: 0; overflow: hidden; }
.productlist ul li a img { max-width:266px; height:227px; overflow:hidden; display:block; margin:0 auto;}
.productlist ul li a:hover img { filter:alpha(opacity=60); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.productlist ul li a span { font-size:14px; width: 90%; line-height: 40px; display: block; overflow: hidden; margin: 0 auto; }
.productlist ul li a:hover span { font-size:14px; width: 90%; line-height: 40px; display: block; overflow: hidden; margin: 0 auto; color:#d85d24; }

.menu{ width:202px; overflow:hidden; margin:0; padding:0}
.menu .left_menu{ width:100%; overflow:hidden;}
.menu .left_menu ul{ margin:0; padding:0; overflow:hidden;}
.menu .left_menu ul .left_menu_2{ text-indent:1em;}
.mF_kdui_pcbanner{background:#000 !important;}

.left_lx{ width:100%; overflow:hidden; height:377px; background:url(http://oldfile.4e8.com/skin/ls6453/img/left_lx_bg.png) no-repeat; margin-top:20px;}
.left_lx span{ display:block;width: 75%;margin: 0 auto;margin-top: 80px;}
#inputform105{ width:100%; overflow:hidden; margin:0 auto; border-bottom:1px dashed #dbdbdb; padding-bottom:30px;}
#inputform105 table{ margin:0 auto;}
#inputform105 table input{ width:290px; border:1px solid #dbdbdb; height:40px; line-height:40px; color:#535962; padding:0 10px;}
#inputform105 table textarea{ border:1px solid #dbdbdb; color:#535962; padding:10px;margin-top: 10px;}
#inputform105 div input{ border:none; width:110px; height:40px; margin:10px;}
#inputform105 div{ width:260px; margin:0 auto;}
#inputform105 div .submit{ background:#01544a; color:#fff;}
#inputform105 div .chongzhi{ background:#e1e1e1;color:#535962;}
.lynr{ padding:15px; overflow:hidden;background:#f7f7f7; color:#535962; margin-top:20px;}
.lynr h2{ font-weight:normal; display:block; line-height:30px;}
.lynr span{ display:block; width:100%; overflow:Hidden;}
.lynr i{ color:#afafaf; display:block;}