﻿@charset "utf-8";
/*-----------------

*Filename:style.css
*Description:CSS
*Author:shendeying
*Date:2016-08-18

-------------------*/
.head-area{ background:url(../png/top_01.png) no-repeat top center}
.head{ height:132px}
.nav ul { margin-top:36px}
.nav li{ float:left; width:85px; background:url(../png/nav-back-2.png); height:30px; text-align:center;}
.nav li a{ line-height:30px; color:#FFFFFF; font-size:14px}
.main-back{ background:url(../png/main-back2.png) repeat-y top center}
.main{ background:url(../png/main-back.png) no-repeat 308px  -5px}
.main-l{ width:401px; height:800px ;padding:60px 40px 0 20px; background:url(../png/cebianlan.png) no-repeat right top}
.main-r{ width:464px; height:800px; padding-left:40px}
.main-r .con{ padding-left:90px; padding-top:16px; font-size:12px; font-family:"宋体"; line-height:24px; text-indent:2em}
.main-r .con li{ height:24px; border-bottom:1px #666 dashed}
.main-r .con li a{ padding-left:20px; line-height:24px; background:url(../gif/icon-09.gif) no-repeat 4px 3px; color:#000000}
.main-r .con li span{ float:right; color:#000000; padding-right:4px}
.about{ background:url(../png/about.png) no-repeat left top; width:464px; height:260px}
.culture{background:url(../png/culture.png) no-repeat left top; width:464px; height:260px}
.news{ background:url(../png/news.png) no-repeat left top; width:464px; height:260px}
.more{line-height:70px; height:70px; padding-right:50px; text-align:right; font-size:12px; font-family:"宋体"}
.more a{ color:#FFFFFF}
.column1{ margin-top:-10px; border-bottom:1px dashed #666; padding-bottom:8px}
.column1 .news-text{ width:176px; padding-left:18px}
.column1 .news-text h2{ font-size:14px; line-height:20px; margin-top:-2px; font-weight:bold}
.column1 .news-text a{ color:#000000}
.column1 .news-text p { line-height:24px; text-indent:2em}
.column1 img{ width:180px; height:120px}
.goods-list-index{ background:url(../png/goods-list.png) no-repeat  center top; height:225px; padding-bottom:83px;}
.goods-list-index .bd{ padding-top:50px; padding-left:140px}
.goods-list-index li { float:left; margin-right:30px}
.goods-list-index li img{ width:150px; height:100px; padding:4px; border:1px solid #999}
.goods-list-index li h3{ text-align:center; font-size:14px; color:#000000; padding-top:4px}

.footer-area{ background:url(../png/main-back2.png) repeat-y top center}
.footer{ height:180px; background:url(../png/footer.png) no-repeat top center}
.footer-link{ text-align: center; font-size: 0; padding-top:18px}
.footer-link ul li{display: inline-block;*display: inline; *zoom:1; font-size: 12px; padding:0 14px; }
.footer-link ul li a{ color:#702929;}
.footer-con{ height:150px; width:540px;}
.footer-con img{ padding-right:20px; padding-top:10px; background:url(../png/footer-back.png) no-repeat right center}
.footer-con-text{ font-size:12px; color:#702929; padding-top:20px; padding-left:30px; line-height:24px}

/*page-public*/
.page-show{ color:#999}
.page-mess{ height:30px; line-height:30px; font-size:12px; margin-top:20px; border-top:1px solid #702929}
.page-mess span{ color:#999; padding:0 5px}
.page-mess a{ color:#702929; padding:0 5px}

.side-menu{ width:195px; margin-left:45px}
.side-menu-l1{ width:120px;overflow:hidden; padding-left:68px}
.side-menu h3{ height:40px; float:left}
.side-menu h3 a{ line-height:40px; font-size:14px}
.side-menu h3 a:hover{ color:#6b2f08}
.side-menu .submenu li{ width:100%; height:32px; padding-left:10px; overflow:hidden}

.side-menu .submenu li a{ font-size:12px; line-height:32px;}
.side-menu .hitarea {
	margin-left:-16px;
    float:left;
	display:inline-block;
	height: 25px;
	width: 16px;
	cursor: pointer; margin-top:1px
}
.side-menu h3.hover,.side-menu-list h3:hover{color:#6b2f08}
.side-menu .submenu  li a.hover,.side-menu-list li .submenu a:hover{ color:#6b2f08}


.side-menu .submenu  li a.selected {font-weight: bold;color:#6b2f08}
.side-menu h3 a.selected{font-weight: bold;color:#6b2f08}

.treeview .collapsable-hitarea {background: url(../png/arrow_b.png) 5px 16px no-repeat;}
.treeview .expandable-hitarea {background: url(../png/arrow_a.png) 5px 16px no-repeat;}

.side-menu-top{ height:37px; background:url(../jpg/side-menu-top.jpg) no-repeat}
.side-menu-con{ background:url(../jpg/side-menu-con.jpg) repeat-y}
.side-menu-footer{ height:206px; background:url(../jpg/side-menu-footer.jpg) no-repeat}


.footer-align{ margin-top:-10px}

.no-con{ text-align:center; line-height:400px; font-size:12px; color:#666}
.no-conbiaoti{ width:597px; line-height:36px; float:left; font-weight:bold; font-size:16px;}

.biaoti{ width:100px; line-height:24px; margin:10px 490px 10px 0px; float:left; background:#a04b2e; text-align:center; font-weight: bold; border-radius:20px; color:#FFF}
.biaoti a{ color:#FFF;}
.biaoti a:hover{ color:#F00}
/*base-read*/
.main-con{ padding:0 20px}
.body-c{ background-color:#fcf6e0}
.head-area-c{ background:url(../png/head-area-c.png) no-repeat top center; padding-bottom:111px}
.head-c{ }
.banner-c{ height:320px}
.main-c-area{ background:url(../png/main-back3.png) no-repeat 0px 100px}
.main-c{ background:url(../jpg/main-back3.jpg) repeat-y top center; padding-bottom:100px}

.main-c-con{ padding-left:15px; width:637px}
.main-c-titleline{ height:100px}
.main-c-con-title{ height:50px; line-height:50px; text-align:center; font-size:16px}
.main-c-con p{ font-size:12px; line-height:26px}

.footer-c{ background:url(../jpg/bg_5.jpg) no-repeat top center; height:233px; padding-top:176px; margin-top:-220px}

/*article-list*/
.a-list{ padding-top:20px; padding-left:10px; width:580px}
.a-list li{ font-size:12px}
.a-list li a{ padding-left:20px; line-height:30px; color:#000000}
.a-list li span{ float:right; color:#000000; padding-right:4px}
.a-list li .type{background:url(../gif/icon-09.gif) no-repeat 4px 3px; }

/*article-read*/
.main-a-con-title{  line-height:24px; text-align:center; padding:10px 0} 
.main-a-con-title h1{font-size:20px; font-weight:bold}
.main-a-con-title h2{font-size:16px; }
.messageline{ margin-top:20px; text-align:center; padding-bottom:5px; border-bottom:1px #666 dashed; font-size:12px; font-family:"宋体"}
.messageline span{ color:#9fa0a0}
.main-a-con-con{ padding-top:20px; font-family:"宋体"; font-size:12px; line-height:24px}
.main-a-con-con img{ display:inline-block}
.article-change{ margin-top:15px; line-height:24px; font-size:12px; color:#4c4948}
.article-change a{ color:#6b3034}
.other{ margin-top:10px; line-height:20px; color:#4c4948}
.other span{ font-weight:bold}

/*goods-list*/
.search-line{ height:33px; line-height:33px; background-color:#e2c796; margin-top:5px}
.goods-list-c { margin-top:20px}
.goods-list-c li { float:left; margin-left:37px}
.goods-list-c li img{ width:150px; height:100px; padding:4px; border:1px solid #e6e7e7}
.goods-list-c li h3{ text-align:center; font-size:12px; color:#6b2f08; padding-top:4px; padding-bottom:20px}
.page-mess{}


/*goods-read*/
.title-line-c{ height:33px; line-height:33px; background-color:#e2c796; font-size:12px; font-weight:bold; padding-left:20px}
.pro-data{ padding-top:14px; padding-left:20px}
.pro-intro{ margin-bottom:40px}
.pro-intro p{ font-size:14px; padding-left:10px} 
.pro-intro .pro-intro-title{ margin-top:10px; background:url(../gif/tab-line.gif) repeat-x; padding-top:6px; padding-bottom:10px; font-size:16px}

/* 放大镜开始 */
.magnifier{
	position:relative;
	margin:20px ;
	_margin:12px ;
	width:272px;
	float:left;
	z-index:3;
}
.magnifierView{
	padding:5px;
	border:1px solid #999;
}
#small{	
	position:relative;
	width:260px;
	height:200px;
	overflow:hidden;
}
.magnifierView .vm{
	width:260px;
	height:200px;
	*font-size:330px;
	display:block;
}
.magnifierView .vm img{width:260px;height:200px; margin-left:auto; margin-right:auto}
.mark{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:80px;
	height:80px;
	background:#FFF;
	filter:alpha(opacity:50);
	opacity:0.5;
	border:1px solid #333;
	cursor:move;
}
#bigBox{
	display:none;
	position:absolute;
	left:350px;
	top:0;
	width:300px;
	height:300px;
	overflow:hidden;
	background:#F3F5EC;
	border:1px solid #BEC3AB;
}
.bigImg{
	position:absolute;
	left:0;
	top:0;
}
.bigImg img{
	display:block;
	width:auto; height:auto;
	max-height:none; max-width:none;
}
.magnifierList{
	position:relative;
	top:10px;
	width:100%;
	height:94px;
	overflow:hidden;
}
.magnifierImg{
	position:relative;
	z-index:2;
	margin:0 auto;
	width:294px;
	height:94px;
	overflow:hidden;
}
.magnifierImg ul{
	position:absolute;
	left:30px;
	width:10000%;
	top:12px;
}
.magnifierImg li{
	display:inline;
	float:left;
	margin-right:5px;
	padding:0;
	cursor:pointer;
}
.magnifierImg li .vm{
	width:64px;
	height:54px;
	border:1px solid #e0e0e0;
	display:block;
	*overflow:visible;
	*font-size:63px;
	padding:1px;
}
.magnifierImg li .vm:hover{ border-color:#73c5ff;}
.magnifierImg li.vCur{
	background-position:0 0;
}
.arrows{
	position:absolute;
	left:0;
	top:5px;
	z-index:1;
	width:100%;
}
.arrows a{
	color:#fff;
	width:24px;
	height:38px;
	line-height:77px; font-size:14px;
	text-align:center;
	margin-top:16px
}
.arrows-l{ background:url(../gif/pre-no.gif) no-repeat}
.arrows-r{ background:url(../gif/next-no.gif) no-repeat}

/*sitmap*/
.products_center{ margin-top:40px;}
.mapbox{  padding:12px; margin:6px auto 40px auto; border:1px solid #999; position:relative;_margin:6px auto 20px auto;}
.mapbox a{ color:#702929}
.mapbox h4{ font-size:14px; line-height:32px;}
.maplist{ height:auto; padding:10px; overflow:hidden;border:1px solid #999 }
.maplist ul{}
.maplist ul li{ float:left; width:20%; text-align:center; line-height:24px; font-size:12px; height:24px;}
.maplink{ width:140px; height:23px; border:1px solid #999; border-bottom:none; text-align:center; line-height:23px; font-size:14px; position:absolute; right:-1px; top:-24px;}
.maplink a{ margin:0 5px; font-size: 12px;}

/*history-by-year*/
.history-by-year{}
.history-by-year .hd{ width:480px; overflow:hidden; margin:20px auto; position:relative}
.history-by-year .arrow-l{ background:url(../png/arrow-sml.png) no-repeat center center; width:35px; height:42px; position:absolute; left:32px; top:4px; cursor:pointer}
.history-by-year .arrow-r{ background:url(../png/arrow-smr.png) no-repeat center center; width:35px; height:42px; position:absolute; right:30px; top:4px; cursor:pointer}
.history-by-year .hd li{ float:left; width:70px; height:32px; text-align:center;padding:0 5px 9px; background:url(../png/list-bottom3.png) no-repeat bottom center}
.history-by-year .hd li.on,.history-by-year .hd li:hover{ color:#333333; font-weight:bold; font-size:18px}
.history-by-year .hd li a{ line-height:32px; color:#6b2f08}
.history-by-year .hd li.on a{ color:#333; font-weight:bold; font-size:18px}
.history-by-year .bd{ padding:10px}
.history-by-year .bd .event-list li{ padding:10px; border:1px solid #6b2f08; margin:20px; border-radius:10px}
.history-by-year .bd .event-list li h4{ margin-bottom:10px}


/*base-read-calture*/
.main-c-con-title-calture{ padding-top:20px; border-bottom:2px solid #702929; margin-bottom:20px}
.main-c-con-title-calture li{ float:left; height:27px;width:96px; font-size:14px; text-align:center; background:url(../gif/tab-bg.gif) no-repeat center 5px; padding-top:5px}
.main-c-con-title-calture li.on,.main-c-con-title-calture li.hover{ background:url(../gif/tab-current.gif) no-repeat center 5px}
.main-c-con-title-calture li a{ line-height:27px;}
.main-c-con-title-calture li.on a{ color:#FFFFFF}

/*振太通讯*/

.zhentai{ width:}
.zhentai li{ width:180px; height:300px; margin:0 8px; float:left}
.zhentai li img{ width:178px; height:250px; float:left; border:1px #CCC solid;}
.zhentai li h3 {text-align: center;font-size:14px;color: #6b2f08; line-height:30px; height:40px; margin-bottom:10px;}
.zhengmore{ width:376px;margin-left:200px;text-align: center;font-size:14px;color: #6b2f08;padding-top: 4px; padding-bottom: 20px; font-weight:bold; float:left}
.zhengmore a{color: #FFF; background:#5b2b1a; width:100px; line-height:30px; display:block;text-align: center; }
.zhengmore a:hover{color:#F00;}

.hcnapin{ width:}
.hcnapin li{ width:180px; height:230px; margin:0 8px; float:left}
.hcnapin li img{ width:178px; height:180px; float:left; border:1px #CCC solid;}
.hcnapin li h3 {text-align: center;font-size:14px;color: #6b2f08; line-height:30px; height:40px; margin-bottom:10px;}

.dangqwz{ width:568px; height:30px; line-height:30px; padding-left:20px;   float:left}

.dangqwz_left{font-weight:bold; float:left}
.dangqwz_right{ font-size:12px;float: right}


.jdgcp{ }
.jdgcp li{ width:180px; overflow:hidden; margin:0 8px; background:#FFF;  float:left}
.jdgcp li img{ width:178px; height:180px; float:left;border:1px solid #ececec; }
.jdgcp_main{width:178px;height:112px;border:1px solid #ececec; float:left}
.jdgcp_title{width:178px;text-align:center; line-height:30px;height:30px;border-bottom:1px solid #e5e5e5;font-size:15px;color:#555;font-weight:bolder;float:left }

.jdgcp_con{padding:5px;color:#555;line-height:25px; font-size:12px; float:left}