body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th{margin:0;padding:0;list-style:none;word-wrap:break-word;outline:none; color:#666666; } img{border:0; } html{verflow:-Scroll;overflow-x:hidden;zoom:1; } .clear{clear:both;} h1{ font-size:24px; line-height:40px; font-family:"微软雅黑"; } body{ margin:0px; background:url(404.png) repeat-x top #fff; font-family:"微软雅黑"; border:0;color:#666; } .w1400{ width:1400px; padding: 0 ; margin: 0 auto; position: relative; height: auto;} a:link {color:#666; text-decoration: none;} a:visited { color:#666; text-decoration: none;} a:hover { color:#d70000;text-decoration: none;} a:active { color: #333;text-decoration: underline;} .jz{ width:1200px;padding:0; margin:0 auto;} .m10{ width:1200px; padding:0; margin:0 auto; height:10px; line-height:10px; display:block;} #head{ width: 100%; background:rgba(0,0,0,0.7); height:84px; border-bottom: 1px #a7cd39 solid; position: fixed; top: 0; left: 0; z-index: 100;} #head .top{ width: 1400px; padding: 0; margin: 0 auto;} #head .top .logo{ width: 500px; height: 90px; float: left;} #head .top .tel{ width: 600px; height: 40px; float: right; text-align:right; color: #a7cd39; font-size: 14px; line-height: 40px; padding-right: 30px;} #head .top .tel span{padding: 0 20px;} #head .top .tel a{ color: #a7cd39;} #head .top .tel a:hover{ color: #fff;} #head .top ul{ width: 720px; float: right; margin-top:0px;} #head .top ul li{ width: 120px; float: left; height: 40px; font-size: 16px; text-align: center; } #head .top ul li a{ width:120px; line-height: 40px; color: #fff; display: block; padding-bottom: 5px;} #head .top ul li a:hover{ background: url(../image/menubg.png) no-repeat center bottom;} #banner{ width: 100%; height: auto; overflow: hidden; position:relative;} #banner .hd{ height:15px; overflow:hidden; position:absolute; left:15%; bottom:150px; z-index:1; } #banner .hd ul{ overflow:hidden; zoom:1; float:left; } #banner .hd ul li{ float:left; margin-right:15px; border-radius: 10px; width:10px; height:10px; line-height:10px; text-align:center; background:#fff; cursor:pointer; } #banner .hd ul li.on{ background:#a7cd39; color:#fff; width: 50px;} #banner .bd{ position:relative; height:100%; z-index:0; } #banner .bd li{ zoom:1; vertical-align:middle; } #banner .bd img{ width:100%; height:auto; display:block; } #banner .prev, #banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:65px; height:104px; background:url(../image/jt-left.png) no-repeat; filter:alpha(opacity=50);opacity:0.5; } #banner .next{ left:auto; right:3%; background:url(../image/jt-right.png) no-repeat; } #banner .prev:hover, #banner .next:hover{ filter:alpha(opacity=100);opacity:1; } #banner .prevStop{ display:none; } #banner .nextStop{ display:none; } #ss{ width:100%; background:rgba(0,0,0,0.6); position: absolute; height: 100px; left: 0; bottom:0; z-index: 3} .ss { width: 710px; float: left; padding: 10px 0;} .ss input{ width:620px; background:url(../image/ssbg.png) no-repeat center left; text-indent: 50px; font-size: 14px; color: #666; float:left; line-height: 24px;height:40px;; border: none; outline: none;} .ss input.button{width: 80px; height: 40px; background:url(../image/ss.png) no-repeat center; float: left; border: none; outline: none; cursor: pointer;} .ss .hot{ width: 710px; float: left; line-height: 30px; padding-top: 10px; font-size: 14px; color: #fff;} .ss .hot a{ display: inline-block; padding: 0 5px; color: #fff; } .ss .hot a.more{float:right;} #ss .tel{ width:460px; float: right; padding: 10px 0; text-align: center;} #ss .ewm{ width:152px; float: right; padding: 10px 0; text-align: right;} #products{ width:1400px; padding: 0; margin: 50px auto; display: table;} .products{ width:1400px; text-align:left; background: url(../image/title.png) no-repeat left top; position: relative;} .products .hd{ height:162px; position:relative; } .products .hd ul{ position:absolute; height:32px; top: 0; right: 0; z-index: 5; } .products .hd ul li{ float:right; width: 211px; height: 162px; padding:0; cursor:pointer; display: block; background: #ccc; margin-right: 30px;} .products .hd ul li:nth-child(1){ background: url(../image/index_23.png) no-repeat center;} .products .hd ul li:nth-child(2){ background: url(../image/index_25.png) no-repeat center; } .products .hd ul li:nth-child(1).on{ background: url(../image/index_24.png) no-repeat center;} .products .hd ul li:nth-child(2).on{ background: url(../image/index_26.png) no-repeat center;} .products .bd{background: url(../image/bg02.jpg) no-repeat center top; width: 1400px; height:224px; display: table; margin-top: -50px;} .products .bd ul{ width:1400px; padding: 0; margin: 0} .products .bd ul.menu{ padding:70px 15px 15px 15px; zoom:1; width: 1370px; height: 119px; } .products .bd ul.menu li{width: 125px; height:70px; padding: 15px; line-height:30px; border: 1px #ccc solid; background: #fff; display: block; text-align: center; float: left; margin-left: 12px;} .products .bd ul.menu li p{width: 125px; line-height: 30px; font-size: 14px; color: #666; display: block;} .products .bd ul.zm{ padding:80px 15px 15px 15px; zoom:1; width: 1370px; height: 129px; } .products .bd ul.zm li{width: 50px; height:50px; border: 1px #ccc solid; padding: 0; background: #fff; display: block; text-align: center; float: left; margin-left: 12px; margin-bottom: 12px; } .products .bd ul.zm li a{ width: 50px; line-height:50px; font-size: 16px; color: #666; text-align: center; display: block;} .products .bd ul.zm li a:hover{background: #0e449b; color: #fff;} .products .bd ul.pro{ width: 1400px; height: auto; display: table; margin-top: 30px;} .products .bd ul.pro li{ width:272px; height: 205px; float: left; margin-right: 10px; margin-bottom: 10px; position: relative;} .products .bd ul.pro li a{ border:1px #f4f4f4 solid; width:270px; height: 203px; display: block;} .products .bd ul.pro li a:hover{ border:1px #b2d352 solid; width:270px; height: 203px; display: block;} .products .bd ul.pro li:nth-child(5n){ margin-right: 0;} .products .bd ul.pro li .text{position: absolute; bottom: 0; left: 0; width:252px; background: rgba(0,0,0,0.5); padding: 10px; } .prodcuts .bd ul.pro li:hover .text{ display: none;} .products .bd ul.pro li a p{font-size: 14px; line-height: 18px; color:#fff; width: 203px; float: left;} .products .bd ul.pro li .text img{ width:29px; height: 29px; float: right; } .products .bd ul.pro li .fd{ position:absolute; top: 0; left: 0; width: 240px; height: 173px; background:rgba(0,0,0,0.8); text-align: center; padding: 15px; z-index: 6; display: none;} .products .bd ul.pro li:hover .fd{ display: none;} .products .bd ul.pro li .fd img{ margin: 0 auto; display: block;} .products .bd ul.pro li .fd span{width: 100%; clear: both; text-align: center; color: #fff; margin: 0 auto; display: block;} .products .bd ul.pro li .fd .more{ width: 120px; line-height: 30px; display: block; color: #000; background: #b2d352; border-radius: 5px; margin: 10px auto; } #products .allpro a{ width: 120px; line-height: 40px; font-size: 14px; color: #fff; background: #60a300; display: block; margin: 20px auto; text-align: center;} #gg{ width: 100%; background:#2d65af; text-align: center; height: 184px;} #youshi{ width: 1400px; padding: 0; margin: 50px auto; padding: 30px 0;} #youshi .title{ width:100%; text-align: center; margin: 0 auto; } #youshi .left{ width: 700px; float: left; height: 500px;} #youshi ul.right{ width:700px; float:right; padding-top: 30px;} #youshi ul.right li{ width: 700px; height:30px; padding: 0; margin-top: 40px; } #youshi ul.right li p{ width: 480px; float: right; line-height: 15px; font-size: 14px; } #youshi ul.right li img{float:left;} #custom{ width:100%; background: url(../image/bg01.jpg) no-repeat center top; margin: 50px auto; padding: 30px 0; height:750px; display: table;} #custom .title{ width:100%; text-align: center; margin: 0 auto; padding-top:50px; } .picScroll-left{ position:relative; width: 1400px; margin: 0 auto;} .picScroll-left .hd{ overflow:hidden; height:30px; padding:0 10px; } .picScroll-left .hd .prev{ display:block; width:65px; height:104px; position: absolute; top: 250px; left:-100px; overflow:hidden; cursor:pointer;background:url(../image/jt-left.png) no-repeat; } .picScroll-left .hd .next{display:block; width:65px; height:104px; position: absolute; top: 250px; right:-120px;overflow:hidden; cursor:pointer;background:url(../image/jt-right.png) no-repeat; } .picScroll-left .bd { padding:10px; width: 1400px; height: 450px; background: #fff; padding-top: 30px; } .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .picScroll-left .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center; width: 320px; height: 440px; position: relative;} .picScroll-left .bd ul li .pic{ text-align:center; } .picScroll-left .bd ul li .pic img{ width:318px; height:238px; display:block; border:1px solid #ccc; } .picScroll-left .bd ul li .logo{ width: 200px; height: 70px; position: absolute; top: 205px; left:55px; border: 1px #ccc solid;} .picScroll-left .bd ul li .text{ width:288px; height:150px; display:block; padding: 15px; border:1px solid #ccc; background: #fff; text-align: left; border-top: 0; font-size: 14px; } .picScroll-left .bd ul li .text .time{ width: 100px; line-height: 40px; font-size: 18px; border-bottom: 1px #000 solid; padding-top: 35px; text-align: left; color: #000;} .picScroll-left .bd ul li .text .jj{ width: 288px; text-align: left; padding-top: 10px; font-size: 14px; color: #666;} .picScroll-left .bd ul li:hover .text{background: #2fabde;} .picScroll-left .bd ul li:hover .text .time{ color: #fff; border-bottom: 1px #fff solid;} .picScroll-left .bd ul li:hover .text .jj{ color: #fff;} .bgnews{ width: 100%; height: auto; display: table; background: #f4f4f4;} #news{ width: 1400px; padding: 0; margin: 50px auto; min-height: 600px; display: table;} #news .title{ width:100%; text-align: center; margin: 0 auto; padding:50px 0;} #news .leftnews{ width: 640px; height: 475px; float: left;} #news .leftnews{ width:640px; height:475px; overflow:hidden; position:relative; border:1px solid #ddd; } #news .leftnews .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:15px; z-index:1; } #news .leftnews .hd ul{ overflow:hidden; zoom:1; float:right; width:80px; } #news .leftnews .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } #news .leftnews .hd ul li.on{ background:#f00; color:#fff; } #news .leftnews .bd{ position:relative; height:100%; z-index:0; } #news .leftnews .bd ul{width: 640px;} #news .leftnews .bd li{ zoom:1; vertical-align:middle;width: 640px; position: relative} #news .leftnews .bd li .text{ width:600px; padding: 15px 20px; position: absolute; bottom: 0 ; left: 0; background: rgba(0,0,0,0.6); height: 70px;} #news .leftnews .bd li .name{ font-size: 18px; color: #fff; line-height: 35px;} #news .leftnews .bd li .time{ font-size: 12px; color: #fff; line-height: 25px;} #news .leftnews .bd img{ width:640px; height:480px; display:block; } #news .rightnews{ float:right; width:700px; padding-left: 30px; border-left: 1px #ccc solid; margin-left: 10px;}#news .rightnews li{ width: 700px; margin-bottom: 30px; height: 140px;} #news .rightnews li .pic{ width: 187px; height:140px; float: left; margin-right: 20px; border: 1px #ccc solid;} #news .rightnews li .bt{ width: 490px; float: right; font-size: 18px; line-height: 20px; color: #333; padding-bottom: 10px; } #news .rightnews li .time{width:490px; float: right; font-size: 12px; line-height: 30px; color: #ccc;} #news .rightnews li .jj{width:490px; float: right; font-size: 14px; line-height: 20px; color: #999; text-align: left;} #feedback{ width: 100%; background: url(../image/bg_09.jpg) no-repeat top; background-size: 100%; height: 500px; display: table;} #feedback .title{ width: 100%; text-align: center; padding:50px 0 20px 0 ; } #feedback .biaodan{ width: 1340px; padding: 0; margin: 0 auto; height: 160px; background: rgba(0,0,0,0.6); color: #fff; padding: 20px 30px; border-radius: 10px;} #feedback .bt{ font-size: 16px; padding-top: 30px; text-indent: 20px; } #feedback ul{ margin-top:40px; } #feedback li{float:left ; margin-left: 20px;} #feedback li input{ line-height: 20px; padding: 10px 20px; border: none; border-radius: 5px; text-align: left; color: #999; background: url(../image/tb1.png) no-repeat 10px #fff; text-indent: 30px; width:260px;} #feedback li:nth-of-type(1) input{background: url(../image/tb1.png) no-repeat 10px #fff; text-indent: 30px;width:260px;} #feedback li:nth-of-type(2) input{background: url(../image/tb2.png) no-repeat 10px #fff; text-indent: 30px;width:260px;} #feedback li:nth-of-type(3) input{background: url(../image/tb3.png) no-repeat 10px #fff; text-indent: 30px;width:420px;} #feedback li:nth-of-type(4) input{background: url(../image/button.png) no-repeat center; border-radius: 5px; text-indent: 30px; width: 150px;} #bottom{ width: 100%; background: url(../image/bottombg.png) no-repeat center bottom #fff; min-height: 300px; padding-top: 50px;} #bottom dl{ width:140px; float: left; background: url(../image/icon.png) no-repeat top left; padding-left: 30px;} #bottom dl:nth-of-type(4){ width: 550px} #bottom dl:nth-of-type(5){ width: 200px; float: right;} #bottom dl:nth-of-type(5) dd img{border: 1px #ccc solid;} #bottom dt{font-size:18px; line-height: 18px; padding-bottom: 20px;color: #333 } #bottom dt a{color: #666} #bottom dd{ font-size:14px; line-height: 30px; color: #666;} #bottom dd a{color: #666;} #foot{ width: 100%; background: #000; color: #fff; line-height: 50px; font-size: 14px;} #mbx{ width: 1400px; padding: 0; margin: 0 auto; border-bottom: 1px #ededed solid; line-height: 80px; background: url(../image/about_03.png) no-repeat center left; text-indent: 50px;} #mbx a{ color:#2fabde;} #ny{width:1400px; padding: 0; margin: 30px auto; position: relative;} #ny .left{ width:280px; float: left; position: relative; } #ny .left ul.nav{ width: 280px;} #ny .left ul.nav li{ width:280px; height: 49px; margin-bottom: 1px; background: #f0f0f0} #ny .left ul.nav li a{ width:270px; line-height: 49px; border-left: 10px #2fabde solid; background: url(../image/about_07.png) no-repeat 240px 20px; display: block; text-indent: 25px} #ny .left ul.nav li a:hover{ border-left: 10px #74bf06 solid; background: url(../image/about_10.png) no-repeat 240px 20px #2fabde; color: #fff;} #ny .left .ss{ width: 280px; margin:20px 0; border-top: 1px #ededed solid; } #ny .left .ss .title{ font-size: 18px; line-height:50px;} #ny .left .ss input{ line-height: 20px; padding: 10px 20px; border:1px #ccc solid; border-radius: 5px; text-align: left; color: #999; background: url(../image/about_13.png) no-repeat 10px #fff; text-indent: 30px; width:238px;} #ny .left .ss input:nth-of-type(2){ width: 100px; background:#2fabde; color: #fff; border: none; margin-top: 20px; float: right; text-indent: 0; text-align: center;} #ny .left .pic{ width: 280px; margin-top: 10px; } #ny .right{ width: 1030px; float:right; padding-left: 40px; border-left: 1px #ededed solid; min-height: 500px;} #ny .right .title{ width:1030px; background: url(../image/about_08.png) no-repeat top left; line-height: 30px; padding-left: 30px; font-size: 24px; padding-bottom: 30px; border-bottom: 1px #ccc solid; color: #2fabde;} #ny .right .title1{ width:1030px; background: url(../image/about_08.png) no-repeat top left; line-height: 24px; text-indent: 50px; font-size: 20px; padding-bottom: 30px; border-bottom: 1px #ccc solid; color: #333;} #ny .right .titlePro{ width:1030px; background: url(../image/about_08.png) no-repeat top left; line-height: 30px; padding-left: 30px; font-size: 24px; margin-top: 30px; color: #2fabde;} #ny .right .nr{ width: 1030px; padding-top:35px; font-size: 16px; line-height: 35px; } #ny .right .nr p{margin-bottom: 15px;} #ny .right .nr img{ max-width: 1030px; height: auto; margin: 15px 0;} #ny .right .time{ width: 990px; padding: 20px; background: #ededed; margin-top: 35px; border-radius:8px; font-size: 14px; height: 20px; } #ny .right .time span{ margin-right: 50px; float: left; } #ny .right .time span:nth-of-type(3){float:right;} #ny .right .back{ width: 1030px; padding: 0; margin: 35px 0; border-top: 1px #ededed solid; height:100px; } #ny .right .back ul{ width:800px; float: left;} #ny .right .back ul li{ width:800px; margin-top: 20px; font-size: 14px; text-align: left; line-height: 30px; } #ny .right .back .link{ width:133px; height: 37px; float: right; border-radius: 5px; margin-top: 60px;} #ny .left .brand{ width: 280px; padding-bottom: 20px; display: table;} #ny .left .brand .title{font-size: 24px; line-height:30px; color:#2fabde; padding-bottom: 30px; padding-left: 30px; background: url(../image/about_08.png) no-repeat top left;} #ny .left .brand ul li{ width: 40px; height: 40px;float:left; margin:0 15px 15px 0 ; text-align: center; font-size: 24px;} #ny .left .brand ul li a{width: 40px; line-height: 40px; border: 1px #ccc solid; background: #ededed; color: #000; display: block; border-radius: 5px;} #ny .left .brand ul li a:hover{ background: #74bf06; color: #fff; border: 1px #74bf06 solid; border-radius: 25px; } #ny .left .brand ul li.on a{ background: #2fabde; color: #fff; border: 1px #2fabde solid;} #ny .right .logo{ padding: 15px 0; padding: 15px 0; padding-top: 65px; border-bottom: 1px #ededed solid;} #ny .right .logo .bt{ width:40px; height: 40px; line-height: 40px; text-align: center; background: #2fabde; font-size: 24px; color: #fff; border-radius: 5px; margin-bottom: 30px; } #ny .right .logo ul{ width:1030px; display: table; border-left: 1px #ccc solid; border-top: 1px #ccc solid;} #ny .right .logo ul li{ width:146px; min-height: 135px; border: 1px #ccc solid; border-left:0; border-top: 0; margin:0; float: left; text-align: center;} #ny .right .logo ul li:nth-child(7n){ margin-right: 0;} #ny .right .logo ul li a img{ padding:8px; margin: 0 auto;} #ny .right .logo ul li a.name{ width:148px; line-height: 16px; border-top: 1px #ccc solid; text-align: center; display: table; font-size: 12px; padding: 10px 0;} #ny .right .logo ul li.all{ border: 1px #2fabde solid;} #ny .right .logo ul li.all a{ width: 120px; line-height: 60px; font-size: 16px; text-align: center; background: #fff; color: #2fabde; display: block;} #ny .right .logo ul li.all a:hover{background: #2fabde; color: #fff;} #ny .right .page{ width: 100%; margin-top: 80px; padding-top:30px; border: none; padding:0; clear: both; height: 50px; display: table;} #ny .right .page a { display: inline;margin: 10px; padding: 10px 15px;font-size: 14px;color: #999999;border: 1px solid #c8c8c8; background-color: #f2f2f2; width: auto; } #title{ width: 1400px; padding-bottom:30px; margin:35px auto; line-height: 40px; border-bottom: 1px #ededed solid; font-size: 30px; color: #2fabde; position: relative;} #title #ny_ss{ position: absolute; width: 450px; top: 0; right: 0; } #ny_ss input{ float: left;} #ny .left .logo_B{ width: 258px; height:auto; border: 1px #ccc solid; vertical-align: center; padding: 10px;} #ny .left .logo_B img{ width:100%; height: auto;} #ny .left .contact{width: 280px; margin-top: 50px; border-top: 1px #ededed solid; padding-top: 50px; } #ny .left .contact .bt{font-size: 18px; line-height:50px;} #ny .left .contact ul{ width:280px; padding-top: 15px; } #ny .left .contact ul li{ width: 180px; padding:10px 10px 10px 100px; border-radius: 5px; border: 1px #ededed solid; margin-bottom: 20px;} #ny .left .contact ul li:nth-child(1){ background:url(../image/l-tb1.jpg) no-repeat 15px 30px;} #ny .left .contact ul li:nth-child(2){ background:url(../image/l-tb2.jpg) no-repeat 15px 30px;} #ny .left .contact ul li:nth-child(3){ background:url(../image/l-tb3.jpg) no-repeat 15px 10px;} #ny .left .contact ul li:nth-child(4){ background:url(../image/l-tb4.jpg) no-repeat 15px 10px;} #ny .left .contact ul li:nth-child(5){ background:url(../image/l-tb5.jpg) no-repeat 10px 10px;} #ny .right .intro{ width: 1030px; margin-top: 40px; background: url(../image/line.jpg) repeat-x bottom;} #ny .right .intro dl{ display: table; clear: both; padding-bottom: 30px; } #ny .right .intro dt{ width: 150px; height: 50px; line-height: 30px; border: 1px #ccc solid; text-align: center; padding: 60px 0 0 0; border-radius: 10px; background: url(../image/l-tb5.jpg) no-repeat 55px 20px; float: left; display: block;} #ny .right .intro dt.c_pro{ background: url(../image/l-tb6.jpg) no-repeat 55px 20px; float: left; } #ny .right .intro dd{ width:850px; float: right; padding: 10px; font-size: 14px; } #ny .right .intro dd a{ padding: 0 10px; display: inline-block; color:#4ab6e2; font-size: 16px; line-height: 30px;} #ny .right .intro dd a.cur{ background: #4ab6e2; color: #fff; } #ny .right .tj_pro{ width: 1030px; padding-top:30px; margin: 0;} #ny .right .tj_pro .hd{ height:50px; line-height:50px; background:#f4f4f4; padding:0; border-bottom:1px solid #ddd; border-top:1px solid #ddd; position:relative; } #ny .right .tj_pro .hd ul{ float:left; position:absolute; left:0; top:-1px; height:50px; } #ny .right .tj_pro .hd ul li{ float:left; padding:0 50px; cursor:pointer; border-right-width:1px solid #ddd; } #ny .right .tj_pro .hd ul li.on{ height:50px; background:#4ab6e2; border:1px solid #ddd; color: #fff; border-bottom:2px solid #fff; } #ny .right .tj_pro .bd ul{ padding:15px 2px; zoom:1; width: 1000px; height: auto; display: table; margin-top: 30px; } #ny .right .tj_pro .bd ul.pro li{ width:313px; height: 236px; float: left; margin-right: 30px; margin-bottom: 50px; position: relative;} #ny .right .tj_pro .bd ul.pro li a{ width:311px; height: 234px; border:1px #f4f4f4 solid; display: block;} #ny .right .tj_pro .bd ul.pro li a:hover{ width:311px; height: 234px; border:1px #b2d352 solid; display: block;} #ny .right .tj_pro .bd ul.pro li:nth-child(3n){ margin-right: 0;} #ny .right .tj_pro .bd ul.pro li .text{position: absolute; bottom: 0; left: 0; width:291px; background: rgba(0,0,0,0.5); padding: 10px; } #ny .right .tj_pro .bd ul.pro li:hover .text{ display: block;} #ny .right .tj_pro .bd ul.pro li a p{font-size: 14px; height:35px; color:#fff; width: 90%; float: left;} #ny .right .tj_pro .bd ul.pro li .text img{ width:29px; height: 29px; float: right; } #ny .right .tj_pro .bd ul.pro li .fd{ position:absolute; top: 0; left: 0; width: 281px; height: 204px; background:rgba(0,0,0,0.8); text-align: center; padding: 15px; z-index: 6; display: none;} #ny .right .tj_pro .bd ul.pro li:hover .fd{ display: none;} #ny .right .tj_pro .bd ul.pro li .fd img{ margin: 0 auto; display: block;} #ny .right .tj_pro .bd ul.pro li .fd span{width: 100%; clear: both; text-align: center; color: #fff; margin: 0 auto; display: block;} #ny .right .tj_pro .bd ul.pro li .fd .more{ width: 120px; line-height: 30px; display: block; color: #000; background: #b2d352; border-radius: 5px; margin: 10px auto; } #ny .right .tj_pro .bd ul.news li { width: 100%; background: url(../image/line.jpg) repeat-x bottom; line-height: 50px; display: block;} #ny .right .tj_pro .bd ul.news li img{ float: left; margin:16px 20px 0 10px; } #ny .right .tj_pro .bd ul.order{ padding:15px 2px; zoom:1; width: 1000px; height: auto; display: table; margin-top: 30px; background: url(../image/order_06.jpg) no-repeat bottom right;} #ny .right .tj_pro .bd ul.order li{ width: 500px; border: 1px #ededed solid; border-radius: 5px; margin-top: 20px; height: 40px; padding-left:50px; } #ny .right .tj_pro .bd ul.order li:nth-child(1){background: url(../image/order1.jpg) no-repeat 10px 10px;} #ny .right .tj_pro .bd ul.order li:nth-child(2){background: url(../image/order2.jpg) no-repeat 10px 10px;} #ny .right .tj_pro .bd ul.order li:nth-child(3){background: url(../image/order3.jpg) no-repeat 10px 10px;} #ny .right .tj_pro .bd ul.order li:nth-child(4){background: url(../image/order4.jpg) no-repeat 10px 10px;} #ny .right .tj_pro .bd ul.order li.big{ width: 600px; border: 1px #ededed solid; border-radius: 5px; margin-top: 20px; height: 150px; background: url(../image/order5.jpg) no-repeat 10px 10px; padding-left: 30px;} #ny .right .tj_pro .bd ul.order li.anniu{ width: 150px; background: #4ab6e2; color: #fff; margin-top: 20px; height: 40px; padding: 0;} #ny .right .tj_pro .bd ul.order li input{ width: 450px; border:none; background: none; line-height: 20px; font-size: 14px; padding: 10px 0; } #ny .right .tj_pro .bd ul.order li textarea{ width: 650px; border:none; background: none; line-height: 20px; font-size: 14px; padding: 15px 20px; height: 120px; } #ny .right .tj_pro .bd ul.order li.anniu input{ width: 150px; background: #4ab6e2; border: none; color: #fff; line-height: 40px; padding: 0; cursor: pointer; border-radius: 5px;} #ny .right ul.news_list{ width: 1030px; margin-top: 30px;} #ny .right ul.news_list li{ width: 100%; background: url(../image/list_03.jpg) no-repeat 10px 15px; border-bottom: 1px #ededed dashed; height: 50px; text-indent: 50px; position:relative;} #ny .right ul.news_list li a{ width:1030px; line-height: 50px; font-size: 14px; display: block;} #ny .right ul.news_list li a p{ width:100px; position:absolute; top: 0; right: 0; text-align: center; font-size: 14px; color: #ccc; text-indent:0;} .right ul.custom_list{ zoom:1; padding:10px; width: 1030px; height: 450px; background: #fff; padding-top: 30px;} .right ul.custom_list li{ margin-right:20px; float:left; _display:inline; overflow:hidden; text-align:center; width: 320px; height: 440px; position: relative;} .right ul.custom_list li:nth-child(3n){margin-right: 0;} .right ul.custom_list li .pic1{ text-align:center; } .right ul.custom_list li .pic1 img{ width:318px; height:238px; display:block; border:1px solid #ccc; } .right ul.custom_list li .logo1{ width: 200px; height: 70px; position: absolute; top: 205px; left:55px; border: 1px #ccc solid;} .right ul.custom_list li .text1{ width:288px; height:80px; display:block; padding:50px 15px 15px 15px; border:1px solid #ccc; background: #fff; text-align: left; border-top: 0; } .right ul.custom_list li .text1 .time{ width: 100px; line-height: 40px; font-size: 18px; border-bottom: 1px #000 solid; padding-top: 35px; text-align: left; color: #000;} .right ul.custom_list li .text1 .jj1{ width: 288px; text-align: left; padding-top: 10px; font-size: 14px; color: #666;} .right ul.custom_list li:hover .text1{background: #2fabde;} .right ul.custom_list li:hover .text1 .times{ color: #fff;} .right ul.custom_list li:hover .text1 .jj1{ color: #fff;} .pro_nav { width: 280px; padding-bottom: 20px; display: table;} .pro_nav .title{font-size: 24px; line-height:30px; color:#2fabde; padding-bottom: 25px; padding-left:30px; background: url(../image/about_08.png) no-repeat top left;} #ny .left ul.nav_pro{ width: 280px;} #ny .left ul.nav_pro li{ width:280px; height: 49px; margin-bottom: 1px; background: #f0f0f0; position: relative;} #ny .left ul.nav_pro li a{ width:270px; line-height: 49px; border-left: 10px #2fabde solid; display: block; text-indent: 50px} #ny .left ul.nav_pro li a:hover{ border-left: 10px #74bf06 solid; color: #fff; background: #2fabde } #ny .left ul.nav_pro li p{ position: absolute; width:20px; height: 20px; display: block; margin:15px 0 15px 30px; overflow: hidden;} #ny .left ul.nav_pro li p img{ width: 20px; height: auto; padding: 0; margin: 0; line-height: 20px; text-indent: 0; } #ny .left ul.nav_pro li:hover p img{ filter:drop-shadow(0 0 0 white);} #ny .left ul.nav_pro li.zi a{ background: url(../image/about_10.png) no-repeat 240px 20px #2fabde; color: #fff;} #ny .left ul.nav_pro li.zi a:hover{background: url(../image/about_10.png) no-repeat 240px 20px #2fabde;} #ny .right .saixuan{ width: 1030px; padding: 0; display: table} #ny .right .bt{ width: 100%; line-height: 40px; font-size: 18px; margin-top: 20px; font-weight: bold; color:#2fabde;} #ny .right .saixuan ul.fl_x{ width: 1030px; padding: 10px 0 20px 0; margin:0; clear: both; display: none; background:url(../image/line.jpg) repeat-x bottom;} #ny .right .saixuan ul.fl_x li{ font-size: 14px; float: left; margin: 10px 10px 0 0; line-height: 20px;} #ny .right .saixuan ul.fl_x li a{ padding: 10px 15px; border: 1px #ccc solid; display: inline-block;} #ny .right .saixuan ul.fl_x li a:hover{ border: 1px #74bf06 solid; color: #74bf06;} #ny .right .saixuan ul.fl_x li.zi a{ padding:10px 50px 10px 15px; background: url(../image/jt_03.jpg) no-repeat center right;} #ny .right .saixuan ul.fl_x li a.on,#ny .right .saixuan ul.fl_x li a.on:hover{ border: 1px #2fabde solid; color: #2fabde; } #ny .right .saixuan ul.fl_x li.zi a.on,#ny .right .saixuan ul.fl_x li.zi a.on:hover{ border: 1px #2fabde solid; color: #2fabde; padding:10px 50px 10px 15px; background: url(../image/jt_05.jpg) no-repeat center right;} #ny .right .saixuan ul.fl_x2{ width: 1030px; padding-bottom:20px; margin-top:10px; background:url(../image/line.jpg) repeat-x bottom; } #ny .right .saixuan ul.fl_x2 li{ font-size: 14px; float: left; margin: 5px 8px 0 0; line-height: 20px;} #ny .right .saixuan ul.fl_x2 li a{ padding:10px 50px 10px 15px; background: url(../image/jt_03.jpg) no-repeat center right; border: 1px #ccc solid; color: #666; background:#f9f9f9; display: inline-block;} #ny .right .saixuan ul.fl_x2 li a:hover{ border: 1px #74bf06 solid; color: #74bf06;background: url(../image/jt_05.jpg) no-repeat center right;} #ny .right .saixuan ul.fl_x2 li.zi a{ padding:10px 50px 10px 15px; background: url(../image/jt_03.jpg) no-repeat center right;} #ny .right .saixuan ul.fl_x2 li a.on,#ny .right .saixuan ul.fl_x li a.on:hover{ border: 1px #2fabde solid; background: #2fabde; color: #fff; } #ny .right .saixuan ul.fl_x2 li.zi a.on,#ny .right .saixuan ul.fl_x li.zi a.on:hover{ border: 1px #2fabde solid; color: #2fabde; padding:10px 50px 10px 15px; background: url(../image/jt_05.jpg) no-repeat center right;} #ny .right .saixuan ul.fl_x3{ width: 1030px; padding-bottom:20px; margin-top:10px; background:url(../image/line.jpg) repeat-x bottom;} #ny .right .saixuan ul.fl_x3 li{ font-size: 14px; float: left; margin: 8px 8px 0 0; line-height: 20px;} #ny .right .saixuan ul.fl_x3 li a{ padding: 8px 10px; border: 1px #ccc solid; color: #666; display: inline-block;} #ny .right .saixuan ul.fl_x3 li a:hover{ border: 1px #74bf06 solid; color: #74bf06;} #ny .right .saixuan ul.fl_x3 li.zi a{ padding: 3px 5px; } #ny .right .saixuan ul.fl_x3 li a.on,#ny .right .saixuan ul.fl_x li a.on:hover{ border: 1px #2fabde solid; background: #2fabde; color: #fff; } #ny .right .saixuan ul.fl_x3 li.zi a.on,#ny .right .saixuan ul.fl_x li.zi a.on:hover{ border: 1px #2fabde solid; background: #2fabde; color: #fff; padding: 3px 5px;} #ny .right ul.logo_x { width: 1030px; padding: 10px 0 20px 0; margin:0; clear: both; display: table; background:url(../image/line.jpg) repeat-x bottom;} #ny .right ul.logo_x li{margin: 10px 10px 0 0; background: #fff; float: left;} #ny .right ul.logo_x li a{ width:120px; height: 60px; display: inline-block; padding: 1px; border: 2px #ededed solid; display: block;} #ny .right ul.logo_x li a:hover{border: 2px #74bf06 solid;} #ny .right ul.logo_x li img{ width:120px; height: 60px; } #ny .right ul.logo_x li.on a{ border: 2px #2fabde solid; background:#2fabde } #ny .right ul.logo_x li.on img{ width:100px; height: 50px; border: 2px #fff solid; border-left:7px #fff solid; border-right: 7px #fff solid; margin: 3px;} #ny .right ul.logo_x li.all a{ width:120px; height: 60px; text-align: center; line-height: 60px; padding: 1px; border: 1px #ccc solid; display: inline-block;} #ny .right ul.logo_x li.all a:hover{ border: 1px #74bf06 solid; background: #74bf06; color: #fff;} #ny .right .menu_pro{ width: 1030px; border-top: 3px #74bf06 double; padding-top: 30px;} #ny .right .menu_pro a{ padding: 10px 15px; display: inline-block; border: 1px #ccc solid; } #ny .right .menu_pro span{ padding: 10px 15px;display: inline-block;} #ny_pro{width:1400px; padding: 0; margin: 50px auto; position: relative; } #ny_pro .picFocus { margin:0; width:365px; border:1px solid #ccc; padding:5px; position:relative; overflow:hidden; zoom:1; float:left; } #ny_pro .picFocus .hd{ width:100%; padding-top:5px; overflow:hidden; } #ny_pro .picFocus .hd ul{ margin-right:-5px; overflow:hidden; zoom:1; } #ny_pro .picFocus .hd ul li{ padding-top:5px; float:left; text-align:center; margin-left: 2px; } #ny_pro .picFocus .hd ul li img{ width:80px; height:60px; border:2px solid #ddd; cursor:pointer; margin-right:5px; } #ny_pro .picFocus .hd ul li.on{ background:url("404.png") no-repeat center 0; } #ny_pro .picFocus .hd ul li.on img{ border-color:#f60; } #ny_pro .picFocus .bd li{ vertical-align:middle; } #ny_pro .picFocus .bd img{ width:375px; height:281px; display:block; } #ny_pro .intro{ width: 650px; padding-left: 20px; height: 370px; margin-left: 20px; float: left; border-left: 1px #ededed solid;} #ny_pro .intro .name{ background: url(../image/icon.png) no-repeat center left; line-height: 20px; font-size: 18px; padding: 10px 0 10px 30px ; color: #000; border-bottom: 1px #f0f0f0 solid; } #ny_pro .intro .jj{ width: 600px; font-size: 14px; line-height: 20px; padding:15px 0; color: #000; padding-left: 30px; background: url(../image/line.jpg) repeat-x bottom;} #ny_pro .intro dl{ width:600px; clear: both; font-size: 14px; line-height: 30px; color: #999; margin-top: 20px; } #ny_pro .intro dl dt{width: 100px; float: left; color:#000;} #ny_pro .intro dl dd{ width:500px; float: left;} #ny_pro .intro a{ color:#4ab6e2;} #ny_pro .intro .more{ font-size: 18px; background: url(../image/line.jpg) repeat-x top; line-height: 40px; padding-top: 10px; margin-top: 30px; } #ny_pro .contact{ width:275px; float: right; background: #f8f8f8; border: 1px #ccc solid; height: 350px; padding: 10px; overflow: hidden;} #ny_pro .contact .logo{ width: 120px; height: 60px; margin: 10px auto; padding-bottom: 20px;} #ny_pro .contact .name{ width: 100%; text-align: center; color: #4ab6e2; border-bottom: 1px #74bf06 solid; line-height: 30px;} #ny_pro .contact .ewm .hd{ height:50px; line-height:30px; background:#f4f4f4; margin:10px 0; border-bottom:1px solid #74bf06; position:relative; } #ny_pro .contact .ewm .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:50px; } #ny_pro .contact .ewm .hd ul li{ float:left; padding:0 20px; cursor:pointer; } #ny_pro .contact .ewm .hd ul li.on{ height:50px; background:url(../image/jt-top.png) no-repeat center bottom;} #ny_pro .contact .ewm .bd ul{ padding:5px 15px; zoom:1; } #ny_pro .contact .ewm .bd li{ height:130px; line-height:24px; text-align: center; font-size: 16px; } #ny_pro .contact .ewm .bd li img{border: 1px #ccc solid; width:120px; height: 120px; } #ny .left1{ width: 335px; float:left; background: #f5f5f5; min-height: 300px; padding: 20px} #ny .left1 .title{ width:311px; font-size: 18px; line-height: 50px; margin: 0 auto; padding-bottom: 20px;} #ny .left1 ul{ width:311px; margin: 0 auto;} #ny .left1 ul li{ width:311px; height: 234px; border:1px #ccc solid; float: left; margin-right: 30px; margin-bottom: 20px; position: relative;} #ny .left1 ul li:nth-child(3n){ margin-right: 0;} #ny .left1 ul li .text{position: absolute; bottom: 0; left: 0; width:291px; background: rgba(0,0,0,0.5); padding: 10px; } #ny .left1 ul li a p{font-size: 14px; line-height: 18px; color:#fff; width: 200px; float: left;} #ny .left1 ul li .text img{ width:29px; height: 29px; float: right; } #ny .left1 ul li .fd{ position:absolute; top: 0; left: 0; width: 281px; height: 204px; background:rgba(0,0,0,0.8); text-align: center; padding: 15px; z-index: 6; display: none;} #ny .left1 ul li:hover .fd{ display: none;} #ny .left1 ul li .fd img{ margin: 0 auto; display: block;} #ny .left1 ul li .fd span{width: 100%; clear: both; text-align: center; color: #fff; margin: 0 auto; display: block;} #ny .left1 ul li.more{ border: none; height: 50px;} #ny .left1 ul li.more a{ width: 311px; line-height: 50px; border-radius: 5px; background:#74bf06; color: #fff; display: block; text-align: center; } #ny .right1{ width:980px; float:right; min-height: 300px; border-left: 1px #ededed solid; padding-left: 20px;} #ny .right1 .hd{ height:50px; line-height:50px; background:#f4f4f4; padding:0; border-bottom:1px solid #ddd; border-top:1px solid #ddd; position:relative; } #ny .right1 .hd ul{ float:left; position:absolute; left:0; top:-1px; height:50px; } #ny .right1 .hd ul li{ float:left; padding:0 50px; cursor:pointer; border-right-width:1px solid #ddd; } #ny .right1 .hd ul li.on{ height:50px; background:#4ab6e2; border:1px solid #ddd; color: #fff; border-bottom:2px solid #fff; } #ny .right1 .bd ul{ padding:15px; zoom:1; } #ny .right1 .bd li{ height:auto; line-height:35px; font-size: 14px; } #ny .right1 .bd li img{ width: 100%; max-width: 960px; height: auto;} #ny .right1 .bd li p{ padding-top: 10px;} #ny .right1 .bd ul.order{ padding:15px 2px; zoom:1; width: 1000px; height: auto; display: table; margin-top: 30px; background: url(../image/order_06.jpg) no-repeat bottom right;} #ny .right1 .bd ul.order li{ width: 500px; border: 1px #ededed solid; border-radius: 5px; margin-top: 20px; height: 40px; padding-left:50px; } #ny .right1 .bd ul.order li:nth-child(1){background: url(../image/order1.jpg) no-repeat 10px 10px;} #ny .right1 .bd ul.order li:nth-child(2){background: url(../image/order2.jpg) no-repeat 10px 10px;} #ny .right1 .bd ul.order li:nth-child(3){background: url(../image/order3.jpg) no-repeat 10px 10px;} #ny .right1 .bd ul.order li:nth-child(4){background: url(../image/order4.jpg) no-repeat 10px 10px;} #ny .right1 .bd ul.order li.big{ width: 600px; border: 1px #ededed solid; border-radius: 5px; margin-top: 20px; height: 150px; background: url(../image/order5.jpg) no-repeat 10px 10px; padding-left: 30px;} #ny .right1 .bd ul.order li.anniu{ width: 150px; background: #4ab6e2; color: #fff; margin-top: 20px; height: 40px; padding: 0;} #ny .right1 .bd ul.order li input{ width: 450px; border:none; background: none; line-height: 20px; font-size: 14px; padding: 10px 0; } #ny .right1 .bd ul.order li textarea{ width: 650px; border:none; background: none; line-height: 20px; font-size: 14px; padding: 15px 20px; height: 120px; } #ny .right1 .bd ul.order li.anniu input{ width: 150px; background: #4ab6e2; border: none; color: #fff; line-height: 40px; padding: 0; cursor: pointer; border-radius: 5px;}