body { font-size:14px; font-family:microsoft yahei,Verdana; line-height:1.5;margin:0px; padding:0px;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;}
img { border:0px;}
textarea{ resize:none;}
input,textarea{outline:none;-webkit-appearance: none;}
a { color:#333; text-decoration:none;}
a:hover { color:#07458e;}

#header.bak {background: rgba(255,255,255,0.15);}
#header.bak-1 {background: #fff; border-bottom:1px solid #ddd;}

/*body*/
#container { width:100%; margin:0 auto;}
.wrap{ width: 78%; margin: 0 auto;}
@media screen and (max-width:1399px){
.wrap{ width: 90%; margin: 0 auto;}
}
@media screen and (min-width:1400px) and (max-width:1559px){
.wrap{ width: 92%; margin: 0 auto;}
}
.fl{ float:left;}
.fr{ float:right;}

/*header*/
#header{ position:absolute; left:0; top:0; width:100%; margin: 0 auto; z-index:12;}
#header .logo{ overflow:hidden; width:444px; margin-top:14px;}
#header .nav{text-align:center;}
#header .nav.snmask:before{ content:''; position:absolute; left:0; top:100%; width:100%; height:50px; background:url(../image/opacity-60.png);}
#header .nav ul li{ position:relative;/*background:url(../images/opacity-0.png) no-repeat;*/display:inline-block;}
#header .nav ul li>a{ display:block; line-height:24px; padding:25px 28px; color:#fff;font-size:16px;}
#header .nav ul li a:hover{ color:#fff;}
#header .nav ul .cur a{}
#header .subnav{ position:absolute; left:0; right:0; top:100%; height:50px;line-height:50px; display:none;text-align: center;width:100%; white-space:nowrap;}
#header .subwrap{ display:inline-block;}
#header .subnav h1{ font-size:14px; color:#fff;display:inline-block;margin-right:10px;}
#header .subnav ul{display:inline-block;overflow:hidden; background:url(../images/subnav_liststyle.png) left no-repeat; padding-left:8px; vertical-align:middle;}
#header .subnav ul li{ display:inline-block; vertical-align:middle;position: relative;}
#header .subnav ul li a{ padding:0 8px; font-size:12px; color:#fff; line-height:50px;}
.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-box-shadow:0 0 1px transparent;box-shadow:0 0 1px transparent;position:relative;overflow:hidden}
.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}
.hvr-underline-from-center:before{ background:#07458e;}

#header .nav li.cur a{color:#fff;/*background:url(../image/arrow1.png) center bottom no-repeat;*/}

#header .nav li b{display: block; visibility: hidden; width: 18px;height: 10px;position: absolute;bottom: 0;left: 50%;margin-left: -9px;}
#header .nav li.cur b{visibility: visible;}
#header .nav li b img{vertical-align:top;}
#header .nav_child{position:absolute;left:0;top:100%;width:100%;}
#header .nav_child .child{position:absolute;left:0;top:0;width:100%;text-align:left;line-height:50px;height:0;overflow:hidden;background:rgba(255,255,255,0.05);}
#header .nav_child .child.now{transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;height:50px;}
#header .nav_child .child a{color:#fff;}
#header .nav_child .child strong{color:#fff;background:url(../images/img6.png) right center no-repeat;padding-right:15px;margin-right:8px;}
#header .nav_child .child p{display:inline-block;margin-right:15px;}
#header .nav_child .child p a{font-size:14px;margin-right:15px;}
#header .nav_child .child strong a{font-size:15px;}
#header .nav_child .child strong a:hover{color:#fff;}
#header .nav_child .child .p{display:inline-block;}
#header .nav_child .child p.last{margin:0;}
#header .nav_child .child p.last strong{margin:0;background:none;padding:0;}
#header .nav_child .child p.last strong a{margin:0;}

@media screen and (max-width:1399px){
#header .nav ul li>a{ display:block; line-height:24px; padding:25px 18px; color:#fff;font-size:15px;}
}
@media screen and (min-width:1400px) and (max-width:1559px){
#header .nav ul li>a{ display:block; line-height:24px; padding:25px 25px; color:#fff;font-size:16px;}
}


.header{height:74px;border-bottom:1px solid #e3e3e3;position:relative;z-index:3;}
.header .wrap .logo{width:444px; margin-top:14px;}
.header .wrap .logo a{display:block;height:100%;}
.header .nav_main{}
.header .nav_main li{display:inline-block;;height:100%;line-height:48px;position:relative;}
.header .nav_main li b{position:absolute;left:50%;margin-left:-9px;width:18px;height:10px;display:block;bottom:0;visibility:hidden;}
.header .nav_main li b img{vertical-align:top;}
.header .nav_main li a{display:block;line-height:24px; padding:25px 28px; color:#474747;font-size:16px;}
.header .nav_main li.cur a{color:#07458e;}
.header .nav_main li.cur b{visibility:visible;}
.header .nav_main li a:hover{color:#07458e;}
.header .nav_child{position:absolute;left:0;top:100%;width:100%;}
.header .nav_child .child{position:absolute;left:0;top:0;width:100%;text-align:left;line-height:50px;height:0;overflow:hidden;background:#f7f8f8;}
.header .nav_child .child.now{transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;height:50px;}
.header .nav_child .child a{color:#555;}
.header .nav_child .child strong{color:#fff;background:url(../images/img6-1.png) right 18px no-repeat;padding-right:15px;margin-right:8px;display: inline-block;}
.header .nav_child .child p{display:inline-block;margin-right:10px;}
.header .nav_child .child p a{font-size:12px;margin-right:10px;}
.header .nav_child .child strong a{font-size:14px;}
.header .nav_child .child strong a:hover{color:#07458e;}
.header .nav_child .child .p{display:inline-block;margin-left:450px;}
.header .nav_child .child p.last{margin:0;}
.header .nav_child .child p.last strong{margin:0;background:none;padding:0;}
.header .nav_child .child p.last strong a{margin:0;}


@media screen and (max-width:1399px){
.header .nav_main li a{display:block;line-height:24px; padding:25px 18px; color:#474747;font-size:15px;}
}

.home{}
.home .focus{ overflow:hidden; position:relative;width:100%;}
.home .focus ul{ overflow:hidden; width:9999px;height:100%;}
.home .focus li{ float:left; width:100%; height:100%; position:absolute;}
.home .focus li + li{z-index:-1;}
.home .focus li img{width:100%;height:auto;}
.home .focus li a{display:block;width:100%;height:100%;}
.home .focus .nav{position:absolute;left:0;bottom:5%;width:100%;text-align: center;}
.home .focus .nav i{display:inline-block;width:27px;height:24px;margin:0 5px;line-height:3px;text-align: center;vertical-align: middle;cursor: pointer;background:url(../images/dian2.png) no-repeat left center;}
.home .focus .nav i.now{background-position:right center;}


.main{width:100%; min-width:1200px;background:url(../images/main-bg.jpg) no-repeat top}
.main .container{width:90%;height:100%; overflow:hidden; padding:50px 0;margin:0 auto}
.xui-margin-top-lg{ margin-top:0.2rem;}
.xui-fc:after,.xui-fc:before{content:" "!important;display:block!important}
.xui-padding-horizontal-md{padding-left:1%;padding-right:1%;}
.xui-grid-avg-3>*{width:31.33%}
[class*=xui-grid-avg-]>*{float:left}
[class*=xui-grid-avg-]:after,[class*=xui-grid-avg-]:before{content:" "!important;display:block!important}
.xui-fl{float:left!important}
.xui-text-center{text-align:center}
.main .container .home-block{ min-height:540px; overflow:hidden;padding:30px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.main .container .home-block .home-block-hd{margin-top:15px;padding-bottom:5px;background:url(../images/hd_line.jpg) no-repeat bottom}
.main .container .home-block .home-block-hd h3{font-size:26px;color:#333;margin-bottom:0;line-height:1.1}
.main .container .home-block .home-block-hd p{font-size:50px;color:#c3c0bb;font-weight:200;line-height:1.4;font-family:Helvetica-Neue-LT-Std}
.main .container .home-block.news-block .home-news-item{position:relative;margin:40px 0 0}
.main .container .home-block.news-block .home-news-item .date-box{text-align:center;position:absolute;left:0;top:-4px;padding-right:10px}
.main .container .home-block.news-block .home-news-item .date-box h4{font-size:34px;font-weight:700;color:#d3af68;margin-bottom:0;line-height:1}
.main .container .home-block.news-block .home-news-item .date-box p{font-size:12px;color:#d3af68}
.main .container .home-block.news-block .home-news-item .home-news-item-content{margin-left:60px;padding-left:15px;color:#666;border-left:1px solid #e3c88e;-webkit-transition:color .2s;transition:color .2s;display:inline-block}
.main .container .home-block.news-block .home-news-item .home-news-item-content a{ font-size:15px; font-weight:600;}
.main .container .home-block.news-block .home-news-item .home-news-item-content:hover{border-left:2px solid #d3af68;padding-left:14px;color:#333}
.main .container .home-block.news-block .more-btn{display:block;margin:0 auto;width:95px;border:1px solid #bbb;color:#666; text-align:center;font-size:14px;padding:8px 35px;margin-top:30px;-webkit-transition:color .2s,border-color .2s,background-color .2s;transition:color .2s,border-color .2s,background-color .2s}
.main .container .home-block.news-block .more-btn:hover{background-color:#d3af68;color:#fff;border-color:#d3af68}
.home-block-bd-1{ height:100%; overflow:hidden; border:2px #fff solid; padding:60px 20px 20px 20px;}
.main .container .home-block.guide-block .el-icon-location:focus{color:#d3af68}
.main .container .home-block.guide-block .visit-time{margin-top:20px;position:relative}
.main .container .home-block.guide-block .visit-time .title{position:absolute;top:-20px;width:54px;height:64px;background:#d3af68;color:#fff;font-size:18px;letter-spacing:8px;font-weight:600;padding:5px 0 0 10px;box-shadow:0 8px 20px hsla(41,53%,65%,.9);z-index:30}
.main .container .home-block.guide-block .visit-time .time-content .grey-box{background:#f6f6f6;height:85px;position:relative;right:-30px;padding-left:50px}
.main .container .home-block.guide-block .visit-time .time-content .line{width:20px;border-bottom:1px solid #333;padding-top:31px;margin:0 15px}
.main .container .home-block.guide-block .visit-time .time-content .hour{font-size:44px;font-family:GeoTimesItalic}
.main .container .home-block.guide-block .visit-time .time-content .min{font-size:30px;font-family:GeoTimesItalic}
.main .container .home-block.guide-block .time-tip{padding-bottom:23px;margin-bottom:25px;position:relative;right:-30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAACCAYAAAAglTBvAAAAGElEQVQokWO8vzHlP8MooAgwDbQDhgMAAH2cAvfqr/voAAAAAElFTkSuQmCC) no-repeat 100% 100%}
.main .container .home-block.guide-block .address-info-box p{margin-top:26px}
.main .container .home-block.guide-block .address-info-box p span:first-child{font-weight:600}
.main .container .img-link{position:relative;display:block}
.main .container .img-link .title-wrap{text-align:center;position:absolute;width:100%;height:189px;padding:20px;z-index:30;background-color:rgba(0,0,0,.4);-webkit-transition:background-color .2s,-webkit-box-shadow .3s;transition:background-color .2s,box-shadow .3s}
.main .container .img-link .title-wrap h2{margin-top:56px}
.main .container .img-link:hover .title-wrap{cursor:pointer;background:hsla(41,54%,62%,.9);box-shadow:0 20px 40px rgba(179,145,74,.7)}
.main .container .img-link.item1 .title-wrap h2{margin-top:40px}
.xui-font-size-sm{ color:#fff; font-size:16px!important}
.line2{height:70px;width:100%;padding-bottom:5px;border-bottom:solid 1px #a63b35;overflow:hidden;}
.line2>a{width:220px;height:64px;background-color:#dfb164;padding-left:23px;display:block;margin:54px auto;font-size:22px;color:#fff;line-height:64px;}
.line2>a>i{width:56px;height:100%;margin-right:15px;background:url(../images/tt2.png) left center no-repeat;display:block;float:left;}

@media screen and (max-width:1399px){
.main {background-size:1443.6px!important}
.homepage .building-wrap{width:1200px!important}
.homepage .building-wrap .buildingBg{background-size:1200px}
.homepage .building-wrap .building-title-wrap .building-title h3{font-size:30.07518797px!important}
.homepage .building-wrap .building-title-wrap .building-title p{font-size:12.03007519px}
.homepage .building-wrap .building-title-wrap .building-title.active h3{color:#fff;text-shadow:none}
.homepage .building-wrap .building-title-wrap .building-title.active p{color:#fff}
.homepage .building-wrap .building-title-wrap .title-1{top:75.18796992px;left:131.57894737px}
.homepage .building-wrap .building-title-wrap .title-1.active{top:74.43609023px;left:240.60150376px}
.homepage .building-wrap .building-title-wrap .title-2{top:154.13533835px;left:353.38345865px}
.homepage .building-wrap .building-title-wrap .title-2.active{top:151.87969925px;left:379.69924812px}
.homepage .building-wrap .building-title-wrap .title-3{top:131.57894737px;left:616.54135338px}
.homepage .building-wrap .building-title-wrap .title-3.active{top:120.30075188px;left:548.87218045px}
.homepage .building-wrap .building-title-wrap .title-4{top:120.30075188px;left:924.81203008px}
.homepage .building-wrap .building-title-wrap .title-4.active{top:109.02255639px;left:883.45864662px}
.homepage .building-wrap .building-title-wrap .title-photo{-webkit-transform:scale(.7518797);transform:scale(.7518797)}
.homepage .building-wrap .building-title-wrap .photo-1{top:7.51879699px;left:7.51879699px}
.homepage .building-wrap .building-title-wrap .photo-1.active{top:13px;left:-15px}
.homepage .building-wrap .building-title-wrap .photo-2{top:138.57142857px;left:210.52631579px}
.homepage .building-wrap .building-title-wrap .photo-2.active{top:112.78195489px;left:210.52631579px}
.homepage .building-wrap .building-title-wrap .photo-3{top:67.66917293px;left:641.05263158px}
.homepage .building-wrap .building-title-wrap .photo-3.active{top:60.90225564px;left:641.05263158px}
.homepage .building-wrap .building-title-wrap .photo-4{top:74.13533835px;left:1013.15789474px}
.homepage .building-wrap .building-title-wrap .photo-4.active{top:67.7443609px;left:1013.15789474px}
.main .container{width:94%}
.main .container .home-block{padding:20px}
.main .container .home-block .home-block-hd h3{font-size:20px}
.main .container .home-block .home-block-hd p{font-size:36px}
.main .container .home-block.guide-block .visit-time .time-content .grey-box{right:-20px;height:70px;padding-top:5px}
.main .container .home-block.guide-block .visit-time .time-content .hour{font-size:28px!important}
.main .container .home-block.guide-block .visit-time .time-content .min{font-size:20px!important}
.main .container .home-block.guide-block .visit-time .time-content .line{width:15px!important;margin:0 10px;padding-top:20px}
.main .container .home-block.guide-block .time-tip{padding-bottom:10px!important;margin-bottom:22px!important;right:-20px!important}
.main .container .home-block.guide-block .address-info-box p{margin-left:20px!important}
.home-block-bd-1{ height:100%; overflow:hidden; border:2px #fff solid;}
}
@media screen and (min-width:1400px) and (max-width:1559px){
.main {background-size:1684.2px!important}
.homepage .building-wrap{width:1400px!important}.homepage .building-wrap .buildingBg{background-size:1400px}
.homepage .building-wrap .building-title-wrap .building-title h3{font-size:35.0877193px!important}
.homepage .building-wrap .building-title-wrap .building-title p{font-size:14.03508772px}
.homepage .building-wrap .building-title-wrap .building-title.active h3{color:#fff;text-shadow:none}
.homepage .building-wrap .building-title-wrap .building-title.active p{color:#fff}
.homepage .building-wrap .building-title-wrap .title-1{top:87.71929825px;left:153.50877193px}
.homepage .building-wrap .building-title-wrap .title-1.active{top:86.84210526px;left:280.70175439px}
.homepage .building-wrap .building-title-wrap .title-2{top:179.8245614px;left:412.28070175px}
.homepage .building-wrap .building-title-wrap .title-2.active{top:177.19298246px;left:442.98245614px}
.homepage .building-wrap .building-title-wrap .title-3{top:153.50877193px;left:719.29824561px}
.homepage .building-wrap .building-title-wrap .title-3.active{top:131.57894737px;left:635.96491228px}
.homepage .building-wrap .building-title-wrap .title-4{top:140.35087719px;left:1078.94736842px}
.homepage .building-wrap .building-title-wrap .title-4.active{top:127.19298246px;left:1030.70175439px}
.homepage .building-wrap .building-title-wrap .title-photo{-webkit-transform:scale(.87719298);transform:scale(.87719298)}
.homepage .building-wrap .building-title-wrap .photo-1{top:28.81578947px;left:19.21052632px}
.homepage .building-wrap .building-title-wrap .photo-1.active{top:35.21929825px;left:6.40350877px}
.homepage .building-wrap .building-title-wrap .photo-2{top:175.43859649px;left:244.73684211px}
.homepage .building-wrap .building-title-wrap .photo-2.active{top:149.12280702px;left:244.73684211px}
.homepage .building-wrap .building-title-wrap .photo-3{top:87.71929825px;left:771.92982456px}
.homepage .building-wrap .building-title-wrap .photo-3.active{top:78.94736842px;left:771.92982456px}
.homepage .building-wrap .building-title-wrap .photo-4{top:101.75438596px;left:1194.07894737px}
.homepage .building-wrap .building-title-wrap .photo-4.active{top:92.98245614px;left:1194.07894737px}
.main .container{width:96%}
.main .container .home-block{padding:25px}
.main .container .home-block .home-block-hd h3{font-size:24px}
.main .container .home-block .home-block-hd p{font-size:46px}
.main .container .home-block.guide-block .visit-time .time-content .grey-box{right:-25px}
.main .container .home-block.guide-block .visit-time .time-content .hour{font-size:40px!important}
.main .container .home-block.guide-block .visit-time .time-content .min{font-size:24px!important}
.main .container .home-block.guide-block .visit-time .time-content .line{width:15px!important}
.main .container .home-block.guide-block .time-tip{padding-bottom:10px!important;margin-bottom:22px!important;right:-25px!important}
}
@media screen and (min-width:1560px){
.building-wrap{width:1596px!important}
.building-wrap .buildingBg{background-size:1596px}
}
@media screen and (max-width:1399px){
.main .container .home-block.guide-block .visit-time .time-content .hour[data-v-25560466]{font-size:26px!important}
.home-block.guide-block .visit-time .time-content .min[data-v-25560466]{font-size:15px!important}
.home-block.guide-block .visit-time .time-content p[data-v-25560466]{font-size:13px;margin-top:5px}
.main .container .home-block.guide-block .visit-time .time-content .line[data-v-25560466]{width:8px!important;margin:0 10px;padding-top:20px}}
@media screen and (max-width:1559px) and (min-width:1400px){
.main .container .home-block.guide-block .visit-time .time-content .line[data-v-25560466]{width:12px!important}
.main .container .home-block.guide-block .visit-time .time-content .hour[data-v-25560466]{font-size:38px!important}
.main .container .home-block.guide-block .visit-time .time-content .min[data-v-25560466]{font-size:22px!important}
}

.index-page{width:100%;z-index:2; margin:0 auto;}
.index-page .index-main .allcenter{width:88%; margin:60px auto;}
.index-page .index-main .allcenter .imgcenter{position:relative;overflow:hidden;-webkit-transition:all .3s cubic-bezier(.165,.84,.44,1);transition:all .3s cubic-bezier(.165,.84,.44,1)}
.index-page .index-main .allcenter .imgcenter:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;-webkit-transform:scale(0);transform:scale(0);opacity:.3;-webkit-transition:0s;transition:0s}
.index-page .index-main .allcenter .imgcenter>a{display:block;height:100%}
.index-page .index-main .allcenter .imgcenter:hover .bgimg{-webkit-filter:blur(2px);filter:blur(2px)
}.index-page .index-main .allcenter .imgcenter:hover .timg{-webkit-transform:scale(1.05);transform:scale(1.05)}
.index-page .index-main .allcenter .imgcenter:hover:after{background-image:-webkit-radial-gradient(circle,#dfb291 10%,transparent 10.01%);background-image:radial-gradient(circle,#dfb291 10%,transparent 10.01%);-webkit-transform:scale(10);transform:scale(10);opacity:0;-webkit-transition:opacity 2s,-webkit-transform 1.2s;transition:opacity 2s,-webkit-transform 1.2s;transition:transform 1.2s,opacity 2s;transition:transform 1.2s,opacity 2s,-webkit-transform 1.2s}
.index-page .index-main .allcenter>.bottom{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;height:414px;}
.index-page .index-main .allcenter>.bottom img{vertical-align:middle;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}
.index-page .index-main .allcenter>.bottom img.bgimg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
.index-page .index-main .allcenter>.bottom .exhibition{width:752px;line-height:414px;text-align:center}
.index-page .index-main .allcenter>.bottom>div{width:calc(100% - 782px)}
.index-page .index-main .allcenter>.bottom>div div{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;margin-bottom:30px}
.index-page .index-main .allcenter>.bottom>div div section{width:calc(50% - 15px);height:262px;line-height:262px;text-align:center}
.index-page .index-main .allcenter>.bottom .story{position:relative;height:126px;}
.index-page .index-main .allcenter>.bottom .story>a{display:block;height:100%}
.index-page .index-main .allcenter>.bottom .story>a img{width:100%;height:100%;object-fit:contain;-webkit-transform-origin:65% 55%;transform-origin:65% 55%}
.index-page .index-main .allcenter>.bottom .story>a img.active{-webkit-animation:boat 10s cubic-bezier(.49,.14,.56,.9) .3s infinite;animation:boat 10s cubic-bezier(.49,.14,.56,.9) .3s infinite}
.index-page .index-main .allcenter>.bottom .story>a .svg{display:block;position:absolute;bottom:-25px;left:0;width:100%;height:57px}


@media (max-width:1750px){
.index-page .index-main .allcenter{width:88%}
.index-page .index-main .allcenter>.bottom{height:345px;}
.index-page .index-main .allcenter>.bottom .exhibition{width:626px;line-height:345px}
.index-page .index-main .allcenter>.bottom>div{width:calc(100% - 652px)}
.index-page .index-main .allcenter>.bottom>div div{margin-bottom:20px}
.index-page .index-main .allcenter>.bottom>div div section{width:calc(50% - 13px);height:216px;line-height:216px}
.index-page .index-main .allcenter>.bottom .story{height:174px}
}
@media (max-width:1450px){
.index-page .index-main .allcenter{width:94%}
.index-page .index-main .allcenter>.bottom{height:310px;}
.index-page .index-main .allcenter>.bottom .exhibition{width:563px;line-height:310px}
.index-page .index-main .allcenter>.bottom>div{width:calc(100% - 587px)}
.index-page .index-main .allcenter>.bottom>div div{margin-bottom:14px}
.index-page .index-main .allcenter>.bottom>div div section{width:calc(50% - 12px);height:201px;line-height:201px}
.index-page .index-main .allcenter>.bottom .story{height:98px;background-position-y:4px}
}


.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-container{ width:88%; height:100%}
.swiper-container{ margin-left:auto; margin-right:auto; position:relative; overflow:hidden; z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-scrollbar .swiper-slide{ height:auto;}
.swiper-container-horizontal{ width:100%;}
.screen6 .pic{padding:0;text-align:center}
.screen6 .pic .title{line-height:50px;text-align:center}
.screen6 .pic img{width:100%}
.screen6 .info{background-size:50%;padding:0 0%}
.screen6 .info .title{margin:0px 0 10px 0;text-align:right; margin-left:5%; font-size:28px;}
.screen6 .info .content{padding:2% 0 2% 5%;border-left:2px solid #006ed4; margin-left:5%;}
.screen6 .info .content .describe{font-size:16px; color:#666666; text-align:justify;}
.screen6 .info .m-btn{text-align:right; margin-left:5%;}
.screen6 .info .exchange-swiper{position:relative;padding:55px 0px 0px 0px; margin-left:5%;}
.screen6 .info .exchange-swiper .swiper-container .swiper-slide{text-align:center;cursor:pointer; width:33.33%; margin-right:1%;}
.screen6 .info .exchange-swiper .swiper-container .swiper-slide:last-child{margin-right:0%;}
.screen6 .info .exchange-swiper .swiper-container .swiper-slide i{display:block;color:#006ed4;font-size:12px}
.screen6 .info .exchange-swiper .swiper-pagination{font-size:16px;line-height:1;color:#006ed4;bottom:20px}
.screen6 .info .exchange-swiper .swiper-pagination .swiper-pagination-total{color:#333}
.exhibition-dialog .content{padding:20px 20px 20px 40%}
.exhibition-dialog .content .info{text-align:left;min-height:400px}
.exhibition-dialog .content h2{line-height:40px}
.exhibition-dialog .content h2 i{display:inline-block;width:3px;background-color:#599cd0;height:12px;margin-right:10px}
.exhibition-dialog .content dd{margin:20px 0}
.exhibition-dialog .content dd p{line-height:22px}
.exhibition-dialog .more{text-align:right}
.exhibition-dialog .more a:hover{color:#07458e}
.screen6 .info, .screen6 .pic{ margin-top:0;}
.col-lg-6{ float:left; width:50%}
@media (min-width:1200px){
.visible-lg{display:block!important}
.col-lg-6{ float:left; }
.col-lg-6{  width:50%}
}
@media (min-width:1200px){
.hidden-lg{display:none!important}
}
@media (max-width:1450px){
.swiper-container{ width:94%; height:100%}
}
img{ max-width:100%; height:auto}
.m-btn{margin-top:20px;text-align:center}
.m-btn a{padding:6px 25px;border:1px solid #dfab46;color:#dfab46;font-size:14px}
.m-btn a:hover{color:#dfab46;background:no-repeat}
.m-btn.border-white a{color:#fff;border-color:#fff}
.m-btn.solid-orange a{color:#fff;background-color:#dfab46}
.m-btn.solid-blue a{border-color:initial;color:#fff;background-color:#07458e}
.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-box-shadow:0 0 1px transparent;box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}
.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}

.section{ width:100%; height:100%; overflow:hidden; background-image:url(../images/collection_bg.jpg); margin-top:70px; padding:35px 0 25px 0;}
.section3{ width:88%; margin:0 auto;}
.title{ position:relative; margin-bottom:30px;}
.title a{ display:block; color:#38393c;}
.title h3{ font-size:28px; color:#333; line-height:1.3;}
.title .more{position:absolute; line-height:1.5; top:50%; margin-top:-0.5em; right:0; color:#333; font-size:14px;}
.adCollect{ margin:0 -30px;}
.adCollect li{ float:left; width:33.33%;}
.adCollect li .item{ margin:0 30px;}
.adCollect li a{ display:block; }
.adCollect li .img{ overflow:hidden; display:block;}
.adCollect li img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; width:100%;}
.adCollect li a:hover img{transform: scale(1.05); -moz-transform: scale(1.05);-webkit-transform: scale(1.05);}
.adCollect li .c_h{ color:#333; padding:1em 0; }
.adCollect li a:hover .c_h{ visibility:hidden;}
.adCollect li .img_text{position:relative; overflow:hidden;}
.adCollect li h3{ font-size:18px;text-align:center; font-weight:normal;line-height:2;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}
.adCollect li .text{position:absolute; width:100%; height:100%; top:0; left:-100%; color:#000; line-height:1.6;}
.adCollect li .text .text_in{ position:absolute; left:28px; top:28px; bottom:28px; right:28px; background:#fff;border-bottom:4px solid #07458e;}
.adCollect li .text .text_tb{ display:table; width:100%; height:100%; table-layout:fixed;}
.adCollect li .text .text_td{ display:table-cell; width:100%; height:100%; vertical-align:middle;}
.adCollect li .text .txt{ padding:1em 9.5%;}
.adCollect li .text .txt h3{ color:#07458e; font-size:24px; padding-bottom:10px;}
.adCollect li .text .txt .t_s{ margin:0.5em 0 40px;}
.adCollect li .text .txt .sum{ height:4.6em; overflow:hidden;}
.adCollect li .text .txt .more{ margin-top:30px;}
.adCollect li .text .txt .more .btn_more{ line-height:2.8; display:inline-block; padding:0 2.2em; background:#07458e; color:#fff;}
@media (max-width:1450px){
.section3{ width:94%; margin:0 auto;}
}
 
/*footer*/
.footer{background:#07458e;}
.footer .footerlogo{float:left;margin-right:75px;}
.footer .footnav{padding:50px 0 35px 0;overflow:hidden;}
.footer .footnav .box{border-right:1px solid #484848;}
.footer .footnav ul{float:left;min-height:135px;float:left;}
.footer .footnav ul li{line-height:14px;font-size:14px;color:#fff;}
.footer .footnav ul li.dt{margin-bottom:20px; font-size:16px; font-weight:bold;}
.footer .footnav ul li.dt a{color:#fff; font-size:16px; font-weight:600;}
.footer .footnav ul li a{color:#a5acba; font-size:14px;}
.footer .footnav ul li a:hover{color:#fff;}
.footer .footnav ul li.dd{line-height:30px;height:30px;}
.footer .contact{min-height:161px;color:#999;float:right;}
.footer .contact p{font-size:14px; color:#a5acba; text-align:center; height:35px;line-height:35px;}
.footer .contact dl{font-size:14px;line-height:28px;margin-top:17px;}
.footer .copyright{border-top:1px solid #5d85b6;padding:30px 0px;text-align:center;color:#a5acba;font-size:14px;}
.footer .copyright a{color:#a5acba;}
.footer .footertel{font-size:18px;font-family:arial;height:35px;line-height:35px;padding-left:20px;background:url(../img/tel3.jpg) no-repeat left center;float:left;margin-top:23px;margin-left:20px;}
.footerindex ul{width:14.8%;}
.footer .footnav .ul1{border-left:none !important;width:150px !important;}
.footer .footnav .ul1 li{padding-left:0;}

.footer .links { padding:20px 0; line-height:1.5; border-top:1px solid #5d85b6;}
.footer .links .tit{ color:#a5acba; text-align:center;}
.footer .links a{ color:#a5acba; font-size:14px; display: inline-block; padding:0 14px; }
.footer .links a:hover{ color:#fff; }

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

.main-content{min-height:400px;padding-top:0px;}
.main-content>section{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:400px;background-color:#fff;overflow:hidden}
.institution.expert-index{padding-bottom:0}
.institution.expert-index .introduce-box{position:relative;padding:30px 0 80px}
.institution.expert-index .introduce-box .pic{padding:0 0 0 0}
.institution.expert-index .introduce-box .pic i{display:block;position:absolute;right:50%; margin-right:-125px; margin-top:-35px; width:250px;height:70px;background:rgba(0,30,89,.75)}
.institution.expert-index .introduce-box .text h2{ font-size:28px; color:#333; font-weight:normal;margin:8% 0 2% 8%;text-align:left; text-indent:1em;}
.institution.expert-index .introduce-box .text .describe{font-size:14px; color:#555; line-height:26px; text-align:justify; padding:1% 8% 2% 8%}
.institution.expert-index .introduce-box .text .m-btn{text-align:right; padding:0% 8% 2% 8%}
.institution.expert-index .administer-box ul li{float:left;width:20%;height:100%;border:1px solid #eee;background-color:#fff;position:relative;left:-1px;-webkit-box-sizing:border-box;box-sizing:border-box}.institution.expert-index .administer-box ul li.hvr-grow{position:relative;z-index:9}
.institution.expert-index .administer-box ul .icon{padding:50px 0;text-align:center}
.institution.expert-index .administer-box ul .icon i{font-size:50px;color:#fff}
.institution.expert-index .administer-box ul .info{padding:10px 15px 50px
}.institution.expert-index .administer-box ul .info h3{margin:20px 0;text-align:center;font-weight:400}
.institution.expert-index .administer-box ul .info p{height:250px;text-align:center}


#history-box{background:#f8f8f8;margin:80px auto 0px auto;}
.bg-lines{ position:relative; height:100%; overflow:hidden;}
.bg-lines .box{padding:30px 0;}
.bg-lines .bg-shading{background-repeat:no-repeat,no-repeat;background-position:0,100%;background-size:contain;}
.m-title{padding:0.5% 0;text-align:center}
.m-title i{font-size:30px;vertical-align:-4px;color:#cfcfcf}
.m-title i:first-child{display:inline-block;}
.m-title span{margin:0 5%; font-size:28px; color:#333; line-height:40px; font-weight:normal;}
@media screen and (max-width:768px){.m-title span{font-size:22px}}


.history{ position:relative; height:100%; overflow:hidden; padding-top:20px; color:#666; max-width:1280px; margin:30px auto 0 auto;}
.history .line{position:absolute; left:50%; top:0; bottom:0; width:1px; background:#07458e;}
.history li{ float:left; width:50%; box-sizing:border-box; text-align:right; margin-bottom:55px; }
.history li.clear{ clear:both;}
.history li .item{position:relative; padding-right:8%;}
.history li .item::after{content:''; position:absolute; right:-7px; top:15px; width:15px; height:15px; background:url(../images/icon5.png) no-repeat center;}
.history li .item .item_in{ padding-right:24px; position:relative;}
.history li .item .item_in::after{content:''; position:absolute; right:0; top:18px; width:10px; height:8px; background:url(../images/icon7.png) no-repeat center;}
.history li:nth-child(2n+1){ float:right; text-align:left; }
.history li:nth-child(2),.history li.mt175{ margin-top:75px;}
.history li:nth-child(2n+1) .item{padding-right:0; padding-left:8%;}
.history li:nth-child(2n+1) .item::after{ left:auto; left:-7px;}
.history li:nth-child(2n+1) .item .item_in{padding-right:0; padding-left:24px;}
.history li:nth-child(2n+1) .item .item_in::after{background:url(../images/icon6.png) no-repeat center; left:0; right:auto;}
.history li .year{ font-size:22px; color:#333; margin-bottom:0.2em; line-height:1.3;}
.history li:hover .year{ color:#07458e;}
.history li .sum{ font-size:16px; line-height:28px; color:#666; margin-bottom:1em;}
.history li img{width:100%; max-width:420px;}
.his_b{ text-align:center; margin-bottom:30px;}
.his_b .his_bb{ font-size:20px; line-height:3; text-align:center; padding:0 4.75em; display:inline-block; position:relative; background:#07458e; color:#fff;}
.his_b .his_bb::after{ content:''; position:absolute; top:-10px; left:50%; margin-left:-10px; width:20px; height:10px; background:url(../images/icon4.png) no-repeat center;}

#guide{ margin-top:40px;}
.section4{text-align: center; margin-top:40px; height:100%; overflow:hidden;}
.section4-left{position: relative; width:50%; float:left;}
.section4-bg{position: absolute;width: 70%;height: 70%;top: 15%;left: 15%;background: rgba(255,255,255,0.8) 0 0 repeat;}
.section4-bg h1{ font-size:28px; font-weight:normal; color: #07458e;padding: 12% 0 20px;}
.section4-bg p{color: #444;line-height: 1.8em;font-size: 14px;}
.section4-bg span.btn{background-color: #a32928;color: #fff;margin-top: 25px;padding: 8px 25px;display: inline-block;letter-spacing: 1px;cursor: pointer;}
.section4-bg span.btn:hover{background-color: #9C2625;}
.section4-right{position: relative; width:50%; float:left;}
.section4-right span.btn2{margin-top: 22%;padding: 8px 45px;}
.section4-right span.btn3{padding: 8px 45px;}
.section4-right .mt{text-align:left; padding:0px 40px;}

.section4_1{position: relative; text-align:center; clear:both; margin-top:40px;}
.section4_1-bg{position: absolute;width: 40%;height: 40%;top: 30%;left: 30%;background: rgba(255,255,255,0.8) 0 0 repeat;}
.section4_1-bg h1{ font-size:28px; font-weight:normal; color: #07458e;padding: 12% 0 20px;}

.quick-nav{height: auto;overflow: hidden;padding: .65rem 0 .25rem 0;}
.quick-nav ul{padding: 0 .05rem;display: flex;justify-content: center;flex-wrap: wrap;}
.quick-nav ul li{width: 14%;display: flex;flex-direction: column;align-items: center;justify-content: center; padding:0 1%; margin:2% 2%; }
.quick-nav ul li img{width: 100%; display:block;padding:4% 4%; background:#f5f5f5;}
.quick-nav ul li span{ display:block; font-size: 16px;padding-top: .1rem;color: #666; overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}

#zmbl{ margin-top:60px; padding-bottom:30px;}

#contact-box{ height:100%; overflow:hidden; margin:40px auto 0 auto; padding-bottom:5%;}
#contact-box .text{ text-align:left; line-height:36px; font-size:16px; color:#444}
#contact-box .text h1{ padding:60px 0px 20px 100px;}
#contact-box .text p{ padding:0px 0px 0px 100px;}


.bg-lines{position:relative; background:#f8f8f8;}
.bg-lines .box{padding:30px 0;}
.el-breadcrumb{ font-size:14px;}
.crumbs{ height:50px;}
.crumbs .el-breadcrumb{ line-height:50px;}
.el-breadcrumb:after, .el-breadcrumb:before{ display:table; content:"";}
.el-breadcrumb__item{float:left}
.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover{font-weight:400;color:#606266;cursor:text}
.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}
.crumbs .el-breadcrumb__inner.is-link{ font-weight:400;}
.m-article-cont .article-title{padding:20px 0 0}
.m-article-cont .article-title em,.m-article-cont .article-title span{display:block;text-align:center}
.m-article-cont .article-title em{margin:20px 0;font-size:12px}
.m-article-cont .article-title span{line-height:40px; font-weight:normal; font-size:25px;}
.m-article-cont .content p{line-height:28px}
.m-article-cont .content img{margin:20px 0}
.content p{ color:#333; line-height:30px; font-size:16px; text-indent:2em; padding-bottom:20px; text-align:justify;}


.news1{ margin:30px auto 0 auto; min-height:320px;}
.newsList1 li{ border-bottom:1px solid #e3e3e3;}
.newsList1 li a{ display:block; position:relative;}
.newsList1 li a:hover{ box-shadow:0 0 15px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 15px rgba(0,0,0,0.1);}
.newsList1 li h3{ font-size:16px; color:#333; font-weight:normal; padding:0 6.5em 0 2em; line-height:4; position:relative;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}
.newsList1 li h3::after{content:''; position:absolute; left:0.8em; top:50%; margin-top:-4px; width:8px; height:8px; background:#07458e;}
.newsList1 li a:hover h3::after{ background:#07458e;}
.newsList1 li .time{position:absolute; top:0; bottom:0; right:0; padding:0 1.5em; color:#333333;line-height:4;}
.newsList1 li a:hover .time{ background:#07458e; color:#fff;}
.infolist li a[target="_blank"]:hover{ color:#761e1d;}

.common-imgcontlist{margin-top:0px}
.common-imgcontlist li{position:relative;padding:25px 0;border-bottom:1px solid #e8ebed;overflow:hidden}
.common-imgcontlist li .imgstyle{float:left; max-width:320px; margin-right:30px}
.common-imgcontlist li .cont h3{margin-top:9px;font-size:18px;color:#595757;-webkit-transition:color .3s;transition:color .3s}
.common-imgcontlist li .cont p{color:#898989}
.common-imgcontlist li .cont h3+p{margin:7px 0 15px}
.common-imgcontlist li .cont p+p{line-height:1.8;text-align:justify; font-size:16px;}
.common-imgcontlist li span{position:absolute;right:0;bottom:25px;padding:3px 10px;color:#fff;background-color:#07458e;border-radius:4px}
.common-imgcontlist li:hover h3{color:#07458e}
.imgradius .img,.imgradius.use-img img{border-radius:5px}
.imgstyle .img{display:block;background:#d5d5d5 url(../images/default.2cc2d3d1.jpg) no-repeat 50%/cover;-webkit-transition:-webkit-transform .6s cubic-bezier(.215,.61,.355,1);transition:-webkit-transform .6s cubic-bezier(.215,.61,.355,1);transition:transform .6s cubic-bezier(.215,.61,.355,1);transition:transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1)}


.common-imgcontlist-1{margin-top:0px}
.common-imgcontlist-1 li{ float:left; width:31.33%; position:relative;padding:25px 0; margin:0 1%; overflow:hidden}
.common-imgcontlist-1 li .imgstyle{}
.common-imgcontlist-1 li .cont h3{margin-top:9px;font-size:18px;color:#595757;-webkit-transition:color .3s;transition:color .3s}
.common-imgcontlist-1 li .cont p{color:#898989}
.common-imgcontlist-1 li .cont h3+p{margin:7px 0 15px}
.common-imgcontlist-1 li .cont p+p{line-height:1.8;text-align:justify; font-size:16px;}
.common-imgcontlist-1 li span{position:absolute;right:0;bottom:25px;padding:3px 10px;color:#fff;background-color:#07458e;border-radius:4px}
.common-imgcontlist-1 li:hover h3{color:#07458e}
.common-imgcontlist-1 li .imgstyle .img{display:block; height:280px; background:#d5d5d5 url(../images/default.2cc2d3d1.jpg) no-repeat 50%/cover;-webkit-transition:-webkit-transform .6s cubic-bezier(.215,.61,.355,1);transition:-webkit-transform .6s cubic-bezier(.215,.61,.355,1);transition:transform .6s cubic-bezier(.215,.61,.355,1);transition:transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1)}


.banner-content-box{position:relative;height:400px;line-height:400px;overflow:hidden}
.banner-content-box a{display:block;width:100%;height:100%}
.banner-content-box .container{position:absolute;top:0;left:0;right:0;margin:auto;color:#fff;z-index:9}
.banner-content-box .crumbs .el-breadcrumb__inner.is-link,.banner-content-box .crumbs i,.banner-content-box .crumbs span{color:#fff}.picture-list .pic{text-align:center}


.product-list-b {
        width: 100%;
        padding-top: 35px;
		padding-bottom:30px;
}

.product-list-b ul {
        width: 100%
}

.product-list-b li {
        width: 30.55%;
		margin-left:1.2%;
        margin-right: 1.2%;
        background: #fff;
        border: 1px solid #eee;
        float: left;
        margin-bottom: 35px
}

.product-list-b li.on {
        margin-right: 0
}

.product-list-b li .pic {
        width: 100%;
        position: relative;
        overflow: hidden;
        border-bottom: 1px solid #eee;
}

.product-list-b li img {
        max-width: 100%;
		height:452px;
        transition: all .3s
}
.product-list-b li .con {
        width: 100%;
        padding: 21px 0;
        display: block
}

.product-list-b li h3 {
        font-size: 16px;
        color: #999;
        line-height: 36px;
        height: 36px;
        overflow: hidden
}

.product-list-b li .font {
        font-size: 16px;
        color: #333;
        line-height: 28px;
		text-align:center;
        overflow: hidden
}

.product-list-b li .more {
        width: 127px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        border: 1px solid #e4e4e4;
        background: #f9f9f9;
        font-size: 15px;
        color: #333;
        border-radius: 2px;
        transition: background .3s, color .3s, border .3s;
        margin-top: 5px
}
.product-list-b li:hover img {
        transform: scale(1.1)
}
.product-list-b li:hover .more {
        background: #0149ab;
        border-color: #0149ab;
        color: #fff;
}
.product-list-b li:hover .more a{color: #fff;}

.prodDescriptContWrap{ margin-top:50px;}
.prodDescript{ font-size:20px; font-weight:bold; border-bottom:1px #e6e6e6 solid; color:#0149ab; padding:8px 0px;}
.prodDescript span{ border-bottom:2px #0149ab solid; padding-bottom:10px; padding-left:10px; padding-right:10px;}
.prodDescriptCont{ padding:50px 15px; text-align:left; font-size:16px; color:#555; line-height:28px;}
.prodDescriptCont p{ padding-bottom:15px;}
.prodDescriptCont div{ padding-bottom:15px;}

@media (max-width:1450px){
.product-list-b li img {
        max-width: 100%;
		height:324px;
        transition: all .3s
}
}


.product-list-b-1 {
        width: 100%;
        padding-top: 35px;
		padding-bottom:30px;
}

.product-list-b-1 ul {
        width: 100%
}

.product-list-b-1 li {
        width: 30.55%;
		margin-left:1.2%;
        margin-right: 1.2%;
        background: #fff;
        border: 1px solid #eee;
        float: left;
        margin-bottom: 35px
}

.product-list-b-1 li.on {
        margin-right: 0
}

.product-list-b-1 li .pic {
        width: 100%;
        position: relative;
        overflow: hidden;
        border-bottom: 1px solid #eee;
}

.product-list-b-1 li img {
        max-width: 100%;
		height:310px;
        transition: all .3s
}
.product-list-b-1 li .con {
        width: 100%;
        padding: 16px 0;
        display: block
}

.product-list-b-1 li h3 {
        font-size: 16px;
        color: #999;
        line-height: 36px;
        height: 36px;
        overflow: hidden
}

.product-list-b-1 li .font {
        font-size: 16px;
        color: #333;
        line-height: 28px;
		text-align:center;
        overflow: hidden
}

.product-list-b-1 li .more {
        width: 127px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        border: 1px solid #e4e4e4;
        background: #f9f9f9;
        font-size: 15px;
        color: #333;
        border-radius: 2px;
        transition: background .3s, color .3s, border .3s;
        margin-top: 5px
}
.product-list-b-1 li:hover img {
        transform: scale(1.1)
}
.product-list-b-1 li:hover .more {
        background: #0149ab;
        border-color: #0149ab;
        color: #fff;
}
.product-list-b-1 li:hover .more a{color: #fff;}


@media (max-width:1450px){
.product-list-b-1 li img {
        max-width: 100%;
		height:244px;
        transition: all .3s
}
}


.works a{
	display: block;
	background: url(../images/img_78.png) no-repeat center center;
	width: 240px;
	height: 50px;
	padding-right: 30px;
	text-align: center;
	font-size: 16px;
	color: #666666;
	line-height: 50px;
	margin-top: 16px;
	margin-bottom:80px;
	transition: all 0.3s;
}
.works a:hover{
	background: url(../images/img_79.png) no-repeat center  center;
	color: #004f9e;
	transition: all 0.3s;
}


.xui-margin-top-lg{ margin-top:2rem;}
.xui-margin-top-lg li{ float:left; width:48%;position:relative;padding:25px 0;overflow:hidden; margin-right:4%}
.xui-margin-top-lg li .imgstyle{ min-height:300px;}
.wider{ width:100%; max-height:460px;}
.xui-margin-top-lg li .cont{ background:#fff; padding:15px 15px;}
.xui-margin-top-lg li .cont h3{margin-top:9px; margin-bottom:10px;font-size:18px;color:#07458e;-webkit-transition:color .3s;transition:color .3s}
.xui-margin-top-lg li .cont p{color:#898989; font-size:16px;}
.xui-margin-top-lg li:hover h3{color:#07458e}
.xui-margin-top-lg li:nth-child(2n){float:left; width:48%; margin-right:0%}

@media (min-width:1200px){
.wider{ width:100%; max-height:330px;}
}


.collection.collection-index{background:#fff url(../images/d-d-1.5cfd98d1.png) no-repeat top;}
.collection.collection-index .introduce-box .article{text-align:center;color:#fff; line-height:28px; padding:0 5%;font-size:16px; margin-bottom:40px; padding-bottom:40px; border-bottom:1px #2a5890 solid;}
.collection.collection-index .introduce-box .article h2{padding:5% 0 4%;letter-spacing:10px;font-weight:400; font-size:26px; line-height:40px;}
.collection.collection-index .introduce-box .content{ text-align:left;color:#fff;line-height:40px;}
.collection.collection-index .introduce-box .content h3{ font-size:18px;font-weight:600;}
.collection.collection-index .introduce-box .content p{ color:#fff;line-height:26px; font-size:16px;text-indent:2em;}
.collection.collection-index .introduce-box .content_1{ text-align:left;color:#333;line-height:40px;}
.collection.collection-index .introduce-box .content_1 h3{ font-size:18px;font-weight:600;}
.collection.collection-index .introduce-box .content_1 h4{ font-size:16px;font-weight:600;}
.collection.collection-index .introduce-box .content_1 p{ line-height:26px; font-size:16px; text-indent:2em;}


/*Ñ¡ÏÇл»*/
.fymenu{ float:right; margin:0 auto;}
.fy_nav{ float:left; background-image:url(../images/gsjj-bg.png); background-repeat:no-repeat; margin-right:15px;}
.fy_nav a{font-size:14px; color:#010101; text-align:center; line-height:40px;width:109px; height:54px;display:block;}
.fy_nav a:hover{ width:109px; height:54px; display:block;color:#FFFFFF; background-image:url(../images/gsjj-hover.png); background-repeat:no-repeat; text-decoration:none;}
#hover{width:109px; height:54px; display:block; background-image:url(../images/gsjj-hover.png); background-repeat:no-repeat; color:#FFFFFF;}
#hover a{ color:#FFFFFF;}


.banner {
	height:100vh;
	position:relative
}
.main-visual-wrapper {
	width:100%;
	overflow:hidden;
	position:relative
}
.main-visual-slider {
	overflow:hidden;
	width:100vw;
	height:100vh;
	position:relative
}
.main-visual-slider .swiper-slide {
	overflow:hidden;
	color:#fff
}
.main-visual-slider .overlay {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
	opacity:1;
	background:-moz-linear-gradient(top, black 0, transparent 50%, transparent 63%, #000 100%);
	background:-webkit-linear-gradient(top, black 0, transparent 50%, transparent 63%, #000 100%);
	background:linear-gradient(to bottom, black 0, transparent 50%, transparent 63%, #000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#c9000000', GradientType=0);
	transition:all 2.5s ease
}
.main-visual-slider .swiper-slide-duplicate-active .overlay, .main-visual-slider .swiper-slide-active .overlay {
	opacity:.7
}
.main-visual-slider .swiper-slide .visual-img {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:1649px;
	height:100%;
	width:100%
}
.main-visual-slider .swiper-slide .visual-img a {
	display:block;
	width:100%;
	height:100%
}
.main-visual-slider .swiper-slide .visual-img img, .main-visual-slider .swiper-slide .visual-img video {
	width:100%;
	height:100%;
	object-fit:cover;
}
.main-visual-slider .swiper-container {
	width:100%;
	height:100%;
	position:relative;
	left:0;
	top:0
}
.main-visual-slider .slide-inner {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-size:cover;
	background-position:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:left
}
.banner .slide-banner .swiper-slide .bat {
	position:absolute;
	height:.7rem;
	top:50%;
	transform:translateY(-50%);
	z-index:3
}
.banner .slide-banner .swiper-slide .bat1 {
	right:110%
}
.banner .slide-banner .swiper-slide .bat2 {
	left:110%
}
@media screen and (max-width:1200px) {
.banner .slide-banner .swiper-slide .bat {
	height:.3rem
}
}
.main-visual-slider .swiper-slide .visual-img .txt {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:flex;
	align-items:flex-end;
	padding:0 0 .3rem 50px;
	z-index:1
}
.main-visual-slider .swiper-slide .visual-img .txt::after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:url(../images/hei_bg.png)50% 100% no-repeat;
	background-size:100% 1.4rem;
	z-index:-1
}
.main-visual-slider .swiper-slide .visual-img .txt h3 {
	font-size:.26rem;
	color:#fff;
	width:auto;
	line-height:1.375;
	text-shadow:0 0 .3rem rgba(0, 0, 0, .6)
}
.main-visual-slider .swiper-pagination-bullet {
	width:42px;
	height:42px;
	background:0 0;
	opacity:1;
	margin:0!important;
	transition:.5s;
	position:relative
}
.main-visual-slider .swiper-pagination-bullet:before {
	content:"";
	position:absolute;
	width:31px;
	height:31px;
	background:url(../images/dian1.png) 50% no-repeat;
	transition:.5s;
	left:50%;
	top:50%;
	margin:-.155rem;
	background-size:100%;
}
.main-visual-slider .swiper-pagination-bullet:after {
	content:"";
	position:absolute;
	width:31px;
	height:31px;
	background:url(../images/dian11.png) 50% no-repeat;
	transition:.5s;
	left:50%;
	top:50%;
	margin:-.155rem;
	opacity:0;
	background-size:100%;
	transform:scale(0)
}
.main-visual-slider .swiper-pagination {
	padding:0;
	width:100%;
	display:flex;
	justify-content:center;
	position:relative
}
.main-visual-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	opacity:0
}
.main-visual-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
	opacity:1;
	transform:scale(1)
}
.main-visual-slider .swiper-pagination_box {
	position: absolute;
    left: 0;
    bottom: 5%;
    width: 100%;
    text-align: center;
	padding-right:.86rem;
	right:0;
	display:flex;
	align-items:center;
	z-index:1
}
.miso_scorll {
    position: absolute;
    bottom: .26rem;
    z-index: 100;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.miso_scorll .ico img{
    display: block;
    width: .6rem;
}
.miso_scorll .ico {
    animation: index_tips_scroll 2s linear infinite;
}
@keyframes index_tips_scroll {
    0% {
        cy: 4;
        opacity: 0;
        transform: translateY(0);
    }

    45%,55% {
        opacity: 1;
        cy: 9;
        transform: translateY(4px);
    }

    to {
        cy: 14;
        opacity: 0;
        transform: translateY(0);
    }
}