﻿@charset "utf-8";
/* CSS Document */


/*重置css*/
*{margin:0;padding:0;font-family:"微软雅黑";font-size:14px;}
ul,li{list-style:none;}
a{text-decoration:none;color:black;font-size: 14px;}
.clearfolat{clear:both;}
	
#inenbg {
	float: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	position: absolute;
	z-index: 1000;
}
#inen {
	float: left;
	width: 100%;
	text-align: right;
	font-size: 14px;
	color: #FFF;
}
#inen a {
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}



#topbg {
	float: left;
	width: 100%;
	background-color: #2a96ce;
	/*background-image: url(../images/bj.png);
	background-size: 100% 100%;*/
}
#center {
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#top {
	float: left;
	width: 100%;
}
#logo {
	float: left;
	width: 384px;
	/*padding-top: 2px;
	padding-bottom: 2px;*/
}

#logo img{float: left;height: 76px;width: 95px; margin-top: 9px;}
#logo h3{color: white;font-size: 23px;line-height: 90px;}



#menu {
	float: left;
	width: 702px;
	margin-left: 9px;
}
.menu-a {
	color: #FFF;
	text-decoration: none;
	float: left;
	display: block;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
}
#bannerbg {
	float: left;
	width: 100%;
}
#wenbg {
	float: left;
	width: 100%;
	background-color: #FFF;
	padding-bottom: 20px;
}
#wen {
	float: left;
	width: 100%;
	padding-top: 30px;

}
#intitle {
	float: left;
	width: 100%;
	background-image: url(../images/intitle.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 40px;
}
#intitle span {
	font-size: 14px;
	color: #787878;
}

.ja{float: right;color: #2b2b2b;}
.ja:hover{color: #2a96ce;}

#inaboutbg {
	float: left;
	width: 520px;
	margin-left: 30px;
}

#innewsbg {
	float: left;
	width: 550px;
}
#news {
	float: left;
	width: 100%;
}
#news-a {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
#news-a-left {
	height: 90px;
	width: 90px;
	float: left;
}
#news-a-left img {
	height: 100%;
	width: 100%;
}
#news-a-right {
	float: left;
	width: 450px;
	margin-left: 10px;
        height:86px;
        overflow:hidden;
}
.news-a-right-title {
	padding-bottom: 10px;
}
.news-a-right-title a {
	font-weight: bold;
	color: #5e5e5e;
	padding-bottom: 10px;
	text-decoration: none;
	font-size: 16px;
	
}
.news-a-right-js {
	
	color: #666;

overflow: hidden; 
display: -webkit-box; 
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;
	font-size: 14px;
	margin-top: 6px;
	line-height: 24px;
}
#about {
	float: left;
	width: 100%;
	height: 404px;
	overflow: hidden;
}

#about p{font-size: 16px;color: #5a5a5a;line-height: 26px;padding: 0px 10px}

.about-title{
	margin-top: 10px;
	margin-bottom: 10px;
}
.about-title a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
.about-js{
	line-height: 24px;
}
.about-js a {
	font-size: 14px;
	color: #666;
	text-decoration: none;
}
#inprobg {
	float: left;
	width: 100%;
	padding-bottom: 50px;
	background-image: url(../images/probg.jpg);
	background-position: center center;
}
#pro {
	float: left;
	width: 100%;
}
#pro-a {
	float: left;
	width: 265px;
	margin-right: 5px;
	margin-left: 5px;
}
#pro-a-img {
	float: left;
	width: 100%;
}
#pro-a-more {
	float: left;
	width: 100%;
	margin-top: 40px;
}
.pro-a-more-a {
	color: #000;
	text-decoration: none;
	display: block;
	width: 110px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #8C8C8C;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#nybg {
	float: left;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}
#ny {
	float: left;
	width: 1098px;
	background-color: #FFF;
	border: 1px solid #e6e6e6;
}
#nyleft {
	float: left;
	width: 280px;
}
#nyleft-title {
	float: left;
	width: 100%;
	background-color: #0088F7;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
#nyleft-menu {
	float: left;
	width: 100%;
}


#nyright {
	float: left;
	width: 777px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e6e6e6;
	padding: 20px;
}
#nyright-title {
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.nyright-dh {
	font-size: 14px;
	float: right;
	color: #333;
}
.nyright-dh a {
	color: #333;
	text-decoration: none;
}

#nyright-title span {
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
#nyabout {
	float: left;
	width: 100%;
}
#nyabout1 {
	float: left;
	width: 100%;
}

#nyabout p {
	font-size: 14px;
	color: #333;
	margin-bottom: 10px;
	line-height: 24px;
}
#nyabout1 p {
	font-size: 14px;
	color: #333;
	margin-bottom: 10px;
	line-height: 24px;
}

#nyabout img{/*width: 90%;*/text-align: center;margin: 0 auto;}
#nyabout1 img{text-align: center;margin: 0 auto;}

#nygc img{text-align: center;margin: 0 auto;display: block;}

#nyproduct {
	float: left;
	width: 100%;
}
#nypro-a {
	float: left;
	width: 229px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 30px;
}
#nypro-a-img {
	float: left;
	width: 100%;
}
#nypro-a-img img {
	width: 100%;
}

#nypro-a-title {
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background-color: #F0F0F0;
}
#nypro-a-title a {
	color: #333;
	text-decoration: none;
}
#nynews {
	float: left;
	width: 100%;
}
#nynews-a {
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #C8C8C8;
	font-size: 14px;
}
#nynews-a-title {
	float: left;
	width: 80%;
}
#nynews-a-title a {
	color: #333;
	text-decoration: none;
}
#nynews-a-title a:hover {
	text-decoration: underline;
}


#nynews-a-data {
	float: left;
	width: 20%;
}





#ina-news-a2 {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B4B4B4;
	padding-bottom: 20px;
}
#ina-news-a-left {
	float: left;
	width: 20%;
}
#ina-news-a-right {
	float: left;
	width: 75%;
	font-size: 14px;
	margin-left: 5%;
    height: 111px;
    overflow: hidden;
}
.ina-news-a-title a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.ina-news-a-js a {
	color: #333;
	text-decoration: none;
}
.ina-news-a-js a:hover{
	text-decoration: underline;
}

.wenzi{
	height: 100px; overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;}

#zpxx {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #C8C8C8;
	padding-top: 20px;
	padding-bottom: 20px;
}
.zp-zw {
	font-size: 18px;
}

#zpxx p {
	margin-bottom: 10px;
}















#footbg{
	width: 100%;
	float: left;
	padding-top: 8px;
	padding-bottom: 5px;
	background-color: #2a96ce;
	}
#foot{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	}
#foot p {
	margin-bottom: 0px;
}
#foot p a:hover{
	text-decoration:underline;
}



.list{
	width: 100%;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
}
.list ul li{
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0;
	border-left-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e6e6e6;
	border-right-color: #e6e6e6;
	border-bottom-color: #e6e6e6;
	border-left-color: #e6e6e6;
/*	border-left: 4px solid #f6a21e;*/
}

.list ul li a{
	padding-left: 20px;
	color: #333;
	font-size: 14px;
	display: block;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
}
.inactive2{
	background-image:url(../images/lfethover.png);
	background-repeat: no-repeat;
	background-position: left;
}
.list ul li .inactive{ background:url(../images/off.png) no-repeat 215px center;}
/*.list ul li .inactive10{ background:url(../images/off1.png) no-repeat 215px center;}*/
.list ul li:hover ul{display: block;}

.list ul li .inactives{background:url(../images/on.png) no-repeat 215px center;} 
/*.list ul li ul{display: none;}*/
.list ul li ul li{
	background-color:#ffffff /*#F5F5F5*/;
}
.list ul li ul li:hover {
	background-color: #F5F5F5;
	background-image: url(../images/lfethover.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.list ul li ul li ul{display: none;}
.list ul li ul li a{
	padding-left: 40px;
}
.list ul li ul li ul li { background-color:#d6e6f1; border-color:#6196bb; }
.last{ background-color:#d6e6f1; border-color:#6196bb; }
.list ul li ul li ul li a{ color:#316a91; padding-left:30px;}







#webmenu {

	text-align: center;
}
#webmenu a {

}
#webmenu li ul {
	display:none;
}
#webmenu li ul li {
	float:none;
}
*html #webmenu li ul li {
	display:inline;
}
#webmenu li ul a {
	float: none;
	/*height: 43px;
	line-height: 43px;*/
	height: 36px;
	line-height: 36px;
	padding: 0 18px;
	text-transform: capitalize;
	font-size: 14px;
	overflow: hidden;
}
#webmenu .height-auto {
	line-height:15px;
	padding:5px 10px;
}
.second-menu, .third-menu, .fourth-menu {
	position: absolute;
	z-index: 999;
}
.first-menu li {
	float:left;
	position:relative;
}
.first-menu a {
	float: left;
	display: block;
	font-size: 16px;
	border-right-color: #242424;
	border-bottom-color: #242424;
	border-left-color: #4a4a4a;
/*	height: 101px;*/
	width: 77px;
	line-height: 90px;
	color: #FFF;
	text-decoration: none;
}
.first-menu a:hover {
	background: #4999cc;

}
.second-menu {
	top:89px;
	/*right:0;*/
}
*html .second-menu {
	right:-1px;
}
.second-menu a {
	font-size:16px;
}
.second-menu a.arrow {
	background-color: #57b0f9;
	background-image: url(image/arrow.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.second-menu a.arrow:hover {
	background:#4698ca url(image/arrow.gif) no-repeat right -32px;
}
.second-menu a.arrow-02 {
	background:#3a3a3a url(image/arrow.gif) no-repeat right -64px;
}
.second-menu a.arrow-02:hover {
	background:#4698ca url(image/arrow.gif) no-repeat right -110px;
}
.third-menu, .fourth-menu {
	width:104px;
	top:0;
	left:124px;
}
.third-menu a {
	background: #57b0f9;
	font-weight: normal;
}
#subMgm {
	width:104px;
}
#subMgm .third-menu {
	left:104px;
}
#subMgm .fourth-menu {
	left:104px;
}
#subMusic, #subNews {
	width:104px;
}.zhaopin-tijiao {
	color: #0088F7;
	text-decoration: none;
	font-size: 14px;
	border: 1px solid #0088F7;
	display: block;
	width: 100px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#zhaopinif {
	float: left;
	width: 60%;
	margin-right: 20%;
	margin-left: 20%;
}
#zp-a {
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
#zp-a-left {
	float: left;
	width: 25%;
	text-align: right;
	padding-right: 5%;
}
#zp-a-right {
	float: left;
	width: 70%;
}
.zp-a-bd {
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}
#zp-a-tijiao {
	float: left;
	width: 100%;
}
#zp-a-tijiao a {
	color: #FFF;
	text-decoration: none;
	background-color: #0088F7;
	width: 100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	text-align: center;
}




/*工程案例*/
.lipin{width: 1100px;margin: 60px auto 50px;overflow: hidden;}
.tuiguang{width: 126px;height: 40px;background-color: #2a96ce;float: left;}
.tuiguang p{text-align:center;font-size: 16px;font-weight: 600;color: white;padding-top: 9px;}
.a a{color: #2b2b2b;float: right;line-height: 40px;margin-right: 9px;}
.a a:hover{color: #2a96ce;}

.zhu_remen{width: 100%;background-image: url(../images/chanpinbei.png);height: 500px;}
.zhu_rm_nei{width: 1100px;margin: 0 auto;}
.zhu_rm_top{text-align: center;}
.zhu_rm_top p{font-size: 26px;line-height: 30px;margin: 15px auto;color: #365a96;padding-top: 50px;font-weight: bold;}
.zhu_rm_top img{width: 60px;margin-bottom: 10px;}

.zhu_rm_middle{width: 1100px;margin: 10px auto;}
.zhu_rm_middle p{text-align: center;color: #5a5a5a;line-height: 25px;font-size: 17px;}

#div1{ width:1100px;position: relative; margin: 30px auto 10px;overflow: hidden;}
#div1 ul { width: 1100px; position: relative; }
#div1 ul li { float: left; list-style: none; padding-right:20px;}
#div1 ul li img {display: inline-block;}
.zhu_rm_bottom{width: 213px;height: 204px;}
.zhu_pb_tu{width: 205px;height: 164px;text-align: center;margin: 0 auto;margin-top: 8px;}
.zhu_pb_tu img{width: 100%;height: 100%;}
.zhu_rm_bottom_b p{width: 100%;text-align: center;line-height: 30px;height: 30px;}

.zhu_rm_bottom_b:hover{border: 1px solid #2a96ce;}
.zhu_rm_bottom_b:hover p{color:#5a5a5a;}


/*内页案例*/
.rm_bottom{width: 229px;height: 215px;float: left;padding: 0 15px;margin-bottom: 30px;}
.pb_tu{width: 229px;height: 174px;text-align: center;margin: 0 auto;margin-top: 8px;}
.pb_tu img{width: 100%;height: 100%;}
.rm_bottom_b p{width: 100%;text-align: center;line-height: 30px;padding-top: 6px;padding-bottom: 6px;background-color: #F0F0F0;color: #333;}

.rm_bottom_b:hover p{color:white;background-color: #2a96ce;}

.pbz_tu{width: 229px;height: 320px;text-align: center;margin: 0 auto;margin-top: 8px;}
.pbz_tu img{width: 100%;height: 100%;}
.rm_bottomz{width: 229px;float: left;padding: 0 15px;margin-bottom: 30px;}


/*联系我们*/

.lianxiw{}
.lianxiw p{}



/*在线留言*/

.zx_kuang{width:500px;margin: 0 auto;margin-top: 50px;}
.xz_li{margin:14px 0;}
.xz_li samp{width:190px;display: block;float:left;text-align: right;margin-right: 4px;}
.xz_li02 samp{width:190px;display: block;float:left;text-align: right;margin-right: 4px;}
.xz_li03 samp{width:190px;display: block;float:left;text-align: right;margin-right: 4px;}
.xz_li02 input{margin-left: 4px;margin-right: 8px;}
.xz_li02{margin:8px 0;}
.xz_li03 textarea{width:300px;height: 100px;}
.xz_li03 samp{line-height: 100px;}
.xz_lichang input{width:240px;}
.xz_liyan input{width:100px;}
.xz_an{width:130px;margin: 0 auto;}
.xz_an input{padding:1px 10px;margin: 0 5px;}


.fanye
{
    margin:0 auto;
    width:100%;
    text-align:center;
    height :70px;
    line-height:70px;
    float:left;
}
    .fanye a
    {margin-left:5px;
        padding:7px;
        border :1px solid #585454;
        
        color:rgba(0,0,0,0.9);
   text-decoration:none;
    }
        .fanye a:hover
        {
            background-color:#585454;
            color:#fff;
        }
    .fanye span
    {
        margin-left:5px;
    }

/*底部*/
.zhu_lx_left{width: 400px;float: left;}
.zhu_lxl_nei{float: right;text-align: center;width: 150px;height: 122px;}
.zhu_lxl_nei img{width:66%;}/*.zhu_lxl_nei img{width: 98px;}*/
.zhu_lxl_nei p{font-size: 15px;color:rgba(255, 255, 255, 0.98);}


.zhu_lx_right{width: 600px;float: right;text-align: left;}
.zhu_lx_right h3{color: rgba(255, 255, 255, 0.98);font-size: 20px;margin-bottom: 10px;}
.zhu_lx_right p{color: rgba(255, 255, 255, 0.98);font-size: 15px;line-height: 30px;}





/*二级菜单栏调整*/
.jishu1{width: 178px;text-align: left;}
.jishu1 a{width: 178px;padding: 0 12px;}

.gongc1{width: 130px;text-align: left;}
.gongc1 a{width: 142px;padding: 0 12px!important;}

.peit1{width: 100px;text-align: left;}
.peit1 a{width: 100px;padding: 0 12px!important;}


.s a{color: #666666;}
.x a{color: #666666;}


