@charset "utf-8";
/* CSS Document */

.pro_01 .ty02{ display:flex; flex-wrap:wrap}
.pro_01 dl{ width:23.125%; overflow:hidden; margin-right:2.5%; margin-bottom:50px;}
.pro_01 dl:nth-of-type(4n){ margin-right:0}
.pro_01 dl dd{ width:100%;  float:left; overflow:hidden; margin-bottom:15px}
.pro_01 dl dd img{ width:100%; float:left; overflow:hidden}
.pro_01 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; text-align:center; }
.pro_01 dl dt a{ font-size:20px; color:#333; font-weight:bold}
.pro_01 dl dt a:hover{ color:#f7b003; text-decoration:underline}

.pro_02{ margin-bottom:100px}
.pro_02 .ty02{ display:flex;flex-wrap:wrap}
.pro_02a{ width:600px; margin-right:80px}
.pro_02a img{ width:100%; float:left; overflow:hidden;}
.pro_02b{ flex:1}
.pro_02b h1{ width:100%; float:left; overflow:hidden; line-height:50px; font-size:40px; color:#333; margin-bottom:15px; margin-top:20px}
.pro_02b h4{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:20px; color:#333; font-weight:normal; margin-bottom:50px}
.text01{ width:100%; float:left; overflow:hidden; border-top:1px solid rgba(247,176,3,.35); padding-top:40px; line-height:30px; color:#666; font-size:16px; margin-bottom:30px}
.text01 div,.text01 p{ margin-bottom:15px}
.pro_02b h6{ width:100%; float:left; overflow:hidden; font-weight:normal; color:#fff; font-size:18px;}
.pro_02b h6 a{ display:block; float:left; overflow:hidden; text-align:center; line-height:64px; border-radius:34px; background:#f7b003; color:#fff; padding:0 50px;background-image: linear-gradient(to bottom,#f7b003 ,#c78d00);}
.pro_02b h6 img{ height:22px; margin-right:10px}


.pro_03{ margin-bottom:50px}
.pro_03 h3{ width:100%; float:left; overflow:hidden; margin-bottom:60px}
.pro_03 h3 span{ float:left; overflow:hidden; border-bottom:3px solid #f7b003; font-size:26px; color:#333; padding-bottom:10px; font-weight:normal}
.pro_03 .ty02 ul{ width:100%; overflow:hidden; display:flex; flex-wrap:wrap}
.pro_03 .ty02 ul dl{  width:18%; overflow:hidden; margin-right:2.5%; margin-bottom:50px;}
.pro_03 .ty02 ul dl:nth-of-type(5n){ margin-right:0}
.pro_03 .ty02 ul dl dd{ width:100%; float:left; overflow:hidden; margin-bottom:20px}
.pro_03 .ty02 ul dl dd img{ width:100%; float:left; overflow:hidden}
.pro_03 .ty02 ul dl dt{ width:100%; float:left; overflow:hidden; text-align:center; line-height:30px}
.pro_03 .ty02 ul dl dt a{ font-size:18px; color:#333; }
.pro_03 .ty02 ul dl dt a:hover{ color:#f7b003; text-decoration:underline}


@media (max-width:767px){

.fw03 .ty02 dl:nth-child(-n+2){ display:block}


}