@charset "UTF-8";

.company_pagelist{ max-width: 1100px; width: 100%; margin: 0 auto 80px;}
.company_pagelist ul li{float:left; width: 33.33333%; width: calc((100% - 31px) / 3); width: -webkit-calc((100% - 31px) / 3); width: -moz-calc((100% - 31px) / 3); margin-right: 15px; box-sizing:border-box; text-align: center;}
.company_pagelist ul li a{ display: block; width: 100%; text-decoration: none; border:2px solid #0b3190; color: #0b3190; background-color:#fff; font-size: 17px; line-height: 27px; padding: 15px 0; font-weight: 700; transition: all 0.3s ease 0s; box-sizing: border-box;}

@media screen and (min-width:768px) {
.company_pagelist ul li:nth-child(3n){ margin-right: 0;}
.company_pagelist ul li a:hover{ opacity: 0.8; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25); transform: translateY(-0.2em);}
}

@media screen and (max-width:961px){
.company_pagelist{ width: 100%; margin: 0 auto 40px; padding: 0 20px; box-sizing: border-box;}
.company_pagelist ul li a{ font-size: 15px;}
}

@media screen and (max-width:767px) {
.company_pagelist{ width: 100%; margin: 0 auto 20px; padding: 0 10px; box-sizing: border-box;}
.company_pagelist ul li{float:left; width: 50%; width: calc((100% - 11px) / 2); width: -webkit-calc((100% - 11px) / 2); width: -moz-calc((100% - 11px) / 2); margin-right: 10px; margin-bottom: 10px;}
.company_pagelist ul li:nth-child(2n){ margin-right: 0;}
.company_pagelist ul li a{ font-size: 14px; line-height: 18px; padding: 13px 0;}
}