
.index-banner {
    margin-top: 72px;
    height: 450px;
    background: url(../images/banner2.jpg) center top no-repeat;
}

.index-banner .big-text{ margin:70px auto 20px; padding:60px; text-align:center; font-size:50px;color: #fff;}

.index-banner .big-text h2{ padding:10px; font-size:16px; margin:10px auto;}

.index-banner a.btn { display: block; margin: 0 auto ; padding: 20px 30px; width: 150px; font-size: 23px; color: #fff; text-decoration: none; border: 3px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 8px; }

.index-banner a.btn:hover{color:#7ca5ca; border:3px solid #7ca5ca;}

.news {
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
}

.news .tit { float: left; margin-top: 15px; font-size: 25px; }

.news .cont { float: left; width: 1120px; }

.news .cont ul { overflow: hidden; }

.news .cont ul li { float: left; background: url(../images/icon24.png) no-repeat 0 10px; float: left; height: 30px; line-height: 30px; margin: 20px 15px; padding-left: 16px; }

.news .cont ul li h3 a { font-size: 14px; }

.news .cont ul li h3 a:hover { color: #1c5de9; }

.index-title { position: relative; margin-top: 40px; margin-bottom: 33px; height: 33px;/* border-bottom: 1px solid #eee; */ }

.index-title h1 { position: absolute; top: 0; left: 0; right: 0; width: 380px; font: 36px/48px Microsoft YaHei; text-align: center; margin: auto; background-color: #fff; }

.index-title h1 span, .sect h2 span { display: block; margin-top: 5px; font-size: 16px; line-height: 18px; color: #999; }

.box-cont .tabcont{ display: flex; justify-content: space-between; height: 360px; margin-bottom: 30px;}

.box-cont .column{ width: 290px; height: 280px; padding-top: 40px; margin-top: 30px; text-align: center; background-color: #f8f8f8; box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    border-radius: 3px;}

.box-cont .column img{ width: 130px;}

.box-cont .column h1{ padding-top: 10px; font-weight: bold; }

.box-cont .column p{ padding-top: 12px; font-size: 16px; }

.box-cont .column:hover{height: 290px; cursor: pointer; margin-top: 25px; box-shadow: 0 0 5px rgba(0, 0, 0, .1); border-radius: 3px;}

.supplier-flow { padding: 30px 0; }

.equity-section { padding: 40px 0; background: #f9fafe; }

.equity-section .equity-tabs {display: flex; justify-content: center; height: 120px; padding-bottom: 40px;  border-bottom: 1px solid #f0f0f0;}

.equity-section .equity-tabs .column{ width: 160px; height: 105px; padding-top: 15px; text-align: center; cursor: pointer; }

.equity-section .equity-tabs .column .title{ font-size: 18px; font-weight: bold;}

.equity-section .equity-tabs .current{position: relative; color: #fff;  background: url(../images/rai-bg.png) no-repeat; }

.equity-section .equity-tabs .current:after{ content: " "; position: absolute;	left: 0; right: 0; width: 160px; bottom: -41px; border-bottom: 2px solid #1c5de9;}

.equity-list{padding-top: 10px;}

.panel-section { padding: 40px 0; }

.panel-section .panel-title{ font-size: 36px; color: #666; text-align: center; padding-bottom: 30px;}

.panel-section .panel-tabs {display: flex; justify-content: space-between; height: 53px; }

.panel-section .panel-tabs .column{display: flex; justify-content: center; align-items: center; width: 190px; height: 53px;  text-align: center; cursor: pointer; border-radius: 10px; border: 1px solid #f0f0f0;}

.panel-section .panel-tabs .column .title{ font-size: 18px; font-weight: bold; padding-left: 10px;}

.panel-section .panel-tabs .column  img{filter: grayscale(100%);}

.panel-section .panel-tabs .current{position: relative; border: 1px solid #1c5de9;}

.panel-section .panel-tabs .current img{filter: grayscale(0%);}

.panel-list{padding-top: 20px;}

.panel-list img{cursor: pointer;}