@charset "utf-8"; /* CSS Document */ *{padding: 0;} body{font-size: 12px;color: #333;margin: 0px;font-family: 微软雅黑, Microsoft YaHei, Arial, Helvetica, sans-serif;} ul,li{list-style-type: none;} img,ul,li{padding: 0px;margin: 0px;} img{border: none;} a{color: #333;text-decoration: none;} a:hover{text-decoration: none;} a:active{text-decoration: none;} .clear{clear: both;} img{border: 0;} .clearfix:after{visibility: hidden;display: block;font-size: 0;clear: both;height: 0;} .clearfloat{clear: both;height: 0;font-size: 1px;line-height: 0px;} .clearfix{display: inline-table;} input,textarea{outline: none;border: 0px;} /* Hides from IE-mac \*/ * html .clearfix{height: 1%;} .clearfix{display: block;} h3{font-weight: normal;} h1,h2,h3,h4,h5,p,dl,dd,dt{margin:0;font-weight: normal;} i,em{font-style: normal;} /* End hide from IE-mac */ @media screen and (min-width:1180px){body{overflow-x: hidden;}} /*公用*/ .con_width{width:1180px; margin-left:auto; margin-right:auto;overflow:hidden;} .fl{float:left;} .fr{float:right;} .hide{display:none;} /*颜色定义*/ .black{color:#545454;} .gray{color:#c4c3c3;} .green,.green a{color:#017920;} .white{color:#fff;} .orange{color:#02A7D7;} .orange a{color:#02A7D7;} /*字体定义*/ .f14{font-size:14px;} .f16{font-size:16px;} .f18{font-size:18px;} .f20{font-size:20px;} .f22{font-size:22px;} .f24{font-size:24px;} .f28{font-size:28px;} .f30{font-size:30px;} /*文本溢出显示省略号*/ .Single{display:inline-block;*display:inline;zoom:1;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .dib{display:inline-block;*display:inline;zoom:1;} /*立即咨询按钮样式*/ .btn{font-size: 16px; width: 112px; text-align: center; font-weight: bold; display:inline-block; overflow: hidden;background:url(../images/ban_btn_bg.png) no-repeat center;height: 38px; line-height: 38px;color:#fff;margin-left:30px;} .top{height:30px;background:#000000; line-height:30px;color:#fff;} .top a{padding:0 5px;color:#fff;} .top a img{margin-bottom:-4px;} .logo,.toper .logo .logo_phone{overflow:hidden;} .logo h1{margin:20px 0 0 0;padding-right:15px;} .logo .slogan{margin-left:0px;margin-top:50px;} .logo .slogan strong{display:block;margin-top:10px;} .logo .slogan strong.f20{background:url(../images/sol_bg.png) no-repeat left center;padding-left:27px;} .logo .logo_phone{margin-top:58px;} .logo .logo_phone .l_ph_icon{background:url(../images/con_phone.png) no-repeat left 7px;width:55px;height:80px;margin-right:15px;} .logo .logo_phone p{font-size:16px;color:#333;} .logo .logo_phone p span{display:block;font-size:28px;font-weight:bold;margin-top:3px;} /*nav*/ .nav_all{background:#333;} .nav{width:1180px; height:56px; margin:22px auto 0; z-index:9999;} .nav li{float:left;height:56px;line-height:56px;position:relative; z-index:100; display: inline;} .nav li a{float:left; display: inline-block; padding: 0 18px; height:56px; text-align:center; line-height:56px; background:url(../images/nav_line.png) no-repeat right center;} .nav li:hover{background:url(../images/nav_hover.png) no-repeat top;} .nav li a span{float:left;display:block;cursor:pointer; font-family:"Microsoft YaHei";text-align:center; color:#fff;font-size:16px; } .nav li.selected .submenu{display:block;} .nav li .submenu{display:none;position:absolute;top:56px;left:7px; background:url(../images/nav_list_bg.png); width:110px;padding-top:10px; } .nav li .submenu li{float:left;padding:0;background:none;height:20px; line-height:20px;padding-bottom:15px;} .nav li .submenu li a{float:none;padding:0;text-align:center;font-size:16px; font-family:"Microsoft YaHei";height:20px;line-height:20px;background:none; color:#fff;font-weight:bold;border:none;width:110px;} .nav li .submenu li a:hover{text-decoration:underline;} /*banner*/ .banner{width:100%; margin:1px auto 0; position:relative; height:460px;overflow: hidden;} .fullSlide{width:100%;position:relative;height:460px;background:transparent} .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:460px;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat; box-shadow:1px 5px #7ba17d;} .fullSlide .bd li a{display:block;height:460px} .fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:15px;left:0} .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:#333;*filter:alpha(opacity=50);*opacity:.5;line-height:999px} .fullSlide .hd ul .on{background:#02A7D7;} .fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;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:.5;display:none} .fullSlide .next{left:auto;right:15%;background-position:-6px -137px} .fullSlide .bd li .ban_phone{position:absolute;top:335px;right:430px;} .fullSlide .bd li .ban_phone strong{font-size:24px;color:#fff;} .fullSlide .bd li .ban_phone a{display:inline-block;height:52px;margin-left:40px;} .banner_1{height:370px;position:relative;} /*search .search_box{overflow:hidden;height:50px;line-height:50px;border-bottom:1px dashed #e0e0e0;} .search_box .search{border:#b0b0b0 1px solid;height:26px;line-height:26px;width:252px; margin-top:10px} .search_box .search input{float:left;background:#fff;} .search_box .search input.sea_inp{width:208px;height:26px;border:0;padding-left:10px;color:#545454;line-height:26px; } .search_box .search input.sea_btn{width:34px;height:26px;cursor:pointer; background:url(../images/search_icon.png) no-repeat center #040404;} .search_box .sea_keyw{color:#333;margin-left:25px;} .search_box .sea_keyw a{color:#333;margin-right:15px;}*/ /*底部*/ .footer{ background:#191919;color:#fff;height:260px;line-height:60px; padding-top: 50px;} .footer .er{ margin-left: 60px; float: left; width: 135px; height: 160px; background: #fff; color: #333; text-align: center; line-height: 30px; box-sizing: border-box; padding:15px 0; } .footer .er img{ width: 105px; } /* .footer .er p{ line-height: 1.2; padding-top: 5px; } */ .footer dl{ line-height: 35px; width: 460px; float: left; margin-left: 35px; color: #ccc; font-size: 12px;} .footer dl dt{ line-height: 40px; font-size: 15px; color: #ccc; } .footer dl dd a{ display: inline-block; width: 110px; color: #ccc; } .footer dl dd.zhu a{ width: auto; } .footer dl.lx dd{ background: url(../images/tb.png) no-repeat left; padding-left: 30px; } .footer dl.lx{ width: 410px; } .footer .bq{ background: #000; height: 80px; text-align: center; line-height: 80px; color: #fff; font-size: 12px; margin-top:25px; overflow: hidden;} .footer .bq h2{ line-height: 80px; color: #fff; font-size: 12px; font-weight: 100; display: inline;} .footer .bq a{ font-size: 12px;line-height: 80px; color: #fff;} /*reset css*/ .izl-rmenu{ margin-right: 0; width: 82px; position: fixed; right: 2px; top: 45%; -webkit-box-shadow: #DDD 0px 1px 5px; -moz-box-shadow: #DDD 0px 1px 5px; box-shadow: #DDD 0px 1px 5px; z-index:999; } .izl-rmenu .consult{ background-image: url(../images/consult_icon.gif); background-repeat: no-repeat; background-position: center -77px; display: block; height: 76px; width: 82px; } .izl-rmenu .consult .phone { background-color: rgb(247,247,255); position: absolute; width: 160px; left: -160px; top: 0px; line-height: 73px; color: #000; font-size: 18px; text-align: center; display: none; box-shadow: #DDD -1px 1px 4px; } .izl-rmenu a.consult:hover .phone{display:inline !important;} .izl-rmenu .cart { background-image: url(../images/consult_icon.gif); background-repeat: no-repeat; background-position: center bottom; display: block; height: 16px; width: 16px; font-size: 12px; line-height: 16px; color: #45BDFF; text-align: center; padding-top: 15px; padding-right: 18px; padding-bottom: 47px; padding-left: 48px; } .izl-rmenu a.cart:hover .pic{display:block;} .izl-rmenu .btn_top { background-image: url(../images/float_top.gif); background-repeat: no-repeat; background-position: center top; display: block; height: 39px; width: 82px; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } .izl-rmenu .btn_top:hover { background-image: url(../images/float_top.gif); background-repeat: no-repeat; background-position: center bottom; } .izl-rmenu .cart .pic { display:none; position: absolute; left: -160px; top: 65px; width: 160px; height: 160px; } .izl-rmenu .cart .pic img{ width: 160px; height: 160px; } #udesk-feedback-tab { position: fixed; right: 2px; top: 45%; margin-top: -76px; -webkit-box-shadow: #DDD 0px -1px 5px; -moz-box-shadow: #DDD 0px -1px 5px; box-shadow: #DDD 0px -1px 5px; z-index: 10000; cursor: pointer; background-image: url(../images/consult_icon.gif); background-repeat: no-repeat; background-position: center top; display: block; height: 76px; width: 82px; background-color: #FFF!important; z-index:999; }