/*reset*/
html, body, div, ul,li, input, img, p, span{margin:0;padding:0;}
a{text-decoration: none;}
em,i{font-style: normal}
ul,li{list-style: none;}
html,body{margin:0 auto;width:100%;max-width:1920px;min-width:1200px;position: relative;}
body{font-size: 16px;font-family:"Microsoft YaHei",微软雅黑;}
/*顶部*/
.header{position:fixed;left:0;top:0;width:100%;min-width:1000px;z-index:101;}
.header .header-cont {width: 100%;margin: 0 auto}
.header .header-cont .logo {display: inline-block;margin-top: 37px;margin-left: 46px;position: absolute;}
.header .header-cont .logo img{width: 220px;vertical-align: top;}
.header .header-cont .nav{display: inline-block;float: right;margin-right: 60px}
.header .header-cont ul li{display: inline-block;font-size:18px;text-align: center;margin: 0 15px;color:#dcdcdc;position: relative;vertical-align: middle;padding: 37px 0;}
.header .header-cont ul li{position: relative;cursor: pointer}
.header .header-cont ul li .share{cursor: pointer;vertical-align: middle;}
.header .header-cont ul li .codeBox{position: absolute;left: -33px;top: 83px;display: none;width: 90px}
.header .header-cont ul li .codeBox.taptapCode{left: -6px;}
.header .header-cont ul li .codeBox a:hover div{opacity: 1}
.header .header-cont ul li .codeBox a{margin: 0 5px;position: relative;color: #ffffff;line-height: 85px;vertical-align: top;}
.header .header-cont ul li .codeBox a p{line-height: 18px;font-size:14px;margin-top: -30px;color: #ffffff;}
.header .header-cont ul li .codeBox a:hover{color:#ffffff;font-weight: normal}
.header .header-cont ul li .codeBox a img{width: 90px}
.header .header-cont ul li .codeBox a div{position: absolute;top: 0;left:0;width: 100%;height: 69%;opacity: 0;background: rgba(101, 101, 101, 0.6);}
.header .header-cont ul li a{color:#dcdcdc;display: inline-block;}
.header .header-cont ul li a p{font-size: 12px;line-height: 12px;color: rgba(220,220,220,0.23)}
.header .header-cont ul li a:hover{color:#ff1b1b;}
.header .header-cont ul li.active a{color:#ff1b1b;}

.header .header-cont ul li .shareBox{position: absolute;left: -55px;top: 80px;display: none;font-size: 14px;width: 138px;height: 122px;background: rgba(22,22,22,0.67);border: 1px solid #383838;}
.header .header-cont ul li .shareBox img{width: 25px;vertical-align: middle;margin-right: 10px;}
.header .header-cont ul li .shareBox a{padding: 19px 0;}
.header .header-cont ul li .shareBox hr{width: 95px;margin: 0 auto;border-color: #383838;}
.header .header-cont ul li .shareBox a:hover{color:#ffffff;font-weight: normal}

/* 底部信息 */
.footer-box{z-index:198;width: 100%;max-width:1920px;min-width: 1200px;position: fixed;bottom: 0;font-size: 0}
.footer-box .footer-in{position: absolute;bottom:0;width: 100%;font-size:14px;text-align: right;height: 45px;line-height: 38px;border-top:1px solid rgba(220,215,198,0.3);color:rgba(220,215,198,0.8)}
.footer-in-box{float: right;cursor: pointer;padding-right: 10px}
.footer-in img{width: 19px;height: 19px;vertical-align: sub}
.footer-in p{display: inline-block;margin-left: 13px;}
.footer-box .footer-in.on{border:none;}
.footer-box .footer-in.on img{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.footer-box .footer-on{margin: 0 auto;height:0;border-top:1px solid rgba(220,215,198,0.3);background:rgba(67, 99, 143, 0.95);-webkit-transition-property: height;transition-property: height;-webkit-transition-duration:.2s;transition-duration:.2s;}
.footer-box .footer-on-box{width: 1000px;margin: 0 auto;}
.footer-on .hide-footer{width: 50%;display: inline-block;text-align: right;line-height: 280px;height: 100%;vertical-align: top;}
.footer-on .hide-footer img{height: 47px;margin: 0 21px;}
.footCopy{display: inline-block;width: 46%;text-align: left;color:#adc1dc;font-size: 12px;margin: 60px 0 0 40px;}
.footCopy p,.footCopy p a{line-height: 20px;color:#adc1dc}
.footer-box .footer-on.on{height: 220px;}