﻿body { margin:0px; padding:0px; font-family:Arial;}

table{border:0;margin:0;border-collapse:collapse;border-spacing:0;}
table td{padding:0;}    

div { border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
    text-align: left;
}

img { border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
    vertical-align:middle;
}

hr{ padding:0; margin:0; border:0;}

p{ border:0; margin:0; padding:0;}

input[type="text"] { margin:0; padding:0; vertical-align:middle; outline:none;}
input[type="submit"]{ vertical-align:middle;}
textarea { outline:none;}
ul,li{ margin:0; padding:0; list-style:none; }

/*页面表格*/
.adminTable{ width:85%;}
/*设置后台各模块页面中的小标题*/
.adminTableTitle { font-weight:bold; font-size: 12px;background-image: url('../admin/images/admin_bg_1.gif');background-repeat:repeat-x;height:25px; line-height:25px; text-align:center;}


/*设置放置文本框的表格的样式*/
.GridViewClass { background-color:#fff; font-size:12px; border-color: #ECE9D8; border-width:1px; border-style:solid; text-align:center; width:100%}
.GridViewClass td{ height:22px; padding-top:1px; padding-bottom:1px;}
.GridViewClass input[type="text"],textarea,input[type="password"] {
}

/*后台管理按钮的样式*/
.btn
{
	font-size: 12px;
	color: #000000;
	background-color: #f7f7f7;
	border-top: 1px none #CCCCCC;
	border-right: 1px ridge #CCCCCC;
	border-bottom: 1px ridge #CCCCCC;
	border-left: 1px none #CCCCCC;
	line-height:20px;
	height:20px;
}

/*显示系统设置的表格的样式*/
.padding-left-10 { padding-left:10px; text-align:left;}


.GridViewClass a:link {
	color: #666666;
	text-decoration: none;
}
.GridViewClass a:visited {
	text-decoration: none;
	color: #666666;
}
.GridViewClass a:hover {
	text-decoration: underline;
	color: #FF0000;
	
}
.GridViewClass a:active {
	text-decoration: none;
	color: #666666;
}

/*表格内单元格中<a>标签的文字溢出处理*/
.TableYiChuWenZi { table-layout:fixed;}
.TableYiChuWenZi td{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/*text-overflow:ellipsis自动加省略号只在ie中显效*/
.TableYiChuWenZi td a{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}/*text-overflow:ellipsis自动加省略号只在ie中显效*/

/*处理一些关键位置的文字溢出*/
.YiChuWenZi {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.EnglishFont { font-family:arial, simsun, georgia, verdana, helvetica, sans-serif;}

.displayInlineBlock{ display:inline-block;}
.displayInlineBlock{ *display:inline;}

/*清除浮动*/
.clear{ clear:left;}

/*悬浮QQ*/
/*.SonlineBox{ width:162px; font-size:12px;overflow:hidden; z-index:9999;}
.SonlineBox .openTrigger{ width:30px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#0176ba url(../images/openTrigger.jpg) no-repeat;}
.SonlineBox .titleBox{ width:158px; height:35px; line-height:35px; background:#038bdc url(../images/SonlineTitleBg.gif) repeat-x; border-bottom:2px solid #0176ba;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'寰蒋闆呴粦','榛戜綋';}
.SonlineBox .contentBox{ width:158px; height:auto; border:2px solid #0176ba; background:#fff; position:absolute; z-index:2;}
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:86%; height:22px; margin:10px auto 0px auto;}
.SonlineBox .contentBox .listBox .QQList span{float:left; line-height:22px;}
.SonlineBox .contentBox .listBox .QQList a{float:left;}*/


/*a:link {color: #FF0000; text-decoration:none;}		 未访问的链接 
a:visited {color: #00FF00; text-decoration:none;}	 已访问的链接 
a:hover {color: #FF00FF; text-decoration:none;}	 鼠标移动到链接上 
a:active {color: #0000FF; text-decoration:none;}	 选定的链接 
伪类样本*/


/*网页样式*/

/*头部*/
.TopMain { width:1002px;height:113px; margin:0 auto; background-color:#fff; position:relative;}
.TopMain .LoGo{ width:261px; height:113px; float:left; background-image:url(../images/4.jpg);}
.TopMain .Menu { float:left; width:741px; padding-top:80px;}
.TopMain .Menu .MenuItem { width:123px; font-size:18px; font-family:Arial; float:left; width:123px; text-align:center;}
.TopMain .Menu .MenuItem a { line-height:1em; color:#0378f2; text-decoration:none;}
.TopMain .Menu .MenuItem a:hover { color:#ff0113;}

/*底部*/
.ECOButtom { height:64px; background-image:url(../images/8.jpg);}
.ECOButtom .Cent { width:1002px; margin:0 auto; height:64px; position:relative;}
.ECOButtom .Cent .foot { position:absolute; font-family:Arial; font-size:13px;top: 20px;left: 38px;}
.ECOButtom .Cent .search { position:absolute; top:19px; left:705px;}
.ECOButtom .Cent .search input[type="text"]{ width:210px; height:18px; border:1px solid #ccc;}
.ECOButtom .Cent .search input[type="submit"]{ border:0; background-image:url(../images/10.jpg); width:54px; height:19px; cursor:pointer;}

/*公用中间图片切换页面*/
.master { width:1002px; margin:0 auto; height:277px; position:relative;}
.master .Cent{ width:1400px; height:277px; position:absolute; z-index:2; left:-199px; background-image:url(../images/ECO-about.png);}
.master .Cent .title { position:absolute; left:1038px; text-align:center; font-weight:bold; font-size:18px; color:#0370fc;top:159px;width:131px;}
.master .flash{ width:783px; height:277px; top:0; left:0; position:absolute; z-index:1;}
.master .flash iframe {width:783px; height:277px;}
.flashShow { width:783px; height:277px;}

/*首页HOME*/
.indexFlashShow { width:1002px; margin:0 auto; height:583px; position:relative;}
.indexFlashShow .Cent { width:1400px; height:583px; position:absolute; left:-199px;}
.indexFlashShow .Cent iframe { width:1400px; height:583px;}

.IndexLink { margin:0 auto; width:1002px; position:relative; height:269px;}
.IndexLink img{ position:absolute; width:1002px; height:315px; top:-46px;}

.IndexCent { height:308px; background-image:url(../images/12.jpg)}
.IndexCent .Cent { width:1002px; height:308px; margin:0 auto;}

.IndexCent .Cent .aboutUs{ float:left; margin-left:39px; width:288px; height:276px; padding-top:32px;}
.IndexCent .Cent .aboutUs .div1{ font-size:18px; font-weight:bold; text-align:left; height:18px; color:#377fdb;}
.IndexCent .Cent .aboutUs .div2{ height:13px; text-align:right;}
.IndexCent .Cent .aboutUs .hr { height:1px; background-image:url(../images/14.jpg); margin-top:2px;}
.IndexCent .Cent .aboutUs>.center { padding-top:10px; font-size:13px; font-family: Arial; text-align:left; line-height:1.7em;}
.IndexCent .Cent .hr2 { float:left; width:8px; height:308px; background-image:url(../images/15.jpg); background-repeat:no-repeat; background-position:bottom; margin-left:14px; margin-right:17px;}

.IndexCent .Cent .News{ float:left; width:288px; height:276px; padding-top:32px;}
.IndexCent .Cent .News .div1{ font-size:18px; font-weight:bold; text-align:left; height:18px; color:#377fdb;}
.IndexCent .Cent .News .div2{ height:13px; text-align:right;}
.IndexCent .Cent .News .hr { height:1px; background-image:url(../images/14.jpg); margin-top:2px; margin-bottom:8px;}
.IndexCent .Cent .News .Items { width:288px; overflow:hidden; height:109px; font-family:Arial; font-size:13px; line-height:2em;word-wrap:break-word;}
.IndexCent .Cent .News .Items a { font-size:15px; text-decoration:none; color:#0370fc; display:block;}
.IndexCent .Cent .News .Items a:hover { text-decoration:underline;}

.IndexCent .Cent .Contactus{ float:left; width:288px; height:276px; padding-top:32px;}
.IndexCent .Cent .Contactus .div1{ font-size:18px; font-weight:bold; text-align:left; height:18px; color:#377fdb;}
.IndexCent .Cent .Contactus .div2{ height:13px; text-align:right;}
.IndexCent .Cent .Contactus .hr { height:1px; background-image:url(../images/14.jpg); margin-top:2px; margin-bottom:8px;}
.IndexCent .Cent .Contactus .content { font-family:Arial; font-size:13px; color:#000; line-height:18px;}
.IndexCent .Cent .Contactus .content span { color:#367fda;}
.IndexCent .Cent .Contactus .contactimg img { height:120px;}

/*关于我们ABOUT*/
.AboutMain { padding-top:22px; line-height:3.0em; font-size:16px; color:#0370fc; padding-left:45px; margin-bottom:30px;}
.AboutMain span{ vertical-align:middle;*vertical-align:inherit;}
.backgroundDiv { position:relative; height:0;}
.backgroundDiv .background{ position:absolute; background-image:url(../images/2.png); width:793px; height:393px; top:76px; left:408px;}

/*产品中心PRODUCT*/
.MapSite {color:#5c5c5c; font-size:12px; line-height:38px;text-align:right;width:773px;}
.MapSite a{ text-decoration:none; color:#5c5c5c; font-size:12px; line-height:38px; font-family:微软雅黑; font-weight:bold;}
.MapSite a:hover{ text-decoration:underline;}

.productLeft { width:773px; float:left; margin-left:10px;}
.productRight { width:219px; float:left;}

.proItemShow { display:inline-block; vertical-align:middle; width:206px; margin-right:70px; margin-bottom:20px;}
.proItemShow { *display:inline;}
.proItemShow2 { display:inline-block; vertical-align:middle; width:206px;margin-bottom:20px;}
.proItemShow2 { *display:inline;}
.proImg{ width:206px; height:206px;}
.proImg img{ width:200px; height:200px; border:3px solid #76b1fd; -webkit-transition:all 0.25s linear;-webkit-box-shadow: #6C6C6C 0px 0px 7px; transition:all 0.25s linear; box-shadow: #6C6C6C 0px 0px 7px;}
.proImg img:hover{ -webkit-transform:scale(1.02); transform:scale(1.02)}
.proName{ width:206px; font-size:13px; height:2em; line-height:2em; text-align:center;}

.propage { border-top:#999 solid 1px; line-height:2em; margin-bottom:20px;}

.productRight { padding-top:60px;}
.productRight .classItem { font-family:Arial; font-size:15px; text-align:right; padding-right:20px; line-height:26px; background-image:url(../images/4.png); background-repeat:no-repeat; background-position:top right; margin-bottom:10px;}
.productRight .classItem a {  text-decoration:none; color:#0370fc;}

.productRight .classItem2 { font-family:Arial; font-size:15px; text-align:right; padding-right:20px; line-height:26px; background-image:url(../images/4.png); background-repeat:no-repeat; background-position:bottom right;margin-bottom:10px;}
.productRight .classItem2 a {  text-decoration:none; color:#0370fc; font-weight:bold;}

/*news新闻咨询*/
.NewsMain{ font-family:Arial; font-size:13px;}

.NewsMain .content{ float:left; width:673px; padding-top:24px;}
.NewsMain .content .newsItem { width:673px; height:140px;}
.NewsMain .content .newsItem .newsimg { width:168px; height:140px; float:left;}
.NewsMain .content .newsItem .newsimg img{width:105px; height:111px;margin:2px 0 0 37px; transition:all 0.25s linear;}
.NewsMain .content .newsItem .newsimg img:hover {opacity:0.6;transform:rotate(30deg); -webkit-transform:rotate(30deg);}
.NewsMain .content .newsItem .newsshow { width:505px; height:140px; float:left; overflow:visible;}
.NewsMain .content .newsItem .newsshow a { display:inline-block; margin:2px 0 5px; font-size:15px; color:#0370fc; text-decoration:none; font-weight:bold;}
.NewsMain .content .newsItem .newsshow a { *display:inline;}
.NewsMain .content .newsItem .newsshow a:hover { text-decoration:underline;}
.NewsMain .content .newsItem .newsshow hr { height:0; border-top:dashed 1px #777; margin:10px 0;}
.NewsMain .content .newsItem .newsshow .content2 { line-height:24px;}

.NewsMain .tuijian{ float:left; width:287px; margin-left:42px;padding-top:24px;}
.NewsMain .tuijian a { font-size:15px; font-weight:bold; color:#3d91fe; line-height:1.8em; text-decoration:none;}
.NewsMain .tuijian a:hover { text-decoration:underline;}
.NewsMain .tuijian hr { height:0px; background-color:transparent; border-bottom:1px dashed #3d91fe; margin:5px 0;}

/*newsbig新闻点击*/
.NewsbigMain .content{ float:left; width:673px;}

.NewsbigMain .tuijian{ float:left; width:287px; margin-left:42px;padding-top:24px;word-wrap:break-word;}
.NewsbigMain .tuijian a { font-size:15px; font-weight:bold; color:#3d91fe; line-height:1.8em; text-decoration:none;}
.NewsbigMain .tuijian a:hover { text-decoration:underline;}
.NewsbigMain .tuijian hr { height:0px; background-color:transparent; border-bottom:1px dashed #3d91fe; margin:5px 0;}


/*服务中心Services*/
.ServicesMain .content{ float:left; width:619px; padding-left:54px; font-family:Arial; padding-top:45px; margin-bottom:30px;}
.ServicesMain .content .table{ margin-bottom:45px;}
.ServicesMain .content .title{ color:#0370fc; font-size:15px; line-height:22px; font-weight:bold;}
.ServicesMain .content .miaoshu { color:#474747; font-size:13px; line-height:22px;}
.ServicesMain .content .link {color:#384e7d; font-size:13px; line-height:22px; text-decoration:none;}
.ServicesMain .content .link:hover{ text-decoration:underline;}
.ServicesMain .content hr { height:0px; border-bottom:1px dashed #444; margin:5px 0;}
.ServicesMain .content .propage { border-top:0; line-height:2em; margin-bottom:20px;}

.ServicesMain .tuijian{ float:left; width:287px; margin-left:42px;padding-top:24px;}
.ServicesMain .tuijian a { font-size:15px; font-weight:bold; color:#3d91fe; line-height:1.8em; text-decoration:none; word-wrap:break-word;}
.ServicesMain .tuijian a:hover { text-decoration:underline;}
.ServicesMain .tuijian hr { height:0px; background-color:transparent; border-bottom:1px dashed #3d91fe; margin:5px 0;}

/*联系我们contact*/
.contactMain { font-family:Arial; background-image:url(../images/ECO-contact.png); background-repeat:no-repeat; background-position:655px 46px; padding:31px 0 0 40px; margin-bottom:30px;}
.contactMain>img {}
.contactMain .cent { font-size:16px; color:#0370fc; line-height:30px; margin-bottom:30px;}
.contactMain .title { font-size:13px; color:#474747; line-height:2em; margin-bottom:30px;}
.contactMain .table{font-size:13px; color:#474747;}
.contactMain .table td { height:42px;}
.contactMain input[type="text"] { width:247px; height:22px; line-height:22px; border:1px solid #474747;}
.contactMain textarea { width:337px; height:158px; border:1px solid #474747;}
.contactMain input[type="submit"] { width:138px; height:34px; border:0; background-image:url(../images/18.jpg);}