@charset "utf-8";
/* by Sean Lu 20150921 */
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: 12px; 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: 1120px; margin: 0 auto; position: relative; }

@-webkit-keyframes waobanner {
	0% { background-position: center 20px; opacity: .2; filter: alpha(opacity=20); }
	100% { background-position: center 0; opacity: 1; filter: alpha(opacity=100); }
}
@keyframes waobanner {
	0% { background-position: center 20px; opacity: .2; filter: alpha(opacity=20); }
	100% { background-position: center 0; opacity: 1; filter: alpha(opacity=100); }
}

.inbanner { height: 400px; background-color: #333; background-repeat: no-repeat; background-position: center top; position: relative; }

.side { width: 260px; float: left; z-index: 0; margin-bottom: 30px; }

.side .sidelist { margin-bottom: 30px; margin-top: 20px; }
.side .sidelist .titbg { background: #97b6d5; padding: 6px; padding-bottom: 0; }
.side .sidelist .tit { font-size: 16px; color: #fff; background: #97b6d5 url(../img/sidebg.jpg) repeat 0 0; height: 55px; overflow: hidden; padding: 20px 0 12px; text-align: left; font-weight: bold; line-height: 30px; margin-bottom: 0; text-shadow: 0 0 5px #275382; border: 1px solid #fff; border-bottom: 0; padding-left: 40px; }
.side .sidelist .tit h1 { font-family: microsoft yahei; font-size: 26px; font-weight: normal; color: #fff; background: url(../img/sidetitlogo.png) no-repeat 50px center; padding-left: 0; }
.side .sidelist .tit p { font-family: arial; font-size: 14px; font-weight: normal; text-transform: uppercase; color: #fff; opacity: .8; filter: alpha(opacity=80); }
.side .sidelist .slul { background: #97b6d5; padding: 6px; padding-top: 0; }
.side .sidelist ul { background: #336cb1; width: 206px; padding: 20px; border: 1px solid #fff; }
.side .sidelist ul li { height: 40px; line-height: 40px; overflow: hidden; margin-bottom: 1px; }
.side .sidelist ul li a { display: block; color: #fff; font-family: microsoft yahei; text-decoration: none; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; height: 40px; overflow: hidden; font-size: 16px; text-align: left; text-shadow: 0 0 5px #275382; border-radius: 0; padding-left: 20px; }
.side .sidelist ul li a:hover, .side .sidelist ul li.on a { background-color: #5d87c1; color: #ffff00; text-shadow: 0 0 5px #368103; }

.side .sidelist .slul2 { }
.side .sidelist .slul2 ul { }
.side .sidelist .slul2 ul li { overflow: visible; position: relative; height: auto; }
.side .sidelist .slul2 ul li .sub { width: auto; background: #5a89c1; border: 1px solid #5a89c1; position: relative; padding: 0 10px 10px; display: none; }
.side .sidelist .slul2 ul li.on .sub { display: block; }
.side .sidelist .slul2 ul li .sub .sli { line-height: 30px; height: 30px; }
.side .sidelist .slul2 ul li .sub .sli .sa { color: #f1f1f1; font-size: 14px; background: none; text-shadow: none; display: inline; text-align: left; display: block; line-height: 30px; height: 30px; }
.side .sidelist .slul2 ul li .sub .sli .sa:hover { text-decoration: none; color: #fff; background: #336cb1; }
.side .sidelist .slul2 ul li .sub .sli.ons { background: #336cb1; }
.side .sidelist .slul2 ul li .sub .sli.ons .sa { color: #fff; }

.side_message { }
.side_message a { display: block; width: 260px; height: 60px; line-height: 60px; border: 0 solid #e6e6e6; font-size: 16px; text-indent: 50px; background: #e6e6e6 url(../img/sidemessageicon.png) no-repeat 155px 0; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-radius: 30px; box-shadow: 1px 1px 0 #ccc; font-family: microsoft yahei; color: #333; }
.side_message a:hover { background: #336cb1 url(../img/sidemessageicon.png) no-repeat 155px -60px; color: #fff; text-decoration: none; }

.sidecon { border: 1px solid #dedede; box-shadow: 0 0 10px #dedede; margin-bottom: 20px; }
.sidecon .tit { background: #f1f1f1; height: 40px; line-height: 40px; font-size: 18px; border-bottom: 2px solid #336cb1; }
.sidecon .tit .name { color: #336cb1; padding: 0 16px; display: block; float: left; }
.sidecon .tit .more { float: right; color: #999; display: block; font-size: 12px; padding: 0 16px; }
.sidecon .con { padding: 16px; }
.sidecon .con ul { }
.sidecon .con ul li { line-height: 24px; padding-left: 10px; background: url(../img/sideconli.jpg) no-repeat 0 7px; color: #666; font-size: 14px; }

.main { width: 840px; float: right; margin-top: 10px; background: #fff; margin-bottom: 0; }
.main .tit { height: 40px; line-height: 40px; border-bottom: 2px solid #dedede; font-family: microsoft yahei; margin: 10px 10px 0; background: #f1f1f1; }
.main .tit h3 { font-size: 20px; font-weight: bold; float: left; border-bottom: 2px solid #336cb1; color: #336cb1; font-weight: normal; padding: 0 30px; font-family: microsoft yahei; text-shadow: 0 0 5px #fff; }
.main .tit .now { float: right; color: #999; font-family: simsun; margin-right: 10px; }
.main .tit .now a { color: #999;font-size: 12px;  }
.main .con { padding: 20px 20px 0; 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; color: #333; }
.main .con a { color: #051039; font-size: 14px; margin: 0 4px; }
.main .con a:hover { color: #f60; }

.mb_son { padding: 10px 15px; line-height: 28px; height: 30px; background-color: #f1f1f1; background-image:url("data:image/png;base64,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"); border-radius: 0 0 15px 15px; margin: 0 10px; }
.mb_son li { float: left; }
.mb_son a { display: block; float: left; font-size: 14px; font-family:"Microsoft YaHei",SimSun,SimHei; padding: 0 15px; margin-right: 10px; border: 1px solid #336cb1; color: #336cb1; -webkit-transition: all .2s ease-in; border-radius: 5px; }
.mb_son a:hover { background: #fff; text-decoration: none; }
.mb_son a.on { border: 1px solid #336cb1; background: #336cb1; color: #fff; }
.mb_son a.on:hover { background: #336cb1; }

.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(../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; }
.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: #336cb1; color: #fff; }
.new_ulbig li .time { display: block; margin-top: 10px; color: #999; }

.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; }

.anli { }
.anli .al_li { width: 206px; float: left; margin: 0 30px 20px; }
.anli .al_a { display: block; text-decoration: none; font-size: 14px; font-family: microsoft yahei; color: #666; position: relative; }
.anli .al_a .al_img { display: block; width: 200px; height: 150px; padding: 2px; border: 1px solid #dedede; overflow: hidden; }
.anli .al_a .al_img img { display: block; width: 200px; height: 150px; }
.anli .al_a .al_sp { display: block; width: 100%; height: 30px;line-height: 30px; text-align: center; }
.anli .al_li p { font-size: 12px; line-height: 24px; color: #999; margin-top: 6px; }
.main .con .anli a.al_a:hover { color: #336cb1; }
.anli .al_a:hover .al_img { border-color: #336cb1; }

.honorbox { background: url(../img/honorbgs.jpg) repeat-y center top; padding: 0 84px; }
.honorbox li { float: left; margin: 0 11px 121px; width: 182px; height: 252px; border: 3px solid #dedede; }
.honorbox li img { width: 182px; height: 252px; display: block; }

.contact { background: url(../img/wao2.png) no-repeat right 20px; padding: 30px 0 0 60px; width: 700px; font-size: 14px; font-family:Microsoft YaHei,SimSun,SimHei; position: relative; height:340px; }
.main .con .contact p { line-height: 30px; }
.contact p strong { font-size: 16px; line-height: 40px; color: #336cb1; }

.productlist { margin: 0 0 30px; }
.productlist li { border-bottom: 4px solid #dedede; background: #f1f1f1; width: 208px; float: left; -webkit-transition: all .2s ease; transition: all .2s ease; margin: 0 27px 30px; }
.productlist li.onyy { -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); }
.productlist li.onyy img { opacity: .6; filter: alpha(opacity=60); }
.productlist li.onyy { border-color: #336cb1; background: #dedede; }
.productlist li .img { width: 200px; height: 150px; margin: 4px; position: relative; overflow: hidden; }
.productlist li .img img { width: 200px; height: 150px; display: block; -webkit-transition: all .2s linear; transition: all .2s linear; }
.productlist li.onyy .img img { }
.productlist li .info { font-size: 12px; color: #fff; padding: 5px 10px; }
.productlist li .info h3 { margin-bottom: 0; height: 26px; line-height: 26px; overflow: hidden; text-align: center; }
.productlist li .info h3 a { font-size: 14px; color: #333; font-family: microsoft yahei; font-weight: normal; }
.productlist li.onyy .info h3 a { color: #336cb1; text-shadow: 0 0 5px #fff; }
.productlist li .info h3 a:hover { color: #336cb1; text-decoration: none; }

.prosmtit { margin-bottom: 20px; background: #dedede; height: 30px; line-height: 30px; border-radius: 15px; }
.prosmtit h3 { float: left; padding: 0 20px; background: #336cb1; border-radius: 15px; color: #fff; font-size: 16px; font-family: microsoft yahei; }

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

.new_ul { }
.new_ul li { line-height: 40px; line-height: 40px; border-bottom: 1px dashed #dedede; padding: 0 20px; }
.new_ul li.on { background: #f1f1f1; }
.new_ul li .time { float: right; color: #999; font-size: 12px; }
.main .con .new_ul li a { font-size: 14px; color: #333; padding: 2px 4px; padding-left: 16px; background: url(../images/jt.png) no-repeat 0 center; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.main .con .new_ul li.on a { color: #336cb1; margin-left: 6px; }
.main .con .new_ul li a:hover { color: #336cb1; }

.procontable { border-top: 1px solid #336cb1; border-left: 1px solid #336cb1; margin-bottom: 20px; }
.procontable tr td { border-right: 1px solid #336cb1; border-bottom: 1px solid #336cb1; font-size: 12px; line-height: 22px; padding: 0 5px; text-align: center; }
.procontable tr th { background: #336cb1; color: #fff; font-weight: normal; font-size: 12px; }
.procontable tr:nth-child(2n) td { background: #d8e8fb; }

.innav { }

.ppul { margin: 12px 0 0 70px; width: 500px; }
.ppul li { width: 50%; margin: 0 0 10px; }
.ppul a { font-size: 16px; }
.ppul1 li { width: 50%; margin: 0 0 10px; }
.ppul1 a { font-size: 16px; }

#scrollBar { display:none;z-index: 9999; }
#scrollBar .gotop { background: url(../img/top.jpg) repeat-x center center; width: 130px; height: 57px; display: block; overflow: hidden; text-indent: -2000em; cursor: pointer; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .2s ease-in; transition: all .2s ease-in;  }
#scrollBar .gotop:hover { opacity: .9; filter: alpha(opacity=90); }
#scrollBar .topnav { background: #2d619a; padding: 11px 0; border-bottom: 1px solid #dedede; }
#scrollBar .topnav li { text-align: center; line-height: 29px; height: 29px; }
#scrollBar .topnav li a { font-size: 12px; color: #fff; display: block; text-decoration: none; }
#scrollBar .topnav li a:hover { background: #5d87c1; color: #ff0; }

.zoom{display:inline-block;}
.zoom:after{content:'';display:block;width:33px;height:33px;position:absolute;top:0;right:0;}
.zoom img{display:block;}
.zoom img::selection{background-color:transparent;}