@charset "UTF-8";


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



.industry-sec-bk01 { padding-top:6.4375em; padding-bottom:6.25em;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:#00a2a7; }
.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:#00a2a7; display:inline-block; border:1px solid #00a2a7; 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:#00a2a7; 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:#00a2a7; }
.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;  }
.industry-sec-bk01 .list { padding-bottom:4em; }

}


@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; }

.er-nav ul { display:block; width:96%; margin:0px auto; padding:1.5em 1.0625em 1.3125em; }
.er-nav ul li { min-width:13.2857%; }


}

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

.er-nav ul li { min-width:12.2857%; }

}

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

.er-nav ul li { min-width:10.2857%; font-size:14px;  }
.er-nav ul li .img02 { width:6em; height:6em; margin-left:-3em; }
.er-nav ul li .img01 { width:3.5em; height:3.5em; }


}

@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; }


.er-nav { margin-top:-2.5em; }
.er-nav ul { float:left; width:96%; margin:0px 2%;  display:-webkit-box;  display:-ms-box; display:flex;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.er-nav ul li { width:25%; font-size:0.24rem; }
.er-nav ul li .img01 { width:3em; height:3em; }
.er-nav ul li .img02 { width:4em; height:4em; margin-left:-2em; bottom:0px; }

}

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

.er-nav ul li { font-size:14px; }

}


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

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


}