@charset "utf-8";
/* CSS Document */

header{
	display: none;
}
.kong{
	height: 60px;
	width: 100%;
}
.kong_m{
    height: 50px;
    width: 100%;
    display: none;
}
.sj_footer,
.m_copy{
	display: none;
}
@media (max-width:1125px){
	.top,
	.head{
		display: none;
	}
	/*导航动画*/
	header{
		display: block;
	}
	.kong{
		display: none;
	}
    .kong_m{
        display: block;
    }
	.header_warp{
		position: fixed;
		width: 100%;
		z-index: 999;
		top: 0;
		left: 0;
		background-color: #e8e8e8;
		height: 50px;
		-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
		box-shadow: 1px 1px 3px rgba(0,0,0,.3);
	}
	.header_warp .logo{
		display: inline-block;
		height: 45px;
		width: 180px;
		background: url(../images/logo.png) no-repeat;
		background-size: 100% auto;
		overflow: hidden;
		text-indent: -40em;
		position: relative;
		z-index: 100;
		margin: 0 10px;
    	margin-top: 5px;
	}
	.header_warp .navBox,.navBox2{
		position: absolute; 
		right: 0px; 
		top: 0px;
		z-index: 996; 
		cursor: pointer;
	}
	.header_warp .nav_more{
		background: 0 0;
		border: none; 
		padding: 10px 20px;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		cursor: pointer;
		z-index: 99999;
	}
	.header_warp .nav_more:focus{outline: 0;}

	.header_warp .nav_more .icon-bar{
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		background-color: #fff;
	}
	.navbar-nav>li>a{line-height: 2em;}
	.header_warp .nav_more .icon-bar{
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 999999;
	}
	.header_warp .nav_more .icon-bar{
		display: block;
		margin: 5px 0;
		width: 23px;
		height: 2px;
		background-color: #333333;
	}
	.menu_ico{
		width: 24px;
		height: 22px;
		background: url(../images/menu_ico_01.png) no-repeat;
		position: absolute;
		left: 2px;
		top: 19px;
		background-size: 100%;
	}
	.menu_ico1{background-position: 0 0px;}
	.menu_ico2{background-position: 0px -53px;}
	.menu_ico3{background-position: 0 -107px;}
	.menu_ico4{background-position: 0 -160px;}
	.menu_ico5{background-position: 0 -214px;}
	.menu_ico6{background-position: 0 -269px;}
	.menu_ico7{background-position: 0 -322px;}

	.navList ul li:hover .menu_ico{
		width: 24px;
		height: 22px;
		background: url(../images/menu_ico_02.png) no-repeat;
		position: absolute;
		left: 2px;
		top: 19px;
		background-size: 100%;
	}
	.navList ul li:hover .menu_ico1{background-position: 0 0px;}
	.navList ul li:hover .menu_ico2{background-position: 0px -53px;}
	.navList ul li:hover .menu_ico3{background-position: 0 -107px;}
	.navList ul li:hover .menu_ico4{background-position: 0 -160px;}
	.navList ul li:hover .menu_ico5{background-position: 0 -214px;}
	.navList ul li:hover .menu_ico6{background-position: 0 -269px;}
	.navList ul li:hover .menu_ico7{background-position: 0 -322px;}
	.header_warp .caret{
		position: absolute;
		right: 10px;
		top: 20px;
		border: 0;
		background: url(../images/menu_ico_02.png) no-repeat 0 -58px;
		width: 10px;
		height: 10px;
	}
	.header_warp .dropdown .caret{background-position: 0 0;}
	.header_warp a:after{
		position: absolute;
		right: 10px;
		top: 20px;
		border: 0;
		background: url(../images/menu_ico_02.png) no-repeat 0 0;
		width: 10px;
		height: 10px;
		top: 12px;
	}
	.header_warp  a:after{background-position: 0 -113px;}
	.header_warp .caret{background-position: 0 -113px;}

	.navList{
		z-index: 900;
		width: 100%;
		background: #fff;
		display: none;
		position: fixed;
		height: 100%;
		top: 50px;
		left: 0;
		overflow: scroll;
	}
	.navList_ul>li>a{
		padding: 20px 35px;
		position: relative;
		color: #3d3d3d;
		display: block;
	}
	.navList_ul .open>a, 
	.navList_ul .open>a:focus, .navList_ul .open>a:hover{
		background: #ffffff;
		border-color: #c4c4c4;
	}
	.navList ul{
		padding: 0;
		list-style: none;
		padding: 0 10px;
		background-color: rgba(0,0,0,0.5);
	}
	.navList ul li{
		overflow: hidden;
		position: relative;
	}
	
	.navList ul li:hover a{
		color: #08449c;
	}
	
	.navList ul li > a {
		border-bottom: 1px solid #ffffff;
		font-size: 16px;
		line-height: 120%;
		position: relative;
		z-index: 2;
		color: #fcfcfc;
	}
	.navList ul li.no_border > a{
		border-bottom: none;
	}
	
	.header_warp .navdrop_menu{
		margin: 0;
		padding: 0;
		border: 0;
		display: none;
		background-color: rgba(0,0,0,.3);
	}
	.header_warp .navdrop_menu>li>a{ 
		padding: 15px 35px;
		font-size: 16px;
		position: relative;
	}
	.navList ul li:hover .navdrop_menu>li>a{
		color: #fcfcfc;
	}
	.navList ul li .navdrop_menu>li:hover{
		background-color: rgba(255,255,255,.5);
	}
	.navList ul li .navdrop_menu>li:hover a{
		color: #08449c;
	}
	.navList ul li .navdrop_menu>li:hover .navdrop_menu>li>a{
		color: #fcfcfc;
	}
	.navList ul li .navdrop_menu>li .navdrop_menu>li:hover a{
		color: #08449c;
	}
	.header_warp .navdrop_menu li li{text-indent: 1em;}
	.navdrop_menu>li>a{
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: 400;
		color: #333;
		white-space: nowrap;
	}
	.header_warp_cut .navdrop_icon{
		width: 30px; 
		height: 30px;
		position: absolute;
		right: 5px;
		top: 15px;
	}
	.header_warp_cut li .navdrop_icon .icon-bar{
		-webkit-transition:all .5s ease;
		z-index: 10;
	}
	
	.header_warp_cut li .navdrop_icon .icon-bar{
		display: block;
		margin: 5px 0;
		width: 10px; 
		height: 2px;
		background: #3d3d3d;
	}
	.header_warp_cut li .navdrop_icon .icon-bar{
		background: #ffffff;
		position: absolute;
		right: 0;
		top: 10px;
	}
	.header_warp_cut li .navdrop_icon .middle{
		width: 0;
		vertical-align: hidden;
	}
	.header_warp_cut li .navdrop_icon .top{
		-webkit-transform: translateY(-4px) rotateZ(45deg);
	}
	.header_warp_cut li .navdrop_icon .bottom{
		-webkit-transform: translateY(2px) rotateZ(-45deg);
	}


	.header_warp_cut .navdrop .navdrop_icon .icon-bar{-webkit-transition: all .5s ease;}
	.header_warp_cut .navdrop .navdrop_icon .icon-bar{
		display: block;
		margin: 5px 0;
		width: 12px;
		height: 2px;
		background: #3d3d3d;
	}
	.header_warp_cut .navdrop .navdrop_icon .icon-bar{
		background: #ffffff; 
		position: absolute;
		right: 0;
		top: 10px;
	}
	.header_warp_cut .navdrop .navdrop_icon .middle{
		width: 0;
		vertical-align: hidden;
	}
	.header_warp_cut .navdrop .navdrop_icon .top{-webkit-transform: translateY(-5px) rotateZ(90deg);}
	.header_warp_cut .navdrop .navdrop_icon .bottom{-webkit-transform: translateY(-5px) rotateZ(-0deg);}

	.header_warp_cut .navdrop .navdrop_icon_cut .icon-bar{-webkit-transition: all .5s ease;}
	.header_warp_cut .navdrop .navdrop_icon_cut .icon-bar{
		display: block;
		margin: 5px 0;
		width: 12px;
		height: 2px;
		background: #3d3d3d;
	}
	.header_warp_cut .navdrop .navdrop_icon_cut .icon-bar{
		background: #ffffff;
		position: absolute;
		right: 0;
		top: 10px;
	}
	.header_warp_cut .navdrop .navdrop_icon_cut .middle{
		width: 0;
		ertical-align: hidden;
	}
	.header_warp_cut .navdrop .navdrop_icon_cut .top{width: 0;}
	.header_warp_cut .navdrop .navdrop_icon_cut .bottom{-webkit-transform: translateY(-5px) rotateZ(-0deg);}


	.header_warp_cut .navdrop_menu .navdrop_icon{
		width: 20px;
		height: 20px;
		top: 12px;
		right: 25px
	}

	.header_warp_cut{
		height: 100%;
		overflow: scroll;
		position: fixed;
	}
	.theme-bright .logo{
		background: url(../images/logo.png) no-repeat;
		background-size: 100% auto;
	}
	.theme-dark .logo{
		background: url(../images/logo.png) no-repeat;
		background-size: 100% auto;
	}
	.theme-dark .nav_more .icon-bar{background: #636363;}

	.header_warp_cut .logo{
		background:url(../images/logo.png) no-repeat;
		background-size:100% auto;
		position: relative;
		z-index: 1000;
	}
	.header_warp_cut .navBox{z-index: 1000;}

	.header_warp_cut .nav_more .icon-bar{background: #f3c407;}
	.header_warp_cut .nav_more .middle{
		width: 0;
		vertical-align: hidden;
	}
	.header_warp_cut .nav_more .top{-webkit-transform: translateY(6px) rotateZ(45deg);}
	.header_warp_cut .nav_more .bottom{-webkit-transform: translateY(-8px) rotateZ(-45deg);}
/*-----nav end-----*/
	.footerbox{
		display: none;
	}
	.sj_footer{
		display: block;
		background-color: #505763;
		padding-top: 16px;
		margin-top: 30px; 
	}
	.sj_footer h1{
		font-size: 20px;
		font-weight: bold;
		line-height: 30px;
		color: #fcfcfc;
		margin-bottom: 16px;
		text-shadow: 1px 2px 5px rgba(0,0,0,.5);
		letter-spacing: 2px;
	}
	.sj_footer .row>div{
		text-align: center;
		margin-bottom: 20px;
		padding: 0 10px;
	}
	.sj_footer .row>div>a{
		color: #fcfcfc;
		font-size: 16px;
	}
	.contact_adress{
		text-align: left;
		color: #cccccc;
		font-size: 14px;
	}
	.contact_adress li{
		margin-bottom: 6px;
		line-height: 20px;
	}
	.ewm_pic{
		width: 110px;
		color: #cccccc;
		font-size: 12px;
		line-height: 20px;
	}
	.m_copy{
		display: block;
		background-color: #32363e;
		color: #666;
		line-height: 20px;
		padding: 10px 0;
		font-size: 14px;
	}
	.cont_describe>p{
		display: none;
	}
	.cont_describe>p:nth-of-type(1),
	.cont_describe>p:nth-of-type(2){
		display: block;
	}
	.btn_box{
		display: none;
	}
	
}
