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

/* 头部logo 样式*/
.header_ln{ width:100%;  height:7.5rem; background:#fff; position:relative; z-index:9; }

.header_top{ width:66%; height:3.5rem; padding:.75rem 0; position:absolute; right:0; color:#666; line-height:2rem; font-size:.95rem; z-index:9}
.header_top>div{ float:right; margin-left:2rem;}
.header_top>div img{ vertical-align:middle; margin-top:-2px; margin-right:.5rem;}
.ht_search{ width:11.25rem; position:relative; border:1px solid #ccc; border-radius:.35rem; overflow:hidden;}
.ht_search_size{ display:block; width:100%; line-height:2rem; padding-left:.5rem; padding-right:2rem; border:none;}
.ht_search_tj{ position:absolute; right:0; top:0; display:block ; opacity:0; width:2rem; height:2rem; border:none; background:none ;}
.ht_search_img{ position:absolute; right:0; top:0; width:2rem; height:2rem;}
.ht_search_img img{ display:block; width:100%; height:100%; margin-top:0 !important;}
.header_lns{ height:7.5rem; position:relative;}
.header_logo{ width:30%; height:7.5rem; display:table;position:relative; z-index:9999; float:left; }
.header_logo_img{ width:100%; height:100%; display:table-cell; vertical-align:middle; }
.header_logo_img img{ display:block; width:auto; height:100%;}
/* 头部logo 样式 end*/

/*导航样式可变样式*/
.btn1{display: none; transition: all 0.4s;}
.btn2{display: none;}
.btn3{display: none;}
.nav1{ width:70%; height:4rem; margin-top:3.5rem; font-size:1rem; text-align: center; float:left; position:relative; }
.nav_list{width: 100%; max-width:1200px; margin:0 auto; height:4rem; line-height:4rem; text-transform:Uppercase;}
.nav_list>li{ width:auto; min-width:10%; margin:0 .55rem; float: left; font-size:1rem;overflow: hidden;position: relative;z-index: 999;text-align: center;}
.nav_list>li>a{ display:block;  width:100%; position: relative; transition: all 0.4s; color:#333;}
.nav_list>li>a>p{ position:absolute; left:0; right:0; bottom:0; width:2.5rem; height:2px; margin:0 auto; background:#fff;} 
.nav2 { width:auto; min-width:100%; height:auto; padding:0 10%; font-size:.875rem; text-align:center; background: #fff; box-shadow:0 0 2px #ccc; position: absolute; z-index:999999;transition: all 0.4s;}
.nav2>li{ height:2.5rem; line-height:2.5rem; border-bottom:1px solid #eee; position:relative;}
.nav2>li:last-child{ border-bottom:0;}
.nav2>li>a{ height:2.5rem; line-height: 2.5rem; display: block; color: #333; text-align:left; text-overflow:ellipsis; white-space:nowrap; transition: all 0.4s;}
.nav2>li>.nav3 { position:absolute; top:0; left:100%; width:145%; min-width:100%; background:#fff; padding-left:.5rem; display:none; transition:all .4s;}
.nav2>li>.nav3>li{ text-align:left; padding:0 1rem; }
.nav2>li>.nav3>li>a{ display:block; border-bottom:1px solid #eee;}
/*导航样式可变样式  end*/

/*导航选中*/
.nav_list li.nav_sele>a{ color:#0f46a8; font-weight:bold;}
.nav_list>li.nav_sele>a>p{ background:#0f46a8;}
/*导航划过*/
.nav_list>li:hover{overflow:visible; }
.nav_list>li:hover>a{ color:#0f46a8;}
.nav_list>li:hover>a>p{ background:#0f46a8;}
.nav_list>li:hover .nav2{opacity: 1;z-index: 9999;}
.nav2>li:hover>a{color:#0f46a8;}
.nav2>li:hover .nav3 { display:block;}
.nav3>li:hover>a{color:#0f46a8;}

@media only screen and (max-width: 767px) {
    html,body{ font-size:90%;}
    /*头部*/
    .header_ln{ height:6rem;  position:relative;background: rgba(0,0,0,0);}

	.header_lns{ height:6rem;}
    .header_logo{ width:70%; height:6rem; margin:0;}
    .header_logo img{ display:block; width:auto;height:5rem; margin:.5rem 0; margin-left:1rem;}
	/*头部 end*/
	
	/*导航*/
    .nav1{width: 100%; display: none; background:#e60203;clear: both;position: absolute;top: 100%;  left:0; z-index: 999111; margin:0;}
	.nav_list{ height:auto; line-height:3rem; margin-top:0;}
    .nav_list li{ width:100%; position:relative; text-align:left; margin:0;    background: #e60203;}
    .nav_list a{text-indent: 1em;display: block;}
    .nav_list>li>a{line-height: 3rem;font-size: 1rem;border-bottom: 1px solid rgba(255,255,255,0.7); color:#fff;}
    .btn1,.btn2{right: 0;top: 0;display: flex;align-items :center;justify-content: center;cursor:pointer;}
    .btn1{width: 6rem; font-size: 2rem;height: 6rem; position:absolute; top:0; color:#1a2546;}
    .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:#fff;}
    .nav2 { display: none;transition:none; position:static;}
    .nav2>li>a{width: 92%;margin:0 auto; color: #fff;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:#e60203; color:#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:#fff; border-bottom:0;}	
	
	
	.header_search{ right:inherit; left:0; top:-3rem; width:50%;}
	.header_search form .search_text{ margin:0;}
	.nav_list>li:nth-child(4) .nav2{ width:100%; margin-left:0;}
	.nav_list>li:nth-child(4) .nav2>li{ width:100%;}
	.header_top{ display:none;}
	.nav_list>li>a>p{ display:none;}
	
	
	
	
	
	
	
	
	
	
	}
	
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    html,body{ font-size:90%;}
    /*头部*/
    .header_ln{ height:9rem;  position:relative;background: rgba(0,0,0,0);}
	.header_welcome,.header_tel{ display:none;}
	.header_language{ width:100%;}
	.header_lns{ height:6rem;}
    .header_logo{ width:70%; height:6rem; margin:0;}
    .header_logo img{ display:block; width:auto;height:6rem;}
	/*头部 end*/
	
	/*导航*/
    .nav1{width: 100%; display: none; background:#c0100d;clear: both;position: absolute;top: 9rem;  left:0; z-index: 999111;}
	.nav_list{ height:auto; line-height:3rem; margin-top:0;}
    .nav_list li{ width:100%; position:relative; text-align:left; margin:0;}
    .nav_list a{text-indent: 1em;display: block;}
    .nav_list>li>a{line-height: 3rem;font-size: 1rem;border-bottom: 1px solid rgba(255,255,255,0.7); color:#fff;}
    .btn1,.btn2{right: 0;top: 0;display: flex;align-items :center;justify-content: center;cursor:pointer;}
    .btn1{width: 6rem; font-size: 2rem;height: 6rem; position:absolute; top:3rem; color:#1a2546;}
    .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:#fff;}
    .nav2 { display: none;transition:none; position:static;}
    .nav2>li>a{width: 92%;margin:0 auto; color: #fff;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:#c0100d;}
    .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:#fff; border-bottom:0;}	
	

	}