@charset "utf-8";
/*---------ҳ begin-------------*/
*{ padding:0; margin:0}
body{ padding:0px; margin:0px auto; font-size:12px; line-height:18px; color:#787777; font-family:Arial, Helvetica, sans-serif, "宋体";width: 100%; min-width:1170px; width:expression((documentElement.clientWidth < 1170) ? "1170px" : "100%" );zoom:1; position:relative; background:#fff;}
ul,li,form, dl,dt, dd, div { padding: 0px; margin: 0px; }
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
font,select,input,em{ font-size:12px; font-style:normal;}
ul{ list-style-type: none; }
img{ border:none; border:0;}
a{ text-decoration:none;noline: expression(this.onFocus=this.blur());color:#555555;font-family:Arial, Helvetica, sans-serif;}
a:focus {outline:none;-moz-outline:none;}
a:hover{ color:#0a51a1; text-decoration:none;}
.clear{ clear:both; overflow:hidden; height:0px;}
.mid{ width:1170px; margin:0 auto; overflow:hidden; clear:both;}
.mid2{ width:1170px; margin:0 auto; position:relative; clear:both; z-index:9;}
.blue{ color:#0a51a1; font-weight:normal;}
.Green{ color:#0a51a1;}
/*---------ҳ end-------------*/

/* top */
.ewm{ position:fixed; left:0; top:50%; z-index:99; display:none;}
.top{ height:150px; position:relative; z-index:10;}
.logo{ background:url(../images/logo.jpg) no-repeat left center; position:absolute; left:0; top:0; width:820px; height:100px;background-size: contain}

/* search */

.search{ height:29px; position:absolute; right:130px; top:36px; z-index:2; overflow:hidden;}
.search input{ background:url(../images/search_bg.jpg) no-repeat; width:125px; padding-left:15px; font:normal 14px/29px  "微软雅黑"; color:#898989;border:0; height:29px; display:block; float:left;}
.search .button{ width:40px; height:29px; display:block; padding:0; border:0; background:url(../images/search_btn.jpg) no-repeat; cursor:pointer;}

/* search end */


/* menu */
.menu{ background:#0a51a1; position:absolute; left:0; top:100px; width:1140px; padding:0 15px; height:50px; z-index:20;}
.menu ul li{ float:left; text-align:center; height:50px; position:relative;}
.menu ul li a{ display:block; float:left; padding:0 30px; height:50px; font:normal 18px/50px "微软雅黑"; color:#fff;}
.menu ul li a:hover,.menu ul li.hover a{ background:#92cded; color:#000;}

.menu ul li:hover .nav_menu{ display:block;}

.menu ul li .nav_menu{ background:#92cded; position:absolute; top:50px; left:0; width:300px; padding:0; display:none;}
.menu ul li .nav_menu li{ width:260px; height:40px; text-align:left;}
.menu ul li .nav_menu li a{ display:block; width:240px; height:39px; border-bottom:solid 1px #bde7fd; font:normal 13px/40px "微软雅黑"; color:#000;}
.menu ul li .nav_menu li a:hover,.menu ul li .nav_menu li.hover a{ background:0; font-weight:bold;}

.menu ul li:hover .pro_menu{ display:block;}

.menu ul li .pro_menu{ background:#92cded; position:absolute; top:50px; left:0; width:416px; padding:8px 0 0 8px; display:none; overflow:hidden;}
.menu ul li .pro_menu li{ background:#fff; width:200px; height:50px; text-align:left; float:left; margin-bottom:8px; margin-right:8px;}
.menu ul li .pro_menu li a{ background:#fff; display:block; width:180px; height:50px; padding:0 10px; font:normal 14px/50px "微软雅黑"; color:#000;}
.menu ul li .pro_menu li a:hover{ background:#92cded; color:#fff;}
.menu ul li .pro_menu li a img{ float:right; vertical-align:middle; margin-top:6px;}

/* menu end */

/* top end */

/* banner */

.banner{ width:1170px; height:250px; margin:0 auto; overflow:hidden;}

		.slideBox{ width:1170px; height:250px; position:relative; overflow:hidden;}
		.slideBox .prev{ display: block; width: 45px; height: 75px; position: absolute;top:100px;right:0;background: url(../images/prev.png) no-repeat;}
		.slideBox .next{ display: block; width: 45px; height: 75px; position: absolute;top:100px;left:0;background: url(../images/next.png) no-repeat;}
		
		.slideBox .bd{ width:1170px; position:relative; height:250px; z-index:0;}
		.slideBox .bd li{ width:1170px; zoom:1; height:250px; vertical-align:middle;}		
		.slideBox .bd li a{ display:block; width:1170px; height:250px;}

/* banner end */

/* content */

.content{ padding:10px 0; font:normal 12px/24px "微软雅黑"; color:#333; overflow:hidden;}

.Product{ width:780px; height:360px; border:solid 1px #dedede; float:left; margin-right:10px; margin-bottom:10px; overflow:hidden;}
.Product .title{ background:#f5f5f5; width:780px; height:38px; border-bottom:solid 1px #dedede; overflow:hidden;}
.Product .title span{ background:#0a51a1; display:block; width:6px; height:6px; margin:16px 10px 16px 18px; float:left;}
.Product .title h1{ font:bold 16px/38px "微软雅黑"; color:#0a51a1; float:left;}
.Product .title a{ font:normal 10px/40px Arial; color:#0a51a1; float:right; padding-right:18px;}

.Product .con{ font:normal 14px/38px "微软雅黑"; color:#333; padding:12px 14px; overflow:hidden;}
.Product .con a{ display:block; width:182px; height:144px; float:left; margin-right:8px; margin-bottom:8px; overflow:hidden;}
.Product .con a .pic{ background:#f5f5f5; padding:4px; border:solid 1px #dedede; overflow:hidden;}
.Product .con a .pic img{ background:#fff; border:solid 1px #dedede;}
.Product .con a span{ display:block; background:#fff; width:176px; height:30px; text-align:center; font:normal 14px/30px "微软雅黑"; color:#333;}
.Product .con a:hover .pic{ background:#00bfff; padding:4px; border:solid 1px #00bfff;}
.Product .con a:hover img{ border:solid 1px #00bfff;}
.Product .con a:hover span{ color:#00bfff;}


.fangan{ width:376px; height:360px; border:solid 1px #dedede; float:right; margin-bottom:10px; overflow:hidden;}
.fangan .title{ background:#f5f5f5; width:376px; height:38px; border-bottom:solid 1px #dedede; overflow:hidden;}
.fangan .title span{ background:#0a51a1; display:block; width:6px; height:6px; margin:16px 10px 16px 18px; float:left;}
.fangan .title h1{ font:bold 16px/38px "微软雅黑"; color:#0a51a1; float:left;}
.fangan .title a{ font:normal 10px/40px Arial; color:#0a51a1; float:right; padding-right:18px;}

.fangan .con{ font:normal 14px/38px "微软雅黑"; color:#333; padding-top:1px; overflow:hidden;}
.fangan .con a{ background:#fff; border-top:dotted 1px #e0e0e0; padding:0 20px; font:normal 14px/39px "微软雅黑"; color:#333; display:block; overflow:hidden;}
.fangan .con a:hover{ background:#d8f1ff; font-weight:bold;}
.fangan .con a.none{ border:0;}

.About{ width:384px; height:200px; border:solid 1px #dedede; float:left; margin-right:10px; margin-bottom:10px; overflow:hidden;}
.About .title{ background:#f5f5f5; width:384px; height:38px; border-bottom:solid 1px #dedede; overflow:hidden;}
.About .title span{ background:#0a51a1; display:block; width:6px; height:6px; margin:16px 10px 16px 18px; float:left;}
.About .title h1{ font:bold 16px/38px "微软雅黑"; color:#0a51a1; float:left;}
.About .title a{ font:normal 10px/40px Arial; color:#0a51a1; float:right; padding-right:18px;}

.About .con{ font:normal 12px/20px "微软雅黑"; color:#333; padding:18px; overflow:hidden;}

.zhishi{ width:384px; height:200px; border:solid 1px #dedede; float:left; margin-bottom:10px; overflow:hidden;}
.zhishi .title{ background:#f5f5f5; width:384px; height:38px; border-bottom:solid 1px #dedede; overflow:hidden;}
.zhishi .title span{ background:#0a51a1; display:block; width:6px; height:6px; margin:16px 10px 16px 18px; float:left;}
.zhishi .title h1{ font:bold 16px/38px "微软雅黑"; color:#0a51a1; float:left;}
.zhishi .title a{ font:normal 10px/40px Arial; color:#0a51a1; float:right; padding-right:18px;}

.zhishi .con{ font:normal 14px/38px "微软雅黑"; color:#333; padding-top:1px; overflow:hidden;}
.zhishi .con a{ background:#fff; border-top:dotted 1px #e0e0e0; padding:0 20px; font:normal 14px/39px "微软雅黑"; color:#333; display:block; overflow:hidden;}
.zhishi .con a:hover{ background:#d8f1ff; font-weight:bold;}
.zhishi .con a.none{ border:0;}

.cpzl{ width:380px; height:122px; float:right; overflow:hidden;}

.Contact{ width:376px; height:284px; border:solid 1px #dedede; float:right; margin:10px 0; overflow:hidden;}
.Contact .title{ background:#f5f5f5; width:376px; height:38px; border-bottom:solid 1px #dedede; overflow:hidden;}
.Contact .title span{ background:#0a51a1; display:block; width:6px; height:6px; margin:16px 10px 16px 18px; float:left;}
.Contact .title h1{ font:bold 16px/38px "微软雅黑"; color:#0a51a1; float:left;}
.Contact .title a{ font:normal 10px/40px Arial; color:#0a51a1; float:right; padding-right:18px;}

.Contact .con{ font:normal 14px/25px "微软雅黑"; color:#000; height:230px; padding:8px 10px; position:relative; overflow:hidden;}
.Contact .con img{ position:absolute; bottom:10px; right:54px;}

.zuixin{ width:780px; height:204px; border:solid 1px #dedede; float:left; margin-right:10px; margin-bottom:10px; overflow:hidden;}
.zuixin .title{ background:#f5f5f5; width:780px; height:38px; border-bottom:solid 1px #dedede; overflow:hidden;}
.zuixin .title span{ background:#0a51a1; display:block; width:6px; height:6px; margin:16px 10px 16px 18px; float:left;}
.zuixin .title h1{ font:bold 16px/38px "微软雅黑"; color:#0a51a1; float:left;}
.zuixin .title a{ font:normal 10px/40px Arial; color:#0a51a1; float:right; padding-right:18px; display:none;}

.zuixin .con{ font:normal 14px/30px "微软雅黑"; color:#333; padding:12px 15px; overflow:hidden;}
.zuixin .con a{ display:block; width:182px; height:144px; float:left; margin-right:8px; margin-bottom:10px; overflow:hidden;}
.zuixin .con a .pic{ background:#f5f5f5; padding:4px; border:solid 1px #dedede; overflow:hidden;}
.zuixin .con a .pic img{ background:#fff; border:solid 1px #dedede;}
.zuixin .con a span{ display:block; background:#fff; width:176px; height:30px; text-align:center; font:normal 14px/30px "微软雅黑"; color:#333;}
.zuixin .con a:hover .pic{ background:#00bfff; padding:4px; border:solid 1px #00bfff;}
.zuixin .con a:hover img{ border:solid 1px #00bfff;}
.zuixin .con a:hover span{ color:#00bfff;}

/* bottom */

.bottom{ height:110px; font:normal 14px/56px "微软雅黑"; color:#000;}

.bottom_huoban{ height:56px; text-align:center; overflow:hidden;}
.bottom_huoban a{ font:normal 14px/56px "微软雅黑"; color:#000; padding:0 10px; overflow:hidden;}

.bottom .bg{ background:#323232; height:50px; font:normal 12px/50px "微软雅黑"; color:#fff; overflow:hidden;}

.bottom_link{ float:left;}
.bottom_link a{ background:url(../images/line.jpg) no-repeat right center; display:block; padding-right:16px; font:normal 12px/50px "微软雅黑"; color:#fff;  float:left; margin-right:10px; overflow:hidden;}

.bottom_banquan{ float:right; font:normal 12px/50px "微软雅黑"; color:#fff;}
.bottom_banquan a{ font:normal 12px/50px "微软雅黑"; color:#fff;}

/* bottom end */

/* i_content */
.i_content{ font:normal 12px/24px "微软雅黑"; color:#333; min-height:540px; overflow:hidden;}

/* i_left */

.i_left{ float:left; width:296px; padding-top:50px; overflow:hidden;}
.i_left .title{ background:url(../images/i_left_title.jpg) no-repeat; width:296px; height:70px; text-align:center; overflow:hidden;}
.i_left .title h1{ font:normal 18px "微软雅黑"; color:#fff; padding-top:16px;}
.i_left .title span{ font:normal 10px/18px Arial; color:#fff;}

.i_left ul{ width:294px; border:solid 1px #ebebeb; overflow:hidden;}
.i_left ul li{ width:294px;}
.i_left ul#pro li{ background:url(../images/sanjiao.png) no-repeat 260px center;}
.i_left ul li a{ background:#d8f1ff; padding:0 24px; width:246px; height:38px; border-top:solid 1px #aae1ff; display:block; font:normal 14px/40px "微软雅黑"; color:#000; overflow:hidden;}
.i_left ul li a:hover,.i_left ul li a.hover{ background:#ffffa9; border-top:solid 1px #ebebeb;}
.i_left ul li:hover .submu{ display:block;}

.i_left ul li .submu{ display:none; width:296px; border:0;}
.i_left ul li .submu li{ width:296px;}
.i_left ul li .submu li a{ background:#fff; height:39px; display:block; font:normal 14px/40px "微软雅黑"; color:#000; }
.i_left ul li .submu li a:hover,.i_left ul li ul.submu li.hover a{ background:#ffffa9; border-top:solid 1px #aae1ff;}

.i_left ul li ul.submu li.hover .navmenu li a{ background:#fff; color:#000;}

.i_left .submu li:hover .navmenu,.i_left .submu li.hover .navmenu{ display:block;}
.i_left .submu .navmenu{ display:none;}
.i_left .submu .navmenu li{ width:296px;}
.i_left .submu .navmenu li a{ background:#fff; padding:0; padding-left:40px; width:256px; height:34px; display:block; font:normal 14px/34px "微软雅黑"; color:#000; }
.i_left .submu .navmenu li a:hover,.i_left ul li ul.submu li.hover .navmenu li a:hover,.i_left ul li ul.submu li.hover .navmenu li a.hover{ color:#0a51a1;}

/* i_left end */

/* i_right */
.i_right{ float:right; width:854px; overflow:hidden;}

/* i_title */

.i_title{ width:854px; height:34px; padding-top:18px; border-bottom:solid 1px #ebebeb; overflow:hidden;}
.i_title h2{ font:normal 16px/34px "微软雅黑"; color:#0a51a1; float:left;}
.i_title span{ background:url(../images/home.jpg) no-repeat left center; padding-left:16px; float:right; font:normal 12px/34px "微软雅黑"; color:#999;}
.i_title span a{ font:normal 12px/34px "微软雅黑"; color:#999;}

/* i_title end */

/* i_list */

.i_list{ width:812px; padding:20px; border:solid 1px #ebebeb; border-top:0; margin-bottom:20px; overflow:hidden;}

/* 行业解决方案列表样式 开始 */

.i_list dl dt{ background:#f1f1f1; height:39px; border-bottom:solid 1px #ebebeb;}
.i_list dl dt a{ font:normal 16px/40px "微软雅黑"; color:#000;}
.i_list dl dt a:hover{ color:#0a51a1;}
.i_list dl dt span{ margin:16px 10px 16px 40px; display:block; float:left; background:#999; width:6px; height:6px; overflow:hidden;}
.i_list dl dd{ padding:14px 54px; overflow:hidden;}
.i_list dl dd a{ font:normal 14px/32px "微软雅黑"; color:#666; display:block;}
.i_list dl dd a:hover{ color:#0a51a1;}

/* 行业解决方案列表样式 结束 */


/* 下载列表样式 开始 */

.i_list .tab_list dl{ width:24.8%; padding:0; margin-bottom:10px; text-align:center; border:solid 1px #ccc; border-top: solid 2px #0a51a1; float:left;}
.i_list .tab_list dl dt{ background:0; border:0; font: bold 14px/34px Arial, Helvetica, sans-serif; color: #333; padding: 10px 0; height: 34px;}
.i_list .tab_list dl dd{ border-top: solid 1px #ccc; padding:0; text-align:center; height:42px;}
.i_list .tab_list dl dd a{ color:#333; line-height:42px;}
.i_list .tab_list dl dd a:hover{ color:#0a51a1; text-decoration:underline;}

.i_list table.xiazai{ background:#fff; border-top:solid 2px #0a51a1; border-left:solid 1px #ccc; }
.i_list table.xiazai .title td{ font:bold 14px/34px Arial, Helvetica, sans-serif; color:#333; height:34px; border-top:0;}
.i_list table.xiazai td{ text-align:center; height:32px; color:#333; border:solid 1px #ccc; border-top:0; border-left:0; line-height:32px;}
.i_list table.xiazai td a:hover{ color:#0a51a1; text-decoration:underline;}

/* 下载列表样式 结束 */


/* 新闻资讯列表样式 结束 */

.i_list ul li.news{ width:812px; border-bottom:dashed 1px #c2c2c2; height:39px; overflow:hidden;}
.i_list ul li.news a{ float:left; display:block; width:700px; font:normal 14px/40px "微软雅黑"; color:#666;}
.i_list ul li.news span{ float:right; text-align:right; font:normal 14px/40px Arial, Helvetica, sans-serif; color:#666;}
.i_list ul li.news a:hover{ color:#0a51a1;}

/* 新闻资讯列表样式 结束 */


/* 友情链接列表样式 开始 */

.i_list ul li.link{ width:164px; height:130px; float:left; margin-right:10px; overflow:hidden;}
.i_list ul li.link a img{ background:#fff; width:160px; height:80px; padding:1px; border:solid 1px #ccc;}
.i_list ul li.link a{ font:normal 12px/38px "微软雅黑"; display:block; color:#666; text-align:center;}
.i_list ul li.link a:hover{ color:#0a51a1;}

/* 友情链接列表样式 结束 */


.ul_sitemap{ font:normal 14px/38px Arial, Helvetica, sans-serif; color:#333;}

/* i_list end */

/* i_info */

.i_info{ width:812px; padding:20px; border:solid 1px #ebebeb; border-top:0; margin-bottom:20px; overflow:hidden;}

.product_info{ width:852px; padding-bottom:20px; border:solid 1px #ebebeb; border-top:0; margin-bottom:20px; overflow:hidden;}

.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:420px;height:300px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent; width:40px; height:40px;cursor:move;z-index:100;}

.game163{ width:244px; height:320px; padding-left:20px; padding-top:20px; position: relative; float:left; overflow:hidden;}
.game163 .bigImg{ width:238px; height:238px; position: relative;}
.game163 .bigImg li{ background:#f7f7f7; width:228px; height:228px; padding:4px; border:solid 1px #ebebeb;}
.game163 .bigImg li img{ width:226px; height:226px; border:solid 1px #ebebeb;}
	
.game163 .smallScroll{ padding:10px 0; height:52px; overflow:hidden;}

.game163 .sPrev{ background:url(../images/pro_left.jpg) no-repeat; float: left; display: none; width:27px; height:50px;}

.game163 .sNext{ background:url(../images/pro_right.jpg) no-repeat; float: left; display: none; width:27px; height:50px;}
	
.game163 .smallImg{ float:left; display:inline; width:244px; overflow: hidden;}
.game163 .smallImg li{ float: left; margin-right:12px; width:50px; height:52px; cursor:pointer; display: inline;  }
.game163 .smallImg img{ border: 1px solid #ebebeb; width:50px; height:50px;}
.game163 .smallImg .on img{ border-color: #0a51a1;}

.pro_info{ float:right; width:540px; height:320px; padding-right:20px; padding-top:20px; font:normal 14px/36px "微软雅黑"; color:#000; overflow:hidden;}
.pro_info a{ padding-left:20px; font:normal 12px/30px "微软雅黑"; color:#000; display:block;}
.pro_info a:hover{ color:#0a51a1; text-decoration:underline;}
.pro_info .xiazai{ background:url(../images/xz1.jpg) no-repeat left center;}
.pro_info .xiazai1{ background:url(../images/xz1.jpg) no-repeat left center;}
.pro_info .xiazai2{ background:url(../images/xz2.jpg) no-repeat left center;}

.pro_title{ background:#f1f1f1; height:40px; font:normal 16px/40px "微软雅黑"; color:#000; overflow:hidden;}
.pro_title span{ background:#0a51a1; display:block; width:6px; height:6px; margin:16px 10px 16px 18px; float:left;}

.pro_con{ font:normal 14px/24px "微软雅黑"; color:#333; padding:16px 32px; overflow:hidden;}
.pro_con .mar{ padding:10px 0 10px 30px;}
.pro_con dl.pro{ height:60px; padding-top:10px; border-top:solid 1px #ebebeb; margin-bottom:10px; overflow:hidden;}
.pro_con dl.none{ border:0;}
.pro_con dl.pro dt{ float:left; width:52px; height:52px; padding:4px; text-align:center;}
.pro_con dl.pro dt a img{ width:50px; height:50px; border:solid 1px #ebebeb;}
.pro_con dl.pro dd{ float:right; width:730px; font:normal 12px/24px "微软雅黑"; color:#000;}
.pro_con dl.pro dd a{ display:block; font:normal 14px/30px "微软雅黑"; color:#000;}
.pro_con dl.pro dd a:hover{ color:#0a51a1; text-decoration:underline;}

/* i_info end */

/* i_content end */


/*info*/
.Info_title{ padding:0px; margin:10px 0px; font-size:18px; font-family: Arial, Helvetica, sans-serif; color:#0a51a1; text-align:center; }
.Info_time{ padding:0px; margin:0px; font-size:12px; font-weight:normal; text-align:center;}
.Info_time{ color:#666; line-height:34px;}
.Info_txt{ padding:10px 0; line-height:28px;}
.Info_back{ text-align:center; font-size:14px; font-weight:normal; padding:15px 0px;}
.Info_back a{ color:#0a51a1; font-weight:bold;}
.Info_back a:hover{ text-decoration:underline;}
.Info_page a{ color:#7a7a7a; padding:10px 0; display:block; font-size:14px;}
.Info_page a:hover{ color:#0a51a1; text-decoration:none;}


/*pages*/

.Pages{ text-align:center; padding:20px 0; font-family: Arial, Helvetica, sans-serif; }
.Pages a{ display:inline-block; height:30px; font-family: Arial, Helvetica, sans-serif; line-height:30px; margin:0 1px;}
.Pages a:hover{ background:#0a51a1; color:#fff;}
.Pages em{ padding:0 5px;}
.Pages em a{ background:#ebebeb; font-style:normal; font-family: Arial, Helvetica, sans-serif; width:30px; line-height:30px;}
.Pages em a.a_cur{ background:#0a51a1; color:#fff;}
.Pages .a_first,.Pages .a_prev,.Pages .a_next,.Pages .a_end{ background:#ebebeb; width:60px; height:30px; text-align:center; padding:0 5px;}
.Pages .i_text{ width:54px; height:20px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff; margin:0 8px;}
.Pages .p_jump b.f1{ font-weight:normal;}
.Pages .i_button { background:#0a51a1; width:40px; height:24px; margin-left:10px; color:#fff; cursor:pointer; border:none;}

/*pages end*/