/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ @charset "utf-8"; /* css document */ .partfourm { width: 100%; overflow: hidden; } .partfourcon { width: 1100px; float: left; overflow: hidden; height: 240px; position: relative; } .pro li { float: left; width: 270px; height: 250px; margin: 0 5px; text-align: center; display: inline; position: relative; } .probg { width: 100%; height: 80%; } .proimg { float: left; } .probg img { width: 100%; height: 100%; } .pro li p { float: left; overflow: hidden; color: #656565; width: 100%; font-size: 18px; margin-top: 5%; font-family: cursive; } .proname a { float: left; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #8e5d47; font-weight: bold; } .left { width: 20px; padding-right: 30px; float: left; height: 165px; padding-top: 20px; } .right { width: 20px; padding-left: 20px; text-align: right; float: left; height: 165px; padding-top: 20px; } .index1 { padding: 30px 0; } .i1_title { text-align: center; padding-bottom: 30px; } .i1t_h3 { font-size: 26px; color: #004e99; font-weight: bold; } .i1t_en { font-size: 18px; color: #a1a1a1; } .i1_qh { width: 90%; overflow: hidden; position: relative; margin: 0 auto; } .i1_ul, .i1_con { position: relative; } .i1_li { width: 300px; height: 290px; position: relative; overflow: hidden; margin-right: 10px; } .i1_li img { width: 100%; height: 80%; } .case_title { font-size: 16px; margin-top: 20px; font-weight: 600; color: #737070; } .i1_pos { width: 220px; height: 66%; position: absolute; top: 0; left: 0; padding: 40px 40px 0 40px; display: none; color: #ffffff; background: rgba(0,78,153,0.7) none repeat scroll 0 0 !important; filter: alpha(opacity=70); background: #004e99; } .i1p_left, .i1p_right { position: absolute; display: block; font-size: 0; } .i1p_left { top: 22px; left: 22px; } .i1p_right { bottom: 22px; right: 22px; } .i1p_title { text-align: center; } .i1p_title span { display: block; font-size: 18px; font-weight: bold; } .i1p_txt { line-height: 24px; margin-top: 10px; } .i1p_more { border: 1px solid #ffffff; font-family: arial; width: 165px; height: 30px; line-height: 30px; margin: 0 auto; margin-top: 15px; text-align: center; } .i1p_more span { display: inline-block; padding-right: 30px; background: url(/uploads/image/simages/7.png) no-repeat right center; } .i1_prev, .i1_next { position: absolute; top: 30px; display: block; font-size: 0; cursor: pointer; } .i1_prev { } .i1_next { right: 10px; } .i2_left { width: 410px; } .i2_right { width: 780px; } .i2t_p { font-size: 18px; color: #254085; line-height: 65px; font-family: arial; font-weight: 600; } .i2_title { height: 50px; border-bottom: 1px solid #c5bebe; line-height: 50px; } .i2t_p i { color: #999; font-size: 12px; margin-top: -20px; margin-left: 3px; position: absolute; } .i2t_p span { display: block; font-family: arial; color: #808080; font-size: 40px; float: left; line-height: 50px; margin-right: 10px; } .i2t_p span i { color: #254085; font-size: 40px; margin: unset; position: relative; } .i2t_a { font-family: arial; color: #254085; font-size: 14px; margin-top: 12px; font-weight: 600; } .i2l_dl { margin-top: 20px; color: #353131; font-size: 16px; line-height: 35px; height: 290px; text-align: left; } .i2l_dd { width: 390px; } .i2l_dtr { width: 180px; height: 130px; float: left; margin-right: 13px; } .i2l_dtr img { width: 100%; height: 100%; } .i2l_title { display: block; font-size: 16px; font-weight: bold; color: #254085; text-align: left; } .i2l_txt { color: #808080; line-height: 22px; margin-top: 5px; text-align: left; } .i2r_ul li { padding-left: 10px; padding-right: 10px; padding-bottom: 6px; margin-bottom: 10px; } .i2r_ul li span { float: right; } .i2r_ul li:hover { background: #254085; color: #fff; } .i2r_ul li:hover .i2l_title { color: #fff; text-decoration: none; } .i2r_ul li:hover .i2l_txt { color: #fff; } .i2r_li { line-height: 26px; padding-left: 9px; background: url(/uploads/image/simages/8.png) no-repeat left center; } .i2r_li a { color: #808080; } .i2l_dt { width: 380px; height: 290px; overflow: hidden; } .i2_right .i2l_dt { width: 380px; position: relative; } .i2l_dt img { width: 100%; height: 100%; } .i2l_dtr_more { text-align: right; color: #254085; margin-right: 20px; margin-top: 15px; } .i2l_dl:hover .i2l_title { color: #004e99; } .i2l_dl:hover .i2l_title { color: #004e99; } .five_move { width: 180px; height: 30px; position: absolute; margin: 260px 200px; } .five_move li { width: 30px; height: 30px; float: left; text-align: center; line-height: 30px; background: #333; color: #fff; margin-left: 5px; } .five_move li:hover { background: #254085; } .yewulie { float: left; margin-right: 10px; width: 100%; } .yewulie li { float: left; margin-right: 7px; width: 188px; height: 316px; overflow: hidden; } .yewulie li img { float: left; width: 100%; height: 100%; opacity: 1; } .yewulie li:hover img { transform-origin: center bottom 0; opacity: 1; } .over-layer { position: absolute; width: 188px; height: 316px; opacity: 0; background: #254085; color: #fbfaf7; font-weight: 600; text-align: center; transition: all 0.60s ease-in-out 0s; } .yewulie li:hover .over-layer { opacity: 0; } .over-layer h3 { font-size: 18px; margin-top: 40px; font-weight: 600; } .over-layer p.description { font-size: 14px; line-height: 30px; margin-top: 20px; padding: 0 20px; } .yewulie li:nth-child(4) { margin-right: 0px; } .lingyu_tu { position: absolute; width: 160px; height: 316px; margin-top: 15px; } .lingyu_tu img { width: 100%; height: 100%; } .lingyu_wen { width: 250px; margin-top: 5px; } /*领域新闻向上滚动*/ #fontscroll { width:390px; height:290px; line-height:30px; overflow:hidden; padding:5px 0; } #fontscroll .line { text-align:center; width:100%; } #fontscroll .fontcolor a { color: #254085; } #fontscroll ul li a { color: #666; font-size: 16px; font-weight: 700; } #fontscroll ul span { float: left; } /*领域新闻向上滚动*/ /*公司新闻图片左右轮播*/ .example { width: 380px; height: 290px; font-size: 40px; text-align: center; float: left; background-color: #464576; } .carousel-item{ line-height: 336px; color: #fff; font-family: arial black; } /*公司新闻图片左右轮播*/