@charset "utf-8";
/*
/* 全局 */
*{transition:background-color ease .3s;-moz-transition:background-color ease .3s;-webkit-transition:background-color ease .3s;-o-transition:background-color ease .3s}
html{webkit-text-size-adjust:none;-webkit-text-size-adjust:none;text-align:justify;text-justify:inter-ideograph;word-break:break-all}
/* Style Reset
*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input
{margin:0;padding:0;}
body,input,textarea{font-size:14px;color:#666666; font-family: 'Microsoft Yahei';}
img{border:none;}
ul,ol,li,a{list-style:none;text-decoration: none;}
input,select,textarea{outline:none; border:none; background:#FFF;}
textarea{resize:none;}
 body{ background:url(../images/bg.jpg) left top repeat;}
/*清浮动*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
 
/*公共部分*/
.fl{ float: left; } /*左浮动*/
.fr{ float: right;} /*右浮动*/
.c { clear: both; } /*清浮动*/
.dn{ display: none; } /*不显示*/

/* ------------------------------------------index----------------------------------- */

/* 头部 */

/* 顶部样式 */
.h_top_c{
	width: 100%;
	height: 45px;
	background-color: #000000;
}
.h_top,.h_mid{
	width: 1004px;
	margin:0 auto;
	position: relative;
}
.h_top div{
	float: left;
	height: 45px;
	line-height: 45px;
	padding-left: 45px;
	font-size: 16px;
	color:#fff;
	background: url(../images/0013920_45.png) no-repeat left 10px;
}
.h_top span{
	position: absolute;
	top: 12px;
	right: 0;
	color:#ffd200;
	font-size: 16px;
}
.logo{
	float: left;
	margin-top: 30px; padding-left:20px;
}
.h_mid_c{
	width: 100%;
	height: 100px;
	
	position: absolute; top:0; left:0;
	z-index: 99;
}
/* 顶部样式 end*/

/* logo search */
/*

.search{
	float: right;
	width: 294px;
	margin-top: 30px;
}
.s_c{
	width: 320px;
	height: 33px;
	float: left;
	
	position: relative;
	z-index: 10;
}
.search_text{ background:#fff;
	width: 210px;
	height: 33px;
	line-height: 33px;
	
	text-indent: 6px;
	color:#39114e;
	float: left;
}
.drop_down{
	float: left;
	width: 100px;
	height: 33px;
	line-height: 33px;
	color:#7a7a7a;
	padding-left: 6px;
	background:url(../images/drop_down_icon_03.png) #fff  no-repeat 90% center; margin:0 0 0 3px;
	cursor: pointer;
}
.drop_down:hover{
	
}
.dd_list{
	width:101px;
	position: absolute;
	top: 33px;
	right: 4px;
	z-index: 9;
	background-color: #fff; border:1px solid #ddd; border-top:0;
}
.dd_list span{
	display: inline-block;
	width: 91px;
	padding-left: 10px;
	height: 33px;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	line-height: 33px;
	color:#7a7a7a;
	cursor: pointer;
}
.dd_list span:hover{
	color:#fff; background:#7a7a7a;
}
.current_dd_span{
	color:#fff!important;
	background-color: #220630;
}
.search_submit{
	width: 49px;
	height: 37px;
	float: left;
	background: url(../images/insexsearch.png) no-repeat left top;
	cursor: pointer; margin-left:-1px;
}
.search_submit:hover{
	opacity: 0.9;
	filter: alpha(opacity=90);
}*/
.search{ position:relative;float:right;z-index:999;height:32px;display:inline; margin:0 20px 0 30px;line-height:30px; padding:0 0 13px 10px;}

div.selectbox-wrapper{border:#dcdcdc 1px solid;overflow:hidden;width:91px;position:absolute; top:32px; left:3px;background:#fff;text-align:left;z-index:10; border-top:0;}
div.selectbox-wrapper ul li.selected{background:#7a7a7a;color:#fff}
div.selectbox-wrapper ul li.current{color:#fff;background-color:#7a7a7a}
div.selectbox-wrapper ul li{ float:left;display: inline-block;font-size:12px; 
	width: 81px;
	padding-left: 10px;
	height: 33px;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	line-height: 33px;
	color:#7a7a7a;
	cursor: pointer;}
.selectbox{float: left;font-size:12px;
	width: 100px;
	height: 31px;
	line-height: 31px;border:1px solid #eaeaea;
	color:#7a7a7a;
	padding-left: 6px;
	background:url(../images/drop_down_icon_03.png) #fff  no-repeat 90% center; margin:0 0 0 3px;
	cursor: pointer;}
.text{ background:#830808; border:2px solid #550505;font-size:14px; 
	width: 264px;
	height: 35px;
	line-height: 31px;
	
	text-indent: 6px;
	color:#c46565;
	float: left;}
.button{width: 60px; z-index:9; position: relative;
	height: 39px;
	float: left;
	background: url(../images/insexsearch.png) #550505 no-repeat center top;
	cursor: pointer; margin-left:-1px;}
.select{float: left; position:relative; 
	width: 110px;
	height: 31px;
	line-height: 31px;
	color:#7a7a7a;
	
	}
.select select{margin:5px auto;width:80px}

/* logo search end*/
.head_rtel{ color:#9d0f0f; float:right; background: url(../images/tel.png) left 30px no-repeat; line-height:1;font-weight:bold; height:40px; padding:30px 12px 0 50px;}
.head_rtel span{ display:block; font-size:18px;}
.head_rtel b{ display:block;font-size:24px; font-weight:normal;}
/* 头部 end*/

/* nav */
.nav_c{ position:absolute; left:0; top:100px; z-index:99;
	width: 100%;
	height:66px;
	background: url(../images/nav.gif) left center repeat-x;
}
.nav{
	width: 1004px;
	margin:0 auto;
	height: 66px;
	position: relative;
	z-index: 1;
}
.nav ul{margin:0 auto;height: 66px; width:108%;}
.nav ul li{
	float: left;
	width: 157px; margin:10px 0 0 -56px ;
	
	position: relative;
	z-index:8;
}
.nav ul li:hover{
	
}

.nav ul li.on{
	background:#ff981f;
}
.nav ul li a{
	text-indent:15%;
	width: 100%;
	font-size: 16px;
	line-height: 47px;
	color:#fff;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.nav ul li:first-child{ margin-left:-5px;}
.nav ul li:last-child{ border-right:0;}
.nav ul li a:hover{ background:url(../images/nav.jpg) center center no-repeat;
	color:#fff;
}
.nav ul li.on a{
	color:#fff;
}
.nav_dd{
	width:100%;
	position: absolute; padding:1% 0 1% 0;
	top: 52px;
	left: 0;
	z-index: 7;
	background:#ff9d10;
}
.nav ul li .nav_dd a{ font-size:14px; line-height:30px;border-bottom: 1px solid #fff;}
.nav ul li .nav_dd a:last-child{ border-bottom: 0;}

/* nav end*/

/* banner */
.banner{ 
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.banner a{
	width: 100%;
	text-align: center;
	overflow: hidden;
}
/* .banner img{
	display:block;
} */
/* banner end*/


/* main */
.main_c{
	width: 100%;
	
}
.main{
	width: 1004px;
	margin:0 auto;
	overflow: hidden;
}
.noticefra{ width:100%; background: url(../images/notice.png) center center no-repeat; height:77px; padding:38px 0 0 0; margin:3px 0 0 0;}
.notice{width:1004px;margin:0 auto;position:relative;height:43px;}
.noticecon{width:430px;float:left;display:inline;margin:0 0 0 18px;padding:0 0 0 45px;height: 38px;background: url(../images/indexne.png) left 5px no-repeat;font-size:14px;}
.noticecon marquee{float:left;width:350px;color:#fff;line-height: 38px;}
.index_sname{display:block;color:#fff;line-height: 38px;font-size:16px;float: left;}
.proname{margin:0 auto;width:1004px;color:#1e9e01;font-size:20px; line-height:1;padding:26px 10px 0 10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.proname label{ line-height:37px; padding:0 0 0 20px;float:left; background: url(../images/index_l.png) center center no-repeat; height:37px; color:#f7f7f7; width:180px;}
.proname a{ float:right; background:#000000; color:#f7f7f7; border-radius:15px; padding:5px 20px; font-size:16px; display:inline; margin:10px 0 0 0;}
.index_pro{width:100%;padding-top:0;height:550px;}
.imore{ width:100%; text-align:center; padding:25px 0 0 0;}
.imore a{ display:inline-block; width:194px; height:40px; border:3px solid #fff; border-radius:10px; line-height:40px; text-align:center; color:#fff; font-size:20px; font-family:黑体;}
.imore1{ width:100%; text-align:center; padding:10px 0 0 0;}
.imore1 a{ display:inline-block; width:194px; height:40px; border:3px solid #8d8c91; border-radius:10px; line-height:40px; text-align:center; color:#8d8c91; font-size:20px; font-family:黑体;}

.pro-ul{ width:1004px; margin:0 auto; padding: 0 0 0 0;}
.protopul{ float:left; width:1004px;}
.protopul li{ float:left; width:246px;  display:inline; margin:15px 2px 5px 2px ;}
.protopul li a{ float:left; width:236px; position:relative; color:#fff; padding:5px; background:#830808; border-bottom:3px solid #830808;}
.protopul li a:hover{  background:#000000;-webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;}

.protopul li a span{display:block;width: 236px;font-size:14px;line-height:28px;padding:5px 0 0 0;text-align:center;height:28px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.protopul  li a img{  width:236px; height:177px; overflow:hidden;}
.protopul li a:hover span{ display:block;}
.indexnews{ width:100%; height:310px;}
.indexcafra{ width:100%; height:245px; background: url(../images/index_tbg.gif) left bottom repeat-x; padding:5px 0 0 0;}
.newsleft{ float:left; width:470px; padding:0 45px 0 0;height:245px; background:url(../images/index_jz.png) right top no-repeat; }
.nameff{ float:left; width:470px;padding:20px 0 0 0; }
.nameff p{ line-height:37px; padding:0 0 0 20px;float:left; background: url(../images/index_l.png) center center no-repeat; height:37px; color:#f7f7f7; width:180px; font-size:20px; }
.nameff a{ float:right; background:#000000; color:#f7f7f7; border-radius:15px; padding:2px 20px; font-size:16px; display:inline; margin:2px 0 0 0;}
.pimg{ float:left;  width:128px; height:95px; display:inline; margin:0 0 0 10px ; border:1px solid #d5d5d5}
.newsright{ float:right; width:474px; padding:0 ;height:245px; }
.news_ful{ float:left; width:470px; padding:10px 0 0 0px;}
.news_ful li{ float:left; width:470px; }
.news_ful li a{ float:left; width:470px; height:34px; line-height:34px; font-size:16px; color:#000; padding:0 0 0 0; overflow:hidden; }

.index_ab{ width:100%;}
.index_abimg{ float:left; padding:30px 0 0 0;}
.index_abcon{ float:left; width:664px; line-height:28px; color:#000000; font-size:16px; padding:0 0 0 10px;}
.index_jul{ float:left; width:102%; padding:20px 0 0 0;}
.index_jul li{ float:left; width:246px; margin:0 3px;}
.index_jul li:hover{ margin:5px 3px 0 3px;-webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;}
.index_jul li a{ float:left; width:246px;}
.index_jul li a img{ float:left; width:246px; height:185px;}
.index_jul li a:hover img{box-shadow: 0 5px 35px rgba(0, 0, 0, 0.3);}
.index_jul li a span{ float:left; width:246px; height:28px; line-height:28px; padding:5px 0 0 0; text-align:center;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#000000; font-size:16px;}
.indexpnav{ margin:0 auto; width:1004px; padding:10px 0 0 0;}
.slider{ z-index:9999; width:1004px; margin:0px auto;position:relative;}
.slider span{ position:absolute; color:#fff; top:40px; text-align:center;display:inline-block;width:35px;height:69px;}
.slider .left{ background:url(../images/rright1.png) left top no-repeat;}
.slider .right{ background:url(../images/rright.png) left top no-repeat;}
.slider .end{background:url(../images/lleft.png) left top no-repeat;}
.slider .end1{background:url(../images/lleft1.png) left top no-repeat;}

#left{ left:-45px;}
#right{ right:-45px;}
.ipro .main{ overflow:hidden; height:200px; position:relative;width:980px; padding:0; margin:0 auto; }
.ipro{ position:relative;width:980px;  margin:0 auto;}
.ipro ul{ position:absolute;width:100%; left:0;}
.ipro li{ float:left; position:relative;width:170px;   text-align:center; margin:0 13px 0 13px; display:inline; }
.ipro li a{ float:left; position:relative;width:140px; height:140px;  padding:13px 15px 14px 15px; text-align:center; background: url(../images/leibg.png) left top no-repeat; margin:0 5px 0 5px; display:inline; }
.ipro li a:hover{-webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.ipro li a img{ border-radius:50%;}
.ipro li span{ width:150px; padding:0 0 0 20px; text-align:center; color:#000000; font-size:20px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
/* foot*/
.foot{ width:100%; background:#000000; height:230px; padding: 0;  margin:60px 0 0 0;}
.footlink{ width:640px;color:#9f8979; float:left; padding:30px 0 0 0; }
.foot-con{ width:1004px; margin:0 auto; color:#e5e5e5; line-height:28px;}
.foot-left{float:left;width: 640px;padding:40px 0 0 0;color:#949494;}
.foo-cont{ float:left; width:321px; height:275px; background:#830808; position:relative; margin:-45px 0 0 0;}
.foo-cont p.name{ line-height:37px; padding:0 0 0 20px;float:left; font-size:20px; background: url(../images/inbo.gif) center center no-repeat; height:37px; color:#f7f7f7; width:186px; display:inline; margin:25px 0 20px 20px;}
.cont-fcon{ float:left; color:#fff; padding:0 0 0 30px; width:247px; font-size:16px; line-height:39px; height:39px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  display:inline; margin:0 0 0 20px; border-bottom:1px dotted #000;}
.f1{ background:url(../images/fooimg.png) 0 3px no-repeat;}
.f2{ background:url(../images/fooimg.png) 0 -37px no-repeat;}
.f3{ background:url(../images/fooimg.png) 0 -78px no-repeat;}
.f4{ background:url(../images/fooimg.png) 0 -118px no-repeat;}
.foo-right{ float:right; width:640px;}
.foot-left a{ color:#949494}
.footclear{ width:100%; clear:both; margin:0 0 0px 0;height:0px; font-size:0; overflow:hidden;}
.fmain{ width:1004px; margin:0 auto;}
.footnav{ background:#830808; width:100%; height:52px; line-height:52px;}
.footnav .foofra{ margin:0 auto; width:1004px; padding: 0; text-align:center; color:#fff; font-size:16px;}
.foofra a{ display:inline-block; padding:0 3px; color:#fff; font-size:16px;}
.head_rtel1{ color:#9d0f0f; float:left; width:270px; background: url(../images/ftel.png) left 20px no-repeat; line-height:1; height:45px; padding:20px 10px 0 50px;}
.head_rtel1 span{ display:block; font-size:26px; font-family:Century Gothic}
.head_rtel1 b{ display:block;font-size:14px; font-weight:normal;}

/* common */
.common{
	width: 1000px;
	margin:0 auto;
	margin-top: 10px;
}
.common_title{
	position: relative;
	height: 45px;
	margin-bottom: 15px;
	border-bottom: 2px solid #d6bae4;
}
.common_title h2{
	width: 100px;
	padding-left: 36px;
	padding-bottom: 6px;
	position: absolute;
	left: 0;
	top: 10px;
	border-bottom: 2px solid #8241a3;
	font-size: 22px;
	font-weight: normal;
	color:#632781;
	text-align: center;
}
.common_title a{
	display: inline-block;
	width: 70px;
	height: 26px;
	line-height: 26px;
	position: absolute;
	top: 10px;
	right: 9px;
	text-align: center;
	color:#f1a4f0;
	background-color: #632781;
}
.common_title a:hover{
	opacity: 0.95;
	filter: alpha(opacity=95);
}
/* common */



/* 友情链接 */
.links{
	color:#000000;
	margin:0; height:50px; line-height:50px; font-size:16px;
}
.linkleft a{
	display: inline-block;
	padding:0 10px;
	color:#000000;
}
.linkleft{ float:left; width:1004px;}

.linkleft span{ color:#000000;}
.site { color:#830808;float:left;width: 245px; margin-top:20px;font-size:14px;background: url(../images/site.png) left center no-repeat;padding-left:55px;line-height:45px;}
.site a{ color:#830808;}

/* 友情链接 end*/

/* ------------------------------------------index end----------------------------------- */

/* ------------------------------------------subpage------------------------------------- */

/* 公共 */
.sub_content { background:#e8e8e8; width:225px;}
.sub_youhui{ width:225px; margin-top:20px; padding:0 0 10px 0; background:#e8e8e8 ;}
.sub_common{
	margin-bottom: 20px;
}
.sub_common_padding{ width:203px;
	margin:0 auto;
	padding-bottom:20px;
	padding-top: 20px;
	
	color:#390f4e;
}
.sub_common_padding a{
	color:#390f4e;
}
.sub_common_title{ background:url(../images/fy_ltop.jpg) center top no-repeat;
	width: 100%;
	height: 67px; 
	line-height: 67px;
	
}
.sub_common_title h2{ font-family:microsoft yahei; font-weight:normal;
	font-size: 24px; 
	text-align: center;
	
	color:#fff;
	
}

.content_com_title{ background:url(../images/fy_rrtline.gif) left bottom no-repeat;
	position: relative;
	height: 45px;
	margin-bottom: 15px; padding:0 0 5px 0;
	
}
.content_com_title h2{
	display: inline-block;
	padding-bottom: 6px;
	position: absolute;
	left: 0;
	top: 10px;
	
	font-size: 22px;
	font-weight: normal;
	color:#000000;
	text-align: left;
}
.bread{ font-size:14px;
	color:#000;
	position: absolute;
	top: 18px;
	right: 9px;
}
.bread a{
	display: inline-block;
	color:#000;
/* 	height: 26px;
line-height: 26px; */
}



/* 左侧 */
.sp_left{
	width: 225px;
	float: left;
	margin-top: 15px;
}
.fy_ltname{ display:block; text-indent:10px; color:#fff; padding:20px 0 0 0;}
.fyltel{ display:block; font-family:Georgia; color:#fff; font-size:20px;text-indent:10px; padding:0 0 5px 0;}
/* left_nav */
.sub_nav_list{
	overflow: hidden;
}
.sub_nav_list ul li{
	width: 195px;
	height: 35px;
	line-height: 35px;
	margin-bottom: 9px;
	overflow: hidden;
}
.sub_nav_list ul li a{
	display: block;
	height: 33px;
	padding-left: 40px;
	border-radius: 20px;
	border:1px solid #7e5195;
}
.sub_nav_list ul li a:hover{
	background-color: #cd9ae6;
	border:1px solid #cd9ae6;

}
.current_snl a{
	color:#d6bae4!important;
	border:1px solid #632781!important;
	background-color: #632781!important;
}
/* left_nav */

/* 优惠模块 */
.syl_pic img{
	width: 240px;
	height: 138px;
}
.syl_list ul li{
	width: 98%; padding:0 1%; background:url(../images/fyjian.gif) left center no-repeat;
	height: 33px;
	line-height: 33px;
	
}
.syl_list ul li a{
	font-size:14px;
	color:#000000;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding: 0 0 0 10px;
}
.syl_list ul li a:hover{ text-decoration:underline;

}
/* 优惠模块 end*/

/* 左侧联系我们 */
.sub_content_list{ background:#e8e8e8; color:#000; font-size:14px;
	padding-bottom: 20px;
	line-height: 25px;
}
/* 左侧联系我们 end*/
/* 左侧  end*/

/* 右侧内容 */
.sp_content{
	width: 758px;
	float: right;
	margin-top: 15px;
}
.content{
	min-height: 672px;
	_height:expression(this.scrollHeight < 672 ? "672px" : "auto");
	line-height: 2;
}
#tip b{color:#830808;}

/* ------------------------------------------subpage end------------------------------------- */


h2.title {
	font-size: 68px;
	letter-spacing: -3px;
	font-weight: bold;
	text-align: center;
	margin-top: 35px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
}
h2.title span {
	font-size: 38px;
	line-height: 48px;
	display: block;
	letter-spacing: -2px;
	color: rgba(51, 51, 51, 0.5);
}
/* -------------------------------------------------------------------------------------------------------------------------
Grid of images
---------------------------------------------------------------------------------------------------------------------------- */

/*
Add the transition affect to the images in the grid. Any changes to the element will be transtioned from it's current state, for example on :hover */
#grid li {
	float: left;
	list-style: none;
	
	position: relative;
	overflow: hidden;
	
	
	-webkit-transition: all 0.15s ease-in;
	-moz-transition: all 0.15s ease-in;
	-ms-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}

#grid li:hover {
	z-index: 2;
	-webkit-transform: scale(1.1) translateY(5px);
	-moz-transform: scale(1.1) translateY(5px);
	-ms-transform: scale(1.1) translateY(5px);
	transform: scale(1.1) translateY(5px);
	-webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}


/*---------------banner-----------------*/
.banner { width: 100%; height: 808px; position: relative; overflow:hidden;z-index:1}

.banner-box{width:100%;height:808px;position:absolute;top:0;z-index:1;}
.sub_banner{height:368px;}
.banner img{display:block;margin:0 auto;}
.btns{width:1160px;position: absolute;height:100px;left:50%;top:145px;margin-left:-580px; display:none;}
.btns .prev,
.btns .next {width: 54px; height: 100px;float:left;background:url(../images/leftbtn.png) 0 0 no-repeat;}
.btns .next {background:url(../images/rightbtn.png) 0 0 no-repeat;float:right;}
.banner .num { overflow:hidden; width:100%; background: url(../images/bannerbg.png) left top repeat; height: 17px; padding:9px 0;position: absolute; bottom:20px; left: 0; zoom:1; z-index:3; text-align:center;}
.banner .num li { width: 13px; height: 13px;background:#830808;border:2px solid #830808; border-radius:50%; margin-right: 15px;cursor:pointer; display:inline-block; *display:inline;zoom:1;overflow: hidden;font-size:0;}
.banner .num li.on {background:none; border:2px solid #830808;}

/*--------------------------------*/
.common_color,.has_account a.common_color{color:#632781}
.common_bg,.common_page a.nowpage,.common_page a:hover,.vip_left_nav li.vip_left_btn1:hover,.vip_left_nav li.vip_left_btn1.nowpage,.vip_left_nav li.vip_left_btn2:hover,.vip_left_nav li.vip_left_btn2.nowpage,.vip_left_nav li.vip_left_btn3:hover,.vip_left_nav li.vip_left_btn3.nowpage,.vip_left_nav li.vip_left_btn4:hover,.vip_left_nav li.vip_left_btn4.nowpage,.vip_add_address a.common_bg,.vip_login li input.common_bg,.level_bg p.common_bg,.scrollbutton.smallImgUp:hover,.scrollbutton.smallImgDown:hover,.star_score_box p.common_bg,.view_img_btns input,.view_imgs .prev:hover,.view_imgs .next:hover{background-color:#632781}
.common_border_color,.type_choose span.border_color,.type_choose2 span.border_color,.view_imgs .listBox .on img{border-color:#632781}
.product_about_top span.on{border-top-color:#632781}


/* 子页基础架构 */
.main{width:1002px;height:auto;overflow:hidden;margin:0 auto;position:relative;padding-bottom: 13px;}
#contentLeft{position:absolute;top:0;left:0;height:auto;width:240px}
#contentRight{float:right;width:742px;height:auto;overflow:hidden}
/*.left{float:left;margin-left:-296px;width:280px;height:auto;overflow:hidden;}*/
.right{overflow:hidden;}
.right_con{width:100%;height:auto;overflow:hidden;font:14px/30px "microsoft yahei";padding:16px 0}
.right_con div,.right_con p{font-size:14px;}
/* 产品 */
.product1,.product2,.product3,.product4,.product5,.product6,.product7,.product7 li,.product8,.product8 li{width:100%;height:auto;overflow:hidden;}
.product1 li,.product2 li,.product3 li,.product4 li,.product5 li,.product6 li{width:33%;float:left; he/ight:225px;height:auto;overflow:hidden;position:relative}
.product1 li img,.product2 li img,.product4 li img,.product5 li img,.product6 li img{ height:177px;}
.product1 li>a,.product2 li>a,.product6 li>a{display:block;width:88%;margin:3px auto;height:auto;overflow:hidden;position:relative;}
.product1 li>a>img,.product2 li>a>img,.product3 li img,.product4 li div a img,.product5 li div a img,.product6 li a img{display:block;}
.product1 li>p,.product2 li>p,.product3 li>p,.product4 li>p,.product5 li>p,.product6 li>p{width:88%;margin:0 auto;text-align:center;font:14px/42px "microsoft yahei";}
.product2 li>a>span{display:block;position:absolute;width:90%;padding:5%;left:0;top:0;font:14px/30px "microsoft yahei";color:#fff;background:url(../images/blackbg.png) 0 0 repeat;height:90%;overflow:hidden;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;filter:alpha(opacity=0);opacity: 0;}
.product2 li>a:hover span{display:block;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;filter:alpha(opacity=100);opacity: 1;}
.product3 li>div{width:88%;margin:3px auto;height:auto;position:relative;}
.product3 li>div>p,.prod-zoom{position:absolute;background:url(../images/product_zoom.png) 0 0 no-repeat;width:53px;height:53px;left:50%;top:50%;margin:-26px 0 0 -26px;cursor: pointer;z-index:1;top:-100%;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;}
.product3 li>div:hover p,.prod7-left:hover p,.prod8-left:hover p{top:50%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.product4 li div{width:88%;padding:4px;margin:3px auto;border:2px solid transparent;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.product4 li div a,.product5 li div a{display:block;width:100%;overflow:hidden;}
.product5 li div{width:88%;padding:6px;margin:3px auto;position:relative;}
.product5 li div p,.product5 li div:hover p,.product6 li,.product6 li:hover{-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.pro5-border1{position: absolute;left:0;top:0;width:0;border-top:2px solid transparent;}
.pro5-border2{position: absolute;left:0;top:0;height:0;border-left:2px solid transparent;}
.pro5-border3{position: absolute;right:0;top:0;height:0;border-right:2px solid transparent;}
.pro5-border4{position: absolute;left:0;bottom:0;width:0;border-bottom:2px solid transparent;}
.product5 li div:hover p.pro5-border1,.product5 li div:hover p.pro5-border4{width:100%;}
.product5 li div:hover p.pro5-border2,.product5 li div:hover p.pro5-border3{height:100%;}
.product6{padding-top:12px;}
.product6 li{position:relative;top:0}
.product6 li:hover{top:-12px;}
.product7 li,.product8 li{padding-bottom:16px;}
.prod7-left{float:left;width:31.25%;height:auto;overflow:hidden;position:relative;}
.prod7-left a,.prod8-left a{display:block;width:100%;height:auto;overflow:hidden;}
.prod7-left a img,.prod8-left a img{display:block;width:100%;}
.product7 li>p{float:left;width:63.4375%;margin-left:3.4375%;font:16px/36px "microsoft yahei";color:#9a9a9a;height:36px;overflow:hidden;}
.product7 li>p>a,.product8 li>p a{float:left}
.product7 li>p>span,.product8 li>p span{float:right;}
.prod7-right{float:left;width:63.4375%;margin-left:3.4375%;height:120px;overflow:hidden;font:14px/30px "microsoft yahei";color:#7c7c7c;}
.product8 li>p{width:100%;height:36px;overflow:hidden;font:16px/36px "microsoft yahei";color:#9a9a9a;}
.prod8-left{float:left;width:22.8125%;height:auto;overflow:hidden;position:relative;margin-right:1.875%;}
.prod8-right{float:left;width:73.125%;height:120px;overflow:hidden;font:14px/30px "microsoft yahei";color:#7c7c7c;}
/* 图片放大部分 */
#picShow{position: fixed;width:100%;height:100%;background:url(../images/blackbg.png) 0 0 repeat;left:0;top:0;z-index:9999}
.pic_show_box{width:100%;height:100%;overflow:hidden;position: relative;}
.pic_show_box img{display:block;margin:93px auto 0;border:5px solid rgba(255,255,255,.2);}
#pic_quit{position: absolute;background:url(../images/quit.png) 0 0 no-repeat;width:64px;height:64px;top:0;right:0;cursor: pointer}
#lbtn{display:block;position: absolute;background:url(../images/leftbtn1.png) 0 0 no-repeat;width:53px;height:53px;top:287px;left:65px;}
#rbtn{display:block;position: absolute;background:url(../images/rightbtn1.png) 0 0 no-repeat;width:53px;height:53px;top:287px;right:65px;}
.pic_show_box p{width:593px;text-align:center;margin:0 auto;overflow:hidden;font:18px/106px "microsoft yahei";color:#0c4201;text-overflow: ellipsis;white-space: nowrap}
.pic_show_box p a{color:#fff;}
/* 新闻 */
.news{width:100%;height:auto;overflow:hidden;}
.news li{width:100%;height:50px;border-bottom:1px dotted #232323;overflow:hidden;background:url(../images/icons1.jpg) 8px center no-repeat;text-indent:19px;font:14px/50px "microsoft yahei";color:#1d1d1d;}
.news li a{float:left;color:#1d1d1d}
.news li span{float:right;}
.news li.blank{margin-bottom:26px;}

.news1{width:100%;height:auto;overflow:hidden;margin:12px auto;}
.news1 li{width:100%;padding:5px 0; height:30px;font:14px/30px "microsoft yahei";color:#737373;/* background:#fff; */border-bottom:1px solid #ccc;}
.news1 li a{float:left;margin-left:12px;}
.news1 li span{float:right;margin-right:12px;}
.news2 li{border-bottom:1px solid #ccc;}
.news3 li{border-bottom:1px dashed #ccc;}


#news5 li.news4-bg{background:#eee;}
#news5 font{-webkit-transition:all 0.1s ease-in-out 0s;-moz-transition:all 0.1s ease-in-out 0s;-ms-transition:all 0.1s ease-in-out 0s;transition:all 0.1s ease-in-out 0s;}
.news_fadein li{-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);transform:rotateX(90deg);}
.news_fadein li.show-animation{-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg);}
.news_fadein li.show-animation:nth-child(1){-webkit-transition-delay: 100ms;-moz-transition-delay: 100ms;-ms-transition-delay: 100ms;transition-delay: 100ms;}
.news_fadein li.show-animation:nth-child(2){-webkit-transition-delay: 200ms;-moz-transition-delay: 200ms;-ms-transition-delay: 200ms;transition-delay: 200ms;}
.news_fadein li.show-animation:nth-child(3){-webkit-transition-delay: 300ms;-moz-transition-delay: 300ms;-ms-transition-delay: 300ms;transition-delay: 300ms;}
.news_fadein li.show-animation:nth-child(4){-webkit-transition-delay: 400ms;-moz-transition-delay: 400ms;-ms-transition-delay: 400ms;transition-delay: 400ms;}
.news_fadein li.show-animation:nth-child(5){-webkit-transition-delay: 500ms;-moz-transition-delay: 500ms;-ms-transition-delay: 500ms;transition-delay: 500ms;}
.news_fadein li.show-animation:nth-child(6){-webkit-transition-delay: 600ms;-moz-transition-delay: 600ms;-ms-transition-delay: 600ms;transition-delay: 600ms;}
.news_fadein li.show-animation:nth-child(7){-webkit-transition-delay: 700ms;-moz-transition-delay: 700ms;-ms-transition-delay: 700ms;transition-delay: 700ms;}
.news_fadein li.show-animation:nth-child(8){-webkit-transition-delay: 800ms;-moz-transition-delay: 800ms;-ms-transition-delay: 800ms;transition-delay: 800ms;}
.news_fadein li.show-animation:nth-child(9){-webkit-transition-delay: 900ms;-moz-transition-delay: 900ms;-ms-transition-delay: 900ms;transition-delay: 900ms;}
.news_fadein li.show-animation:nth-child(10){-webkit-transition-delay: 1000ms;-moz-transition-delay: 1000ms;-ms-transition-delay: 1000ms;transition-delay: 1000ms;}
.news_fadein li.show-animation:nth-child(11){-webkit-transition-delay: 1100ms;-moz-transition-delay: 1100ms;-ms-transition-delay: 1100ms;transition-delay: 1100ms;}
.news_fadein li.show-animation:nth-child(12){-webkit-transition-delay: 1200ms;-moz-transition-delay: 1200ms;-ms-transition-delay: 1200ms;transition-delay: 1200ms;}
.news_fadein li.show-animation:nth-child(13){-webkit-transition-delay: 1300ms;-moz-transition-delay: 1300ms;-ms-transition-delay: 1300ms;transition-delay: 1300ms;}
.news_fadein li.show-animation:nth-child(14){-webkit-transition-delay: 1400ms;-moz-transition-delay: 1400ms;-ms-transition-delay: 1400ms;transition-delay: 1400ms;}
.news_fadein li.show-animation:nth-child(15){-webkit-transition-delay: 1500ms;-moz-transition-delay: 1500ms;-ms-transition-delay: 1500ms;transition-delay: 1500ms;}
.news_indent li a{text-indent:0;-webkit-transition:all 0.1s ease-in-out 0s;-moz-transition:all 0.1s ease-in-out 0s;-ms-transition:all 0.1s ease-in-out 0s;transition:all 0.1s ease-in-out 0s;}
.news_indent li:hover a{text-indent:20px;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s;}
/* 详细页 */
.view-title{width:100%;text-align:center;font:20px/36px "microsoft yahei";color: #666;padding:14px 0 0;font-weight: 700;}
.view-date{width:100%;text-align:center;font:12px/24px "microsoft yahei";color: #666;padding: 10px 0;}
.view-date span{margin:0 7px;}
.view-share{width:140px;margin:0 auto;}
.view-pages{width:100%;height:auto;overflow:hidden;margin:20px auto;}
.view-pages p{width:100%;height:30px;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;border-bottom:1px dashed #ddd;}
.view-back{display:block;width:100px;height:30px;margin:10px auto;text-align:center;font:14px/30px "microsoft yahei";}
/* left-type */
#left-type{width:98%;height:auto;overflow:hidden; padding:1% 1%;}
#left-type li{width:100%;font:16px/44px "microsoft yahei";}
#left-type li a{padding: 0 0 0 5px;color:#000000;text-indent:30px;display:block;background: url(../images/fy_on.gif) center top no-repeat;}
#left-type li a:hover{ color:#ac0909}

#left-type>li>ul>li>a{ color:#000000; font-size:16px;text-indent:50px; background: url(../images/fy_er.gif) center top no-repeat; line-height:44px; border-bottom:0;}
#left-type>li>ul>li>a:hover{ color:#ac0909}
#left-type>li>ul>li>a.on{border-bottom:0;color:#646464;}
#left-type>li>ul>li>ul>li>a{text-indent:40px;}
#left-type>li>ul>li>ul>li>ul>li>a{text-indent:55px;}
#left-type>li>ul>li>ul>li>ul>li>ul>li>a{text-indent:70px;}
#left-type li ul{display:none}
#left-type li .proTwo{display: block;}
#left-type li ul.show>li>ul{display:block;}
#left-type li a.on{color:#ac0909;}
/* 整体修改颜色 */
.pg-color{color:#000;}
.pg-border-color,.product4 li div:hover{border-color:green;}
.pg-color:hover{color:#ac0909}

/* view */
.view{color: #666;line-height:180%;}
.date{width:100%;text-align:center;font:12px/32px "microsoft yahei";color:#7d7d7d}
.page{width:100%;margin:10px auto;overflow: hidden;position: relative}
.page p{width:100%;height:28px;font:12px/28px "microsoft yahei";color:#1d1d1d;overflow: hidden;}
.page p a{color:#1d1d1d}
.page .back:hover{background: #000000;}
.back{font:14px/39px "microsoft yahei";color:#fff;background:#830808;width:138px;margin:20px auto;border-radius:4px;display:block;text-align:center;}
.view img{max-width: 100%;display:inline}
.view div{font-size:14px;}
.pdf_down{display:block;background:url(../images/pdf.jpg) 0 0 no-repeat;width:224px;height:46px;margin:10px auto;font:14px/46px "microsoft yahei";color:#fff;text-indent:74px;}
.white-bg{background:#fff;padding:10px 0;}

#allmap{
	margin:20px 0;
}

/* con1 */
.con1{width:1002px;height:480px;margin:0 auto;overflow:hidden;}
.con1-left{width:225px;height:auto;overflow:hidden;background:#e8e8e8;}
.left-title1{width:100%; padding:0;height:67px; background: url(../images/fy_ltop.jpg) left top no-repeat;;text-align:center;font:24px/67px "microsoft yahei";color:#fff; }
.class_up{display:block;background:url(../images/left_top.jpg) 0 0 no-repeat;width:204px;height:19px;margin:5px auto 4px;}
.class_down{display:block;background:url(../images/left_bottom.jpg) 0 0 no-repeat;width:204px;height:19px;margin:5px auto 12px;}
.con1_class{width:204px;height:390px;overflow:hidden;margin:0 auto;position:relative; }
.con1_class>ul{position:absolute;left:0;top:0;width:100%;}
.con1_class ul li{width:195px;overflow:hidden;font:12px/41px "宋体";color:#1d1d1d;padding:0 0px;}
.con1_class ul li a{color:#1d1d1d;}
.con1_class>ul>li>a{ border-/bottom:1px solid #7e5195; padding:0 14px;  }
.con1_class>ul li a:hover {}


/* 浮动工具 */
.c-tools {
  position: fixed;
  z-index: 9999;
  text-align: center;
  right: 0;
  bottom: 50%;
  margin-bottom: -144px;
}
.c-tools ul li {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  cursor: pointer;
  position: relative;
  width: 62px;
  height: 62px;
  margin: 1px;
  background: #830808 url(../images/tools-ico.png) no-repeat;
}
.c-tools ul li:hover {
  background-color: #000000;
}
.c-tools ul li span {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  display: none;
  position: absolute;
  right: 63px;
  width: 135px;
  line-height: 62px;
  padding: 0 10px;
  background: #000000;
  color: #ffffff;
}
.c-tools ul li .ewmPic {
  width: 168px;
}
.c-tools ul li .ewmPic img {
  display: block;
  margin-top: 10px;
  padding-bottom: 10px;

  width: 168px;
  height: 168px;
}
.c-tools ul .tel-ico {
  background-position: center -22px;
}
.c-tools ul .tel-ico span{

line-height: 31px;
}
.c-tools ul .ewm-ico {
  background-position: center 21px;
}
.c-tools ul .qq-ico {
  background-position: center -69px;
}
.c-tools ul .top-ico {
  background-position: center -115px;
}
/* 浮动工具 */



/* couplet */
.atm_couplet_left,.atm_couplet_right{position:fixed;left:0;top:60px;z-index:1000}
.atm_couplet_left_close,.atm_couplet_right_close{position:fixed;left:0;top:40px;z-index:1000;background:#fff;font:14px/20px "microsoft yahei";color:red;display:block;width:40px;height:20px;text-align:center;cursor: pointer}
.atm_couplet_right_close,.atm_couplet_right{right:0;left:auto;}
/* mount */
.mount{width:100%;position:relative;overflow:hidden;display:none}
.mount a,.atm_bottom_pic a{display:block;position:absolute;left:50%;top:0;}
.mount_close,.atm_bottom_pic_close{display:block;width:40px;height:40px;position:absolute;right:0;top:0;background:red;text-align:center;font:14px/40px "microsoft yahei";color:#fff;cursor: pointer;z-index:1000}
/* bottom center pic */
.atm_bottom_pic_bg{position: fixed;width:100%;z-index:1000;bottom:0;left:0}
.atm_bottom_pic{width:100%;overflow:hidden;position:relative;}
/* bottom right pic */
.atm_bottom_right{position: fixed;z-index:1000;bottom:0;right:0}
.atm_bottom_right_pic{width:100%;overflow:hidden;position:relative;}
/* random_pic */
.random_pic img{display:block;margin:0 auto;}
/* banner */
.atm_banner { width: 100%; height: auto; position: relative; overflow:hidden;z-index:0}
.atm_banner img{display:block;margin:0 auto;}
.atm_banner_box{position:absolute;top:0;left:50%;}
.atm_btns{width:1002px;position: absolute;height:81px;left:50%;top:50%;margin:-40px 0 0 -501px;}
.atm_btns .atm_prev,
.atm_btns .atm_next {width: 38px; height: 73px;/* float:left; */font:700 56px/70px "simsun";color:#fff;text-align:center;background: url(../images/next_bg_09.png) no-repeat left center;
	position: absolute;
	left: -10%;
	top: 0;
}
.atm_btns .atm_next {float:right;background-position: right center;
	position: absolute;
	left:100%;
	top: 0;
}
/* float */
.floatPic .floatImg{z-index:100;background:none;position:absolute;display:none;}
.floatPic a{color:#000000; display:inline-block;text-decoration:none;}
.floatPic a img{border:0;}
.floatPic .floatPicClose{position:absolute; top:0; right:0;width:25px; height:25px; background-color:red;font:700 14px/25px "arial";color:#fff;text-align:center; cursor: pointer;}
/*xiala*/
.common-nav2 {display:none;position:absolute;z-index:9999;text-align:center;top: 46px;}
.common-nav2_in {background: #830808;width:108px;}
.common-nav2_in div{width: 100%;height: 35px;line-height: 35px;}
.common-nav2 div a {
	display:block;
	height:35px !important;
	line-height:35px !important;
	color:#FFF;
	font-size:14px!important;
	font-weight:normal;
	border-bottom:1px solid #AB0202;
	text-indent: 0% !important;
	}
.common-nav2 div a:hover {background:#AB0202 !important;color:#FFF !important;
	height:35px !important;line-height:35px !important;}
/*xiala*/
/* 评论 */
.c-proBox h3 {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  font-weight: 400;
  height: 36px;
  line-height: 36px;
  background: #830808;
  color: #ffffff;
  padding: 5px 10px;
  margin: 10px 0;
}
.c-comment li {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  line-height: normal;
  margin-bottom: 10px;
  padding: 0 15px;
  border: 1px solid #eeeeee;
  background: #ffffff;
}
.c-comment li p {
  padding: 15px 0;
  border-top: 1px dashed #eeeeee;
}
.c-comment li p span {
  float: right;
}
.c-comment li p.on {
  border-top: 0;
}
.c-comment li p.admin {
  color: #830808;
}
.c-more {
  text-align: center;
  line-height: normal;
}
.c-more a {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  display: block;
  background: #830808;
  color: #ffffff;
  padding: 13px 0;
}
.c-more a:hover {
  background: #000000;
}

/* 留言 */
.c-book ul li {
  position: relative;
  margin-top: 10px;
}
.c-book ul li em {
  float: left;
  text-align: right;
  margin-right: 10px;
  padding-top: 7px;
  width: 150px;
  font-style: normal;
}
.c-book ul li textarea,
.c-book ul li input,
.c-book ul li select {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  padding: 12px;
  border: 1px solid #eeeeee;
  font-family: 'Microsoft Yahei';
}
.c-book ul li textarea:hover,
.c-book ul li input:hover,
.c-book ul li select:hover,
.c-book ul li textarea:focus,
.c-book ul li input:focus,
.c-book ul li select:focus {
  border-color: #830808;
}
.c-book ul li textarea {
  width: 450px;
  height: 150px;
  overflow-y: hidden;
}
.c-book ul li img {
  position: absolute;
  cursor: pointer;
  top: 10px;
  margin-left: 5px;
}
.c-book ul li.bnt {
  margin-left: 150px;
}
.c-book ul li.bnt input {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  cursor: pointer;
  width: 120px;
  margin-left: 10px;
  border-color: #830808;
  background: #830808;
  color: #ffffff;
}
.c-book ul li.bnt input:hover {
  border-color: #000000;
  background: #000000;
}
.c-cb,
.c-cbli li {
  zoom: 1;
}

/* pages*/
.pages {width:100%;height:24px;text-align:center; padding:15px 0; float:right}
.pages a{font: 12px/28px "microsoft yahei";color:#333;text-decoration:none;padding: 0px 10px;border:solid 1px #ddd;display:inline-block;white-space:nowrap;margin:0 3px;}
.pages a {background:none;}
.pages a.hover {background:#830808;color:#fff;}
.pages a:hover {background:#830808;color:#fff;}
.pages span {background:#830808;color:#fff;}

/* product view 产品内页 */
.view_imgs{width:555px;height:500px;margin:20px auto;position:relative;background:#f7f7f7;}
.view_imgs .btn{position:absolute;width:15px;height:70px;top:422px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.view_imgs .prev{left:0;background:url(../images/view_left.png) no-repeat center center #bfbebe;}
.view_imgs #prev,.view_imgs #prev #next{width: 15px;height: 70px;margin-left: 0;}
.view_imgs #prevTop,.view_imgs #nextTop{display:none}
.view_imgs .next{right:0;background:url(../images/view_right.png) no-repeat center center #bfbebe;}
.view_imgs li{float:left;}
.view_imgs .prev:hover,.view_imgs .next:hover{background-color:#830808;}
.view_imgs .cf li{position:relative;color:#fff;}
.view_imgs .cf a{display:block;width:555px;height:416px;position:absolute;color:#fff;}
.view_imgs .picBox{height:416px;position:relative;overflow:hidden;}
.view_imgs .picBox ul{height:416px;position:absolute;}
.view_imgs .picBox li{width:555px;height:374px;}
.view_imgs .listBox{width:511px;height:71px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.view_imgs .listBox ul{height:71px;position:absolute;}
.view_imgs .listBox li{width:104px;height:71px;cursor:pointer;position:relative;}
.view_imgs .listBox li a{display:block;width:95px;height:71px;}
.view_imgs .listBox li img{width:95px;height:71px;}
.view_imgs .listBox .on img{width:89px;height:65px;border: 3px solid #830808;}
.view_imgs .picBox li img{max-width: 100%;}
.ol_width { width:580px;}