@charset "utf-8";
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{height: 100%;}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,em,select,button,textarea,input{margin: 0; padding: 0;}
body{background: #fff; font-family: 'Microsoft YaHei',"Arial",'SimSun', Serif; font-size: 16px; color: #333; position: relative; min-height: 100%; min-width: 1200px;}
a,img,button,input,textarea,select{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input[type="text"],input[type="hidden"],input[type="password"],button,textarea,select{outline: none; border: none; -webkit-appearance: none;-moz-appearance:none; appearance: none; border-radius: 0; font-family: 'Microsoft YaHei',"Arial",'SimSun', Serif;}
select::-ms-expand{display: none;}
input::-ms-clear{display: none;}

table{border-collapse:collapse;}
a{text-decoration: none; color: #333;}
a:hover{text-decoration: none;}
a:focus{text-decoration: none;}
li{list-style: none;}
img{vertical-align: middle; border: none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.hidden{overflow: hidden;}
.h1,.h2,.h3,.h4,.h5,.h6{font-weight: normal;}
.clearfix:after{content: ""; display: block; height: 0; visibility: hidden; clear: both;}
.clearfix {*zoom: 1;}
.cell_box{font-size: 0;}
.cell_box:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.cell_box .cell{width: 100%; display: inline-block; vertical-align: middle;}
/*scroll*/
::-webkit-scrollbar {width:4px;height:4px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#f5f5f5;}
::-webkit-scrollbar-thumb {border-radius:0;background-color:#666;}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#666;}
::-webkit-scrollbar-thumb:vertical:active {background-color:#666;}


#header { text-align: center; position: relative;}
#header .pic img { width: 100%; height: auto;}
#header .title { font-weight: bold; font-size: 70px; color: #92151E; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; left: 0; }
#content { width: 95%; margin: 20px auto; overflow: hidden; min-width: 1200px;}

/* box-site */
.box-site { float: left; width: 19%; margin: 0 0.5%; box-sizing: border-box; border: 1px solid #ddd;}
.box-site .hd { color: #333; background-color: #92151E; line-height: 50px; height: 50px;}
.box-site .hd h3 { font-size: 20px; font-weight: bold; color: #fff; padding-left: 20px;}
.box-site .bd { padding: 10px 15px; min-height: 900px;}
.box-site .bd li {  border-bottom: 1px dashed #ddd; position: relative; }
.box-site .bd li a { color: #333; display: block; line-height: 24px; padding: 10px 0 10px 15px; transition: all 0.5s;}
.box-site .bd li:before { display: block; content: ''; transition: all 0.5s; width: 5px; height: 5px; background-color: #D9D9D9; position: absolute; left: 0; top: 20px; }
.box-site .bd li:hover a { padding-left: 24px; }
.box-site .bd li:hover:before { background-color: #92151E; }

/* footer */
.footer { background-color: #92151E; padding: 30px 0; text-align: center; min-width: 1200px; color: #fff; clear: both; font-size: 14px; line-height: 26px;}
.footer a { color: inherit;}