html{ background:#fff; color:#515151; overflow-x:hidden;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0 auto;padding:0;} img{border:0;} ol,ul,li{list-style:none;} h1,h2,h3{font-weight:normal;font-size:100%;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;} input,textarea,select{*font-size:100%;} legend{color:#000;} a{color:inherit;text-decoration:none;} /*******CSS reset*************/ body{ background:#fff; color:#515151; font-size:14px; font-family:'寰蒋闆呴粦';} a{ color:#515151;} a:hover{color:#3ea838;} /*******CSS reset*************/ .f12{font-size:12px;} .f16{font-size:16px;} .bold{font-weight:bold;} .white{color:#fff;} .left{float:left;} .right{float:right;} .t_r{text-align:right;} .clear{clear:both;} .relative{position:relative;} .absolute{position:absolute;} .rel_center{position:relative;} .hidden{display:none;} .jj_pic{ float:left; margin:0 10px 0 0;} .nr_pic{ text-align:center; position:relative; width:100%;} .red{ color:#f00; font-weight:bold; padding-left:10px;} .nr_red{ color:#f00; font-weight:bold;} .scale:hover img { transform: scale(1.1, 1.1); } .scale img{ transition:transform 1s ease 0s} #indexNews{ float: right; width: 500px;} #indexNews li { height: 47px; list-style: none; border-bottom:1px dotted #949494; line-height: 47px; transition:all 0.3s linear 0s; } #indexNews li:hover { padding-left: 10px; font-weight: bold;} .Newstime { font-family: Arial, Helvetica, sans-serif; float:right; color:#999; } #lxwm_nr { margin: 0 20px 20px; font-size:14px; } #lxwm_nr p { line-height: 35px; border-bottom: 1px dotted #ccc; padding-left: 20px; } #prev_next{ border-top:1px solid #f0f0f0; margin-top:10px; padding-top:5px;} #prev_next li{ padding-left:10px; height:30px; line-height:30px;} #con_lx{ height:auto; overflow:hidden; line-height:2.0; font-size:14px; width:90%; margin-bottom:20px;} #con_lx p{ border-bottom:1px dotted #ccc; line-height:35px; padding-left:20px; transition:0.3s all 0s linear; } #con_lx p:hover{ background:#efefef; color:#000; border-bottom:1px solid #ccc; padding-left:30px;} /** header **/ #top{ width:1200px; height:120px;} #logo{ float:left; padding:25px 0 0 0;} #nav{ width:820px; height:120px; float: right;} #nav a{ display:block; float:left; width:117px; height:120px; line-height:120px; text-align:center; color:#000; transition:all 0.3s linear 0s;} #nav a:hover{ background: #50af49; color: #fff;} .flash{ width:100%;height:402px; margin:0 auto; text-align:center; position:relative; border-top: 4px solid #00923f;} .flash .flashBox {position:relative; margin:0 auto; width:1000px; height:402px; } /*淇敼灏哄1920 {position:absolute; width:1920px; left:-460px;}*/ /*淇敼灏哄1440 {position:absolute; width:1440px; left:-221px;}*/ .flash .flashBox .bd{position:absolute; width:1920px; left:-460px;} .flash .flashBox .bd img{width:100%; height: 402px;} /** footer **/ #yqlj_bj{ width: 100%; height: 53px; background: #3ea838;} #yqlj{ width: 1065px; color: #fff; background: url(../Image/yqlj.png) no-repeat left center; height: 53px; line-height: 53px; padding-left: 135px;} #yqlj a{ color: #fff; padding: 0 10px;} #end_bj{ background: #1e7319; width:100%; height:auto; overflow:hidden;} #end{ width:1200px; height:auto; overflow: hidden; line-height:28px; color:#fff; padding: 30px 0;} #end .right{ color: #6dce67; width: 800px; padding-top: 10px;} #end .right a{ color: #6dce67;} #end .right a:hover{ color: #fff;} /** main **/ .main{ width:1200px; height:auto; overflow:hidden; padding:30px 0;} #ssbj{ background: url(../Image/ssbj.jpg) no-repeat center top; width: 100%; height: 226px;} #ssbj .main{ background: url(../Image/wx.png) no-repeat right center; min-height: 164px;} #sstel{ background: url(../Image/tel.png) no-repeat left top; color: #ffcc00; font-family: "鏂规姝d腑榛戠畝浣?; line-height: 33px; font-size: 24px; padding-left: 80px;} #sstel p{ color: #fff; font-family: arial;} .ss{ width:465px; margin: 10px 0 0 0; height:43px; float: left; } .sou_left{float:left; width:325px; height:43px; border: none; border-radius: 5px; background: #fff; padding-left: 10px; text-align:left; color:#adacac; line-height:43px;} .ss_pic{ float:right; padding:0;} .picScroll-left{ width:1310px; overflow:hidden;} .picScroll-left .prev{ display:block; width:28px; height:51px; float:right; margin-left:5px; margin-top:80px; overflow:hidden; cursor:pointer;} .picScroll-left .next{ display:block; width:28px; height:51px; float:left; margin-right:5px; margin-top:80px; overflow:hidden; cursor:pointer;} .picScroll-left .bd{ padding:7px; float:left;} .picScroll-left .bd ul{ overflow:hidden; zoom:1;} .picScroll-left .bd ul li{ margin:0 7px; width:232px; height:270px; float:left; position: relative; overflow:hidden; text-align:center;} .picScroll-left .bd ul li img{ max-width:224px; height:198px; border: 4px solid #f3f3f3;} .picScroll-left .bd ul li p{ margin-top: 5px; height: 44px; background: #50af49; line-height: 44px; text-align: center; color: #fff; transition:all 0.3s linear 0s;} .picScroll-left .bd ul li a{ color: #fff;} .picScroll-left .bd ul li:hover p{ background: #ffcc00;} .picScroll-left .bd ul li:hover a p{ color: #000; text-decoration: underline;} #hui{ background: url(../Image/bj.jpg) repeat-x center top; width: 100%; height: auto; overflow: hidden; margin-top: 20px;} #xwzx{ width: 780px; float: left;} .title{ height: 40px; line-height: 40PX; background: #3ea838;} .title .left{ background: #1e7319; padding: 0 40px; font-size: 16px; color: #fff;} .title .left span{ font-family: arial; padding-left: 10px;} .title .right{ color: #fff; padding-right: 10px;} .title .right a{ color: #fff;} .title .right a:hover{ color: #f00;} #sp{ width: 396px; float: right;} #gsjj_left{ float: left; width: 446px; height: 446px;} #gsjj_right{ float: right; width: 710px;} #jj_more{ width: 160px; height: 35px; line-height: 35px; text-align: center; color: #fff; float: left; background: #1e7319; margin-top: 20px; border-radius: 18px; margin-right: 20px; transition:all 0.3s linear 0s;} #jj_more:hover{ background: #fca601; width: 170px;} #jj_more a{ color: #fff;} /** sidebar **/ #sidebar{ width:240px; height:auto; overflow:hidden; float:left;} #main_right{ width:940px; height:auto; overflow:hidden; float:right;} #pro_left{ padding: 0;} #pro_left li{ height: 42px; line-height: 42px; text-align: center; background: url(../Image/left_icon.png) no-repeat 220px center #eeeeee; margin-bottom: 3px; 50px; transition:all 0.2s linear 0s;} #pro_left li:hover{ background: url(../Image/left_icon.png) no-repeat 180px center #258e87;} #pro_left li:hover a{ color: #fff;} /** zy **/ .content{ clear: both !important; line-height:28px; padding:20px 0 0;} #content_zy{ line-height:30px; padding: 20px 10px 0;} .new_li_content li{ background: #fff; height:auto; overflow: hidden; padding:10px; margin-bottom: 10px; border:1px #999 dotted; transition:all 0.4s linear 0s;} .news_title_content{ height:auto; overflow: hidden; width:710px; padding:0 10px;} .news_li_title{ font-size: 15px; font-weight: bold;} .new_li_content li img{ margin:0 10px;} .news_li_content{ color:#999;} .new_li_content li:hover{ background:#3ea838;} .new_li_content li:hover .news_li_content{ color:#fff;} .new_li_content li:hover a{ color:#fff} .news_li_title .time_news2{ margin:0 15px;transition:all 0.2s linear 0s;} .new_li_content li:hover .news_li_title{ color:#ff0; font-weight:bold;} .new_li_content li:hover .time_news2{ margin:0 25px;} #pro_left{ padding: 10px 0;} #pro_left li{ height: 42px; line-height: 42px; background: #eeeeee; margin-bottom: 3px; transition:all 0.2s linear 0s; text-align: center;} #pro_left li:hover{ background: #fca601;} #pro_left li:hover a{ color: #fff;} #lxwm{ width: 240px; background: #333333; height: auto; color: #fff; text-align: center; padding: 25px 0;} #lxwm p{ font-size: 26px; font-family: impact; padding: 5px 0 10px;} #lxwm #zx{ width: 150px; height: 35px; border: 2px solid #ffffff; text-align: center; line-height: 35px; transition:all 0.3s linear 0s;} #lxwm #zx a{ color: #fff;} #lxwm #zx:hover{ background: #fff;} #lxwm #zx:hover a{ color: #000;} #leftbt{ background: #1e7319; height: 70px; line-height: 70px; text-align: center; color: #fff; font-size: 20px; font-weight: bold;} /************************************/ .page{margin:10px 20px 15px 0;} .page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;} .page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;} .current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;} /***************global*****************/ .pro li{float:left; overflow:hidden; margin:0 10px 20px; width:284px; text-align:center; background: #fff; border:1px solid #ccc; height:265px;transition:0.3s all 0s linear;} .pro img{ max-width:284px; height:213px;} .pro li:hover{ background: #333; color: #fff;} .pro li:hover a{ color: #fff;} /*************index&goods**************/ .news{ width:100%;} .news li{width:100%;height:35px;text-indent:2em;line-height:35px; font-size:14px; border-bottom:1px dotted #ccc; background:url(../Image/icon.png) no-repeat 10px center; transition:0.3s all 0s linear;} .news li:hover{background-color:#efefef;} .news li:hover a{color:#000;} /****************news*****************/ .news_title{color:#da020d;text-align:center;line-height:40px;} .meta{color:#999;text-align:center;line-height:28px; border:1px solid #f0f0f0; background:#fbfbfb; margin-bottom:10px;} /***********news_info**************/ .jobs li{ height:auto; margin:23px 18px 18px 28px;border-bottom:1px dotted #666; position:relative;} .jobs a{ position:absolute; right:0; top:0;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px; display:block; background:#f00;} .jobs strong{color:#da020d;} .jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;} /***************jobs***************/ .rel_center{ text-align:center; left:50%;} .pro_name{display:block;color:#da020d;text-align:center; font-size:18px;} .info_title{margin:10px 0 0 0;width:100%;height:45px;background:#efefef;} .info_title b{display:inline-block; width:230px; text-align: center; font-weight: normal; height:100%;border-right:5px solid #fff; background:#333; color:#fff; line-height:45px;} .info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;} /********goods_info&jobs_info*******/ .order{margin:25px 0 20px 400px;line-height:40px;} .order img{vertical-align:-5px;cursor:pointer;} #submit{width:55px;height:29px;color:#000;cursor:pointer; background:url(../Image/button.gif) none center;} /**************order&message********/ #banner{position:relative;overflow:auto;} #banner li {float:left;} .banner .dots li.active { background: #fff; opacity: 1; } .banner .dots li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; } /*sitemap*/ .mesmore{margin-top:5px;} .mesmore:hover{color:#da020d;text-decoration:underline;} .sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;} .m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;} .m2{ margin-left:20px; margin-top:20px; line-height:25px;} .m2 span{ font-size:14px; font-weight:bold;} .m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;} .m2t ul{} .m2t ul li{ list-style-type:none; float:left; width:150px;} .m2t ul li a:hover{ color:red} .f{ float:right; margin-right:10px; _margin-top:7px;}