﻿
.topArea{border-bottom:1px solid #ebebeb;background-color: #fff6e9}
.header {background-color: #fff6e9; }
a{color:#444;text-decoration:none;}
a:hover{color:#825337;text-decoration:underline}
.spot,
.topArea span .wbst,
.topArea span .wbst a,
.keyleft .title,
.pro_sort .active .name a,
.pro_sort .each_li .third_box .name a:hover,
.TWQH-MODEL .bd .date_d,
.pro_sort .each_li .third_box .name a.active,
.pro_sort .current .name a{color:#7f5136}
.ke-content{padding:20px;}
.top_mobile {color:#d34953}			
/* nav area */	
.navbox{background:url(nav_bg.jpg) repeat-x; font-weight: normal;}
.navbox li a { position: relative;}
.navbox li .current,.navbox li:hover,.navbox li:hover a{/*background:url(nav_active.jpg);*/ background:linear-gradient(to left,#b05a26,#db8a3b);}
.navbox li .current::after,.navbox li:hover a::after,.navbox li:hover a::after { border: 1px solid #fff; content: ""; position: absolute; top: 3px; left: 3px; bottom:3px; right: 3px; opacity: .4}
.navbox li.line{background:url(nav_line.jpg) no-repeat 50%;}

.navbox .shownav {    background: #7f5136; }
.navbox li .shownav a:hover { background: #e99a42; }


.PRO-I{border-bottom:3px solid #cb9c66}

.HOT-KEYS { background:#fff6e9}

/* hot */
.searchformBox .serach_input{background:url(search_text.jpg) no-repeat;}
.searchformBox .btn_serach{background:url(search_btn.png) no-repeat;}

/* banner */
.picBox .hd li{background:#333;}
.picBox .hd li.on{ background:#8a5332;}
.picBox .next,
.picBox .prev,
.products_box .hd a{background:url(icon_arr.png) no-repeat;}
.picBox .prev{left:50%;margin-left:-660px;}
.picBox .next{right:50%;margin-right:-660px;background-position:right top;}
.picBox:hover .prev{background-position:left top;margin-left:-640px;opacity:1;filter:alpha(opacity=100);}
.picBox:hover .next{background-position:left -56px;margin-right:-640px;opacity:1;filter:alpha(opacity=100)}
.picBox:hover .prev:active{background-position:left -112px}
.picBox:hover .next:active{background-position:left -168px}


/*
.product_title{background:url(title_bg.jpg) repeat-x 0 50px}
.product_title .title{color:#dba86d;}
.product_title .ms{background:#fff url(title_circle.jpg) no-repeat left 50%;}
.product_title .ms p{background:#fff url(title_circle.jpg) no-repeat right 50%;}
*/

.product_title{}
.product_title .title{ display:inline-block; padding:0 154px 0 0;background:url(title_circle2.png) no-repeat right center;color:#7f5136;}
.product_title .title h2 { padding:0 0 0 154px;background:url(title_circle1.png) no-repeat left center; }
.product_title .ms{ padding:0; clear:both; display:block;}
.product_title .ms p{color:#7f5136; }

/*
.newsbox{background-image:url(title_bg3.jpg)}
.newsbox .ms{background:#f0f0f0 url(title_circle3.jpg) no-repeat left 50%;}
.newsbox .ms p{background:#f0f0f0 url(title_circle3.jpg) no-repeat right 50%;}
*/

.case_box {background-position:center top !important;}
.case_box .product_title .ms p { color:#825337; }
/*
.case_box .product_title{color:#fff;background-image:url(title_bg2.jpg)}
.case_box .product_title h2 strong{color:#fff}
.case_box .product_title .ms{background:#187abc url(title_circle2.jpg) no-repeat left 50%;}
.case_box .product_title .ms p{background:#187abc url(title_circle2.jpg) no-repeat right 50%;}
*/

/* face icons button */
.home .pro_sort .each_li,
.pro_sort .each_li .name .icon,
.pro_sort .each_li .name a,
.promore a,
.title .more a,
.list_news li,
.pro_sort_box .pro_sort .each_li .third_box .name{background:url(slice-icons.png) no-repeat 0 -102px;}

.pro_sort .each_li .name .icon{background-position:right -149px;padding-right:26px}
.pro_sort .each_li .name a{background-position:15px -283px;}
.pro_sort_box .pro_sort .each_li .name a{background-position:24px -283px}

.home .pro_sort .active,.home .pro_sort .each_li:hover{background-image:none;background-color:#fff;border-bottom-color:#fff}
.pro_sort .active .name a,.pro_sort .each_li:hover .name a{background-position:14px -348px;}
.pro_sort_box .pro_sort .active .name a,.pro_sort_box .pro_sort .each_li:hover .name a{background-position:24px -348px;}
.pro_sort .active .name .icon,.pro_sort .each_li:hover .name .icon{background-position:right -238px;}
.home .pro_sort .each_li:hover .third_box{display:block}

.home .pro_sort .each_li .third_box .name a{border-bottom:1px dotted #e5e5e5}
.pro_sort_box .pro_sort .each_li .third_box .name{background-position:40px -274px;}
.pro_sort .each_li .third_box .name a{padding:5px 10px;background-image:none;color:#666;display:block;}
.home .pro_sort .each_li .third_box .name a:hover{background:#f9f9f9}
.pro_sort .each_li .third_box{line-height:22px;}
.pro_sort .each_li .third_box .name a.active{font-weight:bold}

.pro_sort .promore,
.title .more{width:100%;margin:0 auto;top:-56px;position:absolute;left:0;}
.pro_sort .promore a:hover,.title .more a:hover{background-position:-27px 0;}
.pro_sort .promore a,
.title .more a{width:27px;height:27px;display:block;background-position:-54px 0;overflow:hidden;text-indent:-999px;margin:0 auto}

.pro_sort_box .pro_sort .each_li .third_box .name{padding:0 10px 0 45px}
.pro_sort_box .pro_sort .active .name .icon{font-weight:bold}


.TTXW_LIST .list_news li, .XW_LIST .list_news li { border-bottom: 1px dotted #7f5136; }

.TPLB_LIST .content_box .more { padding:0; margin:0 20px 20px;background:#7f5136;background:linear-gradient(to bottom,#965f3f,#7f5136);border-radius:2px }
.TPLB_LIST .content_box .more a{display:inline-block;padding:10px;color:#fff;}
.TPLB_LIST .content_box .more a{background:url(z_01.png) no-repeat right center;}
.TPLB_LIST li:hover .content_box{background:url(content_box_bg.png);}


.CASE_LIST .content_box .sz { background: url(slice-icons.png) no-repeat; color:#825337; }
.CASE_LIST .content_box .sz { background-position:0 -155px;}
.CASE_LIST li:hover .content_box{background:#825337}
.CASE_LIST li:hover .content_box .sz { color:#fff; }

.newsbox_left .XW_LIST{padding-left:290px;margin-top:-6px}
.list_news li{ background-position:0 -273px;padding:7px 5px 7px 15px;text-align:left}

.TW_CONTENTS .intro { color:#000; }
.TTXW_LIST li .wrap .topic a, .XW_LIST li .wrap .topic a { color:#000; }

.TWQH-MODEL .hd {background:url(title_bg4.jpg) repeat-x 0 5px}
.TWQH-MODEL .hd li.on{background:url(TWQH-MODEL_ON.jpg) no-repeat 50% 5px}

.TTXW_LIST li .wrap .topic,.XW_LIST li .wrap .topic{background:url(icon_lead.jpg) no-repeat 0 50%;}

.share_box .share_name{background:url(share_name.jpg) no-repeat 0 50%;} 

.location{background:url(icon-home.png) no-repeat 260px 50%;}

.newsbox .more{top:86px;}

/*内页样式*/	
.inner{background:url(main_bg.jpg) repeat-y 50% 0}
.sitemap dt{padding:0;background:url(redian.png) no-repeat right top;}

.PRO-I .TITLE-LEAD{background:url(nav_active.jpg) repeat-x;}
.btn-area .btn-submit,.display_content .btn-area .btn-submit{background:url(nav_active.jpg) repeat-x}


.ibw_icon_tj{background:url(icon_agree.png) no-repeat}
.ibw_icon_zd{background:url(icon_ding.png) no-repeat}

.TWQH-MODEL .pic_list_li .more a,.intro .more a,.TWLB_LIST .txt .more a{background:#7f5136; text-transform:uppercase;}

.IMGVIEW .display_title .btn a{background-image:url(nav_active.jpg)!important;background-repeat:repeat-x!important;}

/*在线客服*/
.online-qq{background:url(nav_up.png) no-repeat 50% 0;}
.qq_content .dt{background:#7f5136 url(client_title.png) no-repeat}
.qq_content dd a{background:url(tab_bg.jpg) repeat-x}
.qq_content dd a:hover{background:#573f33;border-color:#573f33;}
.qq_content dd p a{background:url(icon_qq.png) no-repeat 0 50%;}
.qq_content dd img { vertical-align:top; margin-top:3px; }

.slider-box-img .prev .arrow{ background:url(slider-arrow.png) -120px 20% no-repeat;   }
.slider-box-img .next .arrow{ background:url(slider-arrow.png) 0 20% no-repeat;  }
	
.PageNum{background:url(Digital_box.png) no-repeat;}


.M-COLUMS{background:url(line_bg.jpg) repeat-x 0 100px}

.TWXC_LIST li .content_box{background:url(case_bg.jpg) no-repeat;}
.TWXC_LIST li:hover .content_box{background-image:url(case_hover_01.jpg)}


/* back top */
#pageTop{background:url(page_top.png) no-repeat;}
#pageTop:hover{background-position:-71px 0}

.navbox_foot,.footer{background:#7f5136;color:#c6b6ae;text-align:center}
.navbox_foot a, .footer .ft-wrap a {color:#c6b6ae;}
.navbox_foot a:hover,.footer a:hover {color:#fff;}
