@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: 25px;height: 20px;right:4%;margin-right:0;top:21px;z-index: 99997}
.nav--active .nav__trigger {opacity:1;}
.nav__icon {display: inline-block;position: relative;width: 25px;height: 2px;background-color:#ff6633;-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:-10px;}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 25px;height: 2px;position: absolute;background:#ff6633;-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:-8px;}
.nav__icon:after {margin-top:8px;}

.phonemenu .nav { position:fixed; z-index:99996;right:-100%;top:62px;width: 100%;height: 100%; background:rgba(255,255,255,1);opacity:0;border-top:1px solid #555555;}
.phonemenu .nav--active .nav {right:0;opacity:1;}
.phonemenu .nav ul {margin:50px 0 0 0;}
.phonemenu .nav li {margin:10px 0;text-align:center;line-height:40px;}
.phonemenu .nav li a {color:#000000;font-size:18px; line-height:18px;padding:10px 0 10px 0;font-weight:400; display:block}
.phonemenu .nav li a p,.accordionmenu li .link p {font-size:18px; line-height:18px}
.phonemenu .nav li a span,.accordionmenu li .link span {font-size:14px; line-height:14px;margin:5px 0 0 0; display:block}
.phonemenu .nav li.tel a {font-weight:bold; position:relative; display:inline-block;padding:0 0 0 30px;font-family: "OPPOSans-B";left:-15px}
.phonemenu .nav li.tel a:before {content:''; position:absolute;left:0;top:-1px; background:url(../images/tel3.png) no-repeat center;width:20px; height:20px; background-size:100%}

.accordionmenu {padding:0px 0 0 0; }
.accordionmenu li { position:relative;}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;color:#333;font-size:18px;padding:10px 0 10px 15%;font-weight:400}
.accordionmenu li.check .link,.phonemenu .nav li.check a {color:#ff6633}
.accordionmenu li.open .link { background:#ff6633;color:#fff}
.accordionmenu .submenu {display:none;padding:10px 0 1px 0}
.accordionmenu .submenu p { display:block; vertical-align:top;margin:5px 0;padding:0 0 0 20px}
.accordionmenu .submenu p a,.accordionmenu li.check .submenu p a { display:block;color:#333;font-size:15px; letter-spacing:0; height:auto; line-height:25px;font-weight:400;padding-top:0;padding-bottom:0}
.accordionmenu .submenu4 p {padding:0 0 0 0;margin-left:15%}
.accordionmenu .submenu4 p .s1 { display:block;font-weight:600;margin:-5px 0 -5px 0}
.accordionmenu .submenu4 p .s2 { display:block;padding:0 20px 0 0}
.accordionmenu .submenu4 p .s2 i { display:block;padding:0 0 0 20px; line-height:25px}
.accordionmenu .submenu4 p .s2 a,.accordionmenu li.check .submenu4 p .s2 a {padding:0}
.accordionmenu .submenu4 p .s2 font {color:#B1B5B5;padding:0 0 0 5px}


.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: #ff6633}
.phonemenu .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #ff6633;}