@charset "utf-8"; /* css document */ /*common*/ .mb10 { margin-bottom:10px;} .ml10 { margin-left:10px;} .bg { background:#fff;} a:hover{text-decoration: none;} /**/ .banner{height:545px;} /*搜索*/ .h_sea{height:74px;line-height:74px;overflow:hidden;color:#666;background:#f2f2f2;border-top: 1px solid #fefefe; font-family:"microsoft yahei"; font-size: 14px;} .key{ width:850px;overflow:hidden;margin-right:10px;} .key b{font-weight: bold;display: inline-block;} .h_sea a{ line-height:77px; padding:0 10px; color:#666;} .inp01{margin-left:10px; font-size: 14px; text-indent: 20px; height:40px;background:#fff;width:249px; float:left;line-height:40px; border:0;color:#d2d3d4;} .s_ss {float:left; width:56px; height:43px; border:0; background:url(/uploads/image/sdi/so.jpg) no-repeat 0 0;} .s_inp{margin-top: 20px;} /*为什么*/ .why{ height:565px; overflow:hidden;margin-top: 64px;background:url(/uploads/image/sdi/why.jpg) no-repeat center center;} .wz{width: 480px;float: right;} .why h2{font-size: 36px;font-weight: bold; color:#fff;float: right;padding: 60px 141px 41px 0 ;display: block;} .why h2 em{display: block;font-size: 36px;font-weight: normal; color:#333;padding-top: 23px;display: block;} .why p{font-size: 18px;font-weight: normal; color:#333;float: right;text-indent: 63px;width: 480px;line-height: 48px;} .why p b{color:#067cc5;font-weight: normal;} /**/ .ban{ height:170px; overflow:hidden;background:url(/uploads/image/sdi/ban.jpg) no-repeat center center;} /**/ .dz{height: 647px;overflow:hidden;background:url(/uploads/image/sdi/dz.jpg) no-repeat center center;} .dz dl{height: 487px;} .dz dt{width: 318px;height: 361px;float: left;margin-right: 120px;position: relative;} .dz dt a{width: 318px;height: 361px;display: block;} .dz dt span {color: #c2c1c1;font-weight: bold;font-size: 24px;position: absolute;left: 52px;top: 37px;} .dz dt span em{display: block;font-weight: normal; color:#c2c1c1;font-family: arial;font-size: 42.47px;margin-bottom: 24px;height: 66px; background:url(/uploads/image/sdi/line.jpg) no-repeat bottom left;} .dz dd{padding-top: 206px;width: 450px;float: left;} .dz dd p{line-height: 36px;height: 36px;font-size: 18px;color:#666;background:url(/uploads/image/sdi/icon.jpg) no-repeat left center;text-indent: 23px;} .dz dd span a{margin-top: 47px; width: 121px;height: 46px;background: #067cc5; line-height: 46px;text-align: center;font-size: 18px;color:#fff;border-radius: 7px;display: block;} .dz ul li{width: 300px;float: left;} .dz ul li a{color: #333;display: block;font-size: 18px;font-weight: bold;text-align: center;} .dz ul li em{width: 47px;height: 47px;border-radius: 47px;text-align: center;line-height: 47px;background: #8f8e8d; font-weight: normal;margin: 0 auto 20px; color: #fff;display: block;font-size: 18px;} .dz ul li a:hover{text-decoration: none;} .dz ul li a:hover em,.dz ul li.on a em{background: #067cc5;} /**/ .pro{height: 871px;padding-top: 95px;} .pro_tit{height: 871px;background:url(/uploads/image/sdi/pro_tit.jpg) no-repeat left top;} .pro_tit h3{height: 46px;float: right;margin-top: 30px;margin-bottom: 41px;} .pro_tit h3 a{width: 179px;height: 46px;line-height: 46px;text-align: center;color: #333;border-radius: 7px;font-weight: normal; display: block;float: left;margin-right: 11px;font-size: 18px;background: #e9e9e9;} .pro_tit h3 a.nobot{margin-right: 0;} .pro_tit h3 a:hover,.pro_tit a.cur{background: #067cc5;color: #fff;text-decoration: none;} .g_con{float: left;padding-top: 61px;height: 200px;width:1200px;border-top: 1px solid #e9e9e9;} .pro_tit ul{height: 200px;} .pro_tit ul li{float: left;margin-right: 29px;width: 276px;height: 331px;position: relative;margin-bottom: 30px;} .pro_tit ul li.nobot{margin-right: 0;} .pro_tit ul li a{width: 276px;height: 287px;display: block;box-shadow:0 0 5px #ccc;} .pro_tit ul li img{width: 276px;height: 287px;} .pro_tit ul li em{height: 44px;line-height: 44px;text-align: center;background: #067cc5;font-size: 14px;display: block;color: #fff;} .pro_tit ul li span{width: 276px;position: absolute;top: 0;left: 0;background: url(/uploads/image/sdi/cp_bg.png) no-repeat center center;height: 287px;display: none;} .pro_tit ul li:hover span{display: block;} .pro_tit ul li:hover a{box-shadow:0 0 5px #fff; } /**/ .hz{ height:401px; overflow:hidden;padding-top: 95px;} .hz h2{height: 73px;text-align: center;} .hz_con{position: relative;height: 201px;margin-top: 30px;background: #e9e9e9;} .hz_con .hz-z a,.hz_con .hz-y a{width: 25px;height: 54px;display: block;} .hz_con .hz-z{position: absolute;left: -56px;top: 75px;} .hz_con .hz-y{position: absolute;right: -56px;top: 75px;} .hz_con ul{height: 174px;padding-top: 27px;padding-left: 26px;} .hz_con ul li{width: 220px;height: 164px;float: left;margin-right:13px;position: relative;} .hz_con ul li.nobot{margin-right:0;} .hz_con ul li a{width: 218px;height: 145px;display: block;} .hz_con ul li img{width: 218px;height: 145px;} .hz_con ul li span{width: 218px;height: 145px;position: absolute;top: 0;left: 0;line-height: 177px;text-align: center;display: none; background: url(/uploads/image/sdi/hz_bg.png) no-repeat center center;text-align: center;font-size: 16px;color:#fff;} .hz_con ul li a:hover span{display: block;} .hz2{padding-top:27px;padding-left:26px;} /**/ .ban2{ height:296px; overflow:hidden;background:url(/uploads/image/sdi/ban2.jpg) no-repeat center center;margin-bottom:80px;} .ban2 a{height:296px;display:block;} .ban3{ height:563px; overflow:hidden;background:url(/uploads/image/sdi/ban3.jpg) no-repeat center center;} .ban3 a{height:563px;display:block;} /**/ .ys{ height:809px; overflow:hidden;background:url(/uploads/image/sdi/ys.jpg) no-repeat top center;text-align: center;} .ys span{padding-left: 404px;padding-top: 668px;display: block;} .ys .ys_btn1{font-size: 18px; width: 186px;float: left; height: 48px;display: block;line-height: 48px;text-align: center;color: #fff;background: #067cc5;margin-right: 22px;border-radius: 5px;} .ys .ys_btn2{font-size: 18px; width: 186px;float: left; height: 48px;display: block;line-height: 48px;background: #fff; text-align: center;color: #067cc5;border: 1px solid #067cc5;border-radius: 5px;} /**/ .about{ height:957px; overflow:hidden;background:url(/uploads/image/sdi/bg.jpg) repeat-x;padding-top: 96px;} .about h2{text-align: center;} .about dl{padding-top: 62px;height: 433px;position: relative;} .about dt{width: 636px;height: 433px;float: right;} .about dt a{width: 636px;height: 433px;display: block;} .about dt img{width: 636px;height: 433px;} .about dd{width: 490px;float: left;} .about dd h3{} .about dd h3 a{font-size: 24px; background:url(/uploads/image/sdi/line2.jpg) no-repeat left center;text-indent: 23px; color: #333; font-weight: bold;display: block;height: 80px;line-height: 80px;border-bottom: 1px solid #e6e6e6;} .about dd p{font-size: 14px; color: #818181;line-height: 30px; padding-top: 35px;} .about dd span a{font-size: 14px; width: 124px;float: left; height: 42px;border: 1px solid #067cc5;margin-top: 48px; display: block;line-height: 42px;text-align: center;color: #067cc5;margin-right: 11px;border-radius: 5px;} .about dd span a:hover{font-size: 14px; width: 124px;float: left; height: 42px;border: 1px solid #067cc5;margin-top: 48px;background:#067cc5; display: block;line-height: 42px;text-align: center;color: #fff;margin-right: 11px;border-radius: 5px;} .about dd em a{ width: 126px;height: 37px;display: block;position: absolute;left: 494px;bottom: 57px;} .xc{padding-top: 58px;} .xc h2{height: 29px;text-align: center;} .xc_con{position: relative;height: 201px;margin-top: 34px;} .xc_con .c-z a,.xc_con .c-y a{width: 25px;height: 54px;display: block;} .xc_con .c-z{position: absolute;left: -56px;top: 75px;} .xc_con .c-y{position: absolute;right: -56px;top: 75px;} .xc_con ul{height: 219px;} .xc_con ul li{width: 288px;height: 185px;float: left;margin-right:13px;position: relative;} .xc_con ul li.nobot{margin-right:0;} .xc_con ul li a{width: 288px;height: 185px;display: block;} .xc_con ul li img{width: 288px;height: 185px;} .xc_con ul li span{width: 288px;height: 34px;position: absolute;bottom: 0;left: 0;line-height: 34px;text-align: center; background: url(/uploads/image/sdi/png2.png);text-align: center;font-size: 16px;color:#fff;} .xc_con ul li a:hover span{background: url(/uploads/image/sdi/png.png);text-align: center;} /**/ .news{height: 322px;padding-top: 82px;} .news-l{width: 551px;float: left;} .news-l h3{background: url(/uploads/image/sdi/new.jpg) no-repeat 3px center;height: 25px;} .news-l h3 a{height: 25px;line-height: 25px;font-weight: bold;font-size: 18px;color: #333;text-indent:54px;display: block;} .news-l p{font-size: 14px;color: #909090;line-height: 24px;padding-bottom:14px;padding-top:11px;} .news-l dt{width: 551px;height: 212px;position:relative;overflow:hidden;} .news-l dt span a{width: 551px;height: 212px;float:left;} .news-l dt em{width: 21px;height: 20px;line-height: 20px;text-align: center;position: absolute;bottom: 18px; font-size: 14px;color:#fff;float: left;cursor: pointer; font-family: arial;background: #141414;} .news-l dt em:hover,.news-l dt em.on{background: #067cc5;} .news-l dt em.btn1{right: 73px;} .news-l dt em.btn2{right: 46px;} .news-l dt em.btn3{right: 19px;} .news-r{width: 574px;float: right;} .news-r h2{height: 25px;padding-bottom:25px;} .news-r h2 a{font-weight: normal;font-size: 18px;color: #333;display: block;float: left; height: 25px;line-height: 25px;width: 100px;} .news-r h2 a.cur,.news-r h2 a:hover{font-weight: bold;} .news-r h2 a.n0{background:url(/uploads/image/sdi/n0.jpg) no-repeat right center;margin-right:20px;} .news-r h2 a.nones{font-size: 14px;font-family: arial;float: right;text-align: right;} .news-r h2 a.nones:hover{text-decoration: none;font-weight: normal;} .news-r dl{padding-left: 22px;background:url(/uploads/image/sdi/dot.jpg) no-repeat left 7px;margin-bottom:25px;} .news-r dt{} .news-r dt a{font-size: 16px;color: #333;display: block;font-weight: bold;} .news-r dd{font-size: 14px;color: #909090;line-height: 18px;padding-top: 15px;} /**/ .link{height: 110px;} .links{position: relative;} .link p a.fir{padding-top: 49px;height: 38px;padding-right:10px;padding-left: 0;} .link p a{height: 110px;float: left; line-height: 110px;text-align: center;color: #444;font-size: 14px;padding:0 15px;} .link span{position: absolute;right: 0;top: 48px;font-size: 14px;} .link span a{color: #565458;}