@charset "utf-8";
.flowPic { position: relative; border-bottom: 1px solid #f1eeee; height:250px; width:100%;}
.flowPic .tempWrap { width: 100% !important; }
.flowPic ul li {float:left;  border-left: 1px solid #f1eeee; width:209; padding:15px; text-align: center; }
.flowPic ul li .p{padding:15px 0 0;}
.flowPic ul li img { width: 189px; }
.flowPic ul li a { display: block; padding: 10px 0; }

.bg-containter { background:#f1eeee; position:relative; z-index:10;}

.pub_01 { width: 284px; margin-top: 40px; background: #fff;  margin-top: -211px;}
.pub_01 .hd { height: 50px; line-height: 45px; }
.pub_01 .hd h2 { font-size: 24px; padding-left: 10px; font-weight: normal; }
.pub_01 .hd h2 em { font-size: 14px; text-transform:uppercase; }
.pub_01 .bd { padding-bottom: 30px;  border-right:1px solid #ebf4f7; text-align: center; }
.pub_01 .bd .info { padding: 30px 15px; height: 130px; line-height: 24px; text-align: left; }
.pub_01 .bd .bdWrap{float:left; width:283px;}
.pub_01 .bd h2 { font-size: 14px; padding-bottom: 15px; }
.pub_01 .bd h2 a { color: #298dd0; }

.pub_01 .quan { padding: 3px 0 0; z-index: 5; }
.pub_01 .quan li { display: inline-block; margin: 0 5px; width: 12px; height: 12px; border-radius: 12px; border: 1px solid #298dd0; text-indent: -999em; cursor:pointer;}
.pub_01 .quan li:hover,.pub_01 .quan li.on { background: #298dd0; }

.pub_01 .bd .btn a { color: #fff; padding: 10px 55px; border-radius: 4px; background: #298dd0; }

.flink { position: relative; padding:20px 0 40px; }
.flink .bd{width:1142px;}
.flink .bd .tempWrap{width:1142px !important;}
.flink li { float: left; margin-right: 11px; padding-top:20px;}
.flink li.noMg{ margin-right: 0; }
.flink li img { border: 1px solid #e6e5e5; border-radius: 4px; }

.flink .aPrev,.flink .aNext { position: absolute; top:80px; cursor:pointer;}
.flink .aPrev { left:-35px; }
.flink .aNext { right:-35px; }

.sArea { padding:58px 0 15px 0; }
.tec-item { float: left; width: 358px; margin-right: 30px; border: 1px solid #e0dede; }
.tec-item:last-child { float: right; margin-right: 0; }

.tec-item .list-pic { background-color: #dbd9d9; height:117px; margin-bottom: 25px;  }
.tec-item .b1 { background-image: url("/images/tubiao1.png"); background-position: center center; background-repeat: no-repeat; }
.tec-item .b2 { background-image: url("/images/tubiao2.png"); background-position: center center; background-repeat: no-repeat;  }
.tec-item .b3 { background-image: url("/images/tubiao3.png"); background-position: center center; background-repeat: no-repeat;  }

.tec-item dl { width: 317px; margin: 0 auto; text-align:center; }
.tec-item dl dt {text-align: center; }
.tec-item dl dt a { height: 65px; display: block; border: 1px solid #e0dede; color: #666; font-size: 16px; font-weight: bold; line-height: 20px; padding:5px 40px; }
.tec-item dl dt a span{ font-size:12px; }
.tec-item dl .txt { padding: 15px 10px; font-size: 12px; height: 60px; line-height: 22px; color: #666; }
.tec-item dl .detail { text-align: center; padding-bottom: 22px; }
.tec-item dl .detail a { font-size: 12px; color: #fff; padding: 6px 36px; border-radius: 4px; background: #dbd9d9; }

.tec-item:hover .list-pic,.tec-item.current .list-pic { background-color: #298dd0; transition: all 0.3s ease 0s; }
.tec-item:hover dt a,.tec-item.current dt a { background: #298dd0; color: #fff; border-color: #298dd0; }
.tec-item:hover .detail a,.tec-item.current .detail a { background: #298dd0; }


