@charset "utf-8";
html,body{width: 100%;  line-height:60%;}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,em,img,q,small,strong,dd,dl,dt,li,ol,ul,fieldset,form,label,table,tbody,tr,th,td,input{margin:0;padding:0;border:0}
ol,ul,li{list-style:none;}
*{margin:0;border:0;padding:0; font-family:STHeiti,Microsoft YaHei,Helvetica,Arial,sans-serif;}
/*取消A标签提示区域*/
a{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
.news_li_list a,.gold_dp_b li a,.huadong a,.main_tt a{-webkit-tap-highlight-color:rgba(0,0,0,0.3);}
table,th,tr,td,h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
textarea,input[type="password"],input[type="text"]{resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;-webkit-tap-highlight-color:rgba(255,0,0,0);}
input{background-color:transparent;border-radius:0;}
table{border-collapse:collapse;}
em,i{font-style:normal;}
b{font-weight:normal;}
img{display:block;}
/*清除浮动影响*/
.clear-float:after{content: '';display: table;clear: both;}
.float-l{float: left}
.float-r{float: right}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nav {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    height: 44px;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 0;
    background: #f7f7f7;
    -webkit-box-shadow: 0 1px 6px #ccc;
    box-shadow: 0 1px 6px #ccc;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
body{background: #f1f5f8;}
/*头部*/
.top{width: 100%;height: 1.13rem;padding: 0.13rem 0;background: #fff;}
.top a{display: block;margin: 0 auto;width: max-content;}
.top a img{display: block;height: 100%;width: auto;}
.topnav{width: 100%;height: 1rem;background: #327cc7;padding-left: 0.26rem!important;}

.topnav .swiper-slide{padding: 0 0.16rem; text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}
.topnav a{display: block;font-size: 12px;color: #c7e2ff;line-height: 1rem;}
.swiper-slide.cur{background: #327cc7;}
.swiper-slide.cur a{color: white;border-bottom: 4px solid white;}

.bottom{text-align: center;width: 100%;position: fixed;bottom:0;left: 0;height: 1.4rem;border-top: 1px solid #caced1;padding: 0;margin: 0;font-size: 0;background: #fff;}
.bottom a{display: inline-block;*display:inline;zoom:1;font-size: 12px;color: #272727;width: 25%;text-align: center;padding-top: 0.82rem;}
.bottom_icon1{background: url(../../images/bottom1.png) no-repeat center 0.16rem;background-size: 0.61rem .61rem;}
.bottom_icon2{background: url(../../images/bottom2.png) no-repeat center 0.16rem;background-size: 0.61rem .61rem;}
.bottom_icon3{background: url(../../images/bottom3.png) no-repeat center 0.16rem;background-size: 0.61rem .61rem;}
.bottom_icon4{background: url(../../images/bottom4.png) no-repeat center 0.16rem;background-size: 0.61rem .61rem;}
.bottom_icon1.cur{background: url(../../images/bottomcur1.png) no-repeat center 0.16rem;background-size: 0.61rem .61rem;color:#327cc7;}
.bottom_icon2.cur{background: url(../../images/bottomcur2.png) no-repeat center 0.16rem;background-size: 0.61rem .61rem;color:#327cc7;}
.bottom_icon3.cur{background: url(../../images/bottomcur3.png) no-repeat center 0.16rem;background-size: 0.61rem .61rem;color:#327cc7;}
.bottom_icon4.cur{background: url(../../images/bottomcur4.png) no-repeat center 0.16rem;background-size: 0.61rem .61rem;color:#327cc7;}
/* 手机 */
/* 兼容iphone4/4s */
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){
    html{ font-size: 32px; }
}
@media only screen and (max-width: 320px)/*苹果5*/
{
    html{ font-size: 32px; }
}
@media only screen and (min-width: 321px) and (max-width: 346px)
{
    html{ font-size: 34.6px; }
}
@media only screen and (min-width: 347px) and (max-width: 360px)
{
    html{ font-size: 36px; }
}
@media only screen and (min-width: 361px) and (max-width: 375px)
{
    html{ font-size: 37.5px;}
}
@media only screen and (min-width: 376px) and (max-width: 384px)
{
    html{ font-size: 38.4px; }
}
@media only screen and (min-width: 385px) and (max-width: 390px)
{
    html{ font-size: 39px; }
}
@media only screen and (min-width: 391px) and (max-width: 400px)
{
    html{ font-size: 40px; }
}
@media only screen and (min-width: 401px) and (max-width: 412px)
{
    html{ font-size: 41.2px; }
}
@media only screen and (min-width: 413px) and (max-width: 414px)
{
    html{ font-size: 41.4px; }
}
@media only screen and (min-width: 415px) and (max-width: 427px)
{
    html{ font-size: 42.7px; }
}
@media only screen and (min-width: 428px) and (max-width: 432px)
{
    html{ font-size: 43.2px; }
}
@media only screen and (min-width: 433px) and (max-width: 480px)
{
    html{ font-size: 48px; }
}
@media only screen and (min-width: 481px) and (max-width: 505px)
{
    html{ font-size: 50.4px; }
}
@media only screen and (min-width: 506px) and (max-width: 605px)
{
    html{ font-size: 60.4px; }
}
@media only screen and (min-width: 606px) and (max-width: 641px)
{
    html{ font-size: 64px; }
}
@media only screen and (min-width: 642px) and (max-width: 720px)
{
    html{ font-size: 72px; }
}
@media only screen and (min-width: 721px) and (max-width: 768px)
{
    html{ font-size: 76.8px; }
}
@media only screen and (min-width: 769px) and (max-width: 800px)
{
    html{ font-size: 80px; }
}
@media only screen and (min-width: 801px) and (max-width: 1025px)
{
    html{ font-size: 102.4px; }
}
@media only screen and (min-width: 1279px)
{
    html{ font-size: 127.9px; }
}
@media only screen and (min-width: 1439px)
{
    html{ font-size: 143.9px; }
}
@media only screen and (min-width: 1599px)
{
    html{ font-size: 159.9px; }
}