@charset "utf-8";



section[id^="anchor"] h2{margin:20px 0 0 0;padding:10px;background:none;border-bottom:1px solid #d9d9d9;}



.ui-topic2{position:relative;overflow:hidden;background-color:#fff;border:1px solid #d8d8d8;}
.ui-topic2 .topic-thumb{position:relative;float:left;width:100%;height:360px;max-width:480px;overflow:hidden;background-color:#fafafa;border-right: 1px solid #d8d8d8;}
.ui-topic2 .topic-thumb div{width:200%;height:100%;margin-left:-50%;text-align:center}
.ui-topic2 .topic-thumb div img{max-width:none;height:100%}


.ui-topic2 .topic-caption{padding: 37px 29px 0px;}
.ui-topic2 .topic-thumb+.topic-caption{/*margin-left:601px;*/margin-left:516px;}

.ui-topic2 .caption-title{display:block;padding:0 0 20px 0;margin:0 0 20px 0;font-family:"nmn",sans-serif;font-size:22px;letter-spacing:-2px;color:#2c353f;font-weight:bold;border-bottom:2px solid #ddd;}

.ui-topic2 .caption-descript ul li{font-size:14px;position:relative;padding-left:86px;margin: 4px 0;word-wrap: break-word;
    word-break: keep-all;}
.ui-topic2 .caption-descript ul li b{position: absolute;
    top: 0;left: 0;}
.ui-topic2 .caption-descript ul li:before{content:"";display:block;position:absolute;top:6px;left:68px;width:1px;height: 16px;background:#d6d6d6;}


.ui-topic2 .caption-descript{padding:20px 0;margin:20px 0;font-size:16px;border:solid #ddd;border-width:1px 0;border-bottom: none;}
.ui-topic2 .caption-buttons{}
.ui-topic2 .caption-buttons ul{}
.ui-topic2 .caption-buttons ul li{display:inline-block;margin-left:5px;vertical-align:middle;text-align:center}
.ui-topic2 .caption-buttons ul li:first-child{margin-left:0}
.ui-topic2 .caption-buttons ul li a{display:block;width:90px;height:60px;border-radius:5px;-webkit-border-radius:5px;border:1px solid #ddd} 
.ui-topic2 .caption-buttons ul li a:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.ui-topic2 .caption-buttons ul li a i{display:inline-block;line-height:1.3;vertical-align:middle}

.ui-topic2 .caption-buttons a:hover,
.ui-topic2 .caption-buttons a:focus{background:#d23b34;color:#fff}

.ui-white-block{/*padding:20px 10px;*/padding:20px 0;}
.ui-white-block:after{content:"";display:block;clear:both}
.ui-white-block>*{margin-top:10px}
.ui-white-block>*:first-child{margin-top:0}
.ui-white-block p[style],.ui-white-block span[style]{line-height:1.6 ;font-family:"ntk",sans-serif ;font-size:15px }

.ui-white-block br+br{display:none;}

.button span a{border-radius:0;}


.ui-topic2 .board_butt{padding:20px 0;margin:20px 0;border-top:1px solid #ddd;}


#photo-list{}
#photo-list .grap{}
#photo-list .grap:after{content:"";display:block;clear:both}
#photo-list .grap .item{display:inline-block;float:left;width:25%;border:14px solid transparent;}
#photo-list .grap .item a{display:block;position:relative;overflow:hidden;width:100%;height:100%;}
#photo-list .grap .item *{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#photo-list .grap .item .img-thumb{overflow:hidden;position:relative;margin-bottom:14px;height:178px;z-index:9;text-align:center}
#photo-list .grap .item .img-thumb img{width:100%;}
#photo-list .grap .item .mask{z-index:10;display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:url(/images/common/opacity_whi.png) no-repeat 50% 50%}
#photo-list .grap .item .view{display:block;margin:0 auto;padding:9px 28px;width:169px;border:1px solid #fff;border-radius:30px;text-align:center;color:#fff;font-size:14px;}



#photo-list .grap .item a:hover img{transform:scale(1.1)}
#photo-list .grap .item a:hover .mask{display:block;}
#photo-list .grap .item a:hover .view{background-color:#fff;color:#1b1b1b;}

#photo-list .grap .item .ani{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;z-index:13;}
#photo-list .grap .item .ani-vertical{position:relative;display:inline-block;height:100%;vertical-align:middle;z-index:15;}
#photo-list .grap .item .ani-grap{position:relative;display:inline-block;max-width:90%;vertical-align:middle;z-index:16;}
#photo-list .grap  .item .ani:before,
#photo-list .grap  .item .ani:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:double #1D458D}
#photo-list .grap  .item .ani:before{border-width:1px 0}
#photo-list .grap  .item .ani:after{border-width:0 1px}
#photo-list .grap  .item .ani{display:block;position:absolute;left:0;right:0;top:0;bottom:0;opacity:0}
#photo-list .grap  .item .ani:before,
#photo-list .grap  .item .ani:after{opacity:0;-webkit-transition:opacity 0.6s,-webkit-transform 0.6s;transition:opacity 0.6s,-webkit-transform 0.6s,-moz-transform 0.6s,-o-transform 0.6s,transform 0.6s;}

#photo-list .grap  .item .ani:before{-webkit-transform:scale(0,1);transform:scale(0,1)}
#photo-list .grap  .item .ani:after{-webkit-transform:scale(1,0);transform:scale(1,0)}

#photo-list .grap .item.on .ani{opacity:1}
#photo-list .grap .item.on .ani:before,
#photo-list .grap .item.on .ani:after{opacity:0.6;-webkit-transform:scale(1);transform:scale(1)}
#photo-list .grap .item .ani-grap .icon{display:block;margin:0 auto 10px auto;width:35px;height:27px;background:url(/common/img/icon.png) repeat 50% top;}
#photo-list .grap .item .ani-grap .ani-title{color:#1D458D;font-size:16px;font-weight:normal;font-family: "nsr",sans-serif;line-height:1.3}

.s3_ico{display:block;overflow:hidden;background:url(/images/tour/common/sub3_ico.png) no-repeat;}



.list_table{border:1px solid #d7d7d7;}
.list_table li{position:relative;padding:15px;border-top:1px solid #d7d7d7;}
.list_table li:first-child{border-top:0;}
.list_table .number{display:inline-block;padding:0 3px 10px;border-bottom:1px solid #eee;color:#666;font-size:13px;line-height:21px;}
.list_table dl{margin:10px 0 15px;}
.list_table dt{margin-bottom:10px;}
.list_table dt a{display:inline-block;color:#333;font-size:15px;font-weight:bold;line-height:20px;}
.list_table dt a:hover,
.list_table dt a:focus{color:#07469b;}
.list_table dd{position:relative;margin-top:5px;/* padding:1px 0 0 28px; */min-height:22px;line-height: 22px;}
.list_table dd *{vertical-align:middle;}
.list_table dd .s3_ico{display:inline-block;margin-right:5px;width:22px;height:22px;font-size:0;line-height:0;}
.list_table .s3_ico.cico1{background-position:0 0;}
.list_table .s3_ico.cico2{background-position:-22px 0;}
.list_table .s3_ico.cico3{background-position:-44px 0;}
.list_table .s3_ico.cico4{background-position:-66px 0;}
.list_table .s3_ico.cico5{background-position:-88px 0;}
.list_table .s3_ico.cico6{background-position:-110px 0;}
.list_table .bn_wrap{display:block;}
.list_table .bn_wrap .btn{padding:0;margin-left:3px;width:104px;background-color:#9aa2ac;border-color:#9aa2ac;line-height:30px;text-align:center;}
.list_table .bn_wrap .btn:hover,
.list_table .bn_wrap .btn:focus{background-color:#07469b;border-color:#07469b;}
.list_table .bn_wrap .btn:first-child{margin:0;}
.list_table.report .bn_wrap .btn{width:46px;height:45px;background:#9aa2ac url(/images/tour/common/r_more_btn.png) no-repeat 50% 50%;font-size:0;line-height:0;}
.list_table.report .bn_wrap .btn:hover,
.list_table.report .bn_wrap .btn:focus{background-color:#07469b;}
.list_table.patent .day{display:block;position:relative;padding:1px 0 0 28px;line-height:18px;}
.list_table.patent .day .s3_ico{position:absolute;top:0;left:0;width:22px;height:22px;}
.basic_box.research .basic_search{padding-top:0;}
@media all, print and (min-width:640px){
    .list_table li{padding:25px;}
    .list_table dl{margin-top:0;}
    .list_table dt{margin-bottom:5px;}
    .list_table .number{position:absolute;top:50%;left:0;margin-top:-21px;padding:0;width:60px;border-bottom:0;border-right:1px solid #eee;line-height:21px;text-align:center;}
    .list_table .number em{display:block;line-height:21px;}
    .list_table.report li{padding-right:105px;}
    .list_table.report .bn_wrap{position:absolute;top:50%;right:30px;margin-top:-22px;}
}
@media all, print and (min-width:768px){
    .list_table li{padding-right:265px;padding-left:120px;}
    .list_table dl{margin-bottom:0;}
    .list_table dd{display:inline-block;margin-right:30px;}
    .list_table .bn_wrap{position:absolute;top:50%;right:30px;margin-top:-22px;}
    .list_table .bn_wrap .btn{line-height:45px;}
    .basic_box.research .basic_search .searchinput{width:324px;}
    .list_table.patent .day{position:absolute;top:50%;right:30px;margin-top:-9px;}
}
