.section-page1{padding-top:45px;padding-bottom:55px;background: url(bg1.png) center center no-repeat;background-size:cover;}
.section-page2{padding-top:45px;padding-bottom:55px;background: url(bg2.png) center center no-repeat;background-size:cover;}
.section-page3{padding:60px 0;background: url(bg3.png) center top no-repeat;background-size:cover;}
.section-page4{padding:40px 0;background: url(bg4.png) center center no-repeat;background-size:cover;}
.section-page5{padding:40px 0;background: url(bg5.png) center center no-repeat;background-size:cover;}
.section-page6{padding:40px 0;background: url(bg6.png) center center no-repeat;background-size:cover;}
.fz28{font-size:28px}
.common-head{margin-bottom:30px;line-height:50px;position:relative;}
.common-head .title{color:#12598f;font-weight:bold;}
.common-head .more{position:absolute;top:0;right:0;}
.common-head .more a{display:block;width:50px;height:50px;font-size:0;background: url(more.png) center center no-repeat;text-indent:-9999px;}
.common-border{padding-bottom:15px;border-bottom:1px solid #eeeeee;}
.common-bottom{padding-bottom:30px;}
.common-news{padding:10px 10px;background:#fff;}
.section-page2 .common-head .title,.section-page4 .common-head .title,.section-page6 .common-head .title{color:#fff;}
.section-page2 .common-head .more a,.section-page4 .common-head .more a,.section-page6 .common-head .more a{background: url(more2.png) center center no-repeat;}
.common-tabs{position:relative;}
.common-tabs .hd{margin-bottom:30px;line-height:50px;position:relative;}
.tabs-nav>li{color:#687986;font-size:28px;float:left;margin-right:40px;font-weight:bold;cursor:pointer;}
.tabs-nav>li.on{color:#12598f;}
.tabs-item{display:none;}
.common-tabs .more{position:absolute;top:0;right:0;}
.common-tabs .more a{display:block;width:50px;height:50px;font-size:0;background: url(more.png) center center no-repeat;text-indent:-9999px;}
.section-page5 .row{margin-left:-5px;margin-right:-5px;}
.section-page5 .col-md-4,.section-page5 .col-sm-4,.section-page5 .col-xs-12,.section-page5 .col-md-6,.section-page5 .col-sm-6,.section-page5 .col-xs-6{padding-left:5px;padding-right:5px;}
.special-pic{width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.special-pic img{width:100%;height:auto;max-height:313px;display:block;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.special-pic:hover img{transform: scale(1.05);}
.side-fixed{position:fixed;top:50%;left:5%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);z-index: 99;}
.side-fixed .title{width:121px;height:108px;line-height:108px;color:#fff;font-size:18px;margin:0 auto 20px;text-align:center;background: url(site.png) center center no-repeat;}
.side-fixed-nav{display:none;position: absolute;top: 128px;left: 0;width: 100%;transition:all 1s ease-out 0s;}
.side-fixed-nav li{margin-bottom:20px;text-align:center;}
.side-fixed-nav li a{color:#fff;display:block;padding:10px;background: rgba(35,41,52,.36);border-radius:10px;}
.side-fixed-nav li a:hover{background:#12598f;}
.side-fixed:hover .side-fixed-nav{display:block;}
.scenery-box{width:100%;height:398px;position:relative;overflow:hidden;}
.scenery-box .pic{width:100%;height:100%;}
.scenery-box .pic img{width:100%;height:100%;object-fit: cover;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.scenery-box .text{width:100%;line-height:55px;text-align:center;position:absolute;left:0;bottom:0;background: rgba(1,8,26,.63);}
.scenery-box .text a{color:#fff;font-size:18px;}
.scenery-box:hover .pic img{transform: scale(1.05);}
.video-box{position:relative;overflow:hidden;height:398px;background-color:#000;}
.video-box video{position:absolute;top:50%;left:50%;display:block;width:100%;height:100%;object-fit:cover;-o-object-fit:cover;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s}
.video-box .play{position: absolute;left:50%;top:50%;z-index:3;margin:-25px 0 0 -25px;width:50px;height:50px;background: url(play.png) center center no-repeat;background-size:contain;cursor:pointer;}
.fixed-nav{position:fixed;top:50%;right:0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);z-index:99}
.fixed-nav ul{text-align: right;margin-bottom:20px;}
.fixed-nav li{margin:1px 0;}
.fixed-nav li a{display:inline-block;vertical-align:middle;width:130px;font-size:14px;color:#fff;line-height:54px;text-align:left;padding:0 4px;background-color:#053f81;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.fixed-nav.on li a{width:54px}
.fixed-nav li:hover a{background-color:rgba(5,63,129,.7);width:153px;color:#fff}
.fixed-nav.on li:hover a{width:153px;}
.fixed-nav li a i{display:block;float:left;width:54px;height:54px;font-size:0;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.fixed-nav li a .i1{background-image:url(fi1.png)}
.fixed-nav li a .i2{background-image:url(fi2.png)}
.fixed-nav li a .i3{background-image:url(fi3.png)}
.fixed-nav li a .i4{background-image:url(fi4.png)}
.fixed-nav li a .i5{background-image:url(fi5.png)}
.fixed-nav li a .i6{background-image:url(fi6.png)}
.fixed-nav li a .i7{background-image:url(fi7.png)}
.fixed-nav .down{display: block;width:130px;cursor: pointer;float: right;}
.fixed-nav.on .down{width: 54px;}
.fixed-nav .down i{display: block;width:28px;height:29px;margin: 0 auto;background: url(arr5.png) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.fixed-nav.on .down i{background-image: url(arr4.png);}
@media (min-width: 991px){
	.col-left,.col-right{transform: translate(80px, 0px);-webkit-transform: translate(80px, 0px);transition: 1s;-webkit-transition: 1s;opacity: 0;}
	.col-left{transform: translate(-80px, 0px);-webkit-transform: translate(-80px, 0px);}
	.col-left.showdiv,.col-right.showdiv{opacity: 1;transform: none;-webkit-transform: none;}
	.section-page3 .common-tabs{transform: translateY(80px);opacity: 0;transition: 1s;-webkit-transition: 1s;}
	.section-page4 .common-box{transform: translateY(-80px);opacity: 0;transition: 1s;-webkit-transition: 1s;}
	.col-4{transition: all 1s ease-out 0s;transform: translateY(-80px);opacity: 0;}
	.col-4:nth-child(2){transition: all 1s ease-out .2s;transform: translateY(80px);}
	.col-4:nth-child(3){transition: all 1s ease-out .4s;}
	.section-page3.showdiv .common-tabs,.section-page4.showdiv .common-box,.section-page5.showdiv .col-4,.section-page6.showdiv .col-4{transform: translateY(0);opacity: 1;}
}
@media (max-width: 1200px){
	.common-head .fz28{font-size:24px;}
}
@media (max-width: 991px){
	.scenery-box,.video-box{height:300px;}
}
@media (max-width: 767px){
	.scenery-box{height:auto;}
}