﻿@charset "utf-8";
/* CSS Document */


*{ margin:0; padding:0; list-style:none;}
body{ margin:0; padding:0; font-family:"微软雅黑",Arial,"宋体"; color:#333; font-size:14px;}
div,form,dl,dd,dt,ul,li,p,img,a,span,pp,s1,s2,s3,s4,input{ list-style:none; margin:0; padding:0; border:0; }
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
img{ border:none; vertical-align:middle;}
i{ display:inline-block; background:url(../images/sprites_ico.png) no-repeat;}


input,select,textarea{ vertical-align:middle; font-family:"微软雅黑",Arial,"宋体"; outline:none;}
.clear{ clear: both; font-size:0px; line-height:0px; height:0; overflow: hidden; width:100%;}
.wrapper{ width:1000px; margin:0 auto; overflow:hidden;}
.no_m_r{ margin-right:0px !important;}
.no_m_l{ margin-left:0px !important;}
.no_border{border:none !important;}
.no_border_t{border-top:none !important;}
.fl{ float:left;}
.fr{ float:right;}


.radius{
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

.radius4{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.radiusblr{
	-moz-border-bottom-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
	-moz-border-bottom-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;

}

.shadowIn{
	-moz-box-shadow:2px 2px 6px #ddd inset;             
    -webkit-box-shadow:2px 2px 6px #ddd inset;             
    box-shadow:2px 2px 6px #ddd inset;   
}





/*链接全局样式*/
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:active{color:#333; text-decoration:none;}
a:hover{color:#337aca; text-decoration:underline;}
a{ outline:none; -moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}


/*文章列表小方块,小箭头*/
em.fk{ background:#00226e; width:3px; height:3px; display:inline-block; float:left; margin-top:6px; margin-right:10px;}
em.jt{display:inline-block; float:left; margin-top:6px; margin-right:10px; border:5px dashed transparent; border-left:5px solid #ccc; font-size:0px; overflow:hidden; line-height:0px;}


/*头部*/
.header .logo{ margin-top:6px;}
.header{background:#fff; padding:20px 0px;}
.header .wrapper{ overflow:visible;}



/*搜索*/
.search{position:relative;border:1px solid #ccc; width:185px; padding:0px 35px 0px 5px; clear:right; height:23px;}
.search .s_input{ background:none; width:100%;  height:23px;}
.curS{border-color:#337aca !important;}
.search .s_btn{ border-left:1px solid #ccc; position:absolute; right:0px; top:0px; background:url(../images/sprites_ico.png) no-repeat 6px 3px; width:30px; height:23px; cursor:pointer; font-size:0px; overflow:hidden; line-height:0px;}



/*导航*/
.nav{ clear:right; margin-top:15px; *width:720px; position:relative; z-index:99999;}
.nav li{ float:left; margin-right:25px; position:relative; padding-bottom:20px; margin-bottom:-20px; white-space:nowrap; *background:url(about_blank);}
.nav li a{ text-decoration:none;}
.nav li .nav_arrow{ width:13px; height:7px; background:url(../images/nav_arrow_down.gif) no-repeat 0 0; margin-left:10px; display:inline-block; *margin-bottom:5px;}
.subnav{ display:none; position:absolute; top:35px; left:-20px; padding:5px 10px; background:#fff;}
.subnav li{ text-align:center; border-top:1px dotted #ddd; padding:6px 0px; width:100%; margin:0; overflow:hidden;}
.subnav li a{color:#666;}
.subnav li a:hover{color:#337aca !important;}

.navcur>a,.curLi>a{color:#00226e !important;}
.nav li a:hover .nav_arrow,.nav li.navcur .nav_arrow,.nav li.curLi .nav_arrow{
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
	background:url(../images/nav_arrow_up.gif) no-repeat 0 0;
}


.main{ background:#f6f6f6; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}



/*焦点图*/
.banner{ overflow:hidden; position:relative; height:348px; z-index:100;}
.banner .hd{}
.banner .hd ul{ overflow:hidden; position:absolute; z-index:3; bottom:15px; right:15px;}
.banner .hd ul li{ float:left; width:10px; height:10px; overflow:hidden; cursor:pointer; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;  margin:0 5px;background:#fff; filter:alpha(opacity=50);background:rgba(255,255,255,.5);}
.banner .hd ul li.on{ background:#fff;filter:alpha(opacity=100);}
.banner .bd{ width:100%;}
.banner .bd li{ zoom:1; vertical-align:middle;}
.banner .bd img{ width:1000px; height:348px; display:block;}


/*新闻资讯,精品工程*/
.mainList{ margin:20px 0; overflow:hidden;}
.mainTitle{border-top:1px solid #e1e1e1; padding:10px 0px;}
.mainTitle em{ font-size:10px; color:#999; font-style:normal; padding-left:10px;}
.mainTitle a{ float:right; color:#999; font-size:12px;}
.mainTitle a:hover{ color:#00226e;}

.textList{ width:49%;}
.txtList{ margin-top:30px; font-size:12px;}
.txtList li{ border-bottom:1px dotted #bbb; margin-bottom:6px;padding-bottom:6px; width:100%; overflow:hidden;}
.txtList li a{ float:left;}
.txtList .date{ color:#999; float:right;}

.tj{ clear:both; overflow:hidden;}
.tj .text{ width:350px; color:#666; font-size:12px; line-height:20px;}
.tj p a{ font-size:14px; display:block; margin-bottom:10px;}
.tj img{ width:125px; height:93px;}


/*工程案例*/
.caseImg{ overflow:hidden;margin-bottom:10px;}
.caseImg li{ float:left; width:243px; overflow:hidden;  position:relative; margin-right:9px; }
.caseImg li:last-child{ margin-right:0px }
.caseImg a{ text-decoration:none;}
.caseImg img{ width:243px; height:179px;}
.caseImg span{ background:#000; filter:alpha(opacity=70); background:rgba(0,0,0,.7); color:#fff; text-align:center; position:absolute; display:block; bottom:0px; left:0px; width:100%; padding:7px 0px;font-size:12px; cursor:pointer;}
.caseImg li img{
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.caseImg li:hover img{
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}

/*首页图标*/
.indexIco{ margin-bottom:15px; overflow:hidden;}
.indexIco li{ float:left; margin-right:9px;}
.indexIco li a{ color:#fff; display:inline-block; padding:20px 0px; width:243px; text-decoration:none; cursor:pointer;}
.indexIco li span{ font-size:18px; padding-bottom:5px; display:block;}
.indexIco li p{ font:10px arial; text-transform:uppercase;}
.indexIco li.ico01 a{ background:#0073c6;}
.indexIco li.ico02 a{ background:#008372;}
.indexIco li.ico03 a{ background:#117d10;}
.indexIco li.ico04 a{ background:#2857bf;}
.indexIco li.ico01 a:hover{ background:#499ad4;}
.indexIco li.ico02 a:hover{ background:#49a599;}
.indexIco li.ico03 a:hover{ background:#55a155;}
.indexIco li.ico04 a:hover{ background:#6586cf;}


.indexIco li .txt{ margin-top:5px;}

.indexIco li.ico01 i{ background-position:0 -41px; width:70px; height:50px;margin-left:23px;margin-right:10px;}
.indexIco li.ico02 i{ background-position:-99px -41px; width:50px; height:50px;margin-left:47px;margin-right:30px;}
.indexIco li.ico03 i{ background-position:-187px -41px; width:55px; height:50px;margin-left:42px;margin-right:30px;}
.indexIco li.ico04 i{ background-position:-286px -41px; width:48px; height:50px;margin-left:47px;margin-right:30px;}

/*版权信息*/
.footer{ color:#999; line-height:26px; margin:20px 0; font-size:12px;}
.footer .wrapper{ overflow:visible;}


/*模拟下拉菜单*/
.modelSelect{height:20px; border:1px solid #e3e3e3; position:relative; background:#f9f9f9; margin-top:2px; width:131px;}
.modelSelect input{display:block; width:100%; height:20px; line-height:20px; background:transparent; color:#999; font-size:12px; text-indent:10px; cursor:default;}
.modelSelect ul{width:100%; background:#f9f9f9; display:none; position:absolute; left:-1px; bottom:20px; overflow:hidden; border:1px solid #e3e3e3;}
.modelSelect ul li{ width:100%; height:20px; line-height:20px; color:#666; font-size:12px; border-top:1px solid #e3e3e3; text-align:center;}
.modelSelect .arrow_b{ border:6px dashed transparent; border-top:6px solid #ccc; position:absolute; right:10px; top:8px;}

.selectCur{background:#337aca;}
.selectCur input{ color:#fff;}
.selectCur .arrow_b{ border-top:none;border-bottom:6px solid #fff; top:6px;}
.modelSelect ul li.on a{ color:#fff; display:block; text-decoration:none;background:#337aca;}




/*内页*/

/*主体内容*/
.subMid{ background:#fff; padding:20px; border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1; width:958px; overflow:auto; min-height:550px;}
.subList{ border:1px solid #e9e9e9; border-top:none; overflow:hidden;}
.subMid .boxW{width:730px;}

.padding15{ padding:0 15px;}


.subBanner{ background:#f6f6f6; overflow:hidden;}

/*面包屑*/
.subMbx{ background:#f6f6f6; padding:17px 0px; height:50px;}
.subMbx span{ color:#337aca; display:inline-block; margin-left:4px; }
.subMbx a{ display:inline-block; margin:0 4px;}
.subMbx strong{ font-size:20px; display:block;margin-top:5px;}


/*右侧列表*/
.subMain .listwWrapper{ overflow:visible; position:relative;}
.sublistBox{ width:212px; position:absolute; top:-67px; right:20px;}
.subListT{ background:#3277c4; color:#fff; text-align:center; height:67px;}
.subListT strong{ font-size:24px; margin-bottom:5px; margin-top:6px; display:inline-block;}
.subListT p{ font-size:12px; font-weight:normal; text-transform:uppercase;}
.subList li{ position:relative;}
.subList li a{ background:url(../images/sublistBg.gif) repeat-x left bottom; height:43px; display:block; text-decoration:none;
-moz-transition:all 0s ease;
-webkit-transition:all 0s ease;
transition:all 0s ease;
}
.subList li span{ display:inline-block; width:160px; margin-left:10px;}
.subList .jt_r{ width:16px; height:16px; background-position:-68px 0px; position:absolute; top:15px; right:10px;}


/*右侧联系我们*/
.lxwm{ border:1px solid #e1e1e1; margin-top:10px;}
.lxwm h2{ font-size:14px; text-indent:20px; color:#fff; background:#337aca; padding:10px 0px;}
.lxwm .lxBox{padding:15px 9px; overflow:hidden;}
.lxBox span{ display:block; margin-bottom:10px; padding-bottom:10px; }
.lxBox span p{ color:#337aca; font-size:14px; font-weight:bold; display:block; margin:8px 0px; padding:0px; border:none;}
.lxBox span p i{width:23px; height:24px; margin-bottom:-5px; margin-right:7px; position:relative;}
.lxBox span p i.mobi{ background-position:-102px 0px;}
.lxBox span p i.tel{ background-position:-132px 0px;}
.lxBox p{ line-height:24px;border-top:1px solid #e1e1e1; display:block; padding:10px 0px; overflow:hidden;}
.lxBox p a{ color:#ff7200;}


/*产品列表*/
.proList{ color:#666;}
.proList li{ overflow:hidden; padding:15px; border-bottom:1px solid #e9e9e9;}
.proList li a.name{ color:#337aca; display:block; margin-bottom:6px;}
.proList li .fl{width:126px; height:94px;}
.proList li .fl img{width:126px; height:94px;}
.proList li .fr{ width:550px;}
.proList li .fr span{ color:#333;}
.proList li .fr p{ line-height:25px;}
.proList li .fr p a{ color:#337aca; float:right;}
.proList li .fr p a .jt_r_x{width:14px; height:14px; background-position:-34px -1px; margin-bottom:-2px; margin-left:5px;}
.proList li.bg01{ background:#fff;}
.proList li.bg02{ background:#fbfbfb;}


/*图片列表*/
.imgList li{ width:340px; float:left; margin-right:28px; text-align:center; margin-bottom:25px; overflow:hidden;border:1px solid #ddd; padding:2px;}
.imgList li p{background:#eee; padding:5px 0;}
.imgList li img{ width:340px; height:200px;}
.imgList li a{ display:inline-block; overflow:hidden;}
.imgList li p a{-moz-transition:all 0s ease;-webkit-transition:all 0s ease;transition:all 0s ease;}
.imgList li:hover{ border-color:#337aca;}
.imgList li:hover p{ background:#337aca;}
.imgList li:hover p a{ color:#fff;}
.imgList li img{
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

.imgList li:hover img{
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}



/*产品详细页*/
.subList ul{ display:none;}
.subList h3{ background:url(../images/sublistBg.gif) repeat-x; height:43px; line-height:43px; text-indent:25px; display:block; text-decoration:none; font-size:14px; font-weight:normal; cursor:pointer;}
.subList h3 a{ text-decoration:none;}
.subList h3.current a{ color:#337aca; font-weight:bold;}
.subList ul li a{ background:none; padding:10px 0px; text-align:center; text-indent:0px; height:auto; line-height:20px; border-bottom:1px solid #e1e1e1; overflow:hidden;}
.subList h3.current a .jt_r{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}

.W640{ width:640px; margin:0 auto;}
.W640 h2.bt{ font-size:18px; color:#337aca; display:block; margin:10px 0 15px; text-align:center;}


.spec-preview{width:100%; height:485px; overflow:hidden;}
.spec-preview img{display:block;width:100%; height:100%;}

.spec-scroll{ margin-top:25px;}
.spec-scroll .prev,.spec-scroll .next{ cursor:pointer; display:block; margin-top:26px;}
.spec-scroll .prev{ float:left;}
.spec-scroll .next{ float:right;}
.spec-scroll .prev:hover em{ border-right-color:#3479c7;}
.spec-scroll .next:hover em{ border-left-color:#3479c7;}
.spec-scroll em.jtR{display:inline-block; border:6px dashed transparent; border-left:6px solid #333; overflow:hidden; font-size:0px; line-height:0px;}
.spec-scroll em.jtL{display:inline-block; border:6px dashed transparent; border-right:6px solid #333; overflow:hidden; font-size:0px;line-height:0px;}

.spec-scroll .items{float:left;position:relative;width:600px;height:61px;overflow:hidden; margin-left:1px;}
.spec-scroll .items ul{position:absolute;width:999999px;height:61px; margin-left:10px;}
.spec-scroll .items ul li{float:left;width:100px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #eee; padding:2px; width:73px;height:55px;}
.spec-scroll .items ul li img:hover{border-color:#3479c7;}
.spec-scroll .items ul li.cur img{border:2px solid #ed6b0b; padding:1px;}

.otherList{ background:#ededed; padding:5px 0px; overflow:hidden;}
.otherList li{ width:48%; margin-left:10px; _display:inline; overflow:hidden;}
.otherList li .jt_r{display:inline-block; border:4px dashed transparent; border-left:4px solid #ed6b0b; overflow:hidden; line-height:0px; font-size:0px; margin-bottom:1px; margin-right:5px;}

.proDes{ margin:30px 0;}
.proDes dl{ margin-bottom:15px;}
.proDes dl dt{ background:#f6f6f6; border-left:3px solid #337aca; padding:6px 0px; text-indent:20px; font-weight:bold;}
.proDes dl dd{ color:#666; line-height:26px; margin-top:15px;}

.fany{ text-align:right; overflow:hidden; margin-top:100px;}
.fany a{ display:inline-block; color:#fff; background:#337aca; padding:5px 20px; margin-left:10px; text-decoration:none;}
.fany a:hover{ background:#5c95d5;}


/*新闻列表*/
.newsList li{ border-bottom:1px dotted #bbb; padding:10px 15px; overflow:hidden; color:#999;}



/*新闻详细*/
.newsDetail p{ line-height:30px;}
.detailT{ color:#999; text-align:center; margin:30px 0;}
.detailT h2{ font-size:20px; font-weight:normal; color:#333; margin-bottom:8px;}


/*投资者留言*/
.formBox li{ margin:25px 0; width:100%; overflow:hidden;}
.formBox li span{ display:inline-block; width:70px; margin-right:20px; text-align:right; float:left; margin-top:8px;}
.mesInput{ width:100%; height:22px;}
.inputBox{ border:1px solid #ccc; padding:5px 10px; width:375px; height:22px; float:left; vertical-align:middle;}
.textarea textarea{  border:none; width:100%;height:150px;}
.textarea{width:575px; height:150px;}
.mes_btn{ background:#3677c7; padding:10px 25px; cursor:pointer; color:#fff; font-size:18px; font-weight:bold;}
.mes_btn:hover{ background:#5e94d2;}
.mesList{ text-align:center; margin:30px 0px; overflow:hidden;}
.mesList th{background:url(../images/sublistBg.gif) repeat-x; border-top:3px solid #337aca; height:38px; padding:0 20px;}
.mesList td{border-bottom:1px dotted #ccc; padding:10px 20px;}
.txtLeft{ text-align:left;}
.formList li{ float:left; width:320px; margin:8px 0px; overflow:hidden; margin-right:20px;}
.formList li.width3{ clear:both; width:100%;}
.formList li .border-white{ border:1px solid transparent; padding:5px 10px; height:22px; float:left; vertical-align:middle;}
.input-width2{ width:200px;}
.formList li.btnLi{ clear:both; margin:30px 0;}


/*跳转菜单*/
.pageJump{ margin:20px 0; text-align:center; width:730px;}
.pageJump a{ color:#00226e; padding:4px 8px; display:block; border:1px solid #ccc; display:inline-block; margin:0 2px;}
.pageJump a:hover,.curN{ background:#00226e; color:#fff !important; text-decoration:none;}















