@charset "UTF-8"; .tou { background: #e4e4e4; height: 43px; } .tou .dh { padding-left: 32px; background: url(../images/dh.png) 0 50% no-repeat; font-size: 18px; color: #404040; line-height: 43px; font-weight: 600; } /* 大?*/ .c1{ width: 100%; position: relative; } .c1 h2 { text-align: center; font-size: 48px; color: #2c2c2c; line-height: 188px; } .c1 .list2 li{ width: 49.8%; } .c1 .list2 li a img { max-width:100%; height:auto !important; width:auto !important; } .c1 .list2 li:nth-child(1) { float: left; } .c1 .list2 li:nth-child(1) a { display: block; position: relative; } .c1 .list2 li:nth-child(1) a h3 { position: absolute; font-weight: normal; z-index: 11; width: 210px; left: 360px; top: 110px; padding-left: 22px; } .c1 .list2 li:nth-child(1) a h3 .bt { font-size: 30px; color: #0096e4; background: url(../images/heng.png) 0 bottom no-repeat; padding-bottom: 20px; } .c1 .list2 li:nth-child(1) a h3 dd { color: #3c3c3c; font-size: 20px; line-height: 42px; margin-top: 20px; } .c1 .list2 li:nth-child(1) a h3 .ck { margin-top: 65px; width: 180px; line-height: 38px; border: 1px solid #0096e4; background: #fff; color: #0096e4; font-size: 20px; text-align: center; } .c1 .list2 li:nth-child(1) a h3 .ck:hover { background: #0096e4; color: #fff; } .c1 .list2 li:nth-child(2) { float: right; } .c1 .list2 li:nth-child(2) a { display: block; position: relative; } .c1 .list2 li:nth-child(2) a h3 { position: absolute; font-weight: normal; z-index: 11; width: 210px; right: 360px; top: 110px; padding-right: 22px; text-align: right; } .c1 .list2 li:nth-child(2) a h3 .bt { font-size: 30px; color: #0096e4; background: url(../images/heng.png) right bottom no-repeat; padding-bottom: 20px; } .c1 .list2 li:nth-child(2) a h3 dd { color: #3c3c3c; font-size: 20px; line-height: 42px; margin-top: 20px; } .c1 .list2 li:nth-child(2) a h3 .ck { float: right; margin-top: 65px; width: 180px; line-height: 38px; border: 1px solid #0096e4; background: #fff; color: #0096e4; font-size: 20px; text-align: center; } .c1 .list2 li:nth-child(2) a h3 .ck:hover { background: #0096e4; color: #fff; } /* 产品展示 */ .c2bg { /*background: url(../images/c2.png) center 0 no-repeat;*/ margin-bottom: 100px; } .c2bg .c2 { padding-top: 63px; position: relative; } .c2bg .c2 h2 { margin-bottom: 53px; text-align: right; } .c2bg .c2 .list3 { float: left; border: 1px solid #bfbfbf; } .c2bg .c2 .list3 li { border-right: 1px solid #bfbfbf; float: left; } .c2bg .c2 .list3 li:nth-child(3) { border: none; } .c2bg .c2 .list3 li a.img { display: block; position: relative; } .c2bg .c2 .list3 li a.img img { width: 398px; height: 299px; } .c2bg .c2 .list3 li a.img h3 { position: absolute; z-index: 111; top: 0; font-weight: normal; text-align: center; width: 100%; } .c2bg .c2 .list3 li a.img h3 .bt { font-size: 20px; color: #0096e4; line-height: 20px; margin-top: 304px; } .c2bg .c2 .list3 li a.img h3 .ck { margin: 0 auto; margin-top: 4px; width: 190px; height: -82px; line-height: 30px; font-size: 16px; color: #454545; border: 1px solid #a0a0a0; } .c2bg .c2 .list3 li a.img h3 .ck:hover { background: #0096e4; color: #fff; border: 1px solid #0096e4; } .c2bg .c2 a.ck { margin: 0 auto; display: block; border-radius: 20px; font-size: 24px; color: #0096e4; background: #f2ae7f; width: 360px; line-height: 52px; margin-top: 73px; text-align: center; } .c2bg .c2 a.ck:hover { background: #0096e4; color: #fff; } .a1{background: #f4f4f4;padding: 40px 0;} .a1_1{width: 235px;overflow: hidden;float: left;} .a1_t{background: url(../images/p.png) no-repeat top center;text-align: center;font-size: 30px;color: #fff;height:74px;overflow: hidden;padding-top: 6px;} .a1_t span{display: block;font-size: 12px;text-transform: uppercase;} .a1_ul1{background: #666666;padding-top: 0px;} .a1_ul1 li{background: url(../images/xian.png) repeat-x bottom;margin-bottom: 7px;margin-left: -15px;} .a1_ul1 li a{display: block;background: url(../images/jian.png) no-repeat 40px 50%;padding-left: 54px;font-size: 16px;color: #fff;line-height: 35px;} .a1_2{width: 940px;float: right;} .c2a{background: #fff;height: 73px;overflow: hidden;} .c2a_ul{overflow: auto;float: left;padding-left: 15px;overflow: hidden;} .c2a_ul li{float: left;font-size: 18px;color: #010101;line-height: 73px;position: relative;cursor: pointer;} .c2a_ul li:first-child:after{width: 2px;height: 16px;background: #666666;position: absolute;right: -17px;bottom: 16px;content: "";} .c2a_ul li.cur{color: #0096e4;font-weight: bold;} .a1_more{float: right;font-size: 14px;color: #666666;line-height: 73px;margin-right: 16px;} .c2b{margin-top: 25px;} .c2b .tab{display: none;} .a1_ul2{overflow: auto;} .a1_ul2 li{float: left;margin-right: 20px;position: relative;background: #fff;margin-bottom: 30px;width: 300px;} .a1_ul2 li:nth-child(3n){margin-right: 0;} .a1_ul2 li .img{display: block;} .a1_ul2 li .img img{width: 300px;height: 225px;} .a1_ul2 li h3 a{display: block;font-size: 16px;color: #333333;line-height: 41px;font-weight: normal;padding-left: 15px;} .a1_ul2 li:hover h3 a{color: #0096e4;} .a1_ul2 li:hover{box-shadow:0px 5px 5px rgba(12,4,8,.11);} /* 8大政{?*/ .c3 { margin-top: 83px; margin-bottom: 62px; } .c3 h2 { text-align: center; } .c3 .content { margin-top: 56px; background: url(../images/c4.png) center 0 no-repeat; height: 638px; } .c3 .content .list4 { padding-top: 62px; } .c3 .content .list4 li { float: left; margin-bottom: 32px; width: 600px; } .c3 .content .list4 li .bt { font-size: 36px; color: #0096e4; line-height: 46px; } .c3 .content .list4 li .bt span { font-size: 28px; color: #1d1d1d; vertical-align: top; } .c3 .content .list4 li dd { margin-top: 4px; font-size: 15px; color: #383838; line-height: 26px; letter-spacing: -0.6px; } .c3 .content .list4 li:nth-child(2n) { float: right; text-align: right; } .c3 .content .list4 li:nth-child(3), .c3 .content .list4 li:nth-child(4) { margin-bottom: 50px; } /* 幅 */ .hf { text-align: center; } /* q锐?· 源自国的电热水器品?*/ .c5bg { background: url(../images/c5.png) center 0 no-repeat; height: 712px; } .c5bg .c5 { padding-top: 92px; } .c5bg .c5 h2 { text-align: center; font-size: 48px; color: #2f2f2f; font-weight: normal; background: url(../images/h-55.png) center 66% no-repeat; line-height: 48px; margin-bottom: 89px; } .c5bg .c5 .content .c5-1 { width: 574px; } .c5bg .c5 .content .c5-2 { width: 532px; margin-right: 36px; } .c5bg .c5 .content .c5-2 h3 { font-weight: normal; font-size: 48px; color: #0096e4; line-height: 80px; } .c5bg .c5 .content .c5-2 dd { font-size: 18px; color: #414141; line-height: 30px; margin-top: 18px; } .c5bg .c5 .content .c5-2 dd a{color: #414141;} /* 新闻资讯 */ .c6 { margin-top: 74px; margin-bottom: 68px; } .c6 h2 { text-align: center; background: url(../images/h-66.png) center 61% no-repeat; font-weight: normal; font-size: 36px; color: #3f3f3f; line-height: 1; } .c6 h2 dd { font-size: 16px; color: #797878; margin-top: 46px; } .c6 .list5 { margin-top: 40px; } .c6 .list5 li { float: left; width: 369px; margin-right: 46px; } .c6 .list5 li:nth-child(3) { margin-right: 0; } .c6 .list5 li a.img { display: block; } .c6 .list5 li a.img img { width: 369px; height: 277px; } .c6 .list5 li h3 { font-weight: normal; margin-top: 38px; } .c6 .list5 li h3 .time { width: 63px; line-height: 1; font-size: 18px; color: #505050; } .c6 .list5 li h3 .time dd { font-size: 16px; color: #797878; margin-top: 12px; } .c6 .list5 li h3 .zi { border-left: 1px solid #dcdcdc; width: 291px; padding-left: 14px; padding-bottom: 8px; } .c6 .list5 li h3 .zi a { display: block; font-size: 16px; color: #515050; line-height: 1; } .c6 .list5 li h3 .zi dd { font-size: 14px; color: #6e6e6e; line-height: 24px; margin-top: 14px; } /* 在线甌 */ .c7 { margin-bottom: 18px; position: relative; height: 553px; } .c7 h2 { font-weight: normal; font-size: 30px; color: #313131; line-height: 70px; } .c7 .c7-1{position: relative;height: 368px;} .c7 .c7-1 .messagex .zaixian li { padding-left: 48px; background: url(../images/1-1.png) 0 0 no-repeat; line-height: 41px; border: 2px solid #d7d7d7; margin-bottom: 22px; } .c7 .c7-1 .messagex .zaixian li:nth-child(2){background: url(../images/1-2.png) 0 0 no-repeat;} .c7 .c7-1 .messagex .zaixian li:nth-child(3){background: url(../images/1-3.png) 0 0 no-repeat;} .c7 .c7-1 .messagex .zaixian li:nth-child(4){background: url(../images/1-4.png) 0 0 no-repeat;} .c7 .c7-1 .messagex .zaixian li input { width: 396px; border: none; padding: 0; background: none; line-height: 41px; } .c7 .c7-1 .messagex .zaixian li input::-webkit-input-placeholder { /* placeholder颜色 */ color: #4d4d4d; /* placeholder字体大小 */ font-size: 14px; padding-left: 6px; } .c7 .c7-1 .messagex #code { padding-top: 0; } .c7 .c7-1 .messagex #code #checkcode { border: 2px solid #d7d7d7; } .c7 .c7-1 .messagex input.msgbtn { width: 274px; line-height: 50px; text-align: center; color: #fff; font-size: 18px; background: #0096e4; padding: 0; border: none; border-radius: 4px; margin-top: 10px; position: absolute; bottom: 0; left: 322px; } .c7 .c7-2 { margin-left: 18px; width: 470px; } .c7 .c7-2 img { width: 470px; } .c7 .c7-3 { background: url(../images/contact.png) center 0 no-repeat; width: 250px; height: 634px; color: #fff; box-sizing: border-box; padding-left: 26px; padding-top: 46px; position: absolute; z-index: 111; right: 0; top: 42px; } .c7 .c7-3 h3 { font-weight: normal; color: #fff; font-size: 32px; } .c7 .c7-3 h3 dd { font-size: 18px; } .c7 .c7-3 .dh { margin-top: 40px; font-size: 14px; line-height: 28px; } .c7 .c7-3 .dh p:first-child { margin-bottom: 12px; } .c7 .c7-3 .er { margin-top: 68px; text-align: center; padding-right: 26px; font-size: 14px; line-height: 34px; } .c7 .c7-4{ position: absolute; width: 942px; bottom: 0px; } /* 底部D */ .c8bg { background: #eaeaea; padding-top: 66px; padding-bottom: 80px; } .c8bg .c8 li { float: left; width: 178px; } .c8bg .c8 li a { font-weight: 600; font-size: 16px; color: #535353; display: block; } .c8bg .c8 li .sec { margin-top: 18px; } .c8bg .c8 li .sec a { font-weight: normal; font-size: 14px; color: #535353; line-height: 28px; } .foot { background: #1b1b1b; padding-top: 24px; padding-bottom: 24px; font-size: 14px; line-height: 25px; color: #fff; } .foot a { color: #fff; } .foot a:hover { color: #fff; } 日韩免费无码人妻系列_欧美乱大交XXXXX潮喷_国产欧美精品一区二区色综合_在厨房被c到高潮a毛片奶水