@charset "utf-8"; /********************************************* * CSS Document for sinocarsticker * Start Time 2014-09-03 * Author : kenrich **********************************************/ @font-face { font-family: 'iconfont'; src: url('http://at.alicdn.com/t/font_1416212862_8958282.eot'); /* IE9*/ src: url('http://at.alicdn.com/t/font_1416212862_8958282.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://at.alicdn.com/t/font_1416212862_8958282.woff') format('woff'), /* chrome、firefox */ url('http://at.alicdn.com/t/font_1416212862_8958282.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('http://at.alicdn.com/t/font_1416212862_8958282.svg#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { display: inline-block; padding: 0 3px; font-weight: normal; font-style: normal; font-size: 16px; font-family:'iconfont'; *display: inline; *zoom: 1; -webkit-font-smoothing: antialiased; } /*reset*/ body{ font-family: "Microsoft YaHei"; } ul,li{ margin: 0; padding: 0; } li{ list-style-type: none; } a{ text-decoration: none; } a:hover{ text-decoration: none; } .header{ position: fixed; /*固定导航条*/ top:0; width: 100%; z-index: 999; } .header .nav1>li>a{ color: #fff; padding: 3px 15px; margin: 10px 2px; line-height: 28px; border-radius: 3px; font-size: 14px; } .header .nav1>li>a:hover{ background-color: #fff; color: #ffa412; } .header li.current-menu-item>a,.header li.current-menu-item >a:hover,.header li.current-menu-item >a:focus { text-decoration: none; color: #ffa412; background-color: #fff; padding: 3px 15px; margin: 10px 2px; line-height: 28px; } .navbar-inverse{ background-color: #369be9; border-color: #369be9; } .logo{ margin-right:110px; padding-top: 7px; font-size: 24px } .logo img{ height: 35px; } .dropdown img{ margin-right:10px; } .nav1 .menu-item-has-children{ position: relative; } .nav1 .menu-item-has-children ul.sub-menu{ background-color: #369be9; position: absolute; top: 100%; left: 0; z-index: 1000; margin-top: 1px; width: 180px; display: none; } .nav1 .menu-item-has-children:hover ul.sub-menu{ display: block; } .nav1 ul.sub-menu li a{ display: block; padding: 3px 20px; clear: both; font-weight: 400; color: #fff; white-space: nowrap; line-height: 32px; } .nav1 ul.sub-menu .current-menu-item{ margin-top: -10px; margin-bottom: -10px; padding: 0; } .nav1 ul.sub-menu .current-menu-item a, .nav1 ul.sub-menu .current-menu-item a:focus{ padding: 3px 20px; line-height: 32px; background-color: #fff; color: #ffa412; padding-left: 28px; width: 180px; margin-left: 0; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); border-bottom: 1px solid #d4d4d4; border-top: 1px solid #d4d4d4; } .nav1 ul.sub-menu li a:hover{ background-color: #fff; color: #ffa412; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); padding-left: 28px; } .footer{ padding: 30px 0 20px 0; color: #fff; background: #369be9; } .footer li{ display: inline-block; vertical-align: top; margin: 0 10px; } .footer a{ color: #fff; } .footer a:hover{ color: #ffa412; } /*contact*/ .contact{ background: url(./images/bg.jpg) repeat center center; border-top: 1px solid #c9c9c9; padding: 40px 0 30px 20px; color: #333; } .contact h4{ color: #000; font-size: 20px; margin-bottom:20px; font-weight: 400; } .contact a{ color: #000; } .contact .social a:hover{ color: #ffa412; } /*.contact ul{ margin-top: 20px; }*/ .contact li{ margin: 5px 0; } .contact .contact-l{ color: #333; width: 70px; } .contact .contact-r{ width: 270px; } .social li{ display: inline-block; vertical-align: top; background-color: #c2c2c2; padding:5px 0; border-radius: 3px; } .social li a{ padding:5px 7px; color: #000; } #transposh-4{ margin-top: 15px; } #transposh-4 select{ padding: 3px 10px; border: none; } #transposh-4 select option{ padding: 3px 0; } /*back-top*/ .back-top{ width: 50px; height: 48px; line-height: 48px; border-radius: 3px; color: #fff; background-color: rgba(0,0,0,0.4); text-align: center; } .back-top:hover{ background-color: rgba(0,0,0,0.6); } h2{ font-size: 20px; } /*latest*/ .news h2{ color: #2c3e50; line-height: 40px; } .videos h2{ color: #fff; } .news img{ width: 240px; height:180px; } .line1{ width: 300px; height: 1px; border-bottom: 0; border-top: 1px solid #e8e8e8; margin: 50px auto 30px auto; } .line1 span{ margin-top: -18px; position: absolute; left: 48%; color: #e8e8e8; width: 50px; text-align: center; background-color: #fff; font-size: 25px; } .line2{ width: 100%; height: 1px; border-bottom: 0; border-top: 1px solid #e8e8e8; margin: 80px auto 20px auto; } .line3{ width: 100%; height: 1px; border-bottom: 0; border-top: 1px solid #e8e8e8; margin-bottom: 20px; } .line2 span{ margin-top: -12px; position: absolute; left: 48%; color: #e8e8e8; width: 50px; text-align: center; background-color: #fff; font-size: 18px; } /*client*/ .client ul{ margin: 30px 0 80px 0; } .client ul li{ display: inline-block; vertical-align: top; margin-right: 6px; padding:26px 28px; border:2px solid #fff; } .client ul li img{ } .client ul li:hover{ border:2px solid #369be9; } /*sort*/ .sort ul li{ display: inline-block; vertical-align: top; margin: 0 10px; } .products-menu{ padding-left: 50px; margin-top: 50px; } .products-menu li a{ color: #666; } .products-menu li a:hover{ color: #369be9; } .products-menu li a:hover img{ color: #369be9; border-radius: 50%; box-shadow: 0 0 0 2px #369be9; } .products-menu li img{ width: 124px; height: 124px; } .products-menu li p{ text-align: center; margin-top: 10px; } /*video*/ .video-s{ padding-left: 25px; margin-top: 50px; } .videos{ width: 260px; margin:0 10px; height: 270px; cursor: pointer; z-index: 99; margin-bottom:40px; } .videos p{ text-align: center; font-size: 16px; margin-top:10px; } .videos img{ width: 240px; height:230px; border-radius: 3px; padding: 9px; border: 1px solid #d4d4d4; } .videos a{ color: #333; } .videos a:hover{ color: #369be9; } /*.videos .mask{ opacity: 0; background-color: rgba(0,0,0, 0.7); text-align: center; width: 240px; height:180px; color: #fff; padding: 5px ; position: absolute; top:10px; z-index: 99999; } .videos .mask a{ color: #369be9; border-bottom: 1px solid #369be9; padding-bottom: 2px; } .videos .mask a:hover{ color: #ffa412; border-bottom: 1px solid #ffa412; } .videos:hover .mask{ opacity: 1; }*/ /*banner*/ /*.banner{ margin-top: 55px; }*/ .carousel-control.right { right: 20px; left: auto; } .carousel-control { position: absolute; top: 48%; left: 20px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 6px; color: #fff; border-radius: 50%; text-align: center; background: #555; margin-left: 2px; } .banner .carousel-inner .item img{ width: 100%; } /*error*/ .error-page{ text-align: center; margin-top: 120px; margin-bottom: 50px; } .error-page h1{ margin: 25px 0; } .contacts label{ font-weight: 400; } /*top*/ .top{ /* background-color: #000;*/ margin-top: 40px; padding:20px 0 5px 0; /*text-align: right;*/ } .top input[type="text"] { width: 223px; height: 31px; outline: none; background: #fff; border: 1px solid #369be9; color: #777; padding-left: 10px; } .top button{ border: 1px solid #369be9; outline: none; padding: 4px 6px 2px 6px; background-color: #369be9; color: #fff; font-size: 14px; } /*.top button:hover{ border: 1px solid #369be9; background: #fff; color: #369be9; }*/ .main{ margin-bottom: 60px; } .main h4{ margin-top: 40px; } .menu .gt{ font-size: 12px; padding: 0 3px; padding-top: -2px; } .menu a{ color: #000; } .menu img{ margin-top: -2px; } /*contact*/ .contact-block { /*border: 1px solid #d4d4d4;*/ margin-top: 20px; padding: 10px; width: 847px; margin: 0 auto; } .contact-block ul li{ width: 275px; float: left; margin: 5px 0; } .contact-intr{ padding:0 10px; } .contact-intr p{ text-indent: 1.5em; } i.e-icon-sa { display: inline-block; background-image: url(images/sprites-step.png); background-position: -256px -512px; width: 25px; height: 28px; line-height: 28px; vertical-align: middle; margin:0 5px 0 10px; } i.e-icon-onsite { display: inline-block; background-image: url(images/sprites-step.png); background-position: -255px -561px; width: 26px; height: 28px; line-height: 28px; vertical-align: middle; margin:0 5px 0 30px; } /*about*/ .pgwSlider { width: 100%; } .about3 ul li{ background: url(images/dui.png) no-repeat 10px 5px; padding-left: 30px; height: 29px; line-height: 29px; color: #666; display: block; } .pgwSlider .ps-current { float: left; width: 74%; overflow: hidden; height: inherit; position: relative; font-size: 1rem; } .pgwSlider .ps-current img { width: 300px; height: 218px; display: block; } ul.pgwSlider, .pgwSlider > ul { float: right; width: 25%; padding: 0; list-style: none; margin: 0; } ul.pgwSlider > li, .pgwSlider > ul > li { height: 50px; margin-bottom: 6px; overflow: hidden; position: relative; opacity: 0.6; filter: alpha(opacity=60); font-size: 0.8rem; } ul.pgwSlider > li:last-child, .pgwSlider > ul > li:last-child { margin-bottom: 0; } ul.pgwSlider > li:hover, .pgwSlider > ul > li:hover { opacity: 1 !important; } ul.pgwSlider > li img, .pgwSlider > ul > li img { width: 80px; height: 50px; display: block; } .contact-intr{ padding: 0 60px; } .picture-show{ text-align: center; margin-top: 40px; } .location{ margin-top: -40px; } .location .menu{ margin-top: 55px; } .contacts .btn { margin-left: 15px; margin-top: 10px; } .contacts input { margin: 5px 0; width: 79%; color: #666; } .contacts textarea { height: 100px; border: 1px solid #d4d4d4; margin: 5px 0; width: 90%; color: #666; } /*single*/ .single-main { margin: 20px auto 50px auto; } .single-article{ padding: 0 15px; } .single-content img{ width: 100%; height: 480px; } .single-sidebar{ padding-top: 34px; } .single-title{ margin-top: -20px; } .single-title h2{ text-align: center; } .single-sidebar h4 span{ border-bottom: 1px solid #369be9; padding-bottom: 3px; } .single-sidebar h4 { border-bottom: 1px solid #369be9; padding-bottom: 6px; margin-bottom: 20px; } .pick-list,.randow-list{ margin: 10px 0; } .pick-img img,.randow-img img{ width: 90px; height: 90px; border: 1px solid #d4d4d4; } .pick-content,.randow-content{ width: 160px; height: 90px; overflow: hidden; } .randow{ margin-top: 40px; } .pick-title,.randow-title{ font-size: 16px; } .pick-title a,.randow-title a{ color: #333; } .pick-title a:hover,.randow-title a:hover{ color: #369be9; } .pick-time,.randow-time{ color: #999; font-size: 12px; } .pick-time{ margin-top: -5px; } .pick-intr{ margin-top: -10px; } .qrcode1{ background-color: #52a0eb; padding: 18px; z-index: 10; margin-top: 40px; } .qrcode1 .title{ color: #fff; margin-bottom: 20px; font-size: 15px; } .single-intr{ margin-top: -20px; } .single-intr img{ display: none; } .single-intr p{ text-indent: 2em; line-height: 22px; } /*分页*/ #zan-page { margin-top: 20px; text-align: right; margin-right:20px; } .pagination { margin: 0; border-radius: 0; } .pagination li{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } .pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 5px 12px; line-height: 1.42857143; text-decoration: none; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color: #369be9; border-color: #369be9; color: #fff; } .pagination>li>a:hover{ background-color: #eaeaea; } .about-content{ border: 1px solid blue; } .about-service img{ display: block; width: 150px; margin: 0 auto; } .about-service p,.about-service h4{ width: 100%; text-align: center; } .about4{ margin-top: 40px; } .about4 img{ float: left; } .about4 .about5{ float: left; width: 180px; margin-left: 10px; } .about5 p{ text-indent: 0; font-size: 12px; color: #999; } .about-service h4{ margin-top: 30px; } .about-service p,.about-team p{ margin-top: 20px; } .about-team{ margin-bottom: 80px; } .about-team img{ border-radius: 50%; width: 210px; height: 210px; display: block; margin: 0 auto; } .index{ text-align: center; } .index1{ width: 600px; margin: 0 auto; } .index1 li{ height: 30px; line-height: 30px; border-bottom: 1px dashed #d4d4d4; display: block; padding: 0 10px 0 0; cursor: pointer; } .index1 li:hover{ background-color: #eaeaea; color: #369be9; } .index1 a{ color: #333; } .about-team h3{ font-size: 18px; } .about-team h4{ color: #369be9; font-size: 15px; } .about-team p,.about-team h3,.about-team h4{ width: 100%; text-align: center; } .about-business p{ text-align: center; margin-top: 20px; font-size:18px; } .circle-text{ width: 100%; position: absolute; text-align: center; display: inline-block; right: 0; } .single-video .wp-video{ margin: 0 auto; margin-bottom: 20px; } .single-video{ margin-top: 20px; } .single-video p{ text-indent: 1.5em; } .clist{ width: 1045px; margin: 0 auto; margin-top: 50px; padding-left: 138px; } .clist img{ width: 100px; height: 100px; } .clist11{ float: left; margin: 0 18px; } .clist11 .msggroup{ margin-top: 5px; } .clist11 .msggroup img{ width: 17px; height: 20px; } .customer{ padding-bottom: 60px; } /*轮播图*/ .flexslider{margin:20px auto;position:relative;width:816px;height:480px;overflow:hidden;zoom:1;} .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;} .flexslider .slides{zoom:1;} .flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(./images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;} .flex-direction-nav .flex-next{background-position:0 -90px;right:0;} .flex-direction-nav .flex-prev{left:0;} .flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);} .flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);} .flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;} .flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;} .flex-control-paging li a{background:url(./images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;} .flex-control-paging li a.flex-active{background-position:0 0;} /* 浮动客服面板 */ #cmsFloatPanel{overflow:hidden;} #cmsFloatPanel .ctrolPanel{width:36px;height:203px;background:#fff url(./images/epanel-bg.jpg) no-repeat left top;border:solid 1px #ddd;position:fixed;right:30px;top:200px;overflow:hidden;z-index:10000;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));} #cmsFloatPanel .ctrolPanel a{width:34px;font-size:12px;color:#ff3300;text-align:center;overflow:hidden; text-decoration:none;} #cmsFloatPanel .ctrolPanel .arrow{height:29px;line-height:28px;display:block;margin:1px auto;} #cmsFloatPanel .ctrolPanel .arrow span{display:none;} #cmsFloatPanel .ctrolPanel .arrow:hover{background:#f4f4f4;} #cmsFloatPanel .ctrolPanel .arrow:hover span{display:block;} #cmsFloatPanel .ctrolPanel .service{height:40px;display:block;margin:2px auto;} #cmsFloatPanel .ctrolPanel .service span{color:#09F;line-height:90px;} #cmsFloatPanel .ctrolPanel .message{height:40px;display:block;margin:2px auto;} #cmsFloatPanel .ctrolPanel .message span{color:#ff3300;line-height:90px;} #cmsFloatPanel .ctrolPanel .qrcode{height:54px;display:block;margin:2px auto;} #cmsFloatPanel .ctrolPanel .qrcode span{color:#0C6;line-height:90px;} #cmsFloatPanel .arrow01{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #ddd;position:absolute;bottom:0;position:absolute;left:2px;top:0;} #cmsFloatPanel .arrow02{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #fff;position:absolute;bottom:0;position:absolute;left:0;top:0;} #cmsFloatPanel .servicePanel{width:128px;height:400px;position:fixed;right:70px;top:200px;z-index:10000;overflow:visible;display:none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));} #cmsFloatPanel .servicePanel .servicePanel-inner{width:128px;position:relative;overflow:visible;} #cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel{display: none; width:10px;height:30px;position:absolute;right:1px;top:50px;} #cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel .arrow02{border-left:10px solid #348ee3; } #cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel{width:128px;position:absolute;left:0;top:0;overflow:hidden;} #cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd{width:128px;height:31px;background:url(./images/top.png) no-repeat left top;overflow:hidden;} #cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a{width:24px;height:24px;font-size:12px;color:#fff;line-height:24px;display:block;float:right;} #cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a span{display:none;} #cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd{width:128px;background:url(./images/middle.png) repeat-y left top;overflow:hidden;} #cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msggroup{width:120px;margin:0 15px 0 15px; padding:4px 0px 4px 0px;line-height: 20px;} .qqimg{ margin-bottom:0px;margin-right: 5px} #cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-ft{width:128px;height:22px;background:url(./images/bottom.png) no-repeat left top;overflow:hidden;} #cmsFloatPanel .messagePanel{width:310px;height:400px;position:fixed;right:70px;top:200px;z-index:10000;overflow:visible;display:none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));} #cmsFloatPanel .messagePanel .messagePanel-inner{width:310px;position:relative;overflow:visible;} #cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel{width:10px;height:30px;position:absolute;right:1px;top:90px;} #cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow01{border-left:10px solid #ddd;left:1px;} #cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow02{border-left:10px solid #fff;} #cmsFloatPanel .messagePanel .messagePanel-inner .formPanel{width:300px;border:solid 1px #ddd;background:#fff;position:absolute;left:0;top:0;overflow:hidden;} #cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd{height:32px;font-family:"微软雅黑";font-size:14px;color:#fff;line-height:32px;text-indent:10px;background:url(./images/cmsfloatformpanel-hd-bg.gif) no-repeat left top;} #cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a{width:32px;height:32px;font-family:"宋体";font-size:12px;color:#fff;line-height:32px;letter-spacing:1px;text-indent:0;display:block;float:right;} #cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a span{display:none;} #cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd{padding:10px 15px;overflow:hidden;} #cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd p{font-size:14px;color:#666;line-height:30px;overflow:hidden;} #cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft{height:30px;background:#f4f4f4;text-align:right;padding:0 10px;overflow:hidden;} #cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft a{font-size:12px;color:#999;line-height:30px;letter-spacing:1px;} #cmsFloatPanel .qrcodePanel{width:230px;height:300px;position:fixed;right:70px;top:200px;z-index:10000;overflow:visible;display:none;_position:absolute;_top:expression(eval(documentElement.scrollTop + 200));} #cmsFloatPanel .qrcodePanel .qrcodePanel-inner{width:230px;position:relative;overflow:visible;} #cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel{width:10px;height:30px;position:absolute;right:1px;top:135px;} #cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow01{border-left:10px solid #ddd;left:1px;} #cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow02{border-left:10px solid #fff;} #cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel{width:220px;background:#fff;border:solid 1px #ddd;position:absolute;left:0;top:0;overflow:hidden;} #cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd{height:32px;font-family:"微软雅黑";font-size:14px;color:#fff;line-height:32px;text-indent:10px;background:url(./images/cmsfloatqrcodepanel-hd-bg.gif) no-repeat left top;overflow:hidden;} #cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a{width:32px;height:32px;font-family:"宋体";font-size:12px;color:#fff;line-height:32px;letter-spacing:1px;text-indent:0;display:block;float:right;overflow: hidden;} #cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a span{display:none;} #cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd{padding:10px;overflow:hidden;} #cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd img{width:200px;height:200px;border:none;} #cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft{height:30px;background:#f4f4f4;text-align:center;padding:0 10px;overflow:hidden;} #cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a{font-size:12px;color:#666;line-height:30px;letter-spacing:1px;} #cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a:hover{color:#F00;} .index{ width: 990px; margin: 0 auto; } .index22{ width: 990px; margin: 0 auto; text-align: center; } /*通用*/ .none{display: none;} .operate{width: 800px;margin: 0 auto;} .operate ul li a { background:url(./images/bg1.png) no-repeat 780px 18px; text-decoration:none; font-size:14px; color:#555; display:block; height:30px; line-height:30px; border-bottom:1px solid #d2d2d2; } .operate ul li .selected { background-color:#8caf00; background-position:right -9px; color:#fff; } .operate ul li { border-bottom:1px solid #d2d2d2; display:inline-block; width:100%; position: relative; z-index: 10; zoom:1 ; } .operate ul li h4 { cursor:pointer; background:url(./images/bg3.png) no-repeat 780px 18px; text-decoration:none; font-size:14px; color:#555; display:block; line-height:30px; font-weight:normal; } .operate ul li.noline { border-bottom:none; } .operate ul li h4:hover { text-decoration:underline; } .operate ul li.selected h4 { background-position:780px -37px; border-bottom:1px solid #d2d2d2; padding-bottom: 10px; } .operate li .list-item { padding:5px 0; position:relative; zoom:1 ; } .operate li .list-item p{ padding-left: 20px; } .nav_left{ width:262px; margin-top: 20px; } .nav_left a:focus{ outline:none; } .nav_left li{ padding:0 0 6px 0; text-indent:16px; } .nav_left li a:link, .nav_left li a:visited{ display:block; width:100%; height:35px; border:1px solid #ccc; background:#fff; color:#347ebf; text-decoration:none; line-height: 35px; } .nav_left li.selected a, .nav_left li a:hover{ background:#eee; color:#333; } .nav_left ul{ display:none; padding:10px 0 10px 20px; } .nav_left ul li{ padding:0; font:12px/24px Arial,"\5b8b\4f53"; text-indent:12px; } /*.nav_left li:hover .children{ display: block; }*/ .nav_left ul li a:link, .nav_left ul li a:visited{ height:35px; border:none; border-bottom:1px solid #ddd; border-radius:0; background:none;color:#555; line-height: 35px; } .nav_left ul li a:hover{ background:#eee; } /*product*/ .products{ padding: 30px 0 0 0; } .p-sort h4{ border-bottom: 1px solid #347ebf; padding-bottom: 10px; } #example3{ display: none; } #example3 .etalage_thumb{ background: white url(./images/loading.gif) center no-repeat; -webkit-box-shadow: 0 0 7px #aaa; -moz-box-shadow: 0 0 7px #aaa; box-shadow: 0 0 7px #aaa; } #example3 .etalage_small_thumbs li{ margin: 5px; cursor: pointer; } #example3 ul li.etalage_smallthumb_active{ -webkit-box-shadow: 0 0 5px #333; -moz-box-shadow: 0 0 5px #333; box-shadow: 0 0 5px #333; cursor: default; } #example3 .etalage_zoom_area, .etalage_zoom_area{ background: url(./images/loading.gif) center no-repeat; -webkit-box-shadow: 0 0 5px #333; -moz-box-shadow: 0 0 5px #333; box-shadow: 0 0 5px #333; } #example3 .etalage_magnifier{ background: white; -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; } .etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint{ display:none } .etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_icon, .etalage_description{ margin:0; padding:0; border:0; list-style:none } .etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img{ position:relative } .etalage img, .etalage li{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none } .etalage, .etalage_small_thumbs li{ float:left } .etalage_right{ float:right } .etalage li{ position:absolute } .etalage img{ vertical-align:bottom; max-width:none } .etalage_magnifier{ cursor:default } .etalage_magnifier div, .etalage_small_thumbs{ overflow:hidden } .etalage_magnifier div img{ display:none } .etalage_icon, .etalage_hint{ cursor:default; width:0; height:0; overflow:hidden } .etalage_small_thumbs li.vertical{ float:none } .etalage_zoom_area{ z-index:996 } .etalage_zoom_area div{ overflow:hidden; z-index:997 } .etalage_zoom_preview{ position:absolute; z-index:998 } .etalage_zoom_img, .etalage_hint{ z-index:999 } .etalage{ direction:ltr } div.etalage_description{ position:absolute; bottom:0; left:0; z-index:999 } div.etalage_description.rtl{ direction:rtl; text-align:right } .pd h5{ font-size: 16px; border-bottom: 1px solid #347ebf; padding-bottom: 10px; width: 160px; margin-top: 35px; } .p-content{ margin-top: 45px; overflow: hidden; } .p-title{ float: right; width: 380px; } .p-title h5{ font-size: 18px; } .p-title li{ color: #999; font-size: 14px; margin: 8px 0; display: block; } .p-title span{ width: 180px; } .pl{ float: left; width: 140px; } .pr{ float: right; width: 230px; } .s-more{ font-size: 18px; color: #369be9; text-align: right; padding-right: 25px; } .contacting{ width: 100%; margin: 0 auto; } .contacting ul{ width: 350px; margin: 0 auto; margin-bottom: 25px; } .contacting li{ margin: 5px 0; } .dis-contact { width: 100%; margin: 10px auto 100px auto; } .dis-contact-text p{ text-indent: 0; } .dis-contact-face{ float: left; } .dis-contact-face img{ width: 300px; height: 300px; } .dis-contact-text{ float: left; width: 400px; font-size: 22px; background: url(images/disback.png); height: 300px; color: #fff; padding: 40px 20px; } .dis-contact-text h4 { font-size: 40px; } /*.contact-intr1{ background: url(images/bg6.jpg) repeat-y; padding: 40px 0 }*/ .newlist{ width: 460px; margin: 0 auto; } /*.newlist p{ margin-left: -25px; }*/ .newlist p a{ color: #333; } .newlist p a:hover{ color: #369be9; text-decoration: underline; } .top img{ width: 200px; float: left; margin-bottom: 30px; } .top form{ width: 265px; float: right; } .left span.iconfont{ margin-top: 17px; } .right span.iconfont{ margin-top: 17px; } .navbar-inverse .navbar-toggle { border-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #fff; } .index12{ padding: 0 60px; } .p-content img{ max-width: 750px; } @media(max-width: 768px){ #cmsFloatPanel{ display: none; } .banner .carousel-inner .item img { height: 250px; width: 100%; } .index{ display: none; } h2{ font-size: 16px; } .news .line1{ width:100%; margin: 30px auto 30px auto; } .line1 span,.line2 span{ left:43%; } .products-menu li img { width: 72px; height: 72px; } .products-menu { font-size: 12px; } .products-menu{ padding-left: 0; } .video-s{ padding-left: 16px; } .videos{ float: left; height: auto; width: 46%; text-align: center; } .s-more a{ font-size: 14px; } .newlist { width: 400px; overflow-y: hidden; } .clist{ width: 100%; padding-left: 0; } .contact h4{ font-size: 16px } .contact label{ font-size: 13px; } .btn-primary{ margin-bottom: 30px; } .nav1 ul.sub-menu li a{ font-size: 12px; padding-left: 30px; } .nav1 #menu-item-25, .nav1 #menu-item-396{ display: none; } .contacting{ width: 300px; } .w-nav{ display: none; } .contact-intr{ padding: 0 15px; } .show11{ display: none; } .index12{ padding: 0 25px; } .p-content img{ width: 100%!important; } .p-sort{ width: 292px; } .p-title{ width: 100%; margin-top: 40px; } .etalage,.etalage_thumb_image,.etalage_small_thumbs,.etalage_small_thumbs ul{ width: 100%!important; height: auto; } .etalage_small_thumbs img{ width: 100%!important; height: auto!important; } .etalage_small_thumbs li{ width: 23%; } .index22{ width: 100%; padding: 0 15px; } .index22 img{ width: 100%; } /*2017/1/6*/ .clist11{ margin:0 auto; text-align:center; width:50%; } .clist img{ width:80%; height:auto; } } @media(max-width: 420px){ #cmsFloatPanel{ display: none; } .banner .carousel-inner .item img { height: 170px; width: 100%; } .index{ display: none; } .videos{ float: left; height: auto; width: 90%; text-align: center; } h2{ font-size: 16px; } .news .line1{ width:100%; margin: 30px auto 30px auto; } .line1 span,.line2 span{ left:43%; } .products-menu li img { width: 72px; height: 72px; } .products-menu { font-size: 12px; } .products-menu{ padding-left: 0; } .video-s{ padding-left: 16px; } .s-more a{ font-size: 14px; } .newlist { width: 290px; overflow-y: hidden; } .clist{ width: 100%; padding-left: 0; } .contact h4{ font-size: 16px } .contact label{ font-size: 13px; } .btn-primary{ margin-bottom: 30px; } .nav1 ul.sub-menu li a{ font-size: 12px; padding-left: 30px; } .nav1 #menu-item-25, .nav1 #menu-item-396, .nav1 #menu-item-1262{ display: none; } .contacting{ width: 300px; } .w-nav{ display: none; } .contact-intr{ padding: 0 15px; } .contact-intr img{ width: 268px; height:auto; margin-bottom: 10px; } .show11{ display: none; } .index12{ padding: 0 25px; } .p-content img{ width: 100%!important; } .p-sort{ width: 292px; } .p-title{ width: 100%; margin-top: -150px; } .etalage,.etalage_thumb_image,.etalage_small_thumbs,.etalage_small_thumbs ul{ width: 100%!important; height: auto; } .etalage_thumb_image{ width: 100%!important; height: auto!important; } .etalage_small_thumbs img{ width: 100%!important; height: auto; } .etalage_magnifier img{ width: 100%!important; height: auto; } .etalage_small_thumbs li{ width: 22%!important; } .etalage_small_thumbs{ top:265px!important; } .index22{ width: 100%; padding: 0 15px; } .index22 img{ width: 100%; } .p-content table{ width: 260px!important; } .contact-intr table{ width: 260px!important; } } /*2017/1/6*/ @media only screen and (max-width:340px){ .etalage_small_thumbs{ top:265px!important; } .p-title{ width: 100%; margin-top: -150px; } } .view-hide{ display:none; } #viewall{ padding:7px 20px; color:#fff; font-size:18px; background-color:#369be9; border-color:#379be7; } /*valid form css*/ #formback{ display:inline-block; margin-top:15px; } .m-waiting{ display:none; } /*==========以下部分是Validform必须的===========*/ .Validform_checktip{ margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px; } .Validform_right{ display:none; color:#71b83d; padding-left:20px; /* background:url(images/right.png) no-repeat left center; */ } .Validform_wrong{ color:red; padding-left:20px; white-space:nowrap; /* background:url(images/error.png) no-repeat left center; */ } .Validform_loading{ padding-left:20px; /* background:url(images/onLoad.gif) no-repeat left center; */ } .Validform_error{ background-color:#ffe7e7; } #Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);} #Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;} #Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999; background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');} #Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;} #Validform_msg a.Validform_close:hover{color:#ccc;} #Validform_msg .Validform_info{padding:8px;border:1px solid #bbb; border-top:none; text-align:left;} @media screen and (max-width:767px){ .navbar-fixed-top .navbar-collapse , .navbar-fixed-bottom .navbar-collapse { max-height:initial; } .nav1 .menu-item-has-children ul.sub-menu , .nav1 ul.sub-menu .current-menu-item a , .nav1 ul.sub-menu .current menu-item a:focus { width:100%; } }