@charset "utf-8"; .dpn{ display:none;} .im0l{display: block} /*左右布局*/ .m-screen .middle {width:732px;float:left;margin-left:215px;} .m-screen .right{width:238px;float:right;height:442px;padding:0px;} /*幻灯广告区域*/ #focus{width:732px;height:350px;overflow:hidden;position:relative;} #focus ul{height:350px;position:absolute;} #focus ul li{float:left;width:732px;height:350px;overflow:hidden;position:relative;} #focus ul li img{width:732px;height:350px;} #focus ul li div{position:absolute;overflow:hidden;} #focus ul li p{display: block;position: absolute;bottom: 40px;font-size: 24px;color: #fff;font-weight: bold;height: 30px;line-height: 30px;padding-left: 30px;} #focus .btn{position:absolute;width:200px;height:14px;right:10px;bottom:30px;text-align:right;} #focus .btn span{display:inline-block;_display:inline;_zoom:1;width:12px;height:12px;_font-size:0;margin-right:5px;cursor:pointer;border:#fff 1px solid;margin-top: 7px;} #focus .btn span.on{background:#ff6000;height: 12px;width:12px;border:#ff6000 1px solid;margin-top: 10px;} #focus .preNext{width:45px;height:100px;position:absolute;top:150px;background:url(img/sprite.png) no-repeat 0 0;cursor:pointer;display: none;} #focus .pre{left:10px;} #focus .next{right:10px;background-position:right top;} /*幻灯区域下产品推荐*/ .recomment-box{ width:732px; margin-top:15px; overflow:hidden;position:relative;box-shadow: 0px 0px 8px rgba(0,0,0,0.05);} .recomment-box li{float:left;width:732px;overflow:hidden;transition: all 0.2s linear 0s;font-size:12px;background:white;position:relative;} .recomment-box .tempWrap{overflow:hidden; position:relative; width:710px;margin:0px auto; background:white} .recomment-box .slick-btn-left{ width:30px; height:50px;background:url(img/leri.png) no-repeat 0px -60px; position:absolute; top:50%; z-index:1; left:0px; margin-top:-24px; cursor:pointer;} .recomment-box .slick-btn-right{ width:30px; height:50px;background:url(img/leri.png) no-repeat; position:absolute; top:50%; z-index:1; right:0px; margin-top:-24px; cursor:pointer;} .recomment-box li dd{float:left;} .recomment-box li dd:nth-child(1) a{float:left;display:block;height:141px;} .recomment-box li dd:nth-child(1) .text{width:100%;font-size:16px;font-weight:700; text-align:center} .recomment-box li dd:nth-child(1) a{float:left;padding:20px;display:block;width:155px; text-align:center} .recomment-box li dd:nth-child(1) img{width:80px;height:80px;margin:10px auto;float:none} .recomment-box li .text{float:left;font-size:16px;font-weight:700;} .recomment-box li .text p.sub{font-size:16px;color:#ff6700;font-weight:normal;margin-top:8px;} .recomment-box li .text p.sub i{font-size:12px;} .recomment-box li dd a{float:left;padding:15px 20px 15px 20px;display:block;border-left:#f5f5f5 1px solid;width:214px;height:60px;border-bottom:#f5f5f5 1px solid} .recomment-box li dd a img{width:60px;height:60px; float:right} /*右侧会员登陆区域*/ .member{overflow:hidden;padding:27px 10px 23px 10px;box-shadow: 0px 0px 8px rgba(0,0,0,0.05);background:white} .member .btn-area{margin-top:10px;padding:0px 11px} .member .btn-area>a{display: block;width: 90px;height:28px;line-height:28px;text-align: center;color: #fff;background: linear-gradient(to right, #FF9900, #FF6700);border-radius:2px;border:#ff9900 1px solid;} .member .btn-area>a:hover{background-color:#ff5400;borer:#ff5400 1px solid} .member .btn-area a:nth-child(odd){float:left} .member .btn-area a:nth-child(even){float:right; background:white;border:#ff6000 1px solid;color:#ff6000} .wel{font-size:14px; text-align:center;} .wel p{line-height:25px} .wel .user_img { width: 40px; height:40px; border-radius:50%;overflow: hidden; margin:0px auto 9px;} .wel .user_img img { width: 40px;} .intery {border-top:#f7f7f7 1px solid;overflow:hidden;box-shadow: 0px 0px 8px rgba(0,0,0,0.05);background:white} .intery ul li { float:left; width:48px;overflow:hidden;padding-top:35px;height:70px; text-align:center;padding:0px 15px 10px;border-right:#f7f7f7 1px solid;border-bottom:#f7f7f7 1px solid} .intery ul li:nth-child(3n){border-right:none} .intery ul li a:hover{margin-top:-3px} .intery ul li a{width:48px;display:block;transition: all 0.5s;} .intery ul li a i{width:28px;height:24px;display:block;margin:15px 5px 10px;} .intery ul li.ico_01 i {background:url(img/icon-entry.png) no-repeat 4px 0px;} .intery ul li.ico_02 i {background:url(img/icon-entry.png) no-repeat -70px 0px;} .intery ul li.ico_03 i{background:url(img/icon-entry.png) no-repeat -144px 0px;} .intery ul li.ico_04 i{background:url(img/icon-entry.png) no-repeat -223px 0px;} .intery ul li.ico_05 i{background:url(img/icon-entry.png) no-repeat -300px 0px;} .intery ul li.ico_06 i{background:url(img/icon-entry.png) no-repeat -373px 0px;} /*公告区域切换样式*/ .tz{overflow:hidden; background:white;margin-top:15px;box-shadow: 0px 0px 8px rgba(0,0,0,0.05)} .tz .qc-head{clear:both;font-size:14px;line-height:35px;text-align:center;overflow:hidden;background:#f5f5f5;} .tz .qc-head li{float:left;list-style-type:none;width:33%;font-weight:normal; cursor:pointer;} .tz .qc-head li.current{color:#ff6700; background:white;font-weight:bold} .tz .qc-body dl{overflow:hidden;background:white;padding:14px 10px 10px;} .tz .item{overflow:hidden;padding:0px 0px} .tz .item p{font-size:22px;color:#ff5400} .tz .qc-body dl ul{padding:2px 10px 0px 10px} .tz .qc-body dl li{line-height:30px;font-size:12px;height:30px;overflow:hidden} /*楼层开始*/ .i-title{font-size:14px;height:60px;overflow:hidden; color:#777} .i-title b{font-size:20px;color:#000} .floor-title h2.f3{background:url(img/TB1SXX6n9zqK1RjSZFjXXblCFXa-49-49.jpg) no-repeat;background-size:25px 25px;padding-left:32px;} .floor-title .floor-menu {height: 20px; margin: 4px 0;width:100px; float:right; text-align:right} .floor-title .floor-menu a {display: inline-block; letter-spacing: normal; height: 20px; line-height: 20px; margin-left: 18px; font-size: 14px;color:#222} .floor-title .floor-menu a i {font-style:normal;color:#777;padding:0 0px 0px 5px; font-size:16px;font-weight:bold;font-family:simsun;} .floor-menu>.more{font-size: 16px;color: #666;} .floor-menu>.more>i{top:4px;width:15px;height:20px;margin-left:5px;background-position: 0 0;} .floor-menu>.more:hover{color: #e56639;} .floor-menu>.more:hover>i{background-position: -20px 0;} .tc-gs-i{position: relative;display: inline-block;background-image: url(img/tc-gongsi-icons.png);background-repeat: no-repeat;} .floor-menu>.more,.floor-menu>.more>i{-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;} .brand-list {background: #fff; box-shadow: rgba(227,227,227,.5) 0 0 6px; overflow: hidden;} .brand-list ul {overflow: hidden;} .brand-list li {float: left; width: 170px; height: 75px; border:#E9E9E9 solid ; border-width: 0 0 1px 1px; overflow: hidden;} .brand-list li a {display:block; position: relative; height: 100%; text-align: center} .brand-list li a img {margin: 13px auto; width:138px;} .brand-list li a p {position: absolute; left: 0px; bottom: -23px; display: block; height: 22px; width: 100%; line-height: 22px;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;} .brand-list li a p span {display: block; position: relative; width: 100%; line-height: 22px; text-align: center; font-size: 13px; color: #fff; z-index: 1;} .brand-list li a p::after {background: #000; display: block; content: ""; width: 100%; height: 22px; margin-top: -22px; opacity: 0.5; filter: alpha(opacity=50)} .brand-list li a:hover p {bottom: 0} .floor .top01 h2 { background: #f8814a;} .floor .top01 .cat { background:#f79d60;} .floor .top02 h2 { background: #048d85;} .floor .top02 .cat { background:#1fa29b;} .floor .top03 h2 { background: #0b8d04;} .floor .top03 .cat { background:#30ae29;} .floor .top04 h2 { background: #3f10d2;} .floor .top04 .cat { background:#5a0ceb;} .floor .top05 h2 { background: #1faaeb;} .floor .top05 .cat { background:#4bbefd;} .floor .top06 h2 { background: #0cbe7d;} .floor .top06 .cat { background:#31d398;} .floor .left {width:224px;float:left;} .floor .left h2 { display: block;height: 45px;line-height: 45px;font-size: 21px;padding: 0 10px; font-weight:normal;} .floor .left h2 a { color:#fff; margin-left:20px;} .floor .left h2 i { color:#fff;} .floor .cat { height: 290px; padding:20px 20px;} .floor .left .cat h3 {height: 30px; line-height: 30px; font-size: 19px; color: #fff; opacity: 0.8;font-weight:normal;} .floor .left .cat p {height: 20px; line-height: 20px; font-size: 15px; color: #fff; opacity: 0.5; margin-bottom:20px;} .floor .left .cat img{width:100%;transition: all 0.2s;} .floor .left .cat:hover img{transform: scale(1.02);} .floor .center-main {width: 500px; float:left; height: 335px;padding:19px 0 19px 20px; border:1px solid #eee; background:#fff;} .floor .center-main dl { float:left; width: 48%; margin:0 2% 2% 0; overflow:hidden; } .floor .center-main dl dt { display: block; height: 30px; line-height: 30px; font-size: 16px; color: #000;} .floor .center-main dl dt a{color:#000;} .floor .center-main dl dt a:hover{color:#1db3c9;} .floor .center-main dl dd{height:75px;overflow:hidden;} .floor .center-main dl dd a { display: inline-block;color:#777;margin-right: 20px;font-size: 14px; line-height:25px;} .floor .center-main dl dd a:hover{color:#1db3c9;} .floor .right-main ul { overflow:hidden; float:left; width: 453px; height: 373px; border:1px solid #eee; margin-left:-1px;} .floor .right-main ul li { float:left; width: 50%; height: 50%;background:#fff; display:inline-block; overflow:hidden;box-sizing: border-box;} .floor .right-main ul li:nth-child(2) { height: 100%;border-left:1px solid #eee;} .floor .right-main ul li:nth-child(3) { margin-top:-187px; border-top:1px solid #eee;} .floor li img{transition: all 0.3s;} .floor li:hover img{margin-left:-3px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;} /*产品样式*/ .sell-box{width:592px;height:407px;background:#fff;margin:0px 0px 15px 0;position:relative} .sell-box h3{height:34px;line-height:34px;color:#fff;font-size:16px;position:absolute;left:0;top:20px;z-index:10;font-weight:normal} .sell-box h3.f1{background:#ff6843} .sell-box h3.f2{background:#35a6a4} .sell-box h3.f3{background:#5b55dd} .sell-box h3.f4{background:#0189ff} .sell-box h3.f5{background:#555ba6} .sell-box h3.f6{background:#1db3c9} .sell-box h3 a{color:white} .sell-box h3 span{padding:0 20px;display:block} .sell-box .left{float:left;width:234px;height:320px;border-right:1px solid #f1f1f1;overflow:hidden;position:relative} .sell-box .left a{display:table-cell;text-align:center;width:235px;height:320px;vertical-align:middle} .sell-box .left p{width:200px;text-align:center;position:absolute;left:17px} .sell-box .left img{width:220px;height:220px} .sell-box .left .til{font-size:16px;color:#333;top:265px;font-weight:600} .sell-box .left .tsg{font-size:12px;color:#999;top:290px} .sell-box .right{float:left;width:350px;height:320px} .sell-box .right img{width:85px;height:85px;} .sell-box .right li{float:left;width:85px;height:145px;padding:15px 45px 0px 45px;border-top:1px solid #f1f1f1;border-left:1px solid #f1f1f1;margin-top:-1px;margin-left:-1px;overflow:hidden;position:relative} .sell-box .right p{width:155px;text-align:center;position:absolute;left:15px} .sell-box .right .til{font-size:14px;color:#333;top:108px} .sell-box .right .tsg{font-size:12px;color:#999;top:130px} .floatimg li img{transition: all 0.3s;} .floatimg li:hover img{margin-left:-3px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;} .fLogo{clear:both;border-top:1px solid #f1f1f1;padding:18px 0 0 9px} .fLogo li{float:left;width:120px;overflow:hidden;border:1px solid #f1f1f1;margin:0 10px} .fLogo li img{width:100%} .news-box{background:white; overflow:hidden} .news-box dl{float:left} .news-box dl dt{font-size:18px;color:#333;height:40px;overflow:hidden;line-height:28px} .news-box dl dt span{float:right;font-size:14px;font-weight:normal} .news-box dl dt:before{content: "";width: 3px;height: 18px;background: #ff7900;float: left;margin:4px 10px 0px 0px;} .news-box dl{float:left;padding:20px;border-left:#eee 1px solid} .news-box dl:nth-child(1){width:559px;border-left:none} .news-box dl:nth-child(2){width:260px} .news-box dl:nth-child(3){width:250px} .news-box dl ul li{line-height:30px;font-size:14px} .ad{overflow:hidden;} .ad .left{float:left;} .ad .right{float:right;} .s-screen .left {width:880px;float:left;overflow:hidden} .s-screen .right{width:300px;float:right;overflow:hidden} .s-screen .left {width:850px;float:left;overflow:hidden} .s-screen .right{width:330px;float:right;overflow:hidden} /*友情链接*/ .linkwrap{ width:100%;padding:30px 0;overflow:hidden;line-height:23px;font-size:14px;} .linkwrap dt{float:left;font-weight:bold;padding-right:5px} .linkwrap a{white-space:nowrap; color:#666; margin:0 8px 0px 0px; display:inline-block; line-height:23px} .f2ad img{width:49%} .f2ad img:nth-child(odd){float:left;} .f2ad img:nth-child(even){float:right;} .news{ width:1198px; height:517px; margin:20px auto; background:#fff; overflow:hidden;border:1px solid #eee;} .news_title{ width:1148px; height:68px; padding:0 25px; border-bottom:#eee 1px solid} .news_title h2{ float:left; line-height:68px; background:url(img/news_title_bg.png) left no-repeat; text-indent:30px; font-size:20px; color:#ff7200; } .news_title p{ float:right; height:14px; line-height:14px; font-size:14px; text-align:right; margin-top:27px;} .news_title p a{ margin-left:10px;} .news_title p a:hover{color:#1db3c9} .news_content{ width:1200px; height:450px; position:relative;} .news_content_left{ float:left; width:359px;padding:15px; height:450px;} .news_content_center{ float:left; width:500px;border-left:#eee 1px solid; height:450px;overflow:hidden} .news_content_center p{ height:60px; padding:19px 20px 10px; line-height:30px; font-size:12px; color:#999; overflow:hidden;} .news_content_center p a{ font-size:18px; padding-left:25px; background:url(img/news_content_center_p_a_bg.png) left no-repeat;font-weight:bold} .news_content_center ul{ padding:15px 20px 14px; border-bottom:1px solid #eee;} .news_content_center ul li{ height:30px; line-height:30px; font-size:12px;list-style:inside;float:none;} .news_content_center ul li a{ font-size:14px; padding-right:10px;} .news_content_center ul li span{ color:#999; float:right;} .news_content_right{ float:left; width:308px; height:449px; overflow:hidden; border-right:1px solid #eee; border-left:1px solid #eee; } .news_content_right_top{ width:100%; height:89px; border-bottom:1px solid #eee; background:url(img/news_content_right_top_bg.png) no-repeat top right;} .news_content_right p{ width:270px; height:80px; margin:0 19px; padding:15px 0 19px; border-top:1px dashed #eee; line-height:20px; color:#999; font-size:12px;} .news_content_right p:nth-child(2){border-top:none} .news_content_right p a{ font-size:14px;color:#000} .news_content_right p a:hover{color:#1db3c9} .news_content_right p span a{ font-size:12px; color:#2277e6; padding-right:4px;} .box{border:#e1e1e1 0px solid;border-top:#009237 0px solid;} .box ul{padding:0px 0px} .box ul li{line-height:33px;font-size:14px;height:33px;overflow:hidden} .box ul li:nth-child(1) em ,.box ul li:nth-child(2) em ,.box ul li:nth-child(3) em{background:#ff7200} .box ul li em{background:#999; display:block;width:20px; height:20px;float:left;margin-right:8px; text-align:center;line-height:18px;color:white;margin-top:8px;font-size:14px;border-radius:50%; font-style:normal} .floor-title { height: 30px; line-height: 15px;} .floor-title .f1 { font-size: 16px;} .floor-title .f1:before{ content:""; width: 3px;height: 16px; background:#1db3c9; float:left; margin-right:10px;} .gdbody dl{overflow:hidden;} .gdbody dl dd{float:left;width:259px;padding:17px 20px;position:relative;border-right:#eee 1px solid;border-bottom:#eee 1px solid;overflow:hidden;height:50px;} .gdbody dl dd h4{font-weight:normal;color:#333;width:170px;font-size:16px;height:25px;} .gdbody dl dd h4:hover{color:#1db3c9} .gdbody dl dd:nth-child(3),.gdbody dl dd:nth-child(6),.gdbody dl dd:nth-child(9),.gdbody dl dd:nth-child(12),.gdbody dl dd:nth-child(15){border-right:none} .gdbody dl dd p{color:#777;font-size:12px;margin-top:10px; text-align:left} .gdbody dl dd em{background:#777;color:white;position:absolute;right:20px;top:17px;display:block;padding:2px 10px 0px;font-size:12px;height:23px;line-height:23px;border-radius:15px;} .gdbody dl dd:hover em{background:#1db3c9} .gdbody dl dd font{color:red} .gdbody {background:white;overflow:hidden;width:900px;float:left;border:#eee 1px solid;padding:20px 30px} .purchase-send{height:296px;width:223px;float:right;background:#fff;position:relative;border:#eee 1px solid} .purchase-send a{display: block;} .purchase-sendtop{padding-top:12px;text-align:center;color:#282828;margin-bottom:6px} .purchase-sendtop h4{font-size:16px;line-height:30px} .purchase-sendtop p{font-size:12px;padding:3px 0 0} .purchase-sendtop p b{color:#d94536;font-weight:400} .unitBox{width:70px;float:right} .purchase-send{overflow:hidden;} .purchase-send ul{overflow:hidden;padding-bottom:15px} .purchase-send input{border:1px solid #e9eaec;height:32px;padding-left:6px;width:100%;color:#282828;font-size:12px;transition:.5s} .purchase-send input.w82{width:82px;float:left;overflow:hidden;margin-right:10px;} .purchase-send li{padding:10px 0px 0 20px;height:34px;font-size:12px;float:left;width:175px;} .unitBox p{height:32px;border:0;background:none;width:60px;line-height:32px;padding-left:6px;color:#1db3c9} .purchase-send button{display:block;width:140px;height:30px;background:#d94536;border-radius:50px;border:0;color:#fff;font-size:14px;margin:0px auto 0;z-index:6;line-height:30px;transition:.3s} .purchasePrompt{text-align:center;font-size:12px;color:#1db3c9;padding-top:12px}.blueTit{border-left:5px solid #2375da;padding-right:200px}.boxTitle.blueTit em{background:#2375da;margin-top:25px} .industry-bar { position:fixed;top:220px;left:50%;margin-left:-660px;width:46px;display:none; z-index:1000; background:white; } .industry-bar.hover { display:block } .industry-bar h5 { height:26px;line-height:26px;padding:5px 0;background:#d10000;text-align:center;color:#fff } .industry-bar ul { background:#fff } .industry-bar li { padding:5px 8px;height:32px;line-height:16px;margin:0 auto;text-align:center; border-bottom:#eee 1px solid } .industry-bar li a { display:block;line-height:16px;font-size:12px; } .industry-bar li.current { color:#fff; } .industry-bar li.current a{color:white} .industry-bar li.current:nth-child(1){background:#ff9900} .industry-bar li.current:nth-child(2){background:#fa7e19} .industry-bar li.current:nth-child(3){background:#1873d9} .industry-bar li.current:nth-child(4){background:#36ad95} .industry-bar li.current:nth-child(5){background:#8e4baa} .industry-bar li.current:nth-child(6){background:#ff7200} .industry-bar li.current:nth-child(7){background:#1db3c9} .industry-bar li.current:nth-child(8){background:#008800} .industry-bar li.current:nth-child(9){background:#1db3c9} .industry-bar li.current:nth-child(10){background:#006699} .industry-bar li.current:nth-child(11){background:#ff7200}