html {
     list-style: none;
     text-decoration: none;
     height: 100%;
 }
 
 body {
     height: 100%;
 }
 
 .wrap {
     position: relative;
     height: 100%;
     /* min-width: 1400px; */
 }
 
 .header {
     position: absolute;
     width: 100%;
     font-size: 18px;
     background-color: rgba(255, 255, 255, .2);
     z-index: 999;
 }
 /* 导航栏 */
 
 .menu {
     width: 60%;
     min-width: 1200px;
     height: 60px;
     margin: 0 auto;
     padding: 0 50px;
 }
 
 .menu-logo {
     float: left;
     width: 223px;
     line-height: 60px;
 }
 
 .menu-logo a {
     display: block;
 }
 .bottom-notice .s-f-lastss  {
    background: url('../img/erweima.png') no-repeat center;
     background-size: 140px 140px;
      width: 140px;
      height: 140px;

}
.bottom-notice li  {
    line-height: 140px;
    padding-top: 5px;
    padding-bottom: 5px;
    }
 .menu-logo img {
     width: 100%;
 }
 /*横向一级菜单样式设置*/
 
 .nav {
     float: left;
     width: 46%;
     height: 60px;
     color: #fff;
     font-size: 18px;
 }
 
 .nav-ul {
     width: 100%;
     margin-left: 50px;
 }
 
 .nav-ul .nav-title {
     position: relative;
     float: left;
     /* width: 25%; */
     padding: 0 15px;
     height: 60px;
     line-height: 60px;
     text-align: center;
 }
 
 .nav-title>a {
     display: block;
     height: 60px;
     width: 100%;
     color: #fff;
     text-decoration: none;
 }
 
 .nav-div {
     display: none;
     position: absolute;
     top: 52px;
     padding: 10px 0;
     color: #fff;
     text-align: center;
     z-index: 2;
 }
 
 .nav-div-1 {
     width: 160px;
     left: -46px;
 }
 
 .nav-div-2 {
     width: 200px;
     left: -48px;
 }
 
 .nav-tips {
     float: left;
     padding: 10px;
 }
 
 .nav-tips p {
     line-height: 16px;
     padding-bottom: 10px;
     margin-bottom: 5px;
     color: #00a0e9;
     border-bottom: 1px solid #ccc;
 }
 
 .nav-ul-2 {
     padding: 10px;
     background-color: rgba(255, 255, 255, .2);
     border-radius: 5px;
 }
 
 .nav-ul-2 a {
     display: block;
     width: 100%;
     text-decoration: none;
     font-size: 14px;
     line-height: 30px;
     color: #fff;
 }
 
 .nav-ul-2 li a:hover {
     font-size: 16px;
 }
 
 .nav-ul-2 span {
     display: inline-block;
     font-size: 14px;
     line-height: 20px;
     color: #fff;
 }
 /* 联系方式 */
 
 .download {
     float: right;
     width: 145px;
     height: 40px;
     margin-top: 10px;
     border: 1px solid #fff;
 }
 
 .download:hover {
     border: 1px solid #75c5f0;
 }
 
 .download .phone {
     width: 24px;
     margin-left: 7px;
     padding-top: 5px;
 }
 
 .download>div {
     float: right;
     width: 110px;
     height: 40px;
     color: #fff;
 }
 
 .download .service {
     line-height: 38px;
     letter-spacing: 5px;
 }
 
 .download span {
     display: inline-block;
     width: 100%;
     font-size: 14px;
     line-height: 38px;
     text-align: center;
 }
 
 .download .service-2 {
     display: none;
     font-size: 12px;
     color: #75c5f0;
 }
 /*****  中部内容  *****/
 
 .content {
     color: #666;
 }
 /* 中部 轮播图 */
 
 .content-top {
     height: 630px;
 }
 
 .banner.swiper-container {
     width: 100%;
     height: 100%;
 }
 
 .banner .swiper-button-prev {
     background: url('../img/arr-l-1.png') no-repeat center;
 }
 
 .banner .swiper-button-next {
     background: url('../img/arr-r-1.png') no-repeat center;
 }
 /* 轮播  分页 */
 
 .swiper-container-horizontal>.swiper-pagination-bullets {
     bottom: 100px;
 }
 
 .banner .swiper-pagination-bullet {
     width: 25px;
     height: 4px;
     border-radius: 0;
     display: inline-block;
     background: #fff;
     opacity: .3;
     margin: 0 5px;
 }
 
 .banner .swiper-pagination-bullet-active {
     opacity: 1;
     background-color: #fff;
 }
 
 .banner .swiper-slide {
     width: 100%;
     min-width: 1200px;
     height: 100%;
 }
 
 .banner .swiper-slide .swp-bg {
     width: 100%;
     height: 100%;
 }
 
 .swp-bg.bg-1 {
     background: url('../img/bg1.png') no-repeat center;
 }
 
 .swp-bg.bg-2 {
     background: url('../img/bg2.png') no-repeat center;
 }
 
 .swp-bg.bg-3 {
     background: url('../img/bg3.png') no-repeat center;
 }
 
 .swp-bg.bg-4 {
     background: url('../img/bg4.png') no-repeat center;
 }
 
 .banner .swiper-slide .swp-bg {
     width: 100%;
     height: 100%;
     background-size: cover;
 }
 /*中部 产品 */
 
 .content-one {
     height: 520px;
 }
 
 .one-wrap {
     width: 60%;
     min-width: 1200px;
     margin: 0 auto;
 }
 
 .one-wrap h3 {
     padding-top: 70px;
     line-height: 26px;
     font-size: 26px;
     font-weight: 500;
     text-align: center;
     letter-spacing: 3px;
 }
 
 .one-wrap h4 {
     margin-top: 20px;
     font-size: 16px;
     line-height: 16px;
     font-weight: 500;
     text-align: center;
     letter-spacing: 3px;
 }
 
 .one-wrap ul li {
     float: left;
     width: 25%;
 }
 
 .one-wrap ul a {
     display: inline-block;
     padding-top: 150px;
 }
 
 .one-wrap .one-bg-1 {
     background: url('../img/one-bg1.png') no-repeat center 30%;
 }
 
 .one-wrap .one-bg-2 {
     background: url('../img/one-bg2.png') no-repeat center 30%;
 }
 
 .one-wrap .one-bg-3 {
     background: url('../img/one-bg3.png') no-repeat center 30%;
 }
 
 .one-wrap .one-bg-4 {
     background: url('../img/one-bg4.png') no-repeat center 30%;
 }
 
 .one-wrap h5 {
     margin-bottom: 30px;
     font-size: 13px;
     line-height: 13px;
     font-weight: 500;
     text-align: center;
 }
 
 .one-wrap p {
     padding: 20px;
     font-size: 13px;
     line-height: 20px;
 }
 
 .one-wrap li:hover p {
     background: url("../img/one-border.png") no-repeat center;
     background-size: 100% 99%;
 }
 /* 中部 解决方案 */
 
 .content-two {
     height: 510px;
     color: #fff;
     background: url('../img/two-bg.png') no-repeat center;
     background-size: cover;
 }
 
 .two-wrap {
     width: 60%;
     min-width: 1200px;
     margin: 0 auto;
     text-align: center;
 }
 
 .two-wrap .tab-btn {
     width: 470px;
     margin: 0 auto;
     background-color: rgba(255, 255, 255, .2);
 }
 
 .two-wrap .tab-btn>li {
     float: left;
     width: 50%;
     padding: 25px;
     cursor: pointer;
 }
 
 .tab-btn .btn {
     background: url("../img/btn-bg2.png") no-repeat center;
     background-size: cover；
 }
 
 .tab-btn .active.btn {
     background: url("../img/btn-bg1.png") no-repeat center;
     background-size: covwe；
 }
 
 .two-wrap .tab-btn h3 {
     font-size: 18px;
     line-height: 18px;
     font-weight: 500;
     margin-bottom: 16px;
     text-align: justify;
 }
 
 .two-wrap .tab-btn span {
     display: inline-block;
     font-size: 14px;
     line-height: 22px;
     text-align: left;
 }
 
 .tab-box {
     display: none;
     padding-top: 50px;
 }
 
 .active.tab-box {
     display: block;
 }
 
 .tab-box>div {
     float: left;
 }
 
 .tab-box .tab-l {
     width: 85%;
     text-align: left;
 }
 
 .tab-box .tab-l h4 {
     font-size: 26px;
     line-height: 26px;
     font-weight: 500;
     margin-bottom: 25px;
 }
 
 .tab-box .tab-l p {
     font-size: 18px;
     line-height: 30px;
 }
 
 .tab-box .tab-l span {
     padding: 0 10px;
 }
 
 .tab-box .tab-l .btn-details {
     display: inline-block;
     width: 160px;
     height: 40px;
     margin: 30px 0;
     line-height: 38px;
     text-align: center;
     border: 1px solid #909097;
 }
 
 .tab-box .tab-r {
     width: 15%;
     padding: 0 10px;
 }
 
 .tab-box .tab-r h4 {
     font-size: 18px;
     line-height: 18px;
     font-weight: 500;
     margin-bottom: 20px;
 }
 
 .tab-box .tab-r li {
     font-size: 14px;
     line-height: 36px;
     margin-bottom: 10px;
     border: 1px solid #909097;
     background-color: rgba(255, 255, 255, .1);
 }
 /* 中部 三 合作伙伴 */
 
 .content-three {
     height: 586px;
 }
 
 .three-wrap {
     width: 60%;
     min-width: 1200px;
     margin: 0 auto;
     background: url("../img/three-bg.png") no-repeat center 85%;
     background-size: 90%;
 }
 
 .three-wrap h3 {
     padding-top: 70px;
     line-height: 26px;
     font-size: 26px;
     font-weight: 500;
     text-align: center;
     letter-spacing: 3px;
 }
 
 .three-wrap h4 {
     margin-top: 20px;
     margin-bottom: 30px;
     font-size: 16px;
     line-height: 16px;
     font-weight: 500;
     text-align: center;
     letter-spacing: 3px;
 }
 
 .partner-box .partner-list1 {
     height: 156px;
     text-align: center;
     font-size: 14px;
     line-height: 14px;
 }
 
 .partner-box .partner-list1 li {
     float: left;
     width: 33.3333%;
     padding-top: 80px;
 }
 
 .partner-box .partner-list2 {
     width: 865px;
     margin: 0 auto;
     text-align: center;
     height: 58px;
     font-size: 12px;
     line-height: 58px;
 }
 
 .partner-box .partner-list2 li {
     float: left;
     padding-left: 70px;
     margin-left: 30px;
 }
 
 .partner-box .partner-list2 li:first-child {
     margin-left: 0;
 }
 
 .partner-box li {
     height: 100%;
 }
 
 .partner-box .p-logo-1 {
     background: url("../img/p-logo-1.png") no-repeat center 10%;
	 cursor: pointer;
 }
 
 .partner-box .p-logo-2 {
     background: url("../img/p-logo-2.png") no-repeat center 0%;
	 cursor: pointer;
 }
 
 .partner-box .p-logo-3 {
     background: url("../img/p-logo-3.png") no-repeat center 10%;
	 cursor: pointer;
 }
 
 .partner-box .p-logo-4 {
     background: url("../img/p-logo-4.png") no-repeat center 0%;
	 cursor: pointer;
 }
 
 .partner-box .p-logo-5 {
     background: url("../img/p-logo-5.png") no-repeat center 0%;
	 cursor: pointer;
 }
 
 .partner-box .p-logo-6 {
     background: url("../img/p-logo-6.png") no-repeat center 0%;
	 cursor: pointer;
 }
 
 .partner-box .p-logo-7 {
     margin-left: 0;
     background: url("../img/p-logo-7.png") no-repeat 0% center;
 }
 
 .partner-box .p-logo-8 {
     background: url("../img/p-logo-8.png") no-repeat 0% center;
 }
 
 .partner-box .p-logo-9 {
     background: url("../img/p-logo-9.png") no-repeat 0% center;
 }
 
 .partner-box .p-logo-10 {
     background: url("../img/p-logo-10.png") no-repeat 0% center;
 }
 
 .partner-box a {
     display: block;
     height: 100%;
 }
 /* 中部 末 分享 */
 
 .content-last {
     height: 586px;
     background-color: #f5f5f6;
 }
 
 .last-wrap {
     width: 80%;
     max-width: 1500px;
     margin: 0 auto;
 }
 
 .last-wrap h3 {
     padding-top: 100px;
     line-height: 26px;
     font-size: 26px;
     font-weight: 500;
     text-align: center;
     letter-spacing: 3px;
 }
 
 .last-wrap h4 {
     margin-top: 20px;
     margin-bottom: 40px;
     font-size: 16px;
     line-height: 16px;
     font-weight: 500;
     text-align: center;
     letter-spacing: 3px;
 }
 
 .last-swiper {
     position: relative;
     width: 100%;
     height: 234px;
 }
 
 .last-swiper .swiper-button-prev {
     background: url('../img/arr-l-2.png') no-repeat center;
 }
 
 .last-swiper .swiper-button-next {
     background: url('../img/arr-r-2.png') no-repeat center;
 }
 
 .last-swiper .swiper-container {
     width: 86%;
     height: 100%;
 }
 
 .last-swiper .swiper-wrapper {
     width: 100%;
     height: 100%;
 }
 
 .last-swiper .swiper-slide {
     height: 100%;
     background-color: #fff;
 }
 
 .last-swiper .swp-box {
     border: 1px solid #e0e0df;
 }
 
 .last-swiper .swp-box img {
     width: 100%;
     height: 174px;
 }
 
 .last-swiper .swp-box div {
     font-size: 13px;
     line-height: 60px;
 }
 /* 底部导航 */
 
 footer {
     height: 240px;
     color: #fff;
     font-size: 12px;
     background-color: #232526;
 }
 
 .bottom-top {
     width: 100%;
     height: 100px;
     padding-top: 40px;
 }
 
 .bottom-nav {
     width: 60%;
     min-width: 1200px;
     margin: 0 auto;
 }
 
 .bottom-nav h5 {
     margin-bottom: 30px;
     font-size: 20px;
     line-height: 20px;
 }
 /* 左 */
 
 .bottom-nav-l {
     float: left;
     width: 48%;
 }
 
 .bottom-notice a {
     line-height: 22px;
     color: inherit
 }
 /* 右 */
 
 .bottom-nav-r {
     float: left;
     width: 52%;
 }
 
 .bottom-nav-r>div {
     float: left;
 }
 
 .bottom-menu {
     width: 31%;
     padding-right: 15px;
 }
 
 .bottom-info ul a,
 .bottom-menu ul a {
     display: block;
     line-height: 22px;
     color: #fff;
     font-weight: 200;
 }
 
 .bottom-info ul a:hover,
 .bottom-menu ul a:hover {
     color: #aaa;
 }
 
 .bottom-info {
     width: 38%;
 }
 
 .btm-logo {
     width: 175px;
     height: 20px;
     margin-bottom: 30px;
 }
 
 .btm-logo img {
     width: 100%;
 }
 
 .btm-tell {
     width: 150px;
     margin-top: 30px;
     font-size: 20px;
 }
 /* 友情链接 */
 
 .bottom-mid {
     height: 66px;
 }
 
 .bottom-link {
     width: 60%;
     min-width: 1200px;
     margin: 0 auto;
     line-height: 66px;
     border-top: 1px solid #5b5f67;
     border-bottom: 1px solid #5b5f67;
     vertical-align: middle;
 }
 
 .bottom-link ul {
     display: inline-block;
     vertical-align: middle;
 }
 
 .bottom-link ul li {
     float: left;
     margin-left: 30px;
 }
 
 .bottom-link ul a {
     color: inherit;
 }
 /* 底部 copyright*/
 
 .bottom-footer {
     width: 100%;
     height: 108px;
 }
 
 .copyright {
     width: 60%;
     margin: 0 auto;
     text-align: center;
     line-height: 108px;
 }
 
 @media screen and (max-width: 1460px) {
     .nav {
         font-size: 18px;
     }
     .bg-info h2 {
         font-size: 44px;
         line-height: 44px;
     }
 }