/* CSS Document */
:root {
    --width: 1100px;  /* 定义版面宽度 */    
	--pageLR_width:18px;/*pageleft,pageright的宽度*/
	--pageLR_height:164px;/*pageleft,pageright的高度*/	
	--common_color:rgba(203,125,50,1.00);
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, font, img,  u, i, center, dl, dt, dd, ol, ul, li, form, label {
	padding:0px;
	margin:0px;
}

img {
	border:none;
}

a{ text-decoration:none; color:#666; font-size:12px;}
h3 a{color:#000; font-size:14px;}
ul, ol{list-style-type:none;}
h3{ font-size:14px;}
font{ font-size:12px;}

img ,input{ vertical-align:middle;}

body {
	font-size:12px;
	overflow-x: hidden;
	position:relative;
	font-family:"宋体", Arial, Verdana;
	text-decoration: none;
}

.clear{clear:both;height:0;overflow:hidden;display:block;}
.mtop_40{ margin-top:40px;}

.about{	
	width:100%;
	height:50px;
}

#top{
	width:100%;
	height:30px;
	line-height:30px;
	color:#D9D9D9;
	background-color:#5E646A;}
	
.maindiv{
	margin:0 auto;
	width:var(--width);
	clear:both;}
	
.topLeft{
	float:left;
	margin-left:10px;
	padding-left:20px;
	background:url(images/top_02.png) no-repeat left -1px;}
	
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
    opacity:0.4; filter:alpha(opacity=40);
	z-index: 9999;
}
.popup_block{
	display:none;
	margin:0 auto;
	position: fixed;
	top: 50%; 
	left: 50%;
	width:480px;
	height:360px;
	background-color:#fff;
	z-index: 99999;
	color:#5F646A;
	text-align:center;
	line-height:30px;}
	
.popup_block h2{
	font-size:30px;
	margin-top:60px;
	text-align:center;
	color:#D22020;
	font-family:Microsoft YaHei;}
	
.po_p{float:left; margin:20px 0 40px 95px; line-height:46px;}
.po_div{width:210px; height:46px; line-height:46px; float:left; margin:20px 0 40px 0; color:#fff; background-color:#D22020}
	
img.btn_close {}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade , *html .popup_block  {
	position: absolute;
}

.popup_block2{
	display:none;
	margin:0 auto;
	position: fixed;
	top: 50%; 
	left: 50%;
	width:296px;
	height:172px;
	background:url(images/d_24.png) no-repeat;
	z-index: 99999;
	color:#5F646A;
	line-height:20px;
	padding:10px 20px;}
	
.popup_block2 p{
	float:left;
	width:316px;
	margin-top:10px;}
	
.popup_block2 .pro_ID{
	float:left;
	width:346px;}
	
.popup_block2 .pro_ID li{ margin-right:10px;}

.pop_img{width:139px; height:85px; background:url(images/d_007.jpg) no-repeat;}

.pop_img span{ float:left; margin:25px 0 0 10px;}
 	
.topLeft a , .topRight a{ color:#D9D9D9;}
	
.topRight{
	float:right;}
	
.topRight .weixin{
	float:right;
	position:absolute;
	top:0;
	margin-left:230px;
	display:;}
	
.logo{
	text-align:center;
	height:88px;
	overflow:hidden;
	margin-top:50px;}
	
.search{
	width:226px;
	float:right;
	line-height:25px;
	color:#D7D4D4;}
	
.search_input{
	width:226px;
	height:20px;
	line-height:20px;
	background:url(images/main_5.png) no-repeat right top;}
	
.s_text{
	width:180px;
	height:20px;
	background:none;
	border:none;
	color:#D7D4D4;}
	
.s_btn{
	width:30px;
	height:20px;
	border:none;
	background:none;
	vertical-align:top;
	cursor:pointer;}
/* 导航菜单 */
.nav {
    float: left;
    padding: 10px 0;
    width: var(--width);
}

.nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.nav ul li {
    position: relative;
    display: inline-block;
    margin-right: 30px;
}

/* 默认隐藏二级菜单 */
.nav ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #d3d3d3;
    color: black;
    padding: 10px;
    border: 1px solid #ccc;
    z-index: 100;
   
    justify-content: space-around;
    width: 600px;
}

/* 当鼠标悬停在包含子菜单的 li 上时显示子菜单 */
.nav ul li:hover > ul {
    display: flex;
}

.nav ul ul li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 33.33%;
    box-sizing: border-box;
    padding: 5px;
}

.nav ul ul li h3 {
    margin: 0 0 5px;
    font-size: 20px; /* 比其他菜单项稍大 */
    font-weight: bold; /* 加粗 */
}

.nav ul ul li a {
    color: black;
    background-color: transparent;
    font-size: 16px; /* 普通菜单项字体大小 */
    display: block;
    margin-bottom: 3px;
}

.nav ul li > a {
    float: left;
    font-size: 20px;
    margin-right: 20px;
    color: black;
    background-color: transparent;
    text-decoration: none;
}

.nav ul .cur > a,
.nav ul li:hover > a {
    background-color: goldenrod;
    color: aliceblue;
    font-weight: bold;
}

/* 确保只有直接悬停的 a 标签改变背景，而不是所有 a 标签 */
.nav ul ul li a:hover {
    background-color: goldenrod;
    color: aliceblue;
}
	
#footer{
	width:100%;
	margin:0 auto;
	height:185px;
	clear:both;
	background-color:#F1F0F0;}	
	
.footer_from{
	width:var(--width);
	margin:0 auto;}
	
.footer_from img{
	float:left;
	margin:18px 0 0 120px;}
	
.footer_from .footer_info{
	float:left;
	width:354px;
	color:#5E646A;
	margin:18px 0 0 20px;}
	
.footer_from .footer_info p{
	margin-top:30px;
	line-height:25px;}
	
.footer_list{
	float:left;
	width:920px;
	padding:30px 0 20px 75px;}
	
.footer_list ul{
	float:left;
	width:115px;}
	
.footer_list ul li{
	float:left;
	width:115px;
	line-height:30px;}
	
.footer_list ul li span{
	font-size:14px;
	color:#5E646A;}
	
.footer_a p{
	text-align:center;
	line-height:25px;
	color:#5E646A;}

.content , .liulan_list{
	float:left;
	width:100%;
	margin-bottom:20px;}	

.c_title_next img {
            width: 100%; /* 设置图片宽度为容器的100% */
            height: 280px; /* 保持图片比例，防止变形 */
}
	
.one{background-color:#F1F0F0;}



/*about*/
 
#about_content p, #contact_content p {
		font-family: 'Arial', sans-serif; /* 字体 */
		line-height: 1.6; /* 行高 */
		padding: 20px; /* 内边距 */
		background-color: #f9f9f9; /* 背景颜色（可选） */
		/* 设置#about内段落的样式 */
		font-size: 30px; /* 字号 */
		color: #333; /* 文字颜色 */
		text-align: justify; /* 文本对齐方式 */
		margin: 0; /* 外边距 */
		text-indent: 2em;
}
#about_title p, #contact_title p {
		font-family: 'Arial', sans-serif; /* 字体 */
		line-height: 1.6; /* 行高 */
		padding: 20px; /* 内边距 */
		background-color: #f9f9f9; /* 背景颜色（可选） */
		/* 设置#about内段落的样式 */
		font-size: 50px; /* 字号 */
		color: goldenrod; /* 文字颜色 */
		text-align: center; /* 文本对齐方式 */
		margin: 0; /* 外边距 */		
}

/* #contact_title 的特定对齐方式（如果需要不同于 center，可以在这里指定） */
#contact_title p {
    text-align: left; /* 或者其他你需要的对齐方式 */
}

/*下面代码适用于各国护照banner和导语*/
#passport_banner, #passport_introduction, #passport_calc, #passport_apply {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 100%; /* 如果需要，设置容器的高度 */
}

#passport_banner img, #passport_introduction img, #passport_calc img, #passport_apply img {
    max-width: 100%; /* 确保图片不会超出容器宽度 */
    height: auto; /* 保持图片比例 */
}

/*下面是country菜单*/
.country-menu {
	list-style-type: none; /* 移除默认的列表样式 */
	padding: 0;
	margin: 0 0 15px 0; /* 设置底部边距为15px */
	display: flex; /* 使用Flexbox使菜单项横向排列 */
	/*justify-content: space-around;  菜单项之间均匀分布 */
	
}
 
.country-menu li {
	margin: 10px 25px; /* 菜单项之间的间距 */
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; /* 设置字体类型 */
    font-size: 25px; /* 设置字体大小 */
	display: flex; /* 使用Flexbox使子项内容对齐 */
	align-items: center; /* 垂直居中 */
	
}

.country-menu li a {
        text-decoration: inherit; /* 移除下划线 */
        color: inherit; /* 继承父元素的颜色 */
        font-size: inherit; /* 继承父元素的字体大小 */
        display: inherit; /* 使整个 li 可点击（可选） */        
}

.country-menu li a:hover{
	color:var(--common_color);
}

/*热门地区country-横向菜单第一项前面的图标*/
.icon {
	display: inline-block; /* 使图标成为内联块级元素 */
	width: 20px; /* 设置图标宽度 */
	height: 20px; /* 设置图标高度 */
	line-height: 20px; /* 设置图标行高，使图标居中 */
	text-align: center; /* 设置图标文本居中 */
	margin-right: 10px; /* 图标与文本之间的间距 */
	color: #f00; /* 设置图标颜色 */
}
/*热门地区-横向菜单第一项与第二项之间的分隔符*/
.divider {
	display: inline-block; /* 使竖线成为内联块级元素 */
	width: 1px; /* 设置竖线宽度 */
	height: 25px; /* 设置竖线高度，与字体大小匹配 */
	background-color: #ccc; /* 设置竖线颜色 */
	margin-left: 15px; /* 竖线与文本之间的间距 */
}

/*热门地区-横向菜单第一项与第二项之间的分隔符*/

.menu-separator {
	width: 95%;
	height: 2px; /* 直线的高度 */
	background-color:darkgray; /* 直线的颜色 */
	margin: 10px auto; /* 上下边距为10px，水平居中 */
}
/*热门地区-第三项-国家图片*/
.content1.one {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.image-container {
    text-align: center;
}

.image-container img {
    max-width: 100%;
    height: auto;
}

.text1 {
    color: brown;
    font-size: 30px;
}

.text2 {
    color: black;
    font-size: 15px;
    padding: 3px;
}

.text3 {
    color: black;
    font-size: 15px;
    border: 1px solid black;
    padding: 6px;
    display: inline-block;
    transition: background-color 0.3s, color 0.3s;
}

.text3:hover {
    background-color: var(--common_color);
    color: white;
}

/*热门地区-美国-country*/
.country {
    width: var(--width); /* 与.maindiv相同的宽度 */
    margin: 20px auto; /* 例如，添加一些顶部和底部的外边距，并居中 */
}

.country .layout {
    position: relative; /* 确保子元素的伪元素可以相对于布局定位 */
}

.country .country-title {
    text-align: left;
    font-size: 60px;
    color: goldenrod;
    position: relative; /* 为伪元素提供定位上下文 */
    margin-bottom: 0; /* 确保标题本身没有额外的下边距 */
}

.country .country-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px; /* 根据需要调整，确保伪元素不会与desc重叠 */
    width: 100%; /* 使伪元素的宽度与.country-title相同 */
    height: 2px; /* 横线的厚度 */
    background-color: #B0B0B0; /* 横线的颜色 */
}

.country .desc p {
    font-size: 30px;
    line-height: 1.33; /* 设置行距，由于font-size是30px，1.33倍约为40px，但我们想要10px的行距，所以用实际需要的值 */
    /* 由于直接设置line-height为10px会导致文本重叠，实际应使用适当的倍数或具体值 */
    /* 实际设置：如果font-size是30px，想要行距10px，那么line-height应该是30px(字体大小) + 10px(行距) = 40px */
    /* 因此，设置line-height: 1.3333; (40/30) 或直接 line-height: 40px; */
    line-height: 60px; /* 直接设置行距为40px，确保行与行之间有10px的间隙 */
    margin: 0; /* 移除段落的默认上下边距 */
    margin-top: 0; /* 确保第一个段落没有额外的上边距 */
}
 
.country .desc {
    margin-top: 20px; /* 确保desc文本与伪元素之间有足够的间距 */
}

.btn-online {
    width: 200px; /* 设置按钮宽度 */
    height: 60px; /* 设置按钮高度 */
    border: none; /* 无边框 */
    background-color: var(--common_color); /* 填充色为棕色 */
    color: white; /* 字体颜色为白色 */
    cursor: pointer; /* 鼠标悬停时显示为手型 */
    border-radius: 5px; /* 可选：添加一些圆角 */
    font-size: 25px; /* 可选：设置字体大小 */
    text-align: center;
    line-height: 30px; /* 使文本在按钮中垂直居中 */
    margin-top: 10px; /* 设置按钮与上方元素的距离 */
}

/*热门地区-美国-project*/
.projects {
    width: var(--width); /* 与.maindiv相同的宽度 */
    margin: 20px auto; /* 例如，添加一些顶部和底部的外边距，并居中 */
}

.projects .layout {
    position: relative; /* 确保子元素的伪元素可以相对于布局定位 */
}

.projects .layout .list-box {
    margin-bottom: 20px; /* 为每个 .list-box 添加底部边距 */
}

.projects .type-title {
    text-align: left;
    font-size: 30px;
    color: grey;
    position: relative; /* 为伪元素提供定位上下文 */
    margin-bottom: 0; /* 确保标题本身没有额外的下边距 */
}

.projects .type-title label{
    text-align: left;
    font-size: 35px;
	font-weight: bold;
    color: goldenrod;
    position: relative; /* 为伪元素提供定位上下文 */
    margin-bottom: 0px; /* 确保标题本身没有额外的下边距 */
}
/*下面的横线*/
.projects .type-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;  /*根据需要调整，确保伪元素不会与desc重叠 */
	
    width: 100%; /* 使伪元素的宽度与.country-title相同 */
    height: 2px; /* 横线的厚度 */
    background-color: #B0B0B0; /* 横线的颜色 */
}

/* 新增的样式，用于横向排列 item */
.projects .list {
    display: flex; /* 使用 Flexbox 布局 */
    justify-content: space-between; /* 根据需要调整项目之间的间距 */
    /* 如果需要，可以添加以下行来确保在换行时项目能正确对齐 */
    /* flex-wrap: wrap; 允许项目换行（可选） */
    /* 可以根据需要添加间距 */
    gap: 10px; /* 项目之间的间距 */
	margin-top: 15px;
}
 
.projects .list .item {
    /* 可以根据需要添加宽度或其他样式 */
    /* width: 30%; */ /* 如果需要固定宽度，可以取消注释并调整 */
    flex: 1; /* 使项目在容器中均匀分布 */
    box-shadow: 0 0 10px var(--common_color);; /* 可选，添加一些阴影效果 */
}

.projects .list .item .img img {
    width: 100%; /* 确保图片宽度适应容器 */
    height: auto; /* 保持图片比例 */
}

.projects .list .item .name {
    font-weight: bold; /* 加粗 */
    color: var(--common_color); /* 棕色 */
    font-size: 25px; /* 字号为35px */
	text-align: center;
	margin-bottom: 10px; 
	margin-top: 10px;
}
 
.projects .list .item .subtitle {
    color: black; /* 黑色 */
    font-size: 15px; /* 字号为20px */
    margin-bottom: 20px; /* 与.btn-action的间距为10px */
	text-align: center;
}
 
.projects .list .item .btn-action {
    display: flex; /* 使用Flexbox布局 */
	justify-content: center; /* 水平居中子元素 */
    gap: 25px; /* 设置按钮之间的间距 */
	margin-bottom: 10px;
}
 
.btn-action a {
    display: inline-block; /* 确保元素是块级或内联块级以应用边框 */
    border: 1px solid black; /* 设置黑色边框 */
    background-color: transparent; /* 设置无填充色 */
    padding: 6px 15px; /* 可选，设置按钮的内边距以调整大小 */
    text-decoration: none; /* 去掉下划线 */
    color: black; /* 可选，设置文字颜色 */
	font-size: 15px;
}

/*finance-bank-personal 国际金融 个人银行开户*/
/*导语部分*/
.lead {
    width: var(--width); /* 与.maindiv相同的宽度 */
    margin: 20px auto; /* 居中布局，但不影响内部元素的对齐 */
}

.layout {
    display: block; /* 确保是块级元素，或根据需要调整 */
    width: 100%; /* 如果需要占满父容器宽度 */
}

.lead-box {
    display: flex; /* 使img和content-box横向排列 */
    align-items: center; /* 垂直居中对齐 */
    gap: 20px; /* img和content-box之间的间距 */
    width: 100%; /* 使.lead-box占满.lead的宽度 */	
	
}

.img {
    /* 可以根据需要设置图片的样式，比如限制最大宽度 */
    /* max-width: 150px; */
}

.content-box {
    display: flex;
    flex-direction: column; /* 使title和desc竖向排列 */
	flex: 1; /* 允许content-box根据需要扩展 */
    min-width: 0; /* 允许content-box缩小到最小宽度 */
    overflow-wrap: break-word; /* 确保长单词也能换行 */
}

.content-box .title {
    font-size: 30px; /* 设置title字号 */
    font-weight: bold;
	word-wrap: break-word; /* 确保内容换行 */
}

.content-box .desc {
    font-size: 20px; /* 设置desc字号 */
    margin-top: 10px; /* title和desc之间的间距 */
	word-wrap: break-word; /* 确保内容换行 */
}

.btn-online {
    margin-left: 20px;
    padding: 10px 20px;
    font-size: 20px;
    cursor: pointer;
    background-color: var(--common_color);
    color: white;
    border: none;
    border-radius: 5px;
}
/*计算部分*/
.calc-ad {
    width: var(--width); /* 与.maindiv相同的宽度 */
    margin: 50px auto; /* 居中布局，但不影响内部元素的对齐 */
}

.layout {
    display: block; /* 确保是块级元素，或根据需要调整 */
    width: 100%; /* 如果需要占满父容器宽度 */
}

.tool-calc img {
    max-width: 100%; /* 确保图片宽度不超过其父容器的宽度 */
    height: auto; /* 保持图片的纵横比 */
}

.tool-calc img:hover {
    cursor: pointer; /* 鼠标悬停时，光标变成指针形状 */
}
/*为什么部分*/
.suit {
    width: var(--width); /* 与.maindiv相同的宽度 */
    margin: 50px auto; /* 居中布局，但不影响内部元素的对齐 */
    text-align: center; /* 让内部元素居中对齐（针对title, subtitle, subdesc） */
}

.layout {
    display: block; /* 确保是块级元素 */
    width: 100%; /* 占满父容器宽度 */
}

.title {
    font-size: 40px;
    margin-bottom: 10px; /* 可选，增加标题与其他元素之间的间距 */
    word-wrap: break-word; /* 确保内容超过容器宽度时换行 */
}

.subtitle {
    font-size: 30px;
    color: var(--common_color);/* 棕色 */
    margin-bottom: 10px; /* 可选，增加副标题与描述之间的间距 */
    word-wrap: break-word; /* 确保内容超过容器宽度时换行 */
}

.subdesc {
    font-size: 20px;
    margin-bottom: 20px; /* 可选，增加描述与列表之间的间距 */
    word-wrap: break-word; /* 确保内容超过容器宽度时换行 */
}

.list {
    display: flex; /* 使用flex布局让item元素横向排列 */
    justify-content: flex-start; /* 从左开始排列（默认），gap会处理间隔 */
    flex-wrap: wrap; /* 如果容器宽度不够，允许换行（虽然在这里不太可能发生） */
    gap: 10px; /* 设置item之间的间隔 */
}

.list .item {
    background-color: #f0f0f0; /* 淡灰色背景 */
    padding: 15px; /* 可选，增加item内部的内边距 */
    box-sizing: border-box; /* 包括内边距和边框在内计算宽度 */
    flex: 1; /* 每个item均分可用空间（在没有足够空间时会自动换行） */
    min-width: calc(25% - 20px); /* 可选，设置最小宽度以确保布局美观（考虑gap） */
    text-align: left; /* 内部文本左对齐 */
}

.list .item .name {
    color: var(--common_color); /* 棕色 */
    font-weight: bold; /* 可选，加粗字体 */
	font-size: 25px;
    margin-bottom: 5px; /* name与desc之间的间距 */
}

.list .item .desc {
	font-size:15px;
    word-wrap: break-word; /* 确保内容超过item宽度时换行 */
}

/*finance 个人银行开户-这是项目介绍*/
.project-introduce {
    width: var(--width); /* 与.maindiv相同的宽度 */
    position: relative; /* 为伪元素定位 */
	margin: 50px auto; /* 居中布局，但不影响内部元素的对齐 */
}

.project-introduce .title {
	text-align: center; /* 让内容居中 */  

    font-weight: bold; /* 加粗 */
    font-family: '黑体', sans-serif; /* 设置黑体，如果没有黑体则使用 sans-serif */
    font-size: 30px; /* 字体大小30px */
    position: relative; /* 为伪元素定位 */
    margin-bottom: 20px; /* 留出空间给线条和间隔 */
}

.project-introduce .title::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px; /* 距离标题下面5px */
    width: 100%; /* 与project-introduce的宽度一致 */
    height: 2px;
    background-color: gray;
}

.project-introduce .title::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -5px; /* 与灰色直线重叠 */
    width: 200px;
    height: 4px;
    background-color: var(--common_color);
    transform: translateX(-50%); /* 水平居中 */
}

/*finance-项目介绍-左边tab标签，右边交互式对话框*/
.flex-project {
    display: flex;
    justify-content: center;
    gap: 10px;
    width: var(--width); /* 假设 --width 已经在父元素中定义 */
}

.finance-tabs-content {
    display: flex;
    flex-direction: column;
    width: 60%; /* 占据 flex-project 宽度的 60% */
	margin-right: auto; /* 确保靠左对齐 */
}

.finance-tabs {
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
	width: 100%;
}

.finance-tab {
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
}

.finance-tab.active {
    background-color: #f0f0f0;
    border-bottom: 2px solid var(--common_color);
}

.finance-contents {
    display: flex;
    flex-direction: column;
}

.finance-content {
    display: none; /* 默认隐藏所有内容 */
	
}

.finance-content.active {
    display: flex; /* 激活时显示内容 横向排列 */
	justify-content:space-between;
	gap:20px;
}

/*免费预约评估系统*/
.assess.assess-box {
    width: 40%;
    text-align: center;
    margin: 0 auto; /* 确保盒子水平居中 */
}

.adsiver {
    display: flex;
    flex-direction: column; /* 子元素垂直排列 */
    gap: 10px; /* 子元素间隔10px */
    align-items: center; /* 子元素水平居中 */
}

.adsiver-title {
    font-size: 30px;
    color: brown; /* 棕色 */
    text-align: center; /* 中间对齐 */
}

.adsiver-subtitle {
    font-size: 30px;
    color: black; /* 黑色 */
    text-align: center; /* 中间对齐 */
}

.form-horizontal {
    font-size: 20px;
    display: flex;
    flex-direction: column; /* 子元素垂直排列 */
    gap: 5px; /* 子元素垂直间隔5px */
    width: 100%;
}

.form-group {
    display: flex;
    align-items: center;
    width: 100%;
}

.form-group label {
    flex-basis: 30%; /* 固定宽度为30% */
    text-align: right;
    margin-right: 5px; /* 添加与input的间隔 */
    box-sizing: border-box;
}

.form-group input,
.form-group .country-dropdown {
    flex-basis: calc(70% - 5px); /* 计算后的宽度为70%减去label的margin-right */
    text-align: left;
    box-sizing: border-box;
}

.form-control {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.country-dropdown {
    display: flex;
    align-items: center;
	cursor: pointer;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.country-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    z-index: 0;
}
 
.country-dropdown ul li {
    padding: 5px 25px;
    cursor: pointer;
    position: relative;
}
 
.country-dropdown ul li:hover {
    background-color: #f0f0f0;
}
 

.country-dropdown.open ul {
    max-height: 100px;
}
 
.form-control:focus + ul,
.country-dropdown:hover ul {
    max-height: 100px;
}

.country-code {
    margin-right: 5px;
}

.form-tips {
    font-size: 16px;
    color: gray;
    margin-top: 5px;
    text-align: center;
}

.form-btns {
    margin-top: 15px;
}


.oneRight{
	float:left;
	width:var(--width);
	padding-bottom:20px; }
/*****************/	
#slides {
	width:var(--width);
	float:left;
}

#slides .slide {
	width:var(--width);
	height:400px;
	text-align:center;
	
}

#slides .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 可选：如果希望图片保持比例裁剪填充 */
}

#slides .link {
	display:block;
	margin-top:10px;
	font-weight:800;
}

.pagination {
	margin:-20px 10px 0 auto ;
	height:35px;
	float:right;
	position:relative; 
	z-index:1000;
}

.pagination li {
	float:left;
	margin:0 4px 0 0;
}

.pagination li a {
	display:block;
	width:13px;
	height:0;
	padding-top:13px;
	background-image:url(images/pagination.png);
	background-position:0 -14px;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 0;
}
/*****************/
.left_p{
	line-height:20px;
	color:#5E646A;}
		
.oneLeft h3 , .hot h3 , .psel h3 , .liulan_list h3 , .cart_h3 , .youhui h3 , .tuijian h3 , .title_cp{
	width:100%;
	float:left;
	height:26px;
	line-height:26px;
	font-weight:lighter;
	color:#fff;}
	
.oneLeft h3 , .tuijian h3{background:url(images/main_15.jpg) no-repeat;}
.hot h3 , .psel h3 , .cart_h3 , .youhui h3{background:url(images/main_14.png) no-repeat;}
.liulan_list h3{background:url(images/main_13.png) no-repeat; margin-bottom:20px;}
.title_cp{ background:url(images/d_004.png) no-repeat; text-align:center;}
	
.oneLeft ul{
	float:left;
	padding:10px 0 0 6px;}
	
.oneLeft ul b{
	float:left;
	color:#5E646A;
	width:190px;}
	
.oneLeft ul li{
	float:left;
	width:90px;
	line-height:20px;}
	
.oneLeft ul  .lcur a ,.oneLeft ul  li a:hover , .left_item li .pro_info span , .hot_info .jg , .sell_order  li span , .zc_p a ,.cart_zj ,.cart_zj a ,.zhanghu p a , .youhui .yh_sell li span{ color:#D22020}
.red{color:#D22020}
	
.c_title{
	float:left;
	width:100%;
	color:#5E646A;}
	
.c_title img{
	float:left;}
	
.c_title p{
	float:left;
	line-height:42px;}
	
.Citem ul {
    float: left;
    padding-bottom: 30px;
    width: var(--width);
    padding: 0; /* 确保没有默认的 padding 影响布局 */
    margin: 0; /* 确保没有默认的 margin 影响布局 */
}

.Citem_Detail {
    display: flex;
    justify-content: space-between; /* 在项目之间均匀分布空间 */
    width: 100%; /* 确保占满父容器的宽度 */
}


.Citem ul li {
    list-style: none; /* 移除默认的列表样式 */
    flex: 1; /* 让每个 li 占据可用空间的一部分 */
    margin: 0 5px; /* 每个 li 左右各有 5px 的间距，总间隔为 10px */
    height: 340px;
    box-sizing: border-box; /* 确保 padding 和 border 不影响宽度计算 */
}

.Citem ul li:last-child {
    margin-right: 0; /* 移除最后一个 li 的右边距 */
}

.Citem ul li .item_img {
    width: 100%;
    height: 80%;
    position: relative;
}

.Citem ul li .item_img img {
    display: block;
}

.Citem ul li .item_img .item_text {
    position: absolute;
    top: 40%;
    left: 5%;
    transform: translate(0%, -50%);
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    color: goldenrod;
    padding: 0 10px;
    font-size: 90px;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    filter: alpha(opacity=80);
    opacity: 0.80;
    margin: 0;
}

/*下面用于案例分享模块右边的文本*/
.Citem ul li.text-links { /* 为包含文本链接的 li 添加一个类 */
    padding: 20px; /* 可选，增加一些内边距 */
    display: flex; /* 使用 flexbox，但这里其实不需要，因为我们要竖向排列 */
    flex-direction: column; /* 如果是 flexbox，确保是竖向排列 */
}
 
.Citem ul li.text-links a {
    display: block; /* 使链接成为块级元素，以便竖向排列 */
    margin-bottom: 10px; /* 每条链接之间的间距 */
    text-decoration:underline; /* 可选，移除下划线 */
    color: #393737; /* 可选，设置链接颜色 */
	font-family: Arial, sans-serif; /* 设置字体 */
    font-size: 30px; /* 设置字体大小 */
}
 
.Citem ul li.text-links a:last-child {
    margin-bottom: 0; /* 去除最后一个链接的底部间距 */
}


/*案例分享-图片轮播*/
.dot-container {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.dot {
    height: 10px;
    width: 10px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

.dot.active {
    background-color: #717171;
}


.pro_list ul{
	float:left;
	width:800px;
	padding:10px 0 0 10px;}
	
.pro_list ul li{
	float:left;
	width:180px;
	color:#5E646A;
	margin:0 17px 15px 0;}
	
.pro_list ul li .pro_info font{ color:#000;}

/**************/
.hot , .psel{
	float:left;
	width:790px;}
	
.psel{background-color:#F1F0F0;}
	
.hot ul{
	float:left;
	width:100%;
	margin:6px 0;}
	
.hot ul li{
	float:left;
	margin-left:8px;}
	
.hot ul li img{
	float:left;}

.hot h3{}
.hot_info{
	float:left;
	width:84px;
	margin-left:4px;}
	
.hot_info p{
	line-height:15px;
	color:#5E646A;}
	
.hot_info .jg{
	margin:8px 0 20px 0;}
	
.qianggou , .qianggou2{
	height:22px;
	color:#fff;
	border:none;
	cursor:pointer;
	text-align:center;}

.qianggou{background-color:#D22020;}	
.qianggou2{background-color:#3F3F3F;}
	
.pop_num{
	width:42px;
	height:18px;
	border:1px solid #ccc;}
	
.m_30{ margin-left:30px;}
	
/*.psnav {
	float:left;
	width:97%;
	margin-left:10px;
	border-bottom:1px dotted #8D8D8D;}

.psnav b{
	float:left;
	color:#5E646A;
	line-height:33px;}
	
.psnav li{
	float:left;
	width:auto !important;
	width:1%;
	white-space:nowrap;
	padding:6px 0;
}

.psnav li a{
	display:block;
	padding:0 0 0 5px;
	text-decoration:none;
	margin:0 30px 0 0;
}

.psnav li span {
	display:block;
	height:23px;
	line-height:23px;
	padding:0 5px 0 0;
}

.psnav li a:hover, .psnav li.current a {
	background:url(images/pro_40.png) no-repeat 0 0;
}
.psnav li a:hover span, .psnav li.current span {
	background:url(images/pro_40.png) no-repeat right 0;
	cursor:pointer;
	color:#fff;
}*/
/*------------------------------------*/
.psel p{
	line-height:33px;
	float:left;}
	
.psel p a{
	float:left;
	width:110px; 
	height:23px;
	line-height:23px;
	padding-left:5px;
	background:url(images/list_07.png) no-repeat;
	margin-top:4px;
	text-align:left;}
	
.psnav ul{
	float:left;
	width:97%;
	margin-left:10px;
	border-bottom:1px dotted #8D8D8D;}
	
.psnav b , .psel p b{
	float:left;
	color:#5E646A;
	line-height:33px;}
	
.psnav li{
	float:left;
	width:auto !important;
	width:1%;
	white-space:nowrap;
	padding:5px 0;
}

.psnav li a, #pann li a {
	display:block;
	padding:0 0 0 5px;
	text-decoration:none;
	margin:0 10px 0 0;
}

.psnav li span {
	display:block;
	height:23px;
	line-height:23px;
	padding:0 5px 0 0;
}

.psnav li a:hover, .psnav li.current a {
	background:url(images/pro_40.jpg) no-repeat 0 0;
}
.psnav li a:hover span, .psnav li.current span {
	background:url(images/pro_40.jpg) no-repeat right 0;
	cursor:pointer;
	color:#fff;
}

.sort{
	float:left;
	width:770px;
	height:38px;
	line-height:38px;
	color:#666666;
	margin:10px 0 10px 8px;
	background-color:#F7F7F7;
	border:1px solid #DDDDDD}
	
.sort a{
	border:1px solid #CECBCE;
	padding:5px 12px;
	margin-right:10px;
	background-color:#fff;}

.sort .acur , .sort a:hover{
	background-color:#E4393C;
	border:1px solid #E4393C;
	color:#fff;}
	
.sort p img{
	vertical-align:middle;
	cursor:pointer;}
	
.pageCode{
	float:right; 
	line-height:23px;
	width:300px;}
	
.pageCode img , .pageCode p{
	float:left;}
	
.pageCode a{
	width:24px;
	height:23px;
	float:left;
	text-align:center;
	margin:0 5px;
	line-height:23px;
	background:url(images/list_23.png) no-repeat;}
	
.pageCode .a_cur{
	background:none;
	font-weight:bold;}
	
	
/******STAR**img*********/
.pageLeft , .pageLOver  {
	cursor: pointer; 
	width: 18px;
	height:120px; 
	float: left; 
	position:relative;
}

.pageRight, .pageROver {
    cursor: pointer;
    height: 120px;    
    position: relative;
    margin-top: -165px;
    width: 18px;
    /* 默认情况下不设置 margin-left，或者根据需要调整 */
}

.oneRight .pageRight, .oneRight .pageROver {
    /* 如果需要在 .oneRight 容器中靠右 */
    float: right;
    margin-left: 0; /* 确保没有多余的左边距 */
}

.pageLeft img, .pageLOver img, .pageRight img, .pageROver img {
    height: 100%; /* 设置 img 的高度为父元素高度的 80% */
    width: 100%; /* 可选：保持图片的宽高比 */   
}

.pageLeft2 , .pageLOver2 , .pageRight2 , .pageROver2 {cursor: pointer; height:10px; float: left; position:relative; margin-left:34px;}
.pageRight2 ,.pageROver2 { margin-top:0px; width:110px;  }
.pageLeft2 , .pageLOver2 { margin-top:0px;}


.box-163css{position:relative; width:930px; margin-top:20px; overflow: hidden; height: auto; }
.rexiaoPic {overflow: hidden; width:910px; height:164px; margin-left:15px; }

.box-163css2{
	position:relative; 
	width: calc(var(--width) - var(--pageLR_width)*2); /* 18 * 2 = 36 */
	height:calc(var(--pageLR_height));
	/*height:calc(var(--pageLR_height)+44px);*/
	overflow: hidden; 
	
}
.rexiaoPic2 {
	overflow: hidden; 
	width:100%; 
	/*height:calc(var(--pageLR_height)+40px); */
	height：100%;
	margin-left:4px; 
}

.Xbox-163css{position:relative; margin:2px 0 0 34px; float:left; width:110px; overflow: hidden; height:406px;}
/*.XrexiaoPic {overflow: hidden; width:110px; height:406px;}
*/
.sell_order {
    width: 9999px;
    position: absolute;
    overflow: hidden;
    left: 1px;
    top: -2px;
    height: 165px;
}

.rexiaoPic2 ul.sell_order {
    list-style-type: none; /* 移除列表项的点 */
    padding: 0;
    margin: 0;
    display: flex; /* 使用flex布局，使li元素横排显示（可选） */
    flex-wrap: wrap; /* 允许li元素换行（如果有多行） */
}

.rexiaoPic2 ul.sell_order li {
    margin-right: 20px;
    display: flex;
    flex-direction: column; /* 让图片和文字垂直排列 */
    align-items: center; /* 水平居中内容 */
    text-align: center; /* 确保文字本身也居中（可选，但通常是个好主意） */
}

.rexiaoPic2 ul.sell_order li img {
    width: 120px;
    height: 140px;
}

.rexiaoPic2 ul.sell_order li span {
    margin-top: 5px; /* 可选，为文字和图片之间添加一些间距 */
}

.youhui .yh_sell{
	float:left;
	width:100%;
	margin:1px 0;}	
	
.youhui .yh_sell li{
	float:left;
	width:114px;
	height:180px;
	border:1px solid #fff;
	margin-right:10px;}
	
.youhui .yh_sell li:hover{
	border:1px solid #D32626;
	background-color:#F1F0F0;
	padding:0 4px;}
	
.youhui .yh_sell li h4{ display:none;}
.youhui .yh_sell li:hover h4{ display:block;}

.sell_order  li{
	height:auto;
	float:left; }	
	
.rexiaoPic .sell_order  li{width:114px; margin-right:18px;}
.rexiaoPic2 .sell_order  li{ width:120px; margin-right:6px;}
	
.sell_order  li p , .Xsell_order  li p , .youhui .yh_sell li p{
	line-height:25px;}
	
.sell_order  li img{
	margin-bottom:5px;}
	
.youhui .yh_sell li h4 a{
	font-size:12px;
	width:80px;
	height:20px;
	line-height:20px;
	float:right;
	margin-top:9px;
	margin-right:-4px;
	font-weight:lighter;
	text-align:center;
	color:#fff;
	background-color:#D22020;}	
	
.sell_jia{float:left; margin:35px 20px 0 15px;}

	
.Xsell_order {
    width:110px; position: absolute; overflow:hidden;}	
	
.Xsell_order  li{
	width:110px;
	height:136px;
	float:left; }
	
.Xsell_order  li p{ text-align:center; color:#3F3F3F;}
	
.chakan{
	margin-top:20px;
	font-size:14px;
	color:#5E646A;}

.chakan a{
	font-size:12px;}	
	
.ftop{
	float:left;
	width:100%;
	height:50px;
	background-color:#F1F0F0;
	text-align:center;}
	
.ftop a img{ margin-top:18px;}


/********login**************/
.login{
	margin:50px auto;
	width:860px;
	height:420px;
	color:#696969;
	background:url(images/login_bg.jpg) no-repeat;}
	
.login_left{
	float:left;
	width:410px;
	height:300px;
	margin:50px 0 0 80px;
	font-size:14px;
	border-right:1px solid #E5E5E5;}
	
.login_right{
	float:left;
	margin:110px 0 0 30px;
	color:#696969;
	line-height:20px;}
	
.zc_btn , .zc_btn2{
	height:45px;
	text-align:center;
	color:#fff;
	font-size:18px;
	font-family:Microsoft YaHei;
	border:none;
	cursor:pointer;
	margin-top:10px;}
	
.zc_btn2{ width:91px; background:url(images/btn_18.png) no-repeat; margin-left:50px;}
.zc_btn{width:127px; background:url(images/btn_20.png) no-repeat;}
	
.login_left p , .zc_left p{
	margin-top:20px; }
	
.zc_text{
	width:255px;
	height:43px;
	background:url(images/input_11.png) no-repeat;
	border:none;
	color:#D9D9D9;
	padding:0 5px;
	font-size:14px;}
	
.zc_left{
	float:left;
	font-size:14px;
	margin:0 0 0 100px;}
	
.zc_p{
	float:right;
	text-align:right;
	width:100%;
	margin:30px 190px 0 0;}
	
.zc_right{
	float:left;
	margin:20px 0 0 20px;
	border:1px solid #A5ACB2;
	height:258px;
	width:290px;
	line-height:20px;
	padding:5px;
	color:#5E646A;
	overflow-y:scroll}
	
.zc_cbox{
	vertical-align:middle;
	margin-left:65px;}
	
/****cart****/
.cart_box{
	float:left;
	width:998px;
	margin-bottom:20px;
	background:url(images/cart_04.jpg) repeat-y;
	border-top:1px solid #F1F0F0;}
	
.box_bottom{
	width:100%;
	float:left;
	height:31px;
	background:url(images/cart_05.jpg) no-repeat center bottom;}
	
.cart_p , .cart_h3{
	width:100%;
	margin:25px 0 0 25px;}
	
.cart_tab{
	float:left;
	width:945px;
	margin:10px 0 0 25px;
	border:1px solid #AAAAAA;}

.cart_tab tr td a , .cart_info a{ color:#000;}
	
.cart_tab thead tr {
	height:40px;
	line-height:40px;
	background-color:#F3F3F3}
	
.cart_tab thead tr th{border-bottom:1px solid #CCC;}
	
.cart_tab tr td{
	line-height:25px;
	border-bottom:1px solid #E8E8E8;
	vertical-align:middle;}
	
.cart_tab tr td img{
	vertical-align:middle;
	margin:4px 10px 4px 0;}
	
.cart_num a{
	border:1px solid #8B8C90;}
	
.cart_num input{
	width:35px;
	height:20px;
	line-height:20px;
	text-align:center;
	border:1px solid #929292;
	margin:0 5px;}
	
.cart_info{
	float:left;
	width:550px;
	margin:15px 0 0 35px;}
	
.cart_info p{
	line-height:30px;}
	
.cart_info p .dw{
	width:300px;
	height:30px;
	padding-left:5px;
	border:1px solid #A7ABAE;
	font-size:14px;
	color:#646464}
	
.cart_zj{
	float:left;
	margin-top:15px;
	width:384px;
	text-align:right;}
	
.cart_zj ,.cart_zj a{
	font-size:14px;}
	
.cart_zj p{
	float:right;
	width:100%;
	line-height:30px;
	color:#000;
	font-size:12px;}
	
.cart_zj p select{
	width:100px;}
	
.cart_zj p span{
	width:60px; float:right;}
	
.cart_zj h3{font-size:16px;}
	
.cart_zj h3 b{
	font-size:30px;
	font-family:Arial;}
	
.gwc{
	padding:5px 10px;
	line-height:20px;
	background-color:#D22020;
	color:#fff;
	font-size:12px;
	text-align:center;}
	
.cart_no{ color:#C5C5C5; cursor:default;}

.liucheng , .zhanghu , .pro_item {
	float:left;
	width:100%;
	margin:20px 0;}
	
.order_ok{
	float:left;
	width:100%;
	line-height:30px;
	margin-left:80px;}
	
.order_ok h3{
	font-weight:lighter;
	margin-top:10px;}
	
.order_ok  p a{
	text-decoration:underline;
	margin-right:30px;
	color:#000;}
	
.zfb , .sjr_info{
	float:left;
	width:100%;
	margin:15px 0 0 25px;}
	
.zfb img , .sjr_info p input{ border:1px solid #ccc; margin-right:10px;}

.sjr_info p{
	font-size:14px;	color:#646464}
	
.sjr_info p input{
	height:32px;
	padding-left:10px;
	margin-bottom:10px;
	color:#646464}
	
.zhanghu h1{
	color:#D9D9D9;
	font-size:32px;
	font-family:Microsoft YaHei}
	
.zhanghu p{
	line-height:25px;
	color:#D22020;}
	
.zhanghu ul{
	float:left;	width:1010px;}
	
.zhanghu ul li{
	float:left;
	height:180px;
	width:180px;
	border:1px solid #D9D9D9;
	margin:20px 20px 0 0;} 
	
.zhanghu ul li a{
	width:180px;
	float:left;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	line-height:180px;
	color:#D9D9D9;
	font-family:Microsoft YaHei}
	
.zhanghu ul .zh_cur , .zhanghu ul li:hover{ background-color:#D9D9D9;}
.zhanghu ul .zh_cur a ,.zhanghu ul li:hover a{ color:#525252}

.youhui_cart{
	width:100%;
	float:left;
	height:40px;
	line-height:40px;
	background-color:#F1F0F0;}
	
.youhui_cart p{
	float:left;
	font-size:14px;
	color:#3F3F3F;}
	
.youhui_cart .num{ margin-top:5px;}
	
/*.pro_img{
	float:left;
	width:400px;
	height:465px;}*/
.preview{width:400px; height:465px; float:left;}
/* smallImg */
.smallImg{position:relative; height:52px; margin-top:1px; background-color:#F1F0F0; padding:6px 5px; width:390px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
/*.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(images/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}*/

#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:400px; height:400px; overflow:hidden;}
.bigImg #midimg{width:400px; height:400px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; margin-left:-14px; margin-top:200px; overflow: hidden; z-index:999;}
#bigView img{position:absolute; width:680px; height:680px;}
	
.pro_itemInfo{
	float:left;
	width:382px;
	height:445px;
	line-height:30px;
	color:#3F3F3F;
	padding:20px 0 0 20px;
	background-color:#FBFAFA;}
	
.tuijian{
	float:left;
	width:180px;}
	
.pro_title{
	line-height:22px;
	font-size:14px;}
	
#ckepop{vertical-align:middle; width:380px; float:left; margin-bottom:5px;}
#ckepop a{ float:left;}
	
.pro_ID{
	float:left;
	width:100%;}
	
.pro_ID ul li{
	float:left;
	width:150px;
	margin-right:10px;}
	
.jg48 b{font-size:32px;}
	
.jg48 b span{ font-size:48px; font-family:Microsoft YaHei; font-weight:lighter;}
.jg48 font{ color:#000; text-decoration:line-through; font-size:16px; font-family:Microsoft YaHei;}

.cart_btn , .scj_btn , .youhui_btn{
	height:40px;
	border:none;
	cursor:pointer;}
	
.cart_btn , .scj_btn{
	width:148px;
	margin:10px 0 20px 0;}
	
.cart_btn{background:url(images/d_07.png) no-repeat left center;}	
.scj_btn{background:url(images/d_07.png) no-repeat right center;}
.youhui_btn{ width:162px; background:url(images/d_003.png) no-repeat;}

.jiesuan{
	width:295px;
	height:25px;
	line-height:25px;
	text-align:center;
	border:1px solid #ccc;
	background-color:#fff;}
	
.num{
	width:105px;
	height:29px;
	float:left;
	background:url(images/d_11.png) no-repeat;}
	
.num a{
	width:25px;
	float:left;
	text-indent:-999px;}
	
.num  input{
	float:left;
	width:48px;
	height:26px;
	line-height:29px;
	text-align:center;
	border:none;
	background:none;}
	
.pro_cs{
	float:left;
	width:100%;
	background-color:#FBFAFA;}
.pro_cs p{
	font-size:14px;
	line-height:25px;
	margin-left:20px;}
	
#syzpTab{
	float:left;
	width:790px; 
	margin:15px 0 0 2px;}
	 
/*#syzpTab .stitle{
	float:right; display:block; position:relative; z-index:1000;
	width:208px; height:29px; 
	margin-top:-53px;}*/

#syzpTab .stitle li{  
	float:left;  display:block;
	width:119px;
	text-align:center;
	margin-right:4px; 
	height:36px;	
    color:#fff; 
	line-height:36px; 
	background:url(images/d_31.png) no-repeat right top;}	 
	
#syzpTab .stitle li.select{ 
  color:#5E646A;
  background:url(images/d_31.png) no-repeat left top;}
  
#syzpTab .stitle li:hover{ cursor:pointer} 
  
#syzpTab .sycon{ 
	position:relative; 
	float:left;
	width:790px;
	background-color:#F1F0F0;}
	
#syzpTab .sycon .showHideTitle{ 
	float:left; 
	overflow:hidden;
	width:790px; }
	
/*QQ*/
.qqbox A:link {
	COLOR: #000; TEXT-DECORATION: none
}
.qqbox A:visited {
	COLOR: #000; TEXT-DECORATION: none
}
.qqbox A:hover {
	COLOR: #f80000; TEXT-DECORATION: underline
}
.qqbox A:active {
	COLOR: #f80000; TEXT-DECORATION: underline
}
.qqbox {
	POSITION: absolute; WIDTH: 110px; LETTER-SPACING: 0px; HEIGHT: auto; COLOR: #000000; FONT-SIZE: 12px; OVERFLOW: hidden; TOP:40px; RIGHT: 0px; 
}
.qqlv {
	POSITION: relative; WIDTH: 100px; background-color:#F1F0F0; FLOAT: right; min-height:100px; OVERFLOW: hidden; z-index:1000;
}

.qqlv  ul{
	width:92px;
	margin:0 auto;}
	
.qqlv  ul li{
	float:left;
	width:92px;
	height:92px;
	margin-bottom:1px;}
	
.qqlv a p{float:left; width:100px; height:140px; background:url(images/main_16.png) no-repeat center top;}
.qqlv label{ margin:28px 0 0 52px; width:26px; height:20px; text-align:center; float:left; color:#d22020;}

.qqlv table{
	z-index:1000;
	position:relative;}