@charset "utf-8";
/* CSS Document */

/* 头部logo 样式*/
.header_ln{ width:100%;  height:auto; background:#fff; position:relative; z-index:9; }

.header_top{ width:100%; background:#f5f5f5; color:#666; line-height:3rem; font-size:.95rem;}
.header_tops{ position:relative;}
.header_welcome{ width:50%; color:#999;}
.header_welcome a{ margin-right:1rem; color:#666;}
.header_welcome a img{ vertical-align:middle; margin-top:-2px; margin-right:.3rem;}
.header_language{ width:50%; text-align:right; color:#999; position:absolute; right:0; top:0;}
.header_language a{ line-height:3rem; margin-left:.5rem; color:#c00; }
.header_language img{ vertical-align:middle; margin-top:-2px; margin-right:.5rem;}
.header_language a:hover{ color:#c0100d;}
.header_lns{ height:6.25rem;}
.header_logo{ width:22.5%; height:6.25rem; 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:6.25rem; max-height:100%;}
/* 头部logo 样式 end*/

/*导航样式可变样式*/
.btn1{display: none; transition: all 0.4s;}
.btn2{display: none;}
.nav1{ width:72%; font-size:1rem; text-align: center; float:left; margin-left:3%; }
.nav_list{width: 100%; max-width:1200px; margin:0 auto; height:6.25rem; line-height:6.25rem; text-transform:Uppercase;}
.nav_list>li{ width:15%; margin:0; float: left; font-size:1rem;overflow: hidden;z-index: 999;text-align: center;}
.nav_list>li.head_search{ width:10%; height:6.25rem;}
.nav_list>li>a{ display:block;  width:100%; transition: all 0.4s; color:#333;}
.nav_list>li>a>span{ padding-bottom:.5rem; border-bottom:2px solid #fff;}
.nav2 { width:100%;  height:auto; padding:0 10%; font-size:.875rem; background: rgba(255,255,255,.85); box-shadow:0 0 2px #ccc; position: absolute; left:0; z-index:999999; display:none;transition: all 0.4s;}
.nav2 ul li{line-height:2.5rem;}
.nav2 ul li:last-child{ border-bottom:0;}
.nav2 ul 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 ul.nav2_lists { width:100%; max-width:1200px; margin:0 auto; padding:2rem 0; padding-left:23%; position:relative; min-height:20rem;}
.nav2 ul.nav2_lists li{ float:left; width:25%;}
.nav2 ul.nav2_lists li.nav2s_left{ position:absolute; left:0; height:auto; border-bottom:0; width:23%; padding-right:3%; 
border-right:1px solid #eee; line-height:1.5rem; text-align:left;}
.nav2 ul.nav2_lists li.nav2s_left>h2{ font-size:1.25rem; }
.nav2 ul.nav2_lists li.nav2s_left>div{ font-size:.875rem; text-indent:2rem; margin:1rem 0; word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;/*数字为显示几行*/
    overflow: hidden;}
.nav2 ul.nav2_lists li.nav2s_left>a{ display:block; width:8rem; text-align:center; border-radius:.35rem; border:1px solid #90b806; color:#90b806;}
.nav2 ul.nav2_lists li.nav2s_left>a:hover{ background:#90b806; color:#fff;}

.nav_list>li.head_search>a{ height:6.25rem; line-height:6.25rem; padding:2.625rem;}
.nav_list>li.head_search>a>img{ height:1rem; width:1rem; display:block; margin:0 auto;}


.head_search .nav2 ul.nav2_lists{ padding:5rem ;}
.head_search .nav2 ul.nav2_lists li{ width:100%;}
.top_form{ width:80%; margin:0 auto; border:2px solid #90b806; position:relative;}
.top_form input:first-child{ display:block; border:none; width:100%; height:3rem; padding:0 6rem 0 1rem; font-size:1rem;}
.top_form input:last-child{ position:absolute; top:0; right:0; height:3rem; width:6rem; background:#90b806; color:#fff; font-size:1.125rem; border:none;}



/*导航样式可变样式  end*/

/*导航选中*/
.nav_list>li.nav_sele>a{ color:#90b806; font-weight:bold;}
.nav_list>li.nav_sele>a>span{ border-bottom:2px solid #90b806;}
/*导航划过*/
.nav_list>li:hover{overflow:visible; }
.nav_list>li:hover>a{ color:#90b806;}
.nav_list>li:hover>a>span{ border-bottom:2px solid #90b806;}
.nav_list>li:hover .nav2{ display:block;;z-index: 9999;}
.nav2 ul li:hover a{color:#90b806;}


@media only screen and (max-width: 767px) {
    html,body{ font-size:90%;}
    /*头部*/
    .header_ln{ height:6rem;  position:relative;background: rgba(0,0,0,0); box-shadow:none;}
	.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:5rem; margin:.5rem 0; margin-left:1rem;}
	/*头部 end*/
	
	/*导航*/
    .nav1{width: 100%; display: none; background:#90b806;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;}
    .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:#90b806; 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;}
	
	
	.nav_list>li>a>span{ border-bottom:0;}
	.head_search{ display:none;}
	
	.nav_list>li .nav2{ padding:0 5%;}
	.nav2 ul.nav2_lists li.nav2s_left{ display:none;}
	.nav2 ul.nav2_lists{ padding-left:0; padding:.5rem 0; height:auto; min-height:inherit;}
	.nav2 ul.nav2_lists li{ display:block; width:100%; float:inherit;}
	.nav2 ul li a{ color:#fff; line-height:3rem; height:3rem; border-bottom:1px solid #eee; }
	
	
	}
	
@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;}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	}

	