/* BASIC css start */
/* ¿À¸¥ÂÊÄü¸Þ´º */
#upd { position: fixed; bottom: 127px; right: -60px; z-index: 99999;  -ms-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;-o-transition:  all 0.4s ease-out;transition:all 0.4s ease-out; 
    border-radius: 40px; overflow: hidden; }
#upd.scroll { display: block; position: fixed; bottom: 127px; right: 20px; transition: 1s; }
#upd p:first-child { border-bottom: 1px solid #565656; }
#upd a { display: inline-block; width: 50px; height: 50px; background-color: #000; text-align: center; line-height: 50px; }
#upd i { font-size: 30px; color: #fff; vertical-align: middle; }
#upd  #scrollup i { margin-top: -9px; }

#footWrap { background-color: #000; padding: 100px 85px; }
#footWrap h1 { color: #fff; font-size: 40px; margin-bottom: 20px; }
#footWrap > div p { color: #fff; font-size: 14px; line-height: 25px; font-weight: 300; }
#footWrap > div p span { color: #868686; display: block; margin-bottom: 10px; }
#footWrap .foot1 { display: flex; justify-content: space-between; border-bottom: 1px solid #363636; }
#footWrap .foot1 ul li a { color: #cdcdcd; font-size: 14px; }
#footWrap .foot1 .info1 a { display: inline-block; color: #fff; background-color: #272727; font-size: 14px; text-align: center; width: 80px; height: 30px; line-height: 29px; margin: 20px 0 30px; font-weight: 300; }
#footWrap .foot1 .info1 a i { display: inline-block; margin: 0 -4px 0 10px; }
#footWrap .foot1 .info2 { display: flex; }
#footWrap .foot1 .info2 ul { text-align: center; margin-right: 110px; }
#footWrap .foot1 .info2 ul li { line-height: 25px; cursor: pointer; }
#footWrap .foot1 .info2 ul li:first-child { margin-bottom: 10px; cursor: context-menu; }
#footWrap .foot1 .info2 ul li:first-child a { color: #fff; font-weight: 500; }
#footWrap .foot2 p { font-size: 12px; line-height: 20px; }
#footWrap .foot2 p a { color: #fff; border-bottom: 1px solid #fff; }
#footWrap .foot2 ul { display: flex; margin: 20px 0; }
#footWrap .foot2 ul li { padding-right: 40px; position: relative; }
#footWrap .foot2 ul li::after { content: ''; display: inline-block; width: 1px; height: 13px; background-color: #fff; position: absolute; right: 20px; top: 4px; }
#footWrap .foot2 ul li:last-child::after { display: none; }
#footWrap .foot2 ul li a { color: #adadad; font-size: 14px; }

#footWrap .info3 { position: relative; }
#footWrap .info3 .drop_site { position: absolute; width: 220px; bottom: 190px; right: 0; text-align: left; background-color: #fff; border: 1px solid #dedede; display: none; }
#footWrap .info3 .drop_site ul { padding: 25px 20px; }
#footWrap .info3 .drop_site li { padding: 15px 0; }
#footWrap .info3 .drop_site li a { font-size: 18px; color: #b7b7b7; }
#footWrap .info3 .drop_site li:hover a { color: #343434; border-bottom: 1px solid #343434; }
#footWrap .info3 .drop_site_btn { width: 180px; font-size: 19px; font-weight: 400; border: 1px solid #dedede; text-align: left; padding: 15px 20px; color: #fff; cursor: pointer; }
#footWrap .info3 .drop_site_btn i { float: right; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #fff; line-height: 30px; }
#footWrap .info3 .drop_site_btn i.rotate { -webkit-transform: rotate(45deg); transform: rotate(45deg); }




/* BASIC css end */