@charset "utf-8";
/* by Sean Lu 20150930 */
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: #fff; color: #333; }
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: #333; }
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: 1080px; margin: 0 auto; position: relative; padding: 20px 54px; background: url(../img/wrapperbg.jpg) no-repeat center -10px; }

.side { width: 260px; float: left; position: relative; z-index: 10; }
.side .sideprolist { background: #fff; }
.sideprolist { border: 1px solid #dedede; }
.sideprolist .tit { background: #0c599d url(../img/sidetitbg.jpg) no-repeat 0 0; height: 80px; color: #af5d03; font-size: 14px; line-height: 24px; }
.sideprolist .tit h3 { font-size: 20px; font-weight: bold; padding: 28px 0 0 34px; float: left; }
.sideprolist .tit p { padding: 28px 0 0 20px; float: left; }
.sideprolist .con { }
.sideprolist .con ul { padding: 12px 10px; line-height: 40px; }
.sideprolist .con ul li { height: 40px; border-bottom: 1px solid #e0e0e0; font-size: 14px; }
.sideprolist .con ul li a { display: block; padding: 0 0; text-align: center; background: #f1f1f1; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.sideprolist .con ul li a:hover, .sideprolist .con ul li.on a { background: #af5d03; color: #fff; text-decoration: none; }
.sideprolist .con .gengduo { line-height: 30px; height: 30px; background: #a6a6a6; color: #fff; padding-right: 10px; display: block; text-align: right; }

.sideproimg { border: 1px solid #dedede; background: #fff; margin: 24px 0; }
.sideproimg .tit { background: #f1f1f1; height: 38px; line-height: 38px;border-bottom: 2px solid #af5d03; padding: 0 10px; }
.sideproimg .tit h3 { float: left; font-size: 16px; font-weight: normal; color: #af5d03; }
.sideproimg .tit .more { float: right; color: #999; font-size: 12px; font-family: arial; }
.sideproimg .con { padding: 10px; }
.sideproimg .con li { height: 50px; border-bottom: 1px dashed #dedede; padding: 6px; }
.sideproimg .con li:hover { background: #f1f2f3; }
.sideproimg .con li .img { float: left; width: 50px; height: 50px; overflow: hidden; margin-right: 10px; }
.sideproimg .con li .img img { height: 50px; display: block; width: 67px; margin-left: -8.5px; }
.sideproimg .con li .info { }
.sideproimg .con li .info a { font-size: 12px; line-height: 24px; }
.sideproimg .con li .info a:hover { color: #af5d03; }

.side_message { }
.side_message a { display: block; width: 100%; height: 60px; line-height: 60px; border: 1px solid #dedede; font-size: 16px; text-indent: 50px; background: #f1f1f1 url(../img/sidemessageicon.png) no-repeat 155px 0; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.side_message a:hover { background: #af5d03 url(../img/sidemessageicon.png) no-repeat 155px -60px; color: #fff; text-decoration: none; }



.main { width: 790px; float: right; }
.main .tit { height: 35px; line-height: 35px; border-bottom: 2px solid #f1f1f1; font-family: microsoft yahei; }
.main .tit h3 { font-size: 20px; font-weight: bold; float: left; border-bottom: 2px solid #af5d03; color: #af5d03; font-weight: normal; padding: 0 20px; font-family: microsoft yahei; position: relative; }
.main .tit h3 em { position: absolute; bottom: -12px; left: 50%; margin-left: -6px; width: 0; height: 0; border: 6px solid transparent; border-top-color: #af5d03; }
.main .tit .now { float: right; color: #999; font-family: simsun; font-size: 12px; }
.main .tit .now a { color: #999;font-size: 12px;  }
.main .con { padding: 20px; font-size: 14px; line-height: 24px; color: #333; font-family: microsoft yahei; }
.main .con p { font-size: 14px; line-height: 24px; margin-bottom: 20px; font-family: microsoft yahei; }
.main .con a { color: #666; }
.main .con a:hover { color: #f60; }

.new_ulbig { width: 100%; }
.new_ulbig li { padding: 20px 0px 20px 0px; border-bottom: 1px dashed #ccc; height: 152px; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.new_ulbig2 li { width: 50%; float: left; }
.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(../img/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; }
.new_ulbig li .info a { padding: 2px 4px; color: #d81920; text-decoration: none; font-family: microsoft yahei; }
.new_ulbig li h3 { margin-bottom: 10px; }
.new_ulbig li h3 a { line-height: 28px; font-size: 18px; font-weight: bold; padding: 3px 2px; font-family: microsoft yahei; }
.main .con .new_ulbig li p { line-height: 24px; color: #666; text-indent: 0; }
.new_ulbig li .info a:hover { text-decoration: none; background: #d81920; color: #fff; }
.new_ulbig li .time { display: block; margin-top: 10px; color: #999; }

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

.productlist { }
.productlist li { width: 230px; float: left; margin: 0 20px 20px 0; }
.productlist li .img { width: 200px; height: 150px; background: url(../img/coverprobg.jpg) no-repeat center center; padding: 18px 15px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.productlist li .img2 { width: 230px; height: 186px; overflow: hidden; background: #fff; padding: 0; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border: 0 solid #000; }
.productlist li:hover .img { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2); box-shadow: 0 15px 30px rgba(0,0,0,0.2); -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); }
.productlist li .img img { height: 100%; display: block; }
.productlist li .name { display: block; text-align: center; line-height: 30px; }
.productlist li .name a { color: #333; }
.productlist li .name a:hover { color: #af5d03; }

.newscontent { }
.newscontent .title { 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(../img/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(../img/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(../img/arrow_r.png); text-align: center; }

.shuaiimg { float: left; width: 360px; text-align: center; }
.shuaiinfo { margin-left: 380px; }
.shuaiinfo ul { margin-bottom: 10px; }
.shuaiinfo ul li { background: url(../img/shuaidot.jpg) no-repeat 0 center; padding-left: 14px; }
.shuaitable { border: 1px solid #d88c16; width: 90%; }
.shuaitable th, .shuaitable td { line-height: 20px; padding: 5px 20px; text-align: center; }
.shuaitable tr.tr01 th, .shuaitable tr.tr01 td { background: #f3bf6b; color: #fff; }
.shuaitable2 { width: 100%; margin-bottom: 30px; }
.shuaitable2 th, .shuaitable2 td { border-top: 1px solid #d88c16; }