﻿/* 
* @Author: sublime text
* @Date:   2019-07-24 09:34:32
* @Last Modified by:   sublime text
* @Last Modified time: 2020-11-24 17:52:08
*/


/*通用样式*/
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(img/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: 50px;}
#toubu .taobao{line-height: 36px;height: 36px;float: left;margin-left: 25px;padding-top: 45px;font-size: 16px;}
#toubu .taobao img{display: block;float: left;padding-right: 15px;}
#toubu .taobao:hover{color: #ff8524;}
#toubu .fr{width:440px;}
#toubu .fr img{float: left;width: 49px;display: block;padding-top: 40px;}
#toubu .fr .wen{float: left;font-size: 12px;padding-top: 40px;}
#toubu .fr .wen p{font-size:23px;color: #ff8524;font-family: 'Oswald-Bold';letter-spacing: 1px;line-height: 30px;}

/*导航*/
#nav{width: 100%;height: 60px;line-height: 60px;background:#fff;}
#nav li{float: left;text-align: center;font-size: 16px;color: #333333;padding-right: 64.5px;text-transform:uppercase;} 
#nav li:last-child{padding-right: 0px;}
#nav li a:hover,#nav li a.active{color: #ff8524;border-bottom: 3px solid #ff8524;line-height: 60px;display: inline-block;}


.box-active{position:fixed;top:0;left:0;z-index: 999;-webkit-box-shadow:2px 5px 5px 2px rgba(0,0,0,0.1)}



.title{font-size: 16px;color: #333333;text-align: center;}
.title p{font-size: 42px;letter-spacing: 2px;padding-top: 80px;}
.title p span{color: #ff8524;}
.title img{display: block;margin: 15px auto;}




/*底部*/
#dibu{width: 100%;height: 480px;background: url(img/dibu.png)no-repeat center;margin-top: 80px;}
#dibu .dao{text-align: center;color: #fff;font-size: 16px;padding-top: 120px;height: 60px;line-height: 60px;border-bottom: 1px solid #000000;}
#dibu .dao a{color: #fff;padding: 0 25px;text-transform: uppercase;}
#dibu .dao a:first-child{padding-left: 0px;}
#dibu .dao a:last-child{padding-right: 0px;}
#dibu .dao i:last-child{display:none;}
#dibu .dao a:hover,#dibu .dao a.active{color: #ff8524;}
#dibu .bottom{margin-top: 40px;}
#dibu .bottom .fl .tu{margin-bottom: 20px;}
#dibu .bottom .fl .wen{font-size: 14px;color: rgba(255,255,255,0.5);line-height: 30px;}
#dibu .bottom .fl .wen a{color: rgba(255,255,255,0.5);}
#dibu .bottom .fl .wen a:hover{color: rgba(255,255,255,1);}
#dibu .bottom .fl2{width: 700px;float: left;color: #fff;font-size: 14px;line-height: 25px;margin-left: 100px;}
#dibu .bottom .fl2 li{width: 60%;float: left;margin-top: 40px;}
#dibu .bottom .fl2 li span{color:#ff8524;}
#dibu .bottom .fl2 li:nth-child(2n){width: 40%;}
#dibu .bottom .fl2 li img{display: block;float: left;margin-right: 12px;padding-top: 10px;}
#dibu .bottom .fr{width: 127px;font-size: 14px;line-height: 25px;text-align: center;color: #fff;margin-top: 40px;letter-spacing: 1px;}



/* 滚动条样式 */

::-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(255, 133, 36, 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;
}