@charset "utf-8";
/* CSS Document */
.phone_nav{display:none;}

@media screen and (max-width:1002px){
	body{ -webkit-tap-highlight-color:rgba(0,0,0,0);}
	.phone_nav{display: block;position:fixed; left:0; top:0;width:100%; z-index:1000000;}
	.header{display: none;}	.body_on{overflow:hidden; }
	
	/*头部*/
	.phone_nav .top{ background: #fff; height: 50px; position:relative; left: 0; top: 0; width: 100%; box-sizing: border-box; padding: 0 10px; z-index:99999; overflow: hidden;}
	.phone_nav .top .a{float: left; width:50%; margin:15px 0 0;}
	.phone_nav .top .a img{ height: 20px;}
	.phone_nav .top .but{ float:right; width: 25px; height: 25px; margin:10px 0; display: block;}	
	.phone_nav .top .but i{width:100%; height: 2px; margin-top: 15px; background: #d1000f; display: block; position: relative; transition: 0.4s;}
	.phone_nav .top .but i:before,
	.phone_nav .top .but i:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:2px; background: #d1000f; transition: 0.4s;}
	.phone_nav .top .but i:before{ margin-top: -7px;}
	.phone_nav .top .but i:after{ margin-top: 7px;}
	
	/*背景*/
	.phone_nav .box{ width:100%; height: 100%; background:rgba(0,0,0,0.9); position: fixed; left: 0; top: 0; z-index: 99998; transform: translateX(100%); transition: 0.7s; }
	.phone_nav .box_con{ margin:50px 10px 0px 10px; overflow-x: hidden;}
	
	/*列表*/
	.phone_nav .box_con ul{ border-bottom: 1px solid rgba(225,225,225,0.5);}
	.phone_nav .box_con li{ border-bottom: 1px solid rgba(225,225,225,0.5); padding: 15px 10px; position: relative;}
	.phone_nav .box_con li a{color:#fff; font-size: 16px;}
	.phone_nav .box_con li:last-child{border-bottom: 0; }
	.phone_nav .box_con ol{display: none; padding-left: 20px; padding-top: 10px; position: relative;}
	/* .phone_nav .box_con ol:before{content: '';width:100%;height:1px;background-color:#d1000f;position:absolute;top:15px;left:0;} */
	.phone_nav .box_con .a_zk{position:absolute; right:10px; top:14px; width: 20px; height: 20px; transition:0.4s;  transform: rotate(-90deg);}
	.phone_nav .box_con .a_zk:before{content: '';width:12px;height:2px;background-color:#fff;position:absolute;top:9px;left:4px;}
	.phone_nav .box_con .a_zk:after{content: '';width: 2px;height:12px;background-color: #fff;position: absolute;top:4px;left:9px;}
	.phone_nav .box_con .a_zk_on{transform: rotate(0deg);}
	.phone_nav .box_con .a_zk_on:after{content: '';width: 0px;height:12px;background-color: #fff;position: absolute;top:4px;left:9px;}
	
	/*打开样式*/
	.phone_on .top .but i:before{ transform: rotate(45deg); margin: 0;}
	.phone_on .top .but i:after{ transform: rotate(-45deg); margin: 0;}
	.phone_on .top .but i{ background:none;}
	.phone_on .box{transform: translateX(0%); }
	
	/*搜索*/
	.iphsearch_btn{ display:block; float:right; width:20px; height:25px; margin:13px 15px 0; padding-right:15px; border-right:1px solid #dbdbdb; cursor:pointer;}
	.iphsearch_btn i{ font-size: 18px; line-height: 25px; font-weight: normal; color: #d1000f;}
	.iph_search{ text-align:center; padding:20px 0; display:none; background:#f9f9f9;}
	.iph_search span{ display:inline-block;}
	.iph_search .search_box{ max-width:300px;}
	.iph_search .sp1,
	.iph_search .sp2{ float:left;position:relative;}
	.iph_search .sp1{ height:34px; width:260px; border:1px solid #d1000f; border-right:none;}
	.iph_search .sp1 input{ width:100%; height:100%; padding:5px 10px;}
	.iph_search .sp2 input{ width:36px; height:36px; background:#d1000f; cursor:pointer; position:relative;}
	.iph_search .sp2  i{ position: absolute;left: 0; top: 0; font-size: 18px; color: #fff; line-height: 36px; width: 36px; height: 36px; text-align: center;}

}