@charset "utf-8";

.header .top{
      position: static;
}

.header .top .logo1 {
	display:none;
}
.header .top .logo2 {
	display:block;
}
.nav2{
   background: #23526a;
   animation: fadeInUp 0.7s ease-out;
}

.menu .text {
    line-height: .6rem;
}

.header .top1{
   padding:0;
   border: 0;
}
.header.fixed-nav .top .logo {
	width: auto;
}
.header .top .logo{
   position:static;
   transform: none;
   float: left;
   width: auto;
}
.menuOutside{
   float:none;
   width:100%;
}
.header .top .r_top{
   padding:0;
}
.header .top .r_top1 .a{
   color:#23526a;
   border-right: 1px solid #23526a;
   padding: 0 10px;
}

.header{
   padding: 35px 0;
   background: url(../image/header-bg.png) no-repeat center;
   background-size: cover;
}
.header .top .right{
   width:auto;
   width: 330px;
   margin-top: 10px;
}

.header .top .r_top1 .item {
    border: 0;
    padding: 15px 0;
}
.header .top .r_top1 .item:last-child a{
   border:0;
}

.header .top .r_top1{
   float:none;
   width: 80%;
}
.search2{
   margin-top:8px;
   position: relative;
}
.search2 .text{
   width:100%;
   height: 42px;
   border: 1px solid #afbfc7;
   padding: 0 15px;
   box-sizing: border-box;
}
.search2 .submit{
   position: absolute;
   right: 0;
   background: url(../image/search2.png) no-repeat center;
   width: 50px;
   height: 100%;
}

.menu .item .menu2{
   top: .6rem;
}
.banner{
	display:none;
}
.footer .item1{
   padding: 0.25rem 0;
}
.w1400{
   width:100%;
   max-width: 1400px;
}
.footer .bq a{
   display:block;
}

.footer .bq{
   background: url(../image/sydw.png) no-repeat center left;
   padding: 0;
   padding-left: 90px;
   /* width: 25%; */
   position: relative;
}
.footer .bq::after{
	display:block;
	position:absolute;
	content:"";
	background:#3c6a82;
	width:1px;
	height:78px;
	top:0;
	bottom:0;
	right: -20%;
	margin: auto;
}

.footer .item2 .zc p {
    padding: .05rem 0;
}
.footer .item2 .zj p {
    font-size: 0.16rem;
    line-height: 1.5;
    padding: .05rem 0;
}
.footer .item2{
   padding: 0.4rem 0;
}

.footer .item2 .yc{
	margin-left:10%;
}
.footer .item2 .yc ul{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.footer .item2 .yc li{
	padding: 0 32px;
	position: relative;
}
.footer .item2 .yc li::after{
	display:block;
	position:absolute;
	content:"";
	background:url(../image/iline.png) no-repeat center;
	width:1px;
	height: 58px;
	top:0;
	bottom:0;
	right: 0;
	margin: auto;
}
.footer .item2 .yc li:last-child::after{
	display:none;
}

.footer .item2 .yc img {
	margin: auto;
	width: auto;
}
.footer .item2 .yc p {
	color:#fff;
	font-size: 0.16rem;
	margin-top: 15px;
}


@media only screen and (max-width: 1720px) {
	.footer .item2 .yc {
	    margin-left: 0;
	}
}
@media only screen and (max-width: 1600px) {
   .w1400{
      width: 90%;
      max-width: none;
   }
}
@media only screen and (max-width: 1500px) {
	.footer .bq::after{
		display:none;
	}
}

@media only screen and (max-width: 1400px) {
   .header .top .logo{
      width: 7.8rem !important;
   }
   .header .top .right{
      margin-top:0;
   }
   .search2{
      margin-top:0;
   }
	.footer .item2 .yc li{
		padding: 0 20px;
	}
}
@media only screen and (max-width: 1200px) {
	.footer .item2 .yc li{
		padding: 0 15px;
	}
}
@media only screen and (max-width: 1000px) {
   .header{
      padding:0;
   }
   .nav2,.search2{
      display:none;
   }
   .w1400{
      width: 100%;
   }
   .header .top1 {
      padding: 0 3%;
   }
   .header .top .logo {
      width: 4rem !important;
      position: absolute;
      transform: translateY(-50%);
   }
   .header .top .logo2 {
   	  display:none;
   }
   .header .top .logo1 {
      display:block;
   }
	.footer .bq{
		width:50%;
	}
	.footer .item2 .zj,.footer .item2 .zc{
		width:100%;
		text-align: center;
		padding: 0;
	}
	.footer .item2 .yc{
		width:100%;
	}
	.footer .item2 .yc li {
        padding: 0;
        width: 25%;
    }
	.footer .bq .tb,.footer .bq{
		background: none;
	}
	.footer .item2 .zj {
        /* margin: 10px 0; */
    }
}

