@charset "utf-8";
/* CSS Document 2016-05-05*/
body{font:12px/150% "microsoft yahei ui","microsoft yahei",Arial,Verdana,"\5b8b\4f53";color:#666;}
input,textarea { font-family:"microsoft yahei ui"}
a {color:#333; text-decoration:none;-moz-transition:color 0.2s; -o-transition:color 0.2s; -webkit-transition:color 0.2s; transition:color 0.2s;}
a:hover { color:#0075C3;}
a.a1 {color:#1A85C9; text-decoration:none}
a.a1:hover { color:#1A85C9; text-decoration:underline}
a.a2 {color:#333; text-decoration:none}
a.a2:hover {color:#ff6c00;}
a.a3 {color:#999; text-decoration:none}
a.a3:hover {color:#666}
a.img-btn:hover img {filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8}
a.sup {color:#999; text-decoration:none}
a.sup:hover {color:#666}



.wrapper {width:1100px; margin:0 auto}
/*头部*/
.header { height:100px; overflow:hidden}
.header .logo {}
.header .wrapper { position:relative;}
.header .mini_nav { position:absolute; width:150px; text-align:right; top:10px; right:0;}
.header .mini_nav a.LOGIN { background:url(../images/a_bg.png) no-repeat; width:30px; height:6px; display:inline-block; margin-right:30px}
.header .mini_nav a.CONTANTUS { background:url(../images/a_bg.png) no-repeat -46px 0; width:60px; height:6px; display:inline-block; margin-right:30px}
.header .logo a { width:390px; height:100px; background:url(../images/logo.png) no-repeat center; display:block}
.header .nav { width:650px; padding-top:40px; padding-left:20px}
.header .nav li { float:left; font-size:14px; width:130px; height:30px; line-height:30px; text-align:center; position:relative }
.header .nav li>a { display:block;background:url(../images/icon1.jpg) no-repeat right}
.header .nav li:last-child a  { background:none}
.header .nav dl { position:absolute; top:30px; left:20px; width:300px;text-align:left; font-size:12px; background: url(../images/min_nav_bg1.jpg) no-repeat top left; height:27px; line-height:23px; opacity:0}
.header .nav dl dd { background:url(../images/min_nav_bg2.jpg) no-repeat right top; padding:0 20px; height:27px;}
.header .nav dl dd a { color:#fff; width:70px; line-height:22px; display:inline-block; text-align:center}
.header .nav dl dd a:hover { text-decoration:underline} 


.weather { width:255px; height:287px; padding-left:10px}
.news {width:820px;}
.news .title { background:url(../images/bg2.png) repeat-x bottom; height:38px; line-height:36px; text-align:right; margin-top:3px; margin-bottom:10px}
.news .title a { color:#8c8c8c; margin:0 20px}
.news .title b { background:url(../images/icon2.png) no-repeat 0 10px; width:180px; height:35px; display:inline-block; margin-left:30px; vertical-align:top; float:left}
.news .img_news { width:318px; height:244px; overflow:hidden; position:relative}
.news .img_news p { position:absolute; bottom:0; width:100%; height:30px; line-height:30px; text-align:center; background:rgba(0,0,0,.6); color:#fff;}
.news .news_list { width:470px; font-size:14px; margin-left:10px;}
.news .news_list li { height:34px; line-height:34px; border-bottom:1px dashed #ccc; padding:0 10px 0 20px; background:url(../images/icon3.png) no-repeat 10px;}
.news .news_list li time { color:#999; float:right; font-size:12px}

.code { width:120px; height:153px; background:url(../images/icon4.png) no-repeat 22px 115px #eee; border:1px solid #d5d5d5; margin:10px 0 0 10px}
.code img { margin:7px;}
.product_box { width:820px; height:153px; margin-top:10px;}
.product_box .inner { widtrh:100%; height:100%; border:2px solid #ddd; overflow:hidden; position:relative}
.product_box .inner .slide p { text-align:center;line-height:30px;}
.bx-viewport { margin-top:20px;}
.bx-viewport .slide a div { width:129px; height:95px;border:3px solid #ddd; text-align:center;display: table-cell;vertical-align:middle;}
.bx-viewport .slide a div img { vertical-align:middle}

.bx-controls-direction a.bx-next {background:url(../images/icon5.png) no-repeat; width:15px; height:50px; display: block; position:absolute; line-height:99em; overflow:hidden}
.bx-controls-direction a.bx-prev {background:url(../images/icon5.png) no-repeat -35px; width:15px; height:50px; display: block; position:absolute; line-height:99em; overflow:hidden}

.bx-next {left:10px; top:50px; }
.bx-prev {right:10px; top:50px}


.product_box .inner ul { width:750px; margin:15px 0 0 40px}
.product_box .inner li { float:left; text-align:center; margin-right:14px;}
.product_box .inner li p { line-height:30px;}
.product_box .inner li img { border:3px solid #ddd;}
.product_box .inner>a { background:url(../images/icon5.png) no-repeat; width:15px; height:50px; display: block; position:absolute; line-height:99em; overflow:hidden}
.product_box .inner a.next { left:10px; top:40px}
.product_box .inner a.prew { background-position: -35px 0; right:10px; top:40px}
.btn_group { margin:10px 0 0 10px; float:left; background:url(../images/wsbg.jpg) no-repeat; width:120px; height:155px; text-align:center}
.btn_group a { background:url(../images/bg3.png) no-repeat; width:107px; height:49px;  display:inline-block; margin:100px auto 0 auto}


.footer { margin-top:20px}
.footer .min_nav { height:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:0 10px}
.footer .min_nav li { float:left; width:120px; line-height:30px; text-align:center}
.footer .copyright { background:url(../images/min_logo.png) no-repeat 40px; color:#999; line-height:22px; padding-left:300px; margin:15px 0}

.article {}
.content .left { width:250px; margin:10px 0 0 10px}
.content .left .title { height:45px; background: url(../images/icon6.png) no-repeat 15px #3D90D4; color:#fff; font-size:20px; font-weight:bold; border-radius:10px 10px 0 0; padding-left:30px; padding-top:15px}
.content .left .title span { font-weight:normal; font-size:12px; display:block}
.content .left .inner { background:#F6F3EA; min-height:500px}
.content .left .inner ul { padding:30px 20px}
.content .left .inner li { height:24px; border-bottom:1px solid #ddd; margin-top:6px; line-height:24px;}
.content .left .inner li a { height:100%; background: url(../images/icon8.png) no-repeat 10px; padding-left:30px; display:block; border-radius:4px; color:#333;}
.content .left .inner li a.on,.content .left .inner li a.active {background: url(../images/icon7.png) no-repeat 10px #fff;}
.content .left .inner .tel_img { text-align:center}
.content .right { width:820px; margin:10px 0 0 0}
.content .right .patch { text-align:right; line-height:40px; background:url(../images/bg2.png) repeat-x bottom}
.article .right .inner { padding:40px}
.article .right .inner h2 { text-align:center; line-height:28px;}
.article .right .inner .con { margin-top:20px; line-height:30px}
.article .right .inner .con img { max-width:100%; height: auto; margin: 0 auto ;display: block}

.project .right .inner { padding:30px}
.project .projectList li { height:160px;}
.project .projectList h3 { font-size:14px; font-weight:normal; text-align:left; line-height:40px; margin-bottom:10px}
.project .projectList .img { width:180px; height:90px; padding:1px; border:1px solid #ddd; float:left; overflow:hidden}
.project .projectList img { width:100%;}
.project .projectList .text { width:530px; float:left; line-height:22px; padding-left:30px;}
.project .projectList .text p { height:66px; overflow:hidden;color:#999}
.project .projectList a.more { line-height:30px; color:#3D90D4;}
.project .projectList a.more:hover { text-decoration:underline}
.project .projectList time { float:right; line-height:30px; color:#aaa; background:url(../images/icon9.png) no-repeat left; padding-left:20px}
.project .tableBox {}
.project .tableBox .title .alibe { height:30px; background:#D7ECED; border:1px solid #C7E3E4; border-radius:4px; display:inline-block; line-height:30px; text-align:center}
.project .tableBox .title .item1 {width: 10%}
.project .tableBox .title .item2 {width: 70%}
.project .tableBox .title .item3 {width: 18%}
.project .tableBox .sliber { height:34px; line-height:34px; padding:0 10px}
.project .tableBox .sliber .item1 {width:8%; text-align:center}
.project .tableBox .sliber .item2 {width: 70%; padding-left:30px}
.project .tableBox .sliber .item3 {width: 17%; text-align:center}
.project .tableBox .sliber div { float:left; border-bottom:1px solid #ddd;}

#img_news { position: relative; width: 318px; height: 244px; overflow: hidden; }
#banner_list img { width: 318px; height: 244px;border: 0px; }
#banner_bg { position: absolute; bottom: 0; background-color: #000; height: 30px; filter: Alpha(Opacity=60); opacity: 0.6; z-index: 1000; cursor: pointer; width: 318px; }
#banner_info { position: absolute; bottom: 0; left: 5px; height: 22px; color: #fff; z-index: 1001; cursor: pointer ; text-align:center;}
#banner_text { position: absolute; width: 120px; z-index: 1002; right: 3px; bottom: 3px; }
#img_news ul { position: absolute; display:none; list-style-type: none; filter: Alpha(Opacity=80); opacity: 0.8; z-index: 1002; margin: 0; padding: 0; bottom: 3px; right: 5px; }
#img_news ul li { padding: 0px 6px; float: left; display: block; color: #FFF; background: #6f4f67; cursor: pointer; border: 1px solid #333; }
#img_news ul li.on { background-color: #000; }
#banner_list a { position: absolute; }