.fullslide { width:100%; position:relative; height:532px; width: 100%; min-width: 1200px; } .fullslide .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullslide .bd ul { width:100% !important; } .fullslide .bd li { width:100% !important; height:532px; overflow:hidden; text-align:center; background-position:center top; } .fullslide .bd li a { display:block; height:532px; } .fullslide .prev,.fullslide .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%; z-index:1; width:40px; height:60px; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none; width:73px; height:73px; } .fullslide .prev { background:url(/uploads/image/sdi/left1s.png) no-repeat; } .fullslide .next { left:auto; right:5%; background:url(/uploads/image/sdi/right1s.png) no-repeat; } @charset "utf-8"; /* css document */ /*common*/ .mb10 { margin-bottom:10px;} .ml10 { margin-left:10px;} .bg { background:#fff;} /**/ .banner a{ display:block; height:532px; overflow:hidden;} /**/ .ser{ width: 100%; min-width: 1200px; height: 148px; overflow: hidden; background: url(/uploads/image/sdi/ser_bj.jpg) no-repeat center top;} .ser ul{ margin-left: 502px; margin-top: 21px; height: 127px; overflow: hidden;} .ser ul li{ float: left; width: 73px; margin-right: 70px;} .ser ul li img{ width: 73px; height: 73px;} .ser ul li span{ display: block; font-size: 16px; color: #1d1b21; line-height: 44px; text-align: center;} .ser .nobot{ margin-right: 0;} /**/ .pro{ height: 1016px; } .pro .protit{ background: url(/uploads/image/sdi/pro_h.jpg) no-repeat center top; padding-top: 106px; font-size: 10px; color: #8d8d8d; font-family: arial; text-align: center; height: 121px; overflow: hidden; text-transform: uppercase; font-weight: normal;} .pro .protit a h1{ display: block; font-size: 22px; color: #1d1b21; font-family: "microsoft yahei";text-decoration:none;font-weight: normal;} .pro .protit span{ font-family: "microsoft yahei"; line-height: 46px; display: block; font-size: 14px; color: #1d1b21; font-weight: normal; letter-spacing: 4px;} .pro .protit em{ display: block;} .pro .protit em a{ display: inline-block; font-size: 14px; color: #8d8d8d; text-transform: none;} .pro_con{ height: 760px; overflow: hidden;} .pro_list{ background: url(/uploads/image/sdi/pro_lib.jpg) no-repeat left bottom; width: 296px; height: 789px; overflow: hidden;} .pro_list ul li{ margin-bottom: 10px; height: 78px; overflow: hidden; background: url(/uploads/image/sdi/pro_lb.gif) no-repeat left bottom; padding-top: 38px;} .pro_list ul li a{ color: #8d8d8d; display: inline-block; height: 116px;} .pro_list ul li span{ font-size: 50px; font-family: arial; display: block; width: 84px;} .pro_list ul li p{ width: 212px; font-size: 16px;} .pro_list ul li p em{ display: block; color: #8d8d8d;} .pro_list ul li p b{ line-height: 30px; display: block; font-size: 18px;} .pro_list ul li a:hover ,.pro_list .cur a{ color: #d9333d} .pro_c{width: 843px; margin-left: 36px; overflow: hidden;} .pro_c ul li{ margin-right: 12px; float: left; width: 269px; height: 178px; overflow: hidden; margin-bottom: 14px; font-size: 14px;font-family: 宋体;text-align: center;} .pro_c ul li img{width: 269px; height: 147px;} .pro_c .pro01{ width: 561px; height: 360px; overflow: hidden; font-size: 14px;font-family: 宋体;text-align: center;} .pro_c .pro01 img{ width: 561px; height: 328px;} .pro_c .nobot{ margin-right: 0;} .pro_c ul li p{ padding: 10px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-family: 微软雅黑;color: #444;} .pro_c ul li a:hover{ text-decoration: none; color: #d9333d;} .pro_c .pro02{ float: right;} /**/ .case{ width: 100%;min-width: 1200px; height: 909px; background: url(/uploads/image/sdi/case_bj.jpg) no-repeat center top; overflow: hidden;} .case h2{ padding-top: 86px; font-size: 10px; color: #dad7d7; font-family: arial; text-align: center; height: 162px; overflow: hidden; text-transform: uppercase; font-weight: normal;} .case h2 a{ display: block; font-size: 21px; color: #fff; font-family: "microsoft yahei";text-decoration:none;} .case h2 span{ font-family: "microsoft yahei"; line-height: 50px; display: block; font-size: 14px; color: #fff; font-weight: normal; letter-spacing: 18px;} .case_con{ height: 660px; overflow: hidden;} .case_con dl{ height: 436px; overflow: hidden; position: relative;} .case_con dl dt{ width: 1200px; height: 436px; overflow: hidden;} .case_con dl dt img{ width: 1200px; height: 436px;} .case_con dl dd{ background: url(/uploads/image/sdi/case_wb.png) no-repeat left top; width: 491px; height: 183px; overflow: hidden; position: absolute; top: 142px; right: 54px;} .case_con dl dd span{ margin-left: 23px; margin-top: 17px; width: 44px; text-align: center; font-size: 24px; font-family: impact; color: #fff; height: 75px; line-height: 75px; overflow: hidden;} .case_con dl dd p{ margin-top: 36px; width: 385px; margin-left: 14px; font-size: 14px; line-height: 24px; color:#ecebeb; font-family: "microsoft yahei";} .case_con dl dd p b{ line-height: 36px; display: block; font-size: 18px;font-weight: normal;} .case_con ul{height: 118px; overflow: hidden; margin-top: 12px;} .case_con ul li{ margin-right: 13px; float: left; width: 290px; height: 118px; overflow: hidden;} .case_con ul li img{width: 290px; height: 118px;} .case_con .nobot{ margin-right: 0;} /**/ .team{width: 100%;min-width: 1200px; height: 818px; overflow: hidden; background: url(/uploads/image/sdi/team_bj.jpg) no-repeat center top; } .team h2{ padding-top: 100px; font-size: 10px; color: #555; font-family: arial; text-align: center; height: 144px; overflow: hidden; text-transform: uppercase; font-weight: normal;} .team h2 a{ display: block; font-size: 28px; color: #1d1b21; font-family: "microsoft yahei";text-decoration:none;} .team h2 span{ font-family: "microsoft yahei"; line-height: 46px; display: block; font-size: 20px; color: #1d1b21; font-weight: normal; letter-spacing: 10px;} .team .ryzztit{ padding-top: 100px; font-size: 10px; color: #555; font-family: arial; text-align: center; height: 144px; overflow: hidden; text-transform: uppercase; font-weight: normal;} .team .ryzztit a h3{ display: block; font-size: 20px; color: #1d1b21; font-family: "microsoft yahei";text-decoration:none;font-weight: normal;} .team .ryzztit span{ font-family: "microsoft yahei"; line-height: 46px; display: block; font-size:14px; color: #1d1b21; font-weight: normal; letter-spacing: 10px;} .team_con{ position: relative; padding: 0 18px 0 32px; margin-top: 137px; margin-left: 909px; width: 215px; height: 370px; overflow: hidden; background: url(/uploads/image/sdi/team_xb.jpg) no-repeat left top;} .team_con dl dt{ height: 125px; overflow: hidden; font-family: "microsoft yahei"; font-size: 14px; color: #f0f0f0; line-height: 25px;} .team_con dl dt b{ line-height: 34px; font-weight: normal; display: block; font-size: 16px; color: #fff;} .team_con dl dt em{ display: block; font-size: 16px;color: #fff;} .team_con dl dd{ line-height: 0; width: 162px; overflow: hidden;} .team_con dl dd img{ width: 162px; height: 217px;} .team_con dl dd span{ display: block; font-size: 12px; line-height: 28px; color: #fefefe; text-align: center;} .team_con p{ position: absolute; font-size: 16px; color: #b4b4b4; font-family: arial; line-height: 53px; height: 53px; bottom: 0; right: 12px;} .team_con p b{ font-size: 24px; color: #fefefe;} .team_con .e01,.team_con .e02{ right: 36px; position: absolute; width: 10px; height: 17px; display: block;} .team_con .e01{ bottom: 124px;} .team_con .e02{ bottom: 72px;} /**/ .cus{ height: 829px; overflow: hidden;} .cus .anlitit{background: url(/uploads/image/sdi/cus_h.jpg) no-repeat center top; padding-top: 75px; font-size: 10px; color: #8d8d8d; font-family: arial; text-align: center; height: 158px; overflow: hidden; text-transform: uppercase; font-weight: normal;} .cus .anlitit a h3{display: block; font-size: 20px; color: #1d1b21; font-family: "microsoft yahei";text-decoration:none;font-weight: normal;} .cus .anlitit span{ font-family: "microsoft yahei"; line-height: 52px; display: block; font-size:14px; color: #1d1b21; font-weight: normal; letter-spacing: 4px;} .cus_l{ margin-right: 26px; width: 222px; height: 540px; overflow: hidden;} .cus_l .anlichyi{ padding-top: 52px; height: 176px; width: 222px; background: #d9333d; color: #fff; font-size: 18px; font-weight: normal; text-align: center; line-height: 15px;} .cus_l .anlichyi span{ line-height: 48px; display: block; font-size: 18px;} .cus_l .anlichyi a{ line-height: 35px; width: 99px; height: 35px; margin: 22px auto 0; background: url(/uploads/image/sdi/cus_lbtn.gif) no-repeat left top; font-size: 12px; color: #fff; font-weight: bold; display: block;} .cus_l ul{ width: 220px; height: 251px; border: 1px solid #e5e5e5;} .cus_l ul li{ height: 125px; overflow: hidden; border-bottom: 1px solid #e5e5e5;} .cus_l ul li img{ width: 220px; height: 125px;} .cus_l .nobot{ } .cus_l span{ display: block; height: 57px; width: 222px; overflow: hidden;} .cus_l span a{ display: block; height: 57px; width: 222px; text-align: center; font-size: 14px; line-height: 57px; background: #666; color: #fff;} .cus_q{ width: 475px; position: relative; overflow: hidden;} .cus_q dl dt{ width: 475px; height: 355px; overflow: hidden;} .cus_q dl dt img{ width: 475px; height: 355px;} .cus_q dl dd span{ margin-top: 28px; display: block; font-size: 15px; color: #1d1b21; line-height: 48px;} .cus_q dl dd span a{ color: #1d1b21;} .cus_q dl dd p{ width: 462px; font-size: 14px; line-height: 25px; color: #555;} .cus_q dl dd p a{ margin-top: 24px; display: block; font-size: 14px; color: #1d1b21;} .cus_q em{ display: block; width: 40px; height: 40px; overflow: hidden; position: absolute; top: 357px;} .cus_q em a{ display: block; width: 40px; height: 40px;} .cus_q .e01{ right: 41px;} .cus_q .e02{ right: 0;} .cus_q .e01 a{ background: url(/uploads/image/sdi/cus_l.gif) no-repeat center top;} .cus_q .e01 a:hover{ background: url(/uploads/image/sdi/cus_l01.gif) no-repeat center top;} .cus_q .e02 a{ background: url(/uploads/image/sdi/cus_r.gif) no-repeat center top;} .cus_q .e02 a:hover{ background: url(/uploads/image/sdi/cus_r01.gif) no-repeat center top;} .cus_x{ width: 472px; margin-top: 40px;} .cus_x ul{ overflow: hidden;} .cus_x ul li{ margin-left: 1px; margin-bottom: 1px; float: left; width: 235px; height: 178px; overflow: hidden;} .cus_x ul li img{ width: 235px; height: 178px;} .cus_x .cus01{ width: 472px; height: 178px;} .cus_x .cus01 img{ width: 472px; height: 178px;} .cus_x p{ padding-top: 13px; background: url(/uploads/image/sdi/cus_wb.gif) no-repeat right bottom; height: 106px; font-style: 10px; font-family: arial; line-height: 25px; text-transform: uppercase; text-align: right;} .cus_x p em{ display: block; color: #d9333d;} /**/ .about{ width: 100%;min-width: 1200px; height: 590px; overflow: hidden; background: url(/uploads/image/sdi/about_bj.jpg) no-repeat center top;} .a_con{ position: relative; width: 540px; height: 318px; margin-top: 154px; margin-left: 615px; overflow: hidden;} .a_con dl{ width: 498px; overflow: hidden;} .a_con dl dt{ height: 166px; width: 498px; overflow: hidden;} .a_con dl dt img{ height: 166px; width: 498px;} .a_con dl dd{ margin-top: 20px; font-size: 14px; line-height: 20px; color: #d8d8d8;} .a_con em{ bottom: 0; width: 35px; height: 35px; display: block; position: absolute; border: 1px solid #3b3b3b;} .a_con em a{ display: block; width: 35px; height: 35px;} .a_con .e01{ right: 36px;} .a_con .e02{ right: 0;} /**/ .new{ height: 514px; overflow: hidden; padding-top: 60px;} .n_l{ width: 274px; overflow: hidden;} .n_l h4{ font-weight: normal; padding-left: 22px; font-size: 19px; line-height: 35px; height: 35px; overflow: hidden; background: #2f2f2f;} .n_l h4 a{ color: #fff;} .n_l h4 span{ font-family: arial; font-size: 14px; width: 56px; height: 18px; line-height: 18px; margin-top: 8px; display: inline-block; border: 1px solid #fff; border-radius: 15px; text-align: center; margin-right: 14px;} .n_l dl{ height: 419px; overflow: hidden;} .n_l dl dt{ width: 274px; height: 176px; overflow: hidden;} .n_l dl dt img{ width: 274px; height: 176px;} .n_l dl dd{ padding: 0 16px; border: 1px solid #ebebeb; border-top: 0; width: 240px; height: 242px; overflow: hidden; font-size: 14px; line-height: 20px; color: #666;} .n_l dl dd span a{ display: block; line-height: 52px; text-align: center; font-size: 15px; color: #d9333d;} .n_l dl dd p a{ display: block; width: 97px; height: 31px; margin: 28px auto; text-align: center; font-size: 14px; line-height: 31px; background: #d9333d; color: #fff;} .n_c{ margin-left: 26px; width: 436px; overflow: hidden;} .n_c h4{ font-weight: normal; padding-left: 22px; font-size: 19px; line-height: 35px; height: 35px; overflow: hidden; background: #2f2f2f;} .n_c h4 a{ color: #fff;} .n_c h4 span{ font-family: arial; font-size: 12px; width: 56px; height: 18px; line-height: 18px; margin-top: 8px; display: inline-block; border: 1px solid #fff; border-radius: 15px; text-align: center; margin-right: 14px;} .n_cm{ width: 403px; height: 417px; padding: 0 15px; border: 1px solid #ebebeb;} .n_cm p{ margin-top: 17px; height: 98px; width: 403px; overflow: hidden;} .n_cm p img{ height: 98px; width: 403px;} .n_cm dl{ overflow: hidden; padding-bottom: 34px; padding-top: 32px; border-bottom: 1px dashed #e5e5e5;} .n_cm dl dt{ width: 80px; font-size: 16px; color: #1d1b21; text-align: center; font-family: arial;margin-top: 15px;} .n_cm dl dt img{ display: block; margin: 0 auto; width: 26px; height: 26px;margin-top: 5px;} .n_cm dl dd{ width: 320px; font-size: 14px; line-height: 20px; color: #666;} .n_cm dl dd a{ line-height: 32px; display: block; font-size: 14px; color: #333;} .n_cm ul{ overflow: hidden; margin-left: 162px; height: 10px;} .n_cm ul li{ line-height: 0; float: left; height: 10px; width: 10px; margin-right: 8px;} .n_cm ul li a{ display: inline-block; background: url(/uploads/image/sdi/n_qb.gif) no-repeat left top; width: 10px; height: 10px;} .n_cm ul li a:hover ,.n_cm .cur a{ background: url(/uploads/image/sdi/n_qb01.gif) no-repeat left top;} .n_cm .nobot{ border-bottom: 0;} .n_r{ width: 436px; overflow: hidden;} .n_r h4{ font-weight: normal; padding-left: 22px; font-size: 19px; line-height: 35px; height: 35px; overflow: hidden; background: #2f2f2f;} .n_r h4 a{ color: #fff;} .n_r h4 span{ font-family: arial; font-size: 12px; width: 56px; height: 18px; line-height: 18px; margin-top: 8px; display: inline-block; border: 1px solid #fff; border-radius: 15px; text-align: center; margin-right: 14px;} .n_rc{ padding-top: 17px; width: 434px; height: 400px; overflow: hidden; border: 1px solid #ebebeb;} .n_rc dl{ overflow: hidden; height: 98px; width: 390px; margin: 0 auto 40px;} .n_rc dl dt{ width: 152px; height: 98px; overflow: hidden;} .n_rc dl dt img{ width: 152px; height: 98px;} .n_rc dl dd{ margin-left: 16px; width: 220px;} .n_rc dl dd span{ display: block; font-size: 14px; line-height: 25px;} .n_rc dl dd span a{ color: #333;} .n_rc dl dd p{ font-size: 12px; line-height: 20px; color: #444;} .n_rc dl dd p a{ display: block; font-size: 14px; color: #666; margin-top: 12px;} /**/ .leib2,.leib{ width:245px; margin-bottom:20px;} .leib2 .tit{color:#fff; font-size:18px; background-color:#2f2f2f;height:52px; padding-top:18px; text-align:center; overflow:hidden;} .leib .tit{color:#fff; font-size:22px; background-color:#2f2f2f;height:37px; padding-top:10px; text-align:center; overflow:hidden;} .leib2 .tit i,.leib .tit i{color: #fff;display: block;font:12px arial; text-align: center; font-size:14px; line-height:23px; text-transform:uppercase;} .leib2 .tit a,.leib tit a{ color:#333;} .leib2 .nr{ border:1px solid #ececec;padding-top: 20px; } .leib2 .nr span{display: block;background: url(/uploads/image/sdimg/ico04.gif) no-repeat 40px 13px;border-top:1px dashed #c6c6c6;border-bottom:1px dashed #c6c6c6;height:40px;line-height: 40px;font-size: 16px;margin-top: -1px;} .leib2 .nr span a{color: #2f2f2f;font-weight: normal;font-family:"microsoft yahei";padding-left:68px;} .leib2 .nr span a:hover,.leib2 .nr span.cur a{color:#d9333d;text-decoration:underline;} .leib2 .nr ul { padding:12px 0;display:none;} .leib2 .nr ul li {width: 121px;float: left;display: inline-block;height:30px;line-height: 30px;overflow: hidden;} .leib2 .nr ul li a {display: block;background:url(/uploads/image/sdimg/ico05.gif) no-repeat 18px 12px;padding-left: 30px;color: #444;} .leib2 .nr ul li:last-child{ border-bottom:0;} .leib2 .nr li.cur a,.leib2 .nr li a:hover{color:#2f2f2f;text-decoration: none;}