/* CSS Document */ 
div,ul,ol,li,dl,dd,dt,table,form,h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ul,ol,li{ list-style:none; list-style-type:none;}
body{ margin:0px; padding:0px; font-size:12px; color: #444; line-height:24px; font-family:"微软雅黑"; background-color:#fff;} 
/*table{ margin:0 auto;}*/
table {table-layout: fixed;word-wrap:break-word;} 
img{ border:none;}
a{ color: #444; text-decoration: none;}
a:hover { color:#f00; text-decoration: none; } 
a.red{ color:#f00;}
a.red:hover{ color:#009900;}
img{border:none;}  
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 
.clear{ clear:both; } 
.fl_l{ float:left; }
.fl_r{ float:right; }
.margin0{ margin:0 auto;}
.margin5{ margin:5px auto 0; }  
.margin10{ margin:10px auto 0; }  
.margin15{ margin:15px auto 0; } 
.margin20{ margin:20px auto 0; }  
.blank20{ height:20px; overflow:hidden; }

@font-face {
	font-family: 'DS-DIGI-n';
	src: url('../fonts/DS-DIGI-n.eot'); /* IE9+ */
	src: url('../fonts/DS-DIGI-n.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/DS-DIGI-n.woff') format('woff'), /* chrome、firefox */
	url('../fonts/DS-DIGI-n.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../fonts/DS-DIGI-n.svg#fontname') format('svg'); /* iOS 4.1- */
}

@font-face {
	font-family: 'DS-DIGI-i';
	src: url('../fonts/DS-DIGI-i.eot'); /* IE9+ */
	src: url('../fonts/DS-DIGI-i.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/DS-DIGI-i.woff') format('woff'), /* chrome、firefox */
	url('../fonts/DS-DIGI-i.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url('../fonts/DS-DIGI-i.svg#fontname') format('svg'); /* iOS 4.1- */
}

@font-face {
	font-family: 'Bebas';
	src: url('../fonts/Bebas.eot'); /* IE9+ */
	src: url('../fonts/Bebas.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/Bebas.woff') format('woff'), /* chrome、firefox */
	url('../fonts/Bebas.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}

.wrap{ margin:auto; }

.bannerquick{ position:absolute; bottom:20px; right:150px; z-index:1;}
.bannerquick .left{ float:left; width:120px; margin-right:10px;}
.bannerquick .right{ float:left; width:120px;}
.navwrap{ height:56px; border-bottom:1px solid #fff; width:100%; background:url(../images/topnav_bg.jpg) repeat-y center center;}

.topright{ width:910px; float:right;}
.telphone{ width:233px; height:36px; float:right; line-height:36px; text-align:center; color:#fff; font-size:14px; background:url(../images/tel_bg.png) no-repeat;}
.telphone span{ font-size:18px; font-family:arial;}
.topmain{ width:1200px; margin:0 auto;}
.toptitle{ height:34px; line-height:34px;}
.toptitle .left{ font-size:14px; color:#fff; float:left;}
.toptitle .mid{ background:url(../images/tico1.png) no-repeat left center; float:right; font-size:14px; color:#fff; text-indent:24px; margin-right:60px; position:relative; cursor:pointer;}
.toptitle .right{ background:url(../images/tico2.png) no-repeat left center; font-size:14px; color:#fff; text-indent:24px; float:right;}
.toptitle .right span{ font-size:16px; font-family:Arial;}
.toptitle .ewmpic{ position:absolute; left:-24px; top:24px; z-index:99; display:none;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.toptitle .mid:hover .ewmpic{ display:block; top:34px;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.navbg{ background:url(../images/topbg.jpg) no-repeat top center; height:114px; width:100%; position:fixed; z-index:999;  box-shadow:0 1px 5px #aaa;}
.navallbox{ width:1200px; margin:0px auto;} 
.navlogo{ width:395px; float:left; margin-top:24px;}
.navbox{width:805px; float:right;  color:#fff; height:80px; margin:auto; margin-top:20px;}
.navbox ul{ margin:auto; }
.pSort{ width:115px; color:#fff;  float:left; height:80px; line-height:80px; text-align:center; font-weight:300;  font-family:"Microsoft Yahei"; font-size:16px; }
.pSort:hover{  color:#fff; }
a.pSortLink{ display:block; color:#fff; height:80px; 
    -webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
a.pSortLink:hover{  background:url(../images/nav_hover.png) no-repeat bottom center; color:#fff; }

.pSorttxt{ font-size:14px; font-family:"Microsoft Yahei"; padding-top:10px; height:24px; line-height:24px; text-indent:12px;}
.pSorttxt1{ font-size:10px; font-family:Arial, Helvetica, sans-serif;  height:20px; line-height:20px; color:#99C7DF; -webkit-text-size-adjust:none; text-indent:12px;}
 
.pSort:hover .submenu{ display:block; }
#CurrMenu{  background:url(../images/nav_hover.jpg) no-repeat bottom center; color:#fff; }

.navindex{ height:70px; border-bottom:5px solid #DFDFDF; width:1200px; margin:auto;}
.navnei{ height:70px; border-top:5px solid #414141; border-bottom:1px solid #DFDFDF;  margin:auto;}

#kinMaxShow{ visibility:hidden;width:100%; height:840px; overflow:hidden;}

.banneryy{ position:relative; z-index:999; background:url(../images/nav_bottom.png) repeat-x;}
.topnavbottom{ position:absolute; background:url(../images/nav_bottom.png) repeat-x; top:80px; left:0; width:100%; z-index:99; height:10px;}
.banner{overflow:hidden; margin:0px auto;}

.indexprotitle{ background:url(../images/title1.png) no-repeat left center; height:69px; line-height:69px;font-size:36px; font-weight:bold; margin-top:80px;}
.indexabouttitle{ background:url(../images/title2.png) no-repeat left center; height:69px; line-height:69px;font-size:36px; font-weight:bold; margin-top:150px;}
.indexnewstitle{ background:url(../images/title3.png) no-repeat left center; height:69px; line-height:69px;font-size:36px; font-weight:bold; margin-top:80px;}
.indexnewstitle span{ float:right; font-weight:normal;}
.titlespan{ color:#C41F16;}

.indexprocort{ background:url(../images/probg.jpg) no-repeat top center; height:1035px; overflow:hidden;}
.indexpromain{ width:1200px; margin:0 auto; position:relative;}
.indexptitle{ margin-top:56px; height:84px; line-height:84px; font-size:36px; font-weight:bold; color:#000;}
.indexptxt{ margin-top:15px; line-height:32px; font-size:16px; color:#525252; width:510px;}
.indexpbtn {
	margin-top: 68px;
}
	.indexpbtn a{
		display: block;
		color: #fff;
		background: url(../images/more1.png) no-repeat top center;
		width: 197px;
		height: 53px;
		line-height: 53px;
		color: #000;
		font-size: 14px;
		text-indent: 30px;
		-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
	}
	.indexpbtn a:Hover {
		display: block;
		color: #fff;
		background: url(../images/more2.png) no-repeat top center;
		width: 197px;
		height: 53px;
		line-height: 53px;
		color: #fff;
		font-size: 14px;
		text-indent: 30px;
		-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
	}

.indexproli{ width:240px; height:299px; padding:20px; background:url(../images/proa.png) no-repeat;  float:left; margin-right:20px;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.indexproli:hover{ width:240px; height:299px; padding:20px; background:url(../images/prohover.png) no-repeat;}
.indexproli .etxt{ height:36px; line-height:36px; font-size:14px; color:#000; opacity:0.5; border-bottom:1px solid #D6645F; font-family:Arial;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.indexproli .ctxt{ height:50px; line-height:50px; font-size:20px; color:#000; font-weight:bold;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
		transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.indexproli:hover .etxt{ height:36px; line-height:36px; font-size:14px; color:#fff; opacity:0.5; border-bottom:1px solid #D6645F; font-family:Arial;}
.indexproli:hover .ctxt{ height:50px; line-height:50px; font-size:20px; color:#fff; font-weight:bold;}
.indexproli .img{ width:240px; height:180px; margin-top:40px;}

		
/*.indexprolist{ float:left; width:967px; border-top:1px solid #eee; border-left:1px solid #eee;}
.indexprolist li{ width:160px; height:350px; border-right:1px solid #eee; float:left;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.indexprolist li.ico1{ background:url(../images/indexpro11.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico1:hover{ background:url(../images/indexpro12.jpg) no-repeat; width:160px; height:350px;}
.indexprolist li.ico2{ background:url(../images/indexpro21.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico2:hover{ background:url(../images/indexpro22.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico3{ background:url(../images/indexpro31.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico3:hover{ background:url(../images/indexpro32.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico4{ background:url(../images/indexpro41.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico4:hover{ background:url(../images/indexpro42.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico5{ background:url(../images/indexpro51.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico5:hover{ background:url(../images/indexpro52.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico6{ background:url(../images/indexpro61.jpg) no-repeat; width:160px; height:350px;} 
.indexprolist li.ico6:hover{ background:url(../images/indexpro62.jpg) no-repeat; width:160px; height:350px;}
.indexprolist li a{ width:160px; height:350px; display:block;} 
.indexproad{ position:absolute; right:0; top:-39px; z-index:800;}*/
 
.indexabout{ background:url(../images/aboutbg.jpg) no-repeat top center; height:920px; overflow:hidden;}
.indexaboutbg{}
.indexaboutcon{ width:660px; margin-top:70px;}
.indexaboutcon .title{ height:68px; line-height:68px; font-size:48px; color:#fff; font-weight:300;}
.indexaboutcon .ltitle{ height:66px; line-height:66px; font-size:20px; color:#152b50; font-weight:bold;}
.indexaboutcon .txt{  line-height:32px; height:128px; color:#000; font-size:16px; overflow:hidden;}
	.indexaboutcon .btn {
		margin-top: 90px;
	}
		.indexaboutcon .btn a {
			display: block;
			color: #fff;
			background: url(../images/more2.png) no-repeat top center;
			width: 197px;
			height: 53px;
			line-height: 53px;
			color: #fff;
			font-size: 14px;
			text-indent: 30px;
			-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
		}
			.indexaboutcon .btn a:hover {
				display: block;
				color: #fff;
				background: url(../images/more1.png) no-repeat top center;
				width: 197px;
				height: 53px;
				line-height: 53px;
				color: #000;
				font-size: 14px;
				text-indent: 30px;
				-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
				-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
				-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
				transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
			}
.indexaboutnumli{ margin-top:60px; color:#c41f16;}
.indexaboutnumli li{ width:220px; float:left;}
.indexaboutnumli li .num{ font-size:36px; height:40px; line-height:40px; color:#c41f16; font-family:Bebas; position:relative;}
.indexaboutnumli li .numbz{ font-size:16px; color:#c41f16; position:absolute; left:85px; top:-15px; z-index:99;}
.indexaboutnumli li .txt{ height:36px; line-height:36px; font-size:14px; color:#c41f16;}

.indexabouthonor{ position:absolute; right:0; top:20px; z-index:99;}

.indexnews{  background:url(../images/newsbg.jpg) no-repeat top center; height:865px; overflow:hidden;}

.indexnewstbtn a{
			display: block;
			color: #fff;
			background: url(../images/more2.png) no-repeat top center;
			width: 197px;
			height: 53px;
			line-height: 53px;
			color: #fff;
			font-size: 14px;
			text-indent: 30px;
			-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
		}
.indexnewstbtn a:hover {
	display: block;
	color: #fff;
	background: url(../images/more1.png) no-repeat top center;
	width: 197px;
	height: 53px;
	line-height: 53px;
	color: #000;
	font-size: 14px;
	text-indent: 30px;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}

.indexnewscon{ margin-top:50px;}
.indexnewstop{ width:450px; padding:20px 30px; padding-bottom:0px; background-color:#F8F8F8; float:left;}
.indexnewstop .time{ height:40px; line-height:40px; color:#666; font-size:18px; font-weight:300;}
.indexnewstop .title{ height:30px; line-height:30px; font-size:16px; font-weight:300;  color:#000;}
.indexnewstop .pic{ margin:8px 0px; width:450px; height:240px;}
.indexnewstop .pic img{ width:450px; height:240px;}
.indexnewstop .txt{ height:60px; line-height:30px; font-size:14px; color:#6B6B6B;}
.indexnewstop .btn{ width:140px; height:45px; margin:8px auto;}

.indexnewslist{ margin:20px 0px;} 
.indexnewsli{ width:385px; float:left; background-color:#FFFFFF;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.indexnewsli .img{ width:385px; height:250px; overflow:hidden;}
.indexnewsli .img img{ width:385px; height:250px; object-fit:cover; transform: scale(1.0, 1.0); transition:all 1.5s;}
.indexnewsli .txtbox{ padding:10px 20px; padding-bottom:0px;}
.indexnewsli .title{ height:40px; line-height:40px; color:#000; font-size:16px;  text-align:left;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.indexnewsli .title span{ float:right; color:#333; font-size:24px; font-family:Arial, Helvetica, sans-serif;}
.indexnewsli .txt{ line-height:24px; height:48px;  overflow:hidden; color:#666; font-size:14px;}
.indexnewsli .time{ background:url(../images/ico1.png) no-repeat left center; text-align:left; height:60px; line-height:60px; text-indent:25px; font-size:15px; color:#333; font-family:Bebas; border-top:1px solid #ddd; margin-top:8px;}
.indexnewsli:hover .img img{ transform: scale(1.05, 1.05); transition:all 1.5s;}
.indexnewsli:hover .title{ color:#c41f16; }

.indexmore{ background:url(../images/morebg.jpg) no-repeat top center; height:575px; overflow:hidden;}
.indexmore .title{ height:50px; line-height:50px; font-size:48px; color:#fff; text-align:center; margin-top:210px;}
.indexmore .btn{ text-align:center; margin-top:50px;}


.indexproject{ width:358px; height:288px; float:right; padding:20px; padding-top:10px; background-color:#fff;}
.indexproject .title{ height:42px; line-height:42px; border-bottom:1px solid #E6E6E6; background:url(../images/title_bg1.png) no-repeat left bottom; font-size:18px; color:#333; text-indent:10px;}
.indexproject .title span{ float:right; height:30px; margin-top:12px; line-height:30px; font-size:14px;}
.indexproject .title span a{ color:#999;}
.indexproject .con{ margin-top:10px;}
.indexproject .img{ text-align:center; height:130px;}
.indexproject .txt{ line-height:30px; font-size:16px; color:#333; margin-top:20px;}

.mainindexbg{ background:url(../images/indexmain_bg.jpg) repeat-x; overflow:hidden;}
.mainaboutbg{ background:url(../images/indexabout_bg.jpg) no-repeat center center; height:196px; width:1176px; margin:0 auto; margin-top:28px; padding:16px;}
.main{ margin:auto; width:1200px; overflow:hidden;}
.mainnei{ margin:auto; width:1000px; overflow:hidden;}

 
.mainboxindex{ width:576px; float:left; background:url(../images/indexline.jpg) no-repeat left center; height:200px; padding-left:24px;}
.maintitle{ height:34px; line-height:34px; margin-top:15px;}
.maintitle span{ float:right; margin-top:6px; margin-right:10px;}
.mainboxcon{ margin-top:20px;}
.mainboxpic{ float:left; width:279px; margin-top:20px;}
.mainboxpic1{ float:left; width:178px; height:106px; }
.mainnewslist{ float:right; width:440px;  border-bottom:1px solid #ddd; height:165px; overflow:hidden; margin-top:20px;}
.mainnewslist li{ height:32px; line-height:32px; font-size:14px; border-bottom:1px dotted #ddd; overflow:hidden;}
.mainnewslist li a{ color:#666;}
.mainnewslist li a:hover{ color:#DA251D;}
.mainnewslist li span{ float:left; width:86px; color:#278067;}
.mainanlilist{ float:left; margin-left:2px; width:386px; overflow:hidden;}
.mainanlilist li{ height:26px; line-height:26px; font-size:12px; overflow:hidden; background:url(../images/icon1.jpg) no-repeat left center; text-indent:10px; width:190px; float:left;}
.mainanlilist li a{ color:#666;}
.mainanlilist li a:hover{ color:#DA251D;}

.mainbox2{ width:630px; float:left; margin-top:20px;}
.mainboxtitle2{ height:38px;}
.mainboxtitle2 span{ float:right; color:#E94A01; line-height:38px; font-size:12px; font-family:"song"}

.mainbox3{ float:right; width:340px; margin-top:20px;}
.maincon{ height:182px; }
.maincon .pic{ margin-top:20px; height:118px;}
.maincon .title{ height:36px; line-height:36px; color:#22809C; font-size:14px; margin-top:5px; font-family:"微软雅黑";}
.maincon .txt{ line-height:30px; font-size:14px; color:#222;}

.topsearch{ width:500px; margin:0px auto; color:#222;}
.topsearch .input{ width:188px; height:34px; line-height:34px; border:1px solid #ccc; float:left; text-indent:30px;}
.topsearch .btn{ width:44px; float:left;  }
.schbtn{ width:44px; height:28px; background-color:#333;}

.copyright{ background:#152B50;}
.copyrightbox{ width:1200px; margin:auto; text-align:left; }
.copyrighttop{ height:76px; padding:25px 0px; border-bottom:1px solid #334667;}
.copyrighttop .left{ float:left;}
.copyrighttop .navli{ float:right;}
.copyrighttop .navli li{ width:124px; float:left; line-height:76px; text-align:right; font-size:14px; color:#fff;}
.copyrighttop .navli li a{ color:#fff;
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.copyrighttop .navli li a:hover{ color:#C41F16;}

.copyrightmid{ padding:25px 0px; border-bottom:1px solid #334667; padding-bottom:10px;}
.copyrightmid .left{ width:130px; float:left; text-align:center; margin-right:80px;} 
.copyrightmid .lewm{ width:130px; height:130px;}
.copyrightmid .ltxt{ height:40px; line-height:40px; font-size:14px; color:#fff;}

.copyrightmid .mnews{ width:330px; float:left;}
.copyrightmid .mico{ height:41px; margin-top:10px;}
.copyrightmid .mtitle{ margin-top:12px; height:48px; line-height:48px; font-size:16px; color:#8A95A8;}
.copyrightmid .mtxt{ line-height:26px; font-size:16px ;color:#fff;}

.copyrightbot{ height:60px; line-height:60px; font-size:14px; color:#8A95A8; }
.copyrightbot a{ color:#8A95A8;}
.copyrightbot a:hover{ color:#C41F16;}
.copyrightbot span{ float:right;}

.copyrightbox .bnav{ height:60px; line-height:60px; color:#fff; border-bottom:1px solid #fff; text-align:left; font-size:13px;}
.copyrightbox .bnav a{ display:inline-block; }
.copyrightbox .cont{ margin-top:20px; line-height:30px; color:#fff; font-size:12px;}

.copyrightbox .conttitle{ height:32px; line-height:32px; font-size:16px; color:#fff;}
.copyrightbox .contnum{ height:48px; line-height:48px; font-size:36px; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.copyrightbox .conttxt{ line-height:28px; color:#fff; font-size:14px; text-align:left;}
.copyrightbox .conttxt p{ display:inline;}
 
 /* 效果CSS开始 */
.mkeFocus { height: 220px; width: 260px; border: 1px solid #C9CACB; border-radius:8px; padding-top: 7px; margin:0 auto }
.mkeUl { margin: 0px auto; height: 220px; width: 260px; overflow: hidden; position: relative; }
.mkeUl ul { position: absolute; left: 0px; top: 0px; height: 220px; }
.mkeUl ul li { float: left; width:260px; }
.mkeUl ul li img { }
.mkeUl ul li .txt{ height:30px; line-height:30px; color:#fff; text-indent:5px; font-size:14px; background-color:#D9341E;}
.mkeul ul li .txt a{ color:#fff;}
.mkeNum { background: #FFF url(../images/banNum.jpg); height: 35px; width: 37px; position: absolute; z-index: 1; left: 13px; bottom: 4px; font: 14px Arial; }
.mke_ns1 { line-height: 16px; text-align: center; height: 16px; width: 16px; position: absolute; left: 0px; top: 0px; }
.mke_ns2 { line-height: 16px; color: #9FA0A0; text-align: center; display: block; height: 16px; width: 16px; position: absolute; right: 0px; bottom: 0px; }
.mkeLbtn { background: url(../images/kelBtn.png) no-repeat; height: 98px; width: 36px; position: absolute; left: 6px; top: 165px; cursor: pointer; z-index: 10; }
.mkeRbtn { position: absolute; top: 165px; right: 6px; background: url(../images/kerBtn.png) no-repeat; height: 98px; width: 36px; cursor: pointer; z-index: 10; }
/* 效果CSS结束 */
 

/*内页样式*/
.mainbox{ width:1000px;}
.neimain{ width:1200px; margin:0px auto; margin-top:20px;}
.neibanner{ height:640px;}
.nowsite{ height:60px; line-height:60px; background-color:#fff;}

.neiabout{ }
.neiaboutleft{ width:395px; float:left;}
.neiaboutright{ width:745px; float:right;}
.neiabouttitle{ height:40px; line-height:40px; font-size:22px; color:#222;}
.neiaboutcon{ line-height:30px; font-size:13px;}

.nei_l{ width:1200px; overflow:hidden;  
    /*box-shadow: -2px 2px 5px #ddd;*/
}
.nei_r{ width:1000px; float:left; margin-left:20px; margin-top:20px; background:#f7f7f7;} 
.leftmenu{ margin-top:20px; margin-bottom:30px; }
.leftTit{ height:43px; line-height:43px; background:url(../images/lefttit.jpg) no-repeat; color:#fff; text-indent:20px; font-size:14px;}
.leftline{ height:8px; background-color:#CCCCCC;} 
.leftmenu ul{ margin:0 auto;}
.leftmenu ul li{ width:120px;  float:left; text-align:center; margin-right:10px; height:40px; line-height:40px;  background-color:#fff; font-family:"微软雅黑"; font-size:14px;}
.leftmenu ul li a:link,.leftmenu ul li a:visited{ display:block; line-height:40px; color:#222;  }
.leftmenu ul li span{ float:right; margin-right:20px;}

.leftcon{ border:1px solid #ccc; background:url(../images/contact_bg.jpg) no-repeat right bottom; padding:5px; width:238px; margin-top:10px; height:240px;}
.leftcontitle{ height:27px; margin-top:5px;}
.lefttxt{ font-size:14px; line-height:30px; color:#111; margin-top:10px;}


.leftphone{ margin-top:5px; width:236px; background:url(../images/leftphone.jpg) no-repeat; height:62px; font-size:14px; text-indent:80px; padding-top:40px;}

#currcol{ color:#fff; background-color:#22809C; }

.promenuli{ margin-top:10px; height:70px; line-height:70px;}
.promenuli li{ font-size:16px; color:#222; padding:0px 18px; float:left;}
.promenuli li a{ display:block; color:#222; height:70px; background:url(../images/nav_a.png) no-repeat bottom center; 
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;}
.promenuli li a:hover{ background:url(../images/nav_hover.png) no-repeat bottom center; color:#DA251C; 
	-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.promenuli li.hover a {
	background: url(../images/nav_hover.png) no-repeat bottom center;
	color: #DA251C;
}

.righttitle{ width:1200px; margin:0px auto; background-color:#fff; height:60px; line-height:60px; font-size:22px; color:#333; font-family:"微软雅黑";}
.righttitle b{ font-size:20px; color:#999; font-weight:normal; margin-left:20px;}
.righttitle span{ height:30px; line-height:30px; margin-top:20px; float:right; font-size:12px; margin-right:10px;}

.btnbg{ width:100px; height:30px; line-height:30px; background-color:#0270AB;}

.mainleft{ width:220px; margin-top:10px; background:url(../images/neititle.jpg) no-repeat; float:left; overflow:hidden; min-height:271px;}
.mainlefttitle{ margin-left:16px; margin-top:18px; }
.mainleftlist{ padding:20px 20px; overflow:hidden; }
.mainleftlist li{ height:30px; line-height:30px; background:url(../images/title_bg.jpg) no-repeat left center; text-indent:20px; }
.mainleftlist li a{ font-size:14px; font-family:"微软雅黑"; border-bottom:1px #ccc solid; display:block; }

.mainright{ width:1200px; background-color:#fff; }
.mainrighttitle{ line-height:62px; height:62px; font-size:12px; font-family:"song"; text-indent:10px; position:absolute; top:200px; left:0;}
.mainneititle{ width:960px; height:36px; margin-top:15px; text-align:center;}
.mainrighttitle span{ float:right; font-size:12px; font-family:"宋体"; line-height:30px; padding-right:20px;}
.main_content{ padding:20px;   min-height:500px;}
.pro_content{ background-color:#Ffffff;   min-height:500px;}

.newstitle{ line-height:30px; margin:10px auto;color:#333; text-align:center;  font-size:16px; font-weight:bold;}
.newsinfo{ height:32px; line-height:32px; text-align:center; background:#E1F4E8; }
.newsdetail{ font-size:14px; line-height:30px; min-height:300px; overflow:hidden;}
.newsdetail img{
  border:0; 
  margin:0; 
  padding:0; 
  max-width:1180px; 
  width: expression(this.width > 1180 && this.width > this.height ? 1180px : 'auto';); 
}
.newsdetail a:link,.newsdetail a:visited,.newsdetail a:hover{ color:#333; text-decoration:none;}

.productlist{ }
.productlist li{ width:210px; height:200px; background:url(../images/pro_bg.jpg) no-repeat; float:left; padding:15px; }
.proneipic{   } 
.proneititle{ text-align:center; height:40px; line-height:40px; overflow:hidden; background-color:#22809C;}
.proneititle a{ color:#fff;}

.zllist{ margin-top:55px;}
.zllist li{ height:40px; line-height:40px; padding:40px; background-color:#fff; margin-bottom:20px;}
.zllist li .title{ font-size:20px; color:#000; font-weight:bold; background:url(../images/zlico1.png) no-repeat left center; text-indent:25px; float:left; width:550px;}
.zllist li .time{ font-size:16px; color:#333; font-family:Bebas; background:url(../images/zlico2.png) no-repeat left center; text-indent:25px; float:left;}
	.zllist li .btn{ float:right; }
		.zllist li .btn a {
			display: block;
			color: #fff;
			background: url(../images/zlbtna.png) no-repeat top center;
			width: 117px;
			height: 40px;
			line-height: 40px;
			color: #fff;
			font-size: 14px;
			text-indent: 30px;
			-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
			transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
		}

			.zllist li .btn a:hover {
				display: block;
				color: #fff;
				background: url(../images/zlbtnhover.png) no-repeat top center;
				width: 117px;
				height: 40px;
				line-height: 40px;
				color: #000;
				font-size: 14px;
				text-indent: 30px;
				-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
				-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
				-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
				transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
			}

.contact{ margin:110px 0px;}
.contact li{ width:400px; float:left;}
.contact li .img{ width:88px; float:left;}
.contact li .txtbox{ margin-top:6px; margin-left:20px; float:left;}
.contact li .txt{ height:36px; line-height:36px; font-size:16px; color:#666;}
.contact li .num{ height:40px; line-height:40px; font-size:24px; color:#000; font-family:Bebas;}

.abouttitle{ height:120px; line-height:120px;  font-size:36px; color:#000;}

.aboutcon{ padding-bottom:100px;}
.aboutcon .left{ width:500px; float:left;position:relative;}
.aboutcon .img{ width:465px; }
.aboutcon .lico{ position:absolute; top:270px; right:0; z-index:99;}
.aboutcon .right{ width:640px; float:right;}
.aboutcon .rtitle{ height:72px; line-height:72px; font-size:40px; color:#000;}
.aboutcon .rtitle span{ color:#C41F16;}
.aboutcon .rtxt{ margin-top:10px; line-height:40px; font-size:18px;}

.honerlist{ }
.honerlist li{ width:280px; float:left; margin-right:20px;}
.honerlist li .title{ height:90px; line-height:90px; text-align:center; background:url(../images/htitle.png) no-repeat center center; font-size:16px; font-weight:bold;}
.honerlist li .img{ width:280px; height:385px; margin-top:20px;}
.honerlist li .img img{ width:280px; height:385px; object-fit:cover;}

.artilelist{}
.artilelist li{ height:36px; line-height:36px;background:url(../images/dot3.jpg) no-repeat left center; text-indent:15px; border-bottom:dashed 1px #ddd;}
.artilelist li span{ float:right; color:#666;}

.resultlist{ width:500px; margin:0px auto; border:1px solid #ddd; padding:8px;  background-color:#f7f7f7;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius:8px;

}
.resultlist li{ height:36px; line-height:36px;background:url(../images/dot3.jpg) no-repeat left center; text-indent:15px; border-bottom: dotted 1px #ddd; color:#222;}
.resultlist li span{ float:right; color:#222;}

.page {font-size:12px;font-family:microsoft yahei;text-align:center; padding-top: 5px; padding-right: 0; padding-bottom: 10px; padding-left: 0; }
.page a{ color:#333; text-decoration:none; margin:0 3px; background:url(../images/pagebg0.gif) repeat-x; border:solid 1px #b4b4b4; padding:0px 5px;}
.page a:hover{ color:#0C7DD7; background:url(../images/pagebg.gif) repeat-x; border:solid 1px #cbcbcb; }
.page a.current{ color:#0C7DD7; font-weight:bold; background:url(../images/pagebg.gif) repeat-x; border:solid 1px #cbcbcb; }

.flinksort{ width:670px; overflow:hidden; margin:10px auto 10px; font:bold 14px/28px "微软雅黑"; border-bottom:1px dashed #ccc;}
.flinklist{ width:670px; overflow:hidden; margin:10px auto;}
.flinklist ul li { float:left; border:1px #ccc dotted;}




/*========fy========*/
.fy{ width:720px; height:36px; overflow:hidden; margin:15px auto; }
.fy ul {  text-align:center;}
.fy ul li{ display:inline-block; *display:inline; *zoom:1; color:#fff; margin:0 5px 0 0;}
.fy ul li a{ font:normal 14px/32px "Microsoft Yahei"; color:#333; text-align: center; text-decoration:none; height:32px; border-radius:5px;}
.fy ul li a:hover{ font:normal 14px/32px "Microsoft Yahei"; color:#fff; text-align: center; text-decoration:none; height:32px; } 
 

.fydd001 a{ height:24px; padding:0 5px; _width:15px; color:#333; display:block; color:#333; overflow:hidden; border:1px solid #ddd;}
.fydd001 a:hover{ height:24px; padding:0 5px; _width:15px; display:block; color:#fff; overflow:hidden; border:1px solid #ddd; background:#02906A; } 
  
#fydd002 a{ height:32px; padding:0 5px; color:#fff; _width:15px; display:block; overflow:hidden; border:1px solid #ddd; background:#2A98CA;}

.fypang a{ width:80px; height:32px; border:1px solid #ddd; overflow:hidden; display:block;}
.fypang a:hover{ width:80px; height:32px; border:1px solid #ddd; background:#02906A; overflow:hidden; display:block;}

.fypang02 a{ width:80px; height:32px; border:1px solid #ddd; overflow:hidden; display:block;}
.fypang02 a:hover{ width:80px; height:32px; border:1px solid #ddd; background:#02906A; overflow:hidden; display:block;}

.fypang03 a{ width:80px; height:32px; border:1px solid #ddd; overflow:hidden; display:block;}
.fypang03 a:hover{ width:80px; height:32px; border:1px solid #ddd; background:#02906A; overflow:hidden; display:block;}
 
.fypang04 a{ width:80px; height:32px; border:1px solid #ddd; overflow:hidden; display:block; }
.fypang04 a:hover{ width:80px; height:32px; border:1px solid #ddd; background:#02906A; overflow:hidden; display:block;}   
  
.procont{ padding:10px; line-height:24px; color:#333; width:740px; overflow:hidden; margin:10px auto; word-break:break-all; word-wrap : break-word;} 
.procont img{
  border:0; 
  margin:0; 
  padding:0; 
  max-width:740px; 
  width: expression(this.width > 740 && this.width > this.height ? 740px : 'auto';); 
}
.procont a:link,.procont a:visited,.procont a:hover{ color:#333; text-decoration:none;}

.joblist th{ background:#eee; height:30px; line-height:30px; text-align:center;}
.joblist td{ height:30px; line-height:30px; border-bottom:1px dotted #ccc; }
.jobdet{border-collapse:collapse; margin:0 auto; background:#eee;}
.jobdet td{ height:28px;}
  
.pager{ color:#000; font-size:12px; padding-top:10px;}
.pager a:link,.pager a:visited,.pager a:hover{ color:#887747; text-decoration:none;}  

.footer{ width:1000px; line-height:20px; color:#fff; margin:10px auto 0; background:url(../images/foot_bg.gif) repeat-x; height:51px; padding-top:15px; overflow:hidden; text-align:center;}
.footer a:link,.footer a:visited{ color:#fff; text-decoration:none;}
.footer a:hover{ color:#f60; text-decoration:none;}  

.newsprenext{ border-top:1px dashed #ccc; margin-top:10px; padding:5px 0;  color:#585858;}
.newsprenext a{ color:#585858; text-decoration:none;}
.newsprenext a:hover{ color:#f00; text-decoration:none;}
.newspre{ background:url(../images/arr4.gif) no-repeat 0 center; text-indent:12px; }
.newsnext{  background:url(../images/arr4.gif) no-repeat 0 center; text-indent:12px; }

.inputxt1{ border:1px solid #ccc; height:20px; line-height:20px; color:#333;}
.areatxt{ border:1px solid #ccc; line-height:18px; color:#333; width:450px;}
.jobbtn{ background-color:#22809C; width:93px; height:32px; text-align:center; color:#fff; cursor:pointer; border:none;}

.designer_name{ display:block; width:120px; background:#22809C; line-height:30px; height:30px; text-align:center; font:bold 14px/30px "";}
.designer_name a:link,.designer_name a:visited{ color:#fff; text-decoration:none;}
.designer_name a:hover{ color:#fff; text-decoration:none; }

.qqbox{ width:98px;overflow:hidden; position:absolute; right:5px; top:200px; color:#000000; font-size:12px;  z-index:999; }
.qqbox a:hover,a:active { color: #f80000; text-decoration: underline; }  
.qqtop{ }
.qqend1{height:45px;}
.qqend2{height:68px; display:block; cursor:pointer;}
.qqkf{background:url(../images/qq_bg.gif) repeat-y;top:0; z-index:99px; padding-top:10px;min-height:120px; padding-right:15px; } 
.qqkf ul li{ text-align:center;line-height:35px;} 
.qqkf ul li a{ text-decoration:none;}
.qqkf ul li a:hover{ text-decoration:none;}
.qqkf ul li img{}
.weixin a:hover,a:active { color: #f80000; text-decoration: underline; } 
.weixin{width:135px; text-align:center;height:auto; overflow:hidden;color:#000000; font-size:12px; letter-spacing:0px; }

.ViewPic{width:730px;height:555px; position:relative; margin:10px auto; }
.ViewPic #center{position:relative;clear:both;overflow:hidden}
.ViewPic .bigpic{margin:0 auto;color:#333;line-height:18px}
.ViewPic .bigpic .img{margin:0 auto;text-align:center}
.ViewPic .bigpic h2{font-size:14px;padding:10px 0 5px}
.ViewPic .sz{font-size:24px;position:absolute;right:15px;bottom:10px}
.ViewPic .sz span{font-size:48px}
#num{display:none}
.ViewPic .picls{height:60px;padding-top:10px}
.ViewPic .ls_cen{width:728px;float:left}
.ViewPic .smls{width:694px;float:left;height:60px;overflow:hidden}
.ViewPic .smls ul{width:710px}
#nav,.ViewPic .smls ul{padding:0;margin:0;list-style:none}
.ViewPic .smls li{float:left;list-style:none}
.ViewPic .js1_lf_bd{left:0}
.ViewPic .js1_rg_bd{right:0}
.ViewPic .js1_lf_bd,.ViewPic .js1_rg_bd{z-index:10;width:72px;height:72px;position:absolute;top:206px;background:#60b029;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7}
.ViewPic .js1_lf{background:url(../images/js_a.gif) no-repeat 0 0;left:24px}
.ViewPic .js1_rg{background:url(../images/js_a.gif) no-repeat -24px 0;right:24px}
.ViewPic .js1_lf,.ViewPic .js1_rg{z-index:11;display:block;width:24px;height:42px;position:absolute;top:221px}
.ViewPic .an_left a{display:block;background:url(/images/js2_lf.gif) no-repeat;width:15px;height:60px;float:left;margin-right:4px}
.ViewPic .an_right a{display:block;background:url(/images/js2_rg.gif) no-repeat;width:15px;height:60px;float:right}
.ViewPic li{float:left;margin:0 10px 0 0;position:relative;width:80px;height:60px}
.ViewPic li .li_pst_bd{background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
.ViewPic li .li_pst_nr{color:#fff;line-height:20px;text-align:center;z-index:3}
.ViewPic li .li_pst_bd,.ViewPic li .li_pst_nr{width:80px;height:20px;position:absolute;top:40px;left:0}
.ViewPic li .bor{border:#60b029 solid 3px;position:absolute;top:0;left:0;width:74px;height:54px;display:none}
.menu_nav ul,.ViewPic .smls li.one .bor,.ViewPic li .li_pst_pho{display:block}

 
.prodetail{ line-height:24px; color:#333; width:730px; overflow:hidden; margin:20px auto; word-break:break-all; word-wrap : break-word;} 
.prodetail img{
  border:0; 
  margin:0; 
  padding:0; 
  max-width:730px; 
  width: expression(this.width > 730 && this.width > this.height ? 730px : 'auto';); 
}
.prodetail a:link,.prodetail a:visited,.prodetail a:hover{ color:#333; text-decoration:none;}