@charset "utf-8"; p { margin: 0; } .w1920 { width: 1920px; position: relative; left: 50%; margin-left: -960px; } .w1200 { width: 1200px; margin: 0 auto; } .fl { float: left; } .fr { float: right; } .h-header .wel { background: #eeeeee; font-size: 14px; line-height: 28px; color: #7d7d7d; } .h-header .wel a { color: #7d7d7d; } .top_bg .logo { line-height: 120px; } .top_bg .top-ad { line-height: 120px; margin-left: 20px; } .top_bg .top_phone { background: url(../images/tel.png) no-repeat left center; font-size: 18px; color: #001b8f; padding-left: 62px; line-height: 28px; margin-top: 30px; } .menu { background: #353535; height: 71px; } .x-menu { float: none; } .x-menu > li { background: url(../images/navli.png) no-repeat right center; margin: 0; width: 170px; } .x-menu > li:last-child { background: none; } .x-menu > li > a { line-height: 71px; color: #ffffff; font-size: 16px; padding: 0; text-align: center; } .x-menu > li > a:hover { background: #001b8f; color: #fff; font-weight: bold; } .x-sub-menu { top: 71px; } /* 搜索 */ .ss { height: 66px; background: #f6f6f6; } .hotSearch { float: left; line-height: 66px; color: #393939; font-size: 14px; } .hotSearch a { color: #686868; display: inline-block; margin-right: 6px; } #formsearch { float: right; width: 263px; height: 44px; margin-top: 13px; background: url(../images/ss.png) no-repeat top center; } #formsearch input { background: none; outline: none; border: none; height: 44px; line-height: 44px; float: left; } #formsearch #keyword { padding-left: 10px; } #formsearch #s_btn { width: 31px; height: 44px; float: right; } .ad1 { margin-top: 74px; } .ad1 .ad1-list { margin: 0 -55px; } .ad1 .ad1-list li { float: left; background: url(../images/ad1.png) no-repeat top center; height: 146px; width: 152px; text-align: center; margin: 0 55px; position: relative; } .ad1 .ad1-list li::before { content: ""; position: absolute; right: -60px; top: 70px; background: url(../images/t1.png) no-repeat top center; height: 10px; width: 11px; } .ad1 .ad1-list li:last-child::before { display: none; } .ad1 .ad1-list li img { margin-top: 42px; } .ad1 .ad1-list li h3 { font-size: 16px; color: #fff; } .product-list { display: none; } .bj1 { background: url(../images/bj1.jpg) no-repeat top center; height: 1189px; overflow: hidden; margin-top: 88px; } .bj1 .product-index .title1 { text-align: center; font-size: 44px; color: #4c4c4c; font-weight: bold; } .bj1 .product-index .title1 p { font-size: 22px; color: #7f7f7f; font-weight: normal; padding-top: 10px; } .tab { text-align: center; margin-top: 60px; margin-bottom: 40px; } .tab li { display: inline-block; width: 137px; height: 40px; line-height: 40px; color: #454545; font-size: 16px; margin: 0 32px; } .tab li:last-child { background: #001b8f; height: 30px; width: 107px; line-height: 30px; } .tab li:last-child a { display: block; line-height: 30px; color: #fff; } .tab li.cur { background: #404040; color: #fff; } .tab-content { padding-top: 42px; position: relative; height: 527px; } .pro_1 img { width: 569px; height: 436px; } .pro_1 h4 { background: #001b8f; height: 48px; color: #fff; line-height: 48px; font-size: 19px; text-align: center; } .wenzi { background: #fff; width: 600px; } .pro_list_title1 { box-shadow: 0px 1px 15.48px 2.52px rgba(154, 154, 154, 0.17); border: 1px solid #eeeeee; width: 600px; height: 325px; overflow: hidden; } .pro_list_title1 h1 { background: url(../images/t2.png) no-repeat left center; height: 45px; color: #fff; font-size: 20px; width: 104px; text-align: center; line-height: 45px; margin-top: 26px; } .pro_list_title1 h2 { font-size: 14px; color: #8b8b8b; line-height: 25px; font-weight: normal; padding: 0 36px; padding-top: 35px; } .pro_list_title1 .btn_t { font-size: 14px; color: #001b8f; border: 1px solid #001b8f; width: 106px; height: 30px; line-height: 30px; text-align: center; float: right; margin-right: 36px; margin-top: 42px; } .tuu { position: absolute; right: 0; bottom: 0; } .tuu .pro_2 { margin-right: 3px; } .tuu2 { position: absolute; right: 190px; bottom: 0; } .tuu3 { position: absolute; right: 393px; bottom: 0; } .pro_2 { width: 191px; height: 144px; float: left; overflow: hidden; text-align: center; box-shadow: 0px 1px 15.48px 2.52px rgba(154, 154, 154, 0.17); margin-right: 15px; } .pro_2 img { width: 100%; } .pic { position: relative; margin-top: 61px; } .pic .bd { width: 1200px; margin: 0 auto; overflow: hidden; } .pic .bd ul li { float: left; width: 322px; margin: 0 9px; } .pic .bd ul li img { width: 322px; height: 210px; } .pic .bd ul li h2 { background: #969696; height: 40px; } .pic .bd ul li h2 a { display: block; line-height: 40px; color: #fff; font-size: 14px; text-align: center; } .pic .bd ul li:hover { box-shadow: 0px 2px 46px 0px rgba(91, 91, 91, 0.21); } .pic .bd ul li:hover h2 { background: #001b8f; } .ad-bg { background: url(../images/bj2.jpg) no-repeat top center; height: 204px; overflow: hidden; } .ad-bg .ad-index { padding-top: 62px; } .ad-bg .ad-index .adleft .tt1 { color: #fff; font-size: 20px; } .ad-bg .ad-index .adleft .tt2 { width: 636px; height: 47px; background: #fff; border-radius: 30px; font-size: 20px; color: #4c4c4c; text-align: center; line-height: 47px; margin-top: 10px; } .ad-bg .ad-index .adleft .tt2 b { color: #001b8f; font-size: 24px; } .ad-bg .ad-index .adright { color: #fff; font-size: 22px; } .ly { background: url(../images/bj3.jpg) no-repeat top center; height: 560px; overflow: hidden; } .ly .ly-index { padding-top: 67px; } .ly .ly-index .lyleft { margin-top: 110px; } .ly .ly-index .lyleft h2 { font-size: 36px; color: #fff; font-weight: bold; } .ly .ly-index .lyleft h3 { font-size: 18px; color: #fff; padding-top: 16px; } .ly .ly-index .lyleft .more { background: url(../images/more.png) no-repeat top center; height: 53px; width: 312px; margin-top: 42px; } .ly .ly-index .lyleft .more a { display: block; font-size: 16px; color: #5e5e5e; padding-left: 26px; line-height: 53px; } .ly .ly-index .lyright { width: 728px; } .ly .ly-index .lyright .lyright-list li { float: left; width: 355px; height: 203px; background: #fff; text-align: center; margin-bottom: 9px; margin-left: 9px; } .ly .ly-index .lyright .lyright-list li img { width: 65px; height: 65px; margin-top: 20px; } .ly .ly-index .lyright .lyright-list li h2 { color: #001b8f; font-size: 16px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; } .ly .ly-index .lyright .lyright-list li p { font-size: 14px; color: #8a8a8a; line-height: 24px; } .case-index { margin-top: 122px; } .case-index .tit { text-align: center; font-weight: bold; font-size: 40px; color: #393939; } .case-index .tit p { font-weight: normal; font-size: 22px; color: #7f7f7f; margin-top: 5px; } .case-index .con { margin-top: 30px; border: 1px solid #c2c2c2; } .case-index .con .caseleft { width: 600px; } .case-index .con .caseright { width: 598px; } .case-index .con .caseright .case1 { border-bottom: 1px solid #c2c2c2; height: 298px; padding: 56px; } .case-index .con .caseright .case1 p { font-size: 16px; color: #5a5a5a; } .case-index .con .caseright .case1 p:nth-of-type(1) { font-size: 20px; color: #323205; font-weight: bold; margin-bottom: 20px; } .case-index .con .caseright .case1 p a { width: 108px; height: 30px; background-color: #001b8f; display: block; color: #fff; line-height: 30px; text-align: center; margin-top: 58px; } .pic2 { position: relative; margin-top: 34px; } .pic2 .hd a { display: block; width: 24px; height: 67px; position: absolute; top: 42px; cursor: pointer; } .pic2 .hd a.prev { background: url(../images/left.png) no-repeat; left: 0; } .pic2 .hd a.next { background: url(../images/right.png) no-repeat; right: 0; } .pic2 .bd { width: 516px; margin: 0 auto; overflow: hidden; } .pic2 .bd ul li { float: left; width: 162px; height: 113px; margin: 0 5px; border: 1px solid #c2c2c2; } .pic2 .bd ul li img { width: 162px; height: 113px; } .about-bg { background: url(../images/bj4.jpg) no-repeat top center; height: 401px; margin-top: 163px; } .about-bg .about-index .aboutl { width: 544px; padding-top: 65px; padding-left: 10px; } .about-bg .about-index .aboutl b { font-size: 24px; color: #323232; } .about-bg .about-index .aboutl .ab { font-size: 16px; color: #949494; line-height: 32px; margin-top: 40px; } .about-bg .about-index .aboutl .more { width: 105px; height: 30px; border: 1px solid #001b8f; margin-top: 65px; } .about-bg .about-index .aboutl .more a { display: block; font-size: 14px; color: #001b8f; text-align: center; line-height: 30px; } .about-bg .about-index .aboutr { position: absolute; right: 290px; top: -32px; } .news-index { margin-top: 140px; } .news-index .tit { text-align: center; font-weight: bold; font-size: 40px; color: #393939; } .news-index .tit p { font-weight: normal; font-size: 22px; color: #7f7f7f; margin-top: 5px; } .news_index { position: relative; margin-top: 100px; } .news_index .rongyu { float: left; width: 292px; } .rongyu .ry_tit { position: relative; background: url(../images/pro_rr_tit_bg.png) no-repeat left bottom; padding-bottom: 16px; margin-bottom: 26px; line-height: 22px; } .rongyu .ry_tit h3 { color: #024683; font-size: 18px; font-family: "Microsoft Yahei"; font-weight: normal; line-height: 21px; background: url(../images/ryzz.png) no-repeat left center; padding-left: 25px; } .rongyu .ry_tit a { position: absolute; right: 0px; top: 0px; font-size: 15px; color: #929292; } .rongyu .rongyu_nr { background: #f4f4f4; height: 418px; } .rongyu_nr li { padding-top: 24px; width: 237px; margin: 0 28px; } .rongyu_nr li a { display: block; } .rongyu_nr li a img { width: 237px; height: 337px; } .rongyu_nr li a h3 { text-align: center; padding-top: 15px; font-weight: normal; font-size: 15px; color: #333333; font-family: "Microsoft Yahei"; } .news_index .news_qie { margin-left: 50px; position: relative; float: left; width: 445px; } .news_qie .news_qie_tit { position: relative; background: url(../images/pro_rr_tit_bg.png) no-repeat left bottom; padding-bottom: 12px; margin-bottom: 25px; } .news_qie_tit::before { position: absolute; left: 125px; top: 6px; background: url(../images/nn_jian.png) no-repeat center center; content: ""; display: block; width: 2px; height: 14px; } .news_qie_tit li { float: left; font-size: 18px; color: #333333; margin-right: 60px; padding-left: 25px; cursor: pointer; list-style: none; } .news_qie_tit li:hover, .news_qie_tit li.on { color: #024683; } .news_qie_tit li:nth-child(1) { background: url(../images/nn1.png) no-repeat left center; } .news_qie_tit li.on:nth-child(1) { background: url(../images/nn1h.png) no-repeat left center; } .news_qie_tit li:nth-child(2) { background: url(../images/nn2.png) no-repeat left center; } .news_qie_tit li.on:nth-child(2) { background: url(../images/nn2h.png) no-repeat left center; } .news_qie_tit a { position: absolute; right: 0px; top: 5px; font-size: 15px; color: #929292; } /*新闻内容*/ .news_nn { position: relative; } .news_kk { position: relative; } .news_kk li { border-bottom: 1px solid #eeeeee; padding-bottom: 10px; } .news_kk li a.img { display: block; } .news_kk li a.img img { width: 444px; height: 158px; } .news_kk li h3 { font-size: 15px; color: #333333; padding: 10px 0; } .news_kk li h3 a { font-size: 16px; color: #333333; font-family: "Microsoft Yahei"; font-weight: bold; } .news_kk li span { display: block; font-size: 14px; color: #666666; line-height: 25px; } .news_hh { position: relative; } .news_hh li { line-height: 49px; border-bottom: 1px solid #eeeeee; position: relative; } .news_hh li a { display: block; font-size: 14px; color: #666666; } .news_hh li span { position: absolute; right: 0px; top: 0px; color: #7a7979; font-size: 15px; } /*news_gun*/ .news_gun { float: right; width: 360px; } .news_gun_tit { height: 72px; background: #001b90; position: relative; } .news_gun_tit h3 { color: #fff; line-height: 72px; font-size: 18px; font-weight: normal; padding-left: 60px; background: url(../images/mao.png) no-repeat 14px center; } .news_gun_tit a { position: absolute; right: 10px; top: 0px; font-size: 15px; color: #f3f3f3; display: block; line-height: 72px; } .news_gun_nr { background: #f4f4f4; height: 400px; padding: 10px 15px 0; } .news_gun_nr .gun_list { position: relative; } .gun_list li { position: relative; padding: 12px 0; } .gun_list li a { line-height: 30px; padding-left: 30px; background: url(../images/wen.png) left center no-repeat; display: block; font-size: 14px; color: #333333; font-weight: bold; } .gun_list li a:hover { text-decoration: none; color: #0f51bb; } .gun_list span { background: url(../images/da.png) left 3px no-repeat; padding-left: 30px; font: 400 14px/22px "Microsoft Yahei"; margin-top: 5px; color: #525252; display: block; } #kehu { overflow: hidden; height: 390px; margin: 0 auto; position: relative; } #jian { height: 100%; } .link { margin: 10px 0; } .foot-bg { background: #2d2e2f; padding-top: 50px; } .foot-bg .foot-index .foot1 { width: 176px; } .foot-bg .foot-index .foot1 dl dt { font-size: 14px; color: #ffffff; font-weight: normal; padding-bottom: 5px; } .foot-bg .foot-index .foot1 dl dd a { display: block; font-size: 14px; color: #adadad; line-height: 32px; } .foot-bg .foot-index .foot2 { width: 142px; } .foot-bg .foot-index .foot2 dl dt { font-size: 14px; color: #ffffff; font-weight: normal; padding-bottom: 5px; } .foot-bg .foot-index .foot2 dl dd a { display: block; font-size: 14px; color: #adadad; line-height: 32px; } .foot-bg .foot-index .ct h2 { font-size: 14px; color: #fff; padding-bottom: 10px; padding-left: 28px; } .foot-bg .foot-index .ct .con { font-size: 14px; color: #adadad; line-height: 32px; } .foot-bg .foot-index .ct .con p { padding-left: 30px; } .foot-bg .foot-index .ct .con p:nth-of-type(1) { background: url(../images/f1.png) no-repeat left center; } .foot-bg .foot-index .ct .con p:nth-of-type(2) { background: url(../images/f2.png) no-repeat left center; } .foot-bg .foot-index .ct .con p:nth-of-type(3) { background: url(../images/f3.png) no-repeat left center; } .foot-bg2 { background: #2d2e2f; border-top: 1px solid #626262; padding: 10px 0; } .foot-bg2 .copyright { font-size: 14px; color: #a3a3a3; text-align: center; } .foot-bg2 .copyright a { font-size: 14px; color: #a3a3a3; }