@charset "utf-8";
/* CSS Document */
body{ background:url(17xm_ldft_bobg.jpg) no-repeat #124f99 top center; color:#FFF; margin:0px; padding:0px; font-size:15px; font-family: "Microsoft YaHei"; text-align:left;}

/*a style*/
a { text-decoration:none; }
a:link, a:visited { color:#FFF; }
a:hover { color:#FFF; text-decoration:underline; }
* { margin:0px; padding:0px; font-family:"Microsoft YaHei"; outline:none }
ul, li { list-style-type:none; margin:0px; padding:0px; }
img { border:0px; vertical-align:middle; }
.clear { clear: both; }
input, select { vertical-align: middle; }
.no { display:none; }
table { margin:0px auto; table-layout:fixed; }


/*---------------------------------------segmentation------------------------------------------*/
.top_bg{ width:100%; height:90px; background:url(17xm_ldft_bg1.png) repeat top center;}
.top{ width:1200px; margin:0 auto;}
.top_lef{ width:500px; float:left}
.top_lef img{ padding-left:20px; padding-top:18px;}
.top_rig{ width:618px; float:right;}
.top_tu{ width:250px; float:left;}
.top_tu img{ padding-top:9px;}
.top_tit{ width:330px; height:68px; border-left:1px #4e668a solid; margin-top:9px; float:right;}
.top_tit li{ width:109px; height:68px; border-right:1px #4e668a solid; float:left; text-align:center;}
.cen_bg1{ width:1200px; height:719px; background:url(17xm_ldft_cbg1.png) repeat-y top right; margin:0 auto;}
.cen_bor1{ width:1200px; height:719px; background:url(17xm_ldft_bor1.png) no-repeat center bottom; position:relative; top:0; left:0; z-index:1px;}
.cen_mid{ width:1200px; position:relative; z-index:2px;}
.cen_l1{ width:863px; float:left; position:relative; z-index:3px; left:-6px; top:0px; animation-delay:0.4s;}
.cen_r1{ width:330px; float:right; animation-delay:0.4s;}
.tit1{ display:table; width:863px; height:107px; overflow:hidden;}
.tit1 span{ display:table-cell; vertical-align:middle; color:#ffffff; font-size:32px; font-weight:bold; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255,1)), to(rgba(224,239,255,1))); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height:38px; text-shadow:1px 1px 5px rgba(0,0,0,.05);}
.con1{ height:26px; margin-top:21px;}
.con1_a{ width:132px; float:left; margin-left:30px;}
.sel1{ width:70px; height:26px; background-color:#e5e5e5; line-height:26px; border:1px #bcbcbc solid; color:#333333;}
.con1_b{ width:90px; height:26px; float:left;}
.con1_b li{ display:inline-block; width:43px; height:24px; background-color:#f5f5f5; line-height:24px; border:1px #b7b7b7 solid; float:left; color:#333333; text-align:center;}
.con1_b li.on{ display:inline-block; width:45px; height:26px; background-color:#00a3ed; line-height:26px; border:none; color:#FFF;}
.con1_c{ width:228px; height:26px; line-height:26px; float:left; margin-left:25px;}
.con1_c li{ width:76px; height:26px; line-height:26px; float:left;}
.con1_c li img{ padding-right:6px;}
.con1_d{ width:160px; float:left;}
.con1_d span{ display:inline-block; width:68px; height:24px; border:1px #89a7cc solid; line-height:24px; text-align:center; float:left; margin-right:6px;}
.con1_d img{ padding-right:6px;}
.contain{ height:545px; overflow:auto; /*overflow-y:scroll;*/}
.tit2{ height:47px; line-height:47px; margin-top:4px; font-size:13px; color:#a6b5d0;}
.tit2 span{ padding-left:30px; padding-right:9px; font-size:15px; font-weight:bold;}
.tit2 span.sp1{ color:#a7e3ff;}
.tit2 span.sp2{ color:#ffae00;}
.con2{ background:url(17xm_ldft_dot1.png) no-repeat 0px 17px;}
.con2_l{ width:29px; float:left; text-align:right;}
.con2_l img{ padding-top:17px;}
.con2_r{ width:747px; background:url(17xm_ldft_bg1.png) repeat top center; float:left; padding:15px 25px;}
.con2_r p{ line-height:30px;}

.cen_rcn{ width:280px; margin:0 auto; padding-top:25px;}
.rcon1{ line-height:30px; padding:10px 0px;}
.tit3{ width:280px; height:31px; margin-top:10px; clear:both;}
.tit3 span{ display:inline-block; width:185px; height:31px; float:right; background:url(17xm_ldft_line1.jpg) repeat-x center bottom;}
.rcon2{ height:27px; margin-top:18px;}
.rcon2 li{ width:78px; height:25px; line-height:25px; border:1px #87a0be solid; text-align:center; float:left; margin-right:6px;}
.rcon2 li:hover,.rcon2 li.on{border:1px #FFF solid;}
.winp1{ width:230px; height:30px; background-color:#FFF; line-height:30px; border:none;}
.wte1{ width:230px; height:111px; background-color:#FFF; line-height:30px; border:none;}
.t_r{ text-align:right;}
.rlis1{ margin-top:15px;}
.rlis1 li{ height:30px; background:url(17xm_ldft_dot.png) no-repeat left center; line-height:30px; overflow:hidden; padding-left:12px;}


.bot_bg{ width:100%; background:url(17xm_ldft_bg1.png) repeat top center; margin-top:47px;}
.bot { width: 920px; margin: 0 auto; }
.bot_l { float: left; width: 70px; }
.bot_l img,.bot_r img{ padding-top:28px;}
.bot_c { float: left; width: 700px; line-height: 28px; font-size: 14px; padding-left: 10px; padding-top:15px; }
.bot_r { float: right; width: 130px; }



/*访谈列表*/
.cen_bor2{ width:1198px; height:729px; background-color:#13509b; border:1px #00a0e9 solid; margin:40px auto 40px;}
.flis1{ width:1144px; margin:0 auto; margin-top:12px; }
.flis1 li{ width:572px; height:194px; float:left; margin-top:10px; padding-bottom:13px; border-bottom:1px #00a0e9 solid;}
.li_l1{ width:241px; height:165px; background-color:#0d3e7a; float:left; margin-top:8px;}
.li_l1 img{ width:221px; height:145px; margin:10px;}
.li_r1{ width:300px; line-height:36px; float:left; margin-left:21px;}

/*===============分页==============*/
.fy_list { margin: 15px auto 0px; clear: both; text-align: center; color:#FFF;}
.fy_list a { display: inline-block; padding: 0 15px; background-color:#FFF; color:#555555; line-height:32px; height:32px; margin: 0 2px; }
.fy_list span.current, .fy_list span.disab, .fy_list span.disabled { display: inline-block; padding:0 5px; line-height: 30px; height: 30px; margin: 0 2px; }
.fy_list a.on, .fy_list a:hover, .fy_list span.current { color: #fff; background-color: #00a3ed; text-decoration: none }
.inp6 { width:40px; height:30px; line-height: 30px; text-align: center; padding: 0; font-size: 14px; border: 1px solid #FFF; }
.fy_list span.disab, .fy_list span.disabled { background: #CCC; }
.fy_list span.go { height:32px; width:42px; padding: 0; margin: 0; background-color: #e2e2e2; line-height: 30px; display: inline-block; }
.fy_list span.go:hover { cursor: pointer; background-color: #00a3ed; color: #fff; }


/*访谈预告*/
.ftyg_cen{ width:1198px;}
.ftyg_l{ width:245px; float:left;}
.ftyg_r{ width:952px; height:684px; background:url(17xm_ldft_bg3.png) repeat-x #FFF top center; float:right; border-left:1px #00a3ed solid;}
.ftyg_l ul{ width:218px; height:605px; padding:20px 0px 20px 20px;}
.ftyg_l li{ width:218px; height:38px; line-height:38px; margin-top:4px; margin-bottom:4px;}
.ftyg_l li:hover,.ftyg_l li.on{ width:218px; height:38px; background:url(17xm_ldft_ybg1.png) no-repeat top left;}
.ftyg_l li a{ display:block; width:218px; height:38px; background:url(17xm_ldft_ycio1.png) no-repeat 14px 17px;  overflow:hidden;padding-left:26px;}
.ftyg_tit1{ line-height:40px; font-size:30px; font-weight:bold; text-align:center; padding:25px 0px 28px; color:#104e99;}
.ftyg_tab1{ width:912px; height:570px; color:#555555; margin:0 auto;}
.ftyg_tab1 table{ width:100%; background-color:#e5e6e6; text-align:center;}
.ftyg_tab1 table tr th{ height:50px; background-color:#FFF; font-weight:bold;}
.ftyg_tab1 table tr td{ padding:7px 5px 7px; background-color:#FFF; line-height:26px;}
.tit_menu{ display:none;}

/*在线访谈--图片*/
.con1_1{ height:24px; text-align:center; margin-top:20px; clear:both;}
.con1_1 span{ display:inline-block; background-color:#114e99; line-height:24px; border:1px #88a7cc solid; padding-left:10px; padding-right:10px; margin-right:6px;}
.con1_1 span.on{ display:inline-block; background-color:#4171ad;}
.con1_1 span img{ padding-right:6px;}
.ldft_uli{ width:830px; margin:0 auto; margin-top:20px;}
.ldft_uli li{ width:49%; height:272px; line-height:57px; text-align:center; font-weight:bold; float:left;}
.ldft_uli li img{ width:329px; height:215px;}







/*---------------------------------------segmentation------------------------------------------*/

.block { display: block; }
.tab.block, .tab1.block { display: inline-table }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
 @-webkit-keyframes fadeInUpBig { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInUpBig { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig }
 @-webkit-keyframes zoomIn { 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3)
}
 50% {
 opacity: 1
}
}
 @keyframes zoomIn { 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3)
}
 50% {
 opacity: 1
}
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn }
 @-webkit-keyframes fadeInRight { 0% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 right: 0;
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInRight { 0% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight }
@-webkit-keyframes fadeInLeft { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInLeft { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }
@-webkit-keyframes fadeInDown { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInDown { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
 @-webkit-keyframes fadeInUp { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100px, 0);
 transform: translate3d(0, 100px, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInUp { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }

/*colour*/
.tred1{ color:#cc0000;}
.tred1 a:link, .tred1 a:visited{ color:#cc0000;}
.tred1 a:hover{ color:#cc0000; text-decoration:underline;}

.tyellow1{ color:#ffd900;}
.tyellow1 a:link, .tyellow1 a:visited{ color:#ffd900;}
.tyellow1 a:hover{ color:#ffd900; text-decoration:underline;}

.tyellow2{ color:#CC0000;}
.tyellow2 a:link, .tyellow2 a:visited{ color:#CC0000;}
.tyellow2 a:hover{ color:#CC0000; text-decoration:underline;}

.twhite1{ color:#ffffff;}
.twhite1 a:link, .twhite1 a:visited{ color:#ffffff;}
.twhite1 a:hover{ color:#ffffff; text-decoration:underline;}

.tblack1{ color:#F00;}

.torange1{ color:#F00;}

.tgray1{ color:#999999;}
.tgray1 a:link, .tgray1 a:visited{ color:#999999;}
.tgray1 a:hover{ color:#999999; text-decoration:underline;}
/*---------------------------------------segmentation------------------------------------------*/

/*frame*/
.bor1{ border:1px solid #66a6e3;}
.bor2{ border:1px solid #cdcdcd;}
.bor3{ border:1px solid #acafb0;}

.bor_t1{ border-top:1px solid #fff;}

.bor_r1{ border-right:1px solid #fff;}

.bor_l1{ border-left:1px solid #fff;}

.bor_b1{ border-bottom:1px dotted #810002;}

.bor_to{ border-top:none;}
.bor_bo{ border-bottom:none;}
.bor_ro{ border-right:none;}
.bor_lo{ border-left:none;}

/*---------------------------------------segmentation------------------------------------------*/

/*font*/
.tb { font-weight:bold; }
.t12{ font-size:12px;}
.t13{ font-size:13px;}
.t14{ font-size:14px;}
.t15{ font-size:15px;}
.t16{ font-size:16px;}
.t17{ font-size:16px;}
.t18{ font-size:18px;}
.t24{ font-size:24px;}
.t50{ font-size:50px;}
.f_heiti{ font-family:"SimHei";}
.f_yahei{ font-family:"Microsoft YaHei";}
.f_c{ text-align:center;}
.f_i{ text-indent:2em;}
p{ padding:0px; margin:0px;}
img{ border:0px;}
/*---------------------------------------segmentation------------------------------------------*/

/*line-height*/
.h18{ line-height:18px;}
.h20{ line-height:20px;}
.h22{ line-height:22px;}
.h24{ line-height:24px;}
.h26{ line-height:26px;}
.h28{ line-height:28px;}
.h30{ line-height:30px;}
.h34{ line-height:34px;}


/*---------------------------------------segmentation------------------------------------------*/

/*margin*/
.mar1{ margin:1px;}

.mar_t1{ margin-top:1px;}
.mar_t5{ margin-top:5px;}
.mar_t10{ margin-top:10px;}
.mar_t15{ margin-top:15px;}
.mar_t20{ margin-top:20px;}
.mar_t25{ margin-top:25px;}
.mar_t30{ margin-top:30px;}
.mar_t35{ margin-top:35px;}
.mar_t40{ margin-top:40px;}
.mar_t45{ margin-top:45px;}
.mar_t50{ margin-top:50px;}
.mar_t55{ margin-top:55px;}
.mar_t120{ margin-top:120px;}

.mar_b1{margin-bottom:1px;}
.mar_b5{margin-bottom:5px;}
.mar_b10{margin-bottom:10px;}
.mar_b15{margin-bottom:15px;}
.mar_b20{margin-bottom:20px;}
.mar_b25{margin-bottom:25px;}
.mar_b30{margin-bottom:30px;}
.mar_b35{margin-bottom:35px;}
.mar_b40{margin-bottom:40px;}
.mar_b45{margin-bottom:45px;}
.mar_b50{margin-bottom:50px;}
.mar_b55{margin-bottom:55px;}
.mar_b60{margin-bottom:60px;}

.mar_l1{margin-left:1px;}
.mar_l5{margin-left:5px;}
.mar_l10{margin-left:10px;}
.mar_l15{margin-left:15px;}
.mar_l20{margin-left:20px;}
.mar_l25{margin-left:25px;}
.mar_l30{margin-left:30px;}

.mar_r1{margin-right:1px;}
.mar_r5{margin-right:5px;}
.mar_r10{margin-right:10px;}
.mar_r15{margin-right:15px;}
.mar_r20{margin-right:20px;}
.mar_r25{margin-right:25px;}
.mar_r30{margin-right:30px;}
.mar_r35{margin-right:35px;}

/*---------------------------------------segmentation------------------------------------------*/

/*padding*/
.pad1{ padding:1px;}
.pad2{ padding:2px;}
.pad3{ padding:3px;}
.pad4{ padding:4px;}
.pad5{ padding:5px;}

.pad_t1{ padding-top:1px;}
.pad_t2{ padding-top:2px;}
.pad_t3{ padding-top:3px;}
.pad_t4{ padding-top:4px;}
.pad_t5{ padding-top:5px;}
.pad_t10{ padding-top:10px;}
.pad_t15{ padding-top:15px;}
.pad_t20{ padding-top:20px;}
.pad_t25{ padding-top:25px;}
.pad_t30{ padding-top:30px;}
.pad_t35{ padding-top:35px;}
.pad_t40{ padding-top:40px;}
.pad_t45{ padding-top:45px;}
.pad_t50{ padding-top:50px;}
.pad_t55{ padding-top:55px;}
.pad_t60{ padding-top:60px;}
.pad_t120{ padding-top:120px;}

.pad_b1{ padding-bottom:1px;}
.pad_b2{ padding-bottom:2px;}
.pad_b3{ padding-bottom:3px;}
.pad_b4{ padding-bottom:4px;}
.pad_b5{ padding-bottom:5px;}
.pad_b10{ padding-bottom:10px;}
.pad_b15{ padding-bottom:15px;}
.pad_b20{ padding-bottom:20px;}
.pad_b25{ padding-bottom:25px;}
.pad_b30{ padding-bottom:30px;}
.pad_b35{ padding-bottom:35px;}
.pad_b40{ padding-bottom:40px;}
.pad_b45{ padding-bottom:45px;}
.pad_b50{ padding-bottom:50px;}
.pad_b55{ padding-bottom:55px;}

.pad_l1{ padding-left:1px;}
.pad_l2{ padding-left:2px;}
.pad_l5{ padding-left:5px;}
.pad_l10{ padding-left:10px;}
.pad_l12{ padding-left:12px;}
.pad_l15{ padding-left:15px;}
.pad_l20{ padding-left:20px;}
.pad_l25{ padding-left:25px;}
.pad_l30{ padding-left:30px;}

.pad_r1{ padding-right:1px;}
.pad_r2{ padding-right:2px;}
.pad_r5{ padding-right:5px;}
.pad_r10{ padding-right:10px;}
.pad_r15{ padding-right:15px;}
.pad_r20{ padding-right:20px;}
.pad_r25{ padding-right:25px;}
.pad_r30{ padding-right:30px;}