@charset "UTF-8";


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

.industry-sec-bk01 { padding-top:6.4375em; padding-bottom:8.75em;overflow:hidden;  }
.industry-sec-bk01 .list { padding-bottom:5em; }
.industry-sec-bk01 .list ul li { position:relative; margin-top:10px; background:#fff; }
.industry-sec-bk01 .list ul li .img { position:absolute; overflow:hidden; left:0px; top:0px; bottom:0px; height:100%; width:56.25%; }
.industry-sec-bk01 .list ul li .img a { height:100%; display:block; }
.industry-sec-bk01 .list ul li .text {  padding-left:59.27%; padding-top:8.5625em; padding-bottom:9em; padding-right:14.21875%; }
.industry-sec-bk01 .list ul li .time { color:#666; padding-top:0.44em; }
.industry-sec-bk01 .list ul li .line { width:4em; height:0.24em; position:relative;  margin-top:1.5em; border-radius:0.125em; }
.industry-sec-bk01 .list ul li .line i { position:absolute; left:0px; top:0px; height:100%; right:0px; width:100%;background:#006fb7; }
.industry-sec-bk01 .list ul li .line .i2 { width:0px; right:auto; }

.industry-sec-bk01 .list ul li .con { color:#777; height:4.5em; margin-top:2.7142em; }
.industry-sec-bk01 .list ul li .more { padding-top:4.2857em; }
.industry-sec-bk01 .list ul li .more a { color:#006fb7; display:inline-block; border:1px solid #006fb7; padding:0px 2.5em; line-height:2.7857; border-radius:1.39285em; }
.industry-sec-bk01 .list ul li h3 { line-height:1.33;  }
.industry-sec-bk01 .list ul li h3 a { height:2.66em; max-height:2.66em; }
.industry-sec-bk01 .list ul li:hover .more a { background:#006fb7; color:#fff; }

.industry-sec-bk01 .list ul li.li02 .img { left:auto; right:0px; }
.industry-sec-bk01 .list ul li.li02 .text { padding-left:13.69%; padding-right:62.5%; }
.industry-sec-bk01 .list ul li h3:hover a { color:#006fb7; }
.industry-sec-bk01 .list ul li h3:hover .line .i1 { display:none; }
.industry-sec-bk01 .list ul li h3:hover .line .i2 { width:4em; }

.topcon-wrap .er-bn .img { padding-bottom:32.29%; }
.topcon-wrap .er-bn .txt { padding-bottom:0.8em; }
.topcon-wrap .er-bn .text .line { height:0.2em; width:3.2em; }
.topcon-wrap .er-bn .text .sub-tit { padding-bottom:1.9em;  }


.industry-detail { padding:3.5em 0px 6.8125em; }
.industry-detail .ind-title { color:#333; }
.industry-detail .ind-con { color:#555; line-height:1.625; margin-top:1.75em; }
.industry-detail .ind-con img { max-width:100%; }




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

.industry-sec-bk01 { padding:4em 0px 5em; }
.industry-sec-bk01 .list ul li .text { padding-right:5%; padding-top:5em; padding-bottom:6em; }
.industry-sec-bk01 .list ul li.li02 .text { padding-left:5%; padding-top:5em; padding-bottom:6em;  }

}

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

.industry-sec-bk01 .list ul li .text {  padding-top:3em; padding-bottom:4em; }
.industry-sec-bk01 .list ul li.li02 .text { padding-top:3em; padding-bottom:4em;  }
.industry-sec-bk01 .list ul li .more { padding-top:3em; }

}

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

.industry-sec-bk01 { padding:2em 0px 3em; }
.industry-sec-bk01 .list ul li .img { position:relative; width:100%; height:auto; }
.industry-sec-bk01 .list ul li .img a { padding-bottom:50%; }

.industry-sec-bk01 .list { padding-bottom:1em; }
.industry-sec-bk01 .list ul li .text { padding:2em 0.4rem; }
.industry-sec-bk01 .list ul li .more { padding-top:2em; }
.industry-sec-bk01 .list ul li .con { margin-top:1.5em; }
.industry-sec-bk01 .list ul li.li02 .text {padding:2em 0.4rem;  }
.industry-sec-bk01 .list ul li h3 a { height:auto; font-weight:bold; }
.industry-sec-bk01 .list ul li .con { height:auto; }
.industry-sec-bk01 .list ul li .more a { line-height:2.5; }



.topcon-wrap .er-bn .img { padding-bottom:50%; }

.industry-detail { padding:2em 0px 3em; }

}



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

 

}