.theme{background: #03325b}
.color{color: #03325b}

/*========================================= 分页 =====================================*/
.page { overflow:hidden;}
.pagelink { margin-top: 40px;text-align: center}
.pagelink span,.pagelink a { display:inline-block; text-align:center;padding: 4px 10px;; border:solid 1px #ccc;color:#666; margin:0 4px;}
.pagelink a:hover,.pagelink a.on { background:#03325b; color:#fff; border:solid 1px #03325b;}
.pagelink span{display:inline-block; color:#fff; background:#03325b;padding: 4px 10px;border:solid 1px #03325b;}

/*========================================= 头部 =====================================*/
header{width:100%;}
.top{line-height: 20px;padding: 10px 0;background: #0F1013;color: #fff}
.topA{padding: 10px 0}
.logo{padding: 0}
.topAsr{padding: 0;}
nav{padding-right: 0!important;}
nav ul{display: flex;justify-content: space-between}
nav ul li{line-height: 50px;text-align: center}
nav ul li a{display: block;font-size: 16px;color: #fff}

.title{text-align: center;margin-top: 35px}
.title h2{font-size: 28px;}
.title p{font-size: 20px;line-height: 38px;font-family: 'arial';letter-spacing: 18px;text-transform: uppercase;}

.oneA{margin-top: 40px;overflow: hidden}
.oneAl .title{text-align: left;margin-top: 0}
.oneAl .title h2{color: #333;font-weight: normal;border-left: #03325b solid 5px;padding-left: 15px;font-size: 30px}
.oneAl .text{line-height: 2;color: #888;margin-top: 20px}
.oneAr img{width: 100%}
.oneAla{margin-top: 20px}
.oneAla ul li b{font-size: 40px;font-weight: normal}
.oneAla ul li p{color: #666;margin-top: 10px}

.oneB{background: url("../img/ob.png") repeat;overflow: hidden;position: relative;height: 570px}
.oneB:after{ content: ''; position: absolute; left: 0; bottom:0; z-index: 0;width: 100%; height: 327px; background: url('../img/obbg.jpg') center;}
.oneBs{position: relative;z-index: 11;overflow: hidden;left: 0;right: 0;margin: auto;margin-top: 40px}
.oneBss{width: 90%;margin: 0 auto}
.oneBs ul li a{display: block;background: #fff;transition: all 0.5s ease}
.oneBs ul li dd{position: relative;overflow: hidden}
.oneBs ul li dd img{width: 100%;transition: all 0.5s ease}
.oneBs ul li dd i{border: 3px solid #00A0E3;opacity: 0;filter: alpha(opacity= 0);position: absolute;top: 8px;bottom: 8px;left: 8px;right: 8px;z-index: 2;transition: all 0.3s ease;}
.oneBs ul li dt{padding: 20px}
.oneBs ul li dt h3{font-size: 16px;font-weight: normal}
.oneBs ul li dt p{font-size:12px;margin-top:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color: #666;line-height: 2}
.oneBs .swiper-button-next,.oneBs .swiper-button-prev{width: 44px;height: 44px;}
.oneBs .swiper-button-next{background: url("../img/fn-gt.png") #fff no-repeat center}
.oneBs .swiper-button-prev{background: url("../img/fn-lt.png") #fff no-repeat center}
.oneBs ul li:hover a{background: #00A0E3;color: #fff}
.oneBs ul li:hover dt p{color: #fff}
.oneBs ul li:hover dd i{opacity: 1}
.oneBs ul li:hover dd img{transform: scale(1.1)}

.oneC{background: url("../img/oc.jpg") no-repeat center;background-size:cover;overflow: hidden;padding-bottom: 50px}
.oneC .title h2{color: #fff}
.oneC .title p{color: #fff}
.oneCs{position: relative;overflow: hidden;margin-top: 40px;}
.oneCss{width: 90%;margin: 0 auto;padding-bottom: 40px}
.oneCs ul li a{display: block;transition: all 0.5s ease;
    background: -webkit-linear-gradient(135deg, transparent 20px, #fff 0);background: -moz- oldlinear-gradient(135deg, transparent 20px, #fff 0);background: -o-linear-gradient(135deg, transparent 20px, #fff 0);}
.oneCs ul li dd{position: relative;overflow: hidden}
.oneCs ul li dd img{width: 100%;transition: all 0.5s ease}
.oneCs ul li dt{padding: 15px 20px;text-align: center}
.oneCs ul li dt h3{font-size: 16px;font-weight: normal}
.oneCs .swiper-button-next,.oneCs .swiper-button-prev{width: 46px;height: 46px;}
.oneCs .swiper-button-next{background: url("../img/next4.png") no-repeat center}
.oneCs .swiper-button-prev{background: url("../img/prev4.png") no-repeat center}
.oneCs ul li:hover dd img{transform: scale(1.1)}
.oneCs .pagination{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;z-index: 999;margin: 0}
.oneCs .pagination span{width: 12px;height: 12px;display: inline-block; border-radius: 100%;border: 1px solid #fff;}
.oneCs .pagination span.swiper-pagination-bullet-active{background: #fff}
.more{text-align: center;margin-top: 40px}
.more a{display: inline-block;width: 150px;line-height: 40px;border-radius: 30px;border: 1px solid #fff;color: #fff}
.more a:hover{background: #fff}

.oneD{background: url("../img/od.jpg") no-repeat center;background-size:cover;overflow: hidden;padding-bottom: 50px}
.oneD .title h2{color: #fff}
.oneD .title p{color: #fff}
.oneDs{position: relative;margin-top: 40px}
.oneDs .oneDss {width: 83%;margin: 0 auto}
.oneDs ul li{width: 600px;position: relative;border: 10px solid #fff;}
.oneDs ul li a:after{display: block;content: " ";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: #000;
    opacity: .15;-webkit-transition: all 400ms ease 0s;transition: all 400ms ease 0s;z-index: 1;}
.oneDs ul li img{width: 100%;}
.oneDs ul li p{position: absolute;background: rgba(0,0,0,0.8);color: #fff;width: 100%;line-height: 60px;bottom: 0;left: 0;padding: 0 12px;
    text-align: center;font-size: 18px;opacity: 0;z-index: 2}
.oneDs ul li.swiper-slide-active p{opacity: 1}
.oneDs ul li:hover a:after{opacity: 0}
.oneDs .swiper-button-next,.oneDs .swiper-button-prev{width: 40px;height: 80px;}
.oneDs .swiper-button-next{background: url("../img/arrowi-case.png") no-repeat right}
.oneDs .swiper-button-prev{background: url("../img/arrowi-case.png") no-repeat left}

.oneE{overflow: hidden;background: url("../img/oe.jpg") no-repeat top right;background-size: 60% 100%;padding: 50px 0}
.oneEl .title{text-align: left;margin-top: 15px}
.oneEl ul{margin-top: 20px;overflow: hidden}
.oneEl ul li{margin-top: 20px}
.oneEl ul li i{display: inline-block;text-align: center;margin-right: 4%;width: 28px}
.oneEl ul li img{vertical-align: middle}
.oneEl ul li{font-size: 18px;line-height: 30px;color: #161616}
.oneEr{background: #fff;padding: 35px}
.oneEr h3{font-size: 18px;font-weight: normal;margin-bottom: 10px}
.oneEr p{color: #666}
.oneEr input{width: 48%;height: 44px;line-height: 40px;float: left;margin-top: 25px;border-bottom: 1px solid #bfbfbf;}
.oneEr textarea {width: 100%;height: 94px;resize: none;-webkit-appearance: none;line-height: 28px;border-bottom: 1px solid #bfbfbf;margin-top: 25px;}
.oneEr input:nth-child(2){float: right}
.oneEr a{display: block;width: 150px;line-height: 40px;color: #fff;text-align: center;margin-top: 20px}

/*========================================= 底部 =====================================*/
.footer{width: 100%;background-color: #0F1013;overflow: hidden;padding: 40px 0;margin-top: 40px}

.copy{background: #0F1013;color: #acaeb5;line-height: 35px;padding: 10px 0;text-align: center}
.copy a{color: #acaeb5}

@media screen and (max-width: 768px) {
    .top{display: none}
    .topAsr{display: none}
    .topAl{display: none}
    .topAr{display: none}
     nav{display: none}
    .menu-button{display: block}
    .menu-button i{background: #fff}
    .footfix{display: block}
    .footline{display: block}
    .foota{display: none}
    .footb{display: none}
    .footc{display: none}
    .copy{display: none}
    .foota:nth-child(4){display: block}
    .navs_menu{display: block}
    .footer{padding:  25px 0}
    .topA{padding: 12px}
    .title h2{font-size: 20px}
    .title p{font-size: 16px;letter-spacing: 10px;}
    .oneAl .title h2{font-size: 20px}
    .oneAla ul li b{font-size: 24px}
    .oneAla ul li p{margin-top: 0}
    .oneAr{margin-top: 20px}
    .oneB{height: 390px}
    .oneB:after{height: 150px}
    .oneBs ul li{padding: 0 5px}
    .oneBs ul li dt{padding: 12px}
    .oneBs ul li dt p{margin-top: 5px}
    .oneBs .swiper-button-next, .oneBs .swiper-button-prev{width: 30px;height: 30px}
    .oneCs ul li{padding: 0 5px}
    .oneCs .swiper-button-next, .oneCs .swiper-button-prev{display: none}
    .more a{line-height: 32px}
    .oneDs ul li p{font-size: 16px;line-height: 45px}
    .oneE{background: none;padding: 30px 0}
    .oneEl ul{margin-top: 0}
    .oneEl ul li{font-size: 14px}
    .oneEr{display: none}
    .oneDs ul li{width: 100%;border-width: 5px}
    .oneDs .swiper-button-next, .oneDs .swiper-button-prev{width: 25px}
    .oneDs .swiper-button-next{right: 0}
    .oneDs .swiper-button-prev{left: 0}
}