body {
    font-family:"PingFangSC-Regular","Microsoft YaHei","微软雅黑",Helvetica,"Hiragino Sans GB",Arial,sans-serif;
    font-size:1.6rem;
    line-height:1.4;
    color:#000;
}
img {
    width:auto\9;
    height:auto;
    max-width:100%;
    vertical-align:middle;
    border:0;
    -ms-interpolation-mode:bicubic;
}
.navbar-brand>img{
    height: 5rem;
    display: inline-block;
}
.navbar-brand{
    line-height: 7rem;
    height: 7rem;
    padding: 0 2rem;
    display: inline-block;
    margin-left: 0;
}
h1{
    font-size: 3.6rem;
}
h2{
    font-size: 2.8rem;
}
h3{
    font-size: 2.4rem;
}
h4{
    font-size: 1.8rem;
}
p {
    line-height:2;
}
@media (min-width:1400px) {
    .container {
    width:1370px;
}
}@media (min-width:1600px) {
    .container {
    width:1570px;
}
}.common_alert {
    top:10%;
    position:fixed;
    z-index:99999;
    width:100%;
}
.text-white {
    color:#fff;
}
.bg_f2f2f2 {
    background:#f2f2f2;
}
.red {
    color:#ed4e2a !important;
}
.text-gray {
    color:#999999
}
.text-red {
    color:#920910;
}
.text-indent {
    text-indent:2em;
}
.common_alert {
    top:50%;
    transform:translate(-50%,-50%);
    left:50%;
    position:fixed;
    z-index:99999;
    width:20rem;
}
a {
    color:#000;
}
a,a:hover,a:visited,a:focus {
    text-decoration:none;
}
a:hover {
    color:#999;
}
.container-fluid {
    width:100%;
    padding:0;
}
.container-fluid .row {
    margin:0;
}
.container>.navbar-collapse {
    margin-right:-1.5rem;
}
/*单选和多选*/
.radio,.checkbox,.t_radio {
    margin-top:0;
    padding:1rem 1rem 1rem 4rem !important;
    position:relative;
}
.radio input[type="radio"],.t_radio input[type="radio"],.checkbox input[type="checkbox"] {
    opacity:1;
    position:absolute;
    left:0.8rem;
    top:50%;
    width:2rem;
    height:2rem;
    margin-top:-1rem;
    margin-left:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    border:0;
    padding:0;
    outline:0;
    background:url("../images/start_heart.png") no-repeat;
    -webkit-background-size:9rem 18rem;
    -moz-background-size:9rem 18rem;
    -o-background-size:9rem 18rem;
    background-size:9rem 18rem;
    -webkit-background-clip:content-box;
    -moz-background-clip:content-box;
    background-clip:content-box;
    background-origin:content-box;
    -moz-background-origin:content-box;
    -webkit-background-origin:content-box;
}
.t_radio input[type="radio"] {
    background:url("../images/radio.png") no-repeat;
    -webkit-background-size:2rem 2rem;
    -moz-background-size:2rem 2rem;
    -o-background-size:2rem 2rem;
    background-size:2rem 2rem;
}
.t_radio input[type="radio"]:checked {
    background:url("../images/radio_check.png") no-repeat;
    -webkit-background-size:2rem 2rem;
    -moz-background-size:2rem 2rem;
    -o-background-size:2rem 2rem;
    background-size:2rem 2rem;
}
.radio input[type="radio"]:checked {
    background-position:-3rem 0
}
.checkbox input[type="checkbox"] {
    background-position:0 -3rem
}
.checkbox input[type="checkbox"]:checked {
    background-position:-3rem -3rem
}
.mt_navbar {
    background-color:#221815;
    padding-left:4rem;
    padding-right:4rem;
    border-radius:0;
    margin-bottom:0;
}
.mt_navbar .navbar-collapse:after {
    content:" ";
    clear:both;
    display:block;
}
.mt_navbar .navbar-nav>li>a {
    color:#fff;
    line-height:7rem;
    padding:0rem 2.5rem;
    font-size: 1.4rem;
}
.mt_navbar .navbar-nav>li>a span {
    position:relative;
    display:inline-block;
}
.mt_navbar .navbar-nav>li>a:hover,.mt_navbar .navbar-nav>li>a:focus {
    background-color:transparent;
    color:#fff;
}
.mt_navbar .navbar-nav>li>a:hover span:after {
    content:" ";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:0.2rem;
    background-color:#fff;
}
.search_btn {
    position:absolute;
    right:0;
    width:2rem;
    top:50%;
    transform:translateY(-50%);
}
#search_form {
    padding-top:0.6rem;
}
#search_form .form-control {
    color:#fff;
}
.index_banner a {
    display:block;
    color:#221815;
    position:relative;
}
.index_banner a:hover {
    color:#221815;
}
.index_banner img {
    width:100%;
}
.index_banner .banner_box {
    position:absolute;
    left:15%;
    top:50%;
    transform:translateY(-50%);
}
.banner_box h1 {
    margin-bottom:0;
    font-size:4.8rem;
}
.banner_box h3 {
    margin-top:1rem;
    margin-bottom:4rem;
    font-size:3.6rem;
}
.index_body .row {
    margin-bottom:3rem;
}
.index_left,.index_right {
    position:relative;
}
.index_left>img {
    width:40%;
}
.index_left .left_box {
    position:absolute;
    top:50%;
    left:43%;
    right:0;
    transform:translateY(-50%);
}
.index_right {
    text-align:right;
    padding-top:4rem;
}
.index_right .right_box {
    text-align:left;
    position:absolute;
    top:50%;
    left:0;
    right:43%;
    transform:translateY(-50%);
}
.index_right .right_video {
    width:40%;
    display:inline-block;
}
.left_box a,.right_box a {
    display:inline-block;
    color:#221815;
    padding:0.3rem 2rem;
    border:1px dotted #221815;
}
.left_box a:hover,.right_box a:hover{
    color:#fff;
    background-color: #221815;
}
.index_bottom {
    padding-top:4rem;
    padding-bottom:6rem;
}
.i_bottom_box {
    text-align:center;
}
.i_bottom_box h3 {
    margin-bottom:3rem;
}
.i_bottom_box .i_box_des {
    font-size:1.4rem;
    margin-bottom:3rem;
}
.i_bottom_box a {
    display:inline-block;
    border:1px solid #221815;
    padding:0.5rem 5rem 0.5rem 2rem;
    font-size:1.4rem;
    position:relative;
}
.i_bottom_box a span {
    display:inline-block;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    padding:0.5rem 1rem;
    background-color:#221815;
    color:#fff;
}
.i_bottom_box a:hover {
    background-color:#221815;
    color:#fff;
}
footer {
    background-color:#221815;
    color:rgba(255,255,255,.7);
}
.footer_logo {
    padding:2rem 0;
    border-bottom:0.1rem solid #655e5c;
    margin-bottom:2rem;
}
.bottom_nav {
    margin-bottom:3rem;
}
.bottom_nav a {
    display:block;
    color:rgba(255,255,255,.7);
    line-height:3.5rem;
    font-size:1.4rem;
}
.bottom_nav a img {
    width:2rem;
    margin-right:0.5rem;
    vertical-align:sub;
}
.bottom_nav a:hover {
    color:#fff;
}
.sub_title {
    color:rgba(0,0,0,.7);
    position:relative;
    padding-bottom:1.5rem;
    margin-bottom:6rem;
    display:inline-block;
}
.sub_title:after {
    content:" ";
    bottom:0;
    position:absolute;
    width:50%;
    left:25%;
    height:0.3rem;
    background-color:#815436;
}
.c_title {
    margin-top:6rem;
    text-align:center;
}
.contact_box {
    border-radius:0.8rem;
    padding:2rem;
    text-align:center;
    background-color:#f7f7f7;
    margin-bottom:6rem;
}
.form_box {
    border-radius:0.8rem;
    padding:2rem;
    background-color:#f7f7f7;
    margin-bottom:6rem;
}
.form_box h3 {
    margin-bottom:2rem;
}
label {
    font-weight:normal;
}
.form-control {
    border:0;
    font-size:1.6rem;
    border-bottom:0.1rem solid #c6c6c6;
    background-color:transparent;
    box-shadow:none;
    border-radius:0;
}
.form-control:focus {
    box-shadow:none;
    border-bottom-color:#c6c6c6;
}
.input-group-addon {
    font-size:1.6rem;
    padding-left:0;
    color:#000;
    padding-right:0;
    background-color:transparent;
    border:0;
    border-bottom:0.1rem solid #c6c6c6;
    border-radius:0;
}
.btn-default {
    background-color:#221815;
    color:#fff;
    padding:1rem 2remmm;
}
.btn-default:hover,.btn-default:focus {
    background-color:#221815;
    color:#fff;
    opacity:.7;
}
.btn-default.disabled,.btn-default.disabled:hover {
    background-color:rgba(0,0,0,.7);
    color:#fff;
}
.ques_list a {
    display:block;
    margin-bottom:2rem;
    text-decoration:underline;
    color:rgba(0,0,0,.7);
}
.d_detail {
    min-height:50rem;
    margin-top:3rem;
}
.store_box {
    margin-bottom:2rem;
    text-align:center;
}
.store_box img {
    margin-bottom:2rem;
}
.id_banner img {
    width:100%;
}
.id_nav {
    text-align:center;
    background-color:#f2f2f2;
}
.id_nav a {
    display:inline-block;
    border-left:0.1rem solid #fff;
    color:rgba(0,0,0,.7);
    padding-left:3rem;
    padding-right:3rem;
}
.id_nav a span {
    display:inline-block;
    line-height:5rem;
    position:relative;
}
.id_nav a.active {
    color:#000;
}
.id_nav a.active span:after {
    content:" ";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:0.3rem;
    background-color:#000;
}
.id_nav a:last-child {
    border-right:0.1rem solid #fff;
}
.d_left,.d_right {
    position:relative;
    margin-bottom:6rem;
}
.d_left:after {
    content:" ";
    display:block;
    clear:both;
}
.d_left .d_left_img {
    float:right;
}
.d_left_txt,.d_right_txt {
    position:absolute;
    top:50%;
    width:50%;
    transform:translateY(-50%);
}
.d_left_txt h2,.d_right_txt h2 {
    margin-bottom:3rem;
}
.d_left_txt {
    left:0;
}
.d_right_txt {
    right:0;
}
.qun_index {
    text-align:center;
    margin-top:6rem;
    margin-bottom:6rem;
}
.qun_title {
    color:#815436;
    font-size:6rem;
    position:relative;
}
.qun_title.more:after {
    content:"+";
    position:absolute;
    right:-1rem;
    top:0;
    font-size:2rem;
    color:#815436;
}
#swiper_introduce .swiper-slide img {
    width:100%;
}
.introduce_btn {
    text-align:center;
    color:#815436;
    margin-top:2rem;
    margin-bottom:6rem;
    font-size:2.4rem;
}
.introduce_btn .swiper-next,.introduce_btn .swiper-prev,.introduce_btn .in_title {
    display:inline-block;
}
.introduce_btn .swiper-next,.introduce_btn .swiper-prev {
    cursor:pointer;
}
.introduce_btn .in_title {
    min-width:30rem;
    text-align:center;
    padding-left:2rem;
    padding-right:2rem;
}
.brand_title {
    margin-bottom:6rem;
}
.brand_box {
    text-align:center;
    margin-bottom:6rem;
}
.history_title {
    margin-top:6rem;
    margin-bottom:4rem;
}
#swiper_history {
    padding-left:1rem;
    padding-right:1rem;
}
.his_box {
    position:relative;
    padding:1.5rem;
    margin-top:2rem;
    margin-bottom:6rem;
    box-shadow:0 0 1rem #d2d2d2;
}
.his_box .his_title {
    position:absolute;
    left:2rem;
    top:-1.5rem;
    color:#fff;
    background-color:#3c9da9;
    padding:0.3rem 2rem;
}
.his_box img {
    width:100%;
}
.his_box .his_des {
    padding-top:2rem;
    margin-bottom:2rem;
}
.serve_box {
    color:#221815;
    margin-bottom:2rem;
    display:block;
}
.serve_box:hover {
    color:#999;
}
.product_nav {
    padding:2rem 0;
    margin-bottom:3rem;
    border-bottom:0.1rem solid #e3e3e3;
}
.product_nav a {
    display:inline-block;
    padding:1rem 2rem;
    position: relative;
}
.product_nav a.active{
/*    background-color: #f2f2f2;*/
}
.product_nav a.active:after{
    content:" ";
    left: 25%;
    position: absolute;
    width: 50%;
    height: 2px;
    background-color: #000;
    top: 100%;
}
.product_nav img{
    height: 3rem;
}
.empty_produt {
    text-align:center;
    line-height:50rem;
}
.p_img,.p_thumb_img {
    float:right;
}
.p_img {
    width:100%;
}
.p_thumb_img {
    width:5rem;
    margin-right:-7rem;
    height:40rem;
    padding-right:1rem;
}
.p_thumb_img img {
    height:100%;
    width:100%;
}
.p_thumb_img .thumb_img {
    overflow:hidden;
    width:6rem;
    margin-bottom:0.5rem;
}
.p_thumb_img .active {
    box-shadow:0 0 0.3rem 0.2rem rgba(0,0,0,.2);
}
.p_img .swiper-button-next,.p_img .swiper-button-prev {
    background-color:rgba(0,0,0,.2);
    padding:3rem 2rem;
    background-size:1.3rem 2.2rem;
}
.p_img .swiper-button-prev {
    left:0;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.p_img .swiper-button-next {
    right:0;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
#product_banner img {
    width:100%;
}
.p_attr p {
    border-bottom:0.1rem solid #e8e7e7;
    line-height:5rem;
    margin-bottom:0;
}
.p_info {
    display:none;
}
.tab_nav {
    margin-top:3rem;
    margin-bottom:3rem;
}
.tab_nav a {
    display:inline-block;
    padding:1rem 2rem;
}
.tab_nav a.active {
    background-color:#221815;
    color:#fff;
}
.search_input {
    border:0;
    background-color:#e7e7e7;
    border-radius:10rem;
    line-height:4rem;
    height:auto;
    padding-left:6rem;
}
.search_page {
    position:relative;
}
.search_page img {
    position:absolute;
    left:2rem;
    top:50%;
    width:2rem;
    transform:translateY(-50%);
}
.navbar-toggle{
    border: 1px solid #fff;
}
.navbar-toggle .icon-bar{
    background-color: #fff;
}
.history_btn .swiper-prev,
.history_btn .swiper-next{
    position: absolute;
    top: 50%;
    font-size: 4rem;
    color: #221815;
    margin-top: -1rem;
    cursor: pointer;
    transform: translateY(-50%);
}
.history_btn .swiper-next{
    left: 0;
}
.history_btn .swiper-prev{
    right: 0;
}
.nav-ul2-wrap{
    position: absolute;
    top: 7rem;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 2;
    height: 0;
    overflow: hidden;
    transition: all .3s;
    z-index: 3;
}
.nav>li{
    position: static;
}
.nav-ul2{
    float: left;
    position: relative;
    margin:3rem;
    padding: 0;
}
.nav-ul2>li{
    margin-bottom: 1.6rem;
    line-height: 1;
    text-align: left;
    list-style-type: none;
}
.nav-ul2>li>a{
    color: #352b28;
    padding-right: 2.4rem;
    font-size: 1.4rem;
}
.nav-ul2 .sub_nav_title a{
    font-size: 2.4rem;
}
.nav-ul2>li>a:hover{
    color: #999;
}
.nav-ul2>li>ul{
    display: none;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    left: 90%;
    top: 0;
    padding: 10px;
    background-color: #f2f2f2;
    z-index: 1;
    min-width: 10rem;
}
.nav-ul2>li:hover>ul{
    display: inline-block;
}
.nav-ul2>li>ul>li{
    list-style-type: none;
}
.nav-ul2>li>ul>li>a{
    white-space: nowrap;
    color: #999;
    font-size: 1.4rem;
    padding: 8px 15px;
    display: block;
}
.nav-ul2>li>ul>li>a:hover{
    color: #000;
}
.nav_desc{
    text-align: left;
    margin-top: 3rem;
}
.nav_desc img{
    height: 9.9rem;
}
.navs_img{
    margin-top: 3rem;
    display: none;
}
/*.sidenav start*/
.navbar-toggle{
    background-color:#000;
}
.navbar-toggle .icon-bar{
    background-color: #fff;
}
.btn-black{
    background-color: #000;
    color: #fff;
}
.btn-black:hover{
    background-color: rgba(0,0,0,.7);
    color: #fff;
}
.sidenav {
    background: #212121;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .3);
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    left: 0;
    position: fixed;
    overflow: auto;
    transform: translate(-100%, 0);
    transition: transform .3s;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.sidenav.show {
    transform: translate(0, 0)
}

.sidenav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 20px;
}

.sidenav-menu li {
    display: block;
    position: relative
}

.sidenav-menu a {
    background: 0 0;
    color: #BDBDBD;
    display: block;
    line-height: 24px;
    padding: 10px 20px;
    text-decoration: none
}

.sidenav-menu a:hover {
    background: #616161;
    color: #fff;
}

.sidenav-menu a.active, .sidenav-menu a.active .sidenav-dropdown-icon, .sidenav-menu a.active .sidenav-link-icon {
    color: #FAFAFA
}
.sidenav-dropdown-icon .material-icons,
.sidenav-dropdown-icon .material-icons2{
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    vertical-align: top;
    margin-top: -3px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sidenav-dropdown-icon, .sidenav-link-icon {
    color: #757575;
    position: absolute;
    text-align: center;
    top: 8px
}

.sidenav-link-icon {
    display: block;
    height: 24px;
    left: 24px;
    width: 24px
}

.sidenav-link-title {
    display: block;
}

.sidenav-dropdown {
    display: none;
    list-style: none;
    padding: 0
}

.sidenav-dropdown a {
    background: #191919;
    padding-left: 32px
}

.sidenav-dropdown a:hover {
    background: #616161
}

.sidenav-dropdown li:first-child a {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.sidenav-dropdown-icon {
    display: none;
    height: 16px;
    right: 16px;
    width: 16px
}

.sidenav-dropdown-icon.show {
    display: block
}

.sidenav-overlay {
    background: rgba(255, 255, 255, .8);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.sidenav-no-scroll {
    overflow: hidden !important
}
.sidenav-dropdown-icon:after{
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 22px;
}
#index_swiper .swiper-next,
#index_swiper .swiper-prev{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 5.5rem;
    color: #221815;
    cursor: pointer;
    z-index: 99;
}
#index_swiper .swiper-next{
    right: 5%;
}
#index_swiper .swiper-prev{
    left: 5%;
}
.page{
    margin-bottom: 20px;
}
.page a,
.page span{
    display: inline-block;
    padding: 5px 10px;
}
.box{
    width: 200px;
    height: 200px;
    position: absolute;
    border-radius: 0px;
    overflow: hidden;
    cursor: move;
    display: none;
}
.imgzoom{
    border: 1px solid black;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
/*.imgzoom>img{
    width: 500px;
    height: 500px;
}*/
.imgzoombox {
    border: 1px solid black;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0.8;
    position: absolute;
    cursor: pointer;
    display: none;
}
 .imgzoombox1 {
    width: 500px;
    height: 500px;
    overflow: hidden;
    display: none;
    position: absolute;
    top: 0;
}
@media (max-width:750px) {
    .sub_title{
        margin-bottom: 2rem;
    }
    .dropdown-menu {
        float:none;
        position:static;
    }
    .dropdown-menu li {
        text-align:center;
    }
    .navbar-nav {
        margin-right:0;
    }
    .navbar-nav>li>a {
        padding:0;
    }
    .navbar-nav {
        float:none;
    }
    .index_left .left_box,
    .index_right .right_box{
        position: static;
        transform: translateY(0);
    }
    .index_left>img,
    .index_right .right_video{
        width: 100%;
    }
    .i_bottom_box{
        margin-bottom: 6rem;
    }
    .p_thumb_img{
        display: none;
    }
    .p_img{
        margin-bottom: 3rem;
    }
    .footer_logo img{
        height: 8rem;
    }
    .product_nav img{
        display: block;
        margin-bottom: 2rem;
    }
}