body{ font:12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#333;}
html{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}

/*链接整体设置*/
a{ text-decoration:none; color:#333; transition:all .15s;}
a:hover{ color:#15499a;}
a:active{ color:#333;}
.fix_box{display:none!important}
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:#c9c9c9;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#c9c9c9;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#c9c9c9;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#c9c9c9;}
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:1400px; width:86.5%; 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;}
.comflex5{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between; align-items:center;}
.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; z-index:505;}
.head-fixed{ width:100%; position:fixed; top:0; left:0; right:0; -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition:1s all ease; transition:1s all ease;}
.head-fixed .w{ position:relative; max-width:1660px;}
.logo{ width:12.53012048192771%;}
.logo img{ display:block; width:100%;}
.nav{ width:72.6%; padding-right:15.06%;}
.nav .plebans{ font-size:18px; line-height:100px;}
.nav .plebans a{ display:inline-block; color:#fff;}
.nav li{ position:relative;}
.nav li:nth-child(1){ display:none;}
.nav li .jd:before{ color:#fff; font-size:18px; font-weight:400; margin-left:5px; transition:color 0.3s cubic-bezier(0.77,0,0.175,1);}
.nav li.on .plebans a,.nav li.cur .plebans a{ color:#fff;}
.nav_bg{ display:none;}
.goutp{ display:none; position:absolute; top:100%; z-index:510; box-shadow:0 16px 16px 0 rgba(0,0,0,.05); left:50%; transform:translate(-50%,0); width:230px; padding:10px 0; background:#fff; border-radius:0 0 5px 5px; text-align:center;}
.goutp p{ font-size:16px; line-height:2.6;}
.goutp p a{ display:block; color:#666;}
.goutp p a:hover{ color:#15499a;}
.nav li.pro_li{ position:static;}
.nav li.pro_li .goutp{ transform:translate(0,0); left:0; right:0; width:auto; box-shadow:none;}
.nav li.pro_li .goutp::after{ content:''; display:block; position:absolute; left:-1000px; right:-1000px; top:0; bottom:0; font-size:0; overflow:hidden; background:#fff; box-shadow:0 16px 16px 0 rgba(0,0,0,.05);}
.nav li.pro_li .goutp dl{ width:100%; position:relative; z-index:2; margin-top:-10px;}
.nav li.pro_li .goutp dl dd{ width:15%; margin:0 2% 25px 0; font-size:16px;}
.nav li.pro_li .goutp dl dd .pic_w{ padding:15px;}
.nav li.pro_li .goutp dl dd:nth-child(6n){ margin-right:0;}
.hrt{ position:absolute; right:0; top:0; bottom:0;}
.search_ico{ height:22px; cursor:pointer;}
.search{ position:fixed; left:0; right:0; top:120px; display:none; z-index:999;}
.search_form{ width:50%; position:relative; overflow:hidden; margin:0 auto;}
.s_intxt{ border:none; border-radius:1000px; display:block; padding:12px 20px; line-height:1.5; background:#fff; font-size:16px; color:#333; width:100%;}
.s_inbut{ border:none; cursor:pointer; background:#15499a; position:absolute; top:0; bottom:0; right:0; font-size:16px; padding:0 30px; overflow:hidden; border-radius:1000px; transition:all .6s; color:#fff;}
.dropdown{ font-size:18px; position:relative; margin-right:30px; border-right:1px solid #fff; padding-right:30px;}
.dropdown em{ color:#fff; line-height:30px;}
.dropdown em img{ height:18px; margin-right:10px;}
.dropdown p{ position:absolute; width:80px; left:50%; margin-left:-55px; top:100%; background:#f9f9f9; box-shadow:0 16px 16px 0 rgba(0,0,0,.05); border-radius:0 0 5px 5px; line-height:2.3; height:0; opacity:0; overflow:hidden; text-align:center;}
.dropdown p a{ display:block;}
.dropdown p a:hover{ background:rgba(0,0,0,.05);}
.dropdown.hover p{ display:block; height:auto; opacity:1;}
.head_on .head-fixed{ box-shadow:0 0 6px 0 rgba(0,0,0,.2); background:#040c18;}

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

.banner{ z-index:5;}
.banner .swiper-slide img{ display:block; width:100%;}
.banner .swiper-slide .w{ position:absolute; left:50%; transform:translate(-50%,0); top:0; bottom:0; z-index:6;}
.banner .swiper-slide .clear{ width:100%; text-align:center; line-height:1; padding-left:56.42857142857143%;}
.banner .swiper-slide .clear *{ transform:translateX(100px); opacity:0; color:#fff;}
.banner .swiper-slide .clear em{ display:block;}
.banner .swiper-slide .clear em img{ width:55.28455284552846%; margin:0 auto;}
.banner .swiper-slide .clear p{ font-size:56px; font-weight:bold; margin-top:40px;}
.banner .swiper-slide.swiper-slide-active .clear *,.banner .swiper-slide.swiper-slide-active .pic{ transition:all 1s ease 1s; transform:translateX(0); opacity:1;}
.banner .swiper-pagination{ bottom:5%;}
.banner .swiper-pagination-bullet{ width:15px; height:15px; background:#fff; opacity:1; margin:0 9px!important; border-radius:7.5px; transition:all 0.6s;}
.banner .swiper-pagination-bullet-active{ width:50px;}

.titc{ text-align:center; position:relative; font-weight:bold; margin-top:-7px;}
.titc em{ display:block; font-size:48px; line-height:1.875; position:relative; z-index:5;}
.titc p{ font-size:60px; color:#f4f4f4; text-transform:uppercase; position:absolute; left:0; right:0; top:0; line-height:1;}

.con1{ width:100%; overflow:hidden; padding:97px 0; background:#fff; position:relative; z-index:6;}
.con1c{ width:100%; padding-top:5px;}
.con1_lf{ width:50%;}
.con1_rt{ width:calc(50% - 20px);}
.con1_list li{ width:100%; margin-top:20px; position:relative;}
.con1_list li a{ display:block;}
.con1_list li img{ width:100%; height:100%;}
.con1_list li .bg{ position:absolute; left:0; bottom:0; right:0; height:0; background:linear-gradient(to bottom,rgba(3,112,212,0),rgba(3,112,212,1) 60%); transition:all 0.6s;}
.con1_list li .txt{ position:absolute; left:28px; right:28px; bottom:28px; z-index:5;}
.con1_list li .txt em{ display:block; font-size:26px; font-weight:bold; line-height:1; position:relative; color:#fff; line-height:2.307692307692308;}
.con1_list li .txt em:after{ content:""; display:block; position:absolute; bottom:0; left:0; font-size:0; overflow:hidden; width:60px; height:2px; background:#fff;}
.con1_list li.li1{ width:calc(50% - 10px);}
.con1_list li.hover .bg{ height:150px;}

.con2{ width:100%; overflow:hidden; background:url(../images/bg2.png) center top no-repeat; background-size:cover; padding:97px 0; position:relative; z-index:7;}
.con2:before{ content:""; display:block; position:absolute; top:0; bottom:0; left:0; font-size:0; overflow:hidden; width:6.77%; background:#005eb8;}
.con2 .titc{ text-align:left;}
.con2c{ width:100%; position:relative; z-index:5;}
.con2_lf{ width:28.57142857142857%;}
.con2_tab{ width:60%; margin:20px 0 0 0;}
.con2_tab .swiper-slide{ font-size:18px; color:#333; border:1px solid #d2d2d2; line-height:70px; height:72px!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:83.33333333333333%; margin-top:10px; position:relative; padding-left:25px;}
.con2_tab .swiper-slide-thumb-active{ height:auto!important; color:#fff; background:#005eb8; border:1px solid #005eb8; width:100%;}
.con2_tab .swiper-slide-thumb-active:after{ content:""; display:block; position:absolute; top:50%; margin-top:-10px; right:23px; font-size:0; overflow:hidden; width:20px; height:20px; background:url(../images/ico0.png) center top no-repeat; background-size:cover;}
.con2_pro{ width:71.42857142857143%;}
.con2_pro .swiper-button-prev{ left:0;}
.con2_pro .swiper-button-next{ right:0;}
.con2_pro .swiper-button-prev:after,.con2_pro .swiper-button-next:after{ color:#e1e1e1; transition:all 0.6s;}
.con2_pro .swiper-button-prev:hover:after,.con2_pro .swiper-button-next:hover:after{ color:#15499a;}
.con2_list{ width:100%;}
.con2_list li .lf2{ width:68%;}
.con2_list li .pic{ width:61.76470588235294%; margin:0 auto;}
.con2_list li .txt{ width:31%; padding:40px 0;}
.con2_list li .txt em{ display:block; font-weight:bold; font-size:30px; color:#333;}
.con2_list li .txt a{ display:inline-block; font-size:14px; color:#666; border:1px solid #005eb8; padding:0 17px; line-height:2.142857142857143; margin-top:50px;}

.con3{ width:100%; overflow:hidden; padding:147px 0; background:url(../images/bg3.jpg) center top no-repeat; background-size:cover; position:relative; text-align:center; z-index:8;}
.con3:after{ content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; font-size:0; overflow:hidden; background:rgba(0,0,0,.85); z-index:1;}
.con3 .w{ position:relative; z-index:5;}
.con3 *{ color:#fff;}
.con3 .titc em{ color:rgba(255,255,255,1);}
.con3 .titc p{ color:rgba(244,244,244,.03);}
.con3 .txt{ font-size:18px; line-height:1.777777777777778; margin:35px auto 0 auto; width:65%;}
.con3_list{ padding-top:90px;}
.con3_list li{ width:25%; font-weight:bold;}
.con3_list li em{ display:block; font-size:60px;}
.con3_list li p{ font-size:18px;}
.con3 .more{ margin-top:60px;}
.con3 .more a{ border-radius:1000px; border:1px solid #fff; font-size:18px; line-height:3.5; padding:0 45px; display:inline-block; transition:all 0.6s;}
.con3 .more a i{ padding-left:35px;}
.con3 .more a:hover{ background:#fff; color:#15499a;}
.con3 .more a:hover i{ color:#15499a;}

.con4{ width:100%; overflow:hidden; background:url(../images/bg4.jpg) center top no-repeat; background-size:cover; padding:107px 0; position:relative; z-index:9;}
.con4 .titc p{ color:rgba(255,255,255,.5);}
.con4_list{ width:102.857142857142857%;}
.con4_list *{ transition:all 0.6s; color:#fff;}
.con4_list li{ background:#0370d4; margin:2.857142857142857% 2.857142857142857% 0 0; width:22.14285714285714%; text-align:center; padding:55px 0 65px 0; position:relative;}
.con4_list li:before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background:#15499a; color:#fff; -webkit-transition:-webkit-transform 1s cubic-bezier(.39,.575,.28,.995); transition:-webkit-transform 1s cubic-bezier(.39,.575,.28,.995); transition:transform 1s cubic-bezier(.39,.575,.28,.995); transition:transform 1s cubic-bezier(.39,.575,.28,.995),-webkit-transform 1s cubic-bezier(.39,.575,.28,.995); -webkit-transform-origin:left center; -ms-transform-origin:left center; transform-origin:left center;-webkit-transform:scale3d(0,1,1); transform:scale3d(0,1,1); z-index:1;}
.con4_list li.hover:before{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}
.con4_list li img{ display:block; width:37.5%; margin:0 auto; position:relative; z-index:4;}
.con4_list li em{ font-size:26px; display:block; font-weight:bold; margin-top:35px; position:relative; z-index:4;}
.con4_list li p{ font-size:18px; line-height:2.222222222222222; margin-top:15px; position:relative; z-index:4;}

.con5{ width:100%; overflow:hidden; padding:97px 0; background:#fff; position:relative; z-index:10;}
.con5 .w{ max-width:1580px;}
.con5_1{ width:100%; margin-top:50px;}
.con5_1_lf{ width:50%; padding-right:1.265822784810127%;}
.con5_1_lf a{ display:block; border-radius:10px; overflow:hidden;}
.con5_1_rt{ width:50%;}
.con5_1_rt ul{ width:100%;}
.con5_1_rt ul li{ position:relative; margin-top:2.531645569620253%; width:48.86075949367089%;}
.con5_1_rt ul li a{ display:block; border-radius:10px; overflow:hidden; cursor:pointer;}
.con5_1_rt ul li.big{ width:100%; margin-top:0;}
.con5_1_rt ul li.big em{ position:absolute; left:0; top:0; bottom:0; width:48.73417721518987%; padding:0 5.695%; font-size:30px; color:#fff; font-weight:bold; line-height:1.3;}
.con5_1_rt ul li.video_pic i{ display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:15.5440414507772%; z-index:8;}
.con5_1_rt ul li.txt{ background:#15499a; border-radius:10px; transition:all 0.6s;}
.con5_1_rt ul li.txt a{ color:#fff; height:100%; display:flex;}
.con5_1_rt ul li.txt .clear{ width:100%; padding:0 11.5%;}
.con5_1_rt ul li.txt em{ font-size:16px; display:block;}
.con5_1_rt ul li.txt p{ font-weight:bold; font-size:17px; margin-top:15px; line-height:1.647058823529412; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.con5_1_rt ul li.txt.hover{ background:rgba(21,73,154,.9);}
.con5_2{ width:100%; margin-top:50px;}
.con5_list2 li a{ display:block;}
.con5_list2 li h3{ font-size:18px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.con5_list2 li em{ display:block; font-size:15px; color:#15499a; font-weight:bold; margin-top:10px;}
.con5_list2 li p{ margin-top:25px; font-size:15px; color:#888; line-height:1.733333333333333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}

.video-pop{ width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; z-index:999; display:none;}
.video-pop .pop-bg{ width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.8);}
.video-pop .pop-box{ width:1200px; height:600px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); background:#000; box-sizing:border-box;}
.video-pop .close{ width:36px; height:36px; position:absolute; right:0; top:0; cursor:pointer;}
.video-pop .video{ max-width:100%; max-height:100%;}

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

/*foot style*********************************************************************/
.footer{ width:100%; background:#040c18; overflow:hidden; font-size:14px; position:relative; z-index:11;}
.footer .w{ max-width:1660px;}
.footer a:hover{ color:rgba(255,255,255,.8)!important;}
.foot1{ width:100%; padding:90px 0 60px 0;}
.foot1 span{ font-size:17px; font-weight:bold; display:block; color:#fff;}
.foot1 span a{ color:#fff;}
.f_lf{ width:32.53012048192771%;}
.f_logo{ width:33.33333333333333%;}
.f_logo img{ display:block; width:100%;}
.f_lf .txt{ font-size:14px; color:#aaa; line-height:1.571428571428571; margin-top:25px;}
.f_lf .txt p{ margin-top:18px;}
.f_lf .txt img{ height:22px; margin-right:10px;}
.ico6_list{ padding:35px 0 0 0;}
.ico6_list li{ width:34px; position:relative; margin:10px 10px 0 0;}
.ico6_list li img{ display:block; width:100%;}
.ico6_list li em{ display:block; border-radius:5px; overflow:hidden; background:rgba(195,195,195,.3); transition:all 0.6s; cursor:pointer;}
.ico6_list li em a{ display:block;}
.ico6_list li i{ display:none; position:absolute; bottom:120%; left:50%; transform:translate(-50%,0); background:#fff; width:100px;}
.ico6_list li.hover em{ background:rgba(195,195,195,1);}
.ico6_list li.hover i{ display:block;}
.f_nav{ width:58.45%; font-size:15px;}
.f_nav li .txt{ margin-top:23px;}
.f_nav li p{ line-height:2.4; color:#aaa;}
.f_nav li p a{ color:#aaa;}
.f_nav li em{ display:block; margin-top:5px;}
.f_nav li em a{ color:rgba(170,170,170,.5);}
.f_nav li em a i{ padding-left:12px; font-family:"simsun";}
.foot{ border-top:1px solid rgba(255,255,255,.2); padding:24px 0;}
.foot *{ color:#aaa;}
.foot i{ margin-right:10px;}
.foot em i:last-child{ margin-right:0;}