.gaikuang-box { /*background-image: url(../images/gaikuang-box-bg.jpg);*/ background-repeat: no-repeat; background-position: left top; /* min-height: 890px; */ } .gaikuang-box .head { display: flex; height: 685px; } .gaikuang-box .head .left { background-image: url(../images/gaikuang-box-bg.jpg); background-repeat: no-repeat; background-position: left top; background-size: cover; } .gaikuang-box .head .left, .gaikuang-box .head .right { flex: 1; } .gaikuang-box .head .left{ position: relative; } .gaikuang-box .head .left a { position: absolute; right: 0px; bottom: 0px; width: 190px; height: 100px; background-color: #1252d4; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; } .gaikuang-box .head .right .text-muted { font-size: 16px; line-height: 36px; padding: 0px 50px; } .gaikuang-box .head .right .text-muted p { margin-bottom: 20px; text-indent: 2em; } .play-video .iconfont { font-size: 35px; color: #fff; cursor: pointer; } .play-video p{ margin-top: 5px; font-size: 18px; } .fancybox-slide--iframe .fancybox-content { width: 1000px !important; height: 565px !important; margin: 0; } .gaikuang-box .foot { display: flex; align-items: center; justify-content: space-around; margin: 60px auto; } .gaikuang-box .foot .item { display: flex; align-items: center; } .gaikuang-box .foot .item .left { margin-right: 10px; } .gaikuang-box .foot .item .iconfont{ width: 70px; height: 70px; border-radius: 50%; color: #fff; font-size: 45px; } .gaikuang-box .foot .item:nth-child(1) .iconfont { background: linear-gradient(149deg, #EC956F 0%, #EE2626 100%); } .gaikuang-box .foot .item:nth-child(2) .iconfont { background: linear-gradient(149deg, #B0E9D4 0%, #12CE70 100%); } .gaikuang-box .foot .item:nth-child(3) .iconfont { background: linear-gradient(149deg, #ECE06F 0%, #E59010 100%); } .gaikuang-box .foot .item:nth-child(4) .iconfont { background: linear-gradient(149deg, #6BB2F5 0%, #145EDC 100%); } .gaikuang-box .foot .item .right h4{ font-size: 18px; } .gaikuang-box .foot .item .right p { margin-top: 10px; font-size: 14px; color: #999; } .zhanlue-box { background-image: url(../images/zhanlue-box-bg.jpg); background-repeat: no-repeat; background-position: left top; min-height: 890px; } .zhanlue-box .title ,.zhanlue-box .title span,.fazhan-box .title,.fazhan-box .title span{ color: #fff; } .zhanlue-box .title span:after,.fazhan-box .title span:after{ border: 3px solid #fff; } .zhanlue-chart { display: flex; align-items: flex-start; } .zhanlue-chart .left { flex: 1; margin-right: 40px; } .zhanlue-chart .left .main-chart { display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; background: linear-gradient(51deg, #5996DC 0%, #083AAE 100%); border-radius: 160px; min-height: 600px; } .zhanlue-chart .left .main-chart h1 { font-size: 55px; font-weight: bold; } .zhanlue-chart .left .main-chart h3 { font-size: 35px; font-weight: bold; } .zhanlue-chart .left .main-chart .text-muted { padding: 0px 30px; margin-top: 70px; text-align: center; } .zhanlue-chart .right { flex: 3; display: flex; flex-direction: column; } .zhanlue-chart .right .item-chart{ color: #fff; border-radius: 65px; padding: 40px; margin-bottom: 20px; display: flex; align-items: center; } .zhanlue-chart .right .item-chart:nth-child(odd) { background: linear-gradient(108deg, #EED6C0 0%, #AA7246 100%); } .zhanlue-chart .right .item-chart:nth-child(even){ background: linear-gradient(51deg, #5996DC 0%, #083AAE 100%); } .zhanlue-chart .right .item-chart .item { display: flex; align-items: center; justify-content: space-around; } .zhanlue-chart .right .item-chart h3 { font-size: 30px; font-weight: bold; flex: 1; display: flex; justify-content: center; } .zhanlue-chart .right .item-chart .item { flex: 3; } .zhanlue-chart .right .item-chart .item .col { display: flex; align-items: center; } .zhanlue-chart .right .item-chart .item .col .iconfont { font-size: 50px; margin-right: 10px; } /*.zhanlue-chart .right .item-chart .item .col .iconfont.icon-guotie { font-size: 68px; }*/ .zhanlue-chart .right .item-chart .item .col h4 { font-size: 20px; font-weight: normal; } .zhanlue-chart .right .item-chart .item .col p { font-size: 18px; } .wenhua-box { background-image: url(../images/wenhua-box-bg.jpg); background-repeat: no-repeat; background-position: left top; min-height: 800px; } .wenhua-list { display: flex; align-items: center; flex-wrap: wrap; } .wenhua-list .item { width: 50%; padding: 40px; display: flex; align-items: center; } .wenhua-list .item .left .iconfont{ width: 90px; height: 90px; margin-right: 30px; background: #fff; border-radius: 50%; } .wenhua-list .item .left .iconfont { font-size: 40px; color: #1252D4; } .wenhua-list .item .right h2 { font-size: 30px; } .wenhua-list .item .right p{ font-size: 16px; margin-top: 18px; } .jiagou-box img { max-width: 100%; margin: 10px auto; } .youshi-box { background: #F5F9FC; } .youshi-box.active { } .youshi-box .sub-menu { margin-bottom: 50px; } .youshi-box .sub-menu a { font-size: 24px; font-weight: bold; } .youshi-box .card-box .item { display: none; } .youshi-box .card-box .item.active { display: block; } .youshi-box .sub-title { position: relative; } .youshi-box .sub-title:after { position: absolute; content: ''; width: 100%; height: 1px; background: #ccc; top: 54px; } .youshi-box .sub-title .sub-menu { z-index: 1; } .youshi-box .swiper-wrapper { height: auto!important; } .card-box img { max-width: 100%; max-height: 100%; object-fit: cover; } .card-box .item-title { width: 500px; background: #1252D4; border-radius: 10px 130px 10px 10px; color: #fff; font-size: 22px; font-weight: bold; padding: 15px 60px; display: flex; align-items: center; margin: 25px 0px; } .card-box .item-title span { font-family: GOTHICB-Font; margin-right: 10px; font-size: 32px; } .card-box .item-conter { padding: 40px; } .card-box .item-conter .list-sty1 { line-height: 36px; font-size: 16px; max-height: 200px; overflow-y: auto; margin-right: 30px; } .card-box .item-conter .list-sty1::-webkit-scrollbar { width: 6px; } .card-box .item-conter .list-sty1::-webkit-scrollbar-track { background-color: #fff; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } .card-box .item-conter .list-sty1::-webkit-scrollbar-thumb { background-color: #ebebeb; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } .card-box .item-conter .list-sty1 li { position: relative; padding-left: 20px; } .card-box .item-conter .list-sty1 li:before { position: absolute; content: ''; border: 1px solid #ccc; width: 8px; height: 8px; border-radius: 50%; top: 50%; margin-top: -4px; left: 0px; } .card-box .item.col1 .item-conter { display: flex; position: relative; } .card-box .item.col1 .item-conter .left { flex: 1; } .card-box .item.col1 .item-conter .right { flex: 2; } .card-box .item.col1 .item-conter.row2 .content{ flex: 1; } .card-box .item.col1 .item-conter.row2 { padding: 25px 0px; } .card-box .item.col1 .item-conter.row2 .content { line-height: 35px; font-size: 16px; border: 1px solid #ECECEC; background: #fff; padding: 15px; } .card-box .item.col1 .item-conter.row2 .content:nth-child(odd) { margin-right: 15px; } .card-box .item.col1 .item-conter.row2 .content:nth-child(even) { margin-right: 15px; } .card-box .item.col1 .item-conter.row2 .content:hover { border: 1px solid #ECECEC; background: rgba(18, 82, 212, .1); } .card-box .item.col1 .item-conter.row2 .content h2 { font-size: 20px; margin-bottom: 15px; } .card-box .item.col1 .item-conter.row2 .content:hover h2 { color: #1252D4; } .honor1-prev-next { position: absolute; right: 100px; top: -20px; } .honor1-prev-next .swiper-button-prev { left: -70px; } .honor1-prev-next .swiper-button-next { right: -70px; } .swiper-button-next, .swiper-button-prev { width: 45px; height: 45px; background: #1252D4; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; } .swiper-button-next , .swiper-button-prev { } .swiper-button-next:hover, .swiper-button-prev:hover { background: #fff; color: #333; border: 1px solid #1252D4; } .swiper-button-next:hover .iconfont, .swiper-button-prev:hover .iconfont{ color: #1252D4; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { background: #fff; color: #999; border: 1px solid #999; opacity: 1; } .swiper-button-prev.swiper-button-disabled .iconfont, .swiper-button-next.swiper-button-disabled .iconfont { color: #999; } .swiper-button-prev .iconfont, .swiper-button-next .iconfont { font-size: 22px; color: #fff; } .img-group a.swiper-slide img{ height: 300px; width: 100%; } .honor2 { margin: 50px 0px; } .honor2 .honorList .swiper-slide { display: flex; flex-direction: column; align-items: center; font-size: 16px; } .honor2 .honorList .swiper-slide h2 { font-size: 65px; font-family: GOTHICB-Font; color: #1252D4; } .honor2 .honorList .swiper-slide p { text-align: center; } .honor2 .honorList .swiper-slide h2 sup { vertical-align: 25px; font-size: 20px; margin-left: 10px; font-weight: normal; color: #333; } .honor3 { width: 1250px; margin-bottom: 50px; } .card-box .item.col2 .item-title { width: 190px; } .partner-list { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } .partner-list a { width: 15%; margin-right: 1.6%; height: 100px; margin-bottom: 20px; background: #FFFFFF; box-shadow: 0px 3px 6px 1px rgba(179, 224, 254, 0.22); display: flex; align-items: center; justify-content: center; } .partner-list{ margin-right: -1.6%; } .item.col3 .img-group { margin: 50px 0px; } .item.col3 .img-group .swiper-pagination { position: initial; margin-top: 20px; } .img-list { margin-right: -2%; display: flex; flex-wrap: wrap; margin-bottom: 50px; } .img-list a { width: 23%; margin-right: 2%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 35px; font-size: 16px; color: #333; } .img-list a span { padding: 5px; height: 420px; border: 1px solid #E5E5E5; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; } .fazhan-box { background-image: url(../images/fazhan-box-bg.jpg); background-repeat: no-repeat; background-position: left top; background-size: cover; height: 810px; position: relative; } .fazhan-box .progress { display: flex; } .fazhan-box .progress-prev-next-btn { position: absolute; height: 70px; width: 100%; z-index: 1; opacity: 1; top: 308px; } .fazhan-box .progress-prev-next-btn .swiper-button-prev { left: 20px; } .fazhan-box .progress-prev-next-btn .swiper-button-next { right: 20px; } .fazhan-box .progress .swiper-slide .info { width: 800px; height: auto; line-height: 30px; } .fazhan-box .progress .swiper-slide .info p { overflow: auto; text-overflow: unset; -webkit-line-clamp: unset; margin-bottom: 15px; } .jingcai-list{ display: flex; flex-flow: wrap; } .jingcai-list .col { width: 31%; float: left; margin-right: 3%; overflow: hidden; border: 1px solid #e5e5e5; margin-bottom: 50px; } .jingcai-list .col .thum{ position: relative; overflow: hidden; } .jingcai-list .col:nth-child(3n) { margin-right: 0%; } .jingcai-list .col .pic { background: center center no-repeat; background-size: cover; -webkit-transition: all .5s; } .jingcai-list .col a:hover .pic{ -webkit-transform: scale(1.05); } .jingcai-list .col img { display: block; width: 100%; max-width: 100%; } .jingcai-list .col h2 { font-size: 16px; margin: 15px; font-weight: normal; line-height: 26px; text-align: center; } .jingcai-list .col a { color: #333; } .lianxi-box,.meiti-box { margin-bottom: 50px; } .lianxi-list { display: flex; justify-content: space-around; align-items: center; margin-bottom: 50px; } .lianxi-list .iconfont { width: 90px; height: 90px; background: #E9F0FA; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #1252D4; font-size: 42px; margin-bottom: 20px; } .lianxi-list h3 { font-size: 22px; margin-bottom: 20px; } .lianxi-list p { font-size: 16px; color: #666; } .lianxi-map { height: 650px; } .meiti-box { background: #E9F0FA; padding-bottom: 80px; } .meiti-list { background: #fff; padding: 60px; margin-right: -1.5%; display: flex; flex-wrap: wrap; align-items: center; } .meiti-list .meiti-item { width: 15.168%; margin-right: 1.5%; margin-bottom: 30px; } .meiti-list .meiti-item .meiti-img { border: 1px solid #E5E5E5; position: relative; margin-bottom: 20px; } .meiti-list .meiti-item .meiti-img img { width: 100%; height: 100%; } .meiti-list .meiti-item .meiti-img .meiti-logo { width: 50px; height: 50px; position: absolute; margin-left: -25px; left: 50%; top: 50%; margin-top: -25px; z-index: 1; } .meiti-list .meiti-item h3 { font-size: 16px; text-align: center; } .meiti-list .meiti-item .meiti-img img { opacity: .05; } .meiti-list .meiti-item .meiti-img .meiti-logo img { opacity: 1; } .meiti-list .meiti-item:hover .meiti-img img{ opacity: 1; } .liuyan-box { padding: 35px 65px; background-color: #fff; } .el-form-item--medium .el-form-item__label{line-height:55px!important;} .el-input--medium .el-input__inner{height:55px!important;line-height:55px!important;} @media screen and (max-width: 1200px) { .fancybox-slide--iframe .fancybox-content { width: 800px !important; height: 452px !important; } } @media screen and (max-width: 1100px) { .gaikuang-box .foot { flex-wrap: wrap; justify-content: space-around; } .gaikuang-box .foot .item { margin-bottom: 40px; } .zhanlue-chart { flex-direction: column; } .zhanlue-chart .left { margin-right: 0px; margin-bottom: 50px; } .zhanlue-chart .left .main-chart { min-height: auto; border-radius: 65px; padding: 30px; } .zhanlue-chart .left .main-chart .text-muted { margin-top: 30px; } .zhanlue-chart .right { flex-wrap: wrap; flex-direction: unset; } .zhanlue-chart .right .item-chart { width: 48%; margin-right: 2%; flex-direction: column; padding: 30px; } .zhanlue-chart .right .item-chart:nth-child(2n) { margin-right: 0%; } .zhanlue-chart .right .item-chart .item { flex: 1; } .zhanlue-chart .right .item-chart h3 { font-size: 24px; } .zhanlue-chart .right .item-chart .item .col { flex-direction: column; margin: 10px; } .zhanlue-chart .right .item-chart .item .col .iconfont { font-size: 40px; } .zhanlue-chart .right .item-chart .item .col h4 { font-size: 16px; } .zhanlue-chart .right .item-chart .item .col p { font-size: 14px; } .zhanlue-chart .right .item-chart .item .col div { text-align: center; } .img-list a { width: 31.33%; margin-right: 2%; } .img-list a span { height: 350px; } .lianxi-map { height: 480px; } .meiti-list .meiti-item { width: 18.5%; } .gaikuang-box .head .left a { position: unset; background-color: unset; } } @media screen and (max-width: 768px) { .gaikuang-box { background-image: none; min-height: 890px; } .gaikuang-box .head { flex-direction: column; } .gaikuang-box .head .play-video { margin-top: 50px; background: linear-gradient(90deg, #0b70cf, #0043b6) center center no-repeat; border-radius: 20px; } .gaikuang-box .head .right .text-muted { padding: 0px; } .fancybox-slide--iframe .fancybox-content { width: 560px !important; height: 316px !important; } .zhanlue-box { background-image: url(../images/m-zhanlue-box-bg.jpg); background-position: left bottom; } .zhanlue-chart .right { flex-direction: column; width: 100%; } .zhanlue-chart .right .item-chart { width: 100%; margin-right: 0px; /*flex-direction: row;*/ } .zhanlue-chart .right .item-chart h3 { /*min-width: 40px;*/ font-size: 20px; } .zhanlue-chart .right .item-chart .item { flex: 4; width: 100%; } .zhanlue-chart .right .item-chart .item .col { flex-direction: row; } .zhanlue-chart .right .item-chart .item .col p { display: none; } .zhanlue-chart .right .item-chart .item .col div { text-align: left; } .wenhua-box { min-height: auto; } .wenhua-list { align-items: flex-start; } .wenhua-list .item { flex-direction: column; padding: 25px; } .wenhua-list .item .left .iconfont { margin-right: 0px; } .wenhua-list .item { width: 33.33%; } .wenhua-list .item .left .iconfont { width: 75px; height: 75px; font-size: 35px; } .wenhua-list .item .right { text-align: center; } .wenhua-list .item .right h2 { font-size: 22px; margin-top: 15px; } .wenhua-list .item .right p { font-size: 14px; margin-top: 10px; } .youshi-box .sub-menu { margin-bottom: 30px; } .youshi-box .sub-menu a { font-size: 16px; } .card-box .item-title { width: auto; } .card-box .item-conter { padding:20px 0px; } .card-box .item.col1 .item-conter { display: block; } .card-box .item.col1 .item-conter .right { flex: 1; margin-top: 20px; } .honor1-prev-next,.honor3-prev-next { display: none; } .card-box .item.col1 .item-conter.row2 .content{ margin-bottom: 20px; } .card-box .item.col1 .item-conter.row2 .content:nth-child(odd) { margin-right: 0px; } .card-box .item.col1 .item-conter.row2 .content:nth-child(even) { margin-left: 0px; } .honor3 { width: auto; } .partner-list a { width: 23.4%; height: 70px; } .img-list a { width: 48%; margin-right: 2%; margin-bottom: 35px; } .img-list a span { height: 280px; } .fazhan-box .progress-prev-next-btn { top: 192px; } .progress .swiper-slide .info { height: auto; } .progress .swiper-slide .info p { -webkit-line-clamp: unset; } .fazhan-box .progress .swiper-slide .info { width: 500px; } .jingcai-list .col { width: 100%; margin-right: 0%; } .lianxi-map { height: 350px; } .lianxi-list { flex-wrap: wrap; align-items: flex-start; } .lianxi-list>div { width: 50%; margin-bottom: 20px; } .lianxi-list p { text-align: center; } .meiti-list { padding: 40px; } .meiti-list .meiti-item { width: 32%; margin-right: 1.8%; margin-bottom: 30px; } .meiti-list .meiti-item:nth-child(3n){ margin-right: 0%; } .meiti-list .meiti-item .meiti-img .meiti-logo { width: 44px; height: 44px; margin-left: -22px; margin-top: -22px; } .meiti-list .meiti-item .meiti-img img { opacity: 1; } } @media screen and (max-width: 650px) { .gaikuang-box .foot { align-items: flex-start; /*justify-content: flex-start;*/ } .gaikuang-box .foot .item { flex-direction: column; align-items: center; justify-content: center; width: 50%; } .gaikuang-box .foot .right { text-align: center; margin-top: 10px; } .img-group a.swiper-slide img{ height: 200px; } .fazhan-box .progress .swiper-slide .info { width: 500px; } } @media screen and (max-width: 500px) { .fancybox-slide--iframe .fancybox-content { width: 450px !important; height: 254px !important; } .gaikuang-box .foot .right p { display: none; } .wenhua-list .item { width: 50%; padding: 15px; } .wenhua-list .item .right h2{ font-size: 18px; } .card-box .item-title { font-size: 18px; padding: 15px; } .img-group a.swiper-slide img{ height: 170px; } .honor2 .honorList .swiper-slide h2 { font-size: 45px; } .honor2 .honorList .swiper-slide h2 sup { vertical-align: 10px; } .card-box .item.col2 .item-title { width: 100%; justify-content: center; } .partner-list a { width: 31.4%; } .fazhan-box .progress .swiper-slide .info { width: 400px; } .meiti-list .meiti-item { width: 48%; margin-right: 2%; margin-bottom: 20px; } .meiti-list .meiti-item:nth-child(3n){ margin-right: 2%; } .meiti-list .meiti-item:nth-child(2n){ margin-right: 0%; } } @media screen and (max-width: 390px) { .fancybox-slide--iframe .fancybox-content { width: 380px !important; height: 215px !important; } .zhanlue-chart .right .item-chart .item .col .iconfont { display: none; } .img-list { margin-right:0%; } .img-list a { width: 100%; margin-right:0%; } .img-list a span { height: 250px; } .fazhan-box .progress .swiper-slide .info { width: auto; padding: 0px 20px; } .lianxi-map { height: 300px; } .meiti-list { padding: 20px; } }