@charset "utf-8";
/* CSS Document */
ul,li,p,img,fieldset,form,span{padding:0; margin:0;}
li{ list-style:none;}
a{text-decoration:none;}
a,img{ outline:none;}
body{ background:url(../images/bodybg.jpg) repeat; }
a:link,a:visited{ color:#000;}
a:hover,a:active{ color:#333; text-decoration:none;}


a.yellow{ color:#F90;}
a.black{ color:#000;}
.ablue a{ color:#3399cc;}
.ablue a:hover{ color:#3399cc;}
.bgwhite{ background-color:#fff;}
.bd{ border:solid 1px #ccc;}
.bd_t{ border-top:solid 1px #e5cbb2;}
.bd_l{ border-left:solid 1px #e5cbb2;}
.bd_r{ border-right:solid 1px #e5cbb2;}
.bd_b{ border-bottom:solid 1px #e5cbb2;}
.fr{ float:right;}
.fl{ float:left;}

.pd{ padding:10px;}
.pd15{ padding:15px;}
.pd20{ padding:20px;}
.pt10{ padding-top:10px;}
.pb10{ padding-bottom:10px;}
.pl10{ padding-left:10px;}
.pr10{ padding-right:10px;}
.pt20{ padding-top:20px;}
.pb20{ padding-bottom:20px;}
.pl20{ padding-left:20px;}
.pr20{ padding-right:20px;}
.pt30{ padding-top:30px;}
.pb30{ padding-bottom:30px;}
.pl30{ padding-left:30px;}
.pr30{ padding-right:30px;}
.pt40{ padding-top:40px;}
.pb40{ padding-bottom:40px;}
.pl40{ padding-left:40px;}
.pr40{ padding-right:40px;}
.pt50{ padding-top:50px;}
.pb50{ padding-bottom:50px;}
.pl50{ padding-left:50px;}
.pr50{ padding-right:50px;}

.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mr10{ margin-right:10px;}
.ml10{ margin-left:10px;}
.mb10{ margin-bottom:10px;}
.mt20{ margin-top:20px;}
.mr20{ margin-right:20px;}
.ml20{ margin-left:20px;}
.mb20{ margin-bottom:20px;}
.mt30{ margin-top:30px;}
.mr30{ margin-right:30px;}
.ml30{ margin-left:30px;}
.mb30{ margin-bottom:30px;}
.mt40{ margin-top:40px;}
.mr40{ margin-right:40px;}
.ml40{ margin-left:40px;}
.mb40{ margin-bottom:40px;}
.mt50{ margin-top:50px;}
.mr50{ margin-right:50px;}
.ml50{ margin-left:50px;}
.mb50{ margin-bottom:50px;}
.mt120{ margin-top:120px;}

.placeBlock-5{width:100%;height:5px;display:block}
.placeBlock-10{width:100%;height:10px;display:block}
.placeBlock-15{width:100%;height:15px;display:block}
.placeBlock-20{width:100%;height:20px;display:block}
.placeBlock-25{width:100%;height:25px;display:block}
.placeBlock-40{width:100%;height:40px;display:block}
.placeBlock-50{width:100%;height:50px;display:block}

.fontcolor_gray{ color:rgb(128,128,128);font-weight: bold;}
.fontcolor_blue{ color:#5c8ee1;}
.fontcolor_green{ color:#5cc74c;}
.fontcolor_yellow{ color:#ff9619;}
.fontcolor_purple{ color:#ad6ad4;}
.fontcolor_blue a{ color:#5c8ee1;}
.fontcolor_green a{ color:#5cc74c;}
.fontcolor_yellow a{ color:#ff9619;}
.fontcolor_purple a{ color:#ad6ad4;}
.fontsizeh2{ font-size:1.5em;}
.fontsizeh3{ font-size:1.2em;}

.fontsizeh4{ font-size:0.8em; font-weight:normal;}

.search{
    /*float:left;*/
    position:relative;
    margin-top:0px;
}
.search .dropdown{
    position:absolute;
    top:0;
    left:0;
    height:35px;
    line-height:30px;
    width:80px;
    text-align:center;
}
.search .dropdown a{
    color:#000;
    text-decoration:none;
}
.searchbg{
    border:solid 2px #F60;
    background:url(../images/btmbg.jpg) right top no-repeat;
    background-size: 105px 100px;
    border-radius:30px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    /*width:350px;*/
    width: 100%;
    height:35px;
    overflow:hidden;
    padding-left:84px;
}
.searchbg input.txt{
    background-color:transparent;
    color:#888;
    /*height:34px;*/
    line-height:30px;
    outline:none;
    border:none;
    float:left;
    padding-left:5px;
    width:90%;
}/*  */
.searchbg button.serbtm{
    background-color:#f58940;
    color:#fff;
    height:32px;
    line-height:32px;
    outline:none;
    border:none;
    float:right;
    text-align:center;
    width:10%;
}

.navbar-nav > li > span.nolink{ padding:5px 0 5px 20px; display:inline-block;}
.navbar-nav > li > a.inlinbock{ display:inline-block; color:#F90;}
.navbar-nav > li > a.inlinbock:hover{color:#F90;}
.navbar-nav > li > a.inlinbock2{ display:inline-block; color:#666; font-size:12px;}
.navbar-nav > li > a.inlinbock2:hover{color:#666;font-size:12px;}
.navbar-nav > li > a.zuyin{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  background-color:#fddfc2; font-size:16px; padding:5px 20px; margin-right: 5px; color:#000;  }
.navbar-nav > li > a.zuyin:hover{ background-color:#f3d5b8}
.navbar-nav > li > a.fabaoche{ background:url(../images/ico_01.png) left center no-repeat; background-size:15px 15px; padding-left:20px;font-size:16px; margin-left:10px;}
.navbar-nav > li > a.fabaoche span{  color:#F90; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:18px;}
img.logoimg{ width:267px;}

.ind_piclist{
    /*border:solid 1px #f58940;*/
    border: 5px solid transparent;
    /*border-radius:5px;*/
    border-image: url(../images/topbg.png) 20% round;
    /*-moz-border-radius:5px;*/
    /*-webkit-border-radius:5px;*/
    /*padding:5px;*/
    /*background-color:#fff;*/
    background-image: url(../images/red_block.png);
    background-repeat: repeat;
    background-color: rgba(0,0,0,0);
    margin-bottom:30px;
}
.ind_piclist div.imgarea{ border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; overflow:hidden; }
.ind_piclist div.imgarea img{ width:100%;}
.ind_piclist p.tit{
    font-size:1.5em; padding:15px;color: #ffffff;
}
.ind_piclist ul{ padding:0 15px; border: solid 0px}
.ind_piclist ul li{ padding:5px 0;}
.ind_ftbg{ background-color:#f7f3ed;}
.ind_ftbgflower{ border-top:solid 1px #ecd3db; height:30px; margin:10px auto 0 auto; width:70%;}
.ind_ftbgflower span{ display:block; width:63px; height:37px; margin:-17px auto 0 auto; background:url(../images/bg01.jpg) no-repeat;}

.loginbg{
    background:#fff url(../images/loginbg.jpg) left bottom no-repeat;
    min-height:340px;
}
.formlogin h4{ font-size:1.7em; }
.formlogin input[type='text']{  background:url(../images/ico01.jpg) 3px 3px no-repeat; border:solid 1px #ccc; height:35px; line-height:35px; padding-left:30px;width:100%; outline:none;}
.formlogin input[type='password']{ background:url(../images/ico02.jpg) 3px 3px no-repeat; border:solid 1px #ccc; height:35px; line-height:35px; padding-left:30px;width:100%; outline:none;}
.adress{ padding:10px 10px 15px 10px; background:url(../images/linebg.jpg) bottom repeat-x;}

.bgpic02{ background:url(../images/bg02.jpg) center top no-repeat; width:200px; height:200px; margin:0 auto; background-size:100% 100%;}
.fabaoleftbg{ background-color:#fff4df;}
.fabaoguidelist{ padding:20px 0;  margin-left:-15px; margin-right:-15px;}
.fabaoguidelist li{ padding:5px 15px;}
.fabaoright_img{ position:relative; height: 180px; }
.fabaoright_img img{ width:100%; height: 180px;}
.fabaoright_img_list{ position:relative; height: 120px; }
.fabaoright_img_list img{ width:100%; height: 120px;}
.fabaoright_img .mask{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff4df; opacity:0;}
.fabaoright_img .mask p{ height:30px; line-height:30px; padding-left:10px;}
.fabaoright_img .mask p.ico1bg{ background:url(../images/ico_02.png) 10px 0 no-repeat; padding-left:50px;}
.fabaoright_img .mask p.ico2bg{ background:url(../images/ico_03.png) 10px 0 no-repeat; padding-left:50px;}
.fabaoright_img .mask p.ico3bg{ background:url(../images/ico_04.png) 10px 0 no-repeat; padding-left:50px;}
.fabaoright_img .mask p a{ display:block; width:100%; height:100%;}
.fabaoright_img .mask p a:hover{ background-color:#ffeacf;}
.fabaoright_img .mask p:hover{background-color:#ffeacf;}
.fabaoright_img:hover .mask{ opacity:0.8; transition:all 0.5s ease;}
.fabaoright_end{ border-top:solid 1px #ccc; height:20px; margin-top:30px;}
.fabaoright_end span{ display:block; width:130px; margin:-10px auto 0 auto; background-color:#fff; color:#666; text-align:center;}

.fabaoright_txt{ background-color:#fff; height:100%; overflow:hidden; text-align:left;}
.fenliuhead{ background:url(../images/topbg.png) top repeat-x; height:40px;}
.fenliubodybg{ background:#fff url(../images/bodybg2.jpg) top center no-repeat; min-height:600px;}
.fenliubd{border:solid 1px #ffcc99; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:40px; width:60%; margin:100px auto; }
.shuoming{ line-height:2em; padding:50px 300px 50px 50px; background:url(../images/bg03.jpg) right bottom no-repeat; min-height:700px;}
.shuoming2{ line-height:2em; padding:50px 300px 50px 50px; background:url(../images/bg03-2.jpg) right top no-repeat; min-height:700px;}
.ok_bg{ background:url(../images/bg05.jpg) 8% 30% no-repeat; padding:50px 50px 50px 250px;}
.btnstyle{
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border:none;
    outline:none;
    display:inline-block;
    height:30px;
    line-height:30px;
    padding-left:40px;
    padding-right: 10px;
    text-align:left;
    font-size: 1.6rem;
    box-shadow:2px 2px 9px rgb(180, 180, 180);
}
.btnstyle2{ border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border:none; outline:none; display:inline-block; height:30px; line-height:30px; min-width:120px; padding-left:20px; text-align:left;}
.btnstyle3{ border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border:none; outline:none; display:inline-block; height:30px; line-height:30px; min-width:120px; padding-left:30px; text-align:left;}

.btnstyle_sm{ border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border:none; outline:none; display:inline-block; height:30px; line-height:30px; min-width:80px; padding-left:40px; text-align:left;}
.btnicobg1{ background:#f0f0f0 url(../images/ico_05-1.png) 10px 2px no-repeat; background-size:25px 25px;}
.btnicobg2{ background:#f0f0f0 url(../images/ico_05-2.png) 10px 2px no-repeat;  background-size:25px 25px;}
.btnicobg3{ background:#fbefdf url(../images/ico_04.png) 10px 2px no-repeat;  background-size:25px 25px;}
.btnicobg4{ background:#fbefdf url(../images/ico_03.png) 10px 2px no-repeat;  background-size:25px 25px;}
.btnicobg5{ background:#fbefdf url(../images/ico_07.png) 10px 2px no-repeat;  background-size:25px 25px;}
.btnicobg6{ background:#f0f0f0 url(../images/ico_06.png) 10px 2px no-repeat;  background-size:25px 25px;}
.btnicobg7{ background:#fbefdf 10px 2px no-repeat;  background-size:25px 25px;}
.btnicobg8{ background:#fbefdf url(../images/ico_02.png) 10px 2px no-repeat;  background-size:25px 25px;}
.btnicobg1:hover{ background:#e5e4e4 url(../images/ico_05-1.png) 10px 2px no-repeat;background-size:25px 25px;}
.btnicobg2:hover{ background:#e5e4e4 url(../images/ico_05-2.png) 10px 2px no-repeat;background-size:25px 25px; }
.btnicobg3:hover{ background:#f0dfc9 url(../images/ico_04.png) 10px 2px no-repeat;background-size:25px 25px;}
.btnicobg4:hover{ background:#f0dfc9 url(../images/ico_03.png) 10px 2px no-repeat; background-size:25px 25px;}
.btnicobg7:hover{ background:#f0dfc9 10px 2px no-repeat; background-size:25px 25px; }
.btnicobg8:hover{ background:#f0dfc9  url(../images/ico_02.png) 10px 2px no-repeat;  background-size:25px 25px;}
.parent_product_img { z-index: 10 }
.product_img img{ width:100%;}
.product_img { transition: all 0.6s !important; }
.product_img:hover{ transform:scale(1.3) !important; }
.product_txt{}
.product_txt h1{ font-size:2em; line-height:2em; padding-bottom:10px;}
.product_txt li{ padding:5px 0;}
.product_txt li span{ display: block; width:40px; font-size:0.8em; color:#666; float:left;}
.product_txt li div.cen{ padding-left:50px;}
.form-group i{ font-style:normal; color:#f00;}
.fabaonum{ border:solid 1px#f0f0f0; background-color:#fff; width:40px; height:20px; line-height:20px; display:inline-block;}
.fabaonum_tit{ background-color:#f0f0f0; height:30px; line-height:30px; color:#666; padding-left:10px;}
.bgf8{ background-color:#f8f8f8;}
.bge7{ background-color:#e7e7e7;}
.pic_shoplist{ width:100%;}
.form_shoplist{height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	width:40px; display:inline-block;
}

.Type_div{
    height: 3em;
    position: relative;
}
.Type_button{
    position: absolute;
    margin: 0;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    border: solid 2px #F60;
    border-radius: 5px;
    width: 100px;
    font-size: 2rem;
    color: white;
    background-color: #F60;
}

.Type_button:link{
    color: white;
}

.Type_button:visited{
    color: white;
}

.Type_button:hover{
    color: rgb(180, 180, 180);
    /*color: white;*/
}

.Type_active{
    color: black!important;
}

.Type_active:link{
    color: black!important;
}

.style_active {
    font-weight: 900;
    font-size:120%
}

.style_active:link{
    color:#ff0000;
}

.style_active:visited{
    color: #ff0000;
}

.footer_link{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

@media (max-width: 1320px) {
    .searchbg{
        background-size: 82px;
    }
}
@media (min-width: 768px) {
	.formlogin{ padding:20px 50px 20px 270px;}
	.shuoming{ padding:50px 100px 50px 50px;}
	.shuoming2{ padding:50px 100px 50px 50px;}
	.ok_bg{  padding:50px 50px 50px 150px;}

}
@media (min-width: 992px) {
	.formlogin{ padding:20px 80px 20px 400px;}
	.ok_bg{  padding:50px 50px 50px 250px;}
	.shuoming{ padding:50px 300px 50px 50px;}
	.shuoming2{ padding:50px 300px 50px 50px;}

    .large {
        width: 1000px!important;
    }
}
@media (max-width: 767px) {
	.navbar-nav > li > a.black{ padding:5px 20px;}
	.searchbg{
        /*width:290px;*/
        width: 100%;
        background-size: 50px;
    }
	.searchbg input.txt{  width:150px; }
	.searchbg button.serbtm{ width:50px;}
	.formlogin{ padding:20px 20px 90px 20px;}
	.loginbg{ background:#fff url(../images/loginbg.jpg) left bottom no-repeat; min-height:400px; padding-bottom:250px;}
	.fenliubd{ width:90%;margin:50px auto; padding:20px;}
	.shuoming{ padding:50px ;}
	.shuoming2{ padding:50px ;}
	.ok_bg{ background:url(../images/bg05.jpg) center 10% no-repeat; padding:150px 20px 20px 20px;}

    .ind_piclist p.tit{
        font-size:1.3em; padding:10px;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
        background:url(../images/bodybg.jpg) repeat;
    }
}

.nav-tabs { border-bottom: 2px solid #DDD; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #666; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; }
.nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:5px}