@charset "utf-8";
/* CSS Document */
/*Index*/
.indexList{ width:960px; height:147px; margin:0 auto;  position:relative; z-index:35}
.indexListBox{ width:960px; height:163px; position:absolute; top:-16px; left:50%; margin-left:-490px; z-index:35}
.indexListLeft,.indexListRight{ width:8px; float:left}
.indexListCon{ width:960px; height:163px; float:left;}
.indexListCon .left,.indexListCon .right{ width:45px; float:left; cursor:pointer; }
.indexListCon .mid{ width:868px; height:163px; position:relative; overflow:hidden; float:left}
.indexListCon .mid li{ width:161px; height:107px; padding:5px 103px 0 19px; background:url(../img/liBg03.jpg) no-repeat; margin:22px 9px 0 0; position:relative; text-align:left;}
.indexListCon .mid li:hover{ background:url(../img/liBg03_h.jpg) no-repeat}
.indexListCon .mid li a{ display:inline-block}
.indexListCon .mid li a.title{ width:161px; font:bold 14px/32px "微软雅黑"; color:#276cb5; overflow:hidden; text-align:left;}
.indexListCon .mid li a.more{
	position:absolute;
	bottom:4px;
	left:20px;
	display:inline-block;
	_width:150px;
	text-align:left;
	color: #cc3333;
}
.indexListCon .mid li a:hover{ color:#276cb5}
.indexListCon .mid li img{ position:absolute; top:22px; right:15px;}
.indexMain{ width:100%; height:185px; padding-top:26px; background:url(../img/indexMainBg.jpg) repeat-x}
.indexMainCon{ width:960px; margin:0 auto}
.indexMainCon .title{ width:100%; height:28px; border-bottom:1px solid #124fab; text-align:left;}
.indexMainCon .title h2{ font-weight:bold; line-height:28px; float:left; color:#276cb5; padding-left:3px;text-align:left;}
.indexMainCon .title a{ float:right; margin:11px 11px 0 0; display:inline;text-align:left;}
.indexAbout{ width:279px; float:left; margin-right:23px; display:inline}
.indexAboutCon{ padding-top:15px;}
.indexAboutCon a{ display:inline-block; text-indent:2em;text-align:left;}
.indexAboutCon a:hover{ color:#276cb5}
.indexNews{ width:465px; float:left; position:relative}
.indexNews ul.tab{ width:465px; height:28px; border-bottom:1px solid #124fab}
.indexNews ul.tab li{ font-weight:bold; line-height:28px; padding:0 8px; cursor:pointer; position:relative; } 
.indexNews ul.tab li.focus{ color:#276cb5; background:url(../img/sign03.jpg) no-repeat center bottom}
.indexNews .box{ width:465px; height:108px; float:left; padding-top:12px; position:relative;}
.indexNews .boxs{ width:465px; height:108px; display:none; position:relative; float:left}
.indexNews .boxs a.more{ width:33px; height:9px; position:absolute;  top:-29px; text-align:left; float:left;}
.indexNews .boxs img.newsImg{ width:117px; height:92px; padding:4px; background:url(../img/imgBg01.jpg) no-repeat; float:left; margin:8px 24px 0 6px}
.indexNews .boxs ul{ width:300px;}
.indexNews .boxs li{ width:300px; height:26px; border-bottom:1px dotted #c3c3c3; padding:0}
.indexNews .boxs li a{ display:inline-block; line-height:26px; padding-left:14px; background:url(../img/sign04.jpg) no-repeat 2px 13px; float:left}
.indexNews .boxs li a:hover{ color:#276cb5}
.indexNews .boxs li span{ float:right; line-height:26px;}
.indexDownload{ width:175px; float:right}

/*About*/
.aboutCon{ width:684px; margin:0 auto; padding-bottom:110px;}
.aboutCon span.name{ font:18px/26px "微软雅黑"; color:#3074b4} 
.aboutIntro{ width:100%; padding-top:18px; background:url(../img/sign06.jpg) repeat-x top}
.introOverflow{ width:710px;}
.border{ width:2px; height:128px; background:url(../img/sign07.jpg) repeat-y; float:left; margin:10px 20px 0 0; display:inline}
.aboutIntroBox{ width:130px; float:left; padding:0 87px 0 5px;}
.introBg01{ background:url(../img/aboutIntroImg01.png) no-repeat 147px 41px;}
.introBg02{ background:url(../img/aboutIntroImg02.png) no-repeat 147px 41px;}
.introBg03{ background:url(../img/aboutIntroImg03.png) no-repeat 147px 41px;}
.aboutIntroBox h2{ font-size:14px; line-height:36px; color:#276cb5}
.aboutIntroBox p{ font-size:10px; line-height:18px;}
.aboutIntroBox a{ line-height:36px; color:#fd6003; padding-left:13px; background:url(../img/sign08.jpg) no-repeat left center}
.aimCon{ width:674px; margin:0 auto}
.aimCon li{ width:674px; height:115px; border-bottom:1px solid #f0f0f0; margin-bottom:23px;}
.aimCon li.nobor{ border-bottom:0}
.aimCon li img{ float:left; margin:0 46px 0 6px; display:inline}
.aimCon li p{ font-family:"宋体"; line-height:24px; text-indent:2em}
.partnerCon{ width:692px; margin:0 auto; position:relative; overflow:hidden}
.partnerOver{ width:700px;}
.partnerOver ul{ margin-top:-19px;}
.partnerOver li{ width:165px; height:162px; padding:20px 10px 0 0; border-top:1px solid #efefef}
.partnerOver li img{ border:1px solid #ededed; float:left; margin-bottom:6px;}
.partnerOver li a.name{ display:inline-block; width:165px; height:30px; background:#eee; line-height:30px; font-family:"宋体"; text-align:center}
.partnerOver li:hover a{ background:#276cb5; color:#fff}

/*Products*/
.proListCon{ width:668px; margin:0 auto; padding-bottom:45px;}
.proListCon li{ width:668px; height:153px; margin-bottom:11px; border-bottom:1px solid #e8e8e8; position:relative}
.proListCon li img{ float:left; margin:12px 44px 0 0; display:inline; border:1px solid #dfdfdf}
.proListCon li a{ display:inline-block; float:left; font-family:"宋体";}
.proListCon li a.title{ width:455px; font:bold 14px/42px Arial, "宋体";}
.proListCon li a.p{ width:455px;}
.proListCon li a.more{ width:80px; background:#3088cc; color:#fff; text-align:center; position:absolute; bottom:25px; right:15px}
.proListCon li a:hover{ color:#276cb5}
.proListCon li a.more:hover{ color:#fff}
.proListCon li:hover img{ border:1px solid #318acd}
.proInfoCon{ width:666px; margin:0 auto; padding-bottom:150px;}
.proInfoCon .title{ font:bold 14px/44px Arial, "宋体"; color:#3088cc; padding-left:16px;}
.proInfoCon h2{ font:bold 14px/28px Arial, "宋体"; padding-left:16px;}
.proInfoCon .intro{ font-family:Arial, "宋体"; padding:8px 16px}
.proInfoCon .intro img{ max-width:634px ;_width:expression(this.width > 634 ? '634px': true);}
.proInfoList{ width:666px; margin:0 auto}
.proInfoList dt{ width:664px; height:38px; border:1px solid #ddd; background:#f9f9f9; cursor:pointer; margin-top:12px; font-family:Arial, "宋体";}
.proInfoList span{ display:inline-block; line-height:38px; color:#333; padding-left:15px; float:left}
.proInfoList span.on{ color:#3089cd}
.proInfoList img{ float:right}
.proInfoList img.close{ display:none}
.proInfoList dd{ padding:13px 16px; display:none}
.proInfoList dd p{ font-family:Arial, "宋体";}
.proInfoList dd img{ max-width:634px; display:block; _width:expression(this.width > 634 ? '634px': true);}

/*Download*/
.downloadCon{ width:684px; margin:0 auto; padding-bottom:45px;}
.downloadCon li{ width:684px; height:18px; padding-bottom:8px; border-bottom:1px solid #e5e5e5; margin-bottom:18px;}
.downloadCon li a{ display:inline-block; font-family:Arial, "宋体"; line-height:18px; padding-left:30px; background:url(../img/sign09.jpg) no-repeat 14px center; float:left}
.downloadCon li a:hover{ color:#276cb5}
.downloadCon li span.login{ float:left; margin:4px 0 0 8px; display:inline}
.downloadCon li span{ line-height:18px; float:right; padding-right:20px;}
.downloadCon .proInfoList{ padding-bottom:20px;}

/*News*/
.newsCon{ padding-bottom:45px;}
.newsCon li{ width:675px; height:144px; padding:0 10px; border-bottom:1px solid #d9d9d9; margin-bottom:20px;}
.newsCon li img{ float:right; margin:11px 0 0 29px; display:inline;}
.newsCon li a{ font-family:Arial, "宋体";}
.newsCon li a.title{ font:bold 14px/24px Arial, "宋体"; color:#000}
.newsCon li .time{ line-height:24px; padding-bottom:5px; color:#999}
.newsCon li a:hover{ color:#146abb}
.newsInfoCon h1{ font-weight:bold; font-size:14px; font-family:Arial, "宋体"; text-align:center}
.newsInfoCon .time{ line-height:24px; text-align:center; padding-bottom:8px; border-bottom:1px dotted #d6d6d6; margin-bottom:20px;}
.newsDetail p{ font-family:Arial, "宋体";}

/*Job*/
.jobIntro{ padding:20px 25px}
.jobIntro p{ font-size:14px; font-family:Arial, "宋体";}
.jobCon{ padding-bottom:45px;}
.jobCon table{ border:1px solid #e3e4e4; border-bottom:0; border-left:0}
.jobCon .proInfoList dd{ padding:13px 0}
.jobCon td{ border:1px solid #e3e4e4; border-top:0; border-right:0; line-height:32px; text-align:center; font-family:Arial, "宋体";}
.jobDetail{ float:left; padding:8px 24px}
.jobDetail p{ font-family:Arial, "宋体"; line-height:28px; text-align:left;}

/*Contact*/
.contactCon{ padding-bottom:35px;}
.map{ width:685px; height:292px; padding:3px; background:#f7f7f7; border:1px solid #ececec; margin:0 auto 30px;}
.contactIntro{ width:100%; min-height:225px; height:auto!important; height:225px; background:url(../img/contactIntro.png) no-repeat right top;}
.contactIntro h2{ font:bold 14px/44px Arial, "宋体"; padding-left:20px;}
.contactIntro p{ line-height:24px; font-family:Arial, "宋体"; padding-left:20px;}

/*Login & Regist*/
.loginCon{ width:688px; margin:26px auto 0}
.loginLeft{ width:399px; background:url(../img/loginLeftBg.png) no-repeat right top; float:left}
.loginLeft td{ font:14px/30px Arial, "宋体"; padding:0 0 8px 8px;}
.loginLeft td input{ width:187px; height:28px; border:1px solid #dcdbdb; float:left; font:14px/28px Arial, "宋体"}
.loginLeft td a{ display:inline-block; line-height:28px; float:left; padding-left:10px; font-family:Arial, "宋体"}
.loginLeft td a:hover,.loginLeft td a.forgot{ color:#3088cc}
.loginButton{ width:313px; margin-top:31px; border-top:1px solid #dadada; padding:49px 0 0 86px;}
.loginButton input{ width:80px; height:24px; background:#3088cc; padding:0; border:0; font-weight:bold; line-height:24px; font-family:Arial, "宋体"; color:#fff; cursor:pointer}
.loginRight{ width:212px; height:94px; padding:13px 0 0 77px; float:left; font-family:Arial, "宋体"; border-bottom:1px solid #dadada}
.registCon{ width:680px; margin:0 auto}
.registCon h2{ font:14px/50px Arial, "宋体"; border-bottom:1px solid #dbdbdb; padding-left:15px; margin-bottom:37px;}
.registCon span{ color:#f02222}
.registCon td{ line-height:30px; padding:0 0 7px 13px; font-family:Arial, "宋体";}
.registCon td p{ line-height:30px; font-family:Arial, "宋体"; float:left}
.registCon td input{ width:187px; height:28px; border:1px solid #dcdbdb; float:left; margin-right:20px; display:inline}
.registButton{ width:562px; padding-left:118px; margin-top:30px; padding-top:25px; border-top:1px solid #d5d6d6}
.registButton input{ width:80px; height:24px; background:#3088cc; padding:0 0 4px 0; border:0; font-weight:bold; line-height:24px; font-family:Arial, "宋体"; color:#fff; cursor:pointer; margin-right:20px;}



/* Index */
/* Index */
.banner{ width:100%; height:394px;}
.pro-switch {
	height: 394px;
	overflow: hidden;
	position: relative;
	width:100%;
}
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
	width: 100%;
	display: block;
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 354px;
}
.no-js .slides > li:first-child {
	display: block;
}
.flexslider {
	margin: 0 auto;
	position: relative;
	width:100%;
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.flexslider .slides {
	zoom: 1;
}
.flex-direction-nav {
    height: 0;
}
.flex-direction-nav a {
	width: 60px;
	height: 90px;
	margin: -60px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	filter:alpha(opacity=0);
-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 0 -90px;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter:alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	zoom: 1;
*display: inline;
}
.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display:block;
	height: 16px;
	overflow: hidden;
	text-indent:-99em;
	width: 16px;
	cursor: pointer;
}
.flex-control-paging li a.flex-active {
	background-position: 0 0;
}