@charset "utf-8";
/*css reset*/
html,body{width:100%;height:100%;}
*{padding:0;margin:0;border:0;font-family:'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;}
img{display:block;}
a{text-decoration:none;color:#333}
table,th,tr,td,h1,h2,h3,h4,h5,h6,h7{font-weight:normal;font-size:100%;}
em,i{font-style:normal;}
li{list-style:none;}
input{background-color:transparent;}
.fl{float:left}
.fr{float:right}
body{position:relative;}



.category{position:relative;}
.arrow{position:absolute;top:0;right:0;padding:0 2rem;background: #F1F8FF url("../images/hd_arrow.png") no-repeat center;background-size:50%;height:100%;z-index: 100}
.slidecatelist{position:absolute;padding:3.12% 3.12% 0;top:9.6rem;width: 93.75%;overflow:hidden;background-color:#fff;display:none;z-index: 6}
.slidecatelist ul{overflow: hidden;}
.slidecatelist li{width: 22.75%;margin: 0 0 3% 3%;height: 2.9rem;float:left;}
.slidecatelist ul li:nth-child(4n-3) {margin-left: 0;}
.slidecatelist a{height: 2.9rem;line-height:2.9rem;text-align:center;font-size:1.5rem;border: solid 1px #e5e5e5;border-radius: 20px;border:1px solid #ccc;display:block;}
/*bottom*/
.bottom{margin-top:1rem}
.bottom .subbar{background:#fff;border-bottom:1px solid #ddd;}
.fpart{padding:0 3.12%;overflow: hidden}
.fpart ul{overflow: hidden}
.fpart li{width:25%;float:left;text-align: center;}
.fpart li a{background-size: 4rem;padding-top: 6rem;display: block;}
a.conjuncture{background: url(../images/i_icon1.png) no-repeat center 1.5rem;}
a.news{background: url(../images/i_icon2.png) no-repeat center 1.5rem;}
a.calendar{background: url(../images/i_icon3.png) no-repeat center 1.5rem;}
a.etf{background: url(../images/i_icon4.png) no-repeat center 1.5rem;}
/*copyright*/
.copyright{margin:5% 0;}
.copyright .link{text-align: center;font-size:1.1rem;display: block;}
.multiport ul{display: inline-block;overflow: hidden;}
.multiport a{color: #323333;padding: 0 1.5556rem;}
.multiport .line a{padding:0;}
.toolpart{margin:1rem auto;}
.toolpart ul{display:inline-block;}
.toolpart a{margin-left:1rem;border:1px solid #666;border-radius:4px;padding: 0 0.51rem;color:#666}

.go_top {
    position: fixed;
    right: 6%;
    bottom: 15%;
}
.go_top a {
    display: block;
    width: 3.9375rem;
    height: 3.9375rem;
    background: url(../images/totop.png) no-repeat center;
    background-size: 60%;
    background-color: #bfc4cc;
    border-radius: 4px;
    display: none;
}





/* 自媒体查�*/
@media only screen and (max-width: 320px)/*苹果4-5*/
{
    html {
        font-size: 10px;
    }
}
@media only screen and (min-width: 321px) and (max-width: 346px) {
    html {
        font-size: 10.8px;
    }
}
@media only screen and (min-width: 347px) and (max-width: 358px) {
    html {
        font-size: 10.8px;
    }
}
@media only screen and (min-width: 359px) and (max-width: 375px)/*苹果6*/ {
    html {
        font-size: 11px;
    }
}
@media only screen and (min-width: 376px) and (max-width: 383px) {
    html {
        font-size: 11.5px;
    }
}
@media only screen and (min-width: 384px) and (max-width: 432px)/*苹果6+*/ {
    html {
        font-size: 12px;
    }
}
@media only screen and (min-width: 433px) and (max-width: 480px) {
    html {
        font-size: 13px;
    }
}
@media only screen and (min-width: 481px) and (max-width: 505px) {
    html {
        font-size: 13.5px;
    }
}
@media only screen and (min-width: 506px) and (max-width: 598px) {
    html {
        font-size: 15px;
    }
}
@media only screen and (min-width: 599px) and (max-width: 641px) {
    html {
        font-size: 18px;
    }
}
@media only screen and (min-width: 642px) and (max-width: 699px) {
    html {
        font-size: 18px;
    }
}
@media only screen and (min-width: 700px) and (max-width: 720px) {
    html {
        font-size: 18.5px;
    }
}
@media only screen and (min-width: 721px) and (max-width: 766px) {
    html {
        font-size: 22px;
    }
}
@media only screen and (min-width: 767px) and (max-width: 798px)/*ipad*/ {
    html {
        font-size: 22.5px;
    }
}
@media only screen and (min-width: 799px) and (max-width: 901px) {
    html {
        font-size: 25px;
    }
}
@media only screen and (min-width: 902px) and (max-width: 1278px) {
    html {
        font-size: 28px;
    }
}
@media only screen and (min-width: 1279px) and (max-width: 1438px) {
    html{
        font-size: 30px;
    }
}
@media only screen and (min-width: 1439px) and (max-width: 1598px) {
    html{
        font-size: 35px;
    }
}
@media only screen and (min-width: 1599px){
    html{
        font-size: 38px;
    }
}