.header_ln{ width:100%;}



/*导航&logo样式可变样式*/

.header_lns{}

.header_logo{ width:36%; 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:7.5rem; max-height:100%;}

.btn1{display: none; transition: all 0.4s;}

.btn2{display: none;}

.nav1{ width:60%;/*width:64%;*/ font-size:1rem; text-align: center; float:right; position:relative; z-index:99999999; }

.nav_list{width: 100%; height:7.5rem; padding:3.5rem 0 2rem; /*line-height:7.5rem;*/ text-transform:Uppercase;}

.nav_list>li{ width:11.28%; margin:0; left: 10%;/*margin-left:0.2rem;*/ float: left; font-size:.875rem;overflow: hidden;position: relative;z-index: 999; padding-bottom:.5rem;}

.nav_list>li>a{ display:block; width:100%; line-height:2rem; position: relative; transition: all 0.4s; color:#333; font-size:1rem;}
27
.nav_list>li>a{ display:block; width:100%; line-height:2rem; position: relative; transition: all 0.4s; color:#333; font-size:1rem;}

.nav_list>li>a>span{ display:block; width:100%; line-height:2rem; border-radius:.2rem; transition: all 0.2s;}

.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; opacity: 0;transition: all 0.4s; top:100%;}

.nav2>li{ height:2.5rem; line-height:2.5rem; border-bottom:1px solid #eee;}

.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;}

.nav_list>li:nth-child(3) .nav2{    width: 240%; margin-left: -70%; }

.nav2>li>a{ text-align:center;}

/*导航导航&logo样式可变样式  end*/



/*导航选中*/

.nav_list li.nav_sele>a>span{ color:#fff; background:#18539f; font-weight:bold;}



/*导航划过*/

.nav_list>li:hover{overflow:visible; }

.nav_list>li:hover>a>span{ color:#fff; background:#18539f;}

.nav_list>li:hover .nav2{opacity: 1;z-index: 9999;}

.nav2>li:hover a{color:#0561fa;}



@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_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;}
    .qyjj { display: none;}

	/*头部 end*/



	/*导航*/

    .nav1{width: 100%; display: none; background:#216cbb;clear: both;position: absolute;top: 100%;  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: 3rem; font-size: 2rem;height: 6rem; position:absolute; top:0; color:#1a2546; z-index:9999;}

    .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; padding:0;}

    .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:#333;}

    .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;}

	.nav2>li:hover a{color:#fff;}

    /*关于我们分类页的宽度调整样式*/
    .jyzz { /*width: 47%;*/}
    .zdry {
        margin: 1.75rem 0 0;
        /* float: right; */    }

	}



@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:#216cbb;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; padding:0;}

    .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:#333;}

    .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;}

	.nav2>li:hover a{color:#fff;}

    element.style {
    }
    #tnav2 {width: 120%;}
    .links_a>p{ font-size:0.6rem; }

   /* 新加的关于我们分类的样式*/
    .tsrc {
        width: 30%;
        margin: 1% 3.2% 1% 0;}
    }






}


@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .header_ln .header_lns .nav1 {
        width: 60%;
        font-size: 0.6rem;
    }
    .nav_list>li{ left: 0!important;}
    .nav_list>li>a {
        font-size: 0.6rem!important;  letter-spacing: 0!important; padding: 2rem 0; margin: 0;
    }
    .header_logo {
        width: 35%;  padding:0; margin: 0;
    }



}


