@charset "UTF-8";
*{margin: 0; padding: 0; position: relative;}
*, *:after, *:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
html{color:#000;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;margin:0; list-style-type:none;}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}
table{border-collapse:collapse;border-spacing:0;font-size: inherit;font:100%;}
caption,th{text-align:left;}
fieldset,img{border:none;}
ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,button,textarea,select{font-family: inherit;font-size: inherit;font-weight: inherit;vertical-align:middle;*font-size:100%;}
address,caption,cite,code,dfn,em,i,th,var,optgroup{font-style:normal;font-weight:normal;}
.left{float:left;}
.right{float:right;}
.hide {display:none;}
.clearfix:after {content:'\0020';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
a{ text-decoration:none; outline: none;}
a:hover{ text-decoration:underline;}
*{ box-sizing: border-box; }
strong{font-weight: bold}
@font-face {
    font-family: 'fzlantinghei-el-gbkregular';
    src: url("../font/fzltxhk-webfont.woff2") format('woff2'),
         url("../font/FZLTXHK.TTF") format('truetype'),
         url("../font/fzltxhk-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratregular';
    src: url("../font/montserrat-regular-webfont.woff2") format('woff2'),
         url("../font/montserrat-regular-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;

}
body{font-family:'黑体';}

.F45{font-size: 45px;}
.F35{font-size: 35px;}
.F32{font-size: 32px;}
.F28{font-size: 28px;}
.F24{font-size: 24px;}
.F22{font-size: 22px;}
.F16{font-size: 16px;}
.F13{font-size: 13px;}
.FL{float: left;}
.FR{float: right;}
.gray{color: #595757;}
.black{color: #000}
.TC{text-align: center;}
.TL{text-align: left;}
.mb_35{ margin-bottom: 35px; }
.mb_50{ margin-bottom: 50px; }
.mt_65{ margin-top: 65px; }
.mt_30{ margin-top: 30px; }
.ml_45{margin-left: 45px;}


.banner{width:100%;  position: relative; background-attachment: fixed;}
.bannerMenu{ width: 100%; position: fixed; left: 0;  top: 0; height: 100px; z-index: 108;background: #fff;}
.bannerLogo{ float:left; margin-top:15px; background: url("../images/bannerLogo.png"); background-size: cover; width:222px ; height:68px ;}
.bannerMenu .menu{float: right; width: 700px; height:100px ; padding-top:35px;}
.bannerMenu .bar{float: right; width: 29px; height: 21px; margin: 36px 0 0 40px; background: url("../images/bar.png"); display: none;}
.menu a{display: block; text-align: center; float: left; width: 100px; color: #3e3a39; font-size: 18px; text-decoration: none;}

.menuLine{ width:  100px; height: 2px; background:#000; position: absolute; left: 0; top:70px; }

.floor0{position: relative; width: 100%; height: 100%; overflow: hidden;}
.bannerCon{position: absolute; left: 50%; top:400px; margin-left:-390px ; width: 780px; height:300px ;  color: #000; text-align: center; font-weight: bold; line-height: 70px;}
.bannerCon p{font-family: 'montserratregular';}
.btn{ display:block;  text-align: center; font-family: 'montserratregular'; color: #000; font-size: 13px; position: relative; z-index: 0; overflow: hidden; text-decoration: none;}
.bannerCon .btn{margin:40px auto; width: 228px; height:59px ;line-height: 59px; border:2px solid #000;}
.activity .btn{margin:40px 0 0 0; width: 196px; height:52px ;line-height: 52px; border:1px solid #000; font-size: 22px; color: #000}
.btn:hover{text-decoration: none; color: #fff;}


.anim{-moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: -1;}
.anim:before{position: relative; content: ''; display: block; margin-top: 100%;}
.anim:after{content: ''; position: absolute; top: 0; bottom: 0; left: -10px; right: -10px; border-radius: 50%; color: #fff;}
.bannerBackground{background: #fff;}
.btn:hover > .anim{-moz-animation: anim-out forwards 0.75s; -webkit-animation: anim-out forwards 0.75s; animation: anim-out forwards 0.75s;}
.btn:hover > .anim:after{-moz-animation: anim-out-pseudo forwards 0.75s; -webkit-animation: anim-out-pseudo forwards 0.75s; animation: anim-out-pseudo forwards 0.75s;}
@-webkit-keyframes anim-out{0%{width: 0%;} 100%{width: 100%;}}
@-moz-keyframes anim-out{0%{width: 0%;} 100%{width: 100%;}}
@-ms-keyframes anim-out{0%{width: 0%;} 100%{width: 100%;}}
@keyframes anim-out{0%{width: 0%;} 100%{width: 100%;}}
@-webkit-keyframes anim-out-pseudo{0%{background: rgba(0, 0, 0, 1);} 100%{background: rgba(0, 0, 0, 1);}}
@-moz-keyframes anim-out-pseudo{0%{background: rgba(0, 0, 0, 1);} 100%{background: rgba(0, 0, 0, 1);}}
@-ms-keyframes anim-out-pseudo{0%{background: rgba(0, 0, 0, 1);} 100%{background: rgba(0, 0, 0, 1);}}
@keyframes anim-out-pseudo{0%{background: rgba(0, 0, 0, 1);} 100%{background: rgba(0, 0, 0, 1);}}




.banner .leftPeople{  width: 771px; height: 800px; float: left;  }
.banner .rightPeople{ width: 498px; height: 800px; float: right; }
.w_1370{width: 100%; margin: 0 auto; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.w_1168{width: 1168px; margin: 0 auto;}
.bannerTop{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; pointer-events: none;}
.bannerTop1{background: rgba(209,233,230,0.3); }
.bannerTop2{background: rgba(193,216,219,0.6);}
.banner .text{position: absolute; left: 50%; top:230px; width:743px ; margin-left: 371px;}




.blackMenu{ width: 100%; background: #000; overflow: hidden; height:204px ; padding-top: 40px; color: #fff; text-align: center; font-family: 'fzlantinghei-el-gbkregular';}
.blackMenu .line{display: inline-block; margin-top: 10px; width: 80px; background: #fff; height:2px ; line-height: 40px;font-size: 20px}

.blackMenu .F35{line-height: 50px;}
.blackMenu .F28{line-height: 40px;}
.floor1{ width: 100%; height:570px ; }
.swiper-container {width: 100%;height:100%;}
.activity{width: 1256px;}
.activity .FR{ width: 585px; height: 570px; }
.activity .FL{ width: 510px; height: 570px; color: #3e3a39;font-size: 18px; }
.activity .FL p{margin-top: 15px;}
.activity .FR img{width: 100%; height: 100%;}
.btnDetail{display:inline-block;background: none; width:196px ; height:52px ; margin-top: 40px;}

.floor2{position: relative;}
.floor2 section{width: 1168px; margin: 0 auto; height: 910px;}
.floor2 article{position: absolute; left: 0; top: 105px; right: 0; bottom: 0; overflow: auto; transition: .7s; transform: scale(0); transform-origin: center center; transition-delay: .1s;}
.floor2 article:before{color: rgba(0, 0, 0, .2); font-size: 4rem; font-weight: 100; position: absolute; bottom: 1rem; right: 1rem;}
.floor2 li{float: left; width: 371px; height: 371px; margin: 0 25px 25px 0; position: relative; overflow: hidden;}
.floor2 li img{width: 100%; height: 100%;}
.floor2 li:nth-child(3n+0){margin-right: 0;}
.floor2 nav{display: block; width: 750px; margin: 60px auto;}
.floor2 nav:after{content: ''; width: 170px; height: 50px; border: 1px solid #000; background: #000; position: absolute; transition: .5s;}
.floor2 input{display: none;}
.floor2 label{width: 170px; height: 50px; line-height: 50px; font-size: 22px; margin: 0 8px; border: 1px solid #000; float: left; color: #000; text-align: center; cursor: pointer; transition: .5s; z-index: 2;}
.floor2 label:hover{color: #1E6743;}
#profile:checked ~ nav [for='profile'],
#settings:checked ~ nav [for='settings'],
#posts:checked ~ nav [for='posts'],
#books:checked ~ nav [for='books']{color: #fff;}
#settings:checked ~ nav [for='settings']{}
#profile:checked ~ nav [for='profile']{}
#profile:checked ~ nav:after{left: 8px;}
#settings:checked ~ nav:after{left: 194px; border-top: 0 none;}
#posts:checked ~ nav:after{left: 380px;}
#books:checked ~ nav:after{left: 566px;}
#profile:checked ~ .uno,
#settings:checked ~ .dos,
#posts:checked ~ .tres,
#books:checked ~ .cuatro{display: block; transform: scale(1); transition-delay: .5s;}


.floor2{ height: 970px; overflow: hidden;}
.tabHead{ margin:60px auto; text-align: center; width: 770px; overflow: hidden; }
.tabChild{display: none}
.tabHead span{display: inline-block; width: 170px; height: 50px; line-height: 50px; font-size: 22px; margin-right: 15px; border: 1px solid #000; color: #000; text-align: center; cursor: pointer; transition: .5s; z-index: 2;}
.tabHead span.on{ color: #fff; background: #000; }
.tabHead span:hover{color: #fff}

.bgli{
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 0;
    width: 170px;
    height: 50px;
    background: rgba(0,0,0,1);
}
.tabBd{}
.tabChild li{float: left;  width: 371px; height: 371px; margin: 0 25px 25px 0;}




.floor3{ margin-bottom: 140px; }
.floor3 .guide{margin-top: 70px; width: 1168px; height:676px ; }
.floor3 .guide img{ width: 100%; height:100%; }
.floor3 .pagination{width: 460px; margin:0 auto;}
.floor3 .pagination li{float:left; margin:0 7px; width: 36px; height: 36px; border-radius: 100%; border:1px solid #3e3a39; line-height: 36px; text-align: center; font-size: 14px; cursor: pointer;}
.floor3 .pagination li.active,.floor3 .pagination li:hover{background: #000; color: #fff;}


.aboutSaga,.contactUs{width: 1168px; margin:75px auto 20px; color: #595757; font-size: 18px; text-align: center; line-height: 30px; height: 956px; overflow: hidden;}
.aboutSaga .title,.contactUs .title{ margin-bottom: 20px; font-size: 36px; color: #000; line-height: 60px; height: 180px; overflow: hidden; }
.blackMenu .searchWrap{width: 970px; margin:35px auto;}
.blackMenu .search{ width: 760px; height: 50px; border:1px solid #fff; background: none; font-size: 20px; background:url("../images/Search.png") rgba(255,255,255,0.05) no-repeat 20px center; padding-left: 50px; color: #fff; }
.blackMenu .search:focus{ box-shadow:0 0 3px #fff; background:url("../images/Search.png") no-repeat 20px center; }
.blackMenu .btnSearch{ width: 177px; float: right; height: 50px; text-align: center; color: #000;font-size: 22px;  background: #fff; border:1px solid #fff;}


.contactUs .contactWay{width: 550px; height: 370px; padding: 10px 20px; background: #e5e5e5; color: #595757; font-size: 16px;}
.contactWay .way{ height: 40px; margin-top:20px; line-height: 40px; padding-left: 50px; text-align: left; }
.contactWay .tel{ background: url("../images/phone.png") left center no-repeat; }
.contactWay .email{ background: url("../images/email.png") left center no-repeat; }
.contactWay .address{ background: url("../images/address.png") left center no-repeat; }
.contactWay .subway{ background: url("../images/subway.png") left center no-repeat; }
.contactWay .gongj{ background: url("../images/bus.png") left center no-repeat; }


.contactWay .subway{line-height: 24px!important;}
.contactWay .subway b{font-weight: bold; color: #000;}
.contactWay .subway span{padding: 2px 0 0 0; }
.contactWay .subway .bus{width: 440px;  border-top: 1px solid #000; }
.contactUs .map{width: 585px; height:  370px;}

.blackMenu a{color: #fff;}
.blackMenu .commution {width: 240px; margin:0 auto 10px;}
.blackMenu .commution a{display: block; float: left;  padding: 0 10px; }
.blackMenu .bussiness{border-right: 1px solid #fff;}
.blackMenu .wechat{background: url("../images/wechat.png") no-repeat; width: 22px; height: 18px; margin-left: 20px;}
.blackMenu .weibo{background: url("../images/weibo.png") no-repeat; width: 22px; height: 18px;margin-left: 20px;}
.blackMenu .copyRight{ display: inline-block;}
.ewm{display:none; position:absolute; right: 310px; width: 130px; height:130px ;}
.ermWeibo{background: url("../images/ewmWeibo.png"); background-size: 100% 100%;  top: 130px;}
.ermWeixin{background: url("../images/ewmWeixin.png"); background-size: 100% 100%;  top: -30px;}


.shade{position: absolute; left: 0; right: 0; height: 371px; top: -100%; background:rgba(0,0,0,0.8); color: #fff; text-align: center; padding:70px 30px 0; font-size: 14px; line-height: 24px;}
.shade .title{ margin-bottom:40px; font-size: 22px; font-weight: bold;}
.shade .more{display: inline-block; margin-top: 30px; width: 80px; height: 30px; line-height: 30px; background: #fff; color: #000; text-align: center;}
.shade .more:hover{text-decoration: none;}

.scrollTop{position: fixed; right:30px; bottom: 20px; background: url("../images/scrollTop.png"); width: 100px; height: 100px;background-size: cover;}

.map .sagaAddress{position: absolute; left: 160px; top: 150px; background: url("../images/addSaga.png"); width: 148px; height: 55px;}
.add_an{
  -webkit-backface-visibility:visible;
-webkit-transform-origin:center center;
-webkit-animation:add_an 1.5s 0s infinite ease-in-out normal none ;
} 
@-webkit-keyframes add_an{0%{top:150px;} 51%{top:135px;} 100%{top:150px;}}
.add_an{
  -moz-backface-visibility:visible;
-moz-transform-origin:center center;
-moz-animation:add_an 1.5s 0s infinite ease-in-out normal none ;
} 
@-moz-keyframes add_an{0%{top:150px;} 51%{top:135px;} 100%{top:150px;}}



.secondPage{ padding-top:100px  }
.activityList li{float: left; width:377px ; height: 377px; background: #e5e5e5; margin:0 12px 12px 0 ; }
.activityList li a{display: block; width: 100%; height: 100%}
.activityList li:nth-child(3n+0){padding-right: 0}

.newsPage .floor2{height: auto; overflow: hidden;}
.newsPage .floor2 li{ width: 376px; height: 376px; margin: 0 12px 12px 0;  background: #e5e5e5;}

.thirdPage{ padding-top:100px  }
.thirdPage .picture{margin:0 auto; width:1334px; height:582px; background: url("../images/thirdBanner.png");}
.thirdPage .artical{padding:45px 20px 0 20px; width: 1168px; background: #fff; margin:-100px auto 0; color: #595757; font-size: 18px;}

.bigIcon{float:right ; margin-top: 10px; width: 43px; height: 37px;}
.bigWeibo{ background: url("../images/weibo2.png") no-repeat; margin-right: 52px;}
.bigWechat{background: url("../images/wechat2.png") no-repeat; margin-right: 32px;}
.artical{ padding: 20px;}
.artical .title{float: left; color: #000; padding:0 45px; width: 850px;  }
.artical .time{display: inline-block; margin:20px 0 40px 45px; padding:0 30px 0 10px; background:#000; color: #fff; line-height: 35px; font-size: 22px; }
.artical .pic{margin-top: 40px;}
.artical .bg1{background: #c6c7c7;}
.artical .bg2{background: #dcdddd;}
.artical .bgText{ background: #fff ; padding:70px; font-size: 18px; color: #595959}
.artical .bgText p{position: absolute; left: 70px; right: 70px; top: 50%; transform: translate(0,-50%);}
.artical .col1{width: 100%;}
.artical .col2{width: 50%; float: left;}

.floor0 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 40px;}
.floor0 .swiper-pagination-bullet{ width: 15px; height: 15px;}
.floor0 .swiper-pagination-bullet-active{ background-color: #000000}
.floor0 .swiper-button-prev{ left: 50px}
.floor0 .swiper-button-next{ right: 50px}