@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 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: "Microsoft YaHei"; font-size: 14px; background: none; color: #333333; }
body { background: #f9f9f9 !important; }
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: #646464; }
a:focus { outline: none; color: #646464; }
body { font: normal 14px tahoma, Arial, \5FAE\8F6F\96C5\9ED1, \5B8B\4F53; color: #646464; 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 { margin: 0; padding: 0; list-style: none; }
/*通用头部*/
.topbg { width:100%; height:100px; background:#fff; webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); position: fixed; z-index:10; }
.top { width:1100px; margin:0 auto; }
.top .Left { font-size:24px; line-height:60px; }
.top .Left h1 { float: right; line-height:100px; font-weight: normal; font-size: 22px; }
.top .Left img { max-height:100px; overflow:hidden; }
.top .Right { width:700px; }
.nav ul .on { color:#333; z-index:111; font-weight:bold; }
.nav ul .on:hover { }
.nav { width:100%; margin:0 auto; height:100px; }
.nav ul li { width:100px; float:left; line-height: 100px; text-align:center; position:relative; }
.nav ul li a { width:100px; display:block; color:#333; }
.nav ul li a:hover { background:url(http://oldfile.4e8.com/skin/mrfa8871/img/navhover.jpg) 20px 70px no-repeat; color:#333; z-index:111; }
.nav ul li:after { background:url(http://oldfile.4e8.com/skin/mrfa8871/img/hover.png) no-repeat center; color:#333; z-index:111; font-weight:bold; }
.nav ul li:hover:after { background:url(http://oldfile.4e8.com/skin/mrfa8871/img/navhover.jpg) no-repeat center; color:#333; z-index:111; }
.nav .m .sub { width:100px; overflow: hidden; position: absolute; top:100px; z-index: 999; display: none; margin:0; padding:0; list-style:none; }
.nav .m .sub li { width:100px; line-height:40px; overflow: hidden; background: #81b441; margin:1px 0; }
.nav .m .sub li a { width:100px; line-height:40px; overflow: hidden; background: #81b441; margin:1px 0; color:#fff; font-weight:normal; }
.nav .m .sub li a:hover { width:100px; line-height:40px; overflow: hidden; background: #81b441; color:#fff; }
.nav ul .m .sub li:hover:after { display: none; }
/*banner*/

/* 本例子css */
.banner { width:100%; position: relative; overflow: hidden; top: 100px; }
.banner .pic { position:absolute; width:1920px; height:497px; z-index:0; margin-left:-960px; left:50%; padding:0; list-style:none; }
.banner .pic img { width:1920px; height:497px; display: block; }
.banner .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.banner .hd li { margin: 0 auto; background: url(http://oldfile.4e8.com/skin/mrfa8871/img/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display:inline-block; *display:inline;
zoom:1; _background: url(http://oldfile.4e8.com/skin/mrfa8871/img/dot8.png) no-repeat 0 -16px; }
.banner .hd .on { background-position:0 0; }
.banner .prev, .banner .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(http://oldfile.4e8.com/skin/mrfa8871/img/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20); opacity:0.2; }
.banner .prev { left: 10%; }
.banner .next { background-position: 0 -90px; right: 10%; }
.banner .prev:hover, .banner .next:hover { filter:alpha(opacity=50) !important; opacity:0.5 !important; }
.youshi { width:1100px; margin:0 auto; padding: 150px 0 50px; overflow:hidden; transition: all 0.4s ease-in-out; }
.youshi .l { width:350px; overflow:hidden; }
.youshi .c { width:350px; overflow:hidden; margin-left:25px; margin-right:10px; }
.youshi .r { width:350px; overflow:hidden; }
.youshi_text { color:#999; margin-top:10px; }
.icon { width:96px; height:96px; overflow:hidden; margin:0 auto; }
.icon img:hover { transition: background .6s ease;
}
.icon img:hover, .icon img:focus { -webkit-transform: rotate(-1080deg); -ms-transform: rotate(-1080deg); transform: rotate(-1080deg); }
.youshi_text span { font-size:18px; display:block; margin:0 auto; display:block; color:#333; line-height:30px; text-align:center; }
/*关于我们*/
.aboutbg { width:100%; overflow:hidden; height:480px; background:#f4f3f3; margin:0 auto; }
.inx_about { width:1100px; overflow:hidden; margin:50px auto; }
.inx_about .left { width:540px; overflow:hidden; }
.inx_about .right { width:540px; overflow:hidden; background:url(http://oldfile.4e8.com/skin/mrfa8871/img/abr.png) no-repeat right top; }
.title h2 { font-size:18px; font-weight:normal; display: initial; }
.title span { color:#81b441; margin-right:10px; }
.title .en { font-size:18px; line-height:40px; }
.Slogan { font-size:30px; line-height:50px; }
.inx_about .right img { width:520px; height:352px; margin-top:30px; margin-right:30px; }
.inx_pro { width:1100px; margin:30px auto; overflow:hidden; }
.title1 { text-align: center; font-size:26px; line-height:50px; background:url(http://oldfile.4e8.com/skin/mrfa8871/img/titlebg.png) no-repeat center center; }
.title1 h2 { font-size:18px; font-weight:normal; display: initial; }
.title1 span { color:#81b441; margin-right:10px; }
.inx_fenlei { width:1100px; margin:10px auto; }
.inx_fenlei ul { width: 100%; overflow: hidden; text-align: center; }
.inx_fenlei ul li { display: inline-block; margin: 0 3px; }
.inx_fenlei ul li a { height:33px; line-height:33px; display:block; text-align:center; border: 1px solid #eaeaea; }
.inx_fenlei ul li a:hover { background:url(http://oldfile.4e8.com/skin/mrfa8871/img/fenleia.jpg) no-repeat left center; }
/*首页产品展示*/
.pro_box { width:1100px; margin:20px auto; height:490px; }
.pro_box ul { width:1100px; overflow:hidden; }
.pro_box ul li { width:268px; height:240px; overflow:hidden; margin:3px 3px; float:left; }
.pro_box ul li a { width:268px; height:240px; display:block; }
.pro_box ul li a i { width:268px; height:172px; overflow:hidden; display:block; background:#fff; }
.pro_box ul li span { width:266px; height:50px; margin-top:5px; line-height:52px; display:block; text-align:center; border: #f1f1f1 1px solid; margin-top:5px; }
.pro_box ul li span:hover { background:#f9faf9; color:#81b441; }
.pro_box ul li img:hover { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; }
.pro_box ul li a i img { width:100%; height:100%; }
/*新闻中心*/
.inx_news { width:100%; margin:0 auto; overflow:hidden; background:#f4f3f3; padding: 40px 0 30px; }
.hot_news { width:1100px; overflow:hidden; margin:0 auto; height: 210px; }
.hot_news .left { width:192px; height:192px; }
.hot_news .left img { width:192px; height:192px; border:#81b441 6px solid; }
.hot_news .center { width:660px; margin-left:40px; }
.hot_news .center span { font-size:18px; display:block; line-height:40px; }
.hot_news .center em { color:#81b441; font-weight:bold; }
.hot_news .center em a { display:block; color:#81b441; line-height:50px; background:url(http://oldfile.4e8.com/skin/mrfa8871/img/titlebf.jpg) no-repeat left bottom; }
.hot_news .right { width:160px; height:200px; background:url(http://oldfile.4e8.com/skin/mrfa8871/img/newszs.png) no-repeat right bottom; }
.title2 { background:url(http://oldfile.4e8.com/skin/mrfa8871/img/titlebf.jpg) no-repeat top right; text-align:right; }
.title2 h2 { font-size:18px; font-weight:normal; display: initial; }
.title2 span { color:#81b441; margin-right:10px; display:block; line-height:40px; font-size: 18px; }
.newslist { width:1100px; margin:20px auto; overflow:hidden; margin: 20px auto 10px; }
.newslist ul { width:100%; height:140px; overflow:hidden; }
.newslist ul li { width: 345px; line-height: 30px; float: left; margin: 0 10px; }
.inx_news ul li span { float:right; color:#999; }
.inx_news ul li a { width:100%; display:block; line-height:30px; background:url(http://oldfile.4e8.com/skin/mrfa8871/img/newsli.jpg) no-repeat left center; text-indent:14px; }
.inx_news ul li a:hover { width:100%; line-height:30px; background:url(http://oldfile.4e8.com/skin/mrfa8871/img/newsli.jpg) no-repeat left center; text-indent:14px; color:#87b005; }
/*成功案例*/
.inx_case { width:100%; margin:15px auto 0; padding:20px 0; overflow:hidden; }
.case_box { width:1100px; margin: 20px auto 0; height:246px; }
.case_box ul { width:1100px; overflow:hidden; }
.case_box ul li { width:268px; height:240px; overflow:hidden; margin:3px 3px; float:left; }
.case_box ul li a { width:268px; height:240px; display:block; }
.case_box ul li a i { width:268px; height:172px; overflow:hidden; display:block; background:#fff; }
.case_box ul li span { width:266px; height:50px; margin-top:5px; line-height:52px; display:block; text-align:center; border: #f1f1f1 1px solid; margin-top:5px; }
.case_box ul li span:hover { background:#f9faf9; color:#81b441; }
.case_box ul li img:hover { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; }
.case_box ul li a i img { width:100%; height:100%; }
.readmore { margin: 0 auto; width: 142px; height: 40px; text-align: center; line-height: 40px; display: block; color: #fff; background: #81b441; display: block; }
.readmore a { color: #fff; background: #81b441; }
/*foot*/
.footbg { width:100%; background:#ededed; height:142px; overflow: hidden; }
.foot { width:1100px; overflow:hidden; margin:0 auto; padding:20px 0; }
.foot .l { width:900px; }
.foot .l ul { width:100%; overflow:hidden; }
.foot .l ul li { float:left; margin-right:20px; }
.foot .l ul li img { margin-right:10px; }
.foot .r { width:110px; height:110px; overflow:hidden; }
.foot .r img { width:110px; height:110px; overflow:hidden; }
.bq { width:100%; display:block; line-height:30px; margin-top:15px; }
.link { width:1100px; margin:10px auto; overflow:hidden; }
.link a { margin:0 5px; text-align:center; }
/*子页banner*/
.banner_ny { width:100%; position: relative; overflow: hidden; top: 100px; }
.banner_ny .pic { position:absolute; width:1920px; height:497px; z-index:0; margin-left:-960px; left:50%; padding:0; list-style:none; }
.banner_ny .pic img { width:1920px; height:380px; display: block; }
.banner_ny .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.banner_ny .hd li { margin: 0 auto; background: url(http://oldfile.4e8.com/skin/mrfa8871/img/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display:inline-block; *display:inline;
zoom:1; _background: url(http://oldfile.4e8.com/skin/mrfa8871/img/dot8.png) no-repeat 0 -16px; }
.banner_ny .hd .on { background-position:0 0; }
.banner_ny .prev, .banner .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(http://oldfile.4e8.com/skin/mrfa8871/img/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20); opacity:0.2; }
.banner_ny .prev { left: 10%; }
.banner_ny .next { background-position: 0 -90px; right: 10%; }
.banner_ny .prev:hover, .banner .next:hover { filter:alpha(opacity=50) !important; opacity:0.5 !important; }
/*关于我们*/
.main { width:1100px; margin:0 auto; padding: 120px 0 0; overflow:hidden; }
.title3 { text-align:left; min-height:50px; background:url(http://oldfile.4e8.com/skin/mrfa8871/img/leftmenu.png) no-repeat right bottom; margin-bottom:10px; }
.title3 h2 { font-size:18px; font-weight:normal; display: initial; background:url(http://oldfile.4e8.com/skin/mrfa8871/img/titlebf.jpg) no-repeat left bottom; }
.title3 span { color:#81b441; margin-right:10px; display:block; line-height:40px; font-size: 18px; }
.main .left { width: 260px; border: 1px solid #dcdcdc; padding: 10px; border-radius: 10px; }
.left_menu { width:100%; }
.left_menu ul li { line-height: 40px; /* background: #f3f3f3; */ margin: 2px 0; text-indent: 10px; }
.left_menu ul li a { width:100%; display:block; border-bottom: 1px solid #dcdcdc; }
.left_menu ul li a:hover { border-bottom: #72a837 1px solid; }
.left_menu ul li ul li {text-indent: 30px;}
.main .right { width: 790px; }
.title4 { width:100%; line-height:50px; overflow:hidden; border-bottom: #e0ead4 solid 3px; background:url(http://oldfile.4e8.com/skin/mrfa8871/img/titlebf.jpg) no-repeat left bottom; }
.title4 .l { font-size:18px; }
.box { width:100%; overflow:hidden; margin:10px auto; }
h1 { font-size:18px; font-weight:normal; line-height:30px; text-align:center;}
.date { text-align:center; margin-bottom:5px;}
.page { text-align:center; line-height:30px;}

/*新闻中心*/
.news { width:100%; overflow:hidden;margin:10px auto; }
.news ul { width:100%;overflow:hidden; }
.news ul li { width: 100%; line-height: 30px; }
.news ul li span { float:right; color:#999; }
.news ul li a { width:100%; display:block; line-height:30px; background:url(http://oldfile.4e8.com/skin/mrfa8871/img/newsli.jpg) no-repeat left center; text-indent:14px; }
.news ul li a:hover { width:100%; line-height:30px; background:url(http://oldfile.4e8.com/skin/mrfa8871/img/newsli.jpg) no-repeat left center; text-indent:14px; color:#87b005; }

.nytuijian { background:none;}
/*产品列表*/
.prolist { width:100%;overflow:hidden;    margin: 10px auto 0; }
.prolist ul { width:100%; overflow:hidden; }
.prolist ul li { width: 257px; height: 235px; overflow:hidden; margin:3px 3px; float:left; }
.prolist ul li a {width: 257px;height: 235px;display:block; }
.prolist ul li a i {width: 257px; height:168px; overflow:hidden; display:block; background:#fff; }
.prolist ul li span { width: 255px; height:50px; margin-top:5px; line-height:52px; display:block; text-align:center; border: #f1f1f1 1px solid; margin-top:5px; }
.prolist ul li span:hover { background:#f9faf9; color:#81b441; }
.prolist ul li img:hover { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; }
.prolist ul li a i img { width:100%; height:100%; }
#inputform105 { margin-top:20px; }
#inputform105 th { text-align:right; }
#inputform105 input { border: 1px dotted #CCC; width:80%; height:35px; line-height:35px; }
#inputform105 textarea { border: 1px dotted #CCC; width:80%; }
#inputform105 .submit {
    background-color: #6fac2a;
    width: 475px;
    cursor: pointer;
    height: 40px;
    border: none;
    color: #fff;
    margin-top: 10px;
}