/* 
* @Author: sublime text
* @Date:   2019-07-24 09:34:32
* @Last Modified by:   sublime text
* @Last Modified time: 2021-01-26 10:19:56
*/


/*通用样式*/
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;} 
body{font-family:'Microsoft YaHei','微软雅黑','宋体',Verdana,sans-serif;color:#323232;font-size:14px;background:#fff;width:100%;height:100%;position:relative;}
.wrap{position:relative;margin:0px auto;width:1200px;padding:0px;height: 100%;}
.clear{width:0;height:0;font-size:0;line-height:0;clear:both;overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
body{overflow-x: hidden;}
a{ color:#333; text-decoration:none; outline:none;}




/*头部*/
#toubu{width: 100%;height: 119px;background: url(/statics/images/index/tou_bg.jpg)no-repeat center;border-bottom: 1px solid #ccc;}
#toubu .logo{padding-top: 28px;display: block;float: left;}
#toubu .biaoyu{float: left;padding-top: 38px;margin-left: 120px;}
#toubu .taobao{line-height: 36px;height: 36px;float: left;margin-left: 150px;padding-top: 45px;font-size: 16px;}
#toubu .taobao img{display: block;float: left;padding-right: 15px;}
#toubu .taobao:hover{color: #2ba3e7;}
#toubu .fr{width: 220px;padding-top: 40px;}
#toubu .fr img{float: left;width: 49px;display: block;}
#toubu .fr .wen{float: right;font-size: 12px;}
#toubu .fr .wen p{font-size:25px;color: #2ba3e7;font-family: 'Oswald-Bold';letter-spacing: 1px;line-height: 30px;}

/*导航*/
#nav{width: 100%;height: 60px;line-height: 60px;}
#nav li{float: left;text-align: center;font-size: 16px;color: #333333;padding-right: 119px;}
#nav li:last-child{padding-right: 0px;}
#nav li a:hover,#nav li a.active{color: #2ba3e7;border-bottom: 3px solid #2ba3e7;line-height: 60px;display: inline-block;}





/*版权*/
#ban{width: 100%;height: 623px;background: url(/statics/images/index/ban.jpg)no-repeat center;background-size: cover;margin-top:50px;}
#ban .dao{color: #fff;}
#ban .dao a{font-size: 20px;color: #fff;width: 199px;float: left;text-align: center;border-right: 1px solid #fff;margin-top: 80px;}
#ban .dao a:nth-child(3n){border-right: none;}
#ban .bottom .fl p{font-size: 36px;color: #fff;padding-top: 80px;}
#ban .bottom .fl span{font-size: 30px;color: rgba(255,255,255,0.1);text-transform: uppercase;display: block;margin-bottom: 30px;}
#ban .bottom .fl{width: 480px;margin-left: 45px;}
#ban .bottom .fl input{outline: none;border: none;background: none;border-bottom: 1px solid rgba(255,255,255,0.1);width: 100%;margin-bottom: 10px;height: 35px;font-size: 16px;color: #fff;}
#ban .bottom .fr{width: 430px;position: relative;margin-top: 35px;}
#ban .bottom .fr li hr{width: 25px;height: 1px;background: #fff;border:none;margin-left: 0px;margin-bottom: 25px;}
#ban .bottom .fr li{color: #fff;font-size: 16px;line-height: 30px;margin-bottom: 25px;}
#ban .bottom .fr .tu{position: absolute;right: 0px;top: 80px;}
#ban .bottom .fr dl{width: 30%;float: left;color: #666;font-size: 16px;}
#ban .bottom .fr dl a{color: #666;font-size: 16px;}
#ban .bottom .fr dl a:hover{color: #fff;}
#ban .bottom .fr .yue{margin-top: 100px;}


/* 滚动条样式 */

::-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(43, 163, 231, 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;
}