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

/*链接整体设置*/
a{ text-decoration:none; color:#222; transition:all .15s;}
a:hover{ color:#156de5;}
a:active{ color:#222;}
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;}
.fix_box{display:none!important}
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,button{ margin:0; padding:0; font-style:normal; font-family:"Microsoft YaHei"; 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:1560px; 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;}
.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;}

/*header*********************************************************************/
.head{ position:relative; transition:all linear .2s; z-index:505;}
.head-fixed{ height:100px; position:fixed; top:35px; left:2.864583333333333%; right:2.864583333333333%; transition:all linear .6s; background:#fff; border-radius:5px; padding:0;}
.head-fixed .w{ position:relative; max-width:1810px; width:100%; padding:0 2.320441988950276%; transition:all 0.6s;}
.logo{ width:10.34682080924855%; transition:all 0.6s; margin-right:9.375vw;}
.logo img{ display:block; width:100%;}
.nav{ width:48.4%;}
.nav .plebans{ font-size:18px; line-height:100px; position:relative;}
.nav .plebans a{ display:inline-block;}
.nav .plebans:after{ content:""; display:none; position:absolute; bottom:5px; left:51%; right:51%; background:#db5436; height:2px; 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:#156de5; font-weight:bold;}
.nav li.on .plebans:after,.nav li.cur .plebans:after{ left:0; right:0;}
.goutp{ display:none; position:absolute; top:100%; left:-25px; right:-25px; border-radius:0 0 5px 5px; z-index:10; background:#fff; box-shadow:0 1px 5px rgba(0,0,0,.1);}
.goutp:before{ content:""; display:inline-block; position:absolute; top:-6px; left:50%; margin-left:-6px; width:0; height:0; font-size:0; overflow:hidden; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #156de5;}
.goutp p{ font-size:16px; line-height:2.6;}
.goutp p a{ display:block; color:#666; text-align:center;}
.goutp p a:hover{ color:#156de5; background:#eff8fd;}
.goutp p:last-child a{ border-radius:0 0 5px 5px;}
.head_on .head-fixed{ left:0; right:0; box-shadow:0 0 8px rgba(0,0,0,.15); padding:0 2.864583333333333%; top:0; border-radius:0;}
.head_on .w{ padding:0;}
.search_ico{ background:url(../images/search.png) #156de5 center center no-repeat; background-size:28px 28px; width:46px; height:46px; border-radius:50%;}
.tell_ico{ font-weight:bold; font-size:18px; color:#fff; background:url(../images/tell.png) #156de5 20px center no-repeat; background-size:28px 28px; padding:0 20px 0 65px; border-radius:1000px; line-height:2.555555555555556; margin-left:2.865vw;}
.tell_ico:hover{ color:#fff;}
.search{ position:fixed; display:none; left:0; right:0; top:135px; z-index:510; background:rgba(0,0,0,.5); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); padding:15px 0; transform:translateY(0); transition:all 0.6s;}
.search form{ width:80%; max-width:690px; margin:0 auto;}
.s_intxt{ width:81.81818181818182%; padding:0 2.424242424242424%; font-size:16px; line-height:3; border:none; background:#fff;}
.s_inbut{ background:#156de5; font-size:16px; line-height:3; color:#fff; cursor:pointer; border:none; width:18.18181818181818%; text-align:center; transition:all 0.6s;}
.s_inbut:hover{ opacity:.9;}
.head_on .search{ transform:translateY(-35px);}

.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:#156de5;}
.tesd>div{ background-color:#156de5!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{ pointer-events:auto; overflow:hidden;}
.banner .w{ position:absolute; left:50%; top:0; bottom:0; transform:translate(-50%,0); z-index:6;}
.banner img{ display:block; width:100%;}
.banner .w .clear{ width:100%; padding-left:53.5%;}
.banner .w em{ display:block; transform:translateX(-60px); opacity:0; font-size:60px; color:#fff; font-weight:600; text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; line-height:1.3;}
.banner .w p{ display:block; transform:translateX(-30px); opacity:0; font-size:30px; color:#fff; margin:20px 0 0 0;}
.banner .w p strong{ font-size:36px; padding-left:10px;}
.banner .w .pic{ margin-top:8.795vh;}
.banner .w .pic img{ transform:translateX(-40px); opacity:0; border:2px solid #fff; border-radius:5px; margin-right:4.83%; width:42.62068965517241%!important; float:left; margin-left:0!important;}
.banner .w .pic img:last-child{ margin-right:0;}
.banner .swiper-slide.active .w *{ transition:all 1s ease 1s; transform:translateX(0); opacity:1;}
.banner .swiper-pagination{ position:static; text-align:right;}
.banner .swiper-pagination-bullet{ width:11.6%; background:none; font-size:22px; font-weight:bold; color:#fff; opacity:1; margin:0 3.05% 0 0!important; border-radius:0; line-height:1.82; height:auto; position:relative; overflow:hidden; border-bottom:1px solid #fff; text-align:left;}
.banner .swiper-pagination-bullet:last-child{ margin-right:0!important;}
.banner .swiper-pagination-bullet:after{ content:""; display:block; position:absolute; bottom:-1px; left:-100%; width:100%; background:#fff; height:2px; font-size:0; overflow:hidden; transition:all .6s;}
.banner .swiper-pagination-bullet-active:after{ left:0;}
.banner .ban_but{ bottom:5%; top:inherit; z-index:7;}

.titc{ width:100%; position:relative; padding-left:31px; line-height:1.520833333333333;}
.titc:before,.titc:after{ content:""; display:block; position:absolute; font-size:0; overflow:hidden; background:#000;}
.titc:before{ width:1px; height:390px; bottom:-45px; left:15px;}
.titc:after{ height:1px; width:135px; left:0; bottom:0;}
.titc em{ font-size:41px; font-weight:600;}

.con1{ width:100%; overflow:hidden; background:#e9f2ff; padding:170px 0 0 0; position:relative;}
.con1_lf{ width:50%;}
.con1_txt{ padding-top:110px;}
.con1_txt .titc{ padding:15px 0 0 0;}
.con1_txt .titc:before{ display:none;}
.con1_txt .titc:after{ background:#156de5; width:56px; height:2px; bottom:auto; top:0;}
.con1_txt .txt{ font-size:16px; line-height:1.875; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%; margin-top:10px;}
.con1_lf .more{ margin-top:25px;}
.con1_lf .more a{ margin:0; background:#156de5; color:#fff;}
.con1_tab{ width:100%; padding-top:48px; margin:0;}
.con1_tab .swiper-slide{ font-size:18px; color:#666; width:33.3333%!important; margin-top:25px;}
.con1_tab .swiper-slide-thumb-active{ color:#156de5;}
.con1_pro{ width:43.26923076923077%; margin:0;}
.con1_pro .swiper-slide{ cursor:pointer;}
.con1_pro .pic{ width:80%; transform:scale(.8); -webkit-box-reflect:below 0 -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,.2) 100%); opacity:0; transition:all .5s; margin:35px auto 180px auto;}
.con1_pro .pic .pic_w img{ max-width:100%; max-height:100%; object-fit:contain;}
.con1_pro .swiper-slide.swiper-slide-active *{ transition:all .5s ease .5s; transform:scale(1); opacity:1;}

.con2{ width:100%; overflow:hidden; padding:60px 0; background:url(../images/bg2.jpg) center top no-repeat; background-size:cover;}
.con2_list{ width:105.128205128205128%; margin-top:-3.2%;}
.con2_list li{ background:#fff; border-radius:20px; position:relative; margin:3.2% 5.128205128205128% 0 0; width:19.87179487179487%;}
.con2_list li a{ width:100%; padding:13.63636363636364% 6.060606060606061%;}
.con2_list li .pic{ width:35.17241379310345%;}
.con2_list li .pic i{ background:#f3f3f3; border-radius:50%; width:100%; display:block; transition:all 0.6s;}
.con2_list li .pic img{ display:block; width:100%; transition:all 0.6s;}
.con2_list li .txt{ padding-left:5.517241379310345%; width:64.82758620689655%;}
.con2_list li .txt em{ display:block; font-size:30px; font-weight:bold; color:#222; line-height:1;}
.con2_list li .txt p{ font-size:16px; color:#666; line-height:1; margin-top:10px;}
.con2_list li .nub{ position:absolute; font-size:24px; color:#666; bottom:15px; right:9.1%; line-height:1;}
.con2_list li.hover .pic i{ background:#156de5; transform:rotate(360deg); transition:transform 0.5s ease;}
.con2_list li.hover .pic i img{ filter:invert(100%) brightness(1.5) contrast(1.2);}

.con3{ width:100%; overflow:hidden; padding:170px 0 110px 0; background:#e9f2ff;}
.con3_list{ width:101.923076923076923%; padding-top:85px;}
.con3_list li{ position:relative; margin:1.923076923076923% 1.923076923076923% 0 0; width:31.41025641025641%; border-radius:20px; overflow:hidden;}
.con3_list li a{ display:block;}
.con3_list li .txt{ position:absolute; left:0; right:0; bottom:0; top:0; text-align:center;}
.con3_list li .txt:before,.con3_list li .txt:after{ transition:all 0.6s; content:""; display:block; position:absolute; font-size:0; overflow:hidden; background:#000; width:100%; top:0; bottom:0;}
.con3_list li .txt:before{ left:-100%;}
.con3_list li .txt:after{ right:-100%;}
.con3_list li .txt *{ transition:all 0.6s;}
.con3_list li .clear{ width:100%; position:relative; z-index:4;}
.con3_list li .txt em{ display:block; font-size:30px; color:#000; font-weight:bold; text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}
.con3_list li .txt img{ background:#fff; border-radius:5px; display:none; margin:15px auto 0 auto; width:8%;}
.con3_list li.hover .txt:before,.con3_list li.hover .txt:after{ background:rgba(0,0,0,.4);}
.con3_list li.hover .txt:before{ left:0;}
.con3_list li.hover .txt:after{ right:0;}
.con3_list li.hover .txt em{ color:#fff; text-shadow:none;}
.con3_list li.hover .txt img{ display:block;}

.con4{ width:100%; overflow:hidden; background:#fff; position:relative;}
.con4 .titc{ padding:15px 0 0 0;}
.con4 .titc em{ color:#fff;}
.con4 .titc:before{ display:none;}
.con4 .titc:after{ background:#fff; width:56px; height:2px; bottom:auto; top:0;}
.con4 .pic img{ display:block; width:100%;}
.con4 .pic .img1{ position:absolute; right:0; top:0; bottom:0; z-index:2;}
.con4 .w{ position:absolute; top:0; bottom:0; left:50%; transform:translate(-50%,0); z-index:4;}
.t3{ position:absolute; right:0; top:70px; display:block; width:22.88461538461538%;}
.con4 .w .clear{ padding-left:54.15%;}
.con4 .w .txt{ color:#fff; font-size:16px; line-height:1.875; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%; margin-top:24px;}
.con4 .more{ padding-top:60px;}
.con4 .more a{ margin:0;}
.con4 .more a:hover{ opacity:.8; background:#fff; color:#333;}

.con5{ width:100%; overflow:hidden; background:#e9f2ff; padding:170px 0 100px 0;}
.con5 .mores{ text-align:center;}
.news_rt{ position:absolute; right:0; top:50%; transform:translate(0,-50%);}
.more{ font-size:16px; line-height:3;}
.more a{ margin-left:35px; color:#333; border-radius:1000px; padding:0 35px; background:#fff;}
.more a i{ padding-left:15px; font-family: swiper-icons;}
.more a.cur,.more a:hover{ color:#fff; background:#156de5;}
.con5c{ display:none; width:100%; margin-top:105px; padding:0 3.2%;}
.con5c.cur{ display:block;}
.con5_list{ width:100%;}
.con5_list li a{ display:block;}
.con5_list li h3{ font-size:24px; line-height:1.625; height:78px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.con5_list li .line{ margin:24px 0; position:relative; height:4px; background:#156de5; width:42px;}
.con5_list li p{ font-size:16px; line-height:1.75; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%; margin:11px 0 18px 0;}
.con5_list li em{ display:block; font-size:14px; color:#666;}

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

/*foot style*********************************************************************/
.footer{ width:100%; background:#222; overflow:hidden;}
.footer *{ color:#f3f3f3;}
.footer a:hover{ color:rgba(255,255,255,.5);}
.f_link{ font-size:16px; padding:85px 0 0 0;}
.foot1{ padding:60px 0 30px 0;}
.foot1 .f_infor{ width:21.15%;}
.foot1 .f_infor span{ display:block; font-size:30px; margin-top:65px;}
.foot1 .f_infor p{ font-size:16px;}
.foot1 .f_nav{ width:42.35%;}
.foot1 .f_nav li span{ font-size:16px; display:block; line-height:1.2;}
.foot1 .f_nav li .txt{ margin-top:20px;}
.foot1 .f_nav li p{ line-height:2.65; font-size:14px;}
.foot1 .f_nav li p a{ color:#c2c2c2;}
.f_logo img{ display:block; width:100%;}
.f_ewm{ width:128px; text-align:center; font-size:14px;}
.f_ewm img{ display:block; width:100%;}
.f_ewm p{ margin-top:10px;}
.f_ico{ border-bottom:1px solid #919191; border-top:1px solid #919191;}
.f_ico li{ font-size:16px; width:33.3333%; position:relative; padding:20px 0;}
.f_ico li:after{ content:""; display:block; position:absolute; top:50%; right:0; margin-top:-25px; width:1px; height:50px; font-size:0; overflow:hidden; background:#919191;}
.f_ico li:last-child:after{ display:none;}
.f_ico li .clear{ width:100%; padding:0 24.5% 0 12%;}
.f_ico li p{ margin-bottom:7px;}
.f_ico li p:last-child{ margin-bottom:0;}
.f_ico li img{ display:block; width:12.5%; position:absolute; top:50%; right:12%; transform:translate(0,-50%);}
.foot{ padding:50px 0; font-size:14px;}
.foot em{ margin-right:15px;}
.foot em:last-child{ margin-right:0;}