@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:14px; font-family:Arial, Microsoft YaHei;}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
a{ text-decoration:none; color:#333; -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;}
a:hover{ color:#008ceb;}
li{ list-style-type:none;}
table{ border-collapse:collapse; width:100%;}
td{ vertical-align:top;}
.ziti{ font-family:SimSun;}

html{ -webkit-font-smoothing: antialiased; }
body{ min-width:1200px; max-width:1920px; margin:0px auto; color:#333;}

.left{ float:left;}
.right{ float:right;}
.wrap{ width:1000px; 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);}
/*text-transform 值：Capitalize 英文拼音的首字母大写 Uppercase 英文拼音字母全大写 Lowercase 英文拼音字母全小写*/


/*------------------------header------------------------*/
.top{ background: #5d5e58; line-height: 30px; vertical-align: middle; color: #cecece;}
	.top a{ color: #cecece;}
	.top a:hover{ color: #fff;}

.logo{ padding:40px 0; font-size: 0;}

.tel{ margin: 34px 0 10px; line-height: 28px; vertical-align: middle; background: url(../images/tel.jpg) left center no-repeat; padding: 0px 0px 0px 35px; color: #ff0000;}

.search{ 300px; height: 38px; line-height: 38px; border: 1px #d7d7d7 solid;}
	.search input , .search button{ border: none; background: none; margin: 0; padding: 0; height: 38px; line-height: 38px;}
			.search #skey{ width: 250px; text-indent: 1em; font-size: 12px; color: #666;}
			.search #sbtn{ width: 38px; background: url(../images/search.jpg) center center no-repeat #ababab; cursor: pointer;}

.nav{ height: 60px; background: url(../images/nav.jpg) center repeat-x;}
	.nav li{ float: left;}
		.nav li h2{ font-weight: normal;}
		.nav li a{ display: block; width: 125px; height: 60px; line-height: 60px; text-align: center; color: #fff;}
		.nav li a:hover{ background: url(../images/navBg.jpg) center no-repeat;}

.banner{ width:100%; height:480px; position:relative; overflow:hidden; }
	.banner .hd{ position:absolute; z-index:997; left:50%; margin-left:-34px; bottom:30px;}
		.banner .hd li{ width:16px; height:16px; margin-right:10px; float:left; cursor:pointer; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; background:#fff; filter:alpha(opacity=50);opacity:0.5;}
		.banner .hd li.on{ background: #005bac; filter:alpha(opacity=100);opacity:1;}
	.banner .bd{ width:100%; height:480px;}
		.banner .bd li{ width:100%; height:480px;}

/*------------------------index------------------------*/
.proShowTitle{ font-size: 30px; padding: 50px 0 40px; text-align: center; color: #005ab2;}
	.proShowTitle span{ color: #dddddd;}
	
.proSort{ width: 250px;}
	.proSort .title{ height: 60px; background: #005ab2; color: #fff; text-align: center; line-height: 60px; text-transform: uppercase; font-size: 16px;}
	.proSort .box{ border-left: 1px #d4d4d4 solid; border-right: 1px #d4d4d4 solid;}
		.proSort .box li{ border-bottom: 1px #d4d4d4 solid;}
			.proSort .box h3{ font-weight: normal;}
			.proSort .box a{ display: block; line-height: 40px;}
			.proSort .sorta a{ text-align: center; color: #005bac; background: url(../images/sort1.jpg) center repeat-x;}
			.proSort .sortb a{ padding: 0 0 0 30px; background: url(../images/sort2.jpg) 10px center no-repeat;}
			.proSort .sortb a:hover{ background: url(../images/sort3.jpg) 10px center no-repeat;}

.proShow{ width: 720px;}
	.proBox{ width: 230px; margin: 0 0 10px 10px;}
		.proBox a{ display: block; border: 1px #d4d4d4 solid; background: url(../images/pro1.jpg) right bottom no-repeat #edebec;}
			.proBox .pic{ background: #fff;}
			.proBox .name{ height: 52px; padding: 10px 0 0 10px;}
				.proBox .name span{ font-size: 12px;}
		.proBox a:hover{ background: url(../images/pro2.jpg) right bottom no-repeat #edebec;}

.otherPro{ background: #f8f8f8; margin: 50px 0 0;}
	.otherPro .title{ line-height: 32px; padding: 50px 0 20px;}
		.otherPro .topic{ width: 155px; background: #fff; border: 1px #d4d4d4 solid; text-align: center; font-size: 16px;}
		.otherPro .subTopic{ padding: 0 20px;}
	.otherPro .content{ padding: 0 0 50px 0;}
		.otherPro .content li{ float: left; padding: 0 0 0 10px;}

.caseTitle{ font-size: 30px; line-height: 30px; padding: 50px 0 40px; text-align: center; color: #005ab2;}
	.caseTitle span{ color: #dddddd;}
	.caseTitle a{ font-size: 14px;}

.hotCase{ padding: 0 0 50px 0; border-bottom: 1px #d4d4d4 solid; overflow: hidden;}
	.hotCase .left{}
	.hotCase .right{ width: 570px; padding: 30px 0 0 0;}
		.hotCase .right h3{ font-weight: normal; font-size: 18px; margin-bottom: 20px;}
		.hotCase .right p{ line-height: 200%; margin-bottom: 20px;}
		.hotCase .read{ display: block; width: 100px; height: 34px; text-align: center; line-height: 34px; float: right; background: url(../images/case.jpg) center no-repeat;}

.caseBox{ width: 292px; border-right:1px #d4d4d4 solid; border-bottom: 1px #d4d4d4 solid; overflow: hidden; padding: 20px;}
.caseBox3{ border-right:none;}
	.caseBox h3{ font-weight: normal; font-size: 18px; margin: 20px 0; text-align: center;}
	.caseBox p{ line-height: 200%; margin-bottom: 20px;}
	.caseBox .read{ display: block; width: 100px; height: 34px; text-align: center; line-height: 34px; background: url(../images/case.jpg) center no-repeat; margin: 0 auto;}

.ad{ width: 100%; min-width: 1000px; height: 192px; background: url(../images/avvd.jpg) center top no-repeat; margin-bottom: 40px;}

.zhuanzhu{ margin-bottom: 30px;}
	.zhuanzhu .zz{ padding: 30px 0 0 75px;}
	.zhuanzhu .zz1{ width: 380px; background: url(../images/zz1.png) left top no-repeat;}
	.zhuanzhu .zz2{ width: 350px; background: url(../images/zz2.png) left top no-repeat;}
		.zz h3{ font-size: 24px;}
		.zz .subName{ font-size: 16px; text-indent: 40px; margin-bottom: 10px;}
		.zz p{ line-height: 180%;}

.zhuanzhu2{ background: url(../images/zzbg.jpg) center top no-repeat #eeeeee; padding: 75px 0 50px;}
	.zhuanzhu2 .zz{ padding: 30px 0 0 75px; width: 330px;}
	.zhuanzhu2 .zz3{ background: url(../images/zz3.png) left top no-repeat;}
	.zhuanzhu2 .zz4{ background: url(../images/zz4.png) left top no-repeat;}

.pingjia{}
	.pingjia .title{ text-align: center; font-size: 24px; padding: 50px 0 30px;}
		.pingjia .title span{ font-size: 36px; color: #0459a9;}
	.pingjia .content{ margin-bottom: 40px;}
		.pjBox{ width: 490px; height: 170px; background: url(../images/pingjia1.jpg) center top no-repeat; margin: 5px;}
			.pjBox .pic{ margin: 10px;}
			.pjBox .name , .pjBox .desc{ width: 250px; margin: 15px 10px 0 0; text-align: justify;}

.photo{}
	.photo .title{ text-align: center; font-size: 24px;}
		.photo .title span{ color: #999; text-transform: uppercase;}
	.photo .content{ padding: 30px 0 0;}
		.photo .content li{ float: left; padding: 0 0 0 10px;}
		.phBox{ width: 230px; margin: 0 0 10px 10px;}
			.phBox a{ display: block; text-align: center;}
				.phBox .pic{ background: #fff;}
				.phBox .name{ height: 52px; padding: 10px 0 0 10px;}

.about{ padding: 50px 0; background: #f7f7f7;}

.news{ width: 465px; padding: 30px 0;}
	.news .title{ font-size: 24px; background: url(../images/news.jpg) left bottom no-repeat; height: 50px; line-height: 50px;}
		.news .title a{ font-size: 14px;}
	.hotNews{ padding: 20px 0;}
		.hotNews .name{ padding: 20px 0;}
			.hotNews .name a{ font-size: 18px;}
				.hotNews .name a span{ background: #005bac; color: #fff; margin: 0 10px 0 0; padding: 5px;}
	.newsBox{}
		.newsBox li{ line-height: 300%; border-bottom: 1px #ccc dotted;}
			.newsBox li  a span{ color: #ff0000;}
	.honor{ padding: 20px 0;}
		.honor li{ width: 155px;}
	.wenda{ background: url(../images/wenda.jpg) left bottom no-repeat; padding: 30px 0 0 200px;}
		.wenda li{ margin: 0 0 10px 0;}
			.wenda li p{ margin: 0 0 5px;}
			.wenda li span{ color: #999;} 
			
/*------------------------page------------------------*/
.nMain{ padding: 30px 0;}

	.side{ width: 250px;}
		.side .title{ height: 60px; background: #005ab2; color: #fff; text-align: center; line-height: 60px; text-transform: uppercase; font-size: 20px;}
		.side .box{ border-top: 1px #d4d4d4 solid; border-left: 1px #d4d4d4 solid; border-right: 1px #d4d4d4 solid;}
			.side .box li{ border-bottom: 1px #d4d4d4 solid;}
				.side .box h3{ font-weight: normal;}
				.side .box a{ display: block; line-height: 40px; padding: 0 20px; color: #005bac; background: url(../images/sort1.jpg) center repeat-x;}
				.side .box a:hover{ background: #005ab2; color: #fff;}
				.side .box .sortb a{ color: #333; background: url(../images/sort2.jpg) 10px center no-repeat; text-indent: 10px;}
				.side .box .sortb a:hover{ color: #005ab2; background: url(../images/sort3.jpg) 10px center no-repeat; text-indent: 20px;}
			
	.nContent{ width: 730px;}
		.nContent .title{ line-height: 60px; border-bottom: 1px #ccc solid; padding: 0 15px;}
			.nContent .title h3{ font-size: 20px;}
			.nContent .title span{ font-size: 12px;}
				.nContent .title a{ margin: 0 5px;}
		
		.txt{ padding: 15px 15px 20px; overflow: hidden; line-height: 180%; text-align: justify;}
			.txt p{ margin-bottom: 10px;}
			.txt td{ padding: 3px 5px; text-align: center; border: 1px #ccc solid; vertical-align: middle;}
			.txt img{ max-width: 690px; margin: 5px;}
			
			.list-paddingleft-2{ overflow: hidden;}
				.list-paddingleft-2 li{ float: left;}
					.list-paddingleft-2 li:nth-child(1){ font-weight: bold; width: 15%; text-align: right; padding: 0 20px 0 0;}

		.nPic{ padding: 10px 5px 20px;}
			.nPic .box{ width: 220px; margin: 10px; text-align: center;}
				.nPic .box a{ display: block;}
					.nPic .box .pic{ background: #f0f0f0;}
					.nPic .box .name{ line-height: 50px;}
				.nPic .box a:hover{ background: #005ab2; color: #fff;}
		
		.nTopic{ text-align: center; line-height: 50px;}
			.nTopic h4{ font-size: 20px;}
		
		.time{ text-align: right; font-size: 12px; color: #666; padding: 0 0 10px; border-bottom: 1px #ccc dotted;}
		
		.picture{ text-align: center; padding: 20px 0;}
			.picture img{ max-width: 600px; max-height: 450px;}
			
		.nNews{ padding: 15px 0;}
			.nNews li{ line-height: 300%; padding: 0 15px; border-bottom: 1px #ccc dotted;}
			.nNews li:hover{ background: #f7f7f7;}
		
		.nSearch{ padding: 15px 0;}
			.nSearch li{ line-height: 300%; padding: 0 15px; border-bottom: 1px #ccc dotted;}
			.nSearch li:hover{ background: #f7f7f7;}
				.yanse{ color: #005ab2;}
		
.pageBox{ padding: 20px 0; text-align: center; overflow: hidden;}
	.pageBox a{ border: 1px #ccc solid; margin:0 5px; padding: 10px 15px;}
	.pageBox a:hover{ background: #005ab2; border-color: #005ab2; color: #fff;}
	.pageBox .page-num-current{ border: 1px #005ab2 solid; color: #005ab2;}
	
.upDown{ padding:20px 10px 60px; line-height:180%; overflow:hidden; border-top: 1px #ccc dotted;}
	.upDown span{ color: #005ab2;}

/*------------------------footer------------------------*/
.foot{ background:#2a2d32; padding:40px 0 0; line-height:180%; color: #989a99;}
	.foot a{ color: #989a99;}
	.foot .title{ width: 80px; line-height: 30px; font-size: 18px; border-bottom: 2px #0059ad solid; margin-bottom: 20px;}
	.menu{ border-left: 1px #575a5f solid; padding: 0 0 0 70px;}
	.menu a{ margin: 0 100px 0 0;}
	.ewm , .phone , .kefu{ height: 82px; margin: 20px 0; width: 332px; line-height: 150%;}
		.ewm .left , .phone .left , .kefu .left{ margin-right: 20px;}
	.foot .copy{ text-align:center; padding: 30px 0; background: #1d1e23;}

/*------------------------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;}