@charset "utf-8";
/* CSS Document */

*,body,html,div,p,ul,li,a{ margin:0; padding:0; list-style:none; text-decoration:none;-webkit-print-color-adjust:exact;border: 0 none transparent;outline: none;font-size: inherit;font-family: inherit;-webkit-box-sizing: border-box;box-sizing: border-box; font-family:Arial, Helvetica, sans-serif， "微软雅黑", "方正小标宋简体";}
img {max-width: 100%; /* 图片最大宽度 */height: auto; /* 图片高度自动调整 */display: block; /* 防止图片底部出现空白object-position:center */}
.clear{ clear:both;}
.div_overflow{ overflow:hidden;}
.f_l{ float:left;}
.f_r{ float:right;}
.box_w{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.box_n{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.box_wr{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}/*换行，第一行在下方*/
.flex_d_r{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.flex_d_rr{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}/*主轴为水平方向，起点在右端*/
.flex_d_c{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.flex_d_cr{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}/*主轴为垂直方向，起点在下沿*/
/*justify-content属性定义了项目在主轴上的对齐方式。*/
.justify_c_s{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
.justify_c_e{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.justify_c_c{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.justify_c_b{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.justify_c_a{-ms-flex-pack:distribute;justify-content:space-around;}/*每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍*/
/*align-items属性定义项目在交叉轴上如何对齐*/
.align-i_s{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}/*交叉轴的起点对齐*/
.align-i_e{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}/*交叉轴的终点对齐。*/
.align-i_c{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}/*交叉轴的中点对齐*/
.align-i_b{-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}/*项目的第一行文字的基线对齐*/
.align-i_st{-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}/*如果项目未设置高度或设为auto，将占满整个容器的高度*/
/*align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用。*/
.align_c_s{-ms-flex-line-pack: start;align-content: flex-start;}
.align_c_e{-ms-flex-line-pack: end;align-content: flex-end;}
.align_c_c{-ms-flex-line-pack: center;align-content: center;}
.align_c_b{-ms-flex-line-pack: justify;align-content: space-between;}/*与交叉轴两端对齐，轴线之间的间隔平均分布*/
.align_c_sa{-ms-flex-line-pack: distribute;align-content: space-around;}/*每根轴线两侧的间隔都相等。所以，轴线之间的间隔比轴线与边框的间隔大一倍。*/
.align_c_st{-ms-flex-line-pack: stretch;align-content: stretch;}
/*
order属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。
flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。
flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。(如果所有项目的flex-shrink属性都为1，当空间不足时，都将等比例缩小。如果一个项目的flex-shrink属性为0，其他项目都为1，则空间不足时，前者不缩小。负值对该属性无效。)
flex-basis属性定义了在分配多余空间之前，项目占据的主轴空间（main size）。浏览器根据这个属性，计算主轴是否有多余空间。它的默认值为auto，即项目的本来大小。它可以设为跟width或height属性一样的值（比如350px），则项目将占据固定空间。
align-self属性允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch。( align-self: auto | flex-start | flex-end | center | baseline | stretch;)
*/
/*使用多种浏览器前缀来支持CSS3过滤器。*/
.example_filter{
    filter: blur(5px); /* 标准语法 */
    -webkit-filter: blur(5px); /* Safari */
    -moz-filter: blur(5px); /* Firefox */
    -o-filter: blur(5px); /* Opera */
}
/*使用多种浏览器前缀来支持CSS3过渡和变换。*/
.example_trans {
    transition: all 0.3s ease; /* 标准语法 */
    -webkit-transition: all 0.3s ease; /* Safari */
    -moz-transition: all 0.3s ease; /* Firefox */
    -o-transition: all 0.3s ease; /* Opera */

    transform: rotate(45deg); /* 标准语法 */
    -webkit-transform: rotate(45deg); /* Safari */
    -moz-transform: rotate(45deg); /* Firefox */
    -o-transform: rotate(45deg); /* Opera */
}
/*使用多种浏览器前缀来支持CSS3圆角和阴影。*/
.example_radius {
    border-radius: 10px; /* 标准语法 */
    -webkit-border-radius: 10px; /* Safari */
    -moz-border-radius: 10px; /* Firefox */

    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* 标准语法 */
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* Safari */
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* Firefox */
}
/*为不同浏览器提供字体平滑支持*/
.example_smoothing {
    -webkit-font-smoothing: antialiased; /* Safari */
    -moz-osx-font-smoothing: grayscale; /* Firefox */
}
.bannersy{ width:100%; height:100vh; position:relative;}
.bannersy .nav{height:400px}
.bannersy {width: 100%;height: 100vh;position: relative;}
.bannersy .swiper-container {height: 100vh;display: flex;        /* 消除缝隙 */}
.bannersy .swiper-slide img {display: block;       /* 再次保险 */width: 100%;height: 100vh;object-fit: cover;}
.banner{ width:100%; height:auto; position:relative; padding:200px 0 0 0;}
.banner {width: 100%;height: auto;position: relative; padding:200px 0 0 0;}
.banner .swiper-container {height: 100vh;display: flex;        /* 消除缝隙 */}
.banner .swiper-slide img {display: block;       /* 再次保险 */width: 100%;height: 100vh;object-fit: cover;}
.content_1400{ width:1400px; margin:0 auto;}
.div_absolute{ position:absolute;}
.nav{ width:100%; height:auto; background:url(../images/header_overlay.png) no-repeat; background-size:100% auto; position:absolute; top:0; overflow:hidden;z-index:9;}
.logo{ margin:20px 0 40px 0; float:left;}
.logo img{ height:50px;}
.nav_tab{ width:100%; height:55px;background: rgba(0, 65, 144, 0.98);border-top-left-radius: 30px; border-bottom-right-radius: 30px; padding:0 2%;}
.nav_tab ul li{ width:16.66%; float:left; text-align:center; line-height:55px;}
.nav_tab ul li a{ color:#fff; font-size:20px;}
.nav_tab ul li a:hover{ font-weight:bold;}
.title_box{ width:100%; height:86px;}
.title_box h1{ color:#004190; font-size:27px;}
.title_box h1 span{ color:#004190; font-size:30px; margin-right:10px;}
.title_box a{ color:#949494; font-size:12px;}
.title_box .id{color:#949494; font-size:12px;}
.content_l{ width:49%;}
.content_l ul li{ width:calc(33% - 10px); height:122px; margin-bottom:15px; background:#F4F9FF; padding:20px;transition: transform .2s;}
.content_l ul li:hover {
    transform: translateY(-2px); /* 鼠标放上去向上移动 2px */
}
.content_l ul li span{ font-size:40px; color:#004190;}
.content_l ul li a{ font-size:20px; color:#004190; font-weight: bold;}
.content_r{ width:49%;}
.content_r ul li{ width:calc(50% - 7.5px); height:193px; margin-bottom:15px; padding:40px 30px; box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.15);}
.content_r ul li span{ color:#004190; float:left; font-size:22px; margin-right:5px;}
.content_r ul li h1{ color:#004190; float:left; font-weight:bold; font-size:22px;}
.content_r ul li h2{ color:#004190; float:left; font-weight:100; font-size:16px; margin-left:10px;}
.content_r ul li a{ color:#222222; min-height:40px; margin-top:20px; padding-left:30px; display:block; border-left:1px solid #004190;font-weight: bold;}
.content_r ul li:hover{ background:#004190;}
.content_r ul li:hover span{ color:#fff;}
.content_r ul li:hover h1{ color:#fff;}
.content_r ul li:hover h2{ color:#fff;}
.content_r ul li:hover a{ color:#fff; border-left:1px solid #fff;}
.xwdt{ margin-bottom:30px;}
.xwdt .xwdt_img_box{ height:242px; background-repeat:no-repeat; background-size:cover; position:relative;background-size: 100% 100%;
            background-position: center;
            background-repeat: no-repeat;
            transition: background-size 0.6s ease-in-out;
            cursor: pointer;}
.xwdt_img_box:hover {
            background-size: 120% 120%;
        }
.xwdt .xwdt_time_box{ width:80px; height:63px;background: rgba(0, 65, 144, 0.98); text-align:center; position:absolute; bottom:0; left:0;}
.xwdt .xwdt_time_box h1{ color:#FFF; font-size:18px; margin-top:10px;}
.xwdt .xwdt_time_box p{ color:#FFF; font-size:16px;}
.xwdt .xwdt_p{ height:130px; border-bottom:1px solid #DCDCDC;}
.xwdt .xwdt_p h1{ font-size:18px; color:#222; margin:20px 0;}
.xwdt .xwdt_p:hover h1{color:#004190;}
.xwdt .xwdt_p p{ font-size:14px; color:#949494; margin-bottom:20px;}
.footer_box{ width:100%; height:258px; background:#004190;}
.footer_t{ width:100%; height:210px; padding:50px 0 0 0;}
.footer_t_l{ float:left;}
.footer_t_l img{ width:300px; margin-bottom:30px;}
.footer_t_l p{ color:#fff; color:#18px;}
.footer_t_r{ float:right;}
.footer_t_r{  margin-top:60px;}
.footer_b{ width:100%; height:48px; line-height:48px; border-top:1px solid #4697FA; color:#4697FA; text-align:center;}
.list ul{ margin-bottom:20px; border-top:3px solid #004190;}
.list ul li{ width:100%; border-bottom:1px solid #DCDCDC; height:100px;position: relative;}
.list ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #004190;
    transform: scaleX(0);          /* 默认宽度 0 */
    transform-origin: center;      /* 从中间向两边展开 */
    transition: transform .3s ease;
    z-index: -1;                   /* 放到文字底下 */
}
.list ul li:hover::before {
    transform: scaleX(1.5); /* 1 + 50/100 = 1.5 倍 */
}
.list ul li a{ font-size:20px; color:#464646;}
.list ul li:hover a{ color:#fff;}
.list ul li p{ font-size:14px; color:#949494;min-width: 100px;text-align: right;}
.link ul{ margin-bottom:20px; border-top:3px solid #004190;}
.link ul li{ width:calc(50% - 15px); border-bottom:1px solid #DCDCDC; height:100px;position: relative; float:left;text-align:center;}
.link ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #004190;
    transform: scaleX(0);          /* 默认宽度 0 */
    transform-origin: center;      /* 从中间向两边展开 */
    transition: transform .3s ease;
    z-index: -1;                   /* 放到文字底下 */
}
.link ul li:hover::before {
    transform: scaleX(1.1); /* 1 + 50/100 = 1.5 倍 */
}
.link ul li a{ font-size:20px; color:#464646;}
.link ul li:hover a{ color:#fff;}
.link ul li p{ font-size:14px; color:#949494;}
.bmjs{ margin:30px 0; display:block; overflow:hidden;}
.bmjs ul li{ width:33.33%; float:left;}
.div_icon{ width:90px; height:90px; background:#004190;border-radius: 100%; text-align:center; line-height:90px;margin: 0 auto;}
.div_icon span{ color:#FFF; font-size:50px;}
.bmjs ul li h1{ font-size:27px; color:#004190; margin-top:10px;}
.bmjs_nr{width:100%; min-height:600px;border-radius: 30px; border:2px solid #004190; margin-bottom:40px; padding:40px; color:#464646; font-size:20px;}
.bmjs_nr p{ color:#464646; font-size:20px;}
.bmjg_nr{ margin-bottom:40px;}
.bmjg_nr ul{align-items: stretch;}
.bmjg_nr ul li{width:calc(50% - 15px);border-radius: 30px; border:2px solid #004190; padding:30px; margin-bottom:30px;}
.bmjg_nr ul li h1{ color:#004190; font-size:25px; margin-bottom:20px;}
.bmjg_nr ul li p{color:#464646; font-size:20px;}
.bmcy ul{ border-top:1px solid #949494; margin-bottom:40px;}
.bmcy ul li{border-bottom:1px solid #949494; padding:20px 0; }
.bmcy ul li h1{ font-size:25px; color:#464646; margin-bottom:30px;margin-left:34px;}
.bmcy ul li p{ font-size:20px; color:#464646;}
.content{ width:100%; margin-bottom:40px;border-top: 3px solid #004190; padding:20px 0 0 0;}
.content_h1{ width:100%; border-bottom:1px solid #DCDCDC; text-align:center;padding: 10px 0 10px 0;margin: 10px 0 20px 0;}
.content_h1 h1{ color:#004190; font-size:25px; margin-bottom:10px; line-height:32px;}
.content_h1 span{ color:#949494; font-size:16px; margin-bottom:10px; display:block;}
.btn_iphone{ width:calc(100% - 30px); text-align:right; position:absolute; top:25px; display:none;}
.btn_iphone01{ width:calc(100% - 30px); text-align:right; position:absolute; top:25px; display:none;}
.btn_iphone span{ color:#fff; font-size:50px;}
.btn_iphone01 span{ color:#fff; font-size:50px;}
.div_nav_c{ width:100%; height:100vh; background:#FFF; padding:0px 0; z-index:10; position:absolute; z-index:4; top:0px;box-shadow: inset 0 12px 5px -5px rgba(0,0,0,1); display:none;}
.div_nav_c ul{border-top:#004190 4px solid; padding:120px 0 0 0;}
.div_nav_c ul li{ width:100%; height:80px; border-bottom:#CCC 1px solid;}
.div_nav_c ul li a{ line-height:80px; color:#494949; margin-left:30px; font-size:22px;}
.div_nav_c ul li span{ float:right; margin-right:30px; line-height:80px;}
.bannersy .swiper-button-next{ top:50%!important;}
.bannersy .swiper-button-prev{  top:50%!important;}
@media (min-width: 1025px) and (max-width: 1400px) {
.content_1400{ width:1024px;}	
.content_l ul li a{ font-size:18px; text-align:center;}
.content_r ul li span{ font-size:18px;}
.content_r ul li h1{ font-size:18px;}
.content_r ul li h2{ font-size:14px;}
}
@media (min-width: 768px) and (max-width: 1024px) {
.banner .swiper-container{ height:auto;}
.nav{ height:120px; background-size:100% 120px;}
.content_1400{ width:96%; margin:0 auto;}
.bannersy{ height:500px;}
.content_l { width:100%;}
.content_r { width:100%;}
.nav_tab{ display:none;}
.logo img{ margin-left:30px;}
.btn_iphone{ display:block;}
.footer_t{ width:98%; margin:0 1%;}
.bannersy .swiper-slide img{height:500px;}
.bannersy .swiper-container{height:500px;}
.bannersy .swiper-button-next{ top:50%!important;}
.bannersy .swiper-button-prev{  top:50%!important;}
.title_box{ width:99%; margin:0 1%;}
.banner{ padding:120px 0 0 0;}
.bannersy .nav{height:120px;}
}
@media (max-width: 767px) {
.bannersy .nav{height:120px;}
.bannersy .swiper-button-next{ top:60%!important;}
.bannersy .swiper-button-prev{  top:60%!important;}
.bannersy .swiper-container{ height:auto;}
.nav{ height:120px; background-size:100% 120px;}
.content_l ul li{width: calc(50% - 10px);}
.content_r ul li{width: 100%;}
.content_1400{ width:94%; margin:0 auto;}
.bannersy{ height:300px;}
.bannersy .swiper-slide img{ height:300px;}
.content_l { width:100%;}
.content_r { width:100%;}
.nav_tab{ display:none;}
.logo img{ height:35px; margin-left:30px;}	
.btn_iphone{ display:block;}
.footer_t{ width:98%; margin:0 1%;}
.btn_iphone span{ color:#fff; font-size:30px;}
.btn_iphone01 span{ color:#fff; font-size:30px;}
.footer_t{ padding:30px 0 0 0;}
.footer_t_l img{ margin-bottom:20px;}
.footer_t_l{ width:90%; margin:0 5%;}
.footer_t_r{ width:90%; margin:20px 5% 0 5%;}
.title_box{ width:99%; margin:0 1%;}
.banner{ padding:120px 0 0 0;}
.bmjg_nr ul li{ width:100%;}
.div_icon{ width:60px; height:60px;}
.div_icon span { font-size:30px; line-height:60px;}
.bmjs ul li h1{ font-size:20px;}
}