html, body { width: 100%; margin: 0px; padding: 0px; font-size: 14px; font-family: "microsoft yahei"; position: relative; } ul, li, p, img, b, a, ol, em, a, h1, h2, h3, h4, h5, h6, h7 { list-style-type: none; margin: 0px; padding: 0px; border: none; font-style: normal; border: none; color: #333; text-decoration: none; font-size: 14px; cursor: pointer; } .nav a.cur, .nav li a:hover, .one_text h1, .two_nav li a:hover, .two_r li b:before, .three li .b:hover, .fore_c li:hover b, .fore_c li b:before, .five .f1:hover h4, .five .f2:hover a, .five .f2s:hover:after, .main_li li a:hover, .product_m li b:before, .product_m li b:hover, .product_gdgd_b li b:before, .product_gdgd_a:hover, .product_gdgd_c:hover, .article_xw li:hover b, .article_xw li:hover h1, .article_xw ol li:hover a, .text_h1 .more { color: #e90a0a; } .two_text h1, .two_a, .two_c, .fore .text h1, .fore .text h2, .footer_nav li, .main_nav .nav_a h1, .main_ul li a, .product_m li .red, .pading .current, .product_xw .p1 h1, .product_xw .p1 p, .product_xw .p1 b, .product_gd_text h1, .product_gd_text h2, .product_gd_a, .product_gd_c, .product_gdgd_a, .product_gdgd_c, .text_h1 .back, .article li h1:nth-child(1):before { color: #fff; } #ditucontent img{ max-width:inherit; } /**/ .text { height: 60px; text-align: center; } .text h1 { overflow: hidden; font: 26px "microsoft yahei"; font-weight: bold; height: 35px; } .text h2 { overflow: hidden; font: 23px "华文行楷"; height: 35px; line-height: 35px; } /**/ #slides { position: relative; width: 100%; height: 430px; } #slides img { width: 100%; height: 430px; } #slides .hd { position: absolute; bottom: 15px; left: 45%; } #slides .hd li { width: 30px; height: 3px; margin: 0 1px; background: #ccc; text-align: center; color: rgba(0, 0, 0, 0); line-height: 3px; float: left; border: 1px solid #ccc; border-radius: 10px; } #slides .hd li.on { background: #fff; } /*header*/ .header { position: relative; background: no-repeat; background-size: 100% 100%; } .header_top { background: #073e77; height: 50px; } .inputs { width: 1000px; margin: auto; } .inputs input { width: 150px; border-radius: 20px 0px 0px 20px; height: 22px; float: left; margin-top: 14px; border: none; } .inputs .searchbtn { width: 31px; height: 26px; float: left; display: block; background: no-repeat; margin-top: 13px; } .header_img { float: right; width: 200px; height: 40px; margin-top: 5px; } .header_img img { width: 200px; height: 40px; display: block; } /*logo*/ .header_nav { width: 1000px; margin: auto; } .logo_img img { max-width: 100%; height: 110px; } .logo_img { width: 350px; height: 110px; float: left; padding: 10px 0; } /*导航*/ .navbox { width: 630px; float: right; margin-top: 55px; } .navbox .nav { width: 1000px; margin: auto; } .navbox .nav li { height: 30px; line-height: 30px; float: left; position: relative; width: 100px; text-align: center; } .navbox .nav li:after { content: ">"; display: block; width: 10px; height: 10px; line-height: 10px; text-align: center; position: absolute; right: 0px; top: 11px; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); color: #073e77; } .navbox .nav a { display: block; width: 100px; text-align: center; font: 16px "microsoft yahei"; font-weight: bold; line-height: 30px; } .navbox .nav_ul { position: absolute; top: 30px; background: #fff; z-index: 555; display: none; } .navbox .nav_ul li:after { display: none !important; } .navbox .nav_ul li a { font: 12px "microsoft yahei"; line-height: 30px; } .navbox .nav li:hover .nav_ul { display: block; } /*one*/ .one { padding: 50px 0 0px; width: 1000px; margin: auto; height: 219px; border-bottom: 6px #0e4f99 solid; position: relative; } .one:after { content: ""; display: block; border-left: 1px #0e4f99 solid; position: absolute; right: 22px; bottom: 45px; width: 1px; height: 60px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } .one:before { content: ""; display: block; border-left: 1px #0e4f99 solid; position: absolute; right: 63px; bottom: -24px; width: 1px; height: 158px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } .one_img { width: 210px; float: left; height: 180px; } .one_img img { width: 210px; display: block; height: 180px; } .one_text { float: left; width: 130px; margin-left: 30px; } .one_text h1 { height: 52px; line-height: 52px; font-size: 40px; font-weight: bold; border-bottom: 1px solid #999; padding: 10px 0px 5px; overflow: hidden; } .one_text h2 { padding: 10px 0; font-size: 13px; color: #7b7a7a; } .one_text h2 em { display: block; font-size: 12px; color: #ccc; } .one_c { float: right; width: 595px; margin-top: 30px; height: 105px; line-height: 1.8em; overflow: hidden; } /*two*/ .two { padding: 50px 0px; background: #eeeff4; margin-top: 50px; } .two_m { width: 1000px; margin: auto; } .two_l { width: 218px; float: left; } .two_text { width: 218px; height: 101px; background: #e90a0a; text-align: center; position: relative; } .two_text:after { content: ""; display: block; border-left: 1px #fff solid; position: absolute; right: 22px; top: -13px; width: 1px; height: 55px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(60deg); -o-transform: rotate(45deg); } .two_text:before { content: ""; display: block; border-left: 1px #fff solid; position: absolute; left: 17px; bottom: -17px; width: 1px; height: 55px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(59deg); -o-transform: rotate(45deg); } .two_text h1 { padding-top: 35px; height: 30px; line-height: 30px; font-size: 20px; overflow: hidden; width: 160px; margin: auto; } .two_text h2 { height: 20px; line-height: 20px; overflow: hidden; width: 160px; margin: auto; text-align: right; font-size: 16px; color: #ed867f; } .two_nav li { background: no-repeat; width: 218px; line-height: 50px; } .two_nav li a { width: 160px; margin: auto; display: block; position: relative; padding-left: 20px; font-weight: bold; } .two_nav li a:after { content: ""; display: block; width: 5px; height: 5px; border: 1px solid #ccc; border-radius: 50%; position: absolute; left: 0px; top: 22px; } .two_navs { display: none; } .two_navs li { background-size: 100% 100%; height: 30px; line-height: 30px; } .two_navs li a { color: #999; } .two_navs li a:after { top: 11px; } .two_nav li a:hover:after { border: 1px solid #e62129; } .two_nav li:hover .two_navs { display: block; } .two_img img { max-width: 100%; } .two_r { width: 760px; float: right; position: relative; } .two_r li { width: 760px; float: left; background: #fff; border-bottom: 6px #e62129 solid; height: 620px; overflow: hidden; } .two_r li img { width: 760px; height: 430px; display: block; } .two_r li h1 { width: 760px; height: 50px; padding: 20px 20px 0px 20px; line-height: 30px; font-size: 21px; box-sizing: border-box; overflow: hidden; margin-bottom: 5px; } .two_r li p { width: 760px; height: 68px; padding: 0px 20px 0px 20px; line-height: 1.5em; box-sizing: border-box; overflow: hidden; } .two_r li b { width: 113px; height: 37px; float: right; display: block; border: 1px solid #ccc; text-align: center; line-height: 37px; margin-right: 20px; margin-bottom: 10px; margin-top: 10px; position: relative; } .two_r li b:before { content: " "; position: absolute; width: 15px; height: 15px; line-height: 15px; text-align: center; right: -8px; top: -10px; background: #fff; font-weight: bold; font-size: 16px; } .two_a, .two_c { position: absolute; width: 100px; height: 100px; line-height: 100px; font-size: 100px; top: 165px; text-align: center; z-index: 55; display: none; } .two_c { right: 0px; } .two_r:hover .two_a, .two_r:hover .two_c { display: block; } /*three*/ .three { width: 1000px; margin: 50px auto 0; position: relative; } .three .text h2 { color: #0e4c89; } .three_img { position: absolute; top: 90px; left: 334px; } .three_img img { width: 332px; height: 579px; display: block; } .three ul { margin-top: 30px; clear: both; } .three li img { width: 332px; height: 164px; display: block; } .three li { float: left; margin-bottom: 5px; } .three li:nth-child(2), .three li:nth-child(4) { margin-left: 336px; } .three li div { width: 332px; padding: 20px 20px 30px; background: #eeeff4; box-sizing: border-box; line-height: 1.5em; height: 123px; overflow: hidden; } .three li h2 { display: block; margin-bottom: 6px; font-size: 18px; font-weight: bold; } .three li .b:before { content: ""; display: block; border-top: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); border-left: 5px solid #e62129; border-bottom: 5px solid rgba(0, 0, 0, 0); position: absolute; top: 5px; left: 0px; } .three li .b { font-size: 13px; font-weight: normal; padding-left: 10px; display: block; float: right; right: 0px; position: relative; width: 70px; bottom: -22px; } /**/ .fore { margin-top: 50px; position: relative; padding-top: 50px; height: 775px; box-sizing: border-box; } .fore_img { position: absolute; top: 0px; left: 0px; width: 100%; z-index: -1; height: 775px; } .fore_img img { width: 100%; height: 100%; } .fore_m { width: 1000px; margin: 50px auto 0px; background: #fff; height: 540px; overflow: hidden; } .fore_text { height: 80px; line-height: 80px; padding: 0px 30px; box-sizing: border-box; } .fore_text h1 { font-size: 20px; width: 700px; overflow: hidden; font-family: "华文行楷"; float: left; } .fore_text .more { width: 80px; height: 30px; float: right; display: block; border: 1px solid #0e4f99; text-align: center; line-height: 30px; margin-right: 5px; margin-bottom: 10px; margin-top: 25px; position: relative; color: #0e4f99; } .fore_text .more:before { content: " "; position: absolute; width: 15px; height: 15px; line-height: 15px; text-align: center; right: -8px; top: -10px; background: #fff; font-weight: bold; font-size: 16px; } .fore_c { width: 940px; margin: 0px auto 0px; } .fore_c ul { height: 410px; overflow: hidden; } .fore_c li { width: 286px; float: left; margin: 0px 12px; border: 1px #cecece solid; height: 408px; } .fore_c li img { display: block; width: 272px; height: 190px; margin: 7px auto 7px; } .fore_c li h3 { width: 286px; border-top: 1px solid #ccc; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; text-align: center; overflow: hidden; position: relative; } .fore_c li h3:after { content: ""; display: block; width: 60px; height: 2px; margin: auto; border-top: 2px solid #e62129; position: absolute; bottom: -2px; left: 38%; } .fore_c li p { font-size: 13px; margin: 10px auto 0px; height: 90px; line-height: 23px; width: 272px; overflow: hidden; } .fore_c li b { width: 95px; height: 30px; margin: 15px auto 0; display: block; border: 1px solid #ccc; text-align: center; line-height: 30px; position: relative; } .fore_c li b:before { content: " "; position: absolute; width: 15px; height: 15px; line-height: 15px; text-align: center; right: -8px; top: 8px; background: #fff; font-weight: bold; font-size: 16px; } /**/ .five { width: 1000px; margin: 50px auto 0px; } .five_text { height: 50px; line-height: 50px; border-bottom: 3px solid #e7e7e7; overflow: hidden; } .five_text h1 { font-size: 20px; font-weight: bold; color: #0e4f99; float: left; } .five_text h2 { font-size: 16px; font-family: "华文行楷"; line-height: 62px; color: #999; margin-left: 10px; float: left; position: relative; } .five_text h2:before { content: " "; width: 10px; height: 10px; line-height: 10px; text-align: center; color: #0e4f99; font-weight: bold; position: absolute; left: -12px; top: 11px; font-size: 12px; } .five_l { width: 480px; float: left; border-bottom: 3px solid #ccc; height: 565px; overflow: hidden; } .five ul { margin-top: 20px; } .five_l .f1 { margin-bottom: 5px; } .five .f1 img { width: 480px; height: 240px; } .five .f1 h4 { width: 480px; height: 40px; line-height: 40px; overflow: hidden; font-size: 18px; } .five .f1 p { font-size: 14px; line-height: 1.8em; height: 50px; overflow: hidden; } .five .f2 { line-height: 35px; height: 35px; overflow: hidden; } .five .f2:before { content: ""; display: block; width: 5px; height: 5px; background: #999; border-radius: 50%; float: left; margin-top: 15px; } .five .f2:hover:before { background: #e62129; } .five .f2 a { display: block; padding-left: 15px; font-size: 15px; float: left; width: 460px; } .five_r { width: 480px; float: right; } .five_r li.f1s { border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 10px; } .five_r .f1s h4 { height: 50px; line-height: 50px; overflow: hidden; font-size: 22px; } .five_r .f1s p { line-height: 1.8em; height: 75px; overflow: hidden; } .five .f2s { line-height: 35px; height: 35px; overflow: hidden; } .five .f2s:after { content: ">"; display: block; width: 15px; height: 15px; border-radius: 50%; float: right; line-height: 15px; text-align: center; margin-top: 10px; color: #ccc; } .five .f2s:hover:after { border: 1px solid #e62129; } .five .f2s:hover:before { background: #e62129; } .five .f2s a { display: block; font-size: 15px; float: left; width: 430px; overflow: hidden; } .five_r ul { margin-top: 20px; height: 361px; overflow: hidden; } .five_r ol { margin-top: 15px; } .five_r img { max-width: 100%; height: 110px; display: block; } /**/ .six { margin-top: 50px; position: relative; padding-top: 50px; height: 565px; box-sizing: border-box; } .six_img { position: absolute; top: 0px; left: 0px; width: 100%; z-index: -1; height: 565px; } .six_img img { width: 100%; height: 100%; } .six .text h1 { color: #fff; } .six .text h2 { color: #fff; } .six_m { width: 820px; height: 320px; margin: 50px auto 0; border: 2px solid #999; } .six_m img { width: 820px; height: 320px; } /**/ .sever { padding: 50px 0; background: #f2f3f7; } .sever_text { text-align: center; position: relative; margin-bottom: 20px; } .sever_text:after { border-top: 1px solid #ccc; display: block; content: ""; position: absolute; top: 28px; left: 0px; width: 374px; height: 1px; } .sever_text:before { border-top: 1px solid #ccc; display: block; content: ""; position: absolute; top: 28px; right: 0px; width: 374px; height: 1px; } .sever_text h1 { font-size: 30px; font-weight: bold; margin: auto; width: 250px; overflow: hidden; height: 50px; line-height: 50px; } .sever_m { width: 1000px; margin: 0 auto 0px; } .sever_m { padding: 0px 10px 0px 0px; box-sizing: border-box; width: 1000px; margin: auto; border: 1px solid #ccc; } .sever_ul h1 { height: 50px; line-height: 50px; width: 120px; font-size: 16px; font-weight: bold; text-align: center; float: left; border-right: 1px solid #ccc; color: #666; } .sever_m ul { float: left; width: 835px; } .sever_m li { float: left; line-height: 50px; margin: 0px 10px; color: #666; } /*内页*/ .main_m { width: 1000px; margin: auto; padding-bottom: 30px; } .fxdm { height: 20px; margin-left: 20px; } .fxdm span { float: left; font-size: 12px; } .text_h1 { border-bottom: 2px solid #ccc; height: 35px; width: 1000px; margin: 30px auto 0; } .text_h1 .h1 { display: inline-block; height: 35px; line-height: 35px; font-size: 18px; position: relative; background: url(/uploads/image/snimages/t_line.jpg) repeat-x; padding: 0px 10px 0px 10px; border-left: 2px solid #ccc; float: left; font-weight: bold; } .text_h1 .h1:after { content: ""; display: block; background: url(/uploads/image/snimages/t_jt.png) no-repeat; height: 36px; width: 8px; position: absolute; right: -3px; top: 0px; } .text_h1 .back { float: right; line-height: 35px; width: 52px; height: 16px; float: right; background: #000; display: block; border-radius: 15px; text-align: center; line-height: 16px; margin-top: 11px; font-size: 12px; } .text_h1 .more { float: right; line-height: 47px; height: 35px; } .main_img img { width: 100%; height: 100%; display: block; } /*左侧导航*/ .main_nav { width: 240px; float: left; margin-top: 36px; } .main_nav .nav_a h1 { display: block; font: 24px "microsoft yahei"; text-align: center; line-height: 79px; overflow: hidden; height: 79px; background: #174b85; border-radius: 5px 0px 0px 0px; } .main_nav1 { margin: 0px auto 10px; width: 240px; } .main_ul { border-top: 3px solid #999; margin-top: 2px; } .main_ul li { line-height: 50px; margin: 5px 0px; position: relative; background: no-repeat; } .main_ul li a { padding-left: 30px; font-size: 18px; transition: all 0.3s; width: 240px; box-sizing: border-box; display: block; } .main_li { width: 240px; margin: auto; display: none; } .main_li li { width: 240px; font: 14px "microsoft yahei"; margin: 1px auto; height: 39px; line-height: 39px; overflow: hidden; background: #f4f4f4; } .main_li li a { display: inline-block; text-align: center; font-size: 14px; color: #000; padding-left: 0px; } .main_ul li:hover .main_li { display: block; } .main_ul li a:hover { transition: all 0.3s; background: no-repeat; } .main_li li a:hover { background: none; } .main_ul li .cur { background: no-repeat; } .main_nav2 { margin-bottom: 20px; } .main_nav2 ul { margin-top: 10px; } .main_nav2 li { height: 30px; line-height: 30px; border-bottom: 1px dashed #363636; overflow: hidden; padding: 0px 10px; } .main_nav2 li a { font-size: 12px; } .main_nav3 { margin-bottom: 10px; } .main_nav3 li { width: 220px; margin: 6px auto; } .main_nav3 ul { margin-top: 20px; } .main_nav3 li img { width: 220px; height: 150px; display: block; margin: auto; } .main_nav3 li h4 { width: 220px; height: 30px; line-height: 30px; overflow: hidden; font-size: 12px; text-align: center; } .main_nav4 ul { margin-top: 10px; } .main_nav4 img { max-width: 100%; } .main_navs { margin: 20px 0px; } .main_navs ul li { float: left; text-align: center; width: 140px; font-size: 14px; border: 1px solid #ccc; position: relative; margin: 0px 10px 10px; } /**/ .main_navs a { display: block; line-height: 40px; } /**/ .main_navs .article_u { width: 140px; display: none; position: absolute; top: 40px; z-index: 10000; background: #fff; } .main_navs .article_u li { height: auto; margin: 0px; } .main_navs .article_u a { width: 140px; display: block; border: 1px solid #fff; padding: 0px; box-sizing: border-box; } /**/ .main_navs li:hover .article_u { display: block; } /*路径*/ .main_top { font: 14px "microsoft yahei"; height: 56px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; line-height: 56px; overflow: hidden; } .main_tops { height: 56px; line-height: 56px; width: 1000px; margin: auto; padding-left: 35px; text-align: right; } .main_top .back { width: 52px; height: 16px; float: right; background: #000; display: block; border-radius: 15px; text-align: center; line-height: 16px; margin-top: 11px; font-size: 12px; } .main_top .back:hover { background: #f76f0c; } /*product*/ .product_m { float: right; width: 710px; margin-top: 20px; } .product_m ul { margin-top: 10px; } .product_m li { width: 710px; border-bottom: 5px solid #e1e1e1; margin-bottom: 30px; height: 355px; position: relative; } .product_m li img { width: 434px; height: 302px; display: block; float: left; } .product_m li div { width: 245px; float: left; margin-left: 18px; } .product_m li h1 { font-size: 20px; display: block; overflow: hidden; height: 50px; line-height: 50px; } .product_m li p { font-size: 13px; height: 185px; line-height: 1.8em; overflow: hidden; } .product_m li div b { width: 95px; height: 30px; margin-top: 15px; display: block; border: 1px solid #ccc; text-align: center; line-height: 30px; position: relative; float: right; } .product_m li div b:before { content: " "; position: absolute; width: 15px; height: 15px; line-height: 15px; text-align: center; right: -8px; top: 7px; background: #fff; font-weight: bold; font-size: 16px; } .product_m li .red { font-style: normal; width: 35px; height: 35px; line-height: 35px; background: #b8b8b8; font-size: 25px; display: block; text-align: center; top: 0px; left: 0px; position: absolute; } .product_m li span { border-bottom: 1px solid #ccc; width: 100%; height: 35px; margin-bottom: 10px; display: block; line-height: 35px; width: 705px; } .product_m li span a { margin-left: 35px; display: inline-block; height: 35px; line-height: 35px; font-size: 18px; position: relative; background: url(/uploads/image/snimages/t_line.jpg) repeat-x; padding: 0px 10px 0px 10px; } .product_m li span a:after { content: ""; display: block; background: url(/uploads/image/snimages/t_jt.png) no-repeat; height: 36px; width: 8px; position: absolute; right: -3px; top: 0px; } /**/ /*product_content*/ #preview { position: relative; width: 620px; float: left; overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; padding-top: 30px; box-sizing: border-box; } .page_desc { width: 1000px; border: 1px solid #ccc; margin: 70px auto 70px; } #preview .prev { background: url(/uploads/image/snimages/left.gif) no-repeat 0 center; left: 11px; } #preview .next, #preview .prev { display: block; overflow: hidden; position: absolute; z-index: 101; top: 423px; width: 10px; height: 45px; color: rgba(0, 0, 0, 0); } #preview .slides_container { height: 375px !important; overflow: hidden; width: 620px; margin-bottom: 5px; margin: auto; } #preview .next { background: url(/uploads/image/snimages/right.gif) no-repeat right center; left: 595px; } #preview .paging { left: 22px; padding: 5px; width: 566px; position: relative; top: 0px; height: 65px; overflow: hidden; } #preview .paging li { float: left; height: 60px; margin: 5px 9px 0px; width: 60px; border: 1px solid #ccc; } #preview .paging a { width: 100%; height: 100%; } .slides_control { width: 100% !important; height: 100% !important; left: 0px !important; } #preview .slides_container img { left: 0px !important; width: 620px; height: 375px; } .product_text { float: right; width: 380px; overflow: hidden; height: 405px; padding: 30px; box-sizing: border-box; } .product_text h1 { display: block; font: 26px "microsoft yahei"; font-weight: bold; height: 50px; overflow: hidden; line-height: 50px; } .product_text p { display: block; font: 14px "microsoft yahei"; line-height: 30px; } .product_item { width: 1000px; box-sizing: border-box; position: relative; padding: 0px 25px 20px; } /**/ .product_content { line-height: 2em; } .product_content img { max-width: 100%; display: block; } /**/ .product_xw { box-sizing: border-box; width: 1000px; margin: 20px auto 0; height: 927px; overflow: hidden; } .product_xw_text { height: 41px; line-height: 35px; background: #fff; padding-bottom: 25px; } .product_xw_text h1 { border-left: 7px solid #000; font-size: 20px; padding-left: 10px; font-weight: bold; float: left; } .product_xw_text h2 { border-right: 7px solid #000; font-size: 18px; padding-left: 10px; padding-right: 10px; float: left; line-height: 40px; } .product_xw .p1 { height: 490px; background: #d50c0c; } .product_xw .p1 img { height: 490px; width: 660px; float: left; } .product_xw .p1 div { width: 285px; float: right; margin-right: 25px; padding-top: 33px; } .product_xw .p1 h1 { width: 285px; height: 50px; line-height: 50px; overflow: hidden; font-size: 20px; } .product_xw .p1 p { height: 250px; overflow: hidden; line-height: 1.8em; } .product_xw .p1 b { height: 35px; width: 111px; display: block; border: 1px solid #fff; border-radius: 40px; line-height: 35px; text-align: center; margin-top: 10px; } .product_xw .p2 { width: 320px; float: left; margin: 12px 6px 0px; position: relative; } .product_xw .p2 img { width: 320px; height: 217px; overflow: hidden; } .product_xw .p2 div { width: 320px; background: #f0f0f0; padding: 20px; box-sizing: border-box; height: 139px; } .product_xw .p2 h1 { background: url(/uploads/image/snimages/proshow_105.jpg) 11px 5px no-repeat; padding-left: 36px; margin-bottom: 10px; font-size: 18px; overflow: hidden; height: 25px; } .product_xw .p2 p { color: #5b5b5b; line-height: 1.5em; height: 63px; overflow: hidden; } .product_xw .p2:nth-child(3) div { position: absolute; top: 0px; } .product_xw .p2:nth-child(3) img { position: absolute; top: 139px; } /**/ .product_gd { width: 1000px; margin: 30px auto 0px; position: relative; border: 3px solid #000; height: 276px; } .product_gd_text { background: no-repeat; width: 234px; height: 276px; float: left; text-align: center; } .product_gd_text h1 { height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; width: 200px; margin: 95px auto 0; } .product_gd_text h2 { height: 30px; line-height: 30px; overflow: hidden; font-size: 25px; width: 200px; margin: 10px auto 0; } .product_gd_b { width: 660px; float: left; margin-left: 55px; margin-top: 55px; } .product_gd_b li { width: 209px; float: left; margin: 0px 5px; } .product_gd_b li img { width: 209px; height: 153px; display: block; } .product_gd_b li h1 { width: 209px; height: 30px; text-align: center; overflow: hidden; font-size: 16px; line-height: 30px; } .product_gd_a, .product_gd_c { position: absolute; width: 40px; height: 40px; background: #ccc; border-radius: 50%; text-align: center; line-height: 40px; font-size: 20px; top: 111px; left: 242px; } .product_gd_c { left: 949px !important; } .product_gd_a:hover, .product_gd_c:hover { background: #e62129; } .product_gdgd { width: 1000px; margin: 0px auto 30px; position: relative; background: #f0f0f0; padding-bottom: 50px; } .product_gdgd_b { width: 920px; margin: 50px auto 0; } .product_gdgd_b li { width: 280px; float: left; background: #fff; margin: 0px 13px; } .product_gdgd_b img { width: 280px; height: 180px; display: block; } .product_gdgd_b li h1 { width: 240px; margin: 0px auto; height: 50px; line-height: 50px; font-size: 18px; overflow: hidden; } .product_gdgd_b li p { width: 240px; margin: 0px auto; height: 50px; line-height: 1.8em; overflow: hidden; } .product_gdgd_b li b { width: 95px; height: 30px; margin-top: 15px; display: block; border: 1px solid #ccc; text-align: center; line-height: 30px; position: relative; float: right; margin-right: 22px; margin-bottom: 15px; } .product_gdgd_b li b:before { content: " "; position: absolute; width: 15px; height: 15px; line-height: 15px; text-align: center; right: -8px; top: -8px; background: #fff; font-weight: bold; font-size: 16px; } .product_gdgd_a, .product_gdgd_c { position: absolute; width: 50px; height: 50px; line-height: 50px; font-size: 50px; text-align: center; top: 249px; } .product_gdgd_c { right: 0px; } /**/ .main_next { margin-left: 20px; } .main_next .prevrecord, .main_next .nextrecord { margin: 5px 0px; display: block; } /*article*/ .article { width: 660px; float: left; margin-top: 36px; } .article li { position: relative; height: 45px; line-height: 45px; border-bottom: 1px #e5e5e5 dashed; margin-left: 68px; } .article li:after { content: ""; display: block; height: 45px; border-left: 1px solid #ccc; position: absolute; width: 1px; left: -39px; top: -26px; } .article li:before { content: ""; display: block; height: 10px; background: #d1d1d1; position: absolute; width: 10px; left: -43px; top: 18px; border-radius: 50%; z-index: 22; } .article li:nth-child(2):after { display: none; } .article li:nth-child(2):before, .article li:nth-child(3):before, .article li:nth-child(4):before { background: #ff7c00; } .article li span { float: right; color: #999; } .article li h1 { float: left; width: 485px; overflow: hidden; } .article li p { display: none; } .article li:nth-child(1) { border: none; margin-left: 0px; margin-bottom: 20px; height: 85px; } .article li:nth-child(1) h1 { float: left; font-size: 25px; height: 40px; line-height: 40px; overflow: hidden; } .article li:nth-child(1) h1:before { content: "头条"; width: 53px; height: 25px; text-align: center; line-height: 25px; display: block; float: left; background: #e62129; font-size: 16px; margin-top: 8px; margin-right: 10px; } .article li:nth-child(1) p { color: #999; line-height: 21px; padding-left: 68px; width: 557px; height: 45px; overflow: hidden; display: block; } .article li:nth-child(1) span { display: none; } .article li:nth-child(1):after { display: none; } .article li:nth-child(1):before { display: none; } /**/ .article_xw .pading { margin-bottom: 0px; } /**/ .article_xw { background: #eeeff4; padding: 30px 0; } .article_xw ul { margin: 30px auto 0; width: 1000px; } .article_xw ul li { width: 325px; float: left; background: #fff; margin: 0px 4px; } .article_xw ul img { width: 325px; height: 170px; display: block; } .article_xw ul li h1 { height: 30px; line-height: 30px; font-size: 17px; font-weight: bold; overflow: hidden; width: 300px; margin: auto; } .article_xw ul li p { line-height: 21px; height: 60px; overflow: hidden; width: 300px; margin: auto; } .article_xw ul li b { display: block; margin: 10px 20px; float: right; position: relative; } .article_xw ul li b:after { content: ''; display: block; border-left: 5px solid #e62129; border-top: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); border-bottom: 5px solid rgba(0, 0, 0, 0); position: absolute; left: -10px; top: 4px; } .article_xw ol { width: 1000px; margin: 30px auto 0; } .article_xw ol li { height: 40px; line-height: 40px; border-bottom: 1px #9d9da0 dotted; width: 480px; float: left; margin: 0px 10px; position: relative; overflow: hidden; } .article_xw ol li:before { height: 5px; border-radius: 50%; position: absolute; left: 6px; top: 18px; width: 5px; background: #e62129; content: ""; display: block; } .article_xw ol a { width: 370px; float: left; overflow: hidden; padding-left: 20px; } .article_xw ol span { float: right; color: #95908d; } .article_xws { width: 1000px; margin: 30px auto 30px; } .article_xws ul { float: left; border: 1px #e1e1df solid; width: 323px; height: 459px; margin-right: 12px; margin-top: 30px; overflow: hidden; } .article_xws ul li img { width: 323px; height: 169px; display: block; } .article_xws ul h1 { font-size: 15px; height: 40px; line-height: 40px; overflow: hidden; width: 300px; margin: auto; } .article_xws ul p { width: 300px; margin: 0px auto; font-size: 13px; border-bottom: 1px #ebebeb solid; height: 65px; line-height: 23px; color: #797979; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; } .article_xws ul .xw2 { width: 280px; margin: auto; height: 30px; line-height: 30px; overflow: hidden; } .article_xws ol { float: left; width: 323px; height: 459px; margin-top: 30px; overflow: hidden; } .article_xws ol img { max-width: 100%; max-height: 100%; display: block; } /*article_content*/ .article_content { width: 710px; margin: 20px auto 0; padding: 10px 0; box-sizing: border-box; float: left; } .article_text { height: 40px; font: 24px "microsoft yahei"; text-align: center; line-height: 40px; overflow: hidden; } .article_content .info { height: 35px; font: 14px "microsoft yahei"; line-height: 35px; margin-bottom: 10px; text-align: center; color: #aaa; } .article_content .info span { height: 35px; font: 14px "microsoft yahei"; line-height: 35px; margin-bottom: 10px; color: #aaa; } .article_content .detail { font-size: 14px; line-height: 22px; padding: 20px 20px; word-spacing: 10px; } .article_content .detail img { max-width: 100%; display: block; } /*上下键*/ .pading { float: right; margin-top: 10px; margin-bottom: 10px; } .pading span { padding: 3px 8px; border: 1px solid #ccc; display: block; float: left; margin: 0px 2px; } .pading a { padding: 3px 8px; border: 1px solid #ccc; display: block; float: left; margin: 0px 1px; } .pading .current { border: none; padding: 3px 8px; border: 1px solid #0e4f99; background: #0e4f99; } /*page*/ .page_c { width: 1000px; padding: 20px; overflow: hidden; box-sizing: border-box; } .page_c img { max-width: 100%; display: block; } /*footer*/ .footer { width: 100%; display: block; background: #262729; position: relative; color: #9b9b9b; padding: 20px 0 10px; } .footer_m { width: 1000px; margin: auto; } .footer_img { width: 180px; height: 180px; overflow: hidden; float: left; } .footer_img img { width: 180px; height: 180px; display: block; } .footer_line { width: 780px; overflow: hidden; text-align: left; padding-top: 10px; color: #d7d7d7; float: right; font: 14px "microsoft yahei"; line-height: 26px; } .footer_nav { height: 40px; overflow: hidden; border-top: 1px solid #505664; font: 14px "microsoft yahei"; line-height: 40px; margin-top: 20px; margin-bottom: 20px; } .footer_nav li { display: inline-block; line-height: 38px; padding: 0px 11px; } .footer_nav li:hover { border-bottom: 2px solid #e62129; } .footer a { font: normal 12px/20px "microsoft yahei"; color: #9b9b9b; } /*相关产品相关文章开始*/ .relevant { width: 100%; clear: both; margin-top: 20px; margin-bottom: 20px; } .relevant .rel_title { margin-bottom: 0; height: 40px; line-height: 40px; font-size: 14px; background: #1d1c1c; text-indent: 10px; color: #fff !important; } .relevant .rel_content { padding: 10px; overflow: hidden; } /*相关产品*/ .relevant_product .rel_item { width: 122px; float: left; margin: 0 5px 10px 5px; } .relevant_product .rel_item .rel_item_img { width: 100%; height: 90px; } .relevant_product .rel_item .rel_item_title { width: 100%; height: 30px; line-height: 30px; text-align: center; display: inline-block; overflow: hidden; color: #000 !important; } /*相关文章*/ .relevant_article .rel_item { width: 100%; height: 35px; line-height: 35px; border-bottom: 1px dashed #59504d; overflow: hidden; } .relevant_article .rel_item .rel_item_time { float: right; color: #999; } .relevant.relevant_article a { color: #000!important; } /*lamp*/ .lamp_main { background: #f6f6f6; padding-bottom: 20px; margin-bottom: 30px; } .lamp_one { position: relative; height: 535px; } .lamp_one_img { position: absolute; top: 0px; left: 0px; height: 350px; width: 100%; } .lamp_one_img img { width: 100%; height: 100%; display: block; } .lamp_one_m { width: 1000px; height: 247px; background: #fff; margin: 0px auto 0; overflow: hidden; z-index: 555; position: relative; top: 280px; line-height: 1.5em; padding-right: 20px; box-sizing: border-box; } .lamp_one_m img { width: 218px; height: 236px; float: left; margin-right: 20px; } .lamp_two { width: 1000px; margin: 20px auto 0; background: #fff; padding: 20px; box-sizing: border-box; } .lamp_two_text { background: no-repeat; width: 100%; height: 43px; position: relative; } .lamp_two_text h1 { display: inline-block; padding-left: 43px; font: 24px "microsoft yahei"; line-height: 43px; font-weight: bold; float: left; } .lamp_two_text h2 { font: 18px arial, helvetica, sans-serif; padding-left: 10px; float: left; line-height: 54px; } .lamp_two_text .more { position: absolute; right: 0px; bottom: 0px; } .lamp_two ul { margin-top: 30px; } .lamp_two li { width: 300px; float: left; height: 375px; overflow: hidden; display: inline-block; margin: 0 10px 10px; } .lamp_two li img { width: 300px; height: 226px; display: block; } .lamp_two li h1 { display: block; font: 16px "microsoft yahei"; height: 41px; line-height: 41px; overflow: hidden; float: left; overflow: hidden; width: 100%; } .lamp_two li h1:before { content: " "; display: block; width: 17px; height: 17px; border: 1px solid #e62129; text-align: center; line-height: 17px; float: left; margin-right: 10px; margin-top: 12px; } .lamp_two li p { height: 66px; border: 1px solid #e3e3e3; border-bottom: 4px solid #cfcfcf; background: #f7f7f7; font: 14px "microsoft yahei"; line-height: 24px; padding: 10px 10px 10px 10px; overflow: hidden; } /**/ .lamp_twos { width: 1000px; margin: 20px auto 0; background: #fff; padding: 20px; box-sizing: border-box; } .lamp_twos .lamp_two_text { background: no-repeat; } .lamp_twos ul { clear: both; margin-top: 30px; padding-top: 10px; } .lamp_twos li { width: 308px; height: 387px; float: left; overflow: hidden; margin: 0 12px 12px 0; position: relative; } .lamp_twos li img { border: 1px solid #e3e3e3; width: 306px; height: 385px; } .lamp_twos li h1 { display: block; font: 14px "microsoft yahei"; height: 36px; line-height: 36px; text-align: center; overflow: hidden; width: 308px; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.5); } .lamp_twom { clear: both; } .lamp_twom > a > h1 { height: 40px; font: 24px "microsoft yahei"; overflow: hidden; line-height: 40px; width: 800px; float: left; } .lamp_twom > a > h1:before { content: " "; display: block; width: 20px; height: 20px; border: 1px solid #e62129; text-align: center; line-height: 17px; float: left; margin-right: 10px; margin-top: 9px; } .lamp_twom .more { float: right; width: 68px; line-height: 40px; } .container { width: 1000px; margin: auto; } .flink { background: #262729; color: #fff; border-top: 1px solid #fff; line-height: 40px; } .flink_t { float: left; margin-right: 10px; } .flink_c a { display: inline-block; margin: 0 5px; color: #fff; }