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: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: 186px;}

.audioplayer div{position: absolute;}

.audioplayer .audioplayer-playpause a{display: block; background: url(../images/play.png) no-repeat; width: 57px; height: 57px;}

.audioplayer .audioplayer-playpause {width:57px; height:57px; text-align: left;text-indent: -9999px; cursor: pointer;

    z-index: 2; top: 21px; left:40px;}

.audioplayer.audioplayer-playing .audioplayer-playpause a{ background: url(../images/pause.png) no-repeat;}

.audioplayer .audioplayer-volume .audioplayer-volume-button a{ display: block; background: url(../images/volume.png) no-repeat; width: 57px; height: 57px;}

.audioplayer .audioplayer-volume{width:57px; height: 57px; text-align: left;text-indent: -9999px; cursor: pointer; z-index: 2; top:21px; right:40px;}



.audioplayer-volume-adjust { height: 50px; cursor: default; position: absolute;

    left:24px; right: -1px; top:-999999px;

    background: #fff; -webkit-border-top-left-radius: 2px;

    -webkit-border-top-right-radius: 2px;

    -moz-border-radius-topleft: 2px;

    -moz-border-radius-topright: 2px;

    border-top-left-radius: 2px;

    border-top-right-radius: 2px;

	width: 10px;

}

.audioplayer-volume-adjust {

    -webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );

    -moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );

    box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );

}

.audioplayer-volume:hover .audioplayer-volume-adjust {

    top: auto;

    bottom: 100%;

}

.audioplayer-volume-adjust > div { 

	width:10px;height: 50px;background-color: #fff; cursor: pointer; position: relative; z-index: 1; margin:0px auto 0;}

.audioplayer-volume-adjust div div { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background:#3251FB;}	

.audioplayer-bar { height:3px; background-color:#f9f8f8; cursor: pointer; border-radius:3px ;

 z-index: 1; bottom: 27%;   margin-top: -0.438em; width: 80%; left: 10%; right: 10%;}

.audioplayer-bar div {

    width: 0;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

}

.audioplayer-bar-loaded { background-color:#f9f8f8; z-index: 1;}

.audioplayer-bar-played { background:#FFAC35; z-index: 2;}

.audioplayer-time.audioplayer-time-current{bottom:20px; left: 10%;}

.audioplayer-time.audioplayer-time-duration{bottom:20px;right:10%}







/*右侧漂浮*/

.Right_fex{ width: 80px; height: 400px; position: fixed;z-index: 999; top:60%; 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 ;}