html { font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
.i-banner { /*background-size:cover !important; */ /*height: auto;*/ overflow: hidden; position: relative; }
.i-banner .swiper-slide { background-size: cover !important; }
.i-banner .swiper-slide img { max-width: 100%; width: 100%;   }
.i-banner .swiper-slide a { width: 100%; height: 100%; display: block; line-height: 0; }
.i-banner .swiper-slide .text { position: absolute; width: 460px; height: 170px; left: 50%; top: 50%; margin-top: -85px; margin-left: -640px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.i-banner.cur .swiper-slide .text { margin-top: -200px; }
.i-banner .swiper-slide .text .tit-x { font-size: 38px; line-height: 1; margin-bottom: 15px; color: #fff; font-weight: bold; letter-spacing: 3px; text-shadow: 5px 1px 6px rgba(0, 0, 0, 0.5); opacity: 0; transform: translate(0, 240px); -webkit-transition: all .3s .6s; -o-transition: all .3s .6s; transition: all .3s .6s; }
.i-banner .swiper-slide .text .tit-x img { width: auto; height: auto; min-height: auto; }
.i-banner .swiper-slide .text .tit-h { font-size: 45px; color: #fff; font-weight: bold; line-height: 1; letter-spacing: 3px; text-shadow: 5px 1px 6px rgba(0, 0, 0, 0.5); opacity: 0; transform: translate(0, 60px); -webkit-transition: all .3s .8s; -o-transition: all .3s .8s; transition: all .3s .8s; }
.i-banner .swiper-slide.swiper-slide-active .text .tit-x, .i-banner .swiper-slide.swiper-slide-active .text .tit-h { opacity: 1; transform: translate(0, 0px); }
.i-banner .swiper-pagination.swiper-pagination-bullets { bottom: 30px; left: -16px; }
.i-banner .swiper-pagination.swiper-pagination-bullets span { width: 0.8rem; height: 0.8rem; opacity: 1; background: none; border: 0.125rem solid #fff; -webkit-transition: width .3s; transition: width .3s; -webkit-transform: translate(1.3em); transform: translate(1.3em); box-shadow: 0px 1px 4px rgba(0,0,0,0.1), 0 0 40px rgba(0,0,0,0.05) inset; webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.1), 0 0 40px rgba(0,0,0,0.05) inset; moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.1), 0 0 40px rgba(0,0,0,0.05) inset; o-box-shadow: 0px 1px 4px rgba(0,0,0,0.1), 0 0 40px rgba(0,0,0,0.05) inset; }
.i-banner .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet-active { background: #fff; top: 15px; width: 2rem; border-radius: 1rem; }
.i-banner .swiper-button-prev, .i-banner .swiper-button-next { background: none; position: absolute; color: #a8a8a8; width: 80px; text-align: center; line-height: 80px; font-size: 4rem; cursor: pointer; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; background: url(../img/arr_leftG.png) center center no-repeat; }
.i-banner .swiper-button-next { background: url(../img/arr_rightG.png) center center no-repeat; }
.i-banner .swiper-button-prev:hover { background: url(../img/arr_left.png) center center no-repeat; }
.i-banner .swiper-button-next:hover { background: url(../img/arr_right.png) center center no-repeat; }
/* 三块活动 */

.nav-fd { margin: 0; padding: 0; list-style: none; padding: 10px 0; }
.nav-fd * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.nav-fd li { margin: 0; padding: 0; float: left; width: 33.03333%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; /*padding:4% 3% 5.6% 3%;*/ padding: 4% 3% 4% 3%; color: #1a1a1a; -webkit-transition: .3s; transition: .3s; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; overflow: hidden; }
.nav-fd li:hover { opacity: .85; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 85)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
-webkit-transform: scale(1.07, 1.07); -moz-transform: scale(1.07, 1.07); -o-transform: scale(1.07, 1.07); transform: scale(1.07, 1.07) }
.nav-fd { overflow: hidden; }
.nav-fd li h3 { font-size: 30px; font-weight: 400; margin-bottom: 4px; color: #fff; }
.nav-fd li p { font-size: 20px; }
.nav-fd li.s2 { color: #fff; margin: 0 0.44%; }
.more-1 { -webkit-transition: .3s; transition: .3s; width: 90px; height: 40px; color: #fff; line-height: 40px; display: inline-block; border: 1px solid #fff; text-indent: 10px; margin-top: 15px; }
.more-1:hover { background-color: #d7262e; color: #fff; border-color: #d7262e; }
/* in01 */
.in01 { padding: 10px 0 10px 10px; }
.in01 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.in01 .item { float: left; width: 33.333333%; padding: 0 10px 0 0 }
.in01 .item a { display: block; overflow: hidden; position: relative }
.in01 .item a em.more { display: block; width: 53px; height: 11px; position: absolute; right: 10%; bottom: 15%; z-index: 3; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.in01 .item a .title { color: #333; position: absolute; left: 10%; top: 20%; z-index: 3; -webkit-font-smoothing: subpixel-antialiased }
.in01 .item a .title b { display: block; font-size: 28px; font-weight: normal; line-height: 32px; }
.in01 .item a .title span { display: block; font-size: 14px; text-transform: uppercase; margin: 0 0 10px }
.in01 .item a .title p { display: block; font-size: 16px; font-weight: lighter }
.in01 .item a .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2 }
.in01 .item a .bg.bg1 { background: rgba(110,150,160,0.01); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.bg.bg1 { }
.in01 .item a .bg.bg2 { background: rgba(74,169,189,0.01); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.in01 .item a .bg.bg3 { background: rgba(237,109,0,0.01); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.in01 .item a .bg span.logo { display: block; width: 350px; height: 350px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; right: -120px; bottom: -155px; z-index: 1; opacity: .1; filter: alpha(opacity=10); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.in01 .item a .img { overflow: hidden }
.in01 .item a .img img { width: 100%; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s }
.in01 .item a:hover em.more { right: 8% }
.in01 .item a:hover .bg.bg1 { background: rgba(0,118,205,0) }
.in01 .item a:hover .bg.bg2 { background: rgba(74,169,189,0) }
.in01 .item a:hover .bg.bg3 { background: rgba(237,109,0,0) }
.in01 .item a:hover .bg span.logo { opacity: 0; filter: alpha(opacity=0) }
.in01 .item a:hover .img img { -webkit-transform: scale(1.07, 1.07); -moz-transform: scale(1.07, 1.07); -o-transform: scale(1.07, 1.07); transform: scale(1.07, 1.07) }
@media (min-width: 1600px) {
.in01 .item a .title b { font-size: 26px }
.in01 .item a .title span { font-size: 16px; margin: 0 0 20px }
.in01 .item a .title p { font-size: 22px }
}
/* 遮罩 */
@keyframes width-load {  0% {
 width: 0;
}
 100% {
 width: 100%;
}
}
.index-load { position: fixed; width: 100%; height: 100vh; left: 0; top: 0; z-index: 99; background: #fff; background-size: cover; transition: all .8s ease-in-out; z-index: 9999; }
.index-load .loading-logo { position: absolute; left: 50%; top: 50%; margin-left: -85px; margin-top: -25px; z-index: 2; max-width:80%; }
.index-load .line { width: 100%; height: 2px; position: absolute; left: 0; top: 0; z-index: 2; }
.index-load .line:before { content: ""; position: absolute; background: #f36e21; left: 0%; height: 2px; animation: width-load 2.5s forwards ease-out; }
.index-load.active { transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); }
.index-load.active .line:before { transition: all .2s .1s ease-in-out; }

.mb-banner{ overflow:hidden; display:none;}
@media screen and (min-width:1380px){
	.mb-banner{ overflow:hidden; display:none;}
}
@media screen and (max-width:768px){
    .pc-banner{ overflow:hidden; display: none;}
    .mb-banner{ overflow:hidden; display: block;}
    .index-load .loading-logo{ width:60%; margin-left: -30%; } 
    .m-nav-secondary-stage-item-menu li>a.is-home { display: none !important;}
    .m-nav-secondary-stage-item>div .list>li{ padding-top: .625rem; overflow: hidden;}
    .m-nav-secondary-stage-item>div .list li:not(.slick-slide):not(.m-nav-secondary-news)>a P{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-bottom: 0;}
    .header-right{ display: none;}
    .i-banner{padding-top:3.125rem; }
    .mb-banner .swiper-slide { position: relative;}
	 
	.i-banner .swiper-button-prev, .i-banner .swiper-button-next{ opacity:0.4; width: 30px;}
    .in01 { padding:0.25rem 0.1rem;}
	.in01 .item {float:left ;width: 33.3%;padding:0; overflow: hidden; margin-bottom: 0; padding:0  0.1rem ;  }
    .in01 .item a .img{ line-height: 0;  }
    .in01 .item.in01_3{ margin-bottom: 0;} 
    .in01 .item a .title { top:30%;}
    .in01 .item a .title b { font-size: 1rem; line-height: 1rem; font-weight: 600;}
    .in01 .item a .title span { font-size: 12px; display: none;}
}

@media screen and (max-width:440px){
    .m-nav-secondary-stage .m-nav-secondary-stage-item p{ font-size: 0.7rem; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}