@charset "utf-8";

/*公共样式*/
@font-face{ font-family:siyuanL; src: url("siyuanL.otf");}
*{ margin:0; padding:0;}
*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
:after,:before{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body{ color:#333; width:100%; background:#eee; font:14px/24px "siyuanL";}
ul,li{ list-style:none;}
body,p,h1,h2,h3,h4,h5,h6,ul,li,div,input,button,img{ margin:0; padding:0;}
img{ border:0; display:block;}
a{ text-decoration:none; color:#333; padding:0; margin:0;}
a:hover{ text-decoration:none; color:#004665;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix{ *zoom:1;} 
.clearfix:before,.clearfix:after{ display:table; line-height:0; content:"";} 
.clearfix:after{ clear:both;}
.grayBg{ background:#eee;}
.dis-flex{ display:-webkit-box;}
.flex{ -webkit-box-flex:1; flex:1;}


/*头部*/
header{ width:100%; position:relative; padding:10px; background:#fff;}
header .logo{ height:48px;}
header .logo img{ display:block; width:auto;height:48px; }
header .nav{ position:relative; width:26px; padding:5px 0;}
header .drop-btn{ display:block; width:26px; height:19px;}
header .drop-cont{ width:86px; background:#eee; position:absolute; top:36px; right:-8px; -webkit-box-shadow:0 1px 1px rgba(0,0,0,.4); z-index:2; display:none;}
header .drop-cont:after{ content:""; position:absolute; top:-5px; right:14px; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #eee;}
header .drop-cont li{ height:29px; line-height:28px; border-bottom:1px dashed #aaa; text-align:center;}
header .drop-cont li a:hover{ color:#004665;}

/*banner*/
.banner{ width:100%; height:auto;}
.banner img{ display:block; width:100%;}

/*导航*/
nav{ padding:5px 0 10px 0;}
nav ul li{ width:25%; padding-top:10px;}
nav ul li p{ text-align:center; padding-top:5px;}
nav ul li img{ display:block; margin:0 auto; width:50px; height:auto;}

/*公共title*/
.bgColor{ background:#fff; margin:10px 10px 0 10px;}
.publicTitle{ padding:15px 0;}
.publicTitle img{ display:block; width:auto; height:32px; margin:0 auto;}

/*业务范围*/
.productBg{ padding-bottom:15px;}
.productBg .product{ padding:0 5px 11px 5px;}
.productBg .product li{ width:50%; padding:0 2px 4px 2px; position:relative;}
.productBg .product li p{ position:absolute; bottom:10px; right:2px; left:2px; background:rgba(0,0,0,.5); text-align:center; padding:3px 10px; overflow:hidden; color:#fff; height:30px;} 
.productBg .product li img{ display:block; width:100%; height:170px;}

/*查看更多*/
.more{ width:110px; height:32px; border:1px solid #004665; border-radius:5px; text-align:center; margin:0 auto;}
.more a{ color:#004665; font-size:15px; line-height:30px;}

/*关于我们*/ 
.about{ padding:0 10px 10px 10px;}
.about p{ padding:10px 5px 0 5px; text-indent:2em;}
.about p a{ color:#004665;}
.about img{ display:block; width:100%; height:180px;}

/*工程案例*/
.caseBg{ padding-bottom:15px;}
.caseBg .case{ padding:0 10px 14px 10px;}
.caseBg .case li{ width:33.33%; padding:0 0 1px 1px;}
.caseBg .case li img{ display:block; width:100%; height:80px;}

/*新闻资讯*/
.newsBg{ padding-bottom:15px;}
.news{ padding:0 10px; margin-bottom:15px;}
.news li{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #999;}
.news li:nth-last-of-type(1){ margin-bottom:0;}
.news li p{ color:#666; padding-top:5px; height:53px; overflow:hidden;}
.news li p a{ color:#004665;}
.news li h3{ font-weight:normal; font-size:15px; color:#333; padding-top:3px; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news li img{ display:block; width:100px; height:88px; margin-right:10px;}

/*底部*/
footer{ padding:15px 20px; margin-bottom:74px;}
footer p{ text-align:center;}

/*底部漂浮*/
.foot-nav{ background:#004665; width:100%; padding:10px 0 5px 0; position:fixed; bottom:0; left:0; height:74px;}
.foot-nav li{ width:25%; text-align:center;}
.foot-nav li p{ padding-top:5px; color:#fff;}
.foot-nav li img{ display:block; width:30px; height:30px; margin:0 auto;}

/*当前位置*/
.position{ position:relative; line-height:40px; padding:0 10px;}
.position a:hover,
.position a.on{ color:#004665;}

/*二级导航*/
.menu{ padding-top:10px;}
.menu h3{ padding-bottom:10px; font-size:16px; font-weight:normal; text-align:center;}
.menu ul{ padding:0 10px 14px 10px; width:100%;}
.menu li{ height:34px; width:auto; padding:1px; width:33.33%;}
.menu li a{ background:#eee; width:100%; display:block; text-align:center; line-height:32px; height:32px; color:#333;} 

/*分页*/
.page{ padding:0 10px; float:right; height:32px;}
.page li{ float:left; width:auto;}
.page li a{ display:inline-block; line-height:30px; border:1px solid #ccc; margin-left:10px; padding:0 10px;}
.page li a:hover,
.page li.active a{ border-color:#004665; color:#004665;}

/*子页-新闻列表*/
.list{ padding:15px 0;}

/*子页-案例*/
.caseList{ padding:0 5px 5px 5px;}
.caseList li{ width:50%; padding:0 5px; margin-bottom:10px; position:relative;}
.caseList li p{ text-align:center; padding:0 10px; overflow:hidden; height:30px; line-height:30px;} 
.caseList li img{ display:block; width:100%; height:165px;}
.caseList li:after{ content:""; position:absolute; top:0; right:5px; bottom:0; left:5px; border:1px solid #ccc;}

/*子页-关于我们*/
.article{ padding:0 10px 10px 10px;}
.article p{ padding:10px 5px 0 5px; text-indent:2em; color:#666; text-align:justify;}
.article h3{ text-align:center; font-size:16px; font-weight:normal; padding-top:15px; color:#000;}
.article img{ display:block; width:100%; height:auto; padding-top:15px;}
.article span{ display:block;}