@charset "UTF-8";



.er-bn .img { padding-bottom:31.25%; }
.er-bn .text .sub-tit { padding-bottom:1.125em; }

.topcon-wrap .er-bn .img { padding-bottom:26.04%; }
.topcon-wrap .er-bn .text .tit { color:#000; }
.er-bn .search { width:80%; max-width:500px; position:relative; border-radius:1.89285em; margin:0px auto; }
.er-bn .search .inp { padding:0.5em 2em 0.5em 4.2857em;  }
.er-bn .search .inp input { float:left; background:none; border:none; width:100%; line-height:2.5714; height:2.5714em; }
.er-bn .search .btn { position:absolute; left:0.6428em; top:0px; border:none; height:100%; bottom:0px; width:3.7857em; background:url(../images/search-but02.png) no-repeat center center; background-size:1.5em 1.5em;  }
.er-bn .search { margin-top:2.8571em; }



.think-index-bn .img { padding-bottom:50%;  }

.er-nav ul li .img02 { width:6em; left:0.509375em;  }


.think-video-bn { position:relative; padding-bottom:50%; overflow:hidden; }
.think-video-bn  video { position:absolute; left:50%; top:50%; min-width:100%; min-height:100%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.think-video-bn  .play { width:3.125em; position:absolute; left:50%;top:50%; z-index:3; margin-top:-1.5625em; height:3.125em; background:url(../images/play2.png) no-repeat center center; background-size:100% 100%; cursor:pointer; margin-left:-1.5625em; }
.think-video-bn  .playbg { width:100%; display:none; position:absolute; z-index:2;  height:100%; top:0px; left:0px; }
.think-video-bn.on .play { display:none; }
.think-video-bn.hover  video { background:#000!important; }
.think-video-bn.hover  .playbg { display:none; }




.think-sec-bk01 { margin:10px 0px; position:relative; padding-bottom:35.15625%; overflow:hidden; }
.think-sec-bk01 .title { position:absolute; color:#333; background:url(../images/think-sec-bk01-bg01.jpg) no-repeat center center; background-size:cover; left:0px; top:0px; bottom:0px; height:100%; width:37.5%; }
.think-sec-bk01 .title .con { color:#666; margin-top:0.75em; padding:0px 1em; }
.think-sec-bk01 .video { position:absolute; overflow:hidden; top:0px; right:0px; height:100%; bottom:0px; width:62.5%; }
.think-sec-bk01 .video video { position:absolute; left:50%; top:50%; min-width:100%; min-height:100%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.think-sec-bk01 .video .play { width:3.125em; position:absolute; left:50%;top:50%; z-index:3; margin-top:-1.5625em; height:3.125em; background:url(../images/play2.png) no-repeat center center; background-size:100% 100%; cursor:pointer; margin-left:-1.5625em; }
.think-sec-bk01 .video .playbg { width:100%; display:none; position:absolute; z-index:2;  height:100%; top:0px; left:0px; }
.think-sec-bk01 .video.on .play { display:none; }
.think-sec-bk01.hover .video video { background:#000!important; }
.think-sec-bk01.hover .video .playbg { display:none; }

.think-sec-bk02 { margin-bottom:3.375em; padding-bottom:38.54%; position:relative; }
.think-sec-bk02 .sec { position:absolute; width:32.6%; top:0px; height:100%; }
.think-sec-bk02 .sec01 { left:0.52%; }
.think-sec-bk02 .sec02 { left:33.697%; }
.think-sec-bk02 .sec03 { right:0.52%; height:49.189%; }
.think-sec-bk02 .sec04 { right:0.52%;height:49.189%; top:auto; bottom:0px; }
.think-sec-bk02  a { color:#fff; height:100%; width:100%; position:absolute; left:0px; top:0px; right:0px; bottom:0px; }
.think-sec-bk02 .img { height:100%; }

.think-list { padding-top:1.5em; }
.think-list ul { margin:0px -0.625em; padding-bottom:1.825em; display:flex; flex-wrap:wrap; }
.think-list ul li { float:left; width:33.33%; position:relative; }
.think-list ul li .con { margin:1.75em 0.625em;  position:relative; z-index:2; }
.think-list ul li .text { padding:1.6em 1.25em 2.325em; }
.think-list ul li .img { overflow:hidden; position:relative; }
.think-list ul li .img span,.think-list ul li .img a { padding-bottom:55.82%; display:block; }
.think-list ul li .img .play {width:3.125em; position:absolute; left:50%;top:50%; z-index:3; margin-top:-1.5625em; height:3.125em; background:url(../images/play2.png) no-repeat center center; background-size:100% 100%; cursor:pointer; margin-left:-1.5625em; }
.think-list ul li .txt { color:#333; margin-top:0.5em;  }
.think-list ul li .txt span { display:inline-block; padding-right:2em; }
.think-list ul li h3 { color:#333; position:relative; padding-right:100px; }
.think-list ul li h3 .page-time { position:absolute; right:0px; top:50%; margin-top:-0.75em; font-weight:normal; }
.think-list ul li .btn { padding-top:1.4285em; }
.think-list ul li .btn span,.think-list ul li .btn a { display:inline-block; line-height:2.2857; border-radius:0.25em; padding:0px 1.2142em 0px 2.5714em;  }
.think-list ul li .btn span.a1,.think-list ul li .btn a.a1 {  background:url(../images/down01.png) no-repeat 1.1428em center #fff;}
.think-list ul li .btn span.a2,.think-list ul li .btn a.a2 {  background:url(../images/star01.png) no-repeat 1.1428em center #fff; margin-right:1.0625em; }
.think-list ul li .btn a.a1:hover { background:url(../images/down03.png) no-repeat 1.1428em center #e0b04f; color:#fff; }
.think-list ul li .btn a.a2:hover { background:url(../images/star02.png) no-repeat 1.1428em center #e0b04f; color:#fff; }

.think-list ul li:hover .con h3 { color:#fff; }
.think-list ul li:hover .con .txt { color:#fff; }
.think-list ul li:hover .btn { color:#006fbd; }
.think-list ul li:hover .btn span.a1 { background-image:url(../images/down02.png); }
.think-list ul li a { display:block; }
.think-list ul li .bg { position:absolute; left:0.625em; top:1.875em; right:0.625em; bottom:1.875em; background:#f5f5f5; }
.think-list ul li:hover .bg { background:#006fbd; }


.think-video-bk01 { padding:5em 0px; }
.think-tab ul li { display:inline-block; cursor:pointer; border:1px solid #cfe6f6; width:14.125em; max-width:40%; margin-right:1.6875em; position:relative; border-radius:1.75em; height:3.5em; }
.think-tab ul li img { width:auto; height:auto; max-width:80%; max-height:80%; }
.think-tab ul li.li02 { border:1px solid #cfe6f6; }
.think-tab ul li a { display:block; height:100%; }
.think-tab ul li.li01.on {  background:#006fbc;  border:1px solid #006fbc; }
.think-tab ul li.li02.on {  background:#00a2a7;  border:1px solid #00a2a7; }



.think-trak-tab { padding-bottom:0.5em; }
.think-trak-tab ul { margin:0px -0.6875em; }
.think-trak-tab ul li { float:left; width:16.66%; }
.think-trak-tab ul li span { margin:0px 0.6875em; line-height:3.75; color:#333; cursor:pointer; background:#f2f2f2; border-radius:0.25em; display:block; }
.think-trak-tab ul li.on span { background:#3171bd; color:#fff; }

.think-tank-bk01 {padding:6.8125em 0px 5em;}
/*.think-tank-bk01 .think-list ul li:hover .bg { background:#f5f5f5; }
.think-tank-bk01 .think-list ul li:hover .con .txt { color:#333; } 
.think-tank-bk01 .think-list ul li:hover .con h3 { color:#333; }
.think-tank-bk01 .think-list ul li:hover .btn { color:#333; }
*/
.think-tank-tabcon2 .think-list ul li:hover .bg { background:#00a2a7; }
.think-tank-tabcon2 .think-list ul li:hover .btn a:hover { color:#00a2a7; background:url(../images/down02.png) no-repeat  1.1428em center  #fff;}


/***********************search-index**************************/
.search-sec-bk01 { padding:4em 0px 5em; }
.search-sec-bk01 .search-result { border-bottom:2px solid #d5d5d5; color:#333; padding-bottom:1em; }
.search-sec-bk01 .search-result span { color:#f80f22; }
.search-sec-bk01 .list { padding:2em 0px 3em; }
.search-sec-bk01 .list ul li { padding:1em 8em 1em 0px; position:relative; border-bottom:1px solid #d5d5d5; }
.search-sec-bk01 .list ul li a { display:block; }
.search-sec-bk01 .list ul li .time { position:absolute; color:#999; right:0px; top:50%; margin-top:-0.75em; }

.search-sec-bk01 .no-number { padding:6em 0px;  }



@media only screen and (max-width:1240px){
	

.er-bn .img { padding-bottom:40%; }

.think-tank-bk01 { padding-top:5em; }

}



@media only screen and (max-width: 980px){

.topcon-wrap .er-bn .img { padding-bottom:33%; }
.topcon-wrap .er-bn .search { margin-top:1.5em; }

.er-bn .img { padding-bottom:50%; }
.er-nav ul li .img02 { left:50%; margin-left:-3em; }


}


@media only screen and (max-width: 767px){
	

.er-bn .img { padding-bottom:70%; }
.topcon-wrap .er-bn .img { padding-bottom:60%; }
.topcon-wrap .er-bn .search { margin-top:1em; }

.er-bn .search .inp { padding-left:4.5em; }
.er-bn .search .inp input { line-height:2em; height:2em; }
.er-bn .search .btn { background-size:1.5em 1.5em; }


.think-video-bk01 { padding:2.5em 0px; }
.think-tank-bk01 { padding:1.5em 0px 2.5em; }


.think-tab ul li { height:3em; border-radius:1.5em; }
.think-tab ul li.li01 { margin-right:0.5em;}
.think-list ul li { width:100%; }
.think-list ul li .btn span.a1 { background-size:1em 1em;}
.think-list ul { margin:0px; }
.think-list ul li .con { margin:0.5em 0px; }
.think-list ul li .bg { left:0px; top:0.5em; right:0px; bottom:0.5em; }

.think-trak-tab ul { margin:0px -0.25em; }
.think-trak-tab ul li { width:33.33%; margin-top:1em; }
.think-trak-tab ul li span { line-height:3; margin:0px 0.25em;  }

.think-list ul li .btn span.a2, .think-list ul li .btn a.a2 { margin-right:0.5em; background-position:1.1428em 40%; }
.think-list ul li .btn span.a1, .think-list ul li .btn a.a1 { margin-right:0.5em; background-position:1.1428em 40%; }
.think-list ul li .btn a.a1:hover { background-position:1.1428em 40%;  }
.think-list ul li .btn a.a2:hover {background-position:1.1428em 40%; }


/***********************search-index**************************/
.search-sec-bk01 { padding:2em 0px 3em; }
.search-sec-bk01 .list { padding:1em 0px 2em; }
.search-sec-bk01 .list ul li { padding:1em 0px;}
.search-sec-bk01 .list ul li h3 { display:block; }
.search-sec-bk01 .list ul li .time { position:relative; top:0px; margin-top:0px; }


.think-index-bn .img { padding-bottom:50%;  }

.think-sec-bk01 { padding-bottom:0px; }
.think-sec-bk01 .title { position:relative; width:100%; padding:2em 0px;  }
.think-sec-bk01 .title .con { margin-top:0px; }
.think-sec-bk01 .title .table { display:block; position:relative; }
.think-sec-bk01 .title .table-cell { display:block; }
.think-sec-bk01 .video { position:relative; width:100%; padding-bottom:50%; }
.think-sec-bk02 { margin-bottom:2em; padding-bottom:100%;  }
.think-sec-bk02 .sec { width:50%; border:2px solid #fff; }
.think-sec-bk02 .sec01 { height:50%; }
.think-sec-bk02 .sec02 { height:50%;  left:auto; right:0.52%; }
.think-sec-bk02 .sec03 { right:auto;border-top:none; height:50%; left:0.52%; bottom:0px; top:auto; }
.think-sec-bk02 .sec04 {  bottom:0px;border-top:none; height:50%; top:auto; }

.er-nav ul li .img02 { width:3.2em; height:3.2em; left:50%; margin-left:-1.6em; }

}



@media only screen and (max-width: 340px){

 

}