@charset "utf-8";
/* CSS Document */
body{background: #f3f5f7;font-size: 16px;color: #222;position: relative;}
body,ul,ol,p,h1,h2,h3,h4 {list-style:none;padding: 0; margin: 0;}
a{color: #222;}
a:hover{text-decoration: none;}
a:visited{text-decoration: none;border: none;}
a:active{text-decoration: none;}
Btn:active{color: #0563c0!important;text-decoration: none;}
a:focus,a:hover {
    color: #0563c0;
    text-decoration: none
}
h2{font-size: 38px;text-align: center;margin: 40px 0;}
.icon2{margin-top: -2px;}
.mtop30{margin-top: 30px;}
.icons{background: url(../images/icon.png) no-repeat; width: 47px;height: 47px;display: block;}
.subject-banner{background: url(../images/subject-banner.jpg) no-repeat center #021267; height: 490px;}
.banner{margin-top: 50px;}
.sub-item{background: url(../images/bg01.jpg) center bottom no-repeat #fff;border-radius: 8px;padding: 20px;box-shadow: 0 0 10px #d5d5d5;margin-top: 25px;}
.sub-item h2{font-size: 20px; margin: 15px 0;text-align: left;}
.sub-item .about{height: 44px; line-height: 22px;color: #858fa9;font-size: 15px;overflow: hidden;}
.tags{margin-top: 15px;height: 34px;overflow: hidden;}
.tags a{background: #f6ede5;border-radius: 4px;padding: 4px 12px;font-size: 15px;margin-right: 15px;color: #c39e84;margin-bottom: 4px;display: inline-block;}
.tags a:hover{background: #f5e4d3;color: #a9856b;}
.btn-i{text-align: center; margin-top: 15px;width: 100%;}
.btn-i a{width: 200px;height: 38px;line-height: 38px;border: 1px solid #858fa9;text-align: center;border-radius: 36px;background: #fff;display: inline-block;}
.btn-i a:hover{border: 1px solid #58a6f5;color: #fff;background: #58a6f5;}
.reveal-top01{background-position: 0 0 ;}
.reveal-top02{background-position: -59px 0;}
.reveal-top03{background-position: -118px 0;}
.reveal-top04{background-position: -176px 0;}
.reveal-top05{background-position: -236px 0;}
.reveal-top06{background-position: -294px 0;}
.reveal-top07{background-position: -353px 0;}
.new-t{font-size: 24px;font-weight: bold;}
.tab-year{text-align: right;}
.tab-year a{height: 32px; line-height: 32px;width: 100px;text-align: center;background: #d9d9d9;font-size: 18px;margin-left: 10px;border-radius: 32px;display: inline-block;margin: 2px 0;}
.tab-year a:hover{background: #0563c0;color: #fff;}
.tab-year .curr{background: #0563c0;color: #fff;}
.content-top{background: url(../images/bg02.jpg) no-repeat center #021267;padding: 40px 0;}
.top-box{background: #fff;border-radius: 8px;padding:50px 30px;}
.top-box h1{font-size: 28px; color: transparent; background-image: linear-gradient(to right, #3f5efb, #fc466b); -webkit-background-clip: text;font-weight: bold;}
.top-box p{margin: 20px 0;}  
.capital-item{background: #fff;padding: 20px 30px 20px 40px;border-radius: 8px;position: relative;overflow: hidden;margin-bottom: 15px;}
.capital-item h3{font-size: 18px;}
.capital-item i{width: 40px;height: 40px;background: url(../images/icon-1.png) no-repeat;line-height: 30px;font-style: normal;color: #fff;font-size: 16px;display: block;position: absolute;left: 0; top: 0;}
.plan-Te{display: flex;}
.plan-Te .down{color: #858fa9;margin-top: 15px;margin-right: 15px;font-size: 15px;}
.capital-item h3 span{margin-top:-5px;margin-right: 8px; margin-left: -20px;}
.capital-item .about{height: 44px; line-height: 22px;color: #858fa9;font-size: 15px;overflow: hidden; margin-top: 8px;}
.new-c-item{background: #fff; padding: 20px; border-radius: 8px;margin-bottom: 15px;display: flex;}
.new-c-item .icons{width: 47px;margin-right: 15px;text-indent: 999999em;}
.new-c-item .right-t{flex-grow: 1;   }
.new-c-item .right-t h2{font-size: 18px; margin: 0;text-align: left;}
.new-c-item .about{height:22px; line-height: 22px;color: #858fa9;font-size: 15px;overflow: hidden; margin-top: 10px;}
.banner-mob{display: none;}
.btn-blue a{background: #58a6f5;color: #fff;border: 1px solid #58a6f5;}
.btn-blue a:hover{background: #0563c0;color: #fff;border: 1px solid #0563c0;}
#code {position:fixed; bottom:115px;right:0px; cursor:pointer;width:100px;text-align:center;overflow:hidden;}
#code a {margin-top:6px;width: 100px; height: 80px;display: inline-block;}
#footer {text-align: center; width: 100%; line-height: 35px; color: #fff; font-size: 16px; background: #818181; padding: 20px 0; margin-top: 70px;}
#footer a {color:#a7cdfb;}
#footer a:hover {color:#e9b912;}
#footer p span {color:#ff0;}
 @media (min-width:992px) { 
  .capital-item{height: 110px;}
  .capital-item h3{display: block;  overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap;}
 }
 @media (max-width: 992px) { 
 h2{margin: 30px 0;}
 .subject-banner{display: none;}
 .banner-mob{display: block;}
 .banner-mob img{width: 100%;}
 .sub-item{padding: 15px;    box-shadow: 0 0 4px #d5d5d5;margin-top: 15px;}
 .sub-item h2{margin: 10px 0;}
 .btn{margin-top: 10px;}
 .top-box{padding: 20px;}
 .top-box p{margin: 10px 0;}
 .plan-Te{display: inline-block;width: 100%;}
 .new-t{text-align: center;margin-bottom: 10px;}
 .tab-year{text-align: center;}
 .tab-year a{width: 75px;margin:8px 4px 0 0;font-size:16px;}

 }
