.container { width: 1200px; margin: 0 auto; } .topbox { color: #666666; line-height: 40px; background: #ecebeb; } .hotsearch { color: #666; font: 400 13px/40px "microsoft yahei"; } .k1 { color: #666; font: 400 13px/40px "microsoft yahei"; } .k1 a { color: #666; font: 400 13px/40px "microsoft yahei"; } .k1 a:hover { color: #fd6738; } .top-header { padding: 35px 0 58px; } .head-text { position: relative; margin-left: 32px; color: #333333; font: 400 16px/25px "microsoft yahei"; padding-top: 3px; } .head-text::before { content: ""; display: block; width: 1px; height: 50px; float: left; background-color: #dcdcdc; position: absolute; top: 3px; left: -16px; } .top-header .tel { background: url(/uploads/image/tdimages/phone1.png) no-repeat left center; padding-left: 70px; } .top-header .tel h2 { color: #666666; font: 400 14px/20px "microsoft yahei"; } .top-header .tel p { color: #333333; font: 600 30px/36px "airal"; letter-spacing: -1px; } /*搜索*/ .xy-search { position: relative; padding-top: 6px; float: right; } .xy-search .search { width: 118px; height: 34px; background: url(/uploads/image/tdimages/enlarge.png) no-repeat 50% 50%; border-radius: 17px; } .xy-search .search-hide { position: absolute; right: 0; top: 64px; z-index: 999; display: none; width: 230px; padding-top: 10px; } .xy-search .search-hide #keyword { width: 130px; height: 26px; line-height: 26px; border: none; vertical-align: top; padding-left: 20px; border: none; outline: none; } .xy-search .search-hide #s_btn { height: 26px; line-height: 26px; background: #fd6738; border: none; width: 54px; color: #fff; vertical-align: top; } /*产品*/ .index-product { background-color: #f4f4f4; padding: 60px 0 30px; } .index-tit { position: relative; padding-top: 30px; color: #333333; font: 600 40px/52px "microsoft yahei"; text-align: center; margin-bottom: 42px; } .index-title-pro { background: url(/uploads/image/tdimages/pro-tt.png) no-repeat center; } .pro-cate { width: 238px; background-color: #fd6738; padding: 13px; padding-bottom: 36px; } .pro-cate h2 { background: url(/uploads/image/tdimages/menu1.png) no-repeat 40px 50%; color: #fff; font: 600 24px/60px "microsoft yahei"; margin-bottom: 10px; padding-left: 85px; } .cate-page { background-color: #ffffff; padding: 28px 25px 20px 25px; } .cate-page li { margin-bottom: 8px; } .cate-page li a { display: block; color: #333333; font: 400 14px/40px "microsoft yahei"; text-align: center; background-color: #efeeee; } .cate-page li:hover a { color: #fff; background-color: #fd6738; } .product_list1 { width: 912px; } .product_list1 li { float: left; margin-right: 22px; margin-bottom: 38px; position: relative; _display: inline; } .product_list1 li:nth-child(3n) { margin-right: 0; } .product_list1 li .img img { width: 288px; height: 200px; } .product_list1 li h3 { display: block; color: #666666; font: 400 14px/36px "microsoft yaehi"; text-align: center; background-color: #fff; } .product_list1 li:hover { box-shadow: 0px 0px 6px #ddd; } .product_list1 li:hover h3 { color: #fa7a51; } /*横幅*/ .index-hf1 { background: url(/uploads/image/tdimages/hf1.jpg) no-repeat center; padding: 40px 0; } .index-hf1-left { width: 640px; } .index-hf1-left h2 { color: #ffffff; font: 600 18px/40px "microsoft yahei"; width: 122px; display: block; border-radius: 20px; background-color: #fd6738; text-align: center; } .index-hf1-left h3 { width: 240px; margin-top: 11px; position: relative; height: 26px; } .index-hf1-left h3 span { color: #ffffff; font: 600 24px/26px "microsoft yahei"; width: 100%; display: block; text-align: center; margin-top: 11px; position: absolute; bottom: 1px; left: 2px; z-index: 999; } .index-hf1-left h3:after { position: absolute; content: ""; width: 100%; height: 13px; bottom: 0; background-color: #fd6738; left: 0; } .index-hf1-left p { color: #fff; font: 400 22px/26px "microsoft yahei"; margin-top: 25px; } .index-hf1-center { background: url(/uploads/image/tdimages/phone2.png) no-repeat left 25px; padding: 10px 50px 10px 58px; margin-top: 13px; } .index-hf1-center h2 { color: #ffffff; font: 600 16px/20px "microsoft yahei"; } .index-hf1-center p { color: #ffffff; font: 600 30px/36px "microsoft yahei"; } .index-hf1-right { background: url(/uploads/image/tdimages/arrow1.png) no-repeat 115px; width: 133px; background-color: #fff; padding-left: 28px; color: #666666; font: 400 14px/46px "microsoft yahei"; border-radius: 24px; transition: all 0.8s; margin-top: 44px; } .index-hf1-right a { display: block; color: #666666; font: 400 14px/46px "microsoft yahei"; } .index-hf1-right:hover { transition: all 0.8s; transform: translatex(10px); } /*优势*/ .index-advantage { padding: 58px 0 80px; } .index-title-adv { background: url(/uploads/image/tdimages/adv-tt.png) no-repeat center; } .index-advantage-list { margin-top: 52px; } .index-advantage-list li .index-adv-text { width: 550px; height: 400px; float: left; padding-left: 36px; padding-right: 14px; } .index-advantage-list li .index-adv-text .index-adv-text-tt { position: relative; margin-top: 98px; color: #fd6738; font: 600 30px/82px "microsoft yahei"; padding-left: 80px; margin-bottom: 30px; } .index-advantage-list li .index-adv-text .index-adv-text-tt .num { position: absolute; background: url(/uploads/image/tdimages/num.png) no-repeat center; height: 82px; width: 58px; color: #ffffff; font: 600 40px/82px "microsoft yahei"; text-align: center; left: 0px; } .index-advantage-list li:nth-child(2n) .index-adv-text { float: right; width: 520px; padding-left: 80px; padding-right: 0px; } .index-advantage-list li .index-adv-text p { color: #666666; font: 400 16px/30px "microsoft yahei"; } .index-advantage-list li .index-adv-text a { color: #ffffff; font: 400 14px/38px "microsoft yahei"; display: block; width: 120px; text-align: center; background-color: #fd6738; border-radius: 20px; margin-top: 50px; transition: all 0.5s; } .index-advantage-list li .index-adv-text a:hover { transition: all 0.5s; width: 130px; } .index-advantage-list li .index-adv-img { width: 600px; height: 400px; float: left; } /*新闻*/ .index-news { background: url(/uploads/image/tdimages/newbg.jpg) no-repeat center; padding: 44px 0 66px; } .index-title-news { background: url(/uploads/image/tdimages/newstt.png) no-repeat center; } .index-newsbg { background-color: #fff; padding: 60px 30px; } .index-news-left { border: 1px solid #e0e0e0; height: 300px; overflow: hidden; width: 715px; } .index-news-sort li { width: 140px; text-align: center; } .index-news-sort li a { color: #fff; font: 400 20px/77px "microsoft yahei"; } .index-news-sort li:first-child { background-color: #fa9271; } .index-news-sort li:nth-child(2) { background-color: #ed673c; } .index-news-sort li:nth-child(3) { background-color: #da4516; } .x-news-left-list { width: 540px; margin-right: 8px; } /*手风琴*/ .x-news-left-list .sidemenu li:first-child h3.on { display: block; } .x-news-left-list .sidemenu li { padding: 3px 0; padding-left: 11px; padding-right: 40px; } .sidemenu li a h3 { position: relative; color: #666666; transition: all 0.8s; font: 400 16px/44px "microsoft yahei"; } .sidemenu li li { border-top: 1px solid #e0e0e0; } .sidemenu li a h3 .date { position: absolute; right: -20px; top: 0; font: 400 14px/44px "microsoft yahei"; color: #666666; } .x-news-left-list .sidemenu li p { color: #999; font: 400 14px/24px "microsoft yahei"; } .x-news-left-list .sidemenu li h3.on { font: 600 20px/44px "microsoft yahei"; color: #fd6738; } .index-news-right { border: 1px solid #efefef; overflow: hidden; } .index-news-right img { width: 379px; height: 299px; transition: all 0.8s; } .index-news-right:hover img { transition: all 0.8s; transform: scale(1.05); } /*公司简介*/ .index-about { padding-top: 60px; } .index-about-left { width: 600px; } .index-title-about { background: url(/uploads/image/tdimages/about-tt.png) no-repeat left center; text-align: left; font: 600 40px/52px "microsoft yahei"; } .about-text { background-color: #fd6738; padding: 40px 25px 0 25px; height: 280px; } .about-text h2 { color: #ffffff; font: 600 30px/44px "microsoft yahei"; margin-bottom: 20px; } .about-text p { color: #f1f1f1; font: 400 15px/28px "microsoft yahei"; } .about-text a { display: block; width: 120px; color: #ffffff; font: 400 15px/40px "microsoft yahei"; border: 1px solid #fff; text-align: center; margin-top: 44px; transition: all 0.8s; } .about-text a:hover { transition: all 0.8s; width: 130px; background-color: rgba(255, 255, 255, 0.1); } .index-about-img { overflow: hidden; } .index-about-img img { width: 600px; height: 444px; transition: all 0.8s; } .index-about-img:hover img { transition: all 0.8s; transform: scale(1.05); } /*设备展示*/ .solution { padding-bottom: 88px; padding-top: 36px; } .solution-tt { text-align: center; color: #333333; font: 400 22px/26px "microsoft yahei"; margin-bottom: 30px; } .solution-tt img { } .swiper-slide a { display: block; } .swiper-slide .text1 { position: absolute; width: 278px; height: 185px; font: 400 16px/185px "microsoft yahei"; background-color: rgba(0, 0, 0, 0.4); text-align: center; color: #fff; bottom: -185px; transition: all 0.8s; } .swiper-slide:hover .text1 { transition: all 0.8s; transform: translatey(-185px); } .swiper-slide:hover .text1 .text1-border { border: 1px solid rgba(255, 255, 255, 0.2); margin: 10px; width: 256px; height: 163px; } /*友情链接*/ .index-link { color: #666666; font: 400 14px/36px "microsoft yahei"; } .index-link a { color: #666666; font: 400 14px/36px "microsoft yahei"; } .index-link a:hover { color: #333; } /*底部导航*/ .footer { background: #333333; padding-top: 30px; padding-bottom: 88px; } .f-tt { color: #ffffff; font: 600 18px/52px "microsoft yahei"; margin-bottom: 6px; } .f-contact p { color: #bbb9b9; font: 400 14px/34px "microsoft yahei"; } .f-ewm { padding-left: 44px; padding-right: 44px; padding-top: 40px; border-right: 1px solid rgba(89, 89, 89, 0.6); } .nav-menu { float: left; } .nav-menu li { float: left; color: #85959d; font: 500 13px/26px "microsoft yahei"; margin-left: 40px; } .nav-menu li li { margin-left: 126px; } .nav-menu li h2 { font: 500 16px/36px "microsoft yahei"; color: #323232; } .nav-menu li a { display: block; color: #9b9b9b; font: 500 14px/30px "microsoft yahei"; } .nav-menu li a:hover { color: #cb6646; } .index-foot { } .copyright { color: #666666; font: 400 13px/54px "microsoft yahei"; } .copyright a { color: #666666; font: 400 13px/54px "microsoft yahei"; } .copyright a:hover { color: #cb6646; } .quyu { color: #666666; font: 400 13px/54px "microsoft yahei"; } .quyu a { color: #666666; font: 400 13px/54px "microsoft yahei"; } .quyu a:hover { color: #cb6646; }