﻿@charset "UTF-8";


/* ---brown-#c09a5e--darkbrown-#79613b---lightbrown#afa298--yellow-#c09a5e---darkyellow-#c09a5e--- */
/* ----------------Link Text链接字体--------------- */
body{color:#000;}
a{color:#111; text-decoration:none;}
a:hover{color:#c09a5e;text-decoration:underline;}
a.underline{color:#c09a5e;text-decoration:underline}
a.underline:hover{color:#c09a5e; text-decoration:none;}

date{color:#ccc}
.content-news a{color:#c09a5e; text-decoration:underline;}
.content-news a:hover{color:#79613b; text-decoration:none;}
.botcol__inner{color:#fff}
.botcol__inner a{color:#fff}
.botcol__inner a:hover{color:#c09a5e}
.banner-div{color:#fff;text-shadow:#000 1px 0px 2px;}/* --------子栏目banner------ */


h4{text-shadow:#ddd 0px 0px 5px;}/* --------首页栏目标题------ */
h5{background:#c09a5e;color:#fff}/* --------h5块状栏目标题 关于我们------ */
h6{border-bottom:1px dashed #ccc;color:#c09a5e}/* --------产品详细页 栏目------ */
.botcol__inner h6{border-bottom:none;color:#fff}/* --------页面底部标题------ */


/* ----------------background背景色--------------- */
.bg-fullcol{background:#fafafa} /* --------整栏背景 首页WHY CHOOSE US------ */

.bg-white{background:#fff}/* --------整栏背景 col1 About Us------ */
.bg-cellcol{background:#c09a5e}/* --------底部通栏标语------ */
.bg-botcol{background: url(../images/bg-bot.jpg) #555;background-size: cover;background-blend-mode: multiply;}/* --------底部链接通栏------ */
.bot-tags ul li a {background: #333;color: #fff;}
.bot-tags ul li a:hover {background: #c09a5e;color: #333;text-decoration:none}
.tag-label ul li a{background:#eee;}/* --------TAG------ */
.tag-label ul li a:hover{background:#c09a5e;color:#fff;text-decoration:none}
.tag-label ul li:first-child{background:#c09a5e;color:#fff;}

.tabmenu li{background:#eee;transition:all .3s ease-in-out;}
.tabmenu li.off{background:#c09a5e;color:#fff;transition:all .2s ease-in-out;}/* --------关于我们Tab切换------ */

/* ----------------form留言本表单--------------- */
.form-group .form-control{border:1px solid #ddd;}
.form-group .form-control:focus{;border-color:#79613b}
.form-tips{color:#ff0000}
.btn{background-color:#c09a5e;color:#fff}
.btn:hover{background-color:#79613b;color:#fff;transition:all .3s ease-in-out}

/* ----------------header-顶部-------------- */
.header{background:url(../images/bg-map.png) center top no-repeat #f6f6f6}
@media (max-width: 767px){
.header{background-image:none;background:#f6f6f6}}

.header__nav a{color:#333; text-decoration:none;}
.header__nav a:hover{color:#0065ed; text-decoration:none;}

.search .searchBar{background:#fff;}
.searchBar:hover{background:#fff;color:#333; -webkit-box-shadow:#eee 0px 0px 7px;-moz-box-shadow: #eee 0px 0px 7px;box-shadow: #eee 0px 0px 7px;}
.searchBar .buttonsearch{background:url(../images/icon-search.svg) no-repeat #c09a5e;background-size:auto 20px;background-position: 50% 50%;}
.searchBar .buttonsearch:hover{background:url(../images/icon-search.svg) no-repeat #afa298;background-size:auto 20px;background-position: 50% 50%;}

#lng_open{background:#fff;}
#select{color:#c09a5e;}
#popular li a{color:#444}
#popular li a:hover{color:#0065ed;text-decoration:underline}/* -------------Red Color----------- */

/* ----------------menu菜单导航条-------------- */
.menubar ul{border-right:1px solid #eee;}
.menubar ul li{border-left:1px solid #eee}
.menubar ul li a{color:#333}
.menubar ul li a:hover{background:#c09a5e;color:#fff}
.menubar ul li a.active{color:#fff;background:#c09a5e;}
.menubar ul li a.active:hover{color:#fff;background:#c09a5e;}
ul.drop-down-content li{background: #fff; border:1px solid #eee;}
ul.drop-down-content li a:hover {color:#fff;background-color:#c09a5e;}
ul.drop-down-content2 li{background: #fff; border:1px solid #eee;}
ul.drop-down-content2 li a:hover {color:#fff;background-color:#c09a5e;}
.sitenav{border-right:1px solid #E9E9E9;} /* ----------另一个版本菜单在LOGO右边------------------*/

/* ----------右边隐藏【自适屏】的菜单---------------------------*/
.drawer{box-shadow:#999 0px 0px 7px;background-color:#c09a5e}
.drawer__inner{background-color:#fff}
.menu--drawer .menu__item{border-bottom:1px solid #eee;background-color:#fff}
.menu__item a{color:#333}
.menu__item a:hover{color:#fff;font-family:"OpenSansS";background:#c09a5e;}
.link:hover{color:#fff;font-family:"OpenSansS";background:#c09a5e;}
.drawer__close{background-color:#fff;}
.side_search{background-color:#c09a5e;color:#fff;border-top:4px solid #eee}
.side_search input{background:transparent}
.side_search .buttonsearch{background:#fff;}
.buttonsearch:hover{background:#f3f3f3}
.side_search a{color:#fff!important}
.side_search a:hover{color:#333}
.side_search{color:#fff;background-color:#c09a5e;border-top:2px solid #ddd}
.side_search .search-col input{background:#fff;border-radius:20px 0px 0px 20px;border:1px solid #fff;color:#000}
.side_search .search-col input:focus{outline:none;border:1px solid #fff;border-radius:20px 0px 0px 20px;}
.side_search .search-col input:hover{border:1px solid #fff;border-radius:20px 0px 0px 20px;}
.side_search .search-col button{background:url(../images/icon-search.svg) no-repeat #fff;background-size:auto 20px;background-position: 0px 7px;border:1px solid #fff;border-radius:0px 20px 20px 0px;}
.side_search .search-col button:hover{background:url(../images/icon-search0.svg) no-repeat #fff;background-size:auto 20px;background-position: 0px 7px;}

.submenu {background: #fafafa;}
.submenu li {border-bottom: 1px solid #eee;}
.submenu li:first-child{border-top: 1px solid #eee}
.submenu a {color: #666;}
.submenu a:hover ,.submenu li.current a{background:url(../images/dotw.png) #c09a5e;font-family:"OpenSans";}

/* ----------------banner大图 index--------------- */
.flickerplate .dot-navigation .dot.active{background-color:#fff}/* -------bottom dot----- */
.flick-title{color:#fff;text-shadow:#000 0px 0px 5px;padding:2px 15px 2px 15px;}
.flick-sub-text{color:#fff;text-shadow:#000 0px 0px 5px;}


/* ----------------四栏五栏六栏 图片列表边框-------------- */
.col4 ul li,.col5 ul li,.col6 ul li{ background:#fff;-webkit-box-shadow:#eee 0px 1px 5px 2px;-moz-box-shadow: #eee 0px 1px 5px 2px;box-shadow: #eee 0px 1px 5px 2px;}
.col4 ul li:hover,.col5 ul li:hover,.col6 ul li:hover{ -webkit-box-shadow:#bbb 0px 1px 5px 0px;-moz-box-shadow: #bbb 0px 1px 5px 0px;box-shadow: #bbb 0px 1px 5px 0px;color:#c09a5e}
.col4-news ul li img,.col5-news ul li img{border:1px solid #ccc;background:#fff}

/* ----------------mroespan--------------- */
.morespan0 a{background:#fff;color:#c09a5e;border:1px solid #c09a5e;text-decoration:none;}
.morespan0 a:hover{background:#c09a5e;color:#fff;transition:all .2s ease-in-out;text-decoration:none;}

.morespan a{background:#c09a5e;color:#fff;text-decoration:none;}
.morespan a:hover{background:#79613b;color:#fff;transition:all .2s ease-in-out;text-decoration:none;}

/**----------------------productlist & newslist【产品列表，新闻列表】----------------------**/
.productlist ul li img{border:1px solid #ddd;box-shadow: #eee 0px 0px 2px;}
.productlist ul li img:hover{;border:1px solid #ddd;box-shadow: #ccc 0px 2px 3px;}
.productlist ul li{border-bottom:2px solid #ddd;padding:20px 0px 20px 0px;}
.productlist ul li p{color:#444;}

/* ----------------single product--【产品详情页】------------- */
#gllery_output img,#gllery_nav ul li img{border:1px solid #ccc;background:#fff}
.product-description{border-bottom:3px solid #eee}
.product-table ul li:nth-child(even){background:#f0f0f0} 
.product-table ul li{border-bottom:1px solid #ddd;}
.product-table ul li:hover{background:#e3e3e3;}
.product-table ul li:first-child{border-top:1px solid #ddd;}

/**----------------------leftmenu-【左边产品列表菜单】----------**/
.left-list{-webkit-box-shadow:#ddd 0px 2px 8px 0px;-moz-box-shadow: #ddd 0px 2px 8px 0px;box-shadow: #ddd 0px 2px 8px 0px;border:1px solid #eee}
.menutitle{background:#c09a5e;color:#fff}
.leftmenu ul li{border-bottom:1px solid #ddd;}
.leftmenu ul li a{background:url(../images/icon-arrow.svg) 2% 50% no-repeat;background-size:10%}
.leftmenu ul li a:hover{background:url(../images/icon-arrow0.svg) 2% 50% no-repeat #c09a5e;color:#fff;background-size:10%}

@media (max-width: 767px){
.leftmenu ul li a{border:1px solid #c09a5e;color:#c09a5e}
.leftmenu ul li a:hover{color:#fff}}

/* ----------------pagebar---【页码】------------ */
.pagebar{border-top:2px solid #eee}
.pagebar a { border:1px solid #ddd}
.pagebar a:hover { background:#c09a5e;color:#fff;text-decoration:none;border:1px solid #c09a5e;transition:all .2s ease-in-out;}
.pagebar .now-page { background:#79613b;color:#fff;border:1px solid #79613b}


/* ----------------footer----【底部】----------- */
.cellcol_inner{color:#fff;text-shadow:#555 0px 0px 3px;}

#footernav{background:#f4f4f4;}
.footernav_inner{color:#666;}
.botnav ul li a{color:#666}
.botnav ul li a:hover{color:#124191}

/* ----------------回到顶部--------------- */
.cd-top {background:url(../images/icon-totop.png) #c09a5e no-repeat center 50%;background-size:70%}

/* ----------------lightgallery图片轮播系统--------------- */
.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#c09a5e}
.lg-progress-bar .lg-progress{background-color:#c09a5e}


