@charset "utf-8";
.phonemenu .nav{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}

.nav__trigger {display: block;position:fixed;width: 35px;height: 25px;right:5.5%;top:48px;z-index: 99997;}
.nav--active .nav__trigger {opacity:1;}
.nav__icon {display: inline-block;position: relative;width: 35px;height: 3px;background-color:#000000;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;top:-3px}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 35px;height: 3px;position: absolute;background:#000000;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;
transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {margin-top:-10px;}
.nav__icon:after {margin-top:10px;}

.phonemenu .nav { position:fixed; z-index:99996;top:-550px;width: 100%;background:#fff;opacity:0;left:0}
.phonemenu .nav--active .nav {top:0;opacity:1;}
.phonemenu .nav ul {margin:210px 0 125px 0}
.phonemenu .nav li {margin:0 85px 0 0;display:inline-block; vertical-align:top;}
.phonemenu .nav li a {color:#000; font-size:40px; letter-spacing:1px;font-weight:300}
.phonemenu .nav li a:hover,.phonemenu .nav li.check a {color:#e39251; background:none;}
.phonemenu .nav .cons {padding:0 0 65px 0}
.phonemenu .nav .cons .left {float:left;}
.phonemenu .nav .cons .right {float:right; text-align:right;margin:10px 0 0 0}
.phonemenu .nav .cons .right a{ display:inline-block; vertical-align:top;width:35px; height:35px; position:relative;margin:0 0 0 20px;top:0}
.phonemenu .nav .cons .right a:hover {top:-5px}
.phonemenu .nav .cons .right a p { position:absolute;width:100px;bottom:40px;left:-32px; display:none;}
.phonemenu .nav .cons .right a:hover p { display:block}
.phonemenu .nav .cons .right a.wx {background:url(../images/wx.png) no-repeat center;}
.phonemenu .nav .cons .right a.qq {background:url(../images/qq.png) no-repeat center;}
.phonemenu .nav .cons .right a.wb { background:url(../images/wb.png) no-repeat center;}

.phonemenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.phonemenu .nav--active .nav__icon:before { margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #000;}
.phonemenu .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #000;}