body{ font:12px/1.5 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:#005ce3;}
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:#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;}
.fix_box{display:none!important}
/*公用样式*/
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;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w-index{max-width:1530px; width:88%;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;background: hwb(0deg 100% 0% / 67.84%);}
.head-fixed .w-index{ position:relative;}
.logo{ width:9.084967320261438%;}
.logo img{ display:block; width:100%;}
.nav-index{ width:73.2%; padding-right:22%;}
.nav-index .plebans{ font-size:18px; line-height:90px;}
.nav-index .plebans a{ display:inline-block; color:#161616; font-weight:bold; text-transform:uppercase;}
.nav-index li{ position:relative;}
.nav-index 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-index li.on .plebans a,.nav-index li.cur .plebans a{}
.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:220px; padding:10px 0; background:#fff; border-radius:0 0 5px 5px; text-align:center;}
.goutp:before{ content:""; display:block; position:absolute; left:50%; margin-left:-5px; top:-6px; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:6px solid #005ce3;}
.goutp p{ font-size:16px; line-height:2.6;}
.goutp p a{ display:block; color:#666;}
.goutp p a:hover{ color:#15499a;}
.hrt{ position:absolute; right:0; top:0; bottom:0; font-size:18px;}
.hrt em{ text-transform:uppercase; margin-right:25px;}
.hrt em i{ padding:0 5px;}
.hrt span{ font-weight:bold; color:#005ce3; padding-left:25px; background:url(../images/tell.png) left center no-repeat; background-size:16px 16px;}
.head_on .head-fixed{ box-shadow:0 0 6px 0 rgba(0,0,0,.2); background:#fff;}

.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:#005ce3;}
.tesd>div{ background-color:#005ce3!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; padding-top:90px;}
.banner .swiper-slide img{ display:block; width:100%;}


@keyframes scaleUpDown {from { -webkit-transform: scale(1); transform: scale(1);}to { opacity: 1;  -webkit-transform: scale(1.05); transform: scale(1.05);}}
.banner .swiper-slide img { width:100%; display:block;visibility: visible !important; -webkit-animation: scaleUpDown 5s ; animation: scaleUpDown 5s ;transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0);}


.banner .swiper-slide .w-index{ position:relative;width:100%;max-width:100%;}
.banner .swiper-slide .pos_txt{ position:absolute; left:0; right:0; top:90px; bottom:0; z-index:6; font-size:18px;}
.banner .swiper-slide .clear{ width:100%; padding-right:45%;display:none;}
.banner .swiper-slide .clear em,.banner .swiper-slide .clear p,.banner .swiper-slide .clear i{ transform:translateX(-100px); opacity:0;}
.banner .swiper-slide .clear em{ display:block; font-size:48px; color:#0b0b0b; font-weight:bold; text-shadow:1px 2px 0 #fff; line-height:1.4375;}
.banner .swiper-slide .clear p{ margin-top:30px; line-height:1.722222222222222; padding-right:15%;}
.banner .swiper-slide .clear i{ margin-top:50px;}
.banner .swiper-slide .clear i a{ color:#fff; line-height:3; padding:0 22px; border:1px solid #005fea; background:#005fea; transition:all 0.6s; border-radius:1000px;}
.banner .swiper-slide .clear i a:hover{ background:none; color:#005fea; border-radius:30px 0 30px 0;}
.banner .swiper-slide.swiper-slide-active .clear em,.banner .swiper-slide.swiper-slide-active .clear p,.banner .swiper-slide.swiper-slide-active .clear i{ transition:all 1s ease 1s; transform:translateX(0); opacity:1;}
.banner .swiper-pagination{ bottom:4.3%;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:#a7a7a7; opacity:.8; margin:0 9px!important; border-radius:50%; transition:all 0.6s;}
.banner .swiper-pagination-bullet-active{ background:#005ce3; opacity:1;}

.titc{ text-align:center;}
.titc em{ display:block; font-size:36px; color:#000; font-weight:bold;}
.titc p{ font-size:18px; color:#666; margin-top:15px; padding:0 19.6%;}

.con1{ width:100%; overflow:hidden; padding:85px 0; background:#fff; position:relative; z-index:6;}
.con1_list{ width:102.287581699346405%;}
.con1_list li{ width:31.04575163398693%; margin:2.287581699346405% 2.287581699346405% 0 0; background: #e0f2fe;}
.con1_list li a{ display:block; text-align:center;}
.con1_list li:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.con1_list li .pic{width:390px!important; height:322px!important;margin: auto;}
.con1_list li .pic_w{width:390px!important; height:322px!important;}
.con1_list li .pic_w img{ width:390px!important; height:322px!important;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.con1_list li .txt{ height:140px; padding:45px 4% 0 4%;}
.con1_list li .txt p{ font-size:30px; color:#000; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.con1 .more{ text-align:center; margin-top:45px;}
.con1 .more a{ display:inline-block; color:#fff; font-size:24px; border-radius:1000px; background:#005fea; border:1px solid #005fea; line-height:2.65; padding:0 75px;}
.con1 .more a:hover{ background:#fff; color:#005fea;}

.con2{ width:100%; overflow:hidden; background:#fff; padding:30px 0 0 0; position:relative; z-index:7;}
.con2 .w-index{ max-width:100%; width:100%;}
.con2c{ width:100%; margin-top:35px;}
.con2_list li{ position:relative; background:#000;}
.con2_list li a{ display:block;}
.con2_list li .pic_w img{ width:100%; height:100%; opacity:.7;}
.con2_list li .txt{ position:absolute; left:0; right:0; bottom:0; padding-bottom:6.1%; z-index:8; transition:all 0.6s;}
.con2_list li .txt .clear{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.con2_list li .txt img{ height:34px; margin-right:16px;}
.con2_list li .txt em{ font-size:24px; color:#fff; font-weight:bold;}
.con2_list li .txt i{ display:none; font-size:18px; color:#005fea; font-weight:bold; border-radius:1000px; background:#fff; padding:0 20px; line-height:2.833333333333333;}
.con2_list li.hover .pic_w img{ opacity:1;}
.con2_list li.hover .txt{ top:0; padding-bottom:0; background:rgba(54,136,255,.8);}
.con2_list li.hover .clear{ display:block; text-align:center;}
.con2_list li.hover .txt img{ display:block; height:52px; margin:0 auto; transition:all 0.6s;}
.con2_list li.hover .txt em{ display:block; margin-top:29px;}
.con2_list li.hover .txt i{ display:inline-block; margin-top:31px;}

.con3{ width:100%; overflow:hidden; position:relative; z-index:8; padding:130px 0 170px 0;}
.con3 .w-index{ position:relative; z-index:9;}
.con3 .bg3{ position:absolute; left:0; right:0; bottom:0; z-index:8; display:block; width:100%;}
@media (max-width: 900px)  {
.con3 .bg3{width:auto!important}
}
.con3c{ padding:0 48.35% 0 0; position:relative;}
.con3c .t3 em{ display:block; font-size:14px; color:#005fea; text-transform:uppercase;}
.con3c .t3 p{ font-size:42px; color:#1b1b1b; line-height:1.30952380952381; margin-top:13px;}
.con3c .txt{ font-size:18px; color:#000000; line-height:1.888888888888889; margin-top:27px;}
.con3c .more{ margin-top:80px; display:inline-block; color:#fff; border:1px solid #005fea; background:#005fea; font-size:14px; text-transform:uppercase; padding:0 35px; line-height:3.571428571428571;}
.con3c .more:hover{ color:#005fea; background:none;}
.video_but{ width:4.705882352941176%; position:absolute; left:61.45%; top:170px; border-radius:50%; background:rgba(0,95,234,1); -webkit-animation:pin02 3s ease-in-out 0s infinite; animation:pin02 3s ease-in-out 0s infinite; cursor:pointer;}
.video_but img{ display:block; width:100%;}
.video_but:before{ content:""; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; border-radius:50%; background-color:rgba(0,95,234,.3); -webkit-animation:circlepulse 1.5s ease 0s infinite; animation:circlepulse 1.5s ease 0s infinite;}
@-webkit-keyframes pin02{
  0%{
    -webkit-box-shadow:0px 0px 0 0px rgba(0, 95, 234, 0.1);
            box-shadow:0px 0px 0 0px rgba(0, 95, 234, 0.1);
  }
  50%{
    -webkit-box-shadow:0px 0px 0 20px rgba(0, 95, 234, 0.2);
            box-shadow:0px 0px 0 20px rgba(0, 95, 234, 0.2);
  }
  100%{
    -webkit-box-shadow:0px 0px 0 0px rgba(0, 95, 234, 0.3);
            box-shadow:0px 0px 0 0px rgba(0, 95, 234, 0.3);
  }
}
@-webkit-keyframes circlepulse{
  0%{
    -webkit-transform:scale(1);
    opacity:1;
  }
  100%{
    -webkit-transform:scale(2);
    opacity:0;
  }
}

.con4{ width:100%; overflow:hidden; background:#fff; position:relative; z-index:9; padding:90px 0 0 0;}
.con4 .w-index{ max-width:100%; width:100%; position:relative;}
.con4 .con4_txt{ position:absolute; left:0; top:0; right:0; background:rgba(255,255,255,.7); text-align:center; z-index:10; margin:0;}
@media (max-width: 900px)  {
.con4 .con4_txt{position:unset!important;}
.con6c .txt p{ margin-top:0!important;}
}
.con4 .con4_txt ul li{ height:180px; padding:0 2.083333333333333%;}
.con4 .con4_txt ul li .clear{ width:100%;}
.con4 .con4_txt ul li em{ font-size:24px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.con4 .con4_txt ul li i{ display:none; width:100px; height:4px; margin:11px auto 0 auto; background:#fff;}
.con4 .con4_txt ul li p{ margin-top:17px; font-size:16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.con4 .con4_txt ul .swiper-slide-thumb-active{ background:#005fea;}
.con4 .con4_txt ul .swiper-slide-thumb-active *{ color:#fff;}
.con4 .con4_txt ul .swiper-slide-thumb-active i{ display:block;}
.con4 .con4_img{ width:100%;}
.con4 .con4_img img{ width:100%; display:block;}

.con5{ width:100%; overflow:hidden; padding:85px 0; background:#fff; position:relative; z-index:10;}
.con5_1{ width:100%; margin-top:18px; padding:10px; overflow:hidden;}
.con5_1 .swiper,.con5_1 .swiper ul{ overflow:visible;}
.con5_list1 li{ padding:1.176470588235294%; transition:all 0.6s;}
.con5_list1 li a{ display:block;}
.con5_list1 li .txt{ padding:19px 0 0 0;}
.con5_list1 li .txt h3{ font-size:20px; color:#111; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.con5_list1 li .txt p{ margin-top:12px; font-size:15px; color:#888; line-height:1.533333333333333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%;}
.con5_list1 li .other{ justify-content:space-between; margin:22px 0 3px 0;}
.con5_list1 li .other em{ font-size:16px; color:#888;}
.con5_list1 li .other em i{ padding-left:10px;}
.con5_list1 li .other span{ font-size:15px;}
.con5_list1 li .other span img{ background:#111; margin-left:28px; height:14px;}
.con5_list1 li.hover{ box-shadow:0 0 21px 0 rgba(133,133,133,.33);}
.con5_list1 li.hover .txt h3,.con5_list1 li.hover .other span{ color:#005fea;}
.con5_list1 li.hover .other span img{ background:#005fea;}
.con5_2{ padding:15px 0 0 0;}
.con5_list2{ width:100%;}
.con5_list2 li{ background:#f4f4f4; margin:1.5% 0 0 0; width:49.25%; padding:1% 1.830065359477124%; min-height:140px; transition:.3s;cursor: pointer}
.con5_list2 li h3{ font-weight:bold; font-size:24px;}
.con5_list2 li .txt{ font-size:17px; line-height:1.470588235294118; margin-top:12px; display:none;}
.con5_list2 li.hover h3{ color:#005fea;}
.con5_list2 li.hover .txt{ display:block;}

.con6{ width:100%; overflow:hidden; padding:75px 0; background:url(../images/bg6.jpg) center top no-repeat; background-size:cover; position:relative; z-index:11;}
.con6c{ width:100%;}
.con6c .txt{ width:42.8%; padding:0 5.5% 0 0; font-size:31px; color:#fff; font-weight:bold;}
.con6c .txt p{ margin-top:-100px;}
.con6rt{ width:57.2%; padding:0 5.85% 0 0;}
.con6rt form{ display:block; width:100%;}
.con6_list{ width:100%;}
.con6_list li{ padding-top:10px;}
.con6_list li:nth-child(1){ padding-top:0;}
.con6_list li .t6{ font-size:16px; color:#fff;}
.con6_list li .t6 font{ color:#ffd800; padding-right:3px;}
.con6_list li .clear{ width:100%; position:relative;}
.con6_list li .yzm{ position:absolute; left:50%; top:0; bottom:0; display:block; height:100%;}
.f_intxt{ width:100%; display:block; background:#fff; border:1px solid #ccc; padding:5px 10px; resize:none; font-size:16px; line-height:1.5;}
.f_intxt.f_intxt1{ width:50%;}
.f_buts{ font-size:19px; border-radius:1000px; background:#fff; color:#005fea; transition:all 0.6s; font-weight:bold; line-height:2.210526315789474; width:215px; border:none; cursor:pointer; margin-top:15px;}
.f_buts:hover{ background:#005fea; color:#fff;}

.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:100%;}
.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:#00132d; overflow:hidden; font-size:14px; position:relative; z-index:11; padding:80px 0 60px 0;}
.footer a:hover{ color:rgba(255,255,255,.8)!important;}
.footc{ width:100%;}
.f_rt{ width:70.3%;}
.f_nav{ width:100%; font-size:16px;}
.f_nav li span{ display:block; font-size:18px; color:#f1f1f1; font-weight:bold;}
.f_nav li span a{ color:#f1f1f1;}
.f_nav li .txt{ margin-top:2px;}
.f_nav li p{ padding-top:10px; color:#b6b6b6;}
.f_nav li p a{ color:#b6b6b6;}
.f_nav li .ewm{ margin-top:17px;}
.f_nav li .ewm img{ display:block; max-width:130px;}
.links{ font-size:18px; font-weight:bold; color:#fff; margin:90px -10px 0 0;}
.links a{ font-weight:500; margin-right:10px; color:#fff;}
.search_form{ display:block; width:100%; padding:5px; background:#fff; margin-top:12px;}
.s_intxt{ background:none; border:none; font-size:18px; padding:0 20px; width:calc(100% - 104px); line-height:2.777777777777778;}
.s_inbut{ color:#fff; border:none; background:#005fea; font-size:18px; width:104px; text-align:center; cursor:pointer; line-height:2.777777777777778; transition:all 0.6s;}
.s_inbut:hover{ background:#0a3dad;}
.f_lf{ width:21.3%;}
.f_logo{ display:block; width:42.76923076923077%;}
.f_logo img{ display:block; width:100%;}
.footer .infor_list{ padding-top:35px;}
.footer .infor_list *{ color:#fff;}
.footer .infor_list li{ border-bottom:1px solid #fff; padding:12px 0;}
.footer .infor_list li em{ display:block; font-size:16px;}
.footer .infor_list li p{ font-size:16px; margin-top:0px;}
.footer .ico6_list{ padding:20px 0 0 0;}
.footer .ico6_list li{ width:36px; position:relative; margin:10px 10px 0 0;}
.footer .ico6_list li img{ display:block; width:100%;}
.footer .ico6_list li em{ display:block; border-radius:50%; overflow:hidden; background:#0a3dad; transition:all 0.6s; cursor:pointer;}
.footer .ico6_list li em a{ display:block;}
.footer .ico6_list li i{ display:none; position:absolute; bottom:120%; left:50%; transform:translate(-50%,0); background:#fff; width:100px;}
.footer .ico6_list li.hover em{ background:#005fea;}
.footer .ico6_list li.hover i{ display:block;}
.foot{ font-size:14px; line-height:1.857142857142857; color:#fff; margin-top:28px;}
.foot *{ color:#fff;}






#toolbar {position: fixed;z-index: 9999;right: 17px;bottom:20%;}
#toolbar li {margin-bottom: 3px;font-size: 0;width: 45px;height: 45px;right: 0;position: relative;background: #0366cb;}
#toolbar li a {display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 45px;height: 45px;overflow: hidden;background: #0366cb;transition: all .5s ease;}

#toolbar li .wz {display: inline-block;line-height: 45px;font-size: 14px;color: #fff;vertical-align: middle;}
#toolbar li.ewm .ewm-box {position: absolute;z-index: 1;padding: 5px;background: #0366cb;width: 110px;right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%); -webkit-transition: all .7s; transition: all .7s;}
#toolbar li.ewm .ewm-box img {max-width: 100%;}
#toolbar li.ewm .ewm-box p{ font-size:14px; text-align:center; color:#fff}
#toolbar li.ewm:hover .icon {background-position: -45px -180px;}
#toolbar li.ewm:hover .ewm-box {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar li:hover a.a {width: 200px;transition: all .5s ease;white-space: nowrap;background: #0366cb;}
#toolbar li .WhatsApp{background:url(../images/r-whatsapp.png) center no-repeat;background-size: 80%;width: 45px;height: 45px;display: block;}
#toolbar li .mail{background:url(../images/r-mail.png) center no-repeat;background-size:70%;width: 45px;height: 45px;display: block;font-size: 16px;    line-height: 45px;    padding-left: 50px;    color: #fff;}
#toolbar li .top{background:url(../images/r-top.png) center no-repeat;background-size: 80%;width: 45px;height: 45px;display: block;}