/* * name: Global && Pc StyleSheet * version: v3.2.0 * update: 加入placeholder颜色设置 * date: 2016-01-21 */ /*图片效果*/ .content_right{ float:right;} .content_left{ float:left;} .imghover img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} .imghover:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);} .imghoverguding{ overflow:hidden;} .imghove2 img{ -moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;} .imghove2:hover img{ transform:translate(-10px); -moz-transform:translate(-10px); -ms-transform:translate(-10px); -o-transform:translate(-10px); -webkit-transform:translate(-10px); } .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom { overflow:hidden; } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } .wrap { max-width: 1150px; margin-right: auto; margin-left: auto; *width: 1200px;} .contentwrap a{color:#010101;} .contentwrap a:hover{color:#09447b;} .home_zigongsi{padding:15px 0px; background:#f0f0f0;} .home_zigongsimore{float:right; font-size:13px;font-weight:normal; margin-right:15px; border:1px #676767 solid; } .home_zigongsimore:hover{background:#39f;border:1px #39f solid;} .home_zigongsimore a{color:#676767; display:block; padding:5px 7px;} .home_zigongsimore a:hover{color:#fff;} .form-control, .input-group-addon, .btn{border-radius: 2px; } .form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .product_pic{text-align:center; margin:0 auto;} .product_pic img{text-align:center; margin:0 auto;} /*top*/ .box { width: 100%;height: 100%;background-repeat: no-repeat;background-position: center top;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover} .hba {height: 300px} .slider {position: relative;width: 100%;height: auto;overflow: hidden} .slides {height: 100%;overflow: hidden; *zoom: 1;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;margin: 0;padding: 0;border: 0} .slide {height: 100%;float: left;clear: none;margin: 0;padding: 0;border: 0;list-style-image: none;list-style-type: none} .slider-arrow {position: absolute;display: block;margin-bottom: -30px;background-color: rgba(0,0,0,0.3);text-indent: -9999px;overflow: hidden;height: 60px;width: 40px;background-repeat: no-repeat} .slider-arrow--right {bottom: 50%;right: 0;background-image: url(../images/banner-fy.png);background-position: center bottom} .slider-arrow--left {bottom: 50%;left: 0;background-image: url(../images/banner-fy.png);background-position: center top} .slider-nav {position: absolute;bottom: 30px} .slider-nav__item {width: 12px;height: 12px;float: left;clear: none;display: block;margin: 0 5px;background:#fff;border-radius: 50%} .slider-nav__item:hover {background: #ccc} .slider-nav__item--current {background: #ccc} /*首页*/ .padd-ing{padding:0px; overflow:hidden;} .padding{padding:10px 22px 10px 0px ;} .fengongsi{ padding:30px 0px 30px 0px; background:#f4f4f4;} .hotli .img{ display:block; width:92%; } .mod-item{margin-top:10px;transition:all .3s;} .mod-item:hover{transform:translateY(-10px);} .sort_pro_list h2{text-align:center; padding-bottom:15px; font-size:25px; font-weight:bold;} /*honor*/ .ex_box{ padding-top:20px;} .page em{ background:red; font-size:20px;} .imggg{ border:1px red solid;} @media only screen and (min-width: 1200px) { .sec2{padding-top: 50px;} html { overflow-x:auto;} html,body,.wrap { min-width:1200px;} .wrap { width:1200px; } body{font-size:13px; line-height:1.6; color:#555; background:#fff;} .warp4{ width:31%; margin:0px 8px !important;} .warp4 img{height:185px;} .cen_box3{padding:20px; background:url(../images/home_about_bg.jpg) no-repeat;} .cen_box3 .li01{width:49.4%;} .homenews{width:47%;} .header-top-strip { height:26px;line-height:24px; background:url(../images/top_bg.jpg);} .language a{ color:#FFF;} .home_fengongsi{width:1250px;} .warpp{width:1250px;} .warpwidth{width:1150px;} .img_section{text-align:center; min-height:250px;} .img_section img{ padding:5px; width:expression_r(this.width > 300 && this.height < this.width ? 300:true); max-width:300px; width:auto;height:expression_r(this.height >180 ? 180:true); max-height:180px; margin:0 auto; border:1px #d1d1d1 solid;} .col7{ width: 60%;} .col5{width:40%;} .col2{width:16%;} } @media only screen and (max-width: 1200px) { .home_about_left{ padding:0px 0px 0px 0px; width:100%; overflow:hidden;} .home_about_left img{ float:left; width:100%;} .home_about_left p{float:left; display:block; padding:15px; line-height:26px;width:100%;} .home_about_right { padding:0px 0px 0px 0px;width:100%;overflow:hidden;} .home_about_right p{ display:block;float:left; padding:15px; line-height:26px;width:100%;} .home_about_right img{float:left; width:100%;} } @media only screen and (max-width: 760px) { .home_news{width:100%; overflow:hidden;} .width50{width:50%;} .second_right li{ width:100%;} .second_right li img{width:100%;} .content_left{width:100%;} .content_right{width:100%;} } @media screen and (min-width: 768px) and (max-width: 1200px) { .warp4{ width:31%; margin:0px 8px !important;} } /*=[...] ---------------------------------------------------------------------------------------------*/ .content { line-height:26px; padding:20px 0px; } .content_left ul li{padding:7px 0px 7px 25px; background:#; border-bottom:1px #eaeaea solid; } .content_left ul li a:hover{color:#0184de;} .channelT{ background:url(../images/channelT_bg.jpg) no-repeat center; height: 60px; color: #fff; padding-left: 30px; } .channelT h2{ padding:15px 0px;margin:0px; font-size:25px;} .left_content{ background:; padding:8px 12px 8px 12px;} .content_wrap{ } .content_c{line-height:27px; padding-top:15px;} .content_c h1{font-size:22px; text-align:center;} .content_c h5{text-align:center;} .content_wrap h3{ font-size:18px; border-bottom:1px #cdcdcd solid; padding:5px 0px; font-weight:bold;} .content_wrap h3 span{ float:right; font-size:14px; font-weight:normal;} .content_c_center{ background:url(../images/content_c_center.jpg) repeat-y; overflow:hidden; } .content_c_center ol{ overflow:hidden; padding:15px 0px 15px 0px; margin:0 auto; display:block; } .content_c_center ol li{ display:block; float:left;} .content_c_center ol li span{display:block; margin-top:0px; text-align:center; margin-bottom:10px;} .content_c_center ol li img{ } .content_c_center ol li img:hover{ } .img_section{text-align:center; min-height:250px;} .img_section img{ padding:5px; width:expression_r(this.width > 300 && this.height < this.width ? 300:true); max-width:300px; width:auto;height:expression_r(this.height >180 ? 180:true); max-height:180px; margin:0 auto; border:1px #d1d1d1 solid;} .news_list{ background:url(../images/content_c_center.jpg) repeat-y; overflow:hidden;} .news_list ul{ overflow:hidden; display:block; clear:both;} .news_list ul li{ padding:10px 5px 10px 20px; background:url(../images/list_dot.jpg) 3px 22px no-repeat; border-bottom:1px #CCCCCC dotted; } .news_list ul li a:hover{ text-decoration:underline;} .news_list ul li span{ float:right; font-size:11px; color:#979797;} .news_list_c{ background:url(../images/content_c_center.jpg) repeat-y; overflow:hidden; } .news_list_c h3{ display:block; overflow:hidden; text-align:center; font-size:14px; } .news_list_c h5{ display:block; font-weight:normal; font-size:12px;color:#3e3e3e;padding-left:30px; height:20px; line-height:20px;overflow:hidden; clear:both; padding:0px 0px 10px 0px;} .news_content{ display:block; margin:0 auto; line-height:26px; padding-top:20px; } .news_content h1{margin-top:40px;margin-left:0px; padding-top:20px;padding-left:270px; border-top:1px #cecece solid;} .content_content_center font{color:red;} .cartbox_1 a{ color:#fff;} .video{text-align:center;} .zigongsi_home{border-bottom:1px #e6e6e6 solid; overflow:hidden; padding-bottom:15px; padding-top:10px;} .zigongsi_home h3{border:0px; padding-top:0px; margin:5px 0px;} /*INDEX-CASE*/ .wl405{width: 485px;} .fr{float: right;} #demo{overflow:hidden;width:485px;margin: 10px 5px 10px 0;} #demo .demowrap{overflow:hidden;width:3000px; height:150px;} #demo .demowrap li{float:left;margin:0 1px;display:inline;} #demo .demowrap ul img{border: solid 1px #ddd;padding: 1px;} #demo1{float:left;} #demo1 p{text-align: center;line-height: 20px;} #demo1 div{width: 154px;height: 114px;overflow: hidden;cursor: pointer;} #demo2{float:left;} #demo2 p{text-align: center;line-height: 20px;} #demo2 div{width: 154px;height: 114px;overflow: hidden;cursor: pointer;} .ser li{float: left;} .news_content ul li{border-bottom:#cccccc 1px dotted; width:680px;background:url(../images/list_dot.jpg) 8px 12px no-repeat;padding-left:20px;} .news_content ul li small{float:right; font-size:12px;} .right_c form input,textarea { padding: 3px; border: 1px solid #e2e2e2; width: 90%; font-size: 13px; font-style: italic; margin-top:5px; margin-bottom:20px; color: #aaa; outline: none; } .qqkefu{position: fixed;top:60%;_position: absolute;_top: expression(eval(document.documentElement.scrollTop + 365));z-index:100;right:0;width:45px;} .qqkefu ul li{width: 45px;height:45px;margin-bottom:1px;float:right;line-height:45px;font-size:14px;cursor:pointer;position:relative;text-indent: 10px;} .qqkefu ul li a{color:#fff;display: block;overflow: hidden;height: 45px;} .qqkefu ul li.qq_cza{overflow:hidden} .qqkefu ul li:hover{background:#2c3035;} .qqkefu ul li.top{background:url(../images/k1.png) no-repeat center #008cd7;position:relative;width:45px;height: 45px;cursor:pointer;} .qqkefu ul li.top span{position:absolute;display:block;left:0;top:-5px;height:5px;width:45px;} .qqkefu ul li.top:hover{background:url(http://www.luligroup.com/resources/web/images/k1.png) no-repeat center #2c3035;} .qqkefu ul li b{width:45px;height:45px;display:block;overflow:hidden;float:right;} .qqkefu ul li span{font-size: 14px;font-weight: bold;color: #FFF;} .qqkefu ul li b.a{background:url(../images/k2.png) no-repeat center #008cd7;} .qqkefu ul li b.b{background:url(../images/k3.png) no-repeat center #008cd7;} .qqkefu ul li b.f{background:url(../images/k4.png) no-repeat center #008cd7;} .qqkefu ul li b.c{background:url(../images/k5.png) no-repeat center #008cd7;} .qqkefu ul li:hover b.a{background:url(../images/k2.png) no-repeat center center #2c3035;} .qqkefu ul li:hover b.b{background:url(../images/k3.png) no-repeat center center #2c3035;} .qqkefu ul li:hover b.f{background:url(../images/k4.png) no-repeat center center #2c3035;} .qqkefu ul li:hover b.c{background:url(../images/k5.png) no-repeat center center #2c3035;} .qqkefu ul li.qq_czb{text-indent: 0;} .qqkefu ul li.qq_czae{ line-height:15px !important} .erweima{position: absolute;width:111px;height:150px;top: -120px;left: -111px;float: right;cursor: default !important;display:none;background:url(../images/qr_img.png) no-repeat;} .erweima p{margin-top:20px;margin-left:10px;} .erweima img{width:90px;height:90px;} .qqkefu li .erweima p a{display:block;font-size:14px;color:#333;margin-top:-8px;margin-left:30px;} /*page*/ .page-load{ padding-top:30px; *padding-top:30px;;} .page-load a{ display:block; width:25%; padding:0 15px; overflow:hidden; margin:0 auto; line-height:38px; border:2px solid #6b4a38; background:#f5f2ed; font-size:16px; position:relative; } .page-load a .ion{ position:absolute; top:0px; right:15px; } .page-load a:hover{ background:#ffd900;} .page{font-size: 12px; color: #777777; text-align: center; padding-top:30px;} .page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;} .page .goprev{margin-right: 10px;} .page .gonext,.page .count {margin-left: 10px;} .page a:hover,.page span{color:#fff; background: #6b4a38;} .page span.goprev,.page span.gonext {color: #777777; background: none} .page span.count { border: 0;background: 0;color: #777777;} .paging{font-size: 12px; color: #777777; text-align: center; padding-top:30px;} .paging a,.paging span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px; height:24px; line-height:24px; overflow:hidden;} .paging .goprev{margin-right: 10px;} .paging .gonext,.paging .count {margin-left: 10px;} .paging a:hover,.paging span{color:#fff; background: #6b4a38;} .paging span.goprev,.paging span.gonext {color: #777777; background: none} .paging span.count { border: 0;background: 0;color: #777777;} #container img{max-width:none;}