@charset "utf-8";
/* CSS Document */
/*------------------------reset------------------------*/
body, div, p, h1, h2, h3, h4, h5, h6, h7, table, td, ul, li, ol, hr, img{ margin:0px; padding:0px; border:0px; font-size:12px; font-family:Tahoma,Helvetica,sans-serif;}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
a{ text-decoration:none; color:#666; transition:.4s ease-in-out; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out;}
a:hover{ color:#0064c8;}
li{ list-style-type:none;}
table{ border-collapse:collapse; width:100%;}
td{ vertical-align:top;}
html{ -webkit-font-smoothing: antialiased;}

/*------------------------common------------------------*/
body{ color:#666; margin:0px auto;}
.left{ float:left;}
.right{	float:right;}
.wrapper{ width:1200px; margin:0px auto; overflow:hidden;}

/* filter:alpha(opacity=70);opacity:0.7;*/
.dh{ -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
.ty{ box-shadow:0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);}
.yj{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.btm{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70ffffff',endColorstr='#70ffffff');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff, endColorstr=#70ffffff)"; background:rgba(255,255,255,0.5);}

/*------------------------header------------------------*/
#header{ text-align:center; font-size:0; position:relative; min-width:1200px;}
	.header{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90ffffff',endColorstr='#90ffffff');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#90ffffff, endColorstr=#90ffffff)"; background:rgba(255,255,255,0.9); box-shadow:0 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1); position:absolute; top:0; right:0; left:0; min-width:1200px;}
		.logo{}
#pHeader{ text-align:center; min-width:1200px;}
	.pHeader{ top:0; right:0; left:0; min-width:1200px;}
		#nav{ position:relative; margin:20px 0 0 0;}
			/*通用*/
			#nav ul li{ float:left; position:relative;}
			#nav ul li a, #nav ul li a:visited{ display:block; height:40px; line-height:40px;}
			/*一层*/
			#nav ul li:hover a{ color:#4173aa;}
			#nav ul li .nav{ height:50px; line-height:50px; overflow:hidden; padding:0 50px;}
			#nav h2{ font-weight:normal; font-size:14px; text-transform:uppercase;}
			/*二三层通用*/
			#nav ul li ul li{ border-top:1px #ccc solid;}
			/*二层*/
			#nav ul li ul{ display: none; box-shadow:0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);}	
			#nav ul li:hover ul{ display:block; position:absolute; top:50px; left:0; width:210px;}	
			#nav ul li:hover ul li a.hide{ background:#fff; color:#666; width:210px;}
			#nav ul li:hover ul li:hover a.hide{ background:#fff; color:#0064c8;}	
			/*三层*/	
			#nav ul li:hover ul li ul{display: none; width:240px;}	
			#nav ul li:hover ul li:hover ul{ display:block; position:absolute; left:210px; top:0;}	
			#nav ul li:hover ul li:hover ul li a.hide{ background:#f0f0f0; color:#666; width:240px;}			
			#nav ul li:hover ul li:hover ul li:hover a.hide{ background:#fff; color:#0064c8;}				

#foot{ background:#282828; padding:20px 0;}
	.footLogo{ width:260px; height:120px; background:url(../images/images.png) 0 -235px no-repeat;}
	#foot .box{ border-left:1px #444 solid; margin:10px 20px; padding:10px 20px; overflow:hidden; color:#555; width:700px; line-height:150%;}
		#foot .menu , #foot .contact{ margin-bottom:5px;}
			#foot a{ margin-right:10px; color:#555;}
			#foot a:hover{ color:#999;}

.btn-qq , .btn-wx , .btn-phone{ display:none;}
/*------------------------index------------------------*/
.example-animation h3{ font-size:50px;}
.bTxt2{ width:400px; font-size:24px;}
.bTxt3 , .bTxt4{ font-size:24px;}

#why{ width:1000px; height:340px; margin:50px auto 50px; padding:40px 0 0 180px; background:url(../images/whyBg.jpg) left top no-repeat; overflow:hidden;}
	#why .box{ width:820px; height:260px; padding:30px 40px 0; overflow:hidden; color:#fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800064c8',endColorstr='#800064c8');     /* IE6,IE7 */     -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#800064c8, endColorstr=#800064c8)"; background:rgba(55,120,190,0.8);}
		#why .name{ font-size:36px; margin-bottom:10px;}
		#why .content p{ font-size:16px; line-height:160%; margin-bottom:10px;}
		#why .more a{ display:block; width:100px; height:30px; line-height:30px; background:#fff; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
		#why .more a:hover{ background:#ff8a00; color:#fff;}

#act{ width:1200px; margin:0 auto; padding:0 0 30px; overflow:hidden;}
	#act .title{ text-align:center; padding:30px 0; color:#0064c8; overflow:hidden;}
		#act .title .topic{ border-bottom:1px #ccc solid; font-size:36px; font-weight:bold; text-transform:uppercase; padding-bottom:10px;}
		#act .title .line{ width:100px; height:5px; margin:-1px auto 0; background:#0064c8;}
	#act .act{ width:280px; height:280px; margin:0 10px; overflow:hidden; box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center;}
		#act .act img{ max-width:280px; max-height:280px;}
	#act .content{ text-align:center; padding:20px 0 0; color:#0064c8; font-size:20px;}

#product{ background:url(../images/pro.jpg);}
	#product .title{ text-align:center; padding:30px 0 15px; color:#0064c8;}
		#product .title .topic{ border-bottom:1px #fff solid; font-size:36px; font-weight:bold; text-transform:uppercase; padding-bottom:10px;}
		#product .title .line{ width:100px; height:5px; margin:-1px auto 0; background:#0064c8;}
	#product .content{ overflow:hidden;}
		.proBox{ width:280px; margin:10px; overflow:hidden; background:#fff; border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px; box-shadow:0 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);}
		.proBox:hover{ background:#0064c8; color:#fff;}
		.proBox:hover .name{ color:#fff;}
			.proBox .pic{ width:280px; height:280px;}
				.proBox .pic a{ display:block; width:280px; height:280px; background:url(../images/icon2.png) center no-repeat #000;}
				.proBox .pic a img:hover{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
			.proBox .name{ text-align:center; height:45px; line-height:45px; font-weight:bold; margin:0 10px 10px; border-bottom:1px #f0f0f0 solid; overflow:hidden; color:#0064c8;}
			.proBox .canshu{ margin:0 10px; height:26px; line-height:26px; font-size:12px; padding:0 10px 0 23px; background:url(../images/icon.png) 5px center no-repeat; overflow:hidden;}
			.proBox .read{ margin:0 10px 10px; padding:10px 0;}
				.proBox .read a{ display:block; width:120px; height:35px; margin:0 auto; text-align:center; line-height:35px; border:1px #0064c8 solid; color:#0064c8; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; background:#fff;}
	#product .more{ width:180px; padding:20px 0 30px; margin:0 auto; text-align:center;}
		#product .more a{ display:block; height:45px; line-height:45px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px #0064c8 solid; color:#0064c8;}
		#product .more a:hover{ background:#0064c8; color:#fff;}

#case .title{ text-align:center; padding:30px 0 15px; color:#0064c8;}
		#case .title .topic{ border-bottom:1px #f0f0f0 solid; font-size:36px; font-weight:bold; text-transform:uppercase; padding-bottom:10px;}
		#case .title .line{ width:100px; height:5px; margin:-1px auto 0; background:#0064c8;}
	#case .cBox{ width:580px; margin:10px; background:#f5f5f5;}
	#case .cBox:hover{ background:#0064c8;}
		#case .cBox:hover .name , #case .cBox:hover .desc , #case .cBox:hover .read a{ color:#fff;}
		.cBox .name , .cBox .desc , .cBox .read{ width:380px; padding-right:20px; overflow:hidden;}
		.cBox .name{ padding:15px 0 5px; font-size:16px; color:#0064c8; font-weight:bold;}
		.cBox .desc{ font-size:12px; color:#999;}
		.cBox .read{ margin:10px 0 0;}
			.cBox .read a{ color:#999;}
	#case .more{ width:180px; padding:20px 0 30px; margin:0 auto; text-align:center;}
		#case .more a{ display:block; height:45px; line-height:45px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px #0064c8 solid; color:#0064c8;}
		#case .more a:hover{ background:#0064c8; color:#fff;}

#partners{ background:url(../images/partners.jpg) center top no-repeat;}
	#partners .title{ text-align:center; padding:30px 0 15px; color:#0064c8;}
		#partners .title .topic{ border-bottom:1px #fff solid; font-size:36px; font-weight:bold; text-transform:uppercase; padding-bottom:10px;}
		#partners .title .line{ width:100px; height:5px; margin:-1px auto 0; background:#0064c8;}
	#partners .content{ width:1080px; margin:20px auto 50px;}
		#partners .partBox{ width:270px; text-align:center;}
	#partners .more{ width:180px; padding:20px 0 30px; margin:0 auto; text-align:center;}
		#partners .more a{ display:block; height:45px; line-height:45px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px #0064c8 solid; color:#0064c8;}
		#partners .more a:hover{ background:#0064c8; color:#fff;}

/*------------------------page------------------------*/
.pBanner{ height:300px; overflow:hidden; text-align:center; line-height:300px; vertical-align:middle; font-size:36px; color:#fff;}
.pBanner1{ background:url(../images/n1.jpg) center top no-repeat;}
.pBanner2{ background:url(../images/n2.jpg) center top no-repeat;}
.pBanner3{ background:url(../images/n3.jpg) center top no-repeat;}
.pBanner4{ background:url(../images/n4.jpg) center top no-repeat;}

#crumbs{ background:url(../images/bg.jpg); line-height:350%; border-bottom:1px #eee solid;}
	#crumbs .wrapper{ text-indent:20px;}
	#crumbs span{ color:#0064c8; font-weight:bold; margin-right:5px;}

#proTopic{ padding:20px 0; text-align:center; font-size:30px; color:#4173aa;}

#proDesc{ padding-bottom:50px; border-bottom:5px #999 solid; background:url(../images/proBg.png) center bottom no-repeat;}

.sideNav{ border-bottom:1px #dedede solid; text-align:center; overflow:hidden; padding-top:20px;}
	.sideNav a{ display:inline; background:#dedede; padding:20px 30px; line-height:40px; vertical-align:middle; margin:0 -3px 0 0;}
	.sideNav a:hover{ background:#999; color:#fff;}
	.sideNav .on{ background:#666; color:#fff;}
	
.proSideNav{ overflow:hidden; padding-top:20px;}
	.proSideNav a{ background:#dedede; display:block; width:199px; text-align:center; float:left; line-height:56px; vertical-align:middle; margin:0 1px 1px 0;}
	.proSideNav a:hover{ background:#999; color:#fff;}
	.proSideNav .on{ background:#666; color:#fff;}

#aboutTxt{ padding:20px; overflow:hidden; line-height:180%;}
	#aboutTxt td{ border:1px #ccc solid;}

#newsList{ padding:20px; overflow:hidden;}
	#newsList .newsBox{ border-bottom:1px #ccc dotted; padding:10px;}
	#newsList .newsBox:hover{ background:#f0f0f0;}
		.newsBox .time{ width:70px; height:70px; text-align:center;}
			.newsBox .day{ font-size:40px; border-bottom:1px #ccc dotted; line-height:44px; vertical-align:middle; color:#999;}
			.newsBox .year{line-height:25px; vertical-align:middle; font-size:12px; color:#999;}
		.newsBox .news{ width:1050px; padding-top:5px;}
			.newsBox .topic{ line-height:24px;}
			.newsBox .desc{ color:#999; font-size:12px; line-height:150%;}
			
.newsTopic{ text-align:center; font-size:20px; color:#333; padding:20px 0;}
.author{ line-height:200%; padding:0 10px; border-bottom:1px #ccc dotted; overflow:hidden; text-align:right;}
.newsTxt{ padding:10px; line-height:180%; overflow:hidden;}
	.newsTxt td{ border:1px #ccc solid;}
.upDown{ padding:10px; line-height:180%; border-top:1px #ccc dotted;}

#proListA{ padding-top:10px;}

.gBook{ background:#f5f5f5; padding:20px 0;}
	.gBook .box{ width:400px; padding:5px 10px; line-height:200%;}
	.gBook .content{ width:800px; padding:5px 10px; line-height:200%;}
	.gBook input{ height:50px; line-height:50px; vertical-align:middle; padding:5px; width:370px; font-family:Tahoma, Microsoft YaHei;}
	.gBook .passCode{ width:230px; margin-top: -20px;}
		.gBook img{ margin:0px 0 0 5px;}
	.gBook .content textarea{ width:770px; height:122px;}	
		.gBook .submit{ margin:20px 0; background:#ccc; border:none; color:#666; cursor:pointer;}	
		.gBook .submit:hover{ background:#666; color:#fff;}
		
#proList{ padding:30px 0 30px; background:url(../images/proBg2.png) center top no-repeat #f5f5f5;}
	.nProBox{ width:260px; height:320px; margin:10px 20px; text-align:center; overflow:hidden;}
		.nProBox .pic{ width:260px; height:280px;}
			.nProBox .pic a{ display:block; width:260px; height:260px; border:15px #fff solid; border-radius:130px; -moz-border-radius:130px; -webkit-border-radius:130px; overflow:hidden; box-shadow:0 2px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1); background:url(../images/icon2.png) center no-repeat;}
			.nProBox .pic a:hover{ background:url(../images/icon2.png) center no-repeat #000;}
			.nProBox .pic a img:hover{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
			.nProBox .name{ padding:0 20px;}
	.caseBox{ width:280px; margin:10px; overflow:hidden; background:#b09c86;}
	.caseBox:hover{ background:#9e5406;}
		.caseBox .topicBox{ padding:10px 20px 20px; border-top:1px #fff solid; color:#fff;}
			.topicBox .topic{ border-bottom:1px #c8baaa solid; padding-bottom:20px; margin-bottom:10px; overflow:hidden; line-height:180%;}
				.topicBox .topic span{ font-size:12px;}
				.topicBox .topic h3{ font-size:18px; font-weight:normal;}
				.topicBox .time{ background:url(../images/images.png) -780px 0 no-repeat; text-indent:20px; font-size:12px; line-height:16px;}
				.topicBox .browse{ background:url(../images/images.png) -780px -50px no-repeat; padding-left:20px; font-size:12px; line-height:16px;}
		.caseBox .topicBox2{ padding:20px 0; border-top:1px #fff solid; color:#fff; text-align:center;}
	.proMs{ background:#f0f0f0; padding:15px 20px; color:#0064c8; font-size:24px; font-weight:bold;}	
	.proTxt{ width:1198px; padding:20px 20px 50px; overflow:hidden; margin:0 auto; line-height:160%; border-top:1px #ccc dotted;}
		.proTxt table{ margin:20px 0; width:100%;}
			.proTxt td{ border:1px #ccc solid; text-align:center; padding:0 3px; vertical-align:middle; line-height:140%;}
		.proTxt img{ margin:5px; overflow:hidden;}
		.proTxt .p1{ background:#0064c8; color:#fff; padding:5px; text-align:center;}
		.proTxt p{ margin:7px 0;}
		.proTxt .firstRow{ background:#f0f0f0;}

#proRd{ width:1200px; margin:0 auto 30px; background:#f0f0f0; padding-bottom:20px;}
	.proRdName{ text-align:center; font-size:30px; padding:30px 0 15px; color:#0064c8; font-weight:bold; border-bottom:1px #fff dotted; margin-bottom:15px;}

.gBtn{ padding-top:30px;}

.newsName{ padding:20px 0; text-align:center; font-size:24px; color:##0064c8;}

#proTxt{ padding:20px 0;}
	.proContent{ width:550px; margin-right:20px; overflow:hidden; padding:40px 0;}
		.proContent .name{ font-size:24px; color:#333;}
			.proContent span{ font-weight:bold; color:#ff6400;}
		.proContent .name , .proContent .proDesc , .proContent .proCs{ padding:20px 5px; border-bottom:1px #0064c8 dotted; overflow:hidden; line-height:160%;}
		.proContent .proCs{ background:url(../images/icon.png) 5px 24px no-repeat; padding-left:25px;}

.pageBox{ text-align:center; padding:20px 0;}
	.pageBox a , .pageBox span{ margin:0 3px;}

.red{ margin-left:5px; color:#ff0000;}

.case{ margin:20px 0; padding:10px 20px; background:#ccc; font-size:24px; color:#fff; line-height:200%;}

#gBtn{ width:250px; text-align:center; margin:0 auto 30px;}
	#gBtn a{ display:block; height:45px; line-height:45px; background:#4173aa; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 2px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1); font-size:16px;}
	#gBtn a:hover{ background:#dc0000;}

#nProList{ padding:20px 0;}
	.nCaseBox{ padding:20px; border-bottom:1px #ccc dotted;}
	.nCaseBox:hover{  background:#f5f5f5;}
		.nCaseBox .pic{ width:200px;}
		.nCaseBox .name ,.nCaseBox .desc{ width:940px;}
		.nCaseBox .name{ line-height:300%;}
			.nCaseBox .name h3{ font-size:20px;}
		.nCaseBox .read{ padding-top:20px;}
			.nCaseBox .read a{ display:block; width:120px; height:35px; line-height:35px; text-align:center; border:1px #ccc solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
			.nCaseBox .read a:hover{ background:#0064c8; color:#fff; border-color:#0064c8;}

#caseName{ text-align:center; font-size:24px; line-height:300%;}
#caseTxt{ padding:20px 0 30px; border-top:1px #ccc dotted;}

/*------------------------goTop style------------------------*/
.izl-rmenu{position:fixed; right:0px; bottom:60px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:9999; }
.izl-rmenu .btn{width:72px; height:73px; margin-top:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-148px; top:0px; display:none;width:147px;height:147px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}