@charset "utf-8";
/* CSS Document */
.lang{font-size:13px; color:#999; margin-left:2em; padding:.4em; cursor: pointer;}
.lang *{vertical-align:middle;}
/*default page set*/
.mtd2{background:#f4f4f4; position:relative; overflow: hidden; margin-top:80px;}
.mtd2 img[alt='rbimg']{position:absolute; right:0; top:50%; transform:translateY(-50%); width:50%; height:auto;}
.mtd2 table{width:50%; font-size:15px; line-height:180%; padding:120px 1em 60px 1em;}
.mtd3, .mtd4{padding:80px 0;}
.dtit{text-align:center; position:relative; font-size:32px; line-height:180%; padding:20px 0 10px 0; color:#585858; margin-bottom:50px; margin-top:0;}
.dtit::after{content:""; width:2.3em; height:1px; display:block; position:absolute; left:50%; bottom:0; transform:translateX(-50%); background:#d51619;}
.mtd3 .list .frm{position:relative;}
.mtd3 .list section{position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.7); color:#fff; width:100%; text-align: center; padding:10px 0;}
.mtd3 .list h3.subject{font-weight:500; font-size:24px;}

.mtd6{width:54%;}
.mtd5{width:46%;}
.mtd5 .page{padding-right:38%; padding-left:2%;}
.mtd6 .page{padding-left:33%; padding-right:2%;}
.mtd5 .list{border-bottom:1px solid #ccc;}
.mtd6 .frm{position:relative;}
.mtd6 section{position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,.7); color:#fff; padding:5px;}
.mtd6 .list h3.subject{margin-bottom:0;}
.mtd6 .list .more span{color:#fff;}
.mtd7{padding-top:50px;}
.mtd7 h2.dtit{margin-bottom:20px;}
.mtd7 h2.dtit::after{display:none;}
@media screen and (max-width:1679px){/*phone*/
.mtd5 .page{padding-right:3%; padding-left:2%;}
.mtd6 .page{padding-left:3%; padding-right:2%;}
}
@media screen and (max-width:1286px){/*phone*/
.mtd2 table{padding:30px 1em 30px 1em;}
.mtd4{overflow:hidden;}
}
@media screen and (max-width:960px){/*phone*/
.mtd2 table{width:100%;}
.mtd2 img[alt='rbimg']{position:relative; transform:translateY(0%); width:100%; height:auto;}
.mtd3, .mtd4{padding:30px 0;}
.mtd3 .list h3.subject{font-size:18px;}

}
@media screen and (max-width:767px){/*phone*/
.mtd7 h2.dtit{margin-bottom:10px;}
.mtd7{padding-top:0px;}
.mtd6{width:100%; padding-left:0%; padding-right:0%;}
.mtd5{width:100%; padding-right:0%; padding-left:0%;}
.mtd3, .mtd4{padding:10px 0;}
.dtit{margin-bottom:20px;}
.mtd4 .page{padding-left:6%; padding-right:6%;}
.mtd6 .list h3.subject{font-size:16px;}
.mtd6 .list section{position:static;}
}
/*list pro*/
.list.pro .frm{display:flex; flex-wrap: nowrap; border:1px solid #ccc; word-break: break-all;} 
.list.pro figure{width:150px;}
.list.pro section{width:calc(100% - 150px); padding-left:1em;}
.list.pro h3.subject{font-size:16px;}
@media screen and (max-width:767px){/*phone*/
.list.pro h3.subject{font-size:15px;}
.list.pro figure{width:100px;}
.list.pro section{width:calc(100% - 100px); padding-left:1em;}
}
/*oem,news*/
.oem .page, .News .page{max-width:1000px;}
.oem .main .list{padding:0; border-bottom:1px dotted #ccc;}
.News .main .list .frm{border:1px solid #efefef;}
/*link*/
.links .list{width:20%; float:left;}
@media screen and (max-width:1286px){/*desktop*/

}
@media screen and (max-width:960px){/*desktop-small pad*/

}
@media screen and (max-width:767px){/*phone*/
.links .list{width:100%; float:left;}
}
/*=====================default page set end=====================*/