@font-face
{font-family: DIN;
src: url('DIN-Medium.otf')}

.pb_sys_style1 .p_no_d {
    border: 1px solid #314e76 !important;
    color: #fff;
    background-color: #314e76 !important;
}

.cont img{height:auto !important;max-width:100%;margin: 5px 0px;}
.cont p{text-indent:2em;line-height: 28px;}
.cont video{
height:auto !important;
max-width:100%;
}
.cont .vsbcontent_img{text-align: center;}
.cont .table{
overflow-x: auto;
    text-align: center;
    margin: 0 auto;
    width: auto;
}
.cont .table table{
    margin: 0 auto;
    width: auto;
    max-width: 895px;
}

.cont .table p{
text-indent:0px;
}
*{box-sizing:border-box;color:#333;font-size: 18px;}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family: "microsoft yahei",'PingFang SC','PingFangMedium';/* font-size: inherit; */}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
.auto{margin:0 auto;max-width: 1500px;width: 96%;}
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;/* display: -ms-flexbox; */-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}	
.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
body{background: #fff;min-width:1500px;}
.item{}
.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline:hover{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}
/* html{font-size: 5.2083vw;} */

::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}




/* index */
.head{position: sticky; top: 0; z-index: 100; background-color: #193366;}
.hd-t .wrap{display: flex;justify-content: space-between;align-items: center;height: 85px;}
.hd-logo .img{height: 55px;width: auto;}

.hd-sear{width: 247px;height: 40px;background-color: rgba(255,255,255,.2);border-radius:80px;display: flex;align-items: center;padding:0 20px;}
.hd-sear button { font-size: 0; background: transparent; border: 0; cursor: pointer; }
.hd-sear .icon{width: 18px;height: 18px;}
.hd-sear .x{width: 1px;height: 20px;background-color: rgba(255,255,255,.2);margin:0 12px;}
.hd-sear .ipt-txt{flex:1;overflow: hidden;font-size: 18px;color:#fff;background:none;}
.hd-sear .ipt-txt::-webkit-input-placeholder{color:rgba(255,255,255,.5);}
.hd-sear .ipt-txt:-moz-placeholder{color:rgba(255,255,255,.5);}
.hd-sear .ipt-txt::-moz-placeholder{color:rgba(255,255,255,.5);}
.hd-sear .ipt-txt:-ms-input-placeholder{color:rgba(255,255,255,.5);}

.hd-b{border-top:1px solid rgba(255, 255, 255, 0.2);}
.hd-nav{display: flex;justify-content: space-between;}
.hd-nav li{display: inline-block;vertical-align: middle;position: relative;}
.hd-nav li>a{display: block;font-size: 18px;color:#fff;line-height: 50px;}


.hd-nav .drop{width: 140px;position: absolute;left: 50%;transform: translate(-50%,0) scaleY(0);visibility: hidden;opacity: 0;transition: all .3s ease 0s;transform-origin: center top;z-index:100;}
.hd-nav .dropbox{background-color: #193366;box-shadow: 2px 3px 6px 0 rgba(43, 0, 0, 0.3);position: relative;}
.hd-nav .lk{display: block;font-size: 16px;color:#fff;text-align: center;line-height: 50px;border-bottom:1px dashed rgba(255,255,255,.1);}
.hd-nav .lk:hover{font-weight: bold;}
.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: translateX(-50%) scaleY(1);}
.hd-nav li.cur>a,.hd-nav li:hover>a{font-weight: bold;}



.idx-ban .img{width: 100%;display: block;}
.idx-ban .swiper-pagination{bottom: 25px!important;display: flex;justify-content: center;}
.idx-ban .swiper-pagination-bullet{width: 48px;height: 48px;border:1px dashed transparent;opacity: 1;background-color: transparent;font-size: 0;color:#fff;position: relative;display: flex;align-items: center;justify-content: center;}
.idx-ban .swiper-pagination-bullet::after{content:'';position: absolute;width: 8px;height: 8px;background-color: #fff;border-radius:50%;}
.idx-ban .swiper-pagination-bullet-active{border-color:#fff;font-size: 14px;}
.idx-ban .swiper-pagination-bullet-active::after{display: none;}



.idx-tt{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #C1D2F3;}
.idx-tt .bt{padding: 6px 0 20px;position: relative;}
.idx-tt .bt::after{content:'';width: 100%;height: 5px;background:url(../images/idx_02.png) no-repeat center;background-size:100% 100%;position: absolute;left: 0;bottom: 0;}
.idx-tt .bt::before{content:'';position: absolute;width: 40px;height: 40px;background: linear-gradient(180deg, #BFD4FF 0%, rgba(255, 255, 255, 0) 100%);right: -10px;top: 0;border-radius:50%;}
.idx-tt .bt span{font-size: 30px;color: #343434;font-weight: bold;position: relative;z-index:20;}
.idx-tt .readmore{font-size: 18px;color: #A1A1A1;}
.idx-tt .readmore:hover{color:#193366;}


.idx-bg1{padding:55px 0 75px;background:url(../images/idx_18.png) no-repeat center bottom;background-size:100% auto;}

.idx-s1{display: flex;justify-content: space-between;}

.idx-xw{flex:1;overflow: hidden;}
.idx-xw .idx-tt{margin-bottom: 45px;}
.idx-xw .detail{display: flex;align-items: flex-start;}
.idx-xw .slide{flex:1;overflow: hidden;}
.idx-xw .slide .imgbox{height: 370px;}
.idx-xw .slide .info{height: 115px;background-color: #193366;padding:18px 20px;}
.idx-xw .slide .title{font-size: 18px;color:#fff;display: block;line-height: 1.5;}

.idx-xw .bot{display: flex;align-items: center;position: absolute;bottom: 25px;width: 100%;padding:0 45px 0 20px;z-index:20;}
.idx-xw .swiper-pagination{position: static;}
.idx-xw .swiper-button{position: static;width: 26px;height: 26px;border:1px solid rgba(255,255,255,.42);background:url(../images/idx_04.png) no-repeat center;background-size:10px;border-radius:50%;margin:0;}
.idx-xw .swiper-button-next{margin-left: 10px;transform: scale(-1);}
.idx-xw .swiper-button:hover{background-color: #284d97;border-color:#284d97;}


.idx-xw .swiper-pagination-bullet{background:none;font-size: 14px;color:#fff;opacity: 1;width: auto;height: auto;margin:0 5px;}
.idx-xw .swiper-pagination-bullet-active{font-size: 19px;color: #De9175;font-weight: bold;}
.idx-xw .x1,.idx-xw .x2{height: 1px;background-color: rgba(255,255,255,.4);position: relative;}
.idx-xw .x1{width: 30px;margin-right: 10px;}
.idx-xw .x2{flex:1;margin-right: 30px;margin-left: 10px;}
.idx-xw .x1::before,.idx-xw .x2::before{content:'';width: 4px;height: 4px;background-color: rgba(255,255,255,.4);border-radius:50%;position: absolute;top: -2px;}
.idx-xw .x1::before{right: -2px;}
.idx-xw .x2::before{left: -2px;}


.idx-xw .list{width: 440px;margin-left: 25px;}
.idx-xw .list li{border-bottom:1px solid rgba(32, 78, 170, .3);font-size: 18px;line-height: 26px;position: relative;}
.idx-xw .list li>a{height: 79px;padding:15px 0;display: block;}
.idx-xw .list li>a:hover{font-weight: bold;color:#193366;}
.idx-xw .list .date{position: absolute;bottom: 10px;right: 0;color: #B0B0B0;background:url(../images/idx_05.png) no-repeat left center;background-size:16px;padding-left: 21px;white-space: nowrap;}
.idx-xw .list li::after{content:'';position: absolute;width: 6px;height: 6px;border:1px solid rgba(32, 78, 170, .3);background-color: #fff;right: 0;bottom: -3px;border-radius:50%;}
.idx-xw .list li::before{content:'';position: absolute;width: 55px;height: 1px;background-color: #193366;left: 0;bottom: 0;}
.idx-xw .list li:hover{color: #193366;}
.idx-xw .list li:hover .date{background-image:url(../images/idx_05-1.png);color: #193366;}
.idx-xw .list li:first-child>a{padding-top: 0;}



.idx-tz{width: 385px;margin-left: 40px;}
.idx-tz .idx-tt{margin-bottom: 40px;}
.idx-tz .list{}
.idx-tz .list li{position: relative;}
.idx-tz .list li:last-child{margin-bottom: 0;}
.idx-tz .list .box{height: 97px;display: flex;align-items: center;/* background:url(../images/idx_07.png) no-repeat left center;background-size:cover; */}
.idx-tz .list .date{width: 76px;height: 76px;background:url(../images/idx_06.png) no-repeat center;background-size:cover;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-right: 20px;}
.idx-tz .list .fz1{font-size: 28px;color: #193366;font-weight: bold;line-height: 1;}
.idx-tz .list .fz2{font-size: 12px;color: #272727;}
.idx-tz .list .title{font-size: 18px;color: #272727;line-height: 30px;}
.idx-tz .list li:hover .box{background:url(../images/idx_07.png) no-repeat left center;background-size:cover;}
.idx-tz .list li:hover .date{background-image:url(../images/idx_06-1.png)}
.idx-tz .list li:hover .fz1,.idx-tz .list li:hover .fz2{color:#fff;}
.idx-tz .list li:hover .title{font-weight: bold;color:#193366;}
.idx-tz .list li::after{content:'';position: absolute;left: 96px;right:0;bottom: 0;height: 1px;border-top: 1px dashed #D8D8D8;}
.idx-tz .list li::before{content:'';position: absolute;left:96px;bottom:-1px;width: 0;height: 6px;background:url(../images/idx_08.png) no-repeat right center;background-size:cover;transition: all .3s;}
.idx-tz .list li:hover::before{width: calc(100% - 96px);}
.idx-tz .list li:hover::after{display: none;}


.idx-xt{display: flex;justify-content: space-around;margin-top: 45px;}
.idx-xt .lk{width: 167px;height: 192px;padding:16px 0 0;}
.idx-xt .imgbox{width: 113px;height: 113px;background:url(../images/idx_09.png) no-repeat center;background-size:contain;display: flex;align-items: center;justify-content: center;margin:0 auto;}
.idx-xt .lk .ico{height: 40px;width: auto;}
.idx-xt .lk .ico-h{display: none;}
.idx-xt .lk .title{font-size: 18px;font-weight: bold;display: flex;align-items: center;margin-top: 18px;justify-content: center;}
.idx-xt .lk .title::before,.idx-xt .lk .title::after{content:'';width: 23px;height: 1px;background:url(../images/idx_17.png) no-repeat center;background-size:contain;margin:0 10px;}
.idx-xt .lk .title::after{transform: scale(-1)}
.idx-xt .lk:hover{background:url(../images/idx_16.png) no-repeat center;background-size:contain;}
.idx-xt .lk:hover .title{color:#fff;}
.idx-xt .lk:hover .title::before,.idx-xt .lk:hover .title::after{background-image:url(../images/idx_17-1.png);}
.idx-xt .lk:hover .ico-h{display: block;}
.idx-xt .lk:hover .ico-s{display: none;}
.idx-xt .lk:hover .imgbox{background-image:url(../images/idx_09-1.png)}


.idx-s2{background:url(../images/idx_19.png) no-repeat center top;background-size:cover;margin-top: -35px;padding:55px 0 20px;}
.idx-s2 .wrap{display: flex;justify-content: space-between;}

.idx-dt{width: 710px;}
.idx-dt .idx-tt{margin-bottom: 20px;}
.idx-dt .list{}
.idx-dt .list li{border-top: 1px dashed #85A5E4;}
.idx-dt .list .box{height: 81px;font-size: 18px;padding:0 22px;display: flex;align-items: center;justify-content: space-between;width:calc(100% + 44px);margin-left: -22px;}
.idx-dt .list .title{max-width: 575px;}
.idx-dt .list .title::before{content:'';display: inline-block;vertical-align: middle;width: 12px;height: 8px;background:url(../images/idx_20.png) no-repeat center;background-size:contain;margin-right: 10px;}
.idx-dt .list li:hover .box{box-shadow: 0px 4px 10px 0px rgba(53, 105, 206, 0.3);background-color: #fff;}
.idx-dt .list li:hover .title{color:#193366;}
.idx-dt .list li:hover,.idx-dt .list li:hover+li{border-color:transparent;}
.idx-dt .list li:first-child{border-top:none;}



.idx-pics{padding:80px 0 100px;}
.idx-pics .list{display: flex;flex-wrap: wrap;justify-content: center;}
.idx-pics .list .item{width: 310px;margin:0 25px;background: #E6EEFA;}
.idx-pics .list .imgbox{height: 200px;}
.idx-pics .list .title{font-size: 18px;color:#343434;line-height: 25px;padding:20px 20px;text-align: center;}


.foot{background:url(../images/ft_01.jpg) no-repeat center;background-size:cover;}
.ft-t{padding:28px 0;text-align: center;}
.ft-t .tp{height: 67px;width: auto;display: block;margin:0 auto;}

.ft-b{border-top: 1px solid rgba(255, 255, 255, 0.15);padding:22px 0;}
.ft-b .txt{display: flex;justify-content: center;}
.ft-b .txt .grp{font-size: 18px;color: rgba(255, 255, 255, 0.7);line-height: 30px;margin:0 50px;min-width: 225px;}


.ewm-sec{width: 150px;box-shadow: 0px 4px 10px 0px rgba(53, 105, 206, 0.3);position: fixed;right: 20px;bottom: 35%;z-index:100;background-color: #fff;padding: 8px;display: none;}
.ewm-sec .img{width: 100%;display: block;margin:0 auto;}
.ewm-sec .fz{font-size: 18px;color:#272727;text-align: center;line-height: 32px;}


.idx-xt2{display: flex;justify-content: space-around;margin-top: 90px;}
.idx-xt2 .lk{position: relative; display: flex; align-items: center; justify-content: center; width: 127px;height: 127px;}
.idx-xt2 .lk .box{display: flex;flex-direction: column;align-items: center;justify-content: center; width: 112px; height: 112px;border-radius: 50%;}
.idx-xt2 .lk .box .title{font-size: 18px; line-height: 24px;margin-top: 5px;color: #ffffff;}
.idx-xt2 .lk .box .icon{height: 28px;width: auto;}
.idx-xt2 .lk .line {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all .3s;}
.idx-xt2 .lk .line .left {position: absolute;top: 0;left: 0;width: 50%;height: 100%;background-repeat: no-repeat;background-size: 100% 100%;}
.idx-xt2 .lk .line .left::before{content: '';position: absolute;top: -1px;right: -1px;width: 6px;height: 6px;border-radius: 50%;}
.idx-xt2 .lk .line .right {position: absolute;top: 0;right: 0;width: 50%;height: 100%;background-repeat: no-repeat;background-size: 100% 100%;transform: rotate(180deg);}
.idx-xt2 .lk .line .right::before{content: '';position: absolute;top: -1px;right: -1px;width: 6px;height: 6px;border-radius: 50%;}
.idx-xt2 .lk:hover .line{transform: rotate(180deg);}
.idx-xt2 .lk.s1 .box,.idx-xt2 .lk.s1 .line .left::before,.idx-xt2 .lk.s1 .line .right::before {background: #00A69C;}
.idx-xt2 .lk.s1 .line .left,.idx-xt2 .lk.s1 .line .right{background-image: url(../images/nav_line_01.png);}
.idx-xt2 .lk.s2 .box,.idx-xt2 .lk.s2 .line .left::before,.idx-xt2 .lk.s2 .line .right::before {background: #307DC1;}
.idx-xt2 .lk.s2 .line .left,.idx-xt2 .lk.s2 .line .right{background-image: url(../images/nav_line_02.png);}
.idx-xt2 .lk.s3 .box,.idx-xt2 .lk.s3 .line .left::before,.idx-xt2 .lk.s3 .line .right::before {background: #D08284;}
.idx-xt2 .lk.s3 .line .left,.idx-xt2 .lk.s3 .line .right{background-image: url(../images/nav_line_03.png);}
.idx-xt2 .lk.s4 .box,.idx-xt2 .lk.s4 .line .left::before,.idx-xt2 .lk.s4 .line .right::before {background: #936BCE;}
.idx-xt2 .lk.s4 .line .left,.idx-xt2 .lk.s4 .line .right{background-image: url(../images/nav_line_04.png);}
.idx-xt2 .lk.s5 .box,.idx-xt2 .lk.s5 .line .left::before,.idx-xt2 .lk.s5 .line .right::before {background: #DE9175;}
.idx-xt2 .lk.s5 .line .left,.idx-xt2 .lk.s5 .line .right{background-image: url(../images/nav_line_05.png);}
.idx-xt2 .lk.s6 .box,.idx-xt2 .lk.s6 .line .left::before,.idx-xt2 .lk.s6 .line .right::before {background: #4365A7;}
.idx-xt2 .lk.s6 .line .left,.idx-xt2 .lk.s6 .line .right{background-image: url(../images/nav_line_06.png);}