@charset "utf-8"; /* CSS Document */ * { padding:0px; margin:0px; } img { border:none; } .top_lang{ float:right; margin:40px 0 0 30px; position:relative; width:100px;} .top_lang span{ display:block;background:url(../images/lang_ioc.png) right center no-repeat; font-size:16px; line-height:10px; color:#333; padding-right:15px;cursor:pointer;} .top_lang_xl{ position:absolute; right:0; top:15px; padding:0; width:100px; background:#FFF; overflow:hidden; height:0; -webkit-transition:0.5s;transition:0.5s; border-radius:5px;} .top_lang:hover .top_lang_xl{padding:10px 0 10px;height:310px; width:100px;} .top_lang_xl a{ display:block; font-size:14px; line-height:10px; color:#666; text-align:center;} .top_lang_xl a:hover{color:#0f7a0b;} body { font-size:14px; font-family:"Microsoft Yahei", verdant, tahoma; color:#333; font-weight:normal; padding:0px; margin:0px; text-decoration:none; line-height:27px; } a { font-size:14px; text-decoration:none; font-family:"Microsoft Yahei", verdant, tahoma; color:#333; font-weight:normal; } a:hover { font-size:14px; text-decoration:underline; font-weight:normal; color:#000000; font-family:"Microsoft Yahei", verdant, tahoma; } .clear { clear:both; } ul { list-style-type: none; } li { list-style-type:none; line-height:25px; } .fl{float:left;} .fr{float:right;} .hz{width:1180px;margin:0 auto;} .hza{ width: 1180px; margin: 25px auto; overflow: hidden; } .page-list { width: 100%; padding: 20px 10px 10px 10px; line-height: 32px; zoom: 1; overflow: hidden; text-align: center; } .page-list a, .page-list span { display: inline-block; margin: 0 4px; padding: 0 7px; border: solid 1px #e1e1e1; height: 32px; } .page-list a.now { color: #ee1c25; font-weight: normal; border: 0; border-top: solid 1px #ee1c25; border-bottom: solid 1px #ee1c25; } .page-list .previous { width:32px; background:url(../images/bg_prev.jpg) no-repeat; border: 0; text-indent: -88888888px; padding: 0; } .page-list .next { width:32px; background:url(../images/bg_next.jpg) no-repeat; border: 0; text-indent: -88888888px; padding: 0; } .top-hz{width:100%;background:#373737;overflow: hidden;line-height:39px;} .top{ width: 360px; } .top1a{ width: 155px; color: #fff; } .tu{padding:10px 3px 0 0 ;} .top1a a{color:#fff;} .top1b{width:95px;margin-left:25px;} .top1b a{color:#fff;} .top1c { width: 155px; color: #fff; width: 200px; } .top1c a{color:#fff;} .top2{width:780px;} .search{margin-top:5px;width:210px;} input { outline:none; } .sok { width:172px; padding-left:10px; background:url(../images/index_04.jpg) no-repeat; color:#fff; border:none;height:25px;float:left; } .fx{padding-right:10px;} .fx a{color:#fff;} .logo{width:289px;margin:30px 0;} /*nav*/ .nav{ width:860px; } .nav ul li { float: left; position: relative;} .nav ul li h3 {} .nav ul li h3 a {display: block;line-height:103px; font-size:16px; text-align:center; font-weight:normal;padding: 0 40px;} .nav ul li:hover h3 { background:#f4f4f4;display:block; } .navmenu {position: absolute; left: -92px; top:100px;z-index: 9999;display: none; width: 583px; padding: 10px 15px 23px 15px; border-radius: 0 0 10px 10px; background:#f4f4f4;} .navleft {float: left; width: 145px;padding-right: 29px;} .navleft div {margin-top: 12px;line-height: 21px; text-align: center;background: #2457a6;padding:8px 0;} .navleft div:first-child { margin-top: 0;} .navleft div a {display: block; color: #fff;} .navleft div:hover {filter: alpha(opacity=70);opacity: 0.7;} .navright {float: right;width: 409px;} .navright2,.navright1 { display:none} .navimg {float: right;margin-top: 25px; width: 190px; height: 127px;} .navimg img { width: 100%; height:100%;} .navimg:hover { filter: alpha(opacity=70);opacity: 0.7;} .navInfo {width: 190px; padding-top: 17px;} .navInfo h4 { color: #000;padding-bottom: 5px;} .navInfo p { color: #474747; line-height: 24px;padding-bottom: 2px;} .navInfo div { text-align: right;} .navInfo div a {color: #ed861d;} .navInfo div a:hover { padding-right: 10px; -webkit-transition: All 0.2s ease;-moz-transition: All 0.2s ease;transition: All 0.2s ease;} .banner { margin-right: auto; margin-bottom: 0; margin-left: auto; } /* fullSlide */ .fullSlide{width:100%;position:relative;height:430px;background:#000; } .fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;} .fullSlide .bd ul{width:100% !important;} .fullSlide .bd li{width:100% !important;height:430px;overflow:hidden;text-align:center; position:relative; } .fullSlide .bd li a{display:block;height:430px;} .fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;} .fullSlide .hd ul{text-align:center;} .fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;} .fullSlide .hd ul .on{background:#f00;} .fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;} .fullSlide .next{left:auto;right:5%;background-position:-6px -137px;} a.banner-bg{ display:block; width:100%;background:url(../images/banner-hg.png) center bottom no-repeat; padding-bottom:10px;} /* banner css end */ .index-product-title{background:url(../images/index_28_03.jpg) no-repeat;padding: 0 23px;overflow:hidden;line-height:37px;} .index-product-bt{color:#fff;font-size:18px;} .index-product-tu{border-top:1px solid #d6d6d6;border-left:1px solid #d6d6d6;margin-top:15px;overflow:hidden;width:1176px; } .index-product-tu li{width:289px;padding:2px;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;text-align:center;float:left;line-height:30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .index-product-tu img{width:289px;height:206px;} .main{ background: #434343; overflow: hidden; padding-top: 39px; margin-top: 45px; } .index_abour-hz{background:#f3f3f3;overflow: hidden;padding:30px;} .index_about{ width: 570px; } .index_about-title{ /* [disabled]color:#fff; */ font-size: 22px; } .index_about-tu{ margin-top: 20px; border: 1px solid #ccc; padding: 5px; background: #fff; } .index_about-content{ margin-top: 20px; } .index_new{ margin-top: 20px; } .index_new li{border-bottom:1px dashed #e2e2e2;line-height:30px;background:url(../images/cp_dot.gif) no-repeat left;padding-left:20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .index_contact{ width: 280px; } .index_contact-nr{ color: #CCC; margin-top: 15px; } .index_contact-nr a{color: #CCC; } .index_contact-nr table tr td a { color: #cecece; } .foot{background:#2c2c2c;text-align:center;color:#a5a5a5;overflow:hidden;line-height:50px;} .foot a{color:#a5a5a5;} .foot-lxfs{ width:900px; } .foot-hz-nav { float: left; width: 180px; } .foot-hz-cd { width:180px; color: #FFF; font-size: 16px; } .foot-hz-menu { width:260px; margin-top: 20px; } .foot-hz-menu li{line-height:30px;} .foot-hz-menu a { color: #cecece; } .img-banner{ background:center center; width:100%; overflow:hidden;} .img-banner div{ line-height:0px;} .img-banner div img{opacity:0;} .about_left{width: 254px;} .about_left-title { width: 244px; font-size: 18px; line-height: 50px;background:#4b4b4b;color:#fff; padding-left:10px;} .about_left-menu { width: 254px; background-color: #f4f4f4;} .about_left-menu ul li {width: 239px; line-height: 44px; border-bottom: 1px #dbdbdb solid; padding-left: 15px; background: url(../images/ny-tb.jpg) no-repeat 16px center; text-indent:15px;} .about_right { width: 900px; } .about_right-title { width: 910px;font-size:16px;font-weight:bold;color:#C00;} .about_right-content { width: 900px; margin-top: 30px; } .about_right-content1 { width: 900px; margin-top: 30px; } .about_right-content1 li{ border-bottom:dashed 1px #ccc;margin-bottom:15px;} .pro-hz{width:900px;margin-bottom:20px;} .pro-title{width:900px;line-height:42px;margin:0 0 10px 0;font-size:20px;font-weight:bold;} .pro-pic-hz{width:442px;float:left;margin-right:15px;margin-bottom:20px;} .pro-pic-tu{padding:5px;border:1px solid#ccc;} .pro-pic-tu img{width:430px; height:200px;} .pro-pic-hz:nth-child(2n){margin-right:0;} .pro-pic-title{width:442px;text-align:center;line-height:35px;} .ny-titlt{ width: 890px; margin: 0px 0px 25px 0px;;background:#efefef; line-height: 47px;text-align:right;padding-right:10px; } /*******products********/ .probox1{ width:1180px; overflow:hidden; margin:auto;} .flp{ width:254px; height:auto; overflow:hidden; float:left;} .fl_con{ height:auto; padding:30px 0 30px 58px; color:#FFFFFF; background:#473a31 url(../images/v2.jpg) no-repeat 20px center; font-size:18px; line-height:20px;} .cp-ln{ width: 254px; border-top: none; background: #f4f4f4; height: auto; position: relative; margin: 2px 0 1px 0; } .cp-ln h2{font-size:18px; height:45px; line-height:45px; text-align:center; background:#5dbfec;} .cp-ln h2 a{color:#fff; font-size:18px;} .cp-ln h3{height:38px; line-height:38px; overflow:hidden; padding-left:28px; border-bottom:1px solid #fff; background:url('../images/cp_c.png') no-repeat 16px 16px; cursor:pointer;} .cp-ln h3.cur{background:url('../images/cp_b.png') no-repeat 16px 16px;} .cp-ln ul{background:#fdfdfd;padding:3px 0 3px 14px;border-bottom:1px solid #e9e9ea; display:none;} .cp-ln li{line-height:30px; overflow:hidden; padding-left:16px; background:url('../images/cp_dot.gif') no-repeat 0 12px;} .cp-ln li a{color:#666;} .cp-ln li a:hover{ color:#0180ab;} .cp-ln li ul li{} .cp-ln li ul li a{ font-size:12px;} .cp-ln .msg{color:#eb6100;line-height:34px; padding:15px;} .cp-ln .pho{position:absolute; bottom:14px; left:15px; padding-left:18px; font-size:18px; color:#333; background:url('../images/pho.gif') no-repeat } .news { width:900px; margin-bottom: 40px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; padding-bottom: 30px; overflow: hidden; } .news-tu{ width: 190px; padding: 4px; border: 1px #cbcbcb solid; } .news-nr{width:680px;} .new-more{ width: 110px; line-height: 30px; border: 1px solid #CCC; border-radius: 5px; -moz-border-radius: 5px; /* Old Firefox */ text-align: center; margin-top: 20px; } .news-title { width: 680px; font-size: 18px; color: #000; } .news-title a { font-size: 18px; } .rq { float: right; font-size: 14px; color: #666; } .news-content { width: 680px; margin-top: 10px; } .news-ti { width: 900px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #D0D0D0; font-size: 24px; color: #000; line-height: 35px; text-align: center; padding-bottom: 10px; } .time { font-size: 14px; color: #666; } .about-d { width: 900px; margin-top: 30px;/* [disabled]padding-bottom: 40px; */ } .xy{ width: 900px; text-align: center; margin-top: 30px; } .map{width:888px;padding:5px;border:1px #CCC solid;margin-top:20px; } .sok1{ width: 350px; border: 1px solid #D8D8D8; line-height: 35px; margin-bottom: 15px; padding-left: 15px; color: #CCCCCC; font-size: 14px; font-family: "微软雅黑"; } input{outline:none;} .sok2{ width: 100px; border: 1px solid #D8D8D8; line-height: 35px; margin-bottom: 15px; padding-left: 15px; color: #CCCCCC; font-size: 14px; font-family: "微软雅黑"; margin-top: 15px; } input{outline:none;} .tj{ width: 90px; border: 1px solid #e6e5e5; line-height: 37px; text-algin: center; color: #fff; font-size: 14px; background-color: #000000; cursor: pointer; font-family: "微软雅黑"; font-size: 16px; } .ryzz-pic ul li { width: 275px; margin-right: 19px; float: left; margin-bottom: 20px; text-align: center; border: 1px #CCC solid; padding: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ryzz-pic ul li:nth-child(3n){margin-right:0;} .ryzz-pic ul li img{width:279px;} .product-show-top-wz{width:445px;} .zdy{margin-bottom:20px;} .product-show-bottom{ width: 900px; margin-top: 40px; } .pro-show2-hz{width:289px;float:left;margin-right:16px;margin-bottom:20px;} .pro-show2-tu{padding:3px;border:1px solid#ccc;} .pro-show2-tu img{width:279px; height:200px;} .pro-show2-hz:nth-child(3n){margin-right:0;} .pro-show2-title{width:289px;text-align:center;line-height:35px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .product-top { width: 900px; margin-top:20px; } .product-top .l { width: 450px; float: left; } .pro-right { width: 420px; float: right; } .product-ny-title { width: 420px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; line-height: 35px; font-size: 18px; font-weight: bold; } .product-ny-js { width: 420px; margin-top: 15px; margin-bottom: 15px; float: left; height: 250px; overflow: hidden; } .pro-js { width: 760px; margin-top: 30px; }.product-cp { width: 267px; margin-right: 14px; margin-left: 14px; float: left; margin-bottom: 20px; } .sb-tu { width: 260px; border: 1px solid #CCCCCC;padding:2px;background-color:#FFFFFF;box-shadow: 6px 6px 6px #888888; } .sb-tu:hover { border: 1px solid #FF0000; } .sb-zi { width: 276px; text-align: center; line-height: 40px; } .about-right-nr { width: 910px; } .sbt { width: 1180px; text-align: center; } .sbt-ms { width: 900px; margin-top: 50px; } .sbt-ms-top { width: 900px; font-size: 16px; line-height: 35px; color: #000000; border-bottom: 1px solid #E1E1E1;font-weight:bold; } .sbt-ms-top ul li {float: left;margin-right:30px;font-size: 16px; line-height: 35px; color: #000000;font-weight:bold; } .sbt-ms-top ul li a{display:block;font-size: 16px; line-height: 35px; color: #004ea1;font-weight:bold;} .cpxq{width:900px;margin-top:20px;} #demo{width:100%; overflow:hidden; margin:0px auto} .djxz{float:right;padding-right:550px;}