@charset "utf-8";
/* CSS Document */
.phone_nav{ display:none;}
.hide{ overflow:hidden; width:100%; height:100%; position:fixed;}
.nav_but_box {display: none;}
.phone_nav .nav_main {width:0; height:0; overflow:hidden; z-index:999;}
.in_bg{ top:48px;}

@media screen and (max-width:1002px){/*iPad竖*/
.in_top{ display:none}
.xd_nav{ display:none;}
.height{ height:auto;}
.phone_nav .logo{ float:left; width:114px; height:48px; line-height:60px; margin-left:20px;}
.phone_nav .login{ float:right; margin-right:50px;}
.phone_nav .login a{ float:left; height:48px; line-height:48px; margin-left:10px;}
.phone_nav .login .a1{ max-width:100px; overflow:hidden; text-overflow: ellipsis; margin:0;}

.phone_nav .logo img{ width:100%;}
.hide .phone_nav{ height:100%;}
/*.phone_nav .nav_main .nav_li:nth-of-type(5){ display:none;}
.phone_nav .nav_main .nav_li:nth-of-type(6){ display:none;}
.phone_nav .nav_main .nav_li:nth-of-type(7){ display:none;}


.phone_nav .nav_main .nav_li:nth-of-type(2) ul:nth-of-type(7){ display:none;}
.phone_nav .nav_main .nav_li:nth-of-type(4) ul:nth-of-type(1) li ul li:nth-of-type(5){ display:none;}
.phone_nav .nav_main .nav_li:nth-of-type(4) ul:nth-of-type(2) li ul li:nth-of-type(4){ display:none;}*/



/*导航按钮*/
.phone_nav{display:block; height:48px; top:0; position: relative;}
.phone_nav .nav_but_box{ display:block; position:absolute; width:26px; height:26px; right:15px; top:13px; transition:all 0.7s; -webkit-transition:all 0.7s; z-index:999; }
.phone_nav .nav_but { display:inline-block; position:relative;width:25px; height:2px; z-index:2;
background:#e40073;
-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;}
.phone_nav .nav_but:before,.nav_but:after {content:''; display:block; width:25px; height:2px; position:absolute; background:#e40073;
-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;}
.phone_nav .nav_but:before{margin-top:-7px;} 
.phone_nav .nav_but:after {margin-top:7px;}

/*导航打开内容*/
.phone_nav .nav_main{width:0; height:100%; position: fixed; top:48px; left:0;opacity:0; transition:all 0.2s ease 0.2s; -webkit-transition:all 0.2s ease 0.2s;background:rgba(0,0,0,0.85); z-index:999;}
.phone_nav .nav_main .nav_ul{margin-bottom:110px;}
.phone_nav .nav_main .nav_li{ transform:translateX(100px); -webkit-transform:translateX(100px); max-height:46px; transition:all 0.8s ease; -webkit-transition:all 0.8s ease;position:relative;  white-space:nowrap; margin:0 20px; overflow:hidden;}
.phone_nav .nav_main .nav_li.one{max-height:999px; }
.phone_nav .nav_main .nav_li ul{display:none;}
.phone_nav .nav_main .nav_li.one ul{display:block;}
.phone_nav .nav_main .nav_li>a{display:block;white-space: nowrap; font-size:14px;height:46px;line-height:46px;color:#fff;border-top:1px solid rgba(255,255,255,0.5);}
.phone_nav .nav_main .nav_li_first>a{border-top:none;}
.phone_nav .nav_main .nav_li_last{height:41px;}
.phone_nav .nav_main .nav_li_last>a{border-bottom:1px solid rgba(255,255,255,0.5);}
.phone_nav .nav_main .nav_li>a span{ font-size:12px; padding-left:10px;}
.nav_ss{border-top:1px solid rgba(255,255,255,0.5); border-bottom:1px solid #bebebe;}
.nav_ss .but input{ float:right; background:url(../images/ss.png) center no-repeat; height:50px; width:40px; display:inline-block; background-color:inherit;}
.nav_ss .ss_tet{ display:block; margin-right:50px;}
.nav_ss .ss_tet input{ font-size:12px; height:50px; line-height:50px; font-family:"Microsoft YaHei"; width:100%; background:none;}

.phone_yy{ padding-top:10px;}
.phone_yy i{ float:left; display:block; width:50%;}
.phone_yy .a1{ margin-right:5px;}
.phone_yy .a2{ margin-left:5px;}
.phone_yy a{display:block; font-size:12px; height:30px; line-height:30px;}
.phone_yy b{ display:block; border:1px solid #fff; height:28px; text-align:center; color:#fff;}
.phone_yy .one b{ background:#e40073; border:1px solid #e40073;}


/*二级*/
.phone_nav .nav_more li a{color:#fff; font-size:12px; font-weight:bold;}
.phone_nav .nav_more .ul{padding-bottom:10px;}
.phone_nav .nav_more b{width:30%; height:46px; position:absolute; top:0; right:0px; z-index:3; 
background:url(../images/phone_but.png) center right no-repeat;}


/*三级*/
.phone_nav .nav_more li{ position:relative; max-height:30px; line-height:30px; display:block; padding-left:20px; overflow:hidden;
transition:all 0.3s; -webkit-transition:all 0.3s;}
.phone_nav .nav_more li>ul>li>a{ font-weight:normal; background:url(../images/phone_a.png) center left no-repeat; padding-left:15px;}
.phone_nav .nav_more li.one1{max-height:999px;}
.phone_nav .nav_more i{width:30px; height:35px; display:inline-block; position:absolute; top:0px; color:#fff; font-size:18px; right:10px; z-index:3; 
background:url(../images/phone_but.png) right center no-repeat;}


/*打开样式*/
.phone_nav{ transition-delay:1s; -webkit-transition-delay:1s;display:block; z-index:999; }
.phone_nav_one{transition-delay:0s; -webkit-transition-delay:0s; }

.phone_nav_one .nav_main {opacity:1; width:100%; overflow:scroll;}
.phone_nav_one .nav_but{background:rgba(0, 0, 0, 0);}
.phone_nav_one .nav_but:before {margin-top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.phone_nav_one .nav_but:after {margin-top:0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.phone_nav_one .nav_but_box { opacity:0.8;}
.phone_nav_one .nav_main .nav_li{ transform:translateX(0); -webkit-transform:translateX(0);}

}
@media screen and (max-width:1002px){
.phone_nav .logo{ margin-left:10px;}
.phone_nav .nav_but_box{ right:10px;}
	
}