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

.List{padding: 37px 0px 0px;background: url("../img/bg.gif") repeat-x 0 0;}
.List .bd ul{margin: 0 -12px;padding: 0 0 50px;}
.List .bd li{float: left;width: 33.3333%;padding: 15px 12px 9px;}
.List .bd li.col-1{width: 100%;/* padding-top: 25px; */}
.List .bd li.col-2{width: 50%;}
.List .bd li a{display: block;}
.List .bd li a img{width: 100%;}
.List .bd li a .bd{background: #e5e6eb;min-height: 130px;padding: 24px 15px 0;}
.List .bd li a h2{float: left;font-size: 22px;line-height: 30px;margin: 0; color: #222;}
.List .bd li a span{float: right;height: 30px;border-radius: 30px;border: 1px solid #222;text-align: center;font-size: 14px;color: #222;padding: 0 15px;line-height: 28px;/* margin-top: 10px; */}
.List .bd li a span i{padding: 0 0 0 0px;}
.List .bd li a p{font-size: 15px;line-height: 22px;color: #4e4e4e;padding: 5px 0 0 0;}
.List .bd li a:hover span{background: #f69603;border-color: #f69603;color: #fff;}
.List .bd li a:hover .bd{background: #f1f2f6;background: #e9ecf5;}
.List .bd li.col-2 a .bd{padding: 24px 30px 0;}

.List .bd li.col-1 a{}
.List .bd li.col-1 a .bd{padding: 35px 50px 0 40px;}
.List .bd li.col-1 a h2{float: none;font-size: 30px;color: #222;line-height: 1;}
.List .bd li.col-1 a p{float: none;font-size: 18px;color: #4d4d4d;padding: 9px 0 0 0;}
.List .bd li.col-1 a span{height: 40px;line-height: 40px;padding: 0px 10px 0 25px;font-size: 16px;margin-top: 15px;}
.List .bd li.col-1 a span i{/* width: 26px; *//* height: 26px; *//* border: 1px solid #222; */border-radius: 26px;display: inline-block;line-height: 26px;font-size: 20px;/* margin-left: 10px; */vertical-align: middle;margin-top: -4px;}
.List .bd li.col-1 a:hover span i{/* border-color: #fff */}
/*.List li.col-2 a .bd div,.List li a .bd div{position: relative;}
.List li.col-2 a .bd span,.List li a .bd span{position: absolute;right: 0;top: 30px;}*/

.List .hd{}
.List .hd ul{}
.List .hd li{ float: left;}
.List .hd li a{font-size: 18px;line-height: 38px;display: block;color: #424243;padding: 0 35px;border-radius: 5px;}
.List .hd li.on a{ color: #fff; background: #f69603;}

.List .tit{font-size: 38px;color: #1d2023;line-height: 1;text-align: center;font-weight: lighter;padding: 50px 0 35px;}


@media (max-device-width: 1024px) {
    .List li a p{font-size: 12px;}
    .List li a h2{font-size: 18px;}
}