@charset "gb2312";
/* CSS Document */
body{background:#f2f3f5}


.proSelect{background: #fff;padding: 40px;}
.proSelect dl{border: 1px solid #d9dde8;background: #eff1f8;padding: 0 0 0 90px;}
.proSelect dl:last-of-type{border-top:none;}
.proSelect dd{float: left;margin-left: -90px;text-align: center;width: 90px;color: #465066;font-size: 28px;line-height: 48px;padding: 20px 0 0 0;}
.proSelect dt{background: #fff;padding: 10px 0;}
.proSelect li{float: left;width: 33.3333%;padding: 10px;}
.proSelect li a{display: block;line-height: 48px;text-align: center;font-size: 24px;border: 1px solid #252628;border-radius: 50px;color: #252628;}
.proSelect li.on a{background: #006edd;border-color: #006edd;color: #fff;}
.proSelect li a:active{background: #e5f0fa;border-color: #e5f0fa;}
.proSelect li.disable a{/* background: #eeeff5; */border-color: #a2a2a2;color: #a2a2a2;}


.proBrand{background: url("../img/brand-bg.jpg") no-repeat; background-size: cover; min-height: 210px; position: relative;}
.proBrand .desc{position: absolute;top: 50%;transform: translateY(-50%);text-align: center;width: 100%;line-height: 1;}
.proBrand .hd{font-size: 26px;line-height: 32px;color: #1d2023;margin-bottom: 10px;}
.proBrand .hd img{margin-right: 10px;}
.proBrand h3{font-size: 44px;color: #1d2023;}

.proList{padding: 20px 40px;}
.proList ul{}
.proList li{padding: 10px 0;}
.proList li a{display: block;background: #fff;padding: 0 40px 0 370px;}
.proList li .pic{ float: left; width: 334px; margin-left: -370px;}
.proList li .pic img{}
.proList li a h3{font-size: 30px;line-height: 40px;color: #1d2023;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;padding: 50px 0 0;min-height: 130px;margin-bottom: 15px;}
.proList li a .desc{font-size: 22px;line-height: 1;color: #737d8e;margin-bottom: 30px;}
.proList li a .desc span{padding: 0 10px;color: #d2d2d6;}
.proList li a .price{border: 1px solid #006edd;background: #006edd;font-size: 26px;color: #fff;text-align: right;border-radius: 5px;line-height: 44px;padding: 0 15px 0 0;overflow: hidden;}
.proList li a .price span{display: block;float: left;width: 50%;background: #fff;color: #006edd;text-align: center;border-radius: 5px 0 0 5px;font-size: 30px;}
.proList li a .price em{font-size: 24px;}
.proList p{text-align: center;padding: 40px 0 10px;}
.proList p span{display: inline-block;font-size: 22px;color: #989ea8;position: relative;}
.proList p span:before{content:'';width: 60px;height: 1px;position: absolute;left: -80px;top: 50%;background: #b3b6ba;}
.proList p span:after{content: '';width: 60px;height: 1px;position: absolute;right: -80px;top: 50%;background: #b3b6ba;}



.searchHull{ padding: 14px 40px; border-bottom: 1px solid #ececec; background: #fff;}
.searchHull .search{height: 80px;border: 2px solid #006edd;border-radius: 25px;position: relative;padding: 0 125px 0 90px;}
.searchHull i{ width: 76px; height: 40px; text-align: center; border-right: 2px solid #e1e6f3; position: absolute; left: 0; top: 50%; margin-top: -20px; font-size: 30px; color: #006edd; line-height: 40px; font-weight: bold;}
.searchHull .text{width: 100%; display: block; height: 70px; line-height: 70px; font-size: 30px;}
.searchHull .btn{background: #006edd;color: #fff;width: 120px;height: 72px;line-height: 72px;font-size: 30px;text-align: center;border-radius: 25px;position: absolute;right: 2px;top: 2px;}

.searchFaXian{padding: 55px 30px 0;font-size: 30px;line-height: 1;color: #687183;min-height: 700px;}
.searchFaXian ul{ margin: 0 -10px; padding: 15px 0 0 0;}
.searchFaXian li{ float: left; padding: 15px 10px;}
.searchFaXian li a{ display: block; height: 70px; line-height: 70px; border-radius: 70px; background: #eff2f9; font-size: 26px; color: #1d2023; padding: 0 28px;}
.searchFaXian li a:active{ background: #006edd; color: #fff;}