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

/*链接整体设置*/
a{ text-decoration:none; color:#0E0B1D; transition:all .15s;}
a:hover{ color:#3264FF;}
a:active{ color:#0E0B1D;}
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:"Inter_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:1480px; width:85%; 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;}
.comflex2 .copyright { color: #fff; text-align: left;}
.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:Inter_Regular;src:url('../font/Inter-Regular-9.otf');}
@font-face{ font-family:Inter_Light;src:url('../font/Inter-Light-7.otf');}
@font-face{ font-family:Inter_Bold;src:url('../font/Inter-Bold-4.otf');}

/*header*********************************************************************/
.head{ position:relative; height:80px; transition:all linear .2s; z-index:505; overflow:hidden;}
.head-fixed{ width:100%; height:80px; background:#141734; position:fixed; top:0; left:0; right:0; transition:all linear .2s;}
.head-fixed .w{ position:relative; width:95.83333333333333%; max-width:95.83333333333333%;}
.logo{ width:5.380434782608696%; padding-top:7px;}
.logo img{ display:block; width:100%;}
.dropdown{ position:relative; margin-right:185px; height:80px; font-size:16px;}
.dropdown *{ font-family:"Inter_Light";}
.dropdown i{ display:block; background:url(../images/point.png) right center no-repeat; background-size:14px 8px; padding-right:21px; color:#fff;}
.dropdown p{ position:absolute; right:0; top:100%; background:#3264FF; box-shadow:0 2px 5px rgba(0,0,0,.1); border-radius:0 0 5px 5px; line-height:2.6; height:0; opacity:0; overflow:hidden; text-align:center; font-size:14px;}
.dropdown p a{ display:block; color:#fff; padding:0 15px; min-width:86px; transition:all linear .5s;}
.dropdown p a:hover{ background:rgba(255,255,255,.1);}
.dropdown.hover p{ display:block; height:auto; opacity:1;}
.contact_but{ font-size:16px; color:#fff; background:#3264FF; border-radius:12px; line-height:2.375; position:absolute; right:0; top:50%; transform:translate(0,-50%); padding:0 24px; font-family:"Inter_Bold"; transition:all 0.6s; text-transform:uppercase;}
.contact_but:hover{ color:#fff; background:#222fd3;}

.com_txt{ width:100%; position:relative; max-height:999999px;}
.com_txt .txt_lf,.com_txt .txt_rt{ position:absolute; top:0; z-index:88; bottom:0; width:200px; pointer-events:none;}
.com_txt .txt_lf em,.com_txt .txt_rt em{ font-size:16px; color:#fff; font-family:"Inter_Bold"; transform: rotate(-90deg); line-height:1; text-transform:uppercase; position:relative;}
.com_txt .txt_lf em:before,.com_txt .txt_lf em:after,.com_txt .txt_rt em:before,.com_txt .txt_rt em:after{ content:""; display:inline-block; position:absolute; top:50%; margin-top:-.5px; font-size:0; overflow:hidden; height:1px; width:40px; background:rgba(255,255,255,.55);}
.com_txt .txt_lf em:before,.com_txt .txt_rt em:before{ left:-55px;}
.com_txt .txt_lf em:after,.com_txt .txt_rt em:after{ right:-55px;}
.com_txt .txt_lf{ left:-45px;}
.com_txt .txt_rt{ right:-45px;}

.con1 .txt_lf em,.con1 .txt_rt em,.con3 .txt_lf em,.con3 .txt_rt em,.con5 .txt_lf em,.con5 .txt_rt em{ color:#0E0B1D;}
.con1 .txt_lf em:before,.con1 .txt_lf em:after,.con1 .txt_rt em:before,.con1 .txt_rt em:after,.con3 .txt_lf em:before,.con3 .txt_lf em:after,.con3 .txt_rt em:before,.con3 .txt_rt em:after,.con5 .txt_lf em:before,.con5 .txt_lf em:after,.con5 .txt_rt em:before,.con5 .txt_rt em:after{ background:rgba(14,11,29,.55);}

.banner{ z-index:5; position:relative;}
.banner .com_txt{ overflow:hidden; position:absolute; left:0; right:0; top:0; bottom:0; z-index:7;}
.bannerc{ width:100%; position:relative; overflow:hidden; z-index:6;}
.banner .w{ position:absolute; left:50%; top:13%; transform:translate(-50%,0); overflow:hidden; padding-bottom:15px; z-index:8;}
.banner .txt{ font-size:60px; color:#fff; font-family:"Inter_Bold"; margin:0 auto; width:460px; text-align:center; line-height:1.216666666666667;}
.banner .pic{ box-shadow:0 4px 12px 0 #00000040; border:14px solid #1A1A1F; width:28.91891891891892%; overflow:hidden; margin:42px auto 0 auto; border-radius:50px;}
.banner .pic img{ display:block; width:100%;}

.con1{ width:100%; overflow:hidden; padding:455px 0 165px 0; background:#fff;}
.con1 .txt{ width:100%; background:url(../images/bg1.png) bottom -5% right 1.75% no-repeat; background-size:21.28378378378378%; padding:0 23.64864864864865% 0 0;}
.con1 .txt .t1,.con2 .txt .t1{ font-family:"Inter_Bold"; font-size:80px; line-height:1.2125;}
.con1 .txt .t1 font,.con2 .txt .t1 font{ color:#3264FF; font-family:"Inter_Bold";}
.con1 .txt .txtc,.con2 .txt .txtc,.con3 .txt .txtc{ font-size:30px; font-family:"Inter_Light"; line-height:1.666666666666667; margin:23px 0 0 0;}
.more1{ font-size:32px; font-family:"Inter_Bold"; margin-top:50px;}
.more1 img{ margin-left:18px; height:44px; transition:all .65s;}
.more1:hover,.con5_list li.hover .more1{ color:#3264FF;}
.more1:hover img{ margin-left:20px;}

.con2{ width:100%; overflow:hidden; background:url(../images/bg2.png) center top no-repeat; background-size:100% 100%; padding:220px 0 140px 0;}
.con2 .txt{ width:58.1%; padding:0 9.45% 0 0;}
.con2 .txt .t1{ color:#fff;}
.con2 .txt .txtc{ color:#fff;}
.con2_rt{ width:41.9%;}
.con2_rt ul{ width:100%; position:relative;}
.con2_rt ul li{ width:49.19354838709677%; position:relative; z-index:5; margin:0 auto;}
.con2_rt ul li img{ border:10px solid #090909; border-radius:28px; overflow:hidden;}
.con2_rt ul li.li1,.con2_rt ul li.li2{ position:absolute; top:0; z-index:4;}
.con2_rt ul li.li1 img,.con2_rt ul li.li2 img{ filter:alpha(opacity=65); opacity:.65; transform:scale(.88);}
.con2_rt ul li.li1{ left:-3%;}
.con2_rt ul li.li2{ right:-3%;}

.con3{ width:100%; overflow:hidden; padding:112px 0 170px 0; background:#fff;}
.con3 .t3{ text-align:center;}
.con3 .t3 em{ display:inline-block; line-height:1; font-size:170px; font-family:"Inter_Bold"; position:relative; text-transform:uppercase;}
.con3 .t3 em span{ font-size:20px; font-family:"Inter_Bold"; position:absolute; left:17px; top:-24px;}
.con3 .clear{ width:100%; padding-top:110px;}
.con3 .pic{ width:54.73%;}
.con3 .pic img{ margin-left:-3%;}
.con3 .txt{ width:45.27%; padding-right:2%;}
.con3 .but3{ margin-top:60px;}
.con3 .but3 a{ color:#fff; font-size:25px; font-family:"Inter_Bold"; border-radius:16px; background:#0e0b1e; line-height:3; padding:0 40px; margin-right:30px;}
.con3 .but3 a:last-child{ margin-right:0; background:#3265ff;}
.con3 .but3 img{ height:32px; margin-right:18px;}

.con4{ width:100%; overflow:hidden;}
.con4 .w{ width:100%; max-width:100%;}

.con5{ width:100%; background:#fff; overflow:hidden; padding:15px 0 55px 0;}
.con5 .w{ overflow:hidden;}
.con5_list{ width:100%; margin-top:-1px;}
.con5_list li{ width:34.45%; border-top:1px solid #C0C0C0; border-right:1px solid #C0C0C0; padding:4.05% 4.1% 4.05% 4.05%;}
.con5_list li:nth-child(3n+1){ width:31.1%; padding-left:0;}
.con5_list li:nth-child(3n){ border-right:none;}
.con5_list li img{ height:62px;}
.con5_list li .txt{ font-size:28px; font-family:"Inter_Light"; line-height:1.785714285714286; margin-top:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.con5_list li .more1{ font-size:24px; margin-top:22px;}
.con5_list li .more1 img{ margin-left:16px; height:30px;}
.con5_list li .more1:hover img,.con5_list li.hover .more1 img{ margin-left:18px;}

/*.com li img{ display:block; transition:all 0.6s; max-height:100%; max-width:100%; transform:scale(1);}
.com li.hover img{ transform:scale(1.05);}*/

/*foot style*********************************************************************/
.footer{ width:100%; background:url(../images/bg2.png) center top no-repeat; background-size:100% 100%; overflow:hidden;}
.foot1{ padding:28px 0;}
.foot1 span img{ margin-right:0;}
.foot2{ padding:255px 0 100px 0;}
.foot2 .txt{ width:61.5%; padding-left:.8%;}
.foot2 .txt p{ font-family:"Inter_Bold"; color:#fff; font-size:100px; line-height:1;}
.foot2 .txt p font{ color:#3264FF; font-family:"Inter_Bold";}
.foot2 .txt img{ display:block; width:27.83964365256125%; margin-top:40px;}
.foot2 .f2_rt{ width:19.9%; padding-right:1.6%;}
.foot2 .f2_rt .clear{ width:100%;}
.foot2 .f2_rt a{ border:2px solid #fff; border-radius:16px; font-size:25px; font-family:"Inter_Bold"; color:#fff; line-height:2.84; margin-bottom:50px; transition:all 0.6s;}
.foot2 .f2_rt a img{ margin-right:18px; height:32px;}
.foot2 .f2_rt a:last-child{ margin-bottom:0;}
.foot2 .f2_rt a:hover{ border-color:#3264FF; background:#3264FF;}
.form_w{ width:61.5%; padding-left:.8%; margin:0 0 100px 0;}
.f_inbut{ border-radius:16px; font-size:16px; font-family:"Inter_Light"; line-height:4.5625; padding:0 3.898%; width:71.5%; border:1px solid #D9D9D9; background:none;}
.f_intxt{ width:26.5%; text-align:center; background:#3264FF; border:none; font-size:25px; font-family:"Inter_Bold"; line-height:3; color:#fff; cursor:pointer; border-radius:16px; transition:all 0.6s;}
.f_intxt:hover{ color:#fff; background:#222fd3;}
.foot{ padding:37px 0; border-top:1px solid rgba(255,255,255,.3);}
.foot a,.foot1 em a{ margin-right:50px; font-family:"Inter_Light"; color:#fff; font-size:16px;}
.foot a:last-child,.foot1 em a:last-child{ margin-right:0;}
.foot img,.foot1 img{ height:24px; margin-right:12px;}