﻿@charset "utf-8";
/* 
   注意事项:
   css样式以类别选择器为主
   层次结构要清晰,级别深度控制在三层以内
   样式命名规则为小写,可结合"_"使用
   浏览器兼容规则  火狐(默认)-->ie7(以*开头)-->ie6(以_开头)
*/
body { background:#e9eaea; margin:0; padding:0;}
.clear{content:".";display:block;height:0;clear:both;visibility:hidden}

#warp { margin:0 auto;width:1016px;}
.wrap { margin:0 auto; width:1016px; height:auto; background:url(../images/bg.jpg) repeat-y }


.top_login{ width:1002px; margin:0 0 0 8px; color:#646464; display: block; clear:both; padding:6px 0;}
.top_login .time{ float: left; margin:0 0 0 5px; line-height:21px;}
.login{ float:right}
.login span{ padding:0 5px;float:left}
.login input[type="text"]{ background:#ffffff; border:1px solid #dddddd; line-height:17px; height:17px; width:86px; padding:0 3px; outline: none;}
.login input[type="password"]{ background:#ffffff; border:1px solid #dddddd; line-height:17px; height:17px; width:86px; padding:0 3px; outline: none;}
.login input[type="submit"]{ background:url(../images/btn_bg.jpg) repeat-x;border:0; color:#ffffff; line-height:20px; height:20px; width:45px; cursor: pointer; outline: none;}
.login a { background:url(../images/btn_bg.jpg) repeat-x;border:1px solid #dddddd; color:#ffffff; line-height:20px; height:20px; width:45px;display:inline-block;text-align:center}
.login a.reg{ background:url(../images/btn_bg.jpg) repeat-x;color:#ffffff; line-height:20px; height:20px; width:45px;display:inline-block;text-align:center}
/* 顶部新媒体icon */
.xmticon{float: left;}
.wbicon{      
                margin-left:20px;
		float: left;
		display: block;
		width: 25px;
		height: 21px;
	}
	.wxicon{
                margin-left:20px;
		float: left;	
		width: 25px;
		height: 21px;
		position: relative;
                z-index:9999; 
	}
	#wximg{
		border: 1px solid red;	
		position: absolute;
		top: 30px;
		left: -48px;
                display: none;
                z-index:9999; 
	}
/* 首页头部样式 */
.header {margin:0 0 0 8px;width:1002px;height:166px; position:relative;z-index:999;}
h1.logo { width:188px; height:69px; position:absolute; left:19px; top:36px; z-index:999;}
.head_right { float:right; width:270px; height:93px; padding-top:21px; margin:0 18px 0 0;text-align:right}
.head_right .language{color:#666666}
.head_right .language span{ margin:0 14px; }

.header .search { width:239px; height:28px;margin:25px 10px 0 0;float:right; border:1px solid #dddddd}
.header .search .text { color:#cccccc; width:173px; line-height:28px;  height:28px; border:0; padding:0 3px; float:left;  font-size:12px; outline: none;}
.header .search .sub { background:url(../images/btn_bg.jpg) repeat-x; width:60px; height:28px; color:#ffffff; font-weight:bold; border:0; cursor:pointer; float:left; outline: none; }


/* 导航菜单 */
.menu { width:1002px; height:52px; margin:0 auto 0 auto; background:url(../images/nav/menu.jpg) repeat-x; float:left }
ul.mainNav { width:auto;height:52px; margin:0 auto; }
ul.mainNav li { position:relative; z-index:9999; float:left; width:111px; height:52px; float:left; }
ul.mainNav li a { float:left; display:block; width:100%; height:100%; text-indent:-9999px; }
ul.mainNav li ul { background:#ffffff;width:170px; display:none; position:absolute; top:52px; left:0; z-index:9999; margin:0; padding:0 0 18px 0; }
ul.mainNav li ul li { width:145px; height:45px; line-height:45px; padding:0 12px;}
ul.mainNav li ul li a { background:url(../images/icon/i1.jpg) 10px 19px no-repeat;  font-size:14px; text-indent:0; color:#4c4c4c;padding:0 0 0 25px; width:121px; border-bottom:1px dashed #d3d3d3; }
ul.mainNav li ul li a:hover { color:#d43328;}

ul.mainNav li.home { background:url(../images/nav/nav_home.jpg) no-repeat; }
ul.mainNav li.about { background:url(../images/nav/nav_about.jpg) no-repeat;}
ul.mainNav li.product { background:url(../images/nav/nav_product.jpg) no-repeat;}
ul.mainNav li.service { background:url(../images/nav/nav_service.jpg) no-repeat;}

ul.mainNav li.case { background:url(../images/nav/nav_case.jpg) no-repeat;}
ul.mainNav li.video { background:url(../images/nav/nav_video.jpg) no-repeat;}
ul.mainNav li.download { background:url(../images/nav/nav_download.jpg) no-repeat;}
ul.mainNav li.news { background:url(../images/nav/nav_news.jpg) no-repeat;}
ul.mainNav li.contact { background:url(../images/nav/nav_contact.jpg) no-repeat;}

ul.mainNav li.activeNav, ul.mainNav li.current { background-position:left bottom; }

ul.mainNav li.about ul {width:338px;}
ul.mainNav li.product ul {width:338px;}

/*栏目*/
.index_column{ margin:20px 0 0 0;}
.index_column_top{ background:url(../images/index_column_top.jpg) no-repeat; width:958px; height:10px; }
.index_column_main{ background:url(../images/index_column_main.jpg)  repeat-y; width:958px; height:auto; }
.index_column_bottom{background:url(../images/index_column_bottom.jpg) no-repeat; width:958px; height:10px;}

.index_column1{ float:left; width:130px;background:url(../images/index_column.jpg) right 35px no-repeat; padding:0 18px 0 0}
.index_column2{ float:left; width:130px;background:url(../images/index_column.jpg) right 35px no-repeat; padding:0 18px 0 0}
.index_column3{ float:left; width:226px;background:url(../images/index_column.jpg) right 35px no-repeat; padding:0 18px 0 0}

.index_column_contact{ float:left; width:400px;background:url(../images/index_column_contact.jpg) right 33px no-repeat; min-height:242px;}
.index_column_contact h3{ width:173px;}
.index_column_main { padding:3px 8px 23px 8px;}
.index_column_main h3{ color:#d32619; font:18px/24px "微软雅黑"; border-bottom:1px solid #eaeaea; padding:6px; margin:0 0 15px 0}

.index_column_main ul{ margin:0;min-height:183px;}
.index_column_main ul li{ border-bottom:1px dashed #d2d4d4; line-height:35px;}
.index_column_main ul li a{ background:url(../images/icon/i2.jpg) 6px 0 no-repeat; color:#606060; padding:0 0 0 22px;}
.index_column_main ul li a:hover{ color:#d32619;background:url(../images/icon/i3.jpg) 6px 0 no-repeat}

.index_column_contact_content{ line-height:24px; padding-left:4px;color:#606060}

.index_column_contact_content .more{ background:url(../images/icon/more_btn.jpg) no-repeat; color:#FFFFFF; display:block; width:80px; height:27px; line-height:27px; text-align:center; float:left; margin:10px 16px 0 0}

.index_column_contact_content .more1{ background:url(../images/icon/more_btn1.jpg) no-repeat; color:#FFFFFF; display:block; width:100px; height:27px; line-height:27px; text-align:center; float:left; margin:10px 16px 0 0}

/* 首页页脚样式 */
.index_footer { width:1010px;padding:0 0 0 0; color:#999999;  font-size:12px; margin:0 auto; clear:both; overflow:hidden; }
.index_footer .foot { color:#606060; text-align:center; background:url(../images/footbg.jpg) top center no-repeat; line-height:35px; padding:45px 0 40px 0;}
.index_footer .foot a { color:#2f2f2f; }
.chengxintong { padding-left:40px;}


/* 子页页脚样式 */
.sub_footer { width:1016px;padding:0 0 0 0; color:#999999;  font-size:12px; margin:0 auto; clear:both; overflow:hidden; }
.sub_footer .foot { color:#606060; text-align:center; background:url(../images/footbg1.jpg) 3px top no-repeat; line-height:35px; padding:45px 0 40px 0;}
.sub_footer .foot a { color:#2f2f2f; }



/* 子页左侧菜单导航 */
.zq-mleft{ float:left; width:220px; border:1px solid #ebebeb; padding:2px; margin:0 0 0 10px;}
.zq-mleft h3{ background:url(../images/left_title.jpg) no-repeat; color:#ffffff;font-family:"微软雅黑"; font-size:20px; text-align:center; height:48px; line-height:39px;}
ul.subNav { margin:0 auto; padding:5px 0 15px 0; width:193px; }
ul.subNav li { width:193px; }
ul.subNav li a { background:url(../images/left_list.jpg) 0 bottom no-repeat;padding:0 0 0 52px;line-height:34px;display:block; color:#5f6160;}
ul.subNav li.hover,
ul.subNav li.over { color:#d22114; font-size:12px; }

ul.subNav li.over a { color:#ed3636 }
ul.subNav li a:hover { color:#d22114}
ul.subNav li.over ul{display:block;}
ul.subNav li.over ul li ul {display:none;}

ul.subNav li ul li.over ul{display:block;}

ul.subNav li ul li ul li.over ul{display:block;}

ul.subNav li ul { width:164px; padding:5px 0 0px 30px;display:none; }
ul.subNav li ul li { margin:0; padding:0; line-height:28px; width:164px;}
ul.subNav li ul li a,ul.subNav li.over ul li a{ background:url(../images/icon/i4.jpg) 20px 14px no-repeat;padding:0 0 0 30px;line-height:28px;display:block; color:#5f6160; }
ul.subNav li ul li a:hover { color:#ed3636; font-size:12px; }


ul.subNav li ul li ul{width:134px; padding:0 0 0px 30px;display:none;}
ul.subNav li ul li ul li{ margin:0; padding:0; line-height:28px; width:130px;}
ul.subNav li ul li ul li a,ul.subNav li.over ul li ul li a{ background:url(../images/icon/i5.jpg) 10px 14px no-repeat;padding:0 0 0 22px;line-height:28px;display:block; color:#5f6160; }

/* 分页 */
.pages { margin:30px auto 0px auto; text-align:center; clear:both; overflow:hidden; color:#999999; }
.pages a { color:#999999; }

/*QQ*/
.xuanqq { position:fixed; _position:absolute; left:0px; _left:0px; top:100px; z-index:9999; }
.qqBox { width:163px; height:auto; min-height:250px; _height:250px; overflow:hidden;}
.qqBox h2 { float:left; width:38px; height:133px; text-indent:-999px; background:url(../images/qq/zixun_bg.gif) no-repeat; cursor:pointer }
.qqBox .qqCon { display:none; float:left; width:128px; height:395px;background:url(../images/qq/qqCon_bg.gif) no-repeat; }


.qqBox ul.qqList { margin:75px auto 0 auto; width:108px;}
.qqBox ul.qqList li { padding:0 5px; width:98px; height:32px; line-height:32px;border-bottom:1px dashed #dbdbdb}
.qqBox ul.qqList li img{vertical-align:middle}
.qqBox ul.qqList li span { margin:0 0 0 20px; }

.qqBox .bdsharebuttonbox{margin:25px 0 0 10px;}
.qqBox .code{margin:0 auto;width:100px}
.qqBox .code img{width:100px;height:100px;}
.qqBox .code span { display:block;text-align:center; line-height:24px;color:#797979}
.qqBox a.close { background:url(../images/qq/zixun_bg.gif) no-repeat; width:38px; height:133px;display:none; text-indent:-9999px; position:absolute; left:128px; top:68px; z-index:9999; }