body{color:#595757}
header{height:6rem;background:url(../../image/hbg.svg) repeat-x}
header .f .col-md-4 a{margin-left:15px}
.color{color:#1aa1a9}
.color i{font-weight:100}
.mt-6{margin-top:4rem}
.mt-7{margin-top:5rem}
.mt-8{margin-top:6rem}
.mt-10{margin-top:10rem}
.feilei .col-md-4 div{margin-bottom:80px;border-bottom:1px solid #1aa1a9;background:url(../../image/pbg.svg) no-repeat bottom}
.feilei .col-md-4 div i img{margin-bottom:-30px}
.feilei .col-md-4 p{font-size:14px!important}
.f12{font-size:12px!important}
button{padding:8px 16px;border:1px solid #1aa1a9;border-radius:2rem;background:0 0;color:#1aa1a9;font-size:12px}
button:hover{background:#1aa1a9;color:#fff}
.but{border:1px solid #fff;color:#fff}
.but:hover{background:#1aa1a9;color:#000}
.shadow{box-shadow:0 0 1rem rgba(0,0,0,.15)!important}
.bg-fei{background:#f5f5f7}
.pos1 h3{top:35%;left:50%;z-index:999;margin-left:-15%;width:30%;letter-spacing:.2rem}
footer{background:#009fa2}
footer a{margin:0 10px}
.f14{font-size:14px}
a{text-decoration:none!important}
a:link,a:visited{color:#1aa1a9}
a:active,a:hover{color:#000}
.f a:link,.f a:visited{color:#fff}
.f a:active,.f a:hover{color:#000}
.fcc{color:#ccc}

.nav a{position:relative;margin-right:40px;padding:20px 5px 5px;color:#1aa1a9;font-weight:700;display: inline-block;}
.nav a:before{position:absolute;bottom:0px;left:0;width:100%;height:2px;background:#1aa1a9;content:"";transition:all .3s;transform:scale(0)}
.nav a:hover:before{transform:scale(1)}.nav a.active{border-bottom:2px solid #1aa1a9}
.foot2 .mb-4 a{margin-right:10px;color:#595757;text-decoration:underline!important;font-weight:700;font-size:16px}
.foot2 .mb-4 a:hover,.news a{color:#1aa1a9}
.news a{display:block;margin-bottom:10px;padding:20px 25px;border-radius:10px;font-weight:700}
.news a:hover{background:#1aa1a9;color:#fff}
.lin{display:block;margin-bottom:20px;width:50px;height:2px;border:1px solid #1aa1a9}
.joinThr .myContainer input[type=text]{margin-bottom:15px;height:45px;box-shadow:none}
.joinThr .myContainer textarea{height:150px}
.joinThr .myContainer input[type=submit]{margin-top:25px;padding:10px 45px;border:0;background-color:#0ba1a2;color:#fff;text-align:center;font-size:1.6em}
.historyTitle{margin-top:-17px;text-align:center}
.historyTab{position:relative;z-index:19;margin:9px 0 21px}
.historyTab li{display:inline-block;margin-right:10px;font-weight:700;font-size:18px}
.historyTab li a:link,.historyTab li a:visited{padding:0 20px;color:#595757}
.historyTab li a:active,.historyTab li a:hover,.historyTab li.active a{border-radius:10px;background:#1aa1a9;color:#fff}
.historyList{position:relative;text-align:center}
.historyList .line{position:absolute;top:39px;bottom:0;left:50%;width:1px;background:#ddd}
.historyList .line .in{display:block;width:1px;height:0;background:#009fa2}
.historyList .section{padding:0}
.historyList .section:first-child{padding-top:0}
.historyList .section:nth-child(2n) .title .in{background:#fafafa}
#years1960 .detail>dl:last-child:before{position:absolute;bottom:-49px;left:-44px;width:5px;height:5px;border-radius:5px;background:#ddd;content:""}
#years1960 .detail>dl.active:last-child:before{background:#e60012}
.historyList .title{position:relative;z-index:5;margin:0 auto 51px;width:1045px}
.historyList .title .in{display:inline-block;width:107px;border:1px solid #ddd;border-radius:41px;background:#fff;font-weight:700;font-family:Myriad;line-height:39px}
.historyList .title.active .in{border-color:#009fa2;color:#009fa2}
.historyList .detail{margin:-13px auto 0;width:1045px}
.historyList .detail dl{position:relative;z-index:4;padding-top:0;width:480px;color:#333;line-height:1.68}
.historyList .left{margin-right:auto;padding-right:50px;text-align:right}
.historyList .detail dl.left:before{left:522px}
.historyList .right{margin-left:auto;padding-left:50px;text-align:left}
.historyList .detail dl.right:before{right:522px}
.historyList .detail dt{margin-bottom:-4px;padding:0 0 3px;color:#009fa2;font-weight:700;font-size:54px;font-family:Myriad}
.historyList .detail dt .in{position:relative;display:block}
.historyList .detail dt .in:after{position:absolute;top:37px;width:5px;height:5px;border-radius:10px;background:#ddd;content:"";transform:scale(2.5)}
.historyList .detail dt .in:before{position:absolute;top:22px;width:15px;height:15px;border:1px solid transparent;background:0 0;content:""}
.historyList .detail .active>dt .in:before{border-color:#009fa2;background-color:#fff}
.historyList .detail dd{margin:1px 0 0}
.historyList .detail dd.img{margin:25px 0 0}
.historyList .left dt .in:after{right:-96px}
.historyList .left dt .in:before{right:-102px}
.historyList .right dt .in:after{left:-94px}
.historyList .right dt .in:before{left:-99px}
.historyList .line .in{-webkit-transition:height .3s ease-out;transition:height .3s ease-out}
.historyList .detail dt .in:after,.historyList .detail dt .in:before{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.historyList .detail dt .in:before{border-radius:17px;-webkit-transform:scale(.3);transform:scale(.3)}
.historyList .detail .active>dt .in:before{-webkit-transform:scale(1);transform:scale(1)}
#years1960 .detail>dl:last-child:before{-webkit-transition:background 0s ease-out .3s;transition:background 0s ease-out .3s}
.historyList img{max-width:366px}
.prcon ol li{margin-top:20px;list-style-image:url(../../image/n1.png)}
.prcon ol li:nth-child(2){list-style-image:url(../../image/n2.png)}
.prcon ol li:nth-child(3){list-style-image:url(../../image/n3.png)}
.prcon ol li:nth-child(4){list-style-image:url(../../image/n4.png)}
.prcon ol li:nth-child(5){list-style-image:url(../../image/n5.png)}
.prcon ol li:nth-child(6){list-style-image:url(../../image/n6.png)}
.list-paddingleft-2{padding-left:15px}
.prcon .table td,.prcon .table th{padding:.3rem}
.prcon table{border-bottom:1px solid #ccc}
.body table thead{background: #dcdcdc;border-top: 2px solid #1aa1a9;}
.enter-y{opacity:0;transition:all .5s;transform:translateY(50px)}
.enter-y-r,.enter-y-y{opacity:0;transition:all .5s;transform:translateY(-50px)}
.enter-x{transform:translateX(50px)}
.enter-x,.enter-x1{opacity:0;transition:all .5s}
.enter-x1{transform:translateX(450px)}
.enter-x-r{transform:translateX(-50px)}
.enter-x-r,.enter-x-r1{opacity:0;transition:all .5s}
.enter-x-r1{transform:translateX(-150px)}
.show .delay-1{transition-delay:.2s!important}
.show .delay-2{transition-delay:.4s!important}
.show .delay-3{transition-delay:.6s!important}
.show .delay-4{transition-delay:.8s!important}
.show .delay-5{transition-delay:1s!important}
.show .delay-6{transition-delay:1.2s!important}
.show .delay-7{transition-delay:1.4s!important}
.show .delay-8{transition-delay:1.6s!important}
.show .delay-9{transition-delay:1.8s!important}
.show .enter-x,.show .enter-x-r,.show .enter-x-r1,.show .enter-x1,.show .enter-y,.show .enter-y-r,.show .enter-y-y{opacity:1;transform:translate(0)}
.clear{clear:both}
.page-item.active .page-link{background-color:#1aa1a9;border-color:#1aa1a9;}
.page-link{border-radius:20px;padding:0 .35rem;margin-left: 20px}.page-item:first-child .page-link,.page-item:last-child .page-link{border-radius:20px;}