@charset "gb2312";
/* CSS Document */

* { margin: 0px; padding: 0px; }
body { font-size: 16px; line-height: 1.5em; font-family: "Arial", "Microsoft Yahei", "Heiti SC", simsun, sans-serif; color: #323232; background: #e9f3f9 url(hbwhtaiwz2018_01.jpg) top center no-repeat; word-wrap: break-word; -webkit-font-smoothing: antialiased; }
a { color: #323232; text-decoration: none; outline: none; }
a:hover { color: #db0028; }
ul, li, ol { list-style: none; border: none; }
img, video { max-width: 100%; height: auto; border: 0; }
::selection { color: #fff; background-color: #25b9e1; }
h1, h2, h3, h4, h5, h6, i { font-style: normal; font-weight: normal }
div, dl, ul, li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type=text], input[type=password], textarea { font-family: "Microsoft Yahei", SimSun, Arial, "Helvetica Neue", Helvetica; }
.clearfix:after, .area:after, .header ul.nav:after, .contentA:after, .content:after, .menu:after, .header:after, .footer:after { content: ""; display: block; height: 0; clear: both; visibility: hidden }
.clearfix, .area, .header ul.nav, .contentA, .contnet, .menu, .header, .footer { *zoom: 1
}
.l { float: left }
.r { float: right }
.header, #footer { width: 100%; }
.warp { width: 100%; }
.bg { background: #ebebeb; padding: 2px 0 40px }
.area { width: 1200px; margin: 40px auto 0 }
.header { width: 100%; text-align: center; margin: 0 auto; margin-bottom: 20px; }
.header img { display: none; margin: 0 auto }
.header ul.nav { margin-top: 611px; font-size: 26px; color: #010000; line-height: 186%; overflow: hidden; }
.header ul.nav li { display: inline-block; line-height: 30px }
.header ul.nav li.on a { background: #991f27; color: #fff; padding: 10px 20px; margin: 0 10px; }
.header ul.nav li a { color: #010000; padding: 10px 20px; margin: 0 10px; }
.header ul.nav li.on a:hover { background: #991f27; color: #fff; padding: 10px 20px; margin: 0 10px; }
.header ul.nav li a:hover { background: #991f27; color: #fff; padding: 10px 20px; margin: 0 10px; }
.contentA { border: 1px #d9d9d9 solid; box-shadow: 2px 2px 1px #ddd; background: #fff; padding: 0 18px; padding-bottom: 0; width: 1200px; margin: 0 auto; overflow: hidden; }
.contentB { border: 1px #d9d9d9 solid; box-shadow: 2px 2px 1px #ddd; background: #fff; padding: 18px; padding-bottom: 0; width: 1200px; margin: 0 auto; overflow: hidden; min-height: 500px; }
.blockA { width: 640px; float: left }
.blockB { width: 500px; float: right; margin-top: 20px }
/**/
.slider { position: relative; width: 640px; height: auto; margin: 0px auto; overflow: hidden; padding: 0px; }
.slides { height: auto; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.slide { height: auto; float: left; clear: none; display: inline; }
.slider-arrows { }
.arrowsWrapper { display: block }
.slider:hover > .arrowsWrapper { display: block }
.slider-arrow { position: absolute; width: 25px; height: 60px; background: #fff }
.slider-arrow-right { bottom: 38%; right: 10px; background: url(slider_rl.png) right no-repeat }
.slider-arrow-left { bottom: 38%; left: 10px; background: url(slider_rl.png) left no-repeat }
.slider-nav { position: absolute; bottom: 33px; right: 14px; }
.slider-nav_item { width: 15px; height: 15px; float: left; clear: none; display: block; margin: 0 3px; background: #fff; border-radius: 50%; }
.slider-nav_item:hover { background: #cdcdcd; }
.slider-nav_item--current { background: #2589e4; }
.slider .cont { width: 640px; height: auto; text-align: left; color: #fff; text-transform: capitalize; vertical-align: middle; position: relative; overflow: hidden }
.slider .cont img { width: 640px; height: 347px; display: block; }
.slider .t { width: 100%; height: 45px; line-height: 45px; text-align: center; color: #fee589; background: rgba(47,47,47,.8); position: absolute; bottom: 0px; left: 0; }
.slider .t h3 { font-size: 18px; color: #ffffff; text-align: left; padding: 0 10px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
/**/
.blockB dl { line-height: 24px }
.blockB dt { color: #323232; font-size: 20px; margin-bottom: 15px; font-weight: bold; margin-top: 10px }
.blockB dd { color: #808080; font-size: 16px; border-bottom: 1px #e2e2e2 dashed; padding-bottom: 9px; line-height: 27px; margin-bottom: 20px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 49px }
.block { float: left }
.block.a1 { width: 440px }
.block.a2 { width: 300px }
.block.a3 { width: 372px; float: right }
.mr40 { margin-right: 40px }
.menu { background: url(menu_bg.png) left bottom no-repeat; height: 50px; margin-bottom: 10px }
.menu span { color: #991f27; font-size: 24px; font-weight: bold }
.menu span a{ color: #991f27;}
.block h3 { font-size: 18px; font-weight: bold; margin-bottom: 10px }
ul.list { }
ul.list li { font-size: 16px; color: #323232; border-bottom: 1px #d9d9d9 dashed; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 24px; background: url(dot_r.png) 0 13px no-repeat; padding: 5px 0px 5px 15px }
.pic { width: 300px; height: 168px; position: relative; margin-bottom: 10px }
.pic img { display: block;    width: 300px; height: 168px;}
.pic span { position: absolute; bottom: 0; left: 0px; width: 98%; height: 2em; background: rgba(0,0,0,.5); color: #fff; padding: 1%; line-height: 30px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pic span a { color: #fff }
.scroll { background: #fff; border: 1px #d4d4d4 solid; padding: 2%; width: auto; height: 346px; overflow-y: auto; }
.scroll p { font-size: 16px; line-height: 30px }
.scroll p span { color: #991f27 }
.menu1 { background: url(menuB_bg.png) bottom no-repeat; width: 718px; height: 57px; margin: 0 auto; margin-bottom: 40px; text-align: center }
ul.picList { width: 104%; margin-top: 10px; border-bottom: 1px #c5c5c5 dashed; overflow: hidden; padding-bottom: 30px; padding-top: 20px; }
ul.picList:last-child { border-bottom: 0 }
ul.picList li { width: 46%; margin-right: 4%; float: left; }
ul.picList li.part1 img { float: left; width: 150px; height: 150px; border: 2px #2d043f solid; border-radius: 50%; margin-right: 20px }
ul.picList li.part1 div { width: 400px; float: right }
ul.picList li div>h2 { background: url(menuR_bg.png) 90px 0 no-repeat; color: #323232; font-size: 20px; border-bottom: 1px #cccccc solid; padding-bottom: 10px; font-weight: bold }
ul.picList li div>ul.inr { margin-top: 10px }
ul.picList li div>ul.inr li { font-size: 16px; color: #808080; width: 100%; line-height: 30px; overflow: hidden;text-align: justify;}
ul.picList li div>ul.inr li a { color: #808080; }
ul.picList li.part2 { margin-top: 0px }
ul.picList li.part2 img { float: right; width: 150px; height: 150px; border: 2px #2d043f solid; border-radius: 50%; margin-left: 20px }
ul.picList li.part2 div { width: 400px; float: left }
.tab { margin: 0 auto; height: 453px; margin-bottom: 60px; position: relative }
.mL { line-height: 30px; position: absolute; top: 202px; }
.mL span { margin: 0 2px 0 0; padding: 0 16px; display: inline-block }
.mL ul { white-space: normal; }
.mL ul li { margin: 0 20px 0 0; padding: 0 16px; display: inline-block; text-align: center; cursor: pointer; font-size: 18px }
.mL ul li:nth-of-type(7) { margin-right: 310px }
.mL ul li:nth-of-type(8) { margin-left: 261px; margin-top: 20px }
.mL ul li img { width: 70px; height: 70px; border-radius: 50%; border: 2px #e9f3f9 solid }
.mL ul li.on img { border: 2px #991f27 solid }
.mL ul li.on { color: #a0353a }
.mL ul li.on a { color: #a0353a }
.hgBox { }
.hgBox div { display: none; height: 250px }
.hgBox div.on { display: block }
.hgBox dl { padding: 10px; position: relative }
.hgBox dl dt { font-weight: bold }
.hgBox dl dt { position: absolute; right: 20px; top: 20px; }
.hgBox dl dt img { border: 3px #a0353a solid; width: 201px; height: 201px; border-radius: 50% }
.hgBox dl dd { width: 78%; float: left; overflow: hidden; }
.hgBox dl dd h2 { background: url(menuHg_bg.png) no-repeat; text-align: center; width: 182px; font-size: 22px }
.hgBox dl dd p { border-top: 1px #cccccc solid; margin-top: 20px; padding-top: 20px; line-height: 30px; font-size: 16px; text-align: justify }
div#imgZone { position: relative; margin: 0 auto; width: 1100px }
div#imgZone>ul#data { position: relative; width: 100%; height: 347px; }
div#imgZone>ul#data li { position: absolute; left: 0; top: 0; width: 618px; height: 347px; z-index: 2147483619; transition: left 0.6s ease 0s, transform 0.6s ease 0s, margin 0.6s ease 0s; }
div#imgZone>ul#data li.endNext, div#main>div#imgZone>ul#data li.endPre { left: 0; margin: 0 0 0 -6%; transform: scale(0.8, 0.8); }
div#imgZone>ul#data li.startNext, div#imgZone>ul#data li.startPre { left: 50%; margin: 0 0 0 -28%; z-index: 2147483620; }
div#imgZone>ul#data li.order1 { left: 55.8%; margin: 0 0 0 -6%; transform: scale(0.8, 0.8); z-index: 2147483618; }
div#imgZone>ul#data.startPre li { z-index: 2147483618; }
div#imgZone>ul#data.startPre li.order1 { z-index: 2147483619; }
div#imgZone>ul#data.startPre li.startPre { z-index: 2147483620; }
div#imgZone>ul#data li img { display: block; width: 100%; height: 100%; margin: 0 auto; }
div#imgZone>ul#data li>h2 { position: absolute; bottom: 0; width: 100%; font-size: 20px; font-size: 1.25rem; line-height: 1.5em; color: #FFF; background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0)); overflow: hidden; }
div#imgZone>ul#data li>h2 a { display: block; padding: 9px; color: #FFF; text-overflow: ellipsis; overflow: hidden; }
div#preBtn, div#nextBtn { position: absolute; top: 50%; left: 0; width: 40px; height: 68px; margin: -34px 0 0; cursor: pointer; background: url("http://ats.taiwan.cn/Topic/2018/hxlaqnfzhlt/images/btnsBg.png") 0 center no-repeat; background-size: auto 100%; z-index: 2147483621; }
div#nextBtn { left: auto; right: 0; background-position: right center; }
#footer { width: 100%; background: #e3e3e3; }
#footer a { color: #000; text-decoration: none; }
#footer a:hover { color: #ff8500; }
#footer div { width: 100%; margin: 0 auto; max-width: 1000px; padding: 10px 0px; overflow: hidden; zoom: 1; background: url(http://ats.taiwan.cn/homepage/images/tw_logo_bottom.gif) no-repeat center left; font-size: 12px; *width:1000px;
}
#footer div p { text-align: right; }
#footer div p img { vertical-align: middle; display: inline; padding-right: 8px; }
#footer div p span { padding-right: 5px; }
#footer ul { text-align: right; padding: 5px 0px 10px; }
#footer ul li { display: inline; }
#footer ul li a { padding: 0 5px; border-right: 1px solid #000; }
.ft-logo { display: none }
/**/
.where { color: #0085ee; font-size: 18px;margin-top: 1%;}
.where a { color: #0085ee; }
/*列表*/
ul.listM { margin-bottom: 30px; overflow: hidden }
ul.listM li { text-align: left; background: url(../images/mintaizaixianList_dot.png) 0px 7px no-repeat; padding-left: 17px; font-size: 18px; margin: 18px 20px 0 0px; font-family: microsoft Yahei }
ul.listM li span { float: right; font-size: 14px; font-family: simsun; color: #8a8a8a }
.ie7 ul.listM li span { margin-top: -24px }
.m_h20 { margin-top: 20px; overflow: hidden; }
/*通用列表*/
.listCom { }
.listCom li { margin: 0px auto; overflow: hidden; border-bottom: 1px #f3f3f4 solid; padding: 30px 0; }
.listCom li h4 { text-align: left; font-size: 24px; line-height: 30px; margin: 0px 0 20px; overflow: hidden; }
.listCom li h4 span { float: right; font-size: 14px; font-family: simsun; color: #8a8a8a }
.ie7 .listCom li h4 span { margin-top: -24px }
.listCom li img { float: left; width: 227px; height: auto; margin-right: 20px }
.listCom li p { width: 80%; font-size: 18px; line-height: 36px }
.ie7 .listCom li p { float: left; width: 68%; }
ul.listM li:hover, ul.listJs li:hover, .listCom li:hover { background: #f5f5f5; }
ul.listM li:hover { background: url(../images/mintaizaixianList_dot.png) 0px 7px no-repeat; }
/*ul.listM li:hover p, ul.listJs li:hover p, .listCom li:hover p{ color: #ff8500; }
ul.listM li:hover h4, ul.listJs li:hover h4, .listCom li:hover h4 { color:#0085f3}*/
/*内容页*/
.cont { overflow: hidden; width: 80%; margin: 20px auto; color: #252525; font-size: 18px }
.cont img { max-width: 800px; width: auto; }
.cont p { line-height: 36px; margin: 10px 0 }
p.editor { float: right }
h1.title { font-size: 36px; font-weight: bold; margin: 30px 40px; line-height: 36px; text-align: center; }
.fontT { width: 96%; margin: 0 auto; overflow: hidden; text-align: center }
.fontT span { margin-right: 15px; }
.fontT span a { background: url(../images/mintaizaixianCont_tt.png) no-repeat; font-size: 0 }
.fontT span a.printT { background-position: -5px -5px; width: 29px; height: 29px; float: left; }
.fontT span a.fontSizePlus { background-position: -44px -5px; width: 29px; height: 29px; float: left; }
.fontT span a.fontSizeMinus { background-position: -84px -5px; width: 29px; height: 29px; float: left; }
.xgtj { width: 96%; margin: 20px auto 30px; overflow: hidden }
.xgtj h3 { font-size: 24px; line-height: 36px; color: #0155a4 }
.xgtj ul.list { margin-top: 10px }
.xgtj ul.list li { font-size: 18px; line-height: 36px; color: #0155a4; width: 49%; margin-left: 1%; float: left; padding-left: 20px; background: url(../images/mintaizaixianCont_dot.png) 0px 14px no-repeat }
.ie7 .xgtj ul.list li { width: 47% }
.xgtj ul.list li a { color: #0155a4 }
.tousu { display: none }
/*翻页*/
.page { text-align: center; line-height: 30px; margin: 50px 0 0; padding-bottom: 50px; color: #252525; font-size: 14px; font-family: simsun }
.page .obg { padding: 0px 10px; line-height: 24px; border: 1px solid #d7d7d7; background: #f5f5f5; display: inline-block; }
.page .fonttype { padding: 0px 10px; line-height: 24px; border: 1px solid #d7d7d7; background: #fe8503; color: #fff; display: inline-block; }
@media screen and (max-width:1024px) {
.area { width: 99%; overflow: hidden; }
.header, ul.picList { width: 100%; overflow: hidden; }
.contentA { width: 100%; background: #e9f3f9; border: 0; box-shadow: none }
.contentB { width: 100%; background: #fff; border: 0; box-shadow: none }
.slider-nav { display: none }
.blockA { width: 50% }
.slider, .slider .cont, .slider .cont img { width: 100%; height: 100% }
.blockB { width: 48% }
.blockB dt { margin-bottom: 5px; margin-top: 6px; }
.blockB dd { margin-bottom: 10px }
.block.a1 { width: 38% }
.block.a2 { width: 27% }
.block.a3 { width: 29% }
.mr40 { margin-right: 2% }
ul.picList { width: 103%; padding-left: 5%; }
ul.picList li { width: 44% }
ul.picList li.part1 div, ul.picList li.part2 div { width: 60% }
div#imgZone { width: 100% }
div#imgZone>ul#data li { width: 60%; height: auto }
.bg { padding: 1px 0 40px; }
.hgBox dl dd { width: 74% }
.mL ul li:nth-of-type(7) { margin-right: 5% }
.mL ul li { margin: 0 10px 0 0; }
.mL ul li:nth-of-type(8) { margin-left: 12%; }
}
@media screen and (max-width:768px) {
body { background: #e9f3f9 }
.header img { display: block; margin: 0 0; max-width: 100%; }
.header ul.nav { margin-top: 0; font-size: 22px; }
.header ul.nav li a { padding: 0 10px }
.blockB dt { margin-bottom: 1em }
.blockB dd { display: none }
.block.a1 { width: 58% }
.block.a2 { width: 38% }
.block.a3 { width: 100% }
ul.picList { width: 100%; padding-left: 0 }
ul.picList li { width: 100%; margin-right: 0%; float: none }
ul.picList li.part1, ul.picList li.part2 { margin-bottom: 4%; overflow: hidden; }
ul.picList li.part1 img { margin-left: 20px }
ul.picList li.part2 img { margin-right: 20px }
ul.picList li.part1:last-child img, ul.picList li.part2 div { float: right }
ul.picList li.part2:first-child img { float: left }
ul.picList li.part1 div, ul.picList li.part2 div { width: 70% }
div#imgZone>ul#data { height: auto; min-height: 256px; }
.mL ul li:nth-of-type(7) { margin-right: 0 }
.mL ul li:nth-of-type(8) { margin-left: 0 }
.hgBox dl dd { width: 72% }
.hgBox dl dt img { width: 150px; height: 150px }
.mL { top: 249px; width: 100%; overflow: hidden; padding: 0 30px }
.mL ul { white-space: nowrap; overflow-x: auto; overflow-y: hidden; }
.tab { margin-bottom: 0 }
#footer div { background: #dedede; text-align: center }
#footer ul { margin: 0 auto; color: #9a9a9a; text-align: center; border-bottom: 1px solid #9a9a9a; }
#footer ul a { color: #9a9a9a; }
#footer ul li a { border-right: 1px solid #9a9a9a; }
#footer div p { display: none }
#footer ul li:last-child { display: none }
.ft-logo { display: block }
}
@media screen and (max-width:568px) {
body, .contentA { background: #fff }
.header { margin-bottom: 0 }
.contentA, .area, .hgBox dl dd, .contentB { padding: 1%; width: 98% }
.area { margin-top: 1% }
.blockA, .blockB, .block.a1, .block.a2, .block.a3 { width: 100%; float: none; overflow: hidden; }
.blockA{margin-top: 1%;}
.blockB dd { display: block }
.slider .t { height: 36px; line-height: 36px; }
.slider .t h3 { font-size: 16px }
.cont { margin: 1% auto; width: 98%; }
h1.title { font-size: 20px; font-weight: bold; margin: 20px 10px; line-height: 36px; }
.cont p { line-height: 28px; margin: 10px 0; }
.cont img { width: 100%; height: auto }
.header ul.nav { font-size: 18px; white-space: nowrap; padding: 0 0%; overflow-x: auto; overflow-y: hidden; margin: 1% 1% 0; border-bottom: 1px #dedede solid; }
.header ul.nav li a, .header ul.nav li.on a { padding: 4px 10px; margin: 0 6px; }
.menu1 { width: 100%; margin-bottom: 0; background-size: 100%; margin-bottom: 2%; height: auto }
.menu { background-size: 41%; height: 38px; }
.menu1 span img { width: 38%; height: auto }
.menu span { font-size: 20px }
.scroll p { font-size: 14px; line-height: 24px; }
.blockB dt, .block h3 { font-size: 1em; margin-bottom: 0 }
.blockB dd { font-size: 0.875em }
.block.a2, .block.a3 { margin-top: 1.1em }
.pic { width: 49%; float: left; height: auto; margin-right: 1%; }
.pic img { display: block;width: 300%; height: auto;}
.pic:last-child { margin-right: 0 }
.pic span { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
ul.picList { padding-bottom: 3px }
ul.picList li.part1 img, ul.picList li.part2 img { width: 80px; height: 80px; margin-left: 1%; margin-right: 3% }
ul.picList li.part1:first-child div, ul.picList li.part2:first-child div { float: right }
ul.picList li.part1:last-child img, ul.picList li.part2:last-child img { margin-right: 1% }
ul.picList li.part1 div, ul.picList li.part2:last-child div { float: left }
ul.picList li.part1 div, ul.picList li.part2 div { width: 68% }
ul.picList li div>ul.inr { margin-top: 1% }
ul.picList li div>h2 { font-size: 18px }
ul.picList li div>ul.inr li { font-size: 14px }
.scroll { margin-bottom: 4%; }
.bg { background: #fff; padding: 1% 0 2%; }
div#imgZone { width: 100%; overflow: hidden; margin-bottom: 4%; }
div#imgZone>ul#data { height: 56.4vw; min-height: 0 }
div#imgZone>ul#data li { width: 100vw; height: 56.4vw; opacity: 0; transition: opacity 0.6s ease 0s; }
div#imgZone>ul#data li.endNext, div#imgZone>ul#data li.endPre { left: 0; margin: 0 auto; transform: scale(1, 1); }
div#imgZone>ul#data li.startNext, div#imgZone>ul#data li.startPre { left: 0; margin: 0 auto; opacity: 1; }
div#imgZone>ul#data li.order1 { left: 0; margin: 0 auto; transform: scale(1, 1); }
div#imgZone>ul#data li>h2 a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.mL { position: relative; top: auto; padding: 0 2% }
.hgBox dl dt { display: none }
.tab { margin-bottom: 4%; overflow: hidden; height: auto }
.mL ul li { padding: 0 2% }
.hgBox dl dd h2 { font-size: 16px }
.hgBox dl dd p { margin-top: 1%; padding-top: 1%; line-height: 24px; font-size: 14px }
.hgBox div { height: auto }
ul.listM li { padding-left: 0; margin: 18px 2px 0 0px; font-size: 16px }
.m_h20 { margin-top: 10px }
}