@charset "utf-8";
/*q_ CSS Document */
.topnav a{ color:#cccccc;}
.topnav a:hover{ color:yellow;}

.zhunav{ float:right;}
.zhunav a{ color:#ccc; font-size:16px;}
.zhunav a:hover{ color:#15b1ac;}
.zhunav li{ float:left; text-align:right; width:95px; font-family:microsoft yahei;}
.zhunav .nLi{ position:relative;}
.zhunav .sub{ display:none; position:absolute; background-color:#04857e; padding:5px; width:100%; top:47px; left:8px; z-index:10;}
.zhunav .sub li{ text-align:center;line-height:24px; }
.zhunav .sub a{ font-size:13px; color:#fff; }
.zhunav .sub a:hover{ color:yellow;}

.red{ color:#ed1a23;}
a.red:hover{ text-decoration:underline;color:#ed1a23;}
.green{ color:#01847f;}
a.green:hover{ color:#01847f; text-decoration:underline;}
.grey{ color:#999;}
a.grey:hover{ text-decoration:underline;}
.footnav a{ color:#fff;}
.footnav a:hover{ color:yellow;}
.fl{ float:left;}
.fr{ float:right;}

.clearfix:after{ content: "020"; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {  /* 触发 hasLayout */ zoom: 1; }

.bodybg{ background-color:#dedede;

FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); 
		background-image: -moz-linear-gradient(top, #eee, #fff); /*火狐*/
		background: -o-linear-gradient(top, #eee 0%,#fff 100%);/*Opera*/
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(1,#fff)); /*Chrome*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType='0'); /*IE*/
}
.bannerx{ height:200px; background:url(../images/bannerx.jpg) no-repeat center center;}
.wrapper{ width:1200px; margin:0 auto;} 
.main{ margin-top:30px; background:url(../images/mainbg.jpg) repeat-y left center;background-color:#fff; }

.leftside{ width:250px; float:left; margin-bottom:30px;}
.leftside h3{ height:70px; line-height:70px; font-size:25px; letter-spacing:3px; background-color:#15b1ac; color:#fff; padding-left:30px; font-weight:normal;}
.leftside ul{ padding:10px 25px;}
.leftside li{ background:url(../images/ciono.gif) no-repeat left center; border-bottom:1px solid #ccc; padding-left:20px; line-height:35px; font-size:14px; font-family:microsoft yahei; margin-top:5px;}
.leftside li a{ color:#444;}
.leftside li a:hover{ color:#ff0000;}
.leftside .lianxi{ padding:0 25px;color:#444;}

.content{ float:right; width:950px;}
.content .titt{ height:62px; line-height:62px; border-top:7px solid #04857e; border-bottom:1px solid #15b1ac; line-height:80px; color:#aaa;}
.content .titt h3{ font-weight:normal; padding-left:20px; font-size:16px;}
.content .titt h3 em{ font-size:50px; font-style:italic; line-height:62px; padding-right:8px;}
.content .titt span{ padding-right:20px;}
.content .titt a{ color:#aaa;}
.content .neirong{ padding:30px 20px; font-size:14px; color:#6D6D6D;}

.content .partable{ width:100%;}
.content .partable td{ padding:3px;}

/*.content .pro li{ float:left; margin:5px 13px 22px; position:relative; overflow:hidden;}
.content .pro .probg,.content .pro .txt{position:absolute; bottom:0px; left:0px; transition:1s; }
.content .pro .probg{ background-color:#f1f4f9; height:64px; width:100%; opacity:.95;}
.content .pro .img img{ width:200px; height:230px;}
.content .pro .txt{font-family:microsoft yahei; padding:10px 10px; height:44px; width:180px;}
.content .pro .proltit{ font-size:12px; color:#777; }
.content .pro .tit{ font-size:15px; color:#01847f; height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.content .pro li em{ height:8px; width:0px; transition:.3s; background-color:#01847f;  margin:0 auto; margin-top:30px; display:block; border-radius:5px;}
.content .pro li:hover .probg{ height:100%;}
.content .pro li:hover .txt{ bottom:50%;  text-align:center; }
.content .pro li:hover .tit{ overflow:visible; white-space:normal;}
.content .pro li:hover em{width:100px;}*/
.content .pro li{ float:left; margin:5px 13px 22px;}
.content .pro .img img{ width:200px; height:230px;}
.content .pro .txt{font-family:microsoft yahei; padding:10px 10px;width:180px;}
.content .pro .proltit{ font-size:12px; color:#777; display:none;}
.content .pro .tit{ font-size:14px; color:#01847f; height:22px; line-height:120%; text-align:center;}

.content .case{ margin-bottom:20px;}
.content .case li{ float:left; margin:0px 18px 2px; border:1px solid #fff; padding:10px;}
.content .case .img img{ width:240px;}
.content .case .txt{ text-align:center; height:24px; line-height:24px;}
.content .case li:hover{ border-color:#15b1ac; background-color:#f1f4f9;}
.content .case li:hover a{ color:#15b1ac;}
.content .news li{ padding:10px 0px;}
.content .news .img{ float:left; transition:.5s; margin-right:40px;}
.content .news .img img{ width:170px; height:120px; border:1px solid #ccc;}
.content .news .txt{ transition:.5s;}
.content .news .tit{ font-size:18px; color:#000; font-family:microsoft yahei;}
.content .news .time{ font-size:12px; color:#888; padding:5px 0;}
.content .news .miaoshu{ margin-top:5px; line-height:200%; color:#888; height:52px; overflow:hidden;}
.content .news li:hover{ background-color:#eee;}
.content .news li:hover .img{transform:translateX(10px);}
.content .news li:hover .txt{transform:translateX(-10px);}

.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 780px; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; border: 1px solid #15b1ac; outline: none; background: #fff; }
.messageinput { width: 236px; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #15b1ac; outline: none;  background: #fff; }
.messagebtn { width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 500px; color: #fff; background: #15b1ac; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

.content .contactable td{ line-height:180%; font-size:13px; font-family:microsoft yahei;}

.neirongcc img{ max-width:700px;}