.theme{background: #1d6bdd}
.color{color: #1d6bdd}

/*========================================= 分页 =====================================*/
.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:#1d6bdd; color:#fff; border:solid 1px #1d6bdd;}
.pagelink span{display:inline-block; color:#fff; background:#1d6bdd;padding: 4px 10px;border:solid 1px #1d6bdd;}

/*========================================= 头部 =====================================*/
header{width:100%;}
.top{line-height: 20px;padding: 10px 0;background: #1F2A3B;color: #c0c5cc}
.topnav{width: 100%;position: absolute;z-index: 11;border-bottom: 1px solid rgba(255,255,255,.1);}
.topA{height: 80px;display: flex;align-items: center;justify-content: space-between}
.logo{padding: 0}
.topAsr{padding: 0;}
nav{padding-right: 0!important;}
nav ul{display: flex;justify-content: space-between;}
nav ul li{line-height: 80px;font-size: 16px;}
nav ul li a{color: #fff;display: block}
nav ul li i{display: inline-block;width: 100%;height: 2px;}

.title{margin-top: 35px;padding: 0 12px}
.title h2{font-size: 30px;color: #000}
.title p{color:#dadada;font-weight: bold;font-size: 22px;font-style: oblique}

.oneA{overflow: hidden;background: url("../img/oa.jpg") no-repeat bottom left;background-size: cover;}
.oneAs{position: relative;}
.oneAl{position: absolute;top: 0;left: 0;padding: 40px 0}
.oneAl .title{margin-top: 0;display: flex;align-items: center;justify-content: space-between;padding: 0}
.oneAl .text{font-size: 16px;line-height: 2;margin-top: 30px;color: #666}
.oneAr img{width: 100%;min-height: 450px}

.more{width:64px;height:64px;display: inline-block;position: relative;
    border-radius:50%;-webkit-border-radius:50%;align-items:center;justify-content:center;z-index:2;}
.more .i{color: #fff;text-align: center;line-height: 60px;font-size: 30px;font-style: normal}
.more .master{position:absolute;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%;
    opacity:0;-webkit-opacity:0;z-index:-1;top: 0}
.more .master.circle01{background-color:rgba(29,107,221,.3);transition: all 0.5s;}
.more .master.circle02{transition-delay: 0.1s;;transition: all 0.5s;}
.more:hover .master.circle01{transform:scale(1.4);-webkit-transform:scale(1.4);opacity:1;-webkit-opacity:1;}
.more:hover .master.circle02{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:1;-webkit-opacity:1;}

.oneB{background: url("../img/ob.jpg") no-repeat center;background-size: cover;overflow: hidden;padding: 40px 0}
.oneB ul{display: flex;flex-wrap: wrap;align-items: flex-end;}
.oneB ul li{text-align: center;border-right: 1px solid rgba(255,255,255,.1);color: #fff}
.oneB ul li p{font-size: 30px;padding-bottom: 10px}
.oneB ul li span{font-size: 18px}
.oneB ul li:last-child{border-right: none}

.oneC{background-image: linear-gradient(to bottom right,#fff 30%,#d6e3f6);overflow: hidden;padding-bottom: 40px;position: relative}
.oneC:after{content: '';width: 1071px;height: 1123px;background: url("../img/oc.png") no-repeat right bottom;
    position: absolute;bottom: -25vw;right: -15vw;}

.oneCs{overflow: hidden;position: relative;margin-top: 20px;padding-bottom: 40px}
/*.oneCs ul{display: flex;flex-wrap: wrap;align-items: flex-end;}*/
.oneCs ul li{transition: all 0.5s ease;margin-top: 20px}
.oneCs ul li a{color: #f1f1f1;position: relative;display: block}
.oneCs ul li a:after{content: '';position: absolute;right: 12px;top: 12px;z-index: 3;width: 27px;height: 27px;background: url(../img/jia.png) center no-repeat;opacity: 0;-webkit-transition: 0.3s;transition: 0.3s;}
.oneCs ul li dl{position: absolute;top: 0;left: 0;text-align: center;width: 100%;height:100%;transition: all 0.3s ease}
.oneCs ul li dl dt{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;height: 70px;padding: 0 20px;}
.oneCs ul li dl h3{font-size: 16px;font-weight: normal;}
.oneCs ul li dl i{display: inline-block;width: 40px;height: 2px;background: #efefef;margin: 10px 0}
.oneCs ul li dl p{font-size: 12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.oneCs ul li:hover dl{background: rgba(0,0,0,0.5)}
.oneCs ul li:hover a:after{opacity: 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%; background: #fff;}
/*.oneCs .pagination span.swiper-pagination-bullet-active{background: #1d6bdd;}*/

.oneDD .title{display: flex;align-items: center;flex-wrap: wrap}
.oneDD .title dl{padding: 0}
.oneDD .title .hd{padding: 0}
.oneDD .hd ul{display: flex;justify-content: space-between}
.oneDD .hd ul li{float: left;width: 25%;line-height: 42px;text-align: center;background: #f1f2f4;border-radius: 30px;margin-left: 2%}
.oneDD .hd ul li a{display: block}
/*.oneDD .hd ul li:hover,.oneDD .hd ul li.on{background: #1d6bdd;}*/
.oneDD .hd ul li:hover a,.oneDD .hd ul li.on a{color: #fff;}

.oneD{margin-top: 20px}
.oneD ul{display: flex;flex-wrap: wrap;align-items: flex-end;}
.oneD ul li{padding: 0 1px;margin-top: 20px}
.oneD ul li a{display: block;position: relative}
.oneD ul li dd{overflow: hidden}
.oneD ul li dd img{transition: all 0.5s ease;display: inline-block}
.oneD ul li p{position: absolute;bottom: 20px;left: 20px;font-size: 18px;color: #fff}
.oneD ul li dd:hover img{transition: all 0.5s ease;transform: scale(1.1)}

.oneF{overflow: hidden;background-image: linear-gradient(#fff,#e5efff);padding-bottom: 50px}
.oneF ul{display: flex;flex-wrap: wrap;align-items: flex-end;}
.oneF ul li{margin-top: 20px}
.oneF ul li a{display: block;background: #fff}
.oneF ul li dd{overflow: hidden;}
.oneF ul li dd img{width: 100%;transition: all 1.5s ease}
.oneF ul li dt{padding: 20px}
.oneF ul li dt h3{font-size: 18px;font-weight: normal}
.oneF ul li dt p{line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #666;margin: 20px 0;}
.oneF ul li dt label{display: block;border-top: 1px solid #bbb;padding-top: 20px;color: #666;}
.oneF ul li dt label b{display: inline-block;position: relative;z-index: 22}
.oneF ul li dt label span{font-style: normal;display: inline-block;float: right;position: relative;z-index: 22}
.oneF ul li dt i {display: inline-block;position: absolute;left: -7.5px;top: -100%;width: 30px;height: 30px;background-color: #C5D9F5;margin-top: -16px;z-index: -1;opacity: 0;transform: scale(.5);-webkit-transform: scale(.5);border-radius: 100%;transition: all 0.5s;}
.oneF ul li:hover i {top: 50%;opacity: 1;-webkit-opacity: 1;visibility: visible;transform: none;-webkit-transform: none;}
.oneF ul li:hover dd img{transform: scale(1.15)}

.oneE{overflow: hidden;}
.oneEl ul li{margin-top: 20px}
.oneEl ul li img{margin-right: 2%}
.oneEl ul li{font-size: 16px;line-height: 2;color: #636363}
.oneEr input{width: 48%;height: 44px;line-height: 40px;text-indent: 8px;padding-left: 6px;border: #ccc solid 1px;float: left;margin-top: 20px;}
.oneEr textarea {width: 100%;height: 94px;text-indent: 8px;resize: none;-webkit-appearance: none;line-height: 28px;
    padding-left: 6px;border: #ccc solid 1px;margin-top: 20px;}
.oneEr input:nth-child(2){float: right}
.oneEr a{display: block;width: 150px;margin: 0 auto;line-height: 40px;color: #fff;text-align: center;margin-top: 20px}

/*========================================= 底部 =====================================*/
.footer{width: 100%;background: rgba(19,30,47,.92);overflow: hidden;margin-top: 40px}
.foot{font-size: 16px;border-bottom: 1px solid rgba(255,255,255,.2);padding: 40px 0;}
.foota ul li{color: #c0c5cc;line-height: 2}
.footb{margin-top: 40px}
.footb ul li{float: left;margin-right: 4%}
.footb ul li a{color: #c0c5cc}

.copy{background: rgba(19,30,47,.92);color: #c0c5cc;line-height: 35px;padding: 10px 0;}
.copy a{color: #c0c5cc}

@media screen and (max-width: 768px) {
    .top{display: none}
    .topAl{display: none}
    .topAr{display: none}
     nav{display: none}
    .menu-button{display: block;margin-top: 0}
    .footfix{display: block}
    .footline{display: block}
    .foota{min-height: initial}
    .footb{display: none}
    .footc{display: none}
    .copy{display: none}
    .navs_menu{display: block}
    .foot{padding: 25px 0;font-size: 14px}
    .title h2{font-size: 22px}
    .title p{font-size: 14px}
    .title h3{font-size: 14px}
    .title2 h2{font-size: 22px}
    .title2 dd{margin-top: -25px}
    .topA{padding: 12px;height: auto}
    .oneAl{position: initial;padding: 30px 12px}
    .oneAl .text{font-size: 14px}
    .oneAr img{min-height: auto}
    .oneB{padding: 25px 0}
    .oneB ul li p{font-size: 18px}
    .oneB ul li span{font-size: 12px}
    .oneCs ul li dl h3{font-size: 14px}
    .oneCs ul li dl p{-webkit-line-clamp: 2;}
    .oneDD .title .hd{margin-top: 20px}
    .oneDD .title .hd ul li{line-height: 32px}
    .oneF ul li dt{padding: 12px}
    .oneF ul li dt h3{font-size: 14px}
    .oneF ul li dt p{font-size: 12px;margin: 10px 0}
    .oneF ul li dt label{font-size: 12px;padding-top: 10px}
    .oneEl ul li{font-size: 14px}
    .oneEr input{line-height: 36px;height: 36px}
    .oneEr a{line-height: 36px}
    .more{width: 45px;height: 45px;}
    .more .i{line-height: 40px}
    .oneD ul li p{font-size: 16px}
}