html{ background:#f2f2f2; color:#585858; 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:#f2f2f2; color:#585858; font-size:14px; font-family:'寰蒋闆呴粦';} a{ color:#585858;} a:hover{color:#0da056;} /*******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:5px 13px 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 li { margin: 0 0 20px; font-size: 12px; color: #888888; } #indexNews li .xwbt{ background: url(../Image/w.jpg) no-repeat left center; height: 22px; line-height: 22px; padding-left: 35px;} #indexNews li .xwbt a{ color: #000; font-size: 14px; transition:0.3s all 0s linear;} #indexNews li .xwnr{ background: url(../Image/d.jpg) no-repeat left 2px; line-height: 1.8; padding-left: 35px; margin-top: 5px;} #indexNews li:hover a{ padding-left: 10px; color: #000; font-weight: bold} .Newstime { color:#afb0b4; font-size:12px; float: right; } #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 #ccc; 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;} #yspf img{ -webkit-animation: float ease-in-out 1.5s infinite; animation: float ease-in-out 1.5s infinite; } @-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(1em); transform: translateY(1em); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .imgB { width: 100%; top: 0; left: 0; position: relative; opacity: 1;} .imgT { width: 100%;top: 0;left: 0; position: absolute; -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; } .pic:hover .imgT{ opacity: 0.5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /** header **/ #top_line{ background: url(../Image/line.png) no-repeat center top; height: 7px; width: 100%;} #top_bj{ width: 100%; height: 137px; background: #fff;} #top_index{ width:1200px; height:137px;} #logo{ float:left; padding:35px 0 0;} #top_tel{ background: url(../Image/tel.png) no-repeat left top; float: right; padding: 15px 0 0 60px; font-weight: bold; color: #d90000; font-size: 30px; margin-top: 20px; font-style: italic;} #nav_bj{ width: 100%; height: 65px; background: #0da056;} #nav{ width:1200px; height:65px;} #nav a{ display:block; float:left; width:133px; font-size: 16px; height:65px; line-height:65px; text-align:center; color:#fff;} #nav a:hover{ background: url(../Image/nav_hk.png) no-repeat center; color: #fff;} .flash{ width:100%; height:641px; margin:0 auto; text-align:center; position:relative; z-index:0; } .flash .flashBox {position:relative; margin:0 auto; width:1000px; height:641px; } /*淇敼灏哄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:641px;} /** footer **/ #end{ height: auto; overflow: hidden; padding: 10px 0; background: #0a8045; width: 100%; line-height: 30px; text-align: center; color: #fff;} #end a{ color: #fff;} #end a:hover{ color: #ff0;} /** main **/ .main{ width:1200px; height:auto; overflow:hidden; padding:30px 0;} .tj-cont{ height: auto; overflow: hidden; margin-top: 30px; } .aside{ width: 278px; height: auto; background: #0da056;} .tjcp-cont{ width: 900px; } .tjcp-tab-nav{ background: #0da056; } .tjcp-tab-nav ul{ height: auto; overflow: hidden; } .tjcp-tab-nav ul li{ width: 180px; height: 60px; line-height: 60px; float: left; text-align: center; font-size:14px;} .tjcp-tab-nav ul li a{display: block; color: #fff; } .tjcp-tab-nav ul li.on{ background: #0c904d;} .tjcp-tab-nav ul li.on a{ color: #fff; } .tjcp-tab-cont{ width: 100%; } .tjcp-item{height:auto; overflow: hidden; background: #e6e6e6; padding: 20px 24px; color: #333; float: left; margin-bottom:20px;} .tjcp-item img{ width: 331px; height: 269px; margin-right: 36px; float: left; } .tjcp-item h4{ width:460px; float:left;height: 36px; line-height: 36px; font-size: 16px; } .tjcp-item p{width: 460px; float:left; line-height:28px; margin-bottom: 10px;} #zxdg{ width:150px; height:43px; background: #f6b400; text-align:center; margin-top:10px; line-height:43px; font-size: 16px; float:left; border-radius:10px; color:#000; transition:0.3s all 0s linear;} #zxdg a{ color:#000;} #zxdg:hover{ background: #f4930e;} #zxdg1{ width:150px; height:43px; background: #0da056; text-align:center; margin-top:10px; line-height:43px; font-size: 16px; float:left; border-radius:10px; color:#fff; transition:0.3s all 0s linear; margin-left: 10px;} #zxdg1 a{ color:#fff;} #zxdg1:hover{ background: #f4930e;} .tjcp-list ul li{width: 270px; padding: 10px; height: 275px; line-height:30px; text-align: center; background: #fff; float: left; margin-right: 10px; transition:0.3s all 0s linear;} .tjcp-list ul li img{ text-align: center; width: 270px; height: 240px;} .tjcp-list ul li span{display: block;} .tjcp-list ul li:hover{ background: #0da056;} .tjcp-list ul li:hover span{ color:#fff; } #ysbj{ background: url(../Image/ysbj.png) no-repeat center top #fff; width: 100%; height: auto; margin-top: 60px;} #ysnr{ width: 1200px; height: 780px; position: relative;} #ystitle{ position: absolute; top: -30px; left: 175px;} #yspf{ position: absolute; top: 155px; left: -170px;} #font1{ width: 286px; height: auto; position: absolute; left: 0; top: 345px; text-align: center; transition:0.3s all 0s linear;} .huang{ width: 286px; height: 383px; background: #333333; margin-bottom: 10px; transition:0.3s all 0s linear;} .huang .pic{ width: 250px; height: 204px; overflow: hidden; border: 5px solid #333333; position: absolute; left: 13px; top: -60px; transition:0.3s all 0s linear;} .huang .pic img{ width: 250px; height: 204px; transition:transform 1s ease 0s;} .huang .title_bj{ position: absolute; top: 165px; left: 0; width: 246px; height: 50px; line-height: 50px; background: url(../Image/ysline.png) no-repeat center; padding: 0 20px;} .huang .title_bj .num{ font-family: impact; color: #fff; font-size: 48px; float: left;} .huang .title_bj .title{ float: right; background: #fff; height: 32px; line-height: 32px; font-size: 18px; padding: 0 20px; margin: 10px 3px 0 0; color: #000;} .huang .content{ position: absolute; top: 200px; padding: 35px 30px 0; text-align: center; line-height: 25px; color: #fff;} #font2{ width: 286px; height: auto; position: absolute; left: 305px; top: 237px; text-align: center; transition:0.3s all 0s linear;} .hui{ width: 286px; height: 383px; background: #e4e4e4; margin-bottom: 10px; transition:0.3s all 0s linear;} .hui .pic{ width: 250px; height: 204px; overflow: hidden; border: 5px solid #e4e4e4; position: absolute; left: 13px; top: -60px; transition:0.3s all 0s linear;} .hui .pic img{ width: 250px; height: 204px; transition:transform 1s ease 0s;} .hui .title_bj{ position: absolute; top: 165px; left: 0; width: 246px; height: 50px; line-height: 50px; background: url(../Image/ysline.png) no-repeat center; padding: 0 20px;} .hui .title_bj .num{ font-family: impact; color: #000; font-size: 48px; float: left;} .hui .title_bj .title{ float: right; background: #fff; height: 32px; line-height: 32px; font-size: 18px; padding: 0 20px; margin: 10px 3px 0 0; color: #000;} .hui .content{ position: absolute; top: 200px; padding: 35px 30px 0; text-align: center; line-height: 25px; color: #000;} #font3{ width: 286px; height: auto; position: absolute; right: 305px; top: 345px; text-align: center; transition:0.3s all 0s linear;} #font4{ width: 286px; height: auto; position: absolute; right: 0; top: 237px; text-align: center; transition:0.3s all 0s linear;} #font1:hover { top: 335px;} #font1:hover .huang{ background: #f6b400; border: 1px solid #fff;} #font1:hover .huang .pic{ border: 5px solid #f6b400;} #font1:hover .huang .pic img{transform: scale(1.1, 1.1);} #font3:hover { top: 335px;} #font3:hover .huang{ background: #f6b400; border: 1px solid #fff;} #font3:hover .huang .pic{ border: 5px solid #f6b400;} #font3:hover .huang .pic img{transform: scale(1.1, 1.1);} #font2:hover { top: 227px;} #font2:hover .hui{ background: #f6b400; border: 1px solid #fff;} #font2:hover .hui .pic{ border: 5px solid #f6b400;} #font2:hover .hui .pic img{transform: scale(1.1, 1.1);} #font4:hover { top: 227px;} #font4:hover .hui{ background: #f6b400; border: 1px solid #fff;} #font4:hover .hui .pic{ border: 5px solid #f6b400;} #font4:hover .hui .pic img{transform: scale(1.1, 1.1);} #bai{ background: #fff; width: 100%; height: auto; overflow: hidden;} .gsjj{ width: 300px;} .title_bj1{ background: url(../Image/title_line.png) no-repeat left bottom; height: 45px;} .title_bj1 .left{ color: #000; font-size: 18px; font-weight: bold;} .title_bj1 .right{ color: #0da056; font-size: 14px;} #xwzx{ width: 505px; float: left; margin: 0 47px;} #xwlb{ width: 505px; height: auto; overflow: hidden; } #xwlb li { height: 73px; margin-bottom: 10px; padding: 10px;} #xwlb li .right{ width: 380px; color:#a3a3a3; font-size: 14px; line-height: 1.8;} #xwlb li .right a{ color:#000; font-size: 15px; transition:0.3s all 0s linear;} #xwlb li .info_date{ color: #2e2e2e; float:left; width:87px; height:73px; text-align:center; border-right: 1px solid #cccccc;} #xwlb li .info_date span{ display: block; font-size:48px; color:#000; width:87px; height: 53px; line-height: 53px; transition:0.3s all 0s linear;} #xwlb li .info_date p{ color: #b8b8b8; font-size: 15px;} #xwlb li:hover a{ color: #f4930e; padding-left: 10px;} #xwlb li:hover{ background: #0da056;} #xwlb li:hover .right a{ color: #ff0;} #xwlb li:hover .right{ color: #fff;} #xwlb li:hover .info_date p{ color: #fff;} #scsb{ background: url(../Image/gdbj.png) repeat-x center top #fff; width: 100%; height: auto; padding: 60px 0 40px;} .picScroll-left{ width:1312px; overflow:hidden; position:relative;} .picScroll-left .prev{ display:block; width:38px; height:38px; float:right; margin-left:5px; margin-top:100px; overflow:hidden; cursor:pointer;} .picScroll-left .next{ display:block; width:38px; height:38px; float:left; margin-right:5px; margin-top:100px; 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:288px; height:238px; float:left; position: relative; overflow:hidden; text-align:center; background: #000; } .picScroll-left .bd ul li .pic{ text-align:center; } .picScroll-left .bd ul li .pic img{ width:280px; height:230px; border: 4px solid #f0f0f0; transition:0.3s all 0s linear;} .picScroll-left .bd ul li:hover img{ opacity: 0.4;} .picScroll-left .bd ul li .pic_title{ position: absolute; color:#fff; background: url(../Image/jh.png) no-repeat center -60px; font-size: 16px; z-index: 100; top: 0; padding-top: 250px; width: 280px; text-align: center; left: 0; height: 50px; transition:0.2s all 0s linear;} .picScroll-left .bd ul li:hover .pic_title{ position: absolute; color:#fff; background: url(../Image/jh.png) no-repeat center 80px; font-size: 16px; z-index: 100; top: 0; padding-top: 160px; width: 280px; text-align: center; left: 0; height: 50px;} /** sidebar **/ #sidebar{ width:278px; height:auto; overflow:hidden; float: left;} #main_right{ width:900px; height:auto; overflow:hidden; float: right; line-height: 2.0;} #banner_zy{ width: 100%; height: 287px; background: url(../Image/banner.jpg) no-repeat center;} #pro_list{ background: #0da056;} #pro_list li{ display: block; background: url(../Image/icon.png) no-repeat 30px center; color:#fff; height: 80px; line-height:80px; padding-left: 70px; transition:0.3s all 0s linear; font-size: 15px;} #pro_list li a{ color: #fff;} #pro_list li:hover{ background: url(../Image/icon.png) no-repeat 40px center #0c904d;} #pro_list li:hover a{ color: #f6b400;} #pro_list1{ background: #0da056;} #pro_list1 li{ display: block; background: url(../Image/icon.png) no-repeat 30px center; color:#fff; height: 137px; line-height:137px; padding-left: 70px; transition:0.3s all 0s linear; font-size: 16px; font-weight: bold;} #pro_list1 li a{ color: #fff;} #pro_list1 li:hover{ background: url(../Image/icon.png) no-repeat 40px center #0c904d;} #pro_list1 li:hover a{ color: #f6b400;} #lxwm_left{ background: #fff; padding: 15px; margin-top: 20px;} #title_lx{ border-bottom: 1px solid #e5e5e5; height: 30px; color: #000; font-size: 18px;} #title_lx span{ font-size: 14px; padding-left: 10px;} .title_zy{ background: url(../Image/title_bj.png) no-repeat center; text-align: center; color: #000; font-size: 20px; margin-bottom: 30px;} .title_zy span{ font-family: Aparajita; font-size: 30px; font-weight: bold;} /** zy **/ .content{ padding: 20px 0; line-height: 2.0;} #content_zy{ line-height: 2.0; width: 1200px; padding: 40px 0; height: auto; overflow: hidden;} .new_li_content li{ background: #fff; height:110px; padding:10px; margin-bottom: 10px; border:1px #999 dotted; transition:all 0.4s linear 0s;} .news_title_content{ height:110px; width:680px; padding:0 10px;} .new_li_content li img{ margin:0 10px;} .news_li_content{ color:#999; font-size:12px;} .new_li_content li:hover{ background:#0da056;} .new_li_content li:hover .news_li_content{ color:#fff; font-size:12px;} .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;} #title_zy{ background: url(../Image/title_line.png) no-repeat right 60px; height: 100px;margin-bottom: 20px;} #title_zy .left{ position: relative; background: url(../Image/title.png) no-repeat 30px top; height: 100px; width: 170px; } #title_zy .left p{ position: absolute; z-index: 2; left: 40px; top: 22px; font-size: 24px; font-weight: bold; color: #000;} #title_zy .left div{ position: absolute; z-index: 1; top: 17px; font-family: Aparajita; font-size: 30px; color: #d2d2d2;} #title_zy .left div span{ color: #000; font-size: 72px;} #title_zy .right{ line-height: 85px;} #tjcp .left{ width: 430; height: 315px; text-align: center; background: #fff; border: 4px solid #dcdcdc; transition:0.3s all 0s linear;} #tjcp .left img{width: 430; height: 315px;} #tjcp .left:hover{ border: 4px solid #0461c2;} #tjcp .left1{width:410px; height:400px; margin-right:10px; float:left;} #tjcp .right{ width: 450px; line-height: 2.0;} #tjcp .right p{ color: #2b2b2b; font-size: 24px; font-weight: bold; border-bottom: 1px solid #e0e1e1; margin-bottom: 20px;} #tjcp .right span{ font-weight: bold;} #tjcp .right .tjtel{ background: url(../Image/tel1.png) no-repeat left top; padding: 10px 0 0 50px; color: #d80000; font-size: 30px; font-weight: bold; float: left; margin-top: 20px;} #tjcp .right .zixun{ width: 145px; height: 45px; background: #d80000; float: right; line-height: 45px; text-align: center; color: #fff; font-weight: bold; font-size: 18px; margin-top: 30px; transition:0.3s all 0s linear;} #tjcp .right .zixun a{ color: #fff;} #tjcp .right:hover .zixun:hover{ background: #0051c0;} .dgnr{ background: url(../Image/dgpic.png) no-repeat right center; line-height: 2.0; padding: 20px 0 30px; color: #999999;} .pro1{ overflow:hidden; zoom:1; } .pro1 li{ margin:0 6px 20px; border: 1px solid #d8d8d9; border-radius: 5px; width:279px; height:420px; background:#fff; float:left; overflow:hidden; transition:0.3s all 0s linear;} .pro1 li .pic{ text-align:center; width:279px; height: 210px; overflow: hidden; padding: 0 !important; } .pro1 li .pic img{ width:279px; height:210px; transition:0.3s all 0s linear;} .pro1 li .pic_title{ padding: 15px 0 0; width: 254px; color:#1da849; font-size:16px; font-weight: bold; border-top: 1px solid #ccc;} .pro1 li .pic_content{ color:#000; line-height:1.8; font-size: 12px; padding: 10px 20px;} .pro1 li .pic_more{ width:90px; height:30px; line-height:30px; text-align:center; color:#1da849; border: 1px solid #1da849; border-radius: 5px; float: left; margin-left: 20px; transition:0.3s all 0s linear;} .pro1 li .pic_more a{ color:#1da849;} .pro1 li:hover{ background: #21bd52;} .pro1 li:hover .pic_title{ color: #ff0;} .pro1 li:hover .pic_content{ color: #fff;} .pro1 li:hover .pic_more{ background:#fff;} .pro1 li:hover .pic_more a{ color: #1da849;} .pro1 li:hover img{ transform: scale(1.1, 1.1);} /************************************/ .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; margin:0 10px 15px; width:280px; height:250px; background: #fff; text-align:center; font-size:14px; transition:0.3s all 0s linear;} .pro img{ max-width:280px; height:205px;} .pro li .pro_pic{width:278px; height:209px; background: #fff; overflow: hidden;} .pro a{ color:#333; font-size:14px;} .pro li:hover{ background:#0da056;} .pro li:hover a{ color:#fff;} /*************index&goods**************/ .news{ width:100%;} .news li{width:100%;height:40px;text-indent:2em;line-height:40px; font-size:14px; border-bottom:1px dotted #ccc; background:url(../Image/icon.jpg) no-repeat 20px center; transition:0.3s all 0s linear; padding-left:10px;} .news li:hover{background-color:#efefef; border-bottom:1px solid #ccc;} .news li:hover a{color:#000;} /****************news*****************/ .news_title{color:#da020d;text-align:center;line-height:40px;} .meta{color:#999;text-align:center; width:100%; line-height:28px; border:1px solid #efefef; margin-bottom:10px; background:#f8f8f8;} /***********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:#141414;text-align:center; font-weight: bold; font-size:30px; margin-bottom: 20px;} .info_title{margin:10px 0 0 0;width:100%;height:50px; background: #fff; margin-bottom:10px;} .info_title b{display:inline-block;padding-left:10px;height:100%;background:#0da056;color:#fff;line-height:50px; font-weight: normal; font-size: 16px; padding: 0 30px;} .info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;} /********goods_info&jobs_info*******/ .order{margin:20px 0 20px 80px;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;}