@charset "utf-8"; /* css document */ /*common*/ .banner a{ display:block;height:550px; overflow:hidden;} .pic1{ height: 230px;background:url(/uploads/image/sdi/pic1.jpg) no-repeat center top; overflow: hidden; position: relative;} .pic1 p{ position: absolute; top: 40px; right:50%; margin-right: -500px; width:245px;background:url(/uploads/image/sdi/pic_ico.png) no-repeat center 44px; height: 110px;} .pic1 p span{ display: block; height: 38px;background:url(/uploads/image/sdi/tel_ico.png) no-repeat 46px 0; padding-left: 82px;font:18px/26px "simhei"; color: #fff;} .pic1 p i{ display: block;padding-left: 34px; font:24px/34px arial; color: #fff;} .pic1 p i.ico{ font-size: 28px;} .pic1 em{ display: block; position: absolute; top: 163px; right:50%; margin-right: -445px; width:133px; height: 34px; border:1px solid #fff;font:16px/34px "simhei";color: #fff; text-align: center;} .pic1 em a{ color: #fff;} .about{margin-top: 60px; height: 690px; overflow: hidden; font-family: "simhei";} .about h2{height: 120px;overflow: hidden; text-align: center; font-size: 38px; color: #4d4d4d;} .about h2 a{ color:#4d4d4d;} .about h2 i{ display: block;font:18px/24px arial; color: #c7c7c7; text-transform: uppercase;} .about dt{ line-height: 0; text-align:center;} .about dd h3{ padding-top: 33px; text-align: center; line-height: 24px; font-size: 20px;} .about dd h3 a{ color: #4e4e4e;} .about dd p{ padding-top: 15px;line-height: 28px; font-size: 14px; color: #888888;} .about dd p a{ color: #007ae1;} .show{ position: relative; margin:0 auto; width:1110px; height: 300px; overflow: hidden;font-family: "simhei";} .s_nav{ height: 40px;background:url(/uploads/image/sdi/show_line.gif) no-repeat center center; margin:0 55px; padding-left: 285px;} .s_nav li{ float: left; margin-right: 14px; overflow: hidden; width:136px;} .s_nav li a{ display: inline-block; width:134px; height: 38px; border:1px solid #c9c9c9; text-align: center; line-height: 38px; font-size: 16px; color: #555555; background: #fff;} .s_nav li a:hover , .s_nav li.cur a{ background: #0070c0; border:1px solid #0070c0; color: #fff; text-decoration: none;} .show_c{ height: 230px; overflow: hidden;} .show_z , .show_y{ margin-top: 77px; width:35px;height:75px; overflow: hidden;} .show_z a , .show_y a{display: inline-block;width:35px;height:75px;} .show_z a{background:url(/uploads/image/sdi/show_z.gif) no-repeat center top;} .show_y a{background:url(/uploads/image/sdi/show_y.gif) no-repeat center top;} .show_z a:hover{background:url(/uploads/image/sdi/show_z_cur.gif) no-repeat center top;} .show_y a:hover{background:url(/uploads/image/sdi/show_y_cur.gif) no-repeat center top;} .showimg{padding-left: 20px; width:1000px; overflow: hidden;} .showimg ul{ position: relative; margin-right: -30px;} .showimg li{ float: left; width:238px; overflow: hidden; margin:29px 16px 0 0; height: 170px; position: relative; line-height: 0;} .showimg li img{ width:238px; height: 170px;} .showimg li span{ display: block; position: absolute;bottom:0; left: 0; width:238px; height: 30px; text-align: center; line-height: 30px; color: #fff; font-size: 14px;background:url(/uploads/image/sdi/png.png) repeat center top;} .news_bj{ height:576px; overflow:hidden; font-family:"simhei"; background:url(/uploads/image/sdi/news_bj.gif) repeat-x center 302px;} .news_l{ width:620px; overflow: hidden;} .news_r{ width:335px; height: 510px; background: #f2f3f4; overflow: hidden;} .news{ height:302px; overflow:hidden;} .news h2{ height: 40px; overflow: hidden;} .news h2 span a{font:12px/40px arial; text-transform: uppercase;} .news h2 i{ display: inline-block; width:140px; height: 40px; background: #0070c0; text-align: center; line-height: 40px; font-weight: normal;} .news h2 i a{ color: #fff;font-size:16px;} .news p{ width:275px; height: 199px; position: relative; overflow: hidden; margin-top: 30px;} .news p img{width:275px; height: 199px;} .news p span{ display: block; position: absolute; bottom:0; right:0; width:22px;height: 22px; overflow: hidden;} .news p span img{width:22px;height: 22px;} .news ul{ margin:30px 0 0; width:315px; overflow: hidden;} .news li{ line-height: 40px; padding-left: 20px; overflow:hidden; font-size:14px; background:url(/uploads/image/sdi/news_ico.gif) no-repeat left 18px;} .news li a{ color: #555555;} .wt{ padding-top: 25px; height:210px; overflow:hidden;} .wt h2{padding-left: 20px; height: 45px; overflow: hidden; color: #0070c0; font-size: 16px; font-weight: normal;} .wt h2 i{font:32px impact; color: #0070c0; text-transform: uppercase;} .wt h2 a{ color: #fff;} .wt_c{height:150px; overflow:hidden;} .wt_c dl{ padding-left: 65px; width:235px; float: left; overflow: hidden; font-size:14px; padding-top: 20px;} .wt_c dt{ line-height: 24px;} .wt_c dt a{ color:#fff;} .wt_c dd{ color: #787878; line-height: 24px; padding-top: 20px;} .news1{ width:276px; height: 330px; overflow: hidden; margin: 0 auto; position: relative;} .news1 h2{ font-size: 16px; color: #333333; height: 74px; line-height: 74px;} .news1 h2 a{ color: #333;} .news_c{ height: 255px; overflow: hidden;} .news_c dt{ line-height: 0;} .news_c dd h3{ padding-top: 40px; font-size: 14px; line-height: 24px;} .news_c dd h3 a{ color: #555555;} .news_c dd p{ padding-top: 20px; line-height: 20px; font-size: 14px; color: #777777;} .n_roll{ position: absolute; top: 194px; right:0; width:62px; overflow: hidden;} .n_roll a{ display: block; float: left; width: 31px; height: 23px; background: #bfbfbf; overflow: hidden;} .n_roll a:hover { background: #0070c0;} .link { height:150px; margin-top: 50px; overflow:hidden; } .link h2{ height: 45px;overflow: hidden; color: #0070c0; font-size: 16px; font-weight: normal;} .link h2 a{font:32px impact; color: #0070c0; text-transform: uppercase;} .link h2 span a{ color: #333333; font-size: 14px; font-weight: normal;} .link p{ line-height:30px; padding-top:10px; font-size: 14px;} .link p a{ padding:0 27px 0 0; display:inline-block;} .pin{margin: 48px auto 0; height: 340px; width: 1110px; overflow: hidden;font-family:"simhei"; } .pin dt{ width: 330px; height: 310px; overflow: hidden; background:url(/uploads/image/sdi/about_img_bj.jpg) no-repeat left 0; float: left;} .pin dt img{ width: 330px; height: 306px;} .pin dd{width: 757px; overflow: hidden;float: right;} .pin dd h3{ padding: 12px 0 0 267px;height: 92px; overflow: hidden; font-size: 26px; color: #444444;font-weight: normal; background:url(/uploads/image/sdi/about_t.jpg) no-repeat left 0;} .pin dd h3 span{ color: #0070c0;} .pin dd h3 i{ display: block; padding-left: 50px;} .pin dd h3 em{ display: block; color: #cfcfd7; text-transform: uppercase;font:12px/20px arial;} .pin dd p{ padding:17px 20px 0 0; height: 150px; overflow: hidden; font-size: 14px; line-height: 24px; color: #555555;} .pin dd h4{ text-align: center; font-size: 24px; color: #0070c0;} .pro_bj{ padding-top: 20px; height: 600px; overflow: hidden;background:url(/uploads/image/sdi/pro_bj.gif) repeat left 0;font-family:"simhei";} .pro{ width: 1000px; margin: 0 auto; overflow: hidden;} .pro h2{height:90px;overflow: hidden; text-align: center; font-size: 38px; line-height: 44px;} .pro h2 a{ color: #000000;} .pro h2 span { font-weight: normal;} .pro h2 p{ width:460px; margin: 0 auto; font-size: 14px; line-height: 20px; color: #333333; font-weight: normal; padding-top: 5px;} .p_nav{ overflow: hidden; width: 195px;float: left;} .p_nav ul{ position: relative; margin-right: -40px;} .p_nav li{ float: left;margin-right: 4px; width: 192px;} .p_nav li a{ display: inline-block; height: 44px;border: 1px solid #666; line-height: 44px; font-size: 16px; color: #333; width: 180px;text-align: left; padding-left: 8px;} .p_nav li a:hover , .p_nav li.cur a{ border:1px solid #0070c0; background: #0070c0; color: #fff; text-decoration: none;} .pro_c{ overflow: hidden;} .pro_c1{ margin-top: 54px; width:650px; overflow: hidden; height: 444px; position: relative;} .pro_z , .pro_y{ position: absolute; top: 213px; width:42px; height: 82px; overflow: hidden;} .pro_z { left: 0;} .pro_y { right: 0;} .pro_c2{width:650px; overflow: hidden; height: 444px;} .pro_c2 li{ position: relative;width:650px; overflow: hidden; height: 444px; } .pro_c2 li img{width:650px; overflow: hidden; height: 444px;} .pro_c2 li p{ display: block; font-size: 14px; color: #fff; padding-left: 22px; position: absolute; height: 86px;background:url(/uploads/image/sdi/png.png) repeat left 0;bottom: 0; left: 0; width:628px; overflow: hidden;} .pro_c2 li p span{ display: block; font-size: 18px; padding: 15px 0 10px; line-height: 24px;} .pro_c2 li i { position: absolute; bottom: 0; right:0; width:96px; height: 86px; background: #36af00; text-align: center;font:16px/86px arial; color: #fff; text-transform: uppercase;} .pro_c2 li i a{ color: #fff;} .proimg{ width: 805px; overflow: hidden; } .proimg li{ position: relative; height: 213px;margin-bottom: 19px; width: 248px; overflow: hidden; float: left; margin-left: 15px;} .proimg li img{ height: 213px; width: 248px;} .proimg li span{background:url(/uploads/image/sdi/png.png) repeat left 0; display: block; font-size: 14px; color: #fff; position: absolute; font-size: 16px;line-height: 42px; text-align: center;height: 42px; bottom: 0;left: 0;width: 248px;overflow: hidden;} .pic{ height: 230px;background:url(/uploads/image/sdi/pic.jpg) no-repeat center top; overflow: hidden; position: relative;} .pic p{ position: absolute; top: 100px; right:50%; margin-right: -500px; width:190px; text-align: center; font-size: 16px; color: #fff; font-family: "simhei"; line-height: 34px;} .pic p i{ display: block; font:24px/34px arial; color: #fff;} .pic p i.ico{ font-size: 28px;} .pic em{ display: block; position: absolute; top: 52px; right:50%; margin-right: -500px; width:187px; height: 36px; border:1px solid #fff;font:22px/36px "simhei";color: #fff; text-align: center;} .pic em a{ color: #fff;} .pic2{ height: 230px;background:url(/uploads/image/sdi/pic1.jpg) no-repeat center top; overflow: hidden; position: relative;} .pic2 p{ position: absolute; top: 40px; right:50%; margin-right: -500px; width:245px;background:url(/uploads/image/sdi/pic_ico.png) no-repeat center 44px; height: 110px;} .pic2 p span{ display: block; height: 38px;background:url(/uploads/image/sdi/tel_ico.png) no-repeat 46px 0; padding-left: 82px;font:18px/26px "simhei"; color: #fff;} .pic2 p i{ display: block;padding-left: 34px; font:24px/34px arial; color: #fff;} .pic2 p i.ico{ font-size: 28px;} .pic2 em{ display: block; position: absolute; top: 163px; right:50%; margin-right: -445px; width:133px; height: 34px; border:1px solid #fff;font:16px/34px "simhei";color: #fff; text-align: center;} .pic2 em a{ color: #fff;} .ys_bj{ margin-top: 70px; height: 1565px; overflow: hidden; position: relative;font-family: "simhei";} .ys_bj h2{background:url(/uploads/image/sdi/ys_t.jpg) no-repeat center top; height: 78px; width:1000px; margin: 0 auto; overflow: hidden; font-size: 42px; color: #fff; padding-top: 22px; line-height: 51px; text-align: center;} .ys1{background:url(/uploads/image/sdi/ys1.jpg) no-repeat center top; height: 375px; overflow: hidden; margin-top: 64px;} .ys2{background:url(/uploads/image/sdi/ys2.jpg) no-repeat center top; height: 386px; overflow: hidden;} .ys3{background:url(/uploads/image/sdi/ys3.jpg) no-repeat center top; height: 335px; overflow: hidden;} .ys4{background:url(/uploads/image/sdi/ys4.jpg) no-repeat center top; height: 305px; overflow: hidden;} .ys{ position: absolute; top: 164px; left: 50%; margin-left: -500px; width:1000px; height: 1401px; overflow: hidden;} .ys .p01{ position: absolute; top: 60px; left: 72px; width:428px; height: 316px; overflow: hidden;} .ys .p01 img{ width:428px; height: 316px;} .ys .p02{ position: absolute; top: 456px; left: 500px; width:388px; height: 305px; overflow: hidden;} .ys .p02 img{ width:388px; height: 305px;} .ys .p03{ position: absolute; top: 761px; left: 112px; width:388px; height: 335px; overflow: hidden;} .ys .p03 img{ width:388px; height: 335px;} .ys .p04{ position: absolute; top: 712px; left: 440px; width:110px; height: 110px; overflow: hidden;} .ys .p04 img{ width:110px; height: 110px;} .ys dl{ position: absolute; overflow: hidden;} .ys .dl01{ top: 35px; right:15px; width:425px;} .ys .dl02{ top: 410px; left:0px; width:485px;} .ys .dl03{ top: 803px; right:0px; width:428px;} .ys .dl04{ top: 1125px; left:0px; width:475px;} .ys dt{ font-size: 20px; color: #555555; line-height: 28px; padding-bottom: 20px;} .ys dt b{ display: block; font-size: 36px; line-height: 42px; color:#333;} .ys dt i{ display: block; font:26px/30px "times new roman"; color: #dedede; text-transform: uppercase;} .ys dd{ padding-left: 35px;background:url(/uploads/image/sdi/ys_ico.gif) no-repeat 0 6px; font-size: 14px; line-height: 24px; color: #555555; margin-top: 10px;} .ys dd span{ font-weight: bold; color: #44b213;} .lc_bj{background:url(/uploads/image/sdi/lc_bj.jpg) no-repeat center top; height:718px; overflow: hidden;font-family: "simhei";} .lc{ width:1000px; margin: 0 auto; overflow: hidden;} .lc h2{ padding-top: 63px; height:151px;color: #333333; overflow: hidden; font-size: 38px; color:#333333; text-align: center; line-height: 44px;} .lc h2 a{ color: #333333;} .lc h2 span{ display: inline-block; padding-left: 20px;font-weight: normal;} .lc h2 i{ display: block;font:14px/34px arial; color: #999; text-transform: uppercase;} .lc h2 img{ vertical-align: middle; margin:0 20px;} .lc li{ float: left; width:250px; overflow: hidden; height: 214px; text-align: center;} .lc li span{ display: block; padding-top: 45px; font:80px/84px arial ; color: #d9d9d9; position: relative; z-index: 1; height: 100px; overflow: hidden;} .lc li p{position: relative; z-index: 2; margin: -50px 4px 0;background: #fff; height: 100px; padding-top: 8px; font-size: 20px; color:#0070c0; line-height: 20px;} .lc li p i{ display: block; padding-top: 10px; font-size: 14px; color: #777777;} .lc li:hover{ background: #0070c0;} .lc li:hover p{ background: #0070c0; color: #fff;} .lc li:hover p i{ color: #fff;} .lc li:hover span{ color:#fff;} .jz_bj{ background: #f8f8f8; height: 662px; overflow: hidden;font-family: "simhei";} .jz { width:1000px; margin: 0 auto;height: 662px; position: relative; overflow: hidden;} .jz h2{ padding-top: 65px; height:126px; overflow: hidden; font-size: 38px; color:#333333; text-align: center; line-height: 44px;} .jz h2 a{ color: #333333;} .jz h2 span{ display: inline-block; font-weight: normal;} .jz h2 i{ display: block;font:14px/34px arial; color: #999; text-transform: uppercase;} .jz h2 img{ vertical-align: middle; margin:0 20px;} .jz_z , .jz_y{ position: absolute; top: 323px; width:55px; height: 55px; overflow: hidden; z-index:999;} .jz_z {left: 0;} .jz_y {right: 0;} .jz_z a , .jz_y a{display: inline-block; width:55px; height: 55px;} .jz_z a{background:url(/uploads/image/sdi/jz_z.gif) no-repeat center top;} .jz_y a{background:url(/uploads/image/sdi/jz_y.gif) no-repeat center top;} .jz_z a:hover{background:url(/uploads/image/sdi/jz_z_cur.gif) no-repeat center top;} .jz_y a:hover{background:url(/uploads/image/sdi/jz_y_cur.gif) no-repeat center top;} .jz_c{height: 360px; overflow: hidden;} .jz_c ul{ width:1000px; margin: 0 auto; overflow: hidden;} .jz_c li{ width:508px; height: 320px; position: relative; overflow: hidden;} .jz_c li img{width:508px; height: 320px;} .jz_c li span{display: block; font-size: 14px; color: #fff; position: absolute;font-size: 16px; line-height: 54px; text-align: center; height:54px;background:url(/uploads/image/sdi/png.png) repeat left 0;bottom: 0; left: 0; width:508px; overflow: hidden;} .jz_more{ margin-left: 289px;} .jz_more a{ display: inline-block; width:200px; height: 40px; background: #0070c1; margin-right: 26px; font-size: 16px; color: #fff ; text-align: center; line-height: 40px;} .jz_more a.ico{ background: none; border:1px solid #37b100; color: #37b100; height: 38px; line-height: 38px;} .p_nav li.bbf a { background: none repeat scroll 0 0; color: #111; font-weight: bold; border: 1px solid #0070c0; } .p_nav li.bbf a:hover { color: #0070c0; font-weight: bold; } /*资讯*/ .newbox{background: #f2f2f2;padding: 50px 0 10px 0;line-height: 24px;} .newss{background: #fff;padding: 17px 24px 0;height: 490px;width: 255px;} .newss h2{height:60px;text-align: center;font-size: 20px;} .newss h2 a,.newss dd h3 a{color: #333;} .newss h2 span{font-size: 10px;letter-spacing: -1px;} .news_cs{height: 400px;overflow: hidden;} .newss dt{height: 195px;} .newss dt img{height: 192px;width: 255px;} .newss dd h3{height:60px;font-weight: normal;font-size: 14px;line-height: 25px;white-space: nowrap;overflow: hidden;} .newss ul li p { line-height: 26px; padding-left:12px; } .newss ul li { background: no-repeat scroll -8px 0; height: 26px; line-height: 26px; } .newss dd h3 span{display: block;font-size: 12px;color: #999;} .newss dd h3 span b{font-weight: normal;background:url(/uploads/image/sdi/ico13.gif) no-repeat 9px center;padding: 0 0 0 30px;} .newss dd p{height: 30px;overflow: hidden;} .newtil{height: 12px;text-align: center;} .newtil em{height: 10px;width: 10px;background:url(/uploads/image/sdi/ico08.gif) no-repeat center 0;display: inline-block;padding: 0 8px;} .newtil em.on{background:url(/uploads/image/sdi/ico09.gif) no-repeat center 0;} .new_more{ width: 120px; height: 25px; top: 480px; text-align: center; left: 95px;} .new_more a{text-decoration: none; } .news1s{margin: 0 45px;} .newss h2 span { color: #d1d1d1; display: block; font-family: times new roman; font-size: 12px; line-height: 10px; text-transform: uppercase; }