@charset "utf-8"; /*banner*/ .banner{ height:500px; } .banner a{ display:block; background:url(/uploads/image/sdi/banner.jpg) no-repeat center 0;height:500px;} .banners{height: 500px;} .fullslide {width:100%;position:relative;height:500px;} .fullslide .bd {margin:0 auto;position:relative;z-index:0;} .fullslide .bd ul {} .fullslide .bd li { float:left; background-repeat: no-repeat;width:100%;height:500px;overflow:hidden;text-align:center;background-position:center top;} .fullslide .bd li a {display:block;height:500px;} .fullslide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;} .fullslide .hd ul {text-align:center;} .fullslide .hd ul li {cursor:pointer;border-radius: 10px; transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* firefox 4 */ -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* safari and chrome */ -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* opera */ display:inline-block;*display:inline;zoom:1;width:120px;height:10px;margin:5px 10px;overflow:hidden;background:#fff;line-height:999px;filter:alpha(opacity=80);opacity:0.8;} .fullslide .hd ul .on {background:#d91d00 ;width:120px;filter:alpha(opacity=100);opacity:1;} .fullslide .prev,.fullslide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-45px;left:5%;z-index:1;width:128px;height:128px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;} .fullslide .prev{ background:url(/uploads/image/sdimg/bleft.png) no-repeat; } .fullslide .next {left:auto;right:5%;background:url(/uploads/image/sdimg/bright.png) no-repeat;} .g_ser{background: #f4f4f4;height: 78px;margin-bottom:0;} /* 事件 */ .g_sj{background: no-repeat center 0;height:529px; padding-top: 60px;} .g_sj h2{background:url(/uploads/image/sdi/sjtit.jpg) no-repeat 0 25px;text-align: center;font-size: 36px;font-weight: normal; height: 166px;} .g_sj h2 a{color: #333333;} .g_sj h2 em{display: block;font-size: 20px;color: #777777;} .g_sj li{float: left; position: relative; width: 222px;height: 50px;background:url(/uploads/image/sdi/sjtab1.jpg) no-repeat;padding-top: 10px; padding-left: 60px;font-size: 16px;color: #7a7a7a;margin-bottom: 120px;margin-right: 435px;} .g_sj li b{position: absolute; font-size: 50px;color: #7a7a7a;font-family: arial; left:0;top:0;font-weight: normal;} .g_sj .lastli{margin-right: 0;} .g_sj .bg1{background:url(/uploads/image/sdi/sjtab2.jpg) no-repeat;color: #d91d00;} .g_sj .bg1 b{color: #d91d00} /* 如何让他们选择您的epdm塑胶跑道? */ .g_cho{ background:url(/uploads/image/sdi/chobg.jpg) no-repeat center 0;height:775px; padding-top: 90px;} .g_cho h2{background:url(/uploads/image/sdi/chotit.png) no-repeat 0 22px;text-align: center;font-size: 36px;font-weight: normal; height: 130px; padding-left: 15px;} .g_cho h2 a{color: #fff;} .g_cho h2 em{display: block;font-size: 20px;color: #fff;} .g_cho ul{position: absolute;left:446px;top:655px;} .g_cho ul li{float: left;width: 13px;height: 13px;margin-right: 14px;background:url(/uploads/image/sdi/choico.jpg) no-repeat 0 0; } .g_cho ul li.on{background:url(/uploads/image/sdi/choico.jpg) no-repeat -22px 0; } .m_cho{padding: 0 38px;} .m_cho dt{display: block;width: 920px;height: 250px; margin-bottom: 48px;} .m_cho dt img{display: block;width: 920px;height: 250px;} .m_cho h3{position: relative;padding-left: 98px;font-size: 30px;color: #333333;height: 82px;} .m_cho h3 em{display: block;font-size: 14px;color: #ababab; font-family: arial; text-transform: uppercase;font-weight: normal;} .m_cho h3 b{position: absolute; left:0;top:0; width: 68px;height: 106px;text-align: center;padding-top: 20px;font-size: 40px;color: #fff;background:url(/uploads/image/sdi/pkno.jpg) no-repeat} .m_cho p{padding-left: 98px;font-size: 16px;color: #555555;line-height: 22px;} .g_pro{padding-top: 65px;height: 853px;} .g_pro h2{background:url(/uploads/image/sdi/cptit.jpg) no-repeat 0 26px;text-align: center;font-size: 36px;font-weight: normal; height: 100px;} .g_pro h2 a{color: #333333;} .g_pro h2 em{display: block;font-size: 20px;color: #777777;} .cptit{position: relative; background:url(/uploads/image/sdi/cptab1.jpg) repeat;height: 62px;line-height: 62px;margin-bottom: 35px;} .cptit li{float: left;width: 270px;text-align: center; border-right: 1px solid #a9d399;text-align: center;font-size: 20px;color: #fff;} .cptit li a{ text-decoration:none;color:#fff;} .cptit li:hover{background:url(/uploads/image/sdi/cptab2.jpg) repeat;} .cptit span{position: absolute;right: 0;top:0;width: 210px; text-align: center;font-size: 20px;color: #fff;} .cptit span a{color: #fff;} .cplst li{position: relative; float: left;width: 308px;height: 274px;margin-right: 38px; margin-bottom: 36px;} .cplst .lastli{margin-right: 0;} .cplst li img{display: block;width: 308px;height: 274px;} .cplst li em{position: absolute;left:0;bottom: 0; width: 308px;height: 40px;line-height: 40px;overflow: hidden;text-align: center;font-size: 14px;color: #fff;background:url(/uploads/image/sdi/sha1.png) repeat;} .cplst li span{position: absolute;left:0;top:0;display: none; width: 308px;height: 124px; padding-top: 150px; background:url(/uploads/image/sdi/cpsha.png) no-repeat;text-align: center;font-size: 14px;color: #fff;} .cplst li:hover span{display: block;} .cplst li:hover em{display: none;} .g_an{padding-top: 66px;height: 660px;background: #f6f6f6;} .g_an h2{background:url(/uploads/image/sdi/antit.jpg) no-repeat 0 80px;text-align: center;font-size: 50px;font-weight: normal; height: 150px;} .g_an h2 a{color: #d91d00;} .g_an h2 em{display: block;font-size: 32px;color: #333333;} .g_an h2 span{display: block;font-size: 20px;color: #777777;} .antit{float: left;width: 226px;} .antit li{width: 226px;height: 85px;border-bottom: 1px solid #fff;} .antit li a{ text-decoration:none; display: block;width: 200px;height: 60px; padding: 25px 0 0 26px;font-size: 18px;color: #fff;background:url(/uploads/image/sdi/antab1.jpg) no-repeat} .antit li em{display: block;font-size: 12px;font-family: arial;text-transform: uppercase;color: #bdd8b8;} .antit li a:hover,.antit .cur a{background:url(/uploads/image/sdi/antab2.jpg) no-repeat} .antit span a{text-decoration:none;display: block;width: 200px;height: 60px; padding: 25px 0 0 26px;font-size: 18px;color: #fff;background:url(/uploads/image/sdi/antab1.jpg) no-repeat;} .antit span em{display: block;font-size: 12px;font-family: arial;text-transform: uppercase;color: #bdd8b8;} .antit span a:hover{color: #fff;background:url(/uploads/image/sdi/antab1.jpg) no-repeat} .m_anr{float:right;width: 752px;} .m_anr dl{height: 268px;} .m_anr dt{float: left;width: 378px;height: 252px;} .m_anr dt img{width: 378px;height: 252px;display: block;} .m_anr dd{float:left; width: 340px;background: #fff;height: 222px; padding: 30px 0 0 30px;} .m_anr dd p{font-size: 14px;color: #555555;line-height: 24px;} .m_anr dd span{display: block;margin-top: 45px;} .m_anr dd span a{display: block;float: left;margin-right: 30px;} .m_anr .wz{height: 96px;overflow: hidden;} .m_anlst{position: relative;height: 160px;width:752px;overflow:hidden;} .m_anlst li{float: left;width: 240px;height: 160px;position: relative; margin-right: 16px;} .m_anlst li img{width: 240px;height: 160px; display:block;} .m_anlst .lastli{margin-right: 0;} .m_anlst li em{position: absolute;left:0;top:0;display: none; width: 240px;height: 60px; padding-top: 100px; background:url(/uploads/image/sdi/ansha.png) no-repeat;text-align: center;font-size: 14px;color: #fff;} .m_anlst li:hover em{display: block;} .m_anlst .u_ljt,.m_anlst .u_rjt{ width:30px; height:76px; position: absolute; cursor:pointer; display:block;} .m_anlst .u_ljt{left:0;top:42px;} .m_anlst .u_rjt{right:0;top:42px;} .m_anlst .u_ljt a{ background: url(/uploads/image/sdi/ljt.png) no-repeat; width:30px; height:76px; display:block;} .m_anlst .u_rjt a{ background: url(/uploads/image/sdi/rjt.png) no-repeat; width:30px; height:76px; display:block;} .m_anlst .u_ljt a:hover,.m_anlst .u_rjt a:hover{background-position: -30px 0;} .g_ys{height: 1148px;padding-top: 70px;} .g_ys h2{width: 1000px;margin: 0 auto;height: 152px;} .g_ys .m_ys1{background: url(/uploads/image/sdi/ysbg1.jpg) no-repeat center top; height: 306px;} .g_ys .m_ys1 .content{padding-left: 586px;width:414px; padding-top: 42px; } .g_ys .m_ys2{background: url(/uploads/image/sdi/ysbg2.jpg) no-repeat center top; height: 306px;} .g_ys .m_ys2 .content{padding-left: 60px;width:420px; padding-right: 518px; padding-top: 55px; } .g_ys .m_ys3{background: url(/uploads/image/sdi/ysbg3.jpg) no-repeat center top; height: 306px;} .g_ys .m_ys3 .content{padding-left: 586px;width:420px; padding-top: 42px; } .g_ys h3{padding-left: 20px;font-size: 30px;color: #339d00;height: 112px;} .g_ys h3 em{display: block;font-size: 22px;color: #333333;} .g_ys h3 span{display: block;font-size: 12px;color: #b0b0b0;font-family: arial;text-transform: uppercase;font-weight: normal;} .g_ys p{background: url(/uploads/image/sdi/ysico.jpg) no-repeat 0 7px;padding-left: 22px;font-size: 14px;color: #555555;line-height: 24px;} /* 关于 */ .g_ab{height: 480px; padding-top: 62px; background: #f6f6f6;} .m_abtit{position: absolute;background:url(/uploads/image/sdi/zjtit.png) no-repeat;width: 158px;height: 465px;left:50px;top:0;} .m_abtit h2{padding: 1px;width: 154px;height: 120px;margin-bottom: 70px;} .m_abtit h3{padding-left: 10px;font-size: 26px;color: #fff; height: 84px;} .m_abtit h3 a{color: #fff;} .m_abtit .abtit{margin: 0 12px;} .m_abtit .abtit li{width: 130px;height: 34px;line-height: 34px;border: 2px solid #fff;text-align: center;font-size: 18px;color: #fff; margin-bottom: 12px;} .m_abtit .abtit li a{color: #fff;} .abimg dd{margin-left:240px;height:122px;z-index: 10; position: relative;} .abimg dd h3{height:30px;line-height: 30px;font-size: 16px;font-weight: bold;overflow: hidden;} .abimg dd h3 a{color: #333333;} .abimg dd p{font-size: 14px;line-height: 26px;color: #555555;height: 78px;overflow: hidden;} .abimg dd p a{color: #555555;} .abimg dt,.abimg dt img{display: block;width: 1000px;height: 343px;} /*相册*/ .g_xc{ height: 228px;background: #f6f6f6} .m_xc1{width:999px;overflow:hidden;} .m_xc .m_kfc{height: 200px; position: relative; } .m_xc .u_ljt,.m_xc .u_rjt{ width:48px; height:48px; position: absolute; cursor:pointer; display:block;} .m_xc .u_ljt{left:-75px;top:50px;} .m_xc .u_rjt{right:-75px;top:50px;} .m_xc .u_ljt a{ background: url(/uploads/image/sdi/ljt2.png) no-repeat; width:48px; height:48px; display:block;} .m_xc .u_rjt a{ background: url(/uploads/image/sdi/rjt2.png) no-repeat; width:48px; height:48px; display:block;} .m_xc .u_ljt a:hover,.m_xc .u_rjt a:hover{background-position:-48px 0;} .m_xc .u_mid{ width:1000px; overflow:hidden; } .m_xc .u_lst1 li{position: relative; width:237px; float:left; margin-right:17px; position: relative; } .m_xc .u_lst1 .lastli{margin-right: 0;} .m_xc .u_lst1 li img{ width:237px; height:169px;display: block;} .m_xc .u_lst1 span{position: absolute;display: none; width: 237px;height: 59px; padding-top: 110px; background: url(/uploads/image/sdi/xcsha.png) repeat;text-align: center;font-size: 14px;color: #fff;overflow: hidden; left:0;bottom: 0;} .m_xc .u_lst1 a:hover{text-decoration: none;} .m_xc .u_lst1 li:hover span{display: block;} /* 资讯中心 */ .g_news{padding-top: 70px;height: 742px;} .g_news h2{background:url(/uploads/image/sdi/newtit.jpg) no-repeat 0 25px;text-align: center;font-size: 36px;font-weight: normal; height: 100px;} .g_news h2 a{color: #333333;} .g_news h2 em{display: block;font-size: 20px;color: #777777;} .g_news h3{font-weight: normal; background:url(/uploads/image/sdi/wdtit.jpg) no-repeat 0 bottom;height: 50px;line-height: 50px;font-size: 20px;} .g_news h3 a{color: #353535;} .g_news h3 em{font-size: 18px;font-family: arial;text-transform: uppercase;display: inline-block; padding-left: 15px;color: #cfcfcf;} .g_news h3 span a{color: #888888;font-size: 14px;font-family: arial;text-transform: uppercase;} .m_newl{width: 466px;float: left;} .m_newl .dt1{margin-top: 20px;height: 340px;} .m_newl .dt1 dt{width: 464px;height: 219px;margin-bottom: 20px;} .m_newl .dt1 dt img{width: 464px;height: 219px;display: block;} .m_newl .dt1 h4{height: 30px;line-height: 30px;font-size: 18px; position: relative; padding-left: 75px;font-weight: normal;text-transform: uppercase;margin-bottom: 10px;} .m_newl .dt1 h4 a{color: #339d00;} .m_newl .dt1 h4 em{position: absolute;left:0;top:0;} .m_newl .dt1 p{font-size: 14px;color: #555555;line-height: 24px;height: 48px;overflow: hidden;} .m_newl .dt1 p a{color: #d91d00} .nlst1 li{background:url(/uploads/image/sdi/dtico.jpg) no-repeat 0 12px;height: 34px;line-height: 34px;font-size: 14px;overflow: hidden; padding-left: 28px;} .nlst1 li a{color: #555555;} .m_dt{width: 496px;float: right;} .m_dt .dt2{margin-top: 20px;height: 134px;} .m_dt .dt2 dt{float: left; width: 183px;} .m_dt .dt2 dt img{width: 183px;height: 111px;display: block;} .m_dt .dt2 dd{float: left;width: 300px;margin-left: 10px;} .m_dt .dt2 h4{height: 30px;line-height: 30px; overflow: hidden; font-size: 16px; font-weight: normal;text-transform: uppercase;} .m_dt .dt2 h4 a{color: #222222;} .m_dt .dt2 p{font-size: 14px;color: #777777;line-height: 24px;height: 72px;overflow: hidden;margin-top: 5px;} .m_dt .dt2 p a{color: #d91d00} .m_wd{margin-top: 15px;height:258px;overflow:hidden;} .m_wd dl { padding:20px 0 0 0; height: 84px; } .m_wd dl dt { height:28px; line-height:28px; background:url(/uploads/image/sdi/wen.jpg) no-repeat left 5px; padding-left:33px; font-weight:bold; overflow: hidden;} .m_wd dl dt a { color:#333333; font-size: 14px;} .m_wd dl dd { line-height:24px; height: 48px; overflow:hidden; background:url(/uploads/image/sdi/da.jpg) no-repeat left 2px; padding:0 0 0 33px; color:#555555; font-size: 14px;} /* 友情链接 */ .g_link{ height: 159px;} .g_link h2{ font-weight: normal; height: 45px; line-height: 45px; color: #fff;} .g_link h2 a{color: #333333; font-size: 16px; text-decoration: none;} .g_link h2 em{ margin-left: 8px; color: #c3c3c3; font-size: 14px; font-weight: bold; text-transform: uppercase; } .g_link .more01 a{font-size: 14px; color: #666666; font-weight: normal; display: inline-block; } .link_c{line-height:26px; overflow:hidden; padding:10px 0 0 0;font-size: 14px; } .link_c a{ white-space:nowrap; padding:0 20px; height: 26px; line-height:26px; color:#666666;display: inline-block;}