﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,font{padding:0; margin: 0; font-family: "苹方","微软雅黑", Arial, Helvetica, sans-serif;}
i{font-style:normal}

html {font-size: 16px;-webkit-text-size-adjust: none;min-width:320px; margin:0 auto;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}
fieldset,img{ border:0; vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
ol,ul,li,dl,dt,dd{ list-style:none;}
input,button,textarea,checkbox,select,radio,form{ vertical-align: top;}
a{ color:#000; text-decoration:none;-webkit-tap-highlight-color:transparent}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration: none;}
.clear { clear: both;}
@media screen and (min-width:320px) {html {font-size:90%;}}
@media screen and (min-width:400px) {html {font-size:90%}}
@media screen and (min-width:480px) {html {font-size:97.5%}}
@media screen and (min-width:560px) {html {font-size:100%}}
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.woff2') format('woff2'),
       url('../fonts/iconfont.woff') format('woff'),
       url('../fonts/iconfont.ttf') format('truetype');
}
.nav{background: #0b2143; position: fixed; top: 0rem; left: 0; width: 100%; height: 4.0rem; z-index: 99;}
    .nav_content{max-width: 1200px; align-items: center; width: 96%; margin: 0 auto; display: flex; justify-content:space-between; align-items: center; height: 4.0rem;}
    .nav_logo{height: 2.4rem;}
    .nav_logo img{ height: 100%;}
    .nav nav ul{ display: flex;}
    .nav nav ul li{ position: relative;}
    .nav nav ul li .nav_curr_con{ position: absolute; left: 50%; margin-left: -5rem; width:10.0rem; background: #0b2143; height: 0;transition: all .5s; overflow: hidden;}
    .nav nav ul li:hover .nav_curr_con{height: auto;}
    .nav nav ul li .nav_curr_con a{ width: 100%; text-align: center; padding: 0;}
    .nav nav ul li .nav_curr_con a:hover{background: #1d8bff;}
    .nav nav ul li a{ padding: 0 2.0rem; display:flex; justify-content: center; align-items: center; height: 4.0rem; color: #fff;}
    .nav nav ul li i{ height: .6rem; display: inline-block; margin-left: .6rem; font-size:0;}
    .nav nav ul li i img{ height: 100%;}
    .nav nav ul .nav_curr{ background: #1d8bff;}
    .nav nav ul li:hover{ background: #1d8bff;}
    .nav_tel{display: flex; align-items: flex-end; flex-direction: column;}
    .nav_tel h3 i{ display: inline-block; width: 1.2rem; height: 1.2rem; margin-right: .6rem;}
    .nav_tel h3{ display: flex; align-items: center; font-size: 1.0rem; color: #fff;}
    .nav_tel h3 i img{ width: 100%;}
    .nav_tel h4{ font-size: 1.2rem; color: #fff;}
    .nav_icon{ display: none;}
    .nav_back{ display: none;}
    .banner{ width: 100%; height: 660px; position: relative;}
    .banner_background{ position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; height: 100%;}
    .banner_background img{ position: absolute; top: 0; left: 50%; margin-left: -960px;}
    .banner_content{ max-width: 1200px; width: 80%; position: absolute; top: 56%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); z-index: 9;}
    .banner_text_index img{ max-width: 100%; display: block; margin: 0 auto;}    
    .banner_content a{ display: block; width: 16rem; height: 4.0rem; border-radius: 2rem; background: #006cff; color: #fff; text-align: center; line-height: 4.0rem; margin: 3.0rem auto 0 auto; font-size: 1.2rem; transition: .5s all; position: relative; top: 0rem;}
    .banner_content a:hover{ box-shadow: 0 10px 20px rgba(0,174,255,.4); top: -1rem;}
    .banner_text_index .banner_text_mo{ display: none;}
    .contact_tel{background: #fff; max-width: 1200px; width: 96%; margin: -4.0rem auto 0 auto; position: relative; z-index: 9; border-radius:.6rem; display: flex; align-items: stretch; justify-content:space-between; box-shadow: 0 .4rem .8rem rgba(0,0,0,.1); padding: 2.0rem 0;}
    .contact_tel_li{ display: flex; width: 33%; align-items: center; justify-content: center;}
    .contact_tel_icon{ width: 3.0rem; height: 3.0rem;}
    .contact_tel_icon img{ width: 100%;}
    .contact_tel_text{ margin-left: 1.0rem;}
    .contact_tel_text h3{ font-size: 1.0rem; color: #333;}
    .contact_tel_text h4{ font-size: 1.0rem; color: #aca9aa; margin-top: .5rem;}
    .contact_tel_height{ width: 1px; background: #e5e5e5;}
    .service{ max-width: 1200px; margin: 4.0rem auto 0 auto; width: 96%;}
    .title{text-align: center;}
    .title h3{ font-size: 1.2rem;}
    .title h5{ width: 3.0rem; height: .5rem; border-radius: .25rem; margin: 1.0rem auto .6rem auto;}
    .title h2{ font-size: 2.0rem;}
    .title1 h3{ color: #8d8d8d;}
    .title1 h5{ background: #006cff;}
    .title1 h2{ color: #000; font-weight: bold;}
    .title2 h3{ color: #fff;}
    .title2 h5{ background: #fff;}
    .title2 h2{ color: #fff;}
    .service_content{margin-top: 2.0rem;}
    .service_content ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
    .service_content ul::after{content:""; width:23%}
    .service_content ul li{ width: 21%; margin-top:2.0rem;}
    .service_content .service_li_content{margin-top: 1.6rem; width: 100%; height: 0; overflow: hidden; padding-top: 90%; border: .2rem solid #e0e0e0; border-bottom: .2rem solid #006cff; position: relative;}
    .service_content .service_li_img{ position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 0; width: 100%; height: 100%;}
    .service_content .service_li_img img{ width: 100%;}
    .service_li_text{display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; background: rgba(1,18,69,0); transition: .5s all;}
    .service_li_icon{ width: 4rem; height: 4rem; border-radius: 50%; border: .14rem solid #fff; display: flex; align-items: center; justify-content: center; position: relative; right: -100%;transition: .7s all;}
    .service_li_icon img{ width: 2.6rem;}
    .service_li_t{margin: 1.0rem 1.0rem 0 1.0rem;}
    .service_li_t h4{ font-size: 1.3rem; position: relative; right: -180%;transition: .8s all;}
    .service_li_t p{ font-size: 1.0rem; margin-top: .6rem; position: relative; right: -180%;transition: .9s all;}
    .service_content ul li:hover .service_li_text{ background: rgba(1,18,69,0.9);}
    .service_content ul li:hover .service_li_icon{right: 0;}
    .service_content ul li:hover .service_li_t h4{right: 0;}
    .service_content ul li:hover .service_li_t p{right: 0;}
    .service_title{ text-align: center;}
    .service_title h3{ font-size: 1.2rem; color: #000; font-weight: bold;}
    .service_title h4{ font-size: .9rem; color: #000;}
    .fixed_con{ position:fixed; top:50%; left:50%; border-radius:1.0rem; overflow:hidden; width:80%; max-width:1000px; transform:translate(-50%,-50%); background:#fff; display:none; z-index:999;box-shadow:0 10px 10px rgba(0,108,255,.3)}
    .fixed_con_a{ display:flex;}
    .fixed_con_left{width:40%;}
    .fixed_con_left img{ width:100%;}
    .fixed_con_right{width:60%}
    .fixed_con_con{padding:4.0rem}
    .fixed_con_title h3{ font-size:2.0rem; color:#333; font-weight:bold;}
    .fixed_con_title h4{ font-size:1.0rem; color:#666}
    .fixed_form{margin-top:2.0rem}
    .fixed_input{ margin-top:1.4rem}
    .fixed_input input{ border:none;border-bottom:1px solid #e5e5e5; width:100%; height:2.0rem; outline:none; font-size:.87rem; margin-top:.6rem}
    .fixed_button{margin-top:4.0rem}
    .fixed_button button{width:100%; height:3.0rem; background:#006cff; color:#fff; border-radius:.5rem; border:none; font-size:1.0rem;cursor:pointer}
    .fixed_gb_a{ position:absolute; top:2.0rem; right:2.0rem; width:1.4rem; cursor:pointer}
    .fixed_gb_a img{ width:100%;}
    .introduce{max-width: 1200px; display: flex; justify-content: space-between; align-items: center; width: 96%; margin: 2.0rem auto 0 auto; flex-wrap: wrap;}
    .introduce_img{width: 15%;}
    .introduce_img img{ width: 100%;}
    .introduce_text{ flex: 1; margin: 0 3.0rem;}
    .introduce_text h3{ font-size: 1.3rem; font-weight: bold; color: #000;}
    .introduce_text h4{color: #8d8d8d; font-size: .87rem; margin-top: 1.0rem;}
    .introduce_button{ width: 8.0rem;}
    .introduce_button a{ display: block; width: 100%; height: 3.0rem; border-radius: .4rem; background: #006cff; border-radius: .4rem; color: #fff; text-align: center; line-height: 3.0rem; font-size: 1.0rem; transition: .5s all;}
    .introduce_button a:hover{ box-shadow: 0 .2rem .5rem rgba(15,81,231,.5);}
    .module{background: url(../images/background_1.jpg) no-repeat 50% 0%; padding-top: 4.0rem;}
    .module_content{max-width: 1440px; margin: 3.0rem auto 0 auto; width: 96%; background: #fff; border-radius: .8rem; box-shadow: 0 .4rem .8rem rgba(0,0,0,.2);}
    .module_content_padd{ padding:4.0rem 6.0rem 2.0rem 6.0rem;}
    .module .mySwiper{padding-bottom: .4rem;}
    .module .mySwiper .swiper-slide{ text-align: center; position: relative; font-size: 1.5rem; color: #000; cursor: pointer;}
    .module .mySwiper .swiper-slide .swiper_tad_width{ width: 90%; height: .4rem; border-radius: .2rem; position: absolute; left: 5%; bottom: -1.2rem;}
    .module .mySwiper .swiper-slide-thumb-active{color: #006cff;}
    .module .mySwiper .swiper-slide-thumb-active .swiper_tad_width{background: #006cff; }
    .module .swiper-free-mode>.swiper-wrapper{ border-bottom: 1px solid #e5e5e5; padding-bottom: 1.0rem;}
    .module .mySwiper2{margin-top: 0rem;}
    .module .mySwiper2 .swiper-slide{ display: flex; justify-content: space-between; align-items: center;}
    .module .mySwiper2 .swiper-slide .module_tad_left{flex: 1; margin-right: 6.0rem;}
    .module .mySwiper2 .swiper-slide .module_tad_right{ width: 36%; margin-right:3.0rem; position: relative;}
    .module .swiper-button-next, .module .swiper-rtl .swiper-button-prev{ right: -3.0rem;}
    .module .module_tad_title{ font-size: 2.0rem; color: #333; display: flex; align-items: center;}
    .module .module_tad_title i{ width: 2.4rem; display: flex; margin-right:1.0rem; align-items: center; justify-content: center;}
    .module .module_tad_title i img{ width: 100%;}
    .module .module_tad_text{ font-size: 1.0rem; margin-top: 1.0rem;}
    /* .module .module_tad_label{ margin-top: 1rem;} */
    .module .module_tad_label ul{ display: flex; flex-wrap: wrap;}
    .module .module_tad_label ul li{height: 1.6rem; margin-top: 1.0rem; padding:0 1.2rem; font-size: .87rem; background: rgba(15,81,231,.2); border-radius: .3rem; color: #006cff; line-height: 1.6rem; margin-right: 1.0rem;}
    /* .module .module_tad_service{margin-top: 1.0rem;} */
    .module .module_tad_service ul{ display: flex; flex-wrap: wrap;}
    .module .module_tad_service ul li{ margin-right: 3.0rem; margin-top: 1.0rem;}
    .module .module_tad_button{ display: flex; align-items: center; margin-top: 3.0rem; flex-wrap: wrap;}
    .module .module_tad_button a{ display: block; width: 8.0rem; height: 3.0rem; font-size: 1.0rem; color: #fff; border-radius: .4rem; background: #006cff; text-align: center; line-height: 3.0rem;}
    .module .module_tad_button span{ margin-left: 2.0rem; color: #006cff; font-weight: bold; font-size: 1.4rem; display: flex; align-items: center;}
    .module .module_tad_button span i{ width: 1.4rem; height: 1.4rem; display: block; margin-right: .6rem;}
    .module .module_tad_button span i img{ width: 100%;}
    .module .swiper-button-next, .module  .swiper-button-prev{ width: 3.0rem; height: 3.0rem; border-radius: 50%; background:rgba(11,33,67,1);}
    .module .swiper-button-next:after, .module  .swiper-button-prev:after{ font-size: 1.6rem;}
    .module .mySwiper3 img{ width: 100%;}
    .module .swiper-button-prev, .module .swiper-rtl .swiper-button-next{left: -3.0rem;}
    .lianxi{max-width: 1200px; width: 96%; margin:0 auto 0 auto;}
    .lianxi_height{width: 1px; height: 10rem; background: #70aedc; margin: -3rem auto 3.0rem auto; display:none;}
    .lianxi_h3{ font-size: 1.8rem; font-weight: bold; color: #0b2143; text-align: center;}
    .lianxi_h4{ font-size: 1.5rem; color: #0b2143; text-align: center; margin-top: 1.0rem;}
    .lianxi_content{ display: flex; align-items: center; justify-content: center; margin-top: 3.0rem;}
    .lianxi_content a{ width: 14.0rem; margin: 0 2.0rem; height: 4.0rem; border-radius: 2rem; color: #fff; display: flex; align-items: center; justify-content: center;}
    .lianxi_zixun{background: #f39904;}
    .lianxi_biaodan{background: #0b2143;}
    .lianxi_content a span{ display: block; margin-right: 1.0rem;}
    .fangan{margin: 5.0rem auto 0 auto; max-width: 1200px; width: 96%; flex-wrap:wrap;}
     .fangan ul{display:flex; justify-content:space-between; width:100%; flex-wrap:wrap;}
     .fangan ul::after{content:""; width:23%}
    .fangan li{ width:23%; margin-top:1.0rem;}
    .fangan .fangan_img{ width:100%; height:0; overflow:hidden; padding-top:80%; position:relative}
    .fangan .fangan_img img{ position:absolute; top:0; left:0; height:100%;}
    .fangan .fangan_text_a{ padding:1.2rem; background:#f2f2f2}
    .fangan .fangan_text_a h3{ font-size:1.2rem; color:#333}
    .fangan .fangan_text_a p{ font-size:.87rem; color:#666}
    .fangan .swiper-slide{display: flex;justify-content: space-between;}
    .fangan_left{width: 48%;}
    .fangan_right{width: 48%;}
    .fangan .mySwiper4{margin-top:1.0rem;}
    .fangan .mySwiper5 .swiper-slide{ font-size: 1.1rem; text-align: center; color: #aeaeae;}
    .fangan .mySwiper5 .swiper_tad_title{ width: 100%; text-align: center;}
    /*.fangan .swiper{ border-bottom: .2rem solid #d8dce5;}*/
    .fangan .swiper-free-mode>.swiper-wrapper{ padding-bottom: 1.0rem;}
    .fangan .mySwiper5 .swiper-slide .swiper_tad_width{ width: 90%; height: .4rem; border-radius: .2rem; position: absolute; left: 5%; bottom: -1.3rem;}
    .fangan .mySwiper5 .swiper-slide-thumb-active{color: #006cff;}
    .fangan .mySwiper5 .swiper-slide-thumb-active .swiper_tad_width{background: #006cff; }
    .fangan .mySwiper5{padding-bottom: .4rem;}
    .fangan .fangan_content{margin-top: 3.0rem;}
    .fangan .fangan_title{ display: flex; align-items: center;}
    .fangan .fangan_title i{ width: 1.8rem; height: 1.8rem; display: flex; align-items: center; justify-content: center; margin-right: .8rem;}
    .fangan .fangan_title i img{ width: 100%;}
    .fangan .fangan_title span{ font-size: 1.4rem; color: #333333; font-weight: bold;}
    .fangan .fangan_text{ font-size: 1.0rem; color: #333; margin-top: 1.0rem;}
    .fangan .fangan_ul{ margin-top: 1.0rem;}
    .fangan .fangan_ul ul{ display: flex; flex-wrap: wrap;}
    .fangan .fangan_ul ul li{ margin-right: 4.0rem; margin-top: 1.0rem;}
    .fangan .fangan_left .fangan_button{ width: 10rem; height: 3.0rem; border-radius: .4rem; overflow: hidden; margin-top: 3.0rem;}
    .fangan .fangan_left .fangan_button a{ display: block; background: #0b2143; display: flex; height: 3.0rem; align-items: center; justify-content: center; color: #fff;}
    .fangan .fangan_right .fangan_right_padd{ height: 0; overflow: hidden; padding-top: 60%; position: relative; border-radius: 1.0rem;}
    .fangan .fangan_right_padd img{ position: absolute; top: 0; left: 0; width: 100%;}
    .fangan .mySwiper4 .swiper-slide{ display: flex; align-items: center;}
    .jieshao{margin-top: 6.0rem;}
    .jieshao_content{margin-top: 3.0rem;}
    .jieshao_img{width: 100%; height: 0; overflow: hidden; padding-top:50%; position: relative; border-radius: 1.0rem;}
    .jieshao_img img{ position: absolute; top: 0; left: 0; height: 100%;}
    .jieshao_text{ width: 60%; max-width: 430px; background: #fff; border-radius: 1.0rem;margin-top: -38%; position: relative; z-index: 9; margin-left: 3.0rem; box-shadow: 0 .3rem .8rem rgba(0,0,0,.1);}
    .jieshao_text_padd{ padding: 2.0rem;}
    .jieshao_text_padd h3{ font-size: 1.5rem; font-weight: bold; border-bottom: 1px solid #ededed; padding-bottom: .6rem; margin-bottom: .6rem;}
    .jieshao_text_content{ display: flex; align-items: flex-start; margin-top: 1.0rem;}
    .jieshao_text_content .jieshao_text_icon{ width: 1.0rem; height: 1.0rem; margin-top: .3rem;}
    .jieshao_text_content .jieshao_text_icon img{ width: 100%;}
    .jieshao_text_content .jieshao_text_text{ flex: 1; margin-left: 1.0rem; font-size: .87rem;}
    .jieshao_text_padd .jieshao_bottom{ margin-top: .6rem; display: flex; justify-content: flex-end;}
    .jieshao_text_padd .jieshao_bottom a{ display: flex; width: 8.0rem; height: 2.6rem;align-items: center; justify-content: center; border-radius: .4rem; background: #0b2143; color: #fff; font-size: .87rem;}
    .jieshao_content .swiper-slide-active{opacity: 1 !important;}
    .jieshao_content .swiper-slide{opacity: .6;}
    .jieshao_content .swiper_tad{ position: absolute; height: 29%; top: 0; left: 50%; max-width: 1200px; width: 96%; transform: translateX(-50%); z-index: 9;}
    .jieshao_content .swiper-button-next, .jieshao_content .swiper-rtl .swiper-button-prev{ right: 32%; padding-left: 0rem; transition: all .3s;}
    .jieshao_content .swiper-button-prev, .jieshao_content .swiper-rtl .swiper-button-next{ left: 32%; padding-right: 0rem;transition: all .3s;}
    .jieshao_content .swiper-button-next, .jieshao_content .swiper-button-prev{ width: 4.0rem; height:3.6rem; background: #f39904; color: #fff; border-radius: .1rem;}
    .jieshao_content .swiper-button-next:after,.jieshao_content .swiper-button-prev:after{ font-size: 1.0rem;}
    .jieshao_content .swiper-rtl .swiper-button-next:hover{padding-right: 1.0rem;}
    .jieshao_content .swiper-rtl .swiper-button-prev:hover{ padding-left: 1.0rem;}
    .jieshao_content .swiper{ padding-bottom: 1.0rem;}
    .nav_zc{background:rgba(0,0,0,.3); color:#fff; border:1px solid rgba(255,255,255,.6); width:8rem; height:2.4rem; margin-top:.7rem; border-radius:1.2rem; display:flex; justify-content:center; align-items:center;}
    .zc{position: relative; width: 100%; height: 100vh; background:url(../images/back_29.jpg) no-repeat 50% 50%;}
    .zc_content{ margin-top: 4.0rem;}
    .zc_a{ padding:5.0rem 2.0rem;}
    .zc_form{position: absolute; top: 50%; right: 12%; transform: translateY(-50%); width: 80%; max-width: 470px; background: #fff; border-radius: .8rem; box-shadow: 0 10px 10px rgba(0,108,255,.1);}
    .zc_title{ font-size: 1.5rem; font-weight: bold; color: #006cff; text-align: center; display: flex; align-items: center; justify-content: center;}
    .zc_title span{width:5.0rem; height: 2px; margin: 0 1.0rem; background: #006cff; display: block;}
    .zc_input{ margin-top: 1.5rem;}
    .zc_input input{ width: 100%; border-radius: .3rem; height: 2.4rem; border: none; border-bottom: 1px solid #f0f0f0; margin-top: .6rem;outline:none;}
    .zc_yz{display: flex; margin-top: 1.0rem;}
    .zc_yz input{ flex: 1; margin-right: 1.0rem; height: 2.4rem; border-bottom: 1px solid #f0f0f0; padding-left: 20px; border-radius: .3rem;}
    .zc_yz button{background-color: #006cff; color: #fff; border: none; width: 6.0rem; border-radius: .3rem;}
    .zc_button{margin-top: 4.0rem;}
    .zc_button button{ background: #006cff; border: none; height: 3.0rem; color: #fff; width: 100%; border-radius: .3rem;}
    .liuyan{ background:url(../images/img_back_1.jpg) no-repeat 50% 50%; padding:3.0rem 0;}
    .liuyan_content{ background:rgba(255,255,255,.3); max-width:1200px; width:96%; margin:0 auto; flex-wrap:wrap;}
    .liuyan_con_padd{padding:3.0rem 0; display:flex; color:#fff; justify-content:space-around; flex-wrap:wrap;}
    .liuyan_left{ width:30%}
    .liuyan_left h3{ font-size:1.6rem; font-weight:bold;}
    .liuyan_left h4{ font-size:.87rem; margin-top:1.0rem}
    .liuyan_right{width:40%}
    .liuyan_input{ display:flex; align-items:center; margin-top:1.0rem}
    .liuyan_input:nth-child(1){margin-top:0;}
    .liuyan_input p{ font-size:1.0rem;}
    .liuyan_input input{ flex:1; height:2.0rem; border:none; margin-left:1.0rem; padding-left:1.0rem;}
    .liuyan_button {
        margin-top: 2.0rem;
    }
    .liuyan_button button {
        height: 2.4rem; width:100%; border:none; color:#fff;
        background: #006cff;
        border-radius: .4rem
    }
    .news_index{ max-width: 1200px; width: 96%; margin: 4.0rem auto;}
    .news_index_content{max-width: 1200px; width: 96%; margin: 3.0rem auto 0 auto;}
    .news_index_content .news_index_tad{ display: flex; align-items: center; justify-content: center;}
    .news_index_tad .news_index_h3{ width: 9.0rem; height: 3rem; border-radius: 1.5rem; background: #efefef; color: #2e2e2e; margin: 0 2.0rem;}
    .news_index_tad .news_index_h3 a{ color: #2e2e2e; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;}
    .news_index_tad .current{background: #006cff; color: #fff;}
    .news_index_tad .current a{color: #fff;}
    .news_index_list{display: flex; margin-top: 1.0rem; flex-wrap: wrap;}
    .news_index_left{ width: 33%;margin-right: 2.0rem; margin-top: 2.0rem;}
    .news_index_left .news_index_left_img{ width: 100%; height: 0; overflow: hidden; padding-top: 52%; border-radius: .8rem; position: relative; transition: all .3s;}
    .news_index_left .news_index_left_img img{ position: absolute; top: 0; left: 0; width: 100%;}
    .news_index_left .news_index_left_text{ font-size: 1.0rem; color: #333; font-weight: bold; margin-top: 1.4rem; transition: all .3s;}
    .news_index_icon{ display: flex; justify-content: flex-end; margin-top: .1rem;}
    .news_index_icon img{ display: block; margin-right: 1.0rem; transition: all .3s;}
    .news_index_ul{ flex: 1;}
    .news_index_ul ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
    .news_index_ul ul li{ width: calc(50% - 1.0rem); margin-top: 2rem;}
    .news_index_ul ul li:hover h3{ color: #006cff;}
    .news_index_ul ul li:hover .news_index_icon img{ margin-right:0;}
    .news_index_left:hover .news_index_left_text{color: #006cff;}
    .news_index_left:hover .news_index_icon img{ margin-right:0;}
    .news_index_left:hover .news_index_left_img{ box-shadow: 0 .3rem .6rem rgba(0,0,0,.2);}
    .news_index_ul ul li h3{ font-size: 1.1rem; font-weight: bold; color: #333; transition: all .3s;}
    .news_index_ul ul li p{ font-size: .87rem; color: #787878; margin-top: .4rem;}
    .youshi{ margin-top: 4.0rem; background:#f6f6f8 url(../images/background_2.jpg) no-repeat 50% 0%; padding-bottom: 3.0rem;}
    .youshi_ul{margin: 3.0rem auto 0 auto; max-width: 1200px; width: 96%;}
    .youshi_ul ul{ display: flex; flex-wrap:wrap;}
    .youshi_ul ul li{ width: 25%; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: all .5s; padding: 3.0rem 0; border-radius: 2.0rem;}
    .youshi_ul ul .youshi_text{ text-align: center; margin-top: 1.6rem; text-align: center;}
    .youshi_ul ul .youshi_text h3{ font-size: 1.5rem; color: #333; font-weight: bold;}
    .youshi_ul ul .youshi_text h4{ margin-top: .6rem; font-size: 1.0rem;}
    .youshi_ul ul li:hover{ background: #fff; box-shadow: 0 .3rem .9rem rgba(15,81,231,.2);}
    .fuwu{ background: #525fee; padding: 2.0rem 0;}
    .fuwu_content{ max-width: 1200px; width: 96%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
    .fuwu_content h3{ font-size: 1.6rem; color: #fff; font-weight: bold;}
    .fuwu_content h4{ font-size: 1.4rem; color: #fff; margin-top: .6rem;}
    .fuwu_a{ width: 8.0rem; display: flex; align-items: center;}
    .fuwu_a a{ display: block; width: 8.0rem; height: 3.0rem; font-size: 1.0rem; font-weight: bold; border-radius: 1.5rem; background: #fff; text-align: center; line-height: 3.0rem; color: #525fee; box-shadow: 0 .8rem 1.6rem rgba(61,73,209,.5);}
    .bottom{background: #282b31; padding: 3.0rem 0;}
    .bottom_content{max-width: 1200px; width: 96%; margin: 0 auto; display: flex;  justify-content: space-between; align-items: flex-start;}
@media screen and (min-width: 560px) {
    .dibu-fixed {
        display: none !important;
    }
    
}
@media  screen and (max-width: 560px) {
    .button_zx {
        display: none !important;
    }
    .bottom_content {
        max-width: 1200px;
        width: 96%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }
    .button_{
        display:none;
    }
}
    .bottom_content .bottom_left{ flex:1}
    .bottom .bottom_logo{ height: 4.0rem;}
    .bottom .bottom_logo img{ height: 100%;}
    .bottom .bottom_tel{ margin-top: 2.0rem;}
    .bottom .bottom_tel h3{ font-size: 1.0rem; color: #a9b1c1; margin-top: .6rem;}
    .bottom .bottom_right{flex: 1; margin:0 3.0rem;}
    .bottom .bottom_right ul{ display: flex; align-items: flex-start; justify-content: space-between; text-align: center; flex-wrap:wrap;}
    .bottom .bottom_right ul li{width:33.3%; text-align:left; margin-bottom:1.0rem}
    .bottom .bottom_right ul li a{ display: block; color: #a9b1c1; font-size: 1.0rem;}
    .bottom .bottom_right ul li a:hover{ color:#fff; text-decoration:underline;}
    .bottom .bottom_right ul li div{ margin-top: 1.2rem;}
    .bottom .bottom_right ul li div a{margin-top: .8rem; font-size: .87rem; color: #a9b1c1;}
    .bq{background: #1e2129; padding: 1.4rem 0; text-align: center; color: #a9b1c1; font-size: .87rem;}
    .banner_inside{ width: 100%; height: 580px; position: relative; overflow: hidden;}
    .banner_inside img{ position: absolute; top: 0; left: 50%; margin-left: -960px;}
    .banner_text{ color: #fff; max-width: 1200px; width: 96%; top: 55%; left: 50%; transform: translate(-50%,-50%); z-index: 9; position: absolute; text-align: center;}
    .banner_text h2{ font-size: 3.0rem; font-weight: bold;}
    .banner_text h3{ font-size: 2rem; margin-top: 1.0rem;}
    .banner_text a{display: block; transition: .5s all; margin: 3.0rem auto 0 auto; width: 15rem;height: 3.6rem; border-radius: 1.8rem; background: #006cff; text-align: center; line-height: 3.6rem; color: #fff;}
    .banner_text a:hover{}
    .wlw_yy{ max-width: 1200px; width: 96%; margin: 4.0rem auto 0 auto;}
    .wlw_yy_content{ margin-top: 2.0rem; display: flex; justify-content: space-between; align-items: center;}
    .wlw_yy_left{ flex: 1; margin-right: 1.5rem;}
    .wlw_yy_left img{ width: 100%;}
    .wlw_yy_right{ flex:1; margin-left: 1.5rem;}
    .wlw_yy_right_title{ font-size: 1.6rem; font-weight: bold; display: flex; align-items: center;}
    .wlw_yy_right_title i{width: 2.0rem; height: 2.0rem; display: flex; align-items: center; justify-content: center; margin-right: 1.0rem;}
    .wlw_yy_right_title img{ display: block; width: 100%;}
    .wlw_yy_right_text{ font-size: 1.0rem; color: #424242; margin-top: 1.0rem; border-bottom: 1px solid #e5e5e5; padding-bottom: 2.0rem; margin-bottom:1.0rem;}
    .wlw_yy_right_ul ul{ display: flex; flex-wrap: wrap;}
    .wlw_yy_right_ul ul li{margin-right: 2.0rem; margin-top: 1.0rem;}
    .wlw_fa{ background: #f4f4f4; margin-top: 4.0rem; padding: 4.0rem 0;}
    .wlw_fa_content{max-width: 1200px; width: 96%; margin: 2.0rem auto 0 auto;}
    .wlw_fa_content ul{ display: flex; align-items: center; justify-content: space-between;}
    .wlw_fa_content ul li{ width: 31%;}
    .wlw_fa_title{ font-size: 1.4rem; font-weight: bold; color: #333; text-align: center;}
    .wlw_fa_img{ width: 100%; height: 0; position: relative; padding-top: 69%; overflow: hidden; border-radius: .6rem; margin-top: 1.0rem;}
    .wlw_fa_img img{ position: absolute; top: 0; left: 0; width: 100%;}
    .wlw_fa_text{ position: absolute; bottom: 0; left: 0; z-index: 9; border-radius: .6rem; background: rgba(0,0,0,.6); text-align: center; padding: 1.0rem 0; width: 100%; color: #fff; font-size: 1.0rem;}
    .wlw_fa_kf{ width: 14rem; height: 4.0rem; margin: 3.0rem auto 0 auto;}
    .wlw_fa_kf a{ display: block; display: flex; width: 100%; height: 100%; background: #0b2143; border-radius: .4rem; color: #fff; align-items: center; justify-content: center; transition: .5s all;}
    .wlw_fa_kf a:hover{ box-shadow: 0 .4rem .8rem rgba(11,33,67,.5);}
    .youshi2{background: no-repeat;}
    .wlw_ny{margin: 4.0rem 0;}
    .wlw_ny_content{ background: url(../images/background_3.jpg) no-repeat 50% 50%;padding: 4.0rem 0; margin-top: 9.0rem;}
    .wlw_ny_content_con{ max-width: 1200px; width: 96%; margin: 0 auto 0 auto; display: flex; justify-content: space-between;}
    .wlw_ny_content_left{ width: 55%; margin-top: -10.0rem; margin-left: -10%;}
    .wlw_ny_content_left img{ width: 100%;}
    .wlw_ny_content_right{ flex: 1; margin-left: 3.0rem; color: #fff; margin-top: 3.0rem;}
    .wlw_ny_content_right h3{ font-size: 1.2rem; font-weight: bold;}
    .wlw_ny_content_right p{ font-size: 1.0rem; margin-top: 2.0rem; line-height: 1.8rem;}
    .wlw_nyfa{margin-top: 4.0rem;}
    .wlw_nyfa_content{margin: 3.0rem auto 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1200px; width: 96%;}
    .wlw_nyfa_text{ width: 25%; background: #fff; display: flex; position: relative;}
    .wlw_nyfa_img_1{ width: 50%;}
    .wlw_nyfa_img_1 div{padding-top: 41%;}
    .wlw_nyfa_img_2{ width: 25%;}
    .wlw_nyfa_img_2 div{padding-top: 82%;}
    .wlw_nyfa_img_3{}
    .wlw_nyfa_img div{ width: 100%; height: 0; overflow: hidden; position: relative;}
    .wlw_nyfa_img div img{ position: absolute; top: 0; left: 0; width: 100%;}
    .wlw_nyfa_text_content{padding: 2.0rem; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center;}
    .wlw_nyfa_text_content h3{ font-size: 1.4rem; font-weight: bold; color: #333;}
    .wlw_nyfa_text_content p{ margin-top: .6rem; color: #666;}
    .wlw_nyfa_text_content a{ display: block; width: 8.0rem; height: 2.5rem; background: #0b2143; text-align:center; line-height: 2.5rem; color: #fff; font-size: .87rem; margin-top: 1rem;}
    .wlw_nyfa_width{ width: 1.6rem; height: 1.6rem; background: #fff; position: absolute; z-index: 9;}
    .wlw_nyfa_text_1 .wlw_nyfa_width{right: -.8rem; top: 50%; margin-top: -.8rem; transform: rotate(45deg);}
    .wlw_nyfa_text_2 .wlw_nyfa_width{top: -.8rem; left: 50%; margin-left: -.8rem; transform: translateX(-50%); transform: rotate(45deg);}
    .wlw_nyfa_text:hover{background: #0b2143; color: #fff;}
    .wlw_nyfa_text:hover .wlw_nyfa_text_content h3{color: #fff;}
    .wlw_nyfa_text:hover .wlw_nyfa_text_content p{color: #fff;}
    .wlw_nyfa_text:hover .wlw_nyfa_text_content a{ color: #0b2143; background: #fff;}
    .wlw_nyfa_text:hover .wlw_nyfa_width{background: #0b2143;}
    .wlw_mk{ background: url(../images/background_4.jpg) no-repeat 50% 50%; width: 100%; padding: 3.0rem 0; margin-top: 4.0rem;}
    .wlw_mk_content{max-width: 1200px; width: 96%; margin: 3.0rem auto 0 auto; position: relative;}
    .wlw_mk .mySwiper{ padding-bottom: .3rem; width: 50%; margin:0; position: absolute; top: 0; left: 0; z-index: 9;}
    .wlw_mk .mySwiper .swiper-wrapper{border-bottom: .2rem solid rgba(255,255,255,.6); font-size: 1.0rem; position: relative; text-align: center; color: rgba(255,255,255,.6);}
    .wlw_mk .mySwiper .swiper-slide{padding-bottom: 1.0rem;}
    .wlw_mk .mySwiper .swiper-slide-thumb-active{ color: #fff; font-size: 1.2rem; font-weight: bold;}
    .wlw_mk .mySwiper .swiper-slide-thumb-active .wlw_mk_width{ width: 100%; position: absolute; bottom: -.3rem; left: 0%; height: .4rem; border-radius: .2rem; background: #006cff;}
    .wlw_mk .mySwiper2 .swiper-slide{ display: flex; justify-content: space-between; }
    .wlw_mk .mySwiper2 .wlw_mk_left{ width: 50%; margin-top: 6.0rem; color: #fff;}
    .wlw_mk .mySwiper2 .wlw_mk_left h3{ font-size: 1.4rem; font-weight: bold;}
    .wlw_mk .mySwiper2 .wlw_mk_left p{ font-size: .87rem; margin-top: 1.0rem; }
    .wlw_mk .mySwiper2 .wlw_mk_left a{ display: block; width: 12rem; height: 3.0rem; text-align: center; line-height: 3.0rem; border-radius: .4rem; background: #fff; margin-top: 3.0rem; color: #006cff;}
    .wlw_mk .mySwiper2 .wlw_mk_right{width: 34%;}
    .wlw_mk .mySwiper2 .wlw_mk_right img{ width: 100%;}
    .wlw_jjfa{margin: 4.0rem 0;}
    .wlw_jjfa_content{ margin: 3.0rem auto 0 auto; max-width: 1200px; width: 96%;}
    .wlw_jjfa_content ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
    .wlw_jjfa_content ul li{ width: 31%; border: 1px solid #e5e5e5;}
    .wlw_jjfa_content ul li .wlw_jjfa_img{ width: 100%; height: 0; padding-top: 58%; overflow: hidden; position: relative;}
    .wlw_jjfa_content ul li .wlw_jjfa_img img{ position: absolute; top: 0; left: 0; width: 100%;}
    .wlw_jjfa_content ul li .wlw_jjfa_text{ padding: 2.0rem;}
    .wlw_jjfa_content ul li .wlw_jjfa_text h3{ font-size: 1.3rem; font-weight: bold; color: #333;}
    .wlw_jjfa_content ul li .wlw_jjfa_text p{ font-size: .87rem; color: #666; margin-top: 1.0rem;}
    .about_xit{ background: #f4f7fc; padding: 4.0rem 0;}
    .about_xit_content{margin: 0rem auto 0 auto; max-width: 1200px; width: 96%;}
    .about_xit_content_con{ display: flex; margin-top: 3.0rem;}
    .about_xit .about_xit_left{ flex: 1; margin-right: 3.0rem;}
    .about_xit .about_xit_left img{ width: 100%;}
    .about_xit .about_xit_right{width: 50%;}
    .about_xit .about_xit_title{ display: flex; font-size: 1.3rem; font-weight: bold;}
    .about_xit .about_xit_title i{width: 1.6rem; height: 1.6rem; display: flex; align-items: center; justify-content: center; margin-right: 1.0rem;}
    .about_xit .about_xit_title i img{ width: 100%;}
    .about_xit_text{ font-size: 1.0rem; color: #333; margin-top: 1.0rem;}
    .about_xit_ul{margin-top: 1.0rem;}
    .about_xit_ul ul li{ font-size: 1rem; margin-top: .6rem; display: flex; font-size:.87rem}
    .about_xit_ul ul li p{ flex:1; margin-left:.5rem;}
    .about_xit_ul ul li i{ width: .4rem; height: .4rem; border-radius: 50%; background: #0b72ff; display: block; margin-top: .6rem; margin-right: 1.0rem;}
    .about_xit_ul li{ color:#666}
    .about_xit_ul li span{ color:#006cff; font-weight:bold}
    .about_youshi{ margin: 4.0rem auto 0 auto; max-width: 1200px; width: 96%;}
    .about_youshi_content{ margin-top: 3.0rem;}
    .about_youshi ul{ display: flex; justify-content: space-between;}
    .about_youshi ul .about_ys{ width: 26%; cursor: pointer;}
    .about_youshi ul .about_h{ width: 1px; background: #e5e5e5;}
    .about_youshi .about_youshi_img{ width: 100%; height: 0; overflow: hidden; padding-top: 62%; position: relative;}
    .about_youshi .about_youshi_img img{ position: absolute; top: 0; left: 0; width: 100%;}
    .about_youshi .about_youshi_img .about_youshi_1{ opacity: 1; transition: .5s all;}
    .about_youshi .about_youshi_img .about_youshi_2{ opacity: 0; transition: .5s all;}
    .about_youshi ul .about_ys:hover .about_youshi_img .about_youshi_1{ opacity: 0;}
    .about_youshi ul .about_ys:hover .about_youshi_img .about_youshi_2{ opacity: 1;}
    .about_youshi ul .about_ys:hover .about_youshi_text h3{color: #0b72ff;}
    .about_youshi ul .about_ys:hover .about_youshi_text a{ background: #0b72ff; color: #fff;}
    .about_youshi .about_youshi_text{text-align: center;}
    .about_youshi .about_youshi_text h3{ font-size: 1.4rem; font-weight: bold; color: #333; transition: .5s all;}
    .about_youshi .about_youshi_text p{ margin-top: 1.0rem; font-size: 1.0rem; color: #666;}
    .about_youshi .about_youshi_text a{ width: 8.0rem; height: 2.5rem; border: 1px solid #0b72ff; border-radius: .4rem; display: flex; align-items: center; justify-content: center; font-size: 1.0rem; color: #0b72ff; margin: 2.0rem auto 0 auto;transition: .5s all;}
    .about_youshi ul .about_ys .about_youshi_text a:hover { box-shadow: 0 .3rem .6rem rgba(15,81,231,.4);}
    .about_anquan{ margin-top: 4.0rem;background: url(../images/background_5.jpg) no-repeat 50% 0; padding-top: 3.0rem;}
    .about_anquan_content{ margin: 2.0rem auto 0 auto; max-width: 1200px; width: 96%;}
    .about_anquan h3{ font-size: 1.1rem; color: #fff;text-align: center;}
    .about_anquan h4{ font-size: .87rem; color: #fff; text-align: center;}
    .about_anquan_back{background: #fff; padding: 2.0rem; margin-top: 2.0rem; box-shadow: 0 .3rem .8rem rgba(0,108,255,.4);}
    .about_anquan_back ul{ display: flex; justify-content: space-between;}
    .about_anquan_back .about_anquan_c{ width: 30%;}
    .about_anquan_back .about_anquan_img{width: 5.0rem; height: 5.0rem; margin: 0 auto;}
    .about_anquan_back .about_anquan_img img{ width: 100%;}
    .about_anquan_back .about_anquan_text{text-align: center; margin-top: .4rem; font-size: 1.1rem; color: #333;}
    .about_anquan_back .about_anquan_h{ width: 2px; background:linear-gradient(to top, rgba(25,193,193,0),rgba(25,193,193,1),rgba(25,193,193,0));}

    .about_fuwu{max-width: 1200px; width: 96%; margin:4.0rem auto 0 auto;}
    .about_fuwu_height{width: 1px; height: 10rem; background: #70aedc; margin: -3rem auto 3.0rem auto;}
    .about_fuwu_h3{ font-size: 1.8rem; font-weight: bold; color: #0b2143; text-align: center;}
    .about_fuwu_h4{ font-size: 1.5rem; color: #0b2143; text-align: center; margin-top: 1.0rem;}
    .about_fuwu_content{ display: flex; align-items: center; justify-content: center; margin-top: 3.0rem;}
    .about_fuwu_content a{ width: 14.0rem; margin: 0 2.0rem; height: 4.0rem; border-radius: 2rem; color: #fff; display: flex; align-items: center; justify-content: center;}
    .about_fuwu_zixun{background: #f39904;}
    .about_fuwu_biaodan{background: #0b2143;}
    .about_fuwu_content a span{ display: block; margin-right: 1.0rem;}
    .about_fuwu_img{ width: 8.0rem; margin: 0 auto 3.0rem auto; display: flex; align-items: center;}
    .about_fuwu_img span{ width: .6rem; height: .6rem; border-radius: .5rem; background: #0b72ff;}
    .about_fuwu_img i{ width: 6.8rem; height: .1rem; background: #0b72ff;}
    .about_wt{margin:4.0rem auto 0 auto; max-width: 1200px; width: 96%;}
    .about_wt_content{margin-top: 3.0rem;}
    .about_wt ul li{border-top: 1px solid #e5e5e5;}
    .about_wt ul li .about_wt_title{ font-size: 1.1rem; color: #333; font-weight: bold; padding: 1.5rem 0;}
    .about_wt ul li .about_wt_title h3{font-weight: bold;}
    .about_wt ul li .about_wt_content_text{background: #fafafa; font-size: .87rem; height: 0; overflow: hidden;}
    .about_wt ul li .about_wt_content_text p{ margin: 1.0rem 0;}
    .about_wt ul .about_wt_curr .about_wt_content_text{height: auto;}
    .about_wt ul li .about_wt_content_text_padd{ padding:1.0rem 2.0rem;}
    .about_ly{margin:4.0rem auto; max-width: 1200px; width: 96%;}
    .about_ly_form{margin-top: 3.0rem;}
    .about_ly_form form{ display: flex; justify-content: space-between; flex-wrap: wrap;}
    .about_ly textarea{ padding: 1.0rem; width: calc(100% - 2.0rem - 2px); border: 1px solid #e5e5e5; height: 5.0rem;}
    .about_ly input{ width: calc(50% - 3rem); border: 1px solid #e5e5e5; margin-top: 2.0rem;padding:.5rem 1.0rem; height: 2.0rem;}
    .about_ly button{ margin-top: 2.0rem; width: 12rem; height: 3.0rem; background: #0b72ff; color: #fff; display: flex; align-items: center; justify-content: center; border: none; font-size: 1.0rem; border-radius: .2rem;}
    .about_banner{ background: url(../images/background_6.jpg) no-repeat 50% 50%; padding:3.0rem 0}
    .about_banner_content{ max-width: 1200px; width: 96%; margin: 0 auto;}
    .about_banner h3{ font-size: 1.2rem; color: #fff; font-weight: bold; text-align: center;}
    .about_banner a{ width: 10rem; height: 3.0rem; background: #0b72ff; color: #fff; display: flex; align-items: center; justify-content: center; margin: 2.0rem auto 0 auto;}
    .about_xit_2{ background: #fff;}
    .about_gongneng{max-width: 1200px; margin: 4.0rem auto 0 auto; width: 96%;}
    .about_gonneng_content{margin-top: 3.0rem;}
    .about_gonneng_content ul li{width: 31%;}
    @media screen and (min-width: 500px) {
    .about_gonneng_content ul li:nth-child(n+4) {
        margin-top: 3rem;
    }
     }
       
    .about_gongneng ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
    .about_gongneng ul li{ width: 30%; background: rgba(15,81,231,.08); border-radius: .8rem; transition: .5s all;}
    .about_gongneng .about_gongneng_icon{width: 6.0rem; height: 6.0rem; margin: 0 auto;}
    .about_gongneng .about_gongneng_icon img{ width: 100%;}
    .about_gongneng .about_gongneng_text{margin-top:2.0rem;}
    .about_gongneng .about_gongneng_text h3{ font-size: 1.4rem; font-weight: bold; color: #333; text-align: center; transition: .5s all;}
    .about_gongneng .about_gongneng_text p{ font-size: .87rem; color: #333; text-align: center; margin-top: 1.0rem; transition: .5s all;}
    .about_gongneng .about_gongneng_text a{ display: block; width: 8.0rem; height: 2.6rem; display: flex; align-items: center; justify-content: center; background: #0f51e7; border-radius: .2rem; color: #fff; font-size: .87rem; margin: 1.0rem auto 0 auto; transition: .5s all;}
    .about_gongneng_padd{ padding:3.0rem 2.0rem;}
    .about_gongneng ul li:hover{background:rgba(15,81,231,.8);}
    .about_gongneng ul li:hover .about_gongneng_text h3{color: #fff;}
    .about_gongneng ul li:hover .about_gongneng_text p{color: #fff;}
    .about_gongneng ul li:hover .about_gongneng_text a{background: #fff; color: #0f51e7;}
    .about_gongneng .about_gongneng_text a:hover{ box-shadow: 0 .3rem .8rem rgba(255,255,255,.4);}
    .about_fangan{margin-top: 4.0rem; }
    .about_fangan_content{max-width: 1200px; margin:3.0rem auto 0 auto; width: 96%; padding: 4.0rem 0;}
    .about_fangan ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
    .about_fangan ul li{ width: 31%; position: relative; background: #fff;}
    .about_fangan .about_fangan_img{width: 100%; height: 0; overflow: hidden; padding-top: 50%; position: relative;}
    .about_fangan .about_fangan_img img{ position: absolute; top: 0; left: 0; width: 100%;}
    .about_fangan .about_fangan_text{padding:2.0rem 1.0rem 2.5rem 1.0rem}
    .about_fangan .about_fangan_text h3{ font-size: 1.3rem; color: #333; font-weight: bold;}
    .about_fangan .about_fangan_text p{ font-size: .87rem; color: #666; margin-top: 1.0rem;}
    .about_fangan .about_fangan_bottom{ width: 100%; height: .5rem; background: #1b1f2c; position: absolute; bottom: 0; left: 0;}
    .about_youshi2{margin: 4.0rem auto;}
    .news_tab{max-width: 1200px; width: 96%; margin: 3.0rem auto 0 auto;}
    .news_tab_content{ border:2px solid #e5e5e5; display: flex;max-width: 280px; width: 96%; height: 3.0rem;}
    .news_tab_content a{width: 50%; display: block; display: flex; align-items: center; justify-content: center;}
    .news_tab .news_tab_curr{background: #0f51e7; color: #fff;}
    .news_tab a:hover{background: #0f51e7; color: #fff;}
    .news_list{flex: 1; }
    .news_right{margin-left: 3.0rem; width: 32%;}
    .nwes{max-width: 1200px; width: 96%; margin: 3.0rem auto 0 auto; display: flex;}
    .news_list ul li{ border-bottom: .2rem solid #e5e5e5; padding-bottom: 1.6rem; margin-bottom: 2.0rem;}
    .news_list ul li a{ display: flex;}
    .news_list ul li .news_list_img{ width: 28%;}
    .news_list ul li .news_list_img_padd{ width: 100%; height: 0; padding-top: 78%; overflow: hidden; position: relative;}
    .news_list ul li .news_list_img img{ position: absolute; top: 0; left: 0; width: 100%;}
    .news_list ul li .news_list_text{ flex: 1; margin-left: 2.0rem;}
    .news_list ul li .news_list_text h3{ font-size: 1.1rem; font-weight: bold; color: #333;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .news_list ul li:hover .news_list_text h3{color: #006cff;}
    .news_list ul li .news_list_text p{ font-size: .87rem; color: #666; margin-top: 1.0rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;}
    .news_tel{ display: flex; justify-content: space-between; margin-bottom: 2.0rem;}
    .news_tel_con{ width:32%; cursor: pointer; transition: .5s all;}
    .news_tel_con:nth-child(1){background: #0b2143;}
    .news_tel_con:nth-child(1):hover{box-shadow:0 .3rem .6rem rgba(11,33,67,.3);}
    .news_tel_con:nth-child(2){background: #0f51e7;}
    .news_tel_con:nth-child(3){background: #f39904;}
    .news_tel_con_con{height: 0; padding-top: 100%; overflow: hidden; position: relative; display: block; }
    .news_tel_con a{height: 0; padding-top: 100%; overflow: hidden; position: relative; display: block; }
    .news_tel_con_kf{display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; flex-direction: column;}
    .news_tel_con_kf img{ width: 4.0rem;}
    .news_tel_con_kf h4{ color: #fff; font-size: 1.1rem; font-weight: bold; margin-top: .6rem;}
    .news_tel_text{display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; flex-direction: column;}
    .news_tel_text img{ width: 4.0rem;}
    .news_tel_text h4{ color: #fff; font-size: 1.1rem; font-weight: bold; margin-top: .6rem;}
    .news_tel_img{ position: absolute; top: 50%; left: 50%; width: 90%; height: 90%; margin-top: -45%; margin-left: -45%; background: #fff; transform: scale(0); transition: .5s all;}
    .news_tel_img img{width: 100%;}
    .news_tel_con:Hover .news_tel_img{transform: scale(1);}
    .news_right_title{ font-size: 1.4rem; font-weight: bold; color: #333; margin-bottom: 1.0rem;}
    .news_right_news{ width: 100%; height: 0; overflow: hidden; padding-top: 50%; position: relative;}
    .news_right_news_img img{ position: absolute; top: 0; left: 0; width: 100%;}
    .news_right_text{ position: absolute; z-index: 9; bottom: 0; left: 0; width: calc(100% - 2.0rem); padding: 1.0rem; color: #fff; background: rgba(0,0,0,.5);}
    .news_right_list ul li{margin-top: 2.0rem; border-bottom: .2rem solid #e5e5e5; padding-bottom: 1.0rem;}
    .news_right_list ul li a{ display: flex;}
    .news_right_list ul li .news_right_list_img{ width: 28%;}
    .news_right_list ul li .news_right_list_img_padd{ width: 100%; height: 0; padding-top: 78%; overflow: hidden; position: relative;}
    .news_right_list ul li .news_right_list_img_padd img{ position: absolute; top: 0; left: 0; width: 100%;}
    .news_right_list ul li .news_right_list_text{ flex: 1; margin-left: 1.0rem;}
    .news_right_list ul li .news_right_list_text h3{ font-size: 1.1rem; font-weight: bold; color: #333;}
    .news_right_list ul li .news_right_list_text p{ font-size: .87rem; color: #666; margin-top: .6rem;}
    .news_right_list ul li:hover h3{ color: #006cff;}
    .news_list_paga{margin-top: 3.0rem; margin-bottom: 4.0rem; display:flex; align-items:center; justify-content:center;}
    .news_list_paga ol{ display: flex;}
    .news_list_paga ol .page_curr{ background: #f39904; color: #fff;}
    .news_list_paga ol li{ height: 2.0rem; display: flex; align-items: center; justify-content: center; margin-right: 1.0rem; border-radius: .4rem;}
    .news_list_paga ol li a{ border: 1px solid #e5e5e5; padding:0 1.0rem; display: flex;align-items: center; justify-content: center; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: .4rem;}
    .news_list_paga ol li a:hover{background-color: #f39904; color: #fff; border: 1px solid #f39904;}
    .news_content_t{flex: 1; margin-bottom: 5.0rem;}
    .news_content_t h1{ font-size: 2.0rem; font-weight: bold; color: #333;}
    .news_content_t_content{ margin-top: 1.6rem; border-top: 1px solid #e5e5e5; padding-top: 1.6rem;}
    .news_content_t_content p{ font-size: .87rem; margin-top: 1.0rem; color: #666;}
    .news_content_t_content img{ display: block; margin: 1.0rem auto 0 auto; max-width: 100%;}
    .news_content_t_page{margin-top: 3.0rem; border-top: 1px solid #e5e5e5; padding-top: 1.0rem;}
    .news_content_t_page h3{ font-size: 1.0rem; color: #333; margin-top: 2.0rem;}
    .news_content_t_page h3 a:hover{ color: #0f51e7;}
    .fixed{ position: fixed; top: 50%; right: 1.0rem; width: 5.0rem; z-index:99999}
    .fixed_zixun{ width: 5.0rem; height: 5.0rem; background: #4856f3;}
    .fixed_zixun a{ display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; width: 100%;}
    .fixed_zixun a img{ width: 2.6rem;}
    .fixed_zixun a h4{ color: #fff;}
    .fixed_fc{ width: 5.0rem; height: 5.0rem; background: #4856f3; position: relative;}
    .fixed_fc{ display: flex; align-items: center; justify-content: center; flex-direction: column; margin-top: 1.0rem; cursor: pointer;}
    .fixed_fc_a{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; position: absolute; z-index: 9; width: 100%; height: 100%;}
    .fixed_fc img{ width: 2.6rem;}
    .fixed_fc h4{ color: #fff;}
    .fixed_fc_div{ position: absolute; top: 4rem; left: 0rem; background: #fff; box-shadow:0 .3rem .7rem rgba(72,86,243,.5); border-radius: .4rem; width: 11rem; padding: 1.0rem; transition: .5s all; opacity: 0;}
    .fixed_fc_div h3{ font-size: .87rem; color: #333;}
    .fixed_fc_div h4{ font-size: 1.4rem; color: #4856f3; font-weight: bold;}
    .fixed_fc_gzh{position: absolute; top: 4rem; left: -0em; background: #fff; box-shadow:0 .3rem .7rem rgba(72,86,243,.5); border-radius: .4rem; width: 9rem; height: 9rem; padding: 1.0rem; transition: .5s all; opacity: 0;;}
    .fixed_fc_gzh img{width: 100%;}
    .fixed_fc_gzh h4{ font-size: .87rem; color: #333; text-align: center; margin-top: .4rem;}
    .fixed_fc:hover .fixed_fc_div{ opacity: 1;top: 0; left: -14rem; }
    .fixed_fc:hover .fixed_fc_gzh{ opacity: 1;top: 0; left: -12rem; }
.wulian {
    display: flex;
    align-items: center;
    width: 96%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
    .wulianwang_{ background:url(../images/img_back_3.jpg) no-repeat 50% 0; background-size:1920px; width:100%; max-width:100%; margin:0; padding-top:1px;}
    .wulianwang_ .title1{ margin-top:4.0rem}
    .wulian_right{ margin-left:5.0rem}
    .wulian_right_text {
        display: none;
    }
    .active {
        display: block !important
    }
    .wulian_right_text h3{ font-size:1.4rem}
    .wulian_right_text p{ font-size:1.0rem; margin-top:2.0rem;}
.banner_mz {
    width: 100%;
    height: 580px;
    position: relative;
    overflow: hidden;
}

    .banner_mz img {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -960px;
    }

    .banner_mz .banner_text {
        color: #fff;
        max-width: 1200px;
        width: 96%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: 3.0rem;
        text-align: left;
    }

        .banner_mz .banner_text h1 {
            font-size: 3.0rem;
            font-weight: bold;
        }

        .banner_mz .banner_text p {
            font-size: 1.0rem;
            margin-top: .8rem;
        }

.mozu_list {
    background: #f4f4f4;
}

.mozu_content {
    max-width: 1200px;
    align-items: flex-start;
    margin: 0 auto;
    padding: 4.0rem 0 9.0rem 0;
    display: flex;
    width: 96%;
    justify-content: space-between;
}

.mozu_left {
    max-width: 200px;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,.1);
}

    .mozu_left ul {
    }

        .mozu_left ul li {
            margin-top: 1.8rem;
        }

            .mozu_left ul li a {
                display: flex;
                justify-content: space-between;
                text-indent: 0;
                transition: all .3s;
                align-items: center;
                height: 2.4rem;
            }

                .mozu_left ul li a:hover {
                    color: #1d8bff;
                    text-indent: 1.0rem;
                }

.mozu_right {
    flex: 1;
    margin-left: 2.0rem;
}

    .mozu_right ul {
        display: flex;
        flex-wrap: wrap;

        /*justify-content: space-between;*/
    }

        .mozu_right ul::after {
            content: '';
            width: 24%;
        }

        .mozu_right ul li {
            width: 24%;
            margin-bottom: 2.0rem;
            margin:0 0.5%;
        }

.mozu_img {
    width: 100%;
    height: 0;
    padding-top: 100%;
    overflow: hidden;
    position: relative;
}

    .mozu_img img {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
    }

.mozu_padding {
    padding: 1.0rem;
    background: #fff;
}

    .mozu_padding .mozu_img_more {
        position: absolute;
        top: 0;
        left: 0;
        transition: all .3s;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.0);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

        .mozu_padding .mozu_img_more span {
            display: flex;
            align-items: center;
            transition: all .3s;
            opacity: 0;
        }

            .mozu_padding .mozu_img_more span i {
                display: block;
                transition: all .3s;
            }

.mozu_text {
    margin-top: 1.0rem;
    font-weight: bold;
    color: #222;
}

.mozu_a {
    margin-top: 1.0rem;
    height: 2.4rem;
    position: relative;
}

    .mozu_a a {
        position: absolute;
        bottom: -1.6rem;
        background: #e84545;
        width: 7.0rem;
        height: 2.4rem;
        border-radius: .2rem;
        color: #fff;
        color: #333;
        opacity: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.0rem;
        color: #fff;
        text-align: center;
        font-size: .87rem;
        transition: all .3s;
    }
        /* .mozu_a a:nth-child(1){left: 0rem; transition: all .3s;}
    .mozu_a a:nth-child(2){left: 7.0rem; transition: all .5s;} */
        .mozu_a a i {
            font-size: .87rem;
            margin-left: .2rem;
            display: block;
            transition: all .5s;
        }

.mozu_right ul li:hover a {
    bottom: 0;
    opacity: 1;
}
/* .mozu_a a:nth-child(1):hover{ color: #e84545;transition: all 0s;}
    .mozu_a a:nth-child(2):hover{ color: #1d8bff;transition: all 0s;} */
.mozu_a a:hover {
    box-shadow: 0 4px 10px rgba(232,69,69,.3);
}

.mozu_left_title {
    border-bottom: 1px solid #e5e5e5;
    font-size: 1.8rem;
    color: #333;
    font-weight: bold;
    padding-bottom: 1.0rem;
    margin-bottom: 1.0rem;
}

    .mozu_left_title img {
        width: 1.8rem;
        display: block;
        margin-bottom: .8rem;
    }

.mozu_padding_a:hover .mozu_img_more {
    background: rgba(0,0,0,.6)
}

    .mozu_padding_a:hover .mozu_img_more span {
        opacity: 1;
    }

.mozu_padding_a .mozu_img_more span:hover i {
    margin-left: 1.0rem;
}

.mozu_left_content {
    padding: 2.0rem 1.0rem;
}

    .mozu_left_content i {
        color: #666;
        font-size: .87rem;
    }

.mozu_curr a {
    color: #1d8bff;
    text-indent: 1.0rem !important;
    background: linear-gradient(to left, rgba(29,139,255,.0),rgba(29,139,255,0.2));
    border-left: .3rem solid #1d8bff;
}

    .mozu_curr a i {
        color: #1d8bff;
    }

.changjing {
    max-width: 1200px;
    padding-top: .1rem;
    width: 90%;
    margin: -6.0rem auto 0 auto;
    background: #fff;
    border-radius: 1.0rem;
    box-shadow: 0 .3rem .5rem rgba(0,0,0,.1);
}

.changjing_text {
    flex: 1;
    margin-left: 2.0rem;
}

.changjing_content {
    padding: 2.0rem;
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    flex-wrap: wrap;
}

.coangjing_title {
    text-align: center;
    margin-top: 3.0rem;
    font-size: 2.0rem;
}

.changjing_content_div {
    border-bottom: 1px solid #ccc;
    width: calc(100% - 4rem);
    padding: 0 2rem;
    display: flex;
    align-items: center;
    padding-bottom: 1rem;
    margin: 0.5rem 0;
}

.changjing_text ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .changjing_text ul li {
        margin: .8rem 1.0rem .8rem 0;
        padding-right: 1.0rem;
        height: .8rem;
        line-height: .8rem;
        border-right: 1px solid #ccc;
    }

.changjing_icon_icon img {
    width: 3.0rem;
    display: block;
    margin: 0 auto;
}

.changjing_icon_text {
    font-size: 1.0rem;
    /*margin-top: 1.0rem;*/
    font-size:1.3rem;
    font-weight:bold;
}

.changjing_text ul li:last-child {
    border: none;
}

.mozu_right_content {
    padding: 2.0rem;
    background-color: #fff;
}

.mozu_show {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
}

.mozu_show_img {
    width: 30%;
}

.mozu_show_img_img {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
}

    .mozu_show_img_img img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
    }

.mozu_show_text {
    margin-left: 2.0rem;
    flex: 1;
}

.mozu_show h1 {
    font-size: 1.6rem;
    font-weight: bold;
    color: #333;
}

.mozu_show_text P {
    margin-top: 2rem;
}

.mozu_show_text a {
    width: 9.0rem;
    height: 3rem;
    transition: all .5s;
    background: #de1f1f;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-top: 2.0rem;
    border-radius: .4rem;
}

    .mozu_show_text a:hover {
        box-shadow: 0 8px 20px rgba(232,69,69,.3);
    }

.mozu_show table {
    margin-top: 2.0rem;
}

    .mozu_show table tr:nth-child(1) {
    }

        .mozu_show table tr:nth-child(1) th {
            border-bottom: 0;
            background: #de1f1f !important;
            color: #fff;
        }

    .mozu_show table tr:nth-child(2) th {
        background: none;
        border-bottom: 2px solid #333;
    }

    .mozu_show table th {
        text-align: left;
        text-indent: 1.0rem;
        border-bottom: 1px solid #ccc;
        height: 3.0rem;
        background: #e5e5e5;
    }

    .mozu_show table td {
        border-bottom: 1px solid #ccc;
        text-indent: 1.0rem;
        height: 2.0rem;
        font-weight: 500;
    }

        .mozu_show table td:nth-child(2) {
            color: #666;
            font-weight: normal;
        }

.mozu_show_fanye {
    padding: 3.0rem 0 0 0;
    border-top: 1px solid #ccc;
    background: #fff;
    /*flex-wrap: wrap;*/
    margin-top: 4.0rem;
    align-items: center;
}

.mozu_show_div {
    margin-bottom: 2.0rem;
}

    .mozu_show_div a {
        font-size: 1.2rem;
        font-weight: bold;
        display: block;
        margin-top: .5rem;
    }

        .mozu_show_div a:hover {
            color: #1d8bff;
            text-decoration: underline;
        }

.mozu_list h2 {
    font-size: 2.0rem;
    color: #333;
    margin-top: 2.0rem;
    margin-bottom: 1.0rem;
    font-weight: bold;
}
    @media screen and (max-width:560px) {
        .wulian{ flex-wrap:wrap;}
        .wulian_left{margin:0 auto;}
        .wulian_right{ margin-left:0; margin-top:2.0rem; width:100%;}
        .module_content_padd{padding: 2.0rem;}
        .module .mySwiper2 .swiper-slide .module_tad_right{ display: none;}
        .module .mySwiper2 .swiper-slide .module_tad_left{margin: 0;}
        .module .module_tad_button span{margin-top: 1.0rem; margin-left: 0;}
        .module .mySwiper .swiper-slide{ font-size: 1.2rem;}
        .module .module_tad_title{ font-size: 1.3rem;}
        .module .module_tad_title i{ width: 1.6rem;}
        .module .mySwiper2{margin-top: 2.0rem;}
        .lianxi_height{ display: none;}
        .lianxi{margin-top: 4.0rem;}
        .lianxi_content a{margin: 0 1.0rem;}
        .fangan_right{ display: none;}
        .fangan_left{ width: 100%;}
        .jieshao_text_padd{padding: 1.0rem;}
        .jieshao_text{width: 90%; margin-left: 5%;}
        .jieshao_content .swiper-button-next, .jieshao_content .swiper-rtl .swiper-button-prev{right: 2%;}
        .jieshao_content .swiper-button-prev, .jieshao_content .swiper-rtl .swiper-button-next{left: 2%;}
        .news_index_left{ width: 100%; margin-right: 0; border-bottom: 1px solid #e5e5e5; padding-bottom: 1.0rem;}
        .news_index_ul ul li{ width: 100%;}
        .bottom_right{ display: none;}
        .bottom_content .bottom_left{ width: 100%; margin-right: 0;}
        .introduce_text{margin: 0 0 0 2.0rem;}
        .introduce_text h4{ display: none;}
        .introduce_button{ display: none;}
        .service_content ul li{ width: 48%; margin-top: 2.0rem;}
        .service_content{ margin: 0rem;}
        .service_li_t{ margin: .5rem;}
        .service_content .service_li_content{margin-top: 1.0rem;}
        .service_content .service_li_content{ padding-top: 130%;}
        .service_li_icon{ display: none;}
        .service_li_t p{ font-size: .87rem;}
        nav{ position: fixed; top: 0rem; left: -100%; transition: .5s all; width: 100%; height: 100%;}
        .nav_tel{ display: none;}
        .nav_icon{ width: 3.0rem; display: flex; align-items: center; justify-content: center; border-radius: .4rem; height: 3.0rem;}
        .nav_icon img{width: 2.0rem;}
        .nav_icon_curr{ background: rgba(0,0,0,.5);}
        .nav nav ul{ width: 70%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; flex-direction: column; padding-top: 3.0rem; background: #fff;}
        .nav nav ul li{margin-top: .4rem;}
        .nav nav ul li a{ justify-content: flex-start; color: #333; height: 3.0rem; font-weight: bold;}
        .nav nav ul li .nav_curr_con{ height: auto; position: relative; left: 0; margin-left: 3rem; width: auto; background: none;}
        .nav nav ul li .nav_curr_con a{ height: 2.0rem; color: #666; font-weight: normal;}
        .nav nav ul .nav_curr{background: none; color: #1d8bff;}
        .nav nav ul li:hover{background: #fff;}
        .nav_back{ position: absolute; width: 100%; height: 100%; display: block;}
        .youshi_ul ul{ flex-wrap: wrap;}
        .youshi_ul ul li{ width: 100%; flex-direction: initial; background: #fff; border-radius: .6rem; margin:.6rem 0; padding: 1.0rem 0; justify-content: flex-start;box-shadow: 0 .3rem .9rem rgba(15,81,231,.1);}
        .youshi_ul ul .youshi_text{margin: 0 2.0rem 0 1.0rem; text-align: left;}
        .youshi_ul ul .youshi_text h4 br{display: none;}
        .youshi_ul ul li .youshi_img{margin-left: 2.0rem;}
        .youshi_ul{margin-top: 2.0rem;}
        .contact_tel{ display: none;}
        .wlw_yy_left{ display: none;}
        .wlw_yy_right{margin: 0;}
        .banner_text h2{ font-size: 2.4rem;}
        .banner_text h3{ font-size: 1.3rem;}
        .banner_inside{ height: 400px;}
        .banner_inside img{height: 100%;}
        .wlw_ny_content_left{ display: none;}
        .wlw_ny_content{margin-top: 3.0rem;}
        .wlw_ny_content_right{margin: 0;}
        .wlw_nyfa_text{ width: 50%;}
        .wlw_nyfa_img_1 div{ padding-top: 107%;}
        .wlw_nyfa_img div img{ width: auto; height: 100%;}
        .wlw_nyfa_img_2{ width: 50%;}
        .wlw_nyfa_img_2 div{ padding-top: 107%;}
        .wlw_nyfa_img_2:nth-child(1){ display: none;}
        .wlw_nyfa_text_content p{ font-size: .87rem;}
        .wlw_nyfa_text_content{ padding: 1.0rem;}
        .wlw_nyfa_text_1 .wlw_nyfa_width{left: 0;}
        .wlw_mk .mySwiper2 .wlw_mk_right{ display: none;}
        .wlw_mk .mySwiper{ width: 100%;}
        .wlw_mk .mySwiper2 .wlw_mk_left{ width: 100%;}
        .wlw_jjfa_content ul li{ width: 100%; margin-top: 2.0rem;}
        .wlw_jjfa_content{margin-top: 1.0rem;}
        .banner_text_index .banner_text_mo{ display: block;}
        .banner_text_index .banner_text_pc{ display: none;}
        .banner{ height: 400px;}
        .banner_content a{width: 12rem; height: 3.0rem; line-height: 3.0rem;}
        .about_xit .about_xit_left{ display: none;}
        .about_xit .about_xit_right{ width: 100%;}
        .about_youshi ul{ flex-wrap: wrap;}
        .about_youshi ul .about_ys{ width: 100%; display: flex;}
        .about_youshi ul .about_h{height: 1px; width: 100%; background: #e5e5e5; margin: 1.4rem 0;}
        .about_youshi .about_youshi_text{ text-align:left; flex: 1; margin-left: 1.0rem;}
        .about_youshi .about_youshi_text a{margin: 1.2rem 0 0 0 ;}
        .about_youshi .about_youshi_img{width: 40%; padding-top: 30%;}
        .about_fuwu_content a{margin: 0 .5rem;}
        .about_gongneng ul li{ width: 100%; margin-top: 1.0rem;}
        .about_gongneng_padd{ display: flex; align-items: flex-start; padding: 1.0rem;}
        .about_gongneng .about_gongneng_text{ flex: 1; margin: 0; margin-left: 1.0rem;}
        .about_gongneng .about_gongneng_text h3{text-align: left;}
        .about_gongneng .about_gongneng_text p{text-align:left;}
        .about_gongneng .about_gongneng_text a{margin: 1.0rem 0 0 0;}
        .about_gongneng .about_gongneng_icon{width: 5.0rem; height:5.0rem;}
        .about_gonneng_content{margin-top: 2.0rem;}
        .about_fangan ul li{ width: 48%;}
        .about_fangan ul li:nth-child(3){ width: 100%; margin-top: 2.0rem;}
        .about_fangan_content{padding: 0;}
        .about_fangan{ background: none;}
        .news_right{display: none;}
        .news_list{ flex: none; width: 100%;}
        .news_list ul li .news_list_text p{-webkit-line-clamp: 3;}
        .fixed{ display: none;}
        .zc_form{width:100%; right:0; height:100%; top:auto; bottom:0; transform:translateY(0)}
        .zc_title span{display:none}
        .zc_a{ padding:0}
        .zc_title{height:30vh; background:#0f51e7; border-radius:0 0 50% 50%; color:#fff}
        .zc_content{padding:0 2.0rem}
        .liuyan_left{width:100%;}
        .liuyan_right{width:100%; margin-top:2.0rem}
        .liuyan_con_padd{padding:3.0rem 2.0rem;}
        .fangan li{ width:48%}
        .fixed_con_left{ display:none;}
        .fixed_con_right{width:100%;}
        .fixed_con_con{ padding:3.0rem 2.0rem;}
        .mozu_left {
            display: none;
        }

        .mozu_right {
            margin: 0;
        }

        .mozu_show_img {
            width: 100%;
        }

        .mozu_show_text {
            margin-left: 0;
        }

        .mozu_right ul li {
            width: 48%;
        }

        .mozu_a a {
            bottom: 0;
            opacity: 1;
        }

        .changjing_content_div {
            width: calc(100% - 2.0rem);
            padding: 2.0rem 1.0rem;
            margin: 0;
        }

        .changjing_content {
            padding: 1rem;
        }
    }