html{height:100%; margin:0; padding:0}
body {
    width:100%;
    margin: 0 auto;
    padding: 0;
    font-family:"webfont","Microsoft YaHei","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size:14px;
    font-weight: lighter;
    background-color: #fff;
}

ul{padding:0;margin:0; list-style:none}
dl{margin:0;}
dd{margin:0;}
a{color:#0070c9; text-decoration: none; cursor:pointer;}
a:link { text-decoration: none;}
a:visited{text-decoration: none}
a:hover{ text-decoration: none;}
form{margin:0px}
a img{border:0px;}
h1{ margin:0;}
h1,h2,h3,h4,h5,h6{padding:0; margin:0;}
hr{border:0; border-bottom:1px solid #D6D6D6; height:10px; overflow:hidden;}
input,textarea,a{outline:none;}

/*通用标题*/
.m0_title{width:100%; text-align:center; padding-top:5.95%; padding-bottom:5.95%;}
.m0_title h2{font-size:2rem; font-weight:100; line-height:2.5rem}
.m0_title p{color:#888;}

/*表格*/
.row_fluid{display: table; width:100%;}
.row_fluid .col{vertical-align:top; display:table-cell;}

/*星级*/
.star_rating{display:inline-block}
.star_rating span{display:inline-block; position:relative; color:#0070C9;}
.star_rating span i.icon-star{position:absolute; left:0; top:0; display:block; overflow:hidden;}
.star_rating span i.icon-star50{width:50%;}

.skinBox_bd{max-width:1080px; width:100%; margin:0 auto; position:relative;}
.skinBox_bd:after{clear:both; content:"";display: table;}
@media screen and (max-width: 1400px){
    .skinBox_bd{max-width:1080px;}
}

#main{width:100%;}

/*#header{width:100%; position:fixed; top:0; left:0; z-index:999; background:#3c3c3c;border-bottom: 1px solid #cecece;}*/
#header{width:100%; position:fixed; top:0; left:0; z-index:999; background:#3c3c3c;}
#header .skinBox_bd{height:71px;  z-index:9;}
/*LOGO*/
#header .logo,#header .logo_m{height:24px; position:absolute; left:0; top:50%; margin-top:-12px; z-index:3;}
#header .logo{left:0 !important;}
#header .logo{display: block;}
#header .logo img{height:100%;  margin-left: 14px;}
#header .logo_m{height:50px;margin: -24px 0;display: none;}
#header .logo_m img{height:100%;  margin-left: 14px;}

/*导航*/
#header .nav{position:absolute; top:0px; right:0; height:71px; z-index:5;font-size: larger;}
#header .nav .navbar-toggle{display:none; width:20px; height:20px; cursor:pointer; position:absolute; top:50%;}
#header .nav .navbar-toggle span{display: block; width: 22px; height:2px; border-radius:1px; background:#fff}
#header .nav .navbar-toggle span:nth-child(1){position:absolute; top:0; transition:0.3s;}
#header .nav .navbar-toggle span:nth-child(2){position:absolute; top:50%; margin-top:-1px;}
#header .nav .navbar-toggle span:nth-child(3){position:absolute; bottom:0; transition:0.3s;}
#header .nav ul li{float:left; overflow:hidden; position:relative; margin:0;}
/*#header .nav ul li{float:left; overflow:hidden; position:relative; margin:0 15px; padding:14px 0}*/
#header .nav li a.item{display:block; height:71px; overflow:hidden; line-height:71px; color:#fff; position:relative; padding: 0 1.5em;}
#header .nav li a.item i{display:block; width:0px; height:1px; background:#888; position:absolute; left:50%; right:50%; bottom:0; transition:0.5s}
#header .nav li a.item:hover i{left:0; right:0; width:100%;}
#header .nav li.cur{background: #2eaab4;}
#header .nav li.cur i{left:0; right:0; width:100%;}
/* 这里要给li 加高度，行高也要和高度一样 */
#header .nav ul li::after {content: '';position: absolute;width: 2px;height: 18px;margin: 22px 0;background-color: #7d7d7d;top: 4px;right: 0;}
#header .nav li.cur::after{background-color: #91c4c7;}
/*去掉最后一个 li 的边框 */
#header .nav ul li:last-child::after {width: 0;}
@media screen and (max-width: 1400px){
    #header .logo{left:20px;}
    #header .logo_m{display: none !important;}
    #header .logo{display: block !important;}
    #header .min_user{right:10px}
    #header .min_search{right:45px}
}
@media screen and (max-width: 1024px){
    #header .skinBox_bd{height:100px;}
    #header .nav li a.item:hover i{left:0; right:0; width:0%;}
    #header .nav li a.item.cur i{left:0; right:0; width:0%;}

    #header .logo img.vlogo{    cursor: pointer;    position: absolute;    left: 5%;    z-index: 30;    display: block;    height: 30px;}
    #header .logo img .vfont{     margin-top: 6px; height: 85%;
        position: absolute;
        top: 16%;
        left: 33px;}
    #header .logo{width:100%; left:0px; text-align:center;}
    #header .logo_m{display: block !important;height: 90px;margin: -45px 45px;}
    #header .logo{display: none !important;}

    #header .nav li a.item.cur i{width: 33%;    margin: auto;}
    #header .nav{left:auto; right:60px;}
    #header .nav .navbar-toggle{display:block;}
    #header .nav ul{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0; width:100%; height:0px; overflow:hidden; position:absolute; right:0px; top:70px; background:#000;   background: rgba(0,0,0,0.9);
        transition: all 0.8s;}
    #header .nav ul li{float:inherit; width:100%; padding:0;   margin: 0;}
    #header .nav ul li a.item{height:46px; line-height:46px; color:#fff;font-size:14px; text-align: center;font-weight: bold;}

    #header .nav.show ul{display: block;    width: 100%;    height: 100%;    position: fixed;    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        opacity: 1;}
    #header .nav.show .navbar-toggle span:nth-child(1){top:50%; margin-top:-1px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
    #header .nav.show .navbar-toggle span:nth-child(2){filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity: 0;}
    #header .nav.show .navbar-toggle span:nth-child(3){bottom:50%; margin-bottom:-1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
    #header .nav_catebox{display:none}

    #header .skinBox_bd.show:before{content: ""; display:block; width:100%; height:70px; position:absolute; left:0; top:0; z-index:8; background:#000}
    #header .min_lang{display:none}
}
@media screen and (max-width: 640px){
    #header{background:#3c3c3c;}
    #header .skinBox_bd{height: 70px;width: 100%;}
    #header .logo img.vfont{height: 14px;     position: relative;left: 0px;top: 6px;}
    #header .logo img.vlogo{    height: 22px;top: 1px;left:20px;}
    #header .logo img{margin-left: 0px;}
    #header .logo_m{display: block;height: 70px;margin: -35px 0;}
    #header .logo{display: none !important;}
    #header .nav .navbar-toggle{width: 16px; height: 16px; top: 16px;  right: 10px;}
    #header .nav { right: 0px;}
    #header .nav ul{top:50px}
}
@media screen and (max-width: 540px){
    #header .logo_m{margin: -21px -5px;height: 50px;}
}
@media screen and (max-width: 320px){
    #header .logo_m{display: block !important;width: 90%;}
    #header .logo_m img{width: 90%;}
    #header .logo{display: none !important;}
    #header .nav .navbar-toggle{width: 16px; height: 16px; top: 25px;right: -35px;}
    #header .nav{right:40px}
    #header .nav ul{right:-40px;}
    #header .nav li a.item{font-size:1rem;color:#fff}

}

#top-coname{height: 800px;width: 100%;}
#top-coname .coname{display: block;}
#top-coname .coname_m{display: none;}
#top-coname .coname,#top-coname .coname_m{font-family: 'Juana'; font-weight: normal; font-style: normal;position: absolute;top:200px;font-size: 70px;line-height: 70px;color: #3b3b3b;}
#about-us{background: #f5f5f5;padding-top: 100px;padding-bottom: 50px;}
#about-us .title{font-family: 'Century'; font-weight: normal; font-style: normal;color: #2da9b3;font-size: 40px;display: block;}
#about-us .content{font-family: 'Juana'; font-weight: normal; font-style: normal;display: block;margin-top: 50px;font-size: 1.5em;line-height: 1.5em;text-align: left; hyphens: auto;}
#slider .slider_area{width: 670px;position: absolute;right: 0;margin-top: -230px;}
#slider .slider_area img{width: 100%;}
#slider .slider_area .owl-dots{position:absolute; bottom:0px; white-space:nowrap; text-align:center; width:100%;}
#slider .slider_area .owl-dots button{display:inline-block; width:9px; height:9px; border:2px solid #FFFFFF; background:#fff; margin:0px 8px 15px; border-radius:50%; cursor:pointer;}
#slider .slider_area .owl-dots button:hover{background:#999!important;}
#slider .slider_area .owl-dots button.active{background:none; border:2px solid #FFFFFF;background: #e95606; -webkit-transition:box-shadow 0.2s ease-in-out; -moz-transition:box-shadow 0.2s ease-in-out; transition:box-shadow 0.2s ease-in-out;}
@media screen and (max-width: 640px){
    #slider{padding: 0 20px;}
}
#business{padding-top: 140px;padding-bottom: 100px;}
#wine-storage{background: #f5f5f5;font-family: 'Juana'; font-weight: normal; font-style: normal;}
#wine-storage .title{display: block;font-size: 5em;line-height: 1em;padding-top: 180px;}
#wine-storage .desc{background: #f5f5f5;padding: 80px 20px;}
#wine-storage .desc .wine_storage_img{display: block;}
#wine-storage .desc .wine_storage_img_m{display: none;}
#wine-storage .desc .storage_item{padding: 8px;}
#wine-storage .desc .storage_item_content{border: 2px solid #dedede;text-align: center;}
#wine-storage .desc .storage_item .icon_area{text-align: center;}
#wine-storage .desc .storage_item .icon{width: 96px;height: 96px;display: inline-block;margin-top: 50px;}
#wine-storage .desc .storage_item .icon_temperature{background: url("../img/icon_wine_storage.png") 0px 0px no-repeat;}
#wine-storage .desc .storage_item .icon_humidity{background: url("../img/icon_wine_storage.png") 0px -108px no-repeat;}
#wine-storage .desc .storage_item .icon_lighting{background: url("../img/icon_wine_storage.png") 0px -217px no-repeat;}
#wine-storage .desc .storage_item .desc{text-align: center;padding-top: 0;padding-bottom: 50px;}
#wine-storage .desc .storage_item .desc h3{margin-top: 10px;}
#wine-storage .desc .storage_addon{padding: 8px;margin-bottom: 160px;}
#wine-storage .desc .storage_item_addon{padding: 5px 0;}
#wine-storage .desc .storage_item_addon .storage_item_content{border: 2px solid #dedede;text-align: center;border-left: 1px solid #dedede;border-right: 1px solid #dedede;}
#wine-storage .desc .storage_item_addon .storage_item_content .icon_border{margin:0 auto;width: 60%;border-bottom: 1px solid #dedede;}
#wine-storage .desc .storage_item_addon .icon{width: 48px;height: 48px;display: inline-block;margin-top: 40px;margin-bottom: 30px;}
#wine-storage .desc .storage_item_addon .icon_vibrations{background: url("../img/icon_wine_storage_2.png") 0px 0px no-repeat;}
#wine-storage .desc .storage_item_addon .icon_insurance{background: url("../img/icon_wine_storage_2.png") 0px -48px no-repeat;}
#wine-storage .desc .storage_item_addon .icon_hygiene{background: url("../img/icon_wine_storage_2.png") 0px -96px no-repeat;}
#wine-storage .desc .storage_item_addon .icon_inventory{background: url("../img/icon_wine_storage_2.png") 0px -144px no-repeat;}
#wine-storage .desc .storage_item_addon .icon_security{background: url("../img/icon_wine_storage_2.png") 0px -192px no-repeat;}
#wine-storage .desc .storage_item_addon .icon_maintenance{background: url("../img/icon_wine_storage_2.png") 0px -240px no-repeat;}
#wine-storage .desc .storage_item_addon .desc{padding:35px 20px;height:100%; }
#wine-storage .desc .storage_item_addon .desc h4{height:40px; margin: 0;}
#future{padding: 100px 0px}
#future .future_item{line-height: 50px;font-size: large;margin-bottom: 52px;font-family: 'Century'; font-weight: normal; font-style: normal;text-align: justify;}
#future .future_item .desc{text-align: left;padding-left: 0; text-wrap: nowrap;white-space: nowrap;}
#future .future_item i{width: 50px;height: 50px;display: block;}
#future .future_item i.icon_direct{background: url("../img/icon_direct.png") no-repeat;background-size: 100% 100%;}
#future .future_item i.icon_temprerature{background: url("../img/icon_tempreature.png") no-repeat;background-size: 100% 100%;}
#future .future_item i.icon_genuine{background: url("../img/icon_genuine.png") no-repeat;background-size: 100% 100%;}
#future .future_item i.icon_wines{background: url("../img/icon_wines.png") no-repeat;background-size: 100% 100%;}
#future .future_item i.icon_good_value{background: url("../img/icon_good_value.png") no-repeat;background-size: 100% 100%;}
#future .future_item i.icon_after{background: url("../img/icon_after.png") no-repeat;background-size: 100% 100%;}
/*#future .future_item span{text-align: left;text-wrap: nowrap;}*/

@media screen and (max-width:1024px){
    #top-coname{height:650px;}
    #top-coname .coname,#top-coname .coname_m{font-size: 60px;line-height: 60px;top: 180px;padding-left: 5%;}
    #slider .slider_area{position: relative;margin-top: 0;width: 100%;}
    #slider .slider_area img{width: 100%;object-fit: cover;}
    #about-us{padding:50px 0;}
    #about-us .skinBox_bd{padding: 0 5px;}
    #about-us .title{font-size: 35px;}
    #about-us .content{font-size: 1.3em;line-height: 1.5em;margin-top: 20px;}
    #business{padding: 120px 5px;}
    #business img{width: 100%;}
    #wine-storage{padding: 5px;}
    #wine-storage .title{font-size: 3em;padding-top: 100px;}
    #wine-storage .desc{padding-top: 50px;padding-bottom: 100px;}
    #wine-storage .desc img{width: 100%;}
    #wine-storage .desc img.wine_storage_img{display: block;}
    #wine-storage .desc img.wine_storage_img_m{display: none;}
    #future{padding: 50px 5px;text-align: center;}
}
@media screen and (max-width:640px){
    #top-coname{height:145px;}
    #top-coname .coname{display: none;}
    #top-coname .coname_m{display: block;}
    #top-coname .coname,#top-coname .coname_m{font-size: 2em;line-height: 35px;top: 35px;}
    #slider .slider_area{position: relative;margin-top: 0;width: 100%;}
    #slider .slider_area img{width: 100%;object-fit: cover;}
    #about-us{padding:50px 20px;}
    #about-us .skinBox_bd{padding: 0 5px;}
    #about-us .title{font-size: 2em;}
    #about-us .content{font-size: 1em;line-height: 1.5em;margin-top: 20px;}
    #business{padding: 60px 20px;}
    #business img{width: 100%;}
    #wine-storage{padding: 5px 20px;}
    #wine-storage .title{font-size: 1.8em;padding-top: 60px;}
    #wine-storage .desc{background: #f5f5f5;padding: 80px 0px;}
    #wine-storage .desc{padding-top: 30px;padding-bottom: 50px;}
    #wine-storage .desc img{width: 100%;}
    #wine-storage .desc .wine_storage_img{display: none !important;}
    #wine-storage .desc .wine_storage_img_m{display: block !important;}
    #future{padding: 50px 5px;text-align: center;}
    /*#future .future_item{margin-bottom: 22px;padding-left: 0!important;}*/
    #future .future_item{margin-bottom: 22px;}
    #future .future_item div{padding-left: 0!important;}
    #future .future_item .icon{width: 28px !important;}
    #future .future_item i{width: 25px;height: 25px;display: block;}
    #future .future_item .desc{line-height: 25px;font-size: 0.7em;}
}
@media screen and (max-width:320px){
    #top-coname{height:140px;padding-top: 0;}
    #top-coname .coname{display: none;}
    #top-coname .coname_m{display: block;}
    #top-coname .coname,#top-coname .coname_m{font-size: 30px;line-height: 30px;}
    #slider .slider_area{position: relative;margin-top: 0;width: 100%;}
    #slider .slider_area img{width: 100%;object-fit: cover;}
    #about-us{padding:30px 0;}
    #about-us .skinBox_bd{padding: 0 5px;}
    #about-us .title{font-size: 2em;}
    #about-us .content{font-size: 1em;line-height: 1.2em;margin-top: 20px;}
    #business{padding: 40px 5px;}
    #business img{width: 100%;}
    #wine-storage{padding: 5px;}
    #wine-storage .title{font-size: 1.8em;padding-top: 60px;}
    #wine-storage .desc{background: #f5f5f5;padding: 80px 0px;}
    #wine-storage .desc{padding-top: 30px;padding-bottom: 50px;}
    #wine-storage .desc img{width: 100%;}
    #wine-storage .desc .wine_storage_img{display: none !important;}
    #wine-storage .desc .wine_storage_img_m{display: block !important;}
    #future{padding: 50px 5px;text-align: center;}
    #future .future_item{margin-bottom: 12px;}
    #future .future_item i{width: 25px;height: 25px;display: block;}
    #future .future_item .desc{line-height: 25px;font-size: 0.7em;}
}

/*返回顶部*/
.top_menu{position:fixed; bottom:190px; right:20px; z-index:99999;}
.top_menu a{color:#fff; text-align:center; line-height:30px; font-size:1.2rem;}
.to-top{ background:url(../img/icons.png) 4px -124px no-repeat #323232; display:block; width:30px; height:30px; border-radius:30px; }

#footer{background: #323232;}
#footer .coinfo{padding: 95px 0; text-align: center;color: #fff;}
#footer .coinfo .coname{font-family: 'Juana'; font-weight: normal; font-style: normal;margin-bottom: 45px;}
#footer .coinfo .coname h3{font-size: 18px;}
#footer .coinfo .info{height: auto;}
#footer .coinfo .info .info_item{margin: 10px 0;font-family: 'Juana'; font-weight: normal; font-style: normal;}
#footer .coinfo .info .info_item .info_item_icon{float: left;width: 20px;}
#footer .coinfo .info .info_item .info_item_title{float: left;font-size: 14px;color: #2baab3;padding-left: 5px;}
#footer .coinfo .info .info_item .info_item_text{float: left;font-weight: normal;padding-left: 10px;text-align: left;hyphens:auto;}
#footer .coinfo .info .info_item i{display:block; width:19px; height:19px;}
#footer .coinfo .info .info_item i.icon_phone{background:url(../img/icon_footer.png) 0px 0px no-repeat;background-size: 100%;}
#footer .coinfo .info .info_item i.icon_wechat{background:url(../img/icon_footer.png) 0px -22px no-repeat;background-size: 100%;}
#footer .coinfo .info .info_item i.icon_email{background:url(../img/icon_footer.png) 0px -45px no-repeat;background-size: 100%;}
#footer .coinfo .info .info_item i.icon_addr{background:url(../img/icon_footer.png) 0px -69px no-repeat;background-size: 100%;}

#copyright{background: #1e1e1e;color: #646464;text-align: center;padding: 30px 0;line-height: 12px;}
#copyright a{color: #646464;}
@media screen and (max-width:1024px){
    #footer .coinfo{padding: 20px;}
    #footer .coinfo h3.coname{font-size: 18px;}
    #footer .coinfo .coname h3{font-size: 0.9em;}
    #footer .coinfo .info .info_item .info_item_title{font-size: 0.85em;padding-left: 3px;}
    #footer .coinfo .info .info_item .info_item_text{width: 100%; font-size: 0.8em;padding-left: 0;text-align: left;word-break: break-all;}
    #footer .coinfo .info .info_item .icon{width: 20px;}
    #footer .coinfo .info .info_item i{display:block; width:16px; height:16px;}
    #footer .coinfo .info .info_item i.icon_phone{background:url(../img/icon_footer.png) 0px 0px no-repeat;background-size: 100%;}
    #footer .coinfo .info .info_item i.icon_wechat{background:url(../img/icon_footer.png) 0px -18.5px no-repeat;background-size: 100%;}
    #footer .coinfo .info .info_item i.icon_email{background:url(../img/icon_footer.png) 0px -38px no-repeat;background-size: 100%;}
    #footer .coinfo .info .info_item i.icon_addr{background:url(../img/icon_footer.png) 0px -58px no-repeat;background-size: 100%;}
}
@media screen and (max-width:640px){
    #footer .coinfo{padding: 20px;}
    #footer .coinfo .coname{margin-bottom: 0;}
    #copyright{font-size: 0.8em;padding: 20px 0;}
}
@media screen and (max-width:420px){
    #footer .coinfo .info .info_item .info_item_title{font-size: 0.8em;}
    #footer .coinfo .info .info_item .info_item_text{font-size: 0.75em;}
}

#content-main{margin-top:100px;}
#content-main .loading{background: url("../img/loading.gif") 0 -40px no-repeat;background-size: 40%;background-position: center; height: 100px;}
#content-main .page .title{text-align: center;}
#content-main .page .title h3{border-bottom: 1px solid #eee;padding-bottom: 10px;}
#content-main .page .content{margin: 50px 0;}
#content-main .brand_title,#content-main .winelist_title{font-family: 'Juana'; font-weight: normal; font-style: normal;height: 200px;}
#content-main .brand_title h3{margin-top: 240px;font-size: 4.6em;padding: 10px;}
#content-main .winelist_title h3{margin-top: 130px;font-size: 4.6em;padding: 10px;}
#content-main .winelist_title dt{display: none;}
#content-main .brand_content{margin-bottom: 100px;}
#content-main .brand_content .brand_item{padding: 8px 8px;height: 180px;}
#content-main .brand_content .brand_item img{height: 164px;width: 100%;}

#content-main .top_title{position: relative;float: left;}
#content-main .top_search{position: relative;float: right;padding-top: 160px;font-family: 'Juana'; font-weight: normal; font-style: normal;}
#content-main .top_search input{border: 2px solid #2eaab4;border-radius: 0;font-size: 1.2em;height: 40px;width: 240px;background: url("../img/icon_search.png") no-repeat 3px;padding-left: 30px;}
#content-main .top_search input::-webkit-input-placeholder{color:#c8c8c8;}
#content-main .top_search .btn-primary{background: #2eaab4!important;border: 1px solid #2eaab4;border-radius: 0;height: 40px;padding: 6px 30px;font-size: large;}
#content-main .winelist_content{margin-bottom: 160px;}
#content-main .winelist_content .updated_note{font-family: 'Juana'; font-weight: bolder; font-style: normal;height: 20px;margin-bottom: 25px;font-size: 1.3em;clear: both;}
#content-main .winelist_content .updated_note .last_note{text-align: right;}
#content-main .winelist_content .data_list{clear: both;}
#content-main .winelist_content table{white-space: nowrap;}
table,table tr th, table tr td { border:1px solid #e7e7e7; word-break: break-all;}/*设置边框的*/
table {border-collapse: collapse; width:100%}
table thead{text-align: center;}
table thead th{background-color: #3c3c3c;color:#fff;text-align: center!important;}
tr{height:45px;}
tbody td{padding:3px 4px 3px 20px; font-size: 13px;text-align: center;}
thead th{font-size: 14px;}
table tbody  tr:nth-child(odd) {
    background-color:#fff;
}
table tbody tr:nth-child(even) {
    background-color:#f0f0f0;
}
table .paginate{display: none!important;}
@media screen and (max-width:640px){
    #content-main .brand_title{height: unset;padding-top: 20px;}
    #content-main .brand_title h3{margin-top: unset;font-size: 2.2em;}
    #content-main .brand_content{margin-bottom: 60px;}
    #content-main .brand_content .brand_item{height: 104px;padding: 8px 10px;}
    #content-main .brand_content .brand_item:nth-child(odd){padding-right: 3px;}
    #content-main .brand_content .brand_item:nth-child(even){padding-left: 3px;}
    #content-main .brand_content .brand_item img{height: 96px;}

    #content-main .winelist_top{height: 150px;}
    #content-main .winelist_top .top_title{position: relative;float: left;width: 35%;}
    #content-main .winelist_top .top_title .winelist_title{height: auto;padding-top: 40px;}
    #content-main .winelist_top .top_title .winelist_title h3{font-size: 2em;margin-bottom: unset;margin-top: unset;}
    #content-main .winelist_top .top_title .winelist_title dt{display: block;font-size: 0.8em;padding: 0 10px;color: #2eaab4;font-weight: normal;margin-top: -10px;}
    #content-main .winelist_top .top_search{position: relative;float: right;width: 60%;padding-right: 15px;padding-top: 65px;}
    #content-main .winelist_top .top_search input{height: 30px;width: 100%;background-size: 15px;font-size: 1em;}
    #content-main .winelist_top .top_search .btn-primary{height: 30px;padding: 3px 8px;font-size: medium;}
    #content-main .winelist_content{margin-bottom: 100px;}
    #content-main .winelist_content .updated_note{font-size: 0.8em;white-space: nowrap;margin-bottom: 0;}
    #content-main .winelist_content .updated_note .first_note{display: none;}
    #content-main .winelist_content .updated_note .last_note{text-align: right;}
    #content-main .winelist_content .data_list{margin-left: 15px;margin-right: 15px;overflow: auto;}
    #content-main .winelist_content table{white-space: unset;}
    table,table tr th, table tr td{padding: 2px 2px;}
    tbody td{font-size: 9px;text-align: center;color: #000000;font-weight: bolder;}
    thead th{font-size: 10px;}
}
#content-main .contact_item{font-family: 'Juana'; font-weight: normal; font-style: normal;padding: 72px 0;}
#content-main .contact_item:nth-child(even){background: #f5f5f5;}
#content-main .contact_item .skinBox_bd{width: 768px;}
#content-main .contact_item .row-left{width: 41.66666667%;position: relative;float: left;}
#content-main .contact_item .row-right{width: 58.33333333%;position: relative;float: left;}
#content-main .contact_item .row{margin: 10px 0;line-height: 2.4em;}
#content-main .contact_item h3{font-size: 3.2em;margin: 30px 0;}
#content-main .contact_item .contact_row{margin: 44px 0;}
#content-main .contact_item .icon{float: left;width: 30px;}
#content-main .contact_item .title{float: left;font-size: 1.8em;color: #2baab3;padding-left: 15px;}
#content-main .contact_item .text{float: left;font-weight: 100;text-align: left;width: 100%;font-size: 1.4em;font-family: auto;}
#content-main .contact_item i{display:block; width:28px; height:28px;}
#content-main .contact_item i.icon_wechat{background:url(../img/icon_contact.png) 0px -0px no-repeat;background-size: 100%;}
#content-main .contact_item i.icon_phone{background:url(../img/icon_contact.png) 0px -31px no-repeat;background-size: 100%;}
#content-main .contact_item i.icon_email{background:url(../img/icon_contact.png) 0px -62px no-repeat;background-size: 100%;}
#content-main .contact_item i.icon_addr{background:url(../img/icon_contact.png) 0px -94px no-repeat;background-size: 100%;}
#content-main .contact_item i.icon_website{background:url(../img/icon_contact.png) 0px -126px no-repeat;background-size: 100%;}
@media screen and (max-width:640px){
    #content-main .contact_item{padding: 30px 0;}
    #content-main .contact_item .skinBox_bd{width: 88%;}
    #content-main .contact_item .row{line-height: 1.4em;}
    #content-main .contact_item h3{font-size: 1.8em;margin: 0;}
    #content-main .contact_item .contact_row{margin: 20px 0;}
    #content-main .contact_item .icon{width: 18px;}
    #content-main .contact_item .title{font-size: 1em;padding-left: 5px;}
    #content-main .contact_item .text{font-size: 0.8em;}
    #content-main .contact_item i{display:block; width:16px; height:16px;}
    #content-main .contact_item i.icon_wechat{background:url(../img/icon_contact.png) 0px -0px no-repeat;background-size: 100%;}
    #content-main .contact_item i.icon_phone{background:url(../img/icon_contact.png) 0px -17.7px no-repeat;background-size: 100%;}
    #content-main .contact_item i.icon_email{background:url(../img/icon_contact.png) 0px -35.3px no-repeat;background-size: 100%;}
    #content-main .contact_item i.icon_addr{background:url(../img/icon_contact.png) 0px -53.7px no-repeat;background-size: 100%;}
    #content-main .contact_item i.icon_website{background:url(../img/icon_contact.png) 0px -72px no-repeat;background-size: 100%;}
}
@media screen and (max-width:380px){

    #content-main .contact_item h3{font-size: 1.6em;}
}