body{ font:12px/1.5 "PF_Regular",arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#333;}

/*链接整体设置*/
a{ text-decoration:none; color:#333; transition:all .15s;}
a:hover{ color:#366aec;}
a:active{ color:#333;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#fff;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#fff;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#fff;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#fff;}
input[type=button],input[type=submit],input[type=file],button,select{ -webkit-appearance:none;}

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select,a{ margin:0; padding:0; font-style:normal; font-family:"PF_Regular"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1200px; width:90%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex5{ display:flex; flex-wrap:wrap; justify-content:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s; display:block;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0;}
.pic_w a{ display:block;}

@font-face{ font-family:PF_Regular;src:url('PingFang Regular.ttf');}
@font-face{ font-family:PF_Medium;src:url('PingFang Medium.ttf');}
@font-face{ font-family:DINOT_Bold;src:url('DINOT-Bold.otf');}
@font-face{font-display:swap;font-family:bwERbPlP_;src:url(6rb8k.woff2) format("woff2"),url(bfs2q.woff) format("woff");}

.scroll::-webkit-scrollbar-track{ border-radius:999px; background:#dcdcdc;}
.scroll::-webkit-scrollbar-thumb{ background:#1b6aba; border-radius:999px; min-height:20px;}
.scroll::-webkit-scrollbar{ width:3px; height:3px;}
.scroll::-webkit-scrollbar-corner{ background:transparent;}
.scroll{ overflow-y:auto;}

/*header*********************************************************************/
.head{ position:relative; transition:all linear .2s; z-index:505;}
.head-fixed{ width:100%; height:70px; background-image:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(216,232,239,.08) 100%); position:fixed; top:0; left:0; right:0; transition:all linear .6s;}
.head-fixed .w{ position:relative;}
.logo{ width:14.5%;}
.logo img{ display:block; width:100%;}
.nav{ width:55.83%;}
.nav .plebans{ font-size:16px; line-height:70px; position:relative;}
.nav .plebans a{ display:inline-block; transition:all .5s; color:#fff; font-family:"PF_Medium";}
.nav .plebans:after{ content:""; display:inline-block; position:absolute; bottom:5px; left:51%; right:51%; background:#366aec; height:4px; font-size:0; overflow:hidden; transition:all .6s; border-radius:2px;}
.nav li{ position:relative;}
.nav li .jd{ display:none;}
.nav_bg{ display:none;}
.nav li.hover .plebans a,.nav li.cur .plebans a{ color:#3e75ff; font-weight:600;}
.nav li.on .plebans:after,.nav li.cur .plebans:after{ left:0; right:0;}
.goutp{ display:none; position:absolute; top:100%; left:-50px; right:-50px; border-radius:0 0 5px 5px; overflow:hidden; z-index:10; background:#fff; box-shadow:0 1px 5px rgba(0,0,0,.1);}
.goutp p{ font-size:14px; line-height:2.6;}
.goutp p a{ display:block; color:#666; text-align:center;}
.goutp p a:hover{ color:#3e75ff; background:#faf6ff;}
.head_on{ background:#3b3c44;}

.sanh{ width:50px; padding:10px; position:absolute; right:-10px; top:50%; margin-top:-37.5px; display:none;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}
.sanh>div{ background-color:#366aec;}
.tesd>div{ background-color:#366aec!important;}
.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}

.banner{ z-index:5; overflow:hidden; width:100%;}
.banner .swiper-slide{ background-position:center top; background-repeat:no-repeat; background-size:cover; pointer-events:auto;}
.banner .w{ position:relative;}
.banner img{ display:block;}
.ban_txt{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:6;}
.ban_txt .clear{ width:33%;}
.ban_txt em{ display:block; margin-bottom:5px; transform:translateX(-60px); opacity:0; font-family:"bwERbPlP_"; font-size:60px; color:#fff; font-weight:700;}
.ban_txt h3{ font-size:18px; font-weight:400; color:#fff; line-height:1.666666666666667; transform:translateX(-50px); opacity:0; text-transform:uppercase;}
.ban_txt i{ display:inline-block; background:#fff; height:8px; width:30.65%; transform:translateX(-40px); opacity:0; margin:15.55% 0 21.5% 0;}
.ban_txt p{ font-size:16px; color:#fff; line-height:1.875; transform:translateX(-30px); opacity:0;}
.banner .swiper-slide.active .w .ban_txt *{ transition:all 2s ease 1s; transform:translateX(0); opacity:1;}
.banner .swiper-pagination{ bottom:35px;}
.banner .swiper-pagination-bullet{ width:8px; height:8px; background:#fff; opacity:1; margin:0 0 0 30px!important; border-radius:50%; position:relative;}
.banner .swiper-pagination-bullet:after{ content:""; display:block; position:absolute; left:50%; margin:-10px 0 0 -10px; border-radius:50%; top:50%; width:18px; height:18px; font-size:0; overflow:hidden; border:1px solid #fff; opacity:0; transition:all .6s;}
.banner .swiper-pagination-bullet-active:after{ opacity:1;}

.titc{ text-align:center; padding:0 20.625%;}
.titc em{ display:block; font-size:30px; font-weight:600; position:relative; padding-bottom:9px;}
.titc em:after{ content:""; display:inline-block; position:absolute; bottom:0; left:50%; margin-left:-25px; background:#366aec; width:50px; height:4px; font-size:0; overflow:hidden; border-radius:2px;}
.titc p{ font-size:16px; color:#666; line-height:1.875; margin-top:12px; font-family:"PF_Medium";}

.con1{ width:100%; overflow:hidden; background:#f9fbfc; padding:90px 0;}
.con1_list{ width:102.5%; padding:55px 0 80px 0;}
.con1_list li{ background:#fff; box-shadow:0 4px 30px 0 #0b369b14; border-radius:20px; margin:2.5% 2.5% 0 0; width:22.5%; text-align:center;}
.con1_list li a{ display:block; padding:0 0 65px 0;}
.con1_list li em{ display:block; background:#F3F7F9; font-size:50px; font-family:"DINOT_Bold"; color:#AFC2DC; width:75px; height:75px; line-height:75px; border-bottom-right-radius: 20px;}
.con1_list li img{ width:49.8%; display:block; margin:20px auto 0 auto;}
.con1_list li p{ font-size:24px; font-weight:600; color:#666; margin-top:40px;}
.con1_list li a:hover p{ color:#366aec;}

.con2{ width:100%; overflow:hidden; background:#f1f5f9; padding:90px 0;}
.con2_list{ padding:40px 0 80px 0;}
.con2_list li{ width:63%;}
.con2_list li.li1{ width:35%;}
.con2_list li .txt{ position:absolute; left:11%; right:0; bottom:0; top:0;}
.con2_list li *{ color:#fff; font-family:"PF_Medium";}
.con2_list li .clear{ width:100%; overflow:hidden; position:relative;}
.con2_list li .txt span{ font-size:24px; line-height:2.5; float:left;}
.con2_list li .txt .y_left,.con2_list li .txt .y_right{ margin-right:20px; width:7.579%; float:left;}
.con2_list li .txt .y_right{ position:absolute; bottom:0; margin:0 0 0 20px;}
.con2_list li .lic{ width:100%; margin-top:3.174603174603175%; position:relative; overflow:hidden;}
.con2_list li em{ font-size:32px; display:block;}
.con2_list li p{ font-size:16px; line-height:1.875; max-width:275px;  margin-top:55px;}
.con2_list li.li1 .lic{ margin-top:5.714285714285714%;}
.con2_list li.li1 .txt{ left:13%;}
.con2_list li .dfimg{ transform:scale(1); transition:all 0.6s;}
.con2_list li .lic.hover .dfimg{ transform:scale(1.0277);}
.con2_list li.li1 .lic.hover .dfimg{ transform:scale(1.05);}

.con3{ width:100%; overflow:hidden; background:#3b3c44; padding:90px 0 0 0;}
.con3 *{ color:#fff!important;}
.con3_list{ margin:90px 0 0 0;}
.con3_list li{ position:relative; width:20%; transition:0.3s ease-in-out; overflow:hidden;}
.con3_list li img{ height:100%; display:block;}
.con3_list li a{ position:absolute; left:0; right:0; bottom:0; top:0; padding:78.32% 5% 0 10%; display:block; background:#15183099; transition:0.3s ease-in-out;}
.con3_list li em{ display:block; font-family:"DINOT_Bold"; font-size:80px; line-height:1;}
.con3_list li span{ display:block; font-size:24px; font-family:"PF_Medium"; margin-top:42px; transition:0.3s ease-in-out;}
.con3_list li p{ font-size:14px; margin-top:12px; min-height:144px;}
.con3_list li i{ display:none; background:#366aec; border-radius:8px; font-size:16px; line-height:3; padding:0 40px; transition:0.3s ease-in-out;}
.con3_list li.on{ width:40%;}
.con3_list li.on a{ padding-top:39.16%; background:#25294a52;}
.con3_list li.on span{ font-size:28px;}
.con3_list li.on i{ display:inline-block;}

.con4{ width:100%; overflow:hidden; background:#f1f5f9; padding:90px 0;}
.con4_list{ width:102.5%; padding:40px 0 80px 0;}
.con4_list li{ border-radius:8px; box-shadow:0 2px 30px 0 #0b369b14; width:22.5%; background:#fff; padding:1.08% 1.666666666666667%; margin:1.5% 2.5% 0 0;}
.con4_list li *{ font-family:"PF_Medium";}
.con4_list li a{ display:block;}
.con4_list li em{ display:block; font-size:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

.con4_list li p{ font-size:14px; color:#999; margin-top:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}

.con5{ width:100%; overflow:hidden; background:#f9fbfc; padding:90px 0;}
.con5c{ padding:24px 0 10px 0; width:100%;}
.con5_list{ width:102.5%;}
.con5_list li{ border-radius:8px; box-shadow:0 4px 30px 0 #0b369b14; width:22.5%; margin:2.5% 2.5% 0 0; background:#fff; padding:0.6666666666666667%;}
.con5_list li a{ display:block;}
.con5_list li p{ font-size:16px; font-weight:600; padding-left:27px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; position:relative; margin:11px 0 5px 0;}
.con5_list li p:before{ content:""; display:inline-block; position:absolute; top:50%; left:8px; margin-top:-5px; background:#366aec; height:10px; width:10px; font-size:0; overflow:hidden;}
.more{ text-align:center; padding-top:54px;}
.more a{ font-size:16px; color:#666; border:1px solid #B4B6BC; border-radius:4px; line-height:2.875; display:inline-block; padding:0 40px; transition:all 0.6s;}
.more a:hover{ background:#366aec; color:#fff; border-color:#366aec;}

.con6{ width:100%; overflow:hidden; background:#f1f5f9; padding:90px 0;}
.con6c{ margin:48px 0 70px 0; position:relative;}
.con6_list{ width:100%; position:absolute; left:0; right:0; top:0; bottom:-27px; padding:0 5.5px;}
.con6_list li{ width:12.5%; padding-top:20px;}
.con6_list li em{ display:block; margin:0 -5.5px;}
.con6_list li img{ box-shadow:0 4px 30px 0 #0b369b14; width:100%; border-radius:50%; display:block; margin:0 auto;}
.con6_list li p{ text-align:center; font-size:18px; color:#366aec; font-weight:600; margin-top:24px;}
.con6_list li:nth-child(2n){ padding-top:19.5%;}

.nyban .ban_txt .clear{ width:100%; text-align:center;}
.nyban .ban_txt h3{ margin-top:10px;}
.nyban .ban_txt i{ width:9.833333333333333%; margin:28px 0;}

.f_con1{ width:100%; overflow:hidden; background:#f9fbfc; padding:90px 0;}
.f_con1_list{ width:102.5%; padding:28px 0 30px 0;}
.f_con1_list li{ border-radius:20px; width:22.5%; margin:3.333% 2.5% 0 0; background:#fff; overflow:hidden; position:relative;}
.f_con1_list li a{ display:block; text-align:center;}
.f_con1_list li p{ font-size:24px; font-weight:600; color:#fff; background:#366aec; padding:10px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; position:absolute; left:0; right:0; bottom:0;}

.f_con2{ padding:160px 0; width:100%; overflow:hidden;}
.f_con2 .w{ max-width:1290px;}
.f_con2 .titc{ text-align:left; padding:0; width:100%;}
.f_con2 .titc span{ font-size:120px; font-family:"DINOT_Bold"; color:#DEE5EC; line-height:1; margin-bottom:37px; display:block; margin-left:-6px;}
.f_con2 .titc em{ padding-bottom:27px;}
.f_con2 .titc em:after{ left:0; margin-left:0;}
.f_con2 .titc .txtc{ margin-top:45px;}
.f_con2 .titc p{ margin-top:0;}
.f_con2_1{ background:#f1f5f9;}
.f_con2_1 .pic{ width:70%;}
.f_con2_1 .txt{ width:30%;}
.f_con2_2{ background:#fff;}
.f_con2_2 .pic{ width:47.36434108527132%;}
.f_con2_2 .txt{ width:34.57364341085271%;}
.f_con2_3{ background:#f1f5f9;}
.f_con2_3 .pic{ width:50.54263565891473%;}
.f_con2_3 .txt{ width:36.27906976744186%;}
.f_con2_4{ background:#fff;}
.f_con2_4 .pic{ width:62.32558139534884%;}
.f_con2_4 .txt{ width:34.57364341085271%;}

.f_con3{ width:100%; overflow:hidden; background:#f1f5f9; padding:90px 0;}
.f_con3 .w{ max-width:1530px;}
.f_con3_list{ width:101.019607843137255%; padding:50px 0 30px 0;}
.f_con3_list li{ width:15.64705882352941%; margin:1.96078431372549% 1.019607843137255% 0 0; background:#fff; overflow:hidden;}
.f_con3_list li a{ display:block;}

.com li .pic_w img{ display:block; transition:all 0.6s; max-height:100%; max-width:100%; transform:scale(1); border-radius: 6px;}
.com li.hover .pic_w img{ transform:scale(1.05);}

/*foot style*********************************************************************/
.footer{ width:100%; background:#3b3c44; overflow:hidden;}
.f_logo{ width:100%; background:#43454D; padding:19.5px 0;}
.f_logo a{ display:inline-block; width:14.5%;}
.foot1{ padding:45px 0;}
.foot1 ul{ width:60.85%;}
.foot1 ul li{ width:33.333333%;}
.foot1 ul li span{ display:block; font-size:18px; line-height:40px; font-weight:600; color:#fff;}
.foot1 ul li span a{ color:#fff; font-weight:600;}
.footer p{ font-size:14px; color:#999; line-height:2.857142857142857;}
.foot1 ul li p a{ color:#999;}
.foot1 ul li p a:hover{ color:rgba(255,255,255,.8);}
.foot1 .f_ewm{ width:22%;}
.foot1 .f_ewm em{ display:block; font-size:16px; color:#fff; text-align:right; line-height:40px;}
.foot1 .f_ewm p{ text-align:right;}
.foot1 .f_ewm dl{ width:100%; margin-top:18px;}
.foot1 .f_ewm dd{ width:46.21212121212121%;}
.foot1 .f_ewm dd p{ text-align:center;}
.foot{ padding:26px 0; border-top:1px solid #43454D;}
.foot .w{ position:relative;}
.foot a{ color:#999;}
.foot p.bq{ position:absolute; right:0; bottom:0;}