.menu{
    position: absolute;
    top:10px;
    bottom: 0;
    right: .1rem;
    display: none;}
nav{
    color: white;
    position: relative;}
nav ul li{
    position: relative;
    width: 12%;
    border-left: 0px solid #24691d;}
nav a{
    display: block;
    color: white;}
nav ul li >a{
    text-align: center;
    padding: 8px;
width: 100%;
    font-size: 16px;}
nav ul li >div a{
    padding:.0rem .0rem ;
color: #585353;
width: 100%;
line-height: 40px;}
nav ul li >div{
    position: absolute;
    width: 100%;
    left: 0;
    top: 46px;
background: rgba(247, 247, 247, 0.8);
display: none;
border: 1px solid #ccc;}
nav ul li{
    z-index: 99;}
nav ul li:hover >div{
    display: block;}
nav ul li a:hover{
    background: rgba(11,74,117,.8);
color:white;}
nav ul li >div p{   
    position: absolute;
    width: 100%;
    background: rgba(0,148,38,.8);
    left:100%;
    display: none;}
nav ul li div>a:hover p{
    display: block;}
.sec_box{	
	position: relative;}
.sec_box >div{
	position: absolute;
	width: 100%;
	left:100%;
	top:0;
	background: rgba(0,148,38,.8);
	display: none;}
nav ul li .sec_box:hover >div{
	display: block;}
nav a {
  width: 100%;}
.nav_close{
    position: absolute;
    top:.1rem;
    left: .1rem;
    border: 1px solid rgba(255,255,255,.5);
    font: 24px/1 '宋体';
    display: none;}
.phone_nav{
    position: fixed;
    top:0;
    right: -100%;
    width: 50vw;
    height: 40vh;
    padding-top: .8rem;
    background: rgba(43, 156, 235,.95);
    z-index: 99999;}
.phone_nav li{
    width: 100%!important;}
.phone_nav li a{
    border-bottom: 1px solid rgba(255,255,255,.2);}
.phone_nav li >div{
    position: relative!important;
    top: 0;
    text-align: center;
    line-height: 2;}	

.top1 {
  background: url(../img/top.jpg) no-repeat right;}
.wp_nav .nav-item {
  width: 150px;}

.wp_nav .sub-nav .nav-item a {
  border: 0px;}
.wp_nav .sub-nav .nav-item a {
  text-align: center;}
.wp_nav .sub-nav .nav-item a span.item-name {
  color: #585353;
  line-height: 30px;}
.wp_nav .nav-item a span.item-name {
  letter-spacing: 2px;
font-size: 16px;
padding: 12px 0;
color: white;}
.sub_nav{width: 150px; height: 156px; top: 42px; left: 0px; visibility: hidden;}
nav a{width:150px;}
.wp_search .search {
  background: url(../img/2.jpg);
background-repeat: no-repeat;
margin-left: 35px;}
input {
  color: white;}
.wp_nav .sub-nav .nav-item a.parent:hover{background:#225a97;}
.wp_nav .sub-nav .nav-item a.parent:hover span{color:white;}
 .swiper-container1 {
            width: 100%;
            height: 1.5rem;}
        .swiper-container2 {
            width: 100%;
            height: auto;}
        .swiper-slide {
            background: #fff;

            /* center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;}
        .swiper-slide img{
            width: 100%;}
        .dynamic .swiper-slide >div>p{
            height: 160px;
            overflow: hidden;
            display: flex;}
        .swiper-container2 .swiper-pagination-bullet-active{
            opacity: 1;
            background: none;
            border-radius: 50%;
            border: 2px solid #016e2b;
            width: 12px;
            height: 12px;}
.fot a {
  position: relative;
  display: block;
  color: #fff;}
.fot a::before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  background: #fff;
  left: -15px;
  top: 0;
  bottom: 0;
  margin: auto;}
.col-5 {
  width: 50%;
  background: url(../../../../86/390/template390/img/footerlbg.jpg) no-repeat left center;
  padding: 10px 0;}
.wp_entry img{
display: initial;}
.topimg{width:50%;padding-left: 10px;}
.phonesj{display:none;}
.phonepc{display: initial;
padding-left: 20px;}
@media screen and (max-width: 900px) {
.phonepc{display:none;}
.phonesj{display:block;}
.nav_close{display:block;}
.wp_nav .sub-nav{display:none;}
.wp_entry img {
  max-width: 100%;}
.sjbanner img{height:100px;}
.topimg{width:88%;}
.pad-l-50 {
  padding-left: 0px;}
 #content {
                padding: 20px 10px;}

                #content .col-2 {
                    width: 100%;}
                    #content .col-25 {
                    width: 100%;}
                #content .col-8 {
                    width: 100%;
                    padding-left: 0;}
            .page-nav {
                margin-top: 0px;}
            .col_menu .col_menu_head h3.col_name .col_name_text{line-height:60px;}
            .col-75{width:95%;}
             #secnavbtn {
                display: block;}

            #secnav {
                display: block;}
.news_list li.news div.news_meta{float:right;}
.swiper-container1 {  height: 2.5rem;}
.close{display:block;}
.sec_2 {
  padding: 0px 0 80px;}
.col-3 {
  width: 70%;
  margin-left: 20px;}
.col-5 {
  width: 100%;}


}