@charset"utf-8";

 /* - pc端显示 - */

 

 .pc {

     display: block;

 }

 /* - 手机端隐藏 - */

 

 .mbl {

     display: none;

 }

 /*

	------------------------------------------------------------------------------------ 移动端导航 - start

	--------------------------------------------------------------------------------------------

*/

 

 .logo {

     float: left;

 }

 

 .m_nav,

 .m_img {

     display: none;

 }

 

 .m_img {

     float: right;

     margin-left: 24px;

     align-items: center;

     /* display: flex;

    display: -webkit-flex;

    display: -ms-flex; */

 }

 

 .m_img a .m_menuimg {

     width: 24px;

     vertical-align: top;

     display: block;

 }

 

 .m_nav {

     display: block;

     position: fixed;

     top: 0px;

     left: 0px;

     width: 0px;

     height: 0px;

     overflow: hidden;

     z-index: 10000;

 }

 

 .m_nav .closecover {

     position: absolute;

     width: 100%;

     height: 100%;

     background: #000;

     filter: alpha(opacity=0);

     opacity: 0;

     left: 0px;

     top: 0px;

     z-index: 1;

 }

 

 .m_nav .m_navList {

     position: absolute;

     width: 80%;

     top: 0px;

     background: #fff;

     height: 100%;

     z-index: 100;

     left: -80%;

     padding-top: 66px;

     overflow-y: auto;

 }

 

 .m_nav .closeicon {

     position: absolute;

     width: auto;

     right: 16px;

     top: 22px;

     z-index: 105;

     text-align: center;

     filter: alpha(opacity=0);

     opacity: 0;

 }

 

 .m_nav .closeicon a {

     height: 22px;

     display: block;

 }

 

 .m_nav .m_navList ul li:first-child {

     border-top: 1px solid #f0f0f0;

 }

 

 .m_nav .m_navList ul li {

     border-bottom: 1px solid #f0f0f0;

 }

 

 .m_nav .m_navList ul li .m_f_a {

     display: flex;

     align-items: center;

     justify-content: space-between;

     width: 100%;

 }

 

 .m_nav .m_navList ul li .m_s_nav {

     display: none;

     width: 100%;

     padding-bottom: 8px;

 }

 

 .m_nav .m_navList ul li .m_f_a a {

     flex: 1;

 }

 

 .m_nav .m_navList ul li .m_f_a i {

     width: 54px;

     height: 35px;

     box-sizing: border-box;

     padding: 0 5px;

     display: block;

 }

 

 .m_nav .icon {

     background: url(/static/frontend/images/plus.png) 100% no-repeat;

     background-position: 50% 50%;

     -webkit-transition: all 0s;

     -moz-transition: all 0s;

     transition: all 0s;

 }

 

 .m_nav .icon_on {

     background: url(/static/frontend/images/reduce.jpg) 50% no-repeat!important;

     background-position: 50% 50%;

     -webkit-transition: all 0s;

     -moz-transition: all 0s;

     transition: all 0s;

 }

 

 .m_nav .m_navList ul li .m_s_nav a {

     display: block;

     height: 36px;

     line-height: 36px;

     font-size: 14px;

     padding: 0 5%;

     overflow: hidden;

     white-space: nowrap;

     width: 100%;

     text-overflow: ellipsis;

 }

 

 .m_nav .m_navList ul li a {

     display: block;

     height: 45px;

     color: #333;

     line-height: 45px;

     padding-left: 4%;

     font-size: 15px;

 }

 

 .m_nav .m_navList ul li .m_f_a i {

     width: 54px;

     height: 35px;

     box-sizing: border-box;

     padding: 0 5px;

     display: block;

 }

 

 .tophide .header .m_img a.tow,

 .header .m_img a.one {

     display: block;

 }

 

 .tophide .header .m_img a.one,

 .header .m_img a.tow {

     display: none;

 }

 /*

	------------------------------------------------------------------------------------ 移动端导航 - end

	--------------------------------------------------------------------------------------------

*/

 

 i {

     font-style: normal

 }

 /*开始你的内容创作之旅*/

 /* --------------------首页------------------- */

 

 .header {

     position: fixed;

     top: 0;

     left: 0;

     width: 100%;

     z-index: 9;

     background: rgba(1, 1, 1, 0);

     -webkit-transition: all 0.5s ease;

     transition: all 0.5s ease;

 }

 

 .header.tophide {

     background: #fff;

     box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.1);

 }

 

 .header.tophide .container .logo .logo_a_h {

     display: block;

 }

 

 .header.tophide .container .logo .logo_a {

     display: none;

 }

 

 .header.tophide .container .nav ul li a.na_a {

     color: #000001;

 }

 

 .header.tophide .container .nav ul li:hover a.na_a,

 .header.tophide .container .nav ul li a.na_a.active {

     color: #003B91;

 }

 

 .header.tophide .cutover::before {

     background: #eee;

 }

 

 .header.tophide .cutover .icon_dq {

     background: url(/static/frontend/images/icon_dq1.png) no-repeat center center/100%;

 }

 

 .header.tophide .cutover a {

     color: #003B91;

 }

 

 .header.tophide .cutover a::before {

     background: url(/static/frontend/images/icon_xia1.png) no-repeat center center/100%;

 }

 

 .header .container {

     width: 100%;

     padding: 0 4%;

 }

 

 .header .container .logo {

     float: left;

 }

 

 .header .container .logo .logo_a {

     display: block;

 }

 

 .header .container .logo .logo_a_h {

     display: none;

 }

 

 .nav_logo_top {

     width: 100%;

     display: flex;

     align-items: center;

     justify-content: space-between;

 }

 

 .header .container .nav ul li {

     float: left;

     position: relative;

     cursor: pointer;

 }

 

 .header .container .nav ul li a.na_a {

     color: #FBFBFB;

     font-size: 16px;

     line-height: 80px;

     padding: 0 22px;

     transition: all .4s;

 }

 

 .header .container .nav ul li:hover a.na_a,

 .header .container .nav ul li a.na_a.active {

     color: #BBBBBB;

 }

 

 .header .container .nav ul li .nav_dl {

     width: 194px;

     border-radius: 3px;

     position: absolute;

     top: 100%;

     left: 50%;

     transform: translateX(-50%);

     display: none;

     /* overflow: hidden; */

     padding-top: 7px;

 }

 

 .header .container .nav ul li .nav_dl dl {

     width: 100%;

     background-color: #fff;

     padding: 24px 14px;

     box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.1);

 }

 

 .header .container .nav ul li .nav_dl::before {

     /* width: 12px;

    height: 12px; */

     top: 0px;

     left: 50%;

     transform: translateX(-50%);

     display: block;

     /* background: #fff; */

     content: "";

     /* transform: rotate(45deg); */

     position: absolute;

     z-index: -1;

     width: 0;

     height: 0;

     border-right: 7px solid transparent;

     border-left: 7px solid transparent;

     border-bottom: 7px solid #fff;

 }

 

 .header .container .nav ul li:hover .nav_dl {

     display: block;

     /* background: #f3f3f3; */

     -webkit-transition: 0.5s;

     -moz-transition: 0.5s;

     -o-transition: 0.5s;

     transition: 0.5s;

 }

 

 .header .container .nav ul li dl dt {

     width: 100%;

     text-align: center;

 }

 

 .header .container .nav ul li dl dt a {

     color: #333333;

     font-size: 16px;

     line-height: 32px;

     text-align: center;

     display: inline-block;

     width: 100%;

     transition: all .4s;

 }

 

 .header .container .nav ul li dl dt {

     padding: 2px 0;

 }

 

 .header .container .nav ul li dl dt a.active,

 .header .container .nav ul li dl dt a:hover {

     color: #003B91;

 }

 

 .cutover {

     display: flex;

     align-items: center;

     cursor: pointer;

     padding-left: 40px;

     position: relative;

     margin-left: 18px;

 }

 

 .cutover::before {

     position: absolute;

     left: 0;

     transform: translateY(-50%);

     top: 50%;

     width: 1px;

     height: 16px;

     background: rgba(255, 255, 255, 0.5);

     content: "";

 }

 

 .cutover .icon_dq {

     width: 16px;

     height: 16px;

     background: url(/static/frontend/images/icon_dq.png) no-repeat center center/100%;

     transition: all .4s;

     margin-right: 10px;

 }

 

 .cutover:hover .icon_dq {

     background: url(/static/frontend/images/icon_dq1.png) no-repeat center center/100%;

 }

 

 .cutover a {

     font-size: 16px;

     /* font-family: PingFangSC; */

     font-weight: 400;

     color: #FBFBFB;

     line-height: 23px;

     position: relative;

     transition: all .4s;

     padding-right: 20px;

 }

 

 .cutover:hover a {

     color: #003b91;

 }

 

 .cutover a::before {

     content: "";

     width: 11px;

     height: 7px;

     display: inline-block;

     background: url(/static/frontend/images/icon_xia.png) no-repeat center center/100%;

     transition: all .4s;

     position: absolute;

     top: 40%;

     right: 0;

     /* transform: translateY(-50%); */

 }

 

 .cutover:hover a::before {

     background: url(/static/frontend/images/icon_xia1.png) no-repeat center center/100%;

 }

 

 .nav_logo_top .nar_left {

     float: right;

     display: flex;

     align-items: center;

 }

 

 .banner_main {

     width: 100vw;

     height: 100vh;

     position: relative;

 }

 

 .banner_main .swpBan {

     width: 100vw;

     height: 100vh;

 }

 

 .banner_main .swpBan .imgDiv {

     width: 100vw;

     height: 100vh;

 }

 

 .banPagin {

     position: absolute;

     z-index: 3;

     bottom: 195px;

     left: 10.8%;

     font-size: 0;

     transform: translateX(-12.8%);

 }

 

 .banPagin .swiper-pagination-bullet {

     width: 30px;

     height: 1px;

     border-radius: 0px;

     background-color: #fff;

     opacity: .2;

     -webkit-transition: all 0.3s ease 0s;

     -moz-transition: all 0.3s ease 0s;

     -ms-transition: all 0.3s ease 0s;

     -o-transition: all 0.3s ease 0s;

     transition: all 0.3s ease 0s;

 }

 

 .banPagin .swiper-pagination-bullet-active {

     opacity: 1;

 }

 

 .cutAct {

     display: inline-block;

     vertical-align: middle;

     font-size: 18px;

     color: #FBFBFB;

     font-weight: 100;

     font-weight: 400;

     font-family: PingFangSC;

 }

 

 .cutAll {

     display: inline-block;

     vertical-align: middle;

     margin: 0 10px;

     font-family: PingFangSC;

     color: #BBBBBB;

     font-size: 18px;

 }

 

 .total {

     display: inline-block;

     vertical-align: middle;

     font-size: 18px;

     color: #BBBBBB;

     font-weight: 100;

     font-family: PingFangSC;

     font-weight: 400;

 }

 

 .ban-pagination {

     font-size: 0;

     display: inline-block;

     vertical-align: middle;

     margin: 0 12px;

 }

 

 .banPrev,

 .banNext {

     display: inline-block;

     vertical-align: middle;

     -webkit-transition: all 0.5s ease 0s;

     -moz-transition: all 0.5s ease 0s;

     -ms-transition: all 0.5s ease 0s;

     -o-transition: all 0.5s ease 0s;

     transition: all 0.5s ease 0s;

 }

 

 .banPrev {

     margin-right: 38px;

 }

 

 .banNext {

     margin-left: 38px;

 }

 

 .banPrev:hover,

 .banNext:hover {

     opacity: 1;

 }

 

 .banPagin .swpPrev {

     width: 12px;

     height: 23px;

     background: url(/static/frontend/images/icon_left.png) no-repeat center center/100%;

     cursor: pointer;

     transition: all .4s;

 }

 

 .banPagin .banNext {

     width: 12px;

     height: 23px;

     background: url(/static/frontend/images/icon_ringht.png) no-repeat center center/100%;

     cursor: pointer;

     transition: all .4s;

 }

 

 .banner_main_text {

     position: absolute;

     top: 44%;

     left: 0;

     transform: translateY(-44%);

     z-index: 1;

     width: 32%;

     left: 9.8%;

 }

 

 .banner_main_text .banner_text1 h3 {

     font-size: 56px;

     font-weight: 600;

     color: #FBFBFB;

     line-height: 58px;

     position: relative;

     padding-bottom: 34px;

     margin-bottom: 34px;

 }

 

 .banner_main_text .banner_text1 h3::before {

     position: absolute;

     bottom: 0;

     left: 0;

     content: "";

     width: 60px;

     height: 2px;

     background: #FFFFFF;

     display: block;

 }

 

 .banner_main_text .banner_text1 p {

     font-size: 18px;

     font-weight: 400;

     color: #FBFBFB;

     line-height: 36px;

     text-overflow: ellipsis;

     overflow: hidden;

     display: -webkit-box;

     -webkit-line-clamp: 3;

     -webkit-box-orient: vertical;

     text-align: justify;

 }

 

 .banner_main_text .banner_text1 .banne_more {

     width: 160px;

     height: 52px;

     border: 2px solid #FFFFFF;

     display: flex;

     justify-content: center;

     align-items: center;

     cursor: pointer;

     transition: all .4s;

     margin-top: 50px;

 }

 

 .banner_main_text .banner_text1 .banne_more a {

     font-size: 18px;

     font-weight: 400;

     color: #FFFFFF;

     line-height: 36px;

     display: flex;

     justify-content: center;

     align-items: center;

     width: 100%;

     height: 100%;

 }

 

 .banner_main_text .banner_text1 .banne_more .icon_r {

     display: inline-block;

     width: 9px;

     height: 18px;

     background: url(/static/frontend/images/icon_left1.png) no-repeat center center/100%;

     margin-left: 12px;

 }

 

 .banner_main .gonf_le {

     position: absolute;

     top: 50%;

     right: 9.4%;

     transform: translateY(-50%);

     z-index: 1;

     width: 490px;

 }

 

 .banner_main .gonf_le ul {

     width: 100%;

 }

 

 .banner_main .gonf_le ul li {

     width: 100%;

     overflow: hidden;

 }

 

 .banner_main .gonf_le ul li .gont_l {

     width: 50%;

     float: left;

     /* height: 245px; */

     border: 2px solid #FFFFFF;

     padding: 33px 40px;

 }

 

 .banner_main .gonf_le ul li .gont_r {

     width: 50%;

     float: right;

 }

 

 .banner_main .gonf_le ul li:nth-child(2) .gont_l {

     float: right;

 }

 

 .banner_main .gonf_le ul li:nth-child(2) .gont_r {

     float: left;

 }

 

 .banner_main .gonf_le ul li .gont_l h4 {

     font-size: 18px;

     font-weight: 400;

     color: #FBFBFB;

     line-height: 23px;

 }

 

 .banner_main .gonf_le ul li .gont_l .inex-cont_t {

     width: 100%;

 }

 

 .banner_main .gonf_le ul li .gont_l .inex-cont_t .counter {

     font-size: 58px;

     font-weight: bold;

     color: #FBFBFB;

     line-height: 60px;

     margin-top: 60px;

 }

 

 .banner_main .gonf_le ul li .gont_l .inex-cont_t p {

     font-size: 16px;

     font-weight: 400;

     color: #FBFBFB;

     line-height: 23px;

     margin-top: 6px;

 }

 

 .banner_main .gonf_le ul li .gont_l .title {

     width: 100%;

     display: flex;

     justify-content: space-between;

     align-items: center;

 }

 

 .banner_main .gonf_le ul li .gont_l .title .icon_r_top {

     width: 23px;

     height: 15px;

     background: url(/static/frontend/images/icon_right2.png) no-repeat center center/100%;

     display: inline-block;

     transition: all .4s;

 }

 

 .banner_main .gonf_le ul li .gont_l .index_news {

     width: 100%;

     margin-top: 60px;

 }

 

 .banner_main .gonf_le ul li .gont_l .index_news p {

     font-size: 16px;

     font-weight: 400;

     color: #FBFBFB;

     line-height: 25px;

     text-overflow: ellipsis;

     overflow: hidden;

     display: -webkit-box;

     -webkit-line-clamp: 2;

     -webkit-box-orient: vertical;

 }

 

 .banner_main .gonf_le ul li .gont_l .index_news span {

     display: inline-block;

     font-size: 16px;

     font-weight: 400;

     color: #FBFBFB;

     line-height: 25px;

     margin-top: 10px;

 }

 /* -------------------首页 :end----------------- */

 /*------------- b1-------- */

 

 .warp {

     width: 81.25%;

     margin: 0 auto;

 }

 

 .banner {

     width: 100%;

     position: relative;

 }

 

 .banner .imgDiv {

     width: 100%;

 }

 

 .bannernt_banner {

     position: absolute;

     top: 50%;

     left: 50%;

     transform: translate(-50%, -50%);

     width: 100%;

 }

 

 .bannernt_banner .bannernt_banner_text {

     display: flex;

     align-items: center;

     flex-direction: column;

     justify-content: center;

 }

 

 .bannernt_banner .bannernt_banner_text h3 {

     font-size: 46px;

     font-weight: 400;

     color: #FFFFFF;

     line-height: 52px;

     margin-top: 40px;

 }

 

 .bannernt_banner .bannernt_banner_text p {

     font-size: 20px;

     /* font-weight: bold; */

     color: #FBFBFB;

     line-height: 36px;

     text-transform: uppercase;

     margin-top: 10px;

 }

 /* 面包屑导航 */

 

 .submenu {

     height: 78px;

     background: rgba(255, 255, 255, 0.96);

     width: 81.25%;

     margin: auto;

     align-items: center;

     display: flex;

     display: -webkit-flex;

     display: -ms-flex;

     position: absolute;

     bottom: 0;

     left: 50%;

     transform: translateX(-50%);

     padding: 0 24px;

 }

 

 .submenu .swiper-slide {

     width: auto;

     display: inline-block;

 }

 

 .submenu .swiper-slide {

     text-align: center;

 }

 /* .submenu .swiper-wrapper {

        justify-content: center;

    }

     */

 

 .submenu .swiper-slide {

     text-align: center;

 }

 

 .submenu .swiper-slide a:hover,

 .submenu .swiper-slide.cur03 a {

     color: #003B91;

 }

 

 .submenu .swiper-slide a {

     /* display: block; */

     position: relative;

     font-size: 16px;

     font-weight: 400;

     color: #666;

     line-height: 78px;

     margin: 0 49px;

     display: inline-block;

     transition: all .4s;

 }

 

 .submenu .swiper-slide a::before {

     content: '';

     display: block;

     left: 0;

     width: 0%;

     height: 1px;

     background-color: #003B91;

     position: absolute;

     bottom: 0;

     transition: all .4s;

 }

 

 .submenu .swiper-slide a:hover::before,

 .submenu .swiper-slide.cur03 a::before {

     content: '';

     display: block;

     left: 0;

     width: 100%;

     height: 2px;

     background-color: #003B91;

     position: absolute;

     bottom: 0;

 }

 

 .menu-button-next,

 .menu-button-prev {

     width: 12px;

     height: 22px;

     position: absolute;

     top: 50%;

     transform: translateY(-50%);

     display: none;

 }

 

 .menu-button-next {

     background: url(/static/frontend/images/r_hui.png) no-repeat center;

     right: 3%;

     background-size: 100%;

 }

 

 .menu-button-prev {

     background: url(/static/frontend/images/l_hui.png) no-repeat center;

     left: 3%;

     background-size: 100%;

 }

 

 .menu-button-next:hover {

     background: url(/static/frontend/images/r_h.png) no-repeat center;

     right: 3%;

     background-size: 100%;

 }

 

 .menu-button-prev:hover {

     background: url(/static/frontend/images/l_h.png) no-repeat center;

     left: 3%;

     background-size: 100%;

 }

 /* 内容 */

 

 .b1_conter {

     width: 100%;

     overflow: hidden;

     padding-top: 100px;

 }

 

 .b1_conter .b1_one {

     width: 100%;

 }

 

 .b1_conter .b1_one .b1_one_left {

     width: calc(100% - 654px);

     float: left;

     position: relative;

 }

 

 .b1_conter .b1_one .b1_one_right {

     width: 654px;

     float: right;

 }

 

 .b1_conter .b1_one .b1_one_right img {

     width: 100%;

     display: block;

 }

 

 .b1_conter .b1_one .b1_one_left .b1_title {

     width: 100%;

     padding-right: 130px;

 }

 

 .b1_conter .b1_one .b1_one_left .b1_title h2 {

     font-size: 56px;

     font-weight: bold;

     color: #EBEDF3;

     line-height: 58px;

     text-transform: uppercase;

     margin-bottom: 20px;

     font-family: Arial;

 }

 

 .b1_conter .b1_one .b1_one_left .b1_title h3 {

     font-size: 40px;

     font-weight: 600;

     color: #000000;

     line-height: 42px;

     margin-bottom: 50px;

 }

 

 .b1_conter .b1_one .b1_one_left .b1_title p {

     font-size: 18px;

     font-weight: 400;

     color: #333333;

     line-height: 40px;

     text-align: justify;

 }

 

 .b1_conter .b1_one_list {

     width: 1000px;

     height: 190px;

     background: #FFFFFF;

     box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.07);

     /* position: absolute;

        top: 100%;

        left: 0;

        padding: 50px; */

     display: flex;

     align-items: center;

     margin-top: 90px;

 }

 

 .b1_conter .b1_one_list ul {

     width: 100%;

 }

 

 .b1_conter .b1_one_list ul li {

     float: left;

     width: calc(100% / 3 - 3px);

     border-right: 1px solid #eee;

     display: flex;

     justify-content: center;

     align-items: center;

     flex-direction: column;

 }

 

 .b1_conter .b1_one_list ul li .b1_one_cont {

     width: 100%;

 }

 

 .b1_conter .b1_one_list ul li .inex-cont_t p {

     font-size: 18px;

     font-weight: 400;

     color: #666666;

     line-height: 24px;

     margin-top: 10px;

 }

 

 .b1_conter .b1_one_list ul li:last-child {

     border: 0;

 }

 

 .b1_conter .b1_one_list ul li .b1_one_cont .counter {

     font-size: 56px;

     font-weight: bold;

     color: #003B91;

     line-height: 58px;

 }

 

 .b1_conter .b1_one_list ul li .b1_one_cont {

     height: 58px;

 }

 

 .b1_conter .b1_one_list ul li .b1_one_cont .deat {

     font-size: 20px;

     font-weight: 400;

     color: #003B91;

     line-height: 24px;

     position: relative;

     top: -3px;

 }

 

 .b1_conter .b1_one_list ul li .b1_one_cont .ge {

     font-size: 56px;

     /* font-weight: bold; */

     color: #003B91;

     /* line-height: 58px; */

 }

 

 .b1_tow_conter {

     padding: 100px 0;

     position: relative;

     z-index: 1;

 }

 

 .b1_bj_img {

     position: absolute;

     top: 0;

     z-index: -1;

     width: 100%;

     background: url(/static/frontend/images/b1_img2.jpg) no-repeat center top /cover;

     height: 619px;

     left: 0;

 }

 

 .b1_tow_conter .b1_title {

     width: 100%;

 }

 

 .b1_tow_conter .b1_title .b1_title_div {

     width: 48%;

     margin: auto;

 }

 

 .b1_tow_conter .b1_title h3 {

     font-size: 48px;

     font-weight: 600;

     color: #000000;

     line-height: 50px;

     text-align: center;

     margin-bottom: 30px;

 }

 

 .b1_tow_conter .b1_title p {

     font-size: 16px;

     font-weight: 400;

     color: #666666;

     line-height: 36px;

     text-align: center;

 }

 

 .b1_tow_conter .b1_tow_list {

     width: 100%;

     margin-top: 50px;

 }

 

 .b1_tow_conter .b1_tow_list ul {

     display: flex;

     align-items: stretch;

     width: 100%;

     flex-wrap: wrap;

 }

 

 .b1_tow_conter .b1_tow_list ul li {

     width: 32.05%;

     float: left;

     margin-right: 1.9%;

     background: #FFFFFF;

     box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.05);

 }

 

 .b1_tow_conter .b1_tow_list ul li .b1_tow_img {

     width: 100%;

     overflow: hidden;

 }

 

 .b1_tow_conter .b1_tow_list ul li .b1_tow_img img {

     width: 100%;

     transition: all .4s;

 }

 

 .b1_tow_conter .b1_tow_list ul li:hover .b1_tow_img img {

     transform: scale(1.1);

 }

 

 .b1_tow_conter .b1_tow_list ul li:nth-child(3n) {

     margin-right: 0;

 }

 

 .b1_tow_conter .b1_tow_list ul li .b1_text {

     padding: 50px 54px;

     width: 100%;

 }

 

 .b1_tow_conter .b1_tow_list ul li .b1_text h3 {

     position: relative;

     font-size: 24px;

     /* font-weight: 600; */

     color: #000000;

     line-height: 36px;

     padding-bottom: 24px;

     margin-bottom: 24px;

 }

 

 .b1_tow_conter .b1_tow_list ul li .b1_text h3::before {

     content: "";

     position: absolute;

     bottom: 0;

     left: 0;

     width: 50px;

     height: 2px;

     background: #003B91;

     display: block;

 }

 

 .b1_tow_conter .b1_tow_list ul li .b1_text p {

     font-size: 16px;

     font-weight: 400;

     color: #333333;

     line-height: 36px;

 }

 

 .footer {

     width: 100%;

     background: #191919;

     overflow: hidden;

 }

 

 .footer_cont {

     width: 100%;

     overflow: hidden;

 }

 

 .footer_left_cont {

     width: 68.48%;

     float: left;

 }

 

 .footer_right {

     width: 31.52%;

     float: left;

     border-left: 1px solid rgba(255, 255, 255, 0.1);

 }

 

 .footer_left {

     width: 100%;

     border-bottom: 1px solid rgba(255, 255, 255, 0.1);

     overflow: hidden;

 }

 

 .footer_left .footer_logo {

     width: 86.38%;

     float: right;

     padding: 35px 0;

 }

 

 .footer_left1 {

     width: 100%;

     overflow: hidden;

 }

 

 .footer_left1 .footer_list {

     width: 86.38%;

     float: right;

     margin-top: 79px;

 }

 

 .footer_left1 .footer_list ul {

     width: 100%;

     /* display: flex;

     align-items: stretch; */

 }

 

 .footer_left1 .footer_list ul li {

     width: calc(100% / 6 - 1px);

     float: left;

     padding-right: 14px;

 }

 

 .footer_left1 .footer_list ul li h5 {

     font-size: 16px;

     font-weight: 400;

     color: #FFFFFF;

     line-height: 36px;

     position: relative;

     padding-bottom: 20px;

     margin-bottom: 20px;

 }

 

 .footer_left1 .footer_list ul li h5::before {

     content: "";

     position: absolute;

     bottom: 0;

     left: 0;

     width: 30px;

     height: 1px;

     background: rgba(255, 255, 255, 0.2);

     display: block;

 }

 

 .footer_left1 .footer_list ul li dl {

     width: 100%;

 }

 

 .footer_left1 .footer_list ul li dl a {

     display: inline-block;

     width: 100%;

     font-size: 16px;

     font-weight: 400;

     color: rgba(255, 255, 255, 0.5);

     line-height: 30px;

     position: relative;

     transition: all .4s;

     padding: 6px 0;

 }

 

 .footer_left1 .footer_list ul li dl a:hover {

     color: #fff;

 }

 

 .footer_left1 .footer_list ul li dl a.more::before {

     content: "";

     position: absolute;

     top: 50%;

     transform: translateY(-50%);

     left: 38px;

     width: 9px;

     height: 14px;

     display: inline-block;

     background: url(/static/frontend/images/foot_iconr.png) no-repeat center center/100%;

 }

 

 .footer_right .footer_right_list {

     width: 70.36%;

     float: left;

     padding-left: 100px;

 }

 

 .footer_right .footer_right_list .foorer_conte {

     width: 100%;

     padding-top: 54px;

 }

 

 .footer_right .footer_right_list .foorer_conte ul {

     width: 100%;

 }

 

 .footer_right .footer_right_list .foorer_conte ul li {

     width: 100%;

     display: flex;

     align-items: flex-start;

     margin-top: 24px;

 }

 

 .footer_right .footer_right_list .foorer_conte ul li:first-child {

     margin-top: 0;

 }

 

 .footer_right .footer_right_list .foorer_conte ul li .foot_icon {

     width: 50px;

     float: left;

     margin-top: 10px;

 }

 

 .footer_right .footer_right_list .foorer_conte ul li .foot_icon img {

     width: 100%;

 }

 

 .footer_right .footer_right_list .foorer_conte ul li .footr_text {

     width: calc(100% - 50px);

     padding-left: 24px;

     float: left;

 }

 

 .footer_right .footer_right_list .foorer_conte ul li .footr_text p {

     font-size: 16px;

     font-weight: 400;

     color: #A8A8A8;

     line-height: 34px;

 }

 

 .footer_right .footer_right_list .foorer_conte ul li .footr_text a {

     font-size: 22px;

     font-weight: bold;

     color: #FFFFFF;

     line-height: 34px;

     display: inline-block;

     cursor: unset;

 }

 

 .footer_right .footer_right_list .foorer_conte ul li .footr_text p.zd {

     font-size: 16px;

     font-weight: 400;

     color: #FFFFFF;

     line-height: 28px;

     word-wrap: break-word;

 }

 

 .footer_right .div_ewm {

     width: 100%;

     margin-top: 36px;

     margin-bottom: 50px;

     overflow: hidden;

 }

 

 .footer_right .div_ewm ul li {

     float: left;

     display: flex;

     justify-content: center;

     flex-direction: column;

     align-items: center;

     margin-right: 50px;

 }

 

 .footer_right .div_ewm ul li:nth-child(2) {

     margin-right: 0;

 }

 

 .footer_right .div_ewm ul li .ewm_img {

     width: 110px;

     height: 110px;

     background: #FFFFFF;

 }

 

 .footer_right .div_ewm ul li .ewm_img img {

     width: 100%;

 }

 

 .footer_right .div_ewm ul li p {

     font-size: 16px;

     font-weight: 400;

     color: #FFFFFF;

     line-height: 26px;

     opacity: 0.4;

     text-align: center;

     margin-top: 20px;

 }

 

 .footer_boter {

     width: 100%;

     border-top: 1px solid rgba(255, 255, 255, 0.1);

     padding: 44px 0;

     overflow: hidden;

 }

 

 .footer_boter .bottom_l {

     width: 60%;

     float: left;

 }

 

 .footer_boter .bottom_r {

     width: 40%;

     float: left;

 }

 

 .footer_boter .bottom_l p,

 .footer_boter .bottom_r p {

     font-size: 16px;

     font-weight: 400;

     color: #999999;

     line-height: 23px;

 }

 

 .footer_boter .bottom_r p {

     text-align: right;

 }

 

 .footer_boter .bottom_l p a,

 .footer_boter .bottom_r p a {

     font-size: 16px;

     font-weight: 400;

     color: #999999;

     line-height: 23px;

     transition: all .4s;

 }

 

 .footer_boter .bottom_l p a:hover,

 .footer_boter .bottom_r p a:hover {

     color: #fff;

 }

 

 .b2_conter,

 .b3_conter {

     width: 100%;

     padding: 100px 0;

 }

 

 .title_h3 {

     width: 100%;

 }

 

 .title_h3 h3 {

     font-size: 48px;

     /* font-weight: 600; */

     color: #000000;

     line-height: 52px;

     text-align: center;

     position: relative;

 }

 

 .title_h3 p {

     font-size: 15px;

     font-weight: 400;

     color: #666666;

     line-height: 22px;

     text-align: center;

     margin-top: 30px;

 }

 

 .b2_conter .b2_list_cont {

     width: 100%;

     overflow: hidden;

     background: url(/static/frontend/images/b2_img1.jpg) no-repeat center center/cover;

     margin-top: 68px;

 }

 

 .b2_conter .b2_list_cont ul {

     width: 100%;

     display: flex;

     align-items: stretch;

 }

 

 .b2_conter .b2_list_cont ul li {

     width: calc(100% / 5);

     float: left;

     border-right: 1px solid rgba(255, 255, 255, 0.1);

     padding: 76px 54px;

     position: relative;

 }

 

 .b2_conter .b2_list_cont ul li:not(:last-child)::before,

 .b2_conter .b2_list_cont ul li:not(:last-child)::after {

     content: "";

     width: 1px;

     height: 30px;

     background: #fff;

     right: -1px;

     position: absolute;

     /* top: 0; */

 }

 

 .b2_conter .b2_list_cont ul li:not(:last-child)::before {

     bottom: -100%;

 }

 

 .b2_conter .b2_list_cont ul li:not(:last-child)::after {

     top: -100%;

 }

 

 .b2_conter .b2_list_cont ul li.active:nth-child(1)::before {

     -webkit-animation: before_a 2s ease 0.5s 1;

     animation: before_a 2s ease 0.5s 1;

 }

 

 .b2_conter .b2_list_cont ul li.active:nth-child(2)::after {

     -webkit-animation: after_a 2s ease 0.5s 1;

     animation: after_a 2s ease 0.5s 1;

 }

 

 .b2_conter .b2_list_cont ul li.active:nth-child(3):before {

     -webkit-animation: before_a 2s ease 0.5s 1;

     animation: before_a 2s ease 0.5s 1;

 }

 

 .b2_conter .b2_list_cont ul li.active:nth-child(4):before {

     -webkit-animation: after_a 2s ease 0.5s 1;

     animation: after_a 2s ease 0.5s 1;

 }

 

 @-webkit-keyframes after_a {

     0% {

         top: -100%;

     }

     100% {

         top: 100%;

     }

 }

 

 @keyframes after_a {

     0% {

         top: -100%;

     }

     100% {

         top: 100%;

     }

 }

 

 @-webkit-keyframes before_a {

     0% {

         bottom: -100%;

     }

     100% {

         bottom: 100%;

     }

 }

 

 @keyframes before_a {

     0% {

         bottom: -100%;

     }

     100% {

         bottom: 100%;

     }

 }

 

 .b2_conter .b2_list_cont ul li:last-child {

     border-right: 0;

 }

 

 .b2_conter .b2_list_cont ul li h4 {

     font-size: 24px;

     /* font-weight: bold; */

     color: #FFFFFF;

     line-height: 32px;

 }

 

 .b2_conter .b2_list_cont ul li .b2_text_cont {

     width: 100%;

     margin-top: 230px;

 }

 

 .b2_conter .b2_list_cont ul li .b2_text_cont .b2_icon_img {

     width: 74px;
     position: relative;
     transition: all .4s;

 }

 

 .b2_conter .b2_list_cont ul li .b2_text_cont .b2_icon_img img {

     width: 100%;

 }

 .b2_conter .b2_list_cont ul li:hover .b2_text_cont .b2_icon_img {
     transform: translateY(-8px);
 }

 .b2_conter .b2_list_cont ul li .b2_text_cont .b2_icon_text {

     width: 100%;

     margin-top: 50px;

 }

 

 .b2_conter .b2_list_cont ul li .b2_text_cont .b2_icon_text h3 {

     font-size: 24px;

     /* font-weight: 600; */

     color: #FFFFFF;

     line-height: 32px;

     margin-bottom: 20px;

 }

 

 .b2_conter .b2_list_cont ul li .b2_text_cont .b2_icon_text p {

     font-size: 16px;

     font-weight: 400;

     color: #FFFFFF;

     line-height: 34px;

 }

 

 .prev_cont {

     width: 18px;

     height: 34px;

     background: url(/static/frontend/images/b3_icon1.png) no-repeat center center/100%;

     display: inline-block;

     cursor: pointer;

     transition: all .4s;

 }

 

 .next_cont {

     width: 18px;

     height: 34px;

     background: url(/static/frontend/images/b3_icon2.png) no-repeat center center/100%;

     display: inline-block;

     cursor: pointer;

     transition: all .4s;

 }

 

 .b3_swiper_cont {

     width: 100%;

     margin-top: 60px;

 }

 

 .b3_swiper_cont {

     position: relative;

     padding: 0 100px;

     width: 100%;

 }

 

 .b3_swiper_cont .b3_swiper {

     width: 100%;

 }

 

 .b3_swiper_cont .b3_prev1,

 .b3_swiper_cont .b3_prev2 {

     position: absolute;

     top: 50%;

     left: 0;

     transform: translateY(-50%);

 }

 

 .b3_swiper_cont .b3_next1,

 .b3_swiper_cont .b3_next2 {

     position: absolute;

     top: 50%;

     right: 0;

     transform: translateY(-50%);

 }

 

 .b3_cont_swipr {

     width: 100%;

 }

 

 .b3_cont_swipr .b3_img {

     width: 100%;

     overflow: hidden;

 }

 

 .b3_cont_swipr .b3_img img {

     width: 100%;

 }

 

 .b3_cont_swipr p {

     font-size: 16px;

     font-weight: 400;

     color: #333333;

     line-height: 23px;

     text-align: center;

     margin-top: 26px;

 }

 

 .swiper-button-disabled {

     cursor: auto;

     pointer-events: none;

 }

 

 .b3_tioe_conter {

     width: 100%;

     padding: 100px 0;

     background: url(/static/frontend/images/b3_img2.jpg) no-repeat center center/cover;

 }

 

 .b3_tioe_conter .b3_img {

     border: 1px solid #DBE3ED;

 }

 

 .b4_one_conter {

     width: 100%;

     padding: 100px 0;

     overflow: hidden;

 }

 

 .b4_one_conter .b4_one_left {

     width: 52.57%;

     float: left;

     padding-right: 170px;

 }

 

 .b4_one_conter .b4_one_left h3 {

     font-size: 48px;

     /* font-weight: 600; */

     color: #000000;

     line-height: 50px;

     position: relative;

     padding-bottom: 36px;

     margin-bottom: 36px;

 }

 

 .b4_one_conter .b4_one_left h3::before {

     content: "";

     position: absolute;

     bottom: 0;

     left: 0;

     width: 60px;

     height: 2px;

     background: #003B91;

     display: inline-block;

 }

 

 .b4_one_conter .b4_one_left p {

     font-size: 16px;

     font-weight: 400;

     color: #000000;

     line-height: 36px;

     margin-bottom: 10px;

     text-align: justify;

 }

 

 .b4_one_conter .b4_one_right {

     width: 47.43%;

     float: left;

 }

 

 .b4_one_conter .b4_one_right img {

     width: 100%;

 }

 

 .b4_tow_conter {

     width: 100%;

     padding: 100px 0 80px 0;

     background: url(/static/frontend/images/b4_img2.jpg) no-repeat center center/cover;

     position: relative;

 }

 

 .b4_tow_conter::before {

     position: absolute;

     top: 47%;

     left: 0;

     width: 100%;

     height: 2px;

     background: rgba(255, 255, 255, 0.5);

     transform: translateY(-47%);

     content: "";

 }

 

 .b4_tow_conter .b4_swiper .swiper-slide {

     height: 440px;

 }

 

 .b4_tow_conter .b4_swiper .swiper-slide .item {

     width: 100%;

     position: absolute;

     left: 0px;

     bottom: -34px;

     background: url(/static/frontend/images/b4_icon2.png) no-repeat left bottom 65px;

     padding-left: 34px;

     padding-top: 80px;

 }

 

 .b4_tow_conter .b4_swiper .swiper-slide:last-child .item {

     left: -85px !important;

 }

 

 .b4_tow_conter .b4_swiper .swiper-slide:nth-child(odd) .item {

     top: 0;

     left: -0px;

     background: url(/static/frontend/images/b4_icon1.png) no-repeat left top 31px;

     padding-top: 15px;

 }

 

 .b4_tow_conter .b4_swiper .swiper-slide:nth-child(1) .item {

     left: 0;

 }

 

 .b4_tow_conter .b4_swiper .swiper-slide .item .item_text {

     width: 256px;

 }

 

 .b4_tow_conter .b4_swiper .swiper-slide .item h3 {

     font-size: 30px;

     font-weight: bold;

     color: #FFFFFF;

     line-height: 36px;

     margin-bottom: 20px;

 }

 

 .b4_tow_conter .b4_swiper .swiper-slide .item .item_text {

     height: 120px;

 }

 

 .b4_tow_conter .b4_swiper .swiper-slide .item .item_text,

 .b4_tow_conter .b4_swiper .swiper-slide .item .item_text p {

     font-size: 16px;

     font-weight: 400;

     color: #FFFFFF;

     line-height: 30px;

 }

 

 .b4_warpo {

     width: 100%;

     position: relative;

     padding: 0 50px;

 }

 

 .b4_warpo .b4-prev {

     width: 18px;

     height: 34px;

     background: url(/static/frontend/images/b4_icon3_h.png) no-repeat center center/100%;

     transition: all .4s;

     cursor: pointer;

     position: absolute;

     top: 34%;

     left: -23px;

     transform: translateY(-34%);

 }

 

 .b4_warpo .b4-next {

     width: 18px;

     height: 34px;

     background: url(/static/frontend/images/b4_icon4_h.png) no-repeat center center/100%;

     transition: all .4s;

     cursor: pointer;

     position: absolute;

     top: 34%;

     right: -23px;

     transform: translateY(-34%);

 }

 

 .b4_warpo .b4_swiper {

     padding-bottom: 60px;

 }

 

 .c1_conter {

     width: 100%;

     overflow: hidden;

     background: url(/static/frontend/images/c1_banner.jpg) no-repeat center center/cover;

     padding-top: 80px;

 }

 

 .c1_conter .c1_ul_list {

     width: 100%;

 }

 

 .c1_conter .c1_ul_list ul {

     width: 100%;

     display: flex;

     flex-wrap: wrap;

     align-items: stretch;

 }

 

 .c1_conter .c1_ul_list ul li {

     width: calc(100% / 3 - 1px);

     float: left;

     border-bottom: 1px solid rgba(238, 238, 238, .3);

     border-right: 1px solid rgba(238, 238, 238, .3);

 }

 

 .c1_conter .c1_ul_list ul li:nth-child(3n) {

     border-right: 0;

 }

 

 .c1_conter .c1_ul_list ul li:nth-child(1),

 .c1_conter .c1_ul_list ul li:nth-child(2),

 .c1_conter .c1_ul_list ul li:nth-child(3) {

     border-top: 1px solid rgba(238, 238, 238, .3);

 }

 

 .c1_conter .c1_ul_list ul li .c1_text {

     width: calc(100% - 178px);

     float: left;

 }

 

 .c1_conter .c1_ul_list ul li .c1_text h3 {

     font-size: 24px;

     /* font-weight: 600; */

     color: #FFFFFF;

     line-height: 32px;

     margin-bottom: 23px;

 }

 

 .c1_conter .c1_ul_list ul li a {

     width: 100%;

     display: flex;

     align-items: center;

     padding: 80px;

 }

 

 .c1_conter .c1_ul_list ul li .c1_text p {

     font-size: 16px;

     font-weight: 400;

     color: #FFFFFF;

     line-height: 24px;

     margin-bottom: 30px;

 }

 

 .c1_conter .c1_ul_list ul li .c1_text .icon_more {

     width: 23px;

     height: 15px;

     background: url(/static/frontend/images/icon_right2.png) no-repeat center center/100%;

     display: block;

     transition: all .4s;

     position: relative;

 }

 

 .c1_conter .c1_ul_list ul li .c1_img {

     width: 178px;

     float: left;

 }

 

 .c1_conter .c1_ul_list ul li .c1_img img {

     width: 100%;

 }

 

 .c1_conter .footer_boter {

     padding: 30px 0;

 }

 

 .c1_conter .footer_boter .bottom_l {

     width: 100%;

     text-align: center;

 }

 

 .c1_conter .footer_boter .bottom_l p,

 .c1_conter .footer_boter a {

     color: #aaa;

 }

 

 .c2_conter {

     padding: 100px 0 80px 0;

 }

 

 .c2_title {

     width: 100%;

     overflow: hidden;

     margin-bottom: 56px;

     display: flex;

     align-items: center;

     justify-content: space-between;

 }

 

 .c2_title .c2_h3 {

     width: 80%;

     float: left;

 }

 

 .c2_title h3 {

     font-size: 48px;

     /* font-weight: 600; */

     color: #000000;

     line-height: 50px;

 }

 

 .c2_title .sier_top {

     float: right;

     display: flex;

     align-items: center;

 }

 

 .c2_swiper_cont {

     width: 100%;

 }

 

 .c2_swiper_cont .c2_swiper {

     width: 100%;

 }

 

 .c2_swiper_cont .c2_swiper .swiper-slide ul li {

     width: 32.5%;

     float: left;

     margin-right: 1.25%;

 }

 

 .c2_swiper_cont .c2_swiper .swiper-slide ul li:nth-child(3) {

     margin-right: 0;

 }

 

 .c2_conter_text {

     width: 100%;

     overflow: hidden;

     position: relative;

 }

 

 .c2_conter_text img.img {

     width: 100%;

     transition: all .4s;

     overflow: hidden;

 }

 /* .c2_conter_text:hover img.img {

     transform: scale(1.1);

 } */

 

 .c2_conter_text .c2_swie_cont {

     position: absolute;

     left: 0;

     width: 100%;

     bottom: -40px;

     padding: 45px 40px 45px 50px;

     display: flex;

     align-items: center;

     transition: all .4s;

 }

 

 .c2_conter_text:hover .c2_swie_cont {

     bottom: 0;

 }

 

 .c2_conter_text .c2_swie_cont .c2_swir_text {

     width: calc(100% - 50px);

     float: left;

     padding-right: 24px;

 }

 

 .c2_conter_text .c2_swie_cont .c2_swir_text h3 {

     font-size: 22px;

     color: #FFFFFF;

     line-height: 30px;

     white-space: nowrap;

     overflow: hidden;

     text-overflow: ellipsis;

 }

 

 .c2_conter_text .c2_swie_cont .c2_swir_text p {

     font-size: 16px;

     font-weight: 400;

     color: #FFFFFF;

     line-height: 24px;

     margin-top: 10px;

     opacity: 0;

     transition: all .4s;

     visibility: hidden;

     white-space: nowrap;

     overflow: hidden;

     text-overflow: ellipsis;

 }

 

 .c2_conter_text:hover .c2_swie_cont .c2_swir_text p {

     opacity: 1;

     visibility: visible;

 }

 

 .c2_conter_text .c2_swie_cont .c2_swir_mor {

     width: 50px;

     float: left;

     opacity: 0;

     transition: all .4s;

     visibility: hidden;

 }

 

 .c2_conter_text:hover .c2_swie_cont .c2_swir_mor {

     opacity: 1;

     visibility: visible;

 }

 

 .c2_conter_text .c2_swie_cont .c2_swir_mor img {

     width: 100%;

 }

 

 .c2_conter .sier_top .c2_prev,

 .c2_conter .sier_top .c2_prev1 {

     width: 13px;

     height: 25px;

     background: url(/static/frontend/images/c2_iconl.png) no-repeat center center/100%;

     margin-right: 23px;

     cursor: pointer;

     transition: all .4s;

 }

 

 .c2_conter .sier_top .c2_prev:hover,

 .c2_conter .sier_top .c2_prev:hover {

     background: url(/static/frontend/images/c2_iconl_h.png) no-repeat center center/100%;

 }

 

 .c2_conter .sier_top .c2_next,

 .c2_conter .sier_top .c2_next1 {

     width: 13px;

     height: 25px;

     background: url(/static/frontend/images/c2_iconr.png) no-repeat center center/100%;

     margin-left: 23px;

     cursor: pointer;

     transition: all .4s;

 }

 

 .c2_conter .sier_top .c2_next:hover,

 .c2_conter .sier_top .c2_next:hover {

     background: url(/static/frontend/images/c2_iconr_h.png) no-repeat center center/100%;

 }

 

 .c2_conter .sier_top .c2_cutAct,

 .c2_conter .sier_top .c2_cutAct1 {

     color: #003B91;

     font-size: 16px;

 }

 

 .c2_cutAll,

 .c2_cutAll1 {

     margin: 0 4px;

 }

 

 .c2_conter .sier_top .c2_total,

 .c2_conter .sier_top .c2_total1,

 .c2_conter .sier_top .c2_cutAll,

 .c2_conter .sier_top .c2_cutAll1 {

     color: #666666;

     font-size: 16px;

 }

 

 .c2_conter .sier_top .c2_cutAll ， .c2_conter .sier_top .c2_cutAll1 {

     margin: 0 4px;

 }

 

 .c2_able {

     width: 100%;

 }

 

 .c2_table {

     width: 100%;

     overflow: hidden;

     padding-bottom: 80px;

 }

 

 .c2_table .c2_table_min {

     width: 100%;

     margin-bottom: 60px;

 }

 

 .c2_table .c2_table_min .column_01 {

     width: 100%;

 }

 

 .c2_table .c2_table_min .column_01 col {

     width: 20%;

     /* float: left; */

 }

 

 .c2_table .c2_table_min thead {

     width: 100%;

 }

 

 .c2_table .c2_table_min thead tr {

     background: #003B91;

     height: 70px;

 }

 

 .c2_table .c2_table_min thead tr th {

     font-size: 18px;

     color: #FFFFFF;

     line-height: 23px;

     font-weight: 400;

     text-align: left;

     padding-left: 58px;

     padding-right: 24px;

 }

 

 th {

     font-weight: normal;

 }

 

 .c2_table .c2_table_min tbody {

     width: 100%;

 }

 

 .c2_table .c2_table_min tbody tr {

     width: 100%;

     border-bottom: 1px solid #EEEEEE;

     transition: all .4s;

 }

 

 .c2_table .c2_table_min tbody tr td {

     font-size: 16px;

     font-weight: 400;

     color: #333333;

     line-height: 24px;

     padding: 22px 0;

     text-align: left;

     padding-left: 58px;

     padding-right: 24px;

     transition: all .4s;

 }

 

 .c2_table .c2_table_min tbody tr:hover {

     background: rgba(0, 59, 145, 0.05)

 }

 

 .c2_table .c2_table_min tbody tr:hover td {

     color: #003B91;

 }

 /* 分页 */

 

 .pages {

     width: 100%;

     overflow: hidden;

     display: flex;

     align-items: center;

     justify-content: center;

 }

 

 .pages ul li {

     float: left;

     margin: 0 5px;

     width: 46px;

     height: 46px;

     display: flex;

     justify-content: center;

     align-items: center;

 }

 

 .pages ul li.not_pat {

     background: #E5E5E5;

     transition: all .4s;

     /* margin: 0 30px; */

 }

 

 .pages ul li.not_pat:first-child {

     margin-right: 30px;

 }

 

 .pages ul li.not_pat:last-child {

     margin-left: 30px;

 }

 

 .pages ul li.not_pat a::before {

     width: 0 !important;

 }

 

 .pages ul li.not_pat:hover {

     background: #003B91;

 }

 

 .pages ul li a {

     font-size: 18px;

     font-weight: 400;

     color: #999999;

     line-height: 33px;

     display: inline-block;

     padding: 0px 14px;

     transition: all .4s;

     position: relative;

     width: 100%;

     height: 100%;

     display: flex;

     justify-content: center;

     align-items: center;

 }

 

 .pages ul li a::before {

     transition: all .4s;

     position: absolute;

     content: "";

     left: 50%;

     transform: translateX(-50%);

     width: 0px;

 }

 

 .pages ul li a:hover::before,

 .pages ul li.active a::before {

     position: absolute;

     content: "";

     width: 14px;

     height: 2px;

     background: #003B91;

     top: 79%;

     left: 50%;

     transform: translateX(-50%);

 }

 

 .pages ul li.active a,

 .pages ul li:hover a {

     color: #003B91;

 }

 /* .c3_conter */

 

 .c3_conter {

     width: 100%;

     overflow: hidden;

     border-bottom: 1px solid #eee;

 }

 

 .c3_conter .c3_top_one {

     width: 100%;

     display: flex;

     align-items: stretch;

     justify-content: space-between;

 }

 

 .c3_conter .c3_top_one .c3_one_left h3 {

     font-size: 48px;

     color: #000000;

     line-height: 50px;

     margin-bottom: 23px;

 }

 

 .c3_conter .c3_top_one .c3_one_left {

     width: calc(100% - 514px);

     float: left;

     border-right: 1px solid #EEEEEE;

     padding-right: 88px;

     padding-top: 100px;

     padding-bottom: 100px;

 }

 

 .c3_conter .c3_top_one .c3_one_right {

     width: 433px;

     float: left;

     margin-top: 100px;

     margin-left: 80px;

     position: relative;

 }

 

 .c3_conter .c3_top_one .c3_one_left .c3_one_text {

     width: 100%;

     font-size: 16px;

     font-weight: 400;

     color: #333333;

     line-height: 36px;

     min-height: 400px;

 }

 

 .c3_conter .c3_top_one .c3_one_left .c3_one_text p {

     font-size: 16px;

     font-weight: 400;

     color: #333333;

     line-height: 36px;

 }

 

 .c3_conter .c3_top_one .c3_one_left .c3_one_text img {

     max-width: 100%;

     /* margin-top: 66px; */

 }

 

 .c3_conter .c3_top_one .c3_one_right .c3_ul_list {

     width: 100%;

     float: left;

 }

 

 .c3_conter .c3_top_one .c3_one_right .c3_ul_list ul li {

     display: flex;

     align-items: flex-start;

     margin-bottom: 50px;

 }

 

 .c3_conter .c3_top_one .c3_one_right .c3_ul_list ul li:last-child {

     margin-bottom: 0;

 }

 

 .c3_conter .c3_top_one .c3_one_right .c3_ul_list ul li .icon_c3 {

     width: 55px;

     float: left;

 }

 

 .c3_conter .c3_top_one .c3_one_right .c3_ul_list ul li .icon_c3 img {

     width: 100%;

 }

 

 .c3_conter .c3_top_one .c3_one_right .c3_ul_list ul li .icoN-text {

     width: calc(100% - 55px);

     float: left;

     padding-left: 20px;

 }

 

 .c3_conter .c3_top_one .c3_one_right .c3_ul_list ul li .icoN-text p {

     color: #666666;

     font-size: 16px;

     line-height: 24px;

     margin-bottom: 6px;

 }

 

 .c3_conter .c3_top_one .c3_one_right .c3_ul_list ul li .icoN-text h4 {

     color: #000;

     font-size: 22px;

     line-height: 32px;

 }

 

 .c3_ul_list {

     position: absolute;

     top: 0;

     right: 0;

 }

 

 .c3_c2_cont {

     padding-top: 80px;

     padding-bottom: 100px;

 }

 

 .d1_foorer {

     width: 100%;

     position: fixed;

     left: 0;

     top: 0;

     height: 100vh;

     background: rgba(1, 1, 1, 0.5);

     opacity: 0;

     visibility: hidden;

     z-index: -1;

     transition: all .4s;

 }

 

 .d1_foorer.active {

     opacity: 1;

     visibility: visible;

     z-index: 999;

 }

 

 .d1_foorer .d1_from {

     /* position: relative; */

     position: absolute;

     top: 50%;

     left: 50%;

     transform: translate(-50%, -50%);

     width: 530px;

 }

 

 .d1_foorer .d1_from .form {

     width: 530px;

     /* height: 440px; */

     background: #FFFFFF;

     padding: 59px 90px 77px 90px;

 }

 

 .d1_foorer .d1_from .form h3 {

     font-size: 36px;

     font-weight: 400;

     color: #000000;

     line-height: 40px;

     text-align: center;

     margin-bottom: 20px;

 }

 

 .d1_foorer .d1_from .form p {

     font-size: 16px;

     font-weight: 400;

     color: #888888;

     line-height: 24px;

     text-align: center;

     margin-bottom: 60px;

 }

 

 .d1_foorer .d1_from .form .layui-form {

     width: 100%;

 }

 

 .d1_foorer .d1_from .form .layui-form .d1_input {

     width: 100%;

 }

 

 .d1_foorer .d1_from .form .layui-form .d1_input input {

     height: 60px;

     font-size: 16px;

     font-weight: normal;

     color: #888888;

     width: 100%;

     border-radius: 0;

     border: 0;

     border-bottom: 1px solid #E5E5E5;

     text-align: center;

     padding-left: 0;

 }

 

 .d1_foorer .d1_from .form .layui-form .buttom {

     width: 100%;

     margin-top: 60px;

 }

 

 .d1_foorer .d1_from .form .layui-form .buttom input {

     width: 100%;

     height: 56px;

     background: #003B91;

     border-radius: 0;

     font-size: 18px;

     font-weight: 400;

     color: #FFFFFF;

     display: flex;

     justify-content: center;

     align-items: center;

 }

 

 .d1_foorer .d1_from .codex {

     width: 29px;

     position: absolute;

     top: -31px;

     right: -52px;

     cursor: pointer;

 }

 

 .d1_foorer .d1_from .codex img {

     width: 100%;

 }

 

 .d1_conter {

     width: 100%;

     overflow: hidden;

     padding: 100px 0;

 }

 

 .d1_ul_list {

     width: 100%;

     margin-top: 60px;

 }

 

 .d1_ul_list ul {

     width: 100%;

 }

 

 .d1_ul_list ul li {

     width: 23.6%;

     float: left;

     margin-right: 1.86%;

     background: url(/static/frontend/images/d1_img1.jpg) no-repeat bottom right/cover;

     border: 1px solid #E5E5E5;

     position: relative;

     transition: all .4s;

     margin-bottom: 60px;

 }

 

 .d1_ul_list ul li::before {

     position: absolute;

     content: "";

     width: 100%;

     height: 3px;

     background: #003B91;

     top: 0;

     left: 0;

 }

 

 .d1_ul_list ul li:nth-child(4n) {

     margin-right: 0;

 }

 

 .d1_ul_list ul li .d1_text {

     width: 100%;

     padding: 65px 44px;

     border-bottom: 1px dashed #e5e5e5;

     padding-bottom: 100px;

     transition: all .4s;

 }

 

 .d1_ul_list ul li .d1_text p {

     font-size: 16px;

     color: #999999;

     line-height: 24px;

     margin-bottom: 24px;

     /* transition: all .4s; */

 }

 

 .d1_ul_list ul li .d1_text h3 {

     font-size: 22px;

     color: #000000;

     line-height: 32px;

     height: 64px;

     text-overflow: ellipsis;

     overflow: hidden;

     display: -webkit-box;

     -webkit-line-clamp: 2;

     -webkit-box-orient: vertical;

     /* transition: all .4s; */

 }

 

 .d1_ul_list ul li .d1_more {

     width: 100%;

     padding: 36px 44px;

 }

 

 .d1_ul_list ul li .d1_more p {

     position: relative;

     font-size: 16px;

     font-weight: 400;

     color: #003B91;

     line-height: 23px;

     padding-left: 36px;

     /* transition: all .4s; */

 }

 

 .d1_ul_list ul li .d1_more p::before {

     content: "";

     position: absolute;

     bottom: 0;

     left: 0;

     /* transform: translateY(-50%); */

     width: 23px;

     height: 28px;

     background: url(/static/frontend/images/d1_img4.png) no-repeat center center/100%;

     display: inline-block;

     transition: all .4s;

 }

 /* 视频弹框 */

 

 .vdoBg {

     position: fixed;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

     background-color: rgba(0, 0, 0, .5);

     z-index: 999;

     visibility: hidden;

     opacity: 0;

     /* transition: all .4s; */

 }

 

 .vdoBg.vis,

 .vdoBox.vis,

 .banvdoBox.vis {

     visibility: visible;

     opacity: 1;

 }

 

 .vdoBox {

     position: fixed;

     top: 50%;

     left: 50%;

     -webkit-transform: translate(-50%, -50%);

     transform: translate(-50%, -50%);

     z-index: 9999;

     visibility: hidden;

     opacity: 0;

     /* -webkit-transition: all 0.5s ease 0s;

     transition: all 0.5s ease 0s; */

     max-width: 82%;

     min-width: 300px;

     width: 1058px;

 }

 

 .tanXx {

     cursor: pointer;

     width: 29px;

     height: 29px;

     text-align: center;

     line-height: 23px;

     font-size: 0;

     position: absolute;

     top: -31px;

     right: -52px;

     background: url(/static/frontend/images/gunbi.png) no-repeat center center/100%;

 }

 

 video {

     width: 100%;

     /* vertical-align: baseline; */

 }

 

 .d2_conter {

     width: 100%;

     padding: 100px 0;

 }

 

 .d2_conter .d2_ul_list {

     width: 100%;

     margin-top: 60px;

     padding-bottom: 20px;

 }

 

 .d2_conter .d2_ul_list ul li {

     width: 48.7%;

     float: left;

     margin-right: 2.6%;

     position: relative;

     cursor: pointer;

     margin-bottom: 40px;

 }

 

 .d2_conter .d2_ul_list ul li:nth-child(2n) {

     margin-right: 0;

 }

 

 .d2_conter .d2_ul_list ul li .shipin_xs {

     width: 100%;

     overflow: hidden;

     position: relative;

 }

 

 .d2_conter .d2_ul_list ul li .shipin_xs img.img_top {

     width: 100%;

     transition: all .4s;

 }

 

 .d2_conter .d2_ul_list ul li .div_text {

     width: 100%;

     position: absolute;

     height: 100%;

     top: 0%;

     left: 0;

 }

 

 .d2_conter .d2_ul_list ul li .div_text .icon_img {

     width: 75px;

     position: absolute;

     top: 40%;

     left: 50%;

     transform: translate(-50%, -40%);

 }

 

 .d2_conter .d2_ul_list ul li .div_text .icon_img img {

     width: 100%;

 }

 

 .d2_conter .d2_ul_list ul li .d2_div_text {

     position: absolute;

     bottom: 54px;

     left: 0;

     width: 100%;

     padding: 0 60px;

 }

 

 .d2_conter .d2_ul_list ul li .d2_div_text h3 {

     font-size: 24px;

     color: #FFFFFF;

     line-height: 32px;

     margin-bottom: 10px;

     white-space: nowrap;

     overflow: hidden;

     text-overflow: ellipsis;

 }

 

 .d2_conter .d2_ul_list ul li .d2_div_text p {

     font-size: 16px;

     color: #FFFFFF;

     line-height: 24px;

 }

 

 .e1_conter {

     width: 100%;

     padding-bottom: 80px;

 }

 

 .e1_news_list {

     width: 100%;

     margin-top: 20px;

     margin-bottom: 60px;

 }

 

 .e1_news_list ul {

     width: 100%;

 }

 

 .e1_news_list ul li {

     width: 100%;

     padding: 70px 0;

     border-bottom: 1px solid #EEEEEE;

     transition: all .4s;

 }

 

 .e1_news_list ul li .e1_li_text {

     width: calc(100% - 460px);

     float: left;

     padding-right: 120px;

 }

 

 .e1_news_list ul li .e1_li_text h5 {

     font-size: 18px;

     color: #003B91;

     line-height: 22px;

     margin-bottom: 26px;

     margin-top: 10px;

 }

 

 .e1_news_list ul li .e1_li_text h3 {

     font-size: 26px;

     color: #000000;

     line-height: 28px;

     white-space: nowrap;

     overflow: hidden;

     text-overflow: ellipsis;

     margin-bottom: 30px;

     transition: all .4s;

 }

 

 .e1_news_list ul li .e1_li_text p {

     font-size: 16px;

     font-weight: 400;

     color: #666666;

     line-height: 36px;

     text-overflow: ellipsis;

     overflow: hidden;

     display: -webkit-box;

     -webkit-line-clamp: 2;

     -webkit-box-orient: vertical;

     height: 72px;

 }

 

 .e1_news_list ul li .e1_li_text .e1_li_more {

     width: 100%;

     margin-top: 62px;

 }

 

 .e1_news_list ul li .e1_li_text .e1_li_more p {

     position: relative;

     width: 148px;

     height: 50px;

     border: 2px solid #003B91;

     display: flex;

     justify-content: center;

     align-items: center;

     transition: all .4s;

 }

 

 .e1_news_list ul li .e1_li_text .e1_li_more p span {

     font-size: 16px;

     font-weight: 400;

     color: #003B91;

     line-height: 36px;

     transition: all .4s;

 }

 

 .e1_news_list ul li .e1_li_text .e1_li_more p .icon_more {

     width: 8px;

     height: 16px;

     background: url(/static/frontend/images/e1_iconr2.png) no-repeat center center/100%;

     transition: all .4s;

     margin-left: 13px;

 }

 

 .e1_news_list ul li .e1_li_img {

     width: 460px;

     float: left;

     overflow: hidden;

 }

 

 .e1_news_list ul li .e1_li_img img {

     width: 100%;

     transition: all .4s;

 }

 

 .e1_news_list ul li a {

     width: 100%;

     display: inline-block;

 }

 

 .e2_conter {

     width: 100%;

     padding: 80px 0 100px 0;

 }

 

 .warp_1000 {

     width: 1000px;

     margin: auto;

 }

 

 .e2_conter .title {

     width: 100%;

     border-bottom: 1px solid #EEEEEE;

     padding-bottom: 30px;

 }

 

 .e2_conter .title h3 {

     font-size: 30px;

     color: #000000;

     line-height: 36px;

     text-align: center;

     margin-bottom: 24px;

 }

 

 .e2_conter .title p {

     font-size: 16px;

     color: #999999;

     line-height: 22px;

     text-align: center;

 }

 

 .e2_conter .e2_text {

     padding-top: 50px;

     font-size: 16px;

     font-weight: 400;

     color: #333333;

     line-height: 36px;

     padding-bottom: 70px;

 }

 

 .e2_conter .e2_text p {

     font-size: 16px;

     font-weight: 400;

     color: #333333;

     line-height: 36px;

 }

 

 .e2_conter .e2_text img {

     height: auto !important;

     max-width: 100%;

     margin: auto;

     display: inline-block;

 }

 

 .e2_conter .e2_page {

     width: 100%;

     border-top: 1px solid#EEEEEE;

     border-bottom: 1px solid #EEEEEE;

     border: 1px solid #EEEEEE;

     border-left: 0;

     border-right: 0;

     /* display: flex;

     align-items: center; */

     padding: 30px 0;
     position: relative;
     overflow: hidden;

 }

 

 .e2_conter .e2_page .e2_page_left,

 .e2_conter .e2_page .e2_page_right {

     float: left;

     width: 40%;

 }

 
 .e2_conter .e2_page .e2_page_right{
     float: right;
 }
 .e2_conter .e2_page .e2_page_cont {

     display: flex;

     align-items: center;

     justify-content: center;

     width: 20%;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);

 }

 

 .e2_conter .e2_page .e2_page_cont a {

     width: 17px;

     transition: all 1s;

 }

 

 .e2_conter .e2_page .e2_page_cont a img {

     width: 100%;

 }

 

 .e2_conter .e2_page .e2_page_right p {

     text-align: right;

 }

 

 .e2_conter .e2_page .e2_page_left p span,

 .e2_conter .e2_page .e2_page_left p a,

 .e2_conter .e2_page .e2_page_right p span,

 .e2_conter .e2_page .e2_page_right p a {

     font-size: 16px;

     font-weight: 400;

     color: #333333;

     line-height: 36px;

     transition: all .4s;

 }

 

 .e2_conter .e2_page .e2_page_left p span,

 .e2_conter .e2_page .e2_page_right p span {

     width: 64px;

     display: block;

     float: left;

 }

 

 .e2_conter .e2_page .e2_page_left p a,

 .e2_conter .e2_page .e2_page_right p a {

     white-space: nowrap;

     overflow: hidden;

     text-overflow: ellipsis;

     display: block;

     width: calc(100% - 64px);

     float: left;

 }

 

 .f1_conter {

     width: 100%;

     padding-top: 100px;

 }

 

 .f1_conter .title_h3 h3,

 .g1_conter .title_h3 h3 {

     padding-bottom: 34px;

 }

 

 .f1_conter .title_h3 h3::before,

 .g1_conter .title_h3 h3::before {

     position: absolute;

     content: "";

     bottom: 0;

     left: 50%;

     transform: translateX(-50%);

     width: 50px;

     height: 3px;

     background: #003B91;

 }

 

 .f1_conter .f1_conte_text {

     width: 100%;

     margin-top: 20px;

     margin-bottom: 80px;

 }

 

 .f1_conter .f1_conte_text p {

     font-size: 18px;

     font-weight: 400;

     color: #333333;

     line-height: 42px;

     text-align: center;

 }

 

 .f1_conter .f1_img1 {

     width: 100%;

 }

 

 .f1_conter .f1_img1 img {

     width: 100%;

 }

 

 .f1_one_cont {

     width: 100%;

     padding: 80px 0;

 }

 

 .f1_one_cont .f1_one_list {

     width: 100%;

     margin-top: 60px;

 }

 

 .f1_one_cont .f1_one_list .f1_one_ul {

     width: 100%;

     background: #003B91;

     padding: 0 56px;

 }

 

 .f1_one_cont .f1_one_list .f1_one_ul ul li {

     float: left;

     overflow: hidden;

     padding: 16px 0;

     font-size: 18px;

     color: #FFFFFF;

     line-height: 32px;

 }

 

 .f1_one_cont .f1_one_list .f1_one_ul ul li:nth-child(4) {

     text-align: center;

 }

 

 .f1_one_cont .f1_one_list .f1_one_ul ul li:nth-child(1),

 .f1_one_cont .f1_one_top ul li .f1_title dl dt:nth-child(1) {

     width: 47%;

 }

 

 .f1_one_cont .f1_one_list .f1_one_ul ul li:nth-child(2),

 .f1_one_cont .f1_one_top ul li .f1_title dl dt:nth-child(2) {

     width: 19%;

     text-align: center;

 }

 

 .f1_one_cont .f1_one_list .f1_one_ul ul li:nth-child(3),

 .f1_one_cont .f1_one_top ul li .f1_title dl dt:nth-child(3) {

     width: calc(34% - 60px);

     text-align: center;

 }

 

 .f1_one_cont .f1_one_list .f1_one_ul ul li:nth-child(4),

 .f1_one_cont .f1_one_top ul li .f1_title dl dt:nth-child(4) {

     width: 60px;

 }

 

 .f1_one_cont .f1_one_top {

     width: 100%;

     margin-bottom: 60px;

 }

 

 .f1_one_cont .f1_one_top ul li {

     width: 100%;

     border-bottom: 1px solid #EAEAEA;

 }

 

 .f1_one_cont .f1_one_top ul li.active {

     border-bottom: 1px solid rgba(0, 59, 145, 0.05);

 }

 /* .f1_one_cont .f1_one_top ul li:first-child {

     border-top: 1px solid #EAEAEA;

 }

  */

 

 .f1_one_cont .f1_one_top ul li .f1_title {

     width: 100%;

     padding: 0 56px;

     cursor: pointer;

 }

 

 .f1_one_cont .f1_one_top ul li .f1_title dl {

     width: 100%;

 }

 

 .f1_one_cont .f1_one_top ul li .f1_title dl dt {

     font-size: 18px;

     font-weight: 400;

     color: #333333;

     line-height: 36px;

     float: left;

     padding: 18px 0;

 }

 

 .f1_one_cont .f1_one_top ul li .f1_title dl dt:nth-child(3) {

     /* padding-left: 18px; */

 }

 

 .f1_one_cont .f1_one_top ul li .f1_title dl dt:nth-child(2),

 .f1_one_cont .f1_one_top ul li .f1_title dl dt:nth-child(3) {

     font-size: 16px;

     font-weight: 400;

     color: #999999;

     line-height: 36px;

 }

 

 .f1_one_cont .f1_one_top ul li .f1_title dl dt:nth-child(4) {

     display: flex;

     justify-content: center;

     align-items: center;

 }

 

 .f1_one_cont .f1_one_top ul li .f1_title dl dt span {

     font-size: 16px;

     font-weight: 400;

     color: #003B91;

     line-height: 36px;

     margin-right: 7px;

 }

 

 .f1_one_cont .f1_one_top ul li .f1_title dl dt i.dowem {

     width: 11px;

     height: 6px;

     background: url(/static/frontend/images/f1_iconxia.png) no-repeat center center/100%;

     transition: all .4s;

     display: block;

 }

 

 .f1_one_cont .f1_one_top ul li .f1_title dl dt i.dowem.up {

     background: url(/static/frontend/images/f1_iconshang.png) no-repeat center center/100%;

 }

 

 .f1_one_cont .f1_one_top .f1_tile_hover {

     width: 100%;

     background: rgba(0, 59, 145, 0.05);

     padding: 56px 56px 64px 56px;

     display: none;

 }

 

 .f1_one_cont .f1_one_top .f1_tile_hover .f1_title_left {

     width: 50%;

     float: left;

 }

 

 .f1_one_cont .f1_one_top .f1_tile_hover .f1_title_left h4 {

     font-size: 16px;

     font-weight: 400;

     color: #333333;

     line-height: 50px;

     margin-bottom: 10px;

 }

 

 .f1_one_cont .f1_one_top .f1_tile_hover .f1_title_left p,

 .f1_one_cont .f1_one_top .f1_tile_hover .f1_title_left {

     font-size: 16px;

     font-weight: 400;

     color: #666666;

     line-height: 33px;

 }

 

 .f2_conter {

     padding-top: 100px;

     width: 100%;

 }

 

 .f2_conter .title_h3 p {

     margin-top: 19px;

 }

 

 .f2_conter .f2_form {

     width: 100%;

     margin-top: 60px;

     margin-bottom: 100px;

 }

 

 .f2_conter .f2_form .layui-form {

     width: 69.23%;

     margin: auto;

 }

 

 .f2_conter .f2_form .layui-form .f2_div_input {

     width: 100%;

 }

 

 .f2_conter .f2_form .layui-form .f2_div_input .f2_input {

     width: 49.1%;

     float: left;

     margin-right: 1.8%;

     position: relative;

     background: #F6F6F6;

     margin-bottom: 20px;

 }

 

 .f2_conter .f2_form .layui-form .f2_div_input .f2_input i {

     position: absolute;

     top: 50%;

     transform: translateY(-50%);

     font-size: 16px;

     font-weight: 400;

     color: #FB0D1B;

     right: 27px;

 }

 

 .f2_conter .f2_form .layui-form .f2_div_input .f2_input label {

     position: absolute;

     top: 50%;

     transform: translateY(-50%);

     left: 60px;

     font-size: 16px;

     font-weight: 400;

     color: #666666;

     line-height: 30px;

 }

 

 .f2_conter .f2_form .layui-form .f2_div_input .f2_input input {

     height: 64px;

     width: 100%;

     background: url(/static/frontend/images/f2_icon4.png) no-repeat center left 30px;

     border: 0;

     padding-left: 106px;

     padding-right: 40px;

     font-size: 16px;

     font-weight: 400;

     color: #666666;

 }

 

 .f2_conter .f2_form .layui-form .f2_div_input .f2_input:nth-child(2n) {

     margin-right: 0;

 }

 

 .f2_conter .f2_form .layui-form .f2_div_input .f2_input:nth-child(2) input {

     padding-left: 140px;

     background: url(/static/frontend/images/f2_icon1.png) no-repeat center left 30px;

 }

 

 .f2_conter .f2_form .layui-form .f2_div_input .f2_input:nth-child(3) input {

     background: url(/static/frontend/images/f2_icon5.png) no-repeat center left 30px;

 }

 

 .f2_conter .f2_form .layui-form .f2_div_input .f2_input:nth-child(4) input {

     background: url(/static/frontend/images/f2_icon2.png) no-repeat center left 30px;

 }

 

 .f2_conter .f2_form .layui-form .f2_tearme {

     width: 100%;

     position: relative;

     background: #F6F6F6;

 }

 

 .f2_conter .f2_form .layui-form .f2_tearme label {

     position: absolute;

     top: 24px;

     left: 60px;

     font-size: 16px;

     font-weight: 400;

     color: #666666;

     line-height: 30px;

 }

 

 .f2_conter .f2_form .layui-form .f2_tearme textarea {

     width: 100%;

     height: 200px;

     background: url(/static/frontend/images/f2_icon3.png) no-repeat top 32px left 30px;

     font-size: 16px;

     font-weight: 400;

     color: #666666;

     border: 0;

     padding: 30px;

     padding-left: 140px;

     overflow: hidden;

     resize: none;

 }

 

 .f2_conter .f2_form .layui-form .f2_buttom {

     width: 100%;

     display: flex;

     justify-content: center;

     align-items: center;

     margin-top: 30px;

 }

 

 .f2_conter .f2_form .layui-form .f2_buttom input {

     width: 240px;

     height: 64px;

     background: #003B91;

     display: flex;

     justify-content: center;

     align-items: center;

     font-size: 18px;

     font-weight: 400;

     color: #FFFFFF;

     line-height: 33px;

 }

 

 .f2_conter .f2_list {

     width: 100%;

     padding: 60px 110px 56px 110px;

     border: 1px solid #EAEAEA;

     background: #fff;

     overflow: hidden;

     position: relative;

     z-index: 1;

 }

 

 .f2_conter .f2_list ul {

     display: flex;

     justify-content: space-between;

     width: 100%;

     align-items: flex-start;

 }

 

 .f2_conter .f2_list ul li {

     width: 25%;

     float: left;

     display: flex;

     justify-content: center;

     align-items: center;

     flex-direction: column;

     padding: 0 26px;

 }

 

 .f2_conter .f2_list ul li .f2_list_img {

     width: 35px;

     margin-bottom: 30px;

 }

 

 .f2_conter .f2_list ul li .f2_list_img img {

     width: 100%;

 }

 

 .f2_conter .f2_list ul li .f2_list_text {

     display: flex;

     justify-content: center;

     align-items: center;

     flex-direction: column;

     width: 100%;

 }

 

 .f2_conter .f2_list ul li .f2_list_text p {

     font-size: 16px;

     font-weight: 400;

     color: #666666;

     line-height: 33px;

     margin-bottom: 10px;

 }

 

 .f2_conter .f2_list ul li .f2_list_text h3,

 .f2_conter .f2_list ul li .f2_list_text h3 a {

     font-size: 20px;

     color: #333333;

     line-height: 33px;

     text-align: center;

     word-break: break-word;

     word-wrap: break-word;

     width: 100%;

 }

 

 .f2_conter .f2_map {

     width: 100%;

     height: 620px;

     position: relative;

     margin-top: -100px;

 }

 

 .g1_conter {

     width: 100%;

     padding: 100px 0;

 }

 

 .g1_conter .g1_text_conter {

     width: 100%;

 }

 

 .g1_conter .g1_text_conter .g1_text {

     margin-top: 40px;

 }

 

 .g1_conter .g1_text_conter .g1_text,

 .g1_conter .g1_text_conter .g1_text p {

     width: 100%;

     font-size: 18px;

     font-weight: 400;

     color: #000000;

     line-height: 40px;

     text-align: justify;

 }

 

 .g1_text_conter .table1 {

     width: 100%;

 }

 

 .g1_text_conter .table1 .g1_table {

     width: 68.6%;

     margin: auto;

     margin-top: 60px;

 }

 

 .g1_text_conter .table1 .g1_table .column_02 {

     width: 100%;

 }

 

 .g1_text_conter .table1 .g1_table .column_02 col:nth-child(1),

 .g1_text_conter .table1 .g1_table .column_02 col:nth-child(2),

 .g1_text_conter .table1 .g1_table .column_02 col:nth-child(6),

 .g1_text_conter .table1 .g1_table .column_02 col:nth-child(5) {

     width: 15.8%;

 }

 

 .g1_text_conter .table1 .g1_table .column_02 col:nth-child(3),

 .g1_text_conter .table1 .g1_table .column_02 col:nth-child(4),

 .g1_text_conter .table1 .g1_table .column_02 col:nth-child(7),

 .g1_text_conter .table1 .g1_table .column_02 col:nth-child(8) {

     width: 9.2%;

 }

 

 .g1_text_conter .table1 .g1_table thead tr th {

     background: #003B91;

     font-size: 18px;

     font-weight: 400;

     color: #FFFFFF;

     line-height: 40px;

     border-right: 2px solid #fff;

     padding: 0 14px;

 }

 

 .g1_text_conter .table1 .g1_table thead tr.firstRow th:nth-child(3) {

     /* border-bottom: 2px solid rgba(255, 255, 255, 0.2); */

 }

 

 .g1_text_conter .table1 .g1_table thead tr.towRow th {

     border-right: 2px solid rgba(255, 255, 255, 0.2);

     border-top: 2px solid rgba(255, 255, 255, 0.2);

 }

 

 .g1_text_conter .table1 .g1_table thead tr.towRow th:nth-child(2) {

     border-right: 2px solid rgba(255, 255, 255, 1);

     border-top: 0;

 }

 

 .g1_text_conter .table1 .g1_table thead tr.towRow th:nth-child(4) {

     border-right: 0;

     border-top: 0;

 }

 

 .g1_text_conter .table1 .g1_table tbody tr td {

     background: #F5F7FB;

     font-size: 16px;

     font-weight: 400;

     color: rgba(51, 51, 51, 1);

     line-height: 30px;

     border-right: 2px solid #fff;

     text-align: center;

     padding: 13px 14px;

     border-bottom: 2px solid #fff;

 }

 

 .g1_text_conter .table1 .g1_table thead tr th:last-child,

 .g1_text_conter .table1 .g1_table tbody tr td:last-child {

     border-right: 0;

 }

 

 .g1_text_conter .table2 {

     width: 68.6%;

     margin: auto;

     margin-top: 60px;

 }

 

 .g1_text_conter .table2 .g1_table1 {

     width: 100%;

 }

 

 .g1_text_conter .table2 .g1_table1 .column_03 col {

     width: 33.33%;

 }

 

 .g1_text_conter .table2 .g1_table1 thead tr th {

     background: #003B91;

     font-size: 18px;

     font-weight: 400;

     color: #FFFFFF;

     line-height: 40px;

     text-align: center;

     border-right: 2px solid #fff;

     padding: 10px 14px;

 }

 

 .g1_text_conter .table2 .g1_table1 thead tr th:last-child {

     border-right: 0;

 }

 

 .g1_text_conter .table2 .g1_table1 tbody tr td {

     font-size: 16px;

     font-weight: 400;

     color: #333333;

     line-height: 40px;

     border-right: 2px solid #fff;

     border-bottom: 2px solid #fff;

     background: #F5F7FB;

     padding: 10px 14px;

     text-align: center;

 }

 

 .g2_conter_text {

     margin-top: 40px;

     font-size: 18px;

     font-weight: 400;

     color: #000000;

     line-height: 40px;

     width: 100%;

 }

 

 .g2_conter_text p {

     font-size: 18px;

     font-weight: 400;

     color: #000000;

     line-height: 40px;

     margin-bottom: 20px;

 }

 

 .g2_conter_text img {

     height: auto !important;

     max-width: 100%;

 }

 

 .g2_conter_text img {

     height: auto !;

     max-width: 100%;

 }

 

 .anli_list {

     position: absolute;

     left: 0;

     width: 100%;

     bottom: 0;

     z-index: 1;

     border-top: 1px solid rgba(255, 255, 255, .2);

     padding: 14px 0;

 }

 

 .anli_list .warp {

     display: flex;

     align-items: center;

 }

 

 .anli_list .anl_bot_list {

     width: 79%;

     float: left;

 }

 

 .anli_list .anl_bot_list ul {

     width: 100%;

 }

 

 .anli_list .anl_bot_list ul li {

     width: 20%;

     float: left;

 }

 

 .anli_list .anl_bot_list ul li img {

     width: 100%;

 }

 

 .anli_list .anl_fotrbn {

     width: 21%;

     float: left;

 }

 

 .anli_list .anl_fotrbn p,

 .anli_list .anl_fotrbn p a {

     font-size: 14px;

     font-weight: 400;

     color: rgba(251, 251, 251, .8);

     line-height: 23px;

     transition: all .4s;

 }

 

 .anli_list .anl_fotrbn p a:hover {

     color: #fff;

 }

 /* IE浏览器版本兼容调试 */

 

 @media all and (-ms-high-contrast: none),

 (-ms-high-contrast: active) {

      ::-ms-clear,

      ::-ms-reveal {

         display: none;

     }

     .footer_left1 .footer_list ul li dl a.more::before {

         margin-top: 1px;

     }

     .cutover a::before {

         top: 30%;

     }

     .g1_text_conter .table1 .g1_table thead tr.towRow th:nth-child(1),

     .g1_text_conter .table1 .g1_table thead tr.towRow th:nth-child(3) {

         border-right: 2px solid rgba(255, 255, 255, 0.2);

         border-top: 2px solid rgba(255, 255, 255, 0.2);

     }

     .g1_text_conter .table1 .g1_table thead tr.towRow th:nth-child(2),

     .g1_text_conter .table1 .g1_table thead tr.towRow th:nth-child(4) {

         /* border-right: 2px solid rgba(255, 255, 255, 0.2); */

         border-top: 2px solid rgba(255, 255, 255, 0.2);

     }

 }

 

 @-moz-document url-prefix() {

     .g1_text_conter .table1 .g1_table thead tr.towRow th {

         border-right: 2px solid rgba(255, 255, 255, 0.2);

         border-top: 2px solid rgba(255, 255, 255, 0.2);

     }

 }

 /* 放置全部hover效果 */

 

 @media screen and (min-width: 1200px) {

     .banner_main_text .banner_text1 .banne_more:hover {

         border: 2px solid #003B91;

         background: #003B91;

     }

     .banner_main .gonf_le ul li .gont_l .title .icon_r_top:hover {

         position: relative;

         transform: translateX(4px);

     }

     .b4_warpo .b4-next:hover {

         background: url(/static/frontend/images/b4_icon4.png) no-repeat center center/100%;

     }

     .b4_warpo .b4-prev:hover {

         background: url(/static/frontend/images/b4_icon3.png) no-repeat center center/100%;

     }

     .c1_conter .c1_ul_list ul li:hover .c1_text .icon_more {

         transform: translateX(10px);

     }

     .d1_ul_list ul li:hover .d1_text {

         border-bottom: 1px dashed rgba(229, 229, 229, 0.15);

     }

     .d1_ul_list ul li:hover {

         background: url(/static/frontend/images/d1_img2.jpg) no-repeat bottom right/cover;

     }

     .d1_ul_list ul li:hover .d1_text p,

     .d1_ul_list ul li:hover .d1_text h3,

     .d1_ul_list ul li:hover .d1_more p {

         color: #fff;

     }

     .d1_ul_list ul li:hover .d1_more p::before {

         background: url(/static/frontend/images/d1_img3.png) no-repeat center center/100%;

     }

     .d2_conter .d2_ul_list ul li:hover .shipin_xs img.img_top {

         transform: scale(1.1);

     }

     .e1_news_list ul li:hover .e1_li_img img {

         transform: scale(1.1);

     }

     .e1_news_list ul li:hover {

         box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.09);

         border-bottom: 1px solid #fff;

     }

     .e1_news_list ul li:hover .e1_li_text h3 {

         color: #003B91;

     }

     .e1_news_list ul li:hover .e1_li_text .e1_li_more p {

         background: #003B91;

     }

     .e1_news_list ul li:hover .e1_li_text .e1_li_more p span {

         color: #fff;

     }

     .e1_news_list ul li:hover .e1_li_text .e1_li_more p .icon_more {

         background: url(/static/frontend/images/e1_iconr1.png) no-repeat center center/100%;

     }

     .e2_conter .e2_page .e2_page_left p a:hover,

     .e2_conter .e2_page .e2_page_right p a:hover {

         color: #003b91;

     }

     .e2_conter .e2_page .e2_page_cont a:hover {

         transform: rotate(360deg);

     }

     .banPagin .banNext:hover {

         background: url(/static/frontend/images/icon_right_h.png) no-repeat center center/100%;

     }

     .banPagin .banPrev:hover {

         background: url(/static/frontend/images/icon_left_h.png) no-repeat center center/100%;

     }

     .next_cont:hover {

         background: url(/static/frontend/images/b3_icon2_h.png) no-repeat center center/100%;

     }

     .prev_cont:hover {

         background: url(/static/frontend/images/b3_icon1_h.png) no-repeat center center/100%;

     }

 }

 

 .tio_coimg {

     position: relative;

 }

 

 .g2_ul_list {

     width: 100%;

     margin: 60px 0;

 }

 

 .g2_ul_list ul {

     width: 100%;

     display: flex;

     justify-content: center;

     align-items: stretch;

     flex-wrap: wrap;

 }

 

 .g2_ul_list ul li {

     width: 31.21%;

     float: left;

     margin-right: 3.1%;

     border: 1px solid #EEEEEE;

     margin-bottom: 10px;

 }

 

 .g2_ul_list ul li:nth-child(3n) {

     margin-right: 0;

 }

 

 .g2_ul_list ul li .g2_img {

     width: 100%;

     overflow: hidden;

 }

 

 .g2_ul_list ul li .g2_img img {

     width: 100%;

     transition: all .4s;

 }

 

 .g2_ul_list ul li:hover .g2_img img {

     transform: scale(1.1);

 }

 

 .g2_ul_list ul li .g2_text {

     width: 100%;

 }

 

 .g2_ul_list ul li .g2_text p {

     text-align: center;

     font-size: 20px;

     color: #003B91;

     line-height: 30px;

     margin: 0;

     padding: 20px 0;

 }

 /* .b3_conter .title_h3 h3,.b3_tioe_conter .title_h3 h3{
     font-weight: bold;
 } */