/* 
* @Author: sublime text
* @Date:   2019-07-24 09:34:32
* @Last Modified by:   sublime text
* @Last Modified time: 2021-07-28 17:45:23
*/


/*通用样式*/
body,html,div,p,table,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
ul,ol,li,dl,dt,dd{list-style:none;}
img,a{border:none;}
em,i{font-style:normal;}
a{outline:none;text-decoration:none;color: #0d0d0d;} 
body{font-family:'Microsoft YaHei','微软雅黑','宋体',Verdana,sans-serif;color:#323232;font-size:0.14rem;background:#fff;width:100%;height:100%;position:relative;}
.wrap{position:relative;margin:0px auto;width:14rem !important;padding:0px;height: 100%;}
.clear{width:0;height:0;font-size:0;line-height:0;clear:both;overflow:hidden;}
.clear:after,.clear:before{content: "";display: block;clear: both;}
.fl{ float:left;}
.fr{ float:right;}
body{overflow-x: hidden;}
html{font-size: calc(100vw/19.2);}




#ding{width: 100%;height: 0.45rem;line-height: 0.45rem;color:#fff;background: url(/statics/images/index/ding_bg.jpg)no-repeat center;background-size: cover;position:fixed;z-index:9999;}
#ding a{color: #999999;padding: 0 0.1rem;position:relative;z-index:99999;}
#ding a .tu{display:none;position:absolute;width:1rem;height:1rem;border-radius:0.1rem;background:#fff;box-shadow:0px 0px 10px 10px rgba(0,0,0,0.1);z-index:999999;top:0.4rem;left:-0.3rem;}
#ding a:hover{color:#23499c;}
#ding a:hover .tu{display:block;}
#ding a img{display: inline-block;padding-right: 2px;width: 0.2rem}
#ding a:first-child img{width: 0.24rem;}
#ding a:last-child{padding-right: 0px;}
#ding .fr a{color: #fff;font-size: 0.2rem;font-family: 'Oswald-Medium';line-height: 0.45rem;}

#ding a .tu img{width:90%;display:block;padding:5%;}

/*头部*/
#toubu{width: 100%;height: 1rem;position:fixed;top:0.45rem;background:#fff;z-index:999;box-shadow:0px 0px 10px 10px rgba(0,0,0,0.1);}
#toubu .wrap{height: 1rem;width: 14rem;margin:0 auto;}
#toubu .logo{padding-top: 0.3rem;display: block;float: left;}
#toubu .logo img{display: block;width: 1.44rem;height: 0.48rem;}
#toubu .fl{width: 15%;}
#toubu .fr{width: 85%;height: 100%;}
#toubu .fr li a{float: left;font-size: 0.16rem;text-align: right;margin-left:0.6rem;padding-top: 0.4rem;padding-bottom: 0.36rem;}
#toubu .fr .tu{float: right;margin-top: 0.4rem;width: 1.07rem;height: 0.27rem;}
#toubu .fr .tu img{display: block;width: 100%;}
#toubu .fr li a:hover,#toubu .fr li a.active{color: #04b4a9;border-bottom:3px solid #04b4a9;display: block;}
/*导航*/

#banner{margin-top:1.45rem;}


/*版权*/
#banquan{width: 100%;background: #1a1a1a;height: auto;margin-top: 1rem;font-size: 0.14rem;color: #fff;}
#banquan .nav{width: 90%;height: 0.9rem;border-bottom:1px solid #666;line-height: 0.9rem;margin:0 auto;background: url(/statics/images/index/nav.png)no-repeat left;padding-left: 10%;background-size:9%;}
#banquan .nav a{color: #fff;font-size: 0.15rem;float: left;text-align: center;margin-left: 0.75rem;}
#banquan .nav a:hover,#banquan .nav a.active{color: #04b4a9;border-bottom:3px solid #04b4a9;display: block;}
#banquan .zhong{padding-top:0.9rem;}
#banquan .zhong .fl{width: 2.16rem;}
#banquan .zhong .fl img{display: block;width: 100%;margin-top: 0.3rem;}
#banquan .zhong .lianxi{width: 65%;float: left;margin-left: 9%;}
#banquan .zhong .lianxi li{width: 46%;float: left;line-height: 0.3rem;color: #fff;background: url(/statics/images/index/line.png)no-repeat;padding-left: 4%;font-size: 0.15rem;height: 1.5rem;}
#banquan .zhong .lianxi li img{display: block;}
#banquan .zhong .lianxi li span{display: block;font-size: 0.22rem;color: #fff;padding-bottom: 0.1rem;}
#banquan .zhong .lianxi li p{font-size: 0.32rem;font-weight: bold;font-family: 'Oswald';color: #fff;}
#banquan .zhong .lianxi li .wen{font-size: 0.14rem;color: #999999;line-height: 0.25rem;padding-top: 0.2rem;}
#banquan .zhong .erwei{float: right;width: 1.3rem;text-align: center;line-height: 0.35rem;letter-spacing: 1px;color: #999;}
#banquan .zhong .erwei img{display: block;margin:0 auto;width:100%;}
#banquan .youlian{color: #999;padding-top: 1rem;line-height: 0.5rem;font-size: 0.15rem;}
#banquan .youlian a{color: #999;padding-right:10px;font-size: 0.15rem;}
#banquan .youlian a:hover{color: #fff;}
#banquan .end{line-height: 50px;height: 50px;color: rgba(255,255,255,0.5);background: #0d0d0d;}
#banquan .end a{color: rgba(255,255,255,0.5);}
#banquan .end a:hover{color: #fff;}
#banquan .end .fl{width: 20%;text-align: left;}
#banquan .end .fl2{width: 60%;text-align: center;float: left;}
#banquan .end .fr{width: 20%;text-align: right;}



/* 滚动条样式 */

::-webkit-scrollbar { /*滚动条整体样式*/
    width: 6px !important;; /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px !important;;
    background: #ffffff !important;;
    cursor: pointer !important;

}

::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
    background: rgba(4, 180, 169, 1) !important;;
    cursor: pointer !important;
}

::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
    border-radius: 0 !important;;
    background: rgba(240, 240, 240, 0.5) !important;;
    cursor: pointer !important;
}