.bg {background: #f5f5f5;}
.cl-title{padding: 5rem 0;}
.cl-title h1{text-align: center;margin-bottom: 2rem;}
.cl-title h2 {text-align: center;font-size: 27px;line-height: 42px;margin-bottom: 2rem;}
.cl-title .text{text-align: center;font-size: 16px;line-height: 32px;color: #535455;}
.cl-title .text span {font-weight: bold;}
.cl-title .text em {font-weight: bold;color: #3461C6;    font-style: normal;}
.cl-title .text em:first-child:before{display: none;}
.cl-title .text em:before{content:"กข";}
.cl_xinghao ul{display: flex;margin-top: 2rem;}
.cl_xinghao ul li{width: 100%;padding: 10px;background: #ffffff;margin-right: 1rem;}
.cl_xinghao ul li:last-child{margin-right: 0;}
.cl_xinghao ul li h3{font-size: 1.2rem;font-weight: 400;margin-top: 10px;color: #4667aa;}
.cl_xinghao ul li h3 font{color: #4667aa;}
.cl_xinghao ul li p{margin-top: 10px;font-size: 1rem;}
.cl_xinghao ul li .c a{display: block;color: #4667aa;}
.cl_xinghao ul li .c{border-radius: 4px;background-color: #f1f1f1;text-align: center;line-height: 40px;margin-top:20px;}
.cl-btn {width: 47%;margin: 0 auto;margin-top: 2rem;text-align: center;background: #2a85d4;font-weight: bold;color: #fff;font-size: 18px;padding: 15px 0;border-radius: 0 0 8px 8px;}
.cl-btn a{color:#fff}

.xuanxing li {height: 119px;padding-left: 126px;padding-right: 1rem;margin-top: 2%;width: 49%;float: left;}
.xuanxing li:nth-child(odd) {margin-right: 2%;}
.xuanxing li p {margin-top: 36px}
.xuanxing li:nth-child(1){background: #f5f5f5 url(/images/cl.png) no-repeat 20px 10px;}
.xuanxing li:nth-child(2){background: #f5f5f5 url(/images/cl.png) no-repeat 20px -96px;}
.xuanxing li:nth-child(3){background: #f5f5f5 url(/images/cl.png) no-repeat 20px -330px;}
.xuanxing li:nth-child(4){background: #f5f5f5 url(/images/cl.png) no-repeat 20px -214px;}

.cl_botsms{font-size: 14px;box-sizing:border-box;overflow: hidden;position: relative;margin: 45px 0;}
.cl_botsms h6 {width: 100%;line-height: 48px;margin-bottom: 2rem;font-size: 1.6rem;color: #4667aa;font-weight: bold;text-align: center;}
.cl_botsms p{width: 100%;text-align: center;padding-bottom: 1.2rem;}
.cl_botsms ul li{width: 23%;overflow:hidden;padding: 8px 0px;float: left;margin: 0 1%;}
.cl_botsms ul .tijiao {width: 100%;text-align: center;}
.cl_botsms .select{width: 100%;border:1px solid #ddd;box-sizing:border-box;padding-left:3px;height: 40px;line-height: 40px;background: #fff;}
.cl_botsms .select>option{color: #000;background: #fff;}
.cl_botsms .textbox{width: 100%;border:1px solid #ddd;box-sizing:border-box;padding-left:3px;height: 40px;line-height: 40px;}
.cl_botsms .bssubmit{color:#fff;background-color: #4667aa;width: 36%;margin-top: 15px;border: none;font-size: 1.3rem;height: 3rem;line-height: 3rem;}

.anli {overflow: auto;}
.case-img {width: 50%;float: left;}
.case-text {width: 50%;float: right;padding-left: 60px;}
.case-text p {margin-top: 10px;}
.case-text p a {color: #4667aa;font-weight: bold;}
.anli .more{color: #fff;background-color: #f90;display: inline-block;line-height: 50px;padding: 0 40px;border-radius: 2px;margin-top: 40px;}
.anli .more2{color: #fff;background-color: #4667aa;display: inline-block;line-height: 50px;padding: 0 40px;border-radius: 2px;margin-top: 40px;}
.case-list {clear: both;margin-top: 50px;}
.case-list ul{display: -webkit-flex;flex-wrap: nowrap;justify-content: space-between;padding-top: 30px;border-top: 1px solid #e4e4e4;}
.nav-tabs li {display: block;width: auto;margin: 5px 8px}
.nav-tabs li:first-child {margin-left: 0}
.nav-tabs li:last-child {margin-right: 0}
.nav-tabs li a {padding: 10px 18px;border: 1px solid #dddddd;border-radius: 4px 4px 0 0;}
.nav-tabs li a:hover {border-color:#3671CF;background: #3671CF;color:#fff;}
.nav-tabs li.on a{background: #3671CF;color: #fff;cursor: default;}