@charset "utf-8";



/* 公共样式 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 

tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0;  }

body,dl,dd{margin:0;}

ul{margin:0;padding:0;}

li{list-style:none;}

h1,h2{margin:0;}

p{margin:0;}

a{text-decoration:none; cursor:pointer;}

img{border:0;}

.clearfix{clear:both;}



*{color:#444444;font-family:"微软雅黑"; font-size:12px;}

.fz{ max-width:1320px; margin:0 auto;}

.fl{ float:left;}

.fr{ float:right;}

.cl:after{ content:""; display:block; clear:both;}

.clear{clear: both;}

.wzsj{text-indent: 24px;}







/*头部样式开始*/



#heat{ width:100%; height:169px; overflow:hidden; background:#fff;}

.heat_neir1{height:30px; line-height:30px; background:#333333;}

.heat_neir1_ner{ width:1320px; margin:auto;}

.heat_neir1 p{ color:#fff;}

.fl{ float:left;}

.fr{ float:right;}

.heat_neir1 p img{ float:left; margin:7px 10px 0 0;}

.heat_neir1 p strong{ color:#fff; font-family:Impact; font-size:18px;}



.heat_neir2{ width:1320px; margin:auto;}

.logo{ margin:30px 0 0 0;}

.logo p{ float:left; margin:0 20px 0 0;}

.wenzi{ font-size:24px; font-weight:bold; width:260px; display:block; padding-bottom:10px; margin:10px 0 0 0;}

.wenzi2{ font-size:11px;}

.wenzi3{font-size:24px;font-weight:bold; margin:0 0 20px 0;}

.wenzi4{ text-indent:24px; line-height:24px;margin:0 0 40px 0; font-size:14px;}

.wenzi7{ font-size:18px; line-height:18px; font-weight:bold;}

.wenzi8{font-size:30px; line-height:30px; font-weight:bold; color:#781a1b; font-family:Impact;}

.wenzi9{ font-size:14px; line-height:24px;}



.nav ul{ width:800px; height:auto; overflow:hidden;}

.nav ul li{ float:left; display:block; padding:0 18px; margin:50px 0 0 0;}

.nav ul li p:nth-child(1){ font-size:16px; color:#333; line-height:24px;}

.nav ul li:hover{ border-bottom:2px solid #781a1b; padding-bottom:10px;color:#333; cursor:pointer;}





/*头部样式结束*/





/*内容区样式开始*/

.content {

	display:block;

	overflow:hidden;

	margin:0px; line-height:24px;

}




.content .title {

	display:block;

	overflow:hidden;

	margin-top:19px;

}

.content .title h2 {

	overflow:hidden;

	line-height:36px;

	height:36px;

	font-size:36px;

	color:#781a1b;

	font-weight:normal;

	margin-bottom:10px;

}

.content .title p {

	overflow:hidden;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	line-height:30px;

	height:30px;

	font-size:26px;

	color:#ccc;

	margin-bottom:10px;

}

.content .zizhi {

	display:block;

	position: relative;

	overflow:hidden;	

	margin-top:30px;

	margin-bottom:30px;

	height: 300px;

	background: #fff;

}

.zizhi .zitext {

	display:block;

	float:left;

	overflow:hidden;

	position: relative;

	margin-top:48px;

	margin-left:40px;

	

	padding-bottom:10px;

}

.content .rongyu {

	position: relative;

	display:block;

	overflow:hidden;	

	margin-bottom:30px;

	background: #fff;

}

.content .block {

	display:block;

	overflow:hidden;	

	margin-bottom:30px;

}

.content .block ul{

	width:1440px;

	overflow:hidden;

}

.content .block ul li{

	float:left;

	display:block;

	overflow:hidden;

	margin-right:26px;

}

.zizhi .zitext h2 ,.rotext h2{

	font-size: 24px;

	font-weight: normal;

	padding-bottom: 20px;

}

.zizhi .zitext p, .rotext p{

	font-size: 14px;

	line-height: 24px;

	font-weight: normal;

	color: #999999;

}



.content .rongyu {

	position: relative;

	display:block;

	overflow:hidden;	

	margin-bottom:30px;

	background: #fff;

}



.content .block {

	display:block;

	overflow:hidden;	

	margin-bottom:30px;

}

.content .block ul{

	list-style:none;

	width:1236px;

}

.content .block ul li{

	float:left;

	display:block;

	overflow:hidden;

	margin-right:25px;

}





.content .guide {

	overflow:hidden;

	margin:20px 0 20px 0; padding:0 0 0 30px;

}



.pro_con{ margin:25px 0 0 0; }

.dhwz{ font-size:16px;}

.dhwz strong{ font-size:18px; color:#781a1b;}

.pro_con p{font-size:16px; color:#666; line-height:26px;}

.content .guide ul {

	list-style:none;

}

.content .guide ul li {

	line-height:25px;

}

.content .guide .ibuy {

	background:#ff6600;

	color:#fff;

	font-size:16px;

	text-align:center;

	height:40px;

	line-height:40px;

	width:120px;

	margin-right:20px;

	float:left;

	overflow:hidden;

	display:block;

}

.content .guide .idemo {

	background:#781a1b;

	color:#fff;

	font-size:16px;

	text-align:center;

	height:40px;

	line-height:40px;

	width:120px;

	float:left;

	overflow:hidden;

	display:block;

}





.content .guide-info .thd {

	text-align:center;

	font-size:24px;

	line-height:60px;

	border-bottom:dashed 1px #d3d3d3; padding-bottom:10px;

}


.content .guide-info h2,.content .guide-info h3,.content .guide-info h4{ font-size:x-large;}
.content .guide-info .thd font {

	display:block;

	color:#CCC;

	text-align:center;

	font-size:12px;

	line-height:20px;

}





.intro {

	clear:both;

	overflow:hidden;

	padding:30px;

	background:#fff;

	min-height:500px;

	margin-bottom:30px;

	margin-top:30px;

	line-height:24px;

}



.next_map {

	padding-top:20px;

	padding-bottom:10px;

	line-height:25px;

	overflow:hidden;

	clear:both;

	border-top:#ddd solid 1px;

	margin:50px 30px 30px 30px;

}

.next_map div{ display:block; overflow:hidden; line-height:35px;}

.next_map a{ display:inline-block; font-size:14px; line-height:35px;}





.content .next_map { margin:50px;}

.arc_rec {

	display:block;

	overflow:hidden;

	text-align:left;

	margin:30px;

}

.arc_rec h2 {

	overflow:hidden;

	height:40px;

	line-height:40px;

	color:#666666;

	position:relative;

	font-size:12px;

	background:#fafafa;

	padding-left:10px;

	border-bottom:#eaeaea solid 1px;

}

.arc_rec ul {

	display:block;

	margin:0px;

	padding-top:10px;

}

.arc_rec ul li {

	overflow:hidden;

	line-height:35px;

	height:35px;

	background:url(../images/tl_cut.png) no-repeat 5px 15px;

	padding-left:20px;

	border-bottom:#eaeaea solid 1px;

}

.arc_rec ul li a {

	display:block;

	width:600px;

	float:left;

}

.arc_rec ul li span {

	display:block;

	width:80px;

	float:right;

	color:#999999;

}







.arclist {

	position:relative;

	padding:20px;

}

.arclist li {

	display:block;

	overflow:hidden;

	border-bottom:#f5f5f5 solid 1px;

}

.arclist li h3 {

	display: block;

	float:left;

	font-weight:normal;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	width: 1000px;

}

.arclist li span {

	display: block;

	float:right;

	margin-right:10px;

}

.arclist li a {

	display: block;

	overflow:hidden;

	line-height:45px;

	height:45px;	

	background:url(../images/tl_cut.png) no-repeat 5px 22px;

	padding-left:16px;

}

.arclist li .time {

	float:right;

	margin-left:30px;

	line-height:45px;

	height:45px;		

	color:#ccc;

	display: block;

}



.rongyu .rotext{

	display:block;

	overflow:hidden;

	position: absolute;	

	right: 0;

	margin-top:48px;

	width: 480px;

	margin-right:20px;

	padding-bottom: 10px;

	background: #fff;



}



.zizhi .zitext h2 ,.rotext h2{

	font-size: 24px;

	font-weight: normal;

	padding-bottom: 20px;

}

.zizhi .zitext p, .rotext p{

	font-size: 14px;

	line-height: 24px;

	font-weight: normal;

	color: #999999;

}



.content .rongyu {

	position: relative;

	display:block;

	overflow:hidden;	

	margin-bottom:30px;

	background: #fff;

}



.content .block {

	display:block;

	overflow:hidden;	

	margin-bottom:40px;

	width:1320px;

}

.content .block ul{

	list-style:none;

	width:1440px;

	overflow:hidden;

}

.content .block ul li{

	float:left;

	display:block;

	overflow:hidden;

	margin-right:27px;

}







.content .guide ul {

	list-style:none;

}

.content .guide ul li {

	line-height:25px;

}

.content .guide .ibuy {

	background:#ff6600;

	color:#fff;

	font-size:16px;

	text-align:center;

	height:40px;

	line-height:40px;

	width:120px;

	margin-right:20px;

	float:left;

	overflow:hidden;

	display:block;

}

.content .guide .idemo {

	background:#781a1b;

	color:#fff;

	font-size:16px;

	text-align:center;

	height:40px;

	line-height:40px;

	width:120px;

	float:left;

	overflow:hidden;

	display:block;

}



.content .guide-info .thd {

	text-align:center;

	font-size:24px;

	margin:0 0 40px 0;

	line-height:60px;

}

.guide-info{ font-size:14px; line-height:26px; color:#666;}



.content .guide-info .thd font {

	display:block;

	color:#CCC;

	text-align:center;

	font-size:12px;

	line-height:20px;

}

.content{ background:#fff; margin-bottom:50px;}

.intro {

	clear:both;

	overflow:hidden;

	padding:60px;

	background:#fff;

	min-height:500px;

	margin:60px 0;

}

.intro22 {

	clear:both;

	overflow:hidden;

	padding:60px;

	background:#fff;

	min-height:500px;

	margin:20px auto auto;

}

.intro22 img{ display:inline-block;}

.guide-info{ padding:30px 70px;}



.next_map {

	padding-top:20px;

	padding-bottom:10px;

	line-height:25px;

	overflow:hidden;

	clear:both;

	border-top:#ddd solid 1px;

	

}

.next_map div{ display:block; overflow:hidden; line-height:35px;}

.next_map a{ display:inline-block; font-size:14px; line-height:35px;}





.arc_rec {

	display:block;

	overflow:hidden;

	text-align:left;

	margin:30px;

}

.arc_rec h2 {

	overflow:hidden;

	height:40px;

	line-height:40px;

	color:#666666;

	position:relative;

	font-size:12px;

	background:#fafafa;

	padding-left:10px;

	border-bottom:#eaeaea solid 1px;

}

.arc_rec ul {

	display:block;

	margin:0px;

	padding-top:10px;

}

.arc_rec ul li {

	overflow:hidden;

	line-height:35px;

	height:35px;

	background:url(../images/tl_cut.png) no-repeat 5px 15px;

	padding-left:20px;

	border-bottom:#eaeaea solid 1px;

}

.arc_rec ul li a {

	display:block;

	width:600px;

	float:left;

}

.arc_rec ul li span {

	display:block;

	width:80px;

	float:right;

	color:#999999;

}



.newslist ul{ margin:20px 0 36px 0;}

.newslist li{

	display:block;

	overflow:hidden;

	padding:40px;

	border-bottom:1px solid #ddd;

	font-size:14px;

	background:#fff;

}

.newslist li:hover h3{ color:#a40b0d}

.newslist li:hover{

	background:#f8f8f8;

}



.newslist li a{ display:block; overflow:hidden;}



.newslist li dl{

	display:block;

	float:left;

	width:75px;

	margin-right:15px;

}

.newslist li dl i{

	display:block;

	margin-top:4px;

	text-align:right;

	overflow:hidden;

	font-style:normal;

	height:48px;

	line-height:48px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:48px;

	color:#a40b0d;

	font-weight:normal;

}

.newslist li dl b{

	display:block;

	text-align:right;

	overflow:hidden;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#3d527f;

	font-weight:normal;

}



.newslist li dd{

	display:block;

	float:left;

	border-left:1px solid #ddd;

	padding-left:20px;

	width:1100px;

}

.newslist li dd h3{

    font-size:18px;

	font-weight:normal;

	color:#111;

	line-height:35px;

}

.newslist li dd span{

	overflow: hidden;	

    font-size:14px;

	line-height:30px;

	color:#999;

	display:block;

	overflow:hidden;

	margin-bottom:5px;

}

.newslist li dd p{

	overflow: hidden;	

    font-size:14px;

	line-height:25px;

	color:#999;

	display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;

}









.content_about{ width:1320px; margin:0 auto 60px auto; overflow:hidden;}

.content_aboutleft{width:270px; padding:0 50px 0 0;}

.content_aboutleft img{ margin:0 0 40px 0;}

.biaoti{ width:268px; height:146px; border:1px solid #f0f0f0;}

.biaoti:hover{ border:1px solid #781a1b}

.biaoti p{text-align:center; color:#771c17;}

.wenzi4 a{color:#781a1b; text-decoration:none;}

.wenzi4 a:hover{text-decoration:underline;color:#781a1b;}

.biaotiwz{ font-size:32px; margin:36px 0 5px 0;}

.content_aboutright{width:980px;}

.content_aboutright span img{ margin-bottom:20px; float:left; margin-right:10px; margin-top:10px;}

.wenzi5{ clear:both;letter-spacing:10px;}

.wenzi6{ margin:20px 0 0 0;}

.wenzi6 strong{ font-family:Arial, Helvetica, sans-serif; font-size:32px; color:#781a1b;}





.tu{ text-align:center; background:url(../images/title.jpg) center center no-repeat; height:68px; width:1320px;}

.tu2 p{ font-size:14px; text-align:center; margin:10px 0 20px 0; font-weight:bold;}

.tu3{ height:48px; background:url(../images/title2.jpg) center center no-repeat; margin:0 0 40px 0;}





/**产品切换**/

.show{display: block;}

.hide{display: none;}

#ul1{  height:54px; padding-left:370px; margin-bottom:60px;}

#ul1 li{ float:left; width:168px; height:46px; margin:0 20px 0 0;line-height:50px; color:#333;border-radius:25px;border:2px solid #f0f0f0;text-align:center; font-size:16px;cursor:pointer;}

#ul1 li a{color:#333;text-align:center; display:block;font-size:16px;}

#ul1 li a:hover{background:#781a1b; color:#fff;border-radius:25px; font-weight:bold;}

.active{background:#781a1b; color:#fff;}
#ul1 .active{color:#fff;}
#ul1 .active a{color:#fff;}
#prouduct_text{ width:1320px;}

#prouduct_text ul{ width:1380px; overflow:hidden;}

#prouduct_text li{ width:400px; float:left; margin:0 60px 0 0;}

#prouduct_text li img{ width:100%;}

.cp1{  height:54px; text-align:center;border-bottom:2px solid #f0f0f0;}

.cp1 a{ font-size:16px;height:54px; line-height:54px; display:block; }

#prouduct_text li:hover .cp1 a{color:#781a1b;border-bottom:2px solid #781a1b; }

#prouduct_text li:hover img{ opacity:0.8;}

/**产品切换**/





#jidi{ width:100%;overflow:hidden;}

.jidi_title{ width:1320px;margin:0 auto;}

.tu4{height:69px; background:url(../images/title3.jpg) center center no-repeat; margin:0 0 20px 0;}

.jidi_title2{ text-align:center; margin:0 0 60px 0;}

.jidi_title2 p{font-size:16px; line-height:24px;}

.jidi_title2 p strong{ font-size:16px; line-height:24px;}

.jidi_title3{ margin:0 0 60px 330px; overflow:hidden;}

.jidi_title3 li{ float:left; margin:0 100px 0 0; width:150px; text-align:center;}

.jidi_title3 li p{ padding:0 0 5px 0;}

.tu5 {height:66px; background:url(../images/tu1.jpg) center center no-repeat;}

.tu6 {height:66px; background:url(../images/tu2.jpg) center center no-repeat;}

.tu7 {height:66px; background:url(../images/tu3.jpg) center center no-repeat;}





.xw{ text-align:center; margin:0 0 40px 0;}

.tu8{ height:71px; background:url(../images/xw.jpg) center center no-repeat; margin:0 0 10px 0;}

.xw p{ font-size:14px;}

.xw p strong{ color:#781a1b; font-weight:bold;}

.xw_ner_left{ width:706px; margin:0 40px 0 0;}

.xw_ner_left:hover img{ opacity:0.8}

.xw_ner_left:hover .tpjj2{ color:#781a1b;}

.xw_ner_left p a{ color:#781a1b; text-decoration:none; font-size:14px;}

.xw_ner_left p a:hover{text-decoration:underline;}

.tpjj{ margin:0 0 30px 0;}

.tpjj2{ margin:0 0 20px 0;}

.tpjj3{ margin:0 0 5px 0;}

.tpjj4{ margin:0 0 10px 0;}
.tpimage{ padding-right:20px; width:512px; height:auto; display:block;}




.xw_ner_right li{ border-bottom:1px dashed #d0d0d0; padding:0 0 20px 0; display:block; overflow:hidden;}

.xw_ner_right li:hover .xw_ner_rightle p,.xw_ner_right li:hover .xw_ner_rightle2 .wenzi11{ color:#781a1b;}

.xw_ner_rightle{ text-align:center; margin:0 20px 0 0; padding:20px 0 0 0; width:90px;}

.wenzi10{ font-family:Arial, Helvetica, sans-serif; font-size:30px; line-height:30px;}

.xw_ner_right li .xw_ner_rightle2 .wenzi11{ font-weight:bold;}

.xw_ner .xw_ner_left .wenzi9{ color:#666;}



.xw_ner_rightle2{ width:440px; padding:10px 0 0 0;}

.wenzi11{font-size:16px; margin-bottom:10px;}

.wenzi12{ font-size:14px; color:#666;}

.wenzi13{ font-size:18px;}

.wenzi14{ font-size:24px; font-weight:bold; color:#781a1b;}

.xw_ner_rightle2 .wenzi9{ line-height:18px; color:#666;}



/*内容区样式结束*/





/*底部样式开始*/

#foot{ width:100%; overflow:hidden;}

.tu9{ background:url(../images/foot.jpg) center center no-repeat; height:160px; margin:0 0 60px 0;}

.bottom{ width:1320px; margin:0 auto;}

.bottom_left{ width:780px; overflow:hidden;}

.bottom_left ul{ width:900px; overflow:hidden;}

.bottom_left li{ float:left; display:block; margin:0 60px 0 0;}

.bottom_left li a{ line-height:28px; font-size:14px; text-decoration:none; color:#666}

.bottom_left li a:hover{ color:#781a1b; text-decoration:underline;}

.bottom_left .wenzi13{ font-weight:bold;}





.bottom_right{ width:auto;}

.bottom_right p strong{ font-size:24px; color:#781a1b;}



#dibu{ margin:60px 0 0 0; background:#333333;padding: 30px 0; }

.dibuner{ width:1320px; margin:0 auto;  text-align:center;color:#d1d1d2;font-size:14px；}

.dibuner a{font-size:14px; color:#d1d1d2; text-decoration:none;}

.dibuner a:hover{font-size:14px; color:#f4dd47; text-decoration:underline;}

#dibu img{ height:25px;}

/*底部样式结束*/



/*内页样式*/

.cate_box {

	display:block;

	height:75px;

	border-bottom:1px solid #ddd;

	background:#fff;

}

.cate {

	width:1320px;

	height:75px;

	display:block;

	margin-left:auto;

	margin-right:auto;

	z-index:10;

	position:relative;

}



.cate li:hover a{ color:#781a1b;}

.cate ul {

	position:absolute;

	width:1200px;

	display:block;

	height:75px;

	left:0px;

	top:0px;

	z-index:20;

}



.cate li {

	float:left;

	list-style:none;

	padding:0px 20px;

	overflow:hidden;

	display:inline-block;

}

.cate li div {

	display:block;

	line-height:36px;

}

.cate li div span {

	display:block;

	line-height:36px;

	cursor:pointer;

}

.cate li a {

	display:block;

	font-size:16px;

	line-height:74px;

}

.cate li a:hover {

}

.cate li.cur {

	color:#025baf;

	border-bottom:#781a1b solid 2px;

}

.cate li.cur a {

	color:#781a1b;

}

.cate li .onhvr {

	color:#F90;

}

.cate li ul {

	display:none

}

.cate .root {

	background:#e8e8e8;

}

.cate .root span {

	background:url(../images/cate.png) no-repeat 0px -201px;

	color:#FFF;

	padding-left:15px;

}

.cate .root.cur span {

	color:#fff;

	background:#e8e8e8 url(../images/cate.png) no-repeat 0px -276px !important;

}



/*------内页banner------*/

.ibanner {

	width:100%;

	overflow:hidden;

	display:block;

	margin-top:0px;

	position:relative;

}

.ibanner .bd {

	width:100%;

	background-position: center 0px;

	background-repeat: no-repeat;

}



.ibanner .crumb{

	width:100%;

	position:absolute;

	z-index:100;

	height:45px;

	left:0px;

	bottom:0px;

	overflow:hidden;

	

}





.ibanner .backdrop{

	position:absolute;

	display:block;

	overflow:hidden;

	width:100%;

	background:#000;

	left:0px;

	bottom:0px;

	z-index:100;

	height:45px;

	filter:alpha(opacity=50);  

	-moz-opacity:0.5;  

	-khtml-opacity: 0.5;  

	opacity: 0.5;

	overflow:hidden;

}

.ibanner .crumb ul{

	width:1320px;

	margin:0 auto;

	z-index:100;

	height:60px;

	overflow:hidden;

}

.crumb li a:after{ content:">"; color:#fff; padding:0 10px;}

.ibanner .crumb ul li{

	float:left;

	display:block;

	text-align:left;

}

.ibanner .crumb ul li i{

	color:#FFF;

	font-size:18px;

}



.ibanner .crumb ul li:last-child{

	background:none;

}



.ibanner .crumb ul li a{

	display:block;

	line-height:45px;

	font-size:14px;

	color:#fff;

}





#top {

	display:block;

	overflow:hidden;

	width:100%;

	height:38px;

	margin:0 auto;

	background:#f8f8f8;

	border-bottom:#e8e8e8 solid 1px;

}

#container {

	margin:0 auto;

	overflow:hidden;

	background:#f5f5f5;

}

#header {

	position:relative;

	clear:both;

	z-index:10;

	display:block;

	overflow:hidden; 

	background:#fff;

}

#mainer {

	clear:both;

	overflow:hidden;

	background:#f5f5f5;

	margin:0 auto;

}



#footer {

	position:relative;

	margin:0;

	border-top:#262626 solid 1px;

	background:#262626;

}

.right_box {

	width:750px;

	float:right;

	overflow: hidde;

}

.left_box {

	width:220px;

	float: left;

}

.main_box {

	width:1320px;

	overflow:hidden;

	margin:40px auto 20px auto;

}

.comm_void {

	margin-top:20px;

	margin-bottom:20px;

}



/*==============================================================================================*/

.about_content{ margin:30px auto 50px;}





.prolist {

	clear:both;

	position:relative;

	float:left;

	overflow:hidden;

	padding:0px;

	margin-top:20px;

	list-style:none;

}

.prolist ul {

	width:1600px;

	margin:0 auto;

	overflow:hidden;

}

.prolist li {

	margin-bottom:15px;

	overflow:hidden;

	display:block;

	padding:15px 30px 30px;

	background:#fff;

	float:left;

	margin-right:30px;

	margin-bottom:30px;

}

.prolist li:hover{ box-shadow:2px 5px 10px #d4d4d4;}

.prolist li a{ display:block; overflow:hidden;}



.prolist li .hd {

	margin-bottom:10px;

	overflow:hidden;

	display:block;

	

}

.prolist li .hd h3 {

	line-height:30px;

	color:#781a1b;

	font-size:18px;

	font-weight:normal;

	text-align:center;

	padding:0 0 3px 0;

	

}

.prolist li .hd p {

	font-size:normal;

	clear:both;

	display:block;

	color:#888;

	font-size:14px;

	font-weight:normal;

}



.prolist li .pic {

	display: block;

	overflow:hidden;

	width:358px;

	padding:0px;

	margin:0 auto;

}

.prolist li img {

	display: block;

	overflow:hidden;

	width:358px;

}



.prolist li .txt {

	line-height:40px;

	text-overflow: ellipsis;

	white-space: nowrap;

	color:#999;

	font-size:14px;	

	overflow:hidden;

}



.prolist li .txt span{

	display:block;

	overflow:hidden;

	color:#666;

	line-height:28px;

	height:28px;

	text-align:center;

	padding-top:8px;

}

.abmlist {

	margin-left:15px;

	margin-right:15px;

	overflow:hidden;

	max-height:800px;

}

.abmlist h2 {

	background:#f4f4f4;

	border-bottom:#dddddd solid 1px;

	height:40px;

	line-height:40px;

	padding-left:10px;

	color:#333333;

	margin-bottom:8px;

}

.abmlist h2 a {

	display:block;

	overflow:hidden;

	color:#333;

}

.abmlist ul {

	list-style:none;

	display:block;

	overflow:hidden;

	margin-top:10px;

}

.abmlist li {

	width:23%;

	display: inline-block;

	_zoom:1; 

	*display:inline; 

	*zoom:1; 

	_display:inline;

    vertical-align: top;

	background:#fff;

	overflow:hidden;

	margin-bottom:1%;

	margin-right:1%;

	border-bottom:#fff solid 1px;

}

.abmlist li a {

	display: block;

}

.abmlist li:hover {

	display: inline-block;

	_zoom:1; 

	*display:inline; 

	*zoom:1; 

	_display:inline;

    vertical-align: top;

	background:#f0eeee;

	border-bottom:#771c17 solid 1px;

}



.abmlist li dl {

	margin:0 auto;

	padding:5% 0;

	max-width:90%;

	text-align:center;

	overflow: hidden;

}

.abmlist li dl a {

	display: block;

	padding:5px;

}

.abmlist li dl img {

	width:100%;

	text-align:center;

}

.abmlist li dd {

	width:100%;

	padding-bottom: 10px;

	float:left;

	display:block;

	line-height:23px;

	text-align:center;

}

.abmlist li dd h3 {

	margin-bottom:5px;

	font-size:16px;

	text-align:center;

}

.abmlist li dd span{

	display:block;

	text-align:left;

	color:#888;

}

.abmlist li dd p {

	display:block;

	text-align:center;

	margin-top:5px;

	margin-bottom:10px;

}

.goods-guide{ overflow:hidden;  margin:30px;}

.goods-guide .pic{

	width:500px;

	position:relative;

	float:left;

	margin-right:30px;

	}

.goods-guide .pic h3 { width:500px; height:500px;border:#eee solid 1px; margin:20px 30px 20px 22px;}	

.goods-guide .pic h3 .img{ border:#eee solid 1px;}

.goods-guide .pic ul{ list-style:none;width:565px;  clear:both;}

.goods-guide .pic li{ float:left; width:100px; height:100px; margin-right:10px; border:#eee solid 1px;}

.goods-guide .pic li:hover{ border:#F60 solid 1px;}

.goods-guide .pic li .img{ width:100px; height:100px; cursor:pointer;}



.goods-info{

	margin:30px;

}

.goods-info .hd {

	overflow:hidden;

	font-family: "微软雅黑", Arial, Verdana, Helvetica, sans-serif;

	line-height:45px;

	height:45px;

	background:#fff;

	color:#666;

	border-bottom:none;

	font-size:16px;

	padding:0px 15px;

	margin-bottom:10px;

}



.pro_rec {

	display:block;

	overflow:hidden;

	text-align:left;margin:20px 50px;}

.pro_rec1 {

	display:block;

	overflow:hidden;

	text-align:left;

	margin:20px 50px;

}

.pro_rec1 h2 {

	overflow:hidden;

	height:45px;

	line-height:45px;

	color:#666666;

	position:relative;

	font-size:16px;

	background:#f2f2f2;

	padding-left:10px;

	font-weight:bold;

	border-bottom:none;

	margin-bottom:30px;

}





.hd{ font-size:34px;}

.pro_rec1 ul{ margin:0 20px; width:1540px; overflow:hidden;}

.pro_rec1 li{float:left; margin:0 68px 40px 0; width:560px;}

.xw_ner3 p img{width:115px; height:80px;}
.goods-guide .guide{ line-height:normal !important;}


.xw_ner4{width:420px; padding-top:5px;}

.xw_ner4 p{ line-height:18px;}

.xw_ner4 p a{color:#781a1b;text-decoration:none;}

.xw_ner4 p a:hover{text-decoration:underline;}



.ju1{ padding:3px 0 10px 0;}







.pro_rec h2 {

	overflow:hidden;

	height:45px;

	line-height:45px;

	color:#666666;

	position:relative;

	font-size:16px;

	background:#f2f2f2;

	padding-left:10px;

	font-weight:bold;

	border-bottom:none;

	margin-bottom:30px;

}

.pro_rec ul {

	display:block;

	width:1320px;

	margin:0px;

	overflow:hidden;

	

}

.pro_rec li {

	float:left;

	display:table-cell;

	text-align:center;

	overflow:hidden;

	margin-right:30px;

	margin-bottom:20px;

	

}

.pro_rec li a{ font-size:16px; line-height:28px;}

.pro_rec li:hover a{ color:#781a1b;}

.pro_rec li:hover img{ opacity:0.8;}

.pro_rec li img {

	width:283px;

	height:283px;

}

.pro_rec dl {

	display:block;

}



.pro_rec dd {

	display:block;

	height:45px;

	background:#fff; border-bottom:1px solid #f2f2f2;

	text-align:center;

}

.pro_rec dd a{font-size:14px;line-height:45px;}









/*--------------------page------------------*/



.page {margin:10px auto 46px auto; width:1320px;display:block; text-align:center;}

.page .first {

	background:#fff url(../images/page.png) 7px -82px no-repeat !important;

}

.page .last {

	background:#fff url(../images/page.png) 7px -140px no-repeat !important;

}

.page .next {

	background:#fff url(../images/page.png) 7px 10px no-repeat !important;

}

.page .prev {

	background:#fff url(../images/page.png) 7px -36px no-repeat !important;

}

.page span.page_list {

	overflow:hidden;

}

.page span.page_list a {

	margin-right:5px;

	border:1px solid #eaeaea;

	padding: 5px 10px;

	font-size:12px;

	background:#fff;

}

.page span.page_rows {

	background:#fff;

	border:1px solid #eaeaea;

	font-size:12px;

	margin-right:5px;

	padding: 5px 10px 5px 10px;

}

.page span.page_list a.selected {

	background: #781a1b;

	color: #fff;

}





/*==============================================================================================*/





#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }

#mbOverlay.mbOverlayFF { background:transparent url(../images/80.png) repeat; }

#mbOverlay.mbOverlayIE { position:absolute; }

#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }

#mbCenter.mbLoading { background:#fff url(../images/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }

#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }

#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }

#mbImage a:hover, #mbImage a:active { color:#fff; }

#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }

#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }

#mbNumber { background:url(../images/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }

#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }

#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }

#mbPrevLink { width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }

#mbNextLink { width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }

#mbCloseLink { width:24px; background:transparent url(../images/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }

#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }

.layout_default{float:left;width:420px;margin-right: 30px; margin-bottom:30px; background:#fff; padding-bottom:5px;}

.mod_gallerylist{width:1440px; margin:0 auto; overflow:hidden;}

.layout_default:hover{ box-shadow:2px 5px 10px #d4d4d4;}

.meta{text-align:center;  background:#fff;}

.image_container img{ width:380px; height:auto; border:1px solid #fefefe; padding:17px 17px 0;}

.meta a{color:#333; text-decoration:none;font-size:16px;height:40px; line-height:40px;}

.layout_default:hover .meta a{ color:#781a1b;}

.honor .layout_default .image_container { max-height:520px;}





















/*侧边工具栏*/

.toolbar-box{

  position: fixed;

  bottom: 100px;

  right: 0px;

  z-index: 112;

}

@media only screen and (min-width: 1367px) and (max-width: 1920px)

{

.toolbar-box{

  position: fixed;

  bottom: 180px;

  right: 0px;

  z-index: 112;

}

}

.toolbar-box .ul1{

  border-bottom: 1px solid #d6d6d6;

}

.toolbar-box .ul1 li .a1{

  display: block;

  width: 48px;

  height: 44px;

  border: 1px solid #d6d6d6;

  border-bottom: 0;

}

.toolbar-box .ul1 li:last-child .a1{

  border-bottom: none;

}

.toolbar-box .ul1 li .qq{

  width: 48px;

  height: 44px;

  position: relative;

  border: 1px solid #d6d6d6;

  border-bottom: 0;

}

.toolbar-box .ul1 li .icon{

  display: block;

  width: 100%;

  height: 100%;

  line-height: 60px;

  text-align: center;

  cursor: pointer;

  background-color: #fff;

  position: relative;

}

.toolbar-box .ul1 li .icon img{

  position: absolute;

  top: 50%;

  left: 50%;

  width: 21px;

  height: 21px;

  margin-top: -10px;

  margin-left: -10px;

}

.toolbar-box .ul1 li .icon .img1{

  z-index: 1;

}

.toolbar-box .ul1 li .icon .img2{

  opacity: 0;

}

.toolbar-box .ul1 li .weixin{

  position: relative;

}

.toolbar-box .ul1 li .weixin .ewm{

  position: absolute;

    top: -44px;

    left: -200px;

    width: 200px;

    height: 200px;

    -webkit-transform: scale(0.0001);

    -moz-transform: scale(0.0001);

    -ms-transform: scale(0.0001);

    -o-transform: scale(0.0001);

    transform: scale(0.0001);

    max-width: none;

}

.toolbar-box .ul1 li .qq .hover-box{

  position: absolute;

    top: -20px;

    right: 60px;

    width: 142px;

    border: 1px solid #d9d9d9;

    background-color: #fff;

    font-size: 12px;

    color: #e94f25;

    line-height: 24px;

    z-index: 12;

    text-align: center;

    padding: 15px 0;

    border-radius: 5px;

    -webkit-transform: scale(0.0001);

    -moz-transform: scale(0.0001);

    -ms-transform: scale(0.0001);

    -o-transform: scale(0.0001);

    transform: scale(0.0001);

}

.toolbar-box .ul1 li .qq .hover-box:before {

    content: "";

    position: absolute;

    top: 50%;

    right: -10px;

    width: 0;

    height: 0;

    border-top: 10px solid transparent;

    border-left: 10px solid #d9d9d9;

    border-bottom: 10px solid transparent;

    margin-top: -10px;

}

.toolbar-box .ul1 li .qq .hover-box:after {

    content: " ";

    position: absolute;

    top: 50%;

    right: -9px;

    width: 0;

    height: 0;

    border-top: 9px solid transparent;

    border-left: 9px solid #fff;

    border-bottom: 9px solid transparent;

    margin-top: -9px;

}

.toolbar-box .ul1 li .qq .hover-box .hb-span{

  font-size: 14px;

  color: #515151;

  font-weight: bold;

}

.hb-span strong{ color:#781a1b;}

.toolbar-box .ul1 li .qq .hover-box a{

  font-size: 14px;

  color: #781a1b;

  font-weight: bold;

  display: block;

}

.toolbar-box .ul1 .back-top{

  display: none;

}

@media only screen  and (min-width: 600px){

  .toolbar-box .ul1 li .weixin:hover .ewm,.toolbar-box .ul1 li .qq:hover .hover-box{

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

      -ms-transform: scale(1);

      -o-transform: scale(1);

      transform: scale(1);

  }

}

@media only screen  and (max-width: 600px){

  .toolbar-box{

    display: none;

  }

  .toolbar-box .ul1 li .weixin[data-on="hover"] .ewm,.toolbar-box .ul1 li .qq[data-on="hover"] .hover-box{

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

      -ms-transform: scale(1);

      -o-transform: scale(1);

      transform: scale(1);

  }

}

.wrappera{

	width: 100%;

	float: left;

	position: absolute;

	z-index:99999;

}

.mobile-inner{

	width: 100%;

	margin-right: auto;

	margin-left: auto;

	background-color: #fafafa;

}



.mobile-inner-header{

	background-color: rgba(255,255,255,1.0);

	width: 100%;

	height: 50px;

	position: absolute;

	top: 0px;

	left: 0px;

	z-index:99999;

}

.mobile-inner-header .mobilelogo{float:left; padding:7px;}

.mobile-inner-header-icon{

	color: #ffffff;

	height: 50px;

	font-size:25px;

	text-align: center;

	float:right;

	width: 50px;

	position: relative;

	-webkit-transition: background 0.5s;

	-moz-transition: background 0.5s;

	-o-transition: background 0.5s;

	transition: background 0.5s;

}

.mobile-inner-header-icon:hover{

	background-color: rgba(255,255,255,0.2);

	cursor: pointer;

}

.mobile-inner-header-icon span{

	position: absolute;

	left: calc((100% - 25px) / 2);

	top: calc((100% - 1px) / 2);

	width: 25px;

	height: 1px;

	background-color: rgba(0,0,0,0.8);

}

.mobile-inner-header-icon span:nth-child(1){

transform: translateY(4px) rotate(0deg);

	}

.mobile-inner-header-icon span:nth-child(2){

transform: translateY(-4px) rotate(0deg);

	}

		

.mobile-inner-header-icon-click span:nth-child(1){

	animation-duration: 0.5s;

	animation-fill-mode: both;

	animation-name: clickfirst;

	}		

.mobile-inner-header-icon-click span:nth-child(2){

	animation-duration: 0.5s;

	animation-fill-mode: both;

	animation-name: clicksecond;

	}

	





@keyframes clickfirst {

  0% {

	  transform: translateY(4px) rotate(0deg);

	  

  }



  100% {

    transform: translateY(0) rotate(45deg);

  }

}	







@keyframes clicksecond {

  0% {

	  transform: translateY(-4px) rotate(0deg);

  }



  100% {

    transform: translateY(0) rotate(-45deg);

  }

}	



.mobile-inner-header-icon-out span:nth-child(1){

	animation-duration: 0.5s;

	animation-fill-mode: both;

	animation-name: outfirst;

	}		

.mobile-inner-header-icon-out span:nth-child(2){

	animation-duration: 0.5s;

	animation-fill-mode: both;

	animation-name: outsecond;

	}



@keyframes outfirst {

  0% {

    transform: translateY(0) rotate(-45deg);

  }



  100% {

    transform: translateY(-4px) rotate(0deg);

  }

}	







@keyframes outsecond {

  0% {

    transform: translateY(0) rotate(45deg);

  }



  100% {

    transform: translateY(4px) rotate(0deg);

  }

}



.mobile-inner-nav{

	background-color: rgba(0,0,0,0.9);

	width: 100%;

	position: absolute;

	top: 50px;

	left: 0px;

	padding-top: 30px;

	padding-bottom: 80px;

	display: none;

	z-index:9999;

}

.mobile-inner-nav a{

	display: inline-block;

	line-height: 50px;

	text-decoration: none;

	width: 80%;

	margin-left: 10%;

	color: #FFFFFF;

	border-bottom: solid 1px rgba(255,255,255,0.3);

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	font-weight:300;

}

.mobile-inner-nav a:hover{

	color: rgba(255,255,255,0.4);

	border-bottom: solid 1px rgba(255,255,255,0.2);

}



.mobile-inner-nav a{

		-webkit-animation-duration: 0.5s;

		animation-duration: 0.5s;

		-webkit-animation-fill-mode: both;

		animation-fill-mode: both;

		-webkit-animation-name: returnToNormal;

		animation-name: returnToNormal;

	}

			

	@-webkit-keyframes returnToNormal {

	  0% {

	    opacity: 0;

	    -webkit-transform: translate3d(0, -100%, 0);

	            transform: translate3d(0, -100%, 0);

	  }



	  100% {

	    opacity: 1;

	    -webkit-transform: none;

	            transform: none;

	  }

	}



	@keyframes returnToNormal {

	  0% {

	    opacity: 0;

	    -webkit-transform: translate3d(0, -100%, 0);

	            transform: translate3d(0, -100%, 0);

	  }



	  100% {

	    opacity: 1;

	    -webkit-transform: none;

	            transform: none;

	  }

	}

