﻿@charset "utf-8";
html{overflow-y:scroll;}
body{ margin:0px; padding:0px; font-size:12px; background:#f8f8f8; color:#484848; font-family:Arial,"微软雅黑";}
ul,li,dl,dd,dt{ margin:0px; padding:0px; list-style:none;}
html, body, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form,  input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
p{ margin:0px; padding:0px;}
img{border:none; padding:0; margin:0; vertical-align:middle;}
a{text-decoration:none; color: #484848;}
a:hover{color: #484848;}

/* 首页公共样式 */
.zs{
	background:url(../images/zs.jpg) no-repeat center;
}
.zs .top{
	width: 1200px; height: 35px; line-height: 35px; border-bottom: 1px #ad251c solid;background: none;
}
.zs .top .left{
	width: 50%; float: left;
}
.zs .top .left p{
	float: left; color:#fff;
}
.zs .top .left p a{
	font-weight: bold; color: #ccff00; margin: 0 60px 0 10px; 
}
.zs .top .left strong{
	color: #fff; padding-left: 25px; background: url(../images/tel.png) no-repeat left center; float: left;
}
.zs .top .right{
	width: 50%; float: right; text-align: right;
}
.zs .top .right div{
	display: inline-block;
}
.zs .qq{
	margin: 0 5px;
}
.zs .dh a{
	margin: 0 10px; color:#fff;
}
.zs .head{
	margin: 0 auto;background: none;
}
.zs .head_c{
	width: 1200px; margin: 0 auto; overflow: hidden;
}
.zs .logo{
	width: 482px; height: 100px; float: left; background: url(../images/logo.png) no-repeat left center;
}
.zs .logo a{
	width: 482px; height: 100px; display:block;
}
.zs .search{
	width: 450px; float: left; padding-top: 32px;
}
.zs .search .keyword{
	width: 340px; height: 35px; border: 1px #a30000 solid; border-right: none; display: inline-block; float: left; background:#f8f8f8;
}
.zs .search .text{
	font-size: 14px; height: 32px; width: 320px; float: left; margin: 2px 0 0 10px; border: none; outline: none; color:#333; background:#f8f8f8;
}
.zs .search .button{
	width: 74px; height: 37px; display: inline-block; float: left;
}
.zs .search .submit{
	width: 74px; height: 37px; background: url(../images/submit.png) no-repeat center; border: none; cursor: pointer;
}
.zs .phone{
	width: 74px; height: 37px; float: left; background: url(../images/phone.png) no-repeat right center;
}

/* index-header样式 */

.zs .nav{
	clear: both;
}
.zs .nav .left{
	width: 204px; height: 50px; background: #f8f8f8; float: left; font-size: 18px; color: #1c1c1c; text-align: center; line-height: 50px;
}
.zs .nav .right{
	width: 996px; height: 40px; float: right; text-align: center; padding-top: 10px;
}
.zs .nav .right li{
	width: 86px; height: 30px; line-height: 30px; text-align: center; display: inline-block; margin: 0 10px; border-radius: 5px; transition: all ease 0.2s;
}
.zs .nav .right a{
	font-size: 16px; color: #fff; transition: all ease 0.2s;
}
.zs .nav .right .hover{
	border-radius: 5px; background: #a30000;
}
.zs .nav .right .hover a{
	color: #fff;
}
.zs .nav .right li:hover{
	background: #a30000;
}
.zs .nav .right li:hover a{
	color: #fff;
}
/*新年首页样式*/

.top{
	width: 1200px; height: 35px; line-height: 35px; border-bottom: 1px #f1f2f3 solid; background: #fff;margin: 0 auto;
}
.top .left{
	width: 50%; float: left;
}
.top .left p{
	float: left;
}
.top .left p a{
	font-weight: bold; color: #f08300; margin: 0 60px 0 10px; 
}
.top .left strong{
	color: #c0025a; padding-left: 25px; background: url(../images/tel.jpg) no-repeat left center; float: left;
}
.top .right{
	width: 50%; float: right; text-align: right;
}
.top .right div{
	display: inline-block;
}
.qq{
	margin: 0 5px;
}
.dh a{
	margin: 0 10px;
}
.head{
	margin: 0 auto; background: #fff;
}
.head_c{
	width: 1200px; margin: 0 auto; overflow: hidden;
}
.logo{
	width: 482px; height: 100px; float: left; background: url(../images/logo.jpg) no-repeat left center;
}
.logo a{
	width: 482px; height: 100px; display:block;
}
.search{
	width: 450px; float: left; padding-top: 32px;
}
.search .keyword{
	width: 340px; height: 35px; border: 1px #dbdbdb solid; border-right: none; display: inline-block; float: left;
}
.search .text{
	font-size: 14px; height: 32px; width: 320px; float: left; margin: 2px 0 0 10px; border: none; outline: none; color:#999999;
}
.search .button{
	width: 74px; height: 37px; display: inline-block; float: left;
}
.search .submit{
	width: 74px; height: 37px; background: url(../images/submit.jpg) no-repeat center; border: none; cursor: pointer;
}
.phone{
	width: 74px; height:37px; float: left; background: url(../images/phone.jpg) no-repeat right center;
}

/* index-header样式 */

.nav{
	clear: both;
}
.nav .left{
	width: 204px; height: 50px; background: #f8f8f8; float: left; font-size: 18px; color: #1c1c1c; text-align: center; line-height: 50px;
}
.nav .right{
	width: 996px; height: 40px; float: right; text-align: center; padding-top: 10px;
}
.nav .right li{
	width: 86px; height: 30px; line-height: 30px; text-align: center; display: inline-block; margin: 0 10px; border-radius: 5px; transition: all ease 0.2s;
}
.nav .right a{
	font-size: 16px; color: #1c1c1c; transition: all ease 0.2s;
}
.nav .right .hover{
	border-radius: 5px; background: #c0025a;
}
.nav .right .hover a{
	color: #fff;
}
.nav .right li:hover{
	background: #c0025a;
}
.nav .right li:hover a{
	color: #fff;
}



.project{
	width: 1200px; height: 424px; overflow: hidden; margin: 0 auto;
}
.subnav{
	width: 204px; height: 424px; float: left; background: #fff; position: relative;
}
.subnav li{
	border-bottom: 1px #f1f2f3 solid; background: 183px center; transition: all ease 0.3s;
}
.subnav .txt{
	height: 52px; line-height: 52px;
}
.subnav .txt a{
	display: block; font-size: 16px;
}
.subnav .txt img{
	margin: 0 10px 0 40px;
}
.subnav li:hover{
	background: url(../images/subnav_h.jpg) no-repeat 183px center #e8e8e8;
}

.subnav li:hover .pop{
	display: block; background: rgba(0,0,0,0.8); z-index: 10;
}
.pop h1{
	font-size: 26px; margin: 40px 0 10px 50px;
}
.pop p{
	font-size: 14px; text-transform: uppercase; padding: 0 0 20px 50px;
}
.pop .line{
	height: 1px; background: rgba(255,255,255,0.2);
}
.pop .left{
	width: 587px; float: left; padding-left: 30px;
}
.pop .left a{
	font-size: 14px; color: #FFFFFF;  padding: 5px; margin: 15px 10px 0 10px; text-align: center; display: inline-block; width:100px; background: #938D8D;
}
.pop .left a:hover{
	background: #c0025a; color: #FFFFFF;
}
.pop .right{
	width: 359px; padding: 20px 20px 0 0; float: right;
}
.pop .right img{
	width: 359px; height: 137px;
}

/* header样式 */

.navv{
	clear: both;
}
.navv .left-off{
	width: 204px; height: 50px; background: #f8f8f8; float: left; position: absolute;
}
.navv .left-off .all{
	font-size: 18px; color: #1c1c1c; height: 50px; line-height: 50px; margin-left: 25px; padding-left: 25px; background: url(../images/all.jpg) no-repeat center left;
}
.navv .left-off:hover .projectt{
	display: block;
}
.navv .right-on{
	width: 500px; height: 40px; float: right; text-align: center; padding-top: 10px;
}
.navv .right-on li{
	width: 86px; height: 30px; line-height: 30px; text-align: center; display: inline-block; margin: 0 10px; border-radius: 5px; transition: all ease 0.2s;
}
.navv .right-on a{
	font-size: 16px; color: #1c1c1c; transition: all ease 0.2s;
}
.navv .right-on .hover{
	border-radius: 5px; background: #c0025a;
}
.navv .right-on .hover a{
	color: #fff;
}
.navv .right-on li:hover{
	background: #c0025a;
}
.navv .right-on li:hover a{
	color: #fff;
}

.projectt{
	width: 1200px; height: 424px; overflow: hidden; margin: 0 auto; position: absolute; top: 50px; left: 0; display: none; z-index: 3
}
.subnav{
	width: 204px; height: 424px; float: left; background: #fff; position: relative;
}
.subnav li{
	border-bottom: 1px #f1f2f3 solid; background: 183px center; transition: all ease 0.3s;
}
.subnav .txt{
	height: 52px; line-height: 52px;
}
.subnav .txt a{
	display: block; font-size: 16px;
}
.subnav .txt img{
	margin: 0 10px 0 40px;
}
.subnav li:hover{
	background: url(../images/subnav_h.jpg) no-repeat 183px center #e8e8e8;
}
.subnav li .pop{
	width: 996px; height: 424px; background: rgba(0,0,0,0); position: absolute; left: 204px; top: 0; display: none; color: #fff;
}
.subnav li:hover .pop{
	display: block; background: rgba(0,0,0,0.8); z-index: 10;
}
.pop h1{
	font-size: 26px; margin: 40px 0 10px 50px;
}
.pop p{
	font-size: 14px; text-transform: uppercase; padding: 0 0 20px 50px;
}
.pop .line{
	height: 1px; background: rgba(255,255,255,0.2);
}
.pop .left{
	width: 587px; float: left; padding-left: 30px;
}
.pop .left a{
	color: #FFFFFF;  padding: 5px; margin: 15px 10px 0 10px; text-align: center; display: inline-block; width:100px; background: #938D8D;
}
.pop .left a:hover{
	background: #c0025a; color: #FFFFFF;
}
.pop .right{
	width: 359px; padding: 20px 20px 0 0; float: right;
}
.pop .right img{
	width: 359px; height: 137px;
}


/*about-css*/
.main-left{   float: left; height: 695px; width: 313px; display: block; margin-top: 30px;}
.main-left h1 {padding:27px 0px 0px 27px;height:69px;background: #c0025a;width:285px;}

/*new-list*/
.article_list{float:left; width:900px; height:auto; border:6px solid #e4e2e2; padding:60px; margin:0 110px; display:block;}
.article_list dl{float:left; width:100%; height:auto; margin-bottom:35px;}
.article_list dl dt{float:left;width:100%; height:38px; line-height:38px;background:url(../images/ico9.png) no-repeat; background-position:0 -33px;}
.article_list dl dt span{float:left;width:100px; height:38px; text-align:center; margin-right:15px; color:#FFF; font-size:18px; display:block;}
.article_list dl dt a{float:left; width:auto; max-width:730px; color:#646ab2; font-size:18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.article_list dl dd{float:left; width:100%; height:auto; padding:18px 0 28px 0; border-top:1px dashed #b9b9b9; margin-top:18px; border-bottom:1px solid #b8b8b8;}
.article_list dl dd p{float:left; width:100%; font-size:16px; color:#807f7f; line-height:23px; margin-bottom:15px;}
.article_list dl dd div.l{float:left;}
.article_list dl dd div.r{float:right;}
.article_list dl dd div.l i{float:left; width:auto; height:18px; background:url(../images/ico9.png) no-repeat; text-indent:25px; margin-right:15px;line-height:18px; font-size:14px; color:#c6c6c6;}
.article_list dl dd div.l i.i1{background-position:0 -71px;}
.article_list dl dd div.l i.i2{background-position:0 -89px;}
.article_list dl dd div.r a{float:left; width:102px; height:30px; border:1px solid #646ab2; text-align:center; margin-right:15px; line-height:28px; font-size:16px; color:#646ab2; }

.article_list-fy{width:100%; height:30px; line-height:28px; text-align:center; padding:20px 0;float:left;}
.article_list-fy a{width:auto; height:30px; font-size:16px; border:1px solid #b8b8b8; padding:5px 10px; color:#b8b8b8; margin-right:5px;}
.article_list-fy a.on{background:#646ab2; color:#FFF; border:1px solid #646ab2;}
