<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
 * LankeCMS (http://lankecms.com)
 * Copyright (c) 2013-2018 http://lankecms.com All rights reserved.
 * Author: é’Ÿè‹¥å¤© &lt;lankecms@163.com&gt;
 */

body {
    font-family: 'microsoft yahei', Arial, Helvetica, sans-serif;
    color: #2F2F2F;
}

a {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}

a:hover{
    text-decoration: none;
}

ul {
    list-style: none;
}

.clear {
    clear: both;
}

.img-thumbnail {
    transition: opacity 0.7s;
}

.img-thumbnail:hover,
.opacity_img:hover {
    opacity: 0.75;
}

header {
    background-color: #f1f1f1;
}

/*é¡¶éƒ¨ä¿¡æ¯*/
.top_bg {
    background-color: #fff;
    color: #777777;
    width: 100%;
    height: 45px;
    box-shadow: 0px 0px 10px #e2e2e2;
}

.top_welcome {
    display: inline-block;
    padding-top: 12px;
}

/*é¡¶éƒ¨ç”µè¯*/
.top_tel {
    float: left;
    margin-top: 48px;
}

.top_tel img {
    display: inline-block;
    float: left;
    margin-right: 8px;
    margin-top: 3px;
}

.top_tel span {
    color: #666;
    display: inline-block;
    float: left;
}

.top_tel p {
    margin: 0px;
    float: left;
    color: #0071be;
    font-size: 25px;
    font-weight: bold;
}

/*å¹»ç¯ç‰‡*/
.flash img {
    width: 100%;
}

.flash ul.bxslider {
    list-style: none;
}

.flash div.bx-pager {
    bottom: 4%;
}

.flash div.bx-controls-direction {
    display: none;
}

/*äº§å“æœç´¢*/
.search_group {
    float: right;
    margin: 8px 0px 0px 0px;
    border: 1px solid #dfe1e3;
    border-radius: 20px;
}

.search_group input.form-control {
    border-radius: 0px;
    box-shadow: none;
    color: #585A5A;
    padding: 0px 0px 0px 15px;
    height: 26px;
    background: transparent;
    border: none;
}

.search_group input.form-control:focus {
    box-shadow: none;
    border-color: #b2e0fb;
}

#search_submit {
    color: #C3C4C5;
    height: 26px;
    font-size: 16px;
    margin-top: -14px;
}

#search_submit:hover {
    color: #0067b6;
    cursor: pointer;
}



/*é¦–é¡µ-å·¦ä¾§æ&nbsp;ç›®*/
.left_nav {
    padding: 20px 15px 30px 15px;
    background: url(../images/left_nav.jpg) no-repeat 200px 70px #0071bf;
    margin-top: 25px;
    margin-bottom: 20px;
}

.left_nav p {
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}

.left_nav h3 {
    color: #fff;
    margin: 0px 0px 30px 0px;
}

.left_nav_bg {
    background: url(../images/left_nav_bg.jpg) center bottom no-repeat #fff;
    padding: 10px 15px 22px 15px;
}

.left_nav_tel {
    margin: 220px 0px 0px 0px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.left_nav_ul {
    list-style: none;
    padding: 0px;
    margin: 15px 0px 0px 0px;
    padding-bottom: 10px;
}

.left_nav_ul &gt; li &gt; a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    background-color: #0071bf;
    border-radius: 25px;
    padding: 6px 0px 6px 18px;
    margin-bottom: 8px;
}

.left_nav_ul &gt; li &gt; a:hover,
.left_nav_ul li a.left_active {
    color: #fff;
    background-color: #03b29c;
}

/*é¦–é¡µ-å·¦ä¾§äºŒçº§æ&nbsp;ç›®*/
ul.left_snav_ul {
    list-style: none;
    padding: 0px;
}

ul.left_snav_ul &gt; li {
    margin: 0px;
}



ul.left_snav_ul &gt; li &gt; a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 5px 0px 5px 30px;
    background: url(../images/left_tree.gif) 20px 8px no-repeat #028ae6;
    border-radius: 25px;
    margin-bottom: 8px;
}

ul.left_snav_ul &gt; li &gt; a:hover {
    color: #fff;
    background-color: #03b29c;
}
ul.left_snav_ul &gt; li .active{
    color: red !important;
}

/*åˆ—è¡¨é¡µ-å·¦ä¾§æ&nbsp;ç›®*/
.left_h3 {
    margin-top: 19px;
    font-size: 22px;
    font-weight: normal;
    color: #545454;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
}

.left_h3 span {
    display: inline-block;
    height: 50px;
    border-bottom: 1px solid #02b29c;
}

.left_column ul.left_nav_ul {
    list-style: none;
    padding: 0px;
    margin: 15px 0px 0px 0px;
    padding-bottom: 10px;
}

.left_column ul.left_nav_ul &gt; li {
    margin-bottom: 5px;
    border-bottom: 1px solid #f2f2f2;
    background: url(../images/left_li.gif) 6px 12px no-repeat;
}

.left_column ul.left_nav_ul &gt; li &gt; a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    background: transparent;
    border-radius: 0px;
    padding: 6px 0px 6px 18px;
    margin-bottom: 8px;
}

.left_column ul.left_nav_ul &gt; li &gt; a:hover,
.left_column ul.left_nav_ul li a.left_active {
    color: #03b29c;
    background: transparent;
}

/*åˆ—è¡¨é¡µ-å·¦ä¾§äºŒçº§æ&nbsp;ç›®*/
.left_column ul.left_snav_ul {
    list-style: none;
    padding: 0px;
}

.left_column ul.left_snav_ul &gt; li {
    margin-bottom: 7px;
    border-bottom: 1px solid #f2f2f2;
    background: url(../images/left_sli.gif) 15px 11px no-repeat;
}

.left_column ul.left_snav_ul &gt; li &gt; a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 5px 0px 5px 25px;
    background: transparent;
    border-radius: 25px;
    margin-bottom: 8px;
}

.left_column ul.left_snav_ul &gt; li &gt; a:hover {
    color: #03b29c;
    background: transparent;
}

/*å·¦ä¾§æ–°é—»*/
.left_news {
    clear: both;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.left_news li {
    color: #545455;
    border-bottom: 1px dotted #dddddd;
    background: url(../images/li.png) no-repeat left 15px;
    line-height: 21px;
    padding: 10px 0px;
    padding-left: 14px;
}

.left_news li a {
    color: #2F2F2F;
}

.left_news li a:hover,
.left_news li a:focus {
    text-decoration: none;
    color: #03b29c;
}

/*å·¦ä¾§è”ç³»*/
.left_contact {
    margin: 30px 0px 35px 0px;
}

.left_contact p {
    clear: both;
}

/*é¦–é¡µäº§å“*/
.product_head h2 {
    text-align: center;
    margin-top: 60px;
    font-size: 38px;
    color: #333;
    font-weight: bold;
}

.product_head span {
    display: block;
    height: 3px;
    background: url(../images/h2_line.jpg) center center no-repeat;
}

.product_head p {
    text-align: center;
    font-size: 18px;
    color: #555;
    margin-top: 8px;
}

.product_list {
    clear: both;
    padding: 25px 0px 0px 0px;
}

.product_list2 {
    padding-top: 20px;
}

.product_img {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 270px;
}

.product_img img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-height: 200px;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 0px 0px 0px 0px;
}

.product_list2 div.product_img {
    min-height: 260px;
}

.product_title {
    font-size: 10pt;
    text-align: left;

}

.product_title a {
    color: #2F2F2F;
}

.product_title a:hover {
    text-decoration: none;
    color: #0071bf;
}

.pa-product-tag,.pa-product-price,.product_title{
    padding-left: 5px;
    margin-bottom: 2px;
}
.pa-product-tag span{
    border: 1px solid red;
    padding: 1px;
    font-size: 8pt;
    margin-left: 2px;
    color: red;
}
.pa-product-price{
    margin: 0px;
}
.pa-product-price .yuanjia{
    text-decoration: line-through;
}
.pa-product-price .yuan{
    font-size:20px;
    color: red;
    font-family:Tahoma,Arial,sans-serif;
}
.pa-product-price .fen{
    font-size:14px;
    color: red;
    font-family:Tahoma,Arial,sans-serif;
}

.pa-product-price .tag{
    font-size:12px;
    color: red;
}
/*é¦–é¡µ-å®¢æˆ·æ¡ˆä¾‹*/
.case_bg {
    padding-bottom: 30px;
}

.case_head h2 {
    text-align: center;
    margin-top: 60px;
    font-size: 38px;
    color: #fff;
    font-weight: bold;
}

.case_head span {
    display: block;
    height: 3px;
    background: url(../images/h2_line2.jpg) center center no-repeat;
}

.case_head p {
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-top: 8px;
}

.case_list {
    clear: both;
    padding: 25px 0px 0px 0px;
    margin-right: -15px;
    margin-left: -15px;
}

.case_list2 {
    padding-top: 20px;
}

.case_img {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 270px;
}

.case_img img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-height: 270px;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 0px 0px 0px 0px;
}

.case_list2 div.case_img {
    min-height: 220px;
}

.case_title {
    text-align: center;
    height: 40px;
}

.case_title a {
    color: #fff;
    font-weight: bold;
}

.case_title a:hover {
    text-decoration: none;
    color: #85C226;
}

.case_title2 a {
    color: #2F2F2F;
    font-weight: normal;
}

.case_title2 a:hover {
    text-decoration: none;
    color: #0071bf;
}

/*é¦–é¡µ-å››å¤§ä¼˜åŠ¿*/
.advantage_head h2 {
    text-align: center;
    margin-top: 60px;
    font-size: 38px;
    color: #333;
    font-weight: bold;
}

.advantage_head span {
    display: block;
    height: 3px;
    background: url(../images/h2_line.jpg) center center no-repeat;
}

.advantage_head p {
    text-align: center;
    font-size: 18px;
    color: #555;
    margin-top: 8px;
    margin-bottom: 50px;
}

.advantage_left img {
    width: 50%;
    float: left;
}

.advantage_left h3 {
    width: 50%;
    float: right;
    text-align: right;
    font-size: 36px;
    color: #0071be;
    font-weight: bold;
}

.advantage_left h3 span {
    font-family: Arial black;
    font-size: 68px;
}

.advantage_left p {
    width: 50%;
    float: right;
    text-align: right;
    color: #555;
    line-height: 48px;
    margin-top: 15px;
    padding-right: 25px;
    background: url(../images/advantage_libg.jpg) repeat-y right 13px;
}

.advantage_right img {
    width: 50%;
    float: right;
}

.advantage_right h3 {
    width: 50%;
    float: left;
    text-align: left;
    font-size: 36px;
    color: #0071be;
    font-weight: bold;
}

.advantage_right h3 span {
    font-family: Arial black;
    font-size: 68px;
}

.advantage_right p {
    width: 50%;
    float: left;
    text-align: left;
    color: #555;
    line-height: 48px;
    margin-top: 15px;
    padding-left: 25px;
    background: url(../images/advantage_libg.jpg) repeat-y left 13px;
}

/*é¦–é¡µ-è¡Œä¸šèµ„è®¯*/
.news_bg {
    background-color: #f7f7f7;
}

.news_head {
    margin-bottom: 20px;
}

.news_head h2 {
    text-align: center;
    margin-top: 50px;
    font-size: 38px;
    color: #333;
    font-weight: bold;
}

.news_head span {
    display: block;
    height: 3px;
    background: url(../images/h2_line.jpg) center center no-repeat;
}

.news_head p {
    text-align: center;
    font-size: 18px;
    color: #555;
    margin-top: 8px;
}

.news_h3 {
    background: url(../images/news_title.jpg) left bottom no-repeat;
    padding: 10px 0px 10px 0px;
    font-size: 18px;
    font-weight: bold;
}

.news_ul {
    clear: both;
    list-style: none;
    margin-top: 10px;
    padding: 0px;
}

.news_ul li {
    color: #545455;
    line-height: 21px;
    padding: 10px 0px;
}

.news_ul li a {
    color: #2F2F2F;
}

.news_ul li a:hover {
    text-decoration: none;
    color: #0071bf;
}

.news_time {
    float: right;

}

.news_img img {
    max-width: 270px;
    margin-right: 28px;
    float: left;
}

.news_img a {
    font-weight: bold;
    font-size: 16px;
}

.news_img p {
    margin-top: 12px;
    line-height: 26px;
}

.answer_ul {
    clear: both;
    list-style: none;
    margin-top: 10px;
    padding: 0px;
}

.answer_ul li {
    color: #545455;
    line-height: 21px;
    padding: 10px 0px;
}

.answer_ul li a {
    display: block;
    background: url(../images/ask.jpg) no-repeat left center;
    padding-left: 28px;
    color: #333;
    font-weight: bold;
}

.answer_ul li a:hover {
    text-decoration: none;
    color: #0071bf;
}

.answer_ul li p {
    background: url(../images/answer.jpg) no-repeat left 2px;
    padding-left: 28px;
    margin-top: 10px;
    line-height: 22px;
    color: #555;
}

/*é¦–é¡µ-å…¬å¸ç®€ä»‹*/
.about_head {
    margin-bottom: 60px;
}

.about_head h2 {
    text-align: center;
    margin-top: 50px;
    font-size: 38px;
    color: #333;
    font-weight: bold;
}

.about_head span {
    display: block;
    height: 3px;
    background: url(../images/h2_line.jpg) center center no-repeat;
}

.about_head p {
    text-align: center;
    font-size: 18px;
    color: #555;
    margin-top: 8px;
}

.about_h3 {
    font-family: Arial;
    color: #0071be;
    font-size: 54px;
    font-weight: bold;
    margin: 0px;
}

.about_p {
    font-size: 16px;
    color: #000;
    padding-bottom: 20px;
    border-bottom: 1px solid #dadada;
}

.about_content {
    line-height: 30px;
    color: #555;
    margin-top: 20px;
}

.about_btn {
    display: block;
    text-align: center;
    width: 140px;
    padding: 7px 0px;
    color: #fff;
    text-decoration: none;
    border-radius: 15px;
    background-color: #0071bf;
    margin-top: 20px;
}

.about_btn:hover, .about_btn:focus {
    color: #fff;
    text-decoration: none;
    background-color: #03b29c;
}

.about_video {
    width: 100%;
}

/*é¦–é¡µ-åˆä½œå®¢æˆ·*/
.cooperation_head {
    margin-top: 60px;
    margin-bottom: 30px;
}

.cooperation_head p {
    text-align: center;
    font-size: 24px;
    color: #333;
    margin-top: 8px;
}

.cooperation_head span {
    display: block;
    height: 3px;
    background: url(../images/cooperation_title.jpg) center center no-repeat;
}

.cooperation_img {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 180px;
}

.cooperation_img img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-height: 170px;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 0px 0px 0px 0px;
}

/*åˆ—è¡¨é¡µ-æ¨ªå¹…*/
.page_bg {
    height: 229px;
    margin-bottom: 0px;
}

/*åˆ—è¡¨é¡µ-é¢åŒ…å±‘*/
.bread_bg {
    background-color: #f3f3f3;
}

.bread_nav {
    padding: 10px 0px 10px 0px;
}

.bread_nav span {
    border-left: 8px solid #02b29c;
    padding-left: 8px;
}

.bread_nav a {
    color: #4c4c4c;
}

.bread_nav a:hover {
    color: #0071bf;
    text-decoration: none;
}

/*åˆ—è¡¨é¡µ-å³æ&nbsp;*/
.right_head {
    clear: both;
}

.right_head h2 {
    height: 50px;
    font-size: 22px;
    font-weight: normal;
    color: #545454;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
}

.right_head h2 span {
    display: inline-block;
    height: 50px;
    border-bottom: 1px solid #02b29c;
}

.right_contents {
    clear: both;
    padding: 15px 0px 15px 0px;
    line-height: 28px;
    overflow: auto;
}

.right_contents_h1 {
    margin: 0px;
    padding: 10px 0px;
    text-align: center;
    color: #000;
    font-size: 24px;
    color: #434343;
    font-weight: bold;
    line-height: 34px;
}

.right_contents img {
    max-width: 840px;
}

/*åˆ—è¡¨é¡µ-æ–°é—»*/
.right_new {
    clear: both;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

.right_new li {
    color: #898989;
    background: url(../images/li.png) no-repeat left 18px;
    font-size: 14px;
    line-height: 22px;
    padding: 12px 0px;
    padding-left: 13px;
    border-bottom: 1px dashed #e3e2e2;
}

.right_new li a {
    color: #2F2F2F;
}

.right_new li a:hover,
.right_new li a:focus {
    text-decoration: none;
    color: #0071bf;
}

.right_new_time {
    float: right;
}

.relevant_new ul.right_new li {
    font-size: 14px;
}

/*åˆ†é¡µæ&nbsp;·å¼*/
.page {
    clear: both;
    margin: 20px 0px 20px 0px;
    text-align: center;
}

.page a {
    display: inline-block;
    font-family: Arial;
    font-size: 13px;
    border: #dbdbdb 1px solid;
    padding: 4px 9px;
    margin: 2px;
    margin-bottom: 5px;
    color: #31363c;
    text-decoration: none
}

.page a:hover, .page a:focus {
    font-family: Arial;
    font-size: 13px;
    border: #0071be 1px solid;
    padding: 4px 9px;
    color: #fff;
    background-color: #0071be;
}

.page .current {
    font-family: Arial;
    border: #0071be 1px solid;
    font-size: 13px;
    padding: 5px 9px;
    color: #fff;
    margin: 2px;
    background-color: #0071be
}

/*äº§å“è¯¦ç»†é¡µ*/
.showpic_box, .proinfo_box {
    margin: 30px 0px 20px 0px;
}

.product_h1 {
    margin: 0px;
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    padding-bottom: 10px;
    border-bottom: 1px dotted #cccccc;
}

.product_info {
    list-style: none;
    padding: 0px;
    margin-top: 10px;
}

.product_info p {
    line-height: 28px;
}

.product_btn {
    margin-top: 25px;
}

#pic-page {
    text-align: center;
    margin-top: 10px;
}

#pic-page a {
    margin: 0 2px;
}

#pic-page a img {
    width: 40px;
    padding: 2px;
    border: solid #ccc 1px;
    margin-bottom: 5px;
}

#pic-page a:hover img,
#pic-page a.active img {
    border: solid #5280DD 1px;
}

.product_con {
    clear: both;
    border-top: 1px dotted #a9a9a9;
    margin: 10px 0px 20px 0px;
    padding: 20px 0px 0px 0px;
    line-height: 26px;
    overflow: auto;
}

.photo_con {
    clear: both;
    margin: 0px 0px 20px 0px;
    padding: 10px 0px 20px 0px;
    line-height: 26px;
    overflow: auto;
}

.product_con img,
.photo_con img {
    max-width: 840px;
}

/*æŒ‰é’®æ&nbsp;·å¼*/
.download_btn {
    float: right;
    display: block;
    margin: 10px 10px 20px 0px;
}

.page-btn {
    display: inline-block;
    float: left;
    background-color: #0071bf;
    border-radius: 0px;
    border: none;
    transition: background 0.3s;
    margin-right: 15px;
}

.page-btn:hover,
.page-btn:focus {
    background-color: #02b29c;
}

.grey-btn {
    border-radius: 0px;
    border: none;
    background-color: #E8E8E8;
}

.grey-btn:hover,
.grey-btn:focus {
    background-color: #ccc;
}

/*åœ¨çº¿ç•™è¨€è®¢è´­*/
.feedback {
    margin-top: 50px;
}

.form-horizontal .form-group {
    margin-right: -10px;
    margin-left: -10px;
}

.codeimg {
    margin: 0px 0px -10px -18px;
}

/*ä¸Šä¸€ä¸ªä¸‹ä¸€ä¸ª*/
.point {
    clear: both;
    margin: 20px 0px 40px 0px;
    padding-bottom: 40px;
    line-height: 22px;
}

.point span.to_prev {
    text-align: center;
}

.point span.to_prev a {
    color: #337AB7;
}

.point span.to_prev a:hover {
    color: #ea042b;
}

.point span.to_next {
    text-align: center;
}

.point span.to_next a {
    color: #337AB7;
}

.point span.to_next a:hover {
    color: #ea042b;
}

/*æ&nbsp;‡ç­¾æ&nbsp;·å¼*/
.tags {
    margin: 18px 0px 10px 0px;
}

.tags a {
    margin: 0px 5px 8px 0px;
}

.tags_list {
    padding: 5px 10px 100px 10px;
}

.tags_ul {
    margin-top: 0px;
}

.tags_ul li {
    line-height: 28px;
    margin-bottom: 8px;
    padding-bottom: 10px;
}

.tags_ul h3 {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    line-height: 20px;
}

.tags_ul p {
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    color: #777;
    line-height: 20px;
    padding-top: 8px;
}

/*ç½‘ç«™åœ°å›¾*/
ul.ul_sitemap {
    margin: 30px 0px 40px 30px;
}

ul.ul_sitemap li {
    list-style: none;
    line-height: 26px;
    clear: both;
}

ul.ul_sitemap li a {
    color: #7d7d7d;
}

li.small_li_sitemap {
    clear: both;
    padding-left: 12px;
}

li.small_li2_sitemap {
    float: left;
    padding-left: 20px;
}

/*å‹æƒ…é“¾æŽ¥*/
.link_box {
    background-color: #005188;
    padding: 20px 0px 20px 0px;
    text-align: center;
    color: #95abc1;
    font-size: 13px;
}

.link_box a {
    color: #95abc1;
    padding: 0px 0px 0px 10px;
    font-size: 13px;
}

.link_box a:hover {
    text-decoration: none;
    color: #97f3e7;
}

.link_box a:last-child {
    border-right: 0px;
}

.link_box button {
    display: none;
}

.link_title {
    font-size: 13px;
    margin-right: -6px;
}

.link_title:after {
    content: "ï¼š";
}

/*åº•éƒ¨TAGS*/
.tags_box {
    background-color: #005188;
    padding: 5px 0px 20px 0px;
    text-align: center;
    color: #95abc1;
    font-size: 13px;
}

.tags_box a {
    color: #95abc1;
    padding: 0px 2px 0px 8px;
    font-size: 13px;
}

.tags_box a:hover {
    text-decoration: none;
    color: #97f3e7;
}

.tags_box a:last-child {
    border-right: 0px;
}

.tags_box button {
    display: none;
}

.tags_title {
    font-size: 13px;
    margin-right: -6px;
}

.tags_title a {
    padding: 0px;
}

.tags_title:after {
    content: "ï¼š";
}

/*åº•éƒ¨ä¿¡æ¯*/
footer {
    margin-top: 20px;
    color: #fff;
    padding: 60px 0px 40px 0px;
    background: url(../images/foot_bg.jpg) repeat-x top center #076bb5;
}

.footer_logo {
    max-width: 196px;
}

.footer_logo_text {
    width: 196px;
    text-align: center;
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #4e97c5;
    line-height: 22px;
}

.footer_sitemap {
    color: #fff;
}

.footer_sitemap:hover,
.footer_sitemap:focus {
    color: #97f3e7;
    text-decoration: none;
}

/*åº•éƒ¨åˆ†ç±»*/
.footer_menu a {
    color: #fff;
}

.footer_menu a:hover {
    color: #97f3e7;
    text-decoration: none;
}

.footer_menu_first {
    font-weight: bold;
}

.footer_qrcode {
    max-width: 130px;
}

.footer_qrcode_text {
    width: 130px;
    text-align: center;
    margin-top: 15px;
}

/*åº•éƒ¨ç¿»è¯‘*/
.translate {
    background-color: #005188;
}

.translate_btn {
    width: 130px;
    margin: 0 auto;
    padding-top: 20px;
}

/*UEditorç¼–è¾‘å™¨å‰ç«¯è¡¨æ&nbsp;¼æ&nbsp;·å¼*/
table {
    margin-bottom: 10px;
    border-collapse: collapse;
    display: table;
}

td, th {
    padding: 5px 10px;
    border: 1px solid #DDD;
}

caption {
    border: 1px dashed #DDD;
    border-bottom: 0;
    padding: 3px;
    text-align: center;
}

th {
    border-top: 1px solid #BBB;
    background-color: #F7F7F7;
}

table tr.firstRow th {
    border-top-width: 2px;
}

.ue-table-interlace-color-single {
    background-color: #fcfcfc;
}

.ue-table-interlace-color-double {
    background-color: #f7faff;
}

td p {
    margin: 0;
    padding: 0;
}


/*å¤§å±å¹•æ&nbsp;·å¼*/
@media screen and (min-width: 769px) {
    .logo {
        margin-top: 45px;
        margin-bottom: 25px;
        max-width: 700px;
    }

    /*å¯¼èˆªæ&nbsp;·å¼*/
    .navbar {
        margin: 0px;
        margin-top: 24px;
        border: none;
        background-color: #0071bf;
        min-height: 60px;
    }

    .navbar-nav &gt; li {

    }

    .navbar-nav &gt; li:first-child {
    }

    .navbar-nav &gt; li:last-child {
    }

    .navbar-nav &gt; li &gt; a {
        text-align: center;
    }

    .navbar-default .navbar-nav &gt; li &gt; a {
        color: #fff;
        font-size: 16px;
        padding: 20px 34px 20px 34px;
    }

    .navbar-default .navbar-nav &gt; li &gt; a:hover,
    .navbar-default .navbar-nav &gt; li &gt; a:focus,
    .navbar-default .navbar-nav &gt; li &gt; a.active,
    .navbar-default .navbar-nav &gt; .active &gt; a,
    .navbar-default .navbar-nav &gt; .active &gt; a:hover,
    .navbar-default .navbar-nav &gt; .open &gt; a,
    .navbar-default .navbar-nav &gt; .open &gt; a:hover,
    .navbar-default .navbar-nav &gt; .open &gt; a:focus {
        background-color: #02b29c;
        color: #fff;
    }

    .navbar-brand {
        display: none;
    }

    /*å¯¼èˆª-è§¦å‘æ»šåŠ¨*/
    .navbar-fixed-top {
        min-height: 50px;
        margin-top: 0px;
        opacity: 0.9;
    }

    .navbar-fixed-top ul.navbar-nav &gt; li &gt; a {
        padding: 15px 25px 15px 25px;
    }

    /*å¯¼èˆªäºŒçº§èœå•*/
    .nav_small {
        background-color: #02b29c;
        background-color: rgba(2, 178, 156, 0.8);
        padding: 10px 0px;
        padding-bottom: 15px;
        border-radius: 0px;
        border: none;
        box-shadow: none;
    }

    .nav_small &gt; li &gt; a {
        line-height: 20px;
        padding: 7px 0px;
        text-align: center;
        color: #fff;
        font-size: 13px;
    }

    .nav_small &gt; li &gt; a:hover {
        color: #fff;
        background-color: #029e8b;
    }

    #app_menudown,
    #search_btn {
        display: none;
    }

    .mfoot_box {
        display: none;
    }
}

/*å°å±å¹•æ&nbsp;·å¼*/
@media screen and (max-width: 768px) {
    .top_bg {
        display: none;
    }

    .top_welcome,
    .top_tel {
        display: none;
    }

    .logo {
        display: block;
        margin: 0 auto;
        margin-top: 25px;
        margin-bottom: 25px;
        max-width: 300px;
    }

    #search_btn {
        float: right;
        margin-top: 7px;
        padding: 8px 13px;
        font-size: 17px;
        border-radius: 4px;
        color: #fff;
    }

    #search_btn:hover,
    #search_btn:focus {
        cursor: pointer;
        background-color: #02b29c;
    }

    .navbar {
        margin: 0px;
        border: 0px;
        min-height: 50px;
        background-color: #0071bf;
    }

    .navbar-default .navbar-brand {
        color: #fff;
        font-size: 16px;
    }

    .navbar-default .navbar-brand:hover,
    .navbar-default .navbar-brand:focus {
        color: #fff;
    }

    .navbar-toggle {
        border: none;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #02b29c;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-default .navbar-nav {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .navbar-default .navbar-nav &gt; li:last-child {
        border: none;
    }

    .navbar-default .navbar-nav &gt; li &gt; a,
    .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a {
        color: #fff;
    }

    .navbar-default .navbar-nav &gt; li &gt; a:hover,
    .navbar-default .navbar-nav &gt; li &gt; a:focus,
    .navbar-default .navbar-nav &gt; .active &gt; a,
    .navbar-default .navbar-nav &gt; .active &gt; a:hover,
    .navbar-default .navbar-nav &gt; .active &gt; a:focus,
    .navbar-default .navbar-nav &gt; .open &gt; a,
    .navbar-default .navbar-nav &gt; .open &gt; a:hover,
    .navbar-default .navbar-nav &gt; .open &gt; a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover {
        background-color: #02b29c;
        color: #fff;
    }

    #app_menudown {
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 16px;
    }

    #app_menudown:hover {
        background-color: #02b29c;
    }

    .navbar-fixed-top {
        margin-top: 0px;
        opacity: 0.9;
    }

    /*æ‰‹æœº-é¦–é¡µäº§å“*/
    .product_head h2 {
        margin-top: 40px;
        font-size: 25px;
    }

    .product_head span {
        background: url(../images/m_h2_line.html) center center no-repeat;
    }

    .product_head p {
        font-size: 14px;
        margin-top: 8px;
    }

    .product_img {
        min-height: 180px;
    }

    .product_list2 div.product_img {
        min-height: 180px;
    }

    /*æ‰‹æœº-é¦–é¡µæ¡ˆä¾‹*/
    .case_head h2 {
        margin-top: 40px;
        font-size: 26px;
    }

    .case_head p {
        font-size: 14px;
        margin-top: 4px;
    }

    .case_img {
        min-height: 150px;
    }

    .case_list2 div.case_img {
        min-height: 150px;
    }

    /*æ‰‹æœº-é¦–é¡µæ–°é—»*/
    .news_head {
        margin-bottom: 0px;
    }

    .news_head h2 {
        margin-top: 30px;
        font-size: 26px;
    }

    .news_head span {
        background: url(../images/m_h2_line.html) center center no-repeat;
    }

    .news_head p {
        font-size: 14px;
        margin-top: 4px;
    }

    .news_h3 {
        text-align: center;
        background: url(../images/news_title.jpg) center bottom no-repeat;
        padding: 10px 0px 10px 0px;
        margin-bottom: 20px;
    }

    .news_ul li {
        color: #000;
        border-bottom: 1px dotted #dddddd;
        background: url(../images/li.png) no-repeat left 15px;
        line-height: 21px;
        padding: 10px 0px;
        padding-left: 14px;
    }

    .right_new_time,
    .news_time_p,
    .news_des {
        display: none;
    }

    .news_img img {
        display: none;
    }

    .news_img a {
        font-weight: normal;
        font-size: 14px;
    }

    /*æ‰‹æœº-é¦–é¡µå…¬å¸ç®€ä»‹*/
    .about_head {
        margin-bottom: 25px;
    }

    .about_head h2 {
        margin-top: 35px;
        font-size: 26px;
    }

    .about_head span {
        background: url(../images/m_h2_line.html) center center no-repeat;
    }

    .about_head p {
        font-size: 14px;
        margin-top: 8px;
    }

    .about_content {
        margin-top: 0px;
    }

    .about_btn {
        display: block;
        width: 200px;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 40px;
    }

    /*æ‰‹æœº-é¦–é¡µåˆä½œå®¢æˆ·*/
    .cooperation_head {
        margin-top: 50px;
    }

    .cooperation_head p {
        font-size: 22px;
        margin-top: 8px;
    }

    .cooperation_img {
        min-height: 100px;
    }

    .page_bg {
        display: none;
    }

    .right_contents img,
    .product_con img,
    .photo_con img {
        max-width: 100%;
    }

    .feedback {
        margin-top: 20px;
    }

    .proinfo_box {
        margin-bottom: 80px;
    }

    #pic-page a img {
        width: 35px;
    }

    #cmsFloatPanel {
        display: none;
    }

    .point span.to_prev,
    .point span.to_next {
        text-align: left;
        padding-bottom: 8px;
    }

    /*æ‰‹æœº-åº•éƒ¨ä¿¡æ¯*/
    footer {
        padding-top: 40px;
        padding-bottom: 25px;
    }

    .footer_logo,
    .footer_logo_text {
        display: none;
    }

    .footer_contact {
        margin-bottom: 30px;
    }

    .footer_qrcode {
        display: block;
        max-width: 130px;
        margin: 0 auto;
        margin-top: 25px;
    }

    .footer_qrcode_text {
        width: 130px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 35px;
    }

    /*æ‰‹æœº-å‹æƒ…é“¾æŽ¥*/
    .link_box {
        padding-left: 7px;
        margin-bottom: 50px;
    }

    .link_box a {
        display: block;
        border-right: 0px;
        padding: 4px 0px;
    }

    .link_title {
        display: block;
    }

    .link_title:after {
        content: "";
    }

    .link_box button {
        display: inline-block;
        background-color: transparent;
        border: none;
        float: right;
        margin-top: -20px;
    }

    .link_box button:hover,
    .link_box button:focus {
        color: #97f3e7;
    }

    .link_list {
        display: none;
        padding-top: 7px;
    }

    /*æ‰‹æœº-Tagsæ&nbsp;‡ç­¾*/
    .tags_box {
        padding-left: 7px;
        margin-bottom: 50px;
    }

    .tags_box a {
        display: block;
        border-right: 0px;
        padding: 4px 0px;
    }

    .tags_title {
        display: block;
    }

    .tags_title:after {
        content: "";
    }

    .tags_box button {
        display: inline-block;
        background-color: transparent;
        border: none;
        float: right;
        margin-top: -20px;
    }

    .tags_box button:hover,
    .tags_box button:focus {
        color: #97f3e7;
    }

    .tags_rows {
        display: none;
        padding-top: 7px;
    }

    /*æ‰‹æœº-åº•éƒ¨æŒ‰é’®*/
    .mfoot_box {
        background-color: #027BD6;
    }

    .mfoot_nav {
        width: 25%;
        float: left;
        background-color: #027BD6;
        text-align: center;
        color: #FFFFFF;
        cursor: pointer;
        border-right: 1px solid #CCCCCC;
    }

    .mfoot_nav:hover,
    .mfoot_nav:focus {
        background-color: #027BD6;
        cursor: pointer;
    }

    .mfoot_nav a {
        color: #FFFFFF;
        display: block;
    }

    .mfoot_nav a:hover,
    .mfoot_nav a:focus {
        text-decoration: none;
    }

    .mfoot_nav span {
        display: block;
        padding: 3px 0px 0px 0px;
    }

    .mfoot_share {
        width: 240px;
        padding: 5px;
    }
}

@media screen and (max-width: 767px) {
    .copyright_p {
        display: none;
    }
}

/*320pxåˆ°768px*/
@media screen and (min-width: 320px) and (max-width: 768px) {
    .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {
        float: left;
    }

    .col-mm-12 {
        width: 100%;
    }

    .col-mm-11 {
        width: 91.66666667%;
    }

    .col-mm-10 {
        width: 83.33333333%;
    }

    .col-mm-9 {
        width: 75%;
    }

    .col-mm-8 {
        width: 66.66666667%;
    }

    .col-mm-7 {
        width: 58.33333333%;
    }

    .col-mm-6 {
        width: 50%;
    }

    .col-mm-5 {
        width: 41.66666667%;
    }

    .col-mm-4 {
        width: 33.33333333%;
    }

    .col-mm-3 {
        width: 25%;
    }

    .col-mm-2 {
        width: 16.66666667%;
    }

    .col-mm-1 {
        width: 8.33333333%;
    }
}



.mater-table {
    display: block;
    max-height: 800px;
    overflow: hidden;
}

.over-hide{
    position:absolute;
    width:100%;
    z-index:999;
    max-height: 800px;
    background-color: white;
    overflow:hidden;
    background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
}


#select-table{
    font-size: 10pt;
}

#select-table tr .head-td{
    padding-top: 10px;
    width: 80px;
    text-align: center;
    background-color: #f3f3f3;
}

#select-table tr .select-a a{

    display: inline-block;
    padding-left: 10px;
    color: #337ab7;
    padding-top: 10px;
}

#select-table tr .select-a .active{

    color: red;
}

.opt-prefix{
    border: 1px solid #ffa500;
    font-size: 14px;
    color: #ffa500;
    margin: 0 5px 0 5px;
    padding: 2px 2px;
}

#select-table tr .select-a a:hover{
    text-decoration-line: underline;
}
.bottom-banner-scroll {
    margin-top: 15px;
    background-color: #fff;
}

.swiper-container img {
    text-align: center;
    box-sizing: border-box;
    border: 0px;
    vertical-align: middle;
    height: auto;
    max-width: 100%;
}

.swiper-container .imgscroll {
    overflow: hidden;
    text-align: center;
}

.txt-scroll{ background-image: url(../images/ico-notice.png); background-position: 10px center; background-repeat: no-repeat; font-weight: bold; border: 1px solid #ddd;}


/*txt-scroll*/
.txt-scroll{ width: 100%; height: 30px; line-height: 30px; padding: 0 5px 0 30px; }
.txt-scroll .scrollbox{ width: 100%; white-space: nowrap; overflow:hidden; transition: all .2s; }
.txt-scroll .txt,
.txt-scroll .txt-clone{ display: inline; position: relative; }
.pa-detail-product-price{
    margin: 0px;
}

.pa-detail-product-price .yuanjia{
    text-decoration: line-through;
}


.pa-detail-product-price .yuan{
    font-size:25px;
    color: red;
    font-family:Tahoma,Arial,sans-serif;
}
.pa-detail-product-price .fen{
    font-size:20px;
    color: red;
    font-family:Tahoma,Arial,sans-serif;
}
</pre></body></html>