@charset "utf-8";
/* by Sean Lu 20151020 */
html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body { font-size: 14px; BACKGROUND: url(../images/mainbj.jpg) repeat-x left top; COLOR: #777 }
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }

/* 一般滚动条样式
::selection { background: #000; color: #fff; }
::-moz-selection { background: #000; color: #fff; }
::-webkit-scrollbar {width:15px;height:15px} 
::-webkit-scrollbar-track-piece {background-color:#e2e2e2} 
::-webkit-scrollbar-thumb:vertical {height:5px;background-color:#c6c6c6;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7} 
::-webkit-scrollbar-thumb:vertical:hover {background-color:#666666} 
::-webkit-scrollbar-thumb:horizontal {width:5px;background-color:#cbcbcb;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7} */

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 全局 */
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

.wrapper { width: 1100px; margin: 30px auto; position: relative; background: #fff; border: 1px solid #dedede; box-shadow: 0 15px 30px rgba(0,0,0,0.1); }

.homecommonbox { width: 1100px; margin: 0 auto 20px; }
.homecommonbox .bd { height: 220px; }
.homecommonbox .bd ul { }
.homecommonbox .bd ul li { height: 198px; width: 274px; overflow: hidden; float: left; border: 1px solid #ececec; margin-left: -1px; position: relative; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.homecommonbox .bd ul li:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); z-index: 9; }
.homecommonbox .bd ul li .img { width: 274px; height: 165px; margin-top: -2px; -webkit-transition: all .4s ease; transition: all .4s ease; }
.homecommonbox .bd ul li .img img { width: 274px; height: 165px; display: block; }
.homecommonbox .bd ul li .info { width: 100%; height: 40px; position: absolute; background: #fff; bottom: 0; left: 0; text-align: left; -webkit-transition: all .4s ease; transition: all .4s ease; }
.homecommonbox .bd ul li .info .cover { width: 100%; height: 9px; position: absolute; background: url(../images/homecboxcover.png) no-repeat center center; top: -9px; left: 0; -webkit-transition: all .4s ease; transition: all .4s ease; }
.homecommonbox .bd ul li .info h3 { line-height: 30px; margin: 5px 20px; height: 30px; overflow: hidden; }
.homecommonbox .bd ul li .info .more { background: url(../images/coga.gif) no-repeat -21px -73px; display: block; width: 10px; height: 10px; text-indent: -99999px; position: absolute; right: 0; top: 19px; }
.homecommonbox .bd ul li .info h3 a { font-size: 16px; color: #0097e0; font-weight: normal; }
.homecommonbox .bd ul li .info p { font-size: 13px; color: #777; line-height: 20px; font-family: microsoft yahei; margin: 0 14px 0 20px; height: 40px; overflow: hidden; }

.inbanner { height: 260px; width: 100%; background: url(../images/inbanner01.jpg) no-repeat center center; position: absolute; top: 0; left: 0; }

.inwrapper { background: #f1f1f1; overflow: hidden; position: relative; padding-top: 160px; }

.shadow { height: 32px; width: 100%; background: url(../images/shadow2.png) no-repeat center top; position: absolute; bottom: -32px; left: 0; }

.side { width: 260px; float: left; margin: 30px; }

.sidenews { margin-bottom: 40px; }
.sidecontact { margin-bottom: 40px; }
.sidenews h3 {width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #666;}
.sidenews h6 {width: 100%;height: 20px;line-height: 20px;text-align: center;font-size: 14px;color: #999;}
.sidenews p{width: 100%;margin: 5px auto;font-size: 14px;color: #999#;line-height: 20px;text-align: left;text-indent: 30px;}
.sidenews p img{display: block;overflow: hidden;max-width: 100%;margin: 0 auto;}

.sideprolist { margin-bottom: 40px; }
.sideprolist .tit { height: 26px; line-height: 26px; margin-bottom: 10px; }
.sideprolist .tit h3 { font-size: 20px; color: #576b7c; font-weight: normal; font-family: microsoft yahei; }
.sideprolist .con {  }
.sideprolist .con .splist {  }
.sideprolist .con .splist li { line-height: 32px; height: 32px; margin-bottom: 5px; }
.sideprolist .con .splist li a { display: block; padding-left: 20px; background: #f1f1f1 url(../images/arrowright.png) no-repeat 95% center; font-size: 14px; color: #333; text-decoration: none; }
.sideprolist .con .splist li a:hover { color: #fff; background-color: #0097e0; background-image: url(../images/arrowright2.png); }

.main { margin: 30px; margin-left: 0; float: right; width: 740px; }
.main .tit { margin-bottom: 20px; }
.main .tit .wao { text-indent: -99999px; height: 43px; line-height: 43px; background: url(../images/maintit01.png) no-repeat center center; }
.main .tit .now { line-height: 30px; color: #999; font-family: arial; text-align: center; text-transform: uppercase; font-size: 14px; letter-spacing: 3px; }
.main .tit .now a { color: #999; }
.main .con { font-size: 14px; font-family: microsoft yahei; color: #333; line-height: 24px; }
.main .con p { margin-bottom: 20px; }

.new_ulbig { width: 100%; }
.new_ulbig li { padding: 20px 10px 20px 10px; border-bottom: 1px dashed #ccc; height: 152px; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.new_ulbig li.on { background: #f1f1f1; }
.new_ulbig li .img { float: left; width: 200px; height: 150px; overflow: hidden; border: 1px solid #ccc; margin-right: 20px; background: url(../images/nopic.jpg) no-repeat center center; }
.new_ulbig li .img img { width: 200px; height: 150px; display: block; }
.new_ulbig li .info { margin-left: 20px; margin-bottom: 20px; }
.main .con .new_ulbig li .info a { padding: 2px 4px; color: #333; text-decoration: none; font-family: microsoft yahei; }
.new_ulbig li h3 { margin-bottom: 10px; }
.main .con .new_ulbig li h3 a { line-height: 28px; font-size: 18px; font-weight: bold; padding: 3px 2px; font-family: microsoft yahei; margin: 0; }
.new_ulbig li p { line-height: 24px; color: #666; text-indent: 0; }
.main .con .new_ulbig li .info a:hover { text-decoration: none; background: #0097e0; color: #fff; }
.new_ulbig li .time { display: block; margin-top: 10px; color: #999; }

.newscontent { position: relative; }
.newscontent .titles { font-size: 22px; text-align: center; line-height: 40px; }
.newscontent .info { font-size: 12px; text-align: center; line-height: 30px; color: #999; }
.newscontent .info .author, .newscontent .info .time { margin: 0 5px; }
.newscontent .maincon { margin: 20px 0; }

.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.main .con .newsbackline ul li a { display: inline-block; width: 120px; border: 1px solid #ccc; color: #666; background: url(../images/arrow_t.png) no-repeat 90px center; padding-right: 10px; text-decoration: none; }
.main .con .newsbackline ul li a:hover { border-color: #336cb1; color: #336cb1; }
.newsbackline ul li.prev { text-align: left; }
.main .con .newsbackline ul li.prev a { background: url(../images/arrow_l.png) no-repeat 38px center; padding-left: 10px; padding-right: 0; text-align: center; }
.newsbackline ul li.next { text-align: right; }
.main .con .newsbackline ul li.next a { background-image: url(../images/arrow_r.png); text-align: center; }

.mainprolist { }
.mainprolist li { height: 261px; width: 245px; overflow: hidden; float: left; border: 1px solid #ececec; margin-left: -1px; position: relative; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.mainprolist li:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); z-index: 9; }
.mainprolist li .img { width: 245px; height: 148px; margin-top: -2px; -webkit-transition: all .4s ease; transition: all .4s ease; }
.mainprolist li .img img { width: 100%; display: block; }
.mainprolist li .info { width: 100%; height: 120px; position: absolute; background: #fff; bottom: 0; left: 0; text-align: left; -webkit-transition: all .4s ease; transition: all .4s ease; }
.mainprolist li .info .cover { width: 100%; height: 9px; position: absolute; background: url(../images/homecboxcover.png) no-repeat center center; top: -9px; left: 0; -webkit-transition: all .4s ease; transition: all .4s ease; }
.mainprolist li .info h3 { line-height: 30px; margin: 10px 20px 18px; height: 30px; overflow: hidden; }
.mainprolist li .info .more { background: url(../images/coga.gif) no-repeat -21px -73px; display: block; width: 10px; height: 10px; text-indent: -99999px; position: absolute; right: 0; top: 19px; }
.mainprolist li .info h3 a { font-size: 16px; color: #0097e0; font-weight: normal; }
.mainprolist li .info p { font-size: 13px; color: #777; line-height: 20px; font-family: microsoft yahei; margin: 0 14px 0 20px; height: 40px; overflow: hidden; }

.contact { background: url(../images/qiu.jpg) no-repeat right 0; padding: 30px 0 0 60px; width: 670px; font-size: 14px; font-family:"Microsoft YaHei",SimSun,SimHei; position: relative; height:280px; }
.main .con .contact p { line-height: 30px; }
.contact p strong { font-size: 16px; line-height: 40px; color: #0097e0; }

.shuaiqidetable { border: 1px solid #999; width: 100%; }
.shuaiqidetable td { font-size: 12px; color: #333; padding: 5px 5px; border: 1px solid #dedede; line-height: 16px; }
.shuaiqidetable tr:nth-child(2n-1) td { background: #eef3f9; }
.shuaiqidetable tr td.heide { background: #eef3f9; }
.shuaiqidetable tr td.baide { background: #fff; }

.shuaiqidetable02 td { background: #eef3f9; }

.nav2{width: 80px;height: auto;position: absolute;top: 40px;z-index: 999;left: 0;background: #fff;display: none;}
.nav_tr td:hover .nav2{display: block;}
.nav2 a{float: nong;display: block;width: 100%;height: 30px;line-height: 30px;border-bottom: 1px dashed #999;}
.nav_tr td{width: 80px;position: relative;text-align: center;margin: 0;padding: 0;}
.nav_tr td a:hover{color:rgb(0, 151, 224);}

.con h1{text-align: center;font-size: 20px;line-height: 50px;}
.con h3{text-align: center;font-size: 12px;line-height: 30px;color:#666;}
.marinr{width:100%;height: auto;}
.marinr .marinr-left,.marinr .marinr-right{width: 50%;min-height: 100px;}
.marinr .marinr-left h2,.marinr .marinr-right h2{text-align: center;font-size: 16px;line-height: 20px;margin-bottom: 10px;}
.marinr .marinr-left p,.marinr .marinr-right p{width: 90%;margin: 0 auto;font-size: 12px;color: #999;}

.tjl{width: 100px;height: 30px;text-align: center;color: #000;line-height: 30px;margin: 0 auto;display: block;margin-top: 50px;}
.tjl:hover{color: red;}