<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">HTML BODY {
    MARGIN: 0px;
    PADDING: 0px;
    FONT-SIZE: 13px;
    FONT-FAMILY: "å¾®è½¯é›…é»‘", "Arial";
    color: #525353;
}

TD,
div {
    font-family: "å¾®è½¯é›…é»‘", "Arial";
    font-size: 13px;
    color: #333333;
}

INPUT,
TEXTAREA {
    BORDER-WIDTH: 1px;
    BORDER-COLOR: cccccc;
    background: ffffff;
    font-family: "å¾®è½¯é›…é»‘", "Arial";
}

INPUT {
    outline: medium;
}

img {
    border: 0
}

* {
    margin: 0
}

a {
    text-decoration: none;
    color: #333
}

ul {
    padding: 0;
    margin: 0
}

li {
    list-style: none;
}

.clear {
    clear: both;
}

.container {
    width: 1002px;
    margin: 0 auto;
}


/*é¡¶éƒ¨*/

.top_headbg {
    min-width: 1002px;
    max-width: 1920px;
    margin: auto;
    height: 35px;
    background: #333333;
}

.top_head {
    width: 1002px;
    margin: auto;
    height: 35px;
}

.top_head ul li {
    float: left;
    line-height: 35px;
    font-size: 13px;
    color: #e0e0e0;
}

.topSearch {
    width: 250px;
    height: 23px;
    margin-top: 6px;
}

.topSearch ul li {
    float: left;
    border: none;
    line-height: 23px;
}

.topSearch #keywords1 {
    width: 199px;
    border: none;
    background: none;
    color: #666666;
    line-height: 21px;
    font-size: 13px;
}


/*logo*/

.page_topbg {
    min-width: 1002px;
    max-width: 1920px;
    margin: auto;
    height: 120px;
    background: #f2f2f2;
}

.page_Top {
    width: 1002px;
    margin: 0 auto;
    height: 120px;
}

.page_Logo {
    width: 500px;
    height: 120px;
    float: left;
}

.page_Logo ul li {
    float: left;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}

.page_Logo ul li span {
    font-size: 22px;
    color: #265eab;
    font-weight: bold;
    line-height: 40px;
}

.page_HeadRight {
    width: 270px;
    float: right;
    background: url(../img/top_tel.jpg) left no-repeat;
    margin-top: 40px;
}

.top_tel2 {
    padding-left: 74px;
    text-align: left;
    font-size: 15px;
    color: #333333;
    font-style: italic;
    line-height: 20px;
}

.top_tel2 span {
    font-size: 25px;
    color: #265eab;
    font-weight: bold;
    line-height: 28px;
    font-style: normal;
}


/*èœå•*/

.page_Menubg {
    min-width: 1002px;
    max-width: 1920px;
    background: #265eac;
    margin: 0 auto;
    height: 46px;
}

.page_Menu {
    width: 1002px;
    height: 46px;
    margin: auto;
}

.page_Menu ul li {
    float: left;
    list-style: none;
    height: 46px;
}

.page_Menu ul li h2 {
    font-size: 15px;
    color: #ffffff;
    line-height: 46px;
    font-weight: normal;
    padding: 0 42px;
}

.menuon {
    text-align: center;
}

.menuon h3 {
    font-size: 15px;
    color: #ffffff;
    font-weight: none;
    line-height: 46px;
}


/*banner*/

.page_Banner {
    width: 100%;
    margin: 0 auto;
    min-width: 1002px;
    height: 465px;
    max-width: 1920px;
}


/*é¦–é¡µæ–°å“*/

.Home_product {
    min-width: 1002px;
    max-width: 1920px;
    margin: auto;
    margin-top: 35px;
    height: 318px;
}

.page_title {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    height: 45px;
}

.page_title ul {
    width: 1002px;
    margin: auto;
    height: 45px;
    background: url(../img/pro_line.jpg) left bottom no-repeat;
}

.page_title ul li {
    float: left;
    line-height: 35px;
}

.page_title ul li span {
    font-size: 16px;
    color: #bfbfbf;
    font-family: Arial Bold;
    line-height: 20px;
}

.page_title ul li a {
    font-size: 13px;
    color: #ffffff !important;
    line-height: 32px !important;
}

.page_indexpro {
    width: 1002px;
    margin: 0 auto;
    position: relative;
}

.indexpro {
    width: 235px;
    float: left;
    margin-right: 20px;
}

.in_pagepro {
    width: 235px;
    float: left;
    margin-bottom: 15px;
}

.asd1 {
    width: 235px;
    position: relative;
    overflow: hidden;
}

.img1 {
    width: 233px;
    height: 168px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
}

.img1 img {
    width: 233px;
    height: 168px;
    display: block;
}

.asd1 .rsp1 {
    width: 233px;
    height: 168px;
    overflow: hidden;
    position: absolute;
    background: url(../img/pro_bg.png);
    top: 1px;
    left: 1px;
}

.asd1 .text1 {
    position: absolute;
    width: 233px;
    height: 100px;
    left: -233px;
    top: 68px;
    overflow: hidden;
    text-align: center
}

.asd1 .text1 img {
    border: none;
}

.pro_name {
    width: 233px;
    margin: auto;
    margin-top: 15px;
    text-align: center;
}

.pro_name a {
    font-size: 14px;
    color: #808080;
    line-height: 20px;
}

.page_pro {
    width: 242px;
    float: left;
    margin-bottom: 27px;
    height: 229px;
    border: 1px solid #dcdcdc;
}

.inpro_pic {
    width: 222px;
    height: 166px;
    overflow: hidden;
    border: 1px solid #dcdcdc;
    margin: 10px 9px;
}

.inpro_pic img {
    width: 222px;
    height: 166px;
}

.in_proname {
    width: 222px;
    margin: auto;
    margin-top: 8px;
    background: url(../img/pro_dot.jpg) right no-repeat;
    text-align: left;
}

.in_proname a {
    font-size: 15px;
    color: #000000;
    line-height: 20px;
}


/*é¦–é¡µå…¬å¸ä»‹ç»*/

.page_body {
    min-width: 1002px;
    max-width: 1920px;
    background: #f2f2f2;
    padding-top: 40px;
    margin: auto;
    height: 285px;
}

.page_About {
    width: 1002px;
    margin: auto;
    height: 285px;
}

.about_pic {
    width: 277px;
    height: 285px;
    float: left;
    background: url(../img/left_about.jpg) no-repeat;
}

.about_pic ul {
    width: 211px;
    padding: 34px 0 0 67px;
}

.about_pic ul li {
    float: left;
    line-height: 20px;
}

.about_nr {
    width: 345px;
    float: left;
    margin-left: 20px;
    text-align: left;
}

.about_more {
    width: 80px;
    float: right;
    height: 32px;
    text-align: center;
    background: #265eac;
    line-height: 32px;
}

.about_more a {
    font-size: 13px;
    color: #ffffff;
    line-height: 32px;
}

.page_honor {
    width: 330px;
    float: right;
}

.honor_pic {
    width: 330px;
    height: 212px;
}

.honor_head {
    width: 330px;
    height: 35px;
    padding-top: 10px;
    background: url(../img/honor_head.jpg) no-repeat;
    font-size: 16px;
    color: #ffffff;
    line-height: 35px;
    text-indent: 37px;
    text-align: left;
}

.honor_head span {
    width: 70px;
    height: 35px;
    display: inline-block;
    float: right;
}


/*é¦–é¡µæ–°é—»*/

.Page_news {
    width: 1002px;
    margin: auto;
    margin-top: 39px;
}

.page_NewsTitle {
    width: 1002px;
    height: 43px;
    margin: auto;
}

.page_NewsTitle ul li {
    float: left;
    height: 43px;
    width: 235px;
    text-align: center;
    font-size: 18px;
    color: #484646;
    line-height: 35px;
    background: url(../img/newstitlebg.jpg) center repeat-x;
    list-style: none
}

.page_NewsTitle ul li.lion {
    background: url(../img/newstitlebg2.jpg) no-repeat;
    font-size: 18px;
    color: #fff;
}

#news_more {
    width: 80px !important;
    height: 32px !important;
    background: #265eac !important;
    float: right;
}

#news_more a {
    font-size: 13px;
    color: #ffffff;
    line-height: 32px;
    display: block;
}

.news1_left {
    width: 410px;
    height: 290px;
    float: left;
    position: relative;
}

.ctrl-panel {
    position: absolute;
    right: 5px;
    top: 264px;
    z-index: 1000;
}

.m-page {
    display: block;
    width: 18px;
    height: 18px;
    text-align: center;
    background: #da6c00;
    float: left;
    display: inline;
    margin-left: 4px;
    line-height: 18px;
    color: #fff;
    font-size: 13px;
}

.m-page:hover {
    text-decoration: none;
    color: #da6c00;
}

.focus {
    background: #fff;
    color: #da6c00;
}

.con {
    width: 100%;
}

.scroll-wrap {
    OVERFLOW: hidden;
    WIDTH: 410px;
    POSITION: relative;
    HEIGHT: 290px
}

.scroll_box_content {
    POSITION: absolute
}

.news1_right {
    width: 572px;
    float: right;
}

.page_news1 {
    width: 100%;
    height: 90px;
    border-bottom: 1px dashed #b6b6b6;
    margin-bottom: 9px;
}

.page_news1 ul li {
    list-style: none;
    float: left;
}

.page_news1 ul li p {
    font-size: 13px;
    color: #666666;
    line-height: 21px;
}

.page_news1 ul li p a {
    font-size: 13px;
    color: #666666;
}

.page_news1 ul li h2 {
    padding: 5px 0 3px 0;
}

.page_news1 ul li h2 a {
    font-size: 14px;
    color: #1a1a1a;
    line-height: 20px;
}


/*åº•éƒ¨*/

.bottom_bg {
    width: 100%;
    margin: 0 auto;
    min-width: 1002px;
    max-width: 1920px;
    height: 225px;
    background: #265eac;
}

.bottom1 {
    width: 1002px;
    margin: auto;
    padding-top: 20px;
}

.bottom_left {
    width: 720px;
    float: left;
}

.bottom_logo {
    width: 100%;
    height: 87px;
    background: url(../img/bottom_line.jpg) bottom no-repeat;
}

.bottom_logo ul li {
    float: left;
}

.bottomSearch {
    width: 252px;
    height: 35px;
    margin-top: 18px;
}

.bottomSearch ul li {
    float: left;
    border: none;
    line-height: 35px;
}

.bottomSearch #keywords1 {
    width: 188px;
    border: none;
    background: none;
    color: #bbbbbb;
    line-height: 33px;
    font-size: 13px;
}

.bottom_contact {
    width: 100%;
    height: 72px;
    background: url(../img/bottom_line.jpg) bottom no-repeat;
}

.bottom_contact ul li {
    float: left;
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
}

.bottom_contact ul li a {
    font-size: 14px;
    color: #ffffff;
}

.bottom2 {
    width: 100%;
    margin-top: 8px;
    color: #ffffff;
    font-size: 13px;
    text-align: left;
}

.bottom2 a {
    color: #ffffff;
    font-size: 13px;
}

.bottom_right {
    width: 254px;
    margin-top: 27px;
    float: right;
}

.bottom_right ul li {
    float: left;
    font-size: 14px;
    color: #f3f3f3;
    line-height: 25px;
    text-align: center;
}

.in_banner {
    width: 100%;
    margin: 0 auto;
    min-width: 1002px;
    max-width: 1920px;
    height: 236px;
   
}

.r_top {
    padding-left: 25px;
    margin: auto;
    height: 56px;
    text-align: right;
    line-height: 94px;
    font-size: 13px;
    color: #a9a9a9;
}

.r_top .container {
    color: #a9a9a9;
}

.r_top a {
    font-size: 13px;
    color: #a9a9a9;
}

.r_top a:nth-child(1) {
    padding-left: 23px;
}

.r_top span {
    font-size: 13px;
    color: #a4a4a4;
}

.page_Main {
    width: 1002px;
    margin: 0 auto;
    padding-bottom: 30px;
}


/*å·¦ä¾§*/

.page_Left {
    width: 201px;
    float: left;
}


/*å³ä¾§*/

.page_Right {
    width: 769px;
    float: right
}

.page_RightTitle {
    width: 100%;
    height: 36px;
    font-size: 26px;
    color: #333333;
    line-height: 30px;
}

.page_RightTitle span a {
    font-size: 14px;
}

.page_RightMain {
    width: 100%;
}


/*é€šç”¨æ&nbsp;·å¼*/

#product_detail {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 27px;
}

.r_mid {
    width: 100%;
}

#product_detail .left {
    width: 451px;
    height: 330px;
    overflow: hidden;
    float: left;
}

#product_detail .big_pic {
    width: 440px;
    height: 330px;
    overflow: hidden;
}

#product_detail .big_pic img {
    width: 424px;
    height: 314px;
    margin-left: 4px;
    margin-top: 4px;
    border: 3px solid #d1d1d1;
}

#product_detail .big_pic .bigimg {
    width: 600px;
    height: 432px;
}

#product_detail .big_pic .view {
    display: block;
    background: transparent url(../img/big.jpg) no-repeat 1px;
    text-indent: 20px;
    margin-left: 130px;
    width: 19px;
    height: 15px;
    display: inline-block;
    cursor: pointer;
}

#product_detail ul.pic_list {
    width: 305px !important;
    height: 86px;
    float: left;
    overflow: hidden;
    padding-top: 171px;
}

#product_detail ul.pic_list li {
    width: 108px;
    height: 78px;
    float: left;
    padding: 0px 5px;
    text-align: center;
}

#product_detail ul.pic_list li.hover {
    width: 109px;
    height: 81px;
    float: left;
    padding: 0px 5px;
}

#product_detail ul.pic_list li img {
    width: 109px;
    height: 81px;
}

#product_detail ul li {
    list-style: none;
}

#product_detail ul {
    width: 325px;
}

.pro_info_box {
    height: 200px;
    width: 289px;
}

.pro_info_box ul li {
    border: 1px solid #6b6b6b;
}

.pro_info_box h5 {
    font-size: 16px;
    color: #454545
}

#product_detail .product_info {
    width: 305px;
    float: right;
    overflow: hidden;
}

#product_detail .product_info li {
    border-top: 0px;
    width: 277px;
    border-top: none;
}

#product_detail .product_info li a:hover {
    color: #000;
}

#product_list {
    padding: 15px 0px 5px 0px;
    float: left;
}

#product_list .title {
    text-indent: 20px;
    height: 32px;
    background: transparent url(../img/neiye_bg.jpg) repeat-x;
    line-height: 32px;
    width: 754px;
}

#product_list .title h3 {
    color: #e8e8e8;
    font-size: 16px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    display: inline;
    float: left;
}

#product_list .title span {
    display: block;
    height: 32x;
    line-height: 32px;
    float: left;
}

#product_list .title .left {
    background: transparent url(../img/title_l_2.jpg) repeat-x;
    width: 4px;
}

#product_list .title .right {
    background: transparent url(../img/title_r_2.jpg) repeat-x;
    width: 4px;
}

#product_list ul {
    width: 677px;
}

#product_list li {
    list-style: none;
}

#product_list li h3 {
    border-bottom: 1px dashed #d3d3d3;
    text-indent: 15px;
}

#product_list li h3 a {
    color: #464646;
    line-height: 40px;
}

#product_list li .left {
    margin: 0px 0px 0px 20px;
    width: 199px;
    height: 149px;
    border: inherit 1px #a5a5a5;
    _margin-left: 10px;
}

#product_list li .left img {
    width: 199px;
    height: 149px;
}

#product_list li .right {
    float: left;
    word-wrap: break-word;
    word-break: normal;
    margin-top: 6px;
    width: 100%;
    text-align: center;
    line-height: 22px;
    color: #636363;
}

.pic_list li img {
    border: 2px solid #d1d1d1;
}

.pic_list li:hover img {
    border: 2px solid #ff8104;
}


/*ç„¦ç‚¹å›¾*/

.mod18 {
    width: 305px;
    height: 86px;
    position: relative;
    margin-top: -13px;
    margin-left: 12px;
}

.mod18 .btn {
    position: absolute;
    width: 12px;
    height: 93px;
    top: 5px;
    cursor: pointer;
    z-index: 99;
}

.mod18 .prev {
    left: -6px;
    background: url(../img/btn2.jpg) no-repeat;
}

.mod18 .next {
    right: 25px;
    background: url(../img/btn1.jpg) no-repeat;
}

.mod18 li {
    float: left;
}

.mod18 .listBox {
    width: 240px;
    height: 86px;
    position: relative;
    margin-left: 17px;
    overflow: hidden;
    padding: 0;
}

.mod18 .listBox ul {
    height: 82px;
    position: absolute;
}

.mod18 .listBox li {
    width: 98px;
    height: 71px;
    cursor: pointer;
    position: relative;
}

.mod18 .listBox li i {
    display: none;
}

.mod18 .listBox li a {
    display: block;
    width: 98px;
    height: 71px;
}

.mod18 .listBox li img {
    width: 96px;
    height: 69px;
}

.mod18 .listBox .on i {
    display: block;
}

.detailtitle {
    width: 700px;
    height: 30px;
    line-height: 30px;
    font-size: 26px;
    color: #151515;
    text-transform: uppercase;
}

#pro_profile {
    width: 100%;
    padding: 15px 0
}

.pro_title1 {
    width: 100%;
    font-size: 15.29px;
    color: #000000;
    margin: 10px 0;
    text-align: left;
    border-top: 1px solid #d1cfd0;
    line-height: 22px;
    padding-bottom: 10px;
    padding-top: 20px;
}

.back a {
    display: block;
    width: 96px;
    height: 31px;
    text-align: center;
    background: url(../img/back.jpg) no-repeat;
    line-height: 31px;
}

.back span {
    color: #fff;
    font-size: 13px;
}

.inquiryright img {
    display: inline-block;
}

.page_inquirybg {
    width: 100%;
    margin: 0 auto;
    min-width: 1002px;
    max-width: 1920px;
    padding-bottom: 37px;
    background: #f1f1f1;
    margin-bottom: 30px;
    padding-top: 28px;
}

.pro_title2 {
    /*width: 700px;
    padding-left: 11px;
    text-align: left;
    line-height: 42px;
    font-size: 22px;
    color: #004d98;
    background: #efefef;
    font-weight: bold;
    text-transform: uppercase;
    float: left;*/
}

.proinquiry {
    width: 100%;
    padding: 10px 0 0 0
}

.news .body ul li {
    line-height: 24px;
    padding-bottom: 5px;
    list-style: none
}

.news .body ul li span {
    float: right
}

.right {
    float: right
}

.news #news_detail .body {
    width: 100%;
    float: left;
}

.news #news_detail {
    width: 100%;
    float: left;
    padding: 10px 0
}

.news #news_detail h1 {
    text-align: center;
    font-size: 18px;
}

.prev_next {
    padding-bottom: 20px;
    width: 100%;
    float: left;
}

.prev_next ul li {
    list-style: none
}

.news_view {
    width: 100%;
    float: left;
    padding: 5px 0;
    border-bottom: 1px dashed #ccc
}

.back input[type=button] {
    background: url(../img/back_bgc.jpg);
    width: 96px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    border: 0;
    color: #fff;
    cursor: pointer;
}

.news_body {
    padding: 10px 0
}

#news {
    width: 100%;
}

.main_page {
    text-align: center;
    width: 100%;
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
}

.main_page a,
.main_page .current {
    margin: 0 5px;
}

.main_page a {
    background: #f5f5f5;
    padding: 3px 8px;
    color: #717071;
}

.main_page .current {
    padding: 3px 8px;
    background: #464646;
    color: #fff;
    border: 1px solid #464646
}

#sitemap ul li {
    list-style: none;
    text-align: left;
    list-style: none
}

#sitemap ul li h2 {
    font-size: 16px;
    padding-bottom: 8px;
    color: #333;
    font-weight: normal;
}

#sitemap ul li ul li {
    float: inherit;
    padding-left: 30px
}

#sitemap ul li ul li h3,
#sitemap ul li ul li a {
    font-size: 15px;
    line-height: 24px;
    color: #333;
    font-weight: normal;
}


/*å…³è”äº§å“ä¸Žæ–°é—»*/

.reation {
    width: 100%;
    float: left;
    padding-top: 15px;
}

.reation h5 {
    font-size: 24px;
    border-bottom: 1px solid #ccc;
    line-height: 38px;
    margin-bottom: 10px;
}


/*è¯„è®º*/

.inquiry {
    width: 100%;
    float: left;
}

.comment {
    width: 100%;
    float: left;
    padding: 10px 0
}

.commentTitle {
    width: 100%;
    float: left;
    text-align: left;
}

.commentTitle h5 {
    font-size: 22px;
    color: #333;
    line-height: 53px;
    text-align: left;
    font-weight: normal
}

.commentTitle h5 span {
    float: right;
    line-height: 53px;
    font-size: 14px;
}

.commentlist {
    width: 100%;
    float: left;
    padding-top: 10px;
    text-align: left;
}

.commentlist ul {
    width: 100%;
    float: left;
}

.commentlist ul li {
    float: left;
    list-style: none
}

.inquiryinfo {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

.friendlink {
    width: 1002px;
    margin: 0 auto;
    color: #333
}

.friendlink a {
    color: #333
}

.chose {
    width: 195px;
    height: 22px;
    line-height: 22px;
    text-align: left;
    background: url(../img/link.jpg) no-repeat;
    padding-left: 10px;
    font-size: 13px;
    color: #7a7a7a
}

#m1 {
    position: absolute;
    bottom: 23px;
    width: 203px;
    padding: 0;
    border: 1px solid #ccc;
    background: white;
    color: #5e4d3c;
    z-index: 1000;
    right: 0;
}

#m1 ul li {
    padding: 5px 10px;
}

#m1 ul li a {
    color: #999
}

#m1 ul li a:hover {
    color: #000
}

.productbutton {
    background: url(../img/sub.jpg);
    color: #fff;
    border: 0 !important;
    cursor: pointer;
    height: 20px !important;
    font-family: å¾®è½¯é›…é»‘;
    padding: 0 !important;
    width: 62px !important;
}


/*å³ä¾§äºŒç»´ç&nbsp;*/

.sidebar {
    width: 50px;
    position: fixed;
    top: 250px;
    right: 0;
    z-index: 99999
}

.sidebar ul li {
    position: relative;
    list-style: none;
    margin-bottom: 3px;
}

.sidebar ul li img {
    float: left;
}

.sidebar ul li .sidebox {
    position: absolute;
    width: 50px;
    text-align: left;
    height: 50px;
    top: 0;
    right: 0;
    transition: all 0.3s;
    background: #265eac;
    color: #fff;
    font: 14px "arial";
    overflow: hidden;
}

.sidebar ul li .sidebox2 {
    position: absolute;
    width: 50px;
    text-align: left;
    height: 50px;
    top: 0;
    right: 0;
    transition: all 0.3s;
    background: #265eac;
    color: #fff;
    font: 14px "arial";
    overflow: hidden;
    line-height: 50px;
}

.weixing-container {
    width: 50px;
    height: 50px;
    background: url(../img/r_ewm.png) no-repeat #265eac;
    float: left
}

.weixing-show {
    width: 111px;
    height: 130px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #dddddd;
    position: absolute;
    left: -124px;
    top: -40px;
}

.weixing-show .weixing-sanjiao {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    border-width: 6px;
    left: 111px;
    top: 60px;
    position: absolute;
    z-index: 2;
}

.weixing-show .weixing-sanjiao-big {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #dddddd;
    border-width: 8px;
    left: 111px;
    top: 58px;
    position: absolute;
}

.weixing-show .weixing-txt {
    float: left;
    width: 87px;
    padding: 10px 12px;
    text-align: center;
    font-size: 15px;
    color: #4c4c4c
}

.weixing-show .weixing-txt ul li {
    width: 87px;
    height: 120px;
}


/*è‡ªå®šä¹‰æ&nbsp;·å¼ç»“æŸ*/

.in_case {
    width: 216px;
    float: left;
    padding-bottom: 20px;
}

.case_pic {
    width: 216px;
    height: 161px;
    overflow: hidden;
}

.case_pic img {
    width: 216px;
    height: 161px;
}

.in_case:hover .proname {
    background: url(../img/pro_dot2.png) right no-repeat #1062ab;
    display: block;
}

.in_case:hover .proname a {
    font-size: 13px;
    color: #ffffff;
}</pre></body></html>