@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: 12px; 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: #646464; font-size: 12px; }
a:hover { text-decoration: none; color: #646464; }
a:focus { outline: none; color: #646464; }
body, p { font: normal 12px tahoma, Microsoft YaHei, \5FAE\8F6F\96C5\9ED1, \5B8B\4F53; color: #333; line-height: 24px; }
.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; }
/*顶部*/
.header { width: 100%; overflow: hidden; }
.header .top { width: 100%; overflow: hidden; background: #0c0c0c; }
.header .top .box { width: 1100px; overflow: hidden; color: #767676; margin:0 auto; line-height: 35px; }
.header .top .box p { display: block; float: right; color: #767676; }
.header .top .box p span { color: #fbc412; }
.header .dh { width: 1100px; height: 76px; margin:0 auto; }
.header .dh .logo { width: auto; height: 76px; line-height: 76px; float: left; font-size: 28px; color: #0c0c0c; }
.header .dh ul { width: auto; float: right; height: 76px; }
.header .dh ul li { float: left; height: 76px; }
.header .dh ul li a { display: block; line-height: 76px; text-align: center; padding:0 25px; font-size: 14px; }
.header .dh ul li a:hover { border-top:2px solid #fbc412; line-height:71px; }
/*banner*/
.index_banner { width: 100%; overflow: hidden; }
.index_banner .slideBox { width: 1920px; overflow: hidden; position: relative; left:50%; margin-left: -960px; }
.index_banner .slideBox .bd { width: 100%; overflow: hidden; }
.index_banner .slideBox .bd ul { width:100%; overflow: hidden; }
.index_banner .slideBox .bd ul li { width: 100%; overflow: hidden; }
.index_banner .slideBox .bd ul li img { display: block; overflow: hidden; }
.index_banner .slideBox .next, .index_banner .slideBox .prev { width: 40px; height: 41px; position:absolute; z-index: 1; top:250px; }
.index_banner .slideBox .prev { background: url(http://oldfile.4e8.com/skin/mb7427/img/banner_left.jpg) no-repeat; left:50%; margin-left: -600px; }
.index_banner .slideBox .next { background: url(http://oldfile.4e8.com/skin/mb7427/img/banner_right.jpg) no-repeat; right:50%; margin-right: -600px; }
.index_banner .slideBox .prev:hover { background: url(http://oldfile.4e8.com/skin/mb7427/img/banner_hover_left.jpg) no-repeat; }
.index_banner .slideBox .next:hover { background: url(http://oldfile.4e8.com/skin/mb7427/img/banner_hover_right.jpg) no-repeat; }
/*首页关于我们*/
.index_about { width: 1100px; overflow: hidden; margin: 50px auto; }
.index_about .left { width: 600px; overflow: hidden; float:left; color: #777; }
.index_about .left p { display: block; font-size: 32px; line-height: 60px; color: #333; margin-bottom: 15px; }
.index_about .left p img { display: block; }
.index_about .left a { display: block; width: 116px; background: #fbc412; text-align: center; line-height: 40px; color: #333; margin-top: 30px; }
.index_about .right { display: block; width: 442px; height: 299px; }
.index_pro { width: 100%; overflow: hidden; background: #f7f7f7; padding:40px 0 50px 0; position: relative; top:100px; }
.index_pro .title { width: 100%; font-size: 36px; line-height: 76px; text-align: center; }
.index_pro .title img { display: block; margin: 0 auto; }
.index_pro .nav { width: 1100px; overflow: hidden; margin: 20px auto; }
.index_pro .nav li { width: 129px; float: left; background: #fff; margin:4px; }
.index_pro .nav li a { display: block; text-align: center; font-size: 14px; line-height: 40px; }
.index_pro .nav li a:hover { color:#fff; font-weight:bold; }
.index_pro .nav li:hover { background: #fbc412; color:#fff; }
.index_pro .nr, .index_case .nr { width: 1100px; overflow: hidden; margin: 0 auto; }
.index_pro .nr li, .index_case .nr li { width: 266px; height: 202px; overflow: hidden; float: left; margin: 4px; position: relative; }
.index_pro .nr li img, .index_case .nr li img { display:block; width: 100%; height: 100%; }
.index_pro .nr li p, .index_case .nr li p { width: 100%; height: 100%; display: none; background: url(http://oldfile.4e8.com/skin/mb7427/img/index_pro_hover_bg.png); position: absolute; top: 0; padding-top: 60px; text-align: center; font-size: 24px; color: #fff; }
.index_pro .nr li p img, .index_case .nr li p img { width: auto; height: auto; margin: 20px auto; }
.index_pro .nr li:hover p, .index_case .nr li:hover p { display: block; }
.index_pro .nr li a, .index_case .nr li a { display: block; }
.index_more { display: block; width:155px; height: 37px; line-height: 37px; margin: 20px auto auto auto; border: 2px solid #fbc412; text-align: center; }
.index_more:hover { background:#fbc412; color:#fff; }
/*首页新闻*/
.index_news { width:1100px; overflow: hidden; margin: 0 auto; padding:40px 0; position: relative; top:100px; }
.index_news .title { width: 100%; font-size: 36px; line-height: 76px; text-align: center; }
.index_news .title img { display: block; margin: 0 auto; }
.index_news ul { display: block; width: 100%; overflow: hidden; margin: 30px 0; }
.index_news ul li { width: 340px; height: 390px; float: left; margin:0 8px; position: relative; }
.index_news ul li a { display: block; font-size: 12px; color: #afafaf; line-height:20px; }
.index_news ul li a img { display: block; width:330px; height: 199px; padding:0 10px; border-left:2px solid #fbc412; }
.index_news ul li a p { display: block; font-size: 18px; line-height: 50px; }
.index_news ul li a span { display: block; font-size: 14px; color: #8b8b8b; margin-bottom:10px; }
.index_news ul li a i { display: block; width: 65px; height: 50px; position: absolute; z-index: 1; background: #fbc412; line-height: 50px; text-align: center; color: #222222; font-size: 14px; }
/*首页案例*/
.index_case { background: #f7f7f7; overflow: hidden; padding:40px 0 50px 0; position: relative; top:100px; }
.index_case .title { width: 100%; font-size: 36px; line-height: 76px; text-align: center; margin-bottom: 20px; }
.index_case .title img { display: block; margin: 0 auto; }
.index_link { width: 1100px; overflow: hidden; margin:  0 auto; }
.index_link li { float: left; margin: 10px; line-height: 40px; }
.foot { background: #222222; overflow: hidden; }
.foot .content { width: 1100px; margin: 10px auto; overflow: hidden; }
.foot .content .l { color: #bfbfbf; font-size: 12px; margin-top: 20px; }
.foot .content .c { width: 300px; overflow: hidden; margin-left: 200px; }
.foot .content .c li { width: 20%; float: left; overflow: hidden; text-align: center; }
.foot .content .c li a { color: #bfbfbf; }
.foot .content .r img { width: 117px; height: 117px; }
.foot .bottom { background: #000000; line-height: 50px; text-align: center; color: #fff; }
/*内页banner*/
.nei_banner { width: 100%; overflow: hidden; }
.nei_banner .slideBox { width: 1920px; overflow: hidden; position: relative; left:50%; margin-left: -960px; }
.nei_banner .slideBox .bd { width: 100%; overflow: hidden; }
.nei_banner .slideBox .bd ul { width:100%; overflow: hidden; }
.nei_bannerr .slideBox .bd ul li { width: 100%; overflow: hidden; }
.nei_banner .slideBox .bd ul li img { display: block; overflow: hidden; }
.nei_banner .slideBox .next, .nei_banner .slideBox .prev { width: 40px; height: 41px; position:absolute; z-index: 1; top:160px; }
.nei_banner .slideBox .prev { background: url(http://oldfile.4e8.com/skin/mb7427/img/banner_left.jpg) no-repeat; left:50%; margin-left: -600px; }
.nei_banner .slideBox .next { background: url(http://oldfile.4e8.com/skin/mb7427/img/banner_right.jpg) no-repeat; right:50%; margin-right: -600px; }
.nei_banner .slideBox .prev:hover { background: url(http://oldfile.4e8.com/skin/mb7427/img/banner_hover_left.jpg) no-repeat; }
.nei_banner .slideBox .next:hover { background: url(http://oldfile.4e8.com/skin/mb7427/img/banner_hover_right.jpg) no-repeat; }
/*内页公用*/
.main { width: 1100px; overflow: hidden; margin: 30px auto; }
.main .nei_title { width: 100%; overflow: hidden; position: relative; }
.main .nei_title h2 { display: block; font-size: 36px; font-weight: normal; line-height: 60px; width: 99%; margin:0 auto; }
.main .nei_title h2 span { display: block; width:36px; height: 2px; background: #080808; }
.main .nei_title h2 p { display: block; position: absolute; right: 0; top:30px; color: #777; font-size: 12px; right:10px; }
.main .nei_title .nav { width: 1100px; overflow: hidden; margin: 20px 0; }
.main .nei_title .nav li { width: 129px; float: left; background: #fff; margin:4px; }
.main .nei_title .nav .on { background: #fbc412; color:#fff; font-weight:bold; }
.main .nei_title .nav .on a { color:#fff; }
.main .nei_title .nav li a { display: block; text-align: center; font-size: 14px; line-height: 40px; }
.main .nei_title .nav li a:hover { color:#fff; font-weight:bold; }
.main .nei_title .nav li:hover { background: #fbc412; }
.main .prolist { width: 1100px; overflow: hidden; }
.main .prolist li { width: 266px; height: 202px; overflow: hidden; float: left; margin: 4px; position: relative; }
.main .prolist li img { display:block; width: 100%; height: 100%; }
.main .prolist li p { width: 100%; height: 100%; display: none; background: url(http://oldfile.4e8.com/skin/mb7427/img/index_pro_hover_bg.png); position: absolute; top: 0; padding-top: 60px; text-align: center; font-size: 24px; color: #fff; }
.main .prolist li p img { width: auto; height: auto; margin: 20px auto; }
.main .prolist li:hover p { display: block; }
.main .prolist li a { display: block; }
.main .list_num { margin:20px 0; }
.tj_news { width:100%; overflow: hidden; margin: 0 auto; padding:40px 0 10px 0; background: #fff; }
.tj_news .title { width: 100%; font-size: 36px; line-height: 76px; text-align: center; }
.tj_news .title img { display: block; margin: 0 auto; }
.tj_news ul { display: block; width: 1100px; overflow: hidden; margin: 30px auto; }
.tj_news ul li { width: 340px; height: 355px; float: left; margin:0 8px; position: relative; }
.tj_news ul li a { display: block; font-size: 12px; color: #afafaf; line-height:20px; }
.tj_news ul li a img { display: block; width:330px; height: 199px; padding:0 10px; border-left:2px solid #fbc412; }
.tj_news ul li a p { display: block; font-size: 18px; line-height: 50px; }
.tj_news ul li a span { display: block; font-size: 14px; color: #8b8b8b; margin-bottom: 10px; }
.tj_news ul li a i { display: block; width: 65px; height: 50px; position: absolute; z-index: 1; background: #fbc412; line-height: 50px; text-align: center; color: #222222; font-size: 14px; }
.tj_pro .nr { margin-top: 30px; }
.newslist { width: 100%; overflow: hidden; position: relative; }
.newslist li { width: 530px; height: 200px; float: left; margin:8px; position: relative; overflow: hidden; }
.newslist li:hover { border: none; overflow: hidden; }
.newslist li a { display: block; font-size: 12px; color: #afafaf; padding: 10px 20px; border:1px solid #eaeaea; height: 178px; }
.newslist li a p { display: block; font-size: 18px; line-height: 50px; }
.newslist li a span { display: block; font-size: 14px; color: #8b8b8b; }
.newslist li a i { display: block; width: 65px; height: 50px; position: absolute; z-index: 1; background: #fbc412; line-height: 50px; text-align: center; color: #222222; font-size: 14px; }
.newslist li .biankuang { width: 100%; height: 1px; position: absolute; z-index: 1; display: block; }
.newslist li .biankuang_1 { height: 1px; top: 1px; left: 0px; border-left: 1px solid #ffba00; }
.newslist li .biankuang_2 { width: 0px; bottom: 0px; left: 0px; border-top: 1px solid #ffba00; }
.newslist li .biankuang_3 { height: 0px; bottom: 1px; right: 0px; border-right: 1px solid #ffba00; }
.newslist li .biankuang_4 { width: 0px; top: 0px; right: 0px; border-bottom: 1px solid #ffba00; }
.about { width: 100%; overflow: hidden; }
.about h1 { display: block; font-size: 24px; font-weight:normal; }
.about .jianjie { display: block; overflow: hidden; }
.about .jianjie p { display: block; float: left; font-size: 12px; line-height: 60px; color: #777; }
.bdshare-button-style1-16 { margin-top: 15px; }
.opera { width: 100%; border-top:1px solid #d0d0d0; margin-top: 30px; padding-top: 30px; height: 40px; }
.opera p { display: block; float: left; }
.opera span { position: relative; top: -30px; }
.opera img { position: relative; top:10px; width: 60px; height: 60px; }
.tj_pro { background:#fff; }
/*留言反馈表单样式*/
.channelform { margin-top:20px; }
.channelform th { text-align:right; }
.channelform input { border: 1px dotted #CCC; width:80%; height:35px; line-height:35px; }
.channelform textarea { border: 1px dotted #CCC; width:80%; }
.channelform .submit { border: 1px dotted #CCC; width:160px; }