锘緻charset "utf-8"; html,body{font-family: "鎬濇簮榛戜綋","Arial";background: #fff;} /*hide scroll*/ html,body{-ms-overflow-style: none;margin: 0 auto;} ::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;} ::-webkit-scrollbar {width:0px;height:0px;} ::-webkit-scrollbar-thumb {background:#dddddd;background-clip:padding-box;min-height:28px;} ::-webkit-scrollbar-thumb:hover {background:#bbb;} .lg_1600{width: 83.33333333333334vw;margin: 0 auto;} /*澶撮儴鏍峰紡*/ .header{margin:0 auto;top:0;left:0;right:0;z-index: 99;text-align: center;transition: all .5s;position: fixed;background: url(../images/header_bg.png) no-repeat top center;background-size: cover; height: 107px;} .header h1{line-height: 96px;transition: all .75s;width: 100px;} .header .head_search{width: 20px;height: 42px;line-height: 42px;margin: 0 auto;border-right: 0px;} .header .head_search .search_icons{width: 20px;height: 20px;} .header .head_search p{position: absolute;top: 96px;left: 0;background: #fff;display: none;} .header .head_search input{width: 200px;height: 42px;line-height: 42px;background: none;border: none;float: left;text-indent: 1em;} .header .head_search button{background: #111;width: 55px;height: 42px;border:none;display: block;position: absolute;top: 0;right: 0;} .header .head_search button img{display: block;width: 17px;height: 17px;} .header .head_nav, .header .head_search, .header .head_lang, .header .head_tel{height: 96px;display: inline-block;vertical-align: top;line-height: 96px;padding:0 15px;position: relative;} .header .head_search::before, .header .head_lang::before, .header .head_tel::before{content: "";display: inline-block;height: 10px;width: 1px;background: rgba(255, 255, 255, 0.5);position: absolute;left: 0;top: 45px;} .header .head_tel{padding-right: 0;} .header .head_tel{color:#fff;font-size: 1.0416666666666667vw;font-weight: bold;} .header .head_nav ul{font-size: 0;} .header .head_nav ul li{display: inline-block;vertical-align: top;font-size: 0.9375vw;line-height: 90px;position: relative;width: 6.770833333333334vw;} .header .head_nav ul li a{display: block;color: #fff;box-sizing: border-box;} .header .head_nav ul li.active, .header .head_nav ul li:hover{background: #013461;} footer{background: #111;} .foot_logo {width: 100px;} .foot_nav{margin-top: 30px;} .foot_nav ul li{display: inline-block;vertical-align: top;font-size: 16px;color:#fff;margin-left: 40px;} .foot_nav ul li a{color:#fff;} .foot_center{font-size: 0;} .foot_center dl{display: inline-block;vertical-align: top;width: 7.8125vw;margin-right: 20px;} .foot_center dl dt{font-size: 18px;color:#fff;line-height: 36px;margin-bottom: 20px;} .foot_center dl dd{font-size: 14px;line-height: 36px;color: #fff;} .foot_center dl dt a{color:#fff;} .foot_center dl dd a{color:#fff;opacity: 0.4;} .foot_center dl.foot_con{width: 14.0625vw;margin-right: 0;} .foot_center dl dd strong{font-size: 28px;color:#fff;display: inline-block;vertical-align: middle;} .foot_center dl dd span{font-size: 16px;display: inline-block;vertical-align: middle;} .foot_center dl dd img{margin-right: 10px;} .foot_center dl.ewm{margin-right: 0;width: 10.9375vw;} .foot_center dl.ewm .ewm_item{display: inline-block;vertical-align: bottom;margin-right: 0.5208333333333334vw;} .foot_center dl.ewm .ewm_item ul li{width: 1.3541666666666667vw;height: 1.3541666666666667vw;border:1px solid #414141;margin-top: 0.5208333333333334vw;} .foot_center dl.ewm .ewm_item ul li.active{background: #013461;border:1px solid #013461;} .foot_center dl.ewm .ewm_con{width: 8.854166666666668vw;display: inline-block;vertical-align: top;overflow: hidden;} .foot_center dl.ewm .ewm_con ul li{display: none;} .foot_center dl.ewm .ewm_con ul li.active{display: block;} .foot_btm{border-top:1px solid rgba(255, 255, 255, 0.4);} .foot_btm p{font-size: 14px;line-height: 30px;color:#fff;opacity: 0.4;padding: 25px 0;} .foot_btm p a{color:#fff;} .pops{position: fixed;right: 20px;bottom:50%;} .pops_list ul li{width: 4.6875vw;height:4.6875vw;background: #013461;text-align: center;margin-top: 0.78125vw;} .pops_list ul li a{display: block;} .pops_list ul li img{margin-top: 1.0416666666666667vw;width: 1.7708333333333335vw;} .pops_list ul li span{display: block;font-size: 0.7291666666666667vw;line-height: 1.5625vw;color:#fff;} .lg_wrap{} .banner{height:48.958333333333336vw;overflow: hidden;position: relative;} .mySwiper-banner{position: relative;height: 100%;overflow: hidden;} .mySwiper-banner .swiper-slide img{width: 100%;height: 100%;object-fit: cover;} .mySwiper-banner .swiper-button-prev, .mySwiper-banner .swiper-button-next{bottom: 35px;top: auto !important;height:80px;box-sizing: border-box;} .mySwiper-banner .swiper-button-prev{border:1px solid #fff;width: 0px;left: auto !important;right:8.333333333333334vw;margin-right: 280px;} .mySwiper-banner .swiper-button-prev::after{display: none;} .mySwiper-banner .swiper-button-next{width: 80px;font-size: 14px;color:#fff;text-transform: uppercase;border:1px solid rgba(255, 255, 255, 0.5);right: 8.333333333333334vw;box-sizing: border-box;} .mySwiper-banner .swiper-button-next::after{font-size: 14px;color:#fff;margin-left: 15px;} .mySwiper-banner .swiper-button-next .rot{width: 80px;height:80px;position: absolute;top: 0;left:0;right: 0;} .mySwiper-banner .swiper-button-next .rot span{position: absolute;display: block;width: 1px;height:1px;background: #fff;} .mySwiper-banner .swiper-button-next .rot span:nth-child(2n){width: 1px;height:1px;} .mySwiper-banner .swiper-button-next .rot span:nth-child(1){right: 0px;top: 0px;} .mySwiper-banner .swiper-button-next .rot span:nth-child(2){left: 0px;top: 0px;} .mySwiper-banner .swiper-button-next .rot span:nth-child(3){left: 0px;bottom: 0px;} .mySwiper-banner .swiper-button-next .rot span:nth-child(4){right: 0px;bottom: 0px;} .mySwiper-banner .swiper-pagination-banner{position: absolute;left: 8.333333333333334vw;bottom: 35px;z-index: 3;} .mySwiper-banner .swiper-pagination-banner .swiper-pagination-bullet{width:5px;height:20px;background: rgba(255, 255, 255, 0.5);opacity: 1;border-radius: 0;margin-right: 15px;} .mySwiper-banner .swiper-pagination-banner .swiper-pagination-bullet-active{height:30px;background: #fff;} .mySwiper-bar{width: 162px;overflow: hidden;position: absolute;bottom: 35px;right: 8.333333333333334vw;margin-right: 100px;} .mySwiper-bar .swiper-slide{width: 160px;border:1px solid #fff;box-sizing: border-box;height:80px;} .about .title{text-align: center;} .about .title h3{font-size: 40px;line-height: 50px;color: #013461;margin-bottom: 20px;font-weight: bold;} .about .title h4{font-size: 28px;line-height: 40px;color:#04192b;margin-bottom: 20px;} .about .title span{display: block;width: 40px;height: 5px;background: #0d3d68;margin: 0 auto;} .about .txt{font-size: 16px;line-height: 36px;color:#04192b;opacity: 0.7;width: 1100px;margin: 0 auto;text-align: center;} .about .mores{width: 8.333333333333334vw;line-height: 2.604166666666667vw;background: url(../images/mores_bg.png) no-repeat;background-size: contain;margin: 50px auto 0;display: block;text-align: center;font-size: 14px;color:#04192b;} .about .mores a{display: block;} .about .mores:hover{background: url(../images/more_bg2.png) no-repeat;color:#fff;background-size: contain;} .about .mores:hover a{color: #fff;} .business_list ul{font-size: 0;} .business_list ul li{display: inline-block;vertical-align: top;width: 40.625vw;height: 15.625vw;position: relative;margin-right: 2.0833333333333335vw;margin-bottom: 2.0833333333333335vw;} .business_list ul li:nth-child(2n){margin-right: 0;} .business_list ul li .pic{width: 100%;height: 100%;overflow: hidden;} .business_list ul li .pic img{transition: all 1s;width:100%;height:100%;object-fit: cover;} .business_list ul li:hover .pic img{transition: all .75s;transform: scale(1.1);} .business_list ul li .tct{width: 100%;height: 15.625vw;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;padding: 1.8229166666666667vw;box-sizing: border-box;} .business_list ul li .tct span{display: block;margin: 3.125vw 0 1.5625vw;} .business_list ul li .tct h3{font-size: 1.7708333333333335vw;line-height: 2.0833333333333335vw;color:#fff;} .business_list ul li .tct p{font-size: 18px;line-height: 1.5625vw;color:#fff;width: 70%;margin-top: 1.0416666666666667vw;} .business_list ul li .tct .mores{width: 8.333333333333334vw;line-height: 2.604166666666667vw;text-align: center;height: 2.604166666666667vw;margin: 0;background: url(../images/more_bg1.png) no-repeat;background-size: cover;} .business_list ul li .tct .mores a{display: block;} .business_list ul li:hover .tct .mores{background: url(../images/more_bg2.png) no-repeat;background-size: contain;} .distribution .title h3{font-size: 40px;color:#013461;display: inline-block;vertical-align: top;font-weight: bold;line-height: 40px;margin-right: 30px;} .distribution .title span{display: inline-block;vertical-align: bottom;font-size: 16px;color:#04192b;line-height: 50px;} .distribution .title em{display: block;width: 8.333333333333334vw;line-height: 2.604166666666667vw;background: url(../images/mores_bg.png) no-repeat;background-size: contain;text-align: center;} .distribution .title em:hover{background: url(../images/more_bg2.png) no-repeat;color:#fff;background-size: contain;} .distribution_list .swiper-container-distribution{overflow: hidden;} .distribution_list .swiper-container-distribution .swiper-slide{display: inline-block;vertical-align: top;background: url(../images/distribution_item.png) no-repeat left top;height: 402px;padding-left: 35px;box-sizing: border-box;} .distribution_list .swiper-container-distribution .swiper-slide:nth-child(odd){margin-top: 100px;} .distribution_list .swiper-container-distribution .swiper-slide em{font-size: 1.5625vw;color:#013461;line-height: 40px;} .distribution_list .swiper-container-distribution .swiper-slide abbr{display: none;width: 430px;margin-top: 15px;transition: all 1s;position: relative;z-index: 2;} .distribution_list .swiper-container-distribution .swiper-slide abbr h3{font-size: 16px;line-height: 40px;background: #013461;color:#fff;padding:0 15px;box-sizing: border-box;} .distribution_list .swiper-container-distribution .swiper-slide abbr p{background: #d1e2ec;padding:0 15px;box-sizing: border-box;} .distribution_list .swiper-container-distribution .swiper-slide abbr p span{display: block;font-size: 14px;line-height: 30px;color:#333;} .distribution_list .swiper-container-distribution .swiper-slide-active abbr{} .distribution_list .swiper-container-distribution .swiper-slide:hover abbr{display: block;transition: all 1s;} .service .title h3{font-size: 40px;color:#fff;display: inline-block;vertical-align: top;font-weight: bold;line-height: 40px;margin-right: 30px;} .service .title span{display: inline-block;vertical-align: bottom;font-size: 16px;color:#fff;line-height: 50px;} .service .title em{display: block;width: 8.333333333333334vw;line-height: 2.604166666666667vw;background: url(../images/mores_bg3.png) no-repeat;background-size: contain;text-align: center;color:#fff;} .service .title em a{color:#fff;} .service .title em:hover{background: url(../images/more_bg2.png) no-repeat;color:#fff;background-size: contain;} .service_con{padding: 60px;box-sizing: border-box;height: 29.166666666666668vw;} .service_con em{display: block;text-align: center;} .service_con h3{font-size: 2.0833333333333335vw;text-align: center;color:#fff;margin: 40px auto;} .service_list ul{font-size: 0;text-align: center;} .service_list ul li{display: inline-block;vertical-align: top;width: 250px;} .service_list ul li span{display: inline-block;vertical-align: middle;width: 90px;height: 90px;overflow: hidden;margin-right: 20px;transition: all 1s;} .service_list ul li p{display: inline-block;vertical-align: middle;} .service_list ul li p b{font-size: 1.5625vw;color: #fff;display: block;} .service_list ul li p small{font-size: 16px;line-height: 24px;color:#fff;display: block;} .service_list ul li:hover span{transform: rotateY(360deg);transition: all 1s;} .news .title h3{font-size: 36px;color:#013461;display: block;font-weight: bold;line-height: 40px;} .news .yyui_tab>ul{margin-top: -100px;text-align: right;} .news .yyui_tab>ul>li{display: inline-block;vertical-align: top;font-size: 20px;color:#04192b;padding-bottom:20px;cursor: pointer;margin-left: 20px;} .news .yyui_tab>ul>li.yyui_tab_title_this{color:#013461;border-bottom: 2px solid #013461;} .news .yyui_tab .yyui_tab_content_this{display: block;margin-top: 40px;} .news .yyui_tab .yyui_tab_content{display: none;} .swiper-container-news{position: relative;overflow: hidden;padding-bottom: 100px;} /* .swiper-container-news .swiper-slide{background: #fff;padding: 50px 30px;box-sizing: border-box;height: 233px;overflow: hidden;} .swiper-container-news .swiper-slide span{display: block;font-size: 18px;line-height: 32px;color:#333;} .swiper-container-news .swiper-slide h3{font-size: 26px;line-height: 40px;color:#333;} .swiper-container-news .swiper-slide p{font-size: 14px;line-height: 28px;color:#666;margin-top: 10px;} .swiper-container-news .swiper-slide:hover{background: url(../images/news_list_bg.png) no-repeat center;background-size: cover;} .swiper-container-news .swiper_btn{text-align: center;position: absolute;bottom:20px;left: 0;right: 0;height: 40px;} .swiper-container-news .swiper-button-next, .swiper-container-news .swiper-button-prev{width: 40px;height:40px;line-height: 40px;border-radius: 40px;border:1px solid #c6ccd3;position: static !important;display: inline-block;vertical-align: top;cursor: pointer;margin: 0 20px;opacity: 1 !important;} .swiper-container-news .swiper-button-next::after, .swiper-container-news .swiper-button-prev::after{font-size: 24px;color:#04192b;display: block;text-align: center;line-height: 40px;;} */ .swiper-container-news .swiper_btn{text-align: center;position: absolute;bottom:20px;left: 0;right: 0;height: 40px;} .swiper-container-news .swiper-button-next, .swiper-container-news .swiper-button-prev{width: 40px;height:40px;line-height: 40px;border-radius: 40px;border:1px solid #c6ccd3;position: static !important;display: inline-block;vertical-align: top;cursor: pointer;margin: 0 20px;opacity: 1 !important;} .swiper-container-news .swiper-button-next::after, .swiper-container-news .swiper-button-prev::after{font-size: 24px;color:#04192b;display: block;text-align: center;line-height: 40px;;} .swiper-container-news .swiper-slide{background: #fff;padding:1.5625vw;box-sizing: border-box;width: 26.041666666666668vw;margin-right: 2.604166666666667vw;} .swiper-container-news .swiper-slide .pic{width: 100%;height:14.583333333333334vw;overflow: hidden;} .swiper-container-news .swiper-slide .tct span{display: block;font-size: 18px;line-height: 32px;color:#333;margin-top: 15px;} .swiper-container-news .swiper-slide .tct span img{vertical-align: unset;} .swiper-container-news .swiper-slide .tct h3{font-size: 1.3541666666666667vw;line-height: 40px;color:#333;margin-top: 5px;} .swiper-container-news .swiper-slide .tct p{font-size: 14px;line-height: 28px;color:#666;margin: 15px auto 0;} .swiper-container-news .swiper-slide .pic img{transition: all 1s;width: 100%;} .swiper-container-news .swiper-slide:hover .pic img{transition: all 1s;transform: scale(1.1);} .swiper-container-news .swiper-slide:hover .tct h3{color:#013461;} .news .mores{width: 8.333333333333334vw;line-height: 2.604166666666667vw;background: url(../images/mores_bg.png) no-repeat;background-size: contain;margin: 50px auto 0;display: block;text-align: center;font-size: 14px;color:#04192b;} .news .mores a{display: block;} .news .mores:hover{background: url(../images/more_bg2.png) no-repeat;color:#fff;background-size: contain;} .news .mores:hover a{color: #fff;} .partners_item{width: 50%;height: 22.916666666666668vw;background: #062541;padding:2.8645833333333335vw;box-sizing: border-box;} .partners_item .title{font-size: 40px;color:#fff;margin-bottom: 2.0833333333333335vw;} .partners_item .swiper-container-partners{overflow: hidden;position: relative;font-size: 18px;line-height: 36px;color:#fff;} .partners_item .swiper-container-partners .swiper-pagination-partners{margin-top: 30px;} .partners_item .swiper-container-partners .swiper-pagination-partners .swiper-pagination-current{font-size: 30px;font-weight: bold;} .partners_item .swiper-container-partners .swiper-btn{position: absolute;right: 0;bottom: 0;height: 40px;width: 120px;text-align: right;} .partners_item .swiper-container-partners .swiper-btn .swiper-button-next, .partners_item .swiper-container-partners .swiper-btn .swiper-button-prev{width: 40px;height: 40px;border-radius: 40px;border:1px solid #fff;} .partners_item .swiper-container-partners .swiper-btn .swiper-button-next::after, .partners_item .swiper-container-partners .swiper-btn .swiper-button-prev::after{font-size: 24px;color:#fff;} .lg_1320{width: 68.75vw;margin: 0 auto;} .bar{height: 38.54166666666667vw;background-size: cover !important;} .bar_con{padding-top: 16%;} .bar_cons{padding-top: 10%;} .bar_con h3{text-align: center;font-size: 2.8125vw;color:#fff;} .bar_con p{text-align: center;font-size: 0.9375vw;line-height: 32px;color:#fff;padding-top: 30px;} .bar_item{background: url(../images/bar_item_bg.png) no-repeat bottom center;background-size: cover;height:70px;margin-top: 9%;} .bar_item ul{font-size: 0;text-align: center;} .bar_item ul li{display: inline-block;vertical-align: top;font-size: 1.25vw;line-height: 32px;color:#fff;text-align: center;cursor: pointer;transition: all 1s;} .bar_item ul li span{width: 40px;height:40px;border-radius: 40px;display: block;border:1px solid #fff;margin: 20px auto;transition: all 1s;} .bar_item ul li span::after{content: "";display: block;width: 10px;height: 10px;background: #fff;border-radius: 10px;overflow: hidden;margin: 15px auto;} .bar_item ul li.active, .bar_item ul li:hover{font-weight: bold;transition: all 1s;} .bar_item ul li.active span, .bar_item ul li:hover span{transform: scale(1.25);transition: all 1s;} .bar_item1 ul li{width:20%;margin-top: -42px;} .bar_item1 ul li a{color:#fff;display: block;} .bar_item1 ul li:nth-child(2), .bar_item1 ul li:nth-child(3){margin-top: -45px;} .bar_item2 ul li{width:20%;} .about_one_logo{width: 21.40625vw;} .about_one_text{width: 39.583333333333336vw;font-size: 0.9375vw;line-height: 36px;color:#666;text-align: justify;} .about_item ul{font-size: 0;} .about_item ul li{display: inline-block;vertical-align: top;width: 25%;} .about_item ul li em{display: inline-block;vertical-align: top;width: 4.739583333333334vw;height: 4.739583333333334vw;overflow: hidden;} .about_item ul li p{width: 9.375vw;display: inline-block;vertical-align: top;margin-left: 20px;} .about_item ul li p span{font-size: 0.9375vw;line-height: 36px;color:#333;display: block;} .about_item ul li p b{font-size: 2.8125vw;color:#013461;margin-right: 10px;} .about_item ul li p span:nth-child(1){color:#013461;} .about_list .yyui_tab>ul{font-size: 0;} .about_list .yyui_tab>ul>li{display: inline-block;vertical-align: top;font-size: 1.3541666666666667vw;color:#013461;line-height: 80px;width: 16.40625vw;text-align: center;background: #fff;cursor: pointer;margin-right: 1.0416666666666667vw;} .about_list .yyui_tab>ul>li:last-child{margin-right: 0;} .about_list .yyui_tab>ul>li.yyui_tab_title_this{background: #013461;color:#fff;} .about_list .yyui_tab>ul>li span{width: 41px;height: 41px;display: inline-block;vertical-align: middle;} .about_list .yyui_tab>ul>li:nth-child(1) span{background: url(../images/about_list_01.png) no-repeat;} .about_list .yyui_tab>ul>li:nth-child(2) span{background: url(../images/about_list_02.png) no-repeat;} .about_list .yyui_tab>ul>li:nth-child(3) span{background: url(../images/about_list_04.png) no-repeat;} .about_list .yyui_tab>ul>li:nth-child(4) span{background: url(../images/about_list_03.png) no-repeat;} .about_list .yyui_tab>ul>li.yyui_tab_title_this:nth-child(1) span{background: url(../images/about_list_010.png) no-repeat;} .about_list .yyui_tab>ul>li.yyui_tab_title_this:nth-child(2) span{background: url(../images/about_list_020.png) no-repeat;} .about_list .yyui_tab>ul>li.yyui_tab_title_this:nth-child(3) span{background: url(../images/about_list_040.png) no-repeat;} .about_list .yyui_tab>ul>li.yyui_tab_title_this:nth-child(4) span{background: url(../images/about_list_030.png) no-repeat;} .about_list .yyui_tab .yyui_tab_content_this{background: url(../images/about_list_bg.jpg) no-repeat;height: 370px;padding:3.125vw 6.770833333333334vw;box-sizing: border-box;margin-top: -10px;background-size: cover !important;} .about_list .yyui_tab .yyui_tab_content_this h3{font-size: 1.6666666666666667vw;color: #fff;text-align: center;margin-bottom: 30px;} .about_list .yyui_tab .yyui_tab_content_this p{font-size: 16px;line-height: 32px;color:#fff;text-align: justify;} .about_list .yyui_tab .yyui_tab_content{display: none;} .about_cons .title{text-align: center;} .about_cons .title h3{font-size: 1.7708333333333335vw;font-weight: bold;color:#333;} .about_cons .title span{width: 180px;background: #bfcbd7;height: 1px;display: block;margin: 35px auto 0;position: relative;} .about_cons .title span::after{content: "";display: block;width: 33px;height: 10px;background: url(../images/span_after.png) no-repeat;margin: 0 auto;position: absolute;left: 0;right: 0;top: -4px;} .video_item{text-align: center;} .video_item ul{font-size: 0;} .video_item ul li{display: inline-block;vertical-align: top;width: 160px;line-height: 55px;font-size: 18px;color:#333;border:1px solid #013461;margin: 0 25px;} .video_item ul li a{display: block;} .video_item ul li.active a, .video_item ul li:hover a{background: #013461;color:#fff;} .video_list ul{font-size: 0;} .video_list ul li{display: inline-block;vertical-align: top;width: 32.8125vw;margin-right: 3.125vw;margin-bottom: 3.125vw;} .video_list ul li:nth-child(2n){margin-right: 0;} .video_list ul li .pic{width: 100%;height: 13.541666666666668vw;overflow: hidden;text-align: center;position: relative;} .video_list ul li .pic span, .video_list ul li .pic b{display: block;height: 13.541666666666668vw;width: 100%;line-height: 13.541666666666668vw;} .video_list ul li .pic span img{transition: all 1s;width: 100%;height: 100%;object-fit: cover;} .video_list ul li:hover .pic span img{transition: all 1s;transform: scale(1.1);} .video_list ul li .pic b{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;background: rgba(0, 0, 0, 0.3);} .video_list ul li .tct{width: 100%;padding:20px 35px;box-sizing: border-box;border-bottom: 2px solid #cdcfd5;background: #fff;} .video_list ul li .tct span{display: block;font-size: 16px;line-height: 32px;color:#333;} .video_list ul li .tct p{font-size: 1.3541666666666667vw;color:#333;line-height: 36px;} .news_list ul{font-size: 0;} .news_list ul li{display: inline-block;vertical-align: top;width: 21.354166666666668vw;margin-right: 2.34375vw;margin-bottom: 2.34375vw;} .news_list ul li:nth-child(3n){margin-right: 0;} .news_list ul li .pic{width: 100%;height:13.541666666666668vw;overflow: hidden;} .news_list ul li .pic img{transition: all 1s;width: 100%;height: 100%;object-fit: cover;} .news_list ul li .tct{padding:20px 30px;background: #fff;} .news_list ul li .tct span{font-size: 18px;line-height: 32px;color:#333;} .news_list ul li .tct p{font-size: 1.3541666666666667vw;line-height: 40px;color:#333;height:80px;} .news_list ul li .tct em{width: 8.333333333333334vw;line-height: 2.604166666666667vw;background: url(../images/mores_bg.png) no-repeat;background-size: contain;margin: 20px 0;display: block;text-align: center;font-size: 14px;color:#04192b;} .news_list ul li:hover .tct{background: url(../images/news_list_bg.jpg) center bottom no-repeat #fff;} .news_list ul li:hover .tct p{color:#013461;} .news_list ul li:hover .tct em{background: url(../images/more_bg2.png) no-repeat;color:#fff;} .news_list ul li:hover .pic img{transform: scale(1.1);transition: all 1s;} .news_cons{background: #fff;padding: 60px; box-sizing: border-box;max-width: 1000px;margin: 0 auto;} .news_cons .news_title{text-align: center;border-bottom: 1px solid #cbcbcb;} .news_cons .news_title h3{font-size: 32px;line-height: 36px;color:#333;} .news_cons .news_title p{font-size: 16px;line-height: 20px;color:#999;margin: 20px auto;} .news_cons .main_text{border-bottom: 1px solid #cbcbcb;} .pag{background: #f3f4f8;padding: 1.5625vw;box-sizing: border-box;margin: 3.125vw auto 0;} .pag ul {font-size: 0;} .pag ul li{display: inline-block;vertical-align: top;width: 36%;text-align: center;background: #fff;line-height: 3.125vw;font-size: 0.8333333333333334vw;color: #333;padding: 0 1.5625vw;box-sizing: border-box;} .pag ul li:hover {background: #013461;} .pag ul li a {display: block;color: #333;} .pag ul li:hover a{color: #fff;} .pag ul li:nth-child(1) {text-align: right;} .pag ul li:nth-child(2) {width: 19%;box-sizing: border-box;margin: 0 1.5625vw;} .pag ul li:nth-child(2) span {display: inline-block;vertical-align: text-top;width: 1.25vw;height: 0.8333333333333334vw;overflow: hidden;background: url(../images/pag_icn.png) no-repeat;background-size: cover;} .pag ul li:nth-child(2):hover span {background-position: 0 -0.8333333333333334vw;} .pag ul li:nth-child(3) {text-align: left;} .pag ul li:nth-child(2) a img {display: inline-block;vertical-align: inherit;width: 1.25vw;height: 0.8333333333333334vw;} .contact_pop{width: 420px;height:395px;overflow: hidden;background: rgba(255, 255, 255, 0.5);padding:40px;box-sizing: border-box;text-align: left;} .contact_pop h3{font-size: 24px;line-height: 40px;color:#333;font-weight: bold;} .contact_pop em{width: 190px;height: 1px;background: #c7d2de;display: block;margin: 30px 0;position: relative;} .contact_pop em::after{content: "";display: block;background: url(../images/span_after.png) no-repeat;width: 33px;height:10px;} .contact_pop span{font-size: 18px;line-height: 40px;color:#333;display: block;} .contact_pop strong{color:#013461;font-size: 50px;line-height: 50px;} .contact_pop p{font-size: 18px;line-height: 40px;color:#333;text-align: left;padding: 0;} .contat_item{height: 320px;float: left;margin: -60px auto 80px;} .contat_item ul{font-size: 0;} .contat_item ul li{display: inline-block;vertical-align: top;width: 33.333333333333336vw;background: #fff;padding:2.0833333333333335vw;box-sizing: border-box;margin-right: 2.0833333333333335vw;} .contat_item ul li:nth-child(2n){margin-right: 0;} .contat_item ul li h3{font-size: 24px;line-height: 40px;font-weight: bold;color:#333;} .contat_item ul li p{font-size: 18px;line-height: 40px;color:#333;} .contat_bd_con{background: #fff;padding:2.0833333333333335vw;box-sizing: border-box;margin: 0px auto 0;} .contat_bd_con h4{font-size: 28px;line-height: 40px;color:#333;} .contat_bd_con p{font-size: 16px;line-height: 32px;color:#666;} .bd_item span{display: block;font-size: 22px;line-height: 36px;color:#333;margin: 15px 0;font-weight: bold;} .bd_item input{opacity: 0;width: 20px;height:20px;position: relative;z-index: 2;} .bd_item textarea{background: #ededed;width: 100%;padding:10px;box-sizing: border-box;font-size: 18px;color:#333;border:none;} .bd_item label{margin-right: 30px;position: relative;margin-left: -25px;font-size: 20px;line-height: 36px;} .bd_item label::before{content: "";width: 20px;height:20px;background: #ededed;margin-right: 20px;display: inline-block;vertical-align: middle;} .bd_item input:checked+label::before{background: #013461;} /* .bd_item input:checked+label::after{content: "";display: inline-block;width: 20px;height:20px;position: absolute;left: 0;vertical-align: middle;background: #013461;} */ .bd_item1 select{width: 31.770833333333336vw;height: 60px;line-height: 60px;background: #ededed;font-size: 18px;color:#333;border:none;padding-left: 10px;box-sizing: border-box;margin-bottom: 10px;} .bd_item1 input{width: 31.770833333333336vw;height: 60px;line-height: 60px;background: #ededed;font-size: 18px;color:#333;border:none;padding-left: 10px;box-sizing: border-box;} .bd_item1 dl, .bd_item2 dl{display: inline-block;vertical-align: top;} .bd_item1 span, .bd_item2 dl span, .bd_item1 dl span{display: block;font-size: 22px;line-height: 36px;color:#333;margin: 15px 0;font-weight: bold;} .bd_item2 dl input{width: 150px;height:45px;line-height: 45px;font-size: 18px;color:#333;padding-left: 10px;box-sizing: border-box;} .bd_item2 dl button{width: 190px;line-height: 45px;background: none;border:1px solid #575757;font-size: 16px;color:#575757;} .bd_item2 dl button img{margin-left: 30px;} .bd_item2 dl:nth-child(2){float: right;} .yzm_img{width: 120px;height: 45px;} .hr_tit{background: #fff;padding:30px 60px;box-sizing: border-box;border-left: 6px solid #013461;box-sizing: border-box;} .hr_titl h4{font-size: 28px;line-height: 36px;color:#333;} .hr_titl p{font-size: 18px;line-height: 36px;color:#333;} .hr_titl p span{margin-right: 30px;display: inline-block;} .hr_titl p img{vertical-align: text-bottom;} .hr_titl p:nth-child(3){margin-top: 20px;} .hr_titr em{display: block;width: 8.333333333333334vw;line-height: 2.604166666666667vw;background: url(../images/mores_bg.png) no-repeat;background-size: contain;text-align: center;margin-top: 36px;font-size: 14px;color: #04192b;cursor: pointer;} .hr_txt{background: url(../images/hr_txt_bg_07.jpg) top left no-repeat #f8f8f8;padding:70px 60px 20px;box-sizing: border-box;box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);display: none;} .join span{display: block;line-height: 70px;background: #013461;font-size: 22px;color:#fff;text-align: center;margin: 30px auto 10px;cursor: pointer;} .join p{font-size: 14px;line-height: 36px;color:#333;text-align: center;} .hr_list ul li{margin-top: 40px;} .hr_list ul li.active .hr_titr em{background: url(../images/more_bg2.png) no-repeat;color:#fff;background-size: contain;} .hr_list ul li.active .hr_txt{display: block;} .pop{position: fixed;top: 0;left: 0;right:0;top: 0;z-index: 99;background: rgba(0, 0, 0, 0.5);width: 100%;height:100%;display: none;} .pop_con{margin: 10px auto;background: #fff;padding:1.5625vw 3.385416666666667vw;box-sizing: border-box;} .pop_con h3{font-size: 1.7708333333333335vw;font-weight: bold;color:#333;margin-bottom: 40px;} .pop_db{overflow-y: scroll;height: 700px;} .pop_db::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;} .pop_db::-webkit-scrollbar {width:2px;height:20px;} .pop_db::-webkit-scrollbar-thumb {background:#013461;background-clip:padding-box;min-height:28px;} .pop_db::-webkit-scrollbar-thumb:hover {background:#013461;} .bd1 span, .bd2 span, .bd3 span, .bd4 span, .bd5 span, .bd6 span{display: block;font-size: 22px;line-height: 32px;color:#333;font-weight: bold;margin: 15px auto;} .bd1 p{font-size: 16px;line-height: 36px;color:#333;} .bd1 .file{height:120px;background: url(../images/file_icon.png) no-repeat center 30px #ededed;text-align: center;font-size: 16px;line-height: 30px;color:#666;} .bd1 .file input{width: 100%;opacity: 0;height: 100%;} .bd1 .file em{display: block;margin: -50px auto 0;} .bd1 dl, .bd2 dl, .bd3 dl, .bd5 dl, .bd6 dl{display: inline-block;vertical-align: top;width: 30.729166666666668vw;} .bd1 dl input{background: #ededed;height:60px;width: 100%;border:none;font-size: 16px;line-height: 60px;color:#333;padding-left: 10px;box-sizing: border-box;} .bd2 dl p span{width: 15.104166666666668vw;display: inline-block;position: relative;margin: 0 auto;} .bd2 dl p span label{width: 100%;display: inline-block;background: #ededed;line-height:60px;padding-left: 10px;box-sizing: border-box;font-size: 16px;position: absolute;top: 0;left: 0;} .bd2 dl p span label::after{content: "";display: block;width: 20px;height:20px;background: #fff;float: right;margin:20px 15px 0 0;} .bd2 dl p span input{width: 100%;height:60px;position: relative;z-index: 2;opacity: 0;} .bd2 dl p span input:checked+label::after{background: #013461;} .bd2 dl p select{width: 9.895833333333334vw;height:60px;line-height: 60px;background: #ededed;border:none;padding-left: 10px;box-sizing: border-box;font-size: 16px;color:#333;} .bd1 dl p select{width: 100%;height:60px;line-height: 60px;background: #ededed;border:none;padding-left: 10px;box-sizing: border-box;font-size: 16px;color:#333;} .bd1 p input{width: 100%;height:60px;line-height: 60px;background: #ededed;border:none;padding-left: 10px;box-sizing: border-box;font-size: 16px;color:#333;} .bd3 dl p{font-size: 16px;line-height: 36px;color:#333;} .bd3 dl p label{display: inline-block;line-height:60px;padding-left: 10px;box-sizing: border-box;font-size: 16px;line-height: 60px;} .bd3 dl p label::before{content: "";display: inline-block;vertical-align: middle;width: 20px;height:20px;background: #ededed;margin-left: -35px;margin-right: 15px;} .bd3 dl p input{position: relative;z-index: 2;opacity: 0;width: 20px;height:20px;margin-left: 20px;} .bd3 dl p input:checked+label::before{background: #013461;} .bd3 p span{display: inline-block;width: 15.104166666666668vw;} .bd3 p span input{width: 100%;padding-left: 10px;box-sizing: border-box;font-size: 16px;line-height: 60px;color:#333;height:60px;border:none;background: #ededed;opacity: 1;margin-left: 0;} .bd3 p span select{width: 100%;padding-left: 10px;box-sizing: border-box;font-size: 16px;line-height: 60px;color:#333;height:60px;border:none;background: #ededed;} .bd3 p label{display: inline-block;line-height:60px;padding-left: 10px;box-sizing: border-box;font-size: 16px;;margin-right: 20px;} .bd3 p label::before{content: "";display: inline-block;vertical-align: middle;width: 20px;height:20px;background: #ededed;margin-left: -35px;margin-right: 15px;} .bd3 p label input{width: 15.104166666666668vw;height: 60px;background: #ededed;opacity: 1;border:none;font-size: 16px;line-height: 60px;color:#333;padding-left: 10px;} .bd3 p input{position: relative;z-index: 2;opacity: 0;width: 20px;height:20px;} .bd3 p input:checked+label::before{background: #013461;} .bd4 p span{display: inline-block;width: 15.104166666666668vw;} .bd4 p span input{width: 100%;padding-left: 10px;box-sizing: border-box;font-size: 16px;line-height: 60px;color:#333;height:60px;border:none;background: #ededed;opacity: 1;margin-left: 0;} .bd4 p input{width: 100%;height: 60px;background: #ededed;border: none;padding-left: 10px;box-sizing: border-box;font-size: 16px;line-height: 60px;color:#333;} .bd4 p textarea{font-size: 16px;line-height: 30px;color:#333;width: 100%;background: #ededed;border:none;padding: 10px;box-sizing: border-box;} .bd5 span label{display: inline-block;padding-left: 10px;box-sizing: border-box;font-size: 16px;} .bd5 span label::before{content: "";display: inline-block;vertical-align: middle;width: 20px;height:20px;background: #ededed;margin-left: -35px;margin-right: 15px;} .bd5 span input{position: relative;z-index: 2;opacity: 0;width: 20px;height:20px;margin-left: 20px;} .bd5 span input:checked+label::before{background: #013461;} .bd5 dl p span{width: 9.895833333333334vw;display: inline-block;} .bd5 dl p span input, .bd5 dl p span select{width: 100%;height:60px;line-height: 60px;background: #ededed;font-size: 16px;color:#333;margin-left: 0;opacity: 1;border:none;padding-left: 10px;box-sizing: border-box;} .bd5 dl:nth-child(3) p span{width: 15.104166666666668vw;} .bd6 dl p{line-height: 60px;} .bd6 dl p label{display: inline-block;padding-left: 10px;box-sizing: border-box;font-size: 16px;margin-right: 20px;} .bd6 dl p label::before{content: "";display: inline-block;vertical-align: middle;width: 20px;height:20px;background: #ededed;margin-left: -35px;margin-right: 15px;} .bd6 dl p input{position: relative;z-index: 2;opacity: 0;width: 20px;height:20px;} .bd6 dl p input:checked+label::before{background: #013461;} .bd6 dl p select{width: 9.895833333333334vw;height:60px;line-height: 60px;font-size: 16px;color:#333;border:none;background: #ededed;padding-left: 10px;box-sizing: border-box;} .colss{font-size: 40px;line-height: 36px;color:#333;float: right;cursor: pointer;transform: rotate(45deg);} .person_txt{height:417px;overflow-y: scroll;padding:2.604166666666667vw 3.125vw;box-sizing: border-box;margin:-165px auto 0;position: relative;z-index: 2;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);} .business_lists{height:48.958333333333336vw;} .business_lists ul{font-size: 0;} .business_lists ul li{display: inline-block;vertical-align: top;width:25%;height:48.958333333333336vw;box-sizing: border-box;position: relative;background-size: cover !important;border-right: 1px solid rgba(255, 255, 255, 0.1);} .business_lists ul li:last-child{border-right: none;} .business_lists ul li .tct{padding:0 3.125vw;position: absolute;bottom: 15vw;left: 0;right: 0;margin: 0 auto;} .business_lists ul li .icon{width: 81px;height:41px;margin: 30px auto;} .business_lists ul li .tit{font-size: 1.7708333333333335vw;line-height: 40px;color:#fff;text-align: center;margin-bottom: 15px;} .business_lists ul li .tst{font-size: 16px;line-height: 40px;text-align: center;color:#fff;} .business_lists ul li .mores1{font-size: 14px;line-height: 40px;color:#fff;text-align: center;} .business_lists ul li .txt{font-size: 14px;line-height: 30px;color:#fff;text-align: center;height:0;transition: all 1s;} .business_lists ul li .pic{position: absolute;bottom: 15px;left: 0;right: 0;margin: 0 auto;z-index: 0;height:15.260416666666668vw;overflow: hidden;} .business_lists ul li .pic img{transition: all 1s;} .business_lists ul li .mores{width: 8.333333333333334vw;line-height: 2.604166666666667vw;text-align: center;height: 2.604166666666667vw;margin: 30px auto;background: url(../images/more_bg2.png) no-repeat;background-size: contain;opacity: 0;transition: all 1s;} .business_lists ul li .mores a{display: block;} .business_lists ul li:hover .mores{opacity: 1;transition: all 1s;} .business_lists ul li:hover .txt{height:120px;transition: all 1s;} .business_lists ul li:hover .mores1{font-size: 0;line-height: 5px;} .business_lists ul li:hover .mores1::after{content: "";display: block;width: 60px;height:5px;background: #fff;margin: 20px auto;} .business_lists ul li:hover .mores1 img{display: none;} .business_lists ul li:hover .pic img{transition: all 1s;transform: scale(1.1);} .service_lists{height:48.958333333333336vw;} .service_lists ul{font-size: 0;} .service_lists ul li{display: inline-block;vertical-align: top;width: 18%;border-right: 1px solid rgba(255, 255, 255, 0.1);box-sizing: border-box;height: 48.958333333333336vw;position: relative;transition: all 1s;} .service_lists ul li a{display: block;height: 100%;} .service_lists ul li:last-child{border-right: 0;} .service_lists ul li .tct{padding: 0 5.208333333333334vw;box-sizing: border-box;position: absolute;bottom: 27%;left:0;right: 0;} .service_lists ul li .tct .icon{width: 90px;height:90px;margin-bottom: 30px;} .service_lists ul li .tct .tit{font-size: 1.7708333333333335vw;line-height: 40px;color:#fff;font-weight: bold;} .service_lists ul li .tct .tst{font-size: 1.7708333333333335vw;line-height: 40px;color:#fff;} .service_lists ul li .tct .moress{width: 8.333333333333334vw;line-height: 2.604166666666667vw;text-align: center;height: 2.604166666666667vw;margin: 30px 0;background: url(../images/mores_bg3.png) no-repeat;background-size: cover;transition: all 1s;font-size: 22px;color:#fff;transition: all 1s;} .service_lists ul li .tct .txt{font-size: 16px;line-height: 36px;color:#fff;height:0; overflow-y: auto;} .service_lists ul li .tct .txt::-webkit-scrollbar-track-piece { position: absolute;bottom:0;left: 0;right: 0;background: #fff;cursor: pointer;} .service_lists ul li .tct .txt::-webkit-scrollbar {width:5px;height:20px;} .service_lists ul li .tct .txt::-webkit-scrollbar-thumb {background:#013461;background-clip:padding-box;height:8px;} .service_lists ul li .tct .txt::-webkit-scrollbar-thumb:hover {background:#013461;} .service_lists_item{height:0;width: 100%;overflow-x: scroll;margin-top: 30px;} .service_lists_item::-webkit-scrollbar-track-piece { position: absolute;bottom:0;left: 0;right: 0;background: #fff;cursor: pointer;} .service_lists_item::-webkit-scrollbar {width:200px;height:8px;} .service_lists_item::-webkit-scrollbar-thumb {background:#013461;background-clip:padding-box;height:8px;} .service_lists_item::-webkit-scrollbar-thumb:hover {background:#013461;} .service_lists_item .cons{width: 400%;margin-bottom: 20px;overflow: hidden;max-height: 170px;} .service_lists_item p{display: inline-block;vertical-align: top;width: 15.104166666666668vw;margin-right: 3.125vw;display: none;} .service_lists_item p span{display: block;height:7.291666666666667vw;width: 100%;overflow: hidden;} .service_lists_item p:nth-child(1), .service_lists_item p:nth-child(2), .service_lists_item p:nth-child(3), .service_lists_item p:nth-child(4), .service_lists_item p:nth-child(5){display: inline-block;} .service_lists_item p em{display: block;font-size: 16px;line-height: 24px;color:#fff;margin-top: 10px;} .service_lists ul li.active{width:46%;background: rgba(1, 52, 97, 0.5);transition: all 1s;} .service_lists ul li.active .tct{bottom: 18%;} .service_lists ul li.active .moress{height: 0;transition: all 1s;opacity: 0;margin: 0;} .service_lists ul li.active .txt{height:72px;} .service_lists ul li.active .service_lists_item{height:100%;} .container_top{border-top: 1px solid #c2ced9;border-bottom: 1px solid #c2ced9;position: relative;} .container .year{width: 5.208333333333334vw;display: inline-block;vertical-align: top;font-size: 20px;color:#333;line-height: 120px;} .container .swiper1{position: relative;height:120px;display: inline-block;vertical-align: top;width: 52.083333333333336vw;line-height: 120px;} .container .swiper_an{width: 10.416666666666668vw;position: absolute;right: 0;top: 0;height:120px;} .container .swiper_an .swiper-button-prev, .container .swiper_an .swiper-button-next{width: 60px;height: 60px;background: #d9d9d9;border-radius: 60px;opacity: 1;} .container .swiper_an .swiper-button-prev::after, .container .swiper_an .swiper-button-next::after{font-size: 20px;color:#013461;font-weight: bold;} .container .swiper_an .swiper-button-prev:hover, .container .swiper_an .swiper-button-next:hover{background: #013461;} .container .swiper_an .swiper-button-prev:hover::after, .container .swiper_an .swiper-button-next:hover::after{color:#fff;} .container .swiper_an .swiper-button-prev{right: 5.208333333333334vw;left: auto !important;} .container .swiper_an .swiper-button-next{right:0;} .swiper1 .swiper-slide { text-align: center; font-size: 16px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; font-size: 1.875vw; color:#333; font-weight: bold; } .swiper1 .swiper-slide.selected{color:#013461;} .swiper2 {width: 100%;margin: 30px auto;} .swiper2 .swiper-slide .slide_list{width: 100%;overflow-x: scroll;padding-bottom: 30px;} .swiper2 .swiper-slide .slide_list ul{width: 1000%;} .swiper2 .swiper-slide .slide_list::-webkit-scrollbar-track-piece { position: absolute;bottom:0;left: 0;right: 0;background: #fff;cursor: pointer;} .swiper2 .swiper-slide .slide_list::-webkit-scrollbar {width:200px;height:3px;} .swiper2 .swiper-slide .slide_list::-webkit-scrollbar-thumb {background:#013461;background-clip:padding-box;height:3px;} .swiper2 .swiper-slide .slide_list::-webkit-scrollbar-thumb:hover {background:#013461;} .swiper2 .swiper-slide .slide_list ul li{display: inline-block;vertical-align: top;width:21.354166666666668vw;margin-right: 2.0833333333333335vw;} .swiper2 .swiper-slide .slide_list ul li span{width: 100%;height:14.583333333333334vw;overflow: hidden;display: block;} .swiper2 .swiper-slide .slide_list ul li p{font-size: 16px;line-height: 36px;text-align: center;color:#333;} .spread_con{height: 45.3125vw;background: #bed4e2;margin-top: 90px;} .spread_left{width: 52.5vw;height: 45.3125vw;margin-left: 3.125vw;margin-top: 3.125vw;position: relative;} .spread_left .tct{width: 23.958333333333336vw;position: absolute;top: 0;left: 12.5vw;} .spread_left .tct h3{font-size: 1.7708333333333335vw;font-weight: bold;color:#333;line-height: 40px;} .spread_left .tct p{font-size: 16px;line-height: 30px;color:#04192b;} .spread_left .spread_list{position: relative;} .spread_left .spread_list ul li{position: absolute;opacity: 0;transition: all 1s;} .spread_left .spread_list ul li:nth-child(1){top: 5.46875vw;left: -0.5208333333333334vw;width: 32.708333333333336vw;height:20.677083333333336vw;} .spread_left .spread_list ul li:nth-child(2){top: 20.2vw;left: 3.6458333333333335vw;width: 27.604166666666668vw;height:15.416666666666668vw;} .spread_left .spread_list ul li:nth-child(3){top: 20.6vw;left: 26.197916666666668vw;width: 11.145833333333334vw;height: 17.8125vw;} .spread_left .spread_list ul li:nth-child(4){top: 18.5vw;left: 33.85416666666667vw;width: 8.020833333333334vw;height: 14.84375vw;} .spread_left .spread_list ul li:nth-child(5){top: 0vw;left: 19.6vw;width: 25.520833333333336vw;height: 22.916666666666668vw;} .spread_left .spread_list ul li:nth-child(6){top: -0.3vw;left: 38.3vw;width: 14.166666666666668vw;height: 18.802083333333336vw;} .spread_left .spread_list ul li:hover, .spread_left .spread_list ul li.yyui_tab_title_this{opacity: 1;transition: all 1s;cursor: pointer;} .spread_list .yyui_tab .yyui_tab_content{display: none;} .spread_list .yyui_tab .yyui_tab_content_this{display: block;width: 470px;box-sizing: border-box;margin-left: 58.5vw;} .spread_list .yyui_tab .yyui_tab_content_this dl dt{font-size: 30px;font-weight: bold;line-height: 40px;color:#333;margin-bottom: 30px;} .spread_list .yyui_tab .yyui_tab_content_this dl dd{height: 515px;overflow-y: scroll;padding-right: 30px;} .spread_list .yyui_tab .yyui_tab_content_this dl dd::-webkit-scrollbar-track-piece { position: absolute;right:0;left: 0;right: 0;background: #fff;cursor: pointer;} .spread_list .yyui_tab .yyui_tab_content_this dl dd::-webkit-scrollbar {width:3px;height:30px;} .spread_list .yyui_tab .yyui_tab_content_this dl dd::-webkit-scrollbar-thumb {background:#013461;background-clip:padding-box;height:3px;} .spread_list .yyui_tab .yyui_tab_content_this dl dd::-webkit-scrollbar-thumb:hover {background:#013461;} .spread_list .yyui_tab .yyui_tab_content_this dl dd p{margin-bottom: 25px;} .spread_list .yyui_tab .yyui_tab_content_this dl dd p span{display: block;width: 100%;height:140px;overflow: hidden;} .spread_list .yyui_tab .yyui_tab_content_this dl dd p b{font-size: 18px;line-height: 40px;background: #013461;color:#fff;display: block;padding:0 15px;} .spread_list .yyui_tab .yyui_tab_content_this dl dd p em{display: block;font-size: 14px;line-height: 30px;background: #fff;color:#333;padding:0 15px;} .service4{height: 100vh;overflow: hidden;padding: 0;} .service4 .yyui_tab{position: relative;} .service4 .yyui_tab::before{content: "";display: block;height: 100vw;width: 2px;background: #d2d3dd;position: absolute;left: 3.59375vw;top: 0;} .service4 .yyui_tab>ul{width: 7.291666666666667vw;position: relative;z-index: 2;float: left;} .service4 .yyui_tab>ul>li{width: 7.291666666666667vw;height: 7.291666666666667vw;border-radius: 50%;background: #fff;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);text-align: center;margin: 3.125vw auto;cursor: pointer;transition: all 1s;} .service4 .yyui_tab>ul>li span{display: inline-block;width: 1.71875vw;height: 1.71875vw;margin: 1.0416666666666667vw auto 0px;background-size: cover !important;} .service4 .yyui_tab>ul>li:nth-child(1) span{background: url(../images/service4_icon_01.png) no-repeat;} .service4 .yyui_tab>ul>li:nth-child(2) span{background: url(../images/service4_icon_02.png) no-repeat;} .service4 .yyui_tab>ul>li:nth-child(3) span{background: url(../images/service4_icon_03.png) no-repeat;} .service4 .yyui_tab>ul>li:nth-child(4) span{background: url(../images/service4_icon_04.png) no-repeat;} .service4 .yyui_tab>ul>li h3{font-size: 1.0416666666666667vw;font-weight: bold;color:#333;} .service4 .yyui_tab>ul>li p{font-size: 0.7291666666666667vw;color:#333;line-height: 20px;} .service4 .yyui_tab>ul>li.yyui_tab_title_this{background: url(../images/service4_list_bg.png) no-repeat;transition: all 1s;background-size: cover;transform: scale(1.1);transition: all 1s;} .service4 .yyui_tab>ul>li.yyui_tab_title_this h3, .service4 .yyui_tab>ul>li.yyui_tab_title_this p{color:#fff;} .service4 .yyui_tab>ul>li.yyui_tab_title_this:nth-child(1) span{background: url(../images/service4_icon_010.png) no-repeat;} .service4 .yyui_tab>ul>li.yyui_tab_title_this:nth-child(2) span{background: url(../images/service4_icon_020.png) no-repeat;} .service4 .yyui_tab>ul>li.yyui_tab_title_this:nth-child(3) span{background: url(../images/service4_icon_030.png) no-repeat;} .service4 .yyui_tab>ul>li.yyui_tab_title_this:nth-child(4) span{background: url(../images/service4_icon_040.png) no-repeat;} .service4 .yyui_tab .yyui_tab_content_this{display: block;width: 74.21875vw;float: right;} .service4 .yyui_tab .yyui_tab_content{display: none;} .service4 .yyui_tab .yyui_tab_content_this .service4_con{height: 43.75vw;overflow: hidden;} .swiper-container_scheme{height: 43.75vw;position: relative;overflow: hidden;} .swiper-container_scheme .swiper-slide{padding:7.8125vw 0;box-sizing: border-box;} .swiper-container_scheme .swiper-slide .left{width: 29.6875vw;} .swiper-container_scheme .swiper-slide .left h3{font-size: 1.4583333333333335vw;line-height: 40px;color:#333;font-weight: bold;margin: 25px auto; transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; opacity: 0; transform: translate3d(-20px, 0, 0); -webkit-transform: translate3d(-20px, 0, 0); -moz-transform: translate3d(-20px, 0, 0); -o-transform: translate3d(-20px, 0, 0); -ms-transform: translate3d(-20px, 0, 0); backface-visibility: hidden; transition-delay: 0.4s;} .swiper-container_scheme .swiper-slide .left p{font-size: 16px;line-height: 30px;color:#333;text-align: justify; height:10.9375vw; padding-right: 10px; overflow-y: scroll; transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; opacity: 0; transform: translate3d(-20px, 0, 0); -webkit-transform: translate3d(-20px, 0, 0); -moz-transform: translate3d(-20px, 0, 0); -o-transform: translate3d(-20px, 0, 0); -ms-transform: translate3d(-20px, 0, 0); backface-visibility: hidden; transition-delay: 0.6s;} .swiper-container_scheme .swiper-slide .left p::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;} .swiper-container_scheme .swiper-slide .left p::-webkit-scrollbar {width:5px;height:20px;} .swiper-container_scheme .swiper-slide .left p::-webkit-scrollbar-thumb {background:#013461;background-clip:padding-box;min-height:28px;} .swiper-container_scheme .swiper-slide .left p::-webkit-scrollbar-thumb:hover {background:#bbb;} .swiper-container_scheme .swiper-slide .right{width: 35.41666666666667vw;height:23.958333333333336vw;overflow: hidden; transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; opacity: 0; transform: translate3d(-50px, 0, 0); -webkit-transform: translate3d(-50px, 0, 0); -moz-transform: translate3d(-50px, 0, 0); -o-transform: translate3d(-50px, 0, 0); -ms-transform: translate3d(-50px, 0, 0); backface-visibility: hidden; transition-delay: 0.6s; margin-right: 5.729166666666667vw; } .swiper-container_scheme .swiper-slide-active .left h3{ opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; backface-visibility: hidden; } .swiper-container_scheme .swiper-slide-active .left p{opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; backface-visibility: hidden;} .swiper-container_scheme .swiper-slide-active .right{ opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; backface-visibility: hidden;} .swiper-container_scheme .swiper-pagination_scheme{position: absolute;bottom: 10vw;left: 0;} .swiper-container_scheme .swiper-pagination_scheme span{font-size: 1.25vw;line-height: 60px;font-weight: bold;letter-spacing: 5px;} .swiper-container_scheme .swiper-pagination_scheme span.swiper-pagination-current{font-size: 3.125vw;color:#013461;} .swiper-container_scheme .swiper-btnss{position: absolute;right: 0;top: 0;height:29.166666666666668vw;width: 3.854166666666667vw;margin: 5.208333333333334vw auto;z-index: 99;} .swiper-container_scheme .swiper-btnss::after, .swiper-container_scheme .swiper-btnss::before{content: "";display: block;width: 1px;height:11.71875vw;background: #013461;position: absolute;left: 0;right: 0;margin: 0 auto;opacity: .3;} .swiper-container_scheme .swiper-btnss::after{bottom: 0;} .swiper-container_scheme .swiper-btnss::before{top: 0;} .swiper-container_scheme .swiper-btnss .swiper-btnss-con{width: 3.854166666666667vw;height:3.854166666666667vw;border-radius: 3.854166666666667vw;border:1px solid #013461;box-sizing: border-box;position: absolute;top: 0;left: 0;margin: 12.65625vw auto;transform: rotate(90deg);} .swiper-container_scheme .swiper-btnss .swiper-btnss-con::after{content: "";display: block;width: 5px;height:5px;background: #013461;border-radius: 5px;margin: 0 auto;position: absolute;left: 0;right: 0;top: 50%;margin-top: -2.5px;} .swiper-container_scheme .swiper-btnss .swiper-btnss-con .swiper-button-next:after, .swiper-container_scheme .swiper-btnss .swiper-btnss-con .swiper-button-prev:after{font-size: 15px;color:#013461;} /*.swiper-button-prev:after{content: 'next'!important} .swiper-button-next:after{content: 'prev'!important} .swiper-button-next{ margin-top:0!important; top:10px!important; } .swiper-button-prev{margin-top:0!important; top:20px!important; }*/