.footer { width: 100%; color: #fff; padding: 30px 0 20px; background: #191919; } .footer .links { padding-bottom: 30px; margin-bottom: 30px; font-size: 16px; border-bottom: 1px solid #434343; } .footer .links span { color: #f9f9f9; display: inline-block; } .footer .links a { display: inline-block; color: #f9f9f9; padding-right: 10px; } .footer .links a:hover { opacity: 0.8; filter: alpha(opacity=80); } .footer .contact { width: 340px; } .footer .contact .ewm { width: 100px; height: 100px; background: #ddd; } .footer .contact .ewm img { display: block; margin: 6px; width: 88px; height: 88px; } .footer .contact .contact_info { margin-left: 16px; } .footer .contact .contact_info p { font-size: 14px; color: #fff; line-height: 14px; } .footer .contact .contact_info .tel { margin-top: 10px; margin-bottom: 12px; font: normal 30px "arial"; color: #118c3c; line-height: 24px; } .footer .contact .contact_info .p2 { margin-bottom: 6px; } .footer .bNav { width: 850px; } .footer .bNav .item { float: left; line-height: 26px; } .footer .bNav .item h3 { margin-bottom: 24px; padding: 0 34px; border-right: 1px solid #118c3c; } .footer .bNav .item:first-child h3 { border-left: 1px solid #118c3c; } .footer .bNav .item h3 a { color: #fff; font-size: 18px; text-indent: 0px; } .footer .bNav .item h3 a:hover { opacity: 0.8; filter: alpha(opacity=80); } .footer .bNav .item a { color: #ccc; display: block; font-size: 12px; line-height: 26px; text-indent: 40px; } .footer .bNav .item a:hover { color: #fff; } .copyright { height: 57px; line-height: 57px; color: #999999; font-size: 12px; background: #101010; border-top: 1px solid #434343; text-align:center; } .copyright span { margin: 0 12px; opacity: 0.7; filter: alpha(opacity=70); } .copyright a { color: #999999; } .copyright a:hover { color: #fff; } .indexTit { color: #118c3c; overflow: hidden; text-align: center; padding: 30px 0 56px; } .indexTit .en { text-transform: uppercase; line-height: 35px; font-family: didot; font-size: 24px; } .indexTit h3 { font-size: 24px; color: #835026; } .index .in_title { padding-top: 80px; } .index .in_title .entit { margin-bottom: 12px; font: normal 45px "AvantGarde Bk BT"; color: #666; text-align: center } .index .in_title .tit { width: 300px; margin: 0 auto; font-size: 30px; font-weight: bold; text-align: center; color: #118c3c; } .index .in_title .tit span { float: left; margin-left: 40px; } .index .in_title .tit em { display: block; width: 50px; height: 2px; margin-top: 16px; background: #ccc; } .index .tab { text-align: center; padding-top: 20px; } .index .tab a { padding: 0 30px; line-height: 40px; background:#004ca2; font-size: 18px; display: inline-block; margin:10px 5px; color: #fff; } .index .tab a:hover { background:#ff6537; } .index .more { margin-top: 40px; display:block; float:left; width:100%; } .index .more .look_more { display: block; width: 198px; height: 48px; font-size: 16px; line-height: 48px; text-align: center; border: 1px solid #004ca2; transition: all .5s; margin-left:40%; background:#004ca2; color:#fff; } .index .more .look_more:hover { background:#ff6637; color: #fff; transition: all .5s; border: 1px solid #ff6637; } .index #floor_1_main { height: 416px; background: #f6f6f6; } #floor_1_main .about { padding-top: 80px; } #floor_1_main .about .item { display: block; width: 600px; height: 424px; } #floor_1_main .about img { display: block; width: 100%; height: 100%; } #floor_1_main .about img:hover { -webkit-filter: brightness(105%); filter: brightness(105%); } #floor_1_main .contW { position: relative; display: block; width: 600px; height: 374px; margin-top: 50px; background: #fff; } #floor_1_main .contW .title { margin-left: 50px; padding-top: 50px; } #floor_1_main .contW .title .entit { font: normal 45px "AvantGarde Bk BT"; color: #666; } #floor_1_main .contW .title .tit { font: bold 30px "microsoft yahei"; color: #118c3c; } #floor_1_main .contW .cont { width: 484px; margin-top: 30px; margin-left: 50px; font-size: 14px; color: #666; line-height: 30px; text-align: justify; } #floor_1_main .contW .view_detail { position: absolute; bottom: 0px; left: 50px; display: block; width: 150px; height: 38px; font-size: 14px; line-height: 38px; text-align: center; color: #fff; background: #118c3c; } #floor_1_main .contW .view_detail:hover { background: #12b34a; transition: all .5s; } #floor_2_main { background: #fff; } #floor_2_main .floor_2 { padding-bottom: 40px; } #floor_2_main .floor_2 .title { margin-top: 22px; } #floor_2_main .proCenter .list { width: 100%; } #floor_2_main .proCenter .list li { float: left; width: 30%; height: autopx; margin-top: 28px; margin-right:15px; margin-left:15px; background: #f6f6f6; transition: all .5s; } #floor_2_main .proCenter .list li a { display: block; padding: 38px 30px 0 30px; } #floor_2_main .proCenter .list li img { width:100%; height: auto; } #floor_2_main .proCenter .list li .tit { height: 56px; font-size: 20px; text-align: center; margin-left:10px;; } #floor_2_main .proCenter .list li .title { margin-top: 12px; } #floor_2_main .proCenter .list li .tit { color: #333; } #floor_2_main .proCenter .list li em { width: 100px; height: 26px; background: url("../image/em.png") no-repeat; transition: all .5s; } #floor_2_main .proCenter .list li:hover { background:#004ca2; } #floor_2_main .proCenter .list li:hover .tit { color: #fff; } #floor_2_main .proCenter .list li:hover em { width: 100px; height: 26px; background: url("../image/em1.png") no-repeat; transition: all .5s; } #floor_2_main .proCenter .list li:hover img { -webkit-filter: brightness(105%); filter: brightness(105%); } @media screen and (max-width: 920px) { #floor_2_main .proCenter .list li { float: left; width: 44%; height: autopx; margin-right:10px; margin-left:10px; background: #f6f6f6; transition: all .5s; } #floor_2_main .proCenter .list li a { display: block; padding: 0; } #floor_2_main .proCenter .list li img { width:100%; height: auto; } #floor_2_main .proCenter .list li em { display:none;} #floor_2_main .proCenter .list li .tit { height: 30px; font-size: 14px; text-align: center; width:100%; line-height:20px; } .index .more .look_more { display: block; width:120px; height: 48px; font-size: 16px; line-height: 48px; text-align: center; border: 1px solid #ccc; transition: all .5s; padding:0 15px; margin-left:34%; } } @media screen and (max-width: 360px){ .index .tab a { padding: 0 20px; line-height: 40px; background:#004ca2; font-size: 18px; display: inline-block; margin:10px 5px; color: #fff; } #floor_2_main .proCenter .list li { float: left; width: 43%; height: autopx; margin-right:10px; margin-left:10px; background: #f6f6f6; transition: all .5s; } .index .more .look_more { display: block; width:100px; height: 48px; font-size: 16px; line-height: 48px; text-align: center; border: 1px solid #ccc; transition: all .5s; padding:0 15px; margin-left:31%; } }