*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;} body{ position: relative; font: 14px/1.5 microsoft yahei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;} i, em{ font-style: normal;} a{ color: #333;} a:hover{ color: #ffb400;} h1, h2, h3, h4, h5, h6, b{ font-weight: normal;} img{ border: none \9; display: inline-block;} .clear{clear:both;} /*.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}*/ /*.fl{ float: left;}*/ /*.fr{ float: right;}*/ @font-face { font-family: 'impact';src: ;font-weight: normal; font-style: normal;} .ty_content{ width: 1200px; margin: 0 auto;} .more-title{ width: 100%;} /*header */ .header{width: 100%;} .header .header-1{height: 40px;width: 100%;line-height: 40px;background:#cccccc3b;} .header .header-1 .content{width: 1200px;margin: auto;padding-right: 15px;} .header .header-1 .content b{color: #666;font-size: 14px;line-height: 40px;} .header .header-1 .content .menu{line-height: 40px;float: right;} .header .header-1 .content .menu a{color: #666;font-size: 14px;} .header .header-2{border-bottom: solid 1px #ccc;} .header .header-2 .content{width: 1200px;height: 170px;margin: auto;} .header .header-2 .content .log{float: left;margin-top: 43px;margin-right: 5%;} .header .header-2 .content .text{float: left;margin-top: 50px;} .header .header-2 .content .text h3{font-size: 30px;color: #666;font-family: "microsoft yahei", 微软雅黑;margin-bottom: 5px;} .header .header-2 .content .text h3 span{color: #ffb400;font-weight:bold;} .header .header-2 .content .text b{font-size: 18px;color: #666666;} .header .header-2 .content .text b span{color: #ffb400;} .header .header-2 .content .phone{float: right;margin-top: 0px;margin-right: 0px;} .header .header-2 .content .phone .tel_icon{float:left; margin-top: 0;} .header .header-2 .content .phone .al{float: left; margin-right: 15px; margin-top: 50px;} .header .header-2 .content .phone .dh{color: #333333;font-size: 18px;float: left;text-align: left; margin-right: 15px; margin-left: 15px; margin-top: 65px;} .header .header-2 .content .phone .dh h3{color: #666;font-size: 24px;line-height: 30px;font-family: impact;} .header .header-2 .content .phone .wechat{float:left;width: 100px; margin-top: 26px;} .header .header-2 .content .phone .wechat .qrcode{width: 100px;display: block;} .header .header-2 .content .phone .wechat span{text-align: center;font-size: 14px;display: block;} .header .header-3{height: 80px;width: 100%;} .header .header-3 .content{width: 1200px;margin: auto;} .header .header-3 .content .menu a{display:block;float: left;text-align: center;height: 80px;line-height: 80px;font-size: 16px;color: #333;position: relative; padding-left: 24px; padding-right: 25px;} .header .header-3 .content .menu a .cc{height: 15px;border-right: solid 1px #343434;position: absolute;top: 27px;right: 0px;} .header .header-3 .content .menu a:hover{color: #fff;background: #ffb400;} .header .header-3 .content .menu .on{color: #fff;background: #ffb400;} .header .header-3 .content .menu ul{position: absolute;top: 80px;z-index: 999;width: 180px;display: none;left: -33px;padding-bottom: 10px; background:#fff;} .header .header-3 .content .menu ul li{width: 180px;display: block;float: left;text-align: center;height: 55px;line-height: 55px;font-size: 16px;color: #333;background: #fff;float: left;border-bottom: dashed 1px #ccc;overflow:hidden} .header .header-3 .content .menu ul li:hover{background: #ffb400;color: #fff;} /*banner*/ .banner-index{ font-size: 0;overflow: hidden;} .banner-index img{ width: 100%;line-height: 0;} .slidebox{ width: 100%;overflow: hidden; position: relative;} .slidebox .hd{ height: 12px; overflow: hidden; position: absolute; left: 48%; bottom: 38px; z-index: 1;} .slidebox .hd ul{ overflow: hidden; zoom: 1; float: left;} .slidebox .hd ul li{ float: left; width: 12px; height: 12px;margin-right: 10px; cursor: pointer;background: #ccc;border-radius: 50%;} .slidebox .hd ul li.on{background: #666666;} .banner-index .slidebox .bd img{ width: 100%;} .slidebox .bd ul li:first-child{ display: block;} .slidebox .bd ul li{ display: none;} /*search*/ .search{ width: 100%; height: 85px; line-height: 85px;} .search-content{ width: 1200px; margin: 0 auto; overflow: hidden;} .search-content .bt{float:left;} .search-content .bt img{vertical-align: middle; } .search-keywords{ font-size: 14px; color: #fff; display: inline-block;} .search-keywords .wb{ display: inline-block; vertical-align: top;} .search-keywords .wb > span{ color: #333; font-size: 14px; display: inline-block; border-radius: 16px; text-align: center; height: 26px; line-height: 26px; width: 60px;} .search-keywords .wb > a{ color: #999; font-size: 14px;} .search-keywords .wb > a:hover{ color: #ffb400;} .search-keywords .wb i{ color: #333; font-size: 14px; margin: 0 5px 0 5px;} /*#searchform{ background: url(/uploads/image/sdijiuxing/search.png) no-repeat; width: 285px; line-height: 26px; height: 26px; z-index: 99; position: relative;top: 0px;}*/ .search-form{ float:right; width:1000px;overflow:hidden;} #searchform .search-input{ line-height: 26px;color: #666;text-indent: 10px;outline: none;border: none;width: 130px;font-size: 14px;background: #f2f2f2;border-radius: 20px;height: 35px;} .search-form #s_btn{ width: 100px;height: 35px;background: #ffb400;color: #fff;outline: none;border: none;cursor: pointer;vertical-align: middle;border-radius: 20px;letter-spacing: 10px;font-size: 15px;} .clear-fix-3{ line-height: 0; font-size: 0; clear: both;} #searchform .search-input::-webkit-input-placeholder{ /* webkit browsers */ color: #666;} #searchform .search-input:-moz-placeholder{ /* mozilla firefox 4 to 18 */ color: #666;} #searchform .search-input::-moz-placeholder{ /* mozilla firefox 19 */ color: #666;} #searchform .search-input:-ms-input-placeholder{ /* internet explorer 10 */ color: #666;} .search-form .item{float:left;width: 22%;} .search-form .item label{float:left;font-size: 15px; color:#565656;} .search-form .item select{background: #f2f2f2;border: none;border-radius: 20px;height: 35px;width: 150px;padding: 0 10px;} .search-form .item .btn{} .search-form .item:last-child{width: auto;} /*module_1*/ .module_1{height: 880px;padding-top: 50px;} .module_1 .ty_content{height: 780px;background: no-repeat center;} .module_1 .top{width: 400px;margin:0 auto 65px;} .module_1 .top b{font-size: 30px;color: #666;display: block;margin-bottom: 10px;text-align:center} .module_1 .top i{font-size: 18px;color: #666;display: block;text-align: center;} .module_1 .nr{height: 400px;} .module_1 .nr .left{width: 361px;height: 400px;float: left;} .module_1 .nr .left .wz{width: 320px;height: 176px;margin-bottom: 82px;} .module_1 .nr .left .wz .img{margin-bottom: 15px;} .module_1 .nr .left .wz .img img{float: left;margin-right: 15px;} .module_1 .nr .left .wz .img b{font-size: 22px;color: #333;font-weight: bold;display: block;margin-bottom: 5px;} .module_1 .nr .left .wz .img i{font-size: 20px;color: #333;} .module_1 .nr .left .wz p{font-size: 16px;color: #666;width: 306px;line-height: 30px;} .module_1 .nr .right{float: right;} .module_1 .nr .right .wz{float: right;margin-top: 82px;text-align: right;} .module_1 .nr .right .wz .img img{float: right;margin-left: 15px;} .module_1 .list{height: 193px;margin-top: 55px;} .module_1 .list li{height: 193px;width: 274px;position: relative;float: left;margin-right: 34px;} .module_1 .list li:nth-child(4n){ margin-right: 0px;} .module_1 .list li .wz{height: 193px;width: 274px;position: absolute;top: 0px;padding: 55px 20px;text-align: center; background-color: rgba(0,0,0,0.5);} .module_1 .list li .wz b{font-size: 16px;color: #fff;display: block;margin-bottom: 10px;} .module_1 .list li .wz i{font-size: 12px;color: #fff;} /*product*/ .product{background: #f1f1f1;padding-top: 40px; padding-bottom: 40px;} .product .top{margin:0 auto 33px;text-align: center;height: 90px;} .product .top b{font-size: 30px;color: #333;display: block;margin-bottom: 10px;} .product .top i{font-size: 18px;color: #666;} .product .nr{overflow: hidden;} .product .nr .left{width: 287px;float: left;border: solid #ccc 1px;} .product .nr .left b{display: block;width: 285px;background: #e7e7e7;height: 51px;line-height: 51px;padding-left: 43px;} .product .nr .left b a{color: #666;font-size: 18px;font-weight: bold;} .product .nr .left b span{float: right;margin-right: 25px;} .product .nr .left b:hover{background: #ffb400;} .product .nr .left b:hover a{color: #fff;} .product .nr .left b:hover span{color: #fff;} .product .nr .left .on{background: #ffb400;} .product .nr .left .on a{color: #fff;} .product .nr .left .on span{color: #fff;} .product .nr .left ul{background: #fff;padding-top: 10px;padding-bottom: 1px;} .product .nr .left ul li{padding-left: 43px;margin-bottom: 10px;} .product .nr .left ul li a{color: #666;font-size: 16px;} .product .nr .left ul li:hover a{color: #ffb400;} .product .nr .right{width: 869px;float: right;} .product .nr .right .t{height: 72px;background: #ffb400;} .product .nr .right .t .fl{float: left;} .product .nr .right .t .fl span{font-size: 18px;cursor: pointer;line-height: 72px;display: block;float: left;width: 110px;text-align: center;color: #fff;} .product .nr .right .t .fl span.on{color:#333;} .product .nr .right ul{overflow: hidden;width: 100%;margin-top: 20px;} .product .nr .right ul li{width: 277px;padding-bottom: 17px;background: #fff;text-align: center;float: left;margin-right: 18px;margin-bottom: 20px;} .product .nr .right ul li a{font-size: 16px;color: #666;} .product .nr .right ul li a img{width: 100%;height: 208px;} .product .nr .right ul li:hover a{color: #ffb400;} .product .nr .right ul li:nth-child(3n){ margin-right: 0px;} /*ad_1*/ .ad_1{height: 340px;background: no-repeat center;padding-top: 70px;} .ad_1 .nr{width: 880px;height: 218px;} .ad_1 .nr b{font-size: 38px;color: #fff;font-weight: bold;display: block; width: 100%; } .ad_1 .nr b span{color: #ffb400;} .ad_1 .nr p{color: #fff;font-size: 28px;margin-top: 30px;} .ad_1 .nr .dh{height: 42px;line-height: 34px;font-size: 20px;color: #fff;margin-top: 42px;} .ad_1 .nr .dh span{font-family: arial;color: #fff;font-size: 29px;font-weight: 600;} /*product*/ .advantage{height: 837px;padding-top: 40px;} .advantage .top{margin:0 auto 43px;text-align: center;height: 90px;} .advantage .top b{font-size: 30px;color: #333;display: block;margin-bottom: 10px;} .advantage .top i{font-size: 18px;color: #666;} .advantage .nav{height: 142px;border-bottom: solid 1px #ccc;border-top: solid 1px #ccc;} .advantage .nav ul{height: 142px;width: 1200px;margin: auto;} .advantage .nav ul li{cursor: pointer;height: 142px;width: 300px;border-left: solid 1px #ccc;float: left;font-size: 20px;color:#666;text-align: center;font-weight: bold;padding: 41px;} .advantage .nav ul li b{display: block;color: #999;font-size: 12px;margin-top: 4px;text-transform : uppercase;} .advantage .nav ul .on{color: #ffb400;} .advantage .nav ul .on b{color: #ffb400;} .advantage .nr{width: 1320px;margin: 30px auto 0;height: 443px;position: relative;} .advantage .nr .jt{position: absolute;top: 41%;} .advantage .nr .ri{right: 0px;} .advantage .nr .db{width: 1200px;margin: auto;height: 443px;overflow: hidden;} .advantage .nr .db .t_le{float: left;} .advantage .nr .db .w_ri{float: right;width: 477px;} .advantage .nr .db .w_ri b{font-size: 58px;font-weight: bold;text-transform: uppercase;color: #f1f1f1;display: block;margin-bottom: 10px;} .advantage .nr .db .w_ri i{font-size: 20px;color: #333;display: block;margin-bottom: 13px;} .advantage .nr .db .w_ri i img{margin-right: 15px;float: left;margin-top: 5px;} .advantage .nr .db .w_ri .w{color: #666;font-size: 16px;padding-left: 15px;line-height: 30px;margin-bottom: 13px;} /*module_2*/ .module_2{height: 1230px;background: #f1f1f1;padding-top: 40px;} .factory{width: 1200px;margin: auto;} .factory .top{margin:0 auto 5px;text-align: center;height: 90px;} .factory .top b{font-size: 30px;color: #333;display: block;margin-bottom: 10px;} .factory .top i{font-size: 18px;color: #666;} .clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;} .tywidth{ width: 1200px; margin: 0 auto;} .poster-main{ position: relative;margin: 0 auto;} .poster-main img{ width: 100%; height: 100%;} .poster-main .poster-list{ width: 1200px; height: 500px;} .poster-main .poster-list .poster-item{ position: absolute; left: 0; top: 0;} .poster-main .poster-btn{ position: absolute; top: 170px; cursor: pointer; width: 40px!important;height: 80px!important;} .poster-main .poster-prev-btn{ left: -125px; background: url(/uploads/image/sdijiuxing/advantage_le.png) no-repeat;} .poster-main .poster-next-btn{ right: -130px; background: url(/uploads/image/sdijiuxing/advantage_ri.png) no-repeat;} .poster-item-title{ font-size: 17px; color: #342f33; margin: 10px 0 0; text-align: center; line-height: 17px; display: block;} /*honor*/ .honor{width: 1320px;margin: auto;position: relative;height: 420px;} .honor_top{margin:55px auto 30px;text-align: center;} .honor_top b{font-size: 30px;color: #333;display: block;margin-bottom: 10px;} .honor_top i{font-size: 18px;color: #666;} .honor .db{width: 1200px;margin: auto;height: 420px;overflow: hidden;} .honor .jt{position: absolute;top: 41%;} .honor .ri{right: 0px;} .honor .db li{width: 276px;height: 427px; text-align: center;color: #666;font-size: 18px;float: left;margin-right: 32px;} .honor .db li .img{width: 276px;height: 376px;background: no-repeat center;padding: 30px;margin-bottom: 13px;} .honor .db li .img img{width: 216px;height: 316px;} .honor .db li.last{margin-right: 0;} .honor .db li.last .img{width: 100%;height: 100%;background: none;padding: 0;margin-bottom: 0;} .honor .db li.last .img img{width: 100%;height: auto;} /*case*/ .case{height: 760px;padding-top: 50px;} .case .top{margin:0 auto 43px;text-align: center;} .case .top b{font-size: 30px;color: #333;display: block;margin-bottom: 10px;} .case .top i{font-size: 18px;color: #666;} .case .content{width: 1200px;margin: auto;height: 534px;background: no-repeat right;background-position-x: 98%;} .case .content .left{float: left;margin-top: 35px;} .case .content .left .fuji{position: relative;width: 856px;} .case .content .left .fuji .img{width: 856px;height: 464px;} .case .content .left .fuji .title{width: 100%;height: 113px;position: absolute;bottom: 0;} .case .content .left .fuji .title .a{float: left;width: 86.8%;background: no-repeat;height: 113px;padding-left: 37px;padding-right: 45px;padding-top: 15px;} .case .content .left .fuji .title .a h3{color: #fff;font-size: 18px;border-bottom: dashed 1px #ccc; height: 40px;margin-bottom: 10px;} .case .content .left .fuji .title .a h3 a{color: #fff;font-size: 18px;} .case .content .left .fuji .title .a p{color: #fff;font-size: 15px;line-height: 23px;} .case .content .left .fuji .title .a p a{color: #fff;font-size: 15px;} .case .content .left .fuji .title .a h3 span{color: #fff;font-size: 18px;font-weight: bold;} .case .content .left .fuji .title .b{float: right;height: 113px;} .case .content .right{float: right;padding-top: 93px;} .case .content .right ul li{height: 70px;color: #333;font-size: 16px;line-height: 70px;text-align: center;width: 302px;margin-bottom: 5px;} .case .content .right ul .on, .case .content .right ul .on a{background: #ffb400;color: #fff;} /*ad2*/ .ad_2{height: 339px;background: no-repeat center;padding-top: 90px;} .ad_2 .left{width: 437px;height: 205px;float: left;margin-left: 40px;} .ad_2 .nr{width: 700px;height: 187px;float: right;} .ad_2 .nr b{font-size: 22px;color: #fff;font-weight: bold;display: block; width: 100%;margin-top: 30px;text-align:center;} .ad_2 .nr b span{color: #ffb400;} .ad_2 .nr p{color: #fff;font-size: 16px; width: 100%;text-align:center;letter-spacing: 2px;} .ad_2 .nr .dh{height: 42px;line-height: 34px;font-size: 16px;color: #fff;margin-top: 32px;text-align: center;} .ad_2 .nr .dh span{font-family: arial;color: #fff;font-size: 24px;font-weight: 600;} /*about*/ .about{height: 1258px;padding-top: 40px; background: #f1f1f1;} .about .top{margin:0 auto 50px;text-align: center;height: 90px;} .about .top b{font-size: 30px;color: #333;display: block;margin-bottom: 10px;} .about .top i{font-size: 18px;color: #666;} .about .nr_1{height: 566px;background: no-repeat;width: 1195px;margin: auto;padding-top: 40px;} .about .nr_1 .left{float: left;width: 262px;margin-left: 30px;padding-top: 20px;} .about .nr_1 .left b{font-size: 32px;font-weight: bold;color: #333;display: block;margin-top: 10px;margin-bottom: 12px;} .about .nr_1 .left .s{width: 40px;border-bottom: solid 5px #ffb400;} .about .nr_1 .left p{font-size: 16px;color: #666;margin-top: 22px;line-height: 30px;} .about .nr_1 .left p a{color: #333;} .about .nr_1 .right{float: right;} .about .nr_2{height: 100px;width: 1195px;margin: 40px auto 0;} .about .nr_2 li{width: 268px;height: 88px;float: left;margin-right: 41px;} .about .nr_2 li .wz{width: 160px;border-right: solid 1px #ccc;height: 58px;float: right;margin-top: 18px;} .about .nr_2 li .wz b{font-size: 18px;color: #666;font-weight: bold;display: block;margin-bottom: 10px;} .about .nr_2 li .wz i{color: #999; text-transform: uppercase; } .about .nr_2 li img{float: left;} .about .nr_2 li .ho{display: none;} .about .nr_3{height: 345px;width: 1320px;margin: 5px auto 0;} .about .nr_3 .v_top{height: 95px;background: no-repeat left;width: 1195px;margin: auto;} .about .nr_3 .v_top ul{height: 95px;width: 407px;float: right;position: relative;} .about .nr_3 .v_top li{width: 216px;height: 59px;margin-top: 16px;font-size: 22px;line-height: 59px;color: #fff;float: right;} .about .nr_3 .v_top .li_1{background:no-repeat;padding-left: 50px;} .about .nr_3 .v_top .li_2{background:no-repeat;padding-left: 50px;} .about .nr_3 .v_top .on .li_1{background:no-repeat;} .about .nr_3 .v_top .on .li_2{background:no-repeat;} .about .nr_3 .nr li{position: relative;} .about .nr_3 .nr li .tempwrap{margin: auto;} .about .nr_3 .nr li .jt{position: absolute;top: 31%;} .about .nr_3 .nr li .ri{right: 0px;} .about .nr_3 .list{height: 266px;width: 1195px;margin: auto;} .about .nr_3 .list .xq{height: 266px;width: 288px;color: #666;font-size: 16px;text-align: center;float: left;margin-right: 14px;} .about .nr_3 .list .xq .img{height: 211px;width: 288px;background: no-repeat;margin-bottom: 15px;padding: 23px;} /*xw*/ .xw{width: 1200px;margin: auto;height: 518px;margin-top: 40px;} .xw .wd{width: 600px;height: 518px;border-right: solid 1px #ccc;float: left;} .xw .wd .top{width: 543px;margin-bottom: 30px;} .xw .wd ul li{width: 543px;border-top: solid 1px #ccc;height: 148px;padding-top: 30px;} .xw .wd ul li img{float: left;margin-right: 27px;} .xw .wd ul li .wz{float: left;margin-top: 10px;width: 426px;} .xw .wd ul li .wz b{display: block;font-size: 16px;margin-bottom: 6px;} .xw .wd ul li .wz b a{color: #333333;} .xw .wd ul li:hover .wz b a{color: #ffb400;} .xw .wd ul li .wz p a{color: #666;} .xw .list{width: 543px;height: 518px;float: right;} .xw .list .top{width: 543px;height: 76px;border-bottom: solid 1px #ccc;margin-bottom: 31px;} .xw .list .top ul{width: 222px;float: left; margin-top: -5px;} .xw .list .top ul li{font-size: 19px;float: left;color: #666;margin-right: 30px;font-weight: bold;letter-spacing: 1px;} .xw .list .top ul .on{color: #ffb400;} .xw .list .lb{margin-bottom: 40px;} .xw .list .lb .xx{height: 159px;background: #ffb400;} .xw .list .lb .xx img{float: left;margin-right: 37px;} .xw .list .lb .xx .zzz{float: left;width: 273px;padding-top: 40px;} .xw .list .lb .xx .zzz b{color: #fff;font-size: 16px;} .xw .list .lb .xx .zzz b a{color: #fff;} .xw .list .lb .xx .zzz p{color: #eee;margin-top: 10px;line-height: 27px;} .xw .list .lb .xx .zzz p a{color: #eee;} .xw .list .xq{margin-bottom: 17px;} .xw .list .xq:nth-child(7n){ margin-bottom: 0px;} .xw .list .xq a{color: #666;} .xw .list .xq b{float: right;color: #666;} .xw .list .xq:hover a{color: #ffb400;} .xw .list .xq:hover b{color: #ffb400;} /*frilist*/ .frilist{ background: no-repeat;height: 104px; line-height: 94px; width: 1200px;margin: auto;margin-top: 80px;margin-bottom: 33px; overflow: hidden;} .frilist ul li a{ font-size: 14px; color: #333;} .frilist ul{ margin-left: 30px;height: 104px;overflow: hidden;} .frilist ul li{ float: left; margin-right: 10px;height: 25px;} .frilist ul li a:hover{ color: #ffb400;} /*bottom*/ .bottom{height: 361px;background: no-repeat center;padding-top: 44px;} .bottom .content{width: 1200px;margin: auto;height: 286px;} .bottom .content .a{width: 280px;float: left;} .bottom .content .a .top{margin-bottom: 20px;} .bottom .content .a ul li{float: left;margin-right: 37px;width: 103px;margin-bottom: 24px;} .bottom .content .a ul li a{color: #dcdcdc;} .bottom .content .a ul li:hover a{color: #ffb400;} .bottom .content .b{width: 299px;float: left;margin-left: 180px;margin-right: 160px;} .bottom .content .b .top{margin-bottom: 20px;} .bottom .content .b p{color: #dcdcdc;margin-bottom: 13px;} .bottom .content .c{width: 280px;float: left;} .bottom .content .c .top{margin-bottom: 20px;} .bottom .content .c ul li{width: 126px;text-align: center;color: #dcdcdc;font-size: 16px;} .bottom .content .c ul li img{margin-bottom: 20px;} .bottom .lx{margin: auto;text-align: center;color: #afafaf;line-height: 30px;height: 30px;} .bottom .lx a{color: #afafaf;}