﻿@charset "utf-8";
/* CSS Document */
body
{ 
	margin-top:0px;		/* 网页上边距 */
	margin-bottom:0px;	/* 网页底边距 */
	margin-left:0px;	/* 网页左边距 */
	margin-right:0px;	/* 网页右边距 */
	
	background-color:#FFFFFF;					/* 网页背景颜色 */
	
	font-size:12px;												/* 网页字体大小 */
	font-family:微软雅黑, Arial, 宋体, Verdana, Helvetica, sans-serif;	/* 网页字体 */
	color:#404040;												/* 网页文本颜色 */
	line-height:120%;											/* 标准行高 */
}

/* 一般超级链接 */
a{font-size:12px;color:#0E7AC3;line-height:120%;text-decoration:none;}				/* 链接属性 */
a:hover{font-size:12px;color:#246FB1;line-height:120%;text-decoration:underline;}	/* 鼠标悬停时链接属性 */

a.head {color: #404040;text-decoration: none;font-size:14px; font-weight:600;}
a.head:hover {color: #0074B9;text-decoration: none;font-size:14px; font-weight:600;}

a.index_pro_lan {color: #0068B0;text-decoration: none;}
a.index_pro_lan:hover {color: #0068B0;text-decoration: none; }


/*去掉热点地图上的区域线框与超链接的线框*/
a {blr:expression(this.onFocus=this.blur())}
area {blr:expression(this.onFocus=this.blur())}



/*表格属性*/
table
{
   font-size:12px;
   line-height:18px;
   border-collapse:collapse;/*自动把相同的边框线合并*/
}

/*边距离*/
.padding {
	padding: 5px; 
}

/*白色文本*/	
.text_white {
	color: #FF0000;
	font-size: 12px; 
	line-height: 1.5em; 
}

img
{
	border:0px;				/* 图像边框大小 */
	border-color:#000000;	/* 图像边框颜色 */
	border-style:solid;		/* 图像边框线条 */
}

.i
{
	font-size:12px;
	font-family:Arial, Verdana, Helvetica, 宋体,sans-serif;
	color:#404040;					/* 边框线条样式 */
	border:1px solid #cccccc;							/* 边框线条大小 */
	background-color:#ffffff;			/* 背景颜色 */
}

.customfield{border:1px solid #cccccc;font-size:12px;color:#404040;}
.selboxes.customfield{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

ul,li{margin:0px; padding:0px; list-style:none;}

.title_12{color:#ff3300;font-size:13px;line-height:120%;}		/* 标题字体为12像素 */
.title_14{color:#ffffff;font-size:12px;line-height:120%;font-weight:600;}		/* 标题字体为14像素 */
.title_16{color:#ff3300;font-size:16px;line-height:120%;font-weight:600;}		/* 标题字体为16像素 */

/* 红色字 */
.text_red12{color:#0A69BD;font-size:12px;line-height:120%;}
.text_red12b{color:#ff0000;font-size:12px;line-height:120%; font-weight:bold;}
.text_red14{color:#ff3300;font-size:14px;line-height:120%;}

/* 蓝色字 */
.text_blue12{color:#246FB1;font-size:12px;line-height:120%;}
.text_blue14{color:#246FB1;font-size:14px;line-height:120%;}
.text_blue16{color:#246FB1;font-size:16px;line-height:120%;}

/* 黑色字 */
.text_black11{color:#404040;font-size:11px;line-height:120%;}
.text_black12{color:#404040;font-size:12px;line-height:120%;}
.text_black14{color:#404040;font-size:13px;line-height:120%;}
.text_black16{color:#404040;font-size:16px;line-height:150%;}

/* 灰色字 */
.text_gray12{color:#999999;font-size:12px;line-height:120%;}
.text_gray14{color:#999999;font-size:14px;line-height:120%;}
.text_gray16{color:#999999;font-size:16px;line-height:120%;}

.text_div			/* 文本区样式 */
{ 
	font-family:arial;
	font-size: 12px;
	line-height:120%;
	color: #000000;
	background-color:#DDEDFB;
	margin: 5px;
	padding: 5px;
	width: 520px;
	border: 1px solid #0099CC; 
	clear:both;
}

/* ---------------------------------------下拉菜单---------------------------------- */
.menu{
	float:left;
	display:inline;
	text-align: left;
	background-image: none;
	height: 28px;
	width: 100%;
}
.menu ul{ float:left; width:100%; background-image: none; }
.menu li{
	float:left;
	position:relative;
	text-align:center;
	background-image: none;
	height: 32px;
	width: 110px;
}

.menu a.bigmenu{
	font-size:14px;
	color:#404040;
	line-height:32px;
	text-decoration:none;
	background-image: none;
	height: 32px;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
}
.menu a.bigmenu:hover{
	font-size:14px;
	color:#0074B9;
	line-height:32px;
	text-decoration:none;
	background-image: none;
	font-weight: 600;
}
.menu span{
	float:left;
	line-height:28px;
	font-size:12px;
	color:#FFF;
	width: 1px;
}
.menu a.firstmenu{
	font-size:14px;
	color:#404040;
	line-height:32px;
	text-decoration:none;
	background-image: none;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
}
.menu a.firstmenu:hover{
	font-size:14px;
	color:#0074B9;
	line-height:32px;
	text-decoration:none;
	background-image: none;
	font-weight: 600;
}
.menu li div.pop{
	float: left;
	left:-25px;
	top:27px;
	display:none;
	width:160px;
	position:absolute;
	text-align: left;
	margin: 0px;
	padding: 0px;
	z-index: 99999999;
	background-image: none;
	background-color: #EBEBEB;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.menu li div.pop a{
	float: left;
	background-image: none;
	text-decoration: none;
	color: #404040;
	font-size: 12px;
	font-weight: 600;
	line-height:28px;
	text-align:center;
	width:160px;
	display:table-row;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.menu li div.pop a:hover{
	float: left;
	display:block;
	width:100%;
	color:#0074B9;
	text-align:center;
	line-height:28px;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	cursor:hand;
	filter:Alpha(Opacity=100);
	opacity: 0.90;
	background-image: none;
}
.menu li:hover div.pop{ display:block; float: left; }
.menu li:hover a.bigmenu{
	font-size:14px;
	color:#0074B9;
	line-height:32px;
	text-decoration:none;
	background-image: none;
	height: 32px;
	font-weight: 600;
}
.menu li:hover a.firstmenu{
	font-size:14px;
	color:#0074B9;
	line-height:32px;
	text-decoration:none;
	background-image: none;
	font-weight: 600;
	height: 32px;
}


/*******************首页幻灯片************************/
.goback,.topmenu-item-dropdown,.topmenu-item-dropdown:hover,.topmenu-item-dropdown-hover,.header,.header-wrap,#business,.nav-item .nav-item-link,.nav-item .nav-item-link:hover,.nav-item .nav-item-link-active,.product-item .link,.footer,.partner,.partner-item .more,.partner-item .ui-list-item,.slide-number a,.slide-number .slide-number-active,.sl-angle{background-image:url(images/3MxQutehzH.png)}
#banner{position:relative;margin:0 auto;min-width:990px;overflow:hidden;width:100%;height:405px;z-index:100;background:#f9f9f9}
#J-slide{position:relative;width:100%;height:405px;background-image: none;}
#J-slide .slide{float:left;position:absolute;top:0;left:0;width:100%;height:405px}
.bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;-webkit-transition:opacity 800ms ease-in-out;-moz-transition:opacity 800ms ease-in-out;-ms-transition:opacity 800ms ease-in-out;-o-transition:opacity 800ms ease-in-out;transition:opacity 800ms ease-in-out}
.bg-1{background-image:url(images/banner01.jpg);_background-image:url(images/banner01.jpg)}
.bg-2{background-image:url(images/banner02.jpg);_background-image:url(images/banner02.jpg)}
.bg-3{background-image:url(images/banner03.jpg);_background-image:url(images/banner03.jpg)}
.bg-4{background-image:url(images/banner04.jpg);_background-image:url(images/banner04.jpg)}
.slide-1 .bg-1,.slide-1 .pic-1,.slide-1 .txt-1{display:block;opacity:1}
.slide-2 .bg-2,.slide-2 .pic-2,.slide-2 .txt-2{display:block;opacity:1}
.slide-3 .bg-3,.slide-3 .pic-3,.slide-3 .txt-3{display:block;opacity:1}
.slide-4 .bg-4,.slide-4 .pic-4,.slide-4 .txt-4{display:block;opacity:1}
.slide-number{padding:0px 0;text-align:center}
.slide-number a{width:14px;height:14px;display:inline-block;margin:0 10px 0 0;background-repeat:no-repeat;background-position:-40px -286px;text-indent:-9999em;overflow:hidden;outline:0}
.slide-number a::moz-focus-inner{border:0}
.slide-number .slide-number-active{background-position:-11px -287px}

.text_black15 { font-size:14px; line-height:20px;#404040 }
.text_black15 p { font-size:14px; line-height:28px; margin:0; padding:0;#404040 }


.homeprolist { width:1px; height:1px; font-size:0px; display:none; line-height:0px; }
.homeprolist ul { margin:0; padding:0; }
.homeprolist ul li {  margin:0; padding:0; }



#deamo,#deamoa,#deamob,#deamoc {
overflow:hidden;
width:440px; height:110px; float:left; display:inline; margin-left:6px;
}
#indeamo,#indeamoa,#indeamob,#indeamoc {
float: left;
width: 800%;
}
#deamo1,#deamo1a,#deamo1b,#deamo1c {
float: left;
}
#deamo2,#deamo2a,#deamo2b,#deamo2c {
float: left;
}

.home_huigu{float:left; margin:0px 15px; display:inline;}

.home_pro ul, .home_pro li{margin:0px; padding:0px; list-style:none;}
.home_pro li{float:left; display:inline; margin:0px 3px; width:130px;}
.home_pro li img{border:1px solid #ccc; padding:1px;}
.home_pro li h2{margin:0px; width:130px; padding:0px; text-align:center; list-style:none; height:30px; line-height:24px; display:block; font-weight:normal; padding-top:0px;}
.home_pro li h2 a,.home_pro li h2 a:hover{line-height:16px;}

.homebtpro { } 
.homebtpro a { margin-left:5px; margin-right:5px; color:#666; line-height:20px; } 



/*在线客服*/
.float0831 { POSITION: fixed; TOP: 251px; left: 1px; _position: absolute }
.float0831 A { COLOR: #00a0e9 }
.float0831 A:hover { COLOR: #ff8100; TEXT-DECORATION: none }
.float0831 .floatL { POSITION: relative; WIDTH: 28px; FLOAT: right; }
.float0831 .floatL A { TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px }
.float0831 .floatR { BACKGROUND: url(images/float_bg.gif) }
.float0831 .tp { BACKGROUND: url(images/float_bg.gif) }
.float0831 .cn { BACKGROUND: url(images/float_bg.gif) }
.float0831 .floatR { PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden }
.float0831 .tp { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px }
.float0831 .cn { BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px }
.float0831 .cn H3 { TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px }
.float0831 .cn UL { PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px }
.float0831 .cn UL LI { BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal }
.float0831 .titZx { BACKGROUND: url(images/float_s.gif) no-repeat }
.float0831 .titDh { BACKGROUND: url(images/float_s.gif) no-repeat }
.float0831 .titDc { BACKGROUND: url(images/float_s.gif) no-repeat }
.float0831 .icoZx { BACKGROUND: url(images/float_s.gif) no-repeat }
.float0831 .icoTc { BACKGROUND: url(images/float_s.gif) no-repeat }
.float0831 .icoFf { BACKGROUND: url(images/float_s.gif) no-repeat }
.float0831 .icoTl { BACKGROUND: url(images/float_s.gif) no-repeat }
.float0831 .btnOpen { BACKGROUND: url(images/float_s.gif) no-repeat }
.float0831 .btnOpen_n { BACKGROUND: url(images/float_s.gif) no-repeat }
.float0831 .btnCtn { BACKGROUND: url(images/float_s.gif) no-repeat }
.float0831 .titZx { BACKGROUND-POSITION: 5px -10px }
.float0831 .titDh { BACKGROUND-POSITION: 5px -66px }
.float0831 .titDc { BACKGROUND-POSITION: 5px -124px }
.float0831 .icoZx { BACKGROUND-POSITION: 2px -154px }
.float0831 .icoTc { BACKGROUND-POSITION: 0px -323px }
.float0831 .icoFf { BACKGROUND-POSITION: 2px -213px }
.float0831 .icoTl { PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -266px; FLOAT: left }
.float0831 .btnOpen { BACKGROUND-POSITION: -30px -396px }
.float0831 .btnOpen_n { BACKGROUND-POSITION: 0px -530px }
.float0831 .btnCtn { BACKGROUND-POSITION: 0px -396px }
.float0831 .icoZx { PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left }
.float0831 .icoTc { PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left }
.float0831 .icoFf { PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left }
.float0831 .btnOpen { POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px }
.float0831 .btnOpen_n { POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px }
.float0831 .btnCtn { POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px }
.float0831 .btnOpen { TOP: 55px; LEFT: 1px }
.float0831 .btnOpen_n { TOP: 118px; LEFT: 1px }
.float0831 .btnCtn { TOP: 55px; LEFT: 2px }
.float0831 UL LI H3.titDc A { WIDTH: 80px; DISPLAY: block; HEIGHT: 36px }
.float0831 UL LI.top { BORDER-BOTTOM: #ace5f9 1px solid }
#floatTools{z-index:99;}
.ppfor { display:none; }




/* 首页幻灯片 */
#slide-index{min-width:1000px; height:405px; overflow:hidden; position:relative;}
#slide-index .slides{ min-width:1000px; width:auto; height:396px; }
#slide-index .slide{ min-width:1000px; height:405px; float:left;  padding:0px; position:relative; }
#slide-index .image{ z-index:-1; display:inline-block;  position:relative;}
#slide-index .text, #slide-index .button { z-index:-2; top:-500px;  position:absolute; }
#slide-index .button{display:none;   width:138px;}

#slide-index .control{ position:absolute; bottom:0px; width:100%; text-align:center; height:19px; cursor:pointer; z-index:40; left:0px;}
#slide-index .control a{position:relative; width:11px; height:11px; cursor:pointer; display:inline-block; background-repeat:no-repeat; background-image:url(/Template/cn/images/000505.gif); margin-right:6px; opacity:0.6; filter:alpha(opacity=60);}
#slide-index .control a:hover, #slide-index .control a.active{ background-image:url(/Template/cn/images/000506.gif); opacity:1; filter:alpha(opacity=100);}
.autoMaxWidth{overflow:hidden;  height:232px; }

.latest-news { float: left; height:30px; overflow: hidden; width:400px; margin-left: 80px; margin-top: 5px;}
.latest-news a { color:#09F; line-height:30px; display:inline-block;}
.latest-news a:hover { color: #0000ff; line-height:30px; display:inline-block;}
.latest-news .content { float: left; height: 30px; width: 400px; text-align:left; padding-left:10px;}
.latest-news .content div { line-height: 30px; overflow: hidden;}



.swiper-container {
	width: 400px;
	height: 110px;
	margin: 0px auto;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	width: 60%;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide p { display:inline-block; }
.swiper-slide h2 { display:inline-block; }
.swiper-slide:nth-child(2n) {
	width: 40%;
}
.swiper-slide:nth-child(3n) {
	width: 20%;
}


.homeproductslist { float:left; margin-right:15px; }
.hfon16 { font-size:16px; font-weight:bold; }


.homelinkbt a { margin-right:8px; }

.btaboutcon { margin-top:15px; border-top:1px #eee solid; border-left:1px #eee solid; border-right:1px #eee solid; background:#EDEDED; }
.btabout { line-height:25px; padding-bottom:10px; padding-top:10px; font-size:14px; padding-right:40px; }
.btabout span { line-height:25px; color:#06C; font-weight:bold; font-size:14px;  }
.btshare { width:228px; }


.Tab { text-align:left; }
.Tab .title { float:left; background:url(images/tab_bg.gif) repeat-x; height:30px; width:100%;}
.Tab .title .n1,.Tab .title .n2{ background:url(images/overtab_left.gif) no-repeat; height:30px; display:block; float:left; text-align:center; padding-left:12px; margin:0 2px 0 2px; color:#333; text-decoration:none}
.Tab .title .n1 span,.Tab .title .n2 span{ background:url(images/overtab_right.gif) no-repeat right top; display:block; padding-right:12px; line-height:30px}
.Tab .title .n2 { background:url(images/tab_left.gif) no-repeat;}
.Tab .title .n2 span{ background:url(images/tab_right.gif) right top no-repeat}

.tabcon { clear:both; float:left; background:#FFFFFF; border:0px #999999 solid; border-top:0; width:99%; padding:0 0 4px 4px; }
.tabcon_all { margin:5px auto; border:0px #CCCCCC solid; float:left; width:98%;}

 
.carousel-control.right { background-image:none; }
.carousel-control.left { background-image:none; }


.protable { border:1px #cccccc solid; }
.protable th { background:#EDEDED;border:1px #cccccc solid; padding:1px;}
.protable td { border:1px #cccccc solid; word-break: break-word; word-wrap: break-word; padding:1px; padding-top:3px; padding-bottom:3px; }
.protable tr:hover { background:#DBF2FD}
.protable td img { width:15px; }