@charset "utf-8"; /* CSS Document */ *{ margin:0; padding:0;} body{ font-family:"Microsoft YaHei"; font-size:14px;} img { border:0} a{ text-decoration:none} ul li{ list-style:none} h1,h2,h3,h4,h5,h6{ font-weight:normal;} em,i{ font-style:normal;} .fr{ float:right} .fl{ float:left} .clr{ clear:both} .line{ width:100%; overflow:hidden;} .menu_box{ width:1200px; height:92px; margin:0 auto; position:relative;} .menu_box .logo{ width:230px; float:left;} .menu{ width:850px; height:92px; position:relative; float:left;} .menu .lm{ width:105px; height:92px; float:left; position:relative} .menu a{ width:105px; height:92px; line-height:92px; margin:0; text-align:center; color:#000; float:left; font-size:16px; display:block; font-family:"微软雅黑";} .menu .lm:hover > a{ color:#00703D; /*font-weight:bold;*/ background:url(images/on.png) no-repeat center bottom;} .menu .lm > div{ min-width:100%; position:absolute; top:92px; left:0; z-index:100; display:none; background:#00703D;border-top: 2px solid #214066;} .menu .lm > div a{ display:block; width:100%; text-align:center; height:50px; line-height:50px; font-size:14px;color:#fff;white-space:nowrap; } .menu .lm > div div:hover a{ background:#00B15F;} .menu .lm > div > div{ position:relative; } .menu .lm > div > div .thi{ position:absolute; top:0; left:105px; display:none; } .menu .lm > div > div .thi a{ background:#00703D; } .menu .lm > div > div .thi > div:hover > a{ background:#00B15F; } .menu .lm > div > div .thi > div{ position:relative;} .menu .lm > div > div .thi > div .four{ position:absolute; top:0; left:105px; display:none; } .menu .lm > div > div .thi > div .four a{ background:#00703D; } .menu .lm > div > div .thi > div .four a:hover{ background:#00B15F; } .menu_lang{ width:120px; height:92px; float:right; line-height:92px; text-align:center; position:relative; background:url(images/language.png) no-repeat right center;} .menu_lang a{ color:#000;} .menu_lang .lang_box{ display:none; position:absolute; top:60px; left:15px; width:90px; text-align:center; line-height:30px; z-index:9999; background:#fff; border:1px solid #999;} .menu_lang .lang_box a{ display:block; width:100%;} .menu_lang .lang_box a:hover{ color:#B0ED41;} .banner { POSITION: relative; WIDTH: 100%; height: 550px; min-width: 1200px; } .banner .ban_c { POSITION: absolute; WIDTH: 100%; DISPLAY: none; HEIGHT: 100%; OVERFLOW: hidden; TOP: 0px; LEFT: 0px; } .banner .ban_c a { height: 100%; width: 100%; } .banner .ban_c IMG { POSITION: absolute; WIDTH: 100%; TOP: 0px; } .banner .ban_nav {bottom:38px;margin:0px auto;position: absolute;z-index: 7;LEFT: 50%;margin-left:-100px} .banner .ban_nav a.on { background-color:#6A9B0F;border:2px solid #6A9B0F;} .banner .ban_nav a { cursor: pointer; border:2px solid #6A9B0F; display: inline-block; width:8px; height:8px; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background-color:#fff;margin:0px 10px } /* 内页banner */ .banner_n{ width:100%; height:342px; background:url(images/banner_n.jpg) no-repeat center;} /* 产品中心 */ .prod_tit{ width:100%; height:50px; border-bottom:1px solid #D9DAD8; margin-top:20px;} .prod_tit p{ width:110px; height:49px; line-height:49px; text-align:center; margin:0 auto; border-bottom:3px solid #6A9B0F; color:#6A9B0F; font-weight:bold; font-size:24px;} .prod_type{ width:1200px; margin:30px auto 50px;} .prod_type a{ height:35px; line-height:35px; display:block; border-bottom:3px solid #727271; display:block; float:left; color:#727271; font-size:16px; padding: 0 2px 0 0; margin-right:36px; } .prod_type a i{ width:30px; height:35px;display:block;float:left;background:url(images/icon.png) no-repeat;} .prod_type a:hover , .prod_type a.on{ color:#6A9B0F;border-bottom:3px solid #6A9B0F;} .prod_type a:nth-child(1) i{ background-position: 3px 7px;} .prod_type a:nth-child(1):hover i , .prod_type a:nth-child(1).on i{ background-position: 3px -35px;} .prod_type a:nth-child(2) i{ background-position: -37px 7px;} .prod_type a:nth-child(2):hover i , .prod_type a:nth-child(2).on i{ background-position: -37px -35px;} .prod_type a:nth-child(3) i{ background-position: -77px 7px;} .prod_type a:nth-child(3):hover i , .prod_type a:nth-child(3).on i{ background-position: -77px -35px;} .prod_type a:nth-child(4) i{ background-position: -117px 7px;} .prod_type a:nth-child(4):hover i , .prod_type a:nth-child(4).on i{ background-position: -117px -35px;} .prod_type a:nth-child(5) i{ background-position: -157px 7px;} .prod_type a:nth-child(5):hover i , .prod_type a:nth-child(5).on i{ background-position: -157px -35px;} .prod_type a:nth-child(6) i{ background-position: -197px 7px;} .prod_type a:nth-child(6):hover i , .prod_type a:nth-child(6).on i{ background-position: -197px -35px;} .prod_type a:nth-child(7) i{ background-position: -237px 7px;} .prod_type a:nth-child(7):hover i , .prod_type a:nth-child(7).on i{ background-position: -237px -35px;} .prod_type a:nth-child(8) i{ background-position: -277px 7px;} .prod_type a:nth-child(8):hover i , .prod_type a:nth-child(8).on i{ background-position: -277px -35px;} .prod_type a:nth-child(9) i{ background-position: 3px 7px;} .prod_type a:nth-child(9):hover i , .prod_type a:nth-child(9).on i{ background-position: 3px -35px;} .prod_type a:nth-child(10) i{ background-position: -37px 7px;} .prod_type a:nth-child(10):hover i , .prod_type a:nth-child(10).on i{ background-position: -37px -35px;} .prod_type a:nth-child(11) i{ background-position: -77px 7px;} .prod_type a:nth-child(11):hover i , .prod_type a:nth-child(11).on i{ background-position: -77px -35px;} .prod_type a:nth-child(12) i{ background-position: -117px 7px;} .prod_type a:nth-child(12):hover i , .prod_type a:nth-child(12).on i{ background-position: -117px -35px;} .prod_type a:nth-child(13) i{ background-position: -157px 7px;} .prod_type a:nth-child(13):hover i , .prod_type a:nth-child(13).on i{ background-position: -157px -35px;} .prod_type a:nth-child(14) i{ background-position: -197px 7px;} .prod_type a:nth-child(14):hover i , .prod_type a:nth-child(14).on i{ background-position: -197px -35px;} .prod_type a:nth-child(15) i{ background-position: -237px 7px;} .prod_type a:nth-child(15):hover i , .prod_type a:nth-child(15).on i{ background-position: -237px -35px;} .prod_type a:nth-child(16) i{ background-position: -277px 7px;} .prod_type a:nth-child(16):hover i , .prod_type a:nth-child(16).on i{ background-position: -277px -35px;} .prods{ width:1200px; margin:0 auto;} .prods ul li{ padding-bottom:33px;} .prods .pic{ width:775px; height:300px; float:left;} .prods .pic img{ width:775px; height:300px;} .prods .info{ width:425px; height:300px; float:left; position:relative;} .prods .info .pic2{ width:100%; height:205px; text-align:center;} .prods .info .pic2 img{ max-width:100%; max-height:100%;} .prods .info h2{ width:100%; height:35px; line-height:35px; font-size:24px; color:#4d4d4d; font-weight:bold; text-align:center;} .prods .info2{ width:425px; height:300px; position:absolute; top:0; right:0; background:#88BA35; display:none;} .prods .info2 h3{ font-size:26px; font-weight:bold; color:#fff; text-align:center; line-height:100px; margin-top:70px;} .prods .info2 p{ width:220px; margin:0 auto; line-height:25px; text-align:left; font-size:16px; color:#fff;} /** 资讯中心 */ .news_box{ width:100%; padding:30px 0;} .news_con{ width:1200px; margin:0 auto;} .news_left{ width:820px; float:left;} .news_left .block{ width:774px; height:246px; padding:0 22px; border:1px solid #CECECE; border-top:0; float:left; background:#fff;} .news_left h2{ width:100%; height:60px; line-height:60px; color:#000; font-weight:bold; font-size:18px; margin-top:20px;} .news_left h2 a{ color:#000;} .news_left i{ font-size:14px; color:#c7c5c5; padding-bottom:15px; display:block;} .news_left .con{ font-size:14px; line-height:35px;} .news_right{ width:370px; float:right;} .news_right .pic1{ width:370px; height:165px; margin-bottom:10px;} .news_right .block{ width:324px; height:277px; padding:0 22px; border:1px solid #CECECE; background:#fff;} .news_right h2{ width:100%; height:60px; line-height:60px; color:#000; font-weight:bold; font-size:18px; margin-top:20px; text-align:center;} .news_right h2 a{ color:#000;} .news_right i{ font-size:14px; color:#c7c5c5; padding-bottom:15px; display:block; text-align:center;} .news_right .con{ font-size:14px; line-height:35px;} /** 底4块 */ .block4{ width:1222px; margin:0 auto;padding:30px 0 50px;} .block4 ul li{ width:282px; float:left; margin:0 11px;} .block4 ul li .tit{ width:100%; font-size:20px; font-weight:bold; color:#b5b8b0; font-family:'Arial'; line-height:50px;} .block4 ul li .tit span{ color:#6a9b0f; font-family:"Microsoft YaHei";} .block4 ul li p{ width:100%; line-height:30px; color:#474849; font-size:14px;} .main_box{ width:100%;} .main{ width:1200px; margin:0 auto; padding-bottom:30px;} .about_top { width: 1200px; margin: 0 auto; padding-top: 30px; } .about_topt { width: 720px; height: 55px; line-height: 55px; font-size: 30px; font-weight: bold; color: #00703D; float:left; } .about_topb { width: 480px; height: 55px; line-height: 55px; float:right; text-align:right; } .about_topb span { width: auto; height: 25px; line-height: 25px; color: #888; font-size: 12px; } .about_topb span a { width: auto; height: 25px; line-height: 25px; color: #888; font-size: 12px; text-decoration: none; } /* 左侧栏目 */ .left{ width:230px; float:left;border-top: 1px solid #ddd; margin-top:20px;} .left .column{ height:auto;} .left .column ul li{ padding:12px 0 12px 10px; font-size:14px; border-bottom: 1px solid #ddd; background:url(images/ab1_03.jpg) no-repeat 210px center;} .left .column ul li a{ width:100%; line-height:25px; display:block; color:#666;} .left .column ul li a:hover, .left .column ul li a.on{ color:#00703D;} /* 内页右侧 */ .right_n{ width:910px; float:right; min-height:800px; _height:800px; background:#fff;} .right_n .title{ width:100%; height:30px; line-height:30px; overflow:hidden; text-indent:28px; font-size:14px; color:#000; position:relative; border-bottom:1px solid #B70C15; font-family:"微软雅黑"; margin-bottom:2px;} .right_n .title .position{ float:right; margin-right:20px; font-size:12px; color:#000} .right_n .title .position a{ color:#000} .right_n .con{ padding:0 5px; line-height:30px; font-size:14px; color:#414141} .situa_tit{ display:none;} /* 新闻列表 */ ul.news_list{ width:95%; margin:0 auto} ul.news_list li{ width:100%; height:35px; line-height:35px; padding-top:5px; overflow:hidden; font-size:14px; position:relative; text-indent:18px; border-bottom:1px dotted #B3B3B3; background:url(images/dot.jpg) 5px 18px no-repeat } ul.news_list li a{ color:#414141} ul.news_list li a:hover{ text-decoration:underline;} ul.news_list li .date{ width:90px; font-size:14px; height:29px; line-height:39px; overflow:hidden; text-align:right; position:absolute; top:0; right:0; text-indent:0; color:#414141; font-family:"宋体"} /* 产品列表 */ ul.piclist li{ margin:20px 20px 0; float:left; width:240px;} ul.piclist li a.pic{ width:242px; height:180px; padding:1px; overflow:hidden; text-align:center; border:1px solid #00703D; display:block;} ul.piclist li a.pic img{ _width:240px; _height:180px; max-width:240px; max-height:180px;} ul.piclist li a.txt{ width:100%; height:40px; line-height:40px; display:block; text-align:center; font-size:14px; color:#595555} ul.piclist li a.txt:hover{ text-decoration:none} .bottom_box{ width:100%; background:#8DBC34;} .bottom_box .bottom{ width:1200px; margin:0 auto; font-size:14px; text-align:center; line-height:35px; padding:20px 0; color:#fff;} .bottom_box .bottom a{ color:#fff;} /* 分页CSS */ .pg { font-size: 12px; margin: 20px 0; text-align: center; width: 100%; color:#595555; } .pg span { background-color: #FFFFFF; border-color: #CCCCCC; border-style: solid; border-width: 1px; color: #999999; display: inline-block; height: 30px; line-height: 30px; margin: 0 3px; padding: 0 10px; text-align: center; } .pg a { background-color: #FFFFFF; border-color: #CCCCCC; border-style: solid; border-width: 1px; color: #000 !important; display: inline-block; height: 30px; line-height: 30px; margin: 0 3px; padding: 0 10px; text-decoration: none; }