@charset "utf-8";
/*导航框架1*/
/*nav start*/
#nav {float:left;display:inline-block;height:100%;margin:0px 0 0px 0px;}
#nav .menu{height:100%;}
#nav ul{font-size:13px;list-style:none;margin:0 0 0 -0.8125em;z-index:100;text-align:right;}
#nav ul ul{float:left;position:absolute;left:0;visibility:hidden;opacity:0;top:100px;width:150px;-webkit-transition:all 0.45s ease;-moz-transition:all 0.45s ease;-o-transition:all 0.45s ease;transition:all 0.45s ease;line-height:0px;margin-left:0px;}
#nav li{display:inline-block;text-align:left;position:relative;-webkit-transition:all 0.55s ease;-moz-transition:all 0.55s ease;-o-transition:all 0.55s ease;transition:all 0.55s ease;-webkit-backface-visibility:hidden;}
#nav a{display:block;text-decoration:none;font-size:18px; line-height:45px;padding-left:0px;padding:0 30px 0 30px;/*padding-top:23px;*/transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none;color:#ffffff;cursor:pointer;-webkit-backface-visibility:hidden;}
#nav li:hover{background-color:#f9f9f9;}
#nav .menu li a .fa-angle-down{-webkit-transition:0.5s all ease;-webkit-transform-origin:center center;-moz-transition:0.5s all ease;-moz-transform-origin:center center;-ms-transition:0.5s all ease;-ms-transform-origin:center center;transition:0.5s all ease;transform-origin:center center;-o-transition:0.5s all ease;-o-transform-origin:center center;}
#nav .menu li:hover a .fa-angle-down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
#nav .sub-menu{background-color:#f9f9f9;}
#nav .sub-menu li a i{float:right;-webkit-transition:0.5s all ease;-webkit-transform-origin:center center;-moz-transition:0.5s all ease;-moz-transform-origin:center center;-ms-transition:0.5s all ease;-ms-transform-origin:center center;transition:0.5s all ease;transform-origin:center center;-o-transition:0.5s all ease;-o-transform-origin:center center; -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
#nav .sub-menu li:hover a .fa-angle-down{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}

#nav ul ul a{padding-top:23px;}
#nav .menu li:hover>a,
#nav .menu li:hover>a:active,
#nav .menu li:hover>a:focus{color:#194f96;} 
#nav .sub-menu li:hover>a,
#nav .sub-menu li:hover>a:active,
#nav .sub-menu li:hover>a:focus{color:#0288e1;background-color:#3C90BE;}
#nav .menu > li{height:100%;line-height:50px;}

#nav ul ul li{width:100%;}
#nav ul ul a{border-bottom:1px solid #f0f0f0;color:#1a171b;font-size:14px;font-weight:normal;height:auto;line-height:1.2em;padding:10px 10px 10px 15px;text-transform:none;}
#nav ul ul li:last-child > a{border-bottom:none;}
#nav .menu > li:hover a{background:transparent!important;}
#nav ul ul :hover > a {color:#0288e1;}
#nav ul li:hover > ul {top:45px;opacity:1;visibility:visible;}
#nav ul ul li:hover > ul {top:0px;}
#nav ul ul ul {left:100%;top:30px;padding-top:0px;margin-left:0px;background-color:#f9f9f9;}
#nav ul ul ul ul{display:none;}
/*nav end*/

/*导航框架2*/
#nav2{width:100%;height:auto;padding-top:0px;display:none;}
.nav2_box{width:100%;height:40px;display:none;}
.nav2-right{float:right;width:40px;height:40px;display:block;position:relative;cursor:pointer;}

.pbutton-inner{display:block;top:50%;margin-top:-2px;}
.pbutton-inner, .pbutton-inner::before, .pbutton-inner::after{width:30px;height:4px;background-color:#ffffff;right:10px;border-radius:4px;position:absolute;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-duration:0.15s;transition-timing-function:ease;}
.pbutton-inner::before, .pbutton-inner::after{content:"";display:block;}
.pbutton-inner::before{top:-10px;}
.pbutton-inner::after{bottom:-10px;}
/* Emphatic Reverse*/
.pbutton-emphatic-r{overflow:hidden;}
.pbutton-emphatic-r .pbutton-inner{transition:background-color 0.2s 0.25s ease-in;}
.pbutton-emphatic-r .pbutton-inner::before{left:0;transition:top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);transition:transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;transition:transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);}
.pbutton-emphatic-r .pbutton-inner::after{top:10px;right:0;transition:top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);transition:transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;transition:transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);}
.pbutton-emphatic-r.is-active .pbutton-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent;}
.pbutton-emphatic-r.is-active .pbutton-inner::before{left:-80px;top:80px;-webkit-transform:translate3d(80px, -80px, 0) rotate(-45deg);transform:translate3d(80px, -80px, 0) rotate(-45deg);transition:left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);transition:left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);transition:left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);}
.pbutton-emphatic-r.is-active .pbutton-inner::after{right:-80px;top:80px;-webkit-transform:translate3d(-80px, -80px, 0) rotate(45deg);transform:translate3d(-80px, -80px, 0) rotate(45deg);transition:right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);transition:right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);transition:right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);}


/*手风琴*/
.phone-nav{margin-top:0px;background:rgba(0,0,0,0.9);overflow:hidden;display:none;position:absolute;border-top:0 !important;z-index:110;width:100%;}
.sidebar_active{color:#FFFFFF;background-color:#003781;}
.lev1-ul .lev1:hover,
.lev2-ul .lev2:hover,
.lev1-ul li.open .lev1,
.lev2-ul .hover,
.lev3-ul li a:hover{background-color:rgba(2,136,225,0.7);color:#FFFFFF;}

.lev1-ul .lev1 a{color:#eee;}
.lev1-ul .lev1:hover a, .lev1-ul li.open .lev1 a,.lev2-ul .lev2:hover a{color:#FFFFFF;}
.lev1-ul {margin:0px;width:100%;font-size:16px;}
.lev1-ul .lev1 {height:auto!important;display:block;position:relative;cursor:pointer;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;padding:10px 20px 10px 20px;border-top:1px solid #666;}

.lev1-ul .lev1 i,.lev1-ul .lev2 i{float:right;line-height:20px;color:#FFFFFF;font-size:18px;}
.lev1-ul li i.fa-chevron-down {left:auto;right:12px;font-size:16px;}
.lev1-ul li.open .lev1 i{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);-o-transform:rotate(180deg)}
.lev1-ul li.open i.fa-chevron-down {-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);-o-transform:rotate(180deg);}



.lev2-ul{font-size:14px;display:none;padding:0px;}
.lev2-ul li{cursor:pointer;}
.lev2-ul li a {padding-left:5px;-webkit-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;color:#999;}
.lev2{padding:7px 20px 7px 20px;border-bottom:1px solid #333;border-right:none;border-left:none; overflow:hidden;}
.lev2 i{float:right;line-height:20px;-webkit-transition:0.5s all ease;-webkit-transform-origin:center center;-moz-transition:0.5s all ease;-moz-transform-origin:center center;-ms-transition:0.5s all ease;-ms-transform-origin:center center;transition:0.5s all ease;transform-origin:center center;-o-transition:0.5s all ease;-o-transform-origin:center center;}
.lev2:hover i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.lev3-ul{width:100%;border-bottom:1px solid #333; padding:5px 0 5px 0;margin-bottom:5px;display:none}
.lev3-ul li{cursor:pointer;}
.lev3-ul li a{display:block;color:#999;font-size:13px;padding-left:35px;height:24px;line-height:24px;}