*{ font-family:微软雅黑!important;} .banner { position: relative; overflow: auto; text-align: center; } .banner li { list-style: none; } .banner ul li { float: left; } #b04 { width: 640px; } #b04 .dots { position: absolute; left: 0; right: 0; bottom: 20px; } #b04 .dots li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; } #b04 .dots li.active { background: #fff; opacity: 1; } #b04 .arrow { position: absolute; top: 200px; } #b04 #al { left: 15px; } #b04 #ar { right: 15px; } .wrapper { width: 1100px; margin-left: auto; margin-right: auto; } .header_top { height: 44px; line-height: 44px; text-align: right; overflow: hidden; } .h_t_r { display: inline-block; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .language a { padding: 0 18px; color: #1f1f1f; } a { color: #000; text-decoration: none!important; } .language a:first-child { border-right: 1px solid #cccccc; } .language a:nth-child(2) { border-right: 1px solid #cccccc; } .header_bottom { height: 74px; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; overflow: hidden; } .clearfix { *zoom: 1; } .logo { float: left; height: 74px; vertical-align: middle; } .logo img { vertical-align: middle; max-height: 70px; width: auto; } .logo span { display: inline-block; vertical-align: middle; height: 100%; width: 0; } .nav { float: right; } .li1 { float: left; width: 80px; margin-left: 30px; } .li1:hover, .li1.cur, .li1.curs { background: #024182; } .li1:hover>a, .li1.cur>a, .li1.curs>a { color: #fff!important; } .li1>a { display: block; line-height: 74px; text-align: center; font-size: 14px; } .title { text-align: center; margin-top: 62px; overflow: hidden; margin-bottom: 60px; } .title h2 { font-size: 21px; font-weight: 500; letter-spacing: 2.5px; font-family:'黑体'; } .title p { color: #9fa0a0; font-size: 12px; display: inline-block; padding: 0 10px; background: #fff; position: relative; z-index: 9; } .title>span { position: relative; display: block; width: 272px; height: 1px; background: #c9caca; top: -10px; margin:0 auto; } .about_l { float: left; width: 427px; } .about_l img { width: 100%; } .about_r { float: right; width: 627px; font-size: 14px; letter-spacing: 0px; text-align: justify; line-height: 30px; color: #474646; } .about_box { overflow: hidden; } .more { display: block; margin: 50px auto 80px; width: 74px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #024182; color: #024182; } .products { background: #f7f7f7; overflow: hidden; } .products .title p { background: #f7f7f7; } .products_box { overflow: hidden; padding-bottom: 62px; } .products_box li { width: 255px; float: left; margin-right: 26px; transition: .2s; } .pb_t:hover .pb_tb { display: block; } .products_box li:nth-child(4n) { margin-right: 0; } .pb_t { height: 303px; overflow: hidden; background: #fff; position: relative; text-align: center; margin-bottom: 22px; } .pb_t>a { display: block; vertical-align: middle; } .pb_t>span { display: inline-block; vertical-align: middle; height: 100%; width: 0; } .pb_t img { vertical-align: middle; max-width: 100%; max-height: 100%; } .pb_tb { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(2, 65, 130, .6); display: none; } .pb_tb_b { display: inline-block; vertical-align: middle; text-align: center; color: #fff; font-size: 13px; line-height: 20px; } .pb_tb span { display: inline-block; vertical-align: middle; height: 100%; width: 0; } .pb_b { text-align: center; } .pb_b a { font-size: 14px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_box { overflow: hidden; } .news_l { width: 507px; float: left; margin-left: 16px; } .news_l_t { position: relative; height: 180px; margin-bottom: 8px; } .news_l_t img{ width:100%; height:100%; } .news_l_i { position: absolute; top: 15px; left: -16px; background: #024182; text-align: center; color: #fff; padding: 0px 15px 8px 15px; } .news_l_i>h2 { font-size: 40px; font-weight: normal; } .news_l_i>p { margin-top: -10px; } .ntitle { font-size: 14px; color: #000; } .news_l_b p { color: #727171; line-height: 20px; margin-top: 6px; margin-bottom: 22px; } .mores { display: block; color: #024182; } .news_r { width: 528px; float: right; } .news_r li { padding-bottom: 26px; border-bottom: 1px solid #dedfdf; margin-bottom: 26px; overflow: hidden; margin-top:-17px; } .n_l_l { width: 50px; float: left; text-align: center; color: #b5b5b6; } .n_l_r { width: 466px; float: right; } .n_l_l h2 { font-size: 40px; font-weight: normal; } .n_l_l p { margin-top: -10px; } .n_l_r a { display: block; margin-top: 12px; font-size: 14px; font-weight:bold; } .n_l_r p { color: #727171; line-height: 16px; } .partner_box ul { text-align: center; } .partner_box li { border: 1px solid #e7e8ea; display: inline-block; vertical-align: middle; width: 160px; height: 80px; vertical-align: middle; text-align: center; margin: 0 10px 20px; } .partner_box li:first-child { margin-left: 0; } .partner_box li:nth-child(6n) { margin-right: 0!important; } .partner_box li span { display: inline-block; vertical-align: middle; height: 100%; width: 0; } .partner_box li img { max-height: 80px; max-width: 160px; } .ft { margin-top: 66px; background: #2c2f34; padding: 30px 0 24px; overflow: hidden; } .fb { background: #191b1f; line-height: 28px; text-align: center; color: #ababab; } .ftlist { float: left; width: 108px; } .ftlist dt { font-size: 14px; color: #c9caca; margin-bottom: 8px; } .ftlist dd { line-height: 20px; } .ftlist dd a { color: #9fa0a0; } .ftlist1 { float: right; } .ftlist1 .ftlist { width: 204px; } .ftlist1_r { float: left; margin-left: 16px; } .ftlist1_r img { width: 100px; } .cover { margin-bottom: 125px; } .aside { width: 268px; border: 1px solid #dddddd; float: left; } .aside li { height: 56px; line-height: 56px; border-bottom: 1px solid #dddddd; } .aside li a { display: block; text-indent: 15px; font-size: 18px; color: #595757; } .aside li:last-child { border-bottom: none; } .aside li.cur, .aside li:hover { background: #024182; } .aside li.cur a, .aside li:hover a { color: #fff; } .content { float: right; width: 776px; } .goods_index li { width: 250px; border: 1px solid #dddddd; float: left; margin-right: 10px; text-align: center; margin-bottom: 10px; } .goods_index li:nth-child(3n) { margin-right: 0; } .container { overflow: hidden; } .gi_t { overflow: hidden; text-align: center; } .gi_t img { max-width: 100%; max-height: 100%; } .gi_t span { display:none; vertical-align: middle; height: 100%; width: 0; } .gi_b { background: #b3c6d9; height: 28px; line-height: 28px; } .gi_b a { font-size: 14px; color: #fff; } .page { text-align: center; } .page a, .page span { display: inline-block; vertical-align: middle; height: 26px; line-height: 26px; padding: 0 6px; border: 1px solid #024182; color: #024182; margin: 0 2px; } .goods_index { overflow: hidden; } .gd_t { overflow: hidden; margin-bottom: 60px; } .gd_t_l { float: left; vertical-align: middle; width: 376px; text-align: center; } .gd_t_l_t { border: 1px solid #dcdcdc; } .gd_t_l_t span { display: inline-block; vertical-align: middle; height: 100%; width: 0; } .gd_t_l_t img { max-width: 100%; max-height: 100%; } .cover img { width: 100%; height: auto; } .gd_t_r { width: 652px; float: right; } .gtitle { position: relative; margin-bottom: 30px; } .gtitle>h2 { font-size: 20px; color: #000; padding-bottom: 20px; border-bottom: 1px solid #c9caca; letter-spacing: 1px; font-family: 微软细黑; } .gtitle::after { content: ""; display: block; width: 24px; height: 3px; background: #024182; position: absolute; left: 0; bottom: -1px; } .goods_intro { color: #474646; font-size: 14px; line-height: 24px; } .gd_box { color: #474646; font-size: 14px; line-height: 24px; margin-bottom: 30px; } .t_title { font-size: 20px; color: #292929; margin-bottom: 20px; } .t_title span { padding: 0 16px; border-left: 1px solid #595757; margin-left: 16px; color: #595757; } .txt_content { color: #474646; font-size: 16px; line-height: 30px; letter-spacing: 0px; text-align: justify; } img { max-width: 100%; } .news_index li { overflow: hidden; padding-bottom: 34px; border-bottom: 1px solid #c9caca; margin-bottom: 34px; } .ni_l { float: left; width: 253px; height: 146px; overflow: hidden; } .ni_l img { width: 100%; height: 100%; } img[src=""] { opacity: 0; } .ni_r { width: 472px; float: right; } .ntitle { display: block; font-size: 16px; color: #474646; font-weight:bold; } .ni_r>p { font-size: 14px; color: #474646; line-height: 24px; letter-spacing: 2px; margin-bottom: 6px; } .mores1 { display: inline-block; vertical-align: middle; border: 1px solid #024182; color: #024182; letter-spacing: 1px; padding: 5px 20px; font-weight: bold; margin-right: 26px; } .ni_r span { color: #727171; letter-spacing: 1px; } .news_detail>h2 { text-align: center; font-size: 18px; margin-bottom: 10px; } .news_detail>p { text-align: center; margin-bottom: 10px; } .n_d_c { font-size: 14px; line-height: 20px; } .mtitle { font-size: 20px; color: #024182; letter-spacing: 4px; margin-bottom: 30px; font-weight:bold; } .mtitle span { padding: 0 16px; border-left: 1px solid #024182; margin-left: 16px; text-transform: uppercase; letter-spacing: 0; } .mi_t { overflow: hidden; } .mi_t_l { float: left; width: 496px; } .mi_t_l h2 { font-size: 20px; color: #000; font-weight: normal; margin-bottom: 30px; } .mi_t_l dl { margin-bottom: 30px; } .mi_t_l dt { position: relative; padding-left: 16px; font-size: 16px; color: #727171; margin-bottom: 16px; } .mi_t_l dt::after { content: ""; display: block; width: 7px; height: 7px; background: #024182; position: absolute; left: 0; top: 10px; border-radius: 50%; } .mi_t_l dd { line-height: 30px; color: #727171; font-size: 17px; } .mi_t_l dd span { margin-left: 60px; } .mi_t_r { width: 577px; float: right; } .input_row { width: 540px; height: 40px; line-height: 40px; border: 1px solid #dedede; float: left; overflow: hidden; margin-bottom: 10px; } .input_row:nth-child(even) { margin-right: 16px; } .input_row label { display: inline-block; vertical-align: middle; font-size: 13px; text-indent: 10px; color: #ccc; } .input_row input { margin-left: 5px; width: 458px; font-size: 13px; } .input_row1 { clear: both; border: 1px solid #dedede; margin-top: 10px; margin-bottom: 10px; } .input_row1 label { display: inline-block; vertical-align: top; font-size: 13px; text-indent: 10px; color: #ccc; line-height: 40px; } .input_row1 textarea { border: none; outline: none; resize: none; line-height: 40px; margin-left: 5px; height: 120px; width: 1000px; } .btn_groud { text-align: center; } .btn_groud input { display: inline-block; vertical-align: middle; width: 90px; height: 40px; line-height: 40px; font-size: 15px; letter-spacing: 2px; margin: 50px 6px 0; } .btn_groud input[type="submit"] { background: #024182; color: #fff; } .bintro { margin-bottom: 55px; line-height: 30px; font-size: 14px; color: #474646; } .smenu { position: absolute; top: 118px; background: rgba(255, 255, 255, .5); width: 100%; height: 60px; display: none; z-index: 999; } .smenu .snav { position: absolute; display: none; z-index: 999; } .snav a { line-height: 60px; padding: 0 20px; border-right: 1px solid #000; } .snav a:hover, .snav a.cur { color: #024182; } .snav a:last-child { border-right: none; } .gd_t_l_b { text-align: justify; margin-top: 13.3px; } .gd_t_l_b li { display: block; float: left; width: 82px; height: 82px; border: 1px solid #ccc; margin-right: 13.3px; text-align: center; } .gd_t_l_b li.cur{ border-color: #024182; } .gd_t_l_b li:nth-child(4n) { margin-right: 0!important; } .gd_t_l_b li img { max-width: 100%; max-height: 100%; vertical-align: middle; } .gd_t_l_b li span { display: inline-block; vertical-align: middle; height: 100%; width: 0; } .language{ display: inline-block; } .goods_search{ text-align: right; line-height: 40px; margin-bottom: 20px; } .goods_search input{ border: none; outline: none; background: none; font-size: 16px; } .goods_search form{ display: inline-block; vertical-align: middle; border-bottom: 1px solid #ccc; } .goods_search input[type="submit"]{ cursor: pointer; color: #ccc; } .goods_search .t_title{ float: left; }