html { overflow: -moz-scrollbars-vertical; overflow-x: hidden }
* { word-wrap: break-word; margin: 0; padding: 0 }
table { border-collapse: collapse }
fieldset, img { border: none }
ul, li { list-style-type: none }
a { text-decoration: none; color: rgb(102, 102, 102) }
a:link { color: rgb(51, 51, 51) }
a:visited { color: rgb(51, 51, 51) }
a:hover { color: rgb(0, 184, 255) }
a:active { color: rgb(102, 102, 102) }
body { font-family: Microsoft YaHei; font-size: 14px; color: rgb(102, 102, 102); min-width: 1360px }
select, input { vertical-align: middle; outline: none }
em, i { font-style: normal }
input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; outline: none; border: none }
textarea { outline: none }
input { outline: none; border: none }
.wrap { width: 1360px; clear: both; margin: 0 auto }
.clear { clear: both; overflow: hidden }
.h4 { clear: both; height: 4px; overflow: hidden }
.h5 { clear: both; height: 5px; overflow: hidden }
.h10 { clear: both; height: 10px; overflow: hidden }
.h15 { clear: both; height: 15px; overflow: hidden }
.h20 { clear: both; height: 20px; overflow: hidden }
.h25 { clear: both; height: 25px; overflow: hidden }
.h30 { clear: both; overflow: hidden; height: 30px }
.h40 { clear: both; height: 40px }
.h60 { clear: both; height: 60px; overflow: hidden }
.fl { float: left; display: inline }
.fr { float: right; display: inline }
img { border: none }
.bdimgshare-bg, .bdimgshare-content, .sr-bdimgshare { display: none !important }
.hui { background: rgb(245, 245, 245) }
.top1Box { height: 35px; background: rgb(245, 245, 245); line-height: 35px }
.top1 { overflow: hidden; color: rgb(85, 85, 85) }
.top1R { overflow: hidden; width: 150px }
.top1R { overflow: hidden }
.top1R .bdsharebuttonbox { margin-top: 9px }
.top1R .bdsharebuttonbox a { width: 20px !important; height: 20px !important; padding: 0 !important; margin: 0 4px !important; background: url(../images/share.png) no-repeat !important }
.top1R .bdsharebuttonbox a.bds_tsina { background-position: 0px 0px !important }
.top1R .bdsharebuttonbox a.bds_weixin { background-position: -27px 0px !important }
.top1R .bdsharebuttonbox a.bds_tqq { background-position: -53px 0px !important }
.top2Box { height: 90px; background: rgb(255, 255, 255); width: 100%; position: relative; z-index: 2 }
.top2L { width: 170px; height: 60px; margin-top: 15px }
.top2L img { display: block; height: 60px; margin: 0 auto }
.menu { position: relative; height: 90px }
.menu dd { float: left; display: inline; position: relative }
.menu dd span { display: block }
.menu dd span a { display: block; height: 90px; line-height: 90px; padding: 0 18px; background: url(../images/icn1.png) no-repeat right center; color: rgb(0, 0, 0); font-size: 17px }
.menu dd.hover span a { color: rgb(0, 184, 255) }
.ejBox { width: 0px; height: 0px; overflow: hidden; position: absolute; top: 87px; z-index: 1 }
.ejBox.active { width: 460px; height: 236px }
.ej { border-top: 3px solid rgb(0, 184, 255); overflow: hidden; padding: 20px; background: rgb(255, 255, 255); box-shadow: 0px 0px 8px rgb(0, 184, 255); display: block; z-index: 1 }
.ejL { width: 110px; overflow: hidden }
.ejL a { display: block; height: 38px; border-bottom: 1px solid rgb(230, 230, 230); font-size: 15px; padding-left: 20px; background: url(../images/icn3.jpg) no-repeat 10px center; line-height: 38px }
.ejL a:hover { background: url(../images/icn3h.jpg) no-repeat 10px center; color: rgb(0, 184, 255) }
.ejR { width: 285px; overflow: hidden; margin-top: -4px }
.ejRPic { overflow: hidden; width: 285px; height: 110px; margin-bottom: 10px }
.ejRPic img { overflow: hidden; width: 285px; height: 110px }
.ejRText { line-height: 20px; height: 80px; overflow: hidden; color: rgb(102, 102, 102) }
.menuBg { height: 3px; background: rgb(0, 184, 255); position: absolute; left: 0px; bottom: 0px; z-index: 0 }
.menuBg i { display: block; width: 9px; height: 5px; background: url(../images/icn2.png) no-repeat center center; left: 50%; margin-left: -5px; bottom: 3px; position: absolute }
.bannerBox { overflow: hidden; position: relative }
.banner { height: 800px; overflow: hidden; position: relative; z-index: 1 }
.banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 50px; left: 0; height: 30px; line-height: 30px }
.banner .hd ul { text-align: center }
.banner .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width: 8px; height: 8px; overflow: hidden; line-height: 999px; margin: 0 10px; border: 1px solid rgb(255, 255, 255) }
.banner .hd ul .on { background: rgb(191, 1, 8); border: 1px solid rgb(191, 1, 8) }
.banner .bd { position: relative; height: 100%; z-index: 0; height: 800px }
.banner .bd li { zoom: 1; vertical-align: middle; height: 800px; background-size: cover !important }
.banner .prev { display: block; width: 74px; height: 74px; background: url(../images/icn1.png) no-repeat 0 0; position: absolute; left: 200px; top: 50%; margin-top: -37px }
.banner .next { display: block; width: 74px; height: 74px; background: url(../images/icn1.png) no-repeat -74px 0; position: absolute; right: 200px; top: 50%; margin-top: -37px }
.indexAd { position: absolute; left: 0px; bottom: 0px; height: 50px; width: 100%; background: rgba(0, 0, 0, 0.4); z-index: 2; line-height: 50px }
.indexAdL { height: 50px; background: url(../images/icn4.png) no-repeat left center; padding-left: 20px; width: 70px; color: rgb(255, 255, 255); font-size: 14px }
.indexAdR { height: 50px; overflow: hidden; position: relative; z-index: 1; width: 1098px; margin-left: 12px }
.indexAdR .bd { position: relative; height: 100%; z-index: 0; height: 50px }
.indexAdR .bd li { zoom: 1; vertical-align: middle; height: 50px; float: left; display: inline; margin-right: 20px; width: 346px; line-height: 52px }
.indexAdR .bd li span { color: rgb(255, 255, 255); float: right; display: inline }
.indexAdR .bd li em { color: rgb(255, 255, 255); float: left; display: inline }
.indexAdR .bd li:hover span { color: rgb(236, 239, 255) }
.indexAdR .bd li:hover em { color: rgb(236, 239, 255) }
.columnBox { }
.column1 { height: 304px; overflow: hidden; padding: 10px }
.column1L { width: 304px; height: 304px; overflow: hidden; position: relative }
.column1LC { position: relative; z-index: 0 }
.column1LC1 { height: 304px; overflow: hidden; position: relative }
.column1LC1 .hd { position: absolute; z-index: 2; bottom: 33px; right: 0; height: 4px; line-height: 41px }
.column1LC1 .hd ul { text-align: right; padding-right: 10px }
.column1LC1 .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width: 10px; height: 4px; overflow: hidden; line-height: 999px; margin: 0 0px 0 10px; background: rgb(222, 222, 222); overflow: hidden }
.column1LC1 .hd ul .on { background: rgb(191, 1, 8) }
.column1LC1Text { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 40px; line-height: 40px; z-index: 1 }
.column1LC1TextBg { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 40px; opacity: 0.8; -moz-opacity: 0.8; z-index: 0 }
.column1LC1TextC { position: relative; z-index: 1; color: rgb(255, 255, 255); padding: 0 10px; font-size: 14px }
.column1LC1 .bd { position: relative; height: 100%; z-index: 0; height: 304px }
.column1LC1 .bd li { zoom: 1; vertical-align: middle; height: 304px }
.column1LC1 .bd li img { width: 100%; height: 304px; overflow: hidden }
.column1R { width: 355px; overflow: hidden; height: 304px; background-color: rgb(255, 255, 255); padding: 25px; border-top: 6px rgb(0, 184, 255) solid; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) }
.indexT1 { height: 51px; border-bottom: 1px solid rgb(230, 230, 230); position: relative; line-height: 51px }
.indexT1L { position: absolute; left: 0px; top: 0px; height: 52px; line-height: 52px }
.indexT1L a { float: left; display: inline; height: 50px; line-height: 50px; color: rgb(51, 51, 51); font-size: 20px; padding: 0 7px; margin: 0 16px 0 0; position: relative; transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear }
.indexT1L a.hover { color: rgb(0, 184, 255); border-bottom: 2px solid rgb(0, 184, 255) }
.indexT1L a:hover { color: rgb(0, 184, 255) }
.indexT1R { overflow: hidden; height: 34px; line-height: 34px; margin-right: 10px }
.indexT1R a { color: rgb(153, 153, 153); overflow: hidden }
.indexT1R a span { font-family: Microsoft YaHei }
.indexT1R a:hover { color: rgb(181, 20, 19) }
.column1RC { overflow: hidden; height: 304px }
.column1RT { height: 30px; line-height: 30px; text-align: left; overflow: hidden; margin-bottom: 5px }
.column1RT a { color: rgb(17, 17, 17); font-size: 16px }
.column1RT a:hover { color: rgb(0, 184, 255) }
.column1RText { color: rgb(153, 153, 153); line-height: 26px; height: 52px; padding-bottom: 10px; border-bottom: 1px dashed rgb(230, 230, 230); margin-bottom: 5px }
.column1RText .column1RTextL { height: 52px; overflow: hidden; width: 84%; color: rgb(102, 102, 102); font-size: 14px }
.column1RTextL a { color: rgb(0, 184, 255) }
.column1RTextL a:hover { text-decoration: underline }
.column1RTextR { width: 70px; overflow: hidden; background: rgb(0, 184, 255); padding-top: 10px; color: rgb(255, 255, 255); text-align: center; position: relative; margin-top: -15px }
.column1RTextR span { display: block; height: 28px; line-height: 28px; font-size: 22px }
.column1RTextR em { display: block; height: 27px; line-height: 27px; font-size: 12px }
.column1RTextR i { display: block; position: absolute }
.indexList { overflow: hidden }
.indexList dd { height: 40px; line-height: 40px; font-size: 14px }
.indexList dd a { overflow: hidden }
.indexListL { float: left; display: inline; overflow: hidden; font-size: 15px; color: rgb(17, 17, 17) }
.indexListL em { color: rgb(153, 153, 153); float: left; margin-right: 5px; width: 10px; height: 40px; background: url(../images/icn5.png) no-repeat center center }
.indexList dd.dd2 .indexListL em { background: url(../images/icn43.png) no-repeat center center }
.indexListR { color: rgb(153, 153, 153); font-size: 12px; float: right; display: inline }
.indexList dd a:hover .indexListL em { background: url(../images/icn5.png) no-repeat center center }
.indexList dd a:hover .indexListR { color: rgb(0, 184, 255) }
.indexList dd.dd2 a:hover { color: rgb(191, 0, 8) }
.indexList dd.dd2 a:hover .indexListL em { background: url(../images/icn43h.png) no-repeat center center }
.indexList dd.ddh33 { height: 33px; line-height: 33px }
.indexList dd.ddh33 .indexListL em { height: 33px }
.column1Rmenu { height: 30px; overflow: hidden; text-align: center }
.column1Rmenu div { display: inline-block; overflow: hidden; padding-top: 2px }
.column1Rmenu div a { float: left; display: inline; height: 24px; line-height: 24px; border-radius: 26px; overflow: hidden; padding: 0 12px; border: 1px solid rgb(154, 154, 154); margin: 0 7px; font-size: 14px }
.column1Rmenu div a:hover { color: rgb(255, 255, 255); background: rgb(0, 184, 255); border-color: rgb(0, 184, 255) }
.column1Rmenu div a.hover { color: rgb(255, 255, 255); background: rgb(0, 184, 255); border-color: rgb(0, 184, 255) }
.column2 { overflow: hidden; height: 291px }
.column2L { width: 800px; overflow: hidden; padding: 30px 20px 30px 305px; width: 475px; background: rgb(255, 255, 255) url(../images/bg1.png) no-repeat -22px 45px }
.column2LT { padding-bottom: 10px; border-bottom: 1px solid rgb(230, 230, 230); margin-bottom: 10px }
.column2LT span { display: block; height: 38px; line-height: 38px; color: rgb(51, 51, 51); font-size: 16px; font-weight: bold }
.column2LT img { display: block; height: 15px; overflow: hidden }
.column2LText { color: rgb(51, 51, 51); font-size: 14px; line-height: 28px; height: 136px; overflow: hidden; margin-bottom: 10px }
.column2LBtn { overflow: hidden }
.column2LBtn a { color: rgb(0, 184, 255); display: block; padding-right: 10px; float: left; display: inline; height: 32px; line-height: 32px; background: url(../images/icn7.png) no-repeat right center }
.column2LBtn a:hover { text-decoration: underline }
.column2R { width: 380px; overflow: hidden }
.column2R dd { margin-bottom: 21px }
.column2R dd a { display: block; padding: 25px; height: 85px }
.column2R dd.dd1 a { background: rgb(255, 255, 255) url(../images/icn8.jpg) no-repeat right bottom }
.column2R dd.dd2 a { background: rgb(255, 255, 255) url(../images/icn9.jpg) no-repeat right bottom }
.column2R dd span { display: block; height: 27px; line-height: 27px; font-size: 16px; font-weight: bold; margin-bottom: 5px }
.column2R dd em { display: block; line-height: 20px; overflow: hidden; color: rgb(153, 153, 153); font-size: 14px }
.column2R dd.dd1 span { color: rgb(0, 184, 255) }
.column2R dd.dd2 span { color: rgb(0, 184, 255) }
.indexT2 { height: 18px; line-height: 18px; overflow: hidden }
.indexT2L { overflow: hidden }
.indexT2L span { float: left; display: inline; width: 6px; height: 18px; margin-right: 5px }
.indexT2L span.span1 { background: rgb(191, 0, 8) }
.indexT2L span.span2 { background: rgb(0, 184, 255) }
.indexT2L em { float: left; display: inline; color: rgb(51, 51, 51); font-size: 16px; font-weight: bold; margin-right: 10px }
.indexT2L img { float: left; display: inline; height: 9px; margin-top: 4px }
.indexT2R a { color: rgb(191, 0, 8) }
.indexT2R a span { font-family: Microsoft YaHei; font-size: 14px }
.column3C { position: relative; height: 190px }
.column3C .bd { position: relative; height: 100%; z-index: 0; height: 190px; overflow: hidden }
.column3C .bd li { zoom: 1; vertical-align: middle; height: 190px; width: 285px; float: left; display: inline; margin-right: 20px; position: relative; overflow: hidden }
.column3C .bd li img { display: block; height: 190px; width: 285px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.column3bg { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px }
.column3bg div { width: 20%; float: left; height: 100%; display: inline-block; background-color: rgb(170, 170, 170); background-color: rgba(0, 0, 0, 0.4); -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; -ms-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s }
.column3Text { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px }
.column3TextC { display: table-cell; vertical-align: middle; width: 285px; height: 190px }
.column3TextC span { display: block; height: 13px; background: url(../images/icn12.png) no-repeat center center }
.column3TextC div { line-height: 52px; font-size: 16px; color: rgb(255, 255, 255); height: 52px; overflow: hidden; text-align: center }
.column3C .prev { display: block; width: 24px; height: 59px; background: url(../images/btn1.png) no-repeat 0px 0px; position: absolute; left: -40px; top: 50%; margin-top: -30px; display: none }
.column3C .prev:hover { background-position: 0px -59px }
.column3C .next { display: block; width: 24px; height: 59px; background: url(../images/btn1.png) no-repeat -24px 0px; position: absolute; right: -40px; top: 50%; margin-top: -30px; display: none }
.column3C .next:hover { background-position: -24px -59px }
.column3C .bd li:hover img { -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.column4Box { height: 135px; overflow: hidden }
.column4 { height: 135px }
.column4C { overflow: hidden; position: relative }
.indexListL:hover { color: rgb(0, 184, 255) }