@charset "utf-8";
/* CSS Document */

/* 头部logo 样式*/

.header_ln{ width:100%;}
.header_top{ width:100%; height:8rem; display:table;}
.header_logo_img{ width:7%; height:100%; display:table-cell; vertical-align:middle; }
.header_logo_img img{ display:block; width:auto; height:5rem;}
.header_yuyan{float: right;font-size:.875rem; color:#666;}
.header_yuyan img{ height:1.25rem;vertical-align:middle; margin-top:2.5rem;  margin-right:.5rem;}
.header_yuyan a{ font-size:1.25rem; color:#c00;}
.header_tel{ display:table-cell; vertical-align:middle; width: 55%; }
.header_ytel{ display:flex; float:right;}
.header_ytel div{ color:#666; font-size:.875rem;}
.header_ytel div a{ display:block; font-size:1.5rem; color:#333;}
.header_ytel>p>img{ display:block; height:1.65rem; margin-right:.75rem;}



/* 头部logo 样式 end*/

/*导航样式可变样式*/
.btn1{display: none; transition: all 0.4s;}
.btn2{display: none;}
.nav1{ width:100%; font-size:1rem; text-align: center; float:left; background:#eee; }
.nav_list{width: 100%; max-width:1200px; margin:0 auto; height:4.25rem; line-height:4.25rem; font-size:.875rem;}
.nav_list>li{ width:12.5%; margin:0; float: left;overflow: hidden;position: relative;z-index: 999;text-align: center;}
.nav_list>li>a{ display:block; width:100%; height:4.25rem; line-height: 4.25REM; color: #444;  position: relative;font-size:.95rem;}

.nav_list>li:first-child>a>img{ height:1rem; vertical-align:middle; margin-right:.5rem; margin-top:-2px;}
.nav2 { width:auto; min-width:100%; padding:0 10%; height:auto; font-size:.875rem; text-align:center; background: #fff; box-shadow:0 0 2px #ccc; position: absolute; z-index:999999; opacity: 0;}
.nav2>li{ width:100%;  height:auto; line-height:2.5rem; border-bottom:1px solid #eee;}
.nav2>li:last-child{ border-bottom:0;}
.nav2>li>a{ width:100%; height:2.5rem; line-height: 2.5rem; display: block; color: #333; text-overflow:ellipsis; white-space:nowrap;}
.nav2 a{ color:#fff;}
/*导航样式可变样式  end*/



/*导航选中*/
.nav_list>li.xz1>a{color:#FFF; background:#f25b19; }

/*导航划过*/
.nav_list>li:hover{overflow:visible; }
.nav_list>li:hover>a{color:#FFF; background:#f25b19;}
.nav_list>li:hover .nav2{opacity: 1;z-index: 9999;}
.nav2>li:hover a{color:#ff6301;}


.danyenav{ display:none;}

@media only screen and (max-width: 767px) {
    html,body{ font-size:90%;}
    /*头部*/
	.danyenav{ display:block; background:#fff;}
    .header_ln{ height:auto; position:relative;}
    .header_logo{ width:70%; height:4.5rem; margin:0;margin-left: 2%; padding: 1rem 0;}
    .header_logo_l{width: 1000%; height:2rem;  padding:1.25rem 0; margin:0; position:inherit;}
    .header_logo_l img{ display:block; width:auto;height:2rem;}
    .header_logo_r{ display:none;}
    .header_logo_size,.header_ewm,.header_tel{ display:none;}
    .header_logo_img{ padding-left:5%; width:50%;}



	.header_yuyan{position: absolute; top: .5rem; right: 2%; height:2.25rem; line-height: 2.25rem;}
	/*头部 end*/
	
	/*导航*/
	
    .nav1{width: 100%; display: none; background:#ddd;clear: both;position: absolute;top:100%;  left:0; z-index: 111;}
	.nav_list{ height:auto; line-height:3rem;}
    .nav_list li{ width:100%; position:relative; text-align:left; background:#ddd;}
    .nav_list a{text-indent: 1em;display: block;}
    .nav_list>li>a{height: 3rem;line-height: 3rem;font-size: 1rem;border-bottom: 1px solid rgba(255,255,255,0.7); color:#555;}
	.nav_list>li>a>span{ text-align:left; border-right:0;}
    .btn1,.btn2{right: 0;top: 0;display: flex;align-items :center;justify-content: center;cursor:pointer;}
    .btn1{width: 4rem; font-size: 2rem;height: 4rem; position:absolute; color:#333; margin-top:2rem;}
    .btn2{ width:3rem; height: 3rem;font-size: 1rem; position:absolute; top:0; right:0; z-index:9; overflow:hidden;}
    .btn2 i{font-size: 1.3em;color:#555;}
    .nav2 { display: none;transition:none; position:static; box-shadow:none; padding: 0 3%;}
    .nav2>li>a{width: 92%;margin:0 auto; color: #555;font-size: 0.875rem;line-height: 2.5rem; text-indent: 0; text-align:left;}
    /*导航可变样式*/
	
    .nav_list li.nav_sele>a,.nav_list>li:hover>a,.nav2{ background:#ddd; color:#555; border-bottom:1px solid #fff;}
    .nav2>li{ width:90%; margin:0 auto;border-bottom: 1px solid rgba(255,255,255,.4);}
	
	.nav_list li.nav_sele>a>span{ border:0;}
	.nav_list>li:hover>a>span{ color:#555; border-bottom:0;}
	
	.header_yuyan img{ margin-top:.5rem;}
	
	
	
	
	
	.danyenav .header_logo_img{ width:70%;}
	.danyenav .nav1{ top:9rem;}
	.danyenav .btn1{ padding-top:3.75rem;}
	
	
	.header_welcome{ display:none;}
	
	
	.nav_list>li:nth-child(4)>.nav2{ width:100%; display:none; margin-left:0;}
	.nav_list>li:nth-child(4)>.nav2>li>.nav3{ display:none;}
	
	
	
	
	.header_logo_img{ padding-left: 2%;}
	.header_ytel{ margin-right: 5rem; margin-top: 2.75rem;}
	
	.header_ytel p{ display: none;} 
	.header_ytel div a{ font-size: 1.5rem;}
	
	
	
	
	
	
	
	
	
	
	
	
	}