body{ font:12px/1.5 arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#131313;}
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:#131313; transition:all .15s;}
a:hover{ color:#104097;}
a:active{ color:#131313;}
.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:"arial"; 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;}
.fix_box{display:none!important}
.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:1440px; 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;}
.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;}
@font-face{ font-family:arial;src:url('../images/arial.ttf');}
@font-face{ font-family:arialbd;src:url('../images/arialbd.ttf');}

/*header*********************************************************************/
.head{ position:relative; z-index:505; height:97px; background:#fff;}
.head-fixed{ width:100%; position:fixed; top:0; left:0; right:0; background:#fff; -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition:1s all ease; transition:1s all ease;}
.head-fixed .w{ position:relative;}
.logo{ width:30%;}
.logo img{ display:block; width:100%;}
.nav{ width:62.5%; text-transform:capitalize; padding-right:12.84722222222222%;}
.nav .plebans{ font-size:18px; line-height:97px;}
.nav .plebans a{ display:inline-block;}
.nav li{ position:relative;}
.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.hover .plebans a,.nav li.cur .plebans a{ background:#fff; color:#104097;}
.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:130px; padding:10px 0; background:linear-gradient(-45deg, transparent 10px, #fff 0);}
.goutp p{ font-size:15px; line-height:2.6; text-align:center;
    
}
.goutp p a{ display:block; color:#666; padding-left:12px;}
.goutp p a:hover{ color:#104097;}
.nav li.hover .goutp{ display:block;}
.nav li:nth-child(2) .goutp{ width:160px;}
.nav li:nth-child(3) .goutp{ width:236px;}
.nav li:nth-child(4) .goutp{ width:170px;}
.hrt{ position:absolute; right:0; top:0; bottom:0;}
.search_ico{ height:20px; margin-right:48px; cursor:pointer;}
.search{ position:fixed; left:0; right:0; top:112px; 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:#104097; 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:14px; position:relative; padding-right:6px;}
.dropdown em{ color:#666; line-height:30px;}
.dropdown em img{ height:20px; margin-right:12px;}
.dropdown p{ position:absolute; width:80px; left:50%; margin-left:-40px; 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);}

.sanh{ width:50px; padding:10px; position:absolute; right:calc(4% - 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:#104097;}
.tesd>div{ background-color:#104097!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;}
.banner .swiper-slide{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-slide .w{ position:relative;}
.banner .swiper-slide .ban_pos{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:6;}
.banner .swiper-slide .clear{ width:100%; padding:0 50% 0 1.4285%;}
.banner .swiper-slide .pic{ position:absolute; right:-4.15%; bottom:0; width:62.15277777777778%; transform:translateY(100px); opacity:0;}
.banner .swiper-slide .pic img{ display:block; width:100%;}
.banner .swiper-slide .ban_pos *{ transform:translateX(100px); opacity:0;}
.banner .swiper-slide .ban_pos em{ display:block; font-size:48px; color:#fff; font-family:"arialbd"; line-height:1; margin-bottom:20px;}
.com_more{ font-size:14px; color:#fff; padding:0 35px; line-height:3.5; display:inline-block; background:#3276f0; border-radius:1000px;}
.com_more:hover{ background:#104097; color:#fff;}
.banner .swiper-slide.swiper-slide-active .ban_pos *,.banner .swiper-slide.swiper-slide-active .pic{ transition:all 1s ease 1s; transform:translateX(0); opacity:1;}
.banner .swiper-button-prev{ left:4%;}
.banner .swiper-button-next{ right:4%;}
.banner .swiper-button-prev,.banner .swiper-button-next{ background:#353b3f; border-radius:50%; width:74px; height:74px; transition:all 0.6s;}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{ color:#fff; font-size:36px; transition:all 0.6s;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ background:#3276f0;}
.banner .swiper-pagination{ bottom:5.142857142857143%;}
.banner .swiper-pagination-bullet{ width:50px; height:8px; border:2px solid #fff; background:none; opacity:1; margin:0 9px!important; border-radius:1000px; transition:all 0.6s;}
.banner .swiper-pagination-bullet-active{ background:#fff;}

.con1{ width:100%; overflow:hidden; padding:85px 0; background:#fff;}
.con1 .w{ width:100%; max-width:100%; position:relative;}
.con1_list{ background:#f1f1f1;}
.con1_list *{ transition:all 0.6s;}
.con1_list li a{ display:block;}
.con1_list .swiper-slide{ width:auto; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; height:35.417vw; padding-top:6.208vw; background:#fff;}
.con1_list .swiper-slide .pbg{ opacity:0; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.con1_list .swiper-slide .pbg img,.con1_list .swiper-slide .pic_w img{ display:block; width:100%; height:100%;}
.con1_list .swiper-slide .p_con{ position:relative; z-index:5;}
.con1_list .swiper-slide .pic{ width:66.5%; margin:0 auto;}
.con1_list .swiper-slide p{ font-size:20px; line-height:1.6; color:#121212; text-align:center; padding:4vw 16% 0 16%;}
.con1_list .swiper-slide::after{ content:''; display:block; position:absolute; left:50%; margin-left:-14px; bottom:11.75%; width:28px; height:28px; font-size:0; overflow:hidden; background:url(../images/point1.png) 0 0 no-repeat; background-size:cover; opacity:1;}
.con1_list .swiper-slide.active{ -webkit-box-flex:0; -webkit-flex:0 0 33.229vw; -ms-flex:0 0 33.229vw; flex:0 0 33.229vw; padding-top:3.1vw;}
.con1_list .swiper-slide.active .pbg{ opacity:1;}
.con1_list .swiper-slide.active .pic{ width:60%;}
.con1_list .swiper-slide.active p{ padding-top:4.9vw; color:#fff;}
.con1_list .swiper-slide.active::after{ opacity:0;}

.con2{ width:100%; overflow:hidden; background:#f8f8f8; padding:30px 0;}
.con2 .w{ width:100%; max-width:100%; position:relative;}
.con2_list li .pic_w{ left:5%; top:10%; right:5%; bottom:10%;}
.con2_list li .pic_w img{ filter:grayscale(100%);}
.con2_list li.hover .pic_w img{ filter:grayscale(0);}

.titc{ width:100%;}
.titc h3{ font-size:43px; font-family:"arialbd"; line-height:1.415;}
.titc p{ font-size:16px; margin-top:15px; color:#333; padding:0 17.5%;}
.scroll{ overflow-y:auto;}
.scroll::-webkit-scrollbar-track{ border-radius:999px; background:rgba(0,0,0,.005);}
.scroll::-webkit-scrollbar-thumb{ background:#dadada; border-radius:999px; min-height:20px;}
.scroll::-webkit-scrollbar{ width:3px; height:3px;}
.scroll::-webkit-scrollbar-corner{ background:transparent;}
.con3 .clear,.con4 .clear,.con5 .clear,.con8 .clear{ width:100%;}

.con3{ width:100%; overflow:hidden; background:url(../images/bg3.jpg) #f1fbfd center top no-repeat; background-size:cover; padding:85px 0;}
.con3_lf{ width:51.38888888888889%; padding-right:7%;}
.con3_lf .com_more{ font-size:18px; margin-top:35px;}
.con3_rt{ width:48.61111111111111%;}
.con3_rtc{ padding-right:9.285714285714286%; width:100%; max-height:500px;}
.con3_list{ width:100%;}
.con3_list li{ color:#333; border-bottom:1px solid #dfdfdf; padding:0 0 10px 0; margin-bottom:20px;}
.con3_list li:last-child{ border-bottom:none; margin-bottom:0;}
.con3_list li h4{ font-size:22px; font-family:"arialbd";}
.con3_list li p{ font-size:16px; line-height:1.625; margin-top:5px;}

.con4{ width:100%; overflow:hidden; background:#fff; padding:85px 0 0 0;}
.con4_lf{ width:44.8%;}
.con4_lf .txt{ line-height:1.625; color:#333; margin:-25px 0 50px 0;}
.con4_lf .txt em{ display:block; font-size:22px; font-family:"arialbd"; margin-top:50px;}
.con4_lf .txt p{ font-size:16px;}
.con4_rt{ width:50.695%;}
.con4_rt .pic img{ display:block; width:100%;}

.con5{ width:100%; overflow:hidden; background:#fff; padding:85px 0 0 0;}
.con5_lf{ width:44.8%;}
.con5_lf .txt{ font-size:18px; line-height:1.45; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:12; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%; margin:35px 0 40px 0;}
.con5_rt{ width:49.305%;}
.con5_rt .pic{ border-radius:16px;}
.con5_rt .pic img{ display:block; width:100%;}

.con6{ width:100%; overflow:hidden; background:#fff; padding:70px 0 0 0;}
.con6 .titc{ text-align:center;}
.con6_list{ margin-top:40px;}
.con6_list li .pic{ border-radius:8px;}
.con6_list li .pic_w img{ width:100%; height:100%;}
.con6 .swiper-pagination{ position:static; margin-top:40px;}
.con6 .swiper-pagination-bullet{ width:18px; height:18px; background:#bababa; opacity:1; margin:0 8px!important; border-radius:50%; transition:all 0.6s;}
.con6 .swiper-pagination-bullet-active{ background:#3276f0;}
.con6_bot{ margin-top:70px; background:#f5f5f5; border-radius:8px; padding:4.2% 3.125%; position:relative;}
.con6_bot p{ font-size:30px; color:#252525; flex-grow:1;}
.con6_bot .com_more{ font-size:18px;}

.con7{ width:100%; overflow:hidden; background:#fff; padding:70px 0 80px 0;}
.con7 .titc p{ padding:0;}
.con7_list{ width:102.083333333333333%; margin-top:-20px;}
.con7_list li{ text-align:center; margin:2.083333333333333% 2.083333333333333% 0 0; width:22.91666666666667%;}
.con7_list li a{ display:block;}
.con7_list li p{ font-size:18px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}

.con8{ width:100%; overflow:hidden; background:#fff; padding:20px 0 85px 0;}
.con8 .titc{ line-height:1;}
.con8_lf{ width:56.25%;}
.con8_list li{ border-bottom:1px solid #a7a7a7; font-size:20px; padding:7px 0; margin-top:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.con8_list li a:hover{ font-family:"arialbd";}
.con8_rt{ width:36.80555555555556%;}
.ny_video{ width:100%; position:relative; border-radius:8px; overflow:hidden;}
.ny_video img{ display:block; width:100%;}
.ny_video .video_but{ width:66px; height:66px; background:url(../images/video.png) 0 0 no-repeat; background-size:cover; border:none; cursor:pointer; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:0; overflow:hidden; z-index:5;}
.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:1020px; height:575px; 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{ width:100%; height:100%;}

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

/*foot style*********************************************************************/
.footer{ width:100%; background:#104097; overflow:hidden; font-size:18px;}
.footer *{ color:#fff;}
.footer a:hover{ color:rgba(255,255,255,.8)!important;}
.f_nav{ width:100%; padding:75px 0 40px 0;}
.f_nav li span{ font-size:24px; display:block; text-transform:uppercase;}
.f_nav li .txt{ margin-top:20px;}
.f_nav li p{ line-height:1.89;}
.foot{ border-top:1px solid rgba(255,255,255,.5); padding:26px 0;}
.foot .w{ text-align:center;}