@charset "utf-8";
:root {
    --newList-navigation-size: 2rem;
}

/* 全部 */
.all_index{background-color: #f1f3f8;}
#page1,#page2,#page3,#page4,#page5,#page6,#page7,#page8{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;position:relative}
.sectionBan{position:relative;}
.header{position:absolute;left:0;top:0;z-index: 222;}

/***【0】***banner****/
@media screen and (min-width: 960px) {
.banBox {height: 100vh;}
.banBox .swiper-container{ height: 100vh;object-fit: contain; background: transparent; }
.banBox .swiper-container .swiper-wrapper{ height: 100% !important;}
}
.banBox .swiper-container {width: 100%;height: 100%;}
.banBox .swiper-slide{width:100%;height:100%;position:relative;overflow:hidden}
.banBox .swiper-container .swiper-pagination{width:100px !important;left:50% !important;bottom:22px;margin-left:-50px}
.banBox .swiper-container .swiper-pagination .swiper-pagination-bullet{width:12px !important;height:12px !important;background:rgba(235,235,235,0.32);border-radius:50%;opacity:1}
.banBox .swiper-container .swiper-pagination .swiper-pagination-bullet-active{width:12px !important;border-radius:50%;background:#bd1e0d !important;}
.banBox .swiper-button-next,.banBox .swiper-button-prev{top:auto !important;bottom:50%;color:rgba(255,255,255,0.85) !important;font-family:'黑体';}
.banBox .swiper-container .hide{opacity:0}
.banBox .swiper-button-next,.banBox .swiper-button-prev{transition:opacity 0.5s}
.banBox .swiper-button-next,.banBox .swiper-button-prev{font-size:48px;}
.banBox .swiper-button-next,.banBox .swiper-container-rtl .swiper-button-prev{background-image:none !important}
.banBox .swiper-button-prev,.banBox .swiper-container-rtl .swiper-button-next{background-image:none !important}
.banBox .swiper-button-disabled{display:none}
.bannerPic{position:relative;width:100%;height:auto;transition:all 1s ease 2.5s;}
.swiper-slide.active .bannerPic{transition:all 5s ease 0s;}
.banBox .swiper-slide img{display:block;width:100%;left:0;top:0;height:auto;object-fit:fill}
/* .bannerPic{position:relative;width:100%;height:auto;transition:all 1s ease 2.5s;transform:perspective(1000px) translate3d(0,0,100px)}
.swiper-slide.active .bannerPic{transition:all 5s ease 0s;transform:perspective(1000px) translate3d(0,0,0px)} */

.swiper-slide .pcimg{height: 100%;}
.swiper-slide .pcimg img{height: 100%;}

@media screen and (max-width:1400px){
.swiper-button-next,.swiper-button-prev{width:160px;height:70px;line-height:70px;font-size:20px;}
.swiper-button-next,.swiper-container-rtl .swiper-button-next{right: 0px;left:auto;}
}
@media screen and (max-width:1200px){
.swiper-button-next,.swiper-button-prev{width:80px;height:35px;line-height:35px;font-size:16px;}
}

@media screen and (min-width:960px){
.swiper-slide .pcimg img{display:block;}
.swiper-slide .moimg,
.swiper-slide .moimg img{display:none;}
}
@media screen and (max-width:960px){
.swiper-slide .pcimg,.swiper-slide .pcimg img{display:none}
.swiper-slide .moimg {height: 100%;}
.swiper-slide .moimg img{display:block;}
.swiper-button-next,.swiper-button-prev{width:40px;height:40px;line-height:40px;font-size:30px;bottom:50%;border-radius:50%;font-family: cursive;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{left: auto;right:10px;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left: 10px;}
.swiper-button-next i,.swiper-button-prev i{display:none;}
.ban_box .swiper-container .swiper-pagination .swiper-pagination-bullet{float: left;}
.banBox .swiper-container .swiper-pagination .swiper-pagination-bullet{float: left;}

}


.section .indexAb_more{margin: 40px auto 0;border: 1px solid #002c75;color: #002c75;background-color: transparent;border-radius: 0;}
.section .indexAb_more:hover{color:#fff;}

@media screen and (max-width:960px){
.section .indexAb_more{margin-top: 20px;}
}
/* 首页标题 */
.section .abTit h4{margin-bottom: 0;font-weight: 500;color: #002c75;text-align: center;}
.section .abTit h4 a{color: #002c75;font-weight: 600;}
/* 
@media screen and (max-width: 1400px){
.section .abTit h4{font-size: 34px !important;}
.section .abTit p{font-size: 22px !important;}
}
@media screen and (max-width: 1200px){
.section .abTit h4{font-size: 30px !important;}
} */
@media screen and (max-width: 960px){
.section .abTit {margin-bottom: 25px;}
/*.section .abTit h4{font-size: 24px !important;}
.section .abTit p{font-size: 18px !important;}
.section .abTit p::before{left: 50%;margin-left:-13px;} */
}

/* Tab切换 */
.hdDt{display: flex;justify-content: space-between;}
.hdDt a{position:relative;display:inline-block;font-size:16px;text-align:center;background:transparent;color:#000;border-bottom:1px solid transparent;cursor:pointer;}
.hdDt a:last-child{margin-right:0;}
.hdDt a:hover,.ProCon .hdDt a.on{color:#002c75;border-bottom-color:#002c75;border-bottom-width: 2px;}
.bdDt {min-height:320px;margin-top:50px;}
.bdProCon{display:none;}

@media screen and (max-width: 1200px){
.hdDt a{font-size:14px;}
.bdDt {margin-top:30px;}
}
@media screen and (max-width: 960px){
.hdDt{flex-wrap: wrap;}
.hdDt a{flex: 25%;}
.hdDt a:nth-child(-n+4){margin-bottom: 20px;}
.bdDt {margin-top:15px;}
}
@media screen and (max-width: 680px){
.hdDt a:nth-child(-n+4){margin-bottom: 10px;}
}


/***【1】==关于我们*****/
.sectionAbu{background: url(../images/indexBg1.jpg) no-repeat;}
.sectionAbu .fp-tableCell{vertical-align: top;}
.sectionAbu .abTit{display: none;}
.WawConBox {padding-top: 90px;display:flex;flex-direction: column;}
.WawCon .WawText{margin-bottom: 20px;text-align: center;}
.WawCon .WawText h4{margin-bottom: 10px;font-size: 32px;color: #272727;line-height: 2;font-weight: 500;}
.WawCon .WawText p{font-size: 16px;line-height: 2;}
.WawLeft .product-num-box{width:100%;height:auto}
.WawLeft .product-num-content{width: 100%;height: auto;margin:0 auto;text-align:center;font-size:0}
.WawLeft .product-num-title{padding-top:110px;margin-bottom:30px;font-size:42px;color:#fff;line-height:45px;}
.WawLeft .product-num-text{font-size:16px;color:#002c75;line-height:28px}
.WawLeft .product-num-head{font-size:0;display: flex;flex-wrap: wrap;}
.WawLeft .product-num-item{float:left;position:relative;display: flex;flex: calc(20% - 10px);justify-content: center;flex-direction: row;flex-wrap: wrap;align-items: center;text-align: left;}
/* .WawLeft .product-num-item:nth-child(-n+2){margin-bottom: 70px;} */
.WawLeft .product-num-jus{display:inline-block;margin:80px 0;width:162px;height:56px;font-size:22px;color:#e60012;background:#fff;line-height:48px;letter-spacing:2px;cursor:pointer;font-weight:500;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;text-decoration:none}
.WawLeft .product-num-nub{display:inline-block;font-size: 48px;color: #002c75;line-height:62px;}
.WawLeft .product-num-item:nth-child(1) .product-num-nub,
.WawLeft .product-num-item:nth-child(3) .product-num-nub{margin-right: 4px;}
.WawLeft .product-num-add{font-size: 22px;color: #002c75;text-align:left;display:inline-block;font-weight: 300;}
.WawLeft .product-num-inf{display:inline-block;width:100%;margin-top: 6px;line-height: 1.25;font-size: 18px;color: #000;text-align: center;overflow: hidden;}
.WawLeft .product-num-jus:hover{background-color:#fff;color:#002c75}
.WawLeft .product-num-wan{position:absolute;right:55px;top:0px}
.sectionAbu .indexAb_more{display:none;}


/***【2】==产品中心*****/
/* .sectionPro .container{margin: 0 160px;} */
/* .ProConBox .abTit{margin-top:15px;margin-bottom:15px;} */
.ProCon .newList{width: calc(25% - 7.5px);margin-right:10px;margin-bottom: 20px;border-radius: 10px;border:1px solid transparent;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.ProCon .newList:nth-child(4n){margin-right:0;}
.ProCon .newPicBox{padding-bottom: 74%;border:1px solid transparent;}
.ProCon .newPicBox,
.ProCon .newPicBox img{border-radius: 10px;}
.ProCon .contentBoxB{margin-top: 10px;}
.ProCon .newTitle{margin-bottom: 0;color:#272727;font-size: 20px;font-weight: normal;text-align: center;-webkit-line-clamp: 1;}
.ProCon .newMs{height: 26px;min-height: 26px;font-size: 16px;text-align: justify;line-height: 1.5;-webkit-line-clamp: 1;color: #666;}
.ProCon .newList:hover {-webkit-box-shadow:rgba(40,109,174,.2) 0px 0px 30px;-moz-box-shadow:rgba(40,109,174,.2) 0px 0px 30px;box-shadow:rgba(40,109,174,.2) 0px 0px 30px;-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);-o-transform:translateY(-6px);transform:translateY(-6px);}
.ProCon .newList:hover .contentBoxB{transition: all 0.3s linear;}
.ProCon .newList:hover .newPicBox{border-color: #002c75;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}


/***【3】==客户案例*****/
.sectionCc {background:linear-gradient(0deg, #dee6ff, #f0f2f8);}
.sectionCc .CcSon {padding-bottom: 40px;}
.smallCc{display:none;}
.sectionCc .newList{width: 33.33%;margin-right: 0;margin-bottom: 0;border-radius: 10px;}
.sectionCc .newList:nth-child(3n){margin-right: 0;}
.sectionCc .newList a{padding:0 20px;}
.sectionCc .image_con{position: relative;}
.sectionCc .newPicBox{padding-bottom: 133%;}
.sectionCc .contentBoxB{margin-top: 15px;text-align: center;}
.sectionCc .newTitle{font-size: 24px;}
.sectionCc .newMs{font-size: 14px;line-height: 2;}
.sectionCc .swiper-pagination-bullet{width: 18px;height: 18px;background-color: #fff;opacity: 0.8;}
.sectionCc .swiper-pagination-bullet-active{background-color:#002c75;}
.sectionCc .swiper-button-next,.sectionCc .swiper-button-prev{position:absolute;top:50%;width:40px;height:99px;z-index:10;background-color:rgba(0,0,0,.1);transform:translateY(-50%);background-image: none;}
.sectionCc .swiper-button-prev,.sectionCc .swiper-rtl .swiper-button-next{left: 24.6vw;}
.sectionCc .swiper-button-next,.sectionCc .swiper-rtl .swiper-button-prev{right: 24.6vw;}
.sectionCc .swiper-button-prev:after,
.sectionCc .swiper-rtl .swiper-button-next:after,
.sectionCc .swiper-button-next:after,
.sectionCc .swiper-rtl .swiper-button-prev:after{display: none;}


/***【4】==新闻中心*****/
.sectionNc{background-color: #f2f3f8;}
.NcCon{display: flex;justify-content: center;}
.smallNc{display:none;}  
.NcConLeft{width:365px;margin-right:20px;background-color:gray;background-size:cover;background-position:center;padding:75px 50px}
.NCLt1{font-family:'DINCond-Bold';font-size:55px;color:#244280}
.NCLt2{margin-top:35px;margin-bottom:50px;height:3px;width:43px;background-color:#244280}
.NCLt3{font-family:SourceHanSansCN-Normal;font-size:16px;color:#244280;width:199px;line-height:40px;margin-bottom:45px}
.NCLt4{width:36px;height:36px;font-size:36px;color:#244280  }

.NcConRight{width:calc(100% - 385px);display:flex;flex-direction:column}

/* 新闻中心 */
.sectionNc .newList{width: 100%;margin-right: 10px;margin-bottom: 0;background-color: #fff;}
.sectionNc .newList:nth-child(1){margin-bottom: 20px;}
.sectionNc .newList:nth-child(2n){margin-right: 0;}
.sectionNc .newList a{display: flex;flex-direction: row-reverse;align-items: center;}
/* .sectionNc .newList:nth-child(1) a{flex-direction: row-reverse;} */
.sectionNc .image_con{width: 23%;}
.sectionNc .newPicBox{padding-bottom: 133%;}
.sectionNc .contentBoxAll{width: 77%;display: flex;flex-direction: row;}
/* .sectionNc .newList:nth-child(2) .contentBoxAll{flex-direction: row-reverse;} */
.sectionNc .contentBoxL{position: relative;width: 125px;text-align: center;transition: background 0.3s ease, color 0.3s ease;}
.sectionNc .TimeBox {margin-bottom:0;margin-top: 0;padding: 25px 0;position: absolute;top: calc(50% - 68px);left: 0;width: 100%;background: #e6e7e9;z-index: 22;}
.sectionNc .TimeBox h1{font-size: 44px;color: #333;line-height: 1.35;}
.sectionNc .TimeBox span{font-size: 16px;color: #999;}
.sectionNc .contentBoxB{width: calc(100% - 125px);padding: 5% 20px;margin-top:0}
.sectionNc .newTitle{height: 72px;margin-bottom: 10px;line-height: 2;font-size: 18px;font-weight: normal;-webkit-line-clamp: 2;}
.sectionNc .newMs{height: 108px;line-height:2;}
.sectionNc .newList:hover .TimeBox{background: #002c75;animation: MoveButton 0.3s;}
.sectionNc .newList:hover .TimeBox h1{color: #fff;}
.sectionNc .newList:hover .TimeBox span{color: #fff;}


/***【5】==合作伙伴*****/
.sectionHb{background-color: #f1f3f8;}
.ul-imgq1{margin: 0 -4px 0;}
.ul-imgq1:after{content:'';display:block;clear:both;visibility:hidden;width:100%;height:0}
.ul-imgq1 li{float:left;width: calc(25% - 15px);margin-right: 20px;margin-bottom: 20px;}
.ul-imgq1 li:nth-child(4n){margin-right: 0;}
.ul-imgq1 li a{display:block}
.ul-imgq1 .pic{/*height: 156px;*/text-align:center;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.ul-imgq1 .pic img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.ul-imgq1 a:hover .pic{-webkit-box-shadow:0 2px 8px rgba(6,99,184,.1);-moz-box-shadow:0 2px 8px rgba(6,99,184,.1);-ms-box-shadow:0 2px 8px rgba(6,99,184,.1);-o-box-shadow:0 2px 8px rgba(6,99,184,.1);box-shadow:0 2px 8px rgba(6,99,184,.1);-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);-o-transform:translateY(-6px);transform:translateY(-6px)}


@media screen and (max-width: 1660px){
/***【1】==关于我们*****/
.WawConBox {padding-top: 75px;}
/***【3】==客户案例*****/
.CcSon{padding-bottom:30px;}
.sectionCc .newTitle{font-size: 22px;}
.sectionCc .newMs{line-height: 1.75;}
.sectionCc .swiper-pagination{top: auto !important;}

/***【4】==新闻中心*****/
}
@media screen and (max-width: 1660px) and (min-width: 1360px){

}

@media screen and (max-width: 1440px) {
/***【1】==关于我们*****/
.WawConBox {padding-top: 55px;}

/***【1】==产品中心*****/
.sectionPro .indexAb_more{margin:30px auto 0;}


/***【3】==客户案例*****/
.CcSon{padding-bottom: 60px;}
.sectionCc .image_con{flex: 50%;}
.sectionCc .contentBoxB{flex: calc(50% - 25px);margin-left: 25px;}
.sectionCc .newTitle{height: 24px;font-size: 20px;}
.sectionCc .newMs{line-height: 1.5;}
.sectionCc .swiper-pagination-bullet{width: 16px;height: 16px;}

/***【4】==新闻中心*****/
.NcCon{align-items: center;}
.sectionNc .newMs{height: 72px;font-size: 16px;line-height: 1.5;}
.sectionNc .newTitle{height: 52px;line-height: 1.75;font-size: 16px;}

}
@media screen and (max-width: 1360px) and (min-width: 960px){

}

@media screen and (max-width: 1200px) {

/***【1】==关于我们*****/
.WawConBox {padding-top: 55px;}

/***【1】==产品中心*****/
.sectionPro .indexAb_more{margin:20px auto 0;}
.ncL .contentBoxB,
.ncR .contentBoxB{padding: 20px;}
.ncL .newMs{margin:10px 0;}

/***【3】==客户案例*****/
.CcSon{padding-bottom: 60px;}
.sectionCc .image_con{flex: 1;width: 100%;}
.sectionCc .contentBoxB{flex: 100%;margin-left: 0;}
.sectionCc .swiper-pagination-bullet{width: 14px;height: 14px;}

/***【4】==新闻中心*****/
.NcConLeft{padding: 45px 50px;}
.sectionNc .contentBoxL{width: 80px;}
.sectionNc .contentBoxB{padding: 25px 20px;}
.sectionNc .newMs{height: 45px;font-size: 14px;}
.sectionNc .newTitle{height: 48px;line-height: 1.5;}
/* .sectionNc .newList{width: calc(50% - 10px);margin-right: 20px;}
.sectionNc .newList:nth-child(1){margin-bottom: 0;}
.sectionNc .newList a{flex-direction: column !important;}
.sectionNc .contentBoxB,
.sectionNc .image_con,
.sectionNc .newList:nth-child(1) .image_con,
.sectionNc .newList:nth-child(1) .contentBoxB{width:100%;}
.sectionNc .newPicBox{padding-bottom: 75%;}
.sectionNc .contentBoxB,
.sectionNc .newList:nth-child(2) .contentBoxB{padding: 20px;}
.sectionNc .newTitle{height: 45px;font-size: 16px;line-height: 1.5;}
.sectionNc .newMs{font-size: 14px;} */
}

@media screen and (max-width: 960px) {
  #webpage .section,.section .fp-tableCell,.section .fp-scrollable{
      height: auto !important; /* 在移动端不使用全屏 */
      overflow: hidden;
  }
  .fp-enabled body, html.fp-enabled {
    overflow: visible !important;
}
.sectionPro ,
.sectionCc ,
.sectionNc ,
.sectionHb {padding:40px 0;}
	
/***【1】==关于我们*****/
.sectionAbu{padding: 30px 0 400px;background: url(../images/indexBg1-1.jpg) no-repeat;}
/* .sectionAbu .fp-tableCell{vertical-align: middle;} */
.sectionAbu .abTit{display: block;margin-bottom: 0;}
.WawLeft{display: none;}
.WawConBox {padding-top: 35px;}
.WawConBox .WawCon{width: 100%;float: none;margin: 0;text-align: center;background-image: none;}
.WawCon .WawText h4{margin-top: 30px;font-size: 20px;line-height: 1.5;font-weight: 600;}
.WawCon .WawText p{font-size:13px;line-height:1.5;}
.WawCon .indexAb_more{margin: 10px auto 0 !important;}
.WawImg{display:block;}
.WawImg img{max-width:100%;}
.sectionAbu .indexAb_more{display:block;}
	
/***【1】==产品中心*****/
.ProCon .newTitle{height: auto;min-height: 36px;line-height: 1.25;font-size: 14px;-webkit-line-clamp: 2;}

/***【2】==产品中心*****/
.ProConBox .abTit{margin-top:0;margin-bottom: 40px;}
.ProCon .newList{width: calc(33.33% - 10px);margin-right: 15px;margin-bottom: 25px;border-radius: 5px;}
.ProCon .newList:nth-child(2n){margin-right:15px;}
.ProCon .newList:nth-child(3n){margin-right:0;}
.ProCon .newList:nth-child(3),
.ProCon .newList:nth-child(5){display:none;}
.ProCon .newList:nth-child(4){margin-right: 0;}
.ProCon .newPicBox{padding-bottom: 80%;}
.ProCon .newPicBox,
.ProCon .newPicBox img{border-radius: 5px;}
.ProCon .contentBoxB{margin-top:0}

/***【3】==客户案例*****/
.CcConBox{margin: 0 20px;}
.CcSon{display:none;}
.sectionCc .CcSon{padding-bottom: 0;}
.smallCc{display:block;}
.sectionCc .newList{width: calc(50% - 10px);margin-right:20px;margin-bottom: 10px;background-color: transparent;}
.sectionCc .newList:nth-child(3n){margin-right: 20px;}
.sectionCc .newList:nth-child(2n){margin-right:0;}
.sectionCc .image_con{position:inherit;}
.sectionCc .contentBoxB{position: inherit;margin-top: 5px;}
.sectionCc .newTitle{height: 20px;font-size: 16px;color:#333;min-height: auto;margin-bottom: 5px;}
.sectionCc .newMs{min-height: auto;height: 33px;line-height: 1.25;color:#666;}

/* .smallCc .newList{margin-right:0;}
.smallCc .newList:nth-child(3n){margin-right: 0;} */
.smallCc .newList a{padding:0;}

/***【4】==新闻中心*****/
.NcCon{display:none;}
.smallNc{display:block;}
.ncCon {flex-direction: column;}
.sectionNc .newList{width:100%;margin-right:0;margin-bottom: 0;}
.sectionNc .newPicBox{padding-bottom: 53%;}
.sectionNc .contentBoxB,.sectionNc .contentBoxB, .sectionNc .newList:nth-child(2) .contentBoxB{padding: 5px;}
.sectionNc .newTitle{margin-bottom: 5px;height:auto;min-height: 40px;font-size: 14px;}
.sectionNc .newMs{font-size: 14px;}

.smallNc .newList{background-color:transparent;}
.smallNc .ncTop .newList {margin-bottom: 0;}
.smallNc .ncTop .newList a{flex-direction: column;}
.smallNc .ncTop .image_con{width: 100%;}
.smallNc .contentBoxB{width: 100%;}
.smallNc .ncR .newList a{width:100%;}
.smallNc .ncR .newList:nth-child(1){margin-bottom:0;}

/***【5】==合作伙伴*****/
.ul-imgq1 li{float:left;width: calc(33.33% - 15px);margin-right: 20px;}
.ul-imgq1 li:nth-child(4n){margin-right: 20px;}
.ul-imgq1 li:nth-child(3n){margin-right: 0;}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 680px) {

/***【1】==关于我们*****/
.WawCon .WawText h4{margin-top: 15px;font-size: 18px;}

/***【2】==产品中心*****/
.ProConBox .abTit{margin-top:0;}
.ProCon .newList{width: calc(50% - 13px);margin-right: 26px;margin-bottom: 10px;border-radius: 5px;}
.ProCon .newList:nth-child(2n){margin-right:0;}
.ProCon .newList:nth-child(3n){margin-right:0;}
.ProCon .newList:nth-child(4){margin-right: 26px;}
.ProCon .newPicBox{padding-bottom: 60%;}

/***【3】==客户案例*****/
/* .sectionCc .newList{width: 100%;margin-right:0;} */

/***【5】==合作伙伴*****/
.ul-imgq1 li{float:left;width: calc(50% - 10px);margin-right: 20px;margin-bottom:10px;}
.ul-imgq1 li:nth-child(3n){margin-right: 20px;}
.ul-imgq1 li:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 480px) {

/***【3】==客户案例*****/
.sectionCc .newTitle{height: 16px;font-size: 14px;}
.sectionCc .newMs{height: 28px;line-height: 1.2;font-size:12px;}

/***【5】==合作伙伴*****/
/* .ul-imgq1 li{margin-bottom:5px;} */
}


/*侧边栏*/
#side{position: fixed;right: 0;top: 0;z-index: 10;width: 40px;height: 100%;}
#menu {position: absolute;right: 0px;top: 50%;width: 40px;margin-top: -140px;padding: 0;list-style-type: none;}
#menu a{font-size: 14px;color: #666;margin-bottom: 10px;display: block;font-weight: 500;}
#menu a:hover, #menu .active a {color: #c81d22;font-weight: 700;}
#menu a img{display: block;margin-left: 2px;}

/*首页*/
#myMenu{position:fixed;top:50%;left:0;z-index:50;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
#myMenu .menuList{overflow:hidden}
#myMenu .menuList a{display:block;float:left;font-size:14px;color:#fff;line-height:2.86em;font-family:Arial;font-weight:700;text-transform:uppercase;padding-left:30px;padding-right:20px;position:relative;overflow:hidden}
#myMenu.black .menuList a{color:#858585}
#myMenu.black .menuList.active a{color:#033271}
#myMenu .menuList a:after{content:'';width:0;height:1px;background-color:#fff;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
#myMenu.black .menuList a:after{background-color:#033271}
#myMenu .menuList.active a:after{width:100%}
#myMenu li a span{display:block;width:10px;overflow:hidden}
#myMenu .menuList.active a span{width:auto}
.section.active{
	-webkit-animation-duration: 4s;
	animation-duration: 4s; 
	-webkit-animation-name:bnjt;
	animation-name:bnjt; 
	animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
}
@-webkit-keyframes bnjt {
  0% {
	  background-size:110% 110%;
  }
  100% {
    background-size:100% 100%;
  }
}

@keyframes bnjt {
  0% {
	  background-size:110% 110%;
  }
  100% {
    background-size:100% 100%;
  }
}

@media screen and (max-width: 767px){
.section.active{-webkit-animation-name:none;animation-name:none;background-size:cover; }
}
/*动效*/
.transy{transform: translateY(160px);-webkit-transform: translateY(160px);transition: 400ms;-webkit-transition: 400ms; transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.Xtransy{transform: translateX(-160px);-webkit-transform: translateX(-160px); transition: 400ms;-webkit-transition: 400ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 
.tranShow{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;}
.XtranShow{ transform: translateX(0); -webkit-transform: translateX(0); opacity: 1;}
@-webkit-keyframes BiHover
{
  0%{-webkit-transform:translateX(0px);opacity:1}
  49%{-webkit-transform:translateX(-28px);opacity:0}
  50%{-webkit-transform:translateX(28px);opacity:0}
  100%{-webkit-transform:translateX(0px);opacity:1}
}