@charset "utf-8";
/* style @st. 2015-01-22 */
/* base */
body,
div,
p,
h1,
h2,
h3 { padding: 0; margin: 0; }
body { font-family: Microsoft YaHei, Arial; }
/* hacks begin */
body.ie6St,
body.ie7St,
body.ie8St { font-family: \5B8B\4F53, Arial; }
/* hacks end */
img { border: none; }
/* a */
a { color: #333; text-decoration: none; }
a:visited { color: #999; }
a:hover { color: orange !important; font-weight: bold; }
a:active { color: #000; }
/* a transition */
.a0 .picBox .p a:hover .tBox,
.a0 .btnBox .btn,
.hover,
a,
a img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.a0 .btnBox .btn:hover,
.hover:hover img,
a:hover img { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
/* clear */
.clear { clear: both !important; overflow: hidden; display: block; height: 0px; }
/* hide*/
.hide { display: none; }
/* position*/
.relative { position: relative; }
.absolute { position: absolute; }
/* bg */
.bg { background-repeat: no-repeat; background-position: center top; }
/* layout */
.box,
.area { margin: 0 auto; }
.box { width: 100%; }
.area { width: 1000px; }
.area .l { float: left; }
.area .r { float: right; }
/* hey we go! */

/* colBox */
.colBox { overflow: hidden; }
.colBox,
.colBox .colTitle,
.colBox .colTitle .colTitleIn,
.colBox .colTitle .colTitleIn .colTitleIn1 { height: 110px; }
.colBox { padding-bottom: 24px; }
.colBox .colTitle,
.colBox .colTitle .colTitleIn,
.colBox .colTitle .colTitleIn .colTitleIn1,
.a0 .btnBox .btn { background-repeat: no-repeat; background-position: left center; }
.colBox .colTitle,
.colBox .colTitle .colTitleIn,
.colBox .colTitle .colTitleIn .colTitleIn1 { width: 284px; }
.colBox .line { position: absolute; }
.colBox .line { height: 2px; width: 4000px; background-color: #005bc9; top: 50%; margin-top: -1px; left: -4000px; }
.colBox .line2 { left: auto; right: -4017px; }
.colBox .colTitle { padding-left: 17px; background-image: url(//www.xinhuanet.com/world/zt/2015sjmtfh/img/dotLeft.png); margin: 0 auto; position: relative; }
.colBox .colTitle .colTitleIn { padding-right: 17px; background-image: url(//www.xinhuanet.com/world/zt/2015sjmtfh/img/dotRight.png); background-position: right center; }
.colBox .colTitle .colTitleIn .colTitleIn1 { background-image: url(//www.xinhuanet.com/world/zt/2015sjmtfh/img/hjzdb.png); }
.a0 { position: relative; height: 382px; overflow: hidden; }
.a0 .in { position: absolute; top: 0; left: 0; width: 100%; height: 382px; }
.a0 .btnBox { float: left; width: 262px; padding-top: 35px; }
.a0 .btnBox .btn { height: 69px; background-position: left top; overflow: hidden; text-indent: -888px; background-image: url(//www.xinhuanet.com/world/zt/2015sjmtfh/img/btnBg.png); margin-bottom: 9px; cursor: pointer; }
.a0 .btnBox .on,
.a0 .btnBox .btn:hover { background-image: url(//www.xinhuanet.com/world/zt/2015sjmtfh/img/btnBgOn.png); }
.a0 .btnBox .on:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.a0 .btnBox .btn0 { }
.a0 .btnBox .btn1 { background-position: left -78px; }
.a0 .btnBox .btn2 { background-position: left -155px; }
.a0 .btnBox .btn3 { background-position: left -234px; }
.a0 .picBox { float: right; width: 712px; }
.a0 .picBox .l { width: 397px; float: left; }
.a0 .picBox .p { }
.a0 .picBox .p a { color: #FFFFFF; font-size: 12px; }
.a0 .picBox .p a img { display: block; }
.a0 .picBox .p0 { position: relative; height: 370px; }
.a0 .picBox .p0 img,
.a0 .picBox .p0 .tBox { position: absolute; left: 0; width: 397px; }
.a0 .picBox .p0 img { top: 0; }
.a0 .picBox .p0 .tBox { height: 119px; overflow: hidden; background-color: #00a0e9; top: auto; bottom: 0; }
.a0 .picBox .p0 .tBox .t,
.a0 .picBox .p0 .tBox .a { display: block; width: 92%; margin: 0 auto; }
/*.a0 .picBox .p0 a:hover .tBox { background-color: #84cae9; color: #05326d !important; height:119px;}*/
.a0 .picBox .p0 .tBox .t { height: auto; line-height: 32px; font-size: 22px; padding-top: 10px; padding-bottom: 10px; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ }
.a0 .picBox .p0 .tBox .a { height: auto; line-height: 22px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; }
.a0 .picBox .p0 .tBox .m { display: block; width: 397px; height: 12px; position: absolute; bottom: 0; left: 0; z-index: 99; background-color: #00a0e9; overflow: hidden; }
/*.a0 .picBox .p0 a:hover .tBox { padding-bottom: 1em; height: 119px; top: auto; bottom: 0; }*/
.a0 .picBox .p0 a:hover .tBox .t { padding-top: 0.5em; padding-bottom: 0.5em; overflow: inherit; text-overflow: inherit; white-space: normal; }
.a0 .picBox .p0 a:hover .tBox .a { height: auto; overflow: inherit; text-overflow: inherit; white-space: normal; visibility: inherit; }
.a0 .picBox .p0 a:hover .tBox .m { display: none; }
.a0 .picBox .r { width: 308px; float: right; }
.a0 .picBox .r .c { padding-bottom: 8px; }
.a0 .picBox .r .c .n,
.a0 .picBox .r .c .n a { color: #FFFFFF; font-weight: bold; font-size: 1em; line-height: 2.4em; }
.a0 .picBox .r .c .n { background-color: #84cbc8; padding-left: 2.8em; background-image: url(//www.xinhuanet.com/world/zt/2015sjmtfh/img/downArrow.png); background-position: 0.5em center; background-repeat: no-repeat; }
.a0 .picBox .r .p { position: relative; height: 101px; overflow: hidden; }
.a0 .picBox .r .p img,
.a0 .picBox .r .p .tBox { position: absolute; left: 0; }
.a0 .picBox .r .p img { z-index: 1; top: 0; }
.a0 .picBox .r .p .tBox { z-index: 2; top: 100%; width: 100%; height: 101px; text-align: center; }
.a0 .picBox .r .p .tBox .t { padding-top: 15px; font-size: 12px; line-height: 22px; padding-left: 0.5em; padding-right: 0.5em; }
.a0 .picBox .r .p.on .tBox,
.a0 .picBox .r .p a:hover .tBox { top: 0; background-color: #00a0e9; color: #FFFFFF !important; font-weight: normal; }
.a0 .picBox .r .p.on a:hover .tBox { top: 100%; background-color: transparent; }
.a0 .picBox .r .l0 { float: left; width: 150px; }
.a0 .picBox .r .r0 { float: right; width: 150px; }
.a0 .picBox .tr { height: 101px; padding-bottom: 6px; }
.a0 .picBox .tr1,
.a0 .picBox .r .tr1 .p,
.a0 .picBox .r .tr1 .p .tBox { height: 122px; }
.a0 .picBox .r .tr1 .p .tBox .t { padding-top: 1em; font-size: 1em; line-height: 24px; }
.a0 .picBox .tr1 { padding: 0; clear: both; }
.a0 .picBox .r .tr1 .p { }
.a0 .picBox .tr2,
.a0 .picBox .tr3 { height: 208px; width: 150px; }
.a0 .picBox .tr2 { float: left; }
.a0 .picBox .tr2 .l0,
.a0 .picBox .tr3 .l0 { padding-bottom: 6px; }
.a0 .picBox .tr3 { float: right; }
.a0 .picBox .r .tr3 .p { position: relative; height: 208px; overflow: hidden; }
.a0 .picBox .r .tr3 .p .tBox { z-index: 2; top: 100%; width: 100%; height: 208px; text-align: center; }
.a0 .picBox .r .tr3 .p .tBox .t { padding-top: 3em; font-size: 1em; line-height: 24px; }