body{font-family: -apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Helvetica','Arial',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
padding: 0; margin: 0;font-size: 14px;min-height: 100%;}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd{padding: 0; margin: 0;}
dl,dt,dd{ display: block; height: auto; overflow: hidden;}
ul{ list-style: none; padding: 0; margin: 0;}
a{ text-decoration: none;}
em,i{ font-style: normal;}
ol{ padding: 0px !important;}
input:focus{transition: linear .5s;-moz-transition: linear .5s;-webkit-transition: linear .5s;-o-transition: linear .5s;}
input,button,textarea,select{outline:none;font-family: Arial,'Microsoft YaHei', Microsoft Yahei, Simsun; border: 0px;}
.fl{ float: left;}
.fr{ float: right;}

.Header{width: 100%; height: 85px;  background: #fff; transition: all 0.3s ease-in-out 0s;-moz-box-shadow:1px 4px 10px rgba(37,63,156,0.05); -webkit-box-shadow:1px 4px 10px rgba(37,63,156,0.05); box-shadow:1px 4px 10px rgba(37,63,156,0.05);}
.HeaderCenter{width: 1200px; height: 85px;  margin: 0 auto;}
.HeaderCenter .Logo{ padding-top: 20px;width: 335px;}
.HeaderCenter .Logo a span:nth-child(2){display: block; width: 1px; height: 25px; background: #0D1924; margin: 10px 6px;}
.HeaderCenter .Logo a span:nth-child(3){ margin-top: 10px;}
.HeaderCenter .Nave{ padding-left: 90px; padding-top: 20px;}
.HeaderCenter .Nave ul.Menu li.MenuList{float: left;display: block; /*position: relative;*/ height: 65px;z-index:100 ;}
.HeaderCenter .Nave ul.Menu li.MenuList a.active{color: #007AFF;}
.HeaderCenter .Nave ul.Menu li.MenuList a:hover{color: #007AFF;transition: linear .5s}
.HeaderCenter .Nave ul.Menu li.MenuList span{display: block; float: left;}
.HeaderCenter .Nave ul.Menu li.MenuList i{transform:rotate(180deg);display: block; float: left; margin-left: 5px;transition: all 0.3s ease-in-out 0s;}
.HeaderCenter .Nave ul.Menu li.MenuList:hover i{transform:rotate(0deg);}
.HeaderCenter .Nave li.MenuList a{ display: block; padding: 0px 20px;font-size: 16px; color: #0D1924; line-height: 50px;}
.HeaderCenter .Nave ul.Menu li.MenuList .Nav_son{position: absolute; background: #fff;z-index: 99;top:85px;/* width: 150px;*/ width: 100%;
 display: none;transition: all 0.3s ease-in-out 0s;box-shadow:1px 4px 10px rgba(37,63,156,0.05); left: -10px; border-top:1px solid #f2f2f2 ;}

 .Nav_son_center{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;display: flex; padding: 40px 0px;padding-bottom:50px}
 .Nav_son_center a{display: inline-block;flex: 2; text-align: center;}

 .Nav_son_center a .title{font-size: 16px;font-weight: 600;color: #0D1924; margin-bottom: 10px;}
 .Nav_son_center a .info{line-height: 25px;color: #666666;padding: 0px 10px;}
 .Nav_son_center a:hover .title,.Nav_son_center a:hover .info {color:#2461EF  ;}
 .HeaderCenter .Nave ul.Menu li.MenuList .Nav_son a{font-size: 14px; line-height: 40px;}
  .HeaderCenter .Nave ul.Menu li.MenuList .Nav_son a .pic{width: 95px; height: 95px;overflow: hidden; margin: 0 auto;}
   .HeaderCenter .Nave ul.Menu li.MenuList .Nav_son a .pic img{width: 100%; height: 100%;}
.HeaderCenter .Nave ul.Menu li.MenuList:nth-child(2):hover .Nav_son{display: block;}
.HeaderCenter .Phone{ background: url("../images/Phone_icon.png") no-repeat 5px 31px; padding-left:50px; padding-top: 23px;}
.HeaderCenter .Phone p{font-size: 14px;font-weight:bold;color: #0D1924;}
.HeaderCenter .Phone p:nth-child(2){color: #2461EF; margin-top: 7px;}
.Header.HeaderFix{ position: fixed; top:0; left: 0;transition: all 0.3s ease-in-out 0s;
-moz-box-shadow:1px 4px 10px rgba(37,63,156,0.05); -webkit-box-shadow:1px 4px 10px rgba(37,63,156,0.05); box-shadow:1px 4px 10px rgba(37,63,156,0.05);
z-index:99;}
.swiper-button-next:after,.swiper-button-prev:after{color: #2461EF;}

.swiper-banner.swiper-container .swiper-wrapper,.swiper-banner.swiper-container .swiper-wrapper a{height: 856px;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet { width: 40px;height: 5px;border-radius: 0;}
.swiper-banner .swiper-pagination-bullet-active {background: #fff;}
.swiper-container.Common_banner .swiper-wrapper,.swiper-container.Common_banner .swiper-wrapper a{ height: 475px;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:25px}

.Index_Center{width: 1200px; margin: 0 auto;display: flex;}
.Index_Center .left{ padding-top: 220px;flex: 6;}
.Index_Center .left .bt{font-size:72px;color:#0D1924;font-weight: normal; margin-bottom: 50px;}
.Index_Center .left .info{font-size:48px;color: #0D1924;font-weight: normal; margin-bottom: 44px;}
.Index_Center .left .text{color: #0D1924;font-size:24px; font-weight: normal;}
.Index_Center .right{flex: 4; margin-top: 184px;}


.Footer{ background: #0C2151;width: 100%; height: auto; overflow: hidden; padding-bottom: 15px;}
.FooterCenter{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.FooterCenter .FooterUp{ height: auto; overflow: hidden; padding-top: 43px;}
.FooterCenter .FooterUp dl{display: block; height: auto; overflow: hidden; float: left;}
.FooterCenter .FooterUp dl dt{color: #fff;font-size: 18px; margin-bottom: 30px;}
.FooterCenter .FooterUp dl dd{color: #9493B0;font-size: 14px; margin-bottom: 15px;}
.FooterCenter .FooterUp dl:nth-child(1) dd{ line-height: 25px;}
.FooterCenter .FooterUp dl:nth-child(1) dd span{color: #fff;}
.FooterCenter .FooterUp dl:nth-child(1) dd .left{float: left; margin-top: 20px;}
.FooterCenter .FooterUp dl:nth-child(1) dd .pic{float: left; margin-left: 10px;}
.FooterCenter .FooterUp dl:nth-child(2) dd a,.FooterCenter .FooterUp dl:nth-child(3) dd a{display: block;color: #9493B0;font-size: 14px; margin-bottom: 25px;}
.FooterCenter .FooterUp dl:nth-child(2){ padding-left: 170px; padding-right: 136px;}
.FooterCenter .FooterUp dl:nth-child(4){float: right;}

.FooterCenter .FooterBottom{ border-top:1px solid rgba(148,147,176,.61); padding-top: 16px;}
.FooterCenter .FooterBottom p{color: #9493B0; line-height: 25px;text-align: center;}
.FooterCenter .FooterBottom p a{color:#9493B0 ;}



/*音乐播放器样式*/
.audioplayer{ position: relative;z-index: 1; height: 140px;}
.audioplayer div{position: absolute;}
.audioplayer .audioplayer-playpause a{display: block; background: url(../images/Play.png) center no-repeat; width: 40px; height: 40px; background-size: 100%;}
.audioplayer .audioplayer-playpause {width:40px; height:40px; text-align: left;text-indent: -9999px; cursor: pointer;
    z-index: 2; top:16px; left:16px;}
.audioplayer.audioplayer-playing .audioplayer-playpause a{ background: url(../images/Pause.png) center no-repeat;background-size: 100%;}
.audioplayer .audioplayer-volume .audioplayer-volume-button a{ display: block; background: url(../images/Volume.png) center no-repeat; width: 24px; height: 24px;background-size: 100%;}
.audioplayer .audioplayer-volume{width:24px; height: 24px; text-align: left;text-indent: -9999px; cursor: pointer; z-index: 2; top:26px; left:67px;}

.audioplayer-volume-adjust { 
	width: 55px;
	height: 130px; cursor: default; position: absolute;
    left:-15px; right: -1px; top:-999999px;
    background: url(../images/volume_bg.png) no-repeat;
}

.audioplayer-volume:hover .audioplayer-volume-adjust {
    top: auto;
    bottom: 100%;
}
.audioplayer-volume-adjust > div.text_main { 
	width:4px;height: 73px;background-color:#E8E8E8; cursor: pointer; position: relative; z-index: 1; border-radius: 8px; left: 50%; top:22px; margin-left: -2px;}
.audioplayer-volume-adjust div.text_main div.text_ms { width:4px; height: 100%; position: absolute; bottom: 0; left: 0; background:#1986FF;
border-radius: 8px;}	
.audioplayer-bar { height:8px; background-color:#f9f8f8; cursor: pointer; border-radius:8px ;
 z-index: 1; bottom:38%	;   margin-top: -0.438em; width: 88%; left: 16px; right: 16px;}
.audioplayer-bar div {
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.audioplayer-volume-adjust .text{width: 32px; height: 30px;text-indent: 0px;left: 50%;bottom: -31px;font-size: 12px;
    margin-left: -16px;
    text-align: center;}
.audioplayer-bar-loaded { background-color:#f9f8f8; z-index: 1;}
.audioplayer-bar-played { background:#0D7AF4; z-index: 2;}
.audioplayer-time{color: #999999;}
.audioplayer-time.audioplayer-time-current{bottom:20px; left: 16px;}
.audioplayer-time.audioplayer-time-duration{bottom:20px;right:16px}



/*右侧漂浮*/
.Right_fex{ width: 80px; height: 400px; position: fixed;z-index: 999; top:50%; right: 20px; margin-top: -240px;}
.Right_fex ul{position: fixed;margin-left: 0px; margin-right: 0px;
    margin-bottom: 0px; box-shadow: rgba(49, 83, 212, 0.15) 0px 10px 26px 0px; list-style: none;
    transition: all 0.3s ; display: block;}
.Right_fex ul li{margin-bottom: 0px; display: flex; flex-direction: column; -webkit-box-align: center;
    align-items: center; -webkit-box-pack: center;justify-content: center; color: rgb(46, 46, 46);
    cursor: pointer; width: 80px; height: 80px; background: rgb(255, 255, 255);
    transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; position: relative;}
.Right_fex ul li:first-child{ border-top-left-radius:8px ;border-top-right-radius:8px ;}	
.Right_fex ul li:last-child{border-bottom-left-radius:8px ;border-bottom-right-radius:8px ;}
.Right_fex ul li i.iconfont{font-size: 40px; line-height: 1; width: 100%; display: block;color:#2461EF;text-align: center;}	
.Right_fex ul li:nth-child(1) i{color: rgb(27, 183, 35);}
.Right_fex ul li:nth-child(2) i.iconfont,
.Right_fex ul li:nth-child(3) i.iconfont,
.Right_fex ul li:nth-child(4) i.iconfont{font-size: 35px;}
.Right_fex ul li:nth-child(3) i.iconfont{font-size: 40px;}
.Right_fex ul li .xian{width:60%; height: 1px; padding: 0px 20%; margin-top: 10px;}
.Right_fex ul li .xian p{width: 100%; height: 1px; background: #F2F2F2;}
.Right_fex ul li:hover{ background: #2461EF;color: #fff;}
.Right_fex ul li .text{ margin-top: 8px;font-size: 12px;}
.Right_fex ul li:hover i,.Right_fex ul li:hover a{color: #fff;}
.Right_fex ul li a{color: rgb(46, 46, 46)}



.Right_fex .wx_fex{ background: #fff; position: absolute; right:99px; top:0px; display: none;
width: 160px; height: 160px; padding: 10px; box-shadow: rgba(49, 83, 212, 0.15) 0px 10px 26px 0px; border-radius:8px ;}
.Right_fex .wx_fex .icon_sj{ position: absolute;right:-10px;top:28px}
.Right_fex .wx_fex .pic{width: 160px; background: #fff;height: 160px; margin: 0 auto;}
.Right_fex .wx_fex .pic img{width: 100%; height: 160px;}
.icon_sj p{width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:10px solid #fff;}
.Right_fex ul li:nth-child(1):hover .wx_fex{display: block;}	
.Right_fex ul li:nth-child(2):hover .Phone_fex{display: block;}
.Right_fex .Phone_fex{background: #fff; position: absolute; right:99px;width:270px; height: 130px;
 box-shadow: rgba(49, 83, 212, 0.15) 0px 10px 26px 0px; border-radius:8px ; padding: 15px;display: none;} 
.Right_fex .Phone_fex .icon_sj{ position: absolute;right:-10px;top:66px}
.Right_fex .Phone_fex h3{font-size: 14px; margin-bottom:8px;color: #808080;font-weight: normal;}
.Right_fex .Phone_fex p{ margin-bottom: 8px;font-size: 25px;color: #2461EF;}



.page{ height: auto; overflow: hidden;text-align: center;padding-top:20px}
.page ul li{display: inline-block;}
.page ul li a,.page ul li span{display: block; border: 1px solid #F2F2F2;color: #666;padding: 8px 15px; border-radius:5px ;}
.page ul li.active a{ background: #007AFF;color: #fff; border-color:#007AFF ;}