@charset "utf-8";
/* CSS Document */

body{ width:100%; max-width:640px; margin:0 auto!important;}
.foot{ width:100%; max-width:640px; margin:0 auto;}
.dropdown-menu{ right:0!important;}

ul,li{ list-style:none; padding:0px; margin:0px}
a{ text-decoration:none}
a:hover{ text-decoration:none}
.clear{clear:both;line-height:0;font-size:0;height:0}

.conten{ width:100%}
.header{}
.logo{ width:90%; margin-top:8px; margin-bottom:6px; float:left; margin-left:5%;}
.logo img{ width:100%}
.search{position:absolute; top:8px; right:5px}
.nav-tabs{ border-bottom:none !important}
.let_nav{  height:64px; border-top:#e4e4e4 1px solid}
.let_nav li{ float:left; width:25%; height:32px; line-height:32px; text-align:center; font-size:12px; background:url(../img/navbg.jpg) right bottom no-repeat}
.let_nav li a{ color:#FFF}

.about{}
.about_title{ background-color:#6b4822; height:30px; line-height:30px; color:#FFF; padding-left:15px}
.about_title a{ color:#FFF}
.about_title span{ display:block; float:right; padding-right:15px}
.news_tet li{ border-bottom:#ddd 1px solid; font-size:12px; height:28px; line-height:28px; padding:0 10px}
.news_tet li a{ display:block; float:left; color:#333}
.news_tet li span{ display:block; float:right}
.aboutnei{ background:#eee; border-bottom:#ddd 1px solid; height:32px; line-height:32px; padding:0 10px; position:relative}
.aboutnei_txt{ padding:10px; line-height:24px; font-size:12px}
.aboutnei_txt a{ color:#333;}
.about_right{ position:absolute; right:25px; top:0px}
.about_right a{ color:#666; font-size:12px}

.dropdown-menu{ left:auto!important; min-width:100px!important}
.searchInput{ font-size:12px; color:#999; text-indent:10px}
.searchBtn{font-size:12px;}
.news_list li{ border-bottom:#ddd 1px solid; font-size:12px; height:50px; line-height:32px; padding:0 10px; position:relative}
.news_list li .riqi{ position:absolute; left:10px; bottom:0px; color:#999}
.news_list li a{ display:block; float:left; color:#333}
.news_list li span{ display:block; float:right}

.metlist{}
.metlist li{ padding:15px 10px; border-bottom:#ddd 1px dashed; margin:10px 0; }
.metlist li a{ display:block; float:left; font-size:12px}
.metlist li span{ display:block; float:right; color:#666}
.posts{ padding:10px 0}
.productlist{}
.productlist li{ float:left; width:45%; padding:5px; text-align:center}
.product_name{ font-size:12px; color:#444; height:30px;}
.inner{ padding:10px 2px;}

.modal {
    position: fixed;
    top: 10%;
    left: 10px !important;
    z-index: 1050;
    width: 300px !important;
    margin-left: 0px !important;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    outline: 0px none;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
    background-clip: padding-box;
}

.message_table .input-text{ width:93%; font-size:12px; color:#999}
.banquan{ background: #eee; padding:10px 0 50px 0; text-align:center; font-size:12px;}
.foot{  width:100%;}
.foot li{ width:20%; float:left; background:#005a8a;height:40px; text-align:center; font-size:12px;}
.foot li a{ color:#FFF; line-height:32px; padding-top:15px; display:block}
.foot .phone{ background:url(../img/phone.png)  center 4px no-repeat}
.foot .mail{ background:url(../img/mail.png)  center 4px no-repeat}
.foot .fenxiang{ background:url(../img/fenxiang.png)  center 4px no-repeat}
.foot .map{ background:url(../img/map.png)  center 4px no-repeat}
.foot .feedback{ background:url(../img/feedback.png)  center 4px no-repeat}
/*分页*/
.page_nav{ margin-left:5px;height:30px; overflow:hidden}
.page_nav a{ height:32px; line-height:32px; border-bottom:#CCC 1px solid; border-right:#CCC 1px solid; padding:5px 10px;border-top:#CCC 1px solid;border-left:#CCC 1px solid;}
.page_nav span{ height:32px; line-height:32px; border-bottom:#CCC 1px solid; border-right:#CCC 1px solid; padding:5px 10px;border-top:#CCC 1px solid;border-left:#CCC 1px solid;}

.page{ margin-top:20px; margin-bottom:50px;}
.page,.page span,.page p,.page a{ padding:4px; font-size:11px; color:#aaa;}
.page a{ color:#666;}
.page a:hover{ color:#0a669f;}
/**
//
 * Slider specific styles
 */

.slider {
    position: relative;
    width: 320px;
    margin: 20px auto;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.frame {
    position: relative;
    width: 270px;
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    white-space: nowrap;
}

.frame li {
    position: relative;
    display: inline-block;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
}

.slides {
    display: inline-block;
}

.simple li {
    width: 270px;
    margin-right: 10px;
}

.variablewidth li {
    width: 280px;
    margin-right: 10px;

}

.multipleelements li, .multislides li, .ease li {
    width: 130px;
    margin-right: 10px;
}

.simple li:last-child,
.variablewidth li:last-child,
.multipleelements li:last-child,
.multislides li:last-child,
.ease li:last-child {
    margin-right: 0;
}

.prev, .next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    display: block;
    cursor: pointer;
}

.next {
    right: 0;
}

.prev {
    left: 0;
}

.next svg, .prev svg {
    width: 25px;
}

@media screen and (min-width: 640px ) {
    /**
     * Demo Page Styles
     */
    .examplecode, .frame {
        width: 580px;
    }

    table {
        width: 580px;
        margin: 0 auto;
    }

    tr {
        padding: 0;
    }

    /**
     * Slider specific styles
     */

    .slider {
        width: 640px;
        margin: 0 auto 20px;
    }

    .simple li {
        width: 580px;
    }

    .variablewidth li {
        width: 280px;
        margin-right: 10px;
    }

    .multipleelements li, .multislides li, .ease li {
        width: 130px;
        margin-right: 20px;
    }
}

@media screen and (min-width: 980px ) {
    /**
     * Demo Page Styles
     */

    .examplecode {
        width: 880px;
    }

    /**
     * Slider specific styles
     */

    .slider {
        width: 980px;
        margin: 0 auto 20px;
    }

    .frame {
        width: 880px;
    }

    .simple li {
        width: 880px;
    }

    .variablewidth li {
        width: 280px;
        margin-right: 10px;
    }

    .multipleelements li, .multislides li, .ease li {
        width: 205px;
        margin-right: 20px;
    }
}

/* 大屏幕 */
@media (min-width: 1200px) { ... }
 
/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) { ... }
 
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) { ... }
 
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) { ... }